/*	burgersartisanbakery.com LAYOUT STYLE SHEET
    =============================================
		
	Publication:  03 05 2017
	Last Update:  03 05 2017
	Author:  - www.iammichaelwilliams.com
	
	
	KEY COLOUR REFS.
	BROWN		#331B10		51,27,16
	CREAM		#FFEEB8		255,238,184
	BLUE		#A1D8FF		161,216,255
    BLUE DK     #76c4fb     118,196,251
	DARK CREAM	#F7DAB4		247,218,180
	LIGHT CREAM	#FFFAE8		255,250,232
	LIGHT BROWN	#755639		117,86,57
	WHITE		#FFFFFF		255,255,255

    =============================================*/

/*  =============================================
    Font declarations */
@font-face {
    font-family: "humanst521_btroman";
    src: url("/fnt/hum521n-webfont.eot");
    src: url("/fnt/hum521n-webfont.eot?#iefix") format("embedded-opentype"),
         url("/fnt/hum521n-webfont.woff") format("woff"),
         url("/fnt/hum521n-webfont.ttf") format("truetype"),
         url("/fnt/hum521n-webfont.svg#humanst521_btroman") format("svg");
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: "adventorregular";
    src: url("/fnt/adventor-reg-webfont.eot");
    src: url("/fnt/adventor-reg-webfont.eot?#iefix") format("embedded-opentype"),
         url("/fnt/adventor-reg-webfont.woff") format("woff"),
         url("/fnt/adventor-reg-webfont.ttf") format("truetype"),
         url("/fnt/adventor-reg-webfont.svg#adventorregular") format("svg");
    font-weight: normal;
    font-style: normal;

}

/* box sizing */
html {box-sizing:border-box;}*,*:before,*:after{box-sizing:inherit;}

