/* STYLE OVERRIDE */

/* fix toolbar con style custom */
#toolbar-item-administration-tray, 
#toolbar-administration .toolbar-tray-horizontal {
  position: fixed;
}
#toolbar-administration {
  margin-top: -39px;
  margin-bottom: 39px;
  z-index: 999999;
}

/* link tab modifica contenuto */
.block-core.block-local-tasks-block {
  text-align: right;
  z-index: 99999;
}

/* general */
body.no-prod:after {
  content: " DEV ";
  position: fixed;
  bottom: 0;
  width: 150px;
  height: 50px;
  z-index: 99999;
  background-color: #f2a724;
  font-size: 18px;
  padding: 0;
  margin: 0;
  text-align: center;
  font-weight: 600;
}
body:not([class*="page-"]) .block-system-main-block {
  max-width: 1032px;
  margin: auto auto;
  margin-top: 30px;
  padding-bottom: 20px;
}
.block_sys_messages {
  position: absolute;
  top: 50px;
  z-index: 9999;
  left: 50%;
  transform: translate(-50%, 0);
  max-width: 100%;
}
.block_sys_messages a.messageclose {
  font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
  color: #000000;
  font-size: 20px;
  font-weight: bold;
  line-height: 13.5px;
  text-shadow: 0 1px 0 #ffffff;
  filter: alpha(opacity=25);
  -khtml-opacity: 0.25;
  -moz-opacity: 0.25;
  opacity: 0.25;
  background-color: rgba(0, 0, 0, 0.25);
  display: inline-block;
  padding: 0 1px;
  position: absolute;
  right: 5px;
  top: 5px;
}

.block_sys_messages a.messageclose:hover,
.block_sys_messages a.messageclose:focus,
.block_sys_messages a.messageclose:active {
  color: #000000;
  text-decoration: none;
  filter: alpha(opacity=40);
  -khtml-opacity: 0.4;
  -moz-opacity: 0.4;
  opacity: 0.4;
}

/* image */
.obj-fit {
  height: auto;
}
picture.image-container.box-rounded--15 {
  height: auto;
}

/* header */
.header {
  position: initial;
}
.header-top {
  background-color: #900900;
}
.page-node-type-home-page .header {
  position: absolute;
}
.page-node-type-home-page .header-top {
	background-color:transparent;
}

/* language switcher */
.language_menu li {
  text-transform: uppercase;
}
.language_menu li.is-active {
  font-weight: bold;
}
.language-box li:after {
  white-space: pre;
}

/* breadcrumb */
.breadcrumb {
  padding-bottom: 0.5em;
}
.breadcrumb ol {
  margin: 0;
  padding: 0;
}
[dir="rtl"] .breadcrumb ol {
  /* This is required to win over specificity of [dir="rtl"] ol */
  margin-right: 0;
}
.breadcrumb li {
  display: inline;
  margin: 0;
  padding: 0;
  list-style-type: none;
}
/* IE8 does not support :not() and :last-child. */
.breadcrumb li:after {
  content: "/";
  padding: 0 10px;
}
.breadcrumb li:last-child:after {
  content: none;
}

/* slider hp */
.section-slider-home .slide-caption p {
  font-size: 22px;
}

/* slider */
.swiper-pagination-bullet {
  transition: 300ms;
}
.swiper-button-prev:focus, 
.swiper-button-next:focus,
.swiper-pagination-bullet:focus {
  outline:none!important;
}

/* tabs */
.tagFilters .ui-tabs-active a span {
  transition: 300ms;
}

/* Cards */
.tab-content .card__half.swiper-slide-content,
.view-grid .card__half.swiper-slide-content {
  border: 1px solid #c6c6c6;
}
.card__full .slide-caption__over {
  padding: 5px 20px;
  font-size: 13px;
}
.card__no-img .category-title {
  line-height: 20px;
}

