/*
 Theme Name:     Divi Child
 Theme URI:      https://www.elegantthemes.com/gallery/divi/
 Description:    Divi Child Theme
 Author:         Elegant Themes
 Author URI:     https://www.elegantthemes.com
 Template:       Divi
 Version:        1.0.0
*/


/* =Theme customization starts here
------------------------------------------------------- */

/* =====================================
  Links
===================================== */
/* Divi assistant */
.skip-link.da-screen-reader-text {
  background-color: var(--gcid-secondary-color);
  color: var( --gcid-body-color);
  font-weight: bold;
}

/* ===================================
   Globale linkkleuren in Divi
   Gebaseerd op Divi's eigen vars

Website Kleuren
Moss Green	#3F5E4E	rgba(63, 94, 78, 1)
Warm Sand	#EFE7DD	rgba(239, 231, 221, 1)
Champagne	#C6A77D	rgba(198, 167, 125, 1)
Soft Sage	#A9B7A9	rgba(169, 183, 169, 1)
Graphite	#2E2E2E	rgba(46, 46, 46, 1)


   divi global vars:
  --et_global_heading_font
  --et_global_body_font
  --et_global_heading_font_weight
  --et_global_body_font_weight
=================================== */

   :root {
    /* eigen variabelen aanmaken zodat je ze later makkelijk kunt hergebruiken */
    --link-color: var(--gcid-secondary-color);
    --link-hover-color: var(--gcid-heading-color);

    --kleur1: #3F5E4E;
    --kleur2: #EFE7DD;
    --kleur3: #C6A77D;
    --kleur4: #A9B7A9;
    --kleur5: #2E2E2E; /*tekst*/
    --wit: #ffffff;
    --zwart: #000000;
   
  }

  .wsf-form{
    /* Label tekst */
    --wsf-field-label-font-family: var(--et_global_body_font);
    --wsf-field-label-font-size: var( --gvid-g29t3iwoit );
    --wsf-field-label-color: var(--gcid-heading-color);
  }

/* =====================================
   Button WSforms 
  ===================================== */

body .wsf-form button.wsf-button.wsf-button-primary {
    width: auto;
    background-color: var(--kleur5);
    border-color: var(--kleur5);
    border-radius: 9px;
    border-width: 2px;
    border-style: solid;
    border-width: 0px;
    border-style: solid;
    transition-property: transform;
    transition-duration: 300ms;
    transition-timing-function: ease;
    transition-delay: 0ms;
    transition-property: all !important;
    color: var(--wit);
    font-size: var(--gvid-u9y9lmnzh6) !important;
    font-weight: 600;
    letter-spacing: 0px !important;
    font-family: 'Oswald';
    font-weight: 700;
    line-height: 1.7em !important;
    padding: .3em 1em !important;
  }

  /* body .wsf-form button.wsf-button.wsf-button-primary:hover:enabled:not(:checked):not(:focus) {
    background-color: var(--gcid-secondary-color);
    border-color: var(--gcid-secondary-color);
    color: var(--gcid-body-color);
    
    transform: scaleX(1.02) scaleY(1.02);
}  */