/*
Theme Name: 	Arkin - Roadsprojecten
Theme URI: 		http://www.lemon.nl
Description: 	2/2025
Author: 		Roeland ten Holder | Lemon
Author URI: 	roeland@lemon.nl
Version: 		3.0
Template:		Arkin
*/

/** ******************************** **/
/**      _____                       **/
/**    _(  _  )__________________    **/
/**   ( | (___)     | ____ |  _  |   **/
/**   |_|_______|_|_|______|_| |_|   **/
/**                                  **/
/**            www.lemon.nl          **/
/**                                  **/
/** ******************************** **/



/* Extra low haeder on cookies and disclaimer page */


.page-id-51 .header.low, .header.low .container .row .col-md-4, 
.page-id-51 .header.low .container .row .col-md-8,

.page-id-244 .header.low, .header.low .container .row .col-md-4, 
.page-id-244 .header.low .container .row .col-md-8,
.page-id-9789 .header.low, .header.low .container .row .col-md-4, 
.page-id-9789 .header.low .container .row .col-md-8,
.footertop.half .container {
	min-height: 50px;
	padding: 0;
}



.facetwp-checkbox.checked + .facetwp-depth {
    display: inherit;
}
.facetwp-checkbox.checked .facetwp-expand {
	display: none;
}

/* Zie archive-roads-activiteiten.php - labels en tags zijn eigenlijk 1 voor Ja en 0 voor nee. Worden in CSS vervangen door juiste dagnamen */
.facetwp-facet-day_1 .facetwp-display-value,
.facetwp-facet-day_2 .facetwp-display-value,
.facetwp-facet-day_3 .facetwp-display-value,
.facetwp-facet-day_4 .facetwp-display-value,
.facetwp-facet-day_5 .facetwp-display-value,
.facetwp-facet-day_6 .facetwp-display-value,
.facetwp-facet-day_7 .facetwp-display-value { display: inline-flex; text-indent: -10px; overflow: hidden; }

.facetwp-facet-day_1 .facetwp-display-value::after { content: "Maandag";   padding-left: 10px; }
.facetwp-facet-day_2 .facetwp-display-value::after { content: "Dinsdag";   padding-left: 10px; }
.facetwp-facet-day_3 .facetwp-display-value::after { content: "Woensdag";  padding-left: 10px; }
.facetwp-facet-day_4 .facetwp-display-value::after { content: "Donderdag"; padding-left: 10px; }
.facetwp-facet-day_5 .facetwp-display-value::after { content: "Vrijdag";   padding-left: 10px; }
.facetwp-facet-day_6 .facetwp-display-value::after { content: "Zaterdag";  padding-left: 10px; }
.facetwp-facet-day_7 .facetwp-display-value::after { content: "Zondag";    padding-left: 10px; }

[data-facet="day_1"] .facetwp-selection-label,
[data-facet="day_2"] .facetwp-selection-label,
[data-facet="day_3"] .facetwp-selection-label,
[data-facet="day_4"] .facetwp-selection-label,
[data-facet="day_5"] .facetwp-selection-label,
[data-facet="day_6"] .facetwp-selection-label,
[data-facet="day_7"] .facetwp-selection-label { display: none; }

