@import url(https://fonts.googleapis.com/css2?family=Rubik:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;1,300;1,400;1,600;1,700;1,800&display=swap);
::-moz-selection {
    background:rgb(var(--org-color-2));
    color:#ffffff;
}

::selection {
    background:rgb(var(--org-color-2));
    color:#ffffff;
}

::-moz-selection {
    background:rgb(var(--org-color-2));
    color:#ffffff;
}

::-webkit-selection {
    background:rgb(var(--org-color-2));
    color:#ffffff;
}

html,
body {
    font-family: "Rubik", sans-serif;
    font-weight: 400;
    background-color: rgba(var(--org-color-1), 0.035);
    -ms-text-size-adjust: 100%;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.org-color-1 {
    color: rgb(var(--org-color-1));
}

.org-color-2 {
    color: rgb(var(--org-color-2));
}

.container {
    padding: 0;
}

a:not(div#adherent-space *, div#organization-site *) {
    color: rgba(var(--org-color-1), 0.85);
    text-decoration: none;
}


.btn-primary {
    color: #ffffff!important;
    background-color: rgba(var(--org-color-1), 0.85)!important;
    border-color: rgba(var(--org-color-1), 0.40)!important;
}

.btn-primary:hover {
    color: #ffffff !important;
    background-color: rgba(var(--org-color-1), 0.9) !important
}

.btn-primary:focus,
.btn-primary:active:not(:disabled) {
    color: #ffffff;
    box-shadow: rgba(var(--org-color-1), 0.5) 0px 0px 0px 0.2rem;
    background-color: rgba(var(--org-color-1), 1);
    border-color: rgba(var(--org-color-1), 0.4);
    outline: 0;
}

.btn-secondary,
.btn-secondary:visited {
    background-color: rgba(var(--org-color-2), 0.9);
    border-color: rgba(var(--org-color-2), 0.8) !important;
    color: #fff!important;
}

.btn-secondary:hover,
.btn-secondary:active {
    color: white!important;
    background-color: rgba(var(--org-color-2, 1)) !important;
}

.btn-secondary:focus {
    box-shadow: 0 0 0 0.25rem rgba(var(--org-color-2), 0.5);
}



.btn:not(.dropdown .btn) {
    font-weight: 700;
    padding: 0.5rem 2rem;
    transition: background-color .1s ease-in;
    border: none;
    box-shadow: 0 .125rem .25rem rgba(0,0,0,.075);
}


.form-control:focus,
.form-select:focus {
    color: #212529;
    background-color: #fff;
    border-color: rgba(var(--org-color-1), 0.3);
    outline: 0;
    box-shadow: 0 0 0 0.25rem rgba(var(--org-color-1), 0.3);
}


.btn-outline-secondary {
    color: rgb(var(--org-color-2));
    background-color: transparent;
    background-image: none;
    border: 0.1px solid rgb(var(--org-color-2)) !important;
}

.btn-outline-secondary:hover,
.btn-outline-secondary:not(:disabled):not(.disabled):active {
    color: #fff;
    background-color: rgb(var(--org-color-2));
    border-color: rgb(var(--org-color-2))
}

.player-container {
    max-width: 1200px;
    border-radius: 20px;
    overflow: hidden;
}