.nowrap {white-space:nowrap}
.displayNone {display:none}
.grecaptcha-badge {display:none}
.inv-rc-note {margin-top:10px;font-size:11px;text-align:center;color:#000}
.inv-rc-note a,
.inv-rc-note a:visited {color:#2040ae; text-shadow:0 0 5px white}
.inv-rc-note div {display:inline-block;margin-right:5px;text-align:right;vertical-align:middle}
.inv-rc-logo img {width:25px;height:25px;}
.form-group {margin:0}
.find-location {display:none}
.alert {margin:0 10px}
.ma-st-btn-red {background:linear-gradient(180deg, #df4f56, #83161B);border:none}
.dtOnly {display:none}
a:hover.hoverGlow {color:darkblue;text-shadow:0 0 2px yellow, 0 0 2px yellow}

#schedulerModal #ifrmSchedule {width:100%;height:calc(98vh - 130px);margin-bottom:0}
#schedulerModal .modal-dialog {margin:5% auto 0 auto;max-width:92%}
#schedulerModal .modal-body {padding:0}
#schedulerModal .modal-footer {border:0;padding:0}
#schedulerModal .modal-footer button {margin-top:-3px}

#mclAnchor {display:block;position:relative;top:-90px;visibility:hidden}

#pageTopPad {padding-top:85px;background-color:#000;z-index:-999999}
.header .header-menu .nav .nav-item .nav-dropdown {background:rgba(255,255,255,1)}
#mcl {font-family:'Nunito Sans',Avenir}
#mclTop {display:flex;flex-wrap:wrap}
#mclTop .c1 {padding:10px 5px;order:2;width:100%}
#mclTop .c2 {order:1;width:100%;background-color:#fff;text-align:center;align-self:center;margin-top:10px}
#mclTop .c2 h2 {font-size:24px;line-height:32px;text-transform:none;font-weight:bold;color:#000}
    form#locSearchForm {display:flex;padding:5px 5px 5px 12px;background-color:#fff;border:2px solid grey}
        form#locSearchForm input {
            width:50%;height:auto;background:none;box-shadow:none;padding:0;margin:0; /* <- all these undo the default styles in main.css */
            border:none;flex-grow:1;font-size:17px;
        }
        #locSearchSubmit {padding:6px 13px 2px 13px}
        #locSearchUseGeolocation {padding:4px 15px 0 15px}
        #locSearchForm button {text-shadow:-1px 1px 1px #fff,1px 1px 1px #fff,1px -1px 1px #fff,-1px -1px 1px #fff}
        #locSearchForm button:hover {filter:brightness(120%)}
        #locSearchForm .divider {border-right:2px solid #000;margin:0 5px}

#altSuggestions {padding:0 10px}
#altSuggestions .label {font-size:14px;font-style:italic;white-space:nowrap}
#altSuggestions a:link,
#altSuggestions a:visited {
    display:inline-block;border-radius:3px;margin:0 1px 5px 0;padding:2px 7px;
    font-size:16px;color:#fff;font-family:Monaco, Menlo, Consolas, "Courier New", monospace;
}
#altSuggestions a:hover {text-shadow:0 0 7px #86cef6,0 0 10px #86cef6}

    #mclColsCon {padding:13px;background-color:#e6e7e9;position:relative}
    #mclList {margin-top:15px}
    #mclList .accordion-item {margin-bottom:10px;border-radius:0.25rem;border:3px solid transparent}
    #mclList .accordion-item.acc-item-open {border:3px solid #cd3f3f}
    #mclList .accordion-button {border-radius: 0.25rem 0.25rem 0 0;background-color:#f7f8f8}
    #mclList .accordion-button.collapsed {box-shadow:none;border-color:#ccc;border-radius:0.25rem}
    #mclList .accordion-button::after {content:none !important}
    #mclList .ctrRowHdr {display:flex;width:100%;color:#000}
    #mclList .ctrRowHdr strong {line-height:23px}
    #mclList .ctrRowHdr .c1 {padding-right:10px}
    #mclList .ctrRowHdr .c2 {padding-right:10px}
    #mclList .ctrRowHdr .c3 {flex-grow:1; text-align:right}
    #mclList .openCloseArrow {font-weight:bold;font-size:24px;line-height:24px;transition:transform 0.5s}
    #mclList .openCloseArrow.up {transform:rotateX(180deg)}
    #mclList .miles {white-space:nowrap}
    #mclList .accordion-body {text-align:center;padding:0 0 15px 0}
    #mclList .accordion-body > div {margin-bottom:6px}
    #mclList .accordion-body > div:last-child {margin-bottom:0}
    #mcl .aCtrLink {padding:5px 10px 0;text-align:left}
    #mcl .aCtrLink a:hover {color:darkblue;text-shadow:0 0 2px yellow, 0 0 2px yellow }
    #mcl .aCtrLink {display:flex;justify-content:space-between}
    #mclList .ctaBtnCon {text-align:center;position:relative}
    #mclList .ctaBtnCon .bookHeading {position:relative;background-color:#cd3f3f;padding:10px;text-align:center;color:#fff;margin-bottom:20px}
    #mclList .ctaBtnCon .bookHeading:after {
        position:absolute;content:'';left:calc(50% - 20px);bottom:-10px;width:0;height:0;
        border-style:solid;border-width:16px 20px 0 20px;border-color:#cd3f3f transparent transparent transparent;
    }
    #mclList .btnContactUs {display:inline-block;padding:15px;color:#fff;font-weight:bold;font-size:18px;margin:0 5px 10px 5px}
    #mclList .btnContactUs:hover {text-shadow:0 0 7px #fff,0 0 10px #fff}
    #mclList .btnSchedAppt {margin:0 5px 10px 5px}
    #mclList .noResultsMsg {padding:20px;color:red;font-weight:bold}
    #btnLoadMoreCtrs {color:#fff;padding:3px 10px;margin-top:5px}

    .apptotoSchedLinkCon {margin-bottom:15px}
    .apptotoSchedLinkCon .slGrp {display:flex;justify-content:space-around;border:2px solid #bbb;color:#333;padding:3px;margin:7px auto;border-radius:8px;width:90%}
    .apptotoSchedLinkCon .slGrp .d1 {width:60%}
    .apptotoSchedLinkCon .slGrp .d2 {width:40%;text-align:center;align-self:center}

    .apptotoSchedLinkCon .apptDate {display:flex;align-items:flex-end;margin:5px 0 0 10px}
    .apptotoSchedLinkCon .apptDate .lft {text-align:right;padding-right:3px;color:#cd3f3f;font-weight:bold;font-size:14px;line-height:20px}
    .apptotoSchedLinkCon .apptDate .rgt {text-align:left;padding-left:3px;font-size:16px;color:#df2929;line-height:20px}
    .apptotoSchedLinkCon .apptTime {color:#85171c !important;font-weight:bold;font-size:14px;text-align:left;margin-left:35px}
    .apptotoSchedLinkCon .apptTime a:hover {color:darkblue;text-shadow:0 0 2px yellow, 0 0 2px yellow }

    .apptotoSchedLinkCon .slGrp button {display:block;margin-right:auto;padding:7px 10px;text-transform:none;font-size:14px;font-weight:normal;box-shadow:none}
    .apptotoSchedLinkCon .slGrp button, div.slGrp button:hover, div.slGrp button:active {background-color:#cd3f3f;color:#fff}
    .apptotoSchedLinkCon .slGrp button:disabled {background-color:#ccc}
    .apptotoSchedLinkCon .slGrp button.show {background-color:#f35353;box-shadow:0 0 5px #000;color:#fff !important;}
    .apptotoSchedLinkCon ul.dropdown-menu {border:1px solid #ccc;border-radius:5px;overflow-y:auto;overflow-x:hidden;min-width:115px;max-height:200px}
    .apptotoSchedLinkCon .dropdown-menu>li,
    .apptotoSchedLinkCon .dropdown-menu>li .dropdown-item {border:none !important;border-radius:0px !important;margin:0 !important;color:#3b71ca;font-weight:bold}
    .apptotoSchedLinkCon .dropdown-menu>li .dropdown-item:hover {color:darkblue;text-shadow:0 0 2px yellow, 0 0 2px yellow;background-color:#fff}
    .viewFullSchedule {border:2px solid #bbb;color:#df2929;padding:3px;margin:7px auto;border-radius:8px;display:block;width:90%}
    .apptotoSchedLinkCon a:link.slGrp, .apptotoSchedLinkCon a:visited.slGrp {color:#3b71ca}

/*.accordion li*/
    #map {width:100%;border-radius:8px;height:50vh}

/* CONTACT US FORM */
#contactFormModal .modal-dialog {}
#contactFormModal .modal-content {}
#contactFormModal form input,
#contactFormModal form select,
#contactFormModal form textarea {border:1px solid #000;height:auto;padding:10px 12px;font-size:16px}
#contactFormModal form input::placeholder,
#contactFormModal form select::placeholder,
#contactFormModal form textarea::placeholder {font-size:16px}
#contactFormModal form select {
    width: 100%;display:block;background:rgba(255,255,255,0.98);box-shadow:inset 0px 0px 4px rgb(0 0 0 / 50%);
    padding:10px;border:1px solid #000;margin-bottom:10px;
}
#contactFormModal .contact-consent {font-size:12px}
#contactFormModal .btn-submit-con {text-align:center}
#btn-form-contact-us-submit {border:none;padding:15px 30px;color:#fff;font-weight:bold;font-size:18px}
#btn-form-contact-us-submit:hover {text-shadow:0 0 7px #fff,0 0 10px #fff}
#contactFormModal .mclConsent input {box-shadow:none;width:17px;height:17px}

.schedLinkConMsg {width:100%;text-align:center;color:#000;margin-bottom:20px}

.btnCtaSchedAssessCon {text-align:center;padding:30px}
.btnCtaSchedAssessCon button {border:none}
.schedAssessMsg {padding:0 10px 10px 10px;font-weight:bold;font-size:14px;line-height:20px}
.schedAssessMsgFlash {animation:font-pulse 1s 4}
@keyframes font-pulse {
    0% {font-size:14px}
    50% {font-size:14.5px;text-shadow:0 0 2px orange, 0 0 3px yellow}
    100% {font-size:14px;text-shadow:none}
}
#sMetRes h2 {margin-bottom:0}
#sMetRes > .our-result .primary-theme-btn {display:none}

@media (min-width: 576px) {
    #mclTop .c1 {padding:10px 20px 10px 20px}
    form#locSearchForm input {font-size:19px}
    #schedulerModal .modal-dialog {margin-top:2%;max-width:95%}
    .apptotoSchedLinkCon .slGrp .d1 {width:40%}
    .apptotoSchedLinkCon .slGrp .d2 {width:33%}
    .apptotoSchedLinkCon .slGrp {padding:3px 8vw}
    .slGrp button {margin:auto}
}

@media (min-width: 768px) {
    .apptotoSchedLinkCon .slGrp {padding:3px 12vw}
}

@media (min-width: 992px) {
    .dtOnly {display:block}
    .mblOnly {display:none}

    /* BASE MOBILE REMOVED - THESE ARE USED FOR DESKTOP */
    #mclList {margin-top:0}
    #mclList {padding-right:13px;overflow-y:scroll;height:80vh;background-color:#e6e7e9}
    #mclList::-webkit-scrollbar {width:10px}
    #mclList::-webkit-scrollbar-track {border-radius:10px;background:lightgrey}
    #mclList::-webkit-scrollbar-thumb {background:darkgrey;border-radius: 10px}
    /* END BASE MOBILE REMOVED */

    #schedulerModal .modal-dialog {max-width:91%}
    #altSuggestions {padding:0 10px 10px 20px;margin-top:-15px}
    section.footer {padding-top:40px}
    #mclTop {display:flex;flex-wrap:nowrap}
    #mclTop .c1 {padding:20px;width:38vw;order:1}
    #mclTop .c2 {margin:0;font-size:34px;order:2;width:auto;flex:1}
    #mclTop .c2 h2 {margin:0;font-size:34px}
    form#locSearchForm {margin-right:auto}
    form#locSearchForm,
    form#locSearchForm input {width:auto;max-width:500px}

    #mclColsCon {display:flex}
    #mclList {margin-right:12px;width:530px;height:66vh;order:1; /* note: is updated dynamically via jquery */ }

    .apptotoSchedLinkCon {display:flex;flex-wrap:wrap;justify-content:space-between;padding:0 5px}
    .apptotoSchedLinkCon .slGrp {display:block;width:23%;padding:5px}
    .apptotoSchedLinkCon .slGrp .d1, .apptotoSchedLinkCon .slGrp .d2 {width:auto}
    .apptotoSchedLinkCon .apptDate {display:block;margin:auto}
    .apptotoSchedLinkCon .apptDate .lft, .apptotoSchedLinkCon .apptDate .rgt {text-align:center;padding:0;line-height:22px}
    .apptotoSchedLinkCon .apptTime {text-align:center;margin:0;line-height:22px}
    .apptotoSchedLinkCon .slGrp button {padding:3px 7px;margin-top:5px}
    .apptotoSchedLinkCon a.viewFullSchedule {width:33%;justify-content:center}
    .viewFullScheduleCompact.slGrp {padding:15px 24px 0 24px}

    #mclMap {flex-grow:1;display:flex;align-items:stretch;order:2}
    #mclMap #map {height:66vh /* note: is updated dynamically via jquery */ }
    #contactFormModal .modal-dialog {max-width:800px}
    #contactFormModal .modal-content {width:800px}

    #sMetRes > .our-result .btnCtaSchedAssessCon {text-align:left;padding-left:0}
    #sMetRes > .our-result .primary-theme-btn {display:inline-block}
    #sMetRes h2 {margin-bottom:25px}
}

@media (min-width: 1280px) {
    #pageTopPad {padding-top:140px}
    #mclList {width:600px}
    .apptotoSchedLinkCon {padding:0 10px}
    .apptotoSchedLinkCon .slGrp {width:22%;padding-bottom:8px}
    .viewFullScheduleCompact.slGrp {padding:15px 27px}
    form#locSearchForm,
    form#locSearchForm input {width:auto;max-width:570px}
}

/* GOOGLE_MAPS_CUSTOM_INFO_WINDOW */
html, body {height:100%;margin:0;padding:0}
#map {height:100%}
.popup-bubble {
    position: absolute;top: 0;left: 0;transform: translate(-50%, -100%);
    background-color: white;padding: 5px;border-radius: 5px;font-family: sans-serif;
    overflow-y: auto;max-height: 60px;box-shadow: 0px 2px 10px 1px rgba(0, 0, 0, 0.5);
}
.popup-bubble-anchor {position:absolute;width:100%;bottom:8px;left:0}
.popup-bubble-anchor::after { /* This element draws the tip. */
    content: "";position: absolute;top: 0;left: 0;transform: translate(-50%, 0);width: 0;height: 0;
    border-left: 6px solid transparent;border-right: 6px solid transparent;border-top: 8px solid white;
}
.popup-container {cursor: auto;height: 0;position: absolute;width:200px}
/* /GOOGLE_MAPS_CUSTOM_INFO_WINDOW */

/* mblCtrInfoWinHTML - Mobile Center Info Win HTML */
.mcInfoWinItem.popup-bubble {max-height:80vh;width:300px;padding:0}
#mclMap .popup-container {width:100vw;}

.mcInfoWinItem {font-family:'Nunito Sans',Avenir;padding:5px}
.mcInfoWinHeader {display:flex;flex-wrap:nowrap;background-color:#f7f8f8;padding:5px;border:3px solid #cd3f3f;border-bottom:none}

.mcInfoWinHeader .c1 .ctrName {font-size:16px;font-weight:bold;margin-bottom:4px}
.mcInfoWinHeader .c1 .ctrAddr {font-size:14px;line-height:19px}
.mcInfoWinHeader .c2 {margin-left:auto;text-align:right;padding-left:10px}
.mcInfoWinHeader .c2-ar {margin-right:auto;text-align:left;padding-right:10px}
.mcInfoWinHeader .c2 .miles {white-space:nowrap;font-size:13px}
.mcInfoWinHeader button {border:none;background-color:transparent;margin-bottom:7px;font-size:18px;font-weight:bold;line-height:22px}
.mcInfoWinHeader button:hover {background-color:#cd3f3f;color:#fff; border-radius:50%}

.mcInfoWinBody {font-size:16px}
.mcInfoWinBody .aCtrLink {font-size:14px;padding:5px;border-left:3px solid #cd3f3f;border-right:3px solid #cd3f3f}
.mcInfoWinBody .bookHeading {position:relative;background-color:#cd3f3f;padding:5px;text-align:center;color:#fff;margin-bottom:15px}
.mcInfoWinBody .ctaBtnCon .bookHeading:after {
    position:absolute;content:'';left:calc(50% - 20px);bottom:-10px;width:0;height:0;
    border-style:solid;border-width:16px 20px 0 20px;border-color:#cd3f3f transparent transparent transparent;
}
/*TEST: learn more and view offers enabled*/
.mcInfoWinBody .ctaBtnCon .bookHeading {margin-bottom:5px}
.mcInfoWinBody .ctaBtnCon .bookHeading:after {display:none}
#mcl .mcInfoWinBody .aCtrLink {padding:5px}
/* end TEST */
.mcInfoWinBody .ctaBtnCon {text-align:center;position:relative}
.mcInfoWinBody .btnContactUs {display:inline-block;padding:10px;color:#fff;font-weight:bold;font-size:14px;margin:0 5px}
.mcInfoWinBody .btnContactUs:hover {text-shadow:0 0 7px #fff,0 0 10px #fff}
.mcInfoWinBody .phoneCon {text-align:center;font-size:15px;margin:10px 0}

.mcInfoWinBody .apptDate {margin:0 4px}
.mcInfoWinBody .apptDate .lft {font-size:14px}
.mcInfoWinBody .apptDate .rgt {font-size:15px}
.mcInfoWinBody .apptotoSchedLinkCon {margin-bottom:0}
.mcInfoWinBody .apptotoSchedLinkCon .apptTime {margin-left:40px}
.mcInfoWinBody .slGrp button {font-size:13px;padding:5px 7px;margin: 0 5px 0 auto}
.mcInfoWinBody .contactMethodsCon {display:flex;align-items:center;justify-content:space-around;margin-top:-8px}

@media (min-width: 576px) {
    .mcInfoWinItem.popup-bubble {width:400px}
    .mcInfoWinHeader, .mcInfoWinBody .aCtrLink {padding:10px}
    .mcInfoWinBody .apptotoSchedLinkCon .slGrp .d1 {width:60%}
    .mcInfoWinBody .apptotoSchedLinkCon .slGrp .d2 {width:40%}
    .mcInfoWinBody .apptotoSchedLinkCon .slGrp {padding:3px 35px}
}
/* /mblCtrInfoWinHTML */