@import "../modules/module.css";
@import "animation.css";
@import "aos.css";
@import "shop.css";

/** Preflight **/

*,
::after,
::before,
::backdrop,
::file-selector-button {
	box-sizing: border-box;
	margin: 0;
	padding: 0;
	border: 0 solid;
}

html,
:host {
	line-height: 1.5;
	-webkit-text-size-adjust: 100%;
	tab-size: 4;
	font-family: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
	font-feature-settings: normal;
	font-variation-settings: normal;
	-webkit-tap-highlight-color: transparent;
}

hr {
	height: 0;
	color: inherit;
	border-top-width: 1px;
}

abbr:where([title]) {
	-webkit-text-decoration: underline dotted;
	text-decoration: underline dotted;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	font-size: inherit;
	font-weight: inherit;
	color: inherit;
}

h1, h2 {
	font-weight: 700;
}

h1 {
  font-size: clamp(2.5rem, 5vw + 1rem, 4rem);
}
h2 {
  font-size: clamp(1.75rem, 3vw + 0.5rem, 2.5rem);
}
h3 {
  font-size: clamp(1.5rem, 2.5vw + 0.5rem, 2rem);
}
h4 {
  font-size: clamp(1.25rem, 1.5vw + 0.5rem, 1.5rem);
}
h5 {
  font-size: clamp(1.1rem, 1vw + 0.5rem, 1.25rem);
}
h6 {
  font-size: clamp(1rem, 0.75vw + 0.5rem, 1.125rem);
}
p {
  font-size: clamp(1rem, 0.75vw + 0.5rem, 1.125rem);
}

a:hover {
	color: #d7a4ff;
}

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

b,
strong {
	font-weight: bolder;
}

code, kbd, samp, pre {
	font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
	font-feature-settings: normal;
	font-variation-settings: normal;
	font-size: 1em;
}

small {
	font-size: 80%;
}

sub,
sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}

sub {
	bottom: -0.25em;
}

sup {
	top: -0.5em;
}

table {
	text-indent: 0;
	border-color: inherit;
	border-collapse: collapse;
}

:-moz-focusring {
	outline: auto;
}

progress {
	vertical-align: baseline;
}

summary {
	display: list-item;
}

ol, ul, menu {
	list-style: none;
}

img,
svg,
video,
canvas,
audio,
iframe,
embed,
object {
	display: block;
	vertical-align: middle;
}

img,
video {
	max-width: 100%;
	height: auto;
}

button, input, select, optgroup, textarea, ::file-selector-button {
	font: inherit;
	font-feature-settings: inherit;
	font-variation-settings: inherit;
	letter-spacing: inherit;
	color: inherit;
	border-radius: 0;
	background-color: transparent;
	opacity: 1;
}

:where(select:is([multiple], [size])) optgroup {
	font-weight: bolder;
}

:where(select:is([multiple], [size])) optgroup option {
	padding-inline-start: 20px;
}

::file-selector-button {
	margin-inline-end: 4px;
}

::placeholder {
	opacity: 1;
}

@supports (not (-webkit-appearance: -apple-pay-button))  or (contain-intrinsic-size: 1px) {
	::placeholder {
		color: color-mix(in oklab, currentColor 50%, transparent);
	}
}

textarea {
	resize: vertical;
}

::-webkit-search-decoration {
	-webkit-appearance: none;
}

::-webkit-date-and-time-value {
	min-height: 1lh;
	text-align: inherit;
}

::-webkit-datetime-edit {
	display: inline-flex;
}

::-webkit-datetime-edit-fields-wrapper {
	padding: 0;
}

::-webkit-datetime-edit, ::-webkit-datetime-edit-year-field, ::-webkit-datetime-edit-month-field, ::-webkit-datetime-edit-day-field, ::-webkit-datetime-edit-hour-field, ::-webkit-datetime-edit-minute-field, ::-webkit-datetime-edit-second-field, ::-webkit-datetime-edit-millisecond-field, ::-webkit-datetime-edit-meridiem-field {
	padding-block: 0;
}

:-moz-ui-invalid {
	box-shadow: none;
}

button, input:where([type="button"], [type="reset"], [type="submit"]), ::file-selector-button {
	appearance: button;
}

::-webkit-inner-spin-button, ::-webkit-outer-spin-button {
	height: auto;
}

[hidden]:where(:not([hidden="until-found"])) {
	display: none !important;
}

/*--------------------------------------------------------------
## Layouts
--------------------------------------------------------------*/

.page-wrapper {
	position: relative;
	top: 0;
}

.container {
	padding: 0 10vw;
	max-width: 100%;
}

@media ( max-width: 1280px ) {
	.container {
		padding: 0 4vw;
		max-width: 100%;
	}
}

@media ( max-width: 1660px ) {
	.container {
		padding: 0 6vw;
		max-width: 100%;
	}
}

/* Section Title */
.section-title {
	margin-bottom: 0;
}

/* Text Align */
.alignleft {
	float: left;
	margin: 1.25rem 1.25rem 1.25rem 0;
}

.alignright {
	float: right;
	margin: 1.25rem 0 1.25rem 1.25rem;
}

.aligncenter {
	display: inline-block;
	text-align: center;
	margin: 1.25rem auto;
}

@media (max-width: 768px) {
	.col {
		width: 100%;
		max-width: 100%;
		flex: 100%;
	}
}

.bg-image {
	--bg-image-height: 640px;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
	min-height: var(--bg-image-height);
	width: 100%;
}

@media (max-width: 360px) {
	.bg-image {
		--bg-image-height: 240px;
	}
}

@media (max-width: 480px) {
	.bg-image {
		--bg-image-height: 360px;
	}
}

@media (max-width: 768px) {
	.bg-image {
		--bg-image-height: 480px;
	}
}

.menu-main-menu-container {
	width: 100%;
}

@media (max-width:960px) {
	.navbar-collapse {
		display: none;
	}
}

.navbar {
    flex-grow: 1;
    justify-content: flex-end;
    display: flex
}

.navbar-collapse {
	flex-grow: 1;
}

nav .sub-menu {
	display: none;
	z-index: 99999;
	background-color: #fff;
	width: 100%;
	max-width: 240px;
	min-width: 240px;
	filter: drop-shadow(0px 3px 6px rgb(0, 0, 0, 0.17));
	float: left;
	position: absolute;
}

nav .sub-menu:after {
	content: "";
	width: 0;
	height: 0;
	border-left: 10px solid transparent;
	border-right: 10px solid transparent;
	border-bottom: 10px solid #fff;
	position: absolute;
	bottom: 100%;
	left: 10px;
}

nav .mobile-item {
	display: none;
}

[id="primary-menu"] {
	display: flex;
	width: 100%;
	justify-content: flex-end;
}

[id="primary-menu"] li {
	padding-left: 0px;
	position: relative;
	margin-left: 5%;
}

[id="primary-menu"] a {
	text-decoration: none;
	font-weight: bold;
	display: block;
	padding: 10px 0;
}

[id="primary-menu"] a {
	text-decoration: none;
	font-weight: bold;
}

[id="primary-menu"] a:after {
	content: "";
	width: 0;
	height: 2px;
	background-color: #009EE3;
	position: absolute;
	bottom: 5px;
	left: 0;
	transition: all .5s ease-in-out;
	-webkit-transition: all .5s ease-in-out;
}

[id="primary-menu"] li:hover a {
	text-decoration: none;
	font-weight: bold;
}

[id="primary-menu"] li:hover a:after {
	content: "";
	width: 100%;
	height: 2px;
	background-color: #009EE3;
	position: absolute;
	bottom: 5px;
	left: 0;
}

[id="primary-menu"] li.menu-item-has-children:hover a:after {
	display: none;
}


[id="primary-menu"] li.current-menu-item a:after {
	content: "";
	width: 100%;
	height: 2px;
	background-color: #009EE3;
	position: absolute;
	bottom: 5px;
	left: 0;
}

[id="primary-menu"] li.current-page-parent {
	color: #009EE3;
}

[id="primary-menu"] li:hover .sub-menu {
	display: block;
}

[id="primary-menu"] li .sub-menu li {
	padding: 5px 15px;
	width: 100%;
	margin-left: 0;
}

[id="primary-menu"] li .sub-menu li a {
	width: 100%;
	padding: 3px 0;
}

[id="primary-menu"] li .sub-menu li.current-menu-item {
	background-color: #009EE3;
}

[id="primary-menu"] li .sub-menu li:hover {
	background-color: #000;
}

[id="primary-menu"] li .sub-menu li:hover::after {
	font-family: "Font Awesome 6 Pro";
	content: "\f054";
	font-weight: 400;
	margin-left: 10px;
	position: absolute;
	right: 15px;
	top: 50%;
	transform: translate(0, -50%);
	-webkit-transform: translate(0, -50%);
}

[id="primary-menu"] li .sub-menu li a:after {
	display: none;
}

@media (max-width: 1660px) {
	[id="primary-menu"] li {
		margin-left: 4%;
	}
}

