@import url("/Content/ClientTheme/Delaware/CSS/twinkle-theme-light-delaware.css");

/** Landing & Auth Pages **/


.portal-client-logo, .portal-client-logo img {
    max-width: 260px;
}
.landing-logo {
    display: none;
}

.login-button-container {
    width: 100%;
    padding: 0px 48px;
}

    .login-button-container .row {
        display: flex;
        align-items: center;
        justify-content: center;
    }

.portal-client-logo, .portal-client-logo img {
    max-width: 180px;
}
.portal-client-banner {
    background-position: 0px;
}
.portal-client-banner::before {
    display: none;
}

/* ==============================
   RESPONSIVE DESIGN
   ============================== */

/* Extra small devices (phones ≥576px) */
@media only screen and (min-width: 576px) {
    /* Styles for extra small phones */
}

/* Small devices (tablets ≥768px) */
@media only screen and (min-width: 768px) {
    .portal-client-logo, .portal-client-logo img {
        max-width: 220px;
    }
}

/* Medium devices (large tablets ≥1024px) */
@media only screen and (min-width: 1024px) {
    .portal-client-logo, .portal-client-logo img {
        max-width: 240px;
    }
}
/* Large devices (laptops ≥1280px) */
@media only screen and (min-width: 1280px) {
    .portal-client-banner {
        padding: 16px 32px;
    }
}
/* Extra large devices (desktops ≥1440px) */
@media only screen and (min-width: 1440px) {
    .portal-client-logo, .portal-client-logo img {
        max-width: 280px;
    }
}

/* Extra wide screens (≥1600px) */
@media only screen and (min-width: 1600px) {
    .portal-client-logo, .portal-client-logo img {
        max-width: 320px;
    }
}

/* Ultra wide screens (≥1920px) */
@media only screen and (min-width: 1920px) {
    /* Styles for 1080p full HD and up */
}