/*
Theme Name: Halfpops
Theme URI: http://www.halfpops.com
Description: Custom WordPress theme for Halfpops.
Version: 1.0
Author: COORDINATE°
Author URI: http://www.wearecoordinate.com
*/
	
@charset "UTF-8";
/* CSS Document */

html { -webkit-text-size-adjust: none; }

/* RESET */
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;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
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;
}
	
		
/* HALFPOCALYPSE 
a.halfpocalypse-button {
	
	background-color: rgba(0,152,205, 0.9);
	display:inline-block;
	color: #fff;
	text-transform: uppercase;
	padding: 1em 1.25em;
	text-decoration: none;
	font-size: 2em;
	margin: 0.5em 0 0 0;
	box-sizing: border-box;	
  border: 1px solid rgba(0,152,205, 0.9);
}
		
a.halfpocalypse-button:hover {
	
	background-color: rgba(0,152,205, 1);
  border: 1px solid #fff;
	
}	
		
		
.fullcoveredvideo audio,
.fullscreenvideo audio
.fullcoveredvideo video,
.fullscreenvideo video				{	background: rgba(0,0,0,0) !important;}
	
		
.half-tag {display: none; color: #fff; text-align: right; font-size: 0.875em;}

	.halfpocalypse-desktop {
		display: block;
	}
	.halfpocalypse-mobile {
		display: none;
	}

@media (max-width: 1024px) {
  .half-tag {
	  text-align: left;
		left: 0em !important;
		font-size: 0.75em;
	}
	.halfpocalypse-desktop {
		display: none;
	}
	.halfpocalypse-mobile {
		display: block;
	}
}

@media (max-width: 750px) {
	a.halfpocalypse-button {
		font-size: 1.5rem;
		padding: 0.75em 1em;
	}
} */
		
/* GLOBAL */
html {height: 100%;}
body {min-height: 100%; height: 100%; font-size: 1em; font-family:'Trade Gothic W01 Cn_18', sans-serif; color: #333; font-weight: 400; line-height: 1.25em; padding-top: 4.5em;}
.up {text-transform: uppercase;}
.down {text-transform: lowercase !important;}
.left {float: left;}
.right {float: right;}
.clear {clear: both;}
strong {font-family:'TradeGothicW01-BoldCn20_675334';}
em {font-style: italic;}
h1 {font-family:'TradeGothicW01-BoldCn20_675334';}
h2, h3 {font-size: 2em; text-transform: uppercase; line-height: 2em; font-family:'TradeGothicW01-BoldCn20_675334';}
h4 {text-transform: uppercase; font-family:'TradeGothicW01-BoldCn20_675334';}
hr {
  margin: 2em 0;
  border: 0;
  height: 1px;
  background: #333;
}

/***** COLOR CLASSES *****/

span.orange, .flavor-nav-bar li.orange a, .read-more.orange, .store-directions.orange { color: rgb(244,119,33); }
span.purple, .flavor-nav-bar li.purple a, .read-more.purple, .store-directions.purple { color: rgb(114,41,97); }
span.yellow, .flavor-nav-bar li.yellow a, .read-more.yellow, .store-directions.yellow { color: rgb(209,159,42); }
span.blue, .flavor-nav-bar li.blue a, .read-more.blue, .store-directions.blue { color: rgb(0,152,205); }
span.green, .flavor-nav-bar li.green a, .read-more.green, .store-directions.green { color: rgb(146,200,62); }
span.teal, .flavor-nav-bar li.teal a, .read-more.teal, .store-directions.teal { color: rgb(115,201,189); }
span.red, .flavor-nav-bar li.red a, .read-more.red, .store-directions.red { color: rgb(220,31,38); }

/***** NAVIGATION *****/
.nav-bar {
  color:#fff;
  width: 100%;
  position: fixed;
  top: 0px;
  left: 0px;
  z-index: 1;
	height: 4.5em;
}

span.title-hidden {
  font-size: 2.5em;
  float: left;
	line-height: 1;
	padding: 0.4em 0;
	font-family:'TradeGothicW01-BoldCn20_675334';
	opacity: 0;
}

.nav-bar-interior {
  color:#fff;
  width: 100%;
  position: fixed;
  top: 0px;
  left: 0px;
  z-index: 1;	
}

.nav-bar h1, .nav-bar-interior h1 {
  padding: 0.4em 0;
}

.nav-bar-interior.orange, .nav-bar.orange, .store-marker.orange, .contact-popup.orange, .pagination div.orange a, .blog-back.orange, .product-flavor-selector div.orange, .random-button.orange { background-color: rgb(244,119,33); }
.nav-bar-interior.purple, .nav-bar.purple, .store-marker.purple, .contact-popup.purple, .pagination div.purple a, .blog-back.purple, .product-flavor-selector div.purple, .random-button.purple { background-color: rgb(114,41,97); }
.nav-bar-interior.yellow, .nav-bar.yellow, .store-marker.yellow, .contact-popup.yellow, .pagination div.yellow a, .blog-back.yellow, .product-flavor-selector div.yellow, .random-button.yellow { background-color: rgb(209,159,42); }
.nav-bar-interior.blue, .nav-bar.blue, .store-marker.blue, .contact-popup.blue, .pagination div.blue a, .blog-back.blue, .product-flavor-selector div.blue, .random-button.blue { background-color: rgb(0,152,205); }
.nav-bar-interior.green, .nav-bar.green, .store-marker.green, .contact-popup.green, .pagination div.green a, .blog-back.green, .product-flavor-selector div.green, .random-button.green { background-color: rgb(146,200,62); }
.nav-bar-interior.teal, .nav-bar.teal, .store-marker.teal, .contact-popup.teal, .pagination div.teal a, .blog-back.teal, .product-flavor-selector div.teal, .random-button.teal { background-color: rgb(115,201,189); }
.nav-bar-interior.red, .nav-bar.red, .store-marker.red, .contact-popup.red, .pagination div.red a, .blog-back.red, .product-flavor-selector div.red, .random-button.red { background-color: rgb(220,31,38); }

div#header-logo {
  font-size: 2.5em;
  float: left;
	line-height: 1;
}

