/*
Theme Name: SUPA SUPPS
Theme URI: http://underscores.me/
Author: diverge digital
Author URI: http://www.divergedigital.uk
Description: Supa Supps Custom Theme
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: supa-supps
Tags:

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

SUPA SUPPS is based on Underscores http://underscores.me/, (C) 2012-2016 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal http://necolas.github.io/normalize.css/
*/

/*
Colours
-------
pink - d44b79
orange - ef733d
green - 6f907b
white - fff
off white - f3f3f3
black - 373737
dark grey (text) - 5b5b5b

Gradient
--------
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#d44b79+0,ef733d+50,6f907b+100 */
/*
background: rgb(212,75,121);
background: -moz-linear-gradient(left, rgba(212,75,121,1) 0%, rgba(239,115,61,1) 50%, rgba(111,144,123,1) 100%);
background: -webkit-linear-gradient(left, rgba(212,75,121,1) 0%,rgba(239,115,61,1) 50%,rgba(111,144,123,1) 100%);
background: linear-gradient(to right, rgba(212,75,121,1) 0%,rgba(239,115,61,1) 50%,rgba(111,144,123,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d44b79', endColorstr='#6f907b',GradientType=1 );
*/

/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#d44b79+0,d44b79+25,ef733d+49,ef733d+51,6f907b+75,6f907b+100 */
/*
background: rgb(212,75,121);
background: -moz-linear-gradient(left, rgba(212,75,121,1) 0%, rgba(212,75,121,1) 25%, rgba(239,115,61,1) 49%, rgba(239,115,61,1) 51%, rgba(111,144,123,1) 75%, rgba(111,144,123,1) 100%);
background: -webkit-linear-gradient(left, rgba(212,75,121,1) 0%,rgba(212,75,121,1) 25%,rgba(239,115,61,1) 49%,rgba(239,115,61,1) 51%,rgba(111,144,123,1) 75%,rgba(111,144,123,1) 100%);
background: linear-gradient(to right, rgba(212,75,121,1) 0%,rgba(212,75,121,1) 25%,rgba(239,115,61,1) 49%,rgba(239,115,61,1) 51%,rgba(111,144,123,1) 75%,rgba(111,144,123,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d44b79', endColorstr='#6f907b',GradientType=1 );
*/

