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

/*===== CUSTOM FONTS =====*/

@font-face {
    font-family: "CustomFont";   
    src: url("../css/fonts/earthwerk/pizzadude.dk_-_earthwerk-webfont.woff") format("woff");
    src: url("../css/fonts/earthwerk/pizzadude.dk_-_earthwerk-webfont.woff2") format("woff2");
    /*font-family: "akzidenz";
    src: url("../css/fonts/akzidenz/akzidenz-grotesk-black-webfont.woff") format("woff");
    src: url("../css/fonts/akzidenz/akzidenz-grotesk-black-webfont.woff2") format("woff2");
    src: url("../css/fonts/akzidenz/akzidenz-grotesk-bold-webfont.woff") format("woff");
    src: url("../css/fonts/akzidenz/akzidenz-grotesk-bold-webfont.woff2") format("woff2");
    src: url("../css/fonts/akzidenz/akzidenz-grotesk-light-webfont.woff") format("woff");
    src: url("../css/fonts/akzidenz/akzidenz-grotesk-light-webfont.woff2") format("woff2");
    font-family: "knockout";
    src: url("../css/fonts/knockout/knockout-htf-69-full-liteweight-1361516723-webfont.woff") format("woff");
    src: url("../css/fonts/knockout/knockout-htf-69-full-liteweight-1361516723-webfont.woff2") format("woff2");*/
    }
  
  @font-face {
    font-family: 'akzidenz';
    src: url("../css/fonts/akzidenz/akzidenz-grotesk-black-webfont.woff") format("woff");
    src: url("../css/fonts/akzidenz/akzidenz-grotesk-black-webfont.woff2") format("woff2");
    src: url("../css/fonts/akzidenz/akzidenz-grotesk-bold-webfont.woff") format("woff");
    src: url("../css/fonts/akzidenz/akzidenz-grotesk-bold-webfont.woff2") format("woff2");
    src: url("../css/fonts/akzidenz/akzidenz-grotesk-light-webfont.woff") format("woff");
    src: url("../css/fonts/akzidenz/akzidenz-grotesk-light-webfont.woff2") format("woff2");
  }
  
  @font-face {
    font-family: 'knockout';
    src: url("../css/fonts/knockout/knockout-htf-69-full-liteweight-1361516723-webfont.woff") format("woff");
    src: url("../css/fonts/knockout/knockout-htf-69-full-liteweight-1361516723-webfont.woff2") format("woff2");
  }
  
  /*===== VARIABLES =====*/
  
  :root {    
    --green-primary: #6d8d36;
    --indigo-secondary: #1c283e;
    --white-light: #eaebed;
    --text-color: rgb(33, 37, 41);
    --black-main: #000;
    --white-main: #fff;
    --gray: #97968e;
    --design-fonts: 'CustomFont';
    --akzidenz-font-family: Helvetica, Arial, sans-serif;
    --knockout-font-family: 'knockout';
    --heading-font: 'CustomFont';
    --line-height: 1.5;
    --letter-spacing: 1;
    --font-size: 20px;
  }
  
  /*===== PRESETS =====*/
  
  *,
  ::after,
  ::before {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
  }
  
  body {
    margin: 0;    
    overflow-x: hidden;
    font-family: var(--akzidenz-font-family);
    font-size: 18px;
  }
  
  .for-overflow{
    overflow-x: hidden;
  }
  
  ul,
  li {
    margin: 0;
    padding: 0;
    list-style: none;
  }
  
  h1,
  h2,
  h3,
  h4 {
    margin: 0;
    padding: 0;
    border: 0;
  outline: 0;
  font-weight: inherit;
  font-style: inherit;
  font-size: 100%;
  font-family: inherit;
  vertical-align: baseline;
  }

section#past.banner{
    width: 100vw;
    height: auto;
    min-height: unset;
    position: relative;
    color: black;
    aspect-ratio: 1400 / 280;
    isolation: isolate;
}

section#past.banner img {
    object-fit: cover;
    width: 100%;
    height: auto;
    object-position: center;
    aspect-ratio: 1400 / 280;
    display: block;
}

section#past.banner::after{
    content: "";
    position: absolute;
    inset: 0;
    background-color: black;
    opacity: 0.3;
}

