/*	***************
	* blog teaser *
	*************** */

.loxone_blog_teaser {
	width: 100%;
	overflow: hidden;
	background-color: #333;
}

.loxone_blog_teaser > div a {
	position: relative;
	display: block;
	float: left;
	width: 25%;
	padding: 60px 20px 0;
	background-size: cover;
	background-position: center center;
	text-align: center;
	height: 200px;
	font-size: 0.8em;
	font-weight: bold;
}

.loxone_blog_teaser > div a:before {
	content: "";
	display: block;
	height: 100%;
	width: 100%;
	top: 0;
	left: 0;
	position: absolute;
	pointer-events: none;
}

.loxone_blog_teaser > div a.technology:before {
	background: rgba(105,195,80,0.6);
}

.loxone_blog_teaser > div a.references:before {
	background: rgba(188,167,138,0.6);
}

.loxone_blog_teaser > div a.backstage:before {
	background: rgba(121,51,105,0.6);
}

.loxone_blog_teaser > div a.know-how:before {
	background: rgba(0,176,219,0.6);
}

.loxone_blog_teaser > div a.for-partners:before {
	background: rgba(87,92,97,0.6);
}

.loxone_blog_teaser > div a p {
	position: relative;
	z-index: 99999;
	color: #fff;
	padding: 0;
}

.loxone_blog_teaser > div a p.title {
	font-size: 1.2em;
	font-weight: normal;
}

.loxone_blog_teaser a:hover .category,
.loxone_blog_list a:hover .content,
.loxone_blog_list a:hover .category {
	color: #fff !important;
}

.loxone_blog_teaser a.technology:hover,
.loxone_blog_list a.technology:hover,
.loxone_blog_list a.technology:hover .overlay {
	box-shadow:inset 0 0 0 500px rgba(105,195,80,0.7);
}

.loxone_blog_teaser a.references:hover,
.loxone_blog_list a.references:hover,
.loxone_blog_list a.references:hover .overlay {
	box-shadow:inset 0 0 0 500px rgba(188,167,138,0.7);
}

.loxone_blog_teaser a.backstage:hover,
.loxone_blog_list a.backstage:hover,
.loxone_blog_list a.backstage:hover .overlay {
	box-shadow:inset 0 0 0 500px rgba(121,51,105,0.7);
}

.loxone_blog_teaser a.know-how:hover,
.loxone_blog_list a.know-how:hover,
.loxone_blog_list a.know-how:hover .overlay {
	box-shadow:inset 0 0 0 500px rgba(0,176,219,0.7);
}

.loxone_blog_teaser a.for-partners:hover,
.loxone_blog_list a.for-partners:hover,
.loxone_blog_list a.for-partners:hover .overlay {
	box-shadow:inset 0 0 0 500px rgba(87,92,97,0.7);
}

.loxone_blog_teaser a.portugal:hover,
.loxone_blog_list a.portugal:hover,
.loxone_blog_list a.portugal:hover .overlay {
	box-shadow:inset 0 0 0 500px rgba(87,92,97,0.7);
}

.loxone_blog_teaser a.noticias-exclusivas:hover,
.loxone_blog_list a.noticias-exclusivas:hover,
.loxone_blog_list a.noticias-exclusivas:hover .overlay,
.loxone_blog_teaser a.exclusive-news:hover,
.loxone_blog_list a.exclusive-news:hover,
.loxone_blog_list a.exclusive-news:hover .overlay,
.loxone_blog_teaser a.exkluzivni-novinky:hover,
.loxone_blog_list a.exkluzivni-novinky:hover,
.loxone_blog_list a.exkluzivni-novinky:hover .overlay,
.loxone_blog_teaser a.nouveaute-exclusive:hover,
.loxone_blog_list a.nouveaute-exclusive:hover,
.loxone_blog_list a.nouveaute-exclusive:hover .overlay,
.loxone_blog_teaser a.notizie-esclusive:hover,
.loxone_blog_list a.notizie-esclusive:hover,
.loxone_blog_list a.notizie-esclusive:hover .overlay,
.loxone_blog_teaser a.ekskluzywne-nowosci:hover,
.loxone_blog_list a.ekskluzywne-nowosci:hover,
.loxone_blog_list a.ekskluzywne-nowosci:hover .overlay,
.loxone_blog_teaser a.exkluzivne-novinky:hover,
.loxone_blog_list a.exkluzivne-novinky:hover,
.loxone_blog_list a.exkluzivne-novinky:hover .overlay{
	box-shadow:inset 0 0 0 500px rgba(105, 195, 80, 0.7);
}

