/*!
 * widget.css
 *
 * @link https://www.vektorrausch.de
 * @author vektorrausch GmbH <sippel@vektorrausch.de>
 *
 * @package WordPress
 * @subpackage agoodstart
 */

/* coffee-filter */
.coffee-filter {
	margin-bottom: 1.375em;
}

.coffee-filter form {
	background: none;
}

.coffee-filter .filter-inner {
	margin-bottom: 0;
}

.coffee-filter .bundle-inner {
	position: relative;
}

.coffee-filter .filter-bundle:last-child {
	margin-bottom: 0;
}

.coffee-filter * {
	-webkit-tap-highlight-color: rgba(255, 255, 255, 0); 
	-webkit-tap-highlight-color: transparent;
}

.coffee-filter .filter-label i.fa-before {
	margin-left: 0.171875em;
}

.coffee-filter .filter-label i.fa-after {
	margin-right: 0.171875em;
}

/* bundle-widget-keyword */
.coffee-filter .bundle-widget-keyword {
	margin-bottom: 0.6875em;
}

.coffee-filter .bundle-widget-keyword .bundle-inner {
	box-shadow: 0 1px 2px rgba(43, 59, 93, 0.29);
	padding: 5px 10px 10px;
}
	.coffee-filter .bundle-widget-keyword.bundle-not-label .bundle-inner {
		padding: 7px 10px 8px;
	}
	.coffee-filter.filter-theme-light .bundle-widget-keyword .bundle-inner {
		background-color: rgba(255,255,255, 1);
		color: rgba(0,0,0, 1);
	}
	.coffee-filter.filter-theme-dark .bundle-widget-keyword .bundle-inner {
		background-color: rgba(0,0,0, 1);
		color: rgba(255,255,255, 1);
	}

.coffee-filter .bundle-widget-keyword .filter-keyword {
	position: relative;
}
	.coffee-filter .bundle-widget-keyword.keyword-submit .filter-keyword {
		padding-right: 40px;
	}

.coffee-filter .bundle-widget-keyword .filter-label {
	margin: 2px 0 4px;
}

.coffee-filter .bundle-widget-keyword .filter-label .label-filter {
	display: block;
	font-size: 0.875rem;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	font-weight: bold;
}

.coffee-filter .bundle-widget-keyword .keyword-wrapper {
	position: relative;
}

.coffee-filter .bundle-widget-keyword .bundle-input {
	border: 0;
	padding: 5px 10px 5px 10px;
	height: 30px;
}
	.coffee-filter.filter-theme-light .bundle-widget-keyword .bundle-input {
		background-color: rgba(0,0,0, 0.05);
	}
	.coffee-filter.filter-theme-dark .bundle-widget-keyword .bundle-input {
		background-color: rgba(255,255,255, 0.25);
	}

.coffee-filter .bundle-widget-keyword .keyword-advanced {
	position: absolute;
	left: 3px;
	top: 50%;
	margin-top: -14px;
	padding: 0px 28px 0px 8px;
	font-size: 14px;
	border-radius: 4px;
	height: 28px;
	line-height: 28px;
	overflow: hidden;
	cursor: pointer;
}
	.coffee-filter.filter-theme-light .bundle-widget-keyword .keyword-advanced {
		color: rgba(0,0,0, 1);
	}
		.coffee-filter.filter-theme-light .bundle-widget-keyword .keyword-advanced:hover {
			text-decoration: line-through;
		}
	.coffee-filter.filter-theme-dark .bundle-widget-keyword .keyword-advanced {
		color: rgba(255,255,255, 1);
	}
		.coffee-filter.filter-theme-dark .bundle-widget-keyword .keyword-advanced:hover {
			text-decoration: line-through;
		}

.coffee-filter .bundle-widget-keyword .keyword-advanced .close {
	position: absolute;
	right: 0;
	top: 0;
	width: 28px;
	height: 28px;
	text-align: center;
	line-height: 28px;
	cursor: pointer;
}

.coffee-filter .bundle-widget-keyword .bundle-input[disabled="disabled"] {
	color: rgba(0,0,0, 0);
}

.coffee-filter .bundle-widget-keyword .submit-wrapper {
	position: absolute;
	top: 0;
	right: 0px;
	width: 40px;
	height: 30px;
	text-align: center;
	line-height: 30px;
}

