﻿/*Colori*/
:root {
  --btn: #276d29;
  --btnH: #2d5d33;
  --chiaro: #2d5d33;
  --chiarissimo: #ecf0ec;
  --chiaroRGB: rgba(45, 93, 51, 0.9);
  --chiarissimoRGB: rgba(45, 93, 51, 0.3);
  --scuroRGB: rgba(39, 109, 41, 0.9);
  --scuroRGB2: rgba(39, 109, 41, 0.60);
  --scuroRGB3: rgba(39, 109, 41, 0.25);
  --scuro: #276d29;
  --scuro2: #063a08;
  --scuro3: #318734;
  --scuro4: #08500b;
  --grigiochiaro: #eceff1;
}

.BGchiaro {
  background-color: var(--chiarissimo);
}

/*Tooltip*/
.tooltip-inner
{
  background-color:var(--scuro);
}

.tooltip .arrow:before {
  border-top-color: var(--scuro)!important;
}

/*Checkbox*/
.custom-control-input:checked ~ .custom-control-label::before {
  background-color: var(--scuro) !important;
  border-top-color: var(--scuro) !important;
  border-bottom-color: var(--scuro) !important;
  border-left-color: var(--scuro) !important;
  border-right-color: var(--scuro) !important;
}

.custom-control-input:focus ~ .custom-control-label::before {
  box-shadow: 0 0 0 .2rem var(--chiarissimoRGB)!important;
}

.schedinaNews {
  padding-top:0px!important;
}

.notiziaImmagine {
  max-height:500px;
}

/*links*/
.slimheight {
  line-height: 1.2em;
}

/*Summernote*/
.note-editor .note-status-output {
  display: none;
}

.table-bordered table, .table-bordered tr, .table-bordered td {
  border: 1px solid;
  border-color: var(--scuro);
  color:var(--scuro);
}

.note-editable {
  color: var(--scuro)!important;
}

/*MULTISELECT*/
.select-wrapper.disable-toggle-all .select-toggle-all {
  display: none;
}

.select-wrapper input.select-dropdown, .dropdown-content li > a, .dropdown-content li > span {
  font-size: 1.25rem !important;
  color: var(--scuro) !important;
}

.select-wrapper.md-form > ul li label {
  font-size: 1.25rem;
  color: var(--scuro);
  font-weight:bold;
}

.filtrable .form-check-input {
  display:none;
}

.select-wrapper.md-form.md-outline input.select-dropdown:focus {
  color:var(--scuro);
  border-color:var(--scuro);
}

.form-check-input[type="checkbox"]:checked + label:before, label.btn input[type="checkbox"]:checked + label:before {
  border-bottom: 2px solid var(--scuro);
  border-right: 2px solid var(--scuro);
}

.select-wrapper.md-form.md-outline input.select-dropdown:focus {
  box-shadow: 0 0 0 1px var(--scuro);
}

.select-wrapper input.select-dropdown {
  height:48px;
}

/*Form Search*/
#ricercaSito {
  text-align: right !important;
  justify-content: flex-end;
  margin-top: -6px;
}

#inputSrc {
  max-width: 290px!important;
}

.iconSrc {
  color: #FFFFFF;
  margin-top: 10px;
  margin-left: 8px;
  font-size: 20px;
  cursor: pointer;
}

.xform-control:focus {
  border-left-color: var(--chiaro) !important;
  border-right-color: var(--chiaro) !important;
  border-top-color: var(--chiaro) !important;
  border-bottom-color: var(--chiaro) !important;
  box-shadow: 0 0 0 .2rem rgb(45 93 51 / 25%) !important;
}

#xinputSrc {
  /**/color: #ffffff !important;
  font-weight: 300 !important;
  /*border-bottom-color: #000000;*/
  color: #ffffff;
  max-width: 310px;
  float: right;
}

#xinputSrc:focus {
  border-bottom-color: #999999!important;
  /*color:#999999!important;*/
}

.xmd-form input[type=text]:focus {
  box-shadow: 0 1px 0 0 var(--scuro2) !important;
  border-bottom: 1px solid var(--scuro2) !important;
}

.fancybox-content > img {
  /*border-radius: 10px !important;*/
}

