* { padding:0; margin:0; }

body, html { overflow-x: hidden; }

body { font-weight:400; background:#edefed; font-family: 'Raleway', sans-serif; font-size:18px; }

h1,h2,h3,h4,h5,h6 { margin:0px; }

#ui-datepicker-div { font-size: 80%; z-index: 200 !important; } /* fix per calendar */

a { border:0; }

.ui-widget-header { background:#42AAB3 !important; color:#ffffff !important; }
.ui-datepicker select{ color:#000;}

.slick-slide { height: auto; } /* slick fix */


/* ------------ TOP HEADER -------------*/

.header { position:relative; }
.wrap-header-top { border-bottom:7px solid #ffffff; text-align:center; padding-top:15px; background:#3e454c; }
.header-top { position:relative; }

.header-top .decoration-top { position:absolute; bottom:-182px; left:85px; }
.header-top .wrap-logo { color:#ffffff; }
.header-top .wrap-logo h1 { font-size:30px; color:#99bf38; font-weight:600; margin-bottom:5px; }
.header-top .wrap-logo h2 { font-size:28px; font-weight:600; }
.header-top .wrap-logo h3 { font-size:20px; }
.header-top .wrap-email, .header-top .wrap-tel { padding-top:15px; color:#99bf38; font-weight:600; font-size:16px; }

/* --------------- MENU --------------- */

#wrap-menu-top { background:#8bb228; }
#menu-top { margin-bottom:0px; border:0px; font-weight:700; font-size:21px; }

.navbar-toggle { background-color: #AFCA6C; }
.navbar-default .navbar-toggle:hover .icon-bar, .navbar-default .navbar-toggle:focus .icon-bar { background-color: #8bb228; } 

.dropdown-menu { background:#8bb228; text-transform:uppercase; }
.dropdown-menu li a { color:#ffffff; font-weight:600; }
.dropdown-menu li a:hover { color:#8bb228; background:#ffffff; }

/* -------------- CAROUSEL --------------- */

.wrapper-slider-top { position:relative; z-index:10; }
.wrap-slider-top { margin:0px auto; max-width:1920px; position:relative; }

/* preload fix */
#slider-top > img { display:none; } 
#slider-top > img:first-child { display:block; display: block; max-width: 100%; height: auto; }
/* end preload */

/* ----------- MINIPREVENTIVO ----------- */

.wrapper-mini-prenota { padding:20px 0px; text-align:center; }
.wrapper-mini-prenota h4 { text-align:right; font-size:24px; text-transform:uppercase; margin-bottom:5px; line-height:30px; }
.wrapper-mini-prenota input { margin-bottom:7px; text-align:center; }
.wrapper-mini-prenota .mini-submit { margin-top:26px; margin-bottom:0px; font-size:14px; }

/* -------------- CONTENT --------------- */

.wrapper-content { background:#edefed; }
.wrap-content { color:#433f3a; padding-top:25px; padding-bottom:15px; text-align:left; }
.wrap-content h2 { color:#bf37e1; font-weight:700; font-size:32px; margin-bottom:15px; }
.wrap-content h3 { color:#79982C; font-weight:700; font-size:23px; margin-bottom:15px; }
.wrap-content p { margin-bottom:20px; }

.wrap-content .icon-list li { list-style:none; display: block; position: relative; padding: 0px 0px 5px 25px; text-align:left; }
.icon-list li:nth-child(2n):before {
    content: '\e067'; color:#CF57EC;
}
.icon-list li:before {
    content: '\e067'; color:#79982C;
}
.icon-list li:before {
    font-family: 'Glyphicons Halflings';
    position: absolute;
    left: 0px;
    top: 3px;
    font-size: 80%;
}


.wrap-boxes { background:#ffffff; }
.boxes { padding-top:55px; padding-bottom:55px; position:relative; }
.boxes .box { position:relative; max-width:400px; margin:0 auto; margin-bottom:15px; }
.boxes .box h4 { position:absolute; bottom:100px; left:10px; right:10px; text-align:center; font-size:34px; color:#ffffff; font-weight:700; text-shadow: 0px 4px 3px rgba(0,0,0,0.4), 0px 8px 13px rgba(0,0,0,0.1), 0px 18px 23px rgba(0,0,0,0.1); }

.boxes .decoration-left { position:absolute; top:0px; left:-390px; }
.boxes .decoration-right { position:absolute; bottom:0px; right:-390px; }


/* ---------- MINIGALLERY ---------- */

.wrapper-minigallery { background:#edefed; padding: 5px 0px; }
.wrapper-minigallery .wrap-img { padding:15px; }
.wrapper-minigallery img { border:12px solid #ffffff; }

/* ------------- MAPPA ------------- */

.wrap-mappa { border:1px solid #b6a997; margin:15px 0px; }
#map { height:400px;}
.infowindow { width:200px; }
.infowindow h3.titolomappa { font-size:22px; color:#4e4a43; margin:0px 0px 5px 0px; text-align:center; }
.infowindow .testomappa { font-size:14px; color:#4e4a43; text-align:center; }

#map .mapboxgl-marker {
    display: inline-block;
    width: 25px;
    height: 44px;
    background: transparent url('../images/icone/marker.png') no-repeat center center;
    background-size: contain;
}
#map .mapboxgl-marker:hover {cursor: pointer;}
#map .mapboxgl-popup-close-button {font-size: 24px;}
#map .mapboxgl-popup-content {font-size:14px; color:#4e4a43; text-align:center; padding: 20px; border-radius: 4px; box-shadow: 0 2px 6px 3px rgba(0,0,0,.1)}
#map .mapboxgl-popup-content h3 {font-size: 22px; margin: 0 0 4px 0; text-align:center;  font-weight: normal; color: #4e4a43;}


/* ---------- EVENTI ------------ */
.evento { padding:15px 0px; }
.event-data { font-weight:700; text-align:center;   padding-right: 25px; padding-top:5px; font-size:52px; line-height:40px; font-family:Arial, Helvetica, sans-serif; -webkit-transition: all 1s; /* Safari */ transition: all 1s; }
.event-data span { font-size:16px; line-height:26px; display:block; }
.evento:hover .event-data { color: #CC69E4; }

/* ---------- PARCHI E ITINERARI ----------- */

.itinerario { margin-bottom: 15px; }
.itinerario h3 { margin-top:5px; }

/* -------------- FOOTER ------------------ */

.wrapper-footer { background:#73726f; font-size:17px; text-align:center; color:#b1c860; margin-bottom:20px; }
.wrapper-footer h3 { color:#ffffff; margin-bottom:20px; border-bottom:1px solid #ffffff; display:inline-block; padding:0px 15px 5px; }
.wrapper-footer a { color:#b1c860; }
.wrapper-footer .col { padding-top:40px;  }
.wrapper-footer .wrap-info { padding-bottom:40px; }
.wrapper-newsletter { padding-bottom:60px; background:#edefed; color:#73726F; }
.wrapper-newsletter h3 { color:#b1c860; border-bottom-color:#b1c860; }
.wrapper-newsletter .btn { margin-top:10px; }

.wrap-social { padding-bottom:40px; }