/* Content */
.node--unpublished {
  background-color: #fff4f4;
}
.node--unpublished.node--view-mode-full:after {
  content: "Non pubblicato";
  position: fixed;
  display: inline-block;
  left: 50%;
  transform: translateX(-50%);
  bottom: 0;
  padding: 10px;
  -webkit-border-radius: 5px 5px 0 0;
  border-radius: 5px 5px 0 0;
  text-transform: uppercase;
  font-weight: bold;
  z-index: 998;
  border: 1px solid transparent;
  background-color: #e27c79;
  border-color: #dd6864;
  color: #9f2723;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
}
.article-bottom-link a {
  word-break: break-word;
}
.field--type-text-long a {
  text-decoration: underline;
}
.field--type-text-long ul {
  text-align: left;
}
.box-anchor p {
  display: inline-block;
  margin-right: 20px;
}
.field--name-field-descrizione,
.field--name-field-p-descrizione {
  text-align: left;
}
/* hub */
.special-title:before {
  content: attr(data-content);
  font-size: 9vw;
  line-height: 7vw;
}

/* info e contatti */
.block-info_label {
  text-transform: uppercase;
}
.block-text-info {
  height: initial;
  min-height: 400px
}

/* Newsletter */
.page-node-type-simplenews-issue .node--view-mode-full {
  width: 800px;
  margin: 0 auto;
}
.page-node-type-simplenews-issue .email-container {
  max-width: 100% !important;
  margin: 0 auto;
}
.page-node-type-simplenews-issue .email-container a {
  text-decoration: underline;
}
.simplenews-confirm-add {
  font-size: 24px;
}

/* search api */
.view-search-api .form-item-s, 
.view-search-api .form-item-type,
.view-search-api .form-actions {
  display: none;
}

/* footer */
.block-footer-link li:last-child:after {
  content: none;
}

/* menu footer nero */
.section-menu-footer .menu-footer-title {
  text-transform: uppercase;
}

/* modal */
.modal .box-event-date {
  text-align: center;
}

/* ricerca mappa */
.map_links .map_links__btn {
  padding: 5px 0px;
  display: inline-block;
  margin: 0 5px;
  text-transform: uppercase;
}
.map_links .map_links__btn .serp-form-checkmark {
  min-width: 140px;
  width: initial;
}
.map_links .map_links__btn .active {
  background-color: #fff;
  color: #000;
}
/* mappa */
.view-mappa .leaflet-container {
  /* page__inner */
  max-width: 1032px;
  margin: auto auto;
  /* box-rounded--25 */
  -webkit-border-radius: 25px;
  -moz-border-radius: 25px;
  border-radius: 25px;
  overflow: hidden;
}
/* MAPPA card */
.view-mappa .padding-15 {
  padding: 0;
}
.view-mappa .swiper-slide-content {
  box-shadow: 0 3px 14px rgba(0,0,0,0.4);
}
.view-mappa .leaflet-popup-content-wrapper {
  background: transparent;
  box-shadow: none;
}
.view-mappa .leaflet-container .card__half a {
  color: initial;
}
.view-mappa .leaflet-popup-content {
  width: 320px;
  margin: 0;
}
.view-mappa .leaflet-container a.leaflet-popup-close-button {
  width: 30px;
  height: 30px;
  padding-top: 9px;
  z-index: 999;
}
.view-mappa .leaflet-popup-tip {
  background: #9f2723;
}
.leaflet-popup-content .arrow-link-red {
  display: inline-block;
  font-size: 18px;
}
.leaflet-popup-content .arrow-link-red:after {
  font-size: 18px;
}
.view-mappa .leaflet-popup {
  height: 330px;
}

/* Utility */
.section-info .multi-field-separator:before {
  content: ", ";
  margin-left: -0.3em;
}

/* table */
.field--type-text-long table { 
  width: 100%; 
  border-collapse: collapse; 
}
/* Zebra striping */
.field--type-text-long tr:nth-of-type(odd) { 
  background: #eee; 
}
.field--type-text-long th { 
  background: #333; 
  color: white; 
  font-weight: bold; 
}
.field--type-text-long td, .field--type-text-long th { 
  padding: 6px; 
  border: 1px solid #ccc; 
  text-align: left; 
}

