/* importing fonts  */
/*  */

@import url("https://fonts.googleapis.com/css2?family=Great+Vibes&family=Quattrocento+Sans:ital,wght@0,400;0,700;1,400;1,700&display=swap" );
/* -------styling for all pages---------------- */

img{
  max-width: 100%;
}


.padding {
  padding-left: 10%;
  padding-right: 10%;
  padding-top: 2%;
  padding-bottom: 2%;
}

.responsive {
  width: 100%;
  height: auto;
}


body {
  background-color: #ffffff;
  font-family: 'Quattrocento Sans', sans-serif;

}

h1 {
  font-family: 'Great Vibes', cursive;
  color: #BA9A36;
}


h2 {
  font-family: 'Great Vibes', cursive;
  color: #BA9A36;
}

h4 {
  color: #BA9A36;
}

#logo {
  font-family: 'Great Vibes', cursive;
  color: #BA9A36;
  font-size: xx-large !important;
}

.navbar {
  font-family: 'Quattrocento Sans', sans-serif;
  border-bottom: 6px solid #dfc9a5;
}

.navbar-custom {
  background-color: #000000;
}

.navbar-nav {
  background-color: #000000;
}

.navbar-brand {
  padding-left: 5%;
  background-color: #000000;
}

.nav-link {
  font-family: 'Quattrocento Sans', sans-serif;
  color: #FDF4DC !important;
}

.navbar-nav {
  padding-right: 20% !important;
}

.navbtn {
  color: #FDF4DC;
  background-color: #BA9A36;
  margin-right: 5px;
  border-radius: 5px;
  text-align: center;
}

.custom-toggler.navbar-toggler {
  border-color: #BA9A36;
  border-width: 2px;
}

footer {
  color: #BA9A36;
  background-color: #000000;
  margin-bottom: 0;
  width: 100%;
  overflow: hidden;
}

.active {
  color: #BA9A36 !important;
}


/* 
table styling  */
.table td, table th {
  border: 1px solid #BA9A36;
  padding: 8px;
}

.table {
  width: 75%;
  border-collapse: collapse;
}

.table th {
  padding-top: 12px;
  padding-bottom: 12px;
  text-align: left;
  background-color: #dfc9a5;
  color: #000000;
}


/* index page styling */


header {
  position:relative;
  height: 75vh;
  min-height: 25rem;
  width: 100%;
  overflow: hidden;
} 

header img {
  position: absolute;
  min-width: 100%;
  width: auto;
  height: auto;
  object-fit: cover;
  top: -300px;

}

.smallerheader {
  height: 25vh;
  min-height: 10rem;
} 


input[type=text] {
  background-color: #F4F1DE;
  border: 10px #BA9A36;
  border-radius: 5px;
  text-align: center;
  border-width: 2px;

}

label {
  color: #BA9A36;

}

.head {
  background-color: #DFC9A5;
}

#head {
  padding: 10px;
}


header .container {
  position: relative;
  z-index: 2;
}

.headertext{
  font-family: 'Great Vibes', cursive;
  color: #FDF4DC;
  font-size: xx-large !important;
}
.btn-custom {
  color: #FDF4DC;
  background-color: #BA9A36;
  margin-left: auto;
  margin-right: auto;
  border-radius: 5px;
  text-align: center;
}

.creambg {
  background-color: #dfc9a5;
}

.goldvibes {
  font-family: 'Great Vibes', cursive;
  color: #BA9A36;
  font-size:8vh;

}

.overlay {
  width: 100%;
  background: black;
    overflow: hidden;

}

.overlayimg {
  object-fit: cover;
  opacity: 0.4;
}

/* search results page */

.left {
  display: block;
  float: left;
}

.right {
  display: block;
  float: right;
}

/* Product pages css */

.productimage {
  max-width: 10vw;
  border-radius: 5px;
  display:block;
  float: left;
  margin: auto;
}

#map {
  width: 95%;
  height: 450px;
  background: grey;
}

@media only screen and (max-width: 768px) {

  header img {
    top:  0px;
  }

}