/*
	Theme Name: v215 Child
	Template:v215
	Author:The 215 Guys
	Author URI: https://www.the215guys.com
	Version: 1
*/

:root {
	--yellow: #FFC600;
	--blue: #07294d;
}

#header .header-cta a {color: var(--blue);}
#header .header-cta span {background: var(--yellow);padding: 12px 24px;border: 2px solid var(--yellow);border-radius: 8px;transition: .5s;}
#header .header-cta span:hover {background: var(--blue); color: white;border-color: var(--blue);}
#header .header-search span {color: white;background: var(--blue);border-radius: 100%;width: 44px;height: 44px;text-align: center;display: grid;align-items: center; transition: .5s;}
#header .header-search span:hover {background: var(--yellow); color: var(--blue);}
#header .menu-item a {padding-left: 10px; padding-right: 10px;}
#header .header-img {position: absolute;}
#header.scrolled .header-img a {height: 80px;}
#header .header-img a {position: relative;height: 100px;display: grid;align-items: center;}
#header .header-img img {display: block;max-height: 42px;}
#header .sub-menu li {padding: 0 !important;}
#header .sub-menu > .menu-item > a {padding: 10px 0;}
#header .header-bottom .sub-menu > .menu-item > a:hover {background: var(--blue);color: white;}
#header .current-menu-ancestor > a, #header .current-menu-parent > a, #header .current-menu-item > a {font-weight: 700; color: var(--blue);}
#header .sub-menu {width: 248px;}
#header.scrolled {border-bottom: 1px solid var(--blue);}

