/**
 * #.# Styles
 *
 * CSS for both Frontend+Backend.
 */
.uagb-column__wrap,
.uagb-column__inner-wrap {
	margin-left: auto;
	margin-right: auto;
	position: relative;
	width: 100%;
	z-index: 2;
}

.uagb-column__wrap {
	position: relative;
	overflow: visible;

	> * {
		z-index: 1;
		width: 100%;
		position: relative;
	}

	.aligncenter {
		display: block;
		text-align: center;

		figcaption {
			display: block;
			text-align: center;
		}
	}

	.alignright {
		display: block;
		text-align: right;

		figcaption {
			display: block;
			text-align: right;
		}
	}

	.wp-block-image {
		width: 100%;
	}

	&.uagb-column__align-left {
		margin-left: 0;
		margin-right: auto;
	}

	&.uagb-column__align-right {
		margin-left: auto;
		margin-right: 0;
	}

	.uagb-column__video-wrap,
	.uagb-column__overlay {
		height: 100%;
		width: 100%;
		top: 0;
		left: 0;
		position: absolute;
		border-radius: inherit;
	}

	.uagb-column__video-wrap {
		overflow: hidden;
		z-index: 0;
		-webkit-transition: opacity 1s;
		-o-transition: opacity 1s;
		transition: opacity 1s;
	}

	.uagb-column__video-wrap video {
		max-width: 100%;
		width: 100%;
		height: 100%;
		margin: 0;
		line-height: 1;
		border: none;
		display: inline-block;
		vertical-align: baseline;
		-o-object-fit: cover;
		object-fit: cover;
		background-size: cover;
	}
}

.wp-block-uagb-columns > .editor-inner-blocks > .editor-block-list__layout > [data-type="uagb/column"] {
	display: flex;
	flex-direction: column;
	flex: 1;
	padding-left: 0;
	padding-right: 0;
	margin-left: -14px;
	margin-right: -14px;
	min-width: 0;
	word-break: break-word;
	overflow-wrap: break-word;
	flex-basis: 100%;
}

@media ( max-width: 976px ) {
	.uagb-column__align-tablet-left {
		margin-left: 0;
		margin-right: auto;
	}

	.uagb-column__align-tablet-right {
		margin-left: auto;
		margin-right: 0;
	}
}

@media ( max-width: 767px ) {
	.uagb-column__align-mobile-left {
		margin-left: 0;
		margin-right: auto;
	}

	.uagb-column__align-mobile-right {
		margin-left: auto;
		margin-right: 0;
	}
}

@media ( max-width: 449px ) {
	.uagb-columns__wrap.uagb-columns__background-image {
		background-attachment: scroll !important;
	}
}
