@font-face {
    font-family: "House Slant";
    src: url('HouseSlant.eot');
    src: url("HouseSlant.eot?#iefix") format("embedded-opentype"),
         url("HouseSlant.woff") format("woff");
    font-style: normal;
    font-weight: 400;
    font-stretch: normal;
}



@font-face{
	src: url(signpainter.eot);
	src: url(signpainter.otf) format('opentype'),
		 url(signpainter.ttf) format('truetype'),
		 url(signpainter.eot?#SignPainter) format('embedded-opentype'),
		 url(signpainter.svg) format('svg'),
		 url(signpainter.svg#SignPainter) format('svg'),
		 url(signpainter.woff) format('woff');
	font-family: 'SignPainter';
}

@font-face {
    font-family: 'avenirHeavy';
    src: url('avenirltstd-heavy.eot');
    src: url('avenirltstd-heavy.eot') format('embedded-opentype'),
         url('avenirltstd-heavy.svg#AvenirLTStd85Heavy') format('svg'),
         url('avenirltstd-heavy.woff') format('woff'),
         url('avenirltstd-heavy.ttf') format('truetype');
}


@font-face {
    font-family: 'avenirHeavyOblique';
    src: url('avenirltstd-heavyoblique.eot');
    src: url('avenirltstd-heavyoblique.eot') format('embedded-opentype'),
         url('avenirltstd-heavyoblique.svg#AvenirLTStd85HeavyOblique') format('svg')
         url('avenirltstd-heavyoblique.woff') format('woff'),
         url('avenirltstd-heavyoblique.ttf') format('truetype');
}


@font-face {
    font-family: 'avenirLight';
    src: url('avenirltstd-light.eot');
    src: url('avenirltstd-light.eot?#iefix') format('embedded-opentype'),
         url('avenirltstdlight.svg#avenirLight') format('svg'),
         url('avenirltstd-light.woff') format('woff'),
         url('avenirltstd-light.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}



@font-face {
    font-family: 'avenirLightOblique';
    src: url('avenirltstd-lightoblique.eot');
    src: url('avenirltstd-lightoblique.eot') format('embedded-opentype'),
         url('avenirltstd-lightoblique.svg#AvenirLTStd35LightOblique') format('svg'),
         url('avenirltstd-lightoblique.woff') format('woff'),
         url('avenirltstd-lightoblique.ttf') format('truetype');
}


@font-face {
	font-family: 'icomoon';
	src:url('icomoon.eot');
	src:url('icomoon.eot?#iefix') format('embedded-opentype'),
		url('icomoon.svg#icomoon') format('svg'),
		url('icomoon.woff') format('woff'),
		url('icomoon.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}

@media screen {

/* ==========================================================================
   HTML5 Boilerplate styles - h5bp.com (generated via initializr.com)
   ========================================================================== */

html,
button,
input,
select,
textarea {
    color: #222;
}

body {
    font-size: 1em;
    line-height: 1.4;
}

::-moz-selection {
    background: #ff7300;
    text-shadow: none;
	  color: #FFFFD8;
}

::selection {
    background: #ff7300;
    text-shadow: none;
	  color: #FFFFD8;
}

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0;
}

img {
    vertical-align: middle;
}

fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}

textarea {
    resize: vertical;
}

.chromeframe {
    margin: 0.2em 0;
    background: #ccc;
    color: #000;
    padding: 0.2em 0;
}


/* ===== Initializr Styles ==================================================
   Author: Jonathan Verrecchia - verekia.com/initializr/responsive-template
   ========================================================================== */

body {
    font: 16px/26px Helvetica, Helvetica Neue, Arial;
}

.wrapper {
    width: 90%;
    margin: 0 5%;
}

header.wrapper { margin: 0 auto;  }

/* ===================
    ALL: Orange Theme
   =================== */

.header-container {
    border-bottom: 20px solid #e44d26;
}

.footer-container { background: #ff7300; text-align: center; }

.header-container,
.footer-container,
.main aside {
}

.title {
    color: white;
}

/* ==============
    MOBILE: Menu
   ============== */

nav ul {
    margin: 0;
    padding: 0;
}

nav a:hover,
nav a:visited {
    color: white;
}

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

/* ==============
    MOBILE: Main
   ============== */

.main {
    padding: 37px 0;
}

h1 {
    font-size: 41px;
	font-family: signpainter;
	color: #ff7300 /* lighter #ff9f2a  */; line-height: 42px;
	margin: 0 0 21px 0;
}
h1 span { font-size: 73px; display: block; font-family: signpainter; color: #ff7300 /* lighter #ff9f2a  */; line-height: 58px;}
.main-container h2 { font-size: 50px; display: block; font-family: signpainter; color: #ff7300 /* lighter #ff9f2a  */; line-height: 48px;}

h2 { font-family: signpainter; color: #ff7300; font-size: 38px; line-height: 1em; margin: 0 0 15px 0;  }
h3 { font-family: avenirHeavy; }


.main aside {
   
}

.footer-container footer {
    color: white;
    padding: 20px 0;
}

/* ===============
    ALL: IE Fixes
   =============== */

.ie7 .title {
    padding-top: 20px;
}

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

 

body { background: #f6f3e1; font-family: avenirLight, sans-serif; font-size: 21px; line-height: 29px; color: #ffffd8; text-rendering: optimizeLegibility; }
a { text-decoration: none; color: #ff7300; }
p { margin: 0 0 21px 0; }
ol li, figure { margin-bottom: 21px; }
section ol li { background: none; padding-left: 0; }
section a:hover { background: #FF7300; color: #FFFFD8; }
h1, h2, h3, h4 { font-weight: normal; margin: 0 0 21px 0; }
hr { border: 0; height: 1px; background: #ff7300; }
section ul { list-style-type: none; padding: 0 0 0 17px; margin-bottom: 15px; }
section li { background: url(../img/bullet.png) no-repeat left 9px; padding-left: 25px; }
img[src=""] { display: none; }
.fileDownload { display: block; }

.locationUpdate img { display: block; margin: 15px 0; }
article .menuLink { background: url(../img/iconMenu.png) no-repeat; padding: 10px 0 0 55px; height: 38px; display: block; }
article a.menuLink:hover { background: url(../img/iconMenu.png) no-repeat #ff7300; }

/* general utility classes */


.button { line-height: 50px; display: block; width: 182px; height: 48px; background: url(../img/sprite.png) no-repeat 0 -135px; text-align: center; text-decoration: none; font-size: 18px; text-transform: uppercase; color: #ffe793; font-family: avenirLight, ariel, sans-serif; }
	 a.button:hover { background: url(../img/sprite.png) no-repeat 0 -183px; }
	 a.button:active { background: url(../img/sprite.png) no-repeat 0 -231px; }

html body.japanese .icon, .icon { font-family: icomoon !important;}

/* utility bar */

#util { background: #4b423d; padding: 6px 0; }

	.languages { float: left; padding-top: 2px; }
	#socials .languages a { display: block; float: left; overflow: hidden; background: url(../img/sprite.png) no-repeat; margin: 0 10px 0 0; height: 11px; width: 16px; }
	#socials .languages a#us { background-position: 0 -801px; }
	#socials .languages a#us:hover { background-position: 0 -790px; }
	
	#socials .languages a#japan { background-position: -16px -801px; }
	#socials .languages a#japan:hover  { background-position: -16px -790px; }
	
	#socials .languages a#thai { background-position: -32px -801px; }
	#socials .languages a#thai:hover  { background-position: -32px -790px; }
	

	#socials a { display: block; float: right; margin-left: 10px; } 
	#fb { background: url(../img/sprite.png) no-repeat; width: 17px; height: 17px; }
	#fb:hover { background-position: left -17px; }
	#twitter { background: url(../img/sprite.png) no-repeat left -34px; width: 20px; height: 17px; }
	#twitter:hover { background-position: left -51px; }
	#utilInstagram { background: url(../img/sprite.png) no-repeat left -68px; width: 20px; height: 17px; }
	#utilInstagram:hover { background-position: left -85px; }

	
/* titlebar */	

#titleBar { background: #ff7300; position: relative; z-index: 3;  height: 102px; overflow: hidden; }
	#titleBar .wrapper { background: url(../img/sprite.png) no-repeat -782px 0; }
	#logo { width: 159px; height: 40px; display: block; background: url(../img/sprite.png) no-repeat -54px top; margin: 28px 0 0 53px; float: left; position: relative; z-index: 3; }

	.mobileNav {  }
	
	#titleBar nav ul {  }
	#titleBar nav li { display: block; float: left; height: 100%; line-height: 100%; list-style: none; }
	#titleBar nav a { border-right: 1px solid #ffc28f; font-family: 'SignPainter'; font-size: 24px; color: white; text-align: center; text-rendering: optimizeLegibility; display: block; line-height: 100%; padding: 23px; position: relative; text-decoration: none; width: auto; line-height: 28px; } 
	#titleBar nav span {  font-family: "House Slant", script; text-rendering: optimizeLegibility; font-weight: normal; font-size: 36px; color: #6a2d00; display: block; }
	#titleBar nav li.last a { border-right: none; }
	#titleBar nav.mainNav a:first-child { border-left: 1px solid #ff7300; }

	#titleBar nav a:hover, #titleBar nav .nav-selected a  { background: #e26600;  }
	#titleBar nav a:hover span, #titleBar nav .nav-selected a span { color: white; }
	#titleBar nav li:first-child a:hover,
	#titleBar nav li:first-child a.nav-selected { border-left: 1px solid #ffc28f; }
	
	
	header.wrapper {  }
	
	
	
	
		
	/* MOBILE NAV ---------------------------------------------------------------------- */
	
	#titleBar { overflow: visible; }
	.mobileNav { position: relative; padding-top: 102px; }
	
	#titleBar nav a#hamburger { display: block; width: 57px; height: 43px;position: absolute; right: 0; top: 28px; z-index: 3; padding: 0; border-left: none; border-right: none; }
	#titleBar nav a.closedBurger {  background: url(../img/sprite.png) -1165px -519px no-repeat;  }
	#titleBar nav a.openBurger {  background: url(../img/sprite.png) -1165px -584px no-repeat;  }
	#titleBar .mobileNav ul { clear: left; display: none; } 
	#titleBar .mobileNav ul li { height: auto; }
	#titleBar .mobileNav ul li,
	#titleBar .mobileNav ul li a { display: block; float: none; border-right: none; border-left: none; vertical-align: bottom; }
	#titleBar .mobileNav ul li a span { color: white; }
	
	#titleBar .mobileNav ul li a { background: #564337; border-bottom: 1px solid #f6f3e1; }
	#titleBar .mobileNav ul li:last-child a { border-bottom: none; }
	#titleBar .mobileNav ul li:last-child a:hover { border-bottom: none; }
	#titleBar .mobileNav ul li a:hover { border: none; border-bottom: 1px solid #f6f3e1; }
	
	/* end mobile nav ------------------------------------------------------------- */
	
	



/* HOMEPAGE ========================================= */




.homepage #header { max-height: none; display: none; }
.homepage .flexslider { overflow: hidden; }
.homepage .flex-direction-nav a { background-color: transparent; background-color: rgba(0, 0, 24, 0.6); padding: 17px 14px 9px 7px; }

.flexslider .slides > li { position: relative; }

.homepage .slides .wrapper {  }
.homepage .headerCTA { display: block; position: absolute; padding: 30px; background-color: transparent; background-color: rgba(0, 0, 24, 0.6);  font-family: 'SignPainter'; color: #ffffd8; text-align: center;     font-size: 71px; line-height: 62px;             /*  font-size: 52px; line-height: 50px;  */  }
.homepage .headerCTA strong { font-weight: normal; display: block;color: #ff7300; display: block; font-family: "House Slant", script; text-rendering: optimizeLegibility; margin-bottom: 24px;   /*   font-size: 62px; */  }

.homepage #headerCTA0 { bottom: 18%; left: 22%; }
.homepage #headerCTA1 {   bottom: 18%; left: 22%; }
.homepage #headerCTA2 { top: 8%; left: 37%; padding: 30px 70px; }
.homepage #headerCTA3 { left: 43%; top: 34%; }
.homepage #headerCTA4 { display: none; }

.homepage .headerCTA .button { margin: 0 auto; }

.homepage .CTAs { background: #564337; padding: 20px 0 20px 0; }
.homepage .CTAs .cta { text-align: center; font-family: 'SignPainter'; float: left; width: 33.33% }
.homepage .CTAs a { font-size: 42px; display: block; color: #ff7300; text-decoration: none; line-height: 28px; }
.homepage .CTAs a span { color: #ffffd8; font-size: 20px; display: block; line-height: 28px; }

.homepage .CTAs .icon { color: #9d7861; font-size: 68px; line-height: 122px;  }

.homepage .CTAs a:hover { background-color: #614c3e !important; color: #ffffd8; }
.homepage .CTAs a:hover .icon { color: #ff8418; }


/* Quote */

.homepage #quote { background: url(../img/bgQuote.gif) #f6f3e1 no-repeat center 124px; }

.symbols { background: url(../img/bgQuotePro.gif) #f6f3e1 center -76px; }
#quote, #mainContent #quote { text-align: center; color: #ff7300; padding: 0; }
#quote blockquote { font-family: "House Slant";font-size: 38px; line-height: 33px; margin-top: 37px; }
#quote blockquote footer { font-size: 26px; line-height: 29px; font-family: avenirLight, sans-serif; margin-top: 33px; }


/* Main-content */

.homepage #mainContent, .main-container { background: url(../img/bgMain.jpg) no-repeat center center ; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover; }
  
  
/* headlines */

section .headlines { list-style-type: none; margin: 0 0 21px 0; padding: 0; }
.headlines li { min-height: 66px; background-image: none; background-color: transparent; background-color: rgba(0, 0, 24, 0.3); margin-bottom: 1px; position: relative; padding: 11px 11px 11px 104px; }
.headlines .date { padding-top: 16px; font-family: 'SignPainter'; background-color: transparent; background-color: rgba(0, 0, 24, 0.5); float: left; text-align: center; width: 92px; position: absolute; top: 0; bottom: 0; left: 0; color: #ff7300; font-size: 40px;  }
.headlines .date span { display: block; font-family: avenirLight, sans-serif; font-size: 20px; }
.headlines a { color: #FFFFD8; }
.headlines a:hover { background: none; color: #ff7300; }

.headlines li:hover {  background-color: transparent; background-color: rgba(0, 0, 24, 0.5);  }
.headlines li:hover .date { background: none; }

html body.japanese .ccm-page-list-description { font-family: avenirLight,sans-serif !important; }

.instagram { background: #564337; padding: 33px 0 40px 0; display: none; }
.instagram h2 { text-align: center; font-size: 38px; font-family: signpainter; color: #ff7300; line-height: 50px;	margin-bottom: 32px; }
.instagram p { margin-top: 60px; font-size: 30px; color: #ffe6c8; }
.instagram .icon { width: 66px; color: #ff7300; font-size: 67px; display: block; float: left; margin: -20px 12px 0 0; line-height: 70px; }


/* footer */

.footer-container footer { background: url(../img/sprite.png) no-repeat center -740px; }
footer nav { margin-bottom: 111px; }
footer nav ul li { display: inline; font-size: 15px; }
footer nav a { text-decoration: none; text-rendering: optimizeLegibility; color: white; display: inline-block; padding: 0 14px; border-right: 1px solid white; line-height: 25px; }
footer nav a:hover,
footer nav .nav-selected  { color: #ff7300; background: white; text-decoration: none; }
footer nav ul li:last-child a { border-right: none; }

.footer-container footer #footerLogo { display: block; width: 202px; margin: 0 auto; height: 50px; background: url(../img/sprite.png) no-repeat 0 -423px; margin-bottom: 107px; }
#copyright { color: #ffc856; font-size: 12px; margin-bottom: 20px; }




/* SUB PAGES ======================================== */



.subPage { background: #ff7300; }
#header { max-height: 350px; overflow: hidden; position: relative; z-index: 2; }
#header img { width: 100%; display: block; height: auto; } 
#mainContent { background: #f6f3e1;
	-webkit-text-stroke: 0.4px; } /* =======================================      -webkit-kext-stroke for stupid chrome rendering!!!!!!!      ================================================ */

.subPage h1 span { }

#mainContent section { padding: 60px 0; }

#mainContent article {  }
#mainContent aside {  }

#mainContent img.responsive { width: 100%; display: block; }

.intro, .defaultContent { font-size: 23px; line-height: 31px; color: #612b0d; }

figcaption { background: #ff7300; text-align: center; padding: 27px; font-size: 20px; line-height: 26px; font-family: avenirHeavy; -webkit-text-stroke: 0; }
figcaption span { font-family: avenirLightOblique; displaY: block; }


#history { width: 100%; position: relative; overflow: hidden; background: url(../img/bgHistory.jpg) no-repeat center center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; }
#history img.bgHistory { position: absolute; top: 0; left: 0; width: 100%; }

.food { width: 100%; position: relative; overflow: hidden; background: url(../img/bgFood.jpg) no-repeat center center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; }
.food img.bgFood { position: absolute; top: 0; left: 0; width: 100%; }

#drink { width: 100%; position: relative; overflow: hidden; background: url(../img/bgDrinks.jpg) no-repeat center center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; }
#drink img.bgFood { position: absolute; top: 0; left: 0; width: 100%; }

#history h1, #history h1 span { color: #ff7300; }

#community,
#howTo,
.darkFull,
.darkWrapper,
.scratch { background: #564337; }


/* HOW TO */

.wrapper .howtoStep:last-child { margin-right: 0; }

.howtoStep { text-align: center;  }
html body.japanese  .howtoNumber, .howtoNumber { text-align: center; font-size: 47px; font-family: signpainter !important; color: #ff7300; background: url(../img/bgHowNumber.png) center no-repeat; margin-bottom: 30px; padding: 23px 0; }
.howtoStep h2 { text-align: center; font-size: 37px; height: 75px; }
.howtoStep h2 span { display: block; font-size: 63px; }
.howDescription { padding: 0 12px; text-align: left; }


/* BLOG */
.main-content-thumb {  margin-bottom: 21px; border-bottom: 1px solid #612b0d;  }
.blogEntry .headlines li { background: #d3d1ba; }
.blogEntry .headlines li:hover { background: #ff7300; }
.blogEntry .headlines li:hover a { color: #FFFFD8; }
.blogEntry .headlines li a { color: #ff7300; }
.blogEntry .headlines li:hover a:hover,
.blogEntry .headlines li a:hover { color: #FFFFD8; }
.blogPostDate,
.blogEntry .headlines .date { margin-top: 0; padding-top: 16px; font-family: 'SignPainter'; background-color: #ff7300; float: left; text-align: center; width: 70px; margin-right: 30px; color: #f6f3e1; font-size: 40px; }
.blogPostDate span { display: block; font-family: avenirLight, sans-serif; font-size: 20px; }

.blogPreview {  }
.blogPreview .image-link { float: left; }
.blogContentPreview {  }
.ccm-output-thumbnail { float: left; margin-right: 30px; padding-bottom: 21px;  }


.ccm-tags-display { background: #d3d1ba; padding: 12px; margin-bottom: 29px; }
.ccm-tags-display ul.ccm-tag-list li { display: block !important; float: none !important; padding: 0 0 0 25px !important; height: auto !important; }
.ccm-tags-display ul.ccm-tag-list li a { display: block; line-height: 29px; }

.blogEntry h1 { font-size: 50px; line-height: 45px; }

.meta { border-top: 1px solid #d3d1ba; border-bottom: 1px solid #d3d1ba; font-size: 14px;font-family: 'avenirLightOblique'; }
.meta .author span { margin: 0 5px 0 0;opacity: 0.4; filter: alpha(opacity=40); -moz-opacity: 0.4; -khtml-opacity: 0.4; display: inline-block; width: 14px; height: 14px; margin-top: 1px; line-height: 14px; vertical-align: text-top; background: url(../img/glyphicons-halflings.png) 0 -72px no-repeat; }
.meta .authorDate span { margin: 0 5px 0 14px; opacity: 0.4; filter: alpha(opacity=40); -moz-opacity: 0.4; -khtml-opacity: 0.4; display: inline-block; width: 14px; height: 14px; margin-top: 1px; line-height: 14px; vertical-align: text-top; background: url(../img/glyphicons-halflings.png) -49px -23px no-repeat; }
.meta .tags span { margin: 0 5px 0 14px; opacity: 0.4; filter: alpha(opacity=40); -moz-opacity: 0.4; -khtml-opacity: 0.4; display: inline-block; width: 15px; height: 14px; margin-top: 1px; line-height: 14px; vertical-align: text-top; background: url(../img/glyphicons-halflings.png) -25px -47px no-repeat; }
.tagLink { display: inline-block; padding: 0 5px; }






/* Locations */

.locationPage {  }

.locationPage .gridLeft  article { display: block; }
.locationPage .gridLeft .middleCol { display: block; background-color: #d3d1ba; /* line-height: 24px; */ }
.locationPage .gridLeft .middleCol > div { padding: 17px; }
.locationPage .gridLeft .rightCol { display: block; }

.locationPage .gridLeft .middleCol > div:first-child { border-bottom: 1px solid #ada692; }
.locationPage .gridLeft .rightCol >div { border-bottom: 1px solid #ada692; padding: 21px 0; }
.locationPage .gridLeft .rightCol >div:first-child { padding-top: 0; }
.locationPage .gridLeft .rightCol >div:last-child { border-bottom: none; }

.locationListing + h3 { margin-top: 21px; }

	/* menu */

	.locationPage .gridLeft .rightCol .menuLink a { background: url(../img/sprite.png) 215px -884px no-repeat; display: block; }
	.locationPage .gridLeft .rightCol .menuLink a:hover { background: url(../img/sprite.png) 215px -918px no-repeat #ff7300; }

	/* address */
	
	.locationAddressLink a { display: block; background: url(../img/sprite.png) 217px -982px no-repeat; display: block; }
	.locationAddressLink a:hover { background: url(../img/sprite.png) 217px -1015px no-repeat #ff7300; }
	
	/* socials */
	
	section .locationSocialLinks a { display: block; width: 58px; height: 59px; float: left; margin: 16px 16px 16px 0; text-indent: -9999px; overflow: hidden; line-height: 0; background: url(../img/sprite.png) no-repeat; }
	section .locationSocialLinks a[href*="facebook"] { background-position: -615px -136px; }
	section .locationSocialLinks a[href*="facebook"]:hover { background-position: -614px -253px; }
	
	section .locationSocialLinks a[href*="twitter"] { background-position: -614px -194px; }
	section .locationSocialLinks a[href*="twitter"]:hover { background-position: -614px -311px; }
	
	section .locationSocialLinks a[href*="instagram"] { background-position: -614px -371px; }
	section .locationSocialLinks a[href*="instagram"]:hover { background-position: -614px -430px; }

	
	
	article .ccm-gallery { border: none; }
	.ccm-gallery tbody { width: 100%; }
	.ccm-gallery tbody tr td { width: 33.333%; }
	.ccm-gallery tbody tr td img { width: 100%; }
	
	
	
/* ==========================================================================
   LocationListings
   ========================================================================== */

 h1 + .locationListing  { margin-top: 26px; }  
   
.locationListing { background: #eae4c3; border-bottom: 1px solid #c6c09b; margin: 0  0 5px 0; }

.locationListing a { display: block; background: url(../img/sprite.png) no-repeat; width: 60px; height: 25px; float: left; padding-top: 45px; text-align: center; font-size: 13px; position: relative; }
.locationListing a:hover { background: url(../img/sprite.png) no-repeat #c6c09b; color: #564337; }

.locationListing .locationName a { background: none; font-size: 23px; padding: 20px 0 0 15px; height: 50px; width: 269px; text-align: left; }
.locationListing .locationName a:hover { background: url(../img/sprite.png) 0 -601px no-repeat #c6c09b; }

.locationHours a { background-position: -737px -140px; }
.locationHours a:hover { background-position: -737px -197px; }

.locationMenu a { background-position: -792px -140px; }
.locationMenu a:hover { background-position: -792px -197px; }

.locationMap a { background-position: -842px -140px; }
.locationMap a:hover { background-position: -842px -197px; }

.locationFacebook a { background-position: -891px -140px; }
.locationFacebook a:hover { background-position: -891px -197px; }

.locationTwitter a { background-position: -950px -140px; }
.locationTwitter a:hover { background-position: -950px -197px; }

.locationInstagram a { background-position: -1012px -141px; }
.locationInstagram a:hover { background-position: -1012px -197px; }



.fileDownload + h2 { margin-top: 21px; }




/* ==========================================================================
   Recipes
   ========================================================================== */

	.ingredientCost { font-family: avenirLightOblique; }
    .recipe  .ccm-tag-list a[href*="[]=8"],
    .recipe  .ccm-tag-list a[href*="[]=9"],
    .recipe  .ccm-tag-list a[href*="[]=18"]	{ display: none; }
   

/* ==========================================================================
   Nihongo
   ========================================================================== */
   
   html body.japanese,
   html body.japanesXXe * { font-family: 'ＭＳ 明朝', "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro",Osaka, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif !important; }
   
   body.japanese .howtoStep h2 span { display: inline; font-size: inherit; }
   
   body.japanese .howtoStep h2 { height: 100px; }
   
   body.japanese h1 span { font-size: inherit; line-height: inherit; display: inline; }

   
   
}   
   

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

@media only screen and (min-width: 480px) {

/* ====================
    INTERMEDIATE: Menu
   ==================== */

   #titleBar nav a {
        float: left;
      /*  width: 27%;
        padding: 25px 2%; */
        margin-bottom: 0;
    }

	
   #titleBar nav li:first-child a {
        margin-left: 0;
    }

   #titleBar nav li:last-child a {
        margin-right: 0;
    }

/* ========================
    INTERMEDIATE: IE Fixes
   ======================== */

   #titleBar nav ul li {
        display: inline;
    }

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

@media only screen and (min-width: 769px)  { 
/* 768 */


/* ============
    WIDE: Menu
   ============ */
   

    .title {
        float: left;
    }

    #titleBar nav {
        float: right;
    }
	
	#titleBar { overflow: hidden; }
	.mobileNav { display: none; }
	.homepage #header { display: block; }
	#titleBar nav a#hamburger { display: none; }
	
	.homepage .CTAs { margin-top: -55px; }
	.homepage .CTAs .cta { width: 33.33333%; float: left;  }
	.homepage .CTAs a { font-size: 77px; color: #ff7300; line-height: 46px; }
	.homepage .CTAs .icon { font-size: 68px; line-height: 122px;  }
	.homepage .CTAs a span { font-size: 40px; line-height: 60px; }
	.homepage #cta1 a, #cta2 a { background: url(../img/ctaDivs.png) right center no-repeat; }
	
	
	#quote blockquote { font-size: 60px; line-height: 62px; margin-top: 80px; }
	
	
	h1 { font-size: 50px; line-height: 45px;	margin: 0 0 21px 0; }
	h1 span { font-size: 97px; line-height: 75px; }

	
	.main {  padding: 117px 0; }
	
	.instagram { display: block; }
	
/* ============
    WIDE: Main
   ============ */

		
	#titleBar .wrapper { width: 100%; }	
	#titleBar .mainNav a { font-size: 24px; line-height: 100%; padding: 23px 14px; position: relative; line-height: 28px; } 
	#titleBar .mainNav a span { font-size: 32px; }
	.homepage .headerCTA { font-size: 51px; line-height: 45px; }	
	.homepage .headerCTA strong { margin-bottom: 15px; }
		
	.gridLeft {  }
	.gridRight {  }
	.gridCenter {  }
	
	
    .gridCenter article {
        float: left;
        width: 47%;
    }

    .gridCenter aside {
        float: right;
        width: 47%;
    }
	
    .gridLeft article {
        float: left;
        width: 57%;
    }

    .gridLeft aside {
        float: right;
        width: 40%;
    }	
    .gridRight article {
        float: right;
        width: 57%;
    }

    .gridRight aside {
        float: left;
        width: 40%;
    }
	
	
	
	.howtoStep { width: 300px; margin-right: 0;  float: left; }
	.howtoNumber {  }
	.howtoStep h2 {  }
	
	
	
	
.locationPage .gridLeft  article { width: 40.17094017094017%; float: left; margin-right: 2.564102564102564%; }
.locationPage .gridLeft .middleCol { width: 31.62393162393162%; float: left; margin-right: 2.564102564102564%; }
.locationPage .gridLeft .rightCol { width: 23.076923076923077%; float: left; }

	
	
	
}

@media only screen and (min-width: 1140px) {

/* ===============
    Maximal Width
   =============== */

    .wrapper {
        width: 1026px; /* 1140px - 10% for margins */
        margin: 0 auto;
    }
	
	#titleBar .wrapper { width: 1026px; }	
	#titleBar .mainNav a { font-size: 24px; line-height: 100%; padding: 23px; position: relative; line-height: 28px; } 
	#titleBar .mainNav a span { font-size: 36px; }
	.homepage .headerCTA { font-size: 71px; line-height: 62px; }	
	.homepage .headerCTA strong { margin-tbottom: 24px; }
	
	.howtoStep { width: 189px; margin-right: 20px; float: left; clear: none; }
	.howtoNumber { float: none; text-align: center; font-size: 47px; margin-bottom: 30px; padding: 23px 0; width: auto; margin-right: 0; }
	.howtoStep h2 { text-align: center; }
	
}

/* ==========================================================================
   Helper classes
   ========================================================================== */

.ir {
    background-color: transparent;
    border: 0;
    overflow: hidden;
    *text-indent: -9999px;
}

.ir:before {
    content: "";
    display: block;
    width: 0;
    height: 150%;
}

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

.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto;
}

.invisible {
    visibility: hidden;
}

.clearfix:before,
.clearfix:after {
    content: " ";
    display: table;
}

.clearfix:after {
    clear: both;
}

.clearfix {
    *zoom: 1;
}





/* ==========================================================================
   Retina Graphics
   ========================================================================== */
   
   
	@media only screen and (-Webkit-min-device-pixel-ratio: 1.5),
	only screen and (-moz-min-device-pixel-ratio: 1.5),
	only screen and (-o-min-device-pixel-ratio: 3/2),
	only screen and (min-device-pixel-ratio: 1.5) {
  
  
		#logo { background-position: -30px -20px !important; background-size: 612px 547px; }
		#fb { background-position: -10px 0; background-size: 612px 547px; }
		#twitter { background-position: -10px -34px; background-size: 612px 547px; height: 17px; }
		
	}
   

} /* end screen */

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

@media print {
    * {
        background: transparent !important;
        color: #000 !important; /* Black prints faster: h5bp.com/s */
        box-shadow: none !important;
        text-shadow: none !important;
    }
	
	#ccm-page-controls-wrapper,
	#titleBar,
	ul.nav,
	.footer-container,
	#header,
	#util,
	.ccm-SlideshowBlock-display { display: none; }
	
	img  { display: block; margin-bottom: 15px; }

    a,
    a:visited {
        text-decoration: underline;
    }

    a[href]:after {
        content: " (" attr(href) ")";
    }

    abbr[title]:after {
        content: " (" attr(title) ")";
    }

    /*
     * Don't show links for images, or javascript/internal links
     */

    .ir a:after,
    a[href^="javascript:"]:after,
    a[href^="#"]:after {
        content: "";
    }

    pre,
    blockquote {
        border: 1px solid #999;
        page-break-inside: avoid;
    }

    thead {
        display: table-header-group; /* h5bp.com/t */
    }

    tr,
    img {
        page-break-inside: avoid;
    }

    img {
        max-width: 100% !important;
    }

    @page {
        margin: 0.5cm;
    }

    p,
    h2,
    h3 {
        orphans: 3;
        widows: 3;
    }

    h2,
    h3 {
        page-break-after: avoid;
    }
}