/* _content/NoSuma/Views/Home/Acrylgieten.cshtml.rz.scp.css */
.wrapper-main[b-71jwpul9zb] {
    background-color: var(--color-main-background);
   /* flex-direction: row;*/
    justify-content: center;
}

.project-box[b-71jwpul9zb] {
    background-color: #fff;
    align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: start;
    width: 300px;
    height: 390px;
    padding: var(--padding);
    margin: var(--margin);
    position: relative;
}

.project-link[b-71jwpul9zb] {
    width: 280px;
    height: 280px;
    aspect-ratio: 1/1;
    background-size: cover;
    display: flex;
    justify-content: center;
    margin-bottom: var(--padding);
    align-items: center;
    position: relative;
}

.project-img[b-71jwpul9zb] {
    position: absolute;
    width: 280px;
    aspect-ratio: 1/1;
}

.dark-overlay[b-71jwpul9zb] {
    position: relative;
    width: 280px;
    aspect-ratio: 1/1;
    display: flex;
    align-items: center;
    text-align: center;
    justify-content: center;
    background-color: var(--color-main-dark);
    opacity: 0;
    transition: all ease-in-out 200ms; /* to delay the transition to opacity 0.75*/
}

.dark-overlay:hover[b-71jwpul9zb] {
    opacity: 0.75;
}

.project-desc[b-71jwpul9zb] {
/*    padding: var(--padding);*/
    display: flex;
    width: 100%;
    /*flex-grow: 1;*/
    /*flex-direction: row;*/
    justify-content: space-between;
    /*justify-content: center;*/
    /*align-items: center ;*/
}

.icon[b-71jwpul9zb] {
    width: var(--art-icon);
    height: var(--art-icon);
    object-fit: contain;
}

.desc-img[b-71jwpul9zb] {
    position: absolute;
    width: var(--art-icon);
}

/* Tooltips */
.icon[b-71jwpul9zb] {
    position: relative;
}

    .icon .tooltiptext[b-71jwpul9zb] {
        visibility: hidden;
        opacity: 0;
        transition: opacity 1s;
        background-color: black;
        color: #fff;
        text-align: center;
        border-radius: 6px;
        padding: 5px;
         Position the tooltip on the right top corner of the item 
        position: absolute;
        bottom: 75%;
        left: 75%;
        z-index: 1;
    }

         /*Pointer at the bottom left corner of the tooltip*/ 
        .icon .tooltiptext[b-71jwpul9zb]::after {
            content: " ";
            position: absolute;
            bottom: 0%;
            left: 0%;
            margin-left: -5px;
            margin-bottom: -5px;
            border-width: 5px;
            border-style: solid;
            border-color: transparent transparent black black;
             overflow: visible; 
        }

    .icon:hover .tooltiptext[b-71jwpul9zb] {
        visibility: visible;
        opacity: 1;
    }

/**/



/* _content/NoSuma/Views/Home/Index.cshtml.rz.scp.css */
.wrapper-main[b-457uj5ne3t] {
    background-color: var(--color-main-background);
    display: flex;
    flex-direction: column;
    align-items: center;
}

.project-box[b-457uj5ne3t] {
    background-color: #fff;
    align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: start;
    width: 300px;
    height: 450px;
    padding: var(--padding);
    margin: var(--margin);
    position: relative;
}

.project-link[b-457uj5ne3t] {
    width: 280px;
    height: 280px;
    aspect-ratio: 1/1;
    background-size: cover;
    display: flex;
    justify-content: center;
    margin-bottom: var(--padding);
    align-items: center; 
    position: relative; 
}

.project-img[b-457uj5ne3t] {
    position: absolute;
    width: 280px;
    aspect-ratio: 1/1;
}

.dark-overlay[b-457uj5ne3t] {
    position: relative;
    width: 280px;
    aspect-ratio: 1/1;
    display: flex;
    align-items: center;
    text-align: center;
    justify-content: center;
    background-color: var(--color-main-dark);
    opacity: 0;
    transition: all ease-in-out 200ms; /* to delay the transition to opacity 0.75*/
}

.dark-overlay:hover[b-457uj5ne3t] {
    opacity: 0.75;
}

.project-desc[b-457uj5ne3t] {
    padding: var(--padding);
    display: flex;
    width: 100%;
    flex-grow: 1;
    justify-content: center;
    align-items: center;
}

