:root {
    --primary-contrast-text-color: #ffffff;
    --primary-text-color: #f26924;
    --primary-bg-color: #f26924;
    --primary-bg-color-highlight:#ff7d38;
    --primary-bg-color-disabled:#ff7d38;
    --primary-color:#f26924;
    --primary-border-color:#de5510;
    --primary-shadow-color:rgba(242,105,36,0.5);
}

/* BADGES */
.metalocator .badge-primary {
    color: #ffffff;
    color: var(--primary-contrast-text-color);
    background-color: #f26924;
}


/* BADGES If the user specifies a text color class for the container, it should override the badge text */
.metalocator .text-primary .badge-primary {
    color: #007bff !important;
    color: var(--primary-contrast-text-color);
}

/* BADGES If the user specifies a text color class for the container, it should override the badge text */
.metalocator .text-secondary .badge-primary {
    color: #6c757d !important;
    color: var(--secondary-contrast-text-color);
}

/* BADGES If the user specifies a text color class for the container, it should override the badge text */
.metalocator .text-warning .badge-primary {
    color: #ffc107 !important;
    color: var(--warning-contrast-text-color);
}

/* BADGES If the user specifies a text color class for the container, it should override the badge text */
.metalocator .text-danger .badge-primary {
    color: #dc3545 !important;
    color: var(--danger-contrast-text-color);
}

/* BADGES If the user specifies a text color class for the container, it should override the badge text */
.metalocator .text-info .badge-primary {
    color: #17a2b8 !important;
    color: var(--info-contrast-text-color);
}

/* BADGES If the user specifies a text color class for the container, it should override the badge text */
.metalocator .text-success .badge-primary {
    color: #28a745 !important;
    color: var(--success-contrast-text-color);
}

/* BADGES If the user specifies a text color class for the container, it should override the badge text */
.metalocator .text-light .badge-primary {
    color: #f8f9fa !important;
    color: var(--light-contrast-text-color);
}

/* BADGES If the user specifies a text color class for the container, it should override the badge text */
.metalocator .text-dark .badge-primary {
    color: #343a40 !important;
    color: var(--dark-contrast-text-color);
}


/* BADGES If the user specifies ml-light-badges it should create a light background of the badge  */
.metalocator .ml-light-badges .badge-primary {
    color: #793512;
    background-color: #fac3a8;
}

/* TEXT */
.metalocator .text-primary {
    color: #f26924 !important;
    color: var(--primary-text-color) !important;
}

/* Background */
.metalocator .bg-primary {
    background-color: #f26924 !important;
}


/* BUTTONS */
.metalocator .btn-primary {
    color: #ffffff !important;
    color: var(--primary-contrast-text-color) !important;
    background-color: #f26924;
    background-color: var(--primary-bg-color);
    border-color: #de5510;
    border-color: var(--primary-border-color);
}

.metalocator .btn-primary:hover {
    color: #f26924;
    color: var(--primary-bg-color);
    background-color: #ff7d38;
    background-color: var(--primary-bg-color-highlight);
    border-color: #de5510;
    border-color: var(--primary-border-color);
}

/* advanced search */
.metalocator #ml_searchform .locator_form_buttons label.btn-primary {
    color: var(--primary-contrast-text-color) !important;
}

.metalocator .btn-primary.disabled,
.metalocator .btn-primary:disabled {
    color: #f26924;
    color: var(--primary-color);
    background-color: #ff7d38;
    background-color: var(--primary-bg-color-disabled);
    border-color: #de5510;
    border-color: var(--primary-border-color);
}

.metalocator .btn-primary:not(:disabled):not(.disabled):active,
.metalocator .btn-primary:not(:disabled):not(.disabled).active,
.metalocator .show>.btn-primary.dropdown-toggle {
    color: #f26924;
    color: var(--primary-bg-color);
    background-color: #f26924;
    background-color:  var(--primary-bg-color);
    border-color: #de5510;
    border-color: var(--primary-border-color);
}

.metalocator .btn-outline-primary {
    color: #de5510;
    color:  var(--primary-border-color);
    background-color: transparent;
    background-image: none;
    border-color: #de5510;
    border-color:  var(--primary-border-color);
}
.metalocator .btn-outline-primary:hover {
    color: #fff;
    background-color: #f26924;
    background-color: var(--primary-bg-color);
    border-color: #de5510;
    border-color: var(--primary-border-color);
}

.metalocator .btn-outline-primary.disabled,
.metalocator .btn-outline-primary:disabled {
    color: #de5510;
    color:  var(--primary-border-color);
    background-color: transparent
}

.metalocator .btn-outline-primary:not(:disabled):not(.disabled):hover,
.metalocator .btn-outline-primary:not(:disabled):not(.disabled):active,
.metalocator .btn-outline-primary:not(:disabled):not(.disabled).active,
.metalocator .show>.btn-outline-primary.dropdown-toggle {
    color: #ffffff;
    color: var(--primary-contrast-text-color) !important;
    background-color: #ff7d38;
    background-color: var(--primary-bg-color-disabled);
    border-color: #de5510;
    border-color: var(--primary-border-color);
}


.metalocator .locator_form_buttons .btn.btn-primary:focus,
.metalocator .locator_form_buttons .btn.btn-outline-primary:focus,
.metalocator .btn-group-toggle .btn.btn-outline-primary:focus,
.metalocator .btn-group-toggle .btn.btn-outline-primary.focus,
.metalocator .results .btn.btn-primary:focus,
.metalocator .results .btn.btn-outline-primary:focus,
.metalocator .modal .btn.btn-primary:focus,
.metalocator .modal .btn.btn-outline-primary:focus
{
    box-shadow: 0 0 0 0.2rem var(--primary-shadow-color);
    border-color: var(--primary-border-color);
}
:root {
    --secondary-contrast-text-color: #ffffff;
    --secondary-text-color: #030303;
    --secondary-bg-color: #030303;
    --secondary-bg-color-highlight:#171717;
    --secondary-bg-color-disabled:#171717;
    --secondary-color:#030303;
    --secondary-border-color:#000000;
    --secondary-shadow-color:rgba(3,3,3,0.5);
}

/* BADGES */
.metalocator .badge-secondary {
    color: #ffffff;
    color: var(--secondary-contrast-text-color);
    background-color: #030303;
}


/* BADGES If the user specifies a text color class for the container, it should override the badge text */
.metalocator .text-primary .badge-secondary {
    color: #007bff !important;
    color: var(--primary-contrast-text-color);
}

/* BADGES If the user specifies a text color class for the container, it should override the badge text */
.metalocator .text-secondary .badge-secondary {
    color: #6c757d !important;
    color: var(--secondary-contrast-text-color);
}

/* BADGES If the user specifies a text color class for the container, it should override the badge text */
.metalocator .text-warning .badge-secondary {
    color: #ffc107 !important;
    color: var(--warning-contrast-text-color);
}

/* BADGES If the user specifies a text color class for the container, it should override the badge text */
.metalocator .text-danger .badge-secondary {
    color: #dc3545 !important;
    color: var(--danger-contrast-text-color);
}

/* BADGES If the user specifies a text color class for the container, it should override the badge text */
.metalocator .text-info .badge-secondary {
    color: #17a2b8 !important;
    color: var(--info-contrast-text-color);
}

/* BADGES If the user specifies a text color class for the container, it should override the badge text */
.metalocator .text-success .badge-secondary {
    color: #28a745 !important;
    color: var(--success-contrast-text-color);
}

/* BADGES If the user specifies a text color class for the container, it should override the badge text */
.metalocator .text-light .badge-secondary {
    color: #f8f9fa !important;
    color: var(--light-contrast-text-color);
}

/* BADGES If the user specifies a text color class for the container, it should override the badge text */
.metalocator .text-dark .badge-secondary {
    color: #343a40 !important;
    color: var(--dark-contrast-text-color);
}


/* BADGES If the user specifies ml-light-badges it should create a light background of the badge  */
.metalocator .ml-light-badges .badge-secondary {
    color: #020202;
    background-color: #9b9b9b;
}

/* TEXT */
.metalocator .text-secondary {
    color: #030303 !important;
    color: var(--secondary-text-color) !important;
}

/* Background */
.metalocator .bg-secondary {
    background-color: #030303 !important;
}


/* BUTTONS */
.metalocator .btn-secondary {
    color: #ffffff !important;
    color: var(--secondary-contrast-text-color) !important;
    background-color: #030303;
    background-color: var(--secondary-bg-color);
    border-color: #000000;
    border-color: var(--secondary-border-color);
}

.metalocator .btn-secondary:hover {
    color: #030303;
    color: var(--secondary-bg-color);
    background-color: #171717;
    background-color: var(--secondary-bg-color-highlight);
    border-color: #000000;
    border-color: var(--secondary-border-color);
}

/* advanced search */
.metalocator #ml_searchform .locator_form_buttons label.btn-secondary {
    color: var(--primary-contrast-text-color) !important;
}

.metalocator .btn-secondary.disabled,
.metalocator .btn-secondary:disabled {
    color: #030303;
    color: var(--secondary-color);
    background-color: #171717;
    background-color: var(--secondary-bg-color-disabled);
    border-color: #000000;
    border-color: var(--secondary-border-color);
}

.metalocator .btn-secondary:not(:disabled):not(.disabled):active,
.metalocator .btn-secondary:not(:disabled):not(.disabled).active,
.metalocator .show>.btn-secondary.dropdown-toggle {
    color: #030303;
    color: var(--secondary-bg-color);
    background-color: #030303;
    background-color:  var(--secondary-bg-color);
    border-color: #000000;
    border-color: var(--secondary-border-color);
}

.metalocator .btn-outline-secondary {
    color: #000000;
    color:  var(--secondary-border-color);
    background-color: transparent;
    background-image: none;
    border-color: #000000;
    border-color:  var(--secondary-border-color);
}
.metalocator .btn-outline-secondary:hover {
    color: #fff;
    background-color: #030303;
    background-color: var(--secondary-bg-color);
    border-color: #000000;
    border-color: var(--secondary-border-color);
}

.metalocator .btn-outline-secondary.disabled,
.metalocator .btn-outline-secondary:disabled {
    color: #000000;
    color:  var(--secondary-border-color);
    background-color: transparent
}

.metalocator .btn-outline-secondary:not(:disabled):not(.disabled):hover,
.metalocator .btn-outline-secondary:not(:disabled):not(.disabled):active,
.metalocator .btn-outline-secondary:not(:disabled):not(.disabled).active,
.metalocator .show>.btn-outline-secondary.dropdown-toggle {
    color: #ffffff;
    color: var(--secondary-contrast-text-color) !important;
    background-color: #171717;
    background-color: var(--secondary-bg-color-disabled);
    border-color: #000000;
    border-color: var(--secondary-border-color);
}


.metalocator .locator_form_buttons .btn.btn-secondary:focus,
.metalocator .locator_form_buttons .btn.btn-outline-secondary:focus,
.metalocator .btn-group-toggle .btn.btn-outline-secondary:focus,
.metalocator .btn-group-toggle .btn.btn-outline-secondary.focus,
.metalocator .results .btn.btn-secondary:focus,
.metalocator .results .btn.btn-outline-secondary:focus,
.metalocator .modal .btn.btn-secondary:focus,
.metalocator .modal .btn.btn-outline-secondary:focus
{
    box-shadow: 0 0 0 0.2rem var(--secondary-shadow-color);
    border-color: var(--secondary-border-color);
}
:root {
    --warning-contrast-text-color: #ffffff;
    --warning-text-color: #e0cc1b;
    --warning-bg-color: #e0cc1b;
    --warning-bg-color-highlight:#f4e02f;
    --warning-bg-color-disabled:#f4e02f;
    --warning-color:#e0cc1b;
    --warning-border-color:#ccb807;
    --warning-shadow-color:rgba(224,204,27,0.5);
}

/* BADGES */
.metalocator .badge-warning {
    color: #ffffff;
    color: var(--warning-contrast-text-color);
    background-color: #e0cc1b;
}


/* BADGES If the user specifies a text color class for the container, it should override the badge text */
.metalocator .text-primary .badge-warning {
    color: #007bff !important;
    color: var(--primary-contrast-text-color);
}

/* BADGES If the user specifies a text color class for the container, it should override the badge text */
.metalocator .text-secondary .badge-warning {
    color: #6c757d !important;
    color: var(--secondary-contrast-text-color);
}

/* BADGES If the user specifies a text color class for the container, it should override the badge text */
.metalocator .text-warning .badge-warning {
    color: #ffc107 !important;
    color: var(--warning-contrast-text-color);
}

/* BADGES If the user specifies a text color class for the container, it should override the badge text */
.metalocator .text-danger .badge-warning {
    color: #dc3545 !important;
    color: var(--danger-contrast-text-color);
}

/* BADGES If the user specifies a text color class for the container, it should override the badge text */
.metalocator .text-info .badge-warning {
    color: #17a2b8 !important;
    color: var(--info-contrast-text-color);
}

/* BADGES If the user specifies a text color class for the container, it should override the badge text */
.metalocator .text-success .badge-warning {
    color: #28a745 !important;
    color: var(--success-contrast-text-color);
}

/* BADGES If the user specifies a text color class for the container, it should override the badge text */
.metalocator .text-light .badge-warning {
    color: #f8f9fa !important;
    color: var(--light-contrast-text-color);
}

/* BADGES If the user specifies a text color class for the container, it should override the badge text */
.metalocator .text-dark .badge-warning {
    color: #343a40 !important;
    color: var(--dark-contrast-text-color);
}


/* BADGES If the user specifies ml-light-badges it should create a light background of the badge  */
.metalocator .ml-light-badges .badge-warning {
    color: #70660e;
    background-color: #f3eba4;
}

/* TEXT */
.metalocator .text-warning {
    color: #e0cc1b !important;
    color: var(--warning-text-color) !important;
}

/* Background */
.metalocator .bg-warning {
    background-color: #e0cc1b !important;
}


/* BUTTONS */
.metalocator .btn-warning {
    color: #ffffff !important;
    color: var(--warning-contrast-text-color) !important;
    background-color: #e0cc1b;
    background-color: var(--warning-bg-color);
    border-color: #ccb807;
    border-color: var(--warning-border-color);
}

.metalocator .btn-warning:hover {
    color: #e0cc1b;
    color: var(--warning-bg-color);
    background-color: #f4e02f;
    background-color: var(--warning-bg-color-highlight);
    border-color: #ccb807;
    border-color: var(--warning-border-color);
}

/* advanced search */
.metalocator #ml_searchform .locator_form_buttons label.btn-warning {
    color: var(--primary-contrast-text-color) !important;
}

.metalocator .btn-warning.disabled,
.metalocator .btn-warning:disabled {
    color: #e0cc1b;
    color: var(--warning-color);
    background-color: #f4e02f;
    background-color: var(--warning-bg-color-disabled);
    border-color: #ccb807;
    border-color: var(--warning-border-color);
}

.metalocator .btn-warning:not(:disabled):not(.disabled):active,
.metalocator .btn-warning:not(:disabled):not(.disabled).active,
.metalocator .show>.btn-warning.dropdown-toggle {
    color: #e0cc1b;
    color: var(--warning-bg-color);
    background-color: #e0cc1b;
    background-color:  var(--warning-bg-color);
    border-color: #ccb807;
    border-color: var(--warning-border-color);
}

.metalocator .btn-outline-warning {
    color: #ccb807;
    color:  var(--warning-border-color);
    background-color: transparent;
    background-image: none;
    border-color: #ccb807;
    border-color:  var(--warning-border-color);
}
.metalocator .btn-outline-warning:hover {
    color: #fff;
    background-color: #e0cc1b;
    background-color: var(--warning-bg-color);
    border-color: #ccb807;
    border-color: var(--warning-border-color);
}

.metalocator .btn-outline-warning.disabled,
.metalocator .btn-outline-warning:disabled {
    color: #ccb807;
    color:  var(--warning-border-color);
    background-color: transparent
}

.metalocator .btn-outline-warning:not(:disabled):not(.disabled):hover,
.metalocator .btn-outline-warning:not(:disabled):not(.disabled):active,
.metalocator .btn-outline-warning:not(:disabled):not(.disabled).active,
.metalocator .show>.btn-outline-warning.dropdown-toggle {
    color: #ffffff;
    color: var(--warning-contrast-text-color) !important;
    background-color: #f4e02f;
    background-color: var(--warning-bg-color-disabled);
    border-color: #ccb807;
    border-color: var(--warning-border-color);
}


.metalocator .locator_form_buttons .btn.btn-warning:focus,
.metalocator .locator_form_buttons .btn.btn-outline-warning:focus,
.metalocator .btn-group-toggle .btn.btn-outline-warning:focus,
.metalocator .btn-group-toggle .btn.btn-outline-warning.focus,
.metalocator .results .btn.btn-warning:focus,
.metalocator .results .btn.btn-outline-warning:focus,
.metalocator .modal .btn.btn-warning:focus,
.metalocator .modal .btn.btn-outline-warning:focus
{
    box-shadow: 0 0 0 0.2rem var(--warning-shadow-color);
    border-color: var(--warning-border-color);
}
:root {
    --danger-contrast-text-color: #ffffff;
    --danger-text-color: #e01b43;
    --danger-bg-color: #e01b43;
    --danger-bg-color-highlight:#f42f57;
    --danger-bg-color-disabled:#f42f57;
    --danger-color:#e01b43;
    --danger-border-color:#cc072f;
    --danger-shadow-color:rgba(224,27,67,0.5);
}

/* BADGES */
.metalocator .badge-danger {
    color: #ffffff;
    color: var(--danger-contrast-text-color);
    background-color: #e01b43;
}


/* BADGES If the user specifies a text color class for the container, it should override the badge text */
.metalocator .text-primary .badge-danger {
    color: #007bff !important;
    color: var(--primary-contrast-text-color);
}

/* BADGES If the user specifies a text color class for the container, it should override the badge text */
.metalocator .text-secondary .badge-danger {
    color: #6c757d !important;
    color: var(--secondary-contrast-text-color);
}

/* BADGES If the user specifies a text color class for the container, it should override the badge text */
.metalocator .text-warning .badge-danger {
    color: #ffc107 !important;
    color: var(--warning-contrast-text-color);
}

/* BADGES If the user specifies a text color class for the container, it should override the badge text */
.metalocator .text-danger .badge-danger {
    color: #dc3545 !important;
    color: var(--danger-contrast-text-color);
}

/* BADGES If the user specifies a text color class for the container, it should override the badge text */
.metalocator .text-info .badge-danger {
    color: #17a2b8 !important;
    color: var(--info-contrast-text-color);
}

/* BADGES If the user specifies a text color class for the container, it should override the badge text */
.metalocator .text-success .badge-danger {
    color: #28a745 !important;
    color: var(--success-contrast-text-color);
}

/* BADGES If the user specifies a text color class for the container, it should override the badge text */
.metalocator .text-light .badge-danger {
    color: #f8f9fa !important;
    color: var(--light-contrast-text-color);
}

/* BADGES If the user specifies a text color class for the container, it should override the badge text */
.metalocator .text-dark .badge-danger {
    color: #343a40 !important;
    color: var(--dark-contrast-text-color);
}


/* BADGES If the user specifies ml-light-badges it should create a light background of the badge  */
.metalocator .ml-light-badges .badge-danger {
    color: #700e22;
    background-color: #f3a4b4;
}

/* TEXT */
.metalocator .text-danger {
    color: #e01b43 !important;
    color: var(--danger-text-color) !important;
}

/* Background */
.metalocator .bg-danger {
    background-color: #e01b43 !important;
}


/* BUTTONS */
.metalocator .btn-danger {
    color: #ffffff !important;
    color: var(--danger-contrast-text-color) !important;
    background-color: #e01b43;
    background-color: var(--danger-bg-color);
    border-color: #cc072f;
    border-color: var(--danger-border-color);
}

.metalocator .btn-danger:hover {
    color: #e01b43;
    color: var(--danger-bg-color);
    background-color: #f42f57;
    background-color: var(--danger-bg-color-highlight);
    border-color: #cc072f;
    border-color: var(--danger-border-color);
}

/* advanced search */
.metalocator #ml_searchform .locator_form_buttons label.btn-danger {
    color: var(--primary-contrast-text-color) !important;
}

.metalocator .btn-danger.disabled,
.metalocator .btn-danger:disabled {
    color: #e01b43;
    color: var(--danger-color);
    background-color: #f42f57;
    background-color: var(--danger-bg-color-disabled);
    border-color: #cc072f;
    border-color: var(--danger-border-color);
}

.metalocator .btn-danger:not(:disabled):not(.disabled):active,
.metalocator .btn-danger:not(:disabled):not(.disabled).active,
.metalocator .show>.btn-danger.dropdown-toggle {
    color: #e01b43;
    color: var(--danger-bg-color);
    background-color: #e01b43;
    background-color:  var(--danger-bg-color);
    border-color: #cc072f;
    border-color: var(--danger-border-color);
}

.metalocator .btn-outline-danger {
    color: #cc072f;
    color:  var(--danger-border-color);
    background-color: transparent;
    background-image: none;
    border-color: #cc072f;
    border-color:  var(--danger-border-color);
}
.metalocator .btn-outline-danger:hover {
    color: #fff;
    background-color: #e01b43;
    background-color: var(--danger-bg-color);
    border-color: #cc072f;
    border-color: var(--danger-border-color);
}

.metalocator .btn-outline-danger.disabled,
.metalocator .btn-outline-danger:disabled {
    color: #cc072f;
    color:  var(--danger-border-color);
    background-color: transparent
}

.metalocator .btn-outline-danger:not(:disabled):not(.disabled):hover,
.metalocator .btn-outline-danger:not(:disabled):not(.disabled):active,
.metalocator .btn-outline-danger:not(:disabled):not(.disabled).active,
.metalocator .show>.btn-outline-danger.dropdown-toggle {
    color: #ffffff;
    color: var(--danger-contrast-text-color) !important;
    background-color: #f42f57;
    background-color: var(--danger-bg-color-disabled);
    border-color: #cc072f;
    border-color: var(--danger-border-color);
}


.metalocator .locator_form_buttons .btn.btn-danger:focus,
.metalocator .locator_form_buttons .btn.btn-outline-danger:focus,
.metalocator .btn-group-toggle .btn.btn-outline-danger:focus,
.metalocator .btn-group-toggle .btn.btn-outline-danger.focus,
.metalocator .results .btn.btn-danger:focus,
.metalocator .results .btn.btn-outline-danger:focus,
.metalocator .modal .btn.btn-danger:focus,
.metalocator .modal .btn.btn-outline-danger:focus
{
    box-shadow: 0 0 0 0.2rem var(--danger-shadow-color);
    border-color: var(--danger-border-color);
}
:root {
    --info-contrast-text-color: #ffffff;
    --info-text-color: #cb4c0c;
    --info-bg-color: #cb4c0c;
    --info-bg-color-highlight:#df6020;
    --info-bg-color-disabled:#df6020;
    --info-color:#cb4c0c;
    --info-border-color:#b73800;
    --info-shadow-color:rgba(203,76,12,0.5);
}

/* BADGES */
.metalocator .badge-info {
    color: #ffffff;
    color: var(--info-contrast-text-color);
    background-color: #cb4c0c;
}


/* BADGES If the user specifies a text color class for the container, it should override the badge text */
.metalocator .text-primary .badge-info {
    color: #007bff !important;
    color: var(--primary-contrast-text-color);
}

/* BADGES If the user specifies a text color class for the container, it should override the badge text */
.metalocator .text-secondary .badge-info {
    color: #6c757d !important;
    color: var(--secondary-contrast-text-color);
}

/* BADGES If the user specifies a text color class for the container, it should override the badge text */
.metalocator .text-warning .badge-info {
    color: #ffc107 !important;
    color: var(--warning-contrast-text-color);
}

/* BADGES If the user specifies a text color class for the container, it should override the badge text */
.metalocator .text-danger .badge-info {
    color: #dc3545 !important;
    color: var(--danger-contrast-text-color);
}

/* BADGES If the user specifies a text color class for the container, it should override the badge text */
.metalocator .text-info .badge-info {
    color: #17a2b8 !important;
    color: var(--info-contrast-text-color);
}

/* BADGES If the user specifies a text color class for the container, it should override the badge text */
.metalocator .text-success .badge-info {
    color: #28a745 !important;
    color: var(--success-contrast-text-color);
}

/* BADGES If the user specifies a text color class for the container, it should override the badge text */
.metalocator .text-light .badge-info {
    color: #f8f9fa !important;
    color: var(--light-contrast-text-color);
}

/* BADGES If the user specifies a text color class for the container, it should override the badge text */
.metalocator .text-dark .badge-info {
    color: #343a40 !important;
    color: var(--dark-contrast-text-color);
}


/* BADGES If the user specifies ml-light-badges it should create a light background of the badge  */
.metalocator .ml-light-badges .badge-info {
    color: #662606;
    background-color: #ebb89e;
}

/* TEXT */
.metalocator .text-info {
    color: #cb4c0c !important;
    color: var(--info-text-color) !important;
}

/* Background */
.metalocator .bg-info {
    background-color: #cb4c0c !important;
}


/* BUTTONS */
.metalocator .btn-info {
    color: #ffffff !important;
    color: var(--info-contrast-text-color) !important;
    background-color: #cb4c0c;
    background-color: var(--info-bg-color);
    border-color: #b73800;
    border-color: var(--info-border-color);
}

.metalocator .btn-info:hover {
    color: #cb4c0c;
    color: var(--info-bg-color);
    background-color: #df6020;
    background-color: var(--info-bg-color-highlight);
    border-color: #b73800;
    border-color: var(--info-border-color);
}

/* advanced search */
.metalocator #ml_searchform .locator_form_buttons label.btn-info {
    color: var(--primary-contrast-text-color) !important;
}

.metalocator .btn-info.disabled,
.metalocator .btn-info:disabled {
    color: #cb4c0c;
    color: var(--info-color);
    background-color: #df6020;
    background-color: var(--info-bg-color-disabled);
    border-color: #b73800;
    border-color: var(--info-border-color);
}

.metalocator .btn-info:not(:disabled):not(.disabled):active,
.metalocator .btn-info:not(:disabled):not(.disabled).active,
.metalocator .show>.btn-info.dropdown-toggle {
    color: #cb4c0c;
    color: var(--info-bg-color);
    background-color: #cb4c0c;
    background-color:  var(--info-bg-color);
    border-color: #b73800;
    border-color: var(--info-border-color);
}

.metalocator .btn-outline-info {
    color: #b73800;
    color:  var(--info-border-color);
    background-color: transparent;
    background-image: none;
    border-color: #b73800;
    border-color:  var(--info-border-color);
}
.metalocator .btn-outline-info:hover {
    color: #fff;
    background-color: #cb4c0c;
    background-color: var(--info-bg-color);
    border-color: #b73800;
    border-color: var(--info-border-color);
}

.metalocator .btn-outline-info.disabled,
.metalocator .btn-outline-info:disabled {
    color: #b73800;
    color:  var(--info-border-color);
    background-color: transparent
}

.metalocator .btn-outline-info:not(:disabled):not(.disabled):hover,
.metalocator .btn-outline-info:not(:disabled):not(.disabled):active,
.metalocator .btn-outline-info:not(:disabled):not(.disabled).active,
.metalocator .show>.btn-outline-info.dropdown-toggle {
    color: #ffffff;
    color: var(--info-contrast-text-color) !important;
    background-color: #df6020;
    background-color: var(--info-bg-color-disabled);
    border-color: #b73800;
    border-color: var(--info-border-color);
}


.metalocator .locator_form_buttons .btn.btn-info:focus,
.metalocator .locator_form_buttons .btn.btn-outline-info:focus,
.metalocator .btn-group-toggle .btn.btn-outline-info:focus,
.metalocator .btn-group-toggle .btn.btn-outline-info.focus,
.metalocator .results .btn.btn-info:focus,
.metalocator .results .btn.btn-outline-info:focus,
.metalocator .modal .btn.btn-info:focus,
.metalocator .modal .btn.btn-outline-info:focus
{
    box-shadow: 0 0 0 0.2rem var(--info-shadow-color);
    border-color: var(--info-border-color);
}
:root {
    --success-contrast-text-color: #ffffff;
    --success-text-color: #6cc14c;
    --success-bg-color: #6cc14c;
    --success-bg-color-highlight:#80d560;
    --success-bg-color-disabled:#80d560;
    --success-color:#6cc14c;
    --success-border-color:#58ad38;
    --success-shadow-color:rgba(108,193,76,0.5);
}

/* BADGES */
.metalocator .badge-success {
    color: #ffffff;
    color: var(--success-contrast-text-color);
    background-color: #6cc14c;
}


/* BADGES If the user specifies a text color class for the container, it should override the badge text */
.metalocator .text-primary .badge-success {
    color: #007bff !important;
    color: var(--primary-contrast-text-color);
}

/* BADGES If the user specifies a text color class for the container, it should override the badge text */
.metalocator .text-secondary .badge-success {
    color: #6c757d !important;
    color: var(--secondary-contrast-text-color);
}

/* BADGES If the user specifies a text color class for the container, it should override the badge text */
.metalocator .text-warning .badge-success {
    color: #ffc107 !important;
    color: var(--warning-contrast-text-color);
}

/* BADGES If the user specifies a text color class for the container, it should override the badge text */
.metalocator .text-danger .badge-success {
    color: #dc3545 !important;
    color: var(--danger-contrast-text-color);
}

/* BADGES If the user specifies a text color class for the container, it should override the badge text */
.metalocator .text-info .badge-success {
    color: #17a2b8 !important;
    color: var(--info-contrast-text-color);
}

/* BADGES If the user specifies a text color class for the container, it should override the badge text */
.metalocator .text-success .badge-success {
    color: #28a745 !important;
    color: var(--success-contrast-text-color);
}

/* BADGES If the user specifies a text color class for the container, it should override the badge text */
.metalocator .text-light .badge-success {
    color: #f8f9fa !important;
    color: var(--light-contrast-text-color);
}

/* BADGES If the user specifies a text color class for the container, it should override the badge text */
.metalocator .text-dark .badge-success {
    color: #343a40 !important;
    color: var(--dark-contrast-text-color);
}


/* BADGES If the user specifies ml-light-badges it should create a light background of the badge  */
.metalocator .ml-light-badges .badge-success {
    color: #366126;
    background-color: #c5e7b8;
}

/* TEXT */
.metalocator .text-success {
    color: #6cc14c !important;
    color: var(--success-text-color) !important;
}

/* Background */
.metalocator .bg-success {
    background-color: #6cc14c !important;
}


/* BUTTONS */
.metalocator .btn-success {
    color: #ffffff !important;
    color: var(--success-contrast-text-color) !important;
    background-color: #6cc14c;
    background-color: var(--success-bg-color);
    border-color: #58ad38;
    border-color: var(--success-border-color);
}

.metalocator .btn-success:hover {
    color: #6cc14c;
    color: var(--success-bg-color);
    background-color: #80d560;
    background-color: var(--success-bg-color-highlight);
    border-color: #58ad38;
    border-color: var(--success-border-color);
}

/* advanced search */
.metalocator #ml_searchform .locator_form_buttons label.btn-success {
    color: var(--primary-contrast-text-color) !important;
}

.metalocator .btn-success.disabled,
.metalocator .btn-success:disabled {
    color: #6cc14c;
    color: var(--success-color);
    background-color: #80d560;
    background-color: var(--success-bg-color-disabled);
    border-color: #58ad38;
    border-color: var(--success-border-color);
}

.metalocator .btn-success:not(:disabled):not(.disabled):active,
.metalocator .btn-success:not(:disabled):not(.disabled).active,
.metalocator .show>.btn-success.dropdown-toggle {
    color: #6cc14c;
    color: var(--success-bg-color);
    background-color: #6cc14c;
    background-color:  var(--success-bg-color);
    border-color: #58ad38;
    border-color: var(--success-border-color);
}

.metalocator .btn-outline-success {
    color: #58ad38;
    color:  var(--success-border-color);
    background-color: transparent;
    background-image: none;
    border-color: #58ad38;
    border-color:  var(--success-border-color);
}
.metalocator .btn-outline-success:hover {
    color: #fff;
    background-color: #6cc14c;
    background-color: var(--success-bg-color);
    border-color: #58ad38;
    border-color: var(--success-border-color);
}

.metalocator .btn-outline-success.disabled,
.metalocator .btn-outline-success:disabled {
    color: #58ad38;
    color:  var(--success-border-color);
    background-color: transparent
}

.metalocator .btn-outline-success:not(:disabled):not(.disabled):hover,
.metalocator .btn-outline-success:not(:disabled):not(.disabled):active,
.metalocator .btn-outline-success:not(:disabled):not(.disabled).active,
.metalocator .show>.btn-outline-success.dropdown-toggle {
    color: #ffffff;
    color: var(--success-contrast-text-color) !important;
    background-color: #80d560;
    background-color: var(--success-bg-color-disabled);
    border-color: #58ad38;
    border-color: var(--success-border-color);
}


.metalocator .locator_form_buttons .btn.btn-success:focus,
.metalocator .locator_form_buttons .btn.btn-outline-success:focus,
.metalocator .btn-group-toggle .btn.btn-outline-success:focus,
.metalocator .btn-group-toggle .btn.btn-outline-success.focus,
.metalocator .results .btn.btn-success:focus,
.metalocator .results .btn.btn-outline-success:focus,
.metalocator .modal .btn.btn-success:focus,
.metalocator .modal .btn.btn-outline-success:focus
{
    box-shadow: 0 0 0 0.2rem var(--success-shadow-color);
    border-color: var(--success-border-color);
}
:root {
    --light-contrast-text-color: #ffffff;
    --light-text-color: #f8f9fa;
    --light-bg-color: #f8f9fa;
    --light-bg-color-highlight:#ffffff;
    --light-bg-color-disabled:#ffffff;
    --light-color:#f8f9fa;
    --light-border-color:#e4e5e6;
    --light-shadow-color:rgba(248,249,250,0.5);
}

/* BADGES */
.metalocator .badge-light {
    color: #ffffff;
    color: var(--light-contrast-text-color);
    background-color: #f8f9fa;
}


/* BADGES If the user specifies a text color class for the container, it should override the badge text */
.metalocator .text-primary .badge-light {
    color: #007bff !important;
    color: var(--primary-contrast-text-color);
}

/* BADGES If the user specifies a text color class for the container, it should override the badge text */
.metalocator .text-secondary .badge-light {
    color: #6c757d !important;
    color: var(--secondary-contrast-text-color);
}

/* BADGES If the user specifies a text color class for the container, it should override the badge text */
.metalocator .text-warning .badge-light {
    color: #ffc107 !important;
    color: var(--warning-contrast-text-color);
}

/* BADGES If the user specifies a text color class for the container, it should override the badge text */
.metalocator .text-danger .badge-light {
    color: #dc3545 !important;
    color: var(--danger-contrast-text-color);
}

/* BADGES If the user specifies a text color class for the container, it should override the badge text */
.metalocator .text-info .badge-light {
    color: #17a2b8 !important;
    color: var(--info-contrast-text-color);
}

/* BADGES If the user specifies a text color class for the container, it should override the badge text */
.metalocator .text-success .badge-light {
    color: #28a745 !important;
    color: var(--success-contrast-text-color);
}

/* BADGES If the user specifies a text color class for the container, it should override the badge text */
.metalocator .text-light .badge-light {
    color: #f8f9fa !important;
    color: var(--light-contrast-text-color);
}

/* BADGES If the user specifies a text color class for the container, it should override the badge text */
.metalocator .text-dark .badge-light {
    color: #343a40 !important;
    color: var(--dark-contrast-text-color);
}


/* BADGES If the user specifies ml-light-badges it should create a light background of the badge  */
.metalocator .ml-light-badges .badge-light {
    color: #7c7d7d;
    background-color: #fdfdfd;
}

/* TEXT */
.metalocator .text-light {
    color: #f8f9fa !important;
    color: var(--light-text-color) !important;
}

/* Background */
.metalocator .bg-light {
    background-color: #f8f9fa !important;
}


/* BUTTONS */
.metalocator .btn-light {
    color: #ffffff !important;
    color: var(--light-contrast-text-color) !important;
    background-color: #f8f9fa;
    background-color: var(--light-bg-color);
    border-color: #e4e5e6;
    border-color: var(--light-border-color);
}

.metalocator .btn-light:hover {
    color: #f8f9fa;
    color: var(--light-bg-color);
    background-color: #ffffff;
    background-color: var(--light-bg-color-highlight);
    border-color: #e4e5e6;
    border-color: var(--light-border-color);
}

/* advanced search */
.metalocator #ml_searchform .locator_form_buttons label.btn-light {
    color: var(--primary-contrast-text-color) !important;
}

.metalocator .btn-light.disabled,
.metalocator .btn-light:disabled {
    color: #f8f9fa;
    color: var(--light-color);
    background-color: #ffffff;
    background-color: var(--light-bg-color-disabled);
    border-color: #e4e5e6;
    border-color: var(--light-border-color);
}

.metalocator .btn-light:not(:disabled):not(.disabled):active,
.metalocator .btn-light:not(:disabled):not(.disabled).active,
.metalocator .show>.btn-light.dropdown-toggle {
    color: #f8f9fa;
    color: var(--light-bg-color);
    background-color: #f8f9fa;
    background-color:  var(--light-bg-color);
    border-color: #e4e5e6;
    border-color: var(--light-border-color);
}

.metalocator .btn-outline-light {
    color: #e4e5e6;
    color:  var(--light-border-color);
    background-color: transparent;
    background-image: none;
    border-color: #e4e5e6;
    border-color:  var(--light-border-color);
}
.metalocator .btn-outline-light:hover {
    color: #fff;
    background-color: #f8f9fa;
    background-color: var(--light-bg-color);
    border-color: #e4e5e6;
    border-color: var(--light-border-color);
}

.metalocator .btn-outline-light.disabled,
.metalocator .btn-outline-light:disabled {
    color: #e4e5e6;
    color:  var(--light-border-color);
    background-color: transparent
}

.metalocator .btn-outline-light:not(:disabled):not(.disabled):hover,
.metalocator .btn-outline-light:not(:disabled):not(.disabled):active,
.metalocator .btn-outline-light:not(:disabled):not(.disabled).active,
.metalocator .show>.btn-outline-light.dropdown-toggle {
    color: #ffffff;
    color: var(--light-contrast-text-color) !important;
    background-color: #ffffff;
    background-color: var(--light-bg-color-disabled);
    border-color: #e4e5e6;
    border-color: var(--light-border-color);
}


.metalocator .locator_form_buttons .btn.btn-light:focus,
.metalocator .locator_form_buttons .btn.btn-outline-light:focus,
.metalocator .btn-group-toggle .btn.btn-outline-light:focus,
.metalocator .btn-group-toggle .btn.btn-outline-light.focus,
.metalocator .results .btn.btn-light:focus,
.metalocator .results .btn.btn-outline-light:focus,
.metalocator .modal .btn.btn-light:focus,
.metalocator .modal .btn.btn-outline-light:focus
{
    box-shadow: 0 0 0 0.2rem var(--primary-shadow-color);
    border-color: var(--primary-border-color);
}
:root {
    --dark-contrast-text-color: #ffffff;
    --dark-text-color: #343a40;
    --dark-bg-color: #343a40;
    --dark-bg-color-highlight:#484e54;
    --dark-bg-color-disabled:#484e54;
    --dark-color:#343a40;
    --dark-border-color:#20262c;
    --dark-shadow-color:rgba(52,58,64,0.5);
}

/* BADGES */
.metalocator .badge-dark {
    color: #ffffff;
    color: var(--dark-contrast-text-color);
    background-color: #343a40;
}


/* BADGES If the user specifies a text color class for the container, it should override the badge text */
.metalocator .text-primary .badge-dark {
    color: #007bff !important;
    color: var(--primary-contrast-text-color);
}

/* BADGES If the user specifies a text color class for the container, it should override the badge text */
.metalocator .text-secondary .badge-dark {
    color: #6c757d !important;
    color: var(--secondary-contrast-text-color);
}

/* BADGES If the user specifies a text color class for the container, it should override the badge text */
.metalocator .text-warning .badge-dark {
    color: #ffc107 !important;
    color: var(--warning-contrast-text-color);
}

/* BADGES If the user specifies a text color class for the container, it should override the badge text */
.metalocator .text-danger .badge-dark {
    color: #dc3545 !important;
    color: var(--danger-contrast-text-color);
}

/* BADGES If the user specifies a text color class for the container, it should override the badge text */
.metalocator .text-info .badge-dark {
    color: #17a2b8 !important;
    color: var(--info-contrast-text-color);
}

/* BADGES If the user specifies a text color class for the container, it should override the badge text */
.metalocator .text-success .badge-dark {
    color: #28a745 !important;
    color: var(--success-contrast-text-color);
}

/* BADGES If the user specifies a text color class for the container, it should override the badge text */
.metalocator .text-light .badge-dark {
    color: #f8f9fa !important;
    color: var(--light-contrast-text-color);
}

/* BADGES If the user specifies a text color class for the container, it should override the badge text */
.metalocator .text-dark .badge-dark {
    color: #343a40 !important;
    color: var(--dark-contrast-text-color);
}


/* BADGES If the user specifies ml-light-badges it should create a light background of the badge  */
.metalocator .ml-light-badges .badge-dark {
    color: #1a1d20;
    background-color: #aeb1b3;
}

/* TEXT */
.metalocator .text-dark {
    color: #343a40 !important;
    color: var(--dark-text-color) !important;
}

/* Background */
.metalocator .bg-dark {
    background-color: #343a40 !important;
}


/* BUTTONS */
.metalocator .btn-dark {
    color: #ffffff !important;
    color: var(--dark-contrast-text-color) !important;
    background-color: #343a40;
    background-color: var(--dark-bg-color);
    border-color: #20262c;
    border-color: var(--dark-border-color);
}

.metalocator .btn-dark:hover {
    color: #343a40;
    color: var(--dark-bg-color);
    background-color: #484e54;
    background-color: var(--dark-bg-color-highlight);
    border-color: #20262c;
    border-color: var(--dark-border-color);
}

/* advanced search */
.metalocator #ml_searchform .locator_form_buttons label.btn-dark {
    color: var(--primary-contrast-text-color) !important;
}

.metalocator .btn-dark.disabled,
.metalocator .btn-dark:disabled {
    color: #343a40;
    color: var(--dark-color);
    background-color: #484e54;
    background-color: var(--dark-bg-color-disabled);
    border-color: #20262c;
    border-color: var(--dark-border-color);
}

.metalocator .btn-dark:not(:disabled):not(.disabled):active,
.metalocator .btn-dark:not(:disabled):not(.disabled).active,
.metalocator .show>.btn-dark.dropdown-toggle {
    color: #343a40;
    color: var(--dark-bg-color);
    background-color: #343a40;
    background-color:  var(--dark-bg-color);
    border-color: #20262c;
    border-color: var(--dark-border-color);
}

.metalocator .btn-outline-dark {
    color: #20262c;
    color:  var(--dark-border-color);
    background-color: transparent;
    background-image: none;
    border-color: #20262c;
    border-color:  var(--dark-border-color);
}
.metalocator .btn-outline-dark:hover {
    color: #fff;
    background-color: #343a40;
    background-color: var(--dark-bg-color);
    border-color: #20262c;
    border-color: var(--dark-border-color);
}

.metalocator .btn-outline-dark.disabled,
.metalocator .btn-outline-dark:disabled {
    color: #20262c;
    color:  var(--dark-border-color);
    background-color: transparent
}

.metalocator .btn-outline-dark:not(:disabled):not(.disabled):hover,
.metalocator .btn-outline-dark:not(:disabled):not(.disabled):active,
.metalocator .btn-outline-dark:not(:disabled):not(.disabled).active,
.metalocator .show>.btn-outline-dark.dropdown-toggle {
    color: #ffffff;
    color: var(--dark-contrast-text-color) !important;
    background-color: #484e54;
    background-color: var(--dark-bg-color-disabled);
    border-color: #20262c;
    border-color: var(--dark-border-color);
}


.metalocator .locator_form_buttons .btn.btn-dark:focus,
.metalocator .locator_form_buttons .btn.btn-outline-dark:focus,
.metalocator .btn-group-toggle .btn.btn-outline-dark:focus,
.metalocator .btn-group-toggle .btn.btn-outline-dark.focus,
.metalocator .results .btn.btn-dark:focus,
.metalocator .results .btn.btn-outline-dark:focus,
.metalocator .modal .btn.btn-dark:focus,
.metalocator .modal .btn.btn-outline-dark:focus
{
    box-shadow: 0 0 0 0.2rem var(--dark-shadow-color);
    border-color: var(--dark-border-color);
}

.metalocator .ml_map_list_toggle .btn-group-toggle .btn:focus
{
    box-shadow: 0 0 0 0.2rem var(--primary-shadow-color);
    border-color: var(--primary-border-color);
}

.metalocator.ml_disable_postback .search .btn.btn-primary.locator_submit {
    position: relative;
    user-select:none;
    transition-duration: 0.4s;
    -webkit-transition-duration: 0.4s;
}

.metalocator.ml_disable_postback .search .btn.btn-primary.locator_submit:hover {
    transition-duration: 0.1s;
}

.metalocator.ml_disable_postback .search .btn.btn-primary.locator_submit:after {
    content: "";
    display: block;
    position: absolute;
    border-radius: 0rem;
    left: 0;
    top:0;
    width: 100%;
    height: 100%;
    opacity: 0;
    transition: all 0.5s;
    box-shadow: 0 0 10px 15px var(--primary-color);
}

.metalocator.ml_disable_postback .search .btn.btn-primary.locator_submit:active:after {
    box-shadow: 0 0 0 0 var(--primary-color);
    position: absolute;
    border-radius: 0rem;
    left: 0;
    top:0;
    opacity: 1;
    transition: 0s;
}

.metalocator.ml_disable_postback .search .btn.btn-primary.locator_submit:active {
    top: 1px;
}

/* FONT */
:root {
    --theme-line-height: 1.5em;
}
.metalocator #locator_map_canvas .ml_marker_focused i{
    color: #f26924;
    color: var(--primary-text-color) !important;
}
.metalocator .card,.metalocator .btn,.metalocator .form-control,.metalocator .modal-content {
    border-radius: 0rem;
}

.metalocator .card-img-top {
    border-top-left-radius: calc(0rem - 1px);
    border-top-right-radius: calc(0rem - 1px);
}
.metalocator .com_locator_entry > div {
    background-color: var(--light-bg-color);
}
.metalocator .mapboxgl-popup {
    z-index: 20 !important; /* push above the zoom controls */
}
@media (max-width: 576px) {
    .metalocator .map {
        max-height: 360px;
    }

    .metalocator .map {
        flex-basis: 360px;
    }

    .metalocator .middle .map{
        height:360px;
    }

}/*
---------- BREAKPOINTS ----------

// Extra small devices (portrait phones, less than 576px)
// No media query for `xs` since this is the default in Bootstrap

// Small devices (landscape phones, 576px and up)
@media (min-width: 576px) { ... }

// Medium devices (tablets, 768px and up)
@media (min-width: 768px) { ... }

// Large devices (desktops, 992px and up)
@media (min-width: 992px) { ... }

// Extra large devices (large desktops, 1200px and up)
@media (min-width: 1200px) { ... }

---------- DONT USE THESE MIXINS - DONT SEEM TO WORK HERE ----------

@include media-breakpoint-up(sm) { ... }
*/

body, html, form {
    height: 100%;
}
.metalocator {
    /* -- 100vh on mobile (Safari, Chrome) makes interface underlap the bottom toolbar
    -- use 100% instead --
    height: 100vh;*/
    height: 100%;
}

#ml_results_wrapper::-webkit-scrollbar {
    width: 6px;
    background-color: #e8e8e8;
}
#ml_results_wrapper::-webkit-scrollbar-thumb {
    border-radius: 0px;
    background-color: #929191;
}

.metalocator .results_wrap {
    /* for FF on Win */
    scrollbar-width: thin;
}

.metalocator .ml_modal_details .modal-dialog-scrollable .modal-body::-webkit-scrollbar {
    width: 6px;
    background-color: #e8e8e8;
}
.metalocator .ml_modal_details .modal-dialog-scrollable .modal-body::-webkit-scrollbar-thumb {
    border-radius: 0px;
    background-color: #929191;
}

/* template-template-specific scrollbar */
#ml_results_wrapper.ml_template_card_template::-webkit-scrollbar,#ml_results_wrapper.ml_template_group_template::-webkit-scrollbar{
    width: 6px;
    background-color: white;
}

#ml_results_wrapper.ml_template_card_template::-webkit-scrollbar-thumb,#ml_results_wrapper.ml_template_group_template::-webkit-scrollbar-thumb  {
    border-radius: .25rem;
    background-color: rgb(182, 181, 181);
}

/* not loving this active state */
#ml_results_wrapper.ml_template_card_template .active .card,
#ml_results_wrapper.ml_template_card_template .ml_directory_focused .card{
    border-color: var(--primary-text-color);
}

#ml_results_wrapper.ml_template_group_template .active .card,
#ml_results_wrapper.ml_template_group_template .ml_directory_focused .card{
    border-color: var(--primary-text-color);
}

#ml_results_wrapper.ml_template_user_profile .com_locator_entry.ml_directory_focused{
    border-color: var(--primary-text-color);
    border-top: 1px solid var(--primary-text-color);
}

.metalocator .search select.form-control[size="1"] {
    height: calc(1.5em + .75rem + 2px);
}

.metalocator .search .bootstrap-select.form-control,
.metalocator .ml_modal_edit .bootstrap-select.form-control,
.metalocator .ml_modal_email_form .bootstrap-select.form-control,
.metalocator .ml_modal_form_claim .bootstrap-select.form-control
{
    display: block;
    height: auto;
}

.metalocator .search .bootstrap-select .bs-title-option{
    display: none;
}
.metalocator .search .form-check.form-check-inline {
    height: calc(1.5em + .75rem + 2px);
}

#ml_results_wrapper.ml_template_card_template .com_locator_entry {
    margin-bottom: .5rem;
}
#ml_results_wrapper.ml_template_group_template .com_locator_entry {
    margin-bottom: .5rem;
}


.metalocator .bootstrap-select > select.mobile-device:focus + .dropdown-toggle,.metalocator  .bootstrap-select .dropdown-toggle:focus {
    /* outline: thin dotted #333333 !important; */
    /* outline: 5px auto -webkit-focus-ring-color !important; */
    /* outline-offset: -2px; */
    outline: none !important;
}

.dropdown-item span.text{
    width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.dropdown-menu.inner.show{
    overflow: hidden;
}

/*
* Reset Mapbox/Leaflet CSS
* These are added to prevent Mapbox/Leaflet CSS from influencing bootstraps standards
*/

.metalocator .leaflet-div-icon {
    background: transparent;
    border: none;
    border-color: transparent;
}


.leaflet-bottom.leaflet-left{
    display: none;
}

.leaflet-popup-close-button {
    top: 2px;
    right: 2px;
}

.leaflet-popup-close-button:hover{
    background-color: #f8f8f8;
}

.leaflet-popup-content-wrapper, .map-legends, .map-tooltip {
    background: none;
    border-radius:0;
    box-shadow: none;
}

.leaflet-popup-close-button+.leaflet-popup-content-wrapper .leaflet-popup-content{
    padding-top:0;
}

.leaflet-popup-content {
    padding: 0;
    margin: 0;
}

.leaflet-control-attribution.leaflet-control{
    font-size: .75em;
}

a.leaflet-popup-close-button{
    z-index: 9;
    background-color: #fff;
    opacity: 0.90;
}

.metalocator .leaflet-popup-tip-container {
    top: -11px;
}

.leaflet-container h1, .leaflet-container h2, .leaflet-container h3, .leaflet-container h4, .leaflet-container h5, .leaflet-container h6, .leaflet-container p{
    font-weight: 500;
    line-height: 1.2;
}

.leaflet-container h2 {
    font-size: 2.5rem;
}

.leaflet-container h2 {
    font-size: 2rem;
}

.leaflet-container h2 {
    font-size: 2rem;
}
.leaflet-container h3 {
    font-size: 1.75rem;
}

.leaflet-container h4 {
    font-size: 1.50rem;
}
.leaflet-container h5 {
    font-size: 1.25rem;
}

.leaflet-container h6 {
    font-size: 1.0rem;
}

.metalocator ul.ml_taglist{
    margin: 0;
    padding: 0;
    list-style-type: none;
}

.metalocator ul.ml_taglist li{
    display: inline;
}

.metalocator ul.ml_tag_group_list{
    margin: 0;
    padding: 0;
    list-style-type: none;
}

.metalocator ul.ml_tag_group_list li{
    display: inline;
}

.metalocator ul.ml_tag_collpase_group_list {
    margin: 0;
    padding: 0;
    list-style-type: none;
}

.metalocator ul.ml_tag_collpase_group_list li{
    display:list-item;
}

/* ---- THIS IS THE NEW 'ICON' TAGLIST ----- */
/* need the new ml_taglist_icons class added to the UL */
.metalocator ul.ml_taglist.ml_taglist_icons {
    padding: 0.25rem 0;
}
.metalocator ul.ml_taglist.ml_taglist_icons li span {
    display: block;
    text-align: center;
}
.metalocator ul.ml_taglist.ml_taglist_icons li {
    display: inline-block;
    margin: 0.5em;
    max-width: 8rem;
    vertical-align: top;
}
.metalocator ul.ml_taglist.ml_taglist_icons .badge {
    font-weight: 400;
    padding-left: 0.75em;
    padding-right: 0.75em;
    padding-bottom: 0.5em;
    /*background-color: #eaedf0;*/
    display: inline-block;
    width: 100%;
    white-space: normal;
}
.metalocator ul.ml_taglist.ml_taglist_icons li i {
    display: block;
    width: 1.25em; /* like fa-fw */
    font-size: 2.5em;
    margin: 0.25em auto;
}
/* ---- 'ICON' TAGLIST ----- */

.metalocator ul.ml_taglist.ml_taglist_groups{
    /*list-style-type: disc;*/
    padding: 1rem 0;
}

.metalocator ul.ml_taglist.ml_taglist_groups li {
    display: list-item;
    line-height: 1.2;
    margin-bottom: 0.375rem;
}

/* allow the group names to look like headings */
.metalocator ul.ml_taglist.ml_taglist_groups .ml_tag_group{
    /*list-style-type: none;
    margin-left: -0.5em;*/
    font-weight: 500;
    line-height: 1.2;
    font-size: 1.0rem;
    margin: 1rem 0 0.375rem;
}
.metalocator ul.ml_taglist.ml_taglist_groups .ml_tag_group:first-child {
    margin-top: 0;
}


.metalocator .ml_template_table_template .table-responsive thead > tr > th{
    position: sticky;
    top: -1px; /* rendering gap issue */
    z-index:2;
    white-space:nowrap;
}

/* @hack hide labels inside the results since we're using these for table headings, a little hacky */
.metalocator #ml_results_wrapper .table tr.com_locator_entry span.label{
    display:none;
}

/* was causing scrollbars */
.metalocator .ml_template_table_template .table-responsive {
    /*height: 100%;*/
}

.metalocator .results_wrap.ml_template_table_template{
    /* overflow-y: hidden;*/
}

/* non-essential table theme below */
.metalocator .ml_template_table_template .table-responsive table.table {
    border-spacing: 1;
    border-collapse: collapse;
    border-radius: 10px;
}

/* child selectors to avoid polluting tables in the content */
.metalocator .ml_template_table_template .table-responsive table.table > thead > tr > th {
    font-size: 1.2rem;
    color: #fff;
    line-height: 1.2;
    font-weight: unset;
}

.metalocator .ml_template_table_template .table-responsive th.ml_sorting_desc a,
.metalocator .ml_template_table_template .table-responsive th.ml_sorting_asc a{
    font-weight: bolder;
}

.metalocator .ml_template_table_template .table-responsive th a.ml-table-heading{
    color: #fff;
}

.metalocator .ml_template_table_template .table-responsive tbody tr.ml_zebra_1 {
    background-color: #f5f5f5;
    vertical-align: middle;
}

.metalocator .ml_template_table_template .table-responsive table.table > tbody > tr > td {
    vertical-align: middle;
}

.metalocator .ml_template_table_template .table-responsive table.table >tbody > tr.com_locator_entry:hover{
    background-color:#dedede;
    -webkit-transition: background-color .2s ease-out;
    -moz-transition: background-color .2s ease-out;
    -o-transition: background-color .2s ease-out;
    transition: background-color .2s ease-out;
}

.metalocator .ml_template_table_template .table-responsive table.table > tbody tr:hover{
    color: black;
}

.metalocator .ml-card-image-container{
    position: relative;
}

.metalocator .ml-image-overlay{
    position: absolute;
    left:1em;
    top:1em;
    width: 100%;
}

.metalocator .ml-image-overlay a.ml_share,
.metalocator .ml-image-overlay a.ml_sendtophone,
.metalocator .ml-image-overlay a.ml_sendtoemail{
    position: absolute;
    right: 2em;
    top: 0em; /* offset */
}
.metalocator .ml-image-overlay,.metalocator .ml-image-overlay a {
    text-shadow: 0 1px 1px black;
    color: white;
    font-weight: bold;
}

/* automatically push second and third links down to avoid overlap*/
.metalocator .ml-image-overlay span+span a {
    top:1.5em !important;
}

.metalocator .ml-image-overlay span+span+span a {
    top:3.0em !important;
}

.metalocator .ml-image-overlay span+span+span+span a {
    top:4.5em !important;
}

.metalocator .text-dark-shadow,.metalocator a.text-dark-shadow{
    text-shadow: 2px 2px 2px #2c2c2c;
    color:#fff;
}
.metalocator .text-light-shadow,.metalocator a.text-light-shadow{
    text-shadow: 2px 2px 2px #f7f7f7;

}

.metalocator .carousel .carousel-indicators li,
.metalocator .carousel .carousel-control-prev-icon,
.metalocator .carousel .carousel-control-next-icon {
    -webkit-filter: drop-shadow( 3px 3px 2px rgba(0, 0, 0, .7));
    filter: drop-shadow( 3px 3px 2px rgba(0, 0, 0, .7));
}

.metalocator .btn.btn-square{
    border-radius:0;
}


/* the entire row is always clickable */
#ml_results_wrapper .com_locator_entry{
    cursor: pointer;
}
/* unless it is a table layout */
#ml_results_wrapper table .com_locator_entry {
    cursor: auto;
}

/* or the map is not displayed and the directory click then has no action */
.ml_show_map_0 #ml_results_wrapper .com_locator_entry{
    cursor: auto;
}


.leaflet-div-icon i,
.gm-style i,
.mapboxgl-marker i {
    /*color: var(--secondary-text-color) !important;*/
    transition: transform 0.3s cubic-bezier(.49,.14,.25,1.17);
    transform: scale(1.0);
    transform-origin: center bottom;
    /*will-change: transform, color;*/
    text-shadow: 0px 0px 2px rgba(255, 255, 255, 0.75);
}


.metalocator #locator_map_canvas .gm-style .markerLabels{
    overflow:visible !important;
}
.mapboxgl-marker i.ml_directory_hover,
.mapboxgl-marker i.ml_hover,
.leaflet-div-icon.ml_hover i,
.leaflet-div-icon.ml_directory_hover i,
.gm-style i.ml_directory_hover,
.gm-style i.ml_hover
{
    /*text-shadow: 2px 2px 2px #2D344D;*/
    transform: scale(1.25);
}

.leaflet-div-icon.ml_clickedmarker i,
.leaflet-div-icon.ml_marker_focused i {
    transform: scale(1.5);
}

.autocomplete-suggestions{
    background-color:white;
    border: 1px solid rgba(0,0,0,.125);
    overflow-y:auto;
    border-radius: .25rem;
    margin-top:-.5em;
    /*
    -webkit-box-shadow: 3px 3px 5px 1px rgba(0,0,0,0.33);
    box-shadow: 3px 3px 5px 1px rgba(0,0,0,0.33);*/
}

.autocomplete-suggestion{
    border-bottom: 1px solid rgba(0,0,0,.125);
    background-color:white;
    padding:.5em;
    cursor: pointer;
}

.autocomplete-group {
    border-bottom: 1px solid rgba(0, 0, 0, .325);
    background-color: white;
    padding: .5em;
    cursor: pointer;
}

.autocomplete-no-suggestion{
    border-bottom: 1px solid rgba(0,0,0,.125);
    background-color:white;
    padding:.5em;
}

.ml_autocomplete_component_template_keyword_name{

}

/* allows for a longer placeholder */
#unifiedsearch{
    min-width: 300px;
}

.ml_autocomplete_category {
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    line-height: 1;
}

.ml_autocomplete_label{
    padding-left: 7px;
}

.ml_autocomplete_category_keyword:before {
    content: "\f002";
}

.ml_autocomplete_category_geographic:before {
    content: "\f041";
}

.ml_autocomplete_category_tag:before {
    content: "\f02b";
}

.autocomplete-suggestion:last-child { border-bottom: none; }

.autocomplete-selected{
    background-color: rgba(0,0,0,.01);
}

.ml_activemarker i {
    text-shadow: 0 0px 6px #fff;
}
.ml_number{
    position: relative;
}

/* Numbered marker support in the directory */
.ml_number i[class^="fa"] + span{
    position: absolute;
    width: 20px;
    text-align: center;
    left: 10px;
    display: inline-block;
    top: 0px;
    color: white;
}

/* fixes to remove whitespace from the icons */
.metalocator .ml_template_user_profile .col span i[class^="fa"].ml-icon-margin,
.metalocator .ml-local-search span i[class^="fa"].ml-icon-margin, /* Slim results card */
.metalocator .card-text span i[class^="fa"].ml-icon-margin {
    margin-right:0.30em;
}

.metalocator button.locator_submit i[class^="fa"].ml-icon-margin{
    margin-right:0.30em;
}

body.ml_dir-rtl .metalocator button.locator_submit i[class^="fa"].ml-icon-margin{
    margin-left:0.30em;
}

.metalocator [data-container-name="Links"] span i[class^="fa"].ml-icon-margin{
    margin-right:0.30em;
}

.metalocator td[data-container-name="Table Cell"] span i[class^="fa"].ml-icon-margin{
    margin-right:0.30em;
}

/* Numbered marker support as a button */
.ml_number.rounded-circle.btn{
    width: 34px;
    height: 34px;
    position: relative;
}

.ml_number.rounded-circle.btn > span{
    position: absolute;
    width: 34px;
    display: inline-block;
    left: 0%;
    text-align: center;
    line-height: 0;
    top: calc(100% - 1em);
}

/* Numbered marker support in the map */
.leaflet-pane .ml_marker_label.ml_marker_label_number{
    left: -5px;
    top: -21px;
    width: 30px;
}

.ml_marker_label.ml_marker_label_number{
    color: white;
    position: relative;
    text-align: center;
}

.ml_marker_label.ml_marker_label_name{
    display: none;
    position: absolute;
    font-size: 12px;
    text-shadow: -1px 0 white, 0 1px white, 1px 0 white, 0 -1px white;
    font-weight: 500;
    left:50%;
    transform: translateX(-50%);
    white-space: nowrap;
    text-align: center;
    margin: 0 auto;
    overflow: hidden;
    max-width: 200px;
    text-overflow: ellipsis;

}

.ml_directory_hover + .ml_marker_label.ml_marker_label_name{
    display: block;
}

.metalocator.ml_mobile_scroll_mode_horizontal .ml_marker_focused .ml_marker_label.ml_marker_label_name{
    display: block;
}

.leaflet-pane .fa-sm + .ml_marker_label.ml_marker_label_number,
.mapboxgl-canvas-container .fa-sm + .ml_marker_label.ml_marker_label_number{
    left: -6px;
    top: -17px;
    font-size: 7px;
    width: 30px;
}


.mapboxgl-canvas-container .fa-2x + .ml_marker_label.ml_marker_label_number
{
    transition: top 0.2s ease-out 0s;
    position: relative;
    left: 0;
    top: -33px;
    text-align: center;
    width: 100%;
}

.leaflet-pane .fa-2x + .ml_marker_label.ml_marker_label_number{
    transition: top 0.2s ease-out 0s;
    position: relative;
    left: 5px;
    top: -33px;
    text-align: center;
}

.leaflet-pane .fa-2x.ml_directory_hover + .ml_marker_label.ml_marker_label_number,
.mapboxgl-canvas-container .fa-2x.ml_directory_hover + .ml_marker_label.ml_marker_label_number
{
    transition: top 0.2s ease-out;
    position: relative;
    left: 5px;
    top: -35px;
    text-align: center;
    width: 30px;
}


.leaflet-pane .ml_hover .fa-3x + .ml_marker_label.ml_marker_label_number,
.mapboxgl-canvas-container .ml_hover .fa-3x + .ml_marker_label.ml_marker_label_number{
    left: 10px;
    top: -49px;
    width: 40px;
}

.leaflet-pane .fa-3x + .ml_marker_label.ml_marker_label_number,
.mapboxgl-canvas-container .fa-3x + .ml_marker_label.ml_marker_label_number{
    left: 10px;
    top: -43px;
    width: 40px;
}

.leaflet-pane .fa-5x + .ml_marker_label.ml_marker_label_number,
.mapboxgl-canvas-container .fa-5x + .ml_marker_label.ml_marker_label_number{
    left: 20px;
    top: -80px;
    width: 60px;
}


.leaflet-pane .fa-2x + .ml_marker_label.ml_marker_label_number.ml_marker_label_length_3,
.mapboxgl-canvas-container .fa-2x + .ml_marker_label.ml_marker_label_number.ml_marker_label_length_3
{
    top: -31px;
    font-size: 12px;
}

.leaflet-pane .fa-2x + .ml_marker_label.ml_marker_label_number.ml_marker_label_length_4,
.mapboxgl-canvas-container .fa-2x + .ml_marker_label.ml_marker_label_number.ml_marker_label_length_4
{
    top: -29px;
    font-size: 9px;
}


.gm-style .ml_marker_label.ml_marker_label_number{
    position: relative;
    left: -5px;
    top: -17px;
    text-align: center;
    width: 30px;
    font-size: 9px;
}

.gm-style  .fa-2x + .ml_marker_label.ml_marker_label_number{
    left: 5px;
    top: -31px;
    width: 30px;
    font-size: 16px;
}

.gm-style .fa-3x + .ml_marker_label.ml_marker_label_number{
    position: relative;
    left: 10px;
    top: -41px;
    text-align: center;
    width: 40px;
    font-size: 16px;
}

.gm-style  .fa-5x + .ml_marker_label.ml_marker_label_number{
    color: white;
    position: relative;
    left: 20px;
    top: -70px;
    text-align: center;
    width: 60px;
    font-size: 16px;
}

.metalocator a[data-toggle="collapse"]:after {
    font-family: 'Font Awesome 5 Free';/* essential to enable caret symbol*/
    content: "\f107";/* adjust as needed, taken from font-awesome.css */
    font-weight: 900;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    line-height: 1;
    transform: rotate(0deg) ;
    transition: all linear 0.25s;
}

.metalocator a[data-toggle="collapse"].collapsed:after {
    /* symbol for "collapsed" panels */
    font-family: 'Font Awesome 5 Free';/* essential to enable caret symbol*/
    content: "\f107";  /* adjust as needed, taken from font-awesome.css */
    font-weight: 900;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    line-height: 1;
    transform: rotate(-90deg) ;
}

.metalocator a.ml-tag-collapse-link{
    white-space: nowrap;
}

.metalocator a.collapsed{
    text-decoration: none;
}

/* bit of a hack, but prevents the share and send icons from jumping during highlight */
.ml-image-overlay span.ml-editor-highlight{
    position: static;
}

.ml-editor-highlight .float-right{

}



.ml-editor-highlight{
    min-height: 20px;
    min-width: 20px;
    position: relative;
    /* overflow: auto;*/
    display: inline-block;
    /*background-color: rgba(241, 33, 67, 0.3);*/
}


.ml-highlight-overlay{
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background-color: rgba(255, 255, 0, 0.33);
    transition: background-color 0.5s ease;
}

main.metalocator #spin_modal_overlay{
    left: 0px;
    top: 0;
}


.ml-table-layout th{
    /* position: sticky;
     top: 0;*/
}

/*
.metalocator .details_modal .modal-body{
    padding:0;
}
*/

/**
* This allows links in the card body to break out of the stretched details link
 */
/*
.metalocator .card a {
    z-index: 2;
    position: relative;
}

.metalocator .card a.stretched-link{
    z-index: 1;
    position: relative;
}*/

/**
 * Adam's CSS from staging
 */
html,
body{
    height: 100%;
    width: 100%;
    margin: 0;
}
.metalocator img {
    max-width: 100%;
}

.metalocator.ml_mobile_scroll_mode_horizontal  .ml_lazy_loader{
    flex-shrink:0;
}

#locator_map_canvas {
    width: 100%;
    /*height: 100%;*/
}
.metalocator main {
    height: 100%;
}


.metalocator .middle {

}
.metalocator .map {
    flex: 1 1 40%;

    display: flex;
}

/* for the center card row, including sidebar elements */
.metalocator .ml-card-row{
    display: flex;
    flex-wrap: nowrap;
    flex-direction: row;
}

/* fix for the card columns templates with no map */
.metalocator.ml_locator_columns.ml_show_map_0 .ml-card-row{
    justify-content: center;
}

.metalocator .results {
    /*position: absolute;
    bottom: 0;
    height: 66%;
    z-index: 1010;*/
    flex: 1 1 60%;
    position: relative;
    overflow-y: auto;
    overflow-x: hidden;
}

/*
.metalocator .flex-break {
    flex-basis: 100% !important;
    width:100%;
}
.metalocator .flex-break::after,
.metalocator .flex-break::before {
    flex-basis: 0;
    order: 1;
}
*/
.metalocator .result_item {
    min-height: 160px;
}

.metalocator .results_wrap .com_locator_entry:last-child .card.mb-2 {
    margin-bottom: 1px !important;
}

/* hide image overlay until mouseover on the result on desktop */
.metalocator .com_locator_entry:hover .ml-card-image-container .ml-image-overlay a{
    display: block;
}

.metalocator .com_locator_entry .ml-card-image-container .ml-image-overlay a{
    display: none;
}

.metalocator .com_locator_entry .ml-card-image-container .ml-image-overlay a{
    display: none;
}

.metalocator .results_wrap {
    /* position: absolute; */
    overflow-y: auto;
    padding: 0.5rem;
    /* top: 0.5rem;
    right: 0.5rem;
    bottom: 0.5rem;
    left: 0.5rem; */
    /*width: calc(100% - 1rem);
	height: 100%;*/
}

@media (min-width: 577px) {

    .metalocator .middle {
        height: 100px;
    }
    .metalocator.ml_search_layout_left .middle {
        height: auto;
    }
    .metalocator .results {
        position: relative;
        top: auto;
        height: auto;
        z-index: auto;
        display: flex;
        flex-direction: column
    }
    /* 02/28/2020 - leverage 'directory right, map left' option */
    .metalocator.ml_locator_layout_right .results {
        order: 13 !important;
    }
    .metalocator.ml_locator_layout_right .map {
        order: -1 !important;
    }

    .metalocator .results_wrap {
        top: 0;
        position: static;
        top: auto;
        right: auto;
        bottom: auto;
        left: auto;
        /* padding: 0 0.125rem 0 0.5rem; */
        padding: 0 0 0 0.5rem;
        margin-right: 0.5rem;
    }
    .metalocator.ml_locator_layout_over .results_wrap {
        padding-top: 0.5rem;
    }
    /* target firefox only, as it gives less space to scrollbar */
    @-moz-document url-prefix() {
        .metalocator .results_wrap {
            padding: 0 0.5rem;
            margin-right: 0.0875rem;
        }
    }
}

/* MOBILE STACKING */
@media (max-width: 576px) {

    .metalocator .com_locator_entry .ml-card-image-container .ml-image-overlay a{
        display: block;
    }

    .metalocator.d-flex{
        display:block !important;
    }

    .metalocator .middle.d-flex{
        display:block !important;
    }

    .metalocator.ml_show_list_0 .results{
        display:none !important;
    }

    .metalocator .results{
        display:block !important;
        position:static;
    }

    .metalocator .results.d-none{
        display:none !important;
        position:static;
    }

    .metalocator .results .results_wrap{
        position:static;
    }


    .metalocator .ml-card-row{
        flex-direction: column;
    }

    .metalocator.ml_mobile_scroll_mode_horizontal #ml_results_wrapper{
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: row;
        flex-direction: row;
        scroll-snap-type: x mandatory;
    }

    .metalocator.ml_smooth_scroll.ml_mobile_scroll_mode_horizontal #ml_results_wrapper{
        scroll-behavior: smooth;
    }

    .metalocator.ml_mobile_scroll_mode_horizontal #ml_results_wrapper .com_locator_entry{
        margin-right: 0.5rem;
    }

    /* immediate children of the #results_wrapper should be scrollable, without this, you can't scroll off a card */
    .metalocator.ml_mobile_scroll_mode_horizontal #ml_results_wrapper .com_locator_entry,
    .metalocator.ml_mobile_scroll_mode_horizontal #ml_results_wrapper .ml_lazy_loader
    {
        scroll-snap-align: center;
    }

    /* this VW should correspond to the intersection observer's rootMargin */
    .metalocator.ml_mobile_scroll_mode_horizontal #ml_results_wrapper .com_locator_entry > div{
        width: 85vw;
        height: 100%;
    }

    /* since the VW creates an automatic margin around the cards, the loader needs to be pushed left a bit to avoid being on screen immediately */
    .metalocator.ml_mobile_scroll_mode_horizontal .ml_lazy_loader.ml_lazy_load_up {
        margin: 0 7.5vw;
    }
    .metalocator.ml_mobile_scroll_mode_horizontal .ml_lazy_loader.ml_lazy_load_down {
        margin: 0 7.5vw;
    }

    .metalocator.ml_mobile_scroll_mode_horizontal #ml_results_wrapper.ml_template_card_template .com_locator_entry{
        margin-bottom: 0;
    }


}

.metalocator .results nav {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.metalocator .results .pagination {
    margin-top: 0.5rem;
    margin-bottom: 0.5rem;
}

/* hides the result count and pagination with no results */
.metalocator.ml_locator_no_results nav.ml_pagination{
    display:none;
}

.metalocator .results_count {
    width: 100%;
    min-width: 100%;
    text-align: center;
    font-size: 0.875em;
    margin-top: 0.375em;
}
.metalocator .no_results_msg {
    height: 100%;
    background-color: #f2f3f3;
    flex-direction: column;
    padding: 2rem;

    display: none;
}
.metalocator.ml_locator_no_results .results_count,
.metalocator.ml_locator_no_results .com_locator_results_wrapper {
    display: none;
}
.metalocator.ml_locator_no_results .no_results_msg {
    display: flex;
}

/* this is to establish a minimum height for when a user is claiming a location when the directory is empty. */
.metalocator.ml_locator_no_results .no_results_msg{
    min-height: 300px;
}

/* results columns -- only above mobile -- */
@media (min-width: 577px) {
    .metalocator.ml_locator_columns_2 .results_wrap,
    .metalocator.ml_locator_columns_3 .results_wrap,
    .metalocator.ml_locator_columns_4 .results_wrap,
    .metalocator.ml_locator_columns_5 .results_wrap {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        align-items: stretch;
    }
    .metalocator.ml_locator_columns_2 .results .com_locator_results_wrapper .com_locator_entry,
    .metalocator.ml_locator_columns_3 .results .com_locator_results_wrapper .com_locator_entry,
    .metalocator.ml_locator_columns_4 .results .com_locator_results_wrapper .com_locator_entry,
    .metalocator.ml_locator_columns_5 .results .com_locator_results_wrapper .com_locator_entry {
        padding: 0.375rem;
    }
    .metalocator.ml_locator_columns_2 .results .com_locator_results_wrapper .com_locator_entry {
        flex: 0 0 50%;
        max-width: 50%;
    }
    .metalocator.ml_locator_columns_3 .results .com_locator_results_wrapper .com_locator_entry {
        flex: 0 0 33.333%;
        max-width: 33.333%;
    }
    .metalocator.ml_locator_columns_4 .results .com_locator_results_wrapper .com_locator_entry {
        flex: 0 0 25%;
        max-width: 25%;
    }
    .metalocator.ml_locator_columns_5 .results .com_locator_results_wrapper .com_locator_entry {
        flex: 0 0 20%;
        max-width: 20%;
    }
    .metalocator.ml_locator_columns_2 .results .com_locator_results_wrapper .com_locator_entry ,
    .metalocator.ml_locator_columns_3 .results .com_locator_results_wrapper .com_locator_entry ,
    .metalocator.ml_locator_columns_4 .results .com_locator_results_wrapper .com_locator_entry ,
    .metalocator.ml_locator_columns_5 .results .com_locator_results_wrapper .com_locator_entry  {
        height: auto;
    }
    /* insure equal-height side-by-side results */
    .metalocator.ml_locator_columns_2 .results .com_locator_results_wrapper .com_locator_entry .card,
    .metalocator.ml_locator_columns_3 .results .com_locator_results_wrapper .com_locator_entry .card,
    .metalocator.ml_locator_columns_4 .results .com_locator_results_wrapper .com_locator_entry .card,
    .metalocator.ml_locator_columns_5 .results .com_locator_results_wrapper .com_locator_entry .card {
        height: 100%;
    }




    .metalocator.ml_locator_columns_2 .results .com_locator_group_entry,
    .metalocator.ml_locator_columns_3 .results .com_locator_group_entry,
    .metalocator.ml_locator_columns_4 .results .com_locator_group_entry,
    .metalocator.ml_locator_columns_5 .results .com_locator_group_entry {
        padding: 0.375rem;
    }
    .metalocator.ml_locator_columns_2 .results .com_locator_group_entry {
        flex: 0 0 50%;
        max-width: 50%;
    }
    .metalocator.ml_locator_columns_3 .results .com_locator_group_entry {
        flex: 0 0 33.333%;
        max-width: 33.333%;
    }
    .metalocator.ml_locator_columns_4 .results .com_locator_group_entry {
        flex: 0 0 25%;
        max-width: 25%;
    }
    .metalocator.ml_locator_columns_5 .results .com_locator_group_entry {
        flex: 0 0 20%;
        max-width: 20%;
    }
    .metalocator.ml_locator_columns_2 .results .com_locator_group_entry ,
    .metalocator.ml_locator_columns_3 .results .com_locator_group_entry ,
    .metalocator.ml_locator_columns_4 .results .com_locator_group_entry ,
    .metalocator.ml_locator_columns_5 .results .com_locator_group_entry  {
        height: auto;
    }
    /* insure equal-height side-by-side results */
    .metalocator.ml_locator_columns_2 .results .com_locator_group_entry .card,
    .metalocator.ml_locator_columns_3 .results .com_locator_group_entry .card,
    .metalocator.ml_locator_columns_4 .results .com_locator_group_entry .card,
    .metalocator.ml_locator_columns_5 .results .com_locator_group_entry .card {
        height: 100%;
    }

} /* end min 576 MQ */

/*
.metalocator.ml_show_map_0.ml_locator_columns_2 .com_locator_entry,
.metalocator.ml_show_map_0.ml_locator_columns_3 .com_locator_entry,
.metalocator.ml_show_map_0.ml_locator_columns_4 .com_locator_entry {
    min-width: 457px;
}
*/

.metalocator .ml_searchform_row_1 > *,
.metalocator .ml_searchform_row_2 > * {
    flex: 1 1 auto;
}

.metalocator .ml_searchform_row_header > [data-element-name="detector"],
.metalocator .ml_searchform_row_header > [data-element-name="submit"],
.metalocator .ml_searchform_row_footer > [data-element-name="detector"],
.metalocator .ml_searchform_row_footer > [data-element-name="submit"],
.metalocator .ml_searchform_row_1 > [data-element-name="detector"],
.metalocator .ml_searchform_row_1 > [data-element-name="submit"],
.metalocator .ml_searchform_row_2 > [data-element-name="detector"],
.metalocator .ml_searchform_row_2 > [data-element-name="submit"] {
    flex: 0 1 auto;
}
.metalocator [data-element-name="tagdropdown"] label:empty{
    display: none;
}


.metalocator .dropdown-menu {
    max-width: 100vw;
}

.metalocator .dropdown-menu .popover-header {
    background-color: transparent;
    border: 0;
    /*padding: 0.5rem 0.25rem 1.25rem; -- for new css-only close X */
    /*outline: solid 1px;*/
    height: 20px;
}

.metalocator .dropdown-menu .popover-header .close {
    line-height: 1;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 999;
    font-size: 0 !important;
    height: 20px;
    width: 20px;
}
.metalocator .dropdown-menu .popover-header .close::before,
.metalocator .dropdown-menu .popover-header .close::after {
    display: block;
    content: "";
    width: 2px;
    height: 80%;
    background-color: #333;
    position: absolute;
    left: calc(50% - 1px);
    top: 10%;
}
.metalocator .dropdown-menu .popover-header .close::before {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}
.metalocator .dropdown-menu .popover-header .close::after {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

/* make close button only visible for multi-select (select has attrib 'multiple') */
.metalocator select:not([multiple]) + .dropdown-toggle {
    color: red;
}
.metalocator select:not([multiple]) + .dropdown-toggle + .dropdown-menu .popover-header {
    padding-top: 0.25rem;
    padding-bottom: 0.25rem;
}
.metalocator select:not([multiple]) + .dropdown-toggle + .dropdown-menu .popover-header button {
    display: none;
}


/* fix new select menus overflowing viewport due to long options */
@media screen and (max-width: 459px) {
    .metalocator .search .ml-compact,
    .metalocator .search .ml-compact .tag_group,
    .metalocator .search .ml-compact .tag_group .dropdown,
    .metalocator .search .ml-compact .tag_group .dropdown .dropdown-menu {
        max-width: 100%;
    }
    .metalocator .search .ml-compact .tag_group .dropdown .filter-option-inner-inner {
        text-overflow: ellipsis;
    }
    .metalocator .search .ml-compact .tag_group .dropdown .dropdown-item .text {
        overflow: hidden;
        max-width: 100%;
        text-overflow: ellipsis;
        white-space: nowrap;
    }
}

.metalocator.ml_search_layout_left .ml_searchform_row_header > *,
.metalocator.ml_search_layout_left .ml_searchform_row_footer > *,
.metalocator.ml_search_layout_left .ml_searchform_row_1 > *,
.metalocator.ml_search_layout_left .ml_searchform_row_2 > * {
    flex-wrap: wrap;
}

.metalocator.ml_search_layout_left .form-group.tags{
    width:100%;
}

.metalocator.ml_search_layout_left .ml_searchform_row_1 > span{
    display: block;
    width: 100%;
}

/* This label offsets the margin-top below */
.metalocator .ml_pills .label label{
    margin-bottom: 0rem;
}
.metalocator .btn-group-toggle .ml-border-radius-pill{
    margin-top: .5rem;
}

.metalocator .ml_active_tags .label label{
    margin-bottom: 0rem;
}

.metalocator .ml_active_tags .ml_active_tag_button{
    margin-top: .5rem;
}

.metalocator .ml-border-radius-pill{
    border-radius: 1.25rem;
}

.metalocator .ml_pills .btn-group-toggle input[type="checkbox"]{
    width:auto;
}

.over_stretched {
    position: relative;
    z-index: 2;
}
.metalocator .modal-dialog-scrollable {
    max-height: calc(100% - 1rem);
}
/* -- 03.23 --*/
.metalocator .ml_modal_details .modal-dialog-scrollable {
    height: calc(100% - 1rem);
}
.metalocator .ml_modal_share .modal-dialog,
.metalocator .ml_modal_send_to_phone .modal-dialog,
.metalocator .ml_modal_email_form .modal-dialog {
    /*top: 50%;
    transform: translateY(-50%);*/
}

.metalocator .modal {
    position: absolute;
}
.modal-backdrop,
.metalocator .modal-backdrop {
    background-color: transparent !important;
}
.modal-backdrop.show {

}
.metalocator .details_modal .modal-content {
    /*box-shadow: 0 1px 3px rgba(0,0,0,0.25);*/
    border-color: #dfdfdf;
}

.metalocator .modal-body.ml_modal_form.ml_modal_form_details{
    padding: 0;
}

.metalocator .details_modal .modal-body > .card,
.metalocator .details_modal .com_locator_entry > .card {
    border: none;
    border-radius: 0;
}
.metalocator .modal .close {
    position: absolute;
    right: 1.25rem;
    top: 1.25rem;
    z-index: 999;
    font-size: 1rem !important;
    text-shadow: none;
    opacity: 1.0 !important;
    color: rgba(0,0,0,0.5);
    transition: all 0.3s linear;
}
.metalocator .modal .close .fa-circle {
    opacity: 0.75;
    /*text-shadow: 0 1px rgba(255,255,255,0.8);*/
    transition: all 0.3s linear;
}
.metalocator .modal .close .fa-times {
    font-size: 1.3rem;
    line-height: 1.6;
    opacity: 1.0;
}
.metalocator .modal .close:hover {
    opacity: 1.0 !important;
}
.metalocator .modal .close:hover .fa-circle {
    opacity: 0.9;
}
.metalocator .modal .close:hover .fa-times {

}



.metalocator .ml_modal_form_share {
    display: flex;
    align-items: center;
    justify-content: center;
}
.metalocator .ml_modal_form_share .btn {
    margin: 0.5rem;
}
/*#ml_locator_modal.ml_modal_share .modal-content {
	background-color: rgba(255,255,255,0.9);
}*/


.ml_directory_hover .ml_marker_label{
    -webkit-transition: top .2s ease-out;
    -moz-transition: top .2s ease-out;
    -o-transition: top .2s ease-out;
    transition:top .2s ease-out;
}


/* admin only*/

#ml_results_wrapper .ml-highlight-overlay{
    z-index: 1049;
}

#ml_locator_details .ml-highlight-overlay{
    z-index: 1051;
}

/* 03.24.20 - 'pop' the modal above the tooltips */
.metalocator .details_modal {
    z-index: 1100;
    /* the below added 09.14.22 when discovered
    modal could be wider than viewport
    on some small mobile devices */
    max-width: 100%;
}

/* tooltips go over the dropdowns, since dropdowns can have tooltips*/
.contentpane .tooltip{
    z-index: 1202;
}

/* pushes this over the leaflet map control, which is z-index: 1000; */
.metalocator .locator_form  .dropdown-menu{
    z-index: 1201;
}

/* when the other modal are launched from the details modal they need to appear above it*/
.metalocator .modal_other.modal{
    z-index: 1200;
}

.metalocator .ml_marker_focused,.metalocator .ml_activemarker,.metalocator .ml_directory_hover{
    z-index: 1029 !important;
}

.metalocator .ml_marker_label{
    z-index: 1030;
}

.metalocator .ml_marker_focused .ml_marker_label,.ml_activemarker .ml_marker_label,.ml_directory_hover .ml_marker_label{
    z-index: 1030;
}


/* Any time a form modal is displayed (like Share, Send to Phone or Lead) we should always display thte rgba backdrop*/
.metalocator .modal_other.modal {
    background: rgba(255,255,255,0.85);
}

/* details modals don't obscure the map since it is still relevant */
.metalocator.ml_show_map_1 .details_modal.modal {
    background:transparent;
}

.metalocator.ml_show_map_1 .details_modal{
    width:auto;
}

/* toggle switch */

/* The switch - the box around the slider */
.ml_switch {
    position: relative;
    display: inline-block;
    width: 60px;
    height: 34px;
    top: 5px;
}

/* Hide default HTML checkbox */
.ml_switch input {
    opacity: 0;
    width: 0;
    height: 0;
}

/* The slider */
.ml_slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    -webkit-transition: .4s;
    transition: .4s;
}

.ml_slider:before {
    position: absolute;
    content: "";
    height: 26px;
    width: 26px;
    left: 4px;
    bottom: 4px;
    background-color: white;
    -webkit-transition: .4s;
    transition: .4s;
}

input:checked + .ml_slider:before {
    -webkit-transform: translateX(26px);
    -ms-transform: translateX(26px);
    transform: translateX(26px);
}


/* start support for optional full width modals based on conditional body class */
.metalocator.ml_item_address_template_width_full .details_modal{
    width: 100%;
}
.metalocator.ml_item_address_template_width_full .modal-dialog{
    max-width: 100%;
}

/* removes double scrollbars when the modal is open and the directory is full width*/
body.modal-open .metalocator.ml_show_map_0  .ml_modal_details{
    overflow-y: hidden;
}

.metalocator.ml_edit_form_template_width_full .ml_modal_edit {
    max-width: 100%;
    width: 100%;
}

.metalocator.ml_edit_form_template_width_full .modal_other{
    width: 100%;
}
.metalocator.ml_edit_form_template_width_full .modal-dialog{
    max-width: 100%;
}

/* end support for optional full width modals */

.metalocator .ml-toolbar {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: flex-start;
}
.metalocator .ml-toolbar a {
    font-size: 1.5rem;
    text-align: center;
    text-decoration: none;
    display: flex;
    flex-direction: column;
    align-items: center;
    flex: 0 0 110px;
    width: 110px;
    max-width: 110px;
    margin: 0.5rem 0.5rem;
    position: relative;
}
.metalocator .ml-toolbar a:hover {
    text-decoration: none;
}
.metalocator .ml-toolbar a i {
    width: 1.25em; /* make sure it does what fa-fw class does */
    border: solid 1px;
    padding: 1.5rem;
    text-align: center;
    border-radius: 50%;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    line-height: 0;
    margin-bottom: 0;
}

.metalocator .ml-toolbar a span {
    font-size: 1rem;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 100%;
}

.metalocator .results_wrap  .ml-toolbar a{
    font-size: 1rem;
}

/* These are utility classes available to override sizing in in the user styles drop-down.  Bootstrap uses !important in the same way, so I'm justifying it here #dontyetllatmeadam */
.metalocator .ml-max-width-100{
    max-width: 100px  !important;
}

.metalocator .ml-width-100{
    width:100px !important;
}

.metalocator .ml-max-width-200{
    max-width: 200px  !important;
}

.metalocator .ml-image-cover{
    background-size: cover!important;
}

.metalocator .ml-image-contain{
    background-size: contain !important;
}

.metalocator .ml-height-100{
    height:100px  !important;
}

.metalocator .ml-max-height-200{
    max-height: 200px  !important;
}

.metalocator .ml-max-height-100{
    max-height: 100px  !important;
}


.metalocator .ml-height-200{
    height: 200px  !important;
}

.metalocator .ml-width-200{
    width: 200px  !important;
}

.metalocator .modal-body.ml_modal_form {
    height: auto;
    padding: 2rem 1.25rem 1.25rem;
}
.metalocator .modal-body.ml_modal_form.ml_modal_form_share {
    padding-bottom: 2rem;
}


/* option classes*/

.metalocator .btn-hide-label span{
    display:none;
}

.metalocator.ml_show_map_0 .map{
    display: none;
}

.metalocator.ml_show_map_0 .results {
    flex:auto;
    max-width: none;
    /*flex: 0 0 500px;
    max-width: 500px;*/
}

.metalocator.ml_show_list_0 .results{
    display: none !important;
}

/* These only apply to components/com_locator/assets/templates/address/local_search.twg, due to dynamically generated ml_template_local_search class */
.metalocator .ml_template_local_search .ml-local-search,
.metalocator .ml_template_user_profile .ml-user-profile
{
    padding:1em;
    border-bottom: 1px solid rgba(0,0,0,.125);
}


.metalocator .ml_template_user_profile .com_locator_entry
{
    padding: 1em 1em 0 0em;
    border-bottom: 1px solid rgba(0,0,0,.125);
}

.metalocator .results_wrap.ml_template_user_profile {
    box-shadow: inset 0 8px 6px -6px #0000001c;
}


.metalocator .results_wrap.ml_template_local_search {
    box-shadow: inset 0 8px 6px -6px #0000001c;
}

.metalocator .ml_template_local_search .com_locator_entry:hover,
.metalocator .ml_template_local_search .com_locator_entry.ml_directory_focused{
    background-color: rgba(0,0,0,.04);
}

.metalocator .ml_template_user_profile .com_locator_entry:hover,
.metalocator .ml_template_user_profile .com_locator_entry.ml_directory_focused{
    background-color: rgba(0,0,0,.01);
}

.metalocator .ml-show-desktop-only {display: block;}
.metalocator .ml-show-mobile-only {display: none;}

@media screen and (max-width: 576px) {

    .metalocator .ml-show-desktop-only  {display: none !important;}
    .metalocator .ml-show-mobile-only {display: block !important;}

}


.metalocator .ml_template_user_profile{
    margin-bottom: 0;
}

.metalocator .ml-sidebar-right{
    text-align: center;
}

.metalocator .circle-button-outline{
    border: 1px solid rgba(0,0,0,.125);
    border-radius: 100%;
    width: 41px;
    height: 41px;
    display: inline-block;
    position: relative;
    text-align: center;
    margin: 0 1em;
    margin-bottom: 1em;
}

.metalocator .circle-button-outline:hover{
    background-color: #f7f7f7;
}

/* make sure neighbor buttons have enough margin*/
.metalocator .circle-button-outline+.circle-button-outline{
    margin-left:3em;
}

.metalocator .circle-button-outline i {
    left: 29%;
    top: 29%;
    position: absolute;
}

.metalocator .circle-button-outline span {
    position: absolute;
    top: 100%;
    left: -50%;
    display:inline-block;
    width: 200%;
}


/*
On friday, we play
 */
.metalocator.ml_search_layout_overlay .ml-compact{
    position:absolute;
    height:auto;
    width:auto;
    z-index:1;
    background-color:white;
    padding:.5rem .5rem;
    margin:.5rem;
    border-width: 1px 1px 0px 1px;
    border-color: #ccc;
    border-style: solid;
}

.metalocator.ml_search_layout_overlay .results{
    position:absolute;
    max-width: none;
    border-width: 0px 1px 1px 1px;
    border-color: #ccc;
    border-style: solid;
}

/* 1px overflow, chrome bug?*/
.metalocator.ml_search_layout_overlay .results_count {
    width: 99.9999%;
}

.metalocator.ml_search_layout_overlay .leaflet-control-container .leaflet-top.leaflet-left{
    right: 10px;
    top: 40px;
    left:auto;
}


.ml_hours a .ml_todayhours,
.ml_hours a:after {
    color: #000000;
}

.required{
    color:var(--danger-text-color);
}

.ml_hours a[data-toggle="collapse"]:hover{
    text-decoration: none;
}

.metalocator .ml_hours_middot {
    display: inline-block;
    margin-left: 0.2rem;
    margin-right: 0.4rem;
    color:#000000;
}

/**
 * Hours color indicators, semantic?
 */
/*.ml_now{
    color:var(--success-text-color) !important;
}

.ml_past{
    color:var(--danger-text-color) !important;
}

.ml_soon{
    color:var(--warning-text-color) !important;
}*/

.metalocator ul.ml_taglist.ml-category-dot-list li { list-style: none; display: inline; }
.metalocator ul.ml_taglist.ml-category-dot-list li:after { content: " \00b7"; }
.metalocator ul.ml_taglist.ml-category-dot-list li:last-child:after { content: none; }

.metalocator ul.ml_taglist.ml-category-comma-list li { list-style: none; display: inline; }
.metalocator ul.ml_taglist.ml-category-comma-list li:after { content: ", "; }
.metalocator ul.ml_taglist.ml-category-comma-list li:last-child:after { content: none; }

.metalocator .ml-text-underline{
    text-decoration:underline !important;
}

.metalocator .ml-hide-icons li i[class^="fa"]{
    display: none;
}

.metalocator .ml-location-accuracy:after{
    content: " ";
    display: block;
    height: 160px;
    width: 160px;
    line-height: 160px;
    border: 1px solid #00f6ff;
    -moz-border-radius: 50%;
    border-radius: 50%;
    background-color: #00f6ff33;
    left: -70px;
    text-align: center;
    position: absolute;
    top: -70px;
}

/* grouped categories in the modal shouldn't grow-right */
.metalocator .search .modal .tag_group.flex-xl-row,
.metalocator .search .modal .tag_group.flex-md-row,
.metalocator .search .modal .tag_group.flex-lg-row
{
    flex-direction: column!important;
}


/**
 * Bolder is relative to the chosen font-weight, important to overtake the global font weight
 */
.ml_hours .ml_today td{
    font-weight: bolder !important;
}

table.hours th{
    font-weight: bolder;
}

.ml_hours {
    /*margin-top: 1rem;
    margin-bottom: 2rem;*/
}
.ml_hours thead tr {
    background-color: rgba(0,0,0, 0.03);
}

@media (min-width: 577px) {

    .metalocator.modal-open .map,
    .metalocator.modal-open .results {
        opacity: 0.4;
    }
    .metalocator .results {
        flex: 0 0 500px;
        max-width: 500px;
    }

    .metalocator.ml_directory_item_template_width_half .results{
        flex: 0 0 50%;
        max-width: 50%;
    }

    .metalocator.ml_directory_item_template_width_third .results{
        flex: 0 0 33.3333333333333%;
        max-width: 33.3333333333333%;
        min-width: 220px;
    }

    .metalocator.ml_directory_item_template_width_quarter .results{
        flex: 0 0 25%;
        max-width: 25%;
        min-width: 220px;
    }
    .metalocator.ml_showall_0.ml_locator_initial .results{
        flex: 0 0 0px;
        max-width: 0px;
    }

    .metalocator.ml_showall_0.ml_locator_initial.ml_search_layout_inner .results{
        flex: 0 0 500px;
        max-width: 500px;
    }

    .metalocator .modal-dialog-scrollable .modal-content {
        max-height: 100%;
    }
    /* -- 03.23 --*/
    .metalocator .ml_modal_details .modal-dialog-scrollable {
        height: 100%;
    }
    .metalocator .modal-dialog {
        max-width: calc(500px - 1rem);
        margin-top: 0.0rem;
        margin-bottom: 0.5rem;
        margin-left: auto;
        margin-right: auto;
    }
    .metalocator.ml_show_map_1 .details_modal .modal-dialog {
        margin-left: 0.5rem;
        margin-right: 0;
    }

    .metalocator.ml_show_map_1.ml_locator_layout_right .modal-dialog {
        margin-left: auto;
        margin-right: 0.5rem;
    }


}

.metalocator.ml_locator_initial.ml_hide_list_initially .results{
    display:none;
}

.locator_combined_legend {
    position: absolute;
    left: 0.5rem;
    right: 0.5rem;
    bottom: 1.5rem;
    height: auto;
    border-radius: .25rem;
    background-color: rgba(255, 255, 255, 0.65);
}

/* this is a UL */
.locator_legend {
    list-style:none;
    padding: 0.25rem 0.375rem;
    margin-bottom: 0;
    font-size: 0.875rem;
    text-align: center;
}
.locator_legend li {
    display: inline-block;
    margin-right: 0.75rem;
}
.locator_legend .locator_icon {
    margin-right: 0.25rem;
}
.locator_legend_x_scroll{
    overflow-x: auto;
}

/* SEARCH FORM CHECKBOXES */

.metalocator #ml_searchform input.form-check-input:active:before,
.metalocator .ml_modal_form input.form-check-input:active:before
{
    background-color: var(--primary-bg-color-disabled);
}

.metalocator #ml_searchform input.form-check-input:checked:before,
.metalocator .ml_modal_form input.form-check-input:checked:before
{
    background-color: var(--primary-text-color);
}

.metalocator #ml_searchform input.form-check-input,
.metalocator .ml_modal_form input.form-check-input{
    position: absolute;
    z-index: -1;
    margin-top:5px;
}

.metalocator #ml_searchform input[type=checkbox].form-check-input:before,
.metalocator .ml_modal_form input[type=checkbox].form-check-input:before {
    background-color: #dee2e6;
    border-radius: .25rem;
    position: absolute;
    top: -1px;
    left: -1px;
    display: block;
    width: 1rem;
    height: 1rem;
    pointer-events: none;
    content: "";
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.metalocator #ml_searchform input[type=checkbox].form-check-input:checked:after,
.metalocator .ml_modal_form input[type=checkbox].form-check-input:checked:after{
    border-radius: .25rem;
    position: absolute;
    top: -1px;
    left: -1px;
    display: block;
    width: 1rem;
    height: 1rem;
    content: "";
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 50% 50%;
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E");
    background-color: var(--primary-text-color);
}

.metalocator .form-check input[type=radio].form-check-input{
    position: absolute;
    display: block;
    margin-top: 5px;
    left: -1px;
    top: -1px;
    width: 1rem;
    height: 1rem;
    z-index:initial;
}

.metalocator .form-check input[type=radio].form-control{
    height:calc(1em + 2px);
}

.metalocator #ml_searchform .custom-control-input:checked~.custom-control-label::before{
    background-color: var(--primary-text-color);
    border-color: var(--primary-text-color);
}

.metalocator .ml_modal_form .custom-control-input:checked~.custom-control-label::before,
.metalocator .map .custom-control-input:checked~.custom-control-label::before
{
    background-color: var(--primary-text-color);
    border-color: var(--primary-text-color);
}

.metalocator #ml_searchform .form-check-label span{
    margin-left:20px;
    top: 0px;
    position: relative;
}

.metalocator #ml_cat_dropdown .custom-control-input{
    z-index:1;
}

.metalocator #ml_cat_dropdown label{
    cursor:pointer;
}

.metalocator #ml_cat_dropdown .dropdown-header{
    padding: .5rem 1.5rem .5rem 0;
}

.metalocator #ml_cat_dropdown .custom-control-label::before,.metalocator #ml_cat_dropdown .custom-control-label::after {
    left: -1.5rem;
}
.metalocator #ml_cat_dropdown .close {
    position: relative;
    z-index: 1;
}

/* pull the menu right on mobile only */
@media (max-width: 576px) {

    .metalocator .ml-dropdown-menu-right-mobile {
        right: 0;
        left: auto;
    }

}


.metalocator #ml_cat_dropdown .ml_cat_groups_wrap .dropdown-divider:last-child {
    display: none;
}

.metalocator .pulse:after {
    content: "";
    border-radius: 50%;
    height: 40px;
    width: 40px;
    position: absolute;
    margin: -13px 0 0 -28px;
    animation: pulsate 1s ease-out;
    animation-iteration-count: infinite;
    opacity: 0;
    box-shadow: 0 0 1px 2px #fff;
    animation-delay: 1.1s;
}

@keyframes pulsate {
    0% {
        transform: scale(0.1, 0.1);
        opacity: 0;
    }

    50% {
        opacity: 1;
    }

    100% {
        transform: scale(1.2, 1.2);
        opacity: 0;
    }
}

@media (min-width: 900px) {
    .metalocator.ml_search_layout_left {
        flex-direction: row !important;
        align-items: stretch;
    }
    .metalocator.ml_search_layout_left .search {
        flex: 0 0 260px;
    }

    .metalocator.ml_search_layout_left .ml_iframe_height_control {
        position: absolute;
        bottom: 0;
    }
}

.metalocator .com_locator_entry .ml-card-row > .card-text,
.metalocator .com_locator_entry .flex-row > .ml-body
{
    flex-grow:1;
}

.metalocator .ml_template_card_template .card-body .card-text > *,
.metalocator .ml_template_group_template .card-body .card-text > *,
.metalocator .card-body .card-text > .tab-content > .tab-pane > *{
    display: block;
    margin: 0.375rem 0;
}

/* popup-window, why not? */
.metalocator .popupWindow .card-body .card-text > * {
    display: block;
    margin: 0.375rem 0;
}

/* details pane */
.metalocator .ml_modal_form_details .card-body .card-text > * {
    display: block;
    margin: 0.375rem 0;
}

.metalocator .ml_template_card_template .card-body [data-container-name="Links"],
.metalocator .ml_template_group_template .card-body [data-container-name="Links"] {
    margin-top: 1.0rem;
}
.metalocator .ml_template_card_template .card-body [data-container-name="Links"]:empty,
.metalocator .ml_template_group_template .card-body [data-container-name="Links"]:empty {
    margin-top: 0;
}
.metalocator .ml_template_card_template [data-element-name="priority"],
.metalocator .ml_template_group_template [data-element-name="priority"],
.metalocator .ml_modal_form_details [data-template-name="Card Template"] [data-element-name="priority"] {
    display: block;
    position: absolute;
    z-index: 999;
    top: 0;
    left: 0;
    background-color: var(--primary-bg-color);
    color: white;
    padding: 0.25em 0.5em 0.275em;
    font-size: 75%;
    box-shadow: 0 0 4px rgba(0,0,0,0.25);
}

@media (min-width: 577px) {
    .metalocator .ml_retailers_container.card-deck .com_locator_entry {
        /*margin-right: 10px;
        margin-left: 10px;
        margin-top: 20px;*/
        margin: 20px 10px 0;
        min-width: calc(50% - 20px);
        max-width: calc(50% - 20px);

        /* padding-top: 15px; */
    }
}

@media (min-width: 768px) {
    .metalocator .ml_retailers_container.card-deck .com_locator_entry {
        min-width: calc(33.333% - 20px);
        max-width: calc(33.333% - 20px);
    }
}
@media (min-width: 992px) {
    .metalocator .ml_retailers_container.card-deck .com_locator_entry {
        min-width: calc(25% - 20px);
        max-width: calc(25% - 20px);
    }
}
@media (min-width: 1200px) {
    .metalocator .ml_retailers_container.card-deck .com_locator_entry {
        margin: 30px 15px 0;
        min-width: calc(20% - 30px);
        max-width: calc(20% - 30px);
    }
}
@media (min-width: 1400px) {
    .metalocator .ml_retailers_container.card-deck .com_locator_entry {
        min-width: calc(16.666% - 30px);
        max-width: calc(16.66% - 30px);
    }
}

.metalocator .ml_retailers_container div.ml_image.ml_logo{
    background-size: contain;
}

.metalocator .ml_retailers_container {
    justify-content: center;
}

/* background images */
.metalocator div.ml_image{
    width: 100%;
    /*min-height: 100px;*/
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

/* background image sizes by template  */
.metalocator .ml_template_table_template div.ml_image{
    /* min-height: 100px;*/
}

/* background image sizes by template  */
.metalocator .ml_template_user_profile div.ml_image{
    /*  min-height: 200px;*/
}

/* this is for detail pages */
.metalocator .ml-card-image-container div.ml_image.card-img-top{
    /*min-height: 200px;*/
}

.metalocator div.ml_image img{
    visibility: hidden;
}

.metalocator .card-img-top {
    /*idth: 100%;*/
    /*height: 10vw;
    object-fit: cover;*/
}

.metalocator .ml-card-image-container{
    max-height:200px;
    overflow:hidden;
}

.metalocator .details_modal .ml-card-image-container{
    /* max-height:400px;*/
}

.metalocator .popupWindow .card-img-top {
    /*width: 100%;*/
    /*height: 9vw;
    object-fit: cover;*/
}

.metalocator .popupWindow.notloaded{
    background-color: white;
    padding: 1em;
    border-radius: .2em;
    min-width:200px;
}



.metalocator .modal .card-img-top {
    /*width: 100%;*/
    /*height: 15vw;
    object-fit: cover;*/
}

.metalocator #locator_map_notice{
    display: none;
    position: absolute;
    width: 50%;
    height: auto;
    background-color: var(--primary-shadow-color);
    color: white;
    padding: 1em;
    text-align: center;
}

.metalocator .ml-card-image-container div.ml_image.card-img-top {
    max-height: 500px;
}

.metalocator .details_modal .ml-card-image-container div.ml_image.card-img-top {
    max-height: none;
}

/* this causes the select to be initially hidden before the bootstrap select library is loaded, avoiding a FOUC issue */
.ml_enable_bootstrap_1 .ml-selectpicker {
    display:none;
}

/* 05.08.2020 -- interface layout > map top/bottom settings */

@media (min-width: 577px) {

    .metalocator.ml_locator_layout_over .middle,
    .metalocator.ml_locator_layout_under .middle {
        /* ml_locator_layout_under - 'under' refers to DIRECTORY position */
        flex-direction: column !important;
    }
    .metalocator.ml_locator_layout_over .middle,
    .metalocator.ml_locator_layout_under .middle {
        width: 100% !important;
    }
    .metalocator.ml_locator_layout_over .map,
    .metalocator.ml_locator_layout_over .results,
    .metalocator.ml_locator_layout_under .map,
    .metalocator.ml_locator_layout_under .results {
        flex: 1 1 50%;
        width: 100% !important;
        max-width: 100% !important;
    }

    .metalocator.ml_locator_layout_under .map {
        order: 1 !important;
    }
    .metalocator.ml_locator_layout_under .results {
        order: 2 !important;
    }

} /* end min-width 577px*/

.metalocator.ml_review_form fieldset{
    border:none;
}

.metalocator .ml_template_table_template .ml_lazy_loader{
    display: none;
}

.metalocator .ml_edit_form .tags .inner label{
    display:block;
}

.ml_require_consent_popup{
    position: fixed;
    display: block;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 9999999999999999999;
    width: 100%;
    background-color: #ffffffc9;
    padding: 10px;
    text-align: center;
}

#geocoder .mapboxgl-ctrl-geocoder{
    width: 100%;
    box-shadow: none;
    border: 1px solid #ced4da;
    max-width: none;
}

@media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {
    /* IE10+ specific styles go here */

    .metalocator .ml-toolbar a i::before {
        transform: translateX(-50%);
    }
}

.ml_crowdsourcing_nav_sticky {
    background: #fff;
    -webkit-box-shadow: 0 0 15px 1px rgba(69,65,78,.2);
    -moz-box-shadow: 0 0 15px 1px rgba(69,65,78,.2);
    box-shadow: 0 0 15px 1px rgba(69,65,78,.2);
}
.ml_crowdsourcing_nav_sticky {
    width: 40px;
    position: fixed;
    top: 35%;
    right: 0;
    list-style: none;
    padding: 5px 0;
    margin: 0;
    z-index: 110;
    -webkit-border-radius: 8px 0 0 8px;
    -moz-border-radius: 8px 0 0 8px;
    -ms-border-radius: 8px 0 0 8px;
    -o-border-radius: 8px 0 0 8px;
    border-radius: 8px 0 0 8px;
}

.ml_crowdsourcing_nav_sticky .ml_crowdsourcing_nav_sticky_item {
    margin: 0;
    padding: 5px;
    text-align: center;
}

.metalocator .ml_hover_copy{
    display:none;
    opacity: 0.5;
    padding: 0 5px;
    cursor: pointer;
}

.ml_iframe_height_control:before,.ml_iframe_height_control:after{
    content: ".";
    display: block;
    height: 0;
    overflow: hidden;
    position: absolute;
    bottom: 0;
}
.ml_iframe_height_control:after { clear: both; }
.ml_iframe_height_control { zoom: 1 ;} /* IE < 8 */

.popupWindow ul.ml_related_mltable.list-group{
    max-height: 200px;
    margin-bottom: 10px;
    overflow-y:scroll;
    overflow-x:none;
    -webkit-overflow-scrolling: touch;
}

.metalocator .mapboxgl-marker,.metalocator .mapboxgl-popup {
    font-size: 16px;
    line-height: 1.5;

}

@media (max-width: 576px) {
    .metalocator .mapboxgl-popup {
        z-index: 1051 !important;
    }
}

.metalocator .mapboxgl-popup-content {
    position: relative;
    background: transparent;
    border-radius: 0px;
    box-shadow:none;
    padding:0;
}

.metalocator .mapboxgl-popup-tip{
    position:absolute;
}

.metalocator #locator_map_canvas .gm-style-iw .popupWindow .card.mb-2{
    margin-bottom: 0 !important;
    font-size: 16px !important;
    line-height: 1.5 !important;
    border:0 !important;
}

.metalocator #locator_map_canvas .gm-style{
    font-size: 16px !important;
}
/* targets the markers */
.metalocator #locator_map_canvas .gm-style img {
    max-width: none !important;
}

.metalocator #locator_map_canvas .gm-style-iw-d {
    overflow: hidden !important;
    position: relative;
}

.metalocator #locator_map_canvas .gm-style .gm-style-iw-c{
    background-color: #fff;
    padding:0;
}

.metalocator #locator_map_canvas .gm-style .gm-style-iw-chr{
    position: relative;
}

.metalocator #locator_map_canvas .gm-style .gm-style-iw-ch{
    display:none;
}

.metalocator #locator_map_canvas .gm-style .gm-style-iw-chr button.gm-ui-hover-effect {
    right: 0;
    position: absolute !important;
    z-index: 1;
}


.metalocator .gm-style .gm-style-iw-c{
    border-radius: .25rem;
}

.metalocator .dropdown-menu li a.dropdown-item span.text small.text-muted{
    display: block;
    padding-left: 0;
    max-width: 200px;
    white-space: normal;
}

.metalocator .ml_marker_bounce  {
    -webkit-animation-duration: .5s;
    animation-duration: .5s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-name: ml_marker_bounce;
    animation-name: ml_marker_bounce;
    position:relative;
}

@-webkit-keyframes ml_marker_bounce {
    0%, 100% {
        top:0px;
    }
    50% {
        top:-10px;
    }
}
@keyframes ml_marker_bounce {
    0%, 100% {
        top:0px;
    }
    50% {
        top:-10px;
    }
}

.metalocator .mapboxgl-ctrl-top-left,
.metalocator .mapboxgl-ctrl-top-right
{
    z-index: 1050;
}

.metalocator .ml_mapbox_maptype{
    position: absolute;
    z-index: 1050;
    margin: .5em;
    border-radius: 4px;
}

.metalocator .ml_searchcenter_icon{
    z-index: 509; /* underneath any active map popup */
    position: absolute;
}

.metalocator .mapboxgl-ctrl-scale {
    border-width: 1px;
}

.metalocator .mapboxgl-marker{
    cursor:pointer;
}

.metalocator .mapboxgl-popup-close-button{
    z-index: 99999;
    /* the close button should not be subject to font size changes since it becomes too small to click*/
    font-size:1.5rem  !important;
}

.metalocator.ml_maptype_maptilerleafletgl .leaflet-popup-tip-container {
    bottom: -10px;
    top: auto;
}

.metalocator.ml_maptype_maptilerleafletgl .leaflet-popup {
    margin-bottom: 10px;
}

.metalocator .mapboxgl-cluster{
    width: 40px;
    height: 40px;
    transition: width 0.5s, height 0.5s, border-radius 0.5s;
    opacity: 1;
    outline: none;
}

.metalocator .gm-style .ml_custom_clustericon{
    transition: width 0.5s, height 0.5s, transform 0.5s;
}

/* important to out-score the inline styles from gmap js.  These sizes should align with the mcStyles array in all.min.js */
.metalocator .gm-style .ml_custom_clustericon.ml_cluster_directory_hover{
    transform: scale(1.25);
}



.metalocator .mapboxgl-cluster.ml_cluster_directory_hover {
    width: 50px;
    height: 50px;
    border-radius: 50px;
}

.metalocator .mapboxgl-cluster.ml_cluster_directory_hover div {
    width: 40px;
    height: 40px;
    border-radius: 40px;
}

.metalocator .mapboxgl-cluster.ml_cluster_directory_hover div span{
    line-height: 40px;
}

.metalocator .mapboxgl-cluster.marker-cluster div {
    transition: width 0.5s, height 0.5s, border-radius 0.5s;
}

.metalocator .mapboxgl-cluster div {
    width: 30px;
    height: 30px;
    border-radius: 30px;
    transition: width 0.5s, height 0.5s, border-radius 0.5s;
}

.metalocator .mapboxgl-cluster div span{
    line-height: 30px;
    transition: line-height 0.5s;
}

.metalocator input.ml_search_adv{
    position: absolute;
    clip: rect(0,0,0,0);
    pointer-events: none;
}

.metalocator .ml_search_adv_label{
    display:none;
}



.metalocator .ml_search_adv + label{
    margin-bottom: 0;
}

.metalocator .ml_search_adv:focus + label {
    box-shadow: 0 0 0 0.2rem var(--primary-shadow-color);
    border-color: var(--primary-border-color);
}

.metalocator .ml_search_adv:focus + label.btn-secondary,
.metalocator .ml_search_adv:focus + label.btn-outline-secondary
{
    box-shadow: 0 0 0 0.2rem var(--secondary-shadow-color);
    border-color: var(--secondary-border-color);
}

.metalocator #search_adv .modal-content,
.metalocator #search_adv .modal-body
{
    overflow: visible;
}

.metalocator .ml_spider_leg_line {
    position: absolute;
    bottom: 0;
    /* left must offset width here */
    left: -1px;
    width: 2px;
    background-color: black;
    opacity: 0.45;
    transform-origin: bottom;
    z-index: 0;
    height: 0;
}

.metalocator .ml_spider_leg_container{
    z-index: 0;
}

.metalocator .iti .country-list{
    max-width: 300px;
    max-height: 150px;
}

.metalocator #ml_edit_form .iti{
    display:block;
}

.metalocator hr#system-readmore{
    display: none;
}
.metalocator .fileinput-button {
    position: relative;
    overflow: hidden;
}

.metalocator .thumbpreviews a:hover:after {
    content: '\f2ed';
    font-family:'Font Awesome 5 Free';
    color:#148fff;
    text-shadow: 0 0 4px white;
    position:absolute;
    padding:2px;
    left:calc(50% - 20px);
    top:50%;
    background-color:#ffffff91;
    border-radius:5px
}
.metalocator .thumbpreviews a{
    position:relative;
}

.metalocator .fileinput-button input {
    position: absolute;
    top: 0;
    right: 0;
    margin: 0;
    opacity: 0;
    -ms-filter: 'alpha(opacity=0)';
    font-size: 200px;
    direction: ltr;
    cursor: pointer;
}

.metalocator .thumbpreviews img {
    width: 100px;
    margin: 10px 10px 0px 0px;
}


.metalocator .m-switch .labelSpan {
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.metalocator .ml_crowdsourced_related_mltable_edit_form_list{
    padding:0;

}

.metalocator .ml-selectpicker-empty.selected span.check-mark{
    display:none !important;
}


.metalocator.ml_interstitialpending .ml_searchform_row_header,
.metalocator.ml_interstitialpending .ml_searchform_row_footer,
.metalocator.ml_interstitialpending .ml_searchform_row_1,
.metalocator.ml_interstitialpending .middle
{
    display: none !important;
}

.locator_no_results .ml_timeline_wrapper{
    display:none;
}

.metalocator .ml_timeline_wrapper {
    overflow: hidden;
    height: 100%;
    width: 100%;
}

.metalocator .ml_timeline_wrapper.ml_mobile_horizontal_timeline_wrapper{
    width: 2000px;
    display: flex;
    flex-direction: row;
    overflow: visible;
}

.metalocator .ml_timeline_wrapper.ml_mobile_horizontal_timeline_wrapper .ml_timeline_item {
    width: 85vw;
}

.metalocator .ml_timeline_item {
    border-color: #e5e6e9 #dfe0e4 #d0d1d5;
    padding: 1em;
    margin: 0 auto;
    min-height: 200px;
}


@keyframes placeHolderShimmer {
    0% {
        background-position: -468px 0
    }
    100% {
        background-position: 468px 0
    }
}

.metalocator .animated-background {
    animation-duration: 1s;
    animation-fill-mode: forwards;
    animation-iteration-count: infinite;
    animation-name: placeHolderShimmer;
    animation-timing-function: linear;
    background: #f6f7f8;
    background: linear-gradient(to right, #eee 8%, #ddd 18%, #eee 33%);
    background-size: 800px 104px;
    height: 96px;
    position: relative
}

.metalocator .background-masker {
    background: #fff;
    position: absolute
}

.metalocator .background-masker.header-top,
.metalocator .background-masker.header-bottom,
.metalocator .background-masker.subheader-bottom {
    top: 0;
    left: 40px;
    right: 0;
    height: 10px
}

.metalocator .background-masker.header-left,
.metalocator .background-masker.subheader-left,
.metalocator .background-masker.header-right,
.metalocator .background-masker.subheader-right {
    top: 10px;
    left: 40px;
    height: 8px;
    width: 10px
}

.metalocator .background-masker.header-bottom {
    top: 18px;
    height: 6px
}

.metalocator .background-masker.subheader-left,
.metalocator .background-masker.subheader-right {
    top: 24px;
    height: 6px
}

.metalocator .background-masker.header-right,
.metalocator .background-masker.subheader-right {
    width: auto;
    left: 300px;
    right: 0
}

.metalocator .background-masker.subheader-right {
    left: 230px
}

.metalocator .background-masker.subheader-bottom {
    top: 30px;
    height: 10px
}

.metalocator .background-masker.content-top,
.metalocator .background-masker.content-second-line,
.metalocator .background-masker.content-third-line,
.metalocator .background-masker.content-second-end,
.metalocator .background-masker.content-third-end,
.metalocator .background-masker.content-first-end {
    top: 40px;
    left: 0;
    right: 0;
    height: 6px
}

.metalocator .background-masker.content-top {
    height: 20px
}

.metalocator .background-masker.content-first-end,
.metalocator .background-masker.content-second-end,
.metalocator .background-masker.content-third-end {
    width: auto;
    left: 380px;
    right: 0;
    top: 60px;
    height: 8px
}

.metalocator .background-masker.content-second-line {
    top: 68px
}

.metalocator .background-masker.content-second-end {
    left: 420px;
    top: 74px
}

.metalocator .background-masker.content-third-line {
    top: 82px
}

.metalocator .background-masker.content-third-end {
    left: 300px;
    top: 88px
}

/**@Password strenght indicator***/

.metalocator #pwindicator {
    margin-top: 4px;
    width: 150px;
}

.metalocator #pwindicator .bar {
    height: 2px;
}

.metalocator .pw-very-weak .bar {
    background: #f22d4e;
    width: 30px;
}

.metalocator .pw-very-weak .label {
    color: #f22d4e;
}

.metalocator .pw-weak .bar {
    background: #f22d4e;
    width: 60px;
}

.metalocator .pw-weak .label {
    color: #f22d4e;
}

.metalocator .pw-mediocre .bar {
    background: #ffb822;
    width: 90px;
}

.metalocator .pw-mediocre .label {
    color: #ffb822;
}

.metalocator .pw-strong .bar {
    background: #2ca189;
    width: 120px;
}

.metalocator .pw-strong .label {
    color: #2ca189;
}

.metalocator .pw-very-strong .bar {
    background: #2ca189;
    width: 150px;
}

.metalocator .pw-very-strong .label {
    color: #2ca189;
}

.metalocator #ml_crowdsourcing_edit_form {
    width:100%;
    height: 200px;
}

.metalocator .mapboxgl-ctrl-geocoder .mapboxgl-ctrl-geocoder--pin-right > *{
    /*right: 50px; */
    top: 3px;
}

.metalocator .mapboxgl-ctrl-geocoder button:not(:disabled):hover{
    background-color: transparent;
}

.metalocator .mapboxgl-ctrl-geocoder .suggestions{
    top: 100%;
    left:-1px;
}

.metalocator #ml_crowdsourcing_edit_form_overlay.ml-no-address-blocker {
    position: relative;
    width: 100%;
    height: 200px;
    margin-top: -200px; /* must match the height above */
    z-index: 9997; /* just below the autocomplete */
    background-color: #ffffffb8;
    opacity: 0;
    transition:opacity 0.5s ease;
}

.metalocator #ml_crowdsourcing_edit_form_overlay.ml-no-address-blocker:hover {
    opacity:1;
}

.metalocator #ml_crowdsourcing_edit_form_overlay > div {
    text-align: center;
    padding: 1rem;
}

.metalocator .treeview{
    max-height: 300px;
    overflow-y:auto;
}
.metalocator .treeview .list-group-item {
    padding: 0.5rem 1.25rem;
}

.metalocator #ml_unified_share{
    min-height: 300px;
}

.metalocator .iti{
    width: 100%;
}

.metalocator .iti__flag-container .iti__flag{
    display:none;
}
.metalocator .iti.iti__separate-dial-code .iti__selected-dial-code{
    padding-left: 8px;
}

.metalocator .iti .iti__country-list .iti__flag-box{
    width:0px;
}
.metalocator .iti.iti__separate-dial-code.iti__allow-dropdown.iti__sdc-2 .iti__selected-flag{
    width:60px;
}

.metalocator .ml_review_bars .progress{
    height: 10px;
    margin-bottom: 3px;
}

@media (max-width: 576px) {

    .metalocator .dropdown-menu li span.text {
        max-width: 75vw;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .metalocator .search .bootstrap-select.form-control,
    .metalocator .search .bootstrap-select.form-control .dropdown-menu.show {
        max-width: 91vw !important;
        min-width: 91vw !important;
    }
    .metalocator .search .bootstrap-select.form-control .inner.show{
        overflow-x: hidden;
    }
}

@media (min-width: 577px) {
    .metalocator .search .bootstrap-select {
        max-width: calc(100vw - 16px);
        max-width: 360px;
    }

    .metalocator.ml_search_layout_inner .search .bootstrap-select{
        max-width: 300px;
    }

    .metalocator .form-control.bootstrap-select .dropdown-toggle .filter-option-inner-inner{
        overflow: hidden;
        text-overflow: ellipsis;
    }
    .metalocator .search .dropdown-menu {
        max-width: calc(100vw - 10px);
        min-width: 0 !important;
    }

    .metalocator.ml_search_layout_inner .search .dropdown-menu{
        max-width: 300px;
    }

}

.modal {
    padding-right: 0px !important;
}

body { padding-right: 0 !important }

main.metalocator li span.indent + .expand-icon {
    margin-left: -12px;
}

body.ml_dir-rtl .metalocator {
    direction: rtl;
}
body.ml_dir-rtl .metalocator .ml_unified_share {
    text-align: right;
}
body.ml_dir-rtl .metalocator .modal.ml_modal_unified_share .close {
    right: 0;
    left: 1.25rem;
}
body.ml_dir-rtl .metalocator .modal.ml_modal_title {
    padding-left: 2.5rem;
}
body.ml_dir-rtl .metalocator .iti--allow-dropdown .iti__flag-container,
body.ml_dir-rtl .metalocator .iti--separate-dial-code .iti__flag-container {
    right: 0;
    left: auto;
}
body.ml_dir-rtl .metalocator .iti--allow-dropdown input,
body.ml_dir-rtl .metalocator .iti--allow-dropdown input[type=tel],
body.ml_dir-rtl .metalocator .iti--allow-dropdown input[type=text],
body.ml_dir-rtl .metalocator .iti--separate-dial-code input,
body.ml_dir-rtl .metalocator .iti--separate-dial-code input[type=tel],
body.ml_dir-rtl .metalocator .iti--separate-dial-code input[type=text] {
    padding-left: 6px !important;
    padding-right: 80px;
    margin-right: 0;
    text-align: right;
}
body.ml_dir-rtl .metalocator .iti__country-list {
    text-align: right;
}
body.ml_dir-rtl .metalocator .iti__country {
    direction: ltr;
    display: flex;
    flex-direction: row-reverse;
}
body.ml_dir-rtl .metalocator .iti__country-name {
    margin-right: 0;
    margin-left: 6px;
}
.metalocator.ml_reduced_pagination .page-item.page-number {
    display: none;
}

.metalocator.ml_max_list_length ul.pagination{
    /*display: none;*/
}

.grecaptcha-badge {
    visibility: hidden;
}
/* hold off on this until testing is validated for a week or so in production */
/*
.modal-open .grecaptcha-badge {
    visibility: visible; z-index: 99999999;
}
*/
/* AB - 07.27.22 unify focus ring colors - https://metalocator.atlassian.net/browse/ML-281 */
.metalocator .form-control:focus {
    box-shadow: 0 0 0 0.2rem var(--primary-shadow-color);
    border-color: var(--primary-border-color);
}

.metalocator .form-control button:focus {
    box-shadow: 0 0 0 0.2rem var(--primary-shadow-color);
    border-color: var(--primary-border-color);
}
/*
bootstrap hides the actual input for checkboxes and maybe radios,
and instead creates a pseudo element that is inside the label, styles that
*/
.metalocator .custom-control-input:focus:not(:checked)~.custom-control-label::before {
    border-color: var(--primary-border-color);
}
.metalocator .custom-control-input:focus~.custom-control-label::before {
    box-shadow: 0 0 0 0.2rem var(--primary-shadow-color);
}
.metalocator .modal .close:focus,
.metalocator .mapboxgl-popup-close-button:focus,
.metalocator a:focus {
    outline: none;
    box-shadow: 0 0 0 0.2rem var(--primary-shadow-color);
}

.metalocator .ml_double_touch_notice {
    color: white;
    margin-top: 30%;
    font-size: 1.1rem;
    text-shadow: 0 0 2px black;
    text-align: center;
}

.metalocator .ml_field_template_container_review_details .ml_review_details_bars{
    display: inline-block;
    width: 50%;
    margin-right: 1rem !important;
    overflow: hidden;
    vertical-align: top;
}

.metalocator .ml_field_template_container_review_details .ml_review_details_bars .progress {
    height: auto;
    margin: 0.25rem 0;
    position: relative;
    left: 2.5rem;
    overflow: visible;
    border-radius: 0;
}

.metalocator .ml_field_template_container_review_details .ml_rating_slot {
    font-size: 0.875rem;
    line-height: 1.0;
    padding-right: 0.25rem;
    margin-left: -2.5rem;
    width: 2.5rem;
}

/* review bars are not supported in the details pane, so hide them from the summary */
.metalocator #ml_results_wrapper .ml_field_template_container_review_details .ml_review_details_bars {
    display:none;
}

.metalocator .ml_field_template_container_review_details .ml_review_details_avgrating {
    display: inline-block;
    width: auto;
    vertical-align: top;
}
.metalocator .ml_field_template_container_review_details .ml_review_details_avgrating .ml_review_avgrating {
    color:#000000;
    font-size: 2rem;
}

.metalocator .ml_modal_details.ml_details_position .modal-dialog{
    max-width: none;
}

.metalocator.ml_show_map_1.ml_details_position_flyout .ml_modal_details .modal-dialog{
    margin-left: 0rem;
}

.metalocator .ml_modal_details.ml_details_position {
    bottom: 0;
    top: auto;
}

@media (min-width: 577px) {
    .metalocator.ml_show_map_1 .details_modal.ml_details_position .modal-dialog {
        margin-top: 0;
        margin-bottom: 0;
    }
}
.metalocator .ml_modal_details.ml_details_position .modal-dialog-scrollable {
    height: 100%;
    max-height: 100%;
}

/* Aug 2022 - general RTL work

body,
.leaflet-container,
table.table tbody td,
.metalocator input,
.metalocator button,
.metalocator select,
.metalocator .gm-style .gm-style-iw

*/
body.ml_dir-rtl .metalocator,
body.ml_dir-rtl .metalocator .bootstrap-select .dropdown-toggle .filter-option,
body.ml_dir-rtl .metalocator input,
body.ml_dir-rtl .metalocator select,
body.ml_dir-rtl .metalocator .dropdown-menu,
body.ml_dir-rtl .metalocator .mapboxgl-popup,
body.ml_dir-rtl .metalocator table.table tbody td,
body.ml_dir-rtl .autocomplete-suggestions {
    text-align: right;
}
body.ml_dir-rtl .metalocator .mapboxgl-popup,
body.ml_dir-rtl .metalocator .mapboxgl-popup div {
    /* because block elements create their own 'direction' context?? */
    direction: rtl;
}
body.ml_dir-rtl .metalocator .d-block {
    direction: rtl;
}
body.ml_dir-rtl .metalocator .dropdown-menu .popover-header .close {
    right: auto;
    left: 0;
}
body.ml_dir-rtl .metalocator .bootstrap-select.show-tick .dropdown-menu .selected span.check-mark {
    right: auto;
    left: 15px;
}
body.ml_dir-rtl .metalocator .bootstrap-select.show-tick .dropdown-menu li a span.text {
    margin-right: 0;
    margin-left: 34px;
}
body.ml_dir-rtl .metalocator .ml_has_copy_link:hover .ml_hover_copy {
    display: inline-block !important;
}
body.ml_dir-rtl .metalocator .custom-control {
    padding-left: 0;
    padding-right: 1.5rem;
}
body.ml_dir-rtl .metalocator .form-check-inline {
    margin-left: 0.75rem;
    margin-right: 0;
}
body.ml_dir-rtl .metalocator .custom-control-label::before,
body.ml_dir-rtl .metalocator .custom-control-label::after {
    left: auto;
    right: -1.5rem;
}
body.ml_dir-rtl .metalocator.ml_show_map_1 .details_modal {
    left: auto;
    right: 0;
}

@media (min-width: 576px) {
    body.ml_dir-rtl .metalocator.ml_show_map_1 .details_modal .modal-dialog {
        margin-right: 0.5rem;
        margin-left: 0;
    }
}
body.ml_dir-rtl .metalocator .modal .close {
    right: auto;
    left: 1.25rem;
}

body.ml_dir-rtl .metalocator .mapboxgl-popup-close-button {
    right: auto;
    left: 0;
}
body.ml_dir-rtl .float-right {
    float: left !important;
}
body.ml_dir-rtl .float-left {
    float: right !important;
}
body.ml_dir-rtl .metalocator .ml_modal_form_details .card-body .card-text {
    max-width: 100%;
}
/* ugly */
body.ml_dir-rtl .metalocator .ml_modal_form_details .card-body .card-text > * > * {
    display: inline-block;
}

.metalocator .ml_field_name_container_taglist ul.ml_taglist{
    display: inline-block;
}

.metalocator .ml_field_name_container_taglist ul.ml_taglist.list-group{
    display: flex;
}


.metalocator .ml_field_name_container_taglist{
    display: block;
}

.metalocator .form-control.bootstrap-select .dropdown-toggle .filter-option-inner-inner {
    text-overflow: ellipsis;
    min-height:var(--theme-line-height);
}

.metalocator .ml_field_template_container_phone_click_to_view.ml_has_copy_link.ml_copy_link_hovered .ml_phone_click_to_view + .ml_hover_copy {
    display: none !important;
}
.metalocator .ml_field_template_container_phone_click_to_view.ml_has_copy_link.ml_copy_link_hovered .ml_phone_click_to_view.ml_phone_click_to_view_expanded + .ml_hover_copy {
    display: inline !important;
}

body.contentpane.component .tooltip.fade.show{
    pointer-events:none;
}

.metalocator .was-validated .form-group.is-invalid .invalid-feedback{
    display:block;
}

.metalocator .form-control button img.ml_tag_option_image{
    max-width: 15px;
    margin-right: 1rem;
}

.metalocator .form-control .dropdown-menu img.ml_tag_option_image{
    margin-right: 1rem;
}

.metalocator .form-check-label img.ml_tag_option_image{
    margin-bottom: 1rem;
}

.metalocator img.ml_tag_option_image{
    max-width:50px;
}

.metalocator .com_locator_entry.ml_directory_focused .ml-show-active-only {
    display:inline-block;
}

.metalocator .com_locator_entry .ml-show-active-only {
    display:none;
}

.metalocator .form-check-inline.custom-control.custom-checkbox,
.metalocator .form-check-inline.custom-control.custom-checkbox input,
.metalocator .form-check-inline.custom-control.custom-checkbox label,
.metalocator .form-check-inline.custom-control.custom-radio,
.metalocator .form-check-inline.custom-control.custom-radio input,
.metalocator .form-check-inline.custom-control.custom-radio label
{
    cursor: pointer;
}

.metalocator .nav-tabs .nav-link:focus,
.metalocator .nav-tabs .nav-link:hover{
    position: relative;
    z-index: 100;
}

.metalocator .ml_active_tags .ml_active_tag_button{
    display: none;
}

.metalocator.ml_hide_searchresultstring .ml_results_message {
    display: none;
}

.metalocator .ml-right-icon {
    align-items: center;
    display: -ms-inline-flexbox!important;
    display: inline-flex!important;
    -ms-flex-direction: row!important;
    flex-direction: row!important;
}

.metalocator .ml-right-icon i.fa{
    order: 2;
    margin-left: 0.25rem;
}

.metalocator .ml-hidden-stretched-link{
    opacity: 0;
    overflow: hidden;
    height: 0;
    width: 0;
    display: block;
}

.metalocator #ml_searchform label.card{
    cursor: pointer;
}

.metalocator #ml_searchform label.card.active{
    border-color: var(--primary-text-color);
    border-left-width: 1px;
    border-left-style: solid;
}

.metalocator #ml_searchform label.card input[type="radio"] {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
}

.metalocator.interstitial-cards-wrap .card-img-top {

}

html[dir="rtl"] .metalocator input[type="text"].form-control{
    direction: RTL;
}

.metalocator .bootstrap-select .dropdown-menu li.no-results{
    padding: 4px 8px;
    margin: 0px 8px;
    border-radius: 0.25rem;
}

.metalocator input[type="search"]::-webkit-search-cancel-button {
    -webkit-appearance: none;
    height: 1em;
    width: 1em;
    border-radius: 50em;
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pg0KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDE2LjAuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPg0KPCFET0NUWVBFIHN2ZyBQVUJMSUMgIi0vL1czQy8vRFREIFNWRyAxLjEvL0VOIiAiaHR0cDovL3d3dy53My5vcmcvR3JhcGhpY3MvU1ZHLzEuMS9EVEQvc3ZnMTEuZHRkIj4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCINCgkgd2lkdGg9IjEyMy4wNXB4IiBoZWlnaHQ9IjEyMy4wNXB4IiB2aWV3Qm94PSIwIDAgMTIzLjA1IDEyMy4wNSIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgMTIzLjA1IDEyMy4wNTsiDQoJIHhtbDpzcGFjZT0icHJlc2VydmUiPg0KPGc+DQoJPHBhdGggZD0iTTEyMS4zMjUsMTAuOTI1bC04LjUtOC4zOTljLTIuMy0yLjMtNi4xLTIuMy04LjUsMGwtNDIuNCw0Mi4zOTlMMTguNzI2LDEuNzI2Yy0yLjMwMS0yLjMwMS02LjEwMS0yLjMwMS04LjUsMGwtOC41LDguNQ0KCQljLTIuMzAxLDIuMy0yLjMwMSw2LjEsMCw4LjVsNDMuMSw0My4xbC00Mi4zLDQyLjVjLTIuMywyLjMtMi4zLDYuMSwwLDguNWw4LjUsOC41YzIuMywyLjMsNi4xLDIuMyw4LjUsMGw0Mi4zOTktNDIuNGw0Mi40LDQyLjQNCgkJYzIuMywyLjMsNi4xLDIuMyw4LjUsMGw4LjUtOC41YzIuMy0yLjMsMi4zLTYuMSwwLTguNWwtNDIuNS00Mi40bDQyLjQtNDIuMzk5QzEyMy42MjUsMTcuMTI1LDEyMy42MjUsMTMuMzI1LDEyMS4zMjUsMTAuOTI1eiIvPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPC9zdmc+DQo=);
    background-size: contain;
    opacity: 0;
    pointer-events: none;
    cursor: pointer;
}

.metalocator input[type="search"]:focus::-webkit-search-cancel-button {
    opacity: .3;
    pointer-events: all;
}

.metalocator .iti input[type="text"].form-control{
    padding-right: calc(1.5em + .75rem);
}

.iti-mobile .metalocator .iti__country-list {
    max-height: 165px;
    width:auto;
}

.metalocator .iti__country-list {
    max-height: 165px;
    width:auto;
    overflow-x: hidden;
}

.metalocator .modal-sm .iti__country-list {
    max-width: calc(458px - 1rem); /* This comes from the modal sizing */
}

.metalocator .ml_modal_form_send_to_phone{
    min-height: 370px
}

.metalocator .fa-twitter-square:before, .metalocator .fa-twitter:before {
    display: inline-block;
    width: 0.875em;
    height: 1em;
    content: "";
    background-color: var(--primary-contrast-text-color) !important;
    -webkit-mask: url('data:image/svg+xml;utf8,<svg viewBox="0 -8 26 30" xmlns="http://www.w3.org/2000/svg"><g><path fill="white" d="M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z"></path></g></svg>') no-repeat center;
    mask: url('data:image/svg+xml;utf8,<svg viewBox="0 -8 26 30" xmlns="http://www.w3.org/2000/svg"><g><path fill="white" d="M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z"></path></g></svg>') no-repeat center;
    background-position: center 3px;
}

.metalocator span.ml_clearicon_x {
    position: absolute;
    display: block;
    right: 9px;
    width: 15px;
    height: 15px;
    border-radius: 50%;
    color: #fff;
    background-color: var(--light-border-color);
    font: 14px monospace;
    text-align: center;
    line-height: 1em;
    cursor: pointer;
}

.metalocator .com_locator_entry .collapse:not(.show) {
    display: none;
}

/* tag_group drop-downs should wrap in the CS form */
.metalocator .ml_modal_form span.d-flex.tag_group{
    flex-wrap: wrap;
}

/* hide the results loading message when it is processing */
.metalocator.ml_input_blocked .ml_results_message .found_text{
    visibility:hidden;
}

/* prevent double-submits on modal forms */
.metalocator.ml_input_blocked .ml_modal_form button[type="button"]
{
    pointer-events: none;
    cursor: not-allowed;
}

/* fix very tall mobile results cards*/
/*
@media (max-width: 576px) {

    .metalocator .ml_modal_details .modal-dialog-scrollable {
        height: auto !important;
    }

    .metalocator.ml_show_map_1 .details_modal.modal {
        background: rgba(224, 224, 224, 0.45);
    }

}
*/

.metalocator .ml-review-carousel .carousel-inner{
    height:auto;
}
.metalocator .ml-review-carousel .carousel-control-prev,
.metalocator .ml-review-carousel .carousel-control-next {
    z-index: 3; /* the results card has a 2 */
    width: 5%;
    cursor: pointer;
    position: absolute;
    top: 0px;
    display: block;
    height: 22px;
}

.metalocator .ml-review-carousel  .carousel-indicators{
    margin-bottom:0;
    top: 0;
    bottom:auto;
}

.metalocator .ml_toggle_update_results_map_move .custom-checkbox input.custom-control-input {
    position: absolute;
    z-index: -1;
    margin-top: 5px;
}

.metalocator .ml_toggle_update_results_map_move .custom-control-label::before,
.metalocator .ml_toggle_update_results_map_move .custom-control-label::after
{
    top: 0.15rem;
}

.metalocator .ml_toggle_update_results_map_move .custom-control-label {
    vertical-align: middle;
}

.metalocator.ml_has_toggle_update_results_map_move .ml_list_toggle{
    margin-left:0.5em;
    left:0;
    transform:none;
}

.metalocator.ml_has_toggle_update_results_map_move.ml_has_maptype_control .ml_list_toggle {
    top:40px;
}

@media (max-width: 576px) {
    .metalocator.ml_has_toggle_update_results_map_move .ml_mapbox_maptype {
        bottom: 0;
        left: 50%;
        transform: translateX(-50%) translateY(0%);
    }
}

.metalocator .ml_toggle_update_results_map_move{
    width:max-content;
    position: absolute;
    z-index: 1050;
    top: 10px;
    left: 50%;
    -moz-box-shadow: 0 0 2px rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: 0 0 2px rgba(0, 0, 0, 0.1);
    box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.1);
    padding: 2px 7px;
    border-radius: 4px;
    background-color: #fff;
    transform: translateX(-50%) translateY(0%);
}

.metalocator .ml_list_toggle{
    position: absolute;
    z-index: 1050;
    top: 10px;
    left: 50%;
    -moz-box-shadow: 0 0 2px rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: 0 0 2px rgba(0, 0, 0, 0.1);
    box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.1);
    padding: 2px 7px;
    border-radius: 4px;
    background-color: #fff;
    transform: translateX(-50%) translateY(0%);
}

.metalocator.ml_has_list_toggle #ml_results {
    transition: all 0.5s;
}

.metalocator.ml_list_toggle_collapse #ml_results{
    width:0px !important;
    min-width:0px !important;
    flex-basis: 0;
    display:flex !important;
    opacity: 1;
}

.metalocator.ml_list_toggle_collapse #ml_results #ml_results_wrapper,
.metalocator.ml_list_toggle_collapse #ml_results .ml_pagination
{
    display: none;
}

.metalocator.ml_zoom_performance_mode #locator_map_canvas .mapboxgl-cluster{
    width:50px;
    height:50px;
    border-radius: 50px;
}

.metalocator.ml_zoom_performance_mode #locator_map_canvas .marker-cluster div {
    width: 40px;
    height: 40px;
    margin-left: 5px;
    margin-top: 5px;
    border-radius: 40px;
}


/* hide the marker images (google image markers ) */
.metalocator.ml_zoom_performance_mode .ml_marker_icon .ml_marker_icon_image{
    display: none;
}
/* hide the marker images (mapbox icon markers) */
.metalocator.ml_zoom_performance_mode .mapboxgl-marker .ml_marker_icon::before{
    display: none;
}

/* position the mapbox fake clusters */
.metalocator.ml_zoom_performance_mode .mapboxgl-marker .ml_marker_icon::after{
    left: 0px;
    top: -50%;
    font-weight: 400;
}

/* change individual markers into "fake" clusters */
.metalocator.ml_zoom_performance_mode .ml_marker_icon::after{

    display: inline-block;
    position: relative;
    left: -20px;
    top: 20px;
    width: 40px;
    height: 40px;
    -moz-border-radius: 40px;
    -webkit-border-radius: 40px;
    border-radius: 40px;
    background: transparent;
    font-size: 12px;
    text-align: center;
    padding-top: 13px;
}

/* hide the cluster count while loading*/
.metalocator.ml_zoom_performance_mode.ml_input_blocked .ml_custom_clustericon > div > span {
    display: none;
}

.metalocator.ml_zoom_performance_mode.ml_input_blocked .ml_custom_clustericon,
.metalocator.ml_zoom_performance_mode.ml_input_blocked .ml_marker_icon::after
{
    animation: ml_cluster_loading 1s ease-out;
    animation-iteration-count: infinite;
    animation-delay: 0.25s;
    opacity: 0;
    content:''; /* hide the fake cluster labels*/
}

@keyframes ml_cluster_loading {
    0% {
        opacity: 0;
    }

    50% {
        opacity: 0.5;
    }

    100% {
        opacity: 1;
    }
}

.metalocator #ml_zoom_performance_notice {
    display: none;
}

.metalocator.ml_zoom_performance_mode #ml_zoom_performance_notice {
    position: absolute;
    z-index: 1028;
    background-color: #f0f8ff61;
    padding: 1em;
    width: 100%;
    text-align: center;
    display: block;
    font-weight: bold;
    text-shadow: -1px -1px 0 #fff, 0 -1px 0 #fff, 1px -1px 0 #fff, 1px 0 0 #fff, 1px 1px 0 #fff, 0 1px 0 #fff, -1px 1px 0 #fff, -1px 0 0 #fff;
}

.metalocator.ml_zoom_performance_mode #locator_map_canvas .marker-cluster span{
    line-height: 40px;
}

.metalocator .locator_form .was-validated .bootstrap-select .selectpicker:invalid+.dropdown-toggle+.invalid-feedback {
    display: block;
}

.metalocator .gmnoprint button{
    font-size:11px !important;
}

/* Css for Category Images on locator results card */
.metalocator .com_locator_entry .ml_taglist_logos{
    gap:10px;
    flex-wrap: wrap;
    flex-direction: row !important;
    display: flex !important;
}

.metalocator .com_locator_entry .ml_taglist_logos .ml_tag_option_image{
    max-width:100px;
}

/* Css for sweet-alert-2 Modal */
.ml_dir-ltr .swal2-container{
    z-index:99999;
}

.ml-content-impression{
    margin:0;
    padding:0;
}

/* fix for the directions "sr-only" absolutely positioned element creating an scrollbar in the Slim template. */
.ml-local-search.com_locator_entry .ml_field_name_container_directions a > span:has(> span.sr-only) {
    position: relative;
}

/* Column layout centers items, this ensures items don't justify left when hovered*/
.metalocator.ml_locator_columns.ml_show_map_0 .ml-card-row span.ml_has_copy_link.ml_copy_link_hovered {
    justify-content: center;
}
.metalocator .com_locator_entry .card .card-text span.ml_has_copy_link.ml_copy_link_hovered {
    display:flex;
    align-items:baseline;
}#ml_results_wrapper.ml_template_card_template .active .card,
 #ml_results_wrapper.ml_template_card_template .ml_directory_focused .card{
     border-color: #f26924;
     border-color: var(--primary-text-color);
 }
#ml_results_wrapper.ml_template_group_template .active .card,
#ml_results_wrapper.ml_template_group_template .ml_directory_focused .card{
    border-color: #f26924;
    border-color: var(--primary-text-color);
}
#ml_results_wrapper.ml_template_user_profile .com_locator_entry.ml_directory_focused{
    border-color: #f26924;
    border-color: var(--primary-text-color);
    border-top: 1px solid #f26924;
    border-top: 1px solid var(--primary-text-color);
}

.required{
    color: #e01b43;
    color:var(--danger-text-color);
}

.metalocator input.form-check-input:active:before{
    background-color: #ff7d38;
    background-color: var(--primary-bg-color-disabled);
}

.custom-control-input:not(:disabled):active~.custom-control-label::before{
    border-color: #ff7d38;
    border-color: var(--primary-bg-color-disabled);
    background-color: #ff7d38;
    background-color: var(--primary-bg-color-disabled);
}

.metalocator input.form-check-input:checked:before{
    background-color: #f26924;
    background-color: var(--primary-text-color);
}

.metalocator input.form-check-input:checked:after{
    background-color: #f26924;
    background-color: var(--primary-text-color);
}

.metalocator .ml_template_card_template [data-element-name="priority"],.metalocator .ml_template_group_template [data-element-name="priority"],
.metalocator .ml_modal_form_details [data-template-name="Card Template"] [data-element-name="priority"] {
    background-color: #f26924;
    background-color: var(--primary-bg-color);
}

.metalocator #locator_map_notice{
    background-color: #de5510;
    background-color: var(--primary-shadow-color);
}
/* FONT FAMILY */
body,html,.metalocator,.popupWindow,.metalocator input,.metalocator select,.metalocator input,.leaflet-container,.metalocator table.table tbody td,.metalocator input,.metalocator .locator_form_buttons   label, .metalocator button, .metalocator button,.metalocator .gm-style .gm-style-iw, .metalocator select,.metalocator textarea,.metalocator .mapboxgl-map .mapboxgl-popup,.metalocator .marker-cluster div,.ml_marker_label.ml_marker_label_name,.metalocator .ml_marker_label.ml_marker_label_number,.contentpane .sweet-alert,.metalocator .mapboxgl-map,.metalocator.ml_zoom_performance_mode .mapboxgl-marker .ml_marker_icon:after{
    font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";
}

/* Map Controls */
.metalocator .ml_list_toggle{
    font-size: 1rem;
    line-height: 1.2rem;
}

/* FONT SIZE AND DIRECTION */
body,.leaflet-container,table.table tbody td,.metalocator input,.metalocator .locator_form_buttons label,.metalocator button,.metalocator select,.metalocator .gm-style .gm-style-iw{
    margin: 0;
    font-size: 1rem  !important;
    font-weight: 400  !important;
    line-height: 1.5;
    color: #000000 !important;
    text-align: left;
}


body,.leaflet-container,table.table tbody td,.metalocator .results{
    background-color: transparent !important;
}

/* PAGINATION */
.metalocator .page-item.active .page-link {
    color: #ffffff;
    color: var(--primary-contrast-text-color);
    background-color: #f26924;
    background-color:var(--primary-color);
    border-color: #f26924;
    border-color: var(--primary-text-color);
}

.metalocator .page-item .page-link {
    color: #000000;

}

/* LINK */
.metalocator a {
    color: #f26924;
    color: var(--primary-text-color);
}

.metalocator a:hover {
    color: #ff7d38;
    color: var(--primary-bg-color-highlight);
}

.metalocator .text-shadow-white{
    text-shadow: 0 0 1px #fff;
}

.metalocator .table .thead-dark th {
    background-color: #343a40;
    border-color: #484e54;
}

/* DROPDOWN MENU */
.metalocator .dropdown-item a:hover {
    color: #ff7d38;
    color: var(--primary-bg-color-highlight);
}

a:not([href]):hover {
    color: inherit;
    text-decoration: none;
}
.metalocator .dropdown-item.active, .metalocator .dropdown-item:active {
    text-decoration: none;
    color: #ffffff;
    color: var(--primary-contrast-text-color);
    background-color: #f26924;
    background-color:var(--primary-color);
}

.metalocator .btn.dropdown-toggle.btn-light .filter-option{
    color:#000000;
}

.metalocator .btn.dropdown-toggle.btn-light::after{
    color:#000000;
}

.metalocator .bootstrap-select .bs-actionsbox button.actions-btn.btn-light{
    color:#000000 !important;
}
.metalocator .bootstrap-select .bs-actionsbox button.actions-btn{
    font-size: .875rem !important;
}


.metalocator .marker-cluster-small{
    background-color:rgba(242,105,36,0.4);
}

.metalocator .marker-cluster-small div{
    background-color:rgba(242,105,36,0.6);
}

.metalocator .marker-cluster-medium{
    background-color:rgba(242,105,36,0.5);
}
.metalocator .marker-cluster-medium div{
    background-color:rgba(242,105,36,0.7);
}
.metalocator .marker-cluster-medium > div{
    border-color:rgba(242,105,36,1);
}

.metalocator .marker-cluster-large{
    background-color:rgba(242,105,36,0.6);
}
.metalocator .marker-cluster-large div{
    background-color:rgba(242,105,36,0.9);
}

.metalocator .marker-cluster-xlarge{
    background-color:rgba(242,105,36,0.6);
}

.metalocator .marker-cluster-xlarge div{
    background-color:rgba(242,105,36,0.9);
}

/* Google map marker clusters */
.metalocator .gm-style .ml_custom_clustericon {
    background: #f26924;
    color: #000;
    border-radius: 100%;
    display: flex;
    font-size:12px;
    align-items: center;
    opacity: 0.8;
}

.metalocator .gm-style .ml_custom_clustericon::before{
    content: "";
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    transform: translate(-50%, -50%);
    top: 50%;
    left: 50%;
    opacity: 0.4;
    background: #f26924;
    border-radius: 100%;
}

/* this has to align with the mcStyles array */
.metalocator .gm-style .ml_custom_clustericon::before {
    padding: 20px;
}

.metalocator .gm-style .ml_custom_clustericon.ml_custom_clustericon_3::before {
    padding: 25px;
}

/*
.metalocator.ml_zoom_performance_mode .ml_marker_icon::after {
    content: '10+';
    color: #000;
    outline: 5px solid rgba(242,105,36,0.3);
    box-shadow: 0 0 0 50px rgba(242,105,36,0.65) inset;
}
*/

input:checked + .ml_slider {
    background-color: #f26924;
}

input:focus + .ml_slider {
    box-shadow: 0 0 1px #f26924;
}

/* Rounded sliders */
.ml_slider {
    border-radius: 34px;
}

.ml_slider{
    background-color: #f8f9fa;
}

.ml_slider:before {
    border-radius: 50%;
}


.contentpane .swal2-container .swal2-icon.swal2-success{
    border-color: rgba(108,193,76,0.2) !important;
}

.metalocator .custom-control-input.is-valid ~ .metalocator .custom-control-label, .metalocator .was-validated .custom-control-input:valid ~ .metalocator .custom-control-label{
    color: #6cc14c;
}

.metalocator .custom-control-input.is-valid:checked ~ .metalocator .custom-control-label::before,
.metalocator .was-validated .custom-control-input:valid:checked ~ .metalocator .custom-control-label::before{
    border-color: #6cc14c;
    background-color: #6cc14c;
}
.metalocator .form-control.is-valid,
.metalocator .was-validated .form-control:valid {
    border-color: #6cc14c;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%236cc14c' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e");
}
.metalocator .custom-control-input.is-valid~.custom-control-label,
.metalocator .was-validated .custom-control-input:valid~.custom-control-label {
    color: #6cc14c;
}
.metalocator .custom-control-input.is-valid~.custom-control-label::before,
.metalocator .was-validated .custom-control-input:valid~.custom-control-label::before {
    border-color: #6cc14c;
}
.metalocator .custom-control-input.is-valid:checked~.custom-control-label::before,
.metalocator .was-validated .custom-control-input:valid:checked~.custom-control-label::before {
    background-color: #6cc14c;
}

/* invalid */
.metalocator .invalid-feedback,
.metalocator .custom-control-input.is-invalid ~ .metalocator .custom-control-label,
.metalocator .was-validated .custom-control-input:invalid ~ .metalocator .custom-control-label{
    color: #e01b43;
}

.metalocator .custom-control-input.is-invalid:checked ~ .metalocator .custom-control-label::before,
.metalocator .was-validated .custom-control-input:invalid:checked ~ .metalocator .custom-control-label::before{
    border-color: #e01b43;
    background-color: #e01b43;
}
.metalocator .form-control.is-invalid,
.metalocator .was-validated .form-control:invalid {
    border-color: #e01b43;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23e01b43' viewBox='0 0 12 12'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23e01b43' stroke='none'/%3e%3c/svg%3e");
}
.metalocator .custom-control-input.is-invalid~.custom-control-label,
.metalocator .was-validated .custom-control-input:invalid~.custom-control-label {
    color: #e01b43;
}
.metalocator .custom-control-input.is-invalid~.custom-control-label::before,
.metalocator .was-validated .custom-control-input:invalid~.custom-control-label::before {
    border-color: #e01b43;
}
.metalocator .custom-control-input.is-invalid:checked~.custom-control-label::before,
.metalocator .was-validated .custom-control-input:invalid:checked~.custom-control-label::before {
    background-color: #e01b43;
}

.metalocator .was-validated select.form-control:invalid + button.dropdown-toggle {
    border-color: #e01b43;
}

.metalocator .was-validated .ml-tab-invalid {
    color: #e01b43;
}

/* END invalid */

.contentpane .swal2-container .swal2-icon.swal2-success .swal2-success-line-tip,
.contentpane .swal2-container .swal2-icon.swal2-success .swal2-success-line-long
{
    background-color: #6cc14c !important;
}

.contentpane .swal2-container .swal2-icon.swal2-success .swal2-success-ring{
    border: 4px solid rgba(108,193,76,0.2) !important;
}

.contentpane .swal2-container .swal2-confirm{
    background-color: #f26924 !important;
}

.contentpane .swal2-container .swal2-cancel{
    background-color: #e01b43 !important;
}


@media (max-width: 576px) {

    /* hide the list on mobile views */
    .metalocator.ml_show_list_0  .map,
    .metalocator.ml_show_list_0  .middle .map
    {
        height:1000px !important;
        max-height: 1000px !important;
        flex-basis: 1000px !important;
    }
    .metalocator.ml_show_list_0 .middle.d-flex{
        height:1000px !important;
    }
}

.metalocator .ml_animated_gradient {
    background: repeating-linear-gradient(to right, #f26924 0%, white 10%, #f26924 100%);
    width: 100%;
    background-size: 200% auto;
    background-position: 0 100%;
    animation: ml-animated-gradient 1s infinite;
    animation-fill-mode: forwards;
    animation-timing-function: linear;
    height: 2px;
    position: fixed;
    z-index:9999999;
    display:none;
}

@keyframes ml-animated-gradient {
    0%   { background-position: 0 0; }
    100% { background-position: -200% 0; }
} .metalocator .marker-cluster span { color: #000;}
.contentpane .xdsoft_datetimepicker .xdsoft_label > .xdsoft_select > div > .xdsoft_option.xdsoft_current, .contentpane .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_default,.contentpane  .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_current,.contentpane  .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box > div > div.xdsoft_current {
    background: #f26924;
    box-shadow: #f26924 0px 1px 3px 0px inset;
    color: #ffffff;
}
.contentpane .xdsoft_datetimepicker .xdsoft_label > .xdsoft_select > div > .xdsoft_option:hover, .contentpane .xdsoft_datetimepicker .xdsoft_calendar td:hover, .contentpane  .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box >div >div:hover {
    color: #ffffff !important;
    background: #030303 !important;
    box-shadow: none !important;
}


@charset "UTF-8";
/**** Common CSS ****/
/**** Common CSS ****/
.ml_modal_unified_share, .metalocator .modal, .ml_seopg_footer, .ml_seopg_header, .metalocator {
    --theme-color-black: #000000;
    --border-color-dark: var(--theme-color-black);
    --theme-color-primary:#F26924;
    --color-link-orange:#CB4C0C;
    --theme-color-success:#219D40;
    --theme-color-green:#6CC14C;
    --theme-color-danger:#e01b43;
    --theme-color-info:#0b1d99;
    --color-light-gray: #4C5055;
    --color-gray-7: #757575;
    --text-color: var(--theme-color-black);
    --theme-color-black: #191919;
    --text-color-light: #686869;
    --text-color-white: #ffffff;
    --color-blue: #009CDE;
    --color-shadow: #2B394026;
    --color-card-bg: #F8F6F4;
    --cards-padding: 24px;
    --border-radius: 50px;
    --sticky-header-pad: 140px;
    --border-color: var(--color-gray-7);
    --bg-light: var(--color-light-gray-1);
    --bg-dark: var(--border-color-dark);
    --font-body: "Open Sans", sans-serif !important;
    --font-heading: "futura-pt", sans-serif !important;
    --bg-light: #EFEFEF;
}
.ml_modal_unified_share .metalocator.ml-directory-levelcountry .ml-hero h3, .metalocator.ml-directory-levelcountry .ml-hero .ml_modal_unified_share h3, .ml_modal_unified_share .metalocator.ml-directory-levelcountry .ml-hero .h3, .metalocator.ml-directory-levelcountry .ml-hero .ml_modal_unified_share .h3, .ml_seopg_footer .metalocator.ml-directory-levelcountry .ml-hero h3, .metalocator.ml-directory-levelcountry .ml-hero .ml_seopg_footer h3, .ml_seopg_footer .metalocator.ml-directory-levelcountry .ml-hero .h3, .metalocator.ml-directory-levelcountry .ml-hero .ml_seopg_footer .h3, .ml_seopg_footer a, .ml_seopg_footer .text-body, .ml_seopg_footer .text-body h3, .ml_modal_unified_share .ml_seopg_footer, .ml_seopg_footer .ml_seopg_footer, .ml_seopg_header .metalocator.ml-directory-levelcountry .ml-hero h3, .metalocator.ml-directory-levelcountry .ml-hero .ml_seopg_header h3, .ml_seopg_header .metalocator.ml-directory-levelcountry .ml-hero .h3, .metalocator.ml-directory-levelcountry .ml-hero .ml_seopg_header .h3, .ml_seopg_header .ml_seopg_footer, .metalocator.ml-directory-levelcountry .ml-hero h3, .metalocator.ml-directory-levelcountry .ml-hero .h3, .metalocator .sec_topnav .breadcrumb, .metalocator .ml-breadcrumb .breadcrumb, .metalocator .map .popupWindow, .metalocator .modal.ml_searchform_adv_search .modal-dialog .modal-body div[data-container-name=Advanced] .ml_clear_active_categories, .metalocator #ml_searchform .ml_searchform_row_1 span[data-element-name=advanced_1] a .ml_advanced_filter_count, .metalocator .ml_field_type_container_hours a[data-toggle=collapse], .metalocator .ml_field_type_container_hours button[data-toggle=collapse], .metalocator .loc_hours a[data-toggle=collapse], .metalocator .loc_hours button[data-toggle=collapse], .metalocator .ml_seopg_footer, .ml_modal_unified_share .metalocator .sec_reviews .reviews_wrap .reviews .ind_review h4, .metalocator .sec_reviews .reviews_wrap .ml_modal_unified_share .reviews .ind_review h4, .ml_seopg_footer .metalocator .sec_reviews .reviews_wrap .reviews .ind_review h4, .metalocator .sec_reviews .reviews_wrap .ml_seopg_footer .reviews .ind_review h4, .ml_seopg_header .metalocator .sec_reviews .reviews_wrap .reviews .ind_review h4, .metalocator .sec_reviews .reviews_wrap .ml_seopg_header .reviews .ind_review h4, .metalocator .sec_reviews .reviews_wrap .reviews .ind_review h4, .metalocator .bootstrap-select.form-control .dropdown-toggle, .ml_modal_unified_share select, .ml_modal_unified_share textarea, .ml_modal_unified_share input:not([type=radio]):not([type=checkbox]), .ml_modal_unified_share .metalocator select, .metalocator .modal .metalocator select, .ml_seopg_footer .metalocator select, .ml_seopg_header .metalocator select, .metalocator .ml_modal_unified_share select, .metalocator .modal select, .metalocator .ml_seopg_footer select, .metalocator .ml_seopg_header select, .ml_modal_unified_share .metalocator textarea, .metalocator .modal .metalocator textarea, .ml_seopg_footer .metalocator textarea, .ml_seopg_header .metalocator textarea, .metalocator .ml_modal_unified_share textarea, .metalocator .modal textarea, .metalocator .ml_seopg_footer textarea, .metalocator .ml_seopg_header textarea, .metalocator select, .metalocator textarea, .metalocator input:not([type=radio]):not([type=checkbox]) {
    font-size: 0.875rem !important;
    font-family: var(--font-body) !important;
    line-height: 1.375rem !important;
}
.ml_modal_unified_share .metalocator .ml-location-page .sec_topnav .ml-back-to-locator .left_arrow, .metalocator .ml-location-page .sec_topnav .ml-back-to-locator .ml_modal_unified_share .left_arrow, .ml_modal_unified_share .metalocator .sec_topnav .breadcrumb .breadcrumb-item:not(:last-of-type):after, .metalocator .sec_topnav .breadcrumb .ml_modal_unified_share .breadcrumb-item:not(:last-of-type):after, .ml_modal_unified_share .metalocator .ml-breadcrumb .breadcrumb .breadcrumb-item:not(:last-of-type):after, .metalocator .ml-breadcrumb .breadcrumb .ml_modal_unified_share .breadcrumb-item:not(:last-of-type):after, .ml_modal_unified_share .ml_social_share a, .metalocator .modal .ml_social_share a, .ml_modal_unified_share .ml_unified_share .iti--separate-dial-code .iti__flag-container .iti__arrow, .metalocator .modal .ml_unified_share .iti--separate-dial-code .iti__flag-container .iti__arrow, .ml_seopg_footer .metalocator .ml-location-page .sec_topnav .ml-back-to-locator .left_arrow, .metalocator .ml-location-page .sec_topnav .ml-back-to-locator .ml_seopg_footer .left_arrow, .ml_seopg_footer .metalocator .sec_topnav .breadcrumb .breadcrumb-item:not(:last-of-type):after, .metalocator .sec_topnav .breadcrumb .ml_seopg_footer .breadcrumb-item:not(:last-of-type):after, .ml_seopg_footer .metalocator .ml-breadcrumb .breadcrumb .breadcrumb-item:not(:last-of-type):after, .metalocator .ml-breadcrumb .breadcrumb .ml_seopg_footer .breadcrumb-item:not(:last-of-type):after, .ml_seopg_header .metalocator .ml-location-page .sec_topnav .ml-back-to-locator .left_arrow, .metalocator .ml-location-page .sec_topnav .ml-back-to-locator .ml_seopg_header .left_arrow, .ml_seopg_header .metalocator .sec_topnav .breadcrumb .breadcrumb-item:not(:last-of-type):after, .metalocator .sec_topnav .breadcrumb .ml_seopg_header .breadcrumb-item:not(:last-of-type):after, .ml_seopg_header .metalocator .ml-breadcrumb .breadcrumb .breadcrumb-item:not(:last-of-type):after, .metalocator .ml-breadcrumb .breadcrumb .ml_seopg_header .breadcrumb-item:not(:last-of-type):after, .ml_modal_unified_share .metalocator a[data-toggle=collapse]:after, .metalocator .modal .metalocator a[data-toggle=collapse]:after, .ml_seopg_footer .metalocator a[data-toggle=collapse]:after, .ml_seopg_header .metalocator a[data-toggle=collapse]:after, .metalocator .ml_modal_unified_share a[data-toggle=collapse]:after, .metalocator .ml_seopg_footer a[data-toggle=collapse]:after, .metalocator .ml_seopg_header a[data-toggle=collapse]:after,
.ml_modal_unified_share .metalocator button[data-toggle=collapse]:after,
.metalocator .modal .metalocator button[data-toggle=collapse]:after,
.ml_seopg_footer .metalocator button[data-toggle=collapse]:after,
.ml_seopg_header .metalocator button[data-toggle=collapse]:after,
.metalocator .ml_modal_unified_share button[data-toggle=collapse]:after,
.metalocator .ml_seopg_footer button[data-toggle=collapse]:after,
.metalocator .ml_seopg_header button[data-toggle=collapse]:after, .metalocator .ml-location-page .sec_topnav .ml-back-to-locator .left_arrow, .metalocator .sec_topnav .breadcrumb .breadcrumb-item:not(:last-of-type):after, .metalocator .ml-breadcrumb .breadcrumb .breadcrumb-item:not(:last-of-type):after, .metalocator #ml_searchform .ml_searchform_row_1 span[data-element-name=advanced_1] a, .metalocator #ml_searchform .ml_searchform_row_1 .ml_clearicon_x, .metalocator .ml_pagination .pagination .ml-prev-page span, .metalocator .ml_pagination .pagination .ml-next-page span, .metalocator a.ml_unifiedshare, .metalocator a[data-toggle=collapse]:after,
.metalocator button[data-toggle=collapse]:after, .ml_modal_unified_share .metalocator.ml-directory-levelstate .ml_directory_root .btn:after, .metalocator.ml-directory-levelstate .ml_directory_root .ml_modal_unified_share .btn:after, .ml_modal_unified_share .metalocator.ml-directory-levelcountry .ml_directory_root .btn:after, .metalocator.ml-directory-levelcountry .ml_directory_root .ml_modal_unified_share .btn:after, .ml_seopg_footer .metalocator.ml-directory-levelstate .ml_directory_root .btn:after, .metalocator.ml-directory-levelstate .ml_directory_root .ml_seopg_footer .btn:after, .ml_seopg_footer .metalocator.ml-directory-levelcountry .ml_directory_root .btn:after, .metalocator.ml-directory-levelcountry .ml_directory_root .ml_seopg_footer .btn:after, .ml_seopg_header .metalocator.ml-directory-levelstate .ml_directory_root .btn:after, .metalocator.ml-directory-levelstate .ml_directory_root .ml_seopg_header .btn:after, .ml_seopg_header .metalocator.ml-directory-levelcountry .ml_directory_root .btn:after, .metalocator.ml-directory-levelcountry .ml_directory_root .ml_seopg_header .btn:after, .metalocator.ml-directory-levelstate .ml_directory_root .btn:after, .metalocator.ml-directory-levelcountry .ml_directory_root .btn:after, .metalocator.ml_interstitialpending fieldset.interstitial-cards-wrap .card-group .card-body span, .ml_modal_unified_share .ml_social_share a::after, .metalocator .modal .ml_social_share a::after, .metalocator #ml_searchform .ml_searchform_row_1 span[data-element-name=advanced_1] a::after, .ml_modal_unified_share .metalocator .sec_reviews .reviews_wrap .review_stars i, .metalocator .sec_reviews .reviews_wrap .ml_modal_unified_share .review_stars i, .ml_modal_unified_share .metalocator .loc_details .top_left .ml_review_stars i, .metalocator .loc_details .top_left .ml_modal_unified_share .ml_review_stars i, .ml_seopg_footer .metalocator .sec_reviews .reviews_wrap .review_stars i, .metalocator .sec_reviews .reviews_wrap .ml_seopg_footer .review_stars i, .ml_seopg_footer .metalocator .loc_details .top_left .ml_review_stars i, .metalocator .loc_details .top_left .ml_seopg_footer .ml_review_stars i, .ml_seopg_header .metalocator .sec_reviews .reviews_wrap .review_stars i, .metalocator .sec_reviews .reviews_wrap .ml_seopg_header .review_stars i, .ml_seopg_header .metalocator .loc_details .top_left .ml_review_stars i, .metalocator .loc_details .top_left .ml_seopg_header .ml_review_stars i, .metalocator .sec_reviews .reviews_wrap .review_stars i, .metalocator .loc_details .top_left .ml_review_stars i, .metalocator .ml_field_name_container_review i, .metalocator .bootstrap-select.form-control .dropdown-toggle:after {
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}
.ml_modal_unified_share button.btn:not(.dropdown-toggle):not(.btn_hours_collapse_trigger), .ml_modal_unified_share a.btn:not(.dropdown-toggle):not(.btn_hours_collapse_trigger), .metalocator.ml_interstitialpending fieldset.interstitial-cards-wrap .card-group .card-body, .metalocator button.btn:not(.dropdown-toggle):not(.btn_hours_collapse_trigger), .metalocator a.btn:not(.dropdown-toggle):not(.btn_hours_collapse_trigger) {
    gap: 10px;
    border-radius: 50px;
    border: 4px solid var(--theme-color-primary);
    font-size: 1rem !important;
    font-weight: 700 !important;
    line-height: 1rem;
    padding-block: 10px;
    padding-inline: 20px;
    background-color: #ffffff;
    color: var(--border-color-dark) !important;
    font-family: var(--font-body);
    text-transform: none !important;
}
.ml_modal_unified_share button.btn:not(.dropdown-toggle):not(.btn_hours_collapse_trigger) h1, .ml_modal_unified_share a.btn:not(.dropdown-toggle):not(.btn_hours_collapse_trigger) h1, .metalocator .modal .ml_modal_unified_share button.btn:not(.dropdown-toggle):not(.btn_hours_collapse_trigger) h1, .ml_modal_unified_share .metalocator .modal button.btn:not(.dropdown-toggle):not(.btn_hours_collapse_trigger) h1, .metalocator .modal .ml_modal_unified_share a.btn:not(.dropdown-toggle):not(.btn_hours_collapse_trigger) h1, .ml_modal_unified_share .metalocator .modal a.btn:not(.dropdown-toggle):not(.btn_hours_collapse_trigger) h1, .ml_seopg_footer .ml_modal_unified_share button.btn:not(.dropdown-toggle):not(.btn_hours_collapse_trigger) h1, .ml_modal_unified_share .ml_seopg_footer button.btn:not(.dropdown-toggle):not(.btn_hours_collapse_trigger) h1, .ml_seopg_footer .ml_modal_unified_share a.btn:not(.dropdown-toggle):not(.btn_hours_collapse_trigger) h1, .ml_modal_unified_share .ml_seopg_footer a.btn:not(.dropdown-toggle):not(.btn_hours_collapse_trigger) h1, .ml_seopg_header .ml_modal_unified_share button.btn:not(.dropdown-toggle):not(.btn_hours_collapse_trigger) h1, .ml_modal_unified_share .ml_seopg_header button.btn:not(.dropdown-toggle):not(.btn_hours_collapse_trigger) h1, .ml_seopg_header .ml_modal_unified_share a.btn:not(.dropdown-toggle):not(.btn_hours_collapse_trigger) h1, .ml_modal_unified_share .ml_seopg_header a.btn:not(.dropdown-toggle):not(.btn_hours_collapse_trigger) h1, .metalocator .ml_modal_unified_share button.btn:not(.dropdown-toggle):not(.btn_hours_collapse_trigger) h1, .ml_modal_unified_share .metalocator button.btn:not(.dropdown-toggle):not(.btn_hours_collapse_trigger) h1, .metalocator .ml_modal_unified_share a.btn:not(.dropdown-toggle):not(.btn_hours_collapse_trigger) h1, .ml_modal_unified_share .metalocator a.btn:not(.dropdown-toggle):not(.btn_hours_collapse_trigger) h1, .metalocator.ml_interstitialpending fieldset.interstitial-cards-wrap .card-group .card-body h1, .metalocator button.btn:not(.dropdown-toggle):not(.btn_hours_collapse_trigger) h1, .metalocator a.btn:not(.dropdown-toggle):not(.btn_hours_collapse_trigger) h1, .ml_modal_unified_share button.btn:not(.dropdown-toggle):not(.btn_hours_collapse_trigger) h2, .ml_modal_unified_share a.btn:not(.dropdown-toggle):not(.btn_hours_collapse_trigger) h2, .metalocator .modal .ml_modal_unified_share button.btn:not(.dropdown-toggle):not(.btn_hours_collapse_trigger) h2, .ml_modal_unified_share .metalocator .modal button.btn:not(.dropdown-toggle):not(.btn_hours_collapse_trigger) h2, .metalocator .modal .ml_modal_unified_share a.btn:not(.dropdown-toggle):not(.btn_hours_collapse_trigger) h2, .ml_modal_unified_share .metalocator .modal a.btn:not(.dropdown-toggle):not(.btn_hours_collapse_trigger) h2, .ml_seopg_footer .ml_modal_unified_share button.btn:not(.dropdown-toggle):not(.btn_hours_collapse_trigger) h2, .ml_modal_unified_share .ml_seopg_footer button.btn:not(.dropdown-toggle):not(.btn_hours_collapse_trigger) h2, .ml_seopg_footer .ml_modal_unified_share a.btn:not(.dropdown-toggle):not(.btn_hours_collapse_trigger) h2, .ml_modal_unified_share .ml_seopg_footer a.btn:not(.dropdown-toggle):not(.btn_hours_collapse_trigger) h2, .ml_seopg_header .ml_modal_unified_share button.btn:not(.dropdown-toggle):not(.btn_hours_collapse_trigger) h2, .ml_modal_unified_share .ml_seopg_header button.btn:not(.dropdown-toggle):not(.btn_hours_collapse_trigger) h2, .ml_seopg_header .ml_modal_unified_share a.btn:not(.dropdown-toggle):not(.btn_hours_collapse_trigger) h2, .ml_modal_unified_share .ml_seopg_header a.btn:not(.dropdown-toggle):not(.btn_hours_collapse_trigger) h2, .metalocator .ml_modal_unified_share button.btn:not(.dropdown-toggle):not(.btn_hours_collapse_trigger) h2, .ml_modal_unified_share .metalocator button.btn:not(.dropdown-toggle):not(.btn_hours_collapse_trigger) h2, .metalocator .ml_modal_unified_share a.btn:not(.dropdown-toggle):not(.btn_hours_collapse_trigger) h2, .ml_modal_unified_share .metalocator a.btn:not(.dropdown-toggle):not(.btn_hours_collapse_trigger) h2, .metalocator.ml_interstitialpending fieldset.interstitial-cards-wrap .card-group .card-body h2, .metalocator button.btn:not(.dropdown-toggle):not(.btn_hours_collapse_trigger) h2, .metalocator a.btn:not(.dropdown-toggle):not(.btn_hours_collapse_trigger) h2, .ml_modal_unified_share button.btn:not(.dropdown-toggle):not(.btn_hours_collapse_trigger) h3, .ml_modal_unified_share a.btn:not(.dropdown-toggle):not(.btn_hours_collapse_trigger) h3, .metalocator .modal .ml_modal_unified_share button.btn:not(.dropdown-toggle):not(.btn_hours_collapse_trigger) h3, .ml_modal_unified_share .metalocator .modal button.btn:not(.dropdown-toggle):not(.btn_hours_collapse_trigger) h3, .metalocator .modal .ml_modal_unified_share a.btn:not(.dropdown-toggle):not(.btn_hours_collapse_trigger) h3, .ml_modal_unified_share .metalocator .modal a.btn:not(.dropdown-toggle):not(.btn_hours_collapse_trigger) h3, .ml_seopg_footer .ml_modal_unified_share button.btn:not(.dropdown-toggle):not(.btn_hours_collapse_trigger) h3, .ml_modal_unified_share .ml_seopg_footer button.btn:not(.dropdown-toggle):not(.btn_hours_collapse_trigger) h3, .ml_seopg_footer .ml_modal_unified_share a.btn:not(.dropdown-toggle):not(.btn_hours_collapse_trigger) h3, .ml_modal_unified_share .ml_seopg_footer a.btn:not(.dropdown-toggle):not(.btn_hours_collapse_trigger) h3, .ml_seopg_header .ml_modal_unified_share button.btn:not(.dropdown-toggle):not(.btn_hours_collapse_trigger) h3, .ml_modal_unified_share .ml_seopg_header button.btn:not(.dropdown-toggle):not(.btn_hours_collapse_trigger) h3, .ml_seopg_header .ml_modal_unified_share a.btn:not(.dropdown-toggle):not(.btn_hours_collapse_trigger) h3, .ml_modal_unified_share .ml_seopg_header a.btn:not(.dropdown-toggle):not(.btn_hours_collapse_trigger) h3, .metalocator .ml_modal_unified_share button.btn:not(.dropdown-toggle):not(.btn_hours_collapse_trigger) h3, .ml_modal_unified_share .metalocator button.btn:not(.dropdown-toggle):not(.btn_hours_collapse_trigger) h3, .metalocator .ml_modal_unified_share a.btn:not(.dropdown-toggle):not(.btn_hours_collapse_trigger) h3, .ml_modal_unified_share .metalocator a.btn:not(.dropdown-toggle):not(.btn_hours_collapse_trigger) h3, .metalocator.ml_interstitialpending fieldset.interstitial-cards-wrap .card-group .card-body h3, .metalocator button.btn:not(.dropdown-toggle):not(.btn_hours_collapse_trigger) h3, .metalocator a.btn:not(.dropdown-toggle):not(.btn_hours_collapse_trigger) h3, .ml_modal_unified_share button.btn:not(.dropdown-toggle):not(.btn_hours_collapse_trigger) h4, .ml_modal_unified_share a.btn:not(.dropdown-toggle):not(.btn_hours_collapse_trigger) h4, .metalocator .modal .ml_modal_unified_share button.btn:not(.dropdown-toggle):not(.btn_hours_collapse_trigger) h4, .ml_modal_unified_share .metalocator .modal button.btn:not(.dropdown-toggle):not(.btn_hours_collapse_trigger) h4, .metalocator .modal .ml_modal_unified_share a.btn:not(.dropdown-toggle):not(.btn_hours_collapse_trigger) h4, .ml_modal_unified_share .metalocator .modal a.btn:not(.dropdown-toggle):not(.btn_hours_collapse_trigger) h4, .ml_seopg_footer .ml_modal_unified_share button.btn:not(.dropdown-toggle):not(.btn_hours_collapse_trigger) h4, .ml_modal_unified_share .ml_seopg_footer button.btn:not(.dropdown-toggle):not(.btn_hours_collapse_trigger) h4, .ml_seopg_footer .ml_modal_unified_share a.btn:not(.dropdown-toggle):not(.btn_hours_collapse_trigger) h4, .ml_modal_unified_share .ml_seopg_footer a.btn:not(.dropdown-toggle):not(.btn_hours_collapse_trigger) h4, .ml_seopg_header .ml_modal_unified_share button.btn:not(.dropdown-toggle):not(.btn_hours_collapse_trigger) h4, .ml_modal_unified_share .ml_seopg_header button.btn:not(.dropdown-toggle):not(.btn_hours_collapse_trigger) h4, .ml_seopg_header .ml_modal_unified_share a.btn:not(.dropdown-toggle):not(.btn_hours_collapse_trigger) h4, .ml_modal_unified_share .ml_seopg_header a.btn:not(.dropdown-toggle):not(.btn_hours_collapse_trigger) h4, .metalocator .ml_modal_unified_share button.btn:not(.dropdown-toggle):not(.btn_hours_collapse_trigger) h4, .ml_modal_unified_share .metalocator button.btn:not(.dropdown-toggle):not(.btn_hours_collapse_trigger) h4, .metalocator .ml_modal_unified_share a.btn:not(.dropdown-toggle):not(.btn_hours_collapse_trigger) h4, .ml_modal_unified_share .metalocator a.btn:not(.dropdown-toggle):not(.btn_hours_collapse_trigger) h4, .metalocator.ml_interstitialpending fieldset.interstitial-cards-wrap .card-group .card-body h4, .metalocator button.btn:not(.dropdown-toggle):not(.btn_hours_collapse_trigger) h4, .metalocator a.btn:not(.dropdown-toggle):not(.btn_hours_collapse_trigger) h4, .ml_modal_unified_share button.btn:not(.dropdown-toggle):not(.btn_hours_collapse_trigger) h5, .ml_modal_unified_share a.btn:not(.dropdown-toggle):not(.btn_hours_collapse_trigger) h5, .metalocator .modal .ml_modal_unified_share button.btn:not(.dropdown-toggle):not(.btn_hours_collapse_trigger) h5, .ml_modal_unified_share .metalocator .modal button.btn:not(.dropdown-toggle):not(.btn_hours_collapse_trigger) h5, .metalocator .modal .ml_modal_unified_share a.btn:not(.dropdown-toggle):not(.btn_hours_collapse_trigger) h5, .ml_modal_unified_share .metalocator .modal a.btn:not(.dropdown-toggle):not(.btn_hours_collapse_trigger) h5, .ml_seopg_footer .ml_modal_unified_share button.btn:not(.dropdown-toggle):not(.btn_hours_collapse_trigger) h5, .ml_modal_unified_share .ml_seopg_footer button.btn:not(.dropdown-toggle):not(.btn_hours_collapse_trigger) h5, .ml_seopg_footer .ml_modal_unified_share a.btn:not(.dropdown-toggle):not(.btn_hours_collapse_trigger) h5, .ml_modal_unified_share .ml_seopg_footer a.btn:not(.dropdown-toggle):not(.btn_hours_collapse_trigger) h5, .ml_seopg_header .ml_modal_unified_share button.btn:not(.dropdown-toggle):not(.btn_hours_collapse_trigger) h5, .ml_modal_unified_share .ml_seopg_header button.btn:not(.dropdown-toggle):not(.btn_hours_collapse_trigger) h5, .ml_seopg_header .ml_modal_unified_share a.btn:not(.dropdown-toggle):not(.btn_hours_collapse_trigger) h5, .ml_modal_unified_share .ml_seopg_header a.btn:not(.dropdown-toggle):not(.btn_hours_collapse_trigger) h5, .metalocator .ml_modal_unified_share button.btn:not(.dropdown-toggle):not(.btn_hours_collapse_trigger) h5, .ml_modal_unified_share .metalocator button.btn:not(.dropdown-toggle):not(.btn_hours_collapse_trigger) h5, .metalocator .ml_modal_unified_share a.btn:not(.dropdown-toggle):not(.btn_hours_collapse_trigger) h5, .ml_modal_unified_share .metalocator a.btn:not(.dropdown-toggle):not(.btn_hours_collapse_trigger) h5, .metalocator.ml_interstitialpending fieldset.interstitial-cards-wrap .card-group .card-body h5, .metalocator button.btn:not(.dropdown-toggle):not(.btn_hours_collapse_trigger) h5, .metalocator a.btn:not(.dropdown-toggle):not(.btn_hours_collapse_trigger) h5, .ml_modal_unified_share button.btn:not(.dropdown-toggle):not(.btn_hours_collapse_trigger) h6, .ml_modal_unified_share a.btn:not(.dropdown-toggle):not(.btn_hours_collapse_trigger) h6, .metalocator .modal .ml_modal_unified_share button.btn:not(.dropdown-toggle):not(.btn_hours_collapse_trigger) h6, .ml_modal_unified_share .metalocator .modal button.btn:not(.dropdown-toggle):not(.btn_hours_collapse_trigger) h6, .metalocator .modal .ml_modal_unified_share a.btn:not(.dropdown-toggle):not(.btn_hours_collapse_trigger) h6, .ml_modal_unified_share .metalocator .modal a.btn:not(.dropdown-toggle):not(.btn_hours_collapse_trigger) h6, .ml_seopg_footer .ml_modal_unified_share button.btn:not(.dropdown-toggle):not(.btn_hours_collapse_trigger) h6, .ml_modal_unified_share .ml_seopg_footer button.btn:not(.dropdown-toggle):not(.btn_hours_collapse_trigger) h6, .ml_seopg_footer .ml_modal_unified_share a.btn:not(.dropdown-toggle):not(.btn_hours_collapse_trigger) h6, .ml_modal_unified_share .ml_seopg_footer a.btn:not(.dropdown-toggle):not(.btn_hours_collapse_trigger) h6, .ml_seopg_header .ml_modal_unified_share button.btn:not(.dropdown-toggle):not(.btn_hours_collapse_trigger) h6, .ml_modal_unified_share .ml_seopg_header button.btn:not(.dropdown-toggle):not(.btn_hours_collapse_trigger) h6, .ml_seopg_header .ml_modal_unified_share a.btn:not(.dropdown-toggle):not(.btn_hours_collapse_trigger) h6, .ml_modal_unified_share .ml_seopg_header a.btn:not(.dropdown-toggle):not(.btn_hours_collapse_trigger) h6, .metalocator .ml_modal_unified_share button.btn:not(.dropdown-toggle):not(.btn_hours_collapse_trigger) h6, .ml_modal_unified_share .metalocator button.btn:not(.dropdown-toggle):not(.btn_hours_collapse_trigger) h6, .metalocator .ml_modal_unified_share a.btn:not(.dropdown-toggle):not(.btn_hours_collapse_trigger) h6, .ml_modal_unified_share .metalocator a.btn:not(.dropdown-toggle):not(.btn_hours_collapse_trigger) h6, .metalocator.ml_interstitialpending fieldset.interstitial-cards-wrap .card-group .card-body h6, .metalocator button.btn:not(.dropdown-toggle):not(.btn_hours_collapse_trigger) h6, .metalocator a.btn:not(.dropdown-toggle):not(.btn_hours_collapse_trigger) h6, .ml_modal_unified_share button.btn:not(.dropdown-toggle):not(.btn_hours_collapse_trigger) .h1, .ml_modal_unified_share a.btn:not(.dropdown-toggle):not(.btn_hours_collapse_trigger) .h1, .metalocator .modal .ml_modal_unified_share button.btn:not(.dropdown-toggle):not(.btn_hours_collapse_trigger) .h1, .ml_modal_unified_share .metalocator .modal button.btn:not(.dropdown-toggle):not(.btn_hours_collapse_trigger) .h1, .metalocator .modal .ml_modal_unified_share a.btn:not(.dropdown-toggle):not(.btn_hours_collapse_trigger) .h1, .ml_modal_unified_share .metalocator .modal a.btn:not(.dropdown-toggle):not(.btn_hours_collapse_trigger) .h1, .ml_seopg_footer .ml_modal_unified_share button.btn:not(.dropdown-toggle):not(.btn_hours_collapse_trigger) .h1, .ml_modal_unified_share .ml_seopg_footer button.btn:not(.dropdown-toggle):not(.btn_hours_collapse_trigger) .h1, .ml_seopg_footer .ml_modal_unified_share a.btn:not(.dropdown-toggle):not(.btn_hours_collapse_trigger) .h1, .ml_modal_unified_share .ml_seopg_footer a.btn:not(.dropdown-toggle):not(.btn_hours_collapse_trigger) .h1, .ml_seopg_header .ml_modal_unified_share button.btn:not(.dropdown-toggle):not(.btn_hours_collapse_trigger) .h1, .ml_modal_unified_share .ml_seopg_header button.btn:not(.dropdown-toggle):not(.btn_hours_collapse_trigger) .h1, .ml_seopg_header .ml_modal_unified_share a.btn:not(.dropdown-toggle):not(.btn_hours_collapse_trigger) .h1, .ml_modal_unified_share .ml_seopg_header a.btn:not(.dropdown-toggle):not(.btn_hours_collapse_trigger) .h1, .metalocator .ml_modal_unified_share button.btn:not(.dropdown-toggle):not(.btn_hours_collapse_trigger) .h1, .ml_modal_unified_share .metalocator button.btn:not(.dropdown-toggle):not(.btn_hours_collapse_trigger) .h1, .metalocator .ml_modal_unified_share a.btn:not(.dropdown-toggle):not(.btn_hours_collapse_trigger) .h1, .ml_modal_unified_share .metalocator a.btn:not(.dropdown-toggle):not(.btn_hours_collapse_trigger) .h1, .metalocator.ml_interstitialpending fieldset.interstitial-cards-wrap .card-group .card-body .h1, .metalocator button.btn:not(.dropdown-toggle):not(.btn_hours_collapse_trigger) .h1, .metalocator a.btn:not(.dropdown-toggle):not(.btn_hours_collapse_trigger) .h1, .ml_modal_unified_share button.btn:not(.dropdown-toggle):not(.btn_hours_collapse_trigger) .h2, .ml_modal_unified_share a.btn:not(.dropdown-toggle):not(.btn_hours_collapse_trigger) .h2, .metalocator .modal .ml_modal_unified_share button.btn:not(.dropdown-toggle):not(.btn_hours_collapse_trigger) .h2, .ml_modal_unified_share .metalocator .modal button.btn:not(.dropdown-toggle):not(.btn_hours_collapse_trigger) .h2, .metalocator .modal .ml_modal_unified_share a.btn:not(.dropdown-toggle):not(.btn_hours_collapse_trigger) .h2, .ml_modal_unified_share .metalocator .modal a.btn:not(.dropdown-toggle):not(.btn_hours_collapse_trigger) .h2, .ml_seopg_footer .ml_modal_unified_share button.btn:not(.dropdown-toggle):not(.btn_hours_collapse_trigger) .h2, .ml_modal_unified_share .ml_seopg_footer button.btn:not(.dropdown-toggle):not(.btn_hours_collapse_trigger) .h2, .ml_seopg_footer .ml_modal_unified_share a.btn:not(.dropdown-toggle):not(.btn_hours_collapse_trigger) .h2, .ml_modal_unified_share .ml_seopg_footer a.btn:not(.dropdown-toggle):not(.btn_hours_collapse_trigger) .h2, .ml_seopg_header .ml_modal_unified_share button.btn:not(.dropdown-toggle):not(.btn_hours_collapse_trigger) .h2, .ml_modal_unified_share .ml_seopg_header button.btn:not(.dropdown-toggle):not(.btn_hours_collapse_trigger) .h2, .ml_seopg_header .ml_modal_unified_share a.btn:not(.dropdown-toggle):not(.btn_hours_collapse_trigger) .h2, .ml_modal_unified_share .ml_seopg_header a.btn:not(.dropdown-toggle):not(.btn_hours_collapse_trigger) .h2, .metalocator .ml_modal_unified_share button.btn:not(.dropdown-toggle):not(.btn_hours_collapse_trigger) .h2, .ml_modal_unified_share .metalocator button.btn:not(.dropdown-toggle):not(.btn_hours_collapse_trigger) .h2, .metalocator .ml_modal_unified_share a.btn:not(.dropdown-toggle):not(.btn_hours_collapse_trigger) .h2, .ml_modal_unified_share .metalocator a.btn:not(.dropdown-toggle):not(.btn_hours_collapse_trigger) .h2, .metalocator.ml_interstitialpending fieldset.interstitial-cards-wrap .card-group .card-body .h2, .metalocator button.btn:not(.dropdown-toggle):not(.btn_hours_collapse_trigger) .h2, .metalocator a.btn:not(.dropdown-toggle):not(.btn_hours_collapse_trigger) .h2, .ml_modal_unified_share button.btn:not(.dropdown-toggle):not(.btn_hours_collapse_trigger) .h3, .ml_modal_unified_share a.btn:not(.dropdown-toggle):not(.btn_hours_collapse_trigger) .h3, .metalocator .modal .ml_modal_unified_share button.btn:not(.dropdown-toggle):not(.btn_hours_collapse_trigger) .h3, .ml_modal_unified_share .metalocator .modal button.btn:not(.dropdown-toggle):not(.btn_hours_collapse_trigger) .h3, .metalocator .modal .ml_modal_unified_share a.btn:not(.dropdown-toggle):not(.btn_hours_collapse_trigger) .h3, .ml_modal_unified_share .metalocator .modal a.btn:not(.dropdown-toggle):not(.btn_hours_collapse_trigger) .h3, .ml_seopg_footer .ml_modal_unified_share button.btn:not(.dropdown-toggle):not(.btn_hours_collapse_trigger) .h3, .ml_modal_unified_share .ml_seopg_footer button.btn:not(.dropdown-toggle):not(.btn_hours_collapse_trigger) .h3, .ml_seopg_footer .ml_modal_unified_share a.btn:not(.dropdown-toggle):not(.btn_hours_collapse_trigger) .h3, .ml_modal_unified_share .ml_seopg_footer a.btn:not(.dropdown-toggle):not(.btn_hours_collapse_trigger) .h3, .ml_seopg_header .ml_modal_unified_share button.btn:not(.dropdown-toggle):not(.btn_hours_collapse_trigger) .h3, .ml_modal_unified_share .ml_seopg_header button.btn:not(.dropdown-toggle):not(.btn_hours_collapse_trigger) .h3, .ml_seopg_header .ml_modal_unified_share a.btn:not(.dropdown-toggle):not(.btn_hours_collapse_trigger) .h3, .ml_modal_unified_share .ml_seopg_header a.btn:not(.dropdown-toggle):not(.btn_hours_collapse_trigger) .h3, .metalocator .ml_modal_unified_share button.btn:not(.dropdown-toggle):not(.btn_hours_collapse_trigger) .h3, .ml_modal_unified_share .metalocator button.btn:not(.dropdown-toggle):not(.btn_hours_collapse_trigger) .h3, .metalocator .ml_modal_unified_share a.btn:not(.dropdown-toggle):not(.btn_hours_collapse_trigger) .h3, .ml_modal_unified_share .metalocator a.btn:not(.dropdown-toggle):not(.btn_hours_collapse_trigger) .h3, .metalocator.ml_interstitialpending fieldset.interstitial-cards-wrap .card-group .card-body .h3, .metalocator button.btn:not(.dropdown-toggle):not(.btn_hours_collapse_trigger) .h3, .metalocator a.btn:not(.dropdown-toggle):not(.btn_hours_collapse_trigger) .h3, .ml_modal_unified_share button.btn:not(.dropdown-toggle):not(.btn_hours_collapse_trigger) .h4, .ml_modal_unified_share a.btn:not(.dropdown-toggle):not(.btn_hours_collapse_trigger) .h4, .metalocator .modal .ml_modal_unified_share button.btn:not(.dropdown-toggle):not(.btn_hours_collapse_trigger) .h4, .ml_modal_unified_share .metalocator .modal button.btn:not(.dropdown-toggle):not(.btn_hours_collapse_trigger) .h4, .metalocator .modal .ml_modal_unified_share a.btn:not(.dropdown-toggle):not(.btn_hours_collapse_trigger) .h4, .ml_modal_unified_share .metalocator .modal a.btn:not(.dropdown-toggle):not(.btn_hours_collapse_trigger) .h4, .ml_seopg_footer .ml_modal_unified_share button.btn:not(.dropdown-toggle):not(.btn_hours_collapse_trigger) .h4, .ml_modal_unified_share .ml_seopg_footer button.btn:not(.dropdown-toggle):not(.btn_hours_collapse_trigger) .h4, .ml_seopg_footer .ml_modal_unified_share a.btn:not(.dropdown-toggle):not(.btn_hours_collapse_trigger) .h4, .ml_modal_unified_share .ml_seopg_footer a.btn:not(.dropdown-toggle):not(.btn_hours_collapse_trigger) .h4, .ml_seopg_header .ml_modal_unified_share button.btn:not(.dropdown-toggle):not(.btn_hours_collapse_trigger) .h4, .ml_modal_unified_share .ml_seopg_header button.btn:not(.dropdown-toggle):not(.btn_hours_collapse_trigger) .h4, .ml_seopg_header .ml_modal_unified_share a.btn:not(.dropdown-toggle):not(.btn_hours_collapse_trigger) .h4, .ml_modal_unified_share .ml_seopg_header a.btn:not(.dropdown-toggle):not(.btn_hours_collapse_trigger) .h4, .metalocator .ml_modal_unified_share button.btn:not(.dropdown-toggle):not(.btn_hours_collapse_trigger) .h4, .ml_modal_unified_share .metalocator button.btn:not(.dropdown-toggle):not(.btn_hours_collapse_trigger) .h4, .metalocator .ml_modal_unified_share a.btn:not(.dropdown-toggle):not(.btn_hours_collapse_trigger) .h4, .ml_modal_unified_share .metalocator a.btn:not(.dropdown-toggle):not(.btn_hours_collapse_trigger) .h4, .metalocator.ml_interstitialpending fieldset.interstitial-cards-wrap .card-group .card-body .h4, .metalocator button.btn:not(.dropdown-toggle):not(.btn_hours_collapse_trigger) .h4, .metalocator a.btn:not(.dropdown-toggle):not(.btn_hours_collapse_trigger) .h4, .ml_modal_unified_share button.btn:not(.dropdown-toggle):not(.btn_hours_collapse_trigger) .h5, .ml_modal_unified_share a.btn:not(.dropdown-toggle):not(.btn_hours_collapse_trigger) .h5, .metalocator .modal .ml_modal_unified_share button.btn:not(.dropdown-toggle):not(.btn_hours_collapse_trigger) .h5, .ml_modal_unified_share .metalocator .modal button.btn:not(.dropdown-toggle):not(.btn_hours_collapse_trigger) .h5, .metalocator .modal .ml_modal_unified_share a.btn:not(.dropdown-toggle):not(.btn_hours_collapse_trigger) .h5, .ml_modal_unified_share .metalocator .modal a.btn:not(.dropdown-toggle):not(.btn_hours_collapse_trigger) .h5, .ml_seopg_footer .ml_modal_unified_share button.btn:not(.dropdown-toggle):not(.btn_hours_collapse_trigger) .h5, .ml_modal_unified_share .ml_seopg_footer button.btn:not(.dropdown-toggle):not(.btn_hours_collapse_trigger) .h5, .ml_seopg_footer .ml_modal_unified_share a.btn:not(.dropdown-toggle):not(.btn_hours_collapse_trigger) .h5, .ml_modal_unified_share .ml_seopg_footer a.btn:not(.dropdown-toggle):not(.btn_hours_collapse_trigger) .h5, .ml_seopg_header .ml_modal_unified_share button.btn:not(.dropdown-toggle):not(.btn_hours_collapse_trigger) .h5, .ml_modal_unified_share .ml_seopg_header button.btn:not(.dropdown-toggle):not(.btn_hours_collapse_trigger) .h5, .ml_seopg_header .ml_modal_unified_share a.btn:not(.dropdown-toggle):not(.btn_hours_collapse_trigger) .h5, .ml_modal_unified_share .ml_seopg_header a.btn:not(.dropdown-toggle):not(.btn_hours_collapse_trigger) .h5, .metalocator .ml_modal_unified_share button.btn:not(.dropdown-toggle):not(.btn_hours_collapse_trigger) .h5, .ml_modal_unified_share .metalocator button.btn:not(.dropdown-toggle):not(.btn_hours_collapse_trigger) .h5, .metalocator .ml_modal_unified_share a.btn:not(.dropdown-toggle):not(.btn_hours_collapse_trigger) .h5, .ml_modal_unified_share .metalocator a.btn:not(.dropdown-toggle):not(.btn_hours_collapse_trigger) .h5, .metalocator.ml_interstitialpending fieldset.interstitial-cards-wrap .card-group .card-body .h5, .metalocator button.btn:not(.dropdown-toggle):not(.btn_hours_collapse_trigger) .h5, .metalocator a.btn:not(.dropdown-toggle):not(.btn_hours_collapse_trigger) .h5, .ml_modal_unified_share button.btn:not(.dropdown-toggle):not(.btn_hours_collapse_trigger) .h6, .ml_modal_unified_share a.btn:not(.dropdown-toggle):not(.btn_hours_collapse_trigger) .h6, .metalocator .modal .ml_modal_unified_share button.btn:not(.dropdown-toggle):not(.btn_hours_collapse_trigger) .h6, .ml_modal_unified_share .metalocator .modal button.btn:not(.dropdown-toggle):not(.btn_hours_collapse_trigger) .h6, .metalocator .modal .ml_modal_unified_share a.btn:not(.dropdown-toggle):not(.btn_hours_collapse_trigger) .h6, .ml_modal_unified_share .metalocator .modal a.btn:not(.dropdown-toggle):not(.btn_hours_collapse_trigger) .h6, .ml_seopg_footer .ml_modal_unified_share button.btn:not(.dropdown-toggle):not(.btn_hours_collapse_trigger) .h6, .ml_modal_unified_share .ml_seopg_footer button.btn:not(.dropdown-toggle):not(.btn_hours_collapse_trigger) .h6, .ml_seopg_footer .ml_modal_unified_share a.btn:not(.dropdown-toggle):not(.btn_hours_collapse_trigger) .h6, .ml_modal_unified_share .ml_seopg_footer a.btn:not(.dropdown-toggle):not(.btn_hours_collapse_trigger) .h6, .ml_seopg_header .ml_modal_unified_share button.btn:not(.dropdown-toggle):not(.btn_hours_collapse_trigger) .h6, .ml_modal_unified_share .ml_seopg_header button.btn:not(.dropdown-toggle):not(.btn_hours_collapse_trigger) .h6, .ml_seopg_header .ml_modal_unified_share a.btn:not(.dropdown-toggle):not(.btn_hours_collapse_trigger) .h6, .ml_modal_unified_share .ml_seopg_header a.btn:not(.dropdown-toggle):not(.btn_hours_collapse_trigger) .h6, .metalocator .ml_modal_unified_share button.btn:not(.dropdown-toggle):not(.btn_hours_collapse_trigger) .h6, .ml_modal_unified_share .metalocator button.btn:not(.dropdown-toggle):not(.btn_hours_collapse_trigger) .h6, .metalocator .ml_modal_unified_share a.btn:not(.dropdown-toggle):not(.btn_hours_collapse_trigger) .h6, .ml_modal_unified_share .metalocator a.btn:not(.dropdown-toggle):not(.btn_hours_collapse_trigger) .h6, .metalocator.ml_interstitialpending fieldset.interstitial-cards-wrap .card-group .card-body .h6, .metalocator button.btn:not(.dropdown-toggle):not(.btn_hours_collapse_trigger) .h6, .metalocator a.btn:not(.dropdown-toggle):not(.btn_hours_collapse_trigger) .h6 {
    font-family: var(--font-body);
}
.ml_modal_unified_share button.btn-outline-secondary.btn:not(.dropdown-toggle):not(.btn_hours_collapse_trigger), .ml_modal_unified_share a.btn-outline-secondary.btn:not(.dropdown-toggle):not(.btn_hours_collapse_trigger), .metalocator.ml_interstitialpending fieldset.interstitial-cards-wrap .card-group .btn-outline-secondary.card-body, .metalocator button.btn-outline-secondary.btn:not(.dropdown-toggle):not(.btn_hours_collapse_trigger), .metalocator a.btn-outline-secondary.btn:not(.dropdown-toggle):not(.btn_hours_collapse_trigger), .ml_modal_unified_share button.btn-secondary.btn:not(.dropdown-toggle):not(.btn_hours_collapse_trigger), .ml_modal_unified_share a.btn-secondary.btn:not(.dropdown-toggle):not(.btn_hours_collapse_trigger), .metalocator.ml_interstitialpending fieldset.interstitial-cards-wrap .card-group .btn-secondary.card-body, .metalocator button.btn-secondary.btn:not(.dropdown-toggle):not(.btn_hours_collapse_trigger), .metalocator a.btn-secondary.btn:not(.dropdown-toggle):not(.btn_hours_collapse_trigger) {
    border-color: var(--theme-color-black);
}
.ml_modal_unified_share button.btn-outline-secondary.btn:hover:not(.dropdown-toggle):not(.btn_hours_collapse_trigger), .ml_modal_unified_share a.btn-outline-secondary.btn:hover:not(.dropdown-toggle):not(.btn_hours_collapse_trigger), .metalocator.ml_interstitialpending fieldset.interstitial-cards-wrap .card-group .btn-outline-secondary.card-body:hover, .metalocator button.btn-outline-secondary.btn:hover:not(.dropdown-toggle):not(.btn_hours_collapse_trigger), .metalocator a.btn-outline-secondary.btn:hover:not(.dropdown-toggle):not(.btn_hours_collapse_trigger), .ml_modal_unified_share button.btn-secondary.btn:hover:not(.dropdown-toggle):not(.btn_hours_collapse_trigger), .ml_modal_unified_share a.btn-secondary.btn:hover:not(.dropdown-toggle):not(.btn_hours_collapse_trigger), .metalocator.ml_interstitialpending fieldset.interstitial-cards-wrap .card-group .btn-secondary.card-body:hover, .metalocator button.btn-secondary.btn:hover:not(.dropdown-toggle):not(.btn_hours_collapse_trigger), .metalocator a.btn-secondary.btn:hover:not(.dropdown-toggle):not(.btn_hours_collapse_trigger) {
    color: #FFFFFF !important;
    background-color: var(--theme-color-black) !important;
    border-color: var(--theme-color-black) !important;
}
.ml_modal_unified_share button.btn-outline-secondary.btn:focus:not(.dropdown-toggle):not(.btn_hours_collapse_trigger), .ml_modal_unified_share a.btn-outline-secondary.btn:focus:not(.dropdown-toggle):not(.btn_hours_collapse_trigger), .metalocator.ml_interstitialpending fieldset.interstitial-cards-wrap .card-group .btn-outline-secondary.card-body:focus, .metalocator button.btn-outline-secondary.btn:focus:not(.dropdown-toggle):not(.btn_hours_collapse_trigger), .metalocator a.btn-outline-secondary.btn:focus:not(.dropdown-toggle):not(.btn_hours_collapse_trigger), .ml_modal_unified_share button.btn-secondary.btn:focus:not(.dropdown-toggle):not(.btn_hours_collapse_trigger), .ml_modal_unified_share a.btn-secondary.btn:focus:not(.dropdown-toggle):not(.btn_hours_collapse_trigger), .metalocator.ml_interstitialpending fieldset.interstitial-cards-wrap .card-group .btn-secondary.card-body:focus, .metalocator button.btn-secondary.btn:focus:not(.dropdown-toggle):not(.btn_hours_collapse_trigger), .metalocator a.btn-secondary.btn:focus:not(.dropdown-toggle):not(.btn_hours_collapse_trigger) {
    -webkit-box-shadow: 0 0 0.2rem var(--secondary-shadow-color) !important;
    box-shadow: 0 0 0.2rem var(--secondary-shadow-color) !important;
}
.ml_modal_unified_share button.btn:hover:not(.dropdown-toggle):not(.btn_hours_collapse_trigger), .ml_modal_unified_share a.btn:hover:not(.dropdown-toggle):not(.btn_hours_collapse_trigger), .metalocator.ml_interstitialpending fieldset.interstitial-cards-wrap .card-group .card-body:hover, .metalocator button.btn:hover:not(.dropdown-toggle):not(.btn_hours_collapse_trigger), .metalocator a.btn:hover:not(.dropdown-toggle):not(.btn_hours_collapse_trigger) {
    color: #FFFFFF !important;
    background-color: var(--theme-color-primary) !important;
    border-color: var(--theme-color-primary) !important;
}
.ml_modal_unified_share button.btn:focus:not(.dropdown-toggle):not(.btn_hours_collapse_trigger), .ml_modal_unified_share a.btn:focus:not(.dropdown-toggle):not(.btn_hours_collapse_trigger), .metalocator.ml_interstitialpending fieldset.interstitial-cards-wrap .card-group .card-body:focus, .metalocator button.btn:focus:not(.dropdown-toggle):not(.btn_hours_collapse_trigger), .metalocator a.btn:focus:not(.dropdown-toggle):not(.btn_hours_collapse_trigger) {
    -webkit-box-shadow: 0 0 0 0.2rem var(--primary-shadow-color) !important;
    box-shadow: 0 0 0 0.2rem var(--primary-shadow-color) !important;
}
.ml_modal_unified_share select, .ml_modal_unified_share textarea, .ml_modal_unified_share input:not([type=radio]):not([type=checkbox]), .ml_modal_unified_share .metalocator select, .metalocator .modal .metalocator select, .ml_seopg_footer .metalocator select, .ml_seopg_header .metalocator select, .metalocator .ml_modal_unified_share select, .metalocator .modal select, .metalocator .ml_seopg_footer select, .metalocator .ml_seopg_header select, .ml_modal_unified_share .metalocator textarea, .metalocator .modal .metalocator textarea, .ml_seopg_footer .metalocator textarea, .ml_seopg_header .metalocator textarea, .metalocator .ml_modal_unified_share textarea, .metalocator .modal textarea, .metalocator .ml_seopg_footer textarea, .metalocator .ml_seopg_header textarea, .metalocator select, .metalocator textarea, .metalocator input:not([type=radio]):not([type=checkbox]) {
    border: 1px solid var(--border-color) !important;
    border: none;
    border-radius: 0px;
    padding-block: 12px;
    height: auto;
    padding-inline: 7px;
    letter-spacing: normal;
}
.ml_modal_unified_share select::-webkit-input-placeholder, .ml_modal_unified_share textarea::-webkit-input-placeholder, .ml_modal_unified_share input:not([type=radio]):not([type=checkbox])::-webkit-input-placeholder, .ml_modal_unified_share .metalocator select::-webkit-input-placeholder, .metalocator .modal .metalocator select::-webkit-input-placeholder, .ml_seopg_footer .metalocator select::-webkit-input-placeholder, .ml_seopg_header .metalocator select::-webkit-input-placeholder, .metalocator .ml_modal_unified_share select::-webkit-input-placeholder, .metalocator .modal select::-webkit-input-placeholder, .metalocator .ml_seopg_footer select::-webkit-input-placeholder, .metalocator .ml_seopg_header select::-webkit-input-placeholder, .ml_modal_unified_share .metalocator textarea::-webkit-input-placeholder, .metalocator .modal .metalocator textarea::-webkit-input-placeholder, .ml_seopg_footer .metalocator textarea::-webkit-input-placeholder, .ml_seopg_header .metalocator textarea::-webkit-input-placeholder, .metalocator .ml_modal_unified_share textarea::-webkit-input-placeholder, .metalocator .modal textarea::-webkit-input-placeholder, .metalocator .ml_seopg_footer textarea::-webkit-input-placeholder, .metalocator .ml_seopg_header textarea::-webkit-input-placeholder, .metalocator select::-webkit-input-placeholder, .metalocator textarea::-webkit-input-placeholder, .metalocator input:not([type=radio]):not([type=checkbox])::-webkit-input-placeholder {
    color: var(--text-color-light);
}
.ml_modal_unified_share select::-moz-placeholder, .ml_modal_unified_share textarea::-moz-placeholder, .ml_modal_unified_share input:not([type=radio]):not([type=checkbox])::-moz-placeholder, .ml_modal_unified_share .metalocator select::-moz-placeholder, .metalocator .modal .metalocator select::-moz-placeholder, .ml_seopg_footer .metalocator select::-moz-placeholder, .ml_seopg_header .metalocator select::-moz-placeholder, .metalocator .ml_modal_unified_share select::-moz-placeholder, .metalocator .modal select::-moz-placeholder, .metalocator .ml_seopg_footer select::-moz-placeholder, .metalocator .ml_seopg_header select::-moz-placeholder, .ml_modal_unified_share .metalocator textarea::-moz-placeholder, .metalocator .modal .metalocator textarea::-moz-placeholder, .ml_seopg_footer .metalocator textarea::-moz-placeholder, .ml_seopg_header .metalocator textarea::-moz-placeholder, .metalocator .ml_modal_unified_share textarea::-moz-placeholder, .metalocator .modal textarea::-moz-placeholder, .metalocator .ml_seopg_footer textarea::-moz-placeholder, .metalocator .ml_seopg_header textarea::-moz-placeholder, .metalocator select::-moz-placeholder, .metalocator textarea::-moz-placeholder, .metalocator input:not([type=radio]):not([type=checkbox])::-moz-placeholder {
    color: var(--text-color-light);
}
.ml_modal_unified_share select:-ms-input-placeholder, .ml_modal_unified_share textarea:-ms-input-placeholder, .ml_modal_unified_share input:not([type=radio]):not([type=checkbox]):-ms-input-placeholder, .ml_modal_unified_share .metalocator select:-ms-input-placeholder, .metalocator .modal .metalocator select:-ms-input-placeholder, .ml_seopg_footer .metalocator select:-ms-input-placeholder, .ml_seopg_header .metalocator select:-ms-input-placeholder, .metalocator .ml_modal_unified_share select:-ms-input-placeholder, .metalocator .modal select:-ms-input-placeholder, .metalocator .ml_seopg_footer select:-ms-input-placeholder, .metalocator .ml_seopg_header select:-ms-input-placeholder, .ml_modal_unified_share .metalocator textarea:-ms-input-placeholder, .metalocator .modal .metalocator textarea:-ms-input-placeholder, .ml_seopg_footer .metalocator textarea:-ms-input-placeholder, .ml_seopg_header .metalocator textarea:-ms-input-placeholder, .metalocator .ml_modal_unified_share textarea:-ms-input-placeholder, .metalocator .modal textarea:-ms-input-placeholder, .metalocator .ml_seopg_footer textarea:-ms-input-placeholder, .metalocator .ml_seopg_header textarea:-ms-input-placeholder, .metalocator select:-ms-input-placeholder, .metalocator textarea:-ms-input-placeholder, .metalocator input:not([type=radio]):not([type=checkbox]):-ms-input-placeholder {
    color: var(--text-color-light);
}
.ml_modal_unified_share select::-ms-input-placeholder, .ml_modal_unified_share textarea::-ms-input-placeholder, .ml_modal_unified_share input:not([type=radio]):not([type=checkbox])::-ms-input-placeholder, .ml_modal_unified_share .metalocator select::-ms-input-placeholder, .metalocator .modal .metalocator select::-ms-input-placeholder, .ml_seopg_footer .metalocator select::-ms-input-placeholder, .ml_seopg_header .metalocator select::-ms-input-placeholder, .metalocator .ml_modal_unified_share select::-ms-input-placeholder, .metalocator .modal select::-ms-input-placeholder, .metalocator .ml_seopg_footer select::-ms-input-placeholder, .metalocator .ml_seopg_header select::-ms-input-placeholder, .ml_modal_unified_share .metalocator textarea::-ms-input-placeholder, .metalocator .modal .metalocator textarea::-ms-input-placeholder, .ml_seopg_footer .metalocator textarea::-ms-input-placeholder, .ml_seopg_header .metalocator textarea::-ms-input-placeholder, .metalocator .ml_modal_unified_share textarea::-ms-input-placeholder, .metalocator .modal textarea::-ms-input-placeholder, .metalocator .ml_seopg_footer textarea::-ms-input-placeholder, .metalocator .ml_seopg_header textarea::-ms-input-placeholder, .metalocator select::-ms-input-placeholder, .metalocator textarea::-ms-input-placeholder, .metalocator input:not([type=radio]):not([type=checkbox])::-ms-input-placeholder {
    color: var(--text-color-light);
}
.ml_modal_unified_share select::placeholder, .ml_modal_unified_share textarea::placeholder, .ml_modal_unified_share input:not([type=radio]):not([type=checkbox])::placeholder, .ml_modal_unified_share .metalocator select::placeholder, .metalocator .modal .metalocator select::placeholder, .ml_seopg_footer .metalocator select::placeholder, .ml_seopg_header .metalocator select::placeholder, .metalocator .ml_modal_unified_share select::placeholder, .metalocator .modal select::placeholder, .metalocator .ml_seopg_footer select::placeholder, .metalocator .ml_seopg_header select::placeholder, .ml_modal_unified_share .metalocator textarea::placeholder, .metalocator .modal .metalocator textarea::placeholder, .ml_seopg_footer .metalocator textarea::placeholder, .ml_seopg_header .metalocator textarea::placeholder, .metalocator .ml_modal_unified_share textarea::placeholder, .metalocator .modal textarea::placeholder, .metalocator .ml_seopg_footer textarea::placeholder, .metalocator .ml_seopg_header textarea::placeholder, .metalocator select::placeholder, .metalocator textarea::placeholder, .metalocator input:not([type=radio]):not([type=checkbox])::placeholder {
    color: var(--text-color-light);
}
.ml_modal_unified_share select:focus, .ml_modal_unified_share textarea:focus, .ml_modal_unified_share input:focus:not([type=radio]):not([type=checkbox]), .ml_modal_unified_share .metalocator select:focus, .metalocator .modal .metalocator select:focus, .ml_seopg_footer .metalocator select:focus, .ml_seopg_header .metalocator select:focus, .metalocator .ml_modal_unified_share select:focus, .metalocator .ml_seopg_footer select:focus, .metalocator .ml_seopg_header select:focus, .ml_modal_unified_share .metalocator textarea:focus, .metalocator .modal .metalocator textarea:focus, .ml_seopg_footer .metalocator textarea:focus, .ml_seopg_header .metalocator textarea:focus, .metalocator .ml_modal_unified_share textarea:focus, .metalocator .ml_seopg_footer textarea:focus, .metalocator .ml_seopg_header textarea:focus, .metalocator select:focus, .metalocator textarea:focus, .metalocator input:focus:not([type=radio]):not([type=checkbox]) {
    border-color: var(--theme-color-black) !important;
}
.metalocator .bootstrap-select.form-control .dropdown-toggle:after {
    width: 7.29px;
    height: 12.12px;
    -webkit-transform: rotate(0deg) !important;
    transform: rotate(0deg) !important;
    background-image: url("https://d23g0hayoxy5dh.cloudfront.net/ul/11544/images/bulk/gallery/icon-chevron-right.svg");
    margin: 0px;
    border: none;
    -webkit-transition: 0.3s ease transform;
    transition: 0.3s ease transform;
}
.metalocator .bootstrap-select.form-control [aria-expanded=true].dropdown-toggle:after {
    -webkit-transform: rotate(90deg) !important;
    transform: rotate(90deg) !important;
}
.ml_modal_unified_share .metalocator .bootstrap-select.form-control, .metalocator .modal .metalocator .bootstrap-select.form-control, .ml_seopg_footer .metalocator .bootstrap-select.form-control, .ml_seopg_header .metalocator .bootstrap-select.form-control, .metalocator .ml_modal_unified_share .bootstrap-select.form-control, .metalocator .ml_seopg_footer .bootstrap-select.form-control, .metalocator .ml_seopg_header .bootstrap-select.form-control, .metalocator .bootstrap-select.form-control, .metalocator .search .bootstrap-select.form-control {
    min-width: 100% !important;
    max-width: 100% !important;
}
.metalocator .bootstrap-select.form-control .dropdown-toggle {
    padding-block: 13px;
    padding-inline: 8px 15.29px;
    outline: 1px solid var(--theme-color-black);
    border: none;
    border-radius: 0px;
    width: 100%;
    background: transparent;
}
.metalocator .show-tick.bootstrap-select.form-control .dropdown-menu li a span.text {
    margin-right: 0px !important;
}
.metalocator .bootstrap-select.form-control .dropdown-menu {
    max-width: 100% !important;
    width: 100%;
    padding: 0px !important;
    border-radius: 0;
    border: 1px solid var(--border-color);
}
.metalocator .bootstrap-select.form-control .dropdown-menu.show {
    min-width: 1px !important;
}
.metalocator .bootstrap-select.form-control .dropdown-menu .popover-header {
    display: none;
}
.metalocator .bootstrap-select.form-control .dropdown-menu ul.dropdown-menu {
    padding: 12px 0px !important;
    border: none;
}
.metalocator .bootstrap-select.form-control .dropdown-menu ul.dropdown-menu li a {
    padding-top: 8px;
    padding-bottom: 8px;
    padding-left: 52px;
    padding-right: 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: var(--text-color);
}
.metalocator .bootstrap-select.form-control .dropdown-menu ul.dropdown-menu li a.active, .metalocator .bootstrap-select.form-control .dropdown-menu ul.dropdown-menu li a:active {
    background-color: #f8f9fa;
    -webkit-box-shadow: none;
    box-shadow: none;
}
.metalocator .bootstrap-select.form-control .dropdown-menu ul.dropdown-menu li a span.check-mark {
    display: block;
    position: absolute;
    width: 20px;
    height: 20px;
    left: 20px;
    right: auto;
    border: 1px solid var(--text-color);
    top: auto;
}
.metalocator .bootstrap-select.form-control .dropdown-menu ul.dropdown-menu li a span.check-mark:after {
    opacity: 0;
    position: absolute;
    border: none;
    content: "";
    background-image: url("https://d23g0hayoxy5dh.cloudfront.net/ul/11578/images/bulk/gallery/icon-checkmark.svg") !important;
    width: 15px;
    height: 11px;
    background-size: contain;
    margin: 0px !important;
    -webkit-transform: none;
    transform: none;
    background-repeat: no-repeat;
    top: 4px !important;
    left: 3px !important;
}
.metalocator .bootstrap-select.form-control .dropdown-menu ul.dropdown-menu li a span.text {
    font-size: 0.875rem;
    line-height: 1.375rem;
    color: var(--theme-color-black) !important;
}
.metalocator .bootstrap-select.form-control .dropdown-menu ul.dropdown-menu li a.selected span.check-mark {
    background-color: var(--theme-color-primary);
    border-color: var(--theme-color-primary);
    border: none;
}
.metalocator .bootstrap-select.form-control .dropdown-menu ul.dropdown-menu li a.selected span.check-mark:after {
    opacity: 1;
}
.metalocator #ml_searchform .ml_searchform_row_1 span[data-element-name=advanced_1] a i {
    display: none;
}
.metalocator .sec_reviews .reviews_wrap .review_stars, .metalocator .review_stars.ml_field_name_container_review, .metalocator .loc_details .top_left .ml_review_stars, .metalocator .ml_review_stars.ml_field_name_container_review, .metalocator .sec_reviews .reviews_wrap .review_stars:not(.review_stars):not(.ml_review_stars) span, .metalocator .loc_details .top_left .ml_review_stars:not(.review_stars):not(.ml_review_stars) span, .metalocator .ml_field_name_container_review:not(.review_stars):not(.ml_review_stars) span {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 3px;
    line-height: normal;
    color: var(--text-color-light) !important;
}
.metalocator .sec_reviews .reviews_wrap .review_stars i, .metalocator .loc_details .top_left .ml_review_stars i, .metalocator .ml_field_name_container_review i {
    width: 14px;
    height: 14px;
}
.metalocator .sec_reviews .reviews_wrap .review_stars i:before, .metalocator .loc_details .top_left .ml_review_stars i:before, .metalocator .ml_field_name_container_review i:before {
    content: none;
}
.metalocator .sec_reviews .reviews_wrap .review_stars i.fas.fa-star, .metalocator .loc_details .top_left .ml_review_stars i.fas.fa-star, .metalocator .ml_field_name_container_review i.fas.fa-star {
    background-image: url("https://d23g0hayoxy5dh.cloudfront.net/ul/11544/images/bulk/gallery/full-star.svg");
}
.metalocator .sec_reviews .reviews_wrap .review_stars i.far.fa-star, .metalocator .loc_details .top_left .ml_review_stars i.far.fa-star, .metalocator .ml_field_name_container_review i.far.fa-star {
    background-image: url("https://d23g0hayoxy5dh.cloudfront.net/ul/11544/images/bulk/gallery/empty-star.svg");
}
.metalocator .sec_reviews .reviews_wrap .review_stars i.fas.fa-star-half-alt, .metalocator .loc_details .top_left .ml_review_stars i.fas.fa-star-half-alt, .metalocator .ml_field_name_container_review i.fas.fa-star-half-alt {
    background-image: url("https://d23g0hayoxy5dh.cloudfront.net/ul/11544/images/bulk/gallery/half-star.svg");
}
.ml_modal_unified_share .close, .metalocator .modal .close, .metalocator .map .mapboxgl-popup-close-button {
    background-image: url("https://d23g0hayoxy5dh.cloudfront.net/ul/11544/images/bulk/gallery/close-icon.svg");
    width: 20px;
    height: 28.28px;
    background-size: 16px;
    background-repeat: no-repeat;
    text-indent: -999px;
    padding: 0px;
    right: 24px;
    top: 26px;
    opacity: 1 !important;
    position: relative;
    background-position: center;
    grid-column: 1;
    grid-row: 1;
    justify-self: end;
    z-index: 1;
}
.ml_modal_unified_share .ml_social_share a, .metalocator .modal .ml_social_share a, .metalocator #ml_searchform .ml_searchform_row_1 span[data-element-name=advanced_1] a {
    position: relative;
}
.ml_modal_unified_share .ml_social_share a::after, .metalocator .modal .ml_social_share a::after, .metalocator #ml_searchform .ml_searchform_row_1 span[data-element-name=advanced_1] a::after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    inset: 0px;
    opacity: 0;
    -webkit-transition: 0.3s ease opacity;
    transition: 0.3s ease opacity;
}
.ml_modal_unified_share .ml_social_share a:hover, .metalocator .modal .ml_social_share a:hover, .metalocator #ml_searchform .ml_searchform_row_1 span[data-element-name=advanced_1] a:hover {
    background-image: none;
}
.ml_modal_unified_share .ml_social_share a:hover:after, .metalocator .modal .ml_social_share a:hover:after, .metalocator #ml_searchform .ml_searchform_row_1 span[data-element-name=advanced_1] a:hover:after {
    opacity: 1;
}
.metalocator.ml-directory-levelstate .ml_directory_root .btn:after, .metalocator.ml-directory-levelcountry .ml_directory_root .btn:after, .metalocator.ml_interstitialpending fieldset.interstitial-cards-wrap .card-group .card-body span {
    text-indent: -9999px;
    width: 16px;
    height: 13px;
    margin-left: 10px;
    background-color: transparent;
    border: none;
    border-radius: 0;
    background-image: url("https://d23g0hayoxy5dh.cloudfront.net/ul/11544/images/bulk/gallery/right-arrow.svg");
}
.metalocator.ml-directory-levelstate .ml_directory_root .btn:active:after, .metalocator.ml-directory-levelcountry .ml_directory_root .btn:active:after, .metalocator.ml_interstitialpending fieldset.interstitial-cards-wrap .card-group .card-body span:active {
    background-color: transparent;
}
.metalocator .ml-location-page .row, .metalocator .ml-directory-page .row {
    margin: 0px;
}
.metalocator .ml-location-page .row:before, .metalocator .ml-directory-page .row:before, .metalocator .ml-location-page .row:after, .metalocator .ml-directory-page .row:after {
    content: none;
}
.metalocator .sec_nearby .row div[class*=col], .metalocator.ml-directory-levelcity .ml-locations-section .ml_location {
    border: none !important;
    background-color: var(--color-card-bg);
}
.metalocator .sec_nearby .row div[class*=col] .card-body, .metalocator.ml-directory-levelcity .ml-locations-section .ml_location .card-body, .metalocator .sec_nearby .row div[class*=col], .metalocator.ml-directory-levelcity .ml-locations-section [class*=col].ml_location {
    padding: var(--cards-padding);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: stretch;
    -ms-flex-pack: stretch;
    justify-content: stretch;
    height: 100%;
    gap: 0px;
}
.metalocator.ml-directory-levelcity .ml-locations-section .ml_location .card-body .card-title, .metalocator .sec_nearby .row div[class*=col] .card-title, .metalocator.ml-directory-levelcity .ml-locations-section [class*=col].ml_location .card-title {
    font-size: 1.5rem;
    line-height: 1.875rem;
    margin-bottom: 16px;
}
.metalocator.ml-directory-levelcity .ml-locations-section .ml_location .card-body address, .metalocator .sec_nearby .row div[class*=col] address, .metalocator.ml-directory-levelcity .ml-locations-section [class*=col].ml_location address {
    margin-bottom: 24px !important;
}
.metalocator.ml-directory-levelcity .ml-locations-section .ml_location .card-body div:empty, .metalocator.ml-directory-levelcity .ml-locations-section .ml_location .card-body p:empty, .metalocator .sec_nearby .row div[class*=col] div:empty, .metalocator.ml-directory-levelcity .ml-locations-section [class*=col].ml_location div:empty, .metalocator .sec_nearby .row div[class*=col] p:empty, .metalocator.ml-directory-levelcity .ml-locations-section [class*=col].ml_location p:empty {
    margin: 0px;
    display: none;
}
.metalocator .sec_nearby .row div[class*=col] h4, .metalocator.ml-directory-levelcity .ml-locations-section [class*=col].ml_location h4 {
    font-size: 1.5rem;
    line-height: 1.875rem;
    margin-bottom: 16px;
}
.metalocator .sec_nearby .row div[class*=col] a, .metalocator.ml-directory-levelcity .ml-locations-section [class*=col].ml_location a {
    margin-top: auto;
    color: var(--color-link-orange) !important;
}
.metalocator .sec_reviews .reviews_wrap .review_summary {
    gap: 14px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}
.metalocator .sec_reviews .reviews_wrap .review_summary .review_average {
    font-size: 3rem;
    line-height: 3.75rem;
    margin-bottom: 2px;
    font-family: var(--font-heading);
    font-weight: 700;
}
.metalocator .sec_reviews .reviews_wrap .review_summary .progress {
    height: 18px;
    max-width: 100%;
    width: 194px;
    border-radius: 0px;
    background-color: var(--border-color);
}
@media (min-width: 768px) {
    .metalocator .sec_reviews .reviews_wrap .review_summary .progress {
        width: 514px;
    }
}
.metalocator .sec_reviews .reviews_wrap .review_summary .row {
    gap: 10px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.metalocator .sec_reviews .reviews_wrap .review_summary .row > div {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: auto;
    padding: 0px !important;
}
.metalocator .sec_reviews .reviews_wrap .review_summary .row .review_rating_number {
    font-family: var(--font-heading);
    font-size: 1.25rem;
    line-height: 1.563rem;
    font-weight: 700;
}
@media (min-width: 768px) {
    .metalocator .sec_reviews .reviews_wrap .review_summary .row .review_rating_number {
        font-size: 1.5rem;
        line-height: 1.875rem;
    }
}
.metalocator .sec_reviews .reviews_wrap .review_summary .row .review_rating_star img {
    width: 18px;
    height: 18px;
}
.metalocator .sec_reviews .reviews_wrap .reviews .ind_review {
    padding-top: var(--cards-padding);
    padding-inline: 0px !important;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 6px;
}
.metalocator .sec_reviews .reviews_wrap .reviews .ind_review h4, .metalocator .sec_reviews .reviews_wrap .reviews .ind_review p {
    margin: 0px;
}
.metalocator .sec_reviews .reviews_wrap .reviews .ind_review h4 {
    font-weight: 700 !important;
}
.metalocator .sec_reviews .reviews_wrap .reviews .ind_review p {
    color: var(--text-color-light);
}
.metalocator .sec_reviews .reviews_wrap .reviews .ind_review p span {
    color: var(--theme-color-black);
}
.metalocator .sec_reviews .reviews_wrap .reviews .ind_review .review_content p {
    margin-bottom: 6px;
}
.ml_modal_unified_share .metalocator .custom-checkbox .custom-control-label, .metalocator .modal .metalocator .custom-checkbox .custom-control-label, .ml_seopg_footer .metalocator .custom-checkbox .custom-control-label, .ml_seopg_header .metalocator .custom-checkbox .custom-control-label, .metalocator .ml_modal_unified_share .custom-checkbox .custom-control-label, .metalocator .ml_seopg_footer .custom-checkbox .custom-control-label, .metalocator .ml_seopg_header .custom-checkbox .custom-control-label, .metalocator .custom-checkbox .custom-control-label {
    text-transform: none;
    font-weight: normal;
}
.metalocator .custom-checkbox .custom-control-label:before {
    border: 1px solid var(--text-color-light);
    left: -1.75rem !important;
    width: 1.25rem;
    height: 1.25rem;
    border-radius: 0px;
}
.metalocator .custom-checkbox .custom-control-label:after {
    width: 1.25rem;
    height: 1.25rem;
}
.metalocator .custom-checkbox .custom-control-label:before, .metalocator .custom-checkbox .custom-control-label:after {
    top: 0px;
    bottom: 0px;
    margin: 0px;
}
.ml_modal_unified_share .metalocator .custom-checkbox, .metalocator .modal .metalocator .custom-checkbox, .ml_seopg_footer .metalocator .custom-checkbox, .ml_seopg_header .metalocator .custom-checkbox, .metalocator .ml_modal_unified_share .custom-checkbox, .metalocator .ml_seopg_footer .custom-checkbox, .metalocator .ml_seopg_header .custom-checkbox, .metalocator .custom-checkbox {
    color: var(--text-color-light);
    margin: 0px;
    padding-left: 1.75rem;
    min-height: 1px;
}
.ml_modal_unified_share .metalocator .custom-checkbox .form-check-input, .metalocator .modal .metalocator .custom-checkbox .form-check-input, .ml_seopg_footer .metalocator .custom-checkbox .form-check-input, .ml_seopg_header .metalocator .custom-checkbox .form-check-input, .metalocator .ml_modal_unified_share .custom-checkbox .form-check-input, .metalocator .ml_seopg_footer .custom-checkbox .form-check-input, .metalocator .ml_seopg_header .custom-checkbox .form-check-input, .metalocator .custom-checkbox .form-check-input {
    position: absolute !important;
}
.metalocator .custom-checkbox .custom-control-input:checked ~ .custom-control-label {
    color: var(--text-color);
}
.metalocator .custom-checkbox .custom-control-input:checked ~ .custom-control-label:before {
    background-color: var(--text-color) !important;
    border-color: var(--text-color) !important;
}
.metalocator .custom-checkbox .custom-control-input:checked ~ .custom-control-label:after {
    content: "";
    background-image: url("https://d23g0hayoxy5dh.cloudfront.net/ul/11578/images/bulk/gallery/icon-checkmark.svg") !important;
    width: 15px;
    height: 11px;
    top: 5px;
    background-size: contain;
    left: -1.6rem;
    margin: 0px !important;
}
.metalocator .loc_details .top_left .ml-categories-container .loc_categories, .metalocator .com_locator_entry .card .ml_field_name_container_taglist a + .collapse, .metalocator .com_locator_entry .card .ml_field_name_container_taglist a + .collapsing {
    -webkit-transform: translateY(-8px);
    transform: translateY(-8px);
}
.metalocator .loc_details .top_left .ml-categories-container .loc_categories ul, .metalocator .com_locator_entry .card .ml_field_name_container_taglist a + .collapse ul, .metalocator .com_locator_entry .card .ml_field_name_container_taglist a + .collapsing ul {
    font-weight: normal;
    font-size: 0.875rem;
    color: var(--text-color-light);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-column-gap: 10px;
    -moz-column-gap: 10px;
    column-gap: 10px;
    margin-bottom: 8px;
}
.metalocator .loc_details .top_left .ml-categories-container .loc_categories ul.ml_tag_group_listproductssold li, .metalocator .com_locator_entry .card .ml_field_name_container_taglist a + .collapse ul.ml_tag_group_listproductssold li, .metalocator .com_locator_entry .card .ml_field_name_container_taglist a + .collapsing ul.ml_tag_group_listproductssold li {
    color: var(--color-link-orange);
}
.metalocator .loc_details .top_left .ml-categories-container .loc_categories ul li, .metalocator .com_locator_entry .card .ml_field_name_container_taglist a + .collapse ul li, .metalocator .com_locator_entry .card .ml_field_name_container_taglist a + .collapsing ul li {
    position: relative;
}
.metalocator .loc_details .top_left .ml-categories-container .loc_categories ul li:not(:last-of-type), .metalocator .com_locator_entry .card .ml_field_name_container_taglist a + .collapse ul li:not(:last-of-type), .metalocator .com_locator_entry .card .ml_field_name_container_taglist a + .collapsing ul li:not(:last-of-type) {
    padding-right: 10px;
}
.metalocator .loc_details .top_left .ml-categories-container .loc_categories ul li:not(:last-of-type):after, .metalocator .com_locator_entry .card .ml_field_name_container_taglist a + .collapse ul li:not(:last-of-type):after, .metalocator .com_locator_entry .card .ml_field_name_container_taglist a + .collapsing ul li:not(:last-of-type):after {
    content: "•";
    position: absolute;
    font-weight: 700;
    right: -5px;
    color: var(--text-color-light);
}

.metalocator {
    font-size: 0.875rem;
    line-height: 1.375rem;
    font-family: var(--font-body) !important;
}
.metalocator h1, .metalocator h2, .metalocator h3, .metalocator h4, .metalocator h5, .metalocator h6, .metalocator .h1, .metalocator .h2, .metalocator .h3, .metalocator .h4, .metalocator .h5, .metalocator .h6 {
    font-family: var(--font-heading);
    font-weight: 700;
}
.metalocator h1, .metalocator .h1 {
    font-size: 1.5rem;
    line-height: 1.875rem;
}
.metalocator h3, .metalocator .h3 {
    font-size: 1.25rem;
    line-height: 1.563rem;
}
.metalocator address a {
    color: var(--color-link-orange) !important;
    text-decoration: none !important;
}
.metalocator address a.text-dark {
    color: var(--color-link-orange) !important;
}
.metalocator address a.ml-text-underline {
    text-decoration: none !important;
}
.metalocator address a:hover {
    text-decoration: underline !important;
}
.metalocator a {
    color: var(--color-link-orange) !important;
}
@media (min-width: 577px) {
    .metalocator h1, .metalocator .h1, .metalocator h2, .metalocator .h2 {
        font-size: 2.25rem;
        line-height: 2.813rem;
    }
    .metalocator h3, .metalocator .h3 {
        font-size: 1.5rem;
        line-height: 1.875rem;
    }
}

/*** Input Fields ***/
/*** Input Fields End ***/
/*** Buttons ***/
.metalocator .btn {
    border-radius: 2rem;
}
.metalocator a[data-toggle=collapse],
.metalocator button[data-toggle=collapse] {
    padding-right: 22.12px;
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
}
.metalocator a[data-toggle=collapse]:after,
.metalocator button[data-toggle=collapse]:after {
    content: "" !important;
    height: 7.29px;
    width: 12.12px;
    background-image: url("https://d23g0hayoxy5dh.cloudfront.net/ul/11544/images/bulk/gallery/chevron.svg");
    -webkit-transform: none !important;
    transform: none !important;
    position: absolute;
    -webkit-transition: 0.3s ease transform;
    transition: 0.3s ease transform;
    right: 0px;
}
.metalocator a[data-toggle=collapse][aria-expanded=true]:after,
.metalocator button[data-toggle=collapse][aria-expanded=true]:after {
    -webkit-transform: rotate(180deg) !important;
    transform: rotate(180deg) !important;
}
.metalocator .btn.dropdown-toggle.btn-light .filter-option {
    color: var(--text-color-light);
}
.metalocator div.ml_dropdown_has_value .btn.dropdown-toggle.btn-light .filter-option {
    color: var(--theme-color-black);
}
.metalocator .ml_single_select .bootstrap-select.form-control .dropdown-menu ul.dropdown-menu li a {
    padding-left: 20px;
}
.metalocator .ml_single_select .bootstrap-select.form-control .dropdown-menu ul.dropdown-menu li a.selected {
    font-weight: 700;
}
.metalocator .ml_single_select .bootstrap-select.form-control .dropdown-menu ul.dropdown-menu li a span.check-mark {
    display: none;
}

/*** Buttons End ***/
/*** Buttons For Selection ***/
.metalocator.ml_interstitialpending .ml_animated_gradient {
    display: none !important;
    visibility: hidden;
}
.metalocator.ml_interstitialpending fieldset.interstitial-cards-wrap .card-group .card-body {
    background-color: var(--text-color-white); /* Changed from transparent to white */
    gap: 0px;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
}
.metalocator.ml_interstitialpending fieldset.interstitial-cards-wrap .card-group .card-body:hover span {
    -webkit-filter: invert(1);
    filter: invert(1);
}
@media (max-width: 768px) {
    .metalocator.ml_interstitialpending .ml_interstitial {
        padding-top: 35vw !important;
    }
}
.metalocator .ml_selection_made {
    display: none;
}
@media (min-width: 577px) {
    .metalocator .ml_selection_made {
        display: block;
        padding: 0px;
    }
}

/*** Buttons For Selection Ends  ***/
/*** Custom Icons ***/
.metalocator a.ml_unifiedshare {
    background-image: url("https://d23g0hayoxy5dh.cloudfront.net/ul/11544/images/bulk/gallery/share-icon.svg");
    width: 20px;
    height: 26px;
    display: inline-block;
}
.metalocator a.ml_unifiedshare i {
    display: none;
}
.metalocator .ml_social_share i:before .card-body .ml_field_template_container_staticlink .fa.fa-angle-right:before,
.metalocator .ml_review_stars i:before .card-body .ml_field_template_container_staticlink .fa.fa-angle-right:before,
.metalocator .ml_unifiedshare i:before .card-body .ml_field_template_container_staticlink .fa.fa-angle-right:before,
.metalocator #ml_results_wrapper .card-body .ml_field_template_container_staticlink .fa.fa-angle-right:before {
    content: none;
}
.metalocator #locator_map_canvas .card-body .ml_field_template_container_staticlink .fa.fa-angle-right:before {
    content: none;
}

/*** Custom Icons End ***/
/*** Header ***/
.ml_seopg_header .utility-nav.bg-secondary {
    background-color: var(--border-color-dark) !important;
}
.ml_seopg_header .utility-nav.bg-secondary a {
    color: var(--text-color-white);
}
.ml_seopg_header ul {
    margin-bottom: 0px !important;
}
.ml_seopg_header ul li.pr-5, .ml_seopg_header ul li.px-5 {
    padding-right: 1.25rem !important;
}
.ml_seopg_header ul li.pl-5, .ml_seopg_header ul li.px-5 {
    padding-left: 1.25rem !important;
}
.ml_seopg_header a.rounded-lg {
    border-radius: var(--border-radius) !important;
}

.ml_seopg_header_mob .pl-5, .ml_seopg_header_mob .px-5 {
    padding-left: 1.5rem !important;
}
.ml_seopg_header_mob .pr-5, .ml_seopg_header_mob .px-5 {
    padding-right: 1.5rem !important;
}

/*** Header Ends ***/
/*** Footer ***/
.ml_seopg_footer h3 {
    color: var(--text-color-white) !important;
}
.ml_seopg_footer .font-sans.font-heavy h3 {
    font-size: 1.125rem !important;
    font-weight: 700;
}
.ml_seopg_footer a, .ml_seopg_footer .text-body {
    color: var(--text-color-white) !important;
}

/*** Footer Ends ***/
/*** Result List ***/
.metalocator .middle {
    overflow: hidden;
}
@media (min-width: 577px) {
    .metalocator #ml_results {
        overflow: visible;
    }
}
.metalocator #ml_results .com_locator_results_wrapper {
    padding: 0px;
    margin-top: 10px;
}
.metalocator #ml_results .com_locator_results_wrapper .com_locator_entry {
    margin-right: 10px;
}
.metalocator #ml_results .com_locator_results_wrapper .com_locator_entry .card {
    min-width: 298px;
    width: 72.01vw !important;
}
.metalocator #ml_results .com_locator_results_wrapper .com_locator_entry:last-of-type {
    margin-right: 0px;
}
@media (min-width: 577px) {
    .metalocator #ml_results .com_locator_results_wrapper {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        gap: 16px;
        margin-top: 0px;
    }
    .metalocator #ml_results .com_locator_results_wrapper .com_locator_entry {
        margin-right: 10px;
        width: 100%;
        margin-bottom: 0px;
    }
    .metalocator #ml_results .com_locator_results_wrapper .com_locator_entry .card {
        min-width: 100%;
        width: 100% !important;
    }
}
.metalocator #ml_results .locator_no_results {
    background-color: var(--color-card-bg);
    padding: var(--cards-padding) !important;
    margin-top: 24px;
    min-height: unset;
    height: auto;
}
@media (min-width: 577px) {
    .metalocator #ml_results .locator_no_results {
        margin-top: 0px;
    }
}

/*** Result List End ***/
/*** Result Cards ***/
.metalocator .com_locator_entry {
    margin-bottom: 0px;
}
.metalocator .com_locator_entry.ml_directory_focused .card {
    -webkit-box-shadow: inset 0 8px 0 0 var(--theme-color-primary);
    box-shadow: inset 0 8px 0 0 var(--theme-color-primary);
}
.metalocator .com_locator_entry.ml_directory_focused.ml_renewalbyandersen .card {
    -webkit-box-shadow: inset 0 8px 0 0 var(--theme-color-green);
    box-shadow: inset 0 8px 0 0 var(--theme-color-green);
}
.metalocator .com_locator_entry .card {
    margin-bottom: 0px !important;
    background-color: var(--color-card-bg);
    border: none;
    padding: var(--cards-padding);
}
.metalocator .com_locator_entry .card .btn {
    background-color: #FFFFFF;
}
.metalocator .com_locator_entry .card h3 {
    margin: 0px;
}
.metalocator .com_locator_entry .card .ml_field_template_container_distance {
    color: var(--text-color-light);
}
.metalocator .com_locator_entry .card .ml_field_template_container_distance .ml_distance {
    margin-bottom: 2px;
}
.metalocator .com_locator_entry .card .ml_field_name_container_fulladdress {
    margin-block: 16px;
}
.metalocator .com_locator_entry .card .ml_field_name_container_taglist {
    font-size: 1rem;
    font-weight: 700;
    margin-block: 0px;
}
.metalocator .com_locator_entry .card .ml_field_name_container_taglist a {
    color: var(--theme-color-black) !important;
    margin-bottom: 16px;
}
.metalocator .com_locator_entry .card .ml_field_name_container_taglist ul.ml_taglist {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}
.metalocator .com_locator_entry .card .card-body {
    padding: 0px;
}
.metalocator .com_locator_entry .card .card-text {
    margin: 0px !important;
}
.metalocator .com_locator_entry div[data-container-name=Links] {
    margin-top: 0px !important;
}
.metalocator .com_locator_entry div[data-container-name=Links] .ml_container {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.metalocator .com_locator_entry div[data-container-name=Links] .ml_field_template_container_taglist_images {
    margin-block: 16px 0px !important;
}
.metalocator .com_locator_entry div[data-container-name=Links] .ml_field_template_container_taglist_images .ml_tag_option_image {
    width: 136px;
    max-width: 100%;
}

/*** Result Cards End ***/
/*** Rating Stars ***/
.metalocator .ml_field_name_container_review {
    margin: 0px !important;
}
.metalocator .ml_field_name_container_review span:has(i) {
    margin-top: 3px !important;
}

/*** Rating Stars End ***/
/*** Scrollbar Styling ***/
.metalocator #ml_results_wrapper.com_locator_results_wrapper {
    scrollbar-width: thin;
    scrollbar-color: #28231F transparent;
}
@supports selector(::-webkit-scrollbar) {
    .metalocator #ml_results_wrapper.com_locator_results_wrapper {
        scrollbar-width: unset !important;
        scrollbar-color: unset;
    }
    .metalocator #ml_results_wrapper.com_locator_results_wrapper::-webkit-scrollbar {
        width: 7px;
        height: 7px;
    }
    .metalocator #ml_results_wrapper.com_locator_results_wrapper::-webkit-scrollbar-thumb {
        border-radius: 40px;
        background-color: #28231F;
    }
    .metalocator #ml_results_wrapper.com_locator_results_wrapper::-webkit-scrollbar-track {
        background: #78716B;
        border-top: 3px solid white;
        border-bottom: 3px solid white;
        border-left: none;
        border-right: none;
    }
}
.metalocator #ml_results_wrapper.com_locator_results_wrapper:has(::-webkit-scrollbar) {
    padding-bottom: 24px;
    padding-right: 24px;
}
@media (min-width: 577px) {
    .metalocator #ml_results_wrapper.com_locator_results_wrapper {
        margin-right: -14px;
        margin-bottom: -14px;
        overflow-x: hidden;
    }
    @supports selector(::-webkit-scrollbar) {
        .metalocator #ml_results_wrapper.com_locator_results_wrapper {
            scrollbar-gutter: stable both-edges;
        }
        .metalocator #ml_results_wrapper.com_locator_results_wrapper::-webkit-scrollbar-track {
            border-left: 3px solid #FFFFFF; /* Vertical scrollbar */
            border-right: 3px solid #FFFFFF; /* Vertical scrollbar */
            border-top: 3px solid #FFFFFF; /* Horizontal scrollbar */
            border-bottom: 3px solid #FFFFFF; /* Horizontal scrollbar */
        }
        .metalocator #ml_results_wrapper.com_locator_results_wrapper .com_locator_entry {
            margin-right: 20px;
        }
        .metalocator #ml_results_wrapper.com_locator_results_wrapper .com_locator_entry:last-of-type {
            margin-right: 20px;
        }
    }
}
.metalocator.ml_has_pagination .com_locator_results_wrapper {
    padding-bottom: var(--cards-padding) !important;
}

/*** Scrollbar Styling Ends ***/
/*** Hours Table ***/
.metalocator span[data-element-name^=virtualshowroomurlc] {
    display: none !important;
}
.metalocator .ml_field_type_container_hours, .metalocator .loc_hours {
    margin: 0px 0px 16px !important;
}
.metalocator .ml_field_type_container_hours a[data-toggle=collapse], .metalocator .ml_field_type_container_hours button[data-toggle=collapse], .metalocator .loc_hours a[data-toggle=collapse], .metalocator .loc_hours button[data-toggle=collapse] {
    display: block !important;
    font-weight: 700 !important;
    padding: 0px !important;
}
.metalocator .ml_field_type_container_hours a[data-toggle=collapse] .ml_location_status, .metalocator .ml_field_type_container_hours a[data-toggle=collapse] .ml_hours_status, .metalocator .ml_field_type_container_hours button[data-toggle=collapse] .ml_location_status, .metalocator .ml_field_type_container_hours button[data-toggle=collapse] .ml_hours_status, .metalocator .loc_hours a[data-toggle=collapse] .ml_location_status, .metalocator .loc_hours a[data-toggle=collapse] .ml_hours_status, .metalocator .loc_hours button[data-toggle=collapse] .ml_location_status, .metalocator .loc_hours button[data-toggle=collapse] .ml_hours_status {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    font-weight: 700;
    display: inline-block;
}
.metalocator .ml_field_type_container_hours a[data-toggle=collapse] .ml_location_status.ml_past, .metalocator .ml_field_type_container_hours a[data-toggle=collapse] .ml_hours_status.ml_past, .metalocator .ml_field_type_container_hours button[data-toggle=collapse] .ml_location_status.ml_past, .metalocator .ml_field_type_container_hours button[data-toggle=collapse] .ml_hours_status.ml_past, .metalocator .loc_hours a[data-toggle=collapse] .ml_location_status.ml_past, .metalocator .loc_hours a[data-toggle=collapse] .ml_hours_status.ml_past, .metalocator .loc_hours button[data-toggle=collapse] .ml_location_status.ml_past, .metalocator .loc_hours button[data-toggle=collapse] .ml_hours_status.ml_past {
    color: var(--theme-color-danger) !important;
}
.metalocator .ml_field_type_container_hours a[data-toggle=collapse] .ml_location_status.ml_now, .metalocator .ml_field_type_container_hours a[data-toggle=collapse] .ml_hours_status.ml_now, .metalocator .ml_field_type_container_hours button[data-toggle=collapse] .ml_location_status.ml_now, .metalocator .ml_field_type_container_hours button[data-toggle=collapse] .ml_hours_status.ml_now, .metalocator .loc_hours a[data-toggle=collapse] .ml_location_status.ml_now, .metalocator .loc_hours a[data-toggle=collapse] .ml_hours_status.ml_now, .metalocator .loc_hours button[data-toggle=collapse] .ml_location_status.ml_now, .metalocator .loc_hours button[data-toggle=collapse] .ml_hours_status.ml_now {
    color: var(--theme-color-success) !important;
}
.metalocator .ml_field_type_container_hours a[data-toggle=collapse] .ml_location_status.ml_today_hours, .metalocator .ml_field_type_container_hours a[data-toggle=collapse] .ml_hours_status.ml_today_hours, .metalocator .ml_field_type_container_hours button[data-toggle=collapse] .ml_location_status.ml_today_hours, .metalocator .ml_field_type_container_hours button[data-toggle=collapse] .ml_hours_status.ml_today_hours, .metalocator .loc_hours a[data-toggle=collapse] .ml_location_status.ml_today_hours, .metalocator .loc_hours a[data-toggle=collapse] .ml_hours_status.ml_today_hours, .metalocator .loc_hours button[data-toggle=collapse] .ml_location_status.ml_today_hours, .metalocator .loc_hours button[data-toggle=collapse] .ml_hours_status.ml_today_hours {
    color: var(--text-color) !important;
}
.metalocator .ml_field_type_container_hours a[data-toggle=collapse] .ml_hours_middot, .metalocator .ml_field_type_container_hours a[data-toggle=collapse] .ml_hours_middot, .metalocator .ml_field_type_container_hours button[data-toggle=collapse] .ml_hours_middot, .metalocator .ml_field_type_container_hours button[data-toggle=collapse] .ml_hours_middot, .metalocator .loc_hours a[data-toggle=collapse] .ml_hours_middot, .metalocator .loc_hours a[data-toggle=collapse] .ml_hours_middot, .metalocator .loc_hours button[data-toggle=collapse] .ml_hours_middot, .metalocator .loc_hours button[data-toggle=collapse] .ml_hours_middot {
    font-weight: 700;
    margin-inline: 5px;
    font-size: 1.5rem;
    line-height: 0px;
    vertical-align: middle;
    position: relative;
    top: -2px;
}
.metalocator .ml_field_type_container_hours a[data-toggle=collapse]:after, .metalocator .ml_field_type_container_hours button[data-toggle=collapse]:after, .metalocator .loc_hours a[data-toggle=collapse]:after, .metalocator .loc_hours button[data-toggle=collapse]:after {
    position: relative !important;
    margin-left: 7px;
    display: inline-block;
    top: -2px;
    background-size: 100%;
}
.metalocator table.ml_hours {
    border: none !important;
    margin: 5px 0px 0px;
    table-layout: fixed;
    width: auto;
}
.metalocator table.ml_hours thead {
    display: none !important;
}
.metalocator table.ml_hours tbody tr td, .metalocator table.ml_hours tbody tr th {
    font-family: var(--font-body);
    font-size: 0.875rem !important;
    line-height: 1.375rem;
    color: var(--text-color-light) !important;
}
.metalocator table.ml_hours tbody tr td {
    padding: 0px;
    white-space: nowrap;
}
.metalocator table.ml_hours tbody tr td.ml_weekdayname {
    min-width: 90px;
    text-align: left;
}
.metalocator table.ml_hours tbody tr td.ml_hours_opening, .metalocator table.ml_hours tbody tr td.ml_hours_closed {
    padding-left: 15px;
}
@media (min-width: 577px) {
    .metalocator table.ml_hours tbody tr td.ml_hours_opening, .metalocator table.ml_hours tbody tr td.ml_hours_closed {
        padding-left: 40px;
    }
}
.metalocator table.ml_hours tbody tr td.ml_hours_closing {
    position: relative;
}
.metalocator table.ml_hours tbody tr td.ml_hours_closing:before {
    content: "  - ";
    position: relative;
}
.metalocator table.ml_hours tbody tr.ml_today td {
    font-weight: 700;
}
.metalocator table.ml_hours tbody, .metalocator table.ml_hours td, .metalocator table.ml_hours tr {
    border: none !important;
    background-color: transparent !important;
}

/*** Hours Table Ends ***/
/**** Pagination ****/
.metalocator .ml_pagination {
    margin-block: 25px;
}
.metalocator .ml_pagination #results_count {
    margin: 0px;
    font-size: 0.875rem;
    line-height: 1.375rem;
}
.metalocator .ml_pagination #results_count .found_text {
    color: var(--theme-color-black) !important;
}
.metalocator .ml_pagination .pagination {
    margin: 6px 0 0px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.metalocator .ml_pagination .pagination .page-link {
    border: none;
    background: transparent;
    padding: 0px 5px !important;
    text-decoration: none;
    font-size: 0.875rem;
    line-height: 1.375rem;
    color: var(--text-color-light) !important;
}
.metalocator .ml_pagination .pagination .active .page-link {
    color: var(--theme-color-black) !important;
    font-weight: 700;
}
.metalocator .ml_pagination .pagination .ml-prev-page a, .metalocator .ml_pagination .pagination .ml-next-page a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.metalocator .ml_pagination .pagination .ml-prev-page span, .metalocator .ml_pagination .pagination .ml-next-page span {
    text-indent: -999px;
    margin-right: 0px !important;
    width: 7.29px;
    height: 12.12px;
    background-image: url("https://d23g0hayoxy5dh.cloudfront.net/ul/11578/images/bulk/gallery/chevron-right.svg");
}
.metalocator .ml_pagination .pagination .ml-prev-page span {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}

/**** Pagination Ends ****/
/*** State Pending ***/
.metalocator {
    /* --- AB 1.9.25 - fix iframe height issues --- */
}
.metalocator.ml_interstitialpending {
    padding: 40px calc(24px - 0.5rem);
    background-image: url("https://d23g0hayoxy5dh.cloudfront.net/ul/11544/images/bulk/gallery/locator-bg.jpg");
    background-size: cover;
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
}
@media (min-width: 577px) {
    .metalocator.ml_interstitialpending .h1, .metalocator.ml_interstitialpending h1 {
        font-size: 3.5rem;
        line-height: 4.375rem;
        max-width: 600px;
        margin-inline: auto;
    }
}
.metalocator.ml_interstitialpending .h3 {
    font-weight: 450;
}
@media (min-width: 768px) {
    .metalocator.ml_interstitialpending {
        padding: 150px 120px;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }
}
.metalocator.ml_interstitialpending .locator_form {
    margin-bottom: 0px;
}
.metalocator.ml_interstitialpending .ml_interstitial span[data-element-name*=label] {
    width: 100%;
}
.metalocator.ml_interstitialpending .ml_interstitial span[data-element-name=label_2] {
    margin-bottom: 16px;
}
.metalocator.ml_interstitialpending .ml_interstitial span[data-element-name=label_3] {
    color: var(--text-color-light);
    margin-bottom: .5rem;
}
.metalocator.ml_interstitialpending .ml_interstitial [data-element-name=label_4] {
    display: none;
}
.metalocator.ml_interstitialcomplete span[data-element-name=label_5] {
    display: none;
}
.metalocator.ml_interstitialpending .ml_interstitial span[data-element-name=tagdropdown_1] {
    width: 100%;
}
.metalocator.ml_interstitialpending .ml_interstitial .interstitial-cards-wrap .card-group {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 16px;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
}
.metalocator.ml_interstitialpending .ml_interstitial .interstitial-cards-wrap .card-group .card {
    border: none;
    margin: 0px;
    background-color: transparent;
    -webkit-box-flex: 0;
    -ms-flex: 0 auto;
    flex: 0 auto;
}
.metalocator.ml_interstitialpending .ml_interstitial .interstitial-cards-wrap .card-group .card .card-body {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    cursor: pointer;
}
.metalocator.ml_interstitialpending .ml_interstitial .interstitial-cards-wrap .card-group .card input {
    position: absolute;
    opacity: 0;
}
.metalocator.ml_interstitialpending .ml_interstitial .interstitial-cards-wrap .card-group .card .card-title {
    margin-bottom: 0;
    font-size: 1rem;
    line-height: 1rem;
}
.metalocator.ml_interstitialpending .ml_interstitial .interstitial-cards-wrap label {
    margin: 0px !important;
    font-weight: 700;
}
@media (min-width: 577px) {
    .metalocator.ml_interstitialpending .ml_interstitial {
        text-align: center;
    }
    .metalocator.ml_interstitialpending .ml_interstitial .interstitial-cards-wrap {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }
    .metalocator.ml_interstitialpending .ml_interstitial .interstitial-cards-wrap .card-group {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }
    .metalocator.ml_interstitialpending .ml_interstitial span[data-element-name=label_1] {
        margin-bottom: 16px;
    }
    .metalocator.ml_interstitialpending .ml_interstitial span[data-element-name=label_2] {
        margin-bottom: 0px;
    }
    .metalocator.ml_interstitialpending .ml_interstitial span[data-element-name=label_3] {
        margin-bottom: 0px;
    }
    .metalocator.ml_interstitialpending .ml_interstitial span[data-element-name=label_4] {
        margin-bottom: 0px;
    }
    .metalocator.ml_interstitialpending .ml_interstitial span[data-element-name=label_5] {
        margin-bottom: 40px;
        color: var(--text-color-light);
    }

}
.metalocator .ml_iframe_height_control {
    /* outline: solid; */
    position: absolute;
    bottom: 0;
    width: 100%;
    left: 0;
}

/*** State Complete ***/
.metalocator.ml_interstitialcomplete {
    padding-block: var(--sticky-header-pad) 40px !important;
    padding-inline: 24px;
}
.metalocator.ml_interstitialcomplete .ml_animated_gradient {
    top: 0px !important;
    left: 0px;
}
.metalocator.ml_interstitialcomplete .ml-compact {
    width: 100%;
}
.metalocator.ml_interstitialcomplete div[data-container-name=Interstitial] {
    padding-block: 0px 30px !important;
}
@media (min-width: 577px) {
    .metalocator.ml_interstitialcomplete div[data-container-name=Interstitial] {
        gap: 16px;
    }
}
@media (min-width: 992px) {
    .metalocator.ml_interstitialcomplete div[data-container-name=Interstitial] span[data-element-name=label_1] {
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
    }
}
.metalocator.ml_interstitialcomplete .ml_interstitial {
    width: 100%;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center !important;
    -ms-flex-align: center !important;
    align-items: center !important;
}
.metalocator.ml_interstitialcomplete .ml_interstitial [data-element-name=label_1] {
    padding-bottom: 20px;
}
.metalocator.ml_interstitialcomplete .ml_interstitial .h1 {
    margin: 0px;
}
.metalocator.ml_interstitialcomplete .ml_interstitial .locator_form {
    margin: 0px;
    padding-inline: 0px !important;
}
.metalocator.ml_interstitialcomplete .ml_interstitial .locator_form .card-group {
    outline: 4px var(--border-color-dark) solid !important;
    border-radius: 50px;
}
.metalocator.ml_interstitialcomplete .ml_interstitial .locator_form .card {
    margin: 0 !important;
    border: none;
    border-radius: 50px;
    background-color: transparent;
    width: auto;
    -webkit-box-flex: unset;
    -ms-flex: unset;
    flex: unset;
}
.metalocator.ml_interstitialcomplete .ml_interstitial .locator_form .card[for=tag_inter64] {
    direction: rtl;
}
.metalocator.ml_interstitialcomplete .ml_interstitial .locator_form .card[for=tag_inter64] .btn {
    margin-left: 0;
    margin-right: 10px;
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1);
}
.metalocator.ml_interstitialcomplete .ml_interstitial .locator_form .card.active {
    background-color: var(--bg-dark);
    color: var(--text-color-white);
}
.metalocator.ml_interstitialcomplete .ml_interstitial .locator_form .card.active .btn {
    background-image: url("https://d23g0hayoxy5dh.cloudfront.net/ul/11544/images/bulk/gallery/icon-checkmark-rounded.svg");
    width: 19px;
    height: 19px;
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
}
.metalocator.ml_interstitialcomplete .ml_interstitial .locator_form .card-body {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    cursor: pointer;
    padding: 11px 24px;
}
.metalocator.ml_interstitialcomplete .ml_interstitial .locator_form .card-body .card-title {
    margin-bottom: 0;
}
.metalocator.ml_interstitialcomplete .ml_interstitial .locator_form .card-body input {
    position: absolute;
    opacity: 0;
}
.metalocator.ml_interstitialcomplete .ml_interstitial .locator_form .card-body .card-title {
    font-size: 1rem;
    line-height: 1rem;
}
.metalocator.ml_interstitialcomplete .ml_interstitial .locator_form .card-body .btn-primary {
    color: transparent !important;
    width: 15px;
    height: 12px;
    margin-left: 10px;
    background-image: url(https://d23g0hayoxy5dh.cloudfront.net/ul/11544/images/bulk/gallery/right-arrow.svg);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    background-color: transparent;
    border: none;
    border-radius: 0;
}
@media (min-width: 577px) {
    .metalocator.ml_interstitialcomplete .ml_interstitial [data-element-name=label_1] {
        padding-bottom: 0;
    }
}
@media (min-width: 992px) {
    .metalocator.ml_interstitialcomplete .ml_interstitial {
        display: grid !important;
        grid-template-columns: 1fr -webkit-max-content;
        grid-template-columns: 1fr max-content;
    }
    .metalocator.ml_interstitialcomplete .ml_interstitial [data-element-name=label_1] {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
    }
    .metalocator.ml_interstitialcomplete .ml_interstitial [data-element-name=label_4] {
        -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
        order: 3;
    }
    .metalocator.ml_interstitialcomplete .ml_interstitial [data-element-name=tagdropdown_1] {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2;
        width: -webkit-max-content;
        width: -moz-max-content;
        width: max-content;
        min-width: -webkit-max-content;
        min-width: -moz-max-content;
        min-width: max-content;
        grid-row: 1/span 2;
        grid-column: 2/span 1;
    }
}
@media (min-width: 1200px) {
    .metalocator.ml_interstitialcomplete {
        padding-block: 40px !important;
        padding-inline: 120px;
    }

    /* MF: Update hours formatting  */
    .metalocator .card-text .ml_field_type_container_hours {
        text-align: right;
        font-weight: bold;
    }

    .metalocator .card-text .ml_field_type_container_hours .ml_hours > span {
        float:right;
    }
}

/*** Search Form ***/
.metalocator {
    /* MF: remove text-underline on search form */
}
.metalocator #ml_searchform {
    gap: 0px !important;
}
.metalocator #ml_searchform .ml_searchform_row_1 {
    padding-block: 0px 24px !important;
    -webkit-column-gap: 16px;
    -moz-column-gap: 16px;
    column-gap: 16px;
}
.metalocator #ml_searchform .ml_searchform_row_1 .ml_clearicon_x {
    background-image: url("https://d23g0hayoxy5dh.cloudfront.net/ul/11544/images/bulk/gallery/close-icon-white.svg");
    background-size: 10px auto;
    position: absolute;
    width: 20px;
    height: 20px;
    padding: 0;
    overflow: hidden;
    text-indent: 20px;
    overflow: hidden;
    border: 0;
    background-color: var(--color-gray-7);
    -webkit-transform: translate(-2px, -3px);
    transform: translate(-2px, -3px);
}
.metalocator #ml_searchform .ml_searchform_row_1 .ml_clearicon_x:hover, .metalocator #ml_searchform .ml_searchform_row_1 .ml_clearicon_x:focus {
    background-color: var(--theme-color-black);
}
.metalocator #ml_searchform .ml_searchform_row_1 .locator_form {
    padding: 0px !important;
    margin: 0px !important;
    width: 100%;
}
.metalocator #ml_searchform .ml_searchform_row_1 .inner {
    width: 100%;
}
.metalocator #ml_searchform .ml_searchform_row_1 span.d-flex {
    -webkit-box-flex: 0 !important;
    -ms-flex: 0 0 100% !important;
    flex: 0 0 100% !important;
}
.metalocator #ml_searchform .ml_searchform_row_1 span .reasonforvisit, .metalocator #ml_searchform .ml_searchform_row_1 span .projecttype {
    margin-block: 12px 16px !important;
}
.metalocator #ml_searchform .ml_searchform_row_1 span[data-element-name=advanced_1] {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
}
.metalocator #ml_searchform .ml_searchform_row_1 span[data-element-name=advanced_1] a {
    background-image: url("https://d23g0hayoxy5dh.cloudfront.net/ul/11544/images/bulk/gallery/icon-filter.svg");
    background-size: 24.48px 20px;
    width: 72.48px;
    height: 44px;
}
.metalocator #ml_searchform .ml_searchform_row_1 span[data-element-name=advanced_1] a:after {
    background-image: url("https://d23g0hayoxy5dh.cloudfront.net/ul/11544/images/bulk/gallery/icon-filter-white (1).svg");
    background-size: 24.48px 20px;
}
.metalocator #ml_searchform .ml_searchform_row_1 span[data-element-name=advanced_1] a .ml_advanced_filter_count {
    position: absolute;
    top: 5px;
    right: 0px;
    border-radius: 50%;
    padding-inline: 7.5px;
    aspect-ratio: 1/1;
    background: var(--theme-color-primary);
    color: white;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-weight: 400;
    -webkit-transform: translate(50%, -50%);
    transform: translate(50%, -50%);
}
.metalocator #ml_searchform .ml_searchform_row_1 span[data-element-name=advanced_1] a .ml_advanced_filter_count:empty {
    display: none !important;
}
.metalocator #ml_searchform .ml_searchform_row_1 span label {
    margin-bottom: 0px;
}
@media (min-width: 577px) {
    .metalocator #ml_searchform {
        gap: 16px;
    }
    .metalocator #ml_searchform .ml_searchform_row_1 {
        padding-inline: 24px !important;
    }
}
.metalocator.ml_selected_tag_64 .tag_groups.installation {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
}
.metalocator.ml_selected_tag_64 .projecttype {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
}
.metalocator.ml_selected_tag_64 .reasonforvisit {
    display: none;
}
.metalocator.ml_selected_tag_64 .locator_form.tag_groups .tag2, .metalocator.ml_selected_tag_64 .locator_form.tag_groups .tag15 {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
}
.metalocator.ml_selected_tag_3 .reasonforvisit {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
}
.metalocator.ml_selected_tag_3 .tag_groups.installation {
    display: none !important;
}
.metalocator.ml_selected_tag_3 .projecttype {
    display: none;
}
/*Hide Certified Contractor and  Consumer Financing from Professional*/
.metalocator.ml_selected_tag_3 .locator_form.tag_groups .tag2, .metalocator.ml_selected_tag_3 .locator_form.tag_groups .tag15 {
    display: none;
}
.metalocator .modal.ml_searchform_adv_search .modal-dialog .modal-body div[data-container-name=Advanced] span[data-element-name=tagdropdown_2] div[aria-label="Products Sold"] .custom-control-label {
    text-decoration: none !important;
}

/*** Search Form Ends ***/
/*** Tooltip ***/
.tooltip {
    opacity: 1;
}
.tooltip .arrow {
    display: none;
}
.tooltip .tooltip-inner {
    padding: 1rem;
    color: var(--theme-color-black);
    text-align: left;
    background-color: #EFEFEF;
    border-radius: 10px;
    border: 1px solid #A4A6A4;
    -webkit-box-shadow: 0px 0px 10px 0px rgba(43, 57, 64, 0.1490196078);
    box-shadow: 0px 0px 10px 0px rgba(43, 57, 64, 0.1490196078);
    font-size: 0.875rem;
    line-height: 1.375rem;
}
.tooltip .tooltip-inner a {
    color: var(--theme-color-black);
}

/*** Tooltip Ends ***/
/*** Filters ***/
.metalocator .ml_searchform_adv_search .modal-content,
.metalocator .ml_searchform_adv_search .modal-body {
    overflow-y: auto;
}
.metalocator .modal.ml_searchform_adv_search .modal-dialog {
    margin: 0px;
    top: 0px;
    max-width: 100%;
    height: auto;
    max-height: 100%;
    border: 1px solid var(--border-color);
}
.metalocator .modal.ml_searchform_adv_search .modal-dialog .modal-body h3, .metalocator .modal.ml_searchform_adv_search .modal-dialog .modal-body .h3 {
    font-size: 1.5rem !important;
    line-height: 1.875rem !important;
}
@media (min-width: 577px) {
    .metalocator .modal.ml_searchform_adv_search .modal-dialog .modal-body h3, .metalocator .modal.ml_searchform_adv_search .modal-dialog .modal-body .h3 {
        font-size: 2.25rem !important;
        line-height: 2.813rem !important;
    }
}
.metalocator .modal.ml_searchform_adv_search .modal-dialog .modal-body div[data-container-name=Advanced] {
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: normal !important;
    -ms-flex-direction: row !important;
    flex-direction: row !important;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    gap: 24px 15px;
    padding: 0 !important;
}
.metalocator .modal.ml_searchform_adv_search .modal-dialog .modal-body div[data-container-name=Advanced] > span {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
}
.metalocator .modal.ml_searchform_adv_search .modal-dialog .modal-body div[data-container-name=Advanced] span[data-element-name^=clear_active_tags], .metalocator .modal.ml_searchform_adv_search .modal-dialog .modal-body div[data-container-name=Advanced] span[data-element-name^=submit] {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
}
.metalocator .modal.ml_searchform_adv_search .modal-dialog .modal-body div[data-container-name=Advanced] .locator_form_buttons {
    padding: 0 !important;
    margin: 0px !important;
}
.metalocator .modal.ml_searchform_adv_search .modal-dialog .modal-body div[data-container-name=Advanced] .ml_clear_active_categories {
    border: none;
    padding: 0;
    height: auto;
    height: auto;
}
.metalocator .modal.ml_searchform_adv_search .modal-dialog .modal-body div[data-container-name=Advanced] .locator_form {
    padding: 0px !important;
    margin: 0px !important;
}
.metalocator .modal.ml_searchform_adv_search .modal-dialog .modal-body div[data-container-name=Advanced] .locator_form div[role=group] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 9px;
}
.metalocator .modal.ml_searchform_adv_search .modal-dialog .modal-body div[data-container-name=Advanced] .locator_form span.label label {
    font-family: var(--font-heading);
    font-size: 1.25rem;
    line-height: 1.563rem;
    margin-bottom: 14px;
    font-weight: 700;
}
.metalocator .modal.ml_searchform_adv_search .modal-dialog .modal-body div[data-container-name=Advanced] span[data-element-name=tagdropdown_2] {
    gap: 24px 15px;
}
.metalocator .modal.ml_searchform_adv_search .modal-dialog .modal-body div[data-container-name=Advanced] span[data-element-name=tagdropdown_2] .locator_form span.label label {
    margin-bottom: 5px;
}
.metalocator .modal.ml_searchform_adv_search .modal-dialog .modal-body div[data-container-name=Advanced] span[data-element-name=tagdropdown_2] div[aria-label="Products Sold"] .custom-control-label {
    text-decoration: underline;
}
.metalocator .modal.ml_searchform_adv_search .ml_active_tag_group .locator_form {
    width: auto;
}
@media (min-width: 577px) {
    .metalocator .modal.ml_searchform_adv_search {
        padding-bottom: 0px;
        border: 1px solid var(--border-color);
    }
    .metalocator .modal.ml_searchform_adv_search.show {
        background: #ffffff !important;
    }
    .metalocator .modal.ml_searchform_adv_search .modal-dialog {
        border: none;
    }
    .metalocator .modal.ml_searchform_adv_search .modal-dialog .modal-body div[data-container-name=Advanced] .locator_form span.label label {
        font-size: 1.5rem;
        line-height: 1.875rem;
    }
}
.metalocator.ml_interstitialcomplete span[data-element-name=label_2] {
    display: none;
}
.metalocator.ml_interstitialcomplete span[data-element-name=label_3] {
    display: none;
}

/*** Filters End ***/
/*** Main Locator Layout ***/
@media (min-width: 577px) {
    .metalocator .map {
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
    }
    .metalocator .results {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 calc(50% + 60px);
        flex: 0 0 calc(50% + 60px);
        max-width: calc(50% + 60px);
        padding-right: 40px !important;
    }
}
@media (min-width: 768px) {
    .metalocator .map {
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
    }
    .metalocator .results {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 460px;
        flex: 0 0 460px;
        max-width: 460px;
    }
}

/*** Main Locator Layout Ends ***/
/*** Map ***/
.metalocator .map .mapboxgl-popup-tip {
    display: none;
}
.metalocator .map .mapboxgl-popup-content {
    margin-bottom: 18.5px;
}
.metalocator .map .mapboxgl-marker.ml_marker_focused .ml_marker_icon_image {
    width: 30px !important;
    height: 46.28px !important;
}
.metalocator .map .mapboxgl-marker .ml_marker_icon_image {
    width: 23px !important;
    height: 34px !important;
    -webkit-transition: width 0.3s ease, height 0.3s ease;
    transition: width 0.3s ease, height 0.3s ease;
}
.metalocator .map .com_locator_entry h4, .metalocator .map .com_locator_entry .h4 {
    margin-bottom: 0px;
    padding-right: var(--cards-padding);
}
@media (min-width: 768px) {
    .metalocator .map .com_locator_entry {
        max-width: 400px;
    }
}
@media (min-width: 1200px) {
    .metalocator .map .com_locator_entry {
        min-width: 400px;
    }
}
.metalocator .map .com_locator_entry .card {
    border: 1px solid var(--border-color);
}
.metalocator .map .mapboxgl-popup-close-button {
    top: 15.72px !important;
    right: 15.72px !important;
    position: absolute;
}
@media (min-width: 577px) {
    .metalocator .map {
        height: 100% !important;
        max-height: 100%;
    }
    .metalocator .map .mapboxgl-marker.ml_marker_focused .ml_marker_icon_image {
        width: 37.73px !important;
        height: 55px !important;
    }
    .metalocator .map .mapboxgl-marker .ml_marker_icon_image {
        width: 30.87px !important;
        height: 45px !important;
    }
}

/*** Map Ends ***/
/*** Autocomplete ***/
.ml_autocomplete_suggestions {
    border-radius: 0px;
    border: 1px solid var(--theme-color-black) !important;
    padding-block: 7px;
    margin: 0px;
}
.ml_autocomplete_suggestions .autocomplete-suggestion {
    font-size: 0.875rem !important;
    font-family: var(--font-body) !important;
    line-height: 1.375rem !important;
    border: none !important;
    padding: 7px 15px;
}

/*** Autocomplete Ends ***/
/*** Modals ***/
.ml_modal_unified_share, .metalocator .modal {
    font-family: var(--font-body);
    background: rgba(0, 0, 0, 0.2) !important;
    padding-inline: var(--cards-padding) !important;
    padding-bottom: 40px;
    -webkit-transition: opacity 0.3s ease, -webkit-transform 0.3s ease;
    transition: opacity 0.3s ease, -webkit-transform 0.3s ease;
    transition: opacity 0.3s ease, transform 0.3s ease;
    transition: opacity 0.3s ease, transform 0.3s ease, -webkit-transform 0.3s ease;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}
.ml_modal_unified_share h2, .metalocator .modal h2, .ml_modal_unified_share .h2, .metalocator .modal .h2, .ml_modal_unified_share .ml_modal_title, .metalocator .modal .ml_modal_title {
    font-size: 1.5rem;
    line-height: 1.875rem;
    font-weight: 700;
}
.ml_modal_unified_share .close, .metalocator .modal .close {
    display: block;
}
.ml_searchform_adv_search.ml_modal_unified_share, .metalocator .ml_searchform_adv_search.modal {
    background: transparent !important;
}
.ml_modal_unified_share:not([aria-hidden=true]), .metalocator .modal:not([aria-hidden=true]) {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
}
.ml_modal_unified_share .modal-dialog, .metalocator .modal .modal-dialog {
    overflow-y: auto;
    scrollbar-width: thin;
    top: 22px;
    max-height: 100%;
    width: 100%;
    margin: 0px;
}
.ml_modal_unified_share .modal-dialog .modal-body, .metalocator .modal .modal-dialog .modal-body {
    padding: var(--cards-padding);
    scrollbar-width: none;
}
.ml_modal_unified_share .modal-content, .metalocator .modal .modal-content {
    border: none;
    border-radius: 0px;
    display: grid;
    grid-template-columns: auto;
    height: 100%;
    max-height: 100% !important;
}
.ml_modal_unified_share .modal-content .modal-body, .metalocator .modal .modal-content .modal-body {
    grid-area: 1/1/1/1;
}
@media (min-width: 577px) {
    .ml_modal_unified_share .modal-dialog, .metalocator .ml_modal_location_followup_form.modal .modal-dialog, .metalocator .ml_modal_form_unified_share.modal .modal-dialog {
        max-width: 490px !important;
    }
}
.ml_modal_unified_share label:not(.custom-control-label), .metalocator .modal label:not(.custom-control-label), .ml_modal_unified_share small, .metalocator .modal small, .ml_modal_unified_share .label, .metalocator .modal .label {
    padding: 0px;
    margin-bottom: 0px;
    text-transform: none;
}
.ml_modal_unified_share label:not(.custom-control-label), .metalocator .modal label:not(.custom-control-label) {
    margin-top: 0px;
}
.ml_modal_unified_share .ml_unified_share, .metalocator .modal .ml_unified_share {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}
.ml_modal_unified_share .ml_unified_share .ml_modal_title, .metalocator .modal .ml_unified_share .ml_modal_title {
    width: 100%;
}
.ml_modal_unified_share .ml_unified_share small, .metalocator .modal .ml_unified_share small {
    margin-bottom: 0px;
    color: var(--text-color) !important;
    font-size: 0.875rem;
    line-height: 1.375rem;
}
.ml_modal_unified_share .ml_unified_share .form-group, .metalocator .modal .ml_unified_share .form-group {
    margin: 0px;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    width: 100%;
}
.ml_modal_unified_share .ml_unified_share .form-control[readonly], .metalocator .modal .ml_unified_share .form-control[readonly] {
    background-color: transparent;
}
.ml_modal_unified_share .ml_unified_share button, .metalocator .modal .ml_unified_share button {
    -webkit-box-flex: 0;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    margin-top: 16px;
}
.ml_modal_unified_share .ml_unified_share hr, .metalocator .modal .ml_unified_share hr {
    opacity: 0;
    margin: 12px 0px;
    width: 100%;
}
.ml_modal_unified_share .ml_unified_share .ml_qrcode_share, .metalocator .modal .ml_unified_share .ml_qrcode_share {
    position: relative;
    width: 100%;
}
.ml_modal_unified_share .ml_unified_share .ml_qrcode_share canvas, .metalocator .modal .ml_unified_share .ml_qrcode_share canvas, .ml_modal_unified_share .ml_unified_share .ml_qrcode_share img, .metalocator .modal .ml_unified_share .ml_qrcode_share img {
    width: 144px;
}
.ml_modal_unified_share .ml_unified_share .ml_social_share, .metalocator .modal .ml_unified_share .ml_social_share {
    border: none;
}
.ml_modal_unified_share .ml_unified_share input#ml_to, .metalocator .modal .ml_unified_share input#ml_to {
    padding-inline: 7px !important;
}
.ml_modal_unified_share .ml_unified_share .iti--separate-dial-code, .metalocator .modal .ml_unified_share .iti--separate-dial-code {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: unset;
    -ms-flex-align: unset;
    align-items: unset;
    -webkit-column-gap: 16px;
    -moz-column-gap: 16px;
    column-gap: 16px;
}
.ml_modal_unified_share .ml_unified_share .iti--separate-dial-code .iti__flag-container, .metalocator .modal .ml_unified_share .iti--separate-dial-code .iti__flag-container {
    position: relative;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
}
.ml_modal_unified_share .ml_unified_share .iti--separate-dial-code .iti__flag-container .iti__flag, .metalocator .modal .ml_unified_share .iti--separate-dial-code .iti__flag-container .iti__flag {
    display: none;
}
.ml_modal_unified_share .ml_unified_share .iti--separate-dial-code .iti__flag-container .iti__selected-flag, .metalocator .modal .ml_unified_share .iti--separate-dial-code .iti__flag-container .iti__selected-flag {
    background-color: transparent;
    border: 1px solid var(--theme-color-black);
    padding-inline: 7px !important;
}
.ml_modal_unified_share .ml_unified_share .iti--separate-dial-code .iti__flag-container .iti__selected-dial-code, .metalocator .modal .ml_unified_share .iti--separate-dial-code .iti__flag-container .iti__selected-dial-code {
    margin-left: 0px;
}
.ml_modal_unified_share .ml_unified_share .iti--separate-dial-code .iti__flag-container .iti__arrow, .metalocator .modal .ml_unified_share .iti--separate-dial-code .iti__flag-container .iti__arrow {
    width: 7.29px;
    height: 12.12px;
    background-image: url("https://d23g0hayoxy5dh.cloudfront.net/ul/11544/images/bulk/gallery/icon-chevron-right.svg");
    border: none;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    margin-left: 10px;
}
.ml_modal_unified_share .ml_unified_share .iti--separate-dial-code .iti__flag-container .iti__arrow.iti__arrow--up, .metalocator .modal .ml_unified_share .iti--separate-dial-code .iti__flag-container .iti__arrow.iti__arrow--up {
    -webkit-transform: rotate(270deg);
    transform: rotate(270deg);
}
.ml_modal_unified_share .ml_unified_share .iti--separate-dial-code input, .metalocator .modal .ml_unified_share .iti--separate-dial-code input {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
}
@media (min-width: 577px) {
    .ml_modal_unified_share .ml_unified_share, .metalocator .modal .ml_unified_share {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }
    .ml_modal_unified_share .ml_unified_share button, .metalocator .modal .ml_unified_share button {
        margin: 16px 0px 0px;
    }
    .ml_modal_unified_share .ml_unified_share button.ml_click_copy, .metalocator .modal .ml_unified_share button.ml_click_copy {
        -ms-flex-item-align: end;
        align-self: flex-end;
    }
}
.ml_modal_unified_share .ml_social_share a, .metalocator .modal .ml_social_share a {
    margin-left: 6px;
    background-image: url("https://d23g0hayoxy5dh.cloudfront.net/ul/11544/images/bulk/gallery/icon-mail.svg");
    background-size: 22.07px 16.04px !important;
    width: 70.07px;
    height: 44px;
}
.ml_modal_unified_share .ml_social_share a:after, .metalocator .modal .ml_social_share a:after {
    background-image: url("https://d23g0hayoxy5dh.cloudfront.net/ul/11544/images/bulk/gallery/icon-mail-white.svg");
    background-size: 22.07px 16.04px !important;
}
.ml_modal_unified_share .ml_social_share a i, .metalocator .modal .ml_social_share a i, .ml_modal_unified_share .ml_social_share a svg, .metalocator .modal .ml_social_share a svg {
    display: none;
}
.ml_modal_unified_share .ml_social_share .ml_share_label, .metalocator .modal .ml_social_share .ml_share_label {
    color: var(--theme-color-black);
}
@media (min-width: 577px) {
    .ml_modal_unified_share, .metalocator .modal {
        padding-inline: 0px !important;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
    }
}
.ml_modal_unified_share .required, .metalocator .modal .required {
    color: var(--text-color) !important;
}

.ml_modal_unified_share {
    font-size: 0.875rem;
    line-height: 1.375rem;
}
.ml_modal_unified_share h1, .ml_modal_unified_share h2, .ml_modal_unified_share h3, .ml_modal_unified_share h4, .ml_modal_unified_share h5, .ml_modal_unified_share h6, .ml_modal_unified_share .h1, .ml_modal_unified_share .h2, .ml_modal_unified_share .h3, .ml_modal_unified_share .h4, .ml_modal_unified_share .h5, .ml_modal_unified_share .h6 {
    font-family: var(--font-heading);
    font-weight: 700;
}
.ml_modal_unified_share .btn {
    border-radius: 2rem;
}
.ml_modal_unified_share input.form-control:focus {
    -webkit-box-shadow: 0 0 0 0.2rem var(--primary-shadow-color) !important;
    box-shadow: 0 0 0 0.2rem var(--primary-shadow-color) !important;
}

/*** Modals End ***/
/*** Directory Pages Common ***/
.metalocator .ml-directory-page {
    padding-block: 40px;
}
.metalocator .ml-directory-page h1, .metalocator .ml-directory-page .h1 {
    margin-bottom: 16px;
}
.metalocator .ml-directory-section {
    padding-top: 4px;
}

/*** Directory Pages Common Ends ***/
/*** Breadcrumbs ***/
.metalocator .breadcrumbs-wrap {
    display: none;
}
.metalocator .sec_topnav, .metalocator .ml-breadcrumb {
    margin: 0px;
}
.metalocator .sec_topnav .breadcrumb, .metalocator .ml-breadcrumb .breadcrumb {
    background: transparent;
    padding: 0px;
    row-gap: 8px;
    margin: 0px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 8px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.metalocator .sec_topnav .breadcrumb .breadcrumb-item a, .metalocator .ml-breadcrumb .breadcrumb .breadcrumb-item a {
    color: var(--color-link-orange) !important;
}
.metalocator .sec_topnav .breadcrumb .breadcrumb-item + .breadcrumb-item, .metalocator .ml-breadcrumb .breadcrumb .breadcrumb-item + .breadcrumb-item {
    padding-left: 0px;
}
.metalocator .sec_topnav .breadcrumb .breadcrumb-item + .breadcrumb-item:before, .metalocator .ml-breadcrumb .breadcrumb .breadcrumb-item + .breadcrumb-item:before {
    content: none;
}
.metalocator .sec_topnav .breadcrumb .breadcrumb-item:not(:last-of-type), .metalocator .ml-breadcrumb .breadcrumb .breadcrumb-item:not(:last-of-type) {
    padding-right: 8px;
}
.metalocator .sec_topnav .breadcrumb .breadcrumb-item:not(:last-of-type):after, .metalocator .ml-breadcrumb .breadcrumb .breadcrumb-item:not(:last-of-type):after {
    content: "";
    position: relative;
    right: -8px;
    width: 7.29px;
    height: 12.12px;
    background-image: url("https://d23g0hayoxy5dh.cloudfront.net/ul/11544/images/bulk/gallery/icon-chevron-right.svg");
    display: inline-block;
}

/*** Breadcrumbs End ***/
/*** City Level Page ***/
.metalocator.ml-directory-levelcity .ml-locations-section .ml_locations_wrap {
    margin-inline: calc(var(--cards-padding) / 2 * -1);
}
.metalocator.ml-directory-levelcity .ml-locations-section .ml_locations_wrap div[class*=col] {
    padding: calc(var(--cards-padding) / 2);
}
.metalocator.ml-directory-levelcity .ml-locations-section .ml_locations_wrap div[class*=col] div[class*=col] {
    padding: 0px;
}
/*** City Level Page Ends ***/
/*** Country and State Level Pages ***/
.metalocator.ml-directory-levelcountry .ml-hero h1, .metalocator.ml-directory-levelcountry .ml-hero .h1 {
    margin-bottom: 8px;
}
.metalocator.ml-directory-levelcountry .ml-hero h2, .metalocator.ml-directory-levelcountry .ml-hero .h2 {
    font-size: 1.5rem;
    line-height: 1.875rem;
    font-weight: 450;
}
.metalocator.ml-directory-levelcountry .ml-hero h3, .metalocator.ml-directory-levelcountry .ml-hero .h3 {
    color: var(--text-color-light) !important;
    margin-block: 24px !important;
    font-weight: 400;
}
.metalocator.ml-directory-levelstate .ml_directory_list, .metalocator.ml-directory-levelcountry .ml_directory_list {
    display: grid;
    margin: 0px;
    gap: 24px;
    grid-template-columns: repeat(2, minmax(0, 1fr));
}
.metalocator.ml-directory-levelstate .ml_directory_list .ml_directory_letter_wrapper .letter_heading, .metalocator.ml-directory-levelcountry .ml_directory_list .ml_directory_letter_wrapper .letter_heading {
    font-size: 3rem;
    line-height: 3.75rem;
    margin-bottom: 16px;
}
.metalocator.ml-directory-levelstate .ml_directory_list .ml_directory_letter_wrapper a, .metalocator.ml-directory-levelcountry .ml_directory_list .ml_directory_letter_wrapper a {
    color: var(--color-link-orange) !important;
    text-decoration: none !important;
}
.metalocator.ml-directory-levelstate .ml_directory_list .ml_directory_letter_wrapper a:hover, .metalocator.ml-directory-levelcountry .ml_directory_list .ml_directory_letter_wrapper a:hover {
    text-decoration: underline !important;
}
@media (min-width: 768px) {
    .metalocator.ml-directory-levelstate .ml_directory_list, .metalocator.ml-directory-levelcountry .ml_directory_list {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}
@media (min-width: 992px) {
    .metalocator.ml-directory-levelstate .ml_directory_list, .metalocator.ml-directory-levelcountry .ml_directory_list {
        grid-template-columns: repeat(7, minmax(0, 1fr));
    }
}
.metalocator.ml-directory-levelstate .ml_directory_root, .metalocator.ml-directory-levelcountry .ml_directory_root {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 16px;
}
.metalocator.ml-directory-levelstate .ml_directory_root .btn, .metalocator.ml-directory-levelcountry .ml_directory_root .btn {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
}
.metalocator.ml-directory-levelstate .ml_directory_root .btn:hover:after, .metalocator.ml-directory-levelcountry .ml_directory_root .btn:hover:after {
    -webkit-filter: invert(1);
    filter: invert(1);
}
.metalocator.ml-directory-levelstate .ml_directory_root .btn:after, .metalocator.ml-directory-levelcountry .ml_directory_root .btn:after {
    content: "";
    position: relative;
    display: inline-block;
}

/*** Country and State Level Pages End ***/
/*** Container Size ***/
.metalocator.ml-location-page .container, .metalocator.ml-directory-page .container {
    padding-inline: 1.5rem !important;
    max-width: 1248px !important;
}
.metalocator.ml-directory-page.container {
    padding-inline: 1.5rem !important;
    max-width: 1248px !important;
}

/*** Container Size Ends ***/
/*** Location Page ***/
.metalocator .ml-location-page {
    padding-block: 40px;
}
.metalocator .ml-location-page .sec_topnav {
    gap: 24px;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
.metalocator .ml-location-page .sec_topnav .ml-back-to-locator {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 4.5px;
}
.metalocator .ml-location-page .sec_topnav .ml-back-to-locator .left_arrow {
    width: 16px;
    height: 13px;
    background-image: url("https://d23g0hayoxy5dh.cloudfront.net/ul/11544/images/bulk/gallery/arrow.svg");
}
.metalocator .loc_details {
    padding-top: 40px;
    gap: 40px;
    display: grid;
}
@media (min-width: 768px) {
    .metalocator .loc_details {
        grid-template-columns: 36.0833333333fr 60.5833333333fr;
    }
}
.metalocator .loc_details .row {
    gap: 16px;
}
.metalocator .loc_details > div {
    max-width: 100%;
    width: 100%;
}
.metalocator .loc_details div[class*=col] {
    padding: 0px;
}
.metalocator .loc_details .top_left {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 24px;
}
.metalocator .loc_details .top_left h1, .metalocator .loc_details .top_left h2 {
    margin-bottom: 16px;
}
.metalocator .loc_details .top_left address {
    margin-bottom: 0px;
}
.metalocator .loc_details .top_left .ml-nap-container {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    max-width: 100%;
}
.metalocator .loc_details .top_left .ml-logo-container {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100px;
    flex: 0 0 100px;
}
.metalocator .loc_details .top_left .ml-loc-subtitle, .metalocator .loc_details .top_left h3, .metalocator .loc_details .top_left .h3 {
    font-size: 1rem;
    line-height: 1rem;
    font-family: var(--font-body);
    margin-bottom: 16px;
}
/* xxx */
.metalocator .loc_details .top_left .ml-contact-links-row {
    margin-block: -8px;
    /* -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; */
    display: block;
    position: relative;
}
.metalocator .loc_details .top_left .ml-contact-links-row .ml-social-container {
    /* -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    max-width: 100%;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    top: 24px;*/
    position: absolute;
    top: 0;
    right: 0;
    width: 20px;
    height: 32px;
}
.metalocator .loc_details .top_left .ml-contact-links-row .ml-virtualshowroom-container,
.metalocator .loc_details .top_left .ml-contact-links-row .ml-link-container {
    padding-bottom: 0.5rem;
}
/* @media (min-width: 768px) {
  .metalocator .loc_details .top_left .ml-contact-links-row .ml-social-container {
    top: 8px;
  }
} */
@media (min-width: 577px) {
    .metalocator .loc_details .top_left .ml-contact-links-row .ml-virtualshowroom-container a,
    .metalocator .loc_details .top_left .ml-contact-links-row .ml-link-container a {
        font-size: 1rem;
        font-weight: 700;
        color: #000 !important;
        padding-right: 22px;
        position: relative;
        display: -webkit-inline-box;
        display: -ms-inline-flexbox;
        display: inline-flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
    }
    .metalocator .loc_details .top_left .ml-contact-links-row .ml-virtualshowroom-container a i,  .metalocator .loc_details .top_left .ml-contact-links-row .ml-link-container a i {
        display: none;
    }
    .metalocator .loc_details .top_left .ml-contact-links-row .ml-virtualshowroom-container a:after, .metalocator .loc_details .top_left .ml-contact-links-row .ml-link-container a:after {
        content: "";
        position: absolute;
        right: 0px;
        width: 14px;
        height: 14px;
        background: url("https://d23g0hayoxy5dh.cloudfront.net/ul/11544/images/bulk/gallery/right-arrow.svg") no-repeat center/14px;
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);
    }
}
.metalocator .loc_details .top_left .ml-contact-cta-row {
    padding-right: 24px;
}
@media (min-width: 768px) {
    .metalocator .loc_details .top_left .ml-contact-cta-row {
        padding-right: 0px;
    }
}
.metalocator .loc_details .top_left .ml-contact-cta-row > div {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    max-width: 100%;
}
.metalocator .loc_details .top_left .ml-logo {
    width: 100px;
}
.metalocator .loc_details .top_left .ml-record-type-image {
    width: 200px;
}
.metalocator .loc_details .top_left .ml-record-type-image + div {
    margin-block: -12px;
}
.metalocator .loc_details .top_left .ml-categories-container .loc_categories {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 24px;
    -webkit-transform: none;
    transform: none;
}
.metalocator .loc_details .top_left .ml-categories-container .loc_categories ul {
    margin-bottom: 0px !important;
}
.metalocator .loc_details .top_left .ml-categories-container .loc_categories .products-sold li {
    color: var(--color-link-orange) !important;
}
.metalocator .loc_details .top_left .ml-whychoose {
    font-weight: normal;
    font-size: 0.875rem;
    color: var(--text-color-light);
    margin-bottom: 0px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 8px;
    padding-left: 24px;
}
.metalocator .loc_details .top_left .ml-whychoose li {
    list-style-type: disc !important;
    -webkit-box-flex: 100%;
    -ms-flex: 100%;
    flex: 100%;
}
.metalocator .loc_details .row.d-none + .ml-map-container {
    margin-top: -24px;
}
.metalocator .loc_details .ml-map-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-line-pack: start;
    align-content: flex-start;
}
.metalocator .loc_details .ml-map-container #locator_map_canvas_detail {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
}
@media (min-width: 768px) {
    .metalocator .loc_details .ml-map-container #locator_map_canvas_detail {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
    }
    .metalocator .loc_details .ml-map-container .loc_hours {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2;
    }
}
.metalocator .loc_hours {
    margin-bottom: 40px !important;
    padding-inline: 0px !important;
}
.metalocator .loc_hours .collapse {
    visibility: initial;
}
.metalocator .loc_hours h4 {
    font-family: var(--font-body);
    font-weight: 700;
    line-height: 1rem;
    font-size: 1rem;
    margin-block: 0px 16px !important;
    text-align: left;
}
.metalocator .loc_hours .btn_hours_collapse_trigger {
    padding-block: 0px;
    padding-left: 0px;
    min-height: auto;
    text-transform: none;
    text-decoration: none;
    display: block !important;
}
.metalocator .loc_hours .btn_hours_collapse_trigger .ml_hours_middot {
    margin-inline: 3px;
}
.metalocator .loc_hours .btn_hours_collapse_trigger:after {
    position: static !important;
    margin-left: 10px;
}
@media (min-width: 768px) {
    .metalocator .loc_hours {
        margin-bottom: 16px !important;
    }
    .metalocator .loc_hours h4 {
        margin-block: 24px 16px !important;
    }
}
.metalocator .sec_reviews {
    padding-block: 40px;
}
.metalocator .sec_reviews .reviews_wrap {
    background-color: var(--color-card-bg);
    padding: var(--cards-padding);
}
.metalocator .sec_reviews .reviews_wrap h2, .metalocator .sec_reviews .reviews_wrap .h2 {
    margin-bottom: 24px;
    font-size: 1.5rem;
    line-height: 1.875rem;
}
@media (min-width: 577px) {
    .metalocator .sec_reviews .reviews_wrap h2, .metalocator .sec_reviews .reviews_wrap .h2 {
        font-size: 2.25rem;
        line-height: 2.813rem;
    }
}
.metalocator .sec_reviews .reviews_wrap .row {
    margin: 0px;
}
.metalocator .sec_nearby h2, .metalocator .sec_nearby .h2 {
    margin-bottom: 16px;
}
.metalocator .sec_nearby .row {
    margin: 0px;
    display: grid;
    grid-template-columns: auto;
    gap: 24px;
}
.metalocator .sec_nearby .row div[class*=col] {
    max-width: 100% !important;
}
@media (min-width: 577px) {
    .metalocator .sec_nearby .row {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}
@media (min-width: 992px) {
    .metalocator .sec_nearby .row {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}

/* --- AB 03.27.25 -- for SEO page nav adjustments --- */
.wheretobuy .main-nav .top-level-links,
.wheretobuy .main-nav .top-level-links:focus,
.wheretobuy .main-nav .top-level-links:hover {
    /* .wheretobuy because this is outside the .metalocator element */
    color: var(--theme-color-black);
    text-decoration: none;
}

/*** Location Page Ends ***/
@media (max-width: 576px) {
    .metalocator input:not([type=radio]):not([type=checkbox])#postal_code {
        font-size: 1rem !important;
    }
}
/* --- adjustments for iframe height control --- */
@media (max-width: 576px) {
    .metalocator.ml_interstitialcomplete {
        position: relative;
    }
    .metalocator.ml_interstitialcomplete .ml_iframe_height_control {
        bottom: auto;
    }
    .metalocator .modal.ml_searchform_adv_search {
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        padding-top: var(--sticky-header-pad);
    }
}/*# sourceMappingURL=andersen-style-jan22.css.map */

/*No Products Sold on Homeowner*/
.metalocator.ml_selected_tag_64 .tag_groups.products-sold
{
    Display: none !important;
}
.metalocator .tag_groups.products-sold
{
    Display: block !important;
}
/*Only displays the last option in the taglist images aka Result Type*/
.ml_taglist_images li:not(:last-child) {
    display: none !important;
}

/* PK: 24/10/25 | Css for green bar for renewal category results card */

.metalocator .com_locator_entry.ml_res_tag_34.ml_directory_focused .card {
    -webkit-box-shadow: inset 0 8px 0 0 var(--theme-color-green);
    box-shadow: inset 0 8px 0 0 var(--theme-color-green);
}

/* PK: CSS changes for project 2026 : 01/22/26 */

/* Changes in results card */

#ml_results_wrapper.ml_template_card_template .ml_directory_focused.ml_res_tag_2188 .card, #ml_results_wrapper.ml_template_card_template .ml_res_tag_2188 .card{
    border-color: #26584C !important;
}

.metalocator .results .ml_directory_focused.ml_res_tag_2188 .card, .metalocator .results .ml_res_tag_2188 .card{
    -webkit-box-shadow: inset 0 8px 0 0 rgba(38, 88, 76, 1);
    box-shadow: inset 0 8px 0 0 rgba(38, 88, 76, 1);
}

#ml_results_wrapper.ml_template_card_template .ml_directory_focused.ml_res_tag_2158 .card, #ml_results_wrapper.ml_template_card_template .ml_res_tag_2158 .card{
    border-color: rgba(0, 0, 0, 1) !important;
}

.metalocator .results .ml_directory_focused.ml_res_tag_2158 .card, .metalocator .results .ml_res_tag_2158 .card{
    -webkit-box-shadow: inset 0 8px 0 0 rgba(0, 0, 0, 1);
    box-shadow: inset 0 8px 0 0 rgba(0, 0, 0, 1);
}

#ml_results_wrapper.ml_template_card_template .ml_directory_focused.ml_res_tag_2187 .card, #ml_results_wrapper.ml_template_card_template .ml_res_tag_2187 .card{
    border-color:#F26924 !important;
}

.metalocator .results .ml_directory_focused.ml_res_tag_2187 .card, .metalocator .results .ml_res_tag_2187 .card{
    -webkit-box-shadow: inset 0 8px 0 0 rgba(242, 105, 36, 1);
    box-shadow: inset 0 8px 0 0 rgba(242, 105, 36, 1);
}

#ml_results_wrapper.ml_template_card_template .ml_directory_focused.ml_res_tag_2190 .card, #ml_results_wrapper.ml_template_card_template .ml_res_tag_2190 .card{
    border-color:rgba(133, 133, 133, 1) !important;
}

.metalocator .results .ml_directory_focused.ml_res_tag_2190 .card, .metalocator .results .ml_res_tag_2190 .card{
    -webkit-box-shadow: inset 0 8px 0 0 rgba(133, 133, 133, 1);
    box-shadow: inset 0 8px 0 0 rgba(133, 133, 133, 1);
}

#ml_results_wrapper.ml_template_card_template .ml_directory_focused.ml_res_tag_34 .card, #ml_results_wrapper.ml_template_card_template .ml_res_tag_34 .card{
    border-color:rgba(108, 193, 76, 1) !important;
}

.metalocator .results .ml_directory_focused.ml_res_tag_34 .card, .metalocator .results .ml_res_tag_34 .card{
    -webkit-box-shadow: inset 0 8px 0 0 rgba(108, 193, 76, 1);
    box-shadow: inset 0 8px 0 0 rgba(108, 193, 76, 1);
}

#ml_results_wrapper.ml_template_card_template .ml_directory_focused.ml_res_tag_31 .card, #ml_results_wrapper.ml_template_card_template .ml_res_tag_31 .card{
    border-color:#858585 !important;
}

.metalocator .results .ml_directory_focused.ml_res_tag_31 .card, .metalocator .results .ml_res_tag_31 .card{
    -webkit-box-shadow: inset 0 8px 0 0 #858585;
    box-shadow: inset 0 8px 0 0 #858585;
}


.metalocator .results [data-container-name="Address"], .metalocator .results [data-element-name="contentimpression_1"]{
    margin: 0 !important;
}

.metalocator .results [data-element-name="containerstart_3"]{
    margin-top: 0 !important;
    margin-bottom: 12px !important;
    flex-wrap: wrap;
}

.metalocator .results [data-element-name="distance_1"] span{
    font-weight: 400;
    font-size: 11px;
    line-height: 18px;
    color: #000;
}

.metalocator .results [data-element-name="phone_7"] .ml_phone{
    padding-inline: 12px !important;
    padding-block:6px !important;
    border-width: 2px !important;
}

.metalocator [data-element-name="phone_7"] a.btn:not(.dropdown-toggle):not(.btn_hours_collapse_trigger){
    font-size: 12px !important;
    line-height: 16px;
}

.metalocator .results [data-element-name="taglist_3"] .ml_taglist_badges{
    flex-wrap: wrap;
    gap: 5px;
    flex-direction: row !important;
}

.metalocator .results  .ml_taglist_badges span{
    font-family:var(--font-heading);
    font-weight: 500;
    font-size: 12px;
    line-height: 18px;
    padding: 3px 12px;
    border-radius: 8px;
    color: rgba(255, 255, 255, 1);
}


.metalocator .results [data-element-name="taglist_3"] .ml-cat-thehomedepot span{
    background-color: #F26924;
    color: rgba(0, 0, 0, 1) !important;
}

.metalocator .results [data-element-name="taglist_3"] .ml-cat-dealerelite span{
    color: rgba(0, 0, 0, 1) !important;
    background-color: rgba(240, 201, 43, 1);
}

.metalocator .results .ml-cat-serviceprovider span,
.metalocator .results .ml-cat-dealerselect span{
    color: rgba(255, 255, 255, 1) !important;
    background-color: #858585;
}

.metalocator .results .ml-cat-renewalbyandersen span{
    color: rgba(0, 0, 0, 1) !important;
    background-color: #6CC14C;
}

.metalocator .results .ml-cat-dealerpremier span{
    color: rgba(0, 0, 0, 1) !important;
    background-color: #D2D2D2;
}

.metalocator .results .ml-cat-dealerpreferred span{
    color: rgba(0, 0, 0, 1) !important;
    background-color: #B15E4C;
}

.metalocator .results .ml-cat-dealer span{
    color: rgba(255, 255, 255, 1) !important;
    background-color: #26584C;
}

.metalocator .results [data-element-name="title_1"] span{
    font-size: 20px;
}

.metalocator .results [data-element-name="containerstart_2"], .metalocator .results [data-element-name="hours_22"]{
    flex: 0 0 50%
}

.metalocator .results [data-element-name="hours_22"] .ml_hours_middot{
    top:0 !important;
    color: rgba(93, 93, 93, 1);
    padding-left: 1px;
    font-size: 30px !important;
}

.metalocator .results [data-element-name="hours_22"] .ml_todayhours{
    font-weight: 800;
    font-size: 10px;
    line-height: 18px;
    padding-left: 0;
}

.metalocator .results .ml_hours .ml_today td{
    font-weight: 500 !important;
}

.metalocator .results [data-element-name="hours_22"] a[data-toggle=collapse]:after{
    top:1px;
    margin-left: 5px;
}


.metalocator .ml_field_type_container_hours{
    margin-bottom: 0 !important;
}

.metalocator .results .ml_location_status{
    font-size: 10px;
    font-weight: 800 !important;
    line-height: 18px;
}

.metalocator .results span.ml_location_status{
    display: inline !important;
}

.metalocator .results .ml_location_status.ml_appointment{
    color: rgba(87, 161, 59, 1);
}

.metalocator table.ml_hours tbody tr td, .metalocator table.ml_hours tbody tr th{
    font-size: 11px !important;
    line-height: 20px;
    color: rgba(0, 0, 0, 1) !important;
}

.metalocator table.ml_hours tbody tr td.ml_weekdayname{
    min-width: 70px;
}

.metalocator table.ml_hours tbody tr td.ml_hours_opening, .metalocator table.ml_hours tbody tr td.ml_hours_closed{
    padding-left: 5px !important;
}

.metalocator .results [data-element-name="fulladdress_1"] .ml_fulladdress{
    display: inline-block;
    line-height: 16px;
}

.metalocator .results [data-element-name="fulladdress_1"] span{
    font-size: 12px;
    line-height: 14px;
    text-decoration: underline;
}

.metalocator .results [data-element-name="collapsebutton_1"] span{
    font-weight: 700;
    font-size: 14px;
    line-height: 18px;
    color: rgba(0, 0, 0, 1);
}

.metalocator .results [data-element-name="collapsebutton_1"] a{
    padding-right: 15px;
    margin-bottom: 2px;
}

.metalocator .results [data-element-name="collapsebutton_1"] a:hover{
    color: #000 !important;
}

.metalocator .results [data-element-name="taglist_1"] .ml_taglist{
    display: block !important;
}

.metalocator .results [data-element-name="taglist_1"] span{
    font-weight: 400;
    font-size: 11px;
    line-height: 18px;
}

.metalocator .results [data-element-name="taglist_1"] li{
    position: relative;
    padding-left: 12px;
}

.metalocator .results [data-element-name="taglist_1"] li:first-child::before{
    display: none;
}

.metalocator .results [data-element-name="taglist_1"] li:first-child{
    padding-left: 0;
}

.metalocator .results [data-element-name="taglist_1"] li::before{
    content: ".";
    position: absolute;
    left: 0px;
    top: -5px;
    font-size: 25px;
    color: rgba(93, 93, 93, 1);
}

.metalocator .results [data-element-name="collapsebutton_1"], .metalocator .results [data-element-name="collapsestart_1"]{
    margin:0 !important;
}

.metalocator .results [data-element-name="taglist_4"] li{
    display: initial !important;
    text-align: center;
    max-width: 100px;
}

.metalocator .results [data-element-name="taglist_4"] .ml_taglist_images{
    display:flex !important;
    flex-direction: row !important;
    flex-wrap: wrap;
    gap:10px;
    align-items: center;
}

.metalocator .results [data-element-name="taglist_4"] li > span{
    display: flex;
    flex-direction: column;
}

.metalocator .results .cat-img-label{
    font-weight: 400;
    font-size: 10px;
    line-height: 14px;
    margin-top: 4px;
}

.metalocator .results [data-element-name="taglist_4"] .ml_tag_option_image{
    max-width: 25px;
    margin: 0 auto;
}

.metalocator .results div[data-container-name=Links]{
    margin-top: 15px !important;
}

.metalocator .results [data-element-name="taglist_4"]{
    margin-top: 10px !important;
}

.metalocator .results [data-element-name="staticlink_1"] span{
    font-size: 12px;
    line-height: 14px;
    text-decoration: underline;
}

@media (min-width: 768px) {
    .metalocator .results {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 480px;
        flex: 0 0 480px;
        max-width: 480px;
    }
}

@media (max-width: 576px){

    .metalocator #ml_results_wrapper{
        padding-bottom: 10px !important;
    }

    .metalocator .results [data-element-name="title_1"] span{
        font-size: 15px;
    }

    .metalocator .results [data-element-name="containerstart_2"]{
        flex-wrap: wrap;
        gap:10px 0;
    }

    .metalocator .results [data-element-name="containerstart_2"], .metalocator .results [data-element-name="hours_22"]{
        flex: 0 0 100%
    }

    .metalocator .results [data-element-name="containerstart_3"]{
        margin-bottom: 7px !important;
    }

    .metalocator .ml_field_type_container_hours{
        margin-bottom: 2px !important;
        margin-top: 5px !important;
    }

    .metalocator .results [data-element-name="collapsebutton_1"] span{
        font-size: 12px;
    }

    .metalocator .results [data-element-name="taglist_4"]{
        margin-top: 12px !important;
    }
}


/* Changes in search form elements */

.metalocator #ml_searchform [data-element-name="tagdropdown_6"] .bootstrap-select{
    margin-top: -22px;
    background: transparent;
    padding-right: 3px;
}

.metalocator #ml_searchform [data-element-name="tagdropdown_6"] .dropdown-toggle{
    border: none;
    outline: none;
    padding: 0;
    width: 100%;
    height: 20px;
    background: transparent;
}

.metalocator #ml_searchform [data-element-name="tagdropdown_6"] .label{
    font-family: var(--font-heading);
    font-weight: 500;
    font-size: 16px;
    line-height: 18px;
    color: rgba(0, 0, 0, 1) !important;
    position: relative;
}

.metalocator #ml_searchform [data-element-name="tagdropdown_6"] .filter-option-inner-inner{
    font-weight: 500;
    font-size: 0;
    line-height: 18px;
    color: rgba(0, 0, 0, 1) !important;
    margin-left: 85px;
    display: none;
    font-family: var(--font-heading);
    display: none;
}

.metalocator #ml_searchform [data-element-name="tagdropdown_6"] .ml_dropdown_has_value .ml_checkbox_filter_count{
    margin-left:5px;
}

.metalocator #ml_searchform [data-element-name="tagdropdown_6"] div.dropdown-menu.show{
    position: static !important;
    transform: none !important;
    border: none
}

.metalocator #ml_searchform [data-element-name="tagdropdown_6"] ul.dropdown-menu.show{
    padding-top: 5px !important;
}

.metalocator #ml_searchform [data-element-name="tagdropdown_6"] .locator_form{
    border-bottom: 1px solid rgba(164, 164, 164, 1);
    padding-bottom: 8px !important;
}

.metalocator #ml_searchform [data-element-name="tagdropdown_6"] .dropdown-item .check-mark{
    display: block !important;
    border-radius: 50%;
    border:2px solid rgba(28, 27, 31, 1) !important;
    left: 0;
    background-color: transparent !important;
}

.metalocator #ml_searchform [data-element-name="tagdropdown_6"] .selected .dropdown-item .check-mark:after{
    opacity: 1;
    background: none !important;
    background-color: #000 !important;
    height: 12px;
    width: 12px;
    border-radius: 50%;
    left: 2px !important;
    top: 2.2px !important;
}

.metalocator #ml_searchform [data-element-name="tagdropdown_6"] .dropdown-item{
    padding-left: 35px !important;
}

.metalocator #ml_searchform [data-element-name="tagdropdown_6"] .dropdown-item:hover{
    background-color: transparent;
}

.metalocator #ml_searchform [data-element-name="tagdropdown_6"] .dropdown-item .text{
    font-family: var(--font-heading);
    font-weight: 500;
    font-size: 14px;
    line-height: 18px;
}

.metalocator #ml_searchform [data-element-name="tagdropdown_6"] .dropdown-toggle::after{
    margin-left: 12px;
    margin-top: -3px;
    transform: rotate(90deg) !important;
}

.metalocator #ml_searchform [data-element-name="tagdropdown_6"] .ml_dropdown_open .dropdown-toggle::after{
    transform: rotate(270deg) !important;
}

.metalocator #ml_searchform .ml_searchform_row_1 span .ml_tagcheckbox_collapse{
    flex-direction: column;
}

.metalocator #ml_searchform [data-element-name="zipform_1"] {
    margin-bottom: 20px;
}
.metalocator #ml_searchform .ml_searchform_row_1 .ml_tagcheckbox_collapse{
    border-bottom: 1px solid rgba(164, 164, 164, 1);
    padding-bottom: 10px !important;
    margin-bottom: 18px !important;
}

.metalocator #ml_searchform .ml-tag-collapse-link{
    font-family: var(--font-heading);
    font-weight: 500;
    font-size: 16px;
    line-height: 18px;
    color: rgba(0, 0, 0, 1) !important;
    width: 100%;
}

.metalocator #ml_searchform .ml-tag-collapse-link:hover .ml_checkbox_filter_count{
    text-decoration: none !important;
}

.metalocator #ml_searchform .ml-tag-collapse-link .ml_checkbox_filter_count{
    font-family: var(--font-heading);
    font-weight: 500;
    font-size: 16px;
    line-height: 18px;
    border-radius: 50%;
    padding: 0 5px;
    color: #000;
}

/*.metalocator #ml_searchform .ml-tag-collapse-link .ml_checkbox_filter_count:not(:empty){
    background-color: #f26924;
}*/

.metalocator #ml_searchform .ml_tagcheckbox_collapse .form-check-inline:first-child{
    margin-top: 15px;
}

.metalocator #ml_searchform .ml_tagcheckbox_collapse .form-check-inline{
    padding-bottom: 10px !important;
}

.metalocator #ml_searchform .ml_tagcheckbox_collapse .form-check-label{
    font-family: var(--font-heading);
    font-size: 14px;
    line-height: 18px;
    color: rgba(0, 0, 0, 1);
    font-weight: 500;
}

.metalocator  #ml_searchform .ml_tagcheckbox_collapse .custom-control-label:before{
    border: 2px solid #000;
    border-radius: 3px;
}

.metalocator #ml_searchform .ml_tagcheckbox_collapse .custom-control-input:checked ~ .custom-control-label:before{
    background-color: #fff !important;
    border-color: var(--text-color) !important;
}

.metalocator #ml_searchform .ml_tagcheckbox_collapse .custom-control-input:checked ~ .custom-control-label:after{
    background: none;
    border-bottom: 2px solid #000;
    border-left: 2px solid #000;
    transform: rotate(-43deg);
    width: 12px;
    height: 7px;
    left: -24px;
}

.metalocator #ml_searchform .ml_searchform_row_1 span[data-element-name="clear_active_tags_1"]{
    flex: 0 0 auto !important;
}

.metalocator #ml_searchform .ml_clear_active_categories{
    border: none;

    padding: 0;
    height: auto;
    font-size: 12px;
    line-height: 18px;
    font-weight: 600;
    text-decoration: underline;
}

/*.metalocator #ml_searchform [data-element-name="apply_1"]{
    display: none;
}*/

/* Changes in SEO location pages */

.ml-location-page .ml-category-pills ul{
    display: inline-flex;
    flex-wrap: wrap;
    gap: 5px;
}

.ml-location-page .ml-category-pills li span{
    font-family: var(--font-heading);
    font-weight: 500;
    font-size: 12px;
    line-height: 27px;
    padding: 6px 12px;
    border-radius: 8px;
    color: rgba(255, 255, 255, 1);
    background-color: #030303;
}

.ml-location-page .ml-category-pills .ml-cat-dealer span{
    color: rgba(255, 255, 255, 1) !important;
    background-color: #26584C;
}

.ml-location-page .ml-category-pills .ml-cat-thehomedepot span{
    background-color: #F26924;
    color: rgba(0, 0, 0, 1) !important;
}

.ml-location-page .ml-category-pills .ml-cat-dealerelite span{
    color: rgba(0, 0, 0, 1) !important;
    background-color: rgba(240, 201, 43, 1);
}

.ml-location-page .ml-category-pills .ml-cat-serviceprovider span,
.ml-location-page .ml-category-pills .ml-cat-dealerselect span{
    color: rgba(255, 255, 255, 1) !important;
    background-color: #858585;
}

.ml-location-page .ml-category-pills .ml-cat-renewalbyandersen span{
    color: rgba(0, 0, 0, 1) !important;
    background-color: #6CC14C;
}

.ml-location-page .ml-category-pills .ml-cat-dealerpremier span{
    color: rgba(0, 0, 0, 1) !important;
    background-color: #D2D2D2;
}

.ml-location-page .ml-category-pills .ml-cat-dealerpreferred span{
    color: rgba(0, 0, 0, 1) !important;
    background-color: #B15E4C;
}

.ml-location-page .loc_categories{
    gap:15px !important;
}

.ml-location-page .project-type span{
    font-weight: 400;
    font-size: 12px;
    line-height: 20px;
    color: #000;
}

.ml-location-page .project-type h3{
    margin-bottom: 4px !important;
}

.ml-location-page .project-type [data-element-name="taglist_1"]{
    padding-left: 10px;
}

.ml-location-page .project-type [data-element-name="taglist_1"] li{
    padding-right: 0 !important;
}

.ml-location-page .project-type [data-element-name="taglist_1"] li:after{
    right: -7px !important;
    font-size: 10px !important;
    top: 2px;
}

.ml-location-page .ml-tag-groups-img{
    padding-left: 10px;
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    align-items: flex-start;
}

.ml-location-page .ml-tag-groups-img > div{
    flex: 0 0 60px;
    text-align: center;
}

.ml-location-page .ml-tag-groups-img img{
    max-width: 30px;
    margin: 0 auto;
}

.ml-location-page .ml-tag-groups-img span{
    font-weight: 400;
    font-size: 10px;
    line-height: 14px;
    display: block;
    margin-top: 6px;
}



@media (max-width: 576px){
    .metalocator .loc_details .top_left .ml-contact-links-row .ml-link-container a{
        font-size: 1rem;
        font-weight: 700;
        color: #000 !important;
        padding-right: 12px;
        position: relative;
        display: -webkit-inline-box;
        display: -ms-inline-flexbox;
        display: inline-flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
    }

    .metalocator .loc_details .top_left .ml-contact-links-row .ml-link-container a:after {
        content: "";
        position: absolute;
        right: 0px;
        width: 14px;
        height: 14px;
        background: url(https://d23g0hayoxy5dh.cloudfront.net/ul/11544/images/bulk/gallery/right-arrow.svg) no-repeat center / 14px;
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);
    }
}

/* MF: Update button styles */

.metalocator [data-container-name="Links"] .ml_field_type_container_link a.btn-outline-primary {
    font-size: 12px !important;
    line-height: 16px;
    padding-inline: 12px !important;
    border-width: 2px !important;
    padding-block: 6px !important;
}

/* MF: updated card */

.metalocator .results .ml_directory_focused .card, .metalocator .results .card{
    box-shadow: rgb(242, 105, 36) 0px 8px 0px 0px inset;
}

/* MF: Updated card padding */
.metalocator .results .card {
    padding-bottom: 15px;
    padding-right: 10px;
}

/* BB: Category rank color update*/

.metalocator .ml-cat-certifiedcontractorpremier span,.ml-location-page .ml-category-pills .ml-cat-certifiedcontractorpremier span {
    background-color:#D2D2D2  !important;
    color:#000 !important;
}

.metalocator .ml-cat-certifiedcontractorelite span,.ml-location-page .ml-category-pills .ml-cat-certifiedcontractorelite span {
    background-color:#F0C92B  !important;
    color:#000 !important;
}

/* BB: Hours SEO formatting attempt*/
.metalocator table.ml_hours tbody td {
    margin: 0;
    font-size: 1rem  !important;
    font-weight: 400  !important;
    line-height: 1.5;
    color: #000000 !important;
    text-align: left;
}

/* MF: Hours BAO pushing table width */
.metalocator .loc_hours table.ml_hours .ml_hours_opening {
    max-width: 50px;
}

/* BB do not display opted in badge*/

.ml-cat-optedintocertifiedlocatorc
{
    display:none !important;
}

/* PK: CSS for bootstrap */

.metalocator .container{
    margin: 0 auto;
}

.metalocator .row{
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px;
}

.metalocator .row::after {
    clear: both;
}

.metalocator .row::after, .metalocator .row::before {
    content: " ";
    display: table;
}

.metalocator .colg-lg-6, .metalocator .col-8, .metalocator .col-4, .metalocator .col-12{
    position: relative;
    width: 100%;
    padding-right: 15px;
    padding-left: 15px
}

.metalocator .col-4 {
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    max-width: 33.333333%
}

.metalocator .col-8 {
    -ms-flex: 0 0 66.666667%;
    flex: 0 0 66.666667%;
    max-width: 66.666667%
}

.metalocator .col-12 {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%
}

.metalocator .loc_details{
    display: grid !important;
}

.metalocator .collapse{
    transition: height 0.35s;
}

.metalocator .collapse:not(.show) {
    display: none;
}

.metalocator .btn{
    display: inline-block;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    vertical-align: middle;
}

.metalocator hr{
    margin-top: 1rem;
    margin-bottom: 1rem;
    border: 0;
    border-top: 1px solid rgba(0, 0, 0, .1);
}

.metalocator h2, .metalocator .h2{
    font-size: 2rem;
    line-height: 1.2;
}

.metalocator .breadcrumb{
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: .75rem 1rem;
    margin-bottom: 1rem;
    list-style: none;
    background-color: #e9ecef;
    border-radius: .25rem;
}

.collapse:not(.show) {
    display: none;
}

.collapsing {
    position: relative;
    height: 0;
    overflow: hidden;
    transition: height 0.35s ease;
}

.metalocator .ml_clipboard_share input{
    width: 100%;
}

.metalocator .mapboxgl-ctrl-top-left, .metalocator .mapboxgl-ctrl-top-right{
    z-index: 2;
}

.metalocator .ml-location-page .sec_nearby{
    margin-top: 30px;
}

@media (prefers-reduced-motion: reduce) {
    .collapsing {
        transition: none;
    }
}

.collapsing.width {
    width: 0;
    height: auto;
    transition: width 0.35s ease;
}

@media (prefers-reduced-motion: reduce) {
    .collapsing.width {
        transition: none;
    }
}

.modal-open {
    overflow: hidden;
}

.modal-open .modal {
    overflow-x: hidden;
    overflow-y: auto;
}

.modal {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1050;
    display: none;
    width: 100%;
    height: 100%;
    overflow: hidden;
    outline: 0;
}

.modal-dialog {
    position: relative;
    width: auto;
    margin: 0.5rem;
    pointer-events: none;
}

.modal.fade .modal-dialog {
    transition: -webkit-transform 0.3s ease-out;
    transition: transform 0.3s ease-out;
    transition: transform 0.3s ease-out, -webkit-transform 0.3s ease-out;
    -webkit-transform: translate(0, -50px);
    transform: translate(0, -50px);
}

@media (prefers-reduced-motion: reduce) {
    .modal.fade .modal-dialog {
        transition: none;
    }
}

.modal.show .modal-dialog {
    -webkit-transform: none;
    transform: none;
}

.modal.modal-static .modal-dialog {
    -webkit-transform: scale(1.02);
    transform: scale(1.02);
}

.modal-dialog-scrollable {
    display: -ms-flexbox;
    display: flex;
    max-height: calc(100% - 1rem);
}

.modal-dialog-scrollable .modal-content {
    max-height: calc(100vh - 1rem);
    overflow: hidden;
}

.modal-dialog-scrollable .modal-header,
.modal-dialog-scrollable .modal-footer {
    -ms-flex-negative: 0;
    flex-shrink: 0;
}

.modal-dialog-scrollable .modal-body {
    overflow-y: auto;
}

.modal-dialog-centered {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    min-height: calc(100% - 1rem);
}

.modal-dialog-centered::before {
    display: block;
    height: calc(100vh - 1rem);
    height: -webkit-min-content;
    height: -moz-min-content;
    height: min-content;
    content: "";
}

.modal-dialog-centered.modal-dialog-scrollable {
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: center;
    justify-content: center;
    height: 100%;
}

.modal-dialog-centered.modal-dialog-scrollable .modal-content {
    max-height: none;
}

.modal-dialog-centered.modal-dialog-scrollable::before {
    content: none;
}

.modal-content {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 100%;
    pointer-events: auto;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid rgba(0, 0, 0, 0.2);
    border-radius: 0.3rem;
    outline: 0;
}

.modal-backdrop {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1040;
    width: 100vw;
    height: 100vh;
    background-color: #000;
}

.modal-backdrop.fade {
    opacity: 0;
}

.modal-backdrop.show {
    opacity: 0.5;
}

.modal-header {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: start;
    align-items: flex-start;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 1rem 1rem;
    border-bottom: 1px solid #dee2e6;
    border-top-left-radius: calc(0.3rem - 1px);
    border-top-right-radius: calc(0.3rem - 1px);
}

.modal-header .close {
    padding: 1rem 1rem;
    margin: -1rem -1rem -1rem auto;
}

.modal-title {
    margin-bottom: 0;
    line-height: 1.5;
}

.modal-body {
    position: relative;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    padding: 1rem;
}

.modal-footer {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: end;
    justify-content: flex-end;
    padding: 0.75rem;
    border-top: 1px solid #dee2e6;
    border-bottom-right-radius: calc(0.3rem - 1px);
    border-bottom-left-radius: calc(0.3rem - 1px);
}

.modal-footer > * {
    margin: 0.25rem;
}

.modal-scrollbar-measure {
    position: absolute;
    top: -9999px;
    width: 50px;
    height: 50px;
    overflow: scroll;
}

@media (min-width: 576px) {
    .modal-dialog {
        max-width: 500px;
        margin: 1.75rem auto;
    }
    .modal-dialog-scrollable {
        max-height: calc(100% - 3.5rem);
    }
    .modal-dialog-scrollable .modal-content {
        max-height: calc(100vh - 3.5rem);
    }
    .modal-dialog-centered {
        min-height: calc(100% - 3.5rem);
    }
    .modal-dialog-centered::before {
        height: calc(100vh - 3.5rem);
        height: -webkit-min-content;
        height: -moz-min-content;
        height: min-content;
    }
    .modal-sm {
        max-width: 300px;
    }
}

@media (min-width: 992px) {
    .modal-lg,
    .modal-xl {
        max-width: 800px;
    }
}

@media (min-width: 1200px) {
    .modal-xl {
        max-width: 1140px;
    }
}

@media (min-width: 576px) {
    .metalocator .col-sm {
        -ms-flex-preferred-size: 0;
        flex-basis: 0;
        -ms-flex-positive: 1;
        flex-grow: 1;
        max-width: 100%;
    }
}

@media (min-width: 768px) {
    .metalocator .col-md-6 {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
    }
}

@media (min-width: 992px){
    .metalocator .col-lg-6 {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%
    }
}

@media (min-width: 1200px) {
    .metalocator .col-xl-4 {
        -ms-flex: 0 0 33.333333%;
        flex: 0 0 33.333333%;
        max-width: 33.333333%;
    }
}

@media (max-width: 1007px) {
    .metalocator{
        margin-top: 100px;
    }
}