/**
Theme Name: Portale Comune di Ravenna
Author: Altrama Italia
Author URI: https://altrama.com/
Description: Design Italia - Comune di Ravenna
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: comuneravenna
Template: design-italia
*/

a:hover{
	color: #b22222 !important;
	text-decoration-line: none !important;
}



.wrap-argomento {
	background-color: #eee;
	padding-top: 0px;
}

#breadcrumb-container{
	background-color: #d8d8d8;
}


.breadcrumb{
	margin-bottom: 0px;
	margin-top: 0px;
	padding-top: 1.75rem;
	padding-bottom: 1.75rem;
}

.breadcrumb-item  a{
	color: unset;
}

.breadcrumb-item{
	max-width: none ;
}

.breadcrumb-item+.breadcrumb-item::before {
    display: inline-block;
    padding-right: .5rem;
    color: #656566;
    content: ">";
}

.box-argomento{
	box-shadow: 0px 0px 0px 0 rgba(91,105,114,0.1);
	background-color: transparent;
	padding: 0%;
}

 .contenuto {
	-webkit-box-shadow: 4px 4px 8px 0 rgba(90,103,114,0.1);
	-moz-box-shadow: 4px 4px 8px 0 rgba(90,103,114,0.1);
	box-shadow: 4px 4px 8px 0 rgba(90,103,114,0.1);
	background-color: #fff;
	border-radius: 4px;

}

.it-arrow-right{
	font-size: small;
}

.wp-block-image.size-large{
	padding-left: unset;
	padding-right: unset;
}

.box-menu {
	padding-right: 2%;
	position: relative;
}

.box-contenuti > section >*{
	padding-left: 1.2rem;
	padding-right: 1.2rem;
	margin-top: 0px;
	margin-bottom: 1.5rem;
}

.box-contenuti > section{
	margin-bottom: 40px;
}


.entry-content {
	margin-top: 0px;
	
}

.widget-area{
	padding: 0px 0px;
}

.widget-menu {
	-webkit-box-shadow: 4px 4px 8px 0 rgba(90,103,114,0.1);
	-moz-box-shadow: 4px 4px 8px 0 rgba(90,103,114,0.1);
	box-shadow: 4px 4px 8px 0 #5a67721a;
	background-color: #fff;
	border-radius: 4px;
}


[id$="dettaglio-meta"]:before {
	box-shadow:none;
}

.titolo-sezione{
	margin-top: 24px;
}

@media (max-width: 992px) {
	.box-menu {
		margin-left: 0;
		margin-right: 0;
		margin-bottom: 20px;
		padding-right: 6px;
	}
	.titolo-sezione {
		margin-left: 0;
		margin-right: 0;
	}
}

@media (max-width: 576px) {
	.box-menu, .box-contenuti {
		margin-left: 2%;
		margin-right: 2%;
	}

	.box-menu{
		margin-bottom: 20px;
	}

	.titolo-sezione, 
	.breadcrumb {
		padding-left: 2%;
		padding-right: 2%;
	}
}

.page-widget-area ul {
	margin-top: 0;
	padding-left: 1.5em;
	padding-top: 0.5em;
}

.widget_previous_level_widget .children{
	text-indent: 0px;
}

.widget_previous_level_widget a{
	color: #000000;
	vertical-align: super;
}

.widget_previous_level_widget li{
	border-bottom: none;
	
}

.widget_previous_level_widget a{
	font-weight: bold;
	
}

.widget_previous_level_widget .children a{
	font-weight: normal;
	
}

.previous_level_menu li{
	list-style-image: url('../img/ic_voice.svg');
	list-style-position: outside;
}

.previous_level_menu .children li{
	list-style: none;
	padding:0px;
	padding-top: 5px;
	padding-bottom: 5px;
}

.titolo-sezione-nocontent{
	padding-top: 1.66em ;
	padding-bottom: 1em ;
}

.collapse{
	display: none;
}

li.link_item.collapse::marker{
	content: initial;
}

li.allegati_item.collapse::marker{
	content: initial;
}

.collapse.in{
	display: list-item !important;
}

.allegati_link_list{
	padding-top: 1.5rem;
}

.allegati_item{
	list-style-image: url('../img/ic_document.svg');
	list-style-position: inside;	
}

.allegati_item > a{
	color: unset;
}

.link_item > a{
	color: unset;
}

.ic-arrow-down{
    background-image: url(../img/ic_arrow_down.svg);
    display: inline-block;
    width: 18px;
    height: 14px;
    background-repeat: no-repeat;
}

a:hover .ic-arrow-down{
	background-image: url(../img/ic_arrow_down_hover.svg);
}

.ic-arrow-up{
    background-image: url(../img/ic_arrow_up.svg);
    display: inline-block;
    width: 18px;
    height: 14px;
    background-repeat: no-repeat;
}

