.text.parbase a {
  color: white;
  text-decoration: underline;
}

#overViewImage {
  filter: brightness(0.7);
  display: inherit;
  position: absolute;
  padding: 0px;
  margin: 0px;
  width: 100%;
  height: 100%;
  object-fit: cover;
  top: 0px;
  left: 0px;
  z-index: 1;
}

.overviewTile--Mobile {
  display: none;
}

.sidenav {
  display: none;
}

.overViewBurgerMenu {
  display: none;
}

#chillsSubtext {
  font-size: 1.5rem;
}

#chillsText {
  font-size: 6rem;
  font-weight: 100;
}

.formMaterial__base .md-input-container.md-input-focused:not(.md-invalid) label {
  color: white;
}

.formMaterial__base .md-input-container.md-input-focused label,
.formMaterial__base .md-input-container.md-has-value label,
.formMaterial__base .md-input-container label.md-input-label--top {
  pointer-events: auto;
  top: 0;
  opacity: 1;
  font-size: 0.75rem;
  color: white;
}

.form-email-sign-up__message--success span {
  color: white;
}

figure.pro-layout-container__backgroundContainer.lazy-loading-image__base.lazy-loading-image__base--loaded {
  filter: brightness(0.65);
}

.noBanner {
  display: none !important;
}

#signUpOverview {
  height: 100vh;
}

.customsnippet {
  padding: 0px !important;
}

.videoSection--item {
  width: 50%;
}

#apetite__container--main {
  text-align: center;
  width: 50%;
  background-repeat: round;
}

#apetite__container {
  height: 90%;
  display: flex;
  z-index: 40;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 24px 48px;
  position: relative;
}

#apetite__container--video {
  width: 27%;
  height: 100%;
  background-image: url('https://rccl-h.assetsadobe.com/is/image/content/dam/royal/data/dining/giovannis-table/odyssey-of-the-seas-giovannis-pizza-wine.jpg?$640x480$');
  background-repeat: no-repeat;
  background-size: cover;
}

#apetite__container--secondary {
  background-image: url('https://rccl-h.assetsadobe.com/is/image/content/dam/royal/onboard/experiences/social-100/royal-caribbean-wonder-of-the-seas-social-patio-100-teens-selfie-mocktails.jpg?$1440x1080$');
  width: 25%;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}

#apetite_background--first {
  position: absolute;
  z-index: 0;
  width: 50%;
}

#slabFigure {
  width: 65vw;
  max-width: 120rem;
  filter: brightness(0.5);
}

#slantTab__container {
  height: 105vh;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  margin: 0 10px;
}

.slabTab--item {
  filter: none;
  width: 50%;
  height: 100%;
  margin: 0 auto;
  transition: none;
}

.slabTab--figure {
  position: absolute;
  width: auto;
  z-index: 0;
  filter: none;
  height: 100%;
  object-fit: cover;
}

.slabTab--item:hover,
.slabTab--figure:hover {
  filter: none;
}

.slabTab--item .articleTitle2 {
  transition: 0.4s;
}

.slabTab--item .p {
  transition: 0.4s;
}

.slabTab--item .text-white {
  transition: 0.4s;
}

.slabTab--item:hover .articleTitle2 {
  font-size: 7rem !important;
}

.slabTab--item:hover .p {
  font-size: 1.4rem;
}

.slabTab--item:hover .text-white {
  font-size: 1.4rem;
}

.slabTab__content {
  height: 100%;
  margin: 0 auto;
  padding: 4rem;
  display: flex;
  flex-direction: column;
  justify-content: space-evenly;
  position: relative;
}

