/*!
Website Name: ocean
Author: Made in 13
Author URI: https://madein13.com
Version: 1.0.0
*/


/* Typography
--------------------------------------------- */
body,
button,
input,
select,
optgroup,
textarea {
	color: #1e1e1e;
	font-family: "Mulish", sans-serif;
	font-size: 1rem;
	font-optical-sizing: auto;
	font-style: normal;
	font-weight:400;
	line-height: 1.5;
}

strong, 
b,
.fw-bold {
	font-weight:700 !important;
}

.small {
	font-size:0.875rem;
}

.x-small {
	font-size:0.813rem;
}

.fs-6,
.fs-6 p {
    font-size:1.125rem;
}


/* =Placeholder text
----------------------------------------------- */
::-webkit-input-placeholder {
	color:#939393;
}

:-moz-placeholder {
	color:#939393;
}

::-moz-placeholder {
	color:#939393;
	opacity: 1; /* Since FF19 lowers the opacity of the placeholder by default */
}

:-ms-input-placeholder {
	color: #939393;
}


/* Links
--------------------------------------------- */
a:hover,
a:focus,
a:active {
	color:#aaa;
}


/* Colors
--------------------------------------------- */
.bg-blue {
	background:#013e7b;
}

.text-dark {
    color: #1e1e1e !important;
}


/* =Buttons
----------------------------------------------- */
.btn-primary {
    --bs-btn-color: #fff;
    --bs-btn-bg: #036;
    --bs-btn-border-color: #036;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #1e1e1e;
    --bs-btn-hover-border-color: #1e1e1e;
    --bs-btn-focus-shadow-rgb: 49, 132, 253;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #1e1e1e;
    --bs-btn-active-border-color: #0a53be;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #036;
    --bs-btn-disabled-border-color: #036;
}

.btn-outline-light {
    --bs-btn-color: #f8f9fa;
    --bs-btn-border-color: #f8f9fa;
    --bs-btn-hover-color: #1e1e1e;
    --bs-btn-hover-bg: #f8f9fa;
    --bs-btn-hover-border-color: #f8f9fa;
    --bs-btn-focus-shadow-rgb: 248, 249, 250;
    --bs-btn-active-color: #000;
    --bs-btn-active-bg: #f8f9fa;
    --bs-btn-active-border-color: #f8f9fa;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #f8f9fa;
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: #f8f9fa;
    --bs-gradient: none;
}


/* Structure
--------------------------------------------- */
.container-fluid {
	max-width:1300px;
}

.container-fluid.full-width {
	max-width:100%;
}

	@media (min-width: 1920px) {
		.container-fluid {
			max-width:1600px;
		}
	}

	@media (max-width: 1199.98px) {
		.container-fluid {
			padding-left:1.25rem;
			padding-right:1.25rem;
		}
	}

	@media (max-width: 575.98px) {
		.container-fluid {
			padding-left:1.25rem;
			padding-right:1.25rem;
		}
	}

	@media (min-width: 768px) {
		.mt-lg-6 {
			margin-top:6rem !important;
		}
		.py-6 {
			padding-top:5rem !important;
			padding-bottom:5rem !important;
		}
		.py-lg-6 {
			padding-top:5rem !important;
			padding-bottom:5rem !important;
		}
		.pt-6 {
			padding-top:5rem !important;
		}
	}

.py-2x {
    padding-top:0.8rem !important;
    padding-bottom:0.8rem !important;
}

.px-4x {
    padding-right:1.8rem !important;
    padding-left:1.8rem !important;
}


/* Nav
--------------------------------------------- */
.navbar .navbar-brand img {
	max-width:65px;
}

	@media (max-width: 575.98px) {
		.navbar-brand img {
			max-width:55px;
		}
	}

.navbar .navbar-nav .nav-link,
.navbar .navbar-nav .nav-link:visited {
	color: #1e1e1e;
	font-size:1.125rem;
	font-weight:600;
	padding-left:1.2rem !important;
	padding-right:1.2rem !important;
}

.navbar .dropdown-item {
	color: #1e1e1e;
}

.navbar .dropdown-item:hover,
.navbar .dropdown-item.active, 
.navbar .dropdown-item:active {
	background:#fff;
	color:#aaa;
}

	@media (max-width: 991.98px) {
		.navbar .navbar-nav {
			text-align:center;
		}
		.navbar .navbar-nav .nav-link {
			font-size:1.25rem;
			padding:1rem 1.2rem !important;
		}
		.navbar .dropdown-menu {
			border:none;
			padding:0 0 1rem 0;
			text-align:center;
		}
		.navbar .dropdown-item {
			font-size:1.15rem;
			padding-top:0.5rem;
			padding-bottom:0.5rem;
		}
	}

.dropdown-menu.services-list {
    max-width: 100vw;
}

.dropdown-menu.services-list .dropdown-item {
    white-space: normal;
    word-break: break-word;
    line-height: 1.3;
}


/* Pages
--------------------------------------------- */
.entry-content h2,
.entry-content h3 {
	font-weight:600;
	margin:1.5rem 0;
}

.entry-meta a,
.entry-content a:not(.btn),
.entry-footer a {
	color:#1e1e1e;
	border-bottom:1px solid #0d6efd;
	font-weight:500;
	padding-bottom:1px;
	text-decoration:none;
}

.page {
	margin:0;
}

.entry-content table {
    border-collapse:collapse;
    border-spacing:1px;
    height:100%;
	margin-bottom:3rem;
    table-layout:fixed;
    text-align:left;
    width:100%;
}

