/* Approved Bénévolat et service civique composition. */
.volunteer-page .ip-prose p{margin-block-start:0}
.volunteer-page .en-hero{padding: 70px 0 82px; background: linear-gradient(180deg,#e1ecf2 0%,#e1ecf2 36%,#fff 100%);}
.volunteer-page .en-hero>.ip-wrap{display: grid; grid-template-columns: minmax(0,1.12fr) minmax(0,.88fr); gap: clamp(44px,6vw,115px); align-items: center;}
.volunteer-page .en-hero h1{font-size: clamp(45px,4.1vw,76px); margin-bottom: 32px;}
.volunteer-page .en-hero .ip-prose{max-width: 960px;}
.volunteer-page .en-hero .ip-photo{max-width: 800px; justify-self: center;}
.volunteer-page .en-photo--volunteer:before{background: #ef7d00;}
.volunteer-page .ip-section h2{max-width: 1600px;}
.volunteer-page .en-actions{display: flex; flex-wrap: wrap; gap: 18px; margin: 30px 0 0;}
.volunteer-page .ip-action .wp-block-button__link{border: 0; border-radius: 0; box-shadow: none;}
.volunteer-page .ip-action .wp-block-button__link:focus-visible{outline: 3px solid #43358b; outline-offset: 5px;}
.volunteer-page .volunteer-intro-columns{display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: clamp(40px,6vw,100px); margin-top: 38px;}
.volunteer-page .volunteer-start{display: grid; grid-template-columns: minmax(0,.85fr) minmax(0,1.15fr); gap: clamp(45px,6vw,105px); align-items: center; margin-top: 55px;}
.volunteer-page .en-photo--practice{transform: rotate(-2deg);}
.volunteer-page .en-photo--practice:before{background: #ffed00; border-radius: 50%;}
.volunteer-page .volunteer-story{padding-top: 45px;}
.volunteer-page .en-testimony{display: grid; grid-template-columns: minmax(0,.75fr) minmax(0,1.25fr); gap: clamp(40px,6vw,105px); align-items: start; padding-top: 32px; border-top: 3px solid #ef7d00;}
.volunteer-page .en-testimony-intro h3{font-size: clamp(28px,2.3vw,41px);}
.volunteer-page .en-testimony-intro p{color: #575563;}
.volunteer-page .en-testimony-body blockquote{padding: 0 0 0 26px; margin: 25px 0 32px; border: 0; border-left: 3px solid #43358b; background: transparent; box-shadow: none;}
.volunteer-page .en-testimony-body blockquote:first-child{margin-top: 0;}
.volunteer-page .en-testimony-body blockquote p{font-size: inherit; font-weight: 400; line-height: 1.45;}
.volunteer-page .en-testimony-body blockquote strong{font-weight: 450;}
.volunteer-page .en-testimony-body blockquote:last-child{margin-bottom: 0;}
.volunteer-page .en-testimony--volunteer .en-testimony-body>blockquote:last-child{padding: 24px 28px; border: 2px solid #111; background: #eff1f2; box-shadow: 6px 7px 0 #111; margin-top: 32px;}
.volunteer-page .en-testimony--volunteer .en-testimony-body>blockquote:last-child p{font-family: IpDisplay,sans-serif; font-size: clamp(24px,1.9vw,31px); line-height: 1.3;}
.volunteer-page .volunteer-story>.ip-wrap>.en-actions{justify-content: flex-end; margin-top: 35px;}
.volunteer-page .volunteer-service{padding-top: 65px; background: linear-gradient(180deg,#fff,#edf3f7 45%,#fff);}
.volunteer-page .volunteer-service-intro{display: grid; grid-template-columns: minmax(0,1.15fr) minmax(0,.85fr); gap: clamp(45px,6vw,105px); align-items: center; margin-top: 38px;}
.volunteer-page .en-photo--service{transform: rotate(2deg);}
.volunteer-page .en-photo--service:before{background: #00b1eb;}
.volunteer-page .en-photo--service img{object-position: center 25%;}
.volunteer-page .en-testimony--lea{margin-top: 65px;}
.volunteer-page .volunteer-service-stories>.ip-wrap>.en-actions{justify-content: center; margin-top: 45px;}
.volunteer-page .volunteer-support{padding: 45px 0 60px; background: linear-gradient(180deg,#fff,#e1ecf2);}
.volunteer-page .volunteer-support .ip-prose{text-align: center; margin-inline: auto; max-width: 1100px;}
.volunteer-page :is(h2,h3){scroll-margin-top: 145px;}
@media (min-width:2000px){
.volunteer-page .en-hero{padding-top: 85px;}
.volunteer-page .en-hero h1{font-size: 80px;}
}
@media (max-width:1100px){
.volunteer-page .en-hero>.ip-wrap{grid-template-columns: minmax(0,1.1fr) minmax(0,.9fr); gap: 38px;}
.volunteer-page .en-hero h1{font-size: clamp(40px,4.4vw,57px);}
.volunteer-page .en-testimony,.volunteer-page .volunteer-start,.volunteer-page .volunteer-service-intro{gap: 40px;}
}
@media (max-width:781px){
.volunteer-page .en-hero{padding: 42px 0 45px;}
.volunteer-page .en-hero>.ip-wrap,.volunteer-page .volunteer-intro-columns,.volunteer-page .volunteer-start,.volunteer-page .volunteer-service-intro,.volunteer-page .en-testimony{grid-template-columns: minmax(0,1fr); gap: 32px;}
.volunteer-page .en-hero h1{font-size: 43px;}
.volunteer-page .en-hero .ip-photo{max-width: 560px; margin-top: 14px;}
.volunteer-page .volunteer-intro-columns{gap: 22px; margin-top: 30px;}
.volunteer-page .volunteer-intro-columns p{margin: 0;}
.volunteer-page .volunteer-start{margin-top: 40px;}
.volunteer-page .volunteer-start>.ip-photo{order: 2;}
.volunteer-page .en-testimony{gap: 24px; padding-top: 25px;}
.volunteer-page .en-testimony-intro h3{font-size: 29px;}
.volunteer-page .en-testimony-body blockquote{padding-left: 20px;}
.volunteer-page .volunteer-story>.ip-wrap>.en-actions{justify-content: flex-start;}
.volunteer-page .volunteer-service{padding-top: 40px;}
.volunteer-page .en-testimony--lea{margin-top: 48px;}
.volunteer-page .volunteer-service-stories>.ip-wrap>.en-actions{justify-content: flex-start;}
.volunteer-page .volunteer-support .ip-prose{text-align: left;}
.volunteer-page :is(h2,h3){scroll-margin-top: 110px;}
}
@media (max-width:420px){
.volunteer-page .en-hero h1{font-size: 39px;}
.volunteer-page .en-testimony--volunteer .en-testimony-body>blockquote:last-child{padding: 21px;}
}