/*@import url('https://fonts.googleapis.com/css2?family=Cinzel&family=Italiana&display=swap');*/
/********************* home page style *****************/
.btn-all:hover{
}
.btn-all{
background-color: #bb9659;
color: #ffffff;
padding: .7rem 4rem .2rem 4rem;
margin: 1.5rem auto;
}
.titres-pages{
text-transform: uppercase;
font-weight: 600;
font-size: 2rem;
margin-top: 4rem;
margin-bottom: .7rem;
}
.wrap-web{ display:block}
.wrap-mobile{ display:none}
.description-accueil{
font-size: 1rem;
}
.image-large{
background-image: url(/images/hero_images/Luxurious-MILA-DOME.jpg);
background-size: cover;
background-position: center center;
margin: 3rem auto 1rem!important;
width: 100%;
height: 600px;
/*transform: translate(-74px, -0%); /* dƩcalage de 50% de sa propre taille */
}
.image-large-hero{
background-image: url(/images/hero_images/4-bis-b.png);
background-size: cover;
margin: 0 0 1rem 0!important;
background-position: center center;
/*width: 100vw;*/
height: 580px;
}
.image-large div{
margin-left: 3rem;
margin-top: 8rem;
}
.image-large-hero div{
margin-left: 8rem;
margin-top: 13rem;
}
.wedding div.background-color-transparent{
margin-top: 18rem;
}
.image-large-hero div .titre-section{
color: black;
font-family: 'Cormorant Garamond', serif;
text-transform: uppercase;
font-size: 1.7rem;
font-weight: 600;
}
.image-large-hero div .description-section{
width: 20rem;
font-family: raleway,sans-serif;
font-size: .8rem;
color: black;
font-weight: 300;
margin-top: 0.7rem;
line-height: 1.3rem;
}
section.description-right{
display: flex;
justify-content: flex-end;
align-items: flex-start;
}
.image-large-hero div.section-right{
margin-right: 3rem;
margin-top: 11rem;
}
.image-large-hero div.section-right .description-section{
}
.titre-section{
/*color: #bb9659;*/
color: black;
font-family: 'Cormorant Garamond', serif;
text-transform: uppercase;
font-size: 3rem;
font-weight: 400;
}
.description-section{
font-family: raleway,sans-serif;
font-size: 1.3rem;
color: black);
font-weight: 100;
margin-top: 1rem;
line-height: 30px;
}
.background-color-transparent{
background-color: rgba(255,255,255,0.67);
width: 30%;
text-align: center;
padding: 1rem auto;
display: flex;
flex-direction: column;
align-items: center;
}
.image-large div .btn-explore{
background-color: #bb9659;
color: #ffffff;
display: inline-block;
padding: .7rem 4rem .2rem 4rem;
margin: 0;
margin-top: 2rem;
}
.image-large-hero div .btn-explore{
background-color: #bb9659;
color: #ffffff;
display: inline-block;
padding: .7rem 4rem .2rem 4rem;
margin: 0;
margin-top: 2rem;
}
.btn-wedding{
background-color: #bb9659;
color: #ffffff;
display: inline-block;
padding: .7rem 4rem .2rem 4rem;
margin-top: 1rem;
}
.wedding-section{
margin-top: 4rem;
}
.description-wedding div{
margin-top: 3rem;
}
.description-wedding h1{
margin-bottom: 1rem;
color: black;
}
.description-wedding p{
font-size: 1rem;
}
.wedding-section-image{
transform: translateX(-8px)
}
/**************************** BEGIN OF MEDIA QUERY **************************************/
@media only screen and (min-width:960px){
.full-width {
width: 100vw!important;
margin-left: calc(-100vw / 2 + 1440px / 2)!important;
margin-right: calc(-100vw / 2 + 1440px / 2)!important;
}
}
.titre-secondaire{
text-transform: capitalize;
font-weight: 400;
font-size: 1.5rem;
margin-top: 2rem;
font-family: 'Poppins', sans-serif;
text-align: center;
}
@media only screen and (min-width:1600px){
.description-wedding div{
margin-top: 3rem;
margin-left: -10rem!important;
}
}
@media only screen and (min-width:1200px){
.description-wedding div{
margin-top: 3rem;
margin-left: -2rem!important;
}
/* .nav .nav-item a{
padding-left: 16px!important;
padding-right: 16px!important;
}
*/
}
@media only screen and (min-width:1200px) and (max-width:1380px){
.nav .nav-item a{
font-size: 12px!important;
}
.nav .bas a{
font-size: 12px!important;
}
}
@media only screen and (min-width:769px) and (max-width:1200px){
.wedding-section{
margin: 0!important;
}
.wedding-section-image{
transform: none!important;
}
.wedding-section img{
width: 100%;
margin: 0!important;
}
.wedding-section .description-wedding{
text-align: center;
}
.description-wedding div{
margin-left: 0!important;
}
.wrap-mobile{display:none!important;
}
.wrap-web{ display:block!important;}
section.description-right{
display: flex;
justify-content: flex-end;
align-items: flex-end;
}
.image-large-hero div{
margin-left: 1rem;
margin-top: 3rem;
background-color: rgba(255,255,255,0.5);
width: 50vw;
text-align: center;
display: flex;
flex-direction: column;
align-items: center;
align-content: center;
}
.nav .nav-item a{
font-size: 12px!important;
padding: 7px 14px!important;
}
.nav .bas a{
font-size: 12px!important;
padding: 7px 14px!important;
}
}
@media only screen and (max-width:768px){
.flch-home-g{display: none!important; }
.flch-home-d{display: none!important;}
.wrap-mobile{display:block;
}
.titres-pages{
font-size: 2rem;
margin-top: 1rem!important;
padding: 0 2rem!important;
font-weight: normal!important;
}
.description-accueil{
padding: 0 1rem;
font-size: .7rem!important;
}
.image-large{
background-image: url(/images/hero_images/Luxurious-MILA-DOME.jpg);
background-size: cover;
background-position: 25% 50%!important;
margin: 1rem auto!important;
width: 100vw;
height: 40vh!important;
transform: none!important;
}
.image-large-hero{
/* background-image: url(/images/hero_images/Luxurious-MILA-DOME.jpg);*/
background-size: cover;
background-position: center center;
width: 100vw;
height: 40vh;
}
.image-large div{
margin-left: 1rem;
margin-top: 3rem;
}
.image-large-hero div{
margin-left: 1rem;
margin-top:0;
background-color: rgba(255,255,255,0.6);
width: 50vw;
text-align: center;
display: flex;
flex-direction: column;
justify-content: flex-end;
align-items: center;
}
.image-large-hero{
display: flex;
align-items: flex-end;
}
.wedding{
/background-position: bottom left;
}
.wedding div{
margin-top: 32%;
}
.image-large .titre-section{
color: black;
font-family: 'Cormorant Garamond', serif;
text-transform: uppercase;
font-size: 1rem;
font-weight: 600;
}
.image-large-hero div .titre-section{
color: black;
font-family: 'Cormorant Garamond', serif;
text-transform: uppercase;
font-size: 1rem;
font-weight: 600;
margin-top: .5rem;
}
.image-large .description-section{
font-family: raleway,sans-serif;
font-size: .6rem;
color: black;
font-weight: 500;
margin-top: .5rem;
line-height: 12px;
}
.image-large-hero div .description-section{
font-family: raleway,sans-serif;
font-size: .6rem;
width: 50vw;
color: black;
font-weight: 400;
margin-top: .5rem;
line-height: 12px;
margin-bottom: .2rem;
}
.image-large-hero div.section-right{
margin-left: 1rem!important;
margin-top: 3rem;
}
.image-large-hero div.section-right .description-section{
margin-bottom: .5rem;
width: 90%;
}
.wedding div.background-color-transparent{
margin-top: 30%!important;
}
.wedding{
background-position: 70%;
}
.image-large div .btn-explore{
font-size: .5rem!important;
background-color: #bb9659;
color: #ffffff;
display: inline-block;
padding: 0rem 2.5rem 0rem 2.5rem!important;
margin: 0!important;
margin-top: .3rem!important;
}
.image-large-hero div .btn-explore{
font-size: .5rem;
background-color: #bb9659;
color: #ffffff;
display: inline-block;
padding: 0rem 2.5rem 0rem 2.5rem;
margin: 0;
margin-top: .3rem;
}
.image-large div .btn-explore p {
height: 10px;
font-size: .6rem;
line-height: 20px;
}
.image-large-hero div .btn-explore p {
height: 10px;
font-size: .6rem;
line-height: 20px;
}
.btn-wedding{
background-color: #bb9659;
color: #ffffff;
display: block!important;
width: 50%;
padding: .7rem 0rem .2rem 0rem;
margin: 0;
text-align: center!important;
margin-top: 1rem;
margin-left: auto!important;
margin-right: auto!important;
}
.wedding-section{
margin-top: 3rem!important;
/*display: flex!important;
flex-direction: column!important;
justify-content: center!important;
align-content: space-around;
align-items: center!important;*/
}
.description-wedding div{
margin-top: 1rem!important;
margin-left: 0!important;
}
.description-wedding h1{
font-size: 2rem!important;
margin-bottom: 1rem;
color: black;
text-align: center;
}
.description-wedding p{
font-size: .7rem!important;
text-align: center;
}
.wedding-section-image{
transform: none!important;
}
.newsletter-background{
min-height: 220px!important;
}
.js_form{
display: flex;
}
.js_form div{
padding: 0!important;
width: 60%;
}
.js_form div input{
font-size: .7rem!important;
}
.btn-under{
margin-bottom: 2rem!important;
}
section.description-right{
display: flex;
justify-content: flex-end;
align-items: flex-end;
}
.description-right div.section-right{
margin-right: 0!important;
background-color:rgba(255,255,255,0.7) ;
}
}
@media screen and (max-width: 768px){
section.best-seller{
margin-top:100px;
}
}
/* @media screen and (max-width: 768px) and (max-height: 600px) {
section.best-seller{
margin-top: -75vh;
}
}*/
@media screen and (min-width: 768px) {
section.best-seller{
padding-top: 4rem;
}
.elegance{
margin-top: 3rem!important;
font-size: 2.5rem!important;
}
}
@media screen and (min-width: 768px) and (max-width: 1050px) {
/*
.elegance{
margin-top: 1rem!important;
font-size: 1rem;
}*/
section.best-seller{
margin-top: 40rem;
}
}
@media screen and (max-width: 1280px) {
.elegance{
margin-top: 2rem!important;
font-size: 2rem!important;
}
}
@media screen and (min-width: 1285px) {
.elegance{
margin-top: 0!important;
font-size: 2.5rem!important;
}
}
@media screen and (min-width: 1441px) {
.elegance{
margin-top: 3rem!important;
font-size: 3rem!important;
}
}
@media screen and (max-width: 768px) {
.slider-mobile{
display: none!important;
}
.mini-wrap{
display:none!important;
}
}
/**************************** END OF MEDIA QUERY **************************************/