/*
Theme Name: Arkells 2024

*/

/* THIS IS SETUP FOR PLAIN SITES (SITES WITH BOOTSTRAP DO NOT NEED THIS) -------
	--------------------------------*/
article,aside,details,figcaption,figure,footer,header,hgroup,nav,section,summary{display:block;}audio,canvas,video{display:inline-block;}audio:not([controls]){display:none;height:0;}[hidden]{display:none;}html{font-family:sans-serif;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;}a:focus{outline:thin dotted;}a:active,a:hover{outline:0;}h1{font-size:2em;}abbr[title]{border-bottom:1px dotted;}b,strong{font-weight:700;}dfn{font-style:italic;}mark{background:#ff0;color:#000;}code,kbd,pre,samp{font-family:monospace, serif;font-size:1em;}pre{white-space:pre-wrap;word-wrap:break-word;}q{quotes:01C 01D 018 019;}small{font-size:80%;}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline;}sup{top:-.5em;}sub{bottom:-.25em;}img{border:0;}svg:not(:root){overflow:hidden;}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em;}button,input,select,textarea{font-family:inherit;font-size:100%;margin:0;}button,input{line-height:normal;}
button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer;}button[disabled],input[disabled]{cursor:default}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding: 0;}input[type=search]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box;}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none;}textarea{overflow:auto;vertical-align:top;}table{border-collapse:collapse;border-spacing: 0;}body,figure{margin: 0;}legend,button::-moz-focus-inner,input::-moz-focus-inner{border: 0;padding: 0;}
.clearfix:after {visibility: hidden; display: block; font-size: 0; content: ' '; clear: both; height: 0;}
* { box-sizing: border-box; }

/***********************************************
============== COLOURS ====================
***********************************************/

:root {
	--accent: #d9212b;
/* 	--accent: #dc56b8; */
}

/***********************************************
============== SPACINGS ====================
***********************************************/

.bigpadding {
	padding-left:12vw;
	padding-right:12vw;
}
@media only screen and (max-width: 810px) {
	.bigpadding {
		padding-left:6vw;
		padding-right:6vw;
	}
}

.smallpadding {
	padding:1.111vw;
}
@media only screen and (max-width: 810px) {
	.smallpadding {
		padding:8px;
	}
}



.borderRad {
	border-radius: .556vw;
}

@media only screen and (max-width: 810px) {
	.borderRad {
		border-radius:8px;
	}
}

.bottomMargin {
	margin-bottom:6.944vw;
}

@media only screen and (max-width: 810px) {
	.bottomMargin {
		margin-bottom:80px;
	}
}

/***********************************************
============== GENERAL ====================
***********************************************/

body, html {
	font-weight: 400;
	font-style: normal;
	scroll-behavior: smooth;
	background-color:#231f20!important;
/*
	background-image:url("styles/img/2023/textureBG.jpg");
	background-size:cover;
	background-attachment:fixed;
	background-repeat:no-repeat;
	background-position:center;
*/
}


img {
	max-width:100%!important;
}

.mobile-only {
	display:none;
}

@media only screen and (max-width: 810px) {
	.desktop-only {
		display:none!important;
	}
	.mobile-only {
		display:block;
	}
}
/***********************************************
============== FONTS ====================
***********************************************/

:root {
	--headlinefont: 'Prompt', sans-serif;	
	--bodyfont: 'Inter', sans-serif;
}

@font-face {
font-family: 'Tungsten Bold';
font-style: normal;
font-weight: normal;
src: local('Tungsten Bold'), url('styles/fonts/Tungsten-Bold.woff') format('woff');
}


h1, h2, h3, h4, h5 {
    font-family: var(--headlinefont)!important;
    text-transform:uppercase;
    line-height:1;
    font-weight:700;
   }
   
h2 {
	font-size:7rem!important;
	line-height:6rem!important;
	margin-bottom:25px;
}

@media only screen and (max-width: 810px) {
	h2 {
		font-size:45px!important;
		line-height:95%!important;
	} 
}

p {
	font-family:'Inter'!important;
	font-size:1.2rem!important;
	font-weight:300!important;
	margin-bottom:0;
	color:#fff;
}

@media only screen and (max-width: 810px) {
	p {
		font-size:1rem!important;
	}
}

section p {
	padding:30px 0;
}
@media only screen and (max-width: 810px) {
	section p {
		padding:10px 0;
	}
}

a {
	color:var(--accent);
}

a.link-text {
	font-family: var(--headlinefont)!important;
    text-transform:uppercase;
    line-height:1;
    font-weight:700;
    color:var(--accent); 
    	font-size:2vw;

}

@media only screen and (max-width: 810px) {
	a.link-text {
		font-size:5.5vw;
	}
}

a.link-text:hover {
	text-decoration:none;
	color:#fff;
}
 
 /***********************************************
============== BUTTONS ===============
***********************************************/
a.button-small, button {
	padding: 1vw 1.389vw;
    font-size: .933vw;
    background-color:var(--accent);
    color:#fff;
    min-width:450px;
    text-align:center;
    text-decoration:none;
    position:relative;
    transition:.3s;
    display:inline-block;
    font-weight: 600;
	text-transform: uppercase;
	box-shadow:none!important;
	text-shadow:none;
	border:0px!important;
}

@media only screen and (max-width: 810px) {
	a.button-small, button {
		padding: 17px 40px;
		font-size: 12px;
		line-height: 100%;
		min-width:auto;
		display:block;
		margin-bottom:15px;
	}
}
  
a.button-small:hover, a.button-big:hover, button:hover {
    background-color:#000;
    color:#fff;
    text-decoration:none;
    top:1px;
}

