﻿.competitor-table-feature-block {
    padding-top: 80px;
    padding-bottom: 60px;
    background-color: #F0FBFF; /* Beluga Blue */
}

    .competitor-table-feature-block .section-header h1 {
        margin-bottom: 25px;
    }

    .competitor-table-feature-block .generic-block-ctas {
        padding-top: 12px;
        padding-bottom: 60px;
    }

    .competitor-table-feature-block .competitors-table-wrapper .table-column {
        height: auto !important;
    }

    .competitor-table-feature-block .competitors-table-wrapper .variant-button {
        padding: 10px 0;
        font-size: 13px;
    }

    .competitor-table-feature-block .competitors-table-wrapper .table-column.heading {
        background: #FFF;
    }

    .competitor-table-feature-block .competitors-table-wrapper .table-column .alt-row {
        background-color: #F5F7F9; /*Silver Britches*/
    }

    .competitor-table-feature-block .competitors-table-wrapper .table-column .header-block {
        background-color: #FFF;
    }

        .competitor-table-feature-block .competitors-table-wrapper .table-column .header-block .left-arrow {
            left: 3%;
            top: calc(50% - 38px);
        }

        .competitor-table-feature-block .competitors-table-wrapper .table-column .header-block .right-arrow {
            top: calc(50% - 38px);
        }

@media screen and (min-width: 768px) {
    .competitor-table-feature-block .competitors-table-wrapper .data-block {
        padding: 13px;
    }

    .competitor-table-feature-block .competitors-table-wrapper .competitor-column .data-block {
        font-size: 18px;
    }
}

/*BEGIN: sticky header (product-features-table-wrapper not working in mobile)*/
.competitors-table-wrapper:not(.product-features-table-wrapper) .make-sticky {
    position: sticky !important;
    position: -webkit-sticky; /* Safari */
    top: 60px !important; /*adjusted by notification banner*/
    z-index: 998;
}

.competitors-table-wrapper:not(.product-features-table-wrapper,.switch-competitor-compare-table) .table-column.heading .make-sticky {
    border-left: 1px solid #D8D8DF !important;
}

body, .competitors-table-wrapper:not(.product-features-table-wrapper) #competitors-table-data {
    /*this is to allow 'position:sticky' to work on mobile*/
    overflow-x: unset !important;
}

@media (max-width: 767px) {
    .competitors-table-wrapper:not(.product-features-table-wrapper) .header-block {
        top: 40px !important; /*adjusted by notification banner*/
    }
}

@media (min-width: 768px) {
    .product-features-table-wrapper .make-sticky {
        position: sticky !important;
        position: -webkit-sticky; /* Safari */
        top: 67px; /*adjusted by notification banner*/
        z-index: 998;
    }

    .product-features-table-wrapper:not(.switch-competitor-compare-table) .table-column.heading .make-sticky {
        border-left: 1px solid #D8D8DF !important;
    }

    body, .product-features-table-wrapper:not(.switch-competitor-compare-table) #competitors-table-data {
        /*this is to allow 'position:sticky' to work on tablet, mobile can't have this to allow the horizontal scroll feature*/
        overflow-x: unset !important;
    }

    .product-features-table-wrapper .competitors-table-wrapper .header-block {
        top: 65px; /*adjusted by notification banner*/
    }
}
/*END: sticky header*/


/* clear raised column styles */

#competitors-table-content {
    /*border: 0 solid #D8D8DF !important;*/
    border-radius: 0;
}

@media screen and (min-width: 768px) {
    #competitors-table-content {
        border: 1px solid #D8D8DF !important;
        border-radius: 16px;
    }
}

    .competitors-table-wrapper .table-column.heading .block:first-child {
        border-left: 1px solid #D8D8DF; /* Needed to override white background for sticky*/
    }

    @media (min-width: 768px) {
        .competitors-table-wrapper .table-column.heading .block:first-child {
            border-top-left-radius: 16px;
        }
    }

    .competitors-table-wrapper .competitor-column:last-child .data-block:first-child {
        border-top-right-radius: 16px;
    }

    @media (min-width: 768px) {
        .competitors-table-wrapper .table-column.heading .block:last-child {
            border-bottom-left-radius: 16px;
        }
    
        .competitors-table-wrapper .competitor-column:last-child .data-block:last-child {
            border-bottom-right-radius: 16px;
        }
    }

    .competitors-table-wrapper .taxslayer-column {
        box-shadow: unset;
    }

        .competitors-table-wrapper .taxslayer-column .header-block {
            border-top: 2px solid #10881c;
            border-top-left-radius: 16px;
            border-top-right-radius: 16px;
        }

            .competitors-table-wrapper .taxslayer-column .header-block:before {
                content: none;
            }

        .competitors-table-wrapper .taxslayer-column .data-block:last-of-type {
            border-bottom: 2px solid #10881c;
            border-bottom-left-radius: 16px;
            border-bottom-right-radius: 16px;
        }

            .competitors-table-wrapper .taxslayer-column .data-block:last-of-type:before {
                content: none;
            }

    .competitors-table-wrapper .wrapper, .competitors-table-wrapper .block, .competitors-table-wrapper .header-block, .competitors-table-wrapper .data-block {
        border-width: 1px;
        border-color: #D8D8DF;
        border-radius: 0;
    }

    @media (min-width: 1200px) {
        .competitors-table-wrapper .header-block {
            min-height: 88px;
            max-height: 88px;
        }

        .competitors-table-wrapper .block:not(.header-block) {
            min-height: 118px;
            max-height: 118px;
        }

        .competitors-table-wrapper .data-block:not(.header-block) {
            min-height: 118px;
            max-height: 118px;
        }
    }

    @media screen and (max-width: 767px) {
        .competitor-table-feature-block {
            padding-top: 60px;
        }

            .competitor-table-feature-block .section-header h1 {
                width: 350px;
                margin: auto;
            }

        .competitors-table-wrapper .header-block .header-block-name {
            font-size: 14px;
            margin-top: 10px;
        }

        .competitors-table-wrapper .taxslayer-column .hyperlink {
            font-size: 14px;
        }
    }

    @media (min-width: 768px) and (max-width: 991px) {
        .competitors-table-wrapper .flex-container .flex-item {
            margin: 0;
        }

        .competitors-table-wrapper .competitor-column:first-child .data-block:first-child {
            border-top-left-radius: 16px;
        }

        .competitors-table-wrapper .competitor-column:first-child .data-block:last-child {
            border-bottom-left-radius: 16px;
        }
    }

    @media (min-width: 768px) and (max-width: 1199px) {
        .competitors-table-wrapper .block.header-block {
            max-height: 100px;
        }
    }

    /*specific styles for the product-features-table-wrapper since there is no green bordered taxslayer-column*/
    .competitors-table-wrapper:not(.product-features-table-wrapper) .competitor-column {
    }

        .competitors-table-wrapper:not(.product-features-table-wrapper) .competitor-column.column-1 .header-block {
            border-left: none;
        }

        .competitors-table-wrapper:not(.product-features-table-wrapper) .competitor-column.column-1 .data-block:last-of-type {
            border-left: none;
        }

        @media (min-width: 768px) {
            .competitors-table-wrapper:not(.product-features-table-wrapper) .competitor-column:last-of-type .data-block:last-of-type {
                border-bottom-right-radius: 16px;
            }
        }

    .competitors-table-wrapper .block {
        padding: 1em 28px;
    }

    @media screen and (min-width: 768px) {
        .competitors-table-wrapper .table-column.heading {
            width: 34% !important;
        }
    }
