/* ROOT */
/* :root {
  --h1-font {

  }
} */



/* GLOBAL */
* {
  box-sizing: border-box;

  font-family: "Great Vibes", cursive;
  font-weight: 700;
  font-style: normal;
  letter-spacing: 2px;
}

html, body
{
  background-color: #ba9dc8;
  color: #ffffff;
}

body {
  margin: 0 !important;
  padding: 0 !important;
}

h1 {
  color: #ba9dc8;
  font-family: "Amatic SC", sans-serif;
  font-size: 9rem;
  font-style: normal;
  font-weight: 700;
  text-align: center;
  text-shadow: -4px 6px 2px #ffffff;
  /* text-shadow: -4px 6px 2px #5b546b; */
}

h2, h3
{
  font-size: 4rem;
  text-align: center;
}

h4 {
  font-family: "Amatic SC", sans-serif;
  font-size: 3rem;
  text-align: center;
}

p {
  font-family: "Open Sans", sans-serif;
}

span {
  color: #ffffff !important;
}

a, a:hover, a:active, a:visited {
  text-decoration: none;
  color: initial;
}

footer {
  margin-top: 20px;
  width: 100%;
}



/* OVER WRITES */
.navbar-brand img {
  height: 100px;
  width: 100px;
}

.card {
  padding: 40px;
}

#about .card {
  border-top-left-radius: 0 !important;
  border-top-right-radius: 0 !important;
}

#about .card-text {
  font-family: "Open Sans", sans-serif;
  font-size: 1.2rem;
}



/* HOME */
#header {
  background-image: url('/public/img/header.jpg');
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: fixed;
  border-radius: 20px;
  box-shadow: 0 4px 8px 0 #5b546b;
  margin: 0 10px;
  padding: 100px 0;
}

#sub-header {
  margin-top: 90px;
}



/* WELCOME */
#welcome {
  margin: 100px 0;
}

#welcome .card-text {
  font-family: "Open Sans", sans-serif;
  font-size: 1.2rem;
}

#welcome img {
  width: 100%;
}

#welcome button {
  font-size: 2rem;
  width: 100%;
}

#welcome hr {
  height: 10%;
}



/* MESSAGE */
#message {
  background-image: url('/img/message.jpg');
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: fixed;
  border-radius: 20px;
  box-shadow: 0 4px 8px 0 #5b546b;
  padding: 100px 0;
}

#message .card {
  opacity: .9;
  width: 50vw;
}

#message .card-text {
  font-family: "Open Sans", sans-serif;
}



/* ABOUT */
#about {
  margin: 100px 0;
}

#about img {
  height: 450px;
  text-align: center;
  width: 100%;
}



/* CHARITY */
#charity .card-text {
  font-family: "Open Sans", sans-serif;
  text-align: center;
}



/* GIFTING */
#gifting {
  background-image: url('/public/img/gifting.jpg');
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: fixed;
  border-radius: 20px;
  box-shadow: 0 4px 8px 0 #5b546b;
  margin-top: 100px;
  padding: 100px 0;
}

#gifting h3 {
  margin-bottom: 40px;
}

#gifting p {
  font-family: "Open Sans", sans-serif;
  text-align: center;
  padding: 40px;
}

#gifting button {
  margin-left: 80px;
  width: 80%;
}



/* PHOTOS */
#photos {
  margin: 100px 0;
}



/* TESTIMONIALS */
#testsCarousel .carousel-control-prev-icon,
#testsCarousel .carousel-control-next-icon
{
  background-color: #000;
}

#tests h3 {
  margin-bottom: 50px;
}

#tests h5 {
  font-size: 2rem;
  line-height: 2;
}

#tests p {
  font-family: "Open Sans", sans-serif;
}

#tests img {
  width: 100%;
}



/* OFFER */
#offer {
  background-image: url('/public/img/offer.jpg');
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: fixed;
  border-radius: 20px;
  box-shadow: 0 4px 8px 0 #5b546b;
  margin-top: 100px;
  padding: 100px 0;
}

#offer h3 {
  margin-bottom: 80px;
}

#offer .card {
  opacity: .9;
  width: 100%;
}

#offer button {
  font-size: 2rem;
  width: 100%;
}



/* MAP */
#map input,
#map label,
#map button,
#map span
.pac-target-input,
.pac-item-query,
.pac-matched
{
  color: #000000 !important;
  font-family: "Open Sans", sans-serif !important;
  margin-bottom: 5px;
  width: 100%;
}

div.pac-item:nth-child(1) > span:nth-child(3),
div.pac-item:nth-child(2) > span:nth-child(3),
div.pac-item:nth-child(3) > span:nth-child(3),
div.pac-item:nth-child(4) > span:nth-child(3),
div.pac-item:nth-child(5) > span:nth-child(3)
{
  color: red !important;
  font-family: "Open Sans", sans-serif !important;
  margin-left: 8px;
}

#map button {
  margin-top: 20px;
}



/* UPGRADES */
#upgrades label {
  font-family: "Open Sans", sans-serif;
  margin-bottom: 10px;
}

#upgrades p {
  line-height: 1.2;
}

#upgrades input {
  margin-bottom: 2px;
  height: 28px;
  width: 28px;
}

#upgrades button {
  width: 100%;
}



/* FOOTER */
footer h6 {
  font-size: 1.5rem;
  margin-top: 60px;
  text-align: center;
}