/*
 * Generic Page template — same content-box typography and two-column
 * layout proportions as the single Interview page (assets/css/single-
 * interview.css), so a plain content page like Terms of Use or Privacy
 * Policy reads consistently with the rest of the site. The sidebar here
 * is just a simple "More Pages" links card instead of the interview's
 * author/interviewee details.
 */

#bbv-generic-page-content-section { padding-top: 80px; padding-right: 46px; padding-bottom: 100px; padding-left: 46px; max-width: 1920px; }
@media (max-width: 1200px) { #bbv-generic-page-content-section { padding-right: 24px; padding-left: 24px; } }
@media (max-width: 991px) { #bbv-generic-page-content-section { padding-top: 60px; padding-right: 20px; padding-bottom: 70px; padding-left: 20px; } }
@media (max-width: 767px) { #bbv-generic-page-content-section { padding-top: 50px; padding-bottom: 60px; } }
@media (max-width: 478px) { #bbv-generic-page-content-section { padding-top: 50px; padding-right: 16px; padding-bottom: 50px; padding-left: 16px; } }

#bbv-generic-page-content-container { width: 95%; position: relative; gap: 50px; flex-direction: row; justify-content: space-between; align-items: flex-start; }
@media (max-width: 1200px) { #bbv-generic-page-content-container { column-gap: 30px; } }
@media (max-width: 991px) { #bbv-generic-page-content-container { flex-direction: row; gap: 10px 30px; } }
@media (max-width: 767px) { #bbv-generic-page-content-container { flex-flow: column; width: 100%; row-gap: 30px; } }

#bbv-generic-page-main-col { width: 70%; flex-direction: column; gap: 30px; }
@media (max-width: 1200px) { #bbv-generic-page-main-col { width: 65%; } }
@media (max-width: 991px) { #bbv-generic-page-main-col { gap: 30px; flex-direction: column; width: 65%; } }
@media (max-width: 767px) { #bbv-generic-page-main-col { column-gap: 30px; width: 100%; order: 2; } }
@media (max-width: 478px) { #bbv-generic-page-main-col { width: 100%; } }

#bbv-generic-page-title {
	font-family: "Gilda Display";
	color: var(--bricks-color-xgaskf);
	font-weight: 400;
	line-height: 1.1;
	margin: 0 0 10px;
	font-size: clamp(36px, 25px + 2vw, 50px);
}

#bbv-generic-page-rich-text-wrap { width: 100%; }

#bbv-generic-page-content { color: var(--bricks-color-nsigro); font-size: 16px; font-family: Poppins; font-weight: 300; line-height: 1.4; letter-spacing: 0.35px; }
#bbv-generic-page-content img { display: block; width: 100%; height: auto; max-height: 720px; object-fit: contain; }

#bbv-generic-page-content h2, #bbv-generic-page-content h3, #bbv-generic-page-content h4 { color: rgb(25, 25, 25); font-family: "Gilda Display", serif; font-weight: 400; }

#bbv-generic-page-content p, #bbv-generic-page-content .wp-block-list li { font-family: inherit; line-height: 1.6; font-size: 15px; }
@media (max-width: 767px) { #bbv-generic-page-content p, #bbv-generic-page-content .wp-block-list li { font-size: 14px; } }
@media (max-width: 478px) { #bbv-generic-page-content p, #bbv-generic-page-content .wp-block-list li { font-size: clamp(13px, 10.9747px + 0.632911vw, 14px); } }

#bbv-generic-page-content h2 { font-size: clamp(30px, 11.9499px + 1.25261vw, 36px); padding-bottom: 30px; line-height: 1; margin-top: 30px; }
@media (max-width: 1200px) { #bbv-generic-page-content h2 { font-size: clamp(28px, 17.9498px + 0.83682vw, 30px); } }
@media (max-width: 991px) { #bbv-generic-page-content h2 { font-size: clamp(24px, 4.92308px + 1.92308vw, 28px); } }
@media (max-width: 767px) { #bbv-generic-page-content h2 { font-size: 24px; } }
@media (max-width: 478px) { #bbv-generic-page-content h2 { font-size: 21px; } }

#bbv-generic-page-content h3 { font-size: clamp(21px, 11.9749px + 0.626305vw, 24px); padding-bottom: 30px; line-height: 1; }
@media (max-width: 1200px) { #bbv-generic-page-content h3 { font-size: clamp(18px, 15.7143px + 0.297619vw, 20px); } }
@media (max-width: 991px) { #bbv-generic-page-content h3 { font-size: clamp(16px, 12.6736px + 0.694444vw, 18px); } }
@media (max-width: 767px) { #bbv-generic-page-content h3 { font-size: 16px; } }

#bbv-generic-page-content h5, #bbv-generic-page-content h6 { padding-bottom: 30px; }

#bbv-generic-page-content figure.wp-block-image { padding-top: 30px; padding-bottom: 40px; }

#bbv-generic-page-content .wp-block-separator { border-top: 1px solid rgb(94, 94, 94); margin-top: 30px; padding-bottom: 10px; }

#bbv-generic-page-content .wp-block-quote { font-family: "Gilda Display", serif; font-weight: 400; font-size: clamp(32px, 3vw, 50px); position: relative; margin-top: 50px; margin-bottom: 50px; padding-left: 50px; }
#bbv-generic-page-content .wp-block-quote::before { content: "\201C"; position: absolute; left: 0px; top: -10px; font-size: 80px; line-height: 1; color: rgb(25, 25, 25); font-family: "Gilda Display", serif; }
#bbv-generic-page-content .wp-block-quote p { font-family: "Gilda Display", serif; font-weight: 400; line-height: 1; color: rgb(25, 25, 25); font-size: clamp(30px, 11.9499px + 1.25261vw, 36px); }
@media (max-width: 1200px) { #bbv-generic-page-content .wp-block-quote p { font-size: clamp(28px, 17.9498px + 0.83682vw, 30px); } }
@media (max-width: 991px) { #bbv-generic-page-content .wp-block-quote p { font-size: clamp(24px, 4.92308px + 1.92308vw, 28px); } }
@media (max-width: 767px) { #bbv-generic-page-content .wp-block-quote p { font-size: 24px; } }
@media (max-width: 478px) { #bbv-generic-page-content .wp-block-quote p { font-size: 21px; } }
#bbv-generic-page-content .wp-block-quote cite { font-family: Poppins, sans-serif; font-size: 12px; font-weight: 300; font-style: normal; text-transform: uppercase; opacity: 0.5; }

#bbv-generic-page-content ul, #bbv-generic-page-content ol { margin: 0 0 20px; padding-left: 22px; }
#bbv-generic-page-content a { color: var(--bricks-color-xgaskf); text-decoration: underline; }
#bbv-generic-page-content a:hover { color: var(--bricks-color-nsigro); }

#bbv-generic-page-sidebar { width: 30%; row-gap: 20px; display: flex; flex-direction: column; position: sticky; top: 20px; align-self: flex-start !important; }
@media (max-width: 1200px) { #bbv-generic-page-sidebar { width: 35%; } }
@media (max-width: 991px) { #bbv-generic-page-sidebar { width: 35%; } }
@media (max-width: 767px) { #bbv-generic-page-sidebar { display: flex; order: 1; position: static; width: 100%; } }

#bbv-generic-page-links-card { row-gap: 20px; display: flex; flex-direction: column; width: 100%; padding: 20px; background-color: var(--bricks-color-cwosey); }

#bbv-generic-page-links-title .separator { border-top-color: var(--bricks-color-nsigro); }

#bbv-generic-page-links-list { display: flex; flex-direction: column; gap: 12px; }

.bbv-generic-page-link {
	font-family: Poppins, sans-serif;
	font-size: 14px;
	font-weight: 400;
	color: var(--bricks-color-xgaskf);
	text-decoration: none;
}

.bbv-generic-page-link:hover {
	color: var(--bricks-color-nsigro);
	text-decoration: underline;
}