/* @group Shop & Dine
------------------------------------ */
.page-shop-dine .large-header { margin-bottom: 7.9rem; }
.page-shop-dine .large-header h1 { margin: 0 0 2.6rem; }
.page-shop-dine .large-header h1 em { color: rgba(241,201,119,1); }
/* Main Filter
----------------------*/
.filter-main { margin-bottom: 7.3rem; }
.filter-main button { background: rgba(241,201,119,1); font-size: 1.8em; font-weight: 700; letter-spacing: 2.4px; line-height: 2.143em; height: 5.9rem; }
.filter-main .active { background: rgba(26,46,87,1); color: rgba(255,255,255,1); }
/* Main Content
----------------------*/
.shop-main { margin: 0 0 12rem; }
.shop-main .content h2 { color: rgba(26,46,87,1); font-size: 3.6em; font-weight: 800; line-height: 1.25em; }
.shop-main .content h3 { color: rgba(26,46,87,1); font-size: 3.2em; font-weight: 800; line-height: 2.575em; }
.shop-main .content h4 { color: rgba(26,46,87,1); font-size: 2.6em; line-height: 2.575em; }
.shop-main .content h5 { color: rgba(26,46,87,1); font-size: 1.8em; line-height: 2.575em; }
.shop-main .content h6 { color: rgba(26,46,87,1); font-size: 1.6em; line-height: 2.575em; }
.shop-main .content p,
.shop-main .content li { color: rgba(0,100,163,1); font-size: 1.6em; letter-spacing: 0.77px; line-height: 2.575em; }
.shop-main .content ol,
.shop-main .content ul,
.shop-main .content p { margin: 0 0 3.8rem; }
.shop-main .content ol li { list-style: decimal outside none; }
.shop-main .content ul li { text-indent: -.7em; padding-right: .7em; }
.shop-main .content ul li::before { content: '•'; padding-right: .7em; }

.shop-main .slick-container .logo { padding: 0 7.1rem 0 0; }
.shop-main aside .img-box { height: 58.2rem; }
.shop-main .slick-container .slick-dots { bottom: -5.9rem; }
.shop-main .slick-container .slick-dots li:not(.slick-active) button { background: rgba(0,178,221,1); }
/* Section Filter
----------------------*/
.filter-section { background: rgba(26,46,87,1); height: 7rem; }
.filter-section .col-36-26 { padding: 0 4.2rem; }
.filter-section button { color: rgba(255,255,255,1); font-size: 1.4em; font-weight: 700; letter-spacing: 2.4px; line-height: 2.143em; text-transform: uppercase; margin-right: 7.1rem; }
.filter-section .shop { color: rgba(0,178,221,1); }
.filter-section .dine { color: rgba(241,201,119,1); }
.filter-section .entertainment { color: rgba(240,44,46,1); }
.filter-section .services { color: rgba(243,190,169,1); }
.filter-section button::after { content: ''; display: block; height: .2rem; background: rgba(0,178,221,0); }
.filter-section .shop.active::after { background: rgba(0,178,221,1); }
.filter-section .dine.active::after { background: rgba(241,201,119,1); }
.filter-section .entertainment.active::after { background: rgba(240,44,46,1); }
.filter-section .services.active::after { background: rgba(243,190,169,1); }
#downtown-wellen-nav .active::after { background: rgba(255,255,255,1); }
/* Section Filter - Radio
----------------------*/
.filter-section .col-36-10 { background: rgba(241,201,119,1); height: 7rem; padding: 0 3.8rem 0 12.2rem; }
.filter-section .col-36-10 p { color: rgba(26,46,87,1); font-size: 1.4em; font-weight: 700; letter-spacing: 2.4px; line-height: 1.361em; max-width: 13.3rem; margin-right: 1.4rem; }
#downtown-wellen-nav .col-36-10 p { max-width: none; margin: 0; }
.filter-section .radio-switch { height: 3.5rem; width: 9rem; position: relative; margin: 0; }
.radio-switch input { height: 100%; opacity: .00001; position: absolute; top: 0; width: 100%; z-index: 3; cursor: pointer; margin: 0; }
.radio-switch a,
.radio-switch label { color: rgba(26,46,87,1); font-size: 1.2em; font-weight: 600; letter-spacing: 2.4px; line-height: 3.5rem; position: relative; vertical-align: middle; cursor: pointer; z-index: 2; text-transform: uppercase; position: absolute; }
.radio-switch a span,
.radio-switch label span { opacity: 0; visibility: hidden; transition: opacity 0s ease-in-out, visible 0s ease-in-out; }
.radio-switch input:checked { z-index: -1; }
.radio-switch input:checked + label {}
.radio-switch input:checked + label span { opacity: 1; visibility: visible; transition: opacity 1s ease-in-out, visible 1s ease-in-out; }
.radio-switch h3 + a,
.radio-switch label:first-of-type { padding-left: 1.4rem; padding-right: 4.3rem; }
.radio-switch h3 + a:after,
.radio-switch label:first-of-type:after { content: ''; background: rgba(255,255,255,1); height: 3.5rem; width: 9rem; overflow: hidden; pointer-events: none; position: absolute; vertical-align: middle; left: 0; top: 0; border-radius: 1.75rem; z-index: -1; }
.radio-switch h3 + a:before,
.radio-switch label:first-of-type:before { content: ''; transition: right .2s ease-in-out; background: rgba(26,46,87,1); height: 2.9rem; width: 2.9rem; border-radius: 100%; z-index: 2; right: 5.7rem; position: absolute; top: .35rem; }

