/* FIX YOUTUBE VIDEO EMBED */
#descrizione iframe{
  width:100%;
}

.w-15{
  width: 15% !important;
}

/* a.text-white strange rules, reduce contrast _text-emphasis.scss:13 */
a.text-white:hover, a.text-white:focus, .toggles label input[type="checkbox"]:focus + a.text-white.lever {
  color: #fff !important;
}

h3 a.text-white, h3 a.text-white {
  text-decoration: none;
}

h3 a.text-white:hover, h3 a.text-white:focus {
  text-decoration: underline;
}

/* link card */
a.card {
  text-decoration: none;
}

a.card:hover {
  text-decoration: underline;
}

/* allow card-title style with other heading _cards.scss:191 */
.card .card-body  .card-title {
    font-weight: 700;
    margin-bottom: 16px;
    transition: all 0.3s;
}


/* card: same card-text style foa all the cards */
.card.card-teaser .card-body .card-text, .card.card-teaser .card-body .card-text > p {
  font-family: "Lora",Georgia,serif;
}

/* card: read-morte style to element non a, allow use of card in ArgsAndTags by allow use tag a in card and not in title and read-more (redundant link)*/
.card .read-more {
  position: absolute;
  bottom: 24px;
}

.read-more {
  display: flex;
  align-items: center;
  text-transform: uppercase;
  font-weight: bold;
  letter-spacing: .9px;
  font-size: .7777777778rem;
  text-decoration: none;
}

/* TODO: allow card content to don't oversize page, issue visible in chrome when test 1.4.10 WCAG 2.1 liv. AA */
/*
this is not good user remarks it to us because text goes on a new lane in a strange way
.card {
  line-break: anywhere;
}
*/

/* SITE NAME LINK */
.it-header-center-wrapper .it-header-center-content-wrapper .it-brand-wrapper a:hover,
.it-footer-main .it-brand-wrapper a:hover {
  text-decoration: underline;
}

/* FOOTER AMMINISTRAZIONE TRASPARENTE link ask mauve why error */
.it-footer-main h4 a:hover {
  text-decoration : underline;
}

/* FOOTER more visible link in the menu fondo pagina*/
.it-footer-small-prints a:hover:not(.disabled),
.it-footer-small-prints ul.it-footer-small-prints-list li a:hover:not(.disabled)
{
  text-decoration : underline;
}

/* FOOTER list with mixed links and text elements identified by div container */
.it-footer-main .link-list-wrapper ul li div {
  padding: 0;
  font-size: 1em;
  line-height: 2em;
  color: #fff;
}

.it-footer-main .link-list-wrapper ul li div svg {
  margin-top: 8px;
  margin-bottom: 8px;
}


/* REAL DISABLE LINK */
a.disabled {
  pointer-events: none;
  cursor: default;
  text-decoration: none;
}

/* ACCESSIBILITÀ ABILITARE FOCUS PER USO IMPROPRIO DI CARD TEASER TRAMITE TAG A */
:focus:not(.focus--mouse):not([data-focus-mouse="true"]), .form-check [type="checkbox"]:focus + label, .form-check [type="radio"]:focus + label, .toggles label input[type="checkbox"]:focus + .lever {
  border: 2px solid #f90 !important;
  outline: #f90 solid 2px !important;
}

a.card.shadow:focus, a.card.card-bg:focus {
  border: 2px solid #f90 !important;
  outline: #f90 solid 2px !important;
  box-shadow: 0 0 0 2px #f90 !important;
  -webkit-box-shadow: 0 0 0 2px #f90 !important;
}

.custom-navbar-toggler:focus, .btn:focus {
  border: 2px solid #f90 !important;
  outline: #f90 solid 2px !important;
  box-shadow: 0 0 0 2px #f90 !important;
  -webkit-box-shadow: 0 0 0 2px #f90 !important;
}

.custom-navbar-toggler:hover {
  text-decoration: underline;
}

/* elenco argomenti - grafica per accessibilità */
.rounded-bottom-0 {
  border-bottom-left-radius: 0px !important;
  border-bottom-right-radius: 0px !important;
}

.it-grid-list-wrapper.it-image-label-grid div[class^="col-"] {
  display: inline-block;
}