/* titillium-web-200 - latin */
@font-face {
  font-family: 'Titillium Web';
  font-style: normal;
  font-weight: 200;
  src: url('../font/titillium-web/titillium-web-v8-latin-200.eot'); /* IE9 Compat Modes */
  src: local('Titillium Web ExtraLight'), local('TitilliumWeb-ExtraLight'), url('../font/titillium-web/titillium-web-v8-latin-200.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
  url('../font/titillium-web/titillium-web-v8-latin-200.woff2') format('woff2'), /* Super Modern Browsers */
  url('../font/titillium-web/titillium-web-v8-latin-200.woff') format('woff'), /* Modern Browsers */
  url('../font/titillium-web/titillium-web-v8-latin-200.ttf') format('truetype'), /* Safari, Android, iOS */
  url('../font/titillium-web/titillium-web-v8-latin-200.svg#TitilliumWeb') format('svg'); /* Legacy iOS */
}
/* titillium-web-200italic - latin */
@font-face {
  font-family: 'Titillium Web';
  font-style: italic;
  font-weight: 200;
  src: url('../font/titillium-web/titillium-web-v8-latin-200italic.eot'); /* IE9 Compat Modes */
  src: local('Titillium Web ExtraLight Italic'), local('TitilliumWeb-ExtraLightItalic'), url('../font/titillium-web/titillium-web-v8-latin-200italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
  url('../font/titillium-web/titillium-web-v8-latin-200italic.woff2') format('woff2'), /* Super Modern Browsers */
  url('../font/titillium-web/titillium-web-v8-latin-200italic.woff') format('woff'), /* Modern Browsers */
  url('../font/titillium-web/titillium-web-v8-latin-200italic.ttf') format('truetype'), /* Safari, Android, iOS */
  url('../font/titillium-web/titillium-web-v8-latin-200italic.svg#TitilliumWeb') format('svg'); /* Legacy iOS */
}
/* titillium-web-300 - latin */
@font-face {
  font-family: 'Titillium Web';
  font-style: normal;
  font-weight: 300;
  src: url('../font/titillium-web/titillium-web-v8-latin-300.eot'); /* IE9 Compat Modes */
  src: local('Titillium Web Light'), local('TitilliumWeb-Light'), url('../font/titillium-web/titillium-web-v8-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
  url('../font/titillium-web/titillium-web-v8-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
  url('../font/titillium-web/titillium-web-v8-latin-300.woff') format('woff'), /* Modern Browsers */
  url('../font/titillium-web/titillium-web-v8-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
  url('../font/titillium-web/titillium-web-v8-latin-300.svg#TitilliumWeb') format('svg'); /* Legacy iOS */
}
/* titillium-web-300italic - latin */
@font-face {
  font-family: 'Titillium Web';
  font-style: italic;
  font-weight: 300;
  src: url('../font/titillium-web/titillium-web-v8-latin-300italic.eot'); /* IE9 Compat Modes */
  src: local('Titillium Web Light Italic'), local('TitilliumWeb-LightItalic'), url('../font/titillium-web/titillium-web-v8-latin-300italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
  url('../font/titillium-web/titillium-web-v8-latin-300italic.woff2') format('woff2'), /* Super Modern Browsers */
  url('../font/titillium-web/titillium-web-v8-latin-300italic.woff') format('woff'), /* Modern Browsers */
  url('../font/titillium-web/titillium-web-v8-latin-300italic.ttf') format('truetype'), /* Safari, Android, iOS */
  url('../font/titillium-web/titillium-web-v8-latin-300italic.svg#TitilliumWeb') format('svg'); /* Legacy iOS */
}
/* titillium-web-regular - latin */
@font-face {
  font-family: 'Titillium Web';
  font-style: normal;
  font-weight: 400;
  src: url('../font/titillium-web/titillium-web-v8-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Titillium Web Regular'), local('TitilliumWeb-Regular'), url('../font/titillium-web/titillium-web-v8-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
  url('../font/titillium-web/titillium-web-v8-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
  url('../font/titillium-web/titillium-web-v8-latin-regular.woff') format('woff'), /* Modern Browsers */
  url('../font/titillium-web/titillium-web-v8-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
  url('../font/titillium-web/titillium-web-v8-latin-regular.svg#TitilliumWeb') format('svg'); /* Legacy iOS */
}
/* titillium-web-italic - latin */
@font-face {
  font-family: 'Titillium Web';
  font-style: italic;
  font-weight: 400;
  src: url('../font/titillium-web/titillium-web-v8-latin-italic.eot'); /* IE9 Compat Modes */
  src: local('Titillium Web Italic'), local('TitilliumWeb-Italic'), url('../font/titillium-web/titillium-web-v8-latin-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
  url('../font/titillium-web/titillium-web-v8-latin-italic.woff2') format('woff2'), /* Super Modern Browsers */
  url('../font/titillium-web/titillium-web-v8-latin-italic.woff') format('woff'), /* Modern Browsers */
  url('../font/titillium-web/titillium-web-v8-latin-italic.ttf') format('truetype'), /* Safari, Android, iOS */
  url('../font/titillium-web/titillium-web-v8-latin-italic.svg#TitilliumWeb') format('svg'); /* Legacy iOS */
}
/* titillium-web-600 - latin */
@font-face {
  font-family: 'Titillium Web';
  font-style: normal;
  font-weight: 600;
  src: url('../font/titillium-web/titillium-web-v8-latin-600.eot'); /* IE9 Compat Modes */
  src: local('Titillium Web SemiBold'), local('TitilliumWeb-SemiBold'), url('../font/titillium-web/titillium-web-v8-latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
  url('../font/titillium-web/titillium-web-v8-latin-600.woff2') format('woff2'), /* Super Modern Browsers */
  url('../font/titillium-web/titillium-web-v8-latin-600.woff') format('woff'), /* Modern Browsers */
  url('../font/titillium-web/titillium-web-v8-latin-600.ttf') format('truetype'), /* Safari, Android, iOS */
  url('../font/titillium-web/titillium-web-v8-latin-600.svg#TitilliumWeb') format('svg'); /* Legacy iOS */
}
/* titillium-web-600italic - latin */
@font-face {
  font-family: 'Titillium Web';
  font-style: italic;
  font-weight: 600;
  src: url('../font/titillium-web/titillium-web-v8-latin-600italic.eot'); /* IE9 Compat Modes */
  src: local('Titillium Web SemiBold Italic'), local('TitilliumWeb-SemiBoldItalic'), url('../font/titillium-web/titillium-web-v8-latin-600italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
  url('../font/titillium-web/titillium-web-v8-latin-600italic.woff2') format('woff2'), /* Super Modern Browsers */
  url('../font/titillium-web/titillium-web-v8-latin-600italic.woff') format('woff'), /* Modern Browsers */
  url('../font/titillium-web/titillium-web-v8-latin-600italic.ttf') format('truetype'), /* Safari, Android, iOS */
  url('../font/titillium-web/titillium-web-v8-latin-600italic.svg#TitilliumWeb') format('svg'); /* Legacy iOS */
}
/* titillium-web-700 - latin */
@font-face {
  font-family: 'Titillium Web';
  font-style: normal;
  font-weight: 700;
  src: url('../font/titillium-web/titillium-web-v8-latin-700.eot'); /* IE9 Compat Modes */
  src: local('Titillium Web Bold'), local('TitilliumWeb-Bold'), url('../font/titillium-web/titillium-web-v8-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
  url('../font/titillium-web/titillium-web-v8-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
  url('../font/titillium-web/titillium-web-v8-latin-700.woff') format('woff'), /* Modern Browsers */
  url('../font/titillium-web/titillium-web-v8-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
  url('../font/titillium-web/titillium-web-v8-latin-700.svg#TitilliumWeb') format('svg'); /* Legacy iOS */
}
/* titillium-web-700italic - latin */
@font-face {
  font-family: 'Titillium Web';
  font-style: italic;
  font-weight: 700;
  src: url('../font/titillium-web/titillium-web-v8-latin-700italic.eot'); /* IE9 Compat Modes */
  src: local('Titillium Web Bold Italic'), local('TitilliumWeb-BoldItalic'), url('../font/titillium-web/titillium-web-v8-latin-700italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
  url('../font/titillium-web/titillium-web-v8-latin-700italic.woff2') format('woff2'), /* Super Modern Browsers */
  url('../font/titillium-web/titillium-web-v8-latin-700italic.woff') format('woff'), /* Modern Browsers */
  url('../font/titillium-web/titillium-web-v8-latin-700italic.ttf') format('truetype'), /* Safari, Android, iOS */
  url('../font/titillium-web/titillium-web-v8-latin-700italic.svg#TitilliumWeb') format('svg'); /* Legacy iOS */
}
/* titillium-web-900 - latin */
@font-face {
  font-family: 'Titillium Web';
  font-style: normal;
  font-weight: 900;
  src: url('../font/titillium-web/titillium-web-v8-latin-900.eot'); /* IE9 Compat Modes */
  src: local('Titillium Web Black'), local('TitilliumWeb-Black'), url('../font/titillium-web/titillium-web-v8-latin-900.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
  url('../font/titillium-web/titillium-web-v8-latin-900.woff2') format('woff2'), /* Super Modern Browsers */
  url('../font/titillium-web/titillium-web-v8-latin-900.woff') format('woff'), /* Modern Browsers */
  url('../font/titillium-web/titillium-web-v8-latin-900.ttf') format('truetype'), /* Safari, Android, iOS */
  url('../font/titillium-web/titillium-web-v8-latin-900.svg#TitilliumWeb') format('svg'); /* Legacy iOS */
}

html, body, select {
  font-family: "Titillium Web", sans-serif !important;
  xbackground-color: var(--scuro2) !important;
}

#centerPage {
  xbackground-color: #FFFFFF !important;
}

#centerPageR {
  xbackground-color: #FFFFFF !important;
}

.bgHomeGray {
  background-color: #EEEEEE;
}

.forceFont {
  font-size: 18px !important;
  /*color: #408755 !important;*/
}

/*nav-link*/
.nav-link {
  transition: all 0.10s !important;
  color:#DDDDDD!important;
}

.nav-link:hover
{
 color: #FFFFFF!important;
 background-color:var(--chiaro)!important;
}

.mininav-link {
  xfont-size: 14px;
  padding-top: 0px;
  padding-bottom: 2px;
}

/*Logo Sito*/
#siteLogo {
  transition: all 0.10s linear;
}

#carouselDiv {
  transition: all 0.10s linear;
}

.siteLogo {
  xcontent: url(../images/Logominiheader.svg);
  xheight: 100px !important;
  xwidth: auto;
  xpadding-top: 5px;
}

.siteminiLogo {
  xcontent: url(../images/Logominiheader.svg);
  xheight: 60px !important;
  xwidth: auto;
  padding-top: 5px;
}

#header_regione {
  width: 100%;
  background-color: var(--scuro2);
  color: #FFFFFF;
  margin: 0 auto;
  /*vertical-align: middle;*/
}

#header_regioneR {
  width: 100%;
  background-color: var(--scuro2);
  color: #FFFFFF;
  margin: 0 auto;
  /*vertical-align: middle;*/
}

#text_regione {
  margin: 0;
}

.header2 {
  height: 150px !important;
  margin-top: 0px !important;
  background-color: var(--scuro) !important;
  padding-top: 0px !important;
  padding-bottom: 0px !important;
}

.miniheader2 {
  height: 90px !important;
  margin-top: 10px !important;
  background-color: var(--scuro) !important;
}

.header3 {
  margin-top: 208px !important;
  background-color: var(--scuro)!important;
  color:#FFFFFF!important;
}

.miniheader3 {
  margin-top: 100px !important;
}

.headerLogo1 {
  height: 60px;
}

.headerLogo2 {
  height: 30px;
}

.miniheaderLogo1 {
  height: 40px;
}

.miniheaderLogo2 {
  height: 20px;
}

#area_riservata {
  position: relative;
  xbackground-color: var(--scuro2); /*var(--chiaro);*/
  float: right;
  white-space: nowrap;
  text-align: center;
  margin-top: 0px;
  z-index: 10000;
}

#area_riservata div {
  position: relative;
  margin: 0;
  text-decoration: none;
}

#area_riservata div a {
  text-decoration: none;
  color: #FFFFFF;
}

#area_riservata div a:link {
  color: #FFFFFF;
}

#area_riservata div a:visited {
  color: #FFFFFF;
}

#area_riservata_text {
  font-weight: 400 !important;
}

td, th {
  border: 0;
}

.bg-chiaro {
  background-color: var(--chiaro);
}

.bg-scuro {
  background-color: var(--scuro);
}

.bg-grigio {
  background-color: #333333;
}

.bg-header {
  background-color: #333333;
}

.bg-header2 {
  background-color: var(--scuro2);
}

.btn-fixedwidth {
  width:200px!important;
}

.btn-fixedwidth2 {
  width: 250px !important;
}

.btn-color {
  color: #ffffff;
  background-color: var(--btn);
}

.btn-color:hover {
  color: #fff;
  background-color: var(--btnH);
}

.btn-color2 {
  color: #ffffff;
  background-color: #c00000;
  font-size: 24px;
}

.btn-color2:hover {
  color: #ffffff;
  background-color: #F00000;
  font-size: 20px;
  font-weight: bold;
}

.border-primary {
  border-color: var(--scuro)!important;
}

#carouselDiv {
  z-index: 1 !important;
}

#containerLogoF {
  white-space: nowrap;
}

/*Box in Homepage*/
.PPnews {
  xmin-height: 200px;
}

.boxHome {
  height: 100px;
  background-color: /*transparent;*/ var(--scuro) !important;
  /*opacity: 0.8 !important;*/
  /*color: var(--scuro2)!important;*/
  color: white !important;
  transition: 0.3s;
}

.boxHome:hover {
  background-color: var(--scuro2) !important;
  /*opacity: 1!important;*/
  cursor: pointer;
}

.homeSect {
  -webkit-background-size: cover !important;
  -moz-background-size: cover !important;
  -o-background-size: cover !important;
  background-size: cover !important;
}

.bgHomeSect {
  box-shadow: inset 0 0 0 1000px rgba(255,255,255,0.85) !important;
}

.titleBoxHomeYellow {
  color: #ffff00!important;
}

.text-shadow {
  text-shadow: 2px 2px #cccccc;
}

/*Pulsanti in Homepage*/
#back-to-top {
  cursor: pointer;
  position: fixed;
  bottom: 50px;
  right: 20px;
  background-color: var(--scuro);
  z-index: 1500;
}

#back-to-top:hover {
  background-color: var(--scuro2);
}

