.section-divider {
    height: 4px;
    width: 100%;
    background-color: #0B4A83;
    position: relative;
    bottom: -25px;
}

.section-title {
    font-weight: bold;
    margin: 0;
    background-color: white;
    padding: 0px;
}

.in-evidenza-section-titles,
.cosafaarpa-section-titles,
.arpa-tv-section-titles {
    margin: 12px 0px;
    padding: 8px 0px;
}

/* mappe */
.section-mappe-hp .map-subtitle {
    font-weight: bold !important;
}

.section-mappe-hp .map-section > section {
    padding: 0;
}
.section-mappe-hp .map-section .map-controls-container {
    margin: 0;
}

.arpa-mappe-contatti-description b {
    font-weight: 700 !important;
}

.section-mappe-hp .banner-bollettini-hp {
    display: flex;
    flex-direction: column;
    margin-top: 1px !important;
}

.section-mappe-hp .banner-bollettini-hp .arpa-bollettini-meteo-evoluzione {
    text-align: justify;
    overflow: hidden!important;
    display: flex;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}

.section-mappe-hp .btn01 {
    background-color: #0B4A83;
    transition: .2s ease-out;
}

.section-mappe-hp .btn01:hover {
    background-color: #09355e;
}

.section-mappe-hp .img01 {
    margin: 3% 0%;
    /*aspect-ratio: 4 / 3;*/
}

.banner-bollettini-hp section {
    padding: 0;
}

.map-section .btn-primary {
    bottom: 0;
    position: relative;
    width: 100%;
}

.map-section-external-link-icon {
    top: 3px;
    right: 10px;
    position: absolute;
}

.banner-bollettini-hp .btn-primary,
.homepage-news .btn-primary,
.social-articolo .btn-primary {
    bottom: 0;
    position: absolute;
    width: 95%;
}

.banner-bollettini-hp img {
    width: 100%;
    width: -webkit-fill-available;
}

.arpa-bollettini-meteo-menu{
    flex-wrap: wrap;
}

/*arpaTV*/
.section-banner-hp {
    background-color: #d4dee6;
}

.section-banner-hp .t03 {
    font-size: 1.1em;
    font-weight: 900;
    color: #c0c0c0;
}

.section-banner-hp img{
    aspect-ratio: 16 / 9;
}

/* in evidenza */
.banner-no-img-container {
    height: 90px;
}

svg.external-link.icon.icon-black.icon-sm {
    padding-bottom: 4px;
}

h1.card-title {
    font-size: 16pt;
}

.card {
    transition: .2s ease-out;
}

.card.card-img.no-after {
    background-color: #d4dee6;
}

div.card.card-no-img:hover {
    background-color: #0066cc !important;
}

div.card.card-no-img.card-no-link {
    background-color: grey !important;
}

div.card.card-no-img.card-no-link:hover {
    background-color: darkgrey !important;
}

div.card.card-no-img.card-no-link a:hover [title] {
    cursor: not-allowed;
}

div.card.card-img:hover div a h1 {
    color: #004080;
    text-decoration-line: underline;
    transition: .2s ease-out;
}

.card .card-body {
    padding: 24px 0;
}

.card .card-body a {
    color: black;
    text-transform: uppercase;
    text-decoration: none;
}

.card .card-body a h5.card-title {
    color: black;
}

.card .card-body a h5.card-title-custom {
    color: white;
    padding-left: 20px;
}

@media screen and (max-width: 1024px) {

    .banner-bollettini-hp .btn-primary,
    .homepage-news .btn-primary,
    .social-articolo .btn-primary {
        width: 93.5%;
    }
}


@media screen and (max-width: 991px) {

    .banner-bollettini-hp .btn-primary,
    .homepage-news .btn-primary,
    .social-articolo .btn-primary {
        width: 98%;
    }

    .card .card-body a h5.card-title {
        line-height: 0;
    }

    /* in evidenza */
    .banner-no-img-container {
        height: 115px;
    }

}

@media screen and (max-width: 576px) {

    .map-section-external-link-icon {
        position: relative;
        top: -5px;
        right:unset;
    }

    .banner-bollettini-hp .btn-primary,
    .homepage-news .btn-primary,
    .social-articolo .btn-primary {
        width: calc(117% - 19vw);
    }

    .card .card-body h5.card-title {
        font-size: 0.8rem;
    }

/* twitter feed */

.header-twitter,
.timeline-twitter,
.footer-twitter {
    background-color: black;
    color: white;
    padding: 8px 12px;
    transition: .2s ease-out;
}

.header-twitter:hover,
.timeline-twitter:hover,
.footer-twitter:hover {
    background-color: #16181C;
}

.header-twitter {
    border-start-start-radius: 12px;
    border-start-end-radius: 12px;
    border-bottom: 1px solid #333639;
}

.header-twitter .twitter-title {
    color: white;
    font-size: 18pt;
    text-decoration: none;
    transition: .2s ease-out;
}

.header-twitter .twitter-title span {
    font-weight: bold;
}

.header-twitter .twitter-title:hover {
    color: white;
    text-decoration: underline;
}

.twitter-follow {
    height:35px;
    padding: 0px 18px;
    border-radius: 24px;
    font-size: 11pt;
    font-weight: bold;
    border: 0px;
    background-color: #eff3f4;
    color: black;
    text-decoration: none;
    transition: .2s ease-out;
}

.twitter-follow:hover {
    color:black;
    text-decoration: none;
    background-color: #d7dbdc;
}

.timeline-twitter {
    overflow-y:scroll;
    height: 465px;
}

.footer-twitter {
    border-end-start-radius: 12px;
    border-end-end-radius: 12px;
    border-top: 1px solid #333639;
}

.twitter-more {
    height: 35px;
    padding: 0px 18px;
    border-radius: 24px;
    font-size: 11pt;
    font-weight: bold;
    border: 0px;
    background-color: #1d9bf0;
    color: white;
    text-decoration: none;
    transition: .2s ease-out;
}

.twitter-more:hover {
    color: white;
    text-decoration: none;
    background-color: #1a8cd8;
}