/*
 * @author 			Steven Walters
 * @website			http://elephanteardesign.com
 * @description		custom CSS for EED
 * @version			1.0
 * Theme Name:		SCWEB Theme
 * Author:			Elephant Ear Design
 * Author URI:		http://elephanteardesign.com
 * Version:			1.0
 */

body, html {
	min-width: 320px;
}
body {
	margin: 0;
  font-family: "Source Sans 3", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
	font-size: 1em;
	/*letter-spacing: 0.05em;*/
	overflow-x: hidden;
	background: #000;
	color: #fff;
	/*background: -webkit-linear-gradient(to right, #93291E, #ED213A);
	background: linear-gradient(to right, #93291E, #ED213A);*/

	/*background: linear-gradient(to top, rgba(0,0,0,1) 0% ,rgba(0,0,0,1) 20% ,rgba(0,0,0,0) 100%);*/	
	min-width: 400px;
	min-height: 100vh;
}
* {
  box-sizing:border-box;
}
div, article {
	position: relative;
}
a {
	text-decoration: none;
	color: #ED1C24;
	font-weight: 400;
}

.section {
	width: 100vw;
	min-height: 100vh;
	padding: 80px 0;
}
.section-bg-white {
	background: rgba(255,255,255,0.98);
}
.section-bg-white * {
	color: #333;
}


header {
	z-index: 99;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	padding-top: 20px;
}
header.fixed {
	position: fixed;
}
header.admin {
	padding-top: 50px;
}
header .container {
	transition-property: all;
	--tw-ease: var(cubic-bezier(0, 0, .2, 1));
    transition-timing-function: var(cubic-bezier(0, 0, .2, 1));
	--tw-duration: .5s;
    transition-duration: .5s;	
	border: 2px solid transparent;
	border-radius: 40px;
	justify-content: space-between;
	align-items: center;  
	gap: 16px; 
	padding-inline: calc(.25rem * 5);
	display: flex;
	align-items: center;
	flex-wrap: nowrap;
	flex-direction:row;
	width: 1600px;
	margin: 0 auto;
	min-width: 400px;
	/*will-change: background, backdrop-filter, width, border-color, box-shadow;*/
}
header .container > div {
	transition: all .2s linear;
	padding: 5px 0;
}
header.fixed .container {
	background: rgba(255, 255, 255, 0.9); 
	backdrop-filter: blur(10px);
	-webkit-backdrop-filter: blur(10px);
	width: 960px;
	border-color: #ED1C24;
	box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px, rgba(0, 0, 0, 0.3) 0px 8px 16px -8px;
}
header a.logo {
	text-decoration: none;
	display: block;
	width: auto;
	height: 60px;
	transition: all .2s linear;
}
header a.logo svg {
	width: auto;
	height: 100%;
	fill: #fff;
}
header.fixed a.logo {
	height: 40px;
}
header.fixed a.logo svg {
	fill: #ED1C24;
}
/*header.fixed a.logo svg {
	fill: #ED1C24;
}*/
a.header-button {
	padding: 5px 40px 5px 25px;
	border-radius: 30px;
	background: rgba(0,0,0,0.9);
	color: #fff;
	text-decoration: none;
	display: inline-block;
	justify-content: center;
	line-height: 40px;
	box-shadow: 0px 4px 24px 0px rgba(255,255,255, 0.20), 0px 1px 6px 0px rgba(238,238,238, 0.30);
	white-space: nowrap;
	position: relative;
	transition: all .2s linear;
	font-weight: 400;
}

a.header-button svg {
	position: absolute;
	top: 14px;
	/*right: 35px*/
}
a:hover.header-button {
	background: rgba(200,14,23,1);
}
footer a.header-button {
	box-shadow: 0px 4px 24px 0px rgba(255,255,255, 0.10), 0px 1px 6px 0px rgba(238,238,238, 0.20);
}
footer a:hover.header-button {
	box-shadow: 0px 4px 24px 0px rgba(51,51,51, 0.10), 0px 1px 6px 0px rgba(0,0,0, 0.20);
}
.h-col-1, .h-col-3 {
	flex: 0 0 190px;
}
.h-col-2 {
	flex: 1;
	justify-content: center;
}
.h-col-3 {
	display: flex;
	justify-content: flex-end;
}
.h-col-4 {
	display: none;
	flex: 0 0 80px;
	justify-content: flex-end;
}
nav {
	display: flex;
	justify-content: center;
}
nav ul {
	list-style: none;
	margin: 0 auto;
	padding: 0;
	display: flex;
	justify-content: center;
	transition: all .2s linear;
}
nav li {
	display: flex;
	align-items: center;
}
nav a {
	text-decoration: none;
	padding: 10px 20px;
	color: #fff;
	font-size: 1.2em;
	font-weight: 500;
	font-family: "Montserrat", sans-serif;
}
nav a::after {
/*    content: '';
    display: block;
    width: 0;
    height: 5px;
    background: #fff;
    transition: width .3s;
	margin-top: 6px;*/
}
nav a:hover::after {
/*    width: 100%;
    transition: width .3s;*/
}
header.fixed nav a {
	color: #444;
}
header.fixed nav a::after {
    background: #ED1C24;
}



/* MOBILE NAV ********************/

