/*
Theme Name:     Customizr Pro Child
Theme URI:      http://themesandco.com/customizr
Description:    A child theme for the Customizr WordPress theme. This child theme simply includes 2 files : style.css to add your custom css and functions.php where you can extend Customizr's core code. In order to keep your code as clean and flexible as possible, try to use Customizr's hooks API for your customizations. Do something awesome and have fun !
Author:         Nicolas Guillaume (nikeo)
Author URI:     http://themesandco.com
Template:       customizr-pro
Version:        1.0.0
*/

/* Your awesome customizations start right here !
-------------------------------------------------------------- */

.supplydiv	{
	float:	left;
	padding:	10px;
	min-width:	250px;
	max-width:	250px;
	text-align:	center;
	margin-top:	20px;
	margin-bottom:	20px;
}

.supplyimg	{
	min-height:	160px;
	min-width: 	160px;
	max-height: 160px;
	max-width:  160px;
	margin: 0 auto 10px auto;
}

.footad	{
	margin-left:	auto;
	margin-right:	auto;
	min-width:		728px;
	max-width:		728px;
}

#main-wrapper	{
	padding-left:	8px;
	padding-right: 8px;
}

.tc-header {
	margin-left:	4px;
}

.yarpp-figure	{
	max-width:	259px;
	float:			left;
	margin:			10px 10px;
	text-align:	center;
	
}

.column-content-wrapper	{
	margin-top:	10px;
}

.yarpp-sidebar h3	{
  font-size: 16px;
}

.pcr-download-box {
	/* margin: 25px 0px; */
	padding: 15px; 
	/* width:	100%; */
	background-color:		#F0F0F0;
	overflow:	auto;
	border-style: solid;
	border-width: 5px;
	border-color: gray;
}

.pcr-join-or-buy {
	margin: 25px 0px; 
	width:	98%;
	background-color:		#F0F0F0;
	border-color: 			#E4E4E4;
	overflow:	auto;
	border-style: solid;
	border-width: 5px;
}

.pcr-join-or-buy h2 {
	margin-left:	5px;
}

.pcr-join-or-buy h4 {
	margin-left:	5px;
}
.pcr-join-or-buy-div-1	{
	min-width:	290px;
	max-width:	500px;
	margin-left:	5px;
	float:	left;	
}

.pcr-join-or-buy-div-2	{
	width:	50px;
	margin: 0 24px;
	float:	left;
}

.pcr-join-or-buy-div-2 h2	{
	margin-top:			40px;
	margin-bottom:	5px;
}

.pcr-join-or-buy-div-3	{
	width:	240px;
	float:	left;
}

.pcr-join-or-buy-div-header-footer	{
	width:	98%;
	clear:	both;
	text-align:	center;
}

.pcr-join-or-buy-div-header-footer h4	{
	margin-left:	5px;
}

.pcr-join-or-buy-span {
	margin-left:	5px;
	float:	left;
	width:	80%;
}

.pcr-join-or-buy-half-span {
	max-width: 230px;
	float:	left;
}

@media screen and (max-width: 520px)	{

	.pcr-join-or-buy-half-span {
		max-width: 100%;
		float:	left;
	}
	
	.pcr-join-or-buy-div-2 h2	{
		margin-top:	10px;
	}
}

.pcr-job-buy-button-div	{
	clear:	both;
	margin: 10px 20px;
}