.back-to-top-img {
  margin-top: 23px;
  margin-left: 21px;
}

.btn-success {
  color: #fff;
  background-color: var(--scuro) !important;
}

.btn-outline-success {
  color: var(--scuro) !important;
  background-color: transparent !important;
  border: 2px solid var(--scuro) !important;
}

  .btn-outline-success:hover, .btn-outline-success:focus, .btn-outline-success:active, .btn-outline-success:active:focus, .btn-outline-success.active {
    color: var(--scuro) !important;
    background-color: transparent !important;
    border-color: var(--scuro) !important;
  }

  .btn-outline-success:not([disabled]):not(.disabled):active, .btn-outline-success:not([disabled]):not(.disabled).active, .show > .btn-outline-success.dropdown-toggle {
    background-color: transparent !important;
    border-color: var(--scuro) !important;
    -webkit-box-shadow: 0 5px 11px 0 rgba(0,0,0,0.18),0 4px 15px 0 rgba(0,0,0,0.15);
    box-shadow: 0 5px 11px 0 rgba(0,0,0,0.18),0 4px 15px 0 rgba(0,0,0,0.15);
  }

    .btn-outline-success:not([disabled]):not(.disabled):active:focus, .btn-outline-success:not([disabled]):not(.disabled).active:focus, .show > .btn-outline-success.dropdown-toggle:focus {
      -webkit-box-shadow: 0 5px 11px 0 rgba(0,0,0,0.18),0 4px 15px 0 rgba(0,0,0,0.15);
      box-shadow: 0 5px 11px 0 rgba(0,0,0,0.18),0 4px 15px 0 rgba(0,0,0,0.15);
    }

/*Border*/
.border-grey {
  border-color: #AAAAAA !important;
}

html,
body,
xheader,
.xjarallax {
  height: 700px;
}

body {
  color: var(--scuro);
  font-weight: 400 !important;
  font-size: 20px !important;
}

.YTlogo {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 60px;
  height: 44px;
  margin-top: -22px;
  margin-left: -30px;
}

.top-nav-collapse {
  xbackground-color: var(--scuro); /*rgba(255, 255, 255, 0.9) !important;*/
}

