/*
Pattern Name:         content-media-text
Version:            1.0
*/

/* Cursor */
html .cursor,
* .cursor {
	opacity: 0;
	transition: opacity 0.2s;
}
.content-media-text .content-image a{
	cursor: none;
	position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
	opacity: 0;
}
.cursor {
	position: fixed;
	width: 120px;
	height: 120px;
	border-radius: 50%;
	background-color: var(--wp--preset--color--black);
	pointer-events: none;
	z-index: 999;
	color: var(--wp--preset--color--white);
	align-items: center;
    padding: 20px;
    text-align: center;
	display: flex;margin: auto;
	transition: transform 0.2s;
	transition: opacity 0.2s;
	justify-content: center;
}

.content-media-text .content-image .position-relative.wp-block-cover{width: 100%;}
.content-media-text .content-image .after-image:after{content: '';background-image: url(../../../assets/images/Assets.png);background-size: 153px 150px;display: inline-block;width: 153px;height: 150px;background-repeat: no-repeat;position: absolute;bottom: -63px;right: -33px;z-index: -1;min-height: auto;}
.content-media-text h2{width: 652px;z-index: 1;}
.content-media-text .content-text p{width:350px;}

@media screen and (min-width: 0px) and (max-width: 1200px) {
	.content-media-text .wp-block-columns{gap: 52px;}
	.content-media-text .wp-block-columns .wp-block-column .wp-block-columns{gap: 10px;}
	.content-media-text .content-image.wp-block-column{flex-basis: 473px!important;}
}

@media screen and (min-width: 0px) and (max-width: 1020px) {
	.content-media-text .col-content-media-text{display: block;}
	.content-media-text .content-text{margin: 40px 0px;}
	.content-media-text h2{width:auto;}
	.content-media-text .content-text p{width:auto;}
}

@media screen and (min-width: 0px) and (max-width: 781px) {
	.wp-block-columns:not(.is-not-stacked-on-mobile) > .wp-block-column {
		flex-basis: auto!important;
	}
}

@media screen and (min-width: 0px) and (max-width: 500px) {
	.content-media-text h2{font-size: 30px!important;}
	.content-media-text .content-image .wp-block-columns .wp-block-column:nth-child(1) .wp-block-cover{ min-height:280px!important ;}
	.content-media-text .content-image .wp-block-columns .wp-block-column:nth-child(2) .wp-block-cover:nth-child(1) {min-height:115px!important ;}
	.content-media-text .content-image .wp-block-columns .wp-block-column:nth-child(2) .wp-block-cover:nth-child(2) {min-height:155px!important ;}
}
