/* Grid Page Turismo */


.field.field--name-field-imagem-turismo.field--type-image.field--label-hidden.field__items{
    float:none;
}


.views-field.views-field-field-categoria-turismo {
    grid-area: categoria;
}

.views-field.views-field-field-thumbnail-turismo {
    grid-area: thumbnail;
}

.views-field.views-field-title {
    grid-area: título;
}

.views-field.views-field-body {
    grid-area: resumo;
}

.grid-container-turismo {
    display: grid;
    grid-template-areas: 'thumbnail categoria' 'thumbnail título' 'thumbnail resumo';
    gap: 2px;
    border-bottom: 1px solid var(--cinza_7);
    padding-bottom: 20px;
}

/* Itens do grid */

h2.field-content.titulo-turismo-page a {
    color: var(--preto_2);
    font-size: 28px;
}

h2.field-content.titulo-turismo-page a:hover {
    color: var(--verdeEscuro);
}

h2.field-content.titulo-turismo-page {
    line-height: 0.9;
}

.field-content.thumbnail-turismo-page {
    margin-right: 15px;
    border-radius: 10px;
}

img.image-style-img-thumbnail-turismo {
    border-radius: 10px;
}

/* Responsividade Turismo */

@media (max-width: 767px) {
    .grid-container-turismo {
        display: flex;
        flex-direction: column;
        align-content: center;
    }

    .views-field.views-field-field-thumbnail-turismo {
        display: flex;
        justify-content: center;
    }

    h2.field-content.titulo-turismo-page a {
        font-size: 25px;
    }
}

@media screen and (min-width: 768px) and (max-width: 1000px) {
    .grid-container-turismo {
        display: flex;
        flex-direction: column;
        align-content: center;
    }

    .views-field.views-field-field-thumbnail-turismo {
        display: flex;
        justify-content: center;
    }
}

img.image-style-img-thumbnail-turismo:hover {
    border: 1px solid var(--cinza_2);
}

/* Dentro da Page */

.field--name-field-email-turismo,
.field--name-field-contato-turismo {
    padding: 10px 0px;
}

.field--name-field-email-turismo>.field__label,
.field--name-field-contato-turismo>.field__label {
    font-weight: bold;
}

.field--name-field-email-turismo>.field__label::after,
.field--name-field-contato-turismo>.field__label::after {
    content: ': ';
}

/* SEGUNDA BARRA LATERAL CATEGORIAS */

div#block-views-block-categoria-turismo-block-1 {
    height: auto;
    max-height: 700px;
    overflow: auto;
    min-width: 300px;
}

@media (max-width: 500px) {
    div#block-views-block-categoria-turismo-block-1 {
        height: auto;
        max-height: 225px;
        overflow: auto;
    }
}

div#block-views-block-categoria-turismo-block-1::-webkit-scrollbar {
    width: 12px;
}

div#block-views-block-categoria-turismo-block-1::-webkit-scrollbar-track {
    background: var(--cinza_2);
}

div#block-views-block-categoria-turismo-block-1::-webkit-scrollbar-thumb {
    background-color: var(--verde_3);
    border: 3.5px solid var(--cinza_2);
}