/*!
Theme Name: HUXTA
Theme URI: http://thoughtandfound.co
Author: Thought & Found
Author URI: http://thoughtandfound.co
Description: Bespoke custom theme for Huxtaburger
Version: 1.0.1
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: huxta
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready
*/


@media screen and (min-width: 0) {
/*–––––––––––––––––––––––––––––
GLOBALS
–––––––––––––––––––––––––––––––*/
@font-face {
    font-family: 'Huxta';
    src: url('fonts/huxtaburger-light-webfont.eot');
    src: url('fonts/huxtaburger-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/huxtaburger-light-webfont.woff2') format('woff2'),
         url('fonts/huxtaburger-light-webfont.woff') format('woff'),
         url('fonts/huxtaburger-light-webfont.ttf') format('truetype'),
         url('huxtaburger-light-webfont.svg#huxtaburgerlight') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Huxta';
    src: url('fonts/huxtaburger-bold-webfont.eot');
    src: url('fonts/huxtaburger-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/huxtaburger-bold-webfont.woff2') format('woff2'),
         url('fonts/huxtaburger-bold-webfont.woff') format('woff'),
         url('fonts/huxtaburger-bold-webfont.ttf') format('truetype'),
         url('fonts/huxtaburger-bold-webfont.svg#huxtaburgerbold') format('svg');
    font-weight: bold;
    font-style: normal;
}

@font-face {
  font-family: 'Graphik';
  src: url('fonts/Graphik-Regular-Web.woff2') format('woff2'),
       url('fonts/Graphik-Regular-Web.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Graphik';
  src: url('fonts/Graphik-Bold-Web.woff2') format('woff2'),
       url('fonts/Graphik-Bold-Web.woff') format('woff');
  font-weight: bold;
  font-style: normal;
}

.desktop {
	display: none;
}

html {
  -webkit-text-size-adjust: 100%;
}

body {
	margin: 0;
	padding: 0;
}

a, body, html, p, h1, h2, h3, h4, h5, h6, span {
	font-family: 'Huxta', sans-serif;
	color: white;
	text-decoration: none;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	text-align: center;
}

.graphik {
	font-family: 'Graphik', sans-serif;
}

.menu {
	font-size: 13px;
	line-height: 15px;
}

a, body, html, p, span {
	font-size: 13px;
	line-height: 14px;
}

.mobile .menu a {
  font-size: 27px;
  line-height: 30px;
}

h1, h2, h3, h4, h5, h6 {
	text-transform: uppercase;
}

h1, .post-nav a {
  font-size: 27px;
	line-height: 30px;
	font-weight: bold;
	margin: 0;
}

h1.graphik {
	line-height: 27px;
}

blockquote {
	margin-left: 0;
	margin-right: 0;
}

a:hover {
	text-decoration: underline;
}

.CTA a:hover {
	text-decoration: none;
}

.m-toggle, .thumb {
  cursor: pointer;
}

/*–––––––––––––––––––––––––––––
SECRET BURGER
–––––––––––––––––––––––––––––––*/
.secret-box {
  position: absolute;
  top: 100vh;
  left: 20px;
  width: 50px;
  height: 50px;
  z-index: 20;
  cursor: image-set( url('images/Cursors_Burger.png') 1x, url('images/Cursors_Burger@2x.png') 2x ) 12.5 11, pointer;
  cursor: -webkit-image-set( url('images/Cursors_Burger.png') 1x, url('images/Cursors_Burger@2x.png') 2x ) 12.5 11, pointer;
}

.secret-box a {
  display: block;
  width: 50px;
  height: 50px;
  cursor: image-set( url('images/Cursors_Burger.png') 1x, url('images/Cursors_Diamond@2x.png') 2x ) 12.5 11, pointer;
  cursor: -webkit-image-set( url('images/Cursors_Burger.png') 1x, url('images/Cursors_Burger@2x.png') 2x ) 12.5 11, pointer;
}

.secret-box a:hover {
  cursor: image-set( url('images/Cursors_Burger.png') 1x, url('images/Cursors_Diamond@2x.png') 2x ) 12.5 11, pointer;
  cursor: -webkit-image-set( url('images/Cursors_Burger.png') 1x, url('images/Cursors_Burger@2x.png') 2x ) 12.5 11, pointer;
}

/*–––––––––––––––––––––––––––––
CUSTOM CURSORS
–––––––––––––––––––––––––––––––*/
body {
  cursor: url('images/Cursors_Diamond.cur') 7 10, default;
  cursor: url('images/Cursors_Diamond.png') 7 10, default;
  cursor: image-set( url('images/Cursors_Diamond.png') 1x, url('images/Cursors_Diamond@2x.png') 2x ) 7 10, default;
  cursor: -webkit-image-set( url('images/Cursors_Diamond.png') 1x, url('images/Cursors_Diamond@2x.png') 2x ) 7 10, default;
}

a:hover, .m-toggle {
  cursor: url('images/Cursors_Star.cur') 10 10, pointer;
  cursor: url('images/Cursors_Star.png') 10 10, pointer;
  cursor: image-set( url('images/Cursors_Star.png') 1x, url('images/Cursors_Star@2x.png') 2x ) 10 10, pointer;
  cursor: -webkit-image-set( url('images/Cursors_Star.png') 1x, url('images/Cursors_Star@2x.png') 2x ) 10 10, pointer;
}

#ba-1 .CTA-Wrap .CTA:nth-child(2) a:hover, body.page-order-online .CTA-Wrap .CTA:nth-child(2) a:hover {
  cursor: url('images/Cursors_Deliveroo.cur') 12 13, pointer;
  cursor: url('images/Cursors_Deliveroo.png') 12 13, pointer;
  cursor: image-set( url('images/Cursors_Deliveroo.png') 1x, url('images/Cursors_Deliveroo@2x.png') 2x ) 12 13, pointer;
  cursor: -webkit-image-set( url('images/Cursors_Deliveroo.png') 1x, url('images/Cursors_Deliveroo@2x.png') 2x ) 12 13, pointer;
}

/*–––––––––––––––––––––––––––––
HEADER & MENUS
–––––––––––––––––––––––––––––––*/
.hidden {
	opacity: 0;
	transition: opacity 500ms ease;
}

.loader {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  width: 100%;
  height: 100%;
  background: url('images/Huxta_BG_1.png') no-repeat center center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  background-color: #f32a26;
  z-index: 25;
}

img.marque, img.star-diamond {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  height: 150px;
  width: auto;
}

img.star-diamond {
  -webkit-animation: flip 2s ease infinite;
  -moz-animation: flip 2s ease infinite;
  -o-animation: flip 2s ease infinite;
  animation: flip 2s ease infinite;
}

@-webkit-keyframes flip {
  0% { -webkit-transform: rotate(0); }
  33% { -webkit-transform: rotate(180deg); }
  100% { -webkit-transform: rotate(360deg); }
}

@-moz-keyframes flip {
  0% { transform: rotate(0); }
  33% { transform: rotate(180deg); }
  100% { transform: rotate(360deg); }
}

@-o-keyframes flip {
  0% { transform: rotate(0); }
  33% { transform: rotate(180deg); }
  100% { transform: rotate(360deg); }
}

@keyframes flip {
  0% { -ms-transform: rotate(0); transform: rotate(0); }
  33% { -ms-transform: rotate(180deg); transform: rotate(180deg); }
  100% { -ms-transform: rotate(360deg); transform: rotate(360deg); }
}

.site-branding {
  position: fixed;
  left: 0;
  right: 0;
  top: 15px;
  margin: auto;
	z-index: 20;
}

.site-branding img {
  display: block;
  max-width: none;
  width: 180px;
	margin: auto;
}

.col-bar {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	width: 100%;
	height: 50.7px;
	z-index: 10;
}

.m-toggle {
  clear: both;
  overflow: hidden;
  position: fixed;
  height: 30px;
  width: 30px;
  right: -6px;
  top: 0;
  bottom: 0;
  margin: auto;
	z-index: 20;
}

.line {
  width: 2px;
  height: 30px;
  float: left;
  margin-left: 3px;
  background: white;
}

ul {
  padding: 0;
  margin: 0;
  list-style: none;
}

.menu {
  text-align: center;
	font-weight: bold;
}

img.sep {
  display: block;
  margin: auto;
  height: 4px;
  padding: 7px 0 10px;
}

.mobile .menu-container img.sep {
  height: 17px;
  padding: 11px 0 13px;
}

.socials {
  text-align: center;
}

.menu-rel-Wrap .socials {
	position: absolute;
  left: 0px;
  right: 0;
  bottom: 15px;
  width: 100%;
}

.socials img {
  height: 25px;
  display: inline-block;
	margin: 0 2px;
}

.m-menu-Wrap {
  position: fixed;
  width: 100%;
  height: 100vh;
  top: 0;
  left: 0;
  right: 0;
  margin: auto;
	z-index: 15;
	display: none;
}

.menu-rel-Wrap {
  position: relative;
  display: table;
  height: 100vh;
  width: 100%;
}

.menu-container {
  display: table-cell;
  vertical-align: middle;
	width: 100%;
}
/*–––––––––––––––––––––––––––––
FOOTER
–––––––––––––––––––––––––––––––*/
.f-m-socials {
	display: none;
}

footer#colophon {
  padding: 15px;
}

