/*Z-index per le finestre modal*/
.modal {
	z-index: 9999;
}
/*Fine*/
/*Modifico pre-loader*/
.sp-pre-loader .sp-loader-circle{
	border:1px solid fade(#001B42, 70%);
	}
.sp-pre-loader .sp-loader-circle:after{
	width:7px;
	height:7px;
	border-radius:8px;
	background-color:#001B42;
	}
	/*Fine*/

/*Modifiche body*/
#sp-main-body {
	font-family: 'Raleway', sans-serif;
	font-size: 1.1rem;
	padding: 25px 0;
	letter-spacing: 0.3px;
	font-weight: 500;
}	
/*Fine*/
/* Aggiungo un margine al logo in visualizzazione mobile più ombreggiatura*/
.logo-image-phone {
    margin-left: 15px;
	filter: drop-shadow(-2px 2px 1px rgba(0, 0, 20, 0.8));
	height:36px !important;
	width: auto !important;
}
/* Fine */

/* Aggiungo ombreggiatura al logo */
.logo-image{ 
 filter: drop-shadow(-3px 3px 1px rgba(0, 0, 20, 0.8));
 height:50px !important;
 width: auto !important;;
}
/* Fine */

/* Aggiungo ombreggiatura al logo footer */
.ombralogofooter { 
 filter: drop-shadow(-3px 3px 1px rgba(0, 0, 20, 0.8));
}
/* Fine */

/* Cambiato il colore di top bar */
#sp-top-bar a:hover {
  color: #aaccff;
}
#sp-top-bar {
    padding: 5px 0;
}
/* Fine */

/*Icone top bar più distanziate sui dispositivi mobili*/
@media screen and (max-width: 991px) {
#sp-top-bar {
    line-height:2;
}
ul.social-icons > li:not(:last-child) {
  margin-right: 40px;
}
}
/*Fine*/

/* Tolta l'animazione dello sticky header per evitare quell'effetto vai e vieni allo scroll - Sistemata ombreggiatura */
#sp-header{
box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.6);
-moz-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.6); 
-webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.6);
animation: none;
}
#sp-header.header-sticky {
  animation: none;
  opacity:0.7;
}
#sp-header.header-sticky:hover {
  opacity:1;
}

/* Fine */

/* Modifiche page title voci di menu */
.sp-page-title {
  padding: 50px 0;
  margin-bottom: 0px;
  background: #3f7edf;
}
.sp-page-title .sp-page-title-heading, .sp-page-title .sp-page-title-sub-heading {
  text-shadow: 2px 2px 3px rgba(0, 0, 0, 0.9);
  margin-left: 20px;
  padding: 0;
  color: #fff;
}
.sp-page-title .sp-page-title-heading {
  font-size: 30px;
  font-variant: small-caps;
  line-height: 1;
  letter-spacing: 1px;
}
.sp-page-title .sp-page-title-sub-heading {
  font-size: 24px;
  font-weight: normal;
  line-height: 1;
  margin-top: 10px;
  margin-left: 35px;
   font-variant: small-caps;
   letter-spacing:1px;
}
/* Fine */

/* Modifico bottom */
#sp-bottom {
	text-align: center;
}
#sp-bottom .container {
	padding: 30px 0;
	border-top: 1px solid rgba(255, 255, 255, 0.7);
}
#sp-bottom .sp-module .sp-module-title {
    margin: 15px 20px 20px 20px;
	font-size: 20px;
    
}/* Fine */

/* Modifico footer */
#sp-footer .container-inner {
    padding: 30px 0;
    border-top: 1px solid rgba(255, 255, 255, 0.7);
}
@media only screen and (max-width: 1000px) {
  #sp-footer {
  text-align: center;
}
}
/* Fine */

/* Cambio il colore dei link nel bottom e nel footer */

#sp-footer a:hover, #sp-bottom a:hover {
  text-decoration: underline;
}
#sp-footer a:focus, #sp-bottom a:focus {
  color: #aaccff;
  text-decoration: underline;
}
#sp-footer li.active > a {
  color: #aaccff;
  text-decoration: underline;
}
#sp-footer li.active:hover > a {
  color: #fff;
}
/* Fine */

/*Margine ai moduli in posizione footer1 e footer3 per allinearli con il logo*/
#sp-footer1{
  margin-top:10px;
}
#sp-footer3{
  margin-top:17px;
}
/**/

/* Classe personalizzata footer3 ovvero footermenu*/
.adestra {
	text-align: right;
}
/* Fine */

/* Classe personalizzata footer3 ovvero footermenu*/
.centrato {
	margin: auto;
}
/* Fine */

/* Rendo responsive la mappa di google incorporata */
.map-responsive{
  overflow:hidden;
  padding-bottom:25%;
  position:relative;
  height:0;
}
.map-responsive iframe{
  left:0;
  top:0;
  height:100%;
  width:80%;
  position:absolute;
}
@media screen and (max-width: 1100px) {
.map-responsive{
  padding-bottom:35%;
}
  .map-responsive iframe {
  height:100%;
  width:100%;
  }
}
@media screen and (max-width: 720px) {
.map-responsive{
  padding-bottom:70%;
}
}
/* Fine */

/* Modifico pulsante scroll up */
.sp-scroll-up {
  z-index: 10000;
  font-size: 12px;
  color: #fff;
  background: #3f7edf;
  border-radius: 100px;
  bottom: 20px;
  box-shadow: inset 0 0 5px 0 rgba(255, 255, 255, 0.7);
  -moz-box-shadow: inset 0 0 5px 0 rgba(255, 255, 255, 0.7);
-webkit-box-shadow: inset 0 0 5px 0 rgba(255, 255, 255, 0.7);
}
.sp-scroll-up:hover, .sp-scroll-up:active, .sp-scroll-up:focus {
  background: #85cdff;
}
/* Fine */

/* Modifico le icone dei social */
.article-social-share .social-share-icon ul li:not(:last-child) {
  margin-right: 4px;
}
.article-social-share .social-share-icon ul li a {
  color:#3f7edf;
  background: #f5f5f5 none repeat scroll 0 0;
  border: 0px solid #ededed;
  font-size: 1rem;
  border-radius: 50%;
  height: 30px;
  line-height: 30px;
  text-align: center;
  width: 30px;
  display: inline-block;
}
.article-social-share .social-share-icon ul li a:hover, .article-social-share .social-share-icon ul li a:focus {
  color: #fff;
  background: #2a61c9 none repeat scroll 0 0;
}
/* Fine */

/* Modifiche footer. Inserisco linee verticali tra le voci del footer menu. Inline-block mi allinea voci e lineette*/
#sp-footer ul.menu {
  display: inline-block;
  list-style: none;
  padding: 0;
  margin: 0;
  font-family: 'Architects Daughter', sans-serif;
  font-size:15px;
}
@media only screen and (max-width: 1000px) {
  #sp-footer ul.menu {
  display:list-item;
  line-height: 2.5;
  padding-top:10px;
  text-align: center;
}
}
#sp-footer ul.menu li {
  display: inline;
  margin: 0 7px;
}
#sp-footer ul.menu li a {
  display: inline-block;
}
@media only screen and (max-width: 1000px) {
  #sp-footer ul.menu li a {
  display:list-item;
  line-height: 0.5;
  margin:-2px;
}
}
#sp-footer ul.menu>:before {
 content:"";
 display:inline-block;
 height:10px;
}
@media only screen and (max-width: 1000px) {
  #sp-footer ul.menu>:before {
  display:none;
}
}
#sp-footer ul.menu>:nth-child(n+2):before {
 margin-right:12px;
 border-left:1px solid #fff
}
/* Fine */

/* Classi personalizzate per le voci del footer menu perchè non vengono visualizzate le icone da opzioni megamenu */
#sp-footer ul.menu li a:before {
 display:inline-block;
 margin-right: 5px;
  font-family: "Font Awesome 6 Free";
 font-weight: 700;
 font-size: inherit;
}
/* Fine */

/* Classi personalizzate per le voci del footer menu perchè non vengono visualizzate le icone da opzioni megamenu */
#sp-footer ul.menu li a.homefooter:before {
 content:"\f015";
}
#sp-footer ul.menu li a.sitemapfooter:before {
 content:"\f0e8";
}
#sp-footer ul.menu li a.privacyfooter:before {
 content:"\f21b";
}
#sp-footer ul.menu li a.cookiefooter:before {
 content:"\f564";
}
/* Fine */

/* Modifiche offcanvas */
.offcanvas-menu {
  overflow: auto;
}

.offcanvas-menu .logo-image {    
    filter: drop-shadow(0 2px 0 rgba(0, 0, 20, 0.5));
  background: #022d6e;
  border-radius: 100px;
  padding:3px;
}
.offcanvas-menu .offcanvas-inner .sp-contact-info > li > a, .offcanvas-menu .offcanvas-inner .social-icons > li > a {
	color:#144ca2;
	opacity: 0.7;
	font-size: 16px;
}
.offcanvas-menu .offcanvas-inner .sp-contact-info {
    margin-top: 20px;
    color: #144ca2;
}
.offcanvas-menu .offcanvas-inner .sp-module .sp-module-title {
  font-size: 1.5rem;
  font-variant: small-caps;
  padding-top:30px;
  letter-spacing: 0.6px;
}

.offcanvas-menu.border-menu .offcanvas-inner ul.menu > li > a {
    color: #144ca2;
	font-family: 'Architects Daughter', sans-serif;
  letter-spacing: 0.4px;

}
.offcanvas-menu .offcanvas-inner .sp-module ul > li.active > a, .offcanvas-menu .offcanvas-inner .sp-module ul > li.active > a, .offcanvas-menu .offcanvas-inner .sp-module ul > li span.active > a{
  color: #3f7edf;
  text-decoration: underline;
}

.offcanvas-menu .offcanvas-inner ul.menu>li a:hover,
.offcanvas-menu .offcanvas-inner ul.menu>li a:focus,
.offcanvas-menu .offcanvas-inner ul.menu>li span:hover,
.offcanvas-menu .offcanvas-inner ul.menu>li span:focus {
  color:#3f7edf;
}


.offcanvas-menu .offcanvas-inner ul.menu > li > ul li a {
    font-size: 17px;
    padding: 4px 0px;
    line-height: 18px;
    font-weight: 400;
    color: #144ca2;
}
.offcanvas-menu .offcanvas-inner ul.menu > li > a, .offcanvas-menu .offcanvas-inner ul.menu > li > span {
    display: block;
    font-size: 18px;
    padding: 17px 0px !important;
    position: relative;
    line-height: 16px;
    opacity: 1;
    transition: 2.3s;
	color:#144ca2;
	font-family: 'Architects Daughter', sans-serif;
}
.offcanvas-menu .offcanvas-inner ul.menu > li > span:hover {
	color:#144ca2;
}
.offcanvas-menu .offcanvas-inner ul.menu > li.active > span {
	color:#3f7edf;
  text-decoration: underline;
}
body.ltr .offcanvas-menu .offcanvas-inner ul.menu > li ul {
    margin-left: 0px;
	line-height: 2.5rem;
}
.offcanvas-menu.border-menu .offcanvas-inner ul.menu ul {
    padding-bottom: 0px;
   line-height: 30px;
}
.burger-icon > span {
    background-color: #fff;
	margin-right:15px;
  margin-left:-15px;
  height: 2px;
}
.offcanvas-active .close-offcanvas .burger-icon > span {
    background-color: #144ca2;
}
.offcanvas-menu .offcanvas-inner ul.menu > li.menu-parent > .nav-header > .menu-toggler {
    color: #144ca2;
    margin-right: 20px;
}
/* Fine */
	