/* normailze plus extra html, body rules */
/*! normalize.min.css v3.0.2 | MIT License | git.io/normalize */html{height:100%;font-size:100%;overflow-y:scroll;font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0;min-height:100%;-webkit-font-smoothing:antialiased;font-smoothing:antialiased; text-rendering:optimizeLegibility;}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{background-color:transparent;text-decoration:none;}a:active,a:hover{outline:0}a:focus{outline:thin dotted}abbr[title],dfn[title]{border-bottom:1px dotted;cursor:help}b,strong,dt{font-weight:700}dfn{font-style:italic}h1{font-size:2em;margin:.67em 0}mark{background:#ff0;color:#000}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{}sub{bottom:-.25em}img,object,embed,video{width:100%;/*height:auto;*/max-width:100%;_width:100%}img{border:0;-ms-interpolation-mode:bicubic}svg:not(:root){overflow:hidden}figure{margin:1em 40px}hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0}pre{overflow:auto}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0;/*vertical-align:baseline;*/}button{overflow:visible}button,select{text-transform:none}button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}input{line-height:normal}input[type=checkbox],input[type=radio]{padding:0}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{height:auto}input[type=search]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{border:0;padding:0}textarea{overflow:auto}optgroup{font-weight:700}table{border-collapse:collapse;border-spacing:0}td,th{padding:0}var,address{font-style:normal}

body {
    font: 62.5%/1.5 "humanst521_btroman", Helvetica, Helvetica Neue, Arial;
    /* style weight size line-height family */
}
/* Composed to a scale of 12px, 14px, 16px, 18px, 21px, 24px, 36px, 48px, 60px and 72px */
h1 {font-family: "adventorregular", 'Avant Garde', Avantgarde, 'Century Gothic', CenturyGothic, AppleGothic, sans-serif;
    margin: 0; font-size: 3.6em; line-height: 1.3333333333333333333333333333333em; color: #fff; font-weight: normal; margin-top: -10px;} /* 36px / 48px */
h2 {margin: 0; font-size: 4.8em; line-height: 1em; margin-bottom: 0.5em} /* 48px / 48px */
h3 {margin: 0; font-size: 1.8em; line-height: 1.3333333333333333333333333333333em; margin-bottom: 1em; color: #A1D8FF; font-weight: normal;} /* 18px / 24px */
h4 {margin: 0; font-size: 2.4em; line-height: 1em; margin-bottom: 1em;} /* 24px / 24px */
h5 {margin: 0; font-size: 2.1em; line-height: 1.1428571428571428571428571428571em; margin-bottom: 1.1428571428571428571428571428571em} /* 21px / 24px */
h6 {margin: 0; font-size: 1.8em; line-height: 1.3333333333333333333333333333333em; margin-bottom: 1.3333333333333333333333333333333em} /* 18px / 24px */
p, ul, blockquote, pre, td, th, label {margin: 0; font-size: 1.6em; line-height: 1.5em; margin-bottom: 1em} /* 16px / 24px */
small, p.small {margin: 0; font-size: 1.4em; line-height: 1.7142857142857142857142857142857em; margin-bottom: 1.7142857142857142857142857142857em} /* 14px / 24px */

/* HYPERLINKS */
article p a, 
article li a{
    color: #F7DAB4;
}
a { -webkit-transition: all 0.35s ease-out;  
	-moz-transition: all 0.35s ease-out;
	-ms-transition: all 0.35s ease-out;
	-o-transition: all 0.35s ease-out;
	transition: all 0.35s ease-out;
}
p a:link,
footer li a:link {
    border-bottom: 1px solid transparent;
}
p a:visited, li a:visited {}
p a:hover,
footer li a:hover,	
p a:active,
footer li a:active {
    border-bottom: 1px solid #F7DAB4;
    color: #FFFAE8;
}

/* MARKED/INSERTED/DELETED AND SELECTED TEXT */
ins, mark {text-decoration: none}
mark {background: #c47529}
ins {background: #d49855}
del {text-decoration: line-through}
::-moz-selection {background: #c47529; color: #fff; text-shadow: none} /* selected text */
::selection {background: #c47529; color: #fff; text-shadow: none} /* selected text */

/* IE7 and below notice */
#browserupgrade {font-size: 1.6em; width:100%; padding: 1.5em 0; text-align: center; border-bottom: 2px solid #755639; background-color:#331B10; color: #FFEEB8; margin: 0;}
#browserupgrade a {color: #A1D8FF; border: none; border-bottom: 1px solid #A1D8FF;}
#browserupgrade a:hover {color: #FFFAE8;}
#browserupgrade a:active {color: #FFF; background: none;}

hr {display:block;height:1px;border:0;margin:1em 0;padding:0;
    border-top: 1px solid #ccc;}
audio,canvas,iframe,img,svg,video{vertical-align:middle;}
fieldset {border:0;margin:0;padding:0;}

/* LISTS */
ul, ol {list-style-position: inside; padding: 0; list-style-type: none;}
li ul, li ol {margin: 0 1.5em}


/* MAIN ELEMENTS */
header {
    position: relative;
}
.logo {
    width: 240px;
}
main,
footer {
    float: left;
    margin: 1em 0 0;
	background:#331B10; background:rgb(51,27,16); background:rgba(51,27,16,0.95);
}
main {
    padding: 20px 10px 0;
    width: 100%;
}
article p {
    color: #F7DAB4;
    text-align: justify;
}
article p span {
    font-size: 1.25em;
    color: #A1D8FF;
    font-weight: normal;
}
article ul {
    color: #A1D8FF;
}
article ul span {
    width: 50%;
    display: inline-block;
    color: #F7DAB4;
}
.g2 {
    padding: 0 10px;
    width: 100%;
}
#slides,
article {
    padding-bottom: 20px;
}

/* MAP */
.map {
    float: left;
    width: 100%;
    padding: 20px
}
.map article {
    overflow: hidden;
	height: 500px;
    position: relative;
    width: 100%;
}
.map iframe {
	position: absolute;
	top: 0;
	left: 50%;
	width: 1800px;
	margin-left: -900px;
}

/* FOOTER */
footer {
    padding: 1em 20px .75em;
    width: 100%;
    color: #A1D8FF;
}
footer a {
    color: #A1D8FF;
}
footer ul {
    float: left;
    clear: both;
    margin: 0 0 .25em;
}
footer li:before {
    content: "•";
    padding: 0 .5em;
}
footer li:first-child:before {
    content: "";
    padding: 0;
}
#facefloat, #twitfloat {
    float: left;
}
#viewtoggle {
    clear: both;
}
footer b {
	display: inline-block;
	height: 16px; 
	width: 16px;
	margin: 0 8px 0 0;
	vertical-align: middle; 
	background: transparent url("/img/nav_social_sprite.png") no-repeat 0px 0px;
	-webkit-transition: background-color 0.35s ease-out;  
	-moz-transition: background-color 0.35s ease-out;
	-ms-transition: background-color 0.35s ease-out;
	-o-transition: background-color 0.35s ease-out;
	transition: background-color 0.35s ease-out;
}
.icoface {
    background-position: -138px 0;
    background-color: #3b5998;
}
.icotwit {
    background-position: -123px 0;
    background-color: #4099FF;
}
a:hover .icoface,
a:active .icoface,
a:hover .icotwit,
a:active .icotwit {
    background-color: #c4a987;
    border-bottom: none;
}
.credits {
    margin: 3em 0 5em;
	width: 200px;
	padding: 10px 20px;
	float: left;
	text-decoration: none;
	font-family: "Helvetica Neue", "Helvetica", Arial, sans-serif;
	color: #331B10;
	-webkit-transition: all 0.35s ease-out;  
	-moz-transition: all 0.35s ease-out;
	-ms-transition: all 0.35s ease-out;
	-o-transition: all 0.35s ease-out;
	transition: all 0.35s ease-out;
}
.credits:hover {
	background:#331B10; background:rgb(51,27,16); background:rgba(51,27,16,0.50);
	color: #FFFAE8;
	text-decoration: none;
	cursor: hand;
}
#showtoggle {
	background:#331B10; background:rgb(51,27,16); background:rgba(51,27,16,0.50);
	color: #F7DAB4;
	margin-left: 50px;
	padding: 5px 10px;
	float: left;
    font-size: 1.6em;
}
#showtoggle a {
	color: #F7DAB4;
}


/* NAVIGATION */
a.menu-link {
    position: absolute;
    top: 16px;
    right: 0;
	display: none !important;
    
    text-indent: 110%;
    white-space: nowrap;
    overflow: hidden;
    text-transform: capitalize;
    
	width: 65px;
    height: 65px;
	color: #fff;
    outline: none;
}
.menu-link b,
.menu-link b:before,
.menu-link b:after {
    cursor: pointer;
    height: 5px;
    width: 35px;
    background: white;
    position: absolute;
    display: block;
    content: "";
    background-color: #A1D8FF;
    border-radius: 2px;
    
    -webkit-box-shadow: 0px 0px 10px 2px rgba(51,27,16,0.8);
    -moz-box-shadow: 0px 0px 10px 2px rgba(51,27,16,0.8);
    box-shadow: 0px 0px 10px 2px rgba(51,27,16,0.8);
}
.menu-link b {
    top: 29px;
    left: 15px;
}
.menu-link b:before {
    top: -11px;
}
.menu-link b:after {
    bottom: -11px;
}

a:hover.menu-link {
}
nav {
	-webkit-transition: all 0.35s ease-out;  
	-moz-transition: all 0.35s ease-out;
	-ms-transition: all 0.35s ease-out;
	-o-transition: all 0.35s ease-out;
	transition: all 0.35s ease-out;
}
nav {
    font-family: "adventorregular", 'Avant Garde', Avantgarde, 'Century Gothic', CenturyGothic, AppleGothic, sans-serif;
	overflow: hidden;
	max-height: 0;
}
nav.active {
	max-height: 35em;
}
nav ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
    background-color: #A1D8FF;
    height: 30px !important;
}
nav a {
    display: none !important;
	margin-bottom: .5em;
    padding: 5px 0;

    text-align: center;
    text-decoration: none;
    white-space: nowrap;

    color: #331B10;
    background-color: #A1D8FF;
	background: #A1D8FF url("/img/navigation-swirl.png") no-repeat 75% 600%;
}

nav a:hover {
    color: #331B10;
	background-position: 75% 100%;
    background-color: #76c4fb;
}

.page_bakery .nav_bakery,
.page_patisserie .nav_patisserie,
.page_tearoom .nav_tearoom,
.page_chocolatier .nav_chocolatier,
.page_weddings .nav_weddings,
.page_ourstory .nav_ourstory,
.page_contact .nav_contact,
.page_follow .nav_follow {
    color: #331B10;
	background-position: 75% 100%;
    background-color: #76c4fb;
    pointer-events: none;
}

nav a:hover {
    text-decoration: underline;
}
nav a:active {
}


/* ==========================================================================
   Media Queries
   ========================================================================== */

/* MOBILE PORTRAIT */
@media only screen and (min-width: 320px) {
}

/* MOBILE LANDSCAPE */
@media only screen and (min-width: 480px) {
	nav a {
        width: 48%;
        float: left;
        margin: 0 1% .5em;
    }
    nav.active {
        max-height: 18em;
    }
}

/* SMALL TABLET */
@media only screen and (min-width: 600px) {
	
}

/* TABLET/NETBOOK - portrait iPad */
@media only screen and (min-width: 768px) {
    .logo {
        width: 312px;
    }
    #wrapper {
        width: 738px;
        margin: 0 auto;
    }
    a.menu-link {
        right: 20px;
    }
    
}


/* LANDSCAPE TABLET/NETBOOK/LAPTOP */
@media only screen and (min-width: 990px) {
    .logo {
        width: 520px;
    }
    #wrapper {
        width: 860px;
        margin: 0 auto 0 50px;
    }
    .g2 {
        padding: 0 10px;
        width: 50%;
        float: left;
    }
    /* NAV */
	nav {
        border-bottom: 5px solid #FFEEB8;
        float: left;
        width: 100%;
    }
    nav ul{
    }
	nav a {
        width: 12.5%;
        float: left;
        margin: 0;
        position: relative;
        font-size: .875em;
        background-position: 100% 600%;
    }
    nav a:before {
        content: "•";
        position: absolute;
        left: -.25em;
    }
    nav a:hover,
    nav a:visited {
        background-position: 100% 100%;
    }
    .page_bakery .nav_bakery,
    .page_patisserie .nav_patisserie,
    .page_tearoom .nav_tearoom,
    .page_chocolatier .nav_chocolatier,
    .page_weddings .nav_weddings,
    .page_ourstory .nav_ourstory,
    .page_contact .nav_contact,
    .page_follow .nav_follow {
        background-position: 100% 100%;
    }

    nav li:first-child a:before {
        display: none;
    }
	
	a.menu-link {
	   display: none;
	}
	.js nav {
		max-height: none;
	}
	nav ul {
		border: 0;
	}
    footer li {
        float: left;
    }
    #viewtoggle {
        clear: none;
    }
    
    /* IE fixes */
    nav ul li {
        display: inline;
    }

    .oldie nav a {
        margin: 0 0.7%;
    }
}