.project-box h4[b-457uj5ne3t] {
    text-align: center;
}

/* main.css - laptop / pc (large = lg) adjustments */
@media only screen and (min-width: 992px) {
    .wrapper-main[b-457uj5ne3t] {
        flex-direction: row;
        justify-content: center;
    }
}

    

/* _content/NoSuma/Views/Home/Timeline.cshtml.rz.scp.css */

.wrapper-main[b-f5wcdzw0x6] {
    position: relative;
    /*min-height: 100px;*/
    /*flex-grow: 1*/
    /*width: 100vw;*/
    /* top/bottom right/left */
    /*margin: 0 var(--margin);
    background-color: var(--color-main-background);
    display: flex;
    flex-direction: column;
    align-items: center;*/
}

.timeline-container[b-f5wcdzw0x6] {
    position: relative;
    top: -10px;
    width: 100%;
    padding: var(--padding);
    /*height: 100%;*/
}

.timeline-block[b-f5wcdzw0x6] {
    display: flex;
    flex-direction: column;
    position: relative;
    /* align content and timing at the top of the block*/
    align-items: flex-start;
    margin: var(--margin);
    /* make sure content is above the timeline vertical line */
    z-index: 1;
}


.timeline-date[b-f5wcdzw0x6] {
    display: flex;
    flex-direction: column;
    align-items: start;
    font-size: 25px;
    color: var(--color-main-dark);
    font-weight: bold;
    height: 40px;
    /* margin-top      : calc(var(--margin) + var(--triangle-margin) - 5px); */
    /* margin-left     : calc(2 * var(--margin));
  margin-right    : calc(2 * var(--margin));   */
    padding: var(--padding);
    margin-bottom: var(--padding);
}

.timeline-img[b-f5wcdzw0x6] {
    display: none;
}

.timeline-content[b-f5wcdzw0x6] {
    position: relative;
    background: #ffffff;
    /* margin          : var(--margin) */
}

.timeline-card[b-f5wcdzw0x6] {
    /* margin        : var(--margin); */
    padding: var(--padding);
}

    .timeline-card h3[b-f5wcdzw0x6] {
        font-size: 3.2rem;
        line-height: 1.5;
        font-weight: 700;
    }

.button[b-f5wcdzw0x6],
.read-more-button[b-f5wcdzw0x6] {
    cursor: pointer;
    background-color: #ffffff;
    color: var(--color-main-dark);
    border: 1px solid var(--color-main-dark);
    font-size: 1.6rem;
    line-height: 1.75;
    margin-top: var(--padding);
    transition: all ease-in-out 300ms;
}

    .button:hover[b-f5wcdzw0x6],
    .read-more-button:hover[b-f5wcdzw0x6] {
        background-color: var(--color-main-dark);
        color: #ffffff;
    }

.collapse-group[b-f5wcdzw0x6] {
    display: flex;
    flex-direction: column-reverse;  /*This makes the button appear below the text */
    align-items: start;
}

/* Default to showing collapsed label */
.collapse-group .toggle-label .expanded[b-f5wcdzw0x6] {
    display: none;
}

/* When aria-expanded="true", show expanded label and hide collapsed */
.collapse-group .read-more-button[aria-expanded="true"] .toggle-label .expanded[b-f5wcdzw0x6] {
    display: inline;
}

.collapse-group .read-more-button[aria-expanded="true"] .toggle-label .collapsed[b-f5wcdzw0x6] {
    display: none;
}

.dots[b-f5wcdzw0x6] {
    display: inline;
}

/*  ~ subsequent-sibling combinator
    + next-sibling combinator
*/
.read-more-button[aria-expanded="true"] ~ .dots[b-f5wcdzw0x6] {
    display: none;
}

