/* Generic readable stylesheet — original twentyeleven/style.css was not
   recoverable from Wayback. Clean minimal layout for a single-page site. */

* { box-sizing: border-box; }

body {
	margin: 0;
	padding: 0 0 40px;
	font-family: Georgia, "Times New Roman", serif;
	font-size: 17px;
	line-height: 1.6;
	color: #2a2a2a;
	background: #f4f1ea;
}

a { color: #8a1f1f; }

/* ---- Top navigation bar ---- */
#mainMenu.navbar {
	position: sticky;
	top: 0;
	z-index: 1000;
	background: #1c1a17;
	border-bottom: 3px solid #8a1f1f;
}
.navbar .container {
	max-width: 960px;
	margin: 0 auto;
	padding: 0 16px;
}
ul#navBar {
	list-style: none;
	margin: 0;
	padding: 0;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}
ul#navBar li a {
	display: block;
	padding: 14px 18px;
	color: #e8e2d4;
	text-decoration: none;
	font-family: "Helvetica Neue", Arial, sans-serif;
	font-size: 14px;
	text-transform: uppercase;
	letter-spacing: .08em;
}
ul#navBar li a:hover,
ul#navBar li.active a { color: #fff; background: #8a1f1f; }

/* ---- Hero / title ---- */
.title, .topSlogan, .topLoghi, #intro { text-align: center; }
.title { padding: 40px 16px 6px; }
.slogan1 .row1 { display: block; font-size: 18px; color: #6a6a6a; font-style: italic; }
.slogan1 .row2 { display: block; font-size: 40px; font-weight: bold; line-height: 1.15; }
.slogan1 .row3 { display: block; font-size: 26px; }
.topSlogan { color: #555; padding: 8px 16px; }
.topLoghi { padding: 6px 16px 20px; }
.topLoghi a[alt="facebook"] {
	display: inline-block;
	padding: 6px 16px;
	background: #3b5998;
	color: #fff;
	border-radius: 3px;
	text-decoration: none;
	font-family: Arial, sans-serif;
	font-size: 14px;
}
.topLoghi a[alt="facebook"]::after { content: "Facebook"; }
#intro .slogan2 { max-width: 820px; margin: 0 auto; padding: 24px 16px 8px; }
#intro .slogan2 .row1, #intro .slogan2 .row2 { font-size: 24px; font-style: italic; color: #333; }
#intro .slogan2 .row3 { display: block; margin-top: 8px; font-size: 18px; color: #6a6a6a; }

/* ---- Content sections ---- */
.page {
	max-width: 900px;
	margin: 0 auto;
	padding: 26px 16px;
	border-top: 1px solid #ddd7c8;
}
.page .wrapper { width: auto !important; margin: 0 !important; }
.sectionTitle {
	font-family: "Helvetica Neue", Arial, sans-serif;
	font-size: 26px;
	font-weight: bold;
	color: #8a1f1f;
	margin-bottom: 14px;
	text-transform: uppercase;
	letter-spacing: .04em;
}
#sinossi  .sectionTitle::before { content: "Sinossi"; }
#galleria .sectionTitle::before { content: "Foto"; }
#news     .sectionTitle::before { content: "News"; }
#contatti .sectionTitle::before { content: "Contatti"; }
#press    .sectionTitle::before { content: "Press"; }
#trailer::before {
	content: "Trailer";
	display: block;
	font-family: "Helvetica Neue", Arial, sans-serif;
	font-size: 26px;
	font-weight: bold;
	color: #8a1f1f;
	margin-bottom: 14px;
	text-transform: uppercase;
	letter-spacing: .04em;
}

/* scroll-panes were JS-driven fixed boxes; let content flow normally */
.scroll-pane { height: auto !important; overflow: visible !important; }
.divider { height: 1px; background: #ddd7c8; margin: 16px 0; }

/* ---- Press columns ---- */
#press .wrapper { display: flex; flex-wrap: wrap; gap: 24px; }
#press .column { flex: 1 1 260px; min-width: 240px; }
#press ul.item { list-style: none; margin: 0 0 14px; padding: 0; }
.btn {
	display: inline-block;
	margin-top: 6px;
	padding: 6px 14px;
	background: #8a1f1f;
	color: #fff;
	text-decoration: none;
	border-radius: 3px;
	font-family: Arial, sans-serif;
	font-size: 14px;
}
.btn-disabled { background: #b7b1a3; cursor: default; }

/* ---- Gallery carousel (no images survived) ---- */
#myCarousel .carousel-inner .item { display: none; }
.carousel-control { text-decoration: none; font-size: 28px; color: #8a1f1f; }

/* ---- Footer ---- */
.footer { max-width: 900px; margin: 30px auto 0; padding: 0 16px; }
.footer .item { display: none; }

@media (max-width: 640px) {
	.slogan1 .row2 { font-size: 30px; }
	ul#navBar li a { padding: 12px 12px; font-size: 13px; }
}