/*CSS for Header Color*/
.header {background-color: #e9dfd8 !important;}

/*CSS for Header Logo Size - Desktop*/ 
.header__content__primary__left__logo a img
{max-height: 75px !important;}

/*CSS for Header Logo Size - Mobile*/ 
@media (max-width: 1024px) {
.header__content__primary__left__logo a img
{max-height: 75px; !important;}}

/*CSS for Header height - Desktop*/ 
.header__content__primary {height: 90px !important;}

/*CSS for Header Dropdown Menu height - Mobile*/ 
.header__mobile-menu {top: 90px !important; border-bottom-style: solid; border-bottom-width: medium; border-bottom-color: #ebece6;}

/*CSS for Header Menu Items Color*/ 
.header__content__primary__left__items {color: #000000;}

/*CSS for Header Menu Items Underline Color*/ 
[dir=ltr] .header__content__primary__left__items a.router-link-active:after {background-color: #552638 !important;}

/*CSS for Header Menu Items - Desktop*/ 
.header__content__primary__left__items a {color: #000000;}
.header__content__primary__left__items a:hover {color: #552638 !important;}

/*CSS for Header Menu Left-Most Item - Desktop*/ 
.header__content__primary__left__items a.router-link-active:after {background-color: #000000;}
.ui-button__type__plain {background-color: #eeeeee;color: #000000;}

/*CSS for Mobile Header Burger Menu Icon*/ 
.ui-icon-menu::before {color: #000000 !important;}
.ui-icon-menu-close:before {color: #000000 !important;}

/*CSS for Homepage Search Input Icon (Magnifying Glass)*/
.ui-search__input {background-color: #ffffff !important; border: 1px solid #9d0759 !important; border-color: #8f8669 !important;}

.ui-search__input input {background-color: #ffffff !important;}

/*CSS for Footer Color*/
.footer {background-color: #e9dfd8 !important;}

/*CSS for 'Locations' Menu Item in Header - Desktop*/ 
.header__content__primary__left__items > div:nth-child(2)  {display: none !important;}

#__app > div > div.header.with-shadow > div > div > div.header__content__primary__left > div.header__content__primary__left__items > div:nth-child(2) {display: none !important;}

/*CSS for 'Locations' Menu Item in Header - Mobile*/ 
#__app > div > div.header.with-shadow > div.header__mobile-menu > div:nth-child(2) {display: none !important;}

/*CSS for 'Locations' Working Hours Display*/ 
.locations-card__details__wh__up {
    display: none !important;
}

/*CSS for Filters Dropdowns - Desktop*/ 
[dir=ltr] .ui-filter__button[data-v-8d1e7fd9] {display: none !important;}

/*CSS for Filters Dropdowns - Mobile*/ 
.ui-button.is-icon-only[data-v-224ab320] {display: none !important;}

/*CSS for Services Selections - Badges (Colored Background)*/ 
.ui-tag[data-v-c490a858] {
    height: calc(var(--1380fcff) + 5px) !important;
}

/*CSS for Calendar Date Selections - Tile Background & Border - Desktop & Mobile*/ 
.ui-cal__day.is-selected[data-v-eef974c7] {
    background-color: var(--color-primary-90) !important;
    border-color: var(--color-primary-99) !important;
    color: #000000 !important;
    font-weight: 700 !important;
    outline-style: solid !important;
    outline-width: thin !important;
}

/*CSS for Calendar Time Selections - Tile Border - Desktop & Mobile*/ 
.booking-ts.is-active[data-v-78de0e1f] {
    border: 2px solid var(--color-primary-90) !important;
}

/*CSS for Website Primary Buttons - Text Color - Desktop & Mobile*/ 
.ui-button__type__primary[data-v-f48ee050] {
    color: #000000 !important;
}

/*CSS for Fonts*/
h1 {font-family:  'Poppins', sans-serif;}
h2 {font-family:  'Poppins', sans-serif;}
h3 {font-family:  'Poppins', sans-serif;}
h4 {font-family:  'Poppins', sans-serif;}
h4 {font-family:  'Poppins', sans-serif;}
body {font-family:  "Poppins", sans-serif;}
p {font-family:  'Poppins', sans-serif;}

.h2, h2 {
    font-size: 24px !important;
    line-height: 32px !important;
}

.sub, .sub-med {
    font-size: 14px !important;
    line-height: 18px !important;
}
