@media (max-width:595px){
    .search{
        margin-top:1.6rem;
    }
    .search__mode{
        margin-left: 5px;
    }
    .search__mode:before{
        width:98%!important;
    }
    label.search__mode-type{
        margin-left: 0px;
    }
    input:checked+.search__mode-button:first-child{
       padding-left: 5px;
       padding-right: 5px;
       margin-left: -1.2rem;
    }

    #site-search > section > div > div.search__settings > nav > a.button.-secondary.-link-button{
        background-color: white;
    }
    
    
    .pagination .button.-link-button.-secondary[aria-disabled=true]{
        background-color: var(--buttonhover)!important;
        border: 0;
        color:#909294;
    }
    .display-flex-desktop{
        display: none;
    }
       
}

@media (min-width:595px){
    .search{
        margin-top:40px;
        width:100%
    }
    .search__form{
        display:flex;
    }
}
#site-search > section > div > div.search__settings > div > label > span:hover{
    
    color:var(--NGBtnHover500);
    background-color: transparent;
    border:1px solid var(--NGBtnHover500);
}

#site-search > section > div > div.search__settings > div > label > input:checked+ span:hover{
    
    color:#FFF;
    background-color: var(--linktext);
    border:1px solid var(--linktext);;
}

#site-search > section > div > div.search__settings > nav > ol > li > a:hover{
    color:var(--NGBtnHover500);
    background-color: transparent;
    border:1px solid var(--NGBtnHover500);
}

#site-search > section > div > div.search__settings > nav > ol > li > a[aria-current="page"]:hover{
    color:#FFF;
    background-color: var(--NGmidBlue);
    border:1px solid var(--NGmidBlue);
}


#site-search > section > div > div.search__settings > nav > a.button.-secondary.-link-button:hover{
    color:var(--NGBtnHover500);
    background-color: transparent;
    border:1px solid var(--NGBtnHover500);
}

.search__input{
    display:block;
    position:relative;
    width:100%;
    height:var(--40pt);

}
.form-component .wFormContainer .search__input select,.pagination__mobile .search__input select,.search__input .form-component .wFormContainer select,.search__input .pagination__mobile select,.search__input input{
    padding-left:14px;
    width:100%;
    height:100%;
    font-family: HelveticaNeueMd,Helvetica,Arial Nova,Arial,sans-serif;
    font-weight: 500;
    color:var(--NGdarkGrey);
}
.search__input .icon{
    height:20px;
    width:20px;
    position:absolute;
    left:22px;
    top:10px;
    display: none;
}
.search__submit{
    margin-top:10px
}
@media (max-width:595px){
    .search__submit{
    padding: 8px;
    }
}

@media (min-width:595px){
    .search__submit{
        flex-shrink:0;
        margin-top:0;
        margin-left:12px
    }

    #site-search > section > form > button{
        min-width: 5.25rem;
        max-height: 2.5rem;
        padding: 0 1rem;
    }
}



.search__content{
    position:relative
}
.search__loading{
    z-index:1;
    content:'';
    position:absolute;
    left:0;
    top:0;
    right:0;
    bottom:0;
    background-color:rgba(240,240,240,.75)
}
.search__loading:after{
    z-index:2;
    content:'';
    position:absolute;
    left:50%;
    top:40px;
    margin-left:-30px;
    width:60px;
    height:60px;
    border:3px solid #00148c;
    border-top-color:transparent;
    border-radius:50%;
    animation:rotate 400ms linear infinite
}
.search__mode{
    width:100%;
    margin-top:25px;

    display:flex
}
.search__mode:before{
    content:'';
    position:absolute;
    width:100%;
    bottom:0;
    height:2px;
    background-color:var(--CardBorderGray);
}
.search__mode,.search__mode-type,.search__results-number label{
    position:relative
}
.form-component .wFormContainer .search__mode-type select,.form-component .wFormContainer .search__results-number select,.pagination__mobile .search__mode-type select,.pagination__mobile .search__results-number select,.search__mode-type .form-component .wFormContainer select,.search__mode-type .pagination__mobile select,.search__mode-type input,.search__results-number .form-component .wFormContainer select,.search__results-number .pagination__mobile select,.search__results-number input{
    opacity:0;
    position:absolute;
    z-index:1
}
.search__results-number input{
    margin-left: var(--4pt);
}

.search__results-number input:focus{
 
    outline-color: var(--NGmidBlue)!important;
   
}


