/*:root{*/
/* colors */
/*--color-primary: #FDE100;
    --color-white: #fff;
    --color-background: #FDFCF2;
    --color-text: #1D1D1D;*/


/* spaces */
/*--spacing-small: 1rem;
    --spacing-medium: 16px;
    --spacing-large: 100px;*/

/* Typography */
/*--fs-heading-1: 3.375rem;*/ /* 54px / 16px */
/*--fs-heading-2: 2.4375rem;*/ /* 39px / 16px */
/*--fs-heading-3: 2.0625rem;*/ /* 33px / 16px */
/*--fs-heading-4: 1.6875rem;*/ /* 27px / 16px */
/*--fs-heading-5: 1.4375rem;*/ /* 23px / 16px */
/*--fs-heading-6: 1.1875rem;*/ /* 19px / 16px */
/*--fs-text: 1rem;*/ /* 16px / 16px */
/*--fs-small: 0.8125rem;*/ /* 13px / 16px */
/*--fs-xs: 0.6875rem;*/ /* 11px / 16px */

/*--wrapper-inline: 16px;
    --radius: 4px;
  }*/


.history {
    height: 100vh;
    overflow: hidden;
}

    .history img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

    .history video {
        height: 100%;
        width: 100%;
        object-fit: cover;
        position: relative;
        z-index: 2;
    }

.history-header-text {
    font-weight: 300;
    line-height: 30px;
    font-size: 16px;
}

.history .text {
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 99;
    transform: translate(-50%, -50%);
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

    .history .text img {
        max-width: 230px;
    }

    .history .text h1 {
        font-size: 60px;
        font-weight: 500;
        color: white;
        text-align: center;
    }

    .history .text p {
        font-size: 20px;
        font-weight: 300;
        color: white;
        text-align: center;
    }



@media(max-width: 950px) {
    .history .text {
        width: 95%;
    }

        .history .text img {
            width: 180px;
        }

        .history .text h1 {
            font-size: 3rem;
            text-align: center;
            color: white;
            width: 100%;
        }
}

.history::after {
    position: absolute;
    top: 0;
    left: 0;
    background-color: rgba(0, 0, 0, 0.611);
    width: 100%;
    height: 100vh;
    content: "";
    display: block;
    z-index: 10;
}

.history-subheader {
    max-width: 800px;
    margin-inline: auto;
    text-align: center;
    width: 95%;
    padding: 1rem;
}

    .history-subheader h1 {
        font-size: var(--fs-heading-1);
        line-height: 60px;
        margin-bottom: 20px;
        font-weight: 500
    }

    .history-subheader p {
        font-size: var(--fs-heading-6);
        line-height: 38px;
        font-weight: 100;
        /* line-height: 60px;
    margin-bottom: 20px; */
    }


.history-seperate {
    height: 40vh;
    background-repeat: none;
    background-position: center;
    background-size: cover;
    background-attachment: fixed;
    color: white;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    overflow: hidden;
}

    .history-seperate img {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        width: 100%;
        object-fit: cover;
        width: 100%;
        height: 100%;
    }


    .history-seperate h1 {
        color: white;
        z-index: 20;
        position: relative;
        font-size: var(--fs-heading-1);
        font-weight: 300;
    }

    .history-seperate::before {
        position: absolute;
        top: 0;
        left: 0;
        background-color: rgba(0, 0, 0, 0.611);
        width: 100%;
        height: 100%;
        content: "";
        display: block;
        z-index: 10;
    }

.history-details__wrapper {
    width: 95%;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    gap: 6rem;
}

.history-details__item {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: auto;
    gap: 40px;
    align-items: center;
    justify-content: center;
    direction: ltr;
}

    /*.history-details__item:nth-child(even){
    direction: rtl;
}*/

    .history-details__item:nth-child(even) .history-details__image-placeholder {
        order: 2
    }

    .history-details__item:nth-child(even) .history-details__text {
        order: 1
    }

        .history-details__item:nth-child(even) .history-details__text h1 {
            text-align: left;
        }

        .history-details__item:nth-child(even) .history-details__text p {
            text-align: left;
        }


.history-details__image-placeholder {
    width: 100%;
    height: 100%;
    /*    aspect-ratio: 1;*/
    overflow: hidden;
}

    .history-details__image-placeholder img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

.history-details__text h1 {
    font-size: var(--fs-heading-1);
    line-height: 60px;
    margin-bottom: 16px;
    font-weight: 400;
}

.history-details__text p {
    font-size: var(--fs-heading-6);
    line-height: 35px;
    font-weight: 300;
}

.history-details__text {
    font-size: var(--fs-heading-6);
    font-family: 'CF ModGrotesk', sans-serif;
    line-height: 35px;
    font-weight: 300;
}

@media(max-width: 950px) {
    .history-details__item {
        gap: 20px;
        grid-template-columns: 1fr;
    }

    .history-details__text {
        width: 95%;
        margin: 0 auto;
    }
}

@media(max-width: 600px) {
    .history-subheader h1 {
        font-size: var(--fs-heading-2);
        line-height: 40px;
    }

    .history-details__text h1 {
        font-size: var(--fs-heading-2);
        line-height: 40px;
        margin-bottom: 8px;
    }

    .history-seperate h1 {
        text-align: center;
        font-size: var(--fs-heading-2);
        line-height: 40px;
    }

    .history-details__item:nth-child(even) .history-details__image-placeholder {
        order: 1;
    }

    .history-details__text p {
        font-size: 16px;
        line-height: 30px;
    }

    .history-details__wrapper {
        gap: 40px;
    }
}


.video__philanthropic {
    margin-bottom: var(--spacing-large);
/*    min-height: 100vh;*/
}

    .video__philanthropic iframe {
        min-height: 80vh;
        height: 100%;
        width: 100%;
    }

.video__philanthropic video {
    width: 100%;
    object-fit: cover;
}

@media(max-width: 700px) {
    .video__philanthropic {
        margin-bottom: 40px;
        ;
    }
}


.xronia__images__wrapper{
    position: relative;
    overflow: hidden;
/*    margin-bottom: 40px;*/
}

.xronia__images__item.odd {
    margin-top: 80px;
}

.arrow-left-xronia, .arrow-right-xronia{
    position: absolute;
    top: 50%;
    z-index: 99;
}

.arrow-left-xronia {
    left: 40px;
    background-color: white;
    border-radius: 100%;
    padding: 4px;
}

.arrow-right-xronia {
    right: 40px;
    background-color: white;
    border-radius: 100%;
    padding: 4px;
}

    .xronia__images__item {
        width: 40vw;
        height: 25vw;
        overflow: hidden;
    }

.xronia__images-placeholder {
    width: 40vw;
    height: 25vw;
    overflow: hidden;
}

@media(max-width: 800px){
    .xronia__images__item {
        width: 80vw;
        height: 50vw;
        overflow: hidden;
    }
        .xronia__images__item.odd {
            margin-top: 0px;
        }
    .arrow-left-xronia {
        left: 16px;
    }

    .arrow-right-xronia {
        right: 16px;
    }
}


    .xronia__images-placeholder img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        object-position: top;
    }



.asfalies-pdf__container {
    margin: 0 auto;
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
    justify-content: center;
    padding-inline: 16px;
}

.pdf_asfalia-link {
    padding: 4px 8px;
    border: 1px solid #0000004a;
    border-radius: 4px;
}