/*  phpBB3 Style Sheet
    --------------------------------------------------------------
	Style name:			La Mia Pizza
	Based on style:		prosilver (the default phpBB 3.3.x style)
	Original author:	Tom Beddard ( http://www.subblue.com/ )
	Modified by:		phpBB Limited ( https://www.phpbb.com/ )
	Customized for:		lamiapizza.it
    --------------------------------------------------------------
*/

/* =============================================
   SFONDO E WRAP
   ============================================= */
html, body {
	background-color: #C8A882;
}

body.simple {
	min-height: 100%;
	padding: 0 5px;
}

.wrap {
	border: 2px solid #FFF8EE;
	border-radius: 15px;
	box-shadow: 0 0 5px 2px #A07848, inset 0 3px 18px rgba(80, 40, 10, .15);
	margin: 0 auto;
	max-width: 1152px;
	padding: 13px 23px;
}

/* =============================================
   HEADER
   ============================================= */
.search-header {
	box-shadow: 0 0 10px #7A2010;
}

.headerbar {
	background-color: #C04A38;
	background-image: -webkit-linear-gradient(top, #B8432A 0%, #9B2E1A 1%, #A3321E 20%, #B54030 75%, #C04A38 100%);
	background-image: linear-gradient(to bottom, #B8432A 0%, #9B2E1A 1%, #A3321E 20%, #B54030 75%, #C04A38 100%);
	background-repeat: repeat-x;
}

/* =============================================
   NAVBAR
   ============================================= */
.navbar {
	background-color: #F5EDD8;
}

/* =============================================
   CATEGORIE E FORUM (forabg)
   ============================================= */
.forabg, .forumbg {
	background-color: #9B2E1A;
	background-image: -moz-linear-gradient(top, #C04A38 0%, #BF4837 4%, #B84030 10%, #A53520 29%, #9B2E1A 38%, #9B2E1A 100%);
	background-image: linear-gradient(to bottom, #C04A38 0%, #BF4837 4%, #B84030 10%, #A53520 29%, #9B2E1A 38%, #9B2E1A 100%);
	background-repeat: repeat-x;
}

/* =============================================
   RIGHE FORUM (indice)
   ============================================= */
li.row {
	background-color: #FBF5E6;
}

li.row:hover {
	background-color: #FFF0DC;
}

li.row.bg3 {
	background-color: #FFF8EE;
}

li.row.bg3:hover {
	background-color: #FFF3E0;
}

/* =============================================
   JUMPBOX
   ============================================= */
.jumpbox-cat-link {
	background-color: #9B2E1A;
	background-image: -moz-linear-gradient(top, #C04A38 0%, #BF4837 4%, #B84030 10%, #A53520 29%, #9B2E1A 38%, #9B2E1A 100%);
	background-image: linear-gradient(to bottom, #C04A38 0%, #BF4837 4%, #B84030 10%, #A53520 29%, #9B2E1A 38%, #9B2E1A 100%);
	background-repeat: repeat-x;
	color: #FFF8EE;
}

.jumpbox-sub-link {
	background-color: #FBF5E6;
}

/* =============================================
   LINK — rimuove il celeste di prosilver
   ============================================= */
a:link, a:visited {
	color: #9B2E1A;
}

a:hover, a:active, a:focus {
	color: #E07A30;
	text-decoration: underline;
}

/* =============================================
   POST E THREAD — rimuove il celeste
   ============================================= */

/* Sfondo delle righe post (bg1/bg2 di prosilver sono celesti) */
.bg1 {
	background-color: #FBF5E6 !important;
}

.bg2 {
	background-color: #FFF8EE !important;
}

/* Contenitore post */
.post {
	background-color: #FBF5E6;
	border-color: #D8CCBA;
}

.post .inner {
	background-color: #FBF5E6;
}

/* Sidebar autore (topic-poster) */
.topic-poster, .post .topic-poster {
	background-color: #F0E6D0;
	border-right-color: #D8CCBA;
}

/* Corpo del post */
.postbody {
	background-color: #FBF5E6;
}

/* =============================================
   PANNELLI (Risposta Rapida, ecc.)
   ============================================= */
.panel, .panel .inner {
	background-color: #F5EDD8;
}

.panel dl, .panel dt, .panel dd {
	background-color: #F5EDD8;
}

/* Titoli h3 — sovrascrive il teal/celeste di prosilver colours.css */
h3 {
	color: #9B2E1A !important;
}

/* =============================================
   BOTTONI — prosilver usa background-image gradient,
   va azzerato con none prima di impostare il colore
   ============================================= */
input[type="submit"],
input[type="button"],
input[type="reset"],
.button1,
.button2,
.button,
a.button1,
a.button2 {
	background-image: none !important;
	background-color: #9B2E1A !important;
	border-color: #7A2010 !important;
	color: #FFF8EE !important;
	text-shadow: none !important;
}

input[type="submit"]:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
.button1:hover,
.button2:hover,
.button:hover,
a.button1:hover,
a.button2:hover {
	background-image: none !important;
	background-color: #C04A38 !important;
	border-color: #9B2E1A !important;
	color: #FFF8EE !important;
}

/* =============================================
   TOOLBAR EDITOR (B, I, U, ecc.)
   più chiari dei bottoni d'azione principali
   ============================================= */
/* Bottoni toolbar editor */
#format-buttons .button,
#format-buttons button {
	background-image: none !important;
	background-color: #C04A38 !important;
	border-color: #9B2E1A !important;
	text-shadow: none !important;
}

#format-buttons .button:hover,
#format-buttons button:hover {
	background-image: none !important;
	background-color: #9B2E1A !important;
	border-color: #7A2010 !important;
}

/* Icone Font Awesome dentro la toolbar — bianche */
#format-buttons i.icon,
#format-buttons .icon {
	color: #FFFFFF !important;
}

/* Icone bianche in TUTTI i bottoni del forum */
.button i.icon,
.button .icon,
.button1 i.icon,
.button1 .icon,
.button2 i.icon,
.button2 .icon,
button.button i,
button.button i.icon,
a.button i.icon,
input[type="submit"] i.icon,
.button-icon-only i,
.button-icon-only .icon {
	color: #FFFFFF !important;
}

/* =============================================
   TAB (Opzioni, Allegati, Crea sondaggio)
   Selettori esatti dal pannello Stili del browser
   ============================================= */

/* Tab inattivi — override del background shorthand di prosilver */
.tabs .tab > a {
	background: #F5EDD8 !important;
	background-color: #F5EDD8 !important;
	background-image: none !important;
	color: #9B2E1A !important;
	border-color: #C04A38 !important;
}

.tabs .tab > a:hover {
	background: #C04A38 !important;
	background-color: #C04A38 !important;
	background-image: none !important;
	color: #FFF8EE !important;
}

/* Tab attivo — stesso approccio con shorthand */
.tabs .activetab > a,
.tabs .activetab > a:link,
.tabs .activetab > a:visited {
	background: #9B2E1A !important;
	background-color: #9B2E1A !important;
	background-image: none !important;
	color: #FFF8EE !important;
	border-color: #7A2010 !important;
	box-shadow: none !important;
}

/* =============================================
   CHECKBOX E RADIO — accent-color per browser moderni
   ============================================= */
input[type="checkbox"],
input[type="radio"] {
	accent-color: #9B2E1A;
}

/* =============================================
   COPYRIGHT
   ============================================= */
.copyright a {
	color: #5A2F10 !important;
}

/* =============================================
   LOGO
   ============================================= */
.site_logo {
	background-image: url("./images/site_logo.svg");
}

/* =============================================
   RESPONSIVE
   ============================================= */
@media only screen and (max-width: 920px), only screen and (max-device-width: 920px) {
	html, body {
		background-color: #FFF8EE;
	}

	body {
		padding-left: 5px;
		padding-right: 5px;
	}

	#wrap {
		width: 850px;
		padding: 0;
		border-width: 0;
		border-radius: 0;
		box-shadow: none;
	}
}

@media only screen and (max-width: 860px), only screen and (max-device-width: 860px) {
	#wrap {
		width: auto;
	}
}