div#header-logo a {
	text-decoration: none;
	color: #fff;
}

div#header-logo h1 span {
	font-size: 0.25em;
	vertical-align: top;
}

.menu-header-navigation-container {
  float: right;
  margin-top: 1.25em;
	font-size: 1.25em;
}

ul#menu-header-navigation > li {
  display: inline-block;
  padding-left: 90px;
  text-transform: uppercase;
	font-family:'TradeGothicW01-BoldCn20_675334';
}

ul#menu-header-navigation > li:first-child {
	padding-left: 0;
}

ul#menu-header-navigation > li > a {
  color: #fff;
  text-decoration: none;
}

ul#menu-header-navigation ul {
  display: none;
}

ul.header-social {
  float: right;
  margin-top: 1.5em;
  padding-left: 90px;
}

ul.header-social li {
  display: inline-block;
  padding-left: 20px;
}

ul.header-social li:first-child {
  padding-left: 0;
}

ul.header-social a {
	color: #fff;
}

.flavor-nav-bar {
	background-color: #fff;
	padding: 0.75em 0;
}

.flavor-nav-bar ul {
	text-align: center;
}
		
.flavor-nav-bar li {
	display: inline-block;
}
						
.flavor-nav-bar li a {
  padding: 0.5em 0.5em;
	text-transform: uppercase;
	text-decoration: none;
	color: #fff;
}

.flavor-nav-bar li:hover a {
	color: #fff;
}
												
@media (min-width: 750px) {
	ul#menu-header-navigation > li {
  padding-left: 30px;
  }
	ul.header-social {
  padding-left: 30px;
  }	
}

@media (max-width: 1024px) {
	.header-social, .menu-header-navigation-container {
		display: none;
	}				
	.nav-bar, #header-logo {
		opacity: 1 !important;
	 }
}	

@media (min-width: 1025px) {
	ul#menu-header-navigation > li {
  padding-left: 90px;
  }
	ul.header-social {
  padding-left: 90px;
  }		
}

/* MOBILE NAV */

#showRight {
	display: inline-block;
  position: relative;
	float: right;
  font-size: 1.5em;
  color: #fff;
  padding: 1em 0 1em 1em;
  cursor: pointer;
	z-index: 2;
}

/* General styles for all menus */
.cbp-spmenu {
	position: fixed;
	-webkit-overflow-scrolling: touch; /* this makes the div (or nav) element scrollable for iOS5+ */
	overflow-y: scroll;
	border-left: 1px solid #fff;
	box-sizing: border-box;
	z-index: 10;
}

.cbp-spmenu a {
	display: block;
	color: #fff;
	text-decoration: none;
	font-size: 1.25em;
	text-transform: uppercase;
	font-family:'TradeGothicW01-BoldCn20_675334';
}

.cbp-spmenu a:hover {
	background-color: rgba(255,255,255,0.2);
}

.cbp-spmenu a:active {
	background: #afdefa;
	color: #47a3da;
}

/* Orientation-dependent styles for the content of the menu */

.cbp-spmenu-vertical {
	width: 270px;
	height: 100%;
	top: 0;
	z-index: 1000;
}

.cbp-spmenu-vertical a {
 	padding: 1em;
}

.cbp-spmenu-horizontal {
	width: 100%;
	height: 150px;
	left: 0;
	z-index: 1000;
	overflow: hidden;
}

.cbp-spmenu-horizontal h3 {
	height: 100%;
	width: 20%;
	float: left;
}

.cbp-spmenu-horizontal a {
	float: left;
	width: 20%;
	padding: 0.8em;
	border-left: 1px solid #fff;
}

/* Vertical menu that slides from the left or right */

.cbp-spmenu-right {
	right: -270px;
}

.cbp-spmenu-right.cbp-spmenu-open {
	right: 0px;
}


/* Transitions */

.cbp-spmenu,
.cbp-spmenu-push {
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

/* Social Links */

.mobile-social-links {
	width: 100%;
	text-align: center;		
}
	
.mobile-social-links li {
	display: inline-block;
	float: left;
	border: none;
	width: 25%;
}	
	
@media (min-width: 1025px) {
  #showRight {
	  display: none;
  }
	.cbp-spmenu {
	  display: none;
	}
}

/***** HOME PAGE *****/

.hero-wrapper {
  background: #101226;
  position: relative;
	margin-top: -4.5em;
	background-image: url('images/bg/bg-leap.jpg');

	
	background-size: cover;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	
	height: 100%;
	width: 100%;
	background-position: center center;
	background-repeat: no-repeat;

	
	
}

.hero-ribbon {
	position: absolute;
	top: 0em;
  left: 10%;
}

.hero-tag {
	position: absolute;
	bottom: 0em;
	right: 0em;
	padding: 2em;
}

.hero-tag span {
  text-transform: uppercase;
	font-family:'TradeGothicW01-BoldCn20_675334';
	display: block;
	font-size: 6em;
	line-height: 1em;
}

@media (max-width: 1300px) {
	.hero-tag {
		font-size: 0.875em;
	}
	.hero-ribbon svg {
		height: 300px;
	}			
}	

@media (max-width: 1024px) {
	/*.hero-tag {
		display: none;
	} */
	.hero-ribbon {
	  display: none;
	}
  /*.hero-wrapper {
	  background-image: url('../../uploads/2016/07/halfpocalypse-mobile.jpg');
  }*/
}