.navbar:not(.top-nav-collapse) {
  /*background: transparent !important;*/
  background-color: rgba(255, 255, 255, 1);
}

.navbar2:not(.top-nav-collapse) {
  /*background: transparent !important;*/
  background-color: rgba(255, 255, 255, 1);
}

.rounded-bottom-lg {
  border-bottom-right-radius: .75rem !important;
  border-bottom-left-radius: .75rem !important;
}

.navbar {
  font-size: 16px !important;
  font-weight: 400 !important;
  z-index: 1000 !important;
  transition: all 0.2s !important;
}

.navbar2 {
  font-size: 16px !important;
  font-weight: 400 !important;
  z-index: 1000 !important;
  transition: all 0.2s !important;
}

.headerDiv {
  position: absolute;
  background-color: #FFFFFF;
  width: 200px;
  height: 160px;
  margin-top: 0px;
  margin-left: 30px;
  transition: all 0.2s !important;
}

.headerDiv2 {
  position: absolute;
  background-color: #FFFFFF;
  width: 150px;
  height: 120px;
  margin-top: 0px;
  margin-left: 45px;
  transition: all 0.2s !important;
}

#header {
  z-index: 1010 !important;
}

#headerLogo {
  z-index: 1020 !important;
}

.hidden {
  display: none;
}

.iconAll {
  width: 30px;
  height: 30px;
  xmargin-left: 20px;
  margin-bottom: 10px;
}

/*Articolo Titoli*/
.titoloNews {
  font-size: 36px !important;
}

.testoNews {
  font-size: 20px !important;
}

.testoNewsS {
  font-size: 20px !important;
}

.titolosezioneSnews {
  margin-left: 100px;
  margin-top: 20px;
  font-size: 20px;
  color: var(--scuro);
}

.inEvidenza {
  font-size: 34px !important;
  font-weight: bold;
  text-decoration: underline;
}

.titoloSnews {
  font-size: 26px !important;
  font-weight: 600;
  line-height: 32px;
  margin-top: 5px;
  min-height: 35px !important;
}

.testoSnews {
  margin-top: 5px;
  font-size: 20px !important;
}

.titoloNews {
  font-size: 24px !important;
  font-weight: 600;
  line-height: 24px;
  margin-top: 15px;
  height: 74px;
  overflow: hidden;
}

.testoNews {
  margin-top: 5px;
  font-size: 20px !important;
  line-height: 22px !important;
  height: 90px;
  overflow: hidden;
}

.titoloNewsU {
  font-size: 26px !important;
  font-weight: bold;
  line-height: 32px;
  xmargin-top: 15px;
  xheight: 60px;
  overflow: hidden;
}

.testoNewsU {
  margin-top: 5px;
  font-size: 20px !important;
  line-height: 22px !important;
  /*height: 70px;*/
  overflow: hidden;
}

.testoButtonU {
  font-size: 14px !important;
}

.titolo1 {
  font-size: 28px !important;
}

.titolo2 {
  font-size: 30px !important;
}

.testo1 {
  font-size: 24px !important;
}

.testo2 {
  font-size: 26px !important;
}


.barraTitolo2 {
  text-align: center;
  padding-bottom: 15px;
  color: #FFFFFF;
  font-size: 24px;
  /*font-weight: bold;*/
  line-height: 24px;
  white-space: nowrap;
  background-color: var(--scuro);
}

.barraTitoloAll {
  padding-left: 20px;
  padding-right: 20px;
  font-size: 20px;
  /*font-weight: bold;*/
  color: #FFFFFF;
  white-space: nowrap;
  background-color: var(--scuro);
}

.barraTitoloSep {
  padding-left: 4px;
  padding-right: 20px;
  font-size: 26px;
  /*font-weight: bold;*/
  /*color: var(--scuro);*/
  color: white;
  white-space: nowrap;
  background-color: var(--scuro);
}

.ellipsis-1 {
  visibility: visible;
  -webkit-line-clamp: 1 !important;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
}

.ellipsis-2 {
  visibility: visible;
  -webkit-line-clamp: 2;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
}

.ellipsis-3 {
  visibility: visible;
  -webkit-line-clamp: 3;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.ellipsis-4 {
  visibility: visible;
  -webkit-line-clamp: 4;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
}

.ellipsis-5 {
  visibility: visible;
  -webkit-line-clamp: 5;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
}

/*Articolo row color*/
.JSrowcolor0 {
  background-color: #F9F9F9;
}

.JSrowcolor1 {
  background-color: #ffffff;
}

/*Calendar*/
.calRow {
}

.btn-calendar-sel {
  border-color: #FFF !important;
  color: #FFF !important;
}

  .btn-calendar-sel:hover {
    border-color: var(--chiaro) !important;
    background-color: var(--chiaro) !important;
  }

.btn-calendar {
  border-color: var(--chiaro) !important;
  background-color: #DDD !important;
  color: var(--scuro) !important;
}

  .btn-calendar:hover {
    border-color: var(--chiaro) !important;
    background-color: var(--chiaro) !important;
  }

#cal-header {
  width: 97% !important;
  margin-left: auto;
  margin-right: auto;
  padding-top: 20px;
  height: auto;
}

#cal-headertext {
  font-size: 22px;
  color: #FFFFFF;
  background-color: var(--scuro);
  padding-top: 10px;
  padding-bottom: 10px;
  white-space: nowrap;
}

#calContainer {
  width: 97% !important;
  margin-left: auto;
  margin-right: auto;
}

#cal-days {
  width: 97% !important;
  margin-left: auto;
  margin-right: auto;
  color: var(--scuro);
}

.cal-day {
  height: 100%;
}

.numbercalendar {
  font-size: 40px;
  line-height: 30px;
  padding-left: 20px;
  text-align: center;
}

.daycalendar {
  font-size: 20px;
  font-weight: bold;
  padding-left: 20px;
  text-align: center;
  color: var(--scuro);
}

.monthcalendar {
  font-size: 32px;
  padding-left: 40px;
  text-align: left;
}

.day-singleevent {
  font-size: 18px;
  padding-top: 0px;
  text-align: left;
}

.day-singleeventspacer {
  border-top: 2px solid var(--scuro);
  width: 100%;
  height: 20px;
}

.day-singleeventrow {
  color: var(--scuro);
}

.calImg {
  max-width: 100%;
  min-width: 100%;
  height: auto;
}

.innerCalTitolo {
  font-weight: bold;
  font-size: 18px;
  line-height: 20px;
}

.containerday {
}

.visualizzacal {
  text-align: right;
  margin-right: 20px;
  font-size: 18px;
  color: var(--scuro);
  font-weight: bold;
  text-decoration: none;
}

/*Placeholder*/
.xform-control::placeholder {
  color: #bbbbbb;
}
/* Chrome, Firefox, Opera*/
:-xms-input-placeholder.form-control {
  color: #bbbbbb;
}
/* Internet Explorer*/
.xform-control::-ms-input-placeholder {
  color: #bbbbbb;
}
/* Microsoft Edge*/

