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

/* Navigation */
.bm-horizontal .site-logo img {
	padding: 0
}

.bm-horizontal .menu-item,
.bm-horizontal .wp-element-button {
	font-size: 1.1rem;
}

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

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

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

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

.subtitle.has-text-align-center::after {
	background: var(--wp--preset--color--primary);
	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: var(--wp--preset--color--primary);
	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--medium) !important;
	font-weight: 400;
	line-height: 1.3
}

.jumbotron-container {
	max-width: 700px;
}

@media (max-width: 576px) {
	.jumbotron-container {
		margin-top: 1rem;
	}

	.jumbotron-container h1 {
		font-size: var(--wp--preset--font-size--x-large);
	}

	.home .jumbotron::after {
		background: rgba(0, 0, 0, 0.6) !important;
	}
}

@media (min-width: 1200px) {
	.jumbotron-container h1 {
		font-size: 3.25rem;
	}
}

@media (min-width: 575.98px) {
	.jumbotron {
		animation: zoom 30s 1;
	}

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

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

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

/* Buttons */
.wp-block-button__link.btn-default.wp-block-cohesive-blocks-button {
	border: 1px solid #111111;
}

.wp-block-button__link.btn-primary.wp-block-cohesive-blocks-button,
.wp-block-button__link.btn-default.wp-block-cohesive-blocks-button:hover {
	color: var(--wp--preset--color--black);
}

.wp-block-button__link.btn-primary.wp-block-cohesive-blocks-button:hover {
	color: #ffffff;
}

.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: 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 {
		position: relative;
		margin-right: 1.5rem;
	}

	.search-field:focus {
		position: absolute;
		left: 0px;
		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;
}

/* Gray backgrounds */
@media (min-width: 1020px) {

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

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

	.gray-bkg-left::after {
		left: 0;
	}

	.gray-bkg-right::after {
		right: 0;
	}

	.gray-bkg-left .wp-block-image img,
	.gray-bkg-right .wp-block-image img {
		width: 100%;
	}

	.img-shadow {
		box-shadow: 0px 3px 35px #0000001A;
	}
}

/* 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);
	letter-spacing: .125rem;
	text-transform: uppercase;
}

footer ul li {
	position: relative;
	margin-left: 1rem;
}

footer ul li:before {
	color: #C1C1C1;
	content: "\f345";
	font-family: 'dashicons';
	font-size: .8rem;
	margin-left: -1rem;
	padding-right: .25rem;
	position: absolute;
}

/* Other */
.img-shadow img {
	width: 100%;
}

#title-block.bkg-img .tb-wrapper::before {
	background: transparent linear-gradient(270deg, #1C160F00 0%, #1C160F 100%) 0% 0% no-repeat padding-box !important;
	opacity: 0.85;
}

.home .kb-gallery-caption-style-bottom-hover .kadence-blocks-gallery-item .kadence-blocks-gallery-item__caption {
	opacity: 1
}

.home .kb-gallery-caption-style-bottom-hover .kadence-blocks-gallery-item .kadence-blocks-gallery-item__caption:hover {
	background: linear-gradient(0deg, rgba(0, 0, 0, 0.75) 0, rgba(0, 0, 0, 0) 100%)
}

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

.project-image:hover {
	filter: grayscale(100%);
}

@media (max-width: 767px) {
	.jumbotron-container {
		padding: 0 1rem;
	}
}

.jumbotron::after {
	background: transparent linear-gradient(270deg, #1C160F00 0%, #1C160F 100%) 0% 0% no-repeat padding-box !important;
	opacity: 1;
}

#projectLightbox {
	background: rgba(0, 0, 0, .65)
}

#projectLightbox .modal-header {
	border: none;
}

#projectLightbox .modal-content {
	background: transparent;
	border: none;
}

#projectLightbox .carousel-item img {
	border: 1rem solid #fff;
}

#projectLightbox .btn-close {
	filter: brightness(0) invert(1);
}

.optimal-line-length {
	max-width: 70rem;
}

.kb-post-list-item .wp-block-button__link_underline.wp-block-cohesive-blocks-button {
	color: var(--wp--preset--color--black);
	display: inline-block;
    margin-bottom: 1rem;
    position: relative;
}

.kb-post-list-item .wp-block-button__link_underline.wp-block-cohesive-blocks-button:after {
    background-image: linear-gradient(to right, #000000 50%, rgba(229 178 13) 50%) !important;
    background-position: 100% 50%;
    background-repeat: no-repeat;
    background-size: 200% 100%;
    bottom: -.1rem;
    content: "";
    height: 2px;
    left: 0;
    position: absolute;
    transition: .4s ease-in;
    width: 100%;
}

.kb-post-list-item .wp-block-button__link_underline.wp-block-cohesive-blocks-button:hover:after {
    background-position: 0 50%;
}