@media (-webkit-min-device-pixel-ratio:0){
    .form-component .wFormContainer .search__mode-type select:focus+.search__mode-button,.pagination__mobile .search__mode-type select:focus+.search__mode-button,.search__mode-type .form-component .wFormContainer select:focus+.search__mode-button,.search__mode-type .pagination__mobile select:focus+.search__mode-button,.search__mode-type input:focus+.search__mode-button{
        /* outline-color:-webkit-focus-ring-color; */
        outline: 1px solid var(--NGmidBlue)!important;
        outline-style:auto
    }
}
@media screen and (-ms-high-contrast:active),(-ms-high-contrast:none){
    .form-component .wFormContainer .search__mode-type select:focus+span,.pagination__mobile .search__mode-type select:focus+span,.search__mode-type .form-component .wFormContainer select:focus+span,.search__mode-type .pagination__mobile select:focus+span,.search__mode-type input:focus+span{
        outline:1px dotted #53565a
    }
}
.search__mode-button{
    font-family: HelveticaNeueMd,Helvetica,Arial Nova,Arial,sans-serif;
    font-weight:500;
    font-size: var(--16pt);
    display:inline-flex;
    align-items:center;
    height:36px;
    padding-bottom:15px;
    margin-right:25px;
    border-bottom:3px solid transparent;
    color:var(--linktext); 
}
.search__mode-button:focus,.search__mode-button:hover{
    color: var(--NGBtnHover500);
}
.form-component .wFormContainer select:checked+.search__mode-button,.pagination__mobile select:checked+.search__mode-button,input:checked+.search__mode-button{
     color:var(--darkgrey); 
     border-bottom-color:var(--NGBlue400);
     font-family: HelveticaNeueBold,Helvetica,Arial Nova,Arial,sans-serif;
     font-weight:700;
     color:var(--linktext);
}
.search__settings{
    flex-wrap:wrap;
    margin-top:30px
}
.search__settings>*{
    margin-bottom:1.5rem;
}
.search__settings p{
    font-size:var(--14pt);
}
@media (min-width:595px){
    .search__settings{
        display:flex;
        align-items:center;
        margin-top:40px
    }
}
.search__settings .pagination{
    margin-top:0
}
@media (min-width:900px){
    .search__settings .pagination{
        flex-grow:1
    }
}
@media (max-width: 1212px) {
    .search__settings .pagination {
      justify-content: flex-start; 
    }
    #services-rebates > section > div > div.search__settings > nav > a.button.-secondary.-link-button.pagination__first{
        margin-left: 0;
    }
}
.search__results-number{
    align-items:center;
    margin-right: var(--24pt);
}
.search__results-number-text{
    margin:0 10px;
    padding-left:10px;
    border-left:1px solid #53565a;
    line-height:1
}
@media (-webkit-min-device-pixel-ratio:0){
    .form-component .wFormContainer .search__results-number .pagination__mobile select:focus+.primaryAction,.form-component .wFormContainer .search__results-number input:focus+.primaryAction,.form-component .wFormContainer .search__results-number select:focus+.button,.form-component .wFormContainer .search__results-number select:focus+.primaryAction,.pagination__mobile .search__results-number select:focus+.button,.search__results-number .form-component .wFormContainer input:focus+.primaryAction,.search__results-number .form-component .wFormContainer select:focus+.button,.search__results-number .form-component .wFormContainer select:focus+.primaryAction,.search__results-number .pagination__mobile select:focus+.button,.search__results-number input:focus+.button{
        /* outline-color:-webkit-focus-ring-color; */
        outline-color: var(--NGmidBlue)!important;
        outline-style:auto
    }
}
@media screen and (-ms-high-contrast:active),(-ms-high-contrast:none){
    .form-component .wFormContainer .search__results-number select:focus+span,.pagination__mobile .search__results-number select:focus+span,.search__results-number .form-component .wFormContainer select:focus+span,.search__results-number .pagination__mobile select:focus+span,.search__results-number input:focus+span{
        /* outline:1px dotted #53565a; */
        outline: 1px solid var(--NGmidBlue)!important;
    }
}
.form-component .wFormContainer .search__results-number .pagination__mobile select:checked+.primaryAction,.form-component .wFormContainer .search__results-number input:checked+.primaryAction,.form-component .wFormContainer .search__results-number select:checked+.button,.form-component .wFormContainer .search__results-number select:checked+.primaryAction,.pagination__mobile .search__results-number select:checked+.button,.search__results-number .form-component .wFormContainer input:checked+.primaryAction,.search__results-number .form-component .wFormContainer select:checked+.button,.search__results-number .form-component .wFormContainer select:checked+.primaryAction,.search__results-number .pagination__mobile select:checked+.button,.search__results-number input:checked+.button{
    background-color:var(--NGmidBlue);
    border:1px solid var(--NGmidBlue)!important;
    color:#fff
}


