@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;500;600;700;900&display=swap');

:root {

    /***Logo's***/
    --logo-standard: url("../../custom/theme/assets/images/tubootlogo.jpg");
    --logo-alt: url("../../custom/theme/assets/images/logo_alt.png");

    /***Header Image (Van toepassing op visual.twig)***/
    --header-image: url("../../custom/theme/assets/images/TU_Boot_2025.jpg");

    /***Brand Colors***/
    --color-brand-primary: #007A3C;
    --color-brand-primary-rgb: 0, 122, 60;
    --color-brand-secondary: #FFDD02;
    --color-brand-tertiary: #007A3C;
    --color-brand-light: #e7ecf0;
    --color-brand-dark: #0c365a;

    /***Font***/
    --font-family: 'Montserrat', sans-serif;
    --font-family-title:  'Montserrat', sans-serif;
    --font-size: 1.6rem;

    /**** Voor meer settings zie: /themes/base/assets/style/variables.css ****/
}


/******* Header ********/

.header_visual .header_visual-content {
  background: transparent;
  color: var(--color-neutral-white);
  height: auto;
  width: 100%;
  border-radius: var(--border-radius);
}

.header_visual-content h1 {
  font-weight: bold;
  color: var(--color-neutral-white);
  /* padding-top: 450px; */
}

.multistep_vertical_header {
  margin-bottom: 1rem;
  padding-right: 1.6rem;
}

.logo {
  height: 80px;
}

/*********** form ***************/

.container-fluid {
  margin-top: -64px;
}

body{
    font-family: 'Montserrat', sans-serif;
    margin: 0;
}

.intro-block h3{
    /* display: none; */
}

.intro-block h4{
    margin: 0 0 16px 0;
    font-size: 1em;
    font-weight: 200;
}

.intro-block p{
    margin: 0;
    font-size: 1em;
    font-weight: 600;
}

.bold{
  font-weight: 600;
}

.sidebar-text{
  padding-right: 1.6rem;
  padding-bottom:1rem;
}


/********* CASA *********/

.program-table .program-day .program-items .program-item .title {
  font-weight: bold;
  font-size: 1.8em;
}
.layout-header-full-width .header_visual {
    align-items: end;
}
.layout-header-full-width .header_visual,
.layout-header-full-width .header_visual:before {
 height: 33vh;
}
footer {
    background-color: var(--color-brand-dark);
    color: var(--color-neutral-white);
    font-size: var(--font-size-xxs);
}
footer hr {
    border: 1px solid var(--color-brand-light);
}
.page-home footer{
  display: none;
}
.button--dark {
    background-color: var(--color-brand-dark);
    color: var(--color-neutral-white);
    cursor: pointer;
}

.program-table .program-day .program-items .program-item .time,
.program-table .program-day .program-items .program-item .speaker {
    font-size: var(--font-size-s);
}

.content-row-statistics{
    max-width: 1480px;
    margin: 0 auto;
}

.content-holder-statistics{
    margin: 100px 0 0 0;
    border: #309160 solid 2px;
}

.statistic{
    padding: 1em;
    font-size: 13px;
}

th {
    padding-right: 0.5em;
}

.button-container{
    padding: 1em;
}

@media (min-width: 992px) {
.layout-header-full-width .header_visual,
.layout-header-full-width .header_visual:before {
 height: 50vh;
}
}

@media (min-width: 1200px) {
.layout-header-small .content-container .container, body.layout-header-full-width .container {
    width: 1100px;
}
}
@media screen and (max-width: 767px) {
.header_visual, .header_visual:before {
    min-height: unset;
}
}