/*
	Theme Name: v215 Child
	Template:v215
*/

:root {
	--orange: #FF2801;
	--blue: #019DE7;
	--grey: #4e5f67;
}

#header:not(.scrolled) .header-bottom .logo-holder {height: 101px; margin-bottom: -2px;}
#header:not(.scrolled) .header-bottom .menu-holder {align-self: flex-end;}
#header .header-bottom .menu-item:last-child a {padding-right: 0;}
#header .sub-menu a {color: white;}
#header .current-page-ancestor > a, #header .menu-item:hover > a, #header .current-menu-item > a {color: var(--blue);}
#header .sub-menu {text-align: left; padding-left: 15px; padding-right: 15px;}

#header .logo-holder:not(.custom-header) img {padding-bottom: 0;}

.works-grid {display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; text-align: center;}
.works-grid img {transition: .5s; filter: brightness(1); aspect-ratio: 640/416; object-fit: cover;}
.works-grid img:hover {filter: brightness(.6);}
.works-grid .post-item h4, .works-grid h4 a {text-align: left; color: white; text-transform: uppercase; font-weight: 800;}
.works-grid .post-item .date {text-align: left; font-weight: 500; color: white; opacity: .75; font-size: 18px;}
.works-grid .post-item p {margin-bottom: 0 !important;}
.works-grid .post-item p a {color: inherit;}
.works-grid .post-item p a:hover {color: var(--blue);}
.works-grid .work-image {position: relative; z-index: 1; margin-right: 30px;display: inline-block;}
.works-grid .work-content {display: block;background: #111;padding: 40px 20px 20px 20px;top: -20px;margin-left: 30px;position: relative;}
.works-grid .post-item .work-content:hover {background: var(--blue);}

.featured-works-grid {display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; text-align: center;}
.featured-works-grid img {transition: .5s; filter: brightness(1); aspect-ratio: 640/416; object-fit: cover;}
.featured-works-grid img:hover {filter: brightness(.6);}
.featured-works-grid .post-item .title {margin-top: 10px;}
.featured-works-grid .post-item .title:hover a {color: var(--blue);}
.featured-works-grid .post-item .date {font-weight: 500; color: var(--grey); font-size: 18px;}
.featured-works-grid .post-item p {margin-bottom: 0 !important;}
.featured-works-grid .post-item p a {color: inherit;}
.featured-works-grid .post-item p a:hover {color: var(--blue);}

.staff-grid {display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; text-align: center;}
.staff-grid img {transition: .5s; filter: brightness(1); aspect-ratio: 1/1; object-fit: cover;}
.staff-grid .with-bio img:hover {filter: brightness(.6); cursor: pointer;}
.staff-grid .post-item .title {display: inline-block; margin-top: 10px;}
.staff-grid .with-bio .title:hover a {color: var(--blue); cursor: pointer;}
.staff-grid .post-item .date {font-weight: 500; color: var(--grey); font-size: 18px;}
.staff-grid .post-item p {margin-bottom: 0 !important;}
.staff-grid .post-item p a {color: inherit;}
.staff-grid .post-item p a:hover {color: var(--blue);}
.staff-grid .email a {opacity: .8;}
.staff-grid .email a:hover {opacity: 1;}

.staff-lightbox-overlay {position: fixed;top: 0;left: 0;width: 100%;height: 100%;z-index: 9999;background: rgb(0,0,0,.7);}
.staff-lightbox-overlay .lightbox-container {width: 100%; background: white;max-width: 1000px;position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);padding: 75px;}
.staff-lightbox-overlay #modal_close {outline: none !important; cursor: pointer; transition: .5s; position: absolute;top: 0;right: 0;width: 40px;height: 40px;background: var(--grey);color: white;border: 0;font-size: 25px;}
.staff-lightbox-overlay #modal_close:hover {background: var(--blue);}

