/*
Theme Name: OceanWP Child Theme
Theme URI: https://oceanwp.org/
Description: OceanWP WordPress theme. Sample child theme.
Author: OceanWP
Author URI: https://oceanwp.org/
Template: oceanwp
Version: 1.0
*/

/* Parent stylesheet should be loaded from functions.php not using @import */



.container {
	width: 1295px;
}
/****header****/
#top-bar {
  padding: 0px 0;
}

#site-header, #top-bar-wrap, #footer {
  display: none;
}

#top-bar-wrap {
	background-color: transparent;
}

.navigation a{
  font-size: 20px;
  padding-right: 54px;;
  padding-left: 10px;
  font-family: poppins, sans-serif;
}

#top-bar-nav > ul > li > a:hover, #menu-menu-principal li a:hover {
  color: #f2af1d;
  transition: 0.2s ease;
}

#menu-menu-principal li a:focus, #menu-menu-principal li a:hover, a:focus{
	outline: 0px !important;
}

.page-id-7 .navigation a{
	color: #fff;
}

#site-header {
	border-bottom: 0px solid #f1f1f1;align-content
}

button .icon_arrow {
  background: url('data:image/svg+xml,<svg width="25" height="24" viewBox="0 0 25 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M11.4 8.75L14.9 12L11.4 15.25" stroke="%232b2b2d" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg>') no-repeat center left;
  width: 18px;
  display: inline-block;
  height: 12px;
}

/****intro****/
.intro_name::after {
  content: '';
  height: 5px;
  width: 50px;
  background: #f2af1d;
  border-radius: 50px;
  display: block;
  margin-top: 30px;
  margin-bottom: 30px;
}

.page-id-7 {
  color: #fff;
}

.intro__bloc {
  display: flex;
  flex-direction: column;
  width: 100%;
  max-width: 500px;
  float: right;
  padding-right: 60px;
}

.intro__bloc_titre {
  font-size: 48px;
  line-height: 54px;
  margin-bottom: 30px;
}

.intro__bloc_tx {
  font-size: 20px;
  line-height: 36px;
}

.section_intro .primary_button {
  margin-top: 40px;
	padding: 10px 60px;
}

/*****section2****/
.section2 .section2_presentation, .section2 .section2_stat {
  width: 100%;
  margin: auto;
}

.section2 .section2_presentation {
	max-width: 660px !important;
}	

.section2 .section2_stat{
	max-width: 540px !important;
	display: flex;
	justify-content: center;
	gap: 110px;
}

.stat__container {
  display: flex;
  gap: 15px;
}

.stat__container-number {
  color: #f2af1d;
  font-size: 60px;
  line-height: 0.8;
}

.stat__container-tx {
  line-height: 1.3; 
	display: flex;	
  align-items: end;
}

/****section 3*****/
.section2__blocs{
	display: flex;	
	gap:40px;
	margin-top: -210px;
	justify-content: center;
	width:100%;
}

.bloc.primary {
  background: #f2af1d;
}
.bloc {
  width: 100%;
	max-width:408px;
  background: #4e4e62;
  display: flex;
  height: 408px;
  padding: 170px 80px 75px 40px;
  align-items: start;
	gap: 20px;
	  width: 33%;
}

.bloc_icon{
  width: 70px;
  height: 40px;
}

.bloc_icon.graphic {
  background: url('data:image/svg+xml,<svg width="40" height="40" viewBox="0 0 25 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M17.7 4.75H15.7L12.7 8.25V4.75H7.19995V12.25H17.7V4.75Z" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/><path d="M17.7 11V13.25C17.7 14.3546 16.8045 15.25 15.7 15.25H14.7V18.25C14.7 18.8023 14.2522 19.25 13.7 19.25H11.2C10.6477 19.25 10.2 18.8023 10.2 18.25V15.25H9.19995C8.09538 15.25 7.19995 14.3546 7.19995 13.25V11" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg>') no-repeat;
}

