/* 
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 */

html{
    background-color: #C7B299;
    background: linear-gradient(90deg,rgba(230, 230, 230, 1) 0%, rgba(199, 178, 153, 1) 100%);
}

body{
  --w:1px; /* Thickness of the line */
  --n:5;   /* number of lines */
  
  width:100%;
  height:100%;
  background: linear-gradient(90deg, rgba(0,0,0,0) calc(100% - var(--w)), white 0) !important;
  background-size: calc((100% - var(--n)*var(--w))/(var(--n) + 1) + var(--w)) 100% !important;
}

@media only screen and (max-width: 1366px) {
	body{
		--n:5;   /* number of lines */
	}
}

@media only screen and (max-width: 1025px) {
	body{
		--n:2;   /* number of lines */
	}
}

@media only screen and (max-width: 768px) {
	body{
		--n:0;   /* number of lines */
	}
}

/* CSS Effects */

.loop-project:hover .elementor-icon{
	rotate: 90deg;
	scale: 1.3;
}


/*  MEDIA Q */

@media only screen and (max-width: 768px) {
	

		
}