/*
Theme Name: Chiusdino Inera
Author: Inera srl
Description: Tema con base grafica musei civici 
Version: 1.0.0
Text Domain: chiusdino-inera-theme
*/

/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
@import url("https://fonts.googleapis.com/css2?family=Titillium+Web:ital,wght@0,200;0,300;0,400;0,600;0,700;0,900;1,200;1,300;1,400;1,600;1,700&display=swap");

/*general*/

.ratio img {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    object-fit: cover;
}

.section-background {
    background-color: #f9f9fc;
}

.type-chip .badge {
    background-color: #e7ecff;
    color: #2F475E;
    padding-left: 10px;
    padding-right: 10px;
    font-size: smaller;
    font-weight: 400;
}

.form-group {
    position: relative;
    margin-bottom: 3rem;
    margin-top: 0;
}


input[type="date"],
input[type="datetime-local"],
input[type="email"],
input[type="number"],
input[type="password"],
input[type="search"],
input[type="tel"],
input[type="text"],
input[type="time"],
input[type="url"],
textarea {
    border: none;
    border-bottom: 1px solid #5d7083;
    border-radius: 0;
    padding: .375rem .5rem;
    padding-left: 0.5rem;
    outline: 0;
    width: 100%;
    box-shadow: none;
    transition: none;
}

/*padding*/
.pt-6,
.py-6 {
    padding-top: 4.5rem !important;
}

.pb-lg-80 {
    padding-bottom: 80px !important;
}

/*margin*/
.mb-5rem {
    margin-bottom: 5rem !important;
}

.mb-5rem {
    margin-bottom: 5rem !important;
}

.mt-6,
.my-6 {
    margin-top: 4.5rem !important;
}

/* sidebar pages */
.sidebar-1 .navbar.it-navscroll-wrapper #navbarNavProgress {
    width: 70%;
}

.sidebar-1 .navbar.it-navscroll-wrapper .link-list-wrapper.dropdown .dropdown-menu {
    max-height: 100% !important;
    max-width: 100% !important;
    position: relative;
    width: 100%;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
}

.sidebar-1 .navbar.it-navscroll-wrapper .link-list-wrapper ul {
    padding-left: 0 !important;
}

.sidebar-1 .navbar.it-navscroll-wrapper .link-list-wrapper ul li a span {
    margin-top: auto;
    margin-bottom: auto;
    color: #06c !important;
}

.sidebar-1 .navbar.it-navscroll-wrapper .link-list-wrapper ul li a.active span {
    color: black !important;
}

.sidebar-1 .navbar.it-navscroll-wrapper .link-list-wrapper ul li a {
    height: 60px;
    display: flex;
}

@media (min-width: 992px) {
    .sidebar-1 .navbar.it-navscroll-wrapper .link-list-wrapper.dropdown .dropdown-menu {
        display: block !important;
    }

    .navbar.it-navscroll-wrapper .link-list-wrapper ul li a {
        font-size: 1rem;
        font-weight: 600;
        line-height: 1rem;
        padding-top: .55em;
        padding-bottom: .55em;
    }
}

/* header */
.it-header-wrapper .it-header-center-wrapper .it-search-wrapper .btn.search-link {
    background-color: #06c;
    width: 48px;
    height: 48px;
    border-radius: 24px;
    color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-left: 16px;
    transition: all .3s;
}

/* modal search */
.search-modal .modal-dialog {
    max-width: 100%;
    margin: 0;
    height: 100vh;
}

.search-modal .modal-dialog .modal-content {
    height: 100%;
}

.search-modal .modal .modal-dialog .modal-content .modal-body {
    padding: 24px !important;
    padding-bottom: 0 !important;
}

.search-modal .modal-body {
    overflow-y: auto;
}

.search-modal .modal-title {
    display: flex;
    align-items: center;
    box-shadow: 0px 12px 40px rgba(0, 0, 0, 0.06);
    padding: 1.125rem 1.5rem;
    font-weight: 600;
    line-height: 1.5;
    color: var(--grey-light);
    margin-bottom: 4.375rem;
}