@media only screen and (min-width: 1280px) { 
/* DESKTOP */
	
}

/* WIDESCREEN */
@media only screen and (min-width: 1400px) { 
	body {font-size:78.125%} /* 20px / 30px */
    #wrapper {
        width: 1280px;
    }
}


/*
	Supersized - Fullscreen Background jQuery Plugin Stylesheet
	Version 3.1.3 Core
	www.buildinternet.com/project/supersized
	
	By Sam Dunn / One Mighty Roar (www.onemightyroar.com)
	Released under MIT License / GPL License
*/

body { background:#846C54; }
img{ border:none; }
		
#supersized-loader { position:absolute; top:50%; left:50%; z-index:10; width:64px; height:65px; margin:-30px 0 0 -30px; text-indent:-999em; background-color:#FFF; background:rgba(255,255,255,0.9) url(/img/loading.gif) no-repeat center center; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px;}
	
#supersized { position:fixed; left:0; top:0; overflow:hidden; z-index:-999; height:100%; width:100%; }
#supersized img{ height:auto; width:auto; position:relative; outline:none; border:none; -ms-interpolation-mode:bicubic; image-rendering: optimizeQuality; }

/* ======================================================================
   Utility Classes - sticky footer / social share / slides as modules? */

span.amp{font-family:adobe-caslon-pro,Adobe Caslon Pro,Baskerville,"Goudy Old Style","Palatino","Palatino Linotype","Book Antiqua",Georgia,"Times New Roman",Times,serif;font-weight:400;font-style:italic;font-size:110%;line-height:0;position:relative;vertical-align:baseline} /* Best available ampersand */

.hidden {display:none!important;visibility:hidden;}

.visuallyhidden {border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;}
.visuallyhidden.focusable:active,.visuallyhidden.focusable:focus{clip:auto;height:auto;margin:0;overflow:visible;position:static;width:auto;}

.invisible{visibility:hidden;}

/* MICRO CLEARFIX */
.cf:before,.cf:after{content:"";display:table}
.cf:after{clear:both}
.cf{zoom:1}

.clear {clear: both;}

/* ==========================================================================
   Print styles */

@media print {
    *,
    *:before,
    *:after  {background: transparent !important; color: black !important; text-shadow: none !important; filter:none !important; -ms-filter: none !important; box-shadow: none !important;} /* Black prints faster */
  a, a:visited {color: #444 !important; text-decoration: underline}
  a[href]:after {content: " (" attr(href) ")"}
  abbr[title]:after {content: " (" attr(title) ")"}
  .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after {content: ""}  /* Don't print links for images, javascript or internal links */
  pre, blockquote {border: 1px solid #999; page-break-inside: avoid; }
  thead {display: table-header-group; } /* Repeat header row at top of each printed page */
  tr, img {page-break-inside: avoid; }
  img {max-width: 100% !important; }
  @page {margin: 0.5cm}
  p, h2, h3 {orphans: 3; widows: 3}
  h2, h3{page-break-after: avoid}
}