@font-face {
    font-family: 'bebas_neuebold';
    src: url('fonts/bebas-neue/bebasneue_bold-webfont.woff2') format('woff2'),
         url('fonts/bebas-neue/bebasneue_bold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'bebas_neueregular';
    src: url('fonts/bebas-neue/bebasneue_regular-webfont.woff2') format('woff2'),
         url('fonts/bebas-neue/bebasneue_regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'bebas_neuebook';
    src: url('fonts/bebas-neue/bebasneue_book-webfont.woff2') format('woff2'),
         url('fonts/bebas-neue/bebasneue_book-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'bebas_neuelight';
    src: url('fonts/bebas-neue/bebasneue_light-webfont.woff2') format('woff2'),
         url('fonts/bebas-neue/bebasneue_light-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'bebas_neuethin';
    src: url('fonts/bebas-neue/bebasneue_thin-webfont.woff2') format('woff2'),
         url('fonts/bebas-neue/bebasneue_thin-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

/* Text meant only for screen readers. */
.screen-reader-text {
	clip: rect(1px, 1px, 1px, 1px);
	position: absolute !important;
	height: 1px;
	width: 1px;
	overflow: hidden; }

.screen-reader-text:focus {
	background-color: #f1f1f1;
	border-radius: 3px;
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	clip: auto !important;
	color: #21759b;
	display: block;
	font-size: 14px;
	font-size: 14px;
	font-size: 14px;
	font-size: 0.875rem;
	font-family: "roboto", sans-serif;
	font-weight: 300;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000; /* Above WP toolbar. */ }

/* Do not show the outline on the skip link target. */
#content[tabindex="-1"]:focus {
	outline: 0!important; }

:focus {
	outline-color: #ef733d; }

/* generic */


html {
	box-sizing: border-box; }

*, *:before, *:after {
	box-sizing: inherit; }

/*::selection {
	background: #ef733d; }
::-moz-selection {
	background: #ef733d; }*/

body {
	-webkit-font-smoothing: antialiased;
	font-family: "roboto", sans-serif;
	font-weight: 300;
	font-size: 16px;
	line-height: 1.6;
	background-color: #fff;
	color: #5b5b5b; }


/*@media screen and (min-width: 500px) {
	body {
		font-size: 18px; }
}*/
/*@media screen and (min-width: 700px) {
	body {
		font-size: 20px; }
}*/
/*@media screen and (min-width: 1200px) {
	body {
		font-size: 22px; }
}*/
/*@media screen and (min-width: 1600px) {
	body {
		font-size: 24px; }
}*/

h1,
h2,
h3,
h4,
h5,
h6 {
	font-family: "bebas_neuebold", sans-serif;
	letter-spacing: .08em;
	font-weight: normal;
	color: #6f907b;
	margin-top: 0;
	margin-bottom: 0;
	line-height: 1; }

h1,
.section-header h2 {
	font-family: "funkydori", sans-serif;
	letter-spacing: normal;
	position: relative;
	top: .4em;
	font-size: 2.8em;
	margin-top: 1em;
	margin-bottom: .6em;
	color: #d44b79; }
h2 {
	font-size: 1.8em;
	margin-top: 1em;
	margin-bottom: .6em; }
h3 {
	font-size: 2.2em;
	margin-top: 1em;
	margin-bottom: .6em; }
h4 {
	font-size: 1.5em;
	margin-top: 1em;
	margin-bottom: .6em; }
h5 {
	font-size: 1.25em; }
h6 {
	font-size: 1em; }

p {
	margin-bottom: 1em; }


@media screen and (min-width: 500px) {
	body {
		font-size: 20px; }
	h1,
	.hero h2 {
		font-size: 4em; }
}

@media screen and (min-width: 1000px) {
	body {
		font-size: 22px; }
}

hr {
	margin: 40px auto;
	border: 1px solid #efefea;
}

* > :first-child { margin-top: 0!important; }
* > :last-child { margin-bottom: 0!important; }

h4 {
	font-size: 1.2em;
	line-height: 1.4; }

b, strong {
	font-weight: 700; }

a {
	text-decoration: none;
	font-weight: 700;
	color: inherit;
	-webkit-transition: all .2s ease-in-out;
			transition: all .2s ease-in-out; }

/* input fields */

abbr[title] {
	text-decoration: none; }

form {
	max-width: 100%; }

input[type="text"],
input[type="email"],
input[type="tel"],
input[type="password"],
input[type="number"],
input[type="date"],
input[type="search"],
select,
textarea {
	box-sizing: border-box;
	outline: none;
	border: 2px solid transparent;
	padding: .6em 1em;
	width: 100%;
	margin: 0;
	position: relative;
	text-decoration: none;
	background-image: none;
	box-shadow: none;
	-webkit-box-shadow: none;
	text-shadow: none;
	margin: 5px 0;
	background-color: #e6e6e6;
	color: #5b5b5b;
	display: block;
	border-radius: 5px;
	-webkit-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out; }

select {
	-webkit-appearance: menulist;
	height: 50px; }
textarea {
	resize: none; }

input[type="text"]:focus,
input[type="email"]:focus,
input[type="tel"]:focus,
input[type="password"]:focus,
input[type="number"]:focus,
input[type="date"]:focus,
select:focus,
textarea:focus,
input[type="text"]:active,
input[type="email"]:active,
input[type="tel"]:active,
input[type="password"]:active,
input[type="number"]:active,
input[type="date"]:active,
select:active,
textarea:active {
	outline: 0;
	background-color: #dedede;
	border-color: transparent; }

input[type="submit"]:focus,
input[type="submit"]:active {
	outline: 0; }

span.wpcf7-list-item {
	display: block;
	margin: 5px 0; }

.wpcf7-not-valid-tip {
	font-size: 0.8em!important; }

@media screen and (max-width: 450px) {
	.wpcf7-recaptcha > div {
		margin-left: auto;
		margin-right: auto; }
}

input[type="checkbox"] + span,
input[type="radio"] + span {
	font-size: 0.8em; }

.input {
	width: 100%;
	max-width: 350px;
	margin-bottom: 20px; }
.input > label {
	font-weight: 700;
	line-height: 1.2; }


.btn,
.button {
	font-family: "bebas_neuebold", sans-serif;
	letter-spacing: .08em;
	font-weight: normal;
	text-align: center;
	font-size: 1.2em;
	border: none;
	line-height: 1;
	padding: .6em 1em .6em 1em;
	display: inline-block;
	white-space: nowrap;
	cursor: pointer;
	position: relative;
	text-decoration: none;
	background-image: none;
	box-shadow: none;
	-webkit-box-shadow: none;
	text-shadow: none;
	background: rgb(212,75,121);
	background: -moz-linear-gradient(left, rgba(212,75,121,1) 0%, rgba(212,75,121,1) 25%, rgba(239,115,61,1) 49%, rgba(239,115,61,1) 51%, rgba(111,144,123,1) 75%, rgba(111,144,123,1) 100%);
	background: -webkit-linear-gradient(left, rgba(212,75,121,1) 0%,rgba(212,75,121,1) 25%,rgba(239,115,61,1) 49%,rgba(239,115,61,1) 51%,rgba(111,144,123,1) 75%,rgba(111,144,123,1) 100%);
	background: linear-gradient(to right, rgba(212,75,121,1) 0%,rgba(212,75,121,1) 25%,rgba(239,115,61,1) 49%,rgba(239,115,61,1) 51%,rgba(111,144,123,1) 75%,rgba(111,144,123,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d44b79', endColorstr='#6f907b',GradientType=1 );
	border: 2px solid #fff;
	-webkit-box-shadow: inset 0px 20px 30px 0px rgba(255,255,255,0.4), inset 0px -10px 20px 0px rgba(0,0,0,0.3), 0px 4px 10px 0px rgba(0,0,0,0.2);
	-moz-box-shadow: inset 0px 20px 30px 0px rgba(255,255,255,0.4), inset 0px -10px 20px 0px rgba(0,0,0,0.3), 0px 4px 10px 0px rgba(0,0,0,0.2);
	box-shadow: inset 0px 20px 30px 0px rgba(255,255,255,0.4), inset 0px -10px 20px 0px rgba(0,0,0,0.3), 0px 4px 10px 0px rgba(0,0,0,0.2);
	border-radius: 30px;
	color: #FFF;
	margin-bottom: 10px;
	transition: all .2s ease-in-out; }
	.btn:last-of-type,
	.button:last-of-type {
		margin-bottom: 0; }
	.btn:hover,
	.button:hover {
		background: rgb(212,75,121);
		background: -moz-linear-gradient(left, rgba(212,75,121,1) 0%, rgba(212,75,121,1) 25%, rgba(239,115,61,1) 49%, rgba(239,115,61,1) 51%, rgba(111,144,123,1) 75%, rgba(111,144,123,1) 100%);
		background: -webkit-linear-gradient(left, rgba(212,75,121,1) 0%,rgba(212,75,121,1) 25%,rgba(239,115,61,1) 49%,rgba(239,115,61,1) 51%,rgba(111,144,123,1) 75%,rgba(111,144,123,1) 100%);
		background: linear-gradient(to right, rgba(212,75,121,1) 0%,rgba(212,75,121,1) 25%,rgba(239,115,61,1) 49%,rgba(239,115,61,1) 51%,rgba(111,144,123,1) 75%,rgba(111,144,123,1) 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d44b79', endColorstr='#6f907b',GradientType=1 );
		border: 2px solid #fff;
		-webkit-box-shadow: inset 0px 20px 30px 0px rgba(255,255,255,0.4), inset 0px -10px 20px 0px rgba(0,0,0,0.3), 0px 4px 10px 0px rgba(0,0,0,0.2);
		-moz-box-shadow: inset 0px 20px 30px 0px rgba(255,255,255,0.4), inset 0px -10px 20px 0px rgba(0,0,0,0.3), 0px 4px 10px 0px rgba(0,0,0,0.2);
		box-shadow: inset 0px 20px 30px 0px rgba(255,255,255,0.4), inset 0px -10px 20px 0px rgba(0,0,0,0.3), 0px 4px 10px 0px rgba(0,0,0,0.2);
		color: #fff; }

.btn-alt {
	background: #f3f3f3;
	color: #5b5b5b; }
	.btn-alt:hover {
		background: #f3f3f3;
		color: #ef733d; }

@media screen and (min-width: 450px) {
	.btn,
	.button {
		margin-bottom: 0;
		display: inline-block;
		width: auto;
		margin-right: 10px; }
		.btn:last-of-type,
		.button:last-of-type {
			margin-right: 0; }
}

p + .buttons,
ul + .buttons,
.entry-summary .buttons {
	margin-top: 20px; }

.list-unstyled {
	margin: 0;
	padding: 0;
	list-style-type: none; }

img {
	max-width: 100%;
	height: auto;
	display: block; }

.container {
	max-width: 960px;
	margin-left: auto;
	margin-right: auto;
	position: relative;
	z-index: 1; }

.container-sm {
	max-width: 500px; }

/*.woocommerce #container {
	max-width: 1200px;
	margin-left: auto;
	margin-right: auto;
	position: relative;
	z-index: 1;
	padding-left: 20px;
	padding-right: 20px; }*/

.clearfix {
	clear: both; }

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

/*.sixteen-nine .bg .iframe-wrapper {
	padding-bottom: 75%; }*/

.overlay {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 1;
	opacity: 0;
	filter: alpha(opacity=0);
	background-color: #000;
	pointer-events: none; }
.main-overlay {
	position: fixed;
	z-index: 20;
	background-color: #000;
	-webkit-transition: all .2s ease-in-out;
			transition: all .2s ease-in-out; }

#content {
	overflow: hidden; }

#content {
	transition: opacity .2s ease-in-out; }
#content.loading {
	opacity: 0; }

.preloader {
	position: fixed;top: 50%;
	left: 50%;
	width: 80px;
	height: 80px;
	margin-top: -40px;
	margin-left: -40px;
	background-color: #eee;
	border-radius: 50%; }

/* sections */

.bg {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	overflow: hidden;
	background-color: rgba(0,0,0,0.1);
	transition: opacity .2s ease-in-out; }
	.bg .bg-img {
		opacity: 0;
		position: absolute;
		height: 1px;
		width: 1px; }
.images-loading .bg {
	opacity: 0; }


.section {
	position: relative; }
	.section .overlay {
		background-color: #fff;
		opacity: 0; }
	.section .bg {
		position: absolute;
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
		background-size: cover;
		background-position: center;
		background-repeat: no-repeat; }

.sep {
	background: rgb(212,75,121);
	background: -moz-linear-gradient(left, rgba(212,75,121,1) 0%, rgba(212,75,121,1) 25%, rgba(239,115,61,1) 49%, rgba(239,115,61,1) 51%, rgba(111,144,123,1) 75%, rgba(111,144,123,1) 100%);
	background: -webkit-linear-gradient(left, rgba(212,75,121,1) 0%,rgba(212,75,121,1) 25%,rgba(239,115,61,1) 49%,rgba(239,115,61,1) 51%,rgba(111,144,123,1) 75%,rgba(111,144,123,1) 100%);
	background: linear-gradient(to right, rgba(212,75,121,1) 0%,rgba(212,75,121,1) 25%,rgba(239,115,61,1) 49%,rgba(239,115,61,1) 51%,rgba(111,144,123,1) 75%,rgba(111,144,123,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d44b79', endColorstr='#6f907b',GradientType=1 );
	height: 10px; }

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

}

.dark {
	background-color: #373737;
	color: #fff; }
	.dark .overlay {
		background-color: #373737; }
	.dark h2 {
		color: #fff; }

.light {
	background-color: #fff;
	color: #5b5b5b; }
	.light h1,
	.light h2,
	.light h3 {
		color: #5b5b5b; }

.highlight {
	background-color: #ef733d;
	color: #fff; }
	.highlight .overlay {
		background-color: #ef733d; }
	.highlight h1,
	.highlight h2,
	.highlight h3 {
		color: #fff; }
	.highlight h5,
	.highlight h6 {
		color: #5b5b5b; }


.center {
	text-align: center; }

.fixed-background {
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0; }

.google-map {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0; }
	.google-map {
		color: #5b5b5b; }

/* remove list styling from all menus */

.menu,
.menu ul {
	list-style-type: none;
	margin: 0;
	padding: 0; }

/* header */

.site-header {
	position: relative;
	top: 0;
	left: 0;
	right: 0;
	z-index: 10; }
	.site-header:after {
		display: block;
		content: "";
		clear: both; }
	.site-header .container {
		padding: 0; }

.header-main {
	padding: 10px;
	text-align: center;
	font-family: "bebas_neuebold", sans-serif;
	letter-spacing: .08em;
	display: table;
	width: 100%;
	-webkit-box-shadow: 0px 5px 20px 0px rgba(0,0,0,0.06);
	-moz-box-shadow: 0px 5px 20px 0px rgba(0,0,0,0.06);
	box-shadow: 0px 5px 20px 0px rgba(0,0,0,0.06); }

.header-main-left {
	display: table-cell;
	vertical-align: middle; }
	.header-main .logo {
		display: block;
		width: 240px;
		max-width: 60%; }

.header-main-right {
	display: table-cell;
	vertical-align: middle;
	text-align: right; }
	.header-menu-toggle {
		display: inline-block;
		cursor: pointer;
		padding: 8px 10px;
		text-align: center;
		line-height: 1;
		font-size: 20px;
		font-weight: normal;
		border-radius: 4px;
		background-color: #d44b79;
		color: #fff; }

.header-nav {
	display: none; }

/*.menu-is-open .header-nav {
	display: block; }*/


@media screen and (min-width: 720px) {
	.header-main {
		padding: 1em 2em; }
	.header-menu-toggle {
		display: none; }
		.header-nav {
			display: block;
			font-size: 1.2em; }
			.header-nav .menu {
				display: inline-block;
				margin-right: 30px; }
			.header-nav .menu:last-of-type {
				margin-right: 0; }
			.header-nav li {
				display: inline-block;
				margin-right: 30px; }
			.header-nav li:last-of-type {
				margin-right: 0; }
				.header-nav li a {
					color: #757575; }
					.header-nav li a:hover {
						color: #373737; }
			.header-nav .checkout-link {
				color: #d44b79; }
}

/* off canvas */

.off-canvas {
	position: fixed;
	z-index: 21;
	top: 0;
	right: 0;
	bottom: 0;
	padding: 20px;
	overflow: auto;
	width: 250px;
	border: 0;
	transform: translate3d(250px,0,0);
	transition: all .2s ease-in-out; }
	.off-canvas .off-canvas-content {
		display: table;
		width: 100%;
		height: 100%; }
	.off-canvas .inner {
		overflow: auto;
		display: table-cell;
		vertical-align: top; }

#off-canvas-menu {
	background: rgb(212,75,121);
	background: -moz-linear-gradient(left, rgba(212,75,121,1) 0%, rgba(239,115,61,1) 50%, rgba(111,144,123,1) 100%);
	background: -webkit-linear-gradient(left, rgba(212,75,121,1) 0%, rgba(239,115,61,1) 50%, rgba(111,144,123,1) 100%);
	background: linear-gradient(to right, rgba(212,75,121,1) 0%, rgba(239,115,61,1) 50%, rgba(111,144,123,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d44b79', endColorstr='#6f907b',GradientType=1 );
	right: auto;
	left: 0;
	transform: translate3d(-250px,0,0);
	-webkit-box-shadow: 0px 5px 20px 0px rgba(0,0,0,0);
	-moz-box-shadow: 0px 5px 20px 0px rgba(0,0,0,0);
	box-shadow: 0px 5px 20px 0px rgba(0,0,0,0); }
	#off-canvas-menu .logo {
		display: block;
		padding: 20px;
		margin: 20px 0; }
	#off-canvas-menu .menu {
		font-family: "bebas_neuebold", sans-serif;
		letter-spacing: .08em;
		transform: translate3d(0,0,0);
		font-size: 2.2em;
		line-height: 1;
		position: relative;
		z-index: 2; }
		#off-canvas-menu .menu {
			margin-bottom: 30px; }
		#off-canvas-menu .menu li {
			margin-bottom: 5px; }
		#off-canvas-menu .menu li a {
			padding: 10px 20px;
			display: block; }
	#off-canvas-menu .menu.menu-cart {
		font-size: 1em; }
		#off-canvas-menu .menu.menu-cart li:first-of-type {
			font-size: 1.4em;
			margin-bottom: 15px; }
		#off-canvas-menu .menu.menu-cart li a {
			padding: 5px 20px; }

.menu-is-open #off-canvas-menu {
	transform: translate3d(0,0,0);
	-webkit-box-shadow: 0px 5px 20px 0px rgba(0,0,0,0.3);
	-moz-box-shadow: 0px 5px 20px 0px rgba(0,0,0,0.3);
	box-shadow: 0px 5px 20px 0px rgba(0,0,0,0.3); }
.menu-is-open .main-overlay {
	opacity: .2;
	pointer-events: auto; }

@media screen and (min-width: 900px) {
	.off-canvas .off-canvas-menu {
		display: table-cell; }
}

/* off canvas cart */





.off-canvas-cart {
	position: fixed;
	z-index: 21;
	top: 50px;
	right: 0;
	bottom: 0;
	padding: 10px;
	overflow: auto;
	left: 0;
	border: 0;
	background-color: #383838;
	transform: translate3d(100%,0,0);
	/*transition: all .2s ease-in-out;*/ }
	.off-canvas-cart .off-canvas-content {
		display: table;
		width: 100%;
		height: 100%;
		max-width: 400px;
		margin: 0 auto; }
	.off-canvas-cart .inner {
		overflow: auto;
		display: table-cell;
		vertical-align: middle; }
	.off-canvas-cart .cart_list {
		list-style-type: none;
		margin: 0;
		padding: 0;
		line-height: 1; }
		.off-canvas-cart .cart_list li {
			background-color: #f3f3f3;
			color: #373737;
			margin-bottom: 10px;
			padding: 10px;
			position: relative; }
			.off-canvas-cart .cart_list li:after {
				display: block;
				content: "";
				clear: both; }
			.off-canvas-cart .cart_list li > a {
				line-height: 1;
				font-size: 20px; }
			.off-canvas-cart .cart_list li .wp-post-image {
				float: left;
				width: 90px;
				margin-right: 20px; }
				.off-canvas-cart .cart_list li dl {
					font-weight: 700;
					margin: 10px auto; }
				.off-canvas-cart .cart_list li dl dd {
					font-weight: 400;
					margin: 0 0 5px 0; }
			.off-canvas-cart .cart_list li .quantity {
				position: absolute;
				bottom: 10px;
				right: 10px;
				display: inline;
				font-size: 20px; }
				.off-canvas-cart .cart_list li .quantity .woocommerce-Price-amount {
					font-size: 1.516em; }
				.off-canvas-cart .cart_list li .quantity .woocommerce-Price-currencySymbol {
					font-size: 0.66em; }
		.off-canvas-cart .cart_list .remove {
			display: none; }
	.off-canvas-cart .mini_cart_item > * {
		vertical-align: top;
		font-size: 14px; }
	.off-canvas-cart .total {
		line-height: 1;
		font-size: 30px;
		text-align: center;	}
	.off-canvas-cart .button {
		display: block;
		margin: 10px auto;
		font-size: 30px; }
		.off-canvas-cart .button:not(.checkout) {
			background-color: transparent;
			color: #fff;
			border-color: #fff;
			font-size: 25px; }
			.off-canvas-cart .button:not(.checkout):hover {
			color: #fff;
			border-color: #fff; }
	.off-canvas-cart .continue-shopping {
		display: block;
		font-size: 16px;
		margin: 10px 0;
		text-align: center;	}


/* footer */

.footer-main {
	padding: 2em 10px;
	text-align: center; }
	.footer-main a.logo {
		display: block;
		width: 240px;
		margin: 2em auto; }
	.footer-main .menu {
		margin: 2em auto;
		text-align: center;
		font-family: "bebas_neuebold", sans-serif;
		letter-spacing: .08em; }
		.footer-main .menu li {
			margin-bottom: 10px; }
			.footer-main .menu li a {
				color: #8f8f8f; }
				.footer-main .menu li a:hover {
					color: #373737; }
	.footer-main .sagepay-footer {
		margin: 2em auto;
		width: 240px; }
	.footer-main .copyright {
		font-size: 0.6em;
		color: #a8a8a8 }

@media screen and (min-width: 500px) {
	.footer-main {
		padding: 2em; }
	.footer-main .menu li {
		margin-bottom: 0;
		display: inline-block;
		margin-right: 40px; }
	.footer-main .menu li:last-of-type {
		margin-right: 0; }
}

/* diverge */

.footer-diverge {
	/*background-color: #2B353E;*/
	background-color: #fff; }

.diverge-digital {
	padding: 20px;
	display: block;
	opacity: 0.7;
	-webkit-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out; }
	.diverge-digital:hover {
		opacity: 1; }
.diverge-digital img {
	display: block;	
	width: 80px;
	margin: 0 auto; }

/* home page */

#home-hero {
	position: relative;
	background-color: #777;
	text-align: center;
	padding: 4em 20px; }
	#home-hero .bg {
		background-image: url(img/supa-supps-hero-3.jpg);
		background-color: transparent; }
	#home-hero .overlay {
		background-color: #fff;
		opacity: 0; }
	#home-hero .inner {
		position: relative;
		z-index: 2; }
	#home-hero .logo {
		width: 400px;
		max-width: 80%;
		margin: 2em auto; }
	#home-hero h2 {
		font-family: "bebas_neuebook";
		margin: 0;
		color: #fff;
		font-size: 3.4em; }
	#home-hero h2:nth-of-type(2) {
		font-family: "bebas_neuebold"; }
	#home-hero .btn {
		display: inline-block;
		width: auto;
		margin-top: 2em; }

@media screen and (min-width: 500px) {
	#home-hero {
		padding: 8em 2em; }
		#home-hero .btn {
			margin-top: 2em; }
}


/* section - mailing signup */

#mailing {
	position: relative;
	text-align: center;
	padding: 2em 20px; }
	#mailing .bg {
		background-color: #f3f3f3;
		background-image: url(img/bg-suntan.jpg);
		opacity: 1; }
	#mailing .overlay {
		opacity: 0.4; }
	#mailing .inner {
		position: relative;
		z-index: 2; }
	#mailing h2 {
		font-family: "funkydori", sans-serif;
		letter-spacing: normal;
		position: relative;
		top: .4em;
		font-size: 3em; }
		/*#mailing h2 span {
			color: rgb(212,75,121);
			background: rgb(212,75,121);
			background: -moz-linear-gradient(left, rgba(212,75,121,1) 0%, rgba(239,115,61,1) 50%, rgba(111,144,123,1) 100%);
			background: -webkit-linear-gradient(left, rgba(212,75,121,1) 0%,rgba(239,115,61,1) 50%,rgba(111,144,123,1) 100%);
			background: linear-gradient(to right, rgba(212,75,121,1) 0%,rgba(239,115,61,1) 50%,rgba(111,144,123,1) 100%);
			filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d44b79', endColorstr='#6f907b',GradientType=1 );
			-webkit-background-clip: text;
			-webkit-text-fill-color: transparent; }*/
	#mailing .container {
		max-width: 600px;
		margin: 3em auto; }
	#mailing p {
		margin-bottom: 2em!important; }
	#mailing input[type="email"] {
		text-align: center;
		background-color: #fff; }
	#mailing .btn {
		display: inline-block;
		width: auto;
		margin-top: 1em!important; }

@media screen and (min-width: 500px) {
	#mailing {
		padding: 4em 2em; }
}


/* product grid */

ul.products {
	list-style-type: none;
	margin: 2em auto;
	position: relative;
	padding: 0; }
	ul.products:after {
		display: block;
		content: "";
		clear: both; }

ul.products li.product {
	text-align: center;
	position: relative;
	margin-top: 2em!important;
	margin-bottom: 2em!important; }
	ul.products li.product .onsale {
		position: absolute;
		top: 10px;
		left: 10px;
		right: 10px;
		padding: 0 10px;
		background-color: rgba(212, 75, 121,0.8);
		color: #fff;
		font-family: "bebas_neuebook", sans-serif;
		font-weight: normal;
		text-transform: uppercase; }
	ul.products li.product img {
		margin: 0 auto 2em auto; }
	ul.products li.product .woocommerce-loop-product__title,
	ul.products li.product .woocommerce-loop-category__title {
		margin: 0 auto;
		font-size: 1.4em; }
	ul.products li.product .woocommerce-product-details__short-description {
		font-size: 0.8em;
		font-weight: 300;
		margin: 1em auto; }
	ul.products li.product .price {
		display: block;
		font-size: 1.2em;
		margin: 0 auto!important; }
	ul.products li.product .button {
		margin-top: 30px; }
	ul.products li.product .added_to_cart {
		display: none;
		font-size: 0.8em;
		opacity: 0.5;
		margin-top: 2em; }
		ul.products li.product .added_to_cart:hover {
			opacity: 0.7; }

@media screen and (max-width: 500px) {
	.woocommerce ul.products li.product,
	.woocommerce-page ul.products li.product,
	.woocommerce-page[class*=columns-] ul.products li.product,
	.woocommerce[class*=columns-] ul.products li.product {
		width: 100%;
		margin-left: 0;
		margin-right: 0; }
	ul.products li.product img {
		width: 50%; }
	ul.products li.product .button {
		display: inline-block;
		width: auto; }
}

@media screen and (min-width: 500px) {
	ul.products {
	padding: 2em 0; }
}


/* woocommerce breadcrumbs */

.woocommerce-breadcrumb {
	font-family: "bebas_neueregular", sans-serif;
	color: #acaeac;
	line-height: 1;
	position: relative; }
	.woocommerce-breadcrumb a {
		color: #acaeac; }
		.woocommerce-breadcrumb a:hover {
			color: #373737; }

/* products */

.price {
	font-family: "roboto", sans-serif;
	font-weight: 700;
	margin: 0;
	line-height: 1; }
	.price del {
		line-height: 1;
		color: #d44b79!important;
		position: relative;
		color: rgba(255,255,255,1);
		font-size: 0.8em; }
	.price ins {
		text-decoration: none; }

.product .onsale {
	margin: 0 auto;
	display: block;
	text-align: center;
	font-size: 20px; }

/* product archive */

.archive .woocommerce-products-header + ul.products {
	padding-left: 20px;
	padding-right: 20px }

.woocommerce-pagination {
	text-align: center;
	padding: 10px; }
.woocommerce-pagination .page-numbers li {
	display: inline-block; }
	.woocommerce-pagination .page-numbers li .page-numbers {
		font-size: 20px;
		display: inline-block;
		padding: 10px 15px;
		line-height: 1;
		background-color: #fff;
		margin: 5px; }
		.woocommerce-pagination .page-numbers li .page-numbers.current,
		.woocommerce-pagination .page-numbers li .page-numbers.dots {
			background-color: transparent; }
		.woocommerce-pagination .page-numbers li a.page-numbers:hover {
			background-color: #373737;
			color: #fff; }

/* single product */

.single-product div.product {
	padding: 2em 20px; }
	.single-product div.product .woocommerce-product-gallery {
		margin-bottom: 1em; }
	.single-product div.product .product_title {
		margin: .2em 0; }
	.single-product div.product .price {
		margin: 0 0 .5em 0;
		font-size: 3em; }
	.single-product div.product .woocommerce-product-details__short-description {
		margin: 2em 0; }
	.single-product div.product div.quantity {
		display: inline-block;
		width: 110px;
		padding-right: 20px; }
	.single-product div.product .product_meta {
		display: none; }
	.single-product div.product .product-description {
		margin: 2em auto; }

@media screen and (max-width: 770px) {
	.single-product div.product .entry-summary {
		text-align: center; }
	.single-product div.product .entry-summary .product-description {
		text-align: left; }
}

.single-product div.product .entry-summary:after {
	display: block;
	content: "";
	clear: both; }

.single-product div.product .upsells {
	clear: both;
	text-align: center;
	padding-top: 2em; }
	.single-product div.product .upsells h2 {
		margin: 0; }

@media screen and (min-width: 500px) {
	.single-product div.product {
		padding: 2em; }
}

section.related.products {
	clear: both;
	padding: 4em 20px 2em 20px; }
	section.related.products > h2 {
		font-family: "funkydori", sans-serif;
		letter-spacing: normal;
		position: relative;
		top: .4em;
		font-size: 2.8em;
		margin-top: 1em;
		margin-bottom: .6em;
		color: #d44b79;
		text-align: center;
		text-transform: capitalize; }
		section.related.products ul.products {
			padding-top: 0; }

/* generic pages */

.page-header {
	pointer-events: none;
	margin: 0;
	padding: 2em 20px;
	text-align: center;
	/*background: rgb(212,75,121);
	background: -moz-linear-gradient(left, rgba(212,75,121,1) 0%, rgba(212,75,121,1) 25%, rgba(239,115,61,1) 49%, rgba(239,115,61,1) 51%, rgba(111,144,123,1) 75%, rgba(111,144,123,1) 100%);
	background: -webkit-linear-gradient(left, rgba(212,75,121,1) 0%,rgba(212,75,121,1) 25%,rgba(239,115,61,1) 49%,rgba(239,115,61,1) 51%,rgba(111,144,123,1) 75%,rgba(111,144,123,1) 100%);
	background: linear-gradient(to right, rgba(212,75,121,1) 0%,rgba(212,75,121,1) 25%,rgba(239,115,61,1) 49%,rgba(239,115,61,1) 51%,rgba(111,144,123,1) 75%,rgba(111,144,123,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d44b79', endColorstr='#6f907b',GradientType=1 ); */ }
	.page-header h1 {
		/*color: #fff;*/ }

.section-header {
	pointer-events: none;
	margin: 0;
	padding: 2em 20px;
	padding-bottom: 0;
	text-align: center; }

.page-content {
	padding: 2em 20px; }

@media screen and (min-width: 500px) {
	.page-header {
		padding: 2em; }
	.section-header {
		padding: 2em;
		padding-bottom: 0; }
	.page-content {
		padding: 2em; }
}

/* generic woocommerce pages */ 

.woocommerce-products-header {
	pointer-events: none;
	margin: 0;
	padding: 2em 20px;
	text-align: center;
	/*background: rgb(212,75,121);
	background: -moz-linear-gradient(left, rgba(212,75,121,1) 0%, rgba(212,75,121,1) 25%, rgba(239,115,61,1) 49%, rgba(239,115,61,1) 51%, rgba(111,144,123,1) 75%, rgba(111,144,123,1) 100%);
	background: -webkit-linear-gradient(left, rgba(212,75,121,1) 0%,rgba(212,75,121,1) 25%,rgba(239,115,61,1) 49%,rgba(239,115,61,1) 51%,rgba(111,144,123,1) 75%,rgba(111,144,123,1) 100%);
	background: linear-gradient(to right, rgba(212,75,121,1) 0%,rgba(212,75,121,1) 25%,rgba(239,115,61,1) 49%,rgba(239,115,61,1) 51%,rgba(111,144,123,1) 75%,rgba(111,144,123,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d44b79', endColorstr='#6f907b',GradientType=1 );*/ }
	.woocommerce-products-header h1 {
		/*color: #fff;*/ }

.woocommerce-message,
.woocommerce-info {
	margin: 0 0 2em 0!important;
	border-top: 5px solid rgba(212,75,121,1);
	background-color: #f3f3f3;
	color: #373737;
	position: relative; }
	.woocommerce-message:before,
	.woocommerce-info:before {
		color: rgba(212,75,121,1); }
	/*.woocommerce-info:after {
		display: block;
		content: "";
		position: absolute;
		top: -5px;
		right: 0;
		left: 0;
		z-index: 2;
		background: rgb(212,75,121);
		background: -moz-linear-gradient(left, rgba(212,75,121,1) 0%, rgba(212,75,121,1) 25%, rgba(239,115,61,1) 49%, rgba(239,115,61,1) 51%, rgba(111,144,123,1) 75%, rgba(111,144,123,1) 100%);
		background: -webkit-linear-gradient(left, rgba(212,75,121,1) 0%,rgba(212,75,121,1) 25%,rgba(239,115,61,1) 49%,rgba(239,115,61,1) 51%,rgba(111,144,123,1) 75%,rgba(111,144,123,1) 100%);
		background: linear-gradient(to right, rgba(212,75,121,1) 0%,rgba(212,75,121,1) 25%,rgba(239,115,61,1) 49%,rgba(239,115,61,1) 51%,rgba(111,144,123,1) 75%,rgba(111,144,123,1) 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d44b79', endColorstr='#6f907b',GradientType=1 );
		height: 5px; }*/

@media screen and (min-width: 500px) {
	.woocommerce-products-header {
		padding: 2em; }
}

form.woocommerce-checkout {
	padding: 0; }

/* contact page */

.page-id-12 .page-content .col-left {
	padding-bottom: 1em; }
.page-id-12 .page-content .col-right {
	padding-top: 1em; }

@media screen and (min-width: 770px) {
	.page-id-12 .page-content .container:after {
		display: block;
		content: "";
		clear: both; }
	.page-id-12 .page-content .col-left {
		padding-bottom: 0;
		float: left;
		width: 50%;
		padding-right: 2em;  }
	.page-id-12 .page-content .col-right {
		padding-top: 0;
		float: left;
		width: 50%;
		padding-left: 2em; }
}

/* post list */


/* single posts */


/* ajax add to cart stuff */

.single_add_to_cart_button.loading {
	padding-right: .5em!important; }
.single_add_to_cart_button.loading:after,
.single_add_to_cart_button.added:after {
	display: none!important; }
.add-to-cart-confirmation {
	padding: 20px; }

/* cart page */

.woocommerce-cart table.cart thead {
	background-color: #fff; }
	.woocommerce-cart table.cart thead th {
		font-family: "bebas_neuebold", sans-serif;
		letter-spacing: .08em;
	    font-weight: normal;
	    color: #6f907b;
	    font-size: 1.2em; }
.woocommerce table.shop_table tbody td {
	border-top: 0; }
	.woocommerce table.shop_table tbody tr.cart_item:nth-of-type(odd) {
		background-color: #f3f3f3; }
	.woocommerce table.shop_table tbody tr.actions {
		padding-top: 2em; }

.woocommerce-cart .woocommerce-cart-form td.product-thumbnail img {
	width: 80px; }
.woocommerce-cart table.cart input.qty {
	width: 80px }

.woocommerce-cart .woocommerce-cart-form #coupon_code {
	width: auto!important;
	margin-right: 20px; }

.checkout-button {
	border-radius: 2em; }

/* checkout page */

.woocommerce-NoticeGroup-checkout {
	margin-bottom: 2em; }

#ship-to-different-address {
	font-size: 1.2em; }

.woocommerce form .form-row label {
	margin-top: 1em!important;
	margin-left: 10px; }

.select2-container--default .select2-selection--single {
	border-radius: 5px;
	padding: .6em;
	height: 54px;
	background-color: #e6e6e6;
	border: 0px solid transparent; }
.select2-container--default .select2-selection--single .select2-selection__arrow {
	height: 50px;
	width: 50px; }
.select2-container--default .select2-results__option--highlighted[aria-selected] {
	background-color: #6f907b; }
.select2-search--dropdown {
	padding: 20px;
	background-color: #f3f3f3; }
	.select2-search--dropdown .select2-search__field {
		padding-left: 20px;
		padding-right: 20px;
		border: 0!important;
		background-color: #dedede; }
.select2-dropdown {
	font-size: 0.8em;
	background-color: #e6e6e6
	border-radius: 0;
	border: 0px solid transparent; }
.select2-results__option {
	padding: 4px 20px; }

.woocommerce form .form-row textarea {
	height: 8em; }


.woocommerce-checkout-review-order-table {
	font-size: 0.8em; }


/**/