.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-font-weight );text-transform:var( --e-global-typography-primary-text-transform );font-style:var( --e-global-typography-primary-font-style );text-decoration:var( --e-global-typography-primary-text-decoration );line-height:var( --e-global-typography-primary-line-height );letter-spacing:var( --e-global-typography-primary-letter-spacing );color:var( --e-global-color-primary );}.elementor-5699 .elementor-element.elementor-element-25a3a8b > .elementor-widget-container{margin:0% 0% 0% 0%;}.elementor-5699 .elementor-element.elementor-element-0aaa40c{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:stretch;--gap:5px 5px;--row-gap:5px;--column-gap:5px;--border-radius:8px 8px 8px 8px;box-shadow:0px 0px 10px 0px #F3F0E9;}@media(max-width:1366px){.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );letter-spacing:var( --e-global-typography-primary-letter-spacing );}}@media(max-width:1024px){.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );letter-spacing:var( --e-global-typography-primary-letter-spacing );}}@media(max-width:767px){.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );letter-spacing:var( --e-global-typography-primary-letter-spacing );}}/* Start custom CSS for shortcode, class: .elementor-element-7451684 */.yks-title{color:#404040!important;text-transform: capitalize;}

.yks-item-hours{color:#404040!important;}

.yks-am-icon {
    background:#8f0028!important; 
    border-radius:5px!important;
    width:28px;
    height:28px;
}

/*****Pop Up Box content ***/
/* Primary Modal Button Styling */
.yks-map-container .yks-modal-btn-primary,
.yks-modal-btn-primary {
  background-color: #8f0028 !important;
  color: #ffffff !important;
  transition: background-color 0.2s ease-in-out;
  font-family: var(--e-global-typography-accent-font-family), Sans-serif !important;
    font-size: var(--e-global-typography-accent-font-size) !important;
    font-weight: var(--e-global-typography-accent-font-weight)!important;
    text-transform: var(--e-global-typography-accent-text-transform)!important;
    font-style: var(--e-global-typography-accent-font-style)!important;
    text-decoration: var(--e-global-typography-accent-text-decoration)!important;
    line-height: var(--e-global-typography-accent-line-height)!important;
    letter-spacing: var(--e-global-typography-accent-letter-spacing)!important;
}

.yks-map-container .yks-modal-btn-primary:hover,
.yks-map-container .yks-modal-btn-primary:focus,
.yks-modal-btn-primary:hover,
.yks-modal-btn-primary:focus {
  background-color: #730121 !important;
    
}

.yks-modal-type{ color:#8f0028!important;}

.yks-modal-addr{font-family: var(--e-global-typography-text-font-family), Sans-serif!important;
    font-size: var(--e-global-typography-text-font-size)!important;
    font-weight: var(--e-global-typography-text-font-weight)!important;
    text-transform: var(--e-global-typography-text-text-transform)!important;
    font-style: var(--e-global-typography-text-font-style)!important;
    text-decoration: var(--e-global-typography-text-text-decoration)!important;
    line-height: var(--e-global-typography-text-line-height)!important;
    letter-spacing: var(--e-global-typography-text-letter-spacing)!important;}


/* Remove top, left, and right borders from the hours table */
.yks-hours-table,
.yks-hours-table tr,
.yks-hours-table td,
.yks-hours-table th {
  border-top: none !important;
  border-left: none !important;
  border-right: none !important;
  border-bottom: 1px solid #e0e0e0 !important;
}

.yks-hours-today th {
    color: #404040!important;
    font-weight: 700!important;
    border-left: 3px solid #8d0029 !important;
}

.yks-hours-head {
    font-weight: 700;
    margin-bottom: 12px;
}

button.yks-modal-close {
    BACKGROUND: #f1f1f1;
    BORDER-RADIUS: 4px!important;
       padding: 8px;
}

.yks-modal-close svg {
    stroke: #404040;
}
.yks-modal-close:hover svg {
    stroke: #fff!important;
}

.yks-item:hover {
    background: #fdfbf8!important;
}

    /* Refined Dropdown & Amenities Caret Toggle Styling */
.yks-map-container .yks-dd-toggle .yks-caret,
.yks-map-container .yks-toggle-amenities .yks-caret,
.yks-dd-toggle .yks-caret,
.yks-toggle-amenities .yks-caret {
  border-width: 0 1px 1px 0 !important;
  transition: border-color 0.2s ease-in-out;
}

/* Hover and Focus States: Change caret border color to #ffffff */
.yks-map-container .yks-dd-wrap:hover .yks-caret,
.yks-map-container .yks-dd-wrap:focus-within .yks-caret,
.yks-map-container .yks-amenities-wrap:hover .yks-caret,
.yks-map-container .yks-amenities-wrap:focus-within .yks-caret,
.yks-dd-toggle:hover .yks-caret,
.yks-toggle-amenities:hover .yks-caret {
  border-color: #ffffff !important;
}
    
/* Update button hover and focus background color */
.yks-map-container [type=button]:focus,
.yks-map-container [type=button]:hover,
.yks-map-container [type=submit]:focus,
.yks-map-container [type=submit]:hover,
.yks-map-container button:focus,
.yks-map-container button:hover,
[type=button]:focus,
[type=button]:hover,
[type=submit]:focus,
[type=submit]:hover,
button:focus,
button:hover {
  background-color: #730121 !important;
}
    
    

/* 1. Outlet Count Color (#8F0028) */
.yks-map-container .yks-count,
.yks-count {
  color: #8F0028 !important;
}

/* 2. Dropdown Wrappers (Normal: #404040, Hover: #ffffff text on #8F0028 background) */
.yks-map-container .yks-dd-wrap,
.yks-map-container .yks-amenities-wrap,
.yks-dd-wrap,
.yks-amenities-wrap {
  color: #404040 !important;
  font-size: var(--e-global-typography-3c603d4-font-size) !important;
  transition: all 0.2s ease-in-out;
}


.yks-dd-wrap:hover *,
.yks-dd-wrap:focus *,
.yks-amenities-wrap:hover *,
.yks-amenities-wrap:focus * {
  color: #ffffff !important;
}

/* 3. Popup "Get Directions" Button Normal Background (#8F0028) */
.gm-style-iw .yks-pop-dir,
a.yks-pop-dir,
button.yks-pop-dir,
.yks-pop-dir {
  background-color: #8F0028 !important;
  color: #ffffff !important;
  border-radius:4px!important;
}

/* 4. Filter Chips Styling (Text: #ffffff, Size: 15px, Radius: 8px, Padding: 5px 10px 5px) */
.yks-map-container .yks-chip,
.yks-map-container .yks-chip-region,
.yks-chip,
.yks-chip-region {
  color: #ffffff !important;
  font-size: 12px !important;
  border-radius: 4px !important;
  padding: 5px 10px 5px !important;
}

/* 5. Map Popup & Card Titles (#8f0028) */
.gm-style-iw-d .title,
.gm-style-iw-d h2,
.gm-style-iw-d h3,
.location-card .title,
.location-popup-title,
.gm-style-iw h2.yks-title {
  color: #8f0028 !important;
  font-family: var(--e-global-typography-secondary-font-family), Sans-serif !important;
  font-size: var(--e-global-typography-secondary-font-size) !important;
  font-weight: var(--e-global-typography-secondary-font-weight) !important;
  font-style: var(--e-global-typography-secondary-font-style) !important;
  text-decoration: var(--e-global-typography-secondary-text-decoration) !important;
  line-height: var(--e-global-typography-secondary-line-height) !important;
  letter-spacing: var(--e-global-typography-secondary-letter-spacing) !important;
}

/* 6. Map Popup Normal Text & Hours (#404040) */
.gm-style-iw .yks-item-hours,
.gm-style-iw .yks-dd-option,
.gm-style-iw .yks-item-address,
.gm-style-iw .gm-style-iw-d,
.gm-style-iw p
{
  color: #404040 !important;
  font-size: 15px !important;
}



/* 7. Map Popup "View Details" Button Text Color (#ffffff) */
.gm-style-iw button.yks-pop-cms-btn,
.gm-style-iw .yks-pop-cms-btn,
button.yks-pop-cms-btn[data-id] {
color: #404040 !important;
  background:none;
  border:1px solid #b3b3b3;
}



/* 8. Light Off-White Background Replacement (#fff3f4 -> #FBF8F2) */
.gm-style-iw,
.location-card.active,
.yks-map-container [style*="background-color: #fff3f4"],
.yks-map-container [style*="background-color:#fff3f4"],
.yks-map-container [style*="background-color: #FFF3F4"],
.yks-map-container [style*="background-color:#FFF3F4"] {
  background-color: #FBF8F2 !important;
}

/* 9. Reset Button (Padding: 8px 8px, Normal: #404040, Hover: #ffffff text on #8f0028 bg) */
.yks-map-container .yks-reset,
.yks-map-container a.yks-reset,
.yks-map-container button.yks-reset,
.yks-reset,
.yks-reset-btn {
  padding: 8px 8px !important;
  color: #404040 !important;
  text-decoration: none;
  display: inline-block;
  transition: all 0.2s ease-in-out;
}

.yks-map-container .yks-reset:hover,
.yks-map-container a.yks-reset:hover,
.yks-map-container button.yks-reset:hover,
.yks-reset:hover,
.yks-reset-btn:hover {
  color: #ffffff !important;
  background-color: #8f0028 !important;
}

/* 10. Hours Table Styling (Border-bottom only) */
.gm-style-iw .yks-hours-table,
.gm-style-iw .yks-hours-table tr,
.gm-style-iw .yks-hours-table td,
.gm-style-iw .yks-hours-table th {
  border: none !important;
  border-bottom: 1px solid #e0e0e0 !important;
}

/* 11. Component Base Typography & Radius */
.gm-style-iw,
.gm-style-iw button,
.gm-style-iw input,
.gm-style-iw select,
.location-card {
  font-family: var(--e-global-typography-primary-font-family), Sans-serif !important;
  border-radius: 4px !important;
}


.yks-item.is-active {
    background: #fbf8f282!important;}
    
    
button.yks-dd-toggle, button.yks-toggle-amenities
 {
    color: #404040 !important;
}

button.yks-reset {
    border-radius:4px;
    background: #ebebeb;
    text-decoration: none;
    padding: 9.5px 12px !important;
}

input.yks-search-input {
    padding: 12px 5px 12px 40px !important;
}


.yks-item.is-active {
    background: #fff3f4;
    box-shadow: inset 3px 0 0 #8f0028!important;
}


.yks-map-container .yks-top{ border:0!important}

/* 1. Toggle buttons normal state (type & region) */
.yks-map-container .yks-dd-toggle,
.yks-dd-toggle {
  color: #404040 !important;
  transition: all 0.2s ease-in-out;
}

/* Toggle buttons hover & focus: white text, #8f0028 background */
.yks-map-container .yks-dd-wrap:hover .yks-dd-toggle,
.yks-map-container .yks-dd-wrap:focus-within .yks-dd-toggle,
.yks-map-container .yks-dd-toggle:hover,
.yks-map-container .yks-dd-toggle:focus,
.yks-dd-toggle:hover,
.yks-dd-toggle:focus {
  color: #ffffff !important;
  background-color: #8f0028 !important;
}

.yks-dd-toggle:hover *,
.yks-dd-toggle:focus * {
  color: #ffffff !important;
}

/* 2. Panel options (when type or region panel is open) */
.yks-dd.yks-type-panel.is-open .yks-dd-option,
.yks-dd.yks-type-panel.is-open button.yks-dd-option,
.yks-dd.yks-region-panel.is-open .yks-dd-option,
.yks-dd.yks-region-panel.is-open button.yks-dd-option {
  color: #404040 !important;
  background-color: transparent !important;
  transition: all 0.2s ease-in-out;
}

/* Panel options on hover & focus */
.yks-dd.yks-type-panel.is-open .yks-dd-option:hover,
.yks-dd.yks-type-panel.is-open .yks-dd-option:focus,
.yks-dd.yks-type-panel.is-open button.yks-dd-option:hover,
.yks-dd.yks-type-panel.is-open button.yks-dd-option:focus,
.yks-dd.yks-region-panel.is-open .yks-dd-option:hover,
.yks-dd.yks-region-panel.is-open .yks-dd-option:focus,
.yks-dd.yks-region-panel.is-open button.yks-dd-option:hover,
.yks-dd.yks-region-panel.is-open button.yks-dd-option:focus {
  color: #ffffff !important;
  background-color: #8f0028 !important;
}


/* 1. Toggle Amenities Button: Normal text #404040, Hover & Focus text #ffffff, background #8f0028 */
.yks-amenities-wrap .yks-toggle-amenities,
button.yks-toggle-amenities {
  color: #404040 !important;
  transition: all 0.2s ease-in-out;
}

.yks-amenities-wrap .yks-toggle-amenities:hover,
.yks-amenities-wrap .yks-toggle-amenities:focus,
.yks-amenities-wrap:hover .yks-toggle-amenities,
.yks-amenities-wrap:focus-within .yks-toggle-amenities,
button.yks-toggle-amenities:hover,
button.yks-toggle-amenities:focus {
  color: #ffffff !important;
  background-color: #8f0028 !important;
}

/* Ensure the caret icon changes to white on button hover/focus */
.yks-amenities-wrap:hover .yks-toggle-amenities .yks-caret,
.yks-amenities-wrap:focus-within .yks-toggle-amenities .yks-caret,
button.yks-toggle-amenities:hover .yks-caret,
button.yks-toggle-amenities:focus .yks-caret {
  border-color: #ffffff !important;
}

/* 2. Dropdown Panel Content: Always keep text color #404040 across normal, hover & focus states */
.yks-amenities,
.yks-amenities *,
.yks-amenities .yks-amenity,
.yks-amenities .yks-am-label,
.yks-amenities .yks-amenity-hint,
.yks-amenities label.yks-amenity:hover,
.yks-amenities label.yks-amenity:focus,
.yks-amenities label.yks-amenity:hover *,
.yks-amenities label.yks-amenity:focus * {
  color: #404040 !important;
}


/* Target checkboxes within the amenities panel */
.yks-amenities input[type="checkbox"],
.yks-amenities .yks-amenity input[type="checkbox"] {
  padding: 8px !important;
}

/* Keep the amenities icon color white across normal, hover, and focus states */
.yks-amenities .yks-am-icon,
.yks-amenities .yks-am-icon svg,
.yks-amenities .yks-am-icon:hover,
.yks-amenities .yks-am-icon:hover svg,
.yks-amenities .yks-am-icon:focus,
.yks-amenities .yks-am-icon:focus svg,
.yks-amenity:hover .yks-am-icon,
.yks-amenity:hover .yks-am-icon svg,
.yks-amenity:focus-within .yks-am-icon,
.yks-amenity:focus-within .yks-am-icon svg {
  color: #ffffff !important;
  stroke: #ffffff !important;
  fill: none;
}


.yks-amenities,.yks-dd{right:0!important; left:auto!important;}/* End custom CSS */