/* Classi personalizzate per visualizzare le icone font awesome nell'offcanvas. Da creare per ogni nuova voce di menu aggiunta in futuro*/
.offcanvas-menu .offcanvas-inner ul.menu > li > a.homeoff:before {
 content:"\f015";
 margin-right: 8px;
 font-family: "Font Awesome 6 Free";
 font-size: 0.9em;
 font-weight: 700;
}
.offcanvas-menu .offcanvas-inner ul.menu > li > a.chisiamo:before {
 content:"\f1ae";
 margin-right: 8px;
 font-family: "Font Awesome 6 Free";
 font-size: 0.9em;
 font-weight: 700;
}
.offcanvas-menu .offcanvas-inner ul.menu > li > a.lanostravita:before {
 content:"\f004";
 margin-right: 8px;
 font-family: "Font Awesome 6 Free";
 font-size: 0.9em;
 font-weight: 700;
}
.offcanvas-menu .offcanvas-inner ul.menu > li > a.lacittadella:before {
 content:"\f51d";
margin-right: 8px;
 font-family: "Font Awesome 6 Free";
 font-size: 0.9em;
 font-weight: 700;
}
.offcanvas-menu .offcanvas-inner ul.menu > li > a.comeaiutarci:before {
 content:"\f4be";
 margin-right: 8px;
 font-family: "Font Awesome 6 Free";
 font-size: 0.9em;
 font-weight: 700;
}
.offcanvas-menu .offcanvas-inner ul.menu > li > a.gallery:before {
 content:"\f87c";
 margin-right: 8px;
 font-family: "Font Awesome 6 Free";
 font-size: 0.9em;
 font-weight: 700;
}
.offcanvas-menu .offcanvas-inner ul.menu > li > a.vocazione:before {
 content:"\f654";
 margin-right: 8px;
 font-family: "Font Awesome 6 Free";
 font-size: 0.9em;
 font-weight: 700;
}
.offcanvas-menu .offcanvas-inner ul.menu > li > span.contattititolo:before {
 content:"\f129";
 margin-right: 8px;
 font-family: "Font Awesome 6 Free";
 font-size: 0.9em;
 font-weight: 600;
}

.contattititolo {
  line-height: 35px
}

.offcanvas-menu .offcanvas-inner ul.menu > li > ul li a.contatti:before  {
 content:"\f2bb";
 margin-right: 8px;
 font-family: "Font Awesome 6 Free";
 font-size: 0.9em;
 font-weight: 400;
}
.offcanvas-menu .offcanvas-inner ul.menu > li > ul li a.dovesiamo:before {
 content:"\f5a0";
 margin-right: 8px;
 font-family: "Font Awesome 6 Free";
 font-size: 0.9em;
 font-weight: 700;
}
.offcanvas-menu .offcanvas-inner ul.menu > li > ul li a.orari:before {
 content:"\f017";
 margin-right: 8px;
 font-family: "Font Awesome 6 Free";
 font-size: 0.9em;
 font-weight: 400;
}
.offcanvas-menu .offcanvas-inner ul.menu > li > a.appuntamenti:before {
 content:"\f073";
 margin-right: 8px;
 font-family: "Font Awesome 6 Free";
 font-size: 0.9em;
 font-weight: 400;
}

.offcanvas-menu .offcanvas-inner ul.menu > li > a.ungrandesanto:before {
 content:"\f521";
 margin-right: 8px;
 font-family: "Font Awesome 6 Free";
 font-size: 0.9em;
 font-weight: 600;
}

.offcanvas-menu .offcanvas-inner ul.menu > li > a.nozzedicana:before {
 content:"\e4f5";
 margin-right: 8px;
 font-family: "Font Awesome 6 Free";
 font-size: 0.9em;
 font-weight: 600;
}

.offcanvas-menu .offcanvas-inner ul.menu > li > a.articoli:before {
 content:"\f1ea";
 margin-right: 8px;
 font-family: "Font Awesome 6 Free";
 font-size: 0.9em;
 font-weight: 600;
}

.offcanvas-menu .offcanvas-inner ul.menu > li > a.cinqueminuti:before {
 content:"\f2f2";
 margin-right: 8px;
 font-family: "Font Awesome 6 Free";
 font-size: 0.9em;
 font-weight: 600;
}

/* Fine */

/*Menu principale forzato su una riga*/
@media screen and (max-width: 1199px) {
  .sp-megamenu-parent > li > a, .sp-megamenu-parent > li span {
    padding: 0 3px;
}
}
/*Fine*/

/* Modifiche menu principale */
.sp-megamenu-parent{
	margin-right:-40px
}
.sp-megamenu-parent > li > a, .sp-megamenu-parent > li > span{
  color: #fff;
  font-variant: small-caps;
  letter-spacing: 0.5px;
  
}
.sp-megamenu-parent > li:hover > a {
    color: #aaccff;
	font-weight: 600;
}
.sp-megamenu-parent > li.active > a {
  color: #aaccff;
  font-weight: 600;
}
.sp-megamenu-parent > li.active:hover > a {
  color: #fff;
}
/* Fine */

/* Modifiche barra sottolineatura link menu principale */
.sp-megamenu-parent > li > a:after {
    content: '';
    display: block;
    width: 0;
    height: 2px;
    background: #aaccff;
    margin-left: 0;
}
.sp-megamenu-parent > li:hover> a:after {
    width: 100%;
    margin-left:0;
    margin-right: 0;
    margin-top: -30px;
  transition: width .3s;
}
.sp-megamenu-parent > li.active > a:after {
    width: 100%;
    margin-left:0;
    margin-right: 0;
    margin-top: -30px;
	background: #aaccff;
}
.sp-megamenu-parent > li.active:hover > a:after {
	background: #fff;
}
/* Fine */

/* Tendina a discesa sottomenu */
.sp-megamenu-parent .sp-dropdown .sp-dropdown-inner {
  background: #fff;
  margin-top: -15px;
  padding: 10px 20px;
}
.sp-megamenu-parent .sp-dropdown li.sp-menu-item {
  padding:0 10px;
  margin-bottom:5px;
}
.sp-megamenu-parent .sp-dropdown li.sp-menu-item:hover {
  color: #fff;
  background: #3f7edf;
}
.sp-megamenu-parent .sp-dropdown li.sp-menu-item.active {
  color: #fff;
  background: #144ca2;
  font-weight: 600;
}
.sp-megamenu-parent .sp-dropdown li.sp-menu-item > a {
  color: #144ca2;
}
.sp-megamenu-parent .sp-dropdown li.sp-menu-item:hover >a {
  color: #fff;
  font-weight: 600;
}
.sp-megamenu-parent .sp-dropdown li.sp-menu-item.active > a {
  color: #fff;
}
.sp-megamenu-parent .sp-dropdown li.sp-menu-item.active:hover > a {
  color: #aaccff;
}
/* Fine */

/* Barra sottolineatura tendina a discesa sottomenu */
.sp-megamenu-parent .sp-dropdown li.sp-menu-item > a:after {
    content: '';
    display: block;
    width: 0;
    height: 2px;
    background: #fff;
    margin-left: 0;
}
.sp-megamenu-parent .sp-dropdown li.sp-menu-item:hover> a:after {
    width: 100%;
    margin-left:0;
    margin-right: 0;
    margin-top: 0px;
  transition: width .3s;
}
.sp-megamenu-parent .sp-dropdown li.sp-menu-item.active > a:after {
    width: 100%;
    margin-left:0;
    margin-right: 0;
    margin-top: 0px;
	background: #fff;
}
.sp-megamenu-parent .sp-dropdown li.sp-menu-item.active:hover > a:after {
	background: #aaccff;
}
/* Fine */

/* Classe personalizzata posizione "contattidestra"*/
#sp-contattidestra{
  text-align: center;
  padding: 50px 20px 20px 50px;
}
#sp-contattidestra a {
  color: #373737;
  text-decoration: none;
  line-height: 1.5;
}
#sp-contattidestra a:hover, #sp-contattidestra a:active, #sp-contattidestra a:focus {
  color: #144ca2;
  text-decoration: underline;
}
/* Fine */

/* Classe personalizzata posizione "contattitop" per visualizzazione mobile*/
#sp-contattitop{
  text-align: center;
  padding: 20px 20px 20px 20px;
}
#sp-contattitop a {
  color: #373737;
  text-decoration: none;
  line-height: 1.5;
}
 #sp-contattitop a:hover, #sp-contattitop a:active, #sp-contattitop a:focus {
  color: #144ca2;
  text-decoration: underline;
}
/* Fine */

.containerkolbe {
  position: relative;
  width: 100%;
}
.btnkolbe {
  position: absolute;
  top: 55%;
  right: 0%;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  background-color: #144ca2;
  padding: 16px 30px;
  border: none;
  cursor: pointer;
  border-radius: 5px;
  box-shadow: 0 0 5px 0 rgba(0, 0, 0, 1);
  -moz-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 1);
-webkit-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 1);
}
.btnkolbe a {
  color: #fff;
  font-size: 1.2rem;
  font-family: 'Architects Daughter', sans-serif;
  font-variant:small-caps;
 text-align: center;
 white-space: nowrap;
}
.btnkolbe a:hover {
 color:#fff;
}
.btnkolbe:hover {
  background-color: #3f7edf;
  color: #fff;
  font-weight:600;
  box-shadow: 0 12px 16px 0 rgba(0,0,0,0.24), 0 17px 50px 0 rgba(0,0,0,0.19);
  -moz-box-shadow: 0 12px 16px 0 rgba(0,0,0,0.24), 0 17px 50px 0 rgba(0,0,0,0.19);
-webkit-box-shadow: 0 12px 16px 0 rgba(0,0,0,0.24), 0 17px 50px 0 rgba(0,0,0,0.19);
}
@media only screen and (max-width: 1000px) {
.btnkolbe {
  position: absolute;
  top: 85%;
  left: 50%;
 padding:5px 10px;}}
 
 /** Modifica visualizzazione blog**/
.article-list .article{
	 padding:25px;
	 margin-left: 30px;
	 margin-right: 30px;
}
.article-list .article .article-intro-image,.article-list .article .article-featured-video,.article-list .article .article-featured-audio,.article-list .article .article-feature-gallery{
	border-radius:3px;
	border-bottom:none;
}
.article-list .article .article-intro-image img,.article-list .article .article-featured-video img,.article-list .article .article-featured-audio img,.article-list .article .article-feature-gallery img{
	border-radius:3px;
	margin-right:auto;
    margin-left:auto;
	margin-top:15px;
}
.article-list .article .article-header h1,.article-list .article .article-header h2{
	font-size:1.8rem;
	text-align: center;
	margin:auto;
}
.article-list .article .article-header h1 a,.article-list .article .article-header h2 a{
	color:#144ca2;
}	
.article-list .article .article-header h1 a:hover,.article-list .article .article-header h1 a:active,.article-list .article .article-header h1 a:focus,.article-list .article .article-header h2 a:hover,.article-list .article .article-header h2 a:active,.article-list .article .article-header h2 a:focus{
	color:#3f7edf;
}
.article-list .article .readmore{
	font-size:0.7rem;
  background: #144ca2;
  border-radius: 4px;
  padding: 4px 10px;
  border-bottom: 3px solid #022d6e;
  float:right;
  margin-top:5px;
}
.article-list .article .readmore:hover{
  background: #3f7edf;
  box-shadow: 2px 2px 2px 0 rgba(0, 0, 0, 0.4);
  -moz-box-shadow: 2px 2px 2px 0 rgba(0, 0, 0, 0.4);
-webkit-box-shadow: 2px 2px 2px 0 rgba(0, 0, 0, 0.4);
}	
.article-list .article .readmore a{
	color:#fff;
}
.article-list .article .readmore a:hover,.article-list .article .readmore a:active,.article-list .article .readmore a:focus{
	color:#fff;
  font-weight: 700;
}
.article-info>span{
  border-top: 4px solid #022d6e;
  box-shadow: 0 3px 2px rgba(0,0,0,0.17);
  -moz-box-shadow: 0 3px 2px rgba(0,0,0,0.17);
-webkit-box-shadow: 0 3px 2px rgba(0,0,0,0.17);
  text-shadow: -1px -1px 0 rgba(0,0,0,0.3);
  border-radius: 4px;
  background: #144ca2;
  color: #fff;
  padding: 2px 6px 4px 6px;
  font-size:0.75rem;
  font-weight: 700;
  margin-left:auto;
}	
	
