/* ==========================================================================
   Pricing Table shortcode styles
   ========================================================================== */

.qodef-pricing-table {
	@include qodefRelativeLayout();
	text-align: center;
	background-color: $additional-background-color;
	
	&.qodef-status--featured {
		background-color: #f3ece8;
		
		&:before {
			content: '\f005';
			font-family: 'Font Awesome 5 free';
			position: absolute;
			display: block;
			top: 25px;
			right: 20px;
			font-size: 35px;
			font-weight: 900;
			-webkit-text-stroke: 1px $main-color;
			-webkit-text-fill-color: transparent;
		}
	}
	
	.qodef-m-inner {
		padding: 71px 10% 85px;
	}
	
	.qodef-m-title {
		
		p {
			@include qodefHeadingStyle(h3);
			margin: 0;
			font-weight: 300;
		}
	}
	
	.qodef-m-price {
		margin-top: -3px;
		
		.qodef-m-price-wrapper {
			display: flex;
			margin: 7px 0 0;
			line-height: 1;
			justify-content: center;
		}
		
		.qodef-m-price-value {
			margin-right: 3px;
			font-size: 70px;
			color: #3e3b39;
		}
		
		.qodef-m-price-currency {
			margin-top: 5px;
		}
	}
	
	.qodef-m-content {
		margin: 34px 0 0;
		
		ul {
			list-style: none;
			margin: 0;
			
			li {
				color: $heading-color;
				margin-bottom: 8px;
				
				&:last-child {
					margin-bottom: 0;
				}
				
				&:before {
					content: '\f00c';
					font-family: "Font Awesome 5 Free";
					font-weight: 900;
					padding-right: 8px;
				}
			}
		}
	}
	
	.qodef-m-button {
		
		.qodef-button {
			margin: 39px 0 0;
		}
	}
}