/* ------------ Monserrat Fonts ------------ */

@font-face {
  font-family: 'monserrat-light';
  src: url('../fonts/Monserrat/Montserrat-Light.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'monserrat-med';
  src: url('../fonts/Monserrat/Montserrat-Medium.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'monserrat-reg';
  src: url('../fonts/Monserrat/Montserrat-Regular.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'monserrat-semi';
  src: url('../fonts/Monserrat/Montserrat-SemiBold.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'monserrat-bold';
  src: url('../fonts/Monserrat/Montserrat-Bold.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'monserrat-xbold';
  src: url('../fonts/Monserrat/Montserrat-ExtraBold.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'monserrat-black';
  src: url('../fonts/Monserrat/Montserrat-Black.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}

/* ------------ NeoSans Pro Fonts ------------ */
@font-face {
  font-family: 'neosans-reg';
  src: url('../fonts/NeoSansPro/NeoSansPro-Regular.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'neosans-med';
  src: url('../fonts/NeoSansPro/NeoSansPro-Medium.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'neosans-bold';
  src: url('../fonts/NeoSansPro/NeoSansPro-Bold.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'neosans-ultra';
  src: url('../fonts/NeoSansPro/NeoSansPro-Ultra.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}

/* ------------ AvenirNext Pro Fonts ------------ */

@font-face {
  font-family: 'avenirnext-reg';
  src: url('../fonts/AvenirNextPro/AvenirNextLTPro-Regular.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'avenirnext-bold';
  src: url('../fonts/AvenirNextPro/AvenirNextLTPro-Bold.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}

/* ------------ Futura Fonts ------------ */

@font-face {
  font-family: 'futura-sctot-light';
  src: url('../fonts/futura/Futura\ SCTOT\ Light.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'futura-str-light';
  src: url('../fonts/futura/Futura\ Std\ Light.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'futura-std-light-ob';
  src: url('../fonts/futura/Futura\ Std\ Light\ Oblique.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'futura-thin';
  src: url('../fonts/futura/Futura\ Thin.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'futura-tot-light-ob';
  src: url('../fonts/futura/Futura\ TOT\ Light\ Oblique.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}

/* Fonts */
:root {
  --font-monserrat-light: 'monserrat_light', sans-serif;
  --font-monserrat-reg: 'monserrat_reg', sans-serif;
  --font-monserrat-med: 'monserrat_med', sans-serif;
  --font-monserrat-semiBold: 'monserrat_semiBold', sans-serif;
  --font-monserrat-bold: 'monserrat_bold', sans-serif;
  --font-monserrat-xBold: 'monserrat_xBold', sans-serif;

  --font-neosans-reg: 'neosans_reg', sans-serif;
  --font-neosans-med: 'neosans_med', sans-serif;
  --font-neosans-bold: 'neosans_bold', sans-serif;
  --font-neosans-ultra: 'neosans_ultra', sans-serif;

  --font-avenirnext-reg: 'avenirnext-reg', sans-serif;
  --font-avenirnext-bold: 'avenirnext-bol', sans-serif;

  --font-futura-sctot-light: 'futura-sctot-light', sans-serif;
  --font-futura-str-light: 'futura-str-light', sans-serif;
  --font-futura-std-light-ob: 'futura-std-light-ob', sans-serif;
  --font-futura-thin: 'futura-thin', sans-serif;
  --font-futura-tot-light-ob: 'futura-tot-light-ob', sans-serif;
}

/* Colors */
:root {
  --color-primary: #f68937;
  --color-accent1: #0079c2;
  --white: #fff;
  --transparent: transparent;
  --labels-color1: #0079c2;
  --text-color-blue: #123985;
  --text-color-yellow: #f9da17;
  --text-color-purple: #293a95;
  --text-color-darker: #222;
  --link-color: #123985;
  --link-color-active: #0079c2;
  --placeholder-color: #cccccc;
  --grey-bg: #ebebeb;
  --shadow: 2px 2px 48px 2px #b4b2b240;
}

/* Text sizes */
:root {
  --font-heading-size: 48px;
  --font-subheading-size: 32px;
  --labels-size: 24px;
  --footer-heading: 20px;
  --font-size-body: 16px;
}

/* Misc */
:root {
  --max-width: 920px;
  --px: 0 0.5rem;
  --px1: 0 1rem;
  --px1-5: 0 1.5rem;
  --px2_5: 0 2.5rem;
  --px2: 0 2rem;
  --px3: 0 4rem;
  --px4: 0 4rem;
  --px5: 0 5rem;
  --px6: 0 6rem;
  --ms-minus-2: 12.0611592377px;
  --ms-minus-1: 13.33333px;
  --ms-0: 16px;
  --ms-1: 19.2px;
  --ms-2: 23.04px;
  --ms-3: 27.648px;
  --ms-4: 33.1776px;
  --ms-7: 57.33089px;
  --weight-thin: 100;
  --weight-extra-light: 200;
  --weight-light: 300;
  --weight-book: 400;
  --weight-medium: 500;
  --weight-semibold: 600;
  --weight-bold: 700;
  --weight-heavy: 800;
  --weight-black: 900;
  --baseline: 1rem;
  --line-height-meta: 1.3;
  --line-height-body: 1.5;
  --line-height-30: 30px;
  --line-height-caption: 1.25;
  --line-height-display: 1.3;
  --letter-spacing-body: 0;
  --letter-spacing-display: 0;
  --letter-spacing-subtitle: 0;
  --letter-spacing-button: 0.5px;
  --letter-spacing-label: 0.5px;
  --check-box: <i class= 'far fa-check-circle' ></i>;
  --navbar-toggler-icon-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%2871, 54, 39, 1%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='3' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}

/* universal Changes */

body,
html {
  font-family: var(--font-monserrat-reg), var(--font-neosans-reg), Arial,
    Helvetica, sans-serif;
  font-size: 16px;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  font-weight: 400;
  line-height: 1.5;
  text-rendering: optimizeLegibility;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  text-size-adjust: 100%;
  scroll-behavior: smooth;
  /* overflow-y: hidden; */
}

.container {
  padding: 0;
  margin: 0;
  max-width: 100%;
}

a,
.link,
.nav-link {
  color: var(--link-color);
  text-decoration: none;
  font-family: var(--font-monserrat-reg);
  cursor: pointer;
}

a:hover,
.link:hover {
  color: var(--link-color-active);
}

header #navbar-main .dropdown:hover > .dropdown-menu {
  display: block;
}

header #navbar-main .dropdown > .dropdown-toggle:active {
  pointer-events: none;
}

main button {
  background-color: var(--color-accent1) !important;
  padding: 0;
  border: none !important;
  box-shadow: none;
  border-radius: 10px;
  color: var(--white);
  font-family: var(--font-monserrat-reg) !important;
  transition: all 0.3s linear;
  cursor: pointer;
}

form button::after,
form button::before {
  display: none !important;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: var(--font-monserrat-bold);
}

h1 {
  line-height: 64px;
  font-size: var(--font-heading-size);
}

h2 {
  /* line-height: 48px; */
  font-size: var(--font-subheading-size);
  font-weight: 600;
  text-align: left;
}

h3 {
  font-size: var(--labels-size);
  line-height: 38px;
}

h4 {
  font-size: var(--footer-heading);
  line-height: 38px;
}

p {
  padding: 0;
  margin: 0;
  color: var(--text-color-purple);
  font-family: var(--font-monserrat-reg);
  font-size: var(--font-size-body);
  /* line-height: var(--line-height-30); */
  text-rendering: optimizeLegibility;
}

ul {
  padding: 0 0 0 1.5rem;
  margin: 0 0 1rem;
}

li {
  font-family: var(--font-monserrat-reg);
  font-size: 12pt;
}

img,
.img-fluid {
  height: auto;
  /* width: 100%; */
  max-width: 100%;
  object-fit: cover;
  /* max-height: 800px; */
}

.field--type-image {
  float: unset !important;
  margin: 0 !important;
}

.field--type-image img {
  margin: 0;
}

.slick img,
.slick iframe {
  border: 0;
  max-width: 100%;
  min-height: 200px;
  max-height: 550px;
}

.slick img {
  height: 100%;
  width: 100%;
  object-fit: cover;
}

.slick #page {
  position: relative;
}

.slick .slick__arrow {
  display: none;
}

.user-logged-in header {
  position: relative !important;
}

#page {
  padding: 0;
  margin: 0;
}

.node__content {
  padding: 0;
  margin: 0;
}

.row > * {
  flex-shrink: 0;
  width: 100%;
  max-width: 100%;
  margin-top: var(--bs-gutter-y);
  padding: 0;
  margin: 0;
}

.row {
  margin: 0;
  padding: 0;
}

input::placeholder {
  color: var(--placeholder-color);
}

input::-moz-placeholder {
  color: var(--placeholder-color);
}

input::-webkit-input-placeholder {
  color: var(--placeholder-color);
}

input::-ms-input-placeholder {
  color: var(--placeholder-color);
}

/******** Header ***************/
header {
  height: auto;
  width: 100%;
  padding: 0.5rem 0;
  margin: 0;
  background-color: var(--transparent);
  position: fixed;
  top: 0;
  left: 0;
  z-index: 100;
}

/******** Top Header ***************/
#navbar-top {
  background-color: transparent;
  position: absolute;
  top: 300px;
  right: 0.5%;
}

#navbar-top .region-top-header #block-custom-barrio-socialfooterblock-2 {
  height: auto;
  width: auto;
}

#navbar-top
  .region-top-header
  #block-custom-barrio-socialfooterblock-2
  .field--name-body {
  display: flex;
  flex-direction: column;
}

/************* Navigation ****************/

header #navbar-main {
  height: auto;
  width: 100%;
  max-width: var(--max-width);
  margin: 0 auto;
  padding-left: 1rem;
  display: flex;
  justify-content: space-between;
  flex-direction: row;
  background-color: var(--transparent);
}

header #navbar-main .navbar-brand {
  margin: 0;
  padding: 0;
}

header #navbar-main .navbar-brand img {
  height: auto;
  width: 120px;
}

.nav-link {
  color: var(--white);
  text-decoration: none;
  font-family: var(--font-monserrat-bold);
  font-weight: 600;
  font-size: 0.9rem;
  /* padding: 0 0.2rem !important; */
}

.nav-link:hover,
.nav-link.is-active {
  color: var(--link-color-active);
  text-decoration: underline;
}

header #navbar-main .navbar-toggler {
  border: none;
  border-radius: 0;
}

header #navbar-main .navbar-toggler .navbar-toggler-icon {
  height: 2.2em;
  width: 2.2em;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 1%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='4' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
  transition: all 0.1s linear;
}

header #navbar-main .navbar-toggler:focus {
  box-shadow: none;
}

header #navbar-main .navbar-toggler .navbar-toggler-icon:hover {
  height: 2.1em;
  width: 2.1em;
}

header #navbar-main #block-custom-barrio-main-menu {
  background-color: rgba(0, 0, 0, 0.25);
  width: 97%;
  padding-left: 0.5rem;
}

/****************************************/

/* ------------ Sections ----------- */

.page-node-1 .field--name-field-rumcake-sections {
  height: auto;
  overflow-x: hidden;
  overflow-y: scroll;
  min-height: 100vh;
  scroll-snap-type: y mandatory;
  /* Hide scrollbar for IE, Edge and Firefox */
  -ms-overflow-style: none; /* IE and Edge */
  scrollbar-width: none; /* Firefox */
  scroll-behavior: smooth; /* Smooth scrolling behavior */
}

/* Hide scrollbar for Chrome, Safari and Opera */
.page-node-1 .field--name-field-rumcake-sections::-webkit-scrollbar {
  display: none;
}

.page-node-1 .field--name-field-rumcake-sections > .field__item {
  /* min-height: 98vh; */
  width: 100%;
  /* scroll-snap-align: center; */
  transition: transform 0.5s ease; /* Smooth animation */
}

/* Active state when in view */
.page-node-1
  .field--name-field-rumcake-sections
  > .field__item
  .scroll-item.in-view {
  transform: scale(1); /* Full size when in view */
  opacity: 1; /* Fully visible when in view */
}

.page-node-1
  .field--name-field-rumcake-sections
  .field__item
  .paragraph--type--rumcake-sections {
  height: 100%;
  width: 100%;
  margin: 0;
  padding: 0;
}
.page-node-1
  .field--name-field-rumcake-sections
  .field__item
  .paragraph--type--rumcake-sections.has_bg {
  min-height: 99vh;
  position: relative;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

.page-node-1
  .field--name-field-rumcake-sections
  .field__item
  .paragraph--type--rumcake-sections.fix_bg {
  background-attachment: fixed;
}

.page-node-1
  .field--name-field-rumcake-sections
  .field__item
  .field--name-field-section-images {
  position: absolute;
  height: 100%;
  width: 100%;
}

.page-node-1
  .field--name-field-rumcake-sections
  .field__item
  .field--name-field-section-texts {
  height: auto;
  width: 100%;
  max-width: 600px;
  padding: 0;
  margin: 0 auto;
  position: absolute;
  padding: 0 1rem;
  left: 0;
  right: 0;
}

.page-node-1
  .field--name-field-rumcake-sections
  .field__item
  .field--name-field-section-texts
  h2 {
  font-size: 25px;
}

.page-node-1
  .field--name-field-rumcake-sections
  .field__item
  .field--name-field-section-texts
  h3 {
  font-size: 18px;
  line-height: 1.2;
  font-weight: 600;
}

.page-node-1
  .field--name-field-rumcake-sections
  .field__item
  .field--name-field-section-texts
  p {
  line-height: 1.3;
  text-align: left;
}

.page-node-1
  .field--name-field-rumcake-sections
  .field__item
  .field--name-field-section-images
  .field__item {
  height: auto;
  width: auto;
  position: absolute;
  overflow-x: hidden;
}

/* -------- Layer 1 -------- */

.page-node-1
  .field--name-field-rumcake-sections
  .field__item:first-of-type
  .field--name-field-section-images
  .field__item {
  max-width: 600px;
  overflow-x: hidden;
}

.page-node-1
  .field--name-field-rumcake-sections
  .field__item:first-of-type
  .field--name-field-section-images
  .field__item
  img {
  height: auto;
  width: 100%;
  object-fit: contain;
}

.page-node-1
  .field--name-field-rumcake-sections
  .field__item:first-of-type
  .field--name-field-section-images
  .field__item:first-of-type {
  width: 11%;
  bottom: -5%;
  left: 4%;
  rotate: 33deg;
  transform: scaleX(-1);
  -webkit-transform: scaleX(-1);
  -ms-transform: scaleX(-1);
  -o-transform: scaleX(-1);
  -moz-transform: scaleX(-1);
}

.page-node-1
  .field--name-field-rumcake-sections
  .field__item:first-of-type
  .field--name-field-section-images
  .field__item:nth-of-type(2) {
  width: 10%;
  bottom: -3%;
  left: -3%;
  rotate: 19deg;
  transform: scaleX(-1);
  -webkit-transform: scaleX(-1);
  -ms-transform: scaleX(-1);
  -o-transform: scaleX(-1);
  -moz-transform: scaleX(-1);
}

.page-node-1
  .field--name-field-rumcake-sections
  .field__item:first-of-type
  .field--name-field-section-images
  .field__item:nth-of-type(3) {
  width: 24%;
  bottom: 1%;
  right: -10%;
  rotate: 180deg;
  transform: scaleX(-1);
  -webkit-transform: scaleX(-1);
  -ms-transform: scaleX(-1);
  -o-transform: scaleX(-1);
  -moz-transform: scaleX(-1);
  z-index: 1;
}

.page-node-1
  .field--name-field-rumcake-sections
  .field__item:first-of-type
  .field--name-field-section-images
  .field__item:nth-of-type(4) {
  width: 36%;
  bottom: 7%;
  right: -9%;
  rotate: 54deg;
  transform: scaleX(-1);
  -webkit-transform: scaleX(-1);
  -ms-transform: scaleX(-1);
  -o-transform: scaleX(-1);
  -moz-transform: scaleX(-1);
}

.page-node-1
  .field--name-field-rumcake-sections
  .field__item:first-of-type
  .field--name-field-section-images
  .field__item:nth-of-type(5) {
  width: 32%;
  bottom: 1%;
  left: -4%;
}

/* -------- Layer 2 -------- */
.page-node-1
  .field--name-field-rumcake-sections
  .field__item:nth-of-type(2)
  .field--name-field-section-texts {
  top: 20%;
  left: 0;
  right: 0;
}

.page-node-1
  .field--name-field-rumcake-sections
  .field__item:nth-of-type(2)
  .field--name-field-section-texts
  h2 {
  color: var(--text-color-purple);
}

.page-node-1
  .field--name-field-rumcake-sections
  .field__item:nth-of-type(2)
  .field--name-field-section-texts
  p {
  margin: 1rem 0 0;
  text-align: left;
}

.page-node-1
  .field--name-field-rumcake-sections
  .field__item:nth-of-type(2)
  .field--name-field-section-images
  .field__item {
  max-width: 500px;
}

.page-node-1
  .field--name-field-rumcake-sections
  .field__item:nth-of-type(2)
  .field--name-field-section-images
  .field__item:first-of-type {
  width: 10%;
  top: 1%;
  left: -28%;
  rotate: 51deg;
  transform: translateY(-68%);
  -webkit-transform: translateY(-68%);
  -ms-transform: translateY(-68%);
  -o-transform: translateY(-68%);
  -moz-transform: translateY(-68%);
}

.page-node-1
  .field--name-field-rumcake-sections
  .field__item:nth-of-type(2)
  .field--name-field-section-images
  .field__item:nth-of-type(2) {
  width: 10%;
  top: 1%;
  left: -19%;
  rotate: 53deg;
  transform: translateY(-61%) scaleX(-1);
  -webkit-transform: translateY(-61%) scaleX(-1);
  -ms-transform: translateY(-61%) scaleX(-1);
  -o-transform: translateY(-61%) scaleX(-1);
  -moz-transform: translateY(-61%) scaleX(-1);
}

.page-node-1
  .field--name-field-rumcake-sections
  .field__item:nth-of-type(2)
  .field--name-field-section-images
  .field__item:nth-of-type(3) {
  width: 42%;
  bottom: -5%;
  left: -6%;
  transform: scaleX(-1);
  -webkit-transform: scaleX(-1);
  -ms-transform: scaleX(-1);
  -o-transform: scaleX(-1);
  -moz-transform: scaleX(-1);
  z-index: 1;
}

.page-node-1
  .field--name-field-rumcake-sections
  .field__item:nth-of-type(2)
  .field--name-field-section-images
  .field__item:last-of-type {
  max-width: 24%;
  top: 1%;
  right: -18%;
  rotate: -40.5deg;
  transform: translateY(-53%) scaleX(-1);
  -webkit-transform: translateY(-63%) scaleX(-1);
  -ms-transform: translateY(-53%) scaleX(-1);
  -o-transform: translateY(-53%) scaleX(-1);
  -moz-transform: translateY(-53%) scaleX(-1);
}

/* -------- Layer 3 -------- */

.page-node-1
  .field--name-field-rumcake-sections
  .field__item:nth-of-type(3)
  .field--name-field-section-texts {
  top: 20%;
  left: 0;
  right: 0;
}

.page-node-1
  .field--name-field-rumcake-sections
  .field__item:nth-of-type(3)
  .field--name-field-section-texts
  h2 {
  color: var(--text-color-yellow);
}

.page-node-1
  .field--name-field-rumcake-sections
  .field__item:nth-of-type(3)
  .field--name-field-section-texts
  p {
  margin: 1rem 0 0;
  text-align: left;
  color: var(--white);
}

.page-node-1
  .field--name-field-rumcake-sections
  .field__item:nth-of-type(3)
  .field--name-field-section-texts
  a {
  color: var(--white);
}

.page-node-1
  .field--name-field-rumcake-sections
  .field__item:nth-of-type(3)
  .field--name-field-section-images {
  background-color: rgba(0, 0, 0, 0.5);
}

.page-node-1
  .field--name-field-rumcake-sections
  .field__item:nth-of-type(3)
  .field--name-field-section-images
  .field__item:first-of-type {
  width: 50%;
  top: -8%;
  right: -8%;
  transform: scaleX(-1);
  -webkit-transform: scaleX(-1);
  -ms-transform: scaleX(-1);
  -o-transform: scaleX(-1);
  -moz-transform: scaleX(-1);
}

.page-node-1
  .field--name-field-rumcake-sections
  .field__item:nth-of-type(3)
  .field--name-field-section-images
  .field__item:last-of-type {
  width: 80%;
  bottom: 25%;
  left: 0;
  right: 0;
  text-align: center;
  rotate: -10deg;
  margin: 0 auto;
  box-shadow: 2px 5px 10px 3px rgba(0, 0, 0, 0.5);
}

.page-node-1
  .field--name-field-rumcake-sections
  .field__item:nth-of-type(3)
  .field--name-field-section-images
  .field__item:last-of-type
  img {
  width: 100%;
}

/* -------- Layer 4 -------- */

.page-node-1
  .field--name-field-rumcake-sections
  .field__item:nth-of-type(4)
  .field--name-field-section-texts {
  top: 20%;
  left: 0;
  right: 0;
}

.page-node-1
  .field--name-field-rumcake-sections
  .field__item:nth-of-type(4)
  .field--name-field-section-texts
  h2 {
  color: var(--white);
}

.page-node-1
  .field--name-field-rumcake-sections
  .field__item:nth-of-type(4)
  .field--name-field-section-texts
  p {
  margin: 1rem 0 0;
  text-align: left;
  color: var(--white);
}

.page-node-1
  .field--name-field-rumcake-sections
  .field__item:nth-of-type(4)
  .field--name-field-section-images {
  background-color: rgba(0, 0, 0, 0.6);
}

.page-node-1
  .field--name-field-rumcake-sections
  .field__item:nth-of-type(4)
  .field--name-field-section-images
  .field__item:first-of-type {
  width: 40%;
  top: -2%;
  left: -11%;
  rotate: 50deg;
}

/* -------- Layer 5 -------- */

.page-node-1
  .field--name-field-rumcake-sections
  .field__item:nth-of-type(5)
  .field--name-field-section-texts {
  top: 20%;
  left: 0;
  right: 0;
}

.page-node-1
  .field--name-field-rumcake-sections
  .field__item:nth-of-type(5)
  .field--name-field-section-texts
  h2 {
  color: var(--text-color-yellow);
  font-size: 23px;
}

.page-node-1
  .field--name-field-rumcake-sections
  .field__item:nth-of-type(5)
  .field--name-field-section-texts
  p {
  margin: 1rem 0 0;
  text-align: left;
  color: var(--white);
}

.page-node-1
  .field--name-field-rumcake-sections
  .field__item:nth-of-type(5)
  .field--name-field-section-texts
  a {
  color: var(--white);
}

.page-node-1
  .field--name-field-rumcake-sections
  .field__item:nth-of-type(5)
  .field--name-field-section-images {
  background-color: rgba(0, 0, 0, 0.5);
}

.page-node-1
  .field--name-field-rumcake-sections
  .field__item:nth-of-type(5)
  .field--name-field-section-images
  .field__item:first-of-type {
  width: 40%;
  top: -9%;
  left: -5%;
}

.page-node-1
  .field--name-field-rumcake-sections
  .field__item:nth-of-type(5)
  .field--name-field-section-images
  .field__item:nth-of-type(2) {
  width: 40%;
  bottom: -2%;
  right: -5%;
  rotate: -117deg;
  z-index: 1;
}

.page-node-1
  .field--name-field-rumcake-sections
  .field__item:nth-of-type(5)
  .field--name-field-section-images
  .field__item:last-of-type {
  width: 67%;
  bottom: 13%;
  left: 0;
  right: 0;
  text-align: center;
  rotate: -10deg;
  margin: 0 auto;
  box-shadow: 2px 5px 10px 3px rgba(0, 0, 0, 0.5);
}

.page-node-1
  .field--name-field-rumcake-sections
  .field__item:nth-of-type(5)
  .field--name-field-section-images
  .field__item:last-of-type
  img {
  width: 100%;
}

/* -------- Layer 6 -------- */

.page-node-1
  .field--name-field-rumcake-sections:has(.field__item:nth-of-type(6))
  .field__item:nth-of-type(6)
  .paragraph--type--rumcake-sections {
  height: auto;
  min-height: 100vh;
  overflow: scroll;
  /* Hide scrollbar for IE, Edge and Firefox */
  -ms-overflow-style: none; /* IE and Edge */
  scrollbar-width: none; /* Firefox */
}

/* Hide scrollbar for Chrome, Safari and Opera */
.page-node-1
  .field--name-field-rumcake-sections:has(.field__item:nth-of-type(6))
  .field__item:nth-of-type(6)
  .paragraph--type--rumcake-sections::-webkit-scrollbar {
  display: none;
}

.page-node-1
  .field--name-field-rumcake-sections
  .field__item:nth-of-type(6)
  .field--name-field-section-texts {
  top: 5%;
  left: 0;
  right: 0;
}

.page-node-1
  .field--name-field-rumcake-sections
  .field__item:nth-of-type(6)
  .field--name-field-section-texts
  .our_cake_cont {
  margin-bottom: 2rem;
  display: flex;
  flex-direction: column;
}

.page-node-1
  .field--name-field-rumcake-sections
  .field__item:nth-of-type(6)
  .field--name-field-section-texts
  .our_cake_cont
  img {
  margin-top: 0.7rem;
  box-shadow: 2px 5px 10px 3px rgba(0, 0, 0, 0.5);
  rotate: -5deg;
}

.page-node-1
  .field--name-field-rumcake-sections
  .field__item:nth-of-type(6)
  .field--name-field-section-texts
  h2 {
  color: var(--text-color-purple);
  margin-bottom: 1rem;
}

.page-node-1
  .field--name-field-rumcake-sections
  .field__item:nth-of-type(6)
  .field--name-field-section-texts
  h3 {
  color: var(--text-color-purple);
  margin-bottom: 0.1rem;
  margin-top: 0.5rem;
}

.page-node-1
  .field--name-field-rumcake-sections
  .field__item:nth-of-type(6)
  .field--name-field-section-texts
  p {
  margin: 1rem 0 0;
  text-align: left;
  color: var(--text-color-purple);
}

.page-node-1
  .field--name-field-rumcake-sections
  .field__item:nth-of-type(6)
  .field--name-field-section-texts
  p:first-of-type {
  margin: 0;
}

.page-node-1
  .field--name-field-rumcake-sections
  .field__item:nth-of-type(6)
  .field--name-field-section-texts
  a {
  color: var(--text-color-purple);
}

.page-node-1
  .field--name-field-rumcake-sections
  .field__item:nth-of-type(6)
  .field--name-field-section-images {
  background-color: rgba(0, 0, 0, 0.5);
}

.page-node-1
  .field--name-field-rumcake-sections
  .field__item:nth-of-type(6)
  .field--name-field-section-images
  .field__item:first-of-type {
  width: 71%;
  top: -4%;
  left: -35%;
  rotate: -56deg;
}

.page-node-1
  .field--name-field-rumcake-sections
  .field__item:nth-of-type(6)
  .field--name-field-section-images
  .field__item:nth-of-type(2) {
  width: 20%;
  bottom: -8%;
  left: 1%;
  rotate: 27deg;
  transform: scaleX(-1);
  -webkit-transform: scaleX(-1);
  -ms-transform: scaleX(-1);
  -o-transform: scaleX(-1);
  -moz-transform: scaleX(-1);
}

.page-node-1
  .field--name-field-rumcake-sections
  .field__item:nth-of-type(6)
  .field--name-field-section-images
  .field__item:last-of-type {
  width: 16%;
  bottom: -6%;
  left: -5%;
  rotate: 9deg;
  transform: scaleX(-1);
  -webkit-transform: scaleX(-1);
  -ms-transform: scaleX(-1);
  -o-transform: scaleX(-1);
  -moz-transform: scaleX(-1);
}

/* -------- Layer 7 -------- */

.page-node-1
  .field--name-field-rumcake-sections
  .field__item:nth-of-type(7)
  .field--name-field-section-texts {
  top: 12%;
  left: 0;
  right: 0;
}

.page-node-1
  .field--name-field-rumcake-sections
  .field__item:nth-of-type(7)
  .field--name-field-section-texts
  h2 {
  color: var(--text-color-yellow);
  margin-bottom: 1rem;
}

.page-node-1
  .field--name-field-rumcake-sections
  .field__item:nth-of-type(7)
  .field--name-field-section-texts
  h3 {
  color: var(--white);
  margin-bottom: 0.1rem;
}

.page-node-1
  .field--name-field-rumcake-sections
  .field__item:nth-of-type(7)
  .field--name-field-section-texts
  p {
  margin: 1rem 0 0;
  text-align: left;
  color: var(--white);
}

.page-node-1
  .field--name-field-rumcake-sections
  .field__item:nth-of-type(7)
  .field--name-field-section-texts
  p:first-of-type {
  margin: 0;
}

.page-node-1
  .field--name-field-rumcake-sections
  .field__item:nth-of-type(7)
  .field--name-field-section-texts
  a {
  color: var(--white);
}

.page-node-1
  .field--name-field-rumcake-sections
  .field__item:nth-of-type(7)
  .field--name-field-section-images {
  background-color: rgba(0, 0, 0, 0.5);
}

.page-node-1
  .field--name-field-rumcake-sections
  .field__item:nth-of-type(7)
  .field--name-field-section-images
  .field__item:first-of-type {
  width: 71%;
  top: -9%;
  right: -30%;
  rotate: 56deg;
  transform: scaleX(-1);
  -webkit-transform: scaleX(-1);
  -ms-transform: scaleX(-1);
  -o-transform: scaleX(-1);
  -moz-transform: scaleX(-1);
}

.page-node-1
  .field--name-field-rumcake-sections
  .field__item:nth-of-type(7)
  .field--name-field-section-images
  .field__item:last-of-type {
  width: 80%;
  bottom: 7%;
  left: 0;
  right: 0;
  text-align: center;
  rotate: -10deg;
  margin: 0 auto;
  box-shadow: 2px 5px 10px 3px rgba(0, 0, 0, 0.5);
}

.page-node-1
  .field--name-field-rumcake-sections
  .field__item:nth-of-type(7)
  .field--name-field-section-images
  .field__item:last-of-type
  img {
  width: 100%;
}

/* -------- Layer 8 -------- */
.page-node-1
  .field--name-field-rumcake-sections
  .field__item:nth-of-type(8)
  .paragraph {
  position: relative;
  height: 75vh;
  width: 100%;
}

.page-node-1
  .field--name-field-rumcake-sections
  .field__item:nth-of-type(8)
  .field--name-field-section-texts {
  top: 10%;
  left: 0;
  right: 0;
  z-index: 1;
}

.page-node-1
  .field--name-field-rumcake-sections
  .field__item:nth-of-type(8)
  .field--name-field-section-texts
  .buy_cont {
  margin-bottom: 2rem;
  display: flex;
  justify-content: center;
  align-items: flex-start;
  flex-direction: column;
}

.page-node-1
  .field--name-field-rumcake-sections
  .field__item:nth-of-type(8)
  .field--name-field-section-texts
  .buy_cont
  img {
  margin-top: 0.7rem;
  width: 80%;
}

.page-node-1
  .field--name-field-rumcake-sections
  .field__item:nth-of-type(8)
  .field--name-field-section-texts
  h2 {
  color: var(--text-color-yellow);
  margin-bottom: 1rem;
}

.page-node-1
  .field--name-field-rumcake-sections
  .field__item:nth-of-type(8)
  .field--name-field-section-texts
  p {
  margin: 1rem 0 0;
  text-align: left;
  color: var(--white);
}

.page-node-1
  .field--name-field-rumcake-sections
  .field__item:nth-of-type(8)
  .field--name-field-section-texts
  p:first-of-type {
  margin: 0;
}

.page-node-1
  .field--name-field-rumcake-sections
  .field__item:nth-of-type(8)
  .field--name-field-section-texts
  a {
  color: var(--white);
}

.page-node-1
  .field--name-field-rumcake-sections
  .field__item:nth-of-type(8)
  .field--name-field-section-texts
  .buy_cont:last-of-type
  p {
  color: var(--text-color-yellow);
  margin-top: 1rem;
}

.page-node-1
  .field--name-field-rumcake-sections
  .field__item:nth-of-type(8)
  .field--name-field-store-locations-map {
  /* display: none; */
}

.viewsreference--view-title {
  display: none;
}

.geolocation-map-container {
  min-height: 75vh;
  max-height: 100%;
  height: 100%;
}

.geolocation-map-container .gm-style .gm-style-iw-c {
  padding: 0;
}

.geolocation-map-container .gm-style .gm-style-iw-chr {
  position: absolute;
  top: 5px;
  right: 5px;
}

.geolocation-map-container .gm-style .gm-style-iw-chr button {
  width: 30px !important;
  height: 30px !important;
}

.geolocation-map-container .gm-style .gm-style-iw-chr button span {
  position: absolute;
  top: -8px;
  right: -9px;
}

.geolocation-map-container .gm-style .gm-style-iw-c {
}

.geolocation-map-container .views-field-title h3 {
  width: 100%;
  max-width: 250px;
  font-size: 24px;
  line-height: 1;
  font-family: var(--font-myriad);
  text-align: left;
  padding: 0.3rem;
  margin: 0.25rem 0;
}

.geolocation-map-container .views-field-field-store-images {
  height: auto;
  width: 100%;
  margin: 0;
  padding: 0;
}

.geolocation-map-container .views-field-field-store-images img {
  height: auto;
  max-height: 200px;
  width: 100%;
  min-width: 100%;
  object-fit: cover;
}

/******************** Youtube Section ***************/

.youtube-container--responsive {
  margin: 0;
}

/* -------- Layer 9 -------- */

.page-node-1
  .field--name-field-rumcake-sections
  .field__item:nth-of-type(10)
  .field--name-field-section-texts
  p {
  margin: 4rem 0 0;
  text-align: center;
  font-size: 1.7rem;
  color: var(--white);
}

.page-node-1
  .field--name-field-rumcake-sections
  .field__item:nth-of-type(10)
  .field--name-field-section-texts
  a {
  text-align: left;
  color: var(--white);
  font-size: 1.2rem;
}

/* --------------- Contact Us ------------ */
.page-node-1 .field--name-field-field-webform {
  height: auto;
  width: 100%;
  background-image: url('/sites/default/files/styles/background_images_1920x1280/public/section-images/Rum%20Cake%20Beach%20Hero-Edit_1.jpg?itok=603mOzI-');
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: fixed;
}

.page-node-1 .field--name-field-field-webform form {
  height: auto;
  width: 100%;
  margin: 0 auto;
  padding: 1rem;
  background-color: rgba(255, 255, 255, 0.3); /* Fully transparent */
  transition: background-color 0.3s ease; /* Smooth transition */
}

.page-node-1 .field--name-field-field-webform form #edit-form-desc-n-title {
  max-width: 650px;
  margin: 0 auto;
}

.page-node-1
  .field--name-field-field-webform
  form
  #edit-form-desc-n-title
  > div
  h2 {
  font-weight: 500;
  text-align: center;
  font-family: var(--font-avenirnext-reg);
  color: #000;
  max-width: 6500px;
  margin: 1rem auto 2rem;
  letter-spacing: 0.3rem;
}

.page-node-1
  .field--name-field-field-webform
  form
  #edit-form-desc-n-title
  > div:last-of-type {
  max-width: 480px;
  margin: 0 auto;
}

.page-node-1
  .field--name-field-field-webform
  form
  #edit-form-desc-n-title
  > div:last-of-type
  p {
  color: rgb(14, 46, 71);
}

.page-node-1
  .field--name-field-field-webform
  form
  #edit-form-desc-n-title
  > div
  p {
  text-align: center;
  font-family: var(--font-futura-tot-light-ob);
  font-size: 1.4rem;
  color: #000;
  margin: 1.2rem 0;
  line-height: 1;
}

.page-node-1 .field--name-field-field-webform form #edit-form-desc-n-title h2 {
  text-align: center;
  margin: 1.5rem 0;
}

.page-node-1 .field--name-field-field-webform form .webform-flexbox {
  width: 100%;
  max-width: 650px;
  margin: 0 auto;
}

.page-node-1
  .field--name-field-field-webform
  form
  .webform-flexbox
  .webform-flex--container {
  margin: 0;
  justify-content: space-between;
}

.page-node-1 .field--name-field-field-webform form .webform-flex input {
  border: 1px solid rgba(0, 0, 0, 0.35);
  border-radius: 0;
  padding: 8px;
  background-color: rgba(255, 255, 255, 0.9);
  margin-bottom: 1.2rem;
}

.page-node-1 .field--name-field-field-webform form textarea {
  min-height: 250px;
  border: 1px solid rgba(0, 0, 0, 0.35);
  border-radius: 0;
  background-color: rgba(255, 255, 255, 0.9);
  max-width: 650px;
  margin: 0 auto;
}

.page-node-1 .field--name-field-field-webform form #edit-actions {
  max-width: 650px;
  margin: 0 auto;
}

.page-node-1 .field--name-field-field-webform form #edit-actions input {
  background-color: #476074;
  border: none;
  border-radius: 0;
  padding: 8px 20px;
  margin-top: 1.5rem;
  width: 150px;
}

/******************** Webform confirmation ***************/
.node--type-webform .webform-confirmation {
  margin: 4rem 0 5rem;
  padding: 0 2rem;
}

.webform-confirmation #block-custom-barrio-theme-page-title h1 {
  margin: 0 0 30px;
  font-size: 26px;
  line-height: var(--line-height-30);
  font-family: var(--font-openSans-semiBold);
  text-align: center;
}

.node--type-webform .webform-confirmation .webform-confirmation__message {
  height: auto;
  width: 100%;
  margin: 0;
  padding: 0;
}

.node--type-webform .webform-confirmation .webform-confirmation__message h2 {
  text-align: center;
}

.node--type-webform .webform-confirmation .webform-confirmation__message p {
  height: auto;
  width: 100%;
  margin: 1rem auto;
  text-align: center;
}

.node--type-webform
  .webform-confirmation
  .webform-confirmation__message
  p:nth-of-type(3) {
  margin-top: 3rem;
}

.node--type-webform .webform-confirmation .webform-confirmation__message a,
.node--type-webform .webform-confirmation .webform-confirmation__back a {
  height: auto;
  width: 200px;
  display: block;
  text-align: center;
  background-color: var(--color-background-white);
  color: #818181;
  font-family: var(--font-myriad);
  font-size: 16px;
  font-weight: 600;
  margin: 3rem auto 1rem;
  outline: none;
  outline-color: transparent;
  border: 1px solid rgba(41, 39, 39, 0.1);
  border-radius: 0;
  padding: 16px 15px;
  box-shadow: none;
  transition: all 0.3s linear;
}

.node--type-webform .webform-confirmation .webform-confirmation__back {
  height: auto;
  width: 100%;
  margin: 0;
  padding: 0;
}
.node--type-webform .webform-confirmation .webform-confirmation__back a {
  margin: 2rem 0 0;
}

.node--type-webform
  .webform-confirmation
  .webform-confirmation__message
  a:hover,
.node--type-webform .webform-confirmation .webform-confirmation__back a:hover {
  background-color: var(--color-text-secondary);
  color: var(--color-text-inverse);
}
.node--type-webform .webform-confirmation .webform-confirmation__message p {
  width: 90%;
}

/* --------------- Footer ------------ */

.site-footer {
  padding: 0;
}

.site-footer .site-footer__bottom {
  background-color: var(--white);
  margin: 0;
  border: none;
}

.site-footer .site-footer__bottom .field--name-body {
  height: auto;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 2rem;
}