a:hover .ic-arrow-up{
	background-image: url(../img/ic_arrow_up_hover.svg);
}

.link_item{
	list-style-image: url('../img/ic_link.svg');
	list-style-position: inside;	
}



.div_download{
	text-align: right;
	padding-bottom: 1.5rem;
}

.sub_division_title{
	margin-bottom: 1.5rem;
}

.download_other{
	font-weight: bold;
	margin-bottom: 30px;
}

section.correlati > *{
	padding-right: 0px;
	padding-left: 0px;
}

.correlati  h3.widget-title{
	padding-left: 1.2rem;
	padding-right: 1.2rem ;
}

.correlati > * > .row{
	margin-left: 0px;
	margin-right: 0px;
}

.show_others{
	text-align: right;
	padding: 1.5rem;
}

.correlati .widget_category_mansory{
	margin-bottom: 3rem;
}

.correlati .show_others{
	position: absolute;
	bottom: -1.5rem;
	right: 0;
	padding: 0;
	padding-left: 1.5rem;
	padding-right: 1.5rem;
	padding-top: 1.5rem;
}

.accent_title{
	font-weight: 600;
	color: #b22222;
}

#pagina-dettaglio-testo  a{
	color: unset;
	text-decoration: #b22222 underline;
}

.closed_concorso_title{
	padding-top: 40px;
}

@media (min-width: 576px){
	.widget_sub_section_concorsi_open_widget .card-columns,.widget_sub_section_widget .card-columns {
		-webkit-column-count: 2;
		-moz-column-count: 2;
		column-count: 2;
		orphans: 1;
		widows: 1;
	}
}


.card:after{
	margin-top: 0;

}


.card-columns .card{
	display: inline-block;
}


section.sezioni > *{
	padding-right: 0px;
	padding-left: 0px;
}

.sezioni  h3.widget-title{
	padding-left: 1.2rem;
	padding-right: 1.2rem ;
}

/* .sezioni > * > .row {
    
    margin-right: 0px;
} */

.widget_sub_section_concorsi_open_widget ,.widget_sub_section_widget{
	width: 100%;
    width: -moz-available;          /* WebKit-based browsers will ignore this. */
    width: -webkit-fill-available;  /* Mozilla-based browsers will ignore this. */
	margin-left: 6px;
	margin-right: 6px;
}

.widget_sub_section_concorsi_open_widget .card,.widget_sub_section_widget .card{
	border-bottom: 5px solid #b22222;
	margin-bottom: 12px;

} 

.widget_sub_section_concorsi_open_widget .card:hover,.widget_sub_section_widget .card:hover{
	background-color: #b22222;
} 

.widget_sub_section_concorsi_open_widget .card:hover .card-body h5.card-title,.widget_sub_section_widget .card:hover .card-body h5.card-title{
	color: #fff;
} 

.widget_sub_section_concorsi_open_widget .card-body,.widget_sub_section_widget .card-body{
	padding: 0rem;
	margin-top: 0.5rem;
	margin-bottom: 0.5rem;
	margin-left: 1rem;
	margin-right: 1rem;
	height: 3.5em;
	display: flex;
	align-items: center;
}

.widget_sub_section_concorsi_open_widget .card .card-body h5.card-title,.widget_sub_section_widget .card .card-body h5.card-title{
	margin-bottom: 0;
	color: #000000;
	line-height: 1.2em;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	overflow: hidden;
	
} 

.widget_sub_section_concorsi_open_widget a:focus,.widget_sub_section_widget a:focus{
	border-color:unset;
    -webkit-box-shadow: unset;
    box-shadow: unset;

}

.thumbnail {

	padding: 0;
	border-radius: 0;
	position: relative; 
	overflow: hidden; 
}

.thumbnail img{
	object-fit: cover;
	width: 100%;
	max-height: 400px;
	margin-bottom: unset;
}

.thumbnail p { 
	position: absolute; 
	left: 0; 
	bottom: 0; 
	background: none repeat scroll 0 0 rgba(0, 0, 0, 0.7); 
	color: #fff; 
	display: none; 
	width: 100%; 
	padding: 10px; 
} 

/* .thumbnail:hover p { 
	display:block; 
}  */
#archivio-relativi a {
    color: unset;
	text-decoration: #b22222 underline;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: .9px;
    font-size: .77778rem;
}

.login_link{
	color: unset;
	text-decoration: #b22222 underline;
	font-weight: 700;
}

.titolo-sezione .category-top {
    margin-bottom: 0px;
	color: #b22222;
	font-weight: 600;
	font-size: .77778rem;
    text-transform: uppercase;
}

.titolo-sezione p{
	margin-top: 24px;
	font-weight: 600;
}

.ufficio_correlato{
	padding-top: 40px;
}
.box-contenuti > section.ufficio_correlato >*{
	padding-left: 0;
	padding-right: 0;
}

