/*
 * Theme Name: PUA
 * Description: Starter Theme to use with Timber
 * Author: MonkeySpace3
*/

html{scroll-behavior: smooth;}

body {
    font-family: "Zalando Sans", sans-serif;
    font-optical-sizing: auto;
    font-weight: 400;
    font-style: normal;
    font-size: 18px;
    line-height: 24px;
    color: #575757;
}

.absolute{position: absolute;}
.fixed{position: fixed;}
.relative {position: relative;}

h1{font-size: 32px;}
h2{font-size: 28px;}
h3{font-size: 22px;}
h4{font-size: 18px;}

a, a:hover, a:visited{text-decoration: none; color: #43B03E;}
.sportelli_pua p{margin-bottom: 0;}


.testo_bianco{color:#ffffff !important;}
.testo_blu{color: #43B03E !important;}
.testo_azzurro{color: #E38127 !important;}
.testo_dark{color:#222222 !important;}
.testo_arancione{color:#E38127 !important;}
.testo_verde{color:#43B03E !important;}
.black-cta{color: #000;}
.black-cta:hover{color: #000;}

.mini_text{font-size:10px;}
.text_small{font-size: 14px;}

.bg{background-size: cover; background-repeat: no-repeat; background-position: center;}
.bg_verde{background-color: #43B03E;}
.bg_blu{background-color: #006BD5;}
.bg_azzurro{background-color:#2C779E;}
.bg_celeste{background-color:#F0FFEF;}
.bg_bianco{background-color: #fff;}
.bg_salmone{background-color: #FFFCF6;}
.bg_grigio{background-color: #f9f9f9;}

.black_filter{background: linear-gradient(0deg,rgba(0, 0, 0, 0.75) 0%, rgba(0, 0, 0, 0) 100%);}

.circle{border-radius: 50%;}
.bordered{border: 5px solid #fff;}

.btn {
    border-radius: 5px;
    border: 0;
    text-transform: uppercase;
    font-size: 16px;
    padding: 8px 30px;
}
.btn:hover{background-color: #437000; color:#fff;}
.btn:active, .btn:focus{outline: none; box-shadow: none;}
.btn-verde{background-color: #43B03E; color: #fff;}
.btn-bianco{background-color: #fff; color: #43B03E; border:1px solid #43B03E;}
.main-button{border-radius: 8px; padding: 10px 40px; color: #fff !important; background-color: #43B03E; transition: ease-in-out .2s;}
.main-button:hover{ color: #43B03E !important; border: 1px solid #43B03E; background-color: transparent !important; }

.grey-button{border-radius: 8px; color: #575757 !important; border: 1px solid #575757; padding: 10px 40px; width: fit-content;}
.grey-button:hover{ color: #fff !important; background-color: #575757; transition: ease-in-out .2s;}

button.main-button, a.grey-button{background-color: transparent; padding-top: 5px; padding-bottom: 5px;}
.card_categoria_servizi{
    background-color: #F9F9F9;
    color: #43B03E;
    border-bottom: 5px solid #43B03E;
}
.card_categoria_servizi_titolo{font-size: 20px; line-height: 22px;}

.uppercase {text-transform: uppercase;}
.italic {font-style: italic;}

.light {font-weight: 300;}
.regular {font-weight: 400;}
.medium {font-weight: 500;}
.semibold {font-weight: 600;}
.bold {font-weight: 700;}
.extrabold {font-weight: 800;}
.black {font-weight: 6900;}

.overflow-h{overflow: hidden;}
.flip{-webkit-transform: scale(-1, -1);
    -moz-transform: scale(-1, -1);
    -o-transform: scale(-1, -1);
    transform: scale(-1, -1);}

header.sticky{transition: max-height 0.3s ease-out;}
header.sticky .logo{transition: width 0.3s ease-out;}

header{position: fixed; width: 100%; top:0; background-color: #fff; z-index:101;}
header.sticky{transition: max-height 0.3s ease-out;}
header.sticky .logo{transition: width 0.3s ease-out;}
header ul, footer ul{list-style: none; padding-left: 0; margin-bottom: 0;}
header li, footer li{display: inline-block; margin-right: 15px;}
header li:last-child{margin-right: 0;}
header .nav-main a{color:#3E556B; font-size: 16px; font-weight: 600;}
header .nav-main a:hover, header .nav-main .current_page_item a{color:#43B03E;}

.mega-menu ul{list-style: none; font-size: 1.3rem; line-height: 2.3rem;}
.mega-menu ul li a{color: #575757; font-weight: 600;}
.mega-menu a{color:#fff;}
.mega-menu nav{margin-top: 100px;}

.mega-menu {
    transition: .3s ease-in-out;
    position: fixed;
    padding-bottom: 78px;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 99;
    opacity: 0;
    display: none;
    overflow-y: auto;
    text-align: right;
}
.mega-menu nav {
    padding-top: 170px;
}
.mega-menu.reveal {
    opacity: 1;
    /*background:#000;*/
}
/*.close-menu {*/
/*    height: 30px;*/
/*    cursor: pointer;*/
/*    display: none;*/
/*}*/

.bg_menu {
    height: 100vh;
    width: 100%;
    right: 0;
    z-index: -1;
}

.footer{font-size:12px;}
.footer .social_footer{list-style: none;}
.footer .social_footer li{display: inline-block; margin-right: 5px;}
.footer .social_footer li:last-child{margin-right: 0;}
.footer a, .footer a:hover, .footer a:visited{color:#fff;}

.separatore{width: 100%; height: 1px; background: #fff;}

.main_image{height: 250px;}
.main_slider .swiper-slide{height: 500px;}
.slide_info{position: relative; z-index: 2;}

.swiper-button-next::after, .swiper-button-prev::after {display: none;}
.swiper-button-next {
    background: url("/wp-content/themes/pua/static/img/chevron-right.svg") no-repeat center center;
    background-size: contain;
    width: 60px;
    height: 60px;
}
.swiper-button-prev {
    background: url("/wp-content/themes/pua/static/img/chevron-left.svg") no-repeat center center;
    background-size: contain;
    width: 60px;
    height: 60px;
}

h2.titolo_sezione{font-weight: 500; text-decoration: underline; font-size: 30px; line-height: 32px;}
.titoletto{font-weight: 600; color:#E38127;}
.titolo{font-weight: 500; color:#E38127; font-size: 28px; text-decoration: underline;}

.leggi_tutte_notizie a{text-decoration: underline;}

.lista_notizie h2.titolo_sezione{color:#E38127;}
.lista_notizie .notizia_img{width:100%;}
.lista_notizie .notizia_titolo{color:#E38127; font-size: 22px; line-height: 24px;}
.lista_notizie .notizia_data{color:#43B03E; font-size: 15px;}
.lista_notizie a.leggi_tutto{color:#E38127;}
.lista_notizie .notizia{border-bottom:5px solid #E38127;}
.lista_notizie .leggi_tutte_notizie a{color:#E38127; text-decoration: underline;}

.lista_eventi .notizia_titolo{color:#E38127; font-size: 22px; line-height: 24px;}
.lista_eventi .notizia_data{color:#43B03E; font-size: 15px;}
.lista_eventi .notizia{border-bottom:5px solid #E38127;}

.prossimi_eventi .sub_fascia{background-color: #E38127; height: 240px; width: 100%; position: absolute; top:0; left: 0; z-index: -1;}
.prossimi_eventi h2.titolo_sezione{color:#fff;}
.prossimi_eventi .leggi_tutti_eventi a{color:#fff; text-decoration: underline;}
.back-to-news{width: 280px; border-bottom: 3px solid #E38127;}

/* news / article */
.article-h1{color: #E38127;}
.blog-author{color: #43B03E;}
.tag{border-radius: 8px; color: #E38127 !important; border: 1px solid #E38127; padding: 2px 40px; width: fit-content;}

/* intro */
.intro-text{font-size: 34px; line-height: 44px; color: #575757; font-weight: 300;}
.intro-text p{margin: 0;}

/* rettangolo info */
.rettangolo_info{border: 3px solid #43B03E; border-radius: 8px; background-color: #F0FFEF;}
.info-titolo{color: #43B03E; font-size: 2rem;}
.info-cta{color: #575757; font-weight: 500;}
.info-cta:hover{color:#43B03E;}
.info-descrizione p{ margin-bottom: 0; font-size: 22; font-weight: 300; line-height: 32px;}
.faq-cta, .faq-cta:hover{color: #000 !important;}
.info-opzione{ border-bottom: 3px solid #43B03E;}
.accordion-button, .accordion-button:not(.collapsed){ background-color: #f9f9f9; }
.accordion-button:focus{border-color: transparent; box-shadow: none;}
.accordion-button::after{background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23212529'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e") !important;}
.accordion-item{border: 0 !important}
.accordion-button-title{font-size: 22px !important; color: #E38127; text-decoration: none;}
.plain_text{font-size: 20px; font-weight: 300; line-height: 30px;}
.plain_text strong{font-weight: bold;}
.plain_text p{margin-bottom: 2rem;}
.underline-cta{ border-bottom: 3px solid #E38127;}
.underline-cta-green{ border-bottom: 3px solid #43B03E;}

/* contatti */

.contact-input, .contact-area{
    padding: 10px 20px;
    border: none;
    width: 100%;
    border-bottom: #43B03E 2px solid;
}

.contact-area{
    background-color: #f9f9f9;
    border-bottom: none;
    resize: none;
    padding: 20px;
}

.contact-input:focus, .contact-area:focus{
    outline: none;
}

.contact-btn p, .contatti-descrizione p{
    margin-bottom: 0;
}

.wpcf7-spinner{
    display: none !important;
}

.thick-border{
    border-bottom: 8px solid #43B03E;
}

.medium-border{
    border-bottom: 5px solid #43B03E;
}

.medium-border-orange{
    border-bottom: 5px solid #E38127;
}

.green-border{
    border-color: #43B03E;
}

.orange-border{
     border-color: #E38127;
}

.orange-text{
    color: #E38127;
}

.indirizzo{
    min-height: 72px;
}

.categoria_servizio{text-decoration: underline;}
.img_servizio_box{/*border:1px solid #575757; border-radius: 5px;*/ overflow: hidden;}
.modalita_accesso_box{border:1px solid #43B03E;}
.link_utile{border-bottom: 2px solid #575757; color:#575757; margin-bottom: 15px;}
.link_utile:last-child{margin-bottom: 0;}
.link_utile a{color:#575757; line-height: 1.5rem; display: flex; align-items: center;}
.section_link_utili .link_utile_a::before {
    content: "";
    display: inline-block;
    width: 10px;
    height: 10px;
    background-image: url("/wp-content/themes/pua/static/img/pointer.svg");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    margin-right: 8px;
    vertical-align: middle;
}
.link_utile_a::after {
    content: "";
    display: inline-block;
    width: 10px;
    height: 10px;
    background-image: url("/wp-content/themes/pua/static/img/go_dark.svg");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    margin-left: auto;
}
.servizio_correlato{border-color: #43B03E;}
.lista_servizi_extra .servizio_correlato{border-color: #E38127;}

.rettangolo_assistenti{
    border: 3px solid #43B03E; border-radius: 8px;
}

.video_description{
    font-size: 14px;
    color: #43B03E;
    line-height: 18px;
}

.titolo_assistenti{
    font-size: 26px;
}

.line-height-r{
    line-height: 20px !important;
}

.line-height-32{
    line-height: 32px !important;
}

.titolo_faq{
    background-color: #F9F9F9;
}

.card_servizi{cursor:pointer;}
.lista_servizi {display:none;}

.documenti .notizia_titolo{font-size: 17px; line-height: 20px;}

.form-control:focus{box-shadow: 0 0 0 .25rem rgba(67, 176, 62,.25); border-color:#43B03E;}


/* barra di ricerca */
.search-wrapper {
    position: relative;
}

.search-results {
    display: none;
    position: absolute;
    top: 100%;
    right: 0;
    width: 350px;
    max-height: 400px;
    overflow-y: auto;
    background: #fff;
    border: 1px solid #ddd;
    border-radius: 4px;
    box-shadow: 0 4px 12px rgba(0,0,0,.15);
    z-index: 1000;
}

.search-result-item {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 10px 12px;
    text-decoration: none;
    color: #333;
    border-bottom: 1px solid #eee;
}

.search-result-item:hover {
    background: #f5f5f5;
}

.search-result-item img {
    width: 50px;
    height: 50px;
    object-fit: cover;
    border-radius: 4px;
    flex-shrink: 0;
}

.search-result-text {
    display: flex;
    flex-direction: column;
    min-width: 0;
}

.search-result-type {
    font-size: 11px;
    text-transform: uppercase;
    color: #888;
}

.search-result-text strong {
    font-size: 14px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.search-result-text small {
    font-size: 12px;
    color: #666;
}

.search-no-results {
    padding: 15px;
    text-align: center;
    color: #888;
}

.search-result-item strong {
    color: #333;
}

.search-result-item small {
    color: #666;
}

.search-result-item .search-result-type {
    color: #888;
}

#cercanelsito {
    height: auto;
    padding: 4px 10px;
    font-size: 14px;
}

#searchResultsMobile {
    right: auto;
    left: 0;
    width: 100vw;
    max-width: calc(100vw - 30px);
}

.icone_menu .search-wrapper {
    margin-right: 20px;
}








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

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

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

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