/*
Bootstrap 5 uses CSS variables. You can use app-related variables in this file. The standard Bootstrap values are used as a fallback 
Check our Docs for more information: https://go.2sxc.org/app-theme
*/

:root {
  --bs-primary-fallback-app-events: #0060AC;
  --bs-body-font-size-fallback-app-events: 1rem;
  --bs-dark-rgb-fallback-app-events: 33, 37, 41;
}

.scholing a.btn.btn:link {
    text-decoration: underline !important;
    display: inline-block;
}
.contact.uitgelichte-info.p-4 {
    display: inline-block;
}

.contact.uitgelichte-info.p-4 img {
    width: 100%!important;
}
.uitgelichte-info.p-5.mb-5.row hr {
    margin-top: 2rem;
    margin-bottom: 3rem;
}

/* .uitgelichte-info.p-4 img {
    margin-bottom: 1rem;
} */
h5.text-primary {
    margin-top: 5rem;
}

.bond-social-share.volg-ons {
    margin-bottom: 5rem;
}

.bond-social-share + hr {
    color: var(--bs-secondary);
}

.uitgelichte-info a {
    margin-top: 1rem;
}

.contactinfo.mb-5 span i {
    font-size: 16px;
    margin-top: 1rem;
    display: block;
}

.contactinfo.mb-5 {
    margin-bottom: 1rem!important;
}
.inschrijfinformatie {
    background: #F6F8FA!important;
    padding: 40px;
    margin-bottom: 3rem;
}

.inschrijfinformatie span i {
    font-size: 16px;
    margin-top: 1rem;
    display: block;
}

.inschrijfinformatie a {
    margin-top: 1rem;
}
.uitgelichte-info {
    border: 1px solid rgba(112, 111, 111, 0.3);
    margin-left: 1px;
    border-radius: 4px;
    background: #fff;
}
h4.text-primary.knop-eronder + a {
    display: block!important;
}
.uitgelichte-info h4 i.text-secondary {
    position: absolute;
    left: -30px;
}
    
.uitgelichte-info h4 {
    position: relative;
    display: flex;
    align-items: center;
}
.app-news5-img {
    position: relative;
}
.row.posi-abso + .container {
  padding-left: 65px;margin-top: 5rem;
}
    
.DnnModule.DnnModule-Scholingsmodule {
    display: block!important;
}

.container.sidetext  > .row {
    padding: 0px 20px;
}
.container.sidetext .col-md-6 {
    min-height: 425px;
}
.separator:nth-last-child(2), span[itemprop=breadcrumb]>span span[itemprop=itemListElement]:last-child a span { 
  display:inline!important;
}