/* BODY
-------------------------------------------------- */

body::before {
    /*body-bg-default*/
    background-image: url(img/assocBGbody.jpg);
}
body::before {
    background-blend-mode:none;
}

body::before{
  background-color:var(--darktone-color);
}



/* NEXT GAME BAR
-------------------------------------------------- */

.halfrow {
    color: rgba(0,0,0,1.0) !IMPORTANT;
}

.liverow {
    color: rgba(255,255,255,1.0) !IMPORTANT;
}

.timerow {
    color: rgba(0,0,0,1.0) !IMPORTANT;
}

.next-game-bar {
    background-color:rgba(255,255,255,0.6) !IMPORTANT;
}

.next-game-clickbox {
    background-color:rgba(255,255,255,1.0) !IMPORTANT;
}

.next-game-clickbox a{
    color:rgba(0,0,0,0.6) !IMPORTANT;
}

.next-game-clickbox a:hover{
    color:rgba(0,0,0,1.0) !IMPORTANT;
}@media (min-width: 768px) {

    #assocMenu.navbar .navbar-collapse {
        text-align: center;
    }
}@media (min-width: 768px) {

    #categoriesMenu.navbar .navbar-collapse {
        text-align: center;
    }
}@media (min-width: 769px) {

    .assocLogo {
        height: 9.5em !important;
        background-image: url(img/assocLogoLG.svg) !important;
        background-size: contain;
        margin-top: 0 !important;
        margin-bottom: 0 !important;
    }
    .parallax-window {
        height: 9.5em !important;
    }
}

.assocLogo {
    background-image: url(img/assocLogo.svg);
    height: 10.0em;
    margin: -0.5em auto;
    }
.parallax-window {
    height: 8.75em;
}

@media (min-width: 769px) {

    .assocLogo {
        background-position: 15% 50%;
    }
}/* PAGELINER
-------------------------------------------------- */

.pageLiner{
    background-image:url(img/assocBGpageliner.png);
}
/* PAGELINER
-------------------------------------------------- */

.pageLiner{
    height:4px;
}

@media (max-width: 768px) {

    .pageLiner {
        height: 4px;
    }
}.carousel-animate .carousel-inner .item {
    -webkit-transition-property: opacity;
    transition-property: opacity;
}
    
.carousel-animate .carousel-inner .item,
.carousel-animate .carousel-inner .active.left,
.carousel-animate .carousel-inner .active.right {
    opacity: 0;
}
.carousel-animate .carousel-inner .active,
.carousel-animate .carousel-inner .next.left,
.carousel-animate .carousel-inner .prev.right {
    opacity: 1;
}
.carousel-animate .carousel-inner .next,
.carousel-animate .carousel-inner .prev,
.carousel-animate .carousel-inner .active.left,
.carousel-animate .carousel-inner .active.right {
    left: 0;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}
.carousel-animate .carousel-control {
    z-index: 2;
}.contentfullwidth {
  background-color:rgba(255,255,255,1.0);
}.mediaBar .container {
    width: 100% !important;
}

.contentfullwidth {
  width:100%;
  box-shadow: none;
  margin:0;
  padding:0;
}

.contentfullwidth .container, .maincontent {
    max-width:1500px;
}

.maincontent p{
  font-size: calc(12px + (18 - 12) * ((100vw - 300px) / (1600 - 300)));
}

.maincontent h1{
  font-size: calc(20px + (32 - 20) * ((100vw - 300px) / (1600 - 300)));
}

.maincontent h2{
  font-size: calc(18px + (28 - 18) * ((100vw - 300px) / (1600 - 300)));
}

.maincontent h3{
  font-size: calc(16px + (24 - 16) * ((100vw - 300px) / (1600 - 300)));
}
.maincontent li{
  font-size: calc(12px + (18 - 12) * ((100vw - 300px) / (1600 - 300)));
}details {
    border-radius: .5vw;
}
.hattrick {
    border-radius: 10px;
}
.q-one, .q-two, .q-three{
    border-radius:10px;
}
#CarouselSite #myCarouselSite {
    border-radius: .5vw;
}
#CarouselSmallLeft #myCarouselSmallLeft {
    border-radius: .5vw;
}
#CarouselSmallRight #myCarouselSmallRight {
    border-radius: .5vw;
}/* QUICKLINKS-COLOR
-------------------------------------------------- */

.quicklinks h3 {
    color:rgba(var(--white-color),1.0) !important;
    text-shadow: 2px 2px rgba(var(--black-color),0.4), -1px -1px 0 rgba(var(--black-color),0.6), 1px -1px 0 rgba(var(--black-color),0.6), -1px 1px 0 rgba(var(--black-color),0.6), 1px 1px 0 rgba(var(--black-color),0.6);
}

.q-one {background-color:var(--darktone-color);}

.q-one:hover {background-color:var(--midtone-color);}

.q-two {background-color:var(--lighttone-color);}

.q-two:hover {background-color:var(--darktone-color);}

