/* Minification failed. Returning unminified contents.
(780,227): run-time error CSS1036: Expected expression, found '#'
 */

/*#region generalTopography*/
body { font-family: "Poppins", Arial; font-size: 17px; }
.body a { color: #660066; text-decoration: underline; }
h1, .h1 { font: normal normal 600 40px/45px 'Poppins'; color: #373737; }
h2, .h2 { font: normal normal 500 33px/38px 'Poppins'; }
h3, .h3 { font: normal normal 600 22px/26px Poppins; color: #5261AC }
h4, .h4 { font: normal normal 600 18px/22px Poppins; color: #5261AC; letter-spacing: 0.5px; }
h5, .h5 { font: normal normal 600 16px/20px Poppins; color: #C0311A; }
h6, .h6 { font-weight: Normal; font-size: 8px; letter-spacing: 0.5px; }
.subtitle1 { font-family: "Poppins", Arial; font-weight: Normal; font-size: 15px; letter-spacing: 0.15px; }
.subtitle2 { font-family: "Poppins", Arial; font-weight: 500; font-size: 13px; letter-spacing: 0.1px; }
.body1 { font-family: "Poppins", Arial; font-weight: Normal; font-size: 15px; letter-spacing: 0.5px; }
.body2 { font-family: "Poppins", Arial; font-weight: Normal; font-size: 13px; letter-spacing: 0.25px; }
.btn-primary { font-family: "Poppins", Arial; font-weight: 500; font-size: 13px; letter-spacing: 1.25px; }
.caption { font-family: "Poppins", Arial; font-weight: Normal; font-size: 12px; letter-spacing: 0.4px; }
.overline { font-family: "Poppins", Arial; font-weight: Normal; font-size: 10px; letter-spacing: 1.5px; }
.bigTitle { font-family: "Poppins", Arial; font-weight: bolder; font-size: 90px; letter-spacing: .9px }
.link { color: #660066; }
    .link:hover { text-decoration: underline; }
.icalLink { font-size: 11px; color: #ccc; }
    .icalLink a { color: #ccc; }
.rightColumn {background-color: #fff !important;}
a[href^=tel] { text-decoration: inherit; color: inherit; }


.extend-under-sidebar { position: relative; margin-right: -30%; }

@media (max-width: 991px ) {
    .extend-under-sidebar { margin-right: unset; }
}

#content.container { min-height: 800px; }

/*#endregion generalTopography*/

/*#region Home*/
.header { text-transform: uppercase; padding-top: 35px; padding-bottom: 15px; font: normal normal 500 42px/40px 'Poppins'; text-align: center; color: #373737; letter-spacing: -1.5px }
.subheader { color: #fff; font: normal normal 600 25px/45px 'Poppins'; padding-bottom: 35px; text-align: center; color: #5261AC }
/*#endregion Home*/


/*#region accordion*/

.dt-FAQ .lead { margin-top: 65px; font: normal normal 300 30px/40px Poppins; }

.accordion-group { margin-bottom: 0px;}
    .accordion-group .itemContainer {border-top: solid 1px #ebebeb;}
    .accordion-group .itemContainer:last-of-type { border-bottom: solid 1px #ebebeb; }
    .accordion-group .itemContainer .well, .accordion-group .itemContainer .well-sm { -webkit-box-shadow: unset; box-shadow: unset; }
    .accordion-group .accordion-header { font: normal normal 600 18px/22px Poppins; padding: 25px; background-image: none; background-color: #fff; border: none; margin-bottom: 0px; }
        .accordion-group .accordion-header span.glyphicon { font: normal normal 300 20px/25px Poppins; }
        .accordion-body { padding: 15px; border: unset; border-bottom-left-radius: unset; border-bottom-right-radius: unset; border-left: solid 5px #ebebeb; }

.panel-placement { }
    .panel-placement > .panel-heading a { color: inherit; }
    .panel-placement > .panel-heading { background-color: #f5f5f5; border-color: #ddd; border-radius: 8px; padding: 3%; }
        .panel-placement > .panel-heading h3 { padding-right: 30px; position: relative; }
            .panel-placement > .panel-heading h3 .glyphicon { right: 0; top: 5px; position: absolute; }
        .panel-placement > .panel-heading p { padding-bottom: 0px; margin-bottom: 0px; }

.sidebar { background-color: #EBEBEB; padding: 8%; border-radius: 6px; }
    .sidebar .header { background-color: #591F63; color: #fff; padding: 8%; font-weight: bold; }
    .sidebar .body { border: 1px solid #591F63; background-color: #fff; padding: 4%; font-size: .85em; }

.panel-school { border: 1px solid #591F63; border-radius: 0; border-bottom-left-radius: 6px; border-bottom-right-radius: 6px; }
    .panel-school .panel-heading { border-bottom: 1px solid #591F63; border-left: 8px solid #591F63; background-color: #EBEBEB; border-radius: 0; color: #000; padding: 15px; font-weight: bold; }
    .panel-school .panel-body { font-size: 14px; }

.panel-group .panel { margin-bottom: 15px; border-radius: 6px; }

.table-schools td { padding: 15px !important; }
    .table-schools td.name { color: #5261AC; }
    .table-schools td.grades { width: 15%; }
    .table-schools td.hours { width: 30%; }

/*#endregion accordion*/

/*#region sidebar*/
.panel { border: 1px solid #591F63; border-radius: 6px; margin-bottom: 40px; }

.panel-sidebar { border: 1px solid #591F63; border-radius: 6px; margin-bottom: 40px; }
    .panel-sidebar .panel-heading { border-bottom: 1px solid #591F63; background-color: #591F63; border-radius: 0; color: #fff; padding: 5%; font-weight: bold; }
    .panel-sidebar .panel-body { font-size: 12px; color: #000; }

.panel-embed { border: 1px solid #591F63; border-radius: 6px; margin-bottom: 40px; }
    .panel-embed .panel-heading { border-bottom: 1px solid #591F63; background-color: #591F63; border-radius: 0; color: #fff; padding: 5%; font-weight: bold; }
    .panel-embed .panel-body { font-size: 12px; color: #000; }

/*#endregion sidebar*/

/*#region memberProfile*/
div .member { background-color: #000; padding: 25px; color: #fff; }

    div.member a { color: #fff; }

        div.member a:hover { color: #ff6600; text-decoration: none; }

    div.member div.member-heading { font-size: 15px; font-weight: bold; margin-bottom: 20px; }

    div.member div.member-subheading { border-bottom: dotted 2px #fff; }

    div.member div.member-links ul { list-style: none; }

        div.member div.member-links ul li { margin-left: -15px; padding: 5px 0px; }



            div.member div.member-links ul li.selected a { color: #ff6600; }


textarea, .promoCaption { font-size: 8pt; font-family: 'Droid Sans-Serif', sans-serif; }

.promoBlock { text-align: center; }

.myprofile h3 { margin: 0; }

.myprofile h4 { margin-top: 25px; margin-bottom: 0px; }

.mycu h3 { margin: 0; }

.mycu h4 { margin-top: 25px; margin-bottom: 0px; }


/*#endregion memberProfile*/





.boardFinder { background-color: #1c162b; color: white; }

    .boardFinder ol.breadcrumb { padding: 0; margin: 0; background-color: unset; font-size: 13px; }
        .boardFinder ol.breadcrumb > li + li::before { padding: 0 5px 0 2px; color: #FDB913; content: ">"; }
        .boardFinder ol.breadcrumb a { color: #fff; }




/*#region Carousel*/

.carousel { }

.carousel-inner img { /*margin: auto;*/ }

.carousel-caption { position: absolute; top: 45%; bottom: auto; font-size: 20px; font-family: 'Poppins', sans-serif; color: #C1C1C1 /*background: rgba(222, 222, 222, 0.8);*/ }

    .carousel-caption h3, .carousel-caption .h3 { font-size: 55px; font-weight: bold; color: #F2F2F2; text-shadow: none; }

    .carousel-caption .btn-default { background: none; color: #C1C1C1; border: 2px solid #C1C1C1; border-radius: 4px; margin-top: 30px; }

.carousel-inner { height: 100%; }

    .carousel-inner .subtitle1 a:link { color: #fdb913; }

.carousel-control { color: #F2F2F2; text-shadow: none; opacity: unset; }


    .carousel-control span.indicator { position: relative; top: 47% }

    .carousel-control.left, .carousel-control.right { background-image: none; font-size: 45px; }


.glyphicon.glyphicon-user { font-size: 22px; color: #6e6e6e; }


/*#endregion Carousel*/


/*#region rightColumn*/
/* remove height: 100%; from .rightColumn [jj 240215] */
.rightColumn { background-color: #F2F2F2; background-size: cover; width: 100%;  }

    .rightColumn .body { margin-bottom: 25px; }

        .rightColumn .body .text { }

            .rightColumn .body .text .divlink { border-left: solid 5px #f2f2f2; }

                .rightColumn .body .text .divlink:hover { border-left: solid 5px #F47620; text-decoration: none; }

                .rightColumn .body .text .divlink.current { border-left: solid 5px #F47620; text-decoration: none; }

                .rightColumn .body .text .divlink .text { font-size: 12px; color: #7F7F7F; padding-top: 10px; margin-left: 10px; margin-right: 30px; border-bottom: solid 1px #c9c9c9; text-decoration: none; }

                .rightColumn .body .text .divlink.current .text.showChild { border-bottom: solid 1px #f2f2f2; }

                .rightColumn .body .text .divlink .text a { font-size: 17px; color: #7F7F7F; padding-top: 10px; margin-right: 10px; text-decoration: none; }

                .rightColumn .body .text .divlink:last-child .text { border-bottom: solid 1px #f2f2f2; }

                    .rightColumn .body .text .divlink:last-child .text a { border-bottom: solid 1px #f2f2f2; }

            .rightColumn .body .text .linkSub { border-left: solid 5px #fff; text-decoration: none; background-color: #fff; }

                .rightColumn .body .text .linkSub:hover { border-left: solid 5px #F47620; background-color: #fff; }

                .rightColumn .body .text .linkSub .textSub { font-size: 12px; color: #7F7F7F; padding-top: 8px; margin-left: 15px; margin-right: 30px; border-bottom: none; text-decoration: none; }


                    .rightColumn .body .text .linkSub .textSub a { font-size: 12px; color: #7F7F7F; padding-top: 10px; margin-right: 30px; border-bottom: none; text-decoration: none; text-align: left; }

                .rightColumn .body .text .linkSub.current { /*border-left: solid 5px #fff;*/ text-decoration: none; background-color: #fff; font-weight: bold; }

    .rightColumn .sidebarInner .panel { background-color: transparent; border: none; box-shadow: none; }

        .rightColumn .sidebarInner .panel .panel-heading { font-weight: normal; font-size: 20px; text-transform: none; line-height: 20px; }

    .rightColumn .sidebarInner .panel-body { font-weight: normal; font-size: 15px; color: #7F7F7F; padding-top: 0px; }

    .rightColumn .sidebarInner .panel-buffer { font-weight: normal; font-size: 12px; color: #7F7F7F; padding-top: 0px; }


/*#endregion rightColumn*/
/*#region Section*/
.backingTop { background-image: url('/../../images/sectionHeaderBg.png'); background-repeat: repeat-x; }


    .backingTop h3 { color: #7F7F7F; font-weight: 600; padding: 3% 0 5% 2%; }

.leftSidebar { background-color: #C1C1C1; background-size: cover; width: 100%; height: 100%; }




.sectionIntro { }

    .sectionIntro h5.title { color: #7F7F7F; font-size: 30px; font-weight: 600; line-height: 30px; }



/*#endregion Section*/

/*#region News*/
.newsSummary .newsItem { padding-bottom: 25px; }

.newsSummary .newsItem { overflow: hidden; padding-bottom: 35px; }

    .newsSummary .newsItem h5 { margin-bottom: 0px; }

    .newsSummary .newsItem div.date { font-style: italic; }


.newsImage { margin: 20px 0px; }

.newsSummary .newsItem .newsItemSummary { }

.newsSummary .newsItem .readMore { line-height: 1.5em; margin-top: 20px; margin-bottom: 10px; }

    .newsSummary .newsItem .readMore a { text-transform: uppercase; font-size: 14px; font-family: arial; text-decoration: none; color: #660066; font-weight: bold; }

.newsSummary .newsImage { margin: 10px 10px 10px 0; max-width: 200px; float: left; }

.newsFull .articleTitle { color: #7F7F7F; font-size: 24px; font-weight: 600; line-height: 30px; }

.newsFull .articleDate { padding-bottom: 20px; font-style: italic; font-size: 14px; }

/*#endregion News*/

/*#region Basic*/
.basicSummary .basicItem { padding-bottom: 25px; }

.basicSummary .basicItem { overflow: hidden; padding-bottom: 35px; }

    .basicSummary .basicItem h5 { margin-bottom: 0px; }

    .basicSummary .basicItem div.date { font-style: italic; }


.basicImage { margin: 20px 0px; }

.basicSummary .basicItem .basicItemSummary { }

.basicSummary .basicItem .readMore { line-height: 1.5em; margin-top: 20px; margin-bottom: 10px; }

    .basicSummary .basicItem .readMore a { text-transform: uppercase; font-size: 14px; font-family: arial; text-decoration: none; color: #660066; font-weight: bold; }

.basicSummary .basicImage { margin: 10px 10px 10px 0; max-width: 200px; float: left; }

.basicFull .articleTitle { color: #7F7F7F; font-size: 24px; font-weight: 600; line-height: 30px; }

.basicFull .articleDate { padding-bottom: 20px; font-style: italic; font-size: 14px; }


/*#endregion Basic*/

/*#region Directory*/

.groupHeader { border-bottom: solid 1px #c1c1c1; margin-top: 30px; }

    .groupHeader h3 { }

.directory { margin-top: 20px; min-height: 520px; }

    .directory .name { font-size: 14px; }

    .directory .group { font-size: 14px; }

    .directory .title { font-size: 14px; }

    .directory .website { font-size: 14px; }

    .directory .email { font-size: 14px; }

    .directory .phone { font-size: 14px; }

/*#endregion Directory*/

/*#region Fullstaff*/

.fullstaff { font-size: 14px; }

/*#endregion*/

/*#region Promo*/

div.sectionTitle { padding-left: 0px; }


.sectionPromo { }

/*#endregion*/

/*#region Event*/

.type-Event { }

    .type-Event h2, .type-Event .h2 { display: none; }

    .type-Event .itemContainer { padding: 15px; background-color: #f2f2f2; }

    .type-Event .dateBox { background-color: #5261ac; color: #fff; text-align: center; padding: 8px 0; font-size: 15px; border-radius: 5px; }

    .type-Event .title { padding: 15px 8px; background-color: #fff; }

.eventSummary .eventItem { background: #F2F3F5 0% 0% no-repeat padding-box; border: 1px solid #b2b2b2; border-radius: 8px; opacity: 1; margin-top: 30px; margin-bottom: 30px; padding: 15px; min-height: 300px; }



    .eventSummary .eventItem h1.lead, .eventSummary .eventItem h1.lead a { text-align: left; font: Bold 18px Poppins; letter-spacing: 0px; color: #5261AC; opacity: 1; }

    .eventSummary .eventItem .date { font: normal 10px Poppins; letter-spacing: 0.68px; color: #6E6E6E; opacity: 1; }

.eventSummary .evenItem { background: #ffffff 0% 0% no-repeat padding-box; }

/*#endregion Event*/

/* #region Card-Box */

.card-box { background-color: #F57A21; padding: 25px; border-radius: 6px; color: #fff; min-height: 200px; }
    .card-box a { color: #fff; text-decoration: none; }
    .card-box h6 { font-size: 20px; margin-bottom: 45px; }
    .card-box p { text-align: left; }
    .card-box .link { color: #fff; /*position: absolute;*/ bottom: 10px; }


.visible-xs .card-box { min-height: unset; text-align: center; padding: 5px; }
    .visible-xs .card-box h3 { color: #fff; }


@media (max-width: 786px) {
    .card-box { margin-bottom: 20px; min-height: unset; }
        .card-box .link { display: none; }
}

/* #endregion */


/* special CTE bootstrap overrides */

.btn-cte-blue { color: #fff; background-color: #5261AC; border-color: #2e6da4; text-transform: uppercase; font-size: 9px; letter-spacing: 1px; }
    .btn-cte-blue:focus,
    .btn-cte-blue.focus { color: #fff; background-color: #384baa; border-color: #122b40; }
    .btn-cte-blue:hover { color: #fff; background-color: #384baa; border-color: #204d74; }
    .btn-cte-blue:active,
    .btn-cte-blue.active,
    .open > .dropdown-toggle.btn-cte-blue { color: #fff; background-color: #384baa; background-image: none; border-color: #204d74; }
        .btn-cte-blue:active:hover,
        .btn-cte-blue.active:hover,
        .open > .dropdown-toggle.btn-cte-blue:hover,
        .btn-cte-blue:active:focus,
        .btn-cte-blue.active:focus,
        .open > .dropdown-toggle.btn-cte-blue:focus,
        .btn-cte-blue:active.focus,
        .btn-cte-blue.active.focus,
        .open > .dropdown-toggle.btn-cte-blue.focus { color: #fff; background-color: #204d74; border-color: #122b40; }
    .btn-cte-blue.disabled:hover,
    .btn-cte-blue[disabled]:hover,
    fieldset[disabled] .btn-cte-blue:hover,
    .btn-cte-blue.disabled:focus,
    .btn-cte-blue[disabled]:focus,
    fieldset[disabled] .btn-cte-blue:focus,
    .btn-cte-blue.disabled.focus,
    .btn-cte-blue[disabled].focus,
    fieldset[disabled] .btn-cte-blue.focus { background-color: #337ab7; border-color: #2e6da4; }
    .btn-cte-blue .badge { color: #337ab7; background-color: #fff; }

.btn-cte-green { color: #fff; background-color: #9EA617; border-color: #8d9314; text-transform: uppercase; font-size: 9px; letter-spacing: 1px; }
    .btn-cte-green:focus,
    .btn-cte-green.focus { color: #fff; background-color: #8d9314; border-color: #8d9314; }
    .btn-cte-green:hover { color: #fff; background-color: #8d9314; border-color: #8d9314; }
    .btn-cte-green:active,
    .btn-cte-green.active,
    .open > .dropdown-toggle.btn-cte-green { color: #fff; background-color: #8d9314; background-image: none; border-color: #8d9314; }
        .btn-cte-green:active:hover,
        .btn-cte-green.active:hover,
        .open > .dropdown-toggle.btn-cte-green:hover,
        .btn-cte-green:active:focus,
        .btn-cte-green.active:focus,
        .open > .dropdown-toggle.btn-cte-green:focus,
        .btn-cte-green:active.focus,
        .btn-cte-green.active.focus,
        .open > .dropdown-toggle.btn-cte-green.focus { color: #fff; background-color: #8d9314; border-color: #8d9314; }
    .btn-cte-green.disabled:hover,
    .btn-cte-green[disabled]:hover,
    fieldset[disabled] .btn-cte-green:hover,
    .btn-cte-green.disabled:focus,
    .btn-cte-green[disabled]:focus,
    fieldset[disabled] .btn-cte-green:focus,
    .btn-cte-green.disabled.focus,
    .btn-cte-green[disabled].focus,
    fieldset[disabled] .btn-cte-green.focus { background-color: #337ab7; border-color: #2e6da4; }
    .btn-cte-green .badge { color: #337ab7; background-color: #fff; }

.btn-cte-red { color: #fff; background-color: #B03E2F; border-color: #963328; text-transform: uppercase; font-size: 9px; letter-spacing: 1px; }
    .btn-cte-red:focus,
    .btn-cte-red.focus { color: #fff; background-color: #963328; border-color: #963328; }
    .btn-cte-red:hover { color: #fff; background-color: #963328; border-color: #963328; }
    .btn-cte-red:active,
    .btn-cte-red.active,
    .open > .dropdown-toggle.btn-cte-red { color: #fff; background-color: #963328; background-image: none; border-color: #963328; }
        .btn-cte-red:active:hover,
        .btn-cte-red.active:hover,
        .open > .dropdown-toggle.btn-cte-red:hover,
        .btn-cte-red:active:focus,
        .btn-cte-red.active:focus,
        .open > .dropdown-toggle.btn-cte-red:focus,
        .btn-cte-red:active.focus,
        .btn-cte-red.active.focus,
        .open > .dropdown-toggle.btn-cte-red.focus { color: #fff; background-color: #204d74; border-color: #122b40; }
    .btn-cte-red.disabled:hover,
    .btn-cte-red[disabled]:hover,
    fieldset[disabled] .btn-cte-red:hover,
    .btn-cte-red.disabled:focus,
    .btn-cte-red[disabled]:focus,
    fieldset[disabled] .btn-cte-red:focus,
    .btn-cte-red.disabled.focus,
    .btn-cte-red[disabled].focus,
    fieldset[disabled] .btn-cte-red.focus { background-color: #337ab7; border-color: #963328; }
    .btn-cte-red .badge { color: #337ab7; background-color: #fff; }

.btn-cte-gray { color: #fff; background-color: #B2B2B2; border-color: #B2B2B2; text-transform: uppercase; font-size: 9px; letter-spacing: 1px; }
    .btn-cte-gray:focus,
    .btn-cte-gray.focus { color: #fff; background-color: #B2B2B2; border-color: #B2B2B2; }
    .btn-cte-gray:hover { color: #fff; background-color: #B2B2B2; border-color: #B2B2B2; }
    .btn-cte-gray:active,
    .btn-cte-gray.active,
    .open > .dropdown-toggle.btn-cte-gray { color: #fff; background-color: #B2B2B2; background-image: none; border-color: #B2B2B2; }
        .btn-cte-gray:active:hover,
        .btn-cte-gray.active:hover,
        .open > .dropdown-toggle.btn-cte-gray:hover,
        .btn-cte-gray:active:focus,
        .btn-cte-gray.active:focus,
        .open > .dropdown-toggle.btn-cte-gray:focus,
        .btn-cte-gray:active.focus,
        .btn-cte-gray.active.focus,
        .open > .dropdown-toggle.btn-cte-gray.focus { color: #fff; background-color: #B2B2B2; border-color: #B2B2B2; }
    .btn-cte-gray.disabled:hover,
    .btn-cte-gray[disabled]:hover,
    fieldset[disabled] .btn-cte-gray:hover,
    .btn-cte-gray.disabled:focus,
    .btn-cte-gray[disabled]:focus,
    fieldset[disabled] .btn-cte-gray:focus,
    .btn-cte-gray.disabled.focus,
    .btn-cte-gray[disabled].focus,
    fieldset[disabled] .btn-cte-gray.focus { background-color: #B2B2B2; border-color: #B2B2B2; }
    .btn-cte-gray .badge { color: #B2B2B2; background-color: #fff; }

.progress-bar-cte-green { background-color: #9EA617; background-image: -webkit-linear-gradient(top, #9EA617 0%, #9EA617 100%); background-image: -o-linear-gradient(top, #9EA617 0%, #9EA617 100%); background-image: -webkit-gradient(linear, left top, left bottom, from(#9EA617), to(#9EA617)); background-image: linear-gradient(to bottom, #9EA617 0%, #9EA617 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5cb85c', endColorstr='#ff449d44', GradientType=0); background-repeat: repeat-x; }

.footer2 { background-color: #221B2F; color: #fff; font-size: 14px; line-height: 28px; border-radius: 10px; margin: 0 20px 10px 20px; padding: 50px 30px 0 30px; }
    .footer2 p { padding-bottom: 14px; }
    .footer2 a { color: inherit; }
    .footer2 > div { max-width: 1200px; margin: 0 auto; }

    .footer2 .level1 { display: flex; justify-content: space-between; }

    .footer2 .getSocial { text-align: right; }
        .footer2 .getSocial p { margin-top: 30px; font-size: 14px; line-height: 1.4285714286; font-weight: 600; letter-spacing: 3px; }

        .footer2 .getSocial a { text-decoration: none; }
        .footer2 .getSocial img { border: solid 1px #FCB817; border-radius: 30px; width: 55px; margin: 0 0 10px 15px; }
            .footer2 .getSocial img.hover { background-color: #FCB817; display: none; }

        .footer2 .getSocial a:hover img { display: none; }
            .footer2 .getSocial a:hover img.hover { display: unset; }

    .footer2 .level2 { display: flex; justify-content: space-between; align-items: flex-end; }

    .footer2 .ovals a { display: inline-block; margin-right: 13px; margin-bottom: 20px; padding: 12px 31px 14px 31px; border-radius: 28px; border: solid 1px #FCB817; text-transform: uppercase; font-size: 12px; text-decoration: none; }
        .footer2 .ovals a:hover { background-color: #FCB817; color: #000000; }

    .footer2 span.glyphicon-chevron-up { margin-left: 20px; }

    .footer2 hr { margin: 40px 0 20px 0; border: 1px solid rgba(255,255,255,.2); }

    .footer2 .level3 { display: flex; justify-content: space-between; }

    .footer2 .bottom { font-size: 12px; }
        .footer2 .bottom a { padding-right: 20px; }

    .footer2 .kfs { background-color: #111; color: #ccc; padding: 3px 8px; font-size: 10px; font-weight: 100; }

@media (max-width: 767px) {
    .footer2 .level1 { display: block; text-align: center; }
    .footer2 .level1 .ovals a { margin-bottom: 25px; padding: 6px 31px 8px 31px; }
    .footer2 .level1 .getSocial { text-align: center; margin-bottom: 20px; }
    .footer2 .level1 .getSocial img { margin: 0 5px 10px 5px; }

    .footer2 .level2 { display: block; text-align: center; }

    .footer2 .level3 { display: block; text-align: center; margin-bottom: 20px; }
    .footer2 .bottom a { padding: 0; display: block; }
}


/*#region Top Blue Bar*/

.navHeader2 { background: none; padding: 10px 0 0 0; margin-left: 0px; }

.topBlueBar { background-color: #5261AC; margin: 0px; padding: 0px; }
    .topBlueBar ul.nav li { display: inline-block; }
        .topBlueBar ul.nav li a { padding: 22px 17px 0 0; }
        .topBlueBar ul.nav li:first-child a { padding-left: 0px; }
        .topBlueBar ul.nav li:hover, .topBlueBar ul.nav li:focus { }
        .topBlueBar ul.nav li a { background-color: #5261AC; color: #d5d8e8; font: normal normal normal 12px/.75em Poppins; text-decoration: none; text-transform: uppercase; }
            .topBlueBar ul.nav li a:hover, .topBlueBar ul.nav li a:focus { background-color: #5261AC; color: #fff; font: normal normal normal 12px/.75em Poppins; text-decoration: none; text-transform: uppercase; }

    .topBlueBar .social a { vertical-align: middle; }
    .topBlueBar .social svg { fill: #d5d8e8; width: 16px; }
        .topBlueBar .social svg:hover { fill: #fff; }
    .topBlueBar .social .large svg { width: 18px; }
    .topBlueBar .social .extra-large svg { width: 20px; }

    .topBlueBar svg#logoOneColor { fill: #d5d8e8; padding-top: 20px; padding-bottom: 20px; max-height: 80px; }
        .topBlueBar svg#logoOneColor:hover { fill: #fff; }

    .topBlueBar .fullSizeMenu { vertical-align: middle; }
    .topBlueBar .mobile svg#listSVG { fill: #d5d8e8; padding-top: 20px; padding-bottom: 20px; max-height: 80px; }
    .topBlueBar .ipad svg#listSVG { fill: #d5d8e8; padding-top: 10px; padding-bottom: 10px; max-height: 50px; }
    .topBlueBar svg#listSVG:hover { fill: #fff; }

.blueBar .photoSearch { }
    .blueBar .photoSearch .form .form-group .form-control { border: none; border-radius: 6px; padding: 22px 22px; text-align: left; font: normal normal normal 20px/13px Poppins; letter-spacing: 0.4px; color: #636363; }
        .blueBar .photoSearch .form .form-group .form-control::placeholder { color: #636363; }
    .blueBar .photoSearch .form .input-group input { border: none; box-shadow: none; height: 45px; padding-left: 25px; font-size: 20px; font-weight: 400; }
    .blueBar .photoSearch .form .input-group-addon { padding: 6px 12px; font-size: 16px; font-weight: 600; line-height: 1; color: #636363; text-align: center; background-color: #FDB913; }
    .blueBar .photoSearch .form .xImage { background-color: #fff; border: none; box-shadow: none; }
        .blueBar .photoSearch .form .xImage:focus { background-color: #fff; border: none; box-shadow: none; }
    .blueBar .photoSearch .form .searchImage { border: 1px solid #fdb913; }

.social { padding: 0; }
    .social a { padding-right: 15px; }
        .social a:last-child { padding-left: 13px; padding-right: 15px; }

a.enroll { font: normal normal 700 20px/24px Poppins; letter-spacing: 1px; color: #fff; background-color: #F57A21; border-radius: unset; padding: 15px; margin: 0; }
    a.enroll:hover, a.enroll:focus { color: #fff; background-color: #d86919; }

a.enroll-mobile { font: normal normal 700 10px/13px Poppins; letter-spacing: 0.5px; color: #fff; background-color: #F57A21; border-radius: unset; margin: 0; text-align: center; padding: 5px !important; }
    a.enroll-mobile:hover, a.enroll-mobile:focus { color: #fff; background-color: #d86919; }


a.btn-transparent { color: #b2b2b2; background: unset; border: solid 1px #b2b2b2; }
    a.btn-transparent:hover, a.btn-transparent:focus { color: #fff; background-color: #b2b2b2; border: solid 1px #b2b2b2; }

a.btn-transparent-blue { color: #fff; background-color: inherit; border: solid 1px #5261AC; }
    a.btn-transparent-blue:hover, a.btn-transparent-blue:focus { color: #5261AC; background-color: #fff; border: solid 1px #fff; }

a.btn-transparent-orange { color: #fff; background-color: inherit; border: solid 1px #fff; }
    a.btn-transparent-orange:hover, a.btn-transparent-orange:focus { color: #F57A21; background-color: #fff; border: solid 1px #fff; }

.logoContainer { padding-top: 8px; padding-left: 0px; }
svg#logoHorizontal .st0 { fill: #FBB717; }
svg#logoHorizontal .st1 { fill: #5262AD; }
svg#logoHorizontal .st2 { fill: #BE3527; }

svg.searchIcon { fill: #b2b2b2; width: 20px }
    svg.searchIcon:hover { fill: #000000; }


#fullSizeMenu { position: fixed; top: 0; bottom: 0; left: 0; right: 0; margin: 5px; display: none; color: #fff; overflow: scroll; z-index: 1100; }
    #fullSizeMenu .container { background-color: #5261ac; border: #bbf solid 3px; border-radius: 5px; padding-bottom: 25px; }
    #fullSizeMenu ul { margin-bottom: 20px; }
        #fullSizeMenu ul ul { margin-left: 20px; display: none; }
    #fullSizeMenu li.topBar { padding-top: 10px; padding-bottom: 10px; }
        #fullSizeMenu li.topBar span.plusSign { display: none; }
    #fullSizeMenu li.divider { padding-top: 40px; }
    #fullSizeMenu li.header { padding-top: 14px; padding-bottom: 14px; border-top: solid 1px #fff; text-transform: uppercase; }
        #fullSizeMenu li.header:last-of-type { border-bottom: solid 1px #fff; }
    #fullSizeMenu li a { font: normal normal normal 16px/20px Poppins; color: #fff; }
    #fullSizeMenu li li { padding: 5px; }
        #fullSizeMenu li li:last-child { padding-bottom: 0px; }
        #fullSizeMenu li li.repeatedHeader { padding: 5px; }
        #fullSizeMenu li li a { font: normal normal normal 16px/20px Poppins; color: #fff; }
    #fullSizeMenu svg.white { fill: #d5d8e8; }
        #fullSizeMenu svg.white:hover { fill: #fff; }
    #fullSizeMenu svg.medium { width: 16px; }
    #fullSizeMenu svg.large { width: 18px; }
    #fullSizeMenu svg.extra-large { width: 20px; }
    #fullSizeMenu .socialBottom { vertical-align: middle; padding-top: 50px; padding-bottom: 40px; }
        #fullSizeMenu .socialBottom svg { width: 22px; }
        #fullSizeMenu .socialBottom a { padding-right: 16px; }
    #fullSizeMenu .popHead svg { fill: #d5d8e8; width: 22px; }
        #fullSizeMenu .popHead svg:hover { fill: #fff; }

/*#endregion Top Blue Bar*/

/* top nav regular */
.topnav { background-color: #1c1c1c; color: #fff; font-size: 14px; font-weight: 600; display: flex; justify-content: center; align-items: center; }
    .topnav > * { padding: 20px 0; position: relative; }

    .topnav a { color: inherit; }

    .topnav .subnav-panel { display: none; position: absolute; top: 40px; left: 5px; min-width: 200px; border-radius: 6px; padding: 15px; margin: 10px 0 0 10px; box-shadow: 0px 0px 5px #aaa; background-color: #fff; color: #5261AC; z-index: 10; }
        .topnav .subnav-panel p { line-height: 19px; padding-bottom: 5px; }

    .topnav .subnav:hover .subnav-panel { display: block; }

    .topnav .sep { background-color: #666; width: 2px; margin: 0 10px; height: 12px; padding: 0; }
        .topnav .sep:nth-last-child(1) { display: none; }

    /* top nav xs */
    .topnav.visible-xs { padding: 0 10px; }

    .topnav .xs-nav-header { display: flex; justify-content: space-between; cursor: pointer; padding: 0px 0; }
        .topnav .xs-nav-header > *:nth-child(1) { color: #fdb913; }
        .topnav .xs-nav-header > *:nth-child(2) { position: relative; top: 4px; }

    .topnav .xs-nav { display: none; font-weight: 600; }
        .topnav .xs-nav p { margin-bottom: 0; margin-top: 15px; }
            .topnav .xs-nav p.subsection { font-size: 12px; margin-left: 20px; margin-top: 0; }
                .topnav .xs-nav p.subsection::before { content: "| "; color: #fdb913; }





/*#region HomePage-General*/
.districtMessage { background-color: #FF2B00; color: #fff; text-align: center; padding: 25px; font-size: 20px; }

    .districtMessage a { color: #fff; text-decoration: underline; }



.bannerContact { color: #6E6E6E; font-size: 13px; padding-left: 0px; text-align: left; }

    .bannerContact .thumbnail { border: none; transition: none; box-shadow: none; margin-right: 5px; }

.shortContact { background-color: #323232; color: #fff; font-size: 13px; border-radius: 7px; text-align: center; margin: 0px 0px 10px 0px; padding: 10px 0px; }

    .shortContact a { color: #fff; }

.maxim { background-color: #00958F; padding: 30px 0px; color: #F2F2F2; font-size: 24px; }
/*#endregion HomePage-General*/

/*#region HomePage-underCarouselNav*/


.underCarousel { padding: 0px 0px 20px 0px; }

    .underCarousel .box { background-color: #00958F; text-align: center; padding: 42px 0px; border-bottom: solid 8px #323232; margin-bottom: 5px; font-size: 22px; font-weight: bold; }

        .underCarousel .box a { color: white; }

    .underCarousel .mobile { margin-left: 15px; margin-right: 15px; padding: 18px 0px; }

/*#endregion HomePage-underCarouselNav*/

/*#region HomePage-Welcome*/


.welcome { background-color: #5261AC; height: 100%; padding: 11% 8% 5% 8%; min-height: 428px; }

    .welcome .header { color: #fff; font-size: 35px; letter-spacing: 1px; font-weight: 500; margin-bottom: 15px; }

    .welcome .text { color: #fff; font-size: 15px; letter-spacing: 1px; line-height: 25px; font-weight: 100; }

        .welcome .text a { color: #fff !important; text-decoration: underline; }

    .welcome .brochure { margin-top: 40px; }
/*#endregion HomePage-Welcome*/

/*#region HomePage-PromoRow*/

.promoRow .home .sectionPromo h2 { display: none; }


.promoRow { background-color: #F2F2F2; padding: 75px 0px 45px 0px; }

    .promoRow .btn-default { background-color: #9FA617; border-radius: 4px; color: #fff; font-size: 12px; font-weight: 200; letter-spacing: 1px; padding: 10px 25px; margin-top: 20px; margin-left: 0px; }

    .promoRow .box { background-color: #E2DED2; padding: 20px 25px; min-height: 275px; margin-bottom: 30px; }

        .promoRow .box h3 { font-size: 24px; color: #323232; font-weight: bold; letter-spacing: 1px; line-height: 35px; }

        .promoRow .box p { color: #b2b2b2; font-size: 19px; }

        .promoRow .box .viewMore { font-size: 8px; margin-top: 25px; }

    .promoRow .quickLinks { }

        .promoRow .quickLinks .header { background-color: #F8A726; padding: 30px; color: #fff; font-size: 33px; text-align: center; font-weight: bold; letter-spacing: 1px; }

        .promoRow .quickLinks .body { background-color: #fff; min-height: 485px; }

            .promoRow .quickLinks .body .text { background-color: #fff; padding-right: 20px; }

                .promoRow .quickLinks .body .text ul { list-style: none; }

                    .promoRow .quickLinks .body .text ul li { border-bottom: solid 1px #C1C1C1; padding: 20px 0; margin-left: -20px; }

                        .promoRow .quickLinks .body .text ul li:last-child { border-bottom: solid 1px #fff; padding: 20px 0; margin-left: -20px; }

                        .promoRow .quickLinks .body .text ul li a { text-decoration: none; font-size: 16px; }

            .promoRow .quickLinks .body .viewMore { font-size: 8px; margin-top: 25px; }
/*#endregion HomePage-PromoRow*/






.blueBar { background-color: #5261ac; color: white; padding-top: 25px; }

.photosHome .keywords { text-align: center; }
    .photosHome .keywords div { margin-bottom: 30px; }
    .photosHome .keywords .title { text-align: center; font: normal normal 600 33px/46px Poppins; letter-spacing: 0px; color: #1C162B; opacity: 1; margin-bottom: 30px; }
    .photosHome .keywords .subtitle { text-align: center; font: normal normal normal 22px/32px Poppins; letter-spacing: 0px; color: #1C162B; margin-bottom: 50px; }
    .photosHome .keywords .description { }


.photosHome .category { padding: 0px; height: 225px; border-radius: 10px; background-repeat: no-repeat; }
.photosHome .earlyc { background-image: url('/CMF/Designs/FinalSite/Layouts/FinalSite/images/MPSPhotos/earlyChildhood.png'); background-size: cover; }
.photosHome .prek { background-image: url('/CMF/Designs/FinalSite/Layouts/FinalSite/images/MPSPhotos/prek.png'); background-size: cover; }
.photosHome .elementary { background-image: url('/CMF/Designs/FinalSite/Layouts/FinalSite/images/MPSPhotos/elementary.png'); background-size: cover; }
.photosHome .middle { background-image: url('/CMF/Designs/FinalSite/Layouts/FinalSite/images/MPSPhotos/middle.png'); background-size: cover; }
.photosHome .high { background-image: url('/CMF/Designs/FinalSite/Layouts/FinalSite/images/MPSPhotos/high.png'); background-size: cover; }
.photosHome .communityEd { background-image: url('/CMF/Designs/FinalSite/Layouts/FinalSite/images/MPSPhotos/elementary.png'); background-size: cover; }
.photosHome .category { margin-bottom: 30px; }
    .photosHome .category .inside { border-radius: 10px; padding-top: 160px; width: 100%; height: 100%; margin: 0px; background: transparent linear-gradient(180deg, #FFFFFF00 0%, #000000c1 100%) 0% 0% no-repeat padding-box; }
        .photosHome .category .inside .label { font: normal normal 600 24px/35px Poppins; letter-spacing: 0.24px; color: #FFFFFF; }


.photosHome .grayBox { background-color: #F8F8F8; overflow: hidden; }
    .photosHome .grayBox .title { text-align: center; font: normal normal 600 33px/46px Poppins; letter-spacing: 0px; color: #1C162B; opacity: 1; margin-bottom: 30px; }
    .photosHome .grayBox .subtitle { text-align: center; font: normal normal 700 22px/32px Poppins; letter-spacing: 0px; color: #1C162B; margin-bottom: 50px; }
    .photosHome .grayBox .platform { margin-bottom: 25px; }
        .photosHome .grayBox .platform .left { margin-right: 0px; }
        .photosHome .grayBox .platform .right { margin-left: 0px; }
        .photosHome .grayBox .platform .image { padding: 0px; height: 340px; }
        .photosHome .grayBox .platform .text { padding: 80px 75px 30px 75px; background-color: #fff; margin-left: 0px; height: 340px; text-align: center; }
            .photosHome .grayBox .platform .text .title { font: normal normal 600 28px/22px Poppins; letter-spacing: 0px; color: #1C162B; }
            .photosHome .grayBox .platform .text .subtitle { font: normal normal 500 16px/28px Poppins; letter-spacing: 0px; color: #1C162B; }

.keywords li.keywordBtn { margin-bottom: 20px; margin-right: 10px; padding: 8px 18px; border-radius: 28px; background-color: #fff; color: #5261AC; border: solid 1px #5261AC; }
    .keywords li.keywordBtn a { text-align: center; font: normal normal 500 14px/21px Poppins; letter-spacing: 0.14px; color: #5261AC; }
    .keywords li.keywordBtn:hover { background-color: #5261AC; color: #fff; border: solid 1px #5261AC; }
        .keywords li.keywordBtn:hover a { color: #fff; text-decoration: none; }


.mps-panel .header { padding: 20px 0; background-color: #5261AC; border-radius: 10px 10px 0 0; text-align: center; font: normal normal bold 20px/30px Poppins; letter-spacing: 0.08px; color: #FFFFFF; text-transform: uppercase; }
.mps-panel .body { border: solid 1px #5261AC; border-radius: 0 0 6px 6px; padding: 10px 25px; }
    .mps-panel .body .item { border-bottom: solid 1px #5261AC; padding: 15px 0; text-align: left; font: normal normal medium 18px/27px Poppins; letter-spacing: 0px; color: #5261AC; cursor: pointer; }
        .mps-panel .body .item .glyphicon { display: none; }
        .mps-panel .body .item.checked .glyphicon { display: block; }
        .mps-panel .body .item:last-of-type { border-bottom: 0px; }

.mps-dropdown .selectedHeader { padding: 20px 25px; background-color: #5261AC; border-radius: 10px 10px 10px 10px; text-align: left; font: normal normal normal 16px/13px Poppins; letter-spacing: 0.32px; color: #FFFFFF; margin-bottom: 10px; }
.mps-dropdown .header { padding: 20px 25px; border: solid 1px #5261AC; background-color: #fff; border-radius: 10px 10px 10px 10px; text-align: left; font: normal normal normal 16px/13px Poppins; letter-spacing: 0.32px; color: ##5261AC; margin-bottom: 10px; }
    .mps-dropdown .header:hover { padding: 20px 25px; background-color: #5261AC; border-radius: 10px 10px 10px 10px; text-align: left; font: normal normal normal 16px/13px Poppins; letter-spacing: 0.32px; color: #FFFFFF; margin-bottom: 10px; }
.mps-dropdown .body { border: solid 1px #5261AC; border-radius: 10px 10px 10px 10px; padding: 10px 25px; }
    .mps-dropdown .body .item { border-bottom: solid 1px #5261AC; padding: 15px 0; text-align: left; font: normal normal medium 18px/27px Poppins; letter-spacing: 0px; color: #5261AC; cursor: pointer; }
        .mps-dropdown .body .item .glyphicon { display: none; }
        .mps-dropdown .body .item.checked .glyphicon { display: block; }
        .mps-dropdown .body .item:last-of-type { border-bottom: 0px; }

.btn-mps { padding: 15px 0; border: 1px solid #BE3326; border-radius: 28px; text-align: center; font: normal normal bold 20px/30px Poppins; letter-spacing: 1.05px; color: #BE3326; cursor: pointer; }
    .btn-mps:hover { color: #fff; background-color: #BE3326; }

.btn-mps-blue { padding: 15px 0; border: 1px solid #5261AC; border-radius: 28px; text-align: center; font: normal normal bold 20px/30px Poppins; letter-spacing: 1.05px; color: #5261AC; cursor: pointer; }
    .btn-mps-blue:hover { color: #fff; background-color: #5261AC; }

.btn.active:focus { outline: none; }

/******* are these styles for the old /Photos page? *******/

.btn-filter { padding: 10px 13px 0px 25px; border: 1px solid #5261AC; box-shadow: none; text-align: center; font: normal normal 400 20px/30px Poppins; letter-spacing: 0.08px; color: #5261AC; cursor: pointer; background-color: #fff; }
    .btn-filter:hover { color: #fff; background-color: #5261AC; border: 1px solid #5261AC; }
    .btn-filter span.svgContainer { position: relative; top: 3px; display: inline-block; }
    .btn-filter svg.filterIcon { fill: #5261AC; width: 20px; height: 20px; transform: scale(1 -1); }
    .btn-filter:hover svg.filterIcon, .btn-filter.active svg.filterIcon { fill: #fff; }
    .btn-filter.active { color: #fff; background-color: #5261AC; border: 1px solid #5261AC; }
        .btn-filter.active svg.filterIcon { fill: #5261AC; width: 20px; height: 20px; transform: scale(1 -1); }
        .btn-filter.active:hover svg.filterIcon, .btn-filter.active svg.filterIcon { fill: #fff; transform: rotate(180deg) }

/******* Boards button in site header *******/

.siteNav li.showBoards { position: relative; }

    .siteNav li.showBoards ul li { margin-top: 0px; margin-bottom: 5px; }
        .siteNav li.showBoards ul li a { text-transform: none; font: normal normal 300 14px / 21px Poppins; color: #02a388; text-align: left; }
        .siteNav li.showBoards ul li.board a { font: normal normal 400 14px / 21px Poppins; color: #373737; }

/*.siteNav #photoBoards { position: absolute; border: 1px solid #000; color: #000; padding: 15px; z-index: 20; background-color: #fff; top: 40px; left: -10px; width: 15vw; display: none; }

@media (max-width: 767px) {
    .siteNav #photoBoards { width: unset; }
}*/

/******* /Photos Summary *******/

#main_photos #filters { position: fixed; bottom: 0; left: 0; top: 10000px; background-color: #fff; padding: 15px; width: 250px; overflow-y: scroll; z-index: 10; display: none; }
#main_photos.show-filters #filters { display: block; }

#main_photos #filters .showCategory { display: flex; font-size: 14px; margin-bottom: 5px; cursor: pointer; }
    #main_photos #filters .showCategory > *:nth-child(1) { flex-grow: 1; }

    #main_photos #filters .showCategory .glyphicon-chevron-down { display: block; }
    #main_photos #filters .showCategory .glyphicon-chevron-up { display: none; }
    #main_photos #filters .showCategory.active .glyphicon-chevron-down { display: none; }
    #main_photos #filters .showCategory.active .glyphicon-chevron-up { display: block; }

#main_photos #filters ul.categoryList { margin-left: 10px; }
    #main_photos #filters ul.categoryList li { color: #5562a7; font-size: 13px; margin-top: 0; margin-bottom: 3px; }
        #main_photos #filters ul.categoryList li .glyphicon { display: none; margin-top: 2px; margin-left: 2px; }
        #main_photos #filters ul.categoryList li .glyphicon-unchecked { display: unset; }
        #main_photos #filters ul.categoryList li.included .glyphicon-unchecked { display: none; }
        #main_photos #filters ul.categoryList li.included .glyphicon-check { display: unset; }

#main_photos #photos-container { min-height: 1400px; }
    #main_photos #photos-container #nophotos { display: none; }
    #main_photos #photos-container #showFilters { display: inline; }

#main_photos.show-filters #photos-container { margin-left: 250px; }
    #main_photos.show-filters #photos-container #showFilters { display: none; }

#main_photos #filter-removal { display: flex; gap: 15px; flex-wrap: wrap; }
    #main_photos #filter-removal > span { background-color: #ddd; font-size: 13px; padding: 5px 10px; cursor: pointer; }
        #main_photos #filter-removal > span.all { background-color: #c9302c; color: #fff; }
        #main_photos #filter-removal > span .glyphicon { float: right; top: 3px; margin-left: 10px; }
        #main_photos #filter-removal > span:hover { color: #c9302c; }
        #main_photos #filter-removal > span.all:hover { color: #000; }

#main_photos #photos { width: 100%; }
    #main_photos #photos img { border-radius: 10px; margin-bottom: 15px; }

#main_photos #imageOverlay { position: absolute; display: none; }
    #main_photos #imageOverlay button { position: absolute; right: 0; margin: 5px; }
    #main_photos #imageOverlay #similarImages { bottom: 0; }

    #main_photos #imageOverlay #boards { background-color: #fff; border: 1px solid #aaa; font-size: 12px; position: absolute; right: 5px; padding: 5px 15px; display: none; cursor: pointer; }
        #main_photos #imageOverlay #boards p { padding: 0; }
        #main_photos #imageOverlay #boards td { font-weight: bold; cursor: pointer; padding-bottom: 3px; }
            #main_photos #imageOverlay #boards td:nth-child(1) { padding-right: 20px; }
            #main_photos #imageOverlay #boards td:nth-child(2) { width: 12px; }

        #main_photos #imageOverlay #boards .glyphicon { display: none; position: relative; top: -1px; width: 12px; }
        #main_photos #imageOverlay #boards tr.active .checked { display: block; }

        #main_photos #imageOverlay #boards tr:hover .checked { display: none; }
        #main_photos #imageOverlay #boards tr:hover .add { display: block; }
        #main_photos #imageOverlay #boards tr.active:hover .add { display: none; }
        #main_photos #imageOverlay #boards tr.active:hover .remove { display: block; }

@media (max-width: 767px) {
    #main_photos { display: block; gap: unset; }
        #main_photos #filters { width: 100%; display: none; }
}

/******* /Photos Image ********/

.photosImage #imageOverlay { position: absolute; top: 0; left: 0; right: 0; bottom: 0; display: none; }
    .photosImage #imageOverlay button { position: absolute; right: 0; margin: 5px; }
    .photosImage #imageOverlay #similarImages { bottom: 0; }

.photosImage .image-container:hover #imageOverlay { display: unset; }

.photosImage #imageOverlay #boards { background-color: #fff; border: 1px solid #aaa; font-size: 12px; position: absolute; right: 5px; padding: 5px 15px; display: none; cursor: pointer; }
    .photosImage #imageOverlay #boards p { padding: 0; }
    .photosImage #imageOverlay #boards td { font-weight: bold; cursor: pointer; padding-bottom: 3px; }
        .photosImage #imageOverlay #boards td:nth-child(1) { padding-right: 20px; }
        .photosImage #imageOverlay #boards td:nth-child(2) { width: 12px; }

    .photosImage #imageOverlay #boards .glyphicon { display: none; position: relative; top: -1px; width: 12px; }
    .photosImage #imageOverlay #boards tr.active .checked { display: block; }

    .photosImage #imageOverlay #boards tr:hover .checked { display: none; }
    .photosImage #imageOverlay #boards tr:hover .add { display: block; }
    .photosImage #imageOverlay #boards tr.active:hover .add { display: none; }
    .photosImage #imageOverlay #boards tr.active:hover .remove { display: block; }

.photosImage .boards { display: flex; gap: 15px; flex-wrap: wrap; }
    .photosImage .boards > span { background-color: #3c763d; color: #fff; font-size: 13px; padding: 5px 10px; cursor: pointer; }
        .photosImage .boards > span .glyphicon { float: left; top: 2px; margin-right: 10px; }



.siteNav { padding: 10px 0 0 0; }
    .siteNav .list-inline li { padding: 0 22px 0 0 }
    .siteNav li a { font: normal normal bold 16px/25px Poppins; letter-spacing: 0.03px; color: #636363; text-transform: uppercase; }

    .siteNav li.button-black { margin-right: 22px; padding: 7px 15px; border-radius: 28px; background-color: #1C162B; color: #fff; border: solid 1px #1C162B; }
        .siteNav li.button-black a { color: #fff; text-align: center; font: normal normal 600 14px/21px Poppins; letter-spacing: 0.14px; }

    /*.siteNav li.button-black:hover { background-color: #1C162B; color: #fff; border: solid 1px #1C162B; }
            .siteNav li.button-black:hover a { color: #fff; text-decoration: none; }*/

    .siteNav ul li.button-black:last-child { margin-right: 0px; }

#careerPathways { font-size: 16px; }

    #careerPathways .very-small { font-size: 12px; }

    /*#careerPathways h1 { color: #5261ac; font-weight: bold; }*/
    #careerPathways h2 { color: #9EA617; font-weight: bold; font-size: 40px; }
    #careerPathways h3 { color: #9EA617; font-weight: 600; font-size: 32px; }
    #careerPathways h4 { color: #9EA617; font-size: 24px; }
    #careerPathways h5 { color: #9EA617; font-weight: bold; font-size: 22px; }

    #careerPathways .grayBox { background-color: #e5e3e3; border-radius: 5px; padding: 7px; }

    #careerPathways .blueBox { background-color: #5261ac; color: #fff; border-radius: 5px; padding: 7px; }
        #careerPathways .blueBox h2 { color: #fff; }
        #careerPathways .blueBox h3 { color: #fff; }

    #careerPathways .greenBox { background-color: #9EA617; border-radius: 5px; padding: 7px; color: #fff; }

    #careerPathways .greyBorder { border: 2px solid #aaa; border-radius: 5px; padding: 20px; color: #888; }

    #careerPathways .hr { background-color: #5261ac; height: 3px; }
    #careerPathways .hr-green { background-color: #9EA617; height: 3px; }


    /***** Progress Header *******/

    #careerPathways #progressHeader { border-bottom: 2px solid #9EA617; font-size: 14px; /*padding-left: 60px;*/ padding-bottom: 4px; font-weight: 500; }
        #careerPathways #progressHeader a { margin-right: 20px; padding-bottom: 2px; }
        #careerPathways #progressHeader .normal { color: #000; }
        #careerPathways #progressHeader .highlighted { color: #F57A21; border-bottom: 2px solid #F57A21; }
        #careerPathways #progressHeader .disabled { color: #888; }


    /***** Progress Lower *******/

    #careerPathways #progressLower { margin-left: 20%; margin-right: 20%; font-size: 14px; display: flex; color: #b2b2b2; }
        #careerPathways #progressLower > div { width: 32%; margin: 0 10px; }
            #careerPathways #progressLower > div > div { width: 100%; background-color: #b2b2b2; height: 6px; border-radius: 6px; margin-top: 7px; }

            #careerPathways #progressLower > div.highlighted { color: #9EA617; }
                #careerPathways #progressLower > div.highlighted > div { background-color: #9EA617; }


    /***** first page (checkboxes) *******/

    #careerPathways .tab .column { float: left; width: 31%; margin: 0 5px; }

@media (max-width: 768px) {
    #careerPathways .tab .column { float: unset; width: unset; margin: 0; }
}

#careerPathways.hollandCodes .checkbox { background-color: #E5E3E3; padding: 8px; border-radius: 4px; color: #5261AC; font-size: 14px; }
    #careerPathways.hollandCodes .checkbox label { font-size: 13px; }
    #careerPathways.hollandCodes .checkbox.highlight { background-color: #9EA617; color: #fff; }


/***** Career Choices *******/

#careerPathways .pathways { margin: 40px 50px; display: flex; }
#careerPathways .pathway { display: flex; flex-direction: column; float: left; width: 170px; background-color: #fff; color: #5261AC; border: 1px solid #aaa; border-radius: 5px; margin-right: 5px; }

@media (max-width: 768px) {
    #careerPathways .pathways { margin: 20px 30px; display: block; text-align: center; }
    #careerPathways .pathway { display: block; float: none; width: 100%; background-color: #fff; color: #5261AC; border: 1px solid #aaa; border-radius: 5px; margin: 0 0 10px 0; }
}


/***** Pathway *******/

#careerPathways .center-vertical { display: flex; align-items: center; }


/***** Info *******/

#careerPathways .info { padding: 40px 50px; }
    #careerPathways .info > .row { display: flex; align-items: center; }

@media (max-width: 768px) {
    #careerPathways .info { padding: 10px; }
    #careerPathways .info > .row { display: block; }
}

.checkbox-cte { background-color: #fff; color: #000; border: 1px solid #aaa; border-radius: 5px; padding: 6px 10px; margin-bottom: 6px; font-size: 12px; }
    .checkbox-cte input { margin-right: 10px; }


/***** Review *******/

#careerPathways .header { border-bottom: 1px solid #888; padding-bottom: 10px; margin-bottom: 10px; }
#careerPathways dt { margin-bottom: 2px; }
#careerPathways dd { margin-bottom: 10px; }


/***** Finish *******/

#careerPathways .finishBlock { padding: 10% 17%; }

@media (max-width: 768px) {
    #careerPathways .finishBlock { padding: 10px; }
}

.card-box .link { color: #fff; position: absolute; bottom: 10px; }

.boardFinder { background-color: #1c162b; color: white; }

    .boardFinder ol.breadcrumb { padding: 0; margin: 0; background-color: unset; font-size: 13px; }
        .boardFinder ol.breadcrumb > li + li::before { padding: 0 5px 0 2px; color: #FDB913; content: ">"; }
        .boardFinder ol.breadcrumb a { color: #fff; }

/*#region home cards*/


.centering-cards { overflow: hidden; position: relative; }
    
.centering-cards .inner { position: relative; touch-action: none; display: flex; flex-direction: row; flex-wrap: nowrap; }

    .centering-cards .card { margin: 0 25px 25px 0; flex: 1 0 auto; width: 280px; }

    .centering-cards .card-inside { transform: scale(.8); border-radius: 4px; box-shadow: 1px 2px 6px #00000029; }
        .centering-cards .card-inside .date { background-color: #5261AC; text-align: center; color: #FDB913; border-top-left-radius: 10px; border-top-right-radius: 10px; font-size: 27px; padding-top: 10px; padding-bottom: 10px; }
        .centering-cards .card-inside .summary { background-color: #FDB913; text-align: center; color: #C0311A; font-size: 17px; padding-top: 10px; padding-bottom: 10px; }
        .centering-cards .card-inside .body { color: #000; font-size: 17px; padding: 20px 30px; min-height: 150px; }
        .centering-cards .card-inside .btn { border: unset; background-color: #b2b2b2; color: #fff; border-radius: 6px; padding: 10px 20px; }
            .centering-cards .card-inside .btn:hover { border: unset; background-color: #5261AC; color: #fff; border-radius: 6px; padding: 10px 20px; }

    .centering-cards .card.center .card-inside { transform: scale(1); }

    .centering-cards .arrow { position: absolute; color: #000; opacity: .6; margin: 2%; cursor: pointer; top: 100px; font-size: 35px; }

    .centering-cards .indicators { text-align: center; cursor: pointer; color: #b2b2b2; font-size: 10px; }
        .centering-cards .indicators span { margin: 0 3px; }
        .centering-cards .indicators .highlight { color: red; }

/*#endregion Gray Bar*/

/*#region homebox*/
.homebox img { border-top-left-radius: 4px; border-top-right-radius: 4px; }
.homebox { margin-bottom: 40px; color: #fff; }
    .homebox div { color: #fff; border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; }
        .homebox div.blue { background-color: #5261AC; }
        .homebox div.navy { background-color: #591f63 }
        .homebox div.red { background-color: #B03E2F }
        .homebox div.green { background-color: #9ea617 }
        .homebox div.title { padding: 30px 40px 10px 40px; text-align: left; font: normal normal bold 28px/32px Poppins; min-height: 105px; }
        .homebox div.summary { padding: 0px 40px 30px 40px; text-align: left; font: normal normal medium 16px/24px Poppins; min-height: 105px;}
        .homebox div.learnBtn { padding: 0px 40px 40px 40px; text-align: left; }
            .homebox div.learnBtn .btn { border: unset; background-color: #fff; color: #000; border-radius: 6px; padding: 8px 15px; }
                .homebox div.learnBtn .btn:hover { border: unset; background-color: #b2b2b2; color: #fff; border-radius: 6px; padding: 8px 15px; }
/*#endregion homebox*/

/*#region bluebar*/

.blueBar { background-color: #5261AC; padding: 0px 0 0 0; color: #fff; }

    .blueBar ol.breadcrumb { padding: 0; margin: 0; background-color: unset; font-size: 13px; }
        .blueBar ol.breadcrumb > li + li::before { padding: 0 5px 0 2px; color: #FDB913; content: ">"; }
        .blueBar ol.breadcrumb a { color: #fff; }

/*.blueBar h1 { color: #fff; font-size: 63px; font-weight: normal; }
.blueBar h2 { color: #fff; font-size: 25px; font-weight: normal; margin-bottom: 25px; }*/

/* xs and sm */
@media (max-width: 991px) {
    /*.blueBar h1 { color: #fff; font-size: 33px; font-weight: normal; margin: 0; line-height: 1.42857143; }
    .blueBar h2 { color: #fff; font-size: 13px; font-weight: normal; margin: 0; line-height: 1.42857143; margin-bottom: 5px; }*/
}

.blueBar .breadCrumbContainer { position: relative; top: 9px; }

.blueBar .findYourSchool { border-radius: 6px; }
    .blueBar .findYourSchool .title { font: normal normal 600 48px/46px Poppins; letter-spacing: 1.0px; color: #BE3326; padding: 0px; }
    .blueBar .findYourSchool .description { font: normal normal 600 16px/22px Poppins; color: #5261AC; border-top: solid 1px #575EAE; padding-top: 10px; }

.findYourSchool.large { display: flex; gap: 10%; }
    .findYourSchool.large > * { background-color: #ebebeb; padding: 30px; border-radius: 5px; }
        .findYourSchool.large > *:last-child { flex-shrink: 1.7; min-width: 227px; }

    .findYourSchool.large > div > div.row { display: flex; }

    .findYourSchool.large form { display: flex; flex-direction: column; justify-content: space-between; height: 100%; }
        .findYourSchool.large form > *:last-child { max-width: 138px; }

.blueBar .requestYourSchool { display: flex; flex-direction: column; justify-content: space-between; }
    .blueBar .requestYourSchool p { text-align: center; font-size: 26px; line-height: 28px; font-weight: 550; color: #5261AC; }
    .blueBar .requestYourSchool a { max-width: 164px; margin: 0 auto; }

/* xs and sm */
@media (max-width: 991px) {
    .findYourSchool.large { display: block; gap: 10%; }
        .findYourSchool.large > *:first-child { margin-bottom: 30px; }
}

/* xs */
@media (max-width: 778px) {
    .findYourSchool.large > div > div.row { display: block; }
    .findYourSchool.large #city { margin-bottom: 15px; }
    .findYourSchool.large form button { margin: 0 auto; }
}

.findYourSchool.small form { display: flex; gap: 16px; background-color: #ebebeb; padding:15px 45px; border-radius: 6px;}
/* md and lg */
@media (min-width: 992px) {
    .findYourSchool.small form > * { flex: 1; }
        .findYourSchool.small form > *:nth-child(1) { flex: 3; }
        .findYourSchool.small form > *:nth-child(3) { flex: .7; }
}

/* xs and sm */
@media (max-width: 991px) {
    .findYourSchool.small form { flex-wrap: wrap; justify-content: center; gap: 10px 2%; }
        .findYourSchool.small form > * { flex: 0 1 49%; }
            .findYourSchool.small form > *:nth-child(1) { flex: 0 1 100%; }
            .findYourSchool.small form > *:nth-child(4) { flex: 0 1 100%; }
            .findYourSchool.small form > *:nth-child(5) { flex: 0 1 20%; }
}

/*#endregion bluebar*/


/*#region buttons*/
.btn-orange { background-color: #F57A21; color: #fff; background-image: none; border: unset; box-shadow: unset; }
    .btn-orange:hover { background-color: #BE3326; color: #fff; }

.btn-red { background-color: #BE3326; color: #fff; background-image: none; border: unset; box-shadow: unset; }
    .btn-red:hover { background-color: #ca651b; color: #fff; }

.btn-darkblue { background-color: #591F63; color: #fff; background-image: none; border: unset; box-shadow: unset; }
    .btn-darkblue:hover { background-color: #4552f7; color: #fff; }
/*#endregion buttons*/

/* #region scrollable-cards */

.scrollable-cards { overflow: hidden; position: relative; }
    .scrollable-cards .inner { width: 300%; display: flex; flex-direction: row; flex-wrap: nowrap; }

    .scrollable-cards .card { width: 280px; margin: 0 25px 25px 0; flex: 1 0 auto; }

    .scrollable-cards .arrow { position: absolute; top: 0; color: #888; opacity: .8; margin: 12% 4% 0 4%; font-size: 65px; font-weight: 100; cursor: pointer; }

    .scrollable-cards .indicators { text-align: center; }
        .scrollable-cards .indicators .highlight { color: red; }

/* #endregion */

/*#region videos*/
.kickoff .videoBox { border: solid 1px #666666; border-radius: 6px; min-height: 300px; }

    .kickoff .videoBox .label { padding: 25px; font: normal normal bold 18px/22px Poppins; color: #000; }

.kickoffcards .scrollable-cards .card { background-color: #fff; border-radius: 6px; border: solid 1px #000; width: 360px; }

    .kickoffcards .scrollable-cards .card .summary { background-color: #FDB913; text-align: center; color: #C0311A; font-size: 17px; padding-top: 10px; padding-bottom: 10px; color: #C0311A; border-bottom-left-radius: 6px; border-bottom-right-radius: 6px; min-height: 75px; }

.kickoffcards .scrollable-cards .arrow { color: #000; margin: 8% 0 0 0; background-color: rgba(222,222,222,0.75) }
/*#endregion videos*/

/*#region schoolcards*/
.schoolDisplay .schoolHeader { border: 1px solid #5261AC; padding: 15px; color: #000; font-size: .8em; }
    .schoolDisplay .schoolHeader h4 { margin: 0; color: #000; }

.schoolDisplay img.thumb { cursor: pointer; }

.schoolDisplay .top { display: flex; justify-content: space-between; flex-wrap: wrap; }
    .schoolDisplay .top > div:nth-child(1) { flex-basis: 40%; }
    .schoolDisplay .top > div:nth-child(2) { flex-basis: 32%; }
    .schoolDisplay .top > div:nth-child(3) { flex-basis: 22.5%; }
    .schoolDisplay .top #schoolMap { height: 100%; border-radius: 4px; border: 1px solid #AB483C; }

.schoolDisplay .details { display: flex; flex-direction: column; justify-content: space-between; border: 1px solid #AB483C; border-radius: 4px; }
    .schoolDisplay .details h3 { margin-top: 0; margin-bottom: 30px; }
    .schoolDisplay .details p { padding-bottom: 0; margin-bottom: 7px; font-size: .85em; }
    .schoolDisplay .details > div { padding: 20px 20px 0px 20px; }
        .schoolDisplay .details > div span { font-weight: bold; color: #591F63; }

/* xs/sm */
@media (max-width: 991px) {
    .schoolDisplay .top { display: block; }
        .schoolDisplay .top > div { margin-bottom: 30px; }
        .schoolDisplay .top #schoolMap { height: 300px; }
}

/* lg */
@media (min-width: 1200px) {
    .schoolDisplay .top > div:nth-child(1) { flex-basis: 40%; }
    .schoolDisplay .top > div:nth-child(2) { flex-basis: 32%; }
    .schoolDisplay .top > div:nth-child(3) { flex-basis: 22.9%; }
}

/* disable profiler output in xs and sm viewport */
@media (max-width: 768px) {
    .schoolDisplay .details > div { border-top: 1px solid #AB483C; border-radius: 4px; }
}

.school-component { width: 100%; }
    .school-component .category { color: #fff; text-align: center; background-color: #aaa; font-weight: bold; padding: 3%; border-radius: 6px 6px 0 0; }
        .school-component .category.community { background-color: #BE3326; }
    .school-component .earlyChildhood { background-color: #BE3326; }
    .school-component .category.magnet { background-color: #FDB913; }
    .school-component img { width: 100%; aspect-ratio: 300 / 200; border-left: 1px solid #95989A; border-right: 1px solid #95989A; }
    .school-component .body { border: 1px solid #95989A; padding: 5%; color: #000; font-size: .9em; min-height: 180px; }
        .school-component .body h4 { margin-bottom: 1%; }
    .school-component .footer { color: #fff; text-align: center; background-color: #5261AC; font-weight: bold; padding: 3%; border-radius: 0 0 6px 6px; }
        .school-component .footer a { color: inherit; text-decoration: none; }

.findYourSchool-summary .menu { border: 1px solid #5261AC; color: #000; display: flex; margin-bottom: 30px; }
    .findYourSchool-summary .menu div { padding: 10px 10px 8px 10px; border-left: 1px solid #5261AC; text-align: center; }
    .findYourSchool-summary .menu a { color: inherit; line-height: initial; }
        .findYourSchool-summary .menu a.active { background-color: #F0F0F0; }
        .findYourSchool-summary .menu a:hover { text-decoration: none; }
        .findYourSchool-summary .menu a:active { text-decoration: none; }

/*#endregion schoolcards*/

/*#region requestschool*/
.requestSchool { }
    .requestSchool .card-box { padding: 0; border-radius: 4px; opacity: 1; margin-top: 35px; box-shadow: 0px 2px 6px #00000029; background-color: #fff; color: #1c1c1c; }
        .requestSchool .card-box a { text-decoration: none; }
        .requestSchool .card-box .h3, .requestSchool .card-box h3 { font-size: 22px; margin-top: 0; text-decoration: none; padding: 0; margin: 0; }
        .requestSchool .card-box .h4, .requestSchool .card-box h4 { font-size: 16px; margin-top: 0; text-decoration: none; padding: 0; margin: 0; }
        .requestSchool .card-box .header { padding: 15px; }
        .requestSchool .card-box .year { padding: 15px; }
        .requestSchool .card-box p { padding: 15px; min-height: 110px; text-align: center; }

    .requestSchool .blue { border: 1px solid #591F63; }
        .requestSchool .blue .header { background-color: #591F63; }
        .requestSchool .blue .year { color: #591F63; border-bottom: solid 1px #591F63; }
        .requestSchool .blue .btn-blue { background-color: #591F63; text-align: center; font: normal normal normal 13px/20px Poppins; letter-spacing: 0px; color: #FFFFFF; opacity: 1; padding: 5px 20px; }

    .requestSchool .orange { border: 1px solid #A9AB38; }
        .requestSchool .orange .header { background-color: #A9AB38; }
        .requestSchool .orange .year { color: #A9AB38; border-bottom: solid 1px #A9AB38; }
        .requestSchool .orange .btn-orange { background-color: #A9AB38; text-align: center; font: normal normal normal 13px/20px Poppins; letter-spacing: 0px; color: #FFFFFF; opacity: 1; }

    .requestSchool .visible-xs .card-box { min-height: unset; text-align: center; padding: 5px; }

@media (max-width: 786px) {
    .requestSchool .card-box { margin-bottom: 20px; min-height: unset; }
        .requestSchool .card-box .link { display: none; }
}

/*#endregion requestschool*/

/* #region Card-Box */
.card-box { padding: 25px; border-radius: 6px; color: #1c1c1c; min-height: 200px; }
    .card-box a { text-decoration: none; }
    .card-box h3 { font-size: 20px; margin-top: 10px; text-decoration: none; }
    .card-box .link { color: inherit; position: absolute; bottom: 10px; }

.visible-xs .card-box { min-height: unset; text-align: center; padding: 5px; }
    .visible-xs .card-box h3 { color: #fff; }

.card-blue { background-color: #5261AC; color: #fff; }
    .card-blue h4, .card-blue a:link, .card-blue a:hover { color: #fff; }

.card-orange { background-color: #F57A21; }
.card-gray { background-color: #e2e2e2; }
.card-green { background-color: #A9AB38; }

@media (max-width: 786px) {
    .card-box { margin-bottom: 20px; min-height: unset; }
        .card-box .link { display: none; }
}

/* #endregion */

.panel-embed { border: none; /*border: solid 1px #000;*/ box-shadow: unset; border-bottom: solid 1px #fff; }
    .panel-embed .panel-heading { padding-left: 0px; padding-right: 0px; background-color: #fff; border-bottom: none; font: normal normal 400 17px/20px Poppins; color: #373737; }
    .panel-embed .panel-body { padding-left: 0px; padding-right: 0px; }