a.button-big {
  padding: 2vw 2.389vw;
  font-size: 1.533vw;
  background-color: var(--accent);
  color: #fff;
  min-width: 50%;
  text-align: center;
  text-decoration: none;
  position: relative;
  transition: .3s;
  display: block;
  font-weight: 600;
  text-transform: uppercase;
  box-shadow: none !important;
  text-shadow: none;
  border: 0px !important;
  margin-bottom:25px;
  margin-top:25px;
  box-shadow:7px 9px 0px #fccd04 !important;
  }
  
  @media only screen and (max-width: 810px) {
	a.button-big {
padding: 38px 0px;
    font-size: 20px;
		line-height: 100%;
		min-width:100%;
		display:block;
		margin-bottom:15px;
	}
}

a.button-big:hover {
	background: #fccd04;
	color:#000!important;
	box-shadow:7px 9px 0px var(--accent) !important;

}

 /***********************************************
==================== HEADER / MENU ==================
***********************************************/

/*
header {
	position:relative;
	z-index:2;
}
*/

.logo-container {
	background:transparent;
	width:100%;
	position:absolute;
	z-index:1;
	mix-blend-mode:exclusion;
}

.header-logo {
	position: fixed;
/* 	z-index: 1; */
	width: 180px;
	left: 2.111vw; 
	top: 1.411vw;
}

@media only screen and (max-width: 810px) {
	.header-logo {
		width:120px;
		left: 3.111vw; 
		top: 1.111vw;
	}
}

.input-toggler{
	display: none;
	}
.menu-toggler {
	position: fixed;
	border-radius: .556vw;
	right: 2.556vw; 
	top: 2.111vw;
	width:67px; 
	height: 65px; 
	background: var(--accent); 
	z-index: 100; 
	display: flex; 
	justify-content:center; 
	align-items:center; 
	flex-direction:column; 
	cursor: pointer;
	}

@media only screen and (max-width: 810px) {
	.menu-toggler {
		position: fixed;
		padding: 8px;
		right: 4vw;
		height: 53px;
		border-radius: 2vw;
		top: 4vw;
	}
}

.menu-toggler-line{
	width: 60%; 
	height:3px; 
	background:#fff; 
	margin: 3px 0 3px 0px; 
	position: relative; 
	transition: all .40s ease-out;
	}

.input-toggler:checked ~ .menu-toggler .menu-toggler-line {
	top: 5px; 
	translateY:100px;  
	transform:rotate(45deg);
	}

.input-toggler:checked ~ .menu-toggler .menu-toggler-line:nth-child(2) {
	display: none;
	}

.input-toggler:checked ~ .menu-toggler .menu-toggler-line:nth-child(3) {
	top: -5px; 
	translateY:10; 
	transform:rotate(135deg);
	}

.nav{ 
	width: 100%; 
	height: 100%; 
	background:rgba(0,0,0, 0.8);
	}
	
.nav ul{ 
	width: 100%;
	text-align: center;
	margin-left:0px;
	padding-left:0px;
	}
	
.nav ul li{ 
	width: 100%; 
	text-align: center;
	}
	
.nav ul li a{
	display: inline-block; 
	font-size: 28px; 
	color: #fff; 
	text-transform: uppercase;
	text-align:center;
	font-family:var(--headlinefont);
	}

.sidebar {
	position: fixed; 
	top: 0; 
	height: 100vh; 
	width: 100%; 
	background:rgba(0,0,0,.9); 
	opacity: 0.5; 
	z-index:2;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction:column;
	transform: translateX(-100%);
	transition: all .40s ease-out;
}

.menu-link {
	color: white; 
	text-transform:uppercase;
	font-family:var(--headlinefont);
	font-size: 11vmin; 
	line-height: 13vmin; 
	-webkit-transition: all .25s ease-out; 
	transition: all .25s ease-out;
	}

@media only screen and (max-width: 810px) {
	.menu-link {
		font-size: 13vmin;
    line-height: 17vmin;
    font-weight: 700;
	}
}
	
.menu-link:hover, .menu-link:focus, .menu-link:active {
	color: var(--accent);
	text-decoration:none;
	}

.input-toggler:checked ~ .sidebar {
	transform: translateX(0%); 
	opacity: .98;
	}

ul.menu {
	text-align:center;
	padding-left:0px;
}

.nav-social {
	margin-top:15px;
	margin-bottom:0px;
}

.nav-social a {
	font-size:2rem!important;
	color:#fff!important;
	transition:.3s;
}
@media only screen and (max-width: 810px) {
	.nav-social a {
		font-size:1.3rem!important;
	}
}

.nav-social a:hover {
	color:var(--accent)!important;
}

.nav-social li {
	padding:0 20px;
}
@media only screen and (max-width: 810px) {
	.nav-social li {
		padding:0 6px;
	}
}

.amazon-nav {
	width:40px;
}
@media only screen and (max-width: 810px) {
	.amazon-nav {
		width:37px;
	}
}



.desktop-navigation {
	position:absolute;
	right:1.111vw;
	display:flex;
	align-items: flex-end;
	top: 1.111vw;
	flex-direction: column;
	justify-content: flex-end;
	z-index:2;
}

.desktop-navigation ul {
	display:inline-block;
	margin-bottom:0px;
}

.desktop-navigation ul li {
	display:inline;
	padding-right:1.5vw;
}

.desktop-navigation a.menu-link {
	font-size: 2.7vh;
	line-height: 6vh;
	text-shadow:3px 7px 7px rgba(0,0,0,.2);
	font-weight:700;
}

.desktop-navigation .nav-social {
	margin-top:0px;
}

.desktop-navigation .nav-social a {
	font-size:1.1rem!important;
}

