/**************GENERAL**************/
/***********************************/
/***********************************/
* {
  margin: 0;
  padding: 0;
  box-sizing: inherit;
}

*:focus {
  outline: 2px dotted #1b3159;
}

html {
  /* 1rem = 10px */
  font-size: 62.5%;
  overflow-x: hidden;
  box-sizing: border-box;
  scroll-behavior: smooth;
}

body {
  font-family: Cambria, Cochin, Georgia, Times, "Times New Roman", serif;
  overflow-x: hidden;
  background-color: #e1c591;
  background-image: url(img/wild-flowers-rotate.webp);
}

/*
/////////////////////////////////////
///////////////Contact Us///////////////
////////////////////////////////////
*/

.mav-homepage-logo {
  width: 40%;
  padding: 3.2rem;
  display: block;
  margin: auto;
}

.contact-us {
  display: flex;
  justify-content: center;
}

.form-container {
  flex: 1;
  margin-left: 30rem;
  background-color: #e1c591;
  background-image: url(img/wild-flowers-rotate.webp);
}

.contact-form-box {
  text-align: center;
  padding: 4.8rem 2.4rem;
  margin: 6.4rem 9.6rem;
  border: 2px solid #0c2247;
}

.form-heading-box {
  margin-bottom: 2.4rem;
}

.form-heading {
  color: #1b3159;
  font-size: 4.2em;
  font-style: normal;
}

.form-para {
  font-family: "Playfair Display", serif;
  font-size: 2rem;
  color: #16140e;
  margin-bottom: 4.8rem;
}

.form-input-container {
  display: flex;
  flex-direction: column;
  gap: 3.2rem;
}

.form-input-container input {
  padding: 1.2rem;
  font-size: 2rem;
  font-family: "Playfair Display", serif;
  border: none;
  background-color: #f3e8d3;
}

.large-input {
  width: 70%;
  height: 30vh;
}

.form-btn,
.form-btn:link,
.form-btn:visited {
  display: inline-block;
  padding: 0.8rem;
  font-family: "Playfair Display", serif;
  background-color: #f0e2c8;
  color: #16140e;
  border: none;

  font-size: 2rem;

  transition: all 0.5s;
}

.link-5,
.link-5:link,
.link-5:visited {
  text-decoration: none;
  color: #16140e;
  font-size: 2rem;
  line-height: 2.4rem;
}

.link-5:active,
.link-5:hover {
  text-decoration: underline;
}

/*
/////////////////////////////////////
///////////////FOOTER///////////////
///////////////////////////////////
*/

.footer {
  margin-left: 30rem;
  padding: 2.4rem 3.2rem;
  background-color: #e1c591;
  background-image: url(img/wild-flowers-rotate.webp);
  border-top: 1px solid #0c2247;
}

.footer-overflow {
  height: 100vh;
}

.footer-container {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 6.4rem;
}

.footer-heading {
  font-size: 2.2rem;
  margin-top: 1.8rem;
  margin-bottom: 2.4rem;
  color: #16140e;
}

.logo-column {
  display: flex;
  flex-direction: column;
  margin: auto;
}

.sister-column {
  display: flex;
  flex-direction: column;
  margin: auto;
  gap: 2.4rem;
  margin-top: 3.2rem;
  font-family: "Playfair Display", serif;
}

.social-link {
  list-style: none;
  display: flex;
  gap: 2.4rem;
}

.footer-logo {
  display: block;
  width: 15rem;
  margin-bottom: 4.8rem;
}

.icon-i,
.icon-w,
.icon-t {
  width: 3rem;
}

.address-column {
  display: flex;
  flex-direction: column;
  margin: auto;
  gap: 2.4rem;
  font-family: "Playfair Display", serif;
}

.address {
  font-size: 2rem;
  line-height: 2.4rem;
  font-family: "Playfair Display", serif;
}

.navigation-column {
  display: flex;
  flex-direction: column;
  margin: auto;
  margin-top: 0;
  gap: 2.4rem;
  font-family: "Playfair Display", serif;
}

.footer-nav {
  display: flex;
  flex-direction: column;
  gap: 2.4rem;
  list-style: none;
}

.link-1,
.link-1:link,
.link-1:visited,
.link-2,
.link-2:visited,
.link-2:link {
  text-decoration: none;
  color: #16140e;
  font-size: 2rem;
  line-height: 2.4rem;
}

.link-1:active,
.link-1:hover,
.link-2:active,
.link-2:hover {
  text-decoration: underline;
}

/*
/////////////////////////////////////
///////////////COMMERCIAL LENDING///////////////
///////////////////////////////////
*/
.product-list {
  list-style: none;
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  grid-template-rows: 1fr 1fr 1fr;
  font-size: 2rem;
  line-height: 2.4rem;
  font-family: "Playfair Display", serif;
}

.form-heading-2 {
  font-size: 2.4rem;
  font-family: "Playfair Display", serif;
  margin-bottom: 1.2rem;
}

.form-heading-3 {
  font-size: 2rem;
  font-family: "Playfair Display", serif;
  margin-bottom: 1.2rem;
}

.form-ending {
  color: #1b3159;
  font-size: 3.2em;
}

/*
/////////////////////////////////
//////////////Home///////////////
/////////////////////////////////
*/

.about-us,
.bar-services-section,
.eventsSection,
.locations-section,
.section-booking,
.mobile-bar-homepage,
.homepage-slogan {
  margin-left: 30rem;
}

/* All the hompeage sections */
.section-home,
.homepage-mobile-bar-section-2,
.section-bar-services,
.section-events,
.section-location,
.section-booking {
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #e1c591;
  background-image: url(img/wild-flowers-rotate.webp);
}
/*/////////////////////////////////*/

.header-box,
.header-box-index {
  background-color: #0c2247;
  background-image: url(img/wild-flowers.webp);
  display: flex;
  flex-direction: column;
  width: 30rem;
  height: 100vh;
  position: fixed;
  top: 0;
  left: 0;

  visibility: visible;
}