@media (max-width: 750px) {
	.hero-ribbon svg {
		display: none;
	}
	.hero-tag {
		font-size: 0.5em;
	}			
}	

/* ATTRIBUTES */

.attributes-wrapper {
  background-color: #333; 
  padding: 4em 0; 
  text-align: center;
}

.home-attributes ul {
	text-align: center;
}

.home-attributes ul li {
	display:inline-block;
	width: 50%;
	float: left;
	padding: 1em;
	box-sizing: border-box;		
}
		
.home-attributes img {
	width: auto;
	height: 100px;
}

@media (min-width: 750px) {
  .home-attributes ul li {
	  width: auto;
		float: none;
		padding: 0.5em;
	}
  .home-attributes img {
		height: 80px;
	}
}
		
@media (min-width: 900px) {
  .home-attributes img {
		height: 100px;
	}
}

@media (min-width: 1200px) {
  .home-attributes ul li {
		padding: 1em;
	}	
  .home-attributes img {
		height: 126px;
	}
}	
	
/* FLAVORS */

.flavors-wrapper {
  width: 100%;
  height: auto;
  background-size: cover;
  background-image: url('images/bg-gray.jpg');
  background-position: center center;
  background-repeat: no-repeat;
}
	
.home-flavors {
  text-align: center;
  padding-top: 4em;   
}

.home-flavors-mobile {
	text-align: center;
  padding: 2em 0;
}
		
.home-flavors-mobile .row {
	margin-top: 1em;
}

.home-flavors-mobile .row.orange {border-bottom: 2px solid rgb(244,119,33);}				
.home-flavors-mobile .row.purple {border-bottom: 2px solid rgb(114,41,97);}				
.home-flavors-mobile .row.yellow {border-bottom: 2px solid rgb(209,159,42);}				
.home-flavors-mobile .row.blue {border-bottom: 2px solid rgb(0,152,205);}				
.home-flavors-mobile .row.green {border-bottom: 2px solid rgb(146,200,62);}				
.home-flavors-mobile .row.teal {border-bottom: 2px solid rgb(115,201,189);}				
.home-flavors-mobile .row.red {border-bottom: 2px solid rgb(220,31,38);}				

div.flavor {
	padding-top: 1em;
}

div.package-front {
	position: relative;
}

div.package-front img {
  display:block;
  width: 100%;
}

div.package-front > div {
  /*-webkit-transition: background-color 0.25s;
  transition: background-color 0.25s;*/
	color: #fff;
	height: 100%;
	width: 100%;
  box-sizing: border-box;	
	padding-top: 1em;
	display: block;
	position: absolute;
	padding: 0.5em;
}
		
div.package-front > div > span {
	opacity: 0;
	display:inline-block;
  /*-webkit-transition: opacity 0.25s;
  transition: opacity 0.25s;*/
}
		
div.flavor-selector {
  /*-webkit-transition: background-color 0.25s;
  transition: background-color 0.25s;*/
  padding: 1em 0.5em;
  margin-top: 1em;
}

div.flavor-selector svg {
  margin: 0 auto;
	display: block;
  max-width: 100%;
  padding-bottom: 0.5em;
}
	
div.flavor-selector svg path, div.flavor-selector svg polygon, div.flavor-selector svg rect {
		fill: #333;
}
	
div.flavor-selector svg line {
		stroke: #333;
}
	
img.halfpop-kernel {
  opacity: 0;
  /*-webkit-transition: opacity 0.25s;
  transition: opacity 0.25s;*/  
}

div.flavor:hover div.package-front img {
  opacity: 0;
}



div.flavor:hover > div.flavor-selector svg path, 
div.flavor:hover > div.flavor-selector svg polygon, 
div.flavor:hover > div.flavor-selector svg rect {
  fill: #fff;
}		
		
div.flavor:hover > div.flavor-selector svg line {
  stroke: #fff;
}
		
		
div.flavor:hover > div.flavor-selector img.halfpop-kernel {
	  opacity: 1;
}	
				
div.home-flavors div.orange:hover, #showRight.orange, .cbp-spmenu.orange, .flavor-nav-bar li.orange:hover a, .no-results-container a.orange { background-color: rgb(244,119,33); }
div.home-flavors div.purple:hover, #showRight.purple, .cbp-spmenu.purple, .flavor-nav-bar li.purple:hover a, .no-results-container a.purple { background-color: rgb(114,41,97); }
div.home-flavors div.yellow:hover, #showRight.yellow, .cbp-spmenu.yellow, .flavor-nav-bar li.yellow:hover a, .no-results-container a.yellow { background-color: rgb(209,159,42); }
div.home-flavors div.blue:hover, #showRight.blue, .cbp-spmenu.blue, .flavor-nav-bar li.blue:hover a, .no-results-container a.blue { background-color: rgb(0,152,205); }
div.home-flavors div.green:hover, #showRight.green, .cbp-spmenu.green, .flavor-nav-bar li.green:hover a, .no-results-container a.green { background-color: rgb(146,200,62); }
div.home-flavors div.teal:hover, #showRight.teal, .cbp-spmenu.teal, .flavor-nav-bar li.teal:hover a, .no-results-container a.teal { background-color: rgb(115,201,189); }
div.home-flavors div.red:hover, #showRight.red, .cbp-spmenu.red, .flavor-nav-bar li.red:hover a, .no-results-container a.red { background-color: rgb(220,31,38); }

