﻿/* =============================================================================
   Primary styles
   Author: Chad Roberts Design
   ========================================================================== */

	body{	
		-webkit-text-size-adjust: none;
		background-color: #f9f9f9;
		}
	
	#wrapper {
		width: 100%; margin: 2em auto; padding: 3em; background-image: url(../images/border3.gif);background-repeat:no-repeat;background-size:100% 100%;
	}

			

/* ===================
   A 01 General Styles
   =================== */

	article, div section article, section article {float:left; display:block; position:relative; margin:0; padding: 0; border: 0 none;}
	
	footer { width:100%; display: block; position: relative; text-align: center; }
	footer small { letter-spacing: 0; color: #CCCCCC !important;  font-size: 1.2em!important}  
	footer small a, footer small a:visited { font-family: MrsEavesItalic, Georgia, "Times New Roman", Times, serif; letter-spacing: 0;  color: #CCCCCC !important;;}
	footer small a:focus, footer small a:hover, footer small a:active {color: #999999 !important;}
	
	.divider-sm{ background: url('../img/divider-sm.jpg') no-repeat center center transparent; margin: 0; padding: 0; display: block; float: left; width: 100%; height: 1.75em; }
	.divider-lg{ margin: 0; display: block; float: left; height: 2em; width:100%; background-size: 100% auto;}
	
	.last, .gallery-grid .divider-lg {visibility: visible; display: block;}
	
	.left {text-align: left;}
	.right { text-align: right;}


/* ===================
   A 02 Header & Footer Styles
   =================== */

	#main-header #logo {width: 277px; height: 126px; display: block; background: url('../img/logo-browser.jpg') no-repeat top right transparent; margin: 0; padding:0 0 0 0.95%; float: left; z-index: 100; top: 63px;}

	/*==  Main Navigation Styles  ==*/
	#main-content #main-nav { float: left; text-align: left; position: relative; display: block; width: auto; margin:0; top: 1.5em;}
	#main-content #main-nav #main-nav-inner { border-bottom: 1px solid #c7b26c; }
	#main-content #main-nav ul.menu { padding: 0; margin: 0; float: left; list-style: none; vertical-align:bottom!important; }
	#main-content #main-nav ul.menu li {text-align: right; float: left; color:#B28F17; padding: 0; margin: 0;  } 
	#main-content #main-nav ul.menu li.last-menu-item {padding-right: 0!important;}
	#main-content #main-nav ul.menu li a { text-transform: uppercase; display: inline; float: left; position: relative; }
	#main-content #main-nav ul.menu li a:hover{ color: #B28F17!important; display: inline; background: url(../img/mainnav-bg-lg.png) bottom center no-repeat; }
	#main-content #main-nav ul.menu li.current_page_item a{ background: url(../img/mainnav-bg-lg.png) bottom center no-repeat; }
	#main-content #main-nav ul.menu li span.nav-divider { padding: 0 1em 0 0; }
	#main-content #main-nav ul.menu li.last-menu-item span.nav-divider { display: none; visibility: hidden;}


/* ===================
   A 03 Form Styles
   =================== */

	/*== Normalize placeholder styles ==*/
	
		/* chrome, safari */
		::-webkit-input-placeholder { color:#CCC; font-style:italic;}
		
		/* mozilla */
		input:-moz-placeholder, textarea:-moz-placeholder { color:#CCC; font-style:italic;}
		
		/* ie (faux placeholder) */
		input.placeholder-text, textarea.placeholder-text { color:#CCC; font-style:italic;}
	
	
	/*== Blog Forms ==*/

		/* Post Comment Form */
	.comment_form {text-align: center!important; padding: 2em 3em; margin:0;}
	.comment_form input, .comment_form textarea{ border: 1px solid #A1A1A1;}
	.comment_form input:focus, .comment_form select:focus,.comment_form textarea:focus { border: 1px solid #A1A1A1;	background-color: #F2F2F2;}
	.comment_form textarea { height:150px; resize: none;}
	.comment_form label {padding:0.75em 0 0.5em 0; margin:0 auto 1em auto; display:block; max-width: 315px; text-align: left!important; font-size: 1em; color:#58595B; font-family: Geometric415BT-BlackA, Geneva, Arial, Helvetica, sans-serif!important; font-weight: lighter; text-transform: uppercase; color: #8D8D8D; letter-spacing: 0.2em; }
	.comment_form #author,.comment_form #email,.comment_form #url,.comment_form #comment {width:300px; margin-bottom:1em; padding:0.5em; margin:0; font-size: 1em;}

		/* Search Boxes */
	.text-input { border: 1px solid #B28F17; padding:0.5em; margin: 0 0.5em 1em 0;}
	.text-input:focus { border: 1px solid #B28F17;	background-color: #F2F2F2; }
	
	
	/*== Submit Buttons - Applies to all forms ==*/
	.submit-button, #submit, .button {
		display: inline-block; outline: none; cursor: pointer; top: -1px!important; position: relative;
		text-align: center; text-decoration: none; text-transform: uppercase;
		font-weight: lighter; letter-spacing: 0.3em; line-height: 1em; font-family: Geometric415BT-BlackA, Geneva, Arial, Helvetica, sans-serif;
		padding: 0.75em 1.5em 0.5em 1.5em; margin: 0!important; border:1px solid #B28F17; z-index:0;
		background-color: #B28F17; color: #FFFFFF; 
		-webkit-transition: all 0.5s ease-out;  
		     -moz-transition: all 0.5s ease-out; 
		      -ms-transition: all 0.5s ease-out;  
		       -o-transition: all 0.5s ease-out;  
		          transition: all 0.5s ease-out;
	}
	.submit-button:hover, #submit:hover, .gfield_button:hover, .button:hover { text-decoration: none; background: #ffe82c; border:1px solid #ffe82c; color: #B28F17; }
	.submit-button:active, #submit:active, .gfield_button:active, .button:active { position: relative; top: 1px; }
	
	.pdf-button { font-size: 1.1em; display: inline-block; outline: none; cursor: pointer; top: -1px!important; position: relative;
		text-align: center; text-decoration: none; text-transform: uppercase; z-index: 0;
		font-weight: lighter; letter-spacing: 0.3em; line-height: 1em; font-family: Geometric415BT-BlackA, Geneva, Arial, Helvetica, sans-serif;
		padding: 0.75em 1.5em 0.5em 1.5em; margin: 0!important; border:1px solid #B28F17; 
		color: #B28F17; width: 50%!important; margin: 0 25%!important;
			-webkit-transition: all 0.5s ease-out;  
			     -moz-transition: all 0.5s ease-out;  
			      -ms-transition: all 0.5s ease-out;  
			       -o-transition: all 0.5s ease-out; 
			          transition: all 0.5s ease-out;
		}
	.pdf-button em { font-size: 1.5em!important; font-family: MrsEavesItalic, Georgia, "Times New Roman", Times, serif; text-transform: lowercase!important; letter-spacing: 0;}
	.pdf-button:hover {background: #ffe82c; border:1px solid #ffe82c; color: #B28F17; }
	.pdf-button:hover:after { opacity: 1; }
	
	/*== Contact Page - Gravity Forms ==*/	
	body .gform_wrapper { margin: 0; padding: 0 2em; display: block; font-family: MrsEavesRoman, Georgia, "Times New Roman", Times, serif; font-size: 1em; max-width: 100%!important;}
	body .gform_wrapper .gform_heading {margin:0 0 1em 0; padding:0; text-align: center; }
	body .gform_wrapper .gform_description {margin: 0; font-size: 1.4em; font-family: MrsEavesItalic, Georgia, "Times New Roman", Times, serif;}
	body #gforms_confirmation_message {margin:8em 0 1em 0; padding:0; text-align: center; font-size: 1.4em;  font-family: MrsEavesItalic, Georgia, "Times New Roman", Times, serif;}
	body .gform_wrapper .gform_body { margin-bottom: 1.5em!important;}
	body .gform_wrapper .gform_body, body .gform_wrapper .gform_body .gform_fields {margin: 0; margin: 0; font-size: inherit!important; }
	body .gform_wrapper .gform_body .gform_fields .gfield .gfield_button { font-size: 0.8em!important;}
	body .gform_wrapper .gform_body .gform_fields .gfield .gfield_label { margin: 1em 0 0.5em 0; font-weight: lighter; font-size: 1.25em; letter-spacing: normal; }
	body .gform_wrapper .gform_body .gform_fields .gfield label { font-size: 1.16666667em; }
	body .gform_wrapper .gform_body .gform_fields .gfield input, body .gform_wrapper .gform_body .gform_fields .gfield textarea, body .gform_wrapper .gform_body .gform_fields .gfield select {font-family: Arial, Helvetica, sans-serif!important;  border: 1px solid #A1A1A1;}
	body .gform_wrapper .gform_body .gform_fields .gfield input:focus, body .gform_wrapper .gform_body .gform_fields .gfield textarea:focus, body .gform_wrapper .gform_body .gform_fields .gfield select:focus { border: 1px solid #A1A1A1;	background-color: #F2F2F2;}
	body .gform_wrapper .gform_body .gform_fields .gfield textarea { height:150px!important; resize: none;}

	body .gform_wrapper .gform_body .gform_fields .gfield .gfield_label .gfield_required {color:#F7D04D; font-size: 0.95em; font-family: MrsEavesItalic, Georgia, "Times New Roman", Times, serif; font-weight: normal!important;}
	body .gform_wrapper .gform_body .gform_fields .gfield .ginput_container, body .gform_wrapper .gform_body .gform_fields .gfield .gfield_description {color: #58595B;}	
	body .gform_wrapper .gform_footer {margin: 1em 0 0 0; padding: 0;}	
	body .gform_wrapper .gform_footer input.button, body .gform_wrapper .gform_footer input[type=submit] {font-size: 0.9em!important; padding-top: 0.8em;}
	body .gform_wrapper input[type=text], body .gform_wrapper textarea { border: 1px solid #A1A1A1; margin: auto 0; padding:0.5em;}
	body .gform_wrapper select {padding: 0!important; margin: 0!important; height: 24px;}
	body .gform_wrapper select option {padding: 6px!important;}
	body .gform_wrapper img { width: auto!important; }
	body .gform_wrapper .gform_ajax_spinner { visibility: none!important; display: none!important;}
	
		/* Definitions for Form 1 */
	body .gform_wrapper .gform_body .gform_fields #field_1_1 .gfield_label, body .gform_wrapper .gform_body .gform_fields #field_1_2 .gfield_label {font-family: Geometric415BT-BlackA, Geneva, Arial, Helvetica, sans-serif; text-transform: uppercase; letter-spacing: 0.2em; font-size: 1em!important;}
	body .gform_wrapper .gform_body .gform_fields #field_1_1 .gfield_required , body .gform_wrapper .gform_body .gform_fields #field_1_2 .gfield_required { font-family: Geometric415BT-BlackA, Geneva, Arial, Helvetica, sans-serif; font-size: 1em!important; margin-bottom: 1.5em;}
	body .gform_wrapper .gform_body .gform_fields #field_1_1 .ginput_container {padding:0.5em 0.5em 0.5em 0;}
	body .gform_wrapper .gform_body .gform_fields #field_1_1 #input_1_1_3, body .gform_wrapper .gform_body .gform_fields #field_1_1 #input_1_1_6 {width: 94%!important;}

		/* Errror Styles */
	body .validation_error { font-family: MrsEavesItalic, Georgia, "Times New Roman", Times, serif; font-weight: normal!important; /*font-style: italic;*/ font-size: 1.2em; color: #B28F17!important; }
	body .gform_wrapper .gform_body .gform_fields .gfield_error { margin:0 auto; padding:0 auto;  background: #fef9d2; border: 0 none;}
	body .gform_wrapper .gform_body .gform_fields .gfield_error .gfield_label{color: #F7D04D;}
	body .gform_wrapper li.gfield.gfield_error.gfield_contains_required {margin:0; padding:0;}

/* ===================
   A 04 Viewport Styles
   =================== */

	/*== DESKTOP - STANDARD ==*/
	@media screen {
		/* Applies to all pages */
		#wrapper {width: 90%; min-width:864px;}	
		#main-content #main-nav { padding: 0 0 0 310px; }
		#main-content #main-nav #main-nav-inner { min-height: 28px; }

		#main-content #main-nav ul.menu li {letter-spacing: 0.08em; }
		nav ul li { font-size: 1.165em; }
		#main-content #main-nav ul.menu li a {padding:0 0 24px 0!important; }
		
		
		p { font-size: 1.25em; padding: 0 0 0 3em;}
		h3 { padding: 0 1em!important;}

		.divider-lg {background: url('../img/divider-lg-blog-sm.jpg') no-repeat center transparent !important; padding: 0.25em 0; background-size:100% 100%!important;}

	}


	/*== DESKTOP - WIDE ==*/
	@media screen and (min-width: 1240px) { 
		/* Applies to all pages */
		#wrapper {width: 80%!important; max-width:1240px;}
		#main-content #main-nav { padding: 0 0 0 320px;}
		#main-content #main-nav #main-nav-inner { min-height: 4px; }
		
		#main-content #main-nav ul.menu li {letter-spacing: 0.15em;}
		nav ul li a { font-size: 1.2em; }
		#main-content #main-nav ul.menu li a {padding:0 0 24px 0!important; }
		
		p { font-size: 1.33333333em; padding: 0 0 0 3em;}
		h2 { font-size: 1.33333333em;}
		h3 { font-size: 1.5em;}
		h5 { font-size: 1.15em; }
		
		section { padding-bottom: 2em;}
		section h3 { margin: auto!important;}
		
		.divider-lg {background: url('../img/divider-lg-blog.jpg') no-repeat center transparent !important; padding: 0.5em 0; background-size:100% 100%!important;}
		
		.pdf-button {font-size: 1.15em; width: 64%!important; margin: 0 18%!important;}
		
		.flexslider {width: 97.5%!important; padding:0 1.25% 0 1.25%!important;}
		.flex-direction-nav .flex-next {
		  background: url(../img/flexslider-right.png) no-repeat center right!important;
		}
		.flex-direction-nav .flex-prev {
		  background: url(../img/flexslider-left.png) no-repeat center left!important;
		}
	}
	
	@media screen and (max-device-width: 1024px) and (orientation: landscape) {
		#main-header #logo {width: 277px; height: 126px; display: block; background: url('../img/logo-browserhd.jpg')  no-repeat top right transparent; background-size: 277px; margin: 0; padding:0 0 0 0.95%; float: left; z-index: 10; top: 63px;}
	}
	@media screen and (max-device-width: 768px) and (orientation: portrait) {
		#main-header #logo {width: 277px; height: 126px; display: block; background: url('../img/logo-browserhd.jpg')  no-repeat top right transparent; background-size: 277px; margin: 0; padding:0 0 0 0.95%; float: left; z-index: 10; top: 63px;}
	}