@media (max-width: 1199px) {
	nav {
		padding: 0 !important;
	}

	nav .mobile-item {
		display: block;
	}

	nav .menu-main-menu-container {
		width: auto;
		position: relative;
	}

	nav .navbar-toggler {
		border: 0;
		padding: 0 !important;
		z-index: 1;
		display: flex;
		align-items: center;
		justify-content: center;
	}

	nav .navbar-toggler .fa-bars {
		display: block;
	}

	nav .navbar-toggler.menu-open .fa-bars {
		display: none !important;
	}

	nav .navbar-toggler .fa-xmark {
		display: none;
	}

	nav .navbar-toggler.menu-open .fa-xmark {
		display: block;
		color: #000;
	}

	nav .navbar-toggler:hover .fa-bars,
	nav .navbar-toggler.menu-open:hover .fa-xmark {
		color: #009EE3;
	}

	.navbar-light .navbar-toggler-icon {
		background-image: none !important;
		font-size: 24px;
		margin: 0;
		display: flex;
		align-items: center;
		justify-content: flex-start;
	}

	.navbar-light .navbar-toggler:focus,
	.navbar-light .navbar-toggler:focus-visible {
		outline: none;
		border: 0;
	}

	.single-post nav .navbar-toggler {
		color: #000 !important;
	}

	nav.main .navbar-collapse {
		background-color: #000;
		display: block;
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		max-width: 360px;
		transform: translate3d(-100%,0,0);
		opacity: 1;
		height: 100%;
		z-index: 1;
		filter: drop-shadow(0px 3px 6px rgb(0, 0, 0, 0.17));
		transition: all .5s ease-in-out;
		-webkit-transition: all .5s ease-in-out;
	}

	nav.main .navbar-collapse.show {
		transform: translate3d(0,0,0);
	}

	.collapsing {
		position: fixed !important;
		height: 100% !important;
		top: 0 !important;
		opacity: 0 !important;
		transition: all 0s !important;
		-webkit-transition: all 0s !important;
		display: block !important;
	}

	nav .menu-main-menu-container {
		padding-top: 90px;
	}

	[id="primary-menu"] {
		flex-direction: column;
		width: 100%;
	}

	[id="primary-menu"] li {
		width: 100%;
		padding: 0% 0;
		margin-left: 0;
	}

	[id="primary-menu"] li.menu-item-has-children {
		padding: 0;
	}

	[id="primary-menu"] li a {
		padding: 8px 25px 8px 4vw;
	}

	[id="primary-menu"] li .sub-menu li a {
		padding: 8px 25px 8px 4vw;
	}

	[id="primary-menu"] li,
	[id="primary-menu"] li .sub-menu li {
		padding: 0;
	}

	[id="primary-menu"] li.menu-item-has-children:after {
		content: "\f107";
		font-family: 'Font Awesome 6 Pro';
		position: absolute;
		display: inline-block;
		right: 25px;
		font-size: 18px;
		font-weight: 400;
		top: 50%;
		transform: translate(0, -50%);
		-webkit-transform: translate(0, -50%);
	}

	[id="primary-menu"] li.menu-item-has-children:hover::after {
		content: "\f077";
		font-family: 'Font Awesome 6 Pro';
		position: absolute;
		display: inline-block;
		right: 25px;
		font-size: 18px;
		font-weight: 400;
		top: 22px;
	}

	[id="primary-menu"] li a {
		position: relative;
	}

	[id="primary-menu"] li:hover a {
		background-color: #000;
		border-left: 3px solid #009EE3;
		position: relative;
	}

	[id="primary-menu"] li:hover a:before {
		font-family: "Font Awesome 6 Pro";
		content: "\f054";
		font-weight: 400;
		position: absolute;
		right: 25px;
		top: 50%;
		transform: translate(0, -50%);
		-webkit-transform: translate(0, -50%);
	}

	[id="primary-menu"] li.menu-item-has-children:hover a:before {
		display: none;
	}

	[id="primary-menu"] li:hover .sub-menu a:before {
		display: none;
	}

	[id="primary-menu"] u .sub-menu li:hover a:before {
		font-family: "Font Awesome 6 Pro";
		content: "\f054";
		font-weight: 400;
		position: absolute;
		right: 25px;
		top: 50%;
		transform: translate(0, -50%);
		-webkit-transform: translate(0, -50%);
		display: block;
	}

	[id="primary-menu"] a {
		width: 100%;
		display: block;
	}

	[id="primary-menu"] li a:after {
		display: none;
	}

	.sub-menu {
		background-color: #B4DEE1;
		box-shadow: none;
		position: initial;
		max-width: 100% !important;
	}

	[id="primary-menu"] .sub-menu li a {
		padding: 8px 20px 8px 4vw;
	}

	[id="primary-menu"] .sub-menu li:hover a {
		background-color: #009EE3;
		border-left: 0;
	}

	[id="primary-menu"] li:hover .sub-menu a {
		background-color: #B4DEE1;
		border-left: 0;
	}

	[id="primary-menu"] li:hover .sub-menu li a {
		background-color: #B4DEE1;
		border-left: 0;
	}

	[id="primary-menu"] li:hover .sub-menu {
		filter: none;
	}

	[id="primary-menu"] li:hover .sub-menu li:hover,
	[id="primary-menu"] li:hover .sub-menu li:hover a {
		background-color: #009EE3;
		border-left: 0;
	}

	[id="primary-menu"] li.current-menu-item a, .darkheader #primary-menu li:hover a {
		color: #fff !important;
	}

	[id="primary-menu"] li.current-menu-item .sub-menu a, .darkheader #primary-menu li:hover .sub-menu a {
		color: #000 !important;
	}

	[id="primary-menu"] li .sub-menu li:hover a {
		color: #fff !important;
	}

	[id="primary-menu"] li.current-menu-item a,
	.darkheader nav #primary-menu li.current-menu-item a {
		color: #009EE3 !important;
	}
}


/* Small menu. */
.menu-toggle,
.main-navigation.toggled ul {
	display: block;
}

@media (min-width: 992px) {
	.menu-toggle {
		display: none;
	}
}


/* ------------------ 
   Inner Hero Banner */


.inner-hero-banner {
	position: relative;
	width: 100%;
	max-width: 100%;
	min-height: 75dvh;
	color: #FFF;
    background-position: center;
    background-size: cover;

	display: flex;
    flex-flow: column;
    align-items: center;
    justify-content: center;
	padding-block: 15dvh 5dvh;
}

@media screen and (min-width:720px) {
	.inner-hero-banner {
		min-height: 512px;
	}
}

.inner-hero-banner > * {
	position: relative;
}

.inner-hero-banner::before {
  content: '';
  background: linear-gradient(
    to bottom,
    rgba(43, 43, 43, 0.9) 0%,    /* Darker at top */
    rgba(43, 43, 43, 0.5) 35%,   /* Lighter in middle */
    rgba(43, 43, 43, 0.5) 65%,   /* Lighter in middle */
    rgba(43, 43, 43, 0.9) 100%   /* Darker at bottom */
  );
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: 0;
}

.inner-hero-banner h1 {
	margin-top: 0;
}

.inner-hero-banner .row {
	height: 100%;
}

.inner-hero-banner .content {
	display: flex;
	flex-flow: row wrap;
	flex-direction: column;
	justify-content: end;
	padding-inline: 15px;
}

.inner-hero-banner .content p a {
	font-weight: 700;
	text-decoration: underline;
	display: flex;
	align-items: center;
}

/* ------------------ 
   Loop Shop          */

.loopshop .element-item {
	margin-bottom: 30px;
}

.loopshop .bg-image {
	min-height: 231px;
	background-size: 60%;
	display: flex;
	align-items: center;
	justify-content: center;
}

.loopshop .bg-image h5 {
	color: #009EE3;
	font-size: 32px;
	line-height: 36px;
	font-family: inherit;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 3px;
	width: 80%;
	margin: 0 auto;
	text-align: center;
}

.loopshop .inner {
	border: transparent;
	filter: drop-shadow(0px 3px 6px rgb(0, 0, 0, 0.17));
	position: relative;
	background-color: #fff;
}

.loopshop .inner .content {
	min-height: 200px;
	display: flex;
	flex-flow: row wrap;
	flex-direction: column;
}

.loopshop .inner h3 {
	font-size: 20px;
	font-weight: 700;
	padding: 10px 20px 0px 20px;
	border-top: 1px solid #C1CAD8;
	line-height: 24px;
}

.loopshop .inner .cat {
	font-size: 16px;
	color: #009EE3;
	padding: 0px 20px;
}

.loopshop .inner .level {
	background-color: #000;
	padding: 10px 20px;
	color: #fff;
	font-size: 16px;
	font-weight: 700;
	text-transform: uppercase;
	margin-top: auto;
	margin-bottom: 0;
}

.loopshop .inner .level i {
	color: #009EE3;
	font-size: 18px;
	padding-right: 5px;
}

.loopshop .inner .level::after {
	font-family: "Font Awesome 6 Sharp";
	content: "\f054";
	font-weight: 400;
	color: #009EE3;
	margin-left: 10px;
	float: right;
	font-size: 24px;
}

.loopshop .cc {
	height: 120px;
	width: 120px;
	border-style: solid;
	border-width: 0 120px 120px 0;
	border-color: transparent #009EE3 transparent transparent;
	position: absolute;
	right: 0;
	top: 0;
}

.loopshop .cc p {
	display: block;
	text-align: center;
	height: 100%;
	float: left;
	position: relative;
	right: -58px;
	font-size: 14px;
	line-height: 15px;
	top: 18px;
	font-weight: 600;
	color: #fff;
	z-index: 9;
}

.loopshop .cc p::after {
	font-family: "Font Awesome 6 Pro";
	content: "\f245";
	font-weight: 400;
	color: #fff;
	margin-left: 10px;
	float: right;
	font-size: 59px;
	position: absolute;
	top: 8px;
	left: 4px;
	opacity: 0.4;
	z-index: 2;
	font-weight: bold;
}

.loopshop .filterloop {
	padding: 30px 0;
}

.loopshop .filterloop .col-md-6 {
	display: flex;
	align-items: center;
}

.loopshop .filterloop .col-md-6:last-child {
	justify-content: flex-end;
}

.loopshop .filterloop p {
	padding-bottom: 0 !important;
}

.loopshop .filterloop .btn {
	margin-top: 0;
}

.loopshop .filterloop select {
	border: 0;
	font-weight: 700;
	color: #000;
	padding: 0;
	font-size: 20px;
}

.selectItem {
	float: left;
}


.loopshop .content ul {
	display: flex;
	padding: 5px 20px 8px 20px;
	flex-flow: row wrap;
}

.loopshop .content ul li {
	font-size: 16px;
	color: #009EE3;
	padding-right: 5px;
	line-height: 24px;
}

.loopshop .content ul li a {
	color: #009EE3;
	font-size: 16px;
	line-height: 20px;
}

.loopshop .content ul li a:after {
	content: ",";
}

.loopshop .content ul li:last-child a:after {
	display: none
}

/* ------------------ 
   Desc Text        */

.desc-text p {
	padding-bottom: 15px;
}

.desc-text {
	padding: 25px 0 40px 0;
}


/* ------------------ 
   Desc CTA        */
.desc-cta {
	padding-top: 40px;
}

.desc-cta .item {
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
	min-height: 365px;
	display: flex;
	justify-content: center;
}

.desc-cta .text {
	width: 40%;
	background-color: #f3af86f0;
	display: flex;
	flex-flow: row wrap;
	justify-content: center;
	flex-direction: column;
	padding: 40px;
}

.desc-cta .text h3 {
	font-weight: 700;
	padding-bottom: 20px;
}

.desc-cta .text h3::after {
	content: "";
	display: inline-block;
	background-color: #009EE3;
	height: 8px;
	width: 8px;
	margin-left: 4px;
}

.desc-cta .text p {
	font-size: 20px;
	line-height: 30px;
	padding-bottom: 0 !important;
}


.desc-cta .text .btn {
	margin-top: 20px;
}


/* ------------------ 
   Store Type Header        */
.store-header {
	padding-top: 150px;
}

.store-header .row {
	justify-content: center;
}

.store-header h1 {
	text-align: center;
	font-weight: bold;
	width: 100%;
	margin: 0;
	padding-bottom: 10px;
}

.store-header h1::after {
	content: "";
	display: inline-block;
	background-color: #009EE3;
	height: 12px;
	width: 12px;
	margin-left: 4px;
}

.store-header p {
	color: #009EE3;
	text-transform: uppercase;
	width: 100%;
	text-align: center;
}

.store-header ul {
	display: flex;
	flex-flow: row wrap;
}

.store-header ul li a {
	font-size: 18px;
	color: #000;
	padding: 0 3px;
	position: relative;
}

.store-header ul li a:after {
	content: ",";
}

.store-header ul li:last-child a:after {
	display: none
}

.store-header .text-area {
	margin: 0;
}

/* ------------------ 
   Store Info        */

.store-info {
	background-color: #EFF2F6;
	padding-top: 70px;
	margin-top: 30px;
}

.store-info h3 {
	font-weight: bold;
	font-size: 26px;
}

.store-info ul {
	padding: 20px 0;
	width: 80%;
}

.store-info ul li {
	line-height: 24px;
	padding-bottom: 4px;
}

.store-info ul li span {
	float: right;
}

.store-info .location p {
	padding: 0 0 60px 0;
}

.store-info .map i {
	color: #009EE3;
}

.store-info .map a {
	text-decoration: underline;
	color: #000;
	font-weight: bold;
}

.store-info .store-image-col {
	width: 50%;
	flex: 0 50%;
	max-width: 50%;
	padding: 0 60px;
	margin-top: -20px;
	margin-bottom: -50px;
}

