/* Breakpoint Reference:
   large-desktop-range: min-width 75rem
   desktop-range: 60rem–74.938rem
   tablet-range: 48rem–59.938rem
   large-mobile-range: 30rem–47.938rem
   small-mobile-range: max-width 30rem
   no-desktop: max-width 59.938rem
   mobile-only: max-width 47.938rem
*/

/* Promo Area Block */
.g-promo-area {
	display: flex;
	align-content: center;
	flex-direction: column;
}

.g-promo-area.full-width-container-width .block-size {
	width: 100% !important;
}

/* background */
.g-promo-area .block-margin-padding {
	position: relative;
}

.g-promo-area .block-margin-padding .g-background-color {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
	opacity: 1;
}

/* block outer wrapper */
.g-promo-area .g-block-outer-wrapper {
	height: 100vh;
	max-height: 40rem;
	min-height: 30rem;
	display: flex;
	align-items: center;
}

/* tablet-range */
@media (min-width: 48rem) and (max-width: 64rem) {
	.g-promo-area .g-block-outer-wrapper {
		max-height: inherit;
		height: auto;
		padding: 6.5rem 0;
		min-height: inherit;
	}
}

/* mobile-only */
@media (max-width: 64rem) {
	.g-promo-area .g-block-outer-wrapper {
		max-height: inherit;
		height: auto;
		min-height: inherit;
	}
}
@media (max-width: 64rem) {
	.g-promo-area .g-block-outer-wrapper {
		padding: 4rem 0;
	}
}

/* promo area background image */
.g-promo-area .g-promo-area-back-image {
	margin: 0;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
}

/* mobile-only */
@media (max-width: 47.938rem) {
	.g-promo-area .g-promo-area-back-image {
		top: auto;
		bottom: 0;
	}
}
.g-promo-area .g-block-outer-wrapper > figure {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    margin: 0;
    overflow: hidden;
}
/* block wrapper */
.g-promo-area .g-block-wrapper {
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	position: relative;
	padding: 0 6.25rem;
	width: 100%;
	color: #fff;
}
.g-promo-area .readon {
	text-decoration: none;
	border-color: #fff;
}

/* tablet-range */
@media (min-width: 48rem) and (max-width: 59.938rem) {
	.g-promo-area .g-block-wrapper {
		display: flex;
		position: relative;
		flex-direction: row;
		flex-wrap: nowrap;
		
	}
}

/* mobile-only */
@media (max-width: 47.938rem) {
	.g-promo-area .g-block-wrapper {
		padding: 0;
		display: flex;
		position: relative;
		flex-direction: column;
		flex-wrap: nowrap;
		align-items: center;
		
	}
}

/* block container */
.g-promo-area .g-block-wrapper .g-block-container {
	z-index: 2;
	position: relative;
	width: 40%;
	max-width: 40%;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	align-self: stretch;

}
@media (min-width: 64.063rem) and (max-width: 93.75rem) {
	.g-promo-area.content-left-align .g-block-container, .g-promo-area.content-center-align .g-block-container, .g-promo-area.content-right-align .g-block-container {
		width: 70%;
		max-width: 70%;
	}
}

/* no-desktop */
@media (max-width: 64rem) {
	.g-promo-area .g-block-wrapper .g-block-container {
		width: 90%;
		max-width: 90%;
		text-align: center;
		margin: 0 auto;
	}
}

/* heading */
.g-promo-area .g-block-wrapper .g-block-container h2 {
	font-size: 1.563rem;
	margin-top: 0;
	margin-bottom: 1.563rem;
	text-transform: uppercase;
}
/* span inside */
.g-promo-area .g-block-wrapper .g-block-container .g-promo-area-content .gbp-section__tagline {
	margin: 0;
	font-weight: 100;
	line-height: 1.2;
	font-size: 1.563rem;
	text-transform: capitalize;
	font-family: larken;
}

.g-promo-area.content-center-align .g-block-wrapper .g-block-container h2 {
	text-align: center;
}

