/* poppins-700 - latin */
@font-face {
	font-family: 'Poppins';
	font-style: normal;
	font-weight: 700;
	font-display:swap;
	src: local(''),
		url('/wp-content/themes/bw-theme/assets/fonts/poppins-v20-latin-700.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
		url('/wp-content/themes/bw-theme/assets/fonts/poppins-v20-latin-700.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

/* Homepage Stylesheet */

/* Base Styles */

.row.title-row {
    padding-top: var(--defaultVerticalSpacing);
    padding-bottom: 0px;
}

main#genesis-content {padding-top: 0;}

/* Homepage Feature - Hero Slider */

.slick-arrow svg {
    height: 40px;
    color: #fff;
    fill: #fff;
}

.slick-arrow {
    background: none;
    position: absolute;
    top: calc(50% - 30px);
    z-index: 1;
    border-radius: 4px;
    cursor: pointer;
    transition: all 400ms;
    background: none;
    border: 0 !important;
    outline: 0 !important;
}

.hero-size-fullscreen #hero-slider {
    height: calc(100vh - 197px);
}

.nav-transparent .hero-size-fullscreen #hero-slider {
    height: 100vh !important;
}

.hero-size-default #hero-slider .text {padding: 120px 0;}

.hero-size-default .anchor-wrap {display: none;}

.slick-list.draggable {
    height: 100%;
}

.slick-track {
    height: 100%;
}

.slide {
    height: 100%;
    background-position: top center !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
	position:relative;
}

#hero-slider .slide:before {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.2);
    display: block;
    content: '';
}

button.slick-next.slick-arrow {
    right: 0;
}

button.slick-prev.slick-arrow {
    left: 0;
}

.slick-arrow:focus {
    background: rgba(255,255,255,0.4);
}

.slick-arrow:hover {
    background: rgba(255,255,255,0.4);
}

#hero-slider .text {
    max-width: 1400px;
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    height: 100%;
	padding:0 5%;
	position:relative;
	z-index:2;
}

.home-feature .text p.primary {
    display: block;
    max-width: 100%;
    margin-bottom: 16px;
    color: #fff;
    font-size: 60px;
    text-shadow: 0 0 10px rgb(0 0 0 / 60%);
    font-weight: 700;
    line-height: 1.25;
    font-family: 'Poppins', sans-serif;
    
    
    
    
    
    & span {
        display: block;
        color: var(--primary);
    }
}

.home-feature .text p.secondary {
    display: block;
    max-width: 80%;
    color: #fff;
    font-size: 20px;
    text-shadow: 0 0 5px rgb(0 0 0 / 40%);
    margin-bottom: 32px;
    
    
    
    
    

    & span {
        display: block;
        margin-bottom: 16px;
        font-weight: bold;
    }
}

.home-feature .text p.secondary::before {
    content: '';
    display: block;
    width: 50px;
    height: 4px;
    background: var(--primary);
    margin: 32px 0;
}

.hero-slide {background-size: cover !important;background-position: center !important;position: relative;}

.hero-slide:before {content: '';position: absolute;width: 100%;height: 100%;background: rgba(0,0,0,0.3);z-index: 1;left: 0;top:0;left:0;}

a#home-anchor {border-left: solid 4px #fff;border-bottom: solid 4px #fff;display: none;width: 40px;height: 40px;transform: rotate(-45deg);position: relative;transition: all 300ms;outline:0;}

.anchor-wrap {bottom: 50px;position: absolute;text-align: center;width: 100%; z-index:2;}

a#home-anchor:hover {opacity: 0.7;}

.nav-transparent .hero-slide {padding-top: 100px;}

@media only screen and (max-width:1470px) {
	.row.title-row {
		padding-top: 20px;
		padding-bottom: 20px;
	}
	.row.main-content {
		padding-top: 40px;
	}
	.home-feature .text p.primary {font-size: 44px; max-width: 100%;}

	.home-feature .text p.secondary {font-size: 18px; max-width: 100%;}

	.hero-size-fullscreen #hero-slider {
		height: calc(100vh - 140px);
	}
}

@media only screen and (max-width:768px) {
	.slick-arrow svg {
		height: 20px;
	}

	button.slick-arrow {
		padding: 10px 20px;
	}
}

/* Prevent hero text from clipping when the window is short but wide.
   Scoped to min-width so it never competes with the mobile min-height
   overrides below 768px, which already use a smaller floor for their
   smaller font sizes. */
