/*
 Theme Name:        Uptown Nexus Theme
 Text Domain:       uptown-child-nexus
 Author:            April Auger
 Author URI:        https://aprilauger.com
 Description:       Nexus is a child theme designed to be used alongside the Uptown theme.
 Template:          uptown
 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
*/

/* Typography */
.h1,
.h2,
.h3,
.h4 {
	font-weight: 700;
}

h3.post-title {
	font-size: 1.5rem;
	margin-bottom: .25rem;
}

/* Header */
@media (min-width: 992px) {
	.home #navbar-wrapper.start-style {
		border-bottom: 1px solid rgba(255, 255, 255, .15);
	}
}

.header-fixed.home #header {
	background: transparent linear-gradient(180deg, #000000A8 0%, #27272738 80%, #67676700 100%) 0% 0% no-repeat padding-box;
}

#title-block.no-bkg-img.header-fixed-mt {
	margin-top: 3rem;
}

/* Subtitle */
.subtitle {
	color: var(--wp--preset--color--black);
	font-weight: 500;
	font-size: var(--wp--preset--font-size--x-small);
	letter-spacing: .07rem;
	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;
}

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

.img-shadow img {
	width: 100%;
}

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

/* What We Do */
.plus-overlay.wp-block-kadence-column {
	overflow: hidden;
	position: relative;
}

/* Remove overlay and hide text on hover */
.plus-overlay.wp-block-kadence-column:hover .kt-inside-inner-col div {
	opacity: 0;
	transition: opacity 0.3s ease-in-out;
}

/* Plus dashicon styling with animation */
.plus-overlay.wp-block-kadence-column::after {
    color: white;
    content: "\f132";
    font-family: "Dashicons";
    font-size: 2rem;
    left: 50%;
    opacity: 0;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%) scale(0);
    transition: transform 0.3s ease-in-out, opacity 0.3s ease-in-out;
    z-index: 2;
}

.plus-overlay.wp-block-kadence-column:hover::after {
    opacity: 1;
    transform: translate(-50%, -50%) scale(1);
}

/* Optional: Explicit hover-off state */
.plus-overlay.wp-block-kadence-column:not(:hover)::after {
    opacity: 0;
    transform: translate(-50%, -50%) scale(0);
}

/* Ensure the link spans the entire section */
.plus-overlay .kb-section-link-overlay {
	height: 100%;
	left: 0;
	position: absolute;
	text-decoration: none;
	top: 0;
	width: 100%;
	z-index: 3;
}

/* Other styles */
.wp-block-button__link {
	height: auto;
	width: auto;
}

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

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