/*!
Theme Name: First Nature
Theme URI: http://vincentvaningen.nl
Author: Vincent
Author URI: http://vincentvaningen.nl
Description: Custom Wordpress theme for First Nature
Version: 2.0.3
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: cross_pro
*/

@font-face {
  font-family: "Ubuntu Condensed";
  src: url("/wp-content/themes/first-nature/css/fonts/UbuntuCondensed-Regular.woff2")
      format("woff2"),
    url("/wp-content/themes/first-nature/css/fonts/UbuntuCondensed-Regular.woff")
      format("woff");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Ubuntu";
  src: url("/wp-content/themes/first-nature/css/fonts/Ubuntu-Medium.woff2")
      format("woff2"),
    url("/wp-content/themes/first-nature/css/fonts/Ubuntu-Medium.woff")
      format("woff");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

/*==========================*/
/*          CSS vars        */

:root {
  /* Font */
  font-size: 18px;
  --heading-font: "Ubuntu Condensed", sans-serif;
  --normal-font: "Ubuntu", sans-serif;
  /* Colors */
  --white: #ffffff;
  --dark: #262626;
  --orange: #fe9e41;
  --green: #7b9e7e;
  --light-background: #fcf8ee;
  /* Font size */
  --normal-fontsize: 16px;
  --h1-fontsize: 50px;
  --h2-fontsize: 45px;
  --h3-fontsize: 40px;
}

body {
  font-family: var(--heading-font);
  font-size: var(--normal-fontsize);
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: 500;
  font-family: var(--heading-font);
}

h1 {
  font-size: var(--h1-fontsize);
}

h2 {
  font-size: var(--h2-fontsize);
}

h3 {
  font-size: var(--h3-fontsize);
}

/* Links */
a {
  color: var(--orange);
  text-decoration: underline;
}

a:visited {
  color: var(--orange);
}

a:hover,
a:focus,
a:active {
  color: var(--green);
}

a:focus-visible {
  outline: solid var(--orange);
}

/*  Normale section met padding */
.normal-section {
  position: relative;
  padding: 70px 0 40px;
}

.h-white {
  text-align: center;
  color: #fff;
  font-weight: 300;
  position: relative;
  font-size: 43px;
}

.h-black {
  text-align: center;
  color: black;
  font-weight: 300;
  position: relative;
  font-size: 43px;
  padding: 20px 0;
}

.center {
  text-align: center;
  margin-left: auto;
  margin-right: auto;
}

/*==========================*/
/*        Normal Page       */
/*==========================*/
.page-text {
  color: #333;
  font-family: var(--normal-font);
  width: 100%;
  margin: 0 auto;
  position: relative;
  font-size: 18px;
  padding: 40px 20px;
}

.wp-block-image img {
  border-radius: 15px;
  max-height: 400px;
  -o-object-fit: cover;
  object-fit: cover;
  width: 100%;
}

.section-space {
  margin: 50px 0px;
}

/* Buttons */
.orange-button,
.orange-button:visited {
  background-color: #ffffffdb;
  color: var(--orange);
  font-weight: 600;
  padding: 10px 26px;
  text-decoration: none;
  border-radius: 0px;
  font-size: 19px;
  transition: 0.3s ease-in-out;
}

.button-row {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}

.button-row .orange-button {
  padding: 16px 40px;
  text-decoration: none;
  border-radius: 0px;
  font-size: 22px;
  margin-top: 10px;
}

.orange-button:hover {
  background-color: var(--orange);
  color: #fff;
}

span.text-green {
  color: var(--green);
}

/* Collapse styling  */
button.accordion-button:not(.collapsed){
  color: #fff;
  box-shadow:none;
  background-color: var(--green);
}

div.accordion-item{
	background-color:transparent;
	border:none;
}

button.accordion-button:focus{
  z-index: 3;
  border-color: transparent;
}

button.accordion-button {
	font-size:23px;
    color: #222;
}

button.accordion-button::after{
	background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23212529'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e") !important;
}

.text-section div.accordion-body a{
  position: relative;
}

div.accordion-body{
	font-size: 21px;
}

div#accordionFirstNature .accordion-item{
	margin-bottom:18px;
}