@charset "UTF-8";
:root, [data-bs-theme="light"] {
  --green: #C6E7D4;
  --darkgreen: #448344;
  --primary: #C6E7D4;
  --secondary: #6d757e;
  --success: #448344;
  --info: #30638d;
  --warning: #ad6200;
  --danger: #a51f18;
  --light: #f9fafb;
  --dark: #353b41;
  --body-font-size: 1.2rem;
  --body-font-weight: 400;
  --body-line-height: 1.5;
  --body-color: #5d5d5d;
  --body-bg: #C6E7D4;
  --secondary-color: #22262abf;
  --secondary-bg: #eaedf0;
  --link-color: var(--darkgreen);
  --link-decoration: none;
  --link-hover-color: var(--darkgreen);
  --border-width: 1px;
  --border-style: solid;
  --border-color: #dfe3e7;
  --cassiopeia-color-primary: var(--green);
}

@font-face {
    font-family: 'Abril Fatface';
    src:    url('/media/goodforgood/fonts/abril-fatface.woff2') format('woff2'),
            url('/media/goodforgood/fonts/abril-fatface.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Glacial Indifference';
    src: url('/media/goodforgood/fonts/glacial-indifference.woff2') format('woff2'),
         url('/media/goodforgood/fonts/glacial-indifference.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

/** general */
html {max-width: 1200px; margin: 0px auto;}

/** Home */
.home {background: url('/images/logo-transparent.png') center top no-repeat; background-size: auto;}
.container-header, .container-footer {background-image: none !important; background-color: var(--green) !important;}

/** Fonts */
h1, h2, h3, h4, h5, h6, .convertforms {font-family: 'Abril Fatface', serif; color: var(--body-color);}
body, p, li, a, input, textarea {font-family: 'Glacial Indifference', sans-serif;}
h1 {padding: 3.5rem 0; font-size: 3.0rem;}
h2 {padding: 1rem 0; font-size: 2rem}

/** Beliefs */
p.beliefs {background-color: var(--green); border-radius: 10px; padding: 5px 7px; width: fit-content; margin: 20px auto;}

/** Nice to meet you */
.nice .fieldvalue[aria-label="Positie"] {font-size: 1rem;}

/** Convert Forms */
.convertforms h2 {font-family: 'Abril Fatface', serif !important; color: var(--body-color) !important;}
.cf-control-label {font-family: 'Glacial Indifference', sans-serif !important;}
.cf-control-input {font-family: 'Glacial Indifference', sans-serif !important;}

/** Footer */
.footer {color: var(--body-color);}
.footer .linkedin-icon {color: var(--body-color); text-decoration: none;}
.footer .linkedin-icon:hover {color: var(--darkgreen);}

@media screen and (max-width: 576px) 
    {
    h2 {padding: 1rem 0;}
    }