.search-modal .modal-title h2 {
    font-weight: 600;
    line-height: 1.5;
}

.search-modal .form-group {
    display: flex;
    align-items: flex-end;
    gap: 1.875rem;
    padding-left: 1.5rem;
    padding-right: 1.5rem;

}

.search-modal .form-group .autocomplete-icon {
    left: 20px;
    top: 50%;
    right: auto;
    transform: translateY(-50%);
}

.search-modal .form-group label {
    opacity: 0;
    visibility: hidden;
}

@media (min-width: 768px) {
    .search-modal .form-group input {
        height: auto;
    }

    .search-modal .modal-title {
        box-shadow: none;
        justify-content: space-between;
        line-height: 1.1;
    }
}

@media (min-width: 576px) {
    .search-modal .form-group {
        gap: 1.67rem;
        padding-left: 1.33rem;
        padding-right: 1.33rem;
    }
}

/* pagination */
nav.pagination-wrapper {
    justify-content: center !important;
}

/*banner home 1*/


.banner-1 {
    opacity: 1;
    background-color: #004372 !important;
}

.banner-1 .img-responsive-wrapper .img-responsive .img-wrapper {
    opacity: 0.2;
}

.banner-1 .it-hero-text-wrapper {
    max-width: 100% !important;
}

.banner-1 .it-hero-text-wrapper h1 {
    font-weight: 700;
    letter-spacing: -2px;
    width: fit-content;
}

.banner-1 .it-hero-text-wrapper h2 {
    font-weight: unset;
    width: 70%;
}

.banner-1 .card-container {
    margin: 40px 0px 20px;
    display: flex;
}

.banner-1 .card-container .card:not(:first-child) {
    margin-left: 30px;
}

.banner-1 .it-btn-container {
    display: block;
}

.banner-1 .it-btn-container .btn {
    color: white;
}

.banner-1 .it-btn-container .btn.btn-outline-primary {
    box-shadow: inset 0 0 0 2px white;
}

.banner-1 .it-btn-container .btn.btn-light {
    color: var(--text-primary);
    background-color: white !important;
}

.banner-1 .it-btn-container .btn:not(:first-child) {
    margin-left: 30px;

}


@media (min-width: 992px) {
    .banner-1.it-hero-wrapper {
        min-height: 600px !important;
    }

    .banner-1 .it-hero-text-wrapper {
        padding: 20px 0% 168px 0px !important;
    }
}

@media (min-width: 750px) and (max-width: 992px) {
    .banner-1 .it-hero-text-wrapper h2 {
        width: 100%;
    }
}

@media (max-width: 992px) {
    .banner-1 .card-container {
        display: block;
    }

    .banner-1 .it-btn-container {
        display: grid;
    }


    .banner-1 .it-btn-container .btn:not(:first-child) {
        margin-left: 0px;
        margin-top: 20px;
    }
}


/* banner home 2 */

.banner-5 h1 {
    font-size: 3.5rem !important;
}

.banner-5 h2 {
    font-weight: 400;
}

.banner-5 .img-responsive-wrapper::after {
    background: linear-gradient(180deg, transparent 0, rgba(0, 0, 0, .65));
}

@media (min-width: 576px) {
    .banner-5 .it-hero-wrapper .it-hero-text-wrapper {
        padding: 120px 40% 48px 0px;
    }
}

@media (max-width: 576px) {
    .banner-5 .it-hero-wrapper .it-hero-text-wrapper {
        text-align: center;
    }
}

@media (min-width: 992px) {
    .banner-5.it-hero-wrapper {
        position: relative;
        min-height: 620px !important;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }
}

/* banner home 3*/
.banner-6 {
    opacity: 1;
    background-color: transparent !important;
}

.banner-6.it-hero-wrapper  .it-hero-text-wrapper {
    max-width: 100% !important;
    background-color: #004372!important;
}

.banner-6 .it-hero-text-wrapper h1 {
    font-weight: 700;
    letter-spacing: -2px;
}

.banner-6 .banner-6-elements{
    position: relative;
    overflow: hidden;
}