.landscape-strip {
	width: 100%;
	overflow: hidden;
	margin-bottom: -1px;
}

.landscape-strip img {
  display: block;
  height: 120px;
}
/*–––––––––––––––––––––––––––––
BANNERS
–––––––––––––––––––––––––––––––*/
#start {
  display: none;
}

.banner-Container {
  height: calc(100vh - 116px);
  padding: 51px 30px;
	position: relative;
	min-height: 466px;
}

.h-b-Wrap {
  min-height: 318px;
}

video {
  display: block;
  min-width: 100%;
  min-height: 100%;
}

.fader {
	width: 100%;
  height: 105%;
  background: yellow;
  position: relative;
  z-index: 7;
  margin: auto;
	background: #10233D;
	/* background: yellow; */
}

.banner-Wrap {
  width: 100%;
	position: relative;
	display: table;
	border-radius: 5px;
	overflow: hidden;
}

.banner-Wrap.t1 {
	height: calc(100vh - 385px);
	min-height: 200px;
}

.b-image {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: -1;
  border-radius: 5px;
  overflow: hidden;
}

.message-Wrap {
  display: table-cell;
  vertical-align: middle;
	width: 100%;
	text-align: center;
	padding: 0 15px;
}

.i-b-Cont.t4 .message-Wrap {
  display: block;
  width: auto;
}

h2.graphik {
  font-size: 27px;
	line-height: 27px;
	margin: 10px 0;
}

.CTA {
  padding: 10px 30px;
	font-weight: bold;
	border-radius: 5px;
	margin-top: 10px;
}

.CTA.Navy {
  background-color: #10233D;
}

.CTA.Blue, .CTA-Wrap.Blue {
	background-color: #006eb6;
}

.CTA.Red, .CTA-Wrap.Red {
	background-color: #f32a26;
}

.banner-Wrap.t2 {
	height: calc(100vh - 252px);
	min-height: 333px;
}

.banner-Wrap.t3 {
	height: calc(100vh - 119px);
	min-height: 466px;
}

.banner-Wrap.t3 .b-image {
	height: calc(100vh - 119px);
	border-radius: 5px;
	min-height: 466px;
}

.banner-Wrap.t3 .message-Wrap {
  vertical-align: unset;
  padding-top: 10px;
}

.inner.CTA-Wrap {
  width: 100%;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
}

.i-b-Cont.t4 .CTA, .i-b-Cont.t3 .CTA {
	background: transparent!important;
	padding-bottom: 10px;
}
	
