/*
Theme Name: De VvE Groep
Theme URI: https://devvegroep.nl
Description: custom wordpress theme for De VvE Groep
Grid Info: 12 columns, 1440 based > gutter 20px
Author: Atypisch - Marten Timan
Author URI: http://www.atypisch.nl
Version: 1.0
*/

/* basic elements */
/* ======================================== */
/* WEBSITE STYLING - DE VVE GROEP          */
/* ======================================== */

/* Typography */
html, body {
  font-family: 'Lato', sans-serif;
  font-size: 20px;
  line-height: 1.6;
  color: var(--text-dark);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

h1, h2, h3, h4, h5, h6 {
  font-family: 'Bricolage Grotesque 72pt', sans-serif;
  font-weight: normal;
  line-height: 1.1;
  color: var(--text-dark);
  margin: 0.3em 0 1rem 0;
}

h1 {  font-size: 3.5rem; margin-bottom: 1.5rem; }
h2 {  font-size: 2rem; }
h2.mobile-section-title { margin: 0 auto 1rem auto; max-width: 550px;}
h3 {  font-size: 1.5rem; }
h4 {  font-family: 'Lato', sans-serif; font-size: 1.2rem; font-weight: bold;}

p {
  font-family: 'Lato', sans-serif;
  font-size: 1rem;
  line-height: 1.6;
  color: var(--text-dark);
  margin-bottom: 1rem;
}

.font_large p { padding-top: 16px; font-size: 1.6rem; line-height: 1.6; }

p.font_small { font-size: 0.9rem; }
p.font_quote { font-size: 1.2rem; font-style: italic; line-height: 1.3; }
p.font_quote_small { font-size: 1rem; font-style: italic; line-height: 1.6; }
.font_opacity { opacity: 0.7;}

ul {
  padding: 0 0 20px 20px;
  font-weight: normal;
  color: inherit;
}

ul.list {
  list-style: none;
  padding: 0 0 0 0;
  margin: 0 0 1rem 0;
  line-height: 2;
}

ul.list li {
  padding: 0 0 0 40px;
  background-image: url(images/ic_checkmark.svg);
  background-repeat: no-repeat;
  background-size: 21px 21px;
  background-position: left 8px;
}

a:link, a:visited { text-decoration: none; }
a:hover, a:active { opacity: 0.5; }