/* Copyright (C) YOOtheme GmbH, http://www.gnu.org/licenses/gpl.html GNU/GPL */

/*RokSprocket Mosaic Image effect
 ------------------------------------------------*/
/* Mosaic Overlay Image effect */
.sprocket-mosaic-image-container { 
	background-color: rgb(0, 0, 0);
}
.sprocket-mosaic-image-container a { 
	display:block;
	overflow:hidden;
}
.sprocket-mosaic-image-container a { 
	-webkit-transition: -webkit-transform 0.5s ease;
	-moz-transition: -moz-transform 0.5s ease;
	transition: transform 0.5s ease;
	opacity: 1;
	display:block;
	overflow:hidden;
}
.sprocket-mosaic-image-container a:hover { 
	-webkit-transform: scale(1.3);
	-moz-transform: scale(1.3);
	-o-transform: scale(1.3);
	transform: scale(1.3);
	opacity: .7;
	display:block;
}
.sprocket-mosaic-image-container .view {
    color: fff;
	margin:0 auto;
	margin-top:-6px;
    position: absolute;
    text-align: center;
    top: 50%;
	left:0;
	right:0;
    width: 40px;
	height:40px;
	opacity: 0;
	display:block;
}
.sprocket-mosaic-image-container:hover .view { 
	opacity: 1;
	font-size:40px;
}

/* Mosaic Hide the tag List */
ul.sprocket-mosaic-tags {display:none}

/* Mosaic Overlay Image effect */
img.hover-effect { 
	-webkit-transition: -webkit-transform 0.5s ease;
	-moz-transition: -moz-transform 0.5s ease;
	transition: transform 0.5s ease;
}
img.hover-effect:hover { 
	-webkit-transform: scale(1.5);
	-moz-transform: scale(1.5);
	-o-transform: scale(1.5);
	transform: scale(1.5);
}

img.hover-effect { 
	-webkit-transition: -webkit-transform 0.5s ease;
	-moz-transition: -moz-transform 0.5s ease;
	transition: transform 0.5s ease;
}
img.hover-effect:hover { 
	-webkit-transform: scale(1.5);
	-moz-transform: scale(1.5);
	-o-transform: scale(1.5);
	transform: scale(1.5);
}
/* Slideshow Media Queries */

@media only screen and (max-width: 1024px) {
	.layout-slideshow .sprocket-features-content {
		position: absolute;
		top: 10px;
		left: 10px;
		width: 100%;
	}
}

/*Rewrite the stupid bootstrap
 ------------------------------------------------*/
[class^="icon-"], [class*=" icon-"] {
    height: auto;
    line-height: 1.7!important;
    width: auto;
}
/*No Space Class
 ------------------------------------------------*/
.no-space {
	padding-top:0!important;
	padding-bottom:0!important
}


/* Socials on the left side
 ------------------------------------------------*/
.sidebar {
    display: block;
    position: relative;
    width: 100%;
	margin:40px 0;
}
.sidebar ul {
	padding:0 30px
}

/* Headline with Border
 ========================================================================== */
span.border {
	border-top:1px dotted #fff;
	border-bottom:1px dotted #fff;
	padding:10px 20px;
}

/* Toolbar Outer 100%
 ========================================================================== */
.toolbar {
	width:100%;
	position:relative;
	display:block;
	float:left;
}

.toolbar ul {
	margin:0!important
}

.tm-middle{
	float:none;
}
/* Desktop Logo 
 ========================================================================== */
.tm-logo {
	display:block;
	width:100%;
	text-align:center;
	margin:30px auto;
}
.logo a:hover {border:none; text-decoration:none;}

/* Mobile Logo 
 ========================================================================== */

.tm-logo-small {
    display: inline-block;
	letter-spacing: normal!important;
	margin:0;
}
.tm-logo-small h2 {margin:0}
/* Breadcrumbs 
 ========================================================================== */

.uk-breadcrumb {
    border-bottom: 1px solid #eee;
    padding: 0 0 20px!important;
}
/* Mainmenu 
 ========================================================================== */
.tm-navbar {margin:0 !important}
.uk-dropdown .uk-nav {
    text-align: left;
}
#menu-outer { 
	z-index: 980;
	position:relative;
	float:none;
	text-align:center;
}
#menu-outer.uk-active{ 
	padding-top:0 !important
}
.uk-navbar-nav > li > a {
	text-transform:uppercase
	}
.uk-navbar-nav {
    display: inline-block!important;
    float: none!important;
    list-style: outside none none;
    margin: 0;
    padding: 0;
    text-align: center!important;
}
#jp-right {
    height: 100%;
    position:relative;
}
.right-inner {
	float:left;
}
.uk-sticky-placeholder {
	z-index: 99999;
	position:relative;
}
.uk-container {width:100% !important;max-width:100%!important}

/* Module Title
 ========================================================================== */
h3.uk-panel-title{
  	border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    margin-bottom: 20px;
    padding-bottom: 10px;
	position:relative;
}

h3.uk-panel-title::after{
    bottom: 0;
    content: "";
    height: 3px;
    left: 0;
    position: absolute;
    width: 30px;
}

/* Article Title
 ========================================================================== */
h1.uk-article-title{
  	border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    margin-bottom: 20px;
    margin-top: 20px;
    padding-bottom: 10px;
	position:relative;
}

h1.uk-article-title::after{
    bottom: 0;
    content: "";
    height: 3px;
    left: 0;
    position: absolute;
    width: 30px;
}

/* Footer 
 ========================================================================== */
.tm-footer{
	margin:0!important;
	padding:20px 0;
}

/*Center the Footer Menu
 ------------------------------------------------*/
.tm-footer .uk-subnav {
    display: inline-flex!important
}

/* Image Styles
 ========================================================================== */

.shadow {
	box-shadow: 0 -4px 15px rgba(0, 0, 0, 0.1);
	border:1px solid #fff;
}
.shadow-img {
	box-shadow: 0 -4px 25px rgba(0, 0, 0, 0.3);
}

/* Panel Box Border
 ========================================================================== */

.uk-panel-box-border{
	background:none!important;
	border:1px solid #eee;
}

.uk-panel-box-shadow{
    background-image: -moz-linear-gradient(center top , #f9f9f9, #fff)!important;
    border: 4px solid #fff;
    box-shadow: 0 0 2px rgba(0, 0, 0, 0.15), 0 85px 180px 0 #fff, 0 12px 8px -5px rgba(0, 0, 0, 0.35);
}
/* Center Title with Border
----------------------------------------------------------------------------------------------------*/
.headline-border h3.uk-panel-title {
    overflow: hidden;
    text-align: center;
	font-size:200%;
	padding:20px 0;
	border-bottom:none;
}
.headline-border h3.uk-panel-title:before,
.headline-border h3.uk-panel-title:after {
    background-color: #eee;
    content: "";
    display: inline-block;
    height: 1px;
    position: relative;
    vertical-align: middle;
    width: 50%;
}
.headline-border h3.uk-panel-title:before {
    right: 0.5em;
    margin-left: -50%;
}
.headline-border h3.uk-panel-title:after {
    left: 0.5em;
    margin-right: -50%;
}
@media only screen and (max-width: 768px) {
	.tm-middle, #top-a, #top-b, #top-c, #top-d, #bottom-a, #bottom-b, #bottom-c, #bottom-d {
		padding:1% !important;
	}
}