section.recent-projects {
    margin: 2em 0;
    padding: 3em 0;
    .heading {
        margin-bottom: 2em;
    }
    .projects-wrapper {
        @include large-devices() {
            padding: 0 4em;
        }
        .project-item {
            position: relative;
            z-index: 1;
            margin-bottom: 2em;
            .featured-img {
                img {
                    -webkit-border-top-left-radius: 8px;
                    -webkit-border-top-right-radius: 8px;
                    -moz-border-radius-topleft: 8px;
                    -moz-border-radius-topright: 8px;
                    border-top-left-radius: 8px;
                    border-top-right-radius: 8px;
                    height: 300px;
                    width: 100%;
                    object-fit: cover;
                    object-position: center center;
                }
            }

            .project-info {
                background-color: #333333;
                color: #fff;
                padding: 1.5em;
                -webkit-border-bottom-right-radius: 8px;
                -webkit-border-bottom-left-radius: 8px;
                -moz-border-radius-bottomright: 8px;
                -moz-border-radius-bottomleft: 8px;
                border-bottom-right-radius: 8px;
                border-bottom-left-radius: 8px;
                a {
                    color: #fff;
                    font-size: 16px;
                    line-height: 22px;
                    text-decoration-line: underline;
                    font-weight: bold;
                    &:hover,
                    &:focus {
                        color: var(--site-branding-colour);
                    }
                }
            }
        }
    }

    #more_posts {
        display: inline-block;
        border: 2px solid var(--site-branding-colour);
        padding: 10px 3em;
        border-radius: 100px;
        margin-top: 2em;
        cursor: pointer;
        transition: all 0.2s linear;

        &:hover, &:focus {
            background-color: var(--site-branding-colour);
            color: #fff;
        }
    }
}


/* project gallery images - modal */

.project-gallery-container {
    .project-gallery-list {
        .proj-gallery-item {
            img {
                height: 400px;
                width: 100%;
                object-fit: cover;
                object-position: center center;
            }
        }
        ul.slick-dots {
            display: inline-flex;
            list-style-type: none;
            margin: 0 auto;
            padding: 0;
            justify-content: center;
            width: 100%;
            li {
                margin-right: 10px;
                button {
                    -webkit-appearance: unset;
                    font-size: 0;
                    padding: 5px;
                    cursor: pointer;
                    border: 2px solid;
                    border-color: var(--site-branding-colour);
                    background-color: transparent;
                }
                &.slick-active {
                    button {
                        background-color: var(--site-branding-colour);
                    }
                }
            }
        }
    }
}

.fancybox-container {
    .recent-project-beer {
        img {
            height: 300px !important;
            object-fit: cover;
            object-position: center center;
            width: 100%;
        }
    }
}