/* =========================================================
   CASA GALLO - DICONO DI NOI
   Compatibile con Bootstrap 3.3.7
   ========================================================= */


/* CONTENITORE PRINCIPALE */

.press-list {
	margin: 25px 0;
	padding: 0;
}


/* SINGOLO BLOCCO */

.press-item {
	margin-bottom: 15px;
	border-radius: 4px;
}

.press-item .panel-body {
	padding: 20px;
}


/* =========================================================
   TITOLI
   ========================================================= */

.press-item .media-heading {
	margin-top: 0;
	margin-bottom: 8px;

	font-size: 18px;
	font-weight: 600;
	line-height: 1.35;
}


/* =========================================================
   TESTO
   ========================================================= */

.press-item p {
	margin-top: 0;
	margin-bottom: 12px;

	font-size: 14px;
	line-height: 1.6;
}


/* =========================================================
   TRAVELLERS' CHOICE
   LOGO A SINISTRA
   ========================================================= */

.press-item .media {
	margin-top: 0;
}

.press-item .media-left {
	padding-right: 15px;
	vertical-align: top;
}


/* Limita SEMPRE la dimensione del logo */

.press-item img.press-logo {
	display: block !important;

	width: 62px !important;
	max-width: 62px !important;

	height: auto !important;
	max-height: 77px !important;

	margin: 0 !important;
	padding: 0;

	object-fit: contain;
}


/* Evita che eventuali CSS generici del sito
   allarghino le immagini dentro .media */

.press-item .media-left img {
	width: 62px !important;
	max-width: 62px !important;

	height: auto !important;
	max-height: 77px !important;
}


/* Corpo testo accanto al logo */

.press-item .media-body {
	width: auto;
	vertical-align: top;
}


/* =========================================================
   ETICHETTA ANNO
   ========================================================= */

.press-item .label {
	display: inline-block;

	margin-bottom: 8px;
	padding: 5px 8px;

	font-size: 11px;
	font-weight: normal;
	line-height: 1;

	border-radius: 3px;
}


/* =========================================================
   PULSANTI
   ========================================================= */

.press-item .btn {
	margin-top: 3px;

	white-space: normal;
}

.press-item .btn-sm {
	padding: 6px 10px;

	font-size: 12px;
	line-height: 1.5;
}


/* Icone Bootstrap */

.press-item .btn .glyphicon {
	margin-right: 4px;
}


/* =========================================================
   BLOCCHI SEMPLICI SENZA LOGO
   ========================================================= */

.press-links .panel-body {
	padding: 15px 20px;
}


/* =========================================================
   LINK
   ========================================================= */

.press-item a {
	text-decoration: none;
}

.press-item a:hover,
.press-item a:focus {
	text-decoration: none;
}


/* =========================================================
   TABLET E SMARTPHONE
   Bootstrap 3 breakpoint XS
   ========================================================= */

@media (max-width: 767px) {

	.press-list {
		margin: 15px 0;
	}

	.press-item {
		margin-bottom: 12px;
	}

	.press-item .panel-body {
		padding: 15px;
	}

	.press-item .media-left {
		display: table-cell;
		padding-right: 12px;
		vertical-align: top;
	}

	.press-item .media-body {
		display: table-cell;
		width: 10000px;
		vertical-align: top;
	}

	/* Logo leggermente pił piccolo su smartphone */

	.press-item img.press-logo,
	.press-item .media-left img {
		width: 55px !important;
		max-width: 55px !important;

		height: auto !important;
		max-height: 70px !important;
	}

	.press-item .media-heading {
		font-size: 17px;
		line-height: 1.3;
	}

	.press-item p {
		font-size: 14px;
		line-height: 1.55;
	}

	.press-item .btn {
		display: inline-block;
		margin-top: 5px;
	}

}


/* =========================================================
   SMARTPHONE MOLTO PICCOLI
   ========================================================= */

@media (max-width: 480px) {

	.press-item .panel-body {
		padding: 12px;
	}

	.press-item .media-left {
		padding-right: 10px;
	}

	.press-item img.press-logo,
	.press-item .media-left img {
		width: 50px !important;
		max-width: 50px !important;

		height: auto !important;
		max-height: 65px !important;
	}

	.press-item .media-heading {
		font-size: 16px;
	}

	.press-item .label {
		font-size: 10px;
		padding: 4px 6px;
	}

}