/*
Theme Name: GeneratePress Child
Theme URI: https://example.com/generatepress-child
Description: Child theme for GeneratePress.
Author: Your Name
Author URI: https://example.com
Template: generatepress
Version: 1.0.0
Text Domain: generatepress-child
*/


/* START Global */
html {
  scroll-behavior: smooth;
}

.single-post {
	background: #fff;
}

h1, h2, h3, h4, h5, h6, .gbp-type--display{
	text-wrap: balance;
}

.h3 {
	font-family: var(--gp-font--season-mix);
    font-size: clamp(1.75rem, calc(1.679rem + 0.357vw), 2rem);
    line-height: 120%;
}

.h4 {
	font-family: var(--gp-font--season-mix);
    font-size: clamp(1.375rem, calc(1.339rem + 0.179vw), 1.5rem);
    line-height: 120%;
}

.wp-block-separator {
	border: 0;
}
/* END Global */

/* START Gravity Forms */
.gform_wrapper {
	width: 100%;
}

.gform-theme--foundation .gform_fields {
	--gf-form-gap-y: 20px;
}
/* END Gravity Forms */

/* START Arrow Link */
	.gbp-button--arrow-link a::after,
	p.gbp-button--arrow-link::after,
	a.gbp-button--arrow-link::after {
		content: '';
		background-image: none;
		background-color: currentColor;

		-webkit-mask-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="13" height="13" viewBox="0 0 13 13" fill="none"><path d="M4.50828 9.0124L7.51656 6.0207L4.52486 3.01242" stroke="black" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg>');
		mask-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="13" height="13" viewBox="0 0 13 13" fill="none"><path d="M4.50828 9.0124L7.51656 6.0207L4.52486 3.01242" stroke="black" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg>');

		-webkit-mask-repeat: no-repeat;
		mask-repeat: no-repeat;
		-webkit-mask-position: center;
		mask-position: center;
		-webkit-mask-size: contain;
		mask-size: contain;

		width: 15px;
		height: 14px;
		display: inline-block;
		vertical-align: middle;
	}

	.gbp-button--arrow-link a:hover::after,
	p.gbp-button--arrow-link:hover::after,
	a.gbp-button--arrow-link:hover::after {
    	background-color: var(--site-amber);
	}

/*arrow if bg is black*/
.gbp-section--dark a.arrow-link {
    color: var(--site-white);
}

.gbp-section--dark a.arrow-link::after {
    background-color: var(--site-white);
}

.gbp-section--dark a.arrow-link:hover {
    color: var(--site-white);
    font-weight: 700;
}

.gbp-section--dark a.arrow-link:hover::after {
    background-color: var(--site-amber);
}


/*List styles*/
.gbp-section ul.wp-block-list.gbp-section__tags {
    list-style: none;
    display: flex;
    flex-direction: row;
    gap: 10px;
    margin-left: 0px;
    flex-wrap: wrap;
}

.gbp-section .gbp-section__tags > li {
    display: flex;
	padding: 6px 10px;
	justify-content: center;
	align-items: center;
	border-radius: 8px;
	border: 1px solid #D8D4CD;
	color: #555;
	font-family: 'Season Mix';
	font-size: 16px;
	background: #fff;
}

.gbp-section .wp-block-list.gbp-section__tags li::before {
   content: unset;
}

.gbp-section:not(footer) .wp-block-list {
	list-style-type: none;
    display: flex;
	flex-direction: column;
    align-items: flex-start;
	gap: 10px;
	margin-left: 0;
}

.gbp-section:not(footer) .wp-block-list li {
	display: flex;
	align-items: flex-start;
	gap: 10px;
}

.gbp-section:not(footer) .wp-block-list li.flex-wrap {
	flex-wrap: wrap;
}

.gbp-section:not(footer) .wp-block-list li::before {
	background: var(--site-yellow);
	content: "";
	flex: 0 0 6px;
	height: 6px;
	border-radius: 2px;
	margin-top: 0.5em;
}

/*Primary button on dark*/
.gbp-section--dark a.gbp-button--primary {
    background-color: var(--site-white) !important;
    border: 0;
    color: var(--site-black);
}

.gbp-section--dark a.gbp-button--primary:hover {
    background-color: transparent !important;
    border: 1px solid var(--site-white);
    color: var(--site-white) !important;
}

/*Texts on dark*/
.gbp-section--dark .gb-text {
    color: var(--site-white);
}

/* Cards */

hr.gbp-card__hr {
	margin: 1rem 0;
}

/* FAQ Block */

.gbp-section__faq-item
.gbp-section__faq-toggle 
.gb-accordion__toggle-icon 
{
	background: #fff;
	border: 1px solid #1D1D1D;
	padding: 11px;
    border-radius: 8px;
}

.gbp-section__faq-item
.gbp-section__faq-toggle 
.gb-accordion__toggle-icon svg
{
	color: #111;
} 

.gbp-section__faq-item.gb-accordion__item-open 
.gbp-section__faq-toggle 
.gb-accordion__toggle-icon  {
	background: #C87820;
    padding: 11px;
    border-radius: 8px;
	border: 1px solid transparent;
}

.gbp-section__faq-item.gb-accordion__item-open 
.gbp-section__faq-toggle 
.gb-accordion__toggle-icon svg {
	color: #fff;
}

.gbp-section__faq-item.gb-accordion__item-open 
.gbp-section__faq-toggle 
.gb-accordion__toggle-icon 
.gb-accordion__toggle-icon-close {
	width: 1em;
    height: 1.2em;
    display: block;
} 

.gbp-section__faq-item
.gbp-section__faq-toggle 
.gb-accordion__toggle-icon 
.gb-accordion__toggle-icon-open {
	width: 1em;
    height: 1em;
    display: block;
} 


.gb-accordion__item-open .gbp-section__faq-answer p {
	color: rgba(60, 60, 67, 0.85);
	font-size: 18px;
}