/*
Theme Name: Lamar
Theme URI: https://www.lamartrailers.com/
Description: Custom WordPress theme for Priority Sports. Designed with ❤️ by DigitalDesign.NYC
Author: DigitalDesign.NYC
Author URI: https://dd.nyc/
Version: 1.0
*/

.wpcf7-response-output {
	display: none !important;
}

span.wpcf7-not-valid-tip {
	margin: 0 0 max(8px, 16rem);
	font-size: max(12px, 14rem);
	color: var(--red);
}

.wpcf7-form.invalid input.wpcf7-not-valid,
.wpcf7-form.invalid textarea.wpcf7-not-valid {
	color: rgba(184, 1, 0, 0.5);
	border: 1px solid #b80100 !important;
}

.wpcf7-form.invalid input.wpcf7-not-valid::placeholder,
.wpcf7-form.invalid textarea.wpcf7-not-valid::placeholder {
	color: rgba(184, 1, 0, 0.5);
}

.wpcf7-form.invalid input.wpcf7-not-valid::-webkit-input-placeholder,
.wpcf7-form.invalid textarea.wpcf7-not-valid::-webkit-input-placeholder {
	color: rgba(184, 1, 0, 0.5);
}

.wpcf7-form.invalid input.wpcf7-not-valid:-ms-input-placeholder,
.wpcf7-form.invalid textarea.wpcf7-not-valid:-ms-input-placeholder {
	color: rgba(184, 1, 0, 0.5);
}

.wpcf7-form.invalid input.wpcf7-not-valid::-ms-input-placeholder,
.wpcf7-form.invalid textarea.wpcf7-not-valid::-ms-input-placeholder {
	color: rgba(184, 1, 0, 0.5);
}

body .page-404-bg {
	background: url(/wp-content/uploads/2025/09/404-bg.webp) 50% 50% no-repeat;
}

body .page-404-bg::before {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	content: '';
	height: max(100px, 200rem);
	background: linear-gradient(180deg, #F7F6F8 0%, rgba(255, 255, 255, 0) 100%);
}

a.catalog-spec-item, .catalog-name {
	color: var(--black);
	text-decoration: none;
}

a.catalog-spec-item {
	z-index: 2;
}

.fill::after {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 1;
}

.catalog-item {
	position: relative;
}

:root { --header-h: 0px; --scroll-extra: 150px; }

html { 
	scroll-behavior: smooth; 
}

.section { 
	scroll-margin-top: calc(var(--header-h) + var(--scroll-extra)); 
}

#wrapper .hero, #wrapper .hero-bg {
	height: 100vh;
}

.fixed-bar-block.fixed-bar-block-center {
	display: flex;
	justify-content: center;
}

.catalog-photo img {
    object-fit: contain;
    object-position: center;
}

@keyframes revealUp {
	0% { opacity: 0; transform: translateY(24px) scale(.98); }
	60% { opacity: 1; transform: translateY(0) scale(1.01); }
	100% { opacity: 1; transform: translateY(0) scale(1); }
}
.section.scroll-hit .catalog,
.section.scroll-hit .holder { 
	animation: revealUp .6s ease-out both; 
}

.has-sticky-button .hero .hero-wrap {
	padding: 0 20px max(36px, 180rem);
}