.i-b-Cont.t4 .CTA.blue {
	background-color: #006eb6!important;
}

.banner-Wrap.t4, .i-b-Cont.t4 .CTA-Wrap {
	height: calc(100vh / 2 - 71.5px);
	min-height: 220px;
}

.i-b-Cont.t4 .CTA-Wrap {
	padding: 10px 30px 5px 30px;
	border-radius: 5px;
	margin-bottom: 10px;
	position: relative;
}

.i-b-Cont.t4 .CTA {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
}

.i-b-Cont {
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	padding: 51px 30px;
	display: none;
}

.i-b-Cont.t1 {
	display: block;
}

img.thumb-icon {
  height: 20px;
	opacity: 0;
  display: block;
  max-width: none;
}

.thumb.current img.thumb-icon {
	opacity: 1!important;
}

img.thumb-icon.stroke {
	position: absolute;
	opacity: 1;
}

.thumb {
  position: relative;
  width: 20px;
  display: inline-block;
	margin: 0 10px 0 0;
  cursor: url('images/Cursors_Star.cur') 10 10, pointer;
  cursor: url('images/Cursors_Star.png') 10 10, pointer;
  cursor: image-set( url('images/Cursors_Star.png') 1x, url('images/Cursors_Star@2x.png') 2x ) 10 10, pointer;
  cursor: -webkit-image-set( url('images/Cursors_Star.png') 1x, url('images/Cursors_Star@2x.png') 2x ) 10 10, pointer;
}

.thumb.last {
  margin: 0;
}

.thumb span {
	display: none;
}

.thumb-container {
  position: absolute;
  left: 0;
  right: 0;
  margin: auto;
  bottom: 0;
  height: 51px;
	display: table;
	text-align: center;
	width: 100vw;
	z-index: 9;
}

.thumb-Wrap {
	display: table-cell;
	vertical-align: middle;
}

.i-b-Cont {
  -webkit-transition: 500ms ease-in-out;
  transition: 500ms ease-in-out;
  opacity: 0;
  display: block;
}

.i-b-Cont:first-child {
	display: block!important;
}

.active {
  opacity: 1;
  -webkit-transition: 500ms ease-in-out;
  transition: 500ms ease-in-out;
	z-index: 5;
}
/*–––––––––––––––––––––––––––––
HOME
–––––––––––––––––––––––––––––––*/
.section {
	padding: 0 30px;
	padding-top: 60px;
}
  body.page-template-template-links .cta-1-column,
  body.page-template-template-links .cta-2-column {
    padding-top: 0px;
      max-width: 900px;
      margin-left: auto;
      margin-right: auto;
  }
  
  
  body.page-template-template-links .CTA {
    background: white!important;
  }
  
  body.page-template-template-links .CTA:hover {
     background: #fac2b5!important;	
  }
    
  body.page-template-template-links .CTA .top span,
  body.page-template-template-links .CTA .bot span,
  body.page-template-template-links .CTA h2 {
    color: #f32a26!important;
  }
  
  body.page-template-template-links footer a {
     color: #f32a26;	
  }
.inner-sec {
  clear: both;
  overflow: hidden;
}

.stores.section {
	padding: 0;
}

.section img {
  display: block;
  width: 100%;
  max-width: none;
	border-radius: 5px;
}

.section h1 {
	margin-bottom: 12px;
}

img.half {
	margin-bottom: 10px;
}

.quarter-Wrap {
	clear: both;
	overflow: hidden;
}

.half-Wrap, .quarter-Wrap {
	position: relative;
}

.image-text > .image {
	position: relative;
}

img.hor-texture {
  position: absolute;
  top: -1px;
  left: -1px;
  right: 0;
  width: 101%;
}

img.hor-texture.flip {
	transform: rotate(180deg);
}

img.ver-texture {
  position: absolute;
  top: 0;
	right: -1px;
	height: 101%;
	width: auto;
}

img.l-vert-texture {
  position: absolute;
  top: 0;
	left: -1px;
	height: 101%;
	width: auto;
	z-index: 1;
	display: none;
}

.image-text:nth-child(3) .image > img.l-vert-texture {
	display: block;
}


.quarter-Wrap > img:nth-child(3) {
	margin-right: 10px;
}

img.quarter {
	width: calc(50% - 5px);
	float: left;
}

.half-Wrap > .half:last-child,
.quarter-Wrap > .quarter:last-child,
.quarter-Wrap > .quarter:nth-last-child(2) {
	display: none;
}

img.big-sep {
	height: 17px;
	width: 17px;
	display: inline-block;
}

.h-socials.section h1 {
  -webkit-animation: flicker 1s infinite;
  -moz-animation: flicker 1s infinite;
  -o-animation: flicker 1s infinite;
   animation: flicker 1s infinite;
}

.star-Cont img {
  -webkit-animation: flicker 1s reverse infinite;
  -moz-animation: flicker 1s reverse infinite;
  -o-animation: flicker 1s reverse infinite;
   animation: flicker 1s reverse infinite;
}

.h-socials.section .third:nth-child(2) > h1 {
  animation-delay: .5s;
}

.h-socials.section .third:nth-child(3) > h1 {
  animation-delay: 1s;
}

.visi {
  opacity: 1!important;
}

@keyframes flicker {
  0%   { opacity:1; }
  50%  { opacity:0; }
  100% { opacity:1; }
}
@-o-keyframes flicker{
  0%   { opacity:1; }
  50%  { opacity:0; }
  100% { opacity:1; }
}
@-moz-keyframes flicker{
  0%   { opacity:1; }
  50%  { opacity:0; }
  100% { opacity:1; }
}
@-webkit-keyframes flicker{
  0%   { opacity:1; }
  50%  { opacity:0; }
  100% { opacity:1; }
}

.h-socials.section {
  padding-top: 20px;
}

.section .third {
	display: none;
}

.section > .third:first-of-type {
	display: block;
}

