/**
 * BeoCode Extension styles
 * 
 * 1. Widgets
 * 
 *    1.1 Media Image
 *    1.2 Product Grid
 *    1.3 Site Info
 *    1.4 Social Links
 *    1.5 Nav Menu
 *    1.6 Spacer
 *    1.7 CMS Slider
 * 
 * 2. General
 * 
 */

/**
 * 1. Widgets
 *    1.1 Media Image & Banner
 */

.widget.bce-banner .overlay,
.widget.bce-media-image .overlay {
	position:relative;
	cursor:default;
	overflow:hidden;
}

.widget.bce-banner .overlay .container,
.widget.bce-media-image .overlay .content {
	position:absolute;
	top:50%;
	left:0;
	width:100%;
	box-sizing:border-box;
	padding:1em;
	-ms-transform:translateY(-50%);
	-webkit-transform:translateY(-50%);
	transform:translateY(-50%);
	text-align:center;
	color:white;
	text-shadow:0 0 3px rgba(0,0,0,0.3);
}

.widget.bce-banner .overlay a,
.widget.bce-media-image .overlay a {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	z-index:10;
}

.widget.bce-banner .overlay img,
.widget.bce-media-image .overlay img {
	vertical-align:middle;
	max-width:none;
	width:100%;
}

.widget.bce-banner .overlay:before,
.widget.bce-media-image .overlay:before {
	transition: opacity 0.3s;
}

.widget.bce-banner .overlay:hover:before,
.widget.bce-media-image .overlay:hover:before {
	opacity:0 !important;
}

.widget.bce-banner .side-image-left .container {
	text-align:left;
}

.widget.bce-banner .side {
	padding:0 0.4em;
}

.widget.bce-banner .side-image-left .container,
.widget.bce-banner .side-image-right .container {
	display:table;
}

.widget.bce-banner .side-image-left .side,
.widget.bce-banner .side-image-right .side {
	width:1px;
}

.widget.bce-banner .side img {
	max-width:initial;
}

.widget.bce-banner .side-image-right .side,
.widget.bce-banner .side-image-right .content,
.widget.bce-banner .side-image-left .side,
.widget.bce-banner .side-image-left .content {
	display:table-cell;
	vertical-align:top;
}

.widget.bce-banner .side-image-right .content {
	padding-right:1em;
	text-align:right;
}

.widget.bce-banner .side-image-left .content {
	padding-left:1em;
	text-align:left;
}

.widget.bce-banner .side-image-top .side {
	padding-bottom:1em;
}

.widget.bce-banner .side i.fa {
	font-size:3em;
}

.widget.bce-banner .frame-none > a,
.widget.bce-banner .frame-flat > a {
	color:inherit;
}

.widget.bce-banner .frame-flat .container {
	padding:1em;
}

.widget.bce-banner .frame-none.side-image-top .container,
.widget.bce-banner .frame-flat.side-image-top .container {
	text-align:center;
}

.widget.bce-banner .frame-flat .container {
	text-shadow:0 0 3px rgba(0,0,0,0.8);
}

.widget.bce-banner .content h2 {
	margin-bottom:0;
	font-size:1.1892em;
}

/**
 * 1.2 Product Grid
 */

.bce-post-grid .woocommerce ul.products {
	display:block;
}

.bce-post-grid .woocommerce ul.products:not(.cols) li.product {
	width:inherit !important;
	float:none;
}

.bce-post-grid .woocommerce ul.products li.product {
	margin-right:0;
}

.bce-post-grid .woocommerce ul.products,
.bce-post-grid .woocommerce-page ul.products {
	margin:0;
}

.bce-post-grid .post-grid:not(.cols) article.hentry.item,
.bce-post-grid .woocommerce ul.products:not(.cols) li.product,
.bce-post-grid .woocommerce-page ul.products:not(.cols) li.product {
	margin-bottom:0;
}

.bce-post-grid .woocommerce ul.products.cols li.first {
	clear:none;
}

.bce-post-grid .action {
	padding-top:2em;
}

.bce-post-grid .action.center {
	text-align:center;
}

.bce-post-grid .action.left {
	text-align:left;
}

.bce-post-grid .action.right {
	text-align:right;
}

.bce-post-grid .widgettitle .button.link {
	margin-left:0.5em;
}

