/*
 Theme Name:        Uptown Studios Child - Nexus Theme
 Text Domain:       uptown-studios-child-nexus
 Author:            April Auger
 Author URI:        https://aprilauger.com
 Description:       Nexus is a child theme used with the Uptown Studios theme
 Template:          uptown-studios
 Version:           1.0.0
 Requires at least: 6.4
 Tested up to:      6.4
 Requires PHP:      8.0
 License:           GNU General Public License v2 or later
 License URI:       http://www.gnu.org/licenses/gpl-2.0.html
*/

/* Layout */
.fluid .kt-row-column-wrap {
	max-width: 100% !important;
}

/* Typography */
.h1,
.h2,
.h3,
.h4 {
	font-family: var(--wp--preset--font-family--poppins);
}

h3 a,
h3 a:visited {
	color: var(--wp--preset--color--text);
}

h3 a:hover,
h3 a:active {
	color: var(--wp--preset--color--primary);
}

h2.line {
	margin-bottom: 1.5rem;
}

/* Subtitle */
.subtitle {
	color: var(--wp--preset--color--dark-gray);
	font-weight: 600;
	font-size: var(--wp--preset--font-size--x-small);
	letter-spacing: .09rem;
	margin-bottom: .5rem;
	text-transform: uppercase;
}

.subtitle.has-text-align-center::after {
	background: #7CB94B;
	content: "";
	display: inline-block;
	height: 2px;
	margin-left: .5rem;
	margin-bottom: .25rem;
	width: 2.5rem;
}

.subtitle.has-white-color::before,
.subtitle.has-text-align-center.has-white-color::after {
	background: var(--wp--preset--color--white);
}

.subtitle::before {
	background: #7CB94B;
	content: "";
	display: inline-block;
	height: 2px;
	margin-right: .5rem;
	margin-bottom: .25rem;
	width: 2.5rem;
}

/* Jumbotron */
.jumbotron__description {
	font-size: var(--wp--preset--font-size--large);
}

@media (max-width: 575.98px) {
	.jumbotron-container h1 {
		margin-top: 4rem;
	}
}

.jumbotron-container {
	max-width: 55rem;
	margin: 0 auto;
}

/* Buttons */
.white-outline-hover .wp-block-button__link:hover {
	border: 1px solid var(--wp--preset--color--white);
}

.btn-secondary .wp-block-button__link:hover {
	background: var(--wp--preset--color--secondary);
	border: 1px solid var(--wp--preset--color--secondary);
}

.gform_footer input[type=submit] {
	background-color: var(--wp--preset--color--primary);
	border-radius: 0;
	border-color: var(--wp--preset--color--primary);
	border-width: 1px;
	border-style: solid;
	color: var(--wp--preset--color--white) !important;
	font-size: var(--wp--preset--font-size--x-small);
	font-weight: 600;
	letter-spacing: .05rem;
	line-height: 1;
	padding: calc(0.667em + 2px) calc(1.333em + 2px);
}

input[type=submit]:hover {
	background-color: var(--wp--preset--color--body);
	border-color: var(--wp--preset--color--body);
}

/* Search */
@media (min-width: 1200px) {

	/* Push search to the right next to the toggle button */
	.push {
		margin-left: auto;
	}
}

@media (min-width: 1200px) {
	.search-form {
		margin-right: 1.5rem;
		position: relative;
	}

	.search-field:focus {
		left: 0px;
		position: absolute;
		right: 0px;
	}

	.search-wrapper #main-search {
		margin-right: 1.5rem;
	}
}

/* Images */
.bkg-img {
	overflow: hidden;
	position: relative;
	z-index: 0;
}

.bkg-img .img img {
	bottom: 0;
	left: 0;
	margin: auto;
	position: absolute;
	right: 0;
	top: 0;
	z-index: 1;
}

.bkg-img .wp-block-group__inner-container {
	position: relative;
	z-index: 2;
}

/* Footer */
#footer .d-flex {
	padding-bottom: 1.5rem;
	padding-top: 1.5rem;
}

@media (max-width: 991px) {
	#footer .footer-social {
		margin-top: 1rem;
	}
}

footer .h4 {
	font-size: var(--wp--preset--font-size--medium);
}

#footer .ft-copy {
	border-top: 1px solid rgba(544, 544, 433, .09);
	padding: 1rem 0;
}

#footer a:hover,
#footer a:active {
	color: var(--wp--preset--color--secondary);
}

#footer a.social-icon svg:hover {
	fill: var(--wp--preset--color--secondary);
}

