/*
Theme Name: Intuito 600 Theme
Theme URI: http://intuitowebdesign.com
Description: Theme created by Intuito
Author: Rob Haskell, Intuito
Author URI: http://intuitowebdesign.com
Version: 1.0

License: This is a commercial theme. Do not copy or distribute without permission. 
License URI:

General comments (optional).
960 12 grid layout
10px = 1.04166666666667
20pc = 2.08333333333333

*/

body { margin:0; padding:0; font-size:100%; font-family: 'Open Sans', sans-serif; color:#444; background:url('images/bg.jpg') center top; background-size:cover; background-attachment:fixed; }
a { text-decoration:none; color:#E8663A; }
a:hover { text-decoration:underline; }
a:visited {}
img { max-width:100%; height:auto!important; }
a img { border:0; }
.wp-caption { max-width: 100%; }

h1 { font-family:times roman, serif; font-style:italic; font-weight:normal; margin-top:0; }
h2 { font-size:32px; color:#222222; font-weight: normal; margin-bottom:16px; }
h3 { font-family: 'Dancing Script', cursive; font-weight:400; font-size:40px; color:#bf9553; line-height: 50px; margin:0; }
h4 { font-weight: bold; text-decoration:italic; font-weight:normal; }
h5 { }
h6 { }
h1, h2, h4, h5, h6 { font-family: 'Lato', sans-serif; text-transform:uppercase; }
blockquote { margin: 1em 2em; border-left: 1px dashed #999; padding-left: 1em; }
blockquote p:first-letter { float: left; margin: .2em .3em .1em 0; font-family: 'Kite One', sans-serif; 
	font-size: 220%; font-weight: bold; }
blockquote p:first-line { font-variant: small-caps; font-size:1.2em; }

.wrapper { margin-right:auto; margin-left:auto; width:960px; }
.page { float:left; width:100%; }
.content { font-size:.9em; line-height:1.5em; color:#303030; background:#FFF; }
.contentSmall { display:none; }

.post {float:left; width:69.79166666666667%; margin:20px 2.4% 10px 4%; } 
.post h1 { margin: .8em 0 2em 0;}
.post-in-list {float:left; margin-top:20px;  } 

.bottom-banner img { display:block; }
.bottom-content { background: #fff; padding:16px; color:#303030; }

/* Header */
.header { float:left; width:100%;  position:relative; }
.header-top { float:left; position:relative; z-index:0; width:100%; }
.logo { width:28.5097192224622%; margin-top:1em; margin-left:35.75%; position:absolute; z-index:100; }
.header-right { float:right; width: 34.332%; position:absolute; z-index:100; left: 64%; margin-top:6.5em; }
.header-right-title { float:left; margin:20px 0 0 20px; font-size:2em; background:url('images/transparent.png'); padding:5px; }
.description { float:left; clear:left; font-size:.5em; text-transform:uppercase; }
.header-bottom { width:100%; float:left; margin-top:-4px; display:none; }

.header-bottom-middle { float:left; width:27.7%; position:relative; }
.header-bottom-middle-bg { float:left; width:100%; position:absolute; z-index:99; }
.header-bottom-middle-tx { float:left; width:80%; margin: 2em 7%; position:absolute; z-index:100; color:white; font-size:.7em; 
	text-align:justify; }
.header-bottom-middle-txsmall { display:none; float:left; width:80%; margin: 2em 7%; position:absolute; z-index:100; color:white; font-size:.7em; 
	text-align:justify; }
.header-bottom-middle-tx p:first-letter { font-size: 16px; font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif; }
.header-bottom-right { float:right; margin-right:2.5%; width:33.7%; border-bottom-right-radius:10px; overflow:hidden; 
	z-index:2; position:relative; }
.header-bottom-left { float:left; margin-left:2.8%; width:33.4%; border-bottom-left-radius:10px; overflow:hidden; }

/* Menu */
.menu { float:left; width:100%; height:4.5em; position:relative; z-index:100;}
.menu ul { padding: 0; margin: 0; list-style: none; width:100%; padding-left:244px; }
.menu ul li { width:8.963%; display: block; float: left; margin-right:10px; }
.menu ul li a { display: block; color: white; text-decoration: none; margin-top:-3px; }
.menu ul li a:hover { display: block; background: url('images/menu-hover.png') no-repeat !important; }
.menu ul li.current_page_item a { display: block; background: url('images/menu-hover.png') no-repeat !important; }

/*
li#home { margin-left:5.399%; }
li#history { margin-left:2.699%; }
li#menu-item { margin-left:3.779%; }
li#bakery { margin-left:26.457%; }
li#locations { margin-left:2.159%; }
*/

.menuPage { float:left; width:100%; height: 3em; position:relative;  font-size:1.6em; font-style:italic; background-color: #211D1E;
	font-family: times roman, serif; margin-top: 0; border-top-right-radius: 12px; border-top-left-radius: 12px; background-size:100%; }
.menuPage ul { padding: 0; list-style: none; margin:1.6em 0 0 6%; margin-left:187px; }
.menuPage ul li { display: block; float: left; margin-right: 2em; }
.menuPage ul li a { display: block; color: white; text-decoration: none; }
.menuPage ul li a:hover { display: block; color:#F0E4B4; } 

h2.menuTitle { line-height: 2em; font-size:1.3em; text-transform:uppercase; clear:left; margin:0; }
.menuList ul { padding:1em 0 1em 1%; margin:0 0 .8em 0; list-style:none; float:left; width:99%; }
.menuList ul li { width:30%; float:left; margin: 0 3% 3em 0; } /* width is 244 */
.menuList ul li:nth-child(3n+1) { clear:left; }
.menuList ul li strong { color:#996633; }
.menuSection:first-child h2, .menuSection:first-child p  { margin-left:130px; }
.menuSection:first-child h2 { padding-top:40px; }

 
/* Slideshow */
.slideshow { float:left; margin-bottom:1.5em; width:100%; }

/* Sidebar */
.sidebar { float:left; width:25.58139534883721%; margin:20px 0; background:#fafafa; border:1px solid #ccc; }
.sidebar ul { list-style:none; margin:0 10px 10px 10px; padding:0; }
.sidebar ul li { margin-bottom:30px; }
.sidebar ul li h2 { font-weight:normal; text-transform:uppercase; font-size:1em; }
.sidebar ul li ul { margin-left:1em; }
.sidebar li li { margin-bottom:0 !important; }
.sb-left {  }
.sb-right {  }

/* Footer */
.footer-outer { padding:30px 0; background: #000; color:#666; font-size: 14px; margin-top:20px; }
.footer { }
.col-3 { width: 30.38348%; float: left; margin-right: 4.42478%; }
.col-3 h4 { color:#fff; margin-bottom:25px; letter-spacing: 2px; text-transform: uppercase; }
#siteinfo { border-top: 1px solid; margin-top: 20px; padding-top: 20px; }
.col-3:nth-child(3) .col-3-inner { padding-left:160px; }

/* Images */

/*Images*/
img.alignright { float:right; margin:0 0 1em 1em; }
img.alignleft { float:left; margin:0 1em 1em 0; }
img.aligncenter { display: block; margin-left: auto; margin-right: auto; }
a img.alignright { float:right; margin:0 0 1em 1em; }
a img.alignleft { float:left; margin:0 1em 1em 0; }
a img.aligncenter { display: block; margin-left: auto; margin-right: auto; }
.wp-caption.aligncenter {display: block; margin-left: auto; margin-right: auto; text-align:center; font-size:11px; font-style:italic; }
.wp-caption.alignright {float:right; margin:0 0 1em 1em; text-align:center; font-size:11px; font-style:italic; }
.wp-caption.alignleft {float:left; margin:0 1em 1em 0; text-align:center; font-size:11px; font-style:italic; }
p.wp-caption-text { margin-top: 0px; color:silver; }

/* Locations */
.locationGrid { width:27%; margin-left:2%; float:left; }
#menuPageContent { background:url('images/menu-bg.jpg') center top no-repeat #FFFFE7; height:1345px; border-top-right-radius: 12px; border-top-left-radius: 12px; }
#postMenu { width:88%; margin-left:6%; height:1200px; overflow:auto; padding-right:6%; margin-top:0; }

.header-gallery-sm { display:none; }
#locationContentSM {display:none;}
#halfPage { display:inline;}
.mtv-images {float:left; margin-left:3px;}

.locationCaption { font-size:10px; font-style:italic; }
.locationGrid { text-align:center; } 
.mtv-images { text-align:center; margin-bottom:5px; }

// New stuff
.home-page-banner { position:relative; clear:both; }
.home-page-banner img { display:block; }
.home-logo {top:0px; left:-88px; position:absolute; z-index:999; }
.header-top, .logo, .header-right { display:none; }
.menu { height:75px; }
.col-4-container { background:#FFf; padding:0 12px; color: #303030; }
.col-4 { float:left; width:24%; margin-left:1.3%; }
.col-4:first-child { margin-left:0; }
.col-4-inner { padding:5px; }
.col-4-inner p { text-align: justify; line-height: 26px; }

.bakery-left, .bakery-right { float:left; }
.bakery-left { width:70%; margin-right:5%; }
.bakery-right { width:20%; padding-top:20px; }
.inner-padding { padding:20px; }
.bakery-item { padding-bottom:10px; }
.bakery-item-left { width:70%; margin-right:5%; min-height:1px; float:left; }
.bakery-item-right { width:25%; float:left; }
.bakery-item-left img { height:auto!important; }

.page-18 #postMenu p:first-child { padding-left:128px; }
.page-18 #postMenu { margin-top:20px; }

@media screen and (max-width: 1000px) {

    .wrapper { margin-right:auto; margin-left:auto; width:97%; }
    .slideshow { display:none; }
    .header-right img { display:inline; }

    .header-bottom-left, .header-bottom-right {  }
    .header-bottom-right img { float:right; }
    .header-bottom-left img { float:left; }
    .header-bottom-middle { min-width:233px; }
    .menu { float:left; width:100%; position:relative; z-index:100;}
    .menu ul li { width:12%; }

    li#home { margin-left:1.399%; }
    li#history { margin-left:1.5%; }
    li#menu-item { margin-left:2.5%; }
    li#bakery { margin-left:26.457%; }
    li#locations { margin-left:2.159%; }

    .mtv-images { width:450px; margin-left:auto; margin-right:auto; float:none; }
    
    .col-4 { width:47.5%; margin-right:5%; margin-left:0; }
    .col-4:nth-child(even) { margin-right:0; }

    .home-logo { position:relative; text-align:center; left:auto; }
    .home-logo img { height: 182px!important; }
    
    .menuSection:first-child h2, .menuSection:first-child p { margin:auto; }
    
    .menuPage ul { padding: 0; list-style: none; margin:1.6em 0 0 6%; margin-left:0; text-align: center; }
    .menuPage ul li { float:none; display:inline-block; margin:0 1em; }
    .col-3-inner { padding:0!important; }
}

@media screen and (max-width: 720px) {

    .header-bottom-middle { display:none; }
    .contentSmall { display:inline; margin: 1em 2% 0 2%; border-radius:10px; background:#1F1C1E; color:white; float:left; }
    .contentSmall p { margin-right:1em; margin-left:1em; }
    .header-bottom-left, .header-bottom-right { width:47.3%; }
    #locationContentLG {display:none;}
    #locationContentSM {display:inline; width:80%; margin-left:10%; }
    #half {width:47%!important;}
    .menu ul li a:hover { display: block; background: url('images/menu-hover.pn') no-repeat !important; }
    .menu ul li.current_page_item a { display: block; background: url('images/menu-hover.pn') no-repeat !important; }
    
    .bakery-right, .bakery-left, .bakery-item-right, .bakery-item-left { width:auto; float:none; }
    .bakery-right { text-align: center; }
    .col-3 { width:auto; float:none; text-align: center; }
}

@media screen and (max-width: 500px) {

    .sidebar { clear:both; width:70%; margin-left:15%; }
    .menuList ul li { width:80%; margin:10%; }
    .header-right { display:none; }
    .header-bottom-left { display:none; }
    .header-bottom-right { width:70%; max-width:325px; border-bottom-right-radius:.4em; border-bottom-left-radius:.4em; margin-right:14%;}
    .header-bottom-middle { display:none; }
    .contentSmall { display:inline; margin: 1em 2% 0 2%; border-radius:10px; background:#1F1C1E; color:white; float:left; }
    .contentSmall p { margin-right:1em; margin-left:1em; }
    .menuPage { font-size:1em; }
    .mtv-images { width:80%; }

    .bakery-item-left { width:auto; float:none; }
    .bakery-item-right { width:auto; float:none; }
    
    .col-4 { width:auto; float:none; margin:0; }

}

@media screen and (max-width: 320px) {
    
    .menu { float:left; width:100%; height: 63px; position:relative; z-index:100;}
    .menu ul li { width:20%; }
    .menu ul li.current_page_item a { display: block; background: none !important; }
    .menu ul li a:hover { background:none !important; }

    li#home { margin-left:0; }
    li#history { margin-left:0; }
    li#menu-item { margin-left:0; }
    li#bakery { margin-left:0; }
    li#locations { margin-left:0; }

    .logo { margin-top:4em;}
    .header-bottom-middle-txsmall { margin-top:2em; font-size:.6em; }
    .header-bottom-left { display:none; }
    .header-bottom-right { display:none; }

    .header-gallery-sm { display:inline; float:left; width:94%; margin-left:3%; border-bottom-right-radius:2em; border-bottom-left-radius:2em;}
    .menuPage ul { margin-top:.1em; }
    
    
}