/*
 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
*/

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

	.padding-right {
		padding-right: 2.5rem;
	}
}

.push {
	margin-left: auto;
}

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

/* Preloader */
#preloader {
	background-color: #fff;
	height: 100%;
	left: 0;
	position: fixed;
	top: 0;
	width: 100%;
	z-index: 9999;

	&.hidden {
		animation: fadeOut 1s;
		animation-fill-mode: forwards;
	}

	#loader {
		-webkit-animation: spin 2s linear infinite;
		animation: spin 2s linear infinite;
		border-radius: 50%;
		border: 3px solid transparent;
		border-top-color: #fdc500;
		display: block;
		height: 150px;
		left: 50%;
		margin: -75px 0 0 -75px;
		position: relative;
		top: 50%;
		width: 150px;

		&:before {
			-webkit-animation: spin 3s linear infinite;
			animation: spin 3s linear infinite;
			border: 3px solid transparent;
			border-radius: 50%;
			border-top-color: #1c1c1c;
			bottom: 5px;
			content: '';
			left: 5px;
			position: absolute;
			right: 5px;
			top: 5px;
		}

		&:after {
			-webkit-animation: spin 1.5s linear infinite;
			animation: spin 1.5s linear infinite;
			border: 3px solid transparent;
			border-radius: 50%;
			border-top-color: #555555;
			bottom: 15px;
			content: '';
			left: 15px;
			position: absolute;
			right: 15px;
			top: 15px;
		}
	}
}

@keyframes fadeOut {
	100% {
		opacity: 0;
		visibility: hidden;
		display: hidden;
		z-index: 0;
	}
}

@-webkit-keyframes spin {
	0% {
		transform: rotate(0deg);
		-webkit-transform: rotate(0deg);
		-ms-transform: rotate(0deg);
	}

	100% {
		transform: rotate(360deg);
		-webkit-transform: rotate(360deg);
		-ms-transform: rotate(360deg);
	}
}

@keyframes spin {
	0% {
		transform: rotate(0deg);
		-webkit-transform: rotate(0deg);
		-ms-transform: rotate(0deg);
	}

	100% {
		transform: rotate(360deg);
		-webkit-transform: rotate(360deg);
		-ms-transform: rotate(360deg);
	}
}

/* Navigation */
#bm-horizontal :hover {
	background-color: #212121;
	border-color: #212121;
	color: #fff;
}

.bm-horizontal #site-navigation .nav-link {
	font-weight: 700;
}

@media (min-width: 1200px) {
	.home .trans-bkg.start-style .cta-button.first-button .btn:hover,
	.home .trans-bkg.start-style .cta-button.first-button .btn:active,
	.home .trans-bkg.start-style .cta-button.second-button .btn:hover,
	.home .trans-bkg.start-style .cta-button.second-button .btn:active {
		border: 1px solid #fff;
		background: transparent;
		color: #fff;
	}
}

.bm-horizontal .menu-item::after,
.bm-horizontal .nav-link:hover,
.bm-horizontal .menu-item::before,
.bm-horizontal a.dropdown-item:hover,
.bm-horizontal .dropdown-item:focus,
.bm-horizontal .nav-link:active,
.bm-horizontal a.dropdown-item:active,
.bm-horizontal .active > .nav-link {
	color: #b38c00 !important;
}

