/*
Theme Name: Burleigh - A Gold Coast Favorite
Theme URI: http://7thvision.com.au
Description: A 7thVision Theme
Author: 7thVision
Version: 2.0.0
*/

@font-face {
	font-weight: normal;
    font-family: AvenirNextLTPro-Regular;
    src: url("/wp-content/themes/timepet/assets/fonts/AvenirNextLTProRegular.otf") format("opentype");
}
@font-face {
	font-weight: bold;
    font-family: AvenirNextLTPro-Bold;
    src: url("/wp-content/themes/timepet/assets/fonts/AvenirNextLTProBold.otf") format("opentype");
}

/*________ VARIABLES ________*/

:root {
	/*--sv-color-primary: #xxxxxx;*/
	/*--sv-color-secondary: #xxxxxx;*/
	--sv-color-white: #fff;
	--sv-color-gray: #ccc;
	--sv-color-dark-gray: #6D7277;
	--sv-color-charcoal: #343a40;
	--sv-color-black: #000;
	--sv-color-positive: #26ba3b;
	--sv-color-warning: #ffa800;
	--sv-color-negative: #ee3333;

	--sv-padding-small: 1rem;
	--sv-padding-medium: 2rem;
	--sv-padding-large: 3rem;
	--sv-padding-extra-large: 4rem;

	--sv-margin-small: 1rem;
	--sv-margin-medium: 2rem;
	--sv-margin-large: 3rem;
	--sv-margin-extra-large: 4rem;

	--sv-column-gap-small: 1.25rem;
	--sv-column-gap-medium: 1.25rem;
	--sv-column-gap-large: 1.25rem;

	--sv-tile-gap-small: 1.25rem;
	--sv-tile-gap-medium: 1.25rem;
	--sv-tile-gap-large: 1.25rem;

	--sv-gallery-gap-small: 1.25rem;
	--sv-gallery-gap-medium: 1.25rem;
	--sv-gallery-gap-large: 1.25rem;

	--sv-font-primary: var(--sv-tp-font-primary);
	--sv-font-secondary: var(--sv-tp-font-secondary);

	--sv-admin-bar-height-mobile: 46px;
	--sv-admin-bar-height-desktop: 32px;

	--sv-scrollbar-width: 0;

	--sv-tp-color-1: #0077c1;
	--sv-tp-color-2: #9ccb3f;
	--sv-tp-font-primary: "AvenirNextLTPro-Regular", Arial, 'Helvetica Neue', Helvetica, sans-serif;
	--sv-tp-font-weight-primary: normal;
	--sv-tp-font-style-primary: normal;
	--sv-tp-font-secondary: "Bebas Neue", Arial, 'Helvetica Neue', Helvetica, sans-serif;
	--sv-tp-font-weight-secondary: normal;
	--sv-tp-font-style-secondary: normal;
	--sv-tp-font-tertiary: "AvenirNextLTPro-Bold", Arial, 'Helvetica Neue', Helvetica, sans-serif;
	--sv-tp-font-weight-tertiary: bold;
	--sv-tp-font-style-tertiary: normal;
}

/*________ GLOBAL ELEMENTS ________*/

* {
	border: 0;
	margin: 0;
	outline: 0;
	padding: 0;
	vertical-align: baseline;
}
abbr[title],
acronym[title] {
	text-decoration: none;
}
html {
	font-size: 100%;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
/*	scrollbar-gutter: stable;*/
	height: 100%;
}
html:focus-within {
	scroll-behavior: smooth;
}
*,
*:before,
*:after {
	box-sizing: inherit;
}
.ie * {

}
img {
	display: block;
	max-width: 100%;
	border: 0;
	position: relative;
}
img.animate {
	/*chrome fix for animations */
	-webkit-backface-visibility: hidden;
}
svg {
	display: block;
	width: 100%;
	height: 100%;
}
a {
	outline: none;
	text-decoration-skip-ink: auto;
	color: var(--sv-color-black);
	transition: all 0.25s ease;
}
a:hover,
a:focus {
	color: var(--sv-color-black);
	text-decoration: none;
}
a[href*='tel:'] {
	cursor: default;
	text-decoration: none;
}
button {
	all: revert;
}
br {
	display: none;
}
.textwidget br {
	display: inline;
}
body {
	font-family: var(--sv-font-primary);
	font-size: 16px;
	font-size: 1rem;
	color: var(--sv-color-black);
	line-height: 1;
	-webkit-text-size-adjust: 100%; /* Prevent font scaling in landscape */
	-ms-text-size-adjust: 100%;
	text-rendering: optimizeSpeed;
	background: var(--sv-color-white) -webkit-linear-gradient(top, var(--sv-color-white), var(--sv-color-white)) repeat-x; /* windows chrome fixed scrolling replication issue */
  	background-attachment: fixed; /* windows chrome fixed scrolling replication issue */
  	overflow-x: hidden;
	height: 100%;
}
.wrapper {
	width: 100%;
	max-width: 82.5rem; /* 1320px */
	margin: 0 auto;
	padding: 0 1.25rem;
}
.wrapper.small {
	max-width: 52.5rem; /* 840px */
}
.wrapper.medium {
	max-width: 90rem; /* 1440px */
}
.wrapper.large {
	max-width: 107.5rem; /* 1720px */
}
.wrapper.none,
.wrapper.full {
	max-width: 100%;
}
.wrapper.none {
	padding: 0;
}
.font-arial {
	font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif;
}

/* Hide Invisible ReCaptcha blade */
.grecaptcha-badge { 
    visibility: hidden;
}

/*________ TP ORDER SYSTEM ________*/