@media only screen and (min-width: 769px) {
	.hero-size-fullscreen #hero-slider,
	.nav-transparent .hero-size-fullscreen #hero-slider,
	div#home-feature.single-asset,
	.nav-transparent div#home-feature.single-asset {
		min-height: 520px;
	}

	div#home-feature.side-by-side {
		min-height: 320px;
	}
}

/* Static Text Hero Slider */

.static-hero > .text {
    z-index: 1;
    width: 85%;
    max-width: 1600px;
    margin: 0 auto;
    left: 0;
    right: 0;
}

div#home-feature.static-hero {
    position: relative;
    display: flex;
    align-items: center;

    & > .text {
        padding: var(--defaultVerticalSpacing) 0;
    }

    & > #hero-slider {
        position: absolute;
        height: 100%;
        width: 100%;
    }
}

/* Single Image or Video Asset */
div#home-feature.single-asset {
    display: flex;
    align-items: center;
    overflow: hidden;
    position: relative;
    min-height: fit-content;
}

div#home-feature.single-asset .text {/* position: absolute; */z-index: 1;width:85%;max-width: 1400px;margin: 0 auto;left: 0;right: 0;}

div#home-feature.single-asset .text .inner {
    position: relative;
    isolation: isolate;
    width: max-content;
    max-width: 100%;
    padding: 32px 20px;
}

div#home-feature.single-asset .text .inner {
    position: relative;
    isolation: isolate;
    width: max-content;
    max-width: 100%;
    padding: 32px 20px;
}

div#home-feature.single-asset .text .inner::before {
    content: "";
    position: absolute;
	left: -150px !important;
    inset: -170px 0px -100px -290px;
    z-index: -1;
    pointer-events: none;
    background: radial-gradient(ellipse farthest-corner, rgba(0, 0, 0, .8) 0%, rgba(0, 0, 0, 0.6) 40%, rgba(0, 0, 0, 0) 70%);
}

.single-asset .asset-wrap {position: absolute;width: 100%;height: 100%;background-repeat: no-repeat !important;background-size: cover !important;background-position: center !important;}

/* .single-asset .asset-wrap:before {content: '';position: absolute;top: 0;left: 0;background: rgba(0,0,0,0.6);width: 100%;height: 100%;z-index:1;} */

.nav-transparent div#home-feature.single-asset {height: 100vh !important;}

.single-asset video {width: auto;height: auto;top: 50%;left: 50%;transform: translate(-50%,-50%);position: absolute;min-width: 100%;min-height: 100%; object-fit: cover; max-width:none;}

/* Side by Side Feature */

div#home-feature.side-by-side {display: flex;}

div#home-feature.side-by-side .text {width: 50%;padding: 0 5%;}

div#home-feature.side-by-side #hero-slider {width: 50%;height: 100% !important;}

.side-by-side .hero-slide:before {display: none;}

div#home-feature.side-by-side {height: calc(100vh - 140px);align-items: center;padding: 100px 0;}

div#home-feature.side-by-side .text .primary {text-align: left;color: var(--darkdefault);text-shadow: none;padding: 0;}

div#home-feature.side-by-side .text .secondary {color: var(--darkdefault);text-align: left;text-shadow: none;padding: 0;}

.side-by-side .hero-slide {background-size: contain !important;background-repeat: no-repeat !important;background-position: center !important;}

.side-by-side .anchor-wrap {display: block;}

.side-by-side a#home-anchor {border-color: var(--darkdefault);}

.header-stacked div#home-feature.side-by-side, .header-inline div#home-feature.side-by-side {
    max-width: 1400px;
    margin: 0 auto;
    position: relative;
    padding: 0;
}

.header-stacked div#home-feature.side-by-side .text, .header-inline div#home-feature.side-by-side .text {
    padding-left: 0;
}

@media only screen and (max-width:1500px) {
	.header-stacked div#home-feature.side-by-side, .header-inline div#home-feature.side-by-side {
		max-width:100%;
	}

	.header-stacked div#home-feature.side-by-side .text, .header-inline div#home-feature.side-by-side .text {
		padding-left: 5%;
	}
	div#home-feature.side-by-side .text .primary {font-size: 48px;}

	div#home-feature.side-by-side .text .secondary {font-size: 18px;}
}

@media only screen and (max-width:950px) {
	div#home-feature.side-by-side .text .primary {font-size: 32px;}

	div#home-feature.side-by-side .text .secondary {font-size: 16px;}

	div#home-feature.side-by-side {
		flex-wrap: wrap;
		height: auto;
		padding: 40px 0;
	}

	div#home-feature.side-by-side .text,
	div#home-feature.side-by-side #hero-slider {
		width: 100%;
		position: relative;
	}
}

