/*
Theme Name: Sign Craft
Theme URI: https://www.signcraft.us
Author: Sign Craft
Author URI: https://www.signcraft.us
Description: Sign Craft creative signage and brand solutions WordPress theme.
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: signcraft-brisify
*/

/* Header text logo using the same Boldonse font as the nav overlay highlight. */
.rt-brand-logo {
	font-family: 'Boldonse', sans-serif;
	font-size: 1.75rem;
	line-height: 1;
	white-space: nowrap;
	color: var(--_colors---text-color--text-primary, #000);
}

.rt-brand {
	display: flex;
	align-items: center;
	text-decoration: none;
}

.rt-brand:hover {
	text-decoration: none;
}

/* Constrain partner logos in the scrolling hero marquee. */
.rt-client-v1-marque-train img {
	height: 42px !important;
	width: auto !important;
	max-width: 280px;
	object-fit: contain;
	vertical-align: middle;
}

.rt-client-v1-marque-train .rt-no-shrink {
	display: flex;
	align-items: center;
	justify-content: center;
	min-width: 180px;
}

/* Flow-style animated square grid behind the homepage hero. */
.sc-hero-grid-bg {
	pointer-events: none;
	position: absolute;
	inset: 0;
	z-index: 0;
	overflow: hidden;
	mask-image: radial-gradient(ellipse 90% 70% at 50% 28%, black 22%, transparent 78%);
}

.sc-hero-grid-bg::after {
	content: "";
	position: absolute;
	inset: 0;
	background: rgba(255, 248, 238, 0.8);
	pointer-events: none;
}

.sc-hero-grid-object {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	min-height: 100%;
	display: block;
	border: 0;
}

.rt-hero-one > .w-layout-blockcontainer,
.rt-hero-one > .rt-hero-video-wrap {
	position: relative;
	z-index: 1;
}

/* Shop photo above the job gallery — sits above the hero grid overlay. */
.rt-hero-video-wrap .sc-hero-shop-image {
	display: block;
	width: 100%;
	height: 100%;
	min-height: 28rem;
	object-fit: cover;
	position: relative;
	z-index: 1;
}

@media (prefers-reduced-motion: reduce) {
	.sc-hero-grid-bg {
		opacity: 0.65;
	}
}

/* Overlay menu mark next to SIGNCRAFT. */
.sc-menu-logo {
	width: 7.5rem;
	height: 7.5rem;
	display: block;
	object-fit: contain;
}

.rt-menu-logo .w-embed {
	display: flex;
	align-items: center;
	line-height: 0;
}

/* Homepage job-photo gallery (Justified Image Grid). */
.sc-job-gallery {
	padding: 0 1.25rem 4rem;
}

.sc-job-gallery .w-container {
	max-width: none;
	width: 100%;
}

/* Homepage Fotoba loop: keep Webflow entrance wrappers, hide fake play overlay. */
.sc-fotoba-loop .rt-video-control-button {
	display: none !important;
}

.sc-fotoba-loop video {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

/* Hide footer social icons until links are ready. */
.rt-footer-v2-social-icon,
.rt-menu-right-bottom-social-wrap {
	display: none !important;
}

body.sc-talk-modal-open {
	overflow: hidden;
}

.sc-talk-modal[hidden] {
	display: none !important;
}

.sc-talk-modal {
	position: fixed;
	inset: 0;
	z-index: 2147483000;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 1.25rem;
}

.sc-talk-modal__backdrop {
	position: absolute;
	inset: 0;
	background: rgba(12, 10, 8, 0.48);
	backdrop-filter: blur(8px);
}

.sc-talk-modal__dialog {
	position: relative;
	width: min(760px, 100%);
	max-height: min(92vh, 920px);
	overflow: hidden;
	background: #fff8ee;
	border: 0;
	border-radius: 28px;
	box-shadow: 0 28px 90px rgba(20, 14, 8, 0.28);
	display: flex;
	flex-direction: column;
}

.sc-talk-modal__heading {
	display: flex;
	align-items: baseline;
	flex-wrap: wrap;
	gap: 0.2em 0.28em;
	margin: 0;
	padding: 1.35rem 4.25rem 0.15rem 1.6rem;
	line-height: 1.15;
}

.sc-talk-modal__title {
	font-family: Boldonse, sans-serif;
	font-size: clamp(1.7rem, 3.4vw, 2.25rem);
	font-weight: 400;
	letter-spacing: 0.01em;
	color: #040404;
	text-transform: none;
}

.sc-talk-modal__talk.rt-stylish-font {
	font-family: "Playwrite US Trad", sans-serif;
	font-style: normal;
	font-weight: 400;
	color: #4e4e4e;
	font-size: clamp(1.85rem, 3.6vw, 2.45rem);
	line-height: 1;
	text-transform: none;
}

.sc-talk-modal__close {
	position: absolute;
	top: 1rem;
	right: 1rem;
	width: 2.4rem;
	height: 2.4rem;
	border: 1px solid rgba(4, 4, 4, 0.16);
	border-radius: 999px;
	background: #fffdf8;
	font-size: 1.45rem;
	line-height: 1;
	color: #040404;
	cursor: pointer;
}

.sc-talk-modal__close:hover {
	background: #040404;
	color: #fff8ee;
	border-color: #040404;
}

.sc-talk-modal__frame {
	width: 100%;
	height: min(78vh, 780px);
	border: 0;
	background: #fff8ee;
}

a.sc-js-talk-inline {
	text-decoration: underline;
	text-underline-offset: 0.15em;
}