/* Active element menu */
.menuActive {
  background-color: var(--scuro2) !important;
}

/*href colors*/
.HC_textB
{
  font-weight:700!important;
}

a {
  color: var(--chiaro);
  xfont-weight: bold;
}

a.bold {
  font-weight: bold;
}

a:hover {
  color: var(--scuro2);
  text-decoration: underline!important;
}

a.artLeggi {
  font-size: 18px;
  z-index: 11000;
}

a.artLeggi:hover {
  text-decoration: underline;
}

a.artConsulta {
  font-size: 24px;
}

a.artConsulta:hover {
  text-decoration: underline;
}

a.linkbase:link {
  color: var(--scuro) !important;
}

a.linkwhite:link {
  color: #ffffff !important;
}

a.linkwhite:visited {
  color: #ffffff !important;
}

a.linkwhite:hover {
  color: #ffffff !important;
}

a.linkyellow:link {
  color: #dddd00 !important;
}

a.linkyellow:visited {
  color: #dddd00 !important;
}

a.linkyellow:hover {
  color: #ffff00;
}

a.linkgrey:link {
  color: #555;
}

a.linkgrey:visited {
  color: #555;
}

a.linkgray:hover {
  color: #333;
}

a.artLinkC:link {
  color: var(--scuro);
}

a.artLinkC:visited {
  color: var(--scuro);
}

a.artLinkC2:hover {
  color: var(--scuro2);
}

a.artLinkC2:link {
  text-decoration: underline;
}

a.artLinkC2:visited {
  text-decoration: underline;
}

a.artLinkC2:hover {
  text-decoration: underline;
}

a.font-light:link {
  font-weight: 200 !important;
}

a.font-medium {
  font-weight: 400 !important;
}

a.font-bold {
    font-weight: 700 !important;
  }

/*font color*/
.yellowColor {
  color: #FFFF00 !important;
}

.font-scuro {
  color: var(--scuro);
}

/*Font weight*/
.font-light {
  font-weight: 200 !important;
}

.font-Mlight {
  font-weight: 300 !important;
}


.font-medium {
  font-weight: 400 !important;
}

.font-mediumBold {
  font-weight: 600 !important;
}

.font-bold {
  font-weight: 600 !important;
}

/*font size*/
.summernote {
  font-size: 16px !important;
  height: 500px;
}

.font-xs {
  font-size: 13px !important;
  line-height: 16px !important;
  xdisplay: block;
}

.font-sm {
  font-size: 14px !important;
  line-height: 17px !important;
  xdisplay: block;
}

.font-md {
  font-size: 16px !important;
  line-height: 19px !important;
  xdisplay: block;
}

.font-lg {
  font-size: 18px !important;
  line-height: 28px !important;
  xdisplay: block;
}

.font-xl {
  font-size: 20px !important;
  line-height: 26px !important;
  xdisplay: block;
}

.font-icons {
  font-size: 30px !important;
  line-height: 33px !important;
  xdisplay: block;
}

/*fonts*/
.trascinabile {
  cursor: pointer !important;
}

.elencoPuntatoR {
  font-size: 18px;
}

.elencoPuntatoRT {
  font-weight: bold;
  font-size: 18px;
}

/*Box articoli*/
.boxArticolo {
  background-color: var(--scuro);
  min-height: 100px;
  color: #FFFFFF;
  font-size: 25px;
}

.boxArticolo:hover {
  background-color: var(--scuro2) !important;
  cursor: pointer;
}

.boxArticolo2 {
  background-color: var(--scuro);
  min-height: 150px;
  color: #FFFFFF;
  font-size: 25px;
}

.boxRightmenu {
  background-color: var(--scuro);
  xmin-height: 100px;
  color: #FFFFFF;
  font-size: 18px;
  line-height:18px;
  padding-top:20px;
  padding-bottom:20px;
}

.boxRightmenu:hover {
  background-color: var(--scuro2) !important;
  cursor: pointer;
}


/*Immagini articoli*/
.containernotizie img {
  max-width: 100%;
  max-height: 100%;
}

.imageSnews {
  float: right !important;
  max-height: 300px !important;
}

.imgnews {
  max-width: 100%;
  min-width: 100%;
  height: auto;
}

.imgnewsL {
  width: 30px;
  height: 30px;
  margin-top: -10px;
}

.imageLnews_horizontal {
  max-width: 100%;
  min-width: 100%;
  height: auto;
  max-height: 200px !important;
}

.imageLnews_vertical {
  max-height: 200px !important;
  /*min-height: 60%;*/
  width: auto;
}

.imageMnews {
  max-width: 100%;
  min-width: 100%;
  height: auto;
}

.imageHnews_horizontal {
  max-width: 100%;
  min-width: 100%;
  height: auto;
}

.imageHnews_vertical {
  max-height: 350px !important;
  /*min-height: 60%;*/
  width: auto;
}

.imageSnews_horizontal {
  max-width: 30%;
  min-width: 30%;
  height: auto;
}

.imageSnews_vertical {
  max-width: 30%;
  min-width: 30%;
  height: auto;
}
/*Tabelle*/
table td {
  font-size: 20px;
  font-weight: 400;
}

/*Paginazione*/
.paginazione td {
  padding-top: 35px;
  padding-bottom: 35px;
}

.paginazione a, .paginazione span {
  font-size: 18px;
  padding-left: 16px;
  padding-right: 16px;
  padding-top: 8px;
  padding-bottom: 8px;
  border: 1px solid var(--btn);
  border-radius: 5px;
  margin-left: 5px;
  margin-right: 5px;
}

.paginazione a {
  font-weight: bold;
  background-color: #ffffff;
  color: var(--btn);
}

  .paginazione a:hover {
    background-color: var(--btn);
    color: #ffffff;
    font-weight: normal;
  }

.paginazione span {
  background-color: var(--btn);
  color: #ffffff;
}

/*Carousel*/
#myCarousel {
  xdisplay: block;
  width: 100% !important;
  margin: 0 auto;
  margin-top: 0px;
}

.carousel img {
  xheight: 700px !important;
  width: 100%;
  max-width: 100%;
}

.carousel .maxWidth {
  xheight: 700px !important;
  width: 100%;
  max-width: 100%;
}

.carousel-indicators {
  margin-bottom: 0px;
  /*width: 100%;*/
  margin-left: 0px !important;
  margin-right: 0px !important;
  background: rgba(255, 255, 255, 0.2) !important;
}

.carousel-indicators li {
  border-radius: 50%;
  background-color: #000000 !important;
  opacity: .5 !important;
  border: solid rgba(255, 255, 255, .2);
  border-width: 2px;
}

.carousel-indicators .active {
  background-color: #FFFFFF !important;
  border: solid rgba(255, 255, 255, .1);
  border-width: 2px;
}

.carousel-caption {
  left: 5% !important;
  right: 5% !important;
  width: 90% !important;
}

.carousel-control-prev {
  z-index: 900 !important;
  width: 40px;
}

.carousel-control-next {
  z-index: 900 !important;
  width: 40px;
}


