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

body::before {
    background-image: url(img/assocBGbody3.jpg);
}
body::before {
    background-blend-mode:hard-light;
}

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



/* NEXT GAME BAR
-------------------------------------------------- */@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:none !important;
}
/* 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,0.6);
}.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 {
    /*details-square-default*/
    border-radius: 0;
}
.hattrick {
    /*hattrick-square-default*/
    border-radius: 0;
}
.q-one, .q-two, .q-three{
    /*quicklinks-square-default*/
    border-radius:0;
}
#CarouselSite #myCarouselSite {
    border-radius: 0;
}
#CarouselSmallLeft #myCarouselSmallLeft {
    border-radius: 0;
}
#CarouselSmallRight #myCarouselSmallRight {
    border-radius: 0;
}/* 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
-------------------------------------------------- */

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

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

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

.maincontent h1, .maincontent h2, .maincontent h3 {
  color: rgba(0, 0, 0, 0.7);
}


.maincontent h4, .maincontent h5, .maincontent h6 {
  color: rgba(0, 0, 0, 0.5);
}

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

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

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

.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(255, 255, 255, 0.9) !important;
}

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