.article-info>span:before{
   content:"\f073";
   margin-right: 3px;
   font-family: "Font Awesome 6 Free";
   font-weight: 400;
}
.article-details .article-header{
	position:absolute;
}
.article-details .article-can-edit {
 margin-top: 30px;
 margin-bottom:0;
 padding-bottom: 45px;
}

/*Modifiche padding titolo articolo perchè sui cellulari si sovrappone al primo rigo del testo dell'articolo*/

@media only screen and (max-width: 500px) {
	.article-details .article-can-edit {
	margin-bottom: 55px;
}
}
/*Fine*/

.article-details .article-full-image img{
	display:block;
    margin-left:auto;
	margin-right:auto;
}
.article-introtext{
  font-size: 0.9rem
}


/** Fine **/

/*Margine Pulsanti navigazione perchè sono attaccati*/
.btn-group-sm > .btn, .btn-sm {
  margin: 10px 10px 0 0 !important;
}
/*Fine*/

/* Sovrascrivo "interlinea" moduli di destra e di sinistra*/
#sp-left .sp-module ul > li > a, #sp-right .sp-module ul > li > a {
  line-height: 30px;
}

#sp-left .sp-module .sp-module-title, #sp-right .sp-module .sp-module-title {
  margin: 0;
}
/* Fine */

/*Rientro sottovoci di menu moduli laterali*/
#sp-left .sp-module ul ul > li > a, #sp-right .sp-module ul ul > li > a {  
	margin-left:1rem;
}
/*Fine*/

/**Classi moduli latestnews con data articolo e senza data articolo**/
.sp-module-content .latestnews > li > a > span[itemprop="name"] {
display:block;
  font-size:90%;
margin-top:0;
}

/* Sovrascrivo margine data latest news*/
.sp-module-content .latestnews > li > a > span {
  display: block;
  margin-top: -10px;
  font-size: 70%;
}
/* Fine */

/* Classe personalizzata per modulo latest news senza info data*/
.nodata .sp-module-content .latestnews > li > a > span[itemprop="name"] {
  display: block;
  margin: 0;
}

.nodata .sp-module-content .latestnews > li > a > span {
  display: none;
}
/*Fine*/

/**Fine**/

/*Modifica pulsante "Leggi tutto"*/  
.readmore{
	font-size:0.75rem;
  background: #144ca2;
  border-radius: 4px;
  padding: 4px 10px;
  border-bottom: 3px solid #022d6e;
  margin-left: auto;
}
.readmore:hover{
  background: #3f7edf;
  box-shadow: 2px 2px 2px 0 rgba(0, 0, 0, 0.4);
  -moz-box-shadow: 2px 2px 2px 0 rgba(0, 0, 0, 0.4); 
-webkit-box-shadow: 2px 2px 2px 0 rgba(0, 0, 0, 0.4);
}
.readmore a, .readmore a:focus {
	color:#fff;
	font-weight:500;
}
.readmore a:hover, .readmore a:active {
  color:#fff;
  font-weight: 700;
}
/*Fine*/

/* Classe personalizzata per il link voce di menu "La nostra vita" perchè è l'unica voce di menu principale su cui carica font awesome far (font-weight:400) e non fas (font-weight:700) che visualizzava l'icona del cuore vuoto */
.sp-megamenu-parent > li > a.lanostravita>span {
 font-weight: 700;
}
/* Fine */

/*???*/
.carousel-caption-home {
    position: absolute;
    right: 15%;
    bottom: 40%;
    left: 15%;
    padding-top: 1.25rem;
    padding-bottom: 1.25rem;
    color: #fff;
    text-align: center;
}
@media screen and (min-width: 601px) {
.carousel-caption-home h1 {
 font-size: 35px;
  }
}
@media screen and (max-width: 600px) {
.carousel-caption-home h1 {
  font-size: 15px;
 }
}
/*Fine*/

/** Pulsante "Tutti gli articoli" sotto visualizzazione blog in home page **/
#pulsantearticoli {
  display: flex;
  align-items: center;
  justify-content: center;
}
.btnarticoli {
  position:relative;
  margin: 25px 0 20px 0;
 padding:4px 10px;
  background-color: #144ca2;
  border: none;
  cursor: pointer;
  border-radius: 5px;
  box-shadow: 0 0 3px 0 rgba(0, 0, 0, 1);
  -moz-box-shadow: 0 0 3px 0 rgba(0, 0, 0, 1); 
-webkit-box-shadow: 0 0 3px 0 rgba(0, 0, 0, 1);
}
.btnarticoli a {
  color: #fff;
  font-size: 1rem;
  font-family: 'Architects Daughter', sans-serif;
  font-variant:small-caps;
 text-align: center;
 white-space: nowrap;
 letter-spacing: 0.5px;
 padding: 5px 0;
}
.btnarticoli a:hover {
  color: #fff;
  font-weight:600;
 }
.btnarticoli:hover {
  background-color: #3f7edf;
  color: #fff;
  box-shadow: 0 2px 6px 0 rgba(0,0,0,0.24), 0 7px 5px 0 rgba(0,0,0,0.19);
  -moz-box-shadow: 0 2px 6px 0 rgba(0,0,0,0.24), 0 7px 5px 0 rgba(0,0,0,0.19);
-webkit-box-shadow: 0 2px 6px 0 rgba(0,0,0,0.24), 0 7px 5px 0 rgba(0,0,0,0.19);
}
/*Modifiche margini pulsante per la posizione right*/
.btnarticoli-right {
  margin: 0 !important;
}
/*Fine*/
/** Fine **/

.heroinner{
  position:relative;
}
.ombra{
  filter: drop-shadow(2px 5px 3px #000);
}
.ombratesto{
text-shadow: 4px 3px 3px rgba(0, 0, 0, 1);
}

.ombrablu {
	box-shadow: 0px 8px 2px -2px rgba(20, 36, 53, 0.96);
	-moz-box-shadow: 0px 8px 2px -2px rgba(20, 36, 53, 0.96); 
-webkit-box-shadow: 0px 8px 2px -2px rgba(20, 36, 53, 0.96);
}	

.ombrablu {
	box-shadow: 0px 8px 2px -2px rgba(20, 36, 53, 0.96);
	-moz-box-shadow: 0px 8px 2px -2px rgba(20, 36, 53, 0.96); 
-webkit-box-shadow: 0px 8px 2px -2px rgba(20, 36, 53, 0.96);
}	




/*Parallasse homeslider*/
#slider-home {
  position: relative;
  height: 600px;
  background: url(/images/slider-home/foto-scala-pfsi.webp) no-repeat center;
  background-size:cover;
  color: #ffffff;
  background-attachment: fixed;
  display: flex;
  align-items: center;
  padding: 0 60px;
  text-align: center;
  justify-content: center;
  background-position: top;
  box-shadow: 2px -2px 6px rgba(0, 0, 0, 0.8) inset;
  -moz-box-shadow: 2px -2px 6px rgba(0, 0, 0, 0.8) inset;
-webkit-box-shadow: 2px -2px 6px rgba(0, 0, 0, 0.8) inset;
  min-height: 100vh;
}
#slider-home::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 27, 66, 0.7);
  /*background-color: rgba(0, 52, 132, 0.6);*/
  /*background-color: rgba(63,126,223,0.4);*/
}
/*Fine*/

/*Parallasse home mobile. Ho caricato un'immagine di background ritagliata*/
@media only screen and (max-width: 576px){
#slider-home {
  
  height: 600px;
  background: url(/images/slider-home/foto-scala-pfsi-mobile.webp) no-repeat center;
  min-height: unset;
  background-attachment: fixed;
   background-size: 576px auto;
}}
/*Fine*/



/*Parallasse chi siamo*/
#hero-chisiamo {
  position: relative;
  height: 600px;
  background: url(/images/chi-siamo/chi-siamo-parallasse.webp) no-repeat center;
  background-size:cover;
  color: #ffffff;
  background-attachment: fixed;
  display: flex;
  align-items: center;
  padding: 0 60px;
  text-align: center;
  justify-content: center;
  background-position: top;
  box-shadow: 2px -2px 6px rgba(0, 0, 0, 0.8) inset;
  -moz-box-shadow: 2px -2px 6px rgba(0, 0, 0, 0.8) inset;
-webkit-box-shadow: 2px -2px 6px rgba(0, 0, 0, 0.8) inset;
}
#hero-chisiamo::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
background-image:linear-gradient(180deg, rgba(0, 0, 0, 0.4) 0%,  rgba(0, 0, 0, 0.8)  80%);

}

/*Fine*/


/*Parallasse chi siamo  mobile. Ho caricato un'immagine di background ritagliata*/
@media only screen and (max-width: 576px){
#hero-chisiamo {
  height: 500px;
  background: url(/images/chi-siamo/chi-siamo-parallasse-mobile.webp) no-repeat center;
    background-size:cover;
  background-attachment: fixed;
}}
/*Fine*/


/*Parallasse intro chi siamo*/
#slider-chisiamo {
  position: relative;
  height: 400px;
  background: url(/images/chi-siamo/chi-siamo-slider.webp) no-repeat center;
  background-size:cover;
  color: #ffffff;
  background-attachment: scroll;
  display: flex;
  align-items: center;
  padding: 0 60px;
  text-align: center;
  justify-content: center;
  background-position: top;
  box-shadow: 2px -2px 6px rgba(0, 0, 0, 0.8) inset;
  -moz-box-shadow:  2px -2px 6px rgba(0, 0, 0, 0.8) inset;
-webkit-box-shadow: 2px -2px 6px rgba(0, 0, 0, 0.8) inset;
  min-height: 80vh;
}
#slider-chisiamo::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
background-image:linear-gradient(180deg, rgba(0, 0, 0, 0.4) 0%,  rgba(0, 0, 0, 0.8)  80%);

}

/*Fine*/

/*Parallasse intro chi siamo mobile. Ho caricato un'immagine di background ritagliata*/
@media only screen and (max-width: 576px){
#slider-chisiamo {
  
  height: 600px;
  background: url(/images/chi-siamo/chi-siamo-slider-mobile.webp) no-repeat center;
  min-height: unset;
}}
/*Fine*/

/*Parallasse intro la nostra vita*/
#slider-lanostravita {
  position: relative;
  height: 400px;
  background: url(/images/la-nostra-vita/la-nostra-vita-slider.webp) no-repeat center;
  background-size:cover;
  color: #ffffff;
  background-attachment: scroll;
  display: flex;
  align-items: center;
  padding: 0 60px;
  text-align: center;
  justify-content: center;
  background-position: top;
  box-shadow: 2px -2px 6px rgba(0, 0, 0, 0.8) inset;
  -moz-box-shadow: 2px -2px 6px rgba(0, 0, 0, 0.8) inset;
-webkit-box-shadow: 2px -2px 6px rgba(0, 0, 0, 0.8) inset;
  min-height: 80vh;
}
#slider-lanostravita::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
background-image:linear-gradient(180deg, rgba(0, 0, 0, 0.4) 0%,  rgba(0, 0, 0, 0.8)  80%);
}

/*Fine*/

