/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme-child/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 2.0.0
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/* Add your custom styles here */

/* shrinking header section */

.shrinker {
	background: transparent;
        height: 200px;
		width: 100%!important;
	transition: all .4s linear!important;
	-webkit-transition: all .4s linear!important;
	-moz-transition: all .4s linear!important;
}

.shrinker.elementor-sticky--effects {
	background: #200D45;
        height: 70px!important;
		width: 100%!important;
	padding-top: 2px!important;
	padding-bottom: 2px!important;
	transition: all .4s linear!important;
	-webkit-transition: all .4s linear!important;
	-moz-transition: all .4s linear!important;
}

/*Klink Kleuren*/
a {
  background-color: transparent;
  text-decoration: none;
  color: var(--e-global-color-accent);
  font-size: inherit;
  font-family: "all-round-gothic", Sans-serif;
  }
a:hover, a:active {
  color: var(--e-global-color-text);}

a:not([href]):not([tabindex]) {
  color: inherit;
  text-decoration: none;
}
a:not([href]):not([tabindex]):hover, a:not([href]):not([tabindex]):focus {
  color: inherit;
  text-decoration: none;
}
a:not([href]):not([tabindex]):focus {
  outline: 0;
}

/* Link opties
 */
.link-blue a{
  color: var(--e-global-color-text)!important;
  }
.link-blue a:hover, a:active{
  color: var(--e-global-color-accent)!important;
  }

.link-secondary a{
  color: var(--e-global-color-secondary)!important;
  }
.link-secondary a:hover, a:active{
  color: var(--e-global-color-primary)!important;
  }

.link-primary a{
  color: var(--e-global-color-primary) !important;
  }
.link-primary a:hover, a:active{
  color: var(--e-global-color-secondary) !important;
  }

.link-wit a {
  color: white !important;
}

.link-wit a:hover,
a:active {
  color: var(--e-global-color-primary) !important;
}