/* START WINE CLUB */

.page-wine-club .event_title,
.page-wine-cellar .event_title {
  --image: url("../images/wine_wednesdays.jpg");
}

.page-wine-club .form,
.page-wine-cellar .form {
  max-width: 50rem;
  margin: auto;
  display: flex;
  flex-direction: column;
  gap: 1.375em;
}

.page-wine-club .cform,
.page-wine-cellar .cform {
  width: 100%;
  padding: 0;
}

.page-wine-club .cform p,
.page-wine-cellar .cform p {
  text-align: center;
}

.page-wine-club .field_wrap,
.page-wine-cellar .field_wrap {
  display: flex;
}

.page-wine-club .cform .field,
.page-wine-cellar .cform .field {
  flex: 1;
}

.page-wine-club input::-webkit-calendar-picker-indicator,
.page-wine-cellar input::-webkit-calendar-picker-indicator {
  margin-right: 2rem;
}

.page-wine-club .Zebra_DatePicker,
.page-wine-cellar .Zebra_DatePicker {
  max-width: 20rem;
}

.page-wine-club .event_info,
.page-wine-cellar .event_info {
  padding: 3.3em 0 5.3em;
}

.page-wine-club .field_wrap,
.page-wine-cellar .field_wrap {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 1.375em;
}

.page-wine-club .field_wrap .field,
.page-wine-cellar .field_wrap .field {
  min-width: 18rem;
  margin-bottom: 0;
}

.page-wine-club .field_wrap:nth-of-type(3) > *,
.page-wine-cellar .field_wrap:nth-of-type(3) > * {
  flex: 1;
}

.page-wine-club .field_wrap:nth-of-type(3) > *:last-of-type,
.page-wine-cellar .field_wrap:nth-of-type(3) > *:last-of-type {
  flex: 0.4;
  min-width: 9rem;
}

.page-wine-club .field_wrap:nth-of-type(3) > *:last-of-type #cf_zip,
.page-wine-cellar .field_wrap:nth-of-type(3) > *:last-of-type #cf_zip {
  width: 100%;
  padding-left: 0;
}

.page-wine-club .wrapper p,
.page-wine-cellar .wrapper p {
  max-width: 54rem;
}

.page-wine-club .cform h3,
.page-wine-cellar .cform h3 {
  font-size: 1.125em;
  font-weight: 600;
  text-align: center;
  position: relative;

  display: flex;
  justify-content: center;
  align-items: center;
  gap: 1rem;
}

/* h3::after,
h3::before {
	content: '';
	display: block;
	height: 1px;
	width: 20%;
	background-color: #ccbfa3;
}
*/

.rooms > li,
.slide {
  margin-bottom: 1rem;
}

.cform > p {
  border-top: 1px solid #ccbfa3;
  padding: 1.7em 5% 1.7em;
}

@media screen and (max-width: 50rem) {
  .page-wine-club .form .page-wine-cellar .form {
    padding: 0 2rem;
  }
}

/* END WINE CLUB */

/* START FEATURED SELECTIONS */

.l-section {
  display: flex;
  flex-direction: column;
  gap: 4rem;
  max-width: 72rem;
  padding: 5rem 8rem;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  width: 100%;
  overflow: hidden;
}

.hero {
  overflow: visible;
}
.leaflet-bottom {
  display: none !important;
}

.world-map-section {
  padding: 0;
  overflow: visible;
}

.map-container {
  aspect-ratio: 16 / 6;
}

.map-wrap {
  position: relative;
  width: 100vw;
  left: 50%;
  transform: translateX(-50%);
}

.hero-header {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  max-width: 53rem;
  margin-left: auto;
  margin-right: auto;
  padding-top: 2rem;
  width: 100%;
}

.hero-header-title {
  text-align: center;
  font-size: 5rem;
  padding: 0;
  margin-bottom: 1.375rem;
  color: #3c3c3c;
}