.slabTab__content .articleTitle2 {
  font-size: 3rem;
  background: rgb(134, 60, 244);
  background: linear-gradient(65deg, rgba(134, 60, 244, 1) 0%, rgba(255, 13, 221, 1) 20%, rgba(255, 13, 178, 1) 50%, rgba(255, 13, 221, 1) 86%, rgba(134, 60, 244, 1) 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.nogradient {
  background: -webkit-linear-gradient(left, rgb(237 87 184), rgb(239 230 114));
  -webkit-background-clip: text;
  -webkit-text-fill-color: white !important;
}

@media (max-width: 675px) {
  .slabTab--figure {
    position: absolute;
    width: auto;
    z-index: 0;
    filter: none;
    height: 50%;
    object-fit: cover;
  }

  #thrillAbsolute {
    position: absolute;
    width: auto;
    z-index: 0;
    filter: brightness(0.65);
    height: 55% !important;
    object-fit: cover;
  }

  .slabTab--item:hover,
  .slabTab--figure:hover {
    filter: none;
  }

  .slabTab--item .articleTitle2 {
    transition: none;
  }

  .slabTab--item .p {
    transition: none;
  }

  .slabTab--item .text-white {
    transition: none;
  }

  .slabTab--item:hover .articleTitle2 {
    font-size: 3rem !important;
  }

  .slabTab--item:hover .p {
    font-size: 1rem;
  }

  .slabTab--item:hover .text-white {
    font-size: 1rem;
  }

  .overviewTile--Mobile {
    display: inherit;
  }

  .overviewTile--Image {
    display: none;
  }

  #iconHud {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    z-index: 20;
    width: 100%;
    color: white;
    text-transform: uppercase;
    font-weight: bolder;
    max-width: 1906px;
    margin: 0px 25px;
  }

  .logo {
    margin-left: 16.5%;
  }

  .centeredMobie {
    text-align: center;
  }

  .videoSection--item {
    width: 70%;
  }
  #apetite_background--first {
    position: absolute;
    z-index: 0;
    width: 70%;
  }
  #apetite__container--video {
    width: 100%;
    height: 200px;
  }
  #apetite__container--secondary {
    background-image: url('https://rccl-h.assetsadobe.com/is/image/content/dam/royal/onboard/experiences/social-100/royal-caribbean-wonder-of-the-seas-social-patio-100-teens-selfie-mocktails.jpg?$1440x1080$');
    width: 25%;
    background-position-x: center;
    background-repeat: revert;
  }

  .basic-tile__base--aspect-ratio-vertical-banner {
    padding-bottom: calc(70% + 20px);
  }
}

@media (min-width: 676px) and (max-width: 935px) {
  .slabTab__content {
    padding: 4rem 1rem;
  }

  .slabTab--item:hover .articleTitle2 {
    font-size: 3.5rem;
  }

  .slabTab--item:hover .p {
    font-size: 1.2rem;
  }

  .slabTab--item:hover .text-white {
    font-size: 1.4rem;
  }
}

.videoSection {
  display: flex;
  flex-direction: row;
  justify-content: center;
  width: auto;
  height: 105vh;
  margin: 0 10px;
}

.pillar__text--gradient_one {
  background: rgb(134, 60, 244);
  background: linear-gradient(65deg, rgba(134, 60, 244, 1) 0%, rgba(80, 196, 248, 1) 20%, rgba(80, 229, 248, 1) 50%, rgba(80, 196, 248, 1) 86%, rgba(134, 60, 244, 1) 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.pillar__text--gradient_two {
  background: rgb(134, 60, 244);
  background: linear-gradient(65deg, rgba(134, 60, 244, 1) 0%, rgba(255, 13, 221, 1) 20%, rgba(255, 13, 178, 1) 50%, rgba(255, 13, 221, 1) 86%, rgba(134, 60, 244, 1) 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.pillar__text--gradient_three {
  background: -webkit-linear-gradient(0deg, rgb(125, 226, 245) 3.57%, rgb(201, 253, 80) 96.43%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.pillar__text--gradient_four {
  background: -webkit-linear-gradient(0deg, #ff0db2 3.57%, #ffa500 96.43%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

#rciHeader {
  display: none;
}

.fixedBanner {
  position: fixed !important;
}

#utopiaFigure {
  margin-bottom: auto;
  text-align: center;
  margin: -45px 0px 0px;
  height: 145px;
}

#icon_Gradient {
  background-image: linear-gradient(#152e67 52%, #50e5f800 88%);
}

#utopiaImage {
  object-fit: cover;
}

#utopiaHeader {
  font-size: 4rem;
}

#iconNav {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  width: auto;
  gap: 30px;
  max-width: 800px;
}

@media screen and (min-width: 601px) and (max-width: 974px) {
  #utopiaFigure {
    margin-bottom: auto;
    margin-top: 0px;
    height: auto;
  }

  #utopiaImage {
    object-fit: cover;
    height: auto;
    width: 100%;
  }

  #utopiaHeader {
    font-size: 2rem;
  }

  #iconNav {
    width: 75%;
  }
}

