/*
Theme Name: Colle degli Dei
Template: Avada
Version: 1.1
Description: Tema figlio di Avada per Colle degli Dei (Nemetek, 2026). Misure prese dal sito Joomla (ja_smallbiz) a 1600 px.
*/

/* ---------- riquadro boxed: largo al massimo 1504 px e centrato, come .container-lg di Joomla ---------- */
html body.layout-boxed-mode #wrapper,
html body.layout-boxed-mode .fusion-footer-parallax {
	width: 100%;
	max-width: 1504px;
	margin: 0 auto;
}

/* ---------- header: 96 px, logo di 169 px che sporge, menu centrato ---------- */
@media (min-width: 1025px) {
	.fusion-header-wrapper,
	.fusion-header-v1 .fusion-header,
	.fusion-header-v1 .fusion-header .fusion-row { overflow: visible; }
	.fusion-header-v1 .fusion-header { padding-left: 0 !important; padding-right: 0 !important; }
	.fusion-header-v1 .fusion-header .fusion-row { position: relative; max-width: none !important; padding: 0 23px !important; }
	.fusion-header-v1 .fusion-logo { margin: 0 !important; height: 96px; position: relative; z-index: 30; }
	.fusion-header-v1 .fusion-logo img.fusion-standard-logo { width: 169px; height: 169px; max-height: none; }
	.fusion-header-v1 .fusion-main-menu { position: absolute; left: 50%; transform: translateX(-50%); float: none; }
	.fusion-is-sticky .fusion-header-v1 .fusion-logo { height: auto; }
}
/* icone Facebook e YouTube nel menu: quadratino con bordo arancione, come nel sito Joomla */
.fusion-main-menu .cdd-social > a .fusion-megamenu-icon {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 26px;
	height: 26px;
	margin: 0;
	border: 1px solid var(--awb-color5);
	color: var(--awb-color5);
	font-size: 13px;
	transition: background-color .2s, color .2s;
}
.fusion-main-menu .cdd-social > a:hover .fusion-megamenu-icon { background: var(--awb-color5); color: #fff; }

/* ---------- home: slideshow 16:9 con testo a destra ---------- */
.cdd-hero.fusion-fullwidth { min-height: 480px !important; }
@media (min-width: 1025px) {
	.cdd-hero.fusion-fullwidth { min-height: calc(min(100vw, 1504px) * 0.5625) !important; }
	.cdd-hero .cdd-slide-box { width: 510px !important; flex: 0 0 510px !important; max-width: 510px !important; margin-right: 90px !important; }
}
.cdd-hero .fusion-builder-row { position: relative; z-index: 10; } /* sopra lo slider di Avada (z-index 6) */
.cdd-slide-text { display: none; }
.cdd-slide-text.is-active { display: block; }
.cdd-hero .cdd-slide-text h2 { margin: 0 0 20px; font-size: 52px !important; line-height: 1.3 !important; }
.cdd-slide-text h2 span { display: inline-block; background: var(--awb-color5); color: #fff; padding: 0 6px; }
.cdd-slide-text p { margin: 0; max-width: 480px; }
.cdd-slide-text p span { display: block; background: rgba(0, 0, 0, .8); color: #fff; font-size: 16px; line-height: 1.714; padding: 6px 10px; }
@media (max-width: 1024px) { .cdd-slide-text h2 { font-size: 34px; } }

/* ---------- home: foto a tutta altezza con box sovrapposto (features-intro style-1 di Joomla) ---------- */
.cdd-feat.fusion-fullwidth { position: relative; overflow: hidden; }
.cdd-feat .fusion-row { position: relative; z-index: 2; max-width: none !important; }
.cdd-feat::before {
	content: "";
	position: absolute;
	top: 0;
	bottom: 0;
	z-index: 1;
	background-repeat: no-repeat;
	background-size: auto 100%;
}
.cdd-feat-right::before { left: 450px; right: 0; background-position: left center; }
.cdd-feat-left::before { left: 0; right: 450px; background-position: right center; }
.cdd-feat .cdd-feat-box { width: 100% !important; flex: 0 0 auto !important; max-width: 510px !important; margin: 0 !important; }
.cdd-feat-left .fusion-row { justify-content: flex-end; }
.cdd-feat .cdd-feat-box h2 { margin-top: 0; margin-bottom: 30px; }
.cdd-feat .cdd-feat-box .fusion-button { margin-top: 30px; }
@media (max-width: 991px) {
	.cdd-feat-right::before, .cdd-feat-left::before { left: 0; right: 0; background-size: cover; background-position: center; }
	.cdd-feat .cdd-feat-box { max-width: none !important; }
}
@media (max-width: 767px) {
	.cdd-feat.fusion-fullwidth { padding: 23px !important; }
	.cdd-feat .cdd-feat-box > .fusion-column-wrapper { padding: 30px !important; margin: 0 !important; }
	.cdd-feat .cdd-feat-box h2 { font-size: 24px !important; }
}
.cdd-btn-border.fusion-button { border-style: solid; }

/* ---------- card bianche su sfondo grigio (servizi, staff) ---------- */
.cdd-icon { text-align: center; margin-bottom: 20px; }
.cdd-card .fusion-button { margin-top: 10px; }
.fusion-person .person-desc { padding: 30px; }
.fusion-person .person-name { font-family: Lora, serif; font-size: 24px; font-weight: 400; color: var(--awb-color8); }
.fusion-person .person-title { font-size: 12px; text-transform: uppercase; letter-spacing: .5px; color: #9e9e9e; }

/* staff: biografia apribile */
.cdd-bio summary {
	cursor: pointer;
	color: var(--awb-color5);
	font-weight: 600;
	text-transform: uppercase;
	letter-spacing: .08em;
	font-size: 12px;
	list-style: none;
}
.cdd-bio summary::-webkit-details-marker { display: none; }
.cdd-bio summary::after { content: " +"; }
.cdd-bio[open] summary::after { content: " -"; }
.cdd-bio p { margin-top: 12px; text-align: left; }

/* ---------- pagine interne ---------- */
#main { padding-top: 90px; padding-bottom: 60px; }
.home #main { padding-top: 0; padding-bottom: 0; }
.cdd-subtitle { text-align: center; margin-bottom: 30px; }
.cdd-subtitle span { background: var(--awb-color5); color: #fff; font-size: 12px; font-weight: 600; letter-spacing: 2px; text-transform: uppercase; padding: 3px 10px; }
/* pagine-articolo: scheda bianca con 46 px di padding, come .item-page di Joomla */
@media (min-width: 1025px) {
	.cdd-article #main { padding: 46px 90px !important; }
}
.cdd-article #main > .fusion-row { max-width: none; background: #fff; padding: 46px; }
.cdd-article #main .fusion-builder-row { max-width: none; }
@media (max-width: 1024px) {
	.cdd-article #main { padding: 20px !important; }
	.cdd-article #main > .fusion-row { padding: 25px; }
}

/* ---------- modulo contatti sopra il footer (meta' scura + mappa) ---------- */
.fusion-footer-widget-area { padding: 0 !important; border: 0; }
html body .fusion-footer-widget-area > .fusion-row { max-width: none !important; padding: 0 !important; }
html body .fusion-footer-widget-area .fusion-columns { display: flex !important; flex-wrap: wrap; align-items: stretch; margin: 0 !important; }
html body .fusion-footer-widget-area .fusion-column { width: 50% !important; float: none !important; padding: 0 !important; margin: 0 !important; }
.fusion-footer-widget-area .fusion-column:first-child { background: #1d1d1d; }
/* mappa: occupa tutta la meta' destra del modulo */
.fusion-footer-widget-area .fusion-column:nth-child(2) { background: #fff; display: flex !important; flex-direction: column; min-height: 400px; }
.fusion-footer-widget-area .fusion-column:nth-child(2) .widget,
.fusion-footer-widget-area .fusion-column:nth-child(2) .textwidget,
.cdd-footer-map { flex: 1 1 auto; display: flex; flex-direction: column; }
.fusion-footer-widget-area .widget { margin: 0 !important; }
.cdd-contact { padding: 120px 60px 90px 180px; }
.cdd-info { margin-bottom: 40px; }
.cdd-info h3 { color: #fff; font-family: Lora, serif; font-size: 24px; font-weight: 400; margin: 0 0 25px; }
.cdd-info p { color: #fff; margin: 0; }
.cdd-info a { color: #fff; }
.cdd-info a:hover { color: var(--awb-color5); }
.cdd-footer-map { padding: 0; }
.cdd-footer-map iframe { display: block; flex: 1 1 auto; width: 100% !important; height: auto !important; min-height: 400px; max-width: none; border: 0; }
@media (max-width: 1024px) {
	html body .fusion-footer-widget-area .fusion-column { width: 100% !important; }
	.cdd-contact { padding: 60px 30px 30px; }
}
.fusion-footer-copyright-area { text-transform: uppercase; }
.fusion-footer-copyright-area p { margin: 0 0 6px; }

/* ---------- documenti (Codice di condotta, Modello organizzativo) ---------- */
.cdd-doc-meta {
	text-align: center;
	border-top: 1px solid var(--awb-color3);
	border-bottom: 1px solid var(--awb-color3);
	padding: 20px 0;
	margin-bottom: 40px;
	color: #9e9e9e;
	font-size: 13px;
	text-transform: uppercase;
	letter-spacing: .5px;
}
.cdd-doc-meta p { margin: 0 0 4px; }
.cdd-doc h2 { margin-top: 50px; }
.cdd-doc h3 { margin-top: 35px; }
.cdd-doc h4 { margin-top: 25px; font-family: "Work Sans", sans-serif; font-size: 15px; font-weight: 600; }
.cdd-doc ol, .cdd-doc ul { margin: 0 0 20px; padding-left: 25px; }
.cdd-doc li { margin-bottom: 8px; }
.cdd-doc-table { width: 100%; border-collapse: collapse; margin: 20px 0 30px; }
.cdd-doc-table td { border: 1px solid var(--awb-color3); padding: 10px 14px; vertical-align: top; }
.cdd-doc-table td:first-child { width: 30%; font-weight: 600; color: var(--awb-color8); }
@media (max-width: 767px) {
	.cdd-doc-table td { display: block; width: 100% !important; border-top: 0; }
	.cdd-doc-table tr td:first-child { border-top: 1px solid var(--awb-color3); }
}