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

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

body::before{
  background-color:rgb(53,53,53);
}



/* 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: 18.5em !important;
        background-image: url(img/assocLogoLG.svg) !important;
        background-size: contain;
        margin: -0.5em 0 !important;
    }
    .parallax-window {
        height: 17.0em !important;
    }
}

.assocLogo {
    background-image: url(img/assocLogo.svg);
    height: 7.0em;
    margin: -0.25em auto;
    }
.parallax-window {
    height: 6.0em;
}

@media (min-width: 769px) {

    .assocLogo {
        background-position-x: center;
        background-position-y: center;
        margin-right: auto;
        margin-left: auto;
    }
}/* PAGELINER
-------------------------------------------------- */

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

.pageLiner{
    height:3.0em;
}

@media (max-width: 768px) {

    .pageLiner {
        height: 1.5em;
    }
}.contentfullwidth {
  background-color:rgba(255,255,255,0.9);
}.mediaBar .container {
    max-width: 1100px !important;
}

.contentfullwidth {
  max-width:1100px;
  margin:0 auto;
  padding:0;
    -webkit-box-shadow: inset 25px 0px 25px -25px rgba(0, 0, 0, 0.45), inset -25px 0px 25px -25px rgba(0, 0, 0, 0.45);
    -moz-box-shadow: inset 25px 0px 25px -25px rgba(0, 0, 0, 0.45), inset -25px 0px 25px -25px rgba(0, 0, 0, 0.45);
    box-shadow: 25px 0px 25px -25px rgba(0, 0, 0, 0.45), -25px 0px 25px -25px rgba(0, 0, 0, 0.45);
}

.contentfullwidth .container, .maincontent {
    width:100% !important;
}

.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);}/* 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);
}