/* ==========================================================================
     Project:     Cherokee Brick - Landing Pages
     Date:        03/25/26 - File created	
     Created by:  Third Wave Digital (www.thirdwavedigital.com)
========================================================================== */

/* ==========================================================================
   Theme
========================================================================== */

:root {
     --bia-primary: #AC493D;
     --bia-primary-dark: #612922;
}

/* ==========================================================================
     Layout
========================================================================== */

#top {scroll-margin-top: 30px}

.lp-hero {position: relative;padding: 3rem 0}
.lp-hero-img {position: absolute; object-fit: cover; width: 100%; height: 100%; z-index: -1; inset: 0}
.lp-hero h1 {font-size: 2.25rem}

.lp-caption {background: rgba(31, 26, 32, 0.7); padding: 1.5rem 1.75rem 1.75rem 1.75rem; max-width: 450px}
.lp-caption h1, .lp-caption p {color: white}
.lp-caption hr {border-color: #E7C4A8}

.lp-contact {background: rgba(172,73,61,.9); color: white; border: 2px solid white; max-width:450px}
.lp-contact h2 {color: white}
.lp-contact label:not(.form-check-label) {font-weight: 700;margin-bottom: .25rem}
.lp-contact .btn-white:hover, .lp-contact .btn-white:focus {background:color-mix(in srgb, black 05%, white 90%);}
.lp-contact .form-check-label {line-height: 1.4}
.lp-contact .form-check { line-height: 1.4}
.lp-contact .form-check-input.is-invalid ~ .form-check-label {color: #212529;}


.lp-cta {background:white; margin-left: auto;margin-right:auto; max-width: 700px; padding: 1.5rem; box-shadow:0 0 25px rgba(0, 0, 0, 0.15); border-radius: .375rem}

.lp-icon-card {background: white; border-left:4px solid var(--bia-primary); border-radius: 4px; text-align:center; padding: 1.5rem;height: 100%}

.lp-image-card {background: #E7C4A8;height: 100%;  }
.lp-image-card img {aspect-ratio: 16 / 1; width: 100%; height: 170px;object-fit: cover;}

.lp-info-card {background: white; box-shadow:0 0 25px 0 rgba(0, 0, 0, 0.15); padding: 2rem; border-radius: .375rem; height: 100%; display: flex; align-items:center; max-width: 400px}

/* ==========================================================================
   Components
========================================================================== */

.bg-brick {background: url(/img/bg-augusta.jpg)}
.btn-white:hover {color: var(--bia-primary)}
.btn-white:focus {color: var(--bia-primary-dark)}

/* ==========================================================================
     Media Queries
========================================================================== */

@media (min-width: 768px) {	
	.lp-image-card {width: 410px}
}

@media (min-width: 992px) {	
	.cap-heading-width-lg {max-width: 170px;margin-left:auto;margin-right:auto;}
}