/*
Theme Name: Wijken Gezonder
Theme URI:  https://voorbeeld.nl
Author:     Jouw Naam
Author URI: https://voorbeeld.nl
Description: Een onepager thema voor Wijken Gezonder
Version:    1.0
License:    GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: wijken-gezonder
*/

body {
  font-family: 'Open Sans', sans-serif;
  scroll-behavior: smooth;
}

h1, h2, h3, h4, h5, h6 {
  font-family: 'Momo Trust Display', serif;
}

.color-primary { background-color: #a1c466; color: #fff; }
.color-secondary { background-color: #eca44f; color: #fff; }
.color-tertiary { background-color: #7dc0c6; color: #fff; }
.section { padding: 60px 0; }
.navbar-nav a {
  color: #333;
  font-weight: 600;
}
.lead { font-weight: 400; }
p { font-size: 16px; }
a { color: rgb(125 192 198)!important; text-decoration: underline; }
.navbar-nav a:hover { color: #a1c466; }
.btn-primary { background-color: #a1c466; border: none; }
.btn-primary:hover { background-color: #8fb056; }
.carousel-item img { max-height: 100px; object-fit: contain; margin: auto; }
i { color: inherit; } /* icoon kleur volgt sectie kleur */
i.fas, i.far, i.fab {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  background-color: #eca44f;
  color: #fff;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  font-size: 24px;
  margin-right: 15px!important;
  text-align: center;
}
a.navbar-brand.fw-bold { text-align: center; width: 100%; }
h1.mb-3 { font-size: 35px !important; }
nav.navbar { padding-top: 0px; }
h2 { font-size: 29px!important; }

@media (max-width: 767.98px) {
  h1.mb-3 { font-size: 20px !important; }
  h2 { font-size: 20px!important; }
  i.fas, i.far, i.fab {
    width: 30px;
    height: 30px;
    font-size: 13px;
  }
}