.store-info .store-image-col .bg-image {
	min-height: 475px;
	height: 100%;
}

.store-info a {
	color: #000;
	text-decoration: none !important;
}

.store-info .map a {
	text-decoration: underline !important;
}

.store-info .map i {
	padding-right: 5px;
}

.store-info .trianglethree {
	position: relative;
}

.store-info .trianglethree::after {
	content: "";
	display: block;
	background-image: url('../../piranha/images/purple-triangle.png');
	height: 100%;
	width: 100px;
	background-position: top right;
	background-size: contain;
	background-repeat: no-repeat;
	position: absolute;
	top: 0;
	left: 0;
	transform: rotate(180deg);
}

/* ------------------ 
   Store Content        */

.store-content {
	padding: 140px 0 0 0;
}

.store-content h4 {
	font-weight: bold;
	font-size: 26px;
	padding-bottom: 15px;
}

.store-content h5 {
	font-weight: bold;
	font-size: 26px;
	padding-bottom: 15px;
}

.store-content p {
	padding-bottom: 20px;
}

.store-content p .visit-link {
	color: #009EE3;
	font-size: 18px;
	text-decoration: underline;
	font-weight: bold;
}

.store-content .store-about-col {
	padding-right: 100px;
}

.store-content .store-about-col ul {
	padding-left: 20px;
	list-style-type: disc;
}

.store-content .store-about-col ul li {
	font-size: 18px;
	list-style-type: disc;
}


/* ------------------ 
   News Main Loop Content        */

.newsmainloop {
	margin-top: 30px;
}

.newsmainloop .singleitem:nth-child(1) {
	-webkit-box-flex: 0;
	-ms-flex: 0 0 50%;
	flex: 0 0 50%;
	max-width: 50%;
}

.newsmainloop .singleitem:nth-child(1) a {
	flex-direction: initial;
}

.newsmainloop .singleitem:nth-child(1) .content {
	width: 50%;
}

.newsmainloop .singleitem:nth-child(1) .triminfo {
	display: block;
}

.newsmainloop .singleitem:nth-child(1) h3 {
	color: #000;
	font-weight: 700 !important;
	font-size: 28px !important;
	line-height: 36px !important;
	margin-bottom: 10px;
	font-size: 20px;
	font-weight: 700;
	line-height: initial;
}

.newsmainloop .singleitem:nth-child(1) p {
	font-size: 16px;
	color: #000;
	line-height: 24px;
}

.newsmainloop .singleitem:nth-child(1) .item {
	width: 50%;
}

.newsmainloop .singleitem:nth-child(1) .time {
	padding-top: 20px;
	margin-top: auto;
	margin-bottom: 0;
	font-weight: 700;
	padding-top: 30px;
	font-size: 13px;
	display: flex;
	align-items: center;
	width: 100%;
	line-height: 16px;
}

.newsmainloop .singleitem .time {
	padding-top: 20px;
	margin-top: auto;
	margin-bottom: 0;
	font-weight: 700;
	padding-top: 30px;
	font-size: 13px;
	display: flex;
	align-items: center;
	width: 100%;
	line-height: 16px;
}

.newsmainloop .singleitem .time:after {
	font-family: "Font Awesome 6 Sharp";
	content: "\f054";
	font-weight: 400;
	color: #000;
	margin-left: 10px;
	float: right;
	font-size: 24px;
	right: 0;
	position: absolute;
	right: 30px;
}


.newsmainloop .singleitem {
	-webkit-box-flex: 0;
	-ms-flex: 0 0 50%;
	flex: 0 0 25%;
	max-width: 25%;
	min-height: 400px;
	margin-bottom: 30px;
	filter: drop-shadow(0px 3px 6px rgb(0, 0, 0, 0.17));
}

.newsmainloop .singleitem a {
	overflow: hidden;
}

.newsmainloop .singleitem .item {
	width: 100%;
	background-repeat: no-repeat;
	background-size: cover;
	min-height: 280px;
	transform: scale(1, 1);
	-webkit-transform: scale(1, 1);
	transition: all .5s ease-in-out;
	-webkit-transition: all .5s ease-in-out;
}

.newsmainloop .singleitem a:hover .item {
	transform: scale(1.1, 1.1);
	-webkit-transform: scale(1.1, 1.1);
	transition: all .5s ease-in-out;
	-webkit-transition: all .5s ease-in-out;
}

.newsmainloop .singleitem h3 {
	font-size: 20px;
	font-weight: 700;
	line-height: initial;
}

.newsmainloop .singleitem a {
	flex-direction: column;
	height: 100%;
}

.newsmainloop .singleitem .triminfo {
	display: none;
}

.newsmainloop .singleitem .content {
	width: 100%;
	padding: 20px 15px 15px 15px;
	flex-grow: 1;
	z-index: 1;
}

.newsmainloop .singleitem:nth-child(1) .content {
	padding: 25px 15px 15px 15px;
}

.single-post {
	padding: 0 !important;
}

.single-post .post-header {
	display: flex;
}

.single-post .main-col {
	display: flex;
	height: 100%;
	align-items: flex-start;
	justify-content: space-between;
	flex-direction: column;
	padding-top: 40px;
}

.single-post .post-header .col-md-6 {
	background-color: #C1CAD8;
}

.single-post .post-header .col-md-6:first-child {
	padding-left: calc(20vw + 15px) !important;
}

.single-post .post-header .col-md-6:last-child {
	padding-right: calc(20vw + 15px) !important;
}

.single-post .content {
	width: 70%;
	padding: 60px 10vw 40px 10vw;
	margin: 0 auto;
}

.single-post .post-header .bg-image {
	min-height: 400px;
	height: 100%;
}

.single-post .main-col h1 {
	font-size: 44px;
	line-height: 50px;
	font-weight: 700;
	margin-bottom: 10px;
	width: 100%;
	color: #000;
	text-align: left;
}

.single-post .main-col h1:after {
	display: none;
}

.single-news .main-col .date {
	color: #000;
	font-size: 16px;
	font-weight: 700;
	padding-bottom: 15px;
	margin-bottom: 0;
	margin-top: auto
}

.single-news .main-col .date i {
	margin-right: 10px;
	font-weight: 400;
}

.single-post .content p {
	padding-bottom: 25px;
}

.single-post .content h4 {
	color: #009EE3;
	text-transform: uppercase;
	padding-bottom: 10px;
}

.single-news .main-col ul {
	list-style: disc;
	margin-left: 20px;
}

.single-post .content ul {
	list-style: disc;
	margin-left: 20px;
	padding-bottom: 20px;
	margin-top: -20px;
}

.single-post .content li {
	font-size: 18px;
	line-height: 28px;
	font-weight: 400;
	font-family: "montserrat", sans-serif;
	padding-bottom: 10px;
	list-style-type: disc;
}

.single-news .main-col a {
	color: #009EE3;
	font-size: 18px;
}


.tax-newstype .newsmainloop .singleitem:nth-child(1) {
	flex: 0 0 25%;
	max-width: 25%;
}

.newsmainloop .filterloop {
	padding: 0 0 30px 0;
	display: flex;
	align-items: center;
}

.newsmainloop .filterloop .btn {
	margin: 0;
}

.newsmainloop .filterloop button {
	border: 0;
	font-weight: 700;
	color: #000;
	padding: 0;
	font-size: 20px;
	line-height: 20px;
}

.newsmainloop .filterloop .selectItem {
	padding-top: 3px;
}

.newsmainloop .filterloop .dropdown-toggle::after {
	display: inline-block;
	width: 0;
	height: 0;
	margin-left: .255em;
	vertical-align: .1em;
	content: "\f078";
	font-family: 'Font Awesome 6 Pro';
	font-size: 14px;
	border: 0;
}

.tax-newstype .singleitem:nth-child(1) .content {
	width: 100%;
}

.tax-newstype .singleitem:nth-child(1) .item {
	width: 100%;
}

.tax-newstype .newsmainloop .singleitem:nth-child(1) a {
	flex-direction: column;
	height: 100%;
}

.tax-newstype .newsmainloop .singleitem:nth-child(1) h3 {
	font-size: 20px !important;
	font-weight: 700;
	line-height: initial !important;
}

.tax-newstype .newsmainloop .singleitem:nth-child(1) .content {
	padding: 20px 15px 15px 15px;
}


/* ------------------ 
  Events Loop Content        */

.vsel-shortcode-future-events {
	padding: 0 10vw;
}

.vsel-content:nth-child(1) {
	width: 100%;
	border: 0;
}

.vsel-content {
	width: 100%;
	float: left;
	display: flex;
	flex-flow: row wrap;
	padding: 0 15px !important;
	border-bottom: 0 !important;
}

.vsel-image-info-right {
	float: left;
	width: 100% !important;
	order: 1;
}

.vsel-meta-left {
	width: 100% !important;
	float: left;
	order: 2;
	background-color: #f1f1f1;
	display: flex;
	padding: 20px;
	align-items: center;
}

.vsel-content .vsel-image-right {
	max-width: 100% !important;
	margin: 0;
}

.vsel-info {
	display: none;
}

.vsel-content .vsel-meta-title a {
	font-size: 30px;
	font-weight: bold;
	margin-right: 20px;
}

.vsel-content .vsel-meta-date {
	color: #009EE3;
}

.vsel-content .vsel-image-right {
	margin: 0;
}


.single-event .single-news img {
	width: 100%;
	margin-bottom: 20px;
}


/* Careers Page */
.single-job .left-col {
	padding-right: 40px;
}

.single-job .right-col {
	padding-left: 40px;
}

.single-job .job-details {
	margin-bottom: 30px;
}

.single-job .job-details .col {
	padding: 0;
}

.single-job .job-details p {
	border-bottom: 1px solid #F0F0F0;
	padding: 5px 0;
}

.single-job .content-row {
	padding-top: 60px;
}

.single-job h6 {
	color: #009EE3;
	text-transform: uppercase;
	text-align: center;
}

.single-job .content p {
	padding-bottom: 20px;
}

.single-job .content p:first-child {
	padding-bottom: 0;
	padding-top: 5px;
}

.application {
	width: 100%;
	margin: 0 auto;
	background-color: #fff;
	filter: drop-shadow(0px 3px 6px rgb(0, 0, 0, 0.17));
}

.application h4 {
	padding: 10px 30px;
	background-color: #000;
	width: 100%;
	color: #fff;
	margin-bottom: 20px;
	position: relative;
}

.application h4::after {
	content: "\f304";
	font-family: 'Font Awesome 6 Sharp';
	color: #009EE3;
	font-size: 24px;
	right: 30px;
	position: absolute;
	top: 50%;
	transform: translate(0, -50%);
	-webkit-transform: translate(0, -50%);
}

.application label {
	display: block;
	width: 100%;
	font-weight: 700;
	padding: 0 30px;
}

.application label span {
	display: block;
	width: 100%;
}

.application label span input {
	width: 100%;
	padding: 15px;
	border: 1px solid #000;
	border-radius: 5px;
	background-color: transparent;
}

.application label span textarea {
	width: 100%;
	padding: 15px;
	border: 1px solid #000;
	border-radius: 5px;
	background-color: transparent;
	height: 125px;
}

.application .dnd-upload-counter {
	display: none;
}

