/*
Theme Name:     Design Italia Child
Theme URI:      http://example.com/
Description:    Tema Child per il tema Design Italia
Author:         Ludo
Author URI:     http://example.com/about/
Template:       design-italia
Version:        0.1.0
*/



/* Ludo: 
* https://github.com/italia/bootstrap-italia
* https://github.com/italia/bootstrap-italia/releases
*/

/*
Ludo:
i breakpoint di Bootstrap 4 sono i seguenti,perciò è sempre meglio usare questi!!!
 
Bootstrap primarily uses the following media query ranges—or breakpoints—in our source Sass files for our layout, grid system, and components.

// Extra small devices (portrait phones, less than 576px)
// No media query for `xs` since this is the default in Bootstrap

// Small devices (landscape phones, 576px and up)
@media (min-width: 576px) { ... }

// Medium devices (tablets, 768px and up)
@media (min-width: 768px) { ... }

// Large devices (desktops, 992px and up)
@media (min-width: 992px) { ... }

// Extra large devices (large desktops, 1200px and up)
@media (min-width: 1200px) { ... }
*/

:root {
	--font-family-sans-serif: "Noto Sans", Geneva, Tahoma, sans-serif;
	--font-family-monospace: "Roboto Mono", monospace
}

body {
	/* font-family: "Noto Sans", Geneva, Tahoma, sans-serif !important; */
	/* font-weight: 300 !important; */
	font-family: "Noto Sans", Geneva, Tahoma, sans-serif ;
	font-weight: 300 ;
}








/*  #################### INIZIO copia style.css tema padre versione 1.0 #################### */
/* per conservare la compatibilità dopo l'aggiornamtno del tema padre, poi ci dobbiamo lavorare e mettere a posto tuttu per bene */
/* molte cose sono uguali anche in quello nuovo, quando abbiamo tempo dobbiamo fare il confronto e toglierle */

/* WordPress WYSIWYG Editor Styles */
.entry-content {
	margin-top: 45px;
	margin-bottom: 60px;
}
.entry-content [href$=".pdf"]:after, 
.entry-content [href$=".dwf"]:after, 
.entry-content [href$=".doc"]:after, 
.entry-content [href$=".docs"]:after, 
.entry-content [href$=".xls"]:after, 
.entry-content [href$=".xlsx"]:after,
.entry-content [href$=".zip"]:after {
	content: '📎';
	margin-left: 5px;
}

