#asl-storelocator.asl-p-cont.storelocator-main.asl-template-1 .Filter_section .col-xs-12.search_filter .sl-search-group > span i {
   
    background-color: #424242 !important;
}





main.menu .menu-category-wrapper .__menu_padding {
    padding: 0 23px;
 display: inline-block;
min-width: 300px;
}


#asl-storelocator.asl-p-cont.asl-bg-0 #asl-list.storelocator-panel {
  
    background: #424242 !important;
}

@media only screen and (max-width: 750px) {
main.menu .menu-category-wrapper .__menu_padding {
    padding: 0 23px;
 display: inline-block;
width: 100%;
}

}


/*------------infobox--------*/

body  #asl-storelocator.asl-p-cont.asl-bg-0 #style_2.infoWindow a.action {
    background:#424242 !important;
    color: #fff;
border:none;
    
}


body  #asl-storelocator.asl-p-cont.asl-bg-0 .infoWindow .glyphicon {
    color: #fff;
}


body  #asl-storelocator.asl-p-cont .infoBox .infowindowContent span {
    color:  #fff!important;
}


body #asl-storelocator.asl-p-cont .infoBox .asl-tt-details > div, #asl-storelocator.asl-p-cont .infoBox .p-time {
    
    color: #fff!important;
}


 #asl-storelocator.asl-p-cont.asl-bg-0 #style_2.infoWindow .distance {
      color: #fff!important;

}

#asl-storelocator.asl-p-cont.asl-bg-0 #style_2.infoWindow .distance:before {
 font-family: FontAwesome;
  content: "\f018 ";
padding:0 5px 0 2px;
 
}


body #asl-storelocator.asl-p-cont.asl-bg-0.asl-template-1 #style_2.infoWindow h3 {
    background: #af9972 none repeat scroll 0 0 !important;
    color:  #424242!important;
   font-weight:900;
font-size:13px;

}

/* ===== HEADER LOGO SIZE - START =====
   Logo reduced from 47px to 28px tall. Covers the main header and the sticky
   header, which both use .mkd-logo-wrapper. The flex rule on the link is needed
   because the theme sets width:80% on the sticky logo link, which squashes the
   image when only the height is changed. Do NOT make the link display:flex: the
   theme stacks three logo variants (normal, dark, light) inside it and toggles
   opacity, so flex lays them out side by side and the wrong one shows.
   To roll back: delete everything between START and END. */
.mkd-logo-wrapper a{ width:auto !important; }
.mkd-logo-wrapper a img{ height:28px !important; width:auto !important; }
/* ===== HEADER LOGO SIZE - END ===== */

/* ===== HIDE SEARCH + SIDE MENU - START =====
   Removes the magnifying glass and the three-line side menu opener from the
   header. With both gone the header collapses from 180px back to a single 90px
   row. Does not touch the mobile burger, which is .mkd-mm-lines.
   To roll back: delete everything between START and END. */
.mkd-search-opener,
.mkd-side-menu-button-opener{ display:none !important; }
/* ===== HIDE SEARCH + SIDE MENU - END ===== */

/* ===== LOGO VERTICAL CENTRING - START =====
   The theme pads the logo link 20px top and bottom inside a fixed-height bar, so a
   28px logo sat 11px above the centre line of the menu. These paddings centre it:
   (90 - 28) / 2 = 31 in the main header, (70 - 28) / 2 = 21 in the sticky header.
   If the logo height or the header height changes, recalculate both.
   The long selectors are deliberate: a shorter one loses to a theme rule.
   To roll back: delete everything between START and END. */
body .mkd-page-header .mkd-menu-area .mkd-logo-wrapper a{
  padding-top:31px !important; padding-bottom:31px !important; }
body .mkd-sticky-header .mkd-sticky-holder .mkd-logo-wrapper a{
  padding-top:21px !important; padding-bottom:21px !important; }
/* ===== LOGO VERTICAL CENTRING - END ===== */

/* ===== FRANCHISE DRAFT 13148 TWEAKS - START =====
   To roll back: delete everything between START and END. */
body.page-id-13148 .ob-aside{ background:none !important; border-left:0 !important; padding:0 !important; }

/* WordPress only loads its block stylesheet when it detects block markup.
   Saving this page in the WPBakery editor strips that markup, which collapses
   every column on the page. These rules make the layout stand on its own. */
body.page-id-13148 .wp-block-columns{ display:flex !important; flex-wrap:wrap; gap:2em; align-items:normal; margin-bottom:1.5em; }
body.page-id-13148 .wp-block-column{ flex:1 1 0%; min-width:0; word-break:break-word; }
body.page-id-13148 .wp-block-cover{ position:relative; display:flex; align-items:center;
  justify-content:flex-start; overflow:hidden; box-sizing:border-box; padding:1em 0; }
body.page-id-13148 .wp-block-cover .wp-block-cover__background{ position:absolute; inset:0; z-index:1; }
body.page-id-13148 .wp-block-cover .wp-block-cover__image-background{ position:absolute; inset:0;
  width:100%; height:100%; object-fit:cover; margin:0; z-index:0; }
body.page-id-13148 .wp-block-cover .wp-block-cover__inner-container{ position:relative; z-index:2; width:100%; }
body.page-id-13148 .wp-block-buttons{ display:flex; flex-wrap:wrap; gap:.6em; }
body.page-id-13148 .wp-block-button__link{ display:inline-block; text-decoration:none; }
body.page-id-13148 .wp-block-image img{ max-width:100%; height:auto; display:block; }
body.page-id-13148 .wp-block-table table{ width:100%; border-collapse:collapse; }
body.page-id-13148 .wp-block-details summary{ cursor:pointer; }
@media (max-width:781px){
  body.page-id-13148 .wp-block-columns{ flex-direction:column; }
}
/* the last row is no longer a total, so it should not be styled as one */
body.page-id-13148 .ob-costs tr:last-child td{
  border-top:0 !important; border-bottom:1px solid #e4ded6 !important;
  padding-top:15px !important; font-weight:400 !important; color:#5c5852 !important; }
body.page-id-13148 .ob-costs tr:last-child td:last-child{
  color:#2f2c29 !important; font-size:16px !important; font-weight:700 !important; }
body.page-id-13148 .ob-costs thead th{ border-bottom:1px solid #e4ded6 !important; }
body.page-id-13148 .ob-costs table,
body.page-id-13148 .ob-costs thead,
body.page-id-13148 .ob-costs tbody,
body.page-id-13148 .ob-costs tr{ border:0 !important; }
body.page-id-13148 .ob-costs td{ border-left:0 !important; border-right:0 !important; border-top:0 !important; }
/* ===== FRANCHISE DRAFT 13148 TWEAKS - END ===== */

/* ===== HIDE PAGE TITLE ON HERO IMAGES: START =====
   Hides the page title text (for example "Careers") that sits on top of the
   header photo, on every page that has a header photo. The title stays in the
   page code for search engines and screen readers. Pages without a header
   photo keep their visible title.
   To roll back: delete everything between START and END. */
body:not(.search) .mkd-title.mkd-has-background .mkd-page-title{ position:absolute !important; width:1px !important; height:1px !important; margin:-1px !important; padding:0 !important; overflow:hidden !important; clip:rect(0,0,0,0) !important; white-space:nowrap !important; }
/* ===== HIDE PAGE TITLE ON HERO IMAGES: END ===== */