.codedropz-upload-handler {
	background-color: #fff;
}

.application .wpcf7-submit {
	background-color: #009EE3;
	color: #fff !important;
	font-size: 20px;
	font-family: "montserrat", sans-serif;
	font-weight: bold;
	height: auto;
	padding: 10px 30px;
	line-height: initial;
	text-align: center;
	margin-top: 20px;
	margin-left: 30px;
	margin-bottom: 40px;
	border-radius: 50px !important;
	box-shadow: none;
	border: 0;
}

.application .wpcf7-checkbox {
	padding: 10px 30px 0 0;
}

.application .wpcf7-checkbox span {
	display: flex;
	font-weight: 400;
	font-size: 16px;
	line-height: 20px;
}

.application .wpcf7-checkbox span input {
	width: 20px;
	margin-right: 10px;
	margin-top: 3px;
	margin-bottom: auto;
}


/* ------------------ 
  Events Feed Content        */

.events-feed {
	padding-top: 30px;
}

.events-feed .itemblock:nth-child(1) {
	background-color: #000;
	border-left: 0 !important;
	margin-bottom: 40px;
}

.events-feed .itemblock:nth-child(1) .item {
	min-height: 550px;
	background-position: right;
	background-size: cover;
	display: flex;
	background-repeat: no-repeat;
	width: 50%;
	position: relative;
}

.events-feed .itemblock:nth-child(1) a {
	display: flex;
}

.events-feed .itemblock:nth-child(1) .content {
	width: 50%;
	padding: 50px;
	display: flex;
	flex-flow: row wrap;
	position: relative;
}

.events-feed .itemblock:nth-child(1) .link-text {
	margin-top: auto;
	margin-bottom: 0;
	line-height: initial;
	color: #fff;
	padding: 10px 30px;
	background-color: #009EE3;
	border-radius: 100px;
	font-weight: 700;
}

.events-feed .itemblock:nth-child(1) .link-text i {
	color: #fff !important;
}

.events-feed .itemblock:nth-child(1) .date {
	margin-top: auto;
	margin-bottom: 0;
	width: 100%;
	padding-bottom: 50px;
	display: flex;
	color: #fff;
}

.events-feed .itemblock:nth-child(1) h3 {
	font-size: 45px;
	line-height: 50px;
	padding-bottom: 20px;
	color: #fff;
}

.events-feed .itemblock:nth-child(1) p {
	display: block;
	color: #fff;
}

.events-feed .itemblock:nth-child(1) .date i {
	font-size: 16px;
	padding-right: 5px;
	color: #fff;
}

.events-feed .itemblock.nobg .content {
	background-image: inherit !important;
	display: flex;
	flex-flow: row wrap;
	align-items: flex-end;
	justify-content: space-between;
}

.events-feed .itemblock.nobg p {
	display: none;
}

.events-feed .itemblock.nobg .item {
	display: none;
}

.events-feed .itemblock.nobg {
	background-color: #000 !important;
	padding: 20px 20px 10px 20px;
	margin: 25px auto;
	width: 70%;
	border-bottom: 0 !important;
}

.events-feed .itemblock h3 {
	font-size: 24px;
	color: #fff;
	font-weight: 700;
}

.events-feed .itemblock:not(:first-child) .date i {
	color: #fff;
	font-size: 16px;
	padding-right: 5px;
}

.events-feed .itemblock .date {
	color: #fff;
	font-size: 16px;
	padding-bottom: 20px;
	display: flex;
	align-items: center;
}

.events-feed .itemblock:not(:first-child) .link-text {
	color: #fff;
	line-height: 30px;
	background-color: transparent !important;
}

.events-feed .itemblock .link-text i {
	padding-left: 15px;
	color: #009EE3;
}

.events-feed .itemblock {
	padding: 0;
}

.vsel-shortcode-past-events {
	width: 70%;
	margin: 0 auto;
}

.vsel-shortcode-past-events .vsel-image-info-right {
	display: none;
}

.vsel-shortcode-past-events .vsel-meta-acf-event_single_image {
	display: none;
}

.vsel-meta-acf-colour {
	display: none;
}

.single-event .post-header {
	display: flex;
	padding-top: 0;
}

.single-event .main-col {
	padding: 40px 10vw 30px 10vw;
	text-align: center;
}

.single-event .main-col h1 {
	text-align: center;
	font-size: 50px;
	line-height: 55px;
	margin: 0;
}

.single-event .date {
	width: 100%;
	font-weight: 700;
	font-size: 24px;
	padding-bottom: 20px;
}

.single-event .date h5 span {
	font-weight: 700;
}

.single-event .content-row {
	padding: 20px 10vw 40px 10vw;
}

.single-event .content-row img {
	width: 100%;
	height: auto;
}

.single-event .content-row .content {
	width: 100%;
	text-align: left;
	padding: 40px 60px 0 60px;
}

.topheader .opening-times {
	display: none;
}

.topheader {
	position: relative;
}

.topheader li:hover {
	cursor: pointer;
}

.topheader .opening-times {
	display: block;
	background-color: #fff;
	position: absolute;
	right: 0;
	top: 42px;
	max-height: 0;
	width: 265px;
	z-index: 9;
	filter: drop-shadow(0px 3px 6px rgb(0, 0, 0, 0.17));
	transition: max-height .5s ease-in-out;
	-webkit-transition: max-height .5s ease-in-out;
}

.topheader.activetime .opening-times {
	max-height: 415px;
	transition: max-height .5s ease-in-out;
	-webkit-transition: max-height .5s ease-in-out;
	position: absolute;
	z-index: 9;
	filter: drop-shadow(0px 3px 6px rgb(0, 0, 0, 0.17));
	width: 265px;
	right: 0;
	top: 42px;
	display: block;
}

.topheader .opening-times:after {
	content: "";
	width: 0;
	height: 0;
	border-left: 10px solid transparent;
	border-right: 10px solid transparent;
	border-bottom: 10px solid #fff;
	position: absolute;
	bottom: 80%;
	left: 5px;
	opacity: 0;
	transition: all .5s ease-in-out;
	-webkit-transition: all .5s ease-in-out;
}

.topheader.activetime .opening-times:after {
	content: "";
	width: 0;
	height: 0;
	border-left: 10px solid transparent;
	border-right: 10px solid transparent;
	border-bottom: 10px solid #fff;
	position: absolute;
	bottom: 100%;
	left: 5px;
	opacity: 1;
	transition: all .5s ease-in-out;
	-webkit-transition: all .5s ease-in-out;
}

.topheader .opening-times ul {
	max-height: 0;
	padding: 0px 20px;
	transition: all .5s ease-in-out;
	-webkit-transition: all .5s ease-in-out;
	overflow: hidden;
	display: block;
}

.topheader.activetime .opening-times ul {
	max-height: 400px;
	padding: 10px 20px;
	transition: all .5s ease-in-out;
	-webkit-transition: all .5s ease-in-out;
	overflow: hidden;
	display: block;
}

.topheader .opening-times ul li {
	color: #000;
	padding-left: 0;
}

.topheader .opening-times ul li span {
	float: right;
}

.desc-text {
	display: none;
}

.single-post .store-header {
	padding-top: 130px;
}


/* Slider Dots */
.slick-dots {
	display: flex;
	justify-content: center;
	align-content: center;
}

.slick-dots li {
	font-size: 0px;
	background-color: #C1CAD8;
	width: 10px;
	height: 10px;
	border-radius: 50%;
	margin: 0 3px;
	opacity: 0.3;
}

.slick-dots li.slick-active {
	opacity: 1;
}

.filterloop .button-group .dropdown-menu.show {
	width: 250px;
	padding-left: 15px;
}

.filterloop .button-group .dropdown-menu.show a {
	display: block
}

@media (max-width: 1660px) {
	.single-post .post-header .col-md-6:first-child {
		padding-left: calc(15vw + 15px) !important;
	}

	.single-post .post-header .col-md-6:last-child {
		padding-right: calc(15vw + 15px) !important;
	}

	.events-feed .itemblock:nth-child(1) .item {
		min-height: 500px;
	}

	.events-feed .itemblock:nth-child(1) .date {
		padding-bottom: 40px;
	}

	.single-event .content-row {
		padding: 20px calc(6vw + 15px) 40px calc(6vw + 15px);
	}
}

@media (max-width: 1440px) {
	.topheader .opening-times {
		display: block;
		background-color: #fff;
		position: absolute;
		right: 0;
		top: 42px;
		max-height: 0;
		width: 240px;
		z-index: 9;
		filter: drop-shadow(0px 3px 6px rgb(0, 0, 0, 0.17));
		transition: max-height .5s ease-in-out;
		-webkit-transition: max-height .5s ease-in-out;
	}

	.topheader.activetime .opening-times {
		max-height: 400px;
		transition: max-height .5s ease-in-out;
		-webkit-transition: max-height .5s ease-in-out;
		position: absolute;
		z-index: 9;
		filter: drop-shadow(0px 3px 6px rgb(0, 0, 0, 0.17));
		width: 240px;
		right: 0;
		top: 42px;
		display: block;
	}

	.inner-hero-banner .content p {
		padding-bottom: 0 !important;
	}

	.inner-hero-banner {
		min-height: 450px;
	}

	.inner-hero-banner .content {
		padding: 40px 15px;
	}

	.loopshop .inner .content {
		min-height: 220px;
	}

	.loopshop .filterloop {
		padding: 20px 0;
	}

	.loopshop .filterloop select {
		font-size: 18px;
	}

	.loopshop .content ul li {
		display: block;
		line-height: 20px !important;
	}

	.loopshop .content ul li a {
		font-size: 14px;
		line-height: 18px;
	}

	.loopshop .inner .level {
		padding: 10px 20px !important;
	}

	.loopshop .bg-image h5 {
		font-size: 24px;
		line-height: 28px;
		letter-spacing: 2px;
	}

	.loopshop .bg-image {
		min-height: 200px;
	}

	.loopshop .cc {
		height: 100px;
		width: 100px;
		border-style: solid;
		border-width: 0 100px 100px 0;
		border-color: transparent #009EE3 transparent transparent;
		position: absolute;
		right: 0;
		top: 0;
	}

	.loopshop .cc p {
		right: -49px;
		font-size: 12px;
		line-height: 13px;
		top: 18px;
	}

	.loopshop .cc p::after {
		font-size: 47px;
		left: 0px;
	}

	.desc-cta .text p {
		font-size: 18px;
		line-height: 28px;
	}

	.desc-cta .item {
		min-height: 325px;
	}

	.store-header p {
		padding-bottom: 0 !important;
	}

	.store-header ul li a {
		font-size: 16px;
	}

	.store-header ul li {
		display: block;
		line-height: 20px;
	}

	.store-header h1::after {
		height: 10px;
		width: 10px;
	}

	.store-content .store-about-col {
		padding-right: 80px;
	}

	.store-info .store-image-col .bg-image {
		min-height: 400px;
	}

	.store-info .store-image-col {
		width: 40%;
		flex: 0 40%;
		max-width: 40%;
		padding: 0 30px;
		margin-top: -30px;
		margin-bottom: -50px;
	}

	.store-content {
		padding: 110px 0 0 0;
	}

	.store-info p {
		padding-bottom: 0 !important;
	}

	.store-info .map {
		padding: 10px 0 60px 0 !important;
	}

	.store-content p .visit-link {
		font-size: 16px;
	}

	.internal_jobs h2::after,
	.external_jobs h2::after {
		height: 8px;
		width: 8px;
	}

	.internal_jobs p,
	.external_jobs p {
		padding-bottom: 0 !important;
	}

	.newsmainloop .singleitem .time {
		padding-bottom: 0 !important
	}

	.newsmainloop .singleitem .date h3 {
		font-size: 18px;
	}

	.newsmainloop .singleitem .item {
		min-height: 225px;
	}

	.newsmainloop .singleitem {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 50%;
		flex: 0 0 25%;
		max-width: 25%;
		min-height: 1px;
	}

	.single-post .post-header .col-md-6:first-child {
		padding-left: calc(6vw + 15px) !important;
	}

	.single-post .post-header .col-md-6:last-child {
		padding-right: calc(6vw + 15px) !important;
	}

	.single-post .content {
		padding: 40px 6vw 40px 6vw;
	}

	.filterloop p {
		padding-bottom: 0 !important;
	}

	.events-feed .itemblock:nth-child(1) .item {
		min-height: 450px;
	}

	.events-feed .itemblock:nth-child(1) .date {
		padding-bottom: 30px;
	}

	.events-feed .itemblock:nth-child(1) h3 {
		font-size: 40px;
		line-height: 45px;
	}

	.events-feed .itemblock .link-text i {
		padding-left: 10px;
	}

	.events-feed .itemblock.nobg {
		width: 80%;
	}

	.single-event .content-row .content {
		padding: 20px 30px 0 30px;
	}

	.single-event .content-row p:first-child {
		padding-bottom: 0 !important;
	}

	.single-job .job-details p {
		padding-bottom: 5px !important
	}

	form input[type="submit"] {
		font-size: 18px !important;
		padding: 10px 25px !important;
	}

	.single-job .content p:first-child {
		padding-bottom: 0 !important;
	}

	.single-job .content-row {
		padding-top: 40px;
	}
}