.coffee-filter .bundle-widget-keyword .submit-wrapper button {
	border: none;
	background: none;
}

.coffee-filter.filter-theme-light .bundle-widget-keyword .submit-wrapper button {
	color: rgba(0,0,0, 1);
}

.coffee-filter.filter-theme-dark .bundle-widget-keyword .submit-wrapper button {
	color: rgba(255,255,255, 1);
}

/* bundle-widget-autocomplete */
.coffee-filter .bundle-widget-autocomplete {
	margin-bottom: 0.6875em;
}

.coffee-filter .bundle-widget-autocomplete .bundle-inner {
	box-shadow: 0 1px 2px rgba(43, 59, 93, 0.29);
	padding: 5px 10px 10px;
}
	.coffee-filter .bundle-widget-autocomplete.bundle-not-label .bundle-inner {
		padding: 7px 10px 8px;
	}
	.coffee-filter.filter-theme-light .bundle-widget-autocomplete .bundle-inner {
		background-color: rgba(255,255,255, 1);
		color: rgba(0,0,0, 1);
	}
	.coffee-filter.filter-theme-dark .bundle-widget-autocomplete .bundle-inner {
		background-color: rgba(0,0,0, 1);
		color: rgba(255,255,255, 1);
	}

.coffee-filter .bundle-widget-autocomplete .filter-autocomplete {
	position: relative;
}

.coffee-filter .bundle-widget-autocomplete .filter-label {
	margin: 2px 0 4px;
}

.coffee-filter .bundle-widget-autocomplete .filter-label .label-filter {
	display: block;
	font-size: 0.875rem;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	font-weight: bold;
}

.coffee-filter .bundle-widget-autocomplete .autocomplete-item {
	float: left;
	margin: 5px 20px 5px 0;
}
	
.coffee-filter .bundle-widget-autocomplete .autocomplete-item label {
	cursor: pointer;
	font-size: 14px;
	border-radius: 4px;
	padding: 0;
	display: block;
}
	.coffee-filter.filter-theme-light .bundle-widget-autocomplete .autocomplete-item label {
		color: rgba(0,0,0, 1);
	}
	.coffee-filter.filter-theme-dark .bundle-widget-autocomplete .autocomplete-item label {
		color: rgba(255,255,255, 1);
	}
	
.coffee-filter .bundle-widget-autocomplete .autocomplete-item .label {
	font-weight: bold;
}
	.coffee-filter .bundle-widget-autocomplete .autocomplete-item:hover .label {
		text-decoration: line-through;
	}
	.coffee-filter .bundle-widget-autocomplete .autocomplete-item .label:after {
		display: inline-block;
		margin-left: 0.34375em;
	}
		.coffee-filter.filter-fa-4 .bundle-widget-autocomplete .autocomplete-item .label:after {
			font-family: 'FontAwesome';
			content: '\f057';
			font-weight: 400;
		}
		.coffee-filter.filter-fa-5 .bundle-widget-autocomplete .autocomplete-item .label:after {
			font-family: 'Font Awesome 5 Pro';
			content: '\f057';
			font-weight: 900;
		}

.coffee-filter .bundle-widget-autocomplete .autocomplete-input input {
	border: 0;
	padding: 5px 10px 5px 10px;
	height: 30px;
}
	.coffee-filter.filter-theme-light .bundle-widget-autocomplete .autocomplete-input input {
		background-color: rgba(0,0,0, 0.05);
		color: rgba(0,0,0, 1);
	}
	.coffee-filter.filter-theme-dark .bundle-widget-autocomplete .autocomplete-input input {
		background-color: rgba(255,255,255, 0.25);
		color: rgba(255,255,255, 1);
	}

.coffee-filter .bundle-widget-autocomplete .remove-autocomplete {
	position: absolute;
	top: 50%;
	right: 0.6875em;
	z-index: 5;
	transform: translateY(-50%);
	cursor: pointer;
}
	.coffee-filter.filter-theme-light .bundle-widget-autocomplete .remove-autocomplete {
		color: rgba(0,0,0, 1);
	}
	.coffee-filter.filter-theme-dark .bundle-widget-autocomplete .remove-autocomplete {
		color: rgba(255,255,255, 1);
	}

