@font-face {
    font-family: WebbEllisCup;
    src: url(/content/assets/fonts/webbelliscup-light-webfont.woff2) format("woff2"),url(/content/assets/fonts/webbelliscup-light-webfont.woff) format("woff");
    font-weight: 300;
    font-style: normal
}

@font-face {
    font-family: WebbEllisCup;
    src: url(/content/assets/fonts/webbelliscup-regular-webfont.woff2) format("woff2"),url(/content/assets/fonts/webbelliscup-regular-webfont.woff) format("woff");
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: WebbEllisCup;
    src: url(/content/assets/fonts/webbelliscup-bold-webfont.woff2) format("woff2"),url(/content/assets/fonts/webbelliscup-bold-webfont.woff) format("woff");
    font-weight: 700;
    font-style: normal
}

@font-face {
    font-family: WebbEllisCup;
    src: url(/content/assets/fonts/webbelliscup-heavy-webfont.woff2) format("woff2"),url(/content/assets/fonts/webbelliscup-heavy-webfont.woff) format("woff");
    font-weight: 900;
    font-style: normal
}


/* Body and main*/
body {
    font-family: webbelliscup, helvetica, arial, sans-serif;
    color: #222;
    -webkit-font-smoothing: antialiased;
}

    body.non-production-environment {
         background-image: url("/content/assets/images/bg_non_production_environment.png");
    }

/* Common */
.readable-larger {
    font-size: 1.15rem;
}

.btn.disabled {
    cursor: not-allowed;
    pointer-events: all !important;
}

.btn.btn-xs {
    --bs-btn-padding-y: .25rem; 
    --bs-btn-padding-x: .5rem; 
    --bs-btn-font-size: .75rem;
}

/*
.card {
    margin-bottom: .5rem;
}
    */

h1, h2, h3, h4, h5, h6 {
    font-weight: 900;
}

    h1, h2, h2 a, h3, h3 a, h4, h4 a, h5, h5 a, h6, h6 a {
        color: rgb(0, 65, 155);
        text-decoration-color: rgb(0, 65, 155);
        text-decoration: none;
    }

        h2 a:hover, h3 a:hover, h4 a:hover,h5 a:hover, h6 a:hover {
            text-decoration: underline;
        }
        
h6 {
    font-weight: 600;
}

.card-header {
    color: rgb(0, 65, 155);
}
.rollup-grid .card-title {
    text-align: center;
}

.alert-warning h2, .alert-warning h3, .alert-warning h4, .alert-warning h5, .alert-warning h6 {
    color: #856404;
}

.badge-wr {
    font-weight: 900;
    color: #58be46;
}

/* Buttons */

.btn.wr-btn {
    font-size: 13px;
    font-weight: 900;
    letter-spacing: 0.5px;
    margin-bottom: .25rem;
}

.btn-primary {
    background-color: #00419b;
    border: 1px solid #00419b;
}

    .btn-primary:hover {
        background-color: #003682;
        border: 1px solid #003682;
    }

.btn-outline-secondary {
    color: #00419b;
    border: 1px solid #00419b;
}

    .btn-outline-secondary:hover {
        color: #fff;
        border: 1px solid #003682;
        background-color: #003682;
    }

.btn.permalink {
    line-height: 1;
    margin-bottom: 0.49rem;
    --bs-btn-padding-x: 0.3rem;
    display: none;
}

@media (min-width: 758px) {
    .card.tournament-event-match:hover .btn.permalink {
        display: inline-block;
    }
}

#btn-back-to-top {
    display: none; /* Hidden by default */
    position: fixed; /* Fixed/sticky position */
    bottom: 30px; /* Place the button at the bottom of the page */
    right: 30px; /* Place the button 30px from the right */
    z-index: 99; /* Make sure it does not overlap */
    ;ine-height: 1.65;
    /*
    font-size: 2rem;
    padding: 0 0.75rem;
     */
}

/* Header & Navigation */

.navbar {
    box-shadow: 0 2px 4px 0 rgba(35,35,35,.1);
    border-top: 4px solid #00419B;
    padding-bottom: 0;
    padding-top: 0;
    background-color: #fff;
}

nav.bg-light {
    background-color: rgba(255, 255, 255, 1) !important;
}

nav.bg-light .navbar-brand {
    color: rgb(0, 0, 0);
}

.navbar .navbar-brand {
    border-bottom: 4px solid transparent;
    height: 52px;
    line-height: 1.75;
}

    .navbar .navbar-brand span {
        font-size: 18px;
        font-style: normal;
        font-weight: 500;
        text-transform: uppercase;
    }

    .navbar .navbar-brand img {
        margin-top: .4rem;
    }

    .navbar .navbar-brand.active {
        border-bottom: 4px solid #58be46;
    }

