:root {
  background-image: url(../img/vector_landscape3.jpg);
  background-color: #1E174B;
}

a {
  transition: transform 0.2s ease-in-out;
  font-size: 1rem;
}

a:hover {
  transform: scale(1.2);
}

.active-link {
  border-bottom: 10px dotted #f07a60;
}

.banner {
  max-height: 185px;
  border-radius: 1rem;
  margin-bottom: 1rem;
  min-width: 350px;
}

body, html {
  margin: 0;
  padding: 0;
  height: 100%;
  justify-content: center;
}

#button-wrapper {
  margin-top: 2em;
}
#button-wrapper a {
  color: #f07a60;
  text-decoration: none;
}

#call-button {
  font-family: "Amatic Text", sans-serif;
  font-size: 1.7rem;
  font-weight: 700;
  background-color: #B38EC1;
  border: 5px solid #f07a60;
}
#call-button a {
  font-size: 1.7rem;
  color: black;
}

#call-button:hover {
  background-color: #cda5dc;
}

cite {
  color: #f07a60;
}

#happiness-img {
  filter: brightness(0.9);
}

.card {
  background-image: radial-gradient(circle, #27235e, #2a1b56, #2d134d, #2e0944, #2e003b);
  width: 75%;
  min-width: 400px;
  margin: auto auto;
  padding: 3rem;
  border-radius: 1rem;
  box-shadow: 2px 2px 15px black;
  text-shadow: 2px 2px 5px black;
  border: 15px solid #f07a60;
}
.card h1 {
  font-family: "Playfair Text", sans-serif;
  padding-bottom: 1rem;
  font-size: 3em;
}
.card h3, .card h4, .card p {
  font-family: "Patrick Text", sans-serif;
}
.card p {
  font-size: 1.5rem;
  line-height: 0.95;
}

.contrast {
  border-top: 10px double #41439A;
}

.center {
  text-align: center;
}

#denise-img {
  border-radius: 50%;
  max-width: 427px;
  max-height: 427px;
  aspect-ratio: 1;
  margin-bottom: 3rem;
  border: 25px solid #f07a60;
  outline: 55px dashed #f07a60;
}

.flex-column {
  display: flex;
  flex-direction: column;
}

.flex-row {
  display: flex;
  flex-direction: row;
  justify-content: space-evenly;
  margin: 3rem 0;
}

#footer {
  font-family: "playfair Text", sans-serif;
  font-weight: 500;
  font-size: 1.2rem;
  background-color: black;
  height: 15%;
  padding-left: 1em;
}

#footer-details {
  float: right;
  align-items: end;
  padding-right: 2em;
}

#greeting {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
  margin-top: 2rem;
  border-radius: 50px;
  box-shadow: -2px 2px 15px darkorchid;
  background-color: #f4eafc;
}

#happiness-img {
  border-radius: 50%;
  padding-top: 2em;
  padding-bottom: 2em;
}

header {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  margin-bottom: 0.75em;
}
header a {
  color: white;
  text-decoration: none;
  -webkit-text-stroke: 2px black;
  font: 2.75rem "Changa Text";
}

a {
  transition: transform 0.2s ease-in-out;
  text-decoration: none;
}

a:hover {
  transform: scale(1.2);
}

h1, h2, h3, h4, h5, h6, p {
  color: white;
  margin-bottom: 0;
}

.hero {
  position: relative;
  height: 75vh;
  width: 100vw;
  background-image: url("../img/hero.jpg");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

hr {
  width: 90%;
  margin-left: auto;
  margin-right: auto;
  border-top: 10px double rgb(39, 35, 94);
}

.hr-contrast {
  border-top: 5px solid #f07a60;
}

.icon {
  display: none;
}

.indented {
  padding-left: 2rem;
}

.indented-li {
  margin-left: 3em;
}

input:focus {
  outline: 2px solid #f07a60; /* Change #ff6347 to your desired color */
  outline-offset: 5px; /* Optional: Adjust the distance of the outline from the element */
}

textarea:focus {
  outline: 2px solid #f07a60; /* Change #ff6347 to your desired color */
  outline-offset: 5px; /* Optional: Adjust the distance of the outline from the element */
}

#logo {
  display: block;
  max-height: 150px;
  min-width: 300px;
  max-width: 300px;
  margin: 1rem;
  border-radius: 1rem;
}

#logo-wrapper {
  transition: transform 0.2s ease-in-out;
}

#logo-wrapper:hover {
  transform: scale(1.2);
}

.location {
  outline: 10px solid #f07a60;
  border-radius: 1rem;
  justify-content: space-between;
}
.location img {
  object-fit: none;
  max-width: 800px;
}
.location h4 {
  font-size: 1.5rem;
  padding: 2rem;
}

#location-area {
  align-items: center;
}

#map {
  outline: 15px solid #f07a60;
  border-radius: 1rem;
  width: 600px;
  min-width: 400px;
  max-width: 800px;
}

#map-wrapper {
  margin: 2rem auto;
}
#map-wrapper h4 {
  font-family: "Poppins Text", sans-serif;
}

#meet-denise {
  display: flex;
  flex-direction: column;
  justify-content: start;
}
#meet-denise h1, #meet-denise h2, #meet-denise h3, #meet-denise h4, #meet-denise h5, #meet-denise h6, #meet-denise p {
  line-height: 1.5;
}