/* Jumbotron */
.home .jumbotron::after {
	background: transparent
		linear-gradient(180deg, #000000 0%, #2020209e 74%, #54545400 100%) 0% 0%
		no-repeat padding-box;
	opacity: 0.89;
}

.jumbotron,
.jumbotron-wrapper,
.jumbotron::after {
	min-height: 550px;
}

.menu-75.sticky-menu .jumbotron-container {
	padding-top: 0 !important;
}

.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-container {
	z-index: 3;
}

.logo-bkg {
	bottom: 18%;
	position: absolute;
	right: 0;
	z-index: 2;
}

/* Buttons */
.btn,
.gform_button.button {
	color: #fff;
	font-family: var(--wp--preset--font-family--barlow);
	font-weight: 700;
	letter-spacing: 0.05rem;
	padding: calc(0.667em + 2px) calc(1.333em + 2px);
	text-transform: uppercase;
}

.btn-secondary .wp-element-button,
.gform_button.button {
	background: #fdc500;
	border: 1px solid #fdc500;
	color: var(--wp--preset--color--primary);
}

.btn-secondary .wp-element-button:hover {
	background: var(--wp--preset--color--primary);
	border: 1px solid var(--wp--preset--color--primary);
	color: var(--wp--preset--color--white);
}

.dark-theme .btn-secondary .wp-element-button:hover,
.dark-theme .btn-secondary .wp-element-button:active {
	background: var(--wp--preset--color--white);
	border: 1px solid var(--wp--preset--color--primary);
	color: var(--wp--preset--color--primary);
}

/* Typography */
h2,
h2.line {
	margin-bottom: 1.5rem;
}

h2.line::after {
	background: var(--wp--preset--color--secondary);
	content: '';
	display: block;
	height: 3px;
	max-width: 3.5rem;
	margin-top: 0.3rem;
}

/* Homepage Statistics */
.statistic__number {
	font-family: var(--wp--preset--font-family--barlow-condensed);
	line-height: 1;
}

#statistic {
	height: 145px;
	margin-top: -145px !important;
}

@media (max-width: 576px) {
	#statistic {
		height: 100px;
		margin-top: -100px !important;
	}
}

@media (max-width: 992px) {
	#statistic {
		height: 120px;
		margin-top: -120px !important;
	}
}

.statistic {
	align-items: center;
	display: flex !important;
	flex-direction: row;
	flex-wrap: wrap;
	padding-left: 2.5rem;
	padding-right: 2.5rem;
	width: 100%;
}

#statistic .slick-next.slick-arrow,
#statistic .slick-prev.slick-arrow {
	color: var(--wp--preset--color--white) !important;
	z-index: 9;
}

.statistic__number,
.statistic__text {
	display: flex !important;
	flex-direction: column;
	flex-basis: 100%;
	flex: 1;
}

.statistic__number {
	flex: 0.15;
	font-size: var(--wp--preset--font-size--large);
	margin-right: 1rem;
	text-align: right;
}

.statistic__text {
	font-family: var(--wp--preset--font-family--montserrat);
	font-size: var(--wp--preset--font-size--x-small);
	font-weight: 600;
	line-height: 1.6;
	margin-right: 0.5rem;
	padding-right: 0.5rem;
}

/* Posts */
.expertise-list .dashicons {
	font-size: 0.9rem;
	margin-right: 0.2rem;
	margin-top: 0.35em;
}

.expertise-list .wp-block-post-author {
	display: inline-block;
	margin-right: 0.25rem;
}

.expertise-list .dashicons::before {
	color: #fdc500;
}

.expertise-list a h3 {
	line-height: 1.1;
	margin-top: 0;
}

.featured .post-info {
	margin-top: 1rem;
}

.featured .post-img {
	width: 100%;
}

.post-small .post-info {
	margin-left: 1rem;
}

@media (min-width: 768px) {
	.featured {
		padding-right: 2rem;
	}

	.post-small .post-img {
		max-width: 150px;
	}
}

@media (max-width: 767.98px) {
	.featured {
		margin-bottom: 1.5rem;
	}

	.post-small .post-img {
		max-width: 8100px !important;
	}
}

.post-small {
	margin-bottom: 1.5rem;
}

/* History */
#history .kt-row-column-wrap {
	padding-right: 0;
}

/* Who We Are */
.wp-block-kadence-advancedheading {
	line-height: 2.9rem;
	font-family: var(--wp--preset--font-family--barlow-condensed);
}

.primary-block-yellow-shadow-content {
	overflow: hidden;
	position: relative;
}

.abs-bkg-img img {
	content: '';
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	z-index: 0;
}

@media (min-width: 992px) {
	.gray-bkg-left {
		position: relative;
	}

	.gray-bkg-left::after {
		background-color: #f7f7f7;
		bottom: 0;
		content: '';
		height: 100%;
		left: 0;
		position: absolute;
		top: -3rem;
		width: 40%;
		z-index: 0;
	}

	.gray-bkg-right {
		position: relative;
	}

	.gray-bkg-right::after {
		background-color: #f7f7f7;
		bottom: 0;
		content: '';
		height: 100%;
		position: absolute;
		right: 0;
		top: -3rem;
		width: 40%;
		z-index: 0;
	}

	.primary-block-yellow-shadow {
		margin-right: 10rem !important;
		margin-bottom: 10rem;
		position: relative;
	}

	.primary-block-yellow-shadow::after {
		background-color: var(--wp--preset--color--secondary) !important;
		bottom: -5rem;
		content: '';
		height: 100%;
		position: absolute;
		right: -5rem;
		width: 90%;
		z-index: -1;
	}
}

