/* ----------------------------------------------------------------
	Custom CSS

	Add all your Custom Styled CSS here for New Styles or
	Overwriting Default Theme Styles for Better Handling Updates
-----------------------------------------------------------------*/


:root {
	--cnvs-body-font: 'Roboto', sans-serif;
	--cnvs-primary-font: 'Raleway', 'Source Sans Pro', sans-serif;
        /*Ubuntu Fuzzy+Bubbles*/
	--cnvs-header-height: 70px;
        
     
}

#header {
    
    --cnvs-primary-menu-color: #244c27;
    --cnvs-primary-menu-hover-color: #c23477;
    /*--cnvs-primary-menu-active-color: #c23477;*/
    
}


@media(min-width:992px) {
    #header-wrap {

        background: #FFFFFF88;



    }
}



/*.is-expanded-menu #header.transparent-header {
    --cnvs-header-bg: #FFFFFF88;
    
}

*/@media(max-width:991.98px) {
    
    #logo { padding-left: 10px; padding-top: 10px;}
    
    #header.transparent-header.dark:not(.sticky-header) #header-wrap {
        background-color: #FFFFFFF3;
        
    }
    
    body:not(.is-expanded-menu) #header:not([data-mobile-sticky=true]) #header-wrap {
       position: fixed; /* set this to make the header transparent */
    }
    
    .cnvs-hamburger .cnvs-hamburger-inner, .cnvs-hamburger .cnvs-hamburger-inner::before, .cnvs-hamburger .cnvs-hamburger-inner::after {
        background-color: black;
    }
    
    .primary-menu {
        
        margin-top: 10px;
    }
    
    
}




#header-wrap .header-row {
    height: 90px;
}

h1 { font-family: Raleway }


/*#main-slider-com-name { font-family: 'Fuzzy Bubbles'; }*/

.emphasis-title h1 { font-family: 'Fuzzy Bubbles'; }

#slogan { font-family: 'Fuzzy Bubbles'; font-size: 36px; filter: drop-shadow(5px 5px 10px #000000); }

 .container-sm, .container {
    max-width: 100%;
    
}

#header-wrap .container {
    padding-top: 10px ! important; 
    padding-bottom: 10px ! important; 
}

.container {
    padding-left: 80px ! important; 
    padding-right: 80px ! important;
    
    
}

@media(max-width:991.98px) {
    
    .container {
        padding-left: 40px ! important; 
        padding-right: 40px ! important;


    }
    
    .menu-link { 
        background: #555;  
        color: white;
        padding-left: 10px;
                 
    }
    
    .menu-item.current > .menu-link, .menu-item:hover > .menu-link {
       color: #bbb;
    }
    
    #header-wrap .container {
        
        margin: 0px;
        padding: 0px;
    }
    
    .menu-item:not(:first-child) { border: 0px;}
    
    
}