/* .header-box-index {
  visibility: hidden;
} */

.sticky {
  visibility: visible;
}

.header-logo-box {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  border-bottom: 1px solid #e1c591;
}

.ruby-header-logo {
  width: 70%;
  padding: 3.2rem;
  display: block;
  margin: auto;
}

.main-nav-list {
  display: flex;
  flex-direction: column;
  align-items: center;
  list-style-type: none;
  gap: 4.8rem;
  font-style: normal;
  margin-top: 6rem;
}

.main-nav-link:link,
.main-nav-link:visited {
  text-decoration: none;
  color: #f0e2c8;
  font-size: 2.8rem;

  transition: all 0.5s;
}

.main-nav-link:active,
.main-nav-link:hover {
  cursor: pointer;
  text-decoration: none;
  color: #e1c591;
}

.social-flex-box {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
}

.social-link-box {
  display: flex;
  justify-content: center;
  margin-top: 10rem;
}

.social-link-header {
  list-style: none;
  display: flex;
  gap: 4.8rem;
}

.icon-header-i,
.icon-header-t,
.icon-header-w {
  width: 3rem;
}

.grid-home {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-template-rows: auto auto auto;
  column-gap: 9.6rem;
  row-gap: 4.8rem;
  margin: 0 9.6rem;
  padding: 6.4rem 0;
  border-top: 1px solid #0c2247;
  border-bottom: 1px solid #0c2247;
}

.rubys-story {
  display: flex;
  flex-direction: column;
  text-align: center;
  justify-content: center;
  gap: 1.6rem;
}

.mobile-bar-text-box {
  display: flex;
  flex-direction: column;
  text-align: center;
  justify-content: center;
  gap: 1.6rem;
}

.additional-cat-box {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  padding: 1.2rem;
  border: 1px solid #1b3159;
}

.house-dessert-text-box {
  display: flex;
  flex-direction: column;
  text-align: center;
  justify-content: center;
  gap: 1.6rem;
}

.slogan-text-box {
  display: flex;
  flex-direction: column;
  text-align: center;
  justify-content: center;
  gap: 1.6rem;
}

.heading-1 {
  font-size: 3.6rem;
  color: #1b3159;
  font-style: normal;
  font-weight: bold;
}

.para-home {
  font-family: "Playfair Display", serif;
  font-size: 1.8rem;
  color: #16140e;
}

.title-home {
  font-family: "Rouge Script", cursive;
  font-size: 2.8rem;
  font-style: normal;
  color: #1b3159;
  font-weight: bold;
}

.services-list {
  font-family: "Playfair Display", serif;
  font-size: 1.6rem;
  color: #16140e;
  padding: 0 6rem;
}

.mock-cock-btn-box {
  padding-top: 1.2rem;
}

