/*
	Theme Name: Dose Café
	Theme URI: http://ddc.fr/
	Author: Dose dealer de café
	Author URI: http://ddc.fr/
	Version: 1.0.0
*/
@import url('//fonts.googleapis.com/css?family=Montserrat:300,400,600');

::-moz-selection { color:#FFF; background:#1E2730; }
::selection { color:#FFF; background:#1E2730; }

/* Slick */
.slick-list,.slick-slider,.slick-track{position:relative;display:block}.slick-loading .slick-slide,.slick-loading .slick-track{visibility:hidden}.slick-slider{box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-khtml-user-select:none;-ms-touch-action:pan-y;touch-action:pan-y;-webkit-tap-highlight-color:transparent}.slick-list{overflow:hidden;margin:0;padding:0}.slick-list:focus{outline:0}.slick-list.dragging{cursor:pointer;cursor:hand}.slick-slider .slick-list,.slick-slider .slick-track{-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.slick-track{top:0;left:0}.slick-track:after,.slick-track:before{display:table;content:''}.slick-track:after{clear:both}.slick-slide{display:none;float:left;height:100%;min-height:1px}[dir=rtl] .slick-slide{float:right}.slick-slide img{display:block}.slick-slide.slick-loading img{display:none}.slick-slide.dragging img{pointer-events:none}.slick-initialized .slick-slide{display:block}.slick-vertical .slick-slide{display:block;height:auto;border:1px solid transparent}.slick-arrow.slick-hidden{display:none}

body { margin:0; padding:0; font-family:'Montserrat', sans-serif; font-size:1.6em; background: rgba(244,243,241,1);}
body.noScroll{overflow: hidden;}
a:hover, a:focus { outline:none; text-decoration:none; background:transparent; }
img { border:0; } 
.navbar-btn {margin-top:0;margin-bottom: 0}
textarea { resize:none; }
.container-fluid { position:relative; float:left; width:100%; height:auto; }
.container { position:relative; width:75%; padding:0; }
.navbar.container{width:100%;}
.background-white { background: rgba(244,243,241,1); }
.background-dark-blue { background-color:#1E2730; }
.background-grey { background-color:#F0EFED; }
.no-margin-top { padding-top:0; }
.no-padding-top { padding-top:0; }
.border-bottom p { position:relative; float:left; width:100%; margin:0 0 70px 0; padding:0; }
.border-bottom p:before { position:absolute; float:left; bottom:-35px; left:calc(50% - 40px); width:80px; height:1px; margin:0; padding:0; background-color:#8A8E92; content:" "; }
p.details { float:left; width:100%; margin-top:45px; }
button, a {outline:none}
.background-cover { position:relative; width:100%;  margin:0; padding:0; background-size:cover!important; -webkit-background-size:cover;display: flex; align-items: center; justify-content: center; text-align: center;padding: 200px 0; }
.background-cover.center-title .container { display:flex; flex-direction:column; justify-content:center; }
.background-cover .opacity { position:absolute; top:0; left:0; width:100%; height:100%; margin:0; padding:0; background:rgba(0, 0, 0, 0.5); z-index:0; }
.background-cover .container { position:relative; /*width:100%; height:98vh; */margin:0; padding: 0px 100px; z-index:20;}
.background-cover .container .flexwrap {display: flex;flex-direction: column;align-self: flex-end;padding-bottom: 30px;}
.background-cover.generalbgcover .container .flexwrap {align-self: center;padding-bottom: 0}
.background-cover .container h1 { position:relative; float:left; width:100%;margin:0;padding:15px 0; font-family:'Amatic SC', cursive, sans-serif; font-size:5.5em;  color: rgba(244,243,241,1); text-align:center; text-transform:uppercase; }
.background-cover.center-title .container h1 { float:none; margin:80px auto 0 auto; padding:0; }
.background-cover .container p {font-family:'Montserrat', sans-serif; font-weight: 400; font-size:1.0em; color:#FFF;}

.background-cover .container p.intropara { font-size:1.1em;font-weight: 300;margin-top:0;text-align: center;max-width: 1170px;}


.background-cover .container p.adresseshome {font-size:0.95em;}




.background-cover.center-title .container p { float:none; margin:20px auto 0 auto; }
.background-cover .address .col-sm-offset-1 {margin-left: 3.333333333%;}
.background-cover .address p { margin:0 0 10px 0;padding:0}
.background-cover .slider .slides { position:absolute; top:0; left:0; width:100%; height:100%; }
.background-cover .slider .slick-list, .background-cover .slider .slick-track { position:absolute; top:0; left:0; width:100%; height:100%; z-index:1; }
.background-cover .slider .slick-slide { background-size:cover!important; -webkit-background-size:cover; z-index:1;background-position: center center!important }
.background-cover .slider .slick-prev { position:absolute; top:calc(50% + 50px); left:30px; width:60px; height:60px; margin:0; padding:0; background:transparent; border:0; font-size:0; z-index:100; background:url('images/arrow-left.png');  z-index:999;display:block;}
.background-cover .slider .slick-next { position:absolute; top:calc(50% + 50px); right:30px; width:60px; height:60px; margin:0; padding:0; background:transparent; border:0; font-size:0; z-index:100; background:url('images/arrow-right.png');  z-index:999; display:block;}
.background-cover .slider .opacity { position:absolute; top:0; left:0; width:100%; height:100%; margin:0; padding:0; background:rgba(0, 0, 0, 0.5); z-index:2; }
.background-cover .container .address .col-left { text-align:right; }
.background-cover .container .address .col-right { text-align:left; }
.background-cover .container .openinghours  { text-align:center;margin-top:30px; }
.mapaddress {margin-top:30px;}
.content-one-col.content-on-cover { padding:0; z-index:101;}
.content-one-col .container h2 { float:left; width:100%; margin:50px 0 50px 0; padding:0; font-family:'Amatic SC', cursive, sans-serif; font-size:4.5em;   
    color: rgba(244,243,241,1);text-align:center; text-transform:uppercase; }
.content-one-col .background-white h2, .content-one-col.background-white h2 { color:#1E2730; }
.content-one-col .container p { float:left; width:100%; margin:0; padding:10px 0; font-family:'Montserrat', sans-serif; font-size:1.2em; color:#FFF; }
.content-one-col .background-white p, .content-one-col.background-white p { color:#1E2730; }
.content-two-col .container h2 { float:left; width:100%; margin:0 0 50px 0; padding:0; font-family:'Amatic SC', cursive, sans-serif; font-size:4.5em;color: rgba(244,243,241,1);text-align:center; text-transform:uppercase; }
.content-two-col .background-white h2, .content-two-col.background-white h2, .content-two-col .background-grey h2, .content-two-col.background-grey h2 { color:#1E2730; }
.content-one-col form { float:left; width:100%; margin:0; padding:0; }
.content-one-col form .col-md-4 { float:left; width:33.33%; margin:0 0 30px 0; padding:0 10px; }
.content-one-col form label { float:left; width:100%; margin:10px 0 10px 0; padding:0; font-family:'Montserrat', sans-serif; font-size:0.75em; color:#FFF; font-weight:400; }
.content-one-col.background-white form label, .content-one-col .background-white form label { color:#1E2730; }
.content-one-col form input, .content-one-col form textarea { float:left; width:100%; margin:0; padding:10px 15px; font-family:'Montserrat', sans-serif; font-size:0.9em; color:#FFF; font-weight:300; text-align:left; background-color:#1E2730; border:1px solid #FFF; }
.content-one-col.background-white form input, .content-one-col.background-white form textarea, .content-one-col .background-white form input, .content-one-col .background-white form textarea { float:left; width:100%; margin:0; padding:10px 15px; font-family:'Montserrat', sans-serif; font-size:0.9em; color:#1E2730; font-weight:300; text-align:left; background-color:#FFF; border:1px solid #1E2730; }



.content-one-col form input[type=submit] { float:right; width:auto; margin:15px 0 30px 20px; padding:12px 45px; font-family:'Montserrat', sans-serif; font-size:0.7em; font-weight:600; text-transform:uppercase; transition:all 0.5s ease; -webkit-transition:all 0.5s ease; }

.content-one-col #wpcf7-f310-o1 form input[type=submit] {margin:0 10px 30px 20px;}

.content-one-col form input[type=submit]:hover { background:#FFF; color:#1E2730; }
.content-one-col form .wpcf7-list-item { float:left; width:50%; margin:10px 0 0 0; padding:0; text-align:left; }
.content-one-col form .wpcf7-list-item label input { float:left; width:25px; }
.content-one-col form .wpcf7-list-item label span { float:right; width:calc(100% - 25px); font-weight:400; }
.content-one-col.background-white form input[type=submit]:hover, .content-one-col .background-white form input[type=submit]:hover { background:#1E2730; color:#FFF; }
.wpcf7 input[type="file"] { float:right!important; width:100%!important; margin:15px 0 0 0!important; padding:8px!important; }
.content-on-cover { margin:-130px 0 0 0; }
.content-on-cover .container {  padding:50px 80px;}
.content-on-cover .container .col-md-6:nth-child(1) { float:left; width:50%; margin:0; padding:0px; }
.content-on-cover .container .col-md-6:nth-child(2) { float:left; width:50%; margin:0; padding:0px; }
.content-on-cover .container .col-md-6 { padding:0 15px!important; }
.content-on-cover .container .col-md-6 img {margin:30px 0 0 0; padding:0; }
.content-on-cover .container .col-md-6 .acf-map { float:left; width:100%; height:300px; margin:0 0 50px 0; padding:0; border:0; }
.galerie-photos { padding:90px 0; }
.galerie-photos .container h2 { float:left; width:100%; margin:0 0 50px 0; padding:0; font-family:'Amatic SC', cursive, sans-serif; font-size:4.5em; color: rgba(244,243,241,1); text-align:center; text-transform:uppercase; }
.galerie-photos .container .col-md-6 { float:left; width:50%; margin:0; padding:0; }
.galerie-photos .container .col-md-6 img { float:left; width:100%; height:auto; margin:0; padding:0; }
.instagram { padding:80px 0; }
.instagram .container h2 { float:left; width:100%; margin:0 0 30px 0; padding:0; font-family:'Montserrat', sans-serif; font-size:1.2em; color:#FFF; text-align:center; text-transform:uppercase; }
.content-full-height { background-size:cover!important; -webkit-background-size:cover!important; }
.content-full-height { position:relative; float:left; width:100%; height:100vh; margin:0; padding:0; display:flex; flex-direction:column; justify-content:center; }
.content-full-height .container { background:rgba(255, 255, 255, 0.90); padding:100px 0; text-align:center; }
.content-full-height .container h2 { margin-bottom:20px; }
.content-full-height .container h3 { float:left; width:100%; margin:0 0 38px 0; padding:0; font-family:'Montserrat', sans-serif; font-size:1.1em; text-align:center; }
.content-full-height .container h2, .content-full-height .container p { color:#1e2730; text-align:center; }
.content-full-height .container p { float:left; width:60%; margin:0 20%; padding:0 0 5px 0; font-family:'Montserrat', sans-serif; font-size:1em; text-align:center; }
.site-footer { float:left; width:100%; margin:0; padding:45px 0; border-top:1px solid #FFF; }
.site-footer .container .col-md-6 ul { list-style-type:none; margin:0; padding:0; }
.site-footer .container .col-md-6 ul li { display:inline; }
.site-footer .container .col-md-6 ul li a { padding-right:8px; padding-bottom:3px; font-size:14px; color:#FFF; font-weight:400; text-transform:uppercase; text-decoration:none;}
.site-footer .container .col-md-6 ul li a span:before { background:#FFF; height:1px; }
.site-footer .container .col-md-6 ul li:first-child a:after { padding-left:8px; content:" / "; }
.site-footer .container .col-md-6 p { float:right; width:100%; margin:0; padding:0; text-align:right; font-family:'Montserrat', sans-serif; font-size:15px; color:#FFF; }
.flexvert {display: flex;align-items: center;justify-content: center}
.innernav a.hvr-underline-from-left {text-transform: uppercase;padding-bottom: 3px;color:#1E2730!important;font-size:.85em;font-weight: 400 }
.innernav a.hvr-underline-from-left::before { background:#1E2730!important; height:2px;}
ul.socialtop {padding:0;margin:0}
ul.socialtop li{float:right;list-style: none;padding:0 2px;color:#1e2730}
ul.socialtop li:last-of-type {padding-top:5px;font-size: 0.85em}
ul.socialtop a {display: block}
ul.socialtop a i { font-size:1em; padding:5px; width:30px; text-align:center; color:#1E2730; background:transparent; border:1px solid #1E2730; border-radius:50%; -webkit-border-radius:50%; transition:all 0.4s ease; -webkit-transition:all 0.4s ease; }
ul.socialtop i:hover { background:#1E2730; color:#FFF; }
.embedmap {margin-bottom: 15px;}
.content-one-col .wpcf7-validation-errors, .wpcf7-mail-sent-ok { float:left; width:100%; margin:0; padding:0 10px; border:0; color:#FFF; font-size:0.9em; }
.content-one-col.background-white .wpcf7-validation-errors, .content-one-col .background-white .wpcf7-validation-errors { color:#1E2730; }
.wpcf7-mail-sent-ok { border:0!important; }
.wpcf7-not-valid-tip { float:left!important; width:100%!important; margin:0!important; padding:2px 0 0 0!important; border:0!important; color:#FFF!important; font-size:0.75em!important; font-weight:300!important; }
.scroll-top { position:fixed; bottom:35px; right:35px; width:30px; height:38px; margin:0; padding:0; background:url('images/arrow-scroll-top.png'); display:none; }
.scroll-top:hover, .scroll-top:focus { background:url('images/arrow-scroll-top.png'); }
.content-two-col { padding:100px 0; }
.content-two-col.content-on-cover { padding:0; }
.content-two-col.background-dark-blue h2 { color: rgba(244,243,241,1); } 
.content-two-col.background-dark-blue p {color:#fff} 
.content-two-col p { float:left!important; width:85%!important; margin:50px 10% 0 5%!important;line-height:27px; font-weight:400;}
.content-two-col p.align-right { float:right!important; width:85%!important; margin:50px 5% 0 10%!important; }
.content-two-col img { margin-top:50px; }
.content-two-col .container .col-md-6 img { float:left; width:100%; margin:50px 0 20px 0; padding:0; }
.content-two-col .container .col-md-6 img.align-right { float:right; }
.content-two-col .container .col-md-6 img.small { width:auto; }
.content-on-cover .container .col-md-6 img.small { width:100%; float:none; }
.content-two-col .container .col-md-6 img.img-real-size { width:auto; margin:0;}
.content-two-col .container .btn { margin:5% 0 0 5%; }
#sb_instagram #sbi_load {margin-top:2.5%}
.sb_instagram_header { display:none; }
#sb_instagram #sbi_images .sbi_item { float:left; width:calc(16.66% - 20px); margin:10px; }


.mainnav { position: fixed; margin:0; padding:5px 0; border:0; background:rgba(244,243,241,0.90);z-index: 9;-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-ms-transition: all 0.5s ease;-o-transition: all 0.5s ease; transition: all 0.5s ease; }


.address {padding:15px 0}
.address strong {display: block; margin:20px 0 0 0}


hr.border-bottom {width:20%;border-top:1px solid #ccc;margin:30px auto;background:transparent}
hr.large-border-bottom {width:100%;border-top:1px solid #ccc;margin:50px auto 25px auto;background:transparent;height:1px}

hr.large-border-bottom.last {display:none}



.mainnav.smallheight { height:80px;padding-top:0;padding-bottom: 0 }
.navbar {position: relative;min-height: 0;margin-bottom: 0; border: 0px solid transparent;padding-bottom: 0!important;}
.container-fluid.flush {padding-left:0;padding-right:0}
.img-responsive { display:none; }
.navbar-brand  {float:none;padding:0;display: block;height: auto}
.mainnav.smallheight .navbar-brand  {padding-top:10px;}
.navbar-brand img {width:125px;margin:0 auto}
.site-header { position:absolute; top:0; left:0; width:100%; height:auto; margin:0; padding:0; z-index:999999; }
.navbar-nav>li.cuisine a { background:url('images/picto-cuisine-maison.svg') no-repeat center top; }
.navbar-nav>li.jus_bios a { background:url('images/picto-jus-bios.svg') no-repeat center top; }
.navbar-nav>li.boutique a { background:url('images/picto-cart.svg') no-repeat center top; }
.navbar-nav>li.esprit a { background:url('images/picto-esprit.svg') no-repeat center top; }
.navbar-nav>li.visiter a { background:url('images/picto-visiter.svg') no-repeat center top; }
.navbar-nav>li.notre_cafe a { background: url('images/picto-cafe.svg') no-repeat center top; }
.contact-image {display: block;max-width: 100%;height: auto;margin:30px 0 0 0}

.navbar-nav>li.esprit a {background-size:27px 75px!important;}
.navbar-nav>li.visiter a {background-size:27px 80px!important;}
.navbar-nav>li.notre_cafe a {background-size:35px 70px!important;}
.navbar-nav>li.cuisine a {background-size:50px 70px!important;}
.navbar-nav>li.jus_bios a {background-size:35px 70px!important;}
.navbar-nav>li.boutique a {background-size:35px 70px!important;}

.navbar-btn.btn-link {margin-top:5px}
.mainnav.smallheight .navbar-nav>li a { height:60px;font-size: .70em}
.mainnav.smallheight .navbar-btn.btn-link {margin-top:20px}
.mainnav.smallheight .navbar-nav>li.esprit a {background-size:22px 70px!important;}
.mainnav.smallheight .navbar-nav>li.visiter a {background-size:22px 75px!important;}
.mainnav.smallheight .navbar-nav>li.notre_cafe a {background-size:30px 65px!important;}
.mainnav.smallheight .navbar-nav>li.cuisine a {background-size:45px 65px!important;}
.mainnav.smallheight .navbar-nav>li.jus_bios a {background-size:30px 65px!important;}
.mainnav.smallheight .navbar-nav>li.boutique a {background-size:30px 65px!important;}
.mainnav.smallheight .navbar-nav>li a span {top:55px;}
.mainnav.smallheight ul.socialtop {margin-top:10px;}
.mainnav.smallheight ul.socialtop a i { font-size:1em; padding:6px; width:30px; }
.mainnav.smallheight ul.socialtop li:last-of-type {padding-top: 5px;font-size: 0.85em}
.navbar-nav>li a { padding:0 ;position: relative ;width:80px;height:80px;text-align: center; text-transform:uppercase; color:#000; font-size:0.85em; }
.navbar-nav>li a span { transition:opacity 0.3s linear; -webkit-transition:opacity 0.3s linear; visibility: hidden; position: absolute;bottom:0;left: 0;right: 0;margin: auto;width: 200px;left: -60px;}
.navbar-nav>li a:hover span { visibility: visible;opacity: 1}
.navbar-nav>li a:hover, .navbar-nav>li a:focus { background-color:transparent; text-decoration:none; outline:none; }
.btn { width:auto; margin:40px auto 0 auto; padding:12px 45px; font-family:'Montserrat', sans-serif; font-size:0.85em; text-transform:uppercase; border:0; border-radius:0; -webkit-border-radius:0; }
.btn.btn_white { background-color:#1A2730; color:#FFF; border:1px solid #FFF; transition:all 0.4s ease; -webkit-transition:all 0.4s ease;}
.btn.btn_white:hover { background-color:#FFF; color:#1A2730; }
.btn.btn_blue { background:transparent; color:#1a2730; border:1px solid #1A2730; -webkit-transition:all 0.4s ease; transition:all 0.4s ease;}
.btn.btn_blue:hover { background-color:#1A2730; color:#FFF; }
.ham {fill:#1E2730;width:25px;height:35px;}
.ham:hover {opacity:0.8}
.modal {background:rgba(30,39,48, 1)}    
.modal-fullscreen-menu .close {color: white;opacity: 1;padding: 10px;position: absolute;top: 2.5%;right: 2.5%;
z-index: 1; font-size: 3vh;}    
.modal-fullscreen-menu .modal-dialog {margin: 0 auto;width: 100%;max-width: 768px;display: flex;height: 100%;align-items: center;flex-direction: column;justify-content: center;}   
.modal-fullscreen-menu .modal-content {background-color: transparent;box-shadow: none;border: none;}
.modal-fullscreen-menu #menu-scroll {text-align: center;margin: 0 auto;width: 100%;padding:0;}     
.modal-fullscreen-menu #menu-scroll li {list-style: none;padding:5px 0}   
.modal-fullscreen-menu #menu-scroll a {font-size: 200%;font-weight: 200;letter-spacing: 0.05em;border: none;transition: all 0.25s ease;background-color: transparent;color: white;font-size: 4vh;}
.modallink {color:#fff}        
.modallink:hover {background:rgba(30,39,48, 1)}    
.modallinkmenu {margin:15px 0 0 0;padding:0;}
.modallinkmenu li {list-style: none;text-align: center;color:#fff;float:left;padding: 10px 25px 0 25px;}
.modallinkmenu li.nofloat {float:none;padding:10px 0}
.modallinkmenu li a {font-size:2em;color:#fff}          
.modal-fullscreen-menu #menu-scroll a:hover {color:rgba(255,255,255,0.6)}
.modal-backdrop.in {opacity: 1;}
.hvr-underline-from-left:before {background:rgba(30,39,48, 1)}
.navbar-btn.btn-link {color: #1E2730;border-radius: 0;text-transform: uppercase;font-size:.85em;font-weight: 400;border: 0!important;}