/* YK shortcodes (must-use plugin yk-shortcodes.php). Shared by every shortcode family. */

/* [su_row] / [su_column]: columns side by side, one under another on narrow screens.
   Width of a column of size s, with a 4% gap: s * 104% - 4%. */
.yk-row { display: flex; flex-wrap: wrap; column-gap: 4%; margin: 0 0 1.5em; }
.yk-row > .yk-col { box-sizing: border-box; min-width: 0; }
.yk-col > :first-child { margin-top: 0; }
.yk-col > :last-child { margin-bottom: 0; }
.yk-col-1-1 { flex: 0 0 100%; }
.yk-col-1-2 { flex: 0 0 48%; }
.yk-col-1-3 { flex: 0 0 30.666%; }
.yk-col-2-3 { flex: 0 0 65.333%; }
.yk-col-1-4 { flex: 0 0 22%; }
.yk-col-3-4 { flex: 0 0 74%; }
.yk-col-1-5 { flex: 0 0 16.8%; }
.yk-col-2-5 { flex: 0 0 37.6%; }
.yk-col-3-5 { flex: 0 0 58.4%; }
.yk-col-4-5 { flex: 0 0 79.2%; }
.yk-col-1-6 { flex: 0 0 13.333%; }
.yk-col-5-6 { flex: 0 0 82.666%; }
.yk-col-center { text-align: center; }
.yk-col-center .wp-caption { margin-left: auto; margin-right: auto; }
.yk-col .wp-caption { max-width: 100%; }
@media (max-width: 600px) {
	.yk-row { row-gap: 1.5em; }
	.yk-row > .yk-col { flex-basis: 100%; }
}

/* [su_youtube] / [su_youtube_advanced] */
.yk-video { margin: 0 0 1em; }
.yk-video iframe { display: block; max-width: 100%; border: 0; }
.yk-video-responsive { width: 100%; }
.yk-video-responsive iframe { width: 100%; height: auto; aspect-ratio: 16 / 9; }