@import '/Portals/_default/cft-mini-overrides.css';

/* Root Variables */
:root {
    --primary-color-h: 2;
    --primary-color-s: 50%;
    --primary-color-l: 38%;
    --primary-color-a: 100%;
}

/* Banners */
.cft-mini .banner.banner__hero {
    background: url(/Portals/cft-allentown/CM-Admin/banner.jpg) fixed;
    background-size: cover;
    background-position: center;
}

/* Unique Overrides */
.cft-mini .banner.banner__hero .banner--container h1 {
    font-size: clamp(2rem, 2vw + 1rem, 3rem);
}

.cft-mini .banner.banner__hero .banner--container p {
    font-size: clamp(0.9rem, 2vw, 1.5rem);
}

.cft-mini .banner.banner__hero .banner--container .banner--content.bg {
    padding: 1.5rem 2rem;
    max-width: 750px;
}

/* Media Query for Mobile Devices */
@media only screen and (max-width: 600px) {
    .cft-mini .banner.banner__hero {
        background: url(/Portals/cft-allentown/CM-Admin/banner.jpg) no-repeat center center;
        background-size: cover;
        background-attachment: scroll;
    }
    
    .cft-mini .banner.banner__hero .banner--container h1 {
        font-size: clamp(2rem, 2vw + 1rem, 3rem);
    }
    
    .cft-mini .banner.banner__hero .banner--container p {
       font-size: clamp(0.9rem, 2vw, 1.5rem);
    }
    
    .cft-mini .banner.banner__hero .banner--container .banner--content.bg {
        padding: 1rem;
        max-width: 100%;
    }
}

/* Media Query for iPad Air (Portrait and Landscape) */
@media only screen and (max-width: 1024px) {
    .cft-mini .banner.banner__hero {
        background: url(/Portals/cft-allentown/CM-Admin/banner.jpg) no-repeat center center;
        background-size: cover;
        background-attachment: scroll;
    }
    
    .cft-mini .banner.banner__hero .banner--container h1 {
        font-size: clamp(2.5rem, 4vw + 1rem, 3.5rem);
    }
    
    .cft-mini .banner.banner__hero .banner--container p {
        font-size: clamp(1rem, 2.5vw, 1.8rem);
    }
    
    .cft-mini .banner.banner__hero .banner--container .banner--content.bg {
        padding: 1.2rem;
        max-width: 90%;
    }
}

/* Media Query for iPad Pro 6th Generation (Portrait and Landscape) */
@media only screen and (max-width: 1366px) {
    .cft-mini .banner.banner__hero {
        background: url(/Portals/cft-allentown/CM-Admin/banner.jpg) no-repeat center center;
        background-size: cover;
        background-attachment: scroll;
    }
    
    .cft-mini .banner.banner__hero .banner--container h1 {
        font-size: clamp(2.8rem, 3.5vw + 1.5rem, 4rem);
    }
    
    .cft-mini .banner.banner__hero .banner--container p {
        font-size: clamp(1.2rem, 2.8vw, 2rem);
    }
    
    .cft-mini .banner.banner__hero .banner--container .banner--content.bg {
        padding: 1.5rem;
        max-width: 85%;
    }
}