/* 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: 640px;
	display: flex;
/*	align-items: flex-end;*/
	align-items: center;
}

/* tablet-range */
@media (min-width: 48rem) and (max-width: 59.938rem) {
	.g-promo-area .g-block-outer-wrapper {
		max-height: 560px;
	}
}

/* mobile-only */
@media (max-width: 47.938rem) {
	.g-promo-area .g-block-outer-wrapper {
		max-height: 560px;
	}
}

/* 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;
	}
}

/* block wrapper */
.g-promo-area .g-block-wrapper {
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	position: relative;
	padding: 0 72px;
	width: 100%;
}

/* 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: 50%;
	max-width: 50%;
/*	align-self: center;*/
	padding: 0 2rem;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	gap: 24px;
	align-self: stretch;

}

/* no-desktop */
@media (max-width: 59.938rem) {
	.g-promo-area .g-block-wrapper .g-block-container {
		width: 100%;
		max-width: 100%;
		text-align: center;
		padding: 2rem 3.5rem;
	}
}

/* mobile-only */
@media (max-width: 47.938rem) {
	.g-promo-area .g-block-wrapper .g-block-container {
		padding: 2rem;
	}
}



/* heading */
.g-promo-area .g-block-wrapper .g-block-container h2 {
/*	font-size: 3rem;*/
	line-height: 1.2;
/*	font-family: get-font-family($font-family-title);*/
	margin-bottom: 0rem;
	text-align: left;
	font-weight: 800;
	text-shadow: 1px 2px 1px #000;
}

/* desktop-range */
@media (min-width: 60rem) and (max-width: 74.938rem) {
	.g-promo-area .g-block-wrapper .g-block-container h2 {
		font-size: 2.125rem;
		
	}
	
}

/* tablet-range */
@media (min-width: 48rem) and (max-width: 59.938rem) {
	.g-promo-area .g-block-wrapper .g-block-container h2 {
		font-size: 2rem;
		text-align: center;
/*		margin-bottom: 1rem;*/
	}
}

/* mobile-only */
@media (max-width: 47.938rem) {
	.g-promo-area .g-block-wrapper .g-block-container h2 {
		font-size: 1.75rem;
/*		margin-bottom: 1rem;*/
		text-align: center;
	}
}
.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;
	padding: 32px;
	flex-direction: column;
	align-items: flex-start;
	gap: 24px;
}
.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;
	}
}

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

.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;
	}
}


/* span inside */
.g-promo-area .g-block-wrapper .g-block-container .g-promo-area-content .gbp-section__tagline {
	margin: 0;
}

/* no-desktop */
@media (max-width: 59.938rem) {
	.g-promo-area .g-block-wrapper .g-block-container .g-promo-area-content .gbp-section__tagline {
		
	}
}
.g-promo-area .g-promo-area-content .g-description {
	
}
.g-promo-area .g-promo-area-content .g-description p{
	text-shadow: 1px 2px 1px #000;
}
/* 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: 1rem;*/
}

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

/* dark theme */
.g-promo-area.g-dark-theme {
	color: #fff;
}

.g-promo-area.g-dark-theme :is(h1, h2, h3, h4, h5, h6) {
	color: #fff;
}



/* light theme */
.g-promo-area.g-light-theme {
	color: #253122;
	text-shadow: none!important;
}

.g-promo-area.g-light-theme :is(h1, h2, h3, h4, h5, h6, p) {
	color: #253122;
	text-shadow: none!important;
}



/* 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(270deg, rgba(0, 0, 0, 0.00) 10%, rgba(0, 0, 0, 0.8) 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(90deg, rgba(0, 0, 0, 0.00) 10%, rgba(0, 0, 0, 0.8) 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.5); /* 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.5); /* adjust color and opacity */
	}
}


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