/*
Home CSS
*/

/* General
========================= */
.home .site-inner { position: relative; }

/* Home Hero
========================= */
.hero-container { display: flex; justify-content: center; width: 100%; padding: 1.5em 2em 0; }
.hero { display: block;background-color: #fff; position: relative; width: 100%; overflow: hidden; z-index: 999; }
.hero-block { display: block; width: 100%; }

.hero-block-slide.slick-slide img { display: block; width: 100%; }
.hero-block-slide.slick-slide .responsive { display: none; }

.slider { visibility: hidden; }
.slider.slick-initialized { visibility: visible; }

/* About
========================= */
.about-us { display: flex; flex-direction: row; align-items: center; justify-content: space-between; margin: 0; padding: 5em 2em 3em; position: relative; }
.about-us-details { display: flex; flex-direction: column; padding: 6em 2em 3em; width: 43%; }
.about-title { display: flex; flex-direction: column; margin: 0; padding: 0; position: relative; }
.about-title span:first-of-type { color: #1a1a1a; font-family: 'Roboto Slab', serif; font-size: 2.2rem; font-weight: 400; line-height: 1.2; letter-spacing: .08em; text-transform: uppercase; }
.about-title span:last-of-type { color: #1a1a1a; font-family: 'Roboto Slab', serif; font-size: 3.4rem; font-weight: 600; line-height: 1.4; letter-spacing: .05em; text-transform: uppercase; }
.about-us-content { margin: 0; padding: .8em 0 0; overflow: hidden; }
.about-us-overview { display: block; padding: .5em 0; }
.about-us-overview p { color: #3d3d3d; font-family: 'Mulish', sans-serif; font-size: 1.8rem; line-height: 1.6; margin: 0; padding: 0 0 1.2em; }
.about-us-overview p:last-of-type { padding: 0; }

/* Video */
.vid-section { display: block; margin: 0; padding: 0; position: relative; width: 55%; }
.vid-section .vid-container { background: #f3f3f3; box-shadow: 0 55px 80px -55px rgba(0, 0, 0, .45); display: block; margin-bottom: 0; padding: 1em; position: relative; width: 100%; z-index: 999; }
.vid-section .vid-container .vid-wrapper { margin: 0 auto; padding: 0; max-width: 1480px; }
.vid-section .vid-container .vid-wrapper .vidWrap { background: #fff; display: block; width: 100%; overflow: hidden; }

.vidWrap a { display: block; position: relative; }
.play-button { background: rgba(255, 255, 255, .5); position: absolute; left: 0; right: 0; top: 50%; text-align: center; cursor: pointer; transform: translate(0, -50%); width: 65px; height: 65px; border-radius: 50%; border: 3px solid #000; margin-left: auto; margin-right: auto; }
.play-button .icon-play { font-size: 3.8rem; color: #000; position: absolute; left: 6px; right: 0; top: 50%; transform: translate(0, -50%); line-height: 1.6; }

/* Market Week CTA
========================= */
.mweek-cta { margin: 0; padding: 3em 2em 1em; }
.mweek-cta-inner { display: flex; flex-direction: column; align-items: center; margin: 0 auto; max-width: 1280px; width: 100%; }
.mweek-title { display: grid; grid-template-columns: repeat(2, 1fr); gap: 15px; padding: 1em 0; width: 100%; }
.mweek-title-block { display: grid; grid-column: span 1; grid-auto-rows: max-content; }
.mweek-title span { color: rgba(226, 157, 5, 1); font-family: 'Roboto Slab', serif; font-size: calc(26px + (26 - 18)*((100vw - 420px) /(1920 - 420))); font-weight: 800; letter-spacing: .08em; line-height: 1.2; margin: 0; padding: 0; text-align: center; text-transform: uppercase; }
.mweek-overview { display: flex; flex-direction: column; align-items: center; margin: 0 auto; padding: 3em 0 0; max-width: 1280px; }
.mweek-overview span { color: #1a1a1a; font-family: 'Roboto Slab', serif; font-size: 3.2rem; font-weight: 600; line-height: 1.4; letter-spacing: .02em; text-transform: uppercase; padding-bottom: .25em; }
.mweek-overview p { color: #3d3d3d; font-family: Mulish, sans-serif; font-size: 2rem; line-height: 1.6; margin: 0; padding: 0; text-align: center; }

/* Registration Banner
========================= */
.reg-banner { clear: both; padding: 2em 0 3em; position: relative; width: 100%; }
.reg-banner-block { display: flex; flex-direction: column; margin: 0 2em; padding: 0; }

.reg-banner-desktop-block { display: block; margin: 0 auto; max-width: 1480px; width: 100%; }
.reg-banner-desktop-block a { display: block; }
.reg-banner-desktop-block img { width: 100%; }

.reg-banner-tablet-block { display: none; }
.reg-banner-tablet-block a { display: block; }
.reg-banner-tablet-block img { max-width: 100%; }

.reg-banner-mobile-block { display: none; }
.reg-banner-mobile-block a { display: block; }
.reg-banner-mobile-block img { max-width: 100%; }

/* Designer Gallery
========================= */
.gallery { margin: 0 2em; padding: 3em 0 2em; }
.gallery-inner { display: flex; flex-direction: column; margin: 0 auto; max-width: 100%; width: 100%; }

.designer-gallery { display: grid; grid-template-columns: repeat(4,1fr); gap: 10px; padding: 1em 0; }
.designer-gallery img { display: grid; grid-column: span 1; margin: 0; width: 100%; transition: none; }

/* Brand Gallery
========================= */
.brand-feat-gallery { margin: 0 2em; padding: 2em 0; }
.brand-feat-gallery-inner { display: flex; flex-direction: column; margin: 0 auto; max-width: 100%; width: 100%; }

.brand-gallery { display: grid; grid-template-columns: repeat(4,1fr); gap: 10px; padding: 1em 0; }
.brand-gallery  .gallery-item { display: none; }
.brand-gallery img { display: grid; grid-column: span 1; margin: 0; width: 100%; transition: none; }

.show-more-brands { display: flex; justify-content: center; padding-top: .8em; }
#showMore { color: #000; font-family: 'Mulish', sans-serif; font-size: 1.8rem; font-weight: 600; letter-spacing: .05em; text-decoration: underline; text-underline-offset: .5em; }
#showMore:hover { color: rgba(0,0,0,.5) }

/* Messaging
========================= */
.nm-messaging { margin: 0 2em; padding: 2em 0; }
.nm-messaging-inner { display: grid; grid-template-columns: repeat(2, 1fr); gap: 10px; align-items: center; margin: 0 auto; padding: 2.5em 2em; max-width: 1480px; width: 100%; position: relative; background-position: center; background-repeat: no-repeat; background-size: cover; }
.nm-messaging-inner .bg-overlay { background-color: rgba(44, 46, 61, 0.2); position: absolute; left: 0; right: 0; top: 0; bottom: 0; z-index: 1; }

.nm-messaging-inner .first-line-wrapper { display: grid; grid-column: span 1; margin-left: 20px; margin-right: auto; transition: none; z-index: 9; }
.nm-messaging-inner .first-line-wrapper span { color: #fff; display: flex; align-items: center; font-family: 'Roboto Slab', serif; font-size: 4.6rem; font-weight: 800; letter-spacing: .02em; line-height: 1.2em; padding: 0; text-align: center; text-transform: uppercase; }

.nm-messaging-inner .second-line-wrapper { display: grid; grid-column: span 1; margin: 0; transition: none; z-index: 9; }
.nm-messaging-inner .second-line-wrapper span { color: #fff; font-family: 'Roboto Slab', serif; font-size: 4rem; font-weight: 400; letter-spacing: .02em; line-height: 1.4em; margin-left: auto; margin-right: auto; padding: 0; text-align: center; text-transform: uppercase; }
.nm-messaging-inner .second-line-wrapper span.number { color: #fff; font-size: 4.6rem; font-weight: 800; padding-right: .02em; }

/* Swim Banner
========================= */
.swim-banner { clear: both; padding: 1em 0; position: relative; width: 100%; }
.swim-banner-block { display: flex; flex-direction: column; margin: 0 2em; padding: 0; }
.swim-banner-sub-block { display: block; position: relative; margin: 0 auto; max-width: 1480px; width: 100%; min-height: 400px; }
.swim-banner-bg { background-repeat: no-repeat; background-position: 50% 5%; background-size: cover; position: absolute; width: 100%; height: 100%; overflow: hidden; z-index: 9; }
.swim-banner-overlay {  background-color: rgba(41,41,41,0.2); position: absolute; left: 0; right: 0; top: 0; bottom: 0; z-index: 99; }
.swim-banner a:hover .swim-banner-overlay { background-color: rgba(0,0,0,.4); }
.swim-banner-details { display: flex; flex-direction: column; justify-content: center; position: absolute; left: 0; right: 0; top: 0; margin-left: 0; margin-right: auto; max-width: 800px; padding-top: calc(100vw * 0.01); padding-bottom: calc(100vw * 0.01); padding-left: 2em; padding-right: 2em; width: 100%; height: 100%; z-index: 999; }
.swim-banner-info { background: transparent; display: flex; flex-direction: column; }
.swim-banner-info-block { display: flex; flex-direction: column; align-items: center; }

.swim-banner-info-block-logo img { max-width: 300px; width: 100%; }
.swim-banner-info-block span { color: #fff; font-family: 'Mulish', sans-serif; font-size: 1.8rem; font-weight: 400; letter-spacing: .08em; line-height: 1.4em; margin: 0; text-align: center; text-transform: uppercase; text-shadow: 1px 2px 8px #000; }
.swim-banner-info-block-top { display: flex; flex-direction: column; padding: 0.8em 0 .5em; }
.swim-banner-info-block-top .event-date { font-size: 2.6rem; font-weight: 800; padding: 0.5em 0; }

/* Market Week
========================= */
.market-week { margin: 0 2em; padding: 3em 0 2em; }
.market-week-inner { display: flex; flex-direction: column; align-items: center; margin: 0 auto; max-width: 1480px; width: 100%; position: relative; }
.market-week-title { display: flex; justify-content: center; padding: 0 0 2em; width: 100%; }
.market-week-title span { color: #000; font-family: 'Roboto Slab', serif; font-size: 3.4rem; font-weight: 600; letter-spacing: .02em; line-height: 1.4em; margin: 0; padding: 0 0 0.2em; text-align: center; text-transform: uppercase; }

.market-week-event-dates { display: grid; grid-template-columns: repeat(2, 1fr); gap: 35px; width: 100%; }
.market-week-calendar { display: grid; grid-column: span 1; grid-auto-rows: max-content; }
.market-week-calendar .calendar-year  { color: #000; font-family: 'Roboto Slab', serif; font-size: 2.8rem; font-weight: 600; letter-spacing: .02em; line-height: 1.2em; margin: 0; padding: 0 0 .5em; text-align: center; text-transform: uppercase; }

.market-week-calendar .market-week-event { display: flex; flex-direction: row; align-items: center; min-height: 125px;}
.market-week-calendar .market-week-event:nth-child(even):not(:first-child) { background: #f4f4f4; }
.market-week-calendar .event-overview { display: flex; flex-direction: column; line-height: 2; padding: 0 1em; width: 100%; }
.market-week-calendar .event-overview.multiple { padding: 1em; }
.market-week-calendar .event-overview .event-details { display: flex; }
.market-week-calendar .event-overview.multiple .event-details.nm { padding: 0 0 1.5em; }
.market-week-calendar .event-overview .event-details .event-title { display: flex; align-items: center; border-left: 2px solid #dc4225; padding-left: 2%; width: auto; }
.market-week-calendar .event-overview .event-details .event-title span { color: #000; font-family: 'Mulish', sans-serif; font-size: 2rem; font-weight: 600; line-height: 1.4; margin: 0; padding: 0 .8em 0 0; }

.market-week-calendar .event-overview .event-details .event-dates { display: flex; flex-direction: column; margin-right: .8em; min-width: 70px; }
.market-week-calendar .event-overview .event-details .event-dates span { color: #000; font-family: 'Mulish', sans-serif; font-size: 2rem; font-weight: 600; line-height: 1.2; margin: 0; padding: 0; text-align: center; }
.market-week-calendar .event-overview .event-details .event-dates span:first-of-type { letter-spacing: -.05em; font-size: 2.8rem; font-weight: 800; text-transform: uppercase; }
.market-week-calendar .event-overview .event-details .event-registration { display: flex; align-items: center; margin-left: auto; margin-right: 0; width: auto; }
.market-week-calendar .event-overview .event-details .event-registration .reg-btn { background-color: transparent; border-color: #1a1a1a; border-radius: 0; border-style: solid; border-width: 1px; color: #1a1a1a; display: inline-block; font-family: 'Mulish', sans-serif; font-size: 1.2rem; font-weight: 600; height: auto; line-height: 1.2; letter-spacing: .05em; margin: 0; outline: 0 none; padding: 4px 6px; text-align: center; text-shadow: none; text-transform: uppercase; text-decoration: none; transition: all 0.2s ease 0s; vertical-align: baseline; }

/*  Home Banner
==================== */
.home-banner-wrapper { display: block; margin: 0 auto; padding: 2.5em 2em 2em; width: 100%; }
.home-banner-inner { margin: 0 auto; padding: 0; max-width: 1480px; }
.home-banner-wrapper .home-banner-inner .banner-dsktp { width: 100%; }
.home-banner-wrapper .home-banner-inner .banner-1024 { display: none; }
.home-banner-wrapper .home-banner-inner .banner-768 { display: none; }
.home-banner-wrapper .home-banner-inner .banner-640 { display: none; }
.home-banner-wrapper .home-banner-inner .banner-480 { display: none; }

/* Directory
========================= */
.directory { margin: 0 2em; padding: 2em 0; }
.directory-inner { display: flex; flex-direction: column; align-items: center; margin: 0 auto; max-width: 1480px; width: 100%; position: relative; }

.directory-block { display: flex; flex-direction: row; flex-wrap: wrap; margin: 0; padding: 0; width: 100%; height: auto; }
.directory-block-overview { background: #f4f4f4; display: flex; flex-direction: column; justify-content: center; padding: 8em 4em; width: 50%; min-height: 100%; }
.directory-block-title { display: flex; justify-content: center; align-items: flex-start; flex-direction: column; width: 100%; }
.directory-block-title span { color: #1a1a1a; font-family: 'Roboto Slab', serif; font-size: 2.6rem; font-weight: 600; line-height: 1.2; letter-spacing: .05em; text-transform: uppercase; }
.directory-block-title span:nth-of-type(2) { color: #3d3d3d; font-family: 'Mulish', sans-serif; font-size: 1.8rem; font-weight: 800; line-height: 1.4; margin: 0; padding: 1em 0 .2em; text-transform: none; }
.directory-block-title span:nth-of-type(3) { color: #3d3d3d; font-family: 'Mulish', sans-serif; font-size: 1.8rem; font-weight: 800; line-height: 1.4; margin: 0; padding: 0; text-transform: none; }

.directory-block-details { display: flex; flex-direction: column; align-items: flex-start; padding: 1.5em 0 0; }
.directory-block-details p { color: #3d3d3d; font-family: 'Mulish', sans-serif; font-size: 1.8rem; font-weight: 600; line-height: 1.6; margin: 0; padding: 0 0 0.5em;  }
.directory-block-details p:last-of-type { padding: 0; }

.directory-block-view { display: flex; justify-content: center; padding: 2em 0 0; width: 100%; }
.directory-block-view-btn { background-color: transparent; border-color: #1a1a1a; border-radius: 0; border-style: solid; border-width: 1px; color: #1a1a1a; display: inline-block; font-family: 'Mulish', sans-serif; font-size: 1.4rem; font-weight: 600; height: auto; letter-spacing: .05em; margin: 0; outline: 0 none; padding: 8px 10px; text-align: center; text-shadow: none; text-transform: uppercase; text-decoration: none; transition: all 0.2s ease 0s; vertical-align: baseline; }
.directory-block-view-btn:hover { border-color: #fec70f; color: #fec70f; }

.directory-block-feat-img { background-color: #fff; display: block; max-width: 100%; min-height: 1px; overflow: hidden; width: 50%; }
.directory-block-feat-img img { width: 100%; height: 100%; object-fit: cover; }

/* Promotional 
========================= */
.promotional { margin: 0 2em; padding: 2em 0; }
.promotional-inner { display: flex; flex-direction: column; align-items: center; margin: 0 auto; max-width: 1480px; width: 100%; position: relative; }

.promotional-block { display: flex; flex-direction: row; flex-wrap: wrap; margin: 0; padding: 0; width: 100%; height: auto; }
.promotional-block-overview { background: #f4f4f4; display: flex; flex-direction: column; justify-content: center; padding: 5em 4em; width: 50%; min-height: 100%; }
.promotional-block-title { display: flex; justify-content: center; align-items: flex-start; flex-direction: column; width: 100%; }
.promotional-block-title span { color: #1a1a1a; font-family: 'Roboto Slab', serif; font-size: 2.6rem; font-weight: 600; line-height: 1.2; letter-spacing: .05em; text-transform: uppercase; }

.promotional-block-details { display: flex; flex-direction: column; padding: 1em 0 0; }
.promotional-block-details span { color: #3d3d3d; font-family: 'Mulish', sans-serif; font-size: 1.8rem; font-weight: 800; line-height: 1.4; margin: 0; padding: 0 0 0.2em; }

.promotional-block-description { display: flex; flex-direction: column; align-items: flex-start; padding: 1.5em 0 0; }
.promotional-block-description p { color: #3d3d3d; font-family: 'Mulish', sans-serif; font-size: 1.8rem; font-weight: 600; line-height: 1.6; margin: 0; padding: 0 0 0.5em;  }
.promotional-block-description p:last-of-type { padding: 0; }

.promotional-block-view { display: flex; justify-content: center; padding: 2em 0 0; width: 100%; }
.promotional-block-view-btn { background-color: transparent; border-color: #1a1a1a; border-radius: 0; border-style: solid; border-width: 1px; color: #1a1a1a; display: inline-block; font-family: 'Mulish', sans-serif; font-size: 1.4rem; font-weight: 600; height: auto; letter-spacing: .05em; margin: 0; outline: 0 none; padding: 8px 10px; text-align: center; text-shadow: none; text-transform: uppercase; text-decoration: none; transition: all 0.2s ease 0s; vertical-align: baseline; }
.promotional-block-view-btn:hover { border-color: #fec70f; color: #fec70f; }

.promotional-block-feat-img { background-color: #fff; display: block; max-width: 100%; min-height: 1px; overflow: hidden; width: 50%; }
.promotional-block-feat-img img { width: 100%; height: 100%; object-fit: cover; }
.promotional-block-feat-bg { background-position: 50% 50%; background-repeat: no-repeat; background-size: cover; display: block; padding-bottom: 56.24%; height: 100%; width: 100%; }

/* Home CTA
========================= */
.home-cta { clear: both; padding: 2em 2em 4em; position: relative; width: 100%; }
.home-cta-inner { display: grid; grid-template-columns: repeat(2, 1fr); gap: 10px; align-items: center; margin: 0 auto; padding: 4em 2em; max-width: 1480px; width: 100%; position: relative; background-position: center; background-repeat: no-repeat; background-size: cover; }
.home-cta-overlay { background-color: rgba(44, 46, 61, 0.2); position: absolute; left: 0; right: 0; top: 0; bottom: 0; z-index: 1; }
div:not(.home-cta-info-block) + .home-cta-info-block { display: grid; grid-column: span 1; margin-left: auto; margin-right: auto; transition: none; max-width: 425px; z-index: 9; }
.home-cta-info-block:last-of-type { display: grid; grid-column: span 1; margin: 0; transition: none; z-index: 9; }
.home-cta-info-block span { color: #fff; font-family: 'Roboto Slab', serif; font-size: 2.8rem; font-weight: 400; line-height: 1.4em; margin: 0; text-align: center; text-transform: uppercase; }
.home-cta-info-block span:first-of-type { font-weight: 600; letter-spacing: .08em; line-height: 1.2em; }
.home-cta-info-block:last-of-type span { font-family: 'Mulish', sans-serif; font-size: 2.2rem; text-transform: none; max-width: 625px; }
.home-cta-info-block a { background-color: transparent; border: 1px solid #fff; color: #fff; font-family: 'Mulish', sans-serif; font-size: 1.4rem; font-weight: 600; height: auto; margin: 1.25em auto 0; padding: .4em .8em; text-decoration: none; text-align: center; text-shadow: 1px 2px 8px #000; text-transform: uppercase; transition: all 0.2s ease 0s; }

/* Responsive
--------------------------------------------- */
@media only screen and (max-width: 1480px) {
.about-us { padding: 4em 2em 2.5em; }
.about-us-details { padding: 2em 2em 2em 1em; width: 44%; }
.about-title span:first-of-type { font-size: 2.1rem; }
.about-title span:last-of-type { font-size: 3.2rem; }
.vid-section { width: 54%; }
.gallery { padding: 2.5em 0 1.5em; }
.designer-gallery { grid-template-columns: repeat(3, 1fr); }
.brand-feat-gallery { padding: 1.5em 0; }
.brand-gallery { grid-template-columns: repeat(3, 1fr); }
.show-more-brands { padding-top: .5em; }
.nm-messaging-inner .first-line-wrapper span { font-size: 4.4rem; }
.nm-messaging-inner .second-line-wrapper span { font-size: 3.8rem; }
.market-week { padding: 2.5em 0 1.5em; }
.market-week-title { padding: 0 0 1.5em; }
.market-week-title span { font-size: 3.2rem; }
.market-week-event-dates { gap: 30px; }
.market-week-calendar .event-overview .event-details .event-dates span:first-of-type { font-size: 2.7rem; }
.directory-block-title span { font-size: 2.5rem; }
.promotional-block-title span { font-size: 2.5rem; }
.reg-banner { padding: 3.5em 0 2.5em; }
.swim-banner-sub-block { min-height: 375px; }
.home-banner-wrapper { padding: 2.5em 2em 1em; }
}

@media only screen and (max-width: 1280px) {
.hero-container { padding: 1em 2em 0; }
.about-us { padding: 3em 2em 2em; }
.about-us-details { padding: 2em 1em 2em .5em; width: 45%; }
.about-title span:last-of-type { font-size: 3rem; }
.vid-section { width: 53%; }
.mweek-cta { padding: 2em 2em .5em; }
.mweek-overview { padding: 2em 0 0; }
.mweek-overview span { font-size: 3rem; }
.gallery { padding: 2em 0 1.5em; }
.brand-feat-gallery { padding: 1em 0 1.5em; }
.show-more-brands { padding-top: .25em; }
#showMore { font-size: 1.7rem; }
.nm-messaging { padding: 1.5em 0; }
.nm-messaging-inner { padding: 2em 1em; }
.nm-messaging-inner .first-line-wrapper span { font-size: 4.2rem; }
.nm-messaging-inner .second-line-wrapper span { font-size: 3.6rem; }
.nm-messaging-inner .second-line-wrapper span.number { font-size: 4.1rem; }
.market-week { padding: 2em 0 1.5em; }
.market-week-title { padding: 0 0 1em; }
.market-week-title span { font-size: 3rem; }
.market-week-event-dates { gap: 25px; }
.market-week-calendar .event-overview .event-details .event-dates span:first-of-type { font-size: 2.6rem; }
.market-week-calendar .event-overview .event-details .event-title span { font-size: 1.9rem; }
.directory { padding: 1.5em 0; }
.directory-block-title span { font-size: 2.4rem; }
.directory-block-overview { padding: 6em 3em; }
.promotional { padding: 1.5em 0; }
.promotional-block-title span { font-size: 2.4rem; }
.promotional-block-overview { padding: 4em 3em; }
.home-cta { padding: 1.5em 2em 3.5em; }
.home-cta-inner { padding: 3.5em 2em; }
div:not(.home-cta-info-block) + .home-cta-info-block { margin-left: 20px; }
.swim-banner-sub-block { min-height: 350px; }
.swim-banner-bg { background-position: 35% 5%; }
.swim-banner-info-block-logo img { max-width: 275px; }
.swim-banner-details { max-width: 750px; }
.home-banner-wrapper { padding: 2em 2em 1.5em; }
}

@media only screen and (max-width: 1140px) {
.about-us { padding: 2em 2em 1.5em; }
.about-us-details { padding: 2em 1em 2em 0em; width: 46%; }
.about-title span:last-of-type { font-size: 2.8rem; }
.vid-section { width: 52%; }
.mweek-overview span { font-size: 2.8rem; }
.gallery { padding: 1em 0 1.5em; }
.brand-gallery { padding: 1em 0 1.5em; }
.nm-messaging { padding: 1.5em 0; }
.nm-messaging-inner { padding: 2em .5em; }
.nm-messaging-inner .first-line-wrapper span { font-size: 4rem; }
.nm-messaging-inner .second-line-wrapper span { font-size: 3.4rem; }
.market-week { padding: 1.5em 0 1em; }
.market-week-title span { font-size: 2.8rem; }
.market-week-calendar .event-overview .event-details .event-title { width: 58%; }
.directory-block-title span { font-size: 2.3rem; }
.directory-block-overview { padding: 4em 2em; }
.promotional-block-title span { font-size: 2.3rem; }
.promotional-block-overview { padding: 3em 2em; }
.home-cta-inner { padding: 3em 2em; }
div:not(.home-cta-info-block) + .home-cta-info-block { margin-left: 15px; }
.swim-banner-info-block-top .event-date { font-size: 2.5rem; }
.swim-banner-info-block-logo img { max-width: 250px; }
.swim-banner-details { max-width: 700px; }
.home-banner-wrapper { padding: 2em 2em 1em; }
}

@media only screen and (max-width: 1080px) {
.about-us { padding: 1.5em 2em 1em; }
.about-us-details { padding: 2em 1em 1em 0em; }
.mweek-cta { padding: 1.5em 2em .5em; }
.mweek-overview { padding: 1.5em 0 0; }
.reg-banner { padding: 2em 0 1em; }
.reg-banner-desktop-block { display: none; }
.reg-banner-tablet-block { display: block; position: relative; margin: 0 auto; max-width: 650px; width: 100%; }
div:not(.home-cta-info-block) + .home-cta-info-block { margin-left: 45px; max-width: 255px; }
.gallery { padding: .5em 0 1em; }
.designer-gallery { padding: .5em 0; }
.brand-feat-gallery { padding: 1em 0; }
.brand-gallery { padding: 1em 0 .5em; }
.show-more-brands { display: none; }
.nm-messaging-inner { padding: 1.5em; }
.nm-messaging-inner .first-line-wrapper { margin-left: 0; max-width: 325px; }
.market-week { padding: 1em 0; }
.market-week-title { padding: 0 0 .5em; }
.market-week-calendar .calendar-year { padding: 0 0 .25em; }
.market-week-event-dates { grid-template-columns: repeat(1, 1fr); gap: 10px; }
.market-week-calendar:first-of-type { padding: .5em 0; }
.market-week-calendar .market-week-event { min-height: 115px; }
.directory-block-overview { padding: 6em 3em; }
}

@media only screen and (max-width: 1023px) {
.about-us { flex-direction: column; padding: 1.5em 2em 2em; }
.about-us-details { padding: 1em 0 1.5em; width: 100%; }
.about-title { padding: 0; }
.about-title span:first-of-type { font-size: 2rem; }
.about-title span:last-of-type { font-size: 2.6rem; }
.about-us-content { padding: 0; }
.vid-section { width: 100%; }
.vid-section .vid-container { box-shadow: 0 55px 80px -65px rgba(0, 0, 0, .45); }
.mweek-title { gap: 25px; }
.mweek-overview span { font-size: 2.6rem; }
.gallery { padding: 1em 0; }
.designer-gallery { grid-template-columns: repeat(2,1fr); }
.gallery-thumb:last-child:nth-child(2n-1) { grid-column-end: -2; }
.brand-gallery { grid-template-columns: repeat(2,1fr); }
.brand-gallery-thumb:last-child:nth-child(2n-1) { grid-column-end: -2; }
.nm-messaging { padding: 1em 0; }
.nm-messaging-inner { grid-template-columns: 35% 60%; gap: 35px; }
.nm-messaging-inner .first-line-wrapper { margin-left: auto; max-width: 275px; }
.nm-messaging-inner .first-line-wrapper span { font-size: 3.8rem; }
.nm-messaging-inner .second-line-wrapper span { font-size: 3.2rem; margin-right: 0; }
.nm-messaging-inner .second-line-wrapper span.number { font-size: 4rem; }
.market-week-title span { font-size: 2.6rem; padding: 0; }
.market-week-calendar .event-overview .event-details .event-dates span:first-of-type { font-size: 2.5rem; }
.market-week-calendar .event-overview .event-details .event-dates span { font-size: 1.9rem; }
.directory { padding: 1.5em 0 1em; }
.directory-block { flex-direction: column; }
.directory-block-overview { order: 1; padding: 3em 2em; width: 100%; }
.directory-block-feat-img { width: 100%; }
.directory-block-feat-img img { height: 400px; object-position: top center; }
.directory-block-title span { font-size: 2.2rem; }
.directory-block-details { padding: 1.25em 0 0; }
.promotional { padding: 1.5em 0 1em; }
.promotional-block { flex-direction: column; }
.promotional-block-overview { order: 1; padding: 3em 2em; width: 100%; }
.promotional-block-feat-img { width: 100%; }
.promotional-block-feat-img img { height: 400px; object-position: top center; }
.promotional-block-title span { font-size: 2.2rem; }
.home-cta { padding: 1.5em 2em 3em; }
.home-cta-inner { padding: 2.5em 2em; }
.home-cta-info-block span:first-of-type { font-size: 2.4rem; }
.home-cta-info-block:last-of-type span { font-size: 2.1rem; }
.swim-banner-sub-block { min-height: 325px; }
.swim-banner-bg { background-position: 60% 5%; }
.swim-banner-details { max-width: 550px; padding-left: 1em; padding-right: 1em; }
.swim-banner-info-block-top { padding: 0.5em 0; }
.swim-banner-info-block-top .event-date { font-size: 2.4rem; padding: 0.5em 0 0.2em; }
.swim-banner-info-block-logo img { max-width: 225px; }
.home-banner-wrapper { padding: .5em 2em 1em; }
.home-banner-wrapper .home-banner-inner .banner-dsktp { display: none; }
.home-banner-wrapper .home-banner-inner .banner-1024 { display: block; }
}

@media only screen and (max-width: 880px) {
.about-us { padding: 1.5em 2em 2em; }
.mweek-overview { padding: 1em 0 0; }
.brand-gallery { padding: .5em 0; }
.reg-banner { padding: 1.5em 0 1em; }
.reg-banner-tablet-block { padding: 0 2em; }
.swim-banner-sub-block { min-height: 300px; }
.swim-banner-bg { background-position: 50% 5%; }
.swim-banner-details { max-width: 525px; }
.swim-banner-info-block span { font-size: 1.7rem; }
.swim-banner-info-block-top .event-date { font-size: 2.2rem; }
.home-cta-inner { padding: 2em; }
div:not(.home-cta-info-block) + .home-cta-info-block { margin-left: 20px; }
.home-cta-info-block:last-of-type span { font-size: 2rem; }
.nm-messaging-inner .first-line-wrapper span { font-size: 3.6rem; }
.nm-messaging-inner .second-line-wrapper span { font-size: 3rem; }
.nm-messaging-inner .second-line-wrapper span.number { font-size: 3.9rem; }
.market-week-calendar:first-of-type { padding: .5em 0; }
.market-week-calendar .market-week-event { min-height: 110px; }
.directory { padding: 1em 0; }
.directory-block-feat-img img { height: 350px; }
.promotional { padding: 1em 0; }
.promotional-block-feat-img img { height: 350px; }
}

@media only screen and (max-width: 768px) {
.hero-container { padding: 0.8em 1.5em 0em; }
.about-us { margin: 0 1.5em; padding: 1em 0 1.8em; }
.about-us-details { padding: 1em 0; }
.about-title span:first-of-type { font-size: 1.8rem; }
.about-title span:last-of-type { font-size: 2.4rem; }
.about-us-overview { padding: 0.2em 0; }
.mweek-cta { margin: 0 1.5em; padding: 1em 0 .5em; }
.mweek-title { grid-template-columns: repeat(1, 1fr); gap: 20px; }
.mweek-title span { font-size: calc(22px + (22 - 18)*((100vw - 420px) /(768 - 420))); }
.mweek-overview { padding: .8em 0 .5em; }
.mweek-overview span { font-size: 2.4rem; }
.mweek-overview p { font-size: 1.9rem; }
.gallery { margin: 0 1.5em; }
.designer-gallery { padding: .5em 0; }
.gallery-thumb:last-child:nth-child(2n-1) { grid-column-end: 2; }
.brand-feat-gallery { margin: 0 1.5em; padding: .5em 0; }
.brand-gallery { padding: .5em 0; }
.brand-gallery-thumb:last-child:nth-child(2n-1) { grid-column-end: 2; }
.nm-messaging { margin: 0 1.5em; }
.nm-messaging-inner { background-position: 15% 50%; }
.nm-messaging-inner .first-line-wrapper span { font-size: 3.4rem; }
.nm-messaging-inner .second-line-wrapper span { font-size: 2.8rem; }
.nm-messaging-inner .second-line-wrapper span.number { font-size: 3.7rem; }
.market-week { margin: 0 1.5em; padding: 1em 0; }
.market-week-title { padding: 0 0 .5em; }
.market-week-title span { font-size: 2.4rem; }
.market-week-calendar .market-week-event { min-height: 105px; }
.market-week-calendar .calendar-year { font-size: 2.7rem; }
.market-week-calendar .event-overview .event-details .event-dates span:first-of-type { font-size: 2.4rem; }
.market-week-calendar .event-overview .event-details .event-dates span { font-size: 1.8rem; }
.directory { margin: 0 1.5em; padding: .5em 0 1em; }
.directory-block-feat-img img { height: 325px; }
.directory-block-title span { font-size: 2.1rem; }
.directory-block-overview { padding: 2.5em 2em; }
.directory-block-view { padding: 1.5em 0 0; }
.promotional-block-feat-img img { height: 325px; }
.promotional { margin: 0 1.5em; padding: 1em 0 .5em; }
.promotional-block-title span { font-size: 2.1rem; }
.promotional-block-overview { padding: 2.5em 2em; }
.promotional-block-view { padding: 1.5em 0 0; }
.home-cta { padding: 1.5em 1.5em 2.5em; }
div:not(.home-cta-info-block) + .home-cta-info-block { margin-left: 0; }
.home-cta-info-block span:first-of-type { font-size: 2.2rem; }
.home-cta-info-block:last-of-type span { font-size: 1.9rem; }
.reg-banner-tablet-block { padding: 0 1.5em; }
.swim-banner-bg { background-position: 50% 5%; }
.swim-banner-details { max-width: 500px; }
.swim-banner-info-block span { font-size: 1.6rem; }
.swim-banner-info-block-top .event-date { font-size: 2.1rem; }
.home-banner-wrapper { padding: 0 1.5em 1.5em; }
.home-banner-wrapper .home-banner-inner .banner-1024 { display: none; }
.home-banner-wrapper .home-banner-inner .banner-768 { display: block; }
}

@media only screen and (max-width: 719px) {
.swim-banner-details { max-width: 475px; }
.nm-messaging-inner .first-line-wrapper span { font-size: 3.2rem; }
.nm-messaging-inner { grid-template-columns: 100%; gap: 10px; }
.nm-messaging-inner .first-line-wrapper { margin-left: auto; max-width: 100%; }
.nm-messaging-inner .second-line-wrapper span { margin-right: auto; }
div:not(.home-cta-info-block) + .home-cta-info-block { margin-left: auto; max-width: 100%; }
.home-cta-inner { grid-template-columns: repeat(1, 1fr); gap: 15px; }
}

@media only screen and (max-width: 640px) {
.hero-block-slide.slick-slide img { display: none; }
.hero-block-slide.slick-slide .responsive { display: block; }
.about-us { padding: 1em 0 1.5em; }
.about-title span:first-of-type { font-size: 1.7rem; }
.about-title span:last-of-type { font-size: 2.2rem; }
.about-us-details { padding: .5em 0; }
.about-us-content { margin: 0.5em 0; }
.about-us-overview p { font-size: 1.7rem; }
.mweek-overview { padding: .8em 0 0; }
.mweek-overview p { font-size: 1.8rem; }
.mweek-overview span { font-size: 2.2rem; }
.brand-feat-gallery { padding: .5em 0 .25em; }
.gallery { padding: 1em 0; }
.designer-gallery { padding: 0.5em 0 0; }
.brand-gallery { padding: .25em 0; }
.nm-messaging { padding: .5em 0; }
.nm-messaging-inner .first-line-wrapper span { font-size: 3rem; }
.nm-messaging-inner .second-line-wrapper span { font-size: 2.6rem; }
.nm-messaging-inner .second-line-wrapper span.number { font-size: 3.2rem; }
.market-week { padding: 1em 0 .5em; }
.market-week-title { padding: 0 0 .25em; }
.market-week-title span { font-size: 2.2rem; }
.market-week-event-dates { gap: 5px; }
.market-week-calendar .calendar-year { font-size: 2.6rem; }
.market-week-calendar .market-week-event { min-height: 100px; }
.market-week-calendar .event-overview { padding: 0 .8em; }
.market-week-calendar .event-overview .event-details .event-dates { margin-right: .5em; }
.market-week-calendar .event-overview .event-details .event-dates span:first-of-type { font-size: 2.3rem; }
.market-week-calendar .event-overview .event-details .event-dates span { font-size: 1.7rem; }
.market-week-calendar .event-overview .event-details .event-title { padding-left: 3%; }
.market-week-calendar .event-overview .event-details .event-title span { font-size: 1.8rem; }
.directory { padding: .5em 0; }
.directory-block-feat-img img { height: 300px; }
.directory-block-title span { font-size: 2rem; }
.directory-block-title span:nth-of-type(2) { padding: .5em 0 .2em; }
.directory-block-title span:nth-of-type(2) { font-size: 1.7rem; }
.directory-block-title span:nth-of-type(3) { font-size: 1.7rem; }
.directory-block-overview { padding: 2em 1.5em; }
.promotional-block-details { padding: .5em 0 0;}
.directory-block-details p { font-size: 1.7rem; }
.directory-block-view-btn { font-size: 1.3rem; }
.promotional-block-feat-img img { height: 300px; }
.promotional-block-title span { font-size: 2rem; }
.promotional-block-overview { padding: 2em 1.5em; }
.promotional-block-details span { font-size: 1.7rem; }
.promotional-block-description { padding: 1em 0 0; }
.promotional-block-description p { font-size: 1.7rem; }
.promotional-block-view-btn { font-size: 1.3rem; }
.home-cta { padding: 1em 1.5em 2em; }
.home-cta-inner { padding: 1.5em 2em; }
.home-cta-info-block span:first-of-type { font-size: 2.1rem; }
.home-cta-info-block:last-of-type span { font-size: 1.8rem; }
.reg-banner { padding: 1em 0; }
.reg-banner-block { margin: 0 1.5em; }
.reg-banner-tablet-block { display: none; }
.reg-banner-mobile-block { display: block; }
.swim-banner { padding: 0.5em 0; }
.swim-banner-block { margin: 0 1.5em; }
.swim-banner-bg { background-position: 55% 5%; }
.swim-banner-details { max-width: 450px; }
.swim-banner-info-block-top .event-date { font-size: 2rem; }
.swim-banner-info-block-logo img { max-width: 200px; }
.home-banner-wrapper .home-banner-inner .banner-768 { display: none; }
.home-banner-wrapper .home-banner-inner .banner-640 { display: block; }
}

@media only screen and (max-width: 580px) {
.about-us { padding: 1em 0 1.25em; }
.reg-banner { padding: .5em 0 1em; }
.swim-banner-overlay { background-color: rgba(41,41,41,0.4); }
.swim-banner-bg { background-position: 50% 5%; }
.market-week-calendar .calendar-year { font-size: 2.5rem; }
}

@media only screen and (max-width: 480px) {
.about-us { padding: 1em 0; }
.about-us-details { padding: .5em 0; }
.about-title span:first-of-type { font-size: 1.6rem; }
.mweek-cta { padding: .5em 0 .25em; }
.mweek-title { gap: 15px; padding: 1em 0 .5em; }
.mweek-overview span { font-size: 2rem; }
.mweek-overview p { font-size: 1.7rem; }
.gallery { padding: .5em 0; }
.designer-gallery { grid-template-columns: repeat(1, 1fr); }
.brand-gallery { grid-template-columns: repeat(1, 1fr); }
.nm-messaging-inner .first-line-wrapper span { font-size: 2.8rem; }
.nm-messaging-inner .second-line-wrapper span { font-size: 2.4rem; }
.nm-messaging-inner .second-line-wrapper span.number { font-size: 3rem; }
.market-week { padding: .8em 0 .25em; }
.market-week-title span { font-size: 2rem; }
.market-week-event-dates { gap: 2px; }
.market-week-calendar .calendar-year { font-size: 2.4rem; }
.market-week-calendar .market-week-event { min-height: 95px; }
.market-week-calendar .event-overview { padding: 0 .5em; }
.market-week-calendar .event-overview .event-details .event-dates span:first-of-type { font-size: 2.2rem; }
.market-week-calendar .event-overview .event-details .event-dates span { font-size: 1.6rem; }
.market-week-calendar .event-overview .event-details .event-title span { font-size: 1.7rem; }
.market-week-calendar .event-overview .event-details .event-registration .reg-btn { font-size: 1.1rem; padding: 2px 6px; }
.directory-block-feat-img img { height: 275px; }
.directory-block-title span { font-size: 1.9rem; }
.directory-block-overview { padding: 2em 1em; }
.promotional { padding: .5em 0; }
.promotional-block-feat-img img { height: 275px; }
.promotional-block-title span { font-size: 1.9rem; }
.promotional-block-overview { padding: 2em 1em; }
.swim-banner-bg { background-position: 55% 5%; }
.home-cta { padding: .5em 1.5em 1em; }
.home-cta-details { padding-left: 1em; padding-right: 1em; }
.home-cta-inner { padding: 1.5em; }
.home-cta-info-block span:first-of-type { font-size: 2rem; }
.home-cta-info-block:last-of-type span { font-size: 1.7rem; }
.home-cta-info-block a { font-size: 1.3rem; }
.home-banner-wrapper { padding: 0 1.5em 1em; }
.home-banner-wrapper .home-banner-inner .banner-640 { display: none; }
.home-banner-wrapper .home-banner-inner .banner-480 { display: block; }
}

@media only screen and (max-width: 420px) {
.about-us { padding: 1em 0; }
.about-title span:last-of-type { font-size: 2rem; }
.about-us-overview p { font-size: 1.6rem; }
.mweek-overview span { font-size: 2rem; }
.mweek-overview p { font-size: 1.6rem; }
.nm-messaging-inner .first-line-wrapper span { font-size: 2.6rem; }
.nm-messaging-inner .second-line-wrapper span { font-size: 2.2rem; }
.nm-messaging-inner .second-line-wrapper span.number { font-size: 2.9rem; }
.directory-block-title span { font-size: 1.8rem; }
.directory-block-title span:nth-of-type(2) { font-size: 1.6rem; }
.directory-block-details p { font-size: 1.6rem; }
.directory-block-title span:nth-of-type(3) { font-size: 1.6rem; }
.promotional-block-title span { font-size: 1.8rem; }
.promotional-block-details span { font-size: 1.6rem; }
.home-cta-info-block span { font-size: 1.9rem; }
.home-cta-info-block:last-of-type span { font-size: 1.6rem; }
}