.btn-secondary .wp-element-button:hover,
.btn-secondary .wp-element-button:active {
	background: #1c1c1c;
	color: #ffffff;
}

/* Staff card */
.staff-card {
	position: relative;
	text-align: center;
	z-index: 0;
}

.staff-image-link {
	position: relative;
	display: inline-block;
}

.staff-image-link:hover::after {
	background: rgba(0, 0, 0, 0.3);
	content: '';
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
}

.staff-card .staff-bio-link {
	background: var(--wp--preset--color--primary);
	color: #ffffff;
	position: absolute;
	font-family: var(--wp--preset--font-family--barlow-condensed);
	font-size: var(--wp--preset--font-size--small);
	font-weight: 700;
	padding: 0.5rem 0.5rem 0.5rem 0.75rem;
	text-transform: uppercase;
	transition: 0.25s;
	z-index: 4;
}

.staff-bio-link:hover,
.staff-bio-link:focus {
	box-shadow: inset 6.5em 0 0 0 #fdc500;
	color: var(--wp--preset--color--primary);
}

.staff-bio-link .dashicons-arrow-right-alt2:before {
	color: var(--wp--preset--color--secondary);
	font-size: 1rem;
	width: 1rem;
	height: 1rem;
}

.staff-bio-link:hover .dashicons-arrow-right-alt2:before {
	color: var(--wp--preset--color--primary);
}

.staff-cards .staff-card {
	margin-bottom: 1.5rem;
	text-align: center;
}

.staff-cards .staff-title {
	margin-top: 0.75rem;
}

.staff-card h3 {
	margin-bottom: 0;
}

/* Sidebars */
@media (min-width: 992px) {
	div#right-sidebar {
		padding-left: 2.5rem;
	}
}

.sidebar ul.menu {
	list-style: none;
	padding: 0;
}

@media (min-width: 768px) {
	div.sidebar {
		margin-top: 3rem;
	}
}

/* Links */
a {
	transition: color 0.3s ease-out;
}
a.arrow-link,
.arrow-link a {
	display: block;
	font-family: var(--wp--preset--font-family--barlow);
	font-size: var(--wp--preset--font-size--small);
	font-weight: 500;
	letter-spacing: 0.05rem;
	line-height: 1;
	text-transform: uppercase;
}

a.arrow-link::after,
.arrow-link a::after {
	color: var(--wp--preset--color--secondary);
	content: '\f345';
	font-family: dashicons;
	margin-left: 0.15rem;
	position: absolute;
}

/* Sidebars */
.sidebar .widget {
	margin-bottom: 2.5rem;
}

/* Testimonials */
.client-testimonials {
	z-index: 1;
}

.testimonial-carousel ul.slick-dots {
	margin-left: 0;
}

.gray-bkg-quote {
	display: none;
}

@media (min-width: 1200px) {
	.gray-bkg-quote {
		content: '';
		display: block;
		min-width: 50%;
		position: absolute;
		right: 0;
	}

	.gray-bkg-quote img {
		bottom: 0;
		position: absolute;
		right: 0;
		top: 0;
	}
}

/* Recent Posts */
.recent-posts li {
	align-items: center;
	display: flex;
	margin-bottom: 1rem;
}

.recent-posts li .wp-post-image {
	max-width: 55px;
	max-height: 55px;
	min-width: 55px;
	min-height: 55px;
}

.recent-posts .wp-block-latest-posts__featured-image,
.recent-posts .wp-block-latest-posts__post-title {
	align-content: center !important;
	display: flex;
}

/* Blog */
.blog #home-wrapper {
	margin-top: 2.5rem;
}

@media (min-width: 992px) {
	.blog #home-wrapper {
		margin-top: 3.5rem;
	}
}

/* Case studies */
.slick-track {
	display: flex;
	width: 100%;
}

.case-study__image img {
	display: block;
	width: 100%;
}

.case-study__content {
	padding: 1.5rem 2rem;
}

