/**********************************************************
// Block >> Container
**********************************************************/
.Block-Container {
	padding: 1.875rem 1.25rem;
	position: relative;
	}

.Block-Container.alignfull { padding: 1.875rem; }

.Block-Container-Inner {
	margin: auto;
	width: 100%;
	position: relative;
	z-index: 10;
	}

.acf-block-preview .Block-Container {
	background-color: rgba(255, 255, 255, 0.2);
	border: 0.0625rem solid rgba(0, 0, 0, 0.1);
	}

.wp-block-acf-ra-container.has-background .acf-block-preview .Block-Container { background-color: unset; }

.acf-block-preview .Block-Container-Inner {
	padding: 0.3125rem;
	background: rgba(255, 255, 255, 0.2);
	border-radius: 0.25rem;
	}

/**********************************************************
// Block >> Container >> Background
**********************************************************/
.Block-Container-BG {
	overflow: hidden;
	position: absolute;
	z-index: 0;
	bottom: 0;
	right: 0;
	left: 0;
	top: 0;
	}

.Block-Container-BG img {
	width: 100%;
	height: 100%;
	}

.Block-Container-BG-Size-Cover img   { object-fit: cover;     }
.Block-Container-BG-Size-Contain img { object-fit: contain;   }
.Block-Container-BG-Size-100 img     { object-fit: 100% 100%; }

.Block-Container-BG-Position-Top-Center img    { object-position: top center;    }
.Block-Container-BG-Position-Center-Center img { object-position: center center; }
.Block-Container-BG-Position-Bottom-Center img { object-position: bottom center; }
.Block-Container-BG-Position-Top-Left img      { object-position: top left;      }
.Block-Container-BG-Position-Center-Left img   { object-position: center left;   }
.Block-Container-BG-Position-Bottom-Left img   { object-position: bottom left;   }
.Block-Container-BG-Position-Top-Right img     { object-position: top right;     }
.Block-Container-BG-Position-Center-Right img  { object-position: center right;  }
.Block-Container-BG-Position-Bottom-Right img  { object-position: bottom right;  }

.Block-Container-BG-Desktop { display: block; }
.Block-Container-BG-Mobile  { display: none;  }

/**********************************************************
// Block >> Container >> Video
**********************************************************/
.Block-Container-Video {
	overflow: hidden;
	position: absolute;
	z-index: 3;
	bottom: 0;
	right: 0;
	left: 0;
	top: 0;
	}

.Block-Container-Video video {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: top center;
	position: absolute;
	z-index: 10;
	left: 50%;
	top: 50%;
  	transform: translate(-50%, -50%);
	}

.Block-Container-Video video::-webkit-media-controls { display: none !important; }

/**********************************************************
// Media Queries
**********************************************************/
@media /* 768px */
all and (max-width: 48rem),
all and (max-device-width: 48rem)
{
	.Block-Container-BG-Desktop { display: none;  }
	.Block-Container-BG-Mobile  { display: block; }

	.Block-Container { padding: 1.875rem 1.25rem !important; }
	.Block-Container.alignfull { padding: 1.875rem !important; }
}