/**********************************************************
// Block >> Header
**********************************************************/
.Block-Header {
	padding: 0 var(--20px) var(--30px) var(--20px);
	position: relative;
	}

.Block-Header.alignfull { padding: 0 var(--30px) var(--30px) var(--30px); }

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

.acf-block-preview .Block-Header {
	background-color: #F5F5F5;
	border: vaR(--1px) solid rgba(0, 0, 0, 0.1);
	}

.wp-block-acf-af-header.has-background .acf-block-preview .Block-Header { background-color: unset; }

.acf-block-preview .Block-Header-Inner {
	padding: var(--5px);
	background: rgba(255, 255, 255, 0.5);
	border-radius: var(--4px);
	}

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

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

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

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

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

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

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

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

	.Block-Header { padding: 0 var(--20px) var(--30px) var(--20px) !important; }
	.Block-Header.alignfull { padding: 0 20px var(--30px) 20px !important; }
}