<style>
{# Homepage specific CSS#}
.nav-header {
background-color: transparent;
}
.no-pos-rel-col-12 .col-12 {
position: unset;
}
.no-pos-rel-col-12 {
position: relative;
height: clamp(50vh, 80vw, 100vh);
}
.header-main {
position: absolute;
z-index: 9;
width: 100%;
background: transparent; /* fallback for old browsers */
background: -webkit-linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.75)); /* Chrome 10-25, Safari 5.1-6 */
background: linear-gradient(to top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.75)); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
}
.nav-main .main-navigation, .top-bar, .js-sticky [class*="bg-opacity-"].nav-main .main-navigation, .js-sticky [class*="bg-opacity-"].nav-header {
background-color: transparent;
}
.header-main .header-inner{
background: -webkit-linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.75)); /* Chrome 10-25, Safari 5.1-6 */
background: linear-gradient(to top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.75)); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
}
.main-navigation-link, .top-bar {
color: white;
}
</style>