/*Parallasse la nostra vita mobile. Ho caricato un'immagine di background ritagliata*/
@media only screen and (max-width: 576px){
#slider-lanostravita {
  height: 600px;
  background: url(/images/la-nostra-vita/la-nostra-vita-slider-mobile.webp) no-repeat center;
  min-height: unset;
}}
/*Fine*/


/*Parallasse Cittadella dell'Immacolata prima slide*/
#slider-cittadella1 {
  position: relative;
  height: 400px;
  background: url(/images/cittadella-dell-immacolata/cittadella-01.webp) no-repeat center;
  background-size:cover;
  color: #ffffff;
  background-attachment: scroll;
  display: flex;
  align-items: center;
  padding: 0 60px;
  text-align: center;
  justify-content: center;
  background-position: top;
  box-shadow: 2px -2px 6px rgba(0, 0, 0, 0.8) inset;
  -moz-box-shadow: 2px -2px 6px rgba(0, 0, 0, 0.8) inset;
-webkit-box-shadow: 2px -2px 6px rgba(0, 0, 0, 0.8) inset;
  min-height: 80vh;
}
#slider-cittadella1::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
background-image:linear-gradient(180deg, rgba(0, 0, 0, 0.4) 0%,  rgba(0, 0, 0, 0.8)  80%);
}

/*Fine*/

/*Parallasse Cittadella dell'Immacolata prima slide mobile. Ho caricato un'immagine di background ritagliata*/

@media only screen and (max-width: 576px){
#slider-cittadella1 {
  height: 600px;
  background: url(/images/cittadella-dell-immacolata/cittadella-01-mobile.webp) no-repeat center;
  min-height: unset;
}}
/*Fine*/

/*Parallasse Cittadella dell'Immacolata seconda slide*/
#slider-cittadella2 {
  position: relative;
  height: 400px;
  background: url(/images/cittadella-dell-immacolata/cittadella-02.webp) no-repeat center;
  background-size:cover;
  color: #ffffff;
  background-attachment: scroll;
  display: flex;
  align-items: center;
  padding: 0 60px;
  text-align: center;
  justify-content: center;
  background-position: top;
  box-shadow: 2px -2px 6px rgba(0, 0, 0, 0.8) inset;
  -moz-box-shadow: 2px -2px 6px rgba(0, 0, 0, 0.8) inset; 
-webkit-box-shadow: 2px -2px 6px rgba(0, 0, 0, 0.8) inset;
  min-height: 80vh;
}
#slider-cittadella2::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
background-image:linear-gradient(180deg, rgba(0, 0, 0, 0.4) 0%,  rgba(0, 0, 0, 0.8)  80%);

}

/*Fine*/

/*Parallasse Cittadella dell'Immacolata seconda slide mobile. Ho caricato un'immagine di background ritagliata*/

@media only screen and (max-width: 576px){
#slider-cittadella2 {
  height: 600px;
  background: url(/images/cittadella-dell-immacolata/cittadella-02-mobile.webp) no-repeat center;
  min-height: unset;
}}
/*Fine*/


/*Parallasse Cittadella grotta*/
#hero-cittadella-grotta {
  position: relative;
  height: 500px;
  background: url(/images/cittadella-dell-immacolata/parallasse-cittadella-grotta.webp) no-repeat center;
  background-size:cover;
  color: #ffffff;
  background-attachment: fixed;
  display: flex;
  align-items: center;
  padding: 0 60px;
  text-align: center;
  justify-content: center;
  background-position: center;
  box-shadow: 2px -2px 6px rgba(0, 0, 0, 0.8) inset;
  -moz-box-shadow: 2px -2px 6px rgba(0, 0, 0, 0.8) inset;
-webkit-box-shadow: 2px -2px 6px rgba(0, 0, 0, 0.8) inset;
}
#hero-cittadella-grotta::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
background-image:linear-gradient(180deg, rgba(0, 0, 0, 0) 0%,  rgba(0, 0, 0, 0)  80%);

}

/*Fine*/

/*Parallasse Cittadella grotta mobile. Ho caricato un'immagine di background ritagliata*/
@media only screen and (max-width: 576px){
#hero-cittadella-grotta {
  height: 350px;
  background: url(/images/cittadella-dell-immacolata/parallasse-cittadella-grotta-mobile.webp) no-repeat center;
  background-attachment: scroll;
}}
/*Fine*/

/*Parallasse Come aiutarci Foto1*/
#hero-come-aiutarci-foto1 {
  position: relative;
  height: 250px;
  background: url(/images/come-aiutarci/come-aiutarci-fiori-1.webp) no-repeat center;
  background-size:inherit;
  color: #ffffff;
  background-attachment: fixed;
  display: flex;
  align-items: center;
  padding: 0 60px;
  text-align: center;
  justify-content: center;
  background-position: center;
  box-shadow: 2px -2px 6px rgba(0, 0, 0, 0.8) inset;
  -moz-box-shadow: 2px -2px 6px rgba(0, 0, 0, 0.8) inset;
-webkit-box-shadow: 2px -2px 6px rgba(0, 0, 0, 0.8) inset;
}
/*Fine*/

/*Parallasse Come aiutarci foto 1 mobile. Ho caricato un'immagine di background ritagliata*/
@media only screen and (max-width: 576px){
#hero-come-aiutarci-foto1 {
  height: 350px;
  background: url(/images/come-aiutarci/come-aiutarci-fiori-1-mobile.webp) no-repeat center;
    background-size:cover;
  background-attachment: scroll;
}}
/*Fine*/

/*Parallasse Come aiutarci Foto2*/
#hero-come-aiutarci-foto2 {
  position: relative;
  height: 300px;
  background: url(/images/come-aiutarci/come-aiutarci-fiori-2.webp) no-repeat center;
  background-size:inherit;
  color: #ffffff;
  background-attachment: fixed;
  display: flex;
  align-items: center;
  padding: 0 60px;
  text-align: center;
  justify-content: center;
  background-position: center;
  box-shadow: 2px -2px 6px rgba(0, 0, 0, 0.8) inset;
  -moz-box-shadow: 2px -2px 6px rgba(0, 0, 0, 0.8) inset;
-webkit-box-shadow: 2px -2px 6px rgba(0, 0, 0, 0.8) inset;
}
/*Fine*/

/*Parallasse Come aiutarci foto 2 mobile. Ho caricato un'immagine di background ritagliata*/
@media only screen and (max-width: 576px){
#hero-come-aiutarci-foto2 {
  height: 350px;
  background: url(/images/come-aiutarci/come-aiutarci-fiori-2-mobile.webp) no-repeat center;
    background-size:cover;
  background-attachment: scroll;
}}
/*Fine*/


/*Parallasse Nozze di Cana*/
#hero-nozzedicana {
  position: relative;
  height: 600px;
  background: url(/images/nozze-di-cana/nozze-di-cana-cittadella-parallasse.webp) no-repeat center;
  background-size:cover;
  color: #ffffff;
  background-attachment: fixed;
  display: flex;
  align-items: center;
  padding: 0 60px;
  text-align: center;
  justify-content: center;
  background-position: top;
  box-shadow: 2px -2px 6px rgba(0, 0, 0, 0.8) inset;
  -moz-box-shadow: 2px -2px 6px rgba(0, 0, 0, 0.8) inset;
-webkit-box-shadow: 2px -2px 6px rgba(0, 0, 0, 0.8) inset;
}
#hero-nozzedicana::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
background-image:linear-gradient(180deg, rgba(0, 0, 0, 0.4) 0%,  rgba(0, 0, 0, 0.8)  80%);

}

/*Fine*/

/*Parallasse Nozze di Cana  mobile. Ho caricato un'immagine di background ritagliata*/
@media only screen and (max-width: 576px){
#hero-nozzedicana {
  height: 500px;
  background: url(/images/nozze-di-cana/nozze-di-cana-cittadella-parallasse-mobile.webp) no-repeat center;
    background-size:cover;
  background-attachment: fixed;
}}
/*Fine*/


/* Parallasse Kolbe top! */
.parallax-top-kolbe {
  background-image: linear-gradient( rgba(255, 255, 255, 0.3), rgba(145, 34, 9, 0.29) ),url(/images/san-massimiliano/parallasse-top-kolbe.webp);
  background-repeat: no-repeat;
  background-position: top;
  background-size: cover;
  background-attachment: fixed;
  color: #ffffff;
  padding: 200px 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
   box-shadow: 2px -2px 6px rgba(0, 0, 0, 0.8) inset;
   -moz-box-shadow: 2px -2px 6px rgba(0, 0, 0, 0.8) inset;
-webkit-box-shadow: 2px -2px 6px rgba(0, 0, 0, 0.8) inset;
}
@media only screen and (max-width: 768px) {
  .parallax-top-kolbe {
  background-image: linear-gradient( rgba(255, 255, 255, 0.3), rgba(145, 34, 9, 0.29) ),url(/images/san-massimiliano/parallasse-top-kolbe-mobile.webp);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  background-attachment: scroll;
  color: #ffffff;
  padding: 110px 0;
  text-align: center;
}
}
/* Parallasse Kolbe bottom! */
.parallax-bottom-kolbe {
  background-image: linear-gradient( rgba(255, 247, 214, 0.3), rgba(255, 247, 214, 0.3) ),url(/images/san-massimiliano/parallasse-bottom-kolbe.webp);
  background-repeat: no-repeat;
  background-position: top;
  background-size: cover;
  background-attachment: fixed;
  color: #ffffff;
  padding: 200px 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
   box-shadow: 2px -2px 6px rgba(0, 0, 0, 0.8) inset;
   -moz-box-shadow: 2px -2px 6px rgba(0, 0, 0, 0.8) inset;
-webkit-box-shadow: 2px -2px 6px rgba(0, 0, 0, 0.8) inset;
}
@media only screen and (max-width: 768px) {
  .parallax-bottom-kolbe {
  background-image: linear-gradient( rgba(255, 247, 214, 0.3), rgba(255, 247, 214, 0.3) ),url(/images/san-massimiliano/parallasse-bottom-kolbe-mobile.webp);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  background-attachment: scroll;
  color: #ffffff;
  padding: 110px 0;
  text-align: center;
}
}
.h1big {
 font-size:calc(2.375rem + 1vw);
 text-align: center;
 font-family:'Architects Daughter', sans-serif;
}
@media (min-width:1200px) {
 .h1big {
  font-size:4rem
 }
}
/*Modifico carattere per la grandezza display-1*/
.display-1 {
  font-family: 'Architects Daughter', sans-serif;
}
/*Fine*/
/* Modifico aspetto link in generale*/
a {
 /*color:#003b93;*/
 color:#144ca2
}
a:hover,
a:focus,
a:active {
 color:#3f7edf;
}
/* Fine */

/**Modifico griglia modulo newsflash joomla vista orizzontale**/
.mod-articlesnews-horizontal h2 {
	font-size:1.7rem;
}

.mod-articlesnews-horizontal figure img {
  filter: drop-shadow(2px 5px 3px #000);
}

.mod-articlesnews-horizontal {
  padding-right:5rem;
  padding-left:5rem;
  grid-gap: 3rem;
  display: grid;
  grid-template-columns: repeat(3,1fr);
  font-size:0.85rem;
}
@media screen and (max-width: 992px) {
.mod-articlesnews-horizontal {
  padding-right:1rem;
  padding-left:1rem;
  grid-gap: 2rem;
  display: grid;
  grid-template-columns: repeat(2,1fr);
}
}
@media screen and (max-width: 768px) {
.mod-articlesnews-horizontal {
 padding-right:1rem;
  padding-left:1rem;
   grid-gap: 2rem;
    display: grid;
    grid-template-columns: repeat(1,1fr);
	font-size:1rem;
}
}

.newsflash-title {
 text-align: center;
}

/**Vista blog**/
.article-info {
	margin-top:5px;
}/*Fine*/
/**Fine**/

/*Titolo articolo*/
.titolo-articolo {
  text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.6);
  text-align: center;
  font-variant: small-caps;
  letter-spacing: 1.6px;
  color:#3f7edf;
  font-weight: 400;
  margin-top: 20px;
  padding-top: 10px;
  border-top: solid 1px;
  border-color: #3f7edf66;  	
}
.titolo-articolo, title {
  font-size:calc(1.8rem + 1.5vw)
}
@media (min-width:1200px) {
.titolo-articolo, title {
  font-size:3rem
 }
}
/*Fine*/