.q-three {background-color:var(--midtone-color);}

.q-three:hover {background-color:var(--lighttone-color);}.RAMPsmallAdsContainer, .footerRAMPapp, .footerRAMPads {
    display: none;
}/* LIGHT SITE / DARK SITE
-------------------------------------------------- */

body {
    /*body-bg-dark*/
  background-blend-mode: overlay;
 color:rgba(255,255,255,0.8);
}

.modal-content {
background-color:var(--darktone-color) !important;
}

.contentfullwidth {
  background-color: rgba(0,0,0,0.5) !important;
}

.btn-default {
    color: rgba(255,255,255,0.9);
    background-color: rgba(0,0,0,1.0);
    border-color: rgba(255,255,255,0.3);
}

.btn-imprtnt, .btn-imprtnt a{
  color: rgba(0,0,0,1.0) !important;
}

.btn-imprtnt:hover, .btn-imprtnt a:hover{
  color: rgba(255,255,255,1.0) !important;
}

.maincontent h1, .maincontent h2, .maincontent h3 {
  color: rgba(255,255,255,1.0);
}

.maincontent h4, .maincontent h5, .maincontent h6 {
  color: rgba(255,255,255,0.9);
}

.maincontent table h1, .maincontent table h2, .maincontent table h3 , .maincontent table h4 , .maincontent table h5 , .maincontent table h6 {
  color: rgba(255,255,255,1.0);
}

.hattrick {
    box-shadow: 0 0 0 2px rgba(124,124,124,0.9);
}

.hattrick_overlay .text {
    color: rgba(223,223,223,1.0) !important;
}

.q-one, .q-two, .q-three{
    border: 2px solid rgba(0,0,0,0.2);
}

.fc-unthemed .fc-list-empty {
    background: none !important;
}

.fc-unthemed .fc-divider, .fc-unthemed .fc-popover .fc-header, .fc-unthemed .fc-list-heading td {
    background: rgba(51,51,51,0.9) !important;
}

.fc-unthemed th, .fc-unthemed td, .fc-unthemed thead, .fc-unthemed tbody, .fc-unthemed .fc-divider, .fc-unthemed .fc-row, .fc-unthemed .fc-content, .fc-unthemed .fc-popover, .fc-unthemed .fc-list-view, .fc-unthemed .fc-list-heading td {
    border-color: rgba(255,255,255,0.3) !important;
}
/* Sponsor-Arrows */

#sponsor-bar .slick-prev,
#sponsor-bar .slick-next {
    color: rgba(255,255,255,0.3) !important;
    background: rgba(0,0,0,0.3) !important;
}

#sponsor-bar .slick-prev:hover:after,
#sponsor-bar .slick-next:hover:after {
    color: |lighttone| !important;
}

tr:nth-of-type(even){
    background: rgba(82,82,82,0.2) !important;
}

tr:nth-of-type(odd){
    background: rgba(82,82,82,0.4) !important;
}
.scrollable.has-scroll {
background-image: -webkit-gradient(linear, 0% 50%, 100% 50%, color-stop(0%, #000), color-stop(100%, rgba(0,0,0,0))), -webkit-gradient(linear, 100% 50%, 0% 50%, color-stop(0%, #000), color-stop(100%, rgba(0,0,0,0))), -webkit-gradient(linear, 0% 50%, 100% 50%, color-stop(0%, #17171c), color-stop(100%, rgba(23,23,28,0))), -webkit-gradient(linear, 100% 50%, 0% 50%, color-stop(0%, #17171c), color-stop(100%, rgba(23,23,28,0))) !important;
background-image: -webkit-linear-gradient(left, #000, rgba(0,0,0,0)), -webkit-linear-gradient(right, #000, rgba(0,0,0,0)), -webkit-linear-gradient(left, #17171c, rgba(23,23,28,0)), -webkit-linear-gradient(right, #17171c, rgba(23,23,28,0)) !important;
background-image: -moz-linear-gradient(left, #000, rgba(0,0,0,0)), -moz-linear-gradient(right, #000, rgba(0,0,0,0)), -moz-linear-gradient(left, #17171c, rgba(23,23,28,0)), -moz-linear-gradient(right, #17171c, rgba(23,23,28,0)) !important;
background-image: -o-linear-gradient(left, #000, rgba(0,0,0,0)), -o-linear-gradient(right, #000, rgba(0,0,0,0)), -o-linear-gradient(left, #17171c, rgba(23,23,28,0)), -o-linear-gradient(right, #17171c, rgba(23,23,28,0)) !important;
background-image: linear-gradient(left, #000, rgba(0,0,0,0)), linear-gradient(right, #000, rgba(0,0,0,0)), linear-gradient(left, #17171c, rgba(23,23,28,0)), linear-gradient(right, #17171c, rgba(23,23,28,0)) !important;
background-color: rgba(0,0,0,0.4) !important;
}

details {
    background-color:rgba(255,255,255,0.2);
}