@import url("all.min.css");
@import url("https://use.typekit.net/tms1poy.css");
@import url("musidesk.namespaced.css");

@font-face {
    font-family: 'icomoon';
    src: url('../webfonts/icomoon.eot');
    src: url('../webfonts/icomoon.eot?#iefix') format('embedded-opentype'),
         url('../webfonts/icomoon.woff') format('woff'),
         url('../webfonts/icomoon.ttf') format('truetype'),
         url('../webfonts/icomoon.svg#arcoregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

/* Edit E.D. Splinter 16-01-2025 */

.uk-navbar a {
	align-items:end !important;
}

:focus-visible {
    outline: none !important;
}

.wcrp-rental-products-rental-dates {
	font-family:'Montserrat', sans-serif;
	font-size:1rem;
	height: 44px !important;
    vertical-align: middle;
    border: 1px solid #E2E2E2;
    max-width: 100%;
    width: 100%;
    color: #777;
    transition: 0.2s ease-in-out;
    transition-property: color, background-color, border-color, box-shadow;
	padding:0 10px;
}

.uk-navbar-left .widget_media_image a,
.footer-logo a {
	position: relative;
	top: 5px;
	display: inline-block;
	padding: 0 15px;
}
.uk-navbar-left .widget_media_image img {
	width: 100px;
	height: 80px;
}

.footer-logo img {
	width: 120px;
	height: auto;
}

.footer-menu,
.footer-menu a {
	color: #777 !important;
}

.footer-menu > ul {
	float: right;
}
.footer-menu > ul > li {
	float: left;
	text-align: left;
	padding-right: 70px;
}
.footer-menu > ul > li > a,
.footer-menu > ul > li > span {
	font-weight: bold;
}
.footer-menu > ul > li > ul.uk-nav-sub {
	padding: 15px 0;
}
.footer-menu > ul > li > ul.uk-nav-sub > li {
	padding: 3px 0;
}
.footer-menu > ul > li > ul.uk-nav-sub > li ul {
	padding-left: 20px;
}

#shopmenu .uk-subnav {
 justify-content: flex-end;   
}

.uk-breadcrumb>:nth-child(n+2):not(.uk-first-column)::before {
	content:"-" !important;
	margin:0 2px !important;
}

/* icomoon */


[class^="icon-"], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-vanille-audio:before {
  content: "\e900";
}
.icon-vanille-video:before {
  content: "\e901";
}
.icon-vanille-code:before {
  content: "\e902";
}
.icon-vanille-ppt:before {
  content: "\e903";
}
.icon-vanille-excel:before {
  content: "\e904";
}
.icon-vanille-pdf:before {
  content: "\e905";
}
.icon-vanille-calendar:before {
  content: "\e906";
}
.icon-vanille-word:before {
  content: "\e907";
}
.icon-vanille-zip:before {
  content: "\e908";
}
.icon-vanille-image:before {
  content: "\e909";
}
.icon-vanille-volume-high:before {
  content: "\e90a";
}
.icon-vanille-volume-medium:before {
  content: "\e90b";
}
.icon-vanille-volume-low:before {
  content: "\e90c";
}
.icon-vanille-download:before {
  content: "\e90d";
}
.icon-vanille-external:before {
  content: "\e90e";
}
.icon-vanille-magnify:before {
  content: "\e90f";
}
.icon-vanille-download-outline:before {
  content: "\e910";
}
.icon-vanille-download-filled:before {
  content: "\e911";
}
.icon-search:before {
  content: "\f002";
}
.icon-envelope-o:before {
  content: "\f003";
}
.icon-heart:before {
  content: "\f004";
}
.icon-star:before {
  content: "\f005";
}
.icon-star-o:before {
  content: "\f006";
}
.icon-th:before {
  content: "\f00a";
}
.icon-check:before {
  content: "\f00c";
}
.icon-close:before {
  content: "\f00d";
}
.icon-remove:before {
  content: "\f00d";
}
.icon-times:before {
  content: "\f00d";
}
.icon-trash-o:before {
  content: "\f014";
}
.icon-file-o:before {
  content: "\f016";
}
.icon-list:before {
  content: "\f03a";
}
.icon-chevron-left:before {
  content: "\f053";
}
.icon-chevron-right:before {
  content: "\f054";
}
.icon-arrow-left:before {
  content: "\f060";
}
.icon-arrow-right:before {
  content: "\f061";
}
.icon-arrow-up:before {
  content: "\f062";
}
.icon-arrow-down:before {
  content: "\f063";
}
.icon-calendar:before {
  content: "\f073";
}
.icon-comment:before {
  content: "\f075";
}
.icon-chevron-up:before {
  content: "\f077";
}
.icon-chevron-down:before {
  content: "\f078";
}
.icon-folder:before {
  content: "\f07b";
}
.icon-folder-open:before {
  content: "\f07c";
}
.icon-phone:before {
  content: "\f095";
}
.icon-twitter:before {
  content: "\f099";
}
.icon-facebook:before {
  content: "\f09a";
}
.icon-facebook-f:before {
  content: "\f09a";
}
.icon-arrow-circle-left:before {
  content: "\f0a8";
}
.icon-arrow-circle-right:before {
  content: "\f0a9";
}
.icon-arrow-circle-up:before {
  content: "\f0aa";
}
.icon-arrow-circle-down:before {
  content: "\f0ab";
}
.icon-group:before {
  content: "\f0c0";
}
.icon-users:before {
  content: "\f0c0";
}
.icon-copy:before {
  content: "\f0c5";
}
.icon-files-o:before {
  content: "\f0c5";
}
.icon-caret-down:before {
  content: "\f0d7";
}
.icon-caret-up:before {
  content: "\f0d8";
}
.icon-caret-left:before {
  content: "\f0d9";
}
.icon-caret-right:before {
  content: "\f0da";
}
.icon-envelope:before {
  content: "\f0e0";
}
.icon-linkedin:before {
  content: "\f0e1";
}
.icon-angle-double-left:before {
  content: "\f100";
}
.icon-angle-double-right:before {
  content: "\f101";
}
.icon-angle-double-up:before {
  content: "\f102";
}
.icon-angle-double-down:before {
  content: "\f103";
}
.icon-angle-left:before {
  content: "\f104";
}
.icon-angle-right:before {
  content: "\f105";
}
.icon-angle-up:before {
  content: "\f106";
}
.icon-angle-down:before {
  content: "\f107";
}
.icon-folder-o:before {
  content: "\f114";
}
.icon-folder-open-o:before {
  content: "\f115";
}
.icon-calendar-o:before {
  content: "\f133";
}
.icon-chevron-circle-left:before {
  content: "\f137";
}
.icon-chevron-circle-right:before {
  content: "\f138";
}
.icon-chevron-circle-up:before {
  content: "\f139";
}
.icon-chevron-circle-down:before {
  content: "\f13a";
}
.icon-file:before {
  content: "\f15b";
}
.icon-file-text:before {
  content: "\f15c";
}
.icon-youtube-square:before {
  content: "\f166";
}
.icon-youtube:before {
  content: "\f167";
}
.icon-instagram:before {
  content: "\f16d";
}
.icon-long-arrow-down:before {
  content: "\f175";
}
.icon-long-arrow-up:before {
  content: "\f176";
}
.icon-long-arrow-left:before {
  content: "\f177";
}
.icon-long-arrow-right:before {
  content: "\f178";
}
.icon-file-pdf-o:before {
  content: "\f1c1";
}
.icon-file-word-o:before {
  content: "\f1c2";
}
.icon-file-excel-o:before {
  content: "\f1c3";
}
.icon-file-powerpoint-o:before {
  content: "\f1c4";
}
.icon-file-image-o:before {
  content: "\f1c5";
}
.icon-file-photo-o:before {
  content: "\f1c5";
}
.icon-file-picture-o:before {
  content: "\f1c5";
}
.icon-file-archive-o:before {
  content: "\f1c6";
}
.icon-file-zip-o:before {
  content: "\f1c6";
}
.icon-file-audio-o:before {
  content: "\f1c7";
}
.icon-file-sound-o:before {
  content: "\f1c7";
}
.icon-file-movie-o:before {
  content: "\f1c8";
}
.icon-file-video-o:before {
  content: "\f1c8";
}
.icon-file-code-o:before {
  content: "\f1c9";
}
.icon-paper-plane:before {
  content: "\f1d8";
}
.icon-send:before {
  content: "\f1d8";
}
.icon-paper-plane-o:before {
  content: "\f1d9";
}
.icon-send-o:before {
  content: "\f1d9";
}
.icon-pinterest-p:before {
  content: "\f231";
}
.icon-whatsapp:before {
  content: "\f232";
}

#billing_afas_klantnummer {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;   
}

