@charset "UTF-8";
/*Tomas Valek, 2021-02-09
Caskadovy styl pro www.dashcamtravel.com
*/

#content {
	margin-top: 4em;
}

a, a:visited:not(nav a) { 
    color: blue;
}

h2 {
	margin-top: 2em;
	margin-bottom: 2em;
}

iframe.faq {
	width: 560px;
	height: 315px;
}

span.faqLink {
	cursor: pointer;
	font-size: small;
}

/* === FAQ Video Grid === */

.faqVideoGrid {
	display: grid;
	grid-template-columns: 1fr;
	gap: 2rem;
	margin-bottom: 3rem;
}

/* Každý box má stejnou výšku a zarovnání */
.faqItem {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	height: 100%;
}

/* Iframe vždy pod textem */
.faqItem iframe.faq {
	width: 100%;
	aspect-ratio: 16 / 9;
	border: none;
	margin-top: auto;
}

/* Odstup nadpisu/případného textu od videa */
.faqItem h3,
.faqItem p {
	margin-bottom: 1em;
}

@media screen and (max-width: 688px) {
	iframe.faq {
		width: 98vw;
		height: calc(98vw / 1.77);
	}
}

@media screen and (min-width: 720px) {
	.faqVideoGrid {
		grid-template-columns: repeat(2, 1fr);
	}
}