.page-module #content .jawn_image img {max-height: 400px;object-fit: contain;}
.page-module .title-area h4 {color: white; font-size: 36px; line-height: 46px;}
.page-module .jawn-itr .itr-image-side {text-align: center;}
.page-module .jawn-itr .itr-image-side img {width: 100%;max-height: 400px;object-fit: contain;}
.page-module .itr-content-side.align_left {flex-basis: 100%;}
.page-module .caption p {font-size: 14px; line-height: 22px; color: #555;font-style: italic;}
.page-module .flex-image .jawn_col_inner-inner > * > * {width: auto; height: 100%;}
.page-module .flex-image .jawn_col_inner-inner img {height: 100%; object-fit: cover !important;}
.page-module .flex-image.object-contain .jawn_col_inner-inner img {object-fit: contain !important;}

body:not(.home):not(.page-id-172):not(.page-id-143):not(.page-id-134) h2, 
body:not(.home):not(.page-id-172):not(.page-id-143):not(.page-id-134) h2 a, 
body:not(.home):not(.page-id-172):not(.page-id-143):not(.page-id-134) h3, 
body:not(.home):not(.page-id-172):not(.page-id-143):not(.page-id-134) h3 a,
body:not(.home):not(.page-id-172):not(.page-id-143):not(.page-id-134) h3 strong,
body:not(.home):not(.page-id-172):not(.page-id-143):not(.page-id-134) h2 strong {font-weight: 500 !important; font-size: 50px; line-height: 60px;color: #0039bf;}

body:not(.home):not(.page-id-172):not(.page-id-143):not(.page-id-134) h2:not(:first-child),
body:not(.home):not(.page-id-172):not(.page-id-143):not(.page-id-134) h3:not(:first-child) {margin-top: 30px;}

.translatepress-es_MX #header .menu-item a {font-size: 17px;}

.title-area {background-position: center 10% !important;}

.staff-grid {display: grid;grid-template-columns: 1fr 1fr 1fr;gap: 30px;}
.staff-grid img {width: 100%; margin-bottom: 10px;}
.staff-grid .bio {transition: .5s; overflow: hidden;max-height: 0;}
.staff-grid .jawn_button:hover + .bio, .staff-grid .bio.is-active {max-height: 300px;}
.staff-grid h3 {margin-bottom: 10px;}
.staff-grid .jawn_button {margin-bottom: 10px;}
.staff-grid .jawn_button.is-active {background: var(--blue); color: white;border-color: var(--blue);}
.staff-grid .jawn_button:after {content: '\f078';font-family: 'Font Awesome 5 Free';font-weight: 900;margin-left: 10px;}
.staff-grid .jawn_button.is-active:after {content : '\f077';}

.cta .container {background: var(--blue);max-width: 1100px;padding: 50px;border-radius: 16px;background-image: url(/wp-content/uploads/2025/10/cta-1.png);background-size: cover;}
.cta h2 {color: white; text-align: left;max-width: 450px;}
.cta .cta-bottom {text-align: left;}
.cta img {position: absolute;right: 5%;bottom: 0;}
.cta {margin-bottom: -200px;}

#fullscreen-search {background: rgb(7, 41, 77, .9);position: fixed;top: 0;left: 0;width: 100%;height: 0;z-index: 99999; overflow: hidden;transition: .5s;display: grid;align-items: center;text-align: center;}
#fullscreen-search.is-active {height: 100%;}
#fullscreen-search .search-close {background: white;color: var(--blue);width: 40px;text-align: center;font-size: 24px;border-radius: 100%;line-height: 37px;position: absolute;right: 30px;top: 30px;cursor: pointer;height: 40px;transition: .5s;border: 2px solid white;}
#fullscreen-search .search-close:hover {background: transparent; color: white;}
#fullscreen-search h2 {color: white;margin-bottom: 20px;}
#fullscreen-search label {position: absolute;visibility: hidden;width: 0;height: 0;overflow: hidden;z-index: -999;}
#fullscreen-search input {height: 45px;padding: 12px 12px 14px 12px;border-radius: 6px;border: 0;box-shadow: none;outline: 0;width: 250px;font-family: inherit;font-size: 16px;}
#fullscreen-search form button {background: var(--yellow);height: 45px;width: 45px;border-radius: 100%;color: var(--blue);outline: 0;border: 2px solid var(--yellow);margin-left: 10px;position: relative;top: -1px;cursor: pointer;font-size: 18px;transition: .5s;}
#fullscreen-search form button:hover {background: transparent; color: var(--yellow);}

.search .search-holder {display: block; padding-bottom: 30px;}
.search .search-item:not(:last-child) {margin-bottom: 40px; padding-bottom: 40px; border-bottom: 1px solid #ddd;}
.search .search-title a {font-size: 35px;line-height: 45px;}
.search .search-title a:hover {opacity: .75;}
.search-item .search-image {width: 300px;}
.search-holder .search-item {display: flex; gap: 30px;align-items: center;}

.search-results .blog-pagination {margin-top: 0; padding-bottom: 50px;}
.search-results .blog-pagination .jawn_button {min-width: 110px;}

body:not(.home) .cta {display: none;}
body:not(.home) .footer-top-inner {padding-top: 50px;}

#footer .widget:first-child img {max-height: 54px;}
#footer .footer-info {margin-top: 30px;}
#footer .footer-info a:not(:last-child) {margin-right: 30px;}
#footer .footer-info i {color: var(--blue);margin-right: 7px;}
#footer .footer-social {margin-top: 20px;}
#footer .footer-social i {transition: .5s; width: 38px;line-height: 38px;background: #D9D9D9;border-radius: 100%;color: var(--blue);}
#footer .footer-social i:hover {background: var(--blue); color: white;}
#footer .footer-social a:not(:last-child) {margin-right: 15px;}
#footer .col-1 .widget:nth-child(3) {font-size: 12px;line-height: 18px;}

body.login h1 a {background-image: url(/wp-content/uploads/2025/12/logo-6.png);margin: 0 0 20px 0;width: 100%;height: 70px;background-size: contain;}
body.login {background-image: url(https://oie.devjawn.com/wp-content/uploads/2025/10/module-bg.jpg); background-size: cover;}
body.login form#loginform {border-radius: 8px;}
body.login input#wp-submit {transition: .5s; background: var(--yellow);line-height: 48px;font-family: inherit;font-size: 16px;display: block;width: 100%;margin-top: 5px;color: var(--blue);padding: 0 25px;border-radius: 8px;border: 2px solid var(--yellow);font-weight: 500;}
body.login input#wp-submit:hover {color: white; border-color: var(--blue); background: var(--blue);}
body.login .privacy-policy-page-link,
body.login .language-switcher {display: none;}

@media (max-width: 1800px) {
	#header .header-bottom .container {max-width: 100%; padding: 0 30px;}
	#header .header-bottom .menu-holder {padding-right: 150px;}
}
@media (max-width: 1525px) {
	#header .header-bottom .menu-item a {font-size: 16px;}
}
@media (max-width: 1400px) {
	#header .header-bottom .logo-holder {height: 80px;align-self: center;}
	#header .header-bottom .menu-item a {font-size: 15px;}
	#header .header-bottom .header-cta span {padding: 12px;}
}
@media (max-width: 1260px) {
	#header .header-bottom .menu-holder {padding-right: 100px;}
	#header .header-bottom .logo-holder {height: 70px;}
	#header .header-bottom .menu-item a {padding-left: 5px;padding-right: 5px;}
	#header .header-bottom .header-search span {width: 30px; height: 30px;}
}
@media (max-width: 1100px) {
	#header .header-bottom .menu-holder {padding-right: 80px;}
	#header .header-bottom .logo-holder {height: 60px;}
	
	.cta .container {max-width: calc(100% - 60px);}
}
@media (max-width: 1023px) {
	#mobile-header {background: white;}
	#header .sub-menu .menu-item a {padding-top: 5px;padding-bottom: 5px;text-align: left;padding-left: 15px;}
	#header .menu-item-has-children .sub-menu {overflow: hidden;transition: .5s;}
	#header .menu-item-has-children[aria-expanded="false"] .sub-menu {max-height: 0;}
	#header .menu-item-has-children[aria-expanded="true"] .sub-menu {max-height: 500px;}
	#header .menu-holder {max-height: calc(100vh - 100px - 150px);overflow: auto;box-shadow: 0 10px 10px rgb(0, 0, 0, .1);}
	#header .header-img {display: none !important;}
	#header .header-search {margin-bottom: 16px;}
	#header .menu-item-has-children > a:after {content: '\f078';font-family: 'Font Awesome 5 Free';font-weight: 900;position: absolute;right: 0;}
	#header .menu-item-has-children[aria-expanded="true"] > a:after {content: '\f077';}
	
	#content h2 {font-size: 40px; line-height: 50px;}
	
	.staff-grid h3 {font-size: 25px; line-height: 35px;}
	
	.cta h2 {max-width: 285px; font-size: 36px; line-height: 46px;}
	
	#footer .footer-bottom-inner {padding-bottom: 60px;}
}

@media (max-width: 767px) {
	.title-area {min-height: 250px;height: auto !important;padding: 30px 0;}
	
	#content h1 {font-size: 50px; line-height: 60px;}
	
	.staff-grid {grid-template-columns: 1fr;}
	
	#content .jawn_button:not(:last-of-type) {margin-bottom: 10px;}
	#content .jawn_button {white-space: normal;line-height: 26px;padding: 12px 24px;text-align: center;}
	
	.jawn_text_block a {word-break: break-word;}
	
	.jawn_raw > div {padding-top: 200px !important;}
	.jawn_raw > iframe {width: 100%;}
	
	.flex-image .jawn_col_inner-inner {flex-wrap: wrap;}
	
	.jawn_col_inner:not(:last-child) {margin-bottom: 30px;}
	
	.cta {padding-top: 0;}
	.cta img {display: none;}
	.cta .container {padding: 30px;}
	
	#footer .footer-info a:not(:last-child) {margin-right: 0;display: block;margin-bottom: 10px;}
	#footer .col-1 {padding-left: 0;padding-right: 0;}
	#footer .footer-bottom p {font-size: 14px;line-height: 24px;}
}