/*Padding personalizzato per il modulo di foto a destra della pagina "La nostra vita"*/
#sp-right .sp-right-gallery { 
  padding:15px !important;
}
/*Fine*/

/*Intro-gallery*/
.parallasse-nozzedicana {
  background-image: linear-gradient( rgb(19, 32, 46, 0.9), rgb(19, 32, 46, 0.7) ),url(/images/nozze-di-cana/nozze-di-cana-intro.webp);
  background-size: cover;
  background-position:center;
  background-attachment: fixed;
  padding-top:150px;
  padding-bottom:150px;
  min-height: 550px;
}
@media only screen and (max-width: 768px) {
.parallasse-nozzedicana {
  background-size: cover;
  background-attachment: scroll;
}
}

/*Numeri IBAN e 5xmille come-aiutarci*/
.numeri {
  font-size: 2.2rem;
  font-weight: 800;
  color: #001b42;
}
@media (max-width: 650px) {
.numeri {
  font-size: 2rem;
}
}
/*Fine*/

/*Numeri carousel La nostra storia. Margine di 30 px per compensare il margine che ho dovuto dare ai pulsanti prev e next*/
.numeri-storia {
  font-size: 2.2rem;
  font-weight: 800;
  color: #001b42;
}
@media (max-width: 650px) {
.numeri-storia {
  font-size: 2rem;
}
}

@media (max-width: 991px) {
.numeri-storia {
  margin-left:30px;
}
}
/*Fine*/


/*Titoli carousel kolbe*/
.carousel-kolbe-h4 {
  font-weight: 800;
  color: #320606;
}
/*Fine*/

/*Effetto hover zoom in su immagini*/
.hover {
	
	margin: 0 0 -14px 0;
	padding: 0;
	background: #fff;
	overflow: hidden;
	border-radius: 4px;
	display: inline-block;
}
.hoversepia {
	width: auto;
	height: auto;
	margin: 0 0 -14px 0;
	padding: 0;
	background: #fff;
	overflow: hidden;
	border-radius: 4px;
	display: inline-block;
}
/*Zoom In effetti vari*/
.hover img {
	-webkit-transform: scale(1);
	transform: scale(1);
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
}
.hover:hover img {
	-webkit-transform: scale(1.1);
	transform: scale(1.1);
	-webkit-filter: blur(0.6px); /* Chrome, Safari, Opera */;
    filter: blur(0.6px);
}

.hoversepia img {
	-webkit-transform: scale(1);
	transform: scale(1);
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
}
.hoversepia:hover img {
	-webkit-transform: scale(1.1);
	transform: scale(1.1);
	-webkit-filter:  sepia(60%); /* Chrome, Safari, Opera */;
    filter:  sepia(60%);
}


.hoverdiv {
	background-color: white;
display: block;
margin-top: -8px;
z-index: 9000;
position: relative;
border-bottom-left-radius: 4px;
border-bottom-right-radius: 4px;
text-align: center;
padding: 20px 0;
 
}
/* Div Liturgia pagina Orari */
.hoverdiv icona {
	font-size:1.5rem;
}
/* Fine */
.hoverdiv > h2 {
	font-size:calc(1.325rem + .9vw);
color: #001B42;
position:relative;
  line-height: 1;
}
@media (min-width:992px) {
.hoverdiv > h2 {
   font-size:1.5rem;
}
}

.hoverdiv > h3 {
	font-size:calc(1.325rem + .9vw);
color: #001B42;
position:relative;
  line-height: 1;
}
@media (min-width:992px) {
.hoverdiv > h3 {
   font-size:1.5rem;
}
}

.hoverdiv > h2::after {
  content: '';
  position: absolute;
  top: 35px;
  width: 50px;
  height: 2px;
  background: #001B4280;
  left: calc(50% + -25px);
}
.hoverdiv > h3::after {
  content: '';
  position: absolute;
  top: 60px;
  width: 50px;
  height: 2px;
  background: #001B4280;
  left: calc(50% + -25px);
}

.hoverdiv > p {
	font-size: 1.25rem;
color: #001B42;
margin: 25px 20px 10px 20px;
font-family:'Architects Daughter', sans-serif;  
}
/*Fine*/
/*La nostra storia*/
.hoverdiv-storia {
	background-color: white;
display: block;
margin-top: -8px;
z-index: 9000;
position: relative;
border-bottom-left-radius: 4px;
border-bottom-right-radius: 4px;
text-align: center;
padding: 20px 0;
 
}
.hoverdiv-storia > h2 {
	font-size:calc(1.325rem + .9vw);
color: #001B42;
position:relative;
  line-height: 1;
}
@media (min-width:992px) {
.hoverdiv-storia > h2 {
   font-size:1.5rem;
}
}

.hoverdiv-storia > h4 {
	font-size:calc(1.325rem + .9vw);
color: #001B42;
position:relative;
  line-height: 1;
}
@media (min-width:992px) {
.hoverdiv-storia > h4 {
   font-size:1.5rem;
}
}

.hoverdiv-storia > h2::after {
  content: '';
  position: absolute;
  top: 60px;
  width: 50px;
  height: 2px;
  background: #001B4280;
  left: calc(50% + -25px);
}
.hoverdiv-storia > h4::after {
  content: '';
  position: absolute;
  top: 35px;
  width: 50px;
  height: 2px;
  background: #001B4280;
  left: calc(50% + -25px);
}

.hoverdiv-storia > p {
	font-size: 1.1rem;
	color: #001B42;
	margin: 25px 20px 10px 20px;
}
/*Fine*/


/*Gocce di spiritualità kolbiana*/
.hoverdiv-kolbe {
	background-color: white;
display: block;
margin-top: -8px;
z-index: 9000;
position: relative;
border-bottom-left-radius: 4px;
border-bottom-right-radius: 4px;
text-align: center;
padding: 20px 0;
 
}

.hoverdiv-kolbe > p {
	font-size: 1.1rem;
	color: #320606;
	margin: 25px 20px 10px 20px;
}
/*Fine*/


/*Ombreggiatura cards*/
.card {
  overflow: hidden;
  box-shadow:  2px 6px 8px 0 rgba(30, 89, 153, 0.77);
  -moz-box-shadow: 2px 6px 8px 0 rgba(30, 89, 153, 0.77);
-webkit-box-shadow: 2px 6px 8px 0 rgba(30, 89, 153, 0.77);
}

@media screen and (max-width: 991px) {
.card {
	margin:30px;	
	}
}
	
.card-kolbe {
  overflow: hidden;
  box-shadow:  2px 6px 8px 0 rgba(64, 0, 0, 0.77);
  -moz-box-shadow: 2px 6px 8px 0 rgba(64, 0, 0, 0.77);
-webkit-box-shadow: 2px 6px 8px 0 rgba(64, 0, 0, 0.77);
margin-bottom:30px;
}

@media screen and (max-width: 991px) {
	.card-kolbe{
	margin:30px;	
	}
}
/*Fine*/

/*Old
  box-shadow: 2px 6px 8px 0 rgba(12, 58, 108, 0.55)
Fine*/

.card img {
	-webkit-transform: scale(1);
	transform: scale(1);
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
}
.card:hover img {
	-webkit-transform: scale(1.1);
	transform: scale(1.1);
}

#sp-link-home {
	background-image: linear-gradient( rgb(19, 32, 46, 0.8), rgb(19, 32, 46, 0.9) ),url(/images/link-home-background.webp);
	background-size: cover;
	padding-bottom: 15px;
}

#sp-niepokalanow {
	background-image: linear-gradient( rgb(19, 32, 46, 0.8), rgb(19, 32, 46, 0.9) ),url(/images/cittadella-dell-immacolata/niepokalanow/niepokalanow-background.webp);
	background-size: cover;
	padding-bottom: 15px;
}

#sp-5-minuti {
	background-image: linear-gradient( rgb(19, 32, 46, 0.8), rgb(19, 32, 46, 0.9) ),url(/images/5-minuti-background.webp);
	background-size: cover;
	padding-bottom: 15px;
}

.fascia-intermedia-home {
	position: relative;
	min-height: 200px;
	padding: 3px 30px;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	color:#022d6e;
	font-size:1.7rem;
	font-family: 'Architects Daughter', sans-serif;
	text-align: center;
	letter-spacing: 1px;
}

/*Modifiche componente sp easy image gallery*/
.speasyimagegallery-album-info {
 padding:10px;
}
.speasyimagegallery-album-title {
	font-size:1.1rem;
font-weight:600;
font-family: 'Architects Daughter', sans-serif;
}
.speasyimagegallery-album-meta > span {
 font-size:0.9rem;
 font-weight:400;
 font-family: 'Architects Daughter', sans-serif;
}
.speasyimagegallery-gallery-item-title {
 font-size:0.9rem;
 font-weight:600;
}
.speasyimagegallery-next > span,
.speasyimagegallery-prev > span {
 border-top:3px solid #fff
}
.speasyimagegallery-next > span {
 border-right:3px solid #fff;
}
.speasyimagegallery-prev > span {
 border-left:3px solid #fff;
}
.speasyimagegallery-close,
.speasyimagegallery-close:hover,
.speasyimagegallery-close:active,
.speasyimagegallery-close:focus {
 font-weight:600;
}
.speasyimagegallery-gallery-stat {
 font-weight:600;
}
.speasyimagegallery-image-title {
 font-size:14px;
 font-weight:600;
}
.speasyimagegallery-image-content {
  font-weight: 600;
}
.speasyimagegallery-row {
 margin: 0 !important;
}
/*Fine*/
/* Aumento il padding (solo verticale) dell'elemento accordion di Bootstrap */
.accordion-body {
  padding: 2rem 1.25rem;
}
/*Fine*/

/*Youtube Gallery*/
p#video-title {
  margin-top:10px;
  margin-bottom:20px;
  font-family: serif;
  text-align: center; 
  width: 100%;
  top:100%;
  position:absolute;
  font-family: 'Architects Daughter', sans-serif;
  font-size:1.2rem;
  color:#022d6e;
  letter-spacing: 0.7px;
}
.codegena {
  position: relative;
  width: 100%;
  height: 0;
  padding-bottom: 56.27198%;
  margin-bottom:25%;
  }
 .codegena iframe{
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   }
 /*Fine*/
