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

@import url('https://fonts.googleapis.com/css2?family=Barlow:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');

html{scroll-behavior: smooth;}

body {
    font-family: "Barlow", sans-serif;
    font-size: 18px;
    font-weight: 400;
    color: #3C3C3B;
}

.pagenotfound{height: 100lvh; background: url('static/img/bg.jpg') no-repeat center center; }

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

p {
    margin-bottom: 0;
}

h1, h2{font-size: 48px; line-height: 56px;}
h3{font-size: 26px;}
h4{font-size: 22px;}

a, a:hover, a:visited{text-decoration: none; color: #07943E;}

.cta a::after {
    content: "";
    display: inline-block;
    width: 1em;
    height: 0.9em;
    margin-left: 0.8em;
    background: url('static/img/go.svg') no-repeat center center;
    background-size: contain;
}

.testo_bianco{color:#ffffff !important;}
.testo_azzurro{color:#3F82A3 !important;}
.testo_verde{color:#07943E !important;}
.testo_grigio{color:#3C3C3B !important;}

.mini_text{font-size:13px; line-height: 15px;}
.micro_text{font-size:10px; line-height: 12px;}
.footer_text{font-size:12px; line-height: 13px;}

.bg{background-position: center; background-size: cover;}

.bg_bianco{background-color:#fff;}
.bg_azzurro{background-color:#3F82A3; color:#fff;}
.bg_verde{background-color:#07943E; color:#fff;}
.bg_verde_original{background-color:#07943E; color:#fff;}
.bg_grigio{background-color:#3C3C3B; color:#fff;}
.bg_grigio_chiaro{background-color:#f0f0f0;}

.bg_gradient_1{background: #EDFFF1; background: linear-gradient(90deg,rgba(237, 255, 241, 1) 0%, rgba(245, 245, 245, 1) 100%);}

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

.btn {
    border: 1px;
    border-radius: 0;
    border-style: solid;
    border-color: #07943E;
    font-weight: 400;
    text-transform: uppercase;
    font-size: 13px;
    padding: 8px 30px;
    color: #07943E;
}
.btn:hover{background-color: #07943E; color:#fff;}
.btn:active, .btn:focus{outline: none;box-shadow: none;}
.btn-bianco{background-color: #ffffff; color: #07943E; border-color:#07943E;}
.btn-azzurro{background-color: #3F82A3; color: #ffffff;}
.btn-verde{background-color: #07943E; color: #ffffff;}
.btn-grigio{background-color: #3C3C3B; color: #ffffff;}
.btn-azzurro a, .btn-verde a{color:#ffffff;}
.btn-verde:hover{opacity: 0.7;}
.btn.active{background-color: #07943E; color: #ffffff;}

.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: 900;}

.bordo_verticale{width:1px; height: 50px; display: inline-block;}

.overflow-h{overflow: hidden;}

.mega-menu ul{list-style: none; font-size: 1.8rem;}
.mega-menu .menu a{color:#FFF;}
.mega-menu nav{margin-top: 100px;}

header{position: relative; width: 100%; top:0; background-color: #fff; z-index: 101; /*border-bottom-width: 10px; border-left-width: 0; border-right-width: 0; border-style: solid; border-image: linear-gradient(to right, #0B8148, #3F82A3)  0 0 100%;*/ box-shadow: 0 2px 2px #f0f0f0;}
header.sticky{transition: max-height 0.3s ease-out;}
header.sticky .logo{transition: width 0.3s ease-out;}
header ul{list-style: none; padding-left: 0; margin-bottom: 0;}
header li{display: inline-block; margin-right: 60px;}
header li:last-child{margin-right: 0; border: 1px solid #07943E; padding:2px 20px; color:#07943E;}
header .menu-item-has-children li:last-child{border:0;}
header li:last-child a{color:#07943E;}
header a, header a:visited{color:#3D3D3D;}
header li.current-menu-item a{color:#07943E;}

.social_footer{margin-left: 0; list-style: none;}
.social_footer li{display: inline-block; margin-right:2px;}
.social_footer li:last-child{margin-right:0;}

.icone_menu img{height: 24px; cursor: pointer;}

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

.mega-menu ul{list-style: none; font-size: 1.3rem; line-height: 2.3rem;}
.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: center;
}
.mega-menu nav {
    padding-top: 70px;
}
.mega-menu.reveal {
    opacity: 1;
    background:#3F82A3;
}

.board_foto img{border-radius: 50%; width: 50%; border:4px solid #07943E;}
.board_nome{font-size: 20px; line-height: 22px;}
.board_descrizione{font-size: 14px; line-height: 16px;}

.titolo_sezione{color:#07943E;}


.bg_image {
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}

.size_titolo {
    word-wrap: break-word;
    hyphens: auto;
    line-height: 1.2;
    font-size: 3rem;
}

.opacity-50 {
    opacity: 50%;
}

input {
    width: 100%;
    height: 35px;
    border-radius: 5px;
    border: 1px solid #07943E;
    padding: 0 10px;
}

select {
    width: 100%;
    height: 35px;
    border-radius: 5px;
    border: 1px solid #07943E;
    padding: 0 10px;
    background-color: #fff;
    cursor: pointer;
}

label {
    font-weight: bold;
}

input[type="checkbox"] {
    appearance: none;
    width: 15px !important;
    height: 15px;
    border: 1px solid #07943E;
    border-radius: 3px;
    position: relative;
    outline: none;
    cursor: pointer;
    padding: 0;
    margin-left: -15px;
}

input[type="checkbox"]:checked {
    background-color: #3F82A3;
    border-color: #3F82A3;
    color: white;
    background-position: center;
    background-repeat: no-repeat;
    background-size: 75% 75%;
    background-image: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" fill="white"%3E%3Cpath fill-rule="evenodd" d="M13.854 4.646a.5.5 0 00-.708 0l-6 6a.5.5 0 01-.708 0l-2.5-2.5a.5.5 0 10-.708.708l2.5 2.5a1.5 1.5 0 002.121 0l6-6a.5.5 0 000-.708z"%3E%3C/path%3E%3C/svg%3E');
}

input:focus {
    outline: none;
    border-color: #3F82A3;
    box-shadow: none;
}

#nome_registrazione, #cognome_registrazione, #email_registrazione, #regione_registrazione, #professione_registrazione    {
    opacity: 50%;
}

.button_registrati {
    border: 1px solid #07943E;
    border-radius:0;
    color: #07943E;
    background-color: transparent;
}
.button_registrati:hover{background-color: #fff;}

.descrizione_prog{font-size: 26px; line-height: 30px;}

.separatore{
    border-top-width: 10px;
    border-left-width: 0;
    border-right-width: 0;
    border-style: solid;
    border-image: linear-gradient( to right, #07943E, #3F82A3 ) 100% 0 0 0;
}

.desc_evento{font-size: 15px;}
.titolo_single_event{hyphens: none; word-wrap: normal; overflow-wrap: normal; font-size: 2rem;}

.video_progetto_hp{margin-top: 0 !important;}

.registrazione_evento .bg_image{background-position: bottom right;}
.container_mcr .row{position:relative; z-index: 2;}
.row_img_banner{position: absolute; bottom:-20px; right: 0;}

/*
.iscrizioni_chiuse{display: none; line-height: 30px;}
.disabilita_si .evento_link_registrazione{display: none;}
.disabilita_si .iscrizioni_chiuse{display: block;}
 */

.testo_intro_scheda{font-size: 26px; line-height: 32px;}
.video_registrazione{cursor: pointer;}

/* header dropdown items */
li.menu-item-has-children {
    position: relative;
}
li.menu-item-has-children > a::after {
    content: '▼';
    color: #07943E;
    scale: 0.6;
    display: inline-block;
}
li.menu-item-has-children > ul {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    background: white;
    color: #3d3d3d !important;
    padding: 0.5rem;
    border-radius: 0 0 5px 5px;
    /*border: 1px solid #0b8148;*/
}
header li.menu-item-has-children > ul {
    display: none;
    position: absolute;
    bottom: 0;
    transform: translate(-50%, 100%);
    width: max-content;
    left: 50%;
}
li.menu-item-has-children > ul a {
    color: #3d3d3d !important;
}
li.menu-item-has-children > ul a:hover {
    color: #07943E !important;
}
li.menu-item-has-children:hover > ul {
    display: flex;
    z-index: 100;
}
header li.menu-item-has-children:hover > a::after {
    content: '▲';
}
li.menu-item-has-children ul li {
    margin: 0 0 5px !important;
}
li.menu-item-has-children ul li:last-child {
    margin:0 !important;
}



/*DEL*/
.card_percorso_titolo{font-size: 20px; line-height: 22px;}

.card_specifiche{border: 1px solid #ECECEC;}
.ico_pro img{height: 85px;}
.titolo_card{font-weight: 500; font-size:26px; line-height: 28px;}

.corso_azzurro{border-bottom: 1px solid #1D9EC9;}
.corso_verde{border-bottom: 1px solid #20A29B;}
.corso_rosso{border-bottom: 1px solid #DF6A83;}
.corso_blu{border-bottom: 1px solid #457499;}
.corso_lilla{border-bottom: 1px solid #9276BF;}

.card_evento{border: 1px solid #ECECEC; border-radius: 5px;}
.eventi .titolo_evento{font-size: 26px; line-height: 30px; font-weight: 500;}
.cta_evento{border-top: 1px solid #F5F5F5;}

.selezione_tab_evento{list-style: none; padding-left: 0;}
.selezione_tab_evento li{border-bottom: 1px solid #D9D9D9; padding-top: 25px; padding-bottom: 25px; cursor:pointer;}
.selezione_tab_evento li:first-child{padding-top: 0;}
.selezione_tab_evento li.active{color:#07943E; font-weight: 700;}

.nome_relatore{border-top: 1px solid #07943E;}
.documento_scaricabile{border-bottom: 1px solid #D9D9D9;}

.registrati_form label, .registrati_form br{display: none;}

.select_eventi{list-style: none; padding-left: 0;}
.select_eventi li{display: inline-block; margin-right: 15px;}

.accordion-button:not(.collapsed){background-color: transparent;}
.accordion-button:focus{box-shadow: none;}

.nav-tabs button{border:0 !important; border-bottom: 1px solid #D9D9D9 !important; color:#D9D9D9; font-size: 26px; line-height: 28px; font-weight: 500;}
.nav-tabs button:hover{color:#07943E;}
.nav-tabs button.active{color:#07943E; border-bottom: 3px solid #07943E !important;}
.foto_relatore{height: 120px;}
.foto_relatore img{height: 100%; border-radius: 10px;}

.del_presentazione_progetto_video .swiper-pagination{bottom:0;}

.swiper-pagination-bullet{border: 1px solid #07943E; background-color: transparent;}
.swiper-pagination-bullet.swiper-pagination-bullet-active{background-color: #07943E;}
.swiper-button-next, .swiper-button-prev{top: 95%;}

/* Nascondo le icone di default */
.swiper-button-next::after,
.swiper-button-prev::after {
    display: none;
}

/* Aggiungo la tua icona personalizzata */
.swiper-button-next {
    background: url("static/img/ico_del_next.svg") no-repeat center center;
    background-size: contain; /* ridimensiona correttamente */
    width: 40px;  /* dimensioni pulsante */
    height: 40px;
}

.swiper-button-prev {
    background: url("static/img/ico_del_prev.svg") no-repeat center center;
    background-size: contain;
    width: 40px;
    height: 40px;
}

.pagenotfound h1.title_page{font-size: 70px; line-height: 74px;}







@media screen and (min-width: 1024px) {
    .board_descrizione{min-height: 70px;}
}

@media screen and (min-width: 768px) {
    .foto_relatore{max-width: 65%;}
}

@media screen and (max-width: 991px) {
    .container_mcr{padding-bottom: 100px;}
}

@media screen and (max-width: 767px) {
    .row_img_banner{bottom: 20px;}
    li.menu-item-has-children > a::after {
        color: white;
        /*content: '▲';*/
        content: '▼';
    }
    li.menu-item-has-children > ul {
        padding: 0.2rem;
        background: transparent;
    }
    li.menu-item-has-children > ul a {
        color: #ddd !important;
    }

    nav ul ul{display: none; padding-left: 15px;}
    nav li {cursor: pointer;}
}

@media screen and (max-width: 480px) {
    h1, h2{font-size: 34px; line-height: 42px;}
    .titolo_single_event{font-size: 1.4rem;}

    .nav-tabs button{font-size: 22px; line-height: 24px;}
}