/*
Theme Name: Shared Science
Template: generatepress
Theme URI: https://sharedscience.co.nz
Author: Weave Digital Studio
Author URI: https://weave.co.nz/
Description: Shared Science Landing Page
Version: 1.5
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: gpc
*/

/*
CONTENTS:
1. GLOBALS
	1.1 Theme Variables
	1.2 Fonts
	1.3 Local Icons
	1.4 Layout
	1.5 Heading
	1.6 Text
	1.7 List
	1.8 Blockquote
	1.9 Image
	1.10 Link & Button
	1.11 Misc
2. HEADER
	2.1 Desktop Menu
3. COMPONENTS
	3.1 PP Info Box
	3.2 BB List
	3.3 Post Grid (Global)
	3.4 Post Grid: Blog
	3.5 Newsletter Subscribe
	3.6 Team Member/Author Box
	3.7 Gravity Forms
4. HOME
5. BLOG
6. MISC
7. STYLES TEMPLATE
*/


/*/////////////////////////////////////////////////////
1. GLOBAL
/////////////////////////////////////////////////////*/

/* --------------------------
THEME VARIABLES
-------------------------- */

:root {

	/* COLORS VARIABLES */

	/*
	--error: #ff4e7a;
	*/

	/* MISC VARIABLES */

	--transition-1: all .3s ease-out;

}

/* --------------------------
FONTS
-------------------------- */

/*
.woff2 		=> 	Super Modern Browsers
.woff 		=> 	Modern Browsers
.ttf 		=> 	Safari, Android, iOS
.eot 		=> 	IE9 Compat Modes
.eot?#iefix 	=> 	IE6-IE8
*/


/* --------------------------
LOCAL ICONS
-------------------------- */

[class^="ss-icon-"], 
[class*=" ss-icon-"] {
	display: inline-block;
}

/* --------------------------
LAYOUT
-------------------------- */

/* --- RESPONSIVE --- */

@media (min-width: 769px) {
	.ss-mobile {
		display: none;
	}
}
@media (max-width: 768px) {
	.ss-desktop {
		display: none;
	}
}

/* --------------------------
HEADING
-------------------------- */

h1, h2, h3, h4, h5, h6, 
blockquote, blockquote p {
	text-wrap: balance;
} 
p+:is(h1,h2,h3,h4,h5,h6), 
ul+:is(h1,h2,h3,h4,h5,h6), 
ol+:is(h1,h2,h3,h4,h5,h6) {
	margin-top: 1em;
}

/* BLOCK HN */

h2.wp-block-heading {
	font-size: 36px;
	/* font-weight: 700;
	color: var(--badlands-orange); */
}
.ss-pre-heading p {
	margin-bottom: 0;
	font-size: 16px; 
	font-weight: 700; 
	letter-spacing: .12em;
	text-transform: uppercase;
}

/* FAKE HN */

.ss-fake-h2 :is(h1,h3,h4,h5,h6), 
.ss-fake-h2:is(h1,h3,h4,h5,h6) {
	font-size: 55px;
	line-height: 1.1;
}
.ss-fake-h3 :is(h1,h2,h4,h5,h6), 
.ss-fake-h3:is(h1,h2,h4,h5,h6) {
	font-size: 42px;
	font-weight: 700;
	line-height: 1.1;
}

/* GRAPHIC UNDERLINE */

[class *="ss-underline"] {
	display: inline-block;
	position: relative;
	z-index: 0;
}
[class *="ss-underline"]::after {
	position: absolute;
	right: -2%;
	left: -2%;
	z-index: -1;
	transform: scaleX(0);
}
.ss-underline-thick::after {
	content: "";
	bottom: -.07em;
	height: 25%;
	background-color: white;
	animation: .5s ease-out .8s forwards underline_anim;
}
.ss-underline-rough::after {
	content: url("/wp-content/uploads/2024/10/writing-rough-underline.svg");
	bottom: -.7em;
	animation: .5s ease-out 1.1s forwards underline_anim;
}

@keyframes underline_anim {
	from { transform: scaleX(0); }
	to { transform: scaleX(1); }
}

/* --- RESPONSIVE --- */

