Your IP : 216.73.216.5
/*
Theme Name: Salient
Description: Styles for the "Pricing Table" page builder element.
*/
.pricing-table{
margin-top:60px;
margin-bottom:30px
}
.pricing-table:after{
content:"";
display:block;
height:0;
clear:both;
visibility:hidden
}
.pricing-table >div:first-child .pricing-column-content,
.pricing-table >div:first-child h3 {
border-left:1px solid #e4e4e4
}
.pricing-column{
float:left;
overflow:hidden;
text-align:center;
padding:0px;
background-color:#fff;
transition:box-shadow 0.2s linear;
-webkit-transition:box-shadow 0.2s linear;
}
.pricing-column .pricing-column-content{
border-right:1px solid #e4e4e4;
border-bottom:1px solid #e4e4e4;
padding:0px 0px 20px 0px
}
.pricing-column.highlight{
position:relative;
z-index:100;
margin:-20px -1px 0px -1px;
background-color:#FFF;
box-shadow:0px 0px 13px rgba(0,0,0,.09);
-webkit-box-shadow:0px 0px 13px rgba(0,0,0,.09);
}
.pricing-table[data-style="default"] .pricing-column.highlight .nectar-button{
margin:10px 0px 20px 0px
}
.pricing-column.highlight .pricing-column-content,
.pricing-column.highlight h3{
border:none
}
.pricing-column.highlight h3 .highlight-reason{
display:block;
font-family:'Open Sans';
font-weight:700;
font-size:12px;
text-transform:uppercase;
letter-spacing:1.5px;
color:rgba(0,0,0,0.4)
}
#ajax-content-wrap .pricing-column.highlight h3 .highlight-reason{
line-height: 28px;
}
.pricing-column.highlight .pricing-column-content{
border-right:1px solid #e4e4e4;
border-left:1px solid #e4e4e4;
border-bottom:1px solid #e4e4e4
}
.pricing-column.highlight:hover{
box-shadow:0px 0px 13px rgba(0,0,0,.15);
-webkit-box-shadow:0px 0px 13px rgba(0,0,0,.15);
}
.pricing-column ul li{
color:#888;
padding:10px 25px;
list-style:none;
line-height:18px;
border-bottom:1px solid #efefef
}
.pricing-column ul li:first-child{
border-top:1px solid #efefef
}
.pricing-column ul li:nth-child(2n+1){
background-color:#fbfbfb
}
.pricing-table[data-style="default"] .pricing-column.highlight h3{
color:#fff;
background-color:#27CFC3;
padding:15px 0px;
margin-bottom:0px
}
.toggle .pricing-column h3{
font-size:26px
}
.pricing-column h3{
background-color:#fff;
color:#27CFC3;
margin-bottom:0px;
font-size:26px;
line-height:28px;
border-right:1px solid #e4e4e4;
border-bottom:1px solid #EFEFEF;
border-top:1px solid #e4e4e4;
padding:18px 0px 18px 0px
}
.pricing-table .pricing-column .pricing-column-content h4,
.pricing-column h4 {
margin-left:-22px;
padding:20px 30px 6px 30px;
font-size:54px;
line-height:42px;
color:#333;
margin-bottom:0px
}
.pricing-table[data-style="default"] .pricing-column h4 .dollar-sign{
font-size:22px;
line-height:22px;
top:-14px;
right:-6px;
font-family:'Open Sans';
font-weight:300;
position:relative
}
.pricing-column .interval{
display:block;
color:#999;
min-height:38px;
display:block;
padding-bottom:17px
}
.pricing-column ul{
margin-left:0px
}
.pricing-table.six-cols >div{
width:16.5%
}
.pricing-table.five-cols >div{
width:20%
}
.pricing-table.four-cols >div{
width:25%
}
.pricing-table.three-cols >div{
width:33.2%
}
.pricing-table.two-cols >div{
width:50%
}
.pricing-table .col{
padding:0px 20px
}
.col .pricing-table h3{
margin-bottom:0px
}
.pricing-table[data-style="flat-alternative"] .pricing-column.highlight{
box-shadow:0px 15px 30px rgba(0,0,0,.06);
-webkit-box-shadow:0px 15px 30px rgba(0,0,0,.06);
}
.pricing-table[data-style="flat-alternative"] .pricing-column.highlight:hover{
box-shadow:0px 15px 30px rgba(0,0,0,.09);
-webkit-box-shadow:0px 15px 30px rgba(0,0,0,.09);
}
.pricing-table[data-style="flat-alternative"] .pricing-column.highlight h3{
background-color:transparent!important
}
.pricing-table[data-style="flat-alternative"].two-cols{
text-align:center
}
.pricing-table[data-style="flat-alternative"].two-cols >div{
width:31%;
display:inline-block;
float:none;
overflow:visible
}
.pricing-table[data-style="flat-alternative"].three-cols >div{
width:31%
}
.pricing-table[data-style="flat-alternative"].four-cols >div{
width:22%
}
.pricing-table[data-style="flat-alternative"].five-cols >div{
width:18%
}
.pricing-table[data-style="flat-alternative"].six-cols >div{
width:14%
}
body .pricing-table[data-style="flat-alternative"] .pricing-column,
body .pricing-table[data-style="flat-alternative"] .pricing-column.highlight{
margin-right:3.5%;
position:relative;
text-align:left
}
body .pricing-table[data-style="flat-alternative"] .pricing-column ul{
padding:20px 0;
margin:0 0 38px 0
}
.pricing-table[data-style="flat-alternative"].four-cols .pricing-column,
body .pricing-table[data-style="flat-alternative"].four-cols .pricing-column.highlight{
margin-right:3%;
padding:35px
}
.pricing-table[data-style="flat-alternative"].four-cols .pricing-column.highlight h3 .highlight-reason{
padding-left:35px
}
.pricing-table[data-style="flat-alternative"].five-cols .pricing-column,
body .pricing-table[data-style="flat-alternative"].five-cols .pricing-column.highlight{
margin-right:2%;
padding:25px
}
.pricing-table[data-style="flat-alternative"].five-cols .pricing-column.highlight h3 .highlight-reason{
padding-left:30px
}
.pricing-table[data-style="flat-alternative"].six-cols .pricing-column{
margin-right:2%;
padding:23px
}
.pricing-table[data-style="flat-alternative"].six-cols .pricing-column.highlight h3 .highlight-reason{
padding-left:23px
}
.pricing-table[data-style="flat-alternative"] .pricing-column.highlight{
overflow:visible
}
.pricing-table[data-style="flat-alternative"] .pricing-column.highlight h3 .highlight-reason{
position:absolute;
top:-31px;
left:0;
padding:5px;
width:100%;
color:#fff
}
.pricing-table[data-style="flat-alternative"] .pricing-column li del,
.pricing-table[data-style="flat-alternative"] .pricing-column li del * {
color:#bbb;
text-decoration:none
}
.pricing-table[data-style="flat-alternative"] .pricing-column:before{
display:block;
top:0;
left:0;
width:100%;
height:7px;
content:' ';
position:absolute
}
.pricing-table[data-style="flat-alternative"] .pricing-column li i{
margin-right:10px
}
body .wpb_wrapper .pricing-table[data-style="flat-alternative"] >div:last-child {
margin-right:0
}
.pricing-table[data-style="flat-alternative"] .pricing-column h4{
margin-left:0;
letter-spacing:0;
padding:0px 0 13px 0;
font-size:30px;
display:inline-block
}
.pricing-table[data-style="flat-alternative"] .pricing-column h3{
font-size:36px
}
.pricing-table[data-style="flat-alternative"] .pricing-column .interval{
display:inline-block
}
.pricing-table[data-style="flat-alternative"] .pricing-column .interval:before{
content:'/';
display:inline-block;
padding-right:6px
}
.pricing-table[data-style="flat-alternative"] .nectar-button{
font-size:15px
}
.pricing-table[data-style="flat-alternative"] .pricing-column.highlight{
margin:0
}
body .pricing-table[data-style="flat-alternative"] .pricing-column .pricing-column-content,
body .pricing-table[data-style="flat-alternative"] .pricing-column h3{
border:none
}
.pricing-table[data-style="flat-alternative"] .pricing-column .pricing-column-content{
padding-bottom:0
}
.pricing-table[data-style="flat-alternative"] .pricing-column{
padding:50px
}
.pricing-table[data-style="flat-alternative"] .pricing-column.highlight h3 .highlight-reason{
padding-left:50px
}
.pricing-table[data-style="flat-alternative"] ul li{
border:none;
padding:8px 0px;
color:#444;
background-color:transparent
}
@media only screen and (min-width : 1px) and (max-width : 999px) {
.pricing-table[data-style="flat-alternative"] .pricing-column.highlight {
margin-top: 30px!important;
}
.pricing-table[data-style="flat-alternative"].two-cols > div:nth-child(2),
.pricing-table[data-style="flat-alternative"].three-cols > div:nth-child(2),
.pricing-table[data-style="flat-alternative"].four-cols > div:nth-child(2n+2),
.pricing-table[data-style="flat-alternative"].five-cols > div:nth-child(2n+2) {
margin-right: 0!important;
}
}
@media only screen and (min-width : 690px) and (max-width : 999px) {
.pricing-table[data-style="flat-alternative"].two-cols > div,
.pricing-table[data-style="flat-alternative"].three-cols > div,
.pricing-table[data-style="flat-alternative"].four-cols > div,
.pricing-table[data-style="flat-alternative"].five-cols > div {
width: 48%!important;
}
}