@media only screen and (max-width:700px) {
	div#home-feature.side-by-side .text {width: 100%;margin-bottom: 40px;position: relative;z-index: 1;}

	div#home-feature.side-by-side {/* display: block; */padding: 50px 0;}

	div#home-feature.side-by-side #hero-slider {width: 100%;position: absolute;top: 0;left: 0;}

	.side-by-side .hero-slide:before {display: block;background: rgba(255,255,255,0.9);}
}

/* Natural Langauge Form */
div#gform_fields_5 {
    display: block;
    font-weight:bold;
    width: 100%;
}

div#gform_fields_5 label{
    display:none;
}

.natural-language-form p {
    font-size: 24px;
    display: inline-block;
    color: #ffffff;
    padding: 0 10px;
    line-height: 1.75;
	margin-bottom:14px!important;
}
.natural-language-form div:first-child p{
	padding-left:0;
}

.natural-language-form .form-clear{
	display:block!important;
}

#gform_5 input[type="text"], #gform_5 input[type="email"] {
    background: none;
    border: 0;
    border-bottom: solid 1px #fff;
    border-radius: 0;
    border-color: #fff;
    color: #fff;
    font-size: 20px;
    padding-left: 0;
    padding-right: 0;
    text-align: center;
    transition: width 500ms;
    margin-right:10px;
}

#gform_5 input[type="text"]::placeholder, #gform_5 input[type="email"]::placeholder {
    color: #fff;
}

#gform_5 div.gfield {
    display: inline
}

#gform_5 div.gfield.sf-text {
    width: auto
}

#gform_5 select {
    background: none;
    color: #fff;
    font-size: 20px;
    padding: 0;
    border: 0;
    border-bottom: solid 1px #fff;
    border-radius: 0;
    width: 250px;
    text-align: center;
    transition: width 500ms;
    margin-right:10px;
}

#gform_5 select.selectActive {
    color: #fff!important
}

#gform_5 div.gfield>div.ginput_container {
    display: inline
}

#gform_5 input[type="text"] {
    width: 250px;
}

#gform_5 input[type="email"] {
    width: 350px;
}

#gform_5 .gform_footer {
    text-align: center;
    padding-top: 0;
}

#gform_5 .gform_footer input[type="submit"] {
    border-radius: 40px!important;
    margin: 0 auto;
}

#gform_5 .validation_message {
    display: none
}

#gform_5 select[aria-invalid="true"],#gform_5 input[aria-invalid="true"]::placeholder {
    color: #ffc3c3;
}

div#gform_confirmation_message_18 h3 {
	color:var(--primary);
	margin-bottom:10px;
}

div#gform_confirmation_message_18 p {
    max-width: 900px;
    margin: 0 auto;
    color: #fff
}

.natural-language-form .gform_heading {
    display: none;
}

body .gform_wrapper .gform_ajax_spinner {
	position: absolute;
    right: 0;
}

div#gform_confirmation_message_5 {
    color: #fff;
    font-weight: bold;
    font-size: 24px;
}

@media only screen and (max-height: 650px) {
    a#home-anchor {
        display: none;
    }
}

@media only screen and (max-width: 1200px) {
    .natural-language-form p {
        font-size: 18px;
    }

    #gform_5 input[type="text"], #gform_5 input[type="email"], #gform_5 select {
        font-size: 18px;
    }
    .home-feature.content-type-form .text p.primary {
        font-size: 48px;
    }
}

@media only screen and (max-width: 900px) {
    div#home-feature.content-type-form .text {
        position: unset;
        padding: 40px 0;
    }
    div#home-feature.content-type-form {
        height: 100% !important;
    }
	a#home-anchor {
        display: none;
    }
	#gform_5 input[type="text"],
	#gform_5 input[type="email"],
	#gform_5 select {
		width: 100%;
		max-width: 100%;
		margin-right: 0;
	}
	#gform_5 div.gfield {
		display: block;
		margin-bottom: 12px;
	}
	.natural-language-form p {
		font-size: 16px;
		display: block;
		padding: 0;
	}
}

@media only screen and (max-width: 768px) {
	div#home-feature,
	.nav-transparent div#home-feature.single-asset {
		height: 50vh !important;
		min-height: 220px;
	}
	.home-feature .text p.primary {
		font-size: 28px;
		max-width: 100%;
	}
	.home-feature .text p.secondary {
		font-size: 16px;
		max-width: 100%;
		margin-bottom: 20px;
	}
	.home-feature .text p.secondary::before {
		margin: 16px 0;
	}
}