/* HL members JAJ version Jan2025 */

body	{position:static;}
/* 	Header layout  
	============= */
    #site-header > #main-header { position: relative; font-size: 1.2rem;  max-height:130px; /*background-color: #fff;*/ }
 	#site-header {max-height:150px; overflow:visible; } /* shouldn't be any now */
	
	#site-header #site-logo img { max-height: 90px;  }
	#site-header #site-home {color: #003366; text-decoration: none !important; }

	@media (min-width: 400px) {
	#site-header #site-home { font-size: 1.5rem; }}
		
    #site-header #quick-menu1 
		{ position: absolute; top: 40%; right: 5px; transform: translateY(-50%);  }
    #site-header #quick-menu2 
		{ position: relative; top: 15%; right: 5px; transform: translateY(-15%);  }
		
	#site-header #main-menu-button 		{transform:  translateY(-0%);  }
		

/*  Header appearance 
	================= */
	#site-header #quick-menu1 div, #site-header #quick-menu1 div 
			{background-color: #d8d8d8; }

	@media(min-width:400px) {
		#site-header #quick-menu1 a.btn-ql, 
	#site-header #quick-menu2 a.btn-ql {font-size: 1.2rem !important; }}

    #site-header .btn-ql  { background-color: #00beeb!important; color: #fff; }

	#site-header #quick-menu1 a, #site-header #quick-menu2 a  
		{ display: inline-block; font-weight: 400; margin: 0px 10px; color: inherit; transition: all 0.5s ease-in-out; }
    #site-header #quick-menu1 a.btn, #site-header #quick-menu2 a.btn { color: #fff; }
 
    #site-header #quick-menu1 a:hover, #site-header #quick-menu2 a:hover { color: #339999; text-decoration: underline; }

	#full-menu-sw .material-icons  {font-size:32px; display: inline-block!important; }

	

	@media (max-width: 750px) {
		#video-trial video.videoframe {max-width: 600px !important; object-fit: scale-down !important; }}
		
	@media (max-width: 450px) {
		#video-trial video.videoframe {max-width: 350px !important; object-fit: scale-down !important; }}


	#full-menu-sw.collapsed>.hide-if-closed {display:none !important;}
	#full-menu-sw:not(.collapsed)>.hide-if-open {display:none !important;}		

	#site-header #full-menu {position:relative;		}
	/* #site-header #full-menu:not(.collapsed) {display:inline-block;} */

	#site-header #full-menu .container { background-color: #fff !important; opacity:1.0 ; z-index:100; 
		position: relative; top: 50%; }	

	#full-menu li a:not(:hover) {text-decoration:none; }

	
	
	
	.carousel {position: relative; width:100%; height: 40vw; margin:0 auto;}

	/* .carousel {position: relative; width:calc(min(1200px, 100%)); height: 60vw; margin:0 auto;} */
	
	.carousel-inner {position: absolute; bottom:-20px;}
	.carousel-item { height: 68vw; overflow:hidden;}

    .carousel-item img { position: absolute; left: 0px;  bottom:-65%; animation: banner-zoom-md 3s ease-in-out forwards; z-index: 0; }

	ul li h4{color:#333;}
	ul li a {color:#333;}
	/* and to remove bullets from an unordered list */
	#full-menu li:first-child {  list-style: none;}
	


@keyframes banner-zoom { 
    0% { transform: scale(1.3) ; }
    100% { transform: scale(1.0); }
}

@keyframes banner-zoom-md { 
    0% { transform: scale(1.3) translateY(-50%)  translateX(0%); }
    100% { transform: scale(1.0) translateY(-50%)  translateX(0%);}
}



	#page-header  { background-color: teal; color: #fff; position: relative; top: 0px;}
	#page-title.container {max-width:100%!important;}
    #page-title h1 { margin: 0px; }
	
	#page-footer  {background-color:#052c65; color: #fff; }
	#page-footer a  { color: #fff; }
	#page-footer a:not(:hover)  { text-decoration: none; }
	#temp-icons a {/*width: 100px; height: 50px;*/ background-color: #fff; color:#052c65; } 
	.fa { padding: 20px;
		  font-size: 30px;
		  width: 50px;
		  text-align: center;
		  text-decoration: none;
		}

/* Add a hover effect if you want */
/* .fa:hover { */
  /* opacity: 0.7; */
/* } */
	#results-list a:not(:hover) {text-decoration: none;
	}