/* v112224 */
:root {
    --body-link-color: #066CAB;
    --html-font-size: 14px;
}

/* overrides */
.pagination {
    --bs-pagination-font-size: 14px;
}

body {
    line-height: 1.42857143;
}

    @media (max-width:767px) {
        .content-area {
            padding-left: 20px;
            padding-right: 20px;
        }
    }

    @media (min-width: 1200px) {
        .container, .container-lg, .container-md, .container-sm, .container-xl {
            max-width: 1030px;
        }
    }

    .nyserda-one-splitter .buffer-column {
   display:none !important;        
}


html {
    font-size: 10px; /* 14 */
}

h1 {
    font-family: "Proxima Nova",Helvetica, Arial;
    font-weight: 800;
}

h2 {
    font-family: "Proxima Nova",Helvetica, Arial;
    font-weight: bold;
    font-size: 26px;
}

.content-area a, .content-area a:link, .content-area a:visited {
    color: #066CAB;
    text-decoration: underline;
}


.content-area a:hover {
    color: #CC0000;
    border-bottom: 1px #CC0000 solid;
    text-decoration: none;
}

.divider-light {
    border-bottom: 1px solid #c6cccd;
    width: 100%;
    margin-bottom: 12px;
}

.breadcrumb {
    margin-bottom: 0;
}
@media (min-width:768px) {
    .page-title h1 {
        margin-bottom:0;
        margin-top:5px;
    }

    main {
        max-width: 1002px;
        margin: 0 auto;
        border: 1px solid #e1ebe9;
        padding-bottom:40px;
    }

    main section > .container-lg {
        padding-left:0;
        padding-right:0;
    }
}
@media (max-width:767px) {

    h1, .h1 {
        font-size: 3.6rem;
        line-height: 1.1;
    }


    .content-area {
        /*padding: 0 20px;*/
        padding: 0;
    }

    .utility-nav-sharelinks {
        display: none;
    }

    container-fluid, .container-lg, .container-md, .container-sm, .container-xl {
        padding-right: 0;
        padding-left: 0;
    }

    .page-title,
    .rich-text{
        padding: 20px;
    }

    .results {
        padding:20px !important;
    }

    .mobile-filters {
        width:100%;
    }
}





    /* menu move to proper file*/
    .nyserda-left-nav > li > a {
        display: block;
        padding: 10px 15px 8px 0;
    }

    .nyserda-left-nav > li {
        display: block;
        flex-grow: 1;
    }

    .two-column-splitter {
        margin-top: 40px;
    }


legend {
    display: block;
    width: 100%;
    padding: 0;
    margin-bottom: 20px;
    font-size: 21px;
    line-height: inherit;
    color: #333;
    border: 0;
    border-bottom: 1px solid #e5e5e5;
}

.btn-default {
    color: #333;
    background-color: #fff;
    border-color: #ccc;
    font-size: 14px;
}

.btn-default:hover, .btn-default:focus, .btn-default:active, .btn-default.active, .open > .dropdown-toggle.btn-default {
    color: #333;
    background-color: #e6e6e6;
    border-color: #adadad;
}
a.btn-primary {
    color: #fff !important;
    background-color: #428bca;
    border-color: #428bca;
    -webkit-appearance: initial;
    font-size: 14px;
}
a.btn-primary:hover {
    color: #fff;
    background-color: #3071a9;
    border-color: #285e8e;
}


.col-25-24 > .content-area > .rich-text:first-child,
.col-25-23 > .content-area > .rich-text:first-child {
    padding-top: 32px;
}

.rich-text p {
    font-size: 14px;
}

.content-area > .rich-text {
    padding-right:4%;
}

@media (min-width: 1023px) {
    .nys-global-header {
        justify-content: space-between;
    }
}

/* HeaderNav Utilities */
.logo-reduce-200 .nyserdalogo  {
    width:200px !important;
}
.logo-reduce-175 .nyserdalogo {
    width: 175px !important;
}
.logo-reduce-150 .nyserdalogo {
    width: 150px !important;
}
.logo-reduce-100 .nyserdalogo {
    width: 100px !important;
}
.menu-reduce-0 .nav-container li {
    margin-right: 0 !important;
}
.menu-reduce-10 .nav-container li {
    margin-right:10px !important;
}
.menu-reduce-15 .nav-container li {
    margin-right: 15px !important;
}
.menu-reduce-20 .nav-container li {
    margin-right: 20px !important;
}

/* menu correction classes for content */
.menu-correct .nav-container > li {
    padding-left: 15px !important;
    padding-right: 15px !important;
    margin-right: 0 !important;
}
.menu-correct .nav-container > li > a {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

/* legacy overrides */
main > .row.retrofitny:nth-child(even),
main > .row.retrofitny:nth-child(odd) {
    background-color: #fff;
}
main > .row.retrofitny {
    border: 0 none;
}

/* accordion */
.col-25-24 .accordion-master {
    padding-right: 4%;
}

.has-program-modules .accordion-master {
    padding-left: 4%;
    padding-right: 4%;
}

/* program corrections */
.program-redesign main {
    /*border: 1px solid #e1ebe9;*/
    padding-bottom:0;
}

.program-redesign .row.retrofitny{
    border: 1px solid #a8a8a8;
    border: .1rem solid #a8a8a8;
    border-top: 0;
}

@media (min-width:768px) {
    .program-redesign .program-left .row.retrofitny.articles,
    .program-redesign .program-left .row.retrofitny.callToAction,
    .program-redesign .program-left .row.casestudies {
        margin-left: -5.8rem;
    }

    .landing-page .nyserda-left-nav {

    }
    .col-25-17 .content-area .rich-text:first-child {
       margin-top:10px;
    }
}

/* to keep editor view clean */
.sc-editing-preview:not(.sc-preview-mode) div#RetrofitNYHero {
    background-image:none !important;
    padding:0;
}

