:root {
  --bannerBackground: none;
  --bannerBackgroundPosition: bottom left;
  --bannerBackgroundSize: cover;
  --bannerBodyPaddingInline: 0;
  --bannerAreaBodyDisplay: flex;
  --bannerAreaBackgroundAlt: backA;
  --bannerAreaBodyAlt: bodyA;
  --bannerGridAreasAlt: "backA" "bodyA";
  --bannerGridColumnsAlt: 1fr;
  --bannerGridRowsAlt: var(--heroBannerWindowHeight) auto;
  --bannerAreaBodyAltJustifyContent: flex-start;
  --bannerAreaBodyAltAlignItems: center;
  --bannerContainerWidth: var(--cont-max-width);
}
@media (min-width: 1200px) {
  :root {
    --bannerContainerWidth: calc(var(--cont-max-width) - (var(--gtr-BASE) * 2));
  }
}

.bnrRiverCruiseJ26 {
  --heroGradientDisplay: block;
  --heroGradientBackground: linear-gradient(to top, var(--heroBgColor), hsla(232 43% 25% / 0));
  position: relative;
  height: var(--heroBannerHeight);
  min-height: var(--heroBannerHeight);
  --bannerAreaBackground: var(--bannerAreaBackgroundAlt);
  --bannerAreaBody: var(--bannerAreaBodyAlt);
  --bannerGridAreas: "BODY" "xxxx";
  --bannerGridColumns: 1fr;
  --bannerGridRows: var(--heroBannerWindowHeight) auto;
  display: grid;
  grid-template-areas: var(--bannerGridAreasAlt);
  grid-template-columns: var(--bannerGridColumnsAlt);
  grid-template-rows: var(--bannerGridRowsAlt);
  --cCTdisplay: none;
  --cCTgridTemplateAreas:
  		"MAIN MAIN MAIN MAIN" ;
  --cCTgridTemplateColumns: auto;
  --cCTgridTemplateRows: auto;
  --cCTgap: 0.2em;
  --cCTCountdownbackgroundGridArea: 3 / 1 / 2 / 5;
  --CT1ppLogoMargin: 0 auto 0 auto;
  --bannerBackground: url("https://leger.imgix.net/Urlslider/Imageslider_R0/river-cruise-banner-46170.jpg?w=1920&auto=compress,enhance,format&q=72&fit=crop&crop=focalpoint&fp-x=.50&fp-y=.50&fp-z=1");
  --bannerBackgroundPosition: center;
  --bannerBackgroundSize: cover;
  --thisWidthMain: 511px;
  --thisWidthSecondary: calc(var(--bannerContainerWidth) - (var(--thisWidthMain) + 2rem));
  --bannerGridAreasAlt: "bodyA""backA";
  --bannerGridColumnsAlt: 1fr;
  --bannerGridRowsAlt: auto 1fr;
}
.bnrRiverCruiseJ26:before {
  display: var(--heroGradientDisplay, block);
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  background: var(--heroGradientBackground);
  height: var(--heroGradientHeight);
  z-index: 2;
}
.bnrRiverCruiseJ26__area {
  position: relative;
}
.bnrRiverCruiseJ26__area--BODY {
  grid-area: var(--bannerAreaBody);
  display: var(--bannerAreaBodyDisplay);
  padding-inline: var(--bannerBodyPaddingInline);
  justify-content: var(--bannerAreaBodyAltJustifyContent);
  align-items: var(--bannerAreaBodyAltAlignItems);
}
.bnrRiverCruiseJ26__area--background {
  grid-area: var(--bannerAreaBackground);
  padding-inline: var(--bannerBodyPaddingInline);
  background-image: var(--bannerBackground);
  background-position: var(--bannerBackgroundPosition);
  background-size: var(--bannerBackgroundSize);
}
@media (min-width: 576px) {
  .bnrRiverCruiseJ26 {
    --bannerAreaBackground: var(--bannerAreaBackgroundAlt);
    --bannerBodyPaddingInline: 0;
    --bannerGridAreas:
    	"BODY BODY BODY"
    	"BODY BODY BODY" ;
  }
}
.bnrRiverCruiseJ26 .cCountdown__item--title {
  display: none;
}
.bnrRiverCruiseJ26 .cCountdown__item--days {
  display: none;
}
.bnrRiverCruiseJ26 .cCountdown__item--hours {
  display: none;
}
.bnrRiverCruiseJ26 .cCountdown__item--minutes {
  display: none;
}
.bnrRiverCruiseJ26 .cCountdown__item--seconds {
  display: none;
}
.bnrRiverCruiseJ26 .cCountdown__item--background {
  display: none;
}
.bnrRiverCruiseJ26 .cCountdown .rLDD25 {
  --rLDmargin: 0;
}
@media (min-width: 768px) {
  .bnrRiverCruiseJ26 {
    --CT1ppLogoMargin: 0 auto 2rem auto;
  }
}
@media (min-width: 576px) {
  .bnrRiverCruiseJ26 {
    --bannerGridAreasAlt:
    	"..... bodyA ....."
    	"..... ..... ....." ;
    --bannerGridColumnsAlt: 1fr var(--bannerContainerWidth) 1fr;
    --bannerGridRowsAlt: var(--heroBannerWindowHeight) auto;
    --bannerAreaBackgroundAlt: 1 / 1 / 3 / 5;
  }
}