/* =WordPress Core
-------------------------------------------------------------- */
.alignnone {
  margin: 5px 20px 20px 0;
}
.aligncenter,
div.aligncenter {
  display: block;
  margin: 5px auto 5px auto;
}
.alignright {
  float:right;
  margin: 5px 0 20px 20px;
}
.alignleft {
  float: left;
  margin: 5px 20px 20px 0;
}
a img.alignright {
  float: right;
  margin: 5px 0 20px 20px;
}
a img.alignnone {
  margin: 5px 20px 20px 0;
}
a img.alignleft {
  float: left;
  margin: 5px 20px 20px 0;
}
a img.aligncenter {
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.wp-caption {
  background: #fff;
  border: 1px solid #f0f0f0;
  max-width: 96%; /* Image does not overflow the content area */
  padding: 5px 3px 10px;
  text-align: center;
}
.wp-caption.alignnone {
  margin: 5px 20px 20px 0;
}
.wp-caption.alignleft {
  margin: 5px 20px 20px 0;
}
.wp-caption.alignright {
  margin: 5px 0 20px 20px;
}
.wp-caption img {
  border: 0 none;
  height: auto;
  margin: 0;
  max-width: 98.5%;
  padding: 0;
  width: auto;
}
.wp-caption p.wp-caption-text {
  font-size: 11px;
  line-height: 17px;
  margin: 0;
  padding: 0 4px 5px;
}
/* Text meant only for screen readers. */
.screen-reader-text {
	border: 0;
	clip: rect(1px, 1px, 1px, 1px);
	clip-path: inset(50%);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute !important;
	width: 1px;
	word-wrap: normal !important; /* Many screen reader and browser combinations announce broken words as they would appear visually. */
}
.screen-reader-text:focus {
	background-color: #eee;
	clip: auto !important;
	clip-path: none;
	color: #444;
	display: block;
	font-size: 1em;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000;
	/* Above WP toolbar. */
}
/*.bypostauthor, 
.gallery-caption {}*/


/* CUSTOM STYLE */

html {
	background: #00264d;
}

/* UI Form */
input, 
button, 
input[type="submit"], 
input[type="text"], 
input[type="email"], 
textarea, 
select {
	padding: 10px;
	background-color: #f6f6f6;
	border: none;
	box-shadow: 0 0 0 1px rgba(0, 0, 0, .2);
	display: block;
	max-width: 100%;
}
select {
  height: 45px;
}
input[type="radio"],
input[type="checkbox"] {
	display: inline;
	box-shadow: none;
  zoom: 150%;
}
button, 
input[type="submit"] {
	background-color: #65dde0;
	box-shadow: none;
	color: #004a4d;
	font-weight: 600;
  padding: .6em 1.2em;
  text-transform: uppercase;
  -ms-touch-action: manipulation;
  touch-action: manipulation;
  vertical-align: middle;
  white-space: nowrap;
}
button:hover, 
input[type="submit"]:hover {
	cursor: pointer;
	background-color: #3cd5d7;
  border-color: #29cbd1;
}
label {
  color: inherit;
  display: inline-block;
  font-size: inherit;
  font-weight: 700;
  margin: 0;
}

ul, 
ul li {
	padding-left: 0;
	list-style: none;
	list-style-position: outside;
}
ul li li {
	list-style: disc;
	list-style-position: inside;
}
/* Custom */
[class^="branding"], 
[class^="branding"] a, 
[class^="menu"] a {
	padding-top: 20px;
	padding-bottom: 20px;
	color: #fff;
}
[class^="branding"] a:hover, 
[class^="menu"] a:hover {
	color: #fff;
}
.branding-up {
	padding-top: 10px;
	padding-bottom: 10px;
	background-color: #1c2024;
}
.branding {
	background-color: #06c;
}
.branding h1 {
	margin-top: 10px;
}
.custom-logo {
	width: 70px;
	height: auto;
	max-width: 100%;
	padding-top: 15px;
	padding-bottom: 15px;
}
.menu-main {
	position: relative;
	background-color: #1173d4;
}
.menu-main:before {
	content: '';
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background-color: rgba(0, 0, 0, 0.1);
}
.nav li {
	display: block;
	padding: 15px 10px;
}
.nav li a {
	font-weight: 700;
}
.branding-up .nav li {
	padding: 0 10px;
}

/* NAV CHILD WITH DROPDOWN */
.nav .disable > a {
	pointer-events: none;
}
.nav .light > a {
	font-weight: 300;
}
.menu-main .nav ul {
  min-width: 150px;
  margin: 0;
  padding: 0;
  list-style: none;
  position: absolute;
  top: -999em;
  left: -999em;
}
.menu-main .nav li {
  display: inline-block;
  position: relative;
  text-align: left;
  z-index: 99999;
}
.menu-main .nav li.focus > ul, 
.menu-main .nav li:hover > ul {
  top: auto;
  left: auto;
}
.menu-main .nav li li.focus > ul, 
.menu-main .nav li li:hover > ul {
  left: 100%;
  top: 0;
}
.menu-main .nav a {
  color: #fff;
  text-decoration: none;
  display: block;
  white-space: nowrap;
  padding: 0 15px;
}
.menu-main .nav a:hover,
.menu-main .nav li:hover > a,
.menu-main .nav .focus > a,
.menu-main .nav .current-menu-item > a,
.menu-main .nav .current-menu-ancestor > a {
  color: #fff;
  text-decoration: underline;
}
.menu-main .nav .menu-item-has-children > a::before {
  content: "";
  position: absolute;
  right: 10px;
  top: 55%;
  transform: translateY(-50%);
  border: 4px solid transparent;
  border-top-color: currentColor;
}
.menu-main .nav ul .menu-item-has-children > a::before {
  right: 2px;
  border-top-color: transparent;
  border-left-color: currentColor;
}
.menu-main .nav ul {
  background-color: #1173d4;
	padding: 0;
	margin: 15px -10px 0 0;
}
.menu-main .nav li li {
	width: 100%;
	padding-top: 10px;
	padding-bottom: 10px;
	border-top: solid 1px rgba(255, 255, 255, .4);
}

/* NAV BAR WITH RESPONSIVE */
.show-menu-main {
	position: relative;
	text-decoration: none;
	color: #fff;
	background: transparent;
	text-align: center;
	padding: 15px 0;
	/* width: 100%; */
	display: none;
}
.show-menu-main:after {
	content: "\2630";
	position: absolute;
	/* left: calc(50% - 45px); */
	top: 150%;
}
#show-menu-main[type="checkbox"] {
	display: none;
}
#show-menu-main[type="checkbox"]:checked ~ .nav {
  height: auto;
  opacity: 1;
  overflow: scroll;
  -webkit-transition: all .4s ease-in-out;
  -moz-transition: all .4s ease-in-out;
  -o-transition: all .4s ease-in-out;
  transition: all .4s ease-in-out;
}
@media screen and (max-width: 767px) {
	.branding {
		padding-top: 0px;
		padding-bottom: 0px;
	}
  .menu-main .nav .menu-item-has-children:hover ul {
		position: relative;
		display: block;
		top: 0;
		left: -5px;
  }
  .menu-main .nav {
    position: static;
    height: 0;
    opacity: 0;
    overflow: hidden;
  }
  .menu-main .nav li {
    margin-bottom: 1px;
  }
  .menu-main .nav li, .menu-main .nav li a {
    width: 100%;
  }
  .show-menu-main {
    display:block;
  }
  .menu-main .nav .menu-item-has-children > a::before {
    right: 25px;
  }

  /* Mostra campo ricerca in dispositivi a bassa risoluzione */
  .it-header-wrapper .searchform input[type="text"] {
	display: block;
  }

  /* Fix posizionamento hamburger in dispositivi mobili */
  .justify-content-center:has(> .show-menu-main)
  {
	justify-content: left !important;
  }
}

.breadcrumb {
	margin-top: 30px;
	background-color: #f6f6f6;
}
.breadcrumb-item {
	max-width: 300px;
	overflow: hidden;
	white-space: nowrap;
	overflow-wrap: break-word;
	text-overflow: ellipsis;
}

#comments {
	padding-top: 60px;
	padding-bottom: 15px;
}

#site-description {
	margin-bottom: 30px;
}

.searchform {
	position: relative;
	display: inline-block;
	width: 100%;
	margin-bottom: 15px;
}
.searchform:after {
	content: '🔍';
	pointer-events: none;
	width: 50px;
	height: 50px;
	position: absolute;
	z-index: 99999;
	right: -10px;
	top: 10px;
}
.searchform label {
	display: none;
}
.searchform input[type="text"], 
.searchform [type="submit"] {
	width: calc(100% - 60px);
	height: 45px;
	float: left;
	padding-left: 15px;
	padding-right: 15px;
	background-color: #fff;
	border: none;
	box-shadow: 0 0 0 1px rgba(0, 0, 0, .1);
}
.searchform [type="submit"] {
	width: 60px;
	background-color: #f6f6f6;
	text-indent: -99999px;
}

