/*
Theme Name:     Twenty Twenty-Five Child
Template:       twentytwentyfive
Version:        1.0
*/
body.page-id-581 .tws-navigation{display: none!important;}
body.page-id-581 #navbar{display: none!important;}
/*Dropdown Menu*/
#navbar {
justify-content: space-between; width: 100%; align-items: center;
  background-color: #fff; /* Black background color */
  position: fixed; /* Make it stick/fixed */ 
  z-index: 999!important;display: flex; align-items:center;opacity: 0;
  transition: opacity 0.5s ease;
  pointer-events: none; /* optional: prevents interaction when hidden */
	
  }


body.page-id-166 .tws-header{display: none;}
body.page-id-166 #navbar{top: 0!important;}


body, html{font-family: halcom, sans-serif!important; background-color: #fff!important;}
a {text-decoration: none;}
.e-child ul li,.e-child ol li{font-family: sweet-sans-pro, sans-serif!important; margin: 0!important; padding:5px 0!important}
.e-child ul, .e-child ol{ margin:14px 0 14px 14px!important; padding: 0!important;}


#navbar .tws-menu{ width: 100%; margin: 0 0%; position: absolute; z-index: 99; display: flex; align-content: center!important; align-items: center!important; z-index: 999;
justify-content:space-between;}

#navbar .logo{width: 20%; padding: 20px; margin-left: 0%!important  }
#navbar .logo img{  width:275px!important; height: auto; }
#navbar .tws-topnav{ text-align: right; width:75%; margin-top: 0px;  display: flex; justify-content: flex-end; align-items: stretch!important;
    margin-bottom: 0!important; margin-right:0%!important}
#navbar .tws-topnav ul{ list-style: none; margin: 0; padding: 0; text-align: left; margin-top:0px!important; }
#navbar .tws-topnav ul li{ margin: 0; padding:10px 20px!important; display: inline-block; position: relative;font-family: halcom, sans-serif!important;}
#navbar .tws-topnav ul ul{ display: none;}

#navbar .tws-topnav ul li:hover{  background-color: #fff; border-radius: 0px!important;  }
#navbar .tws-topnav ul li:hover ul{ display: block; position: absolute; top: 38px; width: 175px; left:0px; text-align: left; background-color: #fff; margin: 0; padding: 20px;border-radius: 0px!important;}
#navbar .tws-topnav ul li a{ color: #333; text-decoration: none; font-size:15px!important; line-height: 1em!important; text-transform:normal!important; font-weight: 300!important;}
#navbar .tws-topnav ul li a:hover{color: #4f2465;}
#navbar .tws-topnav ul li:hover ul li a{  font-size: 14px!important; line-height: 1em!important; display: block;border-radius: 0px;  color: #333; text-transform: none!important;}
 #navbar .tws-topnav ul li:hover ul li{ display: block; padding: 0; line-height:  1em!important; padding: 10px 20px 10px 0px!important; background-image: url("/images/menu-arrow.png"); background-repeat: no-repeat; background-position: center right;
background-size: 12px!important;}
#navbar .tws-topnav ul li:hover ul li:hover a{color: #4f2465!important;}

#navbar .tws-topnav ul ul{ display: none;}
#navbar .tws-topnav ul li.cta{   }
#navbar .tws-topnav ul li.cta:hover{ }
#navbar .tws-topnav ul li.cta a{ background-color: #e2bd28; color: #fff!important; padding: 10px 20px; border-radius:50px; font-weight: 700!important;
}
#navbar .tws-topnav ul li.cta a:hover{ background-color: #4f2465!important;}




#responsive-menu-pro-container a{font-family:halcom, sans-serif!important; font-weight: 600!important;}
.tws-header{ display: flex; position: absolute; width: 100%; top:0; left: 0; justify-content: space-between; align-items: center; padding:20px 0; z-index: 9999;
  transition: opacity 0.3s ease, visibility 0.3s ease;
}
.tws-header.hidden {
  opacity: 0;
  visibility: hidden;
}
.logo{ margin-left:20px; }
.logo img{max-width:275px!important; width: 275px!important; min-width:120px!important; height: auto!important;} 
.logo a{color:#fff!important; font-size: 24px!important}

.tws-navigation{ text-align: right; margin-right:20px;}
.tws-navigation ul{ margin: 0; padding: 0;}
.tws-navigation ul li{margin: 0; padding:10px 20px; display: inline-block; position: relative;font-family:halcom, sans-serif!important; text-transform:normal!important;}
.tws-navigation ul li a{ font-size: 15px!important; line-height: 1em!important; color: #fff!important; font-weight: 300!important;}
.tws-navigation ul li a:hover{color: #4f2465!important;}
.tws-navigation ul li:hover{ background-color: #fff!important; border-radius: 0px;}
.tws-navigation ul li.cta:hover{ background-color:rgba(245,245,245,.0)!important;}
.tws-navigation ul li:hover a{ color: #333!important;}
.tws-navigation ul li.cta a{ background-color: #e2bd28!important; color: #fff!important; padding: 10px 20px; border-radius: 0px; border-radius:50px!important; font-weight: 700!important;

}
.tws-navigation ul li.cta a:hover{ background-color: #4f2465!important; color: #fff!important;}
.tws-navigation ul ul{ display: none;}
.tws-navigation ul li:hover ul{ display: block; position: absolute; top: 40px; left:0px; width:175px; text-align: left; padding: 20px; background-color: #fff; margin: 0!important; border-radius: 0px; }
.tws-navigation ul li:hover ul li{display: block; padding: 0; line-height:  1em!important; padding: 10px 20px 10px 0px; background-image: url("/images/menu-arrow.png"); background-repeat: no-repeat; background-position: center right;
background-size: 12px!important;}
.tws-navigation ul li:hover ul li a{ font-size: 14px!important; line-height: 1em!important; display: block;border-radius: 3px;  color: #333; text-transform: none!important;}

/*Footer*/
.topfooter{ display:flex!important; width: 100%; padding: 40px 0!important; justify-content:center; flex-direction:column; align-content:center; text-align: center!important;

}

.topfooter img{ width: 450px!important; margin: 0 auto!important;}
.topfooter h3{ font-weight:300!important; font-size:16px!important; padding: 10px 0 0!important; margin: 0!important;}

.footer{ background-color: #efefef!important; padding:40px!important; font-size: 12px!important; text-align: center!important;}
.footer a{color:#333!important;}
.footer a:hover{text-decoration: underline!important;}

@media all and (max-width:1024px){ 
	#navbar .tws-topnav{ display:none!important;}
	.tws-navigation{display:none!important;}
	.logo img{max-width:240px!important; width: 240px!important; min-width:120px!important; height: auto!important;} 
.topfooter h3{ font-weight:300!important; font-size:16px!important; padding: 20px 0 0!important}}
@media all and (max-width:699px){
	#navbar .logo{width: 100%; padding: 20px; margin-left: 2.5%!important; text-align: center!important; }
	.logo img{max-width:200px!important; width: 200px!important; min-width:120px!important; height: auto!important;} 
	.logo{ margin: 0 2.5%; text-align: center!important; width: 100%!important; }
	
.topfooter img{ width: 250px!important; margin: 0 auto!important;}
}