@media screen and (min-width: 360px) and (max-width: 600px) {
  #utopiaFigure {
    margin-bottom: auto;
    margin-top: 0px;
    height: auto;
  }

  #utopiaHeader {
    font-size: 1.8rem;
    letter-spacing: 1px;
  }

  #utopiaImage {
    object-fit: cover;
    height: auto;
    width: 365px;
  }

  #iconNav {
    width: 75%;
  }
}

@media screen and (max-width: 359px) {
  #utopiaFigure {
    margin-bottom: auto;
    margin-top: 0px;
    height: auto;
  }

  #utopiaHeader {
    font-size: 1.3rem;
    letter-spacing: 1px;
  }

  #utopiaImage {
    object-fit: cover;
    height: auto;
    width: 300px;
  }

  #iconNav {
    width: 75%;
  }
}

#iconHud {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  z-index: 20;
  width: 99vw;
  color: white;
  text-transform: uppercase;
  font-weight: bolder;
  max-width: 1906px;
  margin: 0px 25px;
}

.icon__dinning .aem-GridColumn {
  padding-right: 0px;
  color: white;
}

.icon__dinning .aem-GridColumn:nth-child(7) {
  padding-left: 0px;
  color: white;
}

.icon__dinning .basic-tile__content {
  padding: 6.25rem;
}

.icon__dinning .basic-tile__background {
  border-radius: 0px !important;
  height: 1000px;
}

.sign-up {
  border-radius: 0;
  background: #fdbb17;
  color: #ffffff;
  cursor: pointer;
  border: 0;
  font-size: 1rem;
  height: 2.9411764706rem;
  line-height: 2.9411764706rem;
  padding: 0 3.1764705882rem;
}

.whatToKnowBackground {
  background: url('https://rccl-h.assetsadobe.com/is/image/content/dam/royal/ports-and-destinations/destinations/perfect-day/perfect-day-coco-cay-island-aerial-sunny-day.jpg?$1440x1080$');
  background-size: cover;
  background-position: center;
  padding: 6rem;
  position: relative;
}

.goOverlay {
  position: unset !important;
}

@media (min-width: 64rem) {
  .form-email-sign-up__input {
    width: calc(50% - 10px) !important;
  }

  .form-email-sign-up__form {
    flex-wrap: wrap !important;
  }

  .form-email-sign-up__container {
    flex-direction: column !important;
  }
}

#itineraryParent {
  background: url('https://rccl-h.assetsadobe.com/is/image/content/dam/royal/resources/silo/icon/ic-aerial-starboard-side-night-waterberg.jpg?$1440x1080$');
  background-position: bottom;
  background-repeat: no-repeat;
  background-size: contain;
  margin: 0 10px;
  width: 100%;
  max-width: 120rem;
}

#chillParent {
  height: 145vh;
}

