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

.edgtf-pricing-tables.edgtf-two-columns .edgtf-price-table{
	width: 48.75%;
}

.edgtf-pricing-tables.edgtf-three-columns .edgtf-price-table{
	width: 31.666666666666668%;
}

.edgtf-pricing-tables.edgtf-four-columns .edgtf-price-table{
	width: 23.125%;
}
.edgtf-price-table{
    position: relative;
	width: 100%;
	padding: 0;
	margin-left: 2.5%;
	float: left;
    
    &:first-child{
        margin-left: 0;
    }
}    
    
.edgtf-price-table .edgtf-price-table-inner{
    position: relative;
    background-color: #151515;

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

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

    ul li.edgtf-table-title{
        padding: 58px 10px 14px;
        position: relative;
    }

    ul li.edgtf-table-title .edgtf-title-content {
        display: block;
        color: $default-background-color;
    }

    ul li.edgtf-table-content{
        padding: 33px 40px;
        color: rgba($default-background-color, 0.6);

        li{
        	line-height: 48px;
            list-style: inside;
        }
    }

	ul li.edgtf-table-content ul{
		padding:0;
	}

    ul li.edgtf-table-content ul li:last-child{
        border-bottom: none;
    }

    ul li.edgtf-table-prices {
        padding: 13px 5px 22px;
        position: relative;

        &:after{
            background-color: $default-background-color;
            bottom: 0;
            content: "";
            display: block;
            height: 1px;
            left: 50%;
            position: absolute;
            @include edgtfTransform(translateX(-50%));
            width: 42%;
        }
        
        .edgtf-price-in-table {
            text-align: center;
        }

		.edgtf-price-holder {
			display: block;
		}
        .edgtf-value {
            font-size: 25px;
            line-height: 27px;
            position: relative;
            color: $default-background-color;
            vertical-align:top;
            font-weight: 500;
            bottom: 0;
            right: -4px;
        }
        .edgtf-price {
            font-size: 25px;
            font-weight: 500;
            line-height: 27px;
            padding: 0;
            vertical-align: middle;
            color: $default-background-color;
        }
        .edgtf-mark {
            position: relative;
            vertical-align:bottom;
			display: block;
            padding: 0 20%;
            margin: 40px 0 20px;
            font-size: 17px;
            color: rgba($default-background-color, 0.8);
            line-height: 31px;
        }
    }

    .edgtf-price-button {
        padding: 29px 0 62px;
    }
}

.edgtf-price-table.edgtf-active{
	.edgtf-price-table-inner {
		margin: -21px 0 0;
		padding: 0;

      ul li.edgtf-table-title {
        border-bottom: transparent;
        padding: 58px 10px 14px;
      }
	}
	>ul{
        margin: -38px 0 0;
        padding: 38px 0 0;
        background-position: 0 38px;
    }

    .edgtf-active-text{
        text-align: center;
		display: block;
    }
}
/* ==========================================================================
# Pricing table style - end
========================================================================== */