.elementor-theme-builder-content-area{height:400px;}.elementor-location-header:before, .elementor-location-footer:before{content:"";display:table;clear:both;}/* Start custom CSS for html, class: .elementor-element-cd61bc1 *//* =====================================
SEA24 HEADER
===================================== */


.sea24-header{

width:100%;

font-family:
Arial,
Helvetica,
sans-serif;

background:white;

}




/* TOP BAR */


.sea24-topbar{


height:34px;

background:#00324F;

display:flex;

justify-content:space-between;

align-items:center;


padding:0 40px;


color:white;

font-size:13px;


}


.sea24-top-left,
.sea24-top-right{


display:flex;

align-items:center;

gap:12px;

}


.sea24-topbar a{

color:white;

text-decoration:none;

}




/* MAIN */


.sea24-main{


height:88px;


display:grid;


grid-template-columns:

220px

1fr

320px;


align-items:center;


padding:0 40px;


border-bottom:

1px solid #e5ebef;


background:white;


}





/* LOGO */


.sea24-logo{


display:flex;

flex-direction:column;

}


.sea24-logo img{


width:145px;

}



.sea24-logo span{


font-size:11px;

color:#788999;

margin-top:5px;

}






/* NAVIGATION */


.sea24-navigation{


position:relative;


display:flex;


align-items:center;


gap:5px;


padding:6px;


}



.nav-item{


position:relative;


z-index:2;


padding:12px 30px;


color:#073454;


font-size:16px;


font-weight:600;


text-decoration:none;


border-radius:20px;


}


.nav-item:hover{


color:#008b9b;


}





/* GLASS */


.nav-glass{


position:absolute;


z-index:1;


top:6px;


left:0;


height:42px;


border-radius:20px;



background:

linear-gradient(
135deg,
rgba(0,190,210,.20),
rgba(255,255,255,.45)
);



border:

1px solid rgba(255,255,255,.7);



box-shadow:

0 10px 25px rgba(0,70,100,.18);



backdrop-filter:

blur(20px);



-webkit-backdrop-filter:

blur(20px);



transition:

all .55s cubic-bezier(
0.16,
1,
0.3,
1
);



}







/* SEARCH */


.sea24-search{


height:42px;


display:flex;


border:1px solid #d9e3ea;


border-radius:8px;


overflow:hidden;


}



.sea24-search input{


border:none;


outline:none;


padding:0 15px;


width:100%;


}



.sea24-search button{


width:50px;


border:none;


background:white;


cursor:pointer;


}





/* MOBILE BUTTON */


.sea24-mobile-button{


display:none;

}




/* MOBILE MENU */


.sea24-mobile-menu{

display:none;

}






.elementor-widget-html,
.elementor-widget-container{

width:100%;

}






@media(max-width:1000px){



.sea24-topbar{

padding:0 20px;

}



.sea24-top-left{

display:none;

}



.sea24-top-right{

justify-content:flex-end;

width:100%;

}



.sea24-main{


grid-template-columns:1fr auto;


position:relative;


}



.sea24-navigation{


display:none;


}



.sea24-search{


display:none;

}



.sea24-mobile-button{


display:block;

background:none;

border:none;

font-size:28px;

cursor:pointer;

color:#00324F;

}




.sea24-mobile-menu{


position:absolute;

top:88px;

left:0;

width:100%;

background:white;

display:flex;

flex-direction:column;

padding:10px 0;

box-shadow:0 10px 25px rgba(0,0,0,.15);


opacity:0;

visibility:hidden;

transform:translateY(-10px);


transition:.35s ease;


z-index:9999;


}




.sea24-mobile-menu a{


padding:15px 25px;


text-decoration:none;


color:#073454;


font-size:16px;


font-weight:600;


}




.sea24-mobile-menu.active{


opacity:1;

visibility:visible;

transform:translateY(0);


}



}

/* FORCE SEA24 HEADER MOBILE CONSISTENCY */


@media(max-width:1000px){


.sea24-weather,
.sea24-top-right span{

display:none !important;

}



.sea24-language{

display:flex !important;

}



.sea24-mobile-menu{

display:flex !important;

opacity:0;

visibility:hidden;

transform:translateY(-10px);

}



.sea24-mobile-menu.active{

opacity:1 !important;

visibility:visible !important;

transform:translateY(0);

}



}/* End custom CSS */