.navbar .nav-link {
    font-size: 13px;
    font-style: normal;
    font-weight: 900;
    text-transform: uppercase;
}

.navbar .nav-item {
    padding-top: .5rem;
    padding-bottom: calc(.5rem - 4px);
    border-bottom: 4px solid transparent;
}

    .navbar .nav-item.active {
        border-bottom: 4px solid #58be46;
    }

nav.bg-light .navbar-nav .nav-link,
nav.bg-light .navbar-nav .nav-item.active .nav-link {
    color: rgb(0, 65, 155);
}

    nav.bg-light .navbar-nav .nav-link:hover {
        color: #1F174A;
    }

nav.bg-light .navbar-text a.active {
    color: #fff;
}

nav.bg-light .dropdown .btn.btn-light,
#small-device-menu .dropdown .btn.btn-light {
    background-color: rgba(255, 255, 255, 1);
    border-color: rgba(255, 255, 255, 1);
}

.dropdown-item {
    font-size: 1rem;
    font-weight: 600;
}

.dropdown-item.active, .dropdown-item:active {
        background-color: #1F174A;
    }

.dropdown-menu {
    box-shadow: 0 6px 12px 0 rgba(29,29,30,.2);
}

main {
    padding-top: 0.5rem;
}

/* Tournament menu */

#content-menu-area {
    box-shadow: 10px 0 12px -5px rgba(35, 35, 35, .1);
    padding-right: 0;
    padding-left: 0;
    margin-right: 5px;
    height: calc(100vh - 4rem);

    position: -webkit-sticky;
    position: sticky;
    top: 3rem;
    overflow-y: auto;
}

#content-menu-area #tournament-logo > img {
    max-width: 100%;
}

#content-menu-area h3 {
    font-size: 13px;
    font-weight: 700;
}

#content-menu-area h3 a {
    padding: 0.25rem 0.5rem;
    font-size: 1rem;
    text-decoration: none;
    border-left: 4px solid transparent;
    display: block;
    transition-delay: 0s;
    transition-duration: 0.2s;
    transition-property: all;
    transition-timing-function: linear;
}

#content-menu-area h3 a:hover {
    /* background-color: #1F174A; */
    background-color: rgba(30, 43, 92, .1);
    border-left: 4px solid rgb(0, 65, 155);
}

#content-menu-area nav#tournament-side-menu li a {
    /*overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;*/
    width: 100%;
    position: relative;
    /*display: inline-block;*/
    text-decoration: none;
    line-height: 1.4rem;;
    color: rgb(35, 35, 35);
    font-size: 14px;
    left: 0.25rem;
    border-left: 4px solid transparent;
}

#content-menu-area nav#tournament-side-menu li a:hover {
    text-decoration: underline;
}

    #content-menu-area nav#tournament-side-menu li.level-3 a {
        font-weight: 500;
    }

#content-menu-area nav#tournament-side-menu li.active > a {
    font-weight: 700
}

.top-menu li {
    position: relative;
}

.tree-toggle {
    position: absolute;
    left: -5px;
    top: 5px;
    font-size: 0.8rem;
    transition: transform .4s ease;
    cursor: pointer;
}

li.tree-toggle-open > .tree-toggle {
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
}

ul.top-menu .sub-menu {
    display:none;
}

ul.top-menu li.tree-toggle-open > .sub-menu {
    display:block;
}

.level-2 .tree-toggle {
    left: 0px;
    top: 5px;
}

#small-device-menu .tree-toggle {
    left: -11px;
    top: 9px;
}

#small-device-menu .level-2 .tree-toggle {
    left: -7px;
    top: 8px;
}

nav.navside {
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    padding-left: 0;
    margin-bottom: 0;
    list-style: none;
    background-color: #fff !important;
}

nav.navside ul {
    padding-inline-start: 0;
}

nav.navside li {
    padding: 3px 5px;
    list-style-type: none;
}

nav.navside .top-menu > li {
    margin-bottom: 1px;
}

nav.navside li a {
    color: rgba(255,255,255,.6)
}

nav.navside li a:hover {
    color: rgba(255, 255, 255, .8);
    text-decoration: none;
}

nav.navside ul.sub-menu li {
    font-size: 0.9rem;
    padding-left: 10px;
}

#tournament-content-area {
    margin-bottom: 1.5em;
}