@media (max-width: 1024px) {
	h2.wp-block-heading {
		font-size: 32px;
	}
	.ss-fake-h2 :is(h1) {
		font-size: 41px;
	}
	.ss-fake-h3 :is(h2) {
		font-size: 33px;
	}
	.ss-pre-heading p {
		font-size: 14px; 
	}
}
@media (max-width: 768px) {
	h2.wp-block-heading {
		font-size: 26px;
	}
	.ss-fake-h2 :is(h1) {
		font-size: 28px;
	}
	.ss-fake-h3 :is(h2) {
		font-size: 24px;
	}
	.ss-pre-heading p {
		font-size: 12px; 
	}
}

/* --------------------------
TEXT
-------------------------- */

p {
	text-wrap: pretty;
}
/* strong, 
.fl-builder-content .fl-rich-text strong {
	font-weight: 500;
} 
em {
	font-family: "Albula Pro Oblique";
} */

.ss-text-intro, 
.ss-text-intro p {
	font-size: 24px;
	font-weight: 300;
}
.ss-text-emphasis, 
.ss-text-emphasis p {
	font-size: 22px;
	font-weight: 500;
	line-height: 1.4;
}
.ss-no-margin-b p, 
p.ss-no-margin-b {
	margin-bottom: 0;
}

/* --- RESPONSIVE --- */

@media (max-width: 1024px) {
	.ss-text-intro, 
	.ss-text-intro p {
		font-size: 21px;
	}
	.ss-text-emphasis, 
	.ss-text-emphasis p {
		font-size: 18px;
	}
}
@media (max-width: 768px) {
	.ss-text-intro, 
	.ss-text-intro p {
		font-size: 17px;
	}
	.ss-text-emphasis, 
	.ss-text-emphasis p {
		font-size: 16px;
	}
}

/* --------------------------
LIST
-------------------------- */

ul /*, 
ul:not(.fl-loop-grid) */ {
	margin: 0 0 1.5em 2em;
}
#content .fl-builder-content :not(.fl-module-overlay, .wpgb-facet, .fl-loop-grid) li {
	margin-bottom: .75em;
}
/* .ss-list-no-margin-l,  */
.ss-list-no-margin-l ul, 
ul.ss-list-no-margin-l {
	margin-left: 1.2rem;
}

/* --------------------------
BLOCKQUOTE
-------------------------- */

blockquote, 
html body :where(.editor-styles-wrapper) .wp-block-quote:not(.is-large):not(.is-style-large) {
	margin: 2.5em 0;
	padding: 0 40px;
	border-left: 10px solid var(--siniy-blue);
}
blockquote, 
blockquote p {
	font-family: var(--gp-font--piazzolla);
	font-style: normal;
	font-weight: 300;
	font-size: 35px;
	line-height: 1.2;
	color: var(--siniy-blue);
}
blockquote p {
	margin-bottom: 0;
}
blockquote cite {
	display: inline-block;
	margin-top: 1.5em;
	font-family: var(--gp-font--spline-sans);
	font-size: 60%;
	font-style: normal;
}

/* --- RESPONSIVE --- */

@media (max-width: 1024px) {
	blockquote, 
	html body :where(.editor-styles-wrapper) .wp-block-quote:not(.is-large):not(.is-style-large) {
		margin: 2em 0;
		padding: 0 30px;
		border-width: 7px;
	}
	blockquote, 
	blockquote p {
		font-size: 28px;
	}
}
@media (max-width: 768px) {
	blockquote, 
	html body :where(.editor-styles-wrapper) .wp-block-quote:not(.is-large):not(.is-style-large) {
		margin: 1.5em 0;
		padding: 0 20px;
		border-width: 5px;
	}
	blockquote, 
	blockquote p {
		font-size: 20px;
	}
}

/* --------------------------
IMAGE
-------------------------- */

figure {
	margin: 3em 0;
}
.wp-block-image figcaption {
	text-align: left;
}
.wp-block-image :where(figcaption) {
	margin: 1em 0 0;
}

/* --------------------------
LINK & BUTTON
-------------------------- */