.recent-news, .recent-news .third h1, .recent-news a {
	font-family: 'Graphik', sans-serif;
	font-size: 12px;
}

img.feat {
	display: block;
	width: 100%;
	max-width: none;
	border-radius: 5px;
	-webkit-filter: grayscale(100%);
	filter: grayscale(100%);
	-webkit-transition: 500ms ease-in-out;
	transition: 500ms ease-in-out;
}

img.feat:hover {
	-webkit-filter: grayscale(0%);
	filter: grayscale(0%);
}

ul.post-categories {
  display: inline-block;
}

img.feat {
	margin-bottom: 18px;
}

.entry {
	text-transform: uppercase;
	margin-bottom: 15px;
}

.list {
  margin-top: 15px;
}

.list.section {
	margin-top: 0;
}
/*–––––––––––––––––––––––––––––
DEFAULT
–––––––––––––––––––––––––––––––*/
body.page-template .banner-Container {
	margin-bottom: 60px;
}

header.entry-header img.big-sep {
  margin-bottom: 8px;
}

img.b-strip {
  position: absolute;
  bottom: -1px;
  z-index: 5;
  height: 120px;
  left: 0;
}

.h-b-Wrap {
  position: relative;
  width: 100%;
  height: calc(100vh - 135px);
	margin-bottom: 15px;
	overflow: hidden;
}

.h-b-Wrap .half:nth-child(2) {
	display: none;
}

.h-b-Wrap .half {
  width: 100%;
  height: 100%;
	border-radius: 5px;
}

.stores {
  padding: 0 30px;
}

.store {
	margin-bottom: 60px;
}

.store:last-child {
	margin-bottom: 0px;
}

.stores img {
  display: block;
  width: 100%;
  border-radius: 5px;
}

.text-content {
  margin-top: 15px;
	padding: 0 15px;
}

.excerpt {
	padding: 0 15px;
}

.column .text-content {
  margin-top: 18px;
}

.text-content p {
	font-family: 'Graphik', sans-serif;
	font-size: 12px;
}

.text-content blockquote, .text-content blockquote p {
	font-family: 'Huxta', sans-serif;
	font-size: 13px;
  line-height: 14px;
	font-weight: bold;
}

.text-content strong {
	text-transform: uppercase;
}

.text-content p, .text-content blockquote,
.text-content blockquote p, .pt-item p {
	margin: 0 0 20px 0;
}

.list.section {
	padding-top: 60px;
}

.l-item {
  max-width: 220px;
  margin: 0 auto 20px auto;
}

.l-item p.normal {
  font-family: 'Graphik', sans-serif;
  font-size: 12px;
  /* max-width: 180px;
  text-transform: uppercase;
  font-weight: bold; */
  margin-top: -5px;
}

.f-image img {
	display: block;
	width: 100%;
	max-width: none;
	border-radius: 5px;
}

.f-desktop {
	display: none;
}

.food-block {
	padding: 0 30px;
  padding-top: 60px;
}

.f-content {
  margin-top: 15px;
	padding: 0 15px;
}

.f-content img.big-sep {
	margin-bottom: 13px;
}

.f-desc, .f-desc a {
  font-family: 'Graphik', sans-serif;
  font-size: 12px;
  line-height: 14px;
}

.f-content h1.graphik {
	margin-bottom: 30px;
}

.pt-item {
  margin: auto auto 30px auto;
  max-width: 400px;
}

.pt-item p {
  font-family: 'Graphik', sans-serif;
  font-size: 12px;
}

.pt-item p strong {
  text-transform: uppercase;
}

/*–––––––––––––––––––––––––––––
FORMS
–––––––––––––––––––––––––––––––*/
form p, form span, form div {
	color: white;
	font-family: 'Graphik', sans-serif;
	font-size: 12px;
}

.question {
  margin: 30px 0;
}

.wpcf7-checkbox {
  margin-top: 10px;
  display: block;
  margin-left: -25px;
}

input[type="checkbox"] {
	display: inline-block;
}

span.wpcf7-list-item-label {
  margin-top: -17px;
  margin-left: 37px;
  display: block;
}

::-webkit-input-placeholder { /* Edge */
	color: white;
	font-family: 'Graphik', sans-serif;
	font-size: 12px;
}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
	color: white;
	font-family: 'Graphik', sans-serif;
	font-size: 12px;
}

::placeholder {
	color: white;
	font-family: 'Graphik', sans-serif;
	font-size: 12px;
}

span.wpcf7-list-item {
  width: 50px;
}

span.wpcf7-list-item.first {
  margin: 0;
}

input[type="checkbox"] {
  display: inline-block;
  width: auto;
}

input, textarea, select {
  display: block;
  width: calc(100% - 2px);
  border-radius: 0;
  outline: none;
  border: 1px dotted white;
  background: transparent;
  text-shadow: none;
  padding: 10px 0;
  text-align: center;
  color: white;
  font-family: 'Graphik', sans-serif;
  font-size: 12px;
}

select {
    background-color: rgb(17, 32, 53);
}

select:invalid {
  color: #8d95a0;
}

textarea {
	height: 300px;
}

input[type="submit"] {
  font-family: 'Huxta', sans-serif;
	font-size: 27px;
  line-height: 30px;
  margin: 0;
	font-weight: bold;
	padding: 0;
	border: none;
}

.form-Wrap {
	padding: 0 30px;
}

body.page-contact .form.section {
	padding: 0px 30px 60px 30px;
	max-width: 480px;
	margin: 0 auto;
}

body.page-contact {
	margin-top: 57px;
}

span.wpcf7-form-control-wrap {
  position: relative;
}

span.wpcf7-not-valid-tip {
  margin-top: 10px;
  font-size: 12px;
  color: #f32a26;
}

div.wpcf7-validation-errors, div.wpcf7-acceptance-missing {
  border: none;
  color: #f32a26;
}

/*–––––––––––––––––––––––––––––
ARCHIVE
–––––––––––––––––––––––––––––––*/
body.blog .b-strip, body.archive .b-strip {
	display: none;
}

