/*
Theme Name: DownUnder
Theme URI: https://opencollective.com/blankslate
Author: TidyThemes
Author URI: https://opencollective.com/blankslate#section-contributors
Description: Donations: https://opencollective.com/blankslate. BlankSlate is the definitive WordPress boilerplate starter theme. We've carefully constructed the most clean and minimalist theme possible for designers and developers to use as a base to build websites for clients or to build completely custom themes from scratch. Clean, simple, unstyled, semi-minified, unformatted, and valid code, SEO-friendly, jQuery-enabled, no programmer comments, standardized and as white label as possible, and most importantly, the CSS is reset for cross-browser-compatability and no intrusive visual CSS styles have been added whatsoever. A perfect skeleton theme. For support and suggestions, go to: https://github.com/tidythemes/blankslate/issues. Thank you.
Tags: accessibility-ready, one-column, two-columns, custom-menu, featured-images, microformats, sticky-post, threaded-comments, translation-ready
Version: 2024
Requires at least: 5.2
Tested up to: 6.5
Requires PHP: 7.0
License: GNU General Public License v3 or Later
License URI: https://www.gnu.org/licenses/gpl.html
Text Domain: blankslate

BlankSlate WordPress Theme © 2011-2024 TidyThemes
BlankSlate is distributed under the terms of the GNU GPL
*/

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}html{scroll-behavior:smooth}body{line-height:1}a{text-decoration-skip-ink:auto}a[href^="tel"]{color:inherit;text-decoration:none}button{outline:0}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}q{display:inline;font-style:italic}q:before{content:'"';font-style:normal}q:after{content:'"';font-style:normal}textarea,input[type="text"],input[type="button"],input[type="submit"],input[type="reset"],input[type="search"],input[type="password"]{-webkit-appearance:none;appearance:none;border-radius:0}input[type="search"]{-webkit-appearance:textfield}table{border-collapse:collapse;border-spacing:0}th,td{padding:2px}big{font-size:120%}small,sup,sub{font-size:80%}sup{vertical-align:super}sub{vertical-align:sub}dd{margin-left:20px}kbd,tt{font-family:courier;font-size:12px}ins{text-decoration:underline}del,strike,s{text-decoration:line-through}dt{font-weight:bold}address,cite,var{font-style:italic}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}
.sticky{}.bypostauthor{}.wp-caption{}.wp-caption-text{}.gallery-caption{}.alignright{}.alignleft{}.aligncenter{}
.screen-reader-text{border:0;clip:rect(1px,1px,1px,1px);-webkit-clip-path:inset(50%);clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute!important;width:1px;word-wrap:normal!important;word-break:normal}
.screen-reader-text:focus{background-color:#f7f7f7;border-radius:3px;box-shadow:0 0 2px 2px rgba(0,0,0,.6);clip:auto!important;-webkit-clip-path:none;clip-path:none;color:#007acc;display:block;font-size:14px;font-size:.875rem;font-weight:700;height:auto;right:5px;line-height:normal;padding:15px 23px 14px;text-decoration:none;top:5px;width:auto;z-index:100000}
.skip-link{left:-9999rem;top:2.5rem;z-index:999999999;text-decoration:underline}
.skip-link:focus{display:block;left:6px;top:7px;font-size:14px;font-weight:600;text-decoration:none;line-height:normal;padding:15px 23px 14px;z-index:100000;right:auto}
.visually-hidden:not(:focus):not(:active), .form-allowed-tags:not(:focus):not(:active){position:absolute !important;height:1px;width:1px;overflow:hidden;clip:rect(1px 1px 1px 1px);clip:rect(1px, 1px, 1px, 1px);white-space:nowrap}

/* Downunder Styles */

@font-face {
  font-family: "PFDINTextCompStdBold";
  src: url('resources/fonts/PFDINTextCompStdBold/font.woff2') format('woff2'), url('resources/fonts/PFDINTextCompStdBold/font.woff') format('woff');
}

@font-face {
  font-family: "PFDINDisplayProBold";
  src: url('resources/fonts/PFDINDisplayProBold/font.woff2') format('woff2'), url('resources/fonts/PFDINDisplayProBold/font.woff') format('woff');
}

/* Colors & Global Vars */
:root {
	--color-orange: #EC7623;
	--color-yellow: #FEDA02;
	--color-black-off: #252525;

	--gutter-sm: 30px;
	--gutter-lg: 60px;
	--gutter-xlg: 100px;

	--margin-sm: 8px;
	--margin-md: 32px;
	--margin-lg: 40px;
	--margin-xlg: 60px;
	
	--header-height-mobile: 80px;
	--header-height-desktop: 100px;
}

.color-orange { color:var(--color-orange); }
.color-black-off { color:var(--color-black-off); }
.color-white { color:#fff; }

.bg-orange { background-color:var(--color-orange); }
.bg-yellow { background-color:var(--color-yellow); }
.bg-white { background-color:#fff; }
.bg-black-off { background-color:var(--color-black-off); }

::selection {
  background: var(--color-orange);
}

/* Typography */

html {
	font-family: "Inter", sans-serif;
	font-weight:500;
    font-size: 16px;
    color: #000;
}

body {
	margin:0;
}

article { overflow:hidden; }

p {
    line-height: 2;
    margin: 0 0 1rem 0;
}

.pf-din {
	font-family: "PFDINDisplayProBold", sans-serif !important;
}

.pf-din-comp {
	font-family: "PFDINTextCompStdBold", sans-serif !important;
}

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

.cms-content ul {
	list-style:disc;
	padding-left:20px;
	line-height:2;
}

.content ul {
	list-style:disc;
	padding-left:20px;
	line-height:2;
}

.fixed-width-content ul {
	list-style:disc;
	padding-left:20px;
	line-height:2;
}



h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
	font-family: "PFDINTextCompStdBold", sans-serif;
	font-weight: normal;
	text-transform:uppercase;
	letter-spacing: -2.9;
    margin: 0;
	line-height:1.1;
}

h1, .h1 { font-size:5rem; }
h2, .h2 { font-size:2.8125rem; }
h3, .h3 { font-size:1.875rem; }
h4, .h4 { font-size:1.33rem; }
h5, .h5 { font-size:1.25rem; }
h6, .h6 { font-size:0.93rem; }

@media(max-width:430px) {
	h1, .h1 { font-size:4rem; }
}

@media(min-width:1024px) {
	h1, .h1 { font-size:7rem; }
	h2, .h2 { font-size:3.9rem; }
	h3, .h3 { font-size:2.6rem; }
	h4, .h4 { font-size:1.8rem; }
	h5, .h5 { font-size:1.25rem; }
	h6, .h6 { font-size:1rem; }
}

@media(min-width:1500px) {
	h1, .h1 { font-size:9.0625rem; }
	h2, .h2 { font-size:4.375rem; }
	h3, .h3 { font-size:3.125rem; }
	h4, .h4 { font-size:2.5rem; }
	h5, .h5 { font-size:1.5rem; }
	h6, .h6 { font-size:1.25rem; }
}

.body-font {
	font-family: "Inter", sans-serif;
	font-weight:500;
	text-transform:none;
}

a {
	color:inherit;
	text-decoration:none;
}

.cms-content a {
	color:var(--color-orange);
	transition: .28s ease;
}

.cms-content a:hover {
	opacity: .8;
	transform: translateY(-1px);
}

b, strong, .strong {
	font-weight:700;
	font-size:larger;
}

/* Utility */

.radius { border-radius:10px; }

.visually-hidden {
    border: 0px;
    clip: rect(0px, 0px, 0px, 0px);
    height: 1px;
    width: 1px;
    margin: -1px;
    padding: 0px;
    overflow: hidden;
    white-space: nowrap;
    position: absolute;
}

.capitalize { text-transform: capitalize; }
.uppercase { text-transform: uppercase; }
.hidden { display:none; }
.clear { clear: both; }
.center { text-align: center; }
.align-left { text-align: left; }
.relative { position: relative; }
.overflow-hidden { overflow: hidden; }
.width-100 { width: 100%; }
.drop-shadow { filter: drop-shadow(0px 1px 1px rgba(0,0,0,0.20)); }

/*.ratio-height {
    position: relative;
}

.ratio-height:before {
    content: '';
    display: block;
}

.ratio-height.ratio-50:before {
    padding-top: 50%;
}

.ratio-height.ratio-100:before {
    padding-top: 100%;
}

.ratio-height > .ratio-inner {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
	z-index:1;
}*/

img.block {
    display: block;
    width: 100%;
}

img.object-fit-cover {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

img.object-fit-contain {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.bg-cover {
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}

.bg-contain {
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;
}

.disable-transitions {
	transition:none !important;
}

.disable-animations {
	animation:none !important;
}



/* Flex */
.flex-container { display:flex; }
.row-wrap { flex-flow: row wrap; }
.row-reverse { flex-direction: row-reverse; }
.space-between { justify-content: space-between; }
.justify-center { justify-content: center; }
.align-center { align-items: center; }
.align-end { align-items: flex-end; }
.align-flex-end { align-items: flex-end; }
.order-1 { order:1; }
.order-2 { order:2; }

@media(max-width:1023px) {
	.flex-clear-1023 {
		display:block;
	}
}

/* Buttons */
button, input[type="submit"] {outline:none;-webkit-box-sizing:border-box;box-sizing:border-box;font-size:inherit;border:none;cursor:pointer;line-height:inherit;overflow:visible;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;margin:0;padding:0;text-transform:none;-webkit-tap-highlight-color:transparent;-webkit-appearance:none; background:transparent;}
button::-moz-focus-inner{border:0;padding:0;margin-top:0;margin-bottom:0;border-style:none;}

.btn, input[type="submit"].btn {
	font-family: "PFDINTextCompStdBold", sans-serif;
	border-radius:999px;
	padding:0 40px;
	text-transform: uppercase;
    height: 50px;
    display: inline-block;
    font-size: 16px;
	line-height:1;
	letter-spacing: 0;
	background:#fff;
	color:var(--color-black-off);
	white-space:nowrap;
	transition:background-color 0.15s ease, color 0.15s ease;
}

a.btn {
	line-height:52px;
}

.btn.yellow {
	background:var(--color-yellow);
}

.btn.orange, input[type="submit"].btn.orange {
	background:var(--color-orange);
	color:var(--color-black-off);
}

input[type="submit"].btn.orange {
	color:#fff;
}

.btn.outline {
	background-color:transparent;
	border:#fff 2px solid;
	color:#fff;
	transition:border-color 0.15s ease;
}

.btn:hover {
	background-color:var(--color-black-off);
	color:#fff;
}

.btn.yellow:hover {
	background:#fff;
	color:var(--color-black-off);
}

.btn.outline:hover {
	border-color:var(--color-black-off);
	background-color:var(--color-black-off);
}

.button-group {
	display:flex;
	gap:12px;
	flex-flow:wrap;
}

.btn.arrow {
	display:inline-flex;
	gap:10px;
	align-items:center;
	padding-right:30px;
}

.btn.arrow:after {
	content:'';
	display:block;
	background-image:url(resources/img/btn-arrow.svg);
	background-size:contain;
	background-repeat:no-repeat;
	width:14px;
	height:12px;
	transition: transform 0.15s ease;
}

.btn.arrow span {
	transform:translateY(2px);
}

.btn.arrow:hover:after {
	transform:translateX(3px);
}


@media(min-width:1024px) {
	.btn, input[type="submit"].btn {
		height:52px;
		font-size:18px;
		line-height:56px;
	}
	
	a.btn {
		line-height:56px;
	}
}

.btn:disabled, .btn:disabled:hover {
	opacity:0.3;
	cursor:default;
	background:#333;
	color:#fff;
}

/* Forms */
#comments, .entry-footer .cat-links { display:none; }
 

/* Forms */
input:focus,
select:focus,
textarea:focus,
button:focus {
    outline: none;
}

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
    background-color:none !important;
}

.form {
	max-width:525px;
	margin-left:auto;
	margin-right:auto;
}

.form .flex-container {
	gap:8px;
}

.form .flex-container .width-50 {
	flex-basis:calc(50% - 4px);
	flex-grow:1;
}

.form .input-wrap {
/*	background:#f8f8f8;*/
	border: #fff 2px solid;
	padding:0 16px;
	transition: border-color .25s ease-out;
	border-radius:999px;
	margin-bottom:10px;
	overflow:hidden;
}

.form .input-wrap.textarea-wrap {
	border-radius:10px;
}

.form .input-wrap:focus-within {
  border: 2px solid var(--color-orange);
}

.form .input-wrap > input,
.form .input-wrap > textarea {
	border:none;
	background:transparent;
	padding:16px 0;
	width:100%;
	color:#fff;
}

.form .input-wrap > input[type="text"],
.form .input-wrap > input[type="email"],
.form .input-wrap > textarea {
	font-size:16px;
	border-radius:0;
}

.form .input-wrap > textarea {
	resize:none;
	line-height:160%;
}

.form .input-wrap input[type="text"]::placeholder,
.form .input-wrap input[type="email"]::placeholder,
.form .input-wrap textarea::placeholder {
	color:#fff;
}

input:-webkit-autofill,
input:-webkit-autofill:hover, 
input:-webkit-autofill:focus, 
input:-webkit-autofill:active{
    -webkit-background-clip: text;
    -webkit-text-fill-color: #ffffff;
    transition: background-color 5000s ease-in-out 0s;
    box-shadow: inset 0 0 20px 20px var(--color-black-off);
}

/* Change Autocomplete styles in Chrome*/
/*.form .input-wrap input:-webkit-autofill,
.form .input-wrap input:-webkit-autofill:hover,
.form .input-wrap input:-webkit-autofill:focus {
	-webkit-text-fill-color: #fff;
	-webkit-box-shadow: 0 0 0 30px var(--color-black-off); inset !important;
}*/

/* Change the white to any color */
/*.form .input-wrap input:-webkit-autofill,
.form .input-wrap input:-webkit-autofill:hover,
.form .input-wrap input:-webkit-autofill:focus,
.form .input-wrap input:-webkit-autofill:active{
    -webkit-box-shadow: 0 0 0 30px var(--color-black-off); inset !important;
}*/

.form .btn { font-size:18px; line-height:54px;}

.form .custom-select {
/*  min-width: 350px;*/
  position: relative;
}

.form select {
  appearance: none;
  /*  safari  */
  -webkit-appearance: none;
  /*  other styles for aesthetics */
  width: 100%;
  font-size: 16px;
  padding: 0 16px;
  height:54px;
  background-color: transparent;
  border: 2px solid #fff;
  border-radius: 999px;
  color: #fff;
  cursor: pointer;
}

.form select option {
	color:#000;
}

.form .custom-select::before,
.form .custom-select::after {
  --size: 0.3rem;
  content: "";
  position: absolute;
  right: 1rem;
  pointer-events: none;
}

.form .custom-select::before {
  border-left: var(--size) solid transparent;
  border-right: var(--size) solid transparent;
  border-bottom: var(--size) solid white;
  top: 40%;
}

.form .custom-select::after {
  border-left: var(--size) solid transparent;
  border-right: var(--size) solid transparent;
  border-top: var(--size) solid white;
  top: 55%;
}

.form .screen {
	transition:opacity 0.28s ease;
}

.form .screen:not(.active) {
	display:none;
	opacity:0;
}

.form .step-text {
	font-size:14px;
	text-transform:uppercase;
}

.form .screen-title {
	font-size:30px;
}

.form .btn.orange {
	transition:color 0.25s ease, filter 0.25s ease;
	color:#fff;
}

.form .btn.orange:hover {
	background:var(--color-orange);
	filter:brightness(1.2);
}

.form .back-link {
	position:absolute;
	top:0;
	left:0;
}

@media(min-width:1024px) {
	.form .step-text, .form .screen-title {
		text-align:center;
	}
}

.newsletter-signup .section-text {
	max-width:510px;
	margin-left:auto;
	margin-right:auto;
}


.news-search-section .news-search .flex-container {
	gap:15px;
}

.news-search-section .news-search .input-wrap {
	flex-basis:80%;
}

@media(max-width:1023px) {
	
	.newsletter-signup > .container, .news-search-section > .container {
		padding-left:0;
		padding-right:0;
	}
	
	.newsletter-signup .newsletter-inner, .news-search-section .news-search {
		border-radius:0;
	    padding-left: var(--gutter-sm);
	    padding-right: var(--gutter-sm);
	}
}

/*@media(min-width:1024px) {
	.news-search-section .news-search .input-wrap {
		flex-basis:80%;
	}
}*/

input[type="radio"] {
  appearance: none;
  background-color: transparent;
  margin: 0;
  font: inherit;
  color: currentColor;
  width: 20px;
  height: 20px;
  border: 2px solid #fff;
  border-radius: 50%;
  transform: translateY(-0.075em);
  display: grid;
  place-content: center;
}

input[type="radio"]::before {
  content: "";
  width: 10px;
  height: 10px;
  border-radius: 50%;
  transform: scale(0);
  transition: 120ms transform ease-in-out;
  box-shadow: inset 1em 1em var(--color-orange);
}

input[type="radio"]:checked::before {
  transform: scale(1);
}

.radio-group {
	gap:20px;
}

.radio-skin {
/*  font-family: system-ui, sans-serif;*/
  font-size: 16px;
  line-height: 1;
  display: grid;
  grid-template-columns: 20px auto;
  gap: 10px;
}


/* General */
* { box-sizing:border-box; }

.container {
	padding-left: var(--gutter-sm);
	padding-right: var(--gutter-sm);
}

.v-margin-lg { margin-top:var(--margin-lg); margin-bottom:var(--margin-lg); }
.v-margin-md { margin-top:var(--margin-md); margin-bottom:var(--margin-md); }
.v-margin-sm { margin-top:var(--margin-sm); margin-bottom:var(--margin-sm); }

.mb-lg { margin-bottom:var(--margin-lg); }
.mb-md { margin-bottom:var(--margin-md); }
.mb-sm { margin-bottom:var(--margin-sm); }

.mt-lg { margin-top:var(--margin-lg); }
.mt-md { margin-top:var(--margin-md); }
.mt-sm { margin-top:var(--margin-sm); }

.v-pad-lg { padding-top:var(--margin-lg); padding-bottom:var(--margin-lg); }
.v-pad-md { padding-top:var(--margin-md); padding-bottom:var(--margin-md); }
.v-pad-sm { padding-top:var(--margin-sm); padding-bottom:var(--margin-sm); }

/* Margins */
.mt-0  { margin-top:0px !important; }
.mt-1  { margin-top:4px !important; }
.mt-2  { margin-top:8px !important; }
.mt-3  { margin-top:16px !important; }
.mt-4  { margin-top:24px !important; }
.mt-5  { margin-top:32px !important; }
.mt-6  { margin-top:48px !important; }
.mt-7  { margin-top:64px !important; }
.mt-8  { margin-top:75px !important; }
.mt-9  { margin-top:128px !important; }
.mt-10 { margin-top:160px !important; }

.mb-0  { margin-bottom:0px !important; }
.mb-1  { margin-bottom:4px !important; }
.mb-2  { margin-bottom:8px !important; }
.mb-3  { margin-bottom:16px !important; }
.mb-4  { margin-bottom:24px !important; }
.mb-5  { margin-bottom:32px !important; }
.mb-6  { margin-bottom:48px !important; }
.mb-7  { margin-bottom:64px !important; }
.mb-8  { margin-bottom:75px !important; }
.mb-9  { margin-bottom:128px !important; }
.mb-10 { margin-bottom:160px !important; }

.v-margin-0  { margin-top:4px !important; margin-bottom:0px !important; }
.v-margin-1  { margin-top:4px !important; margin-bottom:4px !important; }
.v-margin-2  { margin-top:8px !important; margin-bottom:8px !important; }
.v-margin-3  { margin-top:16px !important; margin-bottom:16px !important; }
.v-margin-4  { margin-top:24px !important; margin-bottom:24px !important; }
.v-margin-5  { margin-top:32px !important; margin-bottom:32px !important; }
.v-margin-6  { margin-top:48px !important; margin-bottom:48px !important; }
.v-margin-7  { margin-top:64px !important; margin-bottom:64px !important; }
.v-margin-8  { margin-top:75px !important; margin-bottom:75px !important; }
.v-margin-9  { margin-top:128px !important; margin-bottom:128px !important; }
.v-margin-10 { margin-top:160px !important; margin-bottom:160px !important; }

/* Padding */
.pt-0  { padding-top:0px !important; }
.pt-1  { padding-top:4px !important; }
.pt-2  { padding-top:8px !important; }
.pt-3  { padding-top:16px !important; }
.pt-4  { padding-top:24px !important; }
.pt-5  { padding-top:32px !important; }
.pt-6  { padding-top:48px !important; }
.pt-7  { padding-top:64px !important; }
.pt-8  { padding-top:75px !important; }
.pt-9  { padding-top:128px !important; }
.pt-10 { padding-top:160px !important; }

.pb-0  { padding-bottom:0px !important; }
.pb-1  { padding-bottom:4px !important; }
.pb-2  { padding-bottom:8px !important; }
.pb-3  { padding-bottom:16px !important; }
.pb-4  { padding-bottom:24px !important; }
.pb-5  { padding-bottom:32px !important; }
.pb-6  { padding-bottom:48px !important; }
.pb-7  { padding-bottom:64px !important; }
.pb-8  { padding-bottom:75px !important; }
.pb-9  { padding-bottom:128px !important; }
.pb-10 { padding-bottom:160px !important; }

.v-pad-0  { padding-top:4px !important; padding-bottom:0px !important; }
.v-pad-1  { padding-top:4px !important; padding-bottom:4px !important; }
.v-pad-2  { padding-top:8px !important; padding-bottom:8px !important; }
.v-pad-3  { padding-top:16px !important; padding-bottom:16px !important; }
.v-pad-4  { padding-top:24px !important; padding-bottom:24px !important; }
.v-pad-5  { padding-top:32px !important; padding-bottom:32px !important; }
.v-pad-6  { padding-top:48px !important; padding-bottom:48px !important; }
.v-pad-7  { padding-top:64px !important; padding-bottom:64px !important; }
.v-pad-8  { padding-top:75px !important; padding-bottom:75px !important; }
.v-pad-9  { padding-top:128px !important; padding-bottom:128px !important; }
.v-pad-10 { padding-top:160px !important; padding-bottom:160px !important; }

/* Tablet General */
@media(min-width:768px) {
	/* Margins */
	.md-mt-0  { margin-top:0px !important; }
	.md-mt-1  { margin-top:4px !important; }
	.md-mt-2  { margin-top:8px !important; }
	.md-mt-3  { margin-top:16px !important; }
	.md-mt-4  { margin-top:24px !important; }
	.md-mt-5  { margin-top:32px !important; }
	.md-mt-6  { margin-top:48px !important; }
	.md-mt-7  { margin-top:64px !important; }
	.md-mt-8  { margin-top:75px !important; }
	.md-mt-9  { margin-top:128px !important; }
	.md-mt-10 { margin-top:160px !important; }

	.md-mb-0  { margin-bottom:0px !important; }
	.md-mb-1  { margin-bottom:4px !important; }
	.md-mb-2  { margin-bottom:8px !important; }
	.md-mb-3  { margin-bottom:16px !important; }
	.md-mb-4  { margin-bottom:24px !important; }
	.md-mb-5  { margin-bottom:32px !important; }
	.md-mb-6  { margin-bottom:48px !important; }
	.md-mb-7  { margin-bottom:64px !important; }
	.md-mb-8  { margin-bottom:75px !important; }
	.md-mb-9  { margin-bottom:128px !important; }
	.md-mb-10 { margin-bottom:160px !important; }

	.md-v-margin-0  { margin-top:4px !important; margin-bottom:0px !important; }
	.md-v-margin-1  { margin-top:4px !important; margin-bottom:4px !important; }
	.md-v-margin-2  { margin-top:8px !important; margin-bottom:8px !important; }
	.md-v-margin-3  { margin-top:16px !important; margin-bottom:16px !important; }
	.md-v-margin-4  { margin-top:24px !important; margin-bottom:24px !important; }
	.md-v-margin-5  { margin-top:32px !important; margin-bottom:32px !important; }
	.md-v-margin-6  { margin-top:48px !important; margin-bottom:48px !important; }
	.md-v-margin-7  { margin-top:64px !important; margin-bottom:64px !important; }
	.md-v-margin-8  { margin-top:75px !important; margin-bottom:75px !important; }
	.md-v-margin-9  { margin-top:128px !important; margin-bottom:128px !important; }
	.md-v-margin-10 { margin-top:160px !important; margin-bottom:160px !important; }

	/* Padding */
	.md-pt-0  { padding-top:0px !important; }
	.md-pt-1  { padding-top:4px !important; }
	.md-pt-2  { padding-top:8px !important; }
	.md-pt-3  { padding-top:16px !important; }
	.md-pt-4  { padding-top:24px !important; }
	.md-pt-5  { padding-top:32px !important; }
	.md-pt-6  { padding-top:48px !important; }
	.md-pt-7  { padding-top:64px !important; }
	.md-pt-8  { padding-top:75px !important; }
	.md-pt-9  { padding-top:128px !important; }
	.md-pt-10 { padding-top:160px !important; }

	.md-pb-0  { padding-bottom:0px !important; }
	.md-pb-1  { padding-bottom:4px !important; }
	.md-pb-2  { padding-bottom:8px !important; }
	.md-pb-3  { padding-bottom:16px !important; }
	.md-pb-4  { padding-bottom:24px !important; }
	.md-pb-5  { padding-bottom:32px !important; }
	.md-pb-6  { padding-bottom:48px !important; }
	.md-pb-7  { padding-bottom:64px !important; }
	.md-pb-8  { padding-bottom:75px !important; }
	.md-pb-9  { padding-bottom:128px !important; }
	.md-pb-10 { padding-bottom:160px !important; }

	.md-v-pad-0  { padding-top:4px !important; padding-bottom:0px !important; }
	.md-v-pad-1  { padding-top:4px !important; padding-bottom:4px !important; }
	.md-v-pad-2  { padding-top:8px !important; padding-bottom:8px !important; }
	.md-v-pad-3  { padding-top:16px !important; padding-bottom:16px !important; }
	.md-v-pad-4  { padding-top:24px !important; padding-bottom:24px !important; }
	.md-v-pad-5  { padding-top:32px !important; padding-bottom:32px !important; }
	.md-v-pad-6  { padding-top:48px !important; padding-bottom:48px !important; }
	.md-v-pad-7  { padding-top:64px !important; padding-bottom:64px !important; }
	.md-v-pad-8  { padding-top:75px !important; padding-bottom:75px !important; }
	.md-v-pad-9  { padding-top:128px !important; padding-bottom:128px !important; }
	.md-v-pad-10 { padding-top:160px !important; padding-bottom:160px !important; }
}

@media(min-width:1024px) {
	.hide-lg { display:none !important; }
	
	.hide-min-960 { display:none !important; }
	.container {
		padding-left: var(--gutter-lg);
		padding-right: var(--gutter-lg);
	}
	
	.container.collapse-lg {
		padding-left:0;
		padding-right:0;
	}
	
	.v-margin-lg { margin-top:var(--margin-xlg); margin-bottom:var(--margin-xlg); }
	.mb-lg { margin-bottom:var(--margin-xlg); }
	.mt-lg { margin-top:var(--margin-xlg); }
	
	.v-pad-lg { padding-top:var(--margin-xlg); padding-bottom:var(--margin-xlg); }
	
	/* Margins */
	.lg-mt-0  { margin-top:0px !important; }
	.lg-mt-1  { margin-top:4px !important; }
	.lg-mt-2  { margin-top:8px !important; }
	.lg-mt-3  { margin-top:16px !important; }
	.lg-mt-4  { margin-top:24px !important; }
	.lg-mt-5  { margin-top:32px !important; }
	.lg-mt-6  { margin-top:48px !important; }
	.lg-mt-7  { margin-top:64px !important; }
	.lg-mt-8  { margin-top:75px !important; }
	.lg-mt-8-5  { margin-top:100px !important; }
	.lg-mt-9  { margin-top:128px !important; }
	.lg-mt-10 { margin-top:160px !important; }

	.lg-mb-0  { margin-bottom:0px !important; }
	.lg-mb-1  { margin-bottom:4px !important; }
	.lg-mb-2  { margin-bottom:8px !important; }
	.lg-mb-3  { margin-bottom:16px !important; }
	.lg-mb-4  { margin-bottom:24px !important; }
	.lg-mb-5  { margin-bottom:32px !important; }
	.lg-mb-6  { margin-bottom:48px !important; }
	.lg-mb-7  { margin-bottom:64px !important; }
	.lg-mb-8  { margin-bottom:75px !important; }
	.lg-mb-9  { margin-bottom:128px !important; }
	.lg-mb-10 { margin-bottom:160px !important; }

	.lg-v-margin-0  { margin-top:4px !important; margin-bottom:0px !important; }
	.lg-v-margin-1  { margin-top:4px !important; margin-bottom:4px !important; }
	.lg-v-margin-2  { margin-top:8px !important; margin-bottom:8px !important; }
	.lg-v-margin-3  { margin-top:16px !important; margin-bottom:16px !important; }
	.lg-v-margin-4  { margin-top:24px !important; margin-bottom:24px !important; }
	.lg-v-margin-5  { margin-top:32px !important; margin-bottom:32px !important; }
	.lg-v-margin-6  { margin-top:48px !important; margin-bottom:48px !important; }
	.lg-v-margin-7  { margin-top:64px !important; margin-bottom:64px !important; }
	.lg-v-margin-8  { margin-top:75px !important; margin-bottom:75px !important; }
	.lg-v-margin-8-5  { margin-top:100px !important; margin-bottom:100px !important; }
	.lg-v-margin-9  { margin-top:128px !important; margin-bottom:128px !important; }
	.lg-v-margin-10 { margin-top:160px !important; margin-bottom:160px !important; }

	/* Padding */
	.lg-pt-0  { padding-top:0px !important; }
	.lg-pt-1  { padding-top:4px !important; }
	.lg-pt-2  { padding-top:8px !important; }
	.lg-pt-3  { padding-top:16px !important; }
	.lg-pt-4  { padding-top:24px !important; }
	.lg-pt-5  { padding-top:32px !important; }
	.lg-pt-6  { padding-top:48px !important; }
	.lg-pt-7  { padding-top:64px !important; }
	.lg-pt-8  { padding-top:75px !important; }
	.lg-pt-9  { padding-top:128px !important; }
	.lg-pt-10 { padding-top:160px !important; }

	.lg-pb-0  { padding-bottom:0px !important; }
	.lg-pb-1  { padding-bottom:4px !important; }
	.lg-pb-2  { padding-bottom:8px !important; }
	.lg-pb-3  { padding-bottom:16px !important; }
	.lg-pb-4  { padding-bottom:24px !important; }
	.lg-pb-5  { padding-bottom:32px !important; }
	.lg-pb-6  { padding-bottom:48px !important; }
	.lg-pb-7  { padding-bottom:64px !important; }
	.lg-pb-8  { padding-bottom:75px !important; }
	.lg-pb-9  { padding-bottom:128px !important; }
	.lg-pb-10 { padding-bottom:160px !important; }

	.lg-v-pad-0  { padding-top:4px !important; padding-bottom:0px !important; }
	.lg-v-pad-1  { padding-top:4px !important; padding-bottom:4px !important; }
	.lg-v-pad-2  { padding-top:8px !important; padding-bottom:8px !important; }
	.lg-v-pad-3  { padding-top:16px !important; padding-bottom:16px !important; }
	.lg-v-pad-4  { padding-top:24px !important; padding-bottom:24px !important; }
	.lg-v-pad-5  { padding-top:32px !important; padding-bottom:32px !important; }
	.lg-v-pad-6  { padding-top:48px !important; padding-bottom:48px !important; }
	.lg-v-pad-7  { padding-top:64px !important; padding-bottom:64px !important; }
	.lg-v-pad-8  { padding-top:75px !important; padding-bottom:75px !important; }
	.lg-v-pad-9  { padding-top:128px !important; padding-bottom:128px !important; }
	.lg-v-pad-10 { padding-top:160px !important; padding-bottom:160px !important; }
}

@media(max-width:1023px) {
	.hide-max-1023 { display:none !important; }
	.hide-sm { display:none !important; }
	.container.collapse-sm {
		padding-left:0;
		padding-right:0;
	}
}

@media(max-width:959px) {
	.hide-max-959 { display:none !important; }
}


/* Top Nav */

.pre-l-header {
	transition: transform .15s ease;
}

.pre-l-header.is-fixed {
    top: 0;
    position: fixed;
}

.pre-l-header.is-hidden {
    transform: translateY(-64px);
}

.pre-l-header.is-fixed+.pre-spacer {
    display: block;
    height: 64px;
}

@media(min-width:1024px) {
	.pre-l-header.is-hidden {
	    transform: translateY(-80px);
	}
	
	.pre-l-header.is-fixed+.pre-spacer {
	    height: 80px;
	}
}

.top-header {
	position:relative;
	z-index:999;
}

.main-header {
	background:var(--color-black-off);
	position:relative;
}

.main-header.is-fixed {
	width:100%;
}

.main-header .container {
	height:var(--header-height-mobile);
}

.top-logo {
	display:block;
	width:48px;
}

.top-logo img, .top-logo svg {
	display:block;
	width:100%;
}

.top-logo:hover svg path {
	transition: fill 0.28s ease;
}

.top-logo:hover svg path {
	fill:var(--color-orange);
}

.main-nav a:not(.btn) {
	font-family: "PFDINTextCompStdBold", sans-serif;
	font-weight: normal;
	text-transform:uppercase;
	font-size:13px;
	letter-spacing: 0;
	color:#fff;
}

.utility-nav .cart-nav {
	display:flex;
	align-items:center;
	gap:30px;
}

.utility-nav .cart-link {
	display:inline-block;
	width:28px;
	height:28px;
	margin-left:14px;
	background-image:url(resources/img/account-icon.svg);
	color:#fff;
}

.hamburger-nav {
    padding: 10px;
    transition: .3s;
    cursor: pointer;
	margin-right:auto;
	margin-left:-10px;
}

.hamburger-nav .lines {
  display: block;
  position: relative;
  width: 33px;
  height: 2px;
  background: #fff;
  transition: background 200ms cubic-bezier(0.190, 1.000, 0.220, 1.000);
}

.hamburger-nav .lines:before, .hamburger-nav .lines:after {
  display: block;
  width: 33px;
  height: 2px;
  background: #fff;
  position: absolute;
  left: 0;
  content: '';
  transform-origin: 50% 50%;
  transition: transform 500ms cubic-bezier(0.190, 1.000, 0.220, 1.000);
}

.hamburger-nav .lines:before {
  top: 7px;
}

.hamburger-nav .lines:after {
  top: -7px;
}

.hamburger-nav.open .lines {
  background: transparent;
}

.hamburger-nav.open .lines:before, .hamburger-nav.open .lines:after {
	top: 0;
}

.hamburger-nav.open .lines:before {
  transform: rotate3d(0, 0, 1, 45deg);
}

.hamburger-nav.open .lines:after {
  transform: rotate3d(0, 0, 1, -45deg);
}

.top-header .btn.outline:hover {
	border-color:#fff;
}

.top-header .logo-noworriesclub {
	width:60%;
	max-width:248px;
}

.no-worries-slider .item {
	aspect-ratio:1/1.1238;
/*	background:#fff;*/
	width:95%;
	margin-right:16px;
	padding:30px;
	display:flex;
	flex-flow:column;
	justify-content:flex-end;
	align-items:flex-start;
}

.no-worries-slider .item .btn {
	background:var(--color-black-off);
	color:#fff;
	font-size:16px;
}

@media(max-width:640px) {
	.no-worries-slider .item .btn {
		padding:0 30px;
	}
}

.no-worries-slider .flickity-viewport {
	overflow:visible;
}

.no-worries-slider .flickity-button, .no-worries-slider .flickity-page-dots {
	display:none;
}

@media (min-width:1024px) and (max-width:1299px) {
	.hide-mid { display:none !important; }
}

@media(max-width:1023px) {
	
	/* Header and Nav */
	
	.scroll-disabled .top-header {
		position:static;
	}
	
	.nav-back {
		cursor:pointer;
		color:#fff;
		text-transform:uppercase;
		display:flex;
		align-items:center;
		margin-top:10px;
		margin-bottom:50px;
	}
	
	.dropdown.no-worries .nav-back {
		margin-bottom:30px;
	}
	
	.nav-back span {
		font-family: "PFDINTextCompStdBold", sans-serif;
		font-size:20px;
		display:inline-block;
		vertical-align:middle;
	}
	.nav-back:before {
		content:'';
		display:inline-block;
		vertical-align:middle;
		background-image:url(resources/img/nav-back-arrow.svg);
		background-size:15px;
		background-position:center;
		background-repeat:no-repeat;
		width:18px;
		height:18px;
		margin-right:10px;
		transform:translateY(-1px);
	}
	
	.nav-dimmer {
		opacity: 0;
		z-index: 102;
		visibility: hidden;
		position: fixed;
		top: 40px;
		bottom: 0;
		left: 0;
		right: 0;
		transition: opacity .25s,visibility 0s linear .25s;
		background-color: rgba(0,0,0,0.6);
	}
	
	.scroll-disabled .nav-dimmer {
		opacity:1;
		visibility:visible;
		transition:opacity .8s ease,visibility 0s;
	}
	
	.pre-header, .top-logo, .hamburger-nav, .mobile-user-nav {
		position:relative;
		z-index:101;
	}
	
	.hamburger-nav {
		z-index:104;
	}
	
	.scroll-disabled body {
		overflow:hidden;position:fixed;top:0;right:0;left:0;bottom:0;
	}
	
	.top-header .main-nav {
		padding:0 30px;
		display:flex;
		height:calc(100vh - 80px);
		flex-direction:column;
		justify-content:center;
	}

	.top-header .main-nav ul li {
		list-style:none;
		margin-bottom:0px;
		line-height:70px;
	}
	
	.top-header .main-nav ul li a:not(.btn) {
		font-size:35px;
		position:relative;
	}
	
	.top-header .main-nav ul li ul li ul li {
		line-height:50px;
	}
	
	.top-header .main-nav ul li ul li ul li a:not(.btn) {
		font-size:25px;
	}
	
	.top-header .main-nav ul li ul li.has-children {
		position:relative;
	}
	
	.top-header .main-nav ul li ul li.has-children:before {
		content:'';
		display:block;
		position:absolute;
		background:var(--color-orange);
		width:13px;
		left:-30px;
		top:18px;
		bottom:18px;
	}
	
	.top-header .main-nav ul li.has-dropdown a:not(.btn) {
		display:flex;
		align-items:center;
		justify-content:space-between;
	}
	
	.utility-nav {
		display:flex;
		align-items:center;
		margin-left:auto;
		margin-right:20px;
	}
	
	.top-header .nav-group {
		flex: 1;
		display: flex;
		justify-content: center;
	}
	
	.utility-nav .cart-nav {
		line-height:1;
	}
	
	.utility-nav .cart-link {
	    margin-left: 10px;
	}
	
	.top-header .nav-collapse {
		position:absolute;
		z-index:103;
		top:80px;
		left:0;
		right:0;
		height:0;
		overflow-x:hidden;
		overflow-y:auto;
		background:var(--color-black-off);
/*		transform: translateX(100%);*/
		transition: height .5s cubic-bezier(0.190, 1.000, 0.220, 1.000);
	}
	
	.top-header .nav-collapse.open {
		height:calc(100vh - 80px);
	}

	.top-header .main-nav .dropdown {
		padding:0 30px;
		position:absolute;
		z-index:1;
		top:0;
		left:0;
		width:100%;
		background:var(--color-black-off);
		display:block;
		transition: transform .5s cubic-bezier(0.190, 1.000, 0.220, 1.000);
		transform:translateX(100%);
		height:100%;
/*		overflow-y:hidden;*/
		display:none;
	}
	
	.top-header .main-nav .dropdown.visible {
		display:block;
	}
	
	.top-header .main-nav {
		transition: transform .5s cubic-bezier(0.190, 1.000, 0.220, 1.000);
	}
	
	.top-header .main-nav.dropdown-active {
		transform:translateX(-100%);
	}
	
	.top-header .main-nav .dropdown.active {
/*		transform:translateX(0%);*/
/*		height:auto;*/
		height:calc(100vh - var(--header-height-mobile));
/*		overflow-y:auto;*/
		padding-bottom:1px;
	}
	
/*	.top-header .main-nav .dropdown > ul > li {
		margin-bottom:24px;
	}*/
}


@media(min-width:1024px) {
	
	.top-header .nav-group { display:flex; flex-grow:1; }
	
	.top-header .nav-collapse {
		display:flex;
		align-items:center;
		margin-left:auto;
	}
	
	.main-nav a {
		transition: opacity 0.28s ease;
	}
	
	.main-nav.active > ul > li:not(.active) > a {
		opacity:0.3;
	}
	
	.utility-nav .cart-link {
		width:33px;
		height:33px;
	}
	
	.no-worries-slider .item {
		aspect-ratio:1/0.75;
		min-height: 350px; 
	}
	
	.pricing-section .no-worries-slider .item {
		aspect-ratio:1/1.16;
	}
	
}


@media(max-width:1023px) {
	.main-header .container .header-column {
		flex: 1;
	    display: flex;
	    justify-content: center;
	}
}

@media(max-width:480px) {
	.main-header .container .header-column:first-child {
		flex:0 1 0%;
		padding-right:10px;
	}
}

@media(min-width:960px) {
	.hide-min-960 { display:none !important; }
}


/* Desktop header */
@media(min-width:1024px) {
	
	.hide-min-1024 { display:none !important; }
	
	#hamburger-nav { display:none; }
	
	.top-logo {
		width:60px;
	}
	
	.main-header .container {
		height:var(--header-height-desktop);
		justify-content:start;
	}
	
	.main-nav {
		margin-left:10px;
	}

	.main-nav ul {
		padding:0;
	}
	
	.main-nav > ul > li {
		display:inline-block;
/*		position:relative;*/
		margin:0 18px;
	}
	
	.main-nav ul li a:not(.btn) {
		position:relative;
		font-size:20px;
	}
	
	.main-nav ul li a:before {
		content:'';
		display:block;
		position:absolute;
/*		background:#ff0000;*/
		height:48px;
		width:100%;
	}

	.main-nav .dropdown {
		position:absolute;
		overflow:hidden;
		z-index:100;
/*		background:var(--color-black-off);*/
		left:0;
		top:78px;
		width:100%;
		padding:32px 30px 38px 30px;
/*		box-shadow: 0px 12px 8px -4px rgba(0, 0, 0, 0.2);*/
		opacity:0;
		visibility: hidden;
	    transition: transform 0.1s ease, opacity 0ms linear 0.1s, visibility 0ms linear 0.1s;
	    transform-origin: top center;
/*	    transform: scaleY(0);*/
		min-height:540px;
		display:flex;
		align-items:center;
		justify-content:center;
	}
	
	.main-nav .dropdown.no-worries {
		display:block;
	}
	
	.main-nav ul li.active .dropdown {
/*		transform: scaleY(1);*/
	    opacity: 1;
	    visibility: visible;
	    transition: transform 0.25s ease, opacity 0ms, visibility 0ms;
	}
	
	.main-nav .dropdown > ul {
		display:flex;
		align-items:center;
	    
		flex-shrink:0;
		flex-basis:100%;
		max-width:1350px;
		align-items:flex-start;
	}
	
	.main-nav .dropdown > * {
	    opacity: 0;
	    transform: translateY(-10px);
	    transition: transform 0.1s, opacity 0.1s;
	    transition-delay: 0s;
	}
	
	.main-nav ul li.active .dropdown > * {
	    opacity: 1;
	    transform: translateY(0);
	    transition: transform 0.3s ease, opacity 0.2s linear;
	    transition-delay: 0.2s;
	}
	
	.main-nav .dropdown > ul > li {
		flex:1 1 auto;
		display:flex;
		justify-content:center;
/*		max-width:250px;*/
/*		background:#ccc;*/
	}
	
	.main-nav .dropdown ul, .main-nav .dropdown li {
		margin:0;
		padding:0;
		line-height:40px;
	}
	
	.main-nav .dropdown ul, .main-nav .dropdown li a:not(.btn) {
		font-size:45px;
	}
	
	.top-header .main-nav ul li ul li ul li a:not(.btn) {
	    font-size: 30px;
	}
	
	.top-header .main-nav ul li ul li.has-children > div > a {
		color:var(--color-orange);
	}
	
	.main-nav .dropdown ul, .main-nav .dropdown > ul > li > a {
		letter-spacing: 0.02em;
	}
	
	.main-nav .dropdown li a:not(.btn) {
		transition: color 0.15s ease;
	}
	
	.main-nav .dropdown li a:not(.btn):hover {
		color:var(--color-orange);
	}
	
	.utility-nav {
		margin-left:auto;
	}
	
	.no-worries-slider {
		display:flex;
		gap:30px;
	}
	
	.no-worries-slider .item {
		margin:0;
		flex:0 0 calc(33% - 20px);
	}
	
	.main-header .dropdown-bg {
		background:var(--color-black-off);
		position:absolute;
		width:100%;
		top:var(--header-height);
		height:0px;
		transition:height 0.2s ease;
		box-shadow: 0px 12px 8px -4px rgba(0, 0, 0, 0.2);
	}

}

@media(min-width:1330px) {
	
	.utility-nav .cart-link, .utility-nav .favorites-link {
		margin-left:24px;
	}
	
	.main-nav {
		margin-left:30px;
	}
	
	.pre-header .user-nav a {
		margin:0;
	}
	
}

/* flickity on by default */
.no-worries-slider:after {
  content: 'flickity';
  display: none;
}

@media(min-width: 1024px) {
	/* disable Flickity for large devices */
    .no-worries-slider:after {
    	content: '';
  	}
	
}

/* footer */

.footer {
	background:var(--color-black-off);
	color:#fff;
}

.footer-nav {
	margin-left:auto;
	margin-right:auto;
}

.footer-nav > ul {
	display:flex;
	flex-wrap: wrap;
	gap:45px;
/*	grid-template-columns: repeat(2, 1fr);*/
}

.footer-nav a {
	font-size:15px;
}

.footer-nav li {
	line-height:35px;
	white-space:nowrap;
}

.footer-nav .column > li {
	line-height:42px;
}

.footer-nav .column > li > a {
	font-family: "PFDINTextCompStdBold", sans-serif;
	text-transform:uppercase;
	font-size:24px;
}

.footer-logo {
	display:block;
	width:216px;
	margin-bottom:18px;
}

.footer .social-nav > ul {
	display:flex;
	gap:24px;
	align-items:center;
}

.footer .social-nav a {
	display:block;
	transition: transform 0.28s ease;
}

.footer .social-nav a:hover {
	transform:scale(1.1);
}

.footer .copyright {
	font-size:12px;
}

@media(max-width:1023px) {
	.footer .social-nav {
		margin:35px 0;
	}
}

@media(max-width:640px) {
	
	.footer .copyright {
		line-height:2;
	}
	
	.footer .copyright .links {
		display:block;
	}
	
	.footer .copyright .pipe {
		display:none;
	}
}

@media(min-width:1024px) {
	.footer-nav > ul {
		gap:75px;
		justify-content:center;
/*		grid-template-columns: repeat(5, 1fr);*/
	}
	
	.footer-nav a {
		font-size:16px;
	}
	
	.footer a {
		transition: opacity 0.28s ease;
	}
	
	.footer a:hover {
		opacity:0.6;
	}
	
	.footer-nav .column > li > a {
		font-size:30px;
	}

	.footer .social-nav {
		position:absolute;
		right:0;
		bottom:0;
	}
	
}


@media(min-width:1460px) {
	
	.container {
		padding-left: var(--gutter-xlg);
		padding-right: var(--gutter-xlg);
	}

}

@media(min-width:1920px) {
	.container {
		padding-left: calc((100vw - 1720px) / 2);
		padding-right: calc((100vw - 1720px) / 2);
	}
}


/* Page Sections */

.section-header > *:last-child, .section-header p:last-child {
	margin-bottom:0;
}

@media(min-width:1024px) {
	.lg-center {
		text-align:center;
	}
	.lg-justify-center { justify-content: center; }
	.section-header.lg-center p {
		margin-left:auto;
		margin-right:auto;
	}
}

.section-header p {
	max-width:600px;
}

.flickity-button:focus {
	box-shadow:none;
	outline:none;
}

@media(min-width:1024px) {
	
	.slider-section .flickity-button {
	    display: block;
	}
	
	.slider-section .slider-buttons {
		display:flex;
		gap:10px;
	}
	
	.slider-section .flickity-button {
		position:static;
		background:var(--color-orange);
		transform:translateY(0);
		color:#fff;
		width:52px;
		height:52px;
		transition: background 0.15s ease;
	}
	
	.slider-section .flickity-button .flickity-button-icon {
		display:none;
	}
	
	.slider-section .flickity-button:after {
		content:'';
		display:block;
		width:15px;
		height:15px;
		position:absolute;
		top:50%;
		left:50%;
		transform:translate(-50%, -50%);
		transition: transform 0.15s ease;
		background-image:url(resources/img/arrow-right.svg);
		background-size:contain;
		background-repeat:no-repeat;
		background-position:center;
	}
	
	.slider-section .flickity-button.previous:after {
		transform:translate(-50%, -50%) rotate(-180deg);
	}
	
	.slider-section .flickity-button:hover {
		background:#000;
	}
	
	.slider-section .flickity-button:hover:after {
		transform:translate(-40%, -50%);
	}
	
	.slider-section .flickity-button.previous:hover:after {
		transform:translate(-60%, -50%) rotate(-180deg);
	}
	
}

@media(min-width:1460px) {
	
	.slider-section .item .text {
	    left: 60px;
	    bottom: 60px;
	    right: 60px;
	}
}

/* Shared Sections */

/* flickity on by default */
.grid-items:after {
  content: 'flickity';
  display: none;
}

.grid-items .item .image {
    background: #ccc;
    aspect-ratio: 1 / 1.047;
}

.grid-items .flickity-viewport {
    overflow: visible;
}

.grid-items .item .text p {
	line-height:2;
}

.grid-items .item .text .title {
	line-height:0.9;
}

.grid-items .item {
	max-width:540px;
}

@media(max-width:1023px) {
	
	.grid-items:not(.sponsor-grid) .item {
		width:93%;
		margin-right:16px;
	}
	
}

@media(min-width:1024px) {
	
	/* disable Flickity for large devices */
    .grid-items:after {
    	content: '';
  	}
	
	.grid-items {
		display:grid;
		grid-template-columns: repeat(2, 1fr);
		grid-gap:50px;
	}
	
	.grid-items .item .image {
	    aspect-ratio: 1 / 1.1666;
	}
	
	.grid-items .item .image:before {
		content:'';
		display:block;
		position:absolute;
		z-index:1;
		top:0;
		left:0;
		width:100%;
		height:100%;
		background: linear-gradient(to top,  rgba(0,0,0,0.5) 0%,rgba(0,0,0,0.5) 10%,rgba(0,0,0,0) 90%,rgba(0,0,0,0) 100%);
	}
	
	
	.grid-items .item .text {
	    position: absolute;
		z-index:2;
	    left: 30px;
	    bottom: 30px;
	    right: 30px;
		color:#fff;
	}
	
	.grid-items .item .text .meta p { margin:0; }
	
	.grid-items .item .text .btn:not(.outline) {
		color:var(--color-black-off);
		background:#fff;
	}
	
	.grid-items .item .text .btn:not(.outline):hover {
		color:#fff;
		background:var(--color-black-off);
	}
}

@media(min-width:1200px) {
	.grid-items {
		grid-template-columns: repeat(3, 1fr);
	}
}

@media(min-width:1600px) {
	.grid-items .item .text {
	    left: 60px;
	    bottom: 60px;
	    right: 60px;
	}
}

/* Blog */
.navigation.post-navigation { display:none; }

.entry-meta {
	display:flex;
	gap:20px;
	justify-content:center;
	align-items:center;
	text-transform:uppercase;
	font-weight:700;
/*	font-family: "PFDINTextCompStdBold", sans-serif;*/
}

.single-post .entry-content,
.single-event .entry-content {
	overflow:hidden;
}


.single-event .entry-content p,
.single-event .entry-content h2,
.single-event .entry-content li
{
	max-width:860px;
	margin-left:auto;
	margin-right:auto;
	padding:0 var(--gutter-sm);
}

.single-post .fixed-width-content,
.single-training-resource .fixed-width-content
{
	max-width:860px;
	margin-left:auto;
	margin-right:auto;
	padding:0 var(--gutter-sm);
}

.single-post .fixed-width-content img,
.single-training-resource .fixed-width-content img {
    max-width: 100%;
    height: auto;
    display: inline-block;
    vertical-align: middle;
    text-align: center;
}    

[data-layout="columns"] {
  display: flex;
  flex-direction: row;
  width: 100%;
}

[data-layout="columns"] > * {
  flex: 1;
  min-width: 0;
}

[data-col-count] {
  display: flex;
  flex-wrap: wrap; /* Allow items to wrap if there isn't enough horizontal space */
  gap: 1rem; /* Optional: Add spacing between items */
}

/* If the child elements still have fixed widths that prevent them from laying out correctly in the flexbox, add this rule */
[data-col-count] > * {
  flex: 1 1 0; /* Distribute space equally among children */
  max-width: 100%; /* Prevent children from overflowing their flex container */
}


/* Also, ensure child elements do not have conflicting widths */
section.row.bgcolor-beige.bgimgpos_stack.content-width.padding-top-full.padding-bottom-half[data-layout="columns"] > .content.row.column.small-12.align-top > * {
  width: auto; /* or width: 100%; if you want them to fill the grid cells */
}

.single-post .entry-content a,
.single-event .entry-content a,
.single-training-resource .fixed-width-content a{
    color: #D47E34;
}

.blog-header {
	background:#ccc;
	height:calc(100vh - var(--header-height-mobile));
}

.blog-header .bg-image {
	position:absolute;
	z-index:0;
	top:0;
	left:0;
	width:100%;
	height:100%;
}

.blog-header .container {
	z-index:1;
}

.blog-header .copy {
	max-width:600px;
}

.blog-header h1 { line-height: 0.8;}

.blog-header h1 span {
	display:block;
}

.blog-header > .flex-container {
	height:100%;
	align-items:flex-end;
}

.blog-header p:last-child {
	margin-bottom:0;
}

.blog-header .entry-meta {
	color:#fff;
	margin-bottom: 40px;
	text-align: center;
}

.blog-header .copy {
	max-width:580px;
	margin-left:auto;
	margin-right:auto;
}

@media(min-width:1024px) {
	
	.entry-meta {
		font-size:22px;
	}
	
	.blog-header {
		/*height:auto;
		aspect-ratio:1/.5625;*/
		height:calc(100vh - var(--header-height-desktop));
	}
	
	.blog-header > .flex-container {
		align-items:center;
		justify-content:center;
	}
}

.professional-header .image {
	overflow:hidden;
	border-radius:999px;
	width:375px;
	height:375px;
	border:var(--color-orange) 10px solid;
	aspect-ratio: 1/1;
}

.professional-header > .flex-container {
	column-gap:60px;
	justify-content:center;
}

.professional-header .titles {
	column-gap:60px;
	align-items:flex-end;
}

.professional-header .titles > h1 {
	line-height:55px;
}

.professional-header .titles > h2 {
	line-height:30px;
}

.professional-header .social-nav {
	gap:30px;
}

.professional-header .contact {
	  margin-bottom: 8px; /* adjust value to desired spacing */
	  display:block;
		
}

.professional-header .text {
	max-width:580px;
}

@media(max-width:1023px) {
	.professional-header .image {
		margin-left:auto;
		margin-right:auto;
	}
	
	.professional-header .contact {
		margin-bottom: 8px;
		display:block;
		
	}
	
	.professional-header .titles > h1 {
		line-height:40px;
	}
	.professional-header .text {
		max-width:1023px;
	}

}

.grid-items .professional-item .entry-meta, .tour-slider .item .entry-meta {
	justify-content:flex-start;
	font-size:16px;
}

.page.home #wrapper {
	position:relative;
	overflow-x:hidden;
}

@media(min-width:1025px) {
	.page.home #wrapper:before, .page.home #wrapper:after {
		content:'';
		display:block;
		background-image:url(resources/img/noun-pattern.jpg);
		background-repeat:no-repeat;
		background-size:contain;
		aspect-ratio:1/1.522;
		width:70vw;
		max-width:1920px;
		position:absolute;
		z-index:-1;
		top:100vh;
		right:0;
		transform:translateX(50%);
	}

	.page.home #wrapper:after {
		top:250vh;
		right:auto;
		left:0;
		transform:translateX(-50%);
	}
}