.litepicker .container__days>div.day-item:not(.is-locked){
	font-weight:600;
	color:#005598;
/*	background-color:#e45b29;*/
}

.is-end-date {
	background-color:#005598 !important;
	color:#fff !important;
}

.button.alt {
	background-color:#005598;
}

.tagged_as {
	display:none;
}

@media (min-width:1200px) {
	.producttekst {
		display:block;
		float:left;
		width: calc(50% - (70px / 2));
	}
}

@media (min-width: 640px) {
	div.product>div.images {
		margin-bottom: 30px;
	}
}

table.variations,
div.single_variation_wrap div.quantity,
div.wcrp-rental-products-rental-dates-wrap {
	background-color: #edf2f8;
	display:block;
	padding:20px;
	border:1px solid #2165a0;
	width:100%;
}

table.variations th label {
	display:none !important;
}

table.variations th::before {
	content:'STAP 1 - Kies je groep';
	color:#2165a0;
	font-size:20px;	
}

div.single_variation_wrap div.quantity::before {
	content:'STAP 2 - Kies aantal collecties:';
	display:block;
	font-weight:bold;
	color:#2165a0;
	font-size:20px;		
}

div.wcrp-rental-products-rental-dates-wrap > label {
	display:block;
	font-weight:bold;
	color:#2165a0;
	font-size:20px;			
}

