/*
  Back to School 2026-2027 Landing page styles
  Created August 2026
  Contact External Communications at Tweed if inquiries
*/
@import url("https://use.typekit.net/bfi2cjy.css");
.halyard-display, main h1, main h2, main h3, main h4 {
    font-family: "halyard-display", sans-serif;
    font-weight: 500;
    font-style: normal;
}
.halyard-display-semibold {
    font-family: "halyard-display", sans-serif;
    font-weight: 600;
    font-style: normal;
}
:root {
    --bts-magenta:rgba(225, 30, 142, 1);
    --bts-yellow:rgba(245, 167, 0, 1);
    --bts-navy:rgba(0, 33, 105, 1);
    --bts-blue:rgba(0, 77, 188, 1);
    --bts-light-blue:rgba(121, 162, 220, 1);
    --bts-light-blue-2:rgba(183, 209, 237, 1);
}
.bg-bts-magenta {background-color:var(--bts-magenta);}
.bg-bts-yellow {background-color:var(--bts-yellow);}
.bg-bts-navy {background-color:var(--bts-navy);}
.bg-bts-blue {background-color:var(--bts-blue);}
.bg-bts-light-blue {background-color:var(--bts-light-blue);}
.bg-bts-light-blue-2 {background-color:var(--bts-light-blue-2);}
.bts-body {
    padding: 8vh 0;
    background-image:
        url('https://pwsblobprd.schools.nyc/prd-pws/images/default-source/external-comms/bts-2026/bordette-bottom-navy.png'),
        url('https://pwsblobprd.schools.nyc/prd-pws/images/default-source/external-comms/bts-2026/bordette-top-navy.png'),
        url('https://pwsblobprd.schools.nyc/prd-pws/images/default-source/external-comms/bts-2026/paper-ltblue.png');
    background-repeat:repeat-x, repeat-x, repeat;
    background-size:auto 6vh, auto 6vh,auto;
    background-position:center bottom,center top,center top;
}

/* Accordion H3 restyle ====================== */
div.accordionblockh3 {
    background-color: #d9e5f5;
    border-radius:0.5rem; /* lg */
    margin-bottom:1.25rem;
    box-shadow: 2px 2px 9px 0px #33333342;
}
.container div.accordionblockh3 h3, .container div.accordionblockh3 h3 + div.accordiontoggle {
    width: 100%;
}
.container div.accordionblockh3 h3 {
    border-bottom: none;
    padding: 0.625rem 3rem 0.625rem 1.25rem;
    font-size: calc(1.28125rem + 0.375vw);
}
h3.arrowdown::after, h3.arrowup::after {
    right:1.25rem;
}
div.accordionblockh3 h3.arrowup {
    margin-bottom:0.25rem;
}
.accordiontoggle {
    margin-bottom: 1.25rem;
    padding:0.625rem 1.875rem;
    padding-bottom:0;
}
.accordiontoggle p:last-of-type {margin-bottom:0;}
.accordiontoggle hr {display:none;}

/* Collapse tabs and panes =================== */
.nav-collapse button:not(.RadDock *):not(.sf-editor *) {
    border-radius:9999px;
    color:#2a54a5;
    font-size:1.25rem;
    font-weight:500;
    border:none;
    border:solid 2px currentColor;
    background-color:var(--pws-white);
    padding:0.315rem 0.625rem;
}
.nav-collapse button:hover {
    outline:solid 2px #2a54a5;
    outline-offset:2px;
}
.nav-collapse button[aria-expanded=true]:not(.RadDock *):not(.sf-editor *) {
    background-color:#2a54a5;
    border-color:#2a54a5;
    color:white;
    outline:solid 2px #2a54a5;
    outline-offset:2px;
}
.collapse-ctr:not(.RadDock *):not(.sf-editor *) {
    background-color:var(--pws-white);
    border-radius:1.5rem;
    overflow:auto;
}
.cl-item {margin:1.25rem;}
.cl-item p:last-of-type {margin-bottom:0;}
.RadDock .collapse, .sf-editor .collapse {display:block;}