.desktop-navigation ul.nav-social {
	padding-right: 1.5vw;
	padding-top: 10px;
}

.desktop-navigation ul.nav-social li {
	padding-right:0px;
}
 /***********************************************
==================== HOMEPAGE ==================
***********************************************/
.hero-wrapper {
	padding: 1.111vw;
}
@media only screen and (max-width: 810px) {
	.hero-wrapper {
		padding:0px;
	}
}

.hero-inner-wrapper {
	height: calc(100vh - 2.222vw);
	position:relative;
}

@media only screen and (max-width: 810px) {
	.hero-inner-wrapper {
		height: calc(91vh - 2.222vw);
	}
}

.video-hero {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.headline-wrapper {
	left: 1.222vw;
    bottom: 2.222vw;
    position:absolute;
    animation: fadeIn 2s both;
	-webkit-animation: fadeIn 1s both;
	-moz-animation: fadeIn 1s both;
	-o-animation: fadeIn 1s both;
	-ms-animation: fadeIn 1s both;
	animation-delay:.5s;
	width:65vw;
}

@media only screen and (max-width: 810px) {
	.headline-wrapper {
	left: 50%;
    height: calc(91vh - 2.222vw);
    width: 95%;
    bottom: auto;
    transform: translateX(-50%);
	}
}

.headline-wrapper h1 {
	font-size: 7.444vw;
	color:#fff;
	line-height:5.3vw;
	text-shadow:3px 14px 12px rgba(0,0,0,.2);
	font-family:'Prompt'!important;
	font-weight:800;
	letter-spacing:-1px;
}

.headline-wrapper h1 span {
	font-size:6vw;
	line-height:2vw;
}

@media only screen and (max-width: 810px) {
	.headline-wrapper h1 {
font-size: 16.444vw;
    line-height: 9vw;
		text-align:center;
		margin-top:46vh;
		
	}
	.headline-wrapper h1 span {
	font-size:9vw;
	line-height:4vw;

}
}

.headline-wrapper h1 span.present {
	font-size:2vw;
	line-height:3.4vw;
	letter-spacing:2px;
}


@media only screen and (max-width: 810px) {
.headline-wrapper h1 span.present {

	font-size: 5vw;
	  line-height: 10vw;
}
}
.hero-button {
position: absolute;
  display: flex;
  align-items:center;
  background-color: var(--accent);
top: 10.3vw;
  width: 16.319vw;
  padding: .417vw;
  border-radius: .556vw;
  right: 7.3vw;
	cursor:pointer!important;
	transition:.3s;
}

@media only screen and (max-width: 810px) {
	.hero-button {
	   width: 100%;
	   padding: 4px;
	   border-radius: 8px;
	   position: absolute;
	   margin-bottom: 23px;
	   height: 90px;
	   top:auto;
	   bottom:6vh;
	   left: 0;
	   align-items:center;
	   }
	  }

.hero-button img {
	width: 9.375vw;
    height: auto;
    border-radius: .556vw;
}

@media only screen and (max-width: 810px) {
	.hero-button img {
		width: auto!important;
		max-width:100%!important;
		height: 100%;
	    border-radius: 8px;
	   }
	 }

.hero-button .play {
color: #fff !important;
  font-size: 2.5vw;
  width: 1.042vw;
  height: 1.319vw;
  position: absolute;
  top: 1.5vw;
  left: 4.269vw;
  transition: .3s;
}

@media only screen and (max-width: 810px) {
	.hero-button .play {
		font-size: 4.5vw;
    top: 2.2vw;
    left: 6.569vw;
    display:none;
	}
}
@media only screen and (max-width: 767px) {
	.hero-button .play {
		font-size: 8.5vw;
		top: 24%;
		left: 24%;
	}
}



.hero-button p {
font-size: 1.2vw !important;
  padding: 0 .833vw;
  color: #fff;
  font-family: var(--headlinefont) !important;
  text-align: center;
  line-height: 1em;
  width: 100%;
  letter-spacing: 0.7px;
  margin-bottom: 0px !important;
  font-weight: 700 !important;

}
@media only screen and (max-width: 810px) {
	.hero-button p {
		font-size: 2.6vw !important;
    letter-spacing: 0.7px;
    		display: flex;
		justify-content: center;
	}
}

@media only screen and (max-width: 767px) {
	.hero-button p {
		font-size: 1.15rem !important;
		letter-spacing: 0.7px;
	}
}
  
.hero-button:hover {
	color:#000!important;
	background-color:#c8f5fb;
	cursor:pointer!important;
}


.hero-button .play:hover, .hero-button p:hover{
	color:#000!important;
}


 /***********************************************
============== GSAP SCROLLING MARQUEE ===============
***********************************************/
 

.marquee__part {
  flex-shrink: 0;
  padding: 0 20px;
  font-smooth: always;
}

.marquee {
  color: #fff;
  text-transform: uppercase;
  position: relative;
  overflow: hidden;
  z-index:0;
}

.marquee h2 {
	  font-size:9vw!important;
  line-height:12vw!important;
  font-family:'Prompt'!important;
  font-weight:800;
  letter-spacing:-3px;
}

@media only screen and (max-width: 810px) {
	.marquee {
		font-size:3em;
		margin-top:15px;
		padding:35px 0 20px 0;
		z-index:1;
	}
	
	.marquee h2 {
		font-size:20vw!important;
		line-height:1!important;
	}
}

.marquee__inner {
  -webkit-font-smoothing: antialiased;
    width: fit-content;
    display: flex;
    flex: auto;
    flex-direction: row;
}



 /***********************************************
==================== SLIDER ==================
***********************************************/

section.slider {

}

.slider-wrapper {
	background-color:#dfe7f0;
	padding:25px 15px;
}
@media only screen and (max-width: 810px) {
	.slider-wrapper {
		padding:5px;
	}
}

.carousel{
  width:100%;
  margin:0px auto;
}
.slick-slide{
  margin:10px;
}
.slick-slide img{
  width:100%;
}
@media only screen and (max-width: 810px) {
	.slideInfoImg {
		padding-left:0px!important;
		padding-right:0px!important;
	}
}
.wrapper .slick-dots li button:before {
  font-size:20px;
  color:white;
}

.slider-wrapper .slick-dots {
	bottom:-51px!important;
}
@media only screen and (max-width: 810px) {
	.slider-wrapper .slick-dots {
		bottom:-34px!important;
	}
}

.single-item {
	display:flex!important;
	flex-direction:row!important;
	align-items:center!important;
	justify-content:center!important;
	text-align:center;
}
@media only screen and (max-width: 810px) {
	.single-item {
		flex-direction:column!important;
	}
}
.single-item h2 {
	margin-bottom:15px;
}
@media only screen and (max-width: 810px) {
	.single-item h2 {
		margin-bottom:5px;
	}
}
@media only screen and (max-width: 810px) {
	.slideInfo {
		margin:15px 0;
	}
}

.single-item h3 {
	font-size:3rem;
	margin-bottom:25px;
	letter-spacing:1.5px;
}

@media only screen and (max-width: 810px) {
	.single-item h3 {
		font-size:32px;
		letter-spacing:.5px;
		margin-bottom:10px;
	}
}

.slick-dots li button::before {
	font-size:1rem!important;
	}
	
	@media only screen and (max-width: 810px) {
		.slick-dots li {
			padding:0 2px 8px 0!important;
		}
	}

.blog-post-wrapper {
	background:#f5f5f5;
}

h2.news-title {
	font-size:6rem!important;
	line-height:5rem!important;
	text-align:center;
	margin-bottom:15px;
}
@media only screen and (max-width: 810px) {
	h2.news-title {
		font-size:45px!important;
		line-height:95%!important;
	}
}

.home-featured-image {
	background-size:cover!important;
	background-position:top center;
	padding:35px;
/* 	background-image:url('styles/img/tourblur.jpg'); */
	background-size:cover;
	background-repeat:no-repeat;
	background-position:top center;
}

	@media only screen and (max-width: 810px) {
		.home-featured-image {
			padding:15vw 5vw;
			min-height:auto;
		}
	}

.home-blog-post-title-wrapper {
	position:absolute;
	top:0;
	left:0;
	background-color:rgba(223,231,240,.95);
	padding:35px!important;
}

@media only screen and (max-width: 810px) {
	.home-blog-post-title-wrapper {
		padding:15px!important;
	}
}

.inner-blog-home-wrapper {
	display: flex;
	flex-direction:column;
	  align-content: center;
	  align-items: center;
	  gap: 3%;
}

.inner-blog-home-wrapper img {
/* 	min-width:550px; */
margin-bottom:35px;
}

@media only screen and (max-width: 810px) {
	.inner-blog-home-wrapper {
		flex-direction:column;
	}
	
	.inner-blog-home-wrapper img {
		min-width:100%;
	}
}

.home-video-music {
	overflow:hidden;
}	


.home-video-music-inner {
	background-color:#fff;
	text-align:center;
}


.home-video, .home-music {
	padding:35px!important;
}
@media only screen and (max-width: 810px) {
	.home-video, .home-music {
		padding:10px!important;
	}
	
	.home-video-music.bigpadding {
		padding:0px!important;
	}
	
	.blogImage {
		margin-bottom:20px;
	}
}



.video-outer-wrapper {
	margin-top:-25px;
	display:flex;
	align-items:center;
}
@media only screen and (max-width: 810px) {
	.video-outer-wrapper {
		margin-top:-40px;
	}
}


@media only screen and (max-width: 810px) {
	.csslider > .arrows {
	  left: 10px!important;
	  padding: 0 0px!important;
	}
	.csslider > .arrows label {
		padding:13px!important;
	}
}



.home-shop-wrapper {
	display:flex;
	gap:1.5%;
}
@media only screen and (max-width: 810px) {
	.home-shop-wrapper {
		flex-direction:column-reverse;
		gap:0px;
	}
}


.home-shop-inner-left {
	width:50%;
	padding:50px!important;
	display:flex;
}
@media only screen and (max-width: 810px) {
	.home-shop-inner-left{
		width:100%;
		padding:10px!important;
		border-top-left-radius: 0px!important;
		border-top-right-radius: 0px!important;
	}
}

.home-shop-inner-left p {
	width:60%;
}
@media only screen and (max-width: 810px) {
	.home-shop-inner-left p {
		width:100%;
	}
}
@media only screen and (max-width: 810px) {
	.home-shop-wrapper h2, .home-shop-wrapper .button-small {
		text-align:center!important;
		margin:0 auto;
	}
}


	

.home-shop-inner-right {
	width:50%;
	padding:50px!important;
	display:flex;
}
@media only screen and (max-width: 810px) {
	.home-shop-inner-right {
		width:100%;
		padding:10px!important;
		border-bottom-left-radius: 0px!important;
		border-bottom-right-radius: 0px!important;

	}
}

.home-shop-inner-left, .home-shop-inner-right {
	background-color:transparent;
	flex-direction: column;
  justify-content: center;
  align-items: center;

}

.home-shop-inner-left .button-small, .home-shop-inner-right .button-small {
	margin-top:20px;
	width:100%;
}

@media only screen and (max-width: 810px) {
.home-shop-inner-left .button-small, .home-shop-inner-right .button-small {
	width:100%;
	}
	}

.home-shop-inner-right img, .home-shop-inner-left img {
	margin:0 auto;
	display:block;
}

.home-shop-wrapper h2 {
	font-size:6vw!important;
	text-align:left;
	line-height:7.5vw!important;
}

@media only screen and (max-width: 810px) {
	.home-shop-wrapper h2 {
		font-size: 40px !important;
    line-height: 95% !important;
    padding-bottom:10px;
	}
}

.individual-video {
	margin-bottom:25px;
}

.home-video .button-small {
	margin:0 auto;
}

.home-shop-wrapper img {
	transition:.3s;
}

.home-shop-wrapper img:hover {
	transform:scale(1.1);
}


/***********************************************
============== SHOP SECTION ====================
***********************************************/

.shop {
	margin:250px 0;
	display:flex;
	justify-content:center;
	text-align:center;
}
@media only screen and (max-width: 810px) {
	.shop {
		flex-direction:column;
		margin:100px 0 0 0;
	}
}

a.shop-column-wrap {
	display:block;
	transition:.2s;
}

.shop-column {
	transition:.3s;
}

/*
.shop-column:hover {
	transform:scale(1.1);
}
*/


a.shop-column-wrap img {
	position:relative;
}

h2.shop-title {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	font-size: 12vw!important;
	font-weight: 800 !important;
	z-index:2;
	transition:.2s;
	}
@media only screen and (max-width: 810px) {
	h2.shop-title {
		font-size:25vw!important;
		top:34%;
	}
}

.shop-image {
width: 95%;
  margin: 0 auto;
  height: 530px;
  object-fit: contain;
}

@media only screen and (max-width: 810px) {
	.shop-image {
		width:90%;
		height:auto!important;
		margin-bottom:100px;
	}
	.shop-image.merch {
/* 		width:60%; */
	}
}

a.shop-column-wrap h2.shop-title {
	transition:.3s;
	color: var(--accent)!important;
}

a.shop-column-wrap:hover {
	cursor:pointer!important;
}

 a.shop-column-wrap h2.shop-title:hover {
	color: #fff!important;
	cursor:pointer!important;

}


.shop-column .btn {

}


 /***********************************************
==================== BLOG ==================
***********************************************/

.hero-wrapper-blog {
	margin: 1.111vw;
	background-image:url('styles/img/bandBG.jpg');
	background-position:top center;
	background-size:cover;
	background-repeat:no-repeat;
}

.hero-inner-wrapper-blog .headline-wrapper {
	animation:none;
}

.hero-inner-wrapper-blog {
	height: 60vh;
	position:relative;
}

.blog-page-outer {
	padding-top:4%;
	overflow:hidden;

}

.post-wrapper {
	display:block;
	margin: 0 6.111vw 6.111vw 6.111vw;
	background-color:transparent;
	padding:35px;
	margin-bottom:50px;
}
@media only screen and (max-width: 810px) {
	.post-wrapper {
		padding:15px;
	}
}
.post-wrapper figure {
	display:none;
}

.blog-title-image-wrapper {
	display:flex;
	align-items:center;
	margin-bottom:3%;
	gap:2.5%;
	background-color: #e8eef6;
	padding: 35px;
}
@media only screen and (max-width: 810px) {
	.blog-title-image-wrapper {
		flex-direction:column;
		padding:10px;
		margin-bottom:9%;
	}
}
	

.blog-featured-image {
	width:auto;
	max-height:550px;
	max-width:55%!important;
}
@media only screen and (max-width: 810px) {
	.blog-featured-image { 
		max-width:100%!important;
	}
}

.post-wrapper h2 {
	font-size: 8rem;
	line-height: 7rem;
	text-align:left;
}

.title-date-wrapper h4, .inner-blog-home-wrapper-right h4 {
font-family: 'Inter' !important;
  font-weight: 600;
  font-size: 1rem;
  margin-bottom: 35px;
  background: var(--accent);
  color: #fff;
  padding: 5px 24px;
  display: inline-block;
  border-radius:8px;
  text-transform:uppercase;
}
@media only screen and (max-width: 810px) {
	.title-date-wrapper {
		text-align:center;
	}
	.title-date-wrapper h4, .inner-blog-home-wrapper-right h4 {
		font-size: .9rem;
    margin-bottom: 19px;
    margin-top: 25px;
    text-align: center;
  
	}
	.title-date-wrapper h2 {
		text-align:center;
	}
}
	

.post-wrapper p {
	padding:0px;
	margin-bottom:20px;
}

.post-wrapper a {
	font-weight:500!important;
	color:#000!important;
	text-decoration:underline;
	transition:.3s;
}

.post-wrapper a:hover {
	color:var(--accent)!important;
}

#btn-back-to-top {
  position: fixed;
  bottom: 20px;
  right: 3.7vw;
  background: var(--accent);
  color: #fff;
  border-radius: 50%;
  border:none!important;
  box-shadow:none!important;
  font-size: 1.2em;
  padding: 10px 18px;
}
@media only screen and (max-width: 810px) {
	#btn-back-to-top {
		padding:6px 14px;
		bottom:7%;
	}
}