/* Lists */
.kt-svg-icon-list .kb-svg-icon-fe_circle {
	box-shadow: 0px 0px 5px #7CB94B;
	margin-top: .5rem;
}

/* Other */
.jumbotron__description {
	line-height: 1.3;
}

.top-align ul.kt-svg-icon-list svg {
    margin-top: .3rem;
}

.is-style-outline .wp-block-button__link.has-white-color:hover {
	background: #fff;
	border: 1px solid #fff;
	color: var(--wp--preset--color--primary) !important;
}

.img-shadow-left {
	-webkit-box-shadow: -1.5rem -1rem 0px 3px rgba(243, 245, 240, 1);
	-moz-box-shadow: -1.5rem -1.5rem 0px 3px rgba(243, 245, 240, 1);
	box-shadow: -1.5rem -1.5rem 0px 3px rgba(243, 245, 240, 1);
	margin-left: 1.5rem;
	margin-top: 1.5rem;
}

.img-shadow-right {
	-webkit-box-shadow: 1.5rem -1.5rem 0px 3px rgba(243, 245, 240, 1);
	-moz-box-shadow: 1.5rem -1.5rem 0px 3px rgba(243, 245, 240, 1);
	box-shadow: 1.5rem -1.5rem 0px 3px rgba(243, 245, 240, 1);
	margin-right: 1.5rem;
	margin-top: 1.5rem;
}

footer .footer-logo {
	max-width: 250px
}

.home .jumbotron::after {
	background: transparent radial-gradient(closest-side at 69% 55%, #000000 0%, #01010100 0%, #00000074 100%) 0% 0% no-repeat padding-box;
	opacity: .7
}

.frm_style_formidable-style.with_frm_style .frm_submit button {
	background: var(--wp--preset--color--primary);
	border-radius: 0;
	font-weight: 600;
	border: 1px solid var(--wp--preset--color--primary);
}

.frm_style_formidable-style.with_frm_style .frm_submit button:hover {
	background: var(--wp--preset--color--black);
	border-radius: 0;
	color: #fff;
	font-weight: 600;
	border: 1px solid var(--wp--preset--color--black);
}

.play-btn {
	width: 75px;
	height: 75px;
	background: radial-gradient(rgba(0, 157, 47, 0) 64%, rgba(255, 255, 255, .9) 15%);
	border-radius: 50%;
	position: relative;
	display: block;
	margin: 1rem auto;
}

/* Triangle */
.play-btn::after {
	content: "";
	position: absolute;
	left: 50%;
	top: 50%;
	-webkit-transform: translateX(-40%) translateY(-50%);
	transform: translateX(-40%) translateY(-50%);
	transform-origin: center center;
	width: 0;
	height: 0;
	border-top: 10px solid transparent;
	border-bottom: 10px solid transparent;
	border-left: 15px solid #fff;
	z-index: 100;
	-webkit-transition: all 400ms cubic-bezier(0.55, 0.055, 0.675, 0.19);
	transition: all 400ms cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

/* Pulse wave */
.play-btn:before {
	content: "";
	position: absolute;
	width: 150%;
	height: 150%;
	-webkit-animation-delay: 0s;
	animation-delay: 0s;
	-webkit-animation: pulsate1 2s;
	animation: pulsate1 2s;
	-webkit-animation-direction: forwards;
	animation-direction: forwards;
	-webkit-animation-iteration-count: infinite;
	animation-iteration-count: infinite;
	-webkit-animation-timing-function: steps;
	animation-timing-function: steps;
	opacity: 1;
	border-radius: 50%;
	border: 5px solid rgba(255, 255, 255, .75);
	top: -25%;
	left: -25%;
	background: rgba(198, 16, 0, 0);
}

@-webkit-keyframes pulsate1 {
	0% {
		-webkit-transform: scale(0.6);
		transform: scale(0.6);
		opacity: 1;
		box-shadow: inset 0px 0px 25px 3px rgba(255, 255, 255, 0.75), 0px 0px 25px 10px rgba(255, 255, 255, 0.75);
	}

	100% {
		-webkit-transform: scale(1);
		transform: scale(1);
		opacity: 0;
		box-shadow: none;
	}
}

@keyframes pulsate1 {
	0% {
		-webkit-transform: scale(0.6);
		transform: scale(0.6);
		opacity: 1;
		box-shadow: inset 0px 0px 25px 3px rgba(255, 255, 255, 0.75), 0px 0px 25px 10px rgba(255, 255, 255, 0.75);
	}

	100% {
		-webkit-transform: scale(1, 1);
		transform: scale(1);
		opacity: 0;
		box-shadow: none;

	}
}