/*
Theme Name: Enfold CT
Description: A <a href='http://codex.wordpress.org/Child_Themes'>Child Theme</a> for the Enfold Wordpress Theme. If you plan to do a lot of file modifications we recommend to use this Theme instead of the original Theme. Updating wil be much easier then.
Version: 1.0
Author: Kriesi
Author URI: http://www.kriesi.at
Template: enfold
*/



/*Add your own styles here:*/

.avia_image:has(.av-image-caption-overlay) {
	display: flex !important;
	flex-direction: column !important;
}

.av-image-caption-overlay {
	position: relative !important;
	order: 2 !important;
	width: 100% !important;
}

.avia_image:has(.av-image-caption-overlay) img {
	width: 100% !important;
	order: 1 !important;
}

.avia_image .av-image-caption-overlay .av-caption-image-overlay-bg {
	display: none !important;
}

.av-image-caption-overlay .av-image-caption-overlay-center {
	background-color: transparent !important;
	color: #777 !important;
	font-size: 15px !important;
	text-align: left !important;
	padding-left: 0px !important;
	padding-right: 0px !important;
	padding-top: 20px !important;
}

.sf__stoerer-bild {
	position: relative !important;
}

.sf__stoerer-bild::after {
	content: "";
	width: 80% !important;
	height: 100% !important;
	position: absolute !important;
	right: 0px !important;
	top: 0px !important;
	background: linear-gradient(90deg, rgba(0,0,0,0), rgba(0,0,0,.8)) !important;
}

.sf__stoerer-bild h2 {
	color: #ffffff !important;
}

@media screen and (max-width: 768px) {
	.sf__stoerer-bild::after {
		top: 0px !important;
		left: 0px !important;
		width: 100% !important;
		height: 80% !important;
		background: linear-gradient(0deg, rgba(0,0,0,0), rgba(0,0,0,.8)) !important;
	}
}