/* datapicker */
.ui-datepicker.ui-widget {
  z-index: 999 !important;
  font-family: 'Titillium Web', sans-serif;
}
.ui-datepicker .ui-widget-header .ui-icon {
  background-image: url(ui-datepicker/images/ui-icons_ffffff_256x240.png);
}
.ui-datepicker .ui-state-hover, 
.ui-datepicker .ui-widget-content .ui-state-hover, 
.ui-datepicker .ui-widget-header .ui-state-hover, 
.ui-datepicker .ui-state-focus, 
.ui-datepicker .ui-widget-content .ui-state-focus, 
.ui-datepicker .ui-widget-header .ui-state-focus, 
.ui-datepicker .ui-button:hover, 
.ui-datepicker .ui-button:focus {
  background: #900900;
  font-weight: normal;
  color: #fff;
}
.ui-datepicker .ui-widget-header {
  border: 1px solid #900900;
  background: #900900;
  color: #fff;
}
.ui-datepicker .ui-datepicker-calendar td a {
  text-align: center;
}
.ui-datepicker .ui-state-highlight, 
.ui-datepicker .ui-widget-content .ui-state-highlight, 
.ui-datepicker .ui-widget-header .ui-state-highlight {
  border: 1px solid #ffffff;
  background: rgba(144, 9, 0, 0.6);
  color: #000;
}
.ui-datepicker .ui-state-active, 
.ui-datepicker .ui-widget-content .ui-state-active, 
.ui-datepicker .ui-widget-header .ui-state-active, 
.ui-datepicker a.ui-button:active, .ui-button:active, 
.ui-datepicker .ui-button.ui-state-active:hover {
  border: 1px solid #ffffff;
  background: #900900;
  color: #fff;
  font-weight: bold;
}

/* banner cookie */
#popup-buttons button {
  background: #fff;
  border: 1px solid #000;
  padding: 4px 10px;
  cursor: pointer;
  border-radius: 20px;
  outline: none;
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
}
#popup-buttons button:hover {
  transform: scale(1.05);
}

/* VIDEO WALL */
.head-wall {
  padding: 30px 0 40px 65px;
  margin: 15px 0 10px;
}
.section-wall {
  padding: 20px 0 40px 75px;
}
.head-wall .slider-nav--title {
  text-transform: uppercase;
  font-weight: 600;
}
.head-wall .is-active .slider-nav--title {
  color: #900900;
}
.head-wall .slider-nav {
  margin-top: 9px;
}
.head-wall .slider-nav p {
  height: 35px;
}
.header__logo {
  margin: 5px 20px;
  /* padding-right: 22px; */
}
.header__logo img {
  margin-right: initial;
}
.section-wall .image-container {
  width: calc(45vw - 40px);
  margin-left: 8px;
}
.section-wall .slider .slide-content img.obj-fit {
  height: calc(45vw - 40px);
  width: calc(45vw - 40px);
}
.section-wall .text-container {
  margin-left: calc(47vw - 20px);
  padding-right: 70px;
}
.section-wall .qrcode {
  right: 50px;
  bottom: 20px;
}
.section-wall .titolo-slide {
  margin-bottom: 20px;
  font-size: 26px;
}
.section-wall .titolo-slide .field__item {
  display: inline;
}
.section-wall .titolo-slide .field__item:after {
  content: " | ";
}
.section-wall .titolo-slide .field__item:last-child:after {
  display: none;
}
.section-wall h1 {
  line-height: 45px;
  text-transform: uppercase;
  font-size: 55px;
}
.section-wall .sottotitolo-slide {
  font-size: 24px;
  margin-top: 5px;
}
.section-wall .testo-slide {
  padding-top: 10px;
  font-size: 1.5vw;
}
/* .section-wall .data_range {
  position: absolute;
  left: 0;
  bottom: 60px;
} */
/* preview */
.node--type-video-wall-content.node--view-mode-full .image-container img {
  object-fit: cover;
  font-family: 'object-fit: cover';
  float: left;
  height: calc(50vw - 40px);
  width: calc(50vw - 40px);
  max-height: 100%;
}

