/*//////////////////////////////////////////////*/
/*////////////////// GLOBAL ////////////////////*/
/*//////////////////////////////////////////////*/

.aa-Panel{
    z-index: 100;
}

.centerBG {
    background-size: cover;
    background-position: 50%;
    background-repeat: no-repeat;
}

/*//////////////////////////////////////////////*/
/*//////////////// NAVIGATION //////////////////*/
/*//////////////////////////////////////////////*/

.nav-icon > img {
    -webkit-transition: all 250ms ease-out;
    -moz-transition: all 250ms ease-out;
    -ms-transition: all 250ms ease-out;
    -o-transition: all 250ms ease-out;
    transition: all 250ms ease-out;
}

.nav-icon:hover > img {opacity: 0.6;}
.navbar {
    -webkit-box-shadow: 0 0 15px 0 rgba(0,0,0,0);
    box-shadow: 0 0 15px 0 rgba(0,0,0,0);
    -webkit-transition: padding 250ms ease-out, box-shadow 250ms ease-out, opacity 500ms linear !important;
    -moz-transition: padding 250ms ease-out, box-shadow 250ms ease-out, opacity 500ms linear !important;
    -ms-transition: padding 250ms ease-out, box-shadow 250ms ease-out, opacity 500ms linear !important;
    -o-transition: padding 250ms ease-out, box-shadow 250ms ease-out, opacity 500ms linear !important;
    transition: padding 250ms ease-out, box-shadow 250ms ease-out, opacity 500ms linear !important;
}

.navbar.minimiseBar {
    -webkit-box-shadow: 0 0 15px 0 rgba(0,0,0,0.2);
    box-shadow: 0 0 15px 0 rgba(0,0,0,0.2);
    /*padding-top: 15px !important;      */
}

.navbar .hasDrop {position: relative;}
.nav-drop {
    position: absolute;
    top: 100%;
    right: -30px;
    padding-top: 10px;
    opacity: 0;
    pointer-events: none;
    -webkit-transition: all 250ms ease-out;
    -moz-transition: all 250ms ease-out;
    -ms-transition: all 250ms ease-out;
    -o-transition: all 250ms ease-out;
    transition: all 250ms ease-out;
    width: 200px;
    z-index: 10;
}

.navbar .hasDrop:hover .nav-drop {opacity: 1; pointer-events: auto;}
.nav-drop .nav-drop-inner {position: relative;}

@media (max-width: 991px) {
    .nav-link {font-size: 1.5rem !important;}
}

/*/ //////////////////////////////////////////// /*/
/*/ ////////////////// STAGE /////////////////// /*/
/*/ //////////////////////////////////////////// /*/

#stage {
    position: relative;
    -webkit-border-radius: 10px;
    border-radius: 10px;
}

#stage .stage-item {background-size: cover; background-position: 50%; background-repeat: no-repeat;}

/*/ //////////////////////////////////////////// /*/
/*/ //////////////// FEATURED ////////////////// /*/
/*/ //////////////////////////////////////////// /*/

.featSlider {position: relative; font-size: 0; text-align: left; margin-left: -1rem; margin-right: -1rem;}
.featSlider .featSlider-item {display: inline-block; width: 25%; padding: 1rem; box-sizing: border-box;}
.featSlider .featSlider-cont {
    background-size: cover;
    background-position: 50%;
    background-repeat: no-repeat;
    position: relative;
    overflow: hidden;
    min-height: 200px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
}

.featSlider .featSlider-cont::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}

.featSlider .featSlider-cont.bg-dark-grey::before {content: none;}
.featSlider .featSlider-txt {position: relative; z-index: 10;}
.featSlider .featSlider-txt > span {min-height: 61px; display: block;}

@media (max-width: 1450px) {
    .featSlider {margin-left: 0; margin-right: 0;}
}

@media (max-width: 1200px) {
    .featSlider .featSlider-item {width: 33.33%;}
}

@media (max-width: 1000px) {
    .featSlider .featSlider-item {width: 50%;}
}

@media (max-width: 650px) {
    .featSlider .featSlider-item {width: 100%;}
}

@media (max-width: 600px) {
/*    .all-live-list .featSlider > * {display: none;}*/
    .all-live-list .featSlider > *:nth-child(1) {display: block;}
    .all-live-list .featSlider > *:nth-child(2) {display: block;}
}

/*/ //////////////////////////////////////////// /*/
/*/ ////////////// SLIDER ARROWS /////////////// /*/
/*/ //////////////////////////////////////////// /*/

.slick-prev, .slick-next {color: var(--bs-dark); background-size: 20px; background-repeat: no-repeat; background-position: 50%;}
.slick-prev {background-image: url('../../images/shared/slide-arrow-prev.png'); }
.slick-next {background-image: url('../../images/shared/slide-arrow-next.png'); }
.slick-next::before {content: none;}
.slick-prev::before {content: none;}
.slick-prev:hover, .slick-prev:focus {background-image: url('../../images/shared/slide-arrow-prev.png');}
.slick-next:hover, .slick-next:focus {background-image: url('../../images/shared/slide-arrow-next.png');}
.slick-prev:hover, .slick-prev:focus, .slick-next:hover, .slick-next:focus {background-repeat: no-repeat; background-position: 50%; background-size: 20px;}
.slick-prev.slick-disabled, .slick-next.slick-disabled {opacity: 0.4; pointer-events: none;}

@media (max-width: 1450px) {
    .slick-prev, .slick-next {z-index: 10; background-color: #fff; -webkit-border-radius: 15px; border-radius: 15px; width: 30px; height: 30px;}
    .slick-prev:hover, .slick-prev:focus, .slick-next:hover, .slick-next:focus {background-color: #fff;}
    .slick-prev {left: 0;}
    .slick-next {right: 0;}
}

/*/ //////////////////////////////////////////// /*/
/*/ /////////////// YEAR FILTER //////////////// /*/
/*/ //////////////////////////////////////////// /*/

.yearFilter {
    padding: 4px 13px;
    background-color: transparent;
    color: var(--bs-secondary);
    -webkit-border-radius: 15px;
    border-radius: 15px;
    -webkit-transition: all 250ms ease-out;
    -moz-transition: all 250ms ease-out;
    -ms-transition: all 250ms ease-out;
    -o-transition: all 250ms ease-out;
    transition: all 250ms ease-out;
    cursor: pointer;
}

.yearFilter:hover {background-color: rgba(var(--bs-rgba-secondary), 0.3);}
.yearFilter.active {background-color: rgba(var(--bs-rgba-secondary), 1); color: #fff;}

/*/ //////////////////////////////////////////// /*/
/*/ ////////////////// FOOTER ////////////////// /*/
/*/ //////////////////////////////////////////// /*/

.footer {background-size: 1300px; background-repeat: repeat;}

@media(max-width: 575px) {
    .footer * {text-align: center;}
}

/*/ //////////////////////////////////////////// /*/
/*/ //////////////// SIMP LINK ///////////////// /*/
/*/ //////////////////////////////////////////// /*/

.simpLink {position: relative;}
.simpLink::after {
    content: "";
    position: absolute;
    bottom: -2px;
    left: 0;
    width: 0;
    height: 1px;
    background-color: #fff;
    -webkit-transition: all 250ms ease-out;
    -moz-transition: all 250ms ease-out;
    -ms-transition: all 250ms ease-out;
    -o-transition: all 250ms ease-out;
    transition: all 250ms ease-out;
    opacity: 0;
}

.simpLink:hover::after {width: 100%; opacity: 1;}