h1.product_title.entry-title + p.price::before {
	content:'Prijs: ';
	font-weight:bold;
	color:#2165a0;
}

.woo-variation-swatches .variable-items-wrapper .variable-item:not(.radio-variable-item).button-variable-item.selected:not(.no-stock) {
	border-color:#2165a0;
	background-color:#2165a0;
	color:#fff;
	box-shadow:none;
}

td.product-price, 
td.product-subtotal {
    width: 210px !important;
}

.wc_payment_method.payment_method_wdc_woo_credits label {
	font-size:12px;
}

.related.products {
	clear:both;
	display:block;
	border-top:1px dotted #ccc;
	padding-top:30px;
}

.variation-Retournerenbinnendagen {
	display:none !important;
}

#place_order::before {
    font-family: "Font Awesome 6 Pro";	
    content: "\f07a";
    font-size: 20px;
    color: #fff;
    fill: #fff;
    margin-right: 10px;
}

#wcrp-rental-products-rental-totals-639c8c47ce9c8.wcrp-rental-products-rental-totals.woocommerce-info {
	display:none !important;
}

/*
.cart_totals > .shop_table.shop_table_responsive {
	display:none;
}
*/
.woocommerce-MyAccount-navigation > ul {
    display: flex;
    flex-wrap: wrap;
}

.woocommerce-MyAccount-navigation > ul > li {
	order:1;
	width:100%;
}

.woocommerce-MyAccount-navigation > ul > li.woocommerce-MyAccount-navigation-link--customer-logout {
	order:10;
}

.woocommerce-cart-form__cart-item.cart_item > .product-subtotal,
.woocommerce-cart-form__cart-item.cart_item > .product-price,
.shop_table.woocommerce-checkout-review-order-table .product-total{
	color:#fff;
}

.woocommerce-cart-form__cart-item.cart_item > .product-subtotal > span.woocommerce-Price-amount,
.woocommerce-cart-form__cart-item.cart_item > .product-price > span.woocommerce-Price-amount,
.shop_table.woocommerce-checkout-review-order-table .product-total > span.woocommerce-Price-amount{
	color:#777;
}

.onsale {
	display:none;
}

button.smuac_multiaccounts_container_top_button {
	background-color:#015499 !important;
}

button:hover.smuac_multiaccounts_container_top_button {
	background-color:#03355e !important;
}

.wcrp-rental-products-rental-form .wcrp-rental-products-rental-totals {
    display: none!important;
    color: #fff;
    background: #fff;
}

.uk-subnav .el-link .fas.fa-home {
	height: 20px;
}

section.up-sells.upsells.products {
    float: left;
    width: 50%;
}

.up-sells ul.products.columns-4>li {
    width: 50%;
}

.tm-header-mobile .uk-navbar-item.widget_media_image img {
	width:90px !important;
	max-width:90px !important;
	height:70px !important;
}

.ninja-forms-field.uk-button-secondary {
    background-color: #005499 !important;
    color: #ffffff !important;
	font-size:20px;
}

.uk-parent > a:after {
    content: "\f078";
    font-weight: 300;
    font-family: "Font Awesome 6 Pro";
    font-size: 12px;
}

.related > ul > li > a.wcrp-rental-products-select-dates-button {
	font-size:16px;
}

.related > ul > li > a > h2.woocommerce-loop-product__title {
	height:60px;
}

ul.wc-item-meta li:nth-child(4) {
  display: none;
}

.uk-navbar-nav > li > a {
	line-height:36px;
}

.tm-toolbar {
	position:absolute;
	width:100%;
}

.uk-navbar-left {
	margin-top: -8px;
	margin-bottom: 8px;
}

.uk-navbar-container:not(.uk-navbar) {
	padding-top:5px !important;
}

@media (min-width: 960px) {
	:not(.uk-sticky-below)>.uk-navbar-container:not(.uk-navbar) {
		padding-top: 5px !important;
		padding-bottom: 5px;
	}
}

.uk-navbar-dropdown-dropbar .uk-h5.uk-text-primary {
	font-weight:600;
	color:#27584a !important;
}

.accordionmusidesk div.el-item {
	margin:0;
}

.accordionmusidesk div.el-item a {
	border:1px solid #A1A4B3;
	border-radius:0px;
}

.accordionmusidesk.uk-accordion>:nth-child(n+2) {
	border:0;
}

.accordionmusidesk.uk-accordion>:nth-child(n+2).uk-open {
	border:1px solid #A1A4B3;
	border-radius:0px;
	margin-top:20px;
	padding-top:0;
}

#agenda a.el-content {
	font-weight:600;
}

@media (max-width:640px) {
	.agendadatum {
		line-height:26px;
		text-align:left;
		margin:20px 0;
		width:40px;
	}
	.uk-accordion-title span.nadruk,
	#agenda .uk-button span.nadruk {
		margin-left:0;
		width:65%;
	}
}