/*Modifico colori accordion bootstrap*/
   .accordion-button {
  color:#022d6e;}
  
  .accordion-button:not(.collapsed) {
	  color:#144ca2
  }
/*Fine*/
/*Sposto più in alto gli indicatori del carousel bootstrap*/
.carousel-indicators [data-bs-target] {
	margin-bottom:30px
	}
/*Fine*/

/**Intro pagine + diversi colori**/
#sp-intro-pagine, #sp-come-aiutarci-1, #sp-come-aiutarci-2, #sp-intro-intermedia, #sp-sezione1kolbe, #sp-sezione2kolbe, #sp-sezione3kolbe, #sp-kolbe-carousel, #sp-content-over-bottom-fluid-width, #sp-over-bottom-two-columns {
  text-align: center;
  font-size: 1.7rem;
  font-family: 'Architects Daughter', sans-serif;
  letter-spacing: 1px;
  color: white;
}
@media (max-width: 650px) {
#sp-intro-pagine, #sp-come-aiutarci-1, #sp-come-aiutarci-2, #sp-intro-intermedia, #sp-sezione1kolbe, #sp-sezione2kolbe, #sp-sezione3kolbe, #sp-kolbe-carousel, #sp-content-over-bottom-fluid-width,#sp-over-bottom-two-columns {
   font-size: 1.6rem;
}
}
.sp-intro-pagine, .sp-come-aiutarci, .sp-kolbe, .sp-kolbe-carousel, .sp-intro-intermedia, .padding-accordion  {
  padding: 100px 30px;
  text-align: center;
}
.sp-over-bottom-two-columns {
  padding: 50px 70px;
  text-align: center;
}
@media only screen and (max-width: 768px) {
  .sp-over-bottom-two-columns {
  padding: 50px 20px;
}
}

.sp-content-over-bottom-fluid-width {
  padding: 105px 70px 30px 70px;
  text-align: center;
}

#sp-intro-pagine h1, #sp-intro-pagine h2, #sp-come-aiutarci-1 h1, #sp-come-aiutarci-1 h2, #sp-come-aiutarci-2 h1, #sp-come-aiutarci-2 h2, #sp-intro-intermedia h1, #sp-intro-intermedia h2, #sp-sezione1kolbe h1, #sp-sezione2kolbe h1, #sp-sezione3kolbe h1, #sp-kolbe-carousel h1, #sp-sezione1kolbe h2, #sp-sezione2kolbe h2, #sp-sezione3kolbe h2, #sp-kolbe-carousel h2,  #sp-over-bottom-two-columns h1, #sp-over-bottom-two-columns h2 {
  position: relative;
  padding-top: 20px;
  padding-bottom: 30px;
  font-size: 2.4rem;
  font-weight: 300;
  text-align: center;
}

.titolo-intro-cittadella{
	position: relative;
  padding-top: 20px;
  padding-bottom: 30px;
  font-size: 2.4rem;
  font-weight: 300;
  text-align: center;
}

#sp-content-over-bottom-fluid-width h1, #sp-content-over-bottom-fluid-width h2 {
  position: relative;
  padding-top: 20px;
  padding-bottom: 0px;
  font-size: 2.4rem;
  font-weight: 300;
  text-align: center;
}

@media (max-width: 650px) {
#sp-intro-pagine h1, #sp-intro-pagine h2, #sp-come-aiutarci-1 h1, #sp-come-aiutarci-1 h2, #sp-come-aiutarci-2 h1, #sp-come-aiutarci-2 h2, #sp-intro-intermedia h1, #sp-intro-intermedia h2, #sp-sezione1kolbe h1, #sp-sezione2kolbe h1, #sp-sezione3kolbe h1, #sp-kolbe-carousel h1, #sp-sezione1kolbe h2, #sp-sezione2kolbe h2, #sp-sezione3kolbe h2,#sp-kolbe-carousel h2, #sp-content-over-bottom-fluid-width h1, #sp-content-over-bottom-fluid-width h2, #sp-over-bottom-two-columns h1, #sp-over-bottom-two-columns h2 {
   font-size: 2.2rem;
}
}
#sp-intro-pagine icona, #sp-come-aiutarci-1 icona, #sp-come-aiutarci-2 icona, #sp-intro-intermedia icona, #sp-sezione1kolbe icona, #sp-sezione2kolbe icona, #sp-sezione3kolbe icona, #sp-kolbe-carousel icona, #sp-content-over-bottom-fluid-width icona, #sp-over-bottom-two-columns icona {
  position: relative;
  padding-top: 42px;
  font-size: 1.9rem;
  color: white;
}
@media (max-width: 650px) {
 #sp-intro-pagine icona, #sp-come-aiutarci-1 icona, #sp-come-aiutarci-2 icona, #sp-intro-intermedia icona, #sp-sezione1kolbe icona, #sp-sezione2kolbe icona, #sp-sezione3kolbe icona, #sp-kolbe-carousel icona, #sp-over-bottom-fluid-width icona, #sp-over-bottom-two-columns icona {
   text-overflow: ellipsis;
  }
}
#sp-intro-pagine icona::before, #sp-come-aiutarci-1 icona::before, #sp-come-aiutarci-2 icona::before, #sp-intro-intermedia icona::before, #sp-sezione1kolbe icona::before, #sp-sezione2kolbe icona::before, #sp-sezione3kolbe icona::before, #sp-kolbe-carousel icona::before, #sp-content-over-bottom-fluid-width icona::before, #sp-over-bottom-two-columns icona::before,
#sp-intro-pagine icona::after, #sp-come-aiutarci-1 icona::after, #sp-come-aiutarci-2 icona::after, #sp-intro-intermedia icona::after, #sp-sezione1kolbe icona::after, #sp-sezione2kolbe icona::after, #sp-sezione3kolbe icona::after, #sp-kolbe-carousel icona::after, #sp-content-over-bottom-fluid-width icona::after, #sp-over-bottom-two-columns icona::after {
  content: '';
  background: #ffffff70;
  position: absolute;
  top: 60px;
  width: 80px;
  height: 2px;
}
#sp-intro-pagine icona::before, #sp-come-aiutarci-1 icona::before, #sp-come-aiutarci-2 icona::before, #sp-intro-intermedia icona::before, #sp-sezione1kolbe icona::before, #sp-sezione2kolbe icona::before, #sp-sezione3kolbe icona::before, #sp-kolbe-carousel icona::before, #sp-content-over-bottom-fluid-width icona::before, #sp-over-bottom-two-columns icona::before {
  right: calc(50% + 32px);
}
#sp-intro-pagine icona::after, #sp-come-aiutarci-1 icona::after, #sp-come-aiutarci-2 icona::after, #sp-intro-intermedia icona::after, #sp-sezione1kolbe icona::after, #sp-sezione2kolbe icona::after, #sp-sezione3kolbe icona::after, #sp-kolbe-carousel icona::after, #sp-content-over-bottom-fluid-width icona::after, #sp-over-bottom-two-columns icona::after {
  left: calc(50% + 32px);
}
/*White*/
.white > icona {
  color: #aaccff !important;
}
.white > icona::before,
.white > icona::after {
  background: #aaccff70 !important;
}
/*Fine white*/
/*Azure*/
.azure {
  color: #001B42 !important;
}
.azure > icona {
  color: #001B42 !important;
}
.azure > icona::before,
.azure > icona::after {
  background: #022d6e70 !important;
}
/*Fine Azure*/
/*Cittadella*/
.cittadella {
  color: #C7D5E3;
  background:#142c44;
}
.cittadella icona {
  color: #C7D5E3 !important;
}
.cittadella icona::before,
.cittadella icona::after {
  background: #C7D5E370 !important;
}
/*Fine cittadella*/
/*Kolbe home*/
.red-home {
  color: #A00 !important;
}
.red-home icona {
  color: #320606 !important;
}
.red-home icona::before,
.red-home icona::after {
  background: #c40b0e70 !important;
}
/*Fine Kolbe home*/
/*Red*/
.red > icona::before,
.red > icona::after {
  background: #ff000070 !important;
}
/*Fine Red*/

/*Black*/
.black {
  color: #373f55;
}
.black h2 {
  color: #475a91 !important;
  font-size: 1.7rem !important;
}
@media (max-width: 650px) {
.black h2 {
   font-size: 1.5rem !important;
}
}
.black > icona {
  color: #373f55 !important;
}
.black > icona::before,
.black > icona::after {
  background: #373f5570 !important;
}
/*Fine black*/


/*preghiera*/
.preghiera h2 {
  color: #001b42 !important;
  font-size: 1.7rem !important;
}
@media (max-width: 650px) {
.preghiera h2 {
   font-size: 1.5rem !important;
}
}
.preghiera > icona {
  color: #aaccff !important;
}
.preghiera > icona::before,
.preghiera > icona::after {
   background: #aaccff70 !important;
}
/*Fine preghiera*/



/*Orange*/

.orange h2 {
  color: #022b6e !important;
  font-size: 1.7rem !important;
}
@media (max-width: 650px) {
.orange h2 {
   font-size: 1.5rem !important;
}
}
/*Fine orange*/

/*Brown*/
.brown {
  color: #320606;
}
.brown > icona {
  color: #320606 !important;
}
.brown > icona::before,
.brown > icona::after {
  background: #32060670 !important;
}
/*Fine brown*/


/*Left Kolbe*/
.kolbe-right {
  background: #B01616;
}
/*Fine left Kolbe*/
/*Right Kolbe*/
.kolbe-left {
  color: #b01616;
}
.kolbe-left > icona {
  color: #b01616 !important;
}
.kolbe-left> icona::before,
.kolbe-left> icona::after {
  background: #b0161670 !important;
}
/*Fine right Kolbe*/
/*Left Cittadella*/
.cittadella-left {
  background: #B5CDF3;
}
/*Fine left Cittadella*/

/*Right Cittadella*/
.cittadella-right {
  background: #040D1B;
  color:#fff;
  padding-top:80px !important;
  padding-bottom: 0 !important;
}

/*Fine right Cittadella*/

/*Bottom Attività Cittadella*/
.cittadella-bottom {
  background-image:linear-gradient(0deg, #040D1B 45%, #CEDF3F 97%);
}
/*Bottom Attività Cittadella*/
/*Fine intro pagine*/

/*Tolgo il padding laterale predefinito per le l'elemento row bootstrap in queste sezioni perchè le due colonne risultano decentrate in quanto il bianco del padding rimpicciolisce lo sfondo dei moduli in esse contenuti*/
#sp-kolbe-right, #sp-kolbe-left, #sp-content-over-bottom-column-1, #sp-content-over-bottom-column-2 {
 padding-right:0;
 padding-left:0;
}
/*Fine*/

/*Classe per il tag <br/> valido solo sui dispositivi mobili*/
.brmobile {
  display: none;
}
@media (max-width: 480px) {
  .brmobile {
    display: block;
  }
}

* {
  box-sizing: border-box;
}
/*Masonry gallery w3 school. Ho aggiunto "g" alle classi row e column per non avere contrasti con row e column bootstrap*/
.rowg {
  display: -ms-flexbox; /* IE10 */
  display: flex;
  -ms-flex-wrap: wrap; /* IE10 */
  flex-wrap: wrap;
  padding: 0 4px;
}

/* Create four equal columns that sits next to each other */
.columng {
  -ms-flex: 25%; /* IE10 */
  flex: 25%;
  max-width: 25%;
  padding: 0 4px;
}

.columng img {
  margin-top: 8px;
  vertical-align: middle;
  width: 100%;
}

/* Responsive layout - makes a two column-layout instead of four columns */
@media screen and (max-width: 800px) {
  .columng {
    -ms-flex: 50%;
    flex: 50%;
    max-width: 50%;
  }
}

/* Responsive layout - makes the two columns stack on top of each other instead of next to each other */
@media screen and (max-width: 600px) {
  .columng {
    -ms-flex: 100%;
    flex: 100%;
    max-width: 100%;
  }
}
/*Margini personalizzati per la galleria masonry della Cittadella presa da w3 school*/
.marginzero {
	padding: 30px 0 70px 0 ! important;
	margin: auto ! important;
}
/*Fine*/
/**Carosello la nostra storia**/
.cards-wrapper {
  display: flex;
  justify-content: center;
}

