/*   
Theme Name: Plumber of the Year
Description: This is the Plumber of the Year WordPress Website Template
Author: We are CODA
Version: 1
*/


@charset "utf-8";
/* Simple fluid media
   Note: Fluid media requires that you remove the media's height and width attributes from the HTML
   http://www.alistapart.com/articles/fluid-images/ 
*/
img, object, embed, video {
	max-width: 100%;
	height: auto;
}
/* IE 6 does not support max-width so default to width 100% */
.ie6 img {
	width:100%;
}



body, html {
	color: #484848;
	font-weight: 400;
	font-family: 'Lato', sans-serif;
	margin: 0;
	font-size:18px;
	padding-top: 20px;
}

p {
	padding: 0 0 30px 0;
	margin: 0;
	}



a:link, a:active, a:visited {
	color: #5b1838;
	text-decoration: none;
	-webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;  
}

a:hover{
	color: #9a986d;
	-webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
   
}



/* Mobile Layout: 480px and below. */


h1 {
   font-family: 'Lato', sans-serif;
	color: #5b1838;
	font-size: 22px;
	text-align: center;
	display: block;
	line-height: 110%;
	font-weight: 300;
	background-image: url(assets/stars-bg.png);
	background-position: center top;
	background-repeat: no-repeat;
	background-size: 46px 19px;
	width: 80%;
	padding: 40px 0 0 0; 
	text-transform: uppercase;
	margin: 0 auto 20px auto;
}

h2, .gform_wrapper h2.gsection_title, .gform_wrapper .gfield_radio li label {
    font-family: 'Lato', sans-serif;
	color: #9a986d;
	font-size: 22px;
	text-align: center;
	display: block;
	margin: 0px auto 0 auto;
	line-height: 100%;
	padding: 0 0 30px 0 !important;
	cursor: pointer;
	font-weight: 400; 
}

 #vote-for-poty-block h2 {
    font-family: 'Lato', sans-serif;
	color: #9a986d;
	font-size: 22px;
	text-align: center;
	display: block;
	margin: 0px auto 0 auto;
	line-height: 100%;
	padding: 0 0 10px 0 !important;
	cursor: pointer;
	font-weight: 400; 
}


h4 {
  font-family: 'Lato', sans-serif;
	color: #9a986d;
	font-size: 22px;
	text-align: center;
	display: block;
	margin: 0px auto 0 auto;
	line-height: 100%;
	padding: 0px 0px 10px 0px;
	font-weight: 300;
	text-transform: uppercase
}

.ujic_center {
	border: 0 !important;
	padding: 0 !important;
	margin: 0 !important;
	display: inline-block;
	width: 100%;
	}

span.countdown_txt  {
	font-family: 'Lato', sans-serif !important;
	font-weight: 400 !important;
	}


h5 {
   font-family: 'Lato', sans-serif;
	color: #ffffff;
	font-size: 22px;
	text-align: center;
	display: block;
	line-height: 110%;
	font-weight: 300;
	width: 80%;
	padding: 0 0 10px 0; 
	text-transform: uppercase;
	margin: 0 auto 20px auto;
}



.header-section {
	margin: 0;
	width: 100%;
	display: inline-block;
	text-align: center;
	background-image: url(assets/header-section-bg.gif);
	background-repeat: repeat-x;
	background-position: top;
}

.deadline-holder {
	margin: 20px 0 10px 0;
	width: 100%;
	display: inline-block;
	text-align: center;
	padding: 20px 0 5px 0;
	background-color: #efefef; 
}


.top-bar {
	 width: 87%;
	display: block;
	color: #ffffff;
	font-weight: 400;
	font-size: 18px;
	line-height: 100%;
	text-align: left;
	padding-top: 5px;
	margin: 0 auto;
	position: fixed;
	top: 5px;
	left: 15px;
	z-index: 1001;
}

.mainNav-holder {
	  width: 100%;
	  display: block;
	  color: #ffffff;
	  font-weight: 400;
	  line-height: 100%;
	  text-align: center;
	  padding: 10px 0 20px 0;
	  background-color: #9a986d;
	  position:fixed;
	  z-index: 1000;
}