a:not([href]):hover {
	cursor: default;	
}
#content a, 
#content a *,
.fl-builder-content a, 
.fl-builder-content a *, 
#content .fl-button, 
#content .fl-button *, 
button.button, 
a.button, 
.button a {
	transition: all 0.15s ease-out;
}
button.button, 
a.button, 
.button a,
[data-node] .pp-gf-content .gform_wrapper .gform-button, 
[data-node] .pp-gf-content .gform_wrapper .gform_footer .gform_button, 
[data-node] .pp-gf-content .gform_wrapper .gform_page_footer .button {
	padding: 15px 25px;
	background-color: var(--sienna);
	font-size: 16px;
	font-weight: 600;
	line-height: 1.2;
	text-transform: uppercase;
}
button.button:hover, 
a.button:hover, 
.button a:hover,
[data-node] .pp-gf-content .gform_wrapper .gform-button:hover, 
[data-node] .pp-gf-content .gform_wrapper .gform_footer .gform_button:hover, 
[data-node] .pp-gf-content .gform_wrapper .gform_page_footer .button:hover {
	background-color: white;
}
.fl-builder-content .fl-button i {
	font-size: 1.1em;
}
.fl-builder-content [data-node] .fl-button i.fl-button-icon-after {
	margin-left: 8px;
}
.fl-builder-content [data-node] .fl-button i.fl-button-icon-before {
	margin-right: 8px;
}

*:focus {
	outline: none;
}
*:focus-visible {
	outline: 1px dotted rgba(0,0,0,.6);
}
.ss-no-link {
	pointer-events: none;
}

/* --- RESPONSIVE --- */

@media (max-width: 1024px) {
	button.button, 
	a.button, 
	[data-node] .pp-gf-content .gform_wrapper .gform-button, 
	[data-node] .pp-gf-content .gform_wrapper .gform_footer .gform_button, 
	[data-node] .pp-gf-content .gform_wrapper .gform_page_footer .button {
		padding: 13px 22px;
		font-size: 15px;
	}
}
@media (max-width: 768px) {
	button.button, 
	a.button, 
	[data-node] .pp-gf-content .gform_wrapper .gform-button, 
	[data-node] .pp-gf-content .gform_wrapper .gform_footer .gform_button, 
	[data-node] .pp-gf-content .gform_wrapper .gform_page_footer .button {
		padding: 11px 18px;
		font-size: 12px;
	}
}

/* --------------------------
MISC
-------------------------- */

hr {
	margin: 2em 0;
	border: none;
	border-top: 1px solid #e7e7e7;
	overflow: visible;
}
hr.wp-block-separator {
	position: relative;
	margin: 4em 0;
	border-top: 2px solid var(--puff-of-pink);
}
hr.wp-block-separator::before {
	position: absolute;
	left: 50%;
	transform: translate(-50%, -50%);
	padding: .2em;
	background-color: var(--not-beige);
	content: "\e905";
	font-family: "Shared-Science-Icons";
	font-size: 2em;
	line-height: 1;
	color: var(--puff-of-pink);
}
code, kbd, tt, var {
	background-color: #e5e5e5;
	padding: .2rem .5rem;
}

/* SIDE DECORATION */

.ss-side-decoration .fl-row-content-wrap {
	overflow-x: hidden;
}
.ss-side-decoration .fl-row-content-wrap::before {
	position: absolute;
}
.ss-side-decoration.ss-circle .fl-row-content-wrap::before {
	content: url("/wp-content/uploads/2024/10/graphic-element-lines-in-circle-green.svg");
	right: 0;
	bottom: 0;
	transform: translateX(100%);
	transform-origin: bottom center;
}
.ss-side-decoration.ss-circle.show .fl-row-content-wrap::before {
	animation: 1s ease-out forwards show_r_to_l;
}
.ss-side-decoration.ss-circle.hide .fl-row-content-wrap::before {
	animation: 1s ease-out forwards hide_l_to_r;
}
.ss-side-decoration.ss-grid .fl-row-content-wrap::before {
	content: url("/wp-content/uploads/2024/10/graphic-element-grid-gray.svg");
	left: 0;
	top: 0;
	transform: translateX(-100%);
	transform-origin: top center;
}
.ss-side-decoration.ss-grid.show .fl-row-content-wrap::before {
	animation: 1s ease-out forwards show_l_to_r;
}
.ss-side-decoration.ss-grid.hide .fl-row-content-wrap::before {
	animation: 1s ease-out forwards hide_r_to_l;
}

.ss-side-decoration {
	--scale: 1;
}

