/*

* Author: Webngo

* Template: Astrum

*/



@import url(https://fonts.googleapis.com/css?family=Droid+Sans:400,700);

@import url("https://fonts.googleapis.com/css2?family=Rosario:ital,wght@0,300..700;1,300..700&display=swap");



:root {

	--font-titoli: "Rosario", serif;

	--font-default: "Droid Sans", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;

	--colore-blu: #143465;

	--colore-rosso: #c2203e;

	--colore-sfondo: #fcfafa;

	--colore-grigio-chiaro: #d0d0d0;

}



body,

.button,

input[type="button"],

input[type="submit"],

input[type="text"],

input[type="password"],

input[type="email"],

textarea,

select,

button {

	font-family: var(--font-default);

	box-sizing: border-box;

}



#content-wrapper {

	background-color: var(--colore-sfondo);

}



select {

	padding: 8px 9px;

}

h1,

h2,

h3,

h4,

h5,

h6,

.categories {

	font-family: var(--font-titoli);

	margin-bottom: 10px;

}

.menu {

	font-family: var(--font-titoli);

}

.headline {

	background-color: var(--colore-sfondo);

}

h1.headline,

h2.headline,

h3.headline,

h4.headline,

h5.headline,

h6.headline {

	margin-bottom: 0;

}

h1 {

	color: var(--colore-blu);

	line-height: 32px;

}

h1 + h2 {

	margin: -5px 0 20px;

}

h3 {

	line-height: 24px;

}

.line {

	border-bottom-color: var(--colore-grigio-chiaro);

}

p.lead {

	font-size: 18px;

	line-height: 24px;

}

p.lead-hp {

	margin-bottom: 30px;

	text-align: justify;

}

.h1,

.h2 {

	font-family: var(--font-titoli);

	margin-bottom: 10px;

}

.h1 {

	font-size: 28px;

	line-height: 32px;

	font-weight: 500;

	color: var(--colore-blu);

}

.h2 {

	font-size: 24px;

	line-height: 30px;

	font-weight: 500;

	color: #505050;

}



.dropcap {

	font-size: 54px;

	line-height: 44px;

}



.portfolio-item.bg-transparent {

	background-color: transparent;

}



table.biblio {

	margin-bottom: 20px;

}

table.biblio td {

	padding: 5px;

	vertical-align: top;

}

table.biblio img {

	width: 100px;

	padding: 5px;

	border: 1px solid var(--colore-grigio-chiaro);

	-webkit-border-radius: 3px;

	border-radius: 3px;

	box-shadow: 0 2px 0 0 rgba(0, 0, 0, 0.03);

}



.img-sx {

	float: left;

	margin: 0 20px 10px 0;

}

.img-dx {

	float: right;

	margin: 0 0 10px 20px;

}

.img-sx,

.img-dx {

	padding: 5px;

	border: 1px solid var(--colore-grigio-chiaro);

	-webkit-border-radius: 3px;

	border-radius: 3px;

	box-shadow: 0 2px 0 0 rgba(0, 0, 0, 0.03);

}

.img-20 {

	width: 20%;

}

.img-30 {

	width: 30%;

}

.img-40 {

	width: 40%;

}

.img-50 {

	width: 50%;

}

.img-60 {

	width: 60%;

	margin: 0 auto 10px !important;

	float: none !important;

	clear: both;

}

.img-70 {

	width: 70%;

	margin: 0 auto 10px !important;

	float: none !important;

	clear: both;

}

.img-100 {

	width: 96%;

	margin: 0 auto 10px !important;

	float: none !important;

	clear: both;

}



.youtubevideo {

	display: inline-block;

	width: auto;

	margin: 3px 0;

	padding: 8px 10px 8px 40px;

	border-radius: 3px;

	background-color: #f00;

	background-image: url("/images/ico/ico-youtube.png");

	background-position: 8px center;

	background-repeat: no-repeat;

	background-size: 24px;

	box-shadow: inset 0px -1px 0px 0px rgba(0, 0, 0, 0.1);

	font-family: var(--font-default);

	font-size: 14px;

	font-weight: 500;

	line-height: 1;

	color: #fff;

	outline: none;

	cursor: pointer;

	-webkit-transition: all 0.2s ease-in-out;

	-moz-transition: all 0.2s ease-in-out;

	-o-transition: all 0.2s ease-in-out;

	-ms-transition: all 0.2s ease-in-out;

	transition: all 0.2s ease-in-out;

}

