:root {
--headerheight:null;  /*JS VAR*/
--menuheight:85px;   /*JS VAR*/


--logopadding:0rem;                  /*PARAM*/
--menu-item-padding: 2rem 0.7rem;    /*PARAM*/ 
--icon-size: 2rem;                   /*PARAM*/
}


/*----------------------------------------------------------HEADER-------------------------------*/


.header{
    min-height:25px!important; 

}

.logo{
    padding: 0px 0px!important;
}

.logo img{
    max-height: 1000px!important;
      max-width: 1000px!important;
    height:var(--menuheight)!important;
    padding: var(--logopadding) 0px!important;
}

/*-------------------------------MENUS-------------------------------*/

#wpadminbar{
    position:fixed!important;
}

#topmenu {
    display: flex;
    flex-direction: column;
}

.toggle{
	margin-top:0!important;
}

.sitenav ul li a {
    padding:var(--menu-item-padding);
    font-size: 1.2rem!important;
}


/*----------------------------------------------PAGES------------------------------*/



h1.entry-title {
    display: none!important;
}

.elementor .elementor-background-overlay, .elementor .elementor-background-slideshow {
    top:-2px;
}

.page_content {
    padding: 0 0 50px 0;
    
}
.headerspacer{

    height: var(--headerheight);   
} 


/*--------------------------------------------------FOOTER-------------------------------*/

.dashicons {
    width:var(--icon-size)!important;
    height:var(--icon-size)!important;
    font-size:var(--icon-size)!important;
}

.fixed-bottom-menu-text {
font-size: calc(var(--icon-size) / 2)!important;
}

.fixed-bottom-menu-item a {
line-height:calc(var(--icon-size) / 1.5)!important;
}

#footer {
    
    background-color: #000000;
    bottom: -5px;
    height: 10px;
    width: 100%;
    position: fixed;
}



/*----------------------------------------------RESPONSIVE OVERRIDE-----------------------------------*/
@media screen and (max-width: 980px){
	

    :root {
--icon-size: 1.4rem;
}

.logo img {
	height:85px!important;
	}
	
.toggle{
	margin:1.8%!important;
}

.header{
    max-height: 85px!important;
}

#topmenu{
    padding: 12px 0px!important;
}

}
    

@media screen and (max-width: 767px){
.header{
    min-height:25px!important; 
    max-height: 140px!important;
}

#topmenu{
    padding: 0px 0px!important;
}

.toggle{
    margin:1.8% 0%!important;
}


}

@media screen and (max-width: 1169px) and (min-width: 768px){
.toggle {
    width: 80%!important;
    }
}

@media screen and (max-width: 1023px) and (min-width: 768px){
body.wp-custom-logo .logo{
    padding: var(--logopadding) 0px!important;
	
}
}