.shortquotes-grid {display: grid; grid-template-columns: 1fr 1fr; gap: 40px 70px;}
.shortquotes-grid .title a {position: relative; z-index: 1; color: white;font-size: 20px;background: var(--grey); padding: 30px 40px; display: block;}
.shortquotes-grid .title a:hover {background: var(--blue);}
.shortquotes-grid .author a {background: #111;color: white;display: block;padding: 46px 30px 20px;font-size: 18px;margin-top: -30px;margin-right: -30px;margin-left: 30px;}

.news-grid .post-item {display: grid;grid-template-columns: 1fr 2fr;gap: 30px;align-items: center;}
.news-grid .post-item:not(:last-child) {margin-bottom: 40px;border-bottom: 1px solid rgba(204, 204, 204, 0.6);padding-bottom: 40px;}
.news-grid a {color: #333;}
.news-grid h2 {transition: .5s;font-weight: 800;text-transform: uppercase;}
.news-grid a:hover h2 {color: var(--orange);}
.news-grid a:hover img {filter: brightness(.6);}
.news-grid img {filter: brightness(1); transition: .5s;}
.news-grid .date {color: #778C9A;}
.news-grid .date a {color: var(--blue);}

.news-grid.blog .post-item {display: flex;}
.news-grid.blog .post-item > *:first-child {flex: 1;}
.news-grid.blog .post-item > *:last-child {flex: 2;}

.single-works #hero .container {max-width: 1300px;}
.single-works #hero .body-text {min-height: 0;height: 100%;background: var(--orange);padding: 40px;color: white;font-size: 22px;line-height: 30px;width: 35.7%;top: -60px;left: 30px;z-index: 1;position: relative;}
.single-works #hero .subnav {margin-top: -20px; width: calc(100% - 30px);margin-left: auto;background-color: var(--orange);padding: 40px;font-size: 20px;}
.single-works #hero .subnav {color: white; font-size: 20px;}
.single-works #hero .subnav a {color: white;line-height: 1.5;}
.single-works #hero .subnav a:hover {color: var(--orange);}
.single-works #hero .subnav a:not(:last-child) {margin-bottom: 4px;display: inline-block;}
.single-works #hero .page-title-box {background: #111111;padding: 30px;width: calc(100% - 5px);margin-right: auto;margin-left: -30px;}
.single-works #hero .page-title-box h2 {text-transform: uppercase; margin-bottom: 5px; font-size: 38px;line-height: 48px;font-weight: 800;color: white;}
.single-works #hero .page-title-box p {margin-bottom: 10px; color: #d4d8da;font-size: 22px;line-height: 1.36;}
.single-works .page-title-box h2 span {font-size: 24px;line-height: 34px;}
.single-works #hero .info p {font-weight: 800; color: white; font-size: 14px; line-height: 20px}
.single-works .related-staff {margin-top: 30px;}
.single-works .related-staff h2 {border-bottom: 1px solid rgba(80, 94, 103, 0.4);}
.single-works #hero .jawn_image .inner, .single-works #hero img {width: 100%;aspect-ratio: 2/1;object-fit: cover;}
.single-works .staff-grid {margin-top: 30px;}
.single-works #media h3 {border-bottom: 1px solid rgba(80, 94, 103, 0.4);}
.single-works .hidden {visibility: hidden;}
.single-works .embed_video {display: grid; grid-template-columns: 1fr 1fr; gap: 30px;}
.single-works .embed_video iframe {aspect-ratio: 4 / 3;height: 100%;width: 100%;background: black;}

.single-post .post-title {font-size: 38px;line-height: 48px;text-transform: uppercase;color: black;font-weight: 800;}
.single-post .hero {display: flex; grid-template-columns: 1fr 1fr; align-items: center; gap: 50px;}
.single-post .hero > * {flex: 1;}
.single-post .hero img {width: 100%;}
.single-post iframe {width: 100%;}
.single-post .gallery-image img {aspect-ratio: 4 / 3;object-fit: cover;}

#footer .col-1 p {padding: 20px; border: 2px solid rgba(185,191,194,0.4);}
#footer .col-1 p:not(.active) {display: none;}

#footer-global {display: grid;grid-template-columns: auto auto;gap: 20px;justify-content: space-between; padding-top: 30px; padding-bottom: 50px;}
#footer-global p {color: white; line-height: 24px;}
#footer-global i {font-size: 22px;}
#footer-global a {color: white;}
#footer-global a:not(:last-child) {margin-right: 10px;}
#footer-global a:hover {color: #ff2801;}
#footer-global p a {color: #aaa;}

#footer-school .login span:not(:last-child) {margin-right: 20px;}
#footer-school .socials {text-align: right;}
#footer-school .socials a:not(:last-child) {margin-right: 10px;}
#footer-school a {color: white;}
#footer-school a:hover {color: #ff2801; border-color: #ff2801 !important;}
#footer-school i {font-size: 20px;}
#footer-school .socials a {border: 2px solid white;width: 40px;height: 40px;display: inline-block;text-align: center;border-radius: 100%;padding: 7px;}
#footer-school {display: grid;grid-template-columns: auto auto;gap: 20px;justify-content: space-between; padding-top: 30px; padding-bottom: 50px;align-items: center;}
#footer-school img {max-width: 400px; width: 100%;}
#footer-school p {color: white;}
#footer-school .login {text-align: right;}
#footer-school div > p:first-child {margin-bottom: 30px;}

@media (max-width: 1300px) and (min-width: 1024px) {
	#header .menu-item a {padding-left: 10px; padding-right: 10px; font-size: 16px;}
	#header:not(.scrolled) .logo-holder:not(.custom-header) {height: 90px !important;align-self: flex-end;}
}

@media (max-width: 1100px) and (min-width: 1024px) {
	#header .menu-item a {padding-left: 8px; padding-right: 8px; font-size: 15px;}
	#header:not(.scrolled) .logo-holder:not(.custom-header) {height: 80px !important;}
	#header:not(.scrolled) .logo-holder.custom-header {height: 90px !important; align-self: center;}
}

@media (max-width: 1023px) {
	#mobile-header {background: white;}
	#mobile-header .sub-menu .menu-item a {color: #111;}
	#mobile-header .sub-menu {padding-left: 30px;}
	
	.shortquotes-grid {grid-template-columns: 1fr;width: calc(100% - 20px);}
	
	.single-post .hero {gap: 20px;}
	.single-post .post-title {font-size: 32px;line-height: 38px;}
	
	.works-grid {grid-template-columns: 1fr 1fr;}
}

@media (max-width: 767px) {
	#header .logo-holder:not(.custom-header) {height: 64px !important;}
	#header .logo-holder.custom-header {height: 80px;}
	#mobile-header .menu-item a {font-size: 16px; line-height: 26px;}
	#mobile-header .sub-menu li {padding-top: 0; padding-bottom: 0;}
	#header .menu-item a {padding-bottom: 3px; padding-top: 3px;}
	#header .custom-header .menu-holder {height: calc(100vh - 80px);overflow: auto;}
	
	.featured-works-grid {grid-template-columns: 1fr;}
	
	.staff-grid {grid-template-columns: 1fr;}
	
	.single-works #hero .subnav {margin-top: 0;width: 100%;}
	.single-works #hero .page-title-box {width: 100%;margin-left: 0;}
	.single-works #hero .row_margin {display: flex;flex-wrap: wrap;}
	.single-works #hero .row_margin > div:first-child {order:2; width: 100%;}
	#hero .page-title-box h2 {font-size: 32px !important; line-height: 42px !important;}
	
	.single-works .embed_video {grid-template-columns: 1fr;}
	.single-works .grid-gallery.cols-3 .gallery-image {width: calc(100% / 2);}
	
	.staff-lightbox-overlay .lightbox-container {padding: 30px; font-size: 12px;line-height: 20px;}
	
	.single-post .hero {grid-template-columns: 1fr;gap: 0px;}
	.single-post .post-title {font-size: 28px;line-height: 36px;}
	
	.news-grid .post-item {grid-template-columns: 1fr;}
	
	.works-grid {grid-template-columns: 1fr;}
	
	#footer .footer-bottom-inner {display: grid;}
	#footer .footer-bottom-inner > * {float: none; width: 100%; text-align: center;}
	#footer .footer-bottom-inner p {font-size: 12px; line-height: 20px;}
	#footer-global {grid-template-columns: 1fr;text-align: center;}
	#footer-school {grid-template-columns: 1fr;}
	#footer-school {text-align: center;}
	#footer-school .login {text-align: center;}
}