.youtubevideo:hover {

	background-color: #c00;

}



/* Homepage News Slider / Elenco News

====================================*/

/* Homepage News Slider / Elenco News

====================================*/

/*senza carousel*/

#evidenza-cont {

	width: 100%;

}

.evidenza-item {

	display: block;

	height: auto;

	margin-bottom: 50px;

}

#evidenza-cont .post-img {

	margin: 0 0 10px;

	border: 1px solid #e0e0e0;

	-webkit-border-radius: 3px;

	border-radius: 3px;

	background-color: #f0f0f0;

}

#evidenza-cont h3 {

	font-size: 24px;

	line-height: 1.2;

	margin-bottom: 15px;

	padding-bottom: 3px;

	border-bottom: 1px dotted var(--colore-blu);

	color: var(--colore-blu);

}

#evidenza-cont p {

	font-size: 14px;

	line-height: 20px;

}



/*con carousel*/

#carousel-cont {

	width: 100%;

	height: 620px !important;

	margin: 0 -8px;

	padding: 7px;

	/*

	border:1px solid var(--colore-grigio-chiaro);

	-webkit-border-radius:6px;

	border-radius:6px;

	background-color:#f0f0f0;

	*/

}

#carousel {

	width: 100%;

	overflow: hidden;

}

#carousel .carousel-item {

	display: block;

	/*float:left;*/

	/*height:250px!important;*/ /*usare nel caso di slide attiva*/

	height: auto !important;

	margin-bottom: 10px;

}

#carousel .post-img,

.news-elenco .post-img {

	margin: 0;

}

#carousel h3,

.news-elenco h3 {

	font-size: 24px;

	line-height: 24px;

	margin-bottom: 2px;

	padding-bottom: 3px;

	border-bottom: 1px dotted var(--colore-blu);

}

#carousel h4,

.news-elenco h4 {

	font-size: 18px;

	line-height: 18px;

	margin-bottom: 10px;

	color: #888;

}

#carousel p {

	font-size: 14px;

	line-height: 20px;

}

.p-button {

	margin-bottom: 0;

}

.news-elenco {

	margin: 30px 0;

}

#nav-news {

	padding-top: 20px;

	border-top: 1px dotted var(--colore-grigio-chiaro);

}

#nav-news select {

	/* display: inline-block; */

	display: block;

	float: left;

}



.img-news {

	width: 50%;

	float: right;

	margin: 0 0 10px 20px;

	padding: 5px;

	border: 1px solid var(--colore-grigio-chiaro);

	-webkit-border-radius: 3px;

	border-radius: 3px;

	box-shadow: 0 2px 0 0 rgba(0, 0, 0, 0.03);

}



.p-date-home {

	font-style: italic;

}



/* Menu

====================================*/

.menu ul > li > a {

	padding: 43px 8px 36px;

	font-size: 18px;

}

#current,

.menu ul li a:hover,

.menu ul > li:hover > a {

	border-color: var(--colore-rosso);

}

.menu ul ul {

	border-top-color: var(--colore-rosso);

}

.menu ul ul li a {

	font-size: 18px;

	color: #333;

}

.categories a {

	color: #666;

}



#header {

	height: 100px;

}

#header > .container {

	height: 100%;

}

#menucontainer {

	display: flex;

	align-items: center;

	justify-content: space-between;

	gap: 10px;

	height: 100%;

}

#logo {

	width: auto !important;

	position: static !important;

	margin: 0 !important;

}

#logo a {

	display: block;

}

#logo a img {

	display: block;

	height: 75px;

}



#menu-cont {

	display: flex;

	align-items: center;

	justify-content: flex-end;

	gap: 5px;

}



#navigation {

	float: none;

}



#mobile-navigation {

	z-index: 9999999999;

}



a.menu-trigger:before {

	position: absolute;

	left: -4px;

	top: -10px;

	content: "men\00f9";

	text-transform: uppercase;

	font-size: 12px;

	line-height: 1;

	color: var(--colore-blu);

}



/* Titlebar

====================================*/

#titlebar {

	min-height: 46px;

	background-color: var(--colore-rosso);

}



#breadcrumbs ul {

	margin-top: 12px;

}