.wp-post-image {
	max-width: 100%;
	height: auto;
	margin-bottom: 30px;
}

.widget-area .widget-container {
	margin-bottom: 30px;
}

#footer {
	padding-top: 45px;
	padding-bottom: 15px;
	background-color: #00264d;
	color: #fff;
}
#footer a {
	color: #65dcdf;
	/* font-weight: unset; */
}
#footer .widget-area li li {
	border-top: solid 1px rgba(221, 221, 221, 0.3);
}
#footer hr {
	border-color: rgba(255, 255, 255, .8);
}
#footer .widget-area {
	padding-top: 60px;
}
.copyright {
	padding-top: 15px;
	padding-bottom: 15px;
	color: #fff;
}

#content {
	background-color: #fff;
	padding-top: 30px;
	padding-bottom: 60px;
}
body.home #content {
	padding-top: 1px;
	padding-bottom: 1px;
}
.home-widget {
	padding-top: 30px;
	background-color: #eee;
}

.widget-area {
	padding: 30px 0;
}

.widget-area li {
	list-style: none;
}
.widget-area li li {
	border-top: solid 1px #ddd;
	padding: 10px 0;
}
.widget-area a {
	font-weight: 600;
}
.widget-area span {
	display: block;
	font-size: 80%;
}

.widget-area .wp-post-image {
	width: 100px;
	height: auto;
	float: left;
	margin: 10px 10px 5px 0;
}

#cookie-notice {
	background-color: #1c2024 !important;
	color: #fff !important;
	padding: 15px 30px;
	font-size: 100%;
}
.cookie-notice-container {
	text-align: left;
	max-width: 1150px;
	margin: 0 auto;
	line-height: 2em;
}
#cn-accept-cookie {
	font-weight: bold;
	background: #65dde0;
	border-color: #50d8dc !important;
	color: #004a4d !important;
	border-radius: 0;
	padding: 10px 20px;
}
#cookie-notice a {
	color: #65dde0;
}


/*  #################### FINE copia style.css tema padre versione 1.0 #################### */















/* -------------------- Effetti per il responsive -------------------- */

body, .container, #container, .menu-main {
	/*
	-webkit-transition:all 1s ease-in-out;
	-moz-transition:all 1s ease-in-out;
	-o-transition:all 1s ease-in-out;
	transition:all 1s ease-in-out;
	*/
	/*
	transition: all .5s linear; 
	-o-transition: all .5s linear; 
	-moz-transition: all .5s linear; 
	-webkit-transition: all .5s linear; 
	*/
	
	transition: all 1s ease; 
	-o-transition: all 1s ease; 
	-moz-transition: all 1s ease; 
	-webkit-transition: all 1s ease; 
	
	/*
	transition: all 1s linear ; 
	-o-transition: all 1s linear ; 
	-moz-transition: all 1s linear ; 
	-webkit-transition: all 1s linear ; 
	*/
}

img[usemap], container-performance {
    transition: none !important;
    -o-transition: color 0 ease-in !important;
	-moz-transition: none !important;
    -webkit-transition: none !important;
}

article {
	margin-bottom: 20px;
}

/* -------------------- Post -------------------- */

article {
	width:100%;
    word-wrap: break-word;
}

/* -------------------- Alert -------------------- */

.alert-container {
	padding-top: 10px;
    padding-right: 20px;
    padding-bottom: 10px;
    padding-left: 20px;
}

/*.alert-leggi-tutto {
	
}*/

/* gli stili per gli avvisi sono anche nel foglio di stile comune-gr-admin.css perché servono anche per la parte di amministrazione */
.alert-level-0 {
	background-color: #dcdcde; /* grigio */
}

.alert-level-1 {
	background-color: #8fc788; /* verde */
}

.alert-level-2 {
	background-color: #f2ea6b; /* giallo */
	font-size: 1.1em;
}

.alert-level-3 {
	background-color: #eebe12; /* arancione */
	font-size: 1.2em;
}

.alert-level-4 {
	background-color: #e20612; /* rosso */
	font-size: 1.2em;
}

.alert-level-4 .alert-container  {
	color: white;
}

.alert-level-2 .alert-container .alert-titolo::before,
.alert-level-3 .alert-container .alert-titolo::before,
.alert-level-4 .alert-container .alert-titolo::before {
    content: "\26A0";
    font-size: 2.0em;
}

.alert-section {
	border-bottom-color: white;
	border-bottom-style: solid;
	border-bottom-width: 1px;
}

/* -------------------- Font -------------------- */

#site-title {
	font-family: "Noto Serif", serif;
}

/* -------------------- Home -------------------- */

.vedi-tutto {
	float: right;
    padding: 10px;
}

.linea {
	border-bottom-width: 1px;
    border-bottom-style: solid;
    color: red;
    
}

.descrizione-post {
	float: left;
    padding: 10px;
}

.clear {
  clear: both;			
}


/* -------------------- Test -------------------- */
.bordo {
	border-width: 2px;
    border-style: solid;
}


/* -------------------- Tabella allegati -------------------- */
table.lista-allegati-table td { 
	vertical-align: middle;
	padding: 10px 15px;
	font-size: 100%;
}

table.lista-allegati-table td img { 
    width: 40px;
}