@media (min-width: 750px) and (max-width: 1024px) {
  div.home-flavors div.orange:hover, div.home-flavors div.purple:hover, div.home-flavors div.yellow:hover, div.home-flavors div.blue:hover, div.home-flavors div.green:hover, div.home-flavors div.teal:hover, div.home-flavors div.red:hover {
	  background-color: transparent;
  }
	div.flavor:hover div.package-front img {
		opacity: 1;
	}
  div.orange:hover div.flavor-selector {
	  background-color:  rgb(244,119,33);
  }
  div.purple:hover div.flavor-selector {
	  background-color:  rgb(114,41,97);
  }
  div.yellow:hover div.flavor-selector {
	  background-color:  rgb(209,159,42);
  }
  div.blue:hover div.flavor-selector {
	  background-color:  rgb(0,152,205);
  }
  div.green:hover div.flavor-selector {
	  background-color:  rgb(146,200,62);
  }
  div.teal:hover div.flavor-selector {
	  background-color:  rgb(115,201,189);
  }
  div.red:hover div.flavor-selector {
	  background-color:  rgb(220,31,38);
  }
}


@media (max-width: 750px) {
  .home-flavors {
	  display:none;
  }
	.home-flavors-mobile .row {
			width: 60%;
			margin: 1em auto 0 auto;
	}		
}	

@media (min-width: 750px) {
  .home-flavors-mobile {
	  display:none;
  }
}

	
@media (max-width: 550px) {
  .home-flavors-mobile .six.columns {
	  width: 48%;
	}
  .home-flavors-mobile h2 {
		font-size: 1.75em;
	}	
}	
	
@media (max-width: 500px) {
	.home-flavors-mobile .row {
			width: 100%;
	}		
}	

@media (min-width: 1025px) {
	div.flavor:hover > div.package-front > div > span {
		opacity: 1;
		font-size: 0.875em;
		line-height: 1.25em;
	}
}

@media (min-width: 1100px) {
	div.flavor:hover > div.package-front > div > span {
		font-size: 1em;
		line-height: 1.25em;
	}
}	

@media (min-width: 1300px) {
	div.flavor:hover > div.package-front > div > span {
		font-size: 1.125em;
		line-height: 1.25em;
	}
}	

@media (min-width: 1400px) {
	div.flavor:hover > div.package-front > div > span {
		font-size: 1.25em;
		line-height: 1.25em;
	}
}	

/* CONTENT BOXES */

.boxes-wrapper {
  width: 100%;
	display: block;
}

.boxes-wrapper hr {
  margin: 1em 0;
  border: 0;
  height: 1px;
  background: #fff;
}
	
.content-box {
	font-size: 1.25em;
  height: 400px;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;		
	position: relative;
}

.content-box a {
	display: block;
	width: 100%;
	height: 100%;
}
		
.content-box .box-label {
  height: auto;
  display: inline-block;	  
  background-color:rgb(244,119,33);
  color: #fff;
  padding: 1em 1em 0.5em 1em;
  font-weight: 300 !important;
  margin-top: 100px;
}
		
.content-box.whats-happening {
  background-image: url('images/bg-whats-happening.jpg');
}
		
.content-box.find-it {
  background-image: url('images/bg-find-in-stores.jpg');
}

.content-box.buy-now {
  background-image: url('images/bg-buy-online.jpg');
}		

.content-box .box-details {
  display: block;
	box-sizing : border-box;
	position: absolute;
	text-align: center;
	background-color:rgb(244,119,33);
	padding: 1em;
	width: 60%;
	text-align: left;
}
		
.content-box .box-details > span {
	width: 100%;
	color: #fff;
	font-weight: 300;
	line-height: 1.25em;
}

.content-box .box-label.orange, .content-box .box-details.orange, .blog-tag.orange, .blog-category-links.orange a { background-color: rgba(244,119,33,0.9); }
.content-box .box-label.purple, .content-box .box-details.purple, .blog-tag.purple, .blog-category-links.purple a { background-color: rgba(114,41,97,0.9); }
.content-box .box-label.yellow, .content-box .box-details.yellow, .blog-tag.yellow, .blog-category-links.yellow a { background-color: rgba(209,159,42,0.9); }
.content-box .box-label.blue, .content-box .box-details.blue, .blog-tag.blue, .blog-category-links.blue a { background-color: rgba(0,152,205,0.9); }
.content-box .box-label.green, .content-box .box-details.green, .blog-tag.green, .blog-category-links.green a { background-color: rgba(146,200,62,0.9); }
.content-box .box-label.teal, .content-box .box-details.teal, .blog-tag.teal, .blog-category-links.teal a { background-color: rgba(115,201,189,0.9); }
.content-box .box-label.red, .content-box .box-details.red, .blog-tag.red, .blog-category-links.red a { background-color: rgba(220,31,38,0.9); }

@media (min-width: 1025px) {
  .boxes-wrapper {
	  display: table;
  }
	.content-box {
	  width: 33.333333333333%;
    display: table-cell;
    -webkit-transition: width 0.2s linear; /* time for section to expand and collapse */
    transition: width 0.2s linear;
	}
	.boxes-wrapper:hover > .content-box:hover {
			width: 60%;
	}
	
	.boxes-wrapper:hover > .content-box:hover > a > .box-details > span {
		display: inline-block;
		opacity: 1;
			-webkit-transition-delay: 0.2s; /* delay for text to show up */
			transition-delay: 0.2s;
	}
	
	.boxes-wrapper:hover > .content-box:hover > a > .box-details {
		opacity: 1;
	    -webkit-transition: opacity 0.3s; /* time for entire div to fade in and out */
    transition: opacity 0.3s;	
		-webkit-transition-delay: 0.2s; /* delay for entire div to show up */
		transition-delay: 0.2s;
	}
	
	.boxes-wrapper:hover > .content-box {
			width: 20%;
	}
  .content-box .box-details {
		opacity: 0;
	  bottom: 0px;
    width: 100%;
	  text-align: center;	
	}
	.content-box .box-details > span {
	  opacity: 0;
    -webkit-transition: 0.25s; /* time for text to fade in and out */
    transition: 0.25s;	
	}		
  .content-box .box-label {
	  margin-top: 2em;
    padding: 1em;	
	}
}

