/* Came up with this hoping it'd work but atm it only works in Firefox grrr..... */
html,
body {
height: 100%;
width: 100%;
margin: 0;
padding: 0;
left: 0;
top: 0;
font-size: 100%; }
.left {
text-align: left; }
.right {
text-align: right; }
.center {
text-align: center;
margin-left: auto;
margin-right: auto; }
.justify {
text-align: justify; }
.hidden-sm {
display: none; }
.container {
width: 100%;
margin-left: auto;
margin-right: auto; }
@media screen and (min-width: 768px) {
.container {
max-width: 1200px; } }
#site-inner #main-container.container {
max-width: 500px; }
#site-inner #main-container.container .container {
max-width: 500px; }
.home #site-inner #main-container.container {
max-width: 100%; }
.home #site-inner #main-container.container #hero .container {
max-width: 1400px; }
@media screen and (min-width: 768px) {
#site-inner #main-container.container {
max-width: 1200px; }
#site-inner #main-container.container .container {
max-width: 1200px; } }
.row {
position: relative;
width: 100%; }
.row [class^="col"] {
float: left;
margin: 0.9375rem 0.78125%;
min-height: 0.125rem; }
@media screen and (min-width: 768px) {
.row [class^="col"].push-right {
float: right; } }
.row::after {
content: "";
display: table;
clear: both; }
.col-1,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-10,
.col-11,
.col-12 {
width: 98.4375%; }
.col-1-sm {
width: 6.77083%; }
.col-2-sm {
width: 15.10417%; }
.col-3-sm {
width: 23.4375%; }
.col-4-sm {
width: 31.77083%; }
.col-5-sm {
width: 40.10417%; }
.col-6-sm {
width: 48.4375%; }
.col-7-sm {
width: 56.77083%; }
.col-8-sm {
width: 65.10417%; }
.col-9-sm {
width: 73.4375%; }
.col-10-sm {
width: 81.77083%; }
.col-11-sm {
width: 90.10417%; }
.col-12-sm {
width: 98.4375%; }
@media screen and (min-width: 768px) {
.col-1 {
width: 6.77083%; }
.col-2 {
width: 15.10417%; }
.col-3 {
width: 23.4375%; }
.col-4 {
width: 31.77083%; }
.col-5 {
width: 40.10417%; }
.col-6 {
width: 48.4375%; }
.col-7 {
width: 56.77083%; }
.col-8 {
width: 65.10417%; }
.col-9 {
width: 73.4375%; }
.col-10 {
width: 81.77083%; }
.col-11 {
width: 90.10417%; }
.col-12 {
width: 98.4375%; }
.hidden-sm {
display: block; } }
.push-right {
float: right; }
@media screen and (min-width: 768px) {
.push-1 {
margin-left: 8.20312% !important; } }
@font-face {
font-family: "Nexa Slab W01 Bold";
src: url("../../fonts/1284832/15c497a3-9aa4-48a3-b836-e2a43965e6b8.eot");
src: url("../../fonts/1284832/15c497a3-9aa4-48a3-b836-e2a43965e6b8.eot") format("eot"), url("https://www.invictusgames2018.org/wp-content/themes/invictus-legacy/fonts/1284832/40b3193c-71f5-4592-b613-25c069c6a1cf.woff2") format("woff2"), url("../../fonts/1284832/42705126-939a-4a90-9a56-266d3f732511.woff") format("woff"), url("../../fonts/1284832/e6209453-589a-48d7-8925-7d361b1ef31e.ttf") format("truetype"); }
@font-face {
font-family: "DIN W01 Bold";
src: url("../../fonts/5426014/a94d5d16-cbe3-439e-b1a5-fbdfb180d789.eot");
src: url("../../fonts/5426014/a94d5d16-cbe3-439e-b1a5-fbdfb180d789.eot") format("eot"), url("https://www.invictusgames2018.org/wp-content/themes/invictus-legacy/fonts/5426014/8beea44e-c2c9-4889-9123-13d0e8b8d1bc.woff2") format("woff2"), url("../../fonts/5426014/871e70ec-2f76-44c5-a2f1-77ee8cd0a5fe.woff") format("woff"), url("../../fonts/5426014/8fa83ec7-0734-49e5-b5ad-b13a41463328.ttf") format("truetype"); }
@font-face {
font-family: "DIN W01 Bold Italic";
src: url("../../fonts/5426025/31393c1c-3e18-4011-a98d-252b48422e6f.eot");
src: url("../../fonts/5426025/31393c1c-3e18-4011-a98d-252b48422e6f.eot") format("eot"), url("https://www.invictusgames2018.org/wp-content/themes/invictus-legacy/fonts/5426025/4bfc9802-18e0-45f1-b221-721200906da1.woff2") format("woff2"), url("../../fonts/5426025/abff5174-3c28-4767-b3ba-8ec56b67064e.woff") format("woff"), url("../../fonts/5426025/f0b0175d-906e-433e-ab60-e60c0d0779f4.ttf") format("truetype"); }
@font-face {
font-family: "DIN W01 Italic";
src: url("../../fonts/5426053/e72945c4-5029-4c68-859b-74bc6429ccd6.eot");
src: url("../../fonts/5426053/e72945c4-5029-4c68-859b-74bc6429ccd6.eot") format("eot"), url("https://www.invictusgames2018.org/wp-content/themes/invictus-legacy/fonts/5426053/59fe4d12-8c74-457e-aa68-b9ad885f8f8f.woff2") format("woff2"), url("../../fonts/5426053/39432a06-ab95-4bf7-bbb6-cb84e51170e8.woff") format("woff"), url("../../fonts/5426053/e93afcb1-b4f4-4177-94ab-97c66a9bb9ee.ttf") format("truetype"); }
@font-face {
font-family: "DIN W01 Regular";
src: url("../../fonts/5426089/a397c752-ee83-47cf-b8a8-b476511dd2c9.eot");
src: url("../../fonts/5426089/a397c752-ee83-47cf-b8a8-b476511dd2c9.eot") format("eot"), url("https://www.invictusgames2018.org/wp-content/themes/invictus-legacy/fonts/5426089/53fb9c60-2054-4c31-9283-5562244b4935.woff2") format("woff2"), url("../../fonts/5426089/45831ca8-93bd-4808-aa5f-3c915944f727.woff") format("woff"), url("../../fonts/5426089/429a3e29-88da-4603-94ff-c1450c089c88.ttf") format("truetype"); }
@font-face {
font-family: "FontAwesome";
src: url("../../fonts/font-awesome/fonts/fontawesome-webfont.eot");
src: url("../../fonts/font-awesome/fonts/fontawesome-webfont.eot") format("eot"), url("../../fonts/font-awesome/fonts/fontawesome-webfont.woff") format("woff2"), url("../../fonts/font-awesome/fonts/fontawesome-webfont.woff") format("woff"), url("../../fonts/font-awesome/fonts/fontawesome-webfont.ttf") format("truetype"); }
* {
font-family: "DIN W01 Regular", sans-serif; }
:root {
color: #bfbfbf; }
p {
font-family: "DIN W01 Regular", sans-serif;
color: #bfbfbf;
font-weight: 400;
font-size: 1rem;
line-height: 1.3em;
clear: both;
float: left;
margin: 0 0 1rem 0;
width: 100%; }
@media screen and (min-width: 992px) {
p {
font-size: 1.25rem; } }
#content ul {
width: 100%;
clear: both;
float: left; }
#content ul li {
font-family: "DIN W01 Regular", sans-serif;
color: #bfbfbf;
font-weight: 400;
font-size: 1rem;
line-height: 1.3em;
padding: 0.3125rem 0; }
@media screen and (min-width: 992px) {
#content ul li {
font-size: 1.25rem; } }
#content ul.split-list {
margin: 0;
padding: 0; }
#content ul.split-list li {
width: 45%;
padding-right: 5%;
float: left;
clear: none;
list-style: none; }
ul#main-menu li {
display: block;
transition-duration: 0.3s; }
ul#main-menu li:hover {
cursor: pointer; }
ul#main-menu li ul.sub-menu {
width: 100%;
height: auto;
max-height: 0;
overflow: hidden;
transition: max-height 0.3s cubic-bezier(0.215, 0.61, 0.355, 1); }
ul#main-menu li ul.sub-menu li a {
text-align: left;
background: transparent; }
ul#main-menu li svg.active {
-webkit-transform: rotate(-180deg);
transform: rotate(-180deg); }
ul#main-menu li svg.active + ul.sub-menu {
max-height: 200vh; }
@media screen and (min-width: 992px) {
ul#main-menu li ul.sub-menu {
max-height: 200vh;
visibility: hidden;
opacity: 0;
position: absolute;
transition: all 0.5s ease;
margin-top: 2.1875rem;
left: 0;
display: none;
overflow: visible;
width: 200px; }
ul#main-menu li ul.sub-menu:hover {
visibility: visible;
opacity: 1;
display: block; }
ul#main-menu li ul.sub-menu li {
clear: both;
width: 100%;
padding: 0; }
ul#main-menu li ul.sub-menu li a {
text-align: left; }
ul#main-menu li:hover > ul,
ul#main-menu li:focus-within > ul {
visibility: visible;
opacity: 1;
display: block; }
ul#main-menu li svg.active {
-webkit-transform: none;
transform: none; } }
.page-load-indicator {
position: fixed;
top: 0px;
left: 0px;
height: 2px;
background: #ffd800;
width: 0px;
z-index: 20; }
.page-load-indicator[state="loading"] {
width: 70%;
transition: width 2s cubic-bezier(0.25, 0.46, 0.45, 0.94); }
.page-load-indicator[state="nearly"] {
width: 80%;
transition: width 6s cubic-bezier(0.25, 0.46, 0.45, 0.94); }
.page-load-indicator[state="ready"] {
width: 100%;
-webkit-transform: translateY(-5px);
transform: translateY(-5px);
transition: width 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94), -webkit-transform 0.2s 0.3s;
transition: width 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94), transform 0.2s 0.3s;
transition: width 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94), transform 0.2s 0.3s, -webkit-transform 0.2s 0.3s; }
h1 {
font-family: "Nexa Slab W01 Bold", serif;
color: #ffffff;
font-weight: normal;
font-size: 1.75rem;
line-height: 1em;
text-transform: uppercase;
text-align: left;
padding: 0;
width: 100%;
float: left;
margin: 0; }
@media screen and (min-width: 768px) {
h1 {
display: none; } }
h2 {
font-family: "Nexa Slab W01 Bold", serif;
color: #ffffff;
font-weight: normal;
font-size: 1.75rem;
line-height: 1em;
text-transform: uppercase;
text-align: left;
padding: 0;
width: 100%;
float: left;
margin: 0; }
h2.section-header {
margin: 2.8125rem 0 0.9375rem 0 !important; }
h2.hide-sm {
display: none; }
@media screen and (min-width: 768px) {
h2.hide-sm {
display: block; } }
h3 {
font-family: "Nexa Slab W01 Bold", serif;
color: #ffffff;
font-weight: 400;
font-size: 1.5rem;
line-height: 1em;
margin-top: 0;
margin-bottom: 0.625rem;
text-transform: uppercase;
text-align: left;
padding: 0;
width: 100%;
float: left; }
h3.section-header {
margin: 1.875rem 0 0.9375rem 0 !important; }
h3 a {
font-family: "Nexa Slab W01 Bold", serif;
color: #ffffff;
font-weight: 400;
font-size: 1.5rem;
line-height: 1em;
margin-top: 0;
margin-bottom: 0.625rem;
text-transform: uppercase;
text-align: left;
padding: 0;
width: 100%;
float: left;
color: #ffffff;
text-decoration: none;
margin: 0; }
h3 a:hover {
color: #ffd800; }
h4 {
font-family: "Nexa Slab W01 Bold", serif;
color: #ffffff;
font-weight: 400;
font-size: 1rem;
line-height: 1.8em;
margin: 0;
text-transform: uppercase;
text-align: center;
padding: 0;
width: 100%;
float: left; }
h5 {
font-family: "DIN W01 Regular", sans-serif;
color: #bfbfbf;
font-weight: 400;
font-size: 1rem;
line-height: 1em;
text-transform: uppercase;
color: #ffffff; }
#header {
background: #000000;
width: 100%;
max-width: 100vw;
float: left;
clear: both;
margin: 0;
padding: 0 0.625rem;
text-align: center;
display: block;
position: fixed;
top: 0;
z-index: 10; }
#header .col-10-sm {
max-width: 245px; }
#header .logo {
float: left;
width: 36.45833%;
height: auto; }
#header .logo a {
float: left;
display: block; }
#header .strapline {
display: none; }
#header .strapline.mobile {
display: inline-block;
clear: both;
margin: 0.9375rem auto 0;
width: 100%;
max-width: 400px; }
#header .sponsors {
float: right;
width: 52.86458%;
height: auto; }
#header .social-links {
text-align: left;
margin-top: 0; }
#header .social-links span {
display: inline-block;
width: auto; }
#header .social-links span a {
display: block;
float: left;
padding: 0.625rem 1.5625rem 0.625rem 0; }
#header .social-links span svg {
height: 18px;
width: auto; }
@media screen and (min-width: 481px) {
#header .col-10-sm {
max-width: 300px; }
#header .social-links {
text-align: center; } }
@media screen and (min-width: 992px) {
#header {
padding-top: 0.9375rem; }
#header .col-10-sm {
max-width: none; }
#header .strapline {
display: block; }
#header .strapline.mobile {
display: none; }
#header .social-links {
text-align: right;
margin-top: 0.9375rem; }
#header .social-links span a {
padding: 0.625rem 0 0.625rem 1.5625rem; } }
nav {
height: 0;
overflow: auto;
transition: 0.3s cubic-bezier(0.215, 0.61, 0.355, 1); }
@media screen and (min-width: 768px) {
nav .main-menu {
width: 100%; }
nav .social-links {
width: 100%; } }
@media screen and (min-width: 992px) {
nav {
height: initial;
overflow: unset; }
nav .main-menu {
width: 81.77083%; }
nav .social-links {
width: 15.10417%; } }
.menu-main-menu-container {
display: block;
width: 100vw;
max-width: 100%;
float: left; }
.menu-main-menu-container ul {
display: block;
float: left;
clear: both;
text-align: left;
margin: 0;
padding: 0;
width: 100%; }
.menu-main-menu-container ul ul.sub-menu {
height: auto; }
.menu-main-menu-container ul ul.sub-menu li:first-of-type a {
color: #bfbfbf; }
.menu-main-menu-container ul li {
display: block;
clear: both;
float: left;
list-style: none;
margin: 0;
padding: 0;
width: 100%;
position: relative; }
.menu-main-menu-container ul li a,
.menu-main-menu-container ul li a span {
display: block;
font-family: "DIN W01 Regular", sans-serif;
color: #ffd800;
font-weight: 700;
font-size: 1rem;
line-height: 1em;
text-transform: uppercase;
text-decoration: none;
float: left;
color: #bfbfbf; }
.menu-main-menu-container ul li a {
padding: 0.625rem;
width: 100%;
position: relative;
font-weight: normal; }
.menu-main-menu-container ul li svg {
position: absolute;
right: 0.625rem;
top: 0;
width: 20px;
height: 36px;
z-index: 10;
transition: -webkit-transform 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
transition: transform 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
transition: transform 0.3s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 0.3s cubic-bezier(0.215, 0.61, 0.355, 1); }
.menu-main-menu-container ul li svg.active + ul.sub-menu {
border-bottom: 1px solid #737373; }
.menu-main-menu-container ul li:first-of-type a {
background: #ffd800;
color: #000000; }
.menu-main-menu-container ul li:first-of-type svg .ICON---Chevron {
fill: #000000; }
.menu-main-menu-container ul li:first-of-type ul.sub-menu {
background: #ffd800; }
.menu-main-menu-container ul li:first-of-type ul.sub-menu li:first-of-type a {
color: #000000; }
@media screen and (min-width: 992px) {
.menu-main-menu-container {
display: block;
width: auto;
float: left; }
.menu-main-menu-container ul ul.sub-menu li:first-of-type a {
color: #000000; }
.menu-main-menu-container ul li {
clear: none;
width: auto; }
.menu-main-menu-container ul li a {
padding: 0.625rem 1.25rem;
width: auto; }
.menu-main-menu-container ul li a:hover, .menu-main-menu-container ul li a.hover {
color: #ffffff;
background-color: #878787; }
.menu-main-menu-container ul li a:hover + svg .ICON---Chevron, .menu-main-menu-container ul li a.hover + svg .ICON---Chevron {
fill: #ffffff; }
.menu-main-menu-container ul li svg {
width: 14px;
height: 8px;
top: 50%;
margin-top: -3px;
right: 0.9375rem; }
.menu-main-menu-container ul li svg .ICON---Chevron {
fill: #b3b3b3; }
.menu-main-menu-container ul li.current_page_parent a, .menu-main-menu-container ul li.current_page_item a {
color: #ffffff; }
.menu-main-menu-container ul li.current_page_parent a svg .ICON---Chevron, .menu-main-menu-container ul li.current_page_item a svg .ICON---Chevron {
fill: #ffffff; }
.menu-main-menu-container ul li.current_page_parent a:hover, .menu-main-menu-container ul li.current_page_parent a.hover, .menu-main-menu-container ul li.current_page_item a:hover, .menu-main-menu-container ul li.current_page_item a.hover {
color: #ffffff;
background-color: #878787; }
.menu-main-menu-container ul li.current_page_parent a:hover + svg .ICON---Chevron, .menu-main-menu-container ul li.current_page_parent a.hover + svg .ICON---Chevron, .menu-main-menu-container ul li.current_page_item a:hover + svg .ICON---Chevron, .menu-main-menu-container ul li.current_page_item a.hover + svg .ICON---Chevron {
fill: #ffffff; }
.menu-main-menu-container ul li.current_page_parent:first-of-type a, .menu-main-menu-container ul li.current_page_item:first-of-type a {
background: #ffd800;
color: #ffffff; }
.menu-main-menu-container ul li.current_page_parent:first-of-type svg .ICON---Chevron, .menu-main-menu-container ul li.current_page_item:first-of-type svg .ICON---Chevron {
fill: #ffffff; }
.menu-main-menu-container ul li.menu-item-has-children a {
padding-right: 2.5rem; }
.menu-main-menu-container ul li:first-of-type ul.sub-menu {
background: #ffffff; }
.scrolled .menu-main-menu-container ul li {
padding-top: 0; } }
ul#main-menu .current_page_parent ul.sub-menu,
ul#main-menu .current_page_item ul.sub-menu,
ul#main-menu ul.sub-menu {
padding: 0; }
ul#main-menu .current_page_parent ul.sub-menu li,
ul#main-menu .current_page_item ul.sub-menu li,
ul#main-menu ul.sub-menu li {
width: 100%;
max-width: 100vw;
float: left;
clear: both;
margin: 0;
padding: 0 0.625rem;
text-align: center;
display: block;
padding: 0; }
ul#main-menu .current_page_parent ul.sub-menu li:last-of-type,
ul#main-menu .current_page_item ul.sub-menu li:last-of-type,
ul#main-menu ul.sub-menu li:last-of-type {
padding-bottom: 0.3125rem; }
ul#main-menu .current_page_parent ul.sub-menu li a,
ul#main-menu .current_page_item ul.sub-menu li a,
ul#main-menu ul.sub-menu li a {
width: 100%; }
ul#main-menu .current_page_parent ul.sub-menu li a img,
ul#main-menu .current_page_item ul.sub-menu li a img,
ul#main-menu ul.sub-menu li a img {
width: 35px;
height: auto; }
ul#main-menu .current_page_parent ul.sub-menu li a span,
ul#main-menu .current_page_item ul.sub-menu li a span,
ul#main-menu ul.sub-menu li a span {
position: absolute;
top: 50%;
left: 3.4375rem;
-webkit-transform: translateY(-50%);
transform: translateY(-50%); }
@media screen and (min-width: 992px) {
ul#main-menu .current_page_parent ul.sub-menu,
ul#main-menu .current_page_item ul.sub-menu,
ul#main-menu ul.sub-menu {
background: #878787; }
ul#main-menu .current_page_parent ul.sub-menu li a,
ul#main-menu .current_page_item ul.sub-menu li a,
ul#main-menu ul.sub-menu li a {
position: relative;
color: #ffffff; }
ul#main-menu .current_page_parent ul.sub-menu li a:hover,
ul#main-menu .current_page_item ul.sub-menu li a:hover,
ul#main-menu ul.sub-menu li a:hover {
color: #000000;
background-color: #ffffff; }
ul#main-menu .current_page_parent ul.sub-menu li:first-of-type,
ul#main-menu .current_page_item ul.sub-menu li:first-of-type,
ul#main-menu ul.sub-menu li:first-of-type {
padding-top: 0; }
ul#main-menu .current_page_parent ul.sub-menu li:last-of-type,
ul#main-menu .current_page_item ul.sub-menu li:last-of-type,
ul#main-menu ul.sub-menu li:last-of-type {
padding-bottom: 0; }
ul#main-menu .current_page_parent ul.sub-menu li.current_page_item a,
ul#main-menu .current_page_item ul.sub-menu li.current_page_item a,
ul#main-menu ul.sub-menu li.current_page_item a {
background: #ffffff;
color: #000000; } }
.button {
text-align: center;
border-radius: 8px;
padding: 0.25rem 0.625rem;
background-color: #ffd800;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
cursor: pointer;
text-transform: uppercase;
border: solid 0.125rem #ffd800;
outline: none;
display: inline-flex;
align-items: center;
justify-content: center;
transition: background-color 0.3s, -webkit-transform 0.3s;
transition: background-color 0.3s, transform 0.3s;
transition: background-color 0.3s, transform 0.3s, -webkit-transform 0.3s; }
.button:hover {
background-color: #665600;
border-color: #665600; }
.button:focus {
box-shadow: 0px 0px 0px 1px #ffffff; }
.button:active {
transition: background-color 0.3s, -webkit-transform 0.1s;
transition: background-color 0.3s, transform 0.1s;
transition: background-color 0.3s, transform 0.1s, -webkit-transform 0.1s;
-webkit-transform: translateY(2px);
transform: translateY(2px); }
.button--full {
width: 100%; }
.button--half {
width: 50%; }
.button--ghost {
background-color: transparent;
border: solid 0.125rem #ffd800; }
.button--ghost:focus {
box-shadow: 0px 0px 0px 1px #ffffff; }
.button--ghost:hover {
background-color: #665600;
color: #ffffff; }
.button--home-btn {
background-color: transparent;
border: solid 0.125rem #ffd800;
border-radius: 0;
color: #ffffff;
text-decoration: none;
line-height: 1.1em;
float: none !important; }
.button--home-btn:focus {
box-shadow: 0px 0px 0px 1px #ffffff; }
.button--home-btn:hover {
background-color: #ffd800;
color: #000000;
border-color: #ffd800; }
.button--disabled, .button:disabled, .button[disabled="disabled"] {
background: transparent;
border: solid 0.0625rem #bfbfbf;
opacity: 0.5;
cursor: initial;
color: #bfbfbf; }
.button--disabled:hover, .button--disabled:active, .button--disabled:focus, .button:disabled:hover, .button:disabled:active, .button:disabled:focus, .button[disabled="disabled"]:hover, .button[disabled="disabled"]:active, .button[disabled="disabled"]:focus {
background: transparent;
border: solid 0.0625rem #bfbfbf;
-webkit-transform: none;
transform: none;
box-shadow: none; }
@media screen and (min-width: 992px) {
.button {
padding: 0.5rem 1.25rem; } }
.button-label {
font-family: "DIN W01 Regular", sans-serif;
font-weight: 400;
font-size: 0.75rem;
line-height: 1em;
text-transform: uppercase;
color: #ffffff; }
.button-label--light {
color: #ffffff; }
.button-label--dark {
color: #bfbfbf; }
@media screen and (min-width: 481px) {
.button-label {
font-size: 0.875rem; } }
@media screen and (min-width: 992px) {
.button-label {
font-size: 1rem; } }
.inline-button {
width: auto;
clear: both;
float: left;
display: block;
font-size: 0.875rem; }
.inline-button a {
display: block;
width: 100%;
text-transform: uppercase;
color: #ffffff;
text-decoration: none;
padding: 0 0 0.1875rem 0;
border-bottom: 2px solid #ffd800; }
.inline-button a:hover {
color: #ffd800; }
@media screen and (min-width: 768px) {
.inline-button {
font-size: 1rem; } }
p.cta a {
font-family: "DIN W01 Regular", sans-serif;
color: #bfbfbf;
font-weight: 400;
font-size: 1rem;
line-height: 1em;
text-transform: uppercase;
color: #ffffff;
font-weight: 700;
border-bottom: 2px solid #ffd800;
padding: 0.25rem 0 0.125rem 0;
text-decoration: none; }
p.cta a:hover {
color: #ffd800; }
p.cta.link a:after {
content: '\f08e';
font-family: 'FontAwesome';
padding-left: 0.5rem;
color: #ffd800; }
p.cta.tel {
margin: 0; }
p.cta.tel a {
font-size: 2rem;
padding: 0.9375rem 0 0 0;
border-bottom: none;
clear: both;
display: inline-block; }
p.cta.tel a:before {
content: "\f095";
font-family: FontAwesome;
padding-right: 1rem; }
#header .menu-icon {
position: absolute;
right: 10px;
top: 18px;
width: 30px;
height: 30px;
display: flex;
justify-content: center;
align-items: center;
cursor: pointer; }
#header .menu-icon > span {
width: 20px;
height: 2px;
background: #ffffff;
display: block;
border-radius: 2px;
padding: relative;
transition: background-color 0.4s; }
#header .menu-icon > span:before, #header .menu-icon > span:after {
content: '';
width: 20px;
height: 2px;
background: #ffffff;
display: block;
border-radius: 2px;
position: absolute;
transition: -webkit-transform 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
transition: transform 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
transition: transform 0.3s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 0.3s cubic-bezier(0.215, 0.61, 0.355, 1); }
#header .menu-icon > span:before {
-webkit-transform: translateY(7px);
transform: translateY(7px); }
#header .menu-icon > span:after {
-webkit-transform: translateY(-7px);
transform: translateY(-7px); }
#header .menu-icon.active > span {
background: rgba(255, 255, 255, 0); }
#header .menu-icon.active > span:before {
-webkit-transform: translateY(0px) rotate(45deg);
transform: translateY(0px) rotate(45deg); }
#header .menu-icon.active > span:after {
-webkit-transform: translateY(0px) rotate(-45deg);
transform: translateY(0px) rotate(-45deg); }
#header .menu-icon.active + nav {
height: calc(100vh - 69px);
padding-bottom: 45px; }
@media screen and (min-width: 992px) {
#header .menu-icon {
display: none; }
#header .menu-icon.active + nav {
height: auto;
padding-bottom: 0; } }
#pre-footer {
width: 100%;
max-width: 100vw;
float: left;
clear: both;
margin: 0;
padding: 0 0.625rem;
text-align: center;
display: block;
background: #3b3b3b;
text-transform: uppercase;
font-size: 0.75rem; }
#pre-footer .container {
max-width: 500px; }
#pre-footer .lockup {
display: flex;
justify-content: space-between;
align-items: stretch; }
#pre-footer .lockup .col {
margin: 0;
width: 48%;
display: flex;
flex-direction: column;
justify-content: space-between; }
#pre-footer .menu-pre-footer-menu-container {
width: 100%;
max-width: 100vw;
float: left;
clear: both;
margin: 0;
padding: 0 0.625rem;
text-align: center;
display: block;
padding: 0; }
#pre-footer .menu-pre-footer-menu-container ul {
width: 100%;
max-width: 100vw;
float: left;
clear: both;
margin: 0;
padding: 0 0.625rem;
text-align: center;
display: block;
padding: 0;
display: block; }
#pre-footer .menu-pre-footer-menu-container ul li {
list-style: none;
width: calc(100% / 2);
float: left; }
#pre-footer .menu-pre-footer-menu-container ul li a {
display: inline-block;
width: 100%;
color: #bfbfbf;
text-decoration: none;
text-align: left;
padding: 0.3125rem 0.9375rem 0 0; }
#pre-footer .menu-pre-footer-menu-container ul li a:hover {
color: #ffffff;
text-decoration: underline; }
@media screen and (min-width: 768px) {
#pre-footer .container {
max-width: 1200px; } }
@media screen and (min-width: 992px) {
#pre-footer {
padding: 1.875rem 0.625rem; }
#pre-footer .menu-pre-footer-menu-container {
width: 100%;
max-width: 100vw;
float: left;
clear: both;
margin: 0;
padding: 0 0.625rem;
text-align: center;
display: block;
padding: 0; }
#pre-footer .menu-pre-footer-menu-container ul {
width: 100%;
max-width: 100vw;
float: left;
clear: both;
margin: 0;
padding: 0 0.625rem;
text-align: center;
display: block;
padding: 0;
display: flex;
flex-direction: column;
flex-wrap: wrap;
height: 82px; }
#pre-footer .menu-pre-footer-menu-container ul li {
width: calc(100% / 3);
overflow: hidden;
text-overflow: ellipsis; }
#pre-footer .menu-pre-footer-menu-container ul li a {
display: inline-block;
width: 100%;
color: #bfbfbf;
text-decoration: none;
padding: 0 0 1.5625rem;
text-align: left;
white-space: nowrap; }
#pre-footer .menu-pre-footer-menu-container ul li a:hover {
color: #ffffff;
text-decoration: underline; } }
#site-footer {
width: 100%;
max-width: 100vw;
float: left;
clear: both;
margin: 0;
padding: 0 0.625rem;
text-align: center;
display: block;
background: #3b3b3b;
text-transform: uppercase;
font-size: 0.75rem;
border-top: 1px solid #878787;
padding: 0.9375rem 0.625rem; }
#site-footer .container {
max-width: 500px; }
#site-footer .row [class^="col"] {
margin: 0 0.78125%; }
#site-footer .menu-footer-menu-container {
width: 100%;
max-width: 100vw;
float: left;
clear: both;
margin: 0;
padding: 0 0.625rem;
text-align: center;
display: block;
padding: 0; }
#site-footer .menu-footer-menu-container ul {
width: 100%;
max-width: 100vw;
float: left;
clear: both;
margin: 0;
padding: 0 0.625rem;
text-align: center;
display: block;
padding: 0;
display: block; }
#site-footer .menu-footer-menu-container ul li {
list-style: none;
width: 100%;
float: left; }
#site-footer .menu-footer-menu-container ul li a {
display: inline-block;
width: 100%;
color: #bfbfbf;
text-decoration: none;
text-align: left;
padding: 0.3125rem 0.9375rem 0 0; }
#site-footer .menu-footer-menu-container ul li a:hover {
color: #ffffff;
text-decoration: underline; }
@media screen and (min-width: 768px) {
#site-footer .container {
max-width: 1200px; } }
@media screen and (min-width: 992px) {
#site-footer {
padding: 0 0.625rem; }
#site-footer .row [class^="col"] {
margin: 0.9375rem 0.78125%; }
#site-footer .menu-footer-menu-container {
width: 100%;
max-width: 100vw;
float: left;
clear: both;
margin: 0;
padding: 0 0.625rem;
text-align: center;
display: block;
padding: 0; }
#site-footer .menu-footer-menu-container ul {
width: 100%;
max-width: 100vw;
float: left;
clear: both;
margin: 0;
padding: 0 0.625rem;
text-align: center;
display: block;
padding: 0;
display: flex;
flex-direction: row;
justify-content: space-between; }
#site-footer .menu-footer-menu-container ul li a {
display: inline-block;
width: 100%;
color: #bfbfbf;
text-decoration: none;
padding: 0;
text-align: left; }
#site-footer .menu-footer-menu-container ul li a:hover {
color: #ffffff;
text-decoration: underline; } }
.ed-modal {
width: 100vw;
height: 100vh;
position: fixed;
top: 0;
left: 0;
z-index: 16000002;
max-height: 0;
overflow: hidden; }
.ed-modal .fade-screen {
width: 100%;
height: 100%;
background: rgba(255, 255, 255, 0.8);
opacity: 0;
transition: all 0.5s cubic-bezier(0.215, 0.61, 0.355, 1); }
.ed-modal .modal-frame {
width: 90vw;
height: auto;
background: #ffffff;
border-radius: 8px;
position: absolute;
top: calc(50% - 50px);
left: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
box-shadow: 0 2px 4px 0 rgba(135, 135, 135, 0.5);
opacity: 0;
transition: all 0.5s cubic-bezier(0.215, 0.61, 0.355, 1);
padding: 2.1875rem 1.25rem 1.25rem;
max-width: 40.625rem;
max-height: 90vh;
overflow: auto; }
.ed-modal .modal-frame .modal-close {
position: absolute;
top: 10px;
right: 10px;
width: 30px;
height: 30px;
padding: 5px; }
.ed-modal .modal-frame .modal-close:before, .ed-modal .modal-frame .modal-close:after {
content: '';
width: 20px;
height: 2px;
background: #bfbfbf;
display: block;
border-radius: 2px; }
.ed-modal .modal-frame .modal-close:before {
-webkit-transform: translate(0px, 9px) rotate(45deg);
transform: translate(0px, 9px) rotate(45deg); }
.ed-modal .modal-frame .modal-close:after {
-webkit-transform: translate(0px, 7px) rotate(-45deg);
transform: translate(0px, 7px) rotate(-45deg); }
body.has-modal {
overflow: hidden; }
body.has-modal #ed-modal {
max-height: 100vh; }
body.has-modal #ed-modal .fade-screen {
opacity: 1; }
body.has-modal #ed-modal .modal-frame {
opacity: 1;
top: 50%; }
body.has-form-modal {
overflow: hidden; }
body.has-form-modal #form-modal {
max-height: 100vh; }
body.has-form-modal #form-modal .fade-screen {
opacity: 1; }
body.has-form-modal #form-modal .modal-frame {
opacity: 1;
top: 50%; }
.frm_forms .frm_screen_reader {
display: none; }
.frm_forms .frm_form_title {
font-family: "Nexa Slab W01 Bold", serif;
color: #ffffff;
font-weight: 400;
font-size: 1.5rem;
line-height: 1em;
margin-top: 0;
margin-bottom: 0.625rem;
text-transform: uppercase;
text-align: left;
padding: 0;
width: 100%;
float: left; }
.frm_forms .frm-section-title {
width: 100%;
float: left;
clear: both;
margin-top: 1.25rem;
padding-top: 0.9375rem;
border-top: 1px solid #bfbfbf; }
.frm_forms .frm_form_field {
width: 100%;
float: left;
clear: both;
padding: 0 0 0.625rem 0; }
.frm_forms label.frm_primary_label {
font-family: "DIN W01 Regular", sans-serif;
color: #bfbfbf;
font-weight: 400;
font-size: 1rem;
line-height: 1em;
text-transform: uppercase;
padding-bottom: 0.3125rem;
float: left;
clear: both;
width: 100%; }
.frm_forms label.frm_primary_label .frm_required {
font-family: "DIN W01 Regular", sans-serif;
color: #bfbfbf;
font-weight: 400;
font-size: 1rem;
line-height: 1em;
text-transform: uppercase;
color: #ff2f80; }
.frm_forms input[type='text'],
.frm_forms input[type='email'],
.frm_forms textarea {
width: 100%;
border: 1px solid white;
border-radius: 8px;
font-family: "DIN W01 Regular", sans-serif;
color: #bfbfbf;
font-weight: 400;
font-size: 1rem;
line-height: 1.3em;
padding: 0.4375rem 0.75rem;
color: #bfbfbf;
transition: box-shadow 0.5s cubic-bezier(0.215, 0.61, 0.355, 1); }
@media screen and (min-width: 992px) {
.frm_forms input[type='text'],
.frm_forms input[type='email'],
.frm_forms textarea {
font-size: 1.25rem; } }
.frm_forms input[type='text']::-webkit-input-placeholder,
.frm_forms input[type='email']::-webkit-input-placeholder,
.frm_forms textarea::-webkit-input-placeholder {
color: rgba(191, 191, 191, 0.5) !important; }
.frm_forms input[type='text']::-moz-placeholder,
.frm_forms input[type='email']::-moz-placeholder,
.frm_forms textarea::-moz-placeholder {
color: rgba(191, 191, 191, 0.5) !important; }
.frm_forms input[type='text']:-ms-input-placeholder,
.frm_forms input[type='email']:-ms-input-placeholder,
.frm_forms textarea:-ms-input-placeholder {
color: rgba(191, 191, 191, 0.5) !important; }
.frm_forms input[type='text']:-moz-placeholder,
.frm_forms input[type='email']:-moz-placeholder,
.frm_forms textarea:-moz-placeholder {
color: rgba(191, 191, 191, 0.5) !important; }
.frm_forms input[type='text']:focus,
.frm_forms input[type='email']:focus,
.frm_forms textarea:focus {
color: #bfbfbf;
outline: none;
box-shadow: 0 0 0.3125rem 0 #878787;
border-color: #878787; }
.frm_forms input[type='text'].placeholder,
.frm_forms input[type='email'].placeholder,
.frm_forms textarea.placeholder {
color: rgba(191, 191, 191, 0.5) !important; }
.frm_forms .frm_blank_field input {
border-color: #ff2f80; }
.frm_forms select {
width: 100%;
border: 1px solid white;
border-radius: 8px;
font-family: "DIN W01 Regular", sans-serif;
color: #bfbfbf;
font-weight: 400;
font-size: 1rem;
line-height: 1.3em;
padding: 0.4375rem 0.75rem;
height: 2.25rem; }
@media screen and (min-width: 992px) {
.frm_forms select {
font-size: 1.25rem; } }
.frm_forms .frm_checkbox,
.frm_forms .frm_radio {
clear: both;
float: left;
padding: 0.3125rem 0; }
.frm_forms .frm_checkbox label,
.frm_forms .frm_radio label {
font-family: "DIN W01 Regular", sans-serif;
color: #bfbfbf;
font-weight: 400;
font-size: 0.875rem;
line-height: 1.3em; }
.frm_forms .frm_checkbox label input,
.frm_forms .frm_radio label input {
float: left;
margin: 0 5px 0 0; }
.frm_forms .frm_error {
font-family: "DIN W01 Regular", sans-serif;
color: #bfbfbf;
font-weight: 400;
font-size: 1rem;
line-height: 1em;
text-transform: uppercase;
color: #ff2f80;
padding: 0.3125rem 0; }
.frm_forms .frm_none_container label.frm_primary_label {
display: none; }
.frm_forms .frm_inside_container label {
opacity: 0;
-webkit-transform: translateY(10px);
transform: translateY(10px);
transition: all 0.5s cubic-bezier(0.215, 0.61, 0.355, 1); }
.frm_forms .frm_inside_container:focus label, .frm_forms .frm_inside_container:focus-within label {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0); }
.frm_forms p {
font-family: "DIN W01 Regular", sans-serif;
color: #bfbfbf;
font-weight: 400;
font-size: 0.875rem;
line-height: 1.3em;
margin: 0.9375rem 0; }
.frm_forms .frm_message p,
.frm_forms .frm_error_style p {
font-family: "DIN W01 Regular", sans-serif;
color: #bfbfbf;
font-weight: 400;
font-size: 1rem;
line-height: 1.3em; }
@media screen and (min-width: 992px) {
.frm_forms .frm_message p,
.frm_forms .frm_error_style p {
font-size: 1.25rem; } }
.frm_forms button[type='submit'] {
text-align: center;
border-radius: 8px;
padding: 0.25rem 0.625rem;
background-color: #ffd800;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
cursor: pointer;
text-transform: uppercase;
border: solid 0.125rem #ffd800;
outline: none;
display: inline-flex;
align-items: center;
justify-content: center;
transition: background-color 0.3s, -webkit-transform 0.3s;
transition: background-color 0.3s, transform 0.3s;
transition: background-color 0.3s, transform 0.3s, -webkit-transform 0.3s;
font-family: "DIN W01 Regular", sans-serif;
font-weight: 400;
font-size: 0.75rem;
line-height: 1em;
text-transform: uppercase;
color: #ffffff;
width: 100%;
padding: 0.5rem 1.25rem; }
.frm_forms button[type='submit']:hover {
background-color: #665600;
border-color: #665600; }
.frm_forms button[type='submit']:focus {
box-shadow: 0px 0px 0px 1px #ffffff; }
.frm_forms button[type='submit']:active {
transition: background-color 0.3s, -webkit-transform 0.1s;
transition: background-color 0.3s, transform 0.1s;
transition: background-color 0.3s, transform 0.1s, -webkit-transform 0.1s;
-webkit-transform: translateY(2px);
transform: translateY(2px); }
.frm_forms button[type='submit']--full {
width: 100%; }
.frm_forms button[type='submit']--half {
width: 50%; }
.frm_forms button[type='submit']--ghost {
background-color: transparent;
border: solid 0.125rem #ffd800; }
.frm_forms button[type='submit']--ghost:focus {
box-shadow: 0px 0px 0px 1px #ffffff; }
.frm_forms button[type='submit']--ghost:hover {
background-color: #665600;
color: #ffffff; }
.frm_forms button[type='submit']--home-btn {
background-color: transparent;
border: solid 0.125rem #ffd800;
border-radius: 0;
color: #ffffff;
text-decoration: none;
line-height: 1.1em;
float: none !important; }
.frm_forms button[type='submit']--home-btn:focus {
box-shadow: 0px 0px 0px 1px #ffffff; }
.frm_forms button[type='submit']--home-btn:hover {
background-color: #ffd800;
color: #000000;
border-color: #ffd800; }
.frm_forms button[type='submit']--disabled, .frm_forms button[type='submit']:disabled, .frm_forms button[type='submit'][disabled="disabled"] {
background: transparent;
border: solid 0.0625rem #bfbfbf;
opacity: 0.5;
cursor: initial;
color: #bfbfbf; }
.frm_forms button[type='submit']--disabled:hover, .frm_forms button[type='submit']--disabled:active, .frm_forms button[type='submit']--disabled:focus, .frm_forms button[type='submit']:disabled:hover, .frm_forms button[type='submit']:disabled:active, .frm_forms button[type='submit']:disabled:focus, .frm_forms button[type='submit'][disabled="disabled"]:hover, .frm_forms button[type='submit'][disabled="disabled"]:active, .frm_forms button[type='submit'][disabled="disabled"]:focus {
background: transparent;
border: solid 0.0625rem #bfbfbf;
-webkit-transform: none;
transform: none;
box-shadow: none; }
@media screen and (min-width: 992px) {
.frm_forms button[type='submit'] {
padding: 0.5rem 1.25rem; } }
.frm_forms button[type='submit']--light {
color: #ffffff; }
.frm_forms button[type='submit']--dark {
color: #bfbfbf; }
@media screen and (min-width: 481px) {
.frm_forms button[type='submit'] {
font-size: 0.875rem; } }
@media screen and (min-width: 992px) {
.frm_forms button[type='submit'] {
font-size: 1rem; } }
video {
width: 100%;
float: left;
clear: both;
margin: 0 0 1.875rem 0;
padding: 0; }
.large-white-section {
float: left;
clear: both;
background: #ffffff;
border-top: 8px solid #ffd800;
width: 100%;
margin-top: 0.9375rem;
display: block;
padding: 1.875rem 8.20312%; }
.large-white-section * {
color: #000000;
text-align: left; }
.large-white-section .wp-block-column {
width: 100%;
margin: 0 !important;
padding: 0;
display: block;
flex: none; }
.large-white-section p.cta a {
color: #000000;
border-color: #000000;
line-height: 2em; }
.large-white-section p.cta a:after {
color: #000000; }
.large-white-section p.cta a:hover {
border-color: #ffd800; }
.large-white-section p.cta a:hover:after {
color: #ffd800; }
@media screen and (min-width: 992px) {
.large-white-section {
width: 116.40625%;
margin-left: -8.20312%;
margin-top: 3.75rem; }
.large-white-section p.cta a {
line-height: 1.3em; } }
.display_archive {
float: left;
clear: both;
background: #ffffff;
border-top: 8px solid #ffd800;
width: 100%;
display: block;
padding: 0.9375rem 8.20312%; }
.display_archive * {
color: #000000;
text-align: left; }
.display_archive .campaign {
width: 100%;
margin: 0 !important;
padding: 0;
display: block;
flex: none;
padding: 0.625rem 0;
border-bottom: 1px solid #bfbfbf; }
.display_archive .campaign:last-of-type {
border-bottom: 0; }
@media screen and (min-width: 992px) {
.display_archive {
width: 116.40625%;
margin-left: -8.20312%; } }
.accordion-tabs {
width: 100%;
max-width: 100vw;
float: left;
clear: both;
margin: 0;
padding: 0 0.625rem;
text-align: center;
display: block;
padding: 0;
position: relative; }
.accordion-tabs .accordion-tab {
width: 100%;
max-width: 100vw;
float: left;
clear: both;
margin: 0;
padding: 0 0.625rem;
text-align: center;
display: block;
padding: 0; }
.accordion-tabs .accordion-tab > h4.accordion-title {
font-family: "DIN W01 Regular", sans-serif;
color: #ffd800;
font-weight: 700;
font-size: 1rem;
line-height: 1em;
text-transform: uppercase;
text-decoration: none;
margin: 0 0 0.9375rem 0;
padding: 0.9375rem 0;
border-bottom: 1px solid #3b3b3b;
color: #ffffff;
width: 100%;
text-align: left;
position: relative;
cursor: pointer; }
.accordion-tabs .accordion-tab > h4.accordion-title .chevron-container {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1;
cursor: pointer; }
.accordion-tabs .accordion-tab > h4.accordion-title .chevron-container svg {
position: absolute;
right: 0rem;
top: 0;
width: 15px;
height: 100%;
z-index: 10;
transition: -webkit-transform 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
transition: transform 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
transition: transform 0.3s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 0.3s cubic-bezier(0.215, 0.61, 0.355, 1); }
.accordion-tabs .accordion-tab > h4.accordion-title.active .chevron-container svg {
-webkit-transform: rotate(-180deg);
transform: rotate(-180deg); }
.accordion-tabs .accordion-tab > h4.accordion-title.active + .accordion-content {
height: auto;
overflow: initial;
border-bottom: 1px solid #3b3b3b; }
.accordion-tabs .accordion-tab .accordion-content {
width: 100%;
max-width: 100vw;
float: left;
clear: both;
margin: 0;
padding: 0 0.625rem;
text-align: center;
display: block;
padding: 0;
text-align: left;
height: 0;
overflow: hidden; }
.accordion-tabs .accordion-tab .accordion-content iframe {
width: 100%;
margin: 0;
padding: 0;
border: none;
min-height: 300px; }
.accordion-tabs .accordion-tab .accordion-content img {
margin: 0.9375rem 0; }
@media screen and (min-width: 992px) {
.accordion-tabs {
width: 100%;
max-width: 100vw;
float: left;
clear: both;
margin: 0;
padding: 0 0.625rem;
text-align: center;
display: block;
padding: 0;
position: relative; }
.accordion-tabs .accordion-tab {
width: 100%;
max-width: 100vw;
float: left;
clear: both;
margin: 0;
padding: 0 0.625rem;
text-align: center;
display: block;
padding: 0; }
.accordion-tabs .accordion-tab > h4.accordion-title {
font-family: "DIN W01 Regular", sans-serif;
color: #ffd800;
font-weight: 700;
font-size: 1rem;
line-height: 1em;
text-transform: uppercase;
text-decoration: none;
margin: 0.9375rem 0;
padding: 0.9375rem 0;
border-bottom: 1px solid #3b3b3b;
color: #ffffff;
position: absolute;
top: 0;
z-index: 1;
width: calc(100% * (1 / 4));
text-align: center; }
.accordion-tabs .accordion-tab > h4.accordion-title .chevron-container {
display: none; }
.accordion-tabs .accordion-tab .accordion-content {
width: 100%;
max-width: 100vw;
float: left;
clear: both;
margin: 0;
padding: 0 0.625rem;
text-align: center;
display: block;
padding: 0;
text-align: left;
height: 0;
overflow: hidden;
margin-top: calc(60px + 16px); }
.accordion-tabs .accordion-tab .accordion-content iframe {
width: 100%;
margin: 0;
padding: 0;
border: none;
min-height: 300px; }
.accordion-tabs .accordion-tab .accordion-content img {
margin: 0.9375rem 0; }
.accordion-tabs .accordion-tab.open > h4.accordion-title {
color: #ffd800;
border-bottom: 1px solid #ffd800; }
.accordion-tabs .accordion-tab.open .accordion-content {
height: auto;
overflow: initial; }
.accordion-tabs .accordion-tab:nth-of-type(2) {
margin-top: calc((60px + 16px) * -1); }
.accordion-tabs .accordion-tab:nth-of-type(2) h4 {
left: calc(100% * (1 / 4)); }
.accordion-tabs .accordion-tab:nth-of-type(3) {
margin-top: calc((60px + 16px) * -1); }
.accordion-tabs .accordion-tab:nth-of-type(3) h4 {
left: calc(100% * (2 / 4)); }
.accordion-tabs .accordion-tab:nth-of-type(4) {
margin-top: calc((60px + 16px) * -1); }
.accordion-tabs .accordion-tab:nth-of-type(4) h4 {
left: calc(100% * (3 / 4)); } }
.pagination {
width: 100%;
float: left;
clear: both;
margin: 2.8125rem 0;
display: block;
text-align: center; }
.pagination a,
.pagination span.current {
display: inline-block;
font-family: "DIN W01 Regular", sans-serif;
color: #bfbfbf;
font-weight: 400;
font-size: 0.75rem;
line-height: 1em;
text-transform: uppercase;
background: #000000;
color: #ffffff;
font-weight: 600;
text-decoration: none;
padding: 0;
width: 35px;
height: 35px;
line-height: 35px;
border: 1px solid #ffd800;
margin: 0 0.3125rem;
position: relative;
vertical-align: top; }
.pagination a i,
.pagination span.current i {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%; }
.pagination a i svg,
.pagination span.current i svg {
width: 14px;
height: 8px;
position: absolute;
top: 50%;
left: 50%;
margin-left: -8px;
margin-top: -4px;
-webkit-transform: rotate(90deg);
transform: rotate(90deg); }
.pagination a.prev,
.pagination span.current.prev {
margin: 0 0.3125rem 0 0; }
.pagination a.next,
.pagination span.current.next {
margin: 0 0 0 0.3125rem; }
.pagination a.next i svg,
.pagination span.current.next i svg {
margin-left: -6px;
-webkit-transform: rotate(-90deg);
transform: rotate(-90deg); }
.pagination a:hover,
.pagination span.current:hover {
color: #000000;
background: #ffd800; }
.pagination a:hover i svg .ICON---Chevron,
.pagination span.current:hover i svg .ICON---Chevron {
fill: #000000; }
.pagination span.current {
background: #ffd800;
color: #000000; }
.pagination span.dots {
display: none; }
.post-navigation {
width: 100%;
float: left;
clear: both;
margin: 2.8125rem 0;
display: block;
text-align: center; }
.post-navigation a {
display: inline-block;
font-family: "DIN W01 Regular", sans-serif;
color: #bfbfbf;
font-weight: 400;
font-size: 0.75rem;
line-height: 1em;
text-transform: uppercase;
background: #000000;
color: #ffffff;
font-weight: 600;
text-decoration: none;
padding: 0 0.625rem;
width: auto;
height: 35px;
line-height: 35px;
border: 1px solid #ffd800;
margin: 0 0.3125rem;
position: relative;
vertical-align: top; }
.post-navigation a:hover {
color: #000000;
background: #ffd800; }
* {
box-sizing: border-box; }
body {
background: #3b3b3b;
width: 100%;
max-width: 100vw;
float: left;
margin: 0;
padding: 67px 0 0 0; }
body.lock-scroll {
overflow: hidden; }
@media screen and (min-width: 481px) {
body {
padding-top: 80px; } }
@media screen and (min-width: 992px) {
body {
padding-top: 197px; }
body.lock-scroll {
height: auto;
overflow: auto; } }
a {
color: #ffd800;
word-break: break-word; }
a:hover {
color: #ffffff; }
#site-wrapper {
width: 100%;
max-width: 100vw;
float: left;
clear: both;
margin: 0;
padding: 0 0.625rem;
text-align: center;
display: block;
padding: 0; }
#site-inner {
width: 100%;
max-width: 100vw;
float: left;
clear: both;
margin: 0;
padding: 0 0.625rem;
text-align: center;
display: block;
background: #000000;
position: relative; }
#site-inner:before {
position: absolute;
width: 100%;
background: #000000;
height: 25px;
top: -20px;
left: 0;
content: ''; }
svg {
width: 100%;
height: auto;
display: block; }
img {
width: 100%;
height: auto;
display: block; }
hr.wp-block-separator {
width: 100%;
float: left;
clear: both;
margin: 1.875rem 0;
border: none;
border-top: 1px solid #bfbfbf; }
.home {
background: #000000 url("../../assets-img/background/background.png") center center no-repeat;
background-attachment: fixed; }
.home #main-container {
max-width: none; }
.home h3 {
font-family: "DIN W01 Regular", sans-serif;
color: #ffffff;
font-weight: 400;
font-size: 1.125rem;
line-height: 1.3em;
text-align: center; }
.home .hr {
width: 780px;
max-width: 100%;
overflow: hidden;
height: 5px;
margin: 0 auto; }
.home .button-container {
width: 100%;
float: left;
clear: both;
padding: 0.9375rem 0;
display: flex;
flex-wrap: wrap;
justify-content: center; }
.home .button-container .button {
width: calc((100% - 60px) * (1 / 2));
margin: 0.3125rem 0.9375rem; }
@media screen and (min-width: 768px) {
.home h3 {
font-size: 1.5rem; }
.home .button-container {
display: block;
padding: 2.8125rem 0; }
.home .button-container .button {
width: 140px;
margin: 0.9375rem 0.78125%; } }
@media screen and (min-width: 992px) {
.home .button-container .button {
width: 180px; } }
#hero {
width: 100%;
position: relative; }
#hero .container {
width: 100vw;
margin-left: -0.625rem;
max-width: 1400px; }
#hero svg {
width: 150px;
position: absolute;
top: 50%;
left: 50%;
margin-left: -75px;
margin-top: -90px;
z-index: 2; }
@media screen and (min-width: 768px) {
#hero .container {
width: 100%;
margin-left: auto; }
#hero svg {
width: 300px;
margin-left: -150px;
margin-top: -165px; } }
@media screen and (min-width: 992px) {
#hero svg {
width: 400px;
margin-left: -200px;
margin-top: -220px; } }
#by-the-numbers {
width: 100%;
float: left;
clear: both;
margin: 2.8125rem 0 0; }
#by-the-numbers .container {
max-width: 400px; }
#by-the-numbers .numbers-row {
margin: 0.625rem 0;
float: left;
clear: both; }
#by-the-numbers img.by-the-numbers,
#by-the-numbers svg {
margin: 1.875rem 0;
width: 100%;
float: left;
clear: both; }
#by-the-numbers .poem {
margin: 2.5rem auto;
max-width: 250px;
float: none;
display: inline-block; }
#by-the-numbers .poem main p {
font-size: 1rem;
line-height: 1.3em;
color: #ffffff; }
#by-the-numbers .poem cite {
padding: 0.9375rem 0 0;
font-size: 0.75rem; }
@media screen and (min-width: 768px) {
#by-the-numbers {
margin: 5.625rem 0 0; }
#by-the-numbers .container {
max-width: 500px !important; }
#by-the-numbers .numbers-row {
margin: 1.875rem 0; }
#by-the-numbers .poem {
max-width: 100%; }
#by-the-numbers .poem main p {
font-size: 1.5rem; }
#by-the-numbers .poem cite {
font-size: 0.875rem; } }
@media screen and (min-width: 992px) {
#by-the-numbers .container {
max-width: 780px !important; } }
#video-tribute {
width: 100%;
max-width: 100vw;
float: left;
clear: both;
margin: 0;
padding: 0 0.625rem;
text-align: center;
display: block;
padding: 2.8125rem 0; }
#video-tribute p {
max-width: 780px;
float: none;
margin: 0 auto;
color: #bfbfbf; }
@media screen and (min-width: 768px) {
#video-tribute {
padding: 5.625rem 0; } }
#image-wall {
width: 100%;
max-width: 100vw;
float: left;
clear: both;
margin: 0;
padding: 0 0.625rem;
text-align: center;
display: block;
padding: 0;
margin: 2.8125rem 0 0; }
#image-wall .photos-container {
display: flex;
flex-direction: row;
flex-wrap: wrap;
float: left;
width: 100%; }
#image-wall .photos-container [class^='col-'] {
display: flex;
flex-direction: column;
justify-content: space-between;
margin: 0.78125% 0.78125%; }
#image-wall .photos-container [class^='col-'].double img:first-of-type {
margin-bottom: 3.125%; }
@media screen and (min-width: 768px) {
#image-wall {
padding: 5.625rem 0; }
#image-wall .photos-container {
margin-top: 2.8125rem; }
#image-wall .photos-container [class^='col-'].double img:first-of-type {
margin: 0; } }
#results-2018 {
width: 100%;
max-width: 100vw;
float: left;
clear: both;
margin: 0;
padding: 0 0.625rem;
text-align: center;
display: block;
padding: 2.8125rem 0; }
#results-2018 .container > svg {
width: 150px;
float: none;
display: inline-block;
margin: 0 auto 0.9375rem;
clear: both; }
#results-2018 .sports .col-sport {
width: calc((100% - 60px) * (1 / 2));
margin: 0 0.9375rem 1.875rem; }
#results-2018 .sports .col-sport h3 a {
font-size: 0.75rem;
line-height: 1.2em; }
@media screen and (min-width: 481px) {
#results-2018 .sports .col-sport {
width: calc((100% - 60px) * (1 / 3)); }
#results-2018 .sports .col-sport:first-of-type, #results-2018 .sports .col-sport:nth-of-type(3n+1) {
margin: 0 0.9375rem 1.875rem 0;
clear: both; }
#results-2018 .sports .col-sport:nth-of-type(3n) {
margin: 0 0 1.875rem 0.9375rem; }
#results-2018 .sports .col-sport:last-of-type {
margin: 0 auto 1.875rem;
float: none; } }
@media screen and (min-width: 768px) {
#results-2018 .container > svg {
width: 300px;
margin: 0 auto 1.875rem; }
#results-2018 .sports .col-sport {
width: calc((100% - 120px) * (1 / 5));
margin: 0 0.9375rem 1.875rem; }
#results-2018 .sports .col-sport h3 a {
font-size: 0.875rem; }
#results-2018 .sports .col-sport:nth-of-type(3n+1) {
margin: 0 0.9375rem 1.875rem;
clear: none; }
#results-2018 .sports .col-sport:nth-of-type(3n) {
margin: 0 0.9375rem 1.875rem; }
#results-2018 .sports .col-sport:first-of-type, #results-2018 .sports .col-sport:nth-of-type(5n+1) {
margin: 0 0.9375rem 1.875rem 0; }
#results-2018 .sports .col-sport:nth-of-type(5n), #results-2018 .sports .col-sport:last-of-type {
margin: 0 0 1.875rem 0.9375rem; } }
@media screen and (min-width: 992px) {
#results-2018 .container > svg {
width: 400px;
margin: 0 auto 1.875rem; }
#results-2018 .sports .col-sport {
width: calc((100% - 240px) * (1 / 5));
margin: 0 1.875rem 1.875rem; }
#results-2018 .sports .col-sport h3 a {
font-size: 1.125rem; }
#results-2018 .sports .col-sport:first-of-type, #results-2018 .sports .col-sport:nth-of-type(5n+1) {
margin: 0 1.875rem 1.875rem 0; }
#results-2018 .sports .col-sport:nth-of-type(5n), #results-2018 .sports .col-sport:last-of-type {
margin: 0 0 1.875rem 1.875rem; } }
#games-news {
width: 100%;
max-width: 100vw;
float: left;
clear: both;
margin: 0;
padding: 0 0.625rem;
text-align: center;
display: block;
padding: 2.8125rem 0; }
#games-news .front-page-news {
padding: 2.8125rem 0 0;
text-align: left; }
#games-news .front-page-news .thumb {
float: left;
margin: 0 0 0.9375rem 0;
width: 100%; }
#games-news .front-page-news h3 a {
font-family: "Nexa Slab W01 Bold", serif;
color: #ffffff;
font-weight: 400;
font-size: 1.5rem;
line-height: 1em;
margin-top: 0;
margin-bottom: 0.625rem;
text-transform: uppercase;
text-align: left;
padding: 0;
width: 100%;
float: left;
font-size: 18px;
line-height: 1.3em;
margin-bottom: 0; }
#games-news .front-page-news p {
color: #bfbfbf; }
@media screen and (min-width: 768px) {
#games-news .front-page-news p {
font-size: 1rem; } }
@media screen and (min-width: 992px) {
#games-news {
padding: 5.625rem 0; }
#games-news .front-page-news .thumb {
margin: 1.875rem 0; }
#games-news .front-page-news h3 {
height: calc((24px * 1.3) * 3); }
#games-news .front-page-news h3 a {
font-family: "Nexa Slab W01 Bold", serif;
color: #ffffff;
font-weight: 400;
font-size: 1.5rem;
line-height: 1em;
margin-top: 0;
margin-bottom: 0.625rem;
text-transform: uppercase;
text-align: left;
padding: 0;
width: 100%;
float: left; }
#games-news .front-page-news p {
font-size: 1.25rem; } }
#featured-image {
padding-bottom: 1.875rem;
float: left;
width: 100%;
margin: 0; }
#featured-image img {
width: 100%;
height: auto;
float: left;
clear: both;
display: block; }
#featured-image figcaption {
width: 100%;
float: left;
clear: both;
text-align: left;
color: #737373; }
#content {
text-align: left;
float: left;
width: 100%;
padding: 0 0 1.875rem; }
#content h2 + p {
margin-top: 0.9375rem;
color: #bfbfbf; }
#content h2 + figure {
margin-top: 0.9375rem;
float: left; }
#content h2 + h3 {
margin-top: 3.75rem; }
#content p + h2 {
margin-top: 3.75rem; }
#content p + h3 {
margin-top: 3.75rem; }
#content p.byline + h3 {
margin-top: 0; }
@media screen and (min-width: 992px) {
#content {
padding: 0 8.20312% 1.875rem; } }
p:first-of-type {
color: #ffffff; }
#sidebar {
display: none; }
#sidebar h2 a {
font-family: "Nexa Slab W01 Bold", serif;
color: #ffffff;
font-weight: normal;
font-size: 1.75rem;
line-height: 1em;
text-transform: uppercase;
text-align: left;
padding: 0;
width: 100%;
float: left;
margin: 0;
text-decoration: none; }
#sidebar h2 a:hover {
color: #ffd800; }
#sidebar nav {
width: 100%;
max-width: 100vw;
float: left;
clear: both;
margin: 0;
padding: 0 0.625rem;
text-align: center;
display: block;
padding: 0; }
#sidebar nav ul {
width: 100%;
max-width: 100vw;
float: left;
clear: both;
margin: 0;
padding: 0 0.625rem;
text-align: center;
display: block;
padding: 0;
margin-top: 0.9375rem;
border-top: 1px solid #3b3b3b; }
#sidebar nav ul li {
list-style: none;
width: 100%;
max-width: 100vw;
float: left;
clear: both;
margin: 0;
padding: 0 0.625rem;
text-align: center;
display: block;
padding: 0;
border-bottom: 1px solid #3b3b3b; }
#sidebar nav ul li a {
display: block;
float: left;
width: 100%;
text-align: left;
font-family: "DIN W01 Regular", sans-serif;
color: #bfbfbf;
font-weight: 400;
font-size: 1rem;
line-height: 1.3em;
text-transform: uppercase;
text-decoration: none;
padding: 0.9375rem 0; }
@media screen and (min-width: 992px) {
#sidebar nav ul li a {
font-size: 1.25rem; } }
#sidebar nav ul li a:hover {
color: #ffffff; }
#sidebar nav ul li.current_page_item a, #sidebar nav ul li.current_page_parent a {
color: #ffffff; }
#sidebar nav ul li.page_item_has_children a {
padding-bottom: 0.46875rem; }
#sidebar nav ul ul.children {
margin: 0;
border: none;
padding-bottom: 0.46875rem; }
#sidebar nav ul ul.children li {
border: none; }
#sidebar nav ul ul.children li a {
font-family: "DIN W01 Regular", sans-serif;
color: #bfbfbf;
font-weight: 400;
font-size: 1rem;
line-height: 1em;
text-transform: uppercase;
padding: 0.46875rem 0;
color: #616161; }
#sidebar nav ul ul.children li a:hover {
color: #bfbfbf; }
#sidebar.fixed {
position: fixed;
max-width: 281.25px; }
#sidebar.fixed.bottomAbsolute {
position: absolute;
top: auto;
bottom: 0; }
@media screen and (min-width: 768px) {
#sidebar {
display: block; }
#sidebar nav {
height: auto; } }
@media screen and (min-width: 1200px) {
#sidebar.fixed {
margin: 0.9375rem 0.58594rem; } }
.parent-page-list {
width: 100%;
max-width: 100vw;
float: left;
clear: both;
margin: 0;
padding: 0 0.625rem;
text-align: center;
display: block;
padding: 0;
text-align: left; }
.parent-page-list p:first-of-type {
color: #bfbfbf; }
@media screen and (min-width: 992px) {
.parent-page-list {
padding: 0.9375rem 0; }
.parent-page-list [class^='col']:first-of-type {
margin: 0.9375rem 1.5625% 0.9375rem 0; }
.parent-page-list [class^='col']:last-of-type {
margin: 0.9375rem 0 0.9375rem 1.5625%; } }
.page-parent .col-9 {
margin: 0.9375rem 0; }
@media screen and (min-width: 992px) {
.page-parent .col-9 {
margin: 0.9375rem 0.78125%; } }
p.byline {
width: 100%;
float: left;
clear: both;
text-align: left;
display: block;
font-family: "DIN W01 Regular", sans-serif;
color: #bfbfbf;
font-weight: 400;
font-size: 1rem;
line-height: 1em;
text-transform: uppercase;
line-height: 1.3em; }
h1.article-title,
h2.article-title {
margin-bottom: 1.875rem;
display: block; }
.single #content h3 {
font-family: "DIN W01 Regular", sans-serif;
color: #ffffff;
font-weight: 700;
font-size: 1.25rem;
line-height: 1.3em;
text-transform: none;
margin-top: 1.875rem; }
.single.cat-latest-news #sidebar nav ul li.current_page_parent a {
color: #bfbfbf; }
.single.cat-latest-news #sidebar nav ul li.page-item-87 a {
color: #ffffff; }
.single.cat-daily-recap #sidebar nav ul li.current_page_parent a {
color: #bfbfbf; }
.single.cat-daily-recap #sidebar nav ul li.page-item-85 a {
color: #ffffff; }
.title-sports #content {
padding: 0; }
.sports {
display: block; }
.sports .col-sport {
width: calc((100% - 30px) * (1 / 2));
float: left; }
.sports .col-sport:nth-of-type(2n) {
float: right; }
.sports .col-sport:nth-of-type(2n+1) {
clear: both; }
.sports .col-sport h3 a {
font-size: 0.875rem;
text-align: center;
padding: 0.9375rem 0; }
@media screen and (min-width: 481px) {
.sports .col-sport {
width: calc((100% - 60px) * (1 / 3));
margin: 0 0.9375rem 1.875rem; }
.sports .col-sport:nth-of-type(2n) {
float: left; }
.sports .col-sport:nth-of-type(2n+1) {
clear: none; }
.sports .col-sport:first-of-type, .sports .col-sport:nth-of-type(3n+1) {
margin: 0 0.9375rem 1.875rem 0;
clear: both; }
.sports .col-sport:nth-of-type(3n) {
margin: 0 0 1.875rem 0.9375rem; }
.sports .col-sport:last-of-type {
margin: 0 auto 1.875rem;
float: none; } }
@media screen and (min-width: 768px) {
.sports {
display: flex;
flex-wrap: wrap;
justify-content: center; }
.sports .col-sport {
width: calc((100% - 120px) * (1 / 5));
margin: 0 0.9375rem 0.9375rem; }
.sports .col-sport:nth-of-type(3n+1) {
margin: 0 0.9375rem 1.875rem;
clear: none; }
.sports .col-sport:nth-of-type(3n) {
margin: 0 0.9375rem 1.875rem; }
.sports .col-sport:first-of-type, .sports .col-sport:nth-of-type(5n+1) {
margin: 0 0.9375rem 0.9375rem 0; }
.sports .col-sport:nth-of-type(5n), .sports .col-sport:last-of-type {
margin: 0 0 0.9375rem 0.9375rem; } }
.sport-template-default #sidebar-nav .page-item-51 a {
color: #ffffff; }
.single-venue-container {
width: 100%;
max-width: 100vw;
float: left;
clear: both;
margin: 0;
padding: 0 0.625rem;
text-align: center;
display: block;
padding: 0;
margin: 0.9375rem 0; }
.single-venue-container img {
width: 6.25rem;
float: left;
clear: both;
margin: 0.9375rem 0; }
.single-venue-container p {
font-family: "DIN W01 Regular", sans-serif;
color: #bfbfbf;
font-weight: 400;
font-size: 1rem;
line-height: 1.3em;
text-align: left; }
.single-venue-container p a {
display: inline; }
.related-media {
width: 100%;
float: left;
clear: both;
padding: 0;
display: flex;
flex-wrap: wrap;
justify-content: space-around; }
.related-media .related-post {
text-align: left;
width: 100%;
display: flex;
flex-direction: column;
margin-bottom: 1.875rem;
padding-bottom: 1.875rem; }
.related-media .related-post h2 a {
font-family: "Nexa Slab W01 Bold", serif;
color: #ffffff;
font-weight: 400;
font-size: 1rem;
line-height: 1.8em;
margin: 0;
text-transform: uppercase;
text-align: center;
padding: 0;
width: 100%;
float: left;
text-align: left;
line-height: 1.3em;
text-decoration: none;
margin-bottom: 0.9375rem; }
.related-media .related-post p {
font-family: "DIN W01 Regular", sans-serif;
color: #bfbfbf;
font-weight: 400;
font-size: 1rem;
line-height: 1.3em; }
.related-media .related-post .thumb {
position: relative;
overflow: hidden;
height: calc((100vw - 20px) * (9 / 16));
margin: 0.9375rem 0; }
.related-media .related-post .thumb img {
position: absolute;
top: 0;
left: 0;
width: 100%;
margin: 0; }
.related-media .related-post .inline-button a {
width: auto;
float: left; }
.related-media .related-post .internal-video {
margin: 0; }
.related-media .related-post .internal-video video {
margin: 0; }
@media screen and (min-width: 992px) {
.related-media .related-post {
width: calc((100% - 30px) * (1 / 3));
border-bottom: 1px solid #3b3b3b; }
.related-media .related-post .thumb {
height: calc(236px * (9 / 16)); }
.related-media .related-post h2 {
height: 2.5em; }
.related-media .related-post h2 a {
margin: 0; }
.related-media .related-post h2 + p {
margin-top: 0 !important; } }
@media screen and (min-width: 1200px) {
.related-media .related-post h2 {
height: 2em; } }
.venues h4 {
text-align: left;
border-bottom: 1px solid #bfbfbf;
position: relative;
display: block; }
.venues h4 a {
display: block;
width: calc(100% - (41px * 2));
float: left;
clear: both;
color: #bfbfbf;
text-decoration: none;
padding: 0.9375rem 0; }
.venues h4 a:hover {
color: #ffd800; }
.venues h4 .venue-link-container {
display: block;
float: left;
margin: -1.125rem 0 0 0;
padding: 0;
width: auto;
position: absolute;
top: 50%;
right: 0; }
.venues h4 .venue-link-container a.venue-link {
width: 36px;
height: 36px;
padding: 0;
margin-left: 0.3125rem;
display: block;
float: left;
clear: none; }
@media screen and (min-width: 992px) {
.venues h4 a {
width: 100%;
padding: 1.25rem 0; }
.venues h4 .venue-link-container {
margin: -1.5625rem 0 0 0; }
.venues h4 .venue-link-container a.venue-link {
width: 50px;
height: 50px;
margin-left: 0.9375rem; } }
.venue-template-default #sidebar-nav .page-item-42 a {
color: #ffffff; }
.single-sports-container {
width: 100%;
max-width: 100vw;
float: left;
clear: both;
margin: 0;
padding: 0 0.625rem;
text-align: center;
display: block;
margin: 0.9375rem 0; }
.single-sports-container h4 {
text-transform: uppercase;
color: #ffd800;
text-align: left; }
.single-sports-container .single-sports {
width: 6.25rem;
float: left;
margin: 0 1.875rem 0 0;
text-align: left; }
.single-sports-container .single-sports a {
float: left;
clear: both;
display: block;
width: 100%;
margin: 0.9375rem 0 0 0; }
@media screen and (min-width: 992px) {
.single-sports-container {
margin: 5.625rem 0 0 0; } }
.single-button-container {
width: 100%;
max-width: 100vw;
float: left;
clear: both;
margin: 0;
padding: 0 0.625rem;
text-align: center;
display: block;
margin: 0.9375rem 0;
text-align: left; }
.single-button-container a.button {
width: 100%;
float: left;
background: #000000;
margin-bottom: 0.9375rem;
text-decoration: none;
border-radius: 0;
line-height: 1.1em; }
.single-button-container a.button:hover {
border: 2px solid #ffd800;
background: #ffd800;
color: #000000; }
@media screen and (min-width: 992px) {
.single-button-container {
margin: 5.625rem 0; }
.single-button-container a.button {
width: calc((100% - 30px) * (1 / 3));
margin-left: 0.9375rem; }
.single-button-container a.button:first-of-type {
margin-left: 0; } }
.cobber-table {
display: block; }
.cobber-table .wp-block-column {
display: block;
flex: none;
width: 100%;
float: left;
clear: both;
margin: 0; }
.cobber-table .wp-block-column .wp-block-image {
text-align: center; }
.cobber-table .wp-block-column .wp-block-image img {
max-height: 50vh;
width: auto;
float: none;
margin: auto; }
.cobber-table table tr td {
vertical-align: top;
padding: 0.3125rem 0; }
.cobber-table table tr td:first-of-type {
color: #ffffff; }
@media screen and (min-width: 768px) {
.cobber-table .wp-block-column {
clear: none; }
.cobber-table .wp-block-column:first-of-type {
width: calc(100% * (2 / 5)); }
.cobber-table .wp-block-column:last-of-type {
width: calc(100% * (3 / 5)); }
.cobber-table .wp-block-column .wp-block-image img {
max-height: auto; } }
.page-template-template-results-iframe #content {
padding-bottom: 0; }
.page-template-template-results-iframe #content iframe {
width: 100%;
border: none;
height: calc(100vh - (195px + 185px + 48px + 30px + 10px + 34px)); }
.page-template-template-results-iframe #content h3.hidemob {
display: none; }
@media screen and (min-width: 992px) {
.page-template-template-results-iframe h3.hidemob {
display: block; } }
.title-images #content {
padding-left: 0;
padding-right: 0; }
.gallery-list [class^='col']:first-of-type,
.gallery-list [class^='col']:nth-of-type(2n+1) {
margin: 0 1.5625% 3.75rem 0;
clear: both; }
.gallery-list [class^='col']:nth-of-type(2n) {
margin: 0 0 3.75rem 1.5625%; }
.gallery-list h3 {
margin: 0.9375rem 0; }
h2.diary-title {
font-family: "Nexa Slab W01 Bold", serif;
color: #ffffff;
font-weight: 500;
font-size: 1.125rem;
line-height: 1em;
margin-top: 0.8125rem;
text-transform: uppercase;
text-align: left;
margin: 0;
padding: 0;
width: 100%;
float: left;
color: #000000;
background: #ffd800;
padding: 0.9375rem;
width: auto; }
@media screen and (min-width: 992px) {
h2.diary-title {
text-align: left;
width: auto; } }
h1.diary-title {
color: #000000;
background: #ffd800;
padding: 0.9375rem;
margin-bottom: 1.875rem; }
.cat-daily-recap #content .internal-video h3 {
font-family: "Nexa Slab W01 Bold", serif;
color: #ffffff;
font-weight: normal;
font-size: 1.75rem;
line-height: 1em;
text-transform: uppercase;
text-align: left;
padding: 0;
width: 100%;
float: left;
margin: 0;
margin-top: 3.75rem;
margin-bottom: 0.9375rem; }
.poem {
width: 100%;
max-width: 100vw;
float: left;
clear: both;
margin: 0;
padding: 0 0.625rem;
text-align: center;
display: block;
margin: auto;
padding: 1.875rem 0;
text-align: center;
max-width: 250px;
float: none; }
.poem cite {
width: 100%;
max-width: 100vw;
float: left;
clear: both;
margin: 0;
padding: 0 0.625rem;
text-align: center;
display: block;
font-family: "DIN W01 Regular", sans-serif;
color: #bfbfbf;
font-weight: 400;
font-size: 0.75rem;
line-height: 1em;
text-transform: uppercase;
line-height: 1.5em;
font-style: normal;
padding: 1.875rem 0; }
.poem main {
width: 100%;
max-width: 100vw;
float: left;
clear: both;
margin: 0;
padding: 0 0.625rem;
text-align: center;
display: block;
padding: 0;
position: relative; }
.poem main p {
position: relative;
font-family: "Nexa Slab W01 Bold", serif;
color: #ffffff;
font-weight: 400;
font-size: 1rem;
line-height: 1.8em;
margin: 0;
text-transform: uppercase;
text-align: center;
padding: 0;
width: 100%;
float: left;
color: #bfbfbf;
margin-bottom: 1rem;
font-size: 1rem;
line-height: 1.3em; }
.poem main p:first-of-type {
color: #bfbfbf; }
.poem main p:before, .poem main p:after {
position: absolute;
display: inline-block;
color: #ffd800;
font-size: 3.5rem; }
.poem main p:first-of-type:before {
-webkit-transform: translate(-30px, 14px);
transform: translate(-30px, 14px);
content: open-quote; }
.poem main p:last-of-type:after {
-webkit-transform: translate(10px, 14px);
transform: translate(10px, 14px);
content: close-quote; }
@media screen and (min-width: 481px) {
.poem {
max-width: none; } }
@media screen and (min-width: 992px) {
.poem {
margin: 5.625rem 0;
padding: 0;
float: left; }
.poem main p {
font-family: "Nexa Slab W01 Bold", serif;
color: #ffffff;
font-weight: 400;
font-size: 1rem;
line-height: 1.8em;
margin: 0;
text-transform: uppercase;
text-align: center;
padding: 0;
width: 100%;
float: left;
color: #bfbfbf; } }
.people {
width: 100%;
max-width: 100vw;
float: left;
clear: both;
margin: 0;
padding: 0 0.625rem;
text-align: center;
display: block;
margin: 0.9375rem 0;
padding: 0;
text-align: left; }
.people [class^='col']:first-of-type {
margin: 0.9375rem 1.5625% 0.9375rem 0; }
.people [class^='col']:last-of-type {
margin: 0.9375rem 0 0.9375rem 1.5625%; }
.people .people-title {
width: 100%;
float: left;
clear: both; }
.people h3 {
margin: 0; }
.people p:first-of-type {
color: #bfbfbf; }
@media screen and (min-width: 992px) {
.people .flex {
display: flex;
align-items: flex-end; } }
.internal-video {
width: 100%;
max-width: 100vw;
float: left;
clear: both;
margin: 0;
padding: 0 0.625rem;
text-align: center;
display: block;
margin: 0.9375rem 0 3.75rem;
padding: 0;
text-align: left; }
.internal-video p:first-of-type {
color: #bfbfbf; }
.internal-video .date {
font-family: "DIN W01 Regular", sans-serif;
color: #bfbfbf;
font-weight: 400;
font-size: 1rem;
line-height: 1em;
text-transform: uppercase;
padding-bottom: 0.9375rem; }
.lightbox-gallery {
width: 100%;
max-width: 100vw;
float: left;
clear: both;
margin: 0;
padding: 0 0.625rem;
text-align: center;
display: block;
padding: 0.9375rem 0; }
.lightbox-gallery .thumbnailImg {
margin-top: 0;
margin-bottom: 1.5625%; }
@media screen and (min-width: 992px) {
.lightbox-gallery [class^='col']:first-of-type,
.lightbox-gallery [class^='col']:nth-of-type(2n+1) {
margin: 0.9375rem 1.5625% 0.9375rem 0; }
.lightbox-gallery [class^='col']:nth-of-type(2n) {
margin: 0.9375rem 0 0.9375rem 1.5625%; } }
.page .fancybox-toolbar .fancybox-button--play,
.page .fancybox-toolbar .fancybox-button--fullscreen,
.page .fancybox-toolbar .fancybox-button--thumbs {
display: none; }
.page .fancybox-toolbar .fancybox-button--close {
background: #ffd800 !important;
color: #000000; }
.page .fancybox-caption-wrap {
border: none;
background: #ffffff;
padding: 0 30px; }
.page .fancybox-caption-wrap .fancybox-caption {
font-family: "DIN W01 Regular", sans-serif;
color: #bfbfbf;
font-weight: 400;
font-size: 0.875rem;
line-height: 1.3em;
color: #000000;
padding: 10px; }
@media screen and (min-width: 992px) {
.page .fancybox-caption-wrap {
padding: 30px; } }
.page .fancybox-navigation .fancybox-arrow:after {
background-position: center center;
background-size: 50% 50%;
background-repeat: no-repeat; }
.nation-item {
width: 100%;
max-width: 100vw;
float: left;
clear: both;
margin: 0;
padding: 0 0.625rem;
text-align: center;
display: block;
margin: 1.875rem 0;
padding: 0;
text-align: left; }
.nation-item [class^='col']:first-of-type {
margin: 0.9375rem 1.5625% 0.9375rem 0; }
.nation-item [class^='col']:first-of-type img {
border: 1px solid #878787;
max-width: 150px; }
.nation-item [class^='col']:last-of-type {
margin: 0.9375rem 0 0.9375rem 1.5625%; }
.nation-item p:first-of-type {
color: #bfbfbf; }
.nation-item .nation-social {
width: 100%;
max-width: 100vw;
float: left;
clear: both;
margin: 0;
padding: 0 0.625rem;
text-align: center;
display: block;
padding: 0; }
.nation-item .nation-social h5 {
text-align: left;
width: auto;
float: left;
margin: 0;
padding: 0 0.625rem 0 0; }
.nation-item .nation-social a {
display: inline-block;
float: left;
padding: 0 0.625rem; }
.nation-item .nation-social a svg {
height: 18px;
width: auto; }
.title-corporate-partners h1 {
display: none; }
.title-corporate-partners #content {
display: flex;
flex-wrap: wrap;
justify-content: space-between; }
.title-corporate-partners #content h3.section-header {
padding: 5.625rem 0 0.9375rem 0; }
.corporate-partner {
width: 100%;
float: left;
display: flex;
flex-direction: column;
align-items: stretch;
margin-bottom: 3.75rem; }
.corporate-partner .logo {
width: 100%;
float: left;
clear: both;
margin: 0.9375rem 0; }
.corporate-partner h4 {
font-family: "Nexa Slab W01 Bold", serif;
color: #ffffff;
font-weight: 400;
font-size: 1rem;
line-height: 1.8em;
margin: 0;
text-transform: uppercase;
text-align: center;
padding: 0;
width: 100%;
float: left;
text-align: left; }
.corporate-partner p:first-of-type {
color: #bfbfbf; }
@media screen and (min-width: 768px) {
.corporate-partner {
width: calc((100% - 30px) * (1 / 2)); }
.corporate-partner:nth-of-type(2n) {
float: right; }
.corporate-partner:nth-of-type(2n+1) {
clear: both; }
.corporate-partner.full {
width: 100%; }
.corporate-partner .logo {
min-height: 210px; }
.corporate-partner h4 {
font-family: "Nexa Slab W01 Bold", serif;
color: #ffffff;
font-weight: 400;
font-size: 1.5rem;
line-height: 1em;
margin-top: 0;
margin-bottom: 0.625rem;
text-transform: uppercase;
text-align: left;
padding: 0;
width: 100%;
float: left; } }
@media screen and (min-width: 992px) {
.corporate-partner {
width: calc((100% - 90px) * (1 / 2)); } }
.wp-block-quote {
float: left;
clear: both;
background: #ffd800;
width: 100%;
margin: 2.8125rem 0 2.8125rem 0;
display: block;
padding: 2.5rem 8.20312%;
position: relative; }
.wp-block-quote p {
color: #000000;
font-size: 1.125rem; }
.wp-block-quote cite {
color: #000000;
font-style: normal; }
.wp-block-quote cite:before {
content: '- '; }
.wp-block-quote:before {
content: '\201C ';
font-size: 3.75rem;
position: absolute;
top: 0;
left: 1rem;
color: #000000; }
.wp-block-quote:after {
content: '\201D ';
font-size: 3.75rem;
line-height: 80px;
position: absolute;
bottom: 0;
right: 1rem;
color: #000000; }
.wp-block-quote.quote-with-image {
display: flex;
padding: 0;
align-items: stretch; }
.wp-block-quote.quote-with-image:before, .wp-block-quote.quote-with-image:after {
display: none; }
.wp-block-quote.quote-with-image .quote-portrait {
flex-basis: calc(100% * (1 /3)); }
.wp-block-quote.quote-with-image .quote {
padding: 2.5rem 8.20312%;
position: relative;
flex-basis: calc(100% * (2 /3));
display: flex;
flex-direction: column;
justify-content: center; }
.wp-block-quote.quote-with-image .quote:before {
content: '\201C ';
font-size: 3.75rem;
position: absolute;
top: 0;
left: 1rem;
color: #000000; }
.wp-block-quote.quote-with-image .quote:after {
content: '\201D ';
font-size: 3.75rem;
line-height: 80px;
position: absolute;
bottom: 0;
right: 1rem;
color: #000000; }
@media screen and (min-width: 992px) {
.wp-block-quote {
width: 116.40625%;
margin: 2.8125rem 0 2.8125rem -8.20312%;
padding: 5rem 8.20312%; }
.wp-block-quote p {
font-size: 1.75rem; }
.wp-block-quote:before {
font-size: 7.5rem; }
.wp-block-quote:after {
font-size: 7.5rem; }
.wp-block-quote.quote-with-image .quote {
padding: 5rem 8.20312%; }
.wp-block-quote.quote-with-image .quote:before {
font-size: 7.5rem; }
.wp-block-quote.quote-with-image .quote:after {
font-size: 7.5rem; } }
.single #content .recap-sport-container {
width: 100%;
float: left;
clear: both;
margin: 3.75rem 0 0 0; }
.single #content .recap-sport-container .heading-container a {
display: flex;
align-items: flex-end;
text-decoration: none; }
.single #content .recap-sport-container .heading-container a .recap-sport-icon {
width: 150px;
height: 150px; }
.single #content .recap-sport-container .heading-container a h3 {
font-family: "Nexa Slab W01 Bold", serif;
color: #ffffff;
font-weight: 400;
font-size: 1.5rem;
line-height: 1em;
margin-top: 0;
margin-bottom: 0.625rem;
text-transform: uppercase;
text-align: left;
padding: 0;
width: 100%;
float: left;
width: calc(100% - 165px);
margin: 0;
padding: 0 0 0 0.9375rem;
text-algin: left; }
.single #content .recap-sport-container .venue-link {
margin: 0.9375rem 0 0 0;
width: 100%;
float: left;
clear: both; }
.single #content .recap-sport-container .recap-sport-content {
margin: 0.9375rem 0 0 0;
width: 100%;
float: left;
clear: both; }
.single #content .recap-sport-container .recap-sport-content p {
color: #bfbfbf; }
/*# sourceMappingURL=screen.css.map */