/* Header ==================================== */
.row.bts-header {
    padding: 6vh 6vmin;
    background-image: url("https://pwsblobprd.schools.nyc/prd-pws/images/default-source/external-comms/bts-2026/bordette-top-crop.png"),
        url("https://pwsblobprd.schools.nyc/prd-pws/images/default-source/external-comms/bts-2026/bordette-bottom-crop.png"),
        url("https://pwsblobprd.schools.nyc/prd-pws/images/default-source/external-comms/bts-2026/bordette-right-crop.png"), 
        url("https://pwsblobprd.schools.nyc/prd-pws/images/default-source/external-comms/bts-2026/bordette-left-crop.png"),
        url("https://pwsblobprd.schools.nyc/prd-pws/images/default-source/external-comms/bts-2026/paper-navy.png");
    background-size: auto 6vh, auto 6vh, 6vmin auto, 6vmin auto, cover;
    background-repeat: repeat-x, repeat-x, repeat-y, repeat-y, repeat;
    background-position: left top, left bottom, right top, left center, center top;
}
hgroup.position-relative h1 {
    background-color: var(--bts-yellow);
    position: absolute;
    padding:0.625rem; /* p-2 */
    border-radius:0.5rem; /* lg */
    font-weight:600;
    font-size:3.2rem;
    top:-0.4rem;
}
hgroup.position-relative p {
    background-color: var(--pws-white);
    position: absolute;
    padding:0.625rem; /* p-2 */
    border-radius:0.5rem; /* lg */
    right:0;
    top:4.2rem;
    font-weight:500;
}
hgroup.position-relative {
    min-height: 8rem;
    margin-top:-8rem;
}
.bts-intro {
    background-color:var(--bts-light-blue);
    padding:1.75rem;
}
.bts-header-img {
    height:50vmin;
    margin:0 auto;
}
.bts-header .jump-box {
    border:none;
    background-color: var(--bts-magenta);
    border-radius:0.5rem; /* lg */
}
.bts-header .jump-box .header a {
    background:none;
    border:none;
    color:var(--pws-white);
}
.bts-header .jump-box .header a:after {border-top-color:var(--pws-white);}
.bts-header .jump-box .content {
    padding-top:0.25rem;
}
.bts-header .jump-box .content li {
    background-color:var(--pws-white);
    padding:0.25rem 0.625rem;
    margin-bottom:0.25rem;
    border-radius:0.5rem; /* lg */
}
.bts-header .jump-box .content li a:hover {
    outline:solid 1px;
}
@media (max-width: 960px) {
    .bts-header-img {
        height:auto;
    }
    hgroup.position-relative h1, hgroup.position-relative p {
        position:static;
    }
    hgroup.position-relative h1 {
        margin-top:4rem;
    }
}

/* Heading styles ============================ */
.main-column h3, .main-column h4 {color:var(--bts-navy);}
.main-column .row h2 {
    font-size: 2.5rem;
    padding:1.5rem 1.25rem .325rem;
    border-radius:0.5rem; /* lg */
    display:inline-block;
    background-color:var(--bts-magenta);
    color:var(--pws-white);
    position:relative;
    box-shadow: 2px 2px 9px 0px #33333342;
}
.main-column .row h2::before {
    content:"";
    display:block;
    height:40px;
    width:50px;
    position:absolute;
    top:-0.4rem;
    left:50%;
    transform:translateX(-50%);
    background-size:contain;
    background-repeat:no-repeat;
}
.main-column .row:nth-child(odd) h2::before {
    background-image:url('https://pwsblobprd.schools.nyc/prd-pws/images/default-source/external-comms/bts-2026/pin-yellow-left.png');
}
.main-column .row:nth-child(even) h2::before {
    background-image:url('https://pwsblobprd.schools.nyc/prd-pws/images/default-source/external-comms/bts-2026/pin-yellow-right.png');
}

/* TMB post display tweaks =================== */
.ListTitleOnlyWithImage {
    background: white;
    box-shadow: 2px 2px 9px 0px #33333342;
}
.mainBlogContents {
    padding: 0.25rem 0.625rem;
}