/* SOCIAL */
.social-wrapper {
  padding: 4em 0;   
  text-align: center;
}

.social-wrapper span {
	font-size: 1.5em;
}

@media (max-width: 550px) {
  .social-wrapper h3 {
		font-size: 1.75em;
	}
}		

/***** PRODUCT PAGE *****/
	
.product-wrapper {
	text-align: center;
	padding: 2em 0;	
	width: 100%;
  height: auto;
  background-size: cover;
  background-image: url('images/bg-gray.jpg');
  background-position: center center;
  background-repeat: no-repeat;	
}

.product-wrapper .sharify-title, .product-wrapper .sharify-count {display:none !important;}
.product-wrapper .sharify-icon {float: none !important; padding: 0 !important;}
.product-wrapper .sharify-btn-twitter, .product-wrapper .sharify-btn-facebook, .product-wrapper .sharify-btn-gplus {width: 33% !important; box-sizing: border-box !important;}	
	
.product-wrapper svg {
	max-width: 100%;
}

.product-wrapper img {
	max-width: 100%;
}

.product-wrapper img.nutrition-label {
	max-width: 80%;
}

.product-wrapper .ingredients {
	margin: 1em 0;
}
		
.product-wrapper .ingredients span {
  text-transform: uppercase;
}

.product-wrapper a.button.orange { background-color: rgb(244,119,33); }
.product-wrapper a.button.purple { background-color: rgb(114,41,97); }
.product-wrapper a.button.yellow { background-color: rgb(209,159,42); }
.product-wrapper a.button.blue { background-color: rgb(0,152,205); }
.product-wrapper a.button.green { background-color: rgb(146,200,62); }
.product-wrapper a.button.teal { background-color: rgb(115,201,189); }
.product-wrapper a.button.red { background-color: rgb(220,31,38); }

.flavor-1 {
  font-size: 1.25em;
	line-height: 1.25em;
	text-align: center;
}

.flavor-1 a.button {
	line-height: 1em;
	font-size: 1.2em;
	color: #fff;
	text-decoration: none;
	margin: 1em auto 0 auto;
	display: block;
	padding: 1em 0;
	width: 90%;
	text-transform: uppercase;
}

.flavor-2 {
  margin: 2em 0;
}

.flavor-3 {
  display: none;
}

.flavor-4 { 
}

.product-flavor-selector {
	margin: 2em 0;
}

.product-flavor-selector h2 {
	padding: 1em 0;
	border-top: 1px solid #333;
	line-height: 1.5em;
}
		
.product-flavor-selector .two.columns {
	width: 16.66666666667%;
}
		
.product-flavor-selector svg {
	max-width: 80%;
	margin: 2em 0;
}

.product-flavor-selector svg:hover {
	width: 90%;
	max-width: 90%;
}
				
@media (max-width: 600px) {
	.product-flavor-selector .two.columns {
	  width: 33.33333333333%;
		height: auto;
	}
}

@media (min-width: 550px) {
  .three.columns.flavor-1, .three.columns.flavor-2, .three.columns.flavor-4 {
		width: 100%;
		margin-left: 0;
	}
}

@media (min-width: 750px) {
  .three.columns.flavor-1, .three.columns.flavor-2, .three.columns.flavor-4 {
	  font-size: 1em;
		width: 30.6666666667%;
	}
	.three.columns.flavor-2, .three.columns.flavor-4 {
		margin: 0 0 0 4%;
	}
	.three.columns.flavor-4 {
	  text-align: left;
	}
}

@media (min-width: 900px) {
  .three.columns.flavor-1 {
	  font-size: 1.25em;
  }
}
													
@media (min-width: 1200px) {
  .three.columns.flavor-1, .three.columns.flavor-2, .three.columns.flavor-3, .three.columns.flavor-4 {
		width: 22%;
		margin-left: 4%;
    display: block;
	}
  .three.columns.flavor-1 {
	  margin-left: 0;
  }					
}													

/***** WHATS HAPPENING *****/
							
.blog-wrapper {
	padding: 2em 0;
  width: 100%;
  height: auto;
  background-size: cover;
  background-image: url('images/bg-gray.jpg');
  background-position: center center;
  background-repeat: no-repeat;
}
	
.blog-wrapper h1 {
	font-size: 2em;
	margin-bottom: 1em;
	text-transform: uppercase;
}

.blog-category-links li {
	display: inline-block;
}

.blog-category-links a {
	display: block;
	font-size: 1.5em;
	margin: 0 0.5em 0.5em 0;
	padding: 0.5em 1em;
	text-transform: uppercase;
	color: #fff;
	text-decoration: none;
}

.blog-category-links li:hover a {
	opacity: 0.8;
}

.blog-category-links li.current-cat a {
  font-family:'TradeGothicW01-BoldCn20_675334';
	opacity: 0.6;
}
			
.widget {
	width: 100%;
	background-color: #fff;				
	border: 1px solid #ccc;				
}

.widget + .widget {
	margin-top: 1em;
}

.widget input#s {
  width: 100%;
	font-size: 1.25em;
	box-sizing: border-box;
}
		
.widget label {
  display: none;
}
		
.widget input#searchsubmit {
  margin-top: 1em; 
	margin-bottom: 0;
  float: right;
	text-transform: uppercase;
	font-size: 1em;
	padding: 0.5em 1.5em;
	display: inline-block;
}

.widget .wp-tag-cloud li + li {
	margin-top: 0.5em;
}
			
.widget .wp-tag-cloud a {
	text-decoration: none;
	color: #333;
}

