:where(.rc_8_24) *,
:where(.rc_8_24) ::before,
:where(.rc_8_24) ::after {
  box-sizing: border-box;
}

:where(.rc_8_24) html {
  line-height: 1.5;
}

:where(.rc_8_24) body {
  margin: 0;
  line-height: inherit;
}

:where(.rc_8_24) h1,
:where(.rc_8_24) h2,
:where(.rc_8_24) h3,
:where(.rc_8_24) h4,
:where(.rc_8_24) h5,
:where(.rc_8_24) h6 {
  font-size: inherit;
  font-weight: inherit;
}

:where(.rc_8_24) a {
  color: inherit;
  text-decoration: inherit;
}

:where(.rc_8_24) h2,
:where(.rc_8_24) h3,
:where(.rc_8_24) h4,
:where(.rc_8_24) figure,
:where(.rc_8_24) p {
  margin: 0;
}

:where(.rc_8_24) img,
:where(.rc_8_24) svg {
  display: block;
  vertical-align: middle;
}

:where(.rc_8_24) img {
  max-width: 100%;
  height: auto;
}

:where(.rc_8_24) ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

@font-face {
  font-family: 'Kapra';

  font-display: swap;

  src: url('/fonts/kapra-regular.otf') format('otf');
}

.rc_8_24 {
  margin: 0;
  padding: 0;
  color: rgb(6, 21, 86);
  --secondary-font: 'proxima-nova', sans-serif;
  font-family: proxima-nova, sans-serif;
}