.banner-6 img {
    position: absolute;
    width: 100%;
    top: 0;
    bottom: 0;
}

@media (min-width: 992px) {
    .banner-6.it-hero-wrapper {
        min-height: 500px !important;
    }
}

@media (min-width: 750px) and (max-width: 992px) {
    .banner-6 .it-hero-text-wrapper h2 {
        width: 100%;
    }
}

@media (max-width: 992px) {
    .banner-6 .card-container {
        display: block;
    }

    .banner-6 .it-btn-container {
        display: grid;
    }


    .banner-6 .it-btn-container .btn:not(:first-child) {
        margin-left: 0px;
        margin-top: 20px;
    }
}

/* banner search */

.banner-2 {
    background-color: #004372 !important;
}

.banner-2.it-hero-wrapper {
    min-height: 0;
}

.banner-2.it-hero-wrapper .it-hero-text-wrapper {
    display: flex;
    justify-content: space-between;
    padding: 40px 0 40px 10px;
}

@media (min-width: 992px) {
    .banner-2.it-hero-wrapper {
        max-height: 152px;
    }

    .banner-2.it-hero-wrapper h1 {
        font-size: 48px;
        margin-bottom: 0 !important;
    }
}

/* banner notizie */
.banner-3 {
    position: relative;
}

@media (min-width: 992px) {
    .banner-3 {
        min-height: 600px;
    }
}

.banner-3 .row {
    width: 100%;
}

@media (max-width: 768px) {
    .banner-3 .row {
        flex-direction: column-reverse;
    }
}

.banner-3 .banner-image {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 300px;
    object-fit: cover;
}

@media (min-width: 992px) {
    .banner-3 .banner-image {
        left: 50%;
        width: 50%;
        height: 100%;
    }
}

.banner-3 .banner-content {
    padding-top: 324px;
    padding-bottom: 24px;
}

@media (min-width: 992px) {
    .banner-3 .banner-content {
        padding-top: 0;
    }
}


.banner-3 h2 .icon {
    width: 40px;
    height: 40px;
}

.banner-3 .infos {
    font-weight: bold;
    color: black;
}

.banner-3 .share-button {
    color: black;
    fill: black;
    padding: 0px;
}

.banner-3 .share-button .icon {
    width: 26px;
    height: 26px;
}

.banner-3 .banner-content .type-chip .badge {
    background-color: #e7ecff;
    color: black;
    font-size: initial;
    font-weight: 400;
}

.banner-3 .img-fluid {
    object-fit: cover;
    height: 100%;
}

@media (min-width: 992px) {
    .banner-3 .img-fluid {
        object-fit: cover;
        min-height: 500px;
    }
}

/* */

.banner-4.it-hero-wrapper {
    min-height: 0;
  }

  .banner-2 {
    background-color: var(--main-primary) !important;
  }

  .banner-4.it-hero-wrapper .it-hero-text-wrapper {
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 40px 0 40px 10px;
  }

  @media (min-width: 992px) {
    .banner-4.it-hero-wrapper h1 {
      font-size: 48px;
      margin-bottom: 0 !important;
    }
  }
/*breadcrumb*/
.breadcrumb-trail.breadcrumbs {
    margin-top: 1.5rem;
}

.breadcrumbs .breadcrumbs-list {
    padding: .5em 0;
    padding-left: 0px;
    border-radius: 0;
    margin-bottom: 1.5rem !important;
    list-style: none !important;
    display: flex;
    flex-wrap: wrap;
}

.breadcrumbs-list li {
    width: fit-content;
    margin-right: 0.5rem;
}

.breadcrumbs-list li::before {
    margin-right: 0.5rem;

}

/*cards */

.card {
    text-decoration: none !important;
}

.card::after {
    margin: 0 !important;
}

.card .card-body .type-chip {
    margin-top: auto;
}

/* card-1 in banner home */
.card-1 {
    width: 100% !important;
    height: fit-content;
    margin-bottom: 0;
    height: 100% !important;
}

.card-1 .row .col-7 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    background-color: #002b46;
}