.widget span {
	display: block;
	font-size: 1.5em;
	line-height: 1.25em;
	padding-bottom: 0.5em;
}
				
.blog-post {
	width: 100%;
	background-color: #fff;				
	border: 1px solid #ccc;
}

.blog-post + .blog-post {
	margin-top: 2em;
}
				
.widget {
  padding: 2em;
}

.blog-title {
	padding: 1em 2em 0 2em;
}

.blog-title h2 {
	line-height: 1.25em;
	margin: 0.5em 0;
}

.blog-title a {
	text-decoration: none;
	color: #333;
}

.blog-details {
  padding: 0 2em 1em 2em;
	color: #aaa;
}
		
.blog-details a {
  text-decoration: none;
	color: #aaa;
}
	
.blog-details li {
	display: inline-block;
	margin-right: 2em;
}

.blog-details i {
	margin-right: 0.25em;
}

.blog-thumbnail {
	position: relative;
}
		
.blog-tag {
	position: absolute; 
	top: 2em;
	padding: 0.75em 1.25em;
	font-size: 1.5em;
}
				
.blog-tag a {
	color: #fff;
	text-decoration: none;
	text-transform: uppercase;
}

.blog-thumbnail img {
	max-width: 100%;
	height: auto;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	margin-bottom: 1em;
}

.blog-content {
	padding: 0 2em 2em 2em;
}

.read-more {
	float: right;
	margin: 0.5em 0 0 0;
	display: block;
	text-transform: uppercase;
	text-decoration: none;
}

.pagination a {
	margin-top: 1em;
	display: block;
	padding: 0.25em 0.75em;
	text-transform: uppercase;
	color: #fff;
	text-decoration: none;
}

.blog-back {
	display: inline-block;
	margin-bottom: 1em;
	padding: 0.25em 0.75em;
	text-transform: uppercase;
	color: #fff;
	text-decoration: none;
}

.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; margin-bottom: 1em;}
.embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

@media (max-width: 800px) {
  .blog-wrapper .eight.columns {
	  width: 100%;
		margin-left: 0;
	}
	.blog-wrapper .four.columns {
		display: none;
	}
}
			
@media (max-width: 450px) {
	.blog-tag {
		top: 1em;
	}	
}
				
@media (max-width: 1024px) {
	.blog-details {
		display: none;
	}
	.blog-title h2 {
		font-size: 1.5em;
	}
}

/***** FULL-WIDTH *****/

.full-width-wrapper {	
  padding: 2em 0;
	width: 100%;
  height: auto;
  background-size: cover;
  background-image: url('images/bg-gray.jpg');
  background-position: center center;
  background-repeat: no-repeat;
}
			
.full-width-wrapper .container {
	background-color: #fff;
	border: 1px solid #ccc;
  padding: 2em;						
}

.content-wrapper img {
	max-width: 100%;
	height: auto;
}

.content-wrapper h2 {
	font-size: 2em;
	text-transform: uppercase;
	margin-bottom: 1em;
	line-height: 1em;
}

.content-wrapper p {
  font-size: 1.125em;
	line-height: 1.5em;
}
		
.content-wrapper p + p {
	margin-top: 1em;
}

.content-wrapper h3 {
	font-size: 1.25em;
}
		
.content-wrapper a {
	color: #0098cd;
}
				
.content-wrapper blockquote {
	padding: 0.5em 0 0.5em 1em;
	border-left: 1px solid #ccc;
	margin: 0.5em 0;
	
}

.content-wrapper ul {
	padding-left: 2em;
	list-style: disc;
	margin: 0.5em 0;
}

.content-wrapper ol {
	padding-left: 2em;
	list-style: decimal;
	margin: 0.5em 0;
}		
	
/***** FIND IT *****/

.findit-wrapper {
	padding: 2em 0;
	width: 100%;
  height: auto;
	min-height: calc(100% - 400px);
  background-size: cover;
  background-image: url('images/bg-gray.jpg');
  background-position: center center;
  background-repeat: no-repeat;
	text-align: center;
}

.findit-wrapper h2 {
	line-height: 1.5em;
	padding: 1em 0 0 0;
}

.store-search {
	margin: 2em 0 3em 0;
}
		
.no-results-container {
	padding-top: 1em;
  border-top: 1px solid #333;
}

.no-results-container span {
	display: block;
	font-size: 2em;
	line-height: 1.5em;
	margin: 1em 0;
}
		
.no-results-container a {
	display: inline-block;
	font-size: 1.5em;
	color: #fff;
	text-decoration: none;
	padding: 0.75em 1.25em;
	margin: 1em 0 2em 0;
	text-transform: uppercase;
}



.store-form {
	margin: 2em 0 1em 0;
	text-align: center;
}

.store-form label {
	padding-right: 0.25em;
	font-size: 1.25em;
}

.store-form input[type="text"] {
	padding: 0.5em;
	margin-right: 1em;
	width: 200px;
}
	
.store-form select {
	margin-right: 1em;
	padding: 0.5em;
	height: 50px;
}

/*
.store-form input[type="submit"] {
  padding: 0.5em 1em;
	font-size: 1em;
  text-transform: uppercase;
}
*/

.store-form input[type="submit"] {
	font-size: 1.25em;
	color: #fff;
	text-decoration: none;
	padding: 0.5em 1.25em;
	border: none;
	position: relative;
	top: 1px;
	text-transform: uppercase;
}	

.store-results {
	background-color: #fff;
	padding: 0 1em;
	margin-bottom: 1em;
}

.store-single {
	padding: 1em 0;
}
		
.store-single + .store-single {
	border-top: 1px solid #333;
}

.store-record {
	width: 30%;
	float: left;
	text-align: center;
  font-size: 1.25em;
  line-height: 1.2em;	
}
		