.loxone_blog_teaser .category,
.loxone_blog_list .category {
	font-size: 1.2em;
}

.loxone_blog_list a.technology .category,
.loxone_blog_header .meta span.technology {
	color: #69C350;
}

.loxone_blog_list a.references p.category,
.loxone_blog_header .meta span.references {
	color: #BCA78A;
}

.loxone_blog_list a.backstage p.category,
.loxone_blog_header .meta span.backstage {
	color: #793369;
}

.loxone_blog_list a.know-how p.category,
.loxone_blog_header .meta span.know-how {
	color: #00B0DB;
}

.loxone_blog_list a.for-partners p.category,
.loxone_blog_header .meta span.for-partners {
	color: #575C61;
}


.loxone_blog_teaser > div p.title {
	color: #fff;
}

@media(max-width: 980px) {
	.loxone_blog_teaser > div a {
		width: 50%;
	}
}

@media(max-width: 460px) {
	.loxone_blog_teaser > div a {
		width: 100%;
	}
}

/*	*************
	* blog list *
	************* */

.loxone_blog_list {
	width: 100%;
	overflow: hidden;
}

.loxone_blog_list > a {
	display: block;
	position: relative;
	float: left;
	width: 31.333%;
	margin: 1%;
	background: #fff;
	height: 350px;
	border: 2px solid #eee;
}

.loxone_blog_list .image {
	position: relative;
	height: 120px;
	background-position: center center;
	background-size: cover;
}

/*.loxone_blog_list .author {
	position: absolute;
	bottom: -25px;
	right: 10%;
	padding: 3px;
	background: #fff;
	border-radius: 50px;
	width: 63px;
	height: 63px;
}

.loxone_blog_list a:hover .author {
	display: none;
}

.loxone_blog_list .author img {
	border-radius: 50px;
}*/

.loxone_blog_list .content {
	padding: 10%;
	color: #000;
}

.loxone_blog_list .title {
	font-weight: bold;
}

.loxone_blog_list .excerpt {
	font-size: 0.9em;
}

.loxone_blog_list .overlay {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 99;
}

.loxone_blog_list .pagination {
	display: inline-block;
	clear: both;
	margin-top: 50px;
	padding-top: 20px;
	border-top: 1px solid #ddd;
	text-align: center;
	width: 100%;
}

.loxone_blog_list .pagination a {
	color: #000;
}

.loxone_blog_list .pagination .page-numbers {
	padding: 0 10px;
}

.loxone_blog_list .pagination .current {
	font-weight: bold;
}

@media(max-width: 980px) {
	.loxone_blog_list > a {
		width: 48%;
	}
}

@media(max-width: 520px) {
	.loxone_blog_list > a {
		width: 98%;
		margin-bottom: 5%;
	}
}

/*	********************
	* blog single page *
	******************** */

article.loxone_blog_single {
	padding-bottom: 0 !important;
}

/* header */

.loxone_blog_header .image {
	width: 100%;
	background-color: #333;
}

.loxone_blog_header .image > div {
	margin: 0 auto -100px;
	padding-top: 50px;
	max-width: 960px;
	text-align: center;
}

.loxone_blog_header .image img {
	width: 100% !important;
}

.loxone_blog_header .headline {
	width: 100%;
	background-color: #fff;
	border-bottom: 1px solid #eee;
}

.loxone_blog_header .headline > div {
	margin: 0 auto;
	padding-top: 120px;
	max-width: 960px;
}

.loxone_blog_header .headline h1 {
	text-align: center;
	text-transform: none;
}

.loxone_blog_header .meta {
	width: 100%;
	background-color: #fff;
	color: #000;
	font-size: 0.8em;
	line-height: 1.4em;
}

.loxone_blog_header .meta > div {
	margin: 0 auto;
	max-width: 960px;
	padding: 20px 0;
	position: relative;
	overflow: hidden;
}

.loxone_blog_header .meta img {
	border-radius: 60px;
}

.loxone_blog_header .meta .left {
	float: left;
	padding-right: 20px;
}

.loxone_blog_header .meta .right {
	float: right;
	padding-top: 22px;
}

.loxone_blog_header .meta .right span {
	display: inline-block;
	padding: 0 10px;
}

