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

/*************** ADD CUSTOM CSS HERE.   ***************/
.quform-edit-form { display:none}

h1, h2, h3{ font-size:30px; line-height:38px;}
h4 { font-size:26px; line-height:34px;}
h5 { font-size:24px; line-height:32px;}
h6 { font-size:20px; line-height:28px;}
h1.section-title b,h2.section-title b,h3.section-title b,h4.section-title b,h5.section-title b,h6.section-title b { display:none}
h1.section-title .section-title-main,h2.section-title .section-title-main,h3.section-title .section-title-main,h4.section-title .section-title-main,h5.section-title .section-title-main,h6.section-title .section-title-main {display: block;text-align: center;width: 100%;}

#masthead {border-bottom: 1px solid #e7e7e7;}
.home #masthead {border-bottom:none;}

.button.white {background-color: #fff !important; color: #000 !important;}
.button.white:hover {background-color: #675837 !important; color: #FFF !important;}


#top-bar .top-bar-nav > li > a {color:#FFF;}
/* .home #masthead .nav > li > a {color:#FFF;} */
.home .stuck #masthead .nav > li > a {color:#000;}
#masthead .nav>li.header-divider {border-left: 1px solid rgb(255 255 255 / 0%);}
.header-nav-main [data-icon-label]:after { background:#FF0000}

.home-blk-2 { padding:60px 0 0 0 !important; margin:0;}
.home-blk-2 .product-small.box { border:none}
.home-blk-2 .product-small .col-inner { box-shadow:none !important;border:1px solid rgba(0,0,0,0.05)}

.home-blk-3 .section-title-container { margin-bottom:0;}
.home-blk-3 .banner h3 { font-size:24px; line-height:32px; letter-spacing:normal}

.home-blk-5 {padding:60px 0 0 0 !important; margin:0;}
.home-blk-5 .product-small.box { border:none}
.home-blk-5 .product-small .col-inner { box-shadow:none !important;border:1px solid rgba(0,0,0,0.05)}

.home-blk-6 .banner .text-box-content h3 { padding-bottom:10px;text-shadow: 0px 0px 2px rgba(0, 0, 0);}
.home-blk-6 .section-title-container { margin-bottom:0;}

.product-small.box { border-top:1px solid rgba(0,0,0,0.05)}





.newsletter { padding:60px 0 0 !important}
.newsletter .section-title-container { margin:0; padding:0 0 10px 0}
.newsletter h3 { font-size:24px; line-height:32px;}
.newsletter h3.section-title b { display:none}
.newsletter h3 .section-title-main {display: block;text-align: center;width: 100%;}
.newsletter .quform form { padding:0; margin:35px 0 0 0}
.newsletter .quform-button-submit { width:100%;}
.newsletter .quform-button-submit .quform-submit { width:100%;padding: 12px 12px;}
.newsletter .quform-element-submit { margin:0}
.newsletter input[type=email] { padding:12px 8px;}

.footer-nav {padding:50px 0 20px !important}
.footer-nav .ux-menu-link__link { border:none !important}
.footer-nav .section-title-container { margin-bottom:15px;}
.footer-nav .icon-box-text h3 { font-size:16px; line-height:24px;} 
.footer-nav .icon-box { padding-bottom:10px;}
.footer-nav .email-part p {padding-top: 3px;}
.footer-nav h3 { font-size:18px; line-height:26px;}
.footer-nav h3.section-title .section-title-main { text-align:left; width:auto}

.copyright-footer { color:#FFF !important}
.absolute-footer {padding: 10px 0 10px;}



@media only screen and (max-width: 48em) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/


}