@media (max-width: 1366px) {
	.newsmainloop .singleitem .item {
		min-height: 200px;
	}

	.loopshop .bg-image {
		min-height: 175px;
	}
}

@media (max-width: 1280px) {
	.loopshop .bg-image {
		min-height: 175px;
	}

	.store-content .store-about-col {
		padding-right: 60px;
	}

	.store-info h3 {
		font-weight: bold;
		font-size: 24px;
	}

	.newsmainloop .singleitem h3 {
		font-size: 18px !important;
		line-height: 24px !important;
	}

	.newsmainloop .singleitem:first-child h3 {
		font-size: 24px !important;
		line-height: 32px !important;
	}

	.single-post .post-header .col-md-6:first-child {
		padding-left: calc(4vw + 15px) !important;
	}

	.single-post .post-header .col-md-6:last-child {
		padding-right: calc(4vw + 15px) !important;
	}

	.single-post .main-col h1 {
		font-size: 40px;
		line-height: 46px;
	}

	.single-post .post-header .bg-image {
		min-height: 350px;
	}

	.single-event .content-row {
		padding: 20px calc(4vw + 15px) 20px calc(4vw + 15px);
	}

	.single-job .left-col {
		padding-right: 20px;
	}
}

@media (max-width: 1199px) {
	.store-header {
		padding-top: 100px;
	}

	.store-info {
		background-color: #EFF2F6;
		padding-top: 40px;
		margin-top: 20px;
		padding-bottom: 40px;
	}

	.store-info .row {
		display: flex;
		flex-flow: row wrap;
		justify-content: flex-start;
		position: relative;
	}

	.store-info .store-times-col {
		width: 55%;
		flex: 0 55%;
		max-width: 55%;
		order: 1;
		margin-bottom: 50px;
	}

	.store-info .store-image-col {
		width: 55%;
		flex: 0 55%;
		max-width: 55%;
		order: 3;
		padding: 0 30px 0 15px;
		margin-top: 0px;
		position: absolute;
		right: calc(-4vw - 15px)
	}

	.store-info .store-image-col .bg-image {
		min-height: 530px;
	}

	.store-info .store-details-col {
		width: 55%;
		flex: 0 55%;
		max-width: 55%;
		order: 2;
		display: flex;
	}

	.store-info .store-details-col .location {
		padding-right: 10%;
	}

	.store-info ul {
		width: 60%;
	}

	.store-info p {
		padding-bottom: 0 !important;
	}

	.store-times-col ul {
		padding-bottom: 10px;
		padding-top: 10px;
	}

	.store-info .map {
		padding: 10px 0 20px 0 !important;
	}

	.single-post .store-header {
		padding-top: 100px;
	}

	.single-post .content {
		width: 80%;
	}

	.single-post .main-col {
		padding-top: 30px;
	}

	.single-event .main-col h1 {
		padding-bottom: 0 !important
	}
}

@media (max-width: 1024px) {
	.inner-hero-banner .content {
		width: 85%;
		flex: 0 85%;
		max-width: 85%;
		z-index: 1;
	}

	.inner-hero-banner {
		min-height: 400px;
	}

	.loopshop .element-item {
		width: 33.333%;
		flex: 0 33.333%;
		max-width: 33.333%;
	}

	.desc-cta .text {
		width: 60%;
		padding: 30px;
	}

	.desc-cta .item {
		min-height: 275px;
	}

	.store-content .store-about-col {
		width: 100%;
		flex: 0 100%;
		max-width: 100%;
	}

	.store-content .store-about-col {
		padding-right: 15px;
	}

	.store-content .loopshop {
		width: 100%;
		flex: 0 100%;
		max-width: 100%;
		margin-top: 30px;
	}

	.store-content .loopshop .bg-image {
		background-size: 60%;
	}

	.store-content .loopshop .element-item {
		width: 100%;
		flex: 0 100%;
		max-width: 100%;
	}

	.store-content {
		padding: 60px 0 0 0;
	}

	.newsmainloop .singleitem,
	.newsmainloop .singleitem:first-child {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 33.333% !important;
		flex: 0 0 33.333% !important;
		max-width: 33.333% !important;
	}

	.newsmainloop .singleitem .item {
		width: 100% !important;
	}

	.newsmainloop .singleitem .content {
		width: 100% !important;
		background-color: #97CEBE;
		padding: 25px 15px 15px 15px !important;
		display: flex;
		flex-flow: row wrap;
		flex-direction: row;
		flex-direction: column;
	}

	.newsmainloop .singleitem .content p:first-of-type {
		display: none !important;
	}

	.newsmainloop .singleitem:first-child h3,
	.newsmainloop .singleitem h3 {
		font-size: 18px !important;
		line-height: initial !important;
	}

	.newsmainloop .singleitem .time {
		padding-top: 20px;
	}

	.single-post .main-col h1 {
		font-size: 36px;
		line-height: 42px;
	}

	.single-post .post-header .bg-image {
		min-height: 300px;
	}

	.single-post .content {
		width: 90%;
	}

	.events-feed .itemblock:nth-child(1) {
		border-bottom-width: 15px !important;
	}

	.events-feed .itemblock:nth-child(1) .item {
		min-height: 350px;
	}

	.events-feed .itemblock:nth-child(1) .content {
		padding: 40px;
	}

	.events-feed .itemblock:nth-child(1) h3 {
		font-size: 32px;
		line-height: 40px;
	}

	.events-feed .itemblock:nth-child(1) .date {
		padding-bottom: 20px;
		font-size: 14px;
	}

	.events-feed .itemblock.nobg {
		width: 100%;
	}

	.events-feed .itemblock .date {
		padding-bottom: 20px;
		font-size: 14px;
	}

	.events-feed .itemblock:not(:first-child) .date i {
		font-size: 14px;
		padding-right: 3px;
	}

	.events-feed .itemblock:nth-child(1) {
		margin-bottom: 25px;
	}

	.single-event .col-md-4 {
		padding-left: 0;
	}

	.single-event .col-md-8 {
		padding-right: 0;
	}

	.single-event .content-row p:first-child {
		padding-left: 0 !important;
	}

	.single-event .content-row .content {
		padding: 20px 0px 0 20px;
	}

	.single-event .content-row {
		padding: 20px calc(4vw + 15px) 0 calc(4vw + 15px);
	}

	.application .wpcf7-checkbox span {
		display: flex;
		font-weight: 400;
		font-size: 14px;
		line-height: 18px;
		align-items: center;
	}

	.application .wpcf7-checkbox {
		padding: 5px 30px 0 0;
	}

	.single-job .left-col {
		width: 100%;
		flex: 0 100%;
		max-width: 100%;
		padding: 0 15px;
	}

	.single-job .right-col {
		width: 100%;
		flex: 0 100%;
		max-width: 100%;
		padding: 0 15px;
	}
}

@media (max-width: 880px) {
	.store-info .store-details-col {
		display: flex;
		flex-flow: row wrap;
	}

	.store-info .store-details-col .location {
		margin-bottom: 0px;
	}

	.store-info ul {
		width: 80%;
	}

	.store-times-col ul {
		padding-bottom: 5px;
	}

	.store-info .store-times-col {
		margin-bottom: 30px;
	}

	.store-info {
		padding-top: 30px;
		padding-bottom: 30px;
	}

	.store-info .store-details-col .location {
		margin-bottom: 0px;
	}

	.store-info .store-image-col .bg-image {
		min-height: 520px;
	}

	.store-info .store-image-col {
		width: 50%;
		flex: 0 55%;
		max-width: 50%;
	}

	.internal_jobs .job-details .col,
	.external_jobs .job-details .col {
		padding: 0 40px 0 0;
		width: 100%;
		flex: 0 100%;
		max-width: 100%;
	}

	.internal_jobs .col-md-2,
	.external_jobs .col-md-2 {
		display: flex;
		align-items: flex-start;
	}
}

