/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme/
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: 1.0.1
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
*/

/* Layout */

html, body {
    max-width: 100%;
    overflow-x: hidden;
}

header *, a, .ani * {
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

/* Header */

header.sticky-header.elementor-sticky--effects .logo img {
	
}


/* Body */

.cutCornerTopleft {
    clip-path: polygon(0 100px,100px 0,100% 0,100% 100%,0 100%);
}

.cutCornerTopright {
    clip-path: polygon(0 0,calc(100% - 100px) 0,100% 100px,100% 100%,0 100%);
}

/* CSS Effects */

.elementor-button .elementor-button-text::before {
	float:left;
	content: url(https://skyhighweb.nl/wijontwikkelensamen/wp-content/uploads/2024/05/iconButtonBlack.svg);
	width: 12px;
	height: 12px;
	margin-right: 10px;
}

a.loopItemProject::before{
	position:absolute;
	bottom:0;
	right:0;
	content: url(https://skyhighweb.nl/wijontwikkelensamen/wp-content/uploads/2024/05/iconArrowYellowHover.svg);
	width: 50px;
	height: 50px;
	z-index:10;
	opacity:0;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

a.loopItemProject:hover .e-con-inner::before{
	opacity:1;
}

/*  MEDIA Q */

@media only screen and (max-width: 768px) {
	
	.cutCornerTopleft {
    	clip-path: polygon(0 50px,50px 0,100% 0,100% 100%,0 100%);
	}

	.cutCornerTopright {
		clip-path: polygon(0 0,calc(100% - 50px) 0,100% 50px,100% 100%,0 100%);
	}
		
}