@font-face {
    font-family: 'GOSHA Alternates';
    src: url('../fonts/GOSHAAlternates-Medium.otf') format('opentype');
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: 'GOSHA Alternates';
    src: url('../fonts/GOSHAAlternates-SemiBold.otf') format('opentype');
    font-weight: 600; /* semi bold */
    font-style: normal;
}

*{
    font-family: "Poppins", sans-serif;
}

header{
    background-color: #fdfae5;

    .nav-efeito{
        margin: 0 4px;
        display: flex;
        justify-content: center;
        position: relative;
    }
    .nav-efeito::after {
        content: '';
        height: 3px;
        width: 0;
        background: #5BA344;
        position: absolute;
        bottom: -8px;
        transition: all .25s;
    }
    .nav-efeito:hover::after {
        width: calc(100% - 20px);
    }

    .nav-link{
        font-size: 16px;
        font-weight: 400;
        color: #212D38;
    }


    .social-header {
        margin: 0;
        padding: 0;

        li{
            list-style-type: none;

            .btn-inscricao {
                font-size: 16px;
                font-weight: 500;
                letter-spacing: 0.96px;
                border-radius: 5px;
                background: #312B80;
                color: #fff !important;
                padding: 15px 30px !important;
                list-style-type: none;
            }
        }
    }
}

footer {
    background-color: #FFFCE5;
    padding: 50px 0 10px;


    .social-footer {
        display: flex;
        justify-content: center;
        padding: 0;
        margin: 0;

        li {
            margin: 30px 20px;
            list-style-type: none;
        }
    }

    .menu-footer {
        display: flex;
        justify-content: space-evenly;
        margin: 0;
        padding: 0;

        li {
            list-style-type: none;
            margin: 30px 0;
            color: #212D38;
        }
    }

    .copy {
        color: #212D38;
        font-size: 15px;
        font-weight: 400;
        line-height: 190%;
        margin: 0;

        span{
            color: #5BA344;
        }
    }


    .alinhar-alfama{
        display: flex;
        align-items: center;
        justify-content: flex-end;
    }


}


/* TABLET */
@media (min-width: 768px) and (max-width: 1024px) {
    header{
        .navbar-toggler{
            border: none;
 
            &:focus {
                box-shadow: none;
            }
        }
        .social-header {
            display: flex;
            justify-content: center;
        }
        .nav-link {
            margin: 8px 0;
        }
    }

    #display {
        min-height: 60vh;

        .text-content {
            top: 0;
        }
    }

    #duvidas {
        .img-duvidas {
            display: none;
        }
    }

    footer{
        .copy{
            text-align: center;
        }
        .alinhar-alfama {
            justify-content: center;
            margin: 10px 0;
        }
    }
}

/* MOBILE */
@media all and (max-width: 767px) { 
    header{
        .navbar-toggler{
            border: none;
 
            &:focus {
                box-shadow: none;
            }
        }
        .social-header {
            display: block !important;
            width: 100%;
            text-align: center;
        }
    }

    #display {
        min-height: 60vh;
    }

    footer {
        .copy{
            text-align: center;
        }
        .alinhar-alfama {
            justify-content: center;
            margin: 10px 0;
        }
        .menu-footer {
            flex-direction: column;
            li {
                list-style-type: none;
                margin: 7px 0;
                color: #212D38;
            }
        }
    }
  
}