@import url('https://www.schools.nyc.gov/docs/default-source/sections/ccec/css/ccec.css');
/*
* 2025-07-18
* Custom styles for info boxes and icons
* Created for https://www.schools.nyc.gov/studentprivacy
*/

/* Individual item colors */
.text-site-red {color:var(--site-secondary-red);}
.text-site-fuschia {color:var(--site-secondary-fuschia);}

.border-mediumBlue {--border-color:var(--site-primary--mediumBlue);}

.icon-red {--pws-icon-color:var(--site-secondary-red);}
.icon-mediumBlue {--pws-icon-color:var(--site-primary-mediumBlue);}
.icon-fuschia {--pws-icon-color:var(--site-secondary-fuschia);}
.icon-seaGreen {--pws-icon-color:var(--site-secondary-seaGreen);}

/*
* Info box style
*/
.info-box {
    --pws-border-width:4px;
    background-color:var(--info-box-bg-color);
    padding:0 1.25rem 1px !important;
    margin-top:3.75rem;
}
.info-box .fa-icon {
    margin-top:-2.5rem;
    margin-bottom:0.7rem;
}
.info-box .fa-icon .fa {
    background-color:var(--info-icon-bg-color);
    border-style:solid;
    border-color:var(--info-icon-border-color);
    border-width:2px;
    color:var(--pws-icon-color);
    font-size:3.0rem;
    line-height:4.3rem;
    width:4.6rem;
    height:4.6rem;
    text-align:center;
}
.info-box h3 {margin-top:1.5rem;} /* without icon */
.info-box .fa-icon + * {margin-top:0;} /* with icon */
.info-box-title {
    font-size:1.8rem;
    font-weight:500;
    letter-spacing:0.5px;
    line-height:1.4em;
}
.info-box-title + p {padding-top:0.5em;}
.d-sm-flex .info-box {flex-basis:48%;} /* 2-column arrangement */

/* Color schemes for info boxes */
.info-box-privacy { /* sea green icon, blue border, gray box background */
    --pws-icon-color:var(--site-secondary-seaGreen);
    --pws-border-color:var(--site-primary-mediumBlue);
    --info-box-bg-color:var(--pws-gray-200);
    --info-icon-bg-color:var(--pws-white);
    --info-icon-border-color:var(--pws-gray-500);
}

/*
* Link box style
*/
.rte-content .link-box {
    display:block;
    padding:1em;
    margin:0 1vmin 1em;
    background-color:var(--pws-gray-200);
    font-size:1.2rem;
}
.link-box::after {content:"\23f5";}

/*
* List styles for items that have icons as bullets
*/
.rte-content .icon-paired {
    list-style: none;
    padding-left:2vmin;
}
.icon-paired li {
    display:flex;
    margin-bottom:0.5em;
}
.icon-paired .fa {
    font-size:1.1em;
    line-height:1.4em;
    flex-basis:10%;
    text-align:center;
    color:var(--pws-icon-color);
}
.icon-paired li span {flex-basis:90%;}