/* Slide in menu */
@media (max-width: 576px) {
    .modal-dialog.modal-dialog-slideout {
        width: 80%;
    }
}

.modal-dialog-slideout {
    min-height: 100%;
    margin: 0 auto 0 0;
    background: #fff;
}

.modal.fade .modal-dialog.modal-dialog-slideout {
    -webkit-transform: translate(-100%,0);
    transform: translate(-100%,0);
}

.modal.fade.show .modal-dialog.modal-dialog-slideout {
    -webkit-transform: translate(0,0);
    transform: translate(0,0);
    flex-flow: column;
}

.modal-dialog-slideout .modal-content {
    border: 0;
}

#small-device-menu .modal-body {
    padding: 0;
}

#small-device-menu .model-body-section {
    padding: 1rem;
}

#small-device-menu .model-body-section.border-below {
    border-bottom: 1px solid #dee2e6;
}

#small-device-menu ul.top-menu {
    padding-inline-start: 0;
    margin-bottom: 0;
}

#small-device-menu ul.top-menu li {
    list-style-type: none;
}

#small-device-menu ul.top-menu li.active > a {
    font-weight: bold;
}

#small-device-menu ul.top-menu a {
    color: #212529;
    line-height: 2;
    display: block;
    text-decoration: none;
}

    #small-device-menu ul.top-menu a:hover {
        text-decoration: underline;
    }

#small-device-menu ul.top-menu h6 a {
    color: rgb(0, 65, 155);
}

#small-device-menu ul.sub-menu {
    padding-inline-start: 20px;
}

/* Carousel */

.horus-orig-carousel .carousel-item a {
    text-decoration: none;
}

horus-orig-carousel .carousel-item a h4:hover {
    text-decoration: underline;
    text-decoration-color: rgb(0, 65, 155);
}

/* Footer */
.footer-bg {
    background-image: linear-gradient(0deg, #19194b, #00419b);
    border-top: 4px solid rgb(88, 190, 70);
    color: #fff;
}

.footer-bg .wr-logo-row {
    text-align: center;
}

.footer-bg .footer-border {
    padding-bottom: 1rem;
    border-bottom: 1px solid rgba(255, 255, 255, 0.25);
}

.footer-bg .wr-logo {
    width: 54px;
    margin: 0 auto;
    background-image: url(/content/assets/images/wr-logo.svg);
    background-position: 50%;
    background-repeat: no-repeat;
}

.footer-bg .footer-content {
    margin-top: 1rem;
    font-size: .7em;
    line-height: 20px;
}

.footer-bg .footer-content a {
    color: #fff;
    transition-delay: 0s;
    transition-duration: 0.2s;
    transition-property: all;
    transition-timing-function: linear;
}

.footer-bg .footer-content a:hover {
    color: rgb(88, 190, 70);
    text-decoration: none;
}

/* Tournament styles */
.tournament-banner img {
    width: 100%;
}

/* CONTENT */
main#main-content img, div#main-content img {
    max-width: 100%;
    display: block;
    margin: auto;
    /* case 63618 add margin between banner and content */
    margin-bottom: 2rem;
}

p.image-figure {
    font-size: 0.9rem;
    font-style: italic;
    text-align: center;
}

blockquote {
    background-color: #eaeaea;
    padding: .75rem 1rem .25rem 1rem;
    margin: 0 0 1rem 2rem;
    font-size: 1.25rem;
}

.meta-tournament {
    color: #3d8531;
    text-align: left;
    font-size: 0.9rem;
    font-weight: 700;
}

.utc-time {
    color: rgba(34, 34, 34, 0.6);
    text-align: left;
    font-size: 0.9rem;
    font-weight: 700;
}

.local-label {
    font-size: 0.9rem;
}

img.img-grayscale {
    filter: grayscale(.95);
}

/* Responsive Videos */
.embed-container {
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
    overflow: hidden;
    max-width: 100%;
    margin-bottom: 1rem;
}

.embed-container iframe, .embed-container object, .embed-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

/* Carousel */

@@media (max-width: 767px) {
    .horus-orig-carousel .carousel-inner .carousel-item > div {
        display: none;
    }

     .horus-orig-carousel .carousel-inner .carousel-item > div:first-child {
            display: block;
        }
}

.horus-orig-carousel .carousel-inner .carousel-item.active,
.horus-orig-carousel .carousel-inner .carousel-item-next,
.horus-orig-carousel .carousel-inner .carousel-item-prev {
    display: flex;
}

