@import url("https://fonts.googleapis.com/css2?family=Montserrat&family=Poppins:wght@200;400;500;600;700&display=swap");

html {
    scroll-behavior: smooth;
    overflow-x: hidden;
}
body {
    overflow-x: hidden;
}
.head-vb {
    background-image: url("../img/portalbret.jpg");
    background-size: cover;
    background-position: center;
}
.btn-grp {
    background-color: #008b99;
}
.underline-o {
    background-image: linear-gradient(120deg, #f3603f 0%, #f3603f 100%);
    background-repeat: no-repeat;
    background-size: 60% 0.5em;
    background-position: 0 88%;
}
.sejour-desc {
    min-height: 65vh;
}
.bolder-text {
    color: #008b99;
}

/* Checkboxes */

.ks-cboxtags label {
    display: inline-block;
    background-color: rgba(255, 255, 255, 0.9);
    border: 1px solid rgba(139, 139, 139, 0.3);
    color: #adadad;
    background-color: #f9f9f9;
    border-radius: 25px;
    white-space: nowrap;
    margin: 3px 0px;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-tap-highlight-color: transparent;
    -webkit-transition: all 0.2s;
    transition: all 0.2s;
    font-weight: 400;
}

.ks-cboxtags label {
    padding: 8px 12px;
    cursor: pointer;
}

.ks-cboxtags label::before {
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    font-family: "FontAwesome";
    font-weight: 400;
    font-size: 12px;
    padding: 2px 6px 2px 2px;
    content: "\f067";
    -webkit-transition: -webkit-transform 0.3s ease-in-out;
    transition: -webkit-transform 0.3s ease-in-out;
    transition: transform 0.3s ease-in-out;
    transition: transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
}

.ks-cboxtags input[type="checkbox"]:checked + label::before {
    content: "\f00c";
    -webkit-transform: rotate(-360deg);
    transform: rotate(-360deg);
    -webkit-transition: -webkit-transform 0.3s ease-in-out;
    transition: -webkit-transform 0.3s ease-in-out;
    transition: transform 0.3s ease-in-out;
    transition: transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
}

.ks-cboxtags input[type="checkbox"]:checked + label {
    border: 1px solid #f3603f;
    background-color: #f3603f;
    color: #fff;
    -webkit-transition: all 0.2s;
    transition: all 0.2s;
}

.ks-cboxtags input[type="checkbox"] {
    display: absolute;
}

.ks-cboxtags input[type="checkbox"] {
    position: absolute;
    opacity: 0;
}

/* Scroll bar */

/* Works on Firefox */
* {
    scrollbar-width: thin;
    scrollbar-color: rgb(148, 148, 148) rgb(221, 221, 221);
}

/* Works on Chrome, Edge, and Safari */
*::-webkit-scrollbar {
    width: 8px;
}

*::-webkit-scrollbar-track {
    background: rgb(221, 221, 221);
}

*::-webkit-scrollbar-thumb {
    background-color: rgb(148, 148, 148);
    border-radius: 20px;
    border: 3px solid rgb(221, 221, 221);
}


@media (max-width: 639px) {
    #register-bar{
        text-align: center;
        height: 150px !important;
    }
    #register-bar button{
        margin-bottom: 10px;
    }
    .sejour-desc h2{
        font-size: 86px !important;
    }
    .menu-picto{
        height: 75px;
        width: 75px;
    }
}