/* -------------------- Aree tematiche  -------------------- */
.elenco-aree {
  /*border: 2px solid red;*/
  background: rgb(180,180,180);
  margin-right: 1px;
  margin-bottom: 1px;
  width: 98%;
  padding-left: 4px;
  padding-right: 2px;
}

.col-container {
    display: table;
    width: 100%;
}
.col {
    display: table-cell;
    padding: 5px;
}

@media only screen and (max-width: 600px) {
    .col { 
        display: block;
        width: 100%;
    }
}








/* ******************** INIZIO MODIFICHE agli stili che sono nel plugin WP Add Custom CSS ******************** */

.branding {
	background-color: #ffffff  !important;
	border-bottom: 4px solid #de2335;
height: 175px;
}

.branding .container {
	margin-top: 25px;
}



.vedi-tutto a{
	font-family: "Noto Sans", Geneva, Tahoma, sans-serif;
	color: #8f7960 !important;
	font-weight: 600;
font-size: 21px;
padding-top: 10px;
}

.descrizione-post-rosso {
	font-family: "Noto Serif", Geneva, Tahoma, sans-serif;
	color: #df2238;
	font-weight: 600;
font-size: 34px;
padding: 0;
}

.vedi-tutto {
	padding-top: 10px;
padding-right: 0;
}

.vedi-tutto-rosso a{
	font-family: "Noto Serif", Geneva, Tahoma, sans-serif;
	color: #df2238 !important;
	font-weight: 600;
font-size: 24px;
float: right;
padding-top: 10px;
}


.vedi-tutto-nero a{
	font-family: "Noto Serif", Geneva, Tahoma, sans-serif;
	color: #333333 !important;
	font-weight: 600;
font-size: 24px;
float: right;
padding-top: 10px;
}



.vedi-tutto-blu a{
	font-family: "Noto Serif", Geneva, Tahoma, sans-serif;
	color: #1284c0 !important;
	font-weight: 600;
font-size: 24px;
float: right;
padding-top: 10px;
}


.vedi-tutto-verde a{
	font-family: "Noto Serif", Geneva, Tahoma, sans-serif;
	color: #308a4d !important;
	font-weight: 600;
font-size: 24px;
float: right;
padding-top: 10px;
}

.col-eventi-container {
	margin-bottom: 10px;
}

.col-eventi {
	background-color: #1284c0;
	color: #ffffff !important;
	padding: 25px;
	/* margin-left: 2px; */
	margin-right: 2px;
	height: 100%;
}

.linea-nero {
	border-bottom-width: 4px;
margin-bottom: 30px;
color: #333333;
border-bottom-style: solid;
}

.linea-rosso {
	border-bottom-width: 4px;
margin-bottom: 30px;
color: #df2238;
border-bottom-style: solid;
}

.linea-blu {
	border-bottom-width: 4px;
margin-bottom: 30px;
color: #1284c0;
border-bottom-style: solid;
}

.searchform [type="submit"] {
	background-color: #c2c2c2;
}



#comunicati-top {
	margin: 65px auto 75px;
}

.descrizione-post-arancione {
	font-family: "Noto Serif", Geneva, Tahoma, sans-serif;
	color: #ec8d3d;
	font-weight: 600;
	font-size: 32px;
	padding: 0;
}

/*.vedi-tutto-arancione {
	
}*/

.vedi-tutto-arancione a{
	font-family: "Noto Sans", Geneva, Tahoma, sans-serif;
	color: #ec8d3d !important;
	font-weight: 600;
	font-size: 16px;
	float: right;
	padding-top: 20px;
}

.linea-arancione {
	border-bottom-width: 4px;
	margin-bottom: 30px;
	color: #ec8d3d;
	border-bottom-style: solid;
}


/* ******************** FINE MODIFICHE agli stili che sono nel plugin WP Add Custom CSS ******************** */








