/* Fix Header */
#site-masthead{
	background:none;
}
#site-masthead-branding{
	padding:0;
}
#site-header-extra{
	padding-top:30px;
}
#site-section-slideshow .wp-post-image{
	height:auto;
	max-height:none;
	width:100%;
}

/* Post/Pagina */
.entry-content, .entry-content p{
	text-align:justify;
}
.entry-content p{
	margin-bottom:1rem;
}

/* Contact Form 7 */
.entry-content .wpcf7-textarea{
	max-width:100%;
}
.wpcf7-submit{
	width:100%;
}

/* Typo */
.ul-lettere li{
	list-style-type:lower-alpha!important;
	margin-bottom:12px;
}
.menuprocida2022 a{
	border-color:#eb80a8!important;
}
.entry-content thead th{
	background-color:#0bb8da;
}

/* Alerts */
.alert-info, .alert-warning, .alert-ok, .alert-ko, .alert-link{
	border-left:4px solid;
	border-radius:0;
	padding:0.7rem;
}
.alert-info{
	background-color:rgba(0, 102, 204, 0.05);
	border-color:#06c;
}
.alert-warning{
	background-color:rgba(255, 153, 0, 0.05);
	border-color:#f90;
}
.alert-ok{
	background-color:rgba(0, 128, 85, 0.05);
	border-color:#008055;	
}
.alert-ko{
	background-color:rgba(217, 74, 59, 0.05);
	border-color:#d9364f;
}
.alert-link{
	background-color: rgba(0, 0, 0, 0.03);
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%23777777' viewBox='0 0 16 16'%3E%3Cpath d='M4.715 6.542 3.343 7.914a3 3 0 1 0 4.243 4.243l1.828-1.829A3 3 0 0 0 8.586 5.5L8 6.086a1 1 0 0 0-.154.199 2 2 0 0 1 .861 3.337L6.88 11.45a2 2 0 1 1-2.83-2.83l.793-.792a4 4 0 0 1-.128-1.287z'/%3E%3Cpath d='M6.586 4.672A3 3 0 0 0 7.414 9.5l.775-.776a2 2 0 0 1-.896-3.346L9.12 3.55a2 2 0 1 1 2.83 2.83l-.793.792c.112.42.155.855.128 1.287l1.372-1.372a3 3 0 1 0-4.243-4.243z'/%3E%3C/svg%3E");
	background-position: 0.5rem center;
	background-repeat: no-repeat;
	background-size: 24px 24px;
	border-color:#cccccc;
	color: #444444;
	padding-left: 2.5rem;
}

/* Directories */
.drts-slider-photos .slick-slide figure{
	background:#fff;
}

/* Film e Serie */
.procidainfo-film-card{
   margin:20px 0;
	margin-top:-45px;
    max-width:800px;
    padding:0;
}
.procidainfo-film-header{
    align-items:flex-start;
    border-bottom:1px solid #eeeeee;
    display:flex;
    gap:28px;
    padding-bottom:24px;
}
.procidainfo-film-poster-wrap{
    flex-shrink:0;
    width:180px;
}
.procidainfo-film-poster-img{
    aspect-ratio:2 / 3;
    border:1px solid rgba(0, 0, 0, 0.08);
    border-radius:6px;
    box-shadow:0 8px 20px rgba(0, 0, 0, 0.12), 0 2px 6px rgba(0, 0, 0, 0.06);
    display:block;
    height:auto !important;
    margin:0 !important;
    object-fit:cover;
    width:100% !important;
}
.procidainfo-film-header-info{
    flex-grow:1;
}
.procidainfo-film-title{
    font-size:1.6rem !important;
    font-weight:700 !important;
    line-height:1.25 !important;
    margin:0 0 4px 0 !important;
}
.procidainfo-film-genre{
    color:#666666;
    font-size:0.95rem;
    margin-bottom:18px;
}
.procidainfo-film-meta-list{
    display:flex;
    flex-direction:column;
    font-size:0.92rem;
    gap:10px;
}
.procidainfo-film-meta-item{
    align-items:center;
    color:#333333;
    display:flex;
    gap:10px;
    line-height:1;
}
.procidainfo-film-icon{
    flex-shrink:0;
    height:16px;
    stroke:#666666;
    width:16px;
}
.procidainfo-film-body{
    padding-top:24px;
}
.procidainfo-film-section{
    margin-bottom:24px;
}
.procidainfo-film-section:last-child{
    margin-bottom:0;
}
.procidainfo-film-heading{
    align-items:center;
    display:flex;
    font-size:1.15rem !important;
    font-weight:700 !important;
    line-height:1 !important;
    margin:0 0 12px 0 !important;
}
.procidainfo-film-icon-heading{
    flex-shrink:0;
    height:18px;
    margin-right:10px;
    position:relative;
    stroke:#333333;
    top:-1px;
    width:18px;
}
.procidainfo-film-text{
    font-size:0.95rem !important;
    line-height:1.65 !important;
    margin:0 !important;
}
.procidainfo-film-gallery{
    display:grid;
    gap:12px;
    grid-template-columns:repeat(3, 1fr);
}
.procidainfo-film-gallery-item{
    border-radius:6px;
    overflow:hidden;
}
.procidainfo-film-gallery-img{
    border:1px solid rgba(0, 0, 0, 0.08);
    display:block;
    height:120px !important;
    margin:0 !important;
    object-fit:cover;
    transition:transform 0.2s ease;
    width:100% !important;
}
.procidainfo-film-gallery-img:hover{
    transform:scale(1.03);
}

