/* PROJECT MAP */
#project-map-container,
#project-map-container .flex_cell,
#project-map-container .flex_cell_inner,
#project-map-container .av_textblock_section,
#project-map-container .avia_textblock,
#project-map-container #project-map,
#project-map-container #project-map-5 {
    height: 100%;
}
#project-map-container {
    border-top: 2px solid #ccc;
}
#project-map-container #project-map-left {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    height: 100%;
    color: var(--white);
}
#project-map-container #project-map-right {
    height: 700px;
}
#project-map-container #project-map-right #project-map-outer {
    position: relative;
    height: 100%;
    overflow: hidden;
}
#project-map-container #project-map-right #project-map {
    height: 100%;
}

/* COVER SPIN */
#cover-spin.in-project-search {
    position: relative;
    top: auto;
    bottom: 10px;
}
#cover-spin.in-map-view,
#cover-spin.in-project-list {
    position: absolute;
}
#cover-spin.in-project-list {
    background-color: #fff;
}

/* PROJECT MAP HEADER - VIEWS AND FILTER OPTIONS */
#projects-header {
    /*border-bottom: 1px solid #e6e6e6;*/
    /*padding: 45px 0;*/
    position: relative;
    z-index: 10000;
}
#projects-header .flex {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
}

/* PROJECT VIEWS */
#project-views {
    padding: 15px 0;
}
.av_textblock_section #project-views ul {
    margin: 0 !important;
}
#project-views ul {
    font-size: 0;
    list-style-type: none;
    margin-bottom: 0;
    padding-left: 0;
}
#project-views ul li {
    display: inline-block;
    margin-right: 15px;
    vertical-align: middle;
}
#project-views ul li a {
    position: relative;
    border-radius: 0;
    color: #10367A;
    display: block;
    font-size: 14px;
    font-weight: 700;
    line-height: 32px;
    text-decoration: none !important;
    padding: 0 22px 0 44px;
    transition: background-color 0.6s, border-color 0.6s, color 0.6s;
    text-transform: uppercase;
}
#project-views ul li.active a {
    background-color: var(--blue-logo);
    color: var(--white) !important;
}
#project-views ul li.active a:hover {
    background-color: var(--white);
    color: var(--blue-logo) !important;
}
#project-views ul li:not(.active) a {
    background-color: var(--white);
    color: var(--blue-logo) !important;
}
#project-views ul li:not(.active) a:hover {
    background-color: var(--blue-logo);
    color: var(--white) !important;
}
#project-views ul li a .material-symbols-outlined {
    position: absolute;
    top: 6px;
    left: 15px;
    font-size: 20px;
}
#project-views ul li:not(.active).search a {
    background-color: unset;
    color: var(--white) !important;
}
#project-views ul li:not(.active).search a:hover {
    color: var(--blue-logo) !important;
}
#project-views ul li a .material-symbols-outlined.search-icon {
    position: relative;
    top: auto;
    left: auto;
    font-size: 32px;
    margin-top: 5px;
}
/*#project-views ul li a i {*/
/*    margin-right: 15px;*/
/*}*/
#project-views .search {
    margin: 0 0 0 15px;
}
#project-views .search a {
    border-width: 0;
    /*color: #FE5716;*/
    font-size: 21px;
    line-height: 1;
    padding: 0;
}
#project-views .search a i {
    margin-right: 0;
}

/* PROJECT FILTER */
#project-filter {
    padding: 15px 0;
}
.av_textblock_section #project-filter ul {
    margin: 0 !important;
    text-align: left;
}
#project-filter form {
    margin-bottom: 0;
}
#project-filter ul {
    font-size: 0;
    list-style-type: none;
    margin-bottom: 0;
    padding-left: 0;
}
/*#project-filter ul li {*/
/*    margin-right: 15px;*/
/*}*/
#project-filter ul li:first-child {
    display: inline-block;
    /*display: flex;*/
    font-size: 14px;
    font-weight: 700;
    letter-spacing: 0.1em;
    margin-top: 5px;
    margin-right: 30px;
    text-transform: uppercase;
}
#project-filter ul li.filter {
    color: var(--white);
}
#project-filter ul li:last-child {
    margin-bottom: 5px;
}
#project-filter ul li p {
    margin: 0 !important;
}
#project-filter ul li .sub-menu ul {
    margin: 0 0 0 1rem !important;
}
#project-filter ul li .sub-menu ul li {
    display: flex !important;
    margin-left: 0;
    margin-right: 0;
    padding: 0;
}

