﻿@keyframes fadein {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@-moz-keyframes fadein {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@-webkit-keyframes fadein {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@-ms-keyframes fadein {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@-o-keyframes fadein {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.border-bottom-none {
  border-bottom: 0 none !important;
}

.border-top-none {
  border-top: 0 none !important;
}

.border-top-azurel {
  border-top: 0.5px solid #C2DAF6 !important;
}

.border-bottom-azure {
  border-bottom: 0.5px solid #C2DAF6 !important;
}

/* Bootstrap xl*/
@media (min-width: 1200px) {
  .border-bottom-xl-none {
    border-bottom: 0 none !important;
  }
  .border-top-xl-none {
    border-top: 0 none !important;
  }
  .border-bottom-azure-xl {
    border-top: 0.5px solid #C2DAF6 !important;
  }
  .border-bottom-azure-xl {
    border-bottom: 0.5px solid #C2DAF6 !important;
  }
}
/* Bootstrap lg*/
@media (min-width: 992px) {
  .asso .border-bottom-lg-none {
    border-bottom: 0 none !important;
  }
  .asso .border-top-lg-none {
    border-top: 0 none !important;
  }
  .asso .border-bottom-azure-lg {
    border-top: 0.5px solid #C2DAF6 !important;
  }
  .asso .border-bottom-azure-lg {
    border-bottom: 0.5px solid #C2DAF6 !important;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .asso .border-bottom-lg-none {
    border-bottom: 0 none !important;
  }
  .asso .border-top-lg-none {
    border-top: 0 none !important;
  }
  .asso .border-bottom-azure-lg {
    border-top: 0.5px solid #C2DAF6 !important;
  }
  .asso .border-bottom-azure-lg {
    border-bottom: 0.5px solid #C2DAF6 !important;
  }
  .asso .gallery .owl-carousel .owl-nav {
    left: 0 !important;
    right: 0 !important;
  }
}
/* Bootstrap md*/
@media (min-width: 768px) {
  .asso .border-bottom-md-none {
    border-bottom: 0 none !important;
  }
  .asso .border-top-md-none {
    border-top: 0 none !important;
  }
  .asso .border-top-azure-md {
    border-top: 0.5px solid #C2DAF6 !important;
  }
  .asso .border-bottom-azure-md {
    border-bottom: 0.5px solid #C2DAF6 !important;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .asso {
    /*.logos, .perche-associarsi {
        margin: 25px 0;
    }*/
  }
  .asso header .top-bar .search-container {
    margin-left: 0;
  }
  .asso .banner .item .text .title {
    font-size: 2.2rem;
  }
  .asso .banner .item .text .sub, .asso .banner .item .text pre {
    font-size: 1.7rem;
  }
  .asso .gallery {
    margin: 20px 50px;
  }
  .asso .gallery .owl-carousel .owl-nav {
    left: -30px !important;
    right: -30px !important;
  }
  .asso .documents.link .item.faq .content .summary {
    font-size: 110%;
  }
}
/* Bootstrap sm*/
@media (min-width: 576px) {
  .asso .border-bottom-sm-none {
    border-bottom: 0 none !important;
  }
  .asso .border-top-sm-none {
    border-top: 0 none !important;
  }
  .asso .border-top-azure-sm {
    border-top: 0.5px solid #C2DAF6 !important;
  }
  .asso .border-bottom-azure-sm {
    border-bottom: 0.5px solid #C2DAF6 !important;
  }
}
@media (min-width: 576px) and (max-width: 767px) {
  .asso {
    /*section.middle {
        .col-12 {
            margin-bottom: 20px;
            position: relative;
        }

        .col-12:before {
            content: "";
            height: 1px;
            width: calc(100% - 30px);
            background-color: white;
            position: absolute;
            top: -10px;
            left: 15px;
            opacity: .5;
        }

        .col-12:last-of-type {
            margin-bottom: 0;
        }

        .col-12:last-of-type:before,
        .col-12:first-of-type:before {
            display: none;
        }
    }*/
    /*.gallery {
        margin: 20px 10px;
    }*/
  }
  .asso header .top-bar .search-container {
    margin-left: 0;
  }
  .asso .form .btn-primary {
    width: 100%;
  }
  .asso section.social li > a > span:last-of-type {
    display: none;
  }
  .asso .logos, .asso .perche-associarsi {
    margin: 0;
  }
  .asso .slider .owl-dots {
    display: none;
  }
  .asso .slider .banner {
    left: 1rem;
    bottom: 1rem;
    max-width: none;
  }
  .asso .slider .banner h2 {
    font-size: 1.5rem;
    font-weight: bold;
  }
  .asso .slider .banner .more {
    font-size: 0.9rem;
  }
  .asso .banner .item .text {
    left: 20px;
    right: 20px;
  }
  .asso .banner .item .text .title {
    font-size: 2rem;
  }
  .asso .banner .item .text .sub, .asso .banner .item .text pre {
    font-size: 1.5rem;
  }
  .asso main .sf_colsOut .sf_colsIn {
    height: auto !important;
    -webkit-justify-content: center;
    justify-content: center;
  }
  .asso main .sf_colsOut.title {
    padding-left: 0;
  }
  .asso main .sf_colsOut.title .sf_colsIn {
    padding: 30px 0;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
  }
  .asso main .single-link > div {
    height: auto !important;
    padding-left: 0.9375rem;
    padding-right: 0.9375rem;
  }
  .asso main .documents.link .content .summary, .asso main .documents.link .content h1, .asso main .documents.link .content h2, .asso main .documents.link .content h3 {
    padding-left: 0.9375rem;
    padding-right: 0.9375rem;
  }
  .asso main .documents.link .item.faq .content {
    padding: !important;
  }
  .asso main .documents.link .item.faq .content .summary {
    font-size: 110%;
  }
  .asso .news-item .download a {
    font-size: 1.5rem;
  }
  .asso .sfContentBlock img {
    max-width: 100%;
  }
}
/* Bootstrap xs*/
@media (max-width: 575px) {
  .asso {
    /*section.middle {
        .col-12 {
            margin-bottom: 20px;
            position: relative;
        }

        .col-12:before {
            content: "";
            height: 1px;
            width: calc(100% - 30px);
            background-color: white;
            position: absolute;
            top: -10px;
            left: 15px;
            opacity: .5;
        }

        .col-12:last-of-type {
            margin-bottom: 0;
        }

        .col-12:first-of-type:before {
            display: none;
        }
    }*/
    /*.gallery {
        margin: 20px 10px;
    }*/
  }
  .asso header .top-bar .search-container {
    margin-left: 0;
  }
  .asso .form .btn-primary {
    width: 100%;
  }
  .asso .slider .owl-dots {
    display: none;
  }
  .asso .slider .banner {
    left: 0.5rem;
    bottom: 0.5rem;
    max-width: none;
  }
  .asso .slider .banner h2 {
    font-size: 1.2rem;
    font-weight: bold;
  }
  .asso .slider .banner .more {
    font-size: 0.8rem;
  }
  .asso section.social li > a > span:last-of-type {
    display: none;
  }
  .asso .logos, .asso .perche-associarsi {
    margin: 0;
  }
  .asso .news-item .download a {
    font-size: 1.5rem;
  }
  .asso .banner .item .text {
    left: 20px;
    right: 20px;
  }
  .asso .banner .item .text .title {
    font-size: 2rem;
  }
  .asso .banner .item .text .sub, .asso .banner .item .text pre {
    font-size: 1.5rem;
  }
  .asso main .sf_colsOut .sf_colsIn {
    height: auto !important;
    -webkit-justify-content: center;
    justify-content: center;
  }
  .asso main .sf_colsOut.title {
    padding-left: 0;
  }
  .asso main .sf_colsOut.title .sf_colsIn {
    padding: 30px 0;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
  }
  .asso main .single-link > div {
    height: auto !important;
    padding-left: 0.9375rem;
    padding-right: 0.9375rem;
  }
  .asso main .documents.link .content .summary, .asso main .documents.link .content h2, .asso main .documents.link .content h3, .asso main .documents.link .content h1 {
    padding-left: 0.9375rem;
    padding-right: 0.9375rem;
  }
  .asso main .documents.link .item.faq .content {
    padding: 0 !important;
  }
  .asso main .documents.link .item.faq .content .summary {
    font-size: 110%;
  }
  .asso .sfContentBlock img {
    max-width: 100%;
  }
}
