@import url('https://fonts.googleapis.com/css2?family=Cinzel+Decorative:wght@400;700;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Red+Hat+Text&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Antic+Didone&display=swap');

.pad-cimitero, .pad-defunto{
    border:1px solid #EEE;
    /*box-shadow: 0px 0px 10px #AAA;*/
    padding:10px;
    background:white;
    margin:10px;
    width:100%;
}

.pad-cimitero h2{
    color:#3A2556;
    border-bottom:2px solid #271341;
    font-size:25px;
    padding-bottom:10px;
}

h2:hover{
    text-shadow:0 0 transparent;
}

.titolo{
    color:#271341;
    font-size:60px;
    text-align:center;
    font-family: Cinzel Decorative;
}

.elenco-comuni {
    /*border: 1px solid rgba(0,0,0,.125);
    margin:  5px;
    padding: 15px;
    box-sizing: border-box;
    height:250px;
    width:250px;*/
    border: 1px solid rgba(0,0,0,.125);
    margin:  5px;
    padding: 15px;
    box-sizing: border-box;
    height:auto;
}

.elenco-comuni:hover{
    box-shadow:0px 0px 10px 0px #888888;
}

h2{
    text-align:center;
    font-family: Cinzel Decorative;
    word-break:break-word;
}

h3, h4{
    font-family: 'Red Hat Text';
    font-size:20px;
    color:#271341;
}

p{
    font-family: 'Red Hat Text';
    font-size:15px;
}

.link-cimitero{
  background:#DDD;
  color:black;
  padding:5px;
  width:200px;
  display:block;
  text-align:center;
}

.link-cimitero:hover{
  background:#F5F5F5;
}

.link-visita-cimitero{
  background:#999;
  color:white;
  padding:5px;
  width:200px;
  display:block;
  text-align:center;
}

.link-visita-cimitero:hover{
  background:#AAA;
}

.link-necrologio{
  width:300px;
  font-size:25px;
  height:50px;
  margin:0 auto;
  text-decoration:underline;
  font-family: 'Helvetica';
}

.portami{
    padding:10px;
    text-align:center;
    width:300px;
    margin:0 auto;
    font-size:20px;
}

.viola{
    border:1px solid #631163;
    background:#271341;
}

.grigio{
    border:1px solid #271341;
    background:#271341;
}

.disabled{
    pointer-events: none;
}

.portami a{
  color:#DDD;
  font-family: 'Helvetica';
  text-transform:uppercase;
  font-weight:900;
}

.titolo-tomba, .sottotitolo-tomba{
  font-family: 'Helvetica';
  text-transform:uppercase;
}

.titolo-tomba{
  color:#631163;
}

p{
    margin-bottom:0px;
    margin-top:0px !important;
    font-family: 'Helvetica';
}

.foto-defunto{
  border-radius: 50%;
}

.fiore{
    margin:5px;
}

.titolo-comune{
  font-size:30px;
}

#search-api, .search-tomba {
  position: relative;
  height: 64px;
  width: 660px;
  max-width: 100% !important;
  background: #fff;
  /* margin: 0 20px; */
  border-radius: 32px;
  box-shadow: 0 4px 8px 0 hsla(60, 1%, 41%, .1), 0 2px 4px 0 hsla(60, 1%, 41%, .1), 0 1px 2px 0 rgba(28, 28, 28, .1);
  margin: 0 auto;
  margin-top: 31px;
}

.search-tomba{
  font-size:25px;
  text-align:center;
}

.button-cerca{
  background:#271341;
  color:#DDD;
  padding:5px;
  width:200px;
  border-radius:5px;
  border: transparent;
  font-size:20px;
}

.button-cerca:hover{
  background:#DDD;
  color:#271341;
}

.form-control{
  text-align:center;
}

.form-control::placeholder{
  color:#AAA;
  text-align:center;
}

.search-i {
  position: relative;
  top: 50%;
  transform: translateY(-50%);
  cursor: pointer;
  right: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 50px;
  height: 50px;
  border-radius: 50%;
}

