/* @override 
	http://freedomservicedogs.org/wp-content/themes/freedom/printlayout/print.css
	https://freedomservicedogs.org/wp-content/themes/freedom/printlayout/print.css */


/*
Theme Name: Freedom - PRINT CARD
*/

@import "css/reset.css";
@import "css/animation.css";



/* ------ Clear Fix Stuff ------ */
.clear 			{ clear: both; }
.cf:before,
.cf:after 		{ content:""; display:table; }
.cf:after 		{ clear:both; }

/* ------ Basic Styling ------- */
html, body		{ margin: 0; padding: 0; background: #fff; }
body 			{ background: #fff;
				  color: #000000;
				  font-family:	"Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
				  font-size: 11pt;
				  line-height: 1.3;
                  font-weight: 400;
                  background: #fff url('imgs/print-pdf-FSD2.jg') no-repeat left top;
                  width: 816px;
				}
				
				img.logo-img {
					width: 200px;
					height: auto;
					display: inline-block;
	
				}
				
html {
	width: 816;
}

#cardlayout {
width: 816px;
overflow: hidden;
}

.quad {
width: 408px;
height: 528px;
overflow: hidden;
position: relative;
display: block;

				}
				
				div#watermark {
					position: ;
					font-size: 40px;
					color: gray;
					z-index: 10000;
				}
				
				#sec-1 {
					position: absolute;
					top: 0px;
					left: 0px;
				}
				
				#sec-2 {
					position: absolute;
					left: 408px;
					top: 0;
				}
				
								
				#sec-3 {
					position: absolute;
					left: 408px;
					top: 528px;
					margin: 0;
				}
				
				#sec-4 {
					position: absolute;
					left: 0px;
					top: 528px;

				}
				
#message {
	width: 368px;
	height: 258px;	
				-webkit-transform: rotate(90deg);
				-moz-transform: rotate(90deg);
				-o-transform: rotate(90deg);
				-ms-transform: rotate(90deg);
				font-size: 13pt;
				margin: 0;
				right: 56px;
				top: 56px;
				display: block;
				padding: 80px;
				position: relative;
				/*margin: 0;*/
				}
				
				#message p.sender {
					margin-top: -8px;
					display: inline;
					font-style: italic;
					float: right;
					display: none;
				}
				
				#back-card {
	    transform: rotate(90deg) translate(0, -600px);
	    -webkit-transform: rotate(90deg) ;
	    -moz-transform: rotate(90deg) ;
	    -o-transform: rotate(90deg) ;
	    -ms-transform: rotate(90deg) ;
	    height: 200px;
	    position: relative;
	    margin: 0 auto;
		text-align: center;
		width: 528px;
		bottom: 0;
		margin-top: 158px;
		margin-left: -150px;
			}
					
#sec-2 img {
	margin-top: 94px;
	margin-left: -60px;
    height: 340px;
    width: auto;
	position: relative;
	-webkit-transform: rotate(-90deg) ;
	-moz-transform: rotate(-90deg) ;
	-o-transform: rotate(-90deg) ;
	-ms-transform: rotate(-90deg) ;
}

#rec-print {
	padding: 20px;
}

.card-details {
line-height: 1em !important;
}

span.amt::before {
	content: '$';
}

.hide-print {
	display: none;
}


@page {
      margin: 0cm;
      size: letter;
      padding: 0;
   }
												
@media print {

html, body {
  background: #fff; 
  padding: 0cm;
  margin: 0cm;
  border: none;
  width: 100%;
  overflow: hidden;
  size: letter;
}


	.card-details {
	line-height: 1em !important;
	}
	
	span.amt::before {
		content: '$';
	}
	
	.hide-print {
		display: none;
	}
	
	#rec-print {
		padding: 2cm;
	}
	
	
}
	

@page {
     margin: 0cm;
  }


#sec-2 img{ }
}