.entry-content table td, 
.entry-content table th {
    padding:15px;
    line-height:1.5;
    vertical-align:middle;
    border:1px solid #ccc;
}

.entry-content table th {
    font-weight:500;
}

.entry-content table tr th,
.entry-content table tr:nth-child(even) {
	background-color:#f9f9f9;
}

	@media (max-width: 767.98px) {
		.entry-content table {
			display:block;
			font-size:0.9rem;
			overflow-x:auto;
			width:100%;
		}
	}


/* Carousel
--------------------------------------------- */
.carousel-item {
    min-height: 650px;
}

	@media (min-width: 1200px) and (max-width: 1919.98px) {
		.carousel-item {
			min-height:550px;
		}		
	}

.kenburns {
    background-color:#555;
    background-blend-mode:overlay;
    background-position:center center;
    background-size:cover;
    height:100%;
    left:0;
    position:absolute;
    top:0;
    width:100%;
    z-index:1;
    animation: kenburns 30s ease-in-out infinite;
}

@keyframes kenburns {
    0% {
        transform: scale(1);
    }
    50% {
        transform: scale(1.1);
    }
    100% {
        transform: scale(1);
    }
}


/* Hero
--------------------------------------------- */
.hero {
    min-height: 370px;
}

	@media (min-width: 1920px) {
		.hero {
			min-height:500px;
		}
	}

	@media (max-width: 480px) {
		.hero .display-1 {
			font-size:2.25rem;
		}
	}

.iims-branding-logo {
	bottom:2rem;
	height:100px;	
	opacity:0.8;
	position:absolute;
	right:2rem;
	width:100px;
	z-index:2;
}

	@media (max-width: 991.98px) {
		.iims-branding-logo {
			height:90px;
			opacity:0.7;
			width:90px; 
		}
	}

	@media (max-width: 575.98px) {
		.iims-branding-logo {
			height:72px;
			width:72px; 
		}
	}


/* Membership Logos
-------------------------------------------------- */
.marquee-container {
    width: 100%;
    height: 60px;
    overflow: hidden;
    position: relative;
    padding-bottom: 15px;  
    box-sizing: content-box;  
}

.marquee-track {
	display: flex;
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
}

.marquee-content {
	display: flex;
	height: 100%;
	flex-shrink: 0;
}

.marquee-item {
	flex-shrink: 0;
	height: 60px; 
	width: auto; 
	margin-right: 3.5rem; 
}

.marquee-item img {
    display: block;
    filter: grayscale(1);
    width: auto;
    height: 60px;
    object-fit: contain;  
    transition: filter 0.3s ease-in-out;
    will-change: filter;
}

.marquee-item img:hover {
	filter:grayscale(0);
}

@keyframes scroll {
	0% { transform: translateX(0); }
	100% { transform: translateX(-50%); }
}


/* Contact Forms
-------------------------------------------------- */
.contact-form ::-webkit-input-placeholder {
	color:#1e1e1e;
}

.contact-form :-moz-placeholder {
	color:#1e1e1e;
}

.contact-form ::-moz-placeholder {
	color:#1e1e1e;
	opacity: 1; /* Since FF19 lowers the opacity of the placeholder by default */
}

.contact-form :-ms-input-placeholder {
	color:#1e1e1e;
}

.contact-form input[type=text],
.contact-form input[type=email],
.contact-form input[type=tel],
.contact-form textarea {
	background:#fff;
	border:1px solid #1e1e1e;
	border-radius:0 !important;
	box-shadow:none;
	color:#1e1e1e;
	font-size:1rem;
	margin-bottom:1rem;
	padding:0.5rem 1rem;
	width:100%;
}

.contact-form textarea {
	border-width:1px;
	height:200px;
	margin-top:1rem;
	margin-bottom:0;
	padding:1rem;
}

.contact-form select {
	border:1px solid #1e1e1e;
	padding:0.5rem;
}

.contact-form input[type=checkbox],
.contact-form input[type=radio] {
	height:18px;
	width:18px;
}


/* =Google Maps
--------------------------------------------------------------*/
.google-map {
    height:0;
    padding-bottom:60%;
    overflow:hidden;
    position:relative;
}

.google-map iframe {
    height: 100% !important;
    left: 0;
    position: absolute;
    top: 0;
    width: 100% !important;
}


/* Media
--------------------------------------------- */
img {
	height:auto;
	max-width:100%;
}

video {
	height:auto !important;
	width:100% !important;
}


/* Footer
--------------------------------------------- */
.site-footer .footer-logo {
	max-width:100px;
}

.site-footer p {
	font-size:0.875rem;
}

.site-footer ul {
	list-style:none;
	margin:0;
	padding:0;
}

.site-footer li a {
	display:block;
	font-size:0.875rem;
	padding-top:0.2rem;
	padding-bottom:0.2rem;
}

.site-footer a,
.site-footer a:visited {
	color:#1e1e1e;
	font-weight:500;
	text-decoration:none;
}


/* Alignments
--------------------------------------------- */
.alignfull {
	margin:1.5rem auto;
	max-width:100%;
}

.alignnone,
.aligncenter {
	margin:1.5rem auto;
}

.alignleft {
	float:left;
	margin:0.3rem 2rem 2rem 0;
}

.alignright {
	float:right;
	margin:0.3rem 0 2rem 2rem;
}

	@media (max-width: 600px) {
		.alignleft,
		.alignright {
			display:block;
			float:none;
			margin:1.5rem auto 1.5rem 0;
		}
	}

.aligncenter,
.aligncenter img {
	margin-left:auto;
	margin-right:auto;
}