/* Newsroomie */
@import url("https://fonts.googleapis.com/css?family=Oswald:300,400,700|Roboto:300,400,700&display=swap");

body {
  overflow-y: scroll;
  margin-top: 0;
  font-family: "Roboto", sans-serif;
  font-size: 16px;
  top: 0 !important;
}

ins {
  text-decoration: none;
}

h1,
h2,
h3 {
  font-family: "Oswald", sans-serif;
  font-weight: 400;
}

h1 {
  font-size: 4rem;
  font-weight: 700;
}

h2 {
  font-size: 3.5rem;
}

h3 {
  font-size: 2.2rem;
}

.text-uppercase {
  text-decoration: uppercase;
}

.btn:focus,
.btn:active {
  outline: none !important;
  box-shadow: none;
}

.hero-subbanner {
  background-color: #2c2f34;
}

.hero-subbanner a {
  font-family: "Oswald", sans-serif;
  padding: 14px 10px;
  margin: 16px 0;
  line-height: 2.5rem;
}

.hero-subbanner span {
  line-height: 90%;
}

.hero-subbanner span.big,
.alert span.big {
  font-size: 2.4rem;
}

.hero-subbanner a span.normal {
  font-size: 1.5rem;
  white-space: nowrap;
}

.hero-subbanner .stats > div:not(.button) {
  padding-left: 5px;
  padding-right: 5px;
  display: flex;
}

.hero-subbanner .stat {
  color: #fff;
  text-transform: uppercase;
  border: 1px solid #fff;
  border-radius: 4px;
  padding: 13px;
  margin: 15px 0;
  text-align: center;
  font-size: 0.9rem;
  width: 100%;
}

.body-acdemy .hero-subbanner .stat span.big {
  font-size: 2.2rem;
}

.body-business .hero-subbanner .stat span.big {
  font-size: 1.3rem;
}

.body-junior-academy .hero-subbanner .stat span.big,
.body-organisation .hero-subbanner .stat span.big {
  font-size: 1.3rem;
}

.hero-banner > .container,
.hero-banner > .container > .row {
  height: 100%;
}

.hero-banner {
  background-size: cover;
  position: relative;
  height: 300px;
  background-position: center;
}

@media (min-width: 992px) {
  .hero-banner {
    height: 400px;
  }
}

.text-white {
  color: #fff;
}

.borderless {
  border: none;
}

/* Dutchracedriver */
.btn-red,
.body-academy .btn-primary {
  color: #fff !important;
  background-color: #cf2a27;
  border-color: #cf2a27;
}

.btn-red:hover,
.body-academy .btn-primary:hover {
  color: #fff !important;
  background-color: #b6110e;
  border-color: #b6110e;
}

.btn-red:focus,
.body-academy .btn-primary:focus {
  color: #fff !important;
  background-color: #e94441;
  border-color: #e94441;
}

/* .hero-subbanner .btn-red:hover, .hero-subbanner .btn-red:focus {
  border-color: #fff;
} */

.btn-outline-red {
  color: #cf2a27;
  border-color: #cf2a27;
}

.btn-outline-red:hover {
  color: #fff;
  background-color: #cf2a27;
  border-color: #cf2a27;
}

.text-red {
  color: #cf2a27;
}

.bg-red {
  background-color: #cf2a27;
}

.bg-neutral {
  background-color: #2c2f34;
}

.border-bottom-red {
  box-shadow: 0px 2px 0px #cf2a27;
}

.subsites .border-bottom-red.active {
  box-shadow: 0 0 0 2px #cf2a27;
  background-color: #cf2a27;
  border-radius: 6px;
}

.subsites .border-bottom-red:hover {
  box-shadow: 0 0 0 2px #cf2a27;
  border-radius: 6px;
}

.border-bottom-orange {
  box-shadow: 0px 2px 0px #ff9600;
}

.subsites .border-bottom-orange.active {
  box-shadow: 0 0 0 2px #ff9600;
  background-color: #ff9600;
  border-radius: 6px;
}

.subsites .border-bottom-orange:hover {
  box-shadow: 0 0 0 2px #ff9600;
  border-radius: 6px;
}