.carousel-control-next-icon {
  background-color: #FF0000;
}

/*HOME Menu*/
.homeMenuLine {
  border-bottom: 2px solid var(--scuro);
  margin-bottom: 8px;
}

.homeMenuTitle {
  font-size: 18px;
  font-weight: normal;
  /*color: var(--scuro);*/
  background-color:var(--scuro)!important;
  color: white!important;
}

  .homeMenuTitle:hover {
    cursor: pointer;
    background-color: var(--scuro2)!important;
  }

.homeMenuTitleSel {
  font-size: 18px;
  font-weight: bold;
  background-color: var(--scuro2)!important;
}

  .homeMenuTitleSel:hover {
    cursor: pointer;
    /*color: white;
		background-color: var(--chiaro);*/
  }

.homeMenuTitleSelLock {
  font-size: 18px;
  font-weight: bold;
  /*color: white;
		background-color: var(--scuro);*/
  /*background-color: #F0F0F0;*/
  background-color: var(--scuro2)!important;
  color: #FFFFFF !important;
  border-radius: 4px;
  margin-right: 10px;
}

.homeMenuSezioneSel {
  font-size: 18px;
  font-weight: bold;
  background-color: var(--scuro4) !important;
}

.homeMenuSezioneSel:hover {
  cursor: pointer;
  background-color: var(--scuro2) !important;
}

.homeMenuTitleClick1:hover {
  /*color: var(--chiaro);
		cursor: pointer;*/
}

.homeMenuTitleClick2:hover {
  /*color: var(--scuro);
		cursor: pointer;*/
}

.homeMenuItem {
  font-size: 18px;
  font-weight: normal;
  color: var(--scuro);
}

  .homeMenuItem:hover {
    cursor: pointer;
  }

.homeMenuItemSel {
  color: white;
  background-color: var(--chiaro);
}

.linkMenuItem {
  color: white !important;
}

  .linkMenuItem:hover {
    color: white !important;
  }

.imgMenu {
  width: 18px;
  height: auto;
  margin-top: -5px;
}

.imgMenuItem {
  width: 15px;
  height: auto;
  margin-top: -4px;
}

.no-wrap {
  white-space: nowrap;
}

.sillabe {
  -ms-word-break: break-all;
  word-break: break-all;
  /* Non standard for webkit */
  word-break: break-word;
  -webkit-hyphens: auto;
  -moz-hyphens: auto;
  hyphens: auto;
}

.hidden {
  display: none;
}

/*MDB switch*/
/* Switch info */
.switch-info label input[type=checkbox]:checked + .lever {
  background-color: var(--scuro);
}

.switch-info label input[type=checkbox]:checked + .lever:after {
  background-color: var(--scuro);
}

/* Switch danger */
.switch-danger label input[type=checkbox]:checked + .lever {
  background-color: #ff4444;
}

  .switch-danger label input[type=checkbox]:checked + .lever:after {
    background-color: #CC0000;
  }

/*Text color*/
.grey-text2 {
  color: #333333;
}

.grey-text3 {
  color: #555;
}


.colorBlock1 {
  background: rgba(12, 164, 199, 0.9) !important;
}

.colorBlock2 {
  background: rgba(15, 105, 41, 0.8) !important;
}

.colorBlock3 {
  background: rgba(90, 61, 26, 0.8) !important;
}

.text-white-t {
  color: rgba(255,255,255,.8) !important;
}

.circle-img {
  width: 250px;
  height: 250px;
  overflow: hidden;
}

  .circle-img img {
    height: 100%;
    transform: translateX(-50%);
    margin-left: 50%;
  }

.circle-radius {
  width: 60px !important;
  height: 60px !important;
}

.white-glow {
  -moz-box-shadow: 0 0 5px #fff;
  -webkit-box-shadow: 0 0 5px #fff;
  box-shadow: 0px 0px 5px #fff;
}

.tooltip {
  pointer-events: none;
}

footer.page-footer {
  background-color: #333333;
}

.footer-copyright {
  background-color:rgba(0,0,0,0.85)!important;
}

.dropdown-item
{
  font-size:18px!important;
}

/*Articoli*/
.ImgArt1 {
  width: 30%;
}

.ImgArt2 {
  width: 100%;
}

.TitleArt {
  font-weight: bold;
  font-size: 30px !important;
}

.TxtArt {
  font-size: 18px !important;
}

.TxtModal {
  font-size: 18px !important;
  color: var(--scuro)!important;
  font-weight:400!important;
}

input[type=text]:focus:not([readonly]), input[type=password]:focus:not([readonly]), textarea:focus:not([readonly]), select:focus:not([readonly]) {
  border-color: var(--scuroRGB2) !important;
  box-shadow: 0 0 0 .2rem var(--scuroRGB3) !important;
}

.font-dyn {
  font-weight: 200 !important;
}

/*Cookie Consent*/
.cookie-consent-banner {
  position: fixed;
  bottom: 0;
  left: 0;
  z-index: 2147483645;
  box-sizing: border-box;
  width: 100%;
  background-color: #F1F6F4;
  display: block;
  visibility: hidden;
  opacity: 1;
}

.visible {
  visibility: visible;
  opacity: 1;
  xmax-height: 0;
}

.cookie-consent-banner__inner {
  max-width: 960px;
  margin: 0 auto;
  padding: 32px 0;
}

.cookie-consent-banner__copy {
  margin-bottom: 16px;
}

.cookie-consent-banner__actions {
}

.cookie-consent-banner__header {
  margin-bottom: 8px;
  xfont-family: "CeraPRO-Bold", sans-serif, arial;
  font-weight: normal;
  font-size: 16px;
  line-height: 24px;
}

.cookie-consent-banner__description {
  xfont-family: "CeraPRO-Regular", sans-serif, arial;
  font-weight: normal;
  color: #838F93;
  font-size: 16px;
  line-height: 24px;
}

.cookie-consent-banner__cta {
  box-sizing: border-box;
  display: inline-block;
  min-width: 164px;
  padding: 11px 13px;
  border-radius: 2px;
  background-color: var(--scuro);
  color: #FFF;
  text-decoration: none;
  text-align: center;
  xfont-family: "CeraPRO-Regular", sans-serif, arial;
  font-weight: normal;
  font-size: 16px;
  line-height: 20px;
}

.cookie-consent-banner__cta--secondary {
  padding: 9px 13px;
  border: 2px solid #3A4649;
  background-color: transparent;
  color: #2CE080;
}

.cookie-consent-banner__cta:hover {
  background-color: #20BA68;
}

.cookie-consent-banner__cta--secondary:hover {
  border-color: #838F93;
  background-color: transparent;
  color: #22C870;
}

.cookie-consent-banner__cta:last-child {
  margin-left: 16px;
}

/*Megasmall devices ( < 425) */
@media (max-width:625)
{
  
}