/* bs5 exceptions */
.row.utility-nav > *,
.row.inner-link-nys-bar > *,
.row.callToAction > *,
.row.callstoaction > *,
.row.about > * {
    flex-shrink: initial;
    width: initial;
    padding-right: initial;
    padding-left: initial;
    margin-top: initial;
}

.row > [class^="col-25"],
.row > [class^="table-"] {
    padding-right: initial;
    padding-left: initial;
}

legend {
    float: none;
}

/* BS5 BS4 avoid using legacy classes from v4 */

/* bs5 global override*/
ul, ol {
    padding-left: 4rem;
}

/* deprecated tables*/
.table .thead-dark th {
    color: #fff;
    background-color: #343a40;
    border-color: #454d55;
}
.table .thead-light th {
    color: #495057;
    background-color: #e9ecef;
    border-color: #dee2e6;
}

/* deprecated - use grid system instead */
.form-row {
    display: flex;
}

.btn-block {
    display: block;
    width: 100%;
}
/* override the content-area style */
.page-item.active .page-link {
    color: #fff;
}
/* override default bs5*/
.page-link {
    font-size: var(--bs-pagination-font-size);
}
/* deprecated - use .form-select in content and modules */
.custom-select {
    display: inline-block;
    width: 100%;
    height: calc(1.5em + .75rem + 2px);
    padding: .375rem 1.75rem .375rem .75rem;
    /* font-size: 1rem;*/
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    vertical-align: middle;
    background: #fff url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") no-repeat right .75rem center/8px 10px;
    border: 1px solid #ced4da;
    border-radius: .25rem;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

select.form-control {
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    vertical-align: middle;
    background: #fff url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") no-repeat right .75rem center/8px 10px;
    border: 1px solid #ced4da;
    border-radius: .25rem;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}
/* override default bs5*/
.table > :not(caption) > * > * {
    /*box-shadow:none; IN PROGRESS */
}


/* override default bs5 - bs4 migrate*/
.table-bordered td,
.table-bordered th {
    border: 1px solid #dee2e6;
}

/* deprecated utilities */
.mr-4, .mx-4 {
    margin-right: 1.5rem !important;
}
.ml-4, .mx-4 {
    margin-left: 1.5rem !important;
}
.float-right {
    float: right !important;
}
.float-left {
    float: left !important;
}

/* deprecated cards */
.card-deck .card {
    margin-bottom: 15px;
}

@media (min-width: 576px) {
    .card-deck {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-flow: row wrap;
        flex-flow: row wrap;
        margin-right: -15px;
        margin-left: -15px;
    }

    .card-deck .card {
        -ms-flex: 1 0 0%;
        flex: 1 0 0%;
        margin-right: 15px;
        margin-bottom: 0;
        margin-left: 15px;
    }
}

/* deprecated alert */
.alert-dismissible .close {
    position: absolute;
    top: 0;
    right: 0;
    padding: .75rem 1.25rem;
    color: inherit;
}

/* deprecated embed */
.embed-responsive {
    position: relative;
    display: block;
    width: 100%;
    padding: 0;
    overflow: hidden;
}

.embed-responsive .embed-responsive-item, .embed-responsive embed, .embed-responsive iframe, .embed-responsive object, .embed-responsive video {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0;
}

.embed-responsive-16by9::before {
    padding-top: 56.25%;
}
.embed-responsive-21by9::before {
    padding-top: 42.857143%
}

.embed-responsive::before {
    display: block;
    content: "";
}
/* deprecated spacing utils */
.pl-0, .px-0 {
    padding-left: 0 !important;
}
.pr-0, .px-0 {
    padding-right: 0 !important;
}
.pl-5, .px-5 {
    padding-left: 3rem !important;
}
@media (min-width: 768px) {
    .pl-md-5, .px-md-5 {
        padding-left: 3rem !important;
    }
    .mr-md-4, .mx-md-4 {
        margin-right: 1.5rem !important;
    }
    .ml-md-4, .mx-md-4 {
        margin-left: 1.5rem !important;
    }
}

/* colors */
.btn-outline-primary {
    --bs-btn-color: #006CAB;
    --bs-btn-border-color: #006CAB;
    --bs-btn-hover-bg: #006CAB;
    --bs-btn-hover-border-color: #006CAB;
    --bs-btn-active-bg: #006CAB;
    --bs-btn-active-border-color: #006CAB;
    --bs-btn-disabled-color: #006CAB;
    --bs-btn-disabled-border-color: #006CAB;
}

/* content specific */
.rich-text .float-right.col-md-6.col-sm-12 {
    padding-left:15px;
    padding-right:15px;
}

.portfolio .col-md-6 {
    padding-left:15px;
    padding-right:15px;
}

/* single instances */
.form-group input[type="checkbox"].form-control {
    padding: 0;
}

/* tables */
.table-striped tbody tr:nth-of-type(odd), .table-striped > tbody > tr:nth-of-type(odd) > * {
    box-shadow: none;
}