.mobile-button button {
    outline: none;
    vertical-align: middle;
    padding: 0px 5px 0px 0px;
    cursor: pointer;
	background: none;
    border: none;
    width: 60px;
    display: inline-block;

}
.mobile-button button p {
	color: #fff;
	text-transform: uppercase;
	text-align: left;
	font-size: 0.75em;
}
.mobile-button button span {
    height: 4px;
    width: 100%;
    display: block;
    margin: 8px 0px;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
	background-color: #fff;
}
.mobile-button button span#line-3 {
    width: 45px;
    transition: all 0.25s;
}
.mobile-button:hover span#line-3 {
    width: 100% !important;
}
.mobile-button button:hover {
	/*color: #ADD7E6;*/
}
.mobile-button:hover span {
    /*background-color: #ADD7E6;*/
}
header.fixed .mobile-button button span {
	background-color: #ED1C24;
}
#mob-menu {
	position: fixed;
	display: none;
	width: 100vw;
	height: 100vh;
	backdrop-filter: blur(10px);
	-webkit-backdrop-filter: blur(10px);
	z-index: 9999;
	top: 0;
}
.menu-bg {
	background: #152331;  /* fallback for old browsers */
	background: -webkit-linear-gradient(to bottom, #000000, #152331);  /* Chrome 10-25, Safari 5.1-6 */
	background: linear-gradient(to bottom, #000000, #152331); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
	position:absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	opacity: 0.9;
	z-index: -1;
}
a.menu-close {
	display: block;
	position: absolute;
	top: 20px;
	right: 20px;
	width: 48px;
	height: 48px;
	cursor: pointer;
	z-index: 1;
}
a.menu-close svg {
	width: 100%;
	height: auto;
}
a.menu-logo {
	text-decoration: none;
	display: block;
	width: 250px;
	height: auto;
	margin-top: 10px;
	transition: all .2s linear;
}
a.menu-logo svg {
	width: 100%;
	height: auto;
	fill: #fff;
	transition: all .2s linear;
}
a:hover.menu-logo svg {
	fill: #ED1C24;
}
.menu-wrapper {
	width: 100%;
	height: 100%;
	display: flex;
	align-items: center;
}
.menu-container {
	margin: 50px;
	color: #fff;
	opacity: 0;
}
ul.menu-nav {
	list-style: none;
	margin: 30px 0 40px 0;
	padding: 0;
}
ul.menu-nav li {
	padding: 10px 0;
}
ul.menu-nav a {
	text-decoration: none;
	color: #fff;
	font-size: 2.5em;
	line-height: 1em;
	font-weight: 400;
	letter-spacing: -0.02em;
	transition: all .2s linear;
	text-shadow: 2px 3px 7px rgba(0,0,0,0.8);
	font-family: "Montserrat", sans-serif;
}
ul.menu-nav a:hover {
	color: #ED1C24;
}
@media only screen and (max-width: 1600px) {
	header .container {
		width: 100%;
	}
}
@media only screen and (max-width: 980px) {
	header.fixed .container {
		width: 92%;
	}
	header a.logo {
		height: 40px;
	}
	nav a {
		padding: 10px;
		font-size: 1.1em;
	}	
}
@media only screen and (max-width: 820px) {
	.h-col-1, .h-col-3 {
		flex: 0 0 0;
	}	
}
@media only screen and (max-width: 700px) {
	.h-col-1, .h-col-4 {
		flex: 0 0 80px;
		overflow: hidden;
	}
	.h-col-2 {
		display: none;
	}
	.h-col-3 {
		flex: 1;
		justify-content: center;
	}	
	.h-col-4 {
		display: flex;
	}	

	header svg path.logo-website, 
	header svg path.logo-design {
		display: none;
	}
	.mobile-button button {
		width: 40px;
	}
	.mobile-button button span#line-3 {
		width: 25px;
	}	
	
}
@media only screen and (max-width: 450px) {

}
/********************************************/
.bg-full {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	
}
.waves-bg {
	background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xml:space="preserve" id="svg1" width="3626.93" height="2428" viewBox="0 0 959.625 642.408"><defs id="defs1"><path id="SVGID_1_" d="M0 0h4000v2428H0z"/><path id="SVGID_00000031209446445669062340000006893807573111722142_" d="M363.129 0c145.681 405.636 370.392 316.239 892.675 246.671 593.31-79.026 678.652 383.972 976.667 1051.173C2519.785 1941.087 2790.436 1500.648 3626.93 2428h-277.618c-155.384-164.452-376.36-290.583-667.834-209.803-653.207 181.031-582.525 417.273-880.54-249.925S1417.58 838.073 824.272 917.099C377.094 976.663 148.064 1050.767 0 816.272V0Z"/><path id="SVGID_00000072999265289095779310000000102759174605443741_" d="M0 816.272C148.064 1050.768 377.094 976.663 824.272 917.1c593.308-79.027 678.651 383.974 976.666 1051.172s227.333 430.957 880.54 249.925c291.474-80.78 512.45 45.352 667.834 209.803H1433.647a17472 17472 0 0 1-23.597-52.606c-298.015-667.198-383.357-1130.198-976.667-1051.171-175.202 23.336-316.9 48.902-433.383 57.283Z"/><path id="SVGID_00000068668971586409906180000000077188919278388105_" d="M0 1381.505c116.483-8.38 258.181-33.946 433.383-57.283 593.31-79.027 678.652 383.973 976.667 1051.171a17224 17224 0 0 0 23.597 52.606H951.545c-143.543-256.326-316.775-395.12-663.296-348.965C180.041 2093.448 84.606 2108.717 0 2120.26Z"/><path id="SVGID_00000144323087308446880040000011771449671691169215_" d="M0 2120.26c84.606-11.543 180.041-26.812 288.249-41.224C634.77 2032.88 808.002 2171.674 951.545 2428H0Z"/></defs><g id="layer1" transform="translate(424.392 172.773)"><g id="g11" transform="translate(-424.392 -172.773)scale(.26458)"><g id="g2"><defs id="defs1-8"><path id="rect1" d="M0 0h4000v2428H0z"/></defs><clipPath id="SVGID_00000075158549064003004640000000725150075003486103_"><use xlink:href="%23SVGID_1_" id="use1" style="overflow:visible"/></clipPath><linearGradient id="SVGID_00000117673258268426443640000013717636214536343445_" x1="2324.035" x2="1774.508" y1="-211.057" y2="2205.676" gradientUnits="userSpaceOnUse"><stop id="stop1" offset="0" style="stop-color:%231d1616"/><stop id="stop2" offset="1" style="stop-color:%23000"/></linearGradient><path id="rect2" d="M0 0h4000v2428H0z" clip-path="url(%23SVGID_00000075158549064003004640000000725150075003486103_)" style="display:none;fill:url(%23SVGID_00000117673258268426443640000013717636214536343445_)"/></g><g id="g4"><defs id="defs2"><path id="path1" d="M363.129 0c145.681 405.636 370.392 316.239 892.675 246.671 593.31-79.026 678.652 383.972 976.667 1051.173C2519.785 1941.087 2790.436 1500.648 3626.93 2428h-277.618c-155.384-164.452-376.36-290.583-667.834-209.803-653.207 181.031-582.525 417.273-880.54-249.925S1417.58 838.073 824.272 917.099C377.094 976.663 148.064 1050.767 0 816.272V0Z"/></defs><clipPath id="SVGID_00000079454754646994955380000002402964699190151857_"><use xlink:href="%23SVGID_00000031209446445669062340000006893807573111722142_" id="use2" style="overflow:visible"/></clipPath><linearGradient id="SVGID_00000176732179461613856900000008566281725247659658_" x1="2048.666" x2="848.726" y1="1116.907" y2="2141.484" gradientUnits="userSpaceOnUse"><stop id="stop3" offset="0" style="stop-color:%238d1616"/><stop id="stop4" offset="1" style="stop-color:%231d1616"/></linearGradient><path id="rect4" d="M0 0h3626.93v2635.47H0z" clip-path="url(%23SVGID_00000079454754646994955380000002402964699190151857_)" style="fill:url(%23SVGID_00000176732179461613856900000008566281725247659658_)"/></g><g id="g6"><defs id="defs4"><path id="path2" d="M0 816.272C148.064 1050.768 377.094 976.663 824.272 917.1c593.308-79.027 678.651 383.974 976.666 1051.172s227.333 430.957 880.54 249.925c291.474-80.78 512.45 45.352 667.834 209.803H1433.647a17472 17472 0 0 1-23.597-52.606c-298.015-667.198-383.357-1130.198-976.667-1051.171-175.202 23.336-316.9 48.902-433.383 57.283Z"/></defs><clipPath id="SVGID_00000065068155779465487380000014011688779406425523_"><use xlink:href="%23SVGID_00000072999265289095779310000000102759174605443741_" id="use4" style="overflow:visible"/></clipPath><linearGradient id="SVGID_00000121239462468767219610000018138391324819425422_" x1="1751.065" x2="806.921" y1="1651.518" y2="2570.251" gradientUnits="userSpaceOnUse"><stop id="stop5" offset="0" style="stop-color:%23d74040"/><stop id="stop6" offset="1" style="stop-color:%238d1616"/></linearGradient><path id="rect6" d="M0 816.272h3349.313V2635.47H0z" clip-path="url(%23SVGID_00000065068155779465487380000014011688779406425523_)" style="fill:url(%23SVGID_00000121239462468767219610000018138391324819425422_)"/></g><g id="g8"><defs id="defs6"><path id="path3" d="M0 1381.505c116.483-8.38 258.181-33.946 433.383-57.283 593.31-79.027 678.652 383.973 976.667 1051.171a17224 17224 0 0 0 23.597 52.606H951.545c-143.543-256.326-316.775-395.12-663.296-348.965C180.041 2093.448 84.606 2108.717 0 2120.26Z"/></defs><clipPath id="SVGID_00000077307223040153820220000005423452064304719542_"><use xlink:href="%23SVGID_00000068668971586409906180000000077188919278388105_" id="use6" style="overflow:visible"/></clipPath><linearGradient id="SVGID_00000002385189635364088650000007130436111615962244_" x1="976.169" x2="350.606" y1="1484.54" y2="2333.731" gradientUnits="userSpaceOnUse"><stop id="stop7" offset="0" style="stop-color:%23f5c693"/><stop id="stop8" offset="1" style="stop-color:%23d74040"/></linearGradient><path id="rect8" d="M0 1245.195h1433.647V2428H0z" clip-path="url(%23SVGID_00000077307223040153820220000005423452064304719542_)" style="fill:url(%23SVGID_00000002385189635364088650000007130436111615962244_)"/></g><g id="g10"><defs id="defs8"><path id="path4" d="M0 2120.26c84.606-11.543 180.041-26.812 288.249-41.224C634.77 2032.88 808.002 2171.674 951.545 2428H0Z"/></defs><clipPath id="SVGID_00000062190962557561625510000013739985150178369931_"><use xlink:href="%23SVGID_00000144323087308446880040000011771449671691169215_" id="use8" style="overflow:visible"/></clipPath><linearGradient id="SVGID_00000122714585362789672280000014525612931821263772_" x1="833.677" x2="51.595" y1="1841.43" y2="2691.482" gradientUnits="userSpaceOnUse"><stop id="stop9" offset="0" style="stop-color:%23fff5b2"/><stop id="stop10" offset="1" style="stop-color:%23ea9374"/></linearGradient><path id="rect10" d="M0 2032.88h951.545V2428H0z" clip-path="url(%23SVGID_00000062190962557561625510000013739985150178369931_)" style="fill:url(%23SVGID_00000122714585362789672280000014525612931821263772_)"/></g></g></g></svg>');
	background-size: cover;
	background-repeat: no-repeat;
	background-position: right top;
	z-index: 1;
	opacity: 0.70;
}
.waves-bg-invert {
	transform: scaleY(-1);
	background-position: left top;
	display: none;
}
.waves-bg-invert-2 {
	transform: scaleX(-1);
	background-position: -120% top;
	background-size: auto 100%;
	opacity: 0.60;
	display: none;
}
.section-grad-top {
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	width: 100%;
	background: linear-gradient(to bottom, rgba(0,0,0,1) 0%,rgba(0,0,0,0.8) 40%,rgba(0,0,0,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	opacity: 0.9;
	z-index: 4;
	display: none;
}
.section-grad-bottom {
	position: absolute;
	left: 0;
	bottom: 0;
	height: 40%;
	width: 100%;
	background: linear-gradient(to top, rgba(0,0,0,1) 0%,rgba(0,0,0,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	opacity: 0.85;
	z-index: 4;
	display: none;
}		
	
    .hero-overlay {
      position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;

      
      /* Inset shadow creates the dark edges, 
         while pointer-events lets clicks pass through to content underneath */
      box-shadow: inset 0 0 100px rgba(0, 0, 0, 0.1);
      pointer-events: none; 
      
      z-index: 3; /* Keeps it on top of everything */
	  display: none;
    }
	
    .hero-overlay-left {
      position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	width: 60%;

	background: linear-gradient(to right, rgba(0,0,0,0.95) 0%,rgba(0,0,0,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
      opacity: 0.5;
      z-index: 4;
	  display: none;
    }
	
.section-grad-bottom {
	position: absolute;
	left: 0;
	bottom: 0;
	height: 40%;
	width: 100%;
	background: linear-gradient(to top, rgba(0,0,0,1) 0%,rgba(0,0,0,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	opacity: 0.85;
	z-index: 4;
	display: none;
}
#Home {
	display: flex;
	align-items: flex-end;
	color: #fff;
	padding: 0 5%;
	z-index: 1;
	padding-top: 180px;
}
#Home > section {
	flex-basis: 100%;
	min-height: 750px;
	position: relative;
	z-index: 5;
}
.hero-cols {
	display: flex;
	z-index: 20;
	align-items: flex-end;
}
.hero-cols .hero-col {
	flex-basis: 50%;
	padding-bottom: 80px;
}
.hero-cols .hero-col:last-child {
	align-self: center;
}
.hero-copy {
	/*padding-top: 100px*/;
}
.container-wrapper {
		width: 1600px;
		margin: 0 auto;
		height: 100%;
		display: flex;
		align-items: center;
		z-index: 10;
		padding: 0 5%;
}	
#Home, .container-wrapper {
	min-width: 400px;
}	

h1, h2, h3, h4, h5 , h6 {
	font-family: "Montserrat", sans-serif;
	text-shadow: 2px 3px 7px rgba(0, 0, 0, 0.8);
}
h1, h2, h3, h4, h5 , h6 {
	font-family: "Montserrat", sans-serif;
	text-shadow: 2px 3px 7px rgba(0, 0, 0, 0.8);
}
:is(h1, h2, h3, h4, h5 , h6, .no-shadow) {
	text-shadow: none;
}
h1 {
	font-size: 4em;
	line-height: 1.05em;
    font-style: normal;
	letter-spacing: .02em;
	padding: 0;
	margin: 0 0 30px 0;
}
h2 {
	font-size: 2.8em;
	line-height: 1.05em;
    font-style: normal;
	letter-spacing: .02em;
	padding: 0;
	margin: 80px 0;
	padding: 0 24%;
	text-align: center;
}
h2.h2-w-subtitle {
	margin-bottom: 0;
}
.hero-copy p:not(.hero-subtitle) {
	font-size: 1.2em;
	font-weight: 400;
	line-height: 1.2em;
}
p.hero-subtitle {
	font-size: 2em;
	font-weight: 100;
	line-height: 1.4em;
	margin-bottom: 10px;
}
p.section-subtitle {
	font-size: 2em;
	font-weight: 100;
	line-height: 1.4em;
	text-align: center;
	margin: 0 0 80px 0;
	padding: 0 24%;
}

a.button {
	padding: 5px 40px 5px 25px;
	border-radius: 30px;
	background: rgba(0,0,0,0.9);
	color: #fff;
	text-decoration: none;
	display: inline-block;
	justify-content: center;
	line-height: 40px;
	box-shadow: 0px 4px 24px 0px rgba(255,255,255, 0.20), 0px 1px 6px 0px rgba(238,238,238, 0.30);
	white-space: nowrap;
	position: relative;
	transition: all .2s linear;
	font-weight: 400;
	margin-top: 15px;
}

a.button svg {
	position: absolute;
	top: 14px;
	/*right: 35px*/
}
a:header-button {
	background: rgba(200,14,23,1);
}

.map-bg {

    position: absolute;
	top: 0;
	right: 5%;
	height: 100%;
	aspect-ratio: 1 / 1;
	display: none;
      
      z-index: 4; /* Keeps it on top of everything */
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#000000+0,000000+70,000000+100&0.65+0,0+70,0+100 */
	background: radial-gradient(ellipse at center, rgba(0,0,0,0.95) 0%,rgba(0,0,0,0) 70%,rgba(0,0,0,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}
@media only screen and (max-width: 1800px) {

	h1 {
		font-size: 3em;
		line-height: 1.05em;
	}
	p.hero-subtitle {
		font-size: 1.8em;
		font-weight: 200;
		line-height: 1.4em;
	}
}
@media only screen and (max-width: 1600px) {
	.container-wrapper {
		width: auto;
	}
	h2, p.section-subtitle {
		padding: 0 16%;
	}
}
@media only screen and (max-width: 1300px) {

	h1 {
		font-size: 2.5em;
		line-height: 1.05em;
	}
	p.hero-subtitle {
		font-size: 1.5em;
		font-weight: 300;
		line-height: 1.4em;
	}
	header .header-container {
		padding-top: 15px;
	}
	a.header-logo img {
		width: 350px;
	}
	#Home {
		padding-top: 140px;
	}	
	h2 {
		padding: 0%;
		font-size: 2.3em;
	}
	p.section-subtitle {
		font-size: 1.5em;
		font-weight: 300;
		line-height: 1.4em;
		margin: 0 0 40px 0;
		padding: 0%;
	}		
	
}
@media only screen and (max-width: 900px) {
	h1 {
		font-size: 1.8em;
		line-height: 1.05em;
	}
	p.hero-subtitle {
		font-size: 1.4em;
		font-weight: 300;
		line-height: 1.4em;
	}
	.hero-cols {
		align-items: center;
	}	
	.hero-cols .hero-col:first-child {
		flex-basis: 40%;
	}
	.hero-cols .hero-col:last-child {
		flex-basis: 60%;
	}
	h2 {
		font-size: 1.5em;
		margin: 40px 0;
	}
	p.section-subtitle {
		font-size: 1.4em;
		font-weight: 300;
	}		
	
}
@media only screen and (max-width: 700px) {
	h1 {
		font-size: 1.5em;
		line-height: 1.05em;
	}
	p.hero-subtitle {
		font-size: 1.2em;
		font-weight: 300;
		line-height: 1.4em;
	}
	a.header-logo img {
		width: 300px;
	}
/*	#Home {
		padding-top: 115px;
	}*/
	h2 {
		font-size: 1.3em;
	}
	p.section-subtitle {
		font-size: 1.2em;
		font-weight: 300;
	}					
}
@media only screen and (max-width: 600px) {
	.hero-cols {
		display: block;
	}
	h1 {
		font-size: 2.3em;
		line-height: 1.05em;
	}
	p.hero-subtitle {
		font-size: 1.6em;
		font-weight: 300;
		line-height: 1.4em;
	}
	#Home, .container-wrapper {
		padding-left: 15px;
		padding-right: 15px;
	}
	h2 {
		font-size: 2em;
	}
	p.section-subtitle {
		font-size: 1.4em;
		font-weight: 300;
	}			
}
/* ICON CARDS         *****************************************/
	ul.icon-cards {
		list-style: none;
		margin: 0;
		padding: 0;
		display: grid;
		grid-template-columns: repeat(4, 1fr);
		gap: 1.25rem;	
	}
	ul.icon-cards li {
		/*min-height: 280px;*/
		background: rgba(255,255,255, 0.05);
		border-radius: 10px;
		border: 1px solid rgba(255,255,255, 0.09);
		box-shadow: 0 4px 24px rgba(0, 0, 0, 0.10), inset 0 1px 0 rgba(255,255,255, 0.60), inset 0 -1px 0 rgba(0, 0, 0, 0.04);
		padding: 1.75rem;
		display: flex;
		flex-direction: column;
		gap: 1.25rem;
	}
	h6.icon-card_title {
		font-size: 1.5rem;
		font-weight: 500;
		letter-spacing: -0.01em;
		line-height: 1.4;
		margin: 0;
	}
	p.icon-card_subtitle {
		font-size: 1.2em;
		line-height: 1.2em;	
		letter-spacing: normal;
		font-weight: 500;
		margin: 0;
	}
	p.icon-card_text {
		font-size: 1.1em;
		line-height: 1.8em;	
		letter-spacing: normal;
	}
	.icon-card_icon {
		width: 56px;
		height: 56px;
		display: block;
		position: relative;
		border-radius: 5px;
		padding: 8px;
		display: flex;
		align-items: center;
		border: 1px solid rgba(255,255,255, 0.09);
		box-shadow: inset 0 1px 0 rgba(255,255,255, 0.60), inset 0 -1px 0 rgba(0, 0, 0, 0.04);	
		background: linear-gradient(to bottom, rgba(255,255,255,0.10) 0%,rgba(0,0,0,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	}
	.icon-card_icon img {
		width: 100%;
	}
	@media only screen and (max-width: 1300px) {
		ul.icon-cards {
			grid-template-columns: repeat(2, 1fr);
		}	
	}	
	@media only screen and (max-width: 600px) {
		ul.icon-cards {
			display: block;
		}
		ul.icon-cards li {
			margin-bottom: 30px;
		}	
	}
	
/* PROJECT CARDS         *****************************************/
	.portfolio-grid {
		list-style: none;
		margin: 0;
		padding: 0;
		display: grid;
		grid-template-columns: repeat(3, 1fr);
		gap: 1.50rem;
		width: 100%;	
	}

	.project-card {
		position: relative;
		text-decoration: none;
		display: block;
		/*border-radius: 10px;*/
		/*border: 1px solid rgba(255,255,255, 0.09);*/
		/*background: linear-gradient(to top, #111, #000);
		box-shadow: 0 4px 24px rgba(255, 255, 255, 0.05), 0 -4px 24px rgba(255,255,255, 0.05);*/
/*background: #000000;
background: -webkit-linear-gradient(to right, #111, #222);
background: linear-gradient(to right, #111, #222);	*/

	  width: 100%;
	  height: 100%;
	color: #fff;
	/*overflow: hidden;*/
	}
	.project-card figure {
		margin: 0 0 10px 0;
		
	}
	.project-card figure img {
		width: 100%;	
		  max-width: 1280px;
	  aspect-ratio: 1280 / 758;
	  border-radius: 10px;
	}
	
	.project-card-content {
		padding: 0 10px;
	}
	.project-card-content a {
		color: #fff;
		text-decoration: none;
	}
	
	.project-card-content h3 {
		font-size: 1.5em;
		font-weight: 700;
		letter-spacing: -0.01em;
		line-height: 1.4;
		margin: 0;
		padding: 0;
	}

	.project-card-content h3 small {
		font-size: 0.8em;
		font-weight: 600;
		line-height: 1em;
		display: block;
		text-transform: uppercase;
	}	
	.project-card-content .client-name {
		font-size: 1.5em;
		line-height: 0.9em;
		font-weight: 200;
		margin: 0;
		padding: 0;
	}	
	
	p.project-summary {
		font-size: 1em;
		margin: 5px 0;
	}
	a.case-study-btn {
	
	}
	ul.skills-tags {
		list-style: none;
		margin: 10px 0;
		padding: 0;
	}
	ul.skills-tags li {
		display: inline-block;
		margin: 3px;
		font-size: 0.8em;
		/*padding: 3px 5px;*/
		/*border: 1px solid #555;*/
		color: #555;
		border-radius: 15px;
	}

	@media only screen and (max-width: 1300px) {
		.portfolio-grid {
			grid-template-columns: repeat(2, 1fr);
		}	
	}	
	@media only screen and (max-width: 750px) {
		.portfolio-grid  {
			display: block;
		}
		.project-card {
			margin-bottom: 30px;
		}	
	}
/* CONTACT ****************************************/
.page-graphic {
	width: 100%;
	aspect-ratio: 1 / 1;
	background: #ccc;

	border-radius: 150px 20px 150px 150px;
	overflow: hidden;
	display: flex;
	align-items: center;
	justify-content: center;
	background: #ED213A;
	background: -webkit-linear-gradient(to bottom, #93291E, #ED213A);
	background: linear-gradient(to bottom, #93291E, #ED213A);
	box-shadow: 0px 5px 15px rgba(0, 0, 0, 0.35), inset 0 2px 0 rgba(255,255,255, 0.20);
	/*box-shadow: 0px 5px 15px rgba(0, 0, 0, 0.0);*/
	border: 1px solid transparent;
	background-clip: padding-box;
}

.page-graphic svg {
	width: 100%;
	height: auto;
	margin-left: -30%;
}
.page-graphic svg path {
	fill: #ED1C24;
	fill: #fff;
	fill-opacity: 0.9;
}	
.container-w-cols {
	display: flex;
	align-items: center;
    display: flex;
    flex-wrap: nowrap;
    flex-direction: row;
    gap: 80px;
}
.container-w-cols.v-align-top {
	align-items: flex-start;
}
.container-w-cols .col-40 {
	flex-basis: 40%;
}
.container-w-cols .col-60 {
	flex-basis: 60%;
}
.container-w-cols .col-50 {
	flex-basis: 50%;
}
.txt-size-med {
	font-size: 1.7em;
	font-weight: 300;
	line-height: 1.7em;
}
.txt-size-med p {
	margin-bottom: 30px;
}
.txt-align-left {
	text-align: left !important;
}
.wpforms-form button[type=submit] {
    background-color: #ED1C24 !important;
    border-color: #ED1C24 !important;
    color: #fff !important;
    transition: background 0.3s ease-in-out;
    padding: 25px !important;
    border-radius: 30px !important;
	line-height: 0 !important;
}
@media only screen and (max-width: 1300px) {
	.page-graphic {
		width: 100%;
		border-radius: 100px 20px 100px 100px;
	}
}
@media only screen and (max-width: 1000px) {
	.txt-size-med {
		font-size: 1.5em;
		font-weight: 300;
		line-height: 1.7em;
	}
	.txt-size-med p {
		margin-bottom: 30px;
	}
	.page-graphic {
		border-radius: 50px 20px 50px 50px;
		margin-top: 30px;
	}
	.container-w-cols {
		align-items: flex-start;
	}
	.container-w-cols .col-50:first-child	{
		flex-basis: 40%;
	}
	.container-w-cols .col-50:last-child	{
		flex-basis: 40%;
	}	
}
@media only screen and (max-width: 750px) {
	.container-w-cols {
		display: block;
	}
	.page-graphic {
		width: 50%;
		margin: 40px auto;
		min-width: 200px;
	}	

}
/*div.wpforms-container-full .wpforms-field-label, .wp-core-ui div.wpforms-container-full .wpforms-field-label {
	color: #fff !important;
}
.wpforms-container ::placeholder {
    color: #999 !important;
    opacity: 1;
}

.wpforms-container ::-ms-input-placeholder {
    color: #999 !important;
}
.wpforms-form input[type="text"],
.wpforms-form input[type="email"],
.wpforms-form input[type="url"],
.wpforms-form input[type="password"],
.wpforms-form input[type="number"],
.wpforms-form input[type="tel"],
.wpforms-form textarea,
div.wpforms-container-full,
div.wpforms-container-full .wpforms-form .wpforms-field.wpforms-field-select-style-modern .choices .choices__list--dropdown,
div.wpforms-container-full * {


	background-color: transparent !important;
	border-color: #666 !important;
	color: #ccc !important;
    outline: none !important;
}
.wpforms-form input[type="text"]:focus,
.wpforms-form input[type="email"]:focus,
.wpforms-form input[type="url"]:focus,
.wpforms-form input[type="password"]:focus,
.wpforms-form input[type="number"]:focus,
.wpforms-form input[type="tel"]:focus,
.wpforms-form textarea:focus,
.wpforms-form select:focus {
    border-color: #ccc !important;
    box-shadow: 0 0 5px rgba(255, 87, 34, 0.5) !important;
    outline: none !important;
	color: #fff !important;
}*/

/*.wpforms-form button[type=submit]:hover {
    background-color: #000 !important;
}
.wpforms-confirmation-container-full {
	margin-top: 100px !important;
}*/
/* BACK TO TOP *******************************/
/*************/
a#arrow-top {
	position: fixed;
	z-index: 99;
	bottom: 13px;
	right: 13px;
	width: 44px;
	height: 44px;
	border-radius: 44px;
	cursor: pointer;
	display: flex;
	opacity: 0;
    align-items: center;
    justify-content: center;
	/*background: rgba(255, 255, 255, 0.9);*/ 
	backdrop-filter: blur(10px);
	-webkit-backdrop-filter: blur(10px);
	transition: all 0.1s ease-in-out;
	/*border: 2px solid #ED1C24;*/
	border: 2px solid #fff;
	box-shadow: 4px 4px 20px rgba(0, 0, 0, 0.5);
}
a#arrow-top svg {
	height: 38px;
	width: auto;
}
a#arrow-top svg path {
	/*fill: #ED1C24;*/
	fill: #fff;
}
a:hover#arrow-top {
	transform: scale(1.1);
	border-color: #C80E17;
	background: #C80E17;
}

a#arrow-top.arrow-to-dark {
	box-shadow: none;
	border-color: #666;
	backdrop-filter: blur(0);
	-webkit-backdrop-filter: blur(0);	
}
a:hover#arrow-top.arrow-to-dark {
	border-color: #666;
	background: #666;
}
a#arrow-top.arrow-to-dark svg path {
	/*fill: #ED1C24;*/
	fill: #666;
	transition: all 0.1s ease-in-out;
}
a:hover#arrow-top.arrow-to-dark svg path {
	/*fill: #ED1C24;*/
	fill: #fff;
}


















/* MAP ******************************************/

#map {
	width: 100%;
	/*min-height: 600px;*/
	height: auto;
/*	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	right: 5%;*/
	/*left: 50%;
	transform: translate(-50%,-50%);*/
	display: flex;
	align-items: center;
	justify-content: center;
	z-index: 5;

}
svg#svgMap {
	width: 100%;
	height: auto;
	position: relative;
	/*filter: drop-shadow(-10px 5px 20px rgba(0, 0, 0, 1));*/
}
@media only screen and (max-width: 1600px) {
/*	#map {
		height: 500px;
		min-height: 500px;
	}*/

}
/*svg#svgMap * {
	vector-effect: non-scaling-stroke;
	fill-opacity: 0.1;
	stroke-opacity: 0.8;
	fill: #fff;
	stroke: #ccc;
}*/
svg#svgMap path {
	transition: all 0.3s ease;
	fill-opacity: 0.4;
	fill: #fff;
	display: none;
	/*transform-box: fill-box;
	transform-origin: center;
	position: relative;*/
}
svg#svgMap.fill path {
	transition: all 1.5s ease;
	fill-opacity: 0.2;
}
.city {
	position: absolute;
	z-index: 10;
  	opacity: 0;
	
}
.city a {
	text-decoration: none;
	display: block;
	position: relative;
	display: flex;
	align-items: flex-end;
	padding-top: 20px;
	transition: transform 0.2s ease-in-out;
}
/*.city a:hover {
	transform: scale(1.5); 
}*/
.city span {
	display: block;

  font-optical-sizing: auto;
  font-weight: 500;
  font-size: 0.8em;
  text-transform: uppercase;
  line-height: 1em;
	font-family: "Montserrat", sans-serif;
	text-shadow: 2px 3px 7px rgba(0, 0, 0, 0.8);  
  white-space: nowrap;
  color: #fff;
  
}
.city .icon.icon-portait {
	height: 30px;
	width: auto;	
}
.city .icon.icon-landscape {
	height: auto;
	width: 60px;	
}
.city .icon * {
	fill: #fff;
	stroke: #fff;
}
.columbia {
	left: 47.5%;
	top: 37.99%;
}
.charleston {
	left: 70.68%;
	top: 76.52%;
}
.myrtle_beach {
	left: 92.25%;
	top: 47.1%;
}
.greenville {
	left: 19.75%;
	top: 11.77%;
}
.hilton_head {
	left: 53.75%;
	top: 94.19%;
}
.rock_hill {
	left: 48%;
	top: 9.42%;
}
.spartanburg {
	left: 29.25%;
	top: 8.63%;
}
.florence {
	left:73.25%;
	top: 32.65%;
}
.aiken {
	left: 33%;
	top: 52.28%;
}