.uk-accordion-title,
#agenda .uk-button {
	border-radius:0px;
	margin-left:auto;
}

.uk-accordion-title span.nadruk,
#agenda .uk-button span.nadruk {
    font-weight: 600;
    margin-left: 20px;
    max-width: 70%;
    overflow: hidden;
    display: block;
    height: 55px;
    text-align: left;
}

.accordionmusidesk div.uk-open {
    border: 1px solid #A1A4B3;
    border-radius: 0px;
}

.accordionmusidesk div.uk-open.el-item a {
    border: 0;
}

.accordionmusidesk .uk-accordion-content {
	padding:0 20px 20px 20px;
}

#agenda .uk-button span.uk-icon.uk-margin-small-left{
	margin-left:auto !important;
	color: #ffffff;
    border-radius: 0px;
    padding: 2px !important;
    width: 30px !important;
    height: 30px !important;
    display: block;
}

/*
#agenda .uk-button {
	align-items: left;
	justify-content: left;
	font-size:1.4em;
}
*/

#agenda .uk-icon:not(.uk-preserve) [stroke*="#"]:not(.uk-preserve) {
	stroke: #ffffff;
}

#agenda .uk-button svg {
	width:30px;
	height:30px;
}

#agenda.partners .uk-icon:not(.uk-preserve) [stroke*="#"]:not(.uk-preserve) {
	stroke:#ffffff;
	font-weight: 400px;
}

.uk-tile-muted {
	background-color: #afbde1;
	border-radius:0px;
}

#lidmaatschappen ul.el-nav li {
    order:1;
}

#lidmaatschappen ul.el-nav li:first-child {
    order:2;
}

#lidmaatschappen ul.el-nav li:last-child {
    order:3;
}

.linksectie .uk-button {
	background-color: #27584a;
	font-size:0.9em;
	float:right;
}

.imgroundcorners img {
    border-radius: 0px;
}

.com-users-login.login {
	border-radius: 0px 20px 0 0;
	background-color:#FAE4D3;
	padding:40px 260px;
}

@media (max-width:768px) {
	.com-users-login.login {
		padding:40px;
	}	
}

.com-users-login.login  input {
	border:1px solid #A1A4B3;
	border-radius: 0px;
}

.com-users-login.login  input:focus {
	border:1px solid #fff;
	background-color:#fff;
}

.com-users-login.login .btn-primary {
	background-color:#f26524;
	float:right;
}

.inloggen #tm-main {
	padding-bottom:0;
}

.musideskslider.uk-slider-container {
    overflow:visible !important;
}

.musideskslider .uk-slidenav-container {
    top:-100px;
}

.musideskslider .uk-slidenav-container .el-slidenav {
	padding:12px 16px;
	background-color:transparent;
	color:#27584a;
	border-radius: 0;
	width:12px;
}

.musideskslider.slidertertiary .uk-slidenav-container .el-slidenav {
	color:#f26524;
}

.musideskslider.slidertertiary .uk-slidenav-container .el-slidenav,
.musideskslider.slidertertiary .uk-slidenav-container .el-slidenav:active {
	background-color:#f26524;
	color:#fff;
}

.musideskslider.slidertertiary .uk-slidenav-container .el-slidenav:hover {
	background-color:#EFA064;
}

.musideskslider .uk-slidenav-container svg {
}
	
.tm-top.uk-section-xsmall {
	padding-top:10px;
	padding-bottom:10px;
}

.tm-top.uk-section-xsmall .uk-margin-medium-bottom,
.tm-top.uk-section-xsmall .uk-breadcrumb {
	margin-bottom:0 !important;
}

.tm-top > .uk-container > .uk-grid {
	display:block !important;
}

input#wise-search-searchbar {
    height: 50px !important;
	border-radius: 0px;
}

#wise-searchbar .dropdown-toggle::after {
	display:none !important;
}

.tm-top > .uk-container > .uk-grid > div {
	width:100% !important;
}

.item-106 a::after {
	content: "\f002";
	display:inline;
	font-family:"Font Awesome 6 Pro";
	font-weight:100;
	margin-left:5px;
}

.item-107 a::after,
a.inloggen::after {
	content: "\f2f6";
	display:inline;
	font-family:"Font Awesome 6 Pro";
	font-weight:100;
	margin-left:5px;
}

a.lidworden::after {
	content: "\f007";
	display:inline;
	font-family:"Font Awesome 6 Pro";
	font-weight:100;
	margin-left:5px;
}

/* styling header and breadcrumbs */
/*
.tm-toolbar {
	position: fixed !important;
	top: 0;
	width: 100%;
	background-color:#fff;
	z-index:2002;
	margin-top:0;
}
#module-menu-toolbar-right {
	padding-top:5px;
}
*/

/*
.tm-header .uk-sticky-fixed[style] {
	top: 25px !important;
    z-index:2001;
}
*/