.radio-switch h3 + .active:before,
.radio-switch input:checked + label:first-of-type:before { right: .5rem; }
.radio-switch label:last-child { padding-left: 4.5rem; padding-right: 1.2rem; }
/* Section Map
----------------------*/
.shop-view .mapContainer { height: calc(100vh - 7rem); }
.shop-view .mapContainer .bubble_container .bubble { overflow: visible!important; background: rgba(255,255,255,1)!important; border: none!important; padding: 0!important; width: 16.8rem!important; height: auto!important; text-align: left!important; border-radius: 0!important; box-shadow: 0 2px 10px 0 rgba(0,0,0,0.16)!important; }
.shop-view .mapContainer .bubble_container .arrow div { display: none!important; }
.shop-view .mapContainer .bubble_container .box { padding: 1.3rem 2.5rem 1.1rem 1.2rem; }
.shop-view .mapContainer .bubble_container h4 { color: rgba(26,46,87,1); font: 700 1.4rem / 1.218em proxima-nova, Arial, helvetica sans-serif; margin: 0 0 1rem; }
.shop-view .mapContainer .bubble_container p { color: rgba(0,100,163,1); font: 600 1rem / 1.2em proxima-nova, Arial, helvetica sans-serif; letter-spacing: 0.9px; }
.shop-view .mapContainer .bubble_container p a { color: rgba(0,100,163,1); }
/* Section List
----------------------*/
.shop-view aside,
.shop-view article { margin: 0 0 2.5rem; }
.shop-view article .box { display: flex; height: 21.8rem; background: rgba(255,255,255,1); box-shadow: 0 2px 19px 0 rgba(0,0,0,0.08); padding: 2rem; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }
.shop-view article .box img { max-width: 100%; max-height: 100%; height: auto; width: auto; }
.shop-view aside .img-box { height: 46.2rem; }

/* Gallery Headline
----------------------*/
.downtown-gallery header h2 { color: rgba(26,46,87,1); font-size: 3.6em; font-weight: 800; margin: 0 0 2rem; }
.downtown-gallery header p { color: rgba(0,100,163,1); font-size: 1.6em; letter-spacing: 0.77px; line-height: 1.929em; }

/* @group Amenities
------------------------------------ */
.downtown-amenities {}
.downtown-amenities header h2 { color: rgba(26,46,87,1); font-size: 3.6em; font-weight: 800; margin: 0 0 2rem; }
.downtown-amenities header p { color: rgba(0,100,163,1); font-size: 1.6em; letter-spacing: 0.77px; line-height: 1.929em; }