@keyframes fade {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

.rubys-story-img-box,
.mobile-bar-img-box,
.house-dessert-img-box,
.slogan-img-box {
  display: flex;
  align-items: center;
  justify-content: center;
}

.home-page-img-p {
  width: 55%;
  object-fit: cover;
  opacity: 85%;
  border: 1px solid #1b3159;
  padding: 1.2rem;
}

/*///////////////////////Booking Process Homepage//////////////////////*/

.booking-box {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  margin: 0rem 9.6rem;
  padding: 4.8rem 0;
  gap: 1.6rem;
  width: 100%;
}

.mobile-bar-booking-container,
.desserts-catering-booking-container {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 2.4rem;
}

.mobile-bar-booking-grid,
.desserts-catering-booking-grid {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  column-gap: 2.4rem;
}

.booking-mobile-bar-grid-i,
.booking-desserts-grid-i {
  padding: 1.2rem;
  border: 1px solid #1b3159;
}

.mock-cock-flex-box {
  margin-top: 1.6rem;
  display: flex;
  gap: 2.4rem;
}

.booking-info-container {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 1.2rem;
}

.booking-heading {
  font-style: normal;
  font-weight: bold;
  font-family: "Rouge Script", cursive;
  font-size: 4.2rem;
  color: #1b3159;
  text-align: center;
  color: #1b3159;
}

.mobile-bar-booking-heading,
.desserts-catering-booking-heading {
  text-decoration: none;
  font-family: "Rouge Script", cursive;
  font-size: 3rem;
  text-align: center;
  font-style: normal;
  color: #1b3159;
  font-weight: bold;
  align-self: flex-start;
}

.desserts-catering-booking-heading {
  margin-top: 2.4rem;
}

.booking-sub-heading {
  font-family: "Playfair Display", serif;
  font-size: 1.8rem;
  font-weight: bold;
  color: #1b3159;
  text-align: center;
}

.booking-info-text {
  font-family: "Playfair Display", serif;
  font-size: 1.8rem;
  color: #16140e;
  text-align: center;
}

@keyframes moveUpDown {
  0% {
    transform: translateY(0);
  }
  100% {
    transform: translateY(-15px);
  }
}

.cheesecake-icon-hp,
.star-gif-hp {
  width: 6rem;
}

.cocktail-icon-hp,
.phone-icon-hp {
  width: 6.4rem;
}

.wedding-icon-hp,
.flowers-wedding-icon-hp {
  width: 12rem;
}

.heart-icon-hp {
  width: 4.6rem;
  animation: moveUpDown 1s ease-in-out infinite alternate;
}

/* Homepage Slogan Section */

.homepage-slogan-section {
  margin-bottom: 4.8rem;
}

.homepage-slogan-container {
  display: flex;
  flex-direction: column;
  gap: 3.2rem;
  margin: 0 9.6rem;
  border: 1px solid #1b3159;
  padding: 4.8rem 0;
  background-color: #e1b191;
  background-image: url(img/wild-flowers-rotate.webp);
}

.homepage-slogan-heading {
  font-family: "Rouge Script", cursive;
  font-size: 5.2rem;
  color: #1b3159;
  font-weight: bold;
  font-style: normal;
  color: #1b3159;
  text-align: center;
}

.homepage-lips-art-box {
  display: flex;
  align-items: center;
  justify-content: center;
}

.homepage-lips-art {
  width: 8%;
}
/*
/////////////////////////////////////
///////////////Cocktails & Mocktails///////////////
////////////////////////////////////
*/

/* THE sections for the cocktail page */
.cocktails-intro-section,
.mocktails-intro-section,
.c-m-img-section,
.cmd-mobile-bar-section-2 {
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #e1c591;
  background-image: url(img/wild-flowers-rotate.webp);
  margin-left: 30rem;
}

/* Page 1 - Intro */
/*The cocktails and Mocktails section is repeatable sp code has been placed together*/

.cocktails-intro-box-outer,
.mocktails-intro-box-outer {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 4.8rem;
  padding-bottom: 4.8rem;
  margin: 4.8rem 9.6rem;
  border-bottom: 1px solid #1b3159;
}

.cocktails-intro-heading,
.mocktails-intro-heading {
  font-family: "Rouge Script", cursive;
  font-size: 4.2rem;
  color: #1b3159;
  font-weight: bold;
  font-style: normal;
  color: #1b3159;
  text-align: center;
}

.cocktails-intro-text-box,
.mocktails-intro-text-box {
  display: grid;
  grid-template-columns: 1fr 1fr;
  justify-items: center;
  align-items: center;
}

.cocktails-intro-text,
.mocktails-intro-text {
  display: flex;
  flex-direction: column;
  gap: 3.2rem;
}

.shaker-heading,
.het-heading {
  font-family: "Rouge Script", cursive;
  font-size: 3.6rem;
  color: #1b3159;
  font-weight: bold;
  font-style: normal;
  color: #1b3159;
  text-align: center;
}

.shaker-flex-box,
.het-flex-box {
  display: flex;
  justify-content: center;
}

.shaker-art,
.het-art {
  width: 60%;
  padding: 1.2rem;
  border: 1px solid #1b3159;
}

.cocktail-info-flex-container,
.mocktail-info-flex-container {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 2.4rem;
}

.cocktail-phrase,
.mocktail-phrase {
  font-family: "Playfair Display", serif;
  color: #1b3159;
  font-size: 2rem;
  font-weight: bold;
  text-align: center;
}

.cocktail-phrase-text,
.mocktail-phrase-text {
  font-family: "Playfair Display", serif;
  color: #16140e;
  font-size: 1.8rem;
  text-align: center;
}

.list-phrase-text {
  font-family: "Playfair Display", serif;
  color: #16140e;
  font-size: 1.8rem;
  text-align: center;
  list-style: lower-roman;
}

.band-1 {
  color: green;
}

.band-2 {
  color: navy;
}

.band-3 {
  color: orangered;
}

/* Page 2 - Menu section */

.cocktail-menu-container,
.mocktail-menu-container {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  height: 100%;
  margin-left: 30rem;
}

.cocktails-mocktails-menu-heading {
  font-family: "Rouge Script", cursive;
  font-size: 4.2rem;
  color: #1b3159;
  font-weight: bold;
  font-style: normal;
  color: #1b3159;
  text-align: center;
}

.cocktail-options {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 9rem;
  margin-top: 4.8rem;
}

.cocktails,
.mocktails {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 4.8rem;
}

.not-visible {
  display: none;
}

.cocktail-type,
.cocktail-type:link,
.cocktail-type:visited {
  color: #0e192d;
  font-size: 3.6rem;
  font-style: normal;

  transition: all 0.5s;
}

.cocktail-type:active,
.cocktail-type:hover {
  cursor: pointer;
  color: #5f6f8b;
}

.vodka-title {
}

.whiskey-title {
}

.gin-title {
}

.rum-title {
}

.cognac-title {
}

.tequilla-title {
}

.section-cocktails-menu {
  display: flex;
  flex-direction: column;
  height: 100vh;
  justify-content: center;
  align-items: center;
}

.section-mocktails-menu {
  display: flex;
  flex-direction: column;
  height: 100%;
  margin-top: 4.8rem;
}

.btn-component {
  display: grid;
  grid-template-columns: 0.1fr 1fr 0.1fr;
  align-items: center;
  justify-content: center;
  color: #1b3159;
  font-size: 7rem;
  font-style: normal;
  gap: 4.8rem;
}

.cover {
  width: 70rem;
  height: auto;
  /* height: 80vh; */
  object-fit: contain;
  border: 2px solid #1b3159;
}

.left-btn,
.left-btn:link,
.left-btn:visited,
.right-btn,
.right-btn:link,
.right-btn:visited {
  transition: all 0.5s;
}

.left-btn:active,
.left-btn:hover,
.right-btn:active,
.right-btn:hover {
  cursor: pointer;
  color: #5f6f8b;
}

/*Page 2 - Cocktail/Mocktail Gallery */

.c-m-img-section {
  background-image: url(img/additonal/paisely-2.jpg);
}

.c-m-img-grid-flex {
  display: flex;
  flex-direction: column;
  margin: 0 9.6rem;
  padding: 4.8rem 0rem;
  border-top: 1px solid #1b3159;
  border-bottom: 1px solid #1b3159;
  gap: 3.2rem;
  align-items: center;
}

.cm-gallery-heading {
  font-family: "Rouge Script", cursive;
  color: #1b3159;
  font-size: 4.2rem;
  font-weight: bold;
  font-style: normal;
  border: 1px solid;
  background-color: #e1c591;
  border-radius: 20%;
  padding: 0.8rem;
  background-image: url(img/wild-flowers-rotate.webp);
}

.c-m-img-grid-container-1 {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  margin: 0 8rem;
}

.c-m-img-grid-container-2 {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  column-gap: 2.4rem;
}

.c-m-img-box {
  display: flex;
  justify-content: center;
  align-items: center;
}

.cocktail-img-1,
.cocktail-img-1:link,
.cocktail-img-1:visited {
  width: 90%;

  transition: all 0.5s;
}

.cocktail-img-1:hover,
.cocktail-img-1:active {
  cursor: pointer;
  opacity: 85%;
}

.cocktail-img-2,
.cocktail-img-2:link,
.cocktail-img-2:visited {
  width: 100%;

  transition: all 0.5s;
}

.cocktail-img-2:hover,
.cocktail-img-2:active {
  cursor: pointer;
  opacity: 85%;
}

/*Overlay Images*/

.cocktail-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #e1c591;
  background-image: url(img/pattern-2.webp);
  backdrop-filter: blur(3px);
  z-index: 5;
  display: none;
}