@media screen and (max-width: 480px) {
	.bce-post-grid .widgettitle .buttons {
		display:none;
	}
}

@media screen and (min-width: 480px) {
	.bce-post-grid .action.in-title {
		display:none;
	}
}

/**
 * 1.3 Site Info
 */

.bce-site-info li.icons ul,
.bce-site-info li.social ul,
.bce-site-info li.phones ul,
.bce-site-info ul.content {
	list-style-type:none;
	margin:0;
	clear:both;
	overflow:hidden;
}

.bce-site-info ul.content:after {
	content:'';
	clear:both;
	display:block;
}

.bce-site-info ul.content > li {
	margin:0 0 1em 0;
}

.bce-site-info ul.content > li:last-child {
	margin-bottom:0;
}

.bce-site-info ul.content address {
	margin:0;
}

.bce-site-info li.icon-link,
.bce-site-info li.social-link {
	float:left;
}

.bce-site-info .bc-icon {
	width:1em;
	margin-right:0.4em;
	font-size:1.2em;
	text-align:center;
}

.bce-site-info li.social-link .bc-icon {
	margin-right:0.8em;
}

.bce-site-info li.icon-link .bc-icon {
	width:1.4em;
}

/**
 * 1.4 Social Links
 */

.bce-social-links ul.content {
	list-style-type:none;
	text-align:center;
	padding:0.5em;
}

.bce-social-links ul.content li {
	display:inline-block;
	padding:0.5em 1em;
}

.bce-social-links ul.content li a {
	display:inline-block;
	font-size:1.6em;
	height:2em;
	width:2em;
	line-height:2em;
	border-radius:50%;
}

.bce-social-links ul.content li a:hover {
	opacity:0.8;
}

@media screen and (max-width: 480px) {
	.bce-social-links ul.content li {
		padding:0.5em 0.2em;
	}
}

/**
 * 1.5 Nav Menu
 */

.bce-nav-menu li.menu-item .sub-menu {
	display:none;
}

.bce-nav-menu li.menu-item.active > .sub-menu {
	display:block;
}

.bce-nav-menu li.menu-item-has-children {
	position:relative;
}

.bce-nav-menu li.menu-item-has-children > a {
	padding-right:2em !important;
}

.bce-nav-menu li.menu-item-has-children > a .more {
	position:absolute;
	right:0;
	top:0;
	height:2em;
	width:2em;
	line-height:2em;
	text-align:center;
	cursor:pointer;
}

/**
 * 1.6 Spacer
 */

.bce-spacer.widget {
	margin:0;
}

/**
 * 1.7 CMS Slider
 */

.bce_cms_slider .owl-carousel.animated .owl-item {
	opacity:0;
}

.bce_cms_slider .owl-carousel.animated .owl-item.active {
	opacity:1;
}

.bce_cms_slider .owl-carousel .vc_row {
	margin-left:0;
	margin-right:0;
}

/**
 * 2. General
 */

.cms-block {
/* 	overflow:hidden; */
}

.owl-carousel > li {
	display:none;
}

.owl-carousel {
	min-height:2em;
}

.owl-carousel:not(.owl-loaded):before {
	font-family: FontAwesome;
	content: "\f110" !important;
	position:absolute;
	left:50%;
	text-align:center;
	font-size:2em;
	z-index:10;
	margin-left:-0.5em;
	width:1em;
	height:1em;
	line-height:1em;
	-webkit-animation:bc-spin 2s infinite linear;
	animation:bc-spin 2s infinite linear;
}

.bc-spin {
	-webkit-animation:bc-spin 2s infinite linear;
	animation:bc-spin 2s infinite linear
}

@-webkit-keyframes bc-spin {
	0% {
		-ms-transform:rotate(0deg);
		-webkit-transform:rotate(0deg);
		transform:rotate(0deg)
	}
	100% {
		-ms-transform:rotate(359deg);
		-webkit-transform:rotate(359deg);
		transform:rotate(359deg)
	}
}

@keyframes bc-spin {
	0% {
		-ms-transform:rotate(0deg);
		-webkit-transform:rotate(0deg);
		transform:rotate(0deg)
	}
	100% {
		-ms-transform:rotate(359deg);
		-webkit-transform:rotate(359deg);
		transform:rotate(359deg)
	}
}