.loxone_blog_header .meta .right a {
	color: #000;
}

.loxone_blog_header .meta .blog-meta {
	padding-top: 10px;
}

.loxone_blog_header .meta .blog-meta span {
	font-weight: bold;
}

.loxone_blog_single .social span {
	font-family: 'ETmodules' !important;
	font-size: 1.2em !important;
}

.loxone_blog_single .social .facebook:before {
 	content: "\e093";
}

.loxone_blog_single .social .twitter:before {
	content: "\e094";
}

.loxone_blog_single .social .linkedin:before {
	content: "\e09d";
}

@media(max-width: 980px) {
	.loxone_blog_header .image > div {
		padding-top: 0;
	}

	.loxone_blog_header .headline > div {
		padding-left: 5%;
		padding-right: 5%;
	}

	.loxone_blog_header .meta .left,
	.loxone_blog_header .meta .right {
		float: none;
		text-align: center;
		padding: 10px 0;
	}
}

/* imported posts */

/*article:not(.tag-new_style) .imported {
	background: #eee;
} */

article:not(.tag-new_style) .imported > div {
	max-width: 960px;
	margin: 0 auto;
	padding: 80px 0;
}

article:not(.tag-new_style) .imported h2 {
	font-size: 2em;
	padding-top: 30px !important;
}

article:not(.tag-new_style) .imported h3 {
	font-size: 1.3em;
	padding-top: 30px !important;
}

article:not(.tag-new_style) .imported h4,
article:not(.tag-new_style) .imported h5,
article:not(.tag-new_style) .imported h6 {
	font-size: 1em;
	padding-top: 30px !important;
}

article:not(.tag-new_style) .imported ol.sow-slider-pagination {
	display: none;
}

article:not(.tag-new_style) .imported ul.sow-slider-images {
	list-style-type: none;
	padding: 0;
}

@media(max-width: 980px) {
	article:not(.tag-new_style) .imported > div {
		padding: 5%;
	}
}

/* footer */

.loxone_blog_footer {
	width: 100%;
	background: #eee;
}

.loxone_blog_footer .social {
	padding: 50px 0;
}

.loxone_blog_footer .social span {
	padding: 0 10px;
}

.loxone_blog_footer .social a {
	color: #000;
}

.loxone_blog_footer .center {
	text-align: center;
}

.loxone_blog_footer .navigation {
	padding-bottom: 50px;
}

.loxone_blog_footer .navigation .headline {
	text-align: center;
	margin-bottom: 20px;
	color: #999;
}

.loxone_blog_footer .navigation > div {
	margin: 0 auto;
	max-width: 960px;
	text-align: center;
	font-size: 0.9em;
	line-height: 1.5em;
	overflow: hidden;
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
}

.loxone_blog_footer .navigation > div span {
	color: #000;
	font-size: 0.8em;
}

.loxone_blog_footer .navigation .prev {
	padding: 20px;
	width: 50%;
	float: left;
	border-right: 1px solid #ddd;
}

.loxone_blog_footer .navigation .next {
	padding: 20px;
	width: 50%;
	float: left;
	border-left: 1px solid #ddd;
	margin-left: -1px;
}

.loxone_blog_footer .more {
	text-align: center;
	padding-bottom: 50px;
}

.loxone_blog_footer .more h3 {
	letter-spacing: 0;
}

.loxone_blog_footer .more p {
	padding-bottom: 0;
}

@media(max-width: 980px) {
	.loxone_blog_footer .more {
		padding-left: 5%;
		padding-right: 5%;
	}
}

/*	***********************
	* category navigation *
	*********************** */

.loxone_blog_menu .fullwidth-menu-nav > ul {
	padding: 15px 0 !important;
}

.loxone_blog_menu .fullwidth-menu li > a {
	padding-bottom: 0;
	color: #000;
}

.loxone_blog_menu .fullwidth-menu li > a:hover {
	opacity: 1;
    -webkit-transition: all 0s ease-in-out;
    -moz-transition: all 0s ease-in-out;
    transition: all 0s ease-in-out;
    text-decoration: none;
    color: #69c350;
}

.loxone_blog_menu .et_mobile_menu li a {
	color: #666;
}

.loxone_blog_menu .fullwidth-menu-nav li.current-menu-item > a,
.loxone_blog_menu .et_mobile_menu li.current-menu-item > a,
header #et-top-navigation li.blog-menu-parent.blog-active > a {
	color: #69c350 !important;
}