/*::::::::::::::::::::::::::::: general :::::::::::::::::::::::::::::*/
html {
    scroll-padding-top: 65px;
}

body {
    background: url('./media/background.webp');
    background-size: cover;
    background-repeat: no-repeat;
    background-attachment: fixed;

    align-items: center;
    min-height: 100vh;
    display: flex;
    flex-wrap: wrap;

    padding: 65px 10px 10px;

    /* font-family: 'Milonga', cursive; */
    font-family: 'Ubuntu', sans-serif;
    color: #ffffff;
}

a {
    text-decoration: none;
    color: inherit;
}

a:hover {
    color: inherit;
}

/*::::::::::::::::::::::::::::: other :::::::::::::::::::::::::::::*/
.faqQuestion {
    color: skyblue;
}

/*::::::::::::::::::::::::::::: images :::::::::::::::::::::::::::::*/
.container-width-image {
    width: 100%;
    height: auto;
}

/*::::::::::::::::::::::::::::: bundles :::::::::::::::::::::::::::::*/
.bundle-container {
    border: 2px transparent solid;
    cursor: pointer;
}

.bundle-container:hover {
    background-color: rgba(0, 0, 0, 0.6);
    border: 2px #ffffff solid;
}

.bundle-container.selected {
    background-color: rgba(255, 255, 255, 0.3);
}

/*::::::::::::::::::::::::::::: cookies :::::::::::::::::::::::::::::*/
#cookies {
    background-color: #467aab;
    color: #000000;
}

#cookies button {
    background-color: #000000;
    color: #ffffff;
    border-radius: 15px;
    padding: 10px 15px;
}

/*::::::::::::::::::::::::::::: theme :::::::::::::::::::::::::::::*/
.primary-button {
    background-color: rgba(127, 127, 127, 0.6);
    color: #ffffff;
    border-radius: 15px;
}

.primary-button:hover {
    background-color: #ffffff;
    color: #000000;
}

.theme-bg {
    background-color: rgba(0, 0, 0, 0.6);
}

.theme-rounded {
    border-radius: 20px !important;
}

/*::::::::::::::::::::::::::::: menu :::::::::::::::::::::::::::::*/
nav {
    /* background-color: rgba(5, 15, 34, 0.90) !important; */
    background-color: rgba(0, 0, 0, 0.7);
}

nav li {
    border-bottom: 2px transparent solid;
}

nav li.active {
    border-bottom: 2px #2e5c8e solid;
}

nav li:hover {
    border-bottom: 2px #ffffff solid;
}

@media (max-width: 767px) {
    nav li {
        border-bottom: none;
        padding-left: 10px;
    }

    nav li.active {
        border-left: 5px #2e5c8e solid;
        border-bottom: none;
    }
}

/*::::::::::::::::::::::::::::: scroll :::::::::::::::::::::::::::::*/
::-webkit-scrollbar {
    width: 12px;
    height: 12px;
}

::-webkit-scrollbar-track {
    background: transparent;
}

::-webkit-scrollbar-thumb {
    background: #ccc;
}

::-webkit-scrollbar-thumb:hover {
    background: #999;
}

::-webkit-scrollbar-corner {
    background-color: transparent;
}