/*
Theme Name: Flatsome Child
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.0
*/

/*************** ADD CUSTOM CSS HERE.   ***************/
/*@import url('https://fonts.googleapis.com/css?family=Lora:400,400i,700,700i|Montserrat:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i&display=swap');*/
/*font-family: 'Montserrat', sans-serif; font-family: 'Lora', serif;*/

h1, h2, h3, h4, h5, h6{line-height:1.15em; font-weight:700;}
h1 span{font-weight:800;} 
h2 span, h3 span, h4 span, h5 span, h6 span{font-weight:400;}
p, .box-text p {font-weight:400; font-style:normal; font-size:1.063rem;}
p b, p strong, box-text p strong, box-text p b {font-weight:700; f}


h1, .banner h1, .heading-font {font-size: 2.625rem; font-weight: 700; letter-spacing: -0.01em;}
h2 {font-size: 1.9rem; font-weight: 700; margin-bottom:1em; letter-spacing: 0;}
h3, .banner h3 {font-size: 1.675rem; font-weight: 600;}
h4, .banner h4 {font-size: 1.5em; }
h5, .banner h5 {font-size: 1.4rem; letter-spacing: 0; text-transform: uppercase; font-weight: 400;}
h6, .banner h6 {font-size: 1rem; }

.button span { font-family: 'Montserrat', sans-serif;  font-weight: 500;}
.padaround{padding: 5% 15px;}
.footer-1, .footer-2 { border-top: 3px solid #007db1; margin-top: 0; padding-top: 4.5%; padding-bottom: 4%;}
.footer-1 span.widget-title, .footer-2 span.widget-title { font-size: 1em; font-weight: 500; font-family: 'Montserrat', sans-serif; font-size: 150%;}
.footer-1 .is-divider, .footer-2 .is-divider {background-color:  #fff;}

.nav-dropdown-default { padding: 2em; font-family: 'Montserrat', sans-serif; text-transform: uppercase;}
.nav-dropdown .menu-item-has-children > a, .nav-dropdown .title > a, .nav-dropdown .nav-dropdown-col > a {font-size: 1.125em;
font-weight: 700; color:#007db1; text-transform:none;  }
.nav-dropdown-default .nav-column li > a { margin: 0 30px 0 10px; border-bottom: 1px solid #ececec; text-transform: none; font-size: 0.875em;}
.nav-dropdown {border: none;}
.nfix { left: -20px; margin-top:30px !important;}
.nfix a{display: inline-flex!important; background: #007db1!important; color: #fff !important; margin-top: 1em!important; margin-left: -10px!important; padding: .75em 2em!important; text-transform: uppercase!important; font-weight: 800\; font-size: 0.7em!important; font-style: normal;}
.nfix a:hover{background:#008000 !important;}
.bigpad{padding-top:4%;}
.bigtxt{font-size:1.313em; padding-top:1em;}
.tlet li{padding: 0 5% 0 1%;}
.header-bottom { border-top: 1px solid #ccc; border-bottom: 4px solid #007db1;}
.l_gray{background:#f8f8f8; padding:4% 0;}
.l_white{background:#fff; padding:4% 0;}
.l_white-nopad{background:#fff; padding:0 0 4% 0;}
.tax-product_cat #wrapper .category-page-title .flex-col:last-child{display:none;}
#header .header-wrapper #menu-item-2598{display:none;}
#header .stuck #menu-item-2598{display:block;}

@media only screen and (max-width: 549px) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/
h1, .banner h1, .heading-font {font-size: 187.5%; }
h2 {font-size: 150%; }
h5, .banner h5 {font-size: 116.071%; text-align:center; }
h6, .banner h6 {font-size: 98.214%; line-height: 1.3em;}
.banner h2 {  font-size:2em;}
.padwrpLeft .image-zoom { text-align: center; background:#fff;}
.padwrpLeft .image-zoom img { width: 100%;}
.slres .banner { padding-top: 400px!important;}
.slres .flickity-viewport { height: 400px!important;}
.button { font-size: 68.750%;}
.button.primary:not(.is-outline){ font-size: 70%;}
.tlet li:first-child {  margin-left: 7px!important;}
#rdform { padding: 0 7px;}
.header-bottom { border-top: 1px solid #ccc; border-bottom: 4px solid #007db1;}
h1{font-size: 1.4rem; }
p, .box-text p {font-size: 0.9rem;}

}
@media only screen and (min-width:549px) and (max-width:748px){

h1, .banner h1, .heading-font {font-size: 250%; }	
h2 {font-size: 150%; }
.cbox h2 {font-size: 100%; }
.cbox p{font-size:86.957;}
h5, .banner h5 {font-size: 109%; text-align:center; }
.button { font-size: 68.750%;}
.button.primary:not(.is-outline){ font-size: 80%;}
}

@media only screen and (min-width:748px) and (max-width:1200px){

h1 { font-size: 2.4em;}	
}

@media only screen and (min-width:1200px) and (max-width:2000px){
.cbox .box-push .box-text { padding: 30px 40px; background-color:  rgb(255, 255, 255); margin: -15% auto 0 15%; right: -1px;}	
.padwrp{padding:3% 10%;}	
.padwrpLeft{padding:3% 0 3% 10%;}
.padwrpLeft section{border-bottom: 3em solid green;}
.padwrpRight{padding:3% 10% 3% 0;}	
.padwrpRight section{border-bottom: 3em solid #007db1; /*border-right: 3em solid #007db1;*/}
.marLft .col-inner{margin-left:-60px!important;}
.l_gray .col-inner .box h6, .l_white .col-inner .box h6 { display: flex; min-height: 2.5rem;}
.single .related .product-section-title{margin:2% 0;}
.img_shrink .box .box-image .image-zoom img{width:75%; display: flex;}

}

@media only screen and (min-width:750px) and (max-width:849px){
.l_gray h6, .home .l_white h6 {font-size:140%;min-height:3.5rem;}  
.footer .col.pb-0 {max-width: 33.333%;-ms-flex-preferred-size: 33.333%;flex-basis: 33.333%;}
}

@media only screen and (min-width:550px) and (max-width:749px){
 ul.header-bottom-nav .button span {font-size:120%;padding:7px;}   
.home .padaround .small-12 {max-width: 100%;-ms-flex-preferred-size: 100%;flex-basis: 100%;}
.l_gray .small-6,
.l_white .small-6 {max-width: 50%;-ms-flex-preferred-size: 50%;flex-basis: 50%;}
.home-top-banner .text-box {width:80%;}
.home-top-banner .text-box h2 {font-size:2.1rem;}
.home-top-banner .text-box p {font-size:1.2rem;} 
.home-top-banner .text-box .button {font-size:1rem;} 
.footer .col.pb-0 {max-width: 50%;-ms-flex-preferred-size: 50%;flex-basis: 50%;}
.home .padaround a span {font-size:140%;}
.l_gray a span {font-size:150%;}
.l_white a span {font-size:150%;}
.l_gray h6, .home .l_white h6 {font-size:140%;min-height:3.5rem;}
}

@media only screen and (max-width:549px){
ul.header-bottom-nav .button span {font-size:120%;padding:5px;}   
.home-top-banner .text-box {width:80%!important;}
.home-top-banner .text-box h2 {font-size:1.6rem;}
.home-top-banner .text-box p {font-size:1.2rem;} 
.home-top-banner .text-box .button {font-size:1.2rem;} 
.home .padaround a span {font-size:140%;}
.l_gray a span {font-size:150%;}
.l_gray h6, .l_white h6 {font-size:140%;min-height:3.5rem;}
.l_white a span {font-size:150%;}
.home h1 {font-size:1.7rem}
.home .htb-row-mobile .col.medium-6.small-12 {padding-bottom: 0px;}
}

@media only screen  and (max-width:449px){
.l_gray h6, .l_white h6 {font-size:100%;min-height:3.5rem;}  
}

@media only screen and (max-width:390px){
ul.header-bottom-nav .button span {font-size:105%;padding:5px;}     
ul.header-bottom-nav .header-button-1 {width: 45%;}
ul.header-bottom-nav .header-button-2 .button.secondary {padding: 8px 10px;}  
}