.rc_8_24__container {
  max-width: 1100px;
  margin: 0 auto;
  overflow: hidden;
  background-repeat: no-repeat;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

.rc_8_24__header {
  display: flex;
  align-items: center;
  justify-content: center;
  padding-top: 8rem;
  padding-bottom: 8rem;
  padding-left: 2rem;
  padding-right: 2rem;
  min-height: 951px;
}

.rc_8_24__hero {
  background-repeat: no-repeat;
  background-size: 1100px auto;
  background-color: #221776;
}

.rc_8_24__header-title {
  margin-left: auto;
  margin-right: auto;
  margin-top: 1rem;
  margin-bottom: 1rem;
  text-align: center;
  font-size: 5.125rem;
  font-weight: 500;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

@media (min-width: 768px) {
  .rc_8_24__header-title {
    margin-top: 1.5rem;
    margin-bottom: 1.5rem;
  }
}

.rc_8_24__header-title {
  font-family: 'Kapra';
  line-height: 1;
}

.rc_8_24__header-subtitle {
  margin-bottom: 1.5rem;
  text-align: center;
  font-size: 1.5rem;
  line-height: 2rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  font-family: var(--secondary-font);
  color: rgb(242, 200, 238);
}

.rc_8_24__utopia-logo {
  margin-left: auto;
  margin-right: auto;
}

.rc_8_24__hero-border {
  display: inline-flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 4rem;
  border: 1px solid white;
  box-shadow: rgb(205, 0, 131) 0 0 10px 5px;
}

.rc_8_24__segment {
  position: relative;
  background-size: cover;
  background-position: top;
  background-repeat: no-repeat;
  padding-top: 2rem;
  padding-bottom: 2rem;
  padding-left: 2rem;
  padding-right: 2rem;
}

.rc_8_24__segment-title {
  margin-bottom: 1rem;
  margin-top: 2.5rem;
  text-align: center;
  font-size: 2.25rem;
  line-height: 2.5rem;
  font-weight: 400;
  text-transform: uppercase;
  letter-spacing: 0.1em;
}

@media (min-width: 768px) {
  .rc_8_24__segment-title {
    font-size: 4.5rem;
    line-height: 1;
  }
}

.rc_8_24__segment-title {
  font-family: 'Kapra';
  line-height: 1;
  color: var(--segment-color);
}

.rc_8_24__subtitle {
  margin-bottom: 1.5rem;
  text-align: center;
  font-size: 1.875rem;
  line-height: 2.25rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
  font-family: var(--secondary-font);
}

.rc_8_24__bar-title {
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 1rem;
  background-repeat: no-repeat;
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
  text-align: center;
  font-size: 1.5rem;
  line-height: 2rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  background-position: top, bottom;
  background-size: 293px 3px;
  width: 293px;
  font-family: var(--secondary-font);
  color: var(--segment-color);
}

.rc_8_24__bar p {
  text-align: center;
  font-size: 1.25rem;
  line-height: 1.75rem;
  line-height: 1.25;
  font-family: proxima-nova, sans-serif;
}

.rc_8_24__segment-1 {
  --segment-color: rgb(97, 240, 255);
}

@media (min-width: 768px) {
  .rc_8_24__segment-1 {
    min-height: 1430px;
  }
}

.rc_8_24__segment-2 {
  --segment-color: rgb(127, 249, 76);
}

@media (min-width: 768px) {
  .rc_8_24__segment-2 {
    min-height: 1440px;
  }
}

.rc_8_24__segment-3 {
  --segment-color: rgb(126, 100, 255);
}

@media (min-width: 768px) {
  .rc_8_24__segment-3 {
    min-height: 1442px;
  }
}

.rc_8_24__segment-4 {
  --segment-color: rgb(217, 49, 138);
}

@media (min-width: 768px) {
  .rc_8_24__segment-4 {
    min-height: 1440px;
  }
}

.rc_8_24__segment-4 {
  margin-top: -3.5px;
}

.rc_8_24__segment-5 {
  --segment-color: rgb(243, 232, 82);
}

@media (min-width: 768px) {
  .rc_8_24__segment-5 {
    min-height: 1440px;
  }
}

.rc_8_24__segment-6 {
  background-size: cover;
  background-position: bottom;
  background-repeat: no-repeat;
}

@media (min-width: 768px) {
  .rc_8_24__segment-6 {
    min-height: 1640px;
  }
}

.rc_8_24__segment-6 {
  --segment-color: rgb(255, 139, 0);
  display: flex;
  flex-direction: column;
}

.rc_8_24__segment-6-container {
  flex: 1 0 auto;
}

.rc_8_24__bar {
  margin-bottom: 2rem;
  --tw-bg-opacity: 1;
  background-color: rgb(34 23 118 / var(--tw-bg-opacity));
  padding: 2rem;
}

@media (min-width: 768px) {
  .rc_8_24__bar {
    position: absolute;
    margin-bottom: 0px;
    max-width: 293px;
    background-color: transparent;
    padding: 0px;
  }
}

/* @media (max-width: 768px) {
} */

.rc_8_24__drinks {
  position: absolute;
  display: none;
  text-align: center;
  --tw-text-opacity: 1;
  color: rgb(0 0 0 / var(--tw-text-opacity));
}

@media (min-width: 768px) {
  .rc_8_24__drinks {
    display: block;
  }
}

.rc_8_24__drinks {
  bottom: 235px;
  left: 370px;
}

.rc_8_24__drinks li {
  margin-bottom: 2.5rem;
}

.rc_8_24__bar-1 {
  left: 40px;
  top: 400px;
}

.rc_8_24__bar-2 {
  left: 40px;
  top: 650px;
}

.rc_8_24__bar-3 {
  left: 40px;
  bottom: 50px;
}

.rc_8_24__bar-4 {
  right: 40px;
  top: 400px;
}

.rc_8_24__bar-5 {
  right: 40px;
  top: 700px;
}

.rc_8_24__bar-6 {
  right: 40px;
  top: 900px;
}

.rc_8_24__bar-7 {
  right: 40px;
  top: 1060px;
}

.rc_8_24__bar-8 {
  left: 40px;
  top: 800px;
}

.rc_8_24__bar-9 {
  right: 100px;
  bottom: 400px;
}

.rc_8_24__bar-10 {
  right: 100px;
  bottom: 200px;
}

.rc_8_24__bar-11 {
  right: 180px;
  top: 500px;
}

@media (min-width: 768px) {
  .rc_8_24__bar-11 {
    max-width: 250px;
  }

  .rc_8_24__bar-11 .rc_8_24__bar-title {
    max-width: 250px;
  }
}

.rc_8_24__bar-12 {
  left: 40px;
  bottom: 300px;
}

.rc_8_24__bar-13 {
  left: 40px;
  bottom: 650px;
}

.rc_8_24__bar-14 {
  left: 80px;
  bottom: 450px;
}

.rc_8_24__bar-15 {
  left: 40px;
  bottom: 250px;
}

.rc_8_24__bar-16 {
  right: 40px;
  bottom: 650px;
}

.rc_8_24__bar-17 {
  right: 40px;
  bottom: 340px;
}

.rc_8_24__bar-18 {
  right: 40px;
  top: 340px;
}

.rc_8_24__bar-19 {
  left: 40px;
  top: 580px;
}

.rc_8_24__bar-20 {
  right: 80px;
  bottom: 310px;
}

.rc_8_24__bar-21 {
  right: 40px;
  top: 540px;
}

.rc_8_24__bar-22 {
  left: 40px;
  bottom: 400px;
}

.rc_8_24__taco {
  display: none;
  visibility: hidden;
  right: -90px;
  bottom: -100px;
  z-index: 50;
}

@media (min-width: 768px) {
  .rc_8_24__taco {
    display: block;
    visibility: visible;
    position: absolute;
  }
}

.rc_8_24__guitar {
  display: none;
  visibility: hidden;
  right: -40px;
  bottom: -100px;
  z-index: 50;
}

@media (min-width: 768px) {
  .rc_8_24__guitar {
    display: block;
    visibility: visible;
    position: absolute;
  }
}

.rc_8_24__leaf {
  display: none;
  visibility: hidden;
  left: -90px;
  bottom: -100px;
  z-index: 50;
}

@media (min-width: 768px) {
  .rc_8_24__leaf {
    display: block;
    visibility: visible;
    position: absolute;
  }
}

.rc_8_24__tiki {
  display: none;
  visibility: hidden;
  right: 100px;
  bottom: -100px;
  z-index: 50;
}

@media (min-width: 768px) {
  .rc_8_24__tiki {
    display: block;
    visibility: visible;
    position: absolute;
  }
}

.rc_8_24__footer {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  padding-left: 0px;
  padding-right: 0px;
  padding-top: 0.75rem;
  padding-bottom: 1.25rem;
}

@media (min-width: 768px) {
  .rc_8_24__footer {
    padding-left: 5rem;
    padding-right: 5rem;
  }
}

.rc_8_24__footer p {
  text-align: center;
  font-size: 0.75rem;
  line-height: 1rem;
  font-weight: 500;
}

.rc_8_24__logo {
  display: flex;
  justify-content: center;
}

.download_footer {
  display: flex;
  padding: 2rem 2rem;
  background-color: #442bea;
  justify-content: flex-end;
  align-items: center;
  width: 100%;

  color: white;
  text-decoration: underline;
  font-weight: bolder;
}

.download_footer > span {
  display: flex;
}

@media (max-width: 768px) {
  .download_footer {
    padding: 1.5rem 2rem;
  }
}

/* *********************** OVERWRITE RULES *********************** */
@media (max-width: 1200px) {
  .editorial__firstLetter {
    margin: -10px 0.05em 10px 0px;
  }
}

@media (max-width: 768px) {
  .rc_8_24__bar-title {
    width: auto;
  }
  .rc_8_24__bar {
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
  }
}

section.rc_8_24__segment-1 h4.rc_8_24__bar-title {
  background-image: url(https://www.royalcaribbean.com/content/dam/royal/resources/infographics/utopia-of-the-seas-bars/rc_8_24-title-blue.png),
    url(https://www.royalcaribbean.com/content/dam/royal/resources/infographics/utopia-of-the-seas-bars/rc_8_24-title-blue.png);
}
section.rc_8_24__segment-2 h4.rc_8_24__bar-title {
  background-image: url(https://www.royalcaribbean.com/content/dam/royal/resources/infographics/utopia-of-the-seas-bars/rc_8_24-title-green.png),
    url(https://www.royalcaribbean.com/content/dam/royal/resources/infographics/utopia-of-the-seas-bars/rc_8_24-title-green.png);
}
section.rc_8_24__segment-3 h4.rc_8_24__bar-title {
  background-image: url(https://www.royalcaribbean.com/content/dam/royal/resources/infographics/utopia-of-the-seas-bars/rc_8_24-title-purple.png),
    url(https://www.royalcaribbean.com/content/dam/royal/resources/infographics/utopia-of-the-seas-bars/rc_8_24-title-purple.png);
}
section.rc_8_24__segment-4 h4.rc_8_24__bar-title {
  background-image: url(https://www.royalcaribbean.com/content/dam/royal/resources/infographics/utopia-of-the-seas-bars/rc_8_24-title-pink.png),
    url(https://www.royalcaribbean.com/content/dam/royal/resources/infographics/utopia-of-the-seas-bars/rc_8_24-title-pink.png);
}
section.rc_8_24__segment-5 h4.rc_8_24__bar-title {
  background-image: url(https://www.royalcaribbean.com/content/dam/royal/resources/infographics/utopia-of-the-seas-bars/rc_8_24-title-yellow.png),
    url(https://www.royalcaribbean.com/content/dam/royal/resources/infographics/utopia-of-the-seas-bars/rc_8_24-title-yellow.png);
}
section.rc_8_24__segment-6 h4.rc_8_24__bar-title {
  background-image: url(https://www.royalcaribbean.com/content/dam/royal/resources/infographics/utopia-of-the-seas-bars/rc_8_24-title-orange.png),
    url(https://www.royalcaribbean.com/content/dam/royal/resources/infographics/utopia-of-the-seas-bars/rc_8_24-title-orange.png);
}

section.rc_8_24__hero {
  background-image: url(https://www.royalcaribbean.com/content/dam/royal/resources/infographics/utopia-of-the-seas-bars/rc_8_24-hero-bg.png);
}
section.rc_8_24__segment.rc_8_24__segment-2 {
  background-image: url(https://www.royalcaribbean.com/content/dam/royal/resources/infographics/utopia-of-the-seas-bars/rc_8_24-segment-2-bg.png);
}
section.rc_8_24__segment.rc_8_24__segment-3 {
  background-image: url(https://www.royalcaribbean.com/content/dam/royal/resources/infographics/utopia-of-the-seas-bars/rc_8_24-segment-3-bg.png);
}
section.rc_8_24__segment.rc_8_24__segment-4 {
  background-image: url(https://www.royalcaribbean.com/content/dam/royal/resources/infographics/utopia-of-the-seas-bars/rc_8_24-segment-4-bg.png);
}
section.rc_8_24__segment.rc_8_24__segment-5 {
  background-image: url(https://www.royalcaribbean.com/content/dam/royal/resources/infographics/utopia-of-the-seas-bars/rc_8_24-segment-5-bg.png);
}
section.rc_8_24__segment.rc_8_24__segment-6 {
  background-image: url(https://www.royalcaribbean.com/content/dam/royal/resources/infographics/utopia-of-the-seas-bars/rc_8_24-footer-bg.png);
}