/* Amenities
----------------------*/
.drag-slider { background: linear-gradient(to bottom, rgba(255,255,255,1) 33rem, rgba(237,248,251,1) calc(100% - 33rem)); }
.drag-slider .control { margin-bottom: 8rem; }
/* Amenities
----------------------*/
.amenities-text { background: rgba(237,248,251,1); padding: 0 0 7.2rem; }
.amenities-text h2 { color: rgba(26,46,87,1); font-size: 3.6em; font-weight: 800; letter-spacing: 0.77px; line-height: 1em; margin: 0 0 2.5rem; }
.amenities-text li { color: rgba(26,46,87,1); font-size: 1.6em; letter-spacing: 0.3px; line-height: 1.929em; }
.amenities-text ol li { list-style: decimal inside none; }
.amenities-text ul li { padding-left: .7em; text-indent: -.7em; }
.amenities-text ul li::before { content: '•'; padding-right: .7em; }

@media only screen
and (min-width : 961px) {
  /* Main Filter
  ----------------------*/
  .filter-main button span { display: block;
    -webkit-transition:  -webkit-transform 0.3s linear;
    -moz-transition:  -moz-transform 0.3s linear;
    -ms-transition: transform 0.3s linear;
    -o-transition: transform 0.3s linear;
    transition: transform 0.3s linear;
  }
  .Mozilla.v11 .filter-main button:hover span,
  .Explorer .filter-main button:hover span { -webkit-transform: translateY(-8px); transform: translateY(-8px); }
  @media (hover: hover) {
    .filter-main button:hover span { -webkit-transform: translateY(-8px); transform: translateY(-8px); }
  }
  /* Main Content
  ----------------------*/
  .shop-main article.order-first { padding-right: 13rem; padding-left: 0; }
  .shop-main article { padding-left: 5.7rem; }
  .shop-main article p { margin-right: 10rem; }
  .shop-main article.order-first p { margin-right: 0; }
  .shop-main h2 { margin-top: 7.6rem; }
  /* Section Filter
  ----------------------*/
  .Mozilla.v11 .filter-section button:hover,
  .Explorer .filter-section button:hover { -webkit-transform: translateX(8px); transform: translateX(8px); }
  @media (hover: hover) {
    .filter-section button:hover { -webkit-transform: translateX(8px); transform: translateX(8px); }
  }
  /* Section Map
  ----------------------*/
  .shop-list-map,
  .shop-view .mapContainer { min-height: 750px; }
  /* Section List
  ----------------------*/
  [class^="list-view-"], [class*=" list-view-"] { margin: 8rem 0; }
  .dw-view { margin-top: 5.7rem; margin-bottom: 9.8rem; }
  .shop-view .row { width: calc(100% + 2.6rem); position: relative; left: -1.3rem; display: block; }
  .shop-view aside,
  .shop-view article { padding: 0 1.3rem; float: left; }
  .shop-view article { -ms-flex: 0 0 20%; flex: 0 0 20%; max-width: 20%; }
  .shop-view aside { -ms-flex: 0 0 40%; flex: 0 0 40%; max-width: 40%; }
  .shop-view aside:nth-child(odd) { float: right; }
  .Mozilla.v11 .shop-view article .box:hover,
  .Explorer .shop-view article .box:hover { -webkit-transform: scale(1.025); transform: scale(1.025); }
  @media (hover: hover) {
    .shop-view article .box:hover { -webkit-transform: scale(1.025); transform: scale(1.025); }
  }
  .amenities-text ol, .amenities-text ul {
      -webkit-columns: 3;
      -moz-columns: 3;
      columns: 3;
      -webkit-column-gap: 1rem;
      -moz-column-gap: 1rem;
      column-gap: 1rem;
  }
  /* Gallery Headline
  ----------------------*/
  .downtown-gallery header p { max-width: 75rem; margin: 0 auto 5.8rem; }
  .downtown-gallery header h2,
  .downtown-gallery header p { opacity: 0; visibility: hidden; animation: textUp .5s 1 cubic-bezier(0.4,0.0,0.2,1) forwards; animation-delay: .6s; }
  .downtown-gallery header p { animation-delay: .8s; }

/* @group Amenities
------------------------------------ */
  .downtown-amenities header p { max-width: 75rem; margin: 0 auto 5.8rem; }
  .downtown-amenities header h2,
  .downtown-amenities header p { opacity: 0; visibility: hidden; animation: textUp .5s 1 cubic-bezier(0.4,0.0,0.2,1) forwards; animation-delay: .6s; }
  .downtown-amenities header p { animation-delay: .8s; }

}
@media only screen
and (min-width : 961px)
and (max-width : 1440px) {
}
@media only screen
and (min-width : 0)
and (max-width : 960px) {
  .page-shop-dine .large-header { background: rgba(0,99,162,1); margin-bottom: 0; }
  .page-shop-dine .large-header h1 { margin: 0 0 2.7rem; }
  /* Main Filter
  ----------------------*/
  .filter-main { margin-bottom: 7.8rem; padding: 0; }
  .filter-main button { font-size: 1.8em; letter-spacing: 1px; line-height: 1.667em; height: 7.5rem; }
  /* Main Content
  ----------------------*/
  .shop-main { margin: 0 0 22.8rem; }
  .shop-main .content h2 { font-size: 5em; letter-spacing: 1.07px; line-height: 1.040em; margin: 0 0 2rem; }
  .shop-main .content h3 { font-size: 4em; letter-spacing: 1.07px; line-height: 1.040em; margin: 0 0 2rem; }
  .shop-main .content h4 { font-size: 3.8em; letter-spacing: 1.07px; line-height: 1.040em; margin: 0 0 2rem; }
  .shop-main .content h5 { font-size: 3em; letter-spacing: 1.07px; line-height: 1.040em; }
  .shop-main .content h6 { font-size: 2em; letter-spacing: 1.07px; line-height: 1.040em; }
  .shop-main .content p,
  .shop-main .content li { font-size: 2.6em; letter-spacing: 0.56px; line-height: 1.694em; }
  .shop-main .content ol,
  .shop-main .content ul,
  .shop-main .content p { margin: 0 0 5.5rem; }

  .shop-main .slick-container .logo { padding: 0 5.4rem 0 0; }
  .shop-main .slick-container .logo img { height: auto; max-width: 100%; }
  .shop-main aside .img-box { height: 62.1rem; margin: 0 0 7.2rem; }
  .shop-main .slick-container .slick-dots { bottom: -10.5rem; }
  .shop-main .slick-container .slick-dots li:not(.slick-active) button { background: rgba(241,201,119,1); }
  /* Section Filter
  ----------------------*/
  .shop-list-map { overflow: hidden; }
  .filter-section { height: 10rem; }
  .filter-section button { font-size: 3.2em; letter-spacing: 1px; line-height: 1.219em; height: 6rem; width: 100%; margin: 0; padding: 0 7.5rem 0 3.7rem; text-align: left; text-transform: none; }
  .filter-section .no-touch { height: 10rem; width: calc(100% - 19.5rem); }
  #downtown-wellen-nav .no-touch { width: 100%; }
  #downtown-wellen-nav .no-touch::after { content: none; }
  .filter-section .no-touch i { font-size: .938em; }
  .filter-section .col-36-26 { padding: 2rem 0; width: calc(100% - 19.5rem); margin-left: 19.5rem; background: rgba(25,45,88,1); opacity: 0; visibility: hidden; z-index: -1; }
  #downtown-wellen-nav .col-36-26 { width: 100%; margin-left: 0; }
  .filter-section.active .col-36-26 { opacity: 1; visibility: visible; z-index: 2; }
  .filter-section button.filter-dropdown { padding-top: 1em !important; padding-bottom: 1em !important; }


  /* Section Filter - Radio
  ----------------------*/
  .filter-section .col-36-10 { background: rgba(241,201,119,1); height: 10rem; padding: 0 2.7rem; max-width: 19.5rem; }
  .filter-section .radio-switch { height: 5.5rem; width: 14.1rem; }
  .radio-switch a,
  .radio-switch label { font-size: 2em; letter-spacing: 4px; line-height: 5.5rem; }
  .radio-switch h3 + a,
  .radio-switch label:first-of-type { padding-left: 2.1rem; padding-right: 6.5rem; }
  .radio-switch h3 + a:after,
  .radio-switch label:first-of-type:after { height: 5.5rem; width: 100%; border-radius: 29px; }
  .radio-switch h3 + a:before,
  .radio-switch label:first-of-type:before { height: 4.5rem; width: 4.6rem; right: 10.2rem; top: .5rem; }

  .radio-switch h3 + .active:before,
  .radio-switch input:checked + label:first-of-type:before { right: .8rem; }
  .radio-switch label:last-child { padding-left: 7rem; padding-right: 1.6rem; }

  /* DW
  ----------------------*/
  .dw-view { margin-top: 6.4rem; margin-bottom: 8.9rem; }
  .downtown-gallery article { padding: 0; }
  .downtown-amenities header h2,
  .downtown-gallery header h2 { font-size: 5em; font-weight: 800; letter-spacing: 0.2px; line-height: 1.040em; margin: 0 0 4rem; }
  .downtown-amenities header p,
  .downtown-gallery header p { font-size: 2.6em; letter-spacing: 0.56px; line-height: 1.694em; margin: 0 0 3.4rem; }
  .downtown-amenities header p br,
  .downtown-gallery header p br { display: none; }
  .amenities-text h2 { font-size: 5em; letter-spacing: 1.07px; line-height: 1.040em; margin: 0 0 3.1rem; }
  .amenities-text li { font-size: 2.6em; letter-spacing: 0.56px; line-height: 1.694em; }
  /* Section List
  ----------------------*/
  .shop-view[class^="list-view-"], .shop-view[class*=" list-view-"] { padding: 0 3.55rem 0 3.85rem; margin: 6.2rem 0 5.8rem; }
  .shop-view aside,
  .shop-view article { margin: 0 0 3.4rem; padding: 0 1.85rem; }
  .shop-view article { max-width: 50%; }
  .shop-view article .box { height: 30rem; padding: 8rem; }
  .shop-view aside .img-box { height: 63.5rem; }
  /* Section Map
  ----------------------*/
  .shop-view .mapContainer .control { bottom: 5.9rem; top: auto; left: 5rem; }
  .shop-view .mapContainer .bubble_container .bubble { width: 33.6rem!important; }
  .shop-view .mapContainer .bubble_container .box { padding: 2.6rem 5rem 2.2rem 2.4rem; }
  .shop-view .mapContainer .bubble_container h4 { font-size: 2.6rem; margin: 0 0 2rem; }
  .shop-view .mapContainer .bubble_container p { font-size: 2rem; letter-spacing: 1.3px; }
  /* Events Slider
  ----------------------*/
  .page-shop-dine .events-slider { margin: 0 0 13.4rem; }
  /* Get Social
  ----------------------*/
  .page-shop-dine .get-social { margin: 0 0 15.8rem; }

}
/* No Results
  ----------------------*/