/* FIX prefixer */
.swiper-slide-content_bg-shadow:after {
  background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0,0,0,0.7)), to(rgba(0,0,0,0)));
  background-image: -o-linear-gradient(bottom, rgba(0,0,0,0.7), rgba(0,0,0,0));
  background-image: linear-gradient(0deg, rgba(0,0,0,0.7), rgba(0,0,0,0));
}
.internal-slide-shadow:after {
  background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0,0,0,0.4)), to(rgba(0,0,0,0)));
  background-image: -o-linear-gradient(bottom, rgba(0,0,0,0.4), rgba(0,0,0,0));
  background-image: linear-gradient(0deg, rgba(0,0,0,0.4), rgba(0,0,0,0));
}

/* FIX katia */
.read-all-link {
  font-style: italic;
  padding-top: 0;
}
.section-cards-consigli .swiper-slide-content {
  height: initial;
}
.view-aggregatore-articoli .section-cards-consigli .swiper-slide-content {
  height: 190px;
  overflow: hidden;
}
.category-title {
  font-size: 15px;
}
.category-title a {
  text-decoration: underline;
}
.slide-caption__title {
  font-size: 22px;
}
.section-cards-scopri .swiper-slide-content {
  height: 340px;
}
.section-cards-scopri .slide-caption__title {
  height: initial;
  padding: 5px 20px 5px;
}
.section-cards-banner .swiper-slide-content {
  height: 240px;
}
.swiper-arrow {
  transform: translateY(-50%);
}

/* DIZIONARIO */
.view-dizionario-page .content {
  padding: 0 40px;
}
.view-dizionario-page .view-filters {
  text-align: center;
}
.view-dizionario-page .form-item-start-with {
  display: none;
}
.view-dizionario-page .glossary {
  text-align: center;
  margin: 30px 0;
  border-bottom: 1px solid #7f0900;
}
.view-dizionario-page .glossary__title {
  text-transform: uppercase;
  font-weight: 600;
  font-size: 20px;
  margin-bottom: 20px;
}
.view-dizionario-page .glossary .views-summary {
  display: flex;
  justify-content: center;
  margin-bottom: 20px;
  flex-wrap: wrap;
  padding: 0;
}
.view-dizionario-page .glossary .views-summary li {
  display: inline-block;
  list-style: none;
  margin: 0;
  padding: 5px 15px;
}
.view-dizionario-page .glossary .views-summary li a {
  /* padding: 2px 12px; */
  border: 1px solid #7f0900;
  text-transform: uppercase;
  font-size: 20px;
  transition: background-color 0.3s ease;
  width: 30px;
  height: 30px;
  line-height: 27px;
  display: inline-block;
}
.view-dizionario-page .glossary .views-summary li a.active {
  background-color: #900900;
  color: #fff;
}
.view-dizionario-page .glossary .views-summary a:hover {
  background-color: #900900;
  color: #fff;
}
.view-dizionario-page .view-content .field--label-inline {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  margin-bottom: 5px;
}
.view-dizionario-page .view-content .field__label {
  font-weight: initial;
  text-transform: uppercase;
  color: #545454;
}
.view-dizionario-page .view-content .field__item {
  font-weight: 600;
}
.view-dizionario-page .view-content .field__item p {
  padding-bottom: 0;
}
.view-dizionario-page .view-empty {
  font-size: 22px;
  text-transform: uppercase;
}

.accordion dt, .accordion dd {
  padding: 10px;
}
.accordion dt a, .accordion dd a {
  display: block;
  font-weight: 600;
}
.accordion dt a {
  z-index: 2;
}
.accordion dd {
  display: none;
}
.accordion .node {
  border-bottom: 1px solid #b2b2b2;
}
.accordion .node:nth-child(even) {
  background: #f8f8f8;
}

