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

	.o-plugin-cards-wrapper {
		background: #ffffff;
		border: 1px #eaeaea solid;
		display: inline-block;
		width: 100%;
		max-width: 350px;
		font-family: "PT Serif Caption";

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

	.o-plugin-cards-header {
		background: #ffffff;
		text-align: center;
		padding: 25px;
	}

	.o-plugin-cards-logo {
		padding: 10px;

		img {
			width: 128px;
			height: 128px;
			display: inline-block;
		}
	}

	.o-plugin-cards-info {
		padding: 10px;

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

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

	.o-plugin-cards-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";
		}
	}

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

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

	.o-plugin-cards-stats {
		padding: 25px 0 0 0;
		text-align: justify;

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

	.o-plugin-cards-stats-list {
		display: flex;
	}

	.o-plugin-cards-stat {
		flex: auto;
		padding-top: 10px;
		text-align: center;
	}

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

	.o-plugin-cards-download {
		background: #4551af;
		text-align: center;

		&:hover,
		&:active {
			background: #202b82;
		}

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

@media ( max-width:415px ) {
	.wp-block-themeisle-blocks-plugin-cards {
		.o-plugin-cards-wrapper {
			width: auto;
		}

		.o-plugin-cards-stats-list {
			display: block;
		}
	}
}