.chillBackground {
  background: linear-gradient(to bottom, rgb(65 61 61 / 52%), rgb(0 0 0 / 73%)),
    url('https://rccl-h.assetsadobe.com/is/image/content/dam/royal/data/activity/pool/wonder-of-the-seas-royal-caribbean-pool-deck-boy-swimming-diving-fun-outdoor.jpg?$1440x1080$');
  background-size: cover;
  background-repeat: no-repeat;
  height: inherit;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

#wowsParent {
  height: 130vh;
}

.wowsDiv {
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

#thrillsParent {
  height: 110vh;
}

.thrillsDiv {
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

#staysParent {
  height: 110vh;
  display: none;
}

.staysDiv {
  background: linear-gradient(to bottom, rgb(187 187 187 / 52%), rgb(0 0 0 / 73%)), url('https://rccl-h.assetsadobe.com/is/image/content/dam/royal/resources/gradient/icon-gradient-bg-2880x1920-08.jpg?$1440x1080$');
  background-size: auto;
  background-repeat: no-repeat;
  background-position: center;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.basicHero__trail-bottom-gradient {
  height: 100rem;
}

.cruise-carousel__title {
  color: white;
}

.cruise-carousel__subtitle {
  color: white;
}

.articleTitle1,
.articleTitle2 {
  font-family: 'Kapra-Optimized', Impact, 'Arial Narrow', Arial, sans-serif !important;
}

.smallFix {
  font-family: 'ProximaNova-Bold', Arial, sans-serif !important;
}

@media screen and (max-width: 1075px) {
  .overViewBurgerMenu {
    display: inherit;
  }

  /* The side navigation menu */
  .sidenav {
    height: 100%; /* 100% Full-height */
    width: 0; /* 0 width - change this with JavaScript */
    position: fixed; /* Stay in place */
    z-index: 60; /* Stay on top */
    top: 0; /* Stay at the top */
    left: 0;
    background-color: white; /* Black*/
    overflow-x: hidden; /* Disable horizontal scroll */
    padding-top: 60px; /* Place content 60px from the top */
    transition: 0.5s; /* 0.5 second transition effect to slide in the sidenav */
    display: inherit;
  }

  /* The navigation menu links */
  .sidenav a {
    padding: 8px 8px 8px 32px;
    text-decoration: none;
    font-size: 25px;
    color: blue;
    display: block;
    transition: 0.3s;
  }

  /* When you mouse over the navigation links, change their color */
  .sidenav a:hover {
    color: #f1f1f1;
  }

  /* Position and style the close button (top right corner) */
  .sidenav .closebtn {
    position: absolute;
    top: 0;
    right: 25px;
    font-size: 36px;
    margin-left: 50px;
  }

  .whatToKnowBackground {
    background: url('https://rccl-h.assetsadobe.com/is/image/content/dam/royal/ships/icon/assets/icon-of-the-seas-cruises-reveal-new-class.jpg?$1440x1080$');
    background-position: center;
    padding: 3rem;
    position: relative;
  }

  #staysMol,
  #deckMol {
    display: none;
  }

  #iconNav {
    width: auto !important;
  }

  .sign-up {
    border-radius: 0;
    background: #fdbb17;
    color: #ffffff;
    cursor: pointer;
    border: 0;
    font-size: 1rem;
    height: 2.9411764706rem;
    /* line-height: 2.941176rem; */
    padding: 0 1.1764705882rem;
  }
}

@media screen and (max-width: 75px) {
  #iconNav {
    width: 55% !important;
  }
}

