/*
    Theme Name:Lotus Marketing
    Theme URI:https://lotusmarketing.ca
    Description:Template par Lotus Marketing
    Version:1.0
    Author:Etienne Dupuis (Lotus Marketing)
    Author URI:https://lotusmarketing.ca
*/

/* Wordpress */
img.alignright {float:right; margin:0 0 2em 2em}
img.alignleft {float:left; margin:0.5em 3em 1.5em 0;}
img.aligncenter {display:block; margin-left:auto; margin-right:auto}
.customize-support .navigation { top:32px; }

/* GLOBAL */
@keyframes anim_fadein { from {opacity: 0;  }to { opacity: 1; } }

html, body {  margin:0; padding:0; font-size:1em; line-height: 1.5em; font-family: 'Lato', sans-serif; font-weight: 300; color:#231f20; height:100%; }

a { color: #231f20; text-decoration: underline; transition: 0.3s; }
a:hover { color: #ebb297 !IMPORTANT; transition: 0.3s; }

.bouton, .content a strong, .content strong > a { background:#fbc2a7; background:#c47b63; padding: 0.25em 1em; text-transform: uppercase; font-weight: 700; margin:1em 0; display:inline-block; border-radius:3px; cursor:pointer; letter-spacing: .1em; text-decoration: none; color:white; transition:0.5s;}
.bouton i { padding-right:0.75em; }
.bouton:hover, .content a:hover strong, .content strong > a:hover { background:#fbc2a7; color:white !IMPORTANT; }
.bouton:hover a { color:white !IMPORTANT; }
.bouton.dark { background:#626665; color:white; font-size:0.9em; }
.bouton.dark:hover { background:#231f20;}

h1 { color:#fbc2a7;  font-family: 'Elsie Swash Caps', cursive;  line-height:1em; font-size:4em; }
h1::after { content: ' '; height: 50px; width:2px; background: #fbc2a7; display: block; margin:0 auto; }
h2 { font-family: 'Elsie Swash Caps', cursive; margin-top:2em; line-height:1.25em; font-size:2.5em;  }
h3 { font-family: 'Elsie Swash Caps', cursive; font-size:1.5em; line-height:1.25em; }

img { max-width: 100%; height:auto; }
strong, .strong { font-weight: 400; transition:0.5s; }
blockquote { background: #e5f5fc; margin:3em 4em; padding: 1em 2em;  border-left: 3px solid #32759a; }
hr { width: 100px; border: 0; height: 3px; background: #444; margin: 3em auto;}

.wrapper { max-width: 1200px; margin:0 auto; padding: 0 150px; position:relative;  }
.flex { display:flex; flex-wrap: wrap; }
.center { text-align:center; }
.clear { clear:both; }
.print-only { display:none; }
::selection { background: #fbc2a7; color: white; }
.wow { visibility: hidden; }
.content { font-size:1.2em; }

/* MENU  */
.navigation { animation: anim_fadein 1s ease-in 0s both; text-transform: uppercase; padding:1em 2em; text-align:right; font-weight:300; letter-spacing:1px; background-image: linear-gradient(rgba(0,0,0,.9), transparent); position:fixed; z-index:1000; left:0; right:0; }
.navigation .logo { float:left; width: 110px; }
.navigation.small .logo { width: 35px; }
.navigation .menu { padding:0; margin:0; }
.navigation .menu li { display: inline-block; margin-left:1.5em; font-size:0.9em; }
.navigation .menu li a { color:white; text-decoration: none;}
.navigation .menu li.current_page_item a { color:#ebb297; font-weight: bold;}

.navigation .hamburger { display:none; width: 60px; cursor:pointer; }
.navigation .hamburger div { height:2px; background: white; margin:15px 0; }

.sidebar { background:white; background: radial-gradient(#525655, #626665); border-left: 15px solid #fbc2a7; width: 78%; padding: 10%; position:fixed; z-index: 5500; right:-103%; top:0; bottom:0; overflow-y: scroll; box-shadow:0 0 5px rgba(0,0,0,0.5); transition:1s; transition-timing-function: cubic-bezier(.27,1.05,.73,1); }
.sidebar ul { list-style-type: none; padding:0; }
.sidebar ul li { margin: 0.85em 0; }
.sidebar ul li.menu-item-has-children { margin-top: 2em; }
.sidebar ul li a { text-transform:uppercase; font-weight: 300; color:white; text-decoration: none; font-size:1.5em; }
.sidebar ul ul { padding-left: 20px; }
.sidebar ul ul li a { font-size:0.9em; line-height: 1.25em; display: inline-block; text-transform: initial; font-weight: 500; }
.sidebar .logo img { width: 150px; }
.sidebar.show { right:0; transition:1s; transition-timing-function: cubic-bezier(.27,1.05,.73,1); }
.sidebar .close { position:absolute; cursor:pointer; right: 20px; top:20px; width: 50px; height: 50px; }
.sidebar .close div {  background: white; width: 40px; height: 2px; margin: 12px 0; border-radius:1px;  transition:.5s; position:absolute; }
.sidebar .close div:nth-of-type(1) { transform: rotate(-45deg); transition:.5s; }
.sidebar .close div:nth-of-type(2) { transform: rotate(45deg);  transition:.5s; }

.sidebar .bouton { font-size:0.8em; padding:1em 2em; }
.sidebar .bouton a { font-weight: 700;}


/* BANNER */ 
.banner { width:100%; padding-bottom:25%; position:relative; background-size:cover; background-position-x:50%; background-position-y:100%; min-height: 100px; }
.banner.interne { animation: anim_fadein 1s ease-in 0s both; }

.bannerbottom { overflow:hidden; height:100px; top: -100px; margin-bottom:-50px; position: relative;  z-index: 500; }
.bannerbottom .angle { background:white; height:200px; transform: rotate(-2deg) translateY(60px); width: 120%; }

#pager { position: absolute; right: 20px; bottom: 80px; z-index: 2000;  transform: rotate(-3deg); }
#pager span { background: white; color:white; opacity:0.3; display:inline-block; width: 75px; height:25px; cursor:pointer; border-radius:2px; margin:10px; transition:0.2s; }
#pager span:hover, #pager span.cycle-pager-active {  opacity:1; transition:0.2s;}

/* HOME */
.t-accueil .banners .banner { padding-bottom:40%; margin-top:0; }
.t-accueil .intro { display:flex; line-height:150%; }
.t-accueil .left { width: 60%; font-size:1.2em; margin-top:2em; }
.t-accueil .right { width: 40%; text-align: center;}
.t-accueil .right .logo {  width:200px; }

.t-accueil .nombres { padding: 5em 275px 5em 5em; background:#fde5d7; position:relative; text-align:center; margin:5em 0; }
.t-accueil .nombres .grayborder { width: 125px; background: #626665; position:absolute; top:0; right:0; bottom:0; }
.t-accueil .nombres .roseborder { width: 250px; background: #fbc2a7; position:absolute; top:0; right:0; bottom:0;}
.t-accueil .nombres .titre { font-size:1.5em; margin-bottom:2em; line-height: 140%; }
.t-accueil .nombres .colonnes { display:inline-block; }
.t-accueil .nombres .colonnes .box { float:left; font-size:1.5em;  font-weight:400; text-align: left;}
.t-accueil .nombres .colonnes .split { float:left; margin:0 5em; width: 3px; height: 120px; background: #fbc2a7; }
.t-accueil .nombres .colonnes .box .nombre { font-size:2em;  font-weight:300; }

.t-accueil .block { text-align:center; }
.t-accueil .block .texte { width:45%; }
.t-accueil .block .texte h1 { font-size:4vw; margin-top:0; } 
.t-accueil .block .texte .padding { padding:7% 5em 4em 5em; }
.t-accueil .block .image { width:55%;}
.t-accueil .block.deuxieme { margin-top:-50px; position:relative; z-index:-1; }
.t-accueil .block.deuxieme .texte { padding-top:5%; }

.t-accueil .cartes { text-align: center; margin:150px 0; }
.t-accueil .cartes .carte { background: #626665; max-width: 400px; padding:3em 3em; margin-left:50px; color:white; text-align:center; font-size:1.15em; display:inline-block; }
.t-accueil .cartes .carte h2 { margin-top:0; color:#fbc2a7; }
.t-accueil .cartes .carte strong { font-size:1.1em; }
.t-accueil .cartes .carte .icone { text-align:left; padding-left:65px; background: url(/wp-content/themes/lotus/images/icone-restauration.png) 0 50% no-repeat; margin-left:15px; }
.t-accueil .cartes .carte a { color:white; }

.t-accueil .cartes .carte:last-of-type { background:#fde5d7; margin-left:0; color:#231f20; transform: translate(-30px, -50px);}
.t-accueil .cartes .carte:last-of-type h2 { color:#626665; }
.t-accueil .cartes .carte:last-of-type .icone { background: url(/wp-content/themes/lotus/images/icone-commodite.png) 0 50% no-repeat; }
.t-accueil .cartes .carte:last-of-type a { color:#231f20; }

.t-accueil .lastblock { background-size: cover; background-repeat:no-repeat; background-position: 50% 50%; min-height: 900px; position:relative; }
.t-accueil .lastblock .texte { background:white; width:400px; padding:1em 3em 2em 3em; position:absolute; top:100px; right:100px; text-align:center; }

.t-accueil .temoignages { background:#fde5d7; font-size:1.35em; line-height: 150%; text-align:center; padding:5em 0; }
.t-accueil .temoignages .temoignage .nom { font-family: 'Elsie Swash Caps', cursive; font-size:1.25em;padding-top:1em; color:#626665;}
.t-accueil .temoignages .temoignage .description i { color:#fbc2a7; padding:0 1em; opacity:0.5; }
.t-accueil .temoignages #temoignagepager { padding-top:1em; }
.t-accueil .temoignages #temoignagepager span { color:transparent; border:2px solid white; border-radius:50%; display:inline-block; width:25px; height:25px; margin:1em 1em 0 0; transition:0.3s; cursor:pointer; }
.t-accueil .temoignages #temoignagepager span.cycle-pager-active { background: #fbc2a7; }
.t-accueil .footer { margin-top:0; }

/* HEBERGEMENT */
.t-hebergement .hebergement { margin-bottom:100px; }
.t-hebergement .hebergement .description { text-align:center; background:#fde5d7; padding: 5em 0; min-height: 300px; }
.t-hebergement .hebergement .description ul {margin:0; padding:0; list-style-type:none; line-height:1em; }
.t-hebergement .hebergement .description li { margin:0.75em;}
.t-hebergement .hebergement .description .texte { padding:0 5em; }
.t-hebergement .hebergement .description h2 { color:#626665; margin-top:0; }
.t-hebergement .hebergement .galerie { float:left; width:55%; margin-right:5em; margin-top:75px; }

.t-hebergement .hebergement .galerie .cycle-pager { position:absolute; right:50px; top:25px; z-index:2000; }
.t-hebergement .hebergement .galerie .cycle-pager span { background: white; color:white; opacity:0.3; display:inline-block; width: 25px; height:25px; cursor:pointer; border-radius:2px; margin:10px; transition:0.2s; }
.t-hebergement .hebergement .galerie .cycle-pager span:hover, .t-hebergement .hebergement .galerie .cycle-pager span.cycle-pager-active {  opacity:1; transition:0.2s;}

.t-hebergement .hebergement.hebergement.even .galerie { float:right; margin-left: 5em; margin-right:0; }

.t-hebergement .comodites { display:flex; }
.t-hebergement .comodites .commodite { width:33%; }
.t-hebergement .comodites .commodite ul { margin-left:0; padding:0 0 5em 0; list-style-type:none; margin-top:1em; }

/* PHOTOS */
.t-photos .photos { text-align:center; }
.t-photos .photos a { display:inline-block; margin:1em;border:5px solid transparent; }
.t-photos .photos a img { border:5px solid transparent; transition:0.3s; }
.t-photos .photos a:hover img { border:5px solid #fbc2a7;  }

/* À PROPOS */
.t-apropos .intro { background:#fde5d7; display:flex;  margin:75px 0; font-size:1.2em; }
.t-apropos .introimage { width:40%; background-position: 50% 50%; background-size: cover;}
.t-apropos .introdescription { width:60%; }
.t-apropos .introdescription h2 { color:#626665; margin-top:0; }
.t-apropos .introdescription .padding { padding:3em 10%; }

.t-apropos .bloque { display:flex; }
.t-apropos .bloque .image { width:40%; padding:3em 0; }
.t-apropos .bloque a img { border:5px solid transparent; transition:0.3s; }
.t-apropos .bloque a:hover img { border:5px solid #fbc2a7;  }
.t-apropos .bloque .losange { width:20%; background: url(images/apropos-splitter.png) 50% 0 repeat-y; text-align:center; }
.t-apropos .bloque .description { width:40%; padding:2em 0; font-size:1.2em; }

.t-apropos .services { text-align:center; color:#626665; }
.t-apropos .services .service { display:inline-block;background:#fde5d7; background: linear-gradient(to right, #fdd5c7 53px, #fde5d7 53px); border-radius:5px; padding:0.5em 1em 0.5em 0.8em; margin:0.5em; transition:0.4s; }
.t-apropos .services .service:hover { transform: scale(1.1); }
.t-apropos .services .service i { padding-right: 1.5em;  }

/* CONTACT */
.t-contact .content .droite, .t-contact .content .gauche { width: 40%; padding:5%; }
.t-contact .content .droite { background: #fde5d7; }
.t-contact .content .droite h3 { color:#626665; margin-top:0; }
.t-contact .medias { font-size:2em; margin-top:1em; }

.t-contact .form .confirmation { display:none; font-size:1.5em; }
.t-contact .form input, .form textarea, .form select { background: white; color:black; padding: 1em 1.5em; margin:.5em 0; font-size:0.8em; border:none; width: 100%; box-sizing: border-box; font-family:'Montserrat', sans-serif; outline:none; border-radius:3px; transition:0.4s; }
.t-contact .form input.warning, .form textarea.warning { border: 4px solid red; transition:0.3s;}
.t-contact .form input:focus, .form textarea:focus { border-left: 4px solid #fbc2a7;  transition:0.3s; }
.t-contact .form textarea { height: 100px; }
::placeholder {color: #a5b5bc; }

.t-contact .content .gauche { text-align:center; }
.t-contact .content .telephone { font-size:2em; text-decoration:none; margin-top:2em; display:inline-block; }
.t-contact .content .adresse { font-size:1.25em; text-decoration:none;}


/* QUOI FAIRE */
.t-quoifaire .activites { display:flex; flex-wrap:wrap; }
.t-quoifaire .activites .activite { background:#fde5d7;text-align:center; width: 25%; margin:2%; padding:2%; transition:0.5s; }
.t-quoifaire .activites .activite:hover { background: #fdd5c7; }
.t-quoifaire .activites .activite .titre { text-transform: uppercase; font-weight: 400;  }

/* DISPONIBILITÉ */
.t-disponibilite #calendar { margin:0 15%; } 
.t-disponibilite #calendar a { text-decoration:none !IMPORTANT; } 
.fc-h-event { border: 1px solid #626665 !IMPORTANT; background:#626665 !IMPORTANT; }
.fc .fc-daygrid-day.fc-day-today { background: transparent !IMPORTANT; }
.fc .fc-button-group > .fc-button, .fc .fc-button-primary { background: #fbc2a7 !IMPORTANT; border: none !IMPORTANT; opacity:1 !IMPORTANT;}
.fc .fc-button-group > .fc-button:hover, .fc .fc-button-primary:hover { background: #ebb297 !IMPORTANT;}
.fc .fc-toolbar-title { font-family: 'Lato', sans-serif !IMPORTANT; text-transform:uppercase; font-weight:300 !IMPORTANT; }
.fc-event-main-frame { padding-left: 1em; text-transform: uppercase;}

/* FAQs */
.t-faq .faq { display:inline-block; position:relative; max-width: 27%; margin:3%; cursor:pointer; text-align:center; }
.t-faq .faq .q { background: #626665; border-radius:10px; color:white; font-weight: bold; position:absolute; top:0; right:0; left:0; bottom:0; transition:0.4s; }
.t-faq .faq .q span { position:absolute; top: 50%; transform: translateY(-50%); left:0; right:0; padding:1em;  }
.t-faq .faq .r { background:#fbc2a7; border-radius:10px; display:inline-block; padding:2em 2em; }
.t-faq .faq:hover .q { transition:0.4s; transform: translateY(-100px) rotate(20deg); opacity:0; }

/* BLOGUES */
.blogue { text-align:left; height: 300px; display:block; font-size: 1.25em; margin-bottom: 4em; background-size:100% auto; background-position: 50% 50%; position:relative; transition:1s ease; }
.blogue:hover { background-size:110% auto; transition:1s ease; }
.blogue .border { position: absolute; top: 20px; right: 20px; bottom: 20px; left: 20px; border: 1px solid #fbc2a7; z-index:0; }
.blogue span { display:inline-block; width: 30%; padding: 50px; height:200px; background: rgba(255, 255, 255, 0.85); position:relative; z-index:999;}
.blogue span .titredublogue { font-weight: 400; text-decoration: none; font-size:1.15em; }
.blogue span .date { font-size:0.8em; margin-top:0.5em;}
.blogue img { width: 100%; }
.blogue .bouton { margin: 2em 0 0 0; font-size: 0.65em; }

/* BLOGUE */
.single .back { text-decoration:none; font-size:0.9em; color:#626665; opacity:0.5; }
.single .back:hover { opacity:1; }

/* FOOTER */
.footer { background: #626665; color:white; display:flex; font-size:1.1em; margin-top:7em; position:relative; }
.footer .bouton { font-size:0.9em; }
.footer .bouton:hover { background:#fbc2a7; font-size:0.9em; }
.footer a { text-decoration:none; color:white; }
.footer a:hover { color:#fbc2a7; color:white;  }

.footer .gauche { text-align:center; width:45%; position:relative; background:#fbc2a7; font-size:0.9em; padding:2em 0; }
.footer .toprose { position:absolute; width:100%; height:80px; right:0; top:-80px; background:url('/wp-content/themes/lotus/images/footer-top.png') 100% 0 no-repeat; }
.footer .droite { text-align:right; width:55%; margin:3em 4em 3em 2em; }
.footer .droite .rightborder { padding:0 3em 1em 3em; border-right: 5px solid #fbc2a7; }
.footer .droite .telephone { font-size:2em; margin-bottom:1em; display:inline-block; }
.footer .footer-medias { font-size:1.5em; margin-top:.5em; }
.footer .politique { margin-top:1em; font-size:0.65em; display:inline-block; }

.footer .lotus { font-size:0.5em; letter-spacing:0.2em; transition:0.5s; font-weight: 300; position:absolute; bottom:10px; right: 70px; }
.footer .lotus a:hover { opacity:.8; color:white !IMPORTANT; transition:0.3s; }
.footer .lotus a { text-decoration:none; opacity:0.2; }

/* RESPONSIVE */
@media only screen and ( max-width:1350px ) { 
    .blogue {  background-size:auto 330px; }
    .blogue:hover { background-size:auto 360px; }
}

@media only screen and ( max-width:1280px ) { 
    .wrapper { padding:0 75px; }
    .t-accueil .nombres .colonnes .split { margin:0 2em; }
}
@media only screen and ( max-width:1100px ) { 
    .t-accueil .cartes .carte:last-of-type { transform: translateY(-25px);}
    .t-photos .photos a { display:inline-block; margin:1%; width: 20%; }
    .t-photos .photos a img { width:100%;}
}
@media only screen and ( max-width:1024px ) { 
    .wrapper { padding:0 50px; }
    .t-accueil .block .texte .padding { padding:0% 4em 4em 4em; }
}
@media only screen and ( max-width:1000px ) { 
    .navigation .menu { display:none; }
    .navigation .hamburger { display:inline-block; }
    .t-hebergement .hebergement { margin-bottom:0; }
    .t-hebergement .hebergement .galerie { float:none !IMPORTANT; margin:0 !IMPORTANT; width:auto; }
    .t-hebergement .hebergement .description .texte { padding:0 2em; }
    .t-quoifaire .activites .activite { width: 42%; }
}

@media only screen and ( max-width:950px ) { 
    .t-contact .content .droite, .t-contact .content .gauche { width: 90%; padding:5%; }
    .t-contact .content .droite { margin-top:2em; margin-bottom:-6.5em; padding-bottom:6em;}
    .t-photos .photos a { width: 28%; }
    .category .blogue span { width:80%; padding: 50px 10%; }
}

@media only screen and ( max-width:900px ) { 
    .t-accueil .nombres { padding-right:50px; }
    .t-accueil .nombres .grayborder { width:10px; }
    .t-accueil .nombres .roseborder { width:20px; }
}
@media only screen and ( max-width:850px ) { 
    .t-accueil .intro { flex-wrap: wrap-reverse; }
    .t-accueil .right,.t-accueil .left  { width: 100%; text-align:center;}
    .footer { display:block; }
    .footer .gauche,.footer .droite { width: auto; text-align:center; }
    .footer .droite { margin-top:1em; }
    .footer .droite .rightborder { border-right:0px; }
    .footer .lotus { position:initial; }
}
@media only screen and ( max-width:800px ) { 
    .t-accueil .lastblock .texte { position:initial; width: auto;}
    .wrapper { padding:0 25px; }
    .t-faq .faq { max-width: 100%; margin:1% 0;}
    .t-faq .faq .q, .faqs .faq:hover .q { transition:0s; }
    .t-faq .faq:hover .q { display:none; }
}
@media only screen and ( max-width:750px ) { 
    .t-accueil .block .texte, .t-accueil .block .image { width:auto ;}
    .t-accueil .block.deuxieme { margin-top:0px;}
    .t-disponibilite #calendar { margin:0 2%; } 
}

@media only screen and ( max-width:675px ) { 
    #pager { display:none; }
    h1 { font-size:2.5em; }
    h2 { font-size:2em;}
    .t-accueil .nombres .colonnes .box { float:none; margin-bottom:1em; }
    .t-accueil .nombres .colonnes .split { display:none; }
    .t-accueil .cartes { margin:0; margin-bottom:-30px; }
    .t-accueil .cartes .carte { max-width: none; margin-left:0; }
    
    
    .t-apropos .intro { flex-wrap: wrap;}
    .t-apropos .introimage { width:100%; height:200px;}
    .t-apropos .introdescription { width:100%; }

    .t-apropos .bloque { flex-wrap: wrap; }
    .t-apropos .bloque .image { width:98%; padding:0; }
    .t-apropos .bloque .description { width:98%; padding:0; margin-bottom:3em; }
    .t-apropos .bloque .losange { width:0%;}

    .t-hebergement .comodites { flex-wrap: wrap; margin-top:3em;}
    .t-hebergement .comodites .commodite { width:100%; text-align: center;}

}
@media only screen and ( max-width:600px ) { 
    .t-photos .photos a { width: 90%; }
    .t-quoifaire .activites .activite { width: 100%; }
    .footer { font-size:0.8em; }
    .t-accueil .block .texte h1 { font-size:2em; }
    .fc-today-button { display:none !IMPORTANT; }
}

@media only screen and ( max-width:500px ) { 
    .wrapper { padding:0 10px; }
}
/* POUR L'IMPRESSION */
@media print { }