.tpOrderSyst {
	border: 1px solid #C1C1C1;
	width: 100%;
	max-width: 42.5rem; /* 680px */
	max-width: 48rem; /* 768px */
	max-width: 50rem; /* 800px */
	max-width: 52.5rem;	/* 840px */
	/* min-width: 33.75rem; */ /* 540px */
	margin: 0 auto;
	display: flex;
	flex-direction: column;
	min-height: 100%;
	/*height: 100vh;
  	height: calc(var(--vh, 1vh) * 100);*/
	overflow: hidden;
}
.tpOrderSyst main {
	flex: 1;
	overflow-y: auto;
	padding: 1rem 0 2.5rem;
	--animate-duration: 0.75s;
}
.tpOrderSyst.tpLogin main {
	padding-top: 3.25rem;
}
.tpWrapper {
	/*padding: 0 5.208333333333333%;*/
	padding: 0 1.5rem; /* 24px */
}
.tpWrapper .center {
	text-align: center;
}

.tpStage .field {
	margin-bottom: 2rem;
}
.tpStage .field label {
	display: block;
	font-size: 1.25rem;
	margin-bottom: 0.5rem;
}
.tpStage .field input,
.tpStage .field select {
	border: 1px solid #d9d9d9;
	border-radius: 0.5rem;
	width: 100%;
	height: 3.75rem;
	padding: 0.5rem 1rem;
	font-size: 1.25rem;
	background-color: transparent;
}
.tpStage .field.error input,
.tpStage .field.error select {
	border-color: #ffadad;
}

.tpStage .fieldGroup {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: space-between;
	margin-bottom: 2rem;
}
.tpStage .fieldGroup .field {
	width: 100%;
}
.tpStage .tpFeedback {
	background: #000;
	color: #fff;
	border-radius: 0.25rem;
	margin-top: 1.25rem;
	padding: 0.75rem 1rem;
	text-align: center;
}
.tpStage .tpFeedback.error {
	background: #ff0000;
}
.tpStage .tpFeedback p {
	padding: 0;
	margin: 0;
}

/*________ HEADER ________*/

header {
	position: relative;
}
header .tpWrapper {
	position: relative;
	z-index: 200;
}
header .bgHead {
	position: absolute;
	z-index: 100;
	top: 0;
	object-fit: cover;
	max-height: 9.25rem;
	width: 100%;
}
header .headerContent {
	position: relative;
}
header .restartOrder {
	position: absolute;
	z-index: 300;
	top: 1.5rem;
	font-family: var(--sv-tp-font-secondary);
	font-weight: var(--sv-tp-font-weight-secondary);
	font-style:  var(--sv-tp-font-style-secondary);
	font-size: 1rem;
	text-decoration: none;
	display: flex;
	align-items: center;
	background: var(--sv-tp-color-2);
	color: var(--sv-color-white);
	padding: 0.25rem 1em 0.25rem 0.75rem;
	border-radius: 1.25rem;
}
header .restartOrder .icon {
	width: 1rem;
	margin-right: 0.25rem;
	transform: rotate(90deg);
}
header .logo {
	width: calc(100% + 5rem);
	display: block;
	padding: 0;
	margin: 0 -2.5rem 1.5rem;
}
header .logo .img-box {
	display: block;
}
header .logo .img-box:after {
	padding-bottom: 68.5%;
}
header .logo img {
	width: 100%;
	height: 100%;
}
header .orderSteps {
	list-style-type: none;
	gap: 0.5rem;
	display: flex;
	align-items: center;
	margin-bottom: 2rem;
	font-family: var(--sv-tp-font-secondary);
	font-weight: var(--sv-tp-font-weight-secondary);
	font-style:  var(--sv-tp-font-style-secondary);
	font-size: 1.25rem;
	color: var(--sv-tp-color-1);
	overflow: hidden;
}
header .orderSteps li {
	width: 33.3%;
	position: relative;
	padding-bottom: 0.5rem;
	cursor: default;
	text-align: center;
	font-size: 1.125rem;
}
header .orderSteps li.tbc {
	opacity: 0.4;
}
header .orderSteps li:after {
	content: '';
	display: block;
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 4px;
	background: var(--sv-tp-color-1);
}

/*________ FOOTER ________*/

.tpPreview {
	background: #f1f1f1;
	padding: 0.5rem 0.75rem;
	margin-bottom: 1.25rem;
	height: 5rem;
	overflow-y: auto;
	resize: vertical;
}

footer {
	background-color: var(--sv-tp-color-1);
	padding: 1rem 0;
}
footer .footerContent {
	display: flex;
	justify-content: space-between;
	align-items: center;
	flex-wrap: wrap;
	color: #fff;
}
footer .footerContent a {
	color: #fff;
	text-decoration: none;
}
footer .footerContent ul {
	width: 100%;
	display: flex;
	list-style-type: none;
	justify-content: space-between;
}
footer .footerContent ul li a {
	display: flex;
	align-items: center;
	cursor: pointer;
	font-family: var(--sv-tp-font-tertiary);
	font-weight: var(--sv-tp-font-weight-tertiary);
	font-style: var(--sv-tp-font-style-tertiary); 
}
footer .footerContent ul li a .icon {
	margin-right: 0.5rem;
	width: 1rem;
}
footer .footerContent ul li a:hover {
	color: var(--sv-tp-color-2);
}
footer .footerContent .support {
	width: 100%;
	gap: 0.5rem;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	margin-top: 1rem;
	font-size: .875rem;
}

/*________ PRODUCT INFO ________*/

.tpStage.productInfo {
	padding-top: 1.5rem;
}

/*________ PRODUCTS ________*/