#btn-back-to-top:hover {
	background:#000;
}

 /***********************************************
==================== TOUR ==================
***********************************************/

.hero-wrapper-tour {
	margin: 1.111vw;
	background-image:url('styles/img/live-header.jpg');
	background-position:top center;
	background-size:cover;
	background-repeat:no-repeat;
}

.hero-inner-wrapper-tour .headline-wrapper {
	animation:none;
}

.hero-inner-wrapper-tour {
	height: 60vh;
	position:relative;
}

.tour-page-outer {
	padding-top:1.944vw;
}

.tour-page-inner {
	background-color:transparent;
	padding:20px 0px 35px 0;
}

.tour-outer {
	position:relative;
	min-height:80vh;
}

.tour-outside .button-small {
margin-top:20px;
}

.tour-outside {
	text-align:center;
}

.video-wrapper-tour {
	height:100%;
	width:98%;
}

.bit-widget .bit-offers
{
  background-color: var(--accent)!important;
  border: 1px solid var(--accent)!important;
  color: #fff!important;
  }
  
  .bit-play-my-city-wrapper {
	  display:none!important;
  }
  
  .bit-vertical-date {
	  color:#fff;
	  background:#ff4e8b;
  }
  
  .bit-widget.bit-layout-desktop .bit-venue-vertical {
	  max-width:500px!important;
  }
  
  a.bit-location-under-mobile {
	  padding: 13px 0 !important;
  display: block;
  font-weight: 800;
  text-transform: uppercase;
  }
  
  .bit-widget.bit-layout-desktop .bit-location {
	  font-weight:600;
  }

