/*
Theme Name: Cheyenne
Theme URI: https://wordpress.org/themes/twentytwentythree
Author: HARVEST
Author URI: https://wordpress.org
Description: Twenty Twenty-Three is designed to take advantage of the new design tools introduced in WordPress 6.1. With a clean, blank base as a starting point, this default theme includes ten diverse style variations created by members of the WordPress community. Whether you want to build a complex or incredibly simple website, you can do it quickly and intuitively through the bundled styles or dive into creation and full customization yourself.
Requires at least: 6.1
Tested up to: 6.1
Requires PHP: 5.6
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/tfi1ifj.css");

/* ----------------------------------------------
   Base
---------------------------------------------- */

:where(.wp-site-blocks *:focus) {
	outline-width: inherit;
	outline-style: inherit;
}

:root :where(.wp-block-post-content a:where(:not(.wp-element-button))) {
	color: var(--wp--preset--color--black);
}


html,

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

a:hover {
	text-decoration: none !important;
}

.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;
}

strong {
	font-weight: 700 !important;
}

.wp-block-post-title {
	word-break: inherit !important;
}

/* ----------------------------------------------
   Header
---------------------------------------------- */

header {
	position: fixed;
	width: 100%;
	transition: 0.4s all ease-in-out;
	top: 0;
	z-index: 9;
}

header .heading,
.heading1,
.ariane,
.social {
	transition: 0.3s all ease-in-out;
}

header .main {
	background-color: transparent;
	transition: 0.4s all ease-in-out;
}

header.scrolled.down .main {
	background-color: rgba(27, 19, 36, 0.73);
	backdrop-filter: blur(10px);
}

header.scrolled.down .heading1 {
	margin-top: -50px !important;
}

header.scrolled.down,
header.scrolled.up {
	.ariane {
		opacity: 0;
		visibility: hidden;
	}
}

header.scrolled.up .main {
	background-color: rgba(27, 19, 36, 0.73);
	backdrop-filter: blur(10px);
}

.wp-block-site-logo img{
	height: 200px;
	transition: 0.3s all ease-in-out;
}

header.scrolled{
	.wp-block-site-logo{
		margin: 0 !important;
	}
	.wp-block-site-logo img{
		height: 50px;;
	}
}

.home .ariane {
	display: none;
}



/* ----------------------------------------------
   Navigation
---------------------------------------------- */

.wp-block-navigation-item__content {
	position: relative;
	cursor: pointer;
}

.current-menu-item::after {
	content: "";
	position: absolute;
	left: 0;
	bottom: -5px;
	width: 100%;
	height: 1px;
	background: var(--wp--preset--color--tertiary);
}

.wp-block-navigation-item__content::after {
	content: "";
	position: absolute;
	left: 0;
	bottom: -5px;
	width: 0;
	height: 1px;
	background: var(--wp--preset--color--tertiary);
	transition: width 0.3s ease;
}

.wp-block-navigation-item__content:hover::after {
	width: 100%;
}

.wp-block-group-is-layout-flow{
	margin-top: 0;
}
/* ----------------------------------------------
   Backgrounds & Containers
---------------------------------------------- */

:not(.wp-admin) .wp-block-cover-image .wp-block-cover__inner-container {
	z-index: inherit !important;
}

:not(.wp-admin) .bgAnim {
	position: absolute;
	top: 0;
	z-index: 1 !important;
	opacity: 0.4;
}

:not(.wp-admin) .profil .bgAnim {
	position: absolute;
	top: -150px;
	z-index: 0 !important;
	transform: rotate(90deg);
}

.rotate {
	transform: rotate(90deg);
}

:not(.wp-admin) .wp-block-cover__inner-container .wp-block-group,
.wp-block-cover__inner-container .wp-block-group .wp-block-columns {
	z-index: 3 !important;
}

.page-template-default .wp-block-cover {
	overflow: visible;
}


.groupSecond {
	margin-top: -10vh !important;
}

.GroupHight {
	position: relative;
	z-index: 2 !important;
}

.wp-block-group .wp-block-post{
	background-color: white;
}

/* ----------------------------------------------
   Accordions
---------------------------------------------- */

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

.accordion-menu {
	transition: 0.4s all ease-in-out;
	color: white;
	padding: 20px 20px;
	cursor: pointer !important;
	user-select: none;
	position: relative;
	border-bottom: 1px solid var(--wp--preset--color--secondary);
	background: linear-gradient(1turn, var(--wp--preset--color--secondary), var(--wp--preset--color--base));
}

.accordion-menu:before {
	text-align: center;
	position: absolute;
	right: 20px;
	width: 20px;
	content: "+";
}

.accordion-menu.active:before {
	content: "-";
}

.accordion-menu.active,
.accordion-menu:hover {
	color: white !important;
}

