$pt-background: #F2F1EF;
$pt-highlight-color: #F9690E;
$pt-main-color: #59ABE3;

.pricing-table{
	.button {
	        border-bottom: 3px solid darken($primary-color, 10%);

                        &:hover {
                                background-color: lighten($primary-color, 10%);
                        }
                }
}

.pricing-table-recommended.pricing-table {
	position: relative;
	@include box-shadow( rgba(50, 50, 50, 0.5) 0 rem-calc(2) rem-calc(10) 0);
	@include border-radius(rem-calc(3));

	.title {
		background: $pt-background;
		color: $pt-main-color;
		font-size: rem-calc(32);
	}
	.price {
		background: $pt-background;
		color: $pt-highlight-color;
		border-bottom:dotted 1px $gainsboro;

		strong{
			display:block;
			font-size:rem-calc(20);
		}
	}

	.bullet-item {
		background: $pt-background;
		border: none;
		font-size: rem-calc(32);

		strong {
			font-size: rem-calc(21);
		}
	}
	.description{
		background: $pt-background;
		font-size: rem-calc(14);
	}

	.cta-button {
		background: $pt-background;

		.button {
			background-color: $pt-highlight-color;
			border-bottom: 3px solid darken($pt-highlight-color, 10%);

			&:hover {
       				background-color: lighten($pt-highlight-color, 10%);
			}
		}
	}

	strong {
		color: darken($pt-background, 30%);
	}
	@include transition-property(all);
        @include transition-duration(0.4s);
        @include transition-timing-function(ease-in-out);
	z-index:13;

	&.recommended {
		@extend .pricing-table;
		z-index:15;
		@include box-shadow(rgba(50, 50, 50, 0.5) 0 2px 10px 0);
		border: 3px solid $pt-main-color;
		@include transform(scale(1.25));

		.best {
			background: $pt-background;
			text-align: center;

    			strong {
				position: relative;
				text-align: center;
				display: inline-block;
				margin: 0 auto;
				top: -1px;
				background-color: $pt-main-color;
				color: $pt-background;
				padding: rem-calc(5) rem-calc(24);
     				height: rem-calc(32);
				@include border-bottom-right-radius(rem-calc(6));
				@include border-bottom-left-radius(rem-calc(6));
   			}
		}

  		.title {
			padding-top: rem-calc(32);
		}
  		.cta-button .button {
			background: $pt-main-color;
			border-bottom: 3px solid darken($pt-main-color, 30%);

   			&:hover {
				background-color: darken($pt-main-color, 15%);
			}
		}
  		@media only screen and (max-width: 40.063em) {
    			@include transform(scale(1));
		}
	}
}

.pricing-table-animated.pricing-table {
	position: relative;
	@include box-shadow(rgba(50, 50, 50, 0.5) 0 2px 10px 0);
	@include transform(scale(1));
	border:0;
	@include transition-property(all);
        @include transition-duration(0.4s);
        @include transition-timing-function(ease);
	z-index:13;

	&:hover {
		position: relative;
		@include box-shadow(rgba(50, 50, 50, 0.5) 0 2px 10px 0);
		@include transform(scale(1.25));
		border:0;
		z-index:15;

	}
	
	&.recommended{
		.best{
			display:none;
		}
		.title{
			background:$pt-main-color;
		}
		.cta-button .button {
                        background: $pt-main-color;
                        border-bottom: 3px solid darken($pt-main-color, 30%);

                        &:hover {
                                background-color: darken($pt-main-color, 15%);
                        }
                }
	}
}