@media only screen and (max-width: 810px) {  
  .bit-details {
	  padding:7px 0;
  }
 }
 
 .tour-page-inner .button-small {
	 min-width:auto;
	 width:100%;
 }
 @media only screen and (max-width: 810px) {  
	  .tour-page-inner .button-small {
		  margin-top:15px;
		 }
		}

.tour-page-inner p {
	margin-bottom:0px;
}


.tour-page-inner .row:nth-child(even) {
	background:#d4dde8;
	padding:10px 0;
}

 @media only screen and (max-width: 810px) {
.tour-page-inner .row:nth-child(even) {
	background:#dfe7f0;
	}
}

.tour-page-inner .row {
	margin:10px 0;
}

@media only screen and (max-width: 810px) { 
section.tour-page-outer p {
	padding:2px 0;
	text-align:center;
}
}

.video-wrapper {
	text-align:center;
}


.seated-event-link, .seated-event-link1, .seated-event-link2, .seated-event-link3, .seated-follow-link {
padding: 10px!important;
  background-color: var(--accent)!important;
  color: #fff!important;
  text-align: center!important;
  text-decoration: none!important;
  position: relative!important;
  transition: .3s!important;
  display: inline-block!important;
  font-weight: 600!important;
  text-transform: uppercase!important;
  box-shadow: none !important;
  text-shadow: none!important;
  border: 0px !important;
  }
  
  .seated-event-row {
	  border-bottom:1px solid #000!important;
	  color:#fff!important;
  }
  
  @media only screen and (max-width: 810px) {
	  .seated-event-link {
		  width:100%;
	  }
	 }
	 
	 .seated-follow-text {
		 color:#fff;
	 }
 /***********************************************
==================== BAND ==================
***********************************************/

