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

/* "Boards" button in header */

.header-main #photos-boards > ul { position: absolute; border: 1px solid #eee; border-radius: 4px; background-color: #fff; padding: 0; box-shadow: rgba(0, 0, 0, 0.175) 0px 6px 12px 0px; z-index: 10; white-space: nowrap; list-style-type: none; display: none; }
    .header-main #photos-boards > ul li { margin: 0; padding: 5px 15px; }
        .header-main #photos-boards > ul li:hover { background-color: #eee; }
        .header-main #photos-boards > ul li.divider { border-bottom: 1px solid #eee; margin: 4px 0; padding: 0; }

        .header-main #photos-boards > ul li a { color: #5261AC; font-size: .85em; text-decoration: none; text-transform: none; font-weight: normal; }
        .header-main #photos-boards > ul li.board a { color: #373737; }

.header-main #photos-boards:hover > ul { display: block; }

@media (max-width: 767px) {
    .header-main #photos-boards { position: relative; top: 1px; }
        .header-main #photos-boards > ul { right: -15px; top: 35px; }
}

.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/Photos/images/earlyChildhood.png'); background-size: cover; }
.photosHome .prek { background-image: url('/CMF/Designs/FinalSite/Layouts/Photos/images/prek.png'); background-size: cover; }
.photosHome .elementary { background-image: url('/CMF/Designs/FinalSite/Layouts/Photos/images/elementary.png'); background-size: cover; }
.photosHome .middle { background-image: url('/CMF/Designs/FinalSite/Layouts/Photos/images/middle.png'); background-size: cover; }
.photosHome .high { background-image: url('/CMF/Designs/FinalSite/Layouts/Photos/images/high.png'); background-size: cover; }
.photosHome .communityEd { background-image: url('/CMF/Designs/FinalSite/Layouts/Photos/images/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) }

/******* /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; }