/* ==========================================================================
# Pricing table style - begin
========================================================================== */

.qodef-pricing-tables {

    &.qodef-two-columns .qodef-price-table {
        width: 48.75%;
    }

    &.qodef-three-columns .qodef-price-table {
        width: 31.666666666666668%;
    }

    &.qodef-four-columns .qodef-price-table {
        width: 23.125%;
    }

    .qodef-price-table {
        position: relative;
        width: 100%;
        padding: 0;
        margin-left: 2.5%;
        float: left;

        &:first-child {
            margin-left: 0;
        }

        .qodef-price-table-inner {
            position: relative;
            background-color: #fff;

            ul {
                list-style: none outside none;
                margin: 0;
            }

            ul li {
                text-align: center;
                margin: 0;
            }

            ul li.qodef-table-title {
                padding: 21px 20px;
                position: relative;
                background-color: $first-main-color;
                border-bottom: 1px solid #fff;

                .qodef-title-content {
                    display: block;
                    color: $default-heading-color;
                    font-size: 20px;
                    line-height: 1.1em;
                    font-weight: 900;
                }
            }

            ul li.qodef-table-prices {
                border-bottom: 1px solid #dadada;
                padding: 22px 5px;
                .qodef-price-in-table {
                    text-align: center;
                }
                .qodef-value {
                    font-size: 22px;
                    line-height: 22px;
                    position: relative;
                    color: #707070;
                    vertical-align: top;
                    font-weight: 400;
                    bottom: -11px;
                    left: -3px;
                }
                .qodef-price {
                    font-size: 70px;
                    line-height: 70px;
                    vertical-align: middle;
                    color: $default-heading-color;
                    font-weight: 400;
                }
                .qodef-mark {
                    position: relative;
                    font-size: 18px;
                    line-height: 18px;
                    vertical-align: bottom;
                    font-weight: 400;
                    color: #707070;
                    letter-spacing: 1px;
                    text-transform: lowercase;
                    left: -1px;
                    bottom: 11px;
                }
            }

            ul li.qodef-table-content {
                padding: 17px 0 21px;
                ul {
                    padding: 0;
                    li {
                        line-height:36px;
                    }
                }
            }

            ul li.qodef-price-button {
                padding: 0 0 36px;
            }
        }

        &.qodef-active {
            .qodef-active-text {
                position: absolute;
                right: 25px;
                top: 40px;
                z-index: 20;
                background: $default-heading-color;

                span {
                    display: block;
                    width: 50px;
                    height: 50px;
                    background: $default-heading-color;
                    @include qodefTransform(rotate(11.25deg));
                }

                .qodef-active-text-inner {
                    padding: 14px 0 0;
                    @include qodefBoxSizing(border-box);
                    font-size: 17px;
                    font-weight: 900;
                    color: #fff;
                    text-align: center;
                    text-transform: uppercase;
                    display: inline-block;
                    width: 50px;
                    height: 50px;
                    position: absolute;
                    top: 0;
                    left: 0;
                }
            }
        }
    }

    &.qodef-skin-dark {
        .qodef-price-table {
            .qodef-price-table-inner {
                background-color: #f4f4f4;
            }
        }
    }

}
/* ==========================================================================
# Pricing table style - end
========================================================================== */