/*
Theme Name: Shari's (2014)
Theme URI: sharis.com
Description: Custom Wordpress Theme for Shari's
Author: Sasquatch Agency
Author URI: http://sasquatchagency.com
Version: 1.0 (2014)
Tags: 
	
*/

@import url(//fonts.googleapis.com/css?family=Open+Sans:400,800,600,700);
@import url(//fonts.googleapis.com/css?family=EB+Garamond);

/* ------------------------------------------------------------------------- *
 *  Reset - http://meyerweb.com/eric/tools/css/reset/ v2.0 | 20110126
 * ------------------------------------------------------------------------- */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, 
pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, 
samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, 
fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, 
canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, 
section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {	display: block; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
table { border-collapse: collapse; border-spacing: 0; }



/* ==========================================================================
   Author's custom styles
========================================================================== */

body { font-family: "proxima-nova",sans-serif; background: #343434; }
h1,h2,h3,h4,h5,h6 { font-family: inherit; letter-spacing: -1px; line-height: .8; }
#wrap { background: #ffffff; overflow: hidden; min-width: 320px; margin-top: -20px; }
em, i { font-style: italic; }

/**************************************************
* General Classes
**************************************************/
.relative { position: relative; }
.float-right { float: right !important; }
.center-img { display: block; margin-left: auto; margin-right: auto; }
.text-align-center { text-align: center; }
.full-width { width: 100%; }
.one-half { width: 50%; }
.one-third { width: 33.3333%; }
.two-thirds { width: 66.6666%; }
.three-fourths { width: 75%; }
.full-width, .one-half, .one-third, .two-thirds, .three-fourths { float: left; }
.video-responsive{ overflow:hidden; padding-bottom:56.25%; position:relative; height:0; }
.video-responsive iframe{ left:0; top:0; height:100%; width:100%; position:absolute; }

.text ol,
.text ul { list-style-type: decimal; line-height: 1.9; margin-left: 25px; }
.text ul { list-style-type: disc; }
.text ol li,
.text ul li { margin-bottom: 10px }

/**************************************************
* Header
**************************************************/
.navbar.sharis-nav { margin-bottom: 0; top: 0; position: fixed; border-radius: 0; min-height: 1px; width: 100%; margin-top: 0px; padding-top: 30px; border: none; background: #ffffff; }
.navbar.sharis-nav #main-nav { background: #000000; box-shadow: 2px 2px 2px rgba(0,0,0,.25);}
.navbar.sharis-nav .container { position: relative; }
.navbar.sharis-nav .navbar-brand { margin-top: -13px; padding: 0 15px 0 0; outline: 0; position: relative; z-index: 3; }
.navbar.sharis-nav .navbar-brand img { height: 75px; width: auto; }
.navbar.sharis-nav .navbar-nav { margin-top: 0px; }
.navbar.sharis-nav .navbar-nav a { font-weight: 700; outline: 0; color: #FFFFFF; text-transform: uppercase; font-size: 16px; background: none; padding: 15px 34px; border-right: 1px solid #ffffff; text-shadow: none; }
.navbar.sharis-nav .navbar-nav .active a,
.navbar.sharis-nav .navbar-nav a:hover { color: #cccccc; }
.navbar.sharis-nav .navbar-header { height: 50px; margin-top: 0px; }
.navbar.sharis-nav #nav-social { height: 50px; position: absolute; right: 15px; z-index: 1; top: 0px; display: none;}
.navbar.sharis-nav #nav-social a { line-height: 50px; display: block; float: left; width: 50px; color: #FFFFFF; text-decoration: none; font-size: 24px; text-align: center; }
.navbar.sharis-nav #nav-social .fa-facebook { background: #4952a4; }
.navbar.sharis-nav #nav-social .fa-twitter { background: #00aced; }
.navbar.sharis-nav #nav-social .fa-instagram { background: #b3344f; }


.navbar-toggle .icon-bar {background-color: #ffffff;}

/**************************************************
* Menu Filters
**************************************************/
.navbar.sharis-nav #menu-filter-container { background: #e6e6e6 }
.navbar.sharis-nav .subnav { list-style-type: none; margin: 0; float: right; font-size: 14px; overflow: hidden;}
.navbar.sharis-nav .subnav li { display: block; float: left; text-transform: uppercase; font-weight: 700; }
.navbar.sharis-nav .subnav li a { color: #000000; text-decoration: none; padding: 0px 20px; line-height: 0; display: block; outline: 0 !important; position: relative; z-index: 2;
	-webkit-transition: all 0.1s ease;                  
    -moz-transition: all 0.1s ease;                 
    -o-transition: all 0.1s ease;   
    -ms-transition: all 0.1s ease;          
    transition: all 0.1s ease;
}
.navbar.sharis-nav .navbar-nav li:last-child a { border: none; }
.navbar.sharis-nav .subnav li a:hover,
.navbar.sharis-nav .subnav li a.selected,
.navbar.sharis-nav .subnav li.current-menu-item a { color: #FFFFFF; background: #acacac; }
.navbar.sharis-nav .subnav.current-subnav.hovered.hide { display: inline !important; }
.navbar.sharis-nav .subnav.hovered li a,
.navbar.sharis-nav .subnav.current-subnav li a,
.navbar.sharis-nav .subnav.current-subnav.hovered.hide li a { line-height: 20px !important; padding-top: 15px !important; padding-bottom: 15px !important; }
.navbar.sharis-nav .subnav.current-subnav.hide li a { line-height: 0px; padding: 0 20px; }

#page { float: left;
    width: 100%;
    margin-top: 80px; color: #696969;
	-webkit-transition: all 0.3s ease;                  
    -moz-transition: all 0.3s ease;                 
    -o-transition: all 0.3s ease;   
    -ms-transition: all 0.3s ease;          
    transition: all 0.3s ease;
}
.page-menu #page { margin-top: 125px; }

#submenu-menu-filter-container { background: #acacac; }
#submenu-menu-filter-container ul { list-style-type: none; margin: 0; float: right; font-size: 14px; overflow: hidden;}
#submenu-menu-filter-container ul li { display: block; float: left; text-transform: uppercase; font-weight: 700; }
#submenu-menu-filter-container ul li a { color: #000000; text-decoration: none; line-height: 0; padding: 0 15px; min-width:120px; text-align: center; display: block; outline: 0 !important;
	-webkit-transition: all 0.3s ease;                  
    -moz-transition: all 0.3s ease;                 
    -o-transition: all 0.3s ease;   
    -ms-transition: all 0.3s ease;          
    transition: all 0.3s ease;
}
#submenu-menu-filter-container ul.selected li a { line-height: 20px; padding: 15px 15px; }
#submenu-menu-filter-container ul.unhover.selected li a { line-height: 0; padding: 0 15px; }
#submenu-menu-filter-container ul li a:hover,
#submenu-menu-filter-container ul li a.selected { background: #a75e5e; color: #FFFFFF; }

/**************************************************
* Homepage Slider
**************************************************/

#slider-container { position: relative; height: 420px; overflow: hidden; margin-bottom: 10px;}
#slider-container .caroufredsel_wrapper { box-shadow: 2px 2px 2px rgba(0,0,0,.25);}
#slider-pagination { position: absolute; bottom: 50px; right: 70px; }
#slider-pagination a { margin: 0 2px; color: #ffffff; text-decoration: none; font-size: 26px; }
#slider-pagination a:hover { text-decoration: none; }

#slider-container li:first-child { opacity: 1; }
#slider-container li { opacity: 0 }
#slider-container .caroufredsel_wrapper li { opacity: 1; }

.flexslider { margin: 0; padding: 0 !important; width: 100%; }
.flexslider li { display: block; width: 100%; height: 400px; margin: 0; padding: 0; overflow: hidden; position: relative; background-position: center center; background-repeat: no-repeat; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; }
.flexslider li .speech { display: block; padding: 145px 70px 0px; color: #FFFFFF; max-width: 50%; }
.flexslider li .speech p { /*width: 65%;*/ display: block; }
.flexslider li .speech.float-right p { /*margin-left: 35%;*/ }
.flexslider li .speech h2 { font-size: 56px; text-shadow: 0 0 5px rgba(0,0,0,.25); }
.flexslider .learn-more-btn { font-size: 16px; border-radius: 5px; margin-top: 20px; }

.flexslider li .speech.pos-center { margin: 0 auto; text-align: center; float: none !important; }
.flexslider li .speech.pos-top { padding-top: 40px;}
.flexslider li .speech.pos-bottom { padding-top: 225px;}
.flexslider li .speech.float-right { text-align: left; }

/**************************************************
* Homepage Modules
**************************************************/

#front-modules { margin: -85px auto 30px; color: #FFFFFF; }
#front-modules:hover .module-item { 
	-webkit-transition: all 0.3s ease;                  
    -moz-transition: all 0.3s ease;                 
    -o-transition: all 0.3s ease;   
    -ms-transition: all 0.3s ease;          
    transition: all 0.3s ease;
}
#front-modules img { max-width: 100%; height: auto; }
/*
#front-modules:hover .module-item { opacity: .95; -webkit-backface-visibility: hidden; }
#front-modules:hover .module-item:hover { opacity: 1; }
*/
#front-modules .row { margin-right: -5px; margin-left: -5px; }
#front-modules .module { margin: 5px; position: relative; background: #FFFFFF; font-size: 15px; font-weight: 400; overflow: hidden; box-shadow: 2px 2px 2px rgba(0,0,0,.25);
	background-position: center center; background-repeat: no-repeat; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; }
#front-modules .module .module-content { padding: 35px; }
#front-modules .module .module-content.one-half,
#front-modules .module .module-content.one-third,
#front-modules .module .module-content.two-thirds { height: 100%; padding-right: 0; }
#front-modules .module .module-content.one-half.float-right,
#front-modules .module .module-content.one-third.float-right,
#front-modules .module .module-content.two-thirds.float-right { padding-left: 0; padding-right: 35px; }
#front-modules .module .module-content.float-right { text-align: right; }
#front-modules #order-online .module,
#front-modules #social-section .module { height: 195px; }
#front-modules #cafe-club .module { height: 400px; }
#front-modules #pies-of-the-month .module { height: 440px; }
#front-modules #environment .module,
#front-modules #work-at-sharis .module { height: 215px; }
#front-modules #waffle-fresh-berries .module,
#front-modules #fresh-ingredients .module { height: 270px; color: #ffffff;}

#front-modules .module-img { height: 100%;
	background-position: center center; background-repeat: no-repeat; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;
}

#front-modules .module .module-content.full-width.gradient .content-box h2 { text-shadow: 2px 2px 4px rgba(0,0,0,.35); }

#front-modules .module-img.full-width { height: 60%; }
#front-modules .module .module-content .learn-more-btn:last-child { margin-bottom: 0px; }
#front-modules .module .module-content .learn-more-btn { border-radius: 5px; margin-top: 20px; }

#front-modules #social-section .fa { margin: 5px; display: block; text-align: center; color: #FFFFFF; font-size: 52px; text-decoration: none; box-shadow: 2px 2px 2px rgba(0,0,0,.25); }
#front-modules #social-section .fa { text-decoration: none; }
#front-modules #social-section .fa-facebook { line-height: 195px; background: #4952a4; font-size: 120px; }
#front-modules #social-section .fa-twitter { line-height: 93px; background: #00aced; }
#front-modules #social-section .fa-instagram { line-height: 92px; background: #b3344f; }

#front-modules #cafe-club #cafe-club-card { position: absolute; max-width: 50%; right: 30px; bottom: 20px; height: auto; }
#front-modules #cafe-club .learn-more-btn { margin: 10px 0 15px; }
#front-modules #work-at-sharis .module .module-content.gradient .content-box { padding: 25px; }

.learn-more-btn { padding: 8px 20px; background: rgba(0,0,0,.25); border-radius: 5px; color: #FFFFFF !important; display: inline-block; margin-top: 10px; margin-bottom: 15px; text-transform: uppercase; border: 0; text-decoration: none !important; white-space: nowrap; }
.learn-more-btn:hover { background: rgba(0,0,0,.5); color: #ffffff; opacity: .8; text-decoration: none;}

#front-modules .image-bg h2,
#front-modules .image-bg h3 { text-shadow: 0 0 10px rgba(0, 0, 0, 0.25); }

#front-modules h2 { font-size: 42px; margin: 0 0 15px; text-transform: uppercase; font-weight: 700; line-height: .9; letter-spacing: -2px; color: #ffffff; margin-top: -10px; margin-bottom: 5px;}
#front-modules h3,
#sub-footer h3 { font-size: 30px; margin: 0 0 5px; text-transform: uppercase; font-weight: 700; line-height: .9}

#content { margin: 0 auto 50px; }
#content.content-padding { padding: 0 55px; }
.page-menu #content { padding: 0 15px; }

/**************************************************
* Page: Menu
**************************************************/
.page-menu #page { opacity: 0; }

#menu-subheader .menu-subheader-item { height: 0px; overflow: hidden; position: relative;
	-webkit-transition: all 0.3s ease;                  
    -moz-transition: all 0.3s ease;                 
    -o-transition: all 0.3s ease;   
    -ms-transition: all 0.3s ease;          
    transition: all 0.3s ease;
	background-position: center center; background-repeat: no-repeat; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; }
#menu-subheader .menu-subheader-item.selected { height: 400px; margin-top: -45px; }
#menu-subheader .menu-subheader-item h2 { text-shadow: 0 0 10px rgba(0,0,0,.2); font-size: 48px; position: absolute; top: 100px; left: 40px; color: #ffffff; line-height: 48px; margin: 0; font-weight: 800; display: block; text-transform: uppercase; }

#food-menu-container { margin: 5px -5px 30px; }

.food-menu-item { box-shadow: 1px 1px 4px rgba(0,0,0,.25); margin: 5px; width: 277px; border: 5px #FFFFFF solid; position: relative; text-align: center; display: block; overflow: hidden;
	background: #FFFFFF }
.food-menu-item .food-menu-item-inner {  }
.food-menu-item h3 { text-transform: uppercase; margin: 0; color: #933636; font-weight: 800; font-size: 18px; height: 45px; width: 100%; display: table; }
.food-menu-item h3 span { display: table-cell; vertical-align: middle; text-align: center; }
.food-menu-item .menu-img { height: 150px;
	background-position: center center; background-repeat: no-repeat; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; }
.food-menu-item .menu-img table { color: #933636; height: 120px; width: 100%; }
.food-menu-item .menu-img table td { vertical-align: middle; }
.food-menu-item .food-content { color: #ffffff; background: #ce7d25; font-size: 14px; height: 100%; left: 0; padding: 20px; position: absolute; top: 100%; 
	-webkit-transition: all 0.3s ease;                  
    -moz-transition: all 0.3s ease;                 
    -o-transition: all 0.3s ease;   
    -ms-transition: all 0.3s ease;          
    transition: all 0.3s ease;
}
.food-menu-item .more-btn:hover + .food-content,
.food-menu-item .food-content.clicked { top: 0; }
.food-menu-item .order-online-btn { color: #ffffff; background: #933636; padding: 5px 10px; text-transform: uppercase; position: absolute; bottom: 0px; right: 0px; font-size: 14px; font-weight: 700;}
.food-menu-item .more-btn { text-decoration: none; color: #933636; background: url(img/more-btn.png); padding: 5px 10px; text-transform: uppercase; position: absolute; bottom: 0px; left: 50%; width: 66px; height: 30px; margin-left:-33px; z-index: 2; outline: 0; font-size: 24px; font-weight: 700;}
.food-menu-item .more-btn:hover { text-decoration: none; }
.food-menu-item .more-content { background: #ce7d25; color: #ffffff; padding: 20px 20px 40px; text-align: left; }
.food-menu-item .more-content table { width: 100%; }
.food-menu-item .more-content table tr td:first-child { font-weight: 700; }
.food-menu-item .more-nutrition h2 { color: #FFFFFF; font-size: 21px; font-weight: 800; text-transform: uppercase; line-height: 32px; border-top: 5px solid #924c00; border-bottom: 5px solid #924c00; margin: 20px 0 0px; }
.food-menu-item .more-nutrition span { display: block; text-align: right; margin: 0px 0 10px; }

.food-menu-item.food-full { margin: 10px 7px 5px; width: 560px; height: 240px; border: none; border-radius: 0px; position: relative; text-align: left; display: block;
	background-position: center center; background-repeat: no-repeat; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; }
.food-menu-item.food-full h2 { text-align: left; text-transform: uppercase; margin: 20px 20px 0px 20px; font-weight: 700; font-size: 36px; }
.food-menu-item.food-full .menu-menu-content { color: #FFFFFF; font-size: 16px; height: 100%; text-shadow: 0 0 5px rgba(0,0,0,.4); }
.food-menu-item.food-full .menu-menu-content .menu-menu-descr { padding: 5px 80px 20px 20px; }
.food-menu-item.food-full .menu-menu-img { height: 100%;
	background-position: center center; background-repeat: no-repeat; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;
}

.food-menu-item.food-full .full-order-online-btn { padding: 8px 20px; background: rgba(0,0,0,.25); color: #FFFFFF; display: inline-block; text-transform: uppercase; font-weight: 700; margin-top: 10px; position: absolute; bottom: 20px; left: 20px; }

.more-nutrition	{display:none;}

/**************************************************
* Page: Cafe Club & Employment
**************************************************/
#cafe-club-tabs .ui-tabs-nav,
#employment-tabs .ui-tabs-nav { background: #e6e6e6; margin: 40px 0 50px; border-top: 2px solid #c8c8c8; }
#cafe-club-tabs .ui-tabs-nav li,
#employment-tabs .ui-tabs-nav li { text-align: center; height: 100%; display: table; height: 50px; }
#cafe-club-tabs .ui-tabs-nav li.ui-tabs-active,
#cafe-club-tabs .ui-tabs-nav li:hover,
#employment-tabs .ui-tabs-nav li.ui-tabs-active,
#employment-tabs .ui-tabs-nav li:hover { background: #c1bfc0; }
#cafe-club-tabs .ui-tabs-nav li a,
#employment-tabs .ui-tabs-nav li a { color: #3c3c3c; width: 100%; height: 100%; display: table-cell; outline: 0; text-transform: uppercase; text-decoration: none; vertical-align: middle; }
#cafe-club-tabs .ui-tabs-nav li.ui-tabs-active a,
#employment-tabs .ui-tabs-nav li.ui-tabs-active a,
#cafe-club-tabs .ui-tabs-nav li a:hover,
#employment-tabs .ui-tabs-nav li a:hover { text-decoration: none; outline: 0; color: #ffffff; }

#cafe-club-tabs h2,
#employment-tabs h2 { font-size: 36px; font-weight: 800; display: block; margin: 20px 0; text-transform: uppercase; border: none; }

/**************************************************
* Page: Employment
**************************************************/
#employment-tabs .ui-tabs-nav li { float: left; width: 16.667%; height: 100px;}

/**************************************************
* Page: Cafe Club
**************************************************/
.page-cafe-club #cafe-club-btn-wrap { margin: 20px 0 0px; display: block; }
.page-cafe-club #cafe-club-btn-wrap .learn-more-btn  { text-align: center; width: 49%; margin-top: 0px; margin-bottom: 5px; }
.page-cafe-club .pg-col-rt.col-md-7 { padding-right: 15px; }
.page-cafe-club .pg-col-lft .cafe-club-card-img { display: block; float: none; }
#cafe-club-tabs .ui-tabs-nav li { float: left; width: 33.3334%; }
#faq-accordion h3 { text-transform: uppercase; outline: 0; margin: 20px 0; }
#faq-accordion .ui-accordion-content-active { padding: 0 0 0 1px; }
#faq-accordion .ui-accordion-content-active strong { font-weight: 900; }

.paytronixMessage { color: #FF0000; display: block; margin: 0; }
.cafe-club-child .pg-col-lft.text ul { list-style-type: none; margin-left: 0; }
.cafe-club-child .pg-col-lft.text ul li { line-height: 1.5 }
.cafe-club-child .pg-col-lft.text ul li.current-item a { opacity: .75; }
.cafe-club-child .pg-col-lft.text ul li a { color: #A85E5F; }
.cafe-club-child table td { padding: 5px 2px; }
.cafe-club-child table td input[type="text"],
.cafe-club-child table td input[type="password"] { border: 1px solid #696969; padding: 5px 2px; }
.cafe-club-child .learn-more-btn { background-color: #A85E5F; margin: 0 0 15px; }
.cafe-club-child .pg-col-rt form .learn-more-btn { margin-top: 10px; }

.cafe-club-child table.acct-balance { margin-bottom: 30px; }
.cafe-club-child table.acct-balance td h3 { margin-bottom: 5px; }
.cafe-club-child table.acct-balance td { font-weight: 400; padding: 3px 0;}
.cafe-club-child table.acct-balance td b,
.cafe-club-child table.acct-balance .td-head td { font-weight: 800; }
.cafe-club-child table.acct-balance .td-head td { padding-top: 10px; }

/**************************************************
* Page: Gift Cards
**************************************************/
.gift-cards-child .pg-col-lft.text ul { list-style-type: none; margin-left: 0; }
.gift-cards-child .pg-col-lft.text ul li { line-height: 1.5 }
.gift-cards-child .pg-col-lft.text ul li a,
.gift-cards-child .pg-col-lft.text a,
.gift-cards-child .pg-col-rt.text a { color: #A85E5F; }
.gift-cards-child table td { padding: 5px 2px; }
.gift-cards-child #products-gift-cards { margin: 0 -10px; }
.gift-cards-child #products-gift-cards td { vertical-align: middle; padding-left: 10px; padding-right: 20px; }
.gift-cards-child #products-gift-cards td .learn-more-btn { margin: 0; }
.gift-cards-child table td input[type="text"],
.gift-cards-child table td input[type="email"],
.gift-cards-child table td input[type="password"] { border: 1px solid #696969; padding: 5px 2px; }
.gift-cards-child .learn-more-btn { background-color: #A85E5F; margin: 0 0 15px; }
.gift-cards-child form .learn-more-btn { margin-top: 10px; }

#message.error { color: #FF0000; }

.gift-cards-child #minicart #cart-box { line-height: 1; }
.gift-cards-child #minicart #cart-box .cart_list img { display: none; }
.gift-cards-child #minicart #cart-box .buttons { margin-bottom: 40px; }
.gift-cards-child #minicart #cart-menu { font-size: 16px; }

.gift-cards-child .shop_table .product-thumbnail { display: none; }
.gift-cards-child .woocommerce .cart-collaterals .cart_totals table th { width: auto; }
.gift-cards-child .woocommerce .woocommerce-message .wc-forward { display: none; }
.woocommerce .woocommerce-message:before, .woocommerce .woocommerce-error:before, .woocommerce .woocommerce-info:before, .woocommerce-page .woocommerce-message:before, .woocommerce-page .woocommerce-error:before, .woocommerce-page .woocommerce-info:before { height: auto !important; }
.woocommerce .cart-collaterals .cart_totals, .woocommerce-page .cart-collaterals .cart_totals,
.woocommerce .cart-collaterals .cart_totals table, .woocommerce-page .cart-collaterals .cart_totals table,
.woocommerce .cart-collaterals .shipping_calculator, .woocommerce-page .cart-collaterals .shipping_calculator
    { width: 100% !important; }
.woocommerce ul#shipping_method li, .woocommerce-page ul#shipping_method li
    { text-indent: 0 !important; }
.woocommerce ul#shipping_method li label { display: inline !important; }

.woocommerce-checkout .gift-cards-child .woocommerce .col2-set .col-1,
.woocommerce-checkout .gift-cards-child .woocommerce-page .col2-set .col-1,
.woocommerce-checkout .gift-cards-child .woocommerce .col2-set .col-2,
.woocommerce-checkout .gift-cards-child .woocommerce-page .col2-set .col-2 { width: 100%; float: none; }
.woocommerce-checkout .gift-cards-child #ship-to-different-address .checkbox { padding-left: 0; display: inline-block; }
/**************************************************
* Page: Locations
**************************************************/
.page-locations .pg-col-rt.col-md-7,
.page-order-online .pg-col-rt.col-md-7 { position: relative; top: -70px; padding-right: 15px; }
#sl_div { background: #f9f9f9; }
#sl_div a.storelocatorlink { width: 100%; text-align: center; margin-bottom: 10px; font-size: 14px; background-color: #A85E5F; padding: 8px 20px; color: #FFFFFF !important; display: inline-block; text-transform: uppercase; border: 0; text-decoration: none !important;}
#sl_div a.storelocatorlink:hover { opacity: .85; }
#sl_div #searchForm input[type="submit"] { width: 100%; }
#sl_div #address_search { padding: 10px 0; }
#sl_div .results_entry { padding: 30px 40px; }
#sl_div .results_entry .location_name { color: #A85E5F; font-size: 21px; line-height: .8; font-weight: 800; text-transform: uppercase; padding: 10px 0; margin: 0 0 5px; display: inline-block; }
#sl_div .results_entry .location_distance { color: #A85E5F; font-weight: 700; margin: 0; font-size: 18px; display: block; }
#sl_div #sl_info_bubble { font-size: 14px; }
#sl_div .slp_result_description { padding: 0 20px; display: block; }
#sl_div #slp_bubble_description,
#sl_div #slp_bubble_hours,
#sl_div #slp_bubble_img,
#sl_div #slp_bubble_website,
#sl_div #slp_bubble_email,
#sl_div #slp_tags { display: none; }
#sl_div #slp_bubble_directions a.storelocatorlink { font-size: 12px; margin: 10px 0; padding: 5px 10px; }
#sl_div #sl_info_bubble strong { font-weight: 600; }

#sl_div div.results_row_col1,
#sl_div div.results_row_col2,
#sl_div div.results_row_col3,
#sl_div div.results_row_col4 { display: inline-block; position: relative; text-align: left; vertical-align: top; }
#sl_div div.results_row_col1, 
#sl_div div.results_row_col2,
#sl_div div.results_row_col4 { width: 20%; }
#sl_div div.results_row_col3 { width: 35%; }

/**************************************************
* Page: News and Press
**************************************************/
#news-sidebar h2 { font-size: 1.5em; font-weight: 700; text-transform: uppercase; margin: 0 0 10px; }
ul#news-archive { list-style-type: none; margin-left: 0; }
ul#news-archive li { line-height: 1.5; margin: 0;}
ul#news-archive li.current-item a { opacity: .75; }
ul#news-archive li a { color: #A85E5F; }

#content .news-entry hr { margin: 25px 0; }
#content .news-entry:last-child hr { display: none; }
.pg-col-rt .news-entry h2 { margin-top: 10px; }
.pg-col-rt .news-entry h3 { margin-top: 0px; }
.pg-col-rt .news-entry .learn-more-btn { background-color: #A85E5F; margin: 0 0 15px; }

/**************************************************
* Page: Template
**************************************************/
#page-subheader .subheader-item { height: 400px; margin: 0 0 50px; position: relative; overflow: hidden;
	-webkit-transition: all 0.3s ease;                  
    -moz-transition: all 0.3s ease;                 
    -o-transition: all 0.3s ease;   
    -ms-transition: all 0.3s ease;          
    transition: all 0.3s ease;
	background-position: center center; background-repeat: no-repeat; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;
}
#page-subheader .subheader-item .hero-text { width: 80%; float: left; margin: 0; font-size: 56px; padding: 65px 40px 300px; color: #A85E5F; font-weight: 800; text-transform: uppercase; line-height: .9; text-shadow: 0 0 50px rgba(255,255,255,.5);}
#page-subheader .subheader-item .two-thirds { 
	background: -webkit-linear-gradient(right, rgba(255, 255, 255, 0.6), rgba(255, 255, 255, 0.5) 70%, rgba(255, 255, 255, 0)); /*Safari*/
	background: -o-linear-gradient(right, rgba(255, 255, 255, 0.6), rgba(255, 255, 255, 0.5) 70%, rgba(255, 255, 255, 0)); /*Opera 11-12*/
	background: -moz-linear-gradient(right, rgba(255, 255, 255, 0.6), rgba(255, 255, 255, 0.5) 70%, rgba(255, 255, 255, 0)); /*Fx 3.6-15*/
	background: linear-gradient(to right, rgba(255, 255, 255, 0.6), rgba(255, 255, 255, 0.5) 70%, rgba(255, 255, 255, 0)); /*Standard*/
}
#page-subheader .subheader-item .float-right .hero-text { text-align: right; float: right; }
#page-subheader .subheader-item .two-thirds.float-right  { 
	background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0.6), rgba(255, 255, 255, 0.5) 70%, rgba(255, 255, 255, 0)); /*Safari*/
	background: -o-linear-gradient(left, rgba(255, 255, 255, 0.6), rgba(255, 255, 255, 0.5) 70%, rgba(255, 255, 255, 0)); /*Opera 11-12*/
	background: -moz-linear-gradient(left, rgba(255, 255, 255, 0.6), rgba(255, 255, 255, 0.5) 70%, rgba(255, 255, 255, 0)); /*Fx 3.6-15*/
	background: linear-gradient(to left, rgba(255, 255, 255, 0.6), rgba(255, 255, 255, 0.5) 70%, rgba(255, 255, 255, 0)); /*Standard*/
}

#page-subheader .subheader-item .page-title { font-size: 56px; position: absolute; top: 80px; left: 40px; color: #ffffff; line-height: 48px; margin: 0; text-shadow: 0 0 10px rgba(0,0,0,.2); }
.page-title,
.section-title { font-size: 56px; font-weight: 800; display: block; margin: 0 0 10px; text-transform: uppercase; }
.container.no-hero .page-title { margin-top: 65px; }

.pg-col-lft { font-size: 21px; line-height: 1.7; }
.pg-col-lft .section-title { color: #A85E5F; margin-bottom: 20px; font-size: 48px;}
.pg-col-lft p { margin: 0 0 20px; }
.pg-col-lft img { max-width: 100%; height: auto; }

.pg-col-rt { font-weight: 600; font-size: 16px; }
.pg-col-rt.col-md-7 { padding-right: 100px; }
.pg-col-rt h2 { color: #A85E5F; font-size: 27px; font-weight: 800; text-transform: uppercase; padding: 7px 0; border-top: 2px solid rgba(69,69, 69, .25); border-bottom: 2px solid rgba(69,69, 69, .25); margin: 30px 0 10px; display: inline-block; }
.pg-col-rt h2.hero-text { margin: 0; font-size: 48px; color: #A85E5F; font-weight: 800; text-transform: uppercase; line-height: .9; border: none; }
.pg-col-rt h3 { color: #A85E5F; font-weight: 700; margin: 30px 0 10px; font-size: 22px; }
.pg-col-rt h2:not(.hero-text):first-child,
.pg-col-rt h3:first-child { margin-top: 5px; }
.pg-col-rt p { margin: 0 0 10px; line-height: 1.6; }
.pg-col-rt p + h2 { margin-top: 10px; } 

.page-sustainability #page-subheader .subheader-item .hero-text,
.page-sustainability .hero-text,
.page-sustainability .pg-col-rt h2,
.page-sustainability .pg-col-rt h3 { color: #327b7c; }

.page-career #page-subheader .subheader-item h2,
.page-career .pg-col-rt h2,
.page-career .pg-col-rt h3 { color: #ac884a; }

#content hr { margin: 50px 0; border-width: 3px; }

#page-subfooter { margin: 0 auto 20px; }
#page-subfooter .row { margin-right: -5px; margin-left: -5px; }
#page-subfooter .module { height: 230px; margin: 5px; position: relative; color: #FFFFFF; background: #7D243F; font-size: 14px; font-weight: 600;
	background-position: center center; background-repeat: no-repeat; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; }
#page-subfooter .module .module-content { padding: 35px; }
#page-subfooter .module .module-content.one-half,
#page-subfooter .module .module-content.one-third,
#page-subfooter .module .module-content.two-thirds { height: 100%; }

#page-subfooter .module .module-content.one-half.gradient,
#page-subfooter .module .module-content.one-third.gradient,
#page-subfooter .module .module-content.two-thirds.gradient {
	background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0.8), rgba(255, 255, 255, 0.7) 80%, rgba(255, 255, 255, 0)); /*Safari*/
	background: -o-linear-gradient(left, rgba(255, 255, 255, 0.8), rgba(255, 255, 255, 0.7) 80%, rgba(255, 255, 255, 0)); /*Opera 11-12*/
	background: -moz-linear-gradient(left, rgba(255, 255, 255, 0.8), rgba(255, 255, 255, 0.7) 80%, rgba(255, 255, 255, 0)); /*Fx 3.6-15*/
	background: linear-gradient(to right, rgba(255, 255, 255, 0.8), rgba(255, 255, 255, 0.7) 80%, rgba(255, 255, 255, 0)); /*Standard*/
}
#page-subfooter .module .module-content.full-width.gradient {
	background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.8), rgba(255, 255, 255, 0.7) 60%, rgba(255, 255, 255, 0)); /*Safari*/
	background: -o-linear-gradient(top, rgba(255, 255, 255, 0.8), rgba(255, 255, 255, 0.7) 60%, rgba(255, 255, 255, 0)); /*Opera 11-12*/
	background: -moz-linear-gradient(top, rgba(255, 255, 255, 0.8), rgba(255, 255, 255, 0.7) 60%, rgba(255, 255, 255, 0)); /*Fx 3.6-15*/
	background: linear-gradient(to bottom, rgba(255, 255, 255, 0.8), rgba(255, 255, 255, 0.7) 60%, rgba(255, 255, 255, 0)); /*Standard*/
}

#page-subfooter .learn-more-btn { padding: 8px 20px; background: rgba(0,0,0,.25); color: #FFFFFF; display: inline-block; margin-top: 25px; text-transform: uppercase; }
#page-subfooter .learn-more-btn:hover { background: rgba(0,0,0,.5); color: #ffffff;}

#page-subfooter h2 { font-size: 36px; margin: 0 0 5px; text-transform: uppercase; font-weight: 800; line-height: .9; color: #FFFFFF; }

#footer { background: #343434; font-size: 16px; color: #FFFFFF; }
.page #footer .col-md-8 { padding-left: 50px; }
.page-menu #footer .col-md-8 { padding-left: 15px; }
#footer .container { padding-top: 45px; padding-bottom: 70px; }
#footer h3 { font-weight: 700; font-size: 21px; margin: 10px 0; text-transform: uppercase; }
#footer a { color: #FFFFFF; }
#footer-text-1 { margin-bottom: 10px; font-size: 14px; }
#footer-text-2 { font-size: 14px; }

@media only screen and (min-width: 992px) and (max-width: 1199px) {
	.navbar.sharis-nav .navbar-brand { margin-top: -8px; }
	.navbar.sharis-nav .navbar-brand img { height: 65px; }
	.navbar.sharis-nav .navbar-nav a { padding: 15px 23px; font-size: 14px; }

	#front-modules h2 { font-size: 38px; }
	#front-modules h3 { font-size: 24px; }

    .flexslider li .speech { max-width: 70%; padding: 145px 70px 0; width: 70%; }

	#front-modules #work-at-sharis .one-half { width: 75%; }

	.food-menu-item.food-full { width: 460px; }
	.food-menu-item { width: 306px; }

    .pg-col-rt.col-md-7 { padding-right: 15px; }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
	#front-modules:hover .module-item { opacity: 1; }

    .navbar.sharis-nav .navbar-header { float:none; width: 100%; }
	.navbar.sharis-nav .navbar-brand { margin: -10px auto 0; display: block; float: none; text-align: center; padding: 0; }
	.navbar.sharis-nav .navbar-brand img { height: 70px; }
	.navbar.sharis-nav .navbar-nav a { padding: 15px 25px; }
    #tablet-nav { background: #333333; }

	#submenu-menu-filter-container { display: none; }

	#slider-container { height: 370px; }
    .flexslider li { height: 350px; }
    .flexslider .one-half { width: 75%; max-width: 75%; }
    .flexslider li .speech { padding-right: 35px; }
    .flexslider li .speech h2 { font-size: 42px; }
    #slider-pagination { right: 35px; }

	#front-modules .module {  }
	#front-modules h2 { font-size: 34px; }
	#front-modules h3 { font-size: 20px; }
	#front-modules .flexslider li .one-third { width: 50%; }
    #front-modules #online-social,
    #front-modules #cafe-club { width: 100%; }
	#front-modules #order-online .module { height: 196px; }
	#front-modules #social-section .module { height: 194px; }
	#front-modules #social-section .fa-facebook { line-height: 194px; font-size: 80px; }
	#front-modules #social-section .fa-twitter,
	#front-modules #social-section .fa-instagram { line-height: 92px; font-size: 36px; }
    #front-modules #cafe-club { width: 100%; }
	#front-modules #cafe-club .module { height: auto; }
    #pg-col-lft { margin-bottom: 30px; }	#front-modules #pies-of-the-month { width: 100%; }
	#front-modules #pies-of-the-month .module { height: auto; }
	#front-modules #pies-of-the-month .one-half { width: 70%; }
	#front-modules #environment,
	#front-modules #work-at-sharis { width: 50% }
	#front-modules #environment .module,
	#front-modules #work-at-sharis .module { height: 200px; }
	#front-modules #waffle-fresh-berries, #front-modules #fresh-ingredients { width: 100%; }
	#front-modules #waffle-fresh-berries .module, #front-modules #fresh-ingredients .module { height: 200px; }

    #page { margin-top: 135px; }

    .page-menu #page { margin-top: 230px; }
    .food-menu-item.food-full { height: 200px; width: 350px; }
	.food-menu-item { width: 355px; }
    .food-menu-item.food-full .menu-menu-content { width: 100%; text-shadow: 0 0 5px rgba(0,0,0,.35); }

    .pg-col-rt.col-md-7 { padding-right: 15px; }
    .page-cafe-club .pg-col-lft .cafe-club-card-img { display: block; float: left; }

    #sl_div div.results_row_col1, 
    #sl_div div.results_row_col2,
    #sl_div div.results_row_col3,
    #sl_div div.results_row_col4 { width: 49%; }
    #sl_div div.results_row_col3,
    #sl_div div.results_row_col4 { margin-top: 10px; }
    #sl_div .slp_result_description { padding: 0; }

	#page-subfooter h2 { font-size: 28px; }
	#page-subfooter .module { height: 180px; }
}

@media only screen and (max-width: 767px) {
	.navbar-toggle { padding: 4px 10px }

	.navbar.sharis-nav .navbar-header { height: 40px; }

	.navbar.sharis-nav .navbar-collapse #menu-filter-container { margin: 0 -15px; }
	.navbar.sharis-nav .navbar-collapse .subnav { float: none; margin: 0 -15px; }
	.navbar.sharis-nav .navbar-collapse .subnav li { float: none; }
	.navbar.sharis-nav .subnav.hovered li a, .navbar.sharis-nav .subnav.current-subnav li a, .navbar.sharis-nav .subnav.current-subnav.hovered.hide li a { padding-top: 10px !important; padding-bottom: 10px !important; }
	.navbar.sharis-nav .subnav.current-subnav.hovered.hide { display: block !important; }

    #submenu-menu-filter-container { display: none; }

	.navbar.sharis-nav .navbar-brand { position: absolute; width: 250px; height: auto; left: 50%; margin-left: -125px; margin-top: -8px; }
	.navbar.sharis-nav .navbar-brand img { width: 100%; height: auto; }
	.navbar.sharis-nav .navbar-nav a { padding: 10px 15px; border: none; }
	.navbar.sharis-nav #nav-social { position: relative; right: auto; height: 40px; }
	.navbar.sharis-nav #nav-social a { line-height: 40px; width: 40px; }

	#front-modules h2 { font-size: 32px; }
	#front-modules h3 { font-size: 22px; }

    .flexslider li { height: 335px; }
    .flexslider li .one-half.speech { text-shadow: 0 0 5px rgba(0, 0, 0, 0.45), 0 0 10px rgba(0, 0, 0, 0.25); max-width: 100%; width: auto; padding-left: 35px; padding-right: 35px; }
	.flexslider li .speech.pos-top { padding-top: 35px; width:100%; max-width:100%; padding-left: 30px; padding-right: 30px;}
    #slider-pagination { display: none!important; }
    .flexslider li .speech h2  { font-size: 30px; }
    .flexslider p { font-size: 1.2em!important; }
    .flexslider li .speech.float-right p { width: 100%; /*margin-left: 10%;*/ }
    #slider-pagination { right: 35px; bottom: 35px; }

	#front-modules #online-social { width: 100%; }
	#front-modules #social-section .module { height: auto; }
	#front-modules #social-section .one-third,
	#front-modules #social-section .two-thirds { width: 100%; }
	#front-modules #cafe-club { width: 100%; }
	#front-modules #cafe-club .one-half { width: 50%; }
	#front-modules #cafe-club .module {  height: auto; }
	#front-modules #pies-of-the-month { width: 100%; }
	#front-modules #pies-of-the-month .module { height: auto; }
	#front-modules #pies-of-the-month .one-half { width: 75%; }
	#front-modules #pies-of-the-month .one-half .two-thirds { width: 100%; }
	#front-modules #environment,
	#front-modules #work-at-sharis { width: 100%; height: auto }
	#front-modules #waffle-fresh-berries,
	#front-modules #waffle-fresh-berries .one-half,
	#front-modules #fresh-ingredients { width: 100%; }

    #front-modules #cafe-club .module .module-content,
    #front-modules #pies-of-the-month .module .module-content,
    #front-modules #waffle-fresh-berries .module .module-content,
    #front-modules #fresh-ingredients .module .module-content { width: 100% !important; padding: 35px !important; text-shadow: 0 0 5px rgba(0, 0, 0, 0.45), 0 0 10px rgba(0, 0, 0, 0.25); }

    #front-modules .module { height: auto !important; }
    #gift-cards .module { height: 295px!important; }
    #gift-cards .module .module-content .learn-more-btn { margin-left: -29px; }
    #front-modules .apply-btn { position: relative; bottom: 0; }

	#page-subheader .subheader-item { height: auto; min-height: 140px; }
    #page-subheader .subheader-item .two-thirds { width: 100%; }
	#page-subheader .subheader-item .hero-text { margin: 0 0 60px; padding: 20px; font-size: 32px; }
	#page-subheader .subheader-item .page-title { line-height: 1; font-size: 36px; left: 20px; position: static; margin: 20px;}
	.pg-col-rt h2.hero-text,
    .pg-col-lft .section-title { font-size: 36px }
    #content.content-padding { padding: 0 35px; }
	.pg-col-lft { margin-bottom: 30px; line-height: 1.5; font-size: 18px; }
	.pg-col-rt p { line-height: 1.5; }

    #page { margin-top: 70px; }
    .page-menu #page { margin-top: 115px; }
	#menu-subheader .menu-subheader-item.selected { height: 140px; }
    #menu-subheader .menu-subheader-item h2 { top: 20px; left: 20px; font-size: 36px; }

    #sl_div div.results_row_col1, 
    #sl_div div.results_row_col2,
    #sl_div div.results_row_col4,
    #sl_div div.results_row_col3 { margin-top: 15px; width: 100%; }
    #sl_div .slp_result_description { padding: 0; }

	#food-menu-container { margin: 5px 0 30px; }
	.food-menu-item.food-full, .food-menu-item { margin: 0 0 10px; width: 100%; }
	.food-menu-item.food-full { height: auto; }
	.food-menu-item.food-full .menu-menu-content { width: 75%; }
	.food-menu-item.food-full .full-order-online-btn { position: static; }

    .pg-col-rt.col-md-7 { padding-right: 15px; }

    .page-cafe-club .pg-col-lft .cafe-club-card-img { display: block; float: left; }
    .page-cafe-club #cafe-club-tabs .ui-tabs-nav li { float: none; width: 100%; }
    .page-cafe-club #cafe-club-btn-wrap .learn-more-btn { width: 100%; }

    #employment-tabs .ui-tabs-nav li { float: none; width: 100%; }

    .product-remove { display: none; }
    .woocommerce #content table.cart td.actions,
    .woocommerce table.cart td.actions,
    .woocommerce-page #content table.cart td.actions,
    .woocommerce-page table.cart td.actions { font-size: 14px; }

	#page-subfooter .one-third { width: 100%; }
	#page-subfooter .module { height: auto; }
}

#slider-container,
.caroufredsel_wrapper,
.flexslider,
.flexslider li {
    height: 100vh;
}

div#menu-subheader.container,
div#page-subheader.container {
    width: 100%!important;
    max-width: 100%;
    margin-left: 0;
    margin-right: 0;
    padding-left: 0;
    padding-right: 0;
    margin-bottom: 50px;
    position: relative;
}

div#menu-subheader.container div.full-width,
div#page-subheader.container div.full-width,
 {
    margin-top: 0;
}

div#menu-subheader.container div.full-width div.menu-subheader-item.selected,
div#page-subheader.container div.full-width div.subheader-item {
	height: 500px;
	margin-top: 0;
}

.flexslider h2 {
    padding: 10px;
	text-transform: uppercase;
	font-weight: 700;
	line-height: .9;
	letter-spacing: -2px;
	color: #ffffff;
	font-size: 5em;
    text-shadow: 0 0 5px rgba(0,0,0,.4);
}

.flexslider p {
	/*text-shadow: 0 0 5px rgba(0,0,0,.8);*/
    font-size: 1.4em;
    font-weight: 700;
    padding: 10px;
    /*padding-left: 25%;*/
}

.arrow {
  position: absolute;
  bottom: 5%;
  width: 50px;
  height: 50px;
  left: 48%;
  left: -webkit-calc(50% - 25px);
  left: -moz-calc(50% - 25px);
  left: calc(50% - 25px);
  z-index: 10;
  overflow: visible;
}

.arrow .fa {
  color: #000;
  font-size: 75px;
  text-align: center;
}

.arrow .fa:hover {
  cursor: pointer;
  color: #fff;
}

.content-below { 
    display: none;
}

@media only screen and (max-height: 700px) {
    .content-below {
        position: absolute;
        bottom: 20px;
        width: 100%;
        text-align: center;
        display: block;
    }

    #menu-subheader .content-below {
        bottom: -20px;
    }
    div#menu-subheader.container div.full-width div.menu-subheader-item.selected, 
    div#page-subheader.container div.full-width div.subheader-item {
        height: 400px;
    }
}


@media only screen and (max-width: 700px) {
    
    .flexslider li .speech.pos-top {
   
    bottom: 12%;
    position: absolute;
    }
    
    div.speech.pos-top.float-right > p{
	display:none;
    }
    
}