.search__results-number input+.button{
    background-color:white;
}


.form-component .wFormContainer .search__results-number .-link-button.-secondary.primaryAction,.search__results-number .button.-link-button.-secondary,.search__results-number .form-component .wFormContainer .-link-button.-secondary.primaryAction{
    width:auto;
    min-width:var(--32pt);
    min-height:var(--32pt);
    line-height:var(--30pt);
    font-size:14px;
    margin-top:0;
    margin-left:4px;
    padding:0;
    border:1px solid var(--linktext);
}

.search__results-number .button.-link-button.-secondary:hover{
    color:var(--NGBtnHover500);
    background-color: transparent;
    border:1px solid var(--NGBtnHover500);
}

.search__results-number input:checked+.button:hover{
    
    color:#FFF!important;
    background-color: var(--NGmidBlue)!important;
    border:1px solid var(--NGmidBlue)!important;
}


.search__spelling-correction{
    font-family: HelveticaNeueBold,Helvetica,Arial Nova,Arial,sans-serif;
    font-weight:700;
    font-size:20px;
    margin-top:20px
}
.search__spelling-correction .-link{
    display:inline-block;
    font-size:20px;
    font-style:italic;
    line-height:1;
    margin-left:10px
}
@media (min-width:595px){
    .search__spelling-correction{
        font-size:28px;
        margin-top:30px
    }
    .search__spelling-correction .-link{
        font-size:28px
    }
}
.search__no-results{
    margin-top:30px
}
.form-component .wFormContainer .search__no-results legend,.search__no-results .form-component .wFormContainer legend,.search__no-results .h4{
    line-height:30px;
    margin-bottom:20px
}
.search__no-results ol{
    margin-top:20px;
    line-height:24px
}
.form-component .wFormContainer .search__no-results .-link.primaryAction,.ngcw-alert__wysiwyg .search__no-results a,.search__no-results .button.-link,.search__no-results .form-component .wFormContainer .-link.primaryAction,.search__no-results .ngcw-alert__wysiwyg a{
    display:inline-block;
    line-height:1
}
@media (min-width:595px){
    .search__no-results{
        margin-top:35px
    }
    .search__no-results ol{
        margin-top:25px;
        line-height:27px
    }
}
.search__results{
    list-style:none;
    margin-left:0;
    /* margin-top:20px */
}
@media (min-width:595px){
    .search__spelling-correction+.search__results{
        margin-top:50px
    }
}
.search__result{
    padding:var(--16pt) 0;
    border-bottom:1px solid var(--CardBorderGray);
}
.search__results :first-child .search__result{
    padding-top:0
}
@media (min-width:595px){
    .search__result{
        padding-bottom:var(--16pt);
    }
}
.search__result-title{
    text-decoration:none;
    color: var(--linktext);
}

.search__result-title:hover{
    color: var(--NGBtnHover500);
    text-decoration:none!important;
}

/* #main-page-content > div.wysiwyg.page-content__component > p > a{ */
    /* font-family:HelveticaNeueMd,Helvetica,Arial Nova,Arial,sans-serif; */
    /* font-weight:500; */
/* } */

#main-page-content > div > p > a.button.-secondary.-link-button{
    align-items: center;
    display: inline-flex;
    justify-content: center;
    padding: 0.688rem var(--20pt);
    text-decoration: none;
    border-radius: var(--4pt);
    border: 1px solid var(--linktext); 
    background-color: var(--white);
    color: var(--linktext);
}


#main-page-content > div > p > a.button.-secondary.-link-button:hover{
    /* needed to change for side by side btns, does it break elsewhere? */
    background-color: var(--white);
    border: 1px solid var(--NGBtnHover500) !important;
    color: var(--NGBtnHover500);
    text-decoration: none !important;
}

#main-page-content > div.wysiwyg.page-content__component > p > a:hover
{
    color: var(--NGBtnHover500);
    border: 0;
}

#main-page-content > div > p > a.button.-link-button:hover {
    color: var(--white);
}

.search__result-title h2{
    font-size:var(--20pt);
    line-height:var(--24pt);
    display:inline-block;
    font-family:HelveticaNeueBold,Helvetica,Arial Nova,Arial,sans-serif;
    font-weight:700;
    color: var(--linktext);
}

.search__result-title h2:hover{

    color: var(--NGBtnHover500);
}