#mainNav {
	  width: 87%;
	  display: block;
	  color: #ffffff;
	  font-weight: 400;
	  font-size: 18px;
	  line-height: 100%;
	  text-align: center;
	  padding-top: 10px;
	  background-color: #9a986d;
	  margin: 0 auto 0 auto;
	  text-transform: uppercase;
}
#mainNav ul {
	 padding: 0;
	 margin: 0
}
#mainNav li {
	display: inline-block;
	padding: 0 30px;
	  
}
#mainNav li a {
	color: #ffffff;	  
}
#mainNav li a:hover {
	  color: #343637	; 
}




#enter-now {
	  position: fixed;
	  right: 3%;
	  bottom: 3%;
	  z-index: 100;
	  width: 100px;
	  height: auto;
}



.header-section-inner {
	 width: 87%;
	  margin: 0 auto 0 auto;
	  display: block;	
	  font-size: 18px;
	  line-height: 120%;	  
}

.footer-section-inner  {
	 width: 87%;
	  margin: 0 auto 0 auto;
	  display: block;	
	  font-size: 18px;
	  line-height: 120%;	  
	  padding: 40px 0;
}


.footer-section-inner img  {
	 width: 75px;
	 disaplay: inline-block;
	 padding: 0 20px;
	 -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out; 
	filter:alpha(opacity=100);
    -moz-opacity:1;
    -khtml-opacity: 1;
    opacity: 1; 
}


.footer-section-inner img:hover  {
	 width: 75px;
	 display: inline-block;
	 padding: 0 20px;
	 -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
	filter:alpha(opacity=70);
    -moz-opacity:0.7;
    -khtml-opacity: 0.7;
    opacity: 0.7;  
}


.section-inner{
	 width: 87%;
	  margin: 0 auto 0 auto;
	  display: block;	
	  line-height: 140%;
	  color: #343637;
}

.section-inner-mason {
	 width: 87%;
	  margin: 0px auto 0 auto;
	  display: inline-block;	
	  line-height: 140%;
	  color: #343637;
	  padding-top: 20px;
	  text-align: center
}


.section-inner ul {
	text-align: left !important;
	padding: 0;
	margin: 0;
}

.section-inner li {
	text-align: left !important;
	padding: 0 0 20px 30px;
	margin: 0;
	list-style: none;
	background-image: url(assets/star-bullet.png);
    background-position: top left;
	background-repeat: no-repeat;
	background-size: 18px 18px;
}


.section-inner-full-width-image {
	 width: 100%;
	  margin: 0 auto 0 auto;
	  display: block;	
	  line-height: 140%;
	  color: #343637;
}


.section-inner-left-aligned {
	 width: 87%;
	  margin: 0 auto 0 auto;
	  display: block;	
	  line-height: 140%;
	  color: #343637;
	  text-align: left !important;
}


.footer-inner {
	 width: 87%;
	  margin: 0 auto 20px auto;
	  display: block;	
	  line-height: 120%;
	  color: #ffffff;
}



.central-roundal {
	 display: block;
	 margin: -43px auto 10px auto;
}


.left-roundal {
	 display: block;
	 margin: -64px auto 10px auto;
}


.poty-vote {
	 display: block;
	 margin: 10px auto 0 auto;
}


.apply-now {
	 display: block;
	 margin: 0 auto;
	 width: 150px;
	 height: auto;
	 -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out; 
	filter:alpha(opacity=100);
    -moz-opacity:1;
    -khtml-opacity: 1;
    opacity: 1; 
}


.discount {
	 display: block;
	 margin: 0 auto;
	 width: 500px;
	 height: auto; 
}

.half-arrow {
	 display: block;
	 margin: -20px auto 10px auto;
}




.wrapper-section-1 {
	  width: 100%;
	  display: block;
	  float: left;
	  font-size: 18px;
	  line-height: 100%;
	  text-align:center;
	  padding: 10px 0;
	  background-color: #ffffff;
}


.wrapper-section-2 {
	  width: 100%;
	  display: block;
	  float: left;
	  line-height: 100%;
	  text-align:center;
	  padding: 40px 0;
	  background-color: #9a986d;
}


.wrapper-section-3 {
	  width: 100%;
	  display: block;
	  float: left;
	  font-weight: 400;
	  line-height: 100%;
	  text-align:center;
	  padding: 40px 0;
	  background-image: url(assets/wrapper-section-3-bg.jpg);
	  background-position: center bottom;
	  background-repeat: no-repeat;
	  background-color: #0192d3;
}


#wrapper-section-4 {
	  width: 100%;
	  display: block;
	  float: left;
	  font-weight: 400;
	  line-height: 100%;
	  text-align:center;
	  padding: 0;
	  background-color: #9a986d;
}