.bnrRiverCruiseJ26BODY {
  --thisPaddingBase: 15px;
  --thisPaddingSm07: calc(var(--thisPaddingBase) * .7);
  --thisPaddingHalf: calc(var(--thisPaddingBase) * .5);
  --thisPaddingSm04: calc(var(--thisPaddingBase) * .4);
  --thisContentWidth: 100%;
  --bannerAreaBodyDisplay: block;
  --thisContentMargin: 0 auto 0 auto;
  --thisContentAreaBodyPadding: var(--thisPaddingBase);
  --thisContentAreaBodyPadding_HALF: 30px;
  --thisTitlePadding: var(--thisPaddingSm07) 0 var(--thisPaddingSm07) 0;
  --thisContentListPadding: var(--thisPaddingSm04) 0 var(--thisPaddingSm04) 0;
  --thisContentListMaxWidth: 400px;
  --thisTitleFontSize: 25px;
  --thisTitleLineHeight: 1.05;
  --thisLiFontSize: 18px;
  --thisLiLineHeight: 1.2;
  --BTN-margin: var(--thisPaddingBase) auto 0 auto;
  --buttonLuminaBgColor: hsl(232, 43%, 25%);
  --buttonLuminaColor: white;
  --buttonLuminaBorder: none;
  --buttonLuminaBorderHover: none;
  --buttonLuminaBgColorHover: hsl(31, 43%, 60%);
  --buttonLuminaColorHover: white;
}
.bnrRiverCruiseJ26BODY .contentBlock {
  width: 100%;
  text-align: center;
  background-color: white;
  max-width: var(--thisContentWidth);
  margin: var(--thisContentMargin);
}
.bnrRiverCruiseJ26BODY .contentBlock__area--title {
  background-color: hsl(31, 43%, 60%);
  color: white;
  text-transform: uppercase;
  font-weight: 400;
  margin: 0;
  font-size: var(--thisTitleFontSize);
  line-height: var(--thisTitleLineHeight);
  padding: var(--thisTitlePadding);
}
.bnrRiverCruiseJ26BODY .contentBlock__area--body {
  padding: var(--thisContentAreaBodyPadding);
}
.bnrRiverCruiseJ26BODY .contentBlock__list {
  font-size: 0;
  border: 2px solid hsl(31, 43%, 60%);
  padding: var(--thisContentListPadding);
  max-width: var(--thisContentListMaxWidth);
  margin-inline: auto;
}
.bnrRiverCruiseJ26BODY .contentBlock__list li {
  display: inline-block;
  text-transform: uppercase;
  margin: 0;
  font-weight: 500;
  font-size: var(--thisLiFontSize);
  line-height: var(--thisLiLineHeight);
  padding: var(--thisLiPadding);
}
.bnrRiverCruiseJ26BODY .contentBlock__list li:first-child:after {
  content: "|";
  color: hsl(31, 43%, 60%);
  margin-inline: 0.3em;
}
.bnrRiverCruiseJ26BODY h1 {
  color: white;
  font-size: var(--thisTitleFontSize);
  line-height: var(--thisTitleLineHeight);
}
.bnrRiverCruiseJ26BODY b.phone-large {
  --thisContentWidth: 400px;
  --thisTitlePadding: var(--thisPaddingHalf) 0 var(--thisPaddingHalf) 0;
}
@media screen and (min-width: 366px) {
  .bnrRiverCruiseJ26BODY {
    --thisTitleFontSize: 27px;
    --thisLiFontSize: 19px;
    --thisLiLineHeight: 1.2;
  }
}
@media (min-width: 768px) {
  .bnrRiverCruiseJ26BODY {
    --thisContentWidth: 440px;
    --thisTitleFontSize: 30px;
    --thisLiFontSize: 20px;
  }
}
@media (min-width: 992px) {
  .bnrRiverCruiseJ26BODY {
    --thisContentWidth: 470px;
    --thisContentMargin: 0 auto 0 0;
    --thisTitleFontSize: 33px;
    --thisLiFontSize: 22px;
  }
}
@media (min-width: 1200px) {
  .bnrRiverCruiseJ26BODY {
    --thisPaddingBase: 30px;
    --thisContentWidth: 511px;
  }
}

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