#breadcrumbs ul li,

#breadcrumbs ul li:first-child,

#breadcrumbs ul li:last-child {

	font-size: 16px;

	color: #eee;

}

#breadcrumbs ul li a {

	color: #fff;

}

#breadcrumbs ul li:first-child:after {

	content: "";

	font-family: "FontAwesome";

	font-size: 12px;

	color: #ccc;

	margin: 0 0 0 9px;

}



/* slider

====================================*/

.fullwidthbanner-container {

	max-height: 650px !important;

	border-top: 25px solid var(--colore-rosso);

	border-bottom: 5px solid var(--colore-rosso);

}

.cap-slide-1,

.cap-slide-2 {

	color: #fff;

	text-shadow: 1px 1px 1px #000;

	filter: dropshadow(color=#000, offx=1, offy=1);

}

.cap-slide-1 {

	font-size: 22px;

}

.cap-slide-2 {

	font-size: 18px;

}

.caption h2 {

	font-family: var(--font-default);

	font-size: 36px;

	line-height: 38px;

	letter-spacing: -1px;

}

.caption h3 {

	font-family: var(--font-default);

	font-size: 36px;

	line-height: 38px;

	letter-spacing: -1px;

	font-weight: normal;

}

.caption h4 {

	font-family: var(--font-default);

	font-size: 24px;

	line-height: 26px;

	letter-spacing: -1px;

	font-weight: normal;

}

.caption.light h2,

.caption.light h3,

.caption.light h4 {

	color: #fff;

	text-shadow: 0 1px 1px #000;

}

.caption.red h2 {

	color: #c62020;

	text-shadow: 0 1px 2px #fff;

}

.caption.yellow h2 {

	color: #fff011;

	text-shadow: 0 1px 2px #000;

}

.caption .button {

	font-size: 16px;

	line-height: 24px;

}



/* Login

====================================*/

#formLogin {

	padding: 15px 0 0;

}

#formLogin input[type="text"],

#formLogin input[type="password"] {

	width: 93%;

	margin: 5px 0 10px;

	padding: 8px 3%;

}

#formLogin a {

	margin-top: 5px;

	float: right;

}



/* List Styles

====================================*/

.contenuto ul {

	margin: 10px 0 18px;

}

.contenuto ul li {

	list-style: none;

	margin: 7px 0;

	margin-left: 2px;

}

.contenuto ul li:first-child {

	margin-top: 0;

}

.contenuto ul li:before {

	content: "";

	font-family: "FontAwesome";

	margin: 0 7px 0 0;

	position: relative;

	color: var(--colore-blu);

}

.contenuto ul li:before {

	content: "";

}



.contact-informations li {

	line-height: 24px;

}



/* Allegati

====================================*/



#filtroAllegati {

	display: flex;

	padding: 5px;

	border: 1px solid #e0e0e0;

	border-radius: 3px;

	background: #f4f4f4;

}

#filtroAllegati label {

	display: inline;

	margin-right: 15px;

	font-size: 18px;

}



.label-doc span {

	padding: 3px 6px;

	border: 1px solid #7a3;

	border-radius: 3px;

	background: #8dc63f;

	color: #fff;

}



.allegati-cont {

	margin: 30px 0;

}

.allegati-cont li {

	position: relative;

	margin-left: 0;

}

.allegati-cont ul li:before {

	content: "\f002" !important;

	position: absolute;

	right: 5px;

	top: 11px;

}

.allegati-cont a {

	display: block;

	padding: 10px 35px;

	border: 1px solid var(--colore-grigio-chiaro);

	-webkit-border-radius: 3px;

	border-radius: 3px;

	background-color: #fff;

	background-image: url(/images/ico/ico-default.png);

	background-repeat: no-repeat;

	background-position: 8px 8px;

	background-size: auto 24px;

}

.allegati-cont a:hover {

	background-color: #fafafa;

}

.allegati-cont a span {

	display: block;

	margin-top: 5px;

	font-size: 14px;

	line-height: 15px;

	color: #666;

}

.allegati-cont a[href$=".pdf"],

.allegati-cont a[href$=".PDF"] {

	background-image: url(/images/ico/ico-pdf.png);

}

.allegati-cont a[href$=".doc"],

.allegati-cont a[href$=".DOC"],