body.blog .col-bar, body.archive .col-bar, body.single-post .col-bar,
body.blog .m-menu-Wrap, body.archive .m-menu-Wrap, body.single-post .m-menu-Wrap {
	background: #ffd02f;
  color: #006eb6;
}

body.blog .m-menu-Wrap a, body.archive .m-menu-Wrap a, body.single-post .m-menu-Wrap a {
  color: #006eb6;
}

body.blog, body.archive, body.single-post {
	background: #ffd02f;
	color: #006eb6;
}

body.blog header.entry-header h1, body.archive header.entry-header h1 {
	color: #006eb6;
}

body.blog .m-toggle .line, body.archive .m-toggle .line, body.single-post .m-toggle .line  {
	background: #006eb6;
}

body.blog main#primary, body.archive main#primary {
	padding: 0 30px;
	clear: both;
	overflow: hidden;
}

body.blog article, body.blog article .third h1,body.blog article a,
body.archive article, body.archive article .third h1,body.archive article a {
  font-family: 'Graphik', sans-serif;
  font-size: 12px;
	color: #006eb6;
}

body.blog article, body.archive article {
	margin-top: 60px;
}

body.blog .h-b-Wrap .half, body.archive .h-b-Wrap .half {
	display: none;
}

body.blog .h-b-Wrap .half.feat-text, body.archive .h-b-Wrap .half.feat-text {
	display: block;
}

.half.feat-text {
	background: #006eb6;
	border-radius: 5px;
	color: #ffd02f;
	text-align: center;
	font-weight: bold;
}

.half.feat-text h1, .half.feat-text a {
	color: #ffd02f;
	-webkit-hyphens: auto;
	-ms-hyphens: auto;
	hyphens: auto;
}

.half.feat-text a {
  font-family: 'Graphik', sans-serif;
  font-size: 27px;
  line-height: 27px;
  text-transform: uppercase;
}

.half.feat-text .message-Wrap {
	width: auto;
	display: block;
	margin-top: 30px;
}

.cat-block {
  padding-top: 10px;
}

.n-excerpt {
  position: absolute;
  bottom: 15px;
  left: 0;
  right: 0;
  padding: 0 15px;
  max-width: 430px;
  margin: auto;
}

body.blog .h-b-Wrap .half:first-child, body.archive .h-b-Wrap .half:first-child {
	-webkit-filter: grayscale(100%);
	filter: grayscale(100%);
	-webkit-transition: 500ms ease-in-out;
	transition: 500ms ease-in-out;
}

body.blog .h-b-Wrap .half:hover, body.archive .h-b-Wrap .half:hover {
	-webkit-filter: grayscale(0%);
	filter: grayscale(0%);
}

/*–––––––––––––––––––––––––––––
SINGLE POST
–––––––––––––––––––––––––––––––*/
.mobile.feat {
  padding: 0 30px;
	margin-top: 51px;
}

.mobile.feat img {
  display: block;
	width: 100%;
	border-radius: 5px;
}

.left-column img {
	display: block;
	width: 100%;
	max-width: none;
	margin-bottom: 10px;
	border-radius: 5px;
}

.left-column, .right-column {
  padding: 0 30px;
}

.right-column p, .right-column h1, .right-column a {
	color: #006eb6;
}

.cat-block {
	font-weight: bold;
	margin-bottom: 10px;
}

body.single-post .cat-block {
	padding-top: 15px;
}

.right-column h1 {
	margin-bottom: 10px;
}

.n-text-content p {
	font-family: 'Graphik', sans-serif;
	font-size: 12px;
	margin: 0;
	margin-bottom: 15px;
}

.n-text-content blockquote, .n-text-content blockquote p {
	font-family: 'Huxta', sans-serif;
	font-size: 13px;
	font-weight: bold;
  line-height: 14px;
}

.post-nav {
	margin-top: 30px;
}

.post-nav a {
	color: #006eb6;
}

/*–––––––––––––––––––––––––––––
FRANCHISE
–––––––––––––––––––––––––––––––*/
body.page-own-a-huxta .section:nth-child(3),
body.page-own-a-huxta .section:nth-child(4) {
	background: #f32a26;
	position: relative;
	overflow: hidden;
}

body.page-own-a-huxta .section:nth-child(4) {
	overflow: visible;
}

body.page-own-a-huxta .section:nth-child(6),
body.page-own-a-huxta .section:nth-child(7) {
	background: #006eb6;
	position: relative;
	overflow: hidden;
}

body.page-own-a-huxta .section:nth-child(3) .text-Wrap,
body.page-own-a-huxta .section:nth-child(4) .list,
body.page-own-a-huxta .section:nth-child(6) .list,
body.page-own-a-huxta .section:nth-child(6) .head-wrap,
body.page-own-a-huxta .section:nth-child(7) .list,
body.page-own-a-huxta .section:nth-child(7) .head-wrap {
	position: relative;
	z-index: 6;
}

.oah {
	position: absolute;
	left: 0;
	right: 0;
	border-radius: 0!important;
	width: 100%!important;
	height: auto!important;
}

.t-strip {
  top: -1px;
}
/*–––––––––––––––––––––––––––––
404
–––––––––––––––––––––––––––––––*/
body.error404 {
  background: #006eb6;
}

body.error404 footer#colophon {
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
}

body.error404 header.page-header {
  position: fixed;
  width: 280px;
  height: 118px;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
}

}

@media screen and (max-height: 600px) {
  .n-excerpt {
    display: none;
  }
}