#featured-case-studies {
	margin-bottom: 30rem;
}

#featured-case-studies .case-study-carousel {
	margin-bottom: -30rem;
}

#featured-case-studies button.slick-prev.slick-arrow {
	top: 25%;
	left: 0;
}

#featured-case-studies button.slick-prev.slick-arrow,
#featured-case-studies button.slick-next.slick-arrow {
	background: var(--wp--preset--color--white);
	height: 40px;
	line-height: 1;
	padding: 0.25rem;
	right: 0;
	top: -2.5rem;
	width: 40px;
}

#featured-case-studies button.slick-prev.slick-arrow {
	background: var(--wp--preset--color--secondary);
	left: calc(100% - 80px);
}

#featured-case-studies .slick-slide {
	padding: 0;
}

/* Footer */
footer .footer-logo {
	width: 225px;
	max-width: 100% !important;
}

footer .h4 {
	font-family: 'Barlow';
}

#footer .btn-secondary a,
#footer .btn-secondary a:visited {
	color: var(--wp--preset--color--primary) !important;
}

@media (min-width: 992px) {
	#footer .copyright {
		text-align: center;
	}
}

@media (max-width: 991.98px) {
	#footer .copyright,
	#footer .wp-block-buttons,
	#footer .social {
		margin-bottom: 1.5rem;
	}
}

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

#footer .social-icon {
	background: var(--wp--preset--color--white);
	border-radius: 50%;
	display: inline-block;
	height: 30px;
	margin: 0 0.25rem;
	width: 30px;
}

#footer .h4 {
	font-family: var(--wp--preset--font-family--barlow);
	line-height: 1.6;
	text-transform: uppercase;
	font-size: var(--wp--preset--font-size--small);
}

#footer .contact-wrapper .dashicons {
	color: var(--wp--preset--color--secondary);
}

#footer li {
	margin-bottom: 0.5rem;
}

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

#footer .social-icon svg,
#footer .social-icon svg:hover {
	fill: var(--wp--preset--color--primary) !important;
	max-width: 1rem;
	max-height: 1rem;
}

@media (min-width: 768px) {
	.ft-copy {
		margin-top: 3rem;
		border-top: 1px solid #3b3b3b;
	}

	#footer .btn-secondary a,
	#footer .btn-secondary a:visited {
		color: var(--wp--preset--color--primary);
		padding-top: 1.5rem;
		padding-bottom: 1.5rem;
	}

	.fs-icon {
		border-right: 1px solid #3b3b3b;
		display: inline-block;
		padding: 1.1rem;
	}
}

/* Other */
ul.post-list-terms li {
	margin-bottom: 0.25rem;
}

@media (min-width: 992px) {
	.post-list-section ul.post-list-terms {
		margin-top: -4rem;
	}

	#nav_menu-8 {
		padding-top: 1.5rem;
	}
}

figcaption {
	font-style: italic;
	color: #777;
}

.hide-for-now {
	display: none;
}

.home .bg-light.bm-not-collapsed.start-header .dropdown .nav-link:hover {
	color: #b38c00;
}

.dropdown-menu {
	min-width: 14rem;
}

.lower-alpha li {
	margin-bottom: 0.75rem;
}

.lower-alpha {
	list-style: lower-alpha;
	margin-left: 1.5rem;
}

.pagination .page-numbers.current {
	background: var(--wp--preset--color--primary);
	color: var(--wp--preset--color--white);
}

.pagination .page-numbers:hover {
	background: var(--wp--preset--color--secondary);
	color: #000;
}

.single .cat-links {
	display: none;
}

#content
	a:where(
		:not(.wp-element-button):not(.wp-block-button__link):not(
				.staff-bio-link
			)
	):hover,
#content a:where(:not(.wp-element-button):not(.wp-block-button__link)):focus {
	color: #b38c00;
}

.trans-bkg.start-style #menu > .menu-item > a:hover {
	color: #fdc500 !important;
}

.wp-block-kadence-posts
	.loop-entry.category-friday-burrito
	.entry-header
	.entry-meta {
	margin: 0;
}

.gform_required_legend {
	display: none;
}

.wp-block-button__link {
	border-color: #1c1c1c;
	color: #ffffff;
	height: auto;
	transition: all 0.3s ease-out;
	width: auto;
}