.no-results h1 {
    color: rgba(26,46,87,1);
    font-size: 2.6em;
    letter-spacing: 2px;
    line-height: 1.194em;
    text-transform: uppercase;
    margin: 0 0 10rem;
    text-align: center;
}
/* @end */

/* Video */
/* .page-template-shop-dine .large-header .slick-container{
    display: none;
} */

.page-template-shop-dine .large-header aside figure.video-box{
    height: 100%;
}

.page-template-shop-dine .filter-section button.filter-dropdown{
    width: 100%;
}

.page-template-shop-dine #marketplace-nav.filter-section button.no-touch::after{
    display: none;
}

.page-template-shop-dine #marketplace-nav .market-list-filter{
    text-align: center;
}

.page-template-shop-dine #marketplace-nav .market-list-filter button:last-child{
    margin-right: 0;
}

.page-template-shop-dine .shop-list-map .shop-list-map__header h2{
    color: rgba(26, 46, 87, 1);
    font-size: 3.6em;
    font-weight: 800;
    margin: 0 0 2rem;
}

.page-template-shop-dine .shop-list-map .shop-list-map__header{
    margin-bottom: 9.8rem;
}

@media only screen and (min-width: 0) and (max-width: 960px){
    .page-template-shop-dine .shop-list-map .shop-list-map__header {
        margin-bottom: 8.9rem;
    }
}