.card-1 {
    width: 100% !important;
    height: fit-content;
    margin-bottom: 0rem;
    height: 100%;
}

.card-1 .row {
    width: 100%;
    height: 100%;
}

.card-1 .col-7 {
    display: flex;
    background-color: #002b46;
}

.card-1 .card-image {
    height: 100%;
}

.card-1 .card-image .ratio {
    padding-top: 0%;
    height: 100%;
}

.card-1 .card-body {
    margin-top: auto;
    margin-bottom: auto !important;
}

.card-1 .card-body .card-title {
    font-weight: 600;
    margin-bottom: 0px !important;
    color: white !important;
}

@media (max-width: 767px) {
    .card-1 {
        margin-bottom: 2rem !important;
        height: auto !important;
    }

    .card-1 .card-body {
        padding: 12px !important;
    }
}

/*cards infos*/
.card-2 .card-body {
    width: 100%;
    background-color: #f9f9fc;
    padding: 30px !important;
    display: flex;
    flex-flow: column;
}

.card-2 {
    border-bottom: 4px solid #06c !important;
}

.card-2 .card-body .top-icon.with-title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.card-2 .card-body .read-more-link {
    margin-top: auto !important;
    padding-top: 32px;
    text-decoration: none;
    position: static !important;
}

.card-2 a.read-more .icon {
    width: 24px;
    height: 24px;
    vertical-align: bottom;
}

/*cards highlight*/
.pre-card {
    margin-bottom: 40px;
}

.card-3 {
    box-shadow: 0px 6px 17px -4px rgba(0, 0, 0, 0.305);
    width: 100% !important;

}

.card-3.row.g-0 {
    width: 100%;
}

.card-3 .card-body {
    padding: 34px;
    height: 100%;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

.card-3.row.g-0 .col-md-6 .card-body {
    padding: 34px;
    height: 100%;
    position: relative;
    display: flex;
    flex-direction: column;

}


.card-3 .col-md-6 .card-body h3 {
    font-weight: bold;

}

.card-3 .col-md-6 .card-body .card-text {
    margin-top: 1.5rem;
}

.card-3 .col-md-6 .card-body p {
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 5;
    line-clamp: 5;
    -webkit-box-orient: vertical;
}

.card-3 .col-md-6 .card-body .card-info {
    font-weight: 500;
    color: var(--main-secondary);
}

.card-3 .col-md-6 .ratio {
    padding-top: 55%;
    height: 100%;
}

.card-3 img.img-fluid {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    object-fit: cover;
}

/* cards quadrate custom post 1 */
.card-4 .card-body {
    padding: 16px 0 24px !important;
}

.card-4 .card-body .card-title {
    font-weight: 500;
}

.card-4 {
    background-color: transparent !important;
    width: 100% !important;
    margin-bottom: 0;
    height: 100% !important;
}

.card-square-1 .ratio {
    padding-top: 0;
    height: auto;
}

/* cards last news */
.card-5 .card-body .card-title {
    font-weight: 500;
}

.card-5 .card-body .date {
    text-align: end;
    font-weight: 500;
    color: var(--text-light-muted);
}
/*color link sub-nav */
.dropdown-menu span {
    color: white !important;
}

.it-header-slim-right-zone .dropdown-menu{
    background-color: white!important;
}

.it-header-slim-right-zone .dropdown-menu::before {
    background: white!important;
  }

.it-header-slim-right-zone  .dropdown-menu span {
    color: #06c !important;
}
/*newsletter */

@media (min-width: 992px) {
    .newsletter {
        padding-left: 250px !important;
        padding-right: 250px !important;
    }
}

.form-control {
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, .075);
}

.navbar .navbar-collapsable .navbar-nav li.nav-item a.nav-link {
    font-weight: 600 !important;
}

/*iframe in post */
.it-page-section iframe {
    width: 100% !important;
}

/*bg */
.bg-main-primary{
    background-color: #004372!important;
}

/* read more*/
a.read-more .icon {
    width: 25px!important;
    height: 25px!important;
    margin-bottom: .5rem;
}

.cmplz-cookiebanner.banner-1 {
    background-color: white !important;
}