.slider-accueil{
height:70vh;
position:relative;
}
.slider-accueil .filtre{
position:absolute;
left:0; top:0;
width:100%; height:100%;
background-color:rgba(0,0,0,.4);
z-index:10;
}
.slider-accueil .filtre .forme{
width:10vw; height:60%;
position:absolute;
right:0; bottom:0;
border:1px solid var(--blanc);
border-right:none; border-bottom:none;
border-radius:10vw 0 0 0;
opacity:.3
}
.slider-accueil .swiper{
height:100%;
position:relative;
padding-bottom:0
}
.slider-accueil .accroche{
position: relative;
left:50%; top:50%;
width:80%;
-webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%);
color: var(--blanc)
}
.slider-accueil .accroche img{
display:block;
width:70px;
}
.slider-accueil .accroche .libelle{
text-align: center;
line-height:1.05;
font-family: 'Bellefair', 'serif';
font-size:1.5rem;
text-transform:uppercase;
margin-top:2rem;
}
.home section{
position:relative;  
}
.home section.ambiances{
padding-right:0;
z-index:10;
padding-bottom:2.5rem;
}
.ambiances h2{
margin:0;
-webkit-transform: translateY(-100%);transform: translateY(-100%);
margin-left: calc(100% - 100vw);
line-height:1;
font-size:2.5rem;
}
.ambiances h2 > span{
display:inline-block;
padding:1rem 2rem 0  calc(100% - 95vw);
background-color: var(--grisclair);
border-bottom:1px solid var(--ocreclair);
}
.ambiances h2 > span span{
display:inline-block;
-webkit-transform: translateY(40%); transform: translateY(40%)
}
.ambiances .swiper{
margin-top:2.5rem;
padding-bottom:2.5rem;
}
.ambiances .swiper-slide{
width:68.5%;
background-color: var(--blanc);
}
.ambiances .swiper-slide a{
overflow:hidden;
display:block;
}
.ambiances .swiper-slide a .vs img{
width:100%; height:100%;
object-fit: cover;
position:absolute;
left:50%; top:50%;
transform: translate(-50%, -50%); transform: translate(-50%, -50%);
}
.ambiances .swiper-slide a .ttl{
width:calc(70% - 1rem);
height:auto;
background-color: var(--blanc);
padding:0.5rem;
top:unset; left:unset;
right:0; bottom:0;
display:block;
text-align:center;
font-family: 'Bellefair', 'serif';
font-size:1rem;
line-height:1;
}
.ambiances .swiper-slide a .over{
background: rgba(0,0,0,.6) url(//sweetwoodhomes.com/wp-content/themes/swh/img/plus.svg) no-repeat center / 75px;
opacity:0;
-webkit-transition: all 0.4s ease; transition: all 0.4s ease;
}
.ambiances .swiper-slide a:hover .over{
opacity:1;
}
.swiper-nav{
position:relative;
}
.swiper-nav .swiper-button-prev, .swiper-nav .swiper-button-next{
position:relative;
width:60px; height:60px;
margin-left:1rem;
background-repeat: no-repeat;
background-size: auto 100%;
}
.swiper-nav .swiper-button-prev::after, .swiper-nav .swiper-button-next::after{
display:none;
}
.swiper-nav .swiper-button-prev{
left:0; right:auto;
background-image: url(//sweetwoodhomes.com/wp-content/themes/swh/img/prev.svg);
background-position: center left;
}
.swiper-nav .swiper-button-next{
right:0 !important; left:auto;
background-image: url(//sweetwoodhomes.com/wp-content/themes/swh/img/next.svg);
background-position: center right;
}
.gammes{
padding: 1rem; background-color: var(--blanc);
margin:2.5rem 0;
}
.gammes h3{
font-size:2.5rem;
line-height:1;
text-align:right
}
.gammes .vs{
width:275px;
background-color: var(--grisclair);
border-radius: 50% 50% 0 0;
overflow:hidden;
-webkit-transform: translateY(1rem);transform: translateY(1rem);
}
.gammes .vs img{
width:100%; height:100%; object-fit: cover
}
.gammes a.btn{
margin:0;
position:absolute;
top:50%; right:1rem;
-webkit-transform: translateY(-50%); transform: translateY(-50%);  
}
.home section.chantiers{
padding-bottom:3.5rem;
}
.home section.chantiers .forme{
width:12vw; height:87.5%;
position:absolute;
left:0; bottom:0;
border:1px solid var(--ocreclair);
border-left:none; border-bottom:none;
border-radius:0 12vw 0 0;
opacity:.3
}
.chantiers h2, .actus h2, .temoignages h2{
text-align:center;
font-size:2.5rem
}
.chantiers a.btn{
margin-bottom:0;
}
.chantiers a.thumb{
overflow:hidden;
position:relative;
}
.chantiers a.thumb img{
position:absolute;
left:50%; top:50%;
-webkit-transform: translate(-50%, -50%);transform: translate(-50%, -50%);
-webkit-transition: all 0.2s ease; transition: all 0.2s ease;
z-index:1;
}
.chantiers a.thumb:hover img{
-webkit-transform: translate(-50%, -50%) scale(1.1); transform: translate(-50%, -50%) scale(1.1);
}
.chantiers a.thumb .over{
background: rgba(0,0,0,.6) url(//sweetwoodhomes.com/wp-content/themes/swh/img/plus.svg) no-repeat center / 85px;
opacity:0;
-webkit-transition: all 0.4s ease; transition: all 0.4s ease;
z-index:2
}
.chantiers a.thumb:hover .over{
opacity:1;
}
.chantiers a.thumb .ttl{
position:absolute;
left:0; bottom:0; top:unset;
height:auto; width:calc(85% - 2rem);
background-color: var(--blanc);
padding:1rem;
z-index:3;
font-family: 'Bellefair', 'serif';
font-size:1.35rem;
line-height:1;
border-bottom:1px solid var(--ocreclair);
border-left:1px solid var(--ocreclair);
}
.chantiers a.thumb .ttl span.tags{
display:block;
font-size:0.7rem;
font-family: 'DM sans', sans-serif;
text-transform: uppercase;
color: var(--vertfonce);
margin:0.5rem 0;
}
.chantiers a.thumb .ttl .sepa, .chantiers .liste-chantiers .sepa{
display:inline-block; vertical-align: middle;
width:6px; height:6px;
background-color: var(--ocre);
border-radius: 50%;
}
.chantiers .liste-chantiers{
padding-top: 1.5rem;
}
.chantiers .liste-chantiers a{
margin: 0.5rem 0;
}
.chantiers .liste-chantiers a .vignet{
background-color: var(--grisclair);
}
.chantiers .liste-chantiers a:hover{
color: var(--vertclair);
}
.chantiers .liste-chantiers a span.ville{
font-size:0.7rem; text-transform: uppercase;
color: var(--vertfonce)
}
.chantiers .liste-chantiers a .ttl{
font-size:1.35rem;
margin:0.25em 0;
display:block;
line-height:1.1
}
.actus .last-actu{
padding:2rem;
}
.actus .last-actu h3{
text-align:center; color: var(--ocre)
}
.actus .dt{
color: var(--ocre);
margin-top:1rem;
text-align:center
}
.actus .last-actu a.btn{
margin:1rem 0;
}
.actus .last-actu .vs, .actus .vs{
position:relative;
overflow:hidden;
background-color: var(--blanc)
}
.actus .vs{
margin-top:1.5rem;
}
.actus .last-actu .vs img, .actus .vs img{
width: 100%; height: 100%;
object-fit:cover;
position: absolute; left:50%; top:50%;
-webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%);
}
.actus .liste-actus{
height:100%;
}
.actus .liste-actus a.btn{
margin-bottom:0;
}
.actus .liste-actus .resume{
font-size:0.9rem;
text-align:center;
font-size:1.25rem;
line-height:1.1;
color: var(--ocre);
}
.home section.temoignages{
padding-left:0; padding-right:0;
}
section.temoignages h2{
margin:0;
text-align:left;
}
section.temoignages h2 > span{
display :inline-block;
padding:1rem 2rem 1rem calc(100% - 90vw);
background-color: var(--grisclair);
}
section.temoignages .tem{
padding:0;
margin-bottom:3rem;
font-size:0.9rem;
text-align:center;
color: var(--ocre);
}
section.temoignages .tem .icone{
width:100px;
margin-bottom:2.5rem;
margin-top:1rem;
border-radius:75px 75px 0 0;
overflow:hidden;
background: var(--grisclair) url(//sweetwoodhomes.com/wp-content/themes/swh/img/logo-accueil.svg) no-repeat center / 70px;
}
section.temoignages .auteurs{
font-size:0.9rem;
color: var(--vertfonce);
letter-spacing:1px;
}
section.temoignages .swiper-button-prev, section.temoignages .swiper-button-next{
width:60px; height:60px;
margin-left:1rem;
background-repeat: no-repeat;
background-size: auto 100%;
}
section.temoignages .swiper-button-prev::after, section.temoignages .swiper-button-next::after{
display:none;
}
section.temoignages .swiper-button-prev{
left:0; right:auto; top:25%;
background-image: url(//sweetwoodhomes.com/wp-content/themes/swh/img/prev.svg);
background-position: center left;
}
section.temoignages .swiper-button-next{
right:0; left:auto; top:25%;
background-image: url(//sweetwoodhomes.com/wp-content/themes/swh/img/next.svg);
background-position: center right;
}
@media screen and (min-width:414px){
.slider-accueil .accroche .libelle{
font-size:2rem;
}
.slider-accueil .accroche img{
display:block;
width:80px;
}
}
@media screen and (min-width:576px){
.actus .vs{
margin-top:0;
}
}
@media screen and (min-width:600px){
.slider-accueil .accroche .libelle{
font-size:3rem;
}
.slider-accueil .accroche img{
width:140px;
}
}
@media screen and (min-width:992px){
.gammes .resume{
padding:0 10%;
}
section.temoignages .swiper-button-prev, section.temoignages .swiper-button-next{
top:50%;
}
.swiper-nav .swiper-button-prev, .swiper-nav .swiper-button-next, section.temoignages .swiper-button-prev, section.temoignages .swiper-button-next{
width:100px;
}
.chantiers .liste-chantiers{
padding-top:0
}
.chantiers .liste-chantiers a{
margin: 0 0 0 7.5%;
}
section.temoignages{
padding-top:0;
padding-bottom:3.5rem;
}
section.temoignages h2 > span{
display :inline-block;
padding:2.5rem 2rem 2.5rem calc(100% - 90vw);
background-color: var(--grisclair);
-webkit-transform: translateY(-55%); transform: translateY(-55%); 
}
section.temoignages .tem{
padding:0 15%;
}
section.temoignages .tem .icone{
width:145px;
}
}
@media screen and (min-width:1200px){
.slider-accueil{
height:100vh;
}
.slider-accueil .accroche .libelle{
font-size:4.75vw
}
.ambiances .swiper-slide{
width:35%;
}
.ambiances .swiper-slide a .ttl{
width:calc(50% - 2rem);
padding:1rem;
font-size:1.35rem
}
.ambiances h2{
font-size:3.75rem;
}
.gammes h3{
font-size:3rem;
}
.chantiers h2, .actus h2, .temoignages h2{
font-size:3.75rem
}
.chantiers a.thumb .ttl{
height:auto; width:calc(75% - 2rem);
font-size:1.65rem;
}
.actus .last-actu .vs{
-webkit-transform: translateX(-15%); transform: translateX(-15%);
}
.actus .liste-actus{
padding-left:7.5%;
}
}
@media screen and (min-width:1440px){
.ambiances .swiper-slide a .ttl{
font-size:1.65rem
}
.gammes a.btn{
right:12.5%;
}
.home section.chantiers{
padding-bottom:5rem;
padding-top:2rem;
}
section.temoignages .tem{
padding:0 25%;
}
}
@media screen and (min-width:1680px){
.ambiances .swiper-slide a .ttl{
font-size:1.65rem
}
.ambiances h2 > span{
padding-left:calc(100% - 92vw);
}
.gammes a.btn{
right:20%;
}
.gammes h3{
font-size:3.5rem;
}
}
@media screen and (min-width:1920px){
.ambiances .swiper-slide a .ttl{
font-size:2rem
}
.ambiances h2 > span{
padding-left:calc(100% - 90vw);
}
}