/*
Theme Name: Mid-Atlantic Offshore Development
Author:     Provident Pro
Author URI: https://www.providentpro.com/
Version:    0.1.2
*/

@import url('editor-style.css?ver=0.1.2');

html { box-sizing:border-box; }
*, *::before, *::after { box-sizing:inherit; }

body { background-color:#252B69; }

.container { margin:0 auto; padding:0 30px; max-width:100%; width:1500px; }
.container::after { content:''; clear:both; display:table; }

#page { background-color:#fff; overflow:hidden; }

#overlay { background-color:rgba(0, 0, 0, 0.5); display:none; height:100%; left:0; position:fixed; top:0; width:100%; z-index:10; }

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

/* Header */
#header { background-color:#fff; position:relative; z-index:1; }
#header.fixed { box-shadow:0 3px 6px rgba(0, 0, 0, 0.15); position:fixed; top:0; left:0; width:100%; }
.admin-bar #header.fixed { top:32px; }

#header .logo { flex-basis:180px; }
#header .logo img { display:block; transition:transform 0.6s; }
#header .logo a:hover img { transform:scale(1.025); }

#header .menu ul { font-size:0; list-style-type:none; padding-left:0; margin-bottom:0; white-space:nowrap; }
#header .menu ul li { display:inline-block; font-size:16px; line-height:96px; position:relative; }
#header .menu ul li a { color:#252B69; display:block; padding:0 20px; text-decoration:none; }

#header .menu ul li::after { background-color:#18A7AA; content:''; display:block; height:3px; margin:-3px auto 0; transition:width 0.3s; width:0; }
#header .menu ul li.hover::after, #header .menu ul li.active::after { width:calc(100% - 40px); }

#header .menu ul li.menu-item-has-children > a::after { content:'\f107'; font-family:'Font Awesome 6 Pro'; font-weight:400; margin-left:12px; }

#header .menu .sub-menu { background-color:#fff; box-shadow:3px 3px 6px rgba(0, 0, 0, 0.15); display:none; position:absolute; top:100%; left:0; margin-left:20px; }
#header .menu .sub-menu li { display:block; line-height:1; white-space:nowrap; }
#header .menu .sub-menu li a { padding:15px; transition:background-color 0.6s, color 0.6s; }
#header .menu .sub-menu li a:hover, #header .menu .sub-menu li.hover > a { background-color:#18A7AA; color:#fff; }

#header .menu .sub-menu li::after { content:none; }

#header .menu .sub-menu li.menu-item-has-children > a { padding-right:30px; }
#header .menu .sub-menu li.menu-item-has-children > a::after { content:'\f105'; display:block; margin-left:0; position:absolute; top:50%; right:0; text-align:center; transform:translateY(-50%); width:30px; }

#header .menu .sub-menu .sub-menu { left:100%; top:0; margin-left:0; }

#header .mobile-menu-toggle { display:none; }
#header .mobile-menu-toggle a { color:#252B69; font-size:30px; text-decoration:none; }
#header .mobile-menu-toggle a:hover { color:#18A7AA; }

/* Mobile Menu */
#mobile-menu { background-color:#fff; bottom:0; overflow-x:hidden; padding-top:66px; position:fixed; left:0; transition:width 0.3s; top:0; width:0; z-index:11; }
.admin-bar #mobile-menu { top:32px; }

#mobile-menu .close { color:#252B69; display:block; position:absolute; top:15px; right:15px; width:36px; height:36px; text-align:center; text-decoration:none; }
#mobile-menu .close::before { content:'\f00d'; font-family:'Font Awesome 6 Pro'; font-size:24px; font-weight:300; line-height:36px;  }
#mobile-menu .close:hover { color:#18A7AA; }

#mobile-menu .menu ul { list-style-type:none; margin-bottom:0; padding-left:0; }
#mobile-menu .menu ul li { font-size:16px; line-height:60px; white-space:nowrap; }
#mobile-menu .menu ul li a { color:#252B69; display:block; overflow:hidden; padding:0 15px; text-decoration:none; text-overflow:ellipsis; transition:background-color 0.6s, color 0.6s; }
#mobile-menu .menu ul li a:hover, #mobile-menu .menu ul li.active > a { background-color:#18A7AA; color:#fff; }

#mobile-menu .menu ul li.menu-item-has-children > a { padding-right:0; }

#mobile-menu .menu ul li a .sub-menu-toggle { display:block; font-size:18px; float:right; height:60px; margin-left:15px; text-align:center; transition:background-color 0.6s; width:60px; }
#mobile-menu .menu ul li a .sub-menu-toggle::before { content:'\f105'; font-family:'Font Awesome 6 Pro'; }
#mobile-menu .menu ul li.active > a .sub-menu-toggle::before { content:'\f107'; }
#mobile-menu .menu ul li a .sub-menu-toggle:hover { background-color:rgba(0, 0, 0, 0.1); }

#mobile-menu .menu .sub-menu { background-color:#fff; display:none; }
#mobile-menu .menu .sub-menu li { font-size:14px; }

/* Subheader */
#subheader { background:#252B69 url('img/waves.svg') no-repeat bottom center; background-size:100% 90px; height:360px; position:relative; }

#subheader .content { position:absolute; text-align:center; top:50%; left:50%; transform:translate(-50%, -50%); width:100%; }

#subheader h1 { background-color:#19a7aa; color:#fff; display:inline-block; font-size:42px; font-weight:700; line-height:1; margin-bottom:0; padding:18px 24px; text-transform:uppercase; }

/* Body */
#body { padding:90px 0; }
.home #body { padding-top:0; }

.h-captcha, .frm_submit { text-align:center; }

#content > *:last-child, .siteorigin-widget-tinymce > *:last-child { margin-bottom:0; }

/* News */
.news-posts { border-bottom:1px solid #ddd; padding-bottom:60px; }

.news-post { border-top:1px solid #ddd; display:flex; align-items:center; margin-top:60px; padding-top:60px; }
.news-post:first-child { margin-top:0; }

.news-post .date { align-self:flex-start; padding-right:60px; text-align:center; width:160px; }

.news-post .date .date-container { background-color:#252B69; color:#fff; display:inline-block; padding:15px 30px; text-align:center; text-transform:uppercase; width:100px; }
.news-post .date .date-container span { display:block; }
.news-post .date .date-container .day { font-size:30px; font-weight:700; line-height:1; }

.news-post .content .title { font-size:24px; line-height:1.3; margin-bottom:15px; }
.news-post .content .title a { color:#252B69; text-decoration:none; }

.news-post .content .source { font-style:italic; margin-bottom:15px; }

.news-post > *:last-child { margin-bottom:0; }

#news-post-title { border-bottom:1px solid #ddd; margin-bottom:30px; padding-bottom:30px; }
#news-post-title h1 { margin-bottom:15px; }

/* Pagination */
.pagination { font-size:0; margin-top:60px; text-align:center; }
.pagination .page-numbers { border:1px solid #ddd; border-radius:3px; color:#252B69; display:inline-block; font-size:14px; font-weight:700; margin:0 6px; width:36px; height:36px; line-height:34px; text-align:center; transition:background-color 0.3s, border-color 0.3s, color 0.3s; }
.pagination a.page-numbers { text-decoration:none; }
.pagination .page-numbers.current, .pagination a.page-numbers:hover { background-color:#18A7AA; border-color:#18A7AA; color:#fff; }

/* Footer */
#footer { background-color:#252B69; padding:60px 0; }

#footer .logo { margin:0 auto 30px; width:300px; max-width:100%; }
#footer .logo img { display:block; }

#footer .copyright { color:#fff; font-size:12px; text-align:center; }

/* Media Queries */
@media (max-width:991px) {
	.show-mobile-menu #page { position:fixed; width:100%; }

	.show-mobile-menu #overlay { display:block; }

	/* Header */
	#header { padding:15px 0; }

	#header .menu { display:none; }

	#header .mobile-menu-toggle { display:block; }

	/* Mobile Menu */
	.show-mobile-menu #mobile-menu { width:360px; }

	/* Subheader */
	#subheader { background-size:100% 60px; height:300px; }

	#subheader h1 { font-size:30px; }

	/* News */
	.news-post { display:block; }

	.news-post .date { margin-bottom:30px; padding-right:0; width:auto; }

	.news-post .content { text-align:center; }
}

@media (max-width:782px) {
	/* Header */
	.admin-bar #header.fixed { top:46px; }

	/* Mobile Menu */
	.admin-bar #mobile-menu { top:46px; }
}

@media (max-width:767px) {
	.container { padding:0 15px; }
}

@media (max-width:600px) {
	/* Header */
	.admin-bar #header.fixed { top:0; }
}

@media (max-width:575px) {
	.alignleft, .alignright { display:block; float:none; margin:0 0 30px; }

	/* Mobile Menu */
	.show-mobile-menu #mobile-menu { width:100%; }
}