/*
Spectral by HTML5 UP html5up.net | @ajlkn Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
*/
/* Spotlight */
.spotlight { display: block; } .spotlight .image { display: inline-block; vertical-align: top; } .spotlight .content { padding: 4em 4em 2em 4em ; display: inline-block; } .spotlight:after { clear: both; content: ''; display: block; }
/* Features */
.features { display: block; } .features li { float: left; } .features:after { content: ''; display: block; clear: both; }
/* Banner + Wrapper (style4) */
#banner, .wrapper.style4 { background-image: url("../../assets/images/banner.jpg"); background-position: center center; background-repeat: no-repeat; background-size: cover; position: relative; } #banner:before, .wrapper.style4:before { background: #000000; content: ''; height: 100%; left: 0; opacity: 0.5; position: absolute; top: 0; width: 100%; } #banner .inner, .wrapper.style4 .inner { position: relative; z-index: 1; }
/* Banner */
#banner { padding: 14em 0 12em 0 ; height: auto; } #banner:after { display: none; }
/* CTA */
#cta .inner header { float: left; } #cta .inner .actions { float: left; } #cta .inner:after { clear: both; content: ''; display: block; }
/* Main */
#main > header { background-image: url("../../assets/images/banner.jpg"); background-position: center center; background-repeat: no-repeat; background-size: cover; position: relative; } #main > header:before { background: #000000; content: ''; height: 100%; left: 0; opacity: 0.5; position: absolute; top: 0; width: 100%; } #main > header > * { position: relative; z-index: 1; }