/* GANTRY5 DEVELOPMENT MODE ENABLED.
 *
 * WARNING: This file is automatically generated by Gantry5. Any modifications to this file will be lost!
 *
 * For more information on modifying CSS, please read:
 *
 * http://docs.gantry.org/gantry5/configure/styles
 * http://docs.gantry.org/gantry5/tutorials/adding-a-custom-style-sheet
 */

@charset "UTF-8";
/*IMPORT css per il riquadro dei COOKIES.*/
/*Custom per cookie consent*/
.cc_banner-wrapper .cc_container {
  background-color: #58595b;
  /*border-color: $base-border-color;*/
  padding: 15px 20px 70px;
  /*box-shadow: 0 2px 6px rgba(0, 0, 0, 0.05);*/
}
.cc_banner-wrapper .cc_container .cc_message a {
  color: #f1bc8a;
}
.cc_banner-wrapper .cc_container a {
  color: #f1bc8a;
}
.cc_banner-wrapper .cc_container a:hover {
  color: #f6d6b8;
}
.cc_banner-wrapper .cc_container .cc_message {
  line-height: 1.5rem;
  color: #ffffff;
}
.cc_banner-wrapper .cc_container .cc_btn {
  background-color: #f1bc8a;
  color: #ffffff;
  left: 20px;
  right: 20px;
  bottom: 20px !important;
  -webkit-transition: all 0.2s;
  -moz-transition: all 0.2s;
  transition: all 0.2s;
}
.cc_banner-wrapper .cc_container .cc_btn:hover, .cc_banner-wrapper .cc_container .cc_btn:focus {
  background-color: #f6d6b8;
  color: #ffffff;
}
.cc_banner-wrapper .cc_container .cc_logo {
  display: none;
}
/*IMPORT css per l'header.*/
/*HEADER*/
/*Aggiunta di padding destro e sinistro.*/
.header_mn {
  padding-left: 10em;
  padding-right: 10em;
  padding-top: 0em;
  padding-bottom: 0em;
}
/*Allineamento verticale centrale degli elementi presenti nell'intestazione.*/
.header_mn div {
  align-items: center;
}
/*Dimensione del logo dell'istituto nell'header*/
#logo_site img {
  width: 100%;
}
/*Impostazione dei margini top e bottom per centrare i contenuti dei div in modo verticale.*/
#header_coordinamento div {
  margin-top: auto;
  margin-bottom: auto;
  /*display: block;*/
}
/*Tolgo padding e margin al paragrafo che contiene "Centro di Coordinamento della Rete Regionale per le Malattie Rare" per poterlo 
mettere attaccato in alto all'immagine della regione.*/
#header_coordinamento div p {
  margin: 0;
  padding: 0;
}
/*IMPOSTAZIONI DEL LOGO SOLO PER FIREFOX
Altrimenti non visualizza il logo dell'Istituto.
Per Firefox si deve dare una larghezza anche al contenitore dell'immagine.*/
@-moz-document url-prefix() {
  #logo_site a {
    width: 60%;
  }
}
/*IMPORT css per l'articolo di home page.*/
/*ARTICOLO DELLA PAGINA DI HOME*/
#titolo_home {
  margin: auto;
  /*width: 50%;*/
}
#titolo_home h1 {
  text-align: left;
  #color: #344e2c;
  color: #f1bc8a;
  font-size: 3em;
  font-weight: 800;
}
/*Impostazione del padding destro e sinistro.*/
#article_home {
  /*padding-left: 9.5em;
	padding-right: 9.5em;*/
  margin: 0;
}
/*Impostazione dello sfondo dell'articolo della home page.*/
#g-main {
  background-color: rgba(255, 255, 255, 0);
}
/*Impostazione del font dell'intestazione dell'articolo di home.*/
#article_home h1 span {
  /*color: #297a38;*/
  color: #344e2c;
  font-size: 1.3em !important;
  padding: 0;
  text-align: center;
}
#article_home h1 {
  padding-top: 1em;
  padding-bottom: 1em;
  text-align: center;
}
#article_home p span {
  font-size: 1em !important;
}
/*Inserimento di una linea dopo l'intestazione dell'articolo di home.*/
#article_home h1:after {
  /*content: '';
	display:block;
	border: 0.07em solid #344e2c;
	margin-left: 0.5em;
	width: 10%;*/
}
/* Internet Explorer. Per allineare la prima parte della home page. */
@media (-ms-high-contrast: none), (-ms-high-contrast: active) {
  #titolo_home {
    flex: 40;
  }
}
/*IMPORT css per le tabelle del sito del coordinamento.*/
/*CSS per le tabelle del sito del Coordinamento.*/
table {
  /*Fisso la larghezza della tabella in base al contenuto della tabella stessa.*/
  width: fit-content;
}
/*Larghezza delle colonne delle tabelle per IE*/
@media (-ms-high-contrast: none), (-ms-high-contrast: active) {
  table {
    width: auto;
  }
}
table, tr, td {
  /*border: 0px;*/
  /*border: 1px solid #eeeeee;*/
  border-collapse: collapse;
  vertical-align: middle;
}
/*IMMAGINE INTESTAZIONE*/
#regione_bianco {
  display: none;
}
/*COLORE DELLO SFONDO DEL CONTAINER DELLO SLIDESHOW*/
.slideshow_container {
  margin: 0;
  padding: 0;
  #background-color: rgba(102, 204, 120, 0.2) !important;
  background-color: rgba(208, 225, 225, 0.5) !important;
}
/*BOTTONE DEL BOX DELLE NOTIZIE IN EVIDENZA (DATABASE)*/
.g-evidenza a.link {
  margin: auto;
  width: 100%;
}
/*Scroll per anchor link, per prevenire che gli anchor link vengano visualizzati sotto il menu statico nell'header.*/
.com-content-article__body a {
  scroll-margin-top: 5em;
}
.page-header h1 {
  #color: #184921;
  color: #f1bc8a;
  text-align: center;
  /*text-decoration: underline solid #184921 5%;
	text-underline-offset: 0.4em;*/
}
.page-header h1::after {
  display: block;
  content: "";
  position: relative;
  left: 47.5%;
  width: 5%;
  height: 0.05em;
  /*left: 40%;
	width: 200%;
	height: 0.1em;*/
  /*background: #184921;*/
  background: #f1bc8a;
  /*animation: border_anim 1s linear forwards;*/
}
@keyframes border_anim {
  0% {
    width: 0%;
  }
  100% {
    width: 5%;
  }
}
/*Per IE tolgo la mappa e in contatti. Google non supporta piu' la mappa embended per IE.*/
@media (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .google-map {
    display: none;
  }
  .contatti {
    display: none;
  }
}
/*IMPORT DEI CSS PER I DIVERSI DISPOSITIVI.*/
/*media per mobile.*/
@media (max-width: 700px) {
  /*TABELLE*/
  /*INTESTAZIONE HEADER*/
  /*IMMAGINI INTESTAZIONE*/
  /*IMPOSTAZIONE DEL MENU.
	Faccio comparire l'icona del menu sopra l'intestazione del sito.*/
  /*Impostazione della figura del menu, inserisco del padding.*/
  /*ARTICOLO HOME PAGE*/
  /*FOOTER VERDE DELLE INFORMAZIONI.*/
  /*FOOTER*/
  /*ARTICOLI DELLE PAGINE DEL SITO.*/
  /*Impostazione del padding destro e sinistro degli articoli del sito.*/
  /*MAPPA HOME PAGE.
	La mappa presente in home page la rimpicciolisco e tolgo i margini.*/
  /*POP UP MODALE PER MOBILE*/
  /*SLIDESHOW PER MOBILE*/
  /*NOTIZIE IN EVIDENZA PER MOBILE*/
  /*CONSULTA I DATABASE PER MOBILE*/
  /*.g-block-card {
		margin: 0.6em 0 0.6em 0 !important;
		padding: 1em 1em 2em 1em !important;
		border: none;
		box-shadow: 0 0.3em 0.5em 0 rgba(41, 122, 56, 0.5);
		border-radius: 0.3em;
	}*/
  /*.g-block-card:last-of-type {*/
  /*BANNER RDD*/
  /*CONTATORE*/
  /*Impostazioni per il "BACK TO UP"*/
  /*ACCORDION PER LA PAGINA DELLE FAQ*/
  table {
    width: 100% !important;
    overflow: hidden;
    overflow-x: scroll;
    display: block;
    height: 100% !important;
  }
  td {
    /*width: 100% !important;
		overflow: hidden;
		overflow-x: scroll;
		display: block;
		height: 100% !important;*/
  }
  .header_mn {
    /*padding: 0 0 0 2em;*/
    padding: 0;
    margin: 0;
    width: 100% !important;
    flex: 100%;
  }
  #header_coordinamento {
    displya: block;
    background: #adcacb;
    color: #ffffff;
  }
  #header_coordinamento p {
    font-size: 1em;
    text-align: center;
  }
  #header_coordinamento img {
    width: 30%;
    display: block;
    margin-left: auto;
    margin-right: auto;
    padding-bottom: 0.5em;
  }
  #regione_colore {
    display: none !important;
  }
  #regione_bianco {
    display: block;
  }
  .g-offcanvas-toggle {
    display: contents;
    #color: #297A38;
    color: #adcacb;
  }
  #g-page-surround i {
    padding: 0.3em;
  }
  #article_home {
    margin: 0 !important;
    padding: 0 !important;
    font-size: 1em;
  }
  #article_home table span {
    font-size: 1.2em !important;
  }
  #article_home table .fa {
    font-size: 2em !important;
  }
  #titolo_home {
    display: none;
  }
  .footer_info {
    padding-left: 0px !important;
    text-align: center !important;
  }
  .footer_info img {
    width: 50% !important;
    /*min-width: 150px;*/
  }
  .footer_sito {
    padding: 0px !important;
    text-align: center !important;
  }
  div.pagina_articolo {
    padding-left: 0em !important;
    padding-right: 0em !important;
    font-size: 1.2em !important;
  }
  div.pagina_articolo .g-content {
    padding: 0;
    margin: 0;
  }
  .com-content-article__body {
    font-size: 1.2em !important;
    line-height: 0.9em;
  }
  .com-content-article__body span {
    font-size: 0.7em !important;
  }
  .com-content-article__body .fa {
    font-size: 1.2em !important;
  }
  #g-main {
    margin: 0;
  }
  .page-header h1 {
    font-size: 1em;
  }
  .page-header h1::after {
    display: block;
    content: "";
    position: relative;
    left: 25%;
    width: 50%;
    height: 0.05em;
    #background: #184921;
    background: #f1bc8a;
  }
  #mappa_home_page {
    margin: 0 !important;
    padding: 0 !important;
  }
  #mappa_home_page > div {
    margin: 0;
    padding: 0;
  }
  .google-map iframe {
    width: 100% !important;
    height: 20%;
  }
  .contatti {
    padding: 0 !important;
  }
  .modal_p {
    font-size: 1rem !important;
    margin: 1rem 0 0 0;
  }
  .modal_p_testo {
    font-size: 0.6rem !important;
    margin-top: 0;
    text-align: center;
  }
  .modal-content {
    width: 80% !important;
  }
  .modal-content h1 {
    font-size: 1rem;
  }
  .modal-content {
    font-size: 0.8rem;
    text-align: center;
  }
  .modal_a {
    padding: 0.3rem !important;
  }
  .mySlides {
    padding: 0 !important;
  }
  .mySlides h2 {
    font-size: 1.5em !important;
    font-weight: 800;
  }
  .mySlides p {
    font-size: 1em !important;
  }
  .mySlides a {
    font-size: 1em !important;
  }
  .slideshow_container {
    height: 16em;
    position: relative;
  }
  .slideshow_container > div {
    height: 100%;
  }
  .div-dot {
    position: absolute;
    bottom: 0;
  }
  .g-evidenza {
    display: block !important;
    height: 100% !important;
    margin-bottom: 0.5em;
  }
  .g-evidenza a {
    font-size: 1em !important;
  }
  .g-evidenza .descrizione {
    padding-top: 1em !important;
    padding-bottom: 1.5em !important;
  }
  .database_div {
    padding: 0 !important;
    margin: 0 !important;
  }
  .g-database h1 {
    font-size: 1.7em;
    padding-top: 1em;
  }
  .g-block-card {
    margin: 0 1em 0 1em !important;
    padding: 1em 1em 2em 1em !important;
    /*border-bottom: 0.1em solid #dadada !important;*/
    border-top: 0.1em solid #dadada !important;
  }
  .g-block-card:first-of-type {
    /*margin: 0 !important;*/
    margin: 0 1em 1em 1em !important;
    padding: 1em 1em 2em 1em !important;
    border-bottom: none !important;
  }
  .g-database h4 {
    margin-top: 0;
  }
  .g-database i {
    font-size: 2em !important;
    line-height: unset !important;
    padding: 0 !important;
    height: unset !important;
    width: unset !important;
    border: none !important;
    display: none;
  }
  .g-database i:hover {
    color: #297a38 !important;
    background-color: #ffffff !important;
    cursor: pointer;
    border: none !important;
    display: none;
  }
  .g-database a {
    font-size: 1em !important;
  }
  .database_div > div {
    margin: 0;
    padding: 0;
  }
  .g-rdd img {
    width: 100% !important;
  }
  .div_contatore div {
    margin: 0;
  }
  .contatore {
    padding: 0 !important;
  }
  .contatore:nth-child(1) {
    font-size: 3em !important;
  }
  .contenitore h3 {
    padding: 0;
    margin: 0;
  }
  #top {
    display: none;
  }
  #top:hover {
    display: none;
  }
  .faq > div {
    margin-top: 0 !important;
    padding-top: 0 !important;
  }
  .accordion_div {
    padding: 0 !important;
    font-size: 0.8em !important;
  }
  .accordion_div h1 {
    font-size: 1.5em;
  }
  .accordion_div h1::after {
    display: block;
    content: "";
    position: relative;
    left: 25% !important;
    width: 50% !important;
    height: 0.05em;
    background: #184921;
  }
}
/*media per tablet e piccoli schermi*/
@media (min-width: 701px) and (max-width: 1400px) {
  /*IMPOSTAZIONE DEL MENU.
	Faccio comparire l'icona del menu sopra l'intestazione del sito.*/
  /*INTESTAZIONE HEADER*/
  /*ARTICOLO HOME PAGE*/
  /*FOOTER VERDE DELLE INFORMAZIONI.*/
  /*FOOTER*/
  /*ARTICOLI DELLE PAGINE DEL SITO.*/
  /*Impostazione del padding destro e sinistro degli articoli del sito.*/
  /*MAPPA HOME PAGE.
	La mappa presente in home page la rimpicciolisco e tolgo i margini.*/
  /*POP UP MODALE PER MOBILE*/
  /*SLIDESHOW PER MOBILE*/
  /*NOTIZIE IN EVIDENZA PER MOBILE*/
  /*CONSULTA I DATABASE PER MOBILE*/
  /*.g-block-card {
		margin: 0 1em 0 1em !important;
		padding: 1em 1em 2em 1em !important;
		border-bottom: 0.1em solid #dadada !important;
	}
	.g-block-card:last-of-type {
		margin: 0 1em 1em 1em !important;
		padding: 1em 1em 2em 1em !important;
		border-bottom: none !important;
	}*/
  /*CONTATORE*/
  /*Impostazioni per il "BACK TO THE TOP"*/
  /*ACCORDION PER LA PAGINA DELLE FAQ*/
  .g-offcanvas-toggle {
    display: contents;
    #color: #297A38;
    color: #adcacb !important;
  }
  .header_mn {
    /*padding: 0 0 0 2em;*/
    padding: 0;
    margin: 0;
    width: 100% !important;
    flex: 100%;
  }
  #logo_site {
    width: 25%;
  }
  #header_coordinamento {
    width: 75%;
  }
  #header_coordinamento > div {
    padding: 0;
  }
  #header_coordinamento img {
    width: 20%;
  }
  #g-main div {
    display: block;
    width: 100%;
  }
  #article_home {
    margin: 0 !important;
    padding: 0 !important;
    font-size: 1em;
  }
  #article_home table span {
    font-size: 1.2em !important;
  }
  #article_home table .fa {
    font-size: 2em !important;
  }
  #titolo_home {
    display: none !important;
  }
  .footer_info {
    padding-left: 0px !important;
    text-align: center !important;
  }
  .footer_info img {
    width: 25% !important;
  }
  .footer_sito {
    padding: 0px !important;
    text-align: left !important;
  }
  div.pagina_articolo {
    padding-left: 1.5em !important;
    padding-right: 1.5em !important;
    font-size: 1.5em !important;
  }
  div.pagina_articolo .g-content {
    padding: 0;
    margin: 0;
  }
  .com-content-article__body {
    font-size: 1.2em !important;
    line-height: 0.9em;
  }
  .com-content-article__body span {
    font-size: 0.7em !important;
  }
  .com-content-article__body .fa {
    font-size: 1.2em !important;
  }
  #g-main {
    margin: 0;
  }
  .page-header h1 {
    font-size: 1em;
  }
  .page-header h1::after {
    display: block;
    content: "";
    position: relative;
    left: 25%;
    width: 50%;
    height: 0.05em;
    #background: #184921;
    background: #f1bc8a;
  }
  #mappa_home_page {
    margin-left: 0 !important;
    margin-right: 0 !important;
    margin-bottom: auto;
    margin-top: auto;
    padding: 0 0 0 3em !important;
  }
  #mappa_home_page > div {
    margin: 0;
    padding: 0;
  }
  .google-map iframe {
    width: 100% !important;
    height: 20%;
  }
  .contatti {
    padding: 0 !important;
  }
  .contatti > div {
    margin: 0;
  }
  .modal_p {
    font-size: 1rem !important;
    margin: 1rem 0 0 0;
  }
  .modal_p_testo {
    font-size: 0.6rem !important;
    margin-top: 0;
    text-align: center;
  }
  .modal-content {
    width: 80% !important;
  }
  .modal-content h1 {
    font-size: 1rem;
  }
  .modal-content {
    font-size: 0.8rem;
    text-align: center;
  }
  .modal_a {
    padding: 0.3rem !important;
  }
  .mySlides {
    padding: 0 !important;
  }
  .mySlides h2 {
    font-size: 1.5em !important;
    font-weight: 800;
  }
  .mySlides p {
    font-size: 1em !important;
  }
  .mySlides a {
    font-size: 1em !important;
  }
  .slideshow_container {
    height: 13em;
    position: relative;
  }
  .slideshow_container > div {
    height: 100%;
  }
  .div-dot {
    position: absolute;
    bottom: 0;
  }
  .g-evidenza {
    /*display: block !important;*/
    /*!height: 100% !important;*/
    display: grid;
    grid-template-rows: 45% 40% 15% !important;
    height: 100%;
    margin-bottom: 0.5em;
  }
  .g-evidenza a {
    font-size: 1em !important;
  }
  .g-evidenza a.link {
    margin: auto;
    width: 100%;
  }
  .g-block-card-evidenza {
    padding: 1em 1em 2em 1em !important;
  }
  .g-evidenza .descrizione {
    padding-top: 1em !important;
    padding-bottom: 1.5em !important;
  }
  .database_div {
    padding: 0 !important;
    margin: 0 !important;
  }
  .g-database h1 {
    font-size: 1.7em;
    padding-top: 1em;
  }
  .g-database h4 {
    margin-top: 0;
  }
  .g-database i {
    font-size: 2em !important;
    line-height: unset !important;
    padding: 0 !important;
    height: unset !important;
    width: unset !important;
    border: none !important;
    display: none;
  }
  .g-database i:hover {
    color: #297a38 !important;
    background-color: #ffffff !important;
    cursor: pointer;
    border: none !important;
    display: none;
  }
  .g-database a {
    font-size: 1em !important;
  }
  .database_div > div {
    margin: 0;
    padding: 0;
  }
  .div_contatore div {
    margin: 0;
  }
  .contatore {
    padding: 0 !important;
  }
  .contatore:nth-child(1) {
    font-size: 1.5em !important;
  }
  .contenitore h3 {
    font-size: 1em !important;
    padding: 0;
    margin: 0;
  }
  #top {
    padding-right: 0.3em !important;
    right: 0 !important;
  }
  #top:hover {
    /*display: none;*/
  }
  .faq > div {
    margin-top: 0 !important;
    padding-top: 0 !important;
  }
  .accordion_div {
    padding: 0 0.5em 0 0 !important;
  }
  .accordion_div h1 {
    font-size: 1.5em;
  }
  .accordion_div h1::after {
    display: block;
    content: "";
    position: relative;
    left: 25% !important;
    width: 50% !important;
    height: 0.05em;
    background: #184921;
  }
}
/*IMPOSTAZIONI DEI MEDIA QUERY PER IL SOLO MENU' DEL SITO.*/
@media (min-width: 1200px) and (max-width: 1600px) {
  #g-navigation > div > div {
    padding-left: 0px !important;
    font-size: 0.86em !important;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .fa-bars {
    display: none;
  }
}
@media (min-width: 701px) and (max-width: 1199px) {
  /*IMPOSTAZIONE DEL MENU.
	Faccio comparire l'icona del menu sopra l'intestazione del sito.*/
  /*Impostazione della figura del menu, inserisco del padding.*/
  .g-offcanvas-toggle {
    display: contents;
    color: #297A38;
  }
  #g-page-surround i {
    padding: 0.5em;
  }
}
/*MEDIA QUERY PER LA STAMPA DELLE PAGINE.*/
/*IMPOSTAZIONI DEI MEDIA QUERY PER IL SOLO MENU' DEL SITO.*/
@media print {
  #header_coordinamento {
    /*height: 50%;*/
    color: #297a38;
    background-color: #ffffff;
  }
  #header_coordinamento:before {
    content: url('../../../../images/immagini/logo/logo-R_LOMB_Orizz_tracc_piccolo.png');
    display: block;
    margin-left: auto;
    margin-right: auto;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    text-align: center;
  }
  #header_coordinamento img {
    display: none !important;
  }
  footer {
    display: none;
  }
  .g-offcanvas-toggle {
    dispaly: none !important;
  }
  .g-offcanvas-toggle i {
    dispaly: none;
    color: #ffffff;
  }
  #article_home {
    margin: 0 !important;
    padding: 0 !important;
  }
  #g-main {
    padding-top: 0 !important;
    background-color: #ff00ff;
  }
  .footer_info::before {
    content: url('../../../../images/immagini/logo/IMN_Orizzontale_RGB_piccolo.png');
    display: block;
    margin-left: auto;
    margin-right: auto;
    margin-top: 0;
    margin-bottom: 0;
    text-align: center;
  }
  .footer_info {
    color: #297a38 !important;
    background-color: #ffffff !important;
  }
  .footer_info::after {
    content: "©2002 - 2023 Centro di Coordinamento per le Malattie Rare - Lombardia";
    color: #297a38;
    background-color: #ffffff;
  }
  .footer_info div span {
    color: #297a38 !important;
    background-color: #ffffff;
  }
  .footer_info > div {
    padding: 0 !important;
    color: #297a38;
    background-color: #ffffff;
  }
  .footer_info img {
    display: none;
  }
  .contatore_vuoto {
    display: none !important;
  }
  .div_contatore {
    display: none !important;
  }
  #mappa_home_page {
    display: none !important;
  }
}
/*# sourceMappingURL=custom_23.css.map */