.accordion-item.active dt:after {
  content:"\e85c";
  font-family: "icon-font";
  position:absolute;
  bottom:10px;
  right:10px;
  font-size: 20px;
}
.accordion-item dt:after {
  content:"\e859";
  font-family: "icon-font";
  position:absolute;
  bottom:10px;
  right:10px;
  font-size: 20px;
}
.with-audio .audio-player:after {
  content:"\e849";
  font-family: "icon-font";
  position:absolute;
  bottom:10px;
  right:10px;
  font-size: 25px;
}
.with-audio .audio-player {
  float: right;
  margin-right: 30px;
  margin-top: 15px;
  z-index: 1;
}
.with-audio audio {
  width: 250px;
  margin-bottom: 5px;
}

@media only screen and (max-width: 650px) {
  .section-slider-home .swiper-slide .slide-caption-fixed {
    width: 100%;
  }
  /* hub */
  .special-title p {
    padding-top: 10px;
    font-size: 15vw;
    line-height: 15vw;
  }
  .special-title:before {
    content: none;
    font-size: 9vw;
    line-height: 6.9vw;
  }
  /* menu footer nero */
  .section-menu-footer .col-md-3 {
    padding-left: 0;
  }
  .section-menu-footer .menu-item {
    padding-left: 15px;
  }
  .section-menu-footer .menu-item a {
    text-decoration: underline;
  }
  /* content anchor */
  .box-anchor p {
    display: block;
    margin-right: initial;
  }
  /* card */
  .section-cards-scopri .swiper-slide-content {
    height: 100vw;
  }
  .view-grid .section-cards-date .swiper-slide-content,
  .tab-content .section-cards-date .swiper-slide-content {
    height: 100vw;
  }
}
/* 
Max width before this PARTICULAR table gets nasty
This query will take effect for any screen smaller than 760px
and also iPads specifically.
*/
@media only screen and (max-width: 760px),
(min-device-width: 768px) and (max-device-width: 1024px)  {

	/* Force table to not be like tables anymore */
	.field--type-text-long table, .field--type-text-long thead, .field--type-text-long tbody, .field--type-text-long th, .field--type-text-long td, .field--type-text-long tr { 
		display: block; 
	}
	
	/* Hide table headers (but not display: none;, for accessibility) */
	.field--type-text-long thead tr { 
		position: absolute;
		top: -9999px;
		left: -9999px;
	}
	
	.field--type-text-long tr { border: 1px solid #ccc; }
	
	.field--type-text-long td { 
		/* Behave  like a "row" */
		border: none;
		border-bottom: 1px solid #eee; 
		position: relative;
	}
	
	.field--type-text-long td:before { 
		/* Now like a table header */
		position: absolute;
		/* Top/left values mimic padding */
		top: 6px;
		left: 6px;
		width: 45%; 
		padding-right: 10px; 
		white-space: nowrap;
	}
}

@media only screen and (min-width: 1500px) {
  /* hub */
  .special-title:before {
    font-size: 8vw;
    line-height: 6vw;
  }
}

/* Colori TEMI */
.btn_temi a.btn {
  color: #fff;
}
.category_color--amaranth, .category_color--amaranth a {
	color: #e62e4c;
}
.category_color--blueperussian, .category_color--blueperussian a {
	color: #004266;
}
.category_color--purpledark, .category_color--purpledark a {
	color: #9e2986;
}
.category_color--blueiris, .category_color--blueiris a {
	color: #9e2986;
}
.category_color--greensalad, .category_color--greensalad a {
	color: #54993d;
}
.category_color--greenpea, .category_color--greenpea a {
	color: #24593e;
}
.category_color--orangemandarin, .category_color--orangemandarin a {
	color: #992925;
}
.category_color--yellowsea, .category_color--yellowsea a {
	color: #f2a724;
}
.category_bg--black {
	background-color: #000;
}
.category_bg--amaranth {
	background-color: #e62e4c;
}
.category_bg--blueperussian {
	background-color: #004266;
}
.category_bg--purpledark {
	background-color: #9e2986;
}
.category_bg--blueiris {
	background-color: #9e2986;
}
.category_bg--greensalad {
	background-color: #54993d;
}
.category_bg--greenpea {
	background-color: #24593e;
}
.category_bg--orangemandarin {
	background-color: #992925;
}
.category_bg--yellowsea {
	background-color: #f2a724;
}