/*
 * PaperStreet Script Manager banner — beep theme
 * Plugin markup uses Foundation .row / .columns; content width matches .container (1200px).
 */

#ps-sm-banner {
	position: fixed;
}

#ps-sm-banner > .row {
	display: block;
	width: 100%;
	max-width: 1200px;
	margin-left: auto;
	margin-right: auto;
	padding-left: 20px;
	padding-right: 56px;
	box-sizing: border-box;
}

#ps-sm-banner > .row > .columns,
#ps-sm-banner > .row > .columns.no-float {
	width: 100%;
	float: none;
	padding-left: 0;
	padding-right: 0;
	margin: 0;
	position: static;
}

#ps-sm-banner .ps-sm-banner-inner {
	position: static;
	max-width: 100%;
	box-sizing: border-box;
}

#ps-sm-banner .ps-sm-banner-upper {
	position: static;
}

#ps-sm-banner .ps-sm-banner-message {
	overflow-wrap: break-word;
	word-wrap: break-word;
}

#ps-sm-banner .ps-sm-banner-close,
#ps-sm-banner button.ps-sm-banner-close {
	position: absolute;
	top: 50%;
	right: 16px;
	left: auto;
	transform: translateY(-50%);
	z-index: 5;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 40px;
	height: 40px;
	margin: 0;
	padding: 0;
	border: 0;
	border-radius: 0;
	background: transparent !important;
	box-shadow: none;
	color: var(--ps-sm-font, #ffffff) !important;
	font-size: 22px;
	line-height: 1;
	cursor: pointer;
	opacity: 0.9;
	-webkit-appearance: none;
	appearance: none;
}

#ps-sm-banner .ps-sm-banner-close:hover,
#ps-sm-banner .ps-sm-banner-close:focus {
	opacity: 1;
	outline: none;
	color: var(--ps-sm-font, #ffffff) !important;
}

#ps-sm-banner .ps-sm-banner-btn,
#ps-sm-banner button.ps-sm-banner-btn {
	-webkit-appearance: none;
	appearance: none;
	margin: 0;
	cursor: pointer;
	border-radius: var(--ps-sm-radius, 4px);
	border: 1px solid transparent;
	box-shadow: none;
	text-shadow: none;
	line-height: 1.5;
	font-family: inherit;
}

#ps-sm-banner .ps-sm-banner-btn-accept,
#ps-sm-banner button.ps-sm-banner-btn-accept {
	background-color: var(--ps-sm-btn, #48929d);
	color: var(--ps-sm-btn-text, #ffffff);
	border-color: var(--ps-sm-btn, #48929d);
}

#ps-sm-banner .ps-sm-banner-btn-reject,
#ps-sm-banner button.ps-sm-banner-btn-reject {
	background-color: transparent;
	color: var(--ps-sm-font, #ffffff);
	border-color: var(--ps-sm-font, #ffffff);
}

#ps-sm-banner .ps-sm-banner-btn:hover,
#ps-sm-banner button.ps-sm-banner-btn:hover {
	opacity: 0.85;
}

@media (min-width: 768px) {
	#ps-sm-banner > .row {
		padding-right: 64px;
	}

	#ps-sm-banner .ps-sm-banner-close,
	#ps-sm-banner button.ps-sm-banner-close {
		right: 20px;
	}
}

@media (min-width: 1025px) {
	#ps-sm-banner > .row {
		padding-right: 72px;
	}

	#ps-sm-banner .ps-sm-banner-close,
	#ps-sm-banner button.ps-sm-banner-close {
		right: 24px;
	}
}

@media (max-width: 767px) {
	#ps-sm-banner > .row {
		padding-left: 15px;
		padding-right: 48px;
	}
}