@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&family=Open+Sans:ital,wght@0,300..800;1,300..800&display=swap');

* {
    -webkit-tap-highlight-color: transparent;
}

body {
    margin: 0;
    user-select: none;
    font-family: 'Montserrat';
}

a {
    text-decoration: none;
    color: unset;
    cursor: pointer;
}

a:focus-visible {
    outline: #eab830 auto 1px;
}

li {
    margin: 10px 0px;
}



li:hover::marker {
    color: #eab830;
}

a {
    font-family: 'Montserrat';
}

.header {
    width: 100%;
    height: 165px;
}

header {
    width: calc(100% - 40px);
    padding: 20px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    background-color: #ffffff;
    top: 0;
    z-index: 6;
}

header img {
    height: 125px;
}

header a.active{
    pointer-events: none;
}


header nav {

    padding-left: 20px;

    display: flex;

    flex-wrap: wrap;

    justify-content: space-around;

}



header nav a {
    text-transform: uppercase;
    cursor: pointer;
    padding: 10px 10px;
    margin-right: 15px;
    background-color: unset;
    border: none;
    font-size: 15px;
    border-bottom: 2px solid #fff !important;    
}

header nav a.active{
    color:#ff7826;
    pointer-events: none;
}



header nav a:hover {

    border-bottom: 2px solid #ff7826 !important;

}



#menu_mobile_btn {

    display: none;

}



#content_hp {
    width: 100%;
    height: calc(100vh - 165px);
    background-position: center, center;
    background-size: contain;
    background-repeat: no-repeat, repeat;
    background-color: #fff;
    background-image: url(img/207_bg.svg);
}


@keyframes scroll {
    from {
        transform: translateX(0);
    }

    to {
        transform: translateX(-50%);
    }
}

.disabled {
    color: #888888;
    opacity: 0.8;
    pointer-events: none;
}

@media only screen and (max-width: 650px) {

    .card {

        width: calc(100% - 40px);

    }



    .hamburger {

        cursor: pointer;

    }



    .hamburger input {

        display: none;

    }



    .hamburger svg {

        height: 3em;

        transition: transform 600ms cubic-bezier(0.4, 0, 0.2, 1);

        stroke: #eab830;

    }



    .line {

        fill: none;

        stroke-linecap: round;

        stroke-linejoin: round;

        stroke-width: 3;

        transition: stroke-dasharray 600ms cubic-bezier(0.4, 0, 0.2, 1),

                    stroke-dashoffset 600ms cubic-bezier(0.4, 0, 0.2, 1);

    }



    .line-top-bottom {

        stroke-dasharray: 12 63;

    }



    svg.mobile_svg_class {

        transform: rotate(-45deg);

        stroke: #ffffff;

    }



    svg.mobile_svg_class .line-top-bottom {

        stroke-dasharray: 20 300;

        stroke-dashoffset: -32.42;

    }

    

    #mobile.move {

        left: 0;

    }



    #mobile {

        position: fixed;

        width: 100vw;

        height: calc(100vh - 120px);

        z-index: 1;

        background-color: #eab830;

        top: 0;

        display: flex;

        flex-direction: column;

        align-items: center;

        transition: 1s;

        left: 100%;

        justify-content: space-evenly;

        padding: 60px 0px;

    }



    .cont {

        display: none;

    }



    .header{

        height: 125px;

    }



    header,

    header img {

        height: 85px;

    }



    header nav {

        display: none;

    }



    #menu_mobile_btn {

        display: block;

        background: unset;

        border: none;

        z-index: 10;

    }



    #menu_mobile_btn img {

        height: 45px;

    }



    #banner {

        height: calc(100vh - 125px);

        background-image: url(img/slider/tel_main.jpg), url(img/slider/fundo.png);

    }



    .calendario nav {

        width: 90%;

        min-width: unset;

    }



    #carrossel_imgs img {

        height: 300px;

    }



    #carrossel_imgs {

        display: grid;

        grid-template-rows: repeat(2, auto);

        grid-auto-flow: column;

        gap: 40px 0px;

    }



    footer>:first-child nav {

        width: 100%;

        min-width: unset;

        margin-bottom: 20px;

    }



    footer>:last-child {

        flex-direction: column;

    }



    footer .redes_sociais {

        width: 100%;

        display: flex;

        justify-content: space-evenly;

    }



    footer>:last-child nav:first-of-type div {

        flex-direction: column;

    }



    footer>:last-child nav p {

        margin-bottom: 10px;

    }



    footer>:first-child nav p br {

        display: none;

    }



    footer .logo {

        display: none;

    }



    .jogador__group {

        flex-direction: column;

    }



    .jogador__group .form__group:first-of-type {

        margin-right: 0px;

    }



    .jogador__group .form__group {

        margin-right: 0px;

        margin-left: 0px;

        width: 100%;

    }

}