.hero-wrapper-band {
	margin: 1.111vw;
	background-image:url('styles/img/bandBG6.jpg');
	background-position:top center;
	background-size:cover;
	background-repeat:no-repeat;
}

.hero-inner-wrapper-band .headline-wrapper {
	animation:none;
}

.hero-inner-wrapper-band {
	height: 60vh;
	position:relative;
}

.band-page-outer {
	padding-top:6.944vw;
}

.band-page-outer p {
	padding:7px 0;
}

.band-page-inner {
	background-color:transparent;
	padding:35px;
}
@media only screen and (max-width: 810px) {
	.band-page-inner {
		padding:15px;
	}
}

.biowrapper {
	display:flex;
	align-items:center;
	gap:1.5%;
}
@media only screen and (max-width: 810px) {
	.biowrapper {
		flex-direction:column-reverse;
	}
}
.band-page-inner blockquote {
	font-family:var(--headlinefont);
font-size: 4rem;
  line-height: 4rem;
  background-image: url('styles/img/quotationmarks-grey.png');
  background-position: top left;
  background-repeat: no-repeat;
  background-size: 7vw;
  padding: 2.1vw 0 0 2.3vw;
  font-weight: 700;
  text-transform: uppercase;
  color:#fff;
}
@media only screen and (max-width: 810px) {
	.band-page-inner blockquote {
		font-size:3rem;
		line-height:3rem;
		background-size: 14vw;
		padding: 5.1vw 0 0 3.5vw;
	}
}	

.globe {
	width: 175px;
	margin-left: 2.5vw;
}

@media only screen and (max-width: 810px) {
	.globe {
		width: 175px;
		margin-left: 15px;
	}
}

.band-image-wrapper {
	margin-top:4%;
	display:grid;
	grid-template-columns: 1fr 1fr 1fr 1fr;
	grid-gap: 15px;
	margin-bottom:7px;
}
@media only screen and (max-width: 810px) {
	.band-image-wrapper {
		margin-top:50px;
		grid-template-columns: 1fr 1fr;
	}
}


 /***********************************************
==================== THE RALLY ==================
***********************************************/



 /***********************************************
==================== homepage rally ==================
***********************************************/

.hero-wrapper-homerally {
	margin: 1.111vw;
	background-image:url('styles/img/blog-BG.jpg');
	background-position:top center;
	background-size:cover;
	background-repeat:no-repeat;
}

.hero-inner-wrapper-homerally .headline-wrapper {
	animation:none;
}

.hero-inner-wrapper-homerally{
	height: 60vh;
	position:relative;
}

.homerally-page-outer {
	padding-top:0;
}

.homerally-page-outer p {
	padding:7px 0;
}

.homerally-page-inner {
	padding:35px;
}
@media only screen and (max-width: 810px) {
	.homerally-page-inner {
		padding:15px;
	}
}