/*Modifico i pulsanti del carosello soltanto per il carosello "La nostra storia" (per non avere conflitti e modifiche con altri slider)*/
.carousel-storia-control-next,
.carousel-storia-control-prev {
 position:absolute;
  bottom:0;
 z-index:1;
 display:flex;
 align-items:center;
 justify-content:center;
 padding:0;
 color:#fff;
 text-align:center;
 background:0 0;
 border:0;
 opacity:.7;
 transition:opacity .15s ease;
 background-color: #001B42;
  width: 5vh;
  height: 5vh;
  border-radius: 50%;
  top: 50%;
  transform: translateY(-50%);
}
@media (prefers-reduced-motion:reduce) {
 .carousel-storia-control-next,
 .carousel-storia-control-prev {
  transition:none
 }
}
.carousel-storia-control-next:focus,
.carousel-storia-control-next:hover,
.carousel-storia-control-prev:focus,
.carousel-storia-control-prev:hover {
 color:#fff;
 text-decoration:none;
 outline:0;
 opacity:1
}
.carousel-storia-control-prev {
 left:0
}
.carousel-storia-control-next {
 right:0
}
.carousel-storia-control-next-icon,
.carousel-storia-control-prev-icon {
 display:inline-block;
 width:1.25rem;
 height:1.25rem;
 background-repeat:no-repeat;
 background-position:50%;
 background-size:100% 100%
}
.carousel-storia-control-prev-icon {
 background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0z'/%3e%3c/svg%3e")
}
.carousel-storia-control-next-icon {
 background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e")
}

/**Fine**/


/*Modifico i pulsanti del carosello soltanto per il carosello "Kolbe" (per non avere conflitti e modifiche con altri slider)*/
.carousel-kolbe-control-next,
.carousel-kolbe-control-prev {
 position:absolute;
  bottom:0;
 z-index:9999;
 display:flex;
 align-items:center;
 justify-content:center;
 padding:0;
 color:#fff;
 text-align:center;
 background:0 0;
 border:0;
 opacity:.7;
 transition:opacity .15s ease;
 background-color: #730F0F;
  width: 5vh;
  height: 5vh;
  border-radius: 50%;
  top: 50%;
  transform: translateY(-50%);
}
@media (prefers-reduced-motion:reduce) {
 .carousel-kolbe-control-next,
 .carousel-kolbe-control-prev {
  transition:none
 }
}
.carousel-kolbe-control-next:focus,
.carousel-kolbe-control-next:hover,
.carousel-kolbe-control-prev:focus,
.carousel-kolbe-control-prev:hover {
 color:#fff;
 text-decoration:none;
 outline:0;
 opacity:1
}
.carousel-kolbe-control-prev {
 left:0
}
.carousel-kolbe-control-next {
 right:0
}
.carousel-kolbe-control-next-icon,
.carousel-kolbe-control-prev-icon {
 display:inline-block;
 width:1.25rem;
 height:1.25rem;
 background-repeat:no-repeat;
 background-position:50%;
 background-size:100% 100%
}
.carousel-kolbe-control-prev-icon {
 background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0z'/%3e%3c/svg%3e")
}
.carousel-kolbe-control-next-icon {
 background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e")
}

/**Fine**/



/*Opacity effetto*/
/* Opacity #2 */
.opacity figure {
	background: linear-gradient(180deg, #3f51b5, transparent) #2196f3;
}
.opacity figure img {
	opacity: 1;
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
}
.opacity figure:hover img {
	opacity: .5;
}
/*Fine*/


/** Modifiche iCagenda **/
/*Valida per il modulo ic-rounded in generale*/
.ic-msg-no-event {
	padding-bottom: 10px;
}
.ic_rounded.iccalendar .ic-table td div {
	line-height: 25px !important;
}
.ic_rounded .icnav {
	padding: 10px 10px 15px !important;
}
.ic_rounded.iccalendar .icevent {
	filter: drop-shadow(2px 2px 1px rgba(0, 0, 20, 0.8));
}

/*Modulo Lista Eventi*/
.ic-col1 {
	margin: 0 0 7px 0 !important;
}
/*Fine*/
/*"Agenda" Classe attribuita al modulo bottom, perchè su right non voglio queste impostazioni*/
.agenda .ic_rounded.iccalendar {
	margin: 0.7vw 30px !important;
}
.agenda .ic_rounded.iccalendar .ic-table td div {
	line-height: 30px !important;
}
.agenda .ic_rounded.iccalendar .ic-table thead {
	font-size: 12px !important;
}
.agenda .ic-msg-no-event {
	padding-bottom: 0;
}
/*Fine*/
.ic-details-cat, .ic-button {
	font-size: smaller;
	
}
.ic-image img {
	margin-left: auto;
	margin-right: auto;
}
.ic-content {
padding: 9px 10px 0px 23px;}

.ic-box-date {
font-family:'Architects Daughter', sans-serif;
}
/* Background alternato pagina appuntamenti*/
.ic-list-event {
	background: none; /* Old IE version */
	background: rgba(63, 126, 223, 0.2);
	border-radius: .25rem;
	margin: 4% 2px;
	padding: 5px;
	width: 100%;
}
.ic-list-event:nth-child(2n+1) {
	background: none; /* Old IE version */
	background: rgba(177, 191, 213, 0.2);
}
/* Fine*/
/* Background alternato lista eventi*/
.icrounded_eventlist {
	background: rgba(63, 126, 223, 0.2) !important;
}
.icrounded_eventlist:nth-child(2n+1) {
	background: rgba(177, 191, 213, 0.2) !important;
}
.icrounded_eventlist:hover{
	background: #555 !important;
	color: #FFF !important;
}
	/*Fine*/
/**Fine**/

/*Modifiche sidebar destra e sinistra*/
#sp-left .sp-module .sp-module-title::after, #sp-right .sp-module .sp-module-title::after {
  content: '';
  position: relative;
  display: block;
  width: 64%;
  margin: 10px auto 0;
  height: 1px;
  background-image: linear-gradient(to right, #aaccff60, #144ca2, #aaccff60);
}

#sp-left .sp-module .sp-module-title, #sp-right .sp-module .sp-module-title {
  text-align: center;
  padding-bottom: 10px;
  margin-top:-7px;
  border-bottom: 0px;
}

#sp-left .sp-module, #sp-right .sp-module {
  box-shadow: 2px 6px 8px 0 rgba(12, 58, 108, 0.55);
  -moz-box-shadow: 2px 6px 8px 0 rgba(12, 58, 108, 0.55);
-webkit-box-shadow: 2px 6px 8px 0 rgba(12, 58, 108, 0.55);
  padding: 30px 15px;
  margin-bottom:25px;
}

#sp-right .sp-module ul > li > a:hover {
  color: #3f7edf;
  text-decoration: underline;
}

#sp-right .sp-module ul > li.active > a {
  color:#144ca2;
  text-decoration: underline;
  margin-left: 10px;
  font-weight: 700;
}

#sp-right .sp-module ul > li.active > a:hover {
  color: #3f7edf;
  text-decoration: underline;
  margin-left: 10px;
  font-weight: 700;
}

#sp-right .sp-module ul > li.active > a:before {
  display:inline-block;
 margin-right: 5px;
  font-family: "Font Awesome 6 Free";
 font-weight: 700;
 font-size: inherit;
  content: "\f0da";
}
/*Fine*/


/*Modifiche modulo joomla 51 news*/
.j51news figcaption {
  padding: 50px 50px 10px !important;
}


.j51news-btn {
 margin:auto -50px -10px !important;
 background-color: #688fad;
 color:#fff;
 font-family: 'Nunito', sans-serif;
 font-size: 12px;
 font-weight: 700;
 line-height: 18px;
 letter-spacing: 1px;
 text-transform: uppercase;
}

.j51news-btn:hover {
background-color:#4d6980;
color:#fff;
}

.j51news .hover-overlay {
  background-color: #688fad !important;
}

.j51news-title {
  text-align: center;
 padding-bottom:20px;
 color: #001B42;
  font-weight: 600;
 }
 /*Fine*/
 
 /*avatar 5 minuti con Gesù*/
 .avatar-5minuti {
	 color:#fff;
 	 letter-spacing: 1px;
 }
 .avatar-5minuti-name {
	 font-family: 'Architects Daughter', sans-serif;
	 font-size:1.25rem;
	 }
 /*Fine*/
 
 .nopadding .j51news-title {
   font-size: 1.3rem;
 }
 .nopadding .j51news figcaption {
  padding: 50px 20px 10px !important;
}


/*Tabella lista singola categoria*/
table.category{
	margin-top: 20px;
	}
/*Fine*/
/*Finestra modal bootstrap*/
.modal-body {
  text-align: center;
}
/*Fine*/

/*Incorporamento responsivo e leggero youtube*/
 .youtube-player {
        position: relative;
        padding-bottom: 56.23%;
        /* Use 75% for 4:3 videos */
        height: 0;
        overflow: hidden;
        max-width: 100%;
        background: #000;
        /*margin: 5px; L'ho tolto io, perchè si vedevano due strisce nere sopra e sotto l'anteprima*/
    }
    
    .youtube-player iframe {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        z-index: 100;
        background: transparent;
    }
    
    .youtube-player img {
        bottom: 0;
        display: block;
        left: 0;
        margin: auto;
        max-width: 100%;
        width: 100%;
        position: absolute;
        right: 0;
        top: 0;
        border: none;
        height: auto;
        cursor: pointer;
        -webkit-transition: .4s all;
        -moz-transition: .4s all;
        transition: .4s all;
    }
    
    .youtube-player img:hover {
        -webkit-filter: brightness(75%);
    }
    
    .youtube-player .play {
        height: 72px;
        width: 72px;
        left: 50%;
        top: 50%;
        margin-left: -36px;
        margin-top: -36px;
        position: absolute;
        background: url("/images/play-icon.png") no-repeat;
        cursor: pointer;
    }
/*Fine*/

/* post-it blu */
.card-notes {
	font-family: 'Architects Daughter', sans-serif;
	font-size: 1.4rem;
	 text-align:center;
	 letter-spacing: 1px;
	 color:#fff;
    background: #3E6D9B;
       padding: 30px;
	   position:relative;
    box-shadow: 0px 8px 2px -2px rgba(20, 36, 53, 0.96);
	-moz-box-shadow: 0px 8px 2px -2px rgba(20, 36, 53, 0.96); 
-webkit-box-shadow: 0px 8px 2px -2px rgba(20, 36, 53, 0.96);	
}
.card-notes::before{
	content:"";
	position:absolute;
	top:-2px;
	right:0;
	border-width:40px 0px 10px 40px;
	border-style: solid;
	border-color: #fff #fff #3E6D9B #eee;
	background: #fff;
	display:block;
	width:0;
	border-top-right-radius:0px;
}
.card-notes div {
    display: table;
    width: 100%;
    height: 100%;
}
/* Fine */

/*
.square-box {
    position: relative;
    width: auto;
}
.square-box:before {
    content:"";
    display: block;
    padding-top: 100%;
}
.square-content {
    position: absolute;
    top: 5px;
    left: 5px;
    bottom: 5px;
    right: 5px;
    color: white;
    background: #4679BD;
}
.square-content div {
    display: table;
    width: 100%;
    height: 100%;
}
.square-content span {
    display: table-cell;
    text-align: center;
    vertical-align: middle;
    color: white;
    padding: 1em;
    overflow: hidden;
}
*/

/*Immagine con overlay sfumato sezione "Cittadella carisma"*/
.text-tinted {
  position:absolute;
  color: #fff;
  text-align: center;
  bottom:3%;
  float:center;
  right:0;
  left:0;
  padding:15px;
}