/* PROJECT FILTER LABEL */
#project-filter label {
    cursor: pointer;
    display: block;
    font-size: 14px;
    padding: 5px 15px;
    position: relative;
    user-select: none;
    margin-bottom: 0;
    white-space: nowrap;
}
#project-filter label input {
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
    width: 0;
    height: 0;
}
#project-filter label .checkbox {
    border: 1px solid #ccc;
    border-radius: 3px;
    display: inline-block;
    margin-right: 6px;
    position: relative;
    width: 18px;
    height: 18px;
    transition: background-color 0.3s, border-color 0.3s;
    vertical-align: middle;
}
#project-filter label input:checked ~ .checkbox {
    background-color: #10367A;
    border-color: #10367A;
}
/*#project-filter label .checkbox::after {*/
/*    content: '\f00c';*/
/*    color: var(--white);*/
/*    font-family: 'Font Awesome 6 Pro';*/
/*    font-size: 10px;*/
/*    font-weight: 900;*/
/*    opacity: 0;*/
/*    position: absolute;*/
/*    left: 0;*/
/*    top: 0;*/
/*    width: 16px;*/
/*    height: 16px;*/
/*    line-height: 16px;*/
/*    text-align: center;*/
/*    transition: opacity 0.3s;*/
/*}*/
/*#project-filter label input:checked ~ .checkbox::after {*/
/*    opacity: 1;*/
/*}*/

/* PROJECT FILTER DROPDOWN */
#project-filter .dropdown {
    display: inline-block;
    font-size: 16px;
    font-weight: 400;
    line-height: 1;
    position: relative;
}
#project-filter .dropdown a {
    background-color: var(--white);
    /*color: #333;*/
    display: block;
    position: relative;
    text-decoration: none !important;
    transition: border-color 0.3s;
    border-radius: 0;
    line-height: 30px;
    padding: 0 60px 3px 30px;
    margin-top: 3px;
}
#project-filter .dropdown a:focus {
    background-color: var(--white);
}
#project-filter .dropdown a:hover {
    background-color: var(--blue-logo);
    color: var(--white) !important;
}
/*#project-filter .dropdown a::after {*/
/*    color: #10367A;*/
/*    content: '\f107';*/
/*    font-family: 'Font Awesome 6 Pro';*/
/*    font-weight: 400;*/
/*    position: absolute;*/
/*    right: 0;*/
/*    width: 40px;*/
/*    text-align: center;*/
/*}*/
/*#project-filter .dropdown a::after {*/
/*    width: 60px;*/
/*}*/
/*#project-filter .dropdown a:hover, .dropdown.active > a {*/
/*    border-color: #ccc;*/
/*}*/
#project-filter .dropdown .material-symbols-outlined {
    position: absolute;
    top: 11px;
    right: 20px;
    color: var(--blue-logo);
    pointer-events: none;
}
#project-filter .dropdown:hover .material-symbols-outlined {
    color: var(--white);
}
#project-filter .dropdown .sub-menu {
    background-color: var(--white);
    border: 1px solid #ddd;
    border-radius: 3px;
    box-shadow: 2px 2px 9px rgba(0, 0, 0, 0.1);
    display: none;
    margin-top: 5px;
    position: absolute;
    top: 100%;
    left: 50%;
    min-width: 100%;
    transform: translateX(-50%);
    z-index: 1;
}
#project-filter .dropdown.active .sub-menu {
    display: block;
}
#project-filter .dropdown ul {
    list-style-type: none;
    margin-bottom: 0;
    padding-left: 0;
    max-height: 360px;
    overflow-y: auto;
}
#project-filter .dropdown li:first-child {
    display: block;
    font-weight: 400;
    letter-spacing: normal;
    margin-right: 0;
    text-transform: none;
}

