/* Colours:
Red: #8f120b; Tan: #ffc000;
*/

/* Colors */
.colour-1 {background:#ffd863;color:#333;}
.colour-2 {background:#ffeca0;}
.colour-3 {background:#8f120b;}
	.colour-3 a, .colour-3 a[href^=tel] { color:#fdf5d2;}
	.colour-3 a:hover, .colour-3 a[href^=tel]:hover {color:#fff;}
.colour-4 {background:#FA9600;}
.colour-5 {background:#6d0b06;}
	.colour-5 a, .colour-5 a[href^=tel] { color:#fdf5d2;}
	.colour-5 a:hover, .colour-5 a[href^=tel]:hover {color:#fdf5d2;}
.colour-6 {background:#fdf5d2;color:#444;}
	.colour-6 a, .colour-6 a[href^=tel] { color:#8f120b;}
	.colour-6 a:hover, .colour-6 a[href^=tel]:hover {color:#8f120b;}

/* Body formating */
html, body { color: #fff;min-width:1059px;text-align: center; /*For IE*/font-size:100%;font-size:16px;font-weight:400;background: #111;font-family: 'BenchNine', Arial, Helvetica, sans-serif;
	transition: width ease .5s;-webkit-transition: width ease .5s;-moz-transition: width ease .5s;-o-transition: width ease .5s;-ms-transition: width ease .5s;
}
img {border:0;}
p {line-height:1.5em;font-size:1.5em;}
/* Remove iOS formatting */
input[type=submit], input[type=reset], input[type=text], input[type=email] {-webkit-appearance: none;border:none;border-radius:0;}
select { -webkit-appearance:none;border-radius:0;border:none;background:white;font-size:1em;line-height:1em;}
/* Remove Spacing */
html, body, h1, h2, h3, .noMP {margin: 0; padding: 0;}
h1, h2, h3, h4, h5, h6 {font-weight:400;}

a {color:#8f120b;}
a:hover {color:#6d0b06;}

section {opacity: 0;}

.loaded section {opacity: 1;-webkit-transition: opacity 300ms ease-out;-moz-transition: opacity 300ms ease-out;transition: opacity 300ms ease-out;}

/* Columns */
.c1 {width:100%;}
.c2 {width:49%;}
.c3 {width:33%;}
.c2of3 {width:67%;}
.c4 {width:25%;}
.c1pad {width:96%;margin:0 2%;}
.c2pad {width:45%;margin:0 2%;}
.c3pad {width:29%;margin:0 2%;}
.c2of3pad {width:63%;margin:0 2%;}
.c4pad {width:21%;margin:0 2%;}

.wrapper {width:1009px;margin:0 auto;text-align:left;}
.IE7 .wrapper {width:960px;}

/* Header */
header, #header {position:fixed;z-index:9999;background:#111;width:100%;text-align:left;}
header nav ul {list-style:none;width:1059px;margin:1em auto;}
header nav ul li {display:inline-block;}
header nav ul li a {font-size:1em;text-transform:uppercase;text-decoration:none;padding:.5em 1em;transition: all ease .5s;-webkit-transition: all ease .5s;-moz-transition: all ease .5s;-o-transition: all ease .5s;-ms-transition: all ease .5s;color:#fff;}
nav ul li a:hover {color:#fdf5d2;}
.IE7 ul li {display:inline;}
#header-logo {width:5em;vertical-align:middle;}

.fixedposition header {position: absolute; } /* IOS devices turned the header position into absolute at the point the keyboard is selected */

#logo {width:300px;margin-top:4em;}

/* SLIDES */
#slides {overflow-x: hidden; text-align:center;-webkit-transition: all 3ms ease;-moz-transition: all 3ms ease;transition: all 3ms ease;}

#slides section:before {content: '';display: inline-block;height: 100%; vertical-align: middle;margin-right: -0.25em; /* Adjusts for spacing */ }

#slides section {background-position: center center;background-repeat: no-repeat;background-attachment: fixed;background-size: cover;height:100%;width:100%;padding:2em 0;}

#slides h1 {font-size:5em;}
#slides h2 {font-size:3em;}
#slides h3 {font-size:3em;}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {  
   /* IE10+ specific styles go here: apparently only IE10+ can do -ms-high-contrast */ 
   #slides section {background-attachment:scroll;} /* Problem with IE11 not fixing a fixed background on divs */
}

.v-center {display: inline-block;vertical-align: middle;}

/* Custom Slides */
#home {background-image:url('../resources/img/home.jpg');}
#home .dark-transp-bg {background:#333;background:rgba(0,0,0,0)}
#bread_cover {background-image:url('../resources/img/bread_cover.jpg');}
#bread_good_heart {background-image:url('../resources/img/bread_good_heart.jpg');}
#bun_cover {background-image:url('../resources/img/bun_cover.jpg');}
#bun_variety {}
#gluten_cover {background-image:url('../resources/img/gluten_free_2.jpg');}
#gluten_snacks {background-image:url('../resources/img/gluten-free-pie.jpg');}

#deli_cover {background-image:url('../resources/img/deli_cover.jpg');}
#baked_goods_cover {background-image:url('../resources/img/baked_goods_cover.jpg');}

#cafe_cover {background-image:url('../resources/img/cafe_cover3.jpg'); background-position:top;}
#cafe_coffee {background-image:url('../resources/img/beans.jpg');color:#fff;}
#cafe_coffee img {max-width:90%;}
#cake_cover {background-image:url('../resources/img/cakes_cover.jpg');}
#wedding_cover {background-image:url('../resources/img/wedding2.jpg');}
#history_cover {background-image:url('../resources/img/history_cover.jpg');}

#map iframe {width:100%;height:200px;}

.IE7 #slides section {background-repeat:repeat;}
.IE7 #home {overflow:hidden;height:800px;}
.IE7 #logo {padding-top:10em;}

.IE7 #bread_cover, .IE7 #bun_cover, .IE7 #bread_good_heart, .IE7 #gluten_cover, .IE7 #deli_cover, .IE7 #baked_goods_cover, .IE7 #cafe_cover, .IE7 #cafe_coffee, .IE7 #cake_cover, .IE7 #wedding_cover, .IE7 #history_cover {overflow:hidden;height:400px;width:1000px;}

.IE7 #slides h1 {margin-top:2em;}
.IE7 #load_text, .IE8 #load_text {display:none;}

.form-error {display:none;background:#8f120b;color: #fff;font-size:1.5em;-text-transform: uppercase;padding:.5em;margin-right:1em;margin-top:2.5em;position:absolute;z-index:9;}
.form-error:after {content:"";display:block;position:absolute;top:-15px;left:15px;width:0; height:0;border-width:0 10px 15px 10px;border-style:solid;border-color:#8f120b transparent;z-index:9;}
#ajax-contact-form input[type=number], #ajax-contact-form input[type=text], #ajax-contact-form input[type=email], #ajax-contact-form select, #ajax-contact-form textarea {width:80%;}

/* Button */
.button3d { background:#8f120b;color:#fff;font-weight:bold;text-transform:uppercase; padding:.5em 1em; margin:.5em; 
display: inline-block; text-decoration:none; font-size:.9em; font-weight:400; box-shadow: 1px 0px #66100c, 0px 1px #66100c, 2px 1px #66100c, 1px 2px #66100c,3px 2px #66100c, 2px 3px #66100c,4px 3px #66100c, 3px 4px #66100c,5px 4px #66100c, 4px 5px #66100c,6px 5px #66100c, 5px 6px #66100c;}
.button3d:hover, .button3d:focus {-webkit-transform:translate(2px, 2px);-moz-transform:translate(2px, 2px);-ms-transform:translate(2px, 2px);-o-transform:translate(2px, 2px);transform:translate(2px, 2px);box-shadow: 1px 0px #66100c, 0px 1px #66100c,2px 1px #66100c, 1px 2px #66100c,3px 2px #66100c, 2px 3px #66100c,4px 3px #66100c, 3px 4px #66100c;}
.button3d:active {-webkit-transform:translate(4px, 4px);-moz-transform:translate(4px, 4px);-ms-transform:translate(4px, 4px);-o-transform:translate(4px, 4px);transform:translate(4px, 4px);box-shadow: 1px 0px #66100c, 0px 1px #66100c,2px 1px #66100c, 1px 2px #66100c;}

#hours table {width:90%;font-size:1.5em;}
#hours table tr:nth-child(odd) {background:#702421;}
#hours table tr:nth-child(even) {background:#66100c;}
#hours table td {width:50%;padding:1em;}

#email {background:#ffe;}

label {color: #222;font-size: 1.2em;display:block;}
input[type=text], input[type=email], select {color: #333;font-style:italic;font-size:1.5em;line-height: 1.5em;border: #CCC solid 2px;position: relative;}
textarea {color: #555;font-style:italic;font-size:1.5em;line-height: 1.5em;border: #CCC solid 2px;postion: relative;}

footer {background:#111;padding:1em 0;}
footer nav ul {list-style:none;}
footer nav ul li {display:inline-block;}
footer nav ul li a {font-size:1em; text-transform:uppercase; text-decoration:none;padding:.5em 1em;color:#ffe;}
#footer-logo img {width:7em;vertical-align:middle;}

/* Lists */
#choice ul {margin:0;padding:0;text-align:center;list-style:none;}
#choice ul li {margin:.1em;padding:0;display:inline-block;}
#choice ul li a {padding:1em .5em;background:#8f120b;color:#fff;text-decoration:none;min-width:5em;display:block;transition: all ease .5s;-webkit-transition: all ease .5s;-moz-transition: all ease .5s;-o-transition: all ease .5s;-ms-transition: all ease .5s;}
#choice ul li a:hover {padding:3em .5em 1 .5em;background:#fff;color:#8f120b;}
#choice svg {display:block;margin:0 auto;width:5em;height:5em;}
.svg {fill:#FFF;background:#8f120b;}
.hole {fill:none;}
#choice ul li a:hover .svg {fill:#8f120b;}
#load_text svg {width:30%;}

.IE7 #choice ul li {display:inline;}

/* Misc. CSS */
#bigcatchdesign {color:#fdf5d2;text-decoration: none;padding:.5em;}
#bigcatchdesign:hover {text-decoration: underline;}
.redFont {color: #cc0000;}
.padding1em {padding: 1em;}
.padding3em {padding: 3em;}
.margin1em {margin: 1em;}
.mobile, .tablet {display: none;}
.desktop {display: inherit;}
.inline-block {display:inline-block;}
.IE7 .inline-block {display:inline;}
.block {display:block;}
.IE7 .desktop {display:inline-block;}
.text_shadow {text-shadow:1px 2px 0px rgba(0,0,0, .4);}
.emboss {text-shadow:0px -1px 0px rgba(0,0,0, .4), 1px 1px 2px rgba(255,255,255, 0.4);}
.width100percent {width:100% !important;}
.width90percent {width:90% !important;}
.auto-center {margin: 0 auto;}
.align-right {text-align:right;}
.align-left {text-align:left;}
.align-center {text-align: center;}
.float-right {float:right;}
.float-left {float:left;}
.visible {overflow:hidden;}
.clear {clear:both;}
.bold {font-weight: 500;}
.one-margin-left {margin-left: 1em;}
.one-margin-right {margin-right: 1em;}
.uppercase {text-transform: uppercase;}
.underline {text-decoration:underline;}
.fine-print {font-size: .8em;font-style: italic;line-height: 1.8em;}
.pointer {cursor:pointer;}
.mid-tan {background-color: #d6c28f;}
.white-border {border: solid 4px #fff;}
.round-padded-box {border: #CCC solid 2px;-webkit-border-radius: 5px;border-radius: 5px;}
.vertical-top {vertical-align:top;}
.vertical-middle {vertical-align:middle;}
.vertical-bottom {vertical-align:bottom;}
.dark-transp-bg {background:#333;background:rgba(0,0,0,.2);padding:.5em 1em;}
.text3d {text-shadow: 0 1px 0 #999,0 2px 0 #777,0 3px 0 #555,0 4px 0 #333,0 5px 0 #444,0 6px 1px rgba(0,0,0,.1),0 0 5px rgba(0,0,0,.1),0 1px 3px rgba(0,0,0,.3),0 3px 5px rgba(0,0,0,.2),0 5px 10px rgba(0,0,0,.25),0 10px 10px rgba(0,0,0,.2),0 20px 20px rgba(0,0,0,.15);}

/* Remove Skype Phone CSS */
span.skype_pnh_container {display:none !important;}
span.skype_pnh_print_container {display:inline !important;}

/* Sliding Nav using jPanelMenu */
#nav_toggle {display:none;}

#jPanelMenu-menu {background:#000;}
#jPanelMenu-menu img {width:80%;margin:0 10%;}
#jPanelMenu-menu ul {margin:0;padding:0;text-align:left;}
#jPanelMenu-menu li {display:inline;}
#jPanelMenu-menu li a {text-transform:uppercase;text-decoration:none;padding:.5em 1em;transition: all ease .5s;-webkit-transition: all ease .5s;-moz-transition: all ease .5s;-o-transition: all ease .5s;-ms-transition: all ease .5s;color:#fff;display:block;font-size:1.5em;padding:.5em 2em}
#jPanelMenu-menu ul li a:hover {color:#fdf5d2;}

.load_img {background: #8f120b;}
#load_text {position:fixed;top:25%;left:25%;width:50%;text-align:center;}
#load_text h3 {font-size:3em;}

@media screen and (max-width: 1059px) {
	html, body {min-width:0;}
	.wrapper {width:90%; margin: 0 5%;}
	#slides section {background-position: center center;background-repeat: no-repeat;height:100%;width:100%;background-attachment:scroll;}
	#slides section:before {display:none}
	header nav ul li a {font-size:1.1em;padding:.6em;}
	.v-center h1 {margin-top:1em;}
	#home #logo {margin-top:5em;}
}
@media screen and (max-width:875px) {
	#main_nav {display:none;}
	#phone {color:#fff;text-align:right;}
	#nav_toggle {display:block;width:100%;padding:1em 0;}
	#nav_toggle span {padding:1em;font-size:1.5em;color:#fdf5d2;}
		#nav_toggle a[href^=tel] { color:#fdf5d2;}
		#nav_toggle a[href^=tel]:hover {color:#fdf5d2;}
	.dark-transp-bg, #home .dark-transp-bg {background:#333;background:rgba(0,0,0,.35)}
	
	#home #logo {margin-top:4em;}
	
	#slides h1 {font-size:5em;}
	#slides h2 {font-size:4em;}
	#hours table {width:90%;}
	
	footer {text-align:left;}
	#footer-logo {width:100%;}
	#footer-logo img {width:20%;margin:0 40%;}
	footer nav ul {margin:0;padding:0;}
	footer nav ul li {display:inline-block;width:25%;margin:0;}
	footer nav ul li a {display:block;padding:1em;margin:0;}
	#bigcatchdesign {width:100%;}
}
@media screen and (max-width:600px) {
	html, body {min-width:0;}
	p {font-size:22px;}
	.wrapper {width:90%; margin: 0 5%;}
	.dark-transp-bg {background:#333;background:rgba(0,0,0,.5)}
	.c2 {width:100%;}
	.video {width:100%;padding:0;margin:0 0 1em 0;}
	
	#slides h1 {font-size:3em;}
	#slides h2 {font-size:2em;}
	#slides h3 {font-size:1.8em;}
	#home #logo {width:50%;margin:3em auto 0 auto !important;}
	#home .c3 {width:80%;}
	#bun_varitey .c3, #baked_goods .c3, #freeWIFI, #wedding_order .c3, #history_order .c2pad {width:55%;padding: 0 0 0 5%;}
	#gluten_snacks .c2of3 {width:90%;margin:1em auto;}
	#freeWIFI {display:none;}
	
	#hours table {width:100%;}
	#hours table td {padding:.5em;}
	#map li {width:100%;margin-top:1em;}
	footer nav ul li {width:50%;}
	
	#load_text h3 {font-size:2em;}
}