.accordion-menu img {
	transition: all ease-in-out .5s;
}

.accordion-menu:hover img {
	transform: scale(1.1);
}

.accordion-content {
	padding: 20px;
	height: 0;
	overflow: hidden;
	font-size: 14px;
}

.accordion-content.expanded {
	height: 0;
	overflow: hidden;
}

.accordion-plus,
.accordion-minus {
	position: absolute;
	top: 7px;
	right: 8px;
}

/* ----------------------------------------------
   Texte et effets
---------------------------------------------- */

p {
	margin: 10px;
}

.selected {
	color: white !important;
}

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

.exp .line:hover {
	transform: scale(1.1);
}

.rotator h2 {
	color: white;
	perspective: 500px;
	min-width: 550px;
	transform: translateY(-50%);
	position: absolute;
	text-indent: 3;
	font-size: 4rem;
	font-weight: 200;
}

.rotator h2.light > {
	color: white;
}

.rotator h2.shadow {
	color: black;
	opacity: .95;
}

/* ----------------------------------------------
   Liens et boutons
---------------------------------------------- */

nav,
footer,
main {
	a {
		position: relative;
	}

	.dlink {
		margin-top: 0;
		margin-bottom: inherit;
	}

	.dlink a {
		border-radius: 10px;
	}

	a.wp-block-tiptip-hyperlink-group-block {
		transition: all 400ms;
	}
}

.raccourics {
	a {
		transition: all 400ms;
	}

	a:hover {
		color: white !important;
		background-size: 0 1px, 100% 1px;
		transform: scale(1.1);
	}
}
.wp-block-button{
	z-index: 1;
}
.wp-block-button__link,
.contact a {
	transition: all .35s;
}

.wp-block-button__link:hover,
.contact a:hover {
	background-color: var(--wp--preset--color--contrast) !important;
	color: white !important;
}

/* ----------------------------------------------
   animation hover link 
---------------------------------------------- */

.underline-hover a::after {
  content: "";
  position: absolute;
  left: 50%;
  bottom: -5px;
  width: 0;
  border-bottom: 1px solid black;
  transform: translateX(-50%);
  transition: width 0.3s ease;
}

.underline-hover a:hover::after {
  width: 100%;
}


/* ----------------------------------------------
   Layout
---------------------------------------------- */

.wrap {
	overflow: visible;
}
/* ----------------------------------------------
   image
---------------------------------------------- */

.APropos img{
	scale: 2.5;
	transform-origin: bottom;
}



/* ----------------------------------------------
   Responsive
---------------------------------------------- */

@media (max-width: 970px) {
	

	H1 {
		font-size: 2.5rem !important;
	}
	H2 {
		font-size: 2rem !important;
	}
	H3 {
		font-size: 1rem !important;
	}
	.ComputerContents {
		display: none !important;
	}
	.FooterElement{
		padding-bottom: 20px !important;
	}
	main {
		padding-top: 5rem !important;
	}
	.TopHome{
		margin-bottom: 0 !important;
	}
	.OffreHome .col1 {
		display: none;
	}
	.OffreHome{
		padding-top: 5rem !important;
		padding-bottom: 5rem !important;
	}
	.PortfolioHome h2{
		color: #ffffff !important;
    	font-size: xxx-large !important;
    	margin-bottom: 2rem !important;
		padding-top: 2rem !important;
	}
	.AProposHome .wp-block-column{
		padding-top: 3rem;
    	
	}
	#wpadminbar{
		display:none;
	}
	.colonnes{
		display: flex;
    	flex-direction: row;
	}
	.col1{
		order:2;
	}
	.col2{
		order:1;
	}
	.wp-block-navigation__responsive-container-content {
		flex-direction: column;
    	flex-wrap: wrap !important;
    	align-content: center !important;
	}
	.wp-block-navigation__responsive-container-close{
		padding-right:50px
	}
	.wp-block-navigation__container li{
		width: fit-content; 
    	margin-left: auto;
   		margin-right: auto;
    	text-align: center;
	}
	
	.BannerHead{
		padding-left: 1rem !important;
		padding-bottom: 1rem !important;
	}
}

@media (min-width: 970px) {
	
	
	.imageHight {
		z-index: 3 !important;
	}
	
	.MobileContent{
		display: none !important;
	}
	.OffreExperience{
		padding-left: 20%;
	}
	.PhotoAudrey{
	position:relative;
	}
	.PhotoAudrey::after{
		content: "";
    	background-image: url(/wp-content/uploads/2025/11/A_point_picto.svg);
    	background-size: cover;
    	background-repeat: no-repeat;
    	width: 8rem;
    	height: 8rem;
    	position: absolute;
    	z-index: 2;
    	bottom: -4rem;
		left: -4rem;
	}
}