/*
Theme Name: Brant Heritage Painting
Theme URI: https://brantheritagepainting.ca/
Author: Unknown
Version: 1.0
License: GNU General Public License

*/

.logo{height:6.4rem !important;}

.alignleft{float:left;margin:10px;}
.alignright{float:right;margin:10px;}
.alignnone{float:none;margin:10px 0;display:block;}
.clear{clear:both;}

.head-mobile{height:300px}

.inner h1{color: #203256;margin-bottom: 20px;font-family: 'Jost', sans-serif;font-size: 3rem;}
.inner h2{color: #203256;margin:10px 0;font-family: 'Jost', sans-serif;font-size: 2rem;}
.inner h3{color: #203256;margin:10px 0;font-family: 'Jost', sans-serif;font-size: 1.3rem;}
.inner p{color: #83868c;font-family: 'Jost', sans-serif;font-size: 0.9975rem;font-style: normal;line-height: 1.8;font-weight: 400;}
.inner p a{text-decoration: underline;}
.inner li{color: #83868c;font-family: 'Jost', sans-serif;font-size: 0.9975rem;font-style: normal;font-weight: 400;}
.inner ul,.inner ol{margin:10px 0;}

.breadcrumbs{margin-bottom:13px;}

.vfb-legend h3{color: #83868c;font-family: 'Jost', sans-serif;font-size: 0.9375rem;font-style: normal;line-height: 1.8;font-weight: 400;}
.ngg-galleryoverview.default-view .ngg-gallery-thumbnail{margin:10px !important;}

.masonry-container {-webkit-column-count: 3;-moz-column-count: 3;column-count: 3;-webkit-column-gap: 15px;-moz-column-gap: 15px;column-gap: 15px;}
.masonry-item {display: inline-block;width: 100%;}
.masonry-item img {display:block;width: 100%;height:auto;overflow: hidden;}
.masonry-item h2{line-height:1.6rem;padding:10px;margin-top:15px;}
.masonry-item h2 a{text-decoration: none;font-size:1.6rem;padding-bottom: 1rem!important;margin-bottom: .75rem;}
.masonry-item p{font-size:1.1rem;padding:10px;}
/* Just for decoration: */
.masonry-item span {/* font-family: sans-serif; */display:block;padding:10px;}
.masonry-item:hover{background:#eeeeee;}
.masonry-item {margin-bottom: 15px;border:1px solid #ccc;border-radius: 5px;}

@media screen and (max-width:40em){


.alignleft{float:none;margin:10px;width:100%;}
.alignright{float:none;margin:10px;width:100%;}
.alignnone{float:none;margin:10px 0;width:100%;}
.masonry-container {-webkit-column-count:1;-moz-column-count:1;column-count:1;-webkit-column-gap: 15px;-moz-column-gap: 15px;column-gap: 15px;}

}

/* Style for the gallery wrapper */
.gallery-wrapper {
    margin: 0 auto;
    padding: 20px;
}

/* Style for each gallery item */
.ngg-gallery-thumbnail {
    margin: 10px;
    display: inline-block;
    border: 3px solid #eee; /* Thin border around thumbnails */
    border-radius: 4px; /* Rounded edges */
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

/* Hover effect for gallery items */
.ngg-gallery-thumbnail:hover {
    transform: scale(1.07); /* Slight zoom on hover */
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.2); /* Enhance shadow on hover */
    border-color: #007bff; /* Highlighted border color */
}

/* Image style within thumbnails */
.ngg-gallery-thumbnail img {
    display: block;
    width: 100%;
    height: auto; /* Maintain aspect ratio */
    border-radius: 4px;
}

/* Caption style */
.ngg-gallery-thumbnail .ngg-caption {
    display: none; /* Hide captions by default */
    position: absolute;
    bottom: 10px;
    left: 10px;
    background-color: rgba(0, 0, 0, 0.7); /* Semi-transparent black background */
    color: #fff;
    padding: 5px 10px;
    font-size: 14px;
    border-radius: 4px;
    opacity: 0;
    transition: opacity 0.3s ease;
}

/* Show caption on hover */
.ngg-gallery-thumbnail:hover .ngg-caption {
    display: block;
    opacity: 1;
}

/* Grid layout for thumbnails */
.ngg-galleryoverview {
    display: flex;
    flex-wrap: wrap;
    justify-content: center; /* Center align thumbnails */
    gap: 15px; /* Add spacing between items */
    margin: 0;
    padding: 0;
    list-style: none; /* Remove bullet points if ul/li is used */
}

/* Responsive styles */
@media (max-width: 768px) {
    .ngg-gallery-thumbnail {
        margin: 5px;
    }
}

@media (max-width: 480px) {
    .ngg-gallery-thumbnail {
        margin: 3px;
    }
}