.border-bottom-blue {
  box-shadow: 0px 2px 0px #2b78e4;
}

.subsites .border-bottom-blue.active {
  box-shadow: 0 0 0 2px #2b78e4;
  background-color: #2b78e4;
  border-radius: 6px;
}

.subsites .border-bottom-blue:hover {
  box-shadow: 0 0 0 2px #2b78e4;
  border-radius: 6px;
}

.border-bottom-green {
  box-shadow: 0px 2px 0px #6aa84f;
}

.subsites .border-bottom-green.active {
  box-shadow: 0 0 0 2px #6aa84f;
  background-color: #6aa84f;
  border-radius: 6px;
}

.subsites .border-bottom-green:hover {
  box-shadow: 0 0 0 2px #6aa84f;
  border-radius: 6px;
}

.btn-blue {
  color: #fff !important;
  background-color: #2b78e4;
  border-color: #2b78e4;
}

.btn-blue:hover {
  color: #fff !important;
  background-color: #125fcb;
  border-color: #125fcb;
}

.btn-blue:focus {
  color: #fff !important;
  background-color: #4592fe;
  border-color: #4592fe;
}

.btn-outline-blue {
  color: #2b78e4;
  border-color: #2b78e4;
}

.btn-outline-blue:hover {
  color: #fff;
  background-color: #2b78e4;
  border-color: #2b78e4;
}

.text-blue {
  color: #2b78e4;
}

.bg-blue {
  background-color: #2b78e4;
}

.btn-orange,
.body-junior-academy .btn-primary {
  color: #fff !important;
  background-color: #ff9600;
  border-color: #ff9600;
}

.btn-orange:hover,
.body-junior-academy .btn-primary:hover {
  color: #fff !important;
  background-color: #e88b00;
  border-color: #e88b00;
}

.btn-orange:focus,
.body-junior-academy .btn-primary:focus {
  color: #fff !important;
  background-color: #ffa628;
  border-color: #ffa628;
}

.btn-outline-orange {
  color: #ff9600;
  border-color: #ff9600;
}

.btn-outline-orange:hover {
  color: #fff;
  background-color: #e88b00;
  border-color: #e88b00;
}

.bg-orange {
  background-color: #ff9600;
}

.btn-green,
.body-organisation .btn-primary {
  color: #fff !important;
  background-color: #6aa84f;
  border-color: #6aa84f;
}

.btn-green:hover,
.body-organisation .btn-primary:hover {
  color: #fff !important;
  background-color: #518f36;
  border-color: #518f36;
}

.btn-green:focus,
.body-organisation .btn-primary:focus {
  color: #fff !important;
  background-color: #84c269;
  border-color: #84c269;
}

.btn-outline-green {
  color: #6aa84f;
  border-color: #6aa84f;
}

.btn-outline-green:hover {
  color: #fff;
  background-color: #6aa84f;
  border-color: #6aa84f;
}

.bg-green {
  background-color: #6aa84f;
}

.body-academy a {
  color: #cf2a27;
}

.body-business a {
  color: #2b78e4;
}

.body-organisation a {
  color: #6aa84f;
}

.body-junior-academy a {
  color: #ff9600;
}

.cta-boxed {
  padding: 20px;
  border-radius: 6px;
  color: #fff;
  background-color: black;
}

.body-academy .cta-boxed {
  background-color: #cf2a27;
}

.countdown {
  background: rgba(0, 0, 0, 0.5);
  color: #fff;
  padding: 5px 15px;
  text-transform: uppercase;
  border-radius: 6px 6px 0 0;
  min-height: 158px;
  font-size: 14px;
}

.countdown .holder {
  margin: 0.5rem;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}

.countdown-timer span.num {
  width: 50px;
  height: 50px;
}

.organisation-event-dates {
  background: rgba(0, 0, 0, 0.5);
  color: #fff;
  padding: 5px 15px;
  text-transform: uppercase;
  border-radius: 6px 6px 0 0;
  font-size: 16px;
  font-weight: bold;
  min-height: 24px;
  margin-right: -10px;
}

.organisation-event-dates > p {
  margin-bottom: 0;
}

