/*@import url('https://fonts.googleapis.com/css?family=Lato:400,700&display=swap');*/
@import url('bootstrap-addendum.v4.css');
@import url('utils.css');
@import url('ddp-style.css');
@import url('custom-marker.css');
@import url('kenburns.css');

@font-face{ font-family: 'Lato'; font-style: normal; font-weight: 100; src:url(../fonts/Lato/Lato-Thin.ttf); }
@font-face{ font-family: 'Lato'; font-style: normal; font-weight: 200; src:url(../fonts/Lato/Lato-Light.ttf); }
@font-face{ font-family: 'Lato'; font-style: normal; font-weight: 400; src:url(../fonts/Lato/Lato-Regular.ttf); }
@font-face{ font-family: 'Lato'; font-style: normal; font-weight: 700; src:url(../fonts/Lato/Lato-Bold.ttf); }
@font-face{ font-family: 'Lato'; font-style: normal; font-weight: 900; src:url(../fonts/Lato/Lato-Black.ttf); }

@font-face{ font-family: 'Lato'; font-style: italic; font-weight: 100; src:url(../fonts/Lato/Lato-ThinItalic.ttf); }
@font-face{ font-family: 'Lato'; font-style: italic; font-weight: 200; src:url(../fonts/Lato/Lato-LightItalic.ttf); }
@font-face{ font-family: 'Lato'; font-style: italic; font-weight: 400; src:url(../fonts/Lato/Lato-Italic.ttf); }
@font-face{ font-family: 'Lato'; font-style: italic; font-weight: 700; src:url(../fonts/Lato/Lato-BoldItalic.ttf); }
@font-face{ font-family: 'Lato'; font-style: italic; font-weight: 900; src:url(../fonts/Lato/Lato-BlackItalic.ttf); } 

@font-face{ font-family: 'Alegreya Sans'; font-style: normal; font-weight: 100;  src:url(../fonts/Alegreya_Sans/AlegreyaSans-Thin.ttf); }
@font-face{ font-family: 'Alegreya Sans'; font-style: normal; font-weight: 300;  src:url(../fonts/Alegreya_Sans/AlegreyaSans-Light.ttf); }
@font-face{ font-family: 'Alegreya Sans'; font-style: normal; font-weight: 400;  src:url(../fonts/Alegreya_Sans/AlegreyaSans-Regular.ttf); }
@font-face{ font-family: 'Alegreya Sans'; font-style: normal; font-weight: 500;  src:url(../fonts/Alegreya_Sans/AlegreyaSans-Medium.ttf); }
@font-face{ font-family: 'Alegreya Sans'; font-style: normal; font-weight: 700;  src:url(../fonts/Alegreya_Sans/AlegreyaSans-Bold.ttf); }
@font-face{ font-family: 'Alegreya Sans'; font-style: normal; font-weight: 800;  src:url(../fonts/Alegreya_Sans/AlegreyaSans-ExtraBold.ttf); }
@font-face{ font-family: 'Alegreya Sans'; font-style: normal; font-weight: 900;  src:url(../fonts/Alegreya_Sans/AlegreyaSans-Black.ttf); }

@font-face{ font-family: 'Alegreya Sans'; font-style: italic; font-weight: 100;  src:url(../fonts/Alegreya_Sans/AlegreyaSans-ThinItalic.ttf); }
@font-face{ font-family: 'Alegreya Sans'; font-style: italic; font-weight: 300;  src:url(../fonts/Alegreya_Sans/AlegreyaSans-LightItalic.ttf); }
@font-face{ font-family: 'Alegreya Sans'; font-style: italic; font-weight: 400;  src:url(../fonts/Alegreya_Sans/AlegreyaSans-Italic.ttf); }
@font-face{ font-family: 'Alegreya Sans'; font-style: italic; font-weight: 500;  src:url(../fonts/Alegreya_Sans/AlegreyaSans-MediumItalic.ttf); }
@font-face{ font-family: 'Alegreya Sans'; font-style: italic; font-weight: 700;  src:url(../fonts/Alegreya_Sans/AlegreyaSans-BoldItalic.ttf); }
@font-face{ font-family: 'Alegreya Sans'; font-style: italic; font-weight: 800;  src:url(../fonts/Alegreya_Sans/AlegreyaSans-ExtraBoldItalic.ttf); }
@font-face{ font-family: 'Alegreya Sans'; font-style: italic; font-weight: 900;  src:url(../fonts/Alegreya_Sans/AlegreyaSans-BlackItalic.ttf); }