@keyframes show_r_to_l {
	from { transform: translateX(100%) scale(var(--scale)); }
	to { transform: translateX(50%) scale(var(--scale)); }
}
@keyframes hide_l_to_r {
	from { transform: translateX(50%) scale(var(--scale)); }
	to { transform: translateX(100%) scale(var(--scale)); }
}
@keyframes show_l_to_r {
	from { transform: translateX(-100%) scale(var(--scale)); }
	to { transform: translateX(-50%) scale(var(--scale)); }
}
@keyframes hide_r_to_l {
	from { transform: translateX(-50%) scale(var(--scale)); }
	to { transform: translateX(-100%) scale(var(--scale)); }
}

/* --- RESPONSIVE --- */

@media (max-width: 1024px) {
	.ss-side-decoration {
		--scale: .7;
	}
}
@media (max-width: 768px) {
	.ss-side-decoration {
		--scale: .5;
	}
}


/*/////////////////////////////////////////////////////
2. HEADER
/////////////////////////////////////////////////////*/

/* --------------------------
DESKTOP MENU
-------------------------- */

/* DEV */
/* .main-navigation ul ul {
	left: 0;
	height: auto;
	opacity: 1;
} */
/* END DEV */

/* GLOBAL */ 

header .menu {
	width: 100%;
}
header .fl-menu-logo {
	margin-right: auto;
	margin-left: auto;
	transform: translateX(-53px);
}
header [data-node] .menu > li.current-menu-item > a {
	color: inherit;
}
header [data-node] .menu > li.current-menu-item > a:hover {
	color: var(--siniy-blue);
}

/* --- RESPONSIVE --- */

@media (max-width: 1080px) {
	header [data-node] .menu a {
		padding-right: 15px;
		padding-left: 15px;
	}
}
@media (max-width: 1024px) {
	header.fl-builder-content[data-shrink="1"] img {
		width: 160px;
	}
}
@media (max-width: 850px) {
	header [data-node] .menu a {
		padding-right: 7px;
		padding-left: 7px;
	}
}


/*/////////////////////////////////////////////////////
3. COMPONENTS
/////////////////////////////////////////////////////*/

/*--------------------------
PP INFO BOX
--------------------------*/

/* --- RESPONSIVE --- */

@media only screen and (max-width: 480px) {
	[data-node] .pp-infobox-wrap .layout-3-wrapper, 
	[data-node] .pp-infobox-wrap .layout-4-wrapper {
		flex-direction: row;
	}	
}

/*--------------------------
BB LIST
--------------------------*/

.fl-module-list .fl-list-item-content .fl-list-item-content-icon {
	padding-top: .2em;
	vertical-align: top;
}

/* --- RESPONSIVE --- */

@media (max-width: 1024px) {
	[data-node] .fl-list-item-content-icon .fl-list-item-icon {
		font-size: 24px;
	}
}
@media (max-width: 768px) {
	[data-node] .fl-list-item-content-icon .fl-list-item-icon {
		font-size: 22px;
	}
}

/*--------------------------
POST GRID (GLOBAL)
--------------------------*/

.fl-loop-grid, 
.fl-loop-grid li {
	margin: 0 !important;
}

.ss-posts.ss-grid .ss-post {
	position: relative;
}

/* POST IMAGE */ 

.ss-post-img, 
.ss-posts.ss-grid .ss-post-img {
	position: relative;
}
.ss-posts.ss-grid a:hover .ss-post-img img {
	transition: var(--transition-1);
}
.ss-posts.ss-grid a:hover .ss-post-img img {
	opacity: .8;
}

/* POST TERMS */ 

.ss-post-terms, 
.ss-posts.ss-grid .ss-post-terms {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
}
.ss-post-terms > p > a, 
.ss-posts.ss-grid .ss-post-terms p {
	display: block;
	padding: .6em 1em;
	background-color: var(--siniy-blue);
	text-decoration: none;
}
.ss-post-terms > p > a:hover {
	background-color: var(--primary);
	/* color: var(--siniy-blue) !important; */
}

/* POST TITLE */

.ss-posts.ss-grid .ss-post-title p {
	margin: 0;;
}
.ss-posts.ss-grid .ss-post-title .ss-post-date {
	font-size: 17px;
	font-weight: 400;
}

/* POST LINK */ 

