/* default-copy-pos-mod : Default (opposite image)
centered-copy-pos-mod : Centered

mb-image-top-mod : Top
mb-image-bottom-mod : Bottom
mb-image-none-mod : Hidden

dt-image-left-mod : Left
dt-image-right-mod : Right
dt-image-none-mod : Hidden

fill-half-mod : Fill Half
fill-full-mod : Fill Container
pin-top-mod : Pin to Top, Half
pin-bottom-mod : Pin to Bottom, Half
centered-native-mod : Centered in Native Ratio
centered-circle-mod : Centered In Circle */

.ctaimage--section {
	position: relative;
}

.ctaimage--container {
	padding: 60px 30px;
}

.centered-copy-alg-mod {
	text-align: center;
}

.fill-full-mod .ctaimage--image-col {
	position: static;
}

.fill-full-mod .ctaimage--image {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
}

.centered-circle-mod .ctaimage--image {
	position: relative;
	border-radius: 50%;
	overflow: hidden;
	max-width: 500px;
	/* border: 1px solid var(--doxo-neutral-2); */
}

.centered-circle-mod .ctaimage--image:before {
	content: "";
	display: block;
	padding-bottom: 100%;
}

.centered-circle-mod .ctaimage--image img {
	position: absolute;
	top: 0;
	left: 0;
}

.letterbox-mod .ctaimage--image-col {
	min-height: 54vw;
}

.acf-block-preview .letterbox-mod .ctaimage--container {
	min-height: 100px;

}

.large-copy-mod .ctaimage--copy {
	font-size: 1.25rem;
}

.ctaimage--image-overlay {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
}

@media (max-width: 991px) {
	
	.mb-image-top-mod .ctaimage--image-col {
		margin-bottom: 30px;
	}
	
	.mb-image-top-mod.pin-top-mod .ctaimage--image {
		margin-top: -60px;
	}

	.mb-image-bottom-mod.pin-bottom-mod .ctaimage--image {
		margin-bottom: -60px;
	}
	
	.mb-image-bottom-mod .ctaimage--image-col {
		order: 2;
		margin-top: 30px;
	}
	
	.mb-image-none-mod .ctaimage--image-col {
		display: none !important;
	}
	
	.fill-half-mod.mb-image-top-mod .ctaimage--container {
		padding-top: 0;
	}

	.fill-half-mod.mb-image-bottom-mod .ctaimage--container {
		padding-bottom: 0;
	}
	
	.fill-half-mod.mb-image-top-mod .ctaimage--image {
		margin: 0 -30px 30px;
	}

	.fill-half-mod.mb-image-bottom-mod .ctaimage--image {
		margin: 30px -30px 0;
	}
	
	.centered-native-mod .ctaimage--image {
		margin-bottom: 30px;
	}
	
	.centered-circle-mod .ctaimage--image {
		margin: 0 auto 30px;
	}
	
}

.ctaimage--copy p:last-child {
	margin-bottom: 30px;
}

@media (min-width: 992px) {
	
	
	.pin-under-copy-mod .ctaimage--image-col,
	.dt-image-right-mod .ctaimage--image-col {
		order: 2;
	}
	
	.fill-full-mod .ctaimage--image-col,
	.fill-half-mod .ctaimage--image-col {
		position: static;
	}


	.fill-half-mod .ctaimage--image {
		position: absolute;
		top: 0;
		bottom: 0;
		width: calc(50% - 30px);
	}
	
	.dt-image-left-mod.fill-half-mod .ctaimage--image {
		left: 0;
	}

	.dt-image-right-mod.fill-half-mod .ctaimage--image {
		right: 0;
	}
	
	.dt-image-none-mod .ctaimage--image-col {
		display: none !important;
	}	
	
	.centered-native-mod .ctaimage--image-col {
		display: flex;
		flex-direction: column;
		justify-content: center;
	}
	
	.default-copy-pos-mod .ctaimage--copy-col {
		display: flex;
		flex-direction: column;
		justify-content: center;
	}
	
	.centered-copy-pos-mod .ctaimage--copy-col {
		position: relative;
		z-index: 1;
	}
	
	.pin-top-mod .ctaimage--image-col,
	.pin-bottom-mod .ctaimage--image-col {
		display: flex;
	}
	
	.pin-top-mod .ctaimage--image {
		margin-top: -60px;
		align-self: flex-start;
	}
		
	.pin-bottom-mod .ctaimage--image {
		align-self: flex-end;
		margin-bottom: -60px;
	}

	.pin-under-copy-mod .ctaimage--image-col {
		max-width: 100%;
		flex: 0 0 100%;
	}
	
	.pin-under-copy-mod .ctaimage--image {
		margin-top: -100px;
		margin-bottom: -60px;
/* 		margin-left: calc(50% - ((100vw - var(--scrollbar-width)) / 2));
		margin-right: calc(50% - ((100vw - var(--scrollbar-width)) / 2)); */
	}
}

.btn-appstore .ctaimage--cta-wrap {
	display: flex;
	flex-direction: column;
}

.centered-copy-pos-mod.btn-appstore .ctaimage--cta-wrap {
	flex-direction: row;
	justify-content: center;
	flex-wrap: wrap;
}


.btn-appstore .ctaimage--cta-wrap a {
	align-self: flex-start;
	display: inline-block;
	margin-right: 7px;
	margin-bottom: 7px;
}

@media (min-width: 1200px) {
	.btn-appstore .ctaimage--cta-wrap {
		display: block;
	}
}


@media (min-width: 435px) {
	.ctaimage--cta-wrap .theme-button:nth-child(2) {
		margin-left: 10px;
	}
}

.ctaimage--cta-wrap .theme-button {
	min-width: 170px;
}

@media (max-width: 991px) {
	.center-copy-mobile-mod .ctaimage--small-title,
	.center-copy-mobile-mod .ctaimage--title,
	.center-copy-mobile-mod .ctaimage--copy,
	.center-copy-mobile-mod .ctaimage--cta-wrap {
		text-align: center;
	}
}