/* Kleuren logo */
:root {
  --color-rood: #e00b77; 
  --color-blauw: #08a9d5; 
  --color-oranje: #eb6a0c; 
  --color-groen: #b0c707; 
  --color-grijs: #727475;

}

.requiredstar::after {
	content: '*';
	font-family: 'Courier';
	color: red;
	font-weight: bold;
}

.error {
	font-weight: bold;
	color: red;
}

figure {
    margin: 0px 0px 10px 0px;
    max-width: 100%;
    height: auto;
}


figure.image-left {
    float: left;
    margin: 0px 10px 0px 0px;
}

figure.image-right {
    float: right;
    margin: 0px 0px 0px 10px;
}

figure.image-center {
    margin: 0;
}


figure.image-left img, figure.image-right img, figure.image-center img, figure img {
  -webkit-border-radius: 4px;
  -webkit-background-clip: padding-box;
  -moz-border-radius: 4px;
  -moz-background-clip: padding;
  border-radius: 4px;
  background-clip: padding-box;
}

figure.image-center img {
  max-width: 100%;
  height: auto;
}

.rbt-header .logo a img {
  max-height: 99px;
  padding: 1rem;
  object-fit: contain;
}

.rbt-search-field, .rbt-search-with-category {
  border-radius: 5px;
  background-color: white;
}

.marginl {
  margin-left: -15px;
}

.popup-mobile-menu .mainmenu li + li {
    border-top: none;
}

.rbt-header .mainmenu-nav.mobile-menu .mainmenu {
    flex-direction: column;
}

.rbt-article-content-wrapper {
    padding-top: 50px;
}

.page-list li a, .page-list li .icon-right i, .page-list li.active {
    color: #e10582;
}

.page-list li a:hover {
    color: white;
}

.thumbnail {
  position: relative;
}

i.far.fa-clock {
  padding-right: 10px;
}

.klokje {
  position: absolute;
  top: 40px;
  left: 50px;
  color:white
}

.rbt-section-overlayping-top {
    margin: 0 auto 0;
}

.accordion-button:not([data-bs-toggle])::before,
.accordion-button:not([data-bs-toggle])::after {
  content: "" !important;
  background-image: none !important;
}

.breadcrumb-style-max-width {
    max-width: 100%;
}

/* CSS for all #dateContent + wildcard for number after #dateContent */
[id^="dateContent"] {
    margin-top: 20px;
}

.rbt-btn.btn-gradient, .rbt-btn.btn-gradient:hover {
    text-transform: uppercase;
}

.rbt-btn.btn-gradient {
    color: var(--color-white);
    background-size: 300% 100%;
    background-image: linear-gradient(to right, #e10582, #00b5df, #00b5df, #e10582);
}

.rbt-btn:hover {
    background-color: #e10582;
    color: var(--color-white);
    transform: translate3d(0, -2px, 0);
    box-shadow: var(--shadow-7);
}

:root {
    --color-primary: #e10582;
}

.page-list li.active {
    color: #e10582;
    font-weight: bolder;
}

.rbt-gradient-border, .rbt-btn.btn-border-gradient {
    background: linear-gradient(90deg, #e10582, #00b5df) !important;
}

.rbt-instructor .about-author .thumbnail a img {
    margin-bottom: 0;
    min-width: auto;
    max-height: auto;
    object-fit: cover;
    border-radius: 100%;
}