/*
 * Theme Name: Agenzia di Sviluppo
 * Description: Starter Theme to use with Timber
 * Author: MS3
*/

html{scroll-behavior: smooth;}

body {
    font-family: 'Titillium Web', sans-serif;
    font-size: 16px;
    font-weight: 400;
    color: #4B5E77;
}

.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: #00B4F1;}
.bg_celeste a, .bg_celeste a:hover, .bg_celeste a:visited{color:#fff;}

.testo_bianco{color:#ffffff;}
.testo_celeste{color:#00B4F1;}

.mini_text{font-size:10px;}

.bg_bianco{background-color: #fff;}
.bg_celeste{background-color:#00B4F1; color:#fff;}
.bg_grigio{background-color: #F6F6F6;}
.bg_grigio_scuro{background-color: #4B5E77; color:#fff;}

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

.btn {
    border: 0;
    font-weight: 700;
    text-transform: uppercase;
    font-size: 16px;
    padding: 8px 30px;
    background-color: #00B4F1; color: #fff;
}
.btn:hover{background-color: #4B5E77; color:#fff;}
.btn:active, .btn:focus{outline: none;box-shadow: none;}
.btn_bianco{background-color: #ffffff; color: #4B5E77;}
.btn_grigio_scuro{background-color: #4B5E77; color: #fff;}

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

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

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

header{/*position: fixed;*/ width: 100%; top:0; background-color: #fff; z-index:101;}
.mobile_view header{position: fixed;}
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: 15px;}
header li:last-child{margin-right: 0;}
header a{color:#3D3D3D;}

.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: right;
}
.mega-menu nav {
    padding-top: 70px;
}
.mega-menu.reveal {
    opacity: 1;
    background:#000;
}

.swiper{width: 100%; height: 100%;}
.swiper-slide{
      background: #fff;
      display: flex;
      justify-content: center;
      align-items: center;
      background-size: cover;
      background-position: center;
      background-repeat: no-repeat;
}
.swiper-slide img{
      display: block;
      width: 100%;
      height: 100%;
      object-fit: cover;
}
.swiper-button-next, .swiper-button-prev{color:#00B4F1;}

.menubar{height: 60px;}
.menubar ul{list-style: none; margin-bottom: 0; padding-left: 0; text-transform: uppercase; font-size: 18px;}
.menubar li{display: inline-block; margin-right: 15px;}
.menubar li:last-child{margin-right: 0;}

.social_icons{list-style: none; margin-bottom: 0; padding-left: 0;}
.social_icons li{display: inline-block; margin-right: 5px;}
.social_icons li:last-child{margin-right: 0;}

.main_slider .swiper-slide{height: 500px;}
.main_slider .swiper_filter{width: 100%; height: 100%; bottom: 0; left: 0; background-image: url("static/img/swiper_filter.svg"); background-position: bottom; background-repeat:repeat-x; z-index: -1;}
.main_slider .slide_titolo{font-size: 24px; line-height: 26px;}

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

.titolo_sezione h2{text-transform: uppercase;}

.box_area{height: 200px;}

.box_progetto{border:1px solid #707070; background-size: cover; background-position: center; background-repeat: no-repeat;}
.box_progetto_big{height: 300px;}
.box_progetto_mini{height: 200px;}

.footer ul{padding-left:0; list-style: none;}
.footer a{color:#fff;}

.separatore_lungo_grigio{border-bottom: 2px solid #707070;}
.separatore_lungo_blu{border-bottom: 2px solid #00B4F1;}

.scheda_area .descrizione_link, .scheda_area .descrizione_servizio{font-size: .8rem;}
.scheda_area .link_servizio{font-size: .9rem;}

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

.container_articoli{display: none;}
.single-post .container_articoli{display: block;}
.img_post{height: 350px;}
.categoria_post .post_category{text-transform: uppercase; color:#fff; background-color: #00B4F1; padding: 2px 8px;}

.container_eventi{display: none;}
.single-eventi .container_eventi{display: block;}

.footermenu li{display: inline-block; margin-right: 10px;}
.footermenu li:last-child{margin-right: 0;}
.footermenu a{color:#ccc;}
.footermenu a:hover{color:#00B4F1}

/* 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;
}