.store-marker {
	color: #fff !important;
	display: inline-block;
	padding: 0.5em 0.75em;
	margin-bottom: 0.25em;
}
				
.store-miles {
	clear: both;
	display: block;
}
		
.store-miles span {
	display: block;
}
		
.store-info {
	width: 70%;
	float: left;
	line-height: 1.5em;
}

.store-info span {
	display: block;
}

@media (max-width: 900px) {
  .store-map, .store-results {
    width: 100% !important;
		margin: 0;
	}
}
	
@media (max-width: 610px) {
	.store-form {
		margin-top: 1em;
	}
	.store-form label {
		display: block;
	}
	.no-results-container span {
		font-size: 1.5em;
	}
}
		
@media (max-width: 450px ) {
	.store-form input[type="submit"] {
		display: block;
		margin: 1em auto 0 auto;
	}
}

/***** RANDOM CLICK *****/
	
.random-wrapper {
	padding: 2em 0;
	width: 100%;
  overflow: auto;
	min-height: calc(100% - 400px);
  background-size: cover;
  background-image: url('images/bg-gray.jpg');
  background-position: center center;
  background-repeat: no-repeat;
	text-align: center;
}
			
.random-wrapper span.random-category {
  display: block;
	font-size: 1.5em;
	margin-top: 2.5em;
	text-transform: lowercase;
	color: #333;
}	
	
.random-wrapper span.random-text {
		display: block;
		font-size: 4em;
		line-height: 1.5em;
		margin: 1em 0 1em 0;
}

.random-button {
	display:inline-block;
	color: #fff;
	text-transform: uppercase;
	padding: 1em;
	text-decoration: none;
	font-size: 2em;
	margin-bottom: 2em;
}

.random-button:hover {
	opacity: 0.8;
}
	
@media (max-width: 900px) {
	.random-wrapper span.random-text {
	  font-size: 3em;
	}
}
		
@media (max-width: 500px) {
	.random-wrapper span.random-text {
	  font-size: 2.5em;
		margin: 1em 0;			
	}
	.random-wrapper {
    height: auto;
		min-height: auto;
	}
}		

/***** AIR + STYLE *****/

.airandstyle-wrapper {
	padding: 2rem 0;
  background-color: #231f20;
  color: #fff;
  text-transform: uppercase;
	font-size: 1.25rem;
  line-height: 1.75;
	text-align: center;
}
		
.airandstyle p {
	display: block;
}
	
.parallax {
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.parallax a {
	text-decoration: none;
	}

img.as-logo {
  max-width: 80% !important;
}
	
.prizes img {
	max-width: 100%;
}
		
.airandstyle-wrapper .row + .row {
	margin: 1rem 0;
}

.airandstyle-wrapper p.day {
	font-size: 2rem;
	margin-bottom: 1rem;
}
		
.airandstyle-wrapper p.prize-desc {
	font-size: 1.25rem;
	line-height: 1.25;
	margin: 0.5rem 0 1rem 0;
}

.airandstyle-wrapper a {
	color: #0098cd;
}

#pum-438 ol {
	list-style-type: decimal;
	margin-left: 2rem;
	margin-top: 1rem;
}

#pum-438 p {
	margin-top: 1rem;
}


/***** 404 *****/

.fourohfour-wrapper.orange { color: rgb(244,119,33); }
.fourohfour-wrapper.purple { color: rgb(114,41,97); }
.fourohfour-wrapper.yellow { color: rgb(209,159,42); }
.fourohfour-wrapper.blue { color: rgb(0,152,205); }
.fourohfour-wrapper.green { color: rgb(146,200,62); }
.fourohfour-wrapper.teal { color: rgb(115,201,189); }
.fourohfour-wrapper.red { color: rgb(220,31,38); }	 

.fourohfour-wrapper {
	text-align: center;
	padding: 4rem 0;
}	

.fourohfour-wrapper span {
		display: block;
}

span.fourohfour-large {
	font-size: 4rem;
	line-height: 4rem;
	font-weight: bold;
	text-transform: uppercase;
}

span.fourohfour-medium {
	font-size: 3rem;
	line-height: 3rem;
	text-transform: uppercase;
}

span.fourohfour-small {
	font-size: 1.5rem;
	line-height: 1.5rem;
	padding: 1rem 0;
}

.fourohfour-wrapper img {
	padding: 1rem 0;
	display: inline-block;
	max-width: 100%;
}

@media (max-width: 750px) {
	span.fourohfour-large {
		font-size: 3rem;
		line-height: 3rem;
	}
	
	span.fourohfour-medium {
		font-size: 2rem;
		line-height: 2rem;
	}
	
	span.fourohfour-small {
		font-size: 1.25rem;
		line-height: 1.25rem;
		padding: 1rem 0;
	}
}

/***** FOOTER *****/

.footer-wrapper {
  width: 100%;
  background-color: #333;
  font-weight: 300;
  line-height: 2em;
  color: #fff;
}

.footer span.footer-title {
  display: block;
  padding: 2em 0 0.5em 0;
  font-size: 1.5em;
  text-transform: uppercase;
}

.footer .columns {
  margin-bottom: 1em;
}
	
.footer a {
  display: block;
  color: #fff;
  text-decoration: none;
}

.footer p {
  font-size: 0.875em;
  line-height: 1.5em;
}
  
.footer hr {
  margin: 0.75em 0;
  border: 0;
  height: 1px;
  background: #fff;
}
	  
.footer i {
  margin-right: 1em;
}

#gform_wrapper_1 {
	width: 60%;
	margin: 0 auto;
}

.footer .ginput_container {
	display: inline-block;
	width: 70%;
}
		
.footer input[type="text"] {
	width: 100%;
	color: #333;
	padding: 0.25em;
  margin-bottom: 0.25em;
	box-sizing: border-box;
}
	
