:root{
	--scrollbar-half: 8.5px;
}
@media (max-width: 991px){
	:root{
		--scrollbar-half: 0px;
	}
}

.wp-block{
	max-width: 100% !important;
}
@media (min-width: 1600px){
    .ghostkit-grid{
		max-width: 1560px;
		margin: 0 auto;
	}
	.is-style-snap-left{
		margin-left: calc( 780px - 50vw + var(--scrollbar-half) );
	}
	.is-style-snap-right{
		margin-right: calc( 780px - 50vw + var(--scrollbar-half) );
	}
}
@media (min-width: 1280px) and (max-width: 1599px){
	.ghostkit-grid{
		max-width: 1240px;
		margin: 0 auto;
	}
	.is-style-snap-left{
		margin-left: calc( 620px - 50vw + var(--scrollbar-half) );
	}
	.is-style-snap-right{
		margin-right: calc( 620px - 50vw + var(--scrollbar-half) );
	}
}
@media (min-width: 976px) and (max-width: 1279px){
	.ghostkit-grid{
		max-width: 936px;
		margin: 0 auto;
	}
	.is-style-snap-left{
		margin-left: calc( 468px - 50vw + var(--scrollbar-half) );
	}
	.is-style-snap-right{
		margin-right: calc( 468px - 50vw + var(--scrollbar-half) );
	}
}
@media (min-width: 769px) and (max-width: 975px){
    .ghostkit-grid{
		max-width: 720px;
		margin: 0 auto;
	}
	.is-style-snap-left{
		margin-left: calc( 360px - 50vw + var(--scrollbar-half) );
	}
	.is-style-snap-right{
		margin-right: calc( 360px - 50vw + var(--scrollbar-half) );
	}
}
@media (max-width: 768px){
    .ghostkit-grid{
		max-width: 100%;
		margin: 0 auto;
	}
}

.yellow-triangle{
    font-size: 0;
}
figure.yellow-triangle,
.yellow-triangle figure{
    overflow: hidden;
    position: relative;
    display: inline-block;
}
figure.yellow-triangle:after,
.yellow-triangle figure:after{
    content: '';
    display: block;
    width: 15vw;
    height: 18vw;
    background: #D2F500;
    pointer-events: none;
    position: absolute;
    bottom: 0;
    right: 0;
    transform-origin: center;
    transform: translate3d(50%, 50%, 0) rotate(50deg);
}

/*figure.yellow-triangle:after,
.yellow-triangle figure:after {
	content: '';
    position: absolute;
    bottom: 0px;
    right: 0px;
    width: 0px;
    height: 0px;
    border-color: transparent rgb(210, 245, 0) rgb(210, 245, 0) transparent;
    border-style: solid;
    border-width: 5vw 6.2vw;
}*/

@media (max-width: 767px) {
    figure.yellow-triangle:after,
    .yellow-triangle figure:after{
        width: 30vw;
        height: 36vw;
    }
}

.text-left{
    text-align: left;
}
.text-center{
    text-align: center;
}
.text-right{
    text-align: right;
}