@charset "utf-8";
/* CSS Document */

* {
	margin:0;
	padding:0;
	box-sizing:border-box;
	font-family:'Nunito Sans', sans-serif;
}

/*							SITE STRUCTURE					*/

.innerwrap {
	width:85%;
	margin:0 auto;
}


/*							HEADER					*/

.headright {
	display:flex;
	justify-content: space-between;
	align-items:center;
}

.headsoc {
	padding:10px;
	cursor: pointer;
}

.headsoc a {
	display:inline-flex;
	justify-content:center;
	align-items:center;
	width:30px;
	height:30px;
}
.headsoc a::before {
	content: " ";
	display:block;
	width:24px;
	height:24px;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	transition: transform 0.3s ease-out;
}
.headsoc a.headinsta::before { background-image: url(img/1insta.svg); }
.headsoc a.headx::before { background-image: url(img/2x.svg); }
.headsoc a.headlinkedin::before { background-image: url(img/3linkedin.svg); }
.headsoc a.headyoutube::before { background-image: url(img/4youtube.svg); }

.headsoc a:hover::before {
	transform: scale(1.25);
}

/*							HOME						*/

.homeheader {
	background-color:#1E2E5B;
	border-top:1px solid #121D38;
	border-bottom:5px solid #121D38;
	min-height:90px;
}
.homeheader .innerwrap {
	display:flex;
	justify-content:space-between;
	align-items: center;
}

.homevidsection .innerwrap {
	position:relative;
	height:1100px;
}

#bg-video {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	z-index: -1;       /* behind your content */
	opacity: 0;        /* start hidden */
	transition: opacity 1s; /* smooth fade-in */
}

a.hlogowrap {
	display:flex;
	justify-content: center;
	align-items: center;
	width:200px;
	height:160px;
	margin-top:40px;
	background-color:#FFF;
	border-radius:20px;
	cursor:pointer;
	transition:transform 0.5s ease-out, border-radius 0.5s ease-out;
}
a.hlogowrap:hover {
	border-radius:35px;
	transform:scale(1.2);
}
a.hlogowrap img.hlogo {
	position:relative;
	top:-7px;
	left:-5px;
	display:block;
	width:161px;
	height:103px;
	transition:transform 0.3s ease-in;
}
a.hlogowrap:hover img.hlogo {
	transform:scale(1.14);
}

.hometext {
	text-align:center;
	color:#FFF;
	text-shadow:0 0 5px #00000075;
}
.hometext h1 {
	font-family: "Roboto Slab", serif;
	font-size:44px;
	margin:250px 0 20px;
	font-weight: normal;
}
.hometext h2 {
	font-size:25px;
	font-weight: normal;
}



/*							NAV								*/

/* --- Reset and Basic List Styling --- */
.homeheader nav ul {
    /* Remove default list styling */
    list-style: none;
    padding: 0;
    margin: 0;
}

/* --- Main Menu (Horizontal Layout) --- */
#menu-main-menu {
    /* Ensure main menu items sit next to each other */
    display: flex;
    justify-content: flex-start; /* Adjust as needed */
}

#menu-main-menu > li {
    /* Establish positioning context for the dropdown */
    position: relative;
}

#menu-main-menu a {
    /* Style main menu links */
    display: block;
    padding: 10px 15px;
    text-decoration: none;
    color: #FFF;
	transition: all 0.5s;
	background-color:#1E2E5B;
}

#menu-main-menu a:hover {
    background-color: #324a8b; /* Hover effect for main links */
}

/* --- Dropdown Sub-Menu Styling --- */
.homeheader nav #menu-main-menu li ul.sub-menu {
    /* Initially hide the dropdown */
    display: none;
    
    /* Position the dropdown absolutely beneath the parent LI */
    position: absolute;
    top: 100%; /* Position it right below the main link */
    left: 0;

	width: max-content;
    
    /* Layer the dropdown above other content */
    z-index: 100;

	padding-top:5px; /*	Make space for header bottom border */
}

#menu-main-menu .sub-menu li {
    /* Ensure sub-menu items stack vertically */
    width: auto;
	position:relative;
}

#menu-main-menu .sub-menu li a {
    /* Style sub-menu links */
    padding: 8px 45px 8px 15px;
    color: white;
	position:relative;
	right:0px;
	box-shadow: 0 2px 10px rgba(0,0,0,0.4);
	border-left:4px solid #121D38;
	transition:all 0.4s;
}
#menu-main-menu .sub-menu li:hover a {
	right:-25px;
	border-left:4px solid #FFF;
}
#menu-main-menu .sub-menu a:after {
	content: " ";
	display:block;
	width:12px;
	height:11px;
	background:url(img/navarrow.png) no-repeat;
	position:absolute;
	right:15px;
	top:calc(50% - 5px);
	opacity: 0;
	transition:all 0.3s;
}
#menu-main-menu .sub-menu li:hover a:after {
	opacity: 1;
}

/* --- Dropdown Show on Hover --- */
.homeheader nav #menu-main-menu li:hover ul.sub-menu {
    display: block;
}


/*							CONTENT					*/


a.button1 {
	display:inline-block;
	padding:7px 15px;
	margin:17px 15px;
	transition: all 0.8s;
	font-size:19px;
	font-weight:500;
	text-align:center;
	text-decoration: none;
	min-width:160px;
	box-shadow: 
        0 8px #2BA9E1;
}
a:hover.button1 {
	transform: translateY(8px);
	box-shadow: 
        0 0px #2BA9E1;
}
a.lightbut {
	color:#0B3A4F;
	background-color:#85CFF2;
	transition: all 0.4s;
}

.hbuts {
	display:flex;
	justify-content: center;
	padding-top:30px;
}

a.button2 {
	display:inline-block;
	padding:12px 15px;
	margin:17px 15px;
	transition: all 0.8s;
	font-size:22px;
	font-weight:500;
	text-align:center;
	text-decoration: none;
	min-width:270px;
	color:#FFF;
	background-color:#1E2E5B;
	box-shadow: 
        0 8px #121D38;
	transition: all 0.4s;
}
a:hover.button2 {
	transform: translateY(8px);
	color:#0B3A4F;
	background-color:#85CFF2;
	box-shadow: 
        0 0px #2BA9E1;
}