@media (max-width:520px){
    .procidainfo-film-header{
        flex-direction:column;
        gap:18px;
    }
    .procidainfo-film-poster-wrap{
        width:140px;
    }
    .procidainfo-film-gallery{
        grid-template-columns:repeat(2, 1fr);
    }
}

/* InfoBox - Sez. Campeggi */
.procidainfo-box-contatti{
	background-color:#f0f9ff;
	background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120' fill='none' stroke='%230284c7' stroke-width='1.2' stroke-linecap='round' stroke-linejoin='round' opacity='0.08' viewBox='0 0 24 24'%3E%3Cpath d='M20 10c0 6-8 12-8 12s-8-6-8-12a8 8 0 0 1 16 0Z'/%3E%3Ccircle cx='12' cy='10' r='3'/%3E%3C/svg%3E");
	background-position:right 12px center;
	background-repeat:no-repeat;
	border:1px solid #bae6fd;
	border-left:4px solid #0284c7;
	border-radius:4px;
	display:flex;
	flex-direction:column;
	gap:8px;
	margin:24px 0;
	max-width:800px;
	padding:12px 16px;
	position:relative;
}
.procidainfo-contatti-item{
	align-items:center;
	color:#0f172a;
	display:flex;
	font-size:0.92rem;
	gap:10px;
	line-height:1.4;
	position:relative;
	z-index:1;
}
.procidainfo-contatti-icon{
	flex-shrink:0;
	height:18px;
	stroke:#0284c7;
	width:18px;
}
.procidainfo-box-contatti a{
	color:#0369a1;
	font-weight:700;
	text-decoration:underline;
}
.procidainfo-box-contatti a:hover,
.procidainfo-box-contatti a:focus{
	color:#075985;
	outline:2px solid #0284c7;
	outline-offset:2px;
}

/* Webcam */
.procidainfo-box-webcam{
  background-color:#ffffff;
  border:1px solid #eef2f5;
  border-radius:12px;
  box-shadow:0 4px 15px rgba(0, 0, 0, 0.08);
  box-sizing:border-box;
  padding:20px;
  width:100%;
}
.procidainfo-box-webcam p,
.procidainfo-box-webcam br{
  display:none!important;
}
.procidainfo-box-webcam .webcam-info{
  margin-bottom:20px;
}
.procidainfo-box-webcam .info-item{
  align-items:center!important;
  border-bottom:1px dashed #e2e8f0!important;
  display:flex!important;
  justify-content:space-between!important;
  margin:0!important;
  padding:10px 0!important;
}
.procidainfo-box-webcam .info-item:last-child{
  border-bottom:none!important;
}
.procidainfo-box-webcam .info-label{
  color:#64748b!important;
  font-size:14px!important;
  font-weight:500!important;
  padding-right:15px!important;
  text-align:left!important;
}
.procidainfo-box-webcam .info-value{
  color:#1e293b!important;
  font-size:14px!important;
  font-weight:600!important;
  text-align:right!important;
}
.procidainfo-box-webcam .webcam-btn-wrapper{
  margin-top:10px;
  text-align:center;
}
.procidainfo-box-webcam .webcam-btn{
  background-color:#e65100!important;
  border-radius:8px!important;
  box-shadow:0 4px 10px rgba(230, 81, 0, 0.25)!important;
  box-sizing:border-box!important;
  color:#ffffff!important;
  display:block!important;
  font-size:15px!important;
  font-weight:600!important;
  line-height:1.2!important;
  padding:12px 15px!important;
  text-align:center!important;
  text-decoration:none!important;
  transition:background-color 0.2s ease!important;
  white-space:nowrap!important;
  width:100%!important;
}
.procidainfo-box-webcam .webcam-btn:hover{
  background-color:#cc4700!important;
  color:#ffffff!important;
}