blockquote {
  border-radius: 3px;
  position: relative;
  font-style: italic;
  text-align: center;
  padding: 1rem 1.2rem;
  width: 76%;
  color: #4a4a4a;
  margin: 1.5rem auto 1.5rem;
  background: #e8e8e8;
  border-left: none !important;
  font-size: 1.2rem;
}

blockquote:before,
blockquote:after {
  font-family: FontAwesome;
  position: absolute;
  top: 13px;
  color: #e8e8e8;
  font-size: 34px;
}

blockquote:before {
  content: "\f10d";
  margin-right: 13px;
  right: 100%;
}

blockquote:after {
  content: "\f10e";
  margin-left: 13px;
  left: 100%;
}

.display-hidden {
  display: none;
}

.card-header {
  font-size: 1.2rem;
}

/* Forms */
span.form-error,
.has-error label {
  color: #dc3545 !important;
}

span.form-error {
  margin-top: 5px;
}

.has-error input {
  border-color: #dc3545 !important;
}

.form-control::placeholder {
  opacity: 0.5;
}

.form-control:focus {
  border-color: #495057;
  box-shadow: 0 0 0 0.1rem rgba(73, 80, 87, 0.25);
}

.has-error .form-control:focus {
  border-color: #dc3545;
  box-shadow: 0 0 0 0.1rem rgba(220, 53, 69, 0.25);
}

/* Header */
.header {
  padding: 5px 0;
  background-color: #2c2f34;
}
/* 
.logo img {
  margin: 0 auto;
  max-width: 260px;
  display: block;
} */

.header-row {
  display: flex;
  flex-wrap: wrap;
  gap: 15px;
  padding: 0 15px;
  align-items: end;
  justify-content: center;
}

@media (min-width: 992px) {
  .header-row {
    justify-content: unset;
  }
}

.header-row .logo {
  width: 100%;
}

@media (min-width: 768px) {
  .header-row .logo {
    width: 50%;
  }
}

@media (min-width: 992px) {
  .header-row .logo {
    width: 20%;
  }
}

.header-row .subsites {
  width: 60%;
}

.header-row .menu {
  display: none;
}

@media (min-width: 992px) {
  .header-row .menu {
    display: block;
    width: 16%;
  }
}

/* Navigation */
.navbar a {
  color: #2c2f34;
}

.navbar-nav .nav-item .nav-link {
  font-weight: 400;
  text-transform: uppercase;
  font-family: "Oswald", sans-serif;
  letter-spacing: 1px;
  transition-duration: 0.2s;
  box-shadow: none;
}

.nav-item {
  margin: 0 6px;
}

@media (min-width: 992px) {
  .navbar .active {
    box-shadow: inset 0px 0px 0px 1px #2c2f34;
    border-radius: 6px;
  }
}

.body-academy .navbar .nav-item:not(.active):not(.mobile) a:hover,
.body-academy .navbar .nav-item:not(.active):not(.mobile) a:focus {
  box-shadow: 0px 2px 0px #cf2a27;
}


.body-academy .navbar {
  border-bottom: 6px solid #cf2a27;
}

.body-business .navbar .nav-item:not(.active):not(.mobile) a:hover,
.body-business .navbar .nav-item:not(.active):not(.mobile) a:focus {
  box-shadow: 0px 2px 0px #2b78e4;
}

.body-business .navbar {
  border-bottom: 6px solid #2b78e4;
}

.body-organisation .navbar .nav-item:not(.active):not(.mobile) a:hover,
.body-organisation .navbar .nav-item:not(.active):not(.mobile) a:focus {
  box-shadow: 0px 2px 0px #6aa84f;
}

.body-organisation .navbar {
  border-bottom: 6px solid #6aa84f;
}

.subsites {
  margin-bottom: 10px;
}

.subsites ul {
  flex-wrap: wrap;
  gap: 0.5rem;
}

.subsites li {
  width: calc(50% - 0.5rem) !important;
  margin-right: 0 !important;
  text-align: center;
}

@media (min-width: 1200px) {
  .subsites li {
    width: calc(25% - 0.5rem) !important;
  }
}

