:root {
    
    --hp-hero-title-filled: var(--background-1-base-alt);
    --hp-hero-title-masked: var(--background-1-base-alt);
    --hp-hero-title-masked-bg: var(--background-1-base);
    
    --hp-hero-filled-header-transform: translateY(11.5%);
    --hp-hero-masked-header-transform: translateY(-5%);
    
    --hp-hero-title-mix-blend-mode: normal;
    
    --info-section-mix-blend-mode: normal;
    --info-section-title-color: var(--info-section-bg-alt);
    --info-section-mobile-title-color-filled: var(--info-section-bg-alt);
    
    --info-section-pseudo-bg-opacity: 0.85;
    
    --hp-fp-title-color: var(--hp-fp-bg-alt);
    --hp-fp-mobile-title-filled-color: var(--hp-fp-bg-alt);
    
    --interior-page-hero-image-header-font: var(--fonts-accent);
    --interior-page-hero-image-header-font-size: var(--accent-base-font-size);
    --interior-page-hero-image-filled-header-text-color: var(--background-1-base-alt);
    
    --interior-page-hero-image-filled-header-transform: translateY(0%);
    --interior-page-hero-image-masked-header-transform: translateY(0%);
    --interior-page-hero-image-header-line-height: 1;
    
    --desktop-bottom-image-linear-gradient: linear-gradient(transparent 10%,#000 85%);
}

body {
    --lightning-form-bg: var(--background-2-base);
    --lightning-form-bg-alt: var(--background-2-base-alt);
    --lightning-form-border-color: #AFAFAF;
    --lightning-form-calendar-bg: var(--background-1-base);
    --lightning-form-calendar-alt: var(--background-1-base-alt);
    --box-shadow: 0;
}

.pets-page {
    --confined-banner-text-bg: var(--background-2-base);
    --pets-text-container-bg: var(--background-2-base);
    --pet-card-text-color: var(--background-2-base-alt);
}

.application-page {
    --apply-card-bg:  var(--background-2-base);
    --apply-card-text-color: var(--background-2-base-alt);
}

#body_residents {
    --resident-card-headers-color: var(--background-2-base-alt);
    --resident-card-bg: var(--background-2-base);
}

.design-style .info-section .outer-title div {
    mix-blend-mode: normal;
}

.design-style .homepage-featured-floorplans-section .floorplans-hero .title {
    mix-blend-mode: normal;
}

.design-style .homepage-featured-floorplans-section .floorplans-hero .title div {
    mix-blend-mode: normal;
}

.hero-image .over-image-header-container { 
    mix-blend-mode: normal;
}

@media (max-width: 819px) {
    #homepage_featured_floorplans_section .floorplans-hero .title div span:first-of-type {
        mix-blend-mode: normal;
    }
}

@media (min-width: 820px){
    .design-style .info-section .outer-title {
        background-color: transparent;
    }
    
    .design-style .homepage-featured-floorplans-section .floorplans-hero .title {
        background-color: transparent;
    }
    
    .design-style .info-section .outer-title::after {
        content :'';
        position: absolute;
        inset: 0;
        width: 100%;
        height: 100%;
        background-color: var(--info-section-bg);
        z-index: -1;
        opacity: var(--info-section-pseudo-bg-opacity);
    }
    
    .design-style .homepage-featured-floorplans-section .floorplans-hero .title::after {
        content :'';
        position: absolute;
        inset: 0;
        width: 100%;
        height: 100%;
        background-color: var(--hp-fp-bg);
        z-index: -1;
        opacity: var(--info-section-pseudo-bg-opacity);
    }
    
    .design-style .info-section .button {
        background-color: transparent;
    }
}