/**********************************************************
// Block >> Header >> Slider >> Tweaks
**********************************************************/
.Header-Spacer { display: none; }
body .Header {
	background: transparent;
	transition: 0.2s background ease-in-out;
	}

body .Header.Scroll { background: var(--Color-Black); }

/**********************************************************
// Block >> Header >> Slider
**********************************************************/
.Block-Header-Slider {
	padding: var(--200px) var(--100px) var(--100px) var(--100px);
	/*background-color: #A67D51;*/
	color: var(--Color-White);
	position: relative;
	}

.Block-Header-Slider-Inner {
	margin: auto;
	width: 100%;
	max-width: 68.75rem;
	text-align: left;
	position: relative;
	z-index: 1000;
	}

.Block-Header-Slider-Inner h1 {
	padding: 0 !important;
	line-height: 1.3em;
	letter-spacing: var(--1px);
	font-family: var(--Font-Titles);
	font-weight: 300;
	font-size: var(--40px);
	}

.Block-Header-Slider-Inner h2 {
	margin: var(--30px) 0 0 0;
	padding: 0 !important;
	max-width: var(--600px);
	line-height: 1.2em;
	text-transform: uppercase;
	letter-spacing: var(--2px);
	font-family: var(--Font-Titles);
	font-style: italic;
	font-weight: 300;
	font-size: 4.875rem;
	}

.Block-Header-Slider-Button {
	margin-top: var(--40px);
	padding: var(--15px) 2.8125rem var(--15px) 2.8125rem;
	line-height: 1.5em;
	border-radius: var(--30px);
	border: var(--1px) solid var(--Color-White);
	color: var(--Color-White);
	text-transform: uppercase;
	letter-spacing: var(--1px);
	font-weight: 300;
	font-size: var(--16px);
	transition-property: color, background;
	transition-duration: 0.2s;
	transition-timing-function: ease-in-out;
	display: inline-block;
	}

.Block-Header-Slider-Button:hover,
.Block-Header-Slider-Button:focus {
	background: var(--Color-White);
	color: var(--Color-Black);
	}

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

.Block-Header-Slider-BG-Slide {
	overflow: hidden;
	line-height: 0;
	font-size: 0;
	position: relative;
	}

.Block-Header-Slider-BG-Slide:after {
    padding-bottom: 150%;
    content: '';
    display: block;
	}

.Block-Header-Slider-BG-Slide img {
	width: 100%;
	height: 100%;
	object-fit: cover;
    object-position: center center;
	position: absolute;
	z-index: 500;
	bottom: 0;
	right: 0;
	left: 0;
	top: 0;
	}

.Block-Header-Slider-Mask {
	position: absolute;
	z-index: 600;
	bottom: 0;
	right: 0;
	left: 0;
	top: 0;
	}

/**********************************************************
// Block >> Header >> Slider >> Arrow - Left
**********************************************************/
.Block-Header-Slider-Arrow-Left {
	opacity: 0.5;
	transition: 0.2s opacity ease-in-out;
	border: 0;
	background: transparent;
	cursor: pointer;
	font-size: 0;
	position: absolute;
	z-index: 1500;
	left: var(--40px);
	top: 45%;
	}

.Block-Header-Slider-Arrow-Left:hover,
.Block-Header-Slider-Arrow-Left:focus { opacity: 1; }

.Block-Header-Slider-Arrow-Left i {
	font-size: var(--80px);
	color: var(--Color-White);
	}

/**********************************************************
// Block >> Header >> Slider >> Arrow - Right
**********************************************************/
.Block-Header-Slider-Arrow-Right {
	opacity: 0.5;
	transition: 0.2s opacity ease-in-out;
	border: 0;
	background: transparent;
	cursor: pointer;
	font-size: 0;
	position: absolute;
	z-index: 1500;
	right: var(--40px);
	top: 45%;
	}

.Block-Header-Slider-Arrow-Right:hover,
.Block-Header-Slider-Arrow-Right:focus { opacity: 1; }

.Block-Header-Slider-Arrow-Right i {
	font-size: var(--80px);
	color: var(--Color-White);
	}

/**********************************************************
// Media Queries
**********************************************************/
@media /* 768px */
all and (max-width: 48rem),
all and (max-device-width: 48rem)
{
	.Block-Header-Slider { padding: var(--100px) var(--40px) 25.625rem var(--40px); }

	.Block-Header-Slider-Arrow-Left,
	.Block-Header-Slider-Arrow-Right { display: none; }

	.Block-Header-Slider-Inner h1 { font-size: var(--30px); }
	.Block-Header-Slider-Inner h2 { font-size: 3.625rem; }
	
	.Block-Header-Slider-BG-Slide:after { display: none; }
	.Block-Header-Slider-BG {
		bottom: -0.3125rem;
		top: unset;
		}

	.Block-Header-Slider-BG-Slide img {
		width: 100%;
		height: 100%;
		object-fit: contain;
		object-position: bottom center;
		top: unset;
		}
}

@media /* 500px */
all and (max-width: 31.25rem),
all and (max-device-width: 31.25rem)
{
	.Block-Header-Slider-Inner h2 { font-size: 2.475rem; }
}