/**
 * Styles for the Success Stories archive
 *
 */

/* Header */
.noah-success-stories-archive__header {
	left: 50%;
    position: relative;
    transform: translateX( -50% );
    width: calc( 100vw - 15px );
	background-color: var(--blue-light);
}

@media screen and (max-width: 1024px) {
	.noah-success-stories-archive__header {
		width: calc( 100vw );
	}
}

.noah-success-stories-archive__header-inner {
	max-width: var(--content-width);
	margin: 0 auto;
	padding-left: var(--content-margin);
	padding-right: var(--content-margin);
	padding-top: 70px;
	padding-bottom: 70px;
	display: flex;
	justify-content: flex-start;
	align-items: flex-start;
	gap: 94px;
}

.noah-success-stories-archive__heading {
	flex: 0 0 274px;
}

@media screen and ( max-width: 767px ) {
	.noah-success-stories-archive__header-inner {
		flex-direction: column;
		gap: 50px;
	}

	.noah-success-stories-archive__heading {
		flex: 0 1 auto;
	}
}

/* Posts Grid */
.noah-success-stories-archive__posts-grid {
	display: flex;
	justify-content: flex-start;
	flex-wrap: wrap;
	gap: 16px 16px;
	padding: 70px 20px;
}

@media screen and (max-width: 768px) {
	.noah-success-stories-archive__posts-grid {
		flex-direction: column;
	}
}

.noah-success-stories-archive__post {
	flex: 0 1 calc( ( 100% - 48px ) / 4 );
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
	overflow: hidden;
}

@media screen and (max-width: 1024px) {
	.noah-success-stories-archive__post {
		flex-basis: calc( ( 100% - 16px ) / 2 );
	}
}

@media screen and (max-width: 768px) {
	.noah-success-stories-archive__post {
		flex-basis: 100%;
	}
}

.noah-success-stories-archive__post-thumbnail {
	max-height: 163px;
	overflow: hidden;
}

.noah-success-stories-archive__post-thumbnail > img {
	width: 100%;
}

@media screen and (max-width: 1024px) {
	.noah-success-stories-archive__post-thumbnail > img {
		object-fit: cover;
		min-height: 311px;
	}

	.noah-success-stories-archive__post-thumbnail {
		max-height: 311px;	
	}
}

.noah-success-stories-archive__post-title {
	font-size: 26px;
	line-height: 1.23;
	font-weight: 500;
	margin: 0;
}

.noah-success-stories-archive .noah-success-stories-archive__post-title a,
.noah-success-stories-archive .noah-success-stories-archive__post-title a:hover,
.noah-success-stories-archive .noah-success-stories-archive__post-title a:focus,
.noah-success-stories-archive .noah-success-stories-archive__post-title a:active {
	text-decoration: none;
	color: inherit;
	font-size: inherit;
}

@media screen and (max-width: 1024px) {
	.noah-success-stories-archive__post-title {
		margin-bottom: 20px;
	}
}

.noah-success-stories-archive__post-card {
	display: flex;
    flex-direction: column;
    justify-content: space-between;
	padding: 20px 19px;
	min-height: 204px;
	flex: 1 0 auto;
}

@media screen and (max-width: 1024px) {
	.noah-success-stories-archive__post-card {
		min-height: auto;
	}
}

.noah-success-stories-archive__post-card--blue-light {
	background-color: var(--blue-light);
}

.noah-success-stories-archive__post-card--green-light {
	background-color: var(--green-light);
}

.noah-success-stories-archive__post-card--orange {
	background-color: var(--orange);
}

.noah-success-stories-archive__post-card--green {
	background-color: var(--green);
}

.noah-success-stories-archive__post-card .noah-button-wrapper a {
	background-color: #000000;
	border-color: #000000;
	color: #ffffff;
}

.noah-success-stories-archive__post-card .noah-button-wrapper a:hover,
.noah-success-stories-archive__post-card .noah-button-wrapper a:focus,
.noah-success-stories-archive__post-card .noah-button-wrapper a:active {
	background-color: #ffffff;
	border-color: #000000;
	color: #000000;
}

/* Pagination */
.noah-success-stories-archive__pagination {
	padding: 0 20px;
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	gap: 20px 20px;
	margin-bottom: 70px;
}

.noah-success-stories-archive__pagination .page-numbers:not(.current) {
	font-weight: 500;
	text-decoration: none;
}

.noah-success-stories-archive__pagination > * {
	text-align: center;
	border: 1px solid #000;
    padding: 7px 8px;
    border-radius: 25px;
	min-width: 29px;
	transition: all 0.3s;
}

.noah-success-stories-archive__pagination > span.current {
	background-color: var(--green-light);
	border-color: var(--green-light);
}

.noah-success-stories-archive__pagination > *,
.noah .noah-success-stories-archive__pagination > a {
	font-size: 16px;
	line-height: 1.375;
	font-weight: 500;
	text-decoration: none;
}

.noah .noah-success-stories-archive__pagination > a {
	color: #737378;
	border-color: #737378;
}

.noah .noah-success-stories-archive__pagination > a:hover,
.noah .noah-success-stories-archive__pagination > a:focus,
.noah .noah-success-stories-archive__pagination > a:active {
	background-color: var(--green-light);
	border-color: var(--green-light);
	color: #000000;
}

.noah-success-stories-archive__pagination span.page-numbers.dots {
    border: none;
    background-color: transparent;
}

/* Sponsors Carousel */
.noah-success-stories-archive__sponsors-carousel {
	padding: 0 20px;
	text-align: center;
	margin-bottom: 70px;
}

.noah-success-stories-archive__sponsors-carousel-heading {
	font-size: 36px;
	line-height: 1.22;
	margin: 0 0 15px;
}

.noah-success-stories-archive__sponsors-carousel-copy {
	font-size: 26px;
	line-height: 1.69;
	margin: 0 0 40px;
}

.noah-success-stories-archive .noah-success-stories-archive__sponsors-carousel .elementor-button {
	background-color: var(--green-light);
	border-color: var(--green-light);
}

.noah-success-stories-archive .noah-success-stories-archive__sponsors-carousel .elementor-button:hover,
.noah-success-stories-archive .noah-success-stories-archive__sponsors-carousel .elementor-button:focus,
.noah-success-stories-archive .noah-success-stories-archive__sponsors-carousel .elementor-button:active {
	color: var(--green-light);
	border-color: var(--green-light);
}