/*
Theme Name: Harvest
Theme URI: https://wordpress.org/themes/twentytwentyfour/
Author: HARVEST
Author URI: https://wordpress.org
Description: 
Requires at least: 6.4
Tested up to: 6.4
Requires PHP: 7.0
Version: 1.0
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/old-licenses/gpl-2.0.html
Text Domain: twentytwentyfour
Template: twentytwentyfour
Tags: one-column, custom-colors, custom-menu, custom-logo, editor-style, featured-images, full-site-editing, block-patterns, rtl-language-support, sticky-post, threaded-comments, translation-ready, wide-blocks, block-styles, accessibility-ready, blog, portfolio, news
*/
@import url("https://use.typekit.net/coa5avj.css");

html, body {
	background-color:rgb(26,26,26);
    overflow-x: hidden !important;
    width: 100% !important;
    overscroll-behavior: none;
	min-height: 100vh;
	cursor: none;
}	

a, a:focus, a:active {
    outline: 0 !important;
    cursor: none;
}

.wp-block-navigation a:where(:not(.wp-element-button)):focus,
.wp-block-post-title a:where(:not(.wp-element-button)):focus,
.wp-block-site-title a:where(:not(.wp-element-button)):focus,
a:where(:not(.wp-element-button)):focus {
  text-decoration: none;
}

body.light{
	background-color:#F2EBD7;
	background: #F2EBD7;
}
.light .circles{	opacity: 0.1;}
.light {
	& .title,
	& --wp--preset--color--contrast,
	& h1, 
	& h2, 
	& h3, 
	& h4, 
	& h5, 
	& h6,
	& .has-contrast-color
	
	{color: var(--wp--preset--color--base) !important; 
		
	}
}
.light{
		& .wp-block-site-logo
		{ background-color: var(--wp--preset--color--base) !important;
			
		}
}

/*
body:not(.wp-admin){
	cursor: none;	
}
*/



/* section{ min-height: 100vh; } */

header{position: fixed; width: 100%; z-index: 9999999; transition: 0.3s all ease-in-out; background-color:transparent; top:0;}

header .heading .wp-block-site-logo{ transition: 0.4s all cubic-bezier(0.50, 0, 0.58, 1);}
header .heading .wp-block-site-logo { height: 237px; width: 101px; transform-origin: top left;   mask: url(/wp-content/uploads/logo_harvest.svg) no-repeat  top left; background-color: var(--wp--preset--color--contrast); -webkit-mask: url(/wp-content/uploads/logo_harvest.svg) no-repeat  top left; mask-size: contain; }
header .heading .wp-block-site-logo img{ transition: 0.4s all cubic-bezier(0.50, 0, 0.58, 1); opacity: 0; height: 237px; width: 101px;}

header.main-tool-bar--scrolled{ background: rgba(0, 0, 0, 0.14); backdrop-filter: blur(10px); } 
header.main-tool-bar--scrolled .heading .wp-block-site-logo { transform-origin: top left;  height: 80px;  }
header.main-tool-bar--scrolled .heading .wp-block-site-logo { mask: url(/wp-content/themes/ha/img/logo_harvest_mini.svg) no-repeat top left;  -webkit-mask: url(/wp-content/themes/ha/img/logo_harvest_mini.svg) no-repeat  top left;  mask-size: contain;  }
header.main-tool-bar--scrolled .heading nav li{ font-size: 1rem !important; padding: 11px 0px;}


header.main-tool-bar--scrolled .wp-block-site-logo img{ width: 45px; height: 118px;  }

header.open{height: 100%;}

.logo svg {
    fill: red;
}

.circles{ position: fixed;min-height: 100vh; width:100vw;    }
.circle{ position: absolute; }
.circle svg{ width: 100% !important; height: 30vw;}
.circle.one{ right: 5vw; top: 0; visibility: hidden; }
.circle.two{ left: 5vw; top: 50vh; visibility: hidden; }
.content--scrolled #linear-gradient{ }

h1{ opacity: 0;}