.cocktail-modal-img-box {
  position: fixed;
  top: 0;
  left: 0;
  display: none;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100vh;
  z-index: 10;
}

.x-style,
.x-style:link,
.x-style:visited {
  position: fixed;
  top: 0;
  right: 20%;
  font-size: 10rem;
  font-style: normal;
  color: #1b3159;
  z-index: 1000;

  transition: all 0.5s;
}

.x-style:hover,
.x-style:active {
  color: #5f6f8b;
  cursor: pointer;
}

.modal-img {
  height: 80%;
}

.modal-btn-component {
  display: flex;
  align-items: center;
  gap: 4.8rem;
}

.modal-btn {
  font-size: 8rem;
  font-style: normal;
  color: #1b3159;
}

.modal-left-btn,
.modal-left-btn:link,
.modal-left-btn:visited {
  transition: all 0.5s;
}

.modal-left-btn:active,
.modal-left-btn:hover {
  cursor: pointer;
  color: #5f6f8b;
}

.modal-right-btn,
.modal-right-btn:link,
.modal-ight-btn:visited {
  transition: all 0.5s;
}

.modal-right-btn:active,
.modal-right-btn:hover {
  cursor: pointer;
  color: #5f6f8b;
}

/* Small Mobile Bar Section */

.cmd-mobile-bar-outer-box-2 {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 2.4rem;
  margin: 4.8rem 9.6rem;
}

.cmd-mobile-bar-heading-2 {
  font-family: "Rouge Script", cursive;
  font-size: 4.2rem;
  color: #1b3159;
  font-weight: bold;
  font-style: normal;
  color: #1b3159;
  text-align: center;
}

.cmd-info-grid-2 {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  column-gap: 9.6rem;
  justify-items: center;
  align-items: center;
}

.cmd-info-box-2 {
  display: flex;
  flex-direction: column;
}

.rubys-world-container {
  display: flex;
  flex-direction: column;
  gap: 2.4rem;
}

.world-rubys-heading {
  font-family: "Rouge Script", cursive;
  font-size: 3.6rem;
  color: #1b3159;
  font-weight: bold;
  font-style: normal;
  text-align: center;
  color: #1b3159;
}

.world-rubys-text {
  font-family: "Playfair Display", serif;
  color: #16140e;
  font-size: 1.8rem;
  text-align: center;
  margin-top: 0.6rem;
}

.cmd-mobile-bar-box-2 {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
}

.mobile-bar-art-2,
.mobile-bar-art-2:link,
.mobile-bar-art-2:visited {
  width: 100%;
  opacity: 70%;
  padding: 1.2rem;
  border: 1px solid #1b3159;
  transition: all 0.5s;
}

.mobile-bar-art-2:hover,
.mobile-bar-art-2:active {
  opacity: 100%;
  cursor: pointer;
}

.cmd-locations-heading {
  font-family: "Rouge Script", cursive;
  font-size: 3.6rem;
  color: #1b3159;
  font-weight: bold;
  font-style: normal;
  text-align: center;
  color: #1b3159;
}

.cmd-locations-text {
  font-family: "Playfair Display", serif;
  color: #16140e;
  font-size: 1.8rem;
  text-align: center;
  margin-top: 0.6rem;
}

.cmd-locations-grid {
  display: grid;
  column-gap: 1rem;
  row-gap: 1rem;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
  grid-template-rows: 1fr 1fr 1fr;
  text-align: center;

  font-family: "Rouge Script", cursive;
  font-size: 2.8rem;
  color: #1b3159;
  font-weight: bold;
  font-style: normal;
  text-align: center;
  color: #1b3159;
}

.cmd-locations-flex-box {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 1.6rem;
}

.cmd-location-hover,
.cmd-location-hover:link,
.cmd-location-hover:visited {
  text-decoration: none;
  color: #1b3159;

  transition: all 0.5s;
}

.cmd-location-hover:active,
.cmd-location-hover:hover {
  text-decoration: none;
  color: #5f6f8b;
}

.cmd-events-type-box {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
}

.card-icon,
.couple-drinking-icon,
.mixologist-serving-icon {
  width: 18rem;
}

.cmd-weddings-box,
.cmd-spec-occ-box,
.cmd-corp-events-box {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 1.2rem;
}

.cmd-events-heading {
  font-family: "Rouge Script", cursive;
  font-size: 3.6rem;
  color: #1b3159;
  font-weight: bold;
  font-style: normal;
  text-align: center;
  color: #1b3159;
}

.cmd-events-type-headings,
.cmd-events-type-headings:link,
.cmd-events-type-headings:visited {
  font-family: "Rouge Script", cursive;
  font-size: 2.8rem;
  color: #1b3159;
  font-weight: bold;
  font-style: normal;
  text-align: center;
  color: #1b3159;
  text-decoration: none;

  transition: all 0.5s;
}

.cmd-events-type-headings:hover,
.cmd-events-type-headings:active {
  color: #5f6f8b;
}