/* PROJECT LIST */
#project-list-outer {
    position: relative;
    height: 700px;
    padding: 10px 0;
    overflow-y: auto;
    background-color: #F6F8F9;
}
/* Works on Firefox */
/*#project-list-outer  {*/
/*    scrollbar-width: thin;*/
/*    scrollbar-color: var(--grey300) #435c6e;*/
/*}*/
/* Works on Chrome, Edge, and Safari */
#project-list-outer::-webkit-scrollbar {
    width: 7px;
    height: 7px;
}
#project-list-outer::-webkit-scrollbar-track {
    background: #435c6e;
    border-radius: 100px;
}
#project-list-outer::-webkit-scrollbar-thumb {
    background-color: var(--grey300);
    border-radius: 20px;
}
#project-list-inner {
    margin: 0 auto;
    padding: 20px 30px 30px 30px;
}
#project-list-inner table {
    margin-bottom: 0;
}
#project-list-inner table th {
    border-bottom: 2px solid #ccc;
}
#project-list-inner .project-list-name {
    color: var(--blue-logo);
    cursor: pointer;
}
#project-list-inner .project-list-name:hover {
    color: var(--blue-bolt);
}

#project-list .header {
    cursor: pointer;
}
#project-list .header:hover {
    background-color: var(--blue-logo);
}
#project-list .header:after {
    position: relative;
    content: '\e5d7';
    margin-left: 12px;
    top: 5px;
    color: #ccc;
    font-family: 'Material Icons';
    -webkit-font-feature-settings: 'liga' 1;
    -moz-font-feature-settings: 'liga' 1;
    font-feature-settings: 'liga' 1;
    font-size: 20px;
}
#project-list .active[sortDir="DESC"]:after {
    content: '\e316';
    color: var(--space-ultramarine);
}
#project-list .active[sortDir="ASC"]:after {
    content: '\e313';
    color: var(--space-ultramarine);
}
#energy-solutions-summary-stats {
    margin-bottom: 30px;
    text-align: center;
}

/* PROJECT SEARCH */
#project-search {
    width: 90%;
    margin: 0 auto;
    padding-bottom: 60px;
}
#project-search #project-search-fields {
    display: flex;
    padding-top: 60px;
    border-bottom: 1px solid #ccc;
    margin-bottom: 30px;
}
#project-search #project-search-fields input {
    border: none;
    margin-top: -7px;
    margin-bottom: 7px;
    font-size: 20px;
}
#project-search #search-results {
    display: none;
}
#project-search .results-summary {
    margin: 0 0 20px 30px;
}
#project-search #search-results .results-row,
#project-search #search-results .results-row-no-lightbox {
    position: relative;
    padding: 30px;
    background-color: var(--grey100);
    border-bottom: 1px solid var(--blue-bolt);
    cursor: pointer;
}
#project-search #search-results .results-row-no-lightbox {
    cursor: default;
    color: #bbb;
}
#project-search #search-results .results-row .info,
#project-search #search-results .results-row-no-lightbox .info {
    position: absolute;
    right: 30px;
}
#project-search #search-results .results-row .info {
    color: var(--blue-bolt);
}
#project-search #search-results .results-row:hover {
    background-color: var(--grey200);
}
#project-search .material-icons {
    font-size: 30px;
    color: var(--blue-bolt);
    margin-top: -2px;
}

