:root {
    /***Logo's***/
    --logo-standard: url("../images/logo.png");
    --logo-alt: url("../images/logo.png");

    /***Header Image***/
    --header-image: url("../images/background.jpg"); 

    /***Brand Colors***/
    --color-brand-primary: #CDE0F1;
    --color-brand-primary-rgb: 205,224,241;
    --color-brand-secondary: #66b0e2;
    --color-brand-tertiary: #000;
    --color-brand-light: #f5f8fa;
    --color-brand-dark: #66b0e2;
    --color-message-error: red;

    /***Font***/
    --font-family: 'GT America lt',Arial,Helvetica,'Sans Serif';
    --font-family-extra: 'GT America Ext lt',Arial,Helvetica,'Sans Serif';
    --font-family-medium: 'GT America medium',Arial,Helvetica,'Sans Serif';
    --font-family-title: 'GT America Ext Md',Arial,Helvetica,'Sans Serif';
    --font-size: 16px;
    --border-radius: 0;

    /**** Voor meer settings zie: /themes/base/assets/style/variables.css ****/
}
.form_check {
    display: inline;
}
.logo, .layout-login .logo {
    background-image: var(--logo-standard);
    height: 30px;
}
.logo-alt {
    background-image: var(--logo-alt);
}

body.layout-flynth main {
    margin-top: unset;
}
body.layout-flynth {
    background: var(--color-brand-primary);
    color: var(--color-neutral-black);
}
body.layout-flynth .header_container {
    gap: 0;
    position: relative;
    margin-top: var(--menu-height);
    background: var(--color-brand-secondary);
    height: auto;
}
body.layout-flynth .header_container .header_visual {
    padding: unset;
    margin: unset;
    position: relative;
}
body.layout-flynth .header_container .header_visual img {
    position: absolute;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
body.layout-flynth .header_visual-content .title {
    font-size: var(--font-size-xl);
    text-transform: unset;
}
body.layout-flynth .header_visual-content .subtitle {
    font-family: var(--font-family-extra);
    font-size: var(--font-size-l);
    color: var(--color-neutral-black);
}
body.layout-flynth .visual-perfect-size .label:before {
    content: "950x400";
}
body.layout-flynth .menu {
    padding: 0 2rem;
}

body.layout-flynth .content-container {
    min-height: auto;
}
body.layout-flynth main {
    min-height: calc(50vh - (var(--menu-height) + 8.2rem));
}

body.layout-flynth .sidebar hr {
    width: 40px;
    border-color: var(--color-neutral-black);
    margin-bottom: 0;
}
body.layout-flynth .sidebar .button--link .navbutton_text, body.layout-flynth .sidebar .button--link .icon-chevron-right {
    text-transform: unset;
    color: var(--color-brand-secondary);
    font-size: var(--font-size-s);
    letter-spacing: 0;
}

body.layout-flynth .sidebar a {
    color: var(--color-brand-secondary);
    text-decoration: none;font-weight: normal;
}

body.layout-flynth footer {
    background: none;
    position: relative;
    bottom: 0;
    width: 100%;
}

a,
body.layout-flynth .footer_bar .poweredby a,
.round input:checked + .round-item .title, .round input + .round-item .material-icons {
    color: var(--color-brand-dark);
}
.round input:checked + .round-item {
    background-color: rgba(var(--color-brand-primary-rgb), 0.5);
}

h1,h2,h3,h4,h5,.accordion_title  {
    font-family: var(--font-family-title);
    font-weight: bold;
}
.accordion_title {
    font-weight: normal;
    padding: 0;
    margin: 0;
    font-size: var(--font-size-s);
}

body.layout-flynth .accordion_step:not(.accordion_step--finished) .accordion_status {
    background-color: var(--color-neutral-gray-02);
}
body.layout-flynth .accordion_status_number {
    color: var(--color-neutral-black);
    font-weight: bold;
}
.button .icon-chevron-right, .button .icon-chevron-left {
    display: none;
}
.layout-flynth .button:not(.button--link) {
    padding: 0.4rem;
}
.layout-flynth .button:not(.button--link) .navbutton_text,
.layout-flynth .button:not(.button--link) {
    color: var(--color-neutral-black);
    font-family: var(--font-family-medium);
    font-size: var(--font-size-s);
}
.layout-flynth .button--back {
    border: 2px solid var(--color-brand-secondary);
    border-radius: var(--border-radius);
    color: var(--color-brand-secondary);
}
.menu-items li.menu-active:not(.menu-group.open) .menu-item:not(.menu-item--sub){
    color: var(--color-brand-dark);
}

[type="checkbox"]~label:before, [type="checkbox"]~.checkbox-custom-label:before  {
    background: var(--color-neutral-white) !important;
    border-color: var(--color-neutral-black) !important;
}
[type="checkbox"]~label:after, [type="checkbox"]~.checkbox-custom-label:after {
    color: var(--color-neutral-black);
    font-weight: 600;
}
[type="radio"]~.radio-custom-label:before, [type="radio"]:checked~.radio-custom-label:before {
    border-color: var(--color-brand-primary);
    -webkit-box-shadow: inset 0px 0px 0px 3px var(--color-neutral-white), 0px 0px 0px 0px var(--color-neutral-black);
    box-shadow: inset 0px 0px 0px 3px var(--color-neutral-white), 0px 0px 0px 0px var(--color-neutral-black);
}
[type="radio"]:checked~.radio-custom-label:before {
    background: var(--color-brand-secondary);
    border-color: var(--color-brand-secondary) !important;
}
input[type="checkbox"]:not(:disabled):hover, input[type="radio"]:not(:disabled):hover, label:hover:before, input[type="checkbox"]:not(:disabled)~.checkbox-custom-label:hover:before {
    border: 2px solid var(--color-brand-tertiary) !important;
    -webkit-box-shadow: 0px 3px 10px 0px rgba(var(--color-brand-primary-rgb), 0.3);
    box-shadow: 0px 3px 10px 0px rgba(var(--color-brand-primary-rgb), 0.3);
}
select, input, .input,
select:hover, input:hover, .input:hover,
select:focus-visible, input:focus-visible, .input:focus-visible {
    border-color: var(--color-brand-primary);
    border-width: 1px;
    outline-offset: 0px;
    outline-width: 0px;
    background: var(--color-brand-light);
}
input:not(:disabled):-webkit-autofill, input:not(:disabled):-webkit-autofill:hover, input:not(:disabled):-webkit-autofill:focus, input:not(:disabled):-webkit-autofill:active {
    -webkit-box-shadow: 0 0 0px 1000px var(--color-brand-light) inset !important;
    box-shadow: 0 0 0px 1000px var(--color-brand-light) inset !important;
}

.round input:checked+.round-item .checkmark, .round input:checked+.round-item .radioshape, .round input:checked+.round-item  .radioshape:after {
    border-color: var(--color-brand-dark);
    background-color: var(--color-neutral-gray-0);
}

.asterisk {
    color: var(--color-message-error);
}

.navbuttons  {
    margin-bottom: 30px;
}

.agro {
    color: #0a5c0a;
}
.round .js-round-selector+.round-item .checkmark, .round .round-selector+.round-item .radioshape {
    cursor: pointer;
}
.round .js-round-selector:checked+.round-item .checkmark, .round .round-selector:checked+.round-item .radioshape {
    border-color: var(--color-brand-tertiary);
}
.round-item .checkmark, .round-item .radioshap{
    top: 3px
}
.round-item .checkmark:after {
    left: 5px;
    top: -2px;
    width: 2px;
    height: 10px;
    border: solid var(--color-brand-tertiary);
    border-width: 0 3px 3px 0;
}
.round-item .checkmark:hover, .round-item .radioshape:hover {
    border: 2px solid var(--color-brand-tertiary) !important;
}

.description-container{
    display: flex;
    align-items: flex-start;
    gap: 32px;
    margin-bottom: 1.6rem;
}

.page-home .toggle-text-container + .toggle-button{
    margin: 0;
    color: var(--color-brand-secondary);
}
.toggle-text-container + .toggle-button span{
    width: 3.2rem;
}
.page-subjects .toggle-text-container-closed, .page-subjects .tickets .ticket-item .toggle-text-container-closed {
    overflow: hidden;
    max-height: 7.2rem;
    line-clamp: 3;
    -webkit-line-clamp: 3;
    text-overflow: ellipsis;
}
.selectize-control.multi .selectize-input>div{
color: var(--color-brand-tertiary);
}
.selectize-input{
    width: 100%;
}
.round .round-item{
    background: var(--color-brand-light);
}
.round .js-round-selector:disabled+.round-item{
    background: var(--color-neutral-gray-0);
}
.round .js-round-selector:disabled+.round-item .round-item-header,
.round .js-round-selector:disabled+.round-item .round-item-description{
    opacity: 50%;
}
.accordion_header {
    padding:  .8rem 0;
    display: flex;
    align-items: center;
    gap: 1.6rem;
}
.round {
    padding: 0;
}
.layout-flynth .button:not(.button--link) .navbutton_text, .layout-flynth .button:not(.button--link) {
    min-width: unset; 
}
.layout-flynth .button:not(.button--link) {
    padding: 0.8rem 1.6rem;
}
@media (max-width: 991px) {
    h3{
        font-size: var(--font-size-m);

    }
    body.layout-flynth main {
        margin-top: 0;
    }
    body.layout-flynth .form-container .content-main {
        order: -1;
    }

    body.layout-flynth .header_container .header_visual {
        height: auto;
        min-height: unset;
    }
    body.layout-flynth .header_container .header_visual img {
        height: auto;
        position: relative;
        max-height: 50vh;
    }
    body.layout-flynth .header_visual-content .title {
        font-size: var(--font-size-m);
        margin-top: 0rem;
    }
    body.layout-flynth .header_visual-content .subtitle {
        font-size: var(--font-size-s);
        font-weight: bold;
        padding-bottom: 1rem;
    }

    body.layout-flynth .content-container > *:not(.sidebar-container) {
        background-color: var(--color-neutral-white);
    }

    body.layout-flynth .footer_bar .poweredby a {
        color: var(--color-neutral-white);
    }


    .form {
        margin-top: 0;
    }

    .accordion_content {
        padding:0;
    }
    .round-item {
        padding: 8px;
    }
    .round-item .round-item-selector {
        float: left;
        padding-right: 0.8rem;
    }
    .round-item .paragraph--small {
        max-width: unset;
        margin-left: 2.4rem;
    }
    .hide-on-mobile, .hide-on-tablet {
        display: none !important;
    }
}

@media (min-width: 992px) {
    body.layout-flynth {
        background: linear-gradient(90deg, rgba(var(--color-brand-primary-rgb),1) 50%, rgba(var(--color-neutral-white-rgb),1) 50%);
    }
    body.layout-flynth .header_container {
        align-items: center;
        height: 50vh;
    }
    body.layout-flynth .header_container .header_visual {
        height: 100%;
    }
    body.layout-flynth .header_visual-content {
        display: flex;
        justify-content: flex-start;
        height: min-content;
    }
    body.layout-flynth .header_visual-content .title {
        margin-top: unset;
        word-wrap :break-word;
    }
    body.layout-flynth .header_visual-content .container {
        padding-left: 1.6rem;
        padding-right: 1.6rem;
    }
    body.layout-flynth .header_visual-content .container .p-1 {
        padding: 0;
    }

    body.layout-flynth .content-container > *:not(.sidebar-container, .form-container) {
        background-color: var(--color-neutral-white);
    }
    .accordion_title {
        font-size: var(--font-size-m);
    }
    .content-main-inner{
        margin-left: 3.2rem;
    }
    .hide-on-desktop {
        display: none !important;
    }
}
@media (min-width: 1200px) {
    .container {
        width: 100%;
        max-width: 1200px;
    }
}