section#past.banner .banner-heading{
    position: absolute;
    z-index: 100;
    top: 50%;
    left: 50%;
    transform: translate(-50%, 0);
    font-family: var(--design-fonts);
    font-size: clamp(2.5rem, 1.8510rem + 2.8846vw, 4.375rem);
    color: white;
    width: 97vw;
}

@media screen and (max-width: 1200px){
    section.past-events .container{
        width: clamp(60.8125rem, 21.9034rem + 60.7955vw, 67.5rem);
    }
}

@media screen and (max-width: 1023px){
    section#past.banner .banner-heading{
        transform: translate(-50%, -50%);
    }

    section.past-events .container{
        width: 95%;
    }
}

section#past.banner .banner-heading h1{
    text-align: center;
}
  


/*.past-overlay{
    position: absolute;
    background: black;
    inset: 0;
    opacity: 0.3;
} */

section.past-events{
    background: var(--indigo-secondary);
}

section.past-events .container{
    display: flex;
    flex-direction: column;
    gap: 3rem;
}

section.past-events .container .past-event-card{
    background: white;
    width: 100%;
    padding: 1rem;
    padding-right: 3rem;
    display: grid;
    grid-template-columns: repeat(2, auto);
    grid-template-rows: repeat(10, auto);
    border-radius: 30px;
}

section.past-events .container .past-event-card .past-event-summary{
    grid-column-start: 1;
    grid-column-end: 2;
    grid-row-start: 1;
    grid-row-end: 10;
    display: flex;
    flex-direction: column;
    gap: 1rem;
    margin-right: 2rem;
}

section.past-events .container .past-event-card .past-event-content{
    grid-column-start: 2;
    grid-column-end: 3;
    grid-row-start: 2;
    grid-row-end: 10;
}

section.past-events .container .past-event-card .past-event-summary .past-event-image{
    width: 277px;
    height: 272px;
    
    border-radius: 15px;
    overflow: hidden;
}

section.past-events .container .past-event-card .past-event-summary .past-event-image img{
    object-fit: cover;
    object-position: center;
    width: 100%;
    aspect-ratio: 277 / 272;
    /*-webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
    /*filter: grayscale(100%); */
}

section.past-events .container .past-event-card h2{
    grid-column-start: 2;
    grid-column-end: 3;
    grid-row-start: 1;
    grid-row-end: 2;
    font-size: 24px;
    font-weight: bold;
    font-family: var(--akzidenz-font-family);
}

section.past-events .container .past-event-card .past-event-summary .past-event-summary-itenerary{
    display: flex;
    flex-direction: column;
    gap: 1rem;
}



section.past-events .container .past-event-card .past-event-summary .past-event-summary-itenerary .past-event-itenerary-entry .entry-heading{
    display: flex;
    align-items: start;
    gap: 0.25rem;
    font-size: 20px;
    font-weight: bold;
    font-family: var(--knockout-font-family);
    letter-spacing: 1px;
    color: var(--gray);
}

section.past-events .container .past-event-card .past-event-summary .past-event-summary-itenerary .past-event-itenerary-entry .entry-heading i{
    font-size: 20px;
}



section.past-events .container .past-event-card .past-event-summary .past-event-summary-itenerary .past-event-itenerary-entry .entry-heading p{
    font-size: 24px;
    font-weight: 400;
    font-family: var(--knockout-font-family);
    letter-spacing: 1px;
    line-height: unset;
}

section.past-events .container .past-event-card .past-event-summary .past-event-summary-itenerary .past-event-itenerary-entry p{
    font-size: 18px;
    color: var(--gray);
    width: 277px;
}

section.past-events .container .past-event-card .past-event-content .past-event-statement p{
    font-size: 18px;
}

section.past-events .container .past-event-card .past-event-content .events-results-summary{
    margin-top: 2rem;    
}

section.past-events .container .past-event-card .past-event-content .events-results-summary .itenerary-item{
    width: 100%;
    
    border: thin solid var(--green-primary);
    display: grid;
    grid-template-columns: clamp(13.75rem, -12.5000rem + 35.0000vw, 18.125rem) auto;
}

