/* VARIABLES */ /* SCORING DASHBOARD */ #home__dashboard { position: fixed; top: 0; right: 0; left: 0; z-index: 1; transition: transform .5s ease-in-out; background-color: black; min-height: 100vh; z-index: 1000; color: #fff; height: 100vh; overflow-x: hidden; overflow-y: auto; } #home__dashboard.home__dashboard--hidden { transform: translateY(-100%); } #home__dashboard .home__dashboard-outer { display: table; position: absolute; width: 100%; height: 100vh; top: 0; right: 0; bottom: 0; left: 0; } #home__dashboard .home__dashboard-inner { position: relative; display: table-cell; vertical-align: top; text-align: left; overflow-y: auto; padding-bottom: 8.3125em; } #home__dashboard .home__dashboard-inner .loader { z-index: 1; } #home__dashboard .home__dashboard-inner .loader path { fill: #fff; } #home__dashboard .home__dashboard-continue { position: relative; display: inline-block; text-align: center; font-family: 'Open Sans', sans-serif; font-size: 0.625em; line-height: 1em; font-weight: 700; color: #fff; } #home__dashboard .home__dashboard-continue svg { margin: 1.2857em auto 0 auto; font-size: 1.2em; display: block; width: 1em; height: 0.558em; } #home__dashboard .home__dashboard-continue svg polygon { fill: #fff; } #home__dashboard .home__dashboard-footer { position: absolute; left: 0; bottom: 0; right: 0; padding: 1.875em 0; text-align: center; opacity: 0; transition: opacity .15s ease-in-out; } #home__dashboard .home__dashboard-footer.home__dashboard-footer--visible { opacity: 1; } #home__dashboard .home__dashboard-content { opacity: 0; transition: opacity .25s ease-in-out; } #home__dashboard .home__dashboard-content.home__dashboard-content--visible { opacity: 1; } #home__dashboard .home__dashboard-tournament-info { position: relative; width: 100%; background-color: #1e1e1e; } #home__dashboard .home__dashboard-tournament-info .home__dashboard-tournament-info-footer { width: 100%; display: flex; align-items: center; justify-content: space-between; margin-top: 1.333em; } #home__dashboard .home__dashboard-tournament-info .home__dashboard-tournament-info-footer .home__dashboard-tournament-info-location { display: block; position: relative; padding: 0 1.8em; font-family: 'Open Sans', sans-serif; font-size: 0.625em; line-height: 1em; color: #e6bd21; font-weight: 700; text-transform: uppercase; letter-spacing: 0.140em; } #home__dashboard .home__dashboard-tournament-info .home__dashboard-tournament-info-footer .home__dashboard-tournament-info-location svg { display: block; position: absolute; left: 0; top: 50%; transform: translateY(-50%); font-size: 1.4em; height: 1em; width: 0.668em; } #home__dashboard .home__dashboard-tournament-info .home__dashboard-tournament-info-footer .home__dashboard-tournament-info-location svg path { fill: #e6bd21; } #home__dashboard .home__dashboard-tournament-info .home__dashboard-tournament-info-footer .home__dashboard-cta-button { margin: 0; } #home__dashboard .home__dashboard-cta { display: flex; width: 100%; position: relative; text-align: center; background-color: #1e1e1e; } #home__dashboard .home__dashboard-cta .home__dashboard-cta-contents { display: flex; width: 100%; flex-direction: column; align-items: center; justify-content: center; padding: 2.5em 1.5em 1em 1.5em; position: relative; z-index: 1; justify-content: space-between; } #home__dashboard .home__dashboard-cta .home__dashboard-cta-contents svg { display: block; font-size: 2.75em; width: 1em; height: 1em; } #home__dashboard .home__dashboard-cta .home__dashboard-cta-contents svg circle { fill: #212121; } #home__dashboard .home__dashboard-cta .home__dashboard-cta-contents svg polygon { fill: #fff; } #home__dashboard .home__dashboard-cta .home__dashboard-cta-title { margin: .125em 0 0 0; font-family: 'Gotham Extra Narrow Ultra'; font-size: 2em; line-height: 1em; color: #fff; } #home__dashboard .home__dashboard-cta .home__dashboard-cta-heading { font-family: 'Open Sans', sans-serif; margin: 0; font-size: .75em; line-height: 1.5em; color: #fff; font-weight: 700; text-transform: uppercase; letter-spacing: 0.140em; } #home__dashboard .home__dashboard-cta .home__dashboard-cta-button { margin-top: 1.333em; } #home__dashboard .home__dashboard-cta .home__dashboard-cta-image { position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 0; opacity: .25; } #home__dashboard .home__dashboard-cta.home__dashboard-cta--event .home__dashboard-cta-contents, #home__dashboard .home__dashboard-cta.home__dashboard-cta--watch .home__dashboard-cta-contents { padding: 1em 1.5em; } #home__dashboard .home__dashboard-cta.home__dashboard-cta--event .home__dashboard-cta-contents { align-items: flex-start; } #home__dashboard .home__dashboard-cta.home__dashboard-cta--watch .home__dashboard-cta-image { opacity: 1; } #home__dashboard .home__dashboard-cta.home__dashboard-cta--watch .home__dashboard-cta-contents { justify-content: center; } #home__dashboard .home__dashboard-cta.home__dashboard-cta--tournaments .home__dashboard-cta-contents { padding: 3.2em 1.5em; } #home__dashboard .home__dashboard-cta:hover .layout__bg-image { transform: scale(1.05); } #home__dashboard .home__dashboard-top { display: flex; margin: 0 -0.5em; } #home__dashboard .home__dashboard-top .home__dashboard-top-left, #home__dashboard .home__dashboard-top .home__dashboard-top-right { display: flex; width: 50%; padding: 0 0.5em; } #home__dashboard .home__dashboard-top .home__dashboard-top-right .home__dashboard-cta-wrapper { width: 50%; padding: 0 0.5em; display: flex; } #home__dashboard .home__dashboard-top .home__dashboard-top-right .home__dashboard-cta-wrapper:first-child { padding-left: 0; } #home__dashboard .home__dashboard-top .home__dashboard-top-right .home__dashboard-cta-wrapper:last-child { padding-right: 0; } #home__dashboard .home__dashboard-live { margin-top: 1em; } #home__dashboard .home__dashboard-bottom { display: flex; margin: 1em -0.5em 0 -0.5em; } #home__dashboard .home__dashboard-bottom .home__dashboard-bottom-left, #home__dashboard .home__dashboard-bottom .home__dashboard-bottom-right { padding: 0 0.5em; } #home__dashboard .home__dashboard-bottom .home__dashboard-bottom-left { width: 75%; max-height: 19em; overflow-y: auto; } #home__dashboard .home__dashboard-bottom .home__dashboard-bottom-right { width: 25%; } #home__dashboard .home__dashboard-bottom .home__dashboard-bottom-stay-tuned { background-color: #1e1e1e; width: 100%; text-align: center; padding: 8.8em 2.5em; font-family: 'Open Sans', sans-serif; font-size: 1em; font-weight: 700; letter-spacing: 0.120em; text-transform: uppercase; color: #fff; } #home__dashboard .dashboard__all-live-matches { background-color: #1e1e1e; text-align: center; } #home__dashboard .dashboard__all-live-matches .dashboard__match-cta { color: #fff; } #home__dashboard .dashboard__match-cta { display: inline-block; padding: 1em; font-family: 'Open Sans', sans-serif; font-size: 0.625em; line-height: 1em; text-transform: uppercase; letter-spacing: 0.140em; font-weight: 700; color: #e6bd21; } #home__dashboard .dashboard__match-cta:hover { text-decoration: underline; } #home__dashboard .dashboard__match { background-color: #1e1e1e; margin-bottom: 4px; padding: .5em 1.875em; color: #fff; font-family: 'Open Sans', sans-serif; display: flex; align-items: center; } #home__dashboard .dashboard__match .dashboard__match-live { padding-right: 1em; font-size: 1.75em; line-height: 1em; font-weight: 700; color: #e6bd21; } #home__dashboard .dashboard__match .dashboard__match-info { width: 33%; padding: 0 2em 0 0; font-size: 0.625em; line-height: 1.6em; text-transform: uppercase; letter-spacing: 0.140em; font-weight: 700; } #home__dashboard .dashboard__match .dashboard__match-info .dashboard__match-date { font-size: .75em; font-weight: 400; } #home__dashboard .dashboard__match .dashboard__match-teams, #home__dashboard .dashboard__match .dashboard__match-sets, #home__dashboard .dashboard__match .dashboard__match-results { padding: 0 1.25em 0 0; } #home__dashboard .dashboard__match .dashboard__match-teams .dashboard__match-team, #home__dashboard .dashboard__match .dashboard__match-teams .dashboard__match-team-sets, #home__dashboard .dashboard__match .dashboard__match-teams .dashboard__match-team-results, #home__dashboard .dashboard__match .dashboard__match-sets .dashboard__match-team, #home__dashboard .dashboard__match .dashboard__match-sets .dashboard__match-team-sets, #home__dashboard .dashboard__match .dashboard__match-sets .dashboard__match-team-results, #home__dashboard .dashboard__match .dashboard__match-results .dashboard__match-team, #home__dashboard .dashboard__match .dashboard__match-results .dashboard__match-team-sets, #home__dashboard .dashboard__match .dashboard__match-results .dashboard__match-team-results { font-family: 'Gotham Extra Narrow Book'; font-size: 0.875em; line-height: 1.4em; } #home__dashboard .dashboard__match .dashboard__match-teams .dashboard__match-team.dashboard__match-team--winner, #home__dashboard .dashboard__match .dashboard__match-teams .dashboard__match-team.dashboard__match-team-sets--winner, #home__dashboard .dashboard__match .dashboard__match-teams .dashboard__match-team.dashboard__match-team-results--winner, #home__dashboard .dashboard__match .dashboard__match-teams .dashboard__match-team .dashboard__match-set--winner, #home__dashboard .dashboard__match .dashboard__match-teams .dashboard__match-team-sets.dashboard__match-team--winner, #home__dashboard .dashboard__match .dashboard__match-teams .dashboard__match-team-sets.dashboard__match-team-sets--winner, #home__dashboard .dashboard__match .dashboard__match-teams .dashboard__match-team-sets.dashboard__match-team-results--winner, #home__dashboard .dashboard__match .dashboard__match-teams .dashboard__match-team-sets .dashboard__match-set--winner, #home__dashboard .dashboard__match .dashboard__match-teams .dashboard__match-team-results.dashboard__match-team--winner, #home__dashboard .dashboard__match .dashboard__match-teams .dashboard__match-team-results.dashboard__match-team-sets--winner, #home__dashboard .dashboard__match .dashboard__match-teams .dashboard__match-team-results.dashboard__match-team-results--winner, #home__dashboard .dashboard__match .dashboard__match-teams .dashboard__match-team-results .dashboard__match-set--winner, #home__dashboard .dashboard__match .dashboard__match-sets .dashboard__match-team.dashboard__match-team--winner, #home__dashboard .dashboard__match .dashboard__match-sets .dashboard__match-team.dashboard__match-team-sets--winner, #home__dashboard .dashboard__match .dashboard__match-sets .dashboard__match-team.dashboard__match-team-results--winner, #home__dashboard .dashboard__match .dashboard__match-sets .dashboard__match-team .dashboard__match-set--winner, #home__dashboard .dashboard__match .dashboard__match-sets .dashboard__match-team-sets.dashboard__match-team--winner, #home__dashboard .dashboard__match .dashboard__match-sets .dashboard__match-team-sets.dashboard__match-team-sets--winner, #home__dashboard .dashboard__match .dashboard__match-sets .dashboard__match-team-sets.dashboard__match-team-results--winner, #home__dashboard .dashboard__match .dashboard__match-sets .dashboard__match-team-sets .dashboard__match-set--winner, #home__dashboard .dashboard__match .dashboard__match-sets .dashboard__match-team-results.dashboard__match-team--winner, #home__dashboard .dashboard__match .dashboard__match-sets .dashboard__match-team-results.dashboard__match-team-sets--winner, #home__dashboard .dashboard__match .dashboard__match-sets .dashboard__match-team-results.dashboard__match-team-results--winner, #home__dashboard .dashboard__match .dashboard__match-sets .dashboard__match-team-results .dashboard__match-set--winner, #home__dashboard .dashboard__match .dashboard__match-results .dashboard__match-team.dashboard__match-team--winner, #home__dashboard .dashboard__match .dashboard__match-results .dashboard__match-team.dashboard__match-team-sets--winner, #home__dashboard .dashboard__match .dashboard__match-results .dashboard__match-team.dashboard__match-team-results--winner, #home__dashboard .dashboard__match .dashboard__match-results .dashboard__match-team .dashboard__match-set--winner, #home__dashboard .dashboard__match .dashboard__match-results .dashboard__match-team-sets.dashboard__match-team--winner, #home__dashboard .dashboard__match .dashboard__match-results .dashboard__match-team-sets.dashboard__match-team-sets--winner, #home__dashboard .dashboard__match .dashboard__match-results .dashboard__match-team-sets.dashboard__match-team-results--winner, #home__dashboard .dashboard__match .dashboard__match-results .dashboard__match-team-sets .dashboard__match-set--winner, #home__dashboard .dashboard__match .dashboard__match-results .dashboard__match-team-results.dashboard__match-team--winner, #home__dashboard .dashboard__match .dashboard__match-results .dashboard__match-team-results.dashboard__match-team-sets--winner, #home__dashboard .dashboard__match .dashboard__match-results .dashboard__match-team-results.dashboard__match-team-results--winner, #home__dashboard .dashboard__match .dashboard__match-results .dashboard__match-team-results .dashboard__match-set--winner { font-family: 'Gotham Extra Narrow Black'; } #home__dashboard .dashboard__match .dashboard__match-teams { width: 33%; } #home__dashboard .dashboard__match .dashboard__match-sets { width: 12%; } #home__dashboard .dashboard__match .dashboard__match-sets .dashboard__match-set { padding-right: 1em; } #home__dashboard .dashboard__match .dashboard__match-sets .dashboard__match-set:last-child { padding-right: 0; } #home__dashboard .dashboard__match .dashboard__match-results { width: 6%; color: #e6bd21; } #home__dashboard .dashboard__match .dashboard__match-cta-column { flex: 1 0 auto; text-align: center; } #home__dashboard .dashboard__match.dashboard__match--live { border-left: 0.25em solid #e6bd21; } #home__dashboard .dashboard__match.dashboard__match--live .dashboard__match-info, #home__dashboard .dashboard__match.dashboard__match--live .dashboard__match-teams { width: 30%; } #home__dashboard .dashboard__match.dashboard__match--live .dashboard__match-teams, #home__dashboard .dashboard__match.dashboard__match--live .dashboard__match-sets, #home__dashboard .dashboard__match.dashboard__match--live .dashboard__match-results { padding: 0 1.25em 0 0; } #home__dashboard .dashboard__match.dashboard__match--live .dashboard__match-teams .dashboard__match-team, #home__dashboard .dashboard__match.dashboard__match--live .dashboard__match-teams .dashboard__match-team-sets, #home__dashboard .dashboard__match.dashboard__match--live .dashboard__match-teams .dashboard__match-team-results, #home__dashboard .dashboard__match.dashboard__match--live .dashboard__match-sets .dashboard__match-team, #home__dashboard .dashboard__match.dashboard__match--live .dashboard__match-sets .dashboard__match-team-sets, #home__dashboard .dashboard__match.dashboard__match--live .dashboard__match-sets .dashboard__match-team-results, #home__dashboard .dashboard__match.dashboard__match--live .dashboard__match-results .dashboard__match-team, #home__dashboard .dashboard__match.dashboard__match--live .dashboard__match-results .dashboard__match-team-sets, #home__dashboard .dashboard__match.dashboard__match--live .dashboard__match-results .dashboard__match-team-results { font-size: 1.125em; } #home__dashboard .dashboard__match:last-child { margin-bottom: 0; } #home__dashboard .home__dashboard-gauge { position: relative; width: 5.125em; margin: 0 auto; overflow: hidden; } #home__dashboard .home__dashboard-gauge img { display: block; width: 100%; } #home__dashboard .home__dashboard-gauge .home__dashboard-gauge-cover { position: relative; z-index: 1; display: block; width: 100%; } #home__dashboard .home__dashboard-gauge .home__dashboard-gauge-circle { position: absolute; left: 0; bottom: 0; z-index: 0; transform: rotate(180deg); transition: transform .5s ease-in-out; } #home__dashboard .home__dashboard-gauge.home__dashboard-gauge--active .home__dashboard-gauge-circle { transform: rotate(0); } @media (max-width: 767px) and (orientation: portrait) { #home__dashboard { z-index: 99; } #home__dashboard .home__dashboard-header { opacity: 0; pointer-events: none; } #home__dashboard .home__dashboard-content { width: 100vw; padding-left: 20px; padding-right: 20px; } #home__dashboard .home__dashboard-top { flex-wrap: wrap; } #home__dashboard .home__dashboard-top .home__dashboard-top-left, #home__dashboard .home__dashboard-top .home__dashboard-top-right { width: 100%; } #home__dashboard .home__dashboard-top .home__dashboard-top-right { margin-top: 1em; } #home__dashboard .home__dashboard-live .dashboard__match { padding: .5em 0.625em; } #home__dashboard .home__dashboard-live .dashboard__match .dashboard__match-live, #home__dashboard .home__dashboard-live .dashboard__match .dashboard__match-info, #home__dashboard .home__dashboard-live .dashboard__match .dashboard__match-cta-column { display: none; } #home__dashboard .home__dashboard-live .dashboard__match.dashboard__match--live .dashboard__match-teams { width: 70%; padding-right: 0.625em; } #home__dashboard .home__dashboard-live .dashboard__match.dashboard__match--live .dashboard__match-sets { width: 24%; padding-right: 0.625em; } #home__dashboard .home__dashboard-live .dashboard__match.dashboard__match--live .dashboard__match-results { padding-right: 0; text-align: right; } #home__dashboard .home__dashboard-live .dashboard__match.dashboard__match--live .dashboard__match-team, #home__dashboard .home__dashboard-live .dashboard__match.dashboard__match--live .dashboard__match-team-sets, #home__dashboard .home__dashboard-live .dashboard__match.dashboard__match--live .dashboard__match-team-results { font-size: .875em; } #home__dashboard .home__dashboard-bottom .home__dashboard-bottom-left { display: none; } #home__dashboard .home__dashboard-bottom .home__dashboard-bottom-right { width: 100%; } #home__dashboard .home__dashboard-cta .home__dashboard-cta-heading { font-size: 0.625em; } #home__dashboard .home__dashboard-cta .home__dashboard-cta-title { font-size: 1.5em; } #home__dashboard .home__dashboard-cta.home__dashboard-cta--tickets .home__dashboard-cta-heading, #home__dashboard .home__dashboard-cta.home__dashboard-cta--tournaments .home__dashboard-cta-heading { display: none; } #home__dashboard .home__dashboard-cta.home__dashboard-cta--tickets .home__dashboard-cta-button, #home__dashboard .home__dashboard-cta.home__dashboard-cta--tournaments .home__dashboard-cta-button { margin-top: 0; } #home__dashboard .home__dashboard-cta.home__dashboard-cta--tickets .home__dashboard-cta-contents { padding: 1em; justify-content: center; } #home__dashboard .home__dashboard-cta.home__dashboard-cta--tickets .home__dashboard-cta-button { width: auto; padding-left: 1em; padding-right: 1em; } #home__dashboard .home__dashboard-cta.home__dashboard-cta--watch .home__dashboard-cta-contents { padding: 1.75em 1.5em; } #home__dashboard .home__dashboard-cta.home__dashboard-cta--tournaments .home__dashboard-cta-contents { padding: 1.375em 1.5em; } #home__dashboard .home__dashboard-tournament-info .home__dashboard-tournament-info-footer { display: block; margin-top: 0; } #home__dashboard .home__dashboard-tournament-info .home__dashboard-tournament-info-footer .home__dashboard-tournament-info-location { text-align: left; margin: 1em 0 1.4em 0; } #home__dashboard .home__dashboard-inner { padding-bottom: 4em; } #home__dashboard .home__dashboard-footer { position: relative; padding: .5em 0 0 0; } #home__dashboard .home__dashboard-gauge { display: none; } } /* COMMON */ .home__section { position: relative; font-size: 16px; } .home__section-sub-heading { margin: 0 0 2em 0; font-family: 'Gotham Extra Narrow Black'; font-size: 1.125em; line-height: 1.6em; letter-spacing: 0.3em; text-transform: uppercase; color: #1a1a1a; } .box-cta { position: relative; display: inline-block; font-family: 'Gotham Extra Narrow Black'; font-size: 1.25em; line-height: 1.2em; color: #000000; padding: 1em; min-width: 9em; text-align: center; transition: transform .15s ease-in-out; outline: 0; border: none; } .box-cta:visited, .box-cta:active { color: #000000; outline: 0; } .box-cta:hover { color: #000000; transform: scale(1.1); } .box-cta.box-cta--gold { background-color:#F4C616; } .box-cta.box-cta--pink { background-color: #ee295c; } .box-cta.box-cta--blue { background-color: #4784c5; } .box-cta.box-cta--large { padding: 2em 3em; } .box-cta.box-cta--disabled { display: none; } .bordered-cta { font-family: 'Gotham Extra Narrow Ultra'; font-size: 1.125em; line-height: 1.2em; border: 2px solid #e6bd21; color: #e6bd21; width: 9.777em; height: 2em; display: flex; align-items: center; justify-content: center; transition: background-color .15s ease-in-out, color .15s ease-in-out; } .bordered-cta:visited, .bordered-cta:active { color: #e6bd21; outline: 0; } .bordered-cta:hover { background-color: #e6bd21; color: #231f20; } @keyframes scrollAnimation { 0% { top: 0; bottom: 100%; } 80% { top: 0; bottom: 0; } 100% { top: 100%; bottom: 0; } } .scroll-hint { display: block; position: relative; font-size: 1em; } .scroll-hint .scroll-hint__label { position: absolute; bottom: 108%; display: block; font-size: 1.125em; font-family: 'Gotham Extra Narrow Black'; color: #fff; letter-spacing: 0.300em; text-transform: uppercase; transform: translate(-50%, 0); } .scroll-hint .scroll-hint__bar { position: relative; display: block; width: 2px; height: 2.5em; transform: translateX(-50%); } .scroll-hint .scroll-hint__bar:after { position: absolute; width: 100%; left: 0; right: 0; top: 0; bottom: 100%; background-color: #d0d0d0; content: ''; animation-name: scrollAnimation; animation-duration: 2s; animation-iteration-count: infinite; animation-direction: normal; animation-delay: 1s; animation-timing-function: ease-in-out; } /* TYPE */ .home__section-heading { margin: 0; font-family: 'Gotham Extra Narrow Ultra'; font-size: 4em; line-height: 1.1; } .home__section-heading.home__section-heading--white { color: #fff; } .home__section-heading.home__section-heading--black { color: #231f20; } .home__section-heading.home__section-heading--uppercase { text-transform: uppercase; } @media (max-width: 767px) and (orientation: portrait) { .home__section-heading { font-size: 2.75em; line-height: 1em; } } .home__grafitty-heading { margin: 0; font-family: 'Pure Heart'; font-weight: 700; font-style: italic; font-size: 7em; line-height: .7241em; } .home__grafitty-heading.home__grafitty-heading--pink { color: #ee295c; } .home__grafitty-heading.home__grafitty-heading--blue { color: #4784c5; } @media (max-width: 767px) and (orientation: portrait) { .home__grafitty-heading { font-size: 4.5em; line-height: .75em; } } .home__body-copy { font-family: 'Gotham Extra Narrow Book'; font-size: 1.25em; line-height: 1.2em; } .home__body-copy strong { font-family: 'Gotham Extra Narrow Bold'; } .home__body-copy.home__body-copy--white { color: #fff; } /* HERO */ #home__hero { position: relative; /*height: 52vw;*/ display: flex; justify-content: center; background-color: #000; } img.home__hero-image { max-width:1176px; } #home__hero-buttons { display: flex; justify-content: center; background-color: #000; flex-wrap: wrap; margin: 0 -0.625em; padding: 0; align-items: center; justify-content: center; } #home__hero-buttons div { max-width: 1176px; display: flex; justify-content: center; flex-direction: row; flex-wrap: wrap; margin: 0 -0.625em; padding:0 0 4em 0; align-items: center; gap:10em; } #home__hero-buttons div .box-cta { font-size:20px; padding: 1em; } @media (max-width: 767px) and (orientation: portrait) { #home__hero-buttons { display:block; } #home__hero-buttons div { flex-direction: column; padding:0 0 2em 0; gap:2em; } } .emergency-dashboard--banner { max-width:860px; text-align:center; font-family: 'Open Sans', sans-serif; font-size:32px; line-height: 38px; color:#ffffff; position:relative; margin:auto; top:45%; } @media (max-width: 767px) { .emergency-dashboard--banner { padding:10px; text-align:center; font-family: 'Open Sans', sans-serif; font-size:20px; line-height: 24px; color:#ffffff; top:0%; } } #home__hero .home__scroll-wrapper { font-size: 1em; position: absolute; left: 27.34%; bottom: 0em; z-index: 1; } @media (max-width: 767px) and (orientation: portrait) { #home__hero { /*height: 160vw; */ } #home__hero .home__scroll-wrapper { left: 50%; } } #home__hero-carousel { background-color: #000; } #home__hero-carousel .home__hero-slide { display: block; position: relative; height: 52vw; overflow: hidden; } #home__hero-carousel .home__hero-slide .home__hero-image { position: absolute; left: 0; width: 100%; } @media (max-width: 767px) and (orientation: portrait) { #home__hero-carousel .home__hero-slide { height: 160vw; } } /* UPCOMING TOURNAMENTS */ .home__tournaments { padding: 5em 0 8.75em 0; background-size: 100%; background-position: bottom; background-repeat: no-repeat; background-color: #efefef; overflow-x: hidden; display: none; } .home__tournaments.home__tournaments--active { display: block; } .home__tournaments .home__tournaments-items { display: flex; flex-wrap: wrap; width: 100%; } .home__tournaments .home__tournaments-items .home__tournaments-items-inner { width: 100%; } .home__tournaments .home__tournaments-items .home__tournaments-item { display: flex; flex-direction: column; justify-content: center; width: 100%; background-color: #fff; box-shadow: 0 0 0.625em 0 rgba(0, 0, 0, 0.1); margin-bottom: 0.3125em; text-align: center; transition: width .15s ease-in-out, margin .15s ease-in-out, transform .15s ease-in-out; } .home__tournaments .home__tournaments-items .home__tournaments-item:last-child { margin-bottom: 0; } .home__tournaments .home__tournaments-items .home__tournaments-item .home__tournaments-item-date { font-family: 'Gotham Extra Narrow Black'; color: #231f20; } .home__tournaments .home__tournaments-items .home__tournaments-item .home__tournaments-item-title { font-family: 'Gotham Extra Narrow Bold'; color: #e6bd21; } .home__tournaments .home__tournaments-series { margin: 0 0 0.625em 0; display: none; } .home__tournaments .home__tournaments-series[data-series="gold"] { width: 3.75em; height: auto; } .home__tournaments .home__tournaments-series[data-series="tour"], .home__tournaments .home__tournaments-series[data-series="pro"], .home__tournaments .home__tournaments-series[data-series="championship"] { width: auto; height: 1.625em; } .home__tournaments .home__tournaments-series.home__tournaments-series--active { display: block; } .home__tournaments .home__tournaments-heading { margin: 0 0 .4em 0; font-family: 'Gotham Extra Narrow Ultra'; font-size: 3em; line-height: 1em; color: #231f20; } .home__tournaments .home__tournaments-date { margin: 0 0 .5em 0; font-family: 'Gotham Extra Narrow Black'; font-size: 1.25em; line-height: 1.2em; color: #1a1a1a; } .home__tournaments .home__tournaments-excerpt { margin-bottom: 1.5em; } @media (max-width: 767px) and (orientation: portrait) { .home__tournaments { padding: 3.125em 0 5em 0; } .home__tournaments .desktop { display: none; } .home__tournaments .home__section-sub-heading { text-align: center; margin-bottom: 1.5em; } .home__tournaments .home__tournaments-sub-heading { margin: 0 0 1em 0; font-size: 1em; } .home__tournaments .home__tournaments-upcoming .home__tournaments-series { margin: 0 auto .5em auto; } .home__tournaments .home__tournaments-upcoming .home__tournaments-heading { font-size: 2.5em; margin-bottom: 0.25em; } .home__tournaments .home__tournaments-upcoming .home__tournaments-date { margin-bottom: 1em; } .home__tournaments .home__tournaments-upcoming .home__tournaments-excerpt { display: none; } .home__tournaments .home__tournaments-upcoming .box-cta { padding: .75em; } .home__tournaments .home__tournaments-image, .home__tournaments .home__tournaments-item-info { transition: max-height 0.2s ease-out, opacity 0.25s ease-out .25s; opacity: 0; } .home__tournaments .home__tournaments-image { padding-bottom: 60%; background-size: cover; background-position: center; } .home__tournaments .home__tournaments-right-inner { width: 100%; overflow-x: auto; } .home__tournaments .home__tournaments-items .home__tournaments-item .home__tournaments-item-header { padding: 1em 1em; display: flex; justify-content: space-between; align-items: center; } .home__tournaments .home__tournaments-items .home__tournaments-item.home__tournaments-item--upcoming .home__tournaments-item-header, .home__tournaments .home__tournaments-items .home__tournaments-item.home__tournaments-item--current .home__tournaments-item-header, .home__tournaments .home__tournaments-items .home__tournaments-item.home__tournaments-item--selected .home__tournaments-item-header { background: #fed91b; background: -moz-linear-gradient(left, #fed91b 0%, #f78d1e 100%); background: -webkit-linear-gradient(left, #fed91b 0%, #f78d1e 100%); background: linear-gradient(to right, #fed91b 0%, #f78d1e 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fed91b', endColorstr='#f78d1e',GradientType=1 ); } .home__tournaments .home__tournaments-items .home__tournaments-item.home__tournaments-item--upcoming .home__tournaments-item-title, .home__tournaments .home__tournaments-items .home__tournaments-item.home__tournaments-item--current .home__tournaments-item-title, .home__tournaments .home__tournaments-items .home__tournaments-item.home__tournaments-item--selected .home__tournaments-item-title { color: #fff; } .home__tournaments .home__tournaments-items .home__tournaments-item .home__tournaments-item-info { max-height: 0; overflow: hidden; } .home__tournaments .home__tournaments-items .home__tournaments-item .home__tournaments-item-info .home__tournaments-upcoming { padding: 1.25em; } .home__tournaments .home__tournaments-items .home__tournaments-item.home__tournaments-item--visible .home__tournaments-item-info, .home__tournaments .home__tournaments-items .home__tournaments-item.home__tournaments-item--upcoming .home__tournaments-item-info, .home__tournaments .home__tournaments-items .home__tournaments-item.home__tournaments-item--current .home__tournaments-item-info, .home__tournaments .home__tournaments-items .home__tournaments-item.home__tournaments-item--selected .home__tournaments-item-info { max-height: 100vh; } .home__tournaments .home__tournaments-items .home__tournaments-item.home__tournaments-item--visible .home__tournaments-image, .home__tournaments .home__tournaments-items .home__tournaments-item.home__tournaments-item--visible .home__tournaments-item-info, .home__tournaments .home__tournaments-items .home__tournaments-item.home__tournaments-item--upcoming .home__tournaments-image, .home__tournaments .home__tournaments-items .home__tournaments-item.home__tournaments-item--upcoming .home__tournaments-item-info, .home__tournaments .home__tournaments-items .home__tournaments-item.home__tournaments-item--current .home__tournaments-image, .home__tournaments .home__tournaments-items .home__tournaments-item.home__tournaments-item--current .home__tournaments-item-info, .home__tournaments .home__tournaments-items .home__tournaments-item.home__tournaments-item--selected .home__tournaments-image, .home__tournaments .home__tournaments-items .home__tournaments-item.home__tournaments-item--selected .home__tournaments-item-info { opacity: 1; } .home__tournaments .home__tournaments-items .home__tournaments-item .home__tournaments-item-date { font-size: 1em; line-height: 1em; min-width: 42%; text-align: left; } .home__tournaments .home__tournaments-items .home__tournaments-item .home__tournaments-item-title { font-size: 1em; line-height: 1em; text-align: right; } } @media not screen and (max-width: 767px) and (orientation: portrait) { .home__tournaments .mobile { display: none; } .home__tournaments .home__tournaments-columns { display: flex; } .home__tournaments .home__tournaments-columns .home__tournaments-left { position: relative; width: 83.09859154929578%; padding-top: 3.75em; padding-bottom: 3.75em; padding-left: 7.042253521126761%; display: flex; align-items: center; padding-right: 43%; } .home__tournaments .home__tournaments-columns .home__tournaments-left:before { content: ''; position: absolute; top: 0; right: 0; bottom: 0; z-index: 0; background-color: #fff; box-shadow: 0 0 1.25em 0 rgba(0, 0, 0, 0.1); width: 100vw; transition: width .25s ease-in-out; } .home__tournaments .home__tournaments-columns .home__tournaments-left .home__tournaments-upcoming { position: relative; z-index: 1; } .home__tournaments .home__tournaments-columns .home__tournaments-left .home__tournaments-upcoming.home__tournaments-upcoming--out { animation-name: outAnimation; animation-duration: .15s; animation-iteration-count: 1; animation-direction: normal; animation-timing-function: ease-in-out; animation-fill-mode: forwards; } .home__tournaments .home__tournaments-columns .home__tournaments-left .home__tournaments-upcoming.home__tournaments-upcoming--in { animation-name: inAnimation; animation-duration: .15s; animation-iteration-count: 1; animation-direction: normal; animation-timing-function: ease-in-out; animation-fill-mode: forwards; } .home__tournaments .home__tournaments-columns .home__tournaments-left .home__tournaments-image { position: absolute; top: 0; right: 0; bottom: 0; width: 57%; transform: translate(21%, 3.75em); background-size: cover; background-position: center; box-shadow: 0 0 1.25em 0 rgba(0, 0, 0, 0.15); background-color: #efefef; } .home__tournaments .home__tournaments-columns .home__tournaments-left .home__tournaments-image.home__tournaments-image--out { animation-name: fadeOut; animation-duration: .15s; animation-iteration-count: 1; animation-direction: normal; animation-timing-function: ease-in-out; animation-fill-mode: forwards; } .home__tournaments .home__tournaments-columns .home__tournaments-left .home__tournaments-image.home__tournaments-image--in { animation-name: fadeIn; animation-duration: .5s; animation-iteration-count: 1; animation-direction: normal; animation-timing-function: ease-in-out; animation-fill-mode: forwards; } .home__tournaments .home__tournaments-columns .home__tournaments-right { position: relative; padding-left: 1em; display: flex; width: 23.901%; margin-left: -7%; max-height: 33.75em; } .home__tournaments .home__tournaments-columns .home__tournaments-right .home__tournaments-right-inner { padding-left: 31%; } .home__tournaments .home__tournaments-columns .home__tournaments-right.home__tournaments-right--scrollable:after { display: block; position: absolute; right: 0; bottom: 0; left: 35%; text-align: center; padding: 4px 10px 4px 10px; content: '\25BC Scroll \25BC'; color: #231f20; text-transform: uppercase; font-size: 12px; letter-spacing: 2px; background-color: rgba(247, 214, 36, 0.85); border-top: 2px solid #231f20; } .home__tournaments .home__tournaments-columns .home__tournaments-right.home__tournaments-right--scrollable .home__tournaments-right-inner { overflow: auto; scrollbar-width: none; } .home__tournaments .home__tournaments-columns .home__tournaments-right.home__tournaments-right--scrollable .home__tournaments-items { height: auto; padding-bottom: 32px; } .home__tournaments .home__tournaments-sub-heading { margin: 0 0 1.5em 0; } .home__tournaments .home__tournaments-items { height: 100%; } .home__tournaments .home__tournaments-items .home__tournaments-item { padding: .5em .5em; } .home__tournaments .home__tournaments-items .home__tournaments-item:hover { width: 122%; margin-left: -22%; transform: translateX(-1em); } .home__tournaments .home__tournaments-items .home__tournaments-item.home__tournaments-item--upcoming, .home__tournaments .home__tournaments-items .home__tournaments-item.home__tournaments-item--current, .home__tournaments .home__tournaments-items .home__tournaments-item.home__tournaments-item--selected { width: 122%; margin-left: -22%; transform: translateX(-1em); background: #fed91b; background: -moz-linear-gradient(left, #fed91b 0%, #f78d1e 100%); background: -webkit-linear-gradient(left, #fed91b 0%, #f78d1e 100%); background: linear-gradient(to right, #fed91b 0%, #f78d1e 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fed91b', endColorstr='#f78d1e',GradientType=1 ); } .home__tournaments .home__tournaments-items .home__tournaments-item.home__tournaments-item--upcoming .home__tournaments-item-title, .home__tournaments .home__tournaments-items .home__tournaments-item.home__tournaments-item--current .home__tournaments-item-title, .home__tournaments .home__tournaments-items .home__tournaments-item.home__tournaments-item--selected .home__tournaments-item-title { color: #fff; } .home__tournaments .home__tournaments-items .home__tournaments-item .home__tournaments-item-date { margin-bottom: .35em; font-size: 1.125em; line-height: 1em; } .home__tournaments .home__tournaments-items .home__tournaments-item .home__tournaments-item-title { font-size: .875em; line-height: 1em; } } @media (min-width: 1367px) { .home__tournaments .home__tournaments-columns .home__tournaments-left:before { width: 100%; } } @keyframes inAnimation { 0% { opacity: 0; transform: translateX(20%); } 100% { opacity: 1; transform: translateX(0); } } @keyframes outAnimation { 0% { opacity: 1; transform: translateX(0); } 100% { opacity: 0; transform: translateX(-20%); } } @keyframes fadeIn { 0% { opacity: 0; } 100% { opacity: 1; } } @keyframes fadeOut { 0% { opacity: 1; } 100% { opacity: 0; } } /* AVP FAMILY */ #avp-family { padding: 4.125em 0 5em 0; background-color: #060606; overflow: hidden; } #avp-family .avp-family__content { position: relative; z-index: 2; padding: 0 7.042253521126761%; width: 48em; } #avp-family .avp-family__content .home__body-copy { margin: 2.5em 0 2em 0; } #avp-family .avp-family__splatter, #avp-family .avp-family__ball { position: absolute; height: auto; } #avp-family .avp-family__splatter { z-index: 1; bottom: 0; left: 0; width: 42.0703125vw; max-width: 540px; } #avp-family .avp-family__ball { bottom: 0; right: 0; width: 60%; z-index: 0; } @media screen and (min-width: 1440px) { #avp-family .avp-family__ball { width: 54%; } } @media screen and (min-width: 1750px) { #avp-family .avp-family__ball { right: -2%; } } @media (max-width: 767px) and (orientation: portrait) { #avp-family .avp-family__content { width: 100%; padding: 0; } #avp-family .avp-family__splatter { width: 84vw; } #avp-family .avp-family__ball { width: 120%; } } /* TRENDING ARTICLES */ #trending { padding: 5em 0; background-color: #efefef; background-position: right 26%; background-size: 100vw; background-repeat: no-repeat; } #trending .trending__article .trending__article-image { background-position: center; background-size: cover; } #trending .trending__article .trending__article-title { margin: 0; font-family: 'Gotham Extra Narrow Black'; color: #231f20; } #trending .trending__article .trending__article-title a { transition: color .15s ease-in-out; color: #231f20; } #trending .trending__article .trending__article-title a:hover { color: #4784c5; } #trending .trending__article .trending__article-byline { font-family: 'Gotham Extra Narrow Bold'; } #trending .trending__article.trending__article--featured { position: relative; display: flex; margin-bottom: 6.25em; } #trending .trending__article.trending__article--featured:before { position: absolute; z-index: 0; content: ''; top: 0; left: 0; bottom: 0; width: 66.2%; background-color: #fff; box-shadow: 0 0 1.25em 0 rgba(0, 0, 0, 0.1); } #trending .trending__article.trending__article--featured .trending__article-contents { position: relative; width: 50%; z-index: 1; padding: 3.75em 7.042253521126761%; } #trending .trending__article.trending__article--featured .trending__article-category { margin-bottom: 1.5em; } #trending .trending__article.trending__article--featured .trending__article-title { margin: 0 0 0.75em 0; font-size: 3em; line-height: 1em; } #trending .trending__article.trending__article--featured .trending__article-byline { margin: 0 0 0.75em 0; font-size: 1em; line-height: 1.2em; } #trending .trending__article.trending__article--featured .trending__article-excerpt { margin-bottom: 1.5em; } #trending .trending__article.trending__article--featured .trending__article-image { position: relative; z-index: 2; margin: 3.75em 0; width: 50%; box-shadow: 0 0 1.25em 0 rgba(0, 0, 0, 0.15); } #trending .trending__article.trending__article--featured .trending__article-all { position: absolute; right: 0; bottom: 2.5em; width: 50%; text-align: center; transform: translateY(100%); } #trending .trending__articles { display: flex; margin: 0 -.5em; } #trending .trending__articles .trending__article { display: flex; width: 33.333%; padding: 0 .5em; } #trending .trending__articles .trending__article .trending__article-box { position: relative; width: 100%; background-color: #fff; padding-bottom: 3.75em; } #trending .trending__articles .trending__article .trending__article-image { display: block; background-color: #f8f8f8; padding-bottom: 64.86486486486487%; } #trending .trending__articles .trending__article .trending__article-contents { text-align: center; padding: 1.25em 1.25em 0 1.25em; } #trending .trending__articles .trending__article .trending__article-title { margin: 0 0 0.2em 0; font-size: 1.5em; line-height: 1.2em; } #trending .trending__articles .trending__article .trending__article-byline { font-size: 0.875em; line-height: 1.2em; } #trending .trending__articles .trending__article .trending__article-cta { position: absolute; left: 1em; bottom: 1em; right: 1em; font-family: 'Gotham Extra Narrow Ultra'; font-size: 1.25em; line-height: 1.2em; color: #e6bd21; transition: color .15s ease-in-out; } #trending .trending__articles .trending__article .trending__article-cta:hover { color: #4784c5; } @media (max-width: 767px) { #trending .layout__max-width { padding: 0; } #trending .trending__articles { margin: 0; } #trending .trending__articles .trending__article { width: 100%; padding: 0; } } @media (max-width: 767px) and (orientation: portrait) { #trending { background-position: right -7%; background-size: 200vw; } #trending .trending__article.trending__article--featured { margin-bottom: 10.25em; } #trending .trending__article.trending__article--featured:before { width: 100%; } #trending .trending__article.trending__article--featured .trending__article-contents { width: 100%; padding-left: 35px; padding-right: 35px; } #trending .trending__article.trending__article--featured .trending__article-category { margin-bottom: 1.5em; } #trending .trending__article.trending__article--featured .trending__article-title { margin-bottom: 0.681818em; font-size: 2.75em; line-height: 1em; } #trending .trending__article.trending__article--featured .trending__article-byline { margin-bottom: 0.75em; } #trending .trending__article.trending__article--featured .trending__article-excerpt { margin-bottom: 3.8em; } #trending .trending__article.trending__article--featured .trending__article-image { position: absolute; z-index: 0; margin: 0; bottom: -7.75em; right: 0; width: 70vw; height: 73vw; } #trending .trending__article.trending__article--featured .trending__article-all { display: none; } } /* POST SEASON */ #post-season { padding: 5em 0; background-color: #efefef; background-position: right 26%; background-size: 100vw; background-repeat: no-repeat; } #post-season .post-season__article { position: relative; display: flex; } #post-season .post-season__article:before { position: absolute; z-index: 0; content: ''; top: 3.75em; bottom: 3.75em; right: 45%; width: 100vw; background-color: #fff; box-shadow: 0 0 1.25em 0 rgba(0, 0, 0, 0.1); transition: width .25s ease-in-out; } #post-season .post-season__article .post-season__article-image { position: relative; z-index: 2; width: 54.5774647887324%; box-shadow: 0 0 1.25em 0 rgba(0, 0, 0, 0.15); background-position: center; background-size: cover; } #post-season .post-season__article .post-season__article-title { margin: 0 0 0.486111em 0; font-size: 4.5em; line-height: 0.99458333em; font-family: 'Gotham Extra Narrow Black'; color: #231f20; } #post-season .post-season__article .post-season__article-title a { transition: color .15s ease-in-out; color: #231f20; } #post-season .post-season__article .post-season__article-title a:hover { color: #4784c5; } #post-season .post-season__article .post-season__article-contents { position: relative; width: 45.42253521126761%; margin: 3.75em 0; z-index: 1; padding: 4.8125em 7.042253521126761% 5em 7.042253521126761%; } #post-season .post-season__article .post-season__article-excerpt { margin-bottom: 2.25em; } @media (max-width: 767px) { #post-season .layout__max-width { padding: 0; } #post-season .post-season__article { width: 100%; padding: 0; } } @media (max-width: 767px) and (orientation: portrait) { #post-season { background-position: right -7%; background-size: 200vw; } #post-season .post-season__article { margin-bottom: 6.25em; } #post-season .post-season__article:before { width: 100%; top: 0; right: 0; bottom: 0; } #post-season .post-season__article .post-season__article-contents { width: 100%; margin: 0; padding-left: 35px; padding-right: 35px; } #post-season .post-season__article .post-season__article-title { margin-bottom: 0.681818em; font-size: 2.75em; line-height: 1em; } #post-season .post-season__article .post-season__article-excerpt { margin-bottom: 3.8em; } #post-season .post-season__article .post-season__article-image { position: absolute; z-index: 0; margin: 0; bottom: -6.25em; right: 0; width: 70vw; height: 73vw; } } @media (min-width: 1367px) { #post-season .post-season__article:before { right: 45%; width: 55%; } } /* OUR MISSION */ #our-mission { padding: 4.125em 0 12.5em 0; background-color: #010101; overflow: hidden; } #our-mission .our-mission__content { position: relative; z-index: 2; padding: 0 7.042253521126761%; margin: 0 1em 0 auto; width: 43.75em; } #our-mission .our-mission__content .home__body-copy { margin: 2.5em 0 2em 0; } #our-mission .our-mission__splatter, #our-mission .our-mission__player { position: absolute; height: auto; } #our-mission .our-mission__splatter { z-index: 1; bottom: 0; left: 0; width: 37.890625vw; max-width: 485px; } #our-mission .our-mission__player { left: -22%; top: 0; z-index: 0; } @media screen and (min-width: 1440px) { #our-mission .our-mission__player { left: -15%; } } @media screen and (min-width: 1750px) { #our-mission .our-mission__player { left: 0; } } @media (max-width: 767px) and (orientation: portrait) { #our-mission { padding: 3.75em 0 10em 0; } #our-mission .our-mission__content { width: 100%; padding: 0; } #our-mission .our-mission__splatter { width: 84vw; } #our-mission .our-mission__player { display: none; top: 47.1%; width: 95vw; right: -23.7vw; } } /* NEWSLETTER */ #newsletter { background-color: #efefef; padding-top: 1px; background-repeat: no-repeat; background-size: 100%; background-position: bottom; padding-bottom: 5em; } #newsletter .newsletter__box { text-align: center; position: relative; z-index: 1; width: 83.09859154929578%; margin: -7.5em auto 0 auto; background-color: #fff; box-shadow: 0 0 1.25em 0 rgba(0, 0, 0, 0.1); padding: 3.75em 2.5em 6.25em 2.5em; } #newsletter .newsletter__sub-heading { margin-bottom: 2.5em; } #newsletter .newsletter__heading { margin-bottom: .5em; font-size: 3em; line-height: 1.2em; } #newsletter .newsletter__copy { margin: 0 auto; max-width: 22em; } #newsletter .newsletter__form { position: relative; margin: 3.5em auto 0 auto; max-width: 23em; } #newsletter .newsletter__form .newsletter__form-error { display: none; position: absolute; top: 0; left: 0; right: 0; text-align: center; transform: translateY(-100%); font-family: 'Gotham Extra Narrow Book'; font-size: 1.25em; line-height: 1em; color: #ef4140; padding-bottom: 0.35em; } #newsletter .newsletter__form .newsletter__form-success { display: none; align-items: center; justify-content: center; position: absolute; top: 0; right: 0; bottom: 0; left: 0; font-family: 'Gotham Extra Narrow Bold'; font-size: 2em; line-height: 1.2em; color: #4784c5; } #newsletter .newsletter__form .newsletter__form-input { display: block; width: 100%; border: 2px solid #999999; text-align: center; font-family: 'Gotham Extra Narrow Book'; font-size: 1.25em; line-height: 1em; height: 3em; color: #999999; } #newsletter .newsletter__form .newsletter__form-input::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */ color: #999999; opacity: 1; /* Firefox */ } #newsletter .newsletter__form .newsletter__form-input:-ms-input-placeholder { /* Internet Explorer 10-11 */ color: #999999; } #newsletter .newsletter__form .newsletter__form-input::-ms-input-placeholder { /* Microsoft Edge */ color: #999999; } #newsletter .newsletter__form .newsletter__form-input:focus { border-color: #e6bd21; } #newsletter .newsletter__form .newsletter__form-fields { transition: opacity .15s ease-in-out; } #newsletter .newsletter__form .newsletter__form-submit { margin-top: 2em; } #newsletter .newsletter__form .newsletter__form-submit .loader { display: none; } #newsletter .newsletter__form .newsletter__form-submit .loader path, #newsletter .newsletter__form .newsletter__form-submit .loader polygon { fill: #fff; } #newsletter .newsletter__form.newsletter__form--error .newsletter__form-error { display: block; } #newsletter .newsletter__form.newsletter__form--error .newsletter__form-input { border-color: #ef4140; } #newsletter .newsletter__form.newsletter__form--processing .newsletter__form-submit { color: transparent; } #newsletter .newsletter__form.newsletter__form--processing .newsletter__form-submit .loader { display: block; } #newsletter .newsletter__form.newsletter__form--success .newsletter__form-fields { opacity: 0; } #newsletter .newsletter__form.newsletter__form--success .newsletter__form-success { display: flex; } @media (max-width: 767px) and (orientation: portrait) { #newsletter { background-size: 200%; background-position: bottom right; } #newsletter .newsletter__box { width: 100%; margin-top: -6.25em; padding-bottom: 3.75em; } #newsletter .newsletter__sub-heading { margin-bottom: 2em; } #newsletter .newsletter__heading { margin-bottom: 0.8333em; font-size: 2.25em; line-height: 1em; } #newsletter .newsletter__form .newsletter__form-error { font-size: 1em; } } .home__sponsors-wrapper { width: 83.09859154929578%; margin: 0 auto; } .home__sponsors-wrapper .home__sponsors { display: flex; flex-wrap: wrap; margin: 0 -0.625em; padding: 3.75em 0 3.125em 0; align-items: center; justify-content: center; } .home__sponsors-wrapper .home__sponsors .home__sponsor { display: block; width: 8.333%; padding: 0 0.625em; } .home__sponsors-wrapper .home__sponsors .home__sponsor img { display: block; width: 100%; height: auto; } .home__sponsors-wrapper .home__sponsors .home__sponsor.home__sponsor--large { width: 16.666%; } .home__sponsors-wrapper .home__sponsors a.home__sponsor { transition: transform .15s ease-in-out; } .home__sponsors-wrapper .home__sponsors a.home__sponsor:hover { transform: scale(1.1); } @media (max-width: 767px) and (orientation: portrait) { .home__sponsors-wrapper { width: 100%; } .home__sponsors-wrapper .home__sponsors { margin: 0 -0.5em; padding-bottom: 0.625em; } .home__sponsors-wrapper .home__sponsors .home__sponsor { width: 25%; padding: 0 0.5em 0.625em 0.5em; } .home__sponsors-wrapper .home__sponsors .home__sponsor.home__sponsor--large { width: 50%; } } #our-sponsors { background-color: #efefef; padding-top: 1px; } #our-sponsors .home__section-sub-heading { margin: 3.8888889em 0 -1.6666667em 0; text-align: center; } #our-sponsors .home__sponsors-wrapper { width: 83.09859154929578%; margin: 0 auto; } #our-sponsors .home__sponsors-wrapper .home__sponsors { display: flex; flex-wrap: wrap; margin: 0 -0.625em; padding: 5em 0 0 0; align-items: center; justify-content: center; } #our-sponsors .home__sponsors-wrapper .home__sponsors .home__sponsor { display: block; width: 8.333%; padding: 0 0.625em; } #our-sponsors .home__sponsors-wrapper .home__sponsors .home__sponsor img { display: block; width: 100%; height: auto; } #our-sponsors .home__sponsors-wrapper .home__sponsors .home__sponsor.home__sponsor--large { width: 16.666%; } #our-sponsors .home__sponsors-wrapper .home__sponsors a.home__sponsor { transition: transform .15s ease-in-out; } #our-sponsors .home__sponsors-wrapper .home__sponsors a.home__sponsor:hover { transform: scale(1.1); } @media (max-width: 767px) and (orientation: portrait) { #our-sponsors .home__sponsors-wrapper { width: 100%; } #our-sponsors .home__sponsors-wrapper .home__sponsors { margin: 0 -0.5em -1em -0.5em; } #our-sponsors .home__sponsors-wrapper .home__sponsors .home__sponsor { width: 25%; padding: 0 0.5em 0.625em 0.5em; } #our-sponsors .home__sponsors-wrapper .home__sponsors .home__sponsor.home__sponsor--large { width: 50%; } } /* SPONSOR BANNERS */ .home__sponsors-banners-wrapper { display: flex; flex-wrap: wrap; background-color: #efefef; } .home__sponsors-banners-wrapper .home__sponsors-banners { width: 50%; position: relative; } .home__sponsors-banners-wrapper .home__sponsors-banners .home__sponsors-banner { position: absolute; top: 0; right: 0; bottom: 0; left: 0; opacity: 0; z-index: 0; pointer-events: none; transition: opacity 1s ease-in-out; } .home__sponsors-banners-wrapper .home__sponsors-banners .home__sponsors-banner .home__sponsors-banner-image { display: block; width: 100%; } .home__sponsors-banners-wrapper .home__sponsors-banners .home__sponsors-banner[data-index="0"] { position: relative; } .home__sponsors-banners-wrapper .home__sponsors-banners .home__sponsors-banner.home__sponsors-banner--active { opacity: 1; pointer-events: auto; z-index: 0; } @media (max-width: 767px) and (orientation: portrait) { .home__sponsors-banners-wrapper .home__sponsors-banners { width: 100%; } } .special-announcement { padding: 1px 0 5em 0; background-color: #efefef; } .special-announcement .special-announcement__inner { margin-top: 5em; padding: 3.75em; background-color: #fff; text-align: center; box-shadow: 0 0 1.25em 0 rgba(0, 0, 0, 0.1); } .special-announcement .home__section-heading { margin-bottom: .25em; } .special-announcement .home__body-copy { margin: 0 auto; max-width: 40em; } .special-announcement .special-announcement__video { margin: 3em auto 0 auto; max-width: 50em; } @media (max-width: 767px) and (orientation: portrait) { .special-announcement .layout__max-width { padding: 0; } .special-announcement .special-announcement__inner { padding: 3.75em 35px; } } /*# sourceMappingURL=homepage.css.map */