.ss-posts.ss-grid .ss-post-link .fl-icon-wrap, 
.ss-posts.ss-grid .ss-post-link .fl-icon-wrap .fl-icon-text {
	display: flex;
	align-items: center;
}
.ss-posts.ss-grid .ss-post-link .fl-icon-wrap {
	flex-direction: row-reverse;
	justify-content: flex-end;
	gap: .5em;
}
.ss-posts.ss-grid .ss-post-link .fl-icon-wrap .fl-icon-text {
	border-bottom: 1px solid var(--sienna);
}

.ss-posts.ss-grid a :is(.ss-post-title, .ss-post-link, .ss-post-link i:before) {
	color: var(--sienna);
}
.ss-posts.ss-grid a:hover :is(.ss-post-title, .ss-post-link *, .ss-post-link i:before), 
.ss-posts.ss-grid a:focus .ss-post-title :is(.ss-post-title, .ss-post-link *, .ss-post-link i:before) {
	color: var(--siniy-blue) !important;
}
.ss-posts.ss-grid a:hover .ss-post-link .fl-icon-wrap .fl-icon-text, 
.ss-posts.ss-grid a:focus .ss-post-link .fl-icon-wrap .fl-icon-text {
	border-color: var(--siniy-blue) !important;
}

/* --- RESPONSIVE --- */

@media (max-width: 1024px) {
}
@media (max-width: 768px) {
	.ss-posts.ss-grid {
		max-width: 320px;
	}
}

/*--------------------------
POST GRID: BLOG
--------------------------*/

.ss-posts.ss-grid.ss-blog.ss-featured .ss-post-img img {
	aspect-ratio: 1;
}

/* TAXONOMY MENU */ 

body.blog .ss-tax-menu .ss-all a, 
body.archive.category-case-study .ss-tax-menu .case-study a, 
body.archive.category-insights .ss-tax-menu .insights a, 
body.archive.category-resource .ss-tax-menu .resource a {
	background-color: var(--sienna);
	color: white !important;
	pointer-events: none;
}
body.blog .ss-tax-menu .ss-all a *, 
body.archive.category-case-study .ss-tax-menu .case-study a *, 
body.archive.category-insights .ss-tax-menu .insights a *, 
body.archive.category-resource .ss-tax-menu .resource a * {
	color: white !important;
}
body.blog .ss-tax-menu .ss-all a:hover, 
body.archive.category-case-study .ss-tax-menu .case-study a:hover, 
body.archive.category-insights .ss-tax-menu .insights a:hover, 
body.archive.category-resource .ss-tax-menu .resource a:hover, 

body.blog .ss-tax-menu .ss-all a:focus, 
body.archive.category-case-study .ss-tax-menu .case-study a:focus, 
body.archive.category-insights .ss-tax-menu .insights a:focus, 
body.archive.category-resource .ss-tax-menu .resource a:focus {
	background-color: transparent;
	color: var(--sienna) !important;
}
body.blog .ss-tax-menu .ss-all a:hover *, 
body.archive.category-case-study .ss-tax-menu .case-study a:hover *, 
body.archive.category-insights .ss-tax-menu .insights a:hover *, 
body.archive.category-resource .ss-tax-menu .resource a:hover *, 

body.blog .ss-tax-menu .ss-all a:focus *, 
body.archive.category-case-study .ss-tax-menu .case-study a:focus *, 
body.archive.category-insights .ss-tax-menu .insights a:focus *, 
body.archive.category-resource .ss-tax-menu .resource a:focus * {
	color: var(--sienna) !important;
}

/* --- RESPONSIVE --- */

/* @media (min-width: 769px) {
	body:is(.blog, .archive) .ss-posts.ss-grid.ss-blog.ss-featured {
		padding-right: 20px;
		border-right: 1px solid var(--sienna);
	}
} */
@media (max-width: 768px) {
	.ss-posts.ss-grid.ss-blog.ss-featured {
		max-width: 380px;
	}
}
/*--------------------------
NEWSLETTER SUBSCRIBE
--------------------------*/

/* --- RESPONSIVE --- */

@media (min-width: 641px) {
	.ss-newsletter-subscribe-form .gform_wrapper.gravity-theme .gfield.gfield--width-third {
		grid-column: span 5;
	}
	.ss-newsletter-subscribe-form .gform_wrapper.gravity-theme #field_submit, .gform_wrapper.gravity-theme .gform_footer {
		grid-column: span 2;
	}
}
@media (max-width: 640px) {
	.ss-newsletter-subscribe-form .gform_wrapper.gravity-theme .gform_fields, 
	.ss-newsletter-subscribe-form .gform_wrapper.gravity-theme .ginput_complex {
		grid-row-gap: 10px;
	}
}