.homerally-page-inner h2 {
	font-size:4em!important;
	text-align:center;
	text-transform:capitalize!important;
}

@media only screen and (max-width: 810px) {
	.homerally-page-inner h2 {
		font-size:2.5em!important;
	}
}

.homerally-page-inner blockquote {
	font-family:var(--headlinefont);
	font-size:5.5rem;
	line-height:5.2rem;
	background-image:url('styles/img/quotationmarks.png');
	background-position:top left;
	background-repeat: no-repeat;
	background-size: 7vw;
	padding: 2.1vw 0 0 2.3vw;
}
@media only screen and (max-width: 810px) {
	.homerally-page-inner blockquote {
		font-size:3rem;
		line-height:3rem;
		background-size: 14vw;
		padding: 5.1vw 0 0 3.5vw;
	}
}	


.homerally-image-wrapper {
	margin-top:4%;
	display:grid;
	grid-template-columns: 1fr 1fr 1fr;
	grid-gap: 25px;
	margin-bottom:7px;
}
@media only screen and (max-width: 810px) {
	.homerally-image-wrapper {
		margin-top:50px;
		grid-template-columns: 1fr;
	}
}

.homerally-image-wrapper img {
	transition:.5s;
}







.hero-wrapper-rally {
	margin: 1.111vw;
	background-image:url('styles/img/tour-header.jpg');
	background-position:top center;
	background-size:cover;
	background-repeat:no-repeat;
}

.hero-inner-wrapper-rally .headline-wrapper {
	animation:none;
}

.hero-inner-wrapper-rally {
	height: 60vh;
	position:relative;
}

.rally-page-outer {
	padding-top:11.944vw;
	overflow:hidden;
}

	@media only screen and (max-width: 810px) {
.rally-page-outer {
	padding-top:27.944vw;
	overflow:hidden;
}
}

.rally-page-outer .marquee__part {
	padding-right:20px;
	padding-left:10px;
}



.rally-page-outer .marquee__inner h2 {
	color:#458e85!important;
	line-height: 1 !important;
  padding-bottom: 0px !important;
  margin-bottom:0px;
	}
	
	@media only screen and (max-width: 810px) {
.rally-page-outer .marquee__inner h2 {
	font-size:16vw!important;
	margin-bottom:-2px;
}
}

.rally-page-outer p {
	padding:7px 0;
}

.rally-page-inner {
	background-color:transparent;
}
@media only screen and (max-width: 810px) {
	.rally-page-inner {
		padding:0 15px;
	}
}

.biowrapper {
	display:flex;
	align-items:center;
	gap:1.5%;
}
@media only screen and (max-width: 810px) {
	.rally-page-inner .biowrapper {
		flex-direction:column;
	}
}
.rally-page-inner blockquote {
	font-family:var(--headlinefont);
	font-size:4.5rem;
	line-height:4.2rem;
}
@media only screen and (max-width: 810px) {
	.rally-page-inner blockquote {
		font-size:3rem;
		line-height:2.5rem;
		background-size: 14vw;
		padding: 5.1vw 0 0 0;
		text-align:center;
	}
}	

.rally-page-inner blockquote span{
	font-size:4.5rem;
	line-heighgt:1;
}
@media only screen and (max-width: 810px) {
	.rally-page-inner blockquote span{
		font-size:2.5rem;
	}
	}

.globe {
	width: 175px;
	margin-left: 2.5vw;
}

@media only screen and (max-width: 810px) {
	.globe {
		width: 175px;
		margin-left: 15px;
	}
}

.rally-image-wrapper {
	margin-top:4%;
	display:grid;
	grid-template-columns: 1fr 1fr 1fr 1fr;
	grid-gap: 15px;
	margin-bottom:7px;
}
@media only screen and (max-width: 810px) {
	.rally-image-wrapper {
		margin-top:50px;
		grid-template-columns: 1fr 1fr;
	}
}


.rally-block {
	margin-bottom:100px;
	background:#eeeddb;
	border:3px solid #48140e;
	padding-top:10px;
	padding-bottom:5%;
}

.rally-block img {
	width:100%;
}

@media only screen and (max-width: 810px) {
	.rally-block {
		flex-direction:column;
		margin-bottom:30px;
	}
	.rally-block img {
		width:100%;
	}
}

#seated-55fdf2c0 {
	padding:3%;
}

.rally-page-inner-flyer {
	display:flex;
	margin-bottom:10px;
	justify-content:center;
	align-items:center;
}

@media only screen and (max-width: 810px) {
.rally-page-inner-flyer {
	flex-direction:column;
	}
}

.rally-band {
	display:flex;
	align-items:center;
	padding:100px 5.5%;
}
@media only screen and (max-width: 810px) {
	.rally-band {
		flex-direction:column;
		padding:50px 1.5%;
	}
}

.rally-band-text {
	padding-left:50px!important;
}

@media only screen and (max-width: 810px) {
	.rally-band-text {
		padding-left:20px!important;
		padding-right:20px;
	}
}
.rally-support h2 {
color: #eeeddb;
  background: #458e85;
  }
.rally-support-inner {
	display:flex;
	justify-content:center;
}

@media only screen and (max-width: 810px) {
	.rally-support-inner {
		flex-direction:column;
	}
}

.rally-support-inner > div {
	padding:30px;
}

@media only screen and (max-width: 810px) {

.rally-support-inner > div {
	padding:15px 30px;
}
}

.rally-support-inner img {
	margin-bottom:15px;
}

.rally-charity {
	background: #458e85;
  padding: 26px 30px 3px 30px!important;
  color:#eeeddb;
   margin-top:50px;
}
@media only screen and (max-width: 810px) {
.rally-charity {
	width:95%!important;
	margin:0 auto;
}
}