/* LIGHTBOX */
#lightbox {
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,.8);
    transition: .5s;
    opacity: 0;
    overflow: auto;
    height: 100%;
    z-index: -1;
}
#lightbox.active {
    opacity: 1;
    z-index: 999;
}
#lightbox-bottom {
    display: flex;
}
#lightbox-bottom #lightbox-left {
    width: 20%;
    margin: 60px 0 40px 0;
    padding: 0 30px;
    border-right: 1px solid #ccc;
}
#lightbox-bottom #lightbox-left #menu-dropdown {
    display: none;
}
#lightbox-bottom #lightbox-left #menu-list {
}
/*#lightbox-bottom #lightbox-right .lightbox-section {*/
/*    position: absolute;*/
/*}*/
#lightbox-bottom #lightbox-right .lightbox-section .flex_cell_inner {
    width: 100%;
}
#lightbox-bottom #lightbox-right {
    position: relative;
    width: 80%;
    margin-top: 60px;
    padding: 0 60px 40px 60px;
    opacity: 0;
    transition: .2s;
}
#lightbox-bottom #lightbox-right.active {
    opacity: 1;
}
.in-lightbox .entry-content-wrapper {
    overflow: hidden;
}
.in-lightbox #hero #hero-content {
    padding-left: var(--narrowWidthMargin1) !important;
    padding-right: var(--narrowWidthMargin1) !important;
}
.in-lightbox #project-page-overview {
    width: 100%;
    padding-left: 0 !important;
    padding-right: var(--narrowWidthMargin1) !important;
    margin-top: 0;
    margin-bottom: 0;
}
.in-lightbox .full-width_multi-cell_no-padding_inner-narrow-width {
    width: 95% !important;
}
/*.in-lightbox #project-imgs-slider #img-highlight-slider.project-imgs-slider {*/
/*    margin: 0;*/
/*    min-width: auto;*/
/*    width: 70%;*/
/*}*/
.in-lightbox #project-imgs-slider .flex_cell {
    /*padding-bottom: 60px !important;*/
    padding-top: 0 !important;
}
.in-lightbox #no-project-found {
    padding: 100px 50px;
    text-align: center;
    font-size: 20px;
}
#lightbox-content {
    position: relative;
    top: 30px;
    max-width: var(--narrow-width);
    left: 50%;
    transform: translateX(-50%);
    background-color: var(--white);
    transition: .5s;
    opacity: 0;
    z-index: -1;
}
#lightbox-content.active {
    opacity: 1;
    z-index: 1;
}
#lightbox-close {
    position: absolute;
    display: block;
    top: 0;
    right: 0;
    width: 72px;
    height: 72px;
    background-color: rgba(0, 0, 0, 0.3);
    color: #fff;
    font-size: 36px;
    text-align: center;
    transition: background-color 0.6s;
    z-index: 1;
}
#lightbox-close .material-symbols-outlined {
    font-size: 50px;
    margin-top: 10px;
}
#lightbox-close:hover {
    background-color: rgba(0, 0, 0, 0.4);
}

/* LIGHTBOX MENU */
.lightbox-menu-item {
    padding: 15px 0;
    cursor: pointer;
    border-right: 5px solid;
    border-right-color: rgba(0,0,0,0) !important;
    transition: .3s;
}
.lightbox-menu-item.active,
.lightbox-menu-item:hover {
    color: var(--blue-logo);
    border-right-color: rgba(0,170,255, 1) !important;
}

/*#lightbox #project-page-overview,*/
/*#lightbox #dimensions-of-impact,*/
/*#lightbox #stats-slider,*/
/*#lightbox #project-imgs-slider {*/
/*    display: none;*/
/*}*/
#lightbox #stats-slider.active,
#lightbox #project-page-overview.active,
#lightbox #dimensions-of-impact.active,
#lightbox #project-imgs-slider.active,
#lightbox #project-resources.active,
#lightbox #project-contact.active {
    display: block;
}

#stats-banner-double-row-container {
    background-color: var(--space-ultramarine);
}

#project-imgs-slider {
    width: 100%;
    margin: 0 auto;
}
#project-imgs-slider .flex_cell_inner {
    width: 100%;
}
#project-imgs-slider #basic-img-highlight-slider .bx-wrapper {
    max-width: 800px !important;
    margin: 0 auto;
    margin-bottom: 0;
    box-shadow: none;
    border: none;
}
#project-imgs-slider #basic-img-highlight-slider .bx-wrapper .bx-controls-direction a {
    width: 17px;
    height: 28px;
}
#project-imgs-slider #basic-img-highlight-slider .bx-wrapper .bx-prev {
    left: -30px;
    background: url('data:image/svg+xml;utf-8,<svg xmlns="http://www.w3.org/2000/svg" height="48" viewBox="0 96 960 960" width="48"><path fill="%23008480" d="M561 829.566 306.434 575 561 320.434 617.566 377l-198 198 198 198L561 829.566Z"/></svg>');
    background-position: -16px -11px;
}
#project-imgs-slider #basic-img-highlight-slider .bx-wrapper .bx-next {
    right: -30px;
    background: url('data:image/svg+xml;utf-8,<svg xmlns="http://www.w3.org/2000/svg" height="48" viewBox="0 96 960 960" width="48"><path fill="%230a6361" d="M375 829.566 318.434 773l198-198-198-198L375 320.434 629.566 575 375 829.566Z"/></svg>');
    background-position: -16px -11px;
}