@media screen and (max-width: 675px) {
  #itineraryParent {
    background: url('https://rccl-h.assetsadobe.com/is/image/content/dam/royal/resources/silo/icon/ic-aerial-starboard-side-night-waterberg.jpg?$1440x1080$');
    background-position: bottom;
    background-repeat: no-repeat;
    background-size: cover;
    margin: 0 10px;
    width: 100vw;
  }

  #chillsSubtext,
  #wowsText,
  #wowsP,
  #iconsubHead,
  #thrillsP,
  #adventureP,
  #signupP {
    font-size: 1.2rem !important;
  }

  #chillsText,
  #iconHead,
  #wowsHead,
  #adventureHead,
  #signupHead,
  .slantP {
    font-size: 3rem !important;
    font-weight: 100;
  }

  #thrillsParent {
    height: auto;
  }

  #utopiaFigure {
    text-align: center;
    margin: -25px 0px 0px;
    height: 50px;
  }

  h3.basicHero__textLine.basicHero__textLine--small {
    color: rgb(255, 255, 255) !important;
    text-align: center;
    font-size: 1rem !important;
    margin-top: 24px;
  }

  h2.basicHero__textLine.basicHero__textLine--small {
    font-size: 1.2rem !important;
  }

  #chillParent {
    height: auto;
  }

  .wowsDiv {
    height: auto;
    display: flex;
    flex-direction: column;
    justify-content: center;
  }

  .basicHero__trail-bottom-gradient {
    height: 125rem;
  }

  #wowsParent {
    height: auto;
  }

  .videoSection {
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: auto;
    height: auto;
    margin: 0;
  }

  #apetite__container--secondary {
    width: 100%;
    height: 200px;
  }

  #slantTab__container {
    height: auto;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
  }

  #slantTab__container {
    height: auto;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }

  .slabTab--item {
    filter: none;
    width: 100%;
    height: auto;
    margin: 0 auto;
    transition: 0.3s;
  }

  .slabTab__content {
    height: 100%;
    margin: 0 auto;
    padding: 1rem;
    display: flex;
    flex-direction: column;
    position: relative;
    justify-content: space-evenly;
  }

  div#thrillsText {
    text-align: center;
    padding: 0 10px;
  }

  #slabFigure {
    width: 100%;
    max-width: initial;
  }

  .whatToKnowBackground {
    background: url('https://rccl-h.assetsadobe.com/is/image/content/dam/royal/ships/icon/assets/icon-of-the-seas-cruises-reveal-new-class.jpg?$1440x1080$');
    background-position: center;
    padding: 3rem 2rem;
    background-size: cover;
    position: relative;
    background-repeat: no-repeat;
  }

  .videoSection--item {
    width: 100%;
  }

  #apetite_background--first {
    position: absolute;
    z-index: 0;
    width: 100%;
  }

  #apetite_background--first {
    position: absolute;
    z-index: 0;
    width: 100%;
  }

  #signUpOverview {
    height: 130vh;
  }
}

@media screen and (max-height: 575px) {
  #chillsSubtext,
  #wowsText,
  #wowsP,
  #iconsubHead,
  #thrillsP,
  #adventureP,
  #signupP {
    font-size: 1.2rem !important;
  }

  #chillsText,
  #iconHead,
  #wowsHead,
  #adventureHead,
  #signupHead,
  .slantP {
    font-size: 3rem !important;
    font-weight: 100;
  }

  #utopiaImage {
    object-fit: cover;
    height: auto;
    width: 80%;
  }

  #utopiaFigure {
    margin-top: 0px;
    height: auto;
    margin: -35px 0px;
    margin-bottom: -85px;
  }

  .slantP {
    line-height: 100% !important;
  }

  .videoSection {
    display: flex;
    flex-direction: row;
    justify-content: center;
    width: auto;
    height: 150vh;
    margin: 0;
  }

  #slantTab__container {
    height: 180vh;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
  }

  #signUpOverview {
    height: 155vh;
  }

  #thrillsParent {
    height: auto;
  }

  #chillParent {
    height: auto;
  }

  .wowsDiv {
    height: auto;
    display: flex;
    flex-direction: column;
    justify-content: center;
  }

  .basicHero__trail-bottom-gradient {
    height: 125rem;
  }

  #wowsParent {
    height: auto;
  }
}

@media screen and (min-width: 1915px) {
  #thrillAbsolute {
    padding-right: 10px;
  }
}

#icon_FullScreenVideo > figure {
  /* margin: 0 !important; */
}