.tpStage .productList {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}
.tpStage .productList .product {
	width: calc(50% - 2rem);
	flex-basis: calc(50% - 2rem);
	margin: 0 1rem;
	max-width: 18rem;
}
.tpStage .product .prod {
	border: 2px solid #dadada;
	border-radius: 1rem;
	text-align: center;
	margin: 0 auto 1.5rem;
	cursor: pointer;
	position: relative;
	height: 25rem;
	max-width: 25rem;
}
.tpStage .product.selected .prod {
	border: 2px solid #dadada;
	cursor: default;
}
.tpStage .product .prod img {
	position: absolute;
	z-index: 100;
	left: 0;
	top: 0;
	right: 0;
	bottom: 2rem;
	margin: auto;
	max-width: 85%;
	height: auto;
	max-height: 75%;
}
.tpStage .product .prod h3 {
	padding: 0;
	position: absolute;
	z-index: 200;
	bottom: 1rem;
	left: 0;
	right: 0;
	font-family: var(--sv-tp-font-primary);
	font-style: var(--sv-tp-font-style-primary);
	font-size: 1rem;
	color: #000;
}
.tpStage .product .prod .size {
	position: absolute;
	z-index: 200;
	right: 1rem;
	top: 1rem;
	line-height: 1.625;
}
.tpStage.size .product {
	margin: 0 auto;
	max-width: 25rem;
}
.tpStage .product .sizes {
	list-style-type: none;
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	margin: 0;
	padding: 0;
	text-align: center;
	gap: 1rem;
}
.tpStage .product .size {
	width: calc(33.3% - .6875rem);
	background: #eb252c;;
	color: #fff;
	padding: 0;
	display: flex;
	flex-direction: column;
	justify-content: center;
	cursor: pointer;
	font-family: var(--sv-tp-font-secondary);
	font-weight: var(--sv-tp-font-weight-secondary);
	font-style: var(--sv-tp-font-style-secondary);
}
.tpStage .product .size.size_XS {
	background: #3abaf9;
}
.tpStage .product .size.size_S {
	background: #0e76bc;
}
.tpStage .product .size.size_M {
	background: #eb252c;
}
.tpStage .product .size.size_L {
	background: #f79724;
}
.tpStage .product .size.size_XL {
	background: #ea0c8e;
}
.tpStage .product .size span {
	display: block;
}
.tpStage .product .size .size-name {
	font-size: 1.25rem;
}
.tpStage .product .size .size-subtext {
	color: #040707;
	font-size: 1rem;
	background-color: #f5f6f7;
	border-top: .25rem solid #fff;
}

/*________ BADGE ________*/