@media screen and (min-width: 568px) {
/*–––––––––––––––––––––––––––––
GLOBALS
–––––––––––––––––––––––––––––––*/

/*–––––––––––––––––––––––––––––
HEADER
–––––––––––––––––––––––––––––––*/

/*–––––––––––––––––––––––––––––
FOOTER
–––––––––––––––––––––––––––––––*/

/*–––––––––––––––––––––––––––––
BANNERS
–––––––––––––––––––––––––––––––*/
.banner-Wrap.t4, .i-b-Cont.t4 .CTA-Wrap {
	height: calc(100vh - 102px);
  width: calc(50% - 5px);
  float: left;
  min-height: 466px
}

.banner-Wrap.t4.half {
  float: right;
}

.i-b-Cont.t4 .CTA-Wrap {
  padding: 0;
}

.i-b-Cont.t4 .message-Wrap {
	padding: 10px 15px;
}

.banner-Container {
	min-height: 466px;
}

/*–––––––––––––––––––––––––––––
HOME
–––––––––––––––––––––––––––––––*/
.half-Wrap > .half:last-child,
.quarter-Wrap > .quarter:last-child,
.quarter-Wrap > .quarter:nth-last-child(2) {
	display: block;
}

img.half {
  width: calc(50% - 5px);
  float: left;
}

.half-Wrap > .half:last-child {
	margin-left: 10px;
}

.half-Wrap, .quarter-Wrap {
	clear: both;
	overflow: hidden;
}

img.quarter {
	width: calc(25% - 7.5px);
	float: left;
	margin-right: 10px;
}

.quarter-Wrap > .quarter:last-child {
	margin-right: 0;
}

.recent-news {
	clear: both;
	overflow: hidden;
}

.recent-news .third {
	display: block;
	width: calc(100% / 3 - 20px / 3);
	float: left;
	margin-right: 10px;
}

.recent-news .third:last-child {
	margin-right: 0;
}

.list {
	clear: both;
	overflow: hidden;
}

.list .Thirds-wrap {
	text-align: center;
}

.l-item {
	width: calc(100% / 3 - 20px / 3);
	/* float: left; */
	display: inline-block;
	margin-right: 10px;
	max-width: none;
	vertical-align: top;
}

.l-item p {
	margin-top: 0;
	max-width: 220px;
	margin-left: auto;
	margin-right: auto;
}

.l-item:nth-child(3n) {
	margin-right: 0;
}

/*–––––––––––––––––––––––––––––
DEFAULT
–––––––––––––––––––––––––––––––*/
.h-b-Wrap {
  height: calc(100vh - 148px);
  margin-bottom: 20px;
}

header.entry-header img.big-sep {
  margin-bottom: 13px;
}

.h-b-Wrap .half {
  width: calc(50% - 5px);
  float: left;
}

.h-b-Wrap .half:first-child {
	margin-right: 10px;
}

.h-b-Wrap .half:nth-child(2) {
  display: block;
}

.column-Wrap {
  clear: both;
  overflow: hidden;
}

.column:first-child {
	margin-right: 10px;
}

.column {
	width: calc(50% - 5px);
  float: left;
}

.stores {
  clear: both;
  overflow: hidden;
}

.store {
	width: calc(100% / 3 - 29px / 3);
  display: inline-block;
  margin-right: 10px;
  vertical-align: top;
}

.store:nth-child(3n), .store:last-child {
	margin-right: 0;
}

.food-block {
	clear: both;
	overflow: hidden;
}

.f-image, .f-content {
	width: calc(50% - 5px);
}

.f-content {
	padding: 0;
	margin-left: -7.5px;
}

.food-block:nth-child(2n) > .f-content {
	margin-right: -7.5px;
}

.f-image, .food-block:nth-child(2n) > .f-content {
	float: right;
}

.f-content, .food-block:nth-child(2n) > .f-image {
	float: left;
}

.f-content h1, .f-content h1.graphik, .f-content .f-desc  {
	padding: 0 15px;
}

.f-desktop {
	display: block;
}

.f-mobile {
	display: none;
}

body.page-contact .list {
  column-count: 1;
  column-gap: 0;
	clear: both;
	overflow: hidden;
}
/*–––––––––––––––––––––––––––––
FRANCHISE
–––––––––––––––––––––––––––––––*/

/*–––––––––––––––––––––––––––––
FORMS
–––––––––––––––––––––––––––––––*/

/*–––––––––––––––––––––––––––––
ARCHIVE
–––––––––––––––––––––––––––––––*/
body.blog .b-strip, body.archive .b-strip,
body.blog .h-b-Wrap .half, body.archive .h-b-Wrap .half {
  display: block;
}

.half.feat-text {
  z-index: 6;
  position: relative;
}

article.type-post {
  width: calc(100% / 3 - 20px / 3);
  float: left;
  margin-right: 10px;
}

article.type-post:nth-child(3n) {
	margin-right: 0;
}

.Thirds-wrap {
	clear: both;
	overflow: hidden;
}

/*–––––––––––––––––––––––––––––
SINGLE POST
–––––––––––––––––––––––––––––––*/
body.single-post article.type-post {
	width: 100%;
}

.mobile.feat {
	display: none;
}

.desktop.feat {
	display: block;
}

body.single-post .entry-content {
  clear: both;
  overflow: hidden;
  padding: 51px 30px 0 30px;
}

.left-column {
  width: calc(50% - 5px);
  float: left;
	padding: 0;
}

.right-column {
	width: calc(50% - 30px);
	float: right;
	padding: 0;
}

.right-column .cat-block {
  padding-top: 0!important;
}

.right-column h1 {
  margin-bottom: 40px;
}

.mobile.post-nav {
	display: none;
}

.desktop.post-nav {
	display: block;
	margin-top: 40px;
}

}

@media screen and (min-width: 768px) {
/*–––––––––––––––––––––––––––––
GLOBALS
–––––––––––––––––––––––––––––––*/
h1, .post-nav a {
  font-size: 37px;
  line-height: 40px;
  margin: 0;
}

h1.graphik {
	line-height: 37px;
}
/*–––––––––––––––––––––––––––––
HEADER
–––––––––––––––––––––––––––––––*/
.site-branding {
	top: 20px;
	width: 240px;
}

.site-branding img {
	width: 240px;
}

.col-bar {
	height: 67.7px;
}

img.big-sep {
  height: 20px;
  width: 20px;
}
/*–––––––––––––––––––––––––––––
FOOTER
–––––––––––––––––––––––––––––––*/
footer#colophon {
  padding: 25px;
}