.section-title {
  text-align: center;
  font-size: 4rem;
  padding: 0;
  margin-bottom: 1.375rem;
  color: #3c3c3c;
  max-width: 38rem;
  margin-left: auto;
  margin-right: auto;
}

.hero-header-title span {
  color: var(--brown);
}

#main .hero-header-intro {
  text-align: center;
  font-size: 1.125rem;
  line-height: 1.925rem;
  max-width: 38rem;
}

.hero-header-intro:last-of-type {
  font-weight: 600;
}

.hero-header-img-wrap {
  width: 100%;
  border-bottom: 1px solid #b3b3b3;
  overflow: hidden;
  margin-bottom: 1.375rem;
  max-width: 38rem;
  position: relative;
  left: 50%;
  transform: translateX(-50%);
}

.hero-header-img {
  max-width: 30rem;
  object-fit: contain;
  object-position: center bottom;
  margin-left: auto;
  margin-right: auto;
  z-index: -1;
}

.featured-wines {
  gap: 6rem;
}

.wine-card {
  display: flex;
  flex-wrap: wrap;
  padding-bottom: 3rem;
  border-bottom: 1px solid #b3b3b3;
  gap: 4rem;
}

.wine-header {
  flex-basis: 100%;
}

.wine-title {
  font-size: 2.5rem;
  color: var(--brown);
  max-width: 38rem;
  text-align: center;
  margin-left: auto;
  margin-right: auto;
}

.wine-region {
  color: #3c3c3c;
  font-size: 0.875rem;
  text-transform: uppercase;
  display: block;
  margin-top: 0.75rem;
  font-family: var(--mainFont);
  font-weight: 600;
}

.wine-media {
  flex: 1;
  position: relative;
}

.wine-caption {
  background-color: var(--subColor);
  color: #000;
  font-family: var(--mainFont);
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  padding: 0.5rem 0.75rem;
  text-align: center;
}

.wine-col {
  flex: 1;
}

.wine-country {
  width: 100%;
}

.collection-differentiators {
  padding-top: 0;
  max-width: 80rem;
}

.collection-differentiators .section-title {
  margin-bottom: -2rem;
}

.section-intro {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
.differentiators {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 1rem;
}

.differentiator {
  background-color: rgba(80, 54, 0, 0.05);
  border-radius: 1rem;
  flex: 1 1 20.625rem;
  padding: 1.5rem;
  display: flex;
  flex-direction: column;
  gap: 0.875rem;
}

.diff-title {
  font-size: 1.325rem;
  line-height: 1.75rem;
  font-family: var(--mainFont);
  font-weight: 600;
}

#main .diff-text,
.regions-list li {
  font-size: 1rem;
  line-height: 1.5rem;
}

.regions-list li {
  font-weight: 600;
  margin-top: 0.35rem;
}

.regions-list li span {
  font-size: 0.875rem;
  line-height: 1.125rem;
  display: block;
  opacity: 0.7;
  font-weight: 400;
}

@media screen and (max-width: 40rem) {
  .l-section {
    padding: 3rem 1.5rem;
  }
  .hero-header-img-wrap {
    width: 100vw;
  }
  .hero-header-title {
    font-size: 3rem;
    line-height: 3rem;
  }

  #main .hero-header-intro {
    font-size: 1rem;
    line-height: 1.5rem;
  }
  .section-title {
    font-size: 2.5rem;
    line-height: 2.5rem;
  }

  .wine-title {
    font-size: 2rem;
    line-height: 2rem;
  }
  .wine-card {
    flex-direction: column;
    gap: 2rem;
  }
}

.event_cta {
  position: relative;
  z-index: 10;
}

.event_cta {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

.event_cta h1 {
  color: #fff;
  margin: 0 auto;
  padding: 0;
}

#main .event_cta p {
  color: #fff;
  font-size: 1.5rem;
  line-height: 2rem;
}

.hero-header-award {
  max-width: 10rem;
  margin: 2rem auto 0;
}

/* END FEATURED SELECTIONS */