/*------------------------------------*\
    
    WebFX WYSIWYG Customizations - Global styling for all ACF WYSIWYG's

    Add custom WYSIWYG styling to this file if it should be applied to all ACF WYSIWYG's on the site
    Otherwise, put your block-specific styles in individual block stylesheets

\*------------------------------------*/

.wysiwyg__content p .btn+.btn {
    margin-top: 0;
}

blockquote {
    background: var(--color-gray-4);
    margin: 10px 0 25px;
    padding: 40px;
    border-radius: 4px;
}

blockquote > *{
    color: var(--color-black);
}

.wysiwyg table {
    margin: 20px 0;
}

.wysiwyg__content table tbody > tr:nth-child(odd) td {
    background: var(--color-gray-4);
}

.wysiwyg__content table tbody > tr:nth-child(even) td {
    background: var(--color-white);
}

.wysiwyg__content table tbody > tr td {
    padding: 15px 20px;
}

.wysiwyg__content table tbody > tr:first-child td {
    background: var(--color-gray-1);
    color: var(--color-white);
    padding: 15px 20px;
}

.wysiwyg.bg-dark .wysiwyg__content table tbody>tr:nth-child(even) td {
    background: var(--color-white);
    color: var(--color-black);
}

.wysiwyg.bg-dark .wysiwyg__content table tbody>tr:nth-child(odd) td {
    background: transparent;
}

.wysiwyg.bg-dark .wysiwyg__content table tbody>tr:first-child td {
    background: var(--color-blue-1);
}

.wysiwyg.bg-dark a:not(.btn) {
    color: var(--color-blue-2);
    border-bottom-color: var(--color-blue-2);
    transition: border 0.25s ease-in-out,
                opacity 0.25s ease-in-out;
}

.wysiwyg.bg-dark ul li:before {
    background-color: var(--color-blue-2);
}

.wysiwyg.bg-dark a:not(.btn):hover {
    border-bottom: 1px solid var(--color-blue-2);
    opacity: 0.85;
}

.project-single-container > section.wysiwyg:not(:first-child):not(.bg-grey):not(.bg-grey):not(.bg-dark) {
    padding-top: 0;
}

.tax-product_cat .wysiwyg {
    margin: 0 -22px;
}

@media (min-width: 768px) {
    .tax-product_cat .wysiwyg {
        margin: 0 -16px;
    }
}

@media (min-width: 1200px) {
    .tax-product_cat .wysiwyg {
        margin: 0 -52px;
    }
}