/*
/////////////////////////////////////
///////////////Desserts & Desserts Catering///////////////
////////////////////////////////////
*/
.dessert-page-container {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  height: 100vh;
  padding-top: 3.2rem;
}

.desserts-coming-soon-box {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 3rem;
  margin-left: 30rem;
  height: 100vh;
}

.coming-soon-text {
  font-family: "Playfair Display", serif;
  font-size: 12rem;
  color: #1b3159;
  font-style: normal;
  color: #1b3159;
}

/*
/////////////////////////////////////
///////////////Mobile Bar///////////////
////////////////////////////////////
*/

/* Mobile Bar Sections */

.mobile-bar-section,
.mobile-bar-packages-section,
.mobile-bar-page-booking-section,
.mobile-bar-gallery-section {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-left: 30rem;
}
/*///////////////////////////////////*/

.mobile-bar-container {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  margin: 0 9.6rem;
  padding: 4.8rem 0;
  border-bottom: 1px solid #1b3159;
  gap: 4.8rem;
}

.mobile-bar-main-heading {
  font-family: "Rouge Script", cursive;
  font-size: 4.8rem;
  color: #1b3159;
  font-weight: bold;
  font-style: normal;
  color: #1b3159;
  text-align: center;
}

.mobile-bar-secondary-heading {
  font-family: "Rouge Script", cursive;
  font-size: 3.6rem;
  color: #1b3159;
  font-weight: bold;
  font-style: normal;
  color: #1b3159;
  text-align: center;
}

.mobile-bar-grid-container {
  display: grid;
  align-items: start;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  column-gap: 3.2rem;
}

