:root {--ab-blue:#164194;--ab-darkblue:#15387c;--ab-red:#e51846;--ab-darkred:#c01e42;--ab-lightgrey:#f5f5f5;--ab-darkgrey:#c1c1c1;--ab-verydarkgrey:#585858}

.font-title {font-family:"Audiowide",Helvetica,sans-serif}
.font-text {font-family:"Outfit",Helvetica,sans-serif}

.color-abblue {color:var(--ab-blue)}
.color-abred {color:var(--ab-red)}
.bg-abblue {background-color:var(--ab-blue)}
.bg-abred {background-color:var(--ab-red)}
.bg-ablightgrey {background-color:var(--ab-lightgrey)}
.bg-abdarkgrey {background-color:var(--ab-darkgrey)}

.btn-abblue {background-color:var(--ab-blue);color:white!important;font-family:"Outfit",Helvetica,sans-serif}
.btn-abblue:hover, .btn-abblue:focus, .btn-abblue:active {background-color:var(--ab-darkblue)}
.btn-abred {background-color:var(--ab-red);color:white!important;font-family:"Outfit",Helvetica,sans-serif}
.btn-abred:hover, .btn-abred:focus, .btn-abred:active {background-color:var(--ab-darkred)}

a {text-decoration:none;color:inherit!important}

.table-fit {white-space:nowrap;width:1%}

.flagIcon {border-radius:50%;box-shadow:0 0 2px black}

.tooltip-inner {background-color:var(--ab-blue)!important;color:white;font-family:"Outfit",Helvetica,sans-serif}

.seasonDropdown .dropdown-menu {background-color:var(--ab-red);min-width:100%}
.seasonDropdown .dropdown-item {color:white!important;font-family:"Outfit",Helvetica,sans-serif}
.seasonDropdown .dropdown-item:hover {color:var(--ab-darkgrey)!important;background-color:transparent}
.seasonDropdown .dropdown-item.active {background-color:var(--ab-darkred)}
.categoryDropdown .dropdown-menu {background-color:var(--ab-blue);border-color:var(--ab-blue);min-width:100%}
.categoryDropdown .dropdown-item {color:white!important;font-family:"Outfit",Helvetica,sans-serif}
.categoryDropdown .dropdown-item:hover {color:var(--ab-darkgrey)!important;background-color:transparent}
.categoryDropdown .dropdown-item.active {background-color:var(--ab-darkblue)}
.championshipNav .nav-item:not(:last-child) {margin-right:.5rem}
.championshipNav .nav-link {font-family:"Outfit",Helvetica,sans-serif;background-color:var(--ab-lightgrey);color:var(--ab-darkgrey)}
.championshipNav .nav-link.active {background-color:var(--ab-red);color:white!important}
.eventDropdown .dropdown-menu {background-color:var(--ab-blue);border-color:var(--ab-blue)}
.eventDropdown .dropdown-item {color:white!important;font-family:"Outfit",Helvetica,sans-serif}
.eventDropdown .dropdown-item:hover {color:var(--ab-darkgrey)!important;background-color:transparent}
.eventDropdown .dropdown-item.active {background-color:var(--ab-darkblue)}

.resultsTable {border-collapse:separate;border-spacing:0 8px}
.resultsTable th {font-family:"Audiowide",Helvetica,sans-serif;background-color:transparent}
.resultsTable td {font-family:"Outfit",Helvetica,sans-serif}
.resultsTable td.tableRank {border-radius:10px;background-color:var(--ab-red)!important;color:white;text-align:center}
.resultsTable td.tablePhoto {width:4rem;background-size:auto 100%;background-position:center;background-repeat:no-repeat}
.resultsTable tr:nth-child(odd) td {background-color:transparent}
.resultsTable tr:nth-child(even) td {background-color:white}
.resultsTable tr td:last-child {padding-right:1rem}
.resultsTable tr:nth-child(even) td:first-child {border-bottom-left-radius:10px;border-top-left-radius:10px}
.resultsTable tr:nth-child(even) td:last-child {border-bottom-right-radius:10px;border-top-right-radius:10px}
.resultsTable td.std-bike {white-space:nowrap;width:1%;text-align:center}
.resultsTable td.std-rider {white-space:nowrap;width:1%}
.resultsTable td.std-license {white-space:nowrap;width:1%;text-align:center}
.resultsTable td.std-moto1, .resultsTable td.std-moto2, .resultsTable td.std-moto3, .resultsTable td.std-moto4, .resultsTable td.std-moto5, .resultsTable th.std-moto1, .resultsTable th.std-moto2, .resultsTable th.std-moto3, .resultsTable th.std-moto4, .resultsTable th.std-moto5, .resultsTable td.std-race1, .resultsTable td.std-race2, .resultsTable th.std-race1, .resultsTable th.std-race2 {text-align:center}
.resultsTable td.std-laps, .resultsTable td.std-gap, .resultsTable td.std-best, .resultsTable td.std-speed, .resultsTable th.std-laps, .resultsTable th.std-gap, .resultsTable th.std-best, .resultsTable th.std-speed {text-align:center}
.resultsTable td.std-total, .resultsTable td.std-points {white-space:nowrap;width:1%;text-align:right;font-weight:bold}

.mediaBox.photoBox {padding-top:20rem}
.mediaIcon {position:absolute;width:auto;height:auto;top:auto;bottom:0;background-color:var(--ab-red);color:white;padding:1rem;border-bottom-right-radius:25px;border-top-left-radius:25px;border-top-right-radius:10px;transition:all ease 0.3s}
.mediaCategory {position:absolute;width:auto;height:auto;left:4rem;bottom:0;color:white;padding:.75rem;line-height:1}
.mediaName {position:absolute;width:auto;height:auto;right:1rem;top:1rem;color:white;background-color:var(--ab-red);padding:.25rem .75rem;border-radius:.375rem;font-family:"Outfit",Helvetica,sans-serif}
.mediaBox.videoBox:hover .mediaIcon {opacity:0;visibility:hidden}
.mediaBox .mediaCover {position:absolute;left:0;top:0;width:100%;height:100%;background-size:cover;background-position:center;transition:all 0.2s ease}
.mediaBox:hover .mediaCover {transform:scale(1.2)}

.cdValue {font-size:2.5rem;line-height:1}

.grecaptcha-badge {visibility:hidden}

header .fa-brands:hover {color:var(--ab-red)}
footer .fa-brands:hover {color:var(--ab-darkgrey)}

#headerMenu, #headerLogo {transition:all 0.15s ease}
#headerMenu.sticky {position:fixed;top:0;width:100%;padding-top:0!important;padding-bottom:0!important;z-index:1049}
#headerMenu.sticky #headerLogo {height:30px}

#mainMenu .nav-link {color:white!important;font-family:"Outfit",Helvetica,sans-serif;font-size:1.25rem}
#mainMenu .dropdown-menu {border:0;border-radius:15px;background-color:var(--ab-red);margin-top:0;top:calc(100%)}
#headerMenu.sticky #mainMenu .dropdown-menu {top:100%}
#mainMenu .dropdown-toggle::after {vertical-align:.155rem}
#mainMenu .dropdown-menu .dropdown-item {color:white!important;font-family:"Outfit",Helvetica,sans-serif}
#mainMenu .dropdown-menu .dropdown-item:hover {color:var(--ab-darkgrey)!important;background-color:transparent}

#footerMenu .nav-link {color:white!important;font-family:"Outfit",Helvetica,sans-serif;padding-top:.1rem;padding-bottom:.1rem}
#footerMenu .dropdown-menu {border:0;border-radius:15px;background-color:var(--ab-lightgrey)}
#footerMenu .dropdown-menu .dropdown-item {color:black!important;font-family:"Outfit",Helvetica,sans-serif;padding-top:.1rem;padding-bottom:.1rem}
#footerMenu .dropdown-menu .dropdown-item:hover {color:var(--ab-darkgrey)!important;background-color:transparent}

#newsJumbo {padding-bottom:10%;margin-bottom:2.5rem}

#newsSplide {position:absolute;width:90%;left:5%;bottom:0}
#newsSplide .splide__arrow {background:none;top:75%;opacity:1}
#newsSplide .splide__arrow--prev {left:-1rem;transform:translateX(-100%)}
#newsSplide .splide__arrow--next {right:-1rem;transform:translateX(100%)}
#newsSplide .splide__content {position:relative;height:100%;border-radius:20px;overflow:hidden}
#newsSplide .splide__bkg {position:absolute;width:100%;height:100%;top:0;left:0;background-position:center;background-size:cover;transition:all .2s ease}
#newsSplide .splide__info {position:absolute;width:100%;height:100%;top:0;left:0;padding:1rem;display:flex;flex-direction:column;justify-content:end;color:white;font-family:'Audiowide', Helvetica, sans-serif}
#newsSplide .splide__content:hover .splide__bkg {transform:scale(1.2)}
#newsSplide .splide__pagination {bottom:-1.5rem}
#newsSplide .splide__pagination__page {width:15px;height:5px;border-radius:0}
#newsSplide .splide__pagination__page.is-active {background-color:var(--ab-red)}

#eventCover {background-size:cover;background-position:center;transition:all .2s ease}
#eventBox:hover #eventCover {transform:scale(1.2)}

.categorySplide .nav-link {background-color:var(--ab-lightgrey);color:var(--ab-darkgrey);margin-left:.25rem;margin-right:.25rem;padding-top:.25rem;padding-bottom:.25rem}
.categorySplide .nav-link.active {background-color:var(--ab-verydarkgrey);color:var(--ab-lightgrey);font-family:'Outfit',Helvetica,sans-serif}
.categorySplide .nav-link.active::before {font-family:'Font Awesome 6 Pro';font-weight: 900;content:'\f00c';margin-right:.25rem}
.categorySplide .splide__list {display:flex!important}
.categorySplide .splide__arrow {background:none}

.riderCategorySplide .splide__arrow {background:none;opacity:1}
.riderSplideContent {position:absolute;width:100%;height:100%;left:0;top:0;background-position:left bottom;background-size:50% auto;background-repeat:no-repeat;transition:all 0.4s ease}
.riderSplideContent .blur {position:absolute;top:0;left:0;width:100%;height:100%;backdrop-filter:blur(4px)}
.riderSplideInfo {position:absolute;visibility:hidden;width:50%;height:100%;right:0;z-index:10;padding-bottom:1rem;display:flex;flex-direction:column;justify-content:space-between}
.riderCategorySplide .splide__slide.is-prev .riderSplideContent {background-position:center bottom}
.riderCategorySplide .splide__slide.is-next .riderSplideContent {background-position:center bottom}
.riderCategorySplide .splide__slide.is-active .riderSplideContent {width:150%;left:-25%;background-size:auto 100%}
.riderCategorySplide .splide__slide.is-active .blur {visibility:hidden}
.riderCategorySplide .splide__slide.is-active .riderSplideInfo {visibility:visible}

#magazineSplide .splide__slide .magCover {left:0;top:50%;transform:translateY(-50%);transition:transform .2s ease}
#magazineSplide .splide__arrow {background:none;opacity:1}
#magazineSplide .splide__pagination__page {width:15px;height:5px;border-radius:0}
#magazineSplide .splide__pagination__page.is-active {background-color:white}

.calendarEvent {position:relative;padding-top:62.5%;}
.calendarEventBkg {position:absolute;top:0;left:0;width:100%;height:100%;background-size:cover;background-position:center;transition:all .2s ease}
.calendarEvent:hover .calendarEventBkg {transform:scale(1.2)}
.calendarEventContent {position:absolute;top:0;left:0;width:100%;height:100%}

#eventHeader {background-size:cover;background-position:center}
#timetableBox ::-webkit-scrollbar {width:10px}
#timetableBox ::-webkit-scrollbar-track {background:var(--ab-red)}
#timetableBox ::-webkit-scrollbar-thumb {background:var(--ab-lightgrey);border-radius:5px}
#timetableBox ::-webkit-scrollbar-thumb:hover {background:var(--ab-darkgrey)}

#tableBox {position:relative;min-height:8rem}
#tableSpinner {position:absolute;top:3rem;left:50%;transform:translateX(-50%)}

.riderBox {position:relative;padding-top:100%}
.riderBoxContent {position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden}
.riderBoxInfo {position:absolute;top:0;width:100%;height:20%}
.riderBoxPhoto {position:absolute;bottom:15%;width:100%;height:85%;background-position:bottom center;background-size:auto 95%;background-repeat:no-repeat;transition:all 0.2s ease}
.riderBoxContent:hover .riderBoxPhoto {transform:scale(1.2)}
.riderBoxName {position:absolute;bottom:0;width:100%;height:15%}
.riderBoxCN {position:absolute;bottom:5%;right:5%;width:100px;height:100px}
.riderBoxContent .riderBoxCN {bottom:20%}

.newsBox {position:relative;padding-top:60%}
.newsBox.newsTop {padding-top:50%}
.newsPhoto {position:absolute;top:0;left:0;width:100%;height:100%;background-size:cover;background-position:center;background-repeat:no-repeat;transition:all 0.2s ease}
.newsBox:hover .newsPhoto {scale:1.2}

.fancybox-custom-layout .fancybox-toolbar {background:#3b3b45;bottom:0;left:auto;right:0;top:0;width:44px}
.fancybox-custom-layout .fancybox-thumbs__list a {width:196px;height:150px;max-width:calc(100% - 4px)}
.fancybox-custom-layout .fancybox-navigation .fancybox-button--arrow_right {right:44px}

#bikesSplide .splide__arrow {background:none;opacity:1}
#bikesSplide .splide__arrow--prev {left:-1rem;transform:translateX(-100%)}
#bikesSplide .splide__arrow--next {right:-1rem;transform:translateX(100%)}

@media (max-width: 768px) {
    #headerMenu.sticky #headerLogo {margin-top:.5rem!important;margin-bottom:.5rem!important}
    .championshipNav .nav-item {margin-right:0!important;width:100%;margin-bottom:0.5rem}
    #newsJumbo {padding-bottom:50%}
    #eventBox {padding-top:100%}
    .categorySplide .nav-link {margin-left:auto;margin-right:auto}
    .riderCategorySplide .splide__slide.is-active .riderSplideContent {width:100%;left:0}
    #magazineSplide .splide__slide .magCover {width:100%;left:50%;top:0;transform:translateX(-50%)}
    #magazineSplide .splide__slide .magCover img {width:100%;max-width:unset}
    #timetableBox {padding-top:150%}
    .rounded-start-5 {border-bottom-left-radius:0!important;border-top-right-radius:var(--bs-border-radius-xxl)}
    .rounded-end-5 {border-bottom-left-radius:var(--bs-border-radius-xxl);border-top-right-radius:0!important}
    .resultsTable th {font-size:.8rem}
    .calendarEvent {padding-top:80%}
}