a.wp-block-button__link:hover,
a.wp-block-button__link:focus {
	background: #fdc500;
	border-color: #fdc500;
	color: #1c1c1c;
}

#primary ol li {
	margin-bottom: 24px;
}

#primary ol li:last-child,
ol li:only-child {
	margin-bottom: 0;
}

.sponsor-carousel .slick-track {
	align-items: center;
}

.sponsor-carousel .slick-track .slick-slide img {
	margin: 0 auto;
	max-height: 84px;
	max-width: 100%;
	height: auto;
	width: auto;
}

.sponsor-carousel button.slick-arrow {
	top: 50% !important;
	transform: translateY(-50%);
}

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

@media (min-width: 1200px) {
	.header__navbar .button-1 {
		margin-right: 0.5rem;
	}
}

.bm-horizontal .site-logo img {
	max-width: 190px !important;
}

.bm-horizontal #site-navigation .nav-link {
	font-size: 1rem;
}

@media (max-width: 1399.98px) {
	.bm-horizontal .site-logo img {
		max-width: 180px !important;
	}

	.bm-horizontal #site-navigation .nav-link {
		font-size: 0.95rem;
	}

	.bm-horizontal #site-navigation .nav-link {
		padding: 0.25rem 0.75rem;
	}
}

.btn,
.gform_button.button {
	color: #fff;
	font-family: var(--wp--preset--font-family--barlow);
	font-weight: 700;
	letter-spacing: 0.05rem;
	padding: calc(0.667em) calc(1em);
	text-transform: uppercase;
}
:root :where(.is-layout-flow) > p {
	margin-block-end: 1rem;
}

h3.entry-title {
	line-height: 1;
}

.post-meta__author {
	font-weight: 600;
	margin-bottom: 0.45rem;
}

.sidebar ul {
	display: flex;
	flex-direction: column;
	gap: 1rem;
	list-style: none;
	padding: 0;
}

.sidebar ul li {
	line-height: 1.3rem;
	font-size: 0.95rem;
	font-weight: 600;
	padding: 0;
	margin: 0;
}

.sidebar .widget-title::after {
	background: var(--wp--preset--color--secondary);
	content: '';
	display: block;
	height: 3px;
	max-width: 3.5rem;
	margin-top: 0.3rem;
}

.post-meta__date {
	align-items: center;
	color: #565757;
	display: inline-flex;
	font-size: 0.95rem;
	gap: 0.35rem;
	margin-bottom: 0.75rem;
}

.post-meta__date .dashicons {
	align-items: center;
	display: inline-flex;
	font-size: 0.95rem;
	height: 1em;
	justify-content: center;
	line-height: 1;
	vertical-align: middle;
	width: 1em;
}

.post-meta__date .dashicons::before {
	color: #565757;
	font-size: 1em;
}

/* Pagination container */
.pagination {
	display: flex;
	gap: 0.35rem;
	justify-content: center;
	margin-top: 2rem;
}

/* Base pagination */
.pagination .page-numbers {
	color: inherit;
	display: inline-flex;
	font-weight: 600;
	margin: 0 0.25rem;
	text-decoration: none;
	transition: none;
}

/* Number buttons */
.pagination .page-numbers:not(.prev):not(.next) {
	align-items: center;
	border-radius: 9999px;
	height: 2rem;
	justify-content: center;
	width: 2rem;
}

/* Active page */
.pagination .page-numbers.current:not(.prev):not(.next) {
	background: var(--wp--preset--color--primary);
	color: var(--wp--preset--color--white);
}

/* Hover only for numbers */
.pagination .page-numbers:not(.prev):not(.next):hover {
	background: var(--wp--preset--color--secondary);
	color: #fff !important;
}

/* Prev / Next links (force no background) */
.pagination .page-numbers.prev,
.pagination .page-numbers.next {
	background: transparent !important;
	padding: 0 0.4rem;
}

/* Prev / Next hover */
.pagination .page-numbers.prev:hover,
.pagination .page-numbers.next:hover {
	background: transparent !important;
	color: var(--wp--preset--color--secondary);
}

.excerpt .wp-block-button__link {
	display: none;
}

.excerpt {
	border-bottom: 1px solid #ddd;
	padding-bottom: 0.75rem;
	margin-bottom: 0.75rem;
}