/* Image positions =========================== */
img.deco-img:not(.RadDock *):not(.sf-editor *) {
    position: absolute;
    width: 22vw;
}
img.deco-right:not(.RadDock *):not(.sf-editor *) {
    right: -20px;
}
img.deco-left:not(.RadDock *):not(.sf-editor *) {
    left: -20px;
}
img.deco-up:not(.RadDock *):not(.sf-editor *) {
    margin-top: -13vh;
}
@media (max-width: 1440px) {
    img.deco-img:not(.RadDock *):not(.sf-editor *) {
        position:static;
        height:24vh;
        width:auto;
        margin:1rem auto;
    }
}
.bg-img {background-repeat:no-repeat;}
.bg-img-apple {
    background-image: url('https://pwsblobprd.schools.nyc/prd-pws/images/default-source/external-comms/bts-2026/draw-apple-lt-blue.png');
    background-position: 45% 6%;
    background-size: 15vmin;
}
.bg-img-header {
    background-image:
        url('https://pwsblobprd.schools.nyc/prd-pws/images/default-source/external-comms/bts-2026/draw-arrow-sw-lt-blue.png'),
        url('https://pwsblobprd.schools.nyc/prd-pws/images/default-source/external-comms/bts-2026/star-yellow.png'),
        url('https://pwsblobprd.schools.nyc/prd-pws/images/default-source/external-comms/bts-2026/draw-lightbulb.png'),
        url('https://pwsblobprd.schools.nyc/prd-pws/images/default-source/external-comms/bts-2026/circle-orange.png');
    background-size: 9vw auto, 12vw auto, 15vw auto, 8vw auto;
    background-position: 96% 0%, 93% 90%, 3% 70%, 10% 2%;
}
.bg-img-s1 {
    background-image:
        url('https://pwsblobprd.schools.nyc/prd-pws/images/default-source/external-comms/bts-2026/star-lt-blue.png'),
        url('https://pwsblobprd.schools.nyc/prd-pws/images/default-source/external-comms/bts-2026/swirl-orange.png'),
        url('https://pwsblobprd.schools.nyc/prd-pws/images/default-source/external-comms/bts-2026/star-magenta.png'),
        url('https://pwsblobprd.schools.nyc/prd-pws/images/default-source/external-comms/bts-2026/swirl-magenta.png');
    background-size: 11vw auto, 12vw auto, 13vw auto, 15vw auto;
    background-position: 9% 3%, 95% 15%, 98% 68%, 5% 96%;
}
@media (max-width:960px) {
    .bg-img-apple {
        background-position:97% 1%;
        background-size:20vmin;
    }
}
@media (max-width: 1440px) {
    .bg-img-header, .bg-img-s1 {
        background-image:none;
    }
}


/* Simple animation ========================== */
.ani-tweak {
    animation-duration:2s;
    animation-iteration-count:6;
    animation-timing-function:steps(2, jump-both);
    animation-name:tweak;
}
@keyframes tweak {
    0%, 100% {
        transform: rotate(-20deg);
    }
    50% {
        transform: rotate(20deg);
    }
}

/* Paper cutout effect, unused =============== */
.cut-paper {
    padding:1.25rem 2.5rem;
}
.cut-paper-shadow {
    filter: drop-shadow(2px 4px 5px rgba(50, 50, 0, 0.2));
}
.clip-path-1 {clip-path: polygon(58% 0, 93% 4%, 100% 41%, 99% 70%, 93% 98%, 42% 100%, 4% 98%, 3% 68%, 0% 35%, 2% 2%);}
.clip-path-2 {clip-path: polygon(50% 0%, 97% 2%, 99% 30%, 100% 77%, 97% 99%, 24% 100%, 0 97%, 0 43%, 2% 0);}
.clip-path-3 {clip-path: polygon(61% 0, 100% 0, 99% 34%, 100% 68%, 99% 99%, 59% 100%, 16% 99%, 0 97%, 2% 35%, 0 1%);}
.clip-path-4 {clip-path: polygon(42% 2%, 98% 0, 100% 37%, 99% 89%, 96% 100%, 29% 99%, 2% 100%, 0% 43%, 0 0);}
.clip-path-5 {clip-path: polygon(31% 3%, 100% 0, 99% 23%, 100% 80%, 98% 99%, 59% 99%, 1% 100%, 1% 70%, 0 39%, 0 0);}
.clip-path-6 {clip-path: polygon(71% 1%, 100% 0, 99% 67%, 100% 100%, 34% 99%, 2% 99%, 3% 66%, 0 35%, 3% 2%);}
.clip-path-7 {clip-path: polygon(70% 0, 98% 1%, 100% 65%, 99% 97%, 72% 99%, 21% 100%, 2% 97%, 0 40%, 1% 3%, 23% 1%);}
.cut-paper p:last-of-type {margin-bottom:0;}