%PDF-1.7 GIF89;
Server IP : 5.161.254.237 / Your IP : 216.73.216.252 Web Server : Apache System : Linux diamond.sialwebvps.com 4.18.0-553.8.1.el8_10.x86_64 #1 SMP Tue Jul 2 07:26:33 EDT 2024 x86_64 User : stellasp ( 1131) PHP Version : 7.4.33 Disable Function : exec,passthru,shell_exec,system MySQL : OFF | cURL : ON | WGET : ON | Perl : ON | Python : ON | Sudo : ON | Pkexec : ON Directory : /home/stellasp/www/frontend/css/ |
Upload File : |
.o-table,.s-content-body table { border-style: solid; border-color: #ccc; border-width: 0; border-spacing: 0; border-collapse: collapse; font-family: Graphik,Arial,Helvetica,sans-serif; letter-spacing: 1px; width: 100%; } .s-content-body table[role=grid],[role=grid].o-table { table-layout: fixed; } .o-table svg,.s-content-body table svg { width: 20px; height: 20px; } .o-table img,.s-content-body table img { max-width: 50px; border-radius: 50%; } @media (min-width:1000px) { .o-table,.s-content-body table { table-layout: fixed; } } @media (max-width:999px) { .o-table,.s-content-body table { -webkit-overflow-scrolling: touch; overflow-x: scroll; overflow-y: hidden; display: block; } .o-table tbody,.o-table thead,.s-content-body table tbody,.s-content-body table thead { white-space: nowrap; } } @media print and (max-width:999px) { .o-table tbody,.o-table thead,.s-content-body table tbody,.s-content-body table thead { white-space: inherit; } } @media print { .o-table,.s-content-body table { display: table; } .o-table .tc-links,.o-table .tc-tickets,.s-content-body table .tc-links,.s-content-body table .tc-tickets { opacity: 0; } }/*! normalize.css v4.1.1 | MIT License | github.com/necolas/normalize.css */html { font-family: sans-serif; line-height: 1.15; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; } body { margin: 0; } article,aside,details,figcaption,figure,footer,header,main,menu,nav,section,summary { display: block; } audio,canvas,progress,video { display: inline-block; } audio:not([controls]) { display: none; height: 0; } progress { vertical-align: baseline; } [hidden],template { display: none; } a { background-color: transparent; -webkit-text-decoration-skip: objects; } a:active,a:hover { outline-width: 0; } abbr[title] { border-bottom: none; text-decoration: underline; text-decoration: underline dotted; } b,strong { font-weight: inherit; } b,strong { font-weight: bolder; } dfn { font-style: italic; } h1 { font-size: 2em; margin: .67em 0; } mark { background-color: #ff0; color: #000; } small { font-size: 80%; } sub,sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sub { bottom: -.25em; } sup { top: -.5em; } img { border-style: none; } svg:not(:root) { overflow: hidden; } code,kbd,pre,samp { font-family: monospace,monospace; font-size: 1em; } figure { margin: 1em 40px; } hr { -webkit-box-sizing: content-box; box-sizing: content-box; height: 0; overflow: visible; } button,input,optgroup,select,textarea { font: inherit; margin: 0; } optgroup { font-weight: 700; } button,input { overflow: visible; } button,select { text-transform: none; } [type=reset],[type=submit],button,html [type=button] { -webkit-appearance: button; } [type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner { border-style: none; padding: 0; } [type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring { outline: 1px dotted ButtonText; } fieldset { border: 1px solid silver; margin: 0 2px; padding: .35em .625em .75em; } legend { -webkit-box-sizing: border-box; box-sizing: border-box; color: inherit; display: table; max-width: 100%; padding: 0; white-space: normal; } textarea { overflow: auto; } [type=checkbox],[type=radio] { -webkit-box-sizing: border-box; box-sizing: border-box; padding: 0; } [type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button { height: auto; } [type=search] { -webkit-appearance: textfield; outline-offset: -2px; } [type=search]::-webkit-search-cancel-button,[type=search]::-webkit-search-decoration { -webkit-appearance: none; } ::-webkit-input-placeholder { color: inherit; opacity: .54; } ::-webkit-file-upload-button { -webkit-appearance: button; font: inherit; } html { -webkit-box-sizing: border-box; box-sizing: border-box; } *,::after,::before { -webkit-box-sizing: inherit; box-sizing: inherit; } audio,canvas,iframe,img,svg,video { vertical-align: middle; } img,svg { max-width: 100%; height: auto; } svg { min-width: 12px; min-height: 12px; fill: currentColor; } address { font-style: inherit; } figure { margin: 0; } ol,ul { margin: 0; padding: 0; } cite,dfn,em,i { font-style: italic; } b,strong { font-weight: 700; } a { color: inherit; text-decoration: none; } a:focus,a:hover { text-decoration: none; } [hreflang]>abbr[title] { text-decoration: none; } .o-btn,.o-button,button { display: inline-block; overflow: visible; margin: 0; padding: 0; outline: 0; border: 0; background: 0 0; color: inherit; vertical-align: middle; text-align: center; text-decoration: none; text-transform: none; font: inherit; line-height: normal; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .o-btn:focus,.o-btn:hover,.o-button:focus,.o-button:hover,button:focus,button:hover { text-decoration: none; } @font-face { font-family:Graphik;src:url(../fonts/Graphik/Regular.woff) format("woff"),url(../fonts/Graphik/Regular.ttf) format("truetype");font-style:normal;font-weight:400; } @font-face { font-family:Graphik;src:url(../fonts/Graphik/Medium.woff) format("woff"),url(../fonts/Graphik/Medium.ttf) format("truetype");font-style:normal;font-weight:500; } @font-face { font-family:Graphik;src:url(../fonts/Graphik/Semibold.woff) format("woff"),url(../fonts/Graphik/Semibold.ttf) format("truetype");font-style:normal;font-weight:600; } @font-face { font-family:"Timmons NY";src:url(../fonts/TimmonsNY/Regular.eot?#iefix) format("embedded-opentype"),url(../fonts/TimmonsNY/Regular.woff2) format("woff2"),url(../fonts/TimmonsNY/Regular.woff) format("woff"),url(../fonts/TimmonsNY/Regular.ttf) format("truetype");font-style:normal;font-weight:400; } html { color: #242424; font-size: 16px; font-family: sans-serif; line-height: 1.6; overflow-x: hidden; } body { overflow-x: hidden; overflow-y: hidden; } .o-h,.o-h1,.o-h2,.o-h3,.o-h4,.o-h5,.o-h6,h1,h2,h3,h4,h5,h6 { margin-top: 0; margin-bottom: 0; line-height: 1.2; } .o-h1,h1 { font-size: 3rem; } .o-h2,h2 { font-size: 2rem; } .o-h3,h3 { font-size: 1.5rem; } .o-h4,h4 { font-size: 1.1875rem; } .o-h5,h5 { font-size: 1rem; } .o-h6,h6 { font-size: .8125rem; } ::-moz-selection { background-color: #ff877e; color: #242424; text-shadow: none; } ::selection { background-color: #ff877e; color: #242424; text-shadow: none; } hr { display: block; margin: 1em 0; padding: 0; height: 1px; border: 0; border-top: 1px solid #ccc; } mark { background-color: #fff9c0; text-decoration: none; } del { background-color: #fdd; text-decoration: none; } ins { background-color: #9f9; } .o-container { position: relative; margin: 0 auto; padding-right: 1.875rem; padding-left: 1.875rem; max-width: 128.75rem; } .o-grid { margin-left: 0; letter-spacing: normal; font-size: 0; } @media (min-width:1000px) { html:not(.is-ie) .o-grid.-table { display: table; } } .o-grid_item { display: inline-block; padding-left: 0; width: 100%; vertical-align: top; font-size: 1rem; } .o-grid_item.o-grid { font-size: 0; } .o-grid_item.-table-cell { display: table-cell; vertical-align: middle; } .o-full { display: inline-block; padding-left: 0; width: 100%; vertical-align: top; font-size: 1rem; } .o-half { display: inline-block; padding-left: 0; width: 100%; vertical-align: top; font-size: 1rem; width: 50%; } @media (max-width:999px) { .o-half { width: 100%; display: block; } } .o-third { display: inline-block; padding-left: 0; width: 100%; vertical-align: top; font-size: 1rem; width: 33.3333333333%; } @media (max-width:999px) { .o-third { width: 100%; display: block; } } .o-quarter { display: inline-block; padding-left: 0; width: 100%; vertical-align: top; font-size: 1rem; width: 25%; } @media (max-width:999px) { .o-quarter { width: 100%; display: block; } .o-quarter.-mobile-quarter { width: 25%; display: inline-block; } } .o-grid_34 { display: inline-block; padding-left: 0; width: 100%; vertical-align: top; font-size: 1rem; width: 75%; } @media (max-width:999px) { .o-grid_34 { width: 100%; display: block; } } .o-grid_16 { display: inline-block; padding-left: 0; width: 100%; vertical-align: top; font-size: 1rem; width: 16.6666666667%; } @media (max-width:999px) { .o-grid_16 { width: 100%; display: block; } } .o-grid_26 { display: inline-block; padding-left: 0; width: 100%; vertical-align: top; font-size: 1rem; width: 33.3333333333%; } @media (max-width:999px) { .o-grid_26 { width: 100%; display: block; } } .o-grid_56 { display: inline-block; padding-left: 0; width: 100%; vertical-align: top; font-size: 1rem; width: 83.3333333333%; } @media (max-width:999px) { .o-grid_56 { width: 100%; display: block; } } .o-grid_13 { display: inline-block; padding-left: 0; width: 100%; vertical-align: top; font-size: 1rem; width: 33.3333333333%; } @media (max-width:999px) { .o-grid_13 { width: 100%; display: block; } } .o-grid_23 { display: inline-block; padding-left: 0; width: 100%; vertical-align: top; font-size: 1rem; width: 66.6666666667%; } @media (max-width:999px) { .o-grid_23 { width: 100%; display: block; } } .o-grid_25 { display: inline-block; padding-left: 0; width: 100%; vertical-align: top; font-size: 1rem; width: 40%; } @media (max-width:999px) { .o-grid_25 { width: 100%; display: block; } } .o-grid_35 { display: inline-block; padding-left: 0; width: 100%; vertical-align: top; font-size: 1rem; width: 60%; } @media (max-width:999px) { .o-grid_35 { width: 100%; display: block; } } .o-grid_15 { display: inline-block; padding-left: 0; width: 100%; vertical-align: top; font-size: 1rem; width: 20%; } @media (max-width:999px) { .o-grid_15 { width: 100%; display: block; } } .o-grid_45 { display: inline-block; padding-left: 0; width: 100%; vertical-align: top; font-size: 1rem; width: 80%; } @media (max-width:999px) { .o-grid_45 { width: 100%; display: block; } } .o-grid_920 { display: inline-block; padding-left: 0; width: 100%; vertical-align: top; font-size: 1rem; width: 45%; } @media (max-width:1599px) { .o-grid_920 { width: 50%; } } @media (max-width:999px) { .o-grid_920 { width: 100%; display: block; } } .o-grid_1120 { display: inline-block; padding-left: 0; width: 100%; vertical-align: top; font-size: 1rem; width: 55%; } @media (max-width:1599px) { .o-grid_1120 { width: 50%; } } @media (max-width:999px) { .o-grid_1120 { width: 100%; display: block; } } .o-grid_27 { display: inline-block; padding-left: 0; width: 100%; vertical-align: top; font-size: 1rem; width: 28.5714285714%; } @media (max-width:999px) { .o-grid_27 { width: 100%; display: block; } } .o-grid_57 { display: inline-block; padding-left: 0; width: 100%; vertical-align: top; font-size: 1rem; width: 71.4285714286%; } @media (max-width:999px) { .o-grid_57 { width: 100%; display: block; } } .o-grid_18 { display: inline-block; padding-left: 0; width: 100%; vertical-align: top; font-size: 1rem; width: 12.5%; } @media (max-width:999px) { .o-grid_18 { width: 100%; display: block; } } .o-grid_28 { display: inline-block; padding-left: 0; width: 100%; vertical-align: top; font-size: 1rem; width: 25%; } @media (max-width:999px) { .o-grid_28 { width: 100%; display: block; } } .o-grid_38 { display: inline-block; padding-left: 0; width: 100%; vertical-align: top; font-size: 1rem; width: 37.5%; } @media (max-width:999px) { .o-grid_38 { width: 100%; display: block; } } .o-grid_68 { display: inline-block; padding-left: 0; width: 100%; vertical-align: top; font-size: 1rem; width: 75%; } @media (max-width:999px) { .o-grid_68 { width: 100%; display: block; } } .o-grid_form { margin-left: -30px; letter-spacing: normal; font-size: 0; } .o-half_form { display: inline-block; padding-left: 30px!important; vertical-align: top; font-size: 1rem; width: 50%; } @media (max-width:999px) { .o-half_form { width: 100%; } } .o-full_form { display: inline-block; padding-left: 30px!important; vertical-align: top; font-size: 1rem; width: 100%; } .o-full_form.o-grid { font-size: 0; } .o-form { color: #9c9c9c; margin-bottom: 7.5rem; } .o-form .o-button { display: inline-block; } .o-form-container { -webkit-transition: opacity .3s cubic-bezier(.215,.61,.355,1); transition: opacity .3s cubic-bezier(.215,.61,.355,1); } .o-form-container.is-form-state-loading { cursor: progress; opacity: .5; } .o-form-container.is-form-state-loading>* { pointer-events: none; } .o-checkbox-label,.o-label,.o-radio-label { display: block; margin: 0 0 .9375rem 0; } .o-fieldset { border: 0; margin: 0; padding: 0; position: relative; vertical-align: middle; } .o-fieldset.-margin { margin-bottom: 1.25rem; } .o-recaptcha { background-color: transparent; border: 1px solid transparent; padding: 0; -webkit-transition: background-color,border-color,padding; transition: background-color,border-color,padding; -webkit-transition-duration: .3s; transition-duration: .3s; -webkit-transition-timing-function: cubic-bezier(.215,.61,.355,1); transition-timing-function: cubic-bezier(.215,.61,.355,1); } .o-recaptcha.has-error { border-color: #ff3e2e; background-color: rgba(255,109,97,.3); padding: 15px; } .o-checkbox-label::after,.o-checkbox-label::before,.o-input,.o-radio-label::after,.o-radio-label::before,.o-select,.o-textarea { padding: 1.25rem; border-width: 1px; border-style: solid; border-color: #ccc; background-color: #fff; margin-bottom: 1.25rem; -webkit-transition: background-color .2s cubic-bezier(.215,.61,.355,1); transition: background-color .2s cubic-bezier(.215,.61,.355,1); color: #000; } .-gray.o-checkbox-label::after,.-gray.o-checkbox-label::before,.-gray.o-radio-label::after,.-gray.o-radio-label::before,.-gray.o-select,.-gray.o-textarea,.o-input.-gray { background-color: #ccc; border: 0; } .o-checkbox-label:focus::after,.o-checkbox-label:focus::before,.o-input:focus,.o-radio-label:focus::after,.o-radio-label:focus::before,.o-select:focus,.o-textarea:focus { background-color: #e2e2e2; } .o-input::-webkit-input-placeholder,.o-select::-webkit-input-placeholder,.o-textarea::-webkit-input-placeholder { color: #000; } .o-input:-ms-input-placeholder,.o-select:-ms-input-placeholder,.o-textarea:-ms-input-placeholder { color: #000; } .o-input::placeholder,.o-select::placeholder,.o-textarea::placeholder { color: #000; } .has-error.o-checkbox-label::after,.has-error.o-checkbox-label::before,.has-error.o-radio-label::after,.has-error.o-radio-label::before,.has-error.o-select,.has-error.o-textarea,.o-input.has-error { border-color: #ff3e2e; background-color: rgba(255,109,97,.3); } .o-checkbox,.o-radio { position: absolute; top: 0; bottom: 0; right: 0; left: 0; z-index: 10; } .o-checkbox:hover,.o-radio:hover { cursor: pointer; } .o-checkbox:checked+.o-checkbox-label:after,.o-checkbox:checked+.o-radio-label:after,.o-radio:checked+.o-checkbox-label:after,.o-radio:checked+.o-radio-label:after { display: block; } .o-checkbox+.o-checkbox-label,.o-checkbox+.o-radio-label,.o-radio+.o-checkbox-label,.o-radio+.o-radio-label { color: #000; padding-left: 1.875rem; } .o-checkbox+.o-checkbox-label::before,.o-checkbox+.o-radio-label::before,.o-radio+.o-checkbox-label::before,.o-radio+.o-radio-label::before { background-color: transparent; border: 1px solid #000; left: 0; -webkit-transform: none; -ms-transform: none; transform: none; } .o-checkbox+.o-checkbox-label::after,.o-checkbox+.o-radio-label::after,.o-radio+.o-checkbox-label::after,.o-radio+.o-radio-label::after { width: .5625rem; height: .5625rem; background-color: #000; background-image: none; left: 0; -webkit-transform: translate(50%,50%) scale(.7); -ms-transform: translate(50%,50%) scale(.7); transform: translate(50%,50%) scale(.7); } .-light.o-radio+.o-checkbox-label,.-light.o-radio+.o-radio-label,.o-checkbox.-light+.o-checkbox-label,.o-checkbox.-light+.o-radio-label { color: #9c9c9c; } .-light.o-radio+.o-checkbox-label::before,.-light.o-radio+.o-radio-label::before,.o-checkbox.-light+.o-checkbox-label::before,.o-checkbox.-light+.o-radio-label::before { border: 1px solid #ccc; } .o-checkbox-label,.o-radio-label { margin-top: 2.5rem; margin-right: .5em; padding-left: 3.75rem; position: relative; display: inline-block; line-height: 1.4; font-family: Graphik,Arial,Helvetica,sans-serif; font-weight: 400; font-size: .875rem; } .o-form .o-checkbox-label,.o-form .o-radio-label { margin-top: .9375rem; } .o-checkbox-label:hover,.o-radio-label:hover { cursor: pointer; } .o-checkbox-label::after,.o-checkbox-label::before,.o-radio-label::after,.o-radio-label::before { content: ""; position: absolute; top: 50%; left: 1.875rem; display: inline-block; margin-top: -.5625rem; padding: 0; width: 1.125rem; height: 1.125rem; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); background-color: #000; } .o-checkbox-label::after,.o-radio-label::after { border-color: transparent; background-color: transparent; background-image: url("data:image/svg+ xml, %3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20version%3D%221.1%22%20x%3D%220%22%20y%3D%220%22%20width%3D%2213%22%20height%3D%2210.5%22%20viewBox%3D%220%200%2013%2010.5%22%20enable-background%3D%22new%200%200%2013%2010.5%22%20xml%3Aspace%3D%22preserve%22%3E%3Cpath%20fill%3D%22%23ffffff%22%20d%3D%22M4.8%205.8L2.4%203.3%200%205.7l4.8%204.8L13%202.4c0%200-2.4-2.4-2.4-2.4L4.8%205.8z%22%2F%3E%3C%2Fsvg%3E"); background-position: center; background-size: .8125rem; background-repeat: no-repeat; display: none; } .o-radio-label::after,.o-radio-label::before { border-radius: 50%; } .o-radio-label::after { background-image: url("data:image/svg+ xml, %3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20version%3D%221.1%22%20x%3D%220%22%20y%3D%220%22%20width%3D%2213%22%20height%3D%2213%22%20viewBox%3D%220%200%2013%2013%22%20enable-background%3D%22new%200%200%2013%2013%22%20xml%3Aspace%3D%22preserve%22%3E%3Ccircle%20fill%3D%22%23424242%22%20cx%3D%226.5%22%20cy%3D%226.5%22%20r%3D%226.5%22%2F%3E%3C%2Fsvg%3E"); background-size: .5rem; } .o-select { position: relative; z-index: 1; padding-right: 2.5rem; } .o-select-wrap { position: relative; } .o-select-wrap::after { position: absolute; top: 0; right: 0; bottom: 0; z-index: 2; width: 2.5rem; background-image: url("data:image/svg+ xml, %3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20version%3D%221.1%22%20x%3D%220%22%20y%3D%220%22%20width%3D%2213%22%20height%3D%2211.3%22%20viewBox%3D%220%200%2013%2011.3%22%20enable-background%3D%22new%200%200%2013%2011.3%22%20xml%3Aspace%3D%22preserve%22%3E%3Cpolygon%20fill%3D%22%23424242%22%20points%3D%226.5%2011.3%203.3%205.6%200%200%206.5%200%2013%200%209.8%205.6%20%22%2F%3E%3C%2Fsvg%3E"); background-position: center; background-size: .625rem; background-repeat: no-repeat; content: ""; pointer-events: none; } .o-form .selectric-o-dropdown { border-bottom: 1px solid #ccc; } .o-form .selectric-o-dropdown .selectric .label { font-weight: 400; } .o-textarea { min-height: 6.25rem; } body[data-template=form] .o-submit { vertical-align: middle; } .o-button { padding: 1.875rem 1.875rem; background-color: #000; color: #fff; text-transform: uppercase; font-family: Graphik,Arial,Helvetica,sans-serif; font-weight: 500; font-size: .75rem; letter-spacing: 3px; position: relative; z-index: 1; } .o-button::before { content: ""; position: absolute; z-index: -1; background-color: rgba(0,0,0,.1); top: 0; bottom: 0; right: 0; left: 0; -webkit-transform: scaleY(0); -ms-transform: scaleY(0); transform: scaleY(0); -webkit-transition: -webkit-transform .2s cubic-bezier(.215,.61,.355,1); transition: -webkit-transform .2s cubic-bezier(.215,.61,.355,1); transition: transform .2s cubic-bezier(.215,.61,.355,1); transition: transform .2s cubic-bezier(.215,.61,.355,1),-webkit-transform .2s cubic-bezier(.215,.61,.355,1); -webkit-transform-origin: center bottom; -ms-transform-origin: center bottom; transform-origin: center bottom; } .o-button.-red { background-color: #ff3e2e; } .o-button.-white { font-weight: 500; font-family: Graphik,Arial,Helvetica,sans-serif; color: #000; background-color: #fff; } .o-button.-darkgray { background-color: #242424; } .o-button.-lightgray { color: #90969d; background-color: #dbdbdb; } .o-button.-opacity { background-color: rgba(0,0,0,.3); color: #000; } .o-button.-border { border: 1px solid #ccc; } .o-button.-lowercase { text-transform: none; letter-spacing: 0; font-size: 1rem; } .o-button.-white-transparent { background-color: transparent; border: 1px solid #fff; } .o-button.-white-transparent svg { fill: #fff; } .o-button.-transparent { background-color: transparent; } .o-button.-arrow-right svg { margin-right: 0; margin-left: 15px; } .o-button.u-bg-color { color: #000; font-weight: 500; } .o-button svg { display: inline-block; vertical-align: middle; width: 16px; height: 16px; margin-right: 15px; } @media (max-width:999px) { .o-button { padding: 1.25rem .9375rem; font-size: .6875rem; } } .o-button:hover::before { -webkit-transform: scaleY(1); -ms-transform: scaleY(1); transform: scaleY(1); } .o-category { text-transform: uppercase; font-family: Graphik,Arial,Helvetica,sans-serif; font-weight: 600; font-size: .625rem; letter-spacing: .166666em; line-height: 1; position: relative; padding-left: 3.75em; } .o-category::before { content: ""; position: absolute; top: 50%; left: 0; width: 25px; height: 10px; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); -webkit-transition: -webkit-transform .3s cubic-bezier(.215,.61,.355,1); transition: -webkit-transform .3s cubic-bezier(.215,.61,.355,1); transition: transform .3s cubic-bezier(.215,.61,.355,1); transition: transform .3s cubic-bezier(.215,.61,.355,1),-webkit-transform .3s cubic-bezier(.215,.61,.355,1); background-color: #ff3e2e; } [data-sport=basketball] .o-category::before { background-color: #ff803f; } [data-sport=cross-country] .o-category::before { background-color: #a6ea00; } [data-sport=curling] .o-category::before { background-color: #32d8ea; } [data-sport=field-hockey] .o-category::before { background-color: #cea9ff; } [data-sport=football] .o-category::before { background-color: #e2ed00; } [data-sport=hockey] .o-category::before { background-color: #ff3e2e; } [data-sport=rugby] .o-category::before { background-color: #05ce7c; } [data-sport=soccer] .o-category::before { background-color: #57e55b; } [data-sport=swimming] .o-category::before { background-color: #29d9c2; } [data-sport=track-field] .o-category::before { background-color: #ff6a3b; } [data-sport=volleyball] .o-category::before { background-color: #ffc800; } [data-sport=wrestling] .o-category::before { background-color: #00bcf0; } [data-sport=general] .o-category::before { background-color: #ff3e2e; } [data-sport=international] .o-category::before { background-color: #ff3e2e; } [data-sport=award] .o-category::before { background-color: #b9914d; } .o-category:hover::before { -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .o-table { width: 100%; } .o-table tfoot,.o-table th,.o-table thead { font-size: .75rem; font-weight: 600; text-transform: uppercase; } @media (max-width:1440px) { .o-table tfoot,.o-table th,.o-table thead { font-size: .625rem; } } .o-table th { text-align: inherit; } .o-table caption,.o-table td,.o-table th { font-weight: 600; } .o-table caption.-left,.o-table td.-left,.o-table th.-left { text-align: left; } .o-table caption.-right,.o-table td.-right,.o-table th.-right { text-align: right; } .o-table caption.-center,.o-table td.-center,.o-table th.-center { text-align: center; } .o-table caption { text-transform: uppercase; font-family: Graphik,Arial,Helvetica,sans-serif; font-weight: 600; font-size: .625rem; letter-spacing: .166666em; line-height: 1; text-align: left; border-bottom: 1px solid #ccc; } .o-table caption[align=bottom] { border-top: 2px solid #ccc; border-bottom: 0; } .o-table thead { color: #fff; background-color: #ff3e2e; } [data-sport=basketball] .o-table thead { background-color: #ff803f; } [data-sport=cross-country] .o-table thead { background-color: #a6ea00; } [data-sport=curling] .o-table thead { background-color: #32d8ea; } [data-sport=field-hockey] .o-table thead { background-color: #cea9ff; } [data-sport=football] .o-table thead { background-color: #e2ed00; } [data-sport=hockey] .o-table thead { background-color: #ff3e2e; } [data-sport=rugby] .o-table thead { background-color: #05ce7c; } [data-sport=soccer] .o-table thead { background-color: #57e55b; } [data-sport=swimming] .o-table thead { background-color: #29d9c2; } [data-sport=track-field] .o-table thead { background-color: #ff6a3b; } [data-sport=volleyball] .o-table thead { background-color: #ffc800; } [data-sport=wrestling] .o-table thead { background-color: #00bcf0; } [data-sport=general] .o-table thead { background-color: #ff3e2e; } [data-sport=international] .o-table thead { background-color: #ff3e2e; } [data-sport=award] .o-table thead { background-color: #b9914d; } .o-table tfoot { background-color: #ebebeb; } .o-table caption.u-bg-color,.o-table tfoot.u-bg-color,.o-table thead.u-bg-color { color: #fff; } .o-table caption.-bg-red,.o-table tfoot.-bg-red,.o-table thead.-bg-red { color: #fff; background-color: #ff3e2e; } .o-table caption,.o-table tfoot td,.o-table tfoot th,.o-table thead td,.o-table thead th { padding-top: .75rem; padding-right: 2rem; padding-bottom: .75rem; padding-left: 2rem; } @media print { .o-table caption,.o-table tfoot td,.o-table tfoot th,.o-table thead td,.o-table thead th { padding: 5px; } } .o-table td,.o-table th { border-top: 1px solid #ccc; } .c-accordion.-team .o-table thead td { border-top: 0; } .o-table .o-table_cell_big { font-family: "Timmons NY",Impact,"Franklin Gothic Bold",sans-serif; font-size: 3.75rem; text-transform: uppercase; line-height: 1; font-weight: 400; padding: 1.875rem 2.5rem; } .o-table .o-table_cell_big a { display: block; } @media (max-width:1440px) { .o-table .o-table_cell_big { padding: 1.25rem 1.875rem; } } @media (max-width:999px) { .o-table .o-table_cell_big { padding: .9375rem 1.25rem; } } .o-table tbody { font-size: .875rem; } @media (max-width:1440px) { .o-table tbody { font-size: .75rem; } } .o-table tbody td,.o-table tbody th { padding-top: 1rem; padding-right: 2rem; padding-bottom: 1rem; padding-left: 2rem; } .o-table tbody td.-bg-gray,.o-table tbody th.-bg-gray { background-color: #f5f5f5; } .o-table tbody td.-border-left,.o-table tbody th.-border-left { border-left: 1px solid #ccc; } .o-table tbody td.-border-right,.o-table tbody th.-border-right { border-right: 1px solid #ccc; } @media print { .o-table tbody td,.o-table tbody th { padding: 5px; } } .o-table tbody [rowspan]+td,.o-table tbody [rowspan]+th,.o-table tbody td+[rowspan],.o-table tbody th+[rowspan] { border-left: 1px solid #ccc; } .c-accordion.-team .o-table tbody td:first-child { border-right: 1px solid #ccc; } .o-table_container { border-style: solid; border-color: #ccc; border-width: 1px 1px 3px 1px; border-spacing: 0; overflow: auto; clear: both; -webkit-overflow-scrolling: touch; } .c-accordion.-team .o-table_container { border-width: 0 1px 0 1px; } .o-table_container .o-table_header { border-width: 0; } .o-table_header { border: 1px solid #ccc; display: table; width: 100%; } .o-table_header .o-dropdown,.o-table_header .selectric-o-dropdown { width: 100%; border-bottom: 0; padding: 0 30px; display: block; } .o-table_header .o-dropdown .label,.o-table_header .selectric-o-dropdown .label { padding: 20px 0; } .o-table_header .o-dropdown { padding: 15px 30px; } .o-table_header .selectric-items { width: 100%!important; } .o-table_header svg { width: 30px; height: 30px; margin: 0 15px; fill: #ff3e2e; } [data-sport=basketball] .o-table_header svg { fill: #ff803f; } [data-sport=cross-country] .o-table_header svg { fill: #a6ea00; } [data-sport=curling] .o-table_header svg { fill: #32d8ea; } [data-sport=field-hockey] .o-table_header svg { fill: #cea9ff; } [data-sport=football] .o-table_header svg { fill: #e2ed00; } [data-sport=hockey] .o-table_header svg { fill: #ff3e2e; } [data-sport=rugby] .o-table_header svg { fill: #05ce7c; } [data-sport=soccer] .o-table_header svg { fill: #57e55b; } [data-sport=swimming] .o-table_header svg { fill: #29d9c2; } [data-sport=track-field] .o-table_header svg { fill: #ff6a3b; } [data-sport=volleyball] .o-table_header svg { fill: #ffc800; } [data-sport=wrestling] .o-table_header svg { fill: #00bcf0; } [data-sport=general] .o-table_header svg { fill: #ff3e2e; } [data-sport=international] .o-table_header svg { fill: #ff3e2e; } [data-sport=award] .o-table_header svg { fill: #b9914d; } @media (max-width:699px) { .o-table_header { border: 0; } } .o-table_header_filter { vertical-align: middle; border-left: 1px solid #ccc; line-height: 1.3; display: table-cell; } @media (max-width:999px) { .o-table_header_filter { display: inline-block; width: 50%; } } @media (max-width:699px) { .o-table_header_filter { display: block; width: 100%; border: 1px solid #ccc; border-top: 0; overflow: auto; } } .o-table_header_filter_links { display: table; width: 100%; } .o-table_header_filter_links a { display: table-cell; border-left: 1px solid #ccc; font-weight: 700; } .o-table_header_filter_links a:first-child { border-left: 0; } .o-table_header_category { padding: 15px 30px; vertical-align: middle; font-weight: 700; text-transform: uppercase; display: table-cell; font-size: .625rem; } @media (max-width:999px) { .o-table_header_category { display: inline-block; width: 50%; } } @media (max-width:699px) { .o-table_header_category { display: block; width: 100%; border: 1px solid #ccc; } } .c-accordion.-team .o-table { margin: 0; } .o-padding { padding: 60px; } .o-padding.-left { padding: 0 0 0 60px; } .o-padding.-right { padding: 0 0 0 60px; } .o-padding.-sides { padding: 0 60px 0 60px; } .o-padding.-around { padding: 60px 0 60px 0; } @media (max-width:1440px) { .o-padding { padding: 40px; } .o-padding.-left { padding: 0 0 0 40px; } .o-padding.-right { padding: 0 0 0 40px; } .o-padding.-sides { padding: 0 40px; } .o-padding.-around { padding: 40px 0; } } @media (max-width:699px) { .o-padding { padding: 30px; } .o-padding.-left { padding: 0 0 0 30px; } .o-padding.-right { padding: 0 0 0 30px; } .o-padding.-sides { padding: 0 30px; } .o-padding.-around { padding: 30px 0; } } .o-padding-dbl { padding: 120px; } .o-padding-dbl.-left { padding: 0 0 0 120px; } .o-padding-dbl.-right { padding: 0 0 0 120px; } .o-padding-dbl.-sides { padding: 0 120px; } .o-padding-dbl.-around { padding: 120px 0; } @media (max-width:1440px) { .o-padding-dbl { padding: 80px; } .o-padding-dbl.-left { padding: 0 0 0 80px; } .o-padding-dbl.-right { padding: 0 0 0 80px; } .o-padding-dbl.-sides { padding: 0 80px; } .o-padding-dbl.-around { padding: 80px 0; } } @media (max-width:1199px) { .o-padding-dbl { padding: 40px; } .o-padding-dbl.-left { padding: 0 0 0 40px; } .o-padding-dbl.-right { padding: 0 0 0 40px; } .o-padding-dbl.-sides { padding: 0 40px; } .o-padding-dbl.-around { padding: 40px 0; } } @media (max-width:699px) { .o-padding-dbl { padding: 30px; } .o-padding-dbl.-left { padding: 0 0 0 30px; } .o-padding-dbl.-right { padding: 0 0 0 30px; } .o-padding-dbl.-sides { padding: 0 30px; } .o-padding-dbl.-around { padding: 30px 0; } } .o-margin { margin: 60px; } .o-margin.-mtop { margin: 60px 0 0 0; } .o-margin.-mleft { margin: 0 0 0 60px; } .o-margin.-mright { margin: 0 0 0 60px; } .o-margin.-msides { margin: 0 60px 0 60px; } .o-margin.-maround { margin: 60px 0 60px 0; } @media (max-width:1440px) { .o-margin { margin: 40px; } .o-margin.-mtop { margin: 40px 0 0 0; } .o-margin.-mleft { margin: 0 0 0 40px; } .o-margin.-mright { margin: 0 0 0 40px; } .o-margin.-msides { margin: 0 40px; } .o-margin.-maround { margin: 40px 0; } } @media (max-width:699px) { .o-margin { margin: 30px; } .o-margin.-mtop { margin: 30px 0 0 0; } .o-margin.-mleft { margin: 0 0 0 30px; } .o-margin.-mright { margin: 0 0 0 30px; } .o-margin.-msides { margin: 0 30px; } .o-margin.-maround { margin: 30px 0; } } .o-margin-dbl { margin: 120px; } .o-margin-dbl.-mtop { margin: 120px 0 0 0; } .o-margin-dbl.-mbottom { margin: 0 0 120px 0; } .o-margin-dbl.-mleft { margin: 0 0 0 120px; } .o-margin-dbl.-mright { margin: 0 0 0 120px; } .o-margin-dbl.-msides { margin: 0 120px; } .o-margin-dbl.-maround { margin: 120px 0; } @media (max-width:1440px) { .o-margin-dbl { margin: 80px; } .o-margin-dbl.-mtop { margin: 80px 0 0 0; } .o-margin-dbl.-mbottom { margin: 0 0 80px 0; } .o-margin-dbl.-mleft { margin: 0 0 0 80px; } .o-margin-dbl.-mright { margin: 0 0 0 80px; } .o-margin-dbl.-msides { margin: 0 80px; } .o-margin-dbl.-maround { margin: 80px 0; } } @media (max-width:1199px) { .o-margin-dbl { margin: 40px; } .o-margin-dbl.-mtop { margin: 40px 0 0 0; } .o-margin-dbl.-mbottom { margin: 0 0 40px 0; } .o-margin-dbl.-mleft { margin: 0 0 0 40px; } .o-margin-dbl.-mright { margin: 0 0 0 40px; } .o-margin-dbl.-msides { margin: 0 40px; } .o-margin-dbl.-maround { margin: 40px 0; } } @media (max-width:699px) { .o-margin-dbl { margin: 30px; } .o-margin-dbl.-mtop { margin: 30px 0 0 0; } .o-margin-dbl.-mbottom { margin: 0 0 30px 0; } .o-margin-dbl.-mleft { margin: 0 0 0 30px; } .o-margin-dbl.-mright { margin: 0 0 0 30px; } .o-margin-dbl.-msides { margin: 0 30px; } .o-margin-dbl.-maround { margin: 30px 0; } } .o-scrollbar { height: 1px; background: #ccc; line-height: 0; position: relative; } @media (max-width:699px) { .c-mainblock_wrapper.-athletes .o-scrollbar,.c-mainblock_wrapper.-news .o-scrollbar { display: none; } } .o-scrollbar_handle { width: 100px; height: 6px; background: #ccc; cursor: pointer; border-radius: 3px; position: relative; top: calc(50% - 3px); -webkit-transition: height .3s cubic-bezier(.215,.61,.355,1),top .3s cubic-bezier(.215,.61,.355,1); transition: height .3s cubic-bezier(.215,.61,.355,1),top .3s cubic-bezier(.215,.61,.355,1); } .o-scrollbar_handle:hover { height: 8px; top: calc(50% - 4px); } .o-scrollbar_mousearea { position: absolute; bottom: -9px; left: 0; width: 100%; height: 20px; } .selectric-o-dropdown { display: inline-block; min-width: 220px; border-bottom: 1px solid #000; font-family: Graphik,Arial,Helvetica,sans-serif; font-size: 1rem; color: #000; } @media (max-width:1440px) { .selectric-o-dropdown { min-width: inherit; } } @media (max-width:699px) { .selectric-o-dropdown { min-width: 100px; float: right; } } .selectric-o-dropdown .selectric { border: 0; background-color: #fff; } .selectric-o-dropdown .selectric .label { font-size: 1rem; color: #000; margin-left: 0; font-weight: 400; font-family: Graphik,Arial,Helvetica,sans-serif; line-height: 1; height: auto; padding: 15px 30px 15px 0; } .selectric-o-dropdown .selectric .button { top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .selectric-o-dropdown .selectric .button:after { border-top-color: #000!important; } .selectric-o-dropdown.selectric-open .selectric { border: 0; } .selectric-o-dropdown.selectric-open .selectric-items { opacity: 1; -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } .selectric-o-dropdown .selectric-items { border: 1px solid #ccc; background-color: #fff; outline: 0; height: auto!important; opacity: 0; -webkit-transform: scale(.8); -ms-transform: scale(.8); transform: scale(.8); -webkit-transform-origin: center top; -ms-transform-origin: center top; transform-origin: center top; -webkit-transition: opacity .2s cubic-bezier(.215,.61,.355,1),-webkit-transform .2s cubic-bezier(.215,.61,.355,1); transition: opacity .2s cubic-bezier(.215,.61,.355,1),-webkit-transform .2s cubic-bezier(.215,.61,.355,1); transition: transform .2s cubic-bezier(.215,.61,.355,1),opacity .2s cubic-bezier(.215,.61,.355,1); transition: transform .2s cubic-bezier(.215,.61,.355,1),opacity .2s cubic-bezier(.215,.61,.355,1),-webkit-transform .2s cubic-bezier(.215,.61,.355,1); } .selectric-o-dropdown .selectric-items li { border-top: 1px solid #ccc; color: #000; font-size: 1rem; background-color: #fff; opacity: 1; -webkit-transition: background-color .2s cubic-bezier(.215,.61,.355,1); transition: background-color .2s cubic-bezier(.215,.61,.355,1); padding: 18px 20px; position: relative; } .selectric-o-dropdown .selectric-items li.disabled { background-color: #f5f5f5!important; color: #9c9c9c!important; } .selectric-o-dropdown .selectric-items li::after { content: ""; position: absolute; top: 50%; left: -1px; height: 1px; width: 0; background-color: #000; } .selectric-o-dropdown .selectric-items li:hover { color: #000; background-color: #f6f6f6; } .selectric-o-dropdown .selectric-items li.selected { background-color: #fff; font-weight: 400; font-family: Graphik,Arial,Helvetica,sans-serif; } .selectric-o-dropdown .selectric-items li.selected::after { width: 10px; } .selectric-o-dropdown .selectric-items li:first-child { border-top: 0; } @media (max-width:1440px) { .selectric-o-dropdown .selectric-items { width: auto!important; } } .o-full_form .selectric-o-dropdown { display: block; width: 100%; margin-bottom: 1.25rem; } .o-dropdown { display: inline-block; background-color: #fff; border-bottom: 1px solid #000; width: auto; background-image: url(../images/arrow/triangle-down.svg); background-repeat: no-repeat; background-size: 6px auto; background-position: center right 10px; padding-top: 10px; padding-right: 26px; padding-bottom: 10px; font-size: 1rem; } @media (max-width:999px) { .o-dropdown { float: none; width: 100%; } } .o-link { position: relative; } .o-link::before { content: ""; position: absolute; top: 50%; left: -10px; -webkit-transform: translate(-100%,-50%) scaleX(0); -ms-transform: translate(-100%,-50%) scaleX(0); transform: translate(-100%,-50%) scaleX(0); -webkit-transform-origin: center right; -ms-transform-origin: center right; transform-origin: center right; width: 10px; height: 2px; background-color: #000; -webkit-transition: -webkit-transform .3s cubic-bezier(.215,.61,.355,1); transition: -webkit-transform .3s cubic-bezier(.215,.61,.355,1); transition: transform .3s cubic-bezier(.215,.61,.355,1); transition: transform .3s cubic-bezier(.215,.61,.355,1),-webkit-transform .3s cubic-bezier(.215,.61,.355,1); } .o-link:hover::before { -webkit-transform: translate(-100%,-50%) scaleX(1); -ms-transform: translate(-100%,-50%) scaleX(1); transform: translate(-100%,-50%) scaleX(1); } .o-link.-white:before { background-color: #fff; } .o-link.-red { color: #ff3e2e; } .o-link.-red:before { background-color: #ff3e2e; } .o-biglink { color: #fff; display: block; text-align: center; font-family: "Timmons NY",Impact,"Franklin Gothic Bold",sans-serif; text-transform: uppercase; font-size: 3.4375rem; letter-spacing: 3px; line-height: 1; padding: 1.875rem 0; font-weight: 400; } .o-biglink svg { display: inline-block; vertical-align: baseline; fill: #fff; width: 40px; height: 40px; margin-right: 1.875rem; } @media (max-width:999px) { .o-biglink { font-size: 2.5rem; letter-spacing: 2px; } .o-biglink svg { margin-right: .9375rem; } } .o-figured-links { margin-left: -60px; letter-spacing: normal; font-size: 0; } @media (max-width:1440px) { .o-figured-links { margin-left: -40px; letter-spacing: normal; font-size: 0; } } @media (max-width:699px) { .o-figured-links { margin-left: -30px; letter-spacing: normal; font-size: 0; } } .o-figured-links_item { display: inline-block; padding-left: 60px; width: 100%; vertical-align: top; font-size: 1rem; width: 50%; position: relative; margin-bottom: 60px; } @media (max-width:1440px) { .o-figured-links_item { display: inline-block; padding-left: 40px; width: 100%; vertical-align: top; font-size: 1rem; width: 50%; margin-bottom: 40px; } } @media (max-width:699px) { .o-figured-links_item { display: inline-block; padding-left: 30px; width: 100%; vertical-align: top; font-size: 1rem; width: 100%; margin-bottom: 30px; } } .o-figured-links_background_wrapper { position: absolute; top: 0; bottom: 0; right: 0; left: 60px; z-index: 10; overflow: hidden; } @media (max-width:1440px) { .o-figured-links_background_wrapper { left: 40px; } } @media (max-width:699px) { .o-figured-links_background_wrapper { left: 30px; } } .o-figured-links_background { position: absolute; top: 0; bottom: 0; right: 0; left: 0; background-size: cover; -webkit-transform: none; -ms-transform: none; transform: none; -webkit-transition: -webkit-transform .3s cubic-bezier(.215,.61,.355,1); transition: -webkit-transform .3s cubic-bezier(.215,.61,.355,1); transition: transform .3s cubic-bezier(.215,.61,.355,1); transition: transform .3s cubic-bezier(.215,.61,.355,1),-webkit-transform .3s cubic-bezier(.215,.61,.355,1); } .o-figured-links_item:hover .o-figured-links_background { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); } .o-figured-links_content { position: relative; z-index: 15; margin: 1.875rem; color: #fff; height: 40vh; } .o-figured-links_title { font-family: "Timmons NY",Impact,"Franklin Gothic Bold",sans-serif; font-size: 3.75rem; text-transform: uppercase; line-height: 1; font-weight: 400; } .o-figured-links_details { position: absolute; bottom: 0; left: 0; margin: 0; } .o-figured-links_arrow { position: absolute; bottom: 0; right: 0; width: 6px; height: 6px; } .o-figured-links_arrow svg { position: absolute; top: 0; right: 0; fill: #fff; width: 100%; height: 100%; min-width: inherit; min-height: inherit; } .o-color { background-color: #ff3e2e; } .o-page[data-sport=basketball] .o-color { background-color: #ff803f; } .o-page[data-sport=cross-country] .o-color { background-color: #a6ea00; } .o-page[data-sport=curling] .o-color { background-color: #32d8ea; } .o-page[data-sport=field-hockey] .o-color { background-color: #cea9ff; } .o-page[data-sport=football] .o-color { background-color: #e2ed00; } .o-page[data-sport=hockey] .o-color { background-color: #ff3e2e; } .o-page[data-sport=rugby] .o-color { background-color: #05ce7c; } .o-page[data-sport=soccer] .o-color { background-color: #57e55b; } .o-page[data-sport=swimming] .o-color { background-color: #29d9c2; } .o-page[data-sport=track-field] .o-color { background-color: #ff6a3b; } .o-page[data-sport=volleyball] .o-color { background-color: #ffc800; } .o-page[data-sport=wrestling] .o-color { background-color: #00bcf0; } .o-page[data-sport=general] .o-color { background-color: #ff3e2e; } .o-page[data-sport=international] .o-color { background-color: #ff3e2e; } .o-page[data-sport=award] .o-color { background-color: #b9914d; } .o-page_header { padding: 2.125rem 0; position: absolute; z-index: 100; top: 0; width: 100%; -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); } html.list-is-loading .o-page_header { position: fixed; top: calc(78px + 62px); -webkit-transform: translate3d(0,-100%,0); transform: translate3d(0,-100%,0); } @media (max-width:999px) { html.list-is-loading .o-page_header { top: calc(64px + 62px); } } @media (min-width:1000px) { body.header-is-sticky .o-page_header { position: fixed; top: calc(78px + 62px); -webkit-transform: translate3d(0,-100%,0); transform: translate3d(0,-100%,0); } } @media (max-width:999px) { .o-page_header { position: relative; } } .o-page_header_title { font-family: "Timmons NY",Impact,"Franklin Gothic Bold",sans-serif; text-transform: uppercase; font-size: 5rem; font-weight: 400; line-height: .9; color: #000; } @media (max-width:999px) { .o-page_header_title { font-size: 3.75rem; } } .o-page_header_title_subpage { color: #fff; overflow: hidden; display: inline-block; vertical-align: bottom; } @media (max-width:999px) { .o-page_header_title_subpage { display: block; } } .o-page_header_title_subpage span { display: inline-block; -webkit-transform: translateY(100%); -ms-transform: translateY(100%); transform: translateY(100%); } .dom-is-loaded .o-page_header_title_subpage span,.dom-is-reloaded .o-page_header_title_subpage span { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } .dom-is-loaded .o-page_header_title_subpage span:nth-child(1),.dom-is-reloaded .o-page_header_title_subpage span:nth-child(1) { -webkit-transition: -webkit-transform .6s cubic-bezier(.215,.61,.355,1) 1.65s; transition: -webkit-transform .6s cubic-bezier(.215,.61,.355,1) 1.65s; transition: transform .6s cubic-bezier(.215,.61,.355,1) 1.65s; transition: transform .6s cubic-bezier(.215,.61,.355,1) 1.65s,-webkit-transform .6s cubic-bezier(.215,.61,.355,1) 1.65s; } .dom-is-loaded .o-page_header_title_subpage span:nth-child(2),.dom-is-reloaded .o-page_header_title_subpage span:nth-child(2) { -webkit-transition: -webkit-transform .6s cubic-bezier(.215,.61,.355,1) 1.7s; transition: -webkit-transform .6s cubic-bezier(.215,.61,.355,1) 1.7s; transition: transform .6s cubic-bezier(.215,.61,.355,1) 1.7s; transition: transform .6s cubic-bezier(.215,.61,.355,1) 1.7s,-webkit-transform .6s cubic-bezier(.215,.61,.355,1) 1.7s; } .dom-is-loaded .o-page_header_title_subpage span:nth-child(3),.dom-is-reloaded .o-page_header_title_subpage span:nth-child(3) { -webkit-transition: -webkit-transform .6s cubic-bezier(.215,.61,.355,1) 1.75s; transition: -webkit-transform .6s cubic-bezier(.215,.61,.355,1) 1.75s; transition: transform .6s cubic-bezier(.215,.61,.355,1) 1.75s; transition: transform .6s cubic-bezier(.215,.61,.355,1) 1.75s,-webkit-transform .6s cubic-bezier(.215,.61,.355,1) 1.75s; } .dom-is-loaded .o-page_header_title_subpage span:nth-child(4),.dom-is-reloaded .o-page_header_title_subpage span:nth-child(4) { -webkit-transition: -webkit-transform .6s cubic-bezier(.215,.61,.355,1) 1.8s; transition: -webkit-transform .6s cubic-bezier(.215,.61,.355,1) 1.8s; transition: transform .6s cubic-bezier(.215,.61,.355,1) 1.8s; transition: transform .6s cubic-bezier(.215,.61,.355,1) 1.8s,-webkit-transform .6s cubic-bezier(.215,.61,.355,1) 1.8s; } .dom-is-loaded .o-page_header_title_subpage span:nth-child(5),.dom-is-reloaded .o-page_header_title_subpage span:nth-child(5) { -webkit-transition: -webkit-transform .6s cubic-bezier(.215,.61,.355,1) 1.85s; transition: -webkit-transform .6s cubic-bezier(.215,.61,.355,1) 1.85s; transition: transform .6s cubic-bezier(.215,.61,.355,1) 1.85s; transition: transform .6s cubic-bezier(.215,.61,.355,1) 1.85s,-webkit-transform .6s cubic-bezier(.215,.61,.355,1) 1.85s; } .dom-is-loaded .o-page_header_title_subpage span:nth-child(6),.dom-is-reloaded .o-page_header_title_subpage span:nth-child(6) { -webkit-transition: -webkit-transform .6s cubic-bezier(.215,.61,.355,1) 1.9s; transition: -webkit-transform .6s cubic-bezier(.215,.61,.355,1) 1.9s; transition: transform .6s cubic-bezier(.215,.61,.355,1) 1.9s; transition: transform .6s cubic-bezier(.215,.61,.355,1) 1.9s,-webkit-transform .6s cubic-bezier(.215,.61,.355,1) 1.9s; } .dom-is-loaded .o-page_header_title_subpage span:nth-child(7),.dom-is-reloaded .o-page_header_title_subpage span:nth-child(7) { -webkit-transition: -webkit-transform .6s cubic-bezier(.215,.61,.355,1) 1.95s; transition: -webkit-transform .6s cubic-bezier(.215,.61,.355,1) 1.95s; transition: transform .6s cubic-bezier(.215,.61,.355,1) 1.95s; transition: transform .6s cubic-bezier(.215,.61,.355,1) 1.95s,-webkit-transform .6s cubic-bezier(.215,.61,.355,1) 1.95s; } .dom-is-loaded .o-page_header_title_subpage span:nth-child(8),.dom-is-reloaded .o-page_header_title_subpage span:nth-child(8) { -webkit-transition: -webkit-transform .6s cubic-bezier(.215,.61,.355,1) 2s; transition: -webkit-transform .6s cubic-bezier(.215,.61,.355,1) 2s; transition: transform .6s cubic-bezier(.215,.61,.355,1) 2s; transition: transform .6s cubic-bezier(.215,.61,.355,1) 2s,-webkit-transform .6s cubic-bezier(.215,.61,.355,1) 2s; } .dom-is-loaded .o-page_header_title_subpage span:nth-child(9),.dom-is-reloaded .o-page_header_title_subpage span:nth-child(9) { -webkit-transition: -webkit-transform .6s cubic-bezier(.215,.61,.355,1) 2.05s; transition: -webkit-transform .6s cubic-bezier(.215,.61,.355,1) 2.05s; transition: transform .6s cubic-bezier(.215,.61,.355,1) 2.05s; transition: transform .6s cubic-bezier(.215,.61,.355,1) 2.05s,-webkit-transform .6s cubic-bezier(.215,.61,.355,1) 2.05s; } .dom-is-loaded .o-page_header_title_subpage span:nth-child(10),.dom-is-reloaded .o-page_header_title_subpage span:nth-child(10) { -webkit-transition: -webkit-transform .6s cubic-bezier(.215,.61,.355,1) 2.1s; transition: -webkit-transform .6s cubic-bezier(.215,.61,.355,1) 2.1s; transition: transform .6s cubic-bezier(.215,.61,.355,1) 2.1s; transition: transform .6s cubic-bezier(.215,.61,.355,1) 2.1s,-webkit-transform .6s cubic-bezier(.215,.61,.355,1) 2.1s; } .dom-is-loaded .o-page_header_title_subpage span:nth-child(11),.dom-is-reloaded .o-page_header_title_subpage span:nth-child(11) { -webkit-transition: -webkit-transform .6s cubic-bezier(.215,.61,.355,1) 2.15s; transition: -webkit-transform .6s cubic-bezier(.215,.61,.355,1) 2.15s; transition: transform .6s cubic-bezier(.215,.61,.355,1) 2.15s; transition: transform .6s cubic-bezier(.215,.61,.355,1) 2.15s,-webkit-transform .6s cubic-bezier(.215,.61,.355,1) 2.15s; } .dom-is-loaded .o-page_header_title_subpage span:nth-child(12),.dom-is-reloaded .o-page_header_title_subpage span:nth-child(12) { -webkit-transition: -webkit-transform .6s cubic-bezier(.215,.61,.355,1) 2.2s; transition: -webkit-transform .6s cubic-bezier(.215,.61,.355,1) 2.2s; transition: transform .6s cubic-bezier(.215,.61,.355,1) 2.2s; transition: transform .6s cubic-bezier(.215,.61,.355,1) 2.2s,-webkit-transform .6s cubic-bezier(.215,.61,.355,1) 2.2s; } .dom-is-loaded .o-page_header_title_subpage span:nth-child(13),.dom-is-reloaded .o-page_header_title_subpage span:nth-child(13) { -webkit-transition: -webkit-transform .6s cubic-bezier(.215,.61,.355,1) 2.25s; transition: -webkit-transform .6s cubic-bezier(.215,.61,.355,1) 2.25s; transition: transform .6s cubic-bezier(.215,.61,.355,1) 2.25s; transition: transform .6s cubic-bezier(.215,.61,.355,1) 2.25s,-webkit-transform .6s cubic-bezier(.215,.61,.355,1) 2.25s; } .dom-is-loaded .o-page_header_title_subpage span:nth-child(14),.dom-is-reloaded .o-page_header_title_subpage span:nth-child(14) { -webkit-transition: -webkit-transform .6s cubic-bezier(.215,.61,.355,1) 2.3s; transition: -webkit-transform .6s cubic-bezier(.215,.61,.355,1) 2.3s; transition: transform .6s cubic-bezier(.215,.61,.355,1) 2.3s; transition: transform .6s cubic-bezier(.215,.61,.355,1) 2.3s,-webkit-transform .6s cubic-bezier(.215,.61,.355,1) 2.3s; } .dom-is-loaded .o-page_header_title_subpage span:nth-child(15),.dom-is-reloaded .o-page_header_title_subpage span:nth-child(15) { -webkit-transition: -webkit-transform .6s cubic-bezier(.215,.61,.355,1) 2.35s; transition: -webkit-transform .6s cubic-bezier(.215,.61,.355,1) 2.35s; transition: transform .6s cubic-bezier(.215,.61,.355,1) 2.35s; transition: transform .6s cubic-bezier(.215,.61,.355,1) 2.35s,-webkit-transform .6s cubic-bezier(.215,.61,.355,1) 2.35s; } .dom-is-loading .o-page_header_title_subpage span { -webkit-transform: translateY(100%); -ms-transform: translateY(100%); transform: translateY(100%); } .o-page_header_menu { position: relative; font-size: 0; color: #000; padding: 0 5rem; margin-bottom: -2.125rem; } @media (max-width:1440px) { .o-page_header_menu { padding: 0 2.5rem; } } @media (max-width:1199px) { .o-page_header_menu { padding: 0!important; } } @media (max-width:999px) { .o-page_header_menu { overflow-y: scroll; -webkit-overflow-scrolling: touch; width: 100vw; white-space: nowrap; } .o-page_header_menu::-webkit-scrollbar { height: 0; } } .o-page_header_menu_item { display: inline-block; vertical-align: bottom; font-family: Graphik,Arial,Helvetica,sans-serif; font-weight: 600; font-size: .875rem; outline: 0; } .o-page_header_menu_item a { display: block; padding: 20px 40px; position: relative; outline: 0; text-align: center; } .o-page_header_menu_item a::after { content: ""; position: absolute; bottom: 0; left: 0; right: 0; height: 4px; width: 100%; background-color: #000; -webkit-transform: scaleY(0); -ms-transform: scaleY(0); transform: scaleY(0); -webkit-transform-origin: center bottom; -ms-transform-origin: center bottom; transform-origin: center bottom; -webkit-transition: -webkit-transform .3s cubic-bezier(.215,.61,.355,1); transition: -webkit-transform .3s cubic-bezier(.215,.61,.355,1); transition: transform .3s cubic-bezier(.215,.61,.355,1); transition: transform .3s cubic-bezier(.215,.61,.355,1),-webkit-transform .3s cubic-bezier(.215,.61,.355,1); } @media (min-width:1000px) { .o-page_header_menu_item a:hover::after { -webkit-transform: scaleY(1); -ms-transform: scaleY(1); transform: scaleY(1); } } @media (max-width:1440px) { .o-page_header_menu_item a { padding: 20px 40px; } } @media (max-width:1199px) { .o-page_header_menu_item a { padding: 20px; } } @media (max-width:699px) { .o-page_header_menu_item a { padding: 20px; } } .o-page_header_menu_item.is-current-parent a::after,.o-page_header_menu_item.is-current-route a::after { -webkit-transform: scaleY(1); -ms-transform: scaleY(1); transform: scaleY(1); } .o-page_content { padding-top: 167px; } @media (max-width:999px) { .o-page_content { padding-top: 0; } } .o-page_header_menu_arrow { position: absolute; top: 50%; padding: 15px; z-index: 10; display: none!important; } .o-page_header_menu_arrow.-left { left: 0; -webkit-transform: translate(0,-50%); -ms-transform: translate(0,-50%); transform: translate(0,-50%); } @media (max-width:1440px) { .o-page_header_menu_arrow.-left { -webkit-transform: translate(0,-50%); -ms-transform: translate(0,-50%); transform: translate(0,-50%); } } .o-page_header_menu_arrow.-left svg { width: 10px; height: 30px; fill: #000; } .o-page_header_menu_arrow.-right { right: 0; -webkit-transform: translate(0,-50%); -ms-transform: translate(0,-50%); transform: translate(0,-50%); } @media (max-width:1440px) { .o-page_header_menu_arrow.-right { -webkit-transform: translate(0,-50%); -ms-transform: translate(0,-50%); transform: translate(0,-50%); } } .o-page_header_menu_arrow.-right svg { width: 10px; height: 30px; fill: #000; } .o-page_featured { margin-left: 120px; } @media (max-width:1440px) { .o-page_featured { margin-left: 80px; } } @media (max-width:1199px) { .o-page_featured { margin-left: 40px; } } @media (max-width:999px) { .o-page_featured { margin: 30px; } } .o-page_news { margin-top: 3.75rem; } @media (max-width:1440px) { .o-page_news { margin-top: 2.5rem; } } @media (max-width:699px) { .o-page_news { margin-top: 1.875rem; } } .o-page_calltoaction_wrapper { vertical-align: middle; position: relative; background-size: cover; background-position: center center; } .o-page_calltoaction_wrapper::after { content: ""; display: block; padding-bottom: 100%; } .c-sidebar .o-page_calltoaction_wrapper { display: block; } .o-page_calltoaction { display: block; position: absolute; bottom: 0; right: 0; left: 0; padding: 3.75rem; } @media (max-width:1440px) { .o-page_calltoaction { padding: 1.875rem; } } .o-page_calltoaction_title { font-family: Graphik,Arial,Helvetica,sans-serif; font-size: 1.125rem; letter-spacing: 8px; color: #fff; font-weight: 400; text-transform: uppercase; margin-bottom: 1.25rem; } @media (max-width:1440px) { .o-page_calltoaction_title { font-size: 1rem; letter-spacing: 4px; } } @media (max-width:1199px) { .o-page_calltoaction_title { font-size: .875rem; letter-spacing: 4px; } } @media (max-width:999px) { .o-page_calltoaction_title { font-size: 1.125rem; letter-spacing: 8px; } } @media (max-width:699px) { .o-page_calltoaction_title { font-size: .875rem; letter-spacing: 4px; } } .o-page_calltoaction_content { padding: 1.25rem; font-size: 0; background-color: #ff3e2e; } .o-page_calltoaction_wrapper[data-sport=basketball] .o-page_calltoaction_content { background-color: #ff803f; } .o-page_calltoaction_wrapper[data-sport=cross-country] .o-page_calltoaction_content { background-color: #a6ea00; } .o-page_calltoaction_wrapper[data-sport=curling] .o-page_calltoaction_content { background-color: #32d8ea; } .o-page_calltoaction_wrapper[data-sport=field-hockey] .o-page_calltoaction_content { background-color: #cea9ff; } .o-page_calltoaction_wrapper[data-sport=football] .o-page_calltoaction_content { background-color: #e2ed00; } .o-page_calltoaction_wrapper[data-sport=hockey] .o-page_calltoaction_content { background-color: #ff3e2e; } .o-page_calltoaction_wrapper[data-sport=rugby] .o-page_calltoaction_content { background-color: #05ce7c; } .o-page_calltoaction_wrapper[data-sport=soccer] .o-page_calltoaction_content { background-color: #57e55b; } .o-page_calltoaction_wrapper[data-sport=swimming] .o-page_calltoaction_content { background-color: #29d9c2; } .o-page_calltoaction_wrapper[data-sport=track-field] .o-page_calltoaction_content { background-color: #ff6a3b; } .o-page_calltoaction_wrapper[data-sport=volleyball] .o-page_calltoaction_content { background-color: #ffc800; } .o-page_calltoaction_wrapper[data-sport=wrestling] .o-page_calltoaction_content { background-color: #00bcf0; } .o-page_calltoaction_wrapper[data-sport=general] .o-page_calltoaction_content { background-color: #ff3e2e; } .o-page_calltoaction_wrapper[data-sport=international] .o-page_calltoaction_content { background-color: #ff3e2e; } .o-page_calltoaction_wrapper[data-sport=award] .o-page_calltoaction_content { background-color: #b9914d; } .o-page_calltoaction_hashtag { text-transform: uppercase; font-family: "Timmons NY",Impact,"Franklin Gothic Bold",sans-serif; color: #000; line-height: 1; display: inline-block; vertical-align: middle; font-size: 4.6875rem; width: calc(100% - 60px); } @media (max-width:1599px) { .o-page_calltoaction_hashtag { font-size: 3.75rem; width: calc(100% - 40px); } } @media (max-width:1199px) { .o-page_calltoaction_hashtag { font-size: 2.5rem; } } @media (max-width:999px) { .o-page_calltoaction_hashtag { font-size: 4.6875rem; width: calc(100% - 60px); } } @media (max-width:699px) { .o-page_calltoaction_hashtag { font-size: 2.5rem; width: calc(100% - 40px); } } .o-page_calltoaction_partner { width: 60px; display: inline-block; vertical-align: middle; } @media (max-width:1599px) { .o-page_calltoaction_partner { width: 40px; } } @media (max-width:999px) { .o-page_calltoaction_partner { width: 60px; } } @media (max-width:699px) { .o-page_calltoaction_partner { width: 40px; } } @media (min-width:1000px) { .o-page_heading .o-category { position: absolute; top: -4em; margin: 0; } } @media (min-width:1200px) { .o-page_heading .o-category { top: -6em; } } .o-page_title { font-size: 3.75rem; margin: 3.75rem 0; position: relative; padding-right: 3.75rem; } @media (max-width:1440px) { .o-page_title { margin: 2.5rem 0; font-size: 3.4375rem; } } @media (max-width:999px) { .o-page_title { padding-right: 0; line-height: 1; font-size: 2.5rem; } } .o-page_thumbnail img { display: block; margin: auto; width: 100%; height: auto; } .t-generic_content .t-generic_next .o-page_thumbnail,.t-generic_next .o-page_thumbnail { height: 230px; -webkit-transform: translateY(100px); -ms-transform: translateY(100px); transform: translateY(100px); -webkit-transition: -webkit-transform .6s cubic-bezier(.645,.045,.355,1); transition: -webkit-transform .6s cubic-bezier(.645,.045,.355,1); transition: transform .6s cubic-bezier(.645,.045,.355,1); transition: transform .6s cubic-bezier(.645,.045,.355,1),-webkit-transform .6s cubic-bezier(.645,.045,.355,1); } .t-generic_content .t-generic_next:hover .o-page_thumbnail,.t-generic_next:hover .o-page_thumbnail { -webkit-transform: none; -ms-transform: none; transform: none; } .o-page_thumbnail_caption { margin-top: 1em; color: #777; font-size: .85em; } .o-page_news_infos { font-size: .75rem; font-weight: 500; font-family: Graphik,Arial,Helvetica,sans-serif; margin-bottom: .9375rem; } .o-page_news_author { display: inline-block; vertical-align: middle; margin-left: .9375rem; padding-left: 1.25rem; border-left: 1px solid #000; } .o-page_news_shares { float: right; color: #ccc; } .o-page_intro { margin-bottom: 3.75rem; position: relative; } @media screen { .o-page_intro { background-size: cover; background-position: center center; color: #fff; } } @media screen and (max-width:1440px) { .o-page_intro { margin-bottom: 2.5rem; } } @media screen and (max-width:999px) { .o-page_intro { margin: 0 -40px; } } @media screen and (max-width:699px) { .o-page_intro { margin: 0 -30px 1.875rem -30px; } } @media screen { .o-page_intro.has-splitted-title { padding-top: 28.125rem; } } @media screen and (max-width:1440px) { .o-page_intro.has-splitted-title { padding-top: 25rem; } } @media screen and (max-width:1199px) { .o-page_intro.has-splitted-title { padding-top: 15.625rem; } } @media screen and (max-width:999px) { .o-page_intro.has-splitted-title { padding-top: 30px; } } @media screen { [data-template=error] .o-page_intro { margin-bottom: 0; } } .o-page_intro_background { position: absolute; top: 0; bottom: 0; left: 0; right: 0; background-size: cover; background-position: center center; z-index: -1; } .o-page_intro_background::before { content: ""; position: absolute; top: 0; bottom: 0; width: 110vw; left: 50%; -webkit-transform: translateX(-50%) scaleY(1); -ms-transform: translateX(-50%) scaleY(1); transform: translateX(-50%) scaleY(1); -webkit-transform-origin: center bottom; -ms-transform-origin: center bottom; transform-origin: center bottom; -webkit-transition: -webkit-transform .8s cubic-bezier(.645,.045,.355,1) 1.2s; transition: -webkit-transform .8s cubic-bezier(.645,.045,.355,1) 1.2s; transition: transform .8s cubic-bezier(.645,.045,.355,1) 1.2s; transition: transform .8s cubic-bezier(.645,.045,.355,1) 1.2s,-webkit-transform .8s cubic-bezier(.645,.045,.355,1) 1.2s; background-color: #fff; } .o-page_intro_background::after { position: absolute; top: 0; bottom: 0; width: 110vw; left: 50%; -webkit-transform: translateX(-50%) scaleY(1); -ms-transform: translateX(-50%) scaleY(1); transform: translateX(-50%) scaleY(1); -webkit-transform-origin: center bottom; -ms-transform-origin: center bottom; transform-origin: center bottom; -webkit-transition: -webkit-transform .8s cubic-bezier(.645,.045,.355,1) 1s; transition: -webkit-transform .8s cubic-bezier(.645,.045,.355,1) 1s; transition: transform .8s cubic-bezier(.645,.045,.355,1) 1s; transition: transform .8s cubic-bezier(.645,.045,.355,1) 1s,-webkit-transform .8s cubic-bezier(.645,.045,.355,1) 1s; background-color: #ff3e2e; } [data-sport=basketball] .o-page_intro_background::after { background-color: #ff803f; } [data-sport=cross-country] .o-page_intro_background::after { background-color: #a6ea00; } [data-sport=curling] .o-page_intro_background::after { background-color: #32d8ea; } [data-sport=field-hockey] .o-page_intro_background::after { background-color: #cea9ff; } [data-sport=football] .o-page_intro_background::after { background-color: #e2ed00; } [data-sport=hockey] .o-page_intro_background::after { background-color: #ff3e2e; } [data-sport=rugby] .o-page_intro_background::after { background-color: #05ce7c; } [data-sport=soccer] .o-page_intro_background::after { background-color: #57e55b; } [data-sport=swimming] .o-page_intro_background::after { background-color: #29d9c2; } [data-sport=track-field] .o-page_intro_background::after { background-color: #ff6a3b; } [data-sport=volleyball] .o-page_intro_background::after { background-color: #ffc800; } [data-sport=wrestling] .o-page_intro_background::after { background-color: #00bcf0; } [data-sport=general] .o-page_intro_background::after { background-color: #ff3e2e; } [data-sport=international] .o-page_intro_background::after { background-color: #ff3e2e; } [data-sport=award] .o-page_intro_background::after { background-color: #b9914d; } .dom-is-loaded .o-page_intro_background::after,.dom-is-loaded .o-page_intro_background::before { -webkit-transform: translateX(-50%) scaleY(0); -ms-transform: translateX(-50%) scaleY(0); transform: translateX(-50%) scaleY(0); } @media (max-width:1199px) { .o-page_intro_background { z-index: 0; } } .o-page_intro_title { font-size: 13.125rem; text-transform: uppercase; font-family: "Timmons NY",Impact,"Franklin Gothic Bold",sans-serif; font-weight: 400; line-height: 1; } @media screen { .o-page_intro_title { color: #fff; text-align: right; } } @media screen and (max-width:1440px) { .o-page_intro_title { font-size: 10rem; } } @media screen and (max-width:1199px) { .o-page_intro_title { font-size: 9.375rem; } } @media screen and (max-width:999px) { .o-page_intro_title { font-size: 7.5rem; } } @media screen and (max-width:699px) { .o-page_intro_title { font-size: 5rem; } } @media screen { .o-page_intro.has-splitted-title .o-page_intro_title { position: absolute; right: -45px; top: -1.875rem; line-height: .85; width: 40%; } } @media screen and (max-width:1599px) { .o-page_intro.has-splitted-title .o-page_intro_title { width: 45%; top: -1.5625rem; } } @media screen and (max-width:1199px) { .o-page_intro.has-splitted-title .o-page_intro_title { right: -20px; } } @media screen and (max-width:999px) { .o-page_intro.has-splitted-title .o-page_intro_title { position: relative; right: 0; margin: 30px 0; width: auto; font-size: 0; text-align: left; } } @media screen { .o-page_intro_title_line { display: block; overflow: hidden; } .o-page_intro_title_line:nth-child(2),.o-page_intro_title_line:nth-child(3) { color: #ff3e2e; } [data-sport=basketball] .o-page_intro_title_line:nth-child(2),[data-sport=basketball] .o-page_intro_title_line:nth-child(3) { color: #ff803f; } [data-sport=cross-country] .o-page_intro_title_line:nth-child(2),[data-sport=cross-country] .o-page_intro_title_line:nth-child(3) { color: #a6ea00; } [data-sport=curling] .o-page_intro_title_line:nth-child(2),[data-sport=curling] .o-page_intro_title_line:nth-child(3) { color: #32d8ea; } [data-sport=field-hockey] .o-page_intro_title_line:nth-child(2),[data-sport=field-hockey] .o-page_intro_title_line:nth-child(3) { color: #cea9ff; } [data-sport=football] .o-page_intro_title_line:nth-child(2),[data-sport=football] .o-page_intro_title_line:nth-child(3) { color: #e2ed00; } [data-sport=hockey] .o-page_intro_title_line:nth-child(2),[data-sport=hockey] .o-page_intro_title_line:nth-child(3) { color: #ff3e2e; } [data-sport=rugby] .o-page_intro_title_line:nth-child(2),[data-sport=rugby] .o-page_intro_title_line:nth-child(3) { color: #05ce7c; } [data-sport=soccer] .o-page_intro_title_line:nth-child(2),[data-sport=soccer] .o-page_intro_title_line:nth-child(3) { color: #57e55b; } [data-sport=swimming] .o-page_intro_title_line:nth-child(2),[data-sport=swimming] .o-page_intro_title_line:nth-child(3) { color: #29d9c2; } [data-sport=track-field] .o-page_intro_title_line:nth-child(2),[data-sport=track-field] .o-page_intro_title_line:nth-child(3) { color: #ff6a3b; } [data-sport=volleyball] .o-page_intro_title_line:nth-child(2),[data-sport=volleyball] .o-page_intro_title_line:nth-child(3) { color: #ffc800; } [data-sport=wrestling] .o-page_intro_title_line:nth-child(2),[data-sport=wrestling] .o-page_intro_title_line:nth-child(3) { color: #00bcf0; } [data-sport=general] .o-page_intro_title_line:nth-child(2),[data-sport=general] .o-page_intro_title_line:nth-child(3) { color: #ff3e2e; } [data-sport=international] .o-page_intro_title_line:nth-child(2),[data-sport=international] .o-page_intro_title_line:nth-child(3) { color: #ff3e2e; } [data-sport=award] .o-page_intro_title_line:nth-child(2),[data-sport=award] .o-page_intro_title_line:nth-child(3) { color: #b9914d; } .o-page_intro_title_line span { display: inline-block; -webkit-transform: translateY(100%); -ms-transform: translateY(100%); transform: translateY(100%); min-width: 40px; } .dom-is-loaded .o-page_intro_title_line span,.dom-is-reloaded .o-page_intro_title_line span { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } .dom-is-loaded .o-page_intro_title_line span:nth-child(1),.dom-is-reloaded .o-page_intro_title_line span:nth-child(1) { -webkit-transition: -webkit-transform .6s cubic-bezier(.215,.61,.355,1) 1.65s; transition: -webkit-transform .6s cubic-bezier(.215,.61,.355,1) 1.65s; transition: transform .6s cubic-bezier(.215,.61,.355,1) 1.65s; transition: transform .6s cubic-bezier(.215,.61,.355,1) 1.65s,-webkit-transform .6s cubic-bezier(.215,.61,.355,1) 1.65s; } .dom-is-loaded .o-page_intro_title_line span:nth-child(2),.dom-is-reloaded .o-page_intro_title_line span:nth-child(2) { -webkit-transition: -webkit-transform .6s cubic-bezier(.215,.61,.355,1) 1.7s; transition: -webkit-transform .6s cubic-bezier(.215,.61,.355,1) 1.7s; transition: transform .6s cubic-bezier(.215,.61,.355,1) 1.7s; transition: transform .6s cubic-bezier(.215,.61,.355,1) 1.7s,-webkit-transform .6s cubic-bezier(.215,.61,.355,1) 1.7s; } .dom-is-loaded .o-page_intro_title_line span:nth-child(3),.dom-is-reloaded .o-page_intro_title_line span:nth-child(3) { -webkit-transition: -webkit-transform .6s cubic-bezier(.215,.61,.355,1) 1.75s; transition: -webkit-transform .6s cubic-bezier(.215,.61,.355,1) 1.75s; transition: transform .6s cubic-bezier(.215,.61,.355,1) 1.75s; transition: transform .6s cubic-bezier(.215,.61,.355,1) 1.75s,-webkit-transform .6s cubic-bezier(.215,.61,.355,1) 1.75s; } .dom-is-loaded .o-page_intro_title_line span:nth-child(4),.dom-is-reloaded .o-page_intro_title_line span:nth-child(4) { -webkit-transition: -webkit-transform .6s cubic-bezier(.215,.61,.355,1) 1.8s; transition: -webkit-transform .6s cubic-bezier(.215,.61,.355,1) 1.8s; transition: transform .6s cubic-bezier(.215,.61,.355,1) 1.8s; transition: transform .6s cubic-bezier(.215,.61,.355,1) 1.8s,-webkit-transform .6s cubic-bezier(.215,.61,.355,1) 1.8s; } .dom-is-loaded .o-page_intro_title_line span:nth-child(5),.dom-is-reloaded .o-page_intro_title_line span:nth-child(5) { -webkit-transition: -webkit-transform .6s cubic-bezier(.215,.61,.355,1) 1.85s; transition: -webkit-transform .6s cubic-bezier(.215,.61,.355,1) 1.85s; transition: transform .6s cubic-bezier(.215,.61,.355,1) 1.85s; transition: transform .6s cubic-bezier(.215,.61,.355,1) 1.85s,-webkit-transform .6s cubic-bezier(.215,.61,.355,1) 1.85s; } .dom-is-loaded .o-page_intro_title_line span:nth-child(6),.dom-is-reloaded .o-page_intro_title_line span:nth-child(6) { -webkit-transition: -webkit-transform .6s cubic-bezier(.215,.61,.355,1) 1.9s; transition: -webkit-transform .6s cubic-bezier(.215,.61,.355,1) 1.9s; transition: transform .6s cubic-bezier(.215,.61,.355,1) 1.9s; transition: transform .6s cubic-bezier(.215,.61,.355,1) 1.9s,-webkit-transform .6s cubic-bezier(.215,.61,.355,1) 1.9s; } .dom-is-loaded .o-page_intro_title_line span:nth-child(7),.dom-is-reloaded .o-page_intro_title_line span:nth-child(7) { -webkit-transition: -webkit-transform .6s cubic-bezier(.215,.61,.355,1) 1.95s; transition: -webkit-transform .6s cubic-bezier(.215,.61,.355,1) 1.95s; transition: transform .6s cubic-bezier(.215,.61,.355,1) 1.95s; transition: transform .6s cubic-bezier(.215,.61,.355,1) 1.95s,-webkit-transform .6s cubic-bezier(.215,.61,.355,1) 1.95s; } .dom-is-loaded .o-page_intro_title_line span:nth-child(8),.dom-is-reloaded .o-page_intro_title_line span:nth-child(8) { -webkit-transition: -webkit-transform .6s cubic-bezier(.215,.61,.355,1) 2s; transition: -webkit-transform .6s cubic-bezier(.215,.61,.355,1) 2s; transition: transform .6s cubic-bezier(.215,.61,.355,1) 2s; transition: transform .6s cubic-bezier(.215,.61,.355,1) 2s,-webkit-transform .6s cubic-bezier(.215,.61,.355,1) 2s; } .dom-is-loaded .o-page_intro_title_line span:nth-child(9),.dom-is-reloaded .o-page_intro_title_line span:nth-child(9) { -webkit-transition: -webkit-transform .6s cubic-bezier(.215,.61,.355,1) 2.05s; transition: -webkit-transform .6s cubic-bezier(.215,.61,.355,1) 2.05s; transition: transform .6s cubic-bezier(.215,.61,.355,1) 2.05s; transition: transform .6s cubic-bezier(.215,.61,.355,1) 2.05s,-webkit-transform .6s cubic-bezier(.215,.61,.355,1) 2.05s; } .dom-is-loaded .o-page_intro_title_line span:nth-child(10),.dom-is-reloaded .o-page_intro_title_line span:nth-child(10) { -webkit-transition: -webkit-transform .6s cubic-bezier(.215,.61,.355,1) 2.1s; transition: -webkit-transform .6s cubic-bezier(.215,.61,.355,1) 2.1s; transition: transform .6s cubic-bezier(.215,.61,.355,1) 2.1s; transition: transform .6s cubic-bezier(.215,.61,.355,1) 2.1s,-webkit-transform .6s cubic-bezier(.215,.61,.355,1) 2.1s; } .dom-is-loaded .o-page_intro_title_line span:nth-child(11),.dom-is-reloaded .o-page_intro_title_line span:nth-child(11) { -webkit-transition: -webkit-transform .6s cubic-bezier(.215,.61,.355,1) 2.15s; transition: -webkit-transform .6s cubic-bezier(.215,.61,.355,1) 2.15s; transition: transform .6s cubic-bezier(.215,.61,.355,1) 2.15s; transition: transform .6s cubic-bezier(.215,.61,.355,1) 2.15s,-webkit-transform .6s cubic-bezier(.215,.61,.355,1) 2.15s; } .dom-is-loaded .o-page_intro_title_line span:nth-child(12),.dom-is-reloaded .o-page_intro_title_line span:nth-child(12) { -webkit-transition: -webkit-transform .6s cubic-bezier(.215,.61,.355,1) 2.2s; transition: -webkit-transform .6s cubic-bezier(.215,.61,.355,1) 2.2s; transition: transform .6s cubic-bezier(.215,.61,.355,1) 2.2s; transition: transform .6s cubic-bezier(.215,.61,.355,1) 2.2s,-webkit-transform .6s cubic-bezier(.215,.61,.355,1) 2.2s; } .dom-is-loaded .o-page_intro_title_line span:nth-child(13),.dom-is-reloaded .o-page_intro_title_line span:nth-child(13) { -webkit-transition: -webkit-transform .6s cubic-bezier(.215,.61,.355,1) 2.25s; transition: -webkit-transform .6s cubic-bezier(.215,.61,.355,1) 2.25s; transition: transform .6s cubic-bezier(.215,.61,.355,1) 2.25s; transition: transform .6s cubic-bezier(.215,.61,.355,1) 2.25s,-webkit-transform .6s cubic-bezier(.215,.61,.355,1) 2.25s; } .dom-is-loaded .o-page_intro_title_line span:nth-child(14),.dom-is-reloaded .o-page_intro_title_line span:nth-child(14) { -webkit-transition: -webkit-transform .6s cubic-bezier(.215,.61,.355,1) 2.3s; transition: -webkit-transform .6s cubic-bezier(.215,.61,.355,1) 2.3s; transition: transform .6s cubic-bezier(.215,.61,.355,1) 2.3s; transition: transform .6s cubic-bezier(.215,.61,.355,1) 2.3s,-webkit-transform .6s cubic-bezier(.215,.61,.355,1) 2.3s; } .dom-is-loaded .o-page_intro_title_line span:nth-child(15),.dom-is-reloaded .o-page_intro_title_line span:nth-child(15) { -webkit-transition: -webkit-transform .6s cubic-bezier(.215,.61,.355,1) 2.35s; transition: -webkit-transform .6s cubic-bezier(.215,.61,.355,1) 2.35s; transition: transform .6s cubic-bezier(.215,.61,.355,1) 2.35s; transition: transform .6s cubic-bezier(.215,.61,.355,1) 2.35s,-webkit-transform .6s cubic-bezier(.215,.61,.355,1) 2.35s; } .dom-is-loading .o-page_intro_title_line span { -webkit-transform: translateY(100%); -ms-transform: translateY(100%); transform: translateY(100%); } } @media screen and (max-width:1199px) { .o-page_intro_title_line span { min-width: 30px; } } @media screen and (max-width:999px) { .o-page_intro_title_line span { min-width: 15px; } } @media screen and (max-width:999px) { .o-page_intro_title_line { display: inline-block; font-size: 9.375rem; margin-right: 15px; } } @media screen and (max-width:699px) { .o-page_intro_title_line { font-size: 6.25rem; } } .o-page_intro_partner_main { text-align: right; } @media (max-width:999px) { .o-page_intro_partner_main { text-align: center; } } .o-page_intro_subtitle { font-weight: 500; font-family: Graphik,Arial,Helvetica,sans-serif; font-size: 2.5rem; line-height: 1.2; -webkit-transform: translateY(30vh); -ms-transform: translateY(30vh); transform: translateY(30vh); position: relative; z-index: 10; opacity: 0; -webkit-transition: opacity .9s cubic-bezier(.215,.61,.355,1) 2.2s,-webkit-transform .9s cubic-bezier(.215,.61,.355,1) 2.2s; transition: opacity .9s cubic-bezier(.215,.61,.355,1) 2.2s,-webkit-transform .9s cubic-bezier(.215,.61,.355,1) 2.2s; transition: transform .9s cubic-bezier(.215,.61,.355,1) 2.2s,opacity .9s cubic-bezier(.215,.61,.355,1) 2.2s; transition: transform .9s cubic-bezier(.215,.61,.355,1) 2.2s,opacity .9s cubic-bezier(.215,.61,.355,1) 2.2s,-webkit-transform .9s cubic-bezier(.215,.61,.355,1) 2.2s; } .dom-is-loaded .o-page_intro_subtitle,.dom-is-reloaded .o-page_intro_subtitle { -webkit-transform: none; -ms-transform: none; transform: none; opacity: 1; } .dom-is-loading .o-page_intro_subtitle { -webkit-transform: translateY(30vh); -ms-transform: translateY(30vh); transform: translateY(30vh); opacity: 0; } @media (max-width:1199px) { .o-page_intro_subtitle { font-size: 1.875rem; } } @media (max-width:999px) { .o-page_intro_subtitle { font-size: 1.375rem; } } .o-page_intro_text { font-family: aktiv-grotesk,sans-serif; font-size: 1.125rem; position: relative; z-index: 10; -webkit-transform: translateY(30vh); -ms-transform: translateY(30vh); transform: translateY(30vh); opacity: 0; -webkit-transition: opacity .9s cubic-bezier(.215,.61,.355,1) 2.4s,-webkit-transform .9s cubic-bezier(.215,.61,.355,1) 2.4s; transition: opacity .9s cubic-bezier(.215,.61,.355,1) 2.4s,-webkit-transform .9s cubic-bezier(.215,.61,.355,1) 2.4s; transition: transform .9s cubic-bezier(.215,.61,.355,1) 2.4s,opacity .9s cubic-bezier(.215,.61,.355,1) 2.4s; transition: transform .9s cubic-bezier(.215,.61,.355,1) 2.4s,opacity .9s cubic-bezier(.215,.61,.355,1) 2.4s,-webkit-transform .9s cubic-bezier(.215,.61,.355,1) 2.4s; } .dom-is-loaded .o-page_intro_text,.dom-is-reloaded .o-page_intro_text { -webkit-transform: none; -ms-transform: none; transform: none; opacity: 1; } .dom-is-loading .o-page_intro_text { -webkit-transform: translateY(30vh); -ms-transform: translateY(30vh); transform: translateY(30vh); opacity: 0; } @media (max-width:1199px) { .o-page_intro_text { font-size: 1rem; } } @media (max-width:999px) { .o-page_intro_text { padding-left: 3.75rem; } } [data-template=error] .o-page_intro_text { padding-left: 0; } .o-page_intro_text a { -webkit-transition: color .3s cubic-bezier(.215,.61,.355,1); transition: color .3s cubic-bezier(.215,.61,.355,1); text-decoration: underline; } .o-page_intro_text a:hover { color: #ff3e2e; } .o-page_intro_partner { background-color: #000; color: #fff; } @media (max-width:699px) { .o-page_intro_partner { margin-bottom: 0!important; } } .o-page_intro_partner_title_wrapper { vertical-align: middle; } .o-page_intro_partner_title { font-size: 5rem; font-family: "Timmons NY",Impact,"Franklin Gothic Bold",sans-serif; text-transform: uppercase; font-weight: 400; } @media (max-width:999px) { .o-page_intro_partner_title { text-align: center; font-size: 3.75rem; } } @media (max-width:699px) { .o-page_intro_partner_title { font-size: 2.8125rem; } } .o-page_intro_partner_value { vertical-align: middle; } @media (max-width:999px) { .o-page_intro_partner_value { margin-top: 2.5rem; } } .o-page_intro_partner_date { vertical-align: middle; text-align: right; border-right: 1px solid #343434; } @media (max-width:999px) { .o-page_intro_partner_date { width: 50%; font-size: 1.375rem; } } @media (max-width:699px) { .o-page_intro_partner_date { font-size: 1.125rem; } } .o-page_intro_partner_image { padding-left: 3.75rem; } @media (max-width:1440px) { .o-page_intro_partner_image { padding-left: 2.5rem; } } @media (max-width:699px) { .o-page_intro_partner_image { padding-left: 1.875rem; } } @media (max-width:999px) { .o-page_intro_partner_image img { max-width: 80%; } } @media (max-width:999px) { .o-page_section_content { margin: 0; } } .o-page_section_thumbnail img { max-width: 80%; } @media (max-width:999px) { .o-page_section_thumbnail { margin-bottom: 3.75rem; } } .o-time { text-transform: uppercase; font-family: Graphik,Arial,Helvetica,sans-serif; font-weight: 500; font-size: .625rem; padding-left: 30px; letter-spacing: 1px; position: relative; } .u-vertical-center .o-time { font-size: .625rem; } .o-time.-no-pd-l { padding-left: 0; } .o-time svg { fill: currentColor; width: 16px; height: 16px; position: absolute; top: 50%; left: 0; margin-top: -8px; } .o-embed>.twitter-tweet { margin-left: auto; margin-right: auto; } .o-flex-embed { position: relative; display: block; height: 0; padding: 0; overflow: hidden; } .o-flex-embed.-ratio-21\/9 { padding-bottom: 42.8571428571%; } .o-flex-embed.-ratio-16\/9 { padding-bottom: 56.25%; } .o-flex-embed.-ratio-4\/3 { padding-bottom: 75%; } .o-flex-embed.-ratio-3\/1 { padding-bottom: 300%; } .o-flex-embed.-ratio-2\/1 { padding-bottom: 200%; } .o-flex-embed.-ratio-1\/1 { padding-bottom: 100%; } .o-flex-embed.-margin { margin-top: 1.875rem; } .o-flex-embed .o-flex-embed_item,.o-flex-embed embed,.o-flex-embed iframe,.o-flex-embed object,.o-flex-embed video { position: absolute; top: 0; bottom: 0; left: 0; width: 100%; height: 100%; border: 0; } .selectric-wrapper { position: relative; cursor: pointer; } .selectric-responsive { width: 100%; } .selectric { border: 1px solid #ddd; background: #f8f8f8; position: relative; } .selectric .label { display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; margin: 0 9px 0 10px; font-size: 12px; line-height: 38px; color: #444; height: 38px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .selectric .button { display: block; position: absolute; right: 0; top: 0; width: 9px; height: 38px; color: #bbb; text-align: center; font: 0/0 a; } .selectric .button:after { content: " "; position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto; width: 0; height: 0; border: 4px solid transparent; border-top-color: #bbb; border-bottom: none; } .selectric-focus .selectric { border-color: #aaa; } .selectric-hover .selectric { border-color: #c4c3c3; } .selectric-hover .selectric .button { color: #a2a1a1; } .selectric-hover .selectric .button:after { border-top-color: #a2a1a1; } .selectric-open { z-index: 9999; } .selectric-open .selectric { border-color: #c4c3c3; } .selectric-open .selectric-items { display: block; } .selectric-disabled { opacity: .5; cursor: default; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .selectric-hide-select { position: relative; overflow: hidden; width: 0; height: 0; } .selectric-hide-select select { position: absolute; left: -100%; display: none; } .selectric-input { position: absolute!important; top: 0!important; left: 0!important; overflow: hidden!important; clip: rect(0,0,0,0)!important; margin: 0!important; padding: 0!important; width: 1px!important; height: 1px!important; outline: 0!important; border: none!important; background: 0 0!important; } .selectric-temp-show { position: absolute!important; visibility: hidden!important; display: block!important; } .selectric-items { display: none; position: absolute; top: 100%; left: 0; background: #f8f8f8; border: 1px solid #c4c3c3; z-index: -1; -webkit-box-shadow: 0 0 10px -6px; box-shadow: 0 0 10px -6px; } .selectric-items .selectric-scroll { height: 100%; overflow: auto; } .selectric-above .selectric-items { top: auto; bottom: 100%; } .selectric-items li,.selectric-items ul { list-style: none; padding: 0; margin: 0; font-size: 12px; line-height: 20px; min-height: 20px; } .selectric-items li { display: block; padding: 10px; color: #666; cursor: pointer; } .selectric-items li.selected { background: #e0e0e0; color: #444; } .selectric-items li:hover { background: #d5d5d5; color: #444; } .selectric-items .disabled { opacity: .5; cursor: default!important; background: 0 0!important; color: #666!important; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .selectric-items .selectric-group .selectric-group-label { font-weight: 700; padding-left: 10px; cursor: default; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; background: 0 0; color: #444; } .selectric-items .selectric-group.disabled li { opacity: 1; } .selectric-items .selectric-group li { padding-left: 25px; }/*! Swipebox v1.3.0 | Constantin Saguin csag.co | MIT License | github.com/brutaldesign/swipebox */html.swipebox-html.swipebox-touch { overflow: hidden!important; } #swipebox-overlay img { border: none!important; } #swipebox-overlay { width: 100%; height: 100%; position: fixed; top: 0; left: 0; z-index: 99999!important; overflow: hidden; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } #swipebox-container { position: relative; width: 100%; height: 100%; } #swipebox-slider { -webkit-transition: -webkit-transform .4s ease; transition: -webkit-transform .4s ease; transition: transform .4s ease; transition: transform .4s ease,-webkit-transform .4s ease; height: 100%; left: 0; top: 0; width: 100%; white-space: nowrap; position: absolute; display: none; cursor: pointer; } #swipebox-slider .slide { height: 100%; width: 100%; line-height: 1px; text-align: center; display: inline-block; } #swipebox-slider .slide::before { content: ""; display: inline-block; height: 50%; width: 1px; margin-right: -1px; } #swipebox-slider .slide .swipebox-inline-container,#swipebox-slider .slide .swipebox-video-container,#swipebox-slider .slide img { display: inline-block; max-height: 100%; max-width: 100%; margin: 0; padding: 0; width: auto; height: auto; vertical-align: middle; } #swipebox-slider .slide .swipebox-video-container { background: 0 0; max-width: 1140px; max-height: 100%; width: 100%; padding: 5%; -webkit-box-sizing: border-box; box-sizing: border-box; } #swipebox-slider .slide .swipebox-video-container .swipebox-video { width: 100%; height: 0; padding-bottom: 56.25%; overflow: hidden; position: relative; } #swipebox-slider .slide .swipebox-video-container .swipebox-video iframe { width: 100%!important; height: 100%!important; position: absolute; top: 0; left: 0; } #swipebox-slider .slide-loading { background: url(../images/swipebox/loader.gif) no-repeat center center; } #swipebox-bottom-bar,#swipebox-top-bar { -webkit-transition: .5s; transition: .5s; position: absolute; left: 0; z-index: 999; height: 50px; width: 100%; } #swipebox-bottom-bar { bottom: 0; } #swipebox-top-bar { top: -50px; } #swipebox-top-bar.visible-bars { -webkit-transform: translate3d(0,50px,0); transform: translate3d(0,50px,0); } #swipebox-title { display: block; width: 100%; text-align: center; } #swipebox-close,#swipebox-next,#swipebox-prev { background-image: url(../images/swipebox/icons.png); background-repeat: no-repeat; border: none!important; text-decoration: none!important; cursor: pointer; width: 50px; height: 50px; top: 0; } #swipebox-arrows { display: block; margin: 0 auto; width: 100%; height: 50px; } #swipebox-prev { background-position: -32px 13px; float: left; } #swipebox-next { background-position: -78px 13px; float: right; } #swipebox-close { top: 0; right: 0; position: absolute; z-index: 9999; background-position: 15px 12px; } .swipebox-no-close-button #swipebox-close { display: none; } #swipebox-next.disabled,#swipebox-prev.disabled { opacity: .3; } .swipebox-no-touch #swipebox-overlay.rightSpring #swipebox-slider { -webkit-animation: rightSpring .3s; animation: rightSpring .3s; } .swipebox-no-touch #swipebox-overlay.leftSpring #swipebox-slider { -webkit-animation: leftSpring .3s; animation: leftSpring .3s; } .swipebox-touch #swipebox-container::after,.swipebox-touch #swipebox-container::before { -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-transition: all .3s ease; transition: all .3s ease; content: ' '; position: absolute; z-index: 999; top: 0; height: 100%; width: 20px; opacity: 0; } .swipebox-touch #swipebox-container::before { left: 0; -webkit-box-shadow: inset 10px 0 10px -8px #656565; box-shadow: inset 10px 0 10px -8px #656565; } .swipebox-touch #swipebox-container::after { right: 0; -webkit-box-shadow: inset -10px 0 10px -8px #656565; box-shadow: inset -10px 0 10px -8px #656565; } .swipebox-touch #swipebox-overlay.leftSpringTouch #swipebox-container::before { opacity: 1; } .swipebox-touch #swipebox-overlay.rightSpringTouch #swipebox-container::after { opacity: 1; } @-webkit-keyframes rightSpring { 0% { left: 0; } 50% { left: -30px; } 100% { left: 0; } } @keyframes rightSpring { 0% { left: 0; } 50% { left: -30px; } 100% { left: 0; } } @-webkit-keyframes leftSpring { 0% { left: 0; } 50% { left: 30px; } 100% { left: 0; } } @keyframes leftSpring { 0% { left: 0; } 50% { left: 30px; } 100% { left: 0; } } @media screen and (min-width:800px) { #swipebox-close { right: 10px; } #swipebox-arrows { width: 92%; max-width: 800px; } } #swipebox-overlay { background: #000; } #swipebox-bottom-bar,#swipebox-top-bar { text-shadow: 1px 1px 1px #000; background: #000; opacity: .95; } #swipebox-top-bar { color: #fff!important; font-size: 15px; line-height: 43px; font-family: Helvetica,Arial,sans-serif; } .slick-slider { position: relative; display: block; -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; } .slick-list { position: relative; overflow: hidden; display: block; margin: 0; padding: 0; height: 100%; } .slick-list:focus { outline: 0; } .slick-slider .slick-list,.slick-slider .slick-track { -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); } .slick-track { position: relative; left: 0; top: 0; display: block; height: 100%; } .slick-track:after,.slick-track:before { content: ""; display: table; } .slick-track:after { clear: both; } .slick-loading .slick-track { visibility: hidden; } .slick-slide { position: relative; float: left; height: 100%; min-height: 1px; cursor: -webkit-grab; cursor: grab; outline: 0; display: none; } [dir=rtl] .slick-slide { float: right; } .slick-slide img { display: block; } .slick-slide.slick-loading img { display: none; } .slick-initialized .slick-slide { display: block; } .slick-loading .slick-slide { visibility: hidden; } .slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; } .is-dragging .slick-slide { cursor: -webkit-grabbing!important; cursor: grabbing!important; } .slick-arrow.slick-hidden { display: none; } .qs-datepicker { color: #000; position: absolute; width: 250px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; font-size: 14px; z-index: 9001; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; border: 1px solid #ccc; overflow: hidden; background: #fff; } .qs-datepicker * { -webkit-box-sizing: border-box; box-sizing: border-box; } .qs-datepicker.qs-hidden { display: none; } .qs-datepicker .qs-overlay { position: absolute; top: 0; left: 0; background: rgba(0,0,0,.75); color: #fff; width: 100%; height: 100%; padding: .5em; z-index: 1; opacity: 1; -webkit-transition: opacity .3s; transition: opacity .3s; display: -ms-flexbox; display: -webkit-box; display: flex; -ms-flex-direction: column; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; -ms-flex-align: center; -webkit-box-align: center; align-items: center; } .qs-datepicker .qs-overlay.qs-hidden { opacity: 0; z-index: -1; } .qs-datepicker .qs-overlay .qs-close { -ms-flex-item-align: end; align-self: flex-end; display: inline-table; padding: .5em; line-height: .77; cursor: pointer; position: absolute; } .qs-datepicker .qs-overlay .qs-overlay-year { display: block; border: none; background: 0 0; border-bottom: 1px solid #fff; border-radius: 0; color: #fff; font-size: 14px; padding: .25em 0; margin: auto 0 .5em; width: calc(100% - 1em); } .qs-datepicker .qs-overlay .qs-overlay-year::-webkit-inner-spin-button { -webkit-appearance: none; } .qs-datepicker .qs-overlay .qs-submit { border: 1px solid #fff; border-radius: 4.22275px; padding: .5em; margin: 0 auto auto; cursor: pointer; background: rgba(128,128,128,.4); } .qs-datepicker .qs-overlay .qs-submit.qs-disabled { color: gray; border-color: gray; cursor: not-allowed; } .qs-datepicker .qs-controls { width: 100%; display: -ms-flexbox; display: -webkit-box; display: flex; -ms-flex-pack: justify; -webkit-box-pack: justify; justify-content: space-between; -ms-flex-align: center; -webkit-box-align: center; align-items: center; -ms-flex-positive: 1; -webkit-box-flex: 1; flex-grow: 1; -ms-flex-negative: 0; flex-shrink: 0; background: #000; -webkit-filter: blur(0); filter: blur(0); -webkit-transition: -webkit-filter .3s; transition: -webkit-filter .3s; transition: filter .3s; transition: filter .3s,-webkit-filter .3s; color: #fff; } .qs-datepicker .qs-controls.qs-blur { -webkit-filter: blur(5px); filter: blur(5px); } .qs-datepicker .qs-arrow { height: 25px; width: 25px; position: relative; cursor: pointer; border-radius: 5px; -webkit-transition: background .15s; transition: background .15s; } .qs-datepicker .qs-arrow:hover { background: rgba(0,0,0,.1); } .qs-datepicker .qs-arrow:hover.qs-left:after { border-right-color: #fff; } .qs-datepicker .qs-arrow:hover.qs-right:after { border-left-color: #fff; } .qs-datepicker .qs-arrow:after { content: ''; border: 6.25px solid transparent; position: absolute; top: 50%; -webkit-transition: border .2s; transition: border .2s; } .qs-datepicker .qs-arrow.qs-left:after { border-right-color: gray; right: 50%; -webkit-transform: translate(25%,-50%); -ms-transform: translate(25%,-50%); transform: translate(25%,-50%); } .qs-datepicker .qs-arrow.qs-right:after { border-left-color: gray; left: 50%; -webkit-transform: translate(-25%,-50%); -ms-transform: translate(-25%,-50%); transform: translate(-25%,-50%); } .qs-datepicker .qs-month-year { -webkit-transition: border .2s; transition: border .2s; border-bottom: 1px solid transparent; cursor: pointer; margin: 10px 0; } .qs-datepicker .qs-month-year:hover { border-bottom: 1px solid gray; } .qs-datepicker .qs-month-year:active:focus,.qs-datepicker .qs-month-year:focus { outline: 0; } .qs-datepicker .qs-month { padding-right: .5ex; } .qs-datepicker .qs-year { padding-left: .5ex; } .qs-datepicker .qs-squares { display: -ms-flexbox; display: -webkit-box; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; padding: 5px; -webkit-filter: blur(0); filter: blur(0); -webkit-transition: -webkit-filter .3s; transition: -webkit-filter .3s; transition: filter .3s; transition: filter .3s,-webkit-filter .3s; } .qs-datepicker .qs-squares.qs-blur { -webkit-filter: blur(5px); filter: blur(5px); } .qs-datepicker .qs-square { width: 14.28571429%; height: 35px; display: -ms-flexbox; display: -webkit-box; display: flex; -ms-flex-align: center; -webkit-box-align: center; align-items: center; -ms-flex-pack: center; -webkit-box-pack: center; justify-content: center; cursor: pointer; -webkit-transition: background .3s; transition: background .3s; } .qs-datepicker .qs-square.qs-current { font-weight: 700; } .qs-datepicker .qs-square.qs-active { background: #add8e6; } .qs-datepicker .qs-square.qs-disabled span { opacity: .2; } .qs-datepicker .qs-square.qs-empty { cursor: default; } .qs-datepicker .qs-square.qs-disabled { cursor: not-allowed; } .qs-datepicker .qs-square.qs-day { cursor: default; color: #000; padding: 10px 0; } .qs-datepicker .qs-square.qs-num { font-size: .75rem; } .qs-datepicker .qs-square:not(.qs-empty):not(.qs-disabled):not(.qs-day):hover { background: #000; color: #fff; } .c-nav_burger_obj { display: block; width: 22px; height: 20px; position: relative; -webkit-transition: .2s cubic-bezier(.215,.61,.355,1); transition: .2s cubic-bezier(.215,.61,.355,1); } .c-nav_burger.is-active .c-nav_burger_obj { -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); -webkit-transition: .2s cubic-bezier(.215,.61,.355,1) .4s; transition: .2s cubic-bezier(.215,.61,.355,1) .4s; } .c-nav_burger_item { display: block; width: 100%; height: 2px; position: absolute; left: 50%; -webkit-transform: translateX(-50%) scaleX(1); -ms-transform: translateX(-50%) scaleX(1); transform: translateX(-50%) scaleX(1); -webkit-transition: .2s cubic-bezier(.215,.61,.355,1) .2s; transition: .2s cubic-bezier(.215,.61,.355,1) .2s; background-color:#fff; } .c-nav_burger_item:nth-child(1) { top: 0; } @media (min-width:1000px) { .c-nav_burger:focus .c-nav_burger_item:nth-child(1),.c-nav_burger:hover .c-nav_burger_item:nth-child(1) { -webkit-transform: translateX(-50%) scaleX(0); -ms-transform: translateX(-50%) scaleX(0); transform: translateX(-50%) scaleX(0); -webkit-transition: .2s cubic-bezier(.215,.61,.355,1); transition: .2s cubic-bezier(.215,.61,.355,1); } } .c-nav_burger.is-active .c-nav_burger_item:nth-child(1) { -webkit-transform: translateX(-50%) scaleX(0); -ms-transform: translateX(-50%) scaleX(0); transform: translateX(-50%) scaleX(0); -webkit-transition: .2s cubic-bezier(.215,.61,.355,1); transition: .2s cubic-bezier(.215,.61,.355,1); } .c-nav_burger_item:nth-child(2) { top: 50%; -webkit-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); transform: translate(-50%,-50%); } .c-nav_burger_item:nth-child(2)::after { content: ""; height: 20px; width: 2px; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%,-50%) scaleY(0); -ms-transform: translate(-50%,-50%) scaleY(0); transform: translate(-50%,-50%) scaleY(0); -webkit-transition: .2s cubic-bezier(.215,.61,.355,1); transition: .2s cubic-bezier(.215,.61,.355,1); background-color: #fff; } @media (max-width:999px) { .c-nav_burger_item:nth-child(2)::after { height: 16px; } } @media (min-width:1000px) { .c-nav_burger:focus .c-nav_burger_item:nth-child(2)::after,.c-nav_burger:hover .c-nav_burger_item:nth-child(2)::after { -webkit-transform: translate(-50%,-50%) scaleY(1); -ms-transform: translate(-50%,-50%) scaleY(1); transform: translate(-50%,-50%) scaleY(1); -webkit-transition: .2s cubic-bezier(.215,.61,.355,1) .2s; transition: .2s cubic-bezier(.215,.61,.355,1) .2s; } } .c-nav_burger.is-active .c-nav_burger_item:nth-child(2)::after { -webkit-transform: translate(-50%,-50%) scaleY(1); -ms-transform: translate(-50%,-50%) scaleY(1); transform: translate(-50%,-50%) scaleY(1); -webkit-transition: .2s cubic-bezier(.215,.61,.355,1) .2s; transition: .2s cubic-bezier(.215,.61,.355,1) .2s; } .c-nav_burger_item:nth-child(3) { bottom: 0; } @media (min-width:1000px) { .c-nav_burger:focus .c-nav_burger_item:nth-child(3),.c-nav_burger:hover .c-nav_burger_item:nth-child(3) { -webkit-transform: translateX(-50%) scaleX(0); -ms-transform: translateX(-50%) scaleX(0); transform: translateX(-50%) scaleX(0); -webkit-transition: .2s cubic-bezier(.215,.61,.355,1); transition: .2s cubic-bezier(.215,.61,.355,1); } } .c-nav_burger.is-active .c-nav_burger_item:nth-child(3) { -webkit-transform: translateX(-50%) scaleX(0); -ms-transform: translateX(-50%) scaleX(0); transform: translateX(-50%) scaleX(0); -webkit-transition: .2s cubic-bezier(.215,.61,.355,1); transition: .2s cubic-bezier(.215,.61,.355,1); } .c-nav_menu_arrow { display: block; position: absolute; top: 50%; width: 6px; height: 6px; min-width: inherit; max-width: inherit; -webkit-transform: translateY(-50%) rotate(-90deg); -ms-transform: translateY(-50%) rotate(-90deg); transform: translateY(-50%) rotate(-90deg); } @media (max-width:1199px) { .c-nav_menu_arrow { right: 20px; } } @media (min-width:1200px) { .c-nav_menu_arrow { right: 35px; } } .c-nav_menu_dropdown { position: absolute; top: 50%; width: 6px; height: 6px; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } @media (max-width:1199px) { .c-nav_menu_dropdown { right: 20px; } } @media (min-width:1200px) { .c-nav_menu_dropdown { right:20px; } } .c-nav_menu_dropdown::after,.c-nav_menu_dropdown::before { content: ""; position: absolute; top: 50%; left: 50%; width: 16px; height: 2px; -webkit-transition: background-color .2s cubic-bezier(.215,.61,.355,1),-webkit-transform .2s cubic-bezier(.215,.61,.355,1); transition: background-color .2s cubic-bezier(.215,.61,.355,1),-webkit-transform .2s cubic-bezier(.215,.61,.355,1); transition: transform .2s cubic-bezier(.215,.61,.355,1),background-color .2s cubic-bezier(.215,.61,.355,1); transition: transform .2s cubic-bezier(.215,.61,.355,1),background-color .2s cubic-bezier(.215,.61,.355,1),-webkit-transform .2s cubic-bezier(.215,.61,.355,1); background-color: #000; } .c-nav_menu_dropdown::before { -webkit-transform: translate3d(-50%,-50%,0) rotate(0) scaleX(.2); transform: translate3d(-50%,-50%,0) rotate(0) scaleX(.2); } .c-nav_menu_dropdown::after { -webkit-transform: translate3d(-50%,-50%,0) rotate(-90deg) scaleX(.2); transform: translate3d(-50%,-50%,0) rotate(-90deg) scaleX(.2); } .c-nav_menu_button:focus .c-nav_menu_dropdown::after,.c-nav_menu_button:focus .c-nav_menu_dropdown::before,.c-nav_menu_button:hover .c-nav_menu_dropdown::after,.c-nav_menu_button:hover .c-nav_menu_dropdown::before,.c-nav_menu_item.is-active .c-nav_menu_dropdown::after,.c-nav_menu_item.is-active .c-nav_menu_dropdown::before { -webkit-transition: background-color .2s cubic-bezier(.215,.61,.355,1) .2s,-webkit-transform .2s cubic-bezier(.215,.61,.355,1) .2s; transition: background-color .2s cubic-bezier(.215,.61,.355,1) .2s,-webkit-transform .2s cubic-bezier(.215,.61,.355,1) .2s; transition: transform .2s cubic-bezier(.215,.61,.355,1) .2s,background-color .2s cubic-bezier(.215,.61,.355,1) .2s; transition: transform .2s cubic-bezier(.215,.61,.355,1) .2s,background-color .2s cubic-bezier(.215,.61,.355,1) .2s,-webkit-transform .2s cubic-bezier(.215,.61,.355,1) .2s; background-color: #fff; } .c-nav_menu_item.is-active .c-nav_menu_dropdown::before { -webkit-transform: translate3d(-50%,-50%,0) rotate(45deg) scaleX(1)!important; transform: translate3d(-50%,-50%,0) rotate(45deg) scaleX(1)!important; } .c-nav_menu_item.is-active .c-nav_menu_dropdown::after { -webkit-transform: translate3d(-50%,-50%,0) rotate(-45deg) scaleX(1)!important; transform: translate3d(-50%,-50%,0) rotate(-45deg) scaleX(1)!important; } .c-nav_menu_button:focus .c-nav_menu_dropdown::before,.c-nav_menu_button:hover .c-nav_menu_dropdown::before { -webkit-transform: translate3d(-50%,-50%,0) rotate(0) scaleX(1); transform: translate3d(-50%,-50%,0) rotate(0) scaleX(1); } .c-nav_menu_button:focus .c-nav_menu_dropdown::after,.c-nav_menu_button:hover .c-nav_menu_dropdown::after { -webkit-transform: translate3d(-50%,-50%,0) rotate(-90deg) scaleX(1); transform: translate3d(-50%,-50%,0) rotate(-90deg) scaleX(1); } .c-nav { z-index: 1500; font-size: 0; font-weight: 600; font-family: Graphik,Arial,Helvetica,sans-serif; position: fixed; top: 0; width: 100%; -webkit-transition: position 0s 1.2s,-webkit-transform .6s cubic-bezier(.25,.46,.45,.94) 2s; transition: position 0s 1.2s,-webkit-transform .6s cubic-bezier(.25,.46,.45,.94) 2s; transition: transform .6s cubic-bezier(.25,.46,.45,.94) 2s,position 0s 1.2s; transition: transform .6s cubic-bezier(.25,.46,.45,.94) 2s,position 0s 1.2s,-webkit-transform .6s cubic-bezier(.25,.46,.45,.94) 2s; -webkit-transform: translateY(-150%); -ms-transform: translateY(-150%); transform: translateY(-150%); } .dom-is-loaded .c-nav { -webkit-transform: none; -ms-transform: none; transform: none; } .dom-is-reloaded .c-nav { -webkit-transform: none; -ms-transform: none; transform: none; -webkit-transition: -webkit-transform .3s cubic-bezier(.25,.46,.45,.94) 0s; transition: -webkit-transform .3s cubic-bezier(.25,.46,.45,.94) 0s; transition: transform .3s cubic-bezier(.25,.46,.45,.94) 0s; transition: transform .3s cubic-bezier(.25,.46,.45,.94) 0s,-webkit-transform .3s cubic-bezier(.25,.46,.45,.94) 0s; } @media (min-width:1000px) { .c-nav { border-bottom: 1px solid #ccc; } .popup-is-open .c-nav { position: relative; } .popup-is-open.menu-is-sticky .c-nav { position: fixed; } } .c-nav_banner { z-index: 10; position: relative; background-color: #283436; } .c-nav_logo { z-index: 10; display: inline-block; padding: 0 120px; -webkit-transition: -webkit-transform .3s cubic-bezier(.215,.61,.355,1); transition: -webkit-transform .3s cubic-bezier(.215,.61,.355,1); transition: transform .3s cubic-bezier(.215,.61,.355,1); transition: transform .3s cubic-bezier(.215,.61,.355,1),-webkit-transform .3s cubic-bezier(.215,.61,.355,1); vertical-align: middle; } .c-nav_logo img,.c-nav_logo svg { width: 60px; height: 72px; } @media (max-width:1440px) { .c-nav_logo { padding: 0 80px; } } @media (max-width:1199px) { .c-nav_logo { padding: 0 40px; } } @media (max-width:999px) { .c-nav_logo { position: absolute; top: 50%; left: 50%; -webkit-transform: translate3d(-50%,calc(-50% + 10px),0) scale(1); transform: translate3d(-50%,calc(-50% + 10px),0) scale(1); } .has-scrolled .c-nav_logo { -webkit-transform: translate3d(-50%,-50%,0) scale(.8); transform: translate3d(-50%,-50%,0) scale(.8); } } @media (min-width:1000px) { .c-nav_logo { position: relative; -webkit-transform: translate3d(0,16px,0) scale(1); transform: translate3d(0,16px,0) scale(1); } .has-scrolled .c-nav_logo { -webkit-transform: translate3d(0,0,0) scale(.9); transform: translate3d(0,0,0) scale(.9); } } .c-nav_menu { width: calc(100% - 300px - 88px); z-index: 5; display: inline-block; border-left: 1px solid #ccc; vertical-align: middle; } @media (max-width:1440px) { .c-nav_menu { width: calc(100% - 220px - 88px); } } @media (max-width:1199px) { .c-nav_menu { width: calc(100% - 140px - 88px); } } @media (max-width:999px) { .c-nav_menu { display: none; } } .c-nav_menu_item { display: inline-block; font-size: 1rem; position: relative; width: calc(20% - 20px); } .c-nav_menu_item.-border-right { border-right: 1px solid #ccc; } .c-nav_menu_item.is-active { background-color: #000; } .c-nav_menu_item abbr[title] { text-decoration: none; } .c-nav_menu_item.-translations { z-index: 120; width: auto; } @media (max-width:999px) { .c-nav_menu_item.-translations { position: relative; margin-bottom: 30px; } } .c-nav_menu_button { display: block; padding: 32px 0 32px .6rem; border-left: 1px solid #ccc; width: 100%; text-align: left; text-transform: uppercase; letter-spacing: 1px; font-size: .75rem; position: relative; z-index: 1; -webkit-transition: color .3s cubic-bezier(.215,.61,.355,1); transition: color .3s cubic-bezier(.215,.61,.355,1); color: #fff; } .c-nav_menu_button::before { content: ""; position: absolute; top: 0; bottom: 0; left: 0; right: 0; /* background-color: #000; */ background: #05ce7c; z-index: -1; -webkit-transform-origin: center bottom; -ms-transform-origin: center bottom; transform-origin: center bottom; -webkit-transform: scaleY(0); -ms-transform: scaleY(0); transform: scaleY(0); -webkit-transition: -webkit-transform .3s cubic-bezier(.77,0,.175,1); transition: -webkit-transform .3s cubic-bezier(.77,0,.175,1); transition: transform .3s cubic-bezier(.77,0,.175,1); transition: transform .3s cubic-bezier(.77,0,.175,1),-webkit-transform .3s cubic-bezier(.77,0,.175,1); } .c-nav_menu_button:hover,.c-nav_menu_item.is-active .c-nav_menu_button { color: #fff; } .c-nav_menu_button:hover::before,.c-nav_menu_item.is-active .c-nav_menu_button::before { -webkit-transform: scaleY(1); -ms-transform: scaleY(1); transform: scaleY(1); } .c-nav_menu_item:first-child .c-nav_menu_button { border-left: 0; } .c-nav_menu_item.-translations .c-nav_menu_button { padding: 29px 1.875rem; border-left: 0; width: 6.17rem; /* border:1px solid red; */ } @media (max-width:1199px) { .c-nav_menu_button { padding: 32px 0 32px 1.25rem; font-size: .6875rem; } } .c-nav_button { z-index: 4; position: relative; display: inline-block; vertical-align: top; } @media (min-width:1000px) { .c-nav_button { border-left: 1px solid #ccc; } } @media (max-width:999px) { .c-nav_button>button,button.c-nav_button { padding: 25px; } } @media (min-width:1000px) { .c-nav_button>button,button.c-nav_button { padding:32px 42px 32px 42px; } } .c-nav_search_button { display: block; -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); -webkit-transition: -webkit-transform .3s cubic-bezier(.645,.045,.355,1) .3s; transition: -webkit-transform .3s cubic-bezier(.645,.045,.355,1) .3s; transition: transform .3s cubic-bezier(.645,.045,.355,1) .3s; transition: transform .3s cubic-bezier(.645,.045,.355,1) .3s,-webkit-transform .3s cubic-bezier(.645,.045,.355,1) .3s; } .js-nav-item.is-active .c-nav_search_button { -webkit-transform: scale(0); -ms-transform: scale(0); transform: scale(0); -webkit-transition: -webkit-transform .3s cubic-bezier(.645,.045,.355,1); transition: -webkit-transform .3s cubic-bezier(.645,.045,.355,1); transition: transform .3s cubic-bezier(.645,.045,.355,1); transition: transform .3s cubic-bezier(.645,.045,.355,1),-webkit-transform .3s cubic-bezier(.645,.045,.355,1); } .c-nav_search_close_button { position: absolute; top: 50%; left: 50%; width: 20px; height: 20px; -webkit-transform: translate(-50%,-50%) scale(0); -ms-transform: translate(-50%,-50%) scale(0); transform: translate(-50%,-50%) scale(0); -webkit-transition: -webkit-transform .3s cubic-bezier(.645,.045,.355,1); transition: -webkit-transform .3s cubic-bezier(.645,.045,.355,1); transition: transform .3s cubic-bezier(.645,.045,.355,1); transition: transform .3s cubic-bezier(.645,.045,.355,1),-webkit-transform .3s cubic-bezier(.645,.045,.355,1); } .c-nav_search_close_button::before { content: ""; position: absolute; width: 14px; height: 2px; background-color: #000; top: 50%; left: 50%; -webkit-transform: translate(-50%,-50%) rotate(45deg); -ms-transform: translate(-50%,-50%) rotate(45deg); transform: translate(-50%,-50%) rotate(45deg); } .c-nav_search_close_button::after { content: ""; position: absolute; width: 14px; height: 2px; background-color: #000; top: 50%; left: 50%; -webkit-transform: translate(-50%,-50%) rotate(-45deg); -ms-transform: translate(-50%,-50%) rotate(-45deg); transform: translate(-50%,-50%) rotate(-45deg); } .js-nav-item.is-active .c-nav_search_close_button { -webkit-transform: translate(-50%,-50%) scale(1); -ms-transform: translate(-50%,-50%) scale(1); transform: translate(-50%,-50%) scale(1); -webkit-transition: -webkit-transform .3s cubic-bezier(.645,.045,.355,1) .3s; transition: -webkit-transform .3s cubic-bezier(.645,.045,.355,1) .3s; transition: transform .3s cubic-bezier(.645,.045,.355,1) .3s; transition: transform .3s cubic-bezier(.645,.045,.355,1) .3s,-webkit-transform .3s cubic-bezier(.645,.045,.355,1) .3s; } .c-nav_search { position: relative; } .c-nav_search svg { width: 16px; height: 16px; } @media (max-width:999px) { .c-nav_search { position: absolute; top: 0; right: 0; } } .c-navmobile_wrapper { z-index: 1; overflow-y: scroll; position: fixed; top: 66px; bottom: 0; right: 0; left: 0; height: calc(100vh - 66px); padding: 30px 25px 4.0625rem 25px; -webkit-transform: translate3d(0,-110%,0); transform: translate3d(0,-110%,0); -webkit-transition: -webkit-transform .6s cubic-bezier(.645,.045,.355,1) .2s; transition: -webkit-transform .6s cubic-bezier(.645,.045,.355,1) .2s; transition: transform .6s cubic-bezier(.645,.045,.355,1) .2s; transition: transform .6s cubic-bezier(.645,.045,.355,1) .2s,-webkit-transform .6s cubic-bezier(.645,.045,.355,1) .2s; background-color: #fff; -webkit-overflow-scrolling: touch; } .menu-is-open .c-navmobile_wrapper { -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); -webkit-transition: -webkit-transform .6s cubic-bezier(.645,.045,.355,1); transition: -webkit-transform .6s cubic-bezier(.645,.045,.355,1); transition: transform .6s cubic-bezier(.645,.045,.355,1); transition: transform .6s cubic-bezier(.645,.045,.355,1),-webkit-transform .6s cubic-bezier(.645,.045,.355,1); } @media (min-width:1000px) { .c-navmobile_wrapper { display: none; } } .c-navmobile { padding: 0; margin: 0; opacity: 0; -webkit-transition: opacity .3s cubic-bezier(.645,.045,.355,1); transition: opacity .3s cubic-bezier(.645,.045,.355,1); } .menu-is-open .c-navmobile { opacity: 1; -webkit-transition: opacity .3s cubic-bezier(.645,.045,.355,1) .4s; transition: opacity .3s cubic-bezier(.645,.045,.355,1) .4s; } .c-navmobile .o-social-link { display: inline-block; padding: 1.25rem; } .c-navmobile .o-social-link svg { display: block; max-width: none; width: 24px; height: 24px; } .c-navmobile_item { display: block; -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); } .c-navmobile_item.-spaced { margin: 40px 0; } .c-navmobile_item.-buttons .o-button { min-width: 50%; } .c-navmobile_item.-socials.o-grid.-table { display: table; table-layout: fixed; } .c-navmobile_item.-small a { display: block; font-size: .875rem; padding-top: .625rem; } .c-navmobile_submenu { padding: 0; margin: 0; display: none; } .c-navmobile_item_label { font-family: "Timmons NY",Impact,"Franklin Gothic Bold",sans-serif; font-size: 50px; font-weight: 400; text-transform: uppercase; padding: 5px 0 5px 0; display: block; width: 100%; text-align: left; border-bottom: 1px solid #000; line-height: 1; -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); } .c-navmobile_item:first-child .c-navmobile_item_label { border-top: 1px solid #000; } .c-navmobile_submenu_item { display: block; position: relative; margin: 1px 0 0 0; } .c-navmobile_submenu_item:first-child { margin: 0; } .c-navmobile_submenu_label { display: block; width: 100%; background-color: #000; padding: 20px; color: #fff; text-align: left; text-transform: uppercase; font-family: Graphik,Arial,Helvetica,sans-serif; font-weight: 500; font-size: .875rem; line-height: 1; color: #fff; -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); -webkit-transition: color .3s cubic-bezier(.215,.61,.355,1),background-color .3s cubic-bezier(.215,.61,.355,1),padding .3s cubic-bezier(.215,.61,.355,1); transition: color .3s cubic-bezier(.215,.61,.355,1),background-color .3s cubic-bezier(.215,.61,.355,1),padding .3s cubic-bezier(.215,.61,.355,1); } .c-navmobile_submenu_item.is-active .c-navmobile_submenu_label { background-color: #ff3e2e; color: #000; padding: 30px 20px; } .c-navmobile_submenu_item.is-active .c-navmobile_submenu_label[data-sport=basketball] { background-color: #ff803f; } .c-navmobile_submenu_item.is-active .c-navmobile_submenu_label[data-sport=cross-country] { background-color: #a6ea00; } .c-navmobile_submenu_item.is-active .c-navmobile_submenu_label[data-sport=curling] { background-color: #32d8ea; } .c-navmobile_submenu_item.is-active .c-navmobile_submenu_label[data-sport=field-hockey] { background-color: #cea9ff; } .c-navmobile_submenu_item.is-active .c-navmobile_submenu_label[data-sport=football] { background-color: #e2ed00; } .c-navmobile_submenu_item.is-active .c-navmobile_submenu_label[data-sport=hockey] { background-color: #ff3e2e; } .c-navmobile_submenu_item.is-active .c-navmobile_submenu_label[data-sport=rugby] { background-color: #05ce7c; } .c-navmobile_submenu_item.is-active .c-navmobile_submenu_label[data-sport=soccer] { background-color: #57e55b; } .c-navmobile_submenu_item.is-active .c-navmobile_submenu_label[data-sport=swimming] { background-color: #29d9c2; } .c-navmobile_submenu_item.is-active .c-navmobile_submenu_label[data-sport=track-field] { background-color: #ff6a3b; } .c-navmobile_submenu_item.is-active .c-navmobile_submenu_label[data-sport=volleyball] { background-color: #ffc800; } .c-navmobile_submenu_item.is-active .c-navmobile_submenu_label[data-sport=wrestling] { background-color: #00bcf0; } .c-navmobile_submenu_item.is-active .c-navmobile_submenu_label[data-sport=general] { background-color: #ff3e2e; } .c-navmobile_submenu_item.is-active .c-navmobile_submenu_label[data-sport=international] { background-color: #ff3e2e; } .c-navmobile_submenu_item.is-active .c-navmobile_submenu_label[data-sport=award] { background-color: #b9914d; } .c-navmobile_submenu_genders { position: absolute; top: 50%; right: 20px; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .c-navmobile_submenu_gender { padding: 1.875rem; font-size: .75rem; display: inline-block; margin: 0 5px; position: relative; color: transparent; -webkit-transition: color .3s cubic-bezier(.215,.61,.355,1),visibility 0s .3s; transition: color .3s cubic-bezier(.215,.61,.355,1),visibility 0s .3s; -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); visibility: hidden; } .c-navmobile_submenu_item.is-active .c-navmobile_submenu_gender { color: #000; visibility: visible; -webkit-transition: color .3s cubic-bezier(.215,.61,.355,1) .2s,visibility 0s; transition: color .3s cubic-bezier(.215,.61,.355,1) .2s,visibility 0s; } .c-navmobile_submenu_gender::after { content: ""; position: absolute; top: 50%; left: 50%; background-color: #fff; width: 40px; height: 40px; z-index: -1; border-radius: 50%; -webkit-transform: translate(-50%,-50%) scale(0); -ms-transform: translate(-50%,-50%) scale(0); transform: translate(-50%,-50%) scale(0); -webkit-transition: -webkit-transform .3s cubic-bezier(.645,.045,.355,1); transition: -webkit-transform .3s cubic-bezier(.645,.045,.355,1); transition: transform .3s cubic-bezier(.645,.045,.355,1); transition: transform .3s cubic-bezier(.645,.045,.355,1),-webkit-transform .3s cubic-bezier(.645,.045,.355,1); } .c-navmobile_submenu_item.is-active .c-navmobile_submenu_gender::after { -webkit-transform: translate(-50%,-50%) scale(1); -ms-transform: translate(-50%,-50%) scale(1); transform: translate(-50%,-50%) scale(1); -webkit-transition: -webkit-transform .3s cubic-bezier(.645,.045,.355,1) .1s; transition: -webkit-transform .3s cubic-bezier(.645,.045,.355,1) .1s; transition: transform .3s cubic-bezier(.645,.045,.355,1) .1s; transition: transform .3s cubic-bezier(.645,.045,.355,1) .1s,-webkit-transform .3s cubic-bezier(.645,.045,.355,1) .1s; } @media (max-width:1440px) { .c-navmobile_submenu_gender { padding: .9375rem; } } .c-subnav { background-color: #fff; position: fixed; top: -100vh; right: 0; left: 0; z-index: -1; opacity: 0; -webkit-transform-origin: top center; -ms-transform-origin: top center; transform-origin: top center; -webkit-transition: opacity .8s cubic-bezier(.86,0,.07,1) .3s,z-index 0s .9s,top 0s .9s; transition: opacity .8s cubic-bezier(.86,0,.07,1) .3s,z-index 0s .9s,top 0s .9s; color: #000; height: calc(100vh - 78px); overflow-y: scroll; -webkit-overflow-scrolling: touch; } .c-subnav::after { position: absolute; top: 0; bottom: 0; right: 0; left: 0; background-color: #000; -webkit-transform: scaleY(1); -ms-transform: scaleY(1); transform: scaleY(1); -webkit-transition: -webkit-transform .6s cubic-bezier(.645,.045,.355,1) .2s; transition: -webkit-transform .6s cubic-bezier(.645,.045,.355,1) .2s; transition: transform .6s cubic-bezier(.645,.045,.355,1) .2s; transition: transform .6s cubic-bezier(.645,.045,.355,1) .2s,-webkit-transform .6s cubic-bezier(.645,.045,.355,1) .2s; -webkit-transform-origin: center bottom; -ms-transform-origin: center bottom; transform-origin: center bottom; } .js-nav-item.is-active .c-subnav { z-index: 10; opacity: 1; top: 78px; -webkit-transition: opacity .8s cubic-bezier(.86,0,.07,1),z-index 0s,top 0s; transition: opacity .8s cubic-bezier(.86,0,.07,1),z-index 0s,top 0s; } .js-nav-item.is-active .c-subnav::after { -webkit-transform: scaleY(0); -ms-transform: scaleY(0); transform: scaleY(0); -webkit-transition: -webkit-transform .6s cubic-bezier(.645,.045,.355,1) .1s; transition: -webkit-transform .6s cubic-bezier(.645,.045,.355,1) .1s; transition: transform .6s cubic-bezier(.645,.045,.355,1) .1s; transition: transform .6s cubic-bezier(.645,.045,.355,1) .1s,-webkit-transform .6s cubic-bezier(.645,.045,.355,1) .1s; } @media (max-width:999px) { .js-nav-item.is-active .c-subnav { top: 64px; } } .js-nav-item.has-change.is-active .c-subnav { z-index: 11; -webkit-transform: scaleY(1); -ms-transform: scaleY(1); transform: scaleY(1); -webkit-transition: z-index 0s .3s,top 0s .3s,-webkit-transform 0s cubic-bezier(.77,0,.175,1); transition: z-index 0s .3s,top 0s .3s,-webkit-transform 0s cubic-bezier(.77,0,.175,1); transition: transform 0s cubic-bezier(.77,0,.175,1),z-index 0s .3s,top 0s .3s; transition: transform 0s cubic-bezier(.77,0,.175,1),z-index 0s .3s,top 0s .3s,-webkit-transform 0s cubic-bezier(.77,0,.175,1); } .js-nav-item.has-change .c-subnav::after { display: none; } .c-subnav.-secondary { font-size: 0; } .c-subnav_menu { width: 100%; } .c-subnav_menu.-international { height: calc(100% - 150px); } .c-subnav.-secondary>.c-subnav_live+.c-subnav_menu { display: inline-block; } @media (min-width:1441px) { .c-subnav.-secondary>.c-subnav_live+.c-subnav_menu { width: calc(100% - (18.75rem + ((25 * (100% - 300px - 88px - 88px)/ 100) - 16px))); } } @media (min-width:1200px) and (max-width:1440px) { .c-subnav.-secondary>.c-subnav_live+.c-subnav_menu { width: calc(100% - (13.75rem + ((25 * (100% - 220px - 88px - 88px)/ 100) - 16px))); } } @media (max-width:1199px) { .c-subnav.-secondary>.c-subnav_live+.c-subnav_menu { width: calc(100% - (8.75rem + ((25 * (100% - 140px - 88px - 88px)/ 100) - 16px))); } } .c-subnav_title { font-size: 1.5rem; display: block; padding-left: 7.5rem; border-bottom: 1px solid #ccc; opacity: 0; -webkit-transform: translateX(-20px); -ms-transform: translateX(-20px); transform: translateX(-20px); -webkit-transition: opacity .3s cubic-bezier(.215,.61,.355,1) .1s,-webkit-transform .3s cubic-bezier(.215,.61,.355,1); transition: opacity .3s cubic-bezier(.215,.61,.355,1) .1s,-webkit-transform .3s cubic-bezier(.215,.61,.355,1); transition: opacity .3s cubic-bezier(.215,.61,.355,1) .1s,transform .3s cubic-bezier(.215,.61,.355,1); transition: opacity .3s cubic-bezier(.215,.61,.355,1) .1s,transform .3s cubic-bezier(.215,.61,.355,1),-webkit-transform .3s cubic-bezier(.215,.61,.355,1); } .js-nav-item.is-active .c-subnav_title { opacity: 1; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); -webkit-transition: opacity .3s cubic-bezier(.215,.61,.355,1) .6s,-webkit-transform .3s cubic-bezier(.215,.61,.355,1) .6s; transition: opacity .3s cubic-bezier(.215,.61,.355,1) .6s,-webkit-transform .3s cubic-bezier(.215,.61,.355,1) .6s; transition: opacity .3s cubic-bezier(.215,.61,.355,1) .6s,transform .3s cubic-bezier(.215,.61,.355,1) .6s; transition: opacity .3s cubic-bezier(.215,.61,.355,1) .6s,transform .3s cubic-bezier(.215,.61,.355,1) .6s,-webkit-transform .3s cubic-bezier(.215,.61,.355,1) .6s; } @media (max-width:1440px) { .c-subnav_title { padding-left: 5rem; } } @media (max-width:1199px) { .c-subnav_title { padding-left: 2.5rem; } } .c-subnav_label { display: block; width: 100%; text-align: left; font-family: "Timmons NY",Impact,"Franklin Gothic Bold",sans-serif; text-transform: uppercase; font-size: 4.75rem; padding: 1.875rem 7.5rem 1.875rem 7.5rem; -webkit-transition: background-color .3s cubic-bezier(.215,.61,.355,1),opacity .3s cubic-bezier(.215,.61,.355,1),-webkit-transform .3s cubic-bezier(.215,.61,.355,1); transition: background-color .3s cubic-bezier(.215,.61,.355,1),opacity .3s cubic-bezier(.215,.61,.355,1),-webkit-transform .3s cubic-bezier(.215,.61,.355,1); transition: background-color .3s cubic-bezier(.215,.61,.355,1),opacity .3s cubic-bezier(.215,.61,.355,1),transform .3s cubic-bezier(.215,.61,.355,1); transition: background-color .3s cubic-bezier(.215,.61,.355,1),opacity .3s cubic-bezier(.215,.61,.355,1),transform .3s cubic-bezier(.215,.61,.355,1),-webkit-transform .3s cubic-bezier(.215,.61,.355,1); opacity: 0; -webkit-transform: translateX(-20px); -ms-transform: translateX(-20px); transform: translateX(-20px); line-height: 1; font-weight: 400; } @media (min-width:1200px) { .c-subnav_menu_item:hover .c-subnav_label { cursor: pointer; background-color: #ff3e2e; } .c-subnav_menu_item:hover .c-subnav_label[data-sport=basketball] { background-color: #ff803f; } .c-subnav_menu_item:hover .c-subnav_label[data-sport=cross-country] { background-color: #a6ea00; } .c-subnav_menu_item:hover .c-subnav_label[data-sport=curling] { background-color: #32d8ea; } .c-subnav_menu_item:hover .c-subnav_label[data-sport=field-hockey] { background-color: #cea9ff; } .c-subnav_menu_item:hover .c-subnav_label[data-sport=football] { background-color: #e2ed00; } .c-subnav_menu_item:hover .c-subnav_label[data-sport=hockey] { background-color: #ff3e2e; } .c-subnav_menu_item:hover .c-subnav_label[data-sport=rugby] { background-color: #05ce7c; } .c-subnav_menu_item:hover .c-subnav_label[data-sport=soccer] { background-color: #57e55b; } .c-subnav_menu_item:hover .c-subnav_label[data-sport=swimming] { background-color: #29d9c2; } .c-subnav_menu_item:hover .c-subnav_label[data-sport=track-field] { background-color: #ff6a3b; } .c-subnav_menu_item:hover .c-subnav_label[data-sport=volleyball] { background-color: #ffc800; } .c-subnav_menu_item:hover .c-subnav_label[data-sport=wrestling] { background-color: #00bcf0; } .c-subnav_menu_item:hover .c-subnav_label[data-sport=general] { background-color: #ff3e2e; } .c-subnav_menu_item:hover .c-subnav_label[data-sport=international] { background-color: #ff3e2e; } .c-subnav_menu_item:hover .c-subnav_label[data-sport=award] { background-color: #b9914d; } } @media (max-width:1199px) { .c-subnav_menu_item.is-active .c-subnav_label { background-color: #ff3e2e; } .c-subnav_menu_item.is-active .c-subnav_label[data-sport=basketball] { background-color: #ff803f; } .c-subnav_menu_item.is-active .c-subnav_label[data-sport=cross-country] { background-color: #a6ea00; } .c-subnav_menu_item.is-active .c-subnav_label[data-sport=curling] { background-color: #32d8ea; } .c-subnav_menu_item.is-active .c-subnav_label[data-sport=field-hockey] { background-color: #cea9ff; } .c-subnav_menu_item.is-active .c-subnav_label[data-sport=football] { background-color: #e2ed00; } .c-subnav_menu_item.is-active .c-subnav_label[data-sport=hockey] { background-color: #ff3e2e; } .c-subnav_menu_item.is-active .c-subnav_label[data-sport=rugby] { background-color: #05ce7c; } .c-subnav_menu_item.is-active .c-subnav_label[data-sport=soccer] { background-color: #57e55b; } .c-subnav_menu_item.is-active .c-subnav_label[data-sport=swimming] { background-color: #29d9c2; } .c-subnav_menu_item.is-active .c-subnav_label[data-sport=track-field] { background-color: #ff6a3b; } .c-subnav_menu_item.is-active .c-subnav_label[data-sport=volleyball] { background-color: #ffc800; } .c-subnav_menu_item.is-active .c-subnav_label[data-sport=wrestling] { background-color: #00bcf0; } .c-subnav_menu_item.is-active .c-subnav_label[data-sport=general] { background-color: #ff3e2e; } .c-subnav_menu_item.is-active .c-subnav_label[data-sport=international] { background-color: #ff3e2e; } .c-subnav_menu_item.is-active .c-subnav_label[data-sport=award] { background-color: #b9914d; } } .c-subnav_menu_item:nth-child(6n+1) .c-subnav_label { -webkit-transition: background-color .3s cubic-bezier(.215,.61,.355,1),opacity .3s cubic-bezier(.215,.61,.355,1) 50ms,-webkit-transform .3s cubic-bezier(.215,.61,.355,1) 50ms; transition: background-color .3s cubic-bezier(.215,.61,.355,1),opacity .3s cubic-bezier(.215,.61,.355,1) 50ms,-webkit-transform .3s cubic-bezier(.215,.61,.355,1) 50ms; transition: background-color .3s cubic-bezier(.215,.61,.355,1),opacity .3s cubic-bezier(.215,.61,.355,1) 50ms,transform .3s cubic-bezier(.215,.61,.355,1) 50ms; transition: background-color .3s cubic-bezier(.215,.61,.355,1),opacity .3s cubic-bezier(.215,.61,.355,1) 50ms,transform .3s cubic-bezier(.215,.61,.355,1) 50ms,-webkit-transform .3s cubic-bezier(.215,.61,.355,1) 50ms; } .js-nav-item.is-active .c-subnav_menu_item:nth-child(6n+1) .c-subnav_label { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); opacity: 1; -webkit-transition: background-color .3s cubic-bezier(.215,.61,.355,1),opacity .3s cubic-bezier(.215,.61,.355,1) .65s,-webkit-transform .3s cubic-bezier(.215,.61,.355,1) .65s; transition: background-color .3s cubic-bezier(.215,.61,.355,1),opacity .3s cubic-bezier(.215,.61,.355,1) .65s,-webkit-transform .3s cubic-bezier(.215,.61,.355,1) .65s; transition: background-color .3s cubic-bezier(.215,.61,.355,1),opacity .3s cubic-bezier(.215,.61,.355,1) .65s,transform .3s cubic-bezier(.215,.61,.355,1) .65s; transition: background-color .3s cubic-bezier(.215,.61,.355,1),opacity .3s cubic-bezier(.215,.61,.355,1) .65s,transform .3s cubic-bezier(.215,.61,.355,1) .65s,-webkit-transform .3s cubic-bezier(.215,.61,.355,1) .65s; } .c-subnav_menu_item:nth-child(6n+2) .c-subnav_label { -webkit-transition: background-color .3s cubic-bezier(.215,.61,.355,1),opacity .3s cubic-bezier(.215,.61,.355,1) .1s,-webkit-transform .3s cubic-bezier(.215,.61,.355,1) .1s; transition: background-color .3s cubic-bezier(.215,.61,.355,1),opacity .3s cubic-bezier(.215,.61,.355,1) .1s,-webkit-transform .3s cubic-bezier(.215,.61,.355,1) .1s; transition: background-color .3s cubic-bezier(.215,.61,.355,1),opacity .3s cubic-bezier(.215,.61,.355,1) .1s,transform .3s cubic-bezier(.215,.61,.355,1) .1s; transition: background-color .3s cubic-bezier(.215,.61,.355,1),opacity .3s cubic-bezier(.215,.61,.355,1) .1s,transform .3s cubic-bezier(.215,.61,.355,1) .1s,-webkit-transform .3s cubic-bezier(.215,.61,.355,1) .1s; } .js-nav-item.is-active .c-subnav_menu_item:nth-child(6n+2) .c-subnav_label { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); opacity: 1; -webkit-transition: background-color .3s cubic-bezier(.215,.61,.355,1),opacity .3s cubic-bezier(.215,.61,.355,1) .7s,-webkit-transform .3s cubic-bezier(.215,.61,.355,1) .7s; transition: background-color .3s cubic-bezier(.215,.61,.355,1),opacity .3s cubic-bezier(.215,.61,.355,1) .7s,-webkit-transform .3s cubic-bezier(.215,.61,.355,1) .7s; transition: background-color .3s cubic-bezier(.215,.61,.355,1),opacity .3s cubic-bezier(.215,.61,.355,1) .7s,transform .3s cubic-bezier(.215,.61,.355,1) .7s; transition: background-color .3s cubic-bezier(.215,.61,.355,1),opacity .3s cubic-bezier(.215,.61,.355,1) .7s,transform .3s cubic-bezier(.215,.61,.355,1) .7s,-webkit-transform .3s cubic-bezier(.215,.61,.355,1) .7s; } .c-subnav_menu_item:nth-child(6n+3) .c-subnav_label { -webkit-transition: background-color .3s cubic-bezier(.215,.61,.355,1),opacity .3s cubic-bezier(.215,.61,.355,1) .15s,-webkit-transform .3s cubic-bezier(.215,.61,.355,1) .15s; transition: background-color .3s cubic-bezier(.215,.61,.355,1),opacity .3s cubic-bezier(.215,.61,.355,1) .15s,-webkit-transform .3s cubic-bezier(.215,.61,.355,1) .15s; transition: background-color .3s cubic-bezier(.215,.61,.355,1),opacity .3s cubic-bezier(.215,.61,.355,1) .15s,transform .3s cubic-bezier(.215,.61,.355,1) .15s; transition: background-color .3s cubic-bezier(.215,.61,.355,1),opacity .3s cubic-bezier(.215,.61,.355,1) .15s,transform .3s cubic-bezier(.215,.61,.355,1) .15s,-webkit-transform .3s cubic-bezier(.215,.61,.355,1) .15s; } .js-nav-item.is-active .c-subnav_menu_item:nth-child(6n+3) .c-subnav_label { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); opacity: 1; -webkit-transition: background-color .3s cubic-bezier(.215,.61,.355,1),opacity .3s cubic-bezier(.215,.61,.355,1) .75s,-webkit-transform .3s cubic-bezier(.215,.61,.355,1) .75s; transition: background-color .3s cubic-bezier(.215,.61,.355,1),opacity .3s cubic-bezier(.215,.61,.355,1) .75s,-webkit-transform .3s cubic-bezier(.215,.61,.355,1) .75s; transition: background-color .3s cubic-bezier(.215,.61,.355,1),opacity .3s cubic-bezier(.215,.61,.355,1) .75s,transform .3s cubic-bezier(.215,.61,.355,1) .75s; transition: background-color .3s cubic-bezier(.215,.61,.355,1),opacity .3s cubic-bezier(.215,.61,.355,1) .75s,transform .3s cubic-bezier(.215,.61,.355,1) .75s,-webkit-transform .3s cubic-bezier(.215,.61,.355,1) .75s; } .c-subnav_menu_item:nth-child(6n+4) .c-subnav_label { -webkit-transition: background-color .3s cubic-bezier(.215,.61,.355,1),opacity .3s cubic-bezier(.215,.61,.355,1) .2s,-webkit-transform .3s cubic-bezier(.215,.61,.355,1) .2s; transition: background-color .3s cubic-bezier(.215,.61,.355,1),opacity .3s cubic-bezier(.215,.61,.355,1) .2s,-webkit-transform .3s cubic-bezier(.215,.61,.355,1) .2s; transition: background-color .3s cubic-bezier(.215,.61,.355,1),opacity .3s cubic-bezier(.215,.61,.355,1) .2s,transform .3s cubic-bezier(.215,.61,.355,1) .2s; transition: background-color .3s cubic-bezier(.215,.61,.355,1),opacity .3s cubic-bezier(.215,.61,.355,1) .2s,transform .3s cubic-bezier(.215,.61,.355,1) .2s,-webkit-transform .3s cubic-bezier(.215,.61,.355,1) .2s; } .js-nav-item.is-active .c-subnav_menu_item:nth-child(6n+4) .c-subnav_label { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); opacity: 1; -webkit-transition: background-color .3s cubic-bezier(.215,.61,.355,1),opacity .3s cubic-bezier(.215,.61,.355,1) .8s,-webkit-transform .3s cubic-bezier(.215,.61,.355,1) .8s; transition: background-color .3s cubic-bezier(.215,.61,.355,1),opacity .3s cubic-bezier(.215,.61,.355,1) .8s,-webkit-transform .3s cubic-bezier(.215,.61,.355,1) .8s; transition: background-color .3s cubic-bezier(.215,.61,.355,1),opacity .3s cubic-bezier(.215,.61,.355,1) .8s,transform .3s cubic-bezier(.215,.61,.355,1) .8s; transition: background-color .3s cubic-bezier(.215,.61,.355,1),opacity .3s cubic-bezier(.215,.61,.355,1) .8s,transform .3s cubic-bezier(.215,.61,.355,1) .8s,-webkit-transform .3s cubic-bezier(.215,.61,.355,1) .8s; } .c-subnav_menu_item:nth-child(6n+5) .c-subnav_label { -webkit-transition: background-color .3s cubic-bezier(.215,.61,.355,1),opacity .3s cubic-bezier(.215,.61,.355,1) .25s,-webkit-transform .3s cubic-bezier(.215,.61,.355,1) .25s; transition: background-color .3s cubic-bezier(.215,.61,.355,1),opacity .3s cubic-bezier(.215,.61,.355,1) .25s,-webkit-transform .3s cubic-bezier(.215,.61,.355,1) .25s; transition: background-color .3s cubic-bezier(.215,.61,.355,1),opacity .3s cubic-bezier(.215,.61,.355,1) .25s,transform .3s cubic-bezier(.215,.61,.355,1) .25s; transition: background-color .3s cubic-bezier(.215,.61,.355,1),opacity .3s cubic-bezier(.215,.61,.355,1) .25s,transform .3s cubic-bezier(.215,.61,.355,1) .25s,-webkit-transform .3s cubic-bezier(.215,.61,.355,1) .25s; } .js-nav-item.is-active .c-subnav_menu_item:nth-child(6n+5) .c-subnav_label { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); opacity: 1; -webkit-transition: background-color .3s cubic-bezier(.215,.61,.355,1),opacity .3s cubic-bezier(.215,.61,.355,1) .85s,-webkit-transform .3s cubic-bezier(.215,.61,.355,1) .85s; transition: background-color .3s cubic-bezier(.215,.61,.355,1),opacity .3s cubic-bezier(.215,.61,.355,1) .85s,-webkit-transform .3s cubic-bezier(.215,.61,.355,1) .85s; transition: background-color .3s cubic-bezier(.215,.61,.355,1),opacity .3s cubic-bezier(.215,.61,.355,1) .85s,transform .3s cubic-bezier(.215,.61,.355,1) .85s; transition: background-color .3s cubic-bezier(.215,.61,.355,1),opacity .3s cubic-bezier(.215,.61,.355,1) .85s,transform .3s cubic-bezier(.215,.61,.355,1) .85s,-webkit-transform .3s cubic-bezier(.215,.61,.355,1) .85s; } .c-subnav_menu_item:nth-child(6n+6) .c-subnav_label { -webkit-transition: background-color .3s cubic-bezier(.215,.61,.355,1),opacity .3s cubic-bezier(.215,.61,.355,1) .3s,-webkit-transform .3s cubic-bezier(.215,.61,.355,1) .3s; transition: background-color .3s cubic-bezier(.215,.61,.355,1),opacity .3s cubic-bezier(.215,.61,.355,1) .3s,-webkit-transform .3s cubic-bezier(.215,.61,.355,1) .3s; transition: background-color .3s cubic-bezier(.215,.61,.355,1),opacity .3s cubic-bezier(.215,.61,.355,1) .3s,transform .3s cubic-bezier(.215,.61,.355,1) .3s; transition: background-color .3s cubic-bezier(.215,.61,.355,1),opacity .3s cubic-bezier(.215,.61,.355,1) .3s,transform .3s cubic-bezier(.215,.61,.355,1) .3s,-webkit-transform .3s cubic-bezier(.215,.61,.355,1) .3s; } .js-nav-item.is-active .c-subnav_menu_item:nth-child(6n+6) .c-subnav_label { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); opacity: 1; -webkit-transition: background-color .3s cubic-bezier(.215,.61,.355,1),opacity .3s cubic-bezier(.215,.61,.355,1) .9s,-webkit-transform .3s cubic-bezier(.215,.61,.355,1) .9s; transition: background-color .3s cubic-bezier(.215,.61,.355,1),opacity .3s cubic-bezier(.215,.61,.355,1) .9s,-webkit-transform .3s cubic-bezier(.215,.61,.355,1) .9s; transition: background-color .3s cubic-bezier(.215,.61,.355,1),opacity .3s cubic-bezier(.215,.61,.355,1) .9s,transform .3s cubic-bezier(.215,.61,.355,1) .9s; transition: background-color .3s cubic-bezier(.215,.61,.355,1),opacity .3s cubic-bezier(.215,.61,.355,1) .9s,transform .3s cubic-bezier(.215,.61,.355,1) .9s,-webkit-transform .3s cubic-bezier(.215,.61,.355,1) .9s; } @media (max-width:1440px) { .c-subnav_label { padding-left: 5rem; font-size: 3.75rem; } } @media (max-width:1199px) { .c-subnav_label { padding-left: 2.5rem; font-size: 3.125rem; } } .c-subnav_menu_item { position: relative; border-bottom: 1px solid #ccc; } .c-subnav_menu_item:nth-child(odd) { border-right: 1px solid #ccc; } .c-subnav_menu_item.o-third:nth-child(2) { border-right: 1px solid #ccc; } .c-subnav_menu_item.o-third:nth-child(3) { border-right: 0; } .c-subnav_menu.-international .c-subnav_menu_item { font-family: "Timmons NY",Impact,"Franklin Gothic Bold",sans-serif; text-transform: uppercase; font-size: 4.5rem; font-weight: 400; text-align: center; -webkit-transition: color .3s cubic-bezier(.215,.61,.355,1); transition: color .3s cubic-bezier(.215,.61,.355,1); } @media (max-width:1440px) { .c-subnav_menu.-international .c-subnav_menu_item { font-size: 3.75rem; } } @media (max-width:1199px) { .c-subnav_menu.-international .c-subnav_menu_item { font-size: 3.125rem; } } .c-subnav_menu.-international .c-subnav_menu_item:hover { color: #fff; } .c-subnav_menu.-international .c-subnav_menu_item:hover .c-subnav_label { background-color: transparent; } .c-subnav_overlay { position: relative; opacity: 0; -webkit-transition: opacity .3s cubic-bezier(.215,.61,.355,1) .2s; transition: opacity .3s cubic-bezier(.215,.61,.355,1) .2s; overflow: hidden; } .js-nav-item.is-active .c-subnav_overlay { opacity: 1; -webkit-transition: opacity .6s cubic-bezier(.215,.61,.355,1) .4s; transition: opacity .6s cubic-bezier(.215,.61,.355,1) .4s; } .js-nav-item.has-change.is-active .c-subnav_overlay { opacity: 1; -webkit-transition: opacity .6s cubic-bezier(.215,.61,.355,1) .4s; transition: opacity .6s cubic-bezier(.215,.61,.355,1) .4s; } .c-subnav_overlay:nth-child(6n+1)::after { -webkit-transition: -webkit-transform 0s cubic-bezier(.645,.045,.355,1) .8s; transition: -webkit-transform 0s cubic-bezier(.645,.045,.355,1) .8s; transition: transform 0s cubic-bezier(.645,.045,.355,1) .8s; transition: transform 0s cubic-bezier(.645,.045,.355,1) .8s,-webkit-transform 0s cubic-bezier(.645,.045,.355,1) .8s; } .js-nav-item.is-active .c-subnav_overlay:nth-child(6n+1)::after { -webkit-transition: -webkit-transform .6s cubic-bezier(.645,.045,.355,1) .45s; transition: -webkit-transform .6s cubic-bezier(.645,.045,.355,1) .45s; transition: transform .6s cubic-bezier(.645,.045,.355,1) .45s; transition: transform .6s cubic-bezier(.645,.045,.355,1) .45s,-webkit-transform .6s cubic-bezier(.645,.045,.355,1) .45s; } .c-subnav_overlay:nth-child(6n+2)::after { -webkit-transition: -webkit-transform 0s cubic-bezier(.645,.045,.355,1) .8s; transition: -webkit-transform 0s cubic-bezier(.645,.045,.355,1) .8s; transition: transform 0s cubic-bezier(.645,.045,.355,1) .8s; transition: transform 0s cubic-bezier(.645,.045,.355,1) .8s,-webkit-transform 0s cubic-bezier(.645,.045,.355,1) .8s; } .js-nav-item.is-active .c-subnav_overlay:nth-child(6n+2)::after { -webkit-transition: -webkit-transform .6s cubic-bezier(.645,.045,.355,1) .5s; transition: -webkit-transform .6s cubic-bezier(.645,.045,.355,1) .5s; transition: transform .6s cubic-bezier(.645,.045,.355,1) .5s; transition: transform .6s cubic-bezier(.645,.045,.355,1) .5s,-webkit-transform .6s cubic-bezier(.645,.045,.355,1) .5s; } .c-subnav_overlay:nth-child(6n+3)::after { -webkit-transition: -webkit-transform 0s cubic-bezier(.645,.045,.355,1) .8s; transition: -webkit-transform 0s cubic-bezier(.645,.045,.355,1) .8s; transition: transform 0s cubic-bezier(.645,.045,.355,1) .8s; transition: transform 0s cubic-bezier(.645,.045,.355,1) .8s,-webkit-transform 0s cubic-bezier(.645,.045,.355,1) .8s; } .js-nav-item.is-active .c-subnav_overlay:nth-child(6n+3)::after { -webkit-transition: -webkit-transform .6s cubic-bezier(.645,.045,.355,1) .55s; transition: -webkit-transform .6s cubic-bezier(.645,.045,.355,1) .55s; transition: transform .6s cubic-bezier(.645,.045,.355,1) .55s; transition: transform .6s cubic-bezier(.645,.045,.355,1) .55s,-webkit-transform .6s cubic-bezier(.645,.045,.355,1) .55s; } .c-subnav_overlay:nth-child(6n+4)::after { -webkit-transition: -webkit-transform 0s cubic-bezier(.645,.045,.355,1) .8s; transition: -webkit-transform 0s cubic-bezier(.645,.045,.355,1) .8s; transition: transform 0s cubic-bezier(.645,.045,.355,1) .8s; transition: transform 0s cubic-bezier(.645,.045,.355,1) .8s,-webkit-transform 0s cubic-bezier(.645,.045,.355,1) .8s; } .js-nav-item.is-active .c-subnav_overlay:nth-child(6n+4)::after { -webkit-transition: -webkit-transform .6s cubic-bezier(.645,.045,.355,1) .6s; transition: -webkit-transform .6s cubic-bezier(.645,.045,.355,1) .6s; transition: transform .6s cubic-bezier(.645,.045,.355,1) .6s; transition: transform .6s cubic-bezier(.645,.045,.355,1) .6s,-webkit-transform .6s cubic-bezier(.645,.045,.355,1) .6s; } .c-subnav_overlay:nth-child(6n+5)::after { -webkit-transition: -webkit-transform 0s cubic-bezier(.645,.045,.355,1) .8s; transition: -webkit-transform 0s cubic-bezier(.645,.045,.355,1) .8s; transition: transform 0s cubic-bezier(.645,.045,.355,1) .8s; transition: transform 0s cubic-bezier(.645,.045,.355,1) .8s,-webkit-transform 0s cubic-bezier(.645,.045,.355,1) .8s; } .js-nav-item.is-active .c-subnav_overlay:nth-child(6n+5)::after { -webkit-transition: -webkit-transform .6s cubic-bezier(.645,.045,.355,1) .65s; transition: -webkit-transform .6s cubic-bezier(.645,.045,.355,1) .65s; transition: transform .6s cubic-bezier(.645,.045,.355,1) .65s; transition: transform .6s cubic-bezier(.645,.045,.355,1) .65s,-webkit-transform .6s cubic-bezier(.645,.045,.355,1) .65s; } .c-subnav_overlay:nth-child(6n+6)::after { -webkit-transition: -webkit-transform 0s cubic-bezier(.645,.045,.355,1) .8s; transition: -webkit-transform 0s cubic-bezier(.645,.045,.355,1) .8s; transition: transform 0s cubic-bezier(.645,.045,.355,1) .8s; transition: transform 0s cubic-bezier(.645,.045,.355,1) .8s,-webkit-transform 0s cubic-bezier(.645,.045,.355,1) .8s; } .js-nav-item.is-active .c-subnav_overlay:nth-child(6n+6)::after { -webkit-transition: -webkit-transform .6s cubic-bezier(.645,.045,.355,1) .7s; transition: -webkit-transform .6s cubic-bezier(.645,.045,.355,1) .7s; transition: transform .6s cubic-bezier(.645,.045,.355,1) .7s; transition: transform .6s cubic-bezier(.645,.045,.355,1) .7s,-webkit-transform .6s cubic-bezier(.645,.045,.355,1) .7s; } .c-subnav_overlay::after { content: ""; position: absolute; top: 0; bottom: 0; right: 0; left: 0; background-color: #efefef; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); -webkit-transition: -webkit-transform .6s cubic-bezier(.645,.045,.355,1); transition: -webkit-transform .6s cubic-bezier(.645,.045,.355,1); transition: transform .6s cubic-bezier(.645,.045,.355,1); transition: transform .6s cubic-bezier(.645,.045,.355,1),-webkit-transform .6s cubic-bezier(.645,.045,.355,1); -webkit-transform-origin: center bottom; -ms-transform-origin: center bottom; transform-origin: center bottom; } .js-nav-item.is-active .c-subnav_overlay::after { -webkit-transform: translateX(100%); -ms-transform: translateX(100%); transform: translateX(100%); } .c-subnav_genders { position: absolute; top: 50%; right: 45px; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .c-subnav_gender { padding: 1.875rem; font-size: 1.5rem; display: inline-block; margin: 0 15px; position: relative; color: transparent; -webkit-transition: color .3s cubic-bezier(.215,.61,.355,1),visibility 0s .3s; transition: color .3s cubic-bezier(.215,.61,.355,1),visibility 0s .3s; -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); visibility: hidden; } @media (min-width:1200px) { .c-subnav_menu_item:hover .c-subnav_gender { color: #000; visibility: visible; -webkit-transition: color .3s cubic-bezier(.215,.61,.355,1) .2s,visibility 0s; transition: color .3s cubic-bezier(.215,.61,.355,1) .2s,visibility 0s; } } @media (max-width:1199px) { .c-subnav_menu_item.is-active .c-subnav_gender { color: #000; visibility: visible; -webkit-transition: color .3s cubic-bezier(.215,.61,.355,1) .2s,visibility 0s; transition: color .3s cubic-bezier(.215,.61,.355,1) .2s,visibility 0s; } } @media (max-width:1199px) { .c-subnav_gender { font-size: 1rem; margin: 0 10px; } } .c-subnav_gender::after { content: ""; position: absolute; top: 50%; left: 50%; background-color: #fff; width: 70px; height: 70px; z-index: -1; border-radius: 50%; -webkit-transform: translate(-50%,-50%) scale(0); -ms-transform: translate(-50%,-50%) scale(0); transform: translate(-50%,-50%) scale(0); -webkit-transition: -webkit-transform .3s cubic-bezier(.645,.045,.355,1); transition: -webkit-transform .3s cubic-bezier(.645,.045,.355,1); transition: transform .3s cubic-bezier(.645,.045,.355,1); transition: transform .3s cubic-bezier(.645,.045,.355,1),-webkit-transform .3s cubic-bezier(.645,.045,.355,1); } @media (min-width:1200px) { .c-subnav_menu_item:hover .c-subnav_gender::after { -webkit-transform: translate(-50%,-50%) scale(1); -ms-transform: translate(-50%,-50%) scale(1); transform: translate(-50%,-50%) scale(1); -webkit-transition: -webkit-transform .3s cubic-bezier(.645,.045,.355,1) .1s; transition: -webkit-transform .3s cubic-bezier(.645,.045,.355,1) .1s; transition: transform .3s cubic-bezier(.645,.045,.355,1) .1s; transition: transform .3s cubic-bezier(.645,.045,.355,1) .1s,-webkit-transform .3s cubic-bezier(.645,.045,.355,1) .1s; } } @media (max-width:1199px) { .c-subnav_menu_item.is-active .c-subnav_gender::after { -webkit-transform: translate(-50%,-50%) scale(1); -ms-transform: translate(-50%,-50%) scale(1); transform: translate(-50%,-50%) scale(1); -webkit-transition: -webkit-transform .3s cubic-bezier(.645,.045,.355,1) .1s; transition: -webkit-transform .3s cubic-bezier(.645,.045,.355,1) .1s; transition: transform .3s cubic-bezier(.645,.045,.355,1) .1s; transition: transform .3s cubic-bezier(.645,.045,.355,1) .1s,-webkit-transform .3s cubic-bezier(.645,.045,.355,1) .1s; } } @media (max-width:1199px) { .c-subnav_gender::after { width: 50px; height: 50px; } } .c-subnav_gender:hover::after { -webkit-transform: translate(-50%,-50%) scale(1.1)!important; -ms-transform: translate(-50%,-50%) scale(1.1)!important; transform: translate(-50%,-50%) scale(1.1)!important; -webkit-transition: -webkit-transform .2s cubic-bezier(.645,.045,.355,1)!important; transition: -webkit-transform .2s cubic-bezier(.645,.045,.355,1)!important; transition: transform .2s cubic-bezier(.645,.045,.355,1)!important; transition: transform .2s cubic-bezier(.645,.045,.355,1),-webkit-transform .2s cubic-bezier(.645,.045,.355,1)!important; } @media (max-width:1440px) { .c-subnav_gender { padding: .9375rem; } } .c-subnav_menu_background { position: absolute; top: 0; bottom: 0; right: 0; left: 0; background-size: cover; background-position: center center; z-index: -1; -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); opacity: 0; -webkit-transition: opacity .4s cubic-bezier(.215,.61,.355,1),-webkit-transform .4s cubic-bezier(.215,.61,.355,1); transition: opacity .4s cubic-bezier(.215,.61,.355,1),-webkit-transform .4s cubic-bezier(.215,.61,.355,1); transition: opacity .4s cubic-bezier(.215,.61,.355,1),transform .4s cubic-bezier(.215,.61,.355,1); transition: opacity .4s cubic-bezier(.215,.61,.355,1),transform .4s cubic-bezier(.215,.61,.355,1),-webkit-transform .4s cubic-bezier(.215,.61,.355,1); } .c-subnav_menu_item:hover .c-subnav_menu_background { opacity: 1; -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } .c-subnav_secondary_menu:first-child { margin-bottom: 90px; } @media (min-width:1200px) and (max-width:1440px) { .c-subnav_secondary_menu:first-child { margin-bottom: 3.75rem; } } @media (max-width:1199px) { .c-subnav_secondary_menu:first-child { margin-bottom: 2.5rem; } } .c-subnav_secondary_col:first-child { padding-right: 3.75rem; } @media (min-width:1200px) and (max-width:1440px) { .c-subnav_secondary_col:first-child { padding-right: 2.5rem; } } @media (max-width:1199px) { .c-subnav_secondary_col:first-child { padding-right: 1.875rem; } } .c-subnav_secondary_col:last-child { padding-left: 3.75rem; } @media (min-width:1200px) and (max-width:1440px) { .c-subnav_secondary_col:last-child { padding-left: 2.5rem; } } @media (max-width:1199px) { .c-subnav_secondary_col:last-child { padding-left: 1.875rem; } } .c-subnav_secondary_title { font-family: "Timmons NY",Impact,"Franklin Gothic Bold",sans-serif; border-bottom: 1px solid #ccc; padding-bottom: 1.25rem; margin-bottom: 1.875rem; text-transform: uppercase; font-size: 5rem; font-weight: 400; line-height: .8; } @media (max-width:1440px) { .c-subnav_secondary_title { margin-bottom: 1.25rem; } } .c-subnav_secondary_list_item { display: block; } .c-subnav_secondary_list_item a { display: block; padding: 5px 0; -webkit-transition: color .3s cubic-bezier(.215,.61,.355,1); transition: color .3s cubic-bezier(.215,.61,.355,1); } .c-subnav_secondary_list_item a::before { display: none; } .c-subnav_secondary_list_item a:hover { color: #ff3e2e; } @media (max-width:1440px) { .c-subnav_secondary_list_item a { padding: 2px 0; } } .c-subnav_secondary_button { display: block; width: 100%; } .c-subnav_secondary_socials.o-grid.-table { display: table; table-layout: fixed; } .c-subnav_secondary_socials .o-social-link { display: inline-block; padding: 1.25rem; -webkit-transition: color .2s cubic-bezier(.215,.61,.355,1); transition: color .2s cubic-bezier(.215,.61,.355,1); } .c-subnav_secondary_socials .o-social-link svg { display: block; max-width: none; width: 24px; height: 24px; } .c-subnav_live { vertical-align: top; display: inline-block; height: 100%; background-color: #ff3e2e; font-size: 1rem; -webkit-transition: background-color .3s cubic-bezier(.215,.61,.355,1); transition: background-color .3s cubic-bezier(.215,.61,.355,1); } @media (min-width:1200px) { .c-subnav_live:hover { background-color: #ff2615; } } @media (min-width:1441px) { .c-subnav_live { width: calc(18.75rem + ((25 * (100% - 300px - 88px - 88px)/ 100) - 16px)); } } @media (min-width:1200px) and (max-width:1440px) { .c-subnav_live { width: calc(13.75rem + ((25 * (100% - 220px - 88px - 88px)/ 100) - 16px)); } } @media (max-width:1199px) { .c-subnav_live { width: calc(8.75rem + ((25 * (100% - 140px - 88px - 88px)/ 100) - 16px)); } } .c-subnav_live_link { display: block; } .c-subnav_live_logo { position: relative; } .c-subnav_live_logo svg { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .c-subnav_live_logo::before { content: ""; display: block; padding-bottom: 37%; } .c-subnav_live_title { font-weight: 400; text-transform: uppercase; font-family: "Timmons NY",Impact,"Franklin Gothic Bold",sans-serif; font-size: 10.5vw; line-height: .85; color: #000; } .c-subnav_live_label { font-weight: 700; width: 80%; } .c-subnav_live_icon { display: block; width: 3.75rem; height: 3.75rem; padding: .875rem; border: 6px solid #000; border-radius: 50%; -webkit-transition: border .3s cubic-bezier(.215,.61,.355,1); transition: border .3s cubic-bezier(.215,.61,.355,1); } .c-subnav_live_icon svg { display: block; width: 100%; height: 20px; fill: #000; -webkit-transition: fill .3s cubic-bezier(.215,.61,.355,1); transition: fill .3s cubic-bezier(.215,.61,.355,1); } .c-subnav_live_link:hover .c-subnav_live_icon { border: 6px solid #fff; } .c-subnav_live_link:hover .c-subnav_live_icon svg { fill: #fff; } #swipebox-slider .slide img { max-width: 80%!important; } .c-gallery { margin-left: 0; letter-spacing: normal; font-size: 0; margin-left: -1.25rem; } @media (max-width:699px) { .c-gallery { margin: -.625rem; } } .c-gallery_item { display: inline-block; padding-left: 0; width: 100%; vertical-align: top; font-size: 1rem; position: relative; margin: 1.25rem; vertical-align: middle; background-position: center center; background-size: cover; } @media (min-width:300px) and (max-width:499px) { .c-gallery_item { width: calc(50% - 1.25rem); } } @media (min-width:500px) { .c-gallery_item { width: calc(33.33333% - 2.5rem); } } .c-gallery_item::before { content: ""; display: block; padding-bottom: 100%; background-color: #000; opacity: 0; -webkit-transition: opacity .3s cubic-bezier(.215,.61,.355,1); transition: opacity .3s cubic-bezier(.215,.61,.355,1); } .c-gallery_item:hover::before { opacity: .3; } @media (max-width:699px) { .c-gallery_item { margin: .625rem; } } .thumbnail { display: block; opacity: 0; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); transform: translate(-50%,-50%); } a:focus.thumbnail,a:focus>.thumbnail,a:hover.thumbnail,a:hover>.thumbnail { border-color: #242424; } .c-resources { margin: 0; padding: 0; list-style: none; color: #242424; font-family: Graphik,Arial,Helvetica,sans-serif; font-weight: 500; } .c-resources .c-resources_item td { padding: 0; -webkit-transition: background-color .3s cubic-bezier(.215,.61,.355,1); transition: background-color .3s cubic-bezier(.215,.61,.355,1); } .c-resources a { padding: 1rem 2rem; color: #242424; text-decoration: none; display: block; } .c-resources a:visited { color: #838282; } @media (max-width:499px) { .c-resources { width: 100%; overflow: scroll; display: block; } } .c-resources_icon { display: inline-block; margin-right: 20px; vertical-align: middle; } .c-resources_item:hover td { background-color: rgba(0,0,0,.1); } .c-resources_name { display: inline-block; width: calc(100% - 60px); vertical-align: middle; } .c-accordion { margin: 0; padding: 0; list-style: none; color: #242424; border-bottom: 2px solid #ccc; } .c-accordion_item { border-top: 2px solid #ccc; } .c-accordion_item_title { display: block; position: relative; color: #242424; font-family: Graphik,Arial,Helvetica,sans-serif; font-weight: 500; padding: 1.4em 0 1.4em 3em; line-height: 1!important; } .c-accordion_item_title::after,.c-accordion_item_title::before { content: ""; position: absolute; top: 50%; background-color: currentColor; } .c-accordion_item_title::before { left: 0; width: 16px; height: 2px; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .c-accordion_item_title::after { left: 7px; width: 2px; height: 16px; -webkit-transition: -webkit-transform .3s cubic-bezier(.25,.46,.45,.94); transition: -webkit-transform .3s cubic-bezier(.25,.46,.45,.94); transition: transform .3s cubic-bezier(.25,.46,.45,.94); transition: transform .3s cubic-bezier(.25,.46,.45,.94),-webkit-transform .3s cubic-bezier(.25,.46,.45,.94); -webkit-transform: translateY(-50%) scaleY(1); -ms-transform: translateY(-50%) scaleY(1); transform: translateY(-50%) scaleY(1); } .c-accordion_item_title:active { color: #242424; } .c-accordion_item_title:focus,.c-accordion_item_title:hover { color: #ff3e2e; } [data-sport=basketball] .c-accordion_item_title:focus,[data-sport=basketball] .c-accordion_item_title:hover { color: #ff803f; } [data-sport=cross-country] .c-accordion_item_title:focus,[data-sport=cross-country] .c-accordion_item_title:hover { color: #a6ea00; } [data-sport=curling] .c-accordion_item_title:focus,[data-sport=curling] .c-accordion_item_title:hover { color: #32d8ea; } [data-sport=field-hockey] .c-accordion_item_title:focus,[data-sport=field-hockey] .c-accordion_item_title:hover { color: #cea9ff; } [data-sport=football] .c-accordion_item_title:focus,[data-sport=football] .c-accordion_item_title:hover { color: #e2ed00; } [data-sport=hockey] .c-accordion_item_title:focus,[data-sport=hockey] .c-accordion_item_title:hover { color: #ff3e2e; } [data-sport=rugby] .c-accordion_item_title:focus,[data-sport=rugby] .c-accordion_item_title:hover { color: #05ce7c; } [data-sport=soccer] .c-accordion_item_title:focus,[data-sport=soccer] .c-accordion_item_title:hover { color: #57e55b; } [data-sport=swimming] .c-accordion_item_title:focus,[data-sport=swimming] .c-accordion_item_title:hover { color: #29d9c2; } [data-sport=track-field] .c-accordion_item_title:focus,[data-sport=track-field] .c-accordion_item_title:hover { color: #ff6a3b; } [data-sport=volleyball] .c-accordion_item_title:focus,[data-sport=volleyball] .c-accordion_item_title:hover { color: #ffc800; } [data-sport=wrestling] .c-accordion_item_title:focus,[data-sport=wrestling] .c-accordion_item_title:hover { color: #00bcf0; } [data-sport=general] .c-accordion_item_title:focus,[data-sport=general] .c-accordion_item_title:hover { color: #ff3e2e; } [data-sport=international] .c-accordion_item_title:focus,[data-sport=international] .c-accordion_item_title:hover { color: #ff3e2e; } [data-sport=award] .c-accordion_item_title:focus,[data-sport=award] .c-accordion_item_title:hover { color: #b9914d; } .c-accordion_item.is-open .c-accordion_item_title::after { -webkit-transform: translateY(-50%) scaleY(0); -ms-transform: translateY(-50%) scaleY(0); transform: translateY(-50%) scaleY(0); } .c-accordion.-team .c-accordion_item_title { -webkit-transition: background-color .3s cubic-bezier(.215,.61,.355,1); transition: background-color .3s cubic-bezier(.215,.61,.355,1); -webkit-transition: color .3s cubic-bezier(.215,.61,.355,1); transition: color .3s cubic-bezier(.215,.61,.355,1); text-transform: uppercase; padding-left: 3.75rem; } .c-accordion.-team .c-accordion_item_title::before { left: 20px; } @media (max-width:699px) { .c-accordion.-team .c-accordion_item_title::before { left: 10px; } } .c-accordion.-team .c-accordion_item_title::after { left: 27px; } @media (max-width:699px) { .c-accordion.-team .c-accordion_item_title::after { left: 17px; } } .c-accordion.-team .c-accordion_item_title:hover { color: #ff3e2e; } [data-sport=basketball] .c-accordion.-team .c-accordion_item_title:hover { color: #ff803f; } [data-sport=cross-country] .c-accordion.-team .c-accordion_item_title:hover { color: #a6ea00; } [data-sport=curling] .c-accordion.-team .c-accordion_item_title:hover { color: #32d8ea; } [data-sport=field-hockey] .c-accordion.-team .c-accordion_item_title:hover { color: #cea9ff; } [data-sport=football] .c-accordion.-team .c-accordion_item_title:hover { color: #e2ed00; } [data-sport=hockey] .c-accordion.-team .c-accordion_item_title:hover { color: #ff3e2e; } [data-sport=rugby] .c-accordion.-team .c-accordion_item_title:hover { color: #05ce7c; } [data-sport=soccer] .c-accordion.-team .c-accordion_item_title:hover { color: #57e55b; } [data-sport=swimming] .c-accordion.-team .c-accordion_item_title:hover { color: #29d9c2; } [data-sport=track-field] .c-accordion.-team .c-accordion_item_title:hover { color: #ff6a3b; } [data-sport=volleyball] .c-accordion.-team .c-accordion_item_title:hover { color: #ffc800; } [data-sport=wrestling] .c-accordion.-team .c-accordion_item_title:hover { color: #00bcf0; } [data-sport=general] .c-accordion.-team .c-accordion_item_title:hover { color: #ff3e2e; } [data-sport=international] .c-accordion.-team .c-accordion_item_title:hover { color: #ff3e2e; } [data-sport=award] .c-accordion.-team .c-accordion_item_title:hover { color: #b9914d; } @media (max-width:699px) { .c-accordion.-team .c-accordion_item_title { padding-left: 2.5rem; } } .c-accordion.-team .c-accordion_item.is-open .c-accordion_item_title { background-color: #000; color: #fff; } .c-accordion_item_content { display: none; position: relative; max-width: 70rem; margin-left: 3em; margin-bottom: 5rem; opacity: 0; -webkit-transition: opacity .3s cubic-bezier(.25,.46,.45,.94); transition: opacity .3s cubic-bezier(.25,.46,.45,.94); } .c-accordion_item.is-open .c-accordion_item_content { opacity: 1; -webkit-transition: opacity .3s cubic-bezier(.25,.46,.45,.94) 1.2s; transition: opacity .3s cubic-bezier(.25,.46,.45,.94) 1.2s; } .c-accordion_item_content .o-content-block:first-child,.c-accordion_item_content .o-content-block:first-child .o-content-block_body :first-child { margin-top: 0; } .c-accordion.-team .c-accordion_item_content { max-width: 100%; margin: 0; } .c-home { background-repeat: no-repeat; background-position: center center; background-size: 85% auto; position: relative; height: calc(78vh); width: 100%; } @media (max-width:999px) { .c-home { height: 40vh; } } .c-home_background { content: ""; position: absolute; top: -150px; bottom: -22vh; right: 0; left: 0; background-color: #ff3e2e; z-index: -1; -webkit-transition: background-color .3s cubic-bezier(.215,.61,.355,1); transition: background-color .3s cubic-bezier(.215,.61,.355,1); } .c-home_background[data-sport=basketball] { background-color: #ff803f; } .c-home_background[data-sport=cross-country] { background-color: #a6ea00; } .c-home_background[data-sport=curling] { background-color: #32d8ea; } .c-home_background[data-sport=field-hockey] { background-color: #cea9ff; } .c-home_background[data-sport=football] { background-color: #e2ed00; } .c-home_background[data-sport=hockey] { background-color: #ff3e2e; } .c-home_background[data-sport=rugby] { background-color: #05ce7c; } .c-home_background[data-sport=soccer] { background-color: #57e55b; } .c-home_background[data-sport=swimming] { background-color: #29d9c2; } .c-home_background[data-sport=track-field] { background-color: #ff6a3b; } .c-home_background[data-sport=volleyball] { background-color: #ffc800; } .c-home_background[data-sport=wrestling] { background-color: #00bcf0; } .c-home_background[data-sport=general] { background-color: #ff3e2e; } .c-home_background[data-sport=international] { background-color: #ff3e2e; } .c-home_background[data-sport=award] { background-color: #b9914d; } @media (max-width:1199px) { .c-home_background { top: -64px; bottom: -100px; z-index: 0; } } .c-home_mask,.c-home_video { display: none; } .c-home_canvas { position: relative; z-index: 1; opacity: 0; -webkit-transition: opacity 2s cubic-bezier(.25,.46,.45,.94) 1s; transition: opacity 2s cubic-bezier(.25,.46,.45,.94) 1s; } .dom-is-loaded .c-home_canvas { opacity: 1; } .c-featurednews { text-align: right; position: relative; opacity: 0; -webkit-transform: translateY(100px); -ms-transform: translateY(100px); transform: translateY(100px); -webkit-transition: opacity .6s cubic-bezier(.215,.61,.355,1) 2s,-webkit-transform .6s cubic-bezier(.215,.61,.355,1) 2s; transition: opacity .6s cubic-bezier(.215,.61,.355,1) 2s,-webkit-transform .6s cubic-bezier(.215,.61,.355,1) 2s; transition: opacity .6s cubic-bezier(.215,.61,.355,1) 2s,transform .6s cubic-bezier(.215,.61,.355,1) 2s; transition: opacity .6s cubic-bezier(.215,.61,.355,1) 2s,transform .6s cubic-bezier(.215,.61,.355,1) 2s,-webkit-transform .6s cubic-bezier(.215,.61,.355,1) 2s; background-color: #fff; overflow: hidden; width: 100%; } .dom-is-loaded .c-featurednews { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } .c-featurednews_item { position: relative; display: table-cell!important; height: 100%; outline: 0; float: none!important; vertical-align: top; } .c-featurednews_item a { outline: 0; } .c-featurednews_images { overflow: hidden; position: absolute; top: 0; bottom: 0; left: 0; width: 50%; } @media (max-width:699px) { .c-featurednews_images { width: 100%; position: relative; height: 250px; } } .c-featurednews_slider { z-index: 5; position: relative; background-color: #000; overflow: hidden; float: right; } .o-page .c-featurednews_slider { background-color: transparent; } @media (max-width:999px) { .c-featurednews_slider { width: 50%; display: inline-block; } } @media (max-width:699px) { .c-featurednews_slider { width: 100%; display: block; } } .c-featurednews_image { position: relative; width: 100%; background-size: cover; background-position: center center; display: inline-block; outline: 0; min-height: 480px; } body[data-template=home] .c-featurednews_image { min-height: 650px; } @media (max-width:999px) { .c-featurednews_image { min-height: 400px; } body[data-template=home] .c-featurednews_image { min-height: 570px; } } @media (max-width:699px) { .c-featurednews_image { min-height: 250px; } body[data-template=home] .c-featurednews_image { min-height: 250px; } } .c-featurednews_title { font-size: 2.8125rem; } .c-featurednews_title:hover { text-decoration: underline; } body:not([data-template=home]) .c-featurednews_title { padding: 1.875rem 0; } @media (min-width:1441px) { .c-featurednews_title { padding-right: 7.5rem!important; } } @media (max-width:1440px) { .c-featurednews_title { font-size: 2.1875rem; padding-right: 3.75rem; } } @media (max-width:1199px) { .c-featurednews_title { font-size: 1.875rem; } } .c-featurednews_content { text-align: left; color: #fff; } .o-page .c-featurednews_content { color: #000; } @media (max-width:699px) { .o-page .c-featurednews_content a { padding: 40px 0; } } .c-featurednews_more { position: absolute; bottom: 0; right: 0; padding: 1.875rem 2.5rem; } .o-page .c-featurednews_more { display: none; } @media (max-width:999px) { .c-featurednews_more { display: none!important; } } .c-featurednews_timeline { position: absolute; bottom: 0; left: 0; height: 10px; background-color: #ff3e2e; width: 50%; -webkit-transform: scaleX(0); -ms-transform: scaleX(0); transform: scaleX(0); -webkit-transform-origin: center left; -ms-transform-origin: center left; transform-origin: center left; z-index: 100; -webkit-transition: background-color .3s cubic-bezier(.215,.61,.355,1); transition: background-color .3s cubic-bezier(.215,.61,.355,1); } .c-featurednews_timeline[data-sport=basketball] { background-color: #ff803f; } .c-featurednews_timeline[data-sport=cross-country] { background-color: #a6ea00; } .c-featurednews_timeline[data-sport=curling] { background-color: #32d8ea; } .c-featurednews_timeline[data-sport=field-hockey] { background-color: #cea9ff; } .c-featurednews_timeline[data-sport=football] { background-color: #e2ed00; } .c-featurednews_timeline[data-sport=hockey] { background-color: #ff3e2e; } .c-featurednews_timeline[data-sport=rugby] { background-color: #05ce7c; } .c-featurednews_timeline[data-sport=soccer] { background-color: #57e55b; } .c-featurednews_timeline[data-sport=swimming] { background-color: #29d9c2; } .c-featurednews_timeline[data-sport=track-field] { background-color: #ff6a3b; } .c-featurednews_timeline[data-sport=volleyball] { background-color: #ffc800; } .c-featurednews_timeline[data-sport=wrestling] { background-color: #00bcf0; } .c-featurednews_timeline[data-sport=general] { background-color: #ff3e2e; } .c-featurednews_timeline[data-sport=international] { background-color: #ff3e2e; } .c-featurednews_timeline[data-sport=award] { background-color: #b9914d; } @media (max-width:699px) { .c-featurednews_timeline { top: 250px; } } .c-mainblock_wrapper { background-color: #fff; } @media (max-width:999px) { .o-page_content>.c-mainblock_wrapper:first-child { margin-top: 30px!important; } } @media (min-width:1000px) { .o-page_content>.c-mainblock_wrapper:first-child { margin-top: 60px!important; } } .c-mainblock_wrapper.-table { width: 100%; } .c-mainblock_half:first-child { padding-right: 30px; } .c-mainblock_half:nth-child(2) { padding-left: 30px; } @media (max-width:1199px) { .c-mainblock_half:not(.-to-small) { display: block; width: 100%; } .c-mainblock_half:not(.-to-small):first-child { padding-right: 0; margin-bottom: 1.875rem; } .c-mainblock_half:not(.-to-small):nth-child(2) { padding-left: 0; } } .c-mainblock_half.-to-small { width: 50%; display: inline-block; } @media (max-width:699px) { .c-mainblock_half.-to-small { width: 100%; } .c-mainblock_half.-to-small:first-child { padding-right: 0; margin-bottom: 1.875rem; } .c-mainblock_half.-to-small:nth-child(2) { padding-left: 0; } } .c-mainblock_header { margin-bottom: 1.25rem; } @media (max-width:999px) { .c-mainblock_header { margin-top: 40px; } } @media (max-width:699px) { .c-mainblock_header .selectric-o-dropdown { width: 100%; float: none; } } .c-mainblock_header_sponsor { display: inline-block; width: 150px; vertical-align: top; margin-right: 30px; margin-top: -30px; } @media (max-width:1440px) { .c-mainblock_header_sponsor { width: 120px; margin-top: -16px; margin-right: 20px; } } @media (max-width:1199px) { .c-mainblock_header_sponsor { margin-right: 0; } } @media (max-width:999px) { .c-mainblock_header_sponsor { margin-top: -25px; } } @media (max-width:699px) { .c-mainblock_header_sponsor { margin-top: -30px; } } .c-mainblock_title { font-family: "Timmons NY",Impact,"Franklin Gothic Bold",sans-serif; text-transform: uppercase; font-size: 3.125rem; line-height: 1; letter-spacing: 1px; font-weight: 400; display: inline-block; vertical-align: top; margin-right: 30px; margin-bottom: 20px; } .c-mainblock_title.-big { font-size: 6.25rem; } .c-mainblock_title abbr[title] { text-decoration: none; } .c-mainblock_title span { color: #ff3e2e; } [data-sport=basketball] .c-mainblock_title span { color: #ff803f; } [data-sport=cross-country] .c-mainblock_title span { color: #a6ea00; } [data-sport=curling] .c-mainblock_title span { color: #32d8ea; } [data-sport=field-hockey] .c-mainblock_title span { color: #cea9ff; } [data-sport=football] .c-mainblock_title span { color: #e2ed00; } [data-sport=hockey] .c-mainblock_title span { color: #ff3e2e; } [data-sport=rugby] .c-mainblock_title span { color: #05ce7c; } [data-sport=soccer] .c-mainblock_title span { color: #57e55b; } [data-sport=swimming] .c-mainblock_title span { color: #29d9c2; } [data-sport=track-field] .c-mainblock_title span { color: #ff6a3b; } [data-sport=volleyball] .c-mainblock_title span { color: #ffc800; } [data-sport=wrestling] .c-mainblock_title span { color: #00bcf0; } [data-sport=general] .c-mainblock_title span { color: #ff3e2e; } [data-sport=international] .c-mainblock_title span { color: #ff3e2e; } [data-sport=award] .c-mainblock_title span { color: #b9914d; } @media (max-width:1440px) { .c-mainblock_title { margin-bottom: 0; margin-right: 20px; } } @media (max-width:999px) { .c-mainblock_title { font-size: 2.5rem; } } @media (max-width:699px) { .c-mainblock_title { font-size: 1.875rem; } } .c-mainblock_link { text-decoration: underline; display: inline-block; font-weight: 500; font-family: Graphik,Arial,Helvetica,sans-serif; margin-top: 10px; } @media (max-width:699px) { .c-mainblock_link { float: right; } } .c-mainblock_dropdown { float: right; } @media (max-width:999px) { .c-mainblock_dropdown { float: none; } } .c-mainblock { padding-bottom: 60px; width: 100%; } @media (max-width:1440px) { .c-mainblock { padding-bottom: 30px; } } @media (max-width:999px) { .c-mainblock { margin-top: 20px; } } @media (max-width:699px) { .c-mainblock { padding-bottom: 20px; } } @media (min-width:700px) { .c-mainblock:hover { cursor: -webkit-grab; cursor: grab; } } @media (max-width:699px) { .c-mainblock.-nomobile .c-mainblock_inner { overflow: auto; padding: 0 0 0 30px; } } .c-mainblock_inner { overflow: hidden; padding: 20px 120px 0 120px; } @media (max-width:1440px) { .c-mainblock_inner { padding: 20px 80px; } } @media (max-width:1199px) { .c-mainblock_inner { padding: 20px 40px; } } @media (max-width:699px) { .c-mainblock_inner { padding: 0; } } .c-mainblock_item_inner { -webkit-transform: none; -ms-transform: none; transform: none; -webkit-transition: -webkit-transform .3s cubic-bezier(.215,.61,.355,1); transition: -webkit-transform .3s cubic-bezier(.215,.61,.355,1); transition: transform .3s cubic-bezier(.215,.61,.355,1); transition: transform .3s cubic-bezier(.215,.61,.355,1),-webkit-transform .3s cubic-bezier(.215,.61,.355,1); background-color: #fff; -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); } .c-mainblock_item_inner>img { max-width: inherit; width: 100%; } @media (min-width:700px) { .c-mainblock_item_inner:hover { -webkit-transform: translate3d(0,-5px,0); transform: translate3d(0,-5px,0); } } .c-mainblock_item { max-width: 100%; float: left; margin-left: 2.5rem; display: table-cell; position: relative; background-color: #ccc; width: 300px; } .c-mainblock_item:first-child { margin-left: 0; } .c-mainblock.-events .c-mainblock_item { width: 430px; } @media (max-width:699px) { .c-mainblock.-events .c-mainblock_item { width: calc(100vw - 60px); } } @media (max-width:699px) { .c-mainblock_item { width: calc(100vw - 60px); margin: 0 20px; background-color: #fff; } .c-mainblock:not(.-nomobile) .c-mainblock_item { margin: 0 30px; } .c-mainblock:not(.-nomobile) .c-mainblock_item:first-child { margin-left: 30px; } } .c-mainblock.-news .c-mainblock_item { width: 430px; } @media (max-width:1440px) { .c-mainblock.-news .c-mainblock_item { width: 350px; } } .c-mainblock.-scores .c-mainblock_item { width: 430px; } @media (max-width:1440px) { .c-mainblock.-scores .c-mainblock_item { width: 350px; } } @media (max-width:699px) { .c-mainblock.-scores .c-mainblock_item { width: calc(100vw - 60px); } } @media (max-width:699px) { .c-mainblock.-athletes .c-mainblock_item,.c-mainblock.-news .c-mainblock_item { width: 100%; margin-left: 0; display: block; border-bottom: 1px solid #ccc; padding: 30px 0; display: none; } .c-mainblock.-athletes .c-mainblock_item:first-child,.c-mainblock.-news .c-mainblock_item:first-child { border-top: 1px solid #ccc; } .c-mainblock.-athletes .c-mainblock_item:first-child,.c-mainblock.-athletes .c-mainblock_item:nth-child(2),.c-mainblock.-athletes .c-mainblock_item:nth-child(3),.c-mainblock.-news .c-mainblock_item:first-child,.c-mainblock.-news .c-mainblock_item:nth-child(2),.c-mainblock.-news .c-mainblock_item:nth-child(3) { display: block; } } @media (max-width:699px) { .is-show-all .c-mainblock .c-mainblock_item { display: block; } } .c-mainblock_item.-team { float: none; display: inline-block; margin-left: 0; width: 100%; } .c-mainblock_item.-team img { display: block; margin: 0 auto 1.25rem auto; } .c-mainblock_item.-hidden { display: none; } .c-mainblock_item_image { width: 100%; min-height: 175px; background-color: #ccc; background-size: cover; background-position: center center; } @media (max-width:699px) { .c-mainblock.-news .c-mainblock_item_image { width: 40%; position: absolute; top: 50%; right: 0; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } } .c-mainblock_item_title { font-family: aktiv-grotesk,sans-serif; font-weight: 400; font-size: 1.25rem; margin: 20px 0; line-height: 1.4; } .c-mainblock.-news .c-mainblock_item_title { min-height: 150px; } @media (max-width:699px) { .c-mainblock.-news .c-mainblock_item_title { min-height: inherit; font-size: .9375rem; font-weight: 500; font-family: Graphik,Arial,Helvetica,sans-serif; } } .c-mainblock_item_title a { display: block; } .c-mainblock_item_title a:focus,.c-mainblock_item_title a:hover { text-decoration: underline; } .c-mainblock_item_content { border-top: 1px solid #ccc; border-right: 1px solid #ccc; border-left: 1px solid #ccc; border-bottom: 4px solid #ccc; padding: 30px; overflow: hidden; } .c-mainblock.-events .c-mainblock_item_content,.c-mainblock.-scores .c-mainblock_item_content { padding: 0; } @media (max-width:699px) { .c-mainblock.-news .c-mainblock_item_content { width: 50%; } } @media (max-width:699px) { .c-mainblock.-athletes .c-mainblock_item_content,.c-mainblock.-news .c-mainblock_item_content { border: 0; padding: 0; } } .c-mainblock_item_category { text-transform: uppercase; font-family: Graphik,Arial,Helvetica,sans-serif; font-weight: 500; font-size: .75rem; letter-spacing: 1px; position: relative; padding-left: 45px; } .c-mainblock_item_category::before { content: ""; position: absolute; top: 50%; left: 0; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); width: 30px; height: 10px; background-color: #ff3e2e; } .c-mainblock_item[data-sport=basketball] .c-mainblock_item_category::before { background-color: #ff803f; } .c-mainblock_item[data-sport=cross-country] .c-mainblock_item_category::before { background-color: #a6ea00; } .c-mainblock_item[data-sport=curling] .c-mainblock_item_category::before { background-color: #32d8ea; } .c-mainblock_item[data-sport=field-hockey] .c-mainblock_item_category::before { background-color: #cea9ff; } .c-mainblock_item[data-sport=football] .c-mainblock_item_category::before { background-color: #e2ed00; } .c-mainblock_item[data-sport=hockey] .c-mainblock_item_category::before { background-color: #ff3e2e; } .c-mainblock_item[data-sport=rugby] .c-mainblock_item_category::before { background-color: #05ce7c; } .c-mainblock_item[data-sport=soccer] .c-mainblock_item_category::before { background-color: #57e55b; } .c-mainblock_item[data-sport=swimming] .c-mainblock_item_category::before { background-color: #29d9c2; } .c-mainblock_item[data-sport=track-field] .c-mainblock_item_category::before { background-color: #ff6a3b; } .c-mainblock_item[data-sport=volleyball] .c-mainblock_item_category::before { background-color: #ffc800; } .c-mainblock_item[data-sport=wrestling] .c-mainblock_item_category::before { background-color: #00bcf0; } .c-mainblock_item[data-sport=general] .c-mainblock_item_category::before { background-color: #ff3e2e; } .c-mainblock_item[data-sport=international] .c-mainblock_item_category::before { background-color: #ff3e2e; } .c-mainblock_item[data-sport=award] .c-mainblock_item_category::before { background-color: #b9914d; } .c-mainblock_more { margin-left: 30px; display: none; } @media (max-width:699px) { .c-mainblock_wrapper.-athletes .c-mainblock_more,.c-mainblock_wrapper.-news .c-mainblock_more { display: inline-block; } } .c-mainblock_wrapper.is-show-all .c-mainblock_more { display: none; } .c-mainblock_item_athlete { padding-bottom: 30px; position: relative; } @media (max-width:999px) { .c-mainblock_item_athlete { padding-bottom: 20px; } } @media (max-width:699px) { .c-mainblock_item_athlete { display: inline-block; vertical-align: middle; width: 50%; float: left; } } .c-mainblock_item_athlete_image { border-radius: 50%; margin: auto; width: 140px; overflow: auto; background-size: cover; background-position: center center; } .c-mainblock_item_athlete_image::after { content: ""; display: block; padding-bottom: 100%; } @media (max-width:699px) { .c-mainblock_item_athlete_image { margin-left: 0; } } .c-mainblock_item_athlete_team { position: absolute; bottom: 25px; right: 25px; max-width: 50px; } .c-mainblock_item_school { font-family: Graphik,Arial,Helvetica,sans-serif; font-weight: 500; font-size: .75rem; padding-top: 30px; position: relative; } .c-mainblock_item_school::before { content: ""; position: absolute; top: 0; left: 50%; height: 1px; width: 150%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); background-color: #ccc; } @media (max-width:699px) { .c-mainblock_item_school { padding-top: 0; } .c-mainblock_item_school::before { display: none; } } .c-mainblock_item_school a:focus,.c-mainblock_item_school a:hover { text-decoration: underline; } .c-mainblock_event_category { border-bottom: 1px solid #ccc; padding: 30px 50px; } .c-mainblock_teams { position: relative; border-bottom: 1px solid #ccc; } .c-mainblock_team { padding: 30px 50px; text-align: center; position: relative; } .c-mainblock_team:first-child { border-right: 1px solid #ccc; } @media (max-width:699px) { .c-mainblock_team:first-child { border-right: 0; border-bottom: 1px solid #ccc; } } .c-mainblock.-scores .c-mainblock_team { padding: 30px 1.875rem; } @media (min-width:700px) and (max-width:999px) { .c-mainblock_team,.c-mainblock_team_image,.c-mainblock_team_score { display: inline-block; width: 50%; } } .c-mainblock_team_image { vertical-align: middle; } .c-mainblock_team_image img { height: 70px; width: auto; display: block; margin: auto; } .c-mainblock.-scores .c-mainblock_team_image img { height: 55px; } .c-mainblock_team_score { font-family: "Timmons NY",Impact,"Franklin Gothic Bold",sans-serif; line-height: 1; text-align: center; font-size: 5rem; vertical-align: middle; padding: 0 15px; } @media (max-width:1440px) { .c-mainblock_team_score { font-size: 3.75rem; } } @media (max-width:1199px) { .c-mainblock_team_score { font-size: 2.5rem; } } .c-mainblock_team_name { text-transform: uppercase; font-family: Graphik,Arial,Helvetica,sans-serif; font-weight: 500; font-size: .75rem; margin-top: 20px; letter-spacing: 1px; } .c-mainblock_event_content { padding: 30px 50px; } .c-mainblock.-scores .c-mainblock_event_content { padding: 30px 1.875rem; min-height: 165px; } .c-mainblock_event_date { text-transform: uppercase; font-family: Graphik,Arial,Helvetica,sans-serif; letter-spacing: 1px; } .c-mainblock_event_date .u-date,.c-mainblock_event_date .u-time { display: block; } .c-mainblock_event_place { text-transform: uppercase; letter-spacing: 1px; font-family: Graphik,Arial,Helvetica,sans-serif; font-weight: 600; font-size: .75rem; margin-top: 1.875rem; margin-bottom: 0; } .c-mainblock_event_calltoaction { padding: 30px 50px; border-top: 1px solid #ccc; font-family: Graphik,Arial,Helvetica,sans-serif; font-weight: 500; font-size: .75rem; } .c-mainblock.-scores .c-mainblock_event_calltoaction { padding: 0; } .c-mainblock_event_calltoaction .o-button { display: block; line-height: 1.6; } .c-mainblock_event_calltoaction .o-button:first-child { letter-spacing: 1px; } .c-mainblock_event_calltoaction .o-button:last-child { font-weight: 600; color: #000; } @media (min-width:500px) { .c-mainblock_event_calltoaction .o-button { float: left; } .c-mainblock_event_calltoaction .o-button:first-child { width: calc(100% / 1.5); text-align: left; } .c-mainblock_event_calltoaction .o-button:last-child { width: calc(100% / 3); } } @media (max-width:1440px) { .c-mainblock_event_calltoaction .o-button { padding: 1.5rem; } } @media (min-width:1441px) { .c-mainblock_event_calltoaction .o-button { padding: 30px 2.5rem; } } .c-loading { position: relative; } .c-loading.-global { position: fixed; top: 0; bottom: 0; right: 0; left: 0; z-index: 2000; opacity: 1; -webkit-transition: opacity .6s cubic-bezier(.215,.61,.355,1) 1s,z-index 0s linear 1.6s; transition: opacity .6s cubic-bezier(.215,.61,.355,1) 1s,z-index 0s linear 1.6s; } .is-ie .c-loading.-global { display: none; } .c-loading.-global::after { content: ""; position: absolute; top: 0; bottom: 0; right: 0; left: 0; -webkit-animation: changeColor 5s infinite .3s cubic-bezier(.215,.61,.355,1); animation: changeColor 5s infinite .3s cubic-bezier(.215,.61,.355,1); -webkit-transition: opacity .3s cubic-bezier(.25,.46,.45,.94); transition: opacity .3s cubic-bezier(.25,.46,.45,.94); } .c-loading.-global::before { content: ""; position: absolute; top: 0; bottom: 0; right: 0; left: 0; background-color: #fff; -webkit-transform-origin: center bottom; -ms-transform-origin: center bottom; transform-origin: center bottom; -webkit-transform: scaleY(0); -ms-transform: scaleY(0); transform: scaleY(0); -webkit-transition: -webkit-transform 1s cubic-bezier(.77,0,.175,1) .3s; transition: -webkit-transform 1s cubic-bezier(.77,0,.175,1) .3s; transition: transform 1s cubic-bezier(.77,0,.175,1) .3s; transition: transform 1s cubic-bezier(.77,0,.175,1) .3s,-webkit-transform 1s cubic-bezier(.77,0,.175,1) .3s; } .dom-is-loaded .c-loading.-global { opacity: 0; z-index: -1; -webkit-transition: opacity .6s cubic-bezier(.25,.46,.45,.94) 1.3s,z-index 0s linear 1.9s; transition: opacity .6s cubic-bezier(.25,.46,.45,.94) 1.3s,z-index 0s linear 1.9s; } .dom-is-loaded .c-loading.-global::after { opacity: 0; } .dom-is-first-loading .c-loading.-global { z-index: 1000; opacity: 1; -webkit-transition: opacity 0s cubic-bezier(.25,.46,.45,.94),z-index 0s; transition: opacity 0s cubic-bezier(.25,.46,.45,.94),z-index 0s; } .dom-is-first-loading .c-loading.-global::after { content: ""; opacity: 1; } .dom-is-loading .c-loading.-global { z-index: 2000; opacity: 1; -webkit-transition: opacity 0s linear,z-index 0s; transition: opacity 0s linear,z-index 0s; } .dom-is-loading .c-loading.-global::before { -webkit-transform-origin: center top; -ms-transform-origin: center top; transform-origin: center top; -webkit-transform: scaleY(1); -ms-transform: scaleY(1); transform: scaleY(1); } .dom-is-loading .c-loading.-global::after { opacity: 0; } .c-loading.-module { width: 100%; height: 0; } @-webkit-keyframes changeColor { 0% { background-color: #ff803f; } 9% { background-color: #a6ea00; } 18% { background-color: #32d8ea; } 27% { background-color: #cea9ff; } 36% { background-color: #e2ed00; } 45% { background-color: #ff3e2e; } 54% { background-color: #05ce7c; } 63% { background-color: #57e55b; } 72% { background-color: #29d9c2; } 81% { background-color: #ff6a3b; } 90% { background-color: #ffc800; } 100% { background-color: #00bcf0; } } @keyframes changeColor { 0% { background-color: #ff803f; } 9% { background-color: #a6ea00; } 18% { background-color: #32d8ea; } 27% { background-color: #cea9ff; } 36% { background-color: #e2ed00; } 45% { background-color: #ff3e2e; } 54% { background-color: #05ce7c; } 63% { background-color: #57e55b; } 72% { background-color: #29d9c2; } 81% { background-color: #ff6a3b; } 90% { background-color: #ffc800; } 100% { background-color: #00bcf0; } } @-webkit-keyframes loadingLine { 0% { -webkit-transform: translateX(-100%); transform: translateX(-100%); } 100% { -webkit-transform: translateX(100%); transform: translateX(100%); } } @keyframes loadingLine { 0% { -webkit-transform: translateX(-100%); transform: translateX(-100%); } 100% { -webkit-transform: translateX(100%); transform: translateX(100%); } } .c-loading_line { position: absolute; top: 50%; left: 50%; display: block; width: 100px; height: 2px; overflow: hidden; -webkit-transform: translate(-50%,0); -ms-transform: translate(-50%,0); transform: translate(-50%,0); } .c-loading_line::after { content: ""; position: absolute; top: 0; bottom: 0; right: 0; left: 0; background-color: #ff3e2e; -webkit-transform: translateX(100%); -ms-transform: translateX(100%); transform: translateX(100%); -webkit-transition: -webkit-transform .3s cubic-bezier(.215,.61,.355,1); transition: -webkit-transform .3s cubic-bezier(.215,.61,.355,1); transition: transform .3s cubic-bezier(.215,.61,.355,1); transition: transform .3s cubic-bezier(.215,.61,.355,1),-webkit-transform .3s cubic-bezier(.215,.61,.355,1); } .dom-is-loading .c-loading_line::after { -webkit-animation: loadingLine .6s infinite cubic-bezier(.455,.03,.515,.955) 1.2s; animation: loadingLine .6s infinite cubic-bezier(.455,.03,.515,.955) 1.2s; } .u-loadable .c-widget,.u-loadable.c-widget>* { -webkit-transition: opacity .3s cubic-bezier(.215,.61,.355,1); transition: opacity .3s cubic-bezier(.215,.61,.355,1); } .u-loadable.-loading .c-widget,.u-loadable.-loading.c-widget>* { opacity: .5; } body:not([data-template=home]) .u-loadable { min-height: 300px; } .u-loadable .c-loading_line { top: 150px; } .u-loadable.-loading { pointer-events: none; } .u-loadable.-loading .c-loading_line::after { -webkit-animation: loadingLine .6s infinite cubic-bezier(.455,.03,.515,.955); animation: loadingLine .6s infinite cubic-bezier(.455,.03,.515,.955); } @media (max-width:699px) { .c-polychrome-section_wrapper { margin: 60px 0 30px 0; } .c-polychrome-section_wrapper.-mini { margin: 0; } } .c-polychrome-section { position: relative; } .c-polychrome-section_inner { position: relative; width: 100%; overflow: hidden; } .c-polychrome-section_item { position: relative; background-color: #fff; display: table; width: 100%; z-index: -1; -webkit-transition: z-index 0s,opacity .6s cubic-bezier(.215,.61,.355,1) 1s; transition: z-index 0s,opacity .6s cubic-bezier(.215,.61,.355,1) 1s; opacity: 0; } .c-polychrome-section_item.is-active { z-index: 5; opacity: 1; -webkit-transition: z-index 0s,opacity .6s cubic-bezier(.215,.61,.355,1) .6s; transition: z-index 0s,opacity .6s cubic-bezier(.215,.61,.355,1) .6s; } .c-polychrome-section_item:nth-child(2) { position: absolute; top: 0; bottom: 0; right: 0; left: 0; } .c-polychrome-section_image { background-color: #fff; display: table-cell; width: 50%; position: relative; } .c-polychrome-section_image img { width: 100%; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); transform: translate(-50%,-50%); opacity: 0; -webkit-transition: opacity .6s cubic-bezier(.215,.61,.355,1) .3s; transition: opacity .6s cubic-bezier(.215,.61,.355,1) .3s; } .c-polychrome-section_item.is-active .c-polychrome-section_image img { opacity: 1; -webkit-transition: opacity .6s cubic-bezier(.215,.61,.355,1); transition: opacity .6s cubic-bezier(.215,.61,.355,1); } .c-polychrome-section_image.c-polychrome-section_image::before { content: ""; display: block; position: absolute; top: 0; right: 0; bottom: 0; left: 0; border-color: #ccc; border-style: solid; border-width: 1px 0 1px 1px; } .c-polychrome-section_image::after { content: ""; display: block; padding-bottom: 85%; } .c-polychrome-section_wrapper.-mini .c-polychrome-section_image::after { padding-bottom: 70%; } @media (max-width:699px) { .c-polychrome-section_wrapper.-mini .c-polychrome-section_image::after { padding-bottom: 85%; } } .c-polychrome-section_wrapper.-mini .c-polychrome-section_image { display: block; width: 100%; background-color: transparent; } @media (max-width:699px) { .c-polychrome-section_image { display: block; width: 100%; } } .c-polychrome-section_label { position: absolute; top: 40px; left: 40px; font-weight: 500; font-family: Graphik,Arial,Helvetica,sans-serif; color: #000; z-index: 10; font-size: .8125rem; line-height: 1.8; letter-spacing: 3px; text-transform: uppercase; } .c-polychrome-section_label.-white { color: #fff; } .c-polychrome-section_wrapper.-mini .c-polychrome-section_label { top: 30px; left: 30px; } @media (max-width:1199px) { .c-polychrome-section_label { top: 30px; left: 30px; } } .c-polychrome-section_sponsor { position: absolute; top: 40px; right: 40px; width: 70px; z-index: -1; -webkit-transition: z-index 0s,opacity .6s cubic-bezier(.215,.61,.355,1) 1s; transition: z-index 0s,opacity .6s cubic-bezier(.215,.61,.355,1) 1s; opacity: 0; } .c-polychrome-section_sponsor.is-active { z-index: 10; opacity: 1; -webkit-transition: z-index 0s,opacity .6s cubic-bezier(.215,.61,.355,1) .6s; transition: z-index 0s,opacity .6s cubic-bezier(.215,.61,.355,1) .6s; } .c-polychrome-section_wrapper.-mini .c-polychrome-section_sponsor { top: 30px; right: 30px; } @media (max-width:699px) { .c-polychrome-section_sponsor { top: 30px; right: 30px; } } .c-polychrome-section_wrapper.-mini .c-polychrome-section_sponsor img.-desktop { display: none; } @media (max-width:699px) { .c-polychrome-section_sponsor img.-desktop { display: none; } } @media (min-width:700px) { .c-polychrome-section_sponsor img.-mobile { display: none; } .c-polychrome-section_wrapper.-mini .c-polychrome-section_sponsor img.-mobile { display: block; } } @media (max-width:1199px) { .c-polychrome-section_sponsor { width: 50px; } } .c-polychrome-section_more { position: absolute; bottom: 0; right: 0; z-index: 10; font-weight: 600; font-family: Graphik,Arial,Helvetica,sans-serif; padding: 30px 40px; } @media (max-width:999px) { .c-polychrome-section_more { padding: 20px 40px; } } @media (max-width:699px) { .c-polychrome-section_more { width: 100%; } } .c-polychrome-section_content { display: table-cell; position: relative; width: 50%; opacity: 1; -webkit-transition: opacity .6s cubic-bezier(.215,.61,.355,1) .6s; transition: opacity .6s cubic-bezier(.215,.61,.355,1) .6s; background-color: #ff3e2e; } .c-polychrome-section_item[data-sport=basketball] .c-polychrome-section_content { background-color: #ff803f; } .c-polychrome-section_item[data-sport=cross-country] .c-polychrome-section_content { background-color: #a6ea00; } .c-polychrome-section_item[data-sport=curling] .c-polychrome-section_content { background-color: #32d8ea; } .c-polychrome-section_item[data-sport=field-hockey] .c-polychrome-section_content { background-color: #cea9ff; } .c-polychrome-section_item[data-sport=football] .c-polychrome-section_content { background-color: #e2ed00; } .c-polychrome-section_item[data-sport=hockey] .c-polychrome-section_content { background-color: #ff3e2e; } .c-polychrome-section_item[data-sport=rugby] .c-polychrome-section_content { background-color: #05ce7c; } .c-polychrome-section_item[data-sport=soccer] .c-polychrome-section_content { background-color: #57e55b; } .c-polychrome-section_item[data-sport=swimming] .c-polychrome-section_content { background-color: #29d9c2; } .c-polychrome-section_item[data-sport=track-field] .c-polychrome-section_content { background-color: #ff6a3b; } .c-polychrome-section_item[data-sport=volleyball] .c-polychrome-section_content { background-color: #ffc800; } .c-polychrome-section_item[data-sport=wrestling] .c-polychrome-section_content { background-color: #00bcf0; } .c-polychrome-section_item[data-sport=general] .c-polychrome-section_content { background-color: #ff3e2e; } .c-polychrome-section_item[data-sport=international] .c-polychrome-section_content { background-color: #ff3e2e; } .c-polychrome-section_item[data-sport=award] .c-polychrome-section_content { background-color: #b9914d; } .c-polychrome-section_wrapper.-mini .c-polychrome-section_content { display: block; width: 100%; } @media (max-width:699px) { .c-polychrome-section_content { display: block; width: 100%; } } .c-polychrome-section_infos { position: absolute; top: 50%; left: 40px; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .c-polychrome-section_wrapper.-mini .c-polychrome-section_infos { position: relative; top: 0; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); padding: 0 30px 30px 30px; } @media (max-width:699px) { .c-polychrome-section_wrapper.-mini .c-polychrome-section_infos { padding: 0 30px 90px 30px; } } .is-ie .c-polychrome-section_infos { top: 0; left: 0; vertical-align: top; -webkit-transform: none; -ms-transform: none; transform: none; padding: 7.5rem 3.75rem; } @media (max-width:999px) { .c-polychrome-section_infos { top: 40%; } } @media (max-width:699px) { .c-polychrome-section_infos { position: relative; top: 0; left: 0; -webkit-transform: translateY(-30px); -ms-transform: translateY(-30px); transform: translateY(-30px); padding: 0 30px 60px 30px; } } .c-polychrome-section_name { font-family: "Timmons NY",Impact,"Franklin Gothic Bold",sans-serif; text-transform: uppercase; color: #000; font-size: 8.75rem; font-weight: 400; line-height: 1; } .c-polychrome-section_wrapper.-mini .c-polychrome-section_name { font-size: 5rem; padding: 1.875rem 0; } @media (max-width:999px) { .c-polychrome-section_wrapper.-mini .c-polychrome-section_name { padding: .9375rem 0; } } @media (max-width:1440px) { .c-polychrome-section_name { font-size: 6.25rem; } } @media (max-width:1199px) { .c-polychrome-section_name { font-size: 5rem; } } @media (max-width:999px) { .c-polychrome-section_name { font-size: 4.375rem; } } .c-polychrome-section_title { color: #000; display: block; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); overflow: hidden; } .c-polychrome-section_title.-white { color: #fff; } .is-ie .c-polychrome-section_title { -webkit-transform: none; -ms-transform: none; transform: none; } .c-polychrome-section_wrapper.-mini .c-polychrome-section_title { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } @media (max-width:999px) { .c-polychrome-section_title { -webkit-transform: translateX(-30%); -ms-transform: translateX(-30%); transform: translateX(-30%); } } @media (max-width:699px) { .c-polychrome-section_title { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } } .c-polychrome-section_title span { display: block; -webkit-transform: translateY(105%); -ms-transform: translateY(105%); transform: translateY(105%); -webkit-transition: -webkit-transform .3s cubic-bezier(.645,.045,.355,1) .3s; transition: -webkit-transform .3s cubic-bezier(.645,.045,.355,1) .3s; transition: transform .3s cubic-bezier(.645,.045,.355,1) .3s; transition: transform .3s cubic-bezier(.645,.045,.355,1) .3s,-webkit-transform .3s cubic-bezier(.645,.045,.355,1) .3s; } .c-polychrome-section_item.is-active .c-polychrome-section_title span { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); -webkit-transition: -webkit-transform .3s cubic-bezier(.645,.045,.355,1) 1s; transition: -webkit-transform .3s cubic-bezier(.645,.045,.355,1) 1s; transition: transform .3s cubic-bezier(.645,.045,.355,1) 1s; transition: transform .3s cubic-bezier(.645,.045,.355,1) 1s,-webkit-transform .3s cubic-bezier(.645,.045,.355,1) 1s; } .c-polychrome-section_subtitle { overflow: hidden; margin-top: -15px; display: block; } .c-polychrome-section_subtitle:nth-child(3) { margin-left: 3.75rem; } @media (max-width:999px) { .c-polychrome-section_subtitle:nth-child(3) { margin-left: 0; } } @media (max-width:1199px) { .c-polychrome-section_subtitle { margin-top: -10px; } } .c-polychrome-section_subtitle span { display: block; -webkit-transform: translateY(105%); -ms-transform: translateY(105%); transform: translateY(105%); -webkit-transition: -webkit-transform .3s cubic-bezier(.645,.045,.355,1) .2s; transition: -webkit-transform .3s cubic-bezier(.645,.045,.355,1) .2s; transition: transform .3s cubic-bezier(.645,.045,.355,1) .2s; transition: transform .3s cubic-bezier(.645,.045,.355,1) .2s,-webkit-transform .3s cubic-bezier(.645,.045,.355,1) .2s; } .c-polychrome-section_item.is-active .c-polychrome-section_subtitle span { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); -webkit-transition: -webkit-transform .3s cubic-bezier(.645,.045,.355,1) 1.1s; transition: -webkit-transform .3s cubic-bezier(.645,.045,.355,1) 1.1s; transition: transform .3s cubic-bezier(.645,.045,.355,1) 1.1s; transition: transform .3s cubic-bezier(.645,.045,.355,1) 1.1s,-webkit-transform .3s cubic-bezier(.645,.045,.355,1) 1.1s; } .c-polychrome-section_category { font-size: 1.25rem; opacity: 0; -webkit-transform: translateY(20px); -ms-transform: translateY(20px); transform: translateY(20px); -webkit-transition: opacity .3s cubic-bezier(.645,.045,.355,1),-webkit-transform .3s cubic-bezier(.645,.045,.355,1); transition: opacity .3s cubic-bezier(.645,.045,.355,1),-webkit-transform .3s cubic-bezier(.645,.045,.355,1); transition: transform .3s cubic-bezier(.645,.045,.355,1),opacity .3s cubic-bezier(.645,.045,.355,1); transition: transform .3s cubic-bezier(.645,.045,.355,1),opacity .3s cubic-bezier(.645,.045,.355,1),-webkit-transform .3s cubic-bezier(.645,.045,.355,1); } .c-polychrome-section_wrapper.-mini .c-polychrome-section_category { font-size: 1rem; margin-top: -.9375rem; } @media (max-width:999px) { .c-polychrome-section_wrapper.-mini .c-polychrome-section_category { margin-top: 0; } } .c-polychrome-section_item.is-active .c-polychrome-section_category { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); -webkit-transition: opacity .3s cubic-bezier(.645,.045,.355,1) 1.3s,-webkit-transform .3s cubic-bezier(.645,.045,.355,1) 1.3s; transition: opacity .3s cubic-bezier(.645,.045,.355,1) 1.3s,-webkit-transform .3s cubic-bezier(.645,.045,.355,1) 1.3s; transition: transform .3s cubic-bezier(.645,.045,.355,1) 1.3s,opacity .3s cubic-bezier(.645,.045,.355,1) 1.3s; transition: transform .3s cubic-bezier(.645,.045,.355,1) 1.3s,opacity .3s cubic-bezier(.645,.045,.355,1) 1.3s,-webkit-transform .3s cubic-bezier(.645,.045,.355,1) 1.3s; } @media (max-width:999px) { .c-polychrome-section_category { font-size: 1rem; } } .c-polychrome-section_calltoaction { position: absolute; top: 50%; right: 0; z-index: 10; -webkit-transform: translate(calc(50% + 60px),-10px) rotate(90deg); -ms-transform: translate(calc(50% + 60px),-10px) rotate(90deg); transform: translate(calc(50% + 60px),-10px) rotate(90deg); font-size: .875rem; letter-spacing: 6px; text-transform: uppercase; font-weight: 600; font-family: Graphik,Arial,Helvetica,sans-serif; } .is-ie .c-polychrome-section_calltoaction { -webkit-transform: translate(70%,-10px) rotate(90deg); -ms-transform: translate(70%,-10px) rotate(90deg); transform: translate(70%,-10px) rotate(90deg); } .c-polychrome-section_wrapper.-mini .c-polychrome-section_calltoaction { top: auto; bottom: 10px; left: 30px; right: auto; letter-spacing: 2px; -webkit-transform: none; -ms-transform: none; transform: none; text-decoration: underline; text-transform: inherit; font-size: 1rem; } @media (max-width:1440px) { .c-polychrome-section_calltoaction { -webkit-transform: translate(calc(50% + 40px),-50%) rotate(90deg); -ms-transform: translate(calc(50% + 40px),-50%) rotate(90deg); transform: translate(calc(50% + 40px),-50%) rotate(90deg); } .is-ie .c-polychrome-section_calltoaction { -webkit-transform: translate(70%,-50%) rotate(90deg); -ms-transform: translate(70%,-50%) rotate(90deg); transform: translate(70%,-50%) rotate(90deg); } } @media (max-width:1199px) { .c-polychrome-section_calltoaction { -webkit-transform: translate(calc(50% + 20px),-50%) rotate(90deg); -ms-transform: translate(calc(50% + 20px),-50%) rotate(90deg); transform: translate(calc(50% + 20px),-50%) rotate(90deg); } .is-ie .c-polychrome-section_calltoaction { -webkit-transform: translate(70%,-50%) rotate(90deg); -ms-transform: translate(70%,-50%) rotate(90deg); transform: translate(70%,-50%) rotate(90deg); } } @media (max-width:999px) { .c-polychrome-section_calltoaction { font-size: .75rem; letter-spacing: 2px; } } @media (max-width:699px) { .c-polychrome-section_calltoaction { top: auto; bottom: 10px; left: 30px; right: auto; letter-spacing: 1px; -webkit-transform: none; -ms-transform: none; transform: none; text-decoration: underline; text-transform: inherit; font-size: .75rem; } } .c-calltochampionship_wrapper { position: relative; } @media (max-width:699px) { .c-calltochampionship_wrapper { margin: 60px 30px 30px; } } .c-calltochampionship { display: table; width: 100%; } .c-calltochampionship_image { display: table-cell; width: 50%; background-size: cover; background-position: center center; min-height: 200px; } @media (max-width:699px) { .c-calltochampionship_image { display: none; } } .c-calltochampionship_image_mobile { margin: 20px 0 30px 0; } @media (min-width:700px) { .c-calltochampionship_image_mobile { display: none; } } .c-calltochampionship_content { display: table-cell; width: 50%; vertical-align: top; position: relative; background-color: #ff3e2e; } .c-calltochampionship[data-sport=basketball] .c-calltochampionship_content { background-color: #ff803f; } .c-calltochampionship[data-sport=cross-country] .c-calltochampionship_content { background-color: #a6ea00; } .c-calltochampionship[data-sport=curling] .c-calltochampionship_content { background-color: #32d8ea; } .c-calltochampionship[data-sport=field-hockey] .c-calltochampionship_content { background-color: #cea9ff; } .c-calltochampionship[data-sport=football] .c-calltochampionship_content { background-color: #e2ed00; } .c-calltochampionship[data-sport=hockey] .c-calltochampionship_content { background-color: #ff3e2e; } .c-calltochampionship[data-sport=rugby] .c-calltochampionship_content { background-color: #05ce7c; } .c-calltochampionship[data-sport=soccer] .c-calltochampionship_content { background-color: #57e55b; } .c-calltochampionship[data-sport=swimming] .c-calltochampionship_content { background-color: #29d9c2; } .c-calltochampionship[data-sport=track-field] .c-calltochampionship_content { background-color: #ff6a3b; } .c-calltochampionship[data-sport=volleyball] .c-calltochampionship_content { background-color: #ffc800; } .c-calltochampionship[data-sport=wrestling] .c-calltochampionship_content { background-color: #00bcf0; } .c-calltochampionship[data-sport=general] .c-calltochampionship_content { background-color: #ff3e2e; } .c-calltochampionship[data-sport=international] .c-calltochampionship_content { background-color: #ff3e2e; } .c-calltochampionship[data-sport=award] .c-calltochampionship_content { background-color: #b9914d; } @media (max-width:999px) { .c-calltochampionship_content { padding-bottom: 10px; } } @media (max-width:699px) { .c-calltochampionship_content { display: block; width: 100%; } } .c-calltochampionship_calltoaction { position: absolute; top: 50%; right: 0; z-index: 10; -webkit-transform: translate(calc(50% + 60px),-10px) rotate(90deg); -ms-transform: translate(calc(50% + 60px),-10px) rotate(90deg); transform: translate(calc(50% + 60px),-10px) rotate(90deg); font-size: .875rem; letter-spacing: 6px; text-transform: uppercase; font-weight: 600; font-family: Graphik,Arial,Helvetica,sans-serif; } @media (max-width:1440px) { .c-calltochampionship_calltoaction { -webkit-transform: translate(calc(50% + 40px),-50%) rotate(90deg); -ms-transform: translate(calc(50% + 40px),-50%) rotate(90deg); transform: translate(calc(50% + 40px),-50%) rotate(90deg); } } @media (max-width:1199px) { .c-calltochampionship_calltoaction { -webkit-transform: translate(calc(50% + 20px),-50%) rotate(90deg); -ms-transform: translate(calc(50% + 20px),-50%) rotate(90deg); transform: translate(calc(50% + 20px),-50%) rotate(90deg); } } @media (max-width:699px) { .c-calltochampionship_calltoaction { -webkit-transform: translate(calc(50% + 30px),-50%) rotate(90deg); -ms-transform: translate(calc(50% + 30px),-50%) rotate(90deg); transform: translate(calc(50% + 30px),-50%) rotate(90deg); } } .c-calltochampionship_date { color: #fff; display: block; } .c-calltochampionship_name { font-family: "Timmons NY",Impact,"Franklin Gothic Bold",sans-serif; text-transform: uppercase; color: #000; font-size: 8.75rem; letter-spacing: 3px; font-weight: 400; line-height: .9; padding: 60px 60px 0 60px; } @media (max-width:1199px) { .c-calltochampionship_name { font-size: 6.25rem; } } @media (max-width:999px) { .c-calltochampionship_name { font-size: 4.375rem; padding: 30px 30px 0 30px; line-height: .85; } } .c-calltochampionship_sponsor { position: absolute; top: 40px; right: 40px; width: 140px; } .c-calltochampionship_sponsor img { width: 100%; display: block; } @media (max-width:1199px) { .c-calltochampionship_sponsor { width: 80px; top: 15px; right: 15px; } } @media (max-width:699px) { .c-calltochampionship_sponsor { top: 30px; right: 30px; } } .c-calltochampionship_infos { font-size: 1.25rem; padding: 0 60px 60px 60px; } @media (max-width:999px) { .c-calltochampionship_infos { font-size: 1rem; padding: 15px 10px 15px 10px; background-color: #fff; color: #000; } } .c-calltochampionship_timer { margin: 40px 0; padding: 0 60px; } @media (max-width:999px) { .c-calltochampionship_timer { padding: 0 30px; } } @media (max-width:699px) { .c-calltochampionship_timer { margin: 20px 0; } } .c-calltochampionship_timer_item span { display: inline-block; vertical-align: middle; } .c-calltochampionship_timer_value { color: #fff; font-family: "Timmons NY",Impact,"Franklin Gothic Bold",sans-serif; text-transform: uppercase; font-weight: 400; letter-spacing: 3px; line-height: .9; font-size: 8.75rem; min-width: 71px; text-align: right; } @media (max-width:1440px) { .c-calltochampionship_timer_value { font-size: 6.25rem; min-width: 53px; } } @media (max-width:1199px) { .c-calltochampionship_timer_value { font-size: 4.375rem; min-width: 40px; } } @media (max-width:999px) { .c-calltochampionship_timer_value { font-size: 3.125rem; min-width: 20px; } } .c-calltochampionship_timer_label { text-transform: uppercase; font-size: 1.25rem; margin-left: 10px; } @media (max-width:1440px) { .c-calltochampionship_timer_label { margin-left: 5px; font-size: 1rem; } } @media (max-width:1199px) { .c-calltochampionship_timer_label { margin-left: 0; font-size: .75rem; } } @media (max-width:1199px) { .c-topten_table { display: table; } } @media (max-width:699px) { .c-topten_table { display: block; } } .c-footer_wrapper { padding: 60px 120px; color: #fff; background-color: #000; } @media (max-width:1440px) { .c-footer_wrapper { padding: 40px 80px; } } @media (max-width:999px) { .c-footer_wrapper { padding: 20px 40px; } } @media (max-width:699px) { .c-footer_wrapper { padding: 30px; } } .c-footer_wrapper .site-logo { max-width: 100px; } .c-footer { border: 1px solid #242424; } .c-footer_calltoaction { text-align: center; border-left: 1px solid #242424; display: table-cell; vertical-align: middle; } .c-footer_calltoaction:first-child { border-left: 0; } .c-footer_calltoaction img { display: block; width: 100%; margin: auto; } @media (max-width:999px) { .c-footer_calltoaction { display: block; } .c-footer_calltoaction.o-half { display: table-cell; width: 50%; } .c-footer_calltoaction:last-child { border-top: 1px solid #242424; } } .c-footer_calltoactions { display: table; width: 100%; border-bottom: 1px solid #242424; } .c-footer_calltoactions .c-footer_calltoaction { display: table-cell; width: 50%; position: relative; } @media (max-width:699px) { .c-footer_calltoactions .c-footer_calltoaction { display: block; width: 100%; } } .c-footer_content { font-size: 0; } @media (max-width:1199px) { .c-footer_content { width: 83.3333333333%; } } .c-footer_sponsor { border-right: 1px solid #242424; position: relative; height: 560px; } @media (max-width:1199px) { .c-footer_sponsor { width: 16.6666666667%; height: 430px; } } .c-footer_sponsor_slider { position: relative; width: 100%; } .c-footer_sponsor_slider a img { display: block; margin: auto; } .c-footer_sponsor_slider img { outline: 0; } @media (min-width:1000px) { .c-footer_sponsor_slider { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); transform: translate(-50%,-50%); max-width: calc(100% - 100px); } } @media (max-width:999px) { .c-footer_sponsor_slider { margin: 1.875rem auto 0 auto; width: 200px; } } .c-footer_maintitle { text-transform: uppercase; font-size: 3.3125rem; font-family: "Timmons NY",Impact,"Franklin Gothic Bold",sans-serif; font-weight: 400; letter-spacing: 2px; } .c-footer_subtitle { font-size: .75rem; text-transform: uppercase; letter-spacing: 1px; } @media (max-width:999px) { .c-footer_subtitle { text-align: left; } } .c-footer_menu { border-top: 1px solid #242424; border-left: 1px solid #242424; font-size: 0; } .c-footer_menu_item { padding-right: 15px; } .c-footer_menu_list { margin-top: 2.5rem; } .c-footer_menu_list_item { display: block; font-family: Graphik,Arial,Helvetica,sans-serif; font-size: .875rem; } .c-footer_menu_list_item a { display: block; padding: 5px 0; } @media (max-width:1440px) { .c-footer_menu_list_item { font-size: .75rem; } } .c-footer_sports { display: table; width: 100%; } @media (max-width:999px) { .c-footer_sports { display: none; } } .c-footer_sports_item { display: table-cell; vertical-align: middle; background-color: #ccc; height: calc(100vh - 78px); background-position: center center; background-size: cover; position: relative; } .c-footer_sports_item::after { content: ""; position: absolute; top: 0; bottom: 0; right: 0; left: 0; z-index: 1; opacity: 0; -webkit-transition: opacity .6s cubic-bezier(.215,.61,.355,1); transition: opacity .6s cubic-bezier(.215,.61,.355,1); } .is-ie .c-footer_sports_item::after { display: none; } .c-footer_sports_item[data-sport=basketball]::after { background-color: #ff803f; } .c-footer_sports_item[data-sport=cross-country]::after { background-color: #a6ea00; } .c-footer_sports_item[data-sport=curling]::after { background-color: #32d8ea; } .c-footer_sports_item[data-sport=field-hockey]::after { background-color: #cea9ff; } .c-footer_sports_item[data-sport=football]::after { background-color: #e2ed00; } .c-footer_sports_item[data-sport=hockey]::after { background-color: #ff3e2e; } .c-footer_sports_item[data-sport=rugby]::after { background-color: #05ce7c; } .c-footer_sports_item[data-sport=soccer]::after { background-color: #57e55b; } .c-footer_sports_item[data-sport=swimming]::after { background-color: #29d9c2; } .c-footer_sports_item[data-sport=track-field]::after { background-color: #ff6a3b; } .c-footer_sports_item[data-sport=volleyball]::after { background-color: #ffc800; } .c-footer_sports_item[data-sport=wrestling]::after { background-color: #00bcf0; } .c-footer_sports_item[data-sport=general]::after { background-color: #ff3e2e; } .c-footer_sports_item[data-sport=international]::after { background-color: #ff3e2e; } .c-footer_sports_item[data-sport=award]::after { background-color: #b9914d; } .c-footer_sports_item:focus::after,.c-footer_sports_item:hover::after { opacity: 1; } .c-footer_sports_item:focus .c-footer_sports_title,.c-footer_sports_item:hover .c-footer_sports_title { -webkit-transform: none; -ms-transform: none; transform: none; } .c-footer_sports_item:focus .c-footer_sports_subtitle,.c-footer_sports_item:hover .c-footer_sports_subtitle { opacity: 1; } .c-footer_sports_subtitle,.c-footer_sports_title { z-index: 2; position: relative; color: #fff; font-weight: 400; letter-spacing: 2px; -webkit-transform: translateY(20px); -ms-transform: translateY(20px); transform: translateY(20px); } .c-footer_sports_title { font-family: "Timmons NY",Impact,"Franklin Gothic Bold",sans-serif; font-size: 4.375rem; text-transform: uppercase; -webkit-transition: -webkit-transform .3s cubic-bezier(.215,.61,.355,1); transition: -webkit-transform .3s cubic-bezier(.215,.61,.355,1); transition: transform .3s cubic-bezier(.215,.61,.355,1); transition: transform .3s cubic-bezier(.215,.61,.355,1),-webkit-transform .3s cubic-bezier(.215,.61,.355,1); } @media (max-width:1199px) { .c-footer_sports_title { font-size: 3.125rem; } } .c-footer_sports_subtitle { display: block; font-family: Graphik,Arial,Helvetica,sans-serif; font-size: .75rem; margin-top: 5px; opacity: 0; -webkit-transition: opacity .3s cubic-bezier(.215,.61,.355,1); transition: opacity .3s cubic-bezier(.215,.61,.355,1); } .c-footer_sports_link { color: #fff; -webkit-transition: color .3s cubic-bezier(.215,.61,.355,1); transition: color .3s cubic-bezier(.215,.61,.355,1); } .c-footer_sports_link:focus,.c-footer_sports_link:hover { color: #000; } .c-footer_followus { text-align: center; background-color: #fff; } .c-footer_followus_arrow { height: 50px; margin: 1.875rem 0; } @media (max-width:699px) { .c-footer_followus_arrow { margin: .9375rem 0; } } .c-footer_followus_title { font-family: "Timmons NY",Impact,"Franklin Gothic Bold",sans-serif; font-size: 35vw; text-transform: uppercase; font-weight: 400; opacity: 0; line-height: .9; -webkit-transition: opacity 3s cubic-bezier(.215,.61,.355,1); transition: opacity 3s cubic-bezier(.215,.61,.355,1); } .c-footer_followus.is-animated .c-footer_followus_title { opacity: 1; } .c-footer_socials { width: 80%; margin: auto; } @media (max-width:1199px) { .c-footer_socials { width: 100%; } } .c-footer_socials_item { position: relative; color: #000; -webkit-transition: color .3s cubic-bezier(.215,.61,.355,1); transition: color .3s cubic-bezier(.215,.61,.355,1); } .c-footer_socials_item svg { max-width: 50px; width: 40%; fill: currentColor; -webkit-transition: fill .3s cubic-bezier(.215,.61,.355,1); transition: fill .3s cubic-bezier(.215,.61,.355,1); } .c-footer_socials_item.-facebook { -webkit-transition-delay: .3s; transition-delay: .3s; } .c-footer_socials_item.-facebook:hover { color: #3b5998; } .c-footer_socials_item.-facebook:hover svg { fill: #3b5998; } .c-footer_socials_item.-twitter { -webkit-transition-delay: .4s; transition-delay: .4s; } .c-footer_socials_item.-twitter:hover { color: #55acee; } .c-footer_socials_item.-twitter:hover svg { fill: #55acee; } .c-footer_socials_item.-youtube { -webkit-transition-delay: .5s; transition-delay: .5s; } .c-footer_socials_item.-youtube:hover { color: #cc181e; } .c-footer_socials_item.-youtube:hover svg { fill: #cc181e; } .c-footer_socials_item.-instagram { -webkit-transition-delay: .6s; transition-delay: .6s; } .c-footer_socials_item.-instagram:hover { color: #e0386d; } .c-footer_socials_item.-instagram:hover svg { fill: #e0386d; } .c-footer_socials_item:first-child::before { display: none; } .c-footer_socials_item::before { content: ""; position: absolute; top: 50%; left: 0; -webkit-transform: translateX(-50%) scaleX(0); -ms-transform: translateX(-50%) scaleX(0); transform: translateX(-50%) scaleX(0); width: 25%; height: 2px; background-color: #000; -webkit-transition: -webkit-transform .3s cubic-bezier(.215,.61,.355,1) 1.2s; transition: -webkit-transform .3s cubic-bezier(.215,.61,.355,1) 1.2s; transition: transform .3s cubic-bezier(.215,.61,.355,1) 1.2s; transition: transform .3s cubic-bezier(.215,.61,.355,1) 1.2s,-webkit-transform .3s cubic-bezier(.215,.61,.355,1) 1.2s; } @media (max-width:699px) { .c-footer_socials_item::before { display: none; } } .c-footer_socials_item.is-animated::before { -webkit-transform: translateX(-50%) scaleX(1); -ms-transform: translateX(-50%) scaleX(1); transform: translateX(-50%) scaleX(1); } .c-footer_socials_title { font-size: .75rem; text-transform: uppercase; } @media (max-width:699px) { .c-footer_socials_title { display: none; } } .c-footer_bottom { text-align: center; font-family: Graphik,Arial,Helvetica,sans-serif; font-weight: 500; font-size: .875rem; padding-bottom: 100px; position: relative; } .c-footer_bottom a { color: #ff3e2e; text-decoration: underline; } .c-footer_bottom .c-footer_locomotive { position: absolute; bottom: 0; right: 0; color: #000; text-decoration: none; } .c-footer_bottom .c-footer_copy { position: absolute; bottom: 0; left: 0; } .c-footer_newsletter { background-color: #2c2c2c; padding: 60px 120px; color: #fff; padding-bottom: 50px; } @media (max-width:1440px) { .c-footer_newsletter { padding: 40px 80px; } } @media (max-width:999px) { .c-footer_newsletter { padding: 20px 40px; } } @media (max-width:699px) { .c-footer_newsletter { padding: 30px; } } .c-footer_newsletter_form { position: relative; } .c-footer_newsletter_form::before { content: ""; position: absolute; top: 50%; left: 0; bottom: 0; width: 1px; background-color: #505050; } @media (max-width:699px) { .c-footer_newsletter_form::before { top: 25%; bottom: 50%; } } .c-footer_newsletter_form::after { content: ""; position: absolute; top: 50%; right: 0; bottom: 0; width: 1px; background-color: #505050; } @media (max-width:699px) { .c-footer_newsletter_form::after { top: 25%; bottom: 50%; } } .c-footer_newsletter_input { text-transform: uppercase; font-size: 3.3125rem; font-family: "Timmons NY",Impact,"Franklin Gothic Bold",sans-serif; font-weight: 400; letter-spacing: 2px; line-height: 1; margin: 0; background-color: transparent; font-weight: 400; padding: 1.875rem 2.5rem; border-bottom: 1px solid #505050; -webkit-text-fill-color: #fff!important; } .c-footer_newsletter_input:-webkit-autofill { -webkit-box-shadow: 0 0 0 100px #2c2c2c inset; } .c-footer_newsletter_input::-webkit-input-placeholder { color: #fff; } .c-footer_newsletter_input:-ms-input-placeholder { color: #fff; } .c-footer_newsletter_input::placeholder { color: #fff; } .c-footer_newsletter_submit_wrapper { position: absolute; right: 0; bottom: 0; padding: 0; } .c-footer_newsletter_submit_wrapper:hover { cursor: pointer; } @media (max-width:699px) { .c-footer_newsletter_submit_wrapper { position: relative; display: block; } } .c-footer_newsletter_submit { background-color: transparent; display: inline-block; width: auto; padding: 1.875rem 2.5rem; font-size: .875rem; text-transform: uppercase; letter-spacing: 3px; line-height: 3.3125rem; color: #fff; } .c-footer_newsletter_title { padding: 0 2.5rem; } .c-footer_newsletter_feedback { color: #ff3e2e; opacity: 0; visibility: hidden; -webkit-transition: opacity,visibility; transition: opacity,visibility; -webkit-transition-delay: 0s,.3s; transition-delay: 0s,.3s; -webkit-transition-duration: .3s,0s; transition-duration: .3s,0s; -webkit-transition-timing-function: cubic-bezier(.215,.61,.355,1); transition-timing-function: cubic-bezier(.215,.61,.355,1); } .c-footer_newsletter_feedback.is-active { -webkit-transition-delay: 0s; transition-delay: 0s; opacity: 1; visibility: visible; } .c-footer-eod { font-size: .75rem; font-family: Graphik,Arial,Helvetica,sans-serif; vertical-align: middle; padding: 60px 60px 0; } @media (max-width:1440px) { .c-footer-eod { padding: 40px 80px 0; } } @media (max-width:999px) { .c-footer-eod { padding: 20px 40px 0; } } @media (max-width:699px) { .c-footer-eod { padding: 30px 30px 0; } } .c-barba { position: relative; margin-top: 77px; } @media (max-width:1199px) { .c-barba { background-color: #fff; } } @media (max-width:999px) { .c-barba { margin-top: 64px; } } .c-login_submit { margin-top: .9375rem; } .c-athlete-slider_wrapper { position: relative; } .c-athlete-slider_list { border: 1px solid #ccc; position: relative; z-index: 1; } .c-athlete-slider_list::after { content: ""; position: absolute; top: 0; bottom: 0; left: 0; width: 50%; z-index: -1; background-color: #ff3e2e; } .o-page[data-sport=basketball] .c-athlete-slider_list::after { background-color: #ff803f; } .o-page[data-sport=cross-country] .c-athlete-slider_list::after { background-color: #a6ea00; } .o-page[data-sport=curling] .c-athlete-slider_list::after { background-color: #32d8ea; } .o-page[data-sport=field-hockey] .c-athlete-slider_list::after { background-color: #cea9ff; } .o-page[data-sport=football] .c-athlete-slider_list::after { background-color: #e2ed00; } .o-page[data-sport=hockey] .c-athlete-slider_list::after { background-color: #ff3e2e; } .o-page[data-sport=rugby] .c-athlete-slider_list::after { background-color: #05ce7c; } .o-page[data-sport=soccer] .c-athlete-slider_list::after { background-color: #57e55b; } .o-page[data-sport=swimming] .c-athlete-slider_list::after { background-color: #29d9c2; } .o-page[data-sport=track-field] .c-athlete-slider_list::after { background-color: #ff6a3b; } .o-page[data-sport=volleyball] .c-athlete-slider_list::after { background-color: #ffc800; } .o-page[data-sport=wrestling] .c-athlete-slider_list::after { background-color: #00bcf0; } .o-page[data-sport=general] .c-athlete-slider_list::after { background-color: #ff3e2e; } .o-page[data-sport=international] .c-athlete-slider_list::after { background-color: #ff3e2e; } .o-page[data-sport=award] .c-athlete-slider_list::after { background-color: #b9914d; } .c-athlete-slider_item { display: table; width: 100%; position: absolute; top: 0; left: 0; z-index: 0; } .c-athlete-slider_item.is-active { z-index: 10; } .c-athlete-slider_item:first-child { position: relative; } @media (max-width:999px) { .c-athlete-slider_date.o-half,.c-athlete-slider_infos.o-half { width: 50%; } } .c-athlete-slider_date { text-align: center; display: table-cell; height: auto; padding: 1.875rem; } .c-athlete-slider_date_main { font-size: 15.625rem; font-family: "Timmons NY",Impact,"Franklin Gothic Bold",sans-serif; line-height: 1; margin: 2.8125rem 0; opacity: 0; -webkit-transform: translateY(30px); -ms-transform: translateY(30px); transform: translateY(30px); -webkit-transition: opacity .6s cubic-bezier(.215,.61,.355,1),-webkit-transform .6s cubic-bezier(.215,.61,.355,1); transition: opacity .6s cubic-bezier(.215,.61,.355,1),-webkit-transform .6s cubic-bezier(.215,.61,.355,1); transition: opacity .6s cubic-bezier(.215,.61,.355,1),transform .6s cubic-bezier(.215,.61,.355,1); transition: opacity .6s cubic-bezier(.215,.61,.355,1),transform .6s cubic-bezier(.215,.61,.355,1),-webkit-transform .6s cubic-bezier(.215,.61,.355,1); } .c-athlete-slider_item.is-active .c-athlete-slider_date_main { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); -webkit-transition: opacity .6s cubic-bezier(.215,.61,.355,1) .3s,-webkit-transform .6s cubic-bezier(.215,.61,.355,1) .3s; transition: opacity .6s cubic-bezier(.215,.61,.355,1) .3s,-webkit-transform .6s cubic-bezier(.215,.61,.355,1) .3s; transition: opacity .6s cubic-bezier(.215,.61,.355,1) .3s,transform .6s cubic-bezier(.215,.61,.355,1) .3s; transition: opacity .6s cubic-bezier(.215,.61,.355,1) .3s,transform .6s cubic-bezier(.215,.61,.355,1) .3s,-webkit-transform .6s cubic-bezier(.215,.61,.355,1) .3s; } @media (max-width:1440px) { .c-athlete-slider_date_main { font-size: 14.0625rem; } } @media (max-width:999px) { .c-athlete-slider_date_main { font-size: 6.25rem; } } .c-athlete-slider_date_secondary { font-size: 1.875rem; font-weight: 500; font-family: Graphik,Arial,Helvetica,sans-serif; margin: 0; opacity: 0; -webkit-transition: opacity .6s cubic-bezier(.215,.61,.355,1); transition: opacity .6s cubic-bezier(.215,.61,.355,1); } .c-athlete-slider_item.is-active .c-athlete-slider_date_secondary { opacity: 1; -webkit-transition: opacity .6s cubic-bezier(.215,.61,.355,1) .3s; transition: opacity .6s cubic-bezier(.215,.61,.355,1) .3s; } @media (max-width:999px) { .c-athlete-slider_date_secondary { font-size: 1.5625rem; } } .c-athlete-slider_infos { display: table-cell; height: auto; padding: 1.875rem; position: relative; } @media (max-width:699px) { .c-athlete-slider_infos { padding: 1.25rem; } } .c-athlete-slider_name { font-size: 1.875rem; font-weight: 500; font-family: Graphik,Arial,Helvetica,sans-serif; opacity: 0; -webkit-transform: translateY(30px); -ms-transform: translateY(30px); transform: translateY(30px); -webkit-transition: opacity .3s cubic-bezier(.215,.61,.355,1),-webkit-transform .3s cubic-bezier(.215,.61,.355,1); transition: opacity .3s cubic-bezier(.215,.61,.355,1),-webkit-transform .3s cubic-bezier(.215,.61,.355,1); transition: opacity .3s cubic-bezier(.215,.61,.355,1),transform .3s cubic-bezier(.215,.61,.355,1); transition: opacity .3s cubic-bezier(.215,.61,.355,1),transform .3s cubic-bezier(.215,.61,.355,1),-webkit-transform .3s cubic-bezier(.215,.61,.355,1); } .c-athlete-slider_item.is-active .c-athlete-slider_name { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); -webkit-transition: opacity .3s cubic-bezier(.215,.61,.355,1) .8s,-webkit-transform .3s cubic-bezier(.215,.61,.355,1) .8s; transition: opacity .3s cubic-bezier(.215,.61,.355,1) .8s,-webkit-transform .3s cubic-bezier(.215,.61,.355,1) .8s; transition: opacity .3s cubic-bezier(.215,.61,.355,1) .8s,transform .3s cubic-bezier(.215,.61,.355,1) .8s; transition: opacity .3s cubic-bezier(.215,.61,.355,1) .8s,transform .3s cubic-bezier(.215,.61,.355,1) .8s,-webkit-transform .3s cubic-bezier(.215,.61,.355,1) .8s; } @media (max-width:699px) { .c-athlete-slider_name { font-size: 1rem; } } .c-ahtleteotw_team { position: absolute; font-size: 1rem; font-weight: 500; font-family: Graphik,Arial,Helvetica,sans-serif; bottom: 0; left: 0; right: 0; padding: 1.875rem; border-top: 1px solid #ccc; color: transparent; -webkit-transition: color .6s cubic-bezier(.215,.61,.355,1); transition: color .6s cubic-bezier(.215,.61,.355,1); } .c-athlete-slider_item.is-active .c-ahtleteotw_team { color: #000; -webkit-transition: color .6s cubic-bezier(.215,.61,.355,1) .9s; transition: color .6s cubic-bezier(.215,.61,.355,1) .9s; } @media (max-width:699px) { .c-ahtleteotw_team { font-size: .75rem; padding: 1.25rem; } } .c-athlete-slider_picture { font-size: 1rem; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); transform: translate(-50%,-50%); width: 150px; height: 150px; opacity: 0; -webkit-transition: opacity .6s cubic-bezier(.215,.61,.355,1) .3s; transition: opacity .6s cubic-bezier(.215,.61,.355,1) .3s; } .c-athlete-slider_item.is-active .c-athlete-slider_picture { opacity: 1; -webkit-transition: opacity .6s cubic-bezier(.215,.61,.355,1); transition: opacity .6s cubic-bezier(.215,.61,.355,1); } @media (max-width:1440px) { .c-athlete-slider_picture { width: 100px; height: 100px; } } @media (max-width:699px) { .c-athlete-slider_picture { width: 80px; height: 80px; } } .c-athlete-slider_picture_inner { width: 100%; height: 100%; position: relative; border-radius: 50%; overflow: hidden; background-position: center center; background-size: cover; } .c-athlete-slider_team_logo { position: absolute; bottom: -10px; right: -10px; max-width: 60px; opacity: 0; -webkit-transition: opacity .6s cubic-bezier(.215,.61,.355,1) .3s; transition: opacity .6s cubic-bezier(.215,.61,.355,1) .3s; } .c-athlete-slider_item.is-active .c-athlete-slider_team_logo { opacity: 1; -webkit-transition: opacity .6s cubic-bezier(.215,.61,.355,1); transition: opacity .6s cubic-bezier(.215,.61,.355,1); } @media (max-width:1440px) { .c-athlete-slider_team_logo { max-width: 40px; } } .c-athlete-slider_arrow { padding: 2.5rem; font-size: .875rem; font-weight: 500; font-family: Graphik,Arial,Helvetica,sans-serif; opacity: 1; -webkit-transition: opacity .3s cubic-bezier(.215,.61,.355,1); transition: opacity .3s cubic-bezier(.215,.61,.355,1); } .c-athlete-slider_arrow:focus,.c-athlete-slider_arrow:hover { opacity: .7; } .c-athlete-slider_arrow svg { width: 34px; height: 8px; } .c-athlete-slider_arrow.-left { text-align: left; } .c-athlete-slider_arrow.-left svg { margin-right: 10px; } .c-athlete-slider_arrow.-right { text-align: right; } .c-athlete-slider_arrow.-right svg { margin-left: 10px; } .c-sidebar { height: calc(100vh - 140px); overflow-y: scroll; -webkit-overflow-scrolling: touch; opacity: 1; -webkit-transition: opacity .3s cubic-bezier(.215,.61,.355,1) .2s; transition: opacity .3s cubic-bezier(.215,.61,.355,1) .2s; background-color: #fff; } .subpage-is-loading .c-sidebar { opacity: 0; } body:not([data-template=news]) .c-sidebar { border-left: 6px solid #eaeaea; height: auto; } body[data-template=news].header-is-sticky .c-sidebar { position: fixed; top: 140px; } @media (max-width:999px) { .c-sidebar { display: none; } } .c-sidebar_form { padding: 3.75rem 5rem; display: none; } .c-sidebar_item { padding: .9375rem 3.75rem .9375rem 5rem; border-top: 1px solid #ccc; } @media (max-width:1440px) { .c-sidebar_item { padding: .9375rem 2.5rem .9375rem 3.75rem; } } @media (max-width:1199px) { .c-sidebar_item { padding: .625rem 2.5rem .625rem 3.75rem; } } .c-sidebar_item:first-child { border-top: 0; } .c-sidebar_image { min-height: 65px; vertical-align: middle; position: relative; z-index: 1; } .c-sidebar_image::before { content: ""; position: absolute; z-index: -1; top: -10px; bottom: -10px; right: -10px; left: -7.5rem; -webkit-transform: scaleX(0); -ms-transform: scaleX(0); transform: scaleX(0); -webkit-transform-origin: center right; -ms-transform-origin: center right; transform-origin: center right; -webkit-transition: -webkit-transform .6s cubic-bezier(.645,.045,.355,1); transition: -webkit-transform .6s cubic-bezier(.645,.045,.355,1); transition: transform .6s cubic-bezier(.645,.045,.355,1); transition: transform .6s cubic-bezier(.645,.045,.355,1),-webkit-transform .6s cubic-bezier(.645,.045,.355,1); background-color: #ff3e2e; } .c-sidebar_item.is-active .c-sidebar_image::before,.c-sidebar_item.is-shoot .c-sidebar_image::before,.c-sidebar_item:hover .c-sidebar_image::before { -webkit-transform: scaleX(1); -ms-transform: scaleX(1); transform: scaleX(1); } .o-page[data-sport=basketball] .c-sidebar_image::before { background-color: #ff803f; } .o-page[data-sport=cross-country] .c-sidebar_image::before { background-color: #a6ea00; } .o-page[data-sport=curling] .c-sidebar_image::before { background-color: #32d8ea; } .o-page[data-sport=field-hockey] .c-sidebar_image::before { background-color: #cea9ff; } .o-page[data-sport=football] .c-sidebar_image::before { background-color: #e2ed00; } .o-page[data-sport=hockey] .c-sidebar_image::before { background-color: #ff3e2e; } .o-page[data-sport=rugby] .c-sidebar_image::before { background-color: #05ce7c; } .o-page[data-sport=soccer] .c-sidebar_image::before { background-color: #57e55b; } .o-page[data-sport=swimming] .c-sidebar_image::before { background-color: #29d9c2; } .o-page[data-sport=track-field] .c-sidebar_image::before { background-color: #ff6a3b; } .o-page[data-sport=volleyball] .c-sidebar_image::before { background-color: #ffc800; } .o-page[data-sport=wrestling] .c-sidebar_image::before { background-color: #00bcf0; } .o-page[data-sport=general] .c-sidebar_image::before { background-color: #ff3e2e; } .o-page[data-sport=international] .c-sidebar_image::before { background-color: #ff3e2e; } .o-page[data-sport=award] .c-sidebar_image::before { background-color: #b9914d; } .c-sidebar_content { padding: 1.875rem 0; vertical-align: middle; } @media (max-width:1440px) { .c-sidebar_content { padding: .9375rem 0; } } @media (max-width:1199px) { .c-sidebar_content { padding: 0; } } .c-sidebar_title { font-size: .875rem; padding-left: 1.875rem; margin-bottom: 20px; } .c-sidebar_more { margin: 1.875rem 0 0 5rem; } @media (max-width:1440px) { .c-sidebar_more { margin: 1.875rem 0 0 3.75rem; } } @media (max-width:1199px) { .c-sidebar_more { margin: 1.875rem 0 0 3.75rem; } } .c-controls { background-color: #fff; border-bottom: 3px solid #ccc; border-right: 1px solid #ccc; border-left: 1px solid #ccc; border-top: 1px solid #ccc; } .c-controls_arrow { font-size: .875rem; font-weight: 500; font-family: Graphik,Arial,Helvetica,sans-serif; vertical-align: middle; opacity: 1; -webkit-transition: opacity .3s cubic-bezier(.215,.61,.355,1); transition: opacity .3s cubic-bezier(.215,.61,.355,1); } .c-controls_arrow:hover { opacity: .7; } .c-controls_arrow svg { width: 34px; height: 8px; } .c-controls_arrow.-left { padding: 2.5rem 0 2.5rem 2.5rem; text-align: left; } .c-controls_arrow.-left svg { margin-right: 10px; } @media (max-width:999px) { .c-controls_arrow.-left svg { margin-right: 0; } } .c-controls_arrow.-right { padding: 2.5rem 2.5rem 2.5rem 0; text-align: right; } .c-controls_arrow.-right svg { margin-left: 10px; } @media (max-width:999px) { .c-controls_arrow.-right svg { margin-left: 0; } } @media (max-width:1440px) { .c-controls_arrow { font-size: .75rem; } .c-controls_arrow.-left { padding: 1.875rem 0 1.875rem 1.875rem; } .c-controls_arrow.-right { padding: 1.875rem 1.875rem 1.875rem 0; } } @media (max-width:999px) { .c-controls_arrow.o-half { width: 50%; display: inline-block; } .c-controls_arrow.o-third { width: 25%; display: inline-block; vertical-align: middle; } } @media (max-width:699px) { .c-controls_arrow { padding: 1.25rem; font-size: .625rem; } .c-controls_arrow.-left,.c-controls_arrow.-right { padding: 1.25rem; } } .c-controls_backtotop { text-align: center; font-size: .875rem; font-weight: 400; font-family: Graphik,Arial,Helvetica,sans-serif; letter-spacing: 3px; text-transform: uppercase; padding: 2.5rem; vertical-align: middle; } @media (max-width:1440px) { .c-controls_backtotop { font-size: .75rem; } } @media (max-width:999px) { .c-controls_backtotop { width: 50%; display: inline-block; font-size: .625rem; letter-spacing: 1px; padding: 0 2.5rem; } } .c-controls_label { display: inline-block; vertical-align: middle; } @media (max-width:999px) { .c-controls_label { display: none; } } @media screen { .c-filters { display: table; width: 100%; margin-bottom: 3.75rem; } html:not(.ie9) .c-filters { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; } } @media screen and (max-width:999px) { .c-filters { margin-bottom: 2.5rem; display: block; } html:not(.ie9) .c-filters { display: block; } } @media screen and (max-width:699px) { .c-filters { margin-bottom: 1.875rem; } } .c-filters_list { border-bottom: 1px solid #ccc; display: table-cell; vertical-align: bottom; position: relative; font-size: 0; text-align: left; } html:not(.ie9) .c-filters_list { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; } @media (min-width:1000px) { .c-filters_list .slick-list { width: 100%; } .c-filters_list .slick-track { width: 100%!important; } } @media (max-width:999px) { .c-filters_list { display: block; } html:not(.ie9) .c-filters_list { display: block; } } @media (max-width:999px) { .c-filters_list { border-bottom: 0; } .c-filters_list::after { content: ""; position: absolute; height: 1px; width: 100%; left: 1.875rem; right: 0; bottom: -1px; background-color: #ccc; } } @media (max-width:999px) { .c-filters_list { white-space: nowrap; margin-left: -1.875rem; padding-left: 1.875rem; margin-right: -1.875rem; padding-right: 1.875rem; -webkit-overflow-scrolling: touch; overflow-x: scroll; overflow-y: hidden; } } .c-filters_list_item { display: inline-block; font-family: Graphik,Arial,Helvetica,sans-serif; font-weight: 500; font-size: 1.5rem; padding-left: 1.875rem; padding-right: 1.875rem; position: relative; } .c-filters_list_item a { display: block; padding: 1.25rem 0; } .c-filters_list_item time { color: #ccc; } .c-filters_list_item sup { font-size: .875rem; color: #ff3e2e; } @media (max-width:699px) { .c-filters_list_item sup { font-size: .625rem; } } @media (max-width:1440px) { .c-filters_list_item { font-size: 1.25rem; } } @media (max-width:999px) { .c-filters_list_item { padding: 0 1.875rem; margin: 0; text-align: center; font-size: 1.125rem; line-height: 1; width: auto; } .c-filters_list_item time { font-size: .75rem; } } @media (max-width:699px) { .c-filters_list_item { padding: 0 1.25rem; } } .c-filters_list_item_indicator { position: absolute; bottom: -1.5px; left: 0; height: 3px; width: 100%; -webkit-transform: scaleY(0); -ms-transform: scaleY(0); transform: scaleY(0); -webkit-transition: -webkit-transform .3s cubic-bezier(.215,.61,.355,1); transition: -webkit-transform .3s cubic-bezier(.215,.61,.355,1); transition: transform .3s cubic-bezier(.215,.61,.355,1); transition: transform .3s cubic-bezier(.215,.61,.355,1),-webkit-transform .3s cubic-bezier(.215,.61,.355,1); } .c-filters_list_item:hover .c-filters_list_item_indicator { -webkit-transform: scaleY(1); -ms-transform: scaleY(1); transform: scaleY(1); } .c-filters_list_item a.active+.c-filters_list_item_indicator,.c-filters_list_item.is-active .c-filters_list_item_indicator { -webkit-transform: scaleY(1); -ms-transform: scaleY(1); transform: scaleY(1); } .c-filters_dropdowns { display: table-cell; vertical-align: bottom; text-align: right; margin-left: 1.25rem; } html:not(.ie9) .c-filters_dropdowns { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; } @media (max-width:1199px) { .c-filters_dropdowns { display: block; } html:not(.ie9) .c-filters_dropdowns { display: block; } } @media (max-width:999px) { .c-filters_dropdowns { margin-top: 30px; margin-left: auto; } } .c-filters_dropdowns .o-dropdown,.c-filters_dropdowns .selectric-o-dropdown { vertical-align: bottom; text-align: left; border-bottom: 1px solid #ccc; margin-left: 1.25rem; } @media (max-width:999px) { .c-filters_dropdowns .o-dropdown,.c-filters_dropdowns .selectric-o-dropdown { display: block; margin-left: auto; margin-right: 0; float: none; margin-bottom: 10px; } } .c-filters_dropdowns.-red .o-dropdown,.c-filters_dropdowns.-red .selectric-o-dropdown { border-bottom: 2px solid #ff3e2e; } .c-filters_list_item_datepicker_button { display: block; border-bottom: 1px solid #ccc; } .c-filters_list_item_datepicker_button:hover { cursor: pointer; } @media (max-width:1199px) { .c-filters_list_item_datepicker_button { margin-top: 20px; } } .c-filters_list_item_datepicker_icon { display: inline-block; vertical-align: middle; border-width: 1px 1px 0 1px; border-style: solid; border-color: #ccc; padding: 10px; background-color: #fff; -webkit-transition: background-color .3s cubic-bezier(.215,.61,.355,1); transition: background-color .3s cubic-bezier(.215,.61,.355,1); } .c-filters_list_item_datepicker_button:hover .c-filters_list_item_datepicker_icon { background-color: #f5f5f5; } .c-filters_list_item_datepicker_icon svg { width: 20px; height: 20px; display: block; } .c-filters_list_item_datepicker_label { font-size: .75rem; display: inline-block; vertical-align: middle; padding-right: 1.25rem; } .c-results { display: block; clear: both; } .c-results .c-glossary,.c-results_item { margin-bottom: 3.75rem; } .c-results_aotm { margin-left: -60px; letter-spacing: normal; font-size: 0; } .c-results_aotm_item { display: inline-block; padding-left: 60px; width: 100%; vertical-align: top; font-size: 1rem; width: 50%; } @media (max-width:1599px) { .c-results_aotm_item { width: 100%; } } .c-results_item.c-mainblock_half { padding-top: 0; } .c-results tbody .tc-vs,.c-results_item_sub { color: #ccc; } .c-results_item_inner { overflow: visible; } .c-results_item_title { font-size: .75rem; font-weight: 600; font-family: Graphik,Arial,Helvetica,sans-serif; text-transform: uppercase; letter-spacing: 2px; margin: 1.875rem 0; } .c-results_item_title.-uppercase { font-family: "Timmons NY",Impact,"Franklin Gothic Bold",sans-serif; font-size: 2.8125rem; font-weight: 400; } .c-results_item_line.-live td,.c-results_item_line.-live th { background-color: #f5f5f5; padding-top: 3rem; padding-bottom: 3rem; } .c-results_item_line a { color: #ccc; font-family: Graphik,Arial,Helvetica,sans-serif; } .c-results_time_hour { padding: 5px; color: #fff; margin-right: 5px; } .c-results_item_get_tickets { padding: 17px 0 17px 30px!important; text-align: right; } .c-results .tc-tickets .o-button,.c-results_item_get_tickets .o-button { padding: .9375rem 1.875rem; border-right: 0; } .c-results .col-vs { width: 5.25rem; } .c-results .col-score,.c-results .col-thumb { width: calc(50px + 4rem); } .c-results .tc-score,.c-results .tc-status,.c-results .tc-thumb,.c-results .tc-vs { text-align: center; } .c-results table { table-layout: fixed; } .c-results tbody .tc { color: #aaa; } .c-results tbody .tc:not(.tc-tickets) a { color: #333; } .c-results tbody .tc:not(.tc-tickets) a:focus,.c-results tbody .tc:not(.tc-tickets) a:hover { text-decoration: underline; } .c-results tbody .tc-score,.c-results tbody .tc-status { color: #242424; } .c-results tbody .tc-tickets { padding-right: 0; text-align: right; } .c-tab-content { display: none; opacity: 0; visibility: hidden; -webkit-transform: translateY(25%); -ms-transform: translateY(25%); transform: translateY(25%); -webkit-transition: opacity,visibility,-webkit-transform; transition: opacity,visibility,-webkit-transform; transition: opacity,transform,visibility; transition: opacity,transform,visibility,-webkit-transform; -webkit-transition-duration: .3s,.3s,0s; transition-duration: .3s,.3s,0s; -webkit-transition-timing-function: cubic-bezier(.645,.045,.355,1); transition-timing-function: cubic-bezier(.645,.045,.355,1); -webkit-transition-delay: 0s; transition-delay: 0s; } .c-tab-content.active { display: block; } .c-tab-content.in { opacity: 1; visibility: visible; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } html.ie9 .c-tab-content { opacity: 1!important; -webkit-transform: none!important; -ms-transform: none!important; transform: none!important; visibility: visible!important; } @media (min-width:1000px) { .tab-content:not(.c-international-content) .c-tab-content.s-content-body { width: 66%; } } @media not print { .c-tab-content_title { position: absolute!important; overflow: hidden; height: 1px; width: 1px; padding: 0; margin: 0; border: 0; clip: rect(0 0 0 0); } } .c-team-list_list { margin-left: -40px; letter-spacing: normal; font-size: 0; } .c-team-list_item { display: inline-block; padding-left: 40px; width: 100%; vertical-align: top; font-size: 1rem; width: 25%; display: inline-block; margin-bottom: 2.5rem; } @media (max-width:1440px) { .c-team-list_item { width: 33.3333333333%; } } @media (max-width:999px) { .c-team-list_item { width: 50%; } } @media (max-width:699px) { .c-team-list_item { width: 100%; } } .c-team-list_rank { font-size: .75rem; font-family: Graphik,Arial,Helvetica,sans-serif; font-weight: 700; color: #ccc; margin-bottom: 1.875rem; } .c-team-list_rank_label { color: #000; margin-left: 15px; } .c-team-list_rank_label:first-child { margin-left: 0; } .c-team-list_rank_value { color: #838383; margin: 0 15px; } .c-team-list_city { font-family: Graphik,Arial,Helvetica,sans-serif; font-weight: 700; font-size: .75rem; padding-top: 30px; position: relative; text-transform: uppercase; } .c-team-list_city::before { content: ""; position: absolute; top: 0; left: 50%; height: 1px; width: 150%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); background-color: #ccc; } @media (max-width:699px) { .c-team-list_city { padding-top: 0; } .c-team-list_city::before { display: none; } } .c-team-entry_logo_wrapper { vertical-align: top!important; padding: 60px; } @media (max-width:1440px) { .c-team-entry_logo_wrapper { padding: 40px; } } @media (max-width:999px) { .c-team-entry_logo_wrapper { padding: 30px; border-bottom: 1px solid #ccc; } .c-team-entry_logo_wrapper.-table-cell { display: block; } } .c-team-entry_logo img { display: block; margin: auto; } @media (max-width:999px) { .c-team-entry_infos.-table-cell { display: block; } } @media (max-width:699px) { .c-team-entry_main.is-table { display: block; } } .c-team-entry_school { position: relative; border-left: 1px solid #ccc; border-right: 1px solid #ccc; } @media (max-width:999px) { .c-team-entry_school { border-left: 0; } } @media (max-width:999px) { .c-team-entry_school.-table-cell { display: block; } } .c-team-entry_school_name { font-family: "Timmons NY",Impact,"Franklin Gothic Bold",sans-serif; text-transform: uppercase; font-weight: 400; font-size: 5.9375rem; color: #000; line-height: 1.1; padding-right: 60px; } @media (max-width:1199px) { .c-team-entry_school_name { font-size: 4.0625rem; line-height: .9; margin: 10px 0; } } .c-team-entry_school_abrev { position: absolute; bottom: 60px; right: 60px; text-transform: uppercase; color: #000; } @media (max-width:999px) { .c-team-entry_school_abrev { position: relative; right: auto; bottom: auto; } } .c-team-entry_rank { vertical-align: bottom; position: relative; } @media (max-width:999px) { .c-team-entry_rank.-table-cell { display: block; } } .c-team-entry_rank_detail { font-family: Graphik,Arial,Helvetica,sans-serif; font-size: .875rem; font-weight: 600; text-transform: none; display: inline-block; vertical-align: bottom; position: absolute; right: 60px; bottom: 60px; color: #000; } @media (max-width:1199px) { .c-team-entry_rank_detail { position: relative; right: 0; bottom: 0; } } .c-entity-entry .c-team-entry_rank_detail { font-weight: 600; margin: 0; } .c-team-entry_results { border-top: 1px solid #ccc; border-left: 1px solid #ccc; border-right: 1px solid #ccc; text-align: center; } .c-team-entry_results:first-child { border-right: 0; } @media (max-width:999px) { .c-team-entry_results { border-left: 0; border-right: 0; } .c-team-entry_results.-table-cell { display: block; } } .c-team-entry_results_value { font-family: "Timmons NY",Impact,"Franklin Gothic Bold",sans-serif; text-transform: uppercase; font-weight: 400; font-size: 11.25rem; color: #000; line-height: .9; } @media (max-width:1599px) { .c-team-entry_results_value { font-size: 7.5rem; } } @media (max-width:1199px) { .c-team-entry_results_value { font-size: 6.25rem; } } @media (max-width:999px) { .c-team-entry_results_value.-table-cell { display: inline-block; width: auto; padding-right: 1.875rem; } } @media (max-width:999px) { .c-team-entry_results_table_wrapper.is-table { display: block; font-size: 0; } } @media (max-width:999px) { .c-team-entry_results_detail.-table-cell { display: inline-block; width: auto; } } .c-team-entry_results_table { color: #000; border-collapse: collapse; width: 100%; text-transform: uppercase; font-size: .75rem; letter-spacing: 1px; } .c-team-entry_results_table td:first-child { padding: 10px 10px 10px 0; } .c-team-entry_results_table td:nth-child(2) { padding: 10px 0 10px 10px; text-align: right; } .c-team-entry_results_table tr:nth-child(2) td { border-bottom: 1px solid #ccc; } @media (max-width:1599px) { .c-team-entry_results_table td:first-child { padding: 5px 5px 5px 0; } .c-team-entry_results_table td:nth-child(2) { padding: 5px 0 5px 5px; text-align: right; } } @media (max-width:1199px) { .c-team-entry_results_table { font-size: .625rem; } .c-team-entry_results_table td:first-child { padding: 3px 3px 3px 0; } .c-team-entry_results_table td:nth-child(2) { padding: 3px 0 3px 3px; text-align: right; } } .c-team-entry_more { background-color: #f4f3f3; } @media (max-width:999px) { .c-team-entry_more { border-top: 1px solid #ccc; } .c-team-entry_more.-table-cell { display: block; } } .c-team-entry_more_item:first-child { border-bottom: 1px solid #ccc; } .c-team-entry_coach { vertical-align: top!important; font-weight: 400; color: #000; } @media (max-width:999px) { .c-team-entry_coach.-table-cell { border-bottom: 1px solid #ccc; display: block; } } .c-team-entry_staff { vertical-align: top!important; font-weight: 400; border-left: 1px solid #ccc; border-right: 1px solid #ccc; color: #000; } @media (max-width:999px) { .c-team-entry_staff { border-left: 0; border-right: 0; } .c-team-entry_staff.-table-cell { display: block; } } .c-team-entry_socials { background-color: #f4f3f3; vertical-align: top; } @media (max-width:999px) { .c-team-entry_socials { border-top: 1px solid #ccc; } .c-team-entry_socials.-table-cell { display: block; } } .c-team-entry_socials_item { padding: 1.25rem 0; } .c-team-entry_socials_item svg { width: 20px; height: 20px; display: block; margin: auto; fill: #000; -webkit-transition: fill .2s cubic-bezier(.215,.61,.355,1); transition: fill .2s cubic-bezier(.215,.61,.355,1); } .c-team-entry_socials_item.-facebook:hover svg { fill: #3b5998; } .c-team-entry_socials_item.-instagram:hover svg { fill: #e0386d; } .c-team-entry_socials_item.-youtube:hover svg { fill: #cc181e; } .c-team-entry_socials_item.-twitter:hover svg { fill: #55acee; } @media (max-width:999px) { .c-team-entry_socials_item { width: 25%; display: inline-block; text-align: center; } } @media (max-width:999px) { .c-team-entry_footer.is-table { display: block; } } .c-boxscore { border: 1px solid #ccc; position: relative; padding-bottom: 3.75rem; } .c-boxscore_vs { position: absolute; top: 50%; left: 100%; -webkit-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); transform: translate(-50%,-50%); font-size: .75rem; border: 1px solid #ccc; border-radius: 50%; background-color: #fff; padding: 10px; font-weight: 500; font-family: Graphik,Arial,Helvetica,sans-serif; line-height: 1; z-index: 10; } @media (max-width:699px) { .c-boxscore_vs { top: 100%; left: 50%; -webkit-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); transform: translate(-50%,-50%); } } @media (max-width:699px) { .c-boxscore_detail .c-boxscore_vs { left: 100%; } } .c-boxscore_label { font-weight: 700; text-transform: uppercase; font-size: .75rem; letter-spacing: 1px; line-height: 1.2; } .c-boxscore_table { border-collapse: collapse; margin: 0 auto; min-width: 70%; font-size: .75rem; -webkit-overflow-scrolling: touch; } .c-boxscore_table th { border-bottom: 1px solid #ccc; } .c-boxscore_table td,.c-boxscore_table th { text-align: left; vertical-align: top; } .c-boxscore_table th { text-transform: uppercase; padding: 0 .9375rem .9375rem 0; } .c-boxscore_table td { padding: .9375rem .9375rem 0 0; } .c-boxscore_table td:first-child { text-transform: uppercase; } .c-boxscore_table.-goals tr:first-child td { padding: .9375rem .625rem 0 0; } .c-boxscore_table.-goals td { padding: .3125rem .625rem 0 0; } @media (max-width:999px) { .c-boxscore_table { min-width: inherit; width: calc(100% - 60px); margin: 2.5rem auto; } } .c-mainblock.-scores .c-boxscore_table { width: 100%; } .c-boxscore_link { color: #ff3e2e; text-transform: none; } .c-boxscore_text { color: #ccc; text-align: center; font-size: .875rem; font-weight: 700; } @media (max-width:999px) { .c-boxscore_text { padding: 0 1.875rem; } } .c-boxscore_countdown_table { border-top: 1px solid #ccc; } .c-boxscore_countdown_item { position: relative; border-left: 1px solid #ccc; } .c-boxscore_countdown_item::after { content: ""; display: block; padding-bottom: 100%; } .c-boxscore_countdown_item:first-child { border-left: 0; } @media (max-width:1199px) { .c-boxscore_countdown_item { padding: 1.25rem; } } @media (max-width:699px) { .c-boxscore_countdown_item { border-top: 1px solid #ccc; border-left: 0; width: 50%!important; } .c-boxscore_countdown_item:first-child { border-left: 0; border-top: 0; } .c-boxscore_countdown_item:nth-child(2) { border-top: 0; border-left: 1px solid #ccc; } .c-boxscore_countdown_item:nth-child(4) { border-left: 1px solid #ccc; } } .c-boxscore_countdown_label { font-family: Graphik,Arial,Helvetica,sans-serif; font-size: .75rem; text-transform: uppercase; letter-spacing: 2px; color: #9c9c9c; text-align: center; display: block; } .c-boxscore_countdown_value { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); transform: translate(-50%,-50%); color: #000; font-family: "Timmons NY",Impact,"Franklin Gothic Bold",sans-serif; font-size: 13.75rem; } @media (max-width:1440px) { .c-boxscore_countdown_value { font-size: 12.5rem; } } @media (max-width:999px) { .c-boxscore_countdown_value { font-size: 6.25rem; } } @media (max-width:699px) { .c-boxscore_countdown_value { font-size: 5rem; } } .c-boxscore_detail { border-style: solid; border-color: #ccc; border-width: 1px 1px 3px 1px; margin-bottom: 3.75rem; } .c-boxscore_header { padding: 30px 50px; border-bottom: 1px solid #ccc; position: relative; z-index: 10; } @media (max-width:999px) { .c-boxscore_header { padding: 0; } } @media (max-width:999px) { .c-boxscore_header .o-category { margin: 1.25rem 1.875rem; display: block; } } .c-boxscore_header_infos { float: right; font-weight: 700; } @media (max-width:1199px) { .c-boxscore_header_infos { font-size: .875rem; } } @media (max-width:999px) { .c-boxscore_header_infos { float: none; padding: 0 1.875rem; margin-bottom: 1.25rem; } } .c-boxscore_header_place { position: absolute; top: 0; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); border-bottom: 1px solid #ccc; border-left: 1px solid #ccc; border-right: 1px solid #ccc; text-align: center; background-color: #fff; padding: 1.375rem 3.75rem; color: #9c9c9c; font-size: .75rem; } @media (max-width:999px) { .c-boxscore_header_place { position: relative; left: 0; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); padding: 1.25rem 1.875rem; border: 0; text-align: left; border-top: 1px solid #ccc; font-size: .875rem; } } .c-boxscore_header_place_stadium { color: #000; font-weight: 700; text-transform: uppercase; font-size: .875rem; } .c-boxscore_header_place_school { font-size: .625rem; font-weight: 400; } @media (max-width:999px) { .c-boxscore_header_place_school { display: inline-block; vertical-align: middle; font-size: .875rem; line-height: 1; } } .c-boxscore_detail_main { position: relative; } @media (max-width:999px) { .c-boxscore_detail_main { display: -webkit-box; display: -ms-flexbox; display: flex; border-bottom: 1px solid #ccc; padding: 0 .9375rem!important; } } .c-boxscore_detail_team,.c-boxscore_detail_team_infos { font-size: 0; } .c-boxscore_detail_score,.c-boxscore_detail_team_infos,.c-boxscore_detail_team_logo,.c-boxscore_detail_team_name { vertical-align: middle; } .c-boxscore_detail_team { position: relative; } .c-boxscore_detail_team:first-child { border-right: 1px solid #ccc; } .c-boxscore_detail_team:first-child.-no-border { border: 0!important; } @media (max-width:999px) { .c-boxscore_detail_team { text-align: center; } } .c-boxscore_detail_team.-reverse { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; } @media (max-width:999px) { .c-boxscore_detail_team { display: -webkit-box; display: -ms-flexbox; display: flex; width: 50%; margin-top: 0; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin: 0!important; padding: 2.5rem 0!important; } .c-boxscore_detail_team.-reverse { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } .c-boxscore_detail_team:first-child.-no-border { border-right: 1px solid #ccc!important; } } .c-boxscore_detail_team_logo { padding: .625rem; } .c-boxscore_detail_team_logo img { display: block; margin: auto; } .c-boxscore_detail_team_name { font-size: 1.5625rem; letter-spacing: 3px; text-transform: uppercase; font-weight: 700; } .c-boxscore_detail_team:nth-child(2) .c-boxscore_detail_team_name { text-align: right; } @media (max-width:999px) { .c-boxscore_detail_team:nth-child(2) .c-boxscore_detail_team_name { text-align: center; } } .c-boxscore_detail_team.-reverse .c-boxscore_detail_team_name { text-align: left; } @media (max-width:1599px) { .c-boxscore_detail_team_name { font-size: 1.125rem; } } @media (max-width:1199px) { .c-boxscore_detail_team_name { font-size: 1rem; } } @media (max-width:999px) { .c-boxscore_detail_team_name { display: none; } } .c-boxscore_detail_team_name_mobile { font-size: 1rem; letter-spacing: 3px; text-transform: uppercase; font-weight: 700; text-align: center; margin-top: 10px; } @media (min-width:1000px) { .c-boxscore_detail_team_name_mobile { display: none; } } .c-boxscore_detail_team_background { color: #9c9c9c; font-size: 1.25rem; display: block; } @media (max-width:1599px) { .c-boxscore_detail_team_background { font-size: 1rem; } } @media (max-width:1199px) { .c-boxscore_detail_team_background { font-size: .875rem; } } .c-boxscore_detail_score { font-family: "Timmons NY",Impact,"Franklin Gothic Bold",sans-serif; font-size: 11.25rem; line-height: 1; text-align: center; } .c-boxscore_detail_score.-tiny { font-size: 6.25rem; } @media (max-width:1440px) { .c-boxscore_detail_score.-tiny { font-size: 5rem; } } @media (max-width:1199px) { .c-boxscore_detail_score.-tiny { font-size: 3.75rem; } } @media (max-width:999px) { .c-boxscore_detail_score { font-size: 3.75rem; } } .c-boxscore_detail_content { border-top: 1px solid #ccc; position: relative; } .c-boxscore_detail.-upcoming .c-boxscore_detail_content { padding-bottom: 1.875rem; } @media (max-width:999px) { .c-boxscore_detail_content { padding: 0 0 1.875rem 0; } } .c-boxscore_detail_content_moment { font-size: 1rem; position: absolute; top: 0; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); text-align: center; display: block; } @media (max-width:999px) { .c-boxscore_detail_content_moment { position: relative; -webkit-transform: none; -ms-transform: none; transform: none; left: 0; margin-bottom: 1.25rem; overflow: auto; } } .c-boxscore_detail_content_moment_value { padding: 5px; color: #fff; text-transform: uppercase; font-weight: 700; font-size: 1.25rem; display: inline-block; line-height: 1; background-color: #000; } .c-boxscore_detail_content_moment_value.-ticket { padding: 1.25rem 1.875rem; letter-spacing: 5px; font-weight: 400; font-size: .875rem; } @media (max-width:999px) { .c-boxscore_detail_content_moment_value { padding: 1.875rem; } .c-boxscore_detail_content_moment_value.-ticket { padding: 1.875rem; } } .c-boxscore_detail_content_moment_period { font-size: .75rem; font-weight: 700; margin-top: .5em; display: block; } @media (max-width:999px) { .c-boxscore_detail_content_moment_period { margin-top: .25em; font-size: .875rem; } } .c-boxscore_detail_calltoaction { color: #fff; display: block; text-align: center; font-family: "Timmons NY",Impact,"Franklin Gothic Bold",sans-serif; text-transform: uppercase; font-size: 3.4375rem; letter-spacing: 3px; line-height: 1; padding: 1.875rem 0; font-weight: 400; } @media (max-width:999px) { .c-boxscore_detail_calltoaction { font-size: 2.5rem; letter-spacing: 2px; } } .c-boxscore_details_more { background-color: #f0f0f0; border-top: 1px solid #ccc; font-weight: 700; display: table; width: 100%; } .c-boxscore_details_more_files,.c-boxscore_details_more_informations,.c-boxscore_details_more_officials { padding: 1.875rem 3.75rem; font-size: 0; display: table-cell; width: 50%; } @media (max-width:999px) { .c-boxscore_details_more_files,.c-boxscore_details_more_informations,.c-boxscore_details_more_officials { padding: 1.875rem; } } @media (max-width:699px) { .c-boxscore_details_more_files,.c-boxscore_details_more_informations,.c-boxscore_details_more_officials { width: 100%; display: block; } .c-boxscore_details_more_files:first-child,.c-boxscore_details_more_informations:first-child,.c-boxscore_details_more_officials:first-child { border-bottom: 1px solid #ccc; } } .c-boxscore_details_more_officials { border-right: 1px solid #ccc; } @media (max-width:699px) { .c-boxscore_details_more_officials { border-right: 0; } } .c-boxscore_details_more_label { display: inline-block; vertical-align: top; } .c-boxscore_details_more_officials_list { display: inline-block; vertical-align: top; margin: 0; padding: 0; } .c-boxscore_details_more_officials_list li { display: block; line-height: 1.2; margin-bottom: .9375rem; padding-left: 3.75rem; font-size: .875rem; } .c-boxscore_details_more_officials_list li span { color: #9c9c9c; } @media (max-width:999px) { .c-boxscore_details_more_officials_list li { padding-left: 0; margin-top: 1.25rem; } } .c-boxscore_details_more_files_inner { font-size: 0; text-align: center; } .c-boxscore_details_more_files_item { border: 1px solid #ccc; padding: .9375rem; text-align: left; } .c-boxscore_details_more_files_item svg { fill: #9c9c9c; width: 18px; height: 18px; margin-right: 15px; display: inline-block; vertical-align: middle; } .c-boxscore_details_more_files_item:not(:first-child) { border-left: 0; } @media (max-width:1440px) { .c-boxscore_details_more_files_item { width: 50%; } .c-boxscore_details_more_files_item:nth-child(1),.c-boxscore_details_more_files_item:nth-child(2) { border-bottom: 0; } .c-boxscore_details_more_files_item:nth-child(3) { border-left: 1px solid #ccc; } } @media (max-width:699px) { .c-boxscore_details_more_files_item { width: 100%; border-bottom: 1px solid #ccc!important; border-top: 0; } .c-boxscore_details_more_files_item:first-child { border-top: 1px solid #ccc; } .c-boxscore_details_more_files_item:nth-child(2),.c-boxscore_details_more_files_item:nth-child(3),.c-boxscore_details_more_files_item:nth-child(4) { border-left: 1px solid #ccc; } } .c-boxscore_details_more_informations { border-right: 1px solid #ccc; } .c-boxscore_details_more_informations_content { display: inline-block; vertical-align: top; margin: 0; padding: 0; color: #9c9c9c; padding-left: 3.75rem; } .c-boxscore_details_more_informations_content p { margin: 0; line-height: 1.2; font-size: .875rem; } @media (max-width:999px) { .c-boxscore_details_more_informations_content { display: block; padding: 0; margin-top: 1.25rem; } } .c-boxscore_detail_date { max-width: 400px; font-size: 1.5rem; letter-spacing: 5px; text-align: center; margin: 1.875rem auto; font-weight: 700; text-transform: uppercase; line-height: 1.2; } @media (max-width:999px) { .c-boxscore_detail_date { padding: 0 1.875rem; font-size: 1.125rem; letter-spacing: 1px; } } @media (max-width:999px) { .c-boxscore_scores_type { display: none; } } .c-boxscore_more { position: absolute; bottom: 0; right: 0; } @media (max-width:999px) { .c-boxscore_more { left: 0; width: 100%; } } .c-search_form { position: relative; overflow: auto; z-index: 0; } .c-search_form input { color: #fff; margin: 3.75rem 0; } @media (max-width:999px) { .c-search_form input { margin: 2.5rem 0; } } @media (max-width:699px) { .c-search_form input { margin: 1.875rem 0; } } .c-search_form::before { content: ""; background-color: #ff3e2e; position: absolute; top: 0; bottom: 0; right: 0; left: 0; z-index: -1; -webkit-transform-origin: center top; -ms-transform-origin: center top; transform-origin: center top; -webkit-transform: scaleY(1); -ms-transform: scaleY(1); transform: scaleY(1); -webkit-transition: -webkit-transform .6s cubic-bezier(.645,.045,.355,1) 0s; transition: -webkit-transform .6s cubic-bezier(.645,.045,.355,1) 0s; transition: transform .6s cubic-bezier(.645,.045,.355,1) 0s; transition: transform .6s cubic-bezier(.645,.045,.355,1) 0s,-webkit-transform .6s cubic-bezier(.645,.045,.355,1) 0s; } .c-search_form::after { display: none; } .c-nav_search .c-search_form::before { -webkit-transform: scaleY(0); -ms-transform: scaleY(0); transform: scaleY(0); } .js-nav-item.is-active .c-search_form::before { -webkit-transform: scaleY(1); -ms-transform: scaleY(1); transform: scaleY(1); -webkit-transition: -webkit-transform .6s cubic-bezier(.645,.045,.355,1) 1s; transition: -webkit-transform .6s cubic-bezier(.645,.045,.355,1) 1s; transition: transform .6s cubic-bezier(.645,.045,.355,1) 1s; transition: transform .6s cubic-bezier(.645,.045,.355,1) 1s,-webkit-transform .6s cubic-bezier(.645,.045,.355,1) 1s; } .c-search_input { background-color: transparent; color: #000; font-size: 5rem; font-weight: 400; font-family: "Timmons NY",Impact,"Franklin Gothic Bold",sans-serif; text-transform: uppercase; display: block; } .c-search_input::-webkit-input-placeholder { color: #000; } .c-search_input:-ms-input-placeholder { color: #000; } .c-search_input::placeholder { color: #000; } @media (max-width:1199px) { .c-search_input { font-size: 3.75rem; } } @media (max-width:699px) { .c-search_input { font-size: 2.5rem; } } .c-search_results_wrapper { margin-top: 3.75rem; } .c-search_results_heading { display: block; text-align: center; color: #ccc; font-size: 1.875rem; font-weight: 600; font-family: Graphik,Arial,Helvetica,sans-serif; } .c-search_results_section { padding-bottom: 5rem; } .c-search_results_title { font-family: Graphik,Arial,Helvetica,sans-serif; font-weight: 500; font-size: 1.375rem; margin-bottom: 1.25rem; } .c-search_results_title sup { font-size: .875rem; color: #ccc; } .c-search_results_page_list_item { display: block; } .c-search_results_page_list_item a { color: #ccc; display: block; padding: 1.875rem 0; font-size: 1.375rem; font-weight: 500; font-family: Graphik,Arial,Helvetica,sans-serif; border-bottom: 1px solid #ccc; } .c-search_results_page_list_item:first-child a { border-top: 1px solid #ccc; } .c-search_noresults { text-align: center; padding: 7.5rem 0; } .c-search_noresults_title { text-transform: uppercase; font-family: "Timmons NY",Impact,"Franklin Gothic Bold",sans-serif; font-weight: 400; font-size: 3.75rem; margin-bottom: 10px; line-height: 1; } .c-search_noresults_label { color: #ff3e2e; margin: 0; } .c-search_results_list { border: 1px solid #ccc; } .c-search_results_list_item { border-top: 1px solid #ccc; } .c-search_results_list_item:first-child { border-top: 0; } .c-search_results_list_item svg { display: inline-block; width: 20px; height: 20px; vertical-align: middle; fill: #ccc; } .c-search_results_list_item_link { display: block; padding: 1.25rem; -webkit-transition: background-color .3s cubic-bezier(.215,.61,.355,1); transition: background-color .3s cubic-bezier(.215,.61,.355,1); } .c-search_results_list_item_link:hover { background-color: #f5f5f5; } .c-search_results_list_item_label { text-transform: uppercase; font-size: .625rem; } .c-search_results_list_item_label.-red { color: #ff3e2e; } @media (max-width:999px) { .c-search_results_list_header { display: inline-block; width: 75%; } } @media (max-width:699px) { .c-search_results_list_header { width: 100%; } } @media (max-width:999px) { .c-search_results_list_side { display: inline-block; width: 25%; } } @media (max-width:699px) { .c-search_results_list_side { display: none; } } .c-search_results_list_header,.c-search_results_list_side { vertical-align: middle; } .c-results_list_news_date_wrapper { vertical-align: top; } @media (max-width:699px) { .c-results_list_news_date_wrapper { display: block; } } .c-search_results_pages_title { display: inline-block; vertical-align: middle; line-height: 1; padding-left: .9375rem; font-size: 1.125rem; } @media (max-width:699px) { .c-search_results_pages_title { font-size: 1rem; } } .c-search_results_news_content { color: #000; padding: 1.875rem; } @media (max-width:999px) { .c-search_results_news_content { display: inline-block; width: 66.6666666667%; padding: 1.25rem; } } @media (max-width:699px) { .c-search_results_news_content { width: 100%; padding: 1.25rem 0; } } .c-search_results_news_title { font-size: 1.125rem; font-weight: 400; font-family: Graphik,Arial,Helvetica,sans-serif; margin-top: 1.25rem; } @media (max-width:699px) { .c-search_results_news_title { font-size: 1rem; } } .c-search_results_news_date { padding: 1.875rem; font-weight: 700; font-size: .625rem; display: block; } @media (max-width:999px) { .c-search_results_news_date { padding: 1.25rem; } } @media (max-width:999px) { .c-search_results_news_image { display: inline-block; width: 33.3333333333%; } } @media (max-width:699px) { .c-search_results_news_image { width: 100%; } } .c-search_results_teams_title { display: inline-block; vertical-align: middle; line-height: 1; padding-left: .9375rem; font-size: 1.125rem; } @media (max-width:699px) { .c-search_results_teams_title { font-size: 1rem; } } .c-search_results_teams_picture { display: inline-block; vertical-align: middle; overflow: hidden; border-radius: 50%; width: 40px; height: 40px; } .c-search_results_teams_picture img { height: 100%; } .c-entity-entry { font-family: Graphik,Arial,Helvetica,sans-serif; font-size: .875rem; font-weight: 600; color: #9c9c9c; } .c-entity-entry p { margin-bottom: 0; font-weight: 400; } .c-entity-entry li { color: #000; font-weight: 400; display: block; } .c-entity-entry abbr[title] { text-decoration: none; } .c-entity-entry .o-category { color: #000; } .c-entity-entry .u-n\/a { color: #9c9c9c; } .c-entity-entry_label { font-weight: 700; text-transform: uppercase; font-size: .875rem; letter-spacing: 1px; line-height: 1.2; margin-bottom: 1.25rem; color: #000; display: block; } .c-entity-entry_label.-gray { color: #9c9c9c; } @media (max-width:1599px) { .c-entity-entry_label { font-size: .75rem; } } @media (max-width:1440px) { .c-entity-entry_label { font-size: .625rem; } } .c-entity-entry_image { position: relative; overflow: hidden; z-index: -1; } .c-entity-entry_image img { display: block; width: 100%; max-width: inherit; -webkit-transform: translateY(-60px); -ms-transform: translateY(-60px); transform: translateY(-60px); -webkit-transition: -webkit-transform .6s cubic-bezier(.645,.045,.355,1); transition: -webkit-transform .6s cubic-bezier(.645,.045,.355,1); transition: transform .6s cubic-bezier(.645,.045,.355,1); transition: transform .6s cubic-bezier(.645,.045,.355,1),-webkit-transform .6s cubic-bezier(.645,.045,.355,1); } .dom-is-loaded .c-entity-entry_image img { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); -webkit-transition: -webkit-transform .6s cubic-bezier(.645,.045,.355,1) 1.2s; transition: -webkit-transform .6s cubic-bezier(.645,.045,.355,1) 1.2s; transition: transform .6s cubic-bezier(.645,.045,.355,1) 1.2s; transition: transform .6s cubic-bezier(.645,.045,.355,1) 1.2s,-webkit-transform .6s cubic-bezier(.645,.045,.355,1) 1.2s; } .dom-is-reloaded .c-entity-entry_image img { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); -webkit-transition: -webkit-transform .6s cubic-bezier(.645,.045,.355,1) .6s; transition: -webkit-transform .6s cubic-bezier(.645,.045,.355,1) .6s; transition: transform .6s cubic-bezier(.645,.045,.355,1) .6s; transition: transform .6s cubic-bezier(.645,.045,.355,1) .6s,-webkit-transform .6s cubic-bezier(.645,.045,.355,1) .6s; } .dom-is-loading .c-entity-entry_image img { -webkit-transform: translateY(-20px); -ms-transform: translateY(-20px); transform: translateY(-20px); } .c-entity-entry_image::before { content: ""; position: absolute; top: 0; bottom: 0; right: 0; left: 0; background-color: rgba(0,0,0,.7); z-index: 5; } .c-entity-entry_image::after { content: ""; background-color: #fff; position: absolute; top: 0; bottom: 0; right: 0; left: 0; z-index: 10; -webkit-transform-origin: center bottom; -ms-transform-origin: center bottom; transform-origin: center bottom; -webkit-transform: scaleY(1); -ms-transform: scaleY(1); transform: scaleY(1); -webkit-transition: -webkit-transform .6s cubic-bezier(.645,.045,.355,1); transition: -webkit-transform .6s cubic-bezier(.645,.045,.355,1); transition: transform .6s cubic-bezier(.645,.045,.355,1); transition: transform .6s cubic-bezier(.645,.045,.355,1),-webkit-transform .6s cubic-bezier(.645,.045,.355,1); } .dom-is-loaded .c-entity-entry_image::after { -webkit-transform: scaleY(0); -ms-transform: scaleY(0); transform: scaleY(0); -webkit-transition: -webkit-transform .6s cubic-bezier(.645,.045,.355,1) 1.2s; transition: -webkit-transform .6s cubic-bezier(.645,.045,.355,1) 1.2s; transition: transform .6s cubic-bezier(.645,.045,.355,1) 1.2s; transition: transform .6s cubic-bezier(.645,.045,.355,1) 1.2s,-webkit-transform .6s cubic-bezier(.645,.045,.355,1) 1.2s; } .dom-is-reloaded .c-entity-entry_image::after { -webkit-transform: scaleY(0); -ms-transform: scaleY(0); transform: scaleY(0); -webkit-transition: -webkit-transform .6s cubic-bezier(.645,.045,.355,1) 1s; transition: -webkit-transform .6s cubic-bezier(.645,.045,.355,1) 1s; transition: transform .6s cubic-bezier(.645,.045,.355,1) 1s; transition: transform .6s cubic-bezier(.645,.045,.355,1) 1s,-webkit-transform .6s cubic-bezier(.645,.045,.355,1) 1s; } .dom-is-loading .c-entity-entry_image::after { -webkit-transform: scaleY(1); -ms-transform: scaleY(1); transform: scaleY(1); } @media (max-width:1199px) { .c-entity-entry_image { z-index: 0; } } .c-entity-entry_bold { color: #000; } .c-entity-entry_uppercase { text-transform: uppercase; letter-spacing: 3px; font-weight: 400; } .c-entity-entry_inner { margin-top: -150px; background-color: #fff; -webkit-transform: translateY(150px); -ms-transform: translateY(150px); transform: translateY(150px); -webkit-transition: -webkit-transform .6s cubic-bezier(.645,.045,.355,1); transition: -webkit-transform .6s cubic-bezier(.645,.045,.355,1); transition: transform .6s cubic-bezier(.645,.045,.355,1); transition: transform .6s cubic-bezier(.645,.045,.355,1),-webkit-transform .6s cubic-bezier(.645,.045,.355,1); } .dom-is-loaded .c-entity-entry_inner { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); -webkit-transition: -webkit-transform .6s cubic-bezier(.645,.045,.355,1) 1.1s; transition: -webkit-transform .6s cubic-bezier(.645,.045,.355,1) 1.1s; transition: transform .6s cubic-bezier(.645,.045,.355,1) 1.1s; transition: transform .6s cubic-bezier(.645,.045,.355,1) 1.1s,-webkit-transform .6s cubic-bezier(.645,.045,.355,1) 1.1s; } .dom-is-reloaded .c-entity-entry_inner { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); -webkit-transition: -webkit-transform .6s cubic-bezier(.645,.045,.355,1) 1s; transition: -webkit-transform .6s cubic-bezier(.645,.045,.355,1) 1s; transition: transform .6s cubic-bezier(.645,.045,.355,1) 1s; transition: transform .6s cubic-bezier(.645,.045,.355,1) 1s,-webkit-transform .6s cubic-bezier(.645,.045,.355,1) 1s; } .dom-is-loading .c-entity-entry_inner { -webkit-transform: translateY(150px); -ms-transform: translateY(150px); transform: translateY(150px); } @media (max-width:699px) { .c-entity-entry_inner { margin-top: -50px; } } .c-entity-entry_table { width: 100%; } .c-entity-entry_table.-border { border-bottom: 1px solid #ccc; border-left: 1px solid #ccc; border-right: 1px solid #ccc; } .c-entity-entry_table.-border:first-child { border-top: 1px solid #ccc; } .c-entity-entry_table a { color: #ff3e2e; text-decoration: underline; } .c-entity-entry_flex_container { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-line-pack: stretch; align-content: stretch; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .c-entity-entry_flex_container.-border { border-bottom: 1px solid #ccc; border-left: 1px solid #ccc; border-right: 1px solid #ccc; } .c-entity-entry_flex_container.-border:first-child { border-top: 1px solid #ccc; } .c-entity-entry_flex_container a { color: #ff3e2e; text-decoration: underline; } @media (max-width:999px) { .c-entity-entry_flex_container { display: block; } } .c-entity-entry_flex { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; } @media (max-width:999px) { .c-entity-entry_flex { display: block; } } .c-entity-entry_value { font-family: "Timmons NY",Impact,"Franklin Gothic Bold",sans-serif; text-transform: uppercase; font-weight: 400; font-size: 11.25rem; color: #000; line-height: .9; } @media (max-width:1599px) { .c-entity-entry_value { font-size: 9.375rem; } } .c-profile-entry_main { padding: 0; } @media (max-width:999px) { .c-profile-entry_main { border-bottom: 1px solid #ccc; } } .c-profile-entry_infos { background-color: #f4f3f3; } .c-profile-entry_infos,.c-profile-entry_main { vertical-align: top!important; } @media (max-width:999px) { .c-profile-entry_infos.-table-cell,.c-profile-entry_main.-table-cell { display: block; } } .c-profile-entry_picture { position: relative; padding: 60px; vertical-align: top!important; } @media (max-width:1440px) { .c-profile-entry_picture { padding: 40px; } } @media (max-width:999px) { .c-profile-entry_picture { padding: 30px; } .c-profile-entry_picture.-table-cell { display: block; max-width: 300px; margin: auto; } } .c-profile-entry_picture_value_wrapper { position: relative; } .c-profile-entry_picture_value { width: 100%; overflow: hidden; border-radius: 50%; background-position: center center; background-size: cover; background-color: #ccc; } .c-profile-entry_picture_value::after { content: ""; display: block; padding-bottom: 100%; } .c-profile-entry_team { display: block; max-width: 30%; position: absolute; bottom: 0; right: 0; } .c-profile-entry_team img { display: block; } .c-profile-entry_rank { border-bottom: 1px solid #ccc; } [data-sport=basketball] .c-profile-entry_rank { background-color: #ff803f; } [data-sport=cross-country] .c-profile-entry_rank { background-color: #a6ea00; } [data-sport=curling] .c-profile-entry_rank { background-color: #32d8ea; } [data-sport=field-hockey] .c-profile-entry_rank { background-color: #cea9ff; } [data-sport=football] .c-profile-entry_rank { background-color: #e2ed00; } [data-sport=hockey] .c-profile-entry_rank { background-color: #ff3e2e; } [data-sport=rugby] .c-profile-entry_rank { background-color: #05ce7c; } [data-sport=soccer] .c-profile-entry_rank { background-color: #57e55b; } [data-sport=swimming] .c-profile-entry_rank { background-color: #29d9c2; } [data-sport=track-field] .c-profile-entry_rank { background-color: #ff6a3b; } [data-sport=volleyball] .c-profile-entry_rank { background-color: #ffc800; } [data-sport=wrestling] .c-profile-entry_rank { background-color: #00bcf0; } [data-sport=general] .c-profile-entry_rank { background-color: #ff3e2e; } [data-sport=international] .c-profile-entry_rank { background-color: #ff3e2e; } [data-sport=award] .c-profile-entry_rank { background-color: #b9914d; } .c-profile-entry_rank:nth-child(even) { border-left: 1px solid #ccc; } @media (max-width:999px) { .c-profile-entry_rank { display: inline-block!important; width: 50%; text-align: center; } } @media (max-width:699px) { .c-profile-entry_rank { width: 100%; } } .c-profile-entry_infos_details { border-top: 1px solid #ccc; } .c-profile-entry_infos .c-profile-entry_infos_details { border-top: 0; border-left: 0; } @media (max-width:999px) { .c-profile-entry_infos_details { width: 50%; display: inline-block!important; } } @media (min-width:700px) { .c-profile-entry_main .c-profile-entry_infos_details:nth-child(even) { border-left: 1px solid #ccc; } } @media (max-width:699px) { .c-profile-entry_infos_details { width: 100%; } } @media (min-width:1000px) { .c-profile-entry_content { border-left: 1px solid #ccc; border-right: 1px solid #ccc; } } @media (max-width:999px) { .c-profile-entry_content { border-top: 1px solid #ccc; padding-left: 0; } .c-profile-entry_content.-table-cell { display: block; } } .c-profile-entry_name_value { font-family: "Timmons NY",Impact,"Franklin Gothic Bold",sans-serif; text-transform: uppercase; font-weight: 400; font-size: 6.25rem; color: #000; line-height: .9; padding: 69px 60px; } @media (max-width:1599px) { .c-profile-entry_name_value { font-size: 6rem; } } @media (max-width:1440px) { .c-profile-entry_name_value { padding: 40px; } } @media (max-width:999px) { .c-profile-entry_name_value { padding: 30px; } } .c-profile-entry_name_value br~br { display: none; } .c-profile-entry_details { background-color: #f4f3f3; border-left: 1px solid #ccc; border-right: 1px solid #ccc; } .c-profile-entry_detail { text-align: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; border-bottom: 1px solid #ccc; } .c-profile-entry_detail_value { font-family: "Timmons NY",Impact,"Franklin Gothic Bold",sans-serif; text-transform: uppercase; font-weight: 400; font-size: 5.9375rem; color: #000; line-height: .9; display: block; } @media (max-width:1440px) { .c-profile-entry_detail_value { font-size: 4.375rem; } } .c-leader_wrapper { margin-left: -30px; letter-spacing: normal; font-size: 0; } .c-leader { display: inline-block; padding-left: 30px; width: 100%; vertical-align: top; font-size: 1rem; width: 50%; margin-bottom: 1.875rem; } @media (max-width:699px) { .c-leader { width: 100%; } } .c-leader_header { padding: 30px 50px; border-bottom: 1px solid #ccc; position: relative; z-index: 10; text-transform: uppercase; font-family: Graphik,Arial,Helvetica,sans-serif; font-weight: 600; font-size: .75rem; letter-spacing: .166666em; } .c-leader_inner { border: 1px solid #ccc; } .c-leader_list { border-collapse: collapse; font-size: 1rem; font-weight: 500; font-family: Graphik,Arial,Helvetica,sans-serif; width: 100%; border-left: 1px solid #ccc; line-height: 1; } .c-leader_list td { vertical-align: middle; padding: 1.5625rem; border-top: 1px solid #ccc; position: relative; z-index: 10; } tr:first-child .c-leader_list td { border-top: 0; } .c-leader_list td::after { content: ""; position: absolute; top: 0; bottom: 0; right: 0; left: 0; background-color: #ff3e2e; z-index: -1; -webkit-transform-origin: center bottom; -ms-transform-origin: center bottom; transform-origin: center bottom; -webkit-transform: scaleY(0); -ms-transform: scaleY(0); transform: scaleY(0); -webkit-transition: -webkit-transform .3s cubic-bezier(.215,.61,.355,1); transition: -webkit-transform .3s cubic-bezier(.215,.61,.355,1); transition: transform .3s cubic-bezier(.215,.61,.355,1); transition: transform .3s cubic-bezier(.215,.61,.355,1),-webkit-transform .3s cubic-bezier(.215,.61,.355,1); background-color: #ff3e2e; } .o-page[data-sport=basketball] .c-leader_list td::after { background-color: #ff803f; } .o-page[data-sport=cross-country] .c-leader_list td::after { background-color: #a6ea00; } .o-page[data-sport=curling] .c-leader_list td::after { background-color: #32d8ea; } .o-page[data-sport=field-hockey] .c-leader_list td::after { background-color: #cea9ff; } .o-page[data-sport=football] .c-leader_list td::after { background-color: #e2ed00; } .o-page[data-sport=hockey] .c-leader_list td::after { background-color: #ff3e2e; } .o-page[data-sport=rugby] .c-leader_list td::after { background-color: #05ce7c; } .o-page[data-sport=soccer] .c-leader_list td::after { background-color: #57e55b; } .o-page[data-sport=swimming] .c-leader_list td::after { background-color: #29d9c2; } .o-page[data-sport=track-field] .c-leader_list td::after { background-color: #ff6a3b; } .o-page[data-sport=volleyball] .c-leader_list td::after { background-color: #ffc800; } .o-page[data-sport=wrestling] .c-leader_list td::after { background-color: #00bcf0; } .o-page[data-sport=general] .c-leader_list td::after { background-color: #ff3e2e; } .o-page[data-sport=international] .c-leader_list td::after { background-color: #ff3e2e; } .o-page[data-sport=award] .c-leader_list td::after { background-color: #b9914d; } @media (max-width:1599px) { .c-leader_list td { padding: 1.25rem; } } @media (max-width:1199px) { .c-leader_list td { padding: .625rem; } } .c-leader_list tr:hover { cursor: pointer; } .c-leader_list tr:hover td::after { -webkit-transform: scaleY(1); -ms-transform: scaleY(1); transform: scaleY(1); } .c-leader_list tr.is-active td::after { -webkit-transform: scaleY(1); -ms-transform: scaleY(1); transform: scaleY(1); } @media (max-width:1199px) { .c-leader_list { font-size: .75rem; } } .c-leader_list_rank { font-family: "Timmons NY",Impact,"Franklin Gothic Bold",sans-serif; font-size: 2.625rem; } .c-leader_entry_wrapper { position: relative; } .c-leader_list_wrapper { border-left: 1px solid #ccc; } .c-leader_entry_item { position: absolute; top: 0; opacity: 0; z-index: -1; -webkit-transition: z-index 0s 1s,opacity 0s 1s; transition: z-index 0s 1s,opacity 0s 1s; } .c-leader_entry_item:first-child { position: relative; } .c-leader_entry_item.is-active { -webkit-transition: z-index 0s,opacity 0s; transition: z-index 0s,opacity 0s; z-index: 10; opacity: 1; } .c-leader_datas { width: 100%; } .c-leader_entry_picture { position: relative; width: 70%; margin: auto; } .c-leader_entry_picture_value { width: 100%; overflow: hidden; border-radius: 50%; background-position: center center; background-size: cover; opacity: 0; -webkit-transform: translateY(20px); -ms-transform: translateY(20px); transform: translateY(20px); -webkit-transition: opacity .3s cubic-bezier(.215,.61,.355,1),-webkit-transform .3s cubic-bezier(.215,.61,.355,1); transition: opacity .3s cubic-bezier(.215,.61,.355,1),-webkit-transform .3s cubic-bezier(.215,.61,.355,1); transition: opacity .3s cubic-bezier(.215,.61,.355,1),transform .3s cubic-bezier(.215,.61,.355,1); transition: opacity .3s cubic-bezier(.215,.61,.355,1),transform .3s cubic-bezier(.215,.61,.355,1),-webkit-transform .3s cubic-bezier(.215,.61,.355,1); } .c-leader_entry_item.is-active .c-leader_entry_picture_value { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); -webkit-transition: opacity .6s cubic-bezier(.215,.61,.355,1) .3s,-webkit-transform .6s cubic-bezier(.215,.61,.355,1) .3s; transition: opacity .6s cubic-bezier(.215,.61,.355,1) .3s,-webkit-transform .6s cubic-bezier(.215,.61,.355,1) .3s; transition: opacity .6s cubic-bezier(.215,.61,.355,1) .3s,transform .6s cubic-bezier(.215,.61,.355,1) .3s; transition: opacity .6s cubic-bezier(.215,.61,.355,1) .3s,transform .6s cubic-bezier(.215,.61,.355,1) .3s,-webkit-transform .6s cubic-bezier(.215,.61,.355,1) .3s; } .c-leader_entry_picture_value::after { content: ""; display: block; padding-bottom: 100%; } .c-leader_entry_team { display: block; max-width: 30%; position: absolute; bottom: 0; right: 0; opacity: 0; -webkit-transform: translateY(20px); -ms-transform: translateY(20px); transform: translateY(20px); -webkit-transition: opacity .3s cubic-bezier(.215,.61,.355,1),-webkit-transform .3s cubic-bezier(.215,.61,.355,1); transition: opacity .3s cubic-bezier(.215,.61,.355,1),-webkit-transform .3s cubic-bezier(.215,.61,.355,1); transition: opacity .3s cubic-bezier(.215,.61,.355,1),transform .3s cubic-bezier(.215,.61,.355,1); transition: opacity .3s cubic-bezier(.215,.61,.355,1),transform .3s cubic-bezier(.215,.61,.355,1),-webkit-transform .3s cubic-bezier(.215,.61,.355,1); } .c-leader_entry_item.is-active .c-leader_entry_team { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); -webkit-transition: opacity .6s cubic-bezier(.215,.61,.355,1) .4s,-webkit-transform .6s cubic-bezier(.215,.61,.355,1) .4s; transition: opacity .6s cubic-bezier(.215,.61,.355,1) .4s,-webkit-transform .6s cubic-bezier(.215,.61,.355,1) .4s; transition: opacity .6s cubic-bezier(.215,.61,.355,1) .4s,transform .6s cubic-bezier(.215,.61,.355,1) .4s; transition: opacity .6s cubic-bezier(.215,.61,.355,1) .4s,transform .6s cubic-bezier(.215,.61,.355,1) .4s,-webkit-transform .6s cubic-bezier(.215,.61,.355,1) .4s; } .c-leader_entry_infos { text-align: center; margin-top: 1.875rem; } @media (max-width:1199px) { .c-leader_entry_infos { margin-top: .9375rem; } } .c-leader_entry_infos_details { display: table; width: 100%; } .c-leader_entry_infos_value { display: table-cell; vertical-align: middle; font-family: "Timmons NY",Impact,"Franklin Gothic Bold",sans-serif; text-transform: uppercase; font-weight: 400; font-size: 5.9375rem; line-height: .9; padding-right: 15px; opacity: 0; -webkit-transform: translateY(20px); -ms-transform: translateY(20px); transform: translateY(20px); -webkit-transition: opacity .3s cubic-bezier(.215,.61,.355,1),-webkit-transform .3s cubic-bezier(.215,.61,.355,1); transition: opacity .3s cubic-bezier(.215,.61,.355,1),-webkit-transform .3s cubic-bezier(.215,.61,.355,1); transition: opacity .3s cubic-bezier(.215,.61,.355,1),transform .3s cubic-bezier(.215,.61,.355,1); transition: opacity .3s cubic-bezier(.215,.61,.355,1),transform .3s cubic-bezier(.215,.61,.355,1),-webkit-transform .3s cubic-bezier(.215,.61,.355,1); } .c-leader_entry_item.is-active .c-leader_entry_infos_value { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); -webkit-transition: opacity .6s cubic-bezier(.215,.61,.355,1) .7s,-webkit-transform .6s cubic-bezier(.215,.61,.355,1) .7s; transition: opacity .6s cubic-bezier(.215,.61,.355,1) .7s,-webkit-transform .6s cubic-bezier(.215,.61,.355,1) .7s; transition: opacity .6s cubic-bezier(.215,.61,.355,1) .7s,transform .6s cubic-bezier(.215,.61,.355,1) .7s; transition: opacity .6s cubic-bezier(.215,.61,.355,1) .7s,transform .6s cubic-bezier(.215,.61,.355,1) .7s,-webkit-transform .6s cubic-bezier(.215,.61,.355,1) .7s; } @media (max-width:1199px) { .c-leader_entry_infos_value { font-size: 3.75rem; } } .c-leader_entry_infos_details { display: table-cell; vertical-align: middle; padding-left: 15px; border-left: 1px solid #ccc; text-align: left; } .c-leader_entry_name { font-size: 1.25rem; font-family: Graphik,Arial,Helvetica,sans-serif; opacity: 0; -webkit-transform: translateY(20px); -ms-transform: translateY(20px); transform: translateY(20px); -webkit-transition: opacity .3s cubic-bezier(.215,.61,.355,1),-webkit-transform .3s cubic-bezier(.215,.61,.355,1); transition: opacity .3s cubic-bezier(.215,.61,.355,1),-webkit-transform .3s cubic-bezier(.215,.61,.355,1); transition: opacity .3s cubic-bezier(.215,.61,.355,1),transform .3s cubic-bezier(.215,.61,.355,1); transition: opacity .3s cubic-bezier(.215,.61,.355,1),transform .3s cubic-bezier(.215,.61,.355,1),-webkit-transform .3s cubic-bezier(.215,.61,.355,1); } .c-leader_entry_item.is-active .c-leader_entry_name { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); -webkit-transition: opacity .6s cubic-bezier(.215,.61,.355,1) .8s,-webkit-transform .6s cubic-bezier(.215,.61,.355,1) .8s; transition: opacity .6s cubic-bezier(.215,.61,.355,1) .8s,-webkit-transform .6s cubic-bezier(.215,.61,.355,1) .8s; transition: opacity .6s cubic-bezier(.215,.61,.355,1) .8s,transform .6s cubic-bezier(.215,.61,.355,1) .8s; transition: opacity .6s cubic-bezier(.215,.61,.355,1) .8s,transform .6s cubic-bezier(.215,.61,.355,1) .8s,-webkit-transform .6s cubic-bezier(.215,.61,.355,1) .8s; } @media (max-width:1199px) { .c-leader_entry_name { font-size: 1rem; } } .c-leader_entry_school { text-transform: uppercase; font-family: Graphik,Arial,Helvetica,sans-serif; font-weight: 600; font-size: .75rem; letter-spacing: .166666em; color: #9c9c9c; margin-top: 20px; opacity: 0; -webkit-transform: translateY(20px); -ms-transform: translateY(20px); transform: translateY(20px); -webkit-transition: opacity .3s cubic-bezier(.215,.61,.355,1),-webkit-transform .3s cubic-bezier(.215,.61,.355,1); transition: opacity .3s cubic-bezier(.215,.61,.355,1),-webkit-transform .3s cubic-bezier(.215,.61,.355,1); transition: opacity .3s cubic-bezier(.215,.61,.355,1),transform .3s cubic-bezier(.215,.61,.355,1); transition: opacity .3s cubic-bezier(.215,.61,.355,1),transform .3s cubic-bezier(.215,.61,.355,1),-webkit-transform .3s cubic-bezier(.215,.61,.355,1); } .c-leader_entry_item.is-active .c-leader_entry_school { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); -webkit-transition: opacity .6s cubic-bezier(.215,.61,.355,1) .9s,-webkit-transform .6s cubic-bezier(.215,.61,.355,1) .9s; transition: opacity .6s cubic-bezier(.215,.61,.355,1) .9s,-webkit-transform .6s cubic-bezier(.215,.61,.355,1) .9s; transition: opacity .6s cubic-bezier(.215,.61,.355,1) .9s,transform .6s cubic-bezier(.215,.61,.355,1) .9s; transition: opacity .6s cubic-bezier(.215,.61,.355,1) .9s,transform .6s cubic-bezier(.215,.61,.355,1) .9s,-webkit-transform .6s cubic-bezier(.215,.61,.355,1) .9s; } @media (max-width:1199px) { .c-leader_entry_school { font-size: .625rem; margin-top: 10px; } } .c-uzone_title { font-weight: 500; font-family: Graphik,Arial,Helvetica,sans-serif; font-size: 2.5rem; line-height: 1.2; } @media (max-width:1199px) { .c-uzone_title { font-size: 1.875rem; } } @media (max-width:999px) { .c-uzone_title { font-size: 1.375rem; } } .c-uzone_text { font-family: aktiv-grotesk,sans-serif; font-size: 1.125rem; } @media (max-width:1199px) { .c-uzone_text { font-size: 1rem; } } .c-uzone_sharer { padding: 10px; border-radius: 50%; } .c-uzone_sharer svg { width: 18px; height: 18px; display: block; fill: #000; } @media (max-width:999px) { .c-uzone_sharer { margin-bottom: 15px; } } .c-uzone_subtitle { text-transform: uppercase; font-size: .625rem; letter-spacing: 10px; font-weight: 400; } .c-uzone_section.-grid { margin-left: -60px; letter-spacing: normal; font-size: 0; display: table; margin-right: 0; } @media (max-width:1440px) { .c-uzone_section.-grid { margin-left: -40px; letter-spacing: normal; font-size: 0; } } @media (max-width:699px) { .c-uzone_section.-grid { margin-left: -30px; letter-spacing: normal; font-size: 0; } } @media (max-width:999px) { .c-uzone_section { margin: 0; } } .c-uzone_section_col { display: inline-block; padding-left: 60px; width: 100%; vertical-align: top; font-size: 1rem; width: 50%; display: table-cell; } @media (max-width:1440px) { .c-uzone_section_col { display: inline-block; padding-left: 40px; width: 100%; vertical-align: top; font-size: 1rem; width: 50%; } } @media (max-width:999px) { .c-uzone_section_col { width: 100%; display: block; margin: 2.5rem 0; } } @media (max-width:699px) { .c-uzone_section_col { margin: 1.875rem 0; padding-left: 1.875rem; } } .c-uzone_images { margin-left: -60px; letter-spacing: normal; font-size: 0; display: table; } @media (max-width:1440px) { .c-uzone_images { margin-left: -40px; letter-spacing: normal; font-size: 0; } } @media (max-width:699px) { .c-uzone_images { margin-left: -30px; letter-spacing: normal; font-size: 0; } } .c-uzone_image { display: inline-block; padding-left: 60px; width: 100%; vertical-align: top; font-size: 1rem; width: 50%; display: table-cell; } @media (max-width:1440px) { .c-uzone_image { display: inline-block; padding-left: 40px; width: 100%; vertical-align: top; font-size: 1rem; width: 50%; } } .c-uzone_image img { width: 100%; max-width: inherit; } .c-uzone_image.-full { display: block; padding: 0; width: 100%; margin-bottom: 2.5rem; } @media (max-width:699px) { .c-uzone_image.-full { margin-bottom: 1.875rem; } } @media (max-width:699px) { .c-uzone_image { width: 100%; display: block; padding-left: 1.875rem; } .c-uzone_image:nth-child(2) { margin-top: 1.875rem; } } .c-uzone_image_inner { position: relative; overflow: hidden; } .c-uzone_image_inner::after { content: ""; position: absolute; top: 0; bottom: 0; right: 0; left: 0; opacity: 0; background-color: rgba(0,0,0,.45); -webkit-transition: opacity .3s cubic-bezier(.645,.045,.355,1); transition: opacity .3s cubic-bezier(.645,.045,.355,1); } @media (min-width:1000px) { .c-uzone_image:hover .c-uzone_image_inner::after { opacity: 1; } } .c-uzone_image_details { position: absolute; top: 0; bottom: 0; right: 0; left: 0; z-index: 10; padding: 1.875rem; -webkit-transform-origin: center bottom; -ms-transform-origin: center bottom; transform-origin: center bottom; -webkit-transform: scaleY(0); -ms-transform: scaleY(0); transform: scaleY(0); -webkit-transition: -webkit-transform .3s cubic-bezier(.645,.045,.355,1) .3s; transition: -webkit-transform .3s cubic-bezier(.645,.045,.355,1) .3s; transition: transform .3s cubic-bezier(.645,.045,.355,1) .3s; transition: transform .3s cubic-bezier(.645,.045,.355,1) .3s,-webkit-transform .3s cubic-bezier(.645,.045,.355,1) .3s; } @media (min-width:1000px) { .c-uzone_image:hover .c-uzone_image_details { -webkit-transform: scaleY(1); -ms-transform: scaleY(1); transform: scaleY(1); -webkit-transition: -webkit-transform .3s cubic-bezier(.645,.045,.355,1); transition: -webkit-transform .3s cubic-bezier(.645,.045,.355,1); transition: transform .3s cubic-bezier(.645,.045,.355,1); transition: transform .3s cubic-bezier(.645,.045,.355,1),-webkit-transform .3s cubic-bezier(.645,.045,.355,1); } } .c-uzone_image.-full .c-uzone_image_details { top: auto; bottom: 1.875rem; right: 1.875rem; left: 1.875rem; } .c-uzone_image_details_text { font-weight: 700; font-family: Graphik,Arial,Helvetica,sans-serif; font-size: 1.375rem; line-height: 1.4; margin-top: 0; -webkit-transform: translateY(20px); -ms-transform: translateY(20px); transform: translateY(20px); opacity: 0; -webkit-transition: opacity .3s cubic-bezier(.215,.61,.355,1),-webkit-transform .3s cubic-bezier(.215,.61,.355,1); transition: opacity .3s cubic-bezier(.215,.61,.355,1),-webkit-transform .3s cubic-bezier(.215,.61,.355,1); transition: transform .3s cubic-bezier(.215,.61,.355,1),opacity .3s cubic-bezier(.215,.61,.355,1); transition: transform .3s cubic-bezier(.215,.61,.355,1),opacity .3s cubic-bezier(.215,.61,.355,1),-webkit-transform .3s cubic-bezier(.215,.61,.355,1); } @media (min-width:1000px) { .c-uzone_image:hover .c-uzone_image_details_text { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); opacity: 1; -webkit-transition: opacity .3s cubic-bezier(.215,.61,.355,1) .3s,-webkit-transform .3s cubic-bezier(.215,.61,.355,1) .3s; transition: opacity .3s cubic-bezier(.215,.61,.355,1) .3s,-webkit-transform .3s cubic-bezier(.215,.61,.355,1) .3s; transition: transform .3s cubic-bezier(.215,.61,.355,1) .3s,opacity .3s cubic-bezier(.215,.61,.355,1) .3s; transition: transform .3s cubic-bezier(.215,.61,.355,1) .3s,opacity .3s cubic-bezier(.215,.61,.355,1) .3s,-webkit-transform .3s cubic-bezier(.215,.61,.355,1) .3s; } } @media (max-width:1440px) { .c-uzone_image_details_text { font-size: 1rem; } } @media (max-width:1199px) { .c-uzone_image_details_text { font-size: .75rem; } } .c-uzone_image_details_id { text-transform: uppercase; font-family: Graphik,Arial,Helvetica,sans-serif; font-size: 1.125rem; -webkit-transform: translateY(20px); -ms-transform: translateY(20px); transform: translateY(20px); opacity: 0; -webkit-transition: opacity .3s cubic-bezier(.215,.61,.355,1),-webkit-transform .3s cubic-bezier(.215,.61,.355,1); transition: opacity .3s cubic-bezier(.215,.61,.355,1),-webkit-transform .3s cubic-bezier(.215,.61,.355,1); transition: transform .3s cubic-bezier(.215,.61,.355,1),opacity .3s cubic-bezier(.215,.61,.355,1); transition: transform .3s cubic-bezier(.215,.61,.355,1),opacity .3s cubic-bezier(.215,.61,.355,1),-webkit-transform .3s cubic-bezier(.215,.61,.355,1); } @media (min-width:1000px) { .c-uzone_image:hover .c-uzone_image_details_id { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); opacity: 1; -webkit-transition: opacity .3s cubic-bezier(.215,.61,.355,1) .4s,-webkit-transform .3s cubic-bezier(.215,.61,.355,1) .4s; transition: opacity .3s cubic-bezier(.215,.61,.355,1) .4s,-webkit-transform .3s cubic-bezier(.215,.61,.355,1) .4s; transition: transform .3s cubic-bezier(.215,.61,.355,1) .4s,opacity .3s cubic-bezier(.215,.61,.355,1) .4s; transition: transform .3s cubic-bezier(.215,.61,.355,1) .4s,opacity .3s cubic-bezier(.215,.61,.355,1) .4s,-webkit-transform .3s cubic-bezier(.215,.61,.355,1) .4s; } } @media (max-width:1440px) { .c-uzone_image_details_id { font-size: .75rem; } } .c-uzone_tweet { padding: 0 2.5rem; margin: 3.75rem 0; border-color: #ff3e2e; border-style: solid; border-width: 0 0 0 10px; } .o-page[data-sport=basketball] .c-uzone_tweet { border-color: #ff803f; } .o-page[data-sport=cross-country] .c-uzone_tweet { border-color: #a6ea00; } .o-page[data-sport=curling] .c-uzone_tweet { border-color: #32d8ea; } .o-page[data-sport=field-hockey] .c-uzone_tweet { border-color: #cea9ff; } .o-page[data-sport=football] .c-uzone_tweet { border-color: #e2ed00; } .o-page[data-sport=hockey] .c-uzone_tweet { border-color: #ff3e2e; } .o-page[data-sport=rugby] .c-uzone_tweet { border-color: #05ce7c; } .o-page[data-sport=soccer] .c-uzone_tweet { border-color: #57e55b; } .o-page[data-sport=swimming] .c-uzone_tweet { border-color: #29d9c2; } .o-page[data-sport=track-field] .c-uzone_tweet { border-color: #ff6a3b; } .o-page[data-sport=volleyball] .c-uzone_tweet { border-color: #ffc800; } .o-page[data-sport=wrestling] .c-uzone_tweet { border-color: #00bcf0; } .o-page[data-sport=general] .c-uzone_tweet { border-color: #ff3e2e; } .o-page[data-sport=international] .c-uzone_tweet { border-color: #ff3e2e; } .o-page[data-sport=award] .c-uzone_tweet { border-color: #b9914d; } @media (max-width:1440px) { .c-uzone_tweet { margin: 2.5rem 0; } } @media (max-width:999px) { .c-uzone_tweet { margin: 2.5rem 0 0 0; } } @media (max-width:699px) { .c-uzone_tweet { margin: 1.875rem 0 0 0; } } .c-uzone_tweet_text { font-weight: 500; font-family: Graphik,Arial,Helvetica,sans-serif; font-size: 1.875rem; line-height: 1.4; } .c-uzone_tweet_text a { color: #9c9c9c; } @media (max-width:1199px) { .c-uzone_tweet_text { font-size: 1.25rem; } } @media (max-width:699px) { .c-uzone_tweet_text { font-size: 1rem; } } .c-uzone_tweet_id { text-transform: uppercase; font-family: Graphik,Arial,Helvetica,sans-serif; font-size: 1.125rem; } @media (max-width:699px) { .c-uzone_tweet_id { font-size: .75rem; } } .c-survey { margin-left: 0; letter-spacing: normal; font-size: 0; display: table; width: 100%; margin-right: 0; overflow: hidden; } .c-survey_answers,.c-survey_question { display: inline-block; font-size: 1rem; vertical-align: top; } .c-survey_question { width: 40%; } @media (max-width:999px) { .c-survey_question { display: block; width: 100%; } } .c-survey_answers { width: 60%; } @media (max-width:999px) { .c-survey_answers { display: block; width: 100%; padding: 0 2.5rem 0 2.5rem!important; } } @media (max-width:699px) { .c-survey_answers { padding: 0 1.875rem 0 1.875rem!important; } } .c-survey_title { font-size: .75rem; text-transform: uppercase; font-family: Graphik,Arial,Helvetica,sans-serif; letter-spacing: 2px; } .c-survey_answers { font-size: 1.25rem; } .c-survey_form { margin-top: 20px; padding: .625rem 0 1.875rem 1.875rem; margin-left: -30px; position: relative; } .c-survey_form::before { content: ""; position: absolute; top: 0; bottom: 0; right: 0; left: 0; background-color: #000; -webkit-transform: scaleX(0); -ms-transform: scaleX(0); transform: scaleX(0); -webkit-transform-origin: center right; -ms-transform-origin: center right; transform-origin: center right; -webkit-transition: -webkit-transform .6s cubic-bezier(.645,.045,.355,1); transition: -webkit-transform .6s cubic-bezier(.645,.045,.355,1); transition: transform .6s cubic-bezier(.645,.045,.355,1); transition: transform .6s cubic-bezier(.645,.045,.355,1),-webkit-transform .6s cubic-bezier(.645,.045,.355,1); } @media (max-width:999px) { .c-survey_form::before { -webkit-transform: scaleY(0); -ms-transform: scaleY(0); transform: scaleY(0); -webkit-transform-origin: center bottom; -ms-transform-origin: center bottom; transform-origin: center bottom; right: -40px; left: -40px; } } .c-survey_form.has-voted::before { -webkit-transform: scaleX(1); -ms-transform: scaleX(1); transform: scaleX(1); } @media (max-width:999px) { .c-survey_form.has-voted::before { -webkit-transform: scaleY(1); -ms-transform: scaleY(1); transform: scaleY(1); } } @media (max-width:999px) { .c-survey_form { margin-left: 0; padding: .625rem 0 0 0; } } .c-survey_form_inner { vertical-align: middle; } .c-survey_form.has-voted .c-survey_checkbox:checked+.c-survey_checkbox_label { color: #ff3e2e; } .c-survey_form.has-voted .c-survey_checkbox:checked+.c-survey_checkbox_label::before { border-color: #ff3e2e; } .o-page[data-sport=basketball] .c-survey_form.has-voted .c-survey_checkbox:checked+.c-survey_checkbox_label { color: #ff803f; } .o-page[data-sport=basketball] .c-survey_form.has-voted .c-survey_checkbox:checked+.c-survey_checkbox_label::before { border-color: #ff803f; } .o-page[data-sport=cross-country] .c-survey_form.has-voted .c-survey_checkbox:checked+.c-survey_checkbox_label { color: #a6ea00; } .o-page[data-sport=cross-country] .c-survey_form.has-voted .c-survey_checkbox:checked+.c-survey_checkbox_label::before { border-color: #a6ea00; } .o-page[data-sport=curling] .c-survey_form.has-voted .c-survey_checkbox:checked+.c-survey_checkbox_label { color: #32d8ea; } .o-page[data-sport=curling] .c-survey_form.has-voted .c-survey_checkbox:checked+.c-survey_checkbox_label::before { border-color: #32d8ea; } .o-page[data-sport=field-hockey] .c-survey_form.has-voted .c-survey_checkbox:checked+.c-survey_checkbox_label { color: #cea9ff; } .o-page[data-sport=field-hockey] .c-survey_form.has-voted .c-survey_checkbox:checked+.c-survey_checkbox_label::before { border-color: #cea9ff; } .o-page[data-sport=football] .c-survey_form.has-voted .c-survey_checkbox:checked+.c-survey_checkbox_label { color: #e2ed00; } .o-page[data-sport=football] .c-survey_form.has-voted .c-survey_checkbox:checked+.c-survey_checkbox_label::before { border-color: #e2ed00; } .o-page[data-sport=hockey] .c-survey_form.has-voted .c-survey_checkbox:checked+.c-survey_checkbox_label { color: #ff3e2e; } .o-page[data-sport=hockey] .c-survey_form.has-voted .c-survey_checkbox:checked+.c-survey_checkbox_label::before { border-color: #ff3e2e; } .o-page[data-sport=rugby] .c-survey_form.has-voted .c-survey_checkbox:checked+.c-survey_checkbox_label { color: #05ce7c; } .o-page[data-sport=rugby] .c-survey_form.has-voted .c-survey_checkbox:checked+.c-survey_checkbox_label::before { border-color: #05ce7c; } .o-page[data-sport=soccer] .c-survey_form.has-voted .c-survey_checkbox:checked+.c-survey_checkbox_label { color: #57e55b; } .o-page[data-sport=soccer] .c-survey_form.has-voted .c-survey_checkbox:checked+.c-survey_checkbox_label::before { border-color: #57e55b; } .o-page[data-sport=swimming] .c-survey_form.has-voted .c-survey_checkbox:checked+.c-survey_checkbox_label { color: #29d9c2; } .o-page[data-sport=swimming] .c-survey_form.has-voted .c-survey_checkbox:checked+.c-survey_checkbox_label::before { border-color: #29d9c2; } .o-page[data-sport=track-field] .c-survey_form.has-voted .c-survey_checkbox:checked+.c-survey_checkbox_label { color: #ff6a3b; } .o-page[data-sport=track-field] .c-survey_form.has-voted .c-survey_checkbox:checked+.c-survey_checkbox_label::before { border-color: #ff6a3b; } .o-page[data-sport=volleyball] .c-survey_form.has-voted .c-survey_checkbox:checked+.c-survey_checkbox_label { color: #ffc800; } .o-page[data-sport=volleyball] .c-survey_form.has-voted .c-survey_checkbox:checked+.c-survey_checkbox_label::before { border-color: #ffc800; } .o-page[data-sport=wrestling] .c-survey_form.has-voted .c-survey_checkbox:checked+.c-survey_checkbox_label { color: #00bcf0; } .o-page[data-sport=wrestling] .c-survey_form.has-voted .c-survey_checkbox:checked+.c-survey_checkbox_label::before { border-color: #00bcf0; } .o-page[data-sport=general] .c-survey_form.has-voted .c-survey_checkbox:checked+.c-survey_checkbox_label { color: #ff3e2e; } .o-page[data-sport=general] .c-survey_form.has-voted .c-survey_checkbox:checked+.c-survey_checkbox_label::before { border-color: #ff3e2e; } .o-page[data-sport=international] .c-survey_form.has-voted .c-survey_checkbox:checked+.c-survey_checkbox_label { color: #ff3e2e; } .o-page[data-sport=international] .c-survey_form.has-voted .c-survey_checkbox:checked+.c-survey_checkbox_label::before { border-color: #ff3e2e; } .o-page[data-sport=award] .c-survey_form.has-voted .c-survey_checkbox:checked+.c-survey_checkbox_label { color: #b9914d; } .o-page[data-sport=award] .c-survey_form.has-voted .c-survey_checkbox:checked+.c-survey_checkbox_label::before { border-color: #b9914d; } .c-survey_checkbox_label { margin-top: 1.875rem; -webkit-transition: color .3s cubic-bezier(.215,.61,.355,1) .4s; transition: color .3s cubic-bezier(.215,.61,.355,1) .4s; color: #000; } .c-survey_form .c-survey_checkbox_label { color: #000; } .c-survey_checkbox_label::before { border-color: #000; } .c-survey_form.has-voted .c-survey_checkbox_label { color: #fff; } .c-survey_form.has-voted .c-survey_checkbox_label::before { border-color: #3b3b3b; -webkit-transition: border-color .3s cubic-bezier(.215,.61,.355,1) .4s; transition: border-color .3s cubic-bezier(.215,.61,.355,1) .4s; } .c-survey_form.has-voted .c-survey_checkbox_label::after { background-color: #fff; -webkit-transition: border-color .3s cubic-bezier(.215,.61,.355,1) .4s; transition: border-color .3s cubic-bezier(.215,.61,.355,1) .4s; } .o-page[data-sport=basketball] .c-survey_form.has-voted .c-survey_checkbox_label::after { background-color: #ff803f; } .o-page[data-sport=cross-country] .c-survey_form.has-voted .c-survey_checkbox_label::after { background-color: #a6ea00; } .o-page[data-sport=curling] .c-survey_form.has-voted .c-survey_checkbox_label::after { background-color: #32d8ea; } .o-page[data-sport=field-hockey] .c-survey_form.has-voted .c-survey_checkbox_label::after { background-color: #cea9ff; } .o-page[data-sport=football] .c-survey_form.has-voted .c-survey_checkbox_label::after { background-color: #e2ed00; } .o-page[data-sport=hockey] .c-survey_form.has-voted .c-survey_checkbox_label::after { background-color: #ff3e2e; } .o-page[data-sport=rugby] .c-survey_form.has-voted .c-survey_checkbox_label::after { background-color: #05ce7c; } .o-page[data-sport=soccer] .c-survey_form.has-voted .c-survey_checkbox_label::after { background-color: #57e55b; } .o-page[data-sport=swimming] .c-survey_form.has-voted .c-survey_checkbox_label::after { background-color: #29d9c2; } .o-page[data-sport=track-field] .c-survey_form.has-voted .c-survey_checkbox_label::after { background-color: #ff6a3b; } .o-page[data-sport=volleyball] .c-survey_form.has-voted .c-survey_checkbox_label::after { background-color: #ffc800; } .o-page[data-sport=wrestling] .c-survey_form.has-voted .c-survey_checkbox_label::after { background-color: #00bcf0; } .o-page[data-sport=general] .c-survey_form.has-voted .c-survey_checkbox_label::after { background-color: #ff3e2e; } .o-page[data-sport=international] .c-survey_form.has-voted .c-survey_checkbox_label::after { background-color: #ff3e2e; } .o-page[data-sport=award] .c-survey_form.has-voted .c-survey_checkbox_label::after { background-color: #b9914d; } @media (max-width:699px) { .c-survey_checkbox_label { margin-top: 1.25rem; font-size: .875rem; } } .c-survey_progress_wrapper { font-size: 0; padding-right: 30%; padding-left: 1.875rem; } @media (max-width:999px) { .c-survey_progress_wrapper { padding-right: 1.875rem; } } .c-survey_progress { display: inline-block; vertical-align: middle; width: calc(100% - 60px); height: 4px; background-color: #3b3b3b; position: relative; -webkit-transform: scaleX(0); -ms-transform: scaleX(0); transform: scaleX(0); -webkit-transform-origin: center left; -ms-transform-origin: center left; transform-origin: center left; -webkit-transition: -webkit-transform .3s cubic-bezier(.215,.61,.355,1) .6s; transition: -webkit-transform .3s cubic-bezier(.215,.61,.355,1) .6s; transition: transform .3s cubic-bezier(.215,.61,.355,1) .6s; transition: transform .3s cubic-bezier(.215,.61,.355,1) .6s,-webkit-transform .3s cubic-bezier(.215,.61,.355,1) .6s; } .c-survey_form.has-voted .c-survey_progress { -webkit-transform: scaleX(1); -ms-transform: scaleX(1); transform: scaleX(1); } .c-survey_progress_bar { position: absolute; top: 0; bottom: 0; left: 0; width: 0; -webkit-transform-origin: center left; -ms-transform-origin: center left; transform-origin: center left; -webkit-transition: width .3s cubic-bezier(.215,.61,.355,1) .8s; transition: width .3s cubic-bezier(.215,.61,.355,1) .8s; } .c-survey_progress_value { font-size: 1rem; width: 60px; display: inline-block; vertical-align: middle; text-align: right; font-family: Graphik,Arial,Helvetica,sans-serif; font-weight: 500; font-size: .75rem; text-transform: uppercase; letter-spacing: 2px; color: #fff; opacity: 0; -webkit-transform: translateX(20px); -ms-transform: translateX(20px); transform: translateX(20px); -webkit-transition: opacity .3s cubic-bezier(.215,.61,.355,1) 1.2s,-webkit-transform .3s cubic-bezier(.215,.61,.355,1) 1.2s; transition: opacity .3s cubic-bezier(.215,.61,.355,1) 1.2s,-webkit-transform .3s cubic-bezier(.215,.61,.355,1) 1.2s; transition: transform .3s cubic-bezier(.215,.61,.355,1) 1.2s,opacity .3s cubic-bezier(.215,.61,.355,1) 1.2s; transition: transform .3s cubic-bezier(.215,.61,.355,1) 1.2s,opacity .3s cubic-bezier(.215,.61,.355,1) 1.2s,-webkit-transform .3s cubic-bezier(.215,.61,.355,1) 1.2s; } .c-survey_form.has-voted .c-survey_progress_value { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); opacity: 1; } .c-survey_submit_wrapper { vertical-align: middle; overflow: hidden; } .c-survey_submit { width: auto; float: right; padding: 7.5rem 1.875rem; color: #ff3e2e; -webkit-transform: none; -ms-transform: none; transform: none; -webkit-transition: -webkit-transform .3s cubic-bezier(.215,.61,.355,1); transition: -webkit-transform .3s cubic-bezier(.215,.61,.355,1); transition: transform .3s cubic-bezier(.215,.61,.355,1); transition: transform .3s cubic-bezier(.215,.61,.355,1),-webkit-transform .3s cubic-bezier(.215,.61,.355,1); } .o-page[data-sport=basketball] .c-survey_submit { color: #ff803f; } .o-page[data-sport=cross-country] .c-survey_submit { color: #a6ea00; } .o-page[data-sport=curling] .c-survey_submit { color: #32d8ea; } .o-page[data-sport=field-hockey] .c-survey_submit { color: #cea9ff; } .o-page[data-sport=football] .c-survey_submit { color: #e2ed00; } .o-page[data-sport=hockey] .c-survey_submit { color: #ff3e2e; } .o-page[data-sport=rugby] .c-survey_submit { color: #05ce7c; } .o-page[data-sport=soccer] .c-survey_submit { color: #57e55b; } .o-page[data-sport=swimming] .c-survey_submit { color: #29d9c2; } .o-page[data-sport=track-field] .c-survey_submit { color: #ff6a3b; } .o-page[data-sport=volleyball] .c-survey_submit { color: #ffc800; } .o-page[data-sport=wrestling] .c-survey_submit { color: #00bcf0; } .o-page[data-sport=general] .c-survey_submit { color: #ff3e2e; } .o-page[data-sport=international] .c-survey_submit { color: #ff3e2e; } .o-page[data-sport=award] .c-survey_submit { color: #b9914d; } .c-survey_form.has-voted .c-survey_submit { -webkit-transform: translateX(100%); -ms-transform: translateX(100%); transform: translateX(100%); } @media (max-width:999px) { .c-survey_form.has-voted .c-survey_submit { -webkit-transform: translateY(100%); -ms-transform: translateY(100%); transform: translateY(100%); } } @media (max-width:999px) { .c-survey_submit { padding: 2.5rem; float: none; display: block; width: 100%; } } .c-actions { position: relative; margin-bottom: 1.875rem; } @media (min-width:1000px) { body:not([data-template=hq-page]) .c-actions { position: absolute; top: 0; right: 0; } } .c-actions.-right { position: relative!important; } .o-page_intro .c-actions { -webkit-transform: translateY(30vh); -ms-transform: translateY(30vh); transform: translateY(30vh); opacity: 0; -webkit-transition: opacity .9s cubic-bezier(.215,.61,.355,1) 2.6s,-webkit-transform .9s cubic-bezier(.215,.61,.355,1) 2.6s; transition: opacity .9s cubic-bezier(.215,.61,.355,1) 2.6s,-webkit-transform .9s cubic-bezier(.215,.61,.355,1) 2.6s; transition: transform .9s cubic-bezier(.215,.61,.355,1) 2.6s,opacity .9s cubic-bezier(.215,.61,.355,1) 2.6s; transition: transform .9s cubic-bezier(.215,.61,.355,1) 2.6s,opacity .9s cubic-bezier(.215,.61,.355,1) 2.6s,-webkit-transform .9s cubic-bezier(.215,.61,.355,1) 2.6s; } @media (max-width:999px) { .o-page_intro .c-actions { float: left; } } .dom-is-loaded .o-page_intro .c-actions,.dom-is-reloaded .o-page_intro .c-actions { -webkit-transform: none; -ms-transform: none; transform: none; opacity: 1; } .dom-is-loading .o-page_intro .c-actions { -webkit-transform: translateY(30vh); -ms-transform: translateY(30vh); transform: translateY(30vh); opacity: 0; } .c-actions_button { background-color: #000; padding: 10px; border-radius: 50%; position: relative; display: block; z-index: 11; -webkit-transition: opacity 1.2s cubic-bezier(.215,.61,.355,1),-webkit-transform 1.2s cubic-bezier(.215,.61,.355,1); transition: opacity 1.2s cubic-bezier(.215,.61,.355,1),-webkit-transform 1.2s cubic-bezier(.215,.61,.355,1); transition: opacity 1.2s cubic-bezier(.215,.61,.355,1),transform 1.2s cubic-bezier(.215,.61,.355,1); transition: opacity 1.2s cubic-bezier(.215,.61,.355,1),transform 1.2s cubic-bezier(.215,.61,.355,1),-webkit-transform 1.2s cubic-bezier(.215,.61,.355,1); margin-bottom: 15px; } .c-filters .c-actions_button { margin-bottom: 0; } .dom-is-loaded .c-actions_button,.dom-is-reloaded .c-actions_button { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } .dom-is-loading .c-actions_button { opacity: 0; -webkit-transform: translateY(30px); -ms-transform: translateY(30px); transform: translateY(30px); } body[data-template=hq-page] .c-actions_button { margin-bottom: 1.875rem; } .c-actions_button svg { width: 18px; height: 18px; display: block; fill: #000; } body[data-template=hq-page] .c-actions_button svg { fill: #fff; } @media (max-width:999px) { .c-actions_button { display: inline-block; margin-bottom: 0; margin-right: 10px; } } .c-actions_button.-share-button svg { -webkit-transition: fill .6s cubic-bezier(.215,.61,.355,1) .2s; transition: fill .6s cubic-bezier(.215,.61,.355,1) .2s; } .c-actions_button.-share-button::before { content: ""; height: 2px; width: 18px; position: absolute; top: 50%; left: 50%; background-color: #000; -webkit-transform: translate(-50%,-50%) rotate(-45deg) scaleX(0); -ms-transform: translate(-50%,-50%) rotate(-45deg) scaleX(0); transform: translate(-50%,-50%) rotate(-45deg) scaleX(0); -webkit-transition: -webkit-transform .3s cubic-bezier(.215,.61,.355,1); transition: -webkit-transform .3s cubic-bezier(.215,.61,.355,1); transition: transform .3s cubic-bezier(.215,.61,.355,1); transition: transform .3s cubic-bezier(.215,.61,.355,1),-webkit-transform .3s cubic-bezier(.215,.61,.355,1); } .c-actions_button.-share-button::after { content: ""; height: 2px; width: 18px; position: absolute; top: 50%; left: 50%; background-color: #000; -webkit-transform: translate(-50%,-50%) rotate(45deg) scaleX(0); -ms-transform: translate(-50%,-50%) rotate(45deg) scaleX(0); transform: translate(-50%,-50%) rotate(45deg) scaleX(0); -webkit-transition: -webkit-transform .3s cubic-bezier(.215,.61,.355,1); transition: -webkit-transform .3s cubic-bezier(.215,.61,.355,1); transition: transform .3s cubic-bezier(.215,.61,.355,1); transition: transform .3s cubic-bezier(.215,.61,.355,1),-webkit-transform .3s cubic-bezier(.215,.61,.355,1); } .c-actions_sharer.is-active .c-actions_button.-share-button svg { fill: transparent; -webkit-transition: fill .3s cubic-bezier(.215,.61,.355,1); transition: fill .3s cubic-bezier(.215,.61,.355,1); } .c-actions_sharer.is-active .c-actions_button.-share-button::before { -webkit-transition: -webkit-transform .3s cubic-bezier(.17,.67,.6,1.38) .1s; transition: -webkit-transform .3s cubic-bezier(.17,.67,.6,1.38) .1s; transition: transform .3s cubic-bezier(.17,.67,.6,1.38) .1s; transition: transform .3s cubic-bezier(.17,.67,.6,1.38) .1s,-webkit-transform .3s cubic-bezier(.17,.67,.6,1.38) .1s; -webkit-transform: translate(-50%,-50%) rotate(-45deg) scaleX(1); -ms-transform: translate(-50%,-50%) rotate(-45deg) scaleX(1); transform: translate(-50%,-50%) rotate(-45deg) scaleX(1); } .c-actions_sharer.is-active .c-actions_button.-share-button::after { -webkit-transition: -webkit-transform .3s cubic-bezier(.17,.67,.6,1.38) .1s; transition: -webkit-transform .3s cubic-bezier(.17,.67,.6,1.38) .1s; transition: transform .3s cubic-bezier(.17,.67,.6,1.38) .1s; transition: transform .3s cubic-bezier(.17,.67,.6,1.38) .1s,-webkit-transform .3s cubic-bezier(.17,.67,.6,1.38) .1s; -webkit-transform: translate(-50%,-50%) rotate(45deg) scaleX(1); -ms-transform: translate(-50%,-50%) rotate(45deg) scaleX(1); transform: translate(-50%,-50%) rotate(45deg) scaleX(1); } .c-actions_sharer { position: relative; display: inline-block; vertical-align: middle; z-index: 15; } .c-filters .c-actions_sharer { margin-bottom: 0; margin-left: 1.25rem; } @media (max-width:999px) { .c-filters .c-actions_sharer { margin-top: 1.25rem; margin-left: 0; } } .c-actions_sharer_list { position: absolute; left: -15px; top: 0; opacity: 0; -webkit-transform: translateX(0) scale(0,.8); -ms-transform: translateX(0) scale(0,.8); transform: translateX(0) scale(0,.8); width: 132px; background-color: #ccc; border-radius: 30px; font-size: 1rem; padding: 0 10px; -webkit-transition: opacity .4s cubic-bezier(.215,.61,.355,1) .2s,-webkit-transform .4s cubic-bezier(.215,.61,.355,1) .2s; transition: opacity .4s cubic-bezier(.215,.61,.355,1) .2s,-webkit-transform .4s cubic-bezier(.215,.61,.355,1) .2s; transition: transform .4s cubic-bezier(.215,.61,.355,1) .2s,opacity .4s cubic-bezier(.215,.61,.355,1) .2s; transition: transform .4s cubic-bezier(.215,.61,.355,1) .2s,opacity .4s cubic-bezier(.215,.61,.355,1) .2s,-webkit-transform .4s cubic-bezier(.215,.61,.355,1) .2s; } .c-actions_sharer.is-active .c-actions_sharer_list { opacity: 1; -webkit-transform: translateX(-100%) scale(1,1); -ms-transform: translateX(-100%) scale(1,1); transform: translateX(-100%) scale(1,1); -webkit-transition: opacity .4s cubic-bezier(.17,.67,.6,1.38),-webkit-transform .4s cubic-bezier(.17,.67,.6,1.38); transition: opacity .4s cubic-bezier(.17,.67,.6,1.38),-webkit-transform .4s cubic-bezier(.17,.67,.6,1.38); transition: transform .4s cubic-bezier(.17,.67,.6,1.38),opacity .4s cubic-bezier(.17,.67,.6,1.38); transition: transform .4s cubic-bezier(.17,.67,.6,1.38),opacity .4s cubic-bezier(.17,.67,.6,1.38),-webkit-transform .4s cubic-bezier(.17,.67,.6,1.38); } .c-actions.-right .c-actions_sharer_list { left: auto; left: 0; width: 132px; -webkit-transform-origin: center left; -ms-transform-origin: center left; transform-origin: center left; } @media (max-width:999px) { .c-actions.-right .c-actions_sharer_list { width: calc(100vw - 180px); } } @media (max-width:699px) { .c-actions.-right .c-actions_sharer_list { width: calc(100vw - 168px); } } .c-actions.-right .c-actions_sharer.is-active .c-actions_sharer_list { -webkit-transform: translateX(48px) scale(1,1); -ms-transform: translateX(48px) scale(1,1); transform: translateX(48px) scale(1,1); } @media (max-width:999px) { .c-actions_sharer_list { left: auto; left: 0; width: calc(100vw - 108px); -webkit-transform: translateX(0) scale(0,.8); -ms-transform: translateX(0) scale(0,.8); transform: translateX(0) scale(0,.8); -webkit-transform-origin: center left; -ms-transform-origin: center left; transform-origin: center left; } .c-actions_sharer.is-active .c-actions_sharer_list { -webkit-transform: translateX(48px) scale(1,1); -ms-transform: translateX(48px) scale(1,1); transform: translateX(48px) scale(1,1); } } .c-actions_sharer_list_item { display: inline-block; opacity: 0; -webkit-transform: scale(0); -ms-transform: scale(0); transform: scale(0); -webkit-transition: opacity .3s cubic-bezier(.215,.61,.355,1),-webkit-transform .3s cubic-bezier(.215,.61,.355,1); transition: opacity .3s cubic-bezier(.215,.61,.355,1),-webkit-transform .3s cubic-bezier(.215,.61,.355,1); transition: opacity .3s cubic-bezier(.215,.61,.355,1),transform .3s cubic-bezier(.215,.61,.355,1); transition: opacity .3s cubic-bezier(.215,.61,.355,1),transform .3s cubic-bezier(.215,.61,.355,1),-webkit-transform .3s cubic-bezier(.215,.61,.355,1); } .c-actions_sharer.is-active .c-actions_sharer_list_item { opacity: 1; -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); -webkit-transition: opacity .3s cubic-bezier(.215,.61,.355,1) .6s,-webkit-transform .3s cubic-bezier(.17,.67,.6,1.38) .6s; transition: opacity .3s cubic-bezier(.215,.61,.355,1) .6s,-webkit-transform .3s cubic-bezier(.17,.67,.6,1.38) .6s; transition: opacity .3s cubic-bezier(.215,.61,.355,1) .6s,transform .3s cubic-bezier(.17,.67,.6,1.38) .6s; transition: opacity .3s cubic-bezier(.215,.61,.355,1) .6s,transform .3s cubic-bezier(.17,.67,.6,1.38) .6s,-webkit-transform .3s cubic-bezier(.17,.67,.6,1.38) .6s; } @media (max-width:999px) { .c-actions_sharer_list_item { width: 32%; } .c-actions.-right .c-actions_sharer_list_item { width: 31%; } } .c-actions_sharer_list_item a,.c-actions_sharer_list_item button { display: block; padding: 7px 10px; text-align: center; } .c-actions_sharer_list_item svg { width: 14px; height: 14px; min-width: inherit; min-height: inherit; margin: 0 auto; fill: #000; } .c-contact { position: relative; top: -7.5rem; width: 100%; } .c-contact::after { content: ""; position: absolute; top: 0; bottom: 0; right: 0; width: 60px; height: 100%; background-color: #ff3e2e; } @media (max-width:999px) { .c-contact::after { display: none; } } .c-contact.js-point::after { -webkit-transform-origin: center right; -ms-transform-origin: center right; transform-origin: center right; -webkit-transform: scaleX(0); -ms-transform: scaleX(0); transform: scaleX(0); -webkit-transition: -webkit-transform .3s cubic-bezier(.645,.045,.355,1) 1.2s; transition: -webkit-transform .3s cubic-bezier(.645,.045,.355,1) 1.2s; transition: transform .3s cubic-bezier(.645,.045,.355,1) 1.2s; transition: transform .3s cubic-bezier(.645,.045,.355,1) 1.2s,-webkit-transform .3s cubic-bezier(.645,.045,.355,1) 1.2s; } .c-contact.is-animated::after { -webkit-transform: scaleX(1); -ms-transform: scaleX(1); transform: scaleX(1); } @media (max-width:1599px) { .c-contact { top: -3.75rem; } } @media (max-width:1199px) { .c-contact { top: 0; } } .c-contact_content_wrapper,.c-contact_map_wrapper { width: 50%; } @media (max-width:999px) { .c-contact_content_wrapper,.c-contact_map_wrapper { display: block!important; } } @media (max-width:999px) { .c-contact_content_wrapper,.c-contact_map_wrapper { width: auto; } } .c-contact_map_wrapper { position: relative; } @media (max-width:529px) { .c-contact_map_wrapper { margin-right: 30px; } } @media (min-width:530px) { .c-contact_map_wrapper { width: 50%!important; min-width: 500px; } } .c-contact.js-point .c-contact_map_wrapper::after { content: ""; position: absolute; top: 0; bottom: 0; right: 0; left: 0; background-color: #fff; -webkit-transform-origin: center left; -ms-transform-origin: center left; transform-origin: center left; -webkit-transform: scaleX(1); -ms-transform: scaleX(1); transform: scaleX(1); -webkit-transition: -webkit-transform 1s cubic-bezier(.645,.045,.355,1) .2s; transition: -webkit-transform 1s cubic-bezier(.645,.045,.355,1) .2s; transition: transform 1s cubic-bezier(.645,.045,.355,1) .2s; transition: transform 1s cubic-bezier(.645,.045,.355,1) .2s,-webkit-transform 1s cubic-bezier(.645,.045,.355,1) .2s; } .c-contact.is-animated .c-contact_map_wrapper::after { -webkit-transform: scaleX(0); -ms-transform: scaleX(0); transform: scaleX(0); } .c-contact_map { position: absolute; top: 0; left: 0; bottom: 0; right: 0; min-height: 300px; } @media (max-width:999px) { .c-contact_map { position: relative; } } .c-contact_address { margin: 1em 0; font-size: 1.75rem; font-family: Graphik,Arial,Helvetica,sans-serif; font-weight: 700; } .c-contact_address:first-child { margin-top: 0; } .c-contact_address:last-child { margin-bottom: 0; } .c-contact.js-point .c-contact_address { opacity: 0; -webkit-transform: translateY(20px); -ms-transform: translateY(20px); transform: translateY(20px); -webkit-transition: opacity .3s cubic-bezier(.215,.61,.355,1) 1.2s,-webkit-transform .3s cubic-bezier(.215,.61,.355,1) 1.2s; transition: opacity .3s cubic-bezier(.215,.61,.355,1) 1.2s,-webkit-transform .3s cubic-bezier(.215,.61,.355,1) 1.2s; transition: transform .3s cubic-bezier(.215,.61,.355,1) 1.2s,opacity .3s cubic-bezier(.215,.61,.355,1) 1.2s; transition: transform .3s cubic-bezier(.215,.61,.355,1) 1.2s,opacity .3s cubic-bezier(.215,.61,.355,1) 1.2s,-webkit-transform .3s cubic-bezier(.215,.61,.355,1) 1.2s; } @media (min-width:1000px) { .c-contact.js-point .c-contact_address { width: 50%!important; } } .c-contact.is-animated .c-contact_address { opacity: 1; -webkit-transform: none; -ms-transform: none; transform: none; } .c-contact_infos { width: 100%; margin-top: 7.5rem; } .c-contact.js-point .c-contact_infos { opacity: 0; -webkit-transform: translateY(20px); -ms-transform: translateY(20px); transform: translateY(20px); -webkit-transition: opacity .3s cubic-bezier(.215,.61,.355,1) 1.4s,-webkit-transform .3s cubic-bezier(.215,.61,.355,1) 1.4s; transition: opacity .3s cubic-bezier(.215,.61,.355,1) 1.4s,-webkit-transform .3s cubic-bezier(.215,.61,.355,1) 1.4s; transition: transform .3s cubic-bezier(.215,.61,.355,1) 1.4s,opacity .3s cubic-bezier(.215,.61,.355,1) 1.4s; transition: transform .3s cubic-bezier(.215,.61,.355,1) 1.4s,opacity .3s cubic-bezier(.215,.61,.355,1) 1.4s,-webkit-transform .3s cubic-bezier(.215,.61,.355,1) 1.4s; } .c-contact.is-animated .c-contact_infos { opacity: 1; -webkit-transform: none; -ms-transform: none; transform: none; } @media (max-width:999px) { .c-contact_infos { margin-top: 1.875rem; } } .c-contact_infos_title { font-size: .75rem; font-weight: 600; font-family: Graphik,Arial,Helvetica,sans-serif; text-transform: uppercase; letter-spacing: 2px; text-transform: uppercase; } .c-staff { margin-bottom: 3.75rem; } .c-staff abbr[title] { text-decoration: none; } .c-staff_inner { width: 100%; margin-bottom: 1.875rem; } .c-staff_content { border: 1px solid #ccc; vertical-align: top!important; } @media (max-width:999px) { .c-staff_content { display: block!important; } } @media (min-width:1000px) { .c-staff_content { border-left-width: 0; } } .c-staff_content_bottom,.c-staff_content_inner { width: 100%; } .c-staff_content_bottom { border-top: 1px solid #ccc; } .c-staff_name { text-align: center; height: auto; padding: 1.875rem; background-color: #ff3e2e; } .o-page[data-sport=basketball] .c-staff_name::after { background-color: #ff803f; } .o-page[data-sport=cross-country] .c-staff_name::after { background-color: #a6ea00; } .o-page[data-sport=curling] .c-staff_name::after { background-color: #32d8ea; } .o-page[data-sport=field-hockey] .c-staff_name::after { background-color: #cea9ff; } .o-page[data-sport=football] .c-staff_name::after { background-color: #e2ed00; } .o-page[data-sport=hockey] .c-staff_name::after { background-color: #ff3e2e; } .o-page[data-sport=rugby] .c-staff_name::after { background-color: #05ce7c; } .o-page[data-sport=soccer] .c-staff_name::after { background-color: #57e55b; } .o-page[data-sport=swimming] .c-staff_name::after { background-color: #29d9c2; } .o-page[data-sport=track-field] .c-staff_name::after { background-color: #ff6a3b; } .o-page[data-sport=volleyball] .c-staff_name::after { background-color: #ffc800; } .o-page[data-sport=wrestling] .c-staff_name::after { background-color: #00bcf0; } .o-page[data-sport=general] .c-staff_name::after { background-color: #ff3e2e; } .o-page[data-sport=international] .c-staff_name::after { background-color: #ff3e2e; } .o-page[data-sport=award] .c-staff_name::after { background-color: #b9914d; } @media (max-width:999px) { .c-staff_name { display: block!important; } } .c-staff_name_value { font-size: 1.25rem; font-weight: 500; font-family: Graphik,Arial,Helvetica,sans-serif; margin: 0; } .c-staff_name_short { font-size: 11rem; font-family: "Timmons NY",Impact,"Franklin Gothic Bold",sans-serif; line-height: 1; margin: 1rem 0; } @media (max-width:1440px) { .c-staff_name_short { font-size: 8.75rem; } } @media (max-width:1199px) { .c-staff_name_short { font-size: 6.25rem; } } .c-staff_block { padding: 2.5rem; position: relative; vertical-align: top!important; } .c-staff_block:not(:first-child) { border-left: 1px solid #ccc; } @media (max-width:999px) { .c-staff_block:not(:first-child) { border-left-width: 0; border-top: 1px solid #ccc; } } @media (max-width:699px) { .c-staff_block { padding: 1.25rem; text-align: center; } } @media (max-width:1440px) { .c-staff_block_ext,.c-staff_block_infos_wrapper,.c-staff_block_main { width: 33.3333333333%; } } @media (max-width:999px) { .c-staff_block_ext,.c-staff_block_infos_wrapper,.c-staff_block_main { width: 100%; display: block!important; } } .c-staff_role { font-size: 1.25rem; font-weight: 500; font-family: Graphik,Arial,Helvetica,sans-serif; } @media (max-width:699px) { .c-staff_role { font-size: 1rem; } } .c-staff_block_infos { margin-bottom: 3.75rem; } @media (max-width:999px) { .c-staff_block_infos { margin-bottom: 1.875rem; } } @media (max-width:699px) { .c-staff_block_infos { margin-bottom: 0; } } .c-staff_infos_title { font-size: .75rem; font-weight: 600; font-family: Graphik,Arial,Helvetica,sans-serif; text-transform: uppercase; letter-spacing: 2px; text-transform: uppercase; } .c-staff_picture { overflow: hidden; position: relative; width: 150px; height: 150px; margin-top: 1.875rem; border-radius: 50%; -webkit-transform: translateX(-50%) translateX(-1.875rem); -ms-transform: translateX(-50%) translateX(-1.875rem); transform: translateX(-50%) translateX(-1.875rem); background-position: center center; background-size: cover; } @media (max-width:999px) { .c-staff_picture { margin: 1.875rem auto 0 auto; -webkit-transform: none; -ms-transform: none; transform: none; } } .c-staff_picture img { display: block; min-width: 150px; min-height: 150px; -o-object-fit: cover; object-fit: cover; } .c-staff_value { font-size: 6.875rem; font-family: "Timmons NY",Impact,"Franklin Gothic Bold",sans-serif; font-weight: 400; text-transform: uppercase; margin: 1.875rem 0 0 0; line-height: 1; } @media (max-width:1599px) { .c-staff_value { font-size: 6.25rem; margin: 0; } } .c-staff_mail { padding: 1.25rem 3.75rem; } @media (max-width:1440px) { .c-staff_mail { width: 66.75%; } } @media (max-width:1199px) { .c-staff_mail { width: 67.5%; } } @media (max-width:999px) { .c-staff_mail { width: 100%; display: block!important; padding: 1.875rem; } } .c-staff_button_bio { position: relative; -webkit-transition: background-color .3s cubic-bezier(.215,.61,.355,1),color .3s cubic-bezier(.215,.61,.355,1) .2s; transition: background-color .3s cubic-bezier(.215,.61,.355,1),color .3s cubic-bezier(.215,.61,.355,1) .2s; } .c-staff.is-open .c-staff_button_bio { color: transparent; background-color: #ff3e2e; -webkit-transition: background-color .6s cubic-bezier(.215,.61,.355,1),color .3s cubic-bezier(.215,.61,.355,1); transition: background-color .6s cubic-bezier(.215,.61,.355,1),color .3s cubic-bezier(.215,.61,.355,1); } @media (max-width:699px) { .c-staff_button_bio { width: 100%; display: block!important; } } .c-staff_button_close { width: 20px; height: 20px; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); transform: translate(-50%,-50%); opacity: 0; -webkit-transition: opacity .3s cubic-bezier(.215,.61,.355,1); transition: opacity .3s cubic-bezier(.215,.61,.355,1); } .c-staff_button_close svg { width: 100%; height: 100%; fill: #000; } .c-staff.is-open .c-staff_button_close { opacity: 1; -webkit-transition: opacity .3s cubic-bezier(.215,.61,.355,1) .2s; transition: opacity .3s cubic-bezier(.215,.61,.355,1) .2s; } .c-staff_bio { display: none; color: transparent; -webkit-transition: color .3s cubic-bezier(.215,.61,.355,1); transition: color .3s cubic-bezier(.215,.61,.355,1); background-color: #ccc; font-weight: 500; font-size: 1.125rem; position: relative; } .c-staff.is-open .c-staff_bio { color: #000; -webkit-transition: color .3s cubic-bezier(.215,.61,.355,1) .3s; transition: color .3s cubic-bezier(.215,.61,.355,1) .3s; } .c-staff_bio::before { content: ""; width: 15px; height: 15px; position: absolute; right: 5.75%; top: 0; background-color: #ccc; -webkit-transform: translateY(-50%) rotate(45deg); -ms-transform: translateY(-50%) rotate(45deg); transform: translateY(-50%) rotate(45deg); } @media (max-width:1599px) { .c-staff_bio::before { right: 11.6%; } } @media (max-width:999px) { .c-staff_bio::before { right: 50%; -webkit-transform: translate(50%,-50%) rotate(45deg); -ms-transform: translate(50%,-50%) rotate(45deg); transform: translate(50%,-50%) rotate(45deg); } } .c-partners-list { margin: 1.875rem 0 7.5rem 0; } .c-partners-list_item { position: relative; border-bottom: 1px solid #ccc; } .c-partners-list_item::before { content: ""; display: block; padding-bottom: 100%; } .c-partners-list_item:nth-child(1),.c-partners-list_item:nth-child(2) { border-top: 1px solid #ccc; } .c-partners-list_item img { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); transform: translate(-50%,-50%); max-width: 100%; max-height: 100%; } .c-partners-list_item:nth-child(odd) { border-right: 1px solid #ccc; } @media (max-width:999px) { .c-partners-list_item { border-right: 1px solid #ccc; border-left: 1px solid #ccc; } .c-partners-list_item:nth-child(2) { border-top: 0; } } .c-popup { position: relative; top: 0; width: 100%; background-color: #fff; padding: 60px 0 120px 0; z-index: 1400; border-bottom: 1px solid #ccc; display: none; } @media (max-width:1025px) { .popup-is-open .c-popup { display: none!important; } } .c-popup_content { max-width: 1280px; margin: auto; -webkit-transition: opacity .3s cubic-bezier(.215,.61,.355,1); transition: opacity .3s cubic-bezier(.215,.61,.355,1); opacity: 0; } .popup-is-open .c-popup_content { opacity: 1; } .c-popup_content a { display: block; } .c-popup_content img { display: block; margin: auto; } .c-popup_close { display: block; margin: 0 auto 60px auto; -webkit-transition: opacity .3s cubic-bezier(.215,.61,.355,1); transition: opacity .3s cubic-bezier(.215,.61,.355,1); opacity: 0; } .popup-is-open .c-popup_close { opacity: 1; } .c-popup_close svg { display: block; margin: auto; width: 20px; height: 20px; fill: #000; } @media (max-width:499px) { .c-potw_wrapper { margin: 0!important; } } .c-potw_title_main { display: block; color: #000; font-family: "Timmons NY",Impact,"Franklin Gothic Bold",sans-serif; text-transform: uppercase; font-weight: 400; line-height: .8; } .c-potw_title_main,.c-potw_title_secondary { font-size: 18.75rem; } @media (max-width:1440px) { .c-potw_title_main,.c-potw_title_secondary { font-size: 15.625rem; } } @media (max-width:1199px) { .c-potw_title_main,.c-potw_title_secondary { font-size: 12.5rem; } } @media (max-width:699px) { .c-potw_title_main,.c-potw_title_secondary { font-size: 7.5rem; } } .c-potw_title_secondary,.c-potw_title_tiny { display: inline-block; vertical-align: top; } .c-potw_title_tiny { font-family: Graphik,Arial,Helvetica,sans-serif; color: #fff; font-weight: 300; text-transform: uppercase; font-size: 1.5625rem; margin-top: .75rem; } @media (max-width:1199px) { .c-potw_title_tiny { font-size: 1.25rem; } } @media (max-width:699px) { .c-potw_title_tiny { font-size: 1rem; } } .c-potw_title_secondary { font-family: "Timmons NY",Impact,"Franklin Gothic Bold",sans-serif; color: #fff; text-transform: uppercase; line-height: .8; font-weight: 400; } .c-potw_list_wrapper { margin-top: 1.875rem; } .c-potw_list { margin: 0; padding: 0; } .c-potw_list_item { display: block; background-color: #fff; margin-bottom: 1px; font-size: 0; } .c-potw_list_role { display: inline-block; vertical-align: middle; color: #000; font-family: "Timmons NY",Impact,"Franklin Gothic Bold",sans-serif; text-transform: uppercase; font-weight: 400; line-height: .8; font-size: 12.5rem; padding: 1.875rem; width: 112px; } .o-page[data-sport=basketball] .c-potw_list_role { color: #ff803f; border-right: 1px solid #ff803f; } .o-page[data-sport=cross-country] .c-potw_list_role { color: #a6ea00; border-right: 1px solid #a6ea00; } .o-page[data-sport=curling] .c-potw_list_role { color: #32d8ea; border-right: 1px solid #32d8ea; } .o-page[data-sport=field-hockey] .c-potw_list_role { color: #cea9ff; border-right: 1px solid #cea9ff; } .o-page[data-sport=football] .c-potw_list_role { color: #e2ed00; border-right: 1px solid #e2ed00; } .o-page[data-sport=hockey] .c-potw_list_role { color: #ff3e2e; border-right: 1px solid #ff3e2e; } .o-page[data-sport=rugby] .c-potw_list_role { color: #05ce7c; border-right: 1px solid #05ce7c; } .o-page[data-sport=soccer] .c-potw_list_role { color: #57e55b; border-right: 1px solid #57e55b; } .o-page[data-sport=swimming] .c-potw_list_role { color: #29d9c2; border-right: 1px solid #29d9c2; } .o-page[data-sport=track-field] .c-potw_list_role { color: #ff6a3b; border-right: 1px solid #ff6a3b; } .o-page[data-sport=volleyball] .c-potw_list_role { color: #ffc800; border-right: 1px solid #ffc800; } .o-page[data-sport=wrestling] .c-potw_list_role { color: #00bcf0; border-right: 1px solid #00bcf0; } .o-page[data-sport=general] .c-potw_list_role { color: #ff3e2e; border-right: 1px solid #ff3e2e; } .o-page[data-sport=international] .c-potw_list_role { color: #ff3e2e; border-right: 1px solid #ff3e2e; } .o-page[data-sport=award] .c-potw_list_role { color: #b9914d; border-right: 1px solid #b9914d; } @media (max-width:699px) { .c-potw_list_role { display: none; } } .c-potw_list_content { font-size: 1rem; display: inline-block; vertical-align: middle; padding: 1.875rem; width: calc(100% - 112px); } @media (max-width:699px) { .c-potw_list_content { width: 100%; } } .c-potw_list_image { position: relative; border-radius: 50%; margin: auto; overflow: visible; background-size: cover; background-position: center center; vertical-align: middle; max-width: 140px; } .c-potw_list_image::after { content: ""; display: block; padding-bottom: 100%; } @media (max-width:999px) { .c-potw_list_image { display: inline-block; width: 40%; } } @media (max-width:699px) { .c-potw_list_image { margin-left: 0; } } @media (max-width:499px) { .c-potw_list_image { width: 100%; margin-bottom: 1.875rem; } } .c-potw_list_image_team { position: absolute; bottom: -5px; right: -5px; width: 50px; } .c-potw_list_item_detail { padding-left: 1.875rem; vertical-align: middle; } @media (max-width:999px) { .c-potw_list_item_detail { display: inline-block; width: 60%; } } @media (max-width:499px) { .c-potw_list_item_detail { width: 100%; padding-left: 0; } } .c-potw_list_item_name { font-family: Graphik,Arial,Helvetica,sans-serif; font-weight: 400; font-size: 1.375rem; margin: 1.25rem 0; } .c-potw_list_item_school { font-weight: 700; font-size: .875rem; } .c-glossary dt { float: left; clear: left; width: 1em; text-align: right; font-weight: 700; color: #999; } .c-glossary dd { margin-left: 2em; padding-bottom: .5em; } .c-team-cta { padding: 3.75rem 2.5rem; background-color: #ccc; } @media (max-width:999px) { .c-team-cta { padding: 2.5rem; } } @media (max-width:699px) { .c-team-cta { padding: 1.875rem; } } @media (min-width:700px) { .c-team-cta_inner { font-size: 0; margin-left: -60px; letter-spacing: normal; font-size: 0; } } .c-team-cta_item a { display: block; width: 100%; color: #fff!important; } .c-team-cta_item a:hover { text-decoration: none!important; color: #ff3e2e!important; } @media (min-width:700px) { .c-team-cta_item { display: inline-block; padding-left: 60px; width: 100%; vertical-align: top; font-size: 1rem; width: 50%; } } @media (max-width:699px) { .c-team-cta_item:first-child { margin-bottom: .625rem; } } .c-international-header { margin: 1.875rem 0; } .c-international-header_title { font-family: "Timmons NY",Impact,"Franklin Gothic Bold",sans-serif; text-transform: uppercase; font-size: 7.5rem; font-weight: 400; display: inline-block; vertical-align: middle; } @media (max-width:999px) { .c-international-header_title { font-size: 6.25rem; } } @media (max-width:699px) { .c-international-header_title { font-size: 3.75rem; } } .c-international-header_picture { display: inline-block; vertical-align: middle; margin-left: 3.75rem; } @media (max-width:999px) { .c-international-header_picture { margin-left: 1.875rem; } } .c-international-header_inner { margin-left: 0; letter-spacing: normal; font-size: 0; } .c-international-header_main { display: inline-block; padding-left: 0; width: 100%; vertical-align: top; font-size: 1rem; display: inline-block; vertical-align: middle; width: calc(100% - 240px); } @media (max-width:999px) { .c-international-header_main { width: 100%; } } .c-international-header_infos { display: inline-block; padding-left: 0; width: 100%; vertical-align: top; font-size: 1rem; display: inline-block; vertical-align: middle; width: 240px; font-family: Graphik,Arial,Helvetica,sans-serif; } @media (max-width:999px) { .c-international-header_infos { width: 100%; } } .c-international-header_infos_label { font-weight: 500; font-size: .75rem; margin: 0 0 1.25rem 0; } .c-international-header_infos_title { font-weight: 500; font-size: 1.5rem; margin: 0; line-height: 1.1; } @media print { .c-actions,.c-boxscore_vs,.c-contact_map_wrapper,.c-filters,.c-footer_followus,.c-footer_newsletter,.c-footer_sports,.c-footer_wrapper,.c-nav,.c-sidebar,.c-staff_block_ext,.c-staff_content_bottom,.c-staff_name,.c-user-infos,.o-button,.o-flex-embed,.o-page_header,.o-page_intro_actions,.o-page_intro_background,.t-generic_next { display: none!important; } .c-results_item { padding-bottom: 0; } .o-page { margin-top: 0; } .o-page_intro_title { font-size: 5rem; } .c-accordion_item_title { padding-left: 0; } .c-accordion_item_title::after,.c-accordion_item_title::before { display: none; } .c-accordion_item_content,.c-tab-content { display: block; opacity: 1; margin-bottom: 30px; visibility: visible; -webkit-transform: none; -ms-transform: none; transform: none; } .c-tab-content_title { border-bottom: 1px solid #ccc; padding-bottom: 15px; margin-bottom: 30px!important; page-break-before: always; page-break-after: avoid; } .c-tab-content_title+.c-staff { page-break-before: avoid; } .c-staff { page-break-after: avoid; page-break-before: always; } .c-staff_picture { -webkit-transform: none; -ms-transform: none; transform: none; } .c-staff_content { border-left-width: 1px!important; } .c-staff_bio { display: block!important; color: inherit; background-color: transparent; } } @media print and (min-width:500px) { .c-staff_block_infos_wrapper,.c-staff_block_main { display: table-cell!important; } .c-staff_block { text-align: left; } .c-staff_block:not(:first-child) { border-width: 0 0 0 1px!important; } .c-staff_picture { margin: 1.875rem 0; } } @media print { .o-page_content,.t-generic { padding-top: 0!important; } .o-page_intro { padding: 0!important; } .t-generic_content { width: 100%; } .c-barba { margin-top: 0; } } .t-generic { padding-top: 168px; background-color: #fff; overflow: hidden; } .o-page_content+.t-generic { padding-top: 0; } .t-generic.-center { text-align: center; } @media (max-width:1199px) { .t-generic { margin: 0 1.875rem; } } @media (max-width:999px) { .t-generic { padding-top: 0; } } @media (max-width:699px) { .t-generic { margin: 0; } } .t-generic_content { text-align: left; opacity: 1; -webkit-transform: none; -ms-transform: none; transform: none; -webkit-transition: opacity .3s cubic-bezier(.215,.61,.355,1) .4s,-webkit-transform .3s cubic-bezier(.215,.61,.355,1) .4s; transition: opacity .3s cubic-bezier(.215,.61,.355,1) .4s,-webkit-transform .3s cubic-bezier(.215,.61,.355,1) .4s; transition: transform .3s cubic-bezier(.215,.61,.355,1) .4s,opacity .3s cubic-bezier(.215,.61,.355,1) .4s; transition: transform .3s cubic-bezier(.215,.61,.355,1) .4s,opacity .3s cubic-bezier(.215,.61,.355,1) .4s,-webkit-transform .3s cubic-bezier(.215,.61,.355,1) .4s; } body[data-template=news] .t-generic_content { float: right; } .list-is-loading .t-generic_content,.subpage-is-loading .t-generic_content { -webkit-transition: opacity .3s cubic-bezier(.215,.61,.355,1) .4s,-webkit-transform .3s cubic-bezier(.215,.61,.355,1) .4s; transition: opacity .3s cubic-bezier(.215,.61,.355,1) .4s,-webkit-transform .3s cubic-bezier(.215,.61,.355,1) .4s; transition: transform .3s cubic-bezier(.215,.61,.355,1) .4s,opacity .3s cubic-bezier(.215,.61,.355,1) .4s; transition: transform .3s cubic-bezier(.215,.61,.355,1) .4s,opacity .3s cubic-bezier(.215,.61,.355,1) .4s,-webkit-transform .3s cubic-bezier(.215,.61,.355,1) .4s; opacity: 0; -webkit-transform: translateY(30px); -ms-transform: translateY(30px); transform: translateY(30px); } .t-generic_content .o-category { opacity: 1; -webkit-transform: none; -ms-transform: none; transform: none; -webkit-transition: opacity .3s cubic-bezier(.215,.61,.355,1),-webkit-transform .3s cubic-bezier(.215,.61,.355,1); transition: opacity .3s cubic-bezier(.215,.61,.355,1),-webkit-transform .3s cubic-bezier(.215,.61,.355,1); transition: transform .3s cubic-bezier(.215,.61,.355,1),opacity .3s cubic-bezier(.215,.61,.355,1); transition: transform .3s cubic-bezier(.215,.61,.355,1),opacity .3s cubic-bezier(.215,.61,.355,1),-webkit-transform .3s cubic-bezier(.215,.61,.355,1); } .list-is-loading .t-generic_content .o-category { -webkit-transition: opacity .3s cubic-bezier(.215,.61,.355,1) .3s,-webkit-transform .3s cubic-bezier(.215,.61,.355,1) .3s; transition: opacity .3s cubic-bezier(.215,.61,.355,1) .3s,-webkit-transform .3s cubic-bezier(.215,.61,.355,1) .3s; transition: transform .3s cubic-bezier(.215,.61,.355,1) .3s,opacity .3s cubic-bezier(.215,.61,.355,1) .3s; transition: transform .3s cubic-bezier(.215,.61,.355,1) .3s,opacity .3s cubic-bezier(.215,.61,.355,1) .3s,-webkit-transform .3s cubic-bezier(.215,.61,.355,1) .3s; opacity: 0; -webkit-transform: translateY(30px); -ms-transform: translateY(30px); transform: translateY(30px); } .t-generic_content .o-page_title { margin-top: 0; opacity: 1; -webkit-transform: none; -ms-transform: none; transform: none; -webkit-transition: opacity .3s cubic-bezier(.215,.61,.355,1) .1s,-webkit-transform .3s cubic-bezier(.215,.61,.355,1) .1s; transition: opacity .3s cubic-bezier(.215,.61,.355,1) .1s,-webkit-transform .3s cubic-bezier(.215,.61,.355,1) .1s; transition: transform .3s cubic-bezier(.215,.61,.355,1) .1s,opacity .3s cubic-bezier(.215,.61,.355,1) .1s; transition: transform .3s cubic-bezier(.215,.61,.355,1) .1s,opacity .3s cubic-bezier(.215,.61,.355,1) .1s,-webkit-transform .3s cubic-bezier(.215,.61,.355,1) .1s; } .list-is-loading .t-generic_content .o-page_title,.subpage-is-loading .t-generic_content .o-page_title { -webkit-transition: opacity .3s cubic-bezier(.215,.61,.355,1) .2s,-webkit-transform .3s cubic-bezier(.215,.61,.355,1) .2s; transition: opacity .3s cubic-bezier(.215,.61,.355,1) .2s,-webkit-transform .3s cubic-bezier(.215,.61,.355,1) .2s; transition: transform .3s cubic-bezier(.215,.61,.355,1) .2s,opacity .3s cubic-bezier(.215,.61,.355,1) .2s; transition: transform .3s cubic-bezier(.215,.61,.355,1) .2s,opacity .3s cubic-bezier(.215,.61,.355,1) .2s,-webkit-transform .3s cubic-bezier(.215,.61,.355,1) .2s; opacity: 0; -webkit-transform: translateY(30px); -ms-transform: translateY(30px); transform: translateY(30px); } .t-generic_content .o-page_infos { display: block; color: #666; font-size: .875rem; } .t-generic_content .o-page_title~.o-page_infos { margin-top: -1.875rem; margin-bottom: 1.875rem; } .t-generic_content .o-page_news_infos { opacity: 1; -webkit-transform: none; -ms-transform: none; transform: none; -webkit-transition: opacity .3s cubic-bezier(.215,.61,.355,1) .2s,-webkit-transform .3s cubic-bezier(.215,.61,.355,1) .2s; transition: opacity .3s cubic-bezier(.215,.61,.355,1) .2s,-webkit-transform .3s cubic-bezier(.215,.61,.355,1) .2s; transition: transform .3s cubic-bezier(.215,.61,.355,1) .2s,opacity .3s cubic-bezier(.215,.61,.355,1) .2s; transition: transform .3s cubic-bezier(.215,.61,.355,1) .2s,opacity .3s cubic-bezier(.215,.61,.355,1) .2s,-webkit-transform .3s cubic-bezier(.215,.61,.355,1) .2s; } .list-is-loading .t-generic_content .o-page_news_infos,.subpage-is-loading .t-generic_content .o-page_news_infos { -webkit-transition: opacity .3s cubic-bezier(.215,.61,.355,1) .1s,-webkit-transform .3s cubic-bezier(.215,.61,.355,1) .1s; transition: opacity .3s cubic-bezier(.215,.61,.355,1) .1s,-webkit-transform .3s cubic-bezier(.215,.61,.355,1) .1s; transition: transform .3s cubic-bezier(.215,.61,.355,1) .1s,opacity .3s cubic-bezier(.215,.61,.355,1) .1s; transition: transform .3s cubic-bezier(.215,.61,.355,1) .1s,opacity .3s cubic-bezier(.215,.61,.355,1) .1s,-webkit-transform .3s cubic-bezier(.215,.61,.355,1) .1s; opacity: 0; -webkit-transform: translateY(30px); -ms-transform: translateY(30px); transform: translateY(30px); } .t-generic_content .o-page_thumbnail { opacity: 1; -webkit-transform: none; -ms-transform: none; transform: none; -webkit-transition: opacity .3s cubic-bezier(.215,.61,.355,1) .3s,-webkit-transform .3s cubic-bezier(.215,.61,.355,1) .3s; transition: opacity .3s cubic-bezier(.215,.61,.355,1) .3s,-webkit-transform .3s cubic-bezier(.215,.61,.355,1) .3s; transition: transform .3s cubic-bezier(.215,.61,.355,1) .3s,opacity .3s cubic-bezier(.215,.61,.355,1) .3s; transition: transform .3s cubic-bezier(.215,.61,.355,1) .3s,opacity .3s cubic-bezier(.215,.61,.355,1) .3s,-webkit-transform .3s cubic-bezier(.215,.61,.355,1) .3s; } .list-is-loading .t-generic_content .o-page_thumbnail,.subpage-is-loading .t-generic_content .o-page_thumbnail { -webkit-transition: opacity .3s cubic-bezier(.215,.61,.355,1),-webkit-transform .3s cubic-bezier(.215,.61,.355,1); transition: opacity .3s cubic-bezier(.215,.61,.355,1),-webkit-transform .3s cubic-bezier(.215,.61,.355,1); transition: transform .3s cubic-bezier(.215,.61,.355,1),opacity .3s cubic-bezier(.215,.61,.355,1); transition: transform .3s cubic-bezier(.215,.61,.355,1),opacity .3s cubic-bezier(.215,.61,.355,1),-webkit-transform .3s cubic-bezier(.215,.61,.355,1); opacity: 0; -webkit-transform: translateY(30px); -ms-transform: translateY(30px); transform: translateY(30px); } .t-generic_content .o-page_thumbnail_caption { margin-top: 1em; color: #777; font-size: .85em; } .t-generic_next { margin-top: 5rem; padding-top: 3.75rem; border-top: 1px solid #ccc; display: block; color: #000!important; text-decoration: none!important; } .t-championship_upcoming { border-top: 1px solid #ccc; border-right: 1px solid #ccc; border-left: 1px solid #ccc; border-bottom: 4px solid #ccc; } .t-championship_upcoming_header { padding: 30px 50px; border-bottom: 1px solid #ccc; position: relative; z-index: 10; } @media (max-width:999px) { .t-championship_upcoming_header { padding: 0; } } @media (max-width:999px) { .t-championship_upcoming_header .o-category { margin: 1.25rem 1.875rem; display: block; } } @media (max-width:699px) { .t-championship_upcoming_infos.is-table { display: block; } } @media (max-width:699px) { .t-championship_upcoming_date.-table-cell { display: block; width: 100%; } } .t-championship_upcoming_date_value { font-size: 1.5625rem; letter-spacing: 3px; text-transform: uppercase; font-weight: 700; line-height: .9; } @media (max-width:999px) { .t-championship_upcoming_date_value { font-size: 1rem; line-height: .8; } } .t-championship_upcoming_place { margin-top: 3.75rem; } @media (max-width:999px) { .t-championship_upcoming_place { margin-top: 1.875rem; } } .t-championship_upcoming_label { font-weight: 400; text-transform: uppercase; font-size: .875rem; letter-spacing: 1px; line-height: 1.2; margin-bottom: 1.25rem; color: #9c9c9c; display: block; } @media (max-width:999px) { .t-championship_upcoming_label { font-size: .75rem; } } .t-championship_countdown_item { text-align: center; border-left: 1px solid #ccc; } @media (max-width:699px) { .t-championship_countdown_item { border-top: 1px solid #ccc; border-left: 0; } .t-championship_countdown_item:nth-child(3),.t-championship_countdown_item:nth-child(5) { border-left: 1px solid #ccc; } .t-championship_countdown_item.-table-cell { display: inline-block; width: 50%; } } .t-championship_upcoming_value { font-family: "Timmons NY",Impact,"Franklin Gothic Bold",sans-serif; text-transform: uppercase; font-weight: 400; font-size: 5.9375rem; color: #000; line-height: .9; } @media (max-width:999px) { .t-championship_upcoming_value { font-size: 3.75rem; } } .t-championship_upcoming_calltoactions { border-top: 1px solid #ccc; } .t-championship_upcoming_calltoactions_item { text-align: center; font-weight: 700; text-transform: uppercase; font-size: .875rem; letter-spacing: 3px; color: #000; padding: 30px 50px; } .t-championship_upcoming_calltoactions_item:first-child { border-right: 1px solid #ccc; } @media (max-width:999px) { .t-championship_upcoming_calltoactions_item:first-child { border-right: 0; border-bottom: 1px solid #ccc; } } .t-championship_calltoactions { font-size: 0; } .t-championship_calltoactions_item { display: inline-block; font-size: 1rem; width: 50%; height: 50vh; background-size: cover; background-position: center center; position: relative; } @media (max-width:699px) { .t-championship_calltoactions_item { width: 100%; } } .t-championship_calltoactions_item_title { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); transform: translate(-50%,-50%); font-family: "Timmons NY",Impact,"Franklin Gothic Bold",sans-serif; font-size: 4.375rem; text-align: center; text-transform: uppercase; font-weight: 400; color: #fff; letter-spacing: 2px; } @media (max-width:1199px) { .t-championship_calltoactions_item_title { font-size: 3.125rem; } } .c-widget .c-actions>* { display: inline-block; } .c-widget .c-actions_button { margin-bottom: 0; margin-left: 15px; } #so_schedule .c-actions { position: relative; top: -.75em; right: auto; float: right; margin-bottom: 0; } #so_scores .c-actions { position: relative; top: auto; right: auto; float: right; margin-top: -1.875rem; } #so_datePicker { padding-right: 0; } #so_standings .c-actions { position: relative; top: auto; right: auto; float: right; margin-top: -1.875rem; } #so_statistics .c-actions { position: relative; top: auto; right: auto; float: right; margin-top: -1.875rem; } #so_teams .c-actions { position: relative; top: auto; right: auto; float: right; margin-top: -1.875rem; } .u-text-gray { color: #ccc; } .u-bg-color { background-color: #ff3e2e; } [data-sport=basketball] .u-bg-color { background-color: #ff803f; } [data-sport=cross-country] .u-bg-color { background-color: #a6ea00; } [data-sport=curling] .u-bg-color { background-color: #32d8ea; } [data-sport=field-hockey] .u-bg-color { background-color: #cea9ff; } [data-sport=football] .u-bg-color { background-color: #e2ed00; } [data-sport=hockey] .u-bg-color { background-color: #ff3e2e; } [data-sport=rugby] .u-bg-color { background-color: #05ce7c; } [data-sport=soccer] .u-bg-color { background-color: #57e55b; } [data-sport=swimming] .u-bg-color { background-color: #29d9c2; } [data-sport=track-field] .u-bg-color { background-color: #ff6a3b; } [data-sport=volleyball] .u-bg-color { background-color: #ffc800; } [data-sport=wrestling] .u-bg-color { background-color: #00bcf0; } [data-sport=general] .u-bg-color { background-color: #ff3e2e; } [data-sport=international] .u-bg-color { background-color: #ff3e2e; } [data-sport=award] .u-bg-color { background-color: #b9914d; } .u-fg-color { color: #ff3e2e; } [data-sport=basketball] .u-fg-color { color: #ff803f; } [data-sport=cross-country] .u-fg-color { color: #a6ea00; } [data-sport=curling] .u-fg-color { color: #32d8ea; } [data-sport=field-hockey] .u-fg-color { color: #cea9ff; } [data-sport=football] .u-fg-color { color: #e2ed00; } [data-sport=hockey] .u-fg-color { color: #ff3e2e; } [data-sport=rugby] .u-fg-color { color: #05ce7c; } [data-sport=soccer] .u-fg-color { color: #57e55b; } [data-sport=swimming] .u-fg-color { color: #29d9c2; } [data-sport=track-field] .u-fg-color { color: #ff6a3b; } [data-sport=volleyball] .u-fg-color { color: #ffc800; } [data-sport=wrestling] .u-fg-color { color: #00bcf0; } [data-sport=general] .u-fg-color { color: #ff3e2e; } [data-sport=international] .u-fg-color { color: #ff3e2e; } [data-sport=award] .u-fg-color { color: #b9914d; } .u-color--facebook { color: #3b5998; } .u-color--instagram { color: #e0386d; } .u-color--youtube { color: #cc181e; } .u-color--twitter { color: #55acee; } :focus.u-color-hocus--facebook,:hover.u-color-hocus--facebook { color: #3b5998; } :focus.u-color-hocus--instagram,:hover.u-color-hocus--instagram { color: #e0386d; } :focus.u-color-hocus--youtube,:hover.u-color-hocus--youtube { color: #cc181e; } :focus.u-color-hocus--twitter,:hover.u-color-hocus--twitter { color: #55acee; } .u-border { border: 1px solid #ccc; } .u-border-top { border-top: 1px solid #ccc; } .u-border-bottom { border-bottom: 1px solid #ccc; } .u-border-left { border-left: 1px solid #ccc; } @media (max-width:699px) { .u-border-left { border-left: 0; } } .u-border-right { border-right: 1px solid #ccc; } @media (max-width:699px) { .u-border-right { border-right: 0; } } .u-pull-left { float: left!important; } .u-pull-right { float: right!important; } .u-align-left { text-align: left!important; } .u-align-right { text-align: right!important; } .u-align-center { text-align: center!important; } .u-align-justify { text-align: justify!important; } .u-full-width { width: 100%; } .u-centered { margin-right: auto; margin-left: auto; } .u-centered:not(table) { display: block; } .u-nomargin { margin: 0; } .u-uppercase { text-transform: uppercase; } .u-underline { text-decoration: underline; } .u-truncate { max-width: 100%; word-wrap: normal; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .icon-property-fill { stroke: none!important; } .icon-property-stroke { fill: none!important; } .u-sep { margin-left: .5em; margin-right: .5em; } .u-lede::after { display: table; clear: both; content: ""; } .u-lede:first-letter { float: left; margin-right: .1em; display: inline-block; font-size: 10em; font-family: "Timmons NY",Impact,"Franklin Gothic Bold",sans-serif; line-height: .85; vertical-align: top; } .u-lede+article,.u-lede+blockquote,.u-lede+div,.u-lede+dl,.u-lede+embed,.u-lede+figure,.u-lede+h1,.u-lede+h2,.u-lede+h3,.u-lede+h4,.u-lede+h5,.u-lede+h6,.u-lede+iframe,.u-lede+object,.u-lede+ol,.u-lede+table,.u-lede+ul,.u-lede+video { clear: left; } .u-vertical-middle { vertical-align: middle; } .u-vertical-center { font-size: 0; } .u-vertical-center::before { display: inline-block; height: 100%; content: ""; vertical-align: middle; } .u-vertical-center>* { display: inline-block; font-size: 1rem; vertical-align: middle; } .u-clearfix::after { display: table; clear: both; content: ""; } .u-relative { position: relative; } .u-readable-body { margin-left: auto; margin-right: auto; max-width: 75rem; } .u-overflow { display: block; max-width: 100%; overflow: scroll; -webkit-overflow-scrolling: touch; } .u-1\/2 { width: 50%!important; } .u-1\/3 { width: 33.3333333333%!important; } .u-2\/3 { width: 66.6666666667%!important; } .u-1\/4 { width: 25%!important; } .u-2\/4 { width: 50%!important; } .u-3\/4 { width: 75%!important; } .u-disable-hover,.u-disable-hover * { pointer-events: none!important; } .u-spritesheet { position: absolute; bottom: 0; left: 0; width: 0; height: 0; min-height: none; min-width: none; } .u-block { display: block; } .u-hidden { display: none!important; } .is-visible { visibility: visible!important; opacity: 1!important; } .is-invisible { visibility: hidden!important; opacity: 0!important; } .has-js .hide-if-js,.has-no-js .hide-if-no-js,.is-hidden { display: none!important; visibility: hidden!important; } @media not print { .is-hidden\@screen { display: none!important; visibility: hidden!important; } } @media print { .is-hidden\@print { display: none!important; visibility: hidden!important; } } @media (max-width:1199px) { .is-hidden\@to-large { display: none; } } @media (min-width:1200px) { .is-hidden\@from-large { display: none; } } @media (max-width:999px) { .is-hidden\@to-medium { display: none; } } @media (min-width:1000px) { .is-hidden\@from-medium { display: none; } } @media (max-width:699px) { .is-hidden\@to-small { display: none; } } @media (min-width:700px) { .is-hidden\@from-small { display: none; } } .u-screen-reader-text { position: absolute!important; overflow: hidden; height: 1px; width: 1px; padding: 0; margin: 0; border: 0; clip: rect(0 0 0 0); } @media not print { .u-screen-reader-text\@screen { position: absolute!important; overflow: hidden; height: 1px; width: 1px; padding: 0; margin: 0; border: 0; clip: rect(0 0 0 0); } } .u-screen-reader-text.-focusable:active,.u-screen-reader-text.-focusable:focus { height: auto; width: auto; clip: auto; } .u-padding-none { padding: 0!important; } .u-padding-top-none { padding-top: 0!important; } .u-padding-right-none { padding-right: 0!important; } .u-padding-bottom-none { padding-bottom: 0!important; } .u-padding-left-none { padding-left: 0!important; } .u-padding-horizontal-none { padding-left: 0!important; padding-right: 0!important; } .u-padding-vertical-none { padding-top: 0!important; padding-bottom: 0!important; } .u-margin-none { margin: 0!important; } .u-margin-top-none { margin-top: 0!important; } .u-margin-right-none { margin-right: 0!important; } .u-margin-bottom-none { margin-bottom: 0!important; } .u-margin-left-none { margin-left: 0!important; } .u-margin-horizontal-none { margin-left: 0!important; margin-right: 0!important; } .u-margin-vertical-none { margin-top: 0!important; margin-bottom: 0!important; } @media (min-width:1441px) { .u-padding { padding: 60px!important; } .u-padding-top { padding-top: 60px!important; } .u-padding-right { padding-right: 60px!important; } .u-padding-bottom { padding-bottom: 60px!important; } .u-padding-left { padding-left: 60px!important; } .u-padding-horizontal { padding-left: 60px!important; padding-right: 60px!important; } .u-padding-vertical { padding-top: 60px!important; padding-bottom: 60px!important; } .u-margin { margin: 60px!important; } .u-margin-top { margin-top: 60px!important; } .u-margin-right { margin-right: 60px!important; } .u-margin-bottom { margin-bottom: 60px!important; } .u-margin-left { margin-left: 60px!important; } .u-margin-horizontal { margin-left: 60px!important; margin-right: 60px!important; } .u-margin-vertical { margin-top: 60px!important; margin-bottom: 60px!important; } } @media (min-width:700px) and (max-width:1440px) { .u-padding { padding: 40px!important; } .u-padding-top { padding-top: 40px!important; } .u-padding-right { padding-right: 40px!important; } .u-padding-bottom { padding-bottom: 40px!important; } .u-padding-left { padding-left: 40px!important; } .u-padding-horizontal { padding-left: 40px!important; padding-right: 40px!important; } .u-padding-vertical { padding-top: 40px!important; padding-bottom: 40px!important; } .u-margin { margin: 40px!important; } .u-margin-top { margin-top: 40px!important; } .u-margin-right { margin-right: 40px!important; } .u-margin-bottom { margin-bottom: 40px!important; } .u-margin-left { margin-left: 40px!important; } .u-margin-horizontal { margin-left: 40px!important; margin-right: 40px!important; } .u-margin-vertical { margin-top: 40px!important; margin-bottom: 40px!important; } } @media (max-width:699px) { .u-padding { padding: 30px!important; } .u-padding-top { padding-top: 30px!important; } .u-padding-right { padding-right: 30px!important; } .u-padding-bottom { padding-bottom: 30px!important; } .u-padding-left { padding-left: 30px!important; } .u-padding-horizontal { padding-left: 30px!important; padding-right: 30px!important; } .u-padding-vertical { padding-top: 30px!important; padding-bottom: 30px!important; } .u-margin { margin: 30px!important; } .u-margin-top { margin-top: 30px!important; } .u-margin-right { margin-right: 30px!important; } .u-margin-bottom { margin-bottom: 30px!important; } .u-margin-left { margin-left: 30px!important; } .u-margin-horizontal { margin-left: 30px!important; margin-right: 30px!important; } .u-margin-vertical { margin-top: 30px!important; margin-bottom: 30px!important; } } @media (min-width:1441px) { .u-padding-dbl { padding: 120px!important; } .u-padding-top-dbl { padding-top: 120px!important; } .u-padding-right-dbl { padding-right: 120px!important; } .u-padding-bottom-dbl { padding-bottom: 120px!important; } .u-padding-left-dbl { padding-left: 120px!important; } .u-padding-horizontal-dbl { padding-left: 120px!important; padding-right: 120px!important; } .u-padding-vertical-dbl { padding-top: 120px!important; padding-bottom: 120px!important; } .u-margin-dbl { margin: 120px!important; } .u-margin-top-dbl { margin-top: 120px!important; } .u-margin-right-dbl { margin-right: 120px!important; } .u-margin-bottom-dbl { margin-bottom: 120px!important; } .u-margin-left-dbl { margin-left: 120px!important; } .u-margin-horizontal-dbl { margin-left: 120px!important; margin-right: 120px!important; } .u-margin-vertical-dbl { margin-top: 120px!important; margin-bottom: 120px!important; } } @media (min-width:1200px) and (max-width:1440px) { .u-padding-dbl { padding: 80px!important; } .u-padding-top-dbl { padding-top: 80px!important; } .u-padding-right-dbl { padding-right: 80px!important; } .u-padding-bottom-dbl { padding-bottom: 80px!important; } .u-padding-left-dbl { padding-left: 80px!important; } .u-padding-horizontal-dbl { padding-left: 80px!important; padding-right: 80px!important; } .u-padding-vertical-dbl { padding-top: 80px!important; padding-bottom: 80px!important; } .u-margin-dbl { margin: 80px!important; } .u-margin-top-dbl { margin-top: 80px!important; } .u-margin-right-dbl { margin-right: 80px!important; } .u-margin-bottom-dbl { margin-bottom: 80px!important; } .u-margin-left-dbl { margin-left: 80px!important; } .u-margin-horizontal-dbl { margin-left: 80px!important; margin-right: 80px!important; } .u-margin-vertical-dbl { margin-top: 80px!important; margin-bottom: 80px!important; } } @media (min-width:700px) and (max-width:1199px) { .u-padding-dbl { padding: 40px!important; } .u-padding-top-dbl { padding-top: 40px!important; } .u-padding-right-dbl { padding-right: 40px!important; } .u-padding-bottom-dbl { padding-bottom: 40px!important; } .u-padding-left-dbl { padding-left: 40px!important; } .u-padding-horizontal-dbl { padding-left: 40px!important; padding-right: 40px!important; } .u-padding-vertical-dbl { padding-top: 40px!important; padding-bottom: 40px!important; } .u-margin-dbl { margin: 40px!important; } .u-margin-top-dbl { margin-top: 40px!important; } .u-margin-right-dbl { margin-right: 40px!important; } .u-margin-bottom-dbl { margin-bottom: 40px!important; } .u-margin-left-dbl { margin-left: 40px!important; } .u-margin-horizontal-dbl { margin-left: 40px!important; margin-right: 40px!important; } .u-margin-vertical-dbl { margin-top: 40px!important; margin-bottom: 40px!important; } } @media (max-width:699px) { .u-padding-dbl { padding: 30px!important; } .u-padding-top-dbl { padding-top: 30px!important; } .u-padding-right-dbl { padding-right: 30px!important; } .u-padding-bottom-dbl { padding-bottom: 30px!important; } .u-padding-left-dbl { padding-left: 30px!important; } .u-padding-horizontal-dbl { padding-left: 30px!important; padding-right: 30px!important; } .u-padding-vertical-dbl { padding-top: 30px!important; padding-bottom: 30px!important; } .u-margin-dbl { margin: 30px!important; } .u-margin-top-dbl { margin-top: 30px!important; } .u-margin-right-dbl { margin-right: 30px!important; } .u-margin-bottom-dbl { margin-bottom: 30px!important; } .u-margin-left-dbl { margin-left: 30px!important; } .u-margin-horizontal-dbl { margin-left: 30px!important; margin-right: 30px!important; } .u-margin-vertical-dbl { margin-top: 30px!important; margin-bottom: 30px!important; } } .u-text-alpha { font-size: 3em; line-height: 1.1; } .u-text-beta { font-size: 2em; line-height: 1.2; } .u-text-gamma { font-size: 1.5em; line-height: 1.2; } .u-text-delta { font-size: 1.1875em; line-height: 1.2; } .u-text-epsilon { font-size: 1em; line-height: 1.3; letter-spacing: .5px; } .u-text-zeta { font-size: .8125em; letter-spacing: .5px; } .s-content-body { font-family: aktiv-grotesk,sans-serif; } .s-content-body { font-size: .75rem; } @media screen and (min-width:20rem) { .s-content-body { font-size: calc(.75rem + .5 * ((100vw - 20rem)/ 70)); } } @media screen and (min-width:90rem) { .s-content-body { font-size: 1.25rem; } } .s-content-body dl,.s-content-body h1,.s-content-body h2,.s-content-body h3,.s-content-body h4,.s-content-body h5,.s-content-body h6,.s-content-body ol,.s-content-body p,.s-content-body ul { margin-top: 1.6em; margin-bottom: 1.6em; } .s-content-body .c-accordion,.s-content-body .c-resources,.s-content-body .c-tabbed,.s-content-body blockquote,.s-content-body figure,.s-content-body table { margin-top: 3.2em; margin-bottom: 3.2em; } .s-content-body address abbr[title],.s-content-body h1 abbr[title],.s-content-body h2 abbr[title],.s-content-body h3 abbr[title],.s-content-body h4 abbr[title],.s-content-body h5 abbr[title],.s-content-body h6 abbr[title] { text-decoration: none; } .s-content-body a:not(.c-resources_link):not(.c-accordion_item_title):not(.c-filters_list_link) { color: #ff3e2e; text-decoration: none; } [data-sport=basketball] .s-content-body a:not(.c-resources_link):not(.c-accordion_item_title):not(.c-filters_list_link) { color: #ff803f; } [data-sport=cross-country] .s-content-body a:not(.c-resources_link):not(.c-accordion_item_title):not(.c-filters_list_link) { color: #a6ea00; } [data-sport=curling] .s-content-body a:not(.c-resources_link):not(.c-accordion_item_title):not(.c-filters_list_link) { color: #32d8ea; } [data-sport=field-hockey] .s-content-body a:not(.c-resources_link):not(.c-accordion_item_title):not(.c-filters_list_link) { color: #cea9ff; } [data-sport=football] .s-content-body a:not(.c-resources_link):not(.c-accordion_item_title):not(.c-filters_list_link) { color: #e2ed00; } [data-sport=hockey] .s-content-body a:not(.c-resources_link):not(.c-accordion_item_title):not(.c-filters_list_link) { color: #ff3e2e; } [data-sport=rugby] .s-content-body a:not(.c-resources_link):not(.c-accordion_item_title):not(.c-filters_list_link) { color: #05ce7c; } [data-sport=soccer] .s-content-body a:not(.c-resources_link):not(.c-accordion_item_title):not(.c-filters_list_link) { color: #57e55b; } [data-sport=swimming] .s-content-body a:not(.c-resources_link):not(.c-accordion_item_title):not(.c-filters_list_link) { color: #29d9c2; } [data-sport=track-field] .s-content-body a:not(.c-resources_link):not(.c-accordion_item_title):not(.c-filters_list_link) { color: #ff6a3b; } [data-sport=volleyball] .s-content-body a:not(.c-resources_link):not(.c-accordion_item_title):not(.c-filters_list_link) { color: #ffc800; } [data-sport=wrestling] .s-content-body a:not(.c-resources_link):not(.c-accordion_item_title):not(.c-filters_list_link) { color: #00bcf0; } [data-sport=general] .s-content-body a:not(.c-resources_link):not(.c-accordion_item_title):not(.c-filters_list_link) { color: #ff3e2e; } [data-sport=international] .s-content-body a:not(.c-resources_link):not(.c-accordion_item_title):not(.c-filters_list_link) { color: #ff3e2e; } [data-sport=award] .s-content-body a:not(.c-resources_link):not(.c-accordion_item_title):not(.c-filters_list_link) { color: #b9914d; } .s-content-body a:not(.c-resources_link):not(.c-accordion_item_title):not(.c-filters_list_link):active { color: #ffa72e; } .s-content-body a:not(.c-resources_link):not(.c-accordion_item_title):not(.c-filters_list_link):focus,.s-content-body a:not(.c-resources_link):not(.c-accordion_item_title):not(.c-filters_list_link):hover { text-decoration: underline; } .s-content-body ol,.s-content-body ul { list-style: none; padding: 0; } .s-content-body li:not(.c-filters_list_item) ol:not([role=tablist]),.s-content-body li:not(.c-filters_list_item) ul:not([role=tablist]),.s-content-body li:not(.c-filters_list_item)+li:not(.c-filters_list_item) { margin-top: .5em; margin-bottom: .5em; } .s-content-body li::before { float: left; display: inline-block; color: #ff3e2e; text-align: right; margin-right: 1.2em; } .o-page[data-sport=basketball] .s-content-body li::before { color: #ff803f; } .o-page[data-sport=cross-country] .s-content-body li::before { color: #a6ea00; } .o-page[data-sport=curling] .s-content-body li::before { color: #32d8ea; } .o-page[data-sport=field-hockey] .s-content-body li::before { color: #cea9ff; } .o-page[data-sport=football] .s-content-body li::before { color: #e2ed00; } .o-page[data-sport=hockey] .s-content-body li::before { color: #ff3e2e; } .o-page[data-sport=rugby] .s-content-body li::before { color: #05ce7c; } .o-page[data-sport=soccer] .s-content-body li::before { color: #57e55b; } .o-page[data-sport=swimming] .s-content-body li::before { color: #29d9c2; } .o-page[data-sport=track-field] .s-content-body li::before { color: #ff6a3b; } .o-page[data-sport=volleyball] .s-content-body li::before { color: #ffc800; } .o-page[data-sport=wrestling] .s-content-body li::before { color: #00bcf0; } .o-page[data-sport=general] .s-content-body li::before { color: #ff3e2e; } .o-page[data-sport=international] .s-content-body li::before { color: #ff3e2e; } .o-page[data-sport=award] .s-content-body li::before { color: #b9914d; } .s-content-body ol:not([role=tablist]) { counter-reset: item; margin-left: 2em; } :not(li) .s-content-body ol:not([role=tablist]) { margin-left: 3em; } .s-content-body ol:not([role=tablist])>li::before { content: counter(item) "."; counter-increment: item; width: 2.4em; margin-left: -2.4em; font-size: .8em; font-weight: 700; line-height: 2.1; } .s-content-body ol:not([role=tablist]) ol:not([role=tablist]) { margin-left: 2.9em; } .s-content-body ol:not([role=tablist]) ol:not([role=tablist])>li::before { content: counters(item, ".") "."; width: 2.8em; margin-left: -2.8em; } .s-content-body ul:not([role=tablist]) { margin-left: 2em; } .s-content-body ul:not([role=tablist])>li::before { content: "\0025A0"; width: 1.6em; margin-left: -1.6em; line-height: 1.4; } .s-content-body blockquote { font-weight: 700; padding-left: 2.5rem; border-color: #ff3e2e; border-style: solid; border-width: 0 0 0 10px; } @media screen and (max-width:60rem) { .s-content-body blockquote { border-width: 0 0 0 5px; padding-left: 1.875rem; } } .s-content-body blockquote b,.s-content-body blockquote strong { font-weight: 400; } .o-page[data-sport=basketball] .s-content-body blockquote { border-color: #ff803f; } .o-page[data-sport=cross-country] .s-content-body blockquote { border-color: #a6ea00; } .o-page[data-sport=curling] .s-content-body blockquote { border-color: #32d8ea; } .o-page[data-sport=field-hockey] .s-content-body blockquote { border-color: #cea9ff; } .o-page[data-sport=football] .s-content-body blockquote { border-color: #e2ed00; } .o-page[data-sport=hockey] .s-content-body blockquote { border-color: #ff3e2e; } .o-page[data-sport=rugby] .s-content-body blockquote { border-color: #05ce7c; } .o-page[data-sport=soccer] .s-content-body blockquote { border-color: #57e55b; } .o-page[data-sport=swimming] .s-content-body blockquote { border-color: #29d9c2; } .o-page[data-sport=track-field] .s-content-body blockquote { border-color: #ff6a3b; } .o-page[data-sport=volleyball] .s-content-body blockquote { border-color: #ffc800; } .o-page[data-sport=wrestling] .s-content-body blockquote { border-color: #00bcf0; } .o-page[data-sport=general] .s-content-body blockquote { border-color: #ff3e2e; } .o-page[data-sport=international] .s-content-body blockquote { border-color: #ff3e2e; } .o-page[data-sport=award] .s-content-body blockquote { border-color: #b9914d; } .s-content-body .o-citation { color: #ff3e2e; } .o-page[data-sport=basketball] .s-content-body .o-citation { color: #ff803f; } .o-page[data-sport=cross-country] .s-content-body .o-citation { color: #a6ea00; } .o-page[data-sport=curling] .s-content-body .o-citation { color: #32d8ea; } .o-page[data-sport=field-hockey] .s-content-body .o-citation { color: #cea9ff; } .o-page[data-sport=football] .s-content-body .o-citation { color: #e2ed00; } .o-page[data-sport=hockey] .s-content-body .o-citation { color: #ff3e2e; } .o-page[data-sport=rugby] .s-content-body .o-citation { color: #05ce7c; } .o-page[data-sport=soccer] .s-content-body .o-citation { color: #57e55b; } .o-page[data-sport=swimming] .s-content-body .o-citation { color: #29d9c2; } .o-page[data-sport=track-field] .s-content-body .o-citation { color: #ff6a3b; } .o-page[data-sport=volleyball] .s-content-body .o-citation { color: #ffc800; } .o-page[data-sport=wrestling] .s-content-body .o-citation { color: #00bcf0; } .o-page[data-sport=general] .s-content-body .o-citation { color: #ff3e2e; } .o-page[data-sport=international] .s-content-body .o-citation { color: #ff3e2e; } .o-page[data-sport=award] .s-content-body .o-citation { color: #b9914d; } .s-content-body figure { position: relative; } .s-content-body figure figcaption { margin-top: .64em; margin-bottom: .64em; color: #777; font-size: .8125rem; } .s-content-body tfoot,.s-content-body th,.s-content-body thead { font-size: .75rem; font-weight: 600; text-transform: uppercase; } @media (max-width:1440px) { .s-content-body tfoot,.s-content-body th,.s-content-body thead { font-size: .625rem; } } .s-content-body th { text-align: inherit; } .s-content-body caption,.s-content-body td,.s-content-body th { font-weight: 600; } .s-content-body caption.-left,.s-content-body td.-left,.s-content-body th.-left { text-align: left; } .s-content-body caption.-right,.s-content-body td.-right,.s-content-body th.-right { text-align: right; } .s-content-body caption.-center,.s-content-body td.-center,.s-content-body th.-center { text-align: center; } .s-content-body caption { text-transform: uppercase; font-family: Graphik,Arial,Helvetica,sans-serif; font-weight: 600; font-size: .625rem; letter-spacing: .166666em; line-height: 1; text-align: left; border-bottom: 1px solid #ccc; } .s-content-body caption[align=bottom] { border-top: 2px solid #ccc; border-bottom: 0; } .s-content-body thead { color: #fff; background-color: #ff3e2e; } [data-sport=basketball] .s-content-body thead { background-color: #ff803f; } [data-sport=cross-country] .s-content-body thead { background-color: #a6ea00; } [data-sport=curling] .s-content-body thead { background-color: #32d8ea; } [data-sport=field-hockey] .s-content-body thead { background-color: #cea9ff; } [data-sport=football] .s-content-body thead { background-color: #e2ed00; } [data-sport=hockey] .s-content-body thead { background-color: #ff3e2e; } [data-sport=rugby] .s-content-body thead { background-color: #05ce7c; } [data-sport=soccer] .s-content-body thead { background-color: #57e55b; } [data-sport=swimming] .s-content-body thead { background-color: #29d9c2; } [data-sport=track-field] .s-content-body thead { background-color: #ff6a3b; } [data-sport=volleyball] .s-content-body thead { background-color: #ffc800; } [data-sport=wrestling] .s-content-body thead { background-color: #00bcf0; } [data-sport=general] .s-content-body thead { background-color: #ff3e2e; } [data-sport=international] .s-content-body thead { background-color: #ff3e2e; } [data-sport=award] .s-content-body thead { background-color: #b9914d; } .s-content-body tfoot { background-color: #ebebeb; } .s-content-body caption.u-bg-color,.s-content-body tfoot.u-bg-color,.s-content-body thead.u-bg-color { color: #fff; } .s-content-body caption.-bg-red,.s-content-body tfoot.-bg-red,.s-content-body thead.-bg-red { color: #fff; background-color: #ff3e2e; } .s-content-body caption,.s-content-body tfoot td,.s-content-body tfoot th,.s-content-body thead td,.s-content-body thead th { padding-top: .75rem; padding-right: 2rem; padding-bottom: .75rem; padding-left: 2rem; } @media print { .s-content-body caption,.s-content-body tfoot td,.s-content-body tfoot th,.s-content-body thead td,.s-content-body thead th { padding: 5px; } } .s-content-body td,.s-content-body th { border-top: 1px solid #ccc; } .c-accordion.-team .s-content-body thead td { border-top: 0; } .s-content-body .o-table_cell_big { font-family: "Timmons NY",Impact,"Franklin Gothic Bold",sans-serif; font-size: 3.75rem; text-transform: uppercase; line-height: 1; font-weight: 400; padding: 1.875rem 2.5rem; } .s-content-body .o-table_cell_big a { display: block; } @media (max-width:1440px) { .s-content-body .o-table_cell_big { padding: 1.25rem 1.875rem; } } @media (max-width:999px) { .s-content-body .o-table_cell_big { padding: .9375rem 1.25rem; } } .s-content-body tbody { font-size: .875rem; } @media (max-width:1440px) { .s-content-body tbody { font-size: .75rem; } } .s-content-body tbody td,.s-content-body tbody th { padding-top: 1rem; padding-right: 2rem; padding-bottom: 1rem; padding-left: 2rem; } .s-content-body tbody td.-bg-gray,.s-content-body tbody th.-bg-gray { background-color: #f5f5f5; } .s-content-body tbody td.-border-left,.s-content-body tbody th.-border-left { border-left: 1px solid #ccc; } .s-content-body tbody td.-border-right,.s-content-body tbody th.-border-right { border-right: 1px solid #ccc; } @media print { .s-content-body tbody td,.s-content-body tbody th { padding: 5px; } } .s-content-body tbody [rowspan]+td,.s-content-body tbody [rowspan]+th,.s-content-body tbody td+[rowspan],.s-content-body tbody th+[rowspan] { border-left: 1px solid #ccc; } .c-accordion.-team .s-content-body tbody td:first-child { border-right: 1px solid #ccc; } .s-content-body .c-filters_list_item { font-size: 1rem; } .s-content-body h1,.s-content-body h2,.s-content-body h3,.s-content-body h4,.s-content-body h5,.s-content-body h6 { margin-bottom: 0; } .s-content-body .o-h1,.s-content-body h1 { font-size: 3em; margin-top: calc((1.6em - 3em) + 3.2em); } @media screen and (max-width:60rem) { .s-content-body .o-h1,.s-content-body h1 { font-size: 2.25em; margin-top: calc((1.6em - 2.25em) + 1.6em); } } .s-content-body .o-h2,.s-content-body h2 { font-size: 2em; margin-top: calc((1.6em - 2em) + 1.6em); } .s-content-body .o-h3,.s-content-body h3 { font-size: 1.5em; margin-top: calc((1.6em - 1.5em) + 1.6em); } .s-content-body .o-h4,.s-content-body h4 { font-size: 1.1875em; line-height: 1.1875em; margin-top: calc((1.6em - 1.1875em) + 1.6em); } @media screen and (max-width:60rem) { .s-content-body .o-h4,.s-content-body h4 { line-height: 1.6em; } } .s-content-body .o-h5,.s-content-body h5 { font-size: 1em; line-height: 1em; margin-top: calc((1.6em - 1em) + 1.6em); } @media screen and (max-width:60rem) { .s-content-body .o-h5,.s-content-body h5 { line-height: 1.6em; } } .s-content-body .o-h6,.s-content-body h6 { font-size: .8125em; line-height: .8125em; margin-top: calc((1.6em - .8125em) + 1.6em); } @media screen and (max-width:60rem) { .s-content-body .o-h6,.s-content-body h6 { line-height: 1.6em; } } .s-content-body img { display: block; margin: auto; } .s-content-body p>embed,.s-content-body p>iframe,.s-content-body p>object,.s-content-body p>video { margin-top: 0; margin-bottom: 0; } .s-content-body blockquote.u-pull-left,.s-content-body dl.u-pull-left,.s-content-body figure.u-pull-left,.s-content-body img.u-pull-left,.s-content-body table.u-pull-left { margin: .4em 1.6em 1.6em 0; } .s-content-body blockquote.u-pull-right,.s-content-body dl.u-pull-right,.s-content-body figure.u-pull-right,.s-content-body img.u-pull-right,.s-content-body table.u-pull-right { margin: .4em 0 1.6em 1.6em; } .s-content-body blockquote.u-centered,.s-content-body dl.u-centered,.s-content-body figure.u-centered,.s-content-body img.u-centered,.s-content-body table.u-centered { clear: both; margin-top: .4em; margin-bottom: 1.6em; } .u-fadeIn { opacity: 0; -webkit-transition: opacity .6s cubic-bezier(.215,.61,.355,1) .3s; transition: opacity .6s cubic-bezier(.215,.61,.355,1) .3s; } .dom-is-loaded .u-fadeIn.is-animated,.dom-is-reloaded .u-fadeIn.is-animated { opacity: 1; } .u-fadeInUp { opacity: 0; -webkit-transform: translateY(100%); -ms-transform: translateY(100%); transform: translateY(100%); -webkit-transition: opacity .6s cubic-bezier(.215,.61,.355,1) .3s,-webkit-transform .6s cubic-bezier(.215,.61,.355,1) .3s; transition: opacity .6s cubic-bezier(.215,.61,.355,1) .3s,-webkit-transform .6s cubic-bezier(.215,.61,.355,1) .3s; transition: opacity .6s cubic-bezier(.215,.61,.355,1) .3s,transform .6s cubic-bezier(.215,.61,.355,1) .3s; transition: opacity .6s cubic-bezier(.215,.61,.355,1) .3s,transform .6s cubic-bezier(.215,.61,.355,1) .3s,-webkit-transform .6s cubic-bezier(.215,.61,.355,1) .3s; } .dom-is-loaded .u-fadeInUp.is-animated,.dom-is-reloaded .u-fadeInUp.is-animated { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); }