/* content */
.g-promo-area .g-promo-area-content {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
}
@media (max-width: 59.9375rem) {
	.g-promo-area .g-promo-area-content {
		padding-left: 0;
		padding-right: 0;
	}
}
.g-promo-area.content-right-align .g-promo-area-content {
	align-items: flex-start;
}
@media (max-width: 59.9375rem) {
	.g-promo-area.content-right-align .g-promo-area-content {
		align-items: center;
	}
}

.g-promo-area.content-left-align .g-promo-area-content {
	align-items: flex-start;
}
@media (max-width: 59.9375rem) {
	.g-promo-area.content-left-align .g-promo-area-content {
		align-items: center;
	}
}



.g-promo-area.content-center-align .g-promo-area-content {
	align-items: center;
}
@media (max-width: 64rem) {
	.g-promo-area.content-center-align .g-promo-area-content {
		align-items: center;
	}
}

/* first and last paragraph */
.g-promo-area .g-promo-area-content p:first-of-type {
	margin-top: 0;
}

.g-promo-area .g-promo-area-content p:last-of-type {
	margin-bottom: 0;
}

/* no-desktop */
@media (max-width: 59.938rem) {
	.g-promo-area .g-promo-area-content {
		font-size: 1rem;
		text-align: center;
	}
}

/* link and lists */
.g-promo-area .g-promo-area-content .g-action-link {
	margin-top: 1.563rem;
}

.g-promo-area .g-promo-area-content ul {
	text-align: left;
	margin-top: 1.5rem;
	line-height: 1.4;
}
.g-promo-area .g-promo-area-content ul li {
	margin-bottom: 0.5rem;
}

/* alignment classes */
.g-promo-area.content-left-align {
	text-align: left;
}

.g-promo-area.content-left-align .g-block-wrapper {
	justify-content: flex-start;
}

/* no-desktop */
@media (max-width: 59.938rem) {
	.g-promo-area.content-left-align .g-block-wrapper {
		justify-content: center;
	}
}

.g-promo-area.content-right-align {
	text-align: left;
}

.g-promo-area.content-right-align .g-block-wrapper {
	justify-content: flex-end;
}

/* no-desktop */
@media (max-width: 59.938rem) {
	.g-promo-area.content-right-align .g-block-wrapper {
/*		justify-content: center;*/
	}
}
.g-promo-area.content-center-align {
	text-align: center;
}

.g-promo-area.content-center-align .g-block-wrapper {
	justify-content: center;
}

/* no-desktop */
@media (max-width: 59.938rem) {
	.g-promo-area.content-center-align .g-block-wrapper {
		justify-content: center;
	}
}

/* wide container width */
@media (min-width: 60rem) and (max-width: 74.938rem) {
	body .g-promo-area.wide-container-width > div {
		width: 100% !important;
		padding-left: 1.5rem;
		padding-right: 1.5rem;
	}
}
.g-promo-area .g-block-outer-wrapper {
    position: relative;
}

.g-promo-area-back-image {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.g-promo-area.content-left-align .g-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.4); /* adjust color and opacity */
	background: linear-gradient(90deg,rgba(0, 0, 0, 0.9) 0%, rgba(0, 0, 0, 0.65) 63%, rgba(0, 0, 0, 0) 100%);
    z-index: 1;
}
.g-promo-area.content-right-align .g-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.4); /* adjust color and opacity */
	background: linear-gradient(270deg,rgba(0, 0, 0, 0.9) 0%, rgba(0, 0, 0, 0.65) 63%, rgba(0, 0, 0, 0) 100%);
    z-index: 1;
}
.g-promo-area.content-center-align .g-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.75); /* adjust color and opacity */
	
    z-index: 1;
}
@media (max-width: 59.938rem) {
	.g-promo-area.content-center-align .g-overlay, .g-promo-area.content-right-align .g-overlay, .g-promo-area.content-left-align .g-overlay {
		background: rgba(0, 0, 0, 0.6); /* adjust color and opacity */
	}
}


.g-promo-area .g-block-outer-wrapper .g-block-wrapper {
    position: relative;
    z-index: 2;
}