/* ============================== */
/* TEMA PADRÃO - PERSONALIZAÇÕES ESPECÍFICAS
/* Apenas o que DIFERE do layout base
/* ============================== */

/* GALERIA - POSICIONAMENTO */
.galeria-right {
    float: right;
    margin-left: -15px;
    margin-right: -15px;
}

.galeria-left {
    float: left;
    margin-left: -15px;
    margin-right: -15px;
}

/* GALERIA - BACKGROUNDS */
.bg-video-galeria {
    background-color: var(--primary-color) !important;
    background-image: url(../../../template/img/bg-svg-2.webp);
    background-size: 100%;
    background-position: 0px 25%;
}

.bg-img-galeria {
    background-color: var(--secondary-color) !important;
    background-image: url(../../../template/img/bg-videos-2.webp);
    background-size: cover;
}

.padding-70-galeria-imagens {
    padding: 70px;
}

.margin-top-70-galeria-imagem {
    margin-top: 70px !important;
}

/* RESPONSIVO - TEMA PADRÃO */
@media only screen and (max-width: 600px) {
    .bg-video-galeria {
        background-size: cover !important;
        background-position: 60% 10% !important;
    }
    
    .bg-img-galeria {
        background-position: 73% 0%;
    }

    .galeria-right {
        float: right;
        margin-left: auto !important;
        margin-right: auto !important;
        margin-top: 5px;
    }
    
    .galeria-left {
        float: left;
        margin-left: auto !important;
        margin-right: auto !important;
        margin-bottom: 5px;
    }

    .margin-top-70-galeria-imagem {
        margin-top: 35px !important;
    }
    
    .padding-70-galeria-imagens {
        padding: 30px !important;
    }
}