#wrapper-section-4 img {
	  max-width: 100%;
	  display: block;
}




.wrapper-section-5 {
	  width: 100%;
	  display: block;
	  float: left;
	  font-weight: 400;
	  line-height: 100%;
	  text-align:center;
	  padding: 40px 0;
}




.wrapper-section-6 {
	  width: 100%;
	  display: block;
	  float: left;
	  font-weight: 400;
	  line-height: 100%;
	  text-align:center;
	  padding: 20px 0 40px 0;
	  background-color: #d9e2e9;
}



.footer-section {
	  width: 100%;
	  display: block;
	  float: left;
	  font-weight: 400;
	  line-height: 100%;
	  text-align:center;
	  padding: 30px 0 30px 0;
	  background-color: #5b1838;
}





#half-width-form-left, #half-width-form-right {
	text-align: left;
	width: 93%;
	margin: 0 auto;
	background-color: #eeeeee;
	border-radius: 3px;
	padding: 10px;
	margin: 0 0 20px 0;
}



#half-width-left, #half-width-right {
	text-align: left;
	width: 93%;
	margin: 0 auto;
	border-radius: 3px;
	padding: 10px;
}







#logo {
	display: none;
	text-align: center;
	width: 100%;
	height: auto;
	margin: 0 auto;
}

#logo img {
	width: 100%;
	height: auto;
}



#logo-mobile {
	display: block;
	text-align: center;
	width: auto;
	height: auto;
	margin: 0 auto;
	z-index: 1001;
}

#logo-mobile img {
	width: auto;
	height: auto;
	display: block;
}


.ujic_center {
    text-align: center;
    border-top: 1px solid #a6bbcb;
	border-bottom: 1px solid #a6bbcb;
	padding: 10px 0;
	margin: 0 0 20px 0 !important;
}



#terms {
   padding: 10px;
   background-color: #d2d2d2;
   border-radius: 2px;
   font-size: 12px;
   line-height: 110%;
   margin-top: 10px; 
}

a.terms-link:link, a.terms-link:active, a.terms-link:visited {
   color: #9c2e62; 
}


a.terms-link:hover {
   text-decoration: underline; 
}


.partners-link {
	height: 25px;
	width: auto;
	margin: 0 25px 20px 25px;
	}
	
.partners-link-large {
	height: 40px;
	width: auto;
	margin: 0 25px 30px 25px;
	border-bottom: solid 1px #9a2f62;
	padding: 0 0 30px 0
	}

/* RESPONSIVE MENU STYLES */	

#wprmenu_menu ul li a, #wprmenu_menu ul li  {
	font-family: "Lato",sans-serif !important;
	text-align: center !important;
	text-transform: uppercase;
	}
	
#wprmenu_bar {
	height: 62px !important;
	padding: 20px 15px !important;
	z-index: 1000;
	}
	
#wprmenu_menu.right {
	margin-top: 20px !important;
	}	
	
	/* RESPONSIVE MENU STYLES */	
	
	
	
	
	
	
	
/* APPLY TO BE POTY 2017 */
	
	
.gform_wrapper ul.gform_fields li.gfield {
	padding: 0 !important;
	
	}	
	
	
.gform_wrapper .gform_body {
	margin: 0 auto;
	border-radius:4px;
	padding: 1px 5% 10% 5% !important;
	background-image: url(assets/header-section-bg.gif);
	background-repeat: repeat-x !important;
	background-position: top !important;
	background-color: #5b1838 !important;
	width: 90% !important;
	}
	
.gform_wrapper .gfield_required {
	color: #ffffff !important;
	
	}

.gform_wrapper .top_label .gfield_label {
	font-weight: 400 !important;
	font-size: 16px !important;
	color: #ffffff;
}

.gform_wrapper input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]) {
	font-family: inherit !important;
	padding: 0 5px !important;
	border: none !important;
	font-size: 16px; !important
	}
	
body .gform_wrapper .top_label div.ginput_container {
	margin-top: 0;
	}
	
.gform_wrapper .field_sublabel_above .ginput_complex.ginput_container label {
	margin: 10px 0 0 0 !important;
	color: #ffffff;
	font-size: 16px !important;
	}
	
.gform_wrapper .ginput_container span:not(.ginput_price), .gform_wrapper .field_description_below .gfield_description {
	margin: 0;
	font-size: 16px;
	color: #ffffff;
	}
	
	.gform_wrapper ul.gform_fields li.gfield {
padding: 0;	
background-image: none;	}

