/*
Theme Name: b patisserie v1.15
Theme URI: https://bpatisserie.com
Description: Custom WordPress Theme
Version: 1.15
Author: Vanessa Yap-Einbund
Author URI: http://www.vanessayapeinbund.com/
*/

html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td {
margin:0; padding:0; border:0; outline:0; font-size:100%; vertical-align:baseline; background:transparent; }
body { line-height:1; font:62.5%/1.6 'Quicksand', Arial, Sans-serif; background-color: #fdf5dc; color: #3b1d14; -webkit-text-size-adjust: 100%; }


/* -- Typography & Colors -- */
#menu { font-size: 1.4em; }
#menu a { text-decoration: none; text-transform: uppercase; letter-spacing: 0.14em; margin-left: 20px; color: #3b1d14; }
#page a { color: #3b1d14; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; }
#page a:hover { color: #856f68; }
.current_page_item { font-weight: bold; }
#page .current_page_item a:hover { color: #3b1d14; }
#content, #content-sidebar-page { font-size: 17px; line-height: 24px; }
.textwidget p { font-size: 18px; letter-spacing: 0.055em; }
#footer-address { width: 350px; float: left; font-size: 16px; line-height: 24px; letter-spacing: 0.055em; text-align: left; margin-right: 20px; }
#footer-email { float: left; font-size: 16px; line-height: 24px; text-align: right; letter-spacing: 0.055em; text-align: left; margin-right: 40px; }
#footer-b-on-the-go { font-size: 16px; line-height: 24px; border-left: 1px solid #ddb341; float: left; padding-left: 40px; }
#footer a { text-decoration: none; }
#footer-b-logo { float: right; height: 50px; width: auto;  }
h4 { font: 300 18px/24px oswald, arial, sans-serif; letter-spacing: 0.055em; }
h3 { font: 21px/27px oswald, arial, sans-serif; letter-spacing: 0.055em; margin-bottom: 3px; }
h3 a { text-decoration: none; }
h2 { font: 21px/27px oswald, arial, sans-serif; letter-spacing: 0.055em; margin-bottom: 23px; }
h2 a { text-decoration: none; }
.onethirdcol, .onethirdcol-last { font-size: 17px; line-height: 26px; }
.days { font: 400 20px/24px oswald, arial, sans-serif; letter-spacing: 0.12em; display: block; font-weight: 400; margin-top: 26px; margin-bottom: 10px; }
.sister-restaurant { font-size: 14px; }
.time { font: 400 16px/32px 'quicksand', arial, sans-serif; letter-spacing: 0.15em; display: block; }
.page-template-page-home-php .entry a { text-decoration: none; }
.menu-days { color: #3b1d14; font: 300 18px oswald, arial, sans-serif; letter-spacing: 0.12em; display: block; font-weight: 400; margin-top: 65px; margin-bottom: 2px; text-align: center; width: 100%; }
.menu-time, .menu-time a { color: #3b1d14; font-family: 'quicksand', arial, sans-serif; line-height: 1.7; font-size: 14px !important; letter-spacing: 0.15em; display: block; text-align: center; }
.menu-social { width: 100%; text-align: center; margin-top: 10px; }

/* -- Begin Structure -- */
#page { max-width: 1100px; padding: 0 20px; margin: 0 auto; }
#slideshow-crop { height: 685px; }
#logo { margin: 36px 0 0 0; float: left; width: 180px; height: auto; }
#menu { float: right; text-align: right; margin: 37px 0 126px 0; }
#menu li { display: inline; }
.page-template-page-home-php #menu { margin-bottom: 100px; }
#social { width: 125px; margin: 0 auto; padding-bottom: 40px;  }
#social a:hover { opacity: 0.5; }
#content-sidebar-page { width: 65%; float: right; letter-spacing: 0.055em; }
#sidebar { float: left; width: 25%; }
#sidebar img { width: 100%; height: auto; }
#footer { margin: 93px 0 30px 0; border-top: 1px solid #ddb341; border-bottom: 1px solid #ddb341; padding: 15px 0; }
.onethirdcol { width: 30%; float: left; margin-right: 5%; margin-top: -30px; }
.onethirdcol-last { width: 30%; float: left; margin-top: -30px; margin-right: 0; }
#map_canvas { width:538px; height:320px; margin: 0; float: left; }
.page-template-page-contact-php #content .post { width: 380px; float: right; margin-left: 20px; }
#meteor-slideshow { margin: 0 auto; position: relative; margin-bottom: -10px; }
#meteor-buttons { width: auto; margin: 0 auto; position: absolute; left: 47%; bottom: 62px; }
#page .meteor-buttons a { margin-left: 5px; }
.onethirdcol a, .onethirdcol-last a { text-decoration: none; }
.page-template-page-contact-php a { text-decoration: none; }
#homeaddress { text-align: center; letter-spacing: 0.055em; font-size: 18px; line-height: 24px; letter-spacing: 0.055em; margin: 26px 0 0 0; margin-bottom: -0.2em; }
#homeaddress p { padding-bottom: 0; }
.home-content { margin-top: 30px; }
.page-template-page-home-php .entry { font-size: 40px; line-height: 44px; letter-spacing: 0; max-width: 659px; margin: 0 auto; text-align: center; font-weight: 300; padding-bottom: 65px; }
.page-template-page-home-php .entry p strong { font-size: 36px; font-weight: bold; }
.page-template-page-home-php .entry p { padding-bottom: 10px; }
.page-template-page-home-php .entry .main-item-text { padding-bottom: 60px; font-size: 28px; font-weight: bold; }
#footer-logo { float: left; margin-right: 59px; }
.page-template-page-shop-php .entry { width: 458px; float: right; }
.page-template-page-shop-php .entry h3 { margin-bottom: 30px; }
.page-template-page-shop-php img { margin-bottom: 21px; }
.page-template-page-shop-php input { width: 395px; height: 32px; line-height: 32px; font-size: 14px; border: none; padding: 0 10px; margin: 5px 0 0 0; font-family: 'Quicksand', Arial, Sans-serif; }
.page-template-page-shop-php input.radio-select { width: 15px; height: 15px; padding: 0 15px 0 30px; margin: 0; }
.page-template-page-shop-php .radio-wrapper { width: 150px; }
.page-template-page-shop-php textarea { width: 395px; padding: 10px; border: none; height: 100px; margin: 5px 0 0 0; font-family: 'Quicksand', Arial, Sans-serif; }
.page-template-page-shop-php input.wpcf7-submit { background-color: #3b1d14; color: #fff; font-family: 400 18px 'Quicksand', Arial, Sans-serif; width: 235px; text-transform: uppercase; letter-spacing: 0.06em; }
.page-template-page-shop-php input.wpcf7-submit:hover { cursor: pointer; background-color: #856f68; }
#image-above-text { width: 120px; margin-bottom: 0.8em; }


/* -- Begin Images -- */
.page-thumb { width: 100%; height: auto; margin-bottom: 0; }
.page-id-53 .page-thumb, .page-id-73 .page-thumb { margin-bottom: 0; }
p img { padding: 0; max-width: 100%; }
img.centered { display: block; margin-left: auto; margin-right: auto; }
img.alignright { padding: 4px; margin: 0 0 2px 7px; display: inline; }
img.alignleft { padding: 4px; margin: 0 7px 2px 0; display: inline; }
.alignright { float: right; }
.alignleft { float: left; }



/* -- Begin Lists -- */
ol,ul { list-style:none; }
.entry ul { list-style: disc inside; text-indent: 0.5em; padding-bottom: 0.75em; }
.entry ol { list-style:decimal inside; padding-bottom: 1.5em; }
.entry li { padding-bottom: 0.75em; margin: 0; line-height: 1em;  }



/* -- Begin Various Tags & Classes -- */
.entry p { padding-bottom: 1.5em; }
.clr { clear: both; }
.post-edit-link { display: block; width: 40px; height: 40px; background: url(images/edit-post.png) top left no-repeat; text-indent: -10000px; position: fixed; right: 20px; bottom: 20px; }
.facebook { margin-right: 11px; height: 18px; margin-bottom: 1px; }
.instagram { margin-right: 11px; height: 18px; }
.twitter { height: 15px; margin-bottom: 2px; }


/* -- Clearfix -- */
.cf:before,
.cf:after { content: ""; display: table; }
.cf:after { clear: both; }
.cf { zoom: 1; /* For IE 6/7 (trigger hasLayout) */ }
.sidebar-bump { margin-top: 24px; }
.clr { clear: both; }


/* -- Firefox Fix -- */
@-moz-document url-prefix() {
   	#moz-wrapper { position: absolute; width: 100%; background-color: #fdf5dc; z-index: 5; }
}



/* -- Bigger than Mobile -- */
@media all and ( min-width: 768px ) {
    .mobile-only { display: none; }
    menu { padding: 0 !important; }

}

/* -- Bigger than Medium -- */
@media all and ( min-width: 1024px ) {
    #medium-email { display: none; }
}


/* -- Footer re-arrange -- */
@media all and ( min-width : 768px ) and ( max-width : 1130px ) {

    #footer div { font-size: 16px !important; }
    #footer-address { width: 48%; }
    #footer-email { display: none; }
    #medium-email { margin-top: 20px; display: block; }
    #footer-b-on-the-go { padding-left: 0; border: none; width: 48%; text-align: right; float: right; }
    #footer-b-logo { margin-top: 20px; float: right; }

}

/* -- iPad (portrait) -- */
@media all and ( min-width : 768px ) and ( max-width : 1023px ) {

#logo { width: 140px; }
#menu { font-size: 1.2em; margin: 35px 0 126px 0; }
#menu a { margin-left: 10px; }


}


/* ----------- Mobile ----------- */
@media all and ( max-width: 767px ) {

#page { padding-top: 60px; }
.page-template-page-home-php #page { padding-top: 0; }
.desktop-only { display: none; }
#page #mobileNavIcon { display: block; width: 2.5em; height: 2.5em; margin-right: 4em; margin-top: 2em; float: right; background: url(images/nav-open.svg) center center no-repeat; -webkit-transition: none; -moz-transition: none; -ms-transition: none; -o-transition: none; transition: none; }
.iconoff { background-image: url(images/nav-close.svg) !important;  }
/*nav*/
#mobile-menu { overflow-y: hidden; -webkit-overflow-scrolling: touch; position: fixed; top: -100%; left: 0; right: 0; width: 100%; height: 100%; z-index: 1000000; background-color: #fdf5dc; color: white; -webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out; -ms-transition: all 0.5s ease-out; -o-transition: all 0.5s ease-out; transition: all 0.5s ease-out; z-index: 999; padding-top: 6.0em; }
#mobile-menu menu { margin: 0; padding-left: 2em; padding-top: 2em;  }
#mobile-menu a { font-size: 1.75em; text-decoration: none; }
.slide-right { top: 0 !important; }
#header { position: fixed; top: 0; left: 0; right: 0; background-color: #fdf5dc; width: 100%; padding-left: 2em; z-index: 10000; }
#logo { margin-top: 1em; margin-bottom: 1em; width: 13.0em; }

.opening-image { margin-top: 60px; }

#medium-email { display: none; }

#footer-address { margin-bottom: 1em; clear: both; font-size: 15px; width: 100%; }
#footer-email { margin-bottom: 1em; clear: both; font-size: 15px; }
#footer-b-on-the-go { margin-bottom: 1em; padding-left: 0; border: none; clear: both; font-size: 15px; }
#footer-b-logo { float: left; clear: both; height: 40px; }

.onethirdcol, .onethirdcol-last { width: 100%; margin: 0; }

#content-sidebar-page { width: 100%; }
#sidebar { width: 100%; }

.page-template-page-home-php .entry { line-height: 1.1; }
.page-template-page-home-php .main-item-heading { line-height: 0.9 !important; }
.page-template-page-home-php .entry p strong { font-size: 27px; }
.page-template-page-home-php .entry .main-item-text { font-size: 24px; }

.days { font-size: 19px; line-height: 0.8; }
.time { font-size: 14px; line-height: 1.7; }
.page-id-76 .page-thumb, .page-id-32 .page-thumb  { margin-bottom: 25px; }
h3 { font-size: 20px; }
}







.half-width { position: relative; }
.half-width img { width: 100%; max-width: 1900px; height: auto; margin: 0 auto; vertical-align: top; }

.slick-dots li button::before { color: $grey !important; opacity: 0.85 !important; }
.slick-dots li.slick-active button::before { color: $red !important; }
.slick-dots li button::before { font-size: 25px; }

.opening-image { position: relative; }



/* Pop up */
.popup-outer {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	width: 100%;
	height: 100vh;
	background-color: rgba(0, 0, 0, 0.7);
	z-index: 100000;
	overflow: auto;
	opacity: 0;
	visibility: hidden;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
	cursor: pointer;
}

.popup-outer.active {
	opacity: 1;
	visibility: visible;
}

.popup-wrap {
	max-width: 595px;
	padding: 70px 40px 40px 40px;
	margin: 100px auto 100px auto;
	background-color: #fdf5dc;
    color: #3b1d14;
    font-size: 20px;
    font-weight: bold;
	position: relative;
	cursor: default;
    box-sizing: border-box;
}

.popup-wrap p {
    margin-bottom: 30px;
}

.close-popup {
	width: 24px;
	height: 24px;
	position: absolute;
    top: 20px;
    right: 20px;
	cursor: pointer;
	background: url(images/close.png) center center no-repeat;
	background-size: 100% auto;
}



@media ( max-width:768px ) {

	.popup-wrap {
		max-width: 90%;
        margin-top: 100px;
        padding: 50px 20px 10px 20px;
	}
}




/* Dots */
.slick-slider
{
    margin-bottom: 30px;
}

.slick-dots
{
    position: absolute;

    bottom: 20px;
left: 0;
    right: 0;

    display: block;

    width: 100%;
    padding: 0;

    list-style: none;

    text-align: center;
    z-index: 99;
}
.slick-dots li
{
    position: relative;

    display: inline-block;

    width: 20px;
    height: 20px;
    margin: 0;
    padding: 0;

    cursor: pointer;
}
.slick-dots li button
{
    font-size: 0;
    line-height: 0;

    display: block;

    width: 20px;
    height: 20px;
    padding: 5px;

    cursor: pointer;

    color: #fff;
    border: 0;
    outline: none;
    background: transparent;
}
.slick-dots li button:hover,
.slick-dots li button:focus
{
    outline: none;
}
.slick-dots li button:hover:before,
.slick-dots li button:focus:before
{
    opacity: 1;
}
.slick-dots li button:before
{
    font-family: 'slick';
    font-size: 25px;
    line-height: 25px;

    position: absolute;
    top: 0;
    left: 0;

    width: 20px;
    height: 20px;

    content: '•';
    text-align: center;


    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.slick-dots li.slick-active button:before
{
    opacity: 1;
    color: #ddb341;
}





// Slick Slider/* Slider */
.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);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}