/* Museo */
.procidainfo-box-museo{
  display:flex;
  flex-wrap:wrap;
  gap:20px;
  width:100%;
}
.procidainfo-box-museo p,
.procidainfo-box-museo br{
  display:none!important;
}
.procidainfo-box-museo .museo-card{
  background-color:#ffffff;
  border:1px solid #e2e8f0;
  border-radius:14px;
  box-shadow:0 10px 25px rgba(0, 0, 0, 0.05);
  box-sizing:border-box;
  flex:1 1 300px;
  padding:24px;
}
.procidainfo-box-museo .museo-title{
  border-bottom:2px solid #e65100;
  color:#0f172a!important;
  font-size:18px!important;
  font-weight:700!important;
  margin:0 0 16px 0!important;
  padding-bottom:8px!important;
}
.procidainfo-box-museo .info-item{
  align-items:center!important;
  border-bottom:1px solid #f1f5f9!important;
  display:flex!important;
  justify-content:space-between!important;
  margin:0!important;
  padding:12px 0!important;
}
.procidainfo-box-museo .info-item:last-child{
  border-bottom:none!important;
}
.procidainfo-box-museo .info-label{
  color:#64748b!important;
  font-size:14px!important;
  font-weight:600!important;
}
.procidainfo-box-museo .info-value{
  color:#1e293b!important;
  font-size:14px!important;
  font-weight:500!important;
  text-align:right!important;
}
.procidainfo-box-museo .orari-row{
  align-items:center!important;
  border-bottom:1px solid #f1f5f9!important;
  display:flex!important;
  justify-content:space-between!important;
  margin:0!important;
  padding:8px 0!important;
}
.procidainfo-box-museo .orari-row:last-child{
  border-bottom:none!important;
}
.procidainfo-box-museo .giorno{
  color:#334155!important;
  font-size:14px!important;
  font-weight:600!important;
}
.procidainfo-box-museo .orario{
  color:#0f172a!important;
  font-size:13px!important;
  font-weight:600!important;
  text-align:right!important;
}
.procidainfo-box-museo .orario.chiuso{
  color:#ef4444!important;
  font-weight:700!important;
}

