/*
Theme Name: Cheeseboard Collective
Theme URI: http://wordpress.org/
Description: The Cheeseboard Collective theme
Version: 1.0.0
Author: Pixelette
Author URI: www.pixelettestudios.com
*/




/*RESET*/
html, body, div, span, h1, h2, h3, h4, h5, h6, p, a, img, strong, b, u, i, ol, ul, li, form, label { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; }

/*DEFAULTS*/
html { overflow-y: scroll; }
td { vertical-align: top }
a { text-decoration: none }
a:hover { text-decoration: none }
.cf:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clear { height: 0%; clear: both; overflow: hidden; }
img { border: 0; display: block; }
.hidden { display: none }
.img-responsive { max-width: 100% }
.hide-mobile { display: block }
.show-mobile { display: none }
input[type=submit] { -webkit-appearance: button; }

@media (max-width: 768px) {
.hide-mobile { display: none }
.show-mobile { display: block }
}

/* Begin Images */
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; }

/* Captions */
.aligncenter, div.aligncenter { display: block; margin-left: auto; margin-right: auto; }
.wp-caption { border: 1px solid #ddd; text-align: center; background-color: #f3f3f3; padding-top: 4px; margin: 10px; -moz-border-radius: 3px; -khtml-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; }
.wp-caption img { margin: 0; padding: 0; border: 0 none; }
.wp-caption p.wp-caption-text { font-size: 11px; line-height: 17px; padding: 0 4px 5px; margin: 0; }

/*PAGE TEXT*/
.page_text h1:first-child, .page_text h2:first-child, .page_text h3:first-child, .page_text h4:first-child, .page_text h5:first-child, .page_text h6:first-child { margin-top: 0 }
.page_text h1, .page_text h2, .page_text h3, .page_text h4, .page_text h5, .page_text h6 { color: #666; font-weight: normal; margin-bottom: 5px; margin-top: 10px; }
.page_text h1 { font-size: 22px; }
.page_text h2 { font-size: 20px; }
.page_text h3 { font-size: 18px; }
.page_text h4 { font-size: 16px; }
.page_text h5 { font-size: 14px; }
.page_text h6 { font-size: 12px; }
.page_text a { text-decoration: underline; color: #666; }
.page_text p { color: #666; font-size: 12px; line-height: 150%; margin-bottom: 15px; }
.page_text ul { margin-left: 25px; margin-bottom: 15px }
.page_text ol { margin-left: 30px; margin-bottom: 15px }
.page_text li { color: #666; font-size: 12px; line-height: 150%; }
.page_text blockquote { color: #666; font-size: 12px; line-height: 150%; margin: 0px 0px 0px 20px; font-style: italic }

/*NAVIGATION*/
.navigation { display: block; text-align: center; margin-top: 10px; margin-bottom: 60px; font-size: 12px; width: 700px }
.navigation .alignleft { float: left }
.navigation .alignright { float: right }
.navigation .back { float: left }
.navigation a { display: inline-block; list-style-type: none; font-family: 'Droid Serif', serif; color: #009BB7; font-size: 15px; text-transform: uppercase; font-weight: bold; }

/*BODY*/
body { background-color: #fff; font-family: Arial, Helvetica, sans-serif; color: #000; margin: 0 }

/*GLOBAL*/
.container { width: 1400px; margin: auto }
.container:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.container-fluid:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.col { float: left; }

@media (max-width: 768px) {
.col { float: none; }
}
.btn-blue { cursor: pointer; display: block; color: #fff; font-size: 13px; font-family: 'Droid Serif', serif; font-weight: 400; text-align: center; background-color: #0893ac; border: 0; padding: 8px 10px; text-transform: uppercase }

/*POPUP WINDOW TEXT FORMATTING*/
.popsformat { padding: 10px 10px 0 10px; background: #fff; }
.popsformat { padding: 30px 30px 20px 30px }
.popsformat h1, .popsformat h2, .popsformat h3, .popsformat h4, .popsformat h5, .popsformat h6 { color: #5b5b5b; font-size: 30px; font-family: 'Source Sans Pro', sans-serif; font-weight: 400; margin-bottom: 15px; text-transform: uppercase }
.popsformat p { color: #5b5b5b; font-size: 18px; font-family: 'Source Sans Pro', sans-serif; font-weight: 400; margin-bottom: 5px }

@media (max-width: 1400px) {
	.container { width: 1170px; }
}

@media (max-width: 1200px) {
	.container { width: 993px; }
}

@media (max-width: 992px) {
	.container { width: 769px; }
}

@media (max-width: 768px) {
	.container { width: auto; }
}

/*HEADER*/
.header-background { background-color: #c4f8fc }
.header .tag { width: 251px; height: 140px; position: relative }
.header .tag p { position: relative; top: 46px; left: 23px; font-family: 'Droid Serif', serif; color: #009bb7; font-size: 11px; text-transform: uppercase; font-weight: bold; text-align: center }
.header .logo { width: 952px; height: 140px; position: relative }
.header .social { width: 197px; height: 140px; position: relative }

/*SOCIAL ICONS*/
.social-icons { position: absolute; top: 42px; left: 35px; height: 29px }
.social-icons a { float: left; display: block; background-position: 0px 0px; width: 30px; height: 30px; background-repeat: no-repeat; margin-right: 5px }
.social-icons a:hover { background-position: 0px -28px }
.social-icons a.twitter { background-image: url(images/social_twitter_blue_sprite.png); }
.social-icons a.instagram { background-image: url(images/social_insta_blue_sprite.png) }
.social-icons a.instagram:hover { background-position: 0px -29px }
.social-icons a.facebook { background-image: url(images/social_fb_blue_sprite.png) }

@media (max-width: 1400px) {
.header .tag { width: 210px; height: 120px; }
.header .logo { width: 797px; height: 120px; }
.header .social { width: 163px; height: 120px; }
.header .tag p { top: 36px; left: 0px; }
.social-icons { position: absolute; top: 36px; left: 27px; height: 29px; }
}

@media (max-width: 1200px) {
.header .tag { width: 179px; height: 100px; }
.header .logo { width: 675px; padding: 0 10px; box-sizing: border-box; height: 100px; }
.header .social { width: 139px; height: 100px; }
.header .tag p { top: 26px; left: 0px; padding: 0 10px; font-size: 10px; }
.social-icons { position: absolute; top: 26px; left: 20px; height: 29px; }
}

@media (max-width: 992px) {
.header .tag { width: 138px; height: 90px; }
.header .logo { width: 524px; height: 90px; }
.header .social { width: 107px; height: 90px; }
.header .tag p { top: 16px; left: 0px; padding: 0 10px; }
.social-icons { position: absolute; top: 16px; left: 0px; height: 29px; }
}

@media (max-width: 768px) {
.header .tag { display: none }
.header .logo { width: 100%; height: auto; padding: 0; }
.header .social { margin-left: 10px; height: 65px; }
}

/*NAV BAR*/
nav { height: 51px; padding-top: 9px; box-sizing: border-box;}
nav > ul { width: 792px; margin: auto;}
nav > ul > li { display: inline-block; list-style-type: none; font-family: 'Droid Serif', serif; color: #022c33; font-size: 15px; text-transform: uppercase; font-weight: bold; padding: 0 15px }
nav > ul > li > a { color: #022c33; }
nav > ul > li { position: relative; }

@media (max-width: 1400px) {
	nav { }
	nav > ul { width: 722px }
	nav > ul > li { padding: 0 10px; }
}

@media (max-width: 1200px) {
	nav {  }
	nav > ul { width: 555px }
	nav > ul > li { padding: 0 6px; font-size: 12px; }
}

@media (max-width: 992px) {
	nav { }
	nav > ul { width: 481px }
	nav > ul > li { padding: 0 6px; font-size: 10px; }
}

@media (max-width: 768px) {
}

/*DROPDOWN*/
.sub-menu { display: none; z-index: 5000; position: absolute; top: 100%; left: 0; }
.sub-menu li { list-style-type: none; display: block; margin-left: 32px; background-color: #fff; padding-left: 8px; padding-right: 8px; padding-bottom: 10px; width: 100%; }
.sub-menu li:first-child { padding-top: 10px; }
.sub-menu li a { text-transform: uppercase; white-space: nowrap; transition: all 0.2s linear; font-family: 'Droid Serif', Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: 400; display: block; color: #009bb7; text-align: left; font-size: 13px; }
.sub-menu li a:hover { color: #bf9104; }

/*DROPDOWN TRIGGER
nav > ul > li:hover > ul.sub-menu { display: block }*/

@media (max-width: 1400px) {
}

@media (max-width: 1200px) {
	.sub-menu li { margin-left: 22px; width: 100%; }
	.sub-menu li a { font-size: 11px; }
}

@media (max-width: 992px) {
	.sub-menu li a { font-size: 10px; }
}

@media (max-width: 768px) {
	nav { height: auto; position: absolute; top: 10px; left: 0; width: 100%; box-sizing:border-box }
	nav > ul {; box-sizing:border-box; display: none; width: 193px; background-color: #fff; position: absolute; top: 52px; right: 0; padding-top: 11px; padding-bottom: 0; padding-right: 11px; z-index: 5000 }
	nav > ul > li { display: block; font-family: 'Droid Serif', serif; color: #024a57; font-size: 14px; text-transform: uppercase; font-weight: bold; text-align: right; padding: 0; margin: 0; border-bottom: 1px solid #3ba3b8; padding-bottom: 11px; margin-bottom: 11px; margin-left: 11px; }
	nav > ul > li:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
	nav > ul > li > a { font-family: 'Droid Serif', serif; color: #024a57; font-size: 14px; text-transform: uppercase; font-weight: bold; }
	.sub-menu { display: block; z-index: 5000; position: static; width: 173px; float: right; padding-top: 0; }
	.sub-menu li { width: 100%; display: block; font-weight: bold; text-align: right; background-color: transparent; padding: 0; margin: 0; border-top: 1px solid #c4e3ea; padding-top: 11px; margin-top: 11px }
	.sub-menu li a { white-space: normal; transition: all 0.2s linear; display: block; font-family: 'Droid Serif', serif; color: #3ba3b8; font-size: 14px; text-transform: uppercase; font-weight: bold; padding: 0; margin: 0; text-align: right; }
	.sub-menu li:first-child { padding-top: 11px; }
	nav a { display: block !important; }
	.menu { float: right; margin-right: 23px; margin-bottom: 18px; cursor: pointer }
}

/*FOOTER*/
.footer { background-image: url(images/footer-background.jpg); height: 146px; background-repeat: repeat-x }
.footer .mailinglist { width: 662px; margin-left: 88px; float: left; height: 146px; padding-top: 34px; box-sizing: border-box; }
.footer .social { width: 153px; float: left; height: 146px; padding-top: 52px; box-sizing: border-box; }
.footer .addresses { width: 242px; float: left; height: 146px; padding-top: 36px; box-sizing: border-box; }
.footer .contact { width: 242px; float: left; height: 146px; padding-top: 36px; box-sizing: border-box; }
.footer .mailinglist label { font-family: 'Droid Serif', serif; color: #f9f2d9; font-size: 13px; text-transform: uppercase; display: block; margin-bottom: 5px }
.footer .mailinglist input[type="text"] { padding-left: 10px; box-sizing: border-box; width: 232px; height: 31px; background-color: #fff; color: #5b5b5b; float: left; border: 0 }
.footer .mailinglist input[type="submit"] { display: inline-block; cursor: pointer; height: 33px; background-color: #009bb7; color: #ffffff; float: left; margin-left: 6px; border: 0; font-family: 'Droid Serif', serif; font-size: 13px; text-transform: uppercase }
.footer .social img { float: left; opacity: .5 }
.footer .social img:hover { opacity: 1 }
.footer .addresses p { font-family: 'Droid Serif', serif; color: #f9f2d9; font-size: 13px; margin-bottom: 10px }
.footer .addresses p a { color: #009bb7 }
.footer .addresses p.blue-back { color: #fff; background-color: #009bb7; display: inline-block; text-transform: uppercase; padding: 5px 5px }
.footer .contact p { font-family: 'Droid Serif', serif; color: #f9f2d9; font-size: 13px; margin-bottom: 10px }
.footer .contact p a { color: #009bb7 }
.footer .contact p.blue-back { color: #fff; background-color: #009bb7; display: inline-block; text-transform: uppercase; padding: 5px 5px }

@media (max-width: 1400px) {
	.footer .mailinglist { width: 453px; margin-left: 60px; }
	.footer .social { width: 153px; }
	.footer .addresses { width: 242px; }
	.footer .contact { width: 240px; }
}

@media (max-width: 1200px) {
	.footer .mailinglist { width: 353px; margin-left: 40px; }
	.footer .social { width: 153px; }
	.footer .addresses { width: 242px; }
	.footer .contact { width: 155px; }
}

@media (max-width: 992px) {
	.footer .mailinglist { width: 323px; margin-left: 0; }
	.footer .social { width: 123px; }
	.footer .addresses { width: 222px; }
	.footer .contact { width: 100px; }
}

@media (max-width: 768px) {
	.footer { background-image: url(images/footer-background.jpg); height: auto; background-repeat: repeat; padding-left: 10px; box-sizing: border-box; padding-bottom: 40px }
	.footer .mailinglist { width: auto; margin-left: 0; float: none; height: auto }
	.footer .social { width: auto; margin-left: 0; float: none; height: auto; padding-top: 22px; }
	.footer .addresses { width: auto; margin-left: 0; float: none; height: auto; padding-top: 22px; }
	.footer .contact { width: auto; margin-left: 0; float: none; height: auto; padding-top: 0 }
}

/*BANNERS*/
.main-banner { background-repeat: repeat-x; background-position: center top; background-size: cover }
.large-banner .main-banner { height: 578px; }
.medium-banner .main-banner { height: 400px; }
.small-banner .main-banner { height: 200px; }

/*HOME BANNER*/
.home-banner { z-index: 1000; background-size: auto; background-repeat: repeat-x; background-position: center top }
.home-banner-area { width: 1500px; height: 578px; margin: auto; position: relative }
#home-banner-01 { position: absolute; left: 7px; top: 351px; width: 1423px; height: 236px; z-index: 2; }
#home-banner-02 { position: absolute; left: 394px; top: 388px; width: 182px; height: 156px; z-index: 1; }
#home-banner-03 { position: absolute; left: 15px; top: 24px; width: 233px; height: 226px; z-index: 3; }
#home-banner-04 { position: absolute; left: 55px; top: 20px; width: 272px; height: 114px; z-index: 3; }

@media (max-width: 1500px) {
	.large-banner .main-banner { height: 450px; background-size: contain }
	.home-banner-area { width: 1170px; height: 450px; }
	#home-banner-01 { display: none }
	#home-banner-02 { display: none }
	#home-banner-03 { display: none }
	#home-banner-04 { left: 50px; top: 20px; width: 200px; height: auto; }
}

@media (max-width: 1200px) {
	.large-banner .main-banner { height: 382px; background-size: contain }
	.home-banner-area { width: 993px; height: 382px; }
	#home-banner-04 { left: 60px; top: 20px; width: 140px; height: auto; }
}

@media (max-width: 992px) {
	.large-banner .main-banner { height: 296px; background-size: contain }
	.home-banner-area { width: 769px; height: 296px; }
	#home-banner-04 { left: 45px; top: 15px; width: 110px; height: auto; }
}

@media (max-width: 795px) {
	.large-banner .main-banner { width: 100%; height: 380px; background-size: cover }
	.home-banner-area { display: none }
}

/*CHALKBOARDS*/
.chalkboards-background { background-image: url(images/chalkboard-background.jpg); background-color: #fff; background-repeat: repeat-x; z-index: 2000; position: relative }
.chalkboards { width: 1255px; margin: auto; padding-bottom: 50px }
.chalk-board { position: relative; float: left; width: 445px; height: auto; margin-left: 34px; -webkit-box-shadow: -1px 1px 22px -4px rgba(0,0,0,0.75); -moz-box-shadow: -1px 1px 22px -4px rgba(0,0,0,0.75); box-shadow: -1px 1px 22px -4px rgba(0,0,0,0.75); }
.chalk-board.upper { margin-top: -60px; }
.chalk-board.sm { width: 297px; margin-left: 0 }
.chalk-board .frame-top { z-index: 5000; width: 100%; height: 8px }
.chalk-board .frame-body { width: 100%; height: auto; position: relative }
.chalk-board .frame-text { width: 85%; height: auto; margin: auto; position: relative; z-index: 400; padding: 15px 0 20px 0; }
.chalk-board .frame-bottom { z-index: 5000; width: 100%; height: 8px }
.chalk-board .frame-body-background { width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 200 }

/*CHALKBOARDS TEXT*/
.chalkboard-text h1 { color: #ffffff; font-size: 34px; font-family: 'Droid Serif', serif; font-weight: 700; margin-bottom: 5px }
.chalkboard-text h2 { color: #fffcc5; font-size: 22px; font-family: 'Source Sans Pro', sans-serif; font-weight: 400; margin-bottom: 10px }
.chalkboard-text h3 { color: #ffffff; font-size: 20px; font-family: 'Source Sans Pro', sans-serif; font-weight: 700; }
.chalkboard-text p { color: #ffffff; font-size: 20px; font-family: 'Source Sans Pro', sans-serif; font-weight: 400; padding-bottom: 15px }
.chalkboard-text a { color: #bf9104; font-size: 16px; font-family: 'Droid Serif', sans-serif; font-weight: 700; display: block }

/*BAKERY CHALKBOARDS TEXT*/
.chalk-board.xs { width: 277px; margin-left: 0; float: none; margin-bottom: 25px }
.chalk-board.xs.upper { margin-top: -35px; }
.chalk-board.xs .chalkboard-text h1 { color: #ffffff; font-size: 34px; font-family: 'Droid Serif', serif; font-weight: 700; margin-bottom: 5px }
.chalk-board.xs .chalkboard-text article { padding-bottom: 0 }
.chalk-board.xs .chalkboard-text article:last-child { padding-bottom: 0 }
.chalk-board.xs .chalkboard-text article h3 { color: #ffffff; font-size: 18px; font-family: 'Source Sans Pro', sans-serif; font-weight: 700; text-transform: uppercase }
.chalk-board.xs .chalkboard-text article p { color: #ffffff; font-size: 18px; font-family: 'Source Sans Pro', sans-serif; font-weight: 400 }
.chalk-board.xs .chalkboard-text h4 { color: #fffcc5; font-size: 18px; font-family: 'Source Sans Pro', sans-serif; font-weight: 400; display: block }

@media (max-width: 1400px) {
	.chalkboards { width: 1170px; ; margin: auto; }
	.chalk-board { width: 367px; height: auto; margin-left: 34px; }
	.chalk-board.sm { width: 367px; margin-left: 1px }
	.chalk-board.xs { width: 90%; margin-left: 0; margin-bottom: 25px; margin: auto }
}

@media (max-width: 1200px) {
	.chalkboards { width: 993px; ; margin: auto; }
	.chalk-board { width: 317px; height: auto; margin-left: 20px; }
	.chalk-board.sm { width: 317px; margin-left: 2px }
}

@media (max-width: 992px) {
	.chalkboards { width: 769px; ; margin: auto; }
	.chalk-board { width: 243px; height: auto; margin-left: 20px; }
	.chalk-board.sm { width: 243px; margin-left: 0px }
}

@media (max-width: 768px) {
	.container { width: auto; }
	.chalk-board.upper { margin-top: 0; }
	.chalkboards { width: 95%; ; margin: auto; float: none; padding-top: 20px; padding-bottom: 20px }
	.chalk-board { width: 95%; height: auto; margin-left: 0; float: none; margin: auto; margin-bottom: 20px }
	.chalk-board.sm { width: 95%; margin-left: 0px; float: none; margin: auto; margin-bottom: 20px }
	.chalk-board.xs { width: 95%; margin-left: auto; margin-bottom: 25px; margin-right: auto; margin-top: 0; }
	.chalk-board.xs.upper { margin-top: 0; }
}

/*NEWS AND EVENTS*/
.news-events { padding-bottom: 100px;padding-top: 15px;  }
.newsevents-textarea { width: 914px; padding-left: 92px; padding-right: 97px; box-sizing: border-box; }
.newsevents-text h1 { font-family: 'Droid Serif', serif; color: #022c33; font-size: 38px; text-transform: uppercase; font-weight: bold; margin-bottom: 20px }
.newsevents-text article { margin-bottom: 30px }
.newsevents-text article header { display: block; margin-bottom: 3px }
.newsevents-text article header h2 { color: #fff; font-size: 22px; font-family: 'Source Sans Pro', sans-serif; font-weight: 700; float: left; padding: 0 3px; text-transform:uppercase; max-width:350px }
.newsevents-text article header a { display: inline-block; color: #009bb7; font-size: 13px; font-family: 'Droid Serif', serif; font-weight: 700; float: left; padding-top: 6px; padding-left: 10px; text-transform: uppercase }
.newsevents-text article header.events h2 { background-color: #009bb7; }
.newsevents-text article header.events a { color: #009bb7; }
.newsevents-text article header.pizzeria h2 { background-color: #46a410; }
.newsevents-text article header.pizzeria a { color: #46a410; }
.newsevents-text article header.bakery h2 { background-color: #b68308; }
.newsevents-text article header.bakery a { color: #b68308; }
.newsevents-text article h3 { color: #8f8f8f; font-size: 16px; font-family: 'Droid Serif', serif; font-weight: 400; }
.newsevents-text article p { color: #5b5b5b; font-size: 18px; font-family: 'Source Sans Pro', sans-serif; font-weight: 400; line-height: 130% }
.newsevents-text article p a { color: #0893ac; font-weight: bold }
.news-events-image { width: 486px; padding-top: 9px; box-sizing: border-box; }
.news-events-image img { margin-bottom: 15px; -webkit-box-shadow: -1px 1px 22px -4px rgba(0,0,0,0.75); -moz-box-shadow: -1px 1px 22px -4px rgba(0,0,0,0.75); box-shadow: -1px 1px 22px -4px rgba(0,0,0,0.75); }
.news-events-image .credit { font-family: 'Droid Serif', serif; color: #0893ac; font-size: 12px; text-transform: uppercase; font-weight: bold; }

@media (max-width: 1400px) {
	.newsevents-textarea { width: 760px; padding-left: 0; padding-right: 30px; }
	.news-events-image { width: 410px; }
}

@media (max-width: 1200px) {
	.newsevents-textarea { width: 645px; }
	.news-events-image { width: 348px; }
}

@media (max-width: 992px) {
	.newsevents-textarea { width: 500px; }
	.news-events-image { width: 269px; }
}

@media (max-width: 768px) {
	.news-events { padding-bottom: 20px; padding-left: 10px; padding-right: 10px; box-sizing: border-box }
	.newsevents-textarea { width: 100%; padding-top: 0; }
	.news-events-image { width: 100%; padding-top: 0 }
}

/*PAGE AREAS*/
.page-banner { background-repeat: repeat-x; background-position: center top; background-size: cover }
.page-banner.bakery { height: 200px; background-image: url(images/banner-bakery.jpg); }
.page-banner.pizza { height: 200px; background-image: url(images/banner-pizza.jpg); }
.page-banner.about { height: 400px; background-image: url(images/banner-about.jpg); }
.page-banner.aboutjoin { height: 200px; background-image: url(images/banner-about.jpg); }
.page-background { background-color: #fff; background-repeat: repeat-x; }
.page-background.bakery { background-image: url(images/bakery-background.jpg); }
.page-background.pizza { background-image: url(images/pizza-background.jpg); }
.page-background.about { background-image: url(images/about-background.jpg); }
.page-background.blog { background-image: url(images/about-background.jpg); }

/*PAGE*/
.page-columns { padding-bottom: 75px; position: relative }
.page-one-column { padding: 30px 63px 70px 63px; box-sizing: border-box; }
.page-left-chalkboard { float: left; width: 376px; padding-left: 50px; box-sizing: border-box; }
.page-center-content { float: left; width: 729px; padding-top: 35px; padding-right: 55px; box-sizing: border-box; position: relative; z-index: 2000 }
.page-center-content.cheese-cake-form { padding-right: 10px }
#centered-image { margin:25px auto 0 auto }
.page-center-right-content { float: left; width: 1024px; padding-top: 35px; padding-right: 55px; box-sizing: border-box; }
.page-center-right-content.bakery-menu-area { background-image: url(images/bakery-schedule-background.jpg); padding: 33px 10px; box-sizing: border-box; }
.page-right-infoboards { float: left; width: 295px; padding-top: 67px }
.page-content.text-area { padding-top: 30px }

@media (max-width: 1400px) {
	.page-left-chalkboard { width: 314px; padding-left: 0; }
	.page-center-content { width: 606px; padding-top: 35px; padding-right: 20px; }
	.page-right-infoboards { width: 250px; }
	.page-center-right-content { width: 856px; padding-right: 0; }
	.page-one-column { padding: 30px 10px 70px 10px; box-sizing: border-box; }
}

@media (max-width: 1200px) {
	.page-left-chalkboard { width: 266px; padding-left: 0; }
	.page-center-content { width: 477px; padding-top: 35px; padding-right: 20px; }
	.page-right-infoboards { width: 250px; }
	.page-center-right-content { width: 727px; }
	.page-one-column { padding: 30px 10px 70px 10px; box-sizing: border-box; }
}

@media (max-width: 992px) {
	.page-left-chalkboard { width: 206px; padding-left: 0; }
	.page-center-content { width: 313px; padding-top: 35px; padding-right: 20px; }
	.page-right-infoboards { width: 250px; }
	.page-center-right-content { width: 563px; }
	.page-one-column { padding: 30px 10px 70px 10px; box-sizing: border-box; }
}

@media (max-width: 768px) {
	.page-columns { padding-bottom: 20px; }
	.page-left-chalkboard { width: 100%; ; float: none; padding-left: 10px; padding-right: 10px; padding-top: 20px }
	.page-center-content { width: 100%; ; float: none; padding-left: 10px; padding-right: 10px; padding-top: 20px; }
	.page-right-infoboards { width: 100%; ; float: none; padding-left: 10px; padding-right: 10px; padding-top: 25px; padding-bottom: 25px; box-sizing: border-box }
	.page-background.bakery { background: none; background-color: #F7F1DB; }
	.page-center-right-content { width: 100%; ; float: none; padding-left: 10px; padding-right: 10px; }
	.page-center-right-content.bakery-menu-area { background: none; background-color: #F7F1DB; }
	.page-one-column { padding: 0 10px 10px 10px; box-sizing: border-box; }
}

/*PAGE TEXT*/
.text-area h2.title { color: #022c33; font-size: 38px; font-family: 'Droid Serif', serif; font-weight: 700; margin-bottom: 10px; }
.text-area h2 { color: #022c33; font-size: 38px; font-family: 'Droid Serif', serif; font-weight: 700; margin-bottom: 10px; }
.text-area p { color: #5b5b5b; font-size: 18px; font-family: 'Source Sans Pro', sans-serif; font-weight: 400; margin-bottom: 15px }
.text-area p a { color: #009bb7; text-transform: uppercase }
.text-area blockquote { color: #5b5b5b; font-size: 18px; font-family: 'Source Sans Pro', sans-serif; font-weight: 400; margin-bottom: 15px }
.text-area blockquote span { display: block; padding-left: 50px }
.text-area h3 { color: #022c33; font-size: 30px; font-family: 'Droid Serif', serif; font-weight: 700; margin-bottom: 10px; margin-top: 30px; }
.text-area li { color: #5b5b5b; font-size: 18px; font-family: 'Source Sans Pro', sans-serif; font-weight: 400; margin-bottom: 5px; list-style-position: outside; margin-left: 20px; }

/*PAGE NAV*/
.page-nav { padding-bottom: 30px }
.page-nav a { display: block; color: #009bb7; font-size: 14px; font-family: 'Droid Serif', serif; font-weight: 400; float: left; margin-right: 56px; text-transform: uppercase }

/*SPECIAL HOURS*/
.special-hours { width: 250px; margin-left: 15px; margin-top: 30px }
.special-hours h2 { color: #022c33; font-size: 24px; font-family: 'Droid Serif', sans-serif; font-weight: 700; margin-bottom: 5px }
.special-hours p { color: #5b5b5b; font-size: 18px; font-family: 'Source Sans Pro', sans-serif; font-weight: 400; line-height: 130% }

@media (max-width: 1400px) {
	.special-hours { width: 90%; margin-left: 15px; margin-top: 30px }
}

@media (max-width: 1200px) {
}

@media (max-width: 992px) {
}

@media (max-width: 768px) {
	.special-hours { width: 100%; margin: 0; padding: 10px 0 0 0; box-sizing: border-box }
}

/*DAILY BREAD*/
.daily-bread { width: 550px; padding-top: 20px }
.daily-bread h2 { color: #022c33; font-size: 30px; font-family: 'Droid Serif', serif; font-weight: 700; margin-bottom: 10px; }
.daily-bread h2 span { color: #989898; font-size: 18px; font-family: 'Source Sans Pro', sans-serif; font-weight: 400; margin-bottom: 15px }
.daily-bread a { display: block; color: #bf9104; font-size: 16px; font-family: 'Droid Serif', serif; font-weight: 700; clear: both }
.daily-bread-col { padding-bottom: 20px; column-count: 2; column-width: 50% }
.daily-bread-col a { display: block; color: #009bb7; font-size: 16px; font-family: 'Droid Serif', serif; font-weight: 400; margin-bottom: 2px; }

@media (max-width: 1400px) {
	.daily-bread { width: 90%; padding-top: 20px; }
}

@media (max-width: 1200px) {
	.daily-bread { width: 90%; padding-top: 20px; }
}

@media (max-width: 992px) {
	.daily-bread { width: 90%; padding-top: 20px; }
}

@media (max-width: 768px) {
	.daily-bread { width: 90%; padding-top: 20px; padding-bottom: 0; }
	.daily-bread-col { padding-bottom: 0px; column-count: 1; column-width: 100% }
	.daily-bread a.see-full-sched { display: none }
}

/*INFOBOARDS*/
.info-board { width: 250px; margin-bottom: 20px; position: relative; z-index: 2000 }
.info-board .frame-body { padding: 15px 25px; box-sizing: border-box; background-image: url(images/infoboard-background.png); }
.info-board .frame-body article { margin-bottom: 20px }
.info-board .frame-body article:last-child { margin-bottom: 0 }
.info-board .frame-body h1, .info-board .frame-body h2, .info-board .frame-body h3, .info-board .frame-body h4, .info-board .frame-body h5, .info-board .frame-body h6 { color: #022c33; font-size: 20px; font-family: 'Droid Serif', serif; font-weight: 400; margin-bottom: 5px; }
.info-board .frame-body a { display: block; color: #009bb7; font-size: 14px; font-family: 'Droid Serif', serif; font-weight: 400; margin-bottom: 5px; text-transform: uppercase }
.info-board .frame-body p { color: #858175; font-size: 16px; font-family: 'Source Sans Pro', sans-serif; font-weight: 400; margin-bottom: 5px; line-height: 16px }
.info-board .frame-body li { color: #858175; font-size: 16px; font-family: 'Source Sans Pro', sans-serif; font-weight: 400; margin-bottom: 5px; line-height: 16px }
.info-board .frame-body p strong { display: block; font-weight: 700; text-transform: uppercase }
.info-board .frame-body img { max-width: 100%; margin-top: 15px; -webkit-box-shadow: -2px 2px 23px -3px rgba(122,117,122,1); -moz-box-shadow: -2px 2px 23px -3px rgba(122,117,122,1); box-shadow: -2px 2px 23px -3px rgba(122,117,122,1); }

@media (max-width: 1400px) {
}

@media (max-width: 1200px) {
}

@media (max-width: 992px) {
}

@media (max-width: 768px) {
}

/*ABOUT JOIN COLLECTIVE*/
.about-join-collective { padding: 28px 0 48px 0 }
.about-join-collective .join-left { float: left; width: 915px; padding-right: 58px; box-sizing: border-box; }
.about-join-collective .join-right { float: right; width: 337px }
.about-join-collective .join-right img { -webkit-box-shadow: -2px 2px 23px -3px rgba(122,117,122,1); -moz-box-shadow: -2px 2px 23px -3px rgba(122,117,122,1); box-shadow: -2px 2px 23px -3px rgba(122,117,122,1); }
.about-join-collective .join-left ul { float: left; width: 50%; }

@media (max-width: 1400px) {
	.about-join-collective { padding: 0; }
	.page-content.text-area { padding-top: 0; }
	.about-join-collective .join-left { width: 800px; padding-right: 20px; }
	.about-join-collective .join-right { float: left; width: 337px; padding-top: 10px }
}

@media (max-width: 1200px) {
	.page-content.text-area { padding-top: 20px; }
	.about-join-collective .join-left { width: 600px; padding-right: 40px; }
	.about-join-collective .join-right { width: 337px }
}

@media (max-width: 992px) {
	.about-join-collective { padding: 0; }
	.about-join-collective .join-left { width: 470px; padding-right: 20px; }
	.about-join-collective .join-right { width: 267px; padding-top: 10px }
}

@media (max-width: 768px) {
	.about-join-collective { padding: 0; padding-top: 20px }
	.about-join-collective .join-left { float: none; width: 100%; padding-right: 0; padding-bottom: 30px }
	.about-join-collective .join-right { float: none; width: 100%; padding-top: 0; padding-bottom: 30px }
}

/*ABOUT DONATION REQUESTS*/
.about-donation-requests { background-color: #ebebeb; padding: 15px 33px 0 33px; margin-bottom: 65px; margin-top: 50px }

/*DONATION FORM*/
.donation-form fieldset { border: 0; padding: 0; margin: 0; display: block; padding-bottom: 10px }
.donation-form label { color: #5b5b5b; font-size: 18px; font-family: 'Source Sans Pro', sans-serif; font-weight: 400; display: block }
.donation-form input[type="text"] { color: #5b5b5b; font-size: 18px; font-family: 'Source Sans Pro', sans-serif; font-weight: 400; border: 1px solid #ccc; width: 320px; margin-left: 20px }
.donation-form textarea { color: #5b5b5b; font-size: 18px; font-family: 'Source Sans Pro', sans-serif; font-weight: 400; border: 1px solid #ccc; width: 320px; height: 150px; margin-left: 20px }
.donation-form input[type="submit"] { margin-left: 20px }
.donation-form fieldset.submit-file-area { padding-top: 25px; }
.donation-form .form-left { float: left; width: 500px; box-sizing: border-box; }
.donation-form .form-right { float: left; width: 500px }

@media (max-width: 1400px) {
	.donation-form .form-left { float: left; width: 50%; box-sizing: border-box; }
	.donation-form .form-right { float: left; width: 50% }
	.donation-form input[type="text"] { width: 90%; }
	.donation-form textarea { width: 90%; }
}

@media (max-width: 1200px) {
}

@media (max-width: 992px) {
	.donation-form .form-left { float: none; width: 100%; box-sizing: border-box; }
	.donation-form .form-right { float: none; width: 100% }
	.donation-form input[type="text"] { width: 95%; margin-left: 0; }
	.donation-form textarea { width: 99%; margin-left: 0; }
	.donation-form input[type="submit"] { margin-left: 0 }
	.donation-form fieldset.submit-file-area { padding-top: 0px; }
}

@media (max-width: 768px) {
	.donation-form label { font-size: 16px; }
	.about-donation-requests { margin-bottom: 30px; margin-top: 0; }
	.donation-form fieldset.submit-file-area { padding-top: 0px; }
}

/*ABOUT - OUR BOOK*/
.about-ourbook { }
.about-ourbook .ourbook-left { float: left; width: 337px }
.about-ourbook .ourbook-left img { -webkit-box-shadow: -2px 2px 23px -3px rgba(122,117,122,1); -moz-box-shadow: -2px 2px 23px -3px rgba(122,117,122,1); box-shadow: -2px 2px 23px -3px rgba(122,117,122,1); }
.about-ourbook .ourbook-right { float: left; width: 915px; padding-left: 58px; box-sizing: border-box; }

@media (max-width: 1400px) {
	.about-ourbook .ourbook-right { width: 755px; }
}

@media (max-width: 1200px) {
	.about-ourbook .ourbook-right { width: 555px; }
}

@media (max-width: 992px) {
	.about-ourbook .ourbook-left { float: left; width: 237px }
	.about-ourbook .ourbook-right { width: 355px; }
}

@media (max-width: 768px) {
	.about-ourbook .ourbook-left { float: none; width: 100%; padding-bottom: 25px; }
	.about-ourbook .ourbook-right { float: none; width: 100%; padding-left: 0; }
}

/*JOIN PDF FORM*/
.join-pdf-form fieldset { border: 0; padding: 0; margin: 0; display: block }
.join-pdf-form label { color: #5b5b5b; font-size: 18px; font-family: 'Source Sans Pro', sans-serif; font-weight: 400; float: left; margin-right: 10px; }
.join-pdf-form .pdf-file { color: #5b5b5b; font-size: 18px; font-family: 'Source Sans Pro', sans-serif; font-weight: 400; float: left; }
.join-pdf-form fieldset.submit-file-area { padding-top: 25px; }
.join-pdf-form fieldset.submit { }

/*BAKERY*/
.bakery-breadlist-title h2.title { float: left }
.bakery-breadlist-title a { float: right; display: block; font-family: 'Droid Serif', serif; color: #bf9104; font-size: 14px; text-transform: uppercase; margin-top: 22px; }
.bakery-menu { padding-left: 30px; column-count: 3; column-width: auto }
.bakery-menu a { clear:both;  box-sizing:border-box; background-repeat: no-repeat; background-position:left center; padding-top:30px;padding-bottom:30px; display: inline-block; padding-left: 82px; color: #009bb7; font-family: 'Droid Serif', serif; font-size: 14px; }

@media (max-width: 1400px) {
	.bakery-menu { padding-left: 0; column-count: 3; }
}

@media (max-width: 1200px) {
	.bakery-menu { padding-left: 0; column-count: 3; }
}

@media (max-width: 992px) {
	.bakery-menu { padding-left: 0; column-count: 2; }
}

@media (max-width: 768px) {
	.bakery-menu { padding-left: 0; column-count: 2; }
	.bakery-breadlist-title a { float: none; display: block; margin-top: 10px; clear: both; }
	.bakery-breadlist-title h2.title { float: none; clear: both; }
}

@media (max-width: 480px) {
	.bakery-menu { padding-left: 0; column-count: 1; }
	.bakery-breadlist-title a { float: none; display: block; margin-top: 22px; }
}

/*ORDER CHEESECAKE FORM*/
.order-cheese-cake fieldset { border: 0; padding: 0; margin: 0; display: block; padding-bottom: 10px }
.order-cheese-cake label { color: #5b5b5b; font-size: 18px; font-family: 'Source Sans Pro', sans-serif; font-weight: 400; display: block }
.order-cheese-cake input[type="text"] { padding-left: 5px; box-sizing: border-box; color: #5b5b5b; font-size: 18px; font-family: 'Source Sans Pro', sans-serif; font-weight: 400; border: 1px solid #ccc; width: 320px; }
.order-cheese-cake textarea { padding-left: 5px; box-sizing: border-box; color: #5b5b5b; font-size: 18px; font-family: 'Source Sans Pro', sans-serif; font-weight: 400; border: 1px solid #ccc; width: 320px; height: 150px; }
.order-cheese-cake input[type="submit"] { margin-left: 0 }
.order-cheese-cake fieldset.submit-file-area { padding-top: 25px; }
.order-cheese-cake .form-left { float: left; width: 50%; box-sizing: border-box; }
.order-cheese-cake .form-right { float: right; width: 50% }
.message { color: #F00; background-color: #fff; text-align: center; padding: 25px 0; margin-bottom: 15px; display: none; border: 2px solid #f00; font-size: 18px }

@media (max-width: 1400px) {
	.order-cheese-cake input[type="text"] { width: 90%; }
	.order-cheese-cake textarea { width: 90%; }
	.ui-selectmenu-button.ui-button { width: auto !important; }
}

@media (max-width: 1200px) {
	.order-cheese-cake .form-left { float: none; width: 100%; }
	.order-cheese-cake .form-right { float: none; width: 100%; }
}

@media (max-width: 992px) {
}

@media (max-width: 768px) {
	.order-cheese-cake fieldset.submit-file-area { padding-top: 10px; }
}

/*BAKERY SCHEDULE*/
.bakery-schedule { padding-left: 10px; padding-right: 10px; padding-top: 20px }
.bakery-schedule article { border-bottom: 1px solid #d6ba73; padding-bottom: 20px; margin-bottom: 20px }
.bakery-schedule article:last-child { border-bottom: 0px; padding-bottom: 0; margin-bottom: 0 }
.bakery-schedule article:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.bakery-schedule article time { padding: 10px 0; line-height: 20px; text-align: center; display: block; float: left; width: 65px; margin-right: 35px; color: #fff; font-size: 20px; font-family: 'Source Sans Pro', sans-serif; font-weight: 700; background-color: #b68308; text-transform: uppercase }
.bakery-schedule article aside { display: block; float: left; width: 884px; column-count: 3; column-width: auto }
.bakery-schedule article aside a { display: block; color: #009bb7; font-size: 14px; font-family: 'Droid Serif', serif; font-weight: 400; margin-bottom: 2px; }

@media (max-width: 1400px) {
	.bakery-schedule article aside { width: 711px; }
}

@media (max-width: 1200px) {
	.bakery-schedule article aside { width: 581px; }
}

@media (max-width: 992px) {
	.bakery-schedule article aside { width: 401px; column-count: 2; }
}

@media (max-width: 768px) {
	.bakery-schedule { padding-left: 0; padding-right: 0; padding-top: 20px }
	.bakery-schedule article aside { width: 100%; column-count: 2; padding: 20px 0 0 0; }
}

@media (max-width: 480px) {
	.bakery-schedule { padding-left: 0; padding-right: 0; padding-top: 20px }
	.bakery-schedule article aside { width: 100%; column-count: 1; padding: 20px 0 0 0; }
}

/*PIZZA LIST*/
.pizza-list { width: 625px; background-image: url(images/pizza-list-background.jpg); background-repeat: repeat-x; margin-bottom: 50px }
.pizza-list article { padding: 17px 10px 0 10px }
.pizza-list article::after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.pizza-list article:last-child hr { display: none }
.pizza-list article .date { width: 88px; float: left; }
.pizza-list article .date p { text-transform: uppercase; background-color: #46a410; color: #ffffff; font-size: 20px; font-family: 'Source Sans Pro', sans-serif; font-weight: 700; width: 67px; text-align: center; line-height: 20px }
.pizza-list article .menu { width: 517px; float: left; }
.pizza-list article .menu h3 { color: #5b5b5b; font-size: 16px; font-family: 'Source Sans Pro', sans-serif; font-weight: 700; text-transform: uppercase; }
.pizza-list article .menu p { color: #5b5b5b; font-size: 16px; font-family: 'Source Sans Pro', sans-serif; font-weight: 400; margin-bottom: 15px }
.pizza-list article hr { height: 1px; background-color: #9eca77; margin: 0px 0px 0px 0px; border: 0; clear: both }

@media (max-width: 1400px) {
	.pizza-list { width: 100%; }
	.pizza-list article .menu { width: 475px; }
}

@media (max-width: 1200px) {
	.pizza-list article .menu { width: 348px; }
}

@media (max-width: 992px) {
	.pizza-list article .date { float: none; margin-bottom: 10px; }
	.pizza-list article .menu { width: 268px; float: none; }
}

@media (max-width: 768px) {
	.page-background.pizza { background-image: none; background-color: #F7F1DB; }
	.pizza-list { width: auto; background-image: none; margin-bottom: 50px; }
	.pizza-list article { padding: 17px 0 0 0; }
	.pizza-list article .menu { width: 100%; float: none; }
}

/*CONTACT*/
.container-fluid.contact { background-color: #dff9d6 }
.container.contact { width: 1117px; margin: auto; padding-top: 50px; padding-bottom: 50px }
.contact-text h2 { color: #022c33; font-size: 30px; font-family: 'Droid Serif', serif; font-weight: 700; margin-bottom: 0px; }
.contact-text h3 { color: #009bb7; font-size: 16px; font-family: 'Droid Serif', serif; font-weight: 700; margin-bottom: 20px; }
.contact-text a { color: #009bb7; font-size: 16px; font-family: 'Droid Serif', serif; font-weight: 700; }
.contact-text p { color: #5b5b5b; font-size: 18px; font-family: 'Source Sans Pro', sans-serif; font-weight: 400; margin-bottom: 15px }
.contact-text p strong { text-transform: uppercase }
.contact-left { width: 350px; float: left }
.contact-center { width: 350px; float: left }
.contact-right { width: 417px; float: left; box-sizing: border-box }
.clear-contact { display: none; clear: both; height: 1px }

@media (max-width: 1400px) {
	.container.contact { width: 1117px; margin: auto; padding-top: 50px; padding-bottom: 50px }
	.contact-left { width: 350px; float: left }
	.contact-center { width: 350px; float: left }
	.contact-right { width: 417px; float: left }
}

@media (max-width: 1200px) {
	.container.contact { width: 100%; margin: auto; padding-top: 50px; padding-bottom: 50px; padding-left: 10px; padding-right: 10px; }
	.contact-left { width: 50%; float: left }
	.contact-center { width: 50%; float: left; clear: right; }
	.contact-right { width: 417px; float: none; clear: both; margin-top: 20px; }
	.clear-contact { display: block; clear: both; height: 1px }
}

@media (max-width: 992px) {
	.container.contact { width: 100%; padding-left: 10px; padding-right: 10px; }
	.contact-left { width: 50%; float: left }
	.contact-center { width: 50%; float: left }
	.contact-right { width: 417px; float: none; clear: both }
}

@media (max-width: 768px) {
	.container.contact { width: 100%; padding-left: 10px; padding-right: 10px; box-sizing: border-box }
	.contact-left { width: 100%; float: none; padding-bottom: 20px }
	.contact-center { width: 100%; float: none }
	.contact-right { width: 100%; float: none; clear: both }
	.clear-contact { display: block; clear: both; height: 1px }
}

/*CONTACT SOCIAL ICONS*/
.social-icons-contact { padding-top: 5px }
.social-icons-contact a { float: left; display: block; background-position: 0px 0px; width: 30px; height: 30px; background-repeat: no-repeat; margin-right: 5px }
.social-icons-contact a:hover { background-position: 0px -28px }
.social-icons-contact a.twitter { background-image: url(images/social_twitter_blue_sprite.png); }
.social-icons-contact a.instagram { background-image: url(images/social_insta_blue_sprite.png) }
.social-icons-contact a.instagram:hover { background-position: 0px -29px }
.social-icons-contact a.facebook { background-image: url(images/social_fb_blue_sprite.png) }

/*CONTACT INFO BOARD*/
.contact-info-board { background-repeat: repeat-y; background-image: url(images/contact_info_box_sides.png) }
.contact-info-board .frame-body { padding: 15px 35px; box-sizing: border-box; }
.contact-info-board .frame-body h2 { color: #022c33; font-size: 30px; font-family: 'Droid Serif', serif; font-weight: 700; margin-bottom: 5px; }
.contact-info-board .frame-body p { color: #5b5b5b; font-size: 18px; font-family: 'Source Sans Pro', sans-serif; font-weight: 400; margin-bottom: 5px; }
.contact-info-board .frame-body p strong { display: block; font-weight: 700; text-transform: uppercase }
.contact-info-board .frame-body a { display: block; color: #009bb7; font-size: 16px; font-family: 'Droid Serif', serif; font-weight: 400; margin-bottom: 10px; text-transform: uppercase }

@media (max-width: 1400px) {
}

@media (max-width: 1200px) {
}

@media (max-width: 992px) {
}

@media (max-width: 768px) {
	.contact-info-board { background: none; border: 3px solid #fff; width: 100%; box-sizing: border-box; padding: 10px }
	.contact-board-border { display: none }
	.contact-info-board .frame-body { padding: 15px 0; box-sizing: border-box; }
}

/*BREAD POPUP*/
.popup-bread { margin: auto; padding: 30px 44px; box-sizing: border-box; position: relative; }
.popup-bread h2 { margin: 0; padding: 0; color: #000000; font-size: 34px; font-family: 'Droid Serif', serif; font-weight: 700; margin-bottom: 10px; }
.popup-bread p { margin: 0; padding: 0; color: #5b5b5b; font-size: 18px; font-family: 'Source Sans Pro', sans-serif; font-weight: 400; margin-bottom: 5px; }
.popup-bread .main-image { margin-top: 30px; margin: 20px auto 20px auto; display: block }
.popup-bread .ingredients { color: #5b5b5b; font-size: 18px; font-family: 'Source Sans Pro', sans-serif; font-weight: 400; margin-bottom: 5px; column-count: 3; column-width: auto }
.popup-bread .arrow-left { position: absolute; left: 10px; top: 220px }
.popup-bread .arrow-right { position: absolute; right: 10px; top: 220px }
.close-popup { position: absolute; right: 8px; top: 8px; }

/*BLOG*/
.blog-left { float: left; width: 340px; }
.blog-right { float: left; width: 1060px; }

/*BLOG INFOBOARDS*/
.info-board.blog-menu h2 { font-size: 22px; margin-bottom: 15px; }
.info-board.blog-menu ul { }
.info-board.blog-menu li { list-style-type: none }
.info-board.blog-menu a { margin-bottom: 10px; font-size: 16px; text-transform: capitalize }
.blog-posts { padding-top: 40px }

/*BLOG POSTS*/
.blog-posts { width: 700px; }
.blog-posts h1.archive-title { padding: 0 5px; font-weight: bold; text-transform: uppercase; color: #fff; font-size: 32px; font-family: 'Source Sans Pro', sans-serif; background-color: #b68308; margin-bottom: 50px }
.blog-posts h1.archive-title.bakery-cheese { background-color: #b68308 }
.blog-posts h1.archive-title.general-news-events { background-color: #009bb7 }
.blog-posts h1.archive-title.pizzeria { background-color: #46a410 }
.blog-posts article { width: 700px; padding-bottom: 50px }
.blog-posts img { max-width: 100% }
.blog-posts article header { display: block; clear: both; padding-bottom: 10px; }
.blog-posts article h2 { padding: 0 5px; float: left; font-weight: bold; text-transform: uppercase; color: #fff; font-size: 28px; font-family: 'Source Sans Pro', sans-serif; margin-bottom: 5px; background-color: #b68308;  max-width:600px }
.blog-posts article h2.bakery-cheese { background-color: #b68308 }
.blog-posts article h2.general-news-events { background-color: #009bb7 }
.blog-posts article h2.pizzeria { background-color: #46a410 }
.blog-posts article a { color: #009BB7; }
.blog-posts article .social-icons-contact { float: left; display: block; margin-left: 10px; padding-top: 5px }
.blog-posts article .social-icons-contact a { float: left; display: block; background-position: 0px 0px; width: 30px; height: 30px; background-repeat: no-repeat; margin-right: 5px }
.blog-posts article .social-icons-contact a:hover { background-position: 0px -28px }
.blog-posts article .social-icons-contact a.twitter { background-image: url(images/social_twitter_blue_sprite.png); }
.blog-posts article .social-icons-contact a.instagram { background-image: url(images/social_insta_blue_sprite.png) }
.blog-posts article .social-icons-contact a.facebook { background-image: url(images/social_fb_blue_sprite.png) }
.blog-posts article .more-link { color: #009BB7 }
.blog-posts article time { display: block; text-transform: uppercase; color: #999; font-size: 14px; font-family: 'Source Sans Pro', sans-serif; }
.blog-posts article .blog-article { color: #5b5b5b; font-size: 18px; font-family: 'Source Sans Pro', sans-serif; font-weight: 400 }
#reserve_breads h1, #reserve_breads h2, #reserve_breads h3, #reserve_breads h4, #reserve_breads h5, #reserve_breads h6 { font-family: 'Droid Serif', Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: 700; display: block; text-align: left; font-size: 30px; color: #000; margin-bottom: 15px }
#reserve_breads p { color: #5b5b5b; font-size: 18px; font-family: 'Source Sans Pro', sans-serif; font-weight: 400; margin-bottom: 15px; }

@media (max-width: 1400px) {
	.blog-posts article { width: 100%; padding-bottom: 50px }
	.blog-posts { width: 830px; }
}

@media (max-width: 1200px) {
	.blog-posts { width: 653px; }
	.blog-posts article h2 { float: none; }
	.blog-posts article .social-icons-contact { float: none; margin-bottom: 10px }
}

@media (max-width: 992px) {
	.blog-posts { width: 400px; }
	.blog-posts article .blog-article img { margin-bottom: 15px; width: 350px; height: auto }
}

@media (max-width: 768px) {
	.blog-left { display: none; }
	.blog-posts { width: 100%; padding: 20px 10px; box-sizing: border-box; }
	.page-background.blog { background-image: none; background-color: #DAF8D4; }
	.blog-posts article { padding-bottom: 50px; }
	.blog-posts article .blog-article img { float: none !important }
}

/*CALENDAR*/
.calendar { padding-top: 50px }

@media (max-width: 1400px) {
}

@media (max-width: 1200px) {
}

@media (max-width: 992px) {
}

@media (max-width: 768px) {
	.calendar { padding: 50px 10px 50px 10px }
}

@media (max-width: 768px) {
/*	#colorbox {
		width: 434px !important;
		height: 522px !important;
	}
	#cboxWrapper {
		height: 522px !important;
		width: 434px !important;
	}
	#cboxLoadedContent {
		width: 392px !important;
		height: 452px !important;
	}
	#cboxMiddleLeft {
    height: 552px !important;
		width: 21px !important;
	}
	#cboxMiddleRight {
		height: 552px !important;
		width: 21px !important;
	}
*/}