.joinButton {
	-moz-box-shadow: 0px 1px 0px 0px #fff6af;
	-webkit-box-shadow: 0px 1px 0px 0px #fff6af;
	box-shadow: 0px 1px 0px 0px #fff6af;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ffec64), color-stop(1, #ffab23));
	background:-moz-linear-gradient(top, #ffec64 5%, #ffab23 100%);
	background:-webkit-linear-gradient(top, #ffec64 5%, #ffab23 100%);
	background:-o-linear-gradient(top, #ffec64 5%, #ffab23 100%);
	background:-ms-linear-gradient(top, #ffec64 5%, #ffab23 100%);
	background:linear-gradient(to bottom, #ffec64 5%, #ffab23 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffec64', endColorstr='#ffab23',GradientType=0);
	background-color:#ffec64;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border:1px solid #ffaa22;
	display:inline-block;
	cursor:pointer;
	color:#333333;
	font-family:Trebuchet MS;
	font-size:26px;
	font-weight:bold;
	padding:18px 30px;
	text-decoration:none;
	text-shadow:0px 1px 0px #ffee66;
}
.joinButton:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ffab23), color-stop(1, #ffec64));
	background:-moz-linear-gradient(top, #ffab23 5%, #ffec64 100%);
	background:-webkit-linear-gradient(top, #ffab23 5%, #ffec64 100%);
	background:-o-linear-gradient(top, #ffab23 5%, #ffec64 100%);
	background:-ms-linear-gradient(top, #ffab23 5%, #ffec64 100%);
	background:linear-gradient(to bottom, #ffab23 5%, #ffec64 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffab23', endColorstr='#ffec64',GradientType=0);
	background-color:#ffab23;
}
.joinButton:active {
	position:relative;
	top:1px;
}

.blueDLButton {
	-moz-box-shadow: 0px 1px 0px 0px #f0f7fa;
	-webkit-box-shadow: 0px 1px 0px 0px #f0f7fa;
	box-shadow: 0px 1px 0px 0px #f0f7fa;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #33bdef), color-stop(1, #019ad2));
	background:-moz-linear-gradient(top, #33bdef 5%, #019ad2 100%);
	background:-webkit-linear-gradient(top, #33bdef 5%, #019ad2 100%);
	background:-o-linear-gradient(top, #33bdef 5%, #019ad2 100%);
	background:-ms-linear-gradient(top, #33bdef 5%, #019ad2 100%);
	background:linear-gradient(to bottom, #33bdef 5%, #019ad2 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#33bdef', endColorstr='#019ad2',GradientType=0);
	background-color:#33bdef;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border:1px solid #057fd0;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family:Arial;
	font-size:15px;
	font-weight:bold;
	padding:6px 24px;
	text-decoration:none;
	text-shadow:0px -1px 0px #5b6178;
	margin: 5px;
}
.blueDLButton:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #019ad2), color-stop(1, #33bdef));
	background:-moz-linear-gradient(top, #019ad2 5%, #33bdef 100%);
	background:-webkit-linear-gradient(top, #019ad2 5%, #33bdef 100%);
	background:-o-linear-gradient(top, #019ad2 5%, #33bdef 100%);
	background:-ms-linear-gradient(top, #019ad2 5%, #33bdef 100%);
	background:linear-gradient(to bottom, #019ad2 5%, #33bdef 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#019ad2', endColorstr='#33bdef',GradientType=0);
	background-color:#019ad2;
}
.blueDLButton:active {
	position:relative;
	top:1px;
}


.projecticon{
	min-height: 20px;
	padding-top:5px;
	padding-bottom: 5px;
	display: flex;
	flex-direction: column;
	align-items:	center;
}

.projecticon img{
	width:20px;
	height:20px;
	display:inline;
	margin: 0
}
#projecticontop img{
	padding-right:10px;
	padding-left:8px;
	padding-bottom:20px;
	float:left;
}

#projecticontop  a{
	/*font: normal 12px "Trebuchet MS", Helvetica, Jamrul, sans-serif;
	vertical-align:4px;
	font-weight: bold;
	color:#606060;*/
	font-size:14px;
	float:left;
}

#joinnowheader	{
	display: flex;
	flex-direction: column;
	align-items:	center;
	
}

table.table3{
	letter-spacing: -1px;
    line-height: 1.7em;
    text-align:center;
    border-collapse:collapse;
    border-bottom:	none;
}
.table3 thead th{
    padding:6px 10px;
    color:#444;
    font-weight:bold;
    text-shadow:1px 1px 1px #fff;
    border-bottom:5px solid #444;
}
.table3 thead th:empty{
    background:transparent;
    border:none;
}
.table3 tfoot :nth-child(1){
    border-bottom:	none;
}


.table3 thead :nth-child(2),
.table3 tfoot :nth-child(2){
    background-color: #67cdf2;
}
.table3 tfoot :nth-child(2){
    -moz-border-radius:0px 0px 0px 5px;
    -webkit-border-bottom-left-radius:5px;
    border-bottom-left-radius:5px;
}
.table3 thead :nth-child(2){
    -moz-border-radius:5px 0px 0px 0px;
    -webkit-border-top-left-radius:5px;
    border-top-left-radius:5px;
}
.table3 thead :nth-child(3),
.table3 tfoot :nth-child(3){
    background-color: #f28b00;
}
.table3 thead :nth-child(4),
.table3 tfoot :nth-child(4){
    background-color: #2388BF;
}
.table3 thead :nth-child(5),
.table3 tfoot :nth-child(5){
    background-color: #096A9F;
}
.table3 thead :nth-child(5){
    -moz-border-radius:0px 5px 0px 0px;
    -webkit-border-top-right-radius:5px;
    border-top-right-radius:5px;
}
.table3 tfoot :nth-child(5){
    -moz-border-radius:0px 0px 5px 0px;
    -webkit-border-bottom-right-radius:5px;
    border-bottom-right-radius:5px;
}
.table3 tfoot td{
    font-size:24px;
    font-weight:bold;
    padding:15px 0px;
    text-shadow:1px 1px 1px #fff;
}
.table3 tbody td{
    padding:10px;
}
.table3 tbody tr:nth-child(4) td{
    font-size:26px;
    font-weight:bold;
}
.table3 tbody td:nth-child(even){
    background-color:#444;
    color:#444;
    border-bottom:1px solid #444;
	background-image: -ms-linear-gradient(top left, #BFBFBF 0%, #F0F0F0 200%);
    background:-webkit-gradient(
        linear,
        left bottom,
        left top,
        color-stop(0.39, rgb(189,189,189)),
        color-stop(0.7, rgb(224,224,224))
        );
    background:-moz-linear-gradient(
        center bottom,
        rgb(189,189,189) 39%,
        rgb(224,224,224) 70%
        );
    text-shadow:1px 1px 1px #fff;
}
.table3 tbody td:nth-child(odd){
    background-color:#555;
    color:#f0f0f0;
    border-bottom:1px solid #444;
	/* IE10 Consumer Preview */ 

    background:-webkit-gradient(
        linear,
        left bottom,
        left top,
        color-stop(0.39, rgb(85,85,85)),
        color-stop(0.7, rgb(105,105,105))
        );
    background:-moz-linear-gradient(
        center bottom,
        rgb(85,85,85) 39%,
        rgb(105,105,105) 70%
        );
    text-shadow:1px 1px 1px #000;
}
.table3 tbody td:nth-last-child(1){
    border-right:1px solid #222;
}
.table3 tbody th{
    color:#696969;
    text-align:right;
    padding:0px 10px;
    border-right:1px solid #aaa;
    border-bottom:	none;
}
.table3 tbody span.check::before{
    content : url(images/signup/check2.png)	   
}

.search-field	{
	max-width: 	120px;
	margin: -2px 6px 6px 6px;
	float:left;
}

.modalDialog {
	position: fixed;
	font-family: Arial, Helvetica, sans-serif;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background: rgba(0,0,0,0.8);
	z-index: 99999;
	opacity:0;
	-webkit-transition: opacity 400ms ease-in;
	-moz-transition: opacity 400ms ease-in;
	transition: opacity 400ms ease-in;
	pointer-events: none;
}

.modalDialog:target {
	opacity:1;
	pointer-events: auto;
}

.modalDialog > div {
	max-width: 250px;
	min-width: 250px;
	position: relative;
	margin: 10% auto;
	padding: 5px 20px 13px 20px;
	border-radius: 10px;
	background: #fff;
	background: -moz-linear-gradient(#fff, #999);
	background: -webkit-linear-gradient(#fff, #999);
	background: -o-linear-gradient(#fff, #999);
}

#pzlogin input	{
	float:right;
	margin-right:	10px;
}

#amembersubmit	{
	float:right;
}

.box1	{
	float:left;
	max-height: 36px;
}

.box2	{
	float:right;
	margin-top: 10px;
}

.fp-one	{
	display:none;
}

.featurette-divider	{
	margin: 10px 0px;
}

.close {
	background: #606061;
	color: #FFFFFF;
	line-height: 25px;
	position: absolute;
	right: -12px;
	text-align: center;
	top: -10px;
	width: 24px;
	text-decoration: none;
	font-weight: bold;
	-webkit-border-radius: 12px;
	-moz-border-radius: 12px;
	border-radius: 12px;
	-moz-box-shadow: 1px 1px 3px #000;
	-webkit-box-shadow: 1px 1px 3px #000;
	box-shadow: 1px 1px 3px #000;
}

.close:hover { background: #00d9ff; }

.btn-signin	{
	float:	right;
	margin: 10px 60px 5px 5px
}

.bnt-thumbnail image	{
	max-width:200px;
}

/*  GROUPING  */
.group:before,
.group:after {
	content:"";
	display:table;
}
.group:after {
	clear:both;
}
.group {
    zoom:1; /* For IE 6/7 */
}
.group h6	{
	background:#C5E2F2;
	padding:10px;
	text-transform: uppercase;
}

article.page .entry-header {
    display: none;
}

.carousel-caption	{
	padding: 2%;
}

.hidewidgettitle h4	{
	display:none;
}

.flexcenter	{
	display:	flex;
	align-items:	center;
	justify-content:	center;
}

#mc_embed_signup {
	background:transparent; 
	clear:left; 
	font:14px Helvetica,Arial,sans-serif;
	width:300px;
}

.h7 {
letter-spacing: 0.05em;
border-bottom: solid 3px #808080;
border-left: solid 1px #808080;
border-right: solid 2px #808080;
border-top: solid 1px #808080;
background-color: #c5e2f2;
color : #606060;
margin-top:0.5em;
margin-bottom:0.5em;
width:100%;
line-height:38px !important;
text-align:center;
height:38px;
padding:1px;
font-size:25px !important;
background:#C5E2F2;
text-transform:bold;
white-space:nowrap;
}

/* Footer Social Icons */
.colophon .social-block {
font-size: 26px;
}


/* Change the color of all the Social Icons */
footer#footer .colophon  a.social-icon {
color:#c5e2f2;
}   

footer#footer .colophon {
background: none repeat scroll 0 0 #5a5a5a;
}

#footerInformation {
  border-top: 1px solid #3d3838;
  border-bottom: 1px solid #3d3838;
  padding: 10px 0;
  margin-top: 50px;
  text-align: center;
  font-family: \"myriad-pro-condensed\", \"Myriad Pro\", Trebuchet MS, Arial, Sans-Serif, sans-serif;
  font-size: 20px;
  line-height: 1;
  color: #b3b3b3;
}

#footerCopyright {
  text-align: center;
  padding-top: 10px;
  font-size: 11px;
}
#footerCopyright div {
  display: inline-block;
}
#footerCopyright div a {
  color: #b3b3b3;
  font-weight: normal;
  text-decoration: none;
}
#footerCopyright div a:hover {
  text-decoration: underline;
}


#footer_one {
text-align: left ;
}
#footer_two {
text-align: center ;
}
#footer_three {
text-align: left;
font-size: 16px;
line-height: 2em;
}
#footer_three a {
font-size: 16px !important;
}
#footer_four {
text-align: center;
}

div.footer3 {
    height: 150px;
    width: 100%;
    padding-left:5px;
    margin-left: auto;
    margin-right: auto;
    margin-top: none;
    margin-bottom: none;
    background-color: transparent;
    line-height: 2em !important;
}

div.col {
    float: left;
    width: 35%;
}

.uneditable-input, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="tel"], input[type="color"], input[type="search"], select, textarea	{
	height: 30px;
} 

@font-face {
    font-family: "chai";
    src: url("fonts/p22chaitpro.woff2") format("woff2"),
         url("fonts/p22chaitpro.woff") format("woff");
    font-weight: normal;
    font-style: normal;
}

@font-face {
	font-family: "futurapress";
	src: url("fonts/FuturaPress.woff") format("woff"),
	     url("fonts/FuturaPress.svg") format("svg"),
		 url("fonts/FuturaPress.eof") format("eof"),
		 url("fonts/FuturaPress.ttf") format("ttf");
    font-weight: normal;
	font-style: normal;
}



.pfont {
    font-family: "chai";
    font-size: 48px ;
    color: #64B6DE;
    margin-bottom: 0;
    position: absolute;
    bottom: 0;
    z-index: 100;
    line-height: 0.41;
    text-shadow: -1px 0 white, 0 1px white, 1px 0 white, 0 -1px white;
    }
   
.crtfont {
left: 0; right: 0;  
font-family:  'Helvetica';
  color: #64B6DE;
  font-size: 16px;
  align: center;
  top:0;
  line-height: 1;
text-shadow: -1px 1px #bb9;
}

.btn-medium {
font-size: 12px;
line-height: 1;
padding: 2px 0px;
}




 @media screen and (min-width: 640px) {
      .pfont {
      font-size: 9vh;
      margin-top:0;
      margin-bottom:0;
      }
      .crtfont {
      font-size: 3.7vh;
      top:0;
      margin-bottom:0;
      }
	    }
@media screen and (min-width: 480px) {
.btn-medium {
  padding: 2px 10px;
  font-size: 16px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
line-height: 1.5;
}
}


.classwrap {
  position: relative;
  width: 100%;
  height: 28vh;
   }
.classhead {
  left: 0; right: 0;
  height:25%;
  position: absolute;
  top: 0px;
}
.classborder {
  left: 0; right: 0;
  height: 75%;
  position: absolute;
  border: 4px solid #64B6DE;
  border-radius: 10px;
  box-sizing: border-box;
  bottom: 0px;
  } 

.subclass1 {
  position: absolute;
  background-image:url("https://www.pazzles.net/wordpress/wp-content/themes/customizr-child/images/coffee3.png");
  background-size: contain;
  background-repeat: no-repeat;
  left: 0; right: 0; top: 0; bottom: 0;
  top: 0; bottom: 0;
  z-index: -1;
}
.subclass2 {
  text-align: center;
  position: absolute;
  left: 28%; right: 35%;
  top: 10%; bottom: 5%;
  border-right: 3px groove #64b6de;
}
.subclass3 {
  text-align: center;
  position: absolute;
  left: 65%; right: 0;
  top: 10%; bottom: 5%;
}
.subclass2, .subclass3, .classhead {
	-webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    cursor:default;
}

.classbg {
position: absolute;
z-index: -2;
left: 0; 
right: 0; 
top: 0; 
bottom: 0;
background-color: #fefefe;
}

.btncont {
  text-align: center;
  margin-top: 8%;
}