/*
	Theme Name: Secure Innovation Group
	Theme URI: https://secureinnovationgroup.com
	Description: Custom WP theme for Secure Innovation Group
	Version: 1.0
	Author: Creative Direction
	Author URI: https://creativedirection.info
*/

/*------------------------------------*\
    MAIN
\*------------------------------------*/
:root {
	--gf-form-gap-y: 10px !important;
}
*,
*:after,
*:before {
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	-webkit-font-smoothing:antialiased;
	font-smoothing:antialiased;
	text-rendering:optimizeLegibility;
}

html {
	font-size:62.5%;
}

body {
	font-family: "neue-haas-grotesk-display", sans-serif;
	font-weight: 500;
	font-style: normal;
	font-size:19px;
	line-height:1.4;
	color:#1A252A;
	background-color: #fff;
}

.clear:before,
.clear:after {
	content:' ';
	display:table;
}

.clear:after {
	clear:both;
}

.clear {
	*zoom:1;
}

img {
	max-width:100%;
	vertical-align:bottom;
}

a {
	color:#FC7B45;
	text-decoration:none;
}

a:hover {
	color:#444;
}

a:focus,
a:active {
	outline:0;
}

input:focus {
	outline:0;
	border:1px solid #FC7B45;
}

h1, h2, h3, h4 {
	font-weight: normal;
	margin-top: 0;
}

h1 {
	font-size:7.2em;
	line-height:1.1;
	margin-bottom:0;
	letter-spacing: -0.02em;
}

h2 {
	font-size:3em;
	line-height:1;
	letter-spacing:-0.01em;
}
h3 {
	font-size:2em;
	line-height:1;
}

/*------------------------------------*\
    STRUCTURE
\*------------------------------------*/

.inner-wide {
	width:95%;
	margin:0 auto;
	position:relative;
	max-width: 1600px;
}
.inner {
	width:80%;
	margin:0 auto;
	position:relative;
	max-width: 1400px;
}

.inner-narrow {
	width:70%;
	margin:0 auto;
	position:relative;
	max-width:1024px;
}

.wrapper {
	margin:0 auto;
	position:relative;
}

/*------------------------------------*\
    HEADER
\*------------------------------------*/

.header,
.header .inner-wide,
.logo, .logo a {
	isolation:auto;
}

.header {
	position:fixed;
	z-index:5;
	width:100%;
	margin-top:20px;
}

.header .inner-wide {
	display:flex;
	justify-content:space-between;
	position:relative;
	align-items:center;
	mix-blend-mode: difference;
}

/* logo */
.logo {

}
.logo svg {
	display:block;
	transition:filter 0.25s ease;
	width:130px;
}

body.is-light .logo svg, body.nav-open .logo svg {
	filter:invert(1) !important;
}

body.is-dark .logo svg {
	filter:none;
}

.mobile-nav-button {
	display: none;
	position: absolute;
	top: 0;
	right: 0;
}

/*------------------------------------*\
    NAV  (BLUR REMOVED — REQUIRED FOR BLEND MODE)
\*------------------------------------*/

.nav {
	position: relative;
	font-family:"stratos", sans-serif;
	font-weight:400;
	font-style:normal;
	text-transform:uppercase;
	letter-spacing:0.1em;
	font-size:0.8em;

	padding:3px;
	border-radius:6px;
	background: rgba(228,232,231,0.75);
	-webkit-backdrop-filter: none;
	backdrop-filter: none;
	display: inline-flex;
	align-items: center;
	isolation: isolate;
	mix-blend-mode: normal;
}

.nav ul {
	list-style:none;
	display:flex;
	gap:3px;
	margin:0;
	padding:0;
	align-items: center;
}

.nav ul li a {
	display:flex;
	align-items:center;
	justify-content:center;
	height: 44px; 
	padding: 0 2em; 
	background-color:#E4E8E7;
	color:#1A252A;
	border-radius:6px;
	transition:0.6s all;
/*	border:1px solid transparent;*/
	line-height: 1;
}

.nav ul li.current_page_item a {

}

.nav ul li.get-in-touch a {
	background-color:#FC7B44;
}
.nav ul li a:hover,
.nav ul li.get-in-touch a:hover,
.nav ul li.current_page_item a {
	background-color: #1A252A;
	color:#E4E8E7;
/*	border:1px solid #E4E8E7;*/
}


/*------------------------------------*\
    FOOTER	
\*------------------------------------*/