/* -------------------- Tabella responsive per gli orari degli uffici  -------------------- */

  .table.tabella-responsive-comgr-1 {
    display: table;
    text-align: center;
    width: 100%;
    /* margin: 10% auto 0; */
    border-collapse: separate;
    /* font-family: 'Roboto', sans-serif; */
    font-weight: 400;
  }
  
  .tabella-responsive-comgr-1 .table_row {
    display: table-row;
  }
  
  .tabella-responsive-comgr-1 .theader {
    display: table-row;
  }
  
  .tabella-responsive-comgr-1 .table_header {
    display: table-cell;

    background: #8f7960;
    color: #ffffff;
    padding-top: 10px;
    padding-bottom: 10px;
    font-weight: 700;
  }
  
  .tabella-responsive-comgr-1 .table_header:first-child {
    border-left: #ccc 0px solid;
    border-top-left-radius: 0px;
  }
  
  .tabella-responsive-comgr-1 .table_header:last-child {
    border-right: #ccc 0px solid;
    border-top-right-radius: 0px;
  }
  
  .tabella-responsive-comgr-1 .table_small {
    display: table-cell;
  }
  
  .tabella-responsive-comgr-1 .table_row > .table_small > .table_cell:nth-child(odd) {
    display: none;
    background: #8f7960;
    color: #e5e5e5;
    padding-top: 10px;
    padding-bottom: 10px;
  }
  
  .tabella-responsive-comgr-1 .table_row > .table_small > .table_cell {
    padding-top: 10px;
    padding-bottom: 10px;
    color: #191919;
    border-bottom: #d6dce3 1px solid;
  }
  
  .tabella-responsive-comgr-1 .table_row > .table_small:first-child > .table_cell {
    border-left: #ccc 0px solid;
  }
  
  /*.tabella-responsive-comgr-1 .table_row > .table_small:last-child > .table_cell {

  }*/
  
  .tabella-responsive-comgr-1 .table_row:last-child > .table_small:last-child > .table_cell:last-child {
    border-bottom-right-radius: 0px;
  }
  
  .tabella-responsive-comgr-1 .table_row:last-child > .table_small:first-child > .table_cell:last-child {
    border-bottom-left-radius: 0px;
  }
  
  .tabella-responsive-comgr-1 .table_row:nth-child(2n+3) {
    background: #f6f7f9;
  }
  
  .tabella-responsive-comgr-1 .table_row > .table_small > .table_cell.table_row_header {
	background: #e4e3df;
    color: #191919;
    padding-left: 6px;
    padding-right: 6px;
    font-weight: 300;
  }
  
   @media screen and (max-width: 1219px) {
    .table.tabella-responsive-comgr-1  {
      width: 100%
    }
  }
  
  @media screen and (max-width: 991px) {
    .table.tabella-responsive-comgr-1  {
      width: 100%;
      padding-left: 4px;
      padding-right: 4px;
    }
  }
  
  @media screen and (max-width: 767px) {
    .table.tabella-responsive-comgr-1  {
      display: block;
      width: 98%;
      /* margin: 10% auto 0; */
      margin-top: 10%;
	  margin-right: auto;
	  margin-left: auto;
	  margin-bottom: 0;
    }
    .tabella-responsive-comgr-1 .table_row:nth-child(2n+3) {
      background: none;
    }
    .tabella-responsive-comgr-1 .theader {
      display: none;
    }
    .tabella-responsive-comgr-1 .table_row > .table_small > .table_cell:nth-child(odd) {
      display: table-cell;
      width: 50%;
    }
    .tabella-responsive-comgr-1 .table_cell {
      display: table-cell;
      width: 50%;
    }
    .tabella-responsive-comgr-1 .table_row {
      display: table;
      width: 100%;
      border-collapse: separate;
      padding-bottom: 20px;
      margin: 5% auto 0;
      text-align: center;
    }
    .tabella-responsive-comgr-1 .table_small {
      display: table-row;
    }
    .tabella-responsive-comgr-1 .table_row > .table_small:first-child > .table_cell:last-child {
      border-left: none;
    }
    .tabella-responsive-comgr-1 .table_row > .table_small > .table_cell:first-child {
      border-left: #ccc 1px solid;
    }
    .tabella-responsive-comgr-1 .table_row > .table_small:first-child > .table_cell:first-child {
      border-top-left-radius: 5px;
      border-top: #ccc 1px solid;
    }
    .tabella-responsive-comgr-1 .table_row > .table_small:first-child > .table_cell:last-child {
      border-top-right-radius: 5px;
      border-top: #ccc 1px solid;
    }
    .tabella-responsive-comgr-1 .table_row > .table_small:last-child > .table_cell:first-child {
      border-right: none;
    }
    .tabella-responsive-comgr-1 .table_row > .table_small > .table_cell:last-child {
      border-right: #ccc 1px solid;
    }
    .tabella-responsive-comgr-1 .table_row > .table_small:last-child > .table_cell:first-child {
      border-bottom-left-radius: 5px;
    }
    .tabella-responsive-comgr-1 .table_row > .table_small:last-child > .table_cell:last-child {
      border-bottom-right-radius: 5px;
    }
  }

/* -------------------- Aree tematiche  -------------------- */
.elenco-aree {
  /*border: 2px solid red;*/
  background: #e4e3df;
  margin-right: 1px;
  margin-bottom: 1px;
  width: 98%;
  padding-left: 4px;
  padding-right: 2px;
}

.col-container {
    display: table;
    width: 100%;
}
.col {
    display: table-cell;
    padding: 5px;
}

@media only screen and (max-width: 600px) {
    .col { 
        display: block;
        width: 100%;
    }
}

.aree-list {
    display: flex;
    flex-wrap: wrap;
}
.aree-list-item {
    display: flex;
    margin-bottom: 12px;
    margin-right: 0px;
    background-color: #e4e3df;
    width: 98%;
    height: 5em;
}

.aree-list-content {
              width: 100%;
              padding: 10px;
}

/*@media screen and (min-width: 1016px)  {
         .aree-list-content {
              width: 100%;
              padding: 10px;
              font-size: 100%;
          }
}

@media screen and (min-width: 824px) and (max-width: 1016px) {
           .aree-list-content {
              width: 100%;
              padding: 10px;
              font-size: 85%;
	}

}
   
@media screen and (min-width: 780px) and (max-width: 824px) {
           .aree-list-content {
              width: 100%;
              padding: 10px;
              font-size: 76%;
	    }
}

@media screen and (min-width: 576px) and (max-width: 780px) {
           .aree-list-content {
              width: 100%;
              padding: 10px;
              font-size: 70%;
	    }
}

@media screen and (max-width: 576px)  {
         .aree-list-content {
             width: 100%;
             padding: 10px; 
             font-size: 100%;
           }
}*/

/* -------------------- Menu Amministrazione  -------------------- */
#menu-menu-amministrazione li a{
	padding-top: 0px;
	padding-bottom: 0px;
}

/* -------------------- Puntini nelle liste  -------------------- */
section.entry-content ul, section.entry-content ul li {
    padding-left: 2px;
    list-style: initial;
    list-style-position: outside;
}

section.entry-content ul li {
	margin: 16px;
}

section.entry-content ol li {
	list-style: inherit;
}

/* -------------------- Beta Header  -------------------- */
.Header-alpha {
    display: block;
    left: -4px;
    position: absolute;
    top: -4px;
    z-index: 100;
}

/* ---------------- Footer: centrare Comune di Grosseto --------- */