.allegati-cont a[href$=".docx"],

.allegati-cont a[href$=".DOCX"] {

	background-image: url(/images/ico/ico-doc.png);

}

.allegati-cont a[href$=".xls"],

.allegati-cont a[href$=".XLS"],

.allegati-cont a[href$=".xlsx"],

.allegati-cont a[href$=".XLSX"] {

	background-image: url(/images/ico/ico-xls.png);

}

.allegati-cont a[href$=".ppt"],

.allegati-cont a[href$=".PPT"],

.allegati-cont a[href$=".pptx"],

.allegati-cont a[href$=".PPTX"] {

	background-image: url(/images/ico/ico-ppt.png);

}

.allegati-cont a[href$=".jpg"],

.allegati-cont a[href$=".JPG"],

.allegati-cont a[href$=".jpeg"],

.allegati-cont a[href$=".JPEG"] {

	background-image: url(/images/ico/ico-jpg.png);

}

.allegati-cont a[href$=".png"],

.allegati-cont a[href$=".PNG"] {

	background-image: url(/images/ico/ico-png.png);

}



/* Box Homepage

====================================*/

#agendaProprietario .notice-box {

	height: 80px;

	padding: 32px 20px;

	background-color: #ffb400;

	color: #fff;

}

#agendaProprietario .notice-box h3 {

	color: #fff;

}

#agendaProprietario .notice-box:hover {

	height: 80px;

	background-color: #a0a0a0;

	color: #fff;

}



.colonna-sx-hp img,

.colonna-dx-hp img {

	max-width: 100%;

	margin: 0 -6px 20px;

	padding: 5px;

	border: 1px solid var(--colore-grigio-chiaro);

	-webkit-border-radius: 3px;

	border-radius: 3px;

	box-shadow: 0 2px 0 0 rgba(0, 0, 0, 0.03);

}



.box-orari {

	margin-bottom: 30px;

}

.box-orari .line {

	margin-bottom: 20px;

}

.box-orari h4 {

	margin-bottom: 8px;

}

.box-orari h5 {

	margin-bottom: 5px;

	line-height: 1.1;

	color: var(--colore-blu);

}

.box-orari p {

	font-size: 14px;

	line-height: 20px;

}

.box-orari ul.list-3 {

	margin-bottom: 20px;

}

.box-orari ul.list-3 li {

	margin: 0;

	font-size: 14px;

	line-height: 1.2;

}

.box-orari ul.contact-informations {

	margin-top: 0 !important;

	margin-bottom: 0 !important;

}

.box-orari ul.contact-informations li {

	margin: 5px 0;

	font-size: 14px;

	line-height: 20px;

}

.box-orari i {

	margin: 3px -2px 0 -2px !important;

}



/* Box Homepage Anteprima

====================================*/

.anteprima {

	margin-bottom: 30px;

	border: 1px solid var(--colore-grigio-chiaro);

	-webkit-border-radius: 6px;

	border-radius: 6px;

	/*background-color:#f0f0f0;*/

	background-color: #fff;

}

.anteprima-int {

	padding: 0 15px;

	font-family: var(--font-titoli);

	font-size: 18px;

	line-height: 44px;

	color: #888;

	cursor: pointer;

}

.anteprima-int:hover {

	background-color: var(--colore-grigio-chiaro);

	color: #fff;

}

.anteprima-com {

	float: right;

}

.anteprima-cont {

	/*overflow:hidden;*/

	overflow: auto;

}

.anteprima-cont div:first-child {

	padding: 15px;

	border-top: 1px dotted var(--colore-grigio-chiaro);

}

.anteprima-cont img {

	max-width: 100%;

}

.anteprima-cont ul li:before {

	margin-left: -20px;

}

.anteprima-cont ul li {

	margin-left: 20px;

}



/* Contatti

====================================*/

.contenuto ul.contact-informations li:before {

	content: "";

}



.contact-informations {

	margin: 40px 0 20px !important;

}



#contact {

	margin-top: 30px;

}

#contact label {

	width: 25%;

	float: left;

}

#contact input,

#contact textarea {

	width: 70% !important;

	min-width: inherit !important;

}

#contact select {

	width: 50% !important;

	min-width: inherit !important;

}

#contact input[type="submit"] {

	width: 30% !important;

}

