/*
 Theme Name:        Uptown Studios Child
 Text Domain:       uptown-studios-child
 Author:            April Auger
 Author URI:        https://aprilauger.com
 Description:       Uptown Studios Child Theme
 Template:          uptown-studios
 Version:           1.0.0
 Requires at least: 5.9
 Tested up to:      6.2.2
 Requires PHP:      5.6
 License:           GNU General Public License v2 or later
 License URI:       http://www.gnu.org/licenses/gpl-2.0.html
*/

/* Naviation */
.bm-horizontal a.nav-link {
	font-weight: 500
}

/* Jumbotron */
.jumbotron__description {
	font-size: clamp(1.125rem, 1.1rem + 0.125vw, 1.25rem);
}

.jumbotron {
	animation: zoom 30s 1;
}

@keyframes zoom {
	0% {
		transform: scale(1, 1);
	}

	50% {
		transform: scale(1.2, 1.2);
	}

	100% {
		transform: scale(1, 1);
	}
}

.jumbotron,
.jumbotron-wrapper,
.jumbotron::after,
.jumbotron::before,
.jumbotron-wrapper .bkg-logo {
	min-height: 500px;
}

@media (min-width: 576px) {

	.jumbotron-wrapper,
	.jumbotron,
	.jumbotron::after,
	.jumbotron::before,
	.jumbotron-wrapper .bkg-logo {
		min-height: 750px;
	}
}

/* Jumbotron */
.jumbotron-container {
	z-index: 3;
}

.home .bkg-logo {
	bottom: 0;
	top: 0;
	height: 100vh;
	position: absolute;
	z-index: -1;
	opacity: .12;
	left: -15%;
}

@media (max-width: 1199.98px) {
	.home .jumbotron::after {
		background: rgba(74, 87, 79, 0) !important;
	}
}

@media (max-width: 576px) {
	.home .bkg-logo {
		bottom: 0;
		left: 0;
		right: 0;
		top: -5%;
		height: 100vh;
	}
}

@media (min-width: 1200px) {
	.home .jumbotron::before {
		background: var(--wp--preset--color--primary);
		content: "";
		height: 100vh;
		left: 0;
		position: absolute;
		right: 0;
		top: 0;
		width: 50%;
	}

	.home .jumbotron::after {
		opacity: 0;
	}

	.jumbotron-container {
		max-width: 46%;
	}

	.home .bkg-logo {
		width: 50%;
	}
}

img.wave {
	bottom: -1px;
	left: 0;
	position: absolute;
	width: 100%;
}

@media (max-width: 767.98px) {
	#title-block.bkg-img .tb-wrapper {
		padding-top: 15vh;
		padding-bottom: 15vh;
	}
}

/* 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);
}

.wp-block-button__link {
	height: auto;
    width: auto;
}

.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-family: var(--wp--preset--font-family--roboto-condensed);
	font-size: var(--wp--preset--font-size--small);
	font-weight: 300;
	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);
}

.wp-block-button a:hover,
.wp-block-button a:active {
	color: #fff;
}

.tribe-common .tribe-common-c-btn {
	font-weight: 300;
}

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

.wp-block-button a:hover,
.wp-block-button a:active {
	color: #fff;
}

.link-underline a,
.link-underline a:visited {
	background-image:
		linear-gradient(transparent 1px,
			var(--wp--preset--color--secondary) 1px,
			var(--wp--preset--color--secondary) 2px,
			transparent 2px),
		linear-gradient(transparent 1px,
			var(--wp--preset--color--light-secondary) 1px,
			var(--wp--preset--color--light-secondary) 2px,
			transparent 2px);
	background-repeat: no-repeat;
	background-size: 0% 6px, 100% 6px;
	background-position: 0 bottom, 0 bottom;
	border-bottom: 6px solid transparent;
	transition: background-size 0.3s ease-in-out;
	padding-bottom: .35rem;
}

.link-underline a:hover,
.link-underline a:active {
	background-size: 100% 6px;
	color: var(--wp--preset--color--body);
}

.link-underline a:before {
	bottom: 0;
	content: "";
	display: block;
	height: 1px;
	left: 0;
	position: absolute;
	bottom: 0;
	left: 0;
	transition: transform 0.2s ease;
	transform-origin: 0 0;
	width: 100%;
}

/* Gutenberg Blocks */
.kt-row-column-wrap {
	max-width: 1320px !important;
}

