/**
* Blob > Layout
*/
.blob {
    position: relative;
    padding-bottom:50px;
    color:var(--color_1);
}

.article-content > .inner > .blob.acseo-block:first-of-type {
    padding-top:180px;
    background-color: var(--page-color-background);
}

.blob.acseo-block:before {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    left:auto;
    height: 100%;
    width: 55%;
    background-color: transparent;
}

.article-content > .inner > .blob.acseo-block:first-of-type:before {
    height: calc(100% - 80px);
    top: 80px;
}

@media (max-width:992px) {
    .blob {
        margin-top: 0;
    }

    .article-content > .inner > .blob.acseo-block:first-of-type:before {
        height: 200px;
        top: 80px;
    }
}

/**
* Blob + Single Header > Background Mask
*/
.background-mask {
    position: absolute;
    top:80px;
    left:0;
    width:50%;
    height: calc(100% - 80px);
    z-index: 1;
    background-color: var(--color_2);
}

.background-mask .after { 
    display: block;
    position: absolute;
    top:-1.5px;
    height: calc(100% + 3px);
    width:131px;
    right:-130px;
}

.background-mask .after svg { 
    height: 100%;
}


/**
* Blob > Title
*/
.is-root-container.single-alias .blob .section-title-wrapper { 
    margin-bottom: 30px;
    padding-top: 80px;
}

.is-root-container.single-alias .blob .section-title-wrapper,
.is-root-container.single-alias .blob .section-title-wrapper .section-title,
.is-root-container.single-alias .blob .section-title-wrapper .section-subtitle,
.is-root-container.single-alias .blob .section-title-wrapper .ctas { 
    color:var(--page-color-text)!important;
}

.is-root-container .blob .section-title {
    font-family: var(--title-font);
    text-transform: none;
    font-weight: 700;
    font-size: 36px;
    line-height: 40px;
    margin-bottom: 22px;
    position: relative;
    text-transform: unset!important;
}

.is-root-container .blob .section-subtitle {
	font-family: var(--content-font);
	margin-bottom: 0;
	letter-spacing: .02em;
	font-weight: 300;
	padding-top: 5px;
	font-size:20px;
	line-height: 24px;
}

.is-root-container .blob .section-title-wrapper.align-center {
    margin-bottom: 0;
    padding-top: 90px;
}

.is-root-container .blob .section-title-wrapper.align-center .section-title:after {
    content:'';
    display: block;
    height: 30px;
    width: 30px;
    margin:20px auto;
    transform: rotate(45deg);
    border-radius: 4px;
    background-color:var(--page-color-background);
}

/**
* Blob > Text content
*/
.is-root-container .blob .blob-content {
    margin-bottom: 22px;
}

.is-root-container .blob .blob-content,
.is-root-container .blob .blob-content > * {
    font-family: var(--content-font);
    text-transform: none;
    font-weight: 400;
    font-size: 17px;
    line-height: 21px;
}

.is-root-container .blob .blob-content > *:last-child {
    margin-bottom: 0;
}

/**
* Blob > CTAs
*/
.is-root-container .blob .ctas {
    margin-bottom: 30px;
    display: flex;
    flex-wrap: wrap;
}

.is-root-container .blob .ctas {
    margin-top: 30px;
}

.is-root-container .ctas.align-left {
    justify-content: flex-start;
}

.is-root-container .ctas.align-center {
    justify-content: center;
    margin-bottom: 80px;
}

.is-root-container .ctas.align-right {
    justify-content: flex-end;
}

.is-root-container .align-center + .ctas {
    justify-content: center;
    margin-bottom: 80px;
}

.is-root-container .align-right + .ctas {
    justify-content: flex-end;
}

.is-root-container .blob .ctas .acseo-button:only-child {
    margin-right:auto;
}

/**
* Blob > Counter
*/
.is-root-container .blob .counters {
    margin-bottom: 30px;
}

.counter {
	text-align: center;
	position: relative;
}

.counter:after {
	content:'';
	display: block;
	position: absolute;
	top:10px;
	right:0;
	height: 50px;
	width: 1px;
	background-color: var(--color_1);
}

.counter:last-child:after {
	display: none;
}

.counter .meter {
	display: block;
	font-family: var(--title-font);
	font-style: normal;
	font-weight: 700;
	font-size: 40px;
	line-height: 48px;
	letter-spacing: .02em;
	text-transform: uppercase;
}

.counter .counter-content {
	font-size: 14px;
	line-height: 17px;
	letter-spacing: .01em;
	display: block;
	max-width: 125px;
	margin-left: auto;
	margin-right: auto;
}

@media (max-width:992px) {
    .counter {
        margin-bottom: 30px;
    }
	.counter .meter {
        font-size: 22px;
        line-height: 30px;
    }

}

/**
* Blob > Slider
*/
.is-root-container .blob .media-slider .slider-wrapper {
    
    overflow: hidden;
    max-width: 490px;
}

.is-root-container .blob .slider {
    max-width: 100%;
    height: 100%;
    border-radius: 30px;
}

.is-root-container .blob .slider .swiper-slide {
    position: relative;
    padding-top: 50%;
}

.is-root-container .blob .slider .swiper-slide > * {
    position: absolute;
    top:0;
    left:0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

@media (max-width:992px) {
    
    .is-root-container .blob {
        padding-top: 200px;
    }

    .article-content > .inner > .blob.acseo-block:first-of-type {
        padding-top: 280px;
    }

	.is-root-container .acseo-block.blob:before,
	.is-root-container .acseo-block.blob:after {
		top: 80px;
		left: 0;
		height: 200px;
        width: 100%;
	}

	.is-root-container .acseo-block.blob:after {
		background-color: transparent;
	}

    .is-root-container .blob .section-title-wrapper {
        margin-bottom: 10px;
        padding-top: 20px;
    }


    .is-root-container .blob .section-title {
        font-size: 22px;
        line-height: 24px;
        margin-bottom: 0;
    }

	.is-root-container .blob .background-mask {
		width: 100%;
        top: 280px;
        height: calc(100% - 280px);
	}

    .is-root-container .blob .background-mask .after,
    .is-root-container .blob .background-mask:before {
        display: none;
    }

	.is-root-container .blob .pl-0 {
		padding-right: 0;
	}

	.is-root-container .blob .title-wrapper {
		padding-top: 10px;
		padding-bottom: 10px;
	}

	.is-root-container .blob .post-terms.category.formation-format {
		padding-left: 30px;
	}

	.is-root-container .blob .post-terms.category.formation-format:before {
		height: 25px;
    	width: 25px;
		padding-left: 0;
	}

	.is-root-container .blob .post-terms.category .term-link {
		display: block;
		font-size: 16px;
		line-height: 18px;
	}

}


/**
* Home > Blob > Title
*/
/*body.page-id-2 .blob .section-title-wrapper {
    max-width: 400px;
    margin-left: 0;
}*/

/**
* Home Blob > Text content
*/
/*body.page-id-2 .blob .blob-content {
    max-width: 400px;
}*/



