section.hero{--hero-row-spacing: 30px;--hero-gutter: var(--module-gutters);--hero-height: 600px}#app:has(main#main>section.hero.full-banner:first-child) header{background:transparent;position:absolute;top:0;left:0;width:100%;z-index:20;border-bottom:0;box-shadow:none}#app:has(main#main>section.hero.full-banner:first-child) header .top-header{background:transparent;color:var(--hero-text-colour);border-bottom:1px solid var(--top-header-full-hero-border-colour)}#app:has(main#main>section.hero.full-banner:first-child) header .top-header .contact-details ul a:hover,#app:has(main#main>section.hero.full-banner:first-child) header .top-header .top-bar-navigation ul a:hover{background:var(--top-header-full-hero-link-hover-bg-colour)}#app:has(main#main>section.hero.full-banner:first-child) header nav.main-navigation .menu-main-navigation-container>ul>li.menu-item-has-children ul a{color:var(--header-nav-link-colour)}#app:has(main#main>section.hero.full-banner:first-child) header nav.main-navigation .menu-main-navigation-container>ul>li.menu-item-has-children>ul.sub-menu{background:transparent!important}#app:has(main#main>section.hero.full-banner:first-child) header nav.main-navigation .menu-main-navigation-container>ul>li.menu-item-has-children:before{border-top:5px solid var(--header-full-hero-text-colour)}#app:has(main#main>section.hero.full-banner:first-child) header nav.main-navigation>div>ul>li.menu-item-has-children>ul.sub-menu{background:transparent!important}#app:has(main#main>section.hero.full-banner:first-child) header nav.main-navigation>div>ul>li.menu-item-has-children>ul.sub-menu>li.menu-item-has-children>ul.sub-menu{background:transparent!important}#app:has(main#main>section.hero.full-banner:first-child) header nav.main-navigation>div>ul>li.menu-item-has-children:before{border-top:5px solid var(--hero-text-colour)!important}#app:has(main#main>section.hero.full-banner:first-child) header nav.main-navigation>div>ul>li.menu-item-has-children>ul.sub-menu>li.menu-item-has-children:before{border-top:5px solid var(--hero-text-colour)!important}#app:has(main#main>section.hero.full-banner:first-child) header a{color:var(--hero-text-colour)}#app:has(main#main>section.hero.full-banner:first-child) header nav.mobile label.menu-button span{background:var(--header-full-hero-text-colour)}#app:has(main#main>section.hero.full-banner:first-child) header nav.mobile a{color:var(--header-nav-link-colour)}section.hero{height:var(--hero-height);position:relative;padding:0 var(--hero-gutter)}section.hero .image{width:100%;height:100%;position:absolute;top:0;left:0;overflow:hidden}section.hero .image img{height:100%;width:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center}section.hero .image:after{position:absolute;top:0;left:0;width:100%;height:100%;z-index:5;content:"";background:var(--black);opacity:.5}section.hero .video{width:100%;height:100%;position:absolute;top:0;left:0;overflow:hidden}section.hero .video video{height:100%;width:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center}section.hero .video:after{position:absolute;top:0;left:0;width:100%;height:100%;z-index:5;content:"";background:var(--black);opacity:.5}section.hero .container{height:100%;position:relative}section.hero .hero-inner{height:100%;display:flex;position:relative;z-index:10;align-items:center;flex-direction:row}section.hero .hero-inner .content{width:100%;order:2;display:flex;flex-direction:column;gap:var(--hero-row-spacing)}@media (min-width: 768px){section.hero .hero-inner .content{width:70%}}@media (min-width: 1200px){section.hero .hero-inner .content{width:60%}}section.hero .hero-inner .content h1,section.hero .hero-inner .content p{color:inherit;margin-bottom:0}section.hero .hero-inner .content .button-wrapper{display:flex;gap:20px;flex-direction:column;align-items:flex-start}@media (min-width: 768px){section.hero .hero-inner .content .button-wrapper{flex-direction:row;align-items:normal}}section.hero .hero-inner .content .button-wrapper .btn{min-width:220px;text-align:center}section.hero .arrows{position:absolute;bottom:0;z-index:40;cursor:pointer;height:100px;width:100%}section.hero .arrow{opacity:0;position:absolute;left:50%;top:40px;transform-origin:50% 50%;transform:translate3d(-50%,-50%,0)}section.hero .arrow-first{animation:arrow-movement 2s ease-in-out infinite}section.hero .arrow-second{animation:arrow-movement 2s 1s ease-in-out infinite}section.hero .arrow:before,section.hero .arrow:after{background:#fff;content:"";display:block;height:3px;position:absolute;top:0;left:0;width:30px}section.hero .arrow:before{transform:rotate(45deg) translate(-29%);transform-origin:bottom left}section.hero .arrow:after{transform:rotate(-45deg) translate(29%);transform-origin:bottom right}@keyframes arrow-movement{0%{opacity:0;top:10px}70%{opacity:1}to{opacity:0}}section.hero.full-banner{height:100vh}section.hero.align-content-centre .hero-inner{justify-content:center}section.hero.align-content-centre .hero-inner .content{text-align:center}section.hero.align-content-centre .hero-inner .content .button-wrapper{align-items:center}@media (min-width: 768px){section.hero.align-content-centre .hero-inner .content .button-wrapper{justify-content:center}}section.hero.align-content-right .hero-inner{justify-content:flex-end}section.hero.align-content-right .hero-inner .content{text-align:right}section.hero.align-content-right .hero-inner .content .button-wrapper{align-items:flex-end}@media (min-width: 768px){section.hero.align-content-right .hero-inner .content .button-wrapper{justify-content:flex-end}}
