/**
 * Wesoby
 *
 * NOTICE OF LICENSE
 *
 * This source file is subject to the End User License Agreement (EULA 1.0)
 * that is bundled with this package in the file license.txt.
 * It is also available through the world-wide-web at this URL:
 * http://www.wesoby.nl/licenses/eula-1.0
 * If you did not receive a copy of the license and are unable to
 * obtain it through the world-wide-web, please send an email
 * to support@wesoby.nl so we can send you a copy immediately.
 *
 * @category	Wesoby
 * @package		Wesoby_Abelswijnen
 * @copyright	Copyright (c) 2017-2022 Wesoby (http://www.wesoby.nl)
 * @license		http://www.wesoby.nl/licenses/eula-1.0	End User License Agreement (EULA 1.0)
 *
 * This file contains parts from the original Magento code base.
 * Copyright © Magento, Inc. All rights reserved.
 * See COPYING.txt for license details.
 */

.blog .blog-list .blog-post {
	border-bottom: 1px solid #e1e1e1;
	padding: 20px 0;
}
.blog .blog-list .blog-post:first-child {
	padding-top: 0;
}
.blog .blog-list .blog-post:after {
	display: table;
	content: '';
	clear: both;
}
.blog .blog-list .blog-post .blog-image {
	width: 40%;
	float: left;
	box-sizing: border-box;
}
.blog .blog-list .blog-post .blog-image img {
	width: 100%;
	height: auto;
}
.blog .blog-list .blog-post .blog-info {
	width: 60%;
	float: right;
	padding-left: 20px;
	box-sizing: border-box;
}
.blog .blog-category {
	font-weight: normal;
	padding-left: 30px;
	position: relative;
	margin-bottom: 10px;
	color:  #000000
}
.blog .blog-category a {
	color: #000000;
}
.blog .blog-category:before {
	display: block;
	content: '';
	border-bottom: 1px solid #000000;
	width: 20px;
	position: absolute;
	left: 0px;
	top: 8px;
}
.blog .blog-list .blog-post .blog-title {
	margin-top: 10px;
	margin-bottom: 10px;
}
.blog .blog-list .blog-post .blog-date {
	margin-bottom: 10px;
}
.blog .blog-list .blog-post .blog-summary {
	color: #000000;
	margin-bottom: 10px;
}
body.cms-index-index .blog .blog-list .blog-post .blog-link {
	text-align: right;
}
body.cms-index-index .blog .blog-list .blog-post .blog-link a {
	color: #a58d28;
}
body:not(.cms-index-index) .blog-list .blog-post .blog-link a {
	display: inline-block;
	padding: 8px 28px;
	border-radius: 5px;
	background: #175c5e;
	color: white;
	text-transform: uppercase;
	font-size: 1.4rem;
}
.blog .pager {
	text-align: center;
	margin-top: 20px;
}
.blog .pager .pages {
	display: inline-block;
}
.blog .pager .pages .item {
	width: 34px;
	line-height: 34px;
	margin: 0px;
}
.blog .pager .pages .item a {
	color: #175c5e;
}
.blog .pager .pages .item.current {
	border: 1px solid #e1e1e1;
}
.blog .pager .pages .action {
	border-width: 0px;
}
.blog .pager .pages .action:before {
	color: #175c5e;
}
.blog.page-layout-2columns-right .sidebar .blog-intro *:first-child {
	margin-top: 0;
	padding-top: 0;
}
.blog .sidebar > *:not(:first-child) {
	padding-top: 10px;
}
.blog .sidebar > *:not(:last-child) {
	border-bottom: 1px solid #e1e1e1;
	padding-bottom: 10px;
}
.blog .sidebar > *:last-child {
	margin-bottom: 20px;
}
.blog .sidebar .block.filter {
	margin-bottom: 0px;
}
.blog .sidebar .block.filter .content {
	margin-bottom: 10px;
}
.blog .sidebar .block.filter a {
	color: #175c5e;
}
.blog-intro h3 {
	margin-bottom: 17px;
}
.blog .sidebar h3 {
	margin-top: 10px;
}
.blog-latest .blog-post:not(:first-child) {
	padding-top: 16px;
}
.cms-index-index .blog-latest .blog-post:not(:first-child) {
	padding-top: 0px;
}
.blog-latest .blog-post:not(:last-child) {
	padding-bottom: 16px;
}
body.cms-index-index .blog-latest .blog-post {
	padding-bottom: 0px;
}
.blog-latest .blog-post:after {
	display: table;
	clear: both;
	content: '';
}
.blog-latest .blog-post .blog-image {
	width: 40%;
	float: left;
	box-sizing: border-box;
}
.blog-latest .blog-post .blog-image img {
	width: 100%;
	heigh: auto;
}
.blog-latest .blog-post .blog-info {
	width: 60%;
	float: right;
	padding-left: 10px;
	box-sizing: border-box;
}
.blog-latest .blog-post .blog-title {
	margin-top: 0px;
	margin-bottom: 3px;
}
.blog-latest .blog-post a {
	color: #175c5e;
}
.blog-post-image {
	margin-bottom: 20px;
}
.blog-post-view .page-title {
	margin-bottom: 0px;
}
.blog-post-view .blog-date {
	margin-bottom: 20px;
}
.blog-post-share {
	display: block;
	padding: 0 0 12px 0;
	min-height: 34px;
	box-sizing: border-box;
	position: relative;
	margin-top: -42px;
}
.blog-post-share:after {
	clear: both;
	display: table;
	content: '';
}
.blog-post-share p {
	padding: 9px 0;
	float: left;
	margin-bottom: 0;
}
.blog-post-share .links {
	float: right;
	line-height: 0;
}
.blog-post-share a {
	display: inline-block;
	width: 22px;
	height: 22px;
	background-position:center;
	background-repeat: no-repeat;
	background-size: cover;
	border: 1px solid #e7eeef;
}
.blog-post-share .facebook {
	background-image: url('../../images/facebook_wit_icon.png');
}
.blog-post-share .twitter {
	background-image: url('../../images/twitter_wit_icon.png');
}
.blog-post-share .linkedin {
	background-image: url('../../images/linkedin_wit_icon.png');
}
.blog-search {
	margin-bottom: 0;
}
.blog-search form#blog-search {
	position: relative;
	padding-bottom: 40px;
	margin-bottom: 15px;
}
.blog-search input#blog-term-search {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	padding-right: 48px;
}
.blog-search button[type="submit"] {
	position: absolute;
	bottom: 0;
	right: 0;
	width: 40px;
	line-height: 26px;
	padding: 5px;
	font-size: 0;
	border: none;
	border-top-left-radius: 0;
	border-bottom-left-radius: 0;
	background: #175c5e;
}
.blog-search button[type="submit"]:before {
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	font-size: 26px;
	color: #ffffff;
	content: '\e615';
	font-family: 'icons-blank-theme';
	margin: 0;
	vertical-align: top;
	display: inline-block;
	font-weight: normal;
	overflow: hidden;
	speak: none;
	text-align: center;
}
.cms-index-index .blog-latest {
	margin-bottom: 0;
}
.cms-index-index .blog-latest .slick-arrow {
	border: 1px solid #175c5e;
	box-sizing: content-box;
	top: 10px;
}
.cms-index-index .blog-latest .title {
	text-align: center;
}
.cms-index-index .blog-latest .title img {
	max-width: 42px;
	vertical-align: middle;
	margin-right: 15px;
	position: relative;
	top: -5px;
}
.cms-index-index .blog-latest .blog-post {
	border-bottom: 0px;
}
.cms-index-index .blog-latest .blog-post .blog-image {
	width: 100%;
	margin-bottom: 15px;
	height: 0;
	padding-bottom: 70.7107%;
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
	cursor: pointer;
}
.cms-index-index .blog-latest .blog-post .blog-image a {
	display: inline-block;
}
.cms-index-index .blog-latest .blog-post .blog-info {
	width: 100%;
	padding-left: 0px;
}
.cms-index-index .blog-latest .blog-post .blog-summary {
	color: #175c5e;
}

