/*
Theme Name: NFB ExpressLine
Theme URI: https://github.com/atrain/expressline-child
Author: Adam J Nowak
Author URI: http://atrainmraketing.com
Description: A-Train Marketing's Child Theme
Version: 4.1.3.0
License: GNU General Public License
Tags: html5,child theme,responsive,bootstrap,awesome
Template: expressline
*/

/* Main ~~~~> */
body{color: #282829; overflow-x: hidden;}
::selection{background:#215732; color:#fff;}
::-moz-selection{background:#215732; color:#fff;}
.relative{position: relative;}
h1,h2,h3,h4,.roboto{font-family: 'Roboto Slab', serif; font-weight: 700}
h1{font-size: 42px; color:#282829}
h2{font-size: 36px; color:#282829}
h3{font-size: 24px; color:#282829}
h4{font-size: 20px; color:#282829}
h5{font-size: 15px; color:#00411B; text-transform: uppercase;}
h6{font-size: 14px; color:#A4A4A4}
.vcen{position: relative; top: 50%; transform: translateY(-50%);}
.text-60{font-size: 60px}
.text-72{font-size: 48px}
.text-20{font-size: 20px}
.text-white,.text-white *,#page .text-white a{color:#fff;}
.text-gold{color:#A37736;}
.text-red{color:#FF0303;}
.entry-content img{margin: 0;}
#page .text-green{color: #216944}
#page .text-green-2{color:#00411B;}
#page .text-green-3{color:#215732;}
.cta-2{cursor:pointer;}
p{margin-bottom: 1.4rem}
a{color:#215732; text-decoration: underline;}
a:hover,a:active,a:focus{color: #00411B; text-decoration: underline;}
#page .btn,#page .woocommerce a.button,#page .woocommerce button.button{background:#A37736; border:1px solid #775627; color:#fff; text-transform: uppercase; padding:10px 36px; text-decoration: none; white-space: normal; border-radius: 0; font-weight: bold; border-radius: 4px}
#page .btn:hover,#page .btn:active,#page .btn:focus,#page .woocommerce a.button:hover,#page .woocommerce a.button:focus,#page .woocommerce a.button:active,#page .woocommerce button.button:hover,#page .woocommerce button.button:focus,#page .woocommerce button.button:active{background: #D2AA6F; color:#fff; border:1px solid #775627;}
#page .btn.btn-outline{border:1px solid #775627; color:#A37736; background: none}
#page .btn.btn-outline:hover,#page .btn.btn-outline:active,#page .btn.btn-outline:focus{background: #D2AA6F; color:#fff; border:1px solid #775627;}
#page .btn.btn-white{border:1px solid #D2AA6F; color:#fff; background: none}
#page .btn.btn-white:active,#page .btn.btn-white:focus,#page .btn.btn-white:hover{background: #D2AA6F; color:#fff; border:1px solid #775627;}
#page .btn.btn-wide{padding:10px 50px;}
#page .btn.btn-big{padding:22px 60px;}
#page hr,.wp-block-separator{border-top: 1px solid #215732; border-bottom: 0!important}
#page hr.hr-white{border-top: 1px solid #fff;}
#page hr.hr-gray{border-top: 1px solid #D9D9D9;}
#page hr.hr-dark{border-top: 1px solid #707070;}
.max-570{max-width: 570px;}
.max-670{max-width: 670px;}
.max-770{max-width: 770px;}
.mauto{margin-left: auto; margin-right: auto;}
.bg-green,#colophon{background: #215732;}
.bg-dk-green{background: #00411B;}
.bg-off-white{background: #F7F7F7;}
.bg-white{background: #fff;}
.border-green{border:1px solid #123D27;}
.border-green-2{border:1px solid #00411B;}
.border-bottom-green{border-bottom: 2px solid #00411B}
.border-top-gray{border-top:1px solid #D9D9D9;}
.border-bottom-gray{border-bottom:1px solid #D9D9D9;}
.border-gray{border:1px solid #D9D9D9;}
.cta-gray{background: #F7F7F7; border:1px solid #D9D9D9;}
.rounded-4{-webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px}
/*.home a{color:#fff; text-decoration: underline;}
.home a:hover,.home a:active,.home a:focus{text-decoration: none; color:#fff;}*/
.full-width-bar{margin: 0 -9999rem; padding: 0 9999rem;}
.home-top-section{margin-top: -2.5rem}
.flexvcen{display: flex; align-items: center;}

/* Header ~~~~> */
#branding{background: #215732;}
#branding .col-lg{z-index: 2}
#branding a{color:#fff; text-decoration: none}
#branding-right a{padding:.5rem .9rem; display: inline-block;}
#branding-right,#branding-left{height: 100px; display: flex; align-items: center; justify-content: left}
#branding-right{justify-content: right}
.dropdown-toggle::after{margin-left: .55em; vertical-align: .1em;}
#logo{padding:29px 0 0;}


/* Nav ~~~~> */
.navbar-light .navbar-toggler-icon {
	background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255, 255, 255, 1)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E");
}
.navbar-toggler{border:0; margin-left: -8px}
.navbar-toggy{position: absolute; cursor: pointer; border:0; background: none; float: right; color: #fff; font-size: 2.7rem; top:15px; right:15px;}
.logged-in .navbar-toggy{top:40px;}

/* Home ~~~~> */
.border-green-lrtb{border-top:2px solid #00411B; border-bottom:2px solid #00411B;}
.home-stats{margin-left: -15px; margin-right: -15px}
.vertical-spaced-row{margin:130px 0;}

/* Content ~~~~> */
#primary,#secondary{padding-top: 2.5rem; padding-bottom: 2.5rem}
.page-header{margin-bottom: 40px}
.accordion{padding: 10px 0 40px}
.accordion .card-body{padding:1rem 1.25rem 2rem 0;}
.accordion .card,.accordion .card-header{border:0; border-radius: 0; padding:0;}
.accordion .card-header{background: none;border-top:1px solid #E7E7E7}
.accordion .card:last-child .card-header{border-bottom:1px solid #E7E7E7}
.accordion a.acc-link{color: #215732; padding: 16px 30px 16px 0; display: block; font-weight: bold; cursor: pointer;}
.accordion .acc-link::after{content: url(graphics/icon-up.png); display: inline-block; width:22px; height: 10px; position: absolute; right:12px; top: 15px}
.accordion .acc-link.collapsed::after{content: url(graphics/icon-dn.png); display: inline-block; width:22px; height: 10px; position: absolute; right:12px; top: 15px }
ul.ck-list{text-align:left; list-style-type: none; list-style-image: url('graphics/icon-ck.png'); padding-left: 20px;}
ul.ck-list li{padding:8px 0;}
.banner{position: relative; z-index: 1; display: flex; align-content: center; align-items: center; margin-top:-100px; background-size: cover;}
.banner.type-1{height: 525px}
.banner.type-2{height: 1000px}
.cat-nav select{width:auto;}
.wp-pagenavi a, .wp-pagenavi span{border: 1px solid #D9D9D9; padding: 4px 10px;	margin: 7px; border-radius: 2px; background: #fff; text-decoration: none}
.wp-pagenavi .previouspostslink,.wp-pagenavi .nextpostslink,#page a.prev.page-numbers,#page a.next.page-numbers{border:0; background: none; text-decoration: underline;color: #215732}
.woocommerce-pagination ul.page-numbers li,.woocommerce-pagination ul{border:0!important;}
#page .woocommerce-pagination ul.page-numbers li{margin:0 4px; border-radius: 4px}

.carsearch{margin-top:30px;	width: 330px; margin-left: auto; margin-right: auto;}
.carsearch input.form-control{width:195px;}
#page .carsearch .btn{margin-left: 12px; padding:7px 30px;}
.prod-node{width:269px; margin:10px 0; text-align: left;  vertical-align: top; text-decoration: none!important; overflow: hidden;}
.prod-node:hover{box-shadow: 1px 1px 12px #ccc}
.prod-node .text-gold{display: flex; align-items: center;}
.prod-node .text-gold::after{content: url(graphics/icon-rt-gold.png); display: inline-block; width:15px; height: 25px; position: absolute; right: 20px; top: 34px;}
.image-feature{background: url(/wp-content/uploads/2022/02/farmer-750px.jpg) top center no-repeat; padding-top:100px; padding-bottom: 120px; margin-bottom: 100px}
#page a.btn-special{text-transform: none}

/* Woo ~~~~> */
.woocommerce .col-1, .col-2{ max-width:none; padding:0; margin-bottom: 40px}
.woocommerce .form-row{display: block; margin-right:0; margin-left:0;}
.single-product .product_title{font-size: 36px; margin-bottom: 30px}
.woocommerce .woocommerce-breadcrumb a{color:#215732; text-decoration: underline;}
.woocommerce .woocommerce-breadcrumb a:hover,.woocommerce .woocommerce-breadcrumb a:active,.woocommerce .woocommerce-breadcrumb a:focus{color: #00411B; text-decoration: underline;}
.woocommerce div.product p.price, .woocommerce div.product span.price {color: #0F0F14; font-size: 24px;  font-weight: bold;}
.woocommerce div.product p.price{margin:30px 0;}
.woocommerce-product-details__short-description ul{padding-left: 17px}
.woocommerce .quantity .qty{height: 38px;}
.woocommerce .summary .quantity .qty{margin-right: 10px; border:1px solid #D9D9D9; border-radius: 4px}
#tab-description h2{font-size: 24px; margin-bottom: 30px}
.related.products h2{text-align: center; margin: 60px 0 40px}
li.product{border:1px solid #D9D9D9; text-align: center; padding:10px 10px 30px!important;}
.woocommerce ul.products li.product .price {color: #282829;  font-weight: bold; font-size: 1rem;}
.nav-subcat{position: relative; z-index: 1000; margin-bottom: 20px}
.woocommerce.columns-3 .woocommerce-ordering{float:none;}

/* Sidebar ~~~~> */
/* Footer ~~~~> */
#social a{display: inline-block; margin: 6px}
.footer-logo{max-width: 270px; display: inline-block;}
#colophon .footer-nav-row a:not(.btn){color:#fff; padding:6px 0; font-size: 1rem}

/* Nav ~~~~> */
/* Quick Customization - Remove for default Bootstrap >~~~~~~~~> */
.exl-navbar,.exl-navbar .slide-collapse{background:none}/* Nav BG */
.exl-navbar .navbar-nav > li.level-0 > a{font-size:1rem; padding:1rem 1rem 1rem 0; font-weight: 700; border-bottom:1px solid #fff;}/* Level-0 */
.exl-navbar .navbar-nav .level-1 > li.level-1 > a{font-size:1rem; padding:.5rem 1rem .5rem 0}/* Level-1 */
.exl-navbar .navbar-nav .level-2 > li.level-2 > a{font-size:.9rem; padding:.5rem 1rem .5rem .2rem}/* Level-2 */
.exl-navbar .navbar-nav .level-3 > li.level-3 > a{font-size:.8rem; padding:.5rem 1rem .5rem .2rem}/* Level-3 */
.exl-navbar .navbar-nav .sub-menu.level-3{border-bottom:1px solid #f8f8f8}/* Level-3 sub menu styling */
.exl-navbar ul.level-2,.exl-navbar ul.level-3{list-style-type:circle}/* Sub menu list style */
.exl-navbar .sub-menu.level-2{padding-left:2.9rem}/* Level-2 Ul Padding */
.exl-navbar .sub-menu.level-3{padding-left:1.3rem}/* Level-3 Ul Padding */	
.exl-navbar .navbar-toggle:hover,.exl-navbar .navbar-toggle:active,.exl-navbar .navbar-toggle:focus{background:#e6e6e6; transition:background .4s; -webkit-transition:background .4s}/* Menu button */
#page .exl-navbar .navbar-nav  li > a{color:#fff; transition:all .4s; -webkit-transition:all .4s}/* Link Color */	
#page .exl-navbar .navbar-nav  li > a:hover,.exl-navbar .navbar-nav  li > a:focus{color:#fff}/* Link hover highlighting */	
.exl-navbar .navbar-nav > .open > a,.exl-navbar .navbar-nav > .open > a:hover,.exl-navbar .navbar-nav > .open > a:focus{background:#e6e6e6; color:#333}/* Dropdown Link Highlighting */
.exl-navbar .navbar-nav .open .dropdown-menu > .active > a,.exl-navbar .navbar-nav .open .dropdown-menu > .active > a:hover,.exl-navbar .navbar-nav .open .dropdown-menu > .active > a:focus,.exl-navbar .navbar-nav .current-menu-item > a{background:none; color:#fff}/* Current highlighting */
/* <~~~~~~~~< END Quick Customization */

/* Footer ~~~~> */


/* Min Width Media Queries >~~~~~~~~> */
@media (min-width: 460px){
	#logo{padding: 16px 0 0}
}
@media (min-width: 576px){

}

@media (min-width: 768px){
	.text-72{font-size: 72px}
	.dtright{text-align: right!important;}
	.carsearch{width:358px;}
	.carsearch input.form-control{width:auto;}
	.prod-node{ margin:10px;}
	.banner.type-1{height: 525px;}
	.banner.type-2{height: 830px;}
	.home-stats{margin: -100px 0 0 0; border-radius: 4px}
	.border-green-lrtb{border:0; border-right:2px solid #00411B; border-left:2px solid #00411B;}
	#primary,#secondary{padding-top: 5rem; padding-bottom: 3rem}
	.home-top-section{margin-top: -5rem; padding-bottom: 100px!important}
	.wp-block-group.row > .wp-block-group__inner-container:first-child{display: flex;}
	.center-m{text-align: center;}
	.image-feature{background: url(/wp-content/uploads/2022/02/farmer.jpg) top center no-repeat;}
	#page a.btn-special{margin:0px -41px -50px 48%;}
	.nav-subcat{margin-bottom: -38px; width:auto;}
	.woocommerce.columns-3 .woocommerce-ordering{float:right;}
}

@media (min-width: 992px){
	.h1like{font-size: 42px}
	/* Quick Customization - Remove for default Bootstrap >~~~~~~~~> */
	#page .dropdown-menu{min-width:200px; background: #f7f7f7; border-radius: 4px; border:0;}
	.exl-navbar .navbar-nav li{font-size:.8rem}/* Container font size */
	.exl-navbar .navbar-nav li.level-0 > a{font-size:1rem; padding:.5rem .9rem; border-bottom: 4px solid transparent; font-weight: normal;}/* Level-0 padding */
	.exl-navbar .navbar-nav li.level-0.current-menu-item > a{color:#fff; background:none; }/* Level-0 current highlighting */
	.exl-navbar .navbar-nav li.level-0::after{content:''; display:block; background: transparent; height: 4px; margin-left: 10px; margin-right: 10px; margin-top: -5px;}
	.exl-navbar .navbar-nav li.level-0.current-menu-item::after{background: #D2AA6F;}
	#page .exl-navbar .navbar-nav .level-1 > li.level-1 > a{font-size:1rem; padding:.5rem 1rem; color:#282829;}/* Level-1 padding */
	.exl-navbar .navbar-nav .level-2 > li.level-2 > a{font-size:.9rem; padding:.5rem 1rem .5rem .2rem}/* Level-2 padding */
	.exl-navbar .navbar-nav .level-3 > li.level-3 > a{font-size:.8rem; padding:.5rem 1rem .5rem .2rem}/* Level-3 padding */
	.exl-navbar .navbar-nav .dropdown-menu.sub-menu{background:#fff; border:1px solid rgba(0,0,0,.09)}/* Dropdown Style */
	.exl-navbar .navbar-nav .sub-menu > li > a:hover,.exl-navbar .navbar-nav .sub-menu > li > a:focus{color:#333; background:#f9f9f9}/* Dropdown Hover Highlight */
	.exl-navbar .navbar-nav .sub-menu{margin-bottom:.8rem; padding-bottom:.8rem; border-bottom:1px solid #eee; background:#fff}/* Sub menu Styling */
	.exl-navbar .navbar-nav .sub-menu.level-3{border-bottom:1px solid #f8f8f8}/* Level-3 sub menu styling */
	.exl-navbar .sub-menu.level-2{padding-left:1.9rem}/* Level-2 Ul Padding */
	.exl-navbar .sub-menu.level-3{padding-left:1rem}/* Level-3 Ul Padding */
	/* <~~~~~~~~< END Quick Customization */	
 	#page .node{width:30%; display: inline-block; margin:10px 20px 10px 0; vertical-align: top; height: 385px}
	#branding{background: url(graphics/bg-header.jpg) top center no-repeat; transition: all .5s; height: 124px}
	#branding.stuck{background: #215732}
	#logo{background: #215732; border:1px solid #00411B; border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; padding:36px 55px;}
	#branding.stuck #logo{border:0; height: 124px; background: none; padding:28px 55px;}
	#branding-right,#branding-left{height: 124px;}
	#primary-nav{padding-right: 0}
	#branding-left,#branding-middle,#branding-right{padding-left:0; padding-right: 0;}
	.navbar-toggy{display: none}
	div.stuck{position: fixed; top:0; width: 100%; z-index: 1050;}
	.logged-in div.stuck{top:31px;}
	.banner{margin-top:-122px;}
	.banner .banner-header{padding-top:100px;}
	#page a.btn-special{margin:0px -41px -119px 48%;}
}


@media (min-width: 1200px){
	#page .node{width:31%;  height: 305px}

	
}

@media (min-width: 1400px){
	#primary-nav-ul{margin-right: -25px}
	
}

@media (min-width: 1920px){
	#branding,.banner{background-size:cover!important;}
	
}
/* <~~~~~~~~< END Min Width Media Queries */

/* Max Width Media Queries - USE A MOBILE FIRST APPROACH. ONLY USE MAX WIDTH IN CASES WHERE MIN WIDTH RULES WILL BE TOO NUMEROUS AND A MAX WIDTH FIX IS MORE PRACTICAL) >~~~~~~~~> */
@media (max-width: 1199.98px) {
}

@media (max-width: 991.98px){
	#primary-collapse{height: 100%; width: 100%; position: fixed; z-index: 1060; left: 0; top: 0; background: #215732; margin-top: 0; transition: all 0.2s ease-in-out; padding-top: 30px; padding-bottom: 30px; overflow-y: auto;}
	.logged-in #primary-collapse{padding-top:90px;}
	#primary-nav{padding:0;}
	#primary-nav-ul{padding-left: 15px; padding-right: 15px}
}

@media (max-width: 767.98px){
	#copyright .text-green{display: block; visibility: hidden; height: 8px}
	.text-center-m{text-align: center;}
	.home-stats .wp-block-columns{display: block;}
}

@media (max-width: 575.98px){
	
}