.f-m-socials {
  display: block;
	font-weight: bold;
	margin-bottom: 25px;
}

.f-m-socials a, .f-m-socials a img {
	display: inline-block;
}

.f-m-socials a:first-child > img {
	display: none;
}

.f-m-socials a img {
  margin: 0px 10px -7px 5px;
}

.landscape-strip img {
	height: auto;
	width: 101%;
}

.socials img {
  height: 30px;
}
/*–––––––––––––––––––––––––––––
BANNERS
–––––––––––––––––––––––––––––––*/
.CTA-Wrap {
	clear: both;
	overflow: hidden;
}

.t1 .CTA {
	width: calc(50% - 65px);
	float: left;
}

.t1 .CTA:last-child {
  margin-left: 10px;
}

img.thumb-icon {
  height: 33px;
}

.thumb {
	width: 33px;
}

body.page-template .banner-Container {
	height: calc(100vh - 220px);
  margin-bottom: 25px;
}

h2.graphik {
	margin: 15px 0;
}

.banner-Wrap.t1 {
	height: calc(100vh - 361px);
	min-height: 323px;
}

.banner-Wrap.t2 {
  height: calc(100vh - 361px);
	min-height: 323px;
}

.banner-Wrap.t3, .banner-Wrap.t3 .b-image {
  height: calc(100vh - 218px);
	min-height: 470px;
}

.banner-Wrap.t4, .i-b-Cont.t4 .CTA-Wrap {
  height: calc(100vh - 218px);
	min-height: 470px;
}

.banner-Container, .i-b-Cont {
	padding: 67.7px 30px;
}

.message-Wrap h1.graphik, .half.feat-text a {
	font-size: 42px;
	line-height: 45px;
}

.message-Wrap {
	padding: 0 45px;
}

.text-Wrap h1, .text-Wrap .text-content {
	max-width: 370px;
	margin: auto;
}

img.b-strip {
  height: auto;
  width: 101%;
}

.h-b-Wrap {
  height: calc(100vh - 180px);
  margin-bottom: 20px;
}

.thumb span {
  display: block;
  position: absolute;
  top: 10px;
  left: 0px;
  text-align: center;
  width: 100%;
  color: white;
}

.thumb.current span {
	color: #10233D;
}
/*–––––––––––––––––––––––––––––
HOME
–––––––––––––––––––––––––––––––*/
.about.section {
  padding-top: 0px;
}

.h-socials.section {
	padding-top: 15px;
}
/*–––––––––––––––––––––––––––––
DEFAULT
–––––––––––––––––––––––––––––––*/
.banner-Container {
  height: calc(100vh - 178px);
}

.section h1 {
  margin-bottom: 18px;
}

.h-socials.section h1 {
	margin-bottom: 11px;
}

.image-text h1 {
  margin-bottom: 12px;
}

.column .text-content {
	margin-top: 20px;
}

.section, .stores.section {
  padding-top: 90px;
	clear: both;
	overflow: hidden;
}

.list {
  margin-top: 20px;
}

.section .third {
  display: block;
}

.h-socials.section {
	clear: both;
	overflow: hidden;
}

.h-socials.section .third {
	width: calc(100% / 3);
	float: left;
}

.h-socials.section .third:first-child,
.h-socials.section .third:first-child h1 {
	text-align: left;
}

.h-socials.section .third:first-child h1 {
  margin-left: -4px;
}

.h-socials.section .third:last-child,
.h-socials.section .third:last-child h1 {
	text-align: right;
}

.h-socials.section .third:last-child h1 {
	margin-right: -4px;
}

.store {
	margin-bottom: 90px;
}

.image-text {
	clear: both;
	overflow: hidden;
}

.image-text .text-Wrap, .image {
	width: calc(50% - 5px);
}

.image-text .image {
	width: calc(50% - 5px);
	position: relative;
	float: right;
}

.image-text .text-Wrap {
	margin-left: -7px;
	float: left;
}

.image-text:nth-child(2n - 1) .image {
	float: left;
}

.image-text:nth-child(2n - 1) .text-Wrap {
	float: right;
	margin-right: -7px;
	margin-left: auto;
}

.image-text-2-column.section .text-Wrap,
.image-text-2-column.section .image {
	width: 100%;
	float: none;
}

.cta-2-column .CTA {
  width: calc(50% - 65px);
  float: left;
}

.cta-2-column .CTA:last-child {
  margin-left: 10px;
}

.f-content h1, .f-content h1.graphik, .f-content .f-desc  {
	max-width: 370px;
  margin-left: auto;
	margin-right: auto;
	padding: 0 15px;
}

body.page-contact {
  margin-top: 70px;
}

body.page-contact .form.section {
	padding: 0px 30px 90px 30px;
}
/*–––––––––––––––––––––––––––––
FRANCHISE
–––––––––––––––––––––––––––––––*/

/*–––––––––––––––––––––––––––––
FORMS
–––––––––––––––––––––––––––––––*/
form {
	clear: both;
	overflow: hidden;
}

form br {
	display: none;
}

.question br {
	display: block;
}

form p {
	margin: 0;
}

input[type="submit"] {
  font-size: 37px;
  line-height: 40px;
	margin-top: 20px;
}

span.wpcf7-form-control-wrap {
  position: relative;
  width: calc(50% - 4px);
  display: inline-block;
  margin-bottom: 10px;
  vertical-align: top;
}

span.wpcf7-form-control-wrap.time, span.wpcf7-form-control-wrap.textarea-956,
span.wpcf7-form-control-wrap.subject {
  width: 100%;
}

span.wpcf7-form-control-wrap.firstname, span.wpcf7-form-control-wrap.capital,
span.wpcf7-form-control-wrap.your-email {
  margin-right: 4px;
}

