/* importar as fontes Poppins-Bold.ttf, Poppins-Light.ttf, Poppins-Medium.ttf, Poppins-Regular.ttf da pasta /webroot/font/ */

@font-face {
    font-family: 'Poppins-Bold';
    src: url('../font/Poppins-Bold.ttf') format('truetype');
}

@font-face {
    font-family: 'Poppins-Light';
    src: url('../font/Poppins-Light.ttf') format('truetype');
}

@font-face {
    font-family: 'Poppins-Medium';
    src: url('../font/Poppins-Medium.ttf') format('truetype');
}

@font-face {
    font-family: 'Poppins-Regular';
    src: url('../font/Poppins-Regular.ttf') format('truetype');
}

a, p, h1, h2, h3, h4, h5, h6, span, div, label, input, button, select, option, textarea {
    font-family: 'Poppins-Regular', sans-serif;
}

.poppins-bold {
    font-family: 'Poppins-Bold', sans-serif;
}

.poppins-light {
    font-family: 'Poppins-Light', sans-serif;
}

.poppins-medium {
    font-family: 'Poppins-Medium', sans-serif;
}

.poppins-regular {
    font-family: 'Poppins-Regular', sans-serif;
}

.mirrored {
    transform: scaleX(-1);
}

.custom-form-control {
    background-color: rgba(0, 0, 0, 0.1) !important;
    border: none !important;
    color: white !important;
}

.custom-form-control::placeholder {
    color: white;
}

.custom-form-control-2 {
    background-color: rgba(0, 0, 0, 0.1) !important;
    border: none !important;
    color: #333 !important;
}

.custom-form-control-2::placeholder {
    color: #333;
}

/* alterar bolinhas do splide */
.splide__pagination__page.is-active {
    background-color: #333;
}

.splide__pagination__page {
    background-color: #aaa;
}