@media (min-width:376px) and (max-width: 425px)
{
  .siteLogo {
    margin-left: 0px !important;
    height: 50px !important;
  }

  .articleRow {
    padding-left: 15px !important;
    padding-right: 15px !important;
  }
}
@media (min-width:326px) and (max-width: 375px)
{
  .siteLogo {
    margin-left: 0px !important;
    height: 45px !important;
  }

  .articleRow {
    padding-left: 20px !important;
    padding-right: 20px !important;
  }
}
@media (max-width: 325px)
{
  .siteLogo {
    margin-left: 0px !important;
    height: 42px !important;
  }

  .articleRow {
    padding-left: 25px !important;
    padding-right: 25px !important;
  }
}
/* Ultrasmall devices (landscape phones, 576px and lower) */
@media (max-width: 576px) {
  #header_regione {
    height: 80px;
    padding-top: 7px;
  }

  #header_regioneR {
    height: 100px;
    padding-top: 7px;
  }

  .header2 {
    height: 70px !important;
    margin-top: 30px !important;
  }

  .miniheader2 {
    height: 70px !important;
  }

  .header3 {
    margin-top: 100px !important;
  }

  .miniheader3 {
    xmargin-top: 2105px !important;
  }

  .siteLogo {
    margin-left: 0px !important;
    height: 60px;
  }

  .siteminiLogo {
    width: auto;
    height: 50px !important;
    margin-top: 0px;
  }

  .carouselDiv {
    xdisplay: none;
    margin-top: 0px !important;
  }

  .loghi_header {
    width: 16px;
    height: 12px;
  }

  #text_regione {
    margin-left: 20px;
    font-size: 10px;
    letter-spacing: -0.5px;
  }

  #area_riservata {
    width: 150px;
    height: 40px;
    margin-top: -26px;
    display: none;
  }

  #area_riservata div {
    font-size: 10px;
    color: #FF0000;
  }

  #area_riservata_img {
    width: 12px;
    height: 12px;
    margin-top: -5px;
  }

  #area_riservata_text {
    padding-top: 10px;
    padding-bottom: 10px;
  }

  .carousel-indicators li {
    width: 10px !important;
    height: 10px !important;
    margin-top: 5px;
    margin-bottom: 5px;
  }

  #loginContainer {
    padding-top: 20px !important;
  }

  #centerPageR {
    xmargin-top: 20px !important;
  }

  .newsTop {
    margin-top: -55px;
  }

  .ImgArt1 {
    width: 100%;
  }

  .TitleArt {
    font-size: 22px !important;
    font-weight: bold;
  }

  .TxtArt {
    font-size: 14px !important;
  }

  .articleRow {
    padding-left: 30px !important;
    padding-right: 30px !important;
  }
}

/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) {
  #header_regione {
    height: 100px;
    padding-top: 7px;
  }

  #header_regioneR {
    height: 125px;
    padding-top: 7px;
  }

  .header2 {
    height: 90px !important;
    margin-top: 35px !important;
  }

  .miniheader2 {
    height: 90px !important;
  }

  .header3 {
    margin-top: 125px !important;
  }

  .miniheader3 {
    margin-top: 125px !important;
    background-color: var(--scuroRGB)!important;
  }

  .siteLogo {
    height: 80px !important;
  }

  .siteminiLogo {
    width: auto;
    height: 70px !important;
    margin-top: 0px;
  }

  .siteLogo2 {
    height: 90px;
  }

  .carouselDiv {
    /*margin-top: 24px !important;*/
  }

  .loghi_header {
    width: 16px;
    height: 18px;
  }

  #text_regione {
    margin-left: 20px;
    font-size: 12px;
    letter-spacing: -0.5px;
  }

  #area_riservata {
    width: 150px;
    height: 50px;
    margin-top: -30px;
    display: none;
  }

  #area_riservata div {
    font-size: 12px;
    color: #FF0000;
  }

  #area_riservata_img {
    width: 12px;
    height: 16px;
    margin-top: -5px;
  }

  #area_riservata_text {
    padding-top: 12px;
    padding-bottom: 12px;
  }

  .carousel-indicators li {
    width: 11px !important;
    height: 11px !important;
    margin-top: 6px;
    margin-bottom: 6px;
  }

  #loginContainer {
    padding-top: 20px !important;
  }

  #centerPageR {
    xmargin-top: 25px !important;
  }

  .newsTop {
    margin-top: -55px;
  }

  .ImgArt1 {
    width: 66%;
  }

  .TitleArt {
    font-size: 24px !important;
    font-weight: bold;
  }

  .TxtArt {
    font-size: 15px !important;
  }

  .font-dyn {
    font-size: 10px;
  }

  #youtubeModal {
    height: 500px!important;
  }

  .articleRow {
    padding-left: 35px !important;
    padding-right: 35px !important;
  }
}

@media (min-width: 599px) {
  #header_regione {
    height: 100px;
    padding-top: 7px;
  }

  #header_regioneR {
    height: 135px;
    padding-top: 7px;
  }

  .header2 {
    height: 100px !important;
    margin-top: 35px !important;
  }

  .miniheader2 {
    height: 100px !important;
  }

  .header3 {
    margin-top: 135px !important;
  }

  .miniheader3 {
    margin-top: 135px !important;
  }

  .siteLogo {
    height: 90px !important;
  }

  .siteminiLogo {
    width: auto;
    height: 80px !important;
    margin-top: 5px;
  }

  .siteLogo2 {
    height: 100px;
  }

  .carouselDiv {
    /*margin-top: 35px !important;*/
  }

  .loghi_header {
    width: 16px;
    height: 16px;
  }

  #text_regione {
    margin-left: 20px;
    font-size: 10px;
    letter-spacing: -0.5px;
  }

  #area_riservata {
    width: 150px;
    height: 80px;
    xmargin-top: -35px;
    display: none;
  }

    #area_riservata div {
      font-size: 10px;
      color: #FF0000;
    }

  #area_riservata_img {
    width: 12px;
    height: 16px;
    margin-top: -4px;
  }

  #area_riservata_text {
    padding-top: 18px;
    padding-bottom: 18px;
  }

  .carousel-indicators li {
    width: 12px !important;
    height: 12px !important;
    margin-top: 7px;
    margin-bottom: 10px;
  }

  #loginContainer {
    padding-top: 20px !important;
  }

  #centerPageR {
    xmargin-top: 35px !important;
  }

  .newsTop {
    margin-top: -55px;
  }

  .ImgArt1 {
    width: 66%;
  }

  .TitleArt {
    font-size: 26px !important;
    font-weight: bold;
  }

  .TxtArt {
    font-size: 15px !important;
  }

  .font-dyn {
    font-size: 10px;
  }

  .articleRow {
    padding-left: 40px !important;
    padding-right: 40px !important;
  }
}