.subsites li {
  font-family: "Oswald", sans-serif;
  text-transform: uppercase;
  font-size: 1rem;
}

@media (min-width: 992px) {
  .subsites li {
    font-size: 1.2rem;
  }
}

@media (max-width: 399px) {
  .subsites li {
    font-size: 1rem;
  }
}

@media (min-width: 1200px) {
  .subsites li {
    font-size: 1.2rem;
  }
}

.subsites li a {
  color: #fff;
  padding: 10px;
}

.subsites li a:hover,
.subsites li a:focus {
  text-decoration: none;
}

.subsites ul,
.menus {
  margin-bottom: -0.5rem;
}

.language-menu {
  margin-right: -10px;
}

.language-menu > a.btn,
.account-menu > a.btn {
  color: #fff;
}

.account-menu .dropdown-menu {
  min-width: 225px;
  padding: 15px;
}

.acount-menu .dropdown-menu.mobile {
  left: 8px !important;
  min-width: 225px;
  padding: 15px;
}

.account-menu a {
  font-family: "Oswald", sans-serif;
}

#form-quick-login {
  font-family: "Roboto", sans-serif;
  font-weight: bold;
}

.alert .quick-login a {
  padding-left: 0;
}

.account-menu .btn-link {
  padding-left: 0px;
  font-family: "Roboto", sans-serif;
}

.account-menu .dropdown-menu,
.language-menu .dropdown-menu {
  margin-top: 16px;
}

@media (max-width: 992px) {
  .account-menu .dropdown-menu,
  .language-menu .dropdown-menu {
    margin-top: 7px;
  }
}

.nav-item.mobile .dropdown-toggle {
  color: #7f7f7f;
}

.nav-item.mobile .dropdown-menu {
  left: initial;
  right: 0;
}

.language-menu .dropdown-menu img {
  margin-bottom: 3px;
  margin-right: 10px;
}

.home .card:hover,
.card.event:hover {
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.125);
}

/* Homepage */
.body-home .hero-banner {
  position: relative;
  padding: 70px 0;
  background-position: left center;
  background-size: cover;
  height: 270px;
}

.body-home .hero-banner .h2 {
  font-family: "Oswald", sans-serif;
  font-size: 3rem;
}

@media only screen and (max-width: 600px) {
  .body-home .hero-banner .h2 {
    font-family: "Oswald", sans-serif;
    font-size: 2rem;
  }
}

.body-home .hero-banner .btn {
  font-family: "Oswald", sans-serif;
}

#landing-c2a.countdown a.btn {
  width: fit-content;
}

#landing-c2a.countdown {
  min-height: 10px;
}

.body-home .card .card-title {
  text-transform: uppercase;
}

.home .card {
  height: 100%;
}

.body-home .home > div {
  margin-bottom: 20px;
}

/* Academy */
.programme .bg-img {
  width: 100%;
  height: 120px;
  background-position: right top;
  background-size: cover;
}

.programme {
  padding-left: 15px;
}

.programme .card-body {
  padding: 0.3rem;
}

.programme > [class*="col-"] {
  padding-right: 10px;
  padding-left: 0;
  margin-bottom: 10px;
}

.programme .card-title {
  text-transform: uppercase;
}

.programme > * {
  display: flex;
}

/* Business club */
.body-business .alert,
.body-business .web-alert,
#alert_profile_public {
  border: 1px solid #000;
  border-radius: 0 !important;
  padding: 30px;
}

.body-business .alert h3 {
  font-weight: 600;
  margin-bottom: 20px;
}

.body-business .alert .btn-container {
  display: flex;
  gap: 15px;
  margin: 20px 0 0 0;
}

.body-business #show-form-btn {
  margin-top: 30px;
}

.body-business .alert.become-member .btn,
.body-business .web-alert .btn,
.body-business #show-form-btn,
.body-business #submit-button {
  background: #000;
  border: 1px solid #000 !important;
  border-radius: 0 !important;
  font-family: "Oswald", sans-serif;
  font-weight: 500;
  font-size: 18px;
  margin-right: 10px;
}