.gform_wrapper .top_label input.medium {
	width: 100% !important;
	}
	
.gform_wrapper textarea.medium {
		height: 300px !important;
		width: 100% !important;
		font-size: 16px !important;
		line-height: 140% !important;
}
		
	.gform_wrapper ul.gfield_checkbox li label {
		font-size: 16px !important;
		color: #9a986d !important;
}

.gform_wrapper .gform_footer {
	width: 200px !important;
	margin: -40px auto 0 auto !important;
	}
	
.gform_wrapper .gform_footer input[type=image] {
	width: 175px !important;
	}


/* APPLY TO BE POTY 2017 */

/* VOTE FOR POTY 2017 */

#vote-for-poty-block { 
	  width: 80%;
	  padding: 6% 6% 0 6%;
	  margin: 10px 4% 30px 4%;
	  display: block;
	  background-color: #f5f5f5;
}

#vote-for-poty-block strong { 
	 color: #343637;
}


#vote-for-poty-block img { 
	  width: 80%;
	  margin: 0 auto 10px auto;
	  display: block;
	  -webkit-transition: all 0.3s ease-in-out;
     -moz-transition: all 0.3s ease-in-out;
     -o-transition: all 0.3s ease-in-out;
     -ms-transition: all 0.3s ease-in-out;
     transition: all 0.3s ease-in-out; 
	 filter: alpha(opacity=100);
	-moz-opacity: 1;
	-khtml-opacity: 1;
	opacity: 1; 
}

img.full-bio:hover, #vote-for-poty-block img:hover, .team-block img:hover { 
	  -webkit-transition: all 0.2s ease-in-out;
     -moz-transition: all 0.2s ease-in-out;
     -o-transition: all 0.2s ease-in-out;
     -ms-transition: all 0.2s ease-in-out;
     transition: all 0.2s ease-in-out;  
	 filter: alpha(opacity=70);
	-moz-opacity: 0.7;
	-khtml-opacity: 0.7;
	opacity: 0.7;
}

img.full-bio { 
	  width: 150px !important;
	  margin: 0 auto -20px auto!important;
	  display: block;
	  -webkit-transition: all 0.3s ease-in-out;
     -moz-transition: all 0.3s ease-in-out;
     -o-transition: all 0.3s ease-in-out;
     -ms-transition: all 0.3s ease-in-out;
     transition: all 0.3s ease-in-out; 
	 filter: alpha(opacity=100);
	 -moz-opacity: 1;
	 -khtml-opacity: 1;
	 opacity: 1; 
}


.headshot-block {
	display: inline-block;
	width: 94%;
	vertical-align: top;
	background-color: #f5f5f5;
	padding: 3%;
	margin-bottom: 20px;
	}

	
.headshot-block h2, .headshot-block p {
	padding: 0 0 10px 0 !important;
	text-align: center !important;
	}
	

.headshot-block img {
	width: 60%;
	margin: 0 auto;
	display: block;
	}
	
.section-inner-bio {
	display: inline-block;
	width: 100%;
	text-align: left;
	vertical-align: top;
	padding: 0;
	}

.section-inner-bio img {
		display: block;
		width: 150px;
		height: height;
		margin: 0 auto -20px auto;
		}
		
.gform_wrapper ul.gfield_checkbox li, .gform_wrapper ul.gfield_radio li {
	background-image: none;
	}

/* VOTE FOR POTY 2017 */










/* Tablet Layout: 481px to 768px. Inherits styles from: Mobile Layout. */

@media only screen and (min-width: 481px) {

#top-logo img {
	margin-top: 0;
}


.header-section {
	width: 100%;
	display: inline-block;
	text-align: center;
}

.deadline-holder {
	width: 100%;
	display: inline-block;
	text-align: center;
	padding: 20px 0 0 0;
	margin: 20px 0 30px 0;
}


#logo {
	display: block;
	text-align: center;
	width: 100%;
	height: auto;
	margin: 0 auto;
}

#logo img {
	width: 100%;
	height: auto;
	display: block;
}

#logo-mobile {
	display: none;
	text-align: center;
	width: 100%;
	height: auto;
	margin: 0 auto;
}



#enter-now {
	  position: fixed;
	  right: 3%;
	  bottom: 3%;
	  top: auto;
	  z-index: 100;
	  width: 120px;
	  height: auto;
}



}