/* Medium devices (tablets, 768px and up)*/
@media (min-width: 768px) {
  #header_regione {
    height: 120px;
    padding-top: 7px;
  }

  #header_regioneR {
    height: 145px;
    padding-top: 7px;
  }

  .header2 {
    height: 110px !important;
    margin-top: 35px !important;
  }

  .miniheader2 {
    height: 110px !important;
  }

  .header3 {
    margin-top: 145px !important;
  }

  .miniheader3 {
    margin-top: 145px !important;
  }

  .siteLogo {
    height: 100px !important;
  }

  .siteminiLogo {
    width: auto;
    height: 80px !important;
    margin-top: 10px;
  }

  .siteLogo2 {
    height: 80px;
  }

  .carouselDiv {
    /*margin-top: 25px !important;*/
  }

  .loghi_header {
    width: 12px;
    height: 20px;
  }

  #text_regione {
    margin-left: 20px;
    font-size: 12px;
    letter-spacing: -0.5px;
  }

  #area_riservata {
    width: 150px;
    height: 40px;
    margin-top: -35px;
    display: none;
  }

  #area_riservata_text {
    font-size: 12px !important;
  }

  #area_riservata_img {
    width: 12px;
    height: 20px;
    margin-top: -5px;
  }

  #area_riservata_text {
    padding-top: 16px;
    padding-bottom: 16px;
    font-size: 12px;
    height: 40px;
    display;
  }

  .carousel-indicators li {
    width: 13px !important;
    height: 13px !important;
    margin-top: 8px;
    margin-bottom: 8px;
  }

  #loginContainer {
    padding-top: 20px !important;
  }

  #centerPageR {
    xmargin-top: 25px !important;
  }

  .newsTop {
    margin-top: -55px;
  }

  .ImgArt1 {
    width: 50%;
  }

  .TitleArt {
    font-size: 28px !important;
    font-weight: bold;
  }

  .TxtArt {
    font-size: 16px !important;
  }

  .font-dyn {
    font-size: 10px;
  }

  #youtubeModal {
    height: 500px!important;
  }

  .articleRow {
    padding-left: 50px !important;
    padding-right: 50px !important;
  }
}

/* Large devices (desktops, 992px and up)*/
@media (min-width: 992px) {
  #header_regione {
    height: 140px;
    padding-top: 7px;
  }

  #header_regioneR {
    height: 160px;
    padding-top: 7px;
  }

  .header2 {
    height: 120px !important;
    margin-top: 40px !important;
  }

  .miniheader2 {
    height: 110px !important;
  }

  .header3 {
    margin-top: 160px !important;
  }

  .miniheader3 {
    margin-top: 120px !important;
  }

  .siteLogo {
    height: 110px !important;
    margin-top: 5px;
  }

  .siteminiLogo {
    width: auto;
    height: 90px !important;
    margin-top: 10px;
  }

  .siteLogo2 {
    height: 90px;
  }

  .dropdown-menu {
    min-width: 100%;
    padding:0px!important;
    xmax-height:50px!important;
  }

  .dropdown-item {
    height:50px!important;
    color:var(--scuro)!important;
    font-weight:600!important;
    text-align:center!important;
  }

  .carouselDiv {
    /*margin-top: 62px !important;*/
  }

  .loghi_header {
    width: 16px;
    height: 24px;
  }

  #text_regione {
    margin-left: 20px;
    font-size: 14px;
    letter-spacing: -0.5px;
  }

  #area_riservata {
    width: 150px;
    height: 20px;
    margin-top: -15px;
    display: block;
    margin-left: auto;
    margin-right: 0;
  }

  #area_riservata_text {
    font-size: 14px !important;
    height: 43px;
  }

  #area_riservata_img {
    width: 12px;
    height: 18px;
    margin-top: -5px;
  }

  #cerca {
    xpadding-left: 100px;
  }

  .carousel-indicators li {
    width: 14px !important;
    height: 14px !important;
    margin-top: 9px;
    margin-bottom: 9px;
  }

  #loginContainer {
    padding-top: 20px !important;
  }

  #centerPageR {
    xmargin-top: 20px !important;
  }

  .newsTop {
    margin-top: -55px;
  }

  .ImgArt1 {
    width: 33%;
  }

  .TitleArt {
    font-size: 29px !important;
    font-weight: bold;
  }

  .TxtArt {
    font-size: 17px !important;
  }

  .font-dyn {
    font-size: 13px;
  }

  .articleRow {
    padding-left: 70px !important;
    padding-right: 70px !important;
  }
}

/* Extra large devices (large desktops, 1200px and up)*/
@media (min-width: 1200px) {
  #header_regione {
    height: 140px;
    padding-top: 9px;
  }

  #header_regioneR {
    height: 205px;
    padding-top: 9px;
  }

  .header2 {
    height: 160px !important;
    margin-top: 48px !important;
  }

  .miniheader2 {
    height: 120px !important;
  }

  .header3 {
    margin-top: 208px !important;
  }

  .miniheader3 {
    margin-top: 130px !important;
  }

  .siteLogo {
    width: auto;
    height: 150px !important;
  }

  .siteminiLogo {
    width: auto;
    height: 100px !important;
    margin-top: 10px;
  }

  .siteLogo2 {
    height: 100px;
  }

  .carouselDiv {
    /*margin-top: 110px !important;*/
  }

  .loghi_header {
    width: 26px;
    height: 32px;
  }

  #text_regione {
    margin-left: 30px;
    font-size: 18px;
    letter-spacing: -0.5px;
  }

  #area_riservata {
    width: 150px;
    height: 80px;
    margin-top: -13px;
    display: block;
    margin-left: auto;
    margin-right: 30px;
  }

  #area_riservata_text {
    font-size: 18px !important;
    padding-top: 16px;
    padding-bottom: 16px;
    height: 51px;
  }

  #area_riservata_img {
    width: 14px;
    height: 20px;
    margin-top: -5px;
  }

  .carousel-indicators li {
    width: 15px !important;
    height: 15px !important;
    margin-top: 10px;
    margin-bottom: 10px;
  }

  #loginContainer {
    padding-top: 20px !important;
  }

  #centerPageR {
    xmargin-top: 65px !important;
  }

  .newsTop {
    margin-top: -55px;
  }

  .ImgArt1 {
    width: 33%;
  }

  .TitleArt {
    font-size: 30px !important;
    font-weight: bold;
  }

  .TxtArt {
    font-size: 18px !important;
  }

  .font-dyn {
    font-size: 14px;
  }

  .articleRow {
    padding-left: 100px !important;
    padding-right: 100px !important;
  }
}

@media (min-width:1400px) {
  .articleRow {
    padding-left: 150px !important;
    padding-right: 150px !important;
  }
}

/*@media (min-width: 375px)
{
  xbody
  {
    min-width:375px!important;
  }

  #header_regione
  {
    max-width: 100%!important;
  }
}

@media (min-width: 320px)
{
  xbody
  {
    min-width:320px!important;
  }

  #header_regione
  {
    max-width: 100%!important;
  }
}

@media (min-width: 425px)
{
  xbody
  {
    min-width:425px!important;
  }

  #header_regione
  {
    max-width: 100%!important;
  }
}*/

.containerSingle {
  xdisplay: none;
}

/*Per JScropper*/
.img-container {
  min-width: 50vw; /*your responsive value here*/
  min-height: 50vh; /*your responsive value here*/
}

.cropperImage {
  max-width: 100%; /* prevent the overflow blip when the modal loads */
}
