/*
 * -----------------------------------------------------------------------------
 *
 *  Regions Block
 *
 * -----------------------------------------------------------------------------
 */
.regions-block .title{
        max-width: 600px;
}
.regions-block .regions > .region{
        font-size: 1.2em;
        font-weight: normal;
        color: var(--contrast3);
        padding: 20px 0;
        border-bottom: 1px solid rgb(0 0 0 / 10%);
}
.regions-block .regions,
.regions-block .countries{
        margin: 1em 0;
}
@media only screen and (min-width: 768px){
        .regions-block .regions,
        .regions-block .countries{
                margin: 3em 0;
        }
}
.regions-block .countries .country-name{
        color: var(--contrast1, #000000);
        display: block;
        border-radius: 5px;
        padding: 10px 15px;
        margin-bottom: 10px;
}
.regions-block .countries .country-name:hover,
.regions-block .countries .country-name:active,
.regions-block .countries .country-name:focus
{
        color: var(--link);
        background-color: var( --base1);
}