@hdeng-faqs-header-color: @hdeng-header-font-contrast-color;

//== Generates
.hdeng-faqs-critical-generate() {
    // Silence
}

.hdeng-faqs-generate() {
    .faqs {
    }

    .faqs__item {
        .hdeng-box();

        &:hover {
            .faqs__thumb {
                opacity: 1;
            }
        }

    }

    .faqs__title {
        margin: 0 0 floor(@hdeng-spacing / 2);
        color: @hdeng-faqs-header-color;
    }

    .faqs__text {
        margin: 0 0 @hdeng-spacing;
        color: @hdeng-body-font-default-color;
    }

    .faqs__inner,
    .faqs__text {
        p,
        ul,
        ol {
            &:last-child {
                margin-bottom: 0;
            }
        }
    }

    .faqs__gallery {
        margin: 0;
        padding: 0;
        list-style: none;
    }

    .faqs__gallery-item {
        display: inline-block;
        margin: 0 floor(@hdeng-spacing / 2) floor(@hdeng-spacing / 2) 0;

        figure,
        img {
            margin: auto;
        }

        img {
            display: block;
        }

        @media (max-width: @hdeng-breakpoint-mobile) {
            display: block;
            margin: 0 0 floor(@hdeng-spacing / 2);
        }
    }

    .faqs__gallery-link {
        margin: auto;
        display: block;
    }

    .faqs__gallery-thumb {
        max-width: 100%;
        height: auto;
        opacity: 0.8;
        transition: opacity 0.5s ease-in-out;

        @media (max-width: @hdeng-breakpoint-mobile) {
            margin: 0 auto;
        }
    }

    .faqs__item:hover {

        .faqs__gallery-thumb {
            opacity: 1;
        }
    }

    .faqs__meta {
        font-size: 0.9em;
        margin: 0;
    }
}