/* Spacing */
@media (min-width: 992px) {
	.padding-left {
		padding-left: 2.5rem
	}

	.padding-right {
		padding-right: 2.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;
}

/* Typography */
.fw-semibold {
	font-weight: 500;
}

h4,
.h4 {
	font-family: var(--wp--preset--font-family--adobe-telugu);
	font-size: var(--wp-preset-font-size--x-small);
	letter-spacing: .05rem;
	text-transform: uppercase;
}

/* Navigation */
#navbar-wrapper {
	font-size: 1rem;
 	z-index: 100 !important;
}

#navbar-wrapper a {
	font-size: 1.15rem
}

/* Footer */
#footer {
	font-size: 1rem;
}

#footer .ft-copy .row.d-flex {
	justify-content: space-between;
}

img.footer-logo {
	max-width: 150px;
}

#footer {
	z-index: 0;
}

#footer .logo-bkg {
	top: -1.5rem;
	bottom: -1.5rem;
	position: absolute;
	right: 0px;
	z-index: 2;
	opacity: .12;
	height: 120%;
	z-index: 3;
}

#footer .container,
#footer .ft-copy {
	z-index: 4
}

#footer .h4 {
	font-family: var(--wp--preset--font-family--montserrat);
	letter-spacing: .09rem;
	font-weight: 600;
}

#footer ul li {
	line-height: 2rem;
}

@media (max-width: 767.98px) {
	.footer-social {
		margin-top: 1.5rem;
	}
}

/* Error Page */
.error404 #footer {
	margin-top: 1.5rem;
}

/* Blocks */
@media (min-width: 1200px) {
	.image-border {
		position: relative;
		z-index: 0;
	}

	.image-border img {
		width: 100%;
		z-index: 1;
	}

	.image-border::before {
		border: .09rem solid #C8B8AB;
		bottom: 1.75rem;
		content: "";
		left: -.75rem;
		position: absolute;
		right: .75rem;
		top: -.75rem;
		z-index: 2;
		-o-transition: all 0.4s;
		/* opera */
		-ms-transition: all 0.4s;
		/* IE 10 */
		-moz-transition: all 0.4s;
		/* Firefox */
		-webkit-transition: all 0.4s;
		/*safari and chrome */
	}

	.image-border:hover::before {
		transition: all 0.4s;
		left: .75rem;
		top: .75rem;
		z-index: 3;
	}

	.image-border:hover::after {
		transition: all 1s ease-in-out;
		position: absolute;
		content: "";
		background: rgba(0, 0, 0, .15);
		top: 0;
		bottom: 1rem;
		left: 0;
		right: 0;
	}
}

/* Gutenberg Blocks */
.fluid-layout .kt-row-column-wrap {
	max-width: inherit !important;
}

/* Events */
.tribe-events-page-template button,
.tribe-common .tribe-common-c-btn-border {
	border-radius: 0 !important;
}

.post-type-archive-tribe_events .tribe-common-l-container.tribe-events-l-container {
	margin-top: 2rem;
	padding-bottom: 0;
}

.tribe-common-l-container .read-more {
	display: none !important;
}

.month.current {
	background: var(--tec-color-background-secondary-datepicker) !important;
}

/* Schedule a visit section */
@media (min-width: 768px) {
	.schedule-visit {
		position: relative;
	}

	.schedule-visit__content {
		padding-right: 25%;
	}

	.schedule-visit__photo {
		position: absolute;
		right: 0;
		top: 0;
		left: 60%;
		bottom: 0;
		max-height: 100%;
		overflow: hidden;
		z-index: 0 !important;
	}
}

@media (min-width: 992px) {
	.error404 #footer {
		margin-top: 3rem;
	}
}

/* Forms */
.gform_required_legend {
	display: none;
}