.rally-charity h3, .rally-charity p, .rally-charity a {
	color:#eeeddb!important;
}

.rally-charity a {
	font-weight:700;
	text-decoration:underline;
}

.rally-hotels {
	border:3px solid #4b150f;
	margin-top:50px;
	margin-bottom:50px;
	padding-top:20px;
}
@media only screen and (max-width: 810px) {
	.rally-hotels {
		width:95%!important;
	}
	}

.rally-hotels h3 {
	text-align:center;
}
.rally-hotels h3 span {
	font-size:1.8vw;
	display:block;
}
@media only screen and (max-width: 810px) {

.rally-hotels h3 span {
  font-size: 4.2vw;
  display: block;
  margin-top: 7px;
}
}

.hotel-logos-wrapper {
	display:grid;
	grid-template-columns:1fr 1fr 1fr 1fr;
	align-items:center;
	justify-content:center;
	padding:30px 0;
}
@media only screen and (max-width: 810px) {
.hotel-logos-wrapper {
	grid-template-columns:1fr 1fr
}
}

.hotel-logos-wrapper img{
width: 150px !important;
  margin: 10px auto;
  display: block;
}

@media only screen and (max-width: 810px) {

.hotel-logos-wrapper img{
width: 100px !important;
margin-bottom:20px;
}
}

 /***********************************************
==================== CONTACT ==================
***********************************************/

.hero-wrapper-contact {
	margin: 1.111vw;
	background-image:url('styles/img/bandBG.jpg');
	background-position:top center;
	background-size:cover;
	background-repeat:no-repeat;
}

.hero-inner-wrapper-contact .headline-wrapper {
	animation:none;
}

.hero-inner-wrapper-contact {
	height: 60vh;
	position:relative;
}

.contact-page-outer {
	padding-top:6.944vw;
}

.contact-page-inner {
	display:grid;
	grid-template-columns: 1fr 1fr 1fr;
	grid-gap:2%;
}

@media only screen and (max-width: 810px) {
	.contact-page-inner {
		grid-template-columns: 1fr 1fr;
		grid-gap:initial;
	}
}

@media only screen and (max-width: 767px) {
	.contact-page-inner {
		grid-template-columns: 1fr;
	}
}

.contactColumn {
	background-color:transparent;
	width:100%;
	margin-bottom:5%;
	display:flex;
	flex-direction:column;
	justify-content:center;
	text-align:center;
	padding:35px;
	min-height:250px;
}

@media only screen and (max-width: 810px) {
	.contactColumn {
			padding:8px;
	}
}

.contactColumn h3 {
	font-size:2.35rem;
	margin-bottom:20px;
}

.contactColumn a.button-small {
	margin: 0 auto;
	min-width:300px;
}


 /***********************************************
==================== NEWSLETTER ==================
***********************************************/

.hero-wrapper-newsletter {
	margin: 1.111vw;
	background-image:url('styles/img/blog-BG.jpg');
	background-position:top center;
	background-size:cover;
	background-repeat:no-repeat;
}

.hero-inner-wrapper-newsletter .headline-wrapper {
	animation:none;
}

.hero-inner-wrapper-newsletter {
	height: 60vh;
	position:relative;
}

.newsletter-page-outer {
	padding-top:6.944vw;
}

.newsletter-page-outer p {
	padding:7px 0;
}

.newsletter-page-inner {
	background-color:#f5f5f5;
	padding:35px;
}
@media only screen and (max-width: 810px) {
	.newsletter-page-inner {
		padding:15px;
	}
}


.newswrapper h3 {
	font-size:2rem;
	font-weight:800;
}
@media only screen and (max-width: 810px) {
.newswrapper h3 {
	font-size:1.5rem;
}
}

.button-small.newsletterPage {
	margin:40px auto 0 auto!important;
	display:block;
}

#subForm {
	margin:0 auto;
	max-width:650px;
}

#subForm label {
	margin-top:5px;
}
#subForm input {
	width:100%;
	padding:3px;
}

#subForm button {
	margin-top:15px;
	width:100%;
}


 /***********************************************
==================== FOOTER ==================
***********************************************/

.footer-inner {
	background-color:#000;
	text-align:center;
}

footer p, footer a {
	color:#fff!important;
	font-size:.8rem!important;
	margin-bottom:5px;
	transition:.3s;
}

footer a:hover {
	color:var(--accent)!important;
}

.footer-social {
	margin-top:15px;
	margin-bottom:0px;
}

.footer-social a {
	font-size:1.2rem!important;
}

.footer-social li {
	padding:0 10px;
}
@media only screen and (max-width: 810px) {
	.footer-social li {
		padding:0 4px;
	}
}

.amazon-footer {
	width:37px;
}
	
.nl-logo-main {
	width:180px;
	margin:0 auto 15px auto;
	display:block;
}
@media only screen and (max-width: 810px) {
	.nl-logo-main {
		width:190px;
	}
}

.modal-body h3 {
	font-size:1.7rem;
	font-weight:700;
}
@media only screen and (max-width: 810px) {

.modal-body h3 {
	font-size:1.3rem;
	}
	
.modal-content .button-small{
	margin:0 auto;
}
	}

.modal-content {
	background-color:#f2f6f7!important;
	padding-bottom:2rem!important;
}

.close {
  font-size: 2rem!important;
  margin: 5px 0 0 11px!important;
  color:#000!important;
  }
  
  label {
  	font-family:'Inter' !important;
  	font-weight:300;
  }
 /***********************************************
==================== ANIMATIONS ==================
***********************************************/

@keyframes fadeIn {  
   from {  
       opacity:0;  
   }  

   to {  
       opacity:1;  
   }  
}