/* Desktop Small Layout: 768px to a max of 963px.  Inherits styles from: Mobile Layout and Tablet Layout. */

@media only screen and (min-width: 769px) {

body, html {
	padding-top: 0;
}
h1 {
	font-size: 26px;
	width: 640px;
   
}

.wrapper-section-1 {
	padding: 40px 0;

}

h2, .gform_wrapper h2.gsection_title, .gform_wrapper .gfield_radio li label {
	font-size: 26px;
   
}

.header-section {
	margin: 58px 0 0 0;
}

.top-bar {
	display: none;
}

#enter-now {
	  position: fixed;
	  right: 3%;
	  bottom: 3%;
	  z-index: 100;
	  width: auto;
	  height: auto;
}

.apply-now {
	 width: 200px;
	 display: block;
}



#half-width-form-left {
	text-align: left;
	float: left;
	width: 43%;
	margin: 0 auto;
	background-color: #eeeeee;
	border-radius: 3px;
	padding: 20px;
}


#half-width-form-right {
	text-align: left;
	float: right;
	width: 43%;
	margin: 0 auto;
	background-color: #eeeeee;
	border-radius: 3px;
	padding: 20px;
}



#half-width-left {
	text-align: left;
	float: left;
	width: 43%;
	margin: 0 auto;
	border-radius: 3px;
	padding: 20px;
}


#half-width-right {
	text-align: left;
	float: right;
	width: 43%;
	margin: 0 auto;
	border-radius: 3px;
	padding: 20px;
}



#logo {
	 width: 760px;
}

#logo img {
	 width: 760px;
}



.header-section-inner, #mainNav, .footer-section-inner {
	 width: 760px;
	  
}


.section-inner, .footer-inner, .section-inner-left-aligned, .section-inner-full-width-image, .section-inner-mason {
	 width: 760px;
	  
}




.header-section, .deadline-holder {
	width: 100%;
	display: inline-block;
	text-align: center;
}


.half-arrow {
	 display: block;
	 margin: -30px auto 10px auto;
}


.left-roundal {
	 display: block;
	 margin: -94px auto 10px auto;
}



/* APPLY TO BE POTY 2017 */
	
	
.gform_wrapper .gform_body {
	width: 94% !important;
	margin: 0 auto !important;
	padding: 1px 3% 6% 3% !important;
	}
	
.gform_wrapper input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]) {
	padding: 8px !important;
	}
	
.gform_wrapper textarea.medium {
		height: 200px !important;
		}
		
.gform_wrapper .gform_footer {
	text-align: center !important;
	
	}


/* APPLY TO BE POTY 2017 */

/* VOTE FOR POTY 2017 */


#vote-for-poty-block { 
	  width: 43%;
	  padding: 2% 2% 0 2%;
	  display: inline-block;
	  margin: 10px 10px 30px 10px;
	  border-bottom: 0;
}


#vote-for-poty-block img { 
	  width: 100%;
	  margin: 0 auto 20px auto;
}


.headshot-block {
	display: inline-block;
	width: 30%;
	text-align: left;
	vertical-align: top;
	margin: 25px 0 0 0;
	}
	
.headshot-block img {
	width: 100%;
	}
	
	

.section-inner-bio {
	display: inline-block;
	width: 59%;
	text-align: left;
	vertical-align: top;
	padding: 0 0 0 4%;
	margin: 25px 0 0 0;
	}
	
.tiled-gallery {
	margin: 0 !important;}

/* VOTE FOR POTY 2017 */



}









/* Desktop Large Layout: 964px to a max of 1219px.  Inherits styles from: Mobile Layout and Tablet Layout and Deskop Small Layout. */

@media only screen and (min-width: 964px) {

#logo {
	 width: 944px;	 
}

#logo img {
	 width: 944px;	 
}



.header-section-inner, #mainNav, .footer-section-inner {
	 width: 944px;	  
}


.section-inner, .footer-inner, .section-inner-left-aligned, .section-inner-full-width-image, .section-inner-mason {
	 width: 944px;
}


/* VOTE FOR POTY 2017 */
#vote-for-poty-block { 
	  width: 27%;
}

/* VOTE FOR POTY 2017 */



}


































/* Desktop Layout: 1220px to a max of 1500px.  Inherits styles from: Mobile Layout and Tablet Layout and Desktop Large Layout. */

@media only screen and (min-width: 1220px) {
	




}