#meet-denise-content {
  display: flex;
  flex-direction: column;
  justify-content: start;
  align-items: start;
  padding-left: 2rem;
}

.mobile {
  display: none;
}

nav {
  display: flex;
  flex-direction: row;
  align-items: flex-end;
  justify-content: end;
  margin-right: 2rem;
}
nav li {
  padding: 0 1em;
  text-shadow: 2px 2px 4px black;
}

#nav-call-button a {
  font-family: sans-serif, Serif;
  font-size: 1.5rem;
  font-weight: 500;
  background-color: #0172AD;
  border: 3px solid black;
  -webkit-text-stroke: 0 white;
}
#nav-call-button a:hover {
  background-color: #2e86b4;
}

.overlay-content {
  position: absolute;
  top: 50%;
  left: 40%;
  transform: translate(-50%, -50%);
  text-align: center;
}
.overlay-content h1 {
  font: 4rem "playfair text";
  color: white;
  text-shadow: 3px 2px 1px rgb(143, 7, 255);
  font-weight: 900;
}
.overlay-content p {
  font: 1.25rem "Merienda Text";
  color: white;
  text-shadow: 3px 2px 1px rgb(143, 7, 255);
  font-weight: 900;
}

#physical-address {
  display: block;
  text-decoration: none;
  color: #f07a60;
  transition: transform 0.2s ease-in-out;
  font-size: 2rem;
}

#physical-address:hover {
  transform: scale(1.1);
}

#read-button {
  font-family: "Amatic Text", sans-serif;
  font-size: 1.7rem;
  font-weight: 700;
  border: 5px solid #f07a60;
}
#read-button a {
  font-size: 1.7rem;
}

#small-logo {
  display: none;
}

.spacer {
  height: 8rem;
}

.spacer-small {
  height: 4rem;
}

.sticky {
  position: fixed;
  top: 200px;
  right: 0;
}

#testimonials {
  background-color: black;
  border-radius: 1rem;
  padding: 1rem;
  outline: 30px double black;
}

ul li {
  list-style-type: circle;
}

@media (min-width: 1000px) {
  #meet-denise {
    flex-direction: row;
    outline: 0;
  }
  nav {
    display: flex;
    flex-direction: row;
    align-items: flex-end;
    margin-right: 6rem;
  }
}
@media (max-width: 800px) {
  a {
    line-height: 0.5em;
  }
  .fa-bars {
    display: block;
  }
  header {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    text-align: center;
  }
  li {
    margin-left: 1rem;
  }
}
@media screen and (max-width: 600px) {
  :root {
    font-size: 1.2rem;
  }
  .fa-bars {
    display: block;
  }
  #greeting {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
    margin-top: 2rem;
  }
  h1 {
    margin: 20px 0;
  }
  h1::after {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    border-top: 6px solid #ffffff; /* Style the line */
    transform: translateY(-50%);
  }
  header {
    display: flex;
    flex-direction: row;
  }
  .hero {
    position: relative;
    height: 100vh;
    width: 100vw;
    background-image: url("../img/hero.jpg");
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    margin-top: 2em;
  }
  hr {
    width: 95%;
  }
  .icon {
    display: block;
    float: right;
  }
  p.indented {
    padding: 0;
  }
  .indented-li {
    margin-left: 0;
  }
  #index-hero {
    width: 100%;
    display: none;
  }
  .mobile {
    display: block;
  }
  #more h1 {
    margin-bottom: 3rem;
  }
  nav {
    display: none;
  }
  .overlay-content {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: white;
    text-align: center;
    width: 75vw;
  }
  .overlay-content h1 {
    font: 3rem "playfair text";
    text-shadow: 2px 2px 0 rgb(143, 7, 255);
  }
  .overlay-content p {
    font: 1rem "Merienda Text";
    text-shadow: 1px 1px 0 rgb(143, 7, 255);
  }
  .spacer-small {
    height: 2rem;
  }
  #specialty-box {
    padding: 0;
  }
  #testimonials {
    flex-direction: column;
  }
}
@font-face {
  font-family: "Oswald Text";
  src: url("../fonts/Oswald-VariableFont_wght.ttf");
  font-weight: normal;
}
@font-face {
  font-family: "Amatic Text";
  src: url("../fonts/AmaticSC-Regular.ttf");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "Bangers Text";
  src: url("../fonts/Bangers-Regular.ttf");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "Merienda Text";
  src: url("../fonts/Merienda-VariableFont_wght.ttf");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "Patrick Text";
  src: url("../fonts/PatrickHandSC-Regular.ttf");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "Playfair Text";
  src: url("../fonts/playfair-display.woff2");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "Poppins Text";
  src: url("../fonts/poppins.woff2");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "Cantora Text";
  src: url("../fonts/CantoraOne-Regular.ttf");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "Changa Text";
  src: url("../fonts/ChangaOne-Regular.ttf");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "Coustard Text";
  src: url("../fonts/Coustard-Black.ttf");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "Lilita Text";
  src: url("../fonts/LilitaOne-Regular.ttf");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "Wendy Text";
  src: url("../fonts/WendyOne-Regular.ttf");
  font-weight: normal;
  font-style: normal;
}

/*# sourceMappingURL=hhh.css.map */