?? GreyFile — Mystic File Browser

Current path: home/webdevt/www/wdp/wp-content/themes/quadric/assets/css/scss/modules/shortcodes/


?? Go up: /home/webdevt/www/wdp/wp-content/themes/quadric/assets/css/scss/modules

?? Viewing: _pricing-tables.scss

/* ==========================================================================
# 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: #fff;
    border: 2px solid $default-border-color;

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

    ul li{
        text-align: center;
        margin: 0;
        padding: 3px 20px;
    }
    ul li.edgtf-price-button{
        padding: 0;

        a{
            display: block;
            background-color: $first-main-color;
            color: #fff;
            font-size: 18px;
            line-height: 27px;
            font-weight: 700;
            padding: 14px 0;
            @include edgtfTransition(background-color 0.3s ease-in-out);
            margin: -2px;
        }

        a:hover {
          background-color: $second-main-color;
        }
    }

    ul li.edgtf-table-title,
    ul li.edgtf-table-prices{
        border-bottom: 2px solid $default-border-color;
    }

    ul li.edgtf-table-title{
        padding: 14px 20px;
        position: relative;
		background-position: center;
		background-size: cover;
		background-repeat: no-repeat;
    }


    ul li.edgtf-table-title .edgtf-title-content {
        display: block;
        color: $second-main-color;
        font-size: 18px;
        line-height: 27px;
        font-weight: 700;
    }

    ul li.edgtf-table-content,
    ul li.edgtf-table-content ul{
		padding: 14px 0;
		background-position: center;
		background-size: cover;
		background-repeat: no-repeat;
    }

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

    ul li.edgtf-table-prices {
        padding: 20px 5px 16px;
        
        .edgtf-price-in-table {
            
            text-align: center;
        }   
        .edgtf-value {
            font-size: 30px;
            line-height: 30px;
            position: relative;
            color: $second-main-color;
            vertical-align:top;
            font-weight: 300;
            top: 5px;
        }
        .edgtf-price {
            font-size: 50px;
            line-height: 45px;
            padding: 0 3px;
            vertical-align: middle;
            color: $second-main-color;
            font-weight: 300;
        }
        .edgtf-mark {
            position: relative;
            font-size: 15px;
            line-height: 27px;
            vertical-align:bottom;
            color: $default-text-color;
            display: block;
			padding-top: 5px;
        }
    }
}
.edgtf-price-table.edgtf-with-title-background ul li.edgtf-table-title{
    margin: -2px;
	border-bottom: none;
}
.edgtf-price-table.edgtf-active{
    >ul{
        margin: -38px 0 0;
        padding: 38px 0 0;
        background-position: 0 38px;
    }
    .edgtf-active-text{
        width: 100%;
        text-align: center;
        background-color: $first-main-color;
        color: #fff;
        font-size:17px;
        line-height:30px;
        font-weight:400;
        position: absolute;
        top: 0px;
        left: 0px;
        z-index:9;
        
        .edgtf-active-text-inner{
            display:block;
            padding:4px;
        }
    }    
}
/* ==========================================================================
# Pricing table style - end
========================================================================== */

??

??