section.past-events .container .past-event-card .past-event-content .events-results-summary .itenerary-item:first-child{
    border-bottom: none;
}

section.past-events .container .past-event-card .past-event-content .events-results-summary .itenerary-item .itenerary-icon{
    display: grid;
    grid-template-columns: 50px 120px;
    padding-left: 1rem;
    gap: 0.75rem;
    padding-block: 1rem;
    align-items: center;
    border-right: thin solid var(--green-primary);
    
}

section.past-events .container .past-event-card .past-event-content .events-results-summary .itenerary-item .itenerary-icon i{
    font-size: 2rem;
    color: var(--green-primary);
}

section.past-events .container .past-event-card .past-event-content .events-results-summary .itenerary-item .itenerary-icon p{
    font-weight: bold;
}

section.past-events .container .past-event-card .past-event-content .events-results-summary .itenerary-item .itenerary-entry{
    justify-self: start;
    align-self: center;
    padding-left: 2rem;
}

section.past-events .container .past-event-card .past-event-content .events-results-summary .itenerary-item .itenerary-entry a{
    font-family: var(--akzidenz-font-family);
    color: black;
}

@media screen and (max-width: 844px){
    section.past-events .container .past-event-card .past-event-content .events-results-summary .itenerary-item .itenerary-entry{
        padding-left: 1rem;
    }

    section.past-events .container .past-event-card{
        padding-right: 2rem;
    }

    section.past-events .container .past-event-card .past-event-summary{
        margin-right: 1rem;
    }
}

@media screen and (max-width: 799px){
    section.past-events .container .past-event-card{
        grid-template-columns: 0;
       border-radius: 20px;
    }

    

   section.past-events .container .past-event-card .past-event-summary{
        grid-column-start: 1;
        grid-column-end: 2;
        grid-row-start: 2;
        grid-row-end: 3;
        width: fit-content;
        margin-bottom: 2rem;
        margin-right: unset;
    }

    section.past-events .container .past-event-card h2{
        grid-row-start: 1;
        grid-row-end: 2;
    }

    section.past-events .container .past-event-card .past-event-content{
        grid-column-start: 1;
        grid-column-end: 3;
        grid-row-start: 3;
        grid-row-end: 4;
    }

    section.past-events .container .past-event-card{
        padding-block: 2rem;
    }

    

    section.past-events .container .past-event-card .past-event-summary .past-event-summary-itenerary .past-event-itenerary-entry .entry-heading{
        width: fit-content;
    }

    section.past-events .container .past-event-card .past-event-summary .past-event-image{
        width: 90vw;
        max-width: 450px;
        height: auto;
        aspect-ratio: 277 / 272;
        margin-top: 2rem;
        
    }

    section.past-events .container .past-event-card .past-event-summary .past-event-summary-itenerary{
        flex-direction: row;
        gap: clamp(1rem, -1.0769rem + 6.1538vw, 2rem);
    }

    section.past-events .container .past-event-card .past-event-summary .past-event-summary-itenerary .past-event-itenerary-entry{
        width: 180px;
    }

    section.past-events .container .past-event-card .past-event-summary .past-event-summary-itenerary .past-event-itenerary-entry:nth-child(2){
        width: 300px;
    }

    section.past-events .container .past-event-card .past-event-summary .past-event-summary-itenerary .past-event-itenerary-entry p{
        width: unset;
    }

}

@media screen and (max-width: 600px){
    section.past-events .container .past-event-card .past-event-summary .past-event-image{
        max-width: unset;
    }
}



@media screen and (max-width: 539px){
    section.past-events .container .past-event-card .past-event-summary .past-event-summary-itenerary{
        flex-direction: column;
    }
}

@media screen and (max-width: 470px){
    section.past-events .container .past-event-card{
        padding-inline: 0.7rem;
    }

    section.past-events .container .past-event-card .past-event-content .events-results-summary .itenerary-item{
        grid-template-columns: 150px auto;
    }

    

    section.past-events .container .past-event-card .past-event-content .events-results-summary .itenerary-item .itenerary-icon{
        display: flex;
        width: 100%;
        flex-direction: column;
        align-items: center;
        padding-left: unset;
        gap: 0.25rem;
    }

    
}