@font-face {
  font-family: "Playfair";
  src: url("../fonts/PlayfairDisplay-VariableFont_wght.ttf");
  font-display: swap;
}
@font-face {
  font-family: "RalewayL";
  src: url("../fonts/Raleway-Light.ttf");
  font-display: swap;
}
@font-face {
  font-family: "RalewaySB";
  src: url("../fonts/Raleway-SemiBold.ttf");
  font-display: swap;
}
* {
  outline: none;
}

body,
html {
  margin: 0;
  padding: 0;
  font-family: "RalewayL";
  color: #403f3f;
  background-color: #f2f2f2;
  font-size: 20px;
  overflow-x: hidden;
  scroll-behavior: smooth;
  -webkit-font-smoothing: antialiased;
}

html.prevent-scroll {
  overflow: hidden;
}

.auto-animate, .scroll-animate {
  opacity: 0;
}

header {
  font-family: "RalewaySB";
  font-size: 20px;
  background-color: #403f3f;
  color: #f2f2f2;
}
header li a {
  display: inline-block;
  padding-top: 2rem;
  padding-bottom: calc(2rem - 10px);
  transition: all 0.25s;
  border-bottom: 10px solid transparent;
}
header li:hover a, header li.active a {
  cursor: pointer;
  border-bottom: 10px solid #e53637;
}

footer {
  color: #f2f2f2;
  background-color: #312e2f;
}
footer a {
  transition: all 0.05s;
  border-bottom: 2px solid #e53637;
}
footer a:hover {
  cursor: pointer;
  color: #e53637;
}
footer .footer__whomadethissite {
  border-top: 1px solid #f2f2f2;
}

/* Text */
h1, h2, h3, h4, h5, h6 {
  font-family: "Playfair";
  color: #312e2f;
}

b, strong {
  font-family: "RalewaySB";
}

/* Home */
#home {
  position: relative;
  color: #f2f2f2;
}
#home .homepage__scroll {
  z-index: 40;
  left: 50%;
  transform: translateX(-50%);
}
#home .homepage__scroll:after {
  content: "";
  position: absolute;
  width: 5px;
  height: 120px;
  background-color: #e53637;
  left: 50%;
  transform: translateX(-50%);
  top: 30px;
}
#home .background-opacity {
  background-color: rgba(35, 31, 32, 0.7098039216);
}
#home img {
  position: relative;
  top: 50%;
  transform: translateY(-50%);
  margin: 0 auto;
}

#news {
  background-color: #403f3f;
  color: #f2f2f2;
}
#news h1 {
  color: #f2f2f2 !important;
}

#about h1, #news h1 {
  position: relative;
  color: #312e2f;
}
#about h1:after, #about h1:before, #news h1:after, #news h1:before {
  content: "";
  position: absolute;
  width: 100px;
  height: 1px;
  background-color: #e53637;
  top: 50%;
  margin-left: 20px;
  transform: translateY(-50%);
}
#about h1:before, #news h1:before {
  transform: translateX(-140px);
}

/* Drinks & Hour */
#drinks h1, #hour h1 {
  position: relative;
}
#drinks h1:after, #drinks h1:before, #hour h1:after, #hour h1:before {
  content: "";
  position: absolute;
  width: 100px;
  height: 1px;
  background-color: #e53637;
  top: 50%;
  margin-left: 20px;
  transform: translateY(-50%);
}
#drinks h1:before, #hour h1:before {
  transform: translateX(-140px);
}
#drinks table, #hour table {
  width: 400px;
  height: 500px !important;
  display: inline-block;
  vertical-align: top;
  text-align: left;
  margin: 0 auto;
}
#drinks table h1, #hour table h1 {
  position: relative;
  font-size: 2rem;
}
#drinks table h1:after, #hour table h1:after {
  content: "";
  position: absolute;
  bottom: -10px;
  width: 100px;
  height: 5px;
  background-color: #e53637;
  left: 50%;
  top: inherit;
  margin-left: inherit;
  transform: translateX(-50%);
}
#drinks table h1:before, #hour table h1:before {
  display: none;
}
#drinks table tr td, #hour table tr td {
  width: 100% !important;
  display: block;
}
#drinks table tr:nth-child(1), #hour table tr:nth-child(1) {
  height: 160px;
  width: 100% !important;
}
#drinks table tr:nth-child(1) img, #hour table tr:nth-child(1) img {
  height: 120px;
  width: auto;
  margin: 0 auto;
}
#drinks table tr:nth-child(2) td, #hour table tr:nth-child(2) td {
  height: 100px;
}
#drinks table tr:nth-child(3) td, #hour table tr:nth-child(3) td {
  text-align: left !important;
  padding: 0rem 2rem;
}

/* Hour */
#hour table {
  position: relative;
  margin-left: 50%;
  width: 100% !important;
  transform: translateX(-50%);
  padding: 4rem;
  height: auto !important;
}
#hour table tr td {
  text-align: center !important;
}
#hour table tr td img {
  height: 60px;
  width: auto;
  vertical-align: middle;
}

/* Form */
.oopshnypt {
  opacity: 0;
  position: absolute;
  top: 0;
  left: 0;
  height: 0;
  width: 0;
  z-index: -1;
}

#contact input, #contact textarea {
  font-size: 20px;
  padding: 1rem 0.5rem;
  width: 100%;
  border: 2px solid #e53637;
  color: #f2f2f2;
  font-family: "RalewaySB";
  background-color: #403f3f;
}
#contact textarea {
  height: 200px;
}
#contact button {
  transition: all 0.05s;
  color: #f2f2f2;
  background-color: #e53637;
  font-size: 20px;
  padding: 1rem 2rem;
}
#contact button:hover {
  opacity: 0.9;
}
#contact .background-opacity {
  background-color: rgba(35, 31, 32, 0.7098039216);
}

/* Gallery */
#gallery {
  background-color: #403f3f;
}

/* Slideshow */
.slideshow {
  margin-left: 250px;
  height: 250px;
}
.slideshow .slideshow__img {
  overflow: hidden;
  display: none;
}
.slideshow .slideshow__img.is-active {
  display: inline-block;
}

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