.promotions-bar {

	/* position: absolute; */

	align-items: center;

	display: flex;

	width: 100%;

	padding: 5px 0;

	background-color: #e4b340;

	/* transform: translateY(-100%); */

	z-index: 1;

	overflow: hidden;

}

.promotions-bar__text {

	flex: 1 0 auto;

	padding: 7px 10px;

	font-size: 11px;

	font-weight: 700;

	text-align: center;

	color: #0d0500;

}



.promotions-bar__text a {

	font-weight: 700;

	color: #fff;

}



.promotions-bar__text a:hover {
    color: var(--primary-color);
}



.promotions-bar__close {

	flex: 0 0 auto;

	position: relative;

	width: 25px;

	height: 25px;

	padding: 0;

	border: none;

	background-color: transparent;

	cursor: pointer;
	opacity: .8;

}

.promotions-bar__close:hover {
	opacity: 1;
}



.promotions-bar__close:before,

.promotions-bar__close:after {

	content: '';

	position: absolute;

	top: 50%;

	left: 50%;

	margin-left: -1px;

	width: 25px;

	height: 2px;

	background-color: #fff;

}



.promotions-bar__close:before {

	transform: translate(-50%, -50%) rotateZ(-45deg);

}



.promotions-bar__close:after {

	transform: translate(-50%, -50%) rotateZ(45deg);

}



.promotions-bar__text {

	width: 90%;

}



.promotions-bar__close {

	margin-right: 20px;

}





@media(min-width: 480px) {



	.promotions-bar__text {

		font-size: 14px;

	}



}



@media(min-width: 768px) {



	.promotions-bar {

		padding: 5px 25px;

	}



	.promotions-bar__text {

		padding: 7px 20px;

		font-size: 16px;

	}



	.promotions-bar__text {

		width: 100%;
		max-width: calc(100% - 30px);

	}



}