@media only screen and (max-width: 1540px) {
    .in-lightbox #project-page-overview {
        padding-left: 0 !important;
        padding-right: var(--narrowWidthMargin1) !important;
    }
    /*.in-lightbox #project-imgs-slider #img-highlight-slider.project-imgs-slider {*/
    /*    width: 100%;*/
    /*}*/
}
@media only screen and (max-width: 1200px) {
    #project-map-container .flex_cell:first-of-type {
        width: 30%;
    }
}
@media only screen and (max-width: 991px) {
    /* LIGHTBOX */
    #lightbox-bottom {
        display: block;
    }
    #lightbox-bottom #lightbox-left {
        width: 100%;
        padding-right: 30px;
        border-right: none;
    }
    #lightbox-bottom #lightbox-right {
        width: 100%;
        padding-left: 30px;
        padding-right: 30px;
        margin-top: 0;
    }
    #lightbox-bottom #lightbox-left #menu-dropdown {
        position: relative;
        display: block;
    }
    #lightbox-bottom #lightbox-left #menu-dropdown a {
        border: 1px solid #ddd;
        border-radius: 3px;
        color: #333;
        display: block;
        padding: 15px 40px 15px 15px;
        position: relative;
        text-decoration: none !important;
        transition: border-color 0.3s;
    }
    #lightbox-bottom #lightbox-left #menu-dropdown a:hover,
    #lightbox-bottom #lightbox-left #menu-dropdown.active > a {
        border-color: #666;
    }
    #lightbox-bottom #lightbox-left #menu-dropdown a::after {
        color: #10367A;
        content: '\e5d7';
        font-family: 'Material Icons';
        font-weight: 400;
        position: absolute;
        right: 0;
        width: 40px;
        text-align: center;
    }
    #lightbox-bottom #lightbox-left #menu-dropdown .sub-menu {
        position: absolute;
        background-color: #fff;
        border: 1px solid #ddd;
        border-radius: 3px;
        box-shadow: 2px 2px 9px rgba(0, 0, 0, 0.1);
        display: none;
        margin-top: 15px;
        position: absolute;
        top: 100%;
        left: 50%;
        min-width: 100%;
        transform: translateX(-50%);
        z-index: 10000;
    }
    #lightbox-bottom #lightbox-left #menu-dropdown .sub-menu::before {
        border-color: transparent transparent #ddd transparent;
        border-width: 10px;
        top: -20px;
        margin-left: -10px;
    }
    #lightbox-bottom #lightbox-left #menu-dropdown .sub-menu::after {
        border-color: transparent transparent #fff transparent;
        border-width: 9px;
        top: -18px;
        margin-left: -9px;
    }
    #lightbox-bottom #lightbox-left #menu-dropdown .sub-menu .lightbox-menu-item {
        white-space: nowrap;
        padding-left: 30px;
    }
    #lightbox-bottom #lightbox-left #menu-dropdown .sub-menu .lightbox-menu-item:hover,
    #lightbox-bottom #lightbox-left #menu-dropdown .sub-menu .lightbox-menu-item.active {
        background-color: var(--blue-bolt);
        color: #fff;
        border: none;
    }

    #lightbox-bottom #lightbox-left #menu-list {
        display: none;
    }
}
@media only screen and (max-width: 886px) {
    /* PROJECT MAP HEADER - VIEWS AND FILTER OPTIONS */
    #projects-header .flex {
        display: block;
    }

    /* PROJECT FILTER */
    #project-views {
        text-align: left;
    }
    .av_textblock_section #project-filter ul {
        display: flex;
        flex-direction: column;
    }
    #project-filter ul li {
        margin-right: 0;
        margin-top: 5px;
    }
    .entry-content-wrapper #project-filter ul li {
        margin-left: 0;
    }
}
@media only screen and (max-width: 768px) {
    /* PROJECT MAP */
    .responsive #top #wrap_all .av-layout-grid-container#project-map-container.full-width .flex_cell {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
    #project-map-container #project-map-right {
        height: 310px;
    }

    /* LIGHTBOX */
    .in-lightbox #project-page-overview,
    .in-lightbox .full-width_no-padding_inner-narrow-width .flex_cell_inner {
        width: 100% !important;
    }
}
@media only screen and (max-width: 767.9px) {
    /* PROJECT MAP */
    #project-map-container .flex_cell:first-of-type {
        display: none;
    }
    /*.in-lightbox #project-imgs-slider #img-highlight-slider.project-imgs-slider {*/
    /*    width: 97%;*/
    /*    margin: 0 auto;*/
    /*}*/

    /* PROJECT LIST */
    #project-list-outer {
        height: 340px;
    }
}