.uk-navbar-container:not(.uk-navbar-transparent) {
box-shadow:0 2px 6px -3px rgba(0, 0, 0, 0.17)    
}

.uk-navbar-sticky {
    padding-bottom:5px !important;
}

.uk-navbar-right > ul:first-child {
	order:2;
    margin-top: -13px;
    margin-bottom: 3px;	
}

.uk-navbar-right > .toolbartop {
    order: 1;
    position: absolute;
    top: 0;
    right: 0;
	margin-top:-43px !important;
}

.uk-navbar-right > .toolbartop a {
	font-size:14px;
	font-weight:100;
}

.uk-navbar-right > .toolbartop2 {
    order: 2;
    position: absolute;
    top: 24px;
    right: 175px;
}

.uk-navbar-right > .toolbartop2 a {
	font-size:14px;
	font-weight:100;
}

.uk-logo {
	margin-top:-20px;
}

.tm-top.uk-section-xsmall {
    background-color:#27584a;
    color:#fff !important;
    padding:3px 0 !important;
}

.tm-top.uk-section-xsmall .uk-breadcrumb>:nth-child(n+2):not(.uk-first-column)::before {
	color:#fff;
}

.uk-offcanvas-bar .uk-nav.uk-nav-secondary a,
.uk-dropbar .uk-nav.uk-nav-secondary a {

	font-size:20px;
	color:#27584a;
	font-weight:600;
}

.uk-offcanvas-bar .uk-nav.uk-nav-secondary .uk-nav-sub a,
.uk-dropbar .uk-nav.uk-nav-secondary .uk-nav-sub a {
	font-size:16px;
	padding:10px 0;
	font-weight:100;
}

@media (max-width:768px) {
	#introhome > div {
		background-image:url(../../../images/assets/hero-illustration-mobile.svg) !important;
		background-size:85%;
		background-position:center center;
		min-height: 430px;
	}
	
	#introhome h1 {
		text-align:center;
		padding:0 40px;
	}	
}

.festivals .tm-top.uk-section-xsmall {
	background-color:#f26524;
}

.agenda .tm-top.uk-section-xsmall {
	background-color:#27584a ;
}

.nieuws .tm-top.uk-section-xsmall {
	background-color:#f26524 !important;
}

.agenda #tm-main .uk-container h1 {
	color:#27584a ;
}

.tm-top.uk-section-xsmall .uk-breadcrumb > * > * {
    color:#fff;
}

.tm-top.uk-section-xsmall .uk-breadcrumb > li > span {
    font-weight:600;
}

@media (max-width:1024px) {
	.uk-navbar-toggle {
		min-height:20px;
		color:#7B8095;
	}
	.uk-navbar-toggle .uk-margin-small-right {
		text-transform:uppercase;
		font-weight:300;
		color:#7B8095;
	}
	.uk-navbar-toggle > .uk-icon.uk-navbar-toggle-icon {
		position:relative;
		top:-2px;
	}
}


@media (max-width:768px) {
	.musideskslider .el-image {
		height: 194px;
		height: 212px;
	}	
	.musideskslider picture:before {
		min-height:194px;
		height:212px;
	}
	.musideskslider .el-meta.uk-h3.uk-text-tertiary.uk-margin-top.uk-margin-remove-bottom {
    	height: 65px;
	}	
}

.musideskslider a.uk-button-tertiary {
    border-radius: 0;
    float: right;
    z-index: 1000001;   
	font-size:14px;
	text-transform:none;
	font-weight:600;
	position:absolute;
	right:20px;
	bottom:20px;
}

/* Einde opmaak festival slider

/* Opmaak Festivalgrid */

/*

.festivalgrid .el-image {
    -webkit-clip-path: url(#svgPath);
    clip-path: url(#svgPath);
    margin-bottom:-8px;
}

.festivalgrid .el-title {
    width:75%;
    margin-bottom:-50px;
}


.festivalgrid .uk-grid > div > div.el-item a::before {
    content: " ";
    background-image: url(/images/assets/festivals-overlay-1.svg);
    background-repeat:no-repeat;
    width:100%;
    min-height: 100%;
    display: block;
    position: absolute;
    z-index:2;
}

.festivalgrid .uk-grid > div:nth-child(2) > div.el-item a::before,
.festivalgrid .uk-grid > div:nth-child(6) > div.el-item a::before{
    background-image: url(/images/assets/festivals-overlay-2.svg);
}

.festivalgrid .uk-grid > div:nth-child(3) > div.el-item a::before,
.uk-grid > div:nth-child(7) > div.el-item a::before{
    background-image: url(/images/assets/festivals-overlay-3.svg);
}

.festivalgrid .uk-grid > div:nth-child(4) > div.el-item a::before,
.festivalgrid .uk-grid > div:nth-child(8) > div.el-item a::before{
    background-image: url(/images/assets/festivals-overlay-4.svg);
}

.festivalgrid .uk-grid > div:nth-child(5) > div.el-item a::before {
    background-image: url(/images/assets/festivals-overlay-1.svg);
}

.festivalgrid div.uk-button-tertiary {
    border-radius: 0
    width:46px;
    height:46px;
    position: relative;
    top: 420px;
    float: right;
    z-index: 5;    
}

@media (min-width:1025px) and (max-width:1200px) {
	.festivalgrid div.uk-button-tertiary {
        top:390px;
    }
}

@media (min-width:769px) and (max-width:1024px) {
	.festivalgrid div.uk-button-tertiary {
        top:320px;
    }
}

@media (min-width:641px) and (max-width:768px) {
	.festivalgrid div.uk-button-tertiary {
        top:490px;
    }
}

@media (min-width:361px) and (max-width:640px) {
	.festivalgrid div.uk-button-tertiary {
        top:240px;
    }
}

@media (max-width:360px) {
	.festivalgrid div.uk-button-tertiary {
        top:230px;
    }
}

*/