/* CF7: Recluting */
.procidainfo-recluting p{
	margin:0px;
}
.procidainfo-recluting br{
	display:none;
}
.procidainfo-recluting .sezione-modulo{
	background-color:#f8fafc;
	border:1px solid #e2e8f0;
	border-radius:8px;
	margin-bottom:20px;
	padding:20px;
}
.procidainfo-recluting .titolo-sezione{
	align-items:center;
	color:#1e293b;
	display:flex;
	font-size:1.05rem;
	font-weight:600;
	gap:8px;
	margin-bottom:16px;
}
.procidainfo-recluting .icona-sezione{
	font-size:1.1rem;
}
.procidainfo-recluting .campo-modulo{
	margin-bottom:14px;
}
.procidainfo-recluting .campo-modulo label{
	color:#334155;
	display:block;
	font-weight:500;
	margin-bottom:6px;
}
.procidainfo-recluting input[type="text"]{
	border:1px solid #cccccc;
	border-radius:4px;
	box-sizing:border-box;
	padding:10px;
	width:100%;
}
.procidainfo-recluting input[type="email"]{
	border:1px solid #cccccc;
	border-radius:4px;
	box-sizing:border-box;
	padding:10px;
	width:100%;
}
.procidainfo-recluting input[type="tel"]{
	border:1px solid #cccccc;
	border-radius:4px;
	box-sizing:border-box;
	padding:10px;
	width:100%;
}
.procidainfo-recluting input[type="url"]{
	border:1px solid #cccccc;
	border-radius:4px;
	box-sizing:border-box;
	padding:10px;
	width:100%;
}
.procidainfo-recluting textarea{
	border:1px solid #cccccc;
	border-radius:4px;
	box-sizing:border-box;
	min-height:100px;
	padding:10px;
	resize:vertical;
	width:100%;
}
.procidainfo-recluting input[type="file"]{
	background-color:#ffffff;
	border:1px solid #cccccc;
	border-radius:4px;
	box-sizing:border-box;
	padding:10px;
	width:100%;
}
.procidainfo-recluting input[type="text"]:focus{
	outline:2px solid #0066cc;
	outline-offset:1px;
}
.procidainfo-recluting input[type="email"]:focus{
	outline:2px solid #0066cc;
	outline-offset:1px;
}
.procidainfo-recluting input[type="tel"]:focus{
	outline:2px solid #0066cc;
	outline-offset:1px;
}
.procidainfo-recluting input[type="url"]:focus{
	outline:2px solid #0066cc;
	outline-offset:1px;
}
.procidainfo-recluting textarea:focus{
	outline:2px solid #0066cc;
	outline-offset:1px;
}
.procidainfo-recluting .riga-modulo.due-colonne{
	display:grid;
	gap:16px;
	grid-template-columns:repeat(2, 1fr);
	margin-bottom:14px;
}
.procidainfo-recluting .riga-modulo.tre-colonne{
	display:grid;
	gap:16px;
	grid-template-columns:repeat(3, 1fr);
	margin-bottom:14px;
}
.procidainfo-recluting .riga-modulo .campo-modulo{
	margin-bottom:0px;
}
.procidainfo-recluting .campi-telefono{
	display:grid;
	gap:10px;
	grid-template-columns:repeat(3, 1fr);
}
.procidainfo-recluting .wpcf7-radio{
	display:flex;
	flex-wrap:wrap;
	gap:8px 12px;
	margin-top:6px;
}
.procidainfo-recluting .wpcf7-radio .wpcf7-list-item{
	margin:0px;
}
.procidainfo-recluting .wpcf7-radio label{
	align-items:center;
	background-color:#ffffff;
	border:1px solid #d0d7de;
	border-radius:6px;
	cursor:pointer;
	display:inline-flex;
	gap:8px;
	margin-bottom:0px;
	padding:6px 14px;
	transition:background-color 0.2s ease, border-color 0.2s ease;
	width:auto;
}
.procidainfo-recluting .wpcf7-radio label:hover{
	background-color:#f1f5f9;
	border-color:#0066cc;
}
.procidainfo-recluting input[type="radio"]{
	accent-color:#0066cc;
	cursor:pointer;
	height:16px;
	margin:0px;
	width:16px;
}
.procidainfo-recluting input[type="checkbox"]{
	accent-color:#0066cc;
	cursor:pointer;
	height:16px;
	margin:0px;
	width:16px;
}
.procidainfo-recluting .elenco-accettazioni{
	display:flex;
	flex-direction:column;
	gap:10px;
	margin-bottom:16px;
	margin-top:16px;
}
.procidainfo-recluting .voce-accettazione .wpcf7-acceptance label{
	align-items:flex-start;
	cursor:pointer;
	display:flex;
	gap:10px;
}
.procidainfo-recluting .voce-accettazione input[type="checkbox"]{
	flex-shrink:0;
	margin-top:2px;
}
.procidainfo-recluting .riga-invio{
	margin-top:20px;
}
.procidainfo-recluting input[type="submit"]{
	cursor:pointer;
	padding:12px 24px;
}
@media (max-width: 768px){
	.procidainfo-recluting .riga-modulo.due-colonne{
		grid-template-columns:1fr;
	}
	.procidainfo-recluting .riga-modulo.tre-colonne{
		grid-template-columns:1fr;
	}
	.procidainfo-recluting .campi-telefono{
		grid-template-columns:1fr;
	}
	.procidainfo-recluting .wpcf7-radio label{
		box-sizing:border-box;
		width:100%;
	}
}