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

:root {
	--blue: #01004C;
}

#header .header-bottom .logo-holder {height: 80px; align-self: center;}
#header .menu-holder {justify-self: center;grid-column: 1 / 3;}
#header .header-cta span {font-size: 18px;text-transform: uppercase; background: white;color: var(--blue);padding: 12px 24px;border: 1px solid white;border-radius: 30px;font-weight: 700; transition: .5s;}
#header .header-cta span:hover {background: transparent; color: white;}
#header .header-cta i {margin-left: 4px;}
#header .header-cta {position: absolute;	right: 0;}
#header .container {position: relative;}

.jawn_button:after {content: "\f061";font-family: 'Font Awesome 5 Free';margin-left: 8px;}

.project-grid {display: grid;grid-template-columns: repeat(4, 1fr);gap: 30px;}
.project-grid .project-item {outline: 2px solid var(--blue);outline-offset: -1px;border-radius: 32px;overflow: hidden; position: relative;}
.project-grid .project-title {position: absolute;top: 50%;left: 0;width: 100%;text-align: center;padding-left: 25px;padding-right: 25px; transform: translateY(-50%);}
.project-grid h3 a:after {content: "\f35d" !important;font-family: 'Font Awesome 5 Free';font-size: 22px;position: relative;top: -3px; margin-left: 10px;}
.project-grid h3 a {color: white; display: block; opacity: 0;}
/* .project-grid .project-thumb a:before {opacity: 0; content: ''; transition: .5s;position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: linear-gradient(to bottom, rgba(1, 0, 76, 0) 8%, rgba(1, 0, 76, 0.8) 80%);} */
.project-grid .project-thumb a:before {opacity: 0;content: '';transition: .5s;position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: rgba(1, 0, 76, 0.65);}
.project-grid .project-item:hover a, .project-grid .project-item:hover a:before {opacity: 1;}

.post-grid {display: grid;grid-template-columns: 1fr 1fr;gap: 30px;}
.post-grid img {aspect-ratio: 736 / 360;width: 100%;object-fit: cover;border-radius: 24px;overflow: hidden; transition: .5s; filter: brightness(1);}
.post-grid .post-item {border: 1px solid rgb(255,255,255,.3);border-radius: 24px;padding: 30px;text-align: left;}
.post-grid h3 {margin-top: 20px; font-size: 24px; line-height: 34px;}
.post-grid a {color: white;}
.post-grid a:hover {color: rgb(255,255,255,.7);}
.post-grid img:hover {filter: brightness(.6);}

body:not(.home) #footer {padding-top: 50px;}
#footer .footer-top-inner {border: 1px solid rgb(255, 255, 255, .3);border-radius: 24px;padding: 50px 30px;}
#footer .footer-top-inner > div {margin: 0;}
#footer p strong {font-weight: 700;text-transform: uppercase;color: white;}
#footer .col-1 img {max-width: 233px !important;}
#footer .col-1 {width: 290px;width: 100%;}
#footer .col-4 {margin-top: 50px;}
#footer .col-2 {width: 250px;width: 100%;}
#footer .col-2 > * {max-width: 190px;margin-left: auto;}
#footer .col-2 p:not(:last-child) {margin-bottom: 10px;}
#footer .col-2 a:before {content: "\f061";font-family: 'Font Awesome 5 Free';font-weight: 900;position: absolute;left: 0;}
#footer .col-2 a {position: relative;padding-left: 25px;}
#footer .col-3 {width: 100%;max-width: 430px;}
#footer .col-4 {width: 100%;max-width: 385px;}
#footer .footer-contact {margin-top: 20px;}
#footer .footer-contact p:not(:last-child) {margin-bottom: 20px;}
#footer .footer-contact a {position: relative;padding-left: 45px;display: inline-block;}
#footer .footer-contact i {position: absolute;left: 0;top: -5px;border: 1px solid;width: 35px;height: 35px;text-align: center;line-height: 35px;border-radius: 100%;}