/*
Theme Name: Molla Child
Theme URI: https://molla.org/
Author: D-THEMES
Author URI: https://molla.org/about-me/
Description: Molla Responsive WordPress + eCommerce Theme.
Version: 1.0
Template: molla
License: Commercial
License URI: http://themeforest.net/licenses/regular_extended
Tags: woocommerce, corporate, ecommerce, responsive, blue, black, green, white, light, dark, red, two-columns, three-columns, four-columns, left-sidebar, right-sidebar, fixed-layout, responsive-layout, custom-menu, editor-style, featured-images, flexible-header, full-width-template, microformats, post-formats, rtl-language-support, sticky-post, theme-options, translation-ready, accessibility-ready
*/

/*************** ADD YOUR CUSTOM CSS HERE  ***************/



p,a,span,h1,h2,h3,h4,h5,h6 {
font-family: 'Montserrat', sans-serif !important;
}

#bili p {
color: #fff !important;
font-weight: 600 !important;
}


.menu-skin1 >li.current-menu-item >a {
font-weight: 500 !important;
font-size: 17px !important;
}

.menu-skin1 >li.current-menu-item >a::before {
display: none !important;
}


.footer .menu li.current-menu-item >a, .footer .menu li a {
color: #fff !important;
font-weight: 400 !important;
}

.footer .menu li a:hover {
color: #fff !important;
font-weight: 400 !important;
}



.wpcf7-form-control.wpcf7-submit.btn-outline.btn-primary.btn {
border: 1px solid #222 !important;
color: #222 !important;
}

.wpcf7-form-control.wpcf7-submit.btn-outline.btn-primary.btn:hover {
border: 2px solid #222 !important;
background: #222 !important;
color: #fff !important;
}

.wpcf7 input[type=email], .wpcf7 input[type=tel], .wpcf7 input[type=text], .wpcf7 input[type=url], .wpcf7 textarea {
border: 1px solid #222 !important;
}

.circle-type .social-icon {
color: #fff !important;
border: 1px solid #fff !important;
}

.circle-type .social-icon:hover {
color: #EC660B !important;
border: 1px solid #EC660B !important;
}

.footer-main .inner-wrap {
padding-top: 100px !important;
padding-bottom: 100px !important;
background: transparent !important;
}

.footer.divider-active .inner-wrap, .footer.divider-active .footer-top, .footer.divider-active .footer-main, .footer.divider-active .footer-bottom {
background: #000 !important;
color: #fff !important;
}



.footer-menu li a:hover {
 color: #fff !important;
}

.footer .menu li.current-menu-item >a, .footer .menu li a, .footer p {
font-size: 15px !important;
font-weight: 400 !important;
color: #fff !important;
}





@media (max-width: 800px) {
.header-main.header-has-center.sticky-header .container {
        background-color: #EC660B !important;
        display: block !important;
        position: fixed !important;
	    top: 0px !important;
	padding-top: 0px !important;
	padding-bottom: 0px !important;
    }
	
.mobile-menu-wrapper .social-icons {
display: none !important;
}
}


.mobile-menu-toggler {
color: #fff !important;
	font-size: 40px !important;
}

.mobile-menu li a {
color: #fff;
border-bottom: none !important;
font-size: 21px !important;
font-weight: 600 !important;
}

.mobile-menu li a:hover {
color: #fff !important;
border-bottom: none !important;
font-size: 21px !important;
font-weight: 600 !important;
}

.searchform1.mobile-search {
display: none !important;
}

.mobile-menu-container {
background: #EC660B !important;
}


.container {
    width: 1300px !important;
}


.pol strong {
color: #222 !important;
}


#form-field-message {
height: 300px !important;	
}


@media (min-width: 800px) {
button.owl-prev {
    left: 5% !important;
}
button.owl-next {
	right: 5% !important;	
	}	
}

.menu-skin1 >.menu-item >a {
color: #fff !important;
font-weight: 600 !important;
font-size: 16px !important;
margin-right: 10px;
margin-left: 10px;
}

.menu-skin1 >li >a:before {
    background-color: #fff !important;
}

@media (min-width: 800px) {
.header-main .inner-wrap {
padding-top: 0px !important;
padding-bottom: 0px !important;
}
}




/* Home page only: hide logo initially */
.home .logo img {
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.3s ease, visibility 0.3s ease;
}

/* Home page only: show logo after scroll */
.home .logo img.show-logo {
    opacity: 1;
    visibility: visible;
}


@media (max-width: 800px) {
.logo img {
margin-left: 40px !important;
}
}

.logo img {
width: 200px !important;
max-width: 200px !important;
}


.header .fixed .logo {
    margin-top: 3px !important;
	margin-bottom: 3px !important;
    }