.item-with-icon{
	display: flex;
	align-items: center;
	height: 100%;
	padding-bottom: 25px;
}

.item-with-icon span{
	vertical-align: middle;
	overflow-wrap: anywhere;
}

.item-with-icon :nth-child(2){
    margin-left: 8px;
}

.item-with-icon>div :first-child{
    font-weight: 700;
}

.item-with-icon>div :last-child{
    font-weight: 400;
}

.ufficio_correlato>.container>.bg-white{
	margin-top: 30px;
	padding: 40px;
}

.box-contenuti > section.ufficio_correlato > .container  {
	margin-bottom: 60px;
}

.item-with-icon a{
	display: flex;
	color:unset;
}

.item-with-icon>a>div :first-child{
    font-weight: 700;
}

.ufficio_proc-serv h3{
	margin-bottom: 40px;
	margin-top: 0px;
}


#pagina-dettaglio-testo ul li{
	margin-left: 1.5rem;
}

#pagina-dettaglio-testo ul li.blocks-gallery-item{
	margin-left: 0rem;
}

.wp-block-gallery .blocks-gallery-item figure {
    align-items: normal;
}

#pagina-dettaglio-testo ol li{
	list-style-type: decimal;
}

[id$="dettaglio-testo"] p {
    font-family: 'Titillium Web',serif;
}

.entry-content [href$=".pdf"]: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: "";
    background-image: url(../img/ic_document.svg);
    background-repeat: no-repeat;
    background-size: contain;
    position: relative;
    padding-right: 0.8rem;
	font-size: 0.8rem;
	margin-left: 10px;
}

#pagina-dettaglio-testo a.post-edit-link{
	color: #fff;
    text-decoration: none;
}


.widget_category_mansory .card img {
    width: 100%;
}

/*correlati griglia per riga*/
.blocks-card-grid {
    display: flex;
    flex-wrap: wrap;
    list-style-type: none;
    padding: 0;
    margin: 0;
}

.blocks-card-grid .blocks-card-item{
    /*width: calc((100% - 16px)/2);*/
}


.blocks-card-grid .blocks-card-item{
    margin: 0 0px 0px 0;
    display: flex;
    flex-grow: 1;
    flex-direction: column;
    justify-content: center;
    position: relative;
}

#pagina-dettaglio-testo ul li.blocks-card-item {
    margin-left: 0rem;
}

.gridevents,.gridnews {
	width: 100%;
  }

.grid:after,.gridevents:after,.gridnews:after {
	content: '';
	display: block;
	clear: both;
  }
  
@media (max-width: 576px){
	.correlati .grid-item,
	.correlati .grid-sizer,
	.correlati .grid-itemevents,
	.correlati .grid-sizerevents,
	.correlati .grid-itemnews,
	.correlati .grid-sizernews   {
	  width: calc(100%);
	}
}

@media (max-width: 576px){
  .grid-item,
  .grid-sizer,
  .grid-itemevents,
  .grid-sizerevents,
  .grid-itemnews,
  .grid-sizernews   {
	width: calc(94%);
  }
}

@media (min-width: 577px){
	.grid-item,
	.grid-sizer,
	.grid-itemevents,
	.grid-sizerevents,
	.grid-itemnews,
	.grid-sizernews   {
		width: calc((96%)/3);
	}	  
}

  .gutter-sizer,
  .gutter-sizerevents,
  .gutter-sizernews {
	width: 2%;
  }


  .card-columns.grid-item,
  .card-columns.grid-itemevents,
  .card-columns.grid-itemnews{
    -webkit-column-count: unset;
    -moz-column-count: unset;
    column-count: unset;
    -webkit-column-gap: unset;
    -moz-column-gap: unset;
    column-gap: unset;
    orphans: 1;
    widows: 1;	  
  }
  
  .grid-item,
  .grid-itemevents,
  .grid-itemnews
   {
	float: left;
	margin-bottom: 10px;
	border-radius: 10px;
  }
  
  .grid-item:before,
  .grid-itemevents:before,
  .grid-itemnews::before {
	font-size: 30px;
	color: white;
	text-align: center;
	display: block;
	padding: 0.4em;
  }
  
  strong.type_of_events{
	  display: block;
	  margin-top: -16px;
	  margin-bottom: 20px;
  }


/* la seguente regola gestisce (in questo caso nasconde) il div che indica i che i campi obbigatori dei form
generati da ninja devono essere compilati */
.nf-form-fields-required {
	display: none;
  }

.wp-block-file__button{
	background: white !important;
    border: solid 2px #c9272e !important;
    text-transform: uppercase !important;
    text-decoration: none !important;
}

.wp-block-file__button:hover{
	background: #c9272e !important;
    color: white !important;
}