/*
* 2026-02-02
* Custom styles for School Survey page only
*/
.bg-survey-blue {background-color:#222d66;}
.bg-survey-green {background-color: rgba(24, 111, 58, var(--pws-bg-opacity)) !important}
.border-survey-green {--pws-border-color:#186F3A;}
.l-green {color: rgb(24, 111, 58);}
/* Banner styles */
.bnr-green {
    color: #78BA42;
    font-family: futura-pt-bold, sans-serif;
    font-weight: 700;
    font-style: normal;
    font-size: 5vmax;
    text-transform: uppercase;
    line-height: normal;
}
.bnr-write {
    font-size: 3vmax;
    font-family: ccmeanwhile, sans-serif;
    text-transform: uppercase;
    font-style: italic;
    color: white;
    display: inline-block;
    text-align: center;
    min-width: 6em;
    line-height: normal;
    padding: 0.4rem 0;
    vertical-align: text-bottom;
    border-bottom: solid 1px #78BA42;
    margin-left: 0.5rem;
}
.bnr-text > div {text-align: center;}
.bnr-photo {
    background: url('https://pwsblobprd.schools.nyc/prd-pws/images/default-source/logos-icons/envelope.svg');
    background-repeat: no-repeat;
    background-size: cover;
    aspect-ratio: 284 / 141;
    width:auto;
    margin-bottom: -2rem;
}
.bnr-photo h1 {
    font-family: halyard-display, sans-serif;
    font-weight: 700;
    font-style: normal;
    font-size: 4.7vmax;
    letter-spacing: normal;
    line-height: normal;
    margin: 0;
    bottom:2.5vmin;
    left:5vmin;
}
.bnr-photo .d-block {
    font-size: 7vmax;
    line-height: 4.2vmax;
}
@media(max-width: 768px) { /* when screen size is small */
    .bnr-text {margin-bottom: 2rem;}
}
@media(min-width: 768px) { /* when screen size is big */
    .bnr-photo {
        width:29vw;
        transform:rotate(5deg);
        margin:0;
    }
    .bnr-photo h1 {
        bottom:1vw;
        left:2vw;
        font-size:2.8vw;
    }
    .bnr-photo .d-block {
        font-size:4.3vmax;
        line-height:2.6vmax;
    }
    .bnr-green {font-size: 3vw;}
    .bnr-write {font-size: 2vw;}
}

/* Tabs and panes styles */
ul.nav.nav-pills {
    list-style: none;
    padding: 0;
    margin: 0;
}
.nav-pills .nav-item button {
    background:none;
    padding:0.6rem 1rem;
    color:var(--site-logo-darkBlue);
    border-color:var(--site-logo-darkBlue);
    border:solid 1px;
    border-radius: var(--pws-border-radius-pill) !important;
    font-weight:600;
}
.nav-pills .nav-item button:hover {
    color:var(--pws-white);
    background:var(--site-logo-darkBlue);
}
.nav-pills .nav-item button.active {
    color:var(--pws-white);
    background:rgb(24, 111, 58);
}
.tab-pane {
    padding:1rem 1.5rem;
}
/* Transition animation */
.tab-pane.active {
    animation: slide-up 0.3s ease-out;
}
@keyframes slide-up {
    0% { opacity: 0; transform: translateY(10px); }
    100% { opacity: 1; transform: translateY(0); }
}
/* Mobile adjustments */
@media(max-width: 576px) {
    li.nav-item {
        display: inline-block;
        margin:0 0.4rem 0.5rem 0;
    }
}