#contact input[type="checkbox"] {

	width: auto !important;

	margin-top: 6px;

	float: left;

}

#contact small {

	padding: 0 3px;

}

#contact .error + small {

	border-bottom: 1px solid #f2c4c2;

	background-color: #ffeceb;

}

#contact small span {

	color: #e24747;

}



/*Intro

====================================*/



#intro {

	margin-bottom: 30px;

}



/* Form ricerca

====================================*/



.box-form {

	margin-bottom: 30px;

	border: 1px solid #d0d0d0;

	-webkit-border-radius: 6px;

	border-radius: 6px;

	background-color: #f0f0f0;

}

.box-form-cont {

	padding: 15px;

	border-top: 1px dotted #d0d0d0;

}

.tit-dx {

	float: right;

	font-size: 18px;

	margin-top: 6px;

}

.box-form-int {

	padding: 15px;

	font-family: var(--font-titoli);

	font-size: 28px;

	line-height: 1;

	color: #888;

}

.box-form-int h1 {

	margin-bottom: 0;

	line-height: 1;

}

.box-form input,

.box-form select {

	margin-bottom: 10px;

	width: 100%;

}

.box-form input,

.box-form select {

	width: 100%;

	margin-bottom: 10px;

}

.box-form input.btn {

	width: 140px;

	margin-top: 20px;

}



.box-form .half-col {

	width: 49%;

	float: left;

}

.box-form .half-col:nth-child(1) {

	margin-right: 1%;

}

.box-form .half-col:nth-child(2) {

	margin-left: 1%;

}



/* Risultati ricerca

====================================*/



.risultati-riga {

	position: relative;

	padding: 10px 10px 10px 40px;

	border-bottom: 1px dotted #d0d0d0;

}

.risultati-riga:before {

	position: absolute;

	left: 10px;

	top: 12px;

	display: inline-block;

	width: 30px;

	height: 30px;

	content: "\f02d";

	font: normal normal normal 14px/1 FontAwesome;

	font-size: 18px;

	text-rendering: auto;

	-webkit-font-smoothing: antialiased;

	-moz-osx-font-smoothing: grayscale;

}

.risultati-riga.digitalizzato:after {

	position: absolute;

	left: 8px;

	top: 35px;

	display: inline-block;

	width: 30px;

	height: 30px;

	content: "\f108";

	font: normal normal normal 14px/1 FontAwesome;

	font-size: 18px;

	text-rendering: auto;

	-webkit-font-smoothing: antialiased;

	-moz-osx-font-smoothing: grayscale;

}

.risultati-riga:hover {

	background-color: #f0f0f0;

}

.risultati-riga a.dettaglio {

	display: block;

	margin-bottom: 8px;

	font-family: var(--font-default);

	font-size: 22px;

	font-weight: bold;

	line-height: 1.1;

	color: #143465;

}

.risultati-riga a.autore {

	text-decoration: underline;

}



/* Scheda

====================================*/



.scheda-titolo {

	position: relative;

	margin-bottom: 20px;

	padding: 0 0 10px 35px;

	border-bottom: 1px dotted #d0d0d0;

}

.scheda-titolo:before {

	position: absolute;

	left: 5px;

	top: 8px;

	display: inline-block;

	width: 30px;

	height: 30px;

	content: "\f02d";

	font: normal normal normal 14px/1 FontAwesome;

	font-size: 22px;

	text-rendering: auto;

	-webkit-font-smoothing: antialiased;

	-moz-osx-font-smoothing: grayscale;

}

.scheda-cont a {

	text-decoration: underline;

}

.scheda-pos {

	padding-left: 10px;

	border-left: 3px solid #d0d0d0;

}



/* Footer

====================================*/

#footer-top {

	background-color: var(--colore-rosso);

	padding: 60px 0;

}



.footer-container {

	display: flex;

	justify-content: flex-start;

	align-items: flex-start;

	gap: 50px;

}



#logo-footer {

	flex: auto 0;

	width: 25%;

}

#logo-footer img {

	display: block;

	max-width: 100%;

}

#logo-footer hr {

	margin: 30px 0;

}

#txt-footer {

	flex: 1 0;

}

#txt-footer h3 {

	font-size: 24px;

	color: #fff;

}

#txt-footer p {

	color: #fff;

}



#footer-bottom {

	background-color: var(--colore-blu);

}