.footer {
	background-color: #fff;
	display: block;
	position: relative;
	z-index:3;
	padding-top: 50px;
}
.footer a {
	color:#1A252A;
}
.footer-top, .footer-bottom {
	padding-top: 50px;
	border-top: 1px solid #D1D3D4;
	display: flex;
	justify-content: space-between;
}
.menu-header {
	color:#485154;
}
.footer nav ul {
	list-style:none;
	margin-left: 0;
	padding-left: 0;
	margin-top: 0.6em;
}
.footer-top nav ul li {
	margin-bottom:0.6em;
}

.footer-social {
	display: flex;
	gap:1em;
}
.footer-social img {
	height:44px;
	width: 44px;
	transition: 0.6s all;
}
.footer-social img:hover {
	filter: invert(1) grayscale(1);
}

.footer-bottom {
	margin-bottom: 50px;
}
.footer-bottom nav ul {
	display: flex;
	gap:3em;
	justify-content: flex-start;
}

/*------------------------------------*\
    PAGES
\*------------------------------------*/

.hero {
	letter-spacing:-0.02em;
	position:relative;
}

.hero-caption, .hero h1, .hero h2 {
	font-weight:normal;
	mix-blend-mode:difference;
	position:fixed;
	bottom:150px;
	width:100%;
	left: 0;
}

.hero mark {
	background:transparent;
	color:transparent;
	background-clip:text;
	-webkit-background-clip:text;
	-webkit-text-fill-color:transparent;
}

.content {
	z-index:3;
	position:relative;
}

.wp-block-separator {
	border-top:1px solid;
}


/*------------------------------------*\
    BITS
\*------------------------------------*/

mark:not(.hero mark) {
	text-transform:uppercase;
	margin-right:50px;
	font-size:1.7rem;
	vertical-align:super;
	background:transparent;
	font-weight:500;
	color:#FC7B45;
	font-family:"stratos", sans-serif;
}

.has-border-radius {
	border-radius:10px;
/*	border:1px solid #707070;*/
	overflow: hidden;
}

.pad-10 {
	padding:10px;
}
.pad-2em {
	padding:2em;
}
.gform-theme--foundation .gform_fields {
	row-gap:10px !important;
}
.ginput_container input[type="text"], 
.ginput_container input[type="email"], 
.ginput_container input[type="tel"], 
.ginput_container select, 
.ginput_container textarea {
	font-size:1em !important;
}
.gform_button {
	text-transform: uppercase !important;
	font-family:"stratos", sans-serif !important;
	height:44px !important;
	padding:0 2em !important;
	font-size:15.2px !important;
}
.gform_button:hover {
	background-color: #1A252A !important;
	color:#E4E8E7 !important;
}

/*------------------------------------*\
    WORDPRESS CORE + PRINT
\*------------------------------------*/

::selection {
	background:#FC7B45;
	color:#FFF;
	text-shadow:none;
}
::-webkit-selection {
	background:#FC7B45;
	color:#FFF;
	text-shadow:none;
}
::-moz-selection {
	background:#FC7B45;
	color:#FFF;
	text-shadow:none;
}

:where(.wp-block-columns.is-layout-flex) {
    gap: 5%;
    margin-bottom: 0;
}

.is-layout-flow > .alignright {
	margin-left: 0;
}


@media only screen and (max-width:900px) {
	.hide-mobile {
		display: none !important;
	}
	.logo {
		z-index:4;
	}
	.inner-wide, .inner, .inner-narrow {
		width: 95%;
	}
	.pad-2em {
		padding:1em;
	}
	h1 {
		font-size:4em;
	}
	h2 {
		font-size:2.7em;
	}
	.nav-container {
		position: fixed;
		padding-top:100px;
/*		height:100vh;
		min-height:100svh;*/
		width:100%;
		background-color: #fff;
		top:0;
		/*bottom:0;*/
		left: 0;
		display: none;
		padding-bottom:1em;
	}
	.nav {
		display: flex;
		justify-content: center;
		align-items: center;
		height: 100%;
		background-color: #fff;
		width: 100%;
	}
	.nav ul {
		flex-direction: column;
		justify-content: center;
		height:100%;
		gap:10px;
		width: calc(100% - 2em);
	}
	.nav ul li {
		width: 100%;
	}

	.mobile-nav-button {
		display: block;
	}

	.intro-text {
		font-size:1rem !important;
	}

	.footer-top {
		padding-top:2em;
	}

	.footer-top, .footer-bottom, #menu-policies {
		flex-direction: column;
	}
	.footer-social {
		margin-bottom: 2em;
	}
	#menu-policies {
		gap:0.6em;
	}
	:where(.wp-block-columns.is-layout-flex) {
		gap:30px;
	}
	.hero-caption span {
		display: block;
	}
	.hero .wp-block-heading {
		font-size:5em !important;
	}
	.hero h1, .hero h2 {
		bottom:50px;
	}
}