.body-business .alert .btn-primary,
.body-business .alert .btn-primary:active,
.body-business .alert .btn-primary:focus,
.body-business .web-alert .btn-web-alert-primary,
.body-business .web-alert .btn-web-alert-primary:active,
.body-business .web-alert .btn-web-alert-primary:focus,
.body-business #show-form-btn,
.body-business #show-form-btn:active,
.body-business #show-form-btn:focus,
.body-business #submit-button,
.body-business #submit-button:active,
.body-business #submit-button:focus {
  background-color: #000 !important;
  color: #fff !important;
  box-shadow: unset !important;
}

.body-business .alert .btn-secondary,
.body-business .web-alert .btn-web-alert-secondary {
  background-color: #fff !important;
  color: #000 !important;
}

.body-business .membership .facts ul {
  list-style-type: none;
  padding-left: 0;
  margin: 5px 0 10px;
}

/* .body-business .membership .facts ul li:not(:last-child) {
  border-bottom: 1px solid rgba(0,0,0,.125);
} */

.body-business .membership .facts ul li {
  padding: 5px 1.5rem 4px 2rem;
  border-bottom: 1px solid rgba(0, 0, 0, 0.125);
}

.body-business .membership .facts ul li span.fa-li {
  left: 0;
}

.body-business .membership .facts ul li span.fa-li i.fas {
  color: #2b78e4;
}

.body-business .membership .facts .btn {
  margin: 0 10px 5px;
  display: block;
}

.body-business .embed-responsive {
  margin-top: 18px;
}

/* Organisation */

.body-organisation .sponsors {
  margin-top: 20px;
}

.sponsors .item {
  width: initial !important;
}

/* Sidebar */
.sidebar {
  background-color: #eeeeee;
  width: 100%;
}

.sidebar .row {
  align-content: start;
}

.sidebar .newsbar a:not(.more) {
  color: #212529;
}

.calendar .card-body:not(:last-child) {
  border-bottom: 1px solid rgba(0, 0, 0, 0.125);
}

.sidebar > .row > div:last-child {
  padding-bottom: 40px;
}

.sidebar ul.no-padding {
  margin-left: -20px;
}
/* Events */
.event .btn {
  width: 100%;
}

.event-meta .date {
  float: left;
  background-color: #fff;
  margin-right: 10px;
  position: relative;
  text-align: center;
  border: 1px solid #cfcfcf;
  padding: 2px 16px;
  border-radius: 3px;
  line-height: 100%;
  border-top: 5px solid #cfcfcf;
}

.event-meta .date .day {
  font-size: 2.2rem;
  line-height: 100%;
  font-weight: 700;
  color: #373737;
}

.event-meta .date .month {
  font-size: 1.5rem;
  line-height: 80%;
}

.event-meta .date .year {
  font-size: 1.2rem;
  line-height: 120%;
}

.body-business .event-meta .date .month {
  color: #2b78e4;
  text-transform: uppercase;
}

.body-organisation .event-meta .date .month {
  color: #6aa84f;
  text-transform: uppercase;
}

.event-meta .location-time {
  font-size: 0.9rem;
  color: #6c757d;
}

.event-meta .location-time p,
.event-meta h3 {
  margin: 0;
}

/* News */
.news .col-md-12 a .card-body {
  padding: 0 1.25rem;
}

.news a {
  color: #212529;
}

.news a:hover,
.news a:focus {
  text-decoration: none;
}

.news > div:first-of-type a:hover img {
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.3);
}

/* My account */
.my-account label {
  font-weight: bold;
}

/* Footer */
.footer {
  border-top: 3px solid #674ea7;
  background-color: #373737;
  padding-top: 20px;
  padding-bottom: 40px;
  color: #fff;
  font-family: "Open Sans", sans-serif;
  font-weight: 300;
  font-size: 12px;
}

.body-academy .footer {
  border-top: 3px solid #cf2a27;
}

.body-business .footer {
  border-top: 3px solid #2b78e4;
}

.body-organisation .footer {
  border-top: 3px solid #6aa84f;
}

span.required {
  color: red;
}

.footer a {
  color: #fff;
}

.footer a:hover,
.footer a:focus {
  color: #fff;
  text-decoration: underline;
}

.grecaptcha-badge {
  display: none;
}

