.wp-block-orbitfox-plugin-cards {
	padding: 20px 0;

	&.align-left {
		float: left;
	}

	&.align-center {
		text-align: center;
	}

	&.align-right {
		float: right;
	}

	.obfx-plugin-card {
		border: 1px #EAEAEA solid;
		display: inline-block;
		width: 350px;
		font-family: "PT Serif Caption";

		a {
			color: #000;
			text-decoration: none;
		}

		.card-header {
			background: #ffffff;
			text-align: center;
			padding: 25px;

			.card-logo {
				padding: 10px;
				img {
					width: 128px;
					height: 128px;
				}
			}

			.card-info {
				padding: 10px;

				h4 {
					font-size: 24px;
					margin: 0;
				}

				h5 {
					font-size: 16px;
					margin: 0;
				}
			}

			.card-ratings {
				font-family: "Font Awesome 5 Free";

				.star-full:before {
					content: "\f005";
					font-weight: 900;
				}

				.star-half:before {
				    content: "\f5c0";
					font-weight: 900;
				}

				.star-empty:before {
				    content: "\f005";
				}
			}
		}

		.card-details {
			background: #FCFCFC;
			border-top: 1px #EAEAEA solid;
			padding: 20px;
			font-size: 12px;
			text-align: center;

			.card-description {
				color: #707070;
				font-size: 12px;
				text-align: center;
			}

			.card-stats {
				padding: 25px 0 0 0;
				text-align: justify;

				h5 {
					color: #707070;
					border-bottom: 1px #d8d8d8 solid;
					font-size: 14px;
					margin: 0;
				}

				.card-stats-list {
					display: flex;

					.card-stat {
						flex: auto;
						padding-top: 10px;
						text-align: center;

						.card-text-large {
							color: #4550ae;
							font-size: 24px;
							display: block;
						}
					}
				}
			}
		}

		.card-download {
			background: #4551af;
			text-align: center;

			a {
				color: #fff;
				text-decoration: none;
				display: block;
				padding: 20px;
			}
		}
	}
}

@media ( max-width:415px ) {
	.wp-block-orbitfox-plugin-cards {
		.obfx-plugin-card {
			width: auto;

			.card-details {
				.card-stats {
					.card-stats-list {
						display: block;
					}
				}
			}
		}
	}
}