#footer .container .row .col div {
    padding-top: 50px;
}

/* ---------------- Footer: spaziatura dei widget -------------- */

#footer .widget-area {
	padding-top: 0px;
        padding-bottom: 0px;
}




/* -------------------- HR sotto footer ---------------- */
footer div.container hr {
    border-top: 4px solid rgba(255,255,255,1);
    
}

/* -------------------- Footer: Sottolineatura titoli colonne ----------- */
h5.widget-title  {
    border-bottom: 4px solid white;
    margin-right: 20px;
    padding-bottom: 4px;
    font-family: Noto Sans;
}

/* ------------------- Pagina Giunta e Consiglio --------------------*/
.riga-giunta {
   margin: 20px 0 0 0;
   /*border-bottom: 4px solid #e4e3df;   grigio*/
   border-bottom: 4px solid #de2335; /* rosso*/
}
.nome-assessore .nome-commcons{
  font-family: "Noto Serif";
  font-weight: bold;
}
.ruolo-assessore {
 font-weight: bold;
}
.thumb-istituzioni .wp-post-image {
   margin-bottom: 20px;
}

h5.ruolo-istituzione {
	font-family: "Noto Sans";
	font-weight: bold;
}

.contatti-istituzioni {
	padding-left: 20px;
	padding-top: 20px;
	background-color: white;
	color: black;
	margin: 0px;
	height: 100%;
	border: 2px solid rgb(228, 227, 223);
}

.contatti-nascosto {
	display: none;
}

.bordo-thumb {
	border: 2px solid rgb(228, 227, 223);
	margin-bottom: 0px;
}

.box-thumb {
	padding-right: 4px;
}

.lista-archivio {
	border-bottom: 4px solid #de2335; 
	margin-top: 30px;
}

/* ------------------- Pagina Consiglio --------------------*/
.riga-consiglio {
  margin: 20px 0 0 0;
}

/* ------------------- Segnalazione problema --------------------*/
.attenzione {
	color: red;
	font-weight: bold;
}
.attenzione2 {
	color: orange;
}

/* ------------------- Archivio Uffici --------------------*/
/*.lista-orgsettori {

}*/

.lista-orgsettore-contenitore {
	padding-bottom: 20px;
} 

.lista-orgsettore {
	background-color: #db2438;
	color: #fff;
	font-weight: 600;
	padding: 10px 15px;
        margin-bottom: 3px;
}

/*.lista-orgservizi {

}*/

.lista-orgservizi-contenitore {
	padding-left: 20px;
} 

.lista-orgservizio {
	background-color: #c7c1b2;
	color: #000;
	font-weight: 600;
	padding: 10px 15px;
        margin-bottom: 3px;
}

.lista-uffici-contenitore{
	padding-left: 40px;
} 

.lista-ufficio {
	background-color: #e4e3df;
	color: #000;
	font-weight: 600;
	padding: 10px 15px;
    margin-bottom: 3px;
}

/*.lista-ufficio-contenitore{
	
} */

.lista-regolamento {
	background-color: #e4e3df;
	color: #000;
	font-weight: 600;
	padding: 10px 15px;
    margin-bottom: 3px;
}

/* ------------------- Configurazione generale link -------------------- */
a:hover {
         text-decoration: underline; 
}


/* -------------- Pulsanti L'Amministrazione ------------- */


.amm-btn1 {
	background: #e4e3df url("assets/images/pulsanti/amm-btn1.jpg") no-repeat center; 
	background-size: cover;
}

.amm-btn2 {
	background: #e4e3df url("assets/images/pulsanti/amm-btn2.jpg") no-repeat center; 
	background-size: cover;
}

.amm-btn3 {
	background: #e4e3df url("assets/images/pulsanti/amm-btn3.jpg") no-repeat center; 
	background-size: cover;
}

.amm-btn4 {
	background: #e4e3df url("assets/images/pulsanti/amm-btn4.jpg") no-repeat center; 
	background-size: cover;
}

.amm-btn5 {
	background: #e4e3df url("assets/images/pulsanti/amm-btn5.jpg") no-repeat center; 
	background-size: cover;
}

.amm-btn6 {
	background: #e4e3df url("assets/images/pulsanti/amm-btn6.jpg") no-repeat center; 
	background-size: cover;
}

.amm-btn7 {
	background: #e4e3df url("assets/images/pulsanti/amm-btn7.jpg") no-repeat center; 
	background-size: cover;
}

.amm-btn8 {
	background: #e4e3df url("assets/images/pulsanti/amm-btn8.jpg") no-repeat center; 
	background-size: cover;
}

.amm-btn9 {
	background: #e4e3df url("assets/images/pulsanti/amm-btn9.jpg") no-repeat center; 
	background-size: cover;
}

.amm-btn10 {
	background: #e4e3df url("assets/images/pulsanti/amm-btn10.jpg") no-repeat center; 
	background-size: cover;
}

.amm-btn11 {
	background: #e4e3df url("assets/images/pulsanti/amm-btn11.jpg") no-repeat center; 
	background-size: cover;
}





/* -------------- Pulsanti Città e territorio ------------- */


.mct-btn1 {
	background: #e4e3df url("assets/images/pulsanti/mct-btn1.jpg") no-repeat center; 
	background-size: cover;
}

.mct-btn2 {
	background: #e4e3df url("assets/images/pulsanti/mct-btn2.jpg") no-repeat center; 
	background-size: cover;
}

.mct-btn3 {
	background: #e4e3df url("assets/images/pulsanti/mct-btn3.jpg") no-repeat center; 
	background-size: cover;
}

