/* Pour page d'accueil des membres conenctés, sous forme de dashboard */

/* Affichage écran réduit (par défaut) */
.region-dashboard {
    display: grid;
    grid-template-columns: auto;
    grid-template-rows: auto auto auto auto;
    grid-template-areas: "nouvelles"
                        "calendrier"
                        "caci"
                        "caution"
                        "check1"
                        "sorties"
                        "blog"
                        "check2"
                        "check3";
    gap: 7px;
}

.region-dashboard>div {
    /* border: 2px solid #00B2FF;
    border-radius: 16px;
    box-shadow: 1px 1px #00B2FF; */
    border: none;
    border-bottom: 2px solid #00B2FF;
    padding: 0px 10px 2px 10px;
    overflow: hidden;
}

.region-dashboard .square-block {
    margin: 0;
    border: none;
    box-shadow: none;
}

.region-dashboard .block-views-blocknouvelles-block-2 {
    grid-area: nouvelles;
    /* max-height: 402px; */
}

.region-dashboard .view-nouvelles {
    overflow: none;
    /* max-height: 402px; */
    scrollbar-width: thin;
    scrollbar-color: #00B2FF #f1f1f1;
    padding: 2px;
}

.region-dashboard .bloc-tag {
    float: none;
    text-align: left;
}

.region-dashboard .bloc-tag a {
    color: black;
    text-decoration: underline!important;
}
.region-dashboard h2 {
    font-size: 1.2em;
    margin-bottom: 0em;
    margin-top: 0.5em;
}

.region-dashboard  .block-views-blockcaci-check-membre-block-2 {
    grid-area: caci;
}

.region-dashboard #block-aquarius-calendrierduclub {
    grid-area: calendrier;
    padding: 0;
    background-color: rgb(240, 244, 249);
    text-align: center;
}

.region-dashboard .block-views-blockbloc-utilisateur-block-1 {
    grid-area: caution;
}

.region-dashboard #block-aquarius-calendrierduclub p {
    margin: 0;
}

.region-dashboard .block-views-blocksorties-listes-block-2 {
    grid-area: sorties;
}

 .region-dashboard .block-views-blockcaci-liste-block-3 {
    grid-area: check1;
 }
.region-dashboard .block-views-blockcaci-liste-block-2 {
    grid-area: check2;
}

.region-dashboard .block-views-blockcaci-liste-block-2, .region-dashboard .block-views-blockcaci-liste-block-3{
    grid-row-start: auto;
    grid-column-start: 1;
    grid-column-end: 5;
    overflow: scroll;
    scrollbar-width: thin;
    scrollbar-color: #00B2FF #f1f1f1;
}

.region-dashboard .block-views-blockcaci-liste-block-2 th {
    /*display: none!important;*/
}

.region-dashboard .block-views-blockcaci-liste-block-2 .tableresponsive-toggle-columns {
    display: none!important;
}

.region-dashboard .block-views-blockblog-block-1 {
    grid-area: blog;
    max-height: 402px;
    overflow: scroll;
    scrollbar-width: thin;
    scrollbar-color: #00B2FF #f1f1f1;   
}
.region-dashboard .block-views-blockblog-block-1>div {

}

/* Affichage sur écran large */
@media all and (min-width: 768px) { 
    .region-dashboard {
        display: grid;
        grid-template-columns: 1fr 3fr 2fr;
        grid-template-rows: 402px auto auto auto;
        grid-template-areas: "nouvelles nouvelles calendrier"
                            "caci sorties blog"
                            "caution sorties blog"
                            "check1 check1 check1"
                            "check2 check2 check2"
                            "check3 check3 check3" ;
        gap: 7px;
    }

    .region-dashboard>div {
        border: 2px solid #00B2FF;
        border-radius: 16px;
        box-shadow: 1px 1px #00B2FF;
        padding: 0px 10px 2px 10px;
        overflow: hidden;
    }

   .region-dashboard .block-views-blocknouvelles-block-2 {
        grid-area: nouvelles;
        max-height: 402px;
    }

    .region-dashboard .view-nouvelles {
        overflow: scroll;
        max-height: 402px;
    }

    .region-dashboard .block-views-blockcaci-liste-block-2, .region-dashboard .block-views-blockcaci-liste-block-3{
        grid-row-start: auto;
        grid-column-start: 1;
        grid-column-end: 5;
        overflow: scroll;
        scrollbar-width: thin;
        scrollbar-color: #00B2FF #f1f1f1;
    }
}