/* 
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
*/
:root {
	--main-color:rgba(38, 181, 145, 1);
	--main-color-semi:rgba(38, 181, 145, 0.25);
	--secondary-color:rgba(27, 44, 62, 1);
	--secondary-color-semi:rgba(27, 44, 62, 0.5);
	--tertiary-color:rgba(122, 110, 95, 1);
	--tertiary-color-semi:rgba(242, 237, 227, 1);
}

/* General Styles
================================ */
a[href^="tel"] {white-space: nowrap;} /* phone links */
/*::marker {letter-spacing:0; color:var(--e-global-color-primary)}*/
.elementor-widget-text-editor a {border-bottom-style:dotted;border-bottom-width:1px;border-bottom-color:inherit}
div.elementor-widget-image a {border-bottom:none}
a.elementor-button, a.elementor-icon {border-bottom:0}
a.elementor-button .elementor-button-icon {align-items: center;}
.elementor-widget-button {width:fit-content}
.elementor-widget-wrap .elementor-widget-table-of-contents {margin-bottom:4em}
.elementor-icon-wrapper, .elementor-social-icons-wrapper.elementor-grid {display:flex} /* fix alignment */
p:last-of-type {margin-bottom:0}
strong {font-weight:500}
.elementor-field-group .elementor-field-textual:focus {box-shadow:none}
.elementor-field-type-acceptance .elementor-field-option {font-size:0.8em; line-height:1.15}
.nowrap {white-space:nowrap}
.nohyphen * {hyphens: none}
.e-con.e-parent {padding-left:40px; padding-right:40px}
@media screen and (max-width:460px){
	.hide-on-mobile {display:none}
	.e-con.e-parent {padding-left:20px; padding-right:20px}
}

/* Better Animations
================================ */
@-webkit-keyframes fadeDown{from{opacity:0;transform:translate3d(0,-30px,0)}to{opacity:1;transform:none}}
@keyframes fadeDown{from{opacity:0;transform:translate3d(0,-30px,0)}to{opacity:1;transform:none}}.elementor-element.fadeInDown{-webkit-animation-name:fadeDown;-moz-animation-name:fadeDown;animation-name:fadeDown}
@-webkit-keyframes fadeLeft{from{opacity:0;transform:translate3d(-30px,0,0)}to{opacity:1;transform:none}}
@keyframes fadeLeft{from{opacity:0;transform:translate3d(-30px,0,0)}to{opacity:1;transform:none}}.elementor-element.fadeInLeft{-webkit-animation-name:fadeLeft;-moz-animation-name:fadeLeft;animation-name:fadeLeft}
@-webkit-keyframes fadeRight{from{opacity:0;transform:translate3d(30px,0,0)}to{opacity:1;transform:none}}
@keyframes fadeRight{from{opacity:0;transform:translate3d(30px,0,0)}to{opacity:1;transform:none}}.elementor-element.fadeInRight{-webkit-animation-name:fadeRight;-moz-animation-name:fadeRight;animation-name:fadeRight}
@-webkit-keyframes fadeUp{from{opacity:0;transform:translate3d(0,30px,0)}to{opacity:1;transform:none}}
@keyframes fadeUp{from{opacity:0;transform:translate3d(0,30px,0)}to{opacity:1;transform:none}}.elementor-element.fadeInUp{-webkit-animation-name:fadeUp;-moz-animation-name:fadeUp;animation-name:fadeUp}

h1, h2, h3, h4, h5, h6, .elementor-heading-title {margin-block-start:0; hyphens:auto; hyphenate-limit-chars: auto 5 7; text-wrap:pretty}

a, p {/* These are technically the same, but use both */
  overflow-wrap: break-word;
  word-wrap: break-word;
  -ms-word-break: break-all;
  /* This is the dangerous one in WebKit, as it breaks things wherever */
  word-break: break-all;
  /* Instead use this non-standard one: */
  word-break: break-word;
  /* Adds a hyphen where the word breaks, if supported (No Blink) */
  -ms-hyphens: auto;
  -moz-hyphens: auto;
  -webkit-hyphens: auto;
  hyphens: auto;
  hyphenate-limit-chars: auto 4 6;
}
.accent-color{color:var(--main-color)}
h1 {margin-bottom:2rem}
.elementor-widget-text-editor ul {padding-left:1.125rem;}
.elementor-widget-text-editor ul li {padding-left:0.25rem; margin-bottom:0.75rem}
.elementor-widget-text-editor ul ::marker {color:var(--main-color)}

/* Header */
header>.elementor-sticky {background-color:rgba(255,255,255,1)}
header>.elementor-sticky.elementor-sticky--effects {background-color:rgba(255,255,255,0.85); backdrop-filter:blur(12px); -webkit-backdrop-filter:blur(12px); box-shadow: 0 1px 0 rgba(0,0,0,0.08)}

/* Buttons */
a.elementor-button svg path {stroke:#FFFFFF}
a.elementor-button .elementor-button-content-wrapper {gap:12px}
a.elementor-button .elementor-button-icon {transition-duration:0.5s}
a.elementor-button:hover .elementor-button-icon {translate:8px;}
.btn-white a.elementor-button {color:var(--secondary-color-semi); border:1px solid var(--secondary-color-semi); background-color:#FFFFFF }
.btn-white a.elementor-button:hover {color:var(--main-color); border:1px solid var(--main-color); background-color:#FFFFFF }
.btn-white a.elementor-button svg path {stroke:var(--secondary-color)}

/* Pre-title */
.pre-title:before,
.pre-title-double:before,
.pre-title-double:after {content:""; position:absolute; left:0; top:50%; width:40px; height:1px; background-color:var(--main-color);}
.pre-title,
.pre-title-double {padding-left:calc(40px + 16px);}
.pre-title-double {padding-right:calc(40px + 16px); width:fit-content}
.pre-title-double:after{left:auto; right:0}


/* Domeinen Expertise Tags */
.domeinen-expertise > .e-child {border:1px solid rgba(27, 44, 62, 0.12)}
.domeinen-expertise > .e-child:hover {border:1px solid var(--main-color-semi); box-shadow:0 4px 24px rgba(30, 181, 145, 0.08);}
.domeinen-expertise > .e-child .volgnummer * {color:var(--tertiary-color-semi)}
.domeinen-expertise .e-child:hover .volgnummer * {color:var(--main-color-semi)}
.domeinen-expertise-tags {gap:8px; margin-block-start: auto;}
.domeinen-expertise-tags .elementor-heading-title {font-size:0.625rem; padding:0.4em 1.2em; letter-spacing:0.18em; text-transform:uppercase; color:#7a6e5f; background-color:#e5dfd2;}

/* Privacy - Cookies */
.algemene-voorwaarden ol,
.privacy ol,
.privacy ul {padding-left: 1.125rem;}
.algemene-voorwaarden ol li {margin-bottom: 2em; padding-left:1em}
.privacy ol li,
.privacy ul li {padding-left:1em; line-height:1.25em; margin-bottom:0.5em}
.privacy h3 {margin-top:2rem}
.privacy ol+h4,
.privacy ul+h4 {margin-top:1.5em}