/* @import url('https://fonts.googleapis.com/css2?family=Dosis:wght@400;600;700&display=swap'); */
/* dosis-regular - latin */
@font-face {
  font-family: 'Dosis';
  font-style: normal;
  font-weight: 400;
  src: local(''),
       url('../fonts/dosis-v27-latin-regular.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('../fonts/dosis-v27-latin-regular.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

/* dosis-600 - latin */
@font-face {
  font-family: 'Dosis';
  font-style: normal;
  font-weight: 600;
  src: local(''),
       url('../fonts/dosis-v27-latin-600.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('../fonts/dosis-v27-latin-600.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

/* dosis-700 - latin */
@font-face {
  font-family: 'Dosis';
  font-style: normal;
  font-weight: 700;
  src: local(''),
       url('../fonts/dosis-v27-latin-700.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('../fonts/dosis-v27-latin-700.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}



:root {
    --cassiopeia-color-primary: #074133;
    --cassiopeia-color-link: #0f8668;
    --cassiopeia-color-hover: #074133; /* #274e57 #044cd0 */

    --cassiopeia-font-family-body: "Dosis", sans-serif;
    --cassiopeia-font-family-headings: "Dosis", sans-serif;
    --cassiopeia-font-weight-headings: 600;
    --cassiopeia-font-weight-normal: 400;
    
	--body-font-family: var(--cassiopeia-font-family-body);
    --body-font-size: 1.2rem;
    --body-font-weight: 400;
    --body-line-height: 1.5;
    --body-color: #383838;
    --body-bg: #dde9dc;
	
	--cassiopeia-color-blauw: #074133;
	--cassiopeia-color-groen: #0f8668;
	
	--primary: #074133;
}


/* Cassiopeia variabelen
	die zich in user.css laten overschrijven
	--cassiopeia-font-family-body (body, .tooltip, .popover
	--cassiopeia-font-weight-normal (th dd, .modal-title, )
	--cassiopeia-font-family-headings (h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6
	--cassiopeia-font-weight-headings (h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6, .accordion .card-header
	--cassiopeia-color-link (a, .btn-link, .nav-link, .page-link, .page-link:hover, .btn.jmodedit, .accordion .list-group-item
	--cassiopeia-color-hover (a:hover, a:focus, .btn-link:hover, .nav-link:hover, .nav-link:focus, .page-link:hover, .page-link:focus, .btn-primary:hover, .btn-primary:focus, .back-to-top-link:hover, .back-to-top-link:focus, .footer, [dir=rtl] .footer, .container-header, 
	--cassiopeia-color-primary (.form-control:focus, .form-select:focus, .custom-select:focus, .form-check-input:focus, .form-check-input:checked, .form-check-input[type=checkbox]:indeterminate, .form-range:focus::-webkit-slider-thumb, .form-range:focus::-moz-range-thumb, .form-range::-moz-range-thumb, .btn-check:focus + .btn, .btn:focus, .dropdown-item.active, .dropdown-item:active, .dropdown-menu-dark .dropdown-item.active, .dropdown-menu-dark .dropdown-item:active, .nav-pills .nav-link.active, .nav-pills .show > .nav-link, .accordion-button:focus, .page-link:focus, .page-item.active .page-link, .progress-bar, .list-group-item.active, .btn-close:focus, .btn-primary, .back-to-top-link, .footer, [dir=rtl] .footer, .footer .metismenu.mod-menu .mm-collapse, .container-header, .boxed .blog-item, .form-select[multiple] option:checked, [multiple].custom-select option:checked, .nav.nav-tabs .nav-link 
	--cassiopeia-color-brand (navbrand, a.navbar-brand)
	En andere variabelen:
	--blue: #010156;
	--indigo: #6812f3;
	--purple: #6f42c2;
	--pink: #e93f8e;
	--red: #a51f18;
	--orange: #fd7e17;
	--yellow: #ad6200;
	--green: #448344;
	--teal: #5abfdd;
	--cyan: #30638d;
	--white: white;
	--gray-100: #f9fafb;
	--gray-200: #eaedf0;
	--gray-300: #dfe3e7;
	--gray-400: #ced4da;
	--gray-500: #adb5bd;
	--gray-600: #6d757e;
	--gray-700: #484f56;
	--gray-800: #353b41;
	--gray-900: #22262a;
	--primary: #010156;
	--secondary: #6d757e;
	--success: #448344;
	--info: #30638d;
	--warning: #ad6200;
	--danger: #a51f18;
	--light: #f9fafb;
	--dark: #353b41;
	--primary-rgb: 1, 1, 86;
	--secondary-rgb: 109, 117, 126;
	--success-rgb: 68, 131, 68;
	--info-rgb: 48, 99, 141;
	--warning-rgb: 173, 98, 0;
	--danger-rgb: 165, 31, 24;
	--light-rgb: 249, 250, 251;
	--dark-rgb: 53, 59, 65;
	--white-rgb: 255, 255, 255;
	--black-rgb: 0, 0, 0;
	--body-color-rgb: 34, 38, 42;
	--body-bg-rgb: 255, 255, 255;
	--font-sans-serif: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
	--font-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
	--gradient: linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0));
	--body-font-family: var(--cassiopeia-font-family-body, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");
	--body-font-size: 1rem;
	--body-font-weight: 400;
	--body-line-height: 1.5;
	--body-color: #22262a;
	--body-bg: white;
Gebruik bv:
	rgba(var(--cassiopeia-color-primary), 0.25)
*/

/* Media: 576, 768, 992, 1200, 1400 */
/* Color: blauw #658c94 / groen #83bd19 */
/* 
#658c94 -> #074133 
#94ce0d en #83bd19-> #0f8668
#d1990e3 -> #dde9dc (#d9eed7 #d2f4d0 #D5F1D3)
#89b4bd -> #84a786

*/


html {
  overflow-y: scroll;
  /* Altijd een vertikale scrollbar */
}
body {
  padding: 0 !important;
} /* om scroll ruimte weg te laten bij modals */


/* Algemeen */

a:not([class]) {
  text-decoration: none;
}
a.pathway {
  text-decoration: none;
}
a.pathway:hover {
  text-decoration: underline;
}
.pagination {
	justify-content: center;
}
.pagination .ms-auto {
  margin-left: unset !important;
}
.pagination.ms-auto.mb-4 {
	margin-bottom: 0 !important;
}
.page-item:first-child .page-link {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
}
.page-item:last-child .page-link {
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
}

.container-component > * + *, .container-component > :first-child, .container-sidebar-left > * + *, .container-sidebar-left > :first-child, .container-sidebar-right > * + *, .container-sidebar-right > :first-child {
  margin-top: 0;
}
.btn {
	border-radius: 0;
}


/* Header, logo, taalswitch en navbarmenu */

.container-header {
  background-image: none; /* cp verloop weg */
  background-color: #fff; /* header wit */
 /* position: fixed; */
}

.container-header .container-nav {
  padding-bottom: 0;
  align-items: center; /* alle header elementen vertikaal centreren */ 
  height: 70px; /* hoogte voor alle header elementen, verderop in flexbox containter-nav vertikaal centreren; anders dan Fietsbieb ivm groter logo (60px)*/ 
}
.container-header .grid-child {
  padding: 0 1.1rem; /* header marge 0 1.5rem*/
}
@media (max-width: 576px) {
	.container-header .grid-child {
		padding: 0 1rem;
	}
}

.header .navbar {
  margin-right: -1rem; /* header marge correctie voor menu met eigen padding */
}

.container-header nav {
  margin-top: 0;
}
@media (max-width: 767.98px) {
	.container-header .container-nav .container-search, .container-header .container-nav nav {
	  margin-top: 0;/* Correctie om hamburger vertikaal gecentreerd te houden */
	}
} 

.container-header .navbar-toggler {
  border: none;
  color: #000;
} /* Rand om hamburger weg */
.navbar-toggler:focus {
  box-shadow: none;
} /* Rand om hamburger weg */

.brand-logo img {
  height: 60px; /* was 36px, maar dit mooier; anders dan Fietsbieb ivm groter logo (50px) */
  /* padding-left: 1.5rem; niet meer nodig want in header marge met content matchen, TODO: gaat nog niet lekker bij kleine schermen */
}
.navbar {
	/* margin-right: 1.5rem; marge met content matchen, TODO: gaat nog niet lekker bij kleine schermen */
}
.metismenu.mod-menu .metismenu-item {
  font-size: 1.25rem; 
  font-weight: 700;
  height: 60px;
}  /* Menu-items */

.container-header .mod-menu > li > a, .container-header .mod-menu > li > span {
	color: #000; /* Menu-items tekstkleur*/
}
.container-header .mod-menu > li > a:hover {
  color: #568c94;;
}
.container-header .mod-menu > li.active > a {
	color: #568c94;
	font-weight: 600;
}
@media (max-width: 576px) {
	div.mod-languages a {
		padding: .2rem;
	}
	div.mod-languages li {
		margin: 0 .2rem;
	}
}

/* Poging offcanvas menu https://gist.github.com/drmenzelit/152a1954d73bcbe126194965e43c97f4#comments */
@media (min-width: 992px) {
	.offcanvas-start {
		width: 100%;
	}
	.offcanvas-end {
		width: unset;
	}
}
@media (max-width: 991.98px) {
  .offcanvas .metismenu.mod-menu .metismenu-item > ul {
    position: relative;
    width: 100%;
    margin-top: 60px;
  }
  .offcanvas .metismenu.mod-menu .mm-collapse {
    background-color: transparent;
  }
}
.offcanvas-header > *:only-child {
  margin-left: auto;
}

.offcanvas-end {
  width: unset;
}

/* Content component */
/*
.container-component {
  background-color: #fff;
  padding: 1.5em;
  margin-top: 1.5em;
}
.home .container-component {
  background-color: unset;
}

.container-component, .container-sidebar-right {
  padding: 1.5em;
}

main {
  background-color: #fff;
  padding: 1.5em;
}
.home main {
  background-color: unset;
}

.mod-breadcrumbs__wrapper {
  margin-bottom: 1.5em;
}
.mod-breadcrumbs.breadcrumb.px-3 {
  padding-left: 1.5em !important;
}
*/
/*
.site-grid {
  margin-top: 1em;
}
.container-sidebar-right .sidebar-right:first-child {
  margin-top: 0;
}
*/
.grid-child.container-component {
  margin-top: 1em;
}
main {
  background-color: #fff;
  padding: 1em;
}
.home main, .view-bicycles main, .view-members main, .view-transactions main, .view-lends main, .view-childs main {
  background-color: unset;
  padding: 0;
}
.mod-breadcrumbs__wrapper {
  margin-bottom: 1em;
}


/*
.fietsbieb-header {
	background-image: url(/content/images/interface/freewielie-header3.jpg);
	background-repeat: no-repeat;
	background-position: center top;
  max-width: 2800px;
}
@media (max-width: 576px) {
	.fietsbieb-header {
		background-position-x: -72px;
	}
}
*/
.fietsbieb-header .container {
	display: grid;
	grid-template-columns: 1fr;
	width: 100%;
	text-align: right;
	align-items: center;
	padding: 0;
	width: 100%;
	max-width: 1330px;
}
.slogan {
	margin-top: -150px;
  margin-right: 18px;
}
@media (max-width: 1400px) {
	.slogan {
		margin-right: 0;
	}
}
.fietsbieb-header .slogan h2 {
  font-size: 4rem;
  color: #fff;
  text-transform: uppercase;
  font-weight: 700;
  display: inline;
  line-height: 1.3em;
}
@media (max-width: 1200px) {
	.fietsbieb-header .slogan h2 {
		font-size: 3.5rem;
	}
}

@media (max-width: 992px) {
	.fietsbieb-header .slogan h2 {
		font-size: 3.3rem;
	}
}
@media (max-width:768px) {
  .fietsbieb-header .slogan h2 {
    font-size:2.8rem
  }
}
@media (max-width: 576px) {
	.fietsbieb-header .slogan h2 {
		font-size: 2.5rem;
	}
}
.slogan1 {
	background-color: #84a786;
  padding: 0 10px;
}
.slogan2 {
	background-color: #0f8668;
  padding: 0 10px;
}

.fietsbieb-intro {
	background-color: #fff;
}
.fietsbieb-facts {
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
	grid-template-areas: 
	"aantallen aantallen aantallen" 
	"logo aanbod aanbod"
	"logo plaatsen1 plaatsen2";
	justify-items: center;
	padding: 30px 0;
}
@media (max-width: 992px) {
	.fietsbieb-facts {
		grid-template-columns: 1fr;
		grid-template-areas: 
		"aantallen" 
		"logo"
		"aanbod"
		"plaatsen1"
		"plaatsen2";
		justify-items: center;
	}	
}
.facts-aantallen {
	grid-area: aantallen; 
	text-align: center;
}
.facts-logo {
	grid-area: logo; 
/*	justify-self: start; */
}
.facts-aanbod {
	grid-area: aanbod; 
	color: #0f8668;
	font-weight: bold;
	align-self: center;
}
.facts-plaatsen1 {
	grid-area: plaatsen1; 
	text-align: center;
}
.facts-plaatsen2 {
	grid-area: plaatsen2; 
	text-align: center;
}
.facts-aantallen h3 {
	color: #074133;
	font-size: 2.25rem;
	padding: 15px 0;
}
.facts-aantallen .aantal {
	color: #fff;
	background-color: #0f8668;
	padding: 0 10px;
}
.facts-plaatsen1 a, .facts-plaatsen2 a {
	color: #17203d;
	background-color: #e2e2e2;
	font-size: 2rem;
	text-decoration: none;
	padding: 0 10px;
} 
.facts-plaatsen1 a:hover, .facts-plaatsen2 a:hover {
	color: #fff;
	background-color: #84a786;
} 


.fietsbieb-summary {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 30px;
	grid-template-areas: 
	"watis deelname" 
	"ook foto";
}
@media (max-width: 992px) {
	.fietsbieb-summary {
		grid-template-columns: 1fr;
		grid-template-areas: 
		"watis"
		"ook"
		"deelname"
		"foto";
	}	
}
.fietsbieb-watis { 
	grid-area: watis; 	
	padding: 30px;
	background-color: #fff;
}
.fietsbieb-ook { 
	grid-area: ook; 
	padding: 30px;
	background-color: #0f8668;
	color: #fff;
}
.fietsbieb-deelname { 
	grid-area: deelname; 
	padding: 0;
	background-color: transparent;
	color: #fff;
}
.fietsbieb-foto { 
	grid-area: foto; 	
	padding: 0;
	background-color: transparent;
}
.fietsbieb-summary h2 { 
	color: #fff;
	padding: 1px 10px;
/*	display: inline-block; */
	font-size: 3rem;
	text-transform: uppercase;
	font-weight: 700;
	margin-bottom: 20px;
}
@media (max-width: 576px) {
	.fietsbieb-summary h2 { 
		font-size: 2rem;
	}
}
.fietsbieb-watis h2 { 
	background-color: #84a786;
}
.fietsbieb-ook h2 { 
	background-color: #074133;
}
.fietsbieb-ook h4 { 
	background-color: #f8f9fa;
	color: #212529;
	padding: 0 2px;
	display: inline-block;
}

.fietsbieb-deelname a.knop { 
	background-color: #074133;
	color: #fff;
	display: block;
	width: 100%;
	padding: 15px;
	text-align: center;
	text-decoration: none;
	font-size: 2rem;
	text-transform: uppercase;
}
.fietsbieb-deelname a.knop::before { 
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
    font-size: 2rem;
	content: "\f4fc";
	padding-right: 10px;
}
@media (max-width: 576px) {
	.fietsbieb-deelname a.knop, .fietsbieb-deelname a.knop::before { 
		font-size: 1.6rem;
	}
}
.fietsbieb-deelname a.knop:hover { 
	background-color: #0f8668;
}

.view-bicycles .container-component {
	background-color: transparent;
}
.fiets-item.article {
  margin-bottom: calc(var(--gutter-x)*.5);
}
.fiets-item-inner {
  background-color: #fff;
}

.fietsbieb-foto img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.fiets-item.article {
  margin-bottom: 20px;
}
.fiets-item.article .fiets-item-inner {
  overflow: hidden;
  border: 1px solid #fff;
  background-color: #fff;
}
.article-intro-image {
  position: relative;
  padding-bottom: 70%;
  height: 0;
  opacity: 1;
}
.article-intro-image a {
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
  background-color: #F2F2F2;
}
.article-intro-image a img {
  width: 100%;
  height: 100%;
  object-position: 50% 50%;
  object-fit: cover;
}
.fiets-item.article .article-body {
  padding: 5px 20px 0 20px;
}
.fiets-item.article .article-header h2 {
  margin-bottom: 0;
  background-color: #FFF;
}
.article-list .article .article-header h2, .fiets-item.article .article-header h2 a {
  color: #242424 !important;
  font-size: 1.375rem;
  margin: 0 0 1.25rem 0;
}
.fiets-item.article .fields-container {
  padding: 0 20px 15px 20px;
}
.article dl.fields-container dd.field-entry.jongensmeisjes, .article dl.fields-container dd.field-entry.maat, .article dl.fields-container dd.field-entry.beschikbaarheid, .article dl.fields-container dd.field-entry.color {
  display: inline;
  font-size: 16px;
  background-color: #F2F2F2;
  padding: 5px;
}
.article dl.fields-container dd.field-entry.maat {
  margin-left: 7px;
}
dl.fields-container .fa-female {
  color: #FF1493;
}


.fiets-detail-inner img{
	max-width: unset;
	width: 100%;
	margin-bottom: 1em;
} /* was eerder .view-bicycle img, maar dan ging footer afbeelding mee; nog even aanzien of dit nergens problemen geeft */
.view-bicycle.layout-edit img{
	width: unset;
	max-width: 100%;
	margin-bottom: unset;
} 
.fietsbieb-icon {
  display: inline-block;
  width: 30px;
}
.fietslenen {
  margin: 1em 0;
}
.btn-light {
  background-color: #e2e2e2;
}

button [class*="icon"] {
  padding-right: 6px;
}


.view-bicycles table, .view-members #itemsList, .view-transactions #itemsList, .view-lends #itemsList, .view-childs #itemsList {
  background-color: #fff;
}

h4 {
	color: #84a786;
} /* In FAQ pagina */

.js-stools {
  margin-bottom: 15px;
}
.js-stools-container-bar .btn-toolbar > *, 
.joomla-toolbar-button > *, 
.js-stools-container-filters > * {
  margin: 2px 0;
  margin-inline-end: 4px;
}
.js-stools-container-bar {
  padding: 0;
}
/*
.js-stools-container-bar .btn-toolbar div:last-child {
	margin-inline-end: 0;
}
*/
@media (max-width: 991.98px) {
	.js-stools-container-bar .btn {
	  margin-bottom: unset;
	}
}

.js-stools-container-filters-visible {
	background-color: unset;
	display: flex;
	justify-content: flex-end;
	flex-wrap: wrap;
	grid-gap: 0;
	padding-right: 0;
	padding: 0;
	margin: 0;
}

.js-stools-container-bar, .js-stools-container-filters  {
  margin-right: -4px;
}
.container-popup {
  margin: 0 10px;
} /* Voor tabel weergeva in modal container */
#bicyclessList, #memberList {
  background-color: #fff;
} /* Voor in modal */


joomla-toolbar-button {
  margin: 2px 4px 2px 0;
}
.filter-search-actions__button.btn.btn-primary.js-stools-btn-clear {
  margin-left: 4px;
}
.btn-toolbar.bewerk-fiets .btn, .bekijk-fiets-knoppen .btn, .bewerk-kind .btn, .bewerk-lener .btn, .fiets-lenen .btn {
  margin-right: 4px;
}

.btn:focus, 
.btn-check:focus+.btn, 
.btn-check:focus+.btn-primary, 
.btn-check:active+.btn-primary:focus,
.btn-check:checked+.btn-primary:focus,
.btn-success:focus,
.btn-success.active:focus,
.btn-success:active:focus,
.btn-primary:focus,
.btn-primary.active:focus,
.btn-primary:active:focus,
.btn-secondary:focus,
.btn-secondary.active:focus,
.btn-secondary:active:focus,
.show>.btn-primary.dropdown-toggle:focus {
  box-shadow: none;
}

.btn-primary.disabled, .btn-primary:disabled {
  background-color: var(--cassiopeia-color-primary);
  border-color: var(--cassiopeia-color-primary);
}
.btn.disabled, .btn:disabled, fieldset:disabled .btn {
  opacity: 0.5;
}

.btn-check:focus + .btn-danger, .btn-danger:focus, .btn-danger:hover {
  background-color: #66110d; /*#8c1a14 #801611*/
}
.btn-check:focus + .btn-success, .btn-success:focus, .btn-success:hover {
  background-color: #2a552a; /*#3a6f3a*/
}
.js-stools-container-bar .btn-toolbar .js-stools-btn-clear:hover {
  background-color: #1e4260; /*#30638d*/
}

.chosen-container-single .chosen-single span {
  margin-right: 20px;
}

.chosen-container.chosen-container-single .chosen-single {
	line-height: 1;
	padding: .81rem 3rem .81rem .5rem;
	background-position-x: right 0;
}
.chosen-container.chosen-container-single .chosen-single, .chosen-container-single .chosen-drop {
	border-radius: 0;
}

#filter_published_chosen.chosen-container.chosen-container-single,
#filter_published_chosen.chosen-container.chosen-container-single a {
  min-width: 180px;
}

.js-calendar .nav {
  display: block;
}
.form-control, .form-select {
  max-width: 21.875rem;
}
/*
#jform_birthdate.form-control, #jform_expires.form-control {
	max-width: 300px;
}
*/

.view-bicycles .ordering-select {
  display: none !important;
}

.form-control {
  border-radius: 0;
}
/*
#action.form-select, .rsform-input-box {
  width: 300px;
}
*/
.custom-select, .form-select, 
.custom-select:focus, .form-select:focus {
  box-shadow: none;
}
input[type="checkbox"] {
  margin-right: 5px;
}
.form-control:focus {
  background-color: #eaedf0;
} /* ter voorkoming van: Uitrolknop werd wit en bleef dat totdat elders werd geklikt. */

.alert {
  border-radius: 0;
}
.alert h4 {
  margin-bottom: 0;
}

.input-group-text, .form-select {
	border-radius: 0;
}
.input-group-text {
	background-color: unset;
}

/* Modules */


.breadcrumb {
	background-color: #074133;
	font-size: 1.2rem;
	color: #fff;
}
.mod-breadcrumbs__divider.float-start {
	display: none;
}
.mod-breadcrumbs__item.breadcrumb-item a {
	color: #fff;
}
.mod-breadcrumbs__item.breadcrumb-item.active {
	color: #fff;
	font-weight: bold;
}
.breadcrumb-item + .breadcrumb-item::before {
  color: #fff;
  content: var(--breadcrumb-divider,">");
  float: left;
  padding-right: .5rem;
}

.card {
	border-radius: unset;
}
.card-header {
  background-color: #074133;
  color: #fff;
  padding: .35rem 1rem;
  border-bottom: unset;
  border: unset;
}
.card-header:first-child {
  border-radius: unset;
}
/*
.sidebar-right.card {
  background-color: transparent;
}
*/
.mod-list li.active > a {
  text-decoration: none;
}
.mod-list li > a:hover {
  text-decoration: none;
}

#DwcAccordion ul.mod-menu__sub.list-unstyled.small {
  margin-bottom: 0;
}
.uitleenpunten .mod-list li.active > a {
  text-decoration: none;
  color: #84a786;
  font-weight: bold;
}
.uitleenpunten li.active a {
	font-weight: bold;
}
.accordion-button {
  font-size: 1.2rem;
}
.accordion-body, .accordion-body ul.small {
  font-size: 1rem;
} /* declaratie met small kan weg als die class uit code is */
.accordion-item:first-of-type {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.accordion-item:last-of-type {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

[data-rlta-element="button"], [data-rlta-element="panel"] {
  border-radius: 0 !important;
} /* RegLab */
[data-rlta-element="button"] > h3 {
  font-size: 1.2rem !important;
} /* RegLab */
[data-rlta-element="panel-content"] > ul > li > a{
	font-size: 1rem !important;
}

[data-rlta-element="container"][data-rlta-state="ready"][data-rlta-theme="neutral"][data-rlta-type="accordions"] > [data-rlta-element="panel"] > [data-rlta-element="panel-content"], [data-rlta-element="container"][data-rlta-state="ready"][data-rlta-theme="neutral"][data-rlta-type="tabs"] > [data-rlta-element="panels"] > [data-rlta-element="panel"] > [data-rlta-element="panel-content"] {
  padding: .75rem 1.25rem;
}

/*
[data-rlta-element=button]:after {
  content: "+";
  font-weight: bold;
  float: right;
  margin-left: 1rem;
}
[data-rlta-element=button]:not([data-rlta-state=closed]):after {
  content: "−";
}
*/
[data-rlta-element=button]:not([data-rlta-state=closed]):after {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%230f244d'%3E%3Cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3E%3C/svg%3E");
  -webkit-transform: rotate(-180deg);
  transform: rotate(-180deg);
}

[data-rlta-element=button]:after {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%2322262a'%3E%3Cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: 1.25rem;
  content: "";
/*  flex-shrink: 0; */
  height: 1.25rem;
  margin-left: auto;
  transition: -webkit-transform .2s ease-in-out;
  transition: transform .2s ease-in-out;
  transition: transform .2s ease-in-out,-webkit-transform .2s ease-in-out;
  width: 1.25rem;
}


.card {
  border: unset;
}
.randfoto .card-body {
  padding: 0;
}

.footer-a {
  background-color: #fff;
  background-image: none;
  color: #000;
  font-size: 0.9rem;
  margin-top: 1em;
}
.footer-a .grid-child {
	padding: 1rem 1.5em;
	justify-content: flex-end;
	align-items: center;
}


.footer-b {
  background-color: #171717;
  background-image: none;
  color: #fff;
  font-size: 0.9rem;
}
.footer-b .metismenu.mod-menu {
  flex-grow: 0;
  flex-basis: 0%;
}
.footer-b .metismenu.mod-menu .metismenu-item {
  font-size: 0.9rem; 
  font-weight: 400;
  height: inherit;
}  /* Menu-items */

.footer-b .metismenu.mod-menu .metismenu-item a {
	color: #a2a2a2;
}
.footer-b .metismenu.mod-menu .metismenu-item a:hover {
	color: #fff;
	text-decoration: none;
}
.footer-b .grid-child {
	padding: 1rem 1.5rem;
	justify-content: space-between;
	align-items: center;
}
@media (min-width: 992px){
	.footer-b .mod-menu {
	  margin-right: -1rem;
	}
}
.netwerk-partijen {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    gap:12px;
}
/*
@media(min-width: 340px) {
    .netwerk-partijen {
        width: 280px;
    }
}
@media(min-width: 430px) {
    .netwerk-partijen {
        width: 370px;
    }
}
*/
@media(min-width: 340px) {
    .netwerk-partijen {
        max-width: 410px;
    }
}
@media(min-width: 850px) {
    .netwerk-partijen {
        max-width: 100%;
    }
}

.metismenu.menu-horizontal {
	flex-direction: row;
	display: inline-flex;
}
@media (max-width: 992px) {
	.metismenu.menu-horizontal {
		display: initial;
	}
}

.mijnfietsbieb-start .mod-menu.mod-list.nav {
	flex-direction: row;
/*	gap: 10px; */
}
.mijnfietsbieb-start li.nav-item {
	width: 33.33%;
	border: 5px solid #fff;
	padding: 7px;
	text-align: center;
}
@media (max-width: 768px) {
	.mijnfietsbieb-start li.nav-item {
		width: 50%;
	}
}
@media (max-width: 576px) {
	.mijnfietsbieb-start li.nav-item {
		width: 100%;
	}
}


.mijnfietsbieb-start li.nav-item:nth-child(odd) {
  background: #074133; /*# 83bd19 #83bd19d6 #2a552a*/
}
.mijnfietsbieb-start li.nav-item:nth-child(even) {
  background: #84a786;
}

.mijnfietsbieb-start li.nav-item.item-2143, 
.mijnfietsbieb-start li.nav-item.item-2144, 
.mijnfietsbieb-start li.nav-item.item-2145,
.mijnfietsbieb-start li.nav-item.item-2493 {
  background: #000;
}
.mijnfietsbieb-start li.nav-item a {
	color: #fff;
	font-weight: 700;
	display: block;
}
body.layout-edit {
	/* background-color: #dae3d1; */
}

a.tutorials {
  display: none;
}

.back-to-top-link {
  background-color: #333;
  border: none;
  border-radius: 0;
  bottom: 1rem;
  color: #fff;
  padding: .5em;
  transition: opacity .5s ease-in;
  z-index: 10000;
}
.back-to-top-link:hover {
  background-color: #444;
}
.back-to-top-link .icon-fw {
	width: 1.5em;
}
/*Back top*/
.back-to-top-link.visible {
  position: fixed;
  bottom: 10px;
  right: 10px;
}

.header h1 img.logo {
  display: none !important;
} /* Cassiopeia logo weg in offline page */

.ratio.ratio-16x9 {
  margin-bottom: 1rem;
}
.home .ratio.ratio-16x9 {
  margin-bottom: 0;
}

/* JCE tabs */
button[aria-controls="language"] {
  visibility: hidden;
}
button[aria-controls="publishing"] {
  visibility: hidden;
}

/* cookie manager */
.cpnb-buttons { 
	  float: none; 
	  display: block; 
	  width: 100%;
 	  clear: both; 
	  text-align: center; 
	  margin-top: 0;
	  margin-left: 0; 
	  margin-bottom: 10px; 
	  right: 0; 
	  position: relative;
 }

.cpnb-button {
	  font-size:16px;
}

.3rdparty-kader {
	  border: 1px solid rgba(61, 47, 44, 0.84);
	  padding: 7px;
	  background-color: #0f8668;
  }

.3rdparty-kader a {
	  color: #274e57;
	  font-weight: 700;
  }

.fa-cookie-bite::before {
	background-color: rgba(61, 47, 44, 0.84);
	padding: 4px;
	color: #fff;
}

.3rdparty-kader .fa-cookie-bite::before {
	  background-color: transparent;
	  color: rgba(61, 47, 44, 0.84);
  }


/* kies locatie */
.member-location {
	padding: 15px;
	margin-bottom: 15px;
	border: 1px solid #0f8668;
}

.member-location a {
	font-weight:700;

}
.member-location a::after {
	content:' >';

}

/* verberg menu-items "Locatie kiezen" als men bij 1 locatie lid is */
/* bevat hard-coded id van menu-items in 3 talen */
.user-group-lener.single-location .nav-item.item-3026,
.user-group-lener.single-location .nav-item.item-3027,
.user-group-lener.single-location .nav-item.item-3028 {
	display:none;
}