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

#header .logo-holder {height: 75px;align-self: center;}
#header .header-button {padding: 15px 25px;display: inline-block;}

#content h1 strong {font-weight: 600;}

.jawn_separator.sep_full {width: 100%;}

strong {font-weight: 700;}

.with-arrow a:after {content: '\f061';font-weight: 900;font-family: 'Font Awesome 5 Free';margin-left: 10px;}

.solutions-grid {display: grid;grid-template-columns: repeat(3, 1fr);gap: 30px;}
.solutions-grid .solution-title {margin-top: 15px;}
.solutions-grid a {color: #111;}
.solutions-grid a:hover {color: #555;}
.solutions-grid img {transition: .5s;aspect-ratio: 345/319; width: 100%; object-fit: cover;}
.solutions-grid a:hover img {filter: brightness(.6);}
.solutions-grid {text-align: left;}
.solutions-grid .solution-abstract {color: #666;}

.portfolio-grid img {max-width: 36px; aspect-ratio: 1/1; width: 100%;object-fit: contain; margin-bottom: 15px;}
.portfolio-grid .portfolio-item {transition: .5s; border: 1px solid #E6E6E6;padding: 30px;}
.portfolio-grid .portfolio-body p {font-size: 16px;line-height: 26px; font-weight: 500; color: rgb(0,0,0,.5);}
.portfolio-grid .portfolio-title {transition: .5s; color: black; font-size: 25px;line-height: 35px;}
.portfolio-item .portfolio-body p strong {font-weight: 700;}
.portfolio-item .location {font-size: 22px; line-height: 32px;margin-bottom: 0 !important; font-style: italic;}
.portfolio-grid .grid-sizer,
.portfolio-grid .portfolio-item {width: calc(25% - 15px); box-sizing: border-box;margin-bottom: 20px;}
.portfolio-filters .filter-button {text-transform: uppercase; letter-spacing: 3px; background: transparent;border: 0;padding: 12px 25px;font-size: 14px;font-family: inherit;cursor: pointer;font-weight: 500;transition: .5s;color: black;border: 2px solid black;}
.portfolio-filters {display: flex;justify-content: center;gap: 10px;flex-wrap: wrap;margin-bottom: 40px;max-width: 1065px;margin-left: auto;margin-right: auto;}
.portfolio-filters .filter-button.active {background: black; color: white;}
.portfolio-filters .filter-button:not(.active):hover {color: black;}
.portfolio-grid .jawn_button:hover {border-color: white !important;color: white !important;}
.portfolio-grid .portfolio-item:hover .portfolio-title {color: var(--color-magenta);}
.portfolio-grid .portfolio-item:hover {border-color: var(--color-magenta);}

.footer-contact {margin-bottom: 50px !important;}
.footer-contact i {position: absolute; left: 0; font-size: 20px; top: 4px;width: 20px;text-align: center;}
.footer-contact a {display: inline-block;position: relative; padding-left: 30px;}
.footer-contact div:nth-child(1) i {color: var(--color-magenta);}
.footer-contact div:nth-child(2) i {color: var(--color-blue);}
.footer-contact div:nth-child(3) i {color: var(--color-yellow);}
.footer-contact div {width: 33.33%;}
.footer-contact div:nth-child(2) {text-align: center;}
.footer-contact div:nth-child(3) {text-align: right;}

.footer-socials {display: flex; gap: 40px;}
.footer-socials i {font-size: 20px; line-height: 20px;}

#footer .col-1 .widget:nth-child(2) a {display: block;border-bottom: 1px solid white;padding-bottom: 10px;position: relative;}
#footer .col-1 .widget:nth-child(2) a:after {content: '\f061';font-weight: 900;font-family: 'Font Awesome 5 Free';position: absolute;right: 0;}
#footer .col-2 {text-align: center;}
#footer .col-2 > * {width: 100%;max-width: 190px;display: inline-block;text-align: left;}
#footer .col-3 {text-align: right;}
#footer .col-3 > * {width: 100%;max-width: 130px;display: inline-block;text-align: left;}

#footer .col-2 p, #footer .col-3 p {margin-bottom: 5px;text-transform: uppercase; }