@charset "UTF-8"; /*** The new CSS reset - version 1.7.3 (last updated 7.8.2022) GitHub page: https://github.com/elad2412/the-new-css-reset ***/ /* Remove all the styles of the "User-Agent-Stylesheet", except for the 'display' property - The "symbol *" part is to solve Firefox SVG sprite bug */ @import url("https://fonts.googleapis.com/css2?family=Lato:wght@300;400&family=Libre+Caslon+Text&family=Montserrat:wght@900&display=swap"); @import url("https://use.typekit.net/qrg3tjb.css"); @import url("https://fonts.googleapis.com/css2?family=Inter:wght@200;400;700&family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&family=Lustria&display=swap"); *:where(:not(html, iframe, canvas, img, svg, video, audio):not(svg *, symbol *)) { all: unset; display: revert; } /* Preferred box-sizing value */ *, *::before, *::after { box-sizing: border-box; } /* Reapply the pointer cursor for anchor tags */ a, button { cursor: revert; } /* Remove list styles (bullets/numbers) */ ol, ul, menu { list-style: square; } /* For images to not be able to exceed their container */ img { max-width: 100%; } /* removes spacing between cells in tables */ table { border-collapse: collapse; } /* Safari - solving issue when using user-select:none on the text input doesn't working */ input, textarea { -webkit-user-select: auto; } /* revert the 'white-space' property for textarea elements on Safari */ textarea { white-space: revert; } /* minimum style to allow to style meter element */ meter { -webkit-appearance: revert; -moz-appearance: revert; appearance: revert; } /* reset default text opacity of input placeholder */ ::-moz-placeholder { color: unset; } ::placeholder { color: unset; } /* fix the feature of 'hidden' attribute. display:revert; revert to element instead of attribute */ :where([hidden]) { display: none; } /* revert for bug in Chromium browsers - fix for the content editable attribute will work properly. - webkit-user-select: auto; added for Safari in case of using user-select:none on wrapper element*/ :where([contenteditable]:not([contenteditable=false])) { -moz-user-modify: read-write; -webkit-user-modify: read-write; overflow-wrap: break-word; -webkit-line-break: after-white-space; -webkit-user-select: auto; } /* apply back the draggable feature - exist only in Chromium and Safari */ :where([draggable=true]) { -webkit-user-drag: element; } @font-face { font-family: "Otari-Bold-Limited"; src: url("../fonts/Otari-Bold-Limited-webfont.woff2") format("woff2"), url("../fonts/Otari-Bold-Limited-webfont.woff") format("woff"); font-weight: normal; font-style: normal; } body { font-family: "Blinker", serif; font-weight: 300; color: #373F51; line-height: 1.6; font-size: 1em; } main p a, main ul li a, main ol li a { color: #00ABAE; } main p a:hover, main ul li a:hover, main ol li a:hover { color: rgb(0, 220.5310344828, 224.4); } a { color: #00ABAE; text-decoration: underline; transition: 0.3s ease color; } a:hover { color: rgb(0, 220.5310344828, 224.4); cursor: pointer; text-decoration: underline; -webkit-text-decoration-skip: ink; text-decoration-skip: ink; } ul, ol { margin-left: 40px; max-width: 800px; } .layout-container p, .layout-container ul, .layout-container ol { font-size: 1em; line-height: 1.7em; font-weight: 300; } .layout-container ul.check, .layout-container ol.check { margin-left: 0 !important; } .layout-container ul.check li, .layout-container ol.check li { line-height: 1.3em; background: url("../images/check.svg") no-repeat left 3px; background-size: 16px; padding-left: 2em; list-style: none; margin-bottom: 0.5em; } ul.faq li, ol.faq li { position: relative; transition: max-height 0.5s ease; list-style-type: none; border: 1px solid #FBAF41; border-radius: 10px; overflow: hidden; padding: 1em; margin: 0.5em 0; max-height: 60px; } ul.faq li strong, ol.faq li strong { color: #FBAF41; } ul.faq li::after, ol.faq li::after { content: ""; display: block; position: absolute; top: 0.65em; right: 1em; width: 36px; height: 36px; background: url("../images/arrow.svg") no-repeat center center; background-size: 36px; transition: transform 0.3s ease; } ul.faq li.open, ol.faq li.open { max-height: 300px; } ul.faq li.open::after, ol.faq li.open::after { transform: rotate(180deg); } p, ul, ol { padding-top: 0.5em; padding-bottom: 0.5em; } h1, h2, h3, h4, h5, .h1, .h2, .h3, .h4, .h5 { font-family: "League Spartan", serif; color: #FBAF41; } h1 a, h2 a, h3 a, h4 a, h5 a, .h1 a, .h2 a, .h3 a, .h4 a, .h5 a { color: #00ABAE; transition: 0.2s ease color; text-decoration: none; } h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, .h1 a:hover, .h2 a:hover, .h3 a:hover, .h4 a:hover, .h5 a:hover { color: rgb(0, 220.5310344828, 224.4); } h1, h2, h3, h4 { margin-top: 2.25rem; margin-bottom: 2.25rem; } h5, h6 { margin-top: 2.25rem; } h1, .h1 { font-family: "League Spartan", serif; font-size: 95px; font-weight: 900; line-height: 79px; letter-spacing: 0.4px; text-align: center; color: #FBAF41; } @media (min-width: 0px) and (max-width: 767px) { h1, .h1 { font-size: 55px; } } h2, .h2 { font-family: "League Spartan", serif; font-size: 14px; font-weight: 600; line-height: 100%; letter-spacing: 0.4px; color: #00ABAE; } h3, .h3 { font-family: "League Spartan", serif; font-size: 65px; font-weight: 900; line-height: 79px; letter-spacing: 0.4px; color: #FBAF41; } h4, .h4 { font-family: "League Spartan", serif; font-size: 35px; font-weight: 500; line-height: 42px; letter-spacing: 0.4px; color: #252322; } h5, .h5 { font-family: "Blinker", serif; font-size: 22px; font-weight: 700; line-height: 32px; letter-spacing: 0.4px; color: #FBAF41; } .button { display: inline-block; margin: 0px 10px 20px 0px; border: 0px; border-radius: 30px; padding: 8px 50px; text-decoration: none; color: white; background: #00ABAE; transition: 0.3s ease all; } .button:hover { background: rgba(122, 221, 213, 0.8); color: white; text-decoration: none; opacity: 0.6; } .button:first-child { margin: 0 10px 10px 0; } blockquote { border-left: 3px solid #00ABAE; background: #efefef; margin: 25px 0px; padding: 1px 15px; } hr { border-bottom: 1px solid #FBAF41; border-top: 0px; } code, pre { background: #efefef; color: #252322; padding: 5px; font-size: 1.2em; } table thead tr th { padding: 5px; text-align: left; } table tbody tr td { padding: 5px; } #block-contactblock h2, #block-contactblock .h2, #block-views-block-faqs-block-1-2 h2, #block-views-block-faqs-block-1-2 .h2 { font-family: "League Spartan", serif; font-size: 35px; font-weight: 500; line-height: 42px; letter-spacing: 0.4px; color: #252322; } html { background-color: #efefef; } body { height: 100%; min-height: 100%; margin: 0px; background: white; } header .header-container { max-width: 1180px; margin: 0 auto; padding: 20px; overflow: auto; padding: 0; } @media (min-width: 768px) { header .header-container { overflow: visible; } } .field--name-field-paragraphs { max-width: 1180px; margin: 0 auto; } .field--name-field-paragraphs .field__item { margin: 10px; } @media (min-width: 768px) { .field--name-field-paragraphs .field__item { max-width: 60%; } } .region.empty { display: none; } .region-content-top .region-container { max-width: 100%; margin: 0px; padding: 0px; } .region-content-top .region-container > div > h1, .region-content-top .region-container > div.messages, .region-content-top .region-container > div.help { max-width: 1180px; margin: 0 auto; padding: 20px; overflow: auto; } .path-frontpage #block-aboutus-2 img, .path-frontpage #block-sponsoredbytheusembassy img { padding: 30px; width: 100%; } @media (min-width: 768px) { .path-frontpage #block-aboutus-2 img, .path-frontpage #block-sponsoredbytheusembassy img { width: 300px; } } .region-content .region-container { max-width: 100%; margin: 0px; padding: 0px; } .region-content .region-container .views-element-container, .region-content .region-container #block-contactblock { max-width: 1180px; margin: 0 auto; padding: 20px; overflow: auto; } .region-content-bottom .region-container { max-width: 100%; margin: 0px; padding: 0px; } .region-content-bottom .region-container .views-element-container, .region-content-bottom .region-container .block-block-content { max-width: 1180px; margin: 0 auto; padding: 20px; overflow: auto; } .block-system-main-block .node__content .field--type-text-with-summary { max-width: 1180px; margin: 0 auto; padding: 20px; overflow: auto; } .page-node-type-game article, .page-node-type-team article { max-width: 1180px; margin: 0 auto; padding: 20px; overflow: auto; } .page-node-type-game article footer, .page-node-type-team article footer { background: none; color: black; } .page-node-type-game .field--name-field-gallery, .page-node-type-team .field--name-field-gallery { text-align: center; } .page-node-type-game .field--name-field-gallery .field__item, .page-node-type-team .field--name-field-gallery .field__item { display: inline-block; margin: 10px; } .page-node-type-game .field--name-field-upload-file a, .page-node-type-team .field--name-field-upload-file a { display: inline-block; margin: 0px 10px 20px 0px; border: 0px; border-radius: 30px; padding: 8px 50px; text-decoration: none; color: white; background: #00ABAE; transition: 0.3s ease all; } .page-node-type-game .field--name-field-upload-file a:hover, .page-node-type-team .field--name-field-upload-file a:hover { background: rgba(122, 221, 213, 0.8); color: white; text-decoration: none; opacity: 0.6; } .page-node-type-game .field--name-field-upload-file a::before, .page-node-type-team .field--name-field-upload-file a::before { content: "Download game: "; } .page-node-type-game span, .page-node-type-team span { background-image: none; } .page-node-type-game .flag, .page-node-type-team .flag { display: inline-block; margin-right: 10px; font-size: 2em; } @media (min-width: 768px) { .layout-container.sidebar .sidebar-wrap { max-width: 1180px; margin: 0 auto; display: flex; } .layout-container.sidebar .sidebar-wrap .region-content { flex: 50%; } .layout-container.sidebar .sidebar-wrap .region-right-sidebar, .layout-container.sidebar .sidebar-wrap .region-left-sidebar { flex: 50%; padding: 20px; } } .layout-container.sidebar main { max-width: 100%; margin: 0px; padding: 0px; } .region-right-sidebar { border-left: transparent; background-color: white; padding: 20px; } .region-left-sidebar { border-right: transparent; } .path-sponsors .view-sponsors .view-content { display: flex; justify-content: space-around; flex-wrap: wrap; } .path-sponsors .view-sponsors .view-content .views-row { padding: 20px; } .path-frontpage h1 { padding-top: 60px !important; } .block-views-blocksponsors-block-1 h1, .block-views-blocksponsors-block-1 h2, .block-views-blocksponsors-block-1 h3, .block-views-blocksponsors-block-1 h4, .block-views-blocksponsors-block-1 h5, .block-views-blocksponsors-block-1 h6 { font-family: "League Spartan", serif; font-size: 65px; font-weight: 900; line-height: 79px; letter-spacing: 0.4px; color: #FBAF41; text-align: center; } .block-views-blocksponsors-block-1 .view-sponsors .view-content { display: flex; justify-content: space-around; flex-wrap: wrap; } .block-views-blocksponsors-block-1 .view-sponsors .view-content img { max-height: 150px; width: auto; padding: 10px; } .region-navigation { display: flex; align-items: center; justify-content: flex-end; transition: 0.3s ease all; font-family: "League Spartan", serif; } .region-navigation li { font-size: 0.8em; } .region-navigation .block-menu.menu--main ul.menu { margin: 10px 0; padding: 0px; box-sizing: border-box; font-size: 20px; line-height: 20px; } .region-navigation .block-menu.menu--main ul.menu li { display: inline-block; padding: 0 10px; box-sizing: border-box; } .region-navigation .block-menu.menu--main ul.menu li a { padding: 5px; display: inline-block; } .region-navigation .block-menu.menu--main ul.menu li a.is-active { color: #373F51; text-decoration: underline; } .region-navigation .block-menu.menu--main ul.menu li:first-child a { padding-left: 5px; } .region-navigation .block-menu.menu--main ul.menu li.menu-item--expanded { position: relative; } .region-navigation .block-menu.menu--main ul.menu li.menu-item--expanded:hover > a:after { content: "▼"; display: inline-block; margin-left: 5px; font-size: 12px; position: absolute; } .region-navigation .block-menu.menu--main ul.menu li.menu-item--expanded:hover ul.menu { display: block; } .region-navigation .block-menu.menu--main ul.menu li ul.menu { display: none; position: absolute; box-shadow: 0 2px 5px rgba(0, 0, 0, 0.26); width: 200px; z-index: 6; background: white; } .region-navigation .block-menu.menu--main ul.menu li ul.menu li { padding: 0; display: block; } .region-navigation .block-menu.menu--main ul.menu li ul.menu li a { padding: 15px; display: block; } .region-navigation .block-menu.menu--main ul.menu li ul.menu li a.is-active { border-bottom: 0px; } .region-navigation .block-menu.menu--main ul.menu li ul.menu li a:hover { background: rgb(255, 161.5, 161.5); color: white; } .region-navigation .block-menu.menu--main ul.menu { text-align: right; } .region-navigation .block-menu.menu--main ul.menu li a { text-decoration: none; color: #262544; font-weight: 500; } .region-navigation .block-menu.menu--main ul.menu li a:hover { color: rgb(59.9857142857, 58.4071428571, 107.3428571429); text-decoration: underline; } .region-navigation .block-menu.menu--main ul.menu li a.is-active { color: #262544; font-weight: 700; text-decoration: none; } @media (min-width: 768px) { .bones-search .region-navigation .block-search { margin: 0 0 0 0; } } .bones-mobile-menu .region-header { width: 85%; margin-bottom: 0px; } @media (min-width: 768px) { .bones-mobile-menu .region-header { width: revert; } } @media (min-width: 0px) and (max-width: 767px) { .bones-mobile-menu .region-navigation .block-menu.menu--main { display: none; } } .bones-mobile-menu .mobile-nav-toggle { align-self: center; margin-left: 10px; } @media (min-width: 768px) { .bones-mobile-menu .mobile-nav-toggle { display: none; } } .bones-mobile-menu .region-mobilenav { padding: 40px 0; } .bones-mobile-menu .region-mobilenav .region-container > .block { margin-bottom: 40px; } .bones-mobile-menu .region-mobilenav .region-container > .block:last-child { margin-bottom: 0px; } .bones-mobile-menu .region-mobilenav nav + nav { margin-top: -40px; } .bones-mobile-menu .region-mobilenav nav + nav ul.menu { border-top: 0px; } .bones-mobile-menu .region-mobilenav ul.menu { margin: 0; border-top: 1px solid #FBAF41; } .bones-mobile-menu .region-mobilenav ul.menu li { display: block; padding: 0px; border-bottom: 1px solid #FBAF41; } .bones-mobile-menu .region-mobilenav ul.menu li a { font-family: "League Spartan", serif; font-weight: 500; color: #262544; text-decoration: none; display: block; padding: 8px 20px; } .bones-mobile-menu .region-mobilenav ul.menu li a.is-active { background: #FBAF41; color: white; } nav.tabs { max-width: 1180px; margin: 0 auto; padding: 20px; overflow: auto; } .menu--footer ul.menu { margin: 10px 0; } footer.page-footer { margin-top: 50px; background-color: rgba(251, 175, 65, 0.3019607843); color: white; } footer.page-footer .menu a { color: #00ABAE; font-weight: 400; } footer.page-footer .menu a:hover { color: rgba(122, 221, 213, 0.8); } footer.page-footer .footer-left { background-color: #FBAF41; border: white 1px solid; } footer.page-footer .footer-left a { color: #F7F7F9; font-weight: 400; } @media (min-width: 768px) { footer.page-footer .footer-left { max-width: 50%; width: 50%; display: block; float: left; padding-left: calc(50% - 590px); } } footer.page-footer .footer-left a { padding: 20px; display: inline-block; } footer.page-footer .footer-left a img { vertical-align: bottom; margin-left: 30px; } footer.page-footer .footer-right { background-color: #FBAF41; border: white 1px solid; height: 73px; } footer.page-footer .footer-right a { padding: 20px; display: inline-block; color: #F7F7F9; font-weight: 400; } footer.page-footer .footer-right a img { vertical-align: bottom; margin-left: 30px; } @media (min-width: 768px) { footer.page-footer .footer-right { max-width: 50%; width: 50%; display: inline-block; } } footer.page-footer nav { max-width: 1180px; margin: 0 auto; padding: 20px; overflow: auto; } footer.page-footer.page-footer .region-container { display: flex; flex-wrap: wrap; margin: 0; padding: 0; width: 100%; max-width: 100%; } footer.page-footer.page-footer .region-container > :nth-child(1) { flex-basis: 100%; width: 100%; } footer.page-footer.page-footer .region-container > :nth-child(1) a { text-decoration: none; } footer.page-footer.page-footer .region-container > :nth-child(1) a:hover { text-decoration: underline; } footer.page-footer.page-footer .region-container > :nth-child(2) { padding-left: max(20px, 50% - 570px); flex-basis: 50%; width: 50%; } footer.page-footer.page-footer .region-container > :nth-child(3) { padding-right: max(20px, 50% - 570px); text-align: right; flex-basis: 50%; width: 50%; } footer.page-footer.page-footer .region-container > :nth-child(4) { padding-left: max(20px, 50% - 570px); flex-basis: 50%; width: 50%; } @media (min-width: 0px) and (max-width: 767px) { footer.page-footer.page-footer .region-container > :nth-child(4) { padding: 0 20px; flex-basis: 100%; width: 100%; font-size: 14px; } } #block-footerlogo p { color: #252322; } .field--name-body { max-width: 100%; } .field--name-body p { max-width: 800px; } .node__links ul.links li { display: inline-block; } .node__links ul.links li:first-child { padding-left: 0px; } .node__links ul.links li a { display: block; border: 1px solid #c1c1c1; padding: 8px 12px 8px 12px; } .comment-wrapper article.comment { border-top: 3px solid #c1c1c1; border-bottom: 3px solid #c1c1c1; } .comment-wrapper article.comment h4 { margin-bottom: 0; } .comment-wrapper article.comment .links { font-size: 14px; line-height: 18px; margin-top: 0px; margin-bottom: 15px; display: block; } .comment-wrapper article.comment .links li { display: inline-block; } .comment-wrapper article.comment .links li:first-child { padding-left: 0px; } .comment-wrapper article.comment .links li a { display: block; border: 1px solid #c1c1c1; padding: 5px 10px 5px 10px; } .comment-wrapper .comment__meta { font-size: 14px; line-height: 18px; } .comment-wrapper .comment__meta .comment__submitted { margin: 0px 5px 0px 0px; display: inline-block; } .comment-wrapper .indented { margin: 15px 0px 15px 40px; margin-left: 40px; border-left: 10px solid #c1c1c1; padding-left: 20px; } .comment-wrapper .indented article.comment { border-top: 0px; } img { max-width: 100%; height: auto; } svg { max-width: 100%; max-height: 100%; height: auto; } figure { margin: 20px 0; } figure figcaption { margin: 10px 0; padding-bottom: 10px; border-bottom: 1px solid #FBAF41; } .block-local-tasks-block { margin: 20px 0; } ul.tabs.primary { border-bottom: 1px solid #c1c1c1; } ul.tabs.primary a { border: 1px solid #c1c1c1; border-bottom: 0px; padding: 8px 20px 5px; font-size: 16px; } .block-views-blockdemo-view-columns-block-1 > h2, .block-views-blockdemo-view-columns-block-2 > h2, .block-views-blockdemo-view-columns-block-3 > h2 { border-bottom: 1px solid #FBAF41; } #block-views-block-past-games-block-1 > h2, #block-views-block-past-teams-block-1 > h2, #block-views-block-webinars-block-1 > h2 { font-size: 50px; } .cta-blocks .field--name-body { display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); grid-gap: 0px; width: 100%; max-width: 100%; color: white; border: 1px white solid; } .cta-blocks .field--name-body .cta-slab { background-color: #00ABAE; overflow: hidden; height: 380px; padding: 30px; justify-content: center; display: flex; flex-direction: column; } @media (min-width: 768px) { .cta-blocks .field--name-body .cta-slab { max-width: 380px; } } .cta-blocks .field--name-body .cta-slab img { margin: -30px; height: 380px; width: auto; max-width: initial; } .cta-blocks .field--name-body .cta-slab h1, .cta-blocks .field--name-body .cta-slab h2, .cta-blocks .field--name-body .cta-slab h3, .cta-blocks .field--name-body .cta-slab h4, .cta-blocks .field--name-body .cta-slab h5, .cta-blocks .field--name-body .cta-slab h6 { text-align: center; color: white; margin-top: 0.5em; margin-bottom: 1em; } .cta-blocks .field--name-body .cta-slab .btn-cta.btn-cta--1-inverted { text-align: center; display: block; margin: 0 50px; } .info-boxes .field--name-body { display: grid; grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)); grid-gap: 30px; width: 100%; max-width: 100%; color: white; } .info-boxes .field--name-body .info-box { background-color: rgba(122, 221, 213, 0.8); overflow: hidden; max-width: 260px; height: 200px; padding: 30px; border-radius: 10px; text-align: center; margin: auto; } .info-boxes .field--name-body .info-box h1, .info-boxes .field--name-body .info-box h2, .info-boxes .field--name-body .info-box h3, .info-boxes .field--name-body .info-box h4, .info-boxes .field--name-body .info-box h5, .info-boxes .field--name-body .info-box h6 { font-family: "League Spartan", serif; font-size: 35px; font-weight: 500; line-height: 42px; letter-spacing: 0.4px; color: #252322; text-align: center; color: white; margin-top: 0.5em; margin-bottom: 1em; } #block-schedule-2, #block-schedule-3 { max-width: 100%; margin: 0px; padding: 0px; padding-top: 1em; padding-bottom: 1em; margin-top: 1em; background-color: #00ABAE; color: white; } #block-schedule-2 > div, #block-schedule-2 > h2, #block-schedule-3 > div, #block-schedule-3 > h2 { max-width: 1180px; margin: 0 auto; padding: 20px; overflow: auto; } #block-schedule-2 h2.section-break-header, #block-schedule-3 h2.section-break-header { color: white; } #block-schedule-2 h2.section-break-header::after, #block-schedule-3 h2.section-break-header::after { background: white; } .site-container { width: 100%; min-height: 100vh; } .layout-container { width: 100%; display: flex; flex-direction: column; } .layout-inner { margin: auto; } .row { flex-direction: row; width: 100%; } @media (min-width: 768px) { .row, .col { display: flex; } .region-right-sidebar { padding: 20px; } .col { flex-direction: column; } .col.col-2 { width: 50%; } .columns { display: grid; grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)); grid-gap: 30px; width: 100%; max-width: 100%; } .columns .columns { max-width: 50%; } } .columns-1-3 { grid-template-columns: 1fr 2fr; } header.header { background: #F7F7F9; padding: 0 30px; font-family: "Lustria", sans-serif; } header.header .region-navigation { display: none; } @media (min-width: 768px) { header.header .region-navigation { display: flex; flex-direction: column-reverse; align-items: end; } } #block-joinourdiscord p, #block-joinourdiscord a { font-family: "League Spartan", serif; font-size: 16px; font-weight: 300; color: #262544; text-decoration: none; } #block-joinourdiscord img { height: 25px; width: auto; margin: 0 13px -7px 7px; } #block-joinourdiscord :hover { opacity: 0.8; text-decoration: none !important; } #block-joinourdiscord :hover p, #block-joinourdiscord :hover a { color: rgb(59.9857142857, 58.4071428571, 107.3428571429); text-decoration: none; } .site-logo { line-height: 0; padding: 0; } .site-logo img { max-width: 80% !important; margin-top: 1em; margin-bottom: 1em; } @media (min-width: 768px) { .site-logo img { max-width: 400px !important; margin-top: 0; margin-bottom: 0; } } .site-logo--text { font-size: 35px; } .site-menu { justify-content: end; } .site-menu--list { display: flex; flex-direction: row; justify-content: end; padding-bottom: 8px; } .site-menu--list-item { display: flex; flex-direction: column; } .site-menu--list-item:not(:first-of-type) { margin-left: 19px; } .site-menu--list-item a { cursor: pointer; color: #373F51; font-size: 16px; } .site-menu--list-item a:hover { color: rgb(123.375, 136.375, 165.625); } header.header { background: white; width: 100%; margin-top: 15px; } .header-container { display: flex; justify-content: space-between; } @media (min-width: 0px) and (max-width: 767px) { .header-container { flex-wrap: wrap; } } .header-container .region-header { flex: 0 0 auto; } @media (min-width: 0px) and (max-width: 767px) { .header-container .region-header { flex: 0 1 auto; } } .header-container .region-navigation { flex: 1 1 auto; } .header-container .region-navigation .region-container { width: 100%; } .header-container .region-navigation .region-container a :hover { text-decoration: underline; } .header-container .region-mobilenav { flex: 1 0 100%; display: none; } .header-container svg { margin-top: 10px; } .block-system-branding-block { display: flex; align-items: center; } .block-system-branding-block .site-logo img { max-width: 60px; transition: 0.3s ease all; } @media (min-width: 768px) { .block-system-branding-block .site-logo img { max-width: 100px; } } .block-system-branding-block .branding-text { margin-left: 20px; } .block-system-branding-block .site-name { font-family: "League Spartan", serif; color: #FBAF41; font-family: "League Spartan", serif; font-size: 14px; font-weight: 600; line-height: 100%; letter-spacing: 0.4px; color: #00ABAE; } .block-system-branding-block .site-name a { color: #00ABAE; transition: 0.2s ease color; text-decoration: none; } .block-system-branding-block .site-name a:hover { color: rgb(0, 220.5310344828, 224.4); } .block-system-branding-block .site-slogan { font-size: 2em; } .bones-fixed-header header.header { box-shadow: 0 2px 5px rgba(0, 0, 0, 0.26); position: fixed; z-index: 10; } .bones-fixed-header .region-header { max-width: calc(100% - 80px); } .bones-fixed-header.scrolled .header-container { padding: 0px; align-items: center; } .bones-fixed-header.scrolled .region-header { margin-bottom: 0px; } .bones-fixed-header.scrolled .block-system-branding-block { text-align: left; } .bones-fixed-header.scrolled .block-system-branding-block .site-logo img { max-width: 150px !important; } @media (min-width: 768px) { .bones-fixed-header.scrolled .block-system-branding-block .site-logo img { max-width: 50px; } } .bones-fixed-header.scrolled .block-system-branding-block .site-slogan { display: none; } .site-footer { background: #373F51; color: #F7F7F9; } .site-footer p { color: inherit; } .site-footer .split-socials { background: linear-gradient(to right, #FF5555 50%, #4E598C 50%); } .page-header { text-align: center; } .page-header .col { flex-grow: 1; } .page-header h1, .page-header h2, .page-header h3, .page-header h4, .page-header h5, .page-header h6 { margin: 0 20px; font-weight: 900; } .page-header--1 { min-height: 300px; } .page-header--1 h1, .page-header--1 h2, .page-header--1 h3, .page-header--1 h4, .page-header--1 h5, .page-header--1 h6 { font-family: "Lustria", sans-serif; font-size: 95px; color: #FF5555; } .page-header--2 { min-height: 120px; } .page-header--2 h1, .page-header--2 h2, .page-header--2 h3, .page-header--2 h4, .page-header--2 h5, .page-header--2 h6 { font-family: "Lustria", sans-serif; font-size: 95px; color: #4E598C; } .page-header--3 { min-height: 120px; background: #4E598C; } .page-header--3 h1, .page-header--3 h2, .page-header--3 h3, .page-header--3 h4, .page-header--3 h5, .page-header--3 h6 { font-family: "Lustria", sans-serif; font-size: 95px; color: #F7F7F9; } #block-headerimage-2 p, #block-headerimage-2 img { width: 100%; max-width: unset; height: auto; } .split-banner { background: linear-gradient(to right); } .split-banner #block-theme .field--type-text-with-summary { padding: 20px; } .split-banner #block-theme { justify-content: center; display: flex; flex-direction: column; } .split-banner #block-jaminfo { justify-content: center; display: flex; flex-direction: column; } .split-banner--col { min-height: 307px; justify-content: center; text-align: center; color: #ffffff; } .split-banner--col .row { justify-content: center; color: #ffffff; } .split-banner--col p { font-size: 1em; color: #ffffff; } .split-banner--col h3 { color: #ffffff; margin: 0; font-size: 2.3em; line-height: 1.5em; padding: 0 10px; } .split-banner--col a { margin-top: 1em; } .split-banner--col-1 { background-color: #FBAF41; } .split-banner--col-2 { background-color: #00ABAE; } .split-banner #block-headerright p, .split-banner #block-headerimage p { padding-top: 0 !important; padding-bottom: 0 !important; } .split-banner #block-headerright p img, .split-banner #block-headerimage p img { display: none; } @media (min-width: 1180px) { .split-banner #block-headerright p img, .split-banner #block-headerimage p img { display: block; max-height: 450px; width: auto; } } @media (min-width: 768px) { .row, .col { display: flex; } } h1.section-break-header, h2.section-break-header, h3.section-break-header, h4.section-break-header, h5.section-break-header, h6.section-break-header { display: flex; flex: 1 1 auto; font-family: "Lato", sans-serif; font-size: 0.875em; color: #00ABAE; width: 100%; align-items: center; text-transform: uppercase; } h1.section-break-header::after, h2.section-break-header::after, h3.section-break-header::after, h4.section-break-header::after, h5.section-break-header::after, h6.section-break-header::after { content: ""; display: flex; flex: 1 0 auto; background: #252322; height: 2px; margin-left: 18px; } #block-2024theme > h2 { display: flex; flex: 1 1 auto; font-family: "Lato", sans-serif; font-size: 0.875em; color: #00ABAE; width: 100%; align-items: center; text-transform: uppercase; } #block-2024theme > h2::after { content: ""; display: flex; flex: 1 0 auto; background: #252322; height: 2px; margin-left: 18px; } .btn-cta { border-radius: 23px; display: inline-block; min-width: 200px; min-height: 45px; line-height: 42px; padding: 0 16px; text-align: center; font-size: 14px; letter-spacing: 0.4px; text-transform: uppercase; text-decoration: none !important; } .btn-cta--1 { border: 0; } .btn-cta--1-inverted { border-width: 2px; border-style: solid; border-color: inherit; background: transparent; color: inherit; } .btn-cta--1-inverted:hover { background: #F7F7F9; border-color: #F7F7F9; color: #373F51; text-underline: none; } .view--4col .view-content { overflow: auto; } @media (min-width: 768px) and (max-width: 1180px) { .view--4col .views-row { width: calc(50% - 17px); float: left; margin-right: 30px; margin-bottom: 20px; } .view--4col .views-row:nth-child(2n+2) { margin-right: 0px; } .view--4col .views-row:nth-child(2n+3) { clear: left; } } @media (min-width: 1180px) { .view--4col .views-row { width: calc(25% - 23px); float: left; margin-right: 30px; margin-bottom: 20px; } .view--4col .views-row:nth-child(4n+4) { margin-right: 0px; } .view--4col .views-row:nth-child(4n+5) { clear: left; } } .view--3col .view-content { overflow: auto; } @media (min-width: 768px) { .view--3col .views-row { width: calc(33% - 17px); float: left; margin-right: 30px; margin-bottom: 20px; } .view--3col .views-row:nth-child(3n+3) { margin-right: 0px; } .view--3col .views-row:nth-child(3n+4) { clear: left; } } .view--2col .view-content { overflow: auto; } @media (min-width: 768px) { .view--2col .views-row { width: calc(50% - 16px); float: left; margin-right: 30px; margin-bottom: 20px; } .view--2col .views-row:nth-child(2n+2) { margin-right: 0px; } .view--2col .views-row:nth-child(2n+3) { clear: left; } } .view-games h3, .view-teams h3 { font-weight: 300; font-size: 2em; } .view-games img, .view-teams img { border-radius: 10px; } .view-games img:hover, .view-teams img:hover { opacity: 0.8; } input { max-width: 100%; padding: 10px; width: 100%; border-radius: 5px; } .button { background-color: #00ABAE !important; margin-bottom: 0px; } form input { border: 1px solid #373F51; padding: 10px; border-radius: 5px; } form input[type=text], form input[type=number], form input[type=email], form input[type=password] { max-width: 100%; width: 100%; } form input.form-submit { width: auto; } form label { padding: 5px 0; } form .form-item { margin: 1.5em 0; } form .form-type-textarea textarea { border: 1px solid #373F51; padding: 5px; border-radius: 5px; } form .form-type-checkbox .description { margin-left: 1.6em; } form .form-type-password-confirm > label { font-weight: bold; display: block; margin-bottom: 0.5em; } form .form-type-password-confirm .confirm-parent, form .form-type-password-confirm .password-parent { max-width: initial; } form .form-type-password-confirm .password-strength { margin: 1em 0; display: flex; flex-direction: column-reverse; } form .form-type-password-confirm .password-confirm { margin: 1em 0; } form .form-type-range-output input.form-range { float: none !important; display: block; } form .form-type-range-output .form-range-output-container { margin: 0.5em 0 1em 0; } form .form-type-color input.form-color { float: none !important; vertical-align: middle; margin: 10px 0; } form .form-type-managed-file label.webform-file-button { margin: 1em 0; } form .form-type-managed-file input.form-file { margin: 1em 0; } form .webform-select-other legend span { font-weight: 400; } form .webform-select-other select { width: 100%; max-width: 100%; padding: 7px; border-radius: 5px; border: 1px solid #373F51; } form table.tableselect, form table.tableselect-sort { margin: 1em 0; } form .form-item input.error, form .form-item textarea.error, form .form-item select.error { border: 2px solid #FF5555; } form label.option { margin-left: 5px; } form .text-format-wrapper { display: block; } #search-block-form { min-width: 215px; } .bones-search #search-block-form input.form-submit { padding: 6px 8px; margin-left: -7px; } .bones-search .block-search { overflow: hidden; position: relative; width: 30px; transition: 0.3s ease all; flex-grow: 0; flex-shrink: 0; } .bones-search .block-search.show { width: 220px; } .bones-search .block-search .button { background-color: #00ABAE !important; margin-bottom: 0px; } .bones-search .block-search .search-show.hide { display: none; } .bones-search .block-search #search-block-form { position: absolute; left: 30px; top: 0; max-height: 32px; } .bones-search .block-search #search-block-form.show { position: relative; left: 0; } .webform-submission-register-form, .webform-submission-sponsor-form, .webform-submission-professional-form { max-width: 1180px; margin: 0 auto; padding: 20px; display: flex; flex-direction: column; } @media (min-width: 768px) { .webform-submission-register-form, .webform-submission-sponsor-form, .webform-submission-professional-form { align-items: center; } .webform-submission-register-form > *, .webform-submission-sponsor-form > *, .webform-submission-professional-form > * { width: 66.7%; } } .ds-2col { display: flex; flex-wrap: wrap; } .ds-2col > .group-left { flex: 0 1 100%; width: auto; float: none; } .ds-2col > .group-right { flex: 0 1 100%; width: auto; float: none; } @media (min-width: 768px) { .ds-2col > .group-left { flex: 0 1 50%; padding-right: 15px; } .ds-2col > .group-right { flex: 0 1 50%; padding-left: 15px; } } .ds-2col-stacked { display: flex; flex-wrap: wrap; } .ds-2col-stacked > .group-left { flex: 0 1 100%; width: auto; float: none; } .ds-2col-stacked > .group-right { flex: 0 1 100%; width: auto; float: none; } @media (min-width: 768px) { .ds-2col-stacked > .group-left { flex: 0 1 50%; padding-right: 15px; } .ds-2col-stacked > .group-right { flex: 0 1 50%; padding-left: 15px; } } .ds-3col { display: flex; flex-wrap: wrap; } .ds-3col > .group-left { flex: 0 1 100%; width: auto; float: none; } .ds-3col > .group-middle { flex: 0 1 100%; width: auto; float: none; } .ds-3col > .group-right { flex: 0 1 100%; width: auto; float: none; } @media (min-width: 768px) { .ds-3col > .group-left { flex: 0 1 25%; padding-right: 15px; } .ds-3col > .group-middle { flex: 0 1 50%; padding-right: 15px; padding-left: 15px; } .ds-3col > .group-right { flex: 0 1 25%; padding-left: 15px; } } .webform-submission-sign-up-to-newsletter-form { display: flex; flex-direction: row; align-items: center; justify-content: center; margin-bottom: 60px; } .webform-submission-sign-up-to-newsletter-form .form-type-email { margin: 0; } .webform-submission-sign-up-to-newsletter-form .form-type-email input { border: none; border-radius: 2px; background-color: white; color: #00ABAE; font-weight: 400; } .webform-submission-sign-up-to-newsletter-form .form-actions { margin: 0 0 0 20px; } .webform-submission-sign-up-to-newsletter-form .form-actions input { margin: 0; width: 180px; text-align: center; } .comment .links.inline .comment-forbidden { display: none; }