/** Banner ************************************************************************************************************/

#cookies_law{
    min-height:40px;
    width:100%;
    border:none;
    border-radius:0;
    margin:0;
    position:fixed;
    bottom:-500px;
    padding:0;
    background-color:var(--grey-90);
    z-index:100000000;
    transition: bottom 1.7s;
}

#cookies_law_content{
    padding:calc(2vw + 10px) calc(1vw + 15px);
    max-width:1200px;
    margin: 0 auto;
    max-height: min-content;
}

.cookies_text, .cookies_text a{
    margin-bottom:17px;
}

.cookies_text a{
    text-decoration:underline;
}

/** Modal *************************************************************************************************************/


#cookiesLawModal{
    background-color:transparent;
    margin-left:auto;
    margin-right:auto;
    z-index:100000002;
    max-width:unset!important;
    width:100%;
}

#cookiesLawModal .modal-content{
    padding:10px;
}

#cookiesLawModal .modal-header{
    border-bottom:none;
}

.modal-backdrop.fade.show{
    z-index:100000001;
}

.cookies_actions_container{
    flex-wrap:wrap;
}

.cookies_actions_container > a.hover{
    flex-basis:100%;
    margin: 0 0 10px 0;
}

.cookies_actions_container > a:hover{
    background-color:var(--black-text);
    color:var(--white)!important;
}

.cookie_option{
    display:flex;
    align-items:center;
    justify-content:space-between;
    margin-bottom:7px;
}

.cookie_option .option_label{
    -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
    -khtml-user-select: none; /* Konqueror HTML */
    -moz-user-select: none; /* Old versions of Firefox */
    -ms-user-select: none; /* Internet Explorer/Edge */
    user-select: none; /* Non-prefixed version, currently
                                  supported by Chrome, Edge, Opera and Firefox */
}

.cookie_option .option_label,.cookie_option .custom-switch,.custom-switch .custom-control-label::before,.custom-switch .custom-control-label::after{
    cursor:pointer;
}

/** switch **/
.custom-switch .custom-control-label::before{
    width: 2.4rem;
}

.custom-switch .custom-control-input:checked~.custom-control-label::after{
    left: calc(-2.4rem + 13px);
}


/* Media Queries ******************************************************************************************************/


@media screen and (orientation:landscape){
}

@media screen and (orientation:portrait){
}

/* Very small Devices */
@media (min-width: 300px) {
}

/* Small Devices */
@media (min-width: 576px) {
    #cookies_law_content p{
        font-size:calc(2vw + 2px);
    }
    #cookies_law_content{
        padding:calc(3vw + 10px) calc(4vw + 15px);
    }
}

@media (min-width:650px){

}

/* Tablet and up */
@media (min-width: 768px){
    #cookies_law_content p{
        font-size:14pt;
    }
}


/* Low laptop screen / iPad Pro*/
@media (min-width: 992px){

}

/* Low laptop screen only landscape*/
@media (min-width: 992px) and (orientation: landscape) {
}

/* Medium laptop screen */
@media (min-width: 1200px) {
    #cookies_law_content{
        padding:calc(0.8vw + 10px) calc(1vw + 15px);
    }
}

/* Very High laptop screen */
@media (min-width: 1400px){
}

/* Very High laptop screen */
@media (min-width: 1600px) {

}