/*
Theme Name:  dm-shaw-gibbs
Theme URI:   https://www.shawgibbs.com
Description: Website design by <a href="https://ascendstudio.co.uk/">Ascend Studio</a>. Website build by <a href="https://www.digital-mosaic.co.uk">Digital Mosaic</a>.
Author:      Digital Mosaic
Version:     1.0.0
*/
@import "dist/app.min.css";

/* Service cards: retain the corporate design and reveal the secondary content. */
section.c-06-card-grid .cards .panel > a {
    overflow: hidden;
}

section.c-06-card-grid .cards .panel > a::before {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: inherit;
    background: linear-gradient(180deg, #69952f 0%, #385610 100%);
    opacity: 0;
    z-index: 0;
    pointer-events: none;
    transition: opacity 0.5s ease-out;
}

section.c-06-card-grid .cards .panel > a .title {
    position: relative;
    opacity: 1;
    transform: translateY(0);
    z-index: 1;
    transition: opacity 0.5s ease-out, transform 0.5s ease-out;
}

section.c-06-card-grid .cards .panel > a .content {
    display: block;
    position: absolute;
    inset: 0;
    padding: 1.5rem 1.5rem 3.625rem;
    color: #f5f5f5;
    opacity: 0;
    transform: translateY(18%);
    z-index: 1;
    pointer-events: none;
    transition: opacity 0.5s ease-out, transform 0.5s ease-out;
}

section.c-06-card-grid .cards .panel > a button {
    z-index: 2;
}

section.c-06-card-grid .cards .panel > a:hover::before,
section.c-06-card-grid .cards .panel > a:focus-visible::before {
    opacity: 1;
}

section.c-06-card-grid .cards .panel > a:hover .title,
section.c-06-card-grid .cards .panel > a:focus-visible .title {
    opacity: 0;
    transform: translateY(-100%);
}

section.c-06-card-grid .cards .panel > a:hover .content,
section.c-06-card-grid .cards .panel > a:focus-visible .content {
    opacity: 1;
    transform: translateY(0);
}