.search__result-breadcrumbs{
    font-size:var(--12pt);
    line-height:1;
    margin-top:10px;
    margin-left:0
}
.search__result-breadcrumbs li:first-child{
    display:inline-block
}
@media (min-width:595px){
    .search__result-breadcrumbs li{
        display:inline-block
    }
    .search__result-breadcrumbs li+li{
        position:relative;
        padding-left:25px
    }
    .search__result-breadcrumbs li+li:before{
        content:'/';
        position:absolute;
        /* background:center center no-repeat url(/assets/images/icons/dark-grey-carrot-down.svg);
        transform:rotate(-90deg);
        width:10px;
        */
        height:10px;
        left:10px;
    }
}
.search__result-content{
    margin-top:20px
}
@media (min-width:595px){
    .search__result-content{
        margin-top:10px;
        font-size: var(--16pt);
        line-height: 1.5rem;
    }
}


.filter__directions{
    margin:35px 0
}
.filter__text .-link{
    display:inline
}
.filter__button{
    font-family: HelveticaNeueBold,Helvetica,Arial Nova,Arial,sans-serif;
    font-weight:700;
    background-color:#fff;
    border:0;
    color:#53565a;
    font-size:18px;
    height:60px;
    margin-bottom:10px;
    padding:0 20px;
    position:relative;
    text-align:left;
    width:100%
}
.filter__button .icon-filter,.filter__selected button .icon-close{
    height:20px;
    position:absolute;
    top:50%;
    transform:translateY(-38%);
    right:14px;
    width:14px;
}
@media (min-width:900px){
    .filter__button{
        display:none
    }
}
.filter+.search__settings{
    margin-top:15px
}
.filter__button,.filter__selected button,.filter__selected button.view-all{
    font-family:HelveticaNeueMd,Helvetica,Arial Nova,Arial,sans-serif;
    color:var(--linktext);
    font-weight:500;
    font-size: var(--16pt);
    border:1px solid var(--linktext);
    border-radius: 4px;
    height: 2.5rem;
    width: 9.625rem;
    padding: .625rem 1rem;
    line-height: 1rem;
}

.filter__selected button{
    background-color:var(--rebateBtnFill);
    border:1px solid var(--rebateBtnBorder);
    font-size:14px;
    height:26px;
    margin:0 10px 10px 0;
    position:relative;
    width:auto;
    max-width:100%;
    line-height:26px;
    overflow:hidden;
    white-space:nowrap;
    text-overflow:ellipsis;
    font-family: HelveticaNeueRoman,Helvetica,Arial Nova,Arial,sans-serif;
    font-weight:400;
    color:var(--rebateGrey);
    padding:0 24px 0 8px
}

@media (max-width:56.25rem){
#services-rebates > section > div > div.filter > div > button > svg{
    transform: translateX(6px);
    margin-top: -3px;
    }
}

@media (max-width:595px){

    .filter__selected button.view-all {
        font-family: HelveticaNeueMd,Helvetica,Arial Nova,Arial,sans-serif!important;
        font-weight: 500!important;
        color: var(--linktext);
        padding: 0 20px;
        background-color: #fff;
        height: var(--26pt);
        border: 1px solid var(--linktext);
    }
}

.filter__selected button.view-all{
    font-family: HelveticaNeueMd,Helvetica,Arial Nova,Arial,sans-serif;
    font-weight:500;
    color:var(--linktext);
    padding:0 20px;
    height: 1.625rem;
    background-color: var(--white);
}
.filter__selected button .icon-close{
    fill:#00148c;
    height:9px;
    width:9px;
    pointer-events:none
}
.filter__section{
    border-bottom:1px solid #d8d8d8;
    margin-bottom:20px;
    padding-bottom:40px
}
.filter__section:last-of-type{
    border-bottom:0;
    padding-bottom:10px
}
.filter__apply,.form-component .wFormContainer .column.group table,.ngcw-main-navigation__top-level.-is-active>button:before,.ngcw-main-navigation__top-level.js-submenu-expanded>button:before,.ngcw-main-navigation__top-level:hover>button:before,.quick-links .container div{
    width:100%
}
.filter fieldset:not(:first-of-type){
    margin-top:30px
}
.filter legend{
    font-family: HelveticaNeueMd,Helvetica,Arial Nova,Arial,sans-serif;
    font-weight:500;
    font-size:18px;
    color: var(--darkgrey);
}
@media (min-width:900px){
    .filter legend{
        font-size:20px
    }
}
.modal__content .filter{
    padding-top:10px
}