.loading {
  position: fixed;
  width: 100%;
  height: 100%;
  background-color: rgb(26,26,26);
  overflow: hidden;
  z-index: 1;
  top:0;
  z-index: 999999;
  opacity: 0;
}

.smooth-content{ visibility: hidden;}


section.two{ margin-top: -50vh;}

@media screen and (min-width: 600px) {
	:not(.wp-admin) .flair {
	  width: 70px;
	  height: 70px;
	  position: fixed;
	  pointer-events: none;
	   top: 0;
	  left: 0;
	    transition: opacity 0.3s ease;
	}
	.flair{
		cursor: none;
	}
	
	.flair svg {
	  width: 100%;
	  height: 100%;
	}
	
	.flair #currentShape {
	  fill: #FFD07B; /* Couleur de la forme */
	}
}


@media screen and (max-width: 600px) {
	.flair{ display: none;}
}	



mark a{ position: relative;}

mark a{
	text-decoration: none;
	 background: 
	    linear-gradient(to right, var(--wp--preset--color--contrast), var(--wp--preset--color--contrast)),
	    linear-gradient(to right, var(--wp--preset--color--primary), var(--wp--preset--color--primary));
	  background-size: 100% 2px, 0 2px;
	  background-position: 100% 100%, 0 100%;
	  background-repeat: no-repeat;
	  transition: all 400ms;
}
mark a:hover{
	color: var(--wp--preset--color--primary);
	background-size: 0 2px, 100% 2px;

} 


/* .switch{ display: block; width: 30px; height: 30px; position: absolute; background-color: fuchsia; top: 200px; right: 200px;} */

.siteWeb figure:before{content:''; background-color: #262626; border-radius: 25px 25px 0px 0px; height: 43px; width: 100%; display: block;}

.grid img{ border-radius: 20px;}


.citation > div {
  background: linear-gradient(
    to right,
    var(--wp--preset--color--contrast) 50%,
    rgb(37, 37, 37) 50%
  );
  background-size: 200% 100%;
  background-position-x: 100%;
  color: transparent;
  background-clip: text;
  -webkit-background-clip: text;
  /*   margin-bottom: -250px; */
/*
  margin-left: 50px;
  line-height: 1.2;
*/
  /*   outline: 6px dotted teal; */
/*   font-size: 10vw; */
}

.wp-block-spacer{
	background-color:  var(--wp--preset--color--contrast);
}
.projets a{
	transition: all 0.3s ease;
	background-size: 0;
}
.projets a:hover{
	
/*
	background-size: 100%;
		background-color: var(--wp--preset--color--contrast);
*/
}
.projets a h2{
	padding: 0;
	transition: all 0.3s ease;
}	

.projets a:hover h2{
	padding-left: 10px;
	color: var(--wp--preset--color--primary);
}

.imgQui img{
	max-height: 90vh;
/* 	overflow: auto; */
	vertical-align: top;
}
.gradient{
	background: -webkit-linear-gradient(var(--wp--preset--color--base), #313131);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.accordion {
  width: 250px;
  margin: 15px;
  box-shadow: 0 8px 17px rgba(0,0,0,.2);
}

.accordion-menu {
  color: white;
  padding: 10px;
  cursor:pointer!important;
  user-select: none;
  position:relative;
}


.accordion-content {
  height: 0;
  overflow: hidden;
  font-size: 14px;
  width: 60%;
}

.accordion-content.expanded {
  height: 0;
  overflow: hidden;
}
.accordion-plus,
.accordion-minus{
  position:absolute;
  top:7px;
  right:8px;
}
p {
  margin: 10px;
}

.selected{ color: var(--wp--preset--color--custom-rose-cp) !important; }

.exp .line{transition: all ease-in-out .5s; cursor: pointer; transform-origin: left;}
.exp .line:hover{transform: scale(1.1); }

.exp .line{transition: all ease-in-out .5s;}

@media (max-width: 1213px) {
.basline{min-width:445px!important;}
}

@media (max-width: 650px) {
.circle.one{ top: 15vh; right: -47vw;}
.circle.two{ left: -15vw;}
.circle svg{ height: 60vw;}


}