@charset "UTF-8";@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@500;600;700&family=Playfair+Display:wght@400;500;600&display=swap');@import url('https://fonts.googleapis.com/css2?family=Kaushan+Script&display=swap');


/*
font-family: 'Playfair Display', serif;

*/

h1, h2, h3, h4 {
font-family: 'Kaushan Script', cursive; 
}

body {
  background-color: #f1f1f1;
}

a {
    color: #c2ac61;
}

a:hover {
    color: #181818 !important;
    font-weight: 500;
}

#mod-custom116 a:hover {
    color: #ffffff !important;
}

.container-header .container-nav a:hover{
    color: #c2ac61 !important;
    font-weight: 500;
}

.container-header .container-search {
    margin-top: 2.5em;
}

.back-to-top-link {
    z-index: 10000;
    color: #181818!important;
    pointer-events: all;
    background-color: #c2ac61!important;
    border: 1px solid #c2ac61!important;
    opacity: 0;
    inset-inline-end: 1rem;
    border-radius: 0.25rem;
    padding: 0.5em;
    transition: opacity .2s ease-in;
    position: absolute;
    bottom: 1rem;
}

.container-header {
  background-color: #181818;
  background-image: none;
  box-shadow: 0 2px 4px -2px gray;
}

.mod-custom.custom.banner-overlay {
      height: 50vh;
}

.container-banner .banner-overlay .overlay {
  height: 50vh;
  background-color: rgba(0,0,0,.40);
}


.homehero {
  background-image: URL('/images/banners/stagbarbering-hero-image-small.webp');
  height: 50vh;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

.homeproduct {
  background-image: URL('/images/banners/stag-products-hero.webp');
  height: 50vh;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

.bookinghero {
  background-image: URL('/images/banners/stagbarbering-hero-bookings.webp');
  height: 50vh;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}


.btn-primary {
  background-color: #181818;
  border-color: #c2ac61;
  border-width: 2px; 
}

.btn-primary:focus, .btn-primary:hover {
        background-color: #c2ac61 !important;
        border-color: #181818; !important;
  }

.container-header .container-nav {
    padding-bottom: 0.01em;
}

.container-about {
  max-width: 1240px;
  padding-left: 30px;
  padding-right: 30px;
  padding-top: 20px;
  padding-bottom: 20px;
  margin-right: auto;
  margin-left: auto; 
}



#mod-custom116 {
  background: #181818;
  border-top: 3px solid #c2ac61;
  color: #fff;
  padding-top: 3em;
  padding-bottom: 2em;
  }

#mod-custom114 {
  width: 100vw;
  position: relative;
  left: 50%;
  right: 50%;
  margin-left: -50vw;
  margin-right: -50vw
  display: flex;
  max-width: 99.3vw;
  padding-top: 2em;
  padding-bottom: 2em;
  background: #181818;
  background-image: URL('/images/slide.png');
  color: #fff;
  }

#mod-custom113 {
  width: 100vw;
  position: relative;
  left: 50%;
  right: 50%;
  margin-left: -50vw;
  margin-right: -50vw
  display: flex;
  max-width: 99.3vw;
  padding-top: 2em;
  padding-bottom: 2em;
  background: #181818;
  color: #fff;
  }

.round {
  border-radius: 50%;
  border-style: solid;
  border-color: #c2ac61;
  border-width: medium;
}


.product {
  border-radius: 7px;
  border-style: solid;
  border-color: #c2ac61;
  border-width: medium;
}

.product:hover {
  border-radius: 7px;
  border-style: solid;
  border-color: #181818;
  border-width: medium;
}