/* main.css - tablet landscape (medium = md) adjustments */
@media only screen and (min-width: 768px) {
    /* The actual timeline (the vertical ruler) */
    .timeline-container[b-f5wcdzw0x6]::before {
        content: '';
        position: absolute;
        top: 0;
        /* place the vertical ruler in the middle of the container */
        left: calc(50% - 2px);
        height: 100%;
        width: 4px;
        background: #67000D;
    }

    .timeline-block[b-f5wcdzw0x6] {
        display: flex;
        flex-direction: row;
        position: relative;
        /* align content and timing at the top of the block*/
        align-items: flex-start;
        justify-content: space-evenly;
        /* make sure content is above the timeline vertical line */
        z-index: 1;
    }

        /* for even blocks -> lay out content from right to left */
        .timeline-block:nth-child(odd)[b-f5wcdzw0x6] {
            flex-direction: row-reverse;
        }

            /* triangle next to content block */
            /* Odd blocks have arrows pointing right */
            .timeline-block:nth-child(odd) .timeline-content[b-f5wcdzw0x6]::before {
                position: absolute;
                top: var(--triangle-margin);
                right: -15px;
                display: inline-block;
                border-top: 15px solid transparent;
                border-left: 15px solid #ffffff;
                border-right: 0 solid #ffffff;
                border-bottom: 15px solid transparent;
                content: "";
            }

        /* Even blocks have arrows pointing left */
        .timeline-block:nth-child(even) .timeline-content[b-f5wcdzw0x6]::before {
            position: absolute;
            top: var(--triangle-margin);
            left: -15px;
            display: inline-block;
            border-top: 15px solid transparent;
            border-left: 0px solid #ffffff;
            border-right: 15px solid #ffffff;
            border-bottom: 15px solid transparent;
            content: "";
        }

    .timeline-date[b-f5wcdzw0x6] {
        margin-top: calc(var(--triangle-margin) + 2px);
        width: 40%;
        padding: 0;
    }

    .timeline-block:nth-child(even) .timeline-date[b-f5wcdzw0x6] {
        align-items: end;
    }

    .timeline-img[b-f5wcdzw0x6] {
        display: flex;
        /* Center image and border horizontally and vertically */
        justify-content: center;
        align-items: center;
        flex-shrink: 0;
        /* Round border around the image */
        border: 4px solid #67000D;
        border-radius: 50%;
        background-color: #ffffff;
        margin-top: calc(var(--triangle-margin) - 4px);
        width: 40px;
        height: 40px;
    }

        .timeline-img img[b-f5wcdzw0x6] {
            width: 24px;
            height: 24px;
        }

    .timeline-content[b-f5wcdzw0x6] {
        width: 40%;
    }
}
/* _content/NoSuma/Views/Home/Website.cshtml.rz.scp.css */
body[b-y8mdwdnded] {
}
.website-container[b-y8mdwdnded] {
    background-color: #ffffff;
    align-self: flex-start;
    margin: var(--margin);
}

.website-block[b-y8mdwdnded] {
    margin: var(--margin);
}

h1[b-y8mdwdnded] {
    font-size: 4.8rem;
    line-height: 1.25; /* Use a unitless measurement for the line-heigt*/
    font-weight: 700;
}

h2[b-y8mdwdnded] {
    font-size: 4rem;
    line-height: 1.5;
    font-weight: 700;
}

h3[b-y8mdwdnded] {
    font-size: 3.2rem;
    line-height: 1.5;
    font-weight: 700;
}

p[b-y8mdwdnded] {
    font-size: 1.6rem;
    line-height: 1.75;
    font-weight: 400;
}

li[b-y8mdwdnded] {
    list-style-type: disc;
    list-style-position: inside;
    font-size: 1.6rem;
    line-height: 1.75;
    font-weight: 400;
}
/* _content/NoSuma/Views/Shared/_Layout.cshtml.rz.scp.css */
/* Please see documentation at https://learn.microsoft.com/aspnet/core/client-side/bundling-and-minification
for details on configuring this project to bundle and minify static web assets. */

.btn-primary[b-6qjvh6b48x] {
    color: var(--color-text-light);
    background-color: var(--color-main-dark);
    border-color: var(--color-main-dark);
}

.nav-pills .nav-link.active[b-6qjvh6b48x], .nav-pills .show > .nav-link[b-6qjvh6b48x] {
  color: #fff;
 /* background-color: #1b6ec2;*/
  border-color: #1861ac;
}

.border-top[b-6qjvh6b48x] {
  border-top: 1px solid #e5e5e5;
}
.border-bottom[b-6qjvh6b48x] {
  border-bottom: 1px solid #e5e5e5;
}

.box-shadow[b-6qjvh6b48x] {
  box-shadow: 0 .25rem .75rem rgba(0, 0, 0, .05);
}

button.accept-policy[b-6qjvh6b48x] {
  font-size: 1rem;
  line-height: inherit;
}