@media (max-width: 800px) {
	.topheader .opening-times:after {
		content: "";
		width: 0;
		height: 0;
		border-left: 8px solid transparent;
		border-right: 8px solid transparent;
		border-bottom: 8px solid #fff;
		position: absolute;
		bottom: 80%;
		left: auto;
		right: 60px;
		opacity: 0;
		transition: all .5s ease-in-out;
		-webkit-transition: all .5s ease-in-out;
	}

	.topheader.activetime .opening-times:after {
		content: "";
		width: 0;
		height: 0;
		border-left: 8px solid transparent;
		border-right: 8px solid transparent;
		border-bottom: 8px solid #fff;
		position: absolute;
		bottom: 100%;
		left: auto;
		right: 60px;
		opacity: 1;
		transition: all .5s ease-in-out;
		-webkit-transition: all .5s ease-in-out;
	}

	.inner-hero-banner .content {
		width: 100%;
		flex: 0 100%;
		max-width: 100%;
	}

	.inner-hero-banner {
		min-height: 400px;
	}

	.inner-hero-banner h4 {
		font-size: 22px;
		color: #009EE3;
		padding-left: 50px;
	}

	.inner-hero-banner::before {
		content: "";
		background: #000;
		opacity: 0.5;
	}

	.loopshop .element-item {
		width: 50%;
		flex: 0 50%;
		max-width: 50%;
	}

	.loopshop .bg-image {
		min-height: 200px;
	}

	.desc-cta .item {
		min-height: 275px;
		background-position: right;
	}

	.desc-cta .item {
		justify-content: flex-start;
	}

	.desc-cta .text {
		width: 60%;
	}

	.store-content {
		padding: 40px 0 0 0;
	}

	.newsmainloop .singleitem, .newsmainloop .singleitem:first-child {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 100% !important;
		flex: 0 0 100% !important;
		max-width: 100% !important;
	}

	.newsmainloop .singleitem {
		width: 100%;
	}

	.newsmainloop .singleitem .item {
		width: 50% !important;
		position: relative;
		background-repeat: no-repeat;
		background-position: left;
	}

	.newsmainloop .singleitem .content {
		width: 50% !important;
		background-color: #97CEBE;
		padding: 25px 15px 15px 15px !important;
		display: flex;
		flex-flow: row wrap;
		flex-direction: row;
		flex-direction: column;
		height: 100% !important;
	}

	.newsmainloop .singleitem a {
		flex-flow: row;
	}

	.newsmainloop .singleitem .item .date {
		height: 100%;
		width: 50%;
		position: absolute;
		right: 0;
		display: flex;
		flex-flow: row wrap;
		padding: 25px 15px 15px 15px;
	}

	.newsmainloop .singleitem .item .time::after {
		right: 30px !important;
	}

	.newsmainloop .singleitem .time::after {
		right: 30px !important;
	}

	.newsmainloop .singleitem .item {
		min-height: 225px !important;
	}

	.single-post .main-col h1 {
		font-size: 32px;
		line-height: 38px;
	}

	.single-post .post-header .bg-image {
		min-height: 250px;
	}

	.single-post .content {
		width: 100%;
	}

	.single-post .content {
		padding: 40px 4vw;
	}

	.newsmainloop .filterloop button {
		font-size: 18px;
		line-height: 18px;
	}

	.events-feed .itemblock:nth-child(1) {
		border-bottom-width: 12px !important;
	}

	.events-feed .itemblock:nth-child(1) .item {
		min-height: 300px;
	}

	.events-feed .itemblock:nth-child(1) .content {
		padding: 30px;
	}

	.events-feed .itemblock:nth-child(1) h3 {
		font-size: 28px;
		line-height: 32px;
	}

	.events-feed .itemblock:nth-child(1) .date {
		padding-bottom: 10px;
	}

	.events-feed {
		padding-top: 20px;
	}

	.events-feed .itemblock h3 {
		font-size: 22px;
		line-height: 28px;
	}

	.single-event .content-row .content {
		padding: 0 !important;
	}

	form input[type="submit"] {
		font-size: 16px;
		padding: 10px 20px;
	}

	.application label span input {
		padding: 12px;
		height: 48px;
	}

	.loopshop .inner .content {
		min-height: 180px;
	}

	.loopshop .bg-image {
		min-height: 175px;
	}
}

@media (max-width: 768px) {
	.store-info .store-image-col {
		width: 100%;
		flex: 0 100%;
		max-width: 100%;
		order: 3;
		padding: 0 15px;
		margin-top: 15px;
		position: relative;
		display: flex;
		right: auto;
		margin-bottom: -100px;
	}

	.store-info .store-times-col {
		width: 60%;
		flex: 0 60%;
		max-width: 60%;
	}

	.store-info .store-details-col {
		width: 40%;
		flex: 0 40%;
		max-width: 40%;
	}

	.store-info .store-image-col .bg-image {
		min-height: 300px;
	}

	.store-info .store-details-col {
		display: flex;
		flex-flow: row wrap;
		align-items: flex-start;
		align-content: flex-start;
	}

	.store-info .store-details-col .location {
		padding-right: 0;
	}

	.store-content {
		padding: 110px 0 0 0;
	}

	.single-post .main-col h1 {
		font-size: 28px;
		line-height: 34px;
	}

	.single-news .main-col .date {
		color: #000;
		font-size: 14px;
	}

	.single-news .main-col .date i {
		margin-right: 5px;
	}

	.single-post .main-col {
		padding-top: 20px;
	}

	.newsmainloop .filterloop {
		padding: 0 0 20px 0 !important;
	}

	.newsmainloop .filterloop .col-md-6 {
		width: 50%;
		flex: 0 50%;
		max-width: 50%;
	}

	.single-event .main-col {
		padding: 20px 10vw 20px 10vw;
	}
}

@media (max-width: 767px) {
	.single-post .post-header .col-md-6:first-child {
		padding: 0 calc(4vw + 15px) !important;
	}

	.single-post .post-header .col-md-6:last-child {
		padding: 0 !important;
	}

	.single-event .col-md-4 {
		padding-right: 0;
		padding-top: 10px;
	}

	.single-event .col-md-8 {
		padding-left: 0;
		padding-top: 30px;
	}

	.single-event .content-row p:first-child {
		padding-left: 0 !important;
		order: 3;
	}
}

@media (max-width: 600px) {
	.store-info .store-times-col {
		width: 100%;
		flex: 0 100%;
		max-width: 100%;
	}

	.store-info .store-times-col ul {
		width: 60%;
	}

	.store-info .store-details-col {
		width: 100%;
		flex: 0 100%;
		max-width: 100%;
	}

	.store-info .store-image-col .bg-image {
		min-height: 300px;
	}

	.store-info .store-details-col {
		display: flex;
		flex-flow: row;
		align-items: flex-start;
		align-content: flex-start;
	}

	.store-info .store-details-col .location {
		padding-right: 10%;
	}

	.slick-dots li {
		font-size: 0px;
		background-color: #C1CAD8;
		width: 8px;
		height: 8px;
		border-radius: 50%;
		margin: 0 3px;
		opacity: 0.3;
	}
}

@media (max-width: 550px) {
	.topheader .opening-times:after {
		content: "";
		width: 0;
		height: 0;
		border-left: 8px solid transparent;
		border-right: 8px solid transparent;
		border-bottom: 8px solid #fff;
		position: absolute;
		bottom: 80%;
		left: auto;
		right: 18px;
		opacity: 0;
		transition: all .5s ease-in-out;
		-webkit-transition: all .5s ease-in-out;
	}

	.topheader.activetime .opening-times:after {
		content: "";
		width: 0;
		height: 0;
		border-left: 8px solid transparent;
		border-right: 8px solid transparent;
		border-bottom: 8px solid #fff;
		position: absolute;
		bottom: 100%;
		left: auto;
		right: 18px;
		opacity: 1;
		transition: all .5s ease-in-out;
		-webkit-transition: all .5s ease-in-out;
	}

	.inner-hero-banner h4 {
		font-size: 20px;
		color: #009EE3;
		padding-left: 40px;
		line-height: 22px;
	}

	.inner-hero-banner .content {
		padding: 120px 15px 30px 15px;
	}

	.loopshop .filterloop .col-md-6 {
		width: 50%;
	}

	.loopshop .filterloop p {
		display: none;
	}

	.loopshop .filterloop .col-md-6 {
		width: 100%;
	}

	.loopshop .bg-image {
		min-height: 150px;
	}

	.loopshop .bg-image h5 {
		font-size: 20px;
		line-height: 24px;
		letter-spacing: 2px;
	}

	.loopshop .inner h3 {
		font-size: 18px;
		line-height: 22px;
		font-weight: 700;
		padding: 10px 15px 0px 15px;
	}

	.loopshop .content ul li {
		font-size: 14px;
		color: #009EE3;
		padding-right: 5px;
		line-height: 20px;
	}

	.loopshop .content ul li a {
		color: #009EE3;
		font-size: 14px;
		line-height: 18px;
	}

	.loopshop .content ul {
		display: flex;
		padding: 5px 15px 5px 15px;
		flex-flow: row wrap;
	}

	.loopshop .inner .level {
		padding: 8px 15px !important;
		font-size: 14px;
	}

	.loopshop .inner .level i {
		color: #009EE3;
		font-size: 16px;
		padding-right: 3px;
	}

	.loopshop .inner .level::after {
		font-size: 20px;
	}

	.loopshop .cc {
		height: 80px;
		width: 80px;
		border-style: solid;
		border-width: 0 80px 80px 0;
		border-color: transparent #009EE3 transparent transparent;
		position: absolute;
		right: 0;
		top: 0;
	}

	.loopshop .cc p {
		right: -36px;
		font-size: 11px;
		line-height: 12px;
		top: 11px;
	}

	.loopshop .cc p::after {
		font-size: 38px;
	}

	.desc-cta .text {
		width: 100%;
	}

	.desc-cta {
		padding-top: 20px;
	}

	.store-header {
		padding-top: 100px;
	}

	.store-header ul li {
		line-height: 18px;
	}

	.store-header ul li a {
		font-size: 14px;
	}

	.store-header p {
		line-height: 18px;
	}

	.store-info .store-image-col .bg-image {
		min-height: 250px !important;
	}

	.internal_jobs .col-md-2,
	.external_jobs .col-md-2 {
		display: none;
	}

	.internal_jobs,
	.external_jobs {
		padding-top: 40px;
	}

	.internal_jobs h2,
	.external_jobs h2 {
		padding-bottom: 0;
	}

	.internal_jobs .job-details-block {
		display: flex;
		width: 100%;
		align-items: flex-start;
		flex-flow: row wrap;
		justify-content: flex-start;
	}

	.internal_jobs .job-details-block a {
		margin-top: 15px;
	}

	.internal_jobs h2::after, .external_jobs h2::after {
		height: 6px;
		width: 6px;
	}

	.internal_jobs h6,
	.external_jobs h6 {
		font-size: 14px;
		line-height: 20px;
	}

	.newsmainloop .singleitem .item {
		min-height: 200px !important;
	}

	.single-post .content {
		padding: 30px 4vw !important;
	}

	.single-post .store-header {
		padding-top: 90px;
	}

	.newsmainloop .filterloop .col-md-6 {
		width: 100%;
		flex: 0 100%;
		max-width: 100%;
	}

	.newsmainloop .filterloop .col-md-6:last-child {
		display: none;
	}

	.newsmainloop {
		margin-top: 20px;
	}

	.newsmainloop .filterloop button {
		font-size: 16px;
		line-height: 16px;
	}

	.newsmainloop .filterloop {
		padding: 0 0 10px 0 !important;
	}

	.newsmainloop .singleitem {
		margin-bottom: 20px;
	}

	.events-feed .itemblock:nth-child(1) a {
		display: flex;
		flex-direction: column;
	}

	.events-feed .itemblock:nth-child(1) .item {
		background-position: right;
		background-size: cover;
		display: flex;
		background-repeat: no-repeat;
		width: 100%;
		position: relative;
		min-height: 300px;
	}

	.events-feed .itemblock:nth-child(1) .content {
		width: 100%;
		display: flex;
		flex-flow: row wrap;
		position: relative;
	}

	.events-feed .itemblock h3 {
		font-size: 20px;
		line-height: 26px;
	}

	.events-feed .itemblock .date {
		padding-bottom: 10px;
	}

	.events-feed .itemblock.nobg {
		padding: 10px 15px;
	}

	.events-feed .itemblock.nobg {
		margin: 20px auto;
	}

	.events-feed .itemblock:nth-child(1) {
		margin-bottom: 20px;
	}

	.application label {
		padding: 0 25px;
	}

	.application h4 {
		padding: 10px 25px;
	}

	.application h4::after {
		font-size: 20px;
		right: 25px;
	}

	.application .wpcf7-checkbox {
		padding: 5px 25px 0 0;
	}

	.loopshop .inner .content {
		min-height: 210px;
	}
}