.tinted-image-intercessione {
position:relative;
  width: auto;
  height: 500px;
  border-top-right-radius:30px;
  background: linear-gradient( rgba(0, 0, 0, 0) 30%, rgba(9, 39, 77, 0.8) 70% ), url(/images/cittadella-dell-immacolata/intercessione.webp);
  background-size: cover;
  }
  
  .tinted-image-accoglienza {
position:relative;
  width: auto;
  height: 500px;
  border-top-right-radius:30px;
  background: linear-gradient( rgba(0, 0, 0, 0) 30%, rgba(9, 39, 77, 0.8) 70% ), url(/images/cittadella-dell-immacolata/accoglienza.webp);
  background-size: cover;
  }

.tinted-image-missionarieta {
position:relative;
  width: auto;
  height: 500px;
  border-top-right-radius:30px;
  background: linear-gradient( rgba(0, 0, 0, 0) 30%, rgba(9, 39, 77, 0.8) 70% ), url(/images/cittadella-dell-immacolata/missionarieta.webp);
  background-size: cover;
  }
  
/*Fine*/

/*Didascalie*/
.didascalia {
  position:inherit;
  text-align: center;
  margin-top:10px;
 font-family: 'Raleway', sans-serif;
	font-size: 1.1rem;
	letter-spacing: 0.3px;
}

.didascalia a {
    color: #fff;
}

.cittadella-right a:hover {
    color: #86a5d7;
	text-decoration:underline;
}
/**/

/*Capolettera*/
.capolettera {
	font-family:'Architects Daughter';
	font-size:2.1rem;
	line-height:0.8px;
}
/*Fine*/

/*Riscrivo classe "small" di Bootstrap. Originariamente .875em*/
.small,
small {
 font-size: .75em;
}

/*Alert*/
#system-message-container joomla-alert {
	font-size: 1.1rem;
}

#system-message-container {
  position: fixed;
  bottom: 60px;
  left: 25px;
}
/*Fine*/

/*Modulo Centrato*/
.centered {
	margin:auto
}
/*Margine superiore modulo prossimi incontri Nozze di Cana per allinearlo a Multimedia*/
.margin-incontri{
margin-top:80px !important;	
}

.margin-incontri-mobile{
margin-bottom:80px !important;	
}/*Fine*/

/*Iubenda*/
body #purposes-content-container .purposes-header .purposes-header-title {
	font-family: 'Architects Daughter', sans-serif !important;
	font-size: 2rem !important;
}

body #purposes-content-container .purposes-header .purposes-header-text {
	font-size: 0.9rem !important;
}

body #iubenda-iframe .iub-btn-consent.iub-btn-accept {
  color:#0a5b46!important;
  background-size:12px!important;
}
body #iubenda-iframe .iub-btn-consent.iub-btn-reject {
  color:#930404 !important;
  background-size:11px!important;
}

body #iubenda-iframe #iubFooterBtnContainer button {
	background: #3f7edf !important;
}

body .iubenda-tp-btn:not([data-tp-nostyle]) {
border-radius: 8px 8px 0 0 !important;  
padding-bottom:40px !important;
}

body .iubenda-tp-btn:not(.iubenda-floatable-tb-btn)[data-tp-float][data-tp-float="bottom-left"]
{
  bottom: -22px !important;
}

body .iubenda-tp-btn:hover[data-tp-float][data-tp-float="bottom-left"] {
  bottom: -15px !important;
  padding-bottom:0px !important;
}
/**/

/* Osmap interlinea/margini */
.osmap-items ul {
	margin: 0 0 0 2px;
}

.osmap-items h2 {
	margin-top: 20px;
}
/*Fine*/


/* Widget Liturgia personalizzato solo bottom*/
#almanacco div {
  text-align: center;
  line-height: normal;
  color: #252525 !important;
  padding: 0 10px;
  margin:0 10px;
  font-family: inherit !important;
  font-size: 1rem;
  font-weight: 600;
  }
  
  #almanacco div .colore-liturgico {
  margin: auto;
   font-size: 0.9rem !important;
  }
    
  #almanacco div .vangelo {
  margin-top: 15px;
   font-size: 0.9rem !important;
  }
  
  #almanacco div header{
   margin: auto;
  }
  
  
  
@media only screen and (max-width: 576px) {
#almanacco div {
  margin: 10px;
  padding: 0;}
}

#almanacco p {
line-height: 2rem;
  padding: 5px;
 margin:0;
  font-family: inherit !important;
  }

#almanacco img {display: none;}


#almanacco header::before {
  height: 2px;
  width: 15px;
}

#almanacco header .a-link {
  font-size: 1.2rem;
font-family: 'Architects Daughter', sans-serif;
color:#144ca2 !important;
}

#almanacco section.a-section:hover .section-link:hover  {
  color:#3f7edf!important;
}

@media only screen and (max-width: 576px) {
#almanacco header .a-link {
  font-size: 1rem;}
}

#almanacco .head-container {
  padding-top: 0!important;
  margin-top:-60px;
  padding-bottom: 5px!important;
  align-items: center;
}
  
  #almanacco div .vangelo {
  margin-top: 15px;
    font-size: 0.9rem !important;
  }

 #almanacco div .subtitle {
 font-size: 1rem !important;
  }

#almanacco span{
 font-size: 1rem;
}

/* Fine */


/** Widget Liturgia personalizzato versione grande per pagina orari e la nostra preghiera**/
#almanacco-big div {
  text-align: center;
  line-height: normal;
  color: #252525 !important;
  padding: 0 10px;
  margin:0 10px;
  font-family: inherit !important;
  font-weight: 600;
   font-size: 1.1rem !important;
  }
  
  #almanacco-big div .colore-liturgico {
  margin: auto;
  }
    
     
  #almanacco-big div .vangelo {
  margin-top: 15px;
    font-size: 1rem !important;
  }

 #almanacco-big div .subtitle {
 font-size: 1.2rem !important;
  }
  
  
  #almanacco-big div header{
   margin: auto;
  }
  
  
  
@media only screen and (max-width: 576px) {
#almanacco-big div {
  margin: 10px;
  padding: 0;
  font-size: 1.2rem !important;}
}

#almanacco-big p {
line-height: 2rem;
  padding: 5px;
 margin:0;
  font-family: inherit !important;
  }

#almanacco-big img {display: none;}


#almanacco-big header::before {
  height: 2px;
  width: 15px;
}

#almanacco-big header .a-link {
  font-size: 1.5rem;
font-family: 'Architects Daughter', sans-serif;
color:#144ca2 !important;
}

#almanacco-big section.a-section:hover .section-link:hover  {
  color:#3f7edf!important;
}

@media only screen and (max-width: 576px) {
#almanacco-big header .a-link {
  font-size: 1.5rem;}
}

#almanacco-big .head-container {
  padding-top: 0!important;
  margin-top:-60px;
  padding-bottom: 5px!important;
  align-items: center;
}

#almanacco-big span {
  font-size: 1.3rem;
}


/* #almanacco-big span.d-wday {
  text-transform: capitalize;
  font-weight: 600;
 font-size: 1rem;
}


#almanacco-big span.d-initself {
  text-transform: capitalize;
  font-weight: 600;
 font-size: 3rem !important;
}*/

/** Fine **/



/** Applico gli stili dei menu sp-right e sp-left ai menu in posizione menu-bottom **/

#sp-menu-bottom .sp-module {margin-top:50px;border:1px solid #f3f3f3;padding:30px;border-radius:3px}

#sp-menu-bottom .sp-module:first-child {margin-top:0}

#sp-menu-bottom .sp-module .sp-module-title{margin:0 0 30px;padding-bottom:20px;font-size:22px;font-weight:700;border-bottom:1px solid #f3f3f3}

#sp-menu-bottom .sp-module ul{list-style:none;padding:0;margin:0}

#sp-menu-bottom .sp-module ul>li{display:block;border-bottom:1px solid #f3f3f3; text-align: center}

#sp-menu-bottom .sp-module ul>li>a{display:block;padding:5px 0;line-height:36px;padding:2px 0}

#sp-menu-bottom .sp-module ul>li:last-child{border-bottom:none}

#sp-menu-bottom .sp-module .categories-module ul{margin:0 10px}

##sp-menu-bottom .sp-module .latestnews>div{padding-bottom:5px;margin-bottom:5px;border-bottom:1px solid #e8e8e8}

#sp-menu-bottom .sp-module .latestnews>div:last-child{padding-bottom:0;margin-bottom:0;border-bottom:0}

#sp-menu-bottom .sp-module .latestnews>div>a{display:block;font-weight:400}

#sp-menu-bottom .sp-module .tagscloud{margin:-2px 0}

#sp-menu-bottom .sp-module .tagscloud .tag-name{display:inline-block;padding:5px 10px;background:#808080;color:#fff;border-radius:4px;margin:2px 0}

#sp-menu-bottom .sp-module .tagscloud .tag-name span{display:inline-block;min-width:10px;padding:3px 7px;font-size:12px;font-weight:700;line-height:1;text-align:center;white-space:nowrap;vertical-align:baseline;background-color:rgba(0, 0, 0, 0.2);border-radius:10px}

#sp-menu-bottom .sp-module .sp-module-title::after {
  content: '';
  position: relative;
  display: block;
  width: 64%;
  margin: 10px auto 0;
  height: 1px;
  background-image: linear-gradient(to right, #aaccff60, #144ca2, #aaccff60);
}

#sp-menu-bottom .sp-module .sp-module-title {
  text-align: center;
  padding-bottom: 10px;
  margin-top:-7px;
  border-bottom: 0px;
}

#sp-menu-bottom .sp-module {
  background: #fff;
  box-shadow: 2px 6px 8px 0 rgba(12, 58, 108, 0.55);
  -moz-box-shadow: 2px 6px 8px 0 rgba(12, 58, 108, 0.55);
-webkit-box-shadow: 2px 6px 8px 0 rgba(12, 58, 108, 0.55);
  width: 70%;
  padding: 30px 15px;
  margin: 0 auto 25px auto;
}

#sp-menu-bottom .sp-module ul > li > a:hover {
  color: #3f7edf;
  text-decoration: underline;
}

#sp-menu-bottom .sp-module ul > li.active > a {
  color:#144ca2;
  text-decoration: underline;
  margin-left: 10px;
  font-weight: 700;
}

#sp-menu-bottom .sp-module ul > li.active > a:hover {
  color: #3f7edf;
  text-decoration: underline;
  margin-left: 10px;
  font-weight: 700;
}

#sp-menu-bottom .sp-module ul > li.active > a:before {
  display:inline-block;
 margin-right: 5px;
  font-family: "Font Awesome 6 Free";
 font-weight: 700;
 font-size: inherit;
  content: "\f0da";
}

/* Sovrascrivo "interlinea" voci menu*/
#sp-menu-bottom .sp-module ul > li > a {
  line-height: 30px;
}

#sp-menu-bottom .sp-module .sp-module-title {
  margin: 0;
}
/* Fine */

/*Rientro sottovoci di menu*/
#sp-menu-bottom .sp-module ul ul > li > a {  
	margin-left:1rem;
}
/*Fine*/

/**Fine**/


.breadcrumb {
  padding: 0.4rem 2rem;
  margin-top: 0.5rem;
  background-color: #aaccff40;
  font-family: 'Raleway', sans-serif;
  font-size: 0.9rem;
  letter-spacing: 0.3px;
	font-weight: 500;
	
}

/* Modifica aspetto riga d'intestazione tabelle bootstrap (tipo pagina "articoli archiviati" o "tutti i commenti") */
.table > thead{
background-color: #DADADA !important;
  font-family: "Architects daughter" !important;
  font-size: 1.25rem !important;
  border-width: 2px !important;
  border-color: #B8B8B8 !important;
}

/* Fine */

/*Font titoletti preghiere del giorno*/
.preghiere{
font-family: 'Architects Daughter', sans-serif;
  text-decoration: none;
  font-variant: small-caps;
  color: #2079A5;
  font-weight: 600;
}
/* Fine */