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

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

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

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

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

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

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

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

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

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

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

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

.Block-Section-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-Section-Video video::-webkit-media-controls { display: none !important; }

/**********************************************************
// Block >> Section >> Overlap
**********************************************************/
.Block-Section-Overlap {
	position: absolute;
	z-index: 5;
	bottom: 0;
	right: 0;
	left: 0;
	}

.Block-Section-Overlap-25 { top: 25%; }
.Block-Section-Overlap-50 { top: 50%; }
.Block-Section-Overlap-75 { top: 75%; }

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

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