@font-face{ font-family: 'Alegreya'; font-style: normal; src:url(../fonts/Alegreya/Alegreya-VariableFont_wght.ttf); }
@font-face{ font-family: 'Alegreya'; font-style: italic; src:url(../fonts/Alegreya/Alegreya-Italic-VariableFont_wght.ttf); }

html, body { height: 100%; margin: 0; padding: 0; }

body{ min-width: 320px; }
/*@media only screen and (max-width : 300px){ body{overflow-x: auto!important;}}*/


body, body *{
  /*font-family: 'Alegreya Sans', 'Helvetica Neue',Helvetica, Arial, sans-serif;*/
  font-family: 'Lato', 'Helvetica Neue',Helvetica, Arial, sans-serif;
  font-size:18px;
  margin:0;
  padding:0;
  /*color: #303030;*/
  /*color: #6d6d6d;*/
}


/*a{color:#ab3c3c;} /*questo colore è il cer-red-mid attenzione questo è un override di tutti i link*/

body{color:#303030;}
img{font-size:12px;} /*questa regola dovrebbe influire solo in caso di immagine non trovata quindi non danneggia usabilità per non vedenti*/

/*impostazione castelli old*/
.font-headline, .font-headline-r, .font-headline-r *{ font-family: 'Alegreya', "Palatino Linotype", "Book Antiqua", Palatino, serif; }
.font-base, .font-base-r, .font-base-r *{ font-family: 'Alegreya Sans', 'Helvetica Neue',Helvetica, Arial, sans-serif; }

/*FONT WEIGHT DA SPOSTATRE*/
.font-extrabold{font-weight: 800;}
.font-semibold{font-weight: 600;}
.font-regular{font-weight:400;}
.font-italic{font-weight: 400; font-style: italic;}
.font-semibold-italic{font-weight: 600; font-style: italic;}

/*MAIN-HEADER*/

.main-header{ min-height: 50px; }
.main-header.position-fixed { z-index: 2000; top:0px; transition:all 0.4s; -webkit-transition:all 0.4s; -moz-transition:all 0.4s; -o-transition:all 0.4s;}


.is-scrolled .main-header.position-fixed,
.open-nav .main-header.position-fixed,
.header-content-level .main-header.position-fixed,
.main-header.position-fixed.header-content-level,
.main-header.position-fixed.header-transparent:hover{
  /*background-color:#fff!important;*/
  background-color:rgba(255,255,255,1)!important;
  transition:all 0.4s;
  -moz-transition:all 0.4s;
  -webkit-transition:all 0.4s;
  -o-transition:all 0.4s;
}

.is-scrolled .main-header.position-fixed:not(.open-nav){
  -webkit-box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.75);
  -moz-box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.75);
  box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.75);
  transition:all 0.4s;
  -moz-transition:all 0.4s;
  -webkit-transition:all 0.4s;
  -o-transition:all 0.4s;
}

/*loghi black-white*/
.main-header.position-fixed.header-transparent .header-main-logo.header-main-logo-white{ display:block; }

.main-header.position-fixed.header-transparent .header-main-logo.header-main-logo-black{ display:none; }

.is-scrolled .main-header.position-fixed.header-transparent .header-main-logo.header-main-logo-black,
.open-nav .main-header.position-fixed.header-transparent .header-main-logo.header-main-logo-black,
.main-header.position-fixed.header-transparent:hover .header-main-logo.header-main-logo-black{
  display:block;
}

.is-scrolled .main-header.position-fixed.header-transparent .header-main-logo.header-main-logo-white,
.open-nav .main-header.position-fixed.header-transparent .header-main-logo.header-main-logo-white,
.main-header.position-fixed.header-transparent:hover .header-main-logo.header-main-logo-white{
  display:none;
}


