@font-face {
font-family: 'Montserrat';
src:url(//www.briocheatlantique.fr/wp-content/themes/briocheatlantique/fonts/Montserrat-Bold.eot);
src:url(//www.briocheatlantique.fr/wp-content/themes/briocheatlantique/fonts/Montserrat-Bold.eot?#iefix) format('embedded-opentype'),
url(//www.briocheatlantique.fr/wp-content/themes/briocheatlantique/fonts/Montserrat-Bold.woff2) format('woff2'),
url(//www.briocheatlantique.fr/wp-content/themes/briocheatlantique/fonts/Montserrat-Bold.woff) format('woff'),
url(//www.briocheatlantique.fr/wp-content/themes/briocheatlantique/fonts/Montserrat-Bold.ttf) format('truetype');
font-weight: bold;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Montserrat';
src:url(//www.briocheatlantique.fr/wp-content/themes/briocheatlantique/fonts/Montserrat-Medium.eot);
src:url(//www.briocheatlantique.fr/wp-content/themes/briocheatlantique/fonts/Montserrat-Medium.eot?#iefix) format('embedded-opentype'),
url(//www.briocheatlantique.fr/wp-content/themes/briocheatlantique/fonts/Montserrat-Medium.woff2) format('woff2'),
url(//www.briocheatlantique.fr/wp-content/themes/briocheatlantique/fonts/Montserrat-Medium.woff) format('woff'),
url(//www.briocheatlantique.fr/wp-content/themes/briocheatlantique/fonts/Montserrat-Medium.ttf) format('truetype');
font-weight: 500;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Montserrat';
src:url(//www.briocheatlantique.fr/wp-content/themes/briocheatlantique/fonts/Montserrat-Regular.eot);
src:url(//www.briocheatlantique.fr/wp-content/themes/briocheatlantique/fonts/Montserrat-Regular.eot?#iefix) format('embedded-opentype'),
url(//www.briocheatlantique.fr/wp-content/themes/briocheatlantique/fonts/Montserrat-Regular.woff2) format('woff2'),
url(//www.briocheatlantique.fr/wp-content/themes/briocheatlantique/fonts/Montserrat-Regular.woff) format('woff'),
url(//www.briocheatlantique.fr/wp-content/themes/briocheatlantique/fonts/Montserrat-Regular.ttf) format('truetype');
font-weight: normal;
font-style: normal;
font-display: swap;
}
:root{
--wp--preset--font-size--normal: 16px;
--fondpage: #eaf8ff;
--noir: rgb(30,30,30);
--blanc: rgb(255,255,255);
--bleuclair: rgb(13,143,208);
--bleufonce: rgb(18, 52, 104);
--gris: rgb(242,242,242);
--jaune: rgb(255, 231, 186);
--ocre: rgb(158, 84, 40);
}
*{
position:relative;
}
body{
font-family: 'Montserrat', sans-serif;
font-weight:normal;
margin:0;
text-align:center;
font-size:1rem;
color: var(--noir);
background-color: var(--fondpage);
}
a{
text-decoration:none;
-webkit-transition:all 0.2s ease; transition:all 0.2s ease;
color: var(--bleuclair);
}
.wrapper{
overflow:hidden
}
.content{
width:90%;
max-width:1200px;
margin:0 auto;
}
.alignfull {
margin: 0 calc(50% - 50vw);
max-width: 100vw;
width: 100vw;
}
.alignfull.has-background {
padding: 3rem calc(-50% - -50vw) 3rem calc(-50% - -50vw);
}
.has-noir-color{
color: var(--noir);
}
.has-noir-background-color{
background-color: var(--noir);
}
.has-blanc-color{
color: var(--blanc);
}
.has-bleuclair-color{
color: var(--bleuclair);
}
.has-bleufonce-color{
color: var(--bleufonce);
}
.has-blanc-background-color{
background-color: var(--blanc);
}
.has-fondpage-background-color{
background-color: var(--fondpage);
}
.has-bleuclair-background-color{
background-color: var(--bleuclair);
}
.has-bleufonce-background-color{
background-color: var(--bleufonce);
}
.has-gris-background-color{
background-color: var(--gris);
}
.has-camel-background-color{
background-color: var(--jaune);
}
.has-ocre-background-color{
background-color: var(--bleufonce);
}
.filtre{
position:absolute; left:0; top:0;
width:100%; height:100%;
background-color: rgba(0,0,0,.1);
z-index:1
}
h1, h2, h3{
font-weight:700; color: var(--bleufonce);
line-height:1.1; margin:0.75em 0;
text-align:left;
}
h1{
font-size:2.5rem;
}
h2{
font-size:1.8rem;
}
h3{
font-size:1.5rem;
}
h4, h5, h6{
font-size:1.25rem;
}
p, ul li, ol li{
text-align:left;
}
.wp-block-button a.has-background:hover{
color: var(--blanc); background-color: var(--bleuclair);
}
.swiper-pagination-bullet{
width:8px; height:8px; opacity:1; background-color: var(--blanc); vertical-align:middle;
bottom: 1rem;
}
.swiper-pagination-bullet-active{
width:12px; height:12px;
}
@media screen and (min-width:1200px){
h1{
font-size:3rem;
}
h2{
font-size:2.35rem;
}
h3{
font-size:1.75rem;
}
.alignfull.wp-block-media-text .wp-block-media-text__content{
padding-left:12%; padding-right:12%;
}
.alignwide {
margin-left:-10%; margin-right:-10%;
}
}
@media screen and (min-width:1920px){
body{
font-size:1.1rem;
}
h1{
font-size:3.5rem;
}
h2{
font-size:2.75rem;
}
h3{
font-size:2.35rem;
}
}