.mobile-bar-grid {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.mobile-bar-grid-1,
.mobile-bar-grid-2,
.mobile-bar-grid-3,
.mobile-bar-grid-4 {
  gap: 2.4rem;
}

.small-cover-container {
  width: 100%;
}

.small-cover-text {
  font-family: "Playfair Display", serif;
  font-size: 1.8rem;
  color: #1b3159;
  text-align: center;
}

.small-cover-text-bold {
  font-family: "Playfair Display", serif;
  font-weight: bold;
  font-size: 1.8rem;
  color: #1b3159;
  text-align: center;
}

.small-cover {
  width: 100%;
}

.small-cover-area-list {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 1.2rem;
  margin-top: 2.4rem;
}

.london-location-link,
.london-location-link:link,
.london-location-link:visited {
  text-decoration: none;
  color: #1b3159;
  transition: all 0.2s;
}

.london-location-link:active,
.london-location-link:hover {
  color: #1b3159;
  font-weight: bold;
}

.mobile-bar-cmd-slogan {
  font-family: "Rouge Script", cursive;
  font-size: 3.6rem;
  color: #1b3159;
  font-weight: bold;
  font-style: normal;
  color: #1b3159;
  margin-top: 2.4rem;
  text-align: center;
}

.drawing-grid-container {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
}

.drawing-grid-1,
.drawing-grid-2,
.drawing-grid-3 {
  display: flex;
  align-items: flex-end;
  justify-content: center;
}

.drawing-1,
.drawing-2,
.drawing-3 {
  width: 90%;
}

/*Mobile Bar Packages Section */

.mobile-bar-packages-outer-box {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 2.4rem;
  margin: 4.8rem 9.6rem;
}

.mobile-bar-packages-outer-box-2 {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 2.4rem;
  padding: 4.8rem 0;
  margin: 0rem 9.6rem;
  border-top: 1px solid #1b3159;
  border-bottom: 1px solid #1b3159;
}

.mobile-bar-packages-heading {
  font-family: "Rouge Script", cursive;
  font-size: 4.8rem;
  color: #1b3159;
  font-weight: bold;
  font-style: normal;
  color: #1b3159;
  text-align: center;
}

.mobile-bar-package-info-grid {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  column-gap: 9.6rem;
}

.mobile-bar-package-info-box {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 1.6rem;
}

.all-inclusive-grid-1-mb,
.all-inclusive-grid-2-mb {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  align-items: center;
  justify-content: center;
}

.all-inclusive-heading {
  font-family: "Playfair Display", serif;
  font-size: 1.8rem;
  color: #1b3159;
  text-align: center;
}

.mobile-bar-package-info-left-heading,
.mobile-bar-package-info-right-heading {
  font-family: "Rouge Script", cursive;
  font-size: 3.6rem;
  color: #1b3159;
  font-weight: bold;
  font-style: normal;
  color: #1b3159;
  text-align: center;
}

.mobile-bar-package-info-left-text,
.mobile-bar-package-info-right-text {
  font-family: "Playfair Display", serif;
  font-size: 1.8rem;
  text-align: center;
}

.mobile-bar-package-box {
  display: flex;
  align-items: center;
  justify-content: center;
}

.mobile-bar-art {
  padding: 1.2rem;
  width: 100%;
  border: 1px solid #1b3159;
}

.includes-child-box {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 1rem;
}

.book-icon,
.alcohol-bottle-icon {
  width: 8rem;
}

.van-icon,
.mixologist-icon {
  width: 7rem;
}

.list-icon,
.glassware-icon,
.shaker-icon {
  width: 6rem;
}

/* Mobile Bar Gallery Section */

.mobile-bar-gallery-container {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 6rem;
  margin: 0 9.6rem;
  border-top: 1px solid #1b3159;
  padding: 4.8rem 0;
}

.mobile-bar-gallery-word {
  font-family: "Rouge Script", cursive;
  font-size: 4.8rem;
  color: #1b3159;
  font-weight: bold;
  font-style: normal;
  color: #1b3159;
  margin-bottom: 2.4rem;
}

.mobile-bar-gallery-componenets {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 4.8rem;
  margin: 4.8rem 2.4rem;
}

.mobile-bar-imgs-box {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.mobile-bar-method-heading {
  font-family: "Rouge Script", cursive;
  font-size: 4.2rem;
  color: #1b3159;
  font-weight: bold;
  font-style: normal;
  color: #1b3159;
  margin-bottom: 2.4rem;
}

.mobile-bar-imgs-1,
.mobile-bar-imgs-3 {
  width: 80%;
}

.mobile-bar-imgs-2 {
  width: 100%;
}

.mobile-bar-gallery-page-flex {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.flowers-flex,
.flowers-flex-mirror {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 6rem;
}

.small-flower-1,
.small-flower-4,
.small-flower-1-mirror,
.small-flower-4-mirror {
  width: 25%;
}

.small-flower-2-mirror,
.small-flower-3-mirror {
  align-self: flex-start;
  width: 25%;
}

.small-flower-2,
.small-flower-3 {
  align-self: flex-end;
  width: 25%;
}

/*Mobile Bar Booking Section*/

.mobile-bar-booking-container-2 {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 2.4rem;
  margin: 0rem 9.6rem;
  border-top: 1px solid #1b3159;
  padding: 4.8rem 0rem;
}

.mobile-bar-booking-grid-2 {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  column-gap: 2.4rem;
}

.booking-mobile-bar-grid-i-2 {
  padding: 1.2rem;
  border: 1px solid #1b3159;
}

.mock-cock-flex-box-2 {
  margin-top: 1.6rem;
  display: flex;
  gap: 2.4rem;
}

.booking-info-container-2 {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 1.2rem;
}

.mobile-bar-booking-heading-2 {
  text-decoration: none;
  font-family: "Rouge Script", cursive;
  font-size: 3rem;
  text-align: center;
  font-style: normal;
  color: #1b3159;
  font-weight: bold;
  align-self: flex-start;
}

.booking-sub-heading-2 {
  font-family: "Playfair Display", serif;
  font-size: 2rem;
  font-weight: bold;
  color: #1b3159;
  text-align: center;
}

.booking-info-text-2 {
  font-family: "Playfair Display", serif;
  font-size: 1.8rem;
  color: #16140e;
  text-align: center;
}

@keyframes moveUpDown {
  0% {
    transform: translateY(0);
  }
  100% {
    transform: translateY(-15px);
  }
}

.cocktail-icon-box-mb,
.heart-icon-box-mb {
  margin-top: 1.6rem;
}

.cocktail-icon-mb,
.phone-icon-mb {
  width: 6.4rem;
}

.wedding-icon-mb {
  width: 12rem;
}

.heart-icon-mb {
  width: 4.6rem;
  animation: moveUpDown 1s ease-in-out infinite alternate;
}

/* Mobile Bar Slogan Section */

.mobile-bar-slogan-section {
  margin-left: 30rem;
  margin-bottom: 4.8rem;
}

.mobile-bar-slogan-container {
  display: flex;
  flex-direction: column;
  gap: 3.2rem;
  margin: 0 9.6rem;
  border: 1px solid #1b3159;
  padding: 4.8rem 0;
  background-color: #e1b191;
  background-image: url(img/wild-flowers-rotate.webp);
}

.mobile-bar-slogan-heading {
  font-family: "Rouge Script", cursive;
  font-size: 5.2rem;
  color: #1b3159;
  font-weight: bold;
  font-style: normal;
  color: #1b3159;
  text-align: center;
}

.lips-art-box {
  display: flex;
  align-items: center;
  justify-content: center;
}

.lips-art {
  width: 10%;
}

/* .section-booking-contact-us {
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #e1c591;
  background-image: url(img/wild-flowers-rotate.webp);
  margin-left: 30rem;
}

.booking-box-contact-us {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  margin: 0rem 9.6rem;
  margin-bottom: 4.8rem;
  padding: 4.8rem 0;
  gap: 1.6rem;
  width: 100%;
  border-top: 1px solid #1b3159;
}

.mobile-bar-booking-container-contact-us,
.desserts-catering-booking-container-contact-us {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 2.4rem;
}

.mobile-bar-booking-grid-contact-us,
.desserts-catering-booking-grid-contact-us {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  column-gap: 2.4rem;
}

.booking-mobile-bar-grid-i-contact-us,
.booking-desserts-grid-i-contact-us {
  padding: 1.2rem;
  border: 1px solid #1b3159;
}

.mock-cock-flex-box-contact-us {
  margin-top: 1.6rem;
  display: flex;
  gap: 2.4rem;
}

.booking-info-container-contact-us {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 1.2rem;
}

.booking-heading-contact-us {
  font-style: normal;
  font-weight: bold;
  font-family: "Rouge Script", cursive;
  font-size: 3.6rem;
  color: #1b3159;
  text-align: center;
  color: #1b3159;
}

.mobile-bar-booking-heading-contact-us,
.desserts-catering-booking-heading-contact-us {
  text-decoration: none;
  font-family: "Rouge Script", cursive;
  font-size: 3rem;
  text-align: center;
  font-style: normal;
  color: #1b3159;
  font-weight: bold;
  align-self: flex-start;
}

.desserts-catering-booking-heading-contact-us {
  margin-top: 2.4rem;
}

.booking-sub-heading-contact-us {
  font-family: "Playfair Display", serif;
  font-size: 1.8rem;
  font-weight: bold;
  color: #1b3159;
  text-align: center;
}

.booking-info-text-contact-us {
  font-family: "Playfair Display", serif;
  font-size: 1.8rem;
  color: #16140e;
  text-align: center;
}

@keyframes moveUpDown {
  0% {
    transform: translateY(0);
  }
  100% {
    transform: translateY(-15px);
  }
}

.enquire-now-btn-box2-contact-us,
.heart-icon-box-contact-us,
.desserts-btn-box-contact-us,
.cocktail-icon-box-contact-us,
.cheesecake-icon-box-contact-us {
  margin-top: 1.6rem;
}

.cheesecake-icon-contact-us,
.star-gif-contact-us {
  width: 6rem;
}

.cocktail-icon-contact-us,
.phone-icon-contact-us {
  width: 6.4rem;
}

.wedding-icon-contact-us,
.flowers-wedding-icon-contact-us {
  width: 12rem;
}

.heart-icon-contact-us {
  width: 4.6rem;
  animation: moveUpDown 1s ease-in-out infinite alternate;
} */

/*
///////////////////////////////////////////////////////
///////////////Mobile Bar Hire Locations///////////////
///////////////////////////////////////////////////////
*/

.locations-page-container {
  margin-left: 30rem;
  margin-bottom: 4.8rem;
}

.locations-page-grid {
  display: grid;
  grid-template-columns: 0.8fr 1fr 0.8fr;
  /* height: 100vh; */
  margin-bottom: 4.8rem;
}

/*Grid 1*/

.locations-page-grid-1 {
  background-image: url(img/additonal/paisely-2.jpg);
  background-size: cover;
  border: 2px solid #1b3159;
  height: 100vh;
}

/*Grid 2*/

.locations-page-grid-2 {
  display: flex;
  flex-direction: column;
  margin: 4.8rem;
  border: 2px solid #1b3159;
  align-items: center;
  justify-content: center;
}

.rubys-location-box {
  display: flex;
  justify-content: center;
  align-items: center;
}

.rubys-locations-logo {
  margin: 6rem 0;
  width: 50%;
}

.location-page-city-art-box {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 2.4rem 4.8rem;
}

.location-page-city-art {
  width: 80%;
  border: 1px solid #1b3159;
}

.location-page-text-flex {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 2.4rem;
}

.mobile-bar-locations-main-heading {
  font-family: "Rouge Script", cursive;
  font-size: 4.2rem;
  color: #1b3159;
  font-style: normal;
  font-weight: bold;
  color: #1b3159;
  text-align: center;
}

.mobile-bar-locations-secondary-heading {
  font-family: "Rouge Script", cursive;
  font-size: 3.2rem;
  color: #1b3159;
  font-style: normal;
  color: #1b3159;
  text-align: center;
}

.locations-page-para {
  font-family: "Playfair Display", serif;
  font-size: 1.8rem;
  color: #16140e;
  font-style: normal;
  color: #1b3159;
  text-align: center;
}

.occasions-list {
  font-family: "Playfair Display", serif;
  font-size: 1.8rem;
  color: #16140e;
  font-style: normal;
  color: #1b3159;
  text-align: center;
  list-style: none;
  margin-top: 2.4rem;
  line-height: 2.4rem;
}

.location-events-link,
.location-events-link:link,
.location-events-link:visited {
  text-decoration: none;
  color: #1b3159;
  transition: all 0.2s;
}

.location-events-link:active,
.location-events-link:hover {
  color: #1b3159;
  font-weight: bold;
  cursor: pointer;
}

.location-bar-link,
.location-bar-link:link,
.location-bar-link:visited {
  text-decoration: none;
  color: #1b3159;
  transition: all 0.2s;
}

.location-bar-link:active,
.location-bar-link:hover {
  color: #1b3159;
  cursor: pointer;
  text-decoration: underline;
}

.enquire-now-btn-box-mb {
  display: flex;
  justify-content: center;
  margin: 1.2rem 0;
}

/*Locations Mobile Bar Packages*/

.location-page-art-bar-box {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 2.4rem 4.8rem;
}

.location-art-bar-img {
  width: 90%;
  border: 1px solid #1b3159;
}

.mobile-bar-packages-outer-box-location {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 2.4rem;
  margin: 4.8rem 9.6rem;
}

.mobile-bar-package-info-grid-location {
  display: grid;
  grid-template-rows: 1fr 1fr;
  row-gap: 1.8rem;
}

.all-inclusive-grid-1,
.all-inclusive-grid-2 {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  align-items: center;
  justify-content: center;
}

.mobile-bar-package-info-box-location {
  display: flex;
  flex-direction: column;
  gap: 1.6rem;
}

.location-page-menu-box {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 2.4rem 4.8rem;
  width: 80%;
}

.location-page-menu {
  width: 100%;
  border: 1px solid #1b3159;
}

.location-view-menu-text {
  font-family: "Playfair Display", serif;
  font-size: 1.8rem;
  color: #16140e;
  font-style: normal;
  color: #1b3159;
  text-align: center;
}

/* Locations Page Map*/

.map-outer-box {
  display: flex;
  flex-direction: column;
  gap: 2.4rem;
}

/* Locations Page Form*/

.contact-form-box-lp {
  text-align: center;
  padding: 1.2rem 2.4rem;
  margin: 4.8rem 4.8rem;
}

.form-heading-box-lp {
  margin-bottom: 2.4rem;
}

.form-heading-lp {
  color: #1b3159;
  font-size: 4.2em;
  font-style: normal;
}

.form-para-lp {
  font-family: "Playfair Display", serif;
  font-size: 1.8rem;
  color: #16140e;
  margin-bottom: 4.8rem;
}

.form-input-container-lp {
  display: flex;
  flex-direction: column;
  gap: 3.2rem;
}

.form-input-container-lp input {
  padding: 1.2rem;
  font-size: 1.6rem;
  font-family: "Playfair Display", serif;
  border: none;
  background-color: #f3e8d3;
  font-style: italic;
}

.large-input-lp {
  width: 70%;
  height: 30vh;
}

.form-btn-lp,
.form-btn-lp:link,
.form-btn-lp:visited {
  padding: 0.8rem;
  font-family: "Playfair Display", serif;
  background-color: #f3e8d3;
  color: #16140e;
  border: none;
  font-size: 1.6rem;
  font-style: italic;

  transition: all 0.5s;
}

.form-btn-lp:hover,
.form-btn-lp:active {
  cursor: pointer;
  background-color: #ead6b2;
  color: #716349;
}

/* Gird 3 */

.locations-page-grid-3 {
  background-image: url(img/additonal/paisely-2-invert.jpg);
  background-size: cover;
  border: 2px solid #1b3159;
  height: 100vh;
}

/*
/////////////////////////////////////
///////////////Mobile Navigation///////////////
///////////////////////////////////
*/

.hidden-nav {
  position: fixed;
  top: 0;
  left: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100vh;
  width: 100%;
  background-color: #1b3159;
  background-image: url(img/wild-flowers.webp);
  visibility: hidden;
  z-index: 1000;
}

.hidden-nav-open-box {
  display: none;
  position: fixed;
  margin: 2.4rem;
  z-index: 1000;
}

.nav-open,
.nav-open:link,
.nav-open:visited {
  font-size: 9rem;
  font-style: normal;
  color: #1b3159;
  font-weight: bold;
  z-index: 1000;
}

.nav-open:active,
.nav-open:hover {
  color: #5f6f8b;
  cursor: pointer;
}

.hidden-x-style-box {
  display: flex;
  justify-content: flex-end;
}

.hidden-x-style,
.hidden-x-style:link,
.hidden-x-style:visited {
  color: #ead6b2;
  font-size: 9rem;
  font-style: normal;
}

.hidden-x-style:active,
.hidden-x-style:hover {
  cursor: pointer;
  color: #e1c591;
}

.rubys-hidden-nav-logo {
  width: 55%;
}

.rubys-hidden-nav-logo-box {
  width: 100%;
  display: flex;
  justify-content: center;
  padding-bottom: 2.4rem;
}

.hidden-nav-list {
  display: flex;
  flex-direction: column;
  align-items: center;
  list-style-type: none;
  gap: 4.8rem;
  font-style: normal;
  margin-top: 3.2rem;
}

.hidden-nav-link,
.hidden-nav-link:link,
.hidden-nav-link:visited {
  text-decoration: none;
  color: #ead6b2;
  font-size: 4.6rem;

  transition: all 0.5s;
}

.hidden-nav-link:active,
.hidden-nav-link:hover {
  cursor: pointer;
  text-decoration: none;
  color: #e1c591;
}

.hidden-social-flex-box {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
}

.hidden-social-link-box {
  display: flex;
  justify-content: center;
  margin-top: 6rem;
}

.hidden-social-link-header {
  list-style: none;
  display: flex;
  gap: 4.8rem;
}

.hidden-icon-header-i,
.hidden-icon-header-t,
.hidden-icon-header-w {
  width: 3.8rem;
}

/*
/////////////////////////////////////
///////////////General Links///////////////
///////////////////////////////////
*/

.hover-underline:link,
.hover-underline:visited {
  text-decoration: none;
  color: #16140e;
  line-height: 2.4rem;
}

.hover-underline:active,
.hover-underline:hover {
  text-decoration: underline;
}

.booking-transition,
.booking-transition:link,
.booking-transition:visited,
.booking-transition-contact-us,
.booking-transition-contact-us:link,
.booking-transition-contact-us:visited {
  text-decoration: none;
  color: #716349;
}

.booking-transition:active,
.booking-transition:hover,
.booking-transition-contact-us:active,
.booking-transition-contact-us:hover {
  text-decoration: none;
  color: #16140e;
  text-decoration: underline;
}

.link-10,
.link-10:link,
.link-10:visited {
  font-family: "Playfair Display", serif;
  text-decoration: none;
  color: #1b3159;
  font-size: 1.8rem;
  margin-bottom: 2.4rem;
  text-align: center;
}

.link-10:active,
.link-10:hover {
  text-decoration: underline;
  cursor: pointer;
}

.location-events-link,
.location-events-link:link,
.location-events-link:visited {
  text-decoration: none;
  color: #1b3159;
  transition: all 0.2s;
}

.location-events-link:active,
.location-events-link:hover {
  color: #1b3159;
  font-weight: bold;
  cursor: pointer;
}

.location-bar-link,
.location-bar-link:link,
.location-bar-link:visited {
  text-decoration: none;
  color: #1b3159;
  transition: all 0.2s;
}

.location-bar-link:active,
.location-bar-link:hover {
  color: #1b3159;
  cursor: pointer;
  text-decoration: underline;
}
/*
/////////////////////////////////////
///////////////General Buttons///////////////
///////////////////////////////////
*/

.enquire-now-btn,
.enquire-now-btn:link,
.enquire-now-btn:visited,
.mock-cock-des-btn,
.mock-cock-des-btn:link,
.mock-cock-des-btn:visited,
.desserts-btn-hp,
.desserts-btn-hp:link,
.desserts-btn-hp:visited {
  display: inline-block;
  padding: 0.8rem;
  font-family: "Playfair Display", serif;
  background-color: #f0e2c8;
  color: #16140e;
  border: none;
  font-style: italic;

  font-size: 1.6rem;

  transition: all 0.5s;
}

.enquire-now-btn:hover,
.enquire-now-btn:active,
.mock-cock-des-btn:hover,
.mock-cock-des-btn:active,
.desserts-btn-hp:hover,
.desserts-btn-hp:active,
.form-btn:hover,
.form-btn:active {
  cursor: pointer;
  background-color: #ead6b2;
  color: #716349;
}

.desserts-btn-contact-us,
.desserts-btn-contact-us:link,
.desserts-btn-contact-us:visited {
  display: inline-block;
  padding: 0.8rem;
  font-family: "Playfair Display", serif;
  background-color: #f0e2c8;
  color: #16140e;
  border: none;
  font-style: italic;

  font-size: 1.6rem;

  transition: all 0.5s;
}

.desserts-btn-contact-us:hover,
.desserts-btn-contact-us:active {
  cursor: pointer;
  background-color: #ead6b2;
  color: #716349;
}

/*
/////////////////////////////////////
///////////////events type///////////////
///////////////////////////////////
*/

.events-page-poster-container {
  display: flex;
  align-items: center;
  justify-content: center;
}