@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');
:root {

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

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

    /***Brand Colors***/
    --color-brand-primary: #28338a;
    --color-brand-primary-rgb: rgb(40, 51, 138);
    --color-brand-secondary: #98C516;
    --color-brand-tertiary: #868686;
    --color-brand-light: #FFFFFF;
    --color-brand-dark: #28338a;

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

    /**** Voor meer settings zie: /themes/base/assets/style/variables.css ****/
}
.montserrat-regular {
    font-family: "Montserrat", sans-serif;
    font-optical-sizing: auto;
    font-weight: 400;
    font-style: normal;
  }
  .accordion_status span,
  h1, h2, h3, h4, h5, h6,.accordion_title,
  .montserrat-bold {
    font-family: "Montserrat", sans-serif;
    font-optical-sizing: auto;
    font-weight: 600;
    font-style: bold;
  }
  .montserrat-xbold {
    font-family: "Montserrat", sans-serif;
    font-optical-sizing: auto;
    font-weight: 800;
    font-style: bold;
  }
  p, html{
    line-height: var(--lineheight-size-l);
  }
header .header_bar {
    background: var(--color-brand-primary);
}

body.layout-header-full-width main {
    padding-top: unset;
}

.layout-header-full-width .header_visual {
    height: 45vh;
}


.image-fluid{
    width: 100%;
    height: auto;  
    max-width: 100%;
}
.mediapartner-title {
    width: 40%;
}
.container-fluid .col-accordion-sidebar .sidebar{
    padding-right: 0;
}
.container-fluid .sidebar {
    padding-left: 0;
    padding-top:0;
}

.sidebar .intro{
    background-color: var(--color-brand-primary);    
    padding: 3.2rem;
    color: var(--color-neutral-white);
}
.sidebar .hvo-content{
    background-color: var(--color-brand-secondary);
    padding: 3.2rem;
    color: var(--color-neutral-white);
}
.sidebar .hvo-content img {
    width: 25%;
}

.sidebar .sponsor-content {
    background-color: var(--color-neutral-gray-0);
    color: var(--color-brand-primary);
    padding: 3.2rem;
}
.sponsor-flex{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 1.6rem
}
.sponor-logo{
    padding: 1.6rem;
    background-color: var(--color-neutral-white);
    aspect-ratio: 8/3;
    border-radius: 4px;
    flex:1 1 30%;
}
.sponor-logo img{
    width: 100%;
    height: auto;
    max-height: 160px;
    object-fit: contain;
}
.mainform {
    margin: 3.2rem 0 3.2rem 0;
}

.layout-login .logo-de {
    background-image: url("../../assets/images/archipoint_wit.png");
}

.logo-de {
    background-image: url("../../assets/images/archipoint_wit.png");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: left center;
    height: 4.8rem;
    width: 100%;
}

.social-archipoint img, .social-archipoint a {
    height: 48px;
    width: 48px;
}

button.social-archipoint {
    background-color: transparent;
}