@font-face {
font-family: 'Bellefair';
src: url(//sweetwoodhomes.com/wp-content/themes/swh/fonts/Bellefair-Regular.eot);
src: url(//sweetwoodhomes.com/wp-content/themes/swh/fonts/Bellefair-Regular.eot?#iefix) format('embedded-opentype'),
url(//sweetwoodhomes.com/wp-content/themes/swh/fonts/Bellefair-Regular.woff2) format('woff2'),
url(//sweetwoodhomes.com/wp-content/themes/swh/fonts/Bellefair-Regular.woff) format('woff'),
url(//sweetwoodhomes.com/wp-content/themes/swh/fonts/Bellefair-Regular.ttf) format('truetype');
font-weight: normal;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'DM Sans';
src: url(//sweetwoodhomes.com/wp-content/themes/swh/fonts/DMSans-Regular.eot);
src: url(//sweetwoodhomes.com/wp-content/themes/swh/fonts/DMSans-Regular.eot?#iefix) format('embedded-opentype'),
url(//sweetwoodhomes.com/wp-content/themes/swh/fonts/DMSans-Regular.woff2) format('woff2'),
url(//sweetwoodhomes.com/wp-content/themes/swh/fonts/DMSans-Regular.woff) format('woff'),
url(//sweetwoodhomes.com/wp-content/themes/swh/fonts/DMSans-Regular.ttf) format('truetype');
font-weight: normal;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'DM Sans';
src: url(//sweetwoodhomes.com/wp-content/themes/swh/fonts/DMSans-Medium.eot);
src: url(//sweetwoodhomes.com/wp-content/themes/swh/fonts/DMSans-Medium.eot?#iefix) format('embedded-opentype'),
url(//sweetwoodhomes.com/wp-content/themes/swh/fonts/DMSans-Medium.woff2) format('woff2'),
url(//sweetwoodhomes.com/wp-content/themes/swh/fonts/DMSans-Medium.woff) format('woff'),
url(//sweetwoodhomes.com/wp-content/themes/swh/fonts/DMSans-Medium.ttf) format('truetype');
font-weight: 500;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'DM Sans';
src: url(//sweetwoodhomes.com/wp-content/themes/swh/fonts/DMSans-Bold.eot);
src: url(//sweetwoodhomes.com/wp-content/themes/swh/fonts/DMSans-Bold.eot?#iefix) format('embedded-opentype'),
url(//sweetwoodhomes.com/wp-content/themes/swh/fonts/DMSans-Bold.woff2) format('woff2'),
url(//sweetwoodhomes.com/wp-content/themes/swh/fonts/DMSans-Bold.woff) format('woff'),
url(//sweetwoodhomes.com/wp-content/themes/swh/fonts/DMSans-Bold.ttf) format('truetype');
font-weight: bold;
font-style: normal;
font-display: swap;
}
:root{
--noir: rgb(20,20,20);
--blanc : #FFFFFF;
--grisclair : #F2F2F0;
--vertfonce: #2E4630;
--vertclair :  #B0AC7F;
--ocre: #846E4D;
--ocreclair: #A69683;
}
.has-vertfonce-background-color{
background-color: var(--vertfonce);
}
.has-vertclair-background-color{
background-color: var(--vertclair);
}
.has-ocre-background-color{
background-color: var(--ocre);
}
.has-ocreclair-background-color{
background-color: var(--ocreclair);
}
.has-grisclair-background-color{
background-color: var(--grisclair);
}
.has-noir-background-color{
background-color: var(--noir);
}
.has-blanc-background-color{
background-color: var(--blanc);
}
.has-noir-color{
color: var(--noir);
}
.has-vertfonce-color{
color: var(--vertfonce);
}
.has-vertclair-color{
color: var(--vertclair);
}
.has-ocre-color{
color: var(--ocre);
}
.has-ocreclair-color{
color: var(--ocreclair);
}
.has-blanc-color{
color: var(--blanc);
}
[data-ratio] {display: block; max-width: 100%; position: relative}
[data-ratio]:before {content: ''; display: block;}
[data-ratio] > * {display: block; height: 100%; left: 0; position: absolute; top: 0; width: 100%;}
[data-ratio='20:9']::before { padding-top: 47.5%; }
[data-ratio='16:9']::before { padding-top: 56.25%; }
[data-ratio='4:3']::before { padding-top: 75%; }
[data-ratio='3:4']::before { padding-top: 133.33%; }
[data-ratio='1:1']::before { padding-top: 100%; }
[data-ratio='ambiance']::before { padding-top: 67.5%; }
html{
font-size:16px;
}
body{
font-size:1rem;
font-weight: normal;
font-family: 'DM Sans', 'sans-serif' ;
color: var(--noir);
background-color: var(--grisclair);
}
.home{
background-color: var(--blanc);
}
.wrapper{
overflow:hidden;
}
.alignfull {
margin: 0 calc(50% - 50vw);
max-width: 100vw;
width: 100vw;
}
.alignfull.has-background {
padding: 0 calc(-50% - -50vw) 0 calc(-50% - -50vw);
}
.alignwide{
margin-left:-8%;
margin-right:-8%
}
a:focus {
outline:0;
}
img{
height: auto;
vertical-align:middle;
}
a{
-webkit-transition: all 0.2s ease; transition: all 0.2s ease;
text-decoration: none;
color: var(--ocre);
}
a:hover{
color: var(--vertfonce); 
}
a.btn{
display:inline-block;
padding: 1rem 1.75rem;
border-radius:1px;
background-color: var(--vertfonce);
color: var(--blanc);
margin:2rem 0;
text-transform: uppercase;
}
a.btn.gris{
background-color: var(--grisclair);
color: var(--vertfonce);
}
a.btn.blanc{
background-color: var(--blanc);
color: var(--vertfonce);
}
a.btn:hover, a.btn.gris:hover, a.btn.blanc:hover{
background-color: var(--ocre);
color: var(--blanc);
}
h1, h2, h3, h4, h5, h6{
margin:0.75em 0; text-align:left;
line-height:1;
font-family: 'Bellefair', 'serif';
color: var(--ocre);
}
h1{
font-size:2.5rem;
color: var(--vertfonce)
}
h2{
font-size:2rem;
color: var(--vertfonce)
}
h3{
font-size:1.5rem;
}
h4, h5, h6{
font-size:1.25rem;
}
.uppercase{
text-transform: uppercase;
}
.has-small-font-size{
font-size:0.8rem !important;
}
.has-medium-font-size{
font-size:1.25rem !important;
}
.has-large-font-size{
font-size:1.5rem !important;
}
.has-x-large-font-size{
font-size:1.75rem !important;
}
.inner, .home section{
padding:0 5%
}
.inner-left{
padding-right:5%;
}
.swiper{
padding-bottom:2.5rem
}
.swiper-pagination-bullet{
width:10px; height:10px;
background-color: var(--vertclair);
opacity:1;
vertical-align:middle;
}
.swiper-pagination-bullet-active{
background-color: var(--vertfonce);
opacity:1;
width:14px; height:14px;
}
.swiper-pagination-fraction{
font-size:0.9rem;
color: var(--ocre);
}
.swiper-pagination-current{
font-weight: bold;
}
.wp-block-quote{
font-size:1.25rem;
color: var(--ocre);
padding:0;
border-left:0;
}
.wp-block-cover{
letter-spacing:0.2rem;
}
@media screen and (min-width:1200px){
h1{
font-size:3rem;
}
h2{
font-size:2.5rem;
}
h3{
font-size:1.75rem;
}
h4, h5, h6{
font-size:1.45rem;
}
.inner.single{
padding:0 25%;
}
}
@media screen and (min-width:1440px){
h1{
font-size:3.75rem;
}
h2{
font-size:3rem;
}
h3{
font-size:2rem;
}
h4, h5, h6{
font-size:1.35rem;
}
}
@media screen and (min-width:1680px){
.inner, .home section{
padding-left:8.5%; padding-right:8.5%
}
.inner-left{
padding-right:8.5%;
}
h1{
font-size:4.5rem;
}
h2{
font-size:3rem;
}
h3{
font-size:2.25rem;
}
h4, h5, h6{
font-size:1.65rem;
}
html{
font-size:17px;
}
a.btn{
margin:3.5rem 0;
}
}
@media screen and (min-width:1920px){
html{
font-size:17px;
}
.inner, .home section{
padding-left:10%; padding-right:10%
}
.inner-left{
padding-right:10%;
}
h1{
font-size:5rem;
}
}