.coffee-filter-autocomplete {
	text-align: left;
	cursor: pointer;
	border-top: 0;
	box-shadow: 0 1px 2px rgba(43,59,93, 0.29);
	position: absolute;
	display: none;
	z-index: 9999;
	max-height: 50vh;
	overflow: hidden;
	overflow-y: auto;
	box-sizing: border-box;
	margin-top: 5px;
}
	.coffee-filter-autocomplete.autocomplete-suggestions.autocomplete-theme-light {
		background-color: rgba(255,255,255, 1);
	}
	.coffee-filter-autocomplete.autocomplete-suggestions.autocomplete-theme-dark {
		background-color: rgba(0,0,0, 1);
	}

.coffee-filter-autocomplete .autocomplete-suggestion {
	position: relative;
	padding: 0.6875em;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	font-size: 0.875rem;
}
	.coffee-filter-autocomplete.autocomplete-theme-light .autocomplete-suggestion {
		background-color: rgba(0,0,0, 0.05);
		color: rgba(0,0,0, 0.66);
	}
	.coffee-filter-autocomplete.autocomplete-theme-dark .autocomplete-suggestion {
		background-color: rgba(255,255,255, 0.25);
		color: rgba(255,255,255, 0.66);
	}

.coffee-filter-autocomplete .autocomplete-suggestion b {
	font-weight: bold;
}
	.coffee-filter-autocomplete.autocomplete-theme-light .autocomplete-suggestion b {
		color: rgba(0,0,0, 1);
	}
	.coffee-filter-autocomplete.autocomplete-theme-dark .autocomplete-suggestion b {
		color: rgba(255,255,255, 1);
	}

.coffee-filter-autocomplete.autocomplete-theme-light .autocomplete-suggestion.selected {
	background-color: rgba(0,0,0, 0.1);
	color: rgba(0,0,0, 1);
}

.coffee-filter-autocomplete.autocomplete-theme-dark .autocomplete-suggestion.selected {
	background-color: rgba(255,255,255, 0.5);
	color: rgba(255,255,255, 1);
}

/* bundle-widget-select */
.coffee-filter .bundle-widget-select {
	margin-bottom: 0.6875em;
	position: relative;
}

.coffee-filter .bundle-widget-select .filter-current {
	position: relative;
	cursor: pointer;
	box-shadow: 0 1px 2px rgba(43, 59, 93, 0.29);
}
	.coffee-filter.filter-theme-light .bundle-widget-select .filter-current {
		color: rgba(0,0,0, 1);
	}
	.coffee-filter.filter-theme-dark .bundle-widget-select .filter-current {
		color: rgba(255,255,255, 1);
	}

.coffee-filter .bundle-widget-select .filter-label {
	margin-right: 45px;
	height: 45px;
	padding: 4px 10px 0;
}
	.coffee-filter .bundle-widget-select.bundle-not-label .filter-label {
		padding: 12px 10px 0;
	}
	.coffee-filter .bundle-widget-select.bundle-not-active .filter-label {
		line-height: 36px;
	}
	.coffee-filter.filter-theme-light .bundle-widget-select .filter-label {
		background-color: rgba(255,255,255, 1);
	}
	.coffee-filter.filter-theme-dark .bundle-widget-select .filter-label {
		background-color: rgba(0,0,0, 1);
	}

.coffee-filter .bundle-widget-select .filter-label .label-filter {
	-webkit-transition: all 0.2s ease 0s;
	-moz-transition: all 0.2s ease 0s;
	transition: all 0.2s ease 0s;
}

.coffee-filter .bundle-widget-select.bundle-active .filter-label .label-filter {
	font-size: 12px;
	display: block;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	font-weight: normal;
}
	.coffee-filter.filter-theme-light .bundle-widget-select.bundle-active .filter-label .label-filter {
		color: rgba(0,0,0, 0.66);
	}
	.coffee-filter.filter-theme-dark .bundle-widget-select.bundle-active .filter-label .label-filter {
		color: rgba(255,255,255, 0.66);
	}


.coffee-filter .bundle-widget-select.bundle-not-active .filter-label .label-filter {
	font-size: 14px;
	display: block;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	font-weight: bold;
}