@media (max-width: 480px) {
	.store-info .store-times-col ul {
		width: 80%;
	}

	.store-info .store-details-col {
		display: flex;
		flex-flow: row wrap;
		align-items: flex-start;
		align-content: flex-start;
	}

	.store-info .store-details-col .location {
		padding-right: 10%;
	}

	.loopshop .inner .content {
		min-height: 220px;
	}

	.loopshop .content ul li a {
		font-size: 13px;
		line-height: 16px;
	}

	.loopshop .bg-image {
		min-height: 125px;
	}

	.loopshop .element-item:nth-child(odd) {
		padding-right: 10px !important;
	}

	.loopshop .element-item:nth-child(even) {
		padding-left: 10px !important;
	}

	.loopshop .element-item {
		margin-bottom: 20px;
	}
}

@media (max-width: 440px) {
	.loopshop .bg-image {
		min-height: 125px;
	}

	.loopshop .bg-image h5 {
		font-size: 18px;
		line-height: 22px;
		letter-spacing: 1px;
	}

	.loopshop .cc p {
		right: -31px;
		font-size: 11px;
		line-height: 12px;
		top: 6px;
	}

	.loopshop .cc {
		height: 75px;
		width: 75px;
		border-width: 0 75px 75px 0;
	}

	.store-info h3 {
		font-weight: bold;
		font-size: 22px;
	}

	.store-content {
		padding: 100px 0 0 0;
	}

	.newsmainloop .singleitem:first-child h3,
	.newsmainloop .singleitem h3,
	.newsmainloop .singleitem .date h3 {
		font-size: 16px !important;
	}

	.newsmainloop .singleitem .time::after {
		font-size: 20px;
	}

	.newsmainloop .singleitem .item {
		min-height: 150px !important;
	}

	.newsmainloop .singleitem .content,
	.newsmainloop .singleitem .item .date {
		padding: 15px !important;
		width: 60%;
	}

	.newsmainloop .singleitem .item {
		width: 40% !important;
	}

	.newsmainloop .singleitem .content {
		width: 60% !important;
		height: 100% !important;
	}

	.newsmainloop .singleitem .content {
		flex-direction: inherit;
	}

	.single-post .store-header {
		padding-top: 80px;
	}

	.events-feed .itemblock:nth-child(1) .content {
		padding: 20px;
	}

	.events-feed .itemblock:nth-child(1) h3 {
		font-size: 24px;
		line-height: 28px;
	}

	.events-feed {
		padding-top: 10px;
	}

	.events-feed .itemblock.nobg .content {
		background-image: inherit !important;
		display: flex;
		align-items: flex-start;
		flex-direction: column;
	}

	.single-event .col-md-4 {
		padding-right: 0;
		padding-top: 0;
	}

	.loopshop .inner .content {
		min-height: 230px;
	}
}

@media (max-width: 380px) {
	.loopshop .bg-image {
		min-height: 100px;
	}

	.loopshop .bg-image h5 {
		font-size: 16px;
		line-height: 20px;
		letter-spacing: 1px;
	}

	.loopshop .bg-image {
		min-height: 110px;
	}

	.loopshop .inner .content {
		overflow: scroll;
	}

	.store-info .store-times-col ul {
		width: 100%;
	}

	.store-info .store-image-col .bg-image {
		min-height: 200px !important;
	}

	.newsmainloop .singleitem .item {
		min-height: 150px !important;
	}

	.single-post .main-col h1 {
		font-size: 24px;
		line-height: 26px;
	}

	.single-post .store-header {
		padding-top: 70px;
	}

	.single-news .main-col .date {
		padding-bottom: 10px;
	}

	.single-post .main-col h1 {
		margin-bottom: 0;
	}

	.single-post .post-header .bg-image {
		min-height: 200px;
	}

	.events-feed .itemblock:nth-child(1) .item {
		min-height: 250px;
	}

	.events-feed .itemblock .link-text i {
		padding-left: 8px;
	}

	.events-feed .itemblock h3 {
		font-size: 18px;
		line-height: 24px;
	}
}

/* Row */
.row {
  --bs-gutter-x: 1.5rem;
  --bs-gutter-y: 0;
  display: flex;
  flex-wrap: wrap;
  margin-top: calc(-1 * var(--bs-gutter-y));
  margin-right: calc(-0.5 * var(--bs-gutter-x));
  margin-left: calc(-0.5 * var(--bs-gutter-x));
}
.row > * {
  box-sizing: border-box;
  flex-shrink: 0;
  width: 100%;
  max-width: 100%;
  padding-right: calc(var(--bs-gutter-x) * 0.5);
  padding-left: calc(var(--bs-gutter-x) * 0.5);
  margin-top: var(--bs-gutter-y);
}

/* Columns */
.col {
  flex: 1 0 0%;
}

.row-cols-auto > * {
  flex: 0 0 auto;
  width: auto;
}

.row-cols-1 > * {
  flex: 0 0 auto;
  width: 100%;
}

.row-cols-2 > * {
  flex: 0 0 auto;
  width: 50%;
}

.row-cols-3 > * {
  flex: 0 0 auto;
  width: 33.333333%;
}

.row-cols-4 > * {
  flex: 0 0 auto;
  width: 25%;
}

.row-cols-5 > * {
  flex: 0 0 auto;
  width: 20%;
}

.row-cols-6 > * {
  flex: 0 0 auto;
  width: 16.666667%;
}

.col-auto {
  flex: 0 0 auto;
  width: auto;
}

.col-1 {
  flex: 0 0 auto;
  width: 8.333333%;
}

.col-2 {
  flex: 0 0 auto;
  width: 16.666667%;
}

.col-3 {
  flex: 0 0 auto;
  width: 25%;
}

.col-4 {
  flex: 0 0 auto;
  width: 33.333333%;
}

.col-5 {
  flex: 0 0 auto;
  width: 41.666667%;
}

.col-6 {
  flex: 0 0 auto;
  width: 50%;
}

.col-7 {
  flex: 0 0 auto;
  width: 58.333333%;
}

.col-8 {
  flex: 0 0 auto;
  width: 66.666667%;
}

.col-9 {
  flex: 0 0 auto;
  width: 75%;
}

.col-10 {
  flex: 0 0 auto;
  width: 83.333333%;
}

.col-11 {
  flex: 0 0 auto;
  width: 91.666667%;
}

.col-12 {
  flex: 0 0 auto;
  width: 100%;
}

/* Offset classes */
.offset-1 {
  margin-left: 8.333333%;
}

.offset-2 {
  margin-left: 16.666667%;
}

.offset-3 {
  margin-left: 25%;
}

.offset-4 {
  margin-left: 33.333333%;
}

.offset-5 {
  margin-left: 41.666667%;
}

.offset-6 {
  margin-left: 50%;
}

.offset-7 {
  margin-left: 58.333333%;
}

.offset-8 {
  margin-left: 66.666667%;
}

.offset-9 {
  margin-left: 75%;
}

.offset-10 {
  margin-left: 83.333333%;
}

.offset-11 {
  margin-left: 91.666667%;
}

/* Small Devices */
@media (min-width: 576px) {
  .col-sm {
    flex: 1 0 0%;
  }
  .row-cols-sm-auto > * {
    flex: 0 0 auto;
    width: auto;
  }
  .row-cols-sm-1 > * {
    flex: 0 0 auto;
    width: 100%;
  }
  .row-cols-sm-2 > * {
    flex: 0 0 auto;
    width: 50%;
  }
  .row-cols-sm-3 > * {
    flex: 0 0 auto;
    width: 33.333333%;
  }
  .row-cols-sm-4 > * {
    flex: 0 0 auto;
    width: 25%;
  }
  .row-cols-sm-5 > * {
    flex: 0 0 auto;
    width: 20%;
  }
  .row-cols-sm-6 > * {
    flex: 0 0 auto;
    width: 16.666667%;
  }
  .col-sm-auto {
    flex: 0 0 auto;
    width: auto;
  }
  .col-sm-1 {
    flex: 0 0 auto;
    width: 8.333333%;
  }
  .col-sm-2 {
    flex: 0 0 auto;
    width: 16.666667%;
  }
  .col-sm-3 {
    flex: 0 0 auto;
    width: 25%;
  }
  .col-sm-4 {
    flex: 0 0 auto;
    width: 33.333333%;
  }
  .col-sm-5 {
    flex: 0 0 auto;
    width: 41.666667%;
  }
  .col-sm-6 {
    flex: 0 0 auto;
    width: 50%;
  }
  .col-sm-7 {
    flex: 0 0 auto;
    width: 58.333333%;
  }
  .col-sm-8 {
    flex: 0 0 auto;
    width: 66.666667%;
  }
  .col-sm-9 {
    flex: 0 0 auto;
    width: 75%;
  }
  .col-sm-10 {
    flex: 0 0 auto;
    width: 83.333333%;
  }
  .col-sm-11 {
    flex: 0 0 auto;
    width: 91.666667%;
  }
  .col-sm-12 {
    flex: 0 0 auto;
    width: 100%;
  }
  .offset-sm-0 {
    margin-left: 0;
  }
  .offset-sm-1 {
    margin-left: 8.333333%;
  }
  .offset-sm-2 {
    margin-left: 16.666667%;
  }
  .offset-sm-3 {
    margin-left: 25%;
  }
  .offset-sm-4 {
    margin-left: 33.333333%;
  }
  .offset-sm-5 {
    margin-left: 41.666667%;
  }
  .offset-sm-6 {
    margin-left: 50%;
  }
  .offset-sm-7 {
    margin-left: 58.333333%;
  }
  .offset-sm-8 {
    margin-left: 66.666667%;
  }
  .offset-sm-9 {
    margin-left: 75%;
  }
  .offset-sm-10 {
    margin-left: 83.333333%;
  }
  .offset-sm-11 {
    margin-left: 91.666667%;
  }
}

/* Medium Devices */
@media (min-width: 768px) {
  .col-md {
    flex: 1 0 0%;
  }
  .row-cols-md-auto > * {
    flex: 0 0 auto;
    width: auto;
  }
  .row-cols-md-1 > * {
    flex: 0 0 auto;
    width: 100%;
  }
  .row-cols-md-2 > * {
    flex: 0 0 auto;
    width: 50%;
  }
  .row-cols-md-3 > * {
    flex: 0 0 auto;
    width: 33.333333%;
  }
  .row-cols-md-4 > * {
    flex: 0 0 auto;
    width: 25%;
  }
  .row-cols-md-5 > * {
    flex: 0 0 auto;
    width: 20%;
  }
  .row-cols-md-6 > * {
    flex: 0 0 auto;
    width: 16.666667%;
  }
  .col-md-auto {
    flex: 0 0 auto;
    width: auto;
  }
  .col-md-1 {
    flex: 0 0 auto;
    width: 8.333333%;
  }
  .col-md-2 {
    flex: 0 0 auto;
    width: 16.666667%;
  }
  .col-md-3 {
    flex: 0 0 auto;
    width: 25%;
  }
  .col-md-4 {
    flex: 0 0 auto;
    width: 33.333333%;
  }
  .col-md-5 {
    flex: 0 0 auto;
    width: 41.666667%;
  }
  .col-md-6 {
    flex: 0 0 auto;
    width: 50%;
  }
  .col-md-7 {
    flex: 0 0 auto;
    width: 58.333333%;
  }
  .col-md-8 {
    flex: 0 0 auto;
    width: 66.666667%;
  }
  .col-md-9 {
    flex: 0 0 auto;
    width: 75%;
  }
  .col-md-10 {
    flex: 0 0 auto;
    width: 83.333333%;
  }
  .col-md-11 {
    flex: 0 0 auto;
    width: 91.666667%;
  }
  .col-md-12 {
    flex: 0 0 auto;
    width: 100%;
  }
  .offset-md-0 {
    margin-left: 0;
  }
  .offset-md-1 {
    margin-left: 8.333333%;
  }
  .offset-md-2 {
    margin-left: 16.666667%;
  }
  .offset-md-3 {
    margin-left: 25%;
  }
  .offset-md-4 {
    margin-left: 33.333333%;
  }
  .offset-md-5 {
    margin-left: 41.666667%;
  }
  .offset-md-6 {
    margin-left: 50%;
  }
  .offset-md-7 {
    margin-left: 58.333333%;
  }
  .offset-md-8 {
    margin-left: 66.666667%;
  }
  .offset-md-9 {
    margin-left: 75%;
  }
  .offset-md-10 {
    margin-left: 83.333333%;
  }
  .offset-md-11 {
    margin-left: 91.666667%;
  }
}