.cer-gradient{
  background-image: url('/lib/img/ert_sfumatura.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

/*
.main-header.position-fixed .header-text-wb{color:#fff; fill:#fff}
.main-header.position-fixed.is-scrolled .header-text-wb,
.main-header.position-fixed.open-nav .header-text-wb,
.main-header.position-fixed.no-underlay .header-text-wb
{fill:#000; color:#000;}

.main-header.position-fixed .header-text-bw{color:#000; fill:#000}
.main-header.position-fixed.is-scrolled .header-text-bw,
.main-header.position-fixed.open-nav .header-text-bw,
.main-header.position-fixed.no-underlay .header-text-bw
{fill:#fff; color:#fff;}


.main-header.position-fixed .site-title.svg-site-title{max-width:500px;}
*/

.header-squared-btn{width:40px; height:40px;} /*bottoni principali dell'header*/

/*
.main-header.position-fixed .svg_site_title_text{font-size:39px;}
@media only screen and (max-width: 576px) {
  .main-header.position-fixed .site-title{margin-top:10px;}
}
*/

/*
@media only screen and (min-width : 576px) {
  .open-nav .header-bottom-gradient{background-color:white!important; background-image:none;}
}

.big-nav-item{font-size:24px; transition:  all 0.4s; -moz-transition:  all 0.4s; -webkit-transition:  all 0.4s;}
@media only screen and (max-width: 768px) {.big-nav-item{font-size:16px; -moz-transition:  all 0.4s; -webkit-transition:  all 0.4s;}}
*/

/*MAIN NAV*/
.site-nav.position-fixed,.site-nav.position-absolute{display:none; z-index:1900;}
.site-nav.position-fixed.open-nav,.site-nav.position-absolute.open-nav{ display:block;}
/*.site-nav.position-fixed .main-nav-item.card{ border-right-width: 6px; border-radius: 0px;}*/

.submenu_opener.active.caret,
.submenu_opener.active .caret{
  transform: rotate(90deg);
  transform-origin: center center;
  transition:all 0.4s;
}

.submenu_opener.caret,
.submenu_opener .caret{
  transform: rotate(0deg);
  transform-origin: center center;
  transition:all 0.4s;
}

.has-bg-color .nav-item,
.has-bg-color .nav-item *,
.has-bg-color .nav-item.active,
.has-bg-color .nav-item.active *,
.has-bg-color .nav-pane-header-separator,
.nav-item.active > .submenu-opener-pane.has-bg-color,
.nav-item.active > .submenu-opener-small.has-bg-color{
  color:white!important;
  border-color:white!important;
}

.nav-item:not(.active):hover{ background-color:rgba(255,255,255,0.2); transition:all 0.4s; }


@media (max-width: 768px) {
  .big-nav.nav-pane .nav-link, .side-nav ul.nav.navbar-nav .nav-link{ font-size: 16px!important; transition:all 0.4s; }
}

.big-nav.nav-pane .nav-subpane .menu-item:not(.active){ margin-bottom: 1rem; }

.nav-item.active{ background-color:rgba(0,0,0,0.1); }

/*MAIN CONTENT*/
.main-content{min-height: 800px;}
.main-header.position-fixed ~ .main-content:not(.below-header){margin-top:50px;}

/*MAIN FOOTER*/
.main-footer{min-height: 180px;}

.main-footer .mid-footer{
  -webkit-box-shadow: inset 0px 2px 6px 0px rgba(0,0,0,0.3);
  -moz-box-shadow: inset 0px 2px 6px 0px rgba(0,0,0,0.3);
  box-shadow: inset 0px 2px 6px 0px rgba(0,0,0,0.3);  
}

/*SLIDESHOW*/
.slideshow-h-200{height: 200px;} .slideshow-h-250{height: 250px;} .slideshow-h-300{height: 300px;} .slideshow-h-400{height: 400px;} .slideshow-h-500{height: 500px;} .slideshow-h-600{height: 600px;}
.bannermap-h-200{min-height: 200px;} .bannermap-h-250{min-height: 250px;} .bannermap-h-300{min-height: 300px;} .bannermap-h-400{min-height: 400px;} .bannermap-h-500{min-height: 500px;}

@media print{
  .bannermap-printable{min-height: 300px;}
  /*.bannermap-printable.bannermap-h-200{min-height: 200px;}
  .bannermap-printable.bannermap-h-250{min-height: 200px;}
  .bannermap-printable.bannermap-h-300{min-height: 200px;}
  .bannermap-printable.bannermap-h-400{min-height: 200px;}
  .bannermap-printable.bannermap-h-500{min-height: 200px;}
*/
}

/*HOME SLIDESHOW*/
/* specifici di cammini tenere nel caso servano
#home-carousel .carousel-caption .carousel-caption-title{ font-size: 1.75rem;}
#lista-eventi-carousel .carousel-caption .carousel-caption-title{ font-size: 1.50rem;}
#parchi-carousel .carousel-caption .carousel-caption-title{ font-size: 1.50rem;}
#prodotti-dop-carousel .carousel-caption .carousel-caption-title{ font-size: 1.50rem;}


@media only screen and (min-width : 576px) {
  #home-carousel .carousel-caption .carousel-caption-title{font-size: 2rem;}
  #lista-eventi-carousel .carousel-caption .carousel-caption-title{ font-size: 1.75rem;}
  #parchi-carousel .carousel-caption .carousel-caption-title{ font-size: 1.75rem;}
  #prodotti-dop-carousel .carousel-caption .carousel-caption-title{ font-size: 1.75rem;}
}
*/

/*carousel castello*/
/*
.castello-carousel-opening, .castello-carousel-opening *{
  transition:all 0.4s;
  -webkit-transition:all 0.4s;
  -moz-transition:all 0.4s;
  -o-transition:all 0.4s; 
}

.castello-carousel-opening .castello-carousel-opening-title,
.castello-carousel-opening .castello-carousel-opening-subtitle{}

.castello-carousel-opening .castello-carousel-opening-title{font-size:calc(1.8vw + 9px);}
.castello-carousel-opening .castello-carousel-opening-subtitle{}

.castello-carousel .castello-carousel-overlay.castello-carousel-overlay-black{ background-color:rgba(0,0,0,0.1);}
.castello-carousel .castello-carousel-overlay.castello-carousel-overlay-black .castello-carousel-opening{
  border:2px solid #fff!important;
  background-color:rgba(0,0,0,0.2);
  
  -webkit-box-shadow: 0px 0px 3px 0px rgba(0,0,0,1);
  -moz-box-shadow: 0px 0px 3px 0px rgba(0,0,0,1);
  box-shadow: 0px 0px 3px 0px rgba(0,0,0,1);
}
.castello-carousel .castello-carousel-overlay.castello-carousel-overlay-black .castello-carousel-opening,
.castello-carousel .castello-carousel-overlay.castello-carousel-overlay-black .castello-carousel-opening *{
  color:#fff; text-shadow: 0px 0px 2px rgba(0,0,0,1);
}

.castello-carousel .castello-carousel-overlay.castello-carousel-overlay-white{ background-color:rgba(255,255,255,0.1);}
.castello-carousel .castello-carousel-overlay.castello-carousel-overlay-white .castello-carousel-opening{
  border:2px solid #000!important;
  background-color:rgba(255,255,255,0.2);
  
  -webkit-box-shadow: 0px 0px 3px 0px rgba(255,255,255,1);
  -moz-box-shadow: 0px 0px 3px 0px rgba(255,255,255,1);
  box-shadow: 0px 0px 3px 0px rgba(255,255,255,1);
}
.castello-carousel .castello-carousel-overlay.castello-carousel-overlay-white .castello-carousel-opening,
.castello-carousel .castello-carousel-overlay.castello-carousel-overlay-white .castello-carousel-opening *{
  color:#000; text-shadow: 0px 0px 2px rgba(255,255,255,1);
}
*/

/*carousel delle landing*/
/*
#cast-carousel{
  height:500px;
  transition:all 0.4s;
  -moz-transition:all 0.4s;
  -webkit-transition:all 0.4s;
  -o-transition:all 0.4s;
  -ms-transition:all 0.4s;
}

@media only screen and (max-width : 576px) {
  #cast-carousel{
    height:300px;
    transition:all 0.4s;
    -moz-transition:all 0.4s;
    -webkit-transition:all 0.4s;
    -o-transition:all 0.4s;
    -ms-transition:all 0.4s;
  }
}
*/

.it-flag{
  width:22px;
  height:22px;
  background-image:url('/lib/img/flag_it.png');
  background-position-y:6px;
  display:inline-block;
  background-repeat:no-repeat;
  background-size: cover;
}

.en-flag{
  width:22px;
  height:22px;
  background-image:url('/lib/img/flag_en.png');
  background-position-y:6px;
  display:inline-block;
  background-repeat:no-repeat;
  background-size: cover;
}

.cast-carousel .overlay-tagline{ font-size:calc(1.8vw + 9px); line-height: 1.15em; }

.cast-carousel .overlay-opening-title{ font-size:calc(1.8vw + 9px); }

/*BS CAROUSEL BG*/
.carousel.carousel-background .carousel-item{ background-size: cover; background-position:center center; }

.carousel-overlay{ background-color: rgba(0,0,0,0.1); top:0; left:0; transition:all 0.4s; -webkit-transition:all 0.4s; -moz-transition:all 0.4s; -o-transition:all 0.4s; }

.carousel-overlay.overlay-white{ background-color: rgba(255,255,255,0.1); transition:all 0.4s; -webkit-transition:all 0.4s; -moz-transition:all 0.4s; -o-transition:all 0.4s; }

.carousel-overlay.overlay-black{ background-color: rgba(0,0,0,0.1); transition:all 0.4s; -webkit-transition:all 0.4s; -moz-transition:all 0.4s; -o-transition:all 0.4s; }

.carousel-overlay.overlay-white .overlay-text{
  color:#000;
  text-shadow: 0px 0px 2px rgba(255,255,255,1);
  transition:all 0.4s;
  -webkit-transition:all 0.4s;
  -moz-transition:all 0.4s;
  -o-transition:all 0.4s;
}

.carousel-overlay.overlay-black .overlay-text{
  color:#fff;
  text-shadow: 0px 0px 2px rgba(0,0,0,1);
  transition:all 0.4s;
  -webkit-transition:all 0.4s;
  -moz-transition:all 0.4s;
  -o-transition:all 0.4s;
}

.carousel-overlay .overlay-text{
  color:#fff;
  text-shadow: 0px 0px 2px rgba(0,0,0,1);
  transition:all 0.4s;
  -webkit-transition:all 0.4s;
  -moz-transition:all 0.4s;
  -o-transition:all 0.4s;
}

.carousel-overlay .overlay-bottom-box{ bottom:0; right:0;}

.carousel-overlay .overlay-box{
  border:2px solid #fff;
  text-shadow: 0px 0px 2px rgba(0,0,0,1);
  background-color:rgba(0,0,0,0.2);
  
  -webkit-box-shadow: 0px 0px 3px 0px rgba(0,0,0,1);
  -moz-box-shadow: 0px 0px 3px 0px rgba(0,0,0,1);
  box-shadow: 0px 0px 3px 0px rgba(0,0,0,1);
  
  transition:all 0.4s;
  -webkit-transition:all 0.4s;
  -moz-transition:all 0.4s;
  -o-transition:all 0.4s;
}

.carousel-overlay.overlay-black .overlay-box{
  border:2px solid #fff;
  text-shadow: 0px 0px 2px rgba(0,0,0,1);
  background-color:rgba(0,0,0,0.2);
  
  -webkit-box-shadow: 0px 0px 3px 0px rgba(0,0,0,1);
  -moz-box-shadow: 0px 0px 3px 0px rgba(0,0,0,1);
  box-shadow: 0px 0px 3px 0px rgba(0,0,0,1);
  
  transition:all 0.4s;
  -webkit-transition:all 0.4s;
  -moz-transition:all 0.4s;
  -o-transition:all 0.4s;
}

.carousel-overlay.overlay-white .overlay-box{
  border:2px solid #000;
  text-shadow: 0px 0px 2px rgba(255,255,255,1);
  background-color:rgba(255,255,255,0.2);
  
  -webkit-box-shadow: 0px 0px 3px 0px rgba(255,255,255,1);
  -moz-box-shadow: 0px 0px 3px 0px rgba(255,255,255,1);
  box-shadow: 0px 0px 3px 0px rgba(255,255,255,1);
  
  transition:all 0.4s;
  -webkit-transition:all 0.4s;
  -moz-transition:all 0.4s;
  -o-transition:all 0.4s;
}

/*BS CAROUSEL FADE*/
.carousel-fade .carousel-item { opacity: 0; transition-duration: 2s; transition-property: opacity; }

.carousel-fade  .carousel-item.active,
.carousel-fade  .carousel-item-next.carousel-item-left,
.carousel-fade  .carousel-item-prev.carousel-item-right { opacity: 1; }

.carousel-fade .active.carousel-item-left,
.carousel-fade .active.carousel-item-right { opacity: 0; }

.carousel-fade  .carousel-item-next,
.carousel-fade .carousel-item-prev,
.carousel-fade .carousel-item.active,
.carousel-fade .active.carousel-item-left,
.carousel-fade  .active.carousel-item-prev { transform: translateX(0); transform: translate3d(0, 0, 0); }


/*DIV usati come image*/
.background-image{ background-position: center center; background-repeat: no-repeat; background-size:cover; }
.background-image.background-vtop{ background-position: top center; background-repeat: no-repeat; background-size:cover; }

/*mini border dei quadrati*/
.square-border{z-index: 0;}
.square-border-1{width:calc(100% - 22px); height:40%; top:-7px; left:7px;}
.square-border-2{width:40%; height:calc(100% + 7px); top:-7px; right:7px; }
.square-border-3{width:calc(100% - 22px); height:40%; top:-7px; right:7px; }
.square-border-4{width:40%; height:calc(100% + 7px); top:-7px; left:7px; }

.carousel-caption-logo{max-width: 100px;}

/*info button nell'elemento grid-item quadrato*/
.grid-item.squared-grid-item .rounded-info-button,
.grid-item.squared-top-grid-item .rounded-info-button{
  top:-6px;
  right:-10px;
  font-size:30px;
  padding:10px 20px;
  z-index:1;
  /*border-radius:50%;*/
}
#tdc_main_svg g.comune_tdc:hover{
  cursor: pointer;
}
/*
.emilia-romagna-province-svg è l'svg
.province-link classe da dare al link che è padre di tutto l'svg
.provincia-link classe da dare al link che è padre del <g> di tutti i polygon della provincia
.province-svg classe da dare al <g> padre di tutti i <g> delle preovince
.provincia-polygon classe da dare a ogni polygon della provincia
.enclave classe che definisce un polygon di enclave geografica
.provincia-active classe da dare ai <g> della provincia attiva
.provincia-selected classe da dare ai <g> della provincia selezionata
*/
/*
.emilia-romagna-province-svg {
  //width:100%;
  //height:100%;
}

.emilia-romagna-province-svg .provincia-svg{
  fill:#fff;
  stroke-width:1;
  stroke-linecap:square;
  stroke-linejoin:bevel;
  stroke-miterlimit:3;
  stroke-opacity:1;
  stroke:#000000;
  fill-opacity:1;
  transition:all 0.4s;
  -moz-transition:all 0.4s;
  -webkit-transition:all 0.4s;
  -o-transition:all 0.4s;
}

.emilia-romagna-province-svg .provincia-svg .provincia-label{
  opacity:0;
  stroke:none;
  fill:#000;
  //font-size: 30px;
  transition:all 0.4s;
  -moz-transition:all 0.4s;
  -webkit-transition:all 0.4s;
  -o-transition:all 0.4s;
}

.emilia-romagna-province-svg .provincia-svg:hover .provincia-label{
  opacity:1;
  transition:all 0.4s;
  -moz-transition:all 0.4s;
  -webkit-transition:all 0.4s;
  -o-transition:all 0.4s;
}

.emilia-romagna-province-svg .provincia-svg.provincia-hoverable:hover,
.emilia-romagna-province-svg .provincia-svg.provincia-hoverable:active,
.emilia-romagna-province-svg .provincia-svg.provincia-hoverable:focus{
  fill:#0d8a8d;
  stroke-width:2;
  cursor:pointer;
  transition:all 0.4s;
  -moz-transition:all 0.4s;
  -webkit-transition:all 0.4s;
  -o-transition:all 0.4s;
}

.emilia-romagna-province-svg .provincia-svg.provincia-active{
  fill:#0d8a8d;
  stroke-width:2;
   transition:all 0.4s;
   -moz-transition:all 0.4s;
  -webkit-transition:all 0.4s;
  -o-transition:all 0.4s;
}

.emilia-romagna-province-svg .provincia-svg.provincia-selected{
  fill:#ab3c3c;
  transition:all 0.4s;
   -moz-transition:all 0.4s;
  -webkit-transition:all 0.4s;
  -o-transition:all 0.4s;
}

.emilia-romagna-province-svg .provincia-svg:hover .provincia-polygon.enclave,
.emilia-romagna-province-svg .provincia-svg.provincia-selected .provincia-polygon.enclave{
  fill:#fff;
  transition:all 0.4s;
   -moz-transition:all 0.4s;
  -webkit-transition:all 0.4s;
  -o-transition:all 0.4s;
}
*/
/*SVG EMILIAROMAGNA PROVINCE*/
/*
#province-svg .provincia-svg{
  fill:#fff;
  stroke-width:1;
  stroke-linecap:square;
  stroke-linejoin:bevel;
  stroke-miterlimit:3;
  stroke-opacity:1;
  stroke:#000000;
  fill-opacity:1;
  transition:all 0.4s;
}

#province-svg .provincia-svg:hover polygon,
#province-svg .provincia-svg:active polygon,
#province-svg .provincia-svg:focus polygon{
  fill:#0d8a8d;
  stroke-width:2;
  cursor:pointer;
  transition:all 0.4s;
}

#province-svg .provincia-svg polygon,
#province-svg .provincia-svg:hover polygon.enclave,
#province-svg .provincia-svg:active polygon.enclave,
#province-svg .provincia-svg:focus polygon.enclave{
  fill:#fff;
  transition:all 0.4s;
}
*/
/*
svg > g {
    fill:none;
    stroke-width:1;
    stroke-linecap:square;
    stroke-linejoin:bevel;
    stroke-miterlimit:3;
    stroke-opacity:1;
    stroke:#000000;
    fill-opacity:1;
  }
  
  svg > g > .provincia > polygon {
    fill:none;
    pointer-events:all;
  }
  
  svg > g > .provincia:hover > polygon{
    fill:#00ffff;
    cursor:pointer;
  }
  
  svg > g > .provincia:hover > polygon.enclave {
    fill:#fff;
  }
  */
/* SVG specifici di cammini tenere nel caso servano
.cammino-grid-item svg text,
.prodotto-dop-grid-item svg text,
.parco-grid-item svg text,
.santo-grid-item svg text,
.porta-santa-grid-item svg text{
  ///stroke-width:1px;
  ///stroke:#505050;
  text-shadow: 0px 0px 8px #000;
}

.cammino-grid-item svg text, .cammino-grid-item svg text tspan {fill:#fff; font-size:30px;}
.parco-grid-item svg text, .parco-grid-item svg text tspan {fill:#fff; font-size:30px;}
.prodotto-dop-grid-item svg text, .prodotto-dop-grid-item svg text tspan {fill:#fff; font-size:30px;}
.santo-grid-item svg text, .santo-grid-item svg text tspan {fill:#fff; font-size:30px;}
.porta-santa-grid-item svg text, .porta-santa-grid-item svg text tspan {fill:#fff; font-size:30px;}
*/


.classe-apposta-1{ margin-top:70px; }
@media (max-width: 575px) { .classe-apposta-1{ margin-top:0px; } }
/*ennesima cazzata ovveride di bootstrap*/

/*h3,.h3{
  font-size:2.5rem;
}*/
/*ddp bannergrid o carousel grid*/

.ddp-bannergrid{height: 600px;}

.ddp-bannergrid.bordered-grid .overlay-row{display:none; }
.ddp-bannergrid.bordered-grid .overlay-row{z-index:2; height:5px; display:block;}

.ddp-bannergrid .ddp-bannergrid-logo{width:100%}
.ddp-bannergrid.ddp-bannergrid-h-600 .ddp-bannergrid-logo{width:100%;}
.ddp-bannergrid.ddp-bannergrid-h-550 .ddp-bannergrid-logo{width:calc(100% - 8px);}
.ddp-bannergrid.ddp-bannergrid-h-500 .ddp-bannergrid-logo{width:calc(100% - 15px);}
.ddp-bannergrid.ddp-bannergrid-h-450 .ddp-bannergrid-logo{width:calc(100% - 23px);}
.ddp-bannergrid.ddp-bannergrid-h-400 .ddp-bannergrid-logo{width:calc(100% - 30px);}

.ddp-bannergrid.bordered-grid .overlay-row-top{top:30%;}
.ddp-bannergrid.bordered-grid .overlay-row-bottom{top:70%;}

/*.ddp-bannergrid .ddp-bannergrid-slide:not(.active){display:none;}*/

@media (max-width: 575px) {
  .ddp-bannergrid .h-xs-50{ height:50%!important;}
  .ddp-bannergrid .h-xs-25{ height:25%!important;}
  
  .ddp-bannergrid .ddp-bannergrid-logo{width:100%;}
  .ddp-bannergrid.ddp-bannergrid-h-600 .ddp-bannergrid-logo{width:100%;}
  .ddp-bannergrid.ddp-bannergrid-h-550 .ddp-bannergrid-logo{width:calc(100% - 3px);}
  .ddp-bannergrid.ddp-bannergrid-h-500 .ddp-bannergrid-logo{width:calc(100% - 5px);}
  .ddp-bannergrid.ddp-bannergrid-h-450 .ddp-bannergrid-logo{width:calc(100% - 7px);}
  .ddp-bannergrid.ddp-bannergrid-h-400 .ddp-bannergrid-logo{width:calc(100% - 10px);}
  
  .ddp-bannergrid.bordered-grid .overlay-row-top{transform: rotate(-45deg); top:65%; width:200%!important; transform-origin: left top;}
  .ddp-bannergrid.bordered-grid .overlay-row-bottom{transform: rotate(-45deg); top:40%; width:200%!important; transform-origin: center   top;}
}

@media (min-width: 575px) {
  .ddp-bannergrid{height:600px;}
  
  .ddp-bannergrid .ddp-bannergrid-lower{z-index: 1;}
  .ddp-bannergrid .ddp-bannergrid-upper{z-index: 2;}
  
  .ddp-bannergrid .skew-col{ width:calc(100% + 130px); left:-60px; }
  .ddp-bannergrid .skew-col-top{transform: skewX(22deg); }
  .ddp-bannergrid .skew-col-bottom{transform: skewX(-22deg);  }
  
  .ddp-bannergrid .skew-col-top .unskew-col{transform: skewX(-22deg); transform-origin: left top; }
  .ddp-bannergrid .skew-col-bottom .unskew-col{transform: skewX(22deg); transform-origin: left bottom;}
  
  /*bordered*/
  .ddp-bannergrid.bordered-grid{padding:6px;}
  /*.ddp-bannergrid.bordered-grid .ddp-bannergrid-container{background-color:black;}*/
   
  .ddp-bannergrid.bordered-grid .skew-col{ border-left:6px solid white; }
  /*.ddp-bannergrid.bordered-grid .skew-col-top{padding-bottom:2px; }*/
  
 
  
  .ddp-bannergrid.bordered-grid .skew-col-top    .unskew-col{border-bottom:3px solid white; }
  .ddp-bannergrid.bordered-grid .skew-col-bottom .unskew-col{border-top:3px solid white;}
  
  .ddp-bannergrid.bordered-grid .skew-col-top .unskew-col-left{border-right:6px solid white; }
  /*.ddp-bannergrid.bordered-grid .skew-col-top .unskew-col-right{border-left:2px solid black; }*/
  /*
  .ddp-bannergrid.bordered-grid .skew-col-top .unskew-col-right:before{
    content:""; width:0px; height: 100%;  border:2px solid white; float:left; clear:right; position:relative; display:block;
  }
  */
  
}

.home-article-carousel-gradient,
.ddp-article-carousel-gradient{
  /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ffffff+0,ffffff+100&1+0,0+100 */
background: -moz-linear-gradient(left,  rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left,  rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right,  rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00ffffff',GradientType=1 ); /* IE6-9 */

}

/*gestione periodi offerte*/
.table-calendar .day-disabled{color:#ccc;}
.table-calendar .calendar-day.day-today{color:red; font-weight:bold;}
.table-calendar .ui-selecting{background-color:lightyellow;}
.table-calendar .day-selected{background-color:orange;}
.table-calendar .day-forbidden{color:#fff; background-color:#555; cursor: not-allowed;}

/*gestione custom slick arrows*/
.custom-slick-arrow-link.slick-disabled{
  opacity:0.4;
}
/*
.container-wrapper{STheight: auto; STmin-height: 600px; overflow-x: hidden;}
.container-wrapper > .h-100  > .h-100{ height:600px!important;}

@media (min-width: 575px) {
  .container-wrapper{height: 600px; overflow-x: hidden; }
  .container-wrapper .h-100{height:100%!important;}
  
  .skew-col{
    width:calc(100% + 130px); left:-55px;
    border-left:3px solid white;
  }
  .skew-col-top{transform: skewX(22deg); padding-bottom:2px;  }
  .skew-col-bottom{transform: skewX(-22deg);  }
  
  
  .skew-col-top .unskew-col{transform: skewX(-22deg); transform-origin: left top; border-bottom:3px solid white; }
  .skew-col-bottom .unskew-col{transform: skewX(22deg); transform-origin: left bottom; border-top:3px solid white;}
  
  .skew-col-top .unskew-col.col-left{border-right:3px solid white; }
  .skew-col-top .unskew-col.col-right{border-left:2px solid black; }
  .skew-col-top .unskew-col.col-right:before{content:" "; width:3px; height: 100%; background: white; display:block; }
  
  .unskew-col{}
}
*/