/* Einde opmaak festivalgrid */

/* Opmaak nieuwsgrid */


.nieuwsgrid .uk-button,
.musidesk-nieuws .uk-button {
	width: 32px;
    height: 32px;
    margin: 0;
    padding: 0;
    line-height: 32px;
}


.nieuwsgrid picture,
.musidesk-nieuws picture {
	display:block;
	border-radius: 0px !important;
}

.nieuwsgrid picture::before,
.musidesk-nieuws picture::before {
    content: " ";
    display: block;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    position: absolute;
    z-index: 3;
	margin:20px 20px 98px 20px;
	border-radius: 0px !important;
}

.nieuwsgrid picture::before {
	margin:20px 20px 88px 20px;	
}

.uk-first-column .nieuwsgrid picture::before,
.uk-first-column .musidesk-nieuws picture::before {
	margin:20px 20px 98px 20px;
}

@media (max-width:768px) {
	.uk-width-1-3\@m .musidesk-nieuws h3.el-title {
		height:70px;
	}
}

@media (min-width:960px) and (max-width:1199px) {
	.uk-first-column .nieuwsgrid picture::before,
	.uk-first-column .musidesk-nieuws picture::before {
		margin:20px 20px 160px 20px;
	}
}

@media (min-width:1200px) and (max-width:1280px) {
	.uk-first-column .nieuwsgrid picture::before,
	.uk-first-column .musidesk-nieuws picture::before {
		margin:20px 20px 107px 20px;
	}
}

@media (max-width:640px) {
	.uk-first-column .nieuwsgrid picture::before,
	.uk-first-column .musidesk-nieuws picture::before {
		margin:20px 20px 134px 20px;
	}
}

.nieuwsgrid .uk-button-quinary,
.musidesk-nieuws .uk-button-quinary {
	float:right;
}

.nieuwsgrid .el-title + .uk-margin-top,
.musidesk-nieuws .el-title + .uk-margin-top {
	margin-top: -30px !important;
}

@media (max-width:480px) {
	.nieuwspagina .el-title + .uk-margin-top {
		margin-top: -28px !important;
	}	
}

.nieuwsgrid div.uk-button-quinary,
.musidesk-nieuws div.uk-button-quinary{
	float:right;
	width:30px;
	height:30px;
	line-height:30px;
}

.nieuwsgrid div.uk-button-quinary > i,
.musidesk-nieuws div.uk-button-quinary > i{
	margin-left:-4px;
}

.nieuwsgrid .el-meta,
.musidesk-nieuws .el-meta {
	font-weight:600 !important;
}

/* Einde opmaak nieuwsgrid */



/* Opmaak meerweten */
/*
.meerweten h3.uk-h2:first-child,
.meerwetencta h3.uk-h2:first-child{
	margin-bottom:0;
}

.meerweten h3.uk-h2:nth-child(2),
.meerwetencta h3.uk-h2:nth-child(2){
	font-weight:200;
}

@media (min-width:1200px) {
	.meerwetencta .ctatiles {
		max-width:92%;
		margin:auto;
		margin-right:-70px;
	}
	.meerwetencta .ctatiles2col {
		max-width:100%;
		margin-right:-40px;
	}	

	.meerwetencta .ctatiles .uk-grid > div:first-child {
		margin-right:-120px;
	}

	.meerwetencta .ctatiles .uk-grid > div:last-child {
		margin-left:-120px;
	}
	
	.meerwetencta .ctatiles2col .uk-grid > div:first-child {
		margin-right:-40px;
	}

	.meerwetencta .ctatiles .uk-grid > div:last-child {
		margin-left:-100px;
	}
	.meerwetencta .ctatiles2col .uk-grid > div:last-child {
		margin-left:-40px;
	}	
}

@media (min-width:768px) and (max-width:1199px) {
	.meerwetencta .ctatiles {
		max-width:92%;
		margin:auto;
		margin-right:-30px;
	}	
	.meerwetencta .ctatiles .uk-grid > div:first-child {
		margin-right:-60px;
	}

	.meerwetencta .ctatiles .uk-grid > div:last-child {
		margin-left:-60px;
	}
}

@media (max-width:767px) {
	.meerwetencta .ctatiles {
		margin:auto;
		margin-right:-35px;
		margin-left:20px;
	}	
	.meerwetencta .ctatiles .uk-grid > div:first-child {
		margin-right:-20px;
	}

	.meerwetencta .ctatiles .uk-grid > div:last-child {
		margin-left:-20px;
	}	
	.meerwetencta .ctatiles .uk-grid > * {
		padding-left:0px;
	}
}
	
.meerwetencta .ctatiles .uk-grid > div .el-image {
    mask-repeat: no-repeat;    
}

  
 /* 


/* Einde opmaak meerweten */