.footer .webconcern {
  max-width: 200px;
}

.footer .list-unstyled > li > i {
  width: 16px;
}

/* Cookiebar */

#cookie-notification {
  display: none;
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 2;
  box-shadow: 0 -1px 5px -2px #333;
  background: #fff;
  padding: 15px;
}

#cookie-notification .btn {
  margin: 0;
}

#cookie-notification .alert {
  overflow: auto;
}

.cookie-notification-embed {
  position: relative;
}

#cookie-notification .btn-container {
  margin-left: auto;
}

/* SOCIAL MEDIA BUTTONS */
.social-buttons .btn {
  background-clip: padding-box;
  border-radius: 3px;
  color: #fff;
  cursor: pointer;
  display: inline-block;
  position: relative;
}

.social-buttons span {
  display: block;
  position: absolute;
  left: 40px;
}

.social-buttons i {
  float: left;
  margin-top: 2px;
}

.social-buttons .btn-whatsapp {
  background: #25d366;
  border: 1px solid #22b95a;
  box-shadow: inset 0 -2px 0 0 #22b95a;
}

.social-buttons a.btn-whatsapp:hover,
aside .social-buttons a.btn-whatsapp:active {
  background: #2ce26f;
}

.social-buttons .btn-linkedin {
  background: #007bb6;
  border: 1px solid #006494;
  box-shadow: inset 0 -2px 0 0 #006494;
}

.social-buttons a.btn-linkedin:hover,
aside .social-buttons a.btn-linkedin:active {
  background: #0087c9;
}

.social-buttons .btn-facebook {
  background: #3b5998;
  border: 1px solid #2d4474;
  box-shadow: inset 0 -2px 0 0 #2d4474;
}

.social-buttons a.btn-facebook:hover,
aside .social-buttons a.btn-facebook:active {
  background: #4260a0;
}

.social-buttons .btn-twitter {
  background: #0084b4;
  border: 1px #005f82;
  box-shadow: inset 0 -2px 0 0 #005f82;
}

.social-buttons a.btn-twitter:hover,
aside .social-buttons a.btn-twitter:active {
  background: #008dc0;
}

.social-buttons .btn-mail {
  background: #a7a7a7;
  border: 1px #9b9b9b;
  box-shadow: inset 0 -2px 0 0 #9b9b9b;
}

.social-buttons a.btn-mail:hover,
aside .social-buttons a.btn-mail:active {
  background: #b8b8b8;
}

.social-buttons .btn-github {
  background: #444;
  border: 1px #222;
  box-shadow: inset 0 -2px 0 0 #222;
}

.social-buttons .btn-github:hover,
aside .social-buttons a.btn-github:active {
  background: #555;
}

.social-buttons .btn-google-plus {
  background: #dd4b39;
  border: 1px solid #eb5745;
  box-shadow: inset 0 -2px 0 0 #eb5745;
}

.social-buttons a.btn-google-plus:hover,
aside .social-buttons a.btn-google-plus:active {
  background: #eb5745;
  border-color: #f86452;
  box-shadow: inset 0 -2px 0 0 #f86452;
}

/* Margin helpers */

.margin-top-0 {
  margin-top: 0 !important;
}

.margin-top-5 {
  margin-top: 5px !important;
}

.margin-top-10 {
  margin-top: 10px !important;
}

.margin-top-20 {
  margin-top: 20px !important;
}

.margin-top-30 {
  margin-top: 30px !important;
}

.margin-top-40 {
  margin-top: 40px !important;
}

.margin-bottom-0 {
  margin-bottom: 0 !important;
}

.margin-bottom-5 {
  margin-bottom: 5px !important;
}

.margin-bottom-10 {
  margin-bottom: 10px !important;
}

.margin-bottom-15 {
  margin-bottom: 15px !important;
}

.margin-bottom-20 {
  margin-bottom: 20px !important;
}

.margin-bottom-30 {
  margin-bottom: 30px !important;
}

.margin-bottom-40 {
  margin-bottom: 40px !important;
}

.padding-form {
  padding-top: calc(0.375rem + 1px);
  padding-bottom: calc(0.375rem + 1px);
  padding-left: 15px;
  padding-right: 15px;
}

