/*

Theme Name: Pro – Child Theme
Theme URI: https://theme.co/pro/
Author: Themeco
Author URI: https://theme.co/
Description: Make all of your modifications to Pro in this child theme.
Version: 1.0.0
Template: pro

*/

:root {
    --font: "halyard display", sans-serif;
    --groen: #40513b;
    --zand: #e0dbd1;
    --wit : #ffffff;
    --zwart: #000000;
}

html {
  scroll-behavior: smooth;
}

.headline {
    font-family: var(--font);
    font-weight: 200 !important; 
}

.breakdance {
    word-break: break-all !important;
}

#gform_1 {
    font-family: var(--font);
}

input[type="text"], input[type="email"], input[type="tel"], textarea {
    background-color: transparent;
    border: none;
    border-radius: 0;
    box-shadow: none;

    border-bottom: 1px solid var(--zwart);
    color: var(--zwart);
    letter-spacing: 0.05em;
    font-size: 1.25em !important;
}

input[type="text"]::placeholder, input[type="email"]::placeholder, input[type="tel"]::placeholder, textarea::placeholder {
    color: var(--zwart);
}

input[type="submit"] {
    border: none;
    border-radius: 0;
    box-shadow: none;
    text-shadow: none;

    background-color: var(--zwart);
    color: var(--wit);
    padding: 0.5em 1.5em;
    letter-spacing: 0.05em;
    font-size: 1.25em;
}

input[type="submit"]:hover {
    border: none;
    box-shadow: none;
    text-shadow: none;

    background-color: var(--wit);
    color: var(--zwart);
}

#gform_2 input[type="text"], #gform_2 input[type="email"], #gform_2 input[type="tel"], textarea {
    background-color: transparent;
    border: none;
    border-radius: 0;
    box-shadow: none;

    border-bottom: 1px solid var(--wit);
    color: var(--wit);
    letter-spacing: 0.05em;
    font-size: 1.25em !important;
}

#gform_2 input[type="text"]::placeholder, #gform_2 input[type="email"]::placeholder, #gform_2 input[type="tel"]::placeholder, #gform_2 textarea::placeholder {
    color: var(--wit);
}

#gform_2 input[type="submit"] {
    border: none;
    border-radius: 0;
    box-shadow: none;
    text-shadow: none;

    background-color: var(--wit);
    color: var(--zwart);
    padding: 0.5em 1.5em;
    letter-spacing: 0.05em;
    font-size: 1.25em;
}

#gform_2 input[type="submit"]:hover {
    border: none;
    box-shadow: none;
    text-shadow: none;

    background-color: var(--zwart);
    color: var(--wit);
}