:focus-visible {
    outline: 2px dotted #373737 !important;
}
/* transparant block uitgeschakeld
.uk-dropbar.uk-dropbar-top.uk-dropnav-dropbar.uk-navbar-dropbar::after {
    content: " ";
    width: 100%;
    background-color: rgba(253,241,233,0.7);
    height: 300%;
    display: block;
    position: absolute;
    top: 100%;
}
*/

/*
.uk-dropbar-top::after {
    content: " ";
    display: block;
    background-color: rgba(253,241,233,0.7);
    width: 100%;
    height: 800px;
    margin-top: 480px;
}
*/

#stickyinfobar,
#stickyinfobar a {
	display:flex;
	margin-bottom:0;
	z-index:15;
}

#stickyinfobar p {
	margin-left:20px;
}

#stickyinfobar .infobartitel {
	padding-right:20px;
}

#stickyinfobar  a div:last-child {
	margin-left:auto;	
}

#stickyinfobar .uk-button {
	color:#ffffff;
	box-shadow:none;
}

@media (max-width:640px) {
	#stickyinfobar a div:last-child {
		margin-left: auto;
		width: 140px;
		margin: auto;
		margin-right: 20px;		
	}	
	#stickyinfobar .infobartitel {
    	padding-right: 0px;
	}
	#stickyinfobar p {
		margin-left: 25px;
		padding-bottom: 15px;
		padding-top:5px;
	}	
}

.uk-form-horizontal {
	font-size:20px;	
}

.uk-text-tertiary a {
	color:#000000 !important;
}

.gerelateerdproject .el-meta {
	color:#000 !important;
}

.gerelateerdproject h2.uk-h2 {
	font-size:31px;
}

.com-users-login a {
	display:inline;
	background-color:transparent;
	color:#27584a;
	text-decoration:underline;
	border:0;
	padding:0;
}

.com-users-login .btn-secondary {
    background-color: #27584a;
    color: #fff;
    box-shadow: 0;
}

.plg_system_webauthn_login_button {
	display:none;
}

.icon-eye.icon-fw::before {
    font-family: "Font Awesome 6 Pro";		
	content: "\f06e";
}

.icon-fw.icon-eye-slash::before {
    font-family: "Font Awesome 6 Pro";		
	content: "\f070";	
}

.zoektermen .uk-button.uk-button-default.uk-button-small {
	background-color:#FAE4D3;
	color:#27584a;
	box-shadow:none;
	text-transform:none;
	font-weight:100;
	border-radius: 0px;
}

.zoektermen .uk-button.uk-button-default.uk-button-small:hover {
	background-color:#F8D6BD;
}









/* HERE GOES THE OCLC WISE KEYCLOAK STYLING */
/* General info
You may use ID #wise-integration or class .oclcwise-app to help separate template CSS from CSS on the wise-apps pages. They have different results so test them out and use what's best for you */

/* Bookcarousel */

/* Text below images for Title */
.wiseswiper .wiseswiper-slide .inner .book-cover + .product-shelf-title, .wiseswiper .wiseswiper-slide .inner .book-cover + .product-shelf-author {
    padding-top: none;
}

/* Bootstrap Blue on dots below Bookcarousel change to your colour. This also works for the bg on the search results page */
.bg-primary {
  background-color: #27584a !important;
}

/* Catalog Search Results Page - change the hex code to your colour */
.text-primary {
  color: #27584a !important;
}

/* alignment of the icons for Reserveren and Mijn lijsten */
[class^="icon-"]::before, [class*=" icon-"]::before {
    margin-right: 0.85rem;
}

/* this is for Reserveren and the weird float. it might not work for reals */
.float-start {
    float: none !important;
}

/* a gray box where it says Resultaten voor '' in 'Alles' */
.placeholder {
    background-color: none;
}

/* Mijn Menu Reserveren page */
/* labels/badges/holds */
.text-bg-secondary {
  color: #fff;
  background-color: #6C757D;
}

#wise-integration .badge.text-bg-warning {
  color: #000 !important;
  background-color: #FFC107 !important;
}

/* Pretty Toggle: Mijn gegevens and Berichtvoorkeuren you will need to change the colour in form check input checked below */

@media (prefers-reduced-motion: reduce)
.form-switch .form-check-input {
    transition: none;
}

.form-switch {
    padding-left: 2.5em;
}

.form-check {
    min-height: 1.5rem;
    margin-bottom: .125rem;
    padding-left: 1.5em;
    display: block;
}

