/* Custom Styles for ERT Opleidingen Page */

:root {
  --ert-primary: #005691;
  --ert-dark: #1a2530;
  --ert-light: #f8f9fa;
  --ert-blue: #0088cc;
  --ert-light-bg: #e8f1f5;
}

/* Color Brand Overrides */
.text-primary {
  color: var(--ert-primary) !important;
}

.bg-primary {
  background-color: var(--ert-primary) !important;
}

.btn-primary {
  background-color: var(--ert-primary);
  border-color: var(--ert-primary);
}

.btn-primary:hover,
.btn-primary:focus {
  background-color: #00406c;
  border-color: #00406c;
}

.btn-outline-primary {
  color: var(--ert-primary);
  border-color: var(--ert-primary);
}

.btn-outline-primary:hover {
  background-color: var(--ert-primary);
  border-color: var(--ert-primary);
}

/* Smooth Scrolling */
html {
  scroll-behavior: smooth;
}

/* Logo */
.ert-logo {
  max-height: 32px;
  width: auto;
}

.header-banner{
  position: relative;
}
.header-banner .header-banner-image{
  position: relative;
  z-index: 10;
  overflow: hidden;
  height: auto;
}

.header-banner .header-banner-image img{
  position: relative;
  top: 0;
  max-width: none;
  width: 100%;
  height: auto;
}
.header-banner-content{
  position: relative;
  z-index: 20;
  margin: -1.875rem auto 0 auto;
  max-width: 80em;
  padding: 0 0 0 1rem;
  margin-top: -7.0rem;
}

.header-banner-content .header-banner-title{
  display: flex;
  flex-direction: column;
  position: relative;
  background: #0091c9;
  width: 51%;
  padding: 2rem 3rem;
}
.header-banner-content .header-banner-title h1{
  font-size: 2.5rem !important;
  margin-bottom: .25rem;
  color: #fff;
}
.header-banner-content .header-banner-title .Hero-subTitle h3{
  font-size: 1.125rem;
  font-weight: 600;
  line-height: 1.1875;
  color: #fff;
}

.layout-row__content--pt-50{
  padding-top: 50px;
}
.layout-row__content--pb-0{
  padding-bottom: 0;
}

.layout-columns ul{
  flex-basis: calc(66.66% - 2rem);
}
.layout-columns ul li{
  font-size: 1rem;
  list-style: none;
}
.layout-columns ul li a{
  color: #40add7;
  text-decoration: none;
}
.layout-columns ul li::before,
.layout-row ul li::before{
  display: inline-block;
  vertical-align: middle;
  width: .5rem;
  height: .5rem;
  background-color: #40add7;
  margin-right: .5rem;
  content: " ";
}

.text-wrapper .text{
  font-size: 1rem;
  margin: 0 0 .75rem 0;
  overflow-wrap: break-word;
}
.text-content p{
  font-size: 1rem;
  margin-bottom: 12px;
}
.text-content h3{
  font-size: 1.125rem;
  color: #0091c9;
}

#contact-section .row_title{
  font-size: 1.125rem;
  font-weight: 600;
  line-height: 1.1875;
  color: #0091c9;
}
#contact-section address{
  font-size: 1rem;
  font-weight: 400;
  color: #000;
  margin: 0 0 .75rem 0;
  max-width: 38.75rem;
}

.visitorsitema__linkscontainer ul ul{
  padding-left: 55px;
  margin-bottom: 0;
}