/* DESIGN ITALIA - menu Indice nel dettaglio di un elemento in modalità tablet o mobile*/
.navbar.it-navscroll-wrapper .menu-wrapper {
  padding: 104px 0 24px;
  right: 0;
}

/*
.navbar .navbar-collapsable .menu-wrapper .nav-item.megamenu .dropdown-menu .link-list-wrapper ul.link-list{
  display: flex;
  flex-direction: column-reverse;
}
*/
/* - mobile */
/*
@media (min-width:992px) {
  .navbar .navbar-collapsable .menu-wrapper .nav-item.megamenu .dropdown-menu .link-list-wrapper ul.link-list{
    width: 100%;
    flex-wrap: wrap;
    flex-direction: inherit;
  }
  
  .navbar .navbar-collapsable .menu-wrapper .nav-item.megamenu .dropdown-menu .link-list-wrapper ul.link-list li {
    flex: 1 0 21%;
  }
  
  .navbar .navbar-collapsable .menu-wrapper .nav-item.megamenu .dropdown-menu .link-list-wrapper ul.link-list li.main-voice {
    flex: 1 0 100%;
    text-align: right;
    border-top: 1px solid #b1b1b3;
  }
}
*/

/* FORM - validation summary */
.validation-summary-valid
{
	display: none;
}

/* layout elements - MAUVE - accessibilità - C14: Using em units for font sizes */
html {
  font-size: 1.13em;
}

body {
  font-size: 1em;
}

.btn {
  font-size: 0.885em;
}

.it-footer-main {
  font-size: 0.885em;
}

.it-footer-main h4 a {
  font-size: initial;
}

.it-footer-small-prints a, .it-footer-small-prints a:hover:not(.disabled),
.it-footer-small-prints a {
  font-size: 0.8297em;
}

/* facebook share gadget - MAUVE - accessibilità - C14: Using em units for font sizes */
.fb_reset {
  font-size: 0.6084em !important;
}

/* Tech C28 Specifying the size of text containers using em units */
/*
@media (min-width: 576px) {
  .container, .container-sm {
    max-width: 30em;
  }
}
@media (min-width: 768px) {
  .container, .container-md, .container-sm {
    max-width: 37em;
  }
}
@media (min-width: 992px) {
  .container, .container-lg, .container-md, .container-sm {
    max-width: 53.1em;
  }
}
@media (min-width: 1200px) {
  .container, .container-lg, .container-md, .container-sm, .container-xl {
    max-width: 65.5em;
  }
}
*/


.img-responsive-wrapper .img-responsive {
  height: 0em;
}

.icon {
  height: 1.8em;
  width: 1.8em;
}

/* 
it-list hide icon before - hanno usato la stessa classe per gli elenchi e per l'icona del bottone del menù delle pagine di dettaglio
è necessario aggiungere questa modifica per speficiare che quando si usa il tag UL non è necessario mostrare l'icona oppure bisogna modificare
il nome della classe dell'icona
*/
ul.it-list::before {
  content: none;
}

/* Criterion 1.4.4: Resize text - zoom testuale al 200% - rese grafiche non perfette */
.chip {
  height: auto;
  padding: 2px 16px 0 8px;
}

.chip.chip-lg {
  height: auto;
  border-radius: 1.106rem;
  padding: 0.664rem 1.3rem 0 0.889rem;
}

.chip-label {
  height: auto !important;
}

.chip.chip-lg button .icon {
  top: -16px;
}

/* header slim avoid height limitations */
.it-header-slim-wrapper, .it-header-slim-wrapper .it-header-slim-wrapper-content, .it-header-slim-wrapper 
.it-header-slim-wrapper-content .it-header-slim-right-zone, 
.it-header-slim-wrapper .it-header-slim-wrapper-content .header-slim-right-zone {
  height: auto;
}

/* header when do some Reflow test like C33 https://www.w3.org/WAI/WCAG21/Techniques/css/C33 */
.it-header-center-wrapper {
  height: auto;
  padding-top: 6px;
  padding-bottom: 6px;
}

/* improve position and avoid burger to goes over ente name when screen are little */
@media (max-width: 576px) {
  .it-header-wrapper .it-nav-wrapper .it-header-navbar-wrapper {
    margin-top: -20px;
  }
}