.ScriptTop {
    background: #fff none repeat scroll 0 0;
    float: left;
    font-size: 0.69em;
    font-weight: 600;
    line-height: 2.2;
    padding: 12px 0;
    text-transform: uppercase;
    width: 100%;
}

.pad-defunto h2{
    font-family: Antic Didone;
    font-size:25px;
    color:#271341;
    font-weight:900;
}

.terza-colonna h2{
    font-family: Helvetica;
}

.terza-colonna h3{
  font-family: Helvetica;
  text-align:center;
  font-size:20px;
  font-weight:900;
  word-break:break-word;
}

.prima-colonna{
    background:#FCFBF3;
}

.terza-colonna{
    background: #FFF9FE;
}

.sottotitolo{
    font-size:25px;
    color:grey;
    font-family: Antic Didone;
    font-weight:900;
}

.mappa-italia{
  width:500px;
  height:635px;
}

/* To Navigation Style 1*/
.ScriptTop ul {
    margin: 24px 0;
    padding: 0;
    text-align: left;
}
.ScriptTop li{
	list-style:none;	
	display:inline-block;
}
.ScriptTop li a {
    background: #6a4aed none repeat scroll 0 0;
    color: #fff;
    display: inline-block;
    font-size: 14px;
    font-weight: 600;
    padding: 5px 18px;
    text-decoration: none;
    text-transform: capitalize;
}
.ScriptTop li a:hover{
	background:#000;
	color:#fff;
}

.cerca-mobile{
  display:none;
}

.card{
  border:1px solid #CCC;
  height:270px;
}

.card:hover{
  box-shadow: 0px 0px 0px 0px;
}

#search {
    display: none;
}

h1.title {
    margin-top: 160px;

}
.link a {
    text-decoration: underline;
}

.pad-cimitero{
  background:transparent;
  border:1px solid transparent;
  box-shadow:0 0 transparent;
}

.pad-cimitero .foto{
  max-width:100px;
  border:2px solid #CDA434;
  max-height:133px;
  box-shadow: 5px 5px 5px #ccc;
  -webkit-box-shadow: 5px 5px 5px #ccc;
  -moz-box-shadow: 5px 5px 5px #ccc;
}

.data{
  font-size:13px;
  color:#444;
}

.pulsante{
  padding:20px;
  color:white;
  background:#271341;
  font-size:20px;
  border:transparent;
}

.pad-defunto-cimitero{
  float:left;
  width:45%;
  height:250px;
  margin:5px;
  display:flex;
  justify-content:center;
  flex-direction:column
}

.pad-defunto-cimitero h3{
  font-size:20px;
}

.pad-defunto-cimitero img{
  border-radius:50%;
}

.background-comune{
  cursor: pointer;
  background-size:cover;
  position:relative;
}

.background-comune::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(255, 255, 255, 0.8); /* Sfondo nero opaco per l'overlay */
  z-index: 1; /* Posiziona l'overlay sotto il testo */
}

.testo-pad-comune{
  position:relative;
  z-index:1;
}

.breadcrumb-item.active{
  font-size:15px !important;
}

.breadcrumb-comuni a{
  color:#222;
}

/* ******************************************************
	Script Header
*********************************************************/

.ScriptHeader {
    float: left;
    width: 100%;
    padding: 2em 0;
}
.rt-heading {
    margin: 0 auto;
	text-align:center;
}
.Scriptcontent{
	line-height:28px;	
}
.ScriptHeader h1{
	font-family: "brandon-grotesque", "Brandon Grotesque", "Source Sans Pro", "Segoe UI", Frutiger, "Frutiger Linotype", "Dejavu Sans", "Helvetica Neue", Arial, sans-serif;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
    color: #6a4aed;
    font-size: 26px;
    font-weight: 700;
    margin: 0;
    line-height: normal;

}
.ScriptHeader h2 {
    color: #312c8f;
    font-size: 20px;
    font-weight: 400;
    margin: 5px 0 0;
    line-height: normal;

}
.ScriptHeader h1 span {
    display: block;
    padding: 0;
    font-size: 22px;
    opacity: 0.7;
    margin-top: 5px;

}
.ScriptHeader span {
    display: block;
    padding: 0;
    font-size: 22px;
    opacity: 0.7;
    margin-top: 5px;
}