/* Animation */
@keyframes pulsate {
  0% {
    transform: scale(1);
    opacity:0.8;
  }
  45% {
    transform: scale(1.75);
    opacity:0;
  }
}
@keyframes stop-pulsate {
  from {
    opacity:0.4;
  }
  to {
    transform: scale(2);
    opacity:0;
  }
}


/* Button */
.city a .btn-pulse {
  position:absolute;
  top:0px;
  left:50%;
  z-index: 5;

  }


	.city a .btn-pulse .circle {
		position:absolute;
		left:50%;
		top:50%;
		width:32px;
		height:32px;
		margin: -0.666em auto auto -0.666em;
		background:rgba(237,28,36,1);
		border-radius:50%;
		opacity:0.8;
		transform-origin: 50% 50%;
		transition:opacity .2s ease-in, transform .1s ease-out;
		color:white;
		font-size:1.5em;
		padding:0;
		text-align:center;
		line-height:32px;
		overflow:hidden;
	
	}

	/*.city a:hover .btn-pulse .circle {
      opacity:0.8;
	 }
	.city a:active .btn-pulse .circle {
      transform:scale(0.875);
	 }*/	 

	/*.city.med a .btn-pulse .circle {
	
		width:26px;
		height:26px;
		line-height:26px;
	  }*/

  
  .ring {
    display:block;
    position:absolute;
    top:50%;
    left:50%;
    width:2em;
    height:2em;
    margin:-1em auto auto -1em;
    transform-origin: 50% 50%;
    border-radius:50%;
    border: 4px solid rgba(255,255,255,1);
    opacity:0;
    animation: pulsate 3s ease-out infinite;
  }
  
  .city a:hover .ring {
      animation: none;
    }
  
  .city a:active .ring {
      animation: stop-pulsate 0.3s;
    }


