/*//////////////////////////////////////////////*/
/*////////// POLOCAM //////////*/
/*//////////////////////////////////////////////*/

/*//////////////////////////////////////////////*/
/*////////// THEME VARIABLE OVERRIDES //////////*/
/*//////////////////////////////////////////////*/

:root {--bs-primary: #2739c7 !important;}           /*///// Primary ////////*/
:root {--bs-h-primary: #3041c6;}                    /*///// HOVER //////////*/
:root {--bs-rgba-primary: 39,57,199;}               /*///// ALPHA //////////*/

:root {--bs-secondary: #273365 !important;}         /*///// Secondary //////*/
:root {--bs-h-secondary: #303a64;}                  /*///// Hover //////////*/
:root {--bs-rgba-secondary: 39,51,101;}             /*///// ALPHA //////////*/

:root {--bs-dark: #131415 !important;}              /*///// Dark ///////////*/
:root {--bs-h-dark: #1d1f20;}                       /*///// Hover //////////*/
:root {--bs-rgba-dark: 19,20,21;}                   /*///// ALPHA //////////*/

:root {--bs-dark-blue: #182b49 !important;}         /*///// Dark ///////////*/
:root {--bs-h-dark-blue: #1c3254;}                  /*///// Hover //////////*/
:root {--bs-rgba-dark-blue: 24,43,73;}              /*///// ALPHA //////////*/

:root {--bs-grey: #d9d9d9 !important;}              /*///// GREY ///////////*/
:root {--bs-h-grey: #c3c3c3;}                       /*///// Hover //////////*/
:root {--bs-rgba-grey: 217,217,217;}                /*///// ALPHA //////////*/

:root {--bs-dark-grey: #bdbdbd !important;}         /*///// DARK GREY //////*/
:root {--bs-h-dark-grey: #ababab;}                  /*///// Hover //////////*/
:root {--bs-rgba-dark-grey: 189,189,189;}           /*///// ALPHA //////////*/

/*//////////////////////////////////////////////*/
/*/////////// TEXT COLOUR OVERRIDES ////////////*/
/*//////////////////////////////////////////////*/

* {color: var(--bs-dark);}
.nav-link {color: var(--bs-dark);}
.nav-link:hover, .nav-link:focus {color: var(--bs-primary);}
.nav-link.active {color: var(--bs-primary);}
.text-primary {color: var(--bs-primary) !important;}
.text-secondary {color: var(--bs-secondary) !important;}

/*//////////////////////////////////////////////*/
/*////////// BUTTON COLOUR OVERRIDES ///////////*/
/*//////////////////////////////////////////////*/

/*////////// PRIMARY ///////////*/
.btn-primary {background-color: var(--bs-primary);}
.btn-primary:hover {background-color: var(--bs-h-primary);}
.btn-outline-primary {outline-color: var(--bs-primary); border-color: var(--bs-primary);}
.btn-outline-primary:hover {outline-color: var(--bs-h-primary); border-color: var(--bs-h-primary);}
.btn-check:focus + .btn-primary,
.btn-primary:focus {
    background-color: var(--bs-h-primary);
    border-color: var(--bs-h-primary);
    box-shadow: 0 0 0 0.25rem rgba(var(--bs-rgba-primary), 0.5);
}

.btn-check:checked + .btn-primary,
.btn-check:active + .btn-primary,
.btn-primary:active,
.btn-primary.active,
.show > .btn-primary.dropdown-toggle {
    background-color: var(--bs-h-primary);
    border-color: var(--bs-h-primary);
}

.btn-check:checked + .btn-primary:focus,
.btn-check:active + .btn-primary:focus,
.btn-primary:active:focus,
.btn-primary.active:focus,
.show > .btn-primary.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.25rem rgba(var(--bs-rgba-primary), 0.5);
}

/*////////// GREY ///////////*/
.btn-grey {background-color: var(--bs-grey);}
.btn-grey:hover {background-color: var(--bs-h-grey);}
.btn-outline-grey {outline-color: var(--bs-grey); border-color: var(--bs-grey);}
.btn-outline-grey:hover {outline-color: var(--bs-h-grey); border-color: var(--bs-h-grey);}
.btn-check:focus + .btn-grey,
.btn-grey:focus {
    background-color: var(--bs-h-grey);
    border-color: var(--bs-h-grey);
    box-shadow: 0 0 0 0.25rem rgba(var(--bs-rgba-grey), 0.5);
}

.btn-check:checked + .btn-grey,
.btn-check:active + .btn-grey,
.btn-grey:active,
.btn-grey.active,
.show > .btn-grey.dropdown-toggle {
    background-color: var(--bs-h-grey);
    border-color: var(--bs-h-grey);
}

.btn-check:checked + .btn-grey:focus,
.btn-check:active + .btn-grey:focus,
.btn-grey:active:focus,
.btn-grey.active:focus,
.show > .btn-grey.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.25rem rgba(var(--bs-rgba-grey), 0.5);
}

/*////////// SECONDARY ///////////*/
.btn-secondary {background-color: var(--bs-secondary);}
.btn-secondary:hover {background-color: var(--bs-h-secondary);}
.btn-outline-secondary {outline-color: var(--bs-secondary); border-color: var(--bs-secondary);}
.btn-outline-secondary:hover {outline-color: var(--bs-h-secondary); border-color: var(--bs-h-secondary);}
.btn-check:focus + .btn-secondary,
.btn-secondary:focus {
    background-color: var(--bs-h-secondary);
    border-color: var(--bs-h-secondary);
    box-shadow: 0 0 0 0.25rem rgba(var(--bs-rgba-secondary), 0.5);
}

.btn-check:checked + .btn-secondary,
.btn-check:active + .btn-secondary,
.btn-secondary:active,
.btn-secondary.active,
.show > .btn-secondary.dropdown-toggle {
    background-color: var(--bs-h-secondary);
    border-color: var(--bs-h-secondary);
}

.btn-check:checked + .btn-secondary:focus,
.btn-check:active + .btn-secondary:focus,
.btn-secondary:active:focus,
.btn-secondary.active:focus,
.show > .btn-secondary.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.25rem rgba(var(--bs-rgba-secondary), 0.5);
}

/*//////////////////////////////////////////////*/
/*//////// BACKGROUND COLOUR OVERRIDES /////////*/
/*//////////////////////////////////////////////*/

/*////////// PRIMARY ///////////*/
.bg-primary {background-color: var(--bs-primary) !important;}
.bg-primary.bg-opacity-75 {background-color: rgba(var(--bs-rgba-primary), 0.75) !important;}

/*////////// SECONDARY //////////*/
.bg-secondary {background-color: var(--bs-secondary) !important;}

/*///////// DARK BLUE //////////*/
.bg-dark-blue {background-color: var(--bs-dark-blue) !important;}
.bg-dark-blue.bg-opacity-75 {background-color: rgba(var(--bs-rgba-dark-blue), 0.75) !important;}

/*//////////// GREY ////////////*/
.bg-grey {background-color: var(--bs-grey) !important;}

/*////////// DARK GREY /////////*/
.bg-dark-grey {background-color: var(--bs-dark-grey) !important;}

.bg-tournament-box {
    background-color: var(--bs-white) !important;
}

.border-tournament-box {
    border-color: var(--bs-secondary) !important;
}

.bg-feature-game-box::before {
    background-color: rgba(var(--bs-rgba-dark-blue), 0.65);
}

.bg-live-game-box::before {
    background-color: rgba(var(--bs-rgba-dark-blue), 0.65);
}

/*////////// FULL CALENDAR /////////*/

:root {
  --fc-button-bg-color: var(--bs-primary) !important;
}

.icon-colour {
  fill: var(--bs-secondary);
}

.icon-colour-white {
  fill: #FFFFFF;
}