.mct-btn4 {
	background: #e4e3df url("assets/images/pulsanti/mct-btn4.jpg") no-repeat center; 
	background-size: cover;
}

.mct-btn5 {
	background: #e4e3df url("assets/images/pulsanti/mct-btn5.jpg") no-repeat center; 
	background-size: cover;
}

.mct-btn6 {
	background: #e4e3df url("assets/images/pulsanti/mct-btn6.jpg") no-repeat center; 
	background-size: cover;
}

.mct-btn7 {
	background: #e4e3df url("assets/images/pulsanti/mct-btn7.jpg") no-repeat center; 
	background-size: cover;
}

.mct-btn8 {
	background: #e4e3df url("assets/images/pulsanti/mct-btn8.jpg") no-repeat center; 
	background-size: cover;
}

.mct-btn9 {
	background: #e4e3df url("assets/images/pulsanti/mct-btn9.jpg") no-repeat center; 
	background-size: cover;
}

.mct-btn10 {
	background: #e4e3df url("assets/images/pulsanti/mct-btn10.jpg") no-repeat center; 
	background-size: cover;
}

/* -------------- Ricerca ------------- */

.servizi-posttype {
	text-transform: uppercase;
	font-size: 90%;
} 

a.btn-servizi {
  background-color: #0066c6;
  color: white;
  padding: 5px 4px 2px 6px !important;
  margin: 0;
  position: absolute;
  z-index: 1;
  top: 0px;
  right: 10px;
  display: block !important;
  line-height: 27px;
  border: 0px solid white;
  border-radius: 6px;
}

/* --- */

.searchform:after {
	font-family: 'Noto Sans';
	content: '🔍';
	pointer-events: none;
	width: 50px;
	height: 50px;
	position: absolute;
	z-index: 99999;
	right: -10px;
	top: 10px;
	color: #de2336;
}


/* -------------- Autorizzazioni acustica ------------ */

.contenttable td {
padding: 0.75em;
}

.contenttable .td_class {
 font-weight: bold;
}

.contenttable a {
  color: rgb(222, 35, 54); 
}


/* -------------- Tabella semplice ------------ */
table.table-basic td {
  border: 1px solid black;
  padding: 0.25em;
  text-align:center;
}



/* -------------- IMG Art Bonus ---------------------- */

.img-artbonus {
margin-bottom: 5px;
}

/* -------------- Per il footer, altrimenti con il tema padre nuovo ci sono problemi ---------------------- */
#footer a {
  font-weight: 600;
}

#footer .widget-title {
  text-transform: none;
}

@media (min-width: 576px) {
	#footer .widget-title {
		font-size: 1.333rem;
	}
}


/* -------------- Per il menu principale, altrimenti con il tema padre nuovo ci sono problemi ---------------------- */
.menu-main .nav .current-menu-item {
 box-shadow: none;

}


/* -------------- FAQ ---------------------- */
form.new_comgr_faq_post input[type="submit"] {
	background-color: #c7c1b2;
	color: #19191a;
}

form.new_comgr_faq_post input[type="submit"]:hover {
	background-color: #0066C6;
	color: #ffffff;
}


/*div.faq-lista-domande {
	
}

div.faq-lista_domande div.faq-domanda {
	
}*/

div.faq-lista-domande div.faq-domanda div.faq-domanda-intestazione {
	font-weight: bold;
	color: #19191a;
	background-color: #e4e3df;
	padding: 2px 0px 2px 0px;
}

div.faq-lista-domande div.faq-domanda div.faq-domanda-intestazione div.faq-domanda-testo {
	margin: 8px 8px 4px 10px;
}

div.faq-lista-domande div.faq-domanda div.faq-domanda-contenuto {
	color: #19191a;
	background-color: #f6f7f9;
	padding: 1px 0px 1px 0px;
	margin: 4px 4px 4px 10px;
}

/*div.faq-lista-domande div.faq-risposta {

}*/

div.faq-lista-domande div.faq-risposta div.faq-risposta-intestazione {
	font-weight: bold;
	color: #19191a;
	background-color: #e4e3df;
	padding: 2px 0px 2px 0px;
}

div.faq-lista-domande div.faq-risposta div.faq-risposta-intestazione div.faq-risposta-testo {
	margin: 4px 4px 4px 10px;
}

div.faq-lista-domande div.faq-risposta div.faq-risposta-contenuto {
	color: #19191a;
	background-color: #f6f7f9;
	margin-left: 10px;
}

/* Per la scritta sopra all'imamgine nel banner */

	.home-page-banner-contenitore-scritta {
		padding: 10px;
		padding-left: 20px;
		position: absolute;
		right: 0;
		bottom: 0;
		left: 0;
    	background: rgba(244,244,244,0.8);
	}
	
	.home-page-banner-contenitore-scritta-logo {
		float: left;
		margin-right: 1em;
	}
	
	/*.home-page-banner-contenitore-scritta-testo {
		float: left; 
	}*/
	
	.home-page-banner {
		position: relative;
	}

/* Extra small devices (portrait phones, less than 576px)
   No media query for `xs` since this is the default in Bootstrap */

/*.home-page-banner {
	
}*/
.home-page-banner-contenitore-scritta {
	font-size: 100%;
	transition: all 1s ease; 
	-o-transition: all 1s ease; 
	-moz-transition: all 1s ease; 
	-webkit-transition: all 1s ease; 
}
.home-page-banner-contenitore-scritta h2 {
	font-size: 22px;
	transition: all 1s ease; 
	-o-transition: all 1s ease; 
	-moz-transition: all 1s ease; 
	-webkit-transition: all 1s ease; 
}