.c-clear {
	clear: both;
	overflow: hidden;
}

.question {
  margin: 20px 0 30px;
}
/*–––––––––––––––––––––––––––––
ARCHIVE
–––––––––––––––––––––––––––––––*/
body.blog article, body.archive article {
  margin-top: 90px;
}

body.blog .h-b-Wrap .half:first-child, body.archive .h-b-Wrap .half:first-child {
	-webkit-filter: grayscale(100%);
	filter: grayscale(100%);
	-webkit-transition: 500ms ease-in-out;
	transition: 500ms ease-in-out;
}

body.blog .h-b-Wrap .half:hover, body.archive .h-b-Wrap .half:hover {
	-webkit-filter: grayscale(0%);
	filter: grayscale(0%);
}

body.blog .message-Wrap, body.archive .message-Wrap {
  padding: 0 15px;
}

body.blog .f-m-socials a, body.archive .f-m-socials a,
 body.single-post .f-m-socials a {
  color: #ffd02f;
}

/*–––––––––––––––––––––––––––––
SINGLE POST
–––––––––––––––––––––––––––––––*/
body.single-post .entry-content {
	padding: 68px 30px 0 30px;
}

.right-column h1 {
  margin-bottom: 70px;
	-webkit-hyphens: auto;
	-ms-hyphens: auto;
	hyphens: auto;
}

.desktop.post-nav {
	margin-top: 70px;
}

.right-column h1, .right-column .n-text-content {
  max-width: 370px;
  margin-left: auto;
	margin-right: auto;
}

.left-column, .right-column {
  height: calc(100vh - 98px);
  overflow-y: auto;
}

.left-column {
	border-radius: 5px;
}

}

@media screen and (min-width: 1024px) {
/*–––––––––––––––––––––––––––––
GLOBALS
–––––––––––––––––––––––––––––––*/
a, body, html, p, span {
    font-size: 15px;
    line-height: 16px;
}

/*–––––––––––––––––––––––––––––
HEADER
–––––––––––––––––––––––––––––––*/
.desktop {
	display: block;
}

.m-toggle, .mobile {
	display: none;
}

.desktop.main-menu {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	z-index: 10;
}

.m-rel-Wrap {
  position: relative;
  padding: 0 30px;
}

.desktop .menu {
  text-align: unset;
}

.desktop .menu li {
  display: inline-block;
}

body.blog .desktop .menu li a, body.archive .desktop .menu li a,
body.single-post .desktop .menu li a {
	color: #006eb6;
}

.left li {
	margin-right: 25px;
}

.right li {
	margin-left: 25px;
}

.left {
	text-align: left;
	width: 50%;
	position: absolute;
	left: 30px;
	top: 28px;
}

.left .menu {
  text-align: left;
}

.right {
	text-align: right;
	width: 50%;
	position: absolute;
	right: 30px;
	top: 28px;
}

.right .menu {
  text-align: right;
}

/*–––––––––––––––––––––––––––––
FOOTER
–––––––––––––––––––––––––––––––*/

/*–––––––––––––––––––––––––––––
BANNERS
–––––––––––––––––––––––––––––––*/

/*–––––––––––––––––––––––––––––
HOME
–––––––––––––––––––––––––––––––*/

/*–––––––––––––––––––––––––––––
DEFAULT
–––––––––––––––––––––––––––––––*/

/*–––––––––––––––––––––––––––––
FRANCHISE
–––––––––––––––––––––––––––––––*/

/*–––––––––––––––––––––––––––––
FORMS
–––––––––––––––––––––––––––––––*/

/*–––––––––––––––––––––––––––––
ARCHIVE
–––––––––––––––––––––––––––––––*/
body.blog article, body.blog article .third h1,
body.blog article a, body.archive article,
body.archive article .third h1, body.archive article a,
.text-content p, input, textarea, .recent-news, .recent-news .third h1,
.recent-news a, .pt-item p, .f-desc, .f-desc a {
  font-size: 12.5px;
}

::-webkit-input-placeholder { /* Edge */
	font-size: 13px;
}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
	font-size: 13px;
}

::placeholder {
	font-size: 13px;
}
/*–––––––––––––––––––––––––––––
SINGLE POST
–––––––––––––––––––––––––––––––*/
}

@media screen and (min-width: 1100px) {
/*–––––––––––––––––––––––––––––
GLOBALS
–––––––––––––––––––––––––––––––*/
.banner-Container, .desktop.main-menu, .section,
.form-Wrap, body.blog main#primary, body.archive main#primary,
body.single-post .entry-content {
	width: 1040px;
	margin-left: auto;
	margin-right: auto;
}

body.page-own-a-huxta .section:nth-child(3) .inner-sec,
body.page-own-a-huxta .section:nth-child(4) .inner-sec,
body.page-own-a-huxta .section:nth-child(6) .inner-sec,
body.page-own-a-huxta .section:nth-child(7) .inner-sec {
	width: 1080px;
	margin-left: auto;
	margin-right: auto;
}

  .list.section {
    padding-left: 0;
    padding: right: 0;
  }
.thumb-container {
  width: 1100px;
}

.inner-sec .image-text .text-Wrap, .inner-sec .image {
  width: calc(50% - 20px);
}

.inner-sec .image-text .text-Wrap {
  margin-left: 20px;
}

.inner-sec .image-text:nth-child(2n - 1) .text-Wrap {
	margin-right: 20px;
}

body.page-own-a-huxta .section:nth-child(3),
body.page-own-a-huxta .section:nth-child(4),
body.page-own-a-huxta .section:nth-child(6),
body.page-own-a-huxta .section:nth-child(7) {
	width: 100%;
}

.stores {
  padding: 0;
    margin-bottom: 70px;
}

.left {
	left: 0;
}

.right {
	right: 0;
}

.t3 .CTA h2.graphik, .t4 .CTA h2.graphik {
  font-size: 42px;
  line-height: 45px;
}

}