.totalprice {
  margin-bottom: 0;
}

.totalprice_incl_vat {
  font-weight: bold;
}

.programme .card {
  width: 100%;
}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .sidebar .row {
    width: 100%;
    height: 10%;
  }

  .btn {
    font-size: 0.8rem;
  }

  .programme > * {
    display: block;
  }
}

/* Signature */
canvas.signature {
  border: 1px solid #ced4da;
}

.has-error canvas.signature {
  border-color: #dc3545 !important;
}

.signature-pad--body span {
  display: block;
}

.clearance-text h5 {
  font-size: 1rem;
  font-weight: 700;
}

.clearance-text p {
  font-size: 0.75rem;
}

/* Overwrites */
div.datepicker {
  padding: 0 !important;
}

#extras th,
#extras td {
  padding-left: 0;
  padding-right: 0;
}

.participant {
  align-items: center;
  gap: 15px;
}

.participant .avatar {
  width: 48px;
  height: 48px;
  border-radius: 50%;
  overflow: hidden;
  border: 1px solid #000;
}

.participant .avatar img {
  max-width: 100%;
  object-fit: cover;
}

a .participant .name {
  text-decoration: underline;
  color: #000;
}

.breadcrumb {
  background-color: unset;
  padding-left: 0;
}

.breadcrumb li:not(:first-child)::before {
  content: ">";
  padding: 0 0.5rem;
}

.breadcrumb li a {
  color: #000;
  font-weight: 600;
}

#user-profiles-container .col-md-4 {
  margin-bottom: 30px;
}

#user-profiles-container a:not(.btn) {
  color: #000;
  display: flex;
  align-items: center;
  flex-direction: column;

  border: 1px solid #000;
  border-radius: 0.25rem;
  padding: 30px;
  height: 100%;
}

#user-profiles-container h4 {
  font-family: "Oswald", sans-serif;
  font-size: 38px;
  font-weight: 500;
  margin: 20px 0;
}

#user-profiles-container h4,
#user-profiles-container p {
  text-align: center;
}

#user-profiles-container p {
  margin-bottom: 0;
}

#user-profiles-container .avatar {
  width: 128px;
  height: 128px;
  overflow: hidden;
  border-radius: 50%;
  border: 1px solid #000;
}
#user-profiles-container .avatar img {
  object-fit: cover;
}

.pagination .page-item.active .page-link {
  z-index: 3;
  color: #fff;
  background-color: #000;
  border-color: #000;
}

.pagination .page-link {
  color: #000;
}

.user-profile .user,
.user-profile .company {
  display: flex;
  flex-direction: column;
  align-items: center;
  border: 1px solid #000;
  border-radius: 0.25rem;
  padding: 30px;
  height: 100%;
}

.user-profile .user .info,
.user-profile .company .info {
  text-align: center;
}

.user-profile .user .info p,
.user-profile .company .info p {
  margin: 0;
}

.user-profile .user .info a,
.user-profile .company .info a {
  text-decoration: none;
  color: #000;
}

.user-profile .user .avatar {
  width: 128px;
  height: 128px;
  overflow: hidden;
  border-radius: 50%;
  border: 1px solid #000;
}

.user-profile .user .avatar img {
  object-fit: cover;
}

.user-profile .success-text {
  display: none;
}
.skiptranslate {
  display: none;
}

#signup-form label::first-letter,
#signup-form h4::first-letter {
  text-transform: capitalize;
}

.card.calendar a.btn {
  font-size: 15px !important;
}

#form-reaction {
  margin: 0 -15px;
}

.card {
  width: 100%;
}

.card-img-top {
  width: 100% !important;
}

.badge-red {
  background-color: #cf2a27;
  color: #fff;
  font-size: 14px;
}

.badge-blue {
  background-color: #2b78e4;
  color: #fff;
  font-size: 14px;
}

.badge-green {
  background-color: #6aa84f;
  color: #fff;
  font-size: 14px;
}

.badge-grey {
  background-color: rgba(0, 0, 0, 0.5);
  color: #fff;
  font-size: 14px;
}

.newsbar a {
  color: #212529;
}