/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) { 
	.home-page-banner-contenitore-scritta {
		font-size: 110%;
	}
	.home-page-banner-contenitore-scritta h2 {
		font-size: 24px;
	}
}

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) {
	.home-page-banner-contenitore-scritta {
		font-size: 120%;
	}
	.home-page-banner-contenitore-scritta h2 {
		font-size: 26px;
	}
}

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) {
	.home-page-banner-contenitore-scritta {
		font-size: 130%;
	}
	.home-page-banner-contenitore-scritta h2 {
		font-size: 28px;
	}
}

/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
	.home-page-banner-contenitore-scritta,  .home-page-banner-contenitore-scritta h2{
		font-size: 140%;
	}
}

/*
 * sovrascrivo una impostazione del foglio di stile iniziale
 * che mette una righina per separare la lista degli articoli negli archivi
 * tanto noi abbiamo messo una riga colorata
 */
 body.archive article {
	border-bottom: none;
 }
 
 /* Impostazioni per i comunicati top (ad esempio protezione civile) */
 
#comunicati-top {
	background-color: ghostwhite;
	padding: 75px 0;
}

 /* Impostazioni per Amministrazione Trasparente */
.titolo-contenuto-ammtraspmenu {
	background-color: #c7c1b2;
    color: #191919;
    font-weight: 600;
    padding: 10px 15px;
    margin-bottom: 3px;
}
 
.titolo-contenuto-ammtrasppage {
	background-color: #c7c1b2;
    color: #191919;
    font-weight: 600;
    padding: 10px 15px;
    margin-bottom: 3px;
}

/* spiagge libere*/
/*
*
* Sections
*/
.section-xs {
	padding: 25px 0;
}
 
@media (min-width: 768px) {
	.section-xs {
		padding: 48px 0;
	}
}

.bg-primary-gradient
{
	color: #ffffff;
}

/*
*
* Call to action
*/
.box-cta {
	display: flex;
	align-items: center;
	justify-content: center;
	flex-wrap: wrap;
	margin-top: -20px;
}

.box-cta > * {
	margin-top: 20px;
	padding-left: 20px;
	padding-right: 20px;
	text-align: center;
}

/*
*
* Buttons
*/
.button {
	position: relative;
	z-index: 0;
	overflow: hidden;
	display: inline-block;
	padding: 14px 40px;
	font-size: 16px;
	line-height: 1.25;
	border: 0 solid;
	border-radius: 40px;
	font-family: "Roboto", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
	font-weight: 700;
	letter-spacing: 0.02em;
	text-transform: none;
	white-space: nowrap;
	text-overflow: ellipsis;
	text-align: center;
	cursor: pointer;
	vertical-align: middle;
	user-select: none;
	transition: 250ms all ease-in-out;
	box-shadow: 0 3px 21px 4px rgba(41, 41, 58, 0.2);
}


.button-primary-dark {
	color: #ffffff;
	background-color: #04668d;
}

.button-primary-dark:before {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	z-index: -1;
	background: linear-gradient(to bottom, transparent, transparent);
	transition: inherit;
}

.button-primary-dark:focus, .button-primary-dark:hover, .button-primary-dark:active {
	color: #ffffff;
	background-color: #063649;
}

.button-primary-dark:focus:before, .button-primary-dark:hover:before, .button-primary-dark:active:before {
	opacity: 0;
}

.button-lg {
	padding: 14px 34px;
	font-size: 18px;
	line-height: 1.5;
}

@media (min-width: 768px) {
	.button-lg {
		padding: 14px 51px;
		font-size: 18px;
		line-height: 1.5;
	}
}

/* Blocchi espandibili per dettagli */
summary {
	display: block;
	cursor: pointer;
	outline: 0;
}

summary::-webkit-details-marker {
	display: none;
}


/* Struttura ad albero utilizzata in details annidati */
.tree-nav__item {
	display: block;
	white-space: nowrap;
	position: relative;
}

.tree-nav__item.is-expandable::before {
	content: "";
	height: 100%;
	left: 0.8rem;
	position: absolute;
	top: 2.4rem;
	height: calc(100% - 2.4rem);
}

.tree-nav__item .tree-nav__item {
	margin-left: 2.4rem;
}

.tree-nav__item.is-expandable[open]>.tree-nav__item-title::before {
	font-family: italia-icon-font;
	transform: rotate(90deg);
}

.tree-nav__item.is-expandable>.tree-nav__item-title {
	padding-left: 2.4rem;
}

.tree-nav__item.is-expandable>.tree-nav__item-title::before {
	position: absolute;
	will-change: transform;
	transition: transform 300ms ease;
	font-family: italia-icon-font;
	font-size: 1.1rem;
	content: "\e80e";
	left: 0;
	display: inline-block;
	width: 1.6rem;
	text-align: center;
}

.tree-nav__item-title {
	cursor: pointer;
	display: block;
	outline: 0;
	font-size: 1.5rem;
	line-height: 3.2rem;
}

.tree-nav__item-title .icon {
	display: inline;
	padding-left: 1.6rem;
	margin-right: 0.8rem;
	color: #666;
	font-size: 1.4rem;
	position: relative;
}

.tree-nav__item-title .icon::before {
	top: 0;
	position: absolute;
	left: 0;
	display: inline-block;
	width: 1.6rem;
	text-align: center;
}

.tree-nav__item-title::-webkit-details-marker {
	display: none;
}

/* Entry title */
.entry-title a {
	color: inherit;
}

/* Site title */
#site-title a {
	color: inherit;
}

  /* Fix colore campo di testo barra di ricerca */
  .it-header-wrapper .searchform input[type="text"] {
	color: initial;
  }