.it-header-wrapper .it-nav-wrapper .it-header-navbar-wrapper nav {
  padding-right: 0px;
}

@media (max-width: 768px) {
  .it-header-wrapper .it-nav-wrapper .it-header-navbar-wrapper .col-12 {
    padding-right: 0px;
  }
}

/* detail page sticky index and top button correclty depth */
.it-header-wrapper{
  z-index: 6;
}

.it-header-wrapper.it-header-sticky.is-sticky .it-nav-wrapper
{
  z-index: 16;
}

.sticky-wrapper.is-sticky.navbar-wrapper
{
  z-index: 2;
}

/* Il pulsante per tornare in cima alla pagina, nelle pagine in cui è presente 
un indice, rimaneva nascosto dall'indice, in questo modo viene portato in primo piano */
.back-to-top
{
  z-index: 99999;
}

/* Map fix for W3C test C38 */
@media screen and (max-width: 991px) {
  .map-wrapper.map-column
  {
    margin: 0 0;
  }
}

/* Rule to see border when scroll on detail page: probably this happen for the font calculated with em, rem or % */
.sticky-wrapper.navbar-wrapper .navbar.it-top-navscroll, .sticky-wrapper.navbar-wrapper .navbar.it-bottom-navscroll {
  position: relative;
  top: auto;
  left: auto;
  right: 1px;
  bottom: auto;
}

/* <a> link accessibilità sui link che aprono in un'altra pagina - aggiunta icona visiva che specifica se il link apre in un'altra pagina*/
/*
a[target="_blank"]::after {
  font-family: "Font Awesome 5 Pro";
  content: "\f08e";
  display: none;
}
*/

/* text break line to br */
.newline-to-br {
  white-space: pre-line;
}

/* image legend in gallery */
div.img-legend {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

div.img-legend:hover {
  overflow: visible;
  white-space: initial;
}

/* when interface are little this code allow to have the ente name in one row and hide/show the overflow of the ente name */
.it-header-wrapper .it-nav-wrapper .it-brand-wrapper {
  flex-grow: 1;
  width: 0px;
}

.it-header-center-wrapper .it-header-center-content-wrapper .it-brand-wrapper a {
  flex: 0 0 100%;
  max-width: 100%;
}

.it-header-center-wrapper .it-header-center-content-wrapper .it-brand-wrapper .it-brand-text {
  flex-grow: 1;
  width: 0px;
}

div.it-brand-title {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

div.it-brand-title:hover {
  overflow: visible;
  white-space: initial;
}

/* INIZIO - Fix voci di menu a capo

  Impedisce alle voci di menù di andare a capo in modalità sticky 
  della navbar quando c'è spazio a sufficienza.

  Permette di gestire molteplici voci senza che la navbar sfori dallo schermo.
*/
.it-header-wrapper.it-header-sticky.is-sticky .it-brand-wrapper{
  flex-grow: 0;
  width: auto;
}

.it-header-navbar-wrapper nav .navbar-collapsable .menu-wrapper .navbar-nav{
  min-width: 0;
}

.navbar .navbar-collapsable .navbar-nav li.nav-item{
  min-width: 0;
}
/* FINE - Fix voci di menu a capo */

/* START - Fix pulsante torna indietro indice laterale */
@media (max-width: 991.98px){
  aside .bs-is-sticky{
    z-index: 10001 !important;
  }
}

.navbar-collapsable.expanded {
    z-index: 10001 !important;
}
/* END - Fix pulsante torna indietro indice laterale */

.it-footer-main h4 a{
  text-transform: inherit !important;
  font-size: 1.555rem !important;
}

.it-footer-main a{
  color: #fff;
}

/*
TODO: Nascondiamo temporaneamente il logo Ckube per asseverazione.
Probabilmente verrà ripristinato in futuro.
*/
#ref-ckube{
  display: none;
}

/*
  Per gestire indice e menu laterale implementiamo il seguente fix
*/
header:has(#nav10.expanded)
{
  z-index: 100000 !important;  
}

/* ASST specific changes */
/* dimmer background image */
.dimmer-pattern {
    background-image: url(/AslBootstrapItalia/img/dimmer_pattern.svg);
}

.icon-primary-a12 {
    fill: #113317 !important;
}