@import 'libs/vars'; @import 'libs/functions'; @import 'libs/mixins'; @import 'libs/skel';
/*
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; .image { display: inline-block; vertical-align: top; } .content { @include padding(4em, 4em); display: inline-block; } &:after { clear: both; content: ''; display: block; } }
/* Features */
.features { display: block; li { float: left; } &: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; &:before { background: #000000; content: ''; height: 100%; left: 0; opacity: 0.5; position: absolute; top: 0; width: 100%; } .inner { position: relative; z-index: 1; } }
/* Banner */
#banner { @include padding(14em, 0); height: auto; &:after { display: none; } }
/* CTA */
#cta { .inner { header { float: left; } .actions { float: left; } &: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; &:before { background: #000000; content: ''; height: 100%; left: 0; opacity: 0.5; position: absolute; top: 0; width: 100%; } > * { position: relative; z-index: 1; } } }