/**
 * Style dla własnych shortcode'ów wtyczki Zlukaszem Shortcodes.
 *
 * Przeniesione z pliku Shortcodes Ultimate `includes/css/shortcodes.css`, aby przetrwały
 * aktualizacje Shortcodes Ultimate (ten plik jest nadpisywany przy każdej aktualizacji).
 *
 * Style dla [su_custom-mark] (.zl-custom-mark, .zl-custom-mark--icon) i [su_four-circles]
 * (.about-item*) pozostają w arkuszu motywu (wp-content/themes/zlukaszem/css/style.css),
 * ponieważ nie są częścią plików Shortcodes Ultimate i nie są kasowane przy aktualizacji.
 */

/* [su_facebook] */
.zl-facebook-embed {
	max-width: 50% !important;
	display: inline-block;
	float: left;
	margin-bottom: 1rem;
	margin-right: 1rem;
}

.zl-facebook-embed div span {
	width: 20rem !important;
	display: inline-block !important;
}

.zl-facebook-embed div {
	width: 20rem !important;
	display: inline-block !important;
}

.zl-facebook-embed div span iframe {
	width: 20rem !important;
	display: inline-block !important;
}

@media screen and (max-width: 1024px) {
	.zl-facebook-embed {
		max-width: 100% !important;
		float: inherit;
	}

	.zl-facebook-embed div span {
		width: 100% !important;
	}

	.zl-facebook-embed div {
		width: 100% !important;
	}

	.zl-facebook-embed div span iframe {
		width: 100% !important;
	}
}

@media screen and (max-width: 768px) {
	.zl-facebook-embed {
		margin: 0 auto 1rem auto;
		display: block;
	}
}

/* [su_counter] */
.zl-counter-number-container {
	display: inline-block;
	margin: 0 .5rem 1rem .5rem;
}

.zl-counter-number {
	font-size: 1.6rem;
	text-align: center;
	margin-bottom: 0;
}

p.zl-counter-title {
	text-align: center;
	margin-bottom: 0;
}

/* [su_postfeatured] */
.zl-post-featured {
	width: 100%;
	padding: 3rem 3rem;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	margin-bottom: 1rem;
	border-radius: 1rem;
}

.zl-post-featured-content {
	background: rgba(0, 0, 0, .55);
	display: inline-block;
	padding: 1rem 2rem;
}

p.zl-post-featured-title {
	color: #fff;
	font-size: 1.2rem;
	font-weight: 600;
}

a.zl-post-featured-btn {
	background: #e2942d;
	color: #fff;
	padding: .3rem 1rem;
	display: inline-block;
	transition: .2s linear;
}

a.zl-post-featured-btn:hover {
	text-decoration: none;
	background: #c98428;
	transition: .2s linear;
}

.zl-post-featured-desc {
	color: #fff;
}