.coffee-filter .bundle-widget-select.bundle-active .filter-label .label-current {
	font-size: 14px;
	display: block;
	font-weight: bold;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.coffee-filter .bundle-widget-select.bundle-not-active .filter-label .label-current {
	display: none;
}

.coffee-filter .bundle-widget-select .current-select {
	width: 45px;
	height: 45px;
	text-align: center;
	position: absolute;
	right: 0;
	top: 0;
	z-index: 1;
	line-height: 42px;
	font-size: 1rem;
}
	.coffee-filter.filter-theme-light .bundle-widget-select .current-select {
		background-color: rgba(255,255,255, 1);
		color: rgba(0,0,0, 1);
	}
	.coffee-filter.filter-theme-dark .bundle-widget-select .current-select {
		background-color: rgba(0,0,0, 1);
		color: rgba(255,255,255, 1);
	}

.coffee-filter .bundle-widget-select .current-select i {
	-webkit-transition: transform 0.3s ease 0s;
	-moz-transition: transform 0.3s ease 0s;
	transition: transform 0.3s ease 0s;
}
	.coffee-filter .bundle-widget-select.bundle-open .current-select i {
		transform: rotate(180deg);
	}

.coffee-filter .bundle-widget-select .filter-select {
	padding: 0;
	position: absolute;
	left: 0;
	top: 50px;
	width: 100%;
	display: none;
	z-index: 25;
	box-shadow: 0 1px 2px rgba(43, 59, 93, 0.29);
	max-height: 50vh;
	overflow-y: auto;
}
	.coffee-filter.filter-theme-light .bundle-widget-select .filter-select {
		background-color: rgba(255,255,255, 1);
		color: rgba(0,0,0, 0.66);
	}
	.coffee-filter.filter-theme-dark .bundle-widget-select .filter-select {
		background-color: rgba(0,0,0, 1);
		color: rgba(255,255,255, 0.66);
	}

.coffee-filter .bundle-widget-select .filter-select label {
	cursor: pointer;
	font-size: 14px;
	padding: 10px 10px;
	display: block;
	font-weight: normal;
}
	.coffee-filter .bundle-widget-select .filter-select .label:before {
		display: inline-block;
		margin-right: 0.34375em;
	}
		.coffee-filter.filter-fa-4 .bundle-widget-select .filter-select .label:before {
			font-family: 'FontAwesome';
			content: '\f1db';
			font-weight: 400;
		}
			.coffee-filter.filter-fa-4 .bundle-widget-select .filter-select .item-active .label:before {
				content: '\f058';
			}
		.coffee-filter.filter-fa-5 .bundle-widget-select .filter-select .label:before {
			font-family: 'Font Awesome 5 Pro';
			content: '\f111';
			font-weight: 300;
		}
			.coffee-filter.filter-fa-5 .bundle-widget-select .filter-select .item-active .label:before {
				content: '\f058';
				font-weight: 900;
			}
	.coffee-filter.filter-theme-light .bundle-widget-select .filter-select .select-item:hover label {
		background-color: rgba(0,0,0, 0.05);
		color: rgba(0,0,0, 1);
	}
	.coffee-filter.filter-theme-light .bundle-widget-select .filter-select .item-active label {
		color: rgba(0,0,0, 1);
	}
	.coffee-filter.filter-theme-dark .bundle-widget-select .filter-select .select-item:hover label {
		background-color: rgba(255,255,255, 0.25);
		color: rgba(255,255,255, 1);
	}
	.coffee-filter.filter-theme-dark .bundle-widget-select .filter-select .item-active label {
		color: rgba(255,255,255, 1);
	}

/* bundle-widget-list */
.coffee-filter .bundle-widget-list {
	margin-bottom: 0.6875em;
}

.coffee-filter .bundle-widget-list .bundle-inner {
	box-shadow: 0 1px 2px rgba(43, 59, 93, 0.29);
	padding: 5px 10px 0;
}
	.coffee-filter .bundle-widget-list.bundle-not-label .bundle-inner {
		height: 45px;
		padding: 8px 10px 0;
	}
	.coffee-filter.filter-theme-light .bundle-widget-list .bundle-inner {
		background-color: rgba(255,255,255, 1);
		color: rgba(0,0,0, 1);
	}
	.coffee-filter.filter-theme-dark .bundle-widget-list .bundle-inner {
		background-color: rgba(0,0,0, 1);
		color: rgba(255,255,255, 1);
	}

.coffee-filter .bundle-widget-list .filter-label {
	margin: 2px 0 -1px;
}

.coffee-filter .bundle-widget-list .filter-label .label-filter {
	display: block;
	font-size: 14px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	font-weight: bold;
}
	
.coffee-filter .bundle-widget-list .list-item {
	float: left;
	margin: 5px 20px 5px 0;
}
	
.coffee-filter .bundle-widget-list .list-item label {
	cursor: pointer;
	font-size: 14px;
	border-radius: 4px;
	padding: 0;
	display: block;
}
	.coffee-filter.filter-theme-light .bundle-widget-list .list-item label {
		color: rgba(0,0,0, 0.66);
	}
		.coffee-filter.filter-theme-light .bundle-widget-list .list-item:hover label {
			color: rgba(0,0,0, 1);
		}
		.coffee-filter.filter-theme-light .bundle-widget-list .list-item.item-active label {
			color: rgba(0,0,0, 1);
			font-weight: bold;
		}
	.coffee-filter.filter-theme-dark .bundle-widget-list .list-item label {
		color: rgba(255,255,255, 0.66);
	}
		.coffee-filter.filter-theme-dark .bundle-widget-list .list-item:hover label {
			color: rgba(255,255,255, 1);
		}
		.coffee-filter.filter-theme-dark .bundle-widget-list .list-item.item-active label {
			color: rgba(255,255,255, 1);
			font-weight: bold;
		}
	.coffee-filter .bundle-widget-list .list-item .label:before {
		display: inline-block;
		margin-right: 0.34375em;
	}
		.coffee-filter.filter-fa-4 .bundle-widget-list .list-item .label:before {
			font-family: 'FontAwesome';
			content: '\f1db';
			font-weight: 400;
		}
			.coffee-filter.filter-fa-4 .bundle-widget-list .list-item.item-active .label:before {
				content: '\f058';
			}
		.coffee-filter.filter-fa-5 .bundle-widget-list .list-item .label:before {
			font-family: 'Font Awesome 5 Pro';
			content: '\f111';
			font-weight: 300;
		}
			.coffee-filter.filter-fa-5 .bundle-widget-list .list-item.item-active .label:before {
				content: '\f058';
				font-weight: 900;
			}
		
/* bundle-widget-submit */
.coffee-filter .bundle-widget-submit .btn {
	max-width: 100%;
	height: 45px;
	padding-right: 0;
	padding-left: 0;
	box-shadow: 0 1px 2px rgba(43, 59, 93, 0.29);
}
	.coffee-filter.filter-theme-light .bundle-widget-submit .btn {
		background-color: rgba(255,255,255, 1);
		color: rgba(0,0,0, 1);
	}
	.coffee-filter.filter-theme-dark .bundle-widget-submit .btn {
		background-color: rgba(0,0,0, 1);
		color: rgba(255,255,255, 1);
	}

.coffee-filter .bundle-widget-submit .label {
	margin-left: 0.6875em;
}

/* coffee-filter-messages */
.coffee-filter-messages {
	padding: 12px 40px;
	position: relative;
	box-shadow: 0 1px 2px rgba(43, 59, 93, 0.29);
	border-radius: 2px;
	border: 0;
	font-size: 14px;
}
	.coffee-filter-messages.messages-theme-light {
		background-color: rgba(255,255,255, 1);
		color: rgba(0,0,0, 1);
	}
	.coffee-filter-messages.messages-theme-dark {
		background-color: rgba(0,0,0, 1);
		color: rgba(255,255,255, 1);
	}
	.coffee-filter-messages.error {
		color: rgba(183,57,57, 1);
	}

.coffee-filter-messages span {
	font-weight: bold;
}
	
.coffee-filter-messages .fa,
.coffee-filter-messages .fal,
.coffee-filter-messages .fas {
	font-size: 18px;
	height: 42px;
	left: 0;
	line-height: 42px;
	position: absolute;
	text-align: center;
	top: 0;
	width: 40px;
	z-index: 1;
}
	.coffee-filter-messages .fa.fa-close,
	.coffee-filter-messages .fal.fa-times {
		left: auto;
		right: 0;
	}
		.coffee-filter-messages.messages-theme-light .fa.fa-close,
		.coffee-filter-messages.messages-theme-light .fal.fa-close {
			color: rgba(0,0,0, 1);
		}
		.coffee-filter-messages.messages-theme-dark .fa.fa-close,
		.coffee-filter-messages.messages-theme-dark .fal.fa-close {
			color: rgba(255,255,255, 1);
		}