/*
Theme Name: Your International Child Theme
Template: hello-elementor
Author: Elementor Team
Description:
Version: 3.0.1.1709048367
Updated: 2024-02-27 15:39:27

*/

html {
	font-size: 62.5%; /* 1rem = 10px */
	overflow-x: hidden;
	scroll-behavior: smooth;
}
body {
	overflow-x: hidden;
	word-break: break-word; /* for content line break when overflow widget */
	white-space: normal; /* for button line break */
	accent-color: var(--e-global-color-accent); /* applies to checkboxes, radio buttons, etc. */
}


:root {
	
	/********************	
	 VARIABLES
		1. typography 
		2. colors
		3. spacing 
		4. border
		5. box-shadow
		6. content width
	********************/
	
	/* 	1. typography - responsive from 375px to 1920px */
	--display: clamp(3.5rem, 1.64vw + 2.84rem, 6rem);
	--h1: clamp(3.5rem, 1.64vw + 2.84rem, 6rem);
	--h2: clamp(3rem, 1.64vw + 2.34rem, 5.5rem);
	--h3: clamp(1.9rem, 0.13vw + 1.85rem, 2.1rem);
	--h4: clamp(1.9rem, 0.06vw + 1.88rem, 2rem);
	--h5: clamp(1.8rem, 0.06vw + 1.78rem, 1.9rem);
	--h6: clamp(1.6rem, 0.13vw + 1.55rem, 1.8rem);
	--body: clamp(1.4rem, 0.13vw + 1.35rem, 1.6rem);
	--body-md: clamp(1.6rem, 0.13vw + 1.55rem, 1.8rem);

	
	/* 	spacing - responsive from 375px to 1920px */
	--s-xl: clamp(8rem, 6.8rem + 2vw, 10rem);
	--s-lg: clamp(6.4rem, 5.44rem + 1.6vw, 8rem);
	--s-md: clamp(4.8rem, 4.08rem + 1.2vw, 6rem);
	--s-sm: clamp(3.2rem, 2.72rem + 0.8vw, 4rem);
	--s-xs: clamp(1.6rem, 1.36rem + 0.4vw, 2rem);
	
	/* 	4. border-radius (br) and border-width (bw) */
/* 	--br-lg: clamp(7.5rem, 5.6494rem + 4.87vw, 15rem);
	--br-m: clamp(3rem, 2.25976rem + 1.948vw, 6rem);
	--br-s: clamp(1rem, 0.8765rem + 0.325vw, 1.5rem);
	--bw-lg: .6rem;
	--bw-m: .3rem;
	--bw-s: .2rem;  */
		
	/* 	5. box-shadow */
/* 	--box-s-none: none;
	--box-s-default: 6px 6px 0px 0px #000000 ; */
	
	/* 	6. content width  */
/* 	--cw-desktop-default: min(1552px, 90vw);
	--cw-tablet-default: 90vw;
	--cw-mobile-default: 90vw;
	--cw-desktop-small: min(1351px, 90vw);
	--cw-desktop-xsmall: min(800px, 90vw); */
	
}

/******************** 
	Utility classes 	
	- fonts
	- colors
	- margins
	- box-shadow
	- content headings
	- image gallery
********************/
/* 	.ft-uppercase * {text-transform: uppercase !important;}
	.ft-lowercase * {text-transform: lowercase !important;}
	.ft-capitalize * {text-transform: capitalize !important;}
	.fd-underline * {text-decoration: underline !important;}
	
	.clr-primair  { color: var(--e-global-color-primary) !important; }
	.clr-secundair  { color: var(--e-global-color-secondary) !important; }
	.clr-tekst  { color: var(--e-global-color-text) !important; }
	.clr-accent  { color: var(--e-global-color-accent) !important; }
	.clr-accent-2  { color: var(--e-global-color-a6d1a22) !important; }
	.clr-accent-3 { color: var(--e-global-color-2144cb7) !important; }

	.no-margin-top .elementor-widget-container > :first-child { margin-top: 0 !important;} 	/* removes top margin of widget */
/* 	.no-margin-bottom .elementor-widget-container > :last-child { margin-bottom: 0 !important;	} 	/* removes bottom margin of widget */ */
/* 	.margin-auto-top { margin-top: auto;} 
	.margin-auto-bottom { margin-bottom: auto;} 
	.margin-auto-left { margin-left: auto;} 
	.margin-auto-right { margin-right: auto;}  */
/* 	.margin-auto-block { margin-block: auto;} /* margin auto on top and bottom */ */
/* 	.margin-auto-inline { margin-inline: auto;} /* margin auto on left and right */ */
/* 
	.box-shadow-none :is(a, div) { box-shadow: none !important; } /* remove box shadow*/ */

/* 	.pointer-events-none { pointer-events: none !important; } /* make object unclickable */ */

/* 	.content-headings :is(h2,h3,h4,h5,h6) { 
		margin-top: 3.2rem; 
		margin-bottom: 1.6rem;
	}
	.content-headings .elementor-widget-container > :first-child {
		margin-top: 0;
	} */
 */
	/* add img-gallery class to style image gallery for widgets using WYSIWYG	 */
/* 	.img-gallery .gallery {
		display: flex;
		flex-direction: row;
		flex-wrap: wrap;
		gap: 20px;
		margin-block: 32px;
	}
	.img-gallery .gallery-item {
		--img-percent: calc(25% - 20px);
		--img-width: 320px;
	 	margin: 0;
	  	flex-basis: max(var(--img-percent), var(--img-width));
	}
	.img-gallery .gallery img {
		height: 200px;
		object-fit: cover;
	} */

/* :is(ul,ol) + p { margin-top: 1.5em; } */


/* Global Header */
	/* Show Hide Sticky Header Speed Control */
	#hide-header {
    width: 100%!important;
	transition: all .4s ease!important;
}

.home-hero__media:before {
    content: '';
    background: linear-gradient(0deg, #171B24 12.5%, rgba(23, 27, 36, 0.00) 117.01%), 0px 9.5px / 10% 13.055% no-repeat;
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
}

.home-hero {
    position: relative;
    overflow: hidden;
}