@media (min-width: 601px) and (max-width: 990px) {
	.blog.page-layout-2columns-right #maincontent .column.main {
		width: calc(100% - 280px);
		-webkit-flex-basis: calc(100% - 280px);
		        flex-basis: calc(100% - 280px);
		float: left;
		-ms-flex-order: 1;
		 -webkit-order: 1;
		         order: 1;
	}
	.blog.page-layout-2columns-right #maincontent .columns .sidebar {
		width: 280px;
		-webkit-flex-basis: 280px;
		        flex-basis: 280px;
		float: left;
		-ms-flex-order: 1;
		 -webkit-order: 1;
		         order: 1;
		padding-left: 30px;
	}
	.blog .form.subscribe .field.newsletter {
		padding-right: 0px;
		width: 100%;
		display: block;
	}
}
@media (min-width: 991px) {
	.blog-list {
		padding-top: 0 !important;
	}
}
@media (max-width: 990px) {
	.cms-index-index .blog-latest {
		margin-top: 20px;
	}
	.blog .blog-list .blog-post .blog-image,
	.blog .blog-list .blog-post .blog-info {
		width: 100%;
		float: none;
	}
	.blog .blog-list .blog-post .blog-image {
		position: relative;
		display: inline-block;
		overflow: hidden;
	}
	.blog .blog-list .blog-post .blog-image:after {
		padding-top: 50%;
		display: block;
		content: '';
	}
	.blog .blog-list .blog-post .blog-image img {
		position: absolute;

		top: 0px;
		right: 0px;
	}
	.blog .blog-list .blog-post .blog-info {
		padding-left: 0;
	}
}
@media (max-width: 600px) {
	.blog-post-view.page-layout-2columns-right .sidebar {
		margin-bottom: 40px;
	}
}