.bloc_icon.brand {
  background: url('data:image/svg+xml,<svg width="40" height="40" viewBox="0 0 25 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M6.19995 13L8.19995 19.25H16.7L18.7 13L12.45 4.75L6.19995 13Z" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/><path d="M6.19995 19.25H18.7" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/><path d="M12.45 4.75V12.25" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg>') no-repeat;
}

.bloc_icon.dev{
	  background: url('data:image/svg+xml,<svg width="40" height="40" viewBox="0 0 25 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.39999 6.75C5.39999 5.64543 6.29542 4.75 7.39999 4.75H17.9C19.0046 4.75 19.9 5.64543 19.9 6.75V17.25C19.9 18.3546 19.0046 19.25 17.9 19.25H7.39999C6.29542 19.25 5.39999 18.3546 5.39999 17.25V6.75Z" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/><path d="M9.39999 10.75L11.9 13L9.39999 15.25" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg>') no-repeat;
}

.bloc_tx-container {
  display: flex;
  flex-direction: column;
}

.bloc_tx {
  font-size: 35px;
  line-height: 1.1em;
  font-family: poppins, sans-serif;
  margin-bottom: 40px;
}

/****section3*****/
.section3 .primary_button{
	padding: 10px 60px;
}

/***projets****/
a.return {
  text-decoration: underline;
	font-size: 15px;
}

a:hover.return{
  color:#38383F;
}

.return .chevron-left {
  background: url('data:image/svg+xml,<svg width="25" height="24" viewBox="0 0 25 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13.9 8.75L10.4 12L13.9 15.25" stroke="black" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg>') no-repeat;
  height: 17px;
  width: 25px;
	display: inline-block;
}
  

/*****Responsive*****/
@media only screen and (max-width: 1310px) {
	.bloc{
	  display: flex;
	  height: 354px;
	  padding: 130px 50px 75px 30px;
	  width: 28%;
	}	
	
	.bloc_icon {
	  width: 40px;
	}
	
	.bloc_tx {
		font-size: 32px;
	}
}

@media only screen and (max-width: 1270px) {
	  .bloc {
		height: 274px;
		padding: 50px 50px 75px 30px;
		flex-direction: column;
	  }
}

@media only screen and (max-width: 1024px) {
	.intro__bloc {
		float: left;
	}
}

@media only screen and (max-width: 959px) {
	body.default-breakpoint #top-bar-nav{
		display: inherit;
	}
	
	#top-bar-nav > ul > li{
		margin-right:0px;
	}
	
	.navigation a {
		font-size: 18px;
		padding-right: 25px;
	}
}
	
	@media only screen and (max-width: 920px) and (min-width:766px){
		 .bloc_tx {
		font-size: 29px;
	  }
		
		.section2__blocs {
  			gap: 30px;
		}
		
		.bloc {
			padding: 50px 20px 75px 20px;
			width: 30%;
		}
	}
	
	@media only screen and (max-width: 767px){
		.stat__container {
	  justify-content: center;
	}
	
	.section2__blocs{
		flex-direction:column;
		gap: 20px;
	}
	
	  .bloc {
		flex-direction: initial;
		padding: 130px 55px 75px 30px;
		width: 100%;
		max-width: 100%;
		height: 360px;
	  }
	
	 .bloc_tx {
		font-size: 35px;
	  }
	}

@media only screen and (max-width: 480px) {
	.navigation a {
		font-size: 17px;
		padding-right: 10px;
  }
	
	.intro__bloc{
		padding-right: 0px;
	}
	
	.intro__bloc_titre {
  		font-size: 38px;
		line-height: 45px;align-content
	}
	
	.intro__bloc_tx {
	  font-size: 18px;
	  line-height: 35px;
	}
	
	.section_intro .primary_button, .section3 .primary_button {
	  font-size: 18px;
	}
	
	.section2 .section2_stat {
	  gap: 40px;
		flex-direction: column;
	}
}