.image-gradient {
	position:absolute;
	z-index:1;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background: linear-gradient(to top,  rgba(0,0,0,1) 0%,rgba(0,0,0,1) 10%,rgba(0,0,0,0) 90%,rgba(0,0,0,0) 100%);
	opacity:0.5;
}

@media(min-width:1024px) {
	.image-gradient {
		position:absolute;
		z-index:1;
		top:0;
		left:0;
		width:100%;
		height:100%;
		background: linear-gradient(to right,  rgba(0,0,0,1) 0%,rgba(0,0,0,1) 10%,rgba(0,0,0,0) 90%,rgba(0,0,0,0) 100%);
		opacity:0.5;
	}
}

/* busting stubborn cache */
.alternating-item .title span {
	display:block;
}

@media(max-width:1023px) {
	.level-slider-nav ul {
		margin:0 var(--gutter-sm);
		white-space:nowrap;
		height: 70px !important;
		padding-bottom: 20px !important;
		overflow:visible;
	}
	
	.level-slider-nav {
		justify-content:flex-start;
		overflow-x:auto !important;
	}
}

.wp-block-embed__wrapper iframe {
    display: block;
    margin: 0 auto;
}

/* Spinner */
.spinner-container {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 20px;
}
.loading-spinner {
    border: 4px solid rgba(0, 0, 0, 0.2);
    width: 40px;
    height: 40px;
    border-radius: 50%;
    border-top-color: white;
    animation: spin 1s ease infinite;
}
@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

div#gfield_description_11_7,
div#gfield_description_11_8
 {
  color: #ffffff !important;
}

#gfield_description_11_7 a,
#gfield_description_11_8 a,
#gfield_description_11_7 a:hover,
#gfield_description_11_8 a:hover,
#gfield_description_11_7 a:visited,
#gfield_description_11_8 a:visited {
  color: orange !important;
}

#gform_submit_button_12 {
    font-size: 18px;
}

#gform_confirmation_message_12 {
    color: white;
    margin: 50px;
}