/**
* @version   $Id: showcase.css 26150 2015-01-27 16:25:41Z james $
* @author    RocketTheme http://www.rockettheme.com
* @copyright Copyright (C) 2007 - 2019 RocketTheme, LLC
* @license   http://www.gnu.org/licenses/gpl-2.0.html GNU/GPLv2 only
 */

/* Features - Layout Showcase - Core */
.layout-showcase {position: relative;margin: 0 80px;-webkit-transform: translateZ(0);}
.layout-showcase:after {display: table;content: "";*zoom: 1;clear: both;}
.layout-showcase ul {list-style: none !important;margin: 0;padding: 0;}

/* Features - Layout Showcase - Content */
.pagination-active {margin-bottom: 35px;}
.layout-showcase .sprocket-features-list {position: relative;overflow: hidden;padding: 0 !important;margin: 0 -40px;}
.layout-showcase .sprocket-features-list li {position: absolute;top: auto;left: auto;opacity: 0;width: 100%;height: 100%;display: none;}
.layout-showcase .sprocket-features-list li.active {position: static;height: auto;opacity: 1;display: block;}
.layout-showcase .sprocket-features-content, .layout-showcase .sprocket-features-img-container {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box; padding: 0 15px;}
.layout-showcase .sprocket-features-img-container {float: right;width: 50%;}
.layout-showcase .sprocket-features-content {float: left;width: 50%;}
.layout-showcase .sprocket-features-title {font-size: 3.25em;margin: 0;padding: 0;line-height: 1.25em;}
.layout-showcase .sprocket-features-desc {font-size: 1.35em;line-height: 1.65em;margin-top: 1.25em;}
.layout-showcase .readon {margin: 15px 0 0 0;display: table;}

/* Features - Layout Showcase - Navigation */
.layout-showcase .sprocket-features-arrows .arrow {position: absolute;display: block;width: 50px;height: 80px;line-height: 80px;top: 50%;margin-top: -40px;cursor: pointer;z-index: 10;text-align: center;font-size: 24px;opacity: 0.5;-webkit-transform: translateZ(0);-webkit-backface-visibility: hidden;}
.layout-showcase .sprocket-features-arrows .arrow span {display: none;}
.layout-showcase .sprocket-features-arrows .prev {left: -90px;}
.layout-showcase .sprocket-features-arrows .next {right: -90px;}
.layout-showcase .sprocket-features-arrows .arrow:hover {opacity: 1;}
.layout-showcase .sprocket-features-arrows .arrow.prev:before {content: '\f177';font-family: FontAwesome;}
.layout-showcase .sprocket-features-arrows .arrow.next:before {content: '\f178';font-family: FontAwesome;}
.sprocket-features.arrows-onhover .sprocket-features-arrows .arrow {opacity: 0;}
.sprocket-features.arrows-onhover:hover .sprocket-features-arrows .arrow {opacity: 0.5;}
.sprocket-features.arrows-onhover:hover .sprocket-features-arrows .arrow:hover {opacity: 1;}
.sprocket-features.arrows-onhover .sprocket-features-pagination {opacity: 0.5;}
.sprocket-features.arrows-onhover:hover .sprocket-features-pagination {opacity: 1;}
.layout-showcase .sprocket-features-pagination {position: absolute;left: 50%;margin-left: -20px;margin-top: 15px;z-index: 10;}
.layout-showcase .sprocket-features-pagination-hidden {display: none;}
.layout-showcase .sprocket-features-pagination li {display: inline-block;padding: 7px;margin: 0 3px;opacity: 0.8;border-radius: 1em;cursor: pointer;}
.layout-showcase .sprocket-features-pagination li.active {opacity: 1;}
.layout-showcase .sprocket-features-pagination li span {display: none;font-size: 0.85em;line-height: 1em;}

/* Features - Layout Showcase - Transitions */
.layout-showcase .sprocket-features-pagination, .layout-showcase .sprocket-features-pagination li, .layout-showcase .sprocket-features-arrows .arrow {-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-o-transition: all 0.3s ease;transition: all 0.3s ease;}

/* Custom */
.layout-showcase .sprocket-features-arrows .arrow {color: #ffffff;background: rgba(0, 0, 0, 0.5);}
.layout-showcase .sprocket-features-pagination li {background: rgba(0, 0, 0, 0.7);}
.layout-showcase .sprocket-features-pagination li.active {background: #000000;}