/* Large Devices */
@media (min-width: 992px) {
  .col-lg {
    flex: 1 0 0%;
  }
  .row-cols-lg-auto > * {
    flex: 0 0 auto;
    width: auto;
  }
  .row-cols-lg-1 > * {
    flex: 0 0 auto;
    width: 100%;
  }
  .row-cols-lg-2 > * {
    flex: 0 0 auto;
    width: 50%;
  }
  .row-cols-lg-3 > * {
    flex: 0 0 auto;
    width: 33.333333%;
  }
  .row-cols-lg-4 > * {
    flex: 0 0 auto;
    width: 25%;
  }
  .row-cols-lg-5 > * {
    flex: 0 0 auto;
    width: 20%;
  }
  .row-cols-lg-6 > * {
    flex: 0 0 auto;
    width: 16.666667%;
  }
  .col-lg-auto {
    flex: 0 0 auto;
    width: auto;
  }
  .col-lg-1 {
    flex: 0 0 auto;
    width: 8.333333%;
  }
  .col-lg-2 {
    flex: 0 0 auto;
    width: 16.666667%;
  }
  .col-lg-3 {
    flex: 0 0 auto;
    width: 25%;
  }
  .col-lg-4 {
    flex: 0 0 auto;
    width: 33.333333%;
  }
  .col-lg-5 {
    flex: 0 0 auto;
    width: 41.666667%;
  }
  .col-lg-6 {
    flex: 0 0 auto;
    width: 50%;
  }
  .col-lg-7 {
    flex: 0 0 auto;
    width: 58.333333%;
  }
  .col-lg-8 {
    flex: 0 0 auto;
    width: 66.666667%;
  }
  .col-lg-9 {
    flex: 0 0 auto;
    width: 75%;
  }
  .col-lg-10 {
    flex: 0 0 auto;
    width: 83.333333%;
  }
  .col-lg-11 {
    flex: 0 0 auto;
    width: 91.666667%;
  }
  .col-lg-12 {
    flex: 0 0 auto;
    width: 100%;
  }
  .offset-lg-0 {
    margin-left: 0;
  }
  .offset-lg-1 {
    margin-left: 8.333333%;
  }
  .offset-lg-2 {
    margin-left: 16.666667%;
  }
  .offset-lg-3 {
    margin-left: 25%;
  }
  .offset-lg-4 {
    margin-left: 33.333333%;
  }
  .offset-lg-5 {
    margin-left: 41.666667%;
  }
  .offset-lg-6 {
    margin-left: 50%;
  }
  .offset-lg-7 {
    margin-left: 58.333333%;
  }
  .offset-lg-8 {
    margin-left: 66.666667%;
  }
  .offset-lg-9 {
    margin-left: 75%;
  }
  .offset-lg-10 {
    margin-left: 83.333333%;
  }
  .offset-lg-11 {
    margin-left: 91.666667%;
  }
}

/* X-Large Devices */
@media (min-width: 1200px) {
  .col-xl {
    flex: 1 0 0%;
  }
  .row-cols-xl-auto > * {
    flex: 0 0 auto;
    width: auto;
  }
  .row-cols-xl-1 > * {
    flex: 0 0 auto;
    width: 100%;
  }
  .row-cols-xl-2 > * {
    flex: 0 0 auto;
    width: 50%;
  }
  .row-cols-xl-3 > * {
    flex: 0 0 auto;
    width: 33.333333%;
  }
  .row-cols-xl-4 > * {
    flex: 0 0 auto;
    width: 25%;
  }
  .row-cols-xl-5 > * {
    flex: 0 0 auto;
    width: 20%;
  }
  .row-cols-xl-6 > * {
    flex: 0 0 auto;
    width: 16.666667%;
  }
  .col-xl-auto {
    flex: 0 0 auto;
    width: auto;
  }
  .col-xl-1 {
    flex: 0 0 auto;
    width: 8.333333%;
  }
  .col-xl-2 {
    flex: 0 0 auto;
    width: 16.666667%;
  }
  .col-xl-3 {
    flex: 0 0 auto;
    width: 25%;
  }
  .col-xl-4 {
    flex: 0 0 auto;
    width: 33.333333%;
  }
  .col-xl-5 {
    flex: 0 0 auto;
    width: 41.666667%;
  }
  .col-xl-6 {
    flex: 0 0 auto;
    width: 50%;
  }
  .col-xl-7 {
    flex: 0 0 auto;
    width: 58.333333%;
  }
  .col-xl-8 {
    flex: 0 0 auto;
    width: 66.666667%;
  }
  .col-xl-9 {
    flex: 0 0 auto;
    width: 75%;
  }
  .col-xl-10 {
    flex: 0 0 auto;
    width: 83.333333%;
  }
  .col-xl-11 {
    flex: 0 0 auto;
    width: 91.666667%;
  }
  .col-xl-12 {
    flex: 0 0 auto;
    width: 100%;
  }
  .offset-xl-0 {
    margin-left: 0;
  }
  .offset-xl-1 {
    margin-left: 8.333333%;
  }
  .offset-xl-2 {
    margin-left: 16.666667%;
  }
  .offset-xl-3 {
    margin-left: 25%;
  }
  .offset-xl-4 {
    margin-left: 33.333333%;
  }
  .offset-xl-5 {
    margin-left: 41.666667%;
  }
  .offset-xl-6 {
    margin-left: 50%;
  }
  .offset-xl-7 {
    margin-left: 58.333333%;
  }
  .offset-xl-8 {
    margin-left: 66.666667%;
  }
  .offset-xl-9 {
    margin-left: 75%;
  }
  .offset-xl-10 {
    margin-left: 83.333333%;
  }
  .offset-xl-11 {
    margin-left: 91.666667%;
  }
}

/* XX-Large Devices */
@media (min-width: 1400px) {
  .col-xxl {
    flex: 1 0 0%;
  }
  .row-cols-xxl-auto > * {
    flex: 0 0 auto;
    width: auto;
  }
  .row-cols-xxl-1 > * {
    flex: 0 0 auto;
    width: 100%;
  }
  .row-cols-xxl-2 > * {
    flex: 0 0 auto;
    width: 50%;
  }
  .row-cols-xxl-3 > * {
    flex: 0 0 auto;
    width: 33.333333%;
  }
  .row-cols-xxl-4 > * {
    flex: 0 0 auto;
    width: 25%;
  }
  .row-cols-xxl-5 > * {
    flex: 0 0 auto;
    width: 20%;
  }
  .row-cols-xxl-6 > * {
    flex: 0 0 auto;
    width: 16.666667%;
  }
  .col-xxl-auto {
    flex: 0 0 auto;
    width: auto;
  }
  .col-xxl-1 {
    flex: 0 0 auto;
    width: 8.333333%;
  }
  .col-xxl-2 {
    flex: 0 0 auto;
    width: 16.666667%;
  }
  .col-xxl-3 {
    flex: 0 0 auto;
    width: 25%;
  }
  .col-xxl-4 {
    flex: 0 0 auto;
    width: 33.333333%;
  }
  .col-xxl-5 {
    flex: 0 0 auto;
    width: 41.666667%;
  }
  .col-xxl-6 {
    flex: 0 0 auto;
    width: 50%;
  }
  .col-xxl-7 {
    flex: 0 0 auto;
    width: 58.333333%;
  }
  .col-xxl-8 {
    flex: 0 0 auto;
    width: 66.666667%;
  }
  .col-xxl-9 {
    flex: 0 0 auto;
    width: 75%;
  }
  .col-xxl-10 {
    flex: 0 0 auto;
    width: 83.333333%;
  }
  .col-xxl-11 {
    flex: 0 0 auto;
    width: 91.666667%;
  }
  .col-xxl-12 {
    flex: 0 0 auto;
    width: 100%;
  }
  .offset-xxl-0 {
    margin-left: 0;
  }
  .offset-xxl-1 {
    margin-left: 8.333333%;
  }
  .offset-xxl-2 {
    margin-left: 16.666667%;
  }
  .offset-xxl-3 {
    margin-left: 25%;
  }
  .offset-xxl-4 {
    margin-left: 33.333333%;
  }
  .offset-xxl-5 {
    margin-left: 41.666667%;
  }
  .offset-xxl-6 {
    margin-left: 50%;
  }
  .offset-xxl-7 {
    margin-left: 58.333333%;
  }
  .offset-xxl-8 {
    margin-left: 66.666667%;
  }
  .offset-xxl-9 {
    margin-left: 75%;
  }
  .offset-xxl-10 {
    margin-left: 83.333333%;
  }
  .offset-xxl-11 {
    margin-left: 91.666667%;
  }
}

/* Order classes */
.order-first {
  order: -1;
}

.order-last {
  order: 6;
}

.order-0 {
  order: 0;
}

.order-1 {
  order: 1;
}

.order-2 {
  order: 2;
}

.order-3 {
  order: 3;
}

.order-4 {
  order: 4;
}

.order-5 {
  order: 5;
}

/* Order classes for different breakpoints follow the same pattern as above */

/* Alignment */
.g-0,
.gx-0 {
  --bs-gutter-x: 0;
}

.g-0,
.gy-0 {
  --bs-gutter-y: 0;
}

.g-1,
.gx-1 {
  --bs-gutter-x: 0.25rem;
}

.g-1,
.gy-1 {
  --bs-gutter-y: 0.25rem;
}

.g-2,
.gx-2 {
  --bs-gutter-x: 0.5rem;
}

.g-2,
.gy-2 {
  --bs-gutter-y: 0.5rem;
}

.g-3,
.gx-3 {
  --bs-gutter-x: 1rem;
}

.g-3,
.gy-3 {
  --bs-gutter-y: 1rem;
}

.g-4,
.gx-4 {
  --bs-gutter-x: 1.5rem;
}

.g-4,
.gy-4 {
  --bs-gutter-y: 1.5rem;
}

.g-5,
.gx-5 {
  --bs-gutter-x: 3rem;
}

.g-5,
.gy-5 {
  --bs-gutter-y: 3rem;
}