/*
 Theme Name:   Therapeutisch Centrum Varsseveld
 Theme URI:    https://caddymarketing.nl/
 Description:  GeneratePress Child Theme
 Author:       Caddy Marketing
 Author URI:   https://caddymarketing.nl/
 Template:     generatepress
 Version:      1.0
*/

/* open-sans-300 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 300;
  src: url('https://www.therapievarsseveld.nl/wp-content/themes/therapievarsseveld/assets/fonts/open-sans-v40-latin-300.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* open-sans-300italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 300;
  src: url('https://www.therapievarsseveld.nl/wp-content/themes/therapievarsseveld/assets/fonts/open-sans-v40-latin-300italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* open-sans-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: url('https://www.therapievarsseveld.nl/wp-content/themes/therapievarsseveld/assets/fonts/open-sans-v40-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* open-sans-italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 400;
  src: url('https://www.therapievarsseveld.nl/wp-content/themes/therapievarsseveld/assets/fonts/open-sans-v40-latin-italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* open-sans-600 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 600;
  src: url('https://www.therapievarsseveld.nl/wp-content/themes/therapievarsseveld/assets/fonts/open-sans-v40-latin-600.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* open-sans-600italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 600;
  src: url('https://www.therapievarsseveld.nl/wp-content/themes/therapievarsseveld/assets/fonts/open-sans-v40-latin-600italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* open-sans-700 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  src: url('https://www.therapievarsseveld.nl/wp-content/themes/therapievarsseveld/assets/fonts/open-sans-v40-latin-700.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* open-sans-700italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 700;
  src: url('https://www.therapievarsseveld.nl/wp-content/themes/therapievarsseveld/assets/fonts/open-sans-v40-latin-700italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* open-sans-800 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 800;
  src: url('https://www.therapievarsseveld.nl/wp-content/themes/therapievarsseveld/assets/fonts/open-sans-v40-latin-800.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* open-sans-800italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 800;
  src: url('https://www.therapievarsseveld.nl/wp-content/themes/therapievarsseveld/assets/fonts/open-sans-v40-latin-800italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/** sticky CTA buttons **/
.cta_button,
.cta_button_whatsapp {
    position: fixed;
    box-shadow: 0px 3px 15px rgba(0,0,0,0.2); 
    bottom: 20px;
    z-index: 9;
}

.cta_button_whatsapp {
    right: 20px;
}

.cta_button {
    right: 100px;
}

.heading-home {
	text-shadow: 2px 2px 4px #000000;
}


@media (min-width: 768px) {
	.home-block-one:hover{
		transform: translateY(0) scale(1.04);
		transition: all 0.5s;
	}
	
	.sidebar-block:hover {
		transform: translateY(0) scale(1.04);
	transition: all 0.5s;
	}

	.home-block-two:hover {
		transform: translateY(0) scale(1.04);
		transition: all 0.5s;
		border-left: 10px solid #fff;
	}

	.home-block-three:hover {
		transform: translateY(0) scale(1.04);
		transition: all 0.5s;
		border-left: 10px solid #fff;
	}
}
	
.gb-container.clickable-container a:before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 999;
}

.gb-container.clickable-container .gb-inside-container {
    position: relative;
}

/** collapsible Yoast FAQ – Therapie Varsseveld stijl **/
.collapsible-faq {
  background-color: #ffffff;
  border: 1px solid #eaeaea;
  border-radius: 6px;
  overflow: hidden;
}

.collapsible-faq .schema-faq-question {
  cursor: pointer;
  position: relative;
  padding: 1em 3em 1em 1em;
  margin: 0;
  font-weight: 600;
  background-color: #f7f8f9;
  border-bottom: 1px solid #eaeaea;

  display: flex;
  align-items: center;
  justify-content: space-between;
  transition: background-color 0.2s ease;
}

.collapsible-faq .schema-faq-question:hover {
  background-color: #dfe6e3; 
}

.collapsible-faq .schema-faq-question::after {
  content: '\002B';
  font-size: 1.5em;
  color: #2B4E45;
  position: absolute;
  right: 1em;
  top: 50%;
  transform: translateY(-50%);
  transition: transform 0.2s ease;
}

.collapsible-faq .schema-faq-question.active::after {
  content: '\2212';
}

.collapsible-faq .schema-faq-question:last-of-type {
  border-bottom: none;
}

.collapsible-faq .schema-faq-answer {
  display: none;
  padding: 1.2em 1.5em;
  background-color: #ffffff;
  color: #333333; /* standaard tekstkleur */
  line-height: 1.6;
  border-left: 4px solid #2B4E45;
}

.collapsible-faq .schema-faq-question.active + .schema-faq-answer {
  display: block;
}
/** end collapsible Yoast FAQ **/