/*

Theme Name: 2018 PWM Custom Theme
2018 Custom Wordpress Theme
Version: 1.0
Author: Pro Web Marketing
Author URI: http://www.prowebmarketing.com

*/

body{font-family: 'Open Sans', sans-serif; background-image:url("/img/homepage-bg.jpg"); background-attachment: fixed; background-size: cover; background-repeat: no-repeat; color:#000000;}
img{max-width:100%;height:auto;}
a, a:hover{}

h1,h2,h3,h4,h5,h6{}

hr{border-top:1px solid #666;}
/* Formidable 2.0 - Title Fix */ fieldset legend{display:none !important;}

.nomargin{margin-left:0;margin-right:0;}
.nopadding{padding-left:0;padding-right:0;}

.row {margin-top:15px;}

.centered {text-align: center;}

#logo{text-align:center; margin:5px 0px;}
#hright{text-align:center;margin-top:10px; margin-bottom:10px;}
#hright p{margin:0;line-height:20px; color:#014025;}
#hright a{color:#014025; font-size: 16px !important;}
#hright a:hover {text-decoration:none;color:#014025;}

header {font-size:16px; background-color:#2d2729; font-weight:700; padding: 10px 10px 10px 10px;}
header h1 {color:#2b2d00; font-size:30px; font-weight:700; font-family: 'Roboto'; padding-bottom:0px; margin-bottom:0px;}
.header-logo {position: absolute; left:15px; top:-40px; z-index: 201;}
.header-logo img {width: 60%;}

#topnav{background:#99CA3C;-webkit-box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.75);-moz-box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.75);box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.75);position:relative;z-index:200;}
/* Global Menu Styles */
.navbar{margin-bottom:0;min-height:0;}
.navbar-nav{margin:0;}
.navbar-default{background:none;border-radius:0;border:0;}
.nav>li>a{padding:5px 20px;font-family: 'Open Sans', serif;font-weight:700;text-transform: uppercase;}
.navbar-nav .open .dropdown-menu .dropdown-header, .navbar-nav .open .dropdown-menu>li>a{padding:10px 15px;}
.navbar-nav>li>a, .dropdown-menu>li>a, .navbar-default .navbar-toggle{font-size:16px;font-weight:700;color:#000000;text-align:center;font-family: 'Open Sans', serif; text-transform:uppercase;}
.navbar-default .navbar-nav>li>a{background:none;color:#000000;}
.navbar-default .navbar-nav>li>a:hover, .navbar-default .navbar-nav>li>a:focus{color:#000000;text-decoration:none;background:none;}
.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:hover, .navbar-default .navbar-nav>.active>a:focus{color:#000000;background:none;font-weight:700;}
.navbar-default .navbar-nav .dropdown-menu>li>a{color:#000;}
.navbar-default .navbar-nav .dropdown-menu>li>a:hover{text-decoration:none;}
.navbar-default .navbar-nav .dropdown-menu{background:#cccccc;padding:0;text-align:center;border:0;border-radius:0;-webkit-box-shadow: 5px 5px 5px 0px rgba(0,0,0,0.75);-moz-box-shadow: 5px 5px 5px 0px rgba(0,0,0,0.75);box-shadow: 5px 5px 5px 0px rgba(0,0,0,0.75);}
.navbar-default .navbar-nav .current-menu-item a{background:none;}
.navbar-default .navbar-toggle, .navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus{background:none;border:0;border-radius:0;}
.navbar-toggle{text-align:center;width:100%;float:none;margin:0;}
.navbar-default .navbar-collapse, .navbar-default .navbar-form{border:none;box-shadow:none;}
.navbar-collapse{padding:0;}
/* Dropdown Open with Active */
.navbar-default .navbar-nav>.open>a{background:none;text-decoration:none;}
.navbar-default .navbar-nav>.open>a:hover, .navbar-default .navbar-nav>.open>a:focus{background:none;color:#FFF;}
.navbar-default .navbar-nav .open .dropdown-menu>li>a{background:none;font-weight:700;text-decoration:none;color:#262B31; font-size:12px; padding:4px;}
.navbar-default .navbar-nav .open .dropdown-menu>li>a:hover, .navbar-default .navbar-nav .open .dropdown-menu>li>a:focus{background:#105642;text-decoration:none;color:#FFF;}
.navbar-default .navbar-nav .open .dropdown-menu>.active>a, .navbar-default .navbar-nav .open .dropdown-menu>.active>a:focus, .navbar-default .navbar-nav .open .dropdown-menu>.active>a:hover{color:#FFF;background:#105642;font-weight:700;text-decoration:none;}
.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover{color:#FFF;background:#033E2D;}
/* Current Ancestor with Current Page Parent */
.navbar-default .navbar-nav .current-page-ancestor a, .navbar-default .navbar-nav .current-page-ancestor a:hover, .navbar-default .navbar-nav .current-page-ancestor a:focus, .navbar-default .navbar-nav .current_page_parent a{background:#033E2D;color: #ffffff; font-weight:700;text-decoration:none;}

.banner {background-color: none; margin-top: 100px; position: relative; z-index: 2;}
.banner-box {background-color: rgba(250,250,250,0.8); padding: 15px; text-align: center;-webkit-box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.75);-moz-box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.75);box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.75);}
.banner-box h1 {font-size:30px; font-weight:700; color:#004D00; padding:0px 0px 15px 0px; margin:0px 0px 15px 0px;font-family:'Roboto'; text-transform: uppercase}

.btn {
    border-radius: 6px;
    cursor: pointer;
    padding: 6px;
    text-align: center;
	color:#FFFFFF;
	font-size:15px !important;
	text-transform:none;
	font-weight:700;
}
.btn:hover {color:#FFFFFF !important;}

.btn-default{background-color: #99CA3C; border:none; color: #ffffff !important; margin:5px 0px 0px 0px;}
.btn-default:hover{background-color: #4A7100; color:#ffffff !important;}

.free-shipping {background-color: #F1D098; text-align: center; color: #014025; padding: 15px 0px; font-size: 20px; font-weight: 700; font-style: italic; border-top: 2px solid #014025; border-bottom: 2px solid #014025;}

.signup-section {background-color: #014129; text-align: center; color: #ffffff; padding: 15px 0px; font-size: 20px; font-weight: 400; border-bottom: 2px solid #014025;}

.content-section {background-color:none; color:#000000; padding:60px 10px 0px 10px;}
.content-section p {line-height:20px; margin-bottom:15px;}
.content-section h1 {font-size:20px; font-weight:700; color:#000000;}
.content-section h2 {font-size:22px; font-weight:700; color:#000000;}

.inner-section {background-color:none; color:#000000; padding:60px 10px 20px 10px;}
.inner-section h1 {font-size:20px; font-weight:700; color:#000000; padding:0px 0px 5px 0px; margin:0px 0px 5px 0px;}
.inner-section h2 {font-size:22px; font-weight:700; color:#000000;}
.inner-section a {color:#262B31; font-weight:700;}
.inner-section a:hover {color:#262B31;}

.featured-section {text-align: center; padding:50px 0px 0px 0px; }
.featured-section h1 {font-size:50px; font-weight:700; color:#000000; padding:0px 0px 5px 0px; margin:0px 0px 5px 0px;}
.featured-section h2 {font-size:22px; font-weight:700; color:#000000; padding:0px 0px 5px 0px; margin:0px 0px 5px 0px;}

.category-section{padding: 0px;background-color: #fff;}
.thumbs {display: block; width: 98%; height: 250px; overflow: hidden;}

.thumbs .inner {background-position-x: 50%; background-position-y: 50%; background-size:cover; background-repeat:no-repeat; display: block;
height: 100%; transform: scale(1, 1); transition: transform 0.4s; -webkit-transition: all 200ms linear;}

.thumbs:hover .inner{filter: sepia(100%); transform: scale(1.05, 1.05);}

.thumbs .main-link-text{opacity: 1; text-transform: uppercase; color: #ffffff; font-size: 40px;	top: 50%; left: 50%; transform: translate(-50%, -50%); width: 100%;
font-weight: 700; text-align: center; position: absolute; -webkit-transition: all 200ms linear; background: none; padding: 30px; display: block; text-shadow: 3px 3px 5px rgba(0, 0, 0, 1);}

.thumbs .sub-link-text{opacity: 1; text-transform: uppercase; color: #ffffff; font-size: 30px;	top: 50%; left: 50%; transform: translate(-50%, -50%); width: 100%;
font-weight: 700; text-align: center; position: absolute; -webkit-transition: all 200ms linear; background: none; padding: 30px; display: block;}

.featuredimage img {float: left !important; margin-right: 10px !important;}

.announcement-block {text-align: center; color: #ffffff; background-color: #ff0000; font-size: 20px; font-weight: 700;}

.woocommerce-product-details__short-description a {color: #033E2D !important;}

.callout-section {padding:5px;}
.callout-boxes {text-align:center; color:#000000; font-size:18px; margin-bottom:10px; border:0px solid #99CA3C;}
.callout-boxes h1 {color:#000000 !important; font-size:16px; font-weight:700 !important; margin:0px !important; padding:0px !important;}
.callout-boxes a {color:#000000; font-family: 'Open Sans' !important;}
.callout-boxes a:hover {color:#F7BB31; text-decoration:none;}
.callout-boxes i {color:#000000; font-size:20px !important;}
.callout-content {text-align:center; font-size:18px; color:#000000; padding-top:10px;}

.four-block {margin-bottom: 15px;}

footer {background-color:#99CA3C; color:#000000; padding:20px 0px; font-size:14px; text-align: center;}
footer a {color:#000000;}
a.map {color:#000000; text-transform:uppercase;}
.footer-header {font-family: 'Open Sans'; font-size:16px;}

.footer-right {margin-top: 25px;}

.credits {background-color:#4a7100; color:#ffffff; padding:10px 0px; text-align:center;}
.credits a {color:#ffffff; font-size:14px;}

/* keep for WP image captions and alignments */
img.centered{clear:both;display:block;margin-left:auto;margin-right:auto;}
img.alignright{padding:4px;margin:0 0 2px 7px;display:inline;}
img.alignleft{padding:4px;margin:0 7px 2px 0;display:inline;}
.alignright{float:right;}
.alignleft{float:left;}
.aligncenter{clear:both;display:block;margin-left:auto;margin-right:auto;}
.wp-caption .wp-caption-text{font-size:11px;line-height:17px;margin:0;padding:0 4px 8px 0;}
.wp-caption{background-color:#f5f5f5;border:1px solid #ddd;max-width:99%;margin-bottom:10px;padding-top:4px;text-align:center;}
/* */

.frm_error{color:#F00;font-size:12px;margin-top:5px;}
.frm_combo_inputs_container, .frm_grid_container, .frm_form_fields .frm_section_heading, .frm_form_fields .frm_fields_container {display: inherit !important;}

/*ACCORDIAN FAQ */

.panel a {font-size:20px; color:#FFFFFF; font-weight:700; display: block;}
.panel a:hover {color:#ffffff; font-weight:700; text-transform:none;}

.panel {margin-bottom:0px; border:none; margin-top:5px;}
.panel-default > .panel-heading {
    background-color:#0E2A3E;
    color: #ffffff;
    border-bottom:3px solid #4f883c;
    margin-bottom:0px;
    }

.panel-heading {
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
    padding: 14px 26px;
    }

.panel-title {
    color: inherit;
    font-size: 16px;
    margin-bottom: 0;
    margin-top: 0;
    }

.panel-default > .panel-heading + .panel-collapse > .panel-body {
    border-top-color: #0E2A3E;
}
.panel-body {
    padding: 5px 15px; color:#000000; background-color:#ffffff; border:2px solid #0E2A3E;
}
.panel-body li {margin-bottom:0px !important;} 

/*Peek-a-boo area*/
#peek{height:300px;} /* specify the height */
#peek .fullscreen{height:100%;width:100%;min-height:100%;}
.background {background-repeat:repeat;background-position:50% 50%;/* ie8- graceful degradation */background-position:50% 50%\9 !important;}
/* optional centered text */
#peek .container{color:#fff;text-align:center;position:relative;top:50%;-webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);-ms-transform: translateY(-50%);-o-transform: translateY(-50%);transform: translateY(-50%);}
#peek h6{margin:0;font-family:'Roboto'; font-size:30px; font-weight: 700; background:rgba(0,0,0,0.6); color:#FFFFFF; padding:20px 40px; border:2px solid #ffffff;}

/* anything smaller is not needed */
@media (min-width:768px) {
#peek{height:400px;} /* specify the height */
#peek h6{font-size:30px;}
.banner-text {font-size:14px !important;}	
#logo{text-align:left;}
#hright{margin-top:25px; text-align: right;}
header {padding: 50px 10px 30px 10px;}
.header-logo {position: absolute; left:20px; top:-40px;}
.header-logo img {width: 60%;}
.navbar-nav>li>a, .dropdown-menu>li>a, .navbar-default .navbar-toggle{font-size:12px;}
.nav>li>a{padding:10px;}
.navbar-default .navbar-nav .open .dropdown-menu>li>a{font-size:14px; padding:5px 10px;}
.navbar-nav .open .dropdown-menu .dropdown-header, .navbar-nav .open .dropdown-menu>li>a{padding-left:10px;padding-right:10px;}
.navbar-nav>li>a, .dropdown-menu>li>a, .navbar-default .navbar-toggle, .navbar-default .navbar-nav .dropdown-menu{text-align:left;}
.navbar .navbar-nav {display: inline-block; float: none; vertical-align: top;}
.navbar .navbar-collapse {text-align: center;}	
.content-section h1 {font-size:30px;}
.inner-section h1 {font-size:30px;}
.content-section {padding:60px 0px 20px 0px;}
.content-section p {line-height:28px;}
.inner-section p {line-height:28px;}
.callout-section {padding:0px 0px 20px 0px;}
.callout-boxes  {margin-bottom:0px;}
.callout-boxes h1 {font-size:20px;}
.callout-boxes i {color:#000000; font-size:40px !important;}
.callout-content {font-size:18px;}
footer .leftside {text-align:right;}
footer .rightside {text-align:left; border-left:2px solid #262B31; padding-left:20px;}
.btn {padding: 6px 6px; font-size:16px !important;}
.btn-default{margin:5px 0px;}
.footer-right {margin-top: 15px;}
.thumbs .link-text{opacity: 0;}
.thumbs:hover .link-text{opacity: 1;}
	}
	
@media (min-width:992px) {
#peek{height:500px;} /* specify the height */
#peek h6{font-size:40px;}
.nav>li>a{padding:15px;}
.navbar-nav>li>a, .dropdown-menu>li>a, .navbar-default .navbar-toggle{font-size:16px;text-align:left;font-family: 'Open Sans', serif;}
.banner-text h1 {font-size:40px;}
.callout-boxes h1 {color:#000000 !important; font-size:24px;}
.btn {padding: 6px 25px; font-size:22px !important;}
.footer-right {margin-top: 25px;}
header {padding: 50px 10px 50px 10px;}
.header-logo {position: absolute; left:10px; top:-50px;}
.header-logo img {width: 80%;}
	}
	
@media (min-width:1200px) {
.nav>li>a{padding:15px;}
.navbar-nav>li>a, .dropdown-menu>li>a, .navbar-default .navbar-toggle{font-size:18px;text-align:left;font-family: 'Open Sans', serif;}
header {padding: 50px 10px 40px 10px;}
.header-logo {position: absolute; left:100px; top:-50px;}
.header-logo img {width: 80%;}
	}
	
@media (min-width:1400px) {
.header-logo {position: absolute; left:220px; top:-50px;}
.header-logo img {width: 80%;}
	}
	
@media (min-width:1600px) {
.header-logo {position: absolute; left:320px; top:-40px;}
.header-logo img {width: 80%;}
	}
	
@media (min-width:1800px) {
 header {padding: 50px 10px 70px 10px;}
.header-logo {position: absolute; left:400px; top:-70px;}
.header-logo img {width: 95%;}
	}
	
@media (min-width:2000px) {
.header-logo {position: absolute; left:400px; top:-80px;}
.header-logo img {width: inherit;}
	}