.common-banner-wrapper.hide_banners { display:none!important; }
.info-wrapper .common-banner-wrapper { position: relative!important; }

.common-banner-wrapper {
	left: 90px !important; bottom: 5px !important; z-index: 99999 !important;
	display: flex !important; position: fixed !important; justify-content: flex-end !important;
	font-family: "Montserrat", sans-serif !important; overflow: hidden!important;
}
.common-banner {
	display: flex !important; justify-content: space-around!important; padding: 6px !important;
	height: 96px !important; width: 100% !important; max-width: 550px !important;
	background: #48082D; overflow: hidden!important; position: relative;
}
.common-banner .banner-wrapper-content {
	display: flex !important; flex-direction: row!important; gap: 10px!important; margin-left: 0 !important;
	justify-content: space-between!important; align-items: center!important; width: 100% !important;
	position: relative; z-index: 2;
}
.common-banner .banner-wrapper-content:after {
	content: ''; position: absolute; background: #F1EFED; width: 164px; height: 90px;
	bottom: -6px; right: 0px; z-index: -1;
}
.common-banner .banner-content {
	width: 270px !important; display: flex!important; flex-direction: column!important;
	gap: 3px!important; justify-content: center!important;
}
.common-banner a { color: inherit !important; text-decoration: none !important; cursor: pointer; }
.common-banner .banner-content p, .common-banner .banner-content-right p { line-height: 120% !important; margin: 0!important; }
.common-banner .banner-content h3 { line-height: 120% !important; margin: 0!important; }
.common-banner .banner-title {
	text-align: center!important; font-size: 11px!important; text-transform: uppercase; font-weight: 700!important;
	margin: 0!important; line-height: 1.2 !important; font-family: Georgia, serif!important; color: #fff; padding-top: 4px!important;
}
.common-banner .banner-text {
	color: #FFF!important; text-align: center!important; font-family: "Montserrat", sans-serif!important;
	font-size: 9px!important; font-weight: 500!important; line-height: 1!important; text-transform: uppercase!important;
}
.common-banner .banner-subtext {
	font-family: 'Montserrat', Arial, sans-serif !important; font-size: 13px!important; font-weight: 700!important;
	line-height: 120%!important; color: #ffffff!important; text-align: center; padding-top: 2px!important; letter-spacing: 0.3px;
}
.common-banner .banner-content-right {
	width: 154px !important; display: flex!important; flex-direction: column!important;
	align-items: center!important; justify-content: center!important;
}
.common-banner .banner-link {
	color: #ffffff!important; text-transform: uppercase !important; font-size: 10px !important; font-weight: 700 !important;
	display: flex !important; justify-content: center !important; align-items: center !important;
	width: 96px !important; height: 20px !important; text-align: center !important; border-radius: 50px !important;
	font-family: 'Montserrat', sans-serif !important; background: #48082D; margin-top: 16px!important;
}
.common-banner .banner-close {
	color: #000!important; line-height: 1 !important; font-size: 24px !important;
	font-family: "Montserrat", sans-serif !important; position: absolute; right: 5px; top: 2px; z-index: 100;
}
.common-banner .common-banner__note {
	position: absolute !important; bottom: -6px !important; right: 70px !important;
	color: #ffff !important; opacity: 0.95 !important; font-size: 10px !important;
}
.common-banner .banner-logo { width: 105px !important; height: 96px !important; margin-top: -1px!important; object-fit: cover; }
.common-banner .banner-logo.mob { display: none; }
.mobile-show { display: none !important; }

/* date line above the time, slightly larger */
.common-banner .banner-subtext.banner-date { font-size: 15px !important; font-weight: 800 !important; padding-top: 4px !important; }

@media (max-width: 768px) {
	.common-banner-wrapper { left: 5px !important; bottom: 50px !important; }
}
@media (max-width: 560px) {
	.common-banner { width: 100% !important; max-width: 350px !important; }
	.common-banner .banner-wrapper-content { gap: 4px!important; }
	.common-banner .banner-wrapper-content:after { width: 90px; }
	.common-banner .banner-content { width: 100% !important; padding: 0 22px 0 8px!important; box-sizing: border-box; }
	.common-banner .banner-content-right { width: 90px !important; }
	.common-banner .banner-link { width: 70px !important; font-size: 7px!important; margin-top: 10px!important; }
	.common-banner .banner-close { font-size: 20px !important; }
	.common-banner .banner-title { font-size: 8px !important; }
	.common-banner .banner-text { font-size: 7px !important; }
	.common-banner .banner-subtext { font-size: 11px !important; padding-top: 3px !important; }
	.common-banner .banner-subtext.banner-date { font-size: 12px !important; padding-top: 3px !important; }
	.common-banner .banner-logo { width: 70px!important; }
	.common-banner .banner-logo.mob { display: block!important; }
	.common-banner .banner-logo.desc { display: none; }
	.mobile-show { display: block !important; }
	.common-banner .common-banner__note { font-size: 8px !important; right: 16px !important; }
}
@media (max-width: 370px) {
	.common-banner { max-width: 375px !important; }
}

/* On the source page /banner-page (view mode) hide the in-page copy so it does not cover the admin "Edit page" buttons; it stays visible in the editor */
.lt-block:not(.lt-editing) .info-wrapper .common-banner-wrapper { display: none !important; }