/* medium and up screens */
@media (min-width: 768px) {

    .horus-orig-carousel .carousel-inner .carousel-item-end.active,
    .horus-orig-carousel .carousel-inner .carousel-item-next {
        transform: translateX(25%);
    }

    .horus-orig-carousel .carousel-inner .carousel-item-start.active,
    .horus-orig-carousel .carousel-inner .carousel-item-prev {
        transform: translateX(-25%);
    }
}

.horus-orig-carousel .carousel-inner .carousel-item-end,
.horus-orig-carousel .carousel-inner .carousel-item-start {
    transform: translateX(0);
}

.horus-orig-carousel .carousel-item .card {
    height: 100%;
    border-radius: 0;
}

.horus-orig-carousel .carousel-item .card .card-img-top img.img-fluid {
        min-width: 100%;
    }

/* Carousel (GRID) */
.horus-grid-carousel .carousel-inner h5 span,
.horus-grid-carousel .carousel-inner .meta-tournament {
    background-color: #fff;
    padding: 0 5px;
}
.horus-grid-carousel .carousel-inner a {
    text-decoration: none;
}

/* Grid display */
.horus-primary-update .card-img-overlay {
    top: inherit;
    background: rgba(33, 37, 41, 0.75);
}


/* Home page (Grid) */

.remaining-item h6 {
    font-weight: 500;
}

main#main-content #home-grid h2,
.banner-header 
{
    text-align: center;
}

main#main-content.HomeGrid h1{
    text-align: center;
}
/* Tournament Events */
.tournament-event-match .match-time {
    font-size: 1.75rem;
}

.tournament-event-match .match-teams,
.tournament-event-name {
    font-weight: bold;
}

.tournament-event-match .match-team,
.tournament-event-name {
    font-size: 1.75rem;
}

a.match-link {
    color: rgb(34, 34, 34);
    text-decoration: none;
}

a.match-day-title {
    text-decoration: none;
}

a.match-link:hover, a.match-day-title:hover {
    text-decoration: underline;
}



.tournament-event-item {
    border-top: solid 1px rgba(0, 0, 0, 0.175);
}

div.tournament-day-header+.tournament-event-item {
    border-top: none;
}

.event-detail {
    color: rgb(0, 65, 155);
}

.event-document-list .event-document:hover {
    background-color: rgba(0, 0, 0, 0.075);
}

.tournament-event-match h6 {
    margin-top: .5rem;
    margin-bottom: 0;
}

/*
.btn.btn-document-link {
    text-decoration: none;
}

.btn.btn-document-link:hover {
    text-decoration: none;
}
*/

@media (max-width: 767px) {
    .tournament-event-match .match-kickoff .match-time,
    .tournament-event-match .match-kickoff .timezone {
        display: inline;
    }
}

.small-tournament-events .match-team {
    font-family: system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue","Noto Sans","Liberation Sans",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
    font-weight: 600;
}

/* Search */

.search-result {
    margin-bottom: 1rem;
}

.search-result h6 {
    margin-bottom: 0.25rem;
    font-weight: 500;
}

.search-result .search-breadcrumb {
    color: #3d8531;
}

/* Alerts */

.pulse-danger {
    color: rgba(255, 255, 255, 0.8);
    box-shadow: 0px 0px 2px 2px rgba(255, 63, 58, .8);
    animation: pulse-danger 2.7s infinite;
}
.pulse-danger:hover {
    color: rgba(255, 255, 255, 1) !important;
}
@-webkit-keyframes pulse-danger {
    0% {
        -webkit-box-shadow: 0px 0px 2px 2px rgba(255, 63, 58, .8);
        color: rgba(255, 255, 255, 1);
    }
    70% {
        -webkit-box-shadow: 0px 0px 2px 2px rgba(255, 63, 58, 0);
    }
    100% {
        -webkit-box-shadow: 0px 0px 2px 2px rgba(255, 63, 58, .8);
        color: rgba(255, 255, 255, 1);
    }
}
@keyframes pulse-danger {
    0% {
        -moz-box-shadow: 0px 0px 2px 2px rgba(255, 63, 58, .8);
        box-shadow: 0px 0px 2px 2px rgba(255, 63, 58, .8);
        color: rgba(255, 255, 255, 1);
    }
    70% {
        -moz-box-shadow: 0px 0px 2px 2px rgba(255, 63, 58, 0);
        box-shadow: 0px 0px 2px 2px rgba(255, 63, 58, 0);
    }
    100% {
        -moz-box-shadow: 0px 0px 2px 2px rgba(255, 63, 58, .8);
        box-shadow: 0px 0px 2px 2px rgba(255, 63, 58, .8);
        color: rgba(255, 255, 255, 1);
    }
}