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

:root {
	/* Font families */
	--xui-font-base: "futura-pt", sans-serif;
	--xui-font-heading: "orpheuspro", sans-serif;

	/* Font sizes */
	--xui-font-size-md: clamp(1.125rem, 1.075rem + 0.25vw, 1.375rem);
	--xui-font-size-lg: clamp(1.5rem, 1.425rem + 0.375vw, 1.875rem);
	--xui-font-size-xl: clamp(2.1875rem, 2.0625rem + 0.625vw, 2.8125rem);
	--xui-font-size-xxl: clamp(2.8125rem, 2.6875rem + 0.625vw, 3.4375rem);
}

/* Logo */
.header .header__wrapper .header__logo img {
	max-width: 120px !important;
}

/* Buttons */
.wp-block-cohesive-blocks-button {
	font-family: var(--xui-font-base);
}

/* Subtitle */
.subtitle {
	color: var(--xui-black);
	font-weight: var(--xui-font-weight-semibold);
	font-size: var(--xui-font-size-sm);
	letter-spacing: .08rem;
	margin-bottom: .5rem;
	text-transform: uppercase;
}

.subtitle.has-text-align-center::after {
	background: var(--xui-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(--xui-white);
}

.subtitle::before {
	background: var(--xui-primary);
	content: "";
	display: inline-block;
	height: 2px;
	margin-right: .5rem;
	margin-bottom: .25rem;
	width: 2.5rem;
}

/* Footer */
.home #footer {
	margin-top: 0;
}

footer .h4 {
	font-size: var(--xui-font-size-md);
	letter-spacing: .125rem;
	text-transform: uppercase;
}

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

footer ul li.menu-item:before {
	color: var(--xui-primary);
	content: "\f345";
	font-family: 'dashicons';
	font-size: .8rem;
	line-height: 2.65;
	align-items: center;
	margin-left: -1rem;
	padding-right: .25rem;
	position: absolute;
}

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