.gallery_section
{
    padding: 100px;
    background: var(--background_light_dark);

}

.gallery_section.gallery_page
{
    padding:  100px 100px 50px 100px;
}

.section_title
{
    text-align: center;
    margin-bottom: 20px;
    color: var(--title_text_color);
    font-size: 30px;
    font-weight: bold;
}


.gallery_container
{
    column-count: 3;            /* default number of columns */
    column-gap: 1rem;          /* gap between columns */
    padding: 0;
}

.video_gallery_container
{
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
    gap: 20px;
}

.gallery_item
{
    width: 100%;
  display: block;
  margin-bottom: 1rem;       /* vertical gap between items */
  break-inside: avoid;       /* prevents image from breaking across columns */
  -webkit-column-break-inside: avoid;
  -moz-column-break-inside: avoid;
  border-radius: 6px;
  object-fit: cover;
}

.gallery_item img 
{
    width: 100%;
    height: 100%;
}

.section_subtitle
{
    text-align: center;
    max-width: 800px;
    margin: 20px auto;
}

@media only screen and (max-width: 900px)
{
    .gallery_container
    {
        column-count: 2; 
    }
}

@media only screen and (max-width: 620px)
{
    .gallery_section
    {
        padding: 50px;
    }


    .gallery_section.gallery_page
    {
        padding:  20px;
    }


}


@media only screen and (max-width: 520px)
{
    .gallery_container
    {
        column-count: 1; 
    }
}

@media only screen and (max-width: 470px)
{
    .gallery_section
    {
        padding: 50px 20px;
    }
}




/* ....................VIDEOS......................... */

.video_wrap {
  max-width: 800px;
  margin: auto;
  padding: 50px 20px;
}

.video {
  width: 100%;
  max-width: 900px;
}

.video_container {
  width: 100%;
  height: 0;
  padding-bottom: 56.25%;
  position: relative;
}

.video_container iframe {
  position: absolute;
  left: 0;
  width: 100%;
  height: 100%;
  margin: auto;
}

.gallery_section.shaded
{
    background: var(--background_dark);
}

.gallery_section.shaded h2
{
    color: #fff !important;
}

.gallery_section.page
{
    padding: 0 20px 50px 20px !important;
}