#wise-integration .form-switch .form-check-input:checked {
    --form-switch-bg: url(data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e);
    background-position: 100%;
}

#wise-integration .form-check-input:checked[type=checkbox] {
    --form-check-bg-image: url(data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='m6 10 3 3 6-6'/%3e%3c/svg%3e);
}

.form-check-input:checked {
    background-color: #27584a !important;
    border-color: #27584a !important;
}

.form-check-input[type=checkbox] {
    border-radius: 0
}

.form-check .form-check-input {
    float: left;
    margin-left: -1.5em;
}

.form-check-input {
    --form-check-bg: #fff;
    vertical-align: top;
    appearance: none;
    background-color: var(--form-check-bg);
    background-image: var(--form-check-bg-image);
    border: 1px solid #dee2e6;
    print-color-adjust: exact;
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    flex-shrink: 0;
    width: 1em;
    height: 1em;
    margin-top: .25em;
}

.form-switch .form-check-input {
    --form-switch-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='rgba%280, 0, 0, 0.25%29'/%3e%3c/svg%3e");
    background-image: var(--form-switch-bg);
    background-position: 0;
    border-radius: 0;
    width: 2em;
    margin-left: -1.5em;
    transition: background-position .15s ease-in-out;
} 
/* end pretty toggle */

/* Lid Worden */
/* h2 after you come back from Keycloak form */
.text-primary {
    color: #555371 !important;
}

/* Tabs in title detail view and areas of Mijn Menu */
#wise-integration .nav-tabs {
  border-bottom: 1px solid #dee2e6;
}

#wise-integration .nav {
  display: flex;
  flex-wrap: wrap;
  padding-left: 0;
  margin-bottom: 0;
  list-style: none;
}

#wise-integration .nav-link {
  display: block;
  padding: 0.5rem 1rem;
  /* color: #006400; */
  text-decoration: none;
  font-family: objektiv-mk1;
  font-size: 1rem;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out;
}
/* end tabs in title detail view and areas of mijn menu */

/* gray box on search results page that shows what is being searched */
#wise-integration .placeholder {
  background-color: #f0f0f0 !important;
}

/* Search results title margin top */
#wise-integration .h3 {
    margin-top: 5px;
}

/* search styling */
#module-234 input.form-control,
#searchSorting-select {
	height:50px !important;
	line-height:52px;
}

.oclcwise-login {
    height: 30px;
}

.oclcwise-app .row {
    margin-top: calc(var(--bs-gutter-y)* 0);
    margin-right: calc(var(--bs-gutter-x)* 0);
    margin-left: calc(var(--bs-gutter-x)* 0);
}

.oclcwise-app .row>* {
	padding-left: calc(var(--bs-gutter-x) * .6);
	padding-right: calc(var(--bs-gutter-x) * .6);
}


.oclcwise-app .row .row >* {
	padding-left:0;	
}

.oclcwise-app .row>.order-2 {
	padding-left:calc(var(--bs-gutter-x) * .5);
}

.oclcwise-app h2 {
	color:#27584a;
}

.uk-alert-tertiary, 
.uk-button-tertiary, 
.uk-card-tertiary {
    background: #f9d825 !important;
}

.uk-section-tertiary, 
.uk-overlay-tertiary, 
.uk-tile-tertiary {
    background: #f9d825 !important;
}

.uk-alert-quinary, 
.uk-button-quinary, 
.uk-card-quinary {
    background: #27584a !important;
	font-weight: 600;
}

.uk-section-quinary, 
.uk-overlay-quinary, 
.uk-tile-quinary {
    background: #f69c92 !important;
}

.uk-button-tertiary:hover {
    background: #27584a !important;
    color: rgba(255, 255, 255, 1);
}

.uk-button-quaternary:hover {
    background: #f26524 !important;
    color: rgba(255, 255, 255, 1);
}

.uk-button-quinary:hover {
    background: #f26524 !important;
    color: rgba(255, 255, 255, 1);
}

.uk-text-tertiary,
.uk-card-tertiary .el-meta,
.uk-card-tertiary .el-title {
    color: #000000 !important;
}

.uk-button-tertiary {
background-color:#f26524 !important;
color:#fff;
}.uk-text-quaternary,
.uk-card-quaternary .el-meta,
.uk-card-quaternary .el-title {
color:#27584a !important;
}

.uk-button-quaternary {
background-color:#27584a !important;
color:#fff;
}.uk-text-quinary,
.uk-card-quinary .el-meta,
.uk-card-quinary .el-title {
color: #000000 !important;
}

.uk-card-quinary {
background-color:#afbde1;
}

.uk-button-quinary {
background-color:#f26524;
color:#fff;
border-radius: 0;
}

.uk-card-quinary img {
border-radius:0px;
}

.uk-link, a {
    color: #000;
    text-decoration: none;
    cursor: pointer;
    font-weight: 600 !important;
}

.fa-thin, .fat {
    font-weight: 600 !important;
}