/* ******************************************************
	Live Demo
*********************************************************/





/* ******************************************************
	Responsive Grids
*********************************************************/

.rt-container {
	margin: 0 auto;
	padding-left:12px;
	padding-right:12px;
}
.rt-row:before, .rt-row:after {
  display: table;
  line-height: 0;
  content: "";
}

.rt-row:after {
  clear: both;
}
[class^="col-rt-"] {
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  padding: 0 15px;
  min-height: 1px;
  position: relative;
}

.button-suggerisci{
  background:#271341;
  color:#E0E0E0;
  width:100%;
  height:50px;
  border:1px solid #271341;
}

.form-control:focus{
  box-shadow: 0 0 0 .25rem rgba(140,117,140,.25);
  border:#271341;
}

.accordion-button:not(.collapsed){
  color:#271341;
  background-color:#FDEFFD;
}

.accordion-button:focus{
  border-color:#E5D5E5;
  BOX-SHADOW: 0 0 0 .25rem rgba(242,227,242,.25)
}

.accordion-button:not(.collapsed)::after{
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23271341'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
}

.accordion:hover{
  background:white;
}

.modal-content{
  max-width:100%;
  width:100%;
}

.modal{
    height:auto;
    z-index:2050 !important;
}


@media (min-width: 768px) {
  .rt-container {
    width: 750px;
  }
  [class^="col-rt-"] {
    float: left;
    width: 49.9999999999%;
  }
  .col-rt-6, .col-rt-12 {
    width: 100%;
  }
  
}

@media (min-width: 1200px) {
	.rt-container {
		width: 1170px;
	}
	.col-rt-1 {
		width:16.6%;
	}
	.col-rt-2 {
		width:30.33%;
	}
	.col-rt-3 {
		width:50%;
	}
	.col-rt-4 {
		width: 67.664%;
	}
	.col-rt-5 {
		width: 83.33%;
	}	

}

@media only screen and (min-width:240px) and (max-width: 768px){
	 .ScriptTop h1, .ScriptTop ul {
		text-align: center;
	}
	.ScriptTop h1{
		margin-top:0;
		margin-bottom:15px;
	}
	.ScriptTop ul{
		 margin-top:12px;		
	}
	
	.ScriptHeader h1,
	.ScriptHeader h2, 
	.scriptnav ul{
		text-align:center;	
	}
	.scriptnav ul{
		 margin-top:12px;		
	}
	#float-right{
		float:none;	
	}

  h4{
    font-size:15px;
  }


  .pulsante{
    padding:10px;
  }
	
}

.slide {
  width: 100%;
  height: 300px;
  overflow: hidden;
  position: relative;
  background-color: #FFFCFF;
}
.slide > div {
  width: 100%;
  height: 100%;
  background-size: cover;
  position: absolute;
  animation: slide 25s infinite;
  opacity: 0;
}
.slide > div:nth-child(2) {
  animation-delay: 5s;
}
.slide > div:nth-child(3) {
  animation-delay: 10s;
}
.slide > div:nth-child(4) {
  animation-delay: 15s;
}
.slide > div:nth-child(5) {
  animation-delay: 20s;
}

@keyframes slide {
  10% {
    opacity: 1;
  }
  20% {
    opacity: 1;
  }
  30% {
    opacity: 0;
  }
  40% {
    transform: scale(1.1);
  }
}

@media screen and (max-width: 500px) {
    .mobile{
        display:block !important;
    }

    .prima-colonna{order: 2;}
    .seconda-colonna{order: 1;}
    .terza-colonna{order: 3;
    padding:0px !important;}

    .mappa{display:none;}

    .info-cimitero{order:2;}
    .info-tomba{order:1;}

    .portami{width:100%;font-size:18px;}
  }