#tm_builder_outer_content { .tm_pb_column_4_4 .tm_pb_pricing.tm_pb_module .tm_pb_pricing_table { margin-top: 0; @include media-breakpoint-up(md) { flex: 0 0 calc(50% - #{$grid-gutter-width}); max-width: calc(50% - #{$grid-gutter-width}); } @include media-breakpoint-up(lg) { flex: 0 0 calc(25% - #{$grid-gutter-width}); max-width: calc(25% - #{$grid-gutter-width}); } } .tm_pb_column_1_2 .tm_pb_pricing.tm_pb_module .tm_pb_pricing_table, .tm_pb_column_2_3 .tm_pb_pricing.tm_pb_module .tm_pb_pricing_table { @include media-breakpoint-up(xl) { flex: 0 0 calc(50% - #{$grid-gutter-width}); max-width: calc(50% - #{$grid-gutter-width}); } } .tm_pb_column_3_4 .tm_pb_pricing.tm_pb_module .tm_pb_pricing_table { @include media-breakpoint-up(xl) { flex: 0 0 calc(33.33% - #{$grid-gutter-width}); max-width: calc(33.33% - #{$grid-gutter-width}); } } .tm_pb_column > .tm_pb_pricing.tm_pb_module > .tm_pb_pricing_table:nth-child(n) { margin-top: 0; } .tm_pb_pricing.tm_pb_module { margin-left: -$grid-gutter-width/2; margin-right: -$grid-gutter-width/2; display: flex; flex-flow: row wrap; &:after { content: none; display: none; } .tm_pb_pricing { &_table { border: 1px solid $color__background-hr; padding-bottom: 43px; margin: 0 $grid-gutter-width/2 30px; float: none; width: calc(100% - #{$grid-gutter-width}); flex: 0 0 calc(100% - #{$grid-gutter-width}); &.tm_pb_featured_table { box-shadow: $box__shadow_banner; } } &_heading { padding: 55px 10px 17px; margin-bottom: 0; .tm_pb_best_value { margin-top: 10px; } } &_title { margin-bottom: 0; padding-bottom: 0; } &_content_top { padding-left: 10px; padding-right: 10px; padding-bottom: 40px; position: relative; &:after { content: ''; position: absolute; bottom: 0; left: 25px; right: 25px; background: $color__background-hr; height: 1px; } .tm_pb_tm_price { @include font-size(.875); font-weight: 300; line-height: 1; } .tm_pb_dollar_sign, .tm_pb_sum { @include font-size(2.5); font-weight: 300; line-height: 1; } .tm_pb_dollar_sign { position: static; margin-left: 0; } } &_content { padding: 43px 15px; @include font-size(.875); ul.tm_pb_pricing { li{ padding-bottom: 11.5px; position: relative; &:last-child { padding-bottom: 0; } &:before { content: '\e934'; @include linear-icon; @include font-size(.875); line-height: 1.6em; top: 0; left: 0; } &.tm_pb_not_available { &:before { content: '\e935'; } } } } } } .tm_pb_pricing { li{ &:before { color: $color__valid; } &.tm_pb_not_available { &:before { color: $color__not-valid; } } } } } }