ol {
    margin: 0;
    padding: 0
}

table td,
table th {
    padding: 0
}

.c0 {
    font-weight: 400;
    text-decoration: none;
    vertical-align: baseline;
    font-size: 12pt;
    font-family: "Calibri";
    font-style: normal
}

.c2 {
    padding-top: 0pt;
    padding-bottom: 8pt;
    line-height: 1.0791666666666666;
    orphans: 2;
    widows: 2;
    text-align: justify;
    height: 11pt
}

.c5 {
    font-weight: 400;
    text-decoration: none;
    vertical-align: baseline;
    font-size: 11pt;
    font-family: "Calibri";
    font-style: normal
}

.c1 {
    font-weight: 700;
    text-decoration: none;
    vertical-align: baseline;
    font-size: 28pt;
    font-family: "Calibri";
    font-style: normal
}

.c4 {

    font-family: 'Optimistic Text', sans-serif;
    font-size: 16px;
    font-size: 1.125rem;
    line-height: 1.5;
    font-weight: 400;

}

.c11 {
    padding-top: 0pt;
    padding-bottom: 8pt;
    line-height: 1.0791666666666666;
    orphans: 2;
    widows: 2;
    text-align: left
}

.c10 {
    text-decoration: none;
    vertical-align: baseline;
    font-family: "Calibri";
    font-style: normal
}

.c7 {
    text-decoration-skip-ink: none;
    font-size: 12pt;
    -webkit-text-decoration-skip: none;
    color: #ffe78a;
    text-decoration: underline
}

.c12 {
    max-width: 468pt;
    margin: 0 auto;
    padding: 72pt 2pt 72pt 2pt;
}

.c3 {
    font-size: 12pt;
    font-weight: 700;
}

.c8 {
    color: inherit;
    text-decoration: inherit
}

.c6 {
    font-size: 28pt;
    font-weight: 700
}



.c9 {
    font-size: 12pt
}
.c13 {
    font-size: 15pt;
    font-family: 'Optimistic Text', sans-serif;
}
.c14 {
    font-size: 18pt;
    font-family: 'Optimistic Text', sans-serif;
}

.title {
    padding-top: 24pt;
    color: #ffffff;
    font-weight: 700;
    font-size: 36pt;
    padding-bottom: 6pt;
    font-family: "Calibri";
    line-height: 1.0791666666666666;
    page-break-after: avoid;
    orphans: 2;
    widows: 2;
    text-align: left
}

.subtitle {
    padding-top: 18pt;
    color: #cccccc;
    font-size: 24pt;
    padding-bottom: 4pt;
    font-family: "Georgia";
    line-height: 1.0791666666666666;
    page-break-after: avoid;
    font-style: italic;
    orphans: 2;
    widows: 2;
    text-align: left
}

.back-to-newsroom {
    margin-bottom: 30px;
}

img{
    border-radius: 15px;
}

.gallery img {
    float: left;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.gallery {
    width: 30%;
}

.gallery-container {
    padding-top: 30px;
    padding-left: 100px;
    padding-right: 100px;
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    align-items: center;
    justify-content: center;
}

.photo-image:hover{
    cursor: pointer;
  }


.vertical-image {
    width: 29%;
  }

  .article-image {
    padding: 20px;
  }

  @media only screen and (max-width: 1200px) {
    .gallery-container {
      padding-left: 0px;
      padding-right: 0px;
      gap: 50px;

    }

    .gallery {
      width: 85% !important;
      height: 180px
    }

    .vertical-image {
      height: 320px;
    }

    .article-image {
      width: 90% !important;
    }
  }

.download {
    display: flex;
    margin: 0 auto;
    height: 100%;
    gap: 2%;
    max-width: 500px;
}

@media screen and (width <=430px) {
    .download {
        flex-direction: column;
        justify-content: center;
        align-items:
            center;
    }
}

#gallery-background {
    position: fixed;
    z-index: 100000;
    top: 0px;
    left: 0px;
    background: rgba(0, 0, 0, 0.9);
    width: 100vw;
    height: 100vh;
    display: none;
    flex-direction: column;
}

.carousel-top {
    display: flex;
    flex: 60%;
    justify-content: center;
    align-items: center;
    gap: 100px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
}

.carousel-arrow {
    width: 20px;
    height: 50px;
    cursor: pointer;
    position: absolute;
}

#carousel-arrow-left {
    top: 50%;
    left: min(100px, 5%);
}

#carousel-arrow-right {
    top: 50%;
    right: min(100px, 5%);
    position: absolute !important;
}

.image-carousel-container {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 70%;
}

.big-carousel-image {
    width: auto;
    max-height: 700px;
    max-width: min(900px, 100%);
    height: auto;
    border-radius: 15px;
}

#quit-gallery-background{
    z-index: 1;
}

@media screen and (max-width: 1000px) {
    .carousel-top {
        flex: 100%;
        gap: 20px;
    }

    .carousel-arrow {
        width: 30px;
        height: 30px;
        display: none;
    }

    .image-carousel-container {
        width: 70%;
    }

    .big-carousel-image {
        max-width: 80vw !important;
    }
}