/*
Theme Name: ParlonsRH - Groupe
Template: parlonsrh
Text Domain: parlonsrh-groupe
Theme URI: https://www.we-do-it.fr
Author: WDIB
Author URI: https://www.we-do-it.fr
Description: Parlons RH - Groupe
Requires at least: WordPress 5.0
Version: 1.0
*/
a,.atc {color:#56A6D5;text-decoration:none;}
body:not(.home) .header {background-color: #F8F9FC;}
#teaser .desc {margin-top:3rem;font-size:1.5rem;line-height:2.125rem;}
.home .header {width:100%;z-index:2;}
.home .header svg {display:none!important;}
.home #teaser {background-color:#F8F9FC;}
.home #teaser .container {left: -6.25rem;position: relative;}
.home #teaser .container-half {min-height: 100vh;}
.home #teaser .desc {margin-left:7.375rem;}
.home #teaser .desc * {font-weight:200;}
.home #teaser .desc strong {font-weight:600;}
.home #teaser > img {bottom: -15rem;right:0;width:63.5vw;height:auto;}
.home #teaser .sociaux {margin-top: 5.875rem;margin-left: 7.375rem;font-size: 2rem;}
@media (max-width: 1949px) {.home #teaser > img {width:70vw;right:-5vw;}}
@media (max-width: 1759px) {.home #teaser > img {width:75vw;}}
@media (max-width: 1639px) {.home #teaser > img {width:80vw;right:-10vw;}.home #teaser .container{left:0;}}
@media (max-width: 1539px) {.home #teaser > img {width:90vw;right:-20vw;top: 0;}.home #teaser h1,.home #teaser .h1,.home #teaser .desc,.home #teaser .sociaux {margin-left:0;}}
@media (max-width: 1299px) {.home #teaser > img {width:100vw;right:-25vw;}}
@media (max-width: 1200px) {.home #teaser > img {width: 110vw;right: -40vw;}}
@media (max-width: 1100px) {.home #teaser > img {width:120vw;right:-53vw;}}
.home #agence {padding:18rem 0 5rem;background-color:#FFF;margin-top:-10rem;}
.home #agence .btn,.home #team .btn {margin-top:3.5rem;}
.home #agence .icon-target {position:absolute;font-size: 8.3rem;left: -9rem;bottom: -4rem;color:#56a6d5;opacity:.5;}
.home #team > img {max-width: 50vw;max-height: 120vh;width: auto;}
.home #team .icon-rocket {position:absolute;font-size:6rem;right:-7rem;bottom:0;color:#cb4582;opacity:.5;}
.home #expertises {border-radius:6.25rem 0 0 0;padding:7.5rem 0 9rem;}
.home #expertises .stickers {margin-left:20rem;}
.home #expertises #collapseExpertises button {color:#FFFFFF;font-size:1.125rem;line-height:3.3125rem;font-weight:200;}
.home #expertises #collapseExpertises button:hover,.home #expertises #collapseExpertises button[aria-expanded="true"] {font-weight:600;}
.home #expertises #collapseExpertises .desc {font-size:.875rem;line-height:1.875rem;}
.home #expertises #collapseExpertises .desc {margin-left: 6rem;font-size:.875rem;line-height:1.875rem;font-weight:200;}
.home #expertises #collapseExpertises .desc ul {-webkit-column-count: 2;-moz-column-count: 2;column-count: 2;list-style-type: disc;}
.home #expertises #collapseExpertises .number {font-style:normal;box-shadow: 0px 3px 26px #00000029;width:3.3125rem;text-align:center;margin-right:2.8rem;font-weight:700;display:inline-block;position:relative}
.home #expertises #collapseExpertises button[aria-expanded="true"] .number:after {content: '';position: absolute;top: 50%;right: 0;margin-right: -8px;margin-top: -7px;border-top: solid 7px transparent;border-left: solid 8px transparent;border-bottom: solid 7px transparent;}
.home #expertises .icon-screen {position:absolute;font-size: 8.3rem;right:-1rem;bottom:-12rem;color:#61b339;opacity:.5;-moz-transform: rotate(5deg);-webkit-transform: rotate(5deg);-o-transform: rotate(5deg);-ms-transform: rotate(5deg);transform: rotate(5deg);}
.home #expertises > img {max-height: 120vh;max-width: 42.5vw;width: auto;z-index: 2;}
.home #references .icon-hands {position:absolute;font-size: 8.3rem;left:-7rem;top:-6rem;color:#ea4434;opacity:.5;}
.home #references .container:first-child {position:relative;z-index:3;}
.home #references .container-fluid {z-index:2;}
.home h2 {color:#56A6D5;}
.home #team	{padding:10rem 0 20rem;}
.home #team .desc,.home #team .desc *,.home #agence .desc,.home #agence .desc *,.home #media .desc,.home #media .desc * {font-size:1.25rem;line-height:2.125rem;}
.home #references {padding:17.25rem 0 12.7rem;background:#F8F9FC;border-radius:0 0 6.25rem 0;}
#teaser {background-color:#F8F9FC;}
#teaser h1,#teaser .h1 {-moz-transform: rotate(355deg);-webkit-transform: rotate(355deg);-o-transform: rotate(355deg);-ms-transform: rotate(355deg);transform: rotate(355deg);}
#teaser h1 strong,#teaser .h1 strong {display:inline;font-size:4.5625rem;-moz-transform: rotate(0deg);-webkit-transform: rotate(0deg);-o-transform: rotate(0deg);-ms-transform: rotate(0deg);transform: rotate(0deg);}
#page_team #teaser h1,#page_clients #teaser h1 {margin-left: 7.375rem;}
#page_team #teaser .desc,#page_clients #teaser .desc {margin-left: 14.75rem;}
#valeurs {background-color:#F8F9FC;margin:6.5rem 0 0;padding:7.25rem 0 5rem;}
#valeurs .btn-primary {margin-top:7.75rem;}
#valeurs .list {margin:0 7.375rem;}
#valeurs .list .col:nth-child(odd) {padding-top:4rem;}
#valeurs .list .col:nth-child(even) {padding-bottom:4rem;}
#valeurs .card {color:#3A4146;box-shadow: 0px 3px 56px #0000000F;border-radius:2rem 0;padding:2.75rem 1rem;}
#valeurs .card-title {font-size:.8125rem;line-height:1rem;font-weight:600;}
#valeurs .card-body > i,#engagements i.card-img-top {text-align:center;display:block;margin:1.25rem auto;font-size:3.75rem;width:6.25rem;height:6.25rem;line-height:6.25rem;color:#FFF;box-shadow: 0px 3px 16px #00000029;border-radius: 15px;}
#valeurs .card-text {font-size:13px;line-height:23px;color:#74797C;}
#strategie {margin-top:10rem;}
#strategie1,#strategie2 {padding:13.75rem 0;}
#strategie1 .desc,#strategie2 .desc {margin-left:0;line-height:2rem;}
#strategie1 .desc *,#strategie2 .desc * {font-size:1.25rem;}
#strategie2 {margin-top: -10rem;}
#interview {padding:8.25rem 0 6.25rem;}
#interview > img {height:150%;}
#interview .desc {font-weight:200;font-sytle:italic;}
#interview .nom {margin-left: 7.375rem;margin-top:1.5rem;font-size:18px;line-height:22px;font-weight:600;}
#interview .fonction {margin-left: 7.375rem;margin-top:0.5rem;font-size:16px;line-height:18px;font-weight:200;}
#engagements {padding:5.875rem 0;}
#engagements .card {box-shadow: 0px 3px 56px #0000000F;border-radius:2rem 0;}
#engagements .card .card-title {color:#3A4146;font-size:13px;line-height:23px;font-weight:600;}
#engagements i.card-img-top:before {margin:auto;}
#recrutement {padding:3.5rem 0 4.75rem;}
#page_clients #case {padding:9.5rem 0 15.75rem;}
#page_clients #case #case_list {margin:0 7.375rem;}
#page_clients #case #case_list .stickers {margin-top:4rem;border-radius: 0px 0px 0px 2rem;}
#page_clients #case #case_list .card-title label {font-size:.625rem;line-height:.8125rem;font-weight:600;}
#page_clients #case #case_list .card-title p {font-size:1rem;line-height:1.25rem;font-weight:600;}
#page_clients #case #case_list .card-text {font-size:18px;line-height:30px;color:#74797C;}
#page_clients #case #case_list .card-body > div {margin:1.25rem 0;}
#page_clients #case #case_list .card-body img {width:4.5rem;margin-right:1.25rem;}
#page_clients #case #case_list .btn.btn-secondary {border:2px solid #519B2E;color:#519B2E;}
#page_clients #case #case_list .template1 {padding:5rem 7.375rem 0;}
#page_clients #case #case_list .template2,#page_clients #case #case_list .template3 {margin-top:5rem;}
#page_clients #case #case_list > .row .card:nth-child(5) {margin-top:-5rem;}

#slider_media .slick-track {display: flex !important;}
#slider_media .slick-slide {height: inherit !important;}
#page_post {padding-top:5.625rem;}
#interview .h3 i {transform: translate(0%,-100%)!important;}
#share_bar_top > div {position:relative!important;right: -5rem;margin-top:3rem;}
#share_bar_bottom > div {position:relative;right: -5rem;display:flex;flex-direction:column;-moz-transform: translate(0, -100%);-webkit-transform: translate(0, -100%);-o-transform: translate(0, -100%);-ms-transform: translate(0, -100%);transform: translate(0, -100%);}

#page_category {margin-bottom:13rem;}
#page_category .btn-secondary {border-color:#74797C;color:#74797C;}
@media (min-width: 1850px) {
	.home #references {padding:20rem 0 17rem;}
}
@media (min-width: 2200px) {
	.home #references {padding:20rem 0 20rem;}
}
@media (max-width: 1599px) {	
	#page-content #actus > img {margin-top: -4vw;}
}
@media (min-width: 992px) {
	.home .header {position:absolute!important;}	
	.home #references .container-fluid {position: absolute;top: 0;left: 50%;transform: translate(-50%,100%)!important;z-index: 9;}
}
@media (max-width: 1399px) {
	#teaser h1,#teaser h1 strong,#teaser .h1,#teaser .h1 strong {margin-top:0;margin-left:0!important;font-size: 3.5rem;line-height:4.125rem;}
	#page_team #teaser .desc, #page_clients #teaser .desc {margin-left:7.375rem;}
	#strategie1 > img,#strategie2 > img {max-width: 50vw;height:auto!important;}
	#interview > img {height:auto;width:50%;}
	#interview .desc,#engagements .desc {margin-left:0;}
	#valeurs .list {margin: 0;}
	#valeurs .h3 {margin:0 0 2rem;}
}
@media (max-width: 1199px) {
	#teaser h1, #teaser h1 strong,#teaser .h1, #teaser .h1 strong {margin-left:0;font-size: 3rem;line-height:3.625rem;}	
	#page_team #teaser h1, #page_clients #teaser h1 {margin-left:0;}
	#page_team #teaser .desc, #page_clients #teaser .desc {margin-left:0;}
	.home #teaser .container {left:0;}
	#strategie {margin-top: 5rem;}
	#strategie .h3 {margin-bottom:0;}
	#page_clients #case #case_list .template1 {padding: 5rem 0 0;}	
	#page_clients #case #case_list > .row .card:nth-child(5) {margin-top:5rem;}
	.home #media {padding: 10rem 0 0;}	
	.home .case_studies {margin-left:0;margin-right:0;}
	.home #references .icon-hands {display:none;}
	.home #references {padding: 8.25rem 0 12.7rem;}
	.home #teaser .desc {margin-left:0;}
	.home #expertises #collapseExpertises .desc ul {-webkit-column-count: 1;-moz-column-count: 1;column-count: 1;}
}
@media (max-width: 991px) {
	.home #teaser .container-half {min-height:initial;}
	.home #agence {margin-top:0;}
	.home #media {padding: 7.5rem 0 0;}	
	#teaser h1,#teaser h1 strong,#teaser .h1,#teaser .h1 strong {margin-left:0;margin-top: 0;font-size: 2.5rem;line-height:3.125rem;}
	#page_team #teaser .desc, #page_clients #teaser .desc {width:80%;}
	h2 {font-size:.75rem;}
	h3,.h3 {font-size:1.875rem;line-height:2.5rem;}
	.home .header {background-color: #F8F9FC;}
	.header #logo img {margin-top:2rem;}
	.home #teaser {height:auto;}
	.home #agence,.home #team {padding:2.5rem 0;}	
	.home #teaser > img {width:100%;}
	.home #team > img,.home #expertises > img {max-width:100%;width:100%;height:auto;}
	.home #team .icon-rocket {display:none;}
	.home #expertises {border-radius:3.125rem 0 0 0;padding-bottom:10rem;margin-bottom: 10rem;}
	.home #expertises .icon-screen {display:none;}
	.home #expertises .stickers {margin-left: 0;right: 0;bottom: -25rem;}
	.home #expertises > .container {margin-bottom: 5rem;}
	.home #references {padding:80vw 0 50vw;border-radius:0 0 3.125rem 0;}
	.home #references .icon-hands {display:none;}
	.home .case_studies {margin: 2.75rem 0 0;}
	.home #media {border-radius:3.125rem 0 0 0;}
	#slider_media .slick-list {padding-right: 25%;}
	.home #teaser .container {left:initial;}
	#page_team #teaser h1, #page_clients #teaser h1,#page_team #teaser .desc, #page_clients #teaser .desc {margin-left:0;}
	#page_clients #case #case_list {margin:0;}
	#page_clients #case #case_list .template1 {padding: 5rem 1rem 0;}
	#page_clients #case #case_list .stickers.start-100 {margin-top: 1rem;margin-left: 1rem;transform: translateX(-100%)!important;}	
	#page_clients #case #case_list .stickers.start-0 {margin-top: 1rem;margin-left: -1rem;transform: translateX(-0%)!important;}
	#page_clients #case {padding: 9.5rem 0 7.75rem;}
	#valeurs .list {margin:0;} 
	#valeurs .list .col,#valeurs .list .col:nth-child(odd),#valeurs .list .col:nth-child(even) {margin-top:0;padding-top:0;padding-bottom:2rem;} 
	#page_team #teaser .desc {margin-bottom:4.75rem;}
	#strategie {margin-top: 3rem;}	
	#strategie .h3 {margin-bottom: 2rem;}
	#strategie1, #strategie2 {padding: 2rem 0;}
	#strategie2 {margin-top:0;}
	#interview {margin-top:10rem;}
	#interview > img {position:relative;margin-top:-20rem;}
	#interview .nom,#interview .fonction {margin-left:0;}
	#valeurs,#engagements {padding:2rem 0;}
	#engagements .desc {text-align:center;margin-bottom:4rem;}
	#page_clients #case #case_list .btn.btn-secondary {width:100%;font-size:.8125rem;}
	#engagements .h3,#recrutement {text-align:center;}
	.home #case .btn-primary {padding: 0 1.25rem;}
}
@media (max-width: 767px) {
	#share_bar_top {display:none;}
	#share_bar_bottom {float: none!important;}
	#share_bar_bottom > div {display:block;position:initial;-moz-transform: translate(0,0);-webkit-transform: translate(0,0);-o-transform: translate(0,0);-ms-transform: translate(0,0);transform: translate(0,0);}
}