/*--------------------------
TEAM MEMBER/AUTHOR BOX
--------------------------*/

.ss-team-member {
	transition: var(--transition-1);
}
.ss-team-member:not(.ss-author):hover {
	background-color: var(--hyperpop-green);
}
.ss-team-member .ss-social, 
.ss-team-member .ss-button {
	min-width: fit-content;
}
.ss-team-member .ss-quote {
	position: relative;
}
.ss-team-member .ss-quote::before {
	content: '“';
	position: absolute;
	top: -.15em;
	left: -.55em;
	font-family: var(--gp-font--piazzolla);
	font-size: 120px;
	font-weight: 300;
	line-height: 1;
	color: var(--siniy-blue);
}
.ss-team-member.ss-author .ss-quote::before {
	top: 0;
	font-size: 60px;
	color: white;
}

/* --- RESPONSIVE --- */

@media (max-width: 768px) {
	.ss-team-wrapper {
		max-width: 440px;
		margin-right: auto;
		margin-left: auto;
	}
	.ss-team-member .ss-quote::before {
		font-size: 100px;
	}
	.ss-team-member.ss-author  .ss-quote::before {
		font-size: 50px;
	}
}
@media (max-width: 768px) {
	.ss-team-member .ss-quote::before {
		top: -.15em;
		left: -.55em;
		font-size: 70px;
	}
	.ss-team-member.ss-author .ss-quote::before {
		font-size: 35px;
	}
}

/*--------------------------
GRAVITY FORMS
--------------------------*/

html .gform_wrapper.gravity-theme .gfield_label, 
html .gform_wrapper.gravity-theme .gform_footer input {
	margin-bottom: 0;
}
html .fl-builder-content [data-node] .pp-gf-content .gform_wrapper .gfield .gfield_label, 
html [data-node] .pp-gf-content .gform_wrapper .ginput_container label {
	color: rgba(255,255,255,.5) !important;
}
html .gform_wrapper.gravity-theme .ginput_complex label {
	font-size: 80%;
}
html .gform_wrapper.gravity-theme #field_submit .gform-button--width-full {
	white-space: nowrap;
	height: 100%;
}

/* VALIDATION */

html .gform_wrapper.gravity-theme .gform_validation_errors {
	background: none;
}
html .gform_wrapper.gravity-theme .gform_validation_errors > h2 {
	font-family: var(--gp-font--spline-sans);
	font-size: 15px;
}

html .gform_wrapper.gravity-theme .gfield_validation_message, 
html .gform_wrapper.gravity-theme .validation_message, 
html .pp-gf-content .gform_wrapper .gfield .gfield_description.validation_message {
	background: none;
	padding: 8px 20px;
	border-radius: 5px;
}

/* --- RESPONSIVE --- */

@media (max-width: 768px) {
	html [data-node] .pp-gf-content .gform_wrapper .gform_footer {
		justify-content: center;
	}
}


/*/////////////////////////////////////////////////////
4. HOME
/////////////////////////////////////////////////////*/


/*/////////////////////////////////////////////////////
5. BLOG
/////////////////////////////////////////////////////*/


/*/////////////////////////////////////////////////////
6. MISC
/////////////////////////////////////////////////////*/

.fl-builder-block-thumbnail {
	display: none;
}

/* --- responsive embed --- */
.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; }
.embed-container iframe, .embed-container object, .embed-container embed, .embed-container video { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }


/*/////////////////////////////////////////////////////
7. STYLES TEMPLATE
/////////////////////////////////////////////////////*/

[class*="av-demo-font-"] {
	font-size: 24px;
}
[class*="av-demo-font-"] h2, 
[class*="av-demo-font-"] h3 {
	margin-bottom: .75em; 
}
.av-demo-font-1, 
.av-demo-font-1 h2, 
.av-demo-font-1 h3 {
	font-family: var(--gp-font--piazzolla);
}
.av-demo-font-2, 
.av-demo-font-2 h2, 
.av-demo-font-2 h3 {
	font-family: var(--gp-font--spline-sans);
}