.footer input[type="submit"] {
  float: right;
	padding: 0.25em;
	margin-top: 0.25em;
}
	
.footer label {
	width: 30%;
	display: inline-block;
	text-transform: uppercase;
}

.footer .gform_validation_container {
  display: none;
}

.footer .gform_button {
			color: #333;
}

.footer img.pile {
  max-width: 100%;
  max-height: 100%;
  height: auto;
  position: absolute;
  left: 62%;
}


.footer path.orange, .footer rect.orange, path.ribbon.orange, rect.ribbon.orange { fill: rgb(244,119,33); }
.footer path.purple, .footer rect.purple, path.ribbon.purple, rect.ribbon.purple { fill: rgb(114,41,97); }
.footer path.yellow, .footer rect.yellow, path.ribbon.yellow, rect.ribbon.yellow { fill: rgb(209,159,42); }
.footer path.blue, .footer rect.blue, path.ribbon.blue, rect.ribbon.blue { fill: rgb(0,152,205); }
.footer path.green, .footer rect.green, path.ribbon.green, rect.ribbon.green { fill: rgb(146,200,62); }
.footer path.teal, .footer rect.teal, path.ribbon.teal, rect.ribbon.teal { fill: rgb(115,201,189); }
.footer path.red, .footer rect.red, path.ribbon.red, rect.ribbon.red { fill: rgb(220,31,38); }

.copyright {
	clear: both;
  display: block;
  text-align: right;
  padding-top: 2em;
}

.footer .color-bar {
	width: 100%;
	height: 1em;
	display: block;
}
			
.color-bar.orange { background-color: rgb(244,119,33); }
.color-bar.purple { background-color: rgb(114,41,97); }
.color-bar.yellow { background-color: rgb(209,159,42); }
.color-bar.blue { background-color: rgb(0,152,205); }
.color-bar.green { background-color: rgb(146,200,62); }
.color-bar.teal { background-color: rgb(115,201,189); }
.color-bar.red { background-color: rgb(220,31,38); }			

.footer .contact-popup {
	text-transform: uppercase;
	margin-top: 0.5em;
	padding: 0.25em 0.75em;
	display: inline-block;
}

#field_2_1, #field_2_2 {
	display: inline-block;
	width: 50%;
	padding: 1em;
	float: left;
}

#field_2_3 {
	display: block;
	width: 100%;
	padding: 1em;
}

#gform_wrapper_2 input[type="text"], #input_2_3 {
	padding: 0.5em;
	width: 100%;
}

#input_2_3 {
	height: 100px;
}

#gform_wrapper_2 input[type="submit"] {
	float: right;
	margin-right: 1em;
	padding: 0.5em;
}

#gform_wrapper_2 label {
	font-size: 1.25em;
	display:block;
	margin-bottom: 0.25em;
	text-transform: uppercase;
}

#gform_confirmation_message_2 {
	padding: 1em 0;
	font-size: 1.25em;
}

@media (min-width: 750px) and (max-width: 1100px) {
  .mobile-hide {
			display: none;
	}
}
	
@media (max-width: 1024px) {
  .footer img.pile {
	  display: none;
  }
	.footer-ribbon {
	  display: none;
	}
	.footer-spaceholder {
		display: none;
	}
	.footer .two.columns {
		width: 22%;
	}
	.footer .footer-social {
		margin-left: 0;
	}
	.footer hr {
		width: 70%;
		margin: 1em 0;
	}						
}
										
@media (max-width: 750px) {
	.footer .two.columns {
		width: 48%;
		text-align: center;
	}
 .footer .three.columns, .two.columns.footer-social {
		width: 100%;
		text-align: center;
	}
	.footer-social a {
		display: inline-block;
		float: left;
		width: 25%;
	}
	.footer-social i {
	  margin-right: 0.5em;
	}
			
	.footer .footer-contact {
		margin: 0
	}
	.footer hr {
		width: 50%;
		margin: 1em auto;
	}	
}											

@media (min-width: 750px) {
	.footer .ginput_container {
		width: 100%;
	}
  #gform_wrapper_1 {
  	width: 100%;
  	margin: 0 auto;
  }		
}

/***** WP CORE *****/

.alignnone {
    margin: 5px 20px 20px 0;
}

.aligncenter, div.aligncenter {
    display:block;
    margin: 5px auto 5px auto;
}

.alignright {
    float:right;
    margin: 10px 0 10px 10px;
}

.alignleft {
    float:left;
    margin: 5px 20px 20px 0;
}

.aligncenter {
    display: block;
    margin: 5px auto 5px auto;
}

a img.alignright {
    float:right;
    margin: 5px 0 20px 20px;
}

a img.alignnone {
    margin: 5px 20px 20px 0;
}

a img.alignleft {
    float:left;
    margin: 5px 20px 20px 0;
}

a img.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto
}

.wp-caption {
    background: #fff;
    border: 1px solid #f0f0f0;
    max-width: 96%; /* Image does not overflow the content area */
    padding: 5px 3px 5px;
    text-align: center;
}

.wp-caption.alignnone {
    margin: 5px 20px 20px 0;
}

.wp-caption.alignleft {
    margin: 5px 20px 20px 0;
}

.wp-caption.alignright {
    margin: 5px 0 20px 20px;
}

.wp-caption img {
    border: 0 none;
    height: auto;
    margin:0;
    max-width: 98.5%;
    padding:0;
    width: auto;
}

.wp-caption p.wp-caption-text {
    margin:0;
    padding:0 4px 5px;
}

#error_note {
	display: none;
	text-align: center;
	margin: 0 0 10px 0;
	padding: 10px;
}

.error {
	background: #fb0000 !important;
	color: #ffffff !important;
}