/*
Theme Name: Coral Reef Child
description: Art Through The Loom - Coral Reef
Template: coral-reef-parent
Version: 1.0.0
Text Domain: coral-reef-child
Author: BCW
*/
.team-section {
    background-color: var(--color-3);
    color: var(--color-4);
}

.team-section .content {
    margin-bottom: 100px;
}

.team-section .members {
    flex-wrap: wrap;
    column-gap: 100px;
    row-gap: 75px;
}

.team-section .member {
    flex: 0 1 calc(50% - 75px);
    min-width: min(100%, 300px);
}

.team-section .member .image {
    margin-bottom: 30px;
}

.team-section .member .image img {
    width: 100%;
    box-shadow: 4px 4px 4px 0px rgba(0, 0, 0, 0.25);
}

.team-section .member .heading {
    font-size: 25px;
    color: var(--color-4);
    letter-spacing: 2.5px;
    margin-bottom: 5px;
}
.team-section .member .title {
    letter-spacing: 2px;
    font-weight: 700;
}
.team-section .member .content {
    margin-top: 30px;
    margin-bottom: 0;
}
.team-section .member .content p:last-child {
    margin-bottom: 0;
}
.team-section-inner{
    padding: 80px 0;
}
.services-section-inner h2, .gallery-section h2{
    text-align: center;
}
.gallery-section h2{
    font-size: 38px;
}
.gallery-section{
    margin: 40px auto;
}
.pbCaptionText{
    display: none;
}
.btn, .button{
    color: var(--color-4);
}
.btn:hover, .button:hover {
    color: var(--color-1);
}
.primary-footer .primary-footer-inner {
    background-color: var(--color-2);
}
.primary-footer .sitemap {
    background-color: var(--color-3);
}
.feature-section .feature .heading {
    font-weight: 600;
    font-size: 28px;
}
.service .image img {max-height: 480px; min-height: 480px; width:auto; object-fit: cover;}
@media screen and (max-width: 1199px) {
    .team-section .members {
        column-gap: 100px;
    }
}

@media screen and (max-width: 991px) {
    .team-section .members{
        column-gap: 50px;
    }
    .services-section-inner {width:780px; max-width: 100%;}
    .service .image img {max-height:auto; min-height:unset; width:auto; object-fit: unset;}
}
@media screen and (max-width: 767px) {
    .services{flex-direction: column;}
    .service .image img {max-height: 380px; width:auto; object-fit: cover;}
}