.tpStage .field.badgeName label {
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.tpStage .field.badgeName .charLimit {
	color: #59595c;
	font-size: 1rem;
	font-weight: normal;
}
.tpStage .field.badgeName input {
	text-transform: uppercase;
}

.tpStage .badgePreview .badge {
	background: #f3f3f4;
	background: repeating-linear-gradient(
	  135deg,
	  #ffffff,
	  #ffffff 5px,
	  #f3f3f4 5px,
	  #f3f3f4 10px
	);
	height: 10rem;
	display: flex;
	flex-direction: column;
	justify-content: center;
	text-align: center;
	text-transform: uppercase;
}
.tpStage .badgePreview .badge h4 {
	margin: 0 auto;
	padding: 0.875rem 0 0.5rem 1.5rem;
	font-size: 3.5rem;
	background: #231f20;
	border-radius: 5rem;
	color: #fff;
	width: 100%;
	max-width: 25.75rem;
	line-height: 1;
	letter-spacing: 1px;
	min-height: 6rem;
	display: flex;
	align-items: center;
	justify-content: center;
	position: relative;
}
.tpStage .badgePreview .badge h4:after {
	content: '';
	position: absolute;
	width: 4.375rem;
	height: .875rem;
	left: .625rem;
	margin-top: -0.375rem;
	transform: rotate(-90deg);
	pointer-events: none;
	background-size: cover;
	background-repeat: no-repeat;
	background-image: url('/wp-content/themes/timepet/assets/images/logo-rogz-tiny.png');
}
.tpStage .badgePreview .btxt {
	color: #231f20;
	text-align: center;
	font-size: 1rem;
	font-weight: 700;
	padding-top: 0.75rem;
}

/*________ SUMMARY ________*/

.customerOrderDetails {
	background: #f3f3f4;
	border-radius: 0.5rem;
	padding: 2rem;
	margin-bottom: 3rem;
	position: relative;
}
.customerOrderDetails .edit {
	position: absolute;
	right: 2rem;
	text-decoration: underline;
	cursor: pointer;
}
.customerOrderDetails .input {
	padding: 0;
	font-size: 1.125rem;
}
.customerOrderDetails .input span {
	display: block;
}
.customerOrderDetails .field:last-of-type {
	margin: 0;
}

.orderItems .ordItem .prod {
	background: #f3f3f4;
	display: flex;
	align-items: center;
	justify-content: flex-start;
	height: 8.5rem;
	border-radius: 0.5rem;
	margin-bottom: 3.75rem;
}
.orderItems .ordItem .prod .prodImg {
	border: 2px solid #ececed;
	border-radius: 0.5rem;
	background: #fff;
	display: flex;
	flex-direction: column;
	justify-content: center;
	height: 100%;
	width: 8.5rem;
	margin-right: 2.5rem;
}
.orderItems .ordItem .prod .prodImg img {
	max-width: 80%;
	max-height: 80%;
	margin: 0 auto;
}
.orderItems .ordItem .prod .prodData {
	margin-right: 3.25rem;
}
.orderItems .ordItem .prod .prodData label {
	font-weight: 700;
	display: block;
	margin-bottom: 0.5rem;
}
.orderItems .ordItem .prod .prodData p {
	padding: 0;
	margin: 0;
}

/*________ CONFIRMATION ________*/

.tpStage.confirmation {
	padding-top: 3.75rem;
}

/*________ LOGIN / REGISTER / NON ORDER SYSTEM ________*/

.tpOrderSyst.nonTp {
	position: relative;
}
.tpOrderSyst.nonTp article.pb-md {
	padding-bottom: 0;
}
/* .tpOrderSyst.nonTp header {
	margin-bottom: 2rem;
} */
.tpOrderSyst .bgBody {
	z-index: -100;
	position: absolute;
	top: calc(575 / 1920 * 100% / 4);
}

.tpOrderSyst .svForm .fieldContainer label {
	display: block;
	margin-bottom: 0.5rem;
	font-weight: 700;
	font-size: 1.25rem;
}
.tpOrderSyst .svForm .fieldContainer input[type="email"],
.tpOrderSyst .svForm .fieldContainer input[type="text"],
.tpOrderSyst .svForm .fieldContainer input[type="password"] {
	height: 3rem;
    width: 100%;
    border: 2px solid #DBDBDB;
    width: 100%;
    padding: 0 0.625rem;
    color: var(--sv-color-black);
	font-size: 1.25rem;
}

.tpOrderSyst .loginform {
	background: var(--sv-tp-color-1);
	color: var(--sv-color-white);
	border-radius: 1.25rem;
	width: 100%;
	max-width: 35.75rem;
	padding: 1.5rem 1.5rem 0;
	margin: 0 auto 1rem;
}
.tpOrderSyst .loginform .fieldContainer {
	padding-bottom: 1.5rem;
}
.tpOrderSyst .loginform .fieldContainer label {
	padding-bottom: 0.75rem;
	margin: 0;
}
.tpOrderSyst .loginform .fieldContainer input[type="email"],
.tpOrderSyst .loginform .fieldContainer input[type="password"] {
	border: none;
	padding: 1.5rem 1rem;
}
.tpOrderSyst .loginform .rememberFieldContainer {
	display: none;
}
.tpOrderSyst .loginform .buttonContainer button {
	max-width: none;
}
.tpOrderSyst .loginform .buttonContainer button:hover {
	background: var(--sv-color-black);
}
.tpOrderSyst article .formNav ul {
	list-style: none;
	padding: 0;
	margin: 0;
	text-align: center;
	font-weight: 700;
}

/*________ CONTENT ________*/

.skip-to-content-link {
	border: 1px solid var(--sv-color-charcoal);
	width: 11.25rem;
	color: var(--sv-color-charcoal);
	left: 50%;
	padding: 0.5rem;
	position: absolute;
	transform: translate(-50%,-4000px);
	transition: transform 0.3s;
	text-align: center;
	z-index: 999;
}
body.has-fixed-header .contentContainer {
	position: relative;
	background-color: var(--sv-color-white);
}
body.has-fixed-header.show .contentContainer {
	padding-right: var(--sv-scrollbar-width);
}
.content h1,
.content .h1,
.content h2,
.content .h2,
.content h3,
.content .h3,
.content h4,
.content .h4,
.content h5,
.content .h5,
.content h6,
.content .h6 {
	font-family: var(--sv-font-secondary);
	line-height: 1.15;
	padding: 0 0 1.5rem 0;
	font-weight: 300;
	color: var(--sv-color-charcoal);
}
.content h1,
.content .h1,
.content h2,
.content .h2 {
	font-size: 32px;
	font-size: 2rem;
	padding-bottom: 1.75rem;
}
.content h3,
.content .h3 {
	font-size: 20px;
	font-size: 1.25rem;
}
.content h4,
.content .h4 {
	font-size: 16px;
	font-size: 1rem;
}
.content h5,
.content .h5 {
	font-size: 14px;
	font-size: 0.875rem;
}
.content h6,
.content .h6 {
	font-size: 12px;
	font-size: 0.75rem;
	text-transform: uppercase;
	font-weight: 700;
}
.content h1.underline:after,
.content .h1.underline:after {
	content: '';
	display: block;
	position: relative;
	width: 3.75rem;
	height: 0.375rem;
	background-color: currentColor;
	margin: 1.25rem 0 1.75rem;
}
.content .entryTitle {
	padding-top: 0 !important;
}
.content h1 a,
.content .h1 a,
.content h2 a,
.content .h2 a,
.content h3 a,
.content .h3 a,
.content h4 a,
.content .h4 a,
.content h5 a,
.content .h5 a,
.content h6 a,
.content .h6 a {
	color: currentColor !important;
	text-decoration: none;
}
.content h1 a:hover,
.content h1 a:focus,
.content .h1 a:hover,
.content .h1 a:focus,
.content h2 a:hover,
.content h2 a:focus,
.content .h2 a:hover,
.content .h2 a:focus,
.content h3 a:hover,
.content h3 a:focus,
.content .h3 a:hover,
.content .h3 a:focus,
.content h4 a:hover,
.content h4 a:focus,
.content .h4 a:hover,
.content .h4 a:focus,
.content h5 a:hover,
.content h5 a:focus,
.content .h5 a:hover,
.content .h5 a:focus,
.content h6 a:hover,
.content h6 a:focus,
.content .h6 a:hover,
.content .h6 a:focus {
	color: currentColor !important;
	text-decoration: underline;
}
.content p,
.content .p {
	padding: 0 0 1.25rem;
	line-height: 1.625;
	font-size: 1rem;
}
.content p.has-small-font-size {
	font-size: 0.75rem;
}
.content p.has-large-font-size {
	font-size: 1.125rem;
}
.content p.has-huge-font-size {
	font-size: 1.375rem;
}
.content ul,
.content ol {
	padding: 0 0 1.25rem 2.5rem;
	line-height: 1.625;
	font-size: 1rem;
}
.content ul[role="list"],
.content ol[role="list"] {
	list-style: none;
	padding: 0;
}
.content ul li,
.content ol li {
	padding-bottom: 1rem;
}
.content ul[role="list"] li,
.content ol[role="list"] li {
	padding-bottom: 0;
}
.content ul li:last-child,
.content ol li:last-child {
	padding-bottom: 0;
}
.content ul:not([class]) ul,
.content ol:not([class]) ol {
	padding-bottom: 0;
}
.content blockquote {
	font-style: italic;
	padding: 0 0 0 2.5rem;
	margin: 0 0 1.25rem 1.25rem;
	border-left: 0.25rem solid var(--sv-color-charcoal);
}
.content iframe {
	padding: 0 0 1.25rem;
}
.content > table {
    /*Make table horizontally scroll*/
	display: block;
    overflow-x: auto;
    white-space: nowrap;
    min-width: 27.5rem;
}
.content table {
	margin: 0 0 1.25rem;
	width: 100%;
	text-align: left;
	line-height: 1.625;
    border-collapse: collapse;
}
.content table thead tr {
}
.content table thead tr th {
    padding: 0.25rem;
    font-weight: 700;
    font-size: 1rem;
}
.content table tbody tr {
	border-top: 1px dotted var(--sv-color-gray);
}
.content table tbody tr td {
    padding: 0.25rem;
    font-size: 0.75rem;
}
.content hr {
	border: none;
	margin: 0 0 1.25rem;
	display: block;
	clear: both;
	border-bottom: 1px solid var(--sv-color-gray);
}
.content .entryContent {
	width: 100%;
}
.content .entryContent > .layout {
	overflow: hidden;
}
.has-fixed-header .content .entryContent {
	background-color: var(--sv-color-white);
}
.has-fixed-header .content .entryContent > .layout.is-fixed {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	z-index: -1;
}
.has-fixed-header.admin-bar .content .entryContent > .layout.is-fixed {
	top: var(--sv-admin-bar-height-mobile);
}
.has-fixed-header *:not(.breadcrumbs, .header-image) + main .content .entryContent > .layout[data-index="2"] {
	margin-top: 100vh;
}
.content a.readMore {
	display: inline-block;
}

/*________ TRANSITIONS ________*/

.slide-fade-enter-active {
	transition: all 0.3s ease-out;
}
  
.slide-fade-leave-active {
	transition: all 0.8s cubic-bezier(1, 0.5, 0.8, 1);
}
  
.slide-fade-enter-from,
.slide-fade-leave-to {
	transform: translateX(20px);
	opacity: 0;
  }

/*________ PRODUCT INFO ________*/

.tpStage.productInfo .welcome {
	background: var(--sv-tp-color-1);
	color: var(--sv-tp-color-2);
	text-align: center;
	border-radius: 0.5rem;
	padding: 0.5rem;
	margin-bottom: 2rem;
}
.tpStage.productInfo .welcome p {
	padding: 0;
	margin: 0;
	font-size: 1.625rem;
	font-family: var(--sv-tp-font-secondary);
	font-weight: var(--sv-tp-font-weight-secondary);
	font-style: var(--sv-tp-font-style-secondary);
	text-transform: uppercase;
}

.tpStage.productInfo .content-panels {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.tpStage.productInfo .content-panels .panel {
	width: 100%;
	margin-bottom: 2rem;
}
.tpStage.productInfo .content-panels .panel .inner {
	display: block;
}

/*________ IMG BOX ________*/

.img-box {
	position: relative;
}
.img-box img {
	width: 100%;
	height: 100%;
	display: block;
	position: absolute;
}
.img-box:after {
	content: '';
	display: block;
}
.img-box.square:after {
	padding-bottom: 100%;
}
.img-box.landscape:after {
	padding-bottom: calc(2 / 3 * 100%);
}
.img-box.portrait:after {
	padding-bottom: calc(4 / 3 * 100%);
}
.img-box.cover img {
	object-fit: cover;
}
.img-box.contain img {
	object-fit: contain;
}
/*________ VIDEO BOX ________*/
.vid-box {
	width: 100%;
	position: relative;
}

.vid-box video,
.vid-box > div,
.vid-box > div > video {
	width: 100%;
	height: 100%;
	display: block;
	position: absolute;
	object-fit: cover;
}
.vid-box:after {
    content: '';
    display: block;
    width: 100%;
}
.vid-box.square:after {
	padding-bottom: 100%;
}
.vid-box.landscape:after {
	padding-bottom: calc(2 / 3 * 100%);
}
.vid-box.portrait:after {
	padding-bottom: calc(4 / 3 * 100%);
}
.vid-box.iframe:after {
	padding-bottom: 56.25%;
}

/*________ VIDEO JS ________*/

.content div[class*="vjs"] > * {
	display: none !important;
}
.content div[class*="vjs"] > video {
	display: block !important;
}

/*________ ICONLINK ________*/

.content .iconLink {
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	flex-wrap: nowrap;
	align-items: center;
}
.content .iconLink .icon {
	display: inline-block;
	width: 0.875rem;
	height: 0.875rem;
	margin-right: 0.625rem;
}

/*________ FORMS ________*/

form * {
	font-family: inherit;
	font-size: 0.875rem;
}
form ::-webkit-input-placeholder { /* WebKit browsers */
	color: var(--sv-color-dark-gray);
}
form :-moz-placeholder { /* Firefox 18- */
	color: var(--sv-color-dark-gray);
	opacity: 1;
}
form ::-moz-placeholder {  /* Firefox 19+ */
	color: var(--sv-color-dark-gray);
	opacity: 1;
}
form :-ms-input-placeholder { /* Internet Explorer 10+ */
	color: var(--sv-color-dark-gray);
}
input,
button,
textarea,
select {
	font: inherit;
}

/*________ UTILITIES ________*/

.show-1540,
.show-1440,
.show-1340,
.show-1240,
.show-1140,
.show-1040,
.show-940,
.show-840,
.show-740,
.show-640,
.show-540,
.show-440,
.show-340 {
	display: none;
}
img.fittedBg {
	position: absolute;
	z-index: 1;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.ui-widget {
	font-family: inherit !important;
}
.hyphenate { /*allow really big words to wrap*/
	overflow-wrap: break-word;
	word-wrap: break-word;
	-webkit-hyphens: auto;
	-ms-hyphens: auto;
	-moz-hyphens: auto;
	hyphens: auto;
}
.hide {
	display: none;
}
.flexibleContainer { /* Flexible iFrame */
    position: relative;
    padding-bottom: 50%;
    padding-top: 1.875rem;
    height: 0;
    overflow: hidden;
}
.flexibleContainer iframe,
.flexibleContainer object,
.flexibleContainer embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.videoContainer {
    float: none;
    clear: both;
    width: 100%;
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 0;
    height: 0;
    margin-bottom: 1.25rem;
}
.content p .videoContainer {
	margin-bottom: 0;
}
.videoContainer iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    padding: 0;
}
.animate,
.animate:hover,
.animate:focus,
.animate:active {
	transition: all 0.25s ease;
}
.centerVertical {
	display: flex;
	justify-content: center;
	flex-direction: column;
	height: 100%;
	position: relative;
}
.absoluteWrapper {
	position: absolute;
	top: 0; right: 0; bottom: 0; left: 0;
}
.visually-hidden {
	border: 0;
	clip: rect(0 0 0 0);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	white-space: nowrap;
	width: 1px;
}
.pt-sm {
	padding-top: var(--sv-padding-small);
}
.pb-sm {
	padding-bottom: var(--sv-padding-small);
}
.pt-md {
	padding-top: var(--sv-padding-medium);
}
.pb-md {
	padding-bottom: var(--sv-padding-medium);
}
.pt-lg {
	padding-top: var(--sv-padding-large);
}
.pb-lg {
	padding-bottom: var(--sv-padding-large);
}
.pt-xl {
	padding-top: var(--sv-padding-extra-large);
}
.pb-xl {
	padding-bottom: var(--sv-padding-extra-large);
}
.mt-sm {
	margin-top: var(--sv-margin-small);
}
.mb-sm {
	margin-bottom: var(--sv-margin-small);
}
.mt-md {
	margin-top: var(--sv-margin-medium);
}
.mb-md {
	margin-bottom: var(--sv-margin-medium);
}
.mt-lg {
	margin-top: var(--sv-margin-large);
}
.mb-lg {
	margin-bottom: var(--sv-margin-large);
}
.mt-xl {
	margin-top: var(--sv-margin-extra-large);
}
.mb-xl {
	margin-bottom: var(--sv-margin-extra-large);
}
.col-gap-none {
	gap: 0;
}
.col-gap-sm {
	gap: var(--sv-column-gap-small);
}
.col-gap-md {
	gap: var(--sv-column-gap-medium);
}
.col-gap-lg {
	gap: var(--sv-column-gap-large);
}
.tile-gap-none {
	gap: 0;
}
.tile-gap-sm {
	gap: var(--sv-tile-gap-small);
}
.tile-gap-md {
	gap: var(--sv-tile-gap-medium);
}
.tile-gap-lg {
	gap: var(--sv-tile-gap-large);
}
.review-link {
	display: inline-flex;
	flex-wrap: wrap;
	text-decoration: none;
	align-items: center;
}
.review-link.hide {
	display: none;
}
.review-link span {
	display: block;
}
.review-link span:not(:last-of-type) {
	margin-right: 0.75rem;
}

/*________ BUTTONS ________*/

button{
    border:0;
}
button::-moz-focus-inner { /* Remove stupid button padding in FF */
    padding:0;
}
.navigation .wp-pagenavi span,
.navigation .wp-pagenavi a {
	border: none;
}

.content .sv-button.tp {
	font-family: var(--sv-tp-font-secondary);
	font-weight: var(--sv-tp-font-weight-secondary);
	font-style:  var(--sv-tp-font-style-secondary);
	font-size: 1.25rem;
	width: 100%;
	max-width: 22.5rem;
	padding: 0.75rem 0.25rem;
	margin: 0 auto;
	display: block;
}

/*________ THROBBERS ________*/

.tpThrobber {
	height: 3.5rem;
	width: 3.5rem;
	position: relative;
	margin: 0 auto;
	-webkit-animation: throbtate 1.5s infinite linear;
	-moz-animation: throbtate 1.5s infinite linear;
	-o-animation: throbtate 1.5s infinite linear;
	animation: throbtate 1.5s infinite linear;
	border-left: 0.25rem solid rgba(105, 105, 105, .08);
	border-right: 0.25rem solid rgba(105, 105, 105, .08);
	border-bottom: 0.25rem solid rgba(105, 105, 105, .08);
	border-top: 0.25rem solid rgba(105, 105, 105, .2);
	border-radius: 100%;
}
.tpThrobber.full {
	width: 9.375rem;
	height: 9.375rem;
	position: absolute;
	top: 6.25rem;
	left: 0;
	right: 0;
	margin: auto;
}
.tpThrobber.sm {
	height: 0.75rem;
	width: 0.75rem;
}
.loadWrap {
	position: relative;
	overflow: hidden;
}
.loadWrap .tpThrobber {
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	margin: auto;
}

@-webkit-keyframes throbtate {
	from {
		-webkit-transform: rotate(0deg);
	}
	to {
		-webkit-transform: rotate(359deg);
	}
}
@-moz-keyframes throbtate {
	from {
		-moz-transform: rotate(0deg);
	}
	to {
		-moz-transform: rotate(359deg);
	}
}
@-o-keyframes throbtate {
	from {
		-o-transform: rotate(0deg);
	}
	to {
		-o-transform: rotate(359deg);
	}
}
@keyframes throbtate {
	from {
		transform: rotate(0deg);
	}
	to {
		transform: rotate(359deg);
	}
}

/*________ WP IMAGES ________*/

img.size-auto,
img.size-full,
img.size-large,
img.size-medium,
.attachment img {
	max-width: 100%; /* When images are too wide for containing element, force them to fit. */
	height: auto; /* Override height to match resized width for correct aspect ratio. */
}
.aligncenter,
img.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
}
.column .wp-caption {
	width: auto !important;
}
.wp-caption {
	background: var(--sv-color-gray);
	margin-bottom: 1.25rem;
	max-width: 100%;
	padding: 0.25rem;
	text-align: center;
}
.wp-caption img {
	padding: 0.25rem 0.25rem 0;
	max-width: 100%;
	height: auto;
}
.wp-caption p.wp-caption-text {
	color: var(--sv-color-gray);
	font-size: 0.75rem;
	padding: 0.25rem;
}
.wp-smiley {
	margin: 0;
}
.wp-video {
	width: 100% !important;
}
.wp-video .wp-video-shortcode {
	width: 100% !important;
	height: auto !important;
	padding-bottom: 56.25%;
}
.content .attachment img {/* single attachment images should be centered */
	display: block;
	margin: 0 auto;
}

/*________ RESPONSIVE ________*/

/* 340px */
@media (min-width: 21.25em) {
	.hide-340 {
		display: none !important;
	}
	.show-340 {
		display: block;
	}
	.show-340.inline {
		display: inline;
	}
	.show-340.inline-block {
		display: inline-block;
	}
}

/* 440px */
@media (min-width: 27.5em) {
	.hide-440 {
		display: none !important;
	}
	.show-440 {
		display: block;
	}
	.show-440.inline {
		display: inline;
	}
	.show-440.inline-block {
		display: inline-block;
	}

	/*________ TP ORDER SYSTEM ________*/
	
	.tpOrderSyst.tpLogin main {
		padding-top: 8rem;
	}
	/*________ BUTTONS ________*/
	
	.content .sv-button.tp {
		font-size: 1.625rem;
		padding: 1.25rem 0.5rem;
	}

	/*________ WP IMAGES ________*/

	.alignleft,
	img.alignleft {
		display: inline;
		float: left;
		margin-right: 1.5rem;
	}
	.alignright,
	img.alignright {
		display: inline;
		float: right;
		margin-left: 1.5rem;
	}
}

/* 540px */
@media (min-width: 33.75em) {
	.hide-540 {
		display: none !important;
	}
	.show-540 {
		display: block;
	}
	.show-540.inline {
		display: inline;
	}
	.show-540.inline-block {
		display: inline-block;
	}
}

/* 640px */
@media (min-width: 40em) {
	.hide-640 {
		display: none !important;
	}
	.show-640 {
		display: block;
	}
	.show-640.inline {
		display: inline;
	}
	.show-640.inline-block {
		display: inline-block;
	}
}

/* 740px */
@media (min-width: 46.25em) {
	:root {
		--sv-padding-small: 1.5rem;
		--sv-padding-medium: 2.5rem;
		--sv-padding-large: 3.5rem;
		--sv-padding-extra-large: 4.5rem;

		--sv-margin-small: 1.5rem;
		--sv-margin-medium: 2.5rem;
		--sv-margin-large: 3.5rem;
		--sv-margin-extra-large: 4.5rem;

		--sv-column-gap-small: 2rem;
		--sv-column-gap-medium: 2rem;
		--sv-column-gap-large: 2rem;
	
		--sv-tile-gap-small: 2rem;
		--sv-tile-gap-medium: 2rem;
		--sv-tile-gap-large: 2rem;
	
		--sv-gallery-gap-small: 2rem;
		--sv-gallery-gap-medium: 2rem;
		--sv-gallery-gap-large: 2rem;
	}
	.wrapper {
		padding: 0 2.5rem;
	}
	br {
		display: inline;
	}
	.mainContent .outerContent > .wrapper {
		display: flex;
		flex-direction: row;
		justify-content: flex-start;
		align-items: stretch;
		flex-wrap: nowrap;
	}
	.mainContent .outerContent .entryContent {
		width: calc(100% - 17.5rem);
		padding-right: 2.5rem;
		flex-shrink: 1;
		flex-grow: 1;
	}
	.mainContent .outerContent aside.sidebar {
		width: 17.5rem;
		flex-shrink: 0;
		flex-grow: 0;
	}
	.hide-740 {
		display: none !important;
	}
	.show-740 {
		display: initial;
	}
	.show-740.inline {
		display: inline;
	}
	.show-740.inline-block {
		display: inline-block;
	}
	.content h1,
	.content .h1,
	.content h2,
	.content .h2 {
		font-size: 50px;
		font-size: 3.125rem;
	}
	footer {
		padding: 1.5rem 0;
	}
	.tpWrapper {
		padding: 0 2.5rem; /* 40px */
	}
	.tpOrderSyst .svForm .fieldContainer input[type="email"],
	.tpOrderSyst .svForm .fieldContainer input[type="text"],
	.tpOrderSyst .svForm .fieldContainer input[type="password"] {
		height: 3.75rem;
	}
	.tpOrderSyst .loginform {
		padding: 2.25rem;
	}
	.tpOrderSyst .loginform .buttonContainer {
		margin-top: 1rem;
	}
	/* .tpOrderSyst .loginform .fieldContainer {
		padding-bottom: 2.25rem;
	} */
	.tpOrderSyst .loginform .fieldContainer input[type="email"],
	.tpOrderSyst .loginform .fieldContainer input[type="password"] {
		padding: 2rem 1rem;
	}
	header .restartOrder {
		top: 3.25rem;
		font-size: 1.25rem;
	}
	.tpStage .fieldGroup .field.col2 {
		width: calc(50% - 1rem);
		flex-basis: calc(50% - 1rem);
	}
	.tpStage .fieldGroup .field.col3 {
		width: calc(33.33% - 1.25rem);
		flex-basis: calc(33.33% - 1.25rem);
	}
	.tpStage .product .size {
		width: calc(20% - .8125rem);
	}
	footer .footerContent ul {
		flex: 1;
		gap: 2.5rem;
		width: auto;
		align-items: center;
		justify-content: flex-start;
	}
	footer .footerContent ul.noGap {
		gap: unset;
	}
	footer .footerContent ul .startBtn {
		margin-left: auto;
		margin-right: auto;
	}
	footer .footerContent ul .content .sv-button.tp {
    	font-size: 1.5rem;
		padding: 0.5rem 1.5rem;
	}
	footer .footerContent .support {
		width: auto;
		display: initial;
		font-size: 1rem;
		margin-top: unset;
	}
	footer .footerContent .support h4 {
		margin-bottom: 0.5rem;
	}
}

/* 782px //should only be used for .admin-bar items */
@media (min-width: 48.875em) {
	.admin-bar.has-fixed-header .content .entryContent > .layout.is-fixed {
		top: var(--sv-admin-bar-height-desktop);
	}
}

/* 840px */
@media (min-width: 52.5em) {
	.hide-840 {
		display: none !important;
	}
	.show-840 {
		display: block;
	}
	.show-840.inline {
		display: inline;
	}
	.show-840.inline-block {
		display: inline-block;
	}
}

/* 940px */
@media (min-width: 58.75em) {
	.hide-940 {
		display: none !important;
	}
	.show-940 {
		display: block;
	}
	.show-940.inline {
		display: inline;
	}
	.show-940.inline-block {
		display: inline-block;
	}
}

/* 1040px */
@media (min-width: 65em) {
	:root {
		--sv-column-gap-small: 2.5rem;
		--sv-column-gap-medium: 5rem;
		--sv-column-gap-large: 6.25rem;
	
		--sv-tile-gap-small: 2.5rem;
		--sv-tile-gap-medium: 5rem;
		--sv-tile-gap-large: 6.25rem;
	
		--sv-gallery-gap-small: 2.5rem;
		--sv-gallery-gap-medium: 5rem;
		--sv-gallery-gap-large: 6.25rem;
	}
	.hide-1040 {
		display: none !important;
	}
	.show-1040 {
		display: block;
	}
	.show-1040.inline {
		display: inline;
	}
	.show-1040.inline-block {
		display: inline-block;
	}
}

/* 1140px */
@media (min-width: 71.25em) {
	.hide-1140 {
		display: none !important;
	}
	.show-1140 {
		display: block;
	}
	.show-1140.inline {
		display: inline;
	}
	.show-1140.inline-block {
		display: inline-block;
	}
}

/* 1240px */
@media (min-width: 77.5em) {
	:root {
		--sv-padding-small: 2rem;
		--sv-padding-medium: 3rem;
		--sv-padding-large: 4rem;
		--sv-padding-extra-large: 5rem;

		--sv-margin-small: 2rem;
		--sv-margin-medium: 3rem;
		--sv-margin-large: 4rem;
		--sv-margin-extra-large: 5rem;
	}
	.mainContent .outerContent .entryContent {
		width: calc(100% - 20rem);
		padding-right: 3.75rem;
	}
	.content h1,
	.content .h1,
	.content h2,
	.content .h2,
	.content h3,
	.content .h3,
	.content h4,
	.content .h4,
	.content h5,
	.content .h5,
	.content h6,
	.content .h6 {
		padding: 0 0 1.75rem 0;
	}
	.content h1 + .entryTitle,
	.content .h1 + .entryTitle,
	.content h2 + .entryTitle,
	.content .h2 + .entryTitle,
	.content h3 + .entryTitle,
	.content .h3 + .entryTitle,
	.content h4 + .entryTitle,
	.content .h4 + .entryTitle,
	.content h5 + .entryTitle,
	.content .h5 + .entryTitle,
	.content h6 + .entryTitle,
	.content .h6 + .entryTitle {
		margin-top: -1.25rem;
	}
	.content h1,
	.content .h1 {
		font-size: 48px;
		font-size: 3rem;
	}
	.content h2,
	.content .h2,
	.content h3,
	.content .h3 {
		font-size: 32px;
		font-size: 2rem;
	}
	.content h4,
	.content .h4 {
		font-size: 24px;
		font-size: 1.5rem;
	}
	.content h5,
	.content .h5 {
		font-size: 18px;
		font-size: 1.125rem;
	}
	.content h6,
	.content .h6 {
		font-size: 14px;
		font-size: 0.875rem;
	}
	.content p,
	.content .p,
	.content ul:not([class]),
	.content ol:not([class]) {
		padding-bottom: 1.5rem;
		font-size: 1rem;
	}
	.content p.has-small-font-size {
		font-size: 0.875rem;
	}
	.content p.has-large-font-size {
		font-size: 1.25rem;
	}
	.content p.has-huge-font-size {
		font-size: 1.5rem;
	}
	.mainContent .outerContent aside.sidebar {
		width: 20rem;
	}
	aside.sidebar .section {
		padding-bottom: 2rem;
	}
	.videoContainer {
	    margin-bottom: 1.5rem;
	}
	.hide-1240 {
		display: none !important;
	}
	.show-1240 {
		display: block;
	}
	.wrapper {
		padding: 0 3.75rem;
	}
}

/* 1340px */
@media (min-width: 83.75em) {
	.hide-1340 {
		display: none !important;
	}
	.show-1340 {
		display: block;
	}
}

/* 1440px */
@media (min-width: 90em) {
	.hide-1440 {
		display: none !important;
	}
	.show-1440 {
		display: block;
	}
}

/* 1540px */
@media (min-width: 96.25em) {
	.hide-1540 {
		display: none !important;
	}
	.show-1540 {
		display: block;
	}
}