/**
 * 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.
 */

.faq-index-index .columns .column.main {
	padding-bottom: 0;
}

.faq-index-index .faq-category {
	border-bottom: 1px solid #e1e1e1;
}

.faq-index-index .faq-category h3 {
	margin-top: 0px;	
}

.faq-index-index .faq-list .faq-item {
	border-bottom: 1px solid #e1e1e1;
	padding: 5px 0;
}

.faq-index-index .faq-list .faq-question {
	position: relative;
	padding: 5px 30px 5px 0;
	cursor: pointer;
}

.faq-index-index .faq-list .faq-question:after {
	content: '';
	display: block;
	background-image: url('../../images/pijl_onder_groen_icon.png');
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center;
	position: absolute;
	right: 0;
	top: 0;
	width: 12px;
	height: 100%;
}

.faq-index-index .faq-list .faq-question.active:after {
	background-image: url('../../images/pijl_boven_groen_icon.png');
}
.faq-index-index .faq-list .faq-answer {
	padding: 10px 30px 10px 0;
}

.faq-index-index .faq-list .faq-answer p:last-child {
	margin-bottom: 0px;
}

.faq-index-index .faq-contact-title {
	margin-bottom: 20px;
	margin-top: 0;
	font-size: 22px;
	font-weight: normal;
}

.faq-index-index .contentbottom .grid-col {
	background: #b9cece;
	padding: 20px;
	box-sizing: border-box;
	margin-bottom: 20px;
}

.faq-index-index .contentbottom .grid-col p {
	color: #000000
}

.faq-index-index .contentbottom .grid-col p strong{
	color: #175c5e;
}

.faq-index-index .contentbottom .faq-email img {
	margin-top: 10px;
	margin-bottom: 10px;
}

.faq-index-index .faq-sidebar .faq-categories {
	background: #e7eeef;
	padding: 10px;
}

.faq-index-index .faq-sidebar .faq-categories dl,
.faq-index-index .faq-sidebar .faq-categories dd {
	margin-bottom: 0px;
}
.faq-index-index .faq-sidebar .faq-categories a {
	color: #175c5e;
	line-height: 2.6rem;
	text-transform: uppercase;
}
@media (min-width: 991px) {
	.faq-index-index .faq-categories .label {
		display: none !important
	}
	.faq-index-index .faq-categories .items {
		display: block !important;
	}
}
@media (max-width: 990px) {
	.faq-index-index .column.main > .grid-row.cols-3:not(.contentbottom) > .grid-col {
		width: 100%;
		float: none;
		margin-right: 0px;
	}
	.faq-index-index .faq-sidebar .faq-categories {
		min-width: 250px;
		width: 50%;
		background: #fff;
		position: relative;
		padding: 0;
		margin-bottom: 30px !important;
	}
	.faq-index-index .faq-sidebar .faq-categories .label {
		border: 1px solid silver;
		padding: 7px 10px;
		border-radius: 3px;
		line-height: 20px;
		color: @primary__color;
		text-transform: none;
		font-weight: normal;
		color: #000000;
		margin-top: 0px;
	}
	.faq-index-index .faq-sidebar .faq-categories .label:after {
		color: #175c5e;
		content: '';
		display: inline-block;
		height: 20px;
		width: 12px;
		background-image: url('../../images/pijl_onder_groen_icon.png');
		background-size: contain;
		background-repeat: no-repeat;
		background-position: center center;
		float: right;
	}
	.faq-index-index .faq-sidebar .faq-categories .options.active .label:after {
		background-image: url('../../images/pijl_boven_groen_icon.png');
	}
	.faq-index-index .faq-sidebar .faq-categories .items {
		padding: 7px 10px;
		width: 100%;
		position: absolute;
		top: 100%;
		left: 0;
		background: #fff;
		border: 1px solid silver;
		box-sizing: border-box;
		z-index: 1;
	}
	.faq-index-index .faq-sidebar .faq-categories .items .item a {
		text-transform: none;
		color: #000000;
	}
	.faq-index-index .column.main > .grid-row.cols-3.contentbottom > .grid-col {
		width: calc(50% - 10px);
		margin-right: 0;
	}
	.faq-index-index .column.main > .grid-row.cols-3.contentbottom > .grid-col:nth-child(2n-1) {
		margin-right: 20px;
	}
}
@media (max-width: 600px) {
	.faq-index-index .faq-sidebar .faq-categories {
		width: 100%;
	}
	.faq-index-index .column.main > .grid-row.cols-3.contentbottom > .grid-col {
		width: 100%;
		margin-right: 0;
	}
}