@import url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.10.5/font/bootstrap-icons.css");
@import "variables.css";

#wrapper {
    background: rgb(255, 226, 122);
    background: linear-gradient(180deg, rgba(255, 226, 122, 1) 0%, rgba(255, 255, 255, 1) 100%);
}

input.form {
    background: transparent;
    border: none;
    border-bottom: 1px solid #222;
    border-radius: 0;
    color: var(--text-dark-color);
}

input.form:focus {
    box-shadow: none;
}

.navbar .navbar-collapse .navbar-nav > li > a {
    color: var(--text-dark-color);
}

.navbar-toggler-icon:focus,
.navbar-toggler-icon:active {
    box-shadow: none !important;
}

.know-btn {
    text-decoration: none;
    color: var(--dark-green);
    display: inline-block;
    padding: 0.5em 1em;
    background-color: white;
    font-weight: 600;
}

.know-btn:hover {
    color: var(--dark-green);
}

.custom-btn {
    display: inline-block;
    background-color: var(--custom-green);
    border: 2px solid var(--custom-green);
    color: white !important;
    border-radius: 5px;
    padding: 0.3rem 0.6rem;
    font-weight: 600;
    text-decoration: none;
}

.custom-btn:hover {
    color: white;
}

.dark-green,
.dark-green:hover,
.dark-green:visited {
    color: var(--dark-green);
}

.bg-green {
    background-color: var(--custom-green);
}

.bg-light-green {
    background-color: var(--light-green)
}

.bg-dark-green {
    background-color: var(--dark-green) !important;
}

.accordion-button {
    color: var(--text-dark-color);
    background-color: var(--light-green);
}

.accordion-collapse {
    background-color: var(--light-green);
}

.accordion-item {
    margin-bottom: .5rem;
    border: none;
    background-color: transparent;
    box-shadow: none;
}

.accordion-button:visited,
.accordion-header:visited,
.accordion-button,
.accordion-header {
    background-color: var(--light-green) !important;
    color: var(--dark-green) !important;
    margin-bottom: .5rem;
}

.accordion-collapse.collapse.show {
    /*margin-top: .5rem;*/
}

.accordion-flush:focus,
.accordion-item:focus,
.accordion-button:focus,
.accordion-flush:visited,
.accordion-item:visited,
.accordion-button:visited {
    box-shadow: none;
    background-color: var(--light-green) !important;
    color: var(--text-dark-color)
}

.inscriptionBtn {
    display: inline-block;
    padding: 0.5rem 4rem;
    background-color: var(--orange-color);
    border-radius: 5px;
    border: 1px solid var(--light-green);
    font-size: 1.3rem;
    font-weight: 600;
}

.identificationBtn {
    display: inline-block;
    padding: .5rem 1rem;
    border-radius: 5px;
    background-color: var(--orange-color);
    border: 2px solid #222;
}

.btn.identificationBtn:hover {
    background-color: var(--orange-color) !important;
    border: 2px solid #222 !important;
}

.disabled {
    background-color: lightgray;
    border: 2px solid #aaa;
    color: #aaa;
}

.pointer {
    cursor: pointer;
}

.googleConnexion {
    display: inline-block;
    padding: .7rem 0.3rem;
    border-radius: 5px;
    margin-bottom: 2rem;
    box-shadow: 0 0 1rem #ccc;
}

.lh-lg:hover {
    cursor: pointer;
    background-color: lightgray;
    border-radius: .4rem;
}

.lh-lg.active {
    background-color: lightgray;
}

.btn-secondary {
    --bs-btn-active-bg: #2c461b;
}