[data-facet="day_1"] .facetwp-selection-value,
[data-facet="day_2"] .facetwp-selection-value,
[data-facet="day_3"] .facetwp-selection-value,
[data-facet="day_4"] .facetwp-selection-value,
[data-facet="day_5"] .facetwp-selection-value,
[data-facet="day_6"] .facetwp-selection-value,
[data-facet="day_7"] .facetwp-selection-value { color: #bbedff !important; }

[data-facet="day_1"] .facetwp-selection-value::before { content: "Maandag";   margin-right: -3px; margin-left: 7px; color: #000; }
[data-facet="day_2"] .facetwp-selection-value::before { content: "Dinsdag";   margin-right: -3px; margin-left: 7px; color: #000; }
[data-facet="day_3"] .facetwp-selection-value::before { content: "Woensdag";  margin-right: -3px; margin-left: 7px; color: #000; }
[data-facet="day_4"] .facetwp-selection-value::before { content: "Donderdag"; margin-right: -3px; margin-left: 7px; color: #000; }
[data-facet="day_5"] .facetwp-selection-value::before { content: "Vrijdag";   margin-right: -3px; margin-left: 7px; color: #000; }
[data-facet="day_6"] .facetwp-selection-value::before { content: "Zaterdag";  margin-right: -3px; margin-left: 7px; color: #000; }
[data-facet="day_7"] .facetwp-selection-value::before { content: "Zondag";    margin-right: -3px; margin-left: 7px; color: #000; }




/* Filters 
transition: top 0.05s ease-in-out;
*/

body.fixed35 .has-filters .UIT {
	position: fixed;
	top: 80px;
	width: 100%;
	max-width: 336px;
}

.has-filters {
	top: 0;
	margin-bottom: 30px;
}

.filter {
	color: #666;
	background: #00aeef;
	padding: 20px 20px 20px 20px;
	margin-bottom: 2px;
	letter-spacing: -0.04em;
}

.filter h5 {
	color: #fefefe;
	font-size: 19px;
	line-height: 24px;
}

.first-filter {
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
}
.last-filter {
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
	border-bottom: 0;
}


.has-filters .facetwp-facet {
	margin-bottom: 0;
}

.facetwp-checkbox,
.facetwp-checkbox .facetwp-counter,
.has-filters .facetwp-slider-label,
.has-filters li a,
.has-filters span, 
a.facetwp-toggle {
	color: #ffffff !important;
}

.filter-count {
	display: inline-block;
	font-size: 14px;
	line-height: 18px;
	margin-bottom: 18px;
}

span.facetwp-counter {
	color: #ffffff !important;
	font-size: 14px;
	margin-left: 5px;
	opacity: 0.5;
}

.has-filters .facetwp-slider-reset {
	display: none;
}

.facetwp-sort-select {
	background-color: #f7f7f7;
}


.facetwp-selections {
	display: inline-block;
	margin-bottom: 20px;
}

.facetwp-sort {
	float: right;
	margin-bottom: 20px;
}

.facetwp-selections .facetwp-selection-value {
	position: relative;
	border-radius: 10px;
	font-size: 14px;
	line-height: 18px;
	background: #bbedff;
	background-image: none !important;
	color: #000;
	padding: 8px 22px 8px 10px;
	margin-right: 15px;
}

.facetwp-selection-value::after {
	font-family: 'FontAwesome';
	font-weight: 900;
	font-size: 12px;
	content: "\f00d"; /* v */
	position: absolute;
	top: -6px;
	right: -6px;
	text-align: center;
	border-radius: 10px;
	width: 16px;
	height: 16px;
	color: #444444;
	background-color: #ffffff;
}


.facetwp-sort-select {
	padding: 8px 10px;
	border: 0;
	border-radius: 10px;
	font-size: 14px;
	line-height: 18px;
	-moz-appearance:none; /* Firefox */
    -webkit-appearance:none; /* Safari and Chrome */
    appearance:none;
}

.facetwp-sort::after {
	font-family: 'FontAwesome';
	font-weight: 900;
	font-size: 12px;
	content: "\f078"; /* v */
	position: absolute;
	top: 6px;
	right: 30px;
	color: #444444;
	pointer-events: none;
}

.fwp-reset-button,
.fwp-reset-button:hover {
	background: none;
	padding: 0;
	text-decoration: underline !important;
	float: right;
}

.filter-heading {
	position: relative;
	padding-bottom: 5px;
}

.filter-heading .filter-icon {
	color: #fefefe;
	font-size: 19px;
	line-height: 24px;
	position: absolute;
	right: 0px;
	top: 3px;
	transform: rotate(0deg);
	transition: transform 0.2s;
}

.filter-heading.active .filter-icon {
	transform: rotate(180deg);
	transition: transform 0.3s;
}

.filter-body {
	max-height: 0;
	overflow: hidden;
	transition: max-height 0.3s ease-out;
}

.filter-body .body {
	padding-top: 10px;
}

.filter-body.active {
	height: auto;
	max-height: 1999px;
	transition: max-height 0.5s ease-out;
}



.fullcontainer.filters {
	padding-top: 15px;
	padding-bottom: 0px;
	background: transparent;
}







a.button-arrow i,
a.button-arrow:hover i {
	color: #ffffff !important;
}

.maatjesproject-template-default .languages,
.tafelgasten-template-default .languages,
.maatjesproject-template-default .side-banner-container, /* clientenraad banner */
.tafelgasten-template-default .side-banner-container { display: none; }


.other-color div a li.main1altbg 		{ background-color: #00aeef; }
.other-color div a:hover li.main1altbg 	{ background-color: #0098d1; }
.other-color2 div a li.main1altbg 		{ background-color: #798186; }
.other-color2 div a:hover li.main1altbg { background-color: #626c72; }

/* temp 25/5/2020 ivm groot menu */
.navbar-inverse .navbar-collapse .nav>li>a {
    padding-left: 10px;
    padding-right: 10px;
	font-size: 17px;
}


/* small fix omdat bij roads de thumms in verhouding zijn ipv vierkant */
.news-list-shortcode img {
    margin-top: 8px;
    margin-bottom: 30px;
    padding: 0 15px 15px 0 !important;
}

.footer {
	background-image: url('images/roads-footer.png');
	background-repeat: no-repeat;
	background-position: center top;
}


.single-roads-activiteiten .menu-cta-button-menu-container,
.single-roads-activiteiten .cta-header {
	display: none
}

a.activiteit-row {
	display: block;
	padding: 20px 0 20px;
	text-decoration: none;
}
a.activiteit-row:hover {
	background: #edf1f8;
}

.activiteit-details h3,
.activiteit-details p,
p.locatie-details {
	margin-bottom: 10px;
}


.activity_datetime span {
	display: block;
}
.activity_datetime span::before {
	content: "\2022";
	padding-right: 5px;
}


.activity_datetime {
	margin-bottom: 20px;
} 

#NOT.activiteit-row span::after {
	content: ". ";
}

span.nodot::after,
.activiteit-row span.nodot::after {
	content: "";
}

.acf-map {
	width: 100%;
	height: 400px;
	border: #ccc solid 1px;
	margin: 20px 0;
}

.col-md-4 .acf-map {
	height: 300px;
}

/* fixes potential theme css conflict */
.acf-map img {
   max-width: inherit !important;
}



.roads-filter select {
	width: 90%;
	margin-top: 13px;
	height: 35px;
}

.tax_icon {
	position: absolute;
	left: 50%;
	margin-left: -38px;
	bottom: 71px;
	width: 75px;
}

.locatie-logo {
	max-height: 92px;
	width: auto;
}



.leftmenu li.current_page_item>a,
.leftmenu li.current_page_item>a:visited {
	opacity: 1; /* normaal 0.5 */
}

/* Roads toevoeging FILTER anders */
li.btn.roads-filter						{ background-color: #61c5e4; }
li.btn.roads-filter:hover				{ background-color: #3cabcd; }