@charset "UTF-8";

@import url('https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,100..1000;1,9..40,100..1000&family=DM+Serif+Text:ital@1&family=Staatliches&display=swap');

:root {
  --white: #F1F2F2;
  --black: #0A1417;
  --orange: #DD8D42;
  --grey: #3F4A4D;
  --off-white: #EDEAE6;
  --teal: #4EAFA2;
  --heading: 'Staatliches', sans-serif;
  --quote: 'DM Serif Text', serif;
  --body: 'DM Sans', sans-serif;
  --radius: 4px;
}
::selection {
  background-color: var(--orange);
  color: var(--black);
}
.orange {
  color: var(--orange);
}

html,
body {
  background-color: var(--white) !important;
}
.bg-white {
  background-color: var(--white) !important;
}

img,
.image-wrap {
  border-radius: var(--radius) !important;
  margin-bottom: 1rem !important;
}
.image-wrap img {
  padding-bottom: 0 !important;
}

h1,
h2,
h3,
h4 {
  font-family: var(--heading) !important;
  letter-spacing: 5% !important;
}
h5,
h6 {
  font-family: var(--quote) !important;
  font-style: italic !important;
}
p {
  font-family: var(--body) !important;
}

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

hr.accent-center,
hr.accent-left {
  width: 50px;
  height: 3px;
  border-radius: 5px;
  background-color: var(--orange);
  margin: 20px auto;
  opacity: 1 !important;
}
hr.accent-left {
  margin: 20px 0;
}

a.text-primary:hover, 
a.text-primary:focus, 
a.text-primary.active {
    color: var(--orange) !important;
}

.btn-secondary {
  background-color: var(--orange) !important;
  border: none !important;
  color: var(--black) !important;
}
.btn-secondary:hover,
.btn-secondary:focus {
  background-color: var(--black) !important;
  color: var(--orange) !important;
}

.btn-secondary-outline:hover,
.btn-secondary-outline:focus {
  background-color: rgba(0, 0, 0, 0.3) !important;
  border: 2px solid rgba(0, 0, 0, 0.3) !important;
  color: var(--orange) !important;
}

.btn-white-outline:hover,
.btn-white-outline:focus {
  background-color: var(--black) !important;
  border-color: var(--black) !important;
  color: var(--orange) !important;
}

.btn-black {
  background-color: var(--white) !important;
  border: 2px solid var(--black) !important;
  color: var(--black) !important;
}
.btn-black:hover,
.btn-black:focus {
  background-color: var(--black) !important;
  color: var(--orange) !important;
}
.btn-black:hover .mbr-iconfont,
.btn-black:focus .mbr-iconfont {
  color: var(--orange) !important;
}

.mbr-section-btn {
    margin-left: 0 !important;
    margin-right: 0 !important;
}

.hero-height {
  padding: 200px 0;
}

.card-box {
  padding: 2rem;
  background-color: var(--off-white);
  border-radius: var(--radius);
}
.star {
    color: var(--orange) !important;
}

.service-locations-menu-container::-webkit-scrollbar {
    width: 8px;
}
.service-locations-menu-container::-webkit-scrollbar-track {
    background: rgba(0,0,0,0.1);
    border-radius: 4px;
}
.service-locations-menu-container::-webkit-scrollbar-thumb {
    background: rgba(0,0,0,0.3);
    border-radius: 4px;
}
.service-locations-menu-container::-webkit-scrollbar-thumb:hover {
    background: rgba(0,0,0,0.5);
}
.service-location-link {
  color: var(--grey) !important;
    text-decoration: none;
    font-size: 0.95rem;
    display: block;
    padding: 6px 12px;
    border-radius: 4px;
    transition: background-color 0.2s;
}
.service-location-link:hover,
.service-location-link:focus {
  color: var(--orange) !important;
}

.cid-uM4bIWaIK6 .mbr-text {
    margin-bottom: 4px;
    color: var(--grey);
    text-decoration: none;
}
.item-img {
  border-radius: var(--radius) !important;
}

.item-wrapper,
.item-wrapper:hover {
  border: none !important;
  background-color: transparent !important;
}
.iconfont-wrapper,
.iconfont-wrapper .mbr-iconfont,
.item-wrapper:hover .iconfont-wrapper .mbr-iconfont {
  color: var(--orange) !important;
  font-size: 3rem;
}

.cid-uM4mQch3ha .card-wrapper {
    border: none;
    background: var(--off-white);
}