|
|
@@ -17,7 +17,7 @@
|
|
|
/**! 15. Radials **/
|
|
|
/**! 16. Tabs **/
|
|
|
/**! 17. Boxes **/
|
|
|
-/**! 18. Sliders Flickity **/
|
|
|
+/**! 18. Sliders Flickity - Removed as GPL **/
|
|
|
/**! 19. Hover Elements **/
|
|
|
/**! 20. Masonry **/
|
|
|
/**! 21. Modals **/
|
|
|
@@ -1675,357 +1675,7 @@ img + .boxed {
|
|
|
}
|
|
|
}
|
|
|
/**! 18. Sliders Flickity **/
|
|
|
-.slides:not(.flickity-enabled) li.imagebg:not(:first-child) {
|
|
|
- display: none;
|
|
|
-}
|
|
|
-.slides:not(.flickity-enabled) li.imagebg:first-child {
|
|
|
- background: #252525;
|
|
|
- animation: backgroundLoad .5s ease alternate infinite;
|
|
|
-}
|
|
|
-.slides:not(.flickity-enabled) li.imagebg:first-child .container {
|
|
|
- opacity: 0;
|
|
|
-}
|
|
|
-@keyframes backgroundLoad {
|
|
|
- 0% {
|
|
|
- background: #252525;
|
|
|
- }
|
|
|
- 100% {
|
|
|
- background: #3f3f3f;
|
|
|
- }
|
|
|
-}
|
|
|
-.slider.height-10 {
|
|
|
- height: auto;
|
|
|
-}
|
|
|
-.slider.height-10 .slides .flickity-slider > li {
|
|
|
- height: 10vh;
|
|
|
- padding: 0;
|
|
|
-}
|
|
|
-@media all and (min-width: 768px) {
|
|
|
- .slider.height-10 .slides li.imagebg {
|
|
|
- min-height: 10vh;
|
|
|
- }
|
|
|
-}
|
|
|
-.slider.height-20 {
|
|
|
- height: auto;
|
|
|
-}
|
|
|
-.slider.height-20 .slides .flickity-slider > li {
|
|
|
- height: 20vh;
|
|
|
- padding: 0;
|
|
|
-}
|
|
|
-@media all and (min-width: 768px) {
|
|
|
- .slider.height-20 .slides li.imagebg {
|
|
|
- min-height: 20vh;
|
|
|
- }
|
|
|
-}
|
|
|
-.slider.height-30 {
|
|
|
- height: auto;
|
|
|
-}
|
|
|
-.slider.height-30 .slides .flickity-slider > li {
|
|
|
- height: 30vh;
|
|
|
- padding: 0;
|
|
|
-}
|
|
|
-@media all and (min-width: 768px) {
|
|
|
- .slider.height-30 .slides li.imagebg {
|
|
|
- min-height: 30vh;
|
|
|
- }
|
|
|
-}
|
|
|
-.slider.height-40 {
|
|
|
- height: auto;
|
|
|
-}
|
|
|
-.slider.height-40 .slides .flickity-slider > li {
|
|
|
- height: 40vh;
|
|
|
- padding: 0;
|
|
|
-}
|
|
|
-@media all and (min-width: 768px) {
|
|
|
- .slider.height-40 .slides li.imagebg {
|
|
|
- min-height: 40vh;
|
|
|
- }
|
|
|
-}
|
|
|
-.slider.height-50 {
|
|
|
- height: auto;
|
|
|
-}
|
|
|
-.slider.height-50 .slides .flickity-slider > li {
|
|
|
- height: 50vh;
|
|
|
- padding: 0;
|
|
|
-}
|
|
|
-@media all and (min-width: 768px) {
|
|
|
- .slider.height-50 .slides li.imagebg {
|
|
|
- min-height: 50vh;
|
|
|
- }
|
|
|
-}
|
|
|
-.slider.height-60 {
|
|
|
- height: auto;
|
|
|
-}
|
|
|
-.slider.height-60 .slides .flickity-slider > li {
|
|
|
- height: 60vh;
|
|
|
- padding: 0;
|
|
|
-}
|
|
|
-@media all and (min-width: 768px) {
|
|
|
- .slider.height-60 .slides li.imagebg {
|
|
|
- min-height: 60vh;
|
|
|
- }
|
|
|
-}
|
|
|
-.slider.height-70 {
|
|
|
- height: auto;
|
|
|
-}
|
|
|
-.slider.height-70 .slides .flickity-slider > li {
|
|
|
- height: 70vh;
|
|
|
- padding: 0;
|
|
|
-}
|
|
|
-@media all and (min-width: 768px) {
|
|
|
- .slider.height-70 .slides li.imagebg {
|
|
|
- min-height: 70vh;
|
|
|
- }
|
|
|
-}
|
|
|
-.slider.height-80 {
|
|
|
- height: auto;
|
|
|
-}
|
|
|
-.slider.height-80 .slides .flickity-slider > li {
|
|
|
- height: 80vh;
|
|
|
- padding: 0;
|
|
|
-}
|
|
|
-@media all and (min-width: 768px) {
|
|
|
- .slider.height-80 .slides li.imagebg {
|
|
|
- min-height: 80vh;
|
|
|
- }
|
|
|
-}
|
|
|
-.slider.height-90 {
|
|
|
- height: auto;
|
|
|
-}
|
|
|
-.slider.height-90 .slides .flickity-slider > li {
|
|
|
- height: 90vh;
|
|
|
- padding: 0;
|
|
|
-}
|
|
|
-@media all and (min-width: 768px) {
|
|
|
- .slider.height-90 .slides li.imagebg {
|
|
|
- min-height: 90vh;
|
|
|
- }
|
|
|
-}
|
|
|
-.slider.height-100 {
|
|
|
- height: auto;
|
|
|
-}
|
|
|
-.slider.height-100 .slides .flickity-slider > li {
|
|
|
- height: 100vh;
|
|
|
- padding: 0;
|
|
|
-}
|
|
|
-@media all and (min-width: 768px) {
|
|
|
- .slider.height-100 .slides li.imagebg {
|
|
|
- min-height: 100vh;
|
|
|
- }
|
|
|
-}
|
|
|
-.slider .slides .flickity-slider > li:not([class*='col-']) {
|
|
|
- width: 100%;
|
|
|
-}
|
|
|
-.slider .slides.slides--gapless li[class*='col-'] {
|
|
|
- padding-left: 0;
|
|
|
- padding-right: 0;
|
|
|
-}
|
|
|
-.slider[data-arrows="true"].slider--arrows-hover:not(:hover) .flickity-prev-next-button {
|
|
|
- opacity: 0;
|
|
|
-}
|
|
|
-.slider[data-paging="true"]:not(section) {
|
|
|
- margin-bottom: 3.71428571em;
|
|
|
-}
|
|
|
-.slider[data-paging="true"]:not(section) .flickity-page-dots {
|
|
|
- bottom: -3.71428571em;
|
|
|
-}
|
|
|
-.slider[data-paging="true"]:not([class*='text-']) .flickity-page-dots {
|
|
|
- text-align: center;
|
|
|
-}
|
|
|
-.slider[data-children="1"] .flickity-prev-next-button {
|
|
|
- display: none;
|
|
|
-}
|
|
|
-.slider:not([data-paging="true"]) .slides {
|
|
|
- margin: 0;
|
|
|
-}
|
|
|
-.slider.controls--dark .flickity-page-dots .dot {
|
|
|
- background: #252525;
|
|
|
-}
|
|
|
-.slider.controls--dark .flickity-prev-next-button:before {
|
|
|
- color: #252525;
|
|
|
-}
|
|
|
-section.slider {
|
|
|
- padding: 0;
|
|
|
-}
|
|
|
-section.slider.height-10 {
|
|
|
- height: auto;
|
|
|
-}
|
|
|
-section.slider.height-10 .slides .flickity-slider > li {
|
|
|
- height: 10vh;
|
|
|
- padding: 0;
|
|
|
-}
|
|
|
-@media all and (min-width: 768px) {
|
|
|
- section.slider.height-10 .slides li.imagebg {
|
|
|
- min-height: 10vh;
|
|
|
- }
|
|
|
-}
|
|
|
-section.slider.height-20 {
|
|
|
- height: auto;
|
|
|
-}
|
|
|
-section.slider.height-20 .slides .flickity-slider > li {
|
|
|
- height: 20vh;
|
|
|
- padding: 0;
|
|
|
-}
|
|
|
-@media all and (min-width: 768px) {
|
|
|
- section.slider.height-20 .slides li.imagebg {
|
|
|
- min-height: 20vh;
|
|
|
- }
|
|
|
-}
|
|
|
-section.slider.height-30 {
|
|
|
- height: auto;
|
|
|
-}
|
|
|
-section.slider.height-30 .slides .flickity-slider > li {
|
|
|
- height: 30vh;
|
|
|
- padding: 0;
|
|
|
-}
|
|
|
-@media all and (min-width: 768px) {
|
|
|
- section.slider.height-30 .slides li.imagebg {
|
|
|
- min-height: 30vh;
|
|
|
- }
|
|
|
-}
|
|
|
-section.slider.height-40 {
|
|
|
- height: auto;
|
|
|
-}
|
|
|
-section.slider.height-40 .slides .flickity-slider > li {
|
|
|
- height: 40vh;
|
|
|
- padding: 0;
|
|
|
-}
|
|
|
-@media all and (min-width: 768px) {
|
|
|
- section.slider.height-40 .slides li.imagebg {
|
|
|
- min-height: 40vh;
|
|
|
- }
|
|
|
-}
|
|
|
-section.slider.height-50 {
|
|
|
- height: auto;
|
|
|
-}
|
|
|
-section.slider.height-50 .slides .flickity-slider > li {
|
|
|
- height: 50vh;
|
|
|
- padding: 0;
|
|
|
-}
|
|
|
-@media all and (min-width: 768px) {
|
|
|
- section.slider.height-50 .slides li.imagebg {
|
|
|
- min-height: 50vh;
|
|
|
- }
|
|
|
-}
|
|
|
-section.slider.height-60 {
|
|
|
- height: auto;
|
|
|
-}
|
|
|
-section.slider.height-60 .slides .flickity-slider > li {
|
|
|
- height: 60vh;
|
|
|
- padding: 0;
|
|
|
-}
|
|
|
-@media all and (min-width: 768px) {
|
|
|
- section.slider.height-60 .slides li.imagebg {
|
|
|
- min-height: 60vh;
|
|
|
- }
|
|
|
-}
|
|
|
-section.slider.height-70 {
|
|
|
- height: auto;
|
|
|
-}
|
|
|
-section.slider.height-70 .slides .flickity-slider > li {
|
|
|
- height: 70vh;
|
|
|
- padding: 0;
|
|
|
-}
|
|
|
-@media all and (min-width: 768px) {
|
|
|
- section.slider.height-70 .slides li.imagebg {
|
|
|
- min-height: 70vh;
|
|
|
- }
|
|
|
-}
|
|
|
-section.slider.height-80 {
|
|
|
- height: auto;
|
|
|
-}
|
|
|
-section.slider.height-80 .slides .flickity-slider > li {
|
|
|
- height: 80vh;
|
|
|
- padding: 0;
|
|
|
-}
|
|
|
-@media all and (min-width: 768px) {
|
|
|
- section.slider.height-80 .slides li.imagebg {
|
|
|
- min-height: 80vh;
|
|
|
- }
|
|
|
-}
|
|
|
-section.slider.height-90 {
|
|
|
- height: auto;
|
|
|
-}
|
|
|
-section.slider.height-90 .slides .flickity-slider > li {
|
|
|
- height: 90vh;
|
|
|
- padding: 0;
|
|
|
-}
|
|
|
-@media all and (min-width: 768px) {
|
|
|
- section.slider.height-90 .slides li.imagebg {
|
|
|
- min-height: 90vh;
|
|
|
- }
|
|
|
-}
|
|
|
-section.slider.height-100 {
|
|
|
- height: auto;
|
|
|
-}
|
|
|
-section.slider.height-100 .slides .flickity-slider > li {
|
|
|
- height: 100vh;
|
|
|
- padding: 0;
|
|
|
-}
|
|
|
-@media all and (min-width: 768px) {
|
|
|
- section.slider.height-100 .slides li.imagebg {
|
|
|
- min-height: 100vh;
|
|
|
- }
|
|
|
-}
|
|
|
-section.slider[data-paging="true"] .flickity-page-dots {
|
|
|
- bottom: 1.85714286em;
|
|
|
-}
|
|
|
-section.slider:not(.image--light)[data-paging="true"] .flickity-page-dots .dot {
|
|
|
- background: #fff;
|
|
|
-}
|
|
|
-section.slider .slides {
|
|
|
- margin: 0;
|
|
|
-}
|
|
|
-@media all and (max-width: 767px) {
|
|
|
- section.slider[class*='height-'] .slides .flickity-slider > li {
|
|
|
- height: auto;
|
|
|
- padding: 7.42857143em 0;
|
|
|
- }
|
|
|
- section.slider.space--lg .slides .flickity-slider > li {
|
|
|
- padding: 11.14285714em 0;
|
|
|
- }
|
|
|
- section.slider.space--xlg .slides .flickity-slider > li {
|
|
|
- padding: 11.14285714em 0;
|
|
|
- }
|
|
|
-}
|
|
|
-section.bg--dark .slider[data-paging="true"] .flickity-page-dots .dot,
|
|
|
-section.bg--primary .slider[data-paging="true"] .flickity-page-dots .dot {
|
|
|
- background: #fff;
|
|
|
-}
|
|
|
-.flickity-page-dots .dot {
|
|
|
- transition: 0.3s ease;
|
|
|
- -webkit-transition: 0.3s ease;
|
|
|
- -moz-transition: 0.3s ease;
|
|
|
- width: 8px;
|
|
|
- height: 8px;
|
|
|
- border-radius: 50%;
|
|
|
- background: #252525;
|
|
|
- border: none;
|
|
|
- margin: 0 0.46428571em;
|
|
|
-}
|
|
|
-.flickity-page-dots .dot:hover:not(.is-selected) {
|
|
|
- opacity: .6;
|
|
|
-}
|
|
|
-.text-center .flickity-page-dots,
|
|
|
-section.slider .flickity-page-dots {
|
|
|
- text-align: center;
|
|
|
-}
|
|
|
-.flickity-prev-next-button svg {
|
|
|
- display: none;
|
|
|
-}
|
|
|
-.flickity-prev-next-button:before {
|
|
|
- font-family: 'stack-interface';
|
|
|
- content: "\e80c";
|
|
|
- font-size: 1em;
|
|
|
- font-weight: normal;
|
|
|
-}
|
|
|
-.flickity-prev-next-button.previous:before {
|
|
|
- content: "\e80b";
|
|
|
-}
|
|
|
-.imagebg:not(.image--light) .flickity-page-dots .dot,
|
|
|
-.bg--dark .flickity-page-dots .dot {
|
|
|
- background: #fff;
|
|
|
-}
|
|
|
+
|
|
|
/**! 19. Hover Elements **/
|
|
|
.hover-element {
|
|
|
position: relative;
|
|
|
@@ -7002,9 +6652,6 @@ a[data-lightbox]:hover {
|
|
|
.cover-fullscreen {
|
|
|
min-height: 100vh;
|
|
|
}
|
|
|
-.cover-fullscreen.slider[data-paging="true"] .slides .flickity-slider > li {
|
|
|
- height: 100vh;
|
|
|
-}
|
|
|
.cover-fullscreen.slider[data-paging="true"] .pos-bottom {
|
|
|
bottom: 5.57142857em;
|
|
|
width: 100%;
|
|
|
@@ -7997,103 +7644,7 @@ input[type="image"] {
|
|
|
}
|
|
|
}
|
|
|
/*! -- Stack Sliders -- */
|
|
|
-.flickity-prev-next-button {
|
|
|
- transition: 0.3s ease;
|
|
|
- -webkit-transition: 0.3s ease;
|
|
|
- -moz-transition: 0.3s ease;
|
|
|
- border-radius: 0;
|
|
|
- background: #252525;
|
|
|
- width: 2.78571429em;
|
|
|
- height: 5.57142857em;
|
|
|
-}
|
|
|
-.flickity-prev-next-button:not(:hover) {
|
|
|
- opacity: .5;
|
|
|
-}
|
|
|
-.flickity-prev-next-button:hover {
|
|
|
- background: #252525;
|
|
|
-}
|
|
|
-.flickity-prev-next-button.previous {
|
|
|
- left: 0;
|
|
|
-}
|
|
|
-.flickity-prev-next-button.next {
|
|
|
- right: 0;
|
|
|
-}
|
|
|
-.flickity-prev-next-button:before {
|
|
|
- color: #fff;
|
|
|
-}
|
|
|
-.slider.slider--inline-arrows .flickity-prev-next-button {
|
|
|
- background: none;
|
|
|
-}
|
|
|
-.slider.slider--inline-arrows .flickity-prev-next-button:before {
|
|
|
- font-size: 1.78571429em;
|
|
|
- color: #252525;
|
|
|
- content: '\e802';
|
|
|
-}
|
|
|
-.slider.slider--inline-arrows .flickity-prev-next-button.previous:before {
|
|
|
- content: '\e801';
|
|
|
-}
|
|
|
-.slider.slider--columns .previous {
|
|
|
- left: 15px;
|
|
|
-}
|
|
|
-.slider.slider--columns .next {
|
|
|
- right: 15px;
|
|
|
-}
|
|
|
-.slider.border--round .slides li {
|
|
|
- border-radius: 6px;
|
|
|
- overflow: hidden;
|
|
|
-}
|
|
|
-.slider.boxed--border .slides li {
|
|
|
- border: 1px solid #ececec;
|
|
|
-}
|
|
|
-.slider .slides li .feature:not(.feature-9) {
|
|
|
- margin-bottom: 0;
|
|
|
-}
|
|
|
-.slide .boxed:last-child {
|
|
|
- margin-bottom: 0;
|
|
|
-}
|
|
|
-.slide:not([class*='col-']) > img:only-child {
|
|
|
- width: 100%;
|
|
|
-}
|
|
|
-.bg--dark .slider.slider--inline-arrows .flickity-prev-next-button:before,
|
|
|
-.bg--primary .slider.slider--inline-arrows .flickity-prev-next-button:before,
|
|
|
-.imagebg:not(.image--light) .slider.slider--inline-arrows .flickity-prev-next-button:before {
|
|
|
- color: #fff;
|
|
|
-}
|
|
|
-@media all and (max-width: 990px) {
|
|
|
- .flickity-prev-next-button {
|
|
|
- display: none;
|
|
|
- }
|
|
|
-}
|
|
|
-@media all and (min-width: 768px) {
|
|
|
- h2 + .slider,
|
|
|
- .h2 + .slider {
|
|
|
- margin-top: 3.71428571em;
|
|
|
- }
|
|
|
-}
|
|
|
-.slider.slider--ken-burns:not(.parallax) .slide.is-selected > .background-image-holder,
|
|
|
-.slider.slider--ken-burns:not(.parallax) .slide.is-selected > img:only-child {
|
|
|
- animation: kenBurns 15s ease alternate infinite;
|
|
|
- -webkit-animation: kenBurns 15s ease alternate infinite;
|
|
|
-}
|
|
|
-.radial {
|
|
|
- margin-left: auto;
|
|
|
- margin-right: auto;
|
|
|
-}
|
|
|
-.radial .radial__label {
|
|
|
- transition: opacity .3s ease;
|
|
|
- -webkit-transition: opacity .3s ease;
|
|
|
-}
|
|
|
-.radial:not(.radial--active) .radial__label {
|
|
|
- opacity: 0;
|
|
|
-}
|
|
|
-.radial:not(:last-child) {
|
|
|
- margin-bottom: 1.85714286em;
|
|
|
-}
|
|
|
-@media all and (max-width: 767px) {
|
|
|
- .radial {
|
|
|
- margin-bottom: 1.85714286em;
|
|
|
- }
|
|
|
-}
|
|
|
+
|
|
|
/*! -- Stack Pricing -- */
|
|
|
.pricing {
|
|
|
transition: 0.3s ease;
|