@media only screen and (max-width: 1280px) {

	.city span {

	  white-space: normal;
	  text-align: center;
	  
	}

}
.scale-in-center{-webkit-animation:scale-in-center .5s cubic-bezier(.25,.46,.45,1.0) both;animation:scale-in-center .5s cubic-bezier(.25,.46,.45,1.0) both;}
@-webkit-keyframes scale-in-center{0%{-webkit-transform:scale(0);transform:scale(0);opacity:1}100%{-webkit-transform:scale(1);transform:scale(1);opacity:1}}@keyframes scale-in-center{0%{-webkit-transform:scale(0);transform:scale(0);opacity:1}100%{-webkit-transform:scale(1);transform:scale(1);opacity:1}}


.puff-in-center{-webkit-animation:puff-in-center .7s cubic-bezier(.47,0.000,.745,.715) both;animation:puff-in-center .7s cubic-bezier(.47,0.000,.745,.715) both}
@-webkit-keyframes puff-in-center{0%{-webkit-transform:scale(2);transform:scale(2);-webkit-filter:blur(4px);filter:blur(4px);opacity:0}100%{-webkit-transform:scale(1);transform:scale(1);-webkit-filter:blur(0);filter:blur(0);opacity:1}}@keyframes puff-in-center{0%{-webkit-transform:scale(2);transform:scale(2);-webkit-filter:blur(4px);filter:blur(4px);opacity:0}100%{-webkit-transform:scale(1);transform:scale(1);-webkit-filter:blur(0);filter:blur(0);opacity:1}}
		.fade-in-bottom{-webkit-animation:fade-in-bottom .6s cubic-bezier(.39,.575,.565,1.000) both;animation:fade-in-bottom .6s cubic-bezier(.39,.575,.565,1.000) both}
		@-webkit-keyframes fade-in-bottom{0%{-webkit-transform:translateY(50px);transform:translateY(50px);opacity:0}100%{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}}@keyframes fade-in-bottom{0%{-webkit-transform:translateY(50px);transform:translateY(50px);opacity:0}100%{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}}