:root {
--charcoal: #3C3934;
--yellowwhite: #F7DFC1;
--white:#FFFFFF;
--orange: #CC4D16;
--yellow: #FFC756;
--red: #a42918;
--goodland: 'goodland-variable';
--varsettings: "slnt" 10, "wdth" 75, "wght" 600;
}
		
.clear {
clear:both;
}

img,
img a {
border:none;
max-width:100%;
height:auto;
}

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

a, a:hover {
-webkit-transition: color 0.2s linear;
   -moz-transition: color 0.2s linear;
					-o-transition: color 0.2s linear;
								transition: color 0.2s linear;
text-decoration:none;
}

* {
margin:0;
padding:0;
}

body, html {
-webkit-text-size-adjust: 100%;
-ms-text-size-adjust: none;
-webkit-font-smoothing: antialiased !important;
font-family:"helvetica-neue-lt-pro", Arial;
background:url(images/bg-music.jpg) bottom center;
background-size:cover;
background-attachment:fixed;
}

#main {
height:100vh;
background:url(images/bg-goodoleboy.jpg?v=1.00) center 20%;
background-size:cover;
BUpadding-top:20px;
overflow:hidden;
}

@media all and (max-width:1100px) {
#main {
background:url(images/bg-goodoleboy.jpg?v=1.00) center 20%;
}
}

#menu {
border:5px solid;
border-color: var(--red);
BUborder-color: var(--orange);
max-width:90%;
border-radius:30px;
margin:20px auto 0 auto;
padding:18px 30px;
position:relative;
backdrop-filter: blur(3px);
}

#menu a {
color:var(--white);
BUcolor: var(--orange);
}

#menu a:hover {
opacity:.8;
transition: opacity 0.2s ease-in-out; 
}

#menu #logo {
float:left;
}

#menu #logo img {
max-height:40px;
display:block;
z-index:999;
position:relative;
}



#menu nav {
position:absolute;
left:0;
right:0;
text-align:center;
line-height:40px;
font-family:'goodland-variable';
font-variation-settings: "slnt" 10, "wdth" 75, "wght" 600;
text-transform:uppercase;
font-size:23px;
z-index:1;
max-width:auto;
}

#menu nav li {
display:inline-block;
margin:0 10px;
}

@media all and (max-width:1000px) {
#menu {
padding:18px 0 36px 0;
}

#menu #logo {
float:none;
margin:0 auto 15px auto;
}

#menu #logo img {
margin:0 auto;
}

#menu nav {
line-height:100%;
}
}

#head-socials {
float:right;
line-height:40px;
}

#head-socials li {
float:left;
color:#FFF;
margin:0 0 0 14px;
font-size:18px;
z-index:999;
position:relative;
}

@media all and (min-width:1000px) {
#head-mobile-socials {
display:none;
}
}

@media all and (max-width:1000px) {
#head-socials {
display:none;
}
}

#head-mobile-socials {
position:absolute;
bottom:40px;
left:0;
right:0;
text-align:center;
z-index:999;
}

#head-mobile-socials ul {
margin:0 auto;
display:inline-block;
text-align:center;
padding:15px 40px;
background:url(images/bg-tour.jpg?v-1.00) bottom center;
border-radius:20px;
}

#head-mobile-socials li {
display:inline-block;
margin:0 6px;
font-size:20px;
}

@media all and (max-width:1000px) {
#head-mobile-socials li {
margin:0 3px;
font-size:18px;
}
}

#head-mobile-socials li a {
color:var(--yellowwhite);
}

#head-mobile-socials li a:hover {
color:#FFF;
}

#main-container {
position:relative;
width:80%;
margin:0 auto;
height:100vh;
}

#main-promo {
position: absolute;
top: 31%;
transform: translateY(-31%);
right:2%;
border:5px solid;
border-color: var(--red);
border-radius:30px;
padding:0px 30px 20px 30px;
backdrop-filter: blur(3px);
text-align:center;
}

#main-promo #title {
font-size:70px;
font-family:var(--goodland);
font-variation-settings:var(--varsettings);
color:var(--red);
text-transform:uppercase;
}

#main-promo #copy {
font-size:21px;
color:var(--charcoal);
text-transform:uppercase;
margin:0 0 15px 0;
font-weight:500;
}

#main-promo #cta a {
background-color:var(--red);
padding:12px 22px;
font-family:var(--goodland);
font-variation-settings:var(--varsettings);
color:#FFF;
text-transform:uppercase;
text-align:center;
font-size:22px;
-webkit-transition: background-color .2s ease;
			-moz-transition: background-color .2s ease;
				-ms-transition: background-color .2s ease;
					-o-transition: background-color .2s ease;
    				transition: background-color .2s ease;
								display:inline-flex;
								align-items:center;
}

#main-promo #cta a:before {
font: var(--fa-font-regular);
content: '\f04b';
padding-right:10px;
font-size:12px;
-webkit-transition: all .2s ease;
			-moz-transition: all .2s ease;
				-ms-transition: all .2s ease;
					-o-transition: all .2s ease;
    				transition: all .2s ease;
}

#main-promo #cta a:hover:before {
padding-right:16px;
color:var(--charcoal);
}

#main-promo #cta a:hover {
background-color:var(--yellow);
color:var(--charcoal);
}

#main-cta {
position:absolute;
bottom:60px;
left:0;
right:0;
margin:0 auto;
text-align:center;
}

@media all and (max-width:1000px) {
#main-cta {
position:absolute;
bottom:150px;
}
}


#main-cta a {
background-color:var(--red);
padding:12px 22px;
font-family:var(--goodland);
font-variation-settings:var(--varsettings);
color:#FFF;
text-transform:uppercase;
text-align:center;
font-size:22px;
-webkit-transition: background-color .2s ease;
			-moz-transition: background-color .2s ease;
				-ms-transition: background-color .2s ease;
					-o-transition: background-color .2s ease;
    				transition: background-color .2s ease;
								display:inline-flex;
								align-items:center;
}

#main-cta a:before {
font: var(--fa-font-regular);
content: '\f04b';
padding-right:10px;
font-size:12px;
-webkit-transition: all .2s ease;
			-moz-transition: all .2s ease;
				-ms-transition: all .2s ease;
					-o-transition: all .2s ease;
    				transition: all .2s ease;
}

#main-cta a:hover:before {
padding-right:16px;
color:var(--charcoal);
}

#main-cta a:hover {
background-color:var(--yellow);
color:var(--charcoal);
}

@media all and (max-width:1000px) {
#main-promo {
display:none;
top:42%;
right:0;
left:0;
width:100%;
padding:20px 0 40px 0 !important;
}

#main-promo #title,
#main-promo #copy {
BUcolor:var(--charcoal);
color:var(--yellowwhite);}
}


/** Tool box **/
#container {
width:80%;
margin:0 auto;
z-index:999;
position:relative;
}

#container.narrow {
width:1100px;
z-index:999;
position:relative;
}

#music,
#tour,
#about {
padding:80px 0;
}

#section-head {
margin:0 auto 30px auto;
border:5px solid;
border-color: var(--yellowwhite);
color:var(--yellowwhite);
font-family:var(--goodland);
font-variation-settings:var(--varsettings);
text-transform:uppercase;
border-radius:20px;
font-size:40px;
line-height:100%;
text-align:center;
display:inline-block;
padding:10px 30px !important;
}


/** Music **/
#music {
position:relative;
}

#music::before {
content: "";
position: absolute;
top: 0; 
left: 0;
width: 100%; 
height: 100%;  
background:url(images/bg-music.jpg) top center repeat;
background-attachment:fixed;
z-index:1;
}

#music #head {
font-family:var(--goodland);
font-variation-settings:var(--varsettings);
color:var(--red);
text-transform:uppercase;
text-shadow: 2px 2px 0px var(--charcoal);
font-size:80px;
line-height:80px;
display:inline-block;
padding-right:20px;
}

#music span.outnow {
color:var(--charcoal);
font-size:18px;
font-weight:500;
line-height:80px;
vertfical-align:bottom;
text-transform:uppercase;
display:inline-block;
}

#music-items {
display:grid;
grid-template-columns: 1.4fr 2fr;
grid-gap:40px;
}

#music #music-img {
margin:0 0 15px 0;
display: flex;
height:500px;
}

#music video {
max-width:100%;
}

#music #music-img img,
#music #music-img video {
display:block;
object-fit:cover;
}

#music-items #cta a {
background-color:var(--charcoal);
padding:12px 22px;
font-family:var(--goodland);
font-variation-settings:var(--varsettings);
color:var(--yellow);
text-transform:uppercase;
text-align:center;
font-size:22px;
-webkit-transition: background-color .2s ease;
			-moz-transition: background-color .2s ease;
				-ms-transition: background-color .2s ease;
					-o-transition: background-color .2s ease;
    				transition: background-color .2s ease;
								display:inline-flex;
								align-items:center;
}

#music-items #cta a:before {
font: var(--fa-font-regular);
content: '\f04b';
padding-right:10px;
font-size:12px;
-webkit-transition: all .2s ease;
			-moz-transition: all .2s ease;
				-ms-transition: all .2s ease;
					-o-transition: all .2s ease;
    				transition: all .2s ease;
}

#music-items #cta a:hover:before {
padding-right:16px;
}

#music-items #cta a:hover {
background-color:var(--yellow);
color:var(--charcoal);
}










section#music .music-list {
margin:50px 18% 0 18%;
}

@media all and (max-width:1100px) {
section#music .music-list {
margin:50px 0 0 0;
}
}

section#music .music-list ul {
  display: flex;
  flex-direction: column;
  list-style: none;
  padding-left: 0;
  margin: 0;
		font-family:var(--goodland);
font-variation-settings:var(--varsettings);
text-transform:uppercase;
}
section#music .music-list ul li a {
  text-decoration: none;
  display: grid;
  grid-template-columns: 2vw auto 10vw;
  gap: 4rem;
  padding: 1.2rem 0;
  position: relative;
		font-size:1.4rem;
		
}
@media (max-width: 48em) {
  section#music .music-list ul li a {
    font-size: 1.3rem;
    grid-template-columns: 5vw auto 12vw;
    gap: 1.3rem;
  }
}
section#music .music-list ul li a span.listen-now {
  transition: all 300ms;
		text-align:right;
}

section#music .music-list ul li a span.listen-now:before {
font: var(--fa-font-regular);
content: '\f04b';
padding-right:10px;
font-size:0.7rem;
vertical-align:middle;
padding-bottom:4px;
-webkit-transition: all .2s ease;
			-moz-transition: all .2s ease;
				-ms-transition: all .2s ease;
					-o-transition: all .2s ease;
    				transition: all .2s ease;
}

section#music .music-list ul li a:hover span.listen-now:before {
padding-right:16px;
color:var(--orange);
}

@media (max-width: 1100px) {
  section#music .music-list ul li a span .now {
    display: none;
  }
}
section#music .music-list ul li a,
section#music .music-list ul li a span.album-title {
color:var(--charcoal);
}
section#music .music-list ul li a span.title {
color:var(--charcoal);
}
section#music .music-list ul li a:hover {
color:var(--orange);
}
section#music .music-list ul li a:hover span {
color:var(--orange);
}






















/** Tour **/
#tour {
position:relative;
}

#tour::before {
content: "";
position: absolute;
top: 0; 
left: 0;
width: 100%; 
height: 100%;  
background:url(images/bg-tour.jpg) top center repeat;
background-attachment:fixffed;
z-index:1;
}

#tour #container {
text-align:center;
position:relative;
z-index:999;
}

@media all and (max-width:1000px) {
#tour #container {
max-height:500px;
padding-right:15px;
overflow:auto;
}
}

#tour #dates {
text-align:left;
}

.seated-event-row {
border-top:1px solid;
border-bottom:1px solid !important;
border-color: var(--yellowwhite) !important;
padding:20px 20px 10px 20px !important;
line-height:100% !important;
background:rgb(0,0,0,.2) !important;
color:var(--yellowwhite) !important;
font-family:"helvetica-neue-lt-pro", Arial !important;
}

.seated-event-row:hover {
background:rgb(0,0,0,.2) !important;
}

.seated-event-date-cell,
.seated-event-venue-name,
.seated-event-venue-location {
font-size:16px;
line-height:140%;
}

.seated-event-date-cell {
font-weight:700;
}

.seated-event-details-cell {
padding:0 0 20px 0;
}

.seated-event-venue-name {
padding:0 0 6px 0;
font-weight:500;
}

.seated-event-venue-location {
font-weight:600;
}

.seated-event-link-cells {
}

.seated-event-details-cell {
opacity:1 !important;
display:inline-block !important;
color:#e2d9bf;
font-size:15px;
}

.seated-event-link-cell {
margin:0 auto !important;
}

.seated-event-link1, .seated-event-link1:visited, 
.seated-event-link2, .seated-event-link2:visited {
color: var(--yellow) !important;
border:0 none !important;
background:0 none !important;
border-radius:0 !important;
display: block !important;
font-size: 23px !important;
margin:0 auto !important;
overflow:visible !important;
padding:0 !important;
width:100% !important;
min-width:10px !important;
font-weight:700;
}

.seated-event-link:hover {
color: var(--yellowwhite) !important;
}

.seated-follow-box,
.seated-events-table > div:last-child {
display:none !important;
}




/** Videos **/
#videos {
background-color:#5a4b33;
position:relative;
}

#videos .wrapper {
padding:80px 0;
opacity:100%;
}

#videos .wrapper::before {
content: "";
position: absolute;
top: 0; 
left: 0;
width: 100%; 
height: 100%;  
opacity: 7%; 
background:url(images/videos-noise.gif) top left repeat;
background-attachment:fixed;
}

#videos #section-head {
margin:0 auto 50px auto;
border:5px solid;
border-color: var(--yellowwhite);
color:var(--yellowwhite);
}

#videos #container {
text-align:center;
}

.slider {
float:right;
width: 95%;
}

@media all and (max-width:1000px) {
.slider {
width:100%;
float:none;
}
}

.slick-slide {
margin: 0px 20px;
}

.slick-slide video {
max-width:100%;
}

.slick-slide img {
width: 100%;
display:block;
margin:0 0 15px 0;
}
				
.slick-slide .title {
float:left;
color:var(--yellowwhite);
font-family:var(--goodland);
font-variation-settings:var(--varsettings);
font-size:18px;
text-transform:uppercase;
}

.slick-slide .title a {
color:var(--yellowwhite);
}

.slick-slide .title a:hover {
color:var(--yellow);
}

.slick-slide .btn {
float:right;
color:var(--yellowwhite);
font-family:var(--goodland);
font-variation-settings:var(--varsettings);
font-size:18px;
line-height:100%;
text-transform:uppercase;
}

.slick-slide .btn a {
color:var(--yellowwhite);
display:inline-flex;
align-items:center;
}

.slick-slide .btn a:before {
font: var(--fa-font-regular);
content: '\f04b';
padding-right:10px;
font-size:10px;
-webkit-transition: all .2s ease;
			-moz-transition: all .2s ease;
				-ms-transition: all .2s ease;
					-o-transition: all .2s ease;
    				transition: all .2s ease;
}

.slick-slide .btn a:hover:before {
padding-right:16px;
color:var(--yellow);
}

.slick-slide .btn a:hover {
color:var(--yellow);
}

.slick-prev:before,
.slick-next:before {
color: black;
}

.slick-slide {
transition: all ease-in-out .3s;
opacity: .2;
}
    
.slick-active {
opacity: 1;
}
				


/** About **/
#about {
position:relative;
}

#about::before {
content: "";
position: absolute;
top: 0; 
left: 0;
width: 100%; 
height: 100%;  
background:url(images/bg-music.jpg) top center repeat;
background-attachment:fixed;
z-index:1;
}

#about #section-head {
margin:0 auto 30px auto;
border:5px solid;
border-color: var(--red);
color:var(--red);
z-index:999;
position:relative;
}

#about #col-1 {
float:left;
width:40%;
z-index:999;
position:relative;
}

#about #col-2 {
float:right;
width:55%;
padding-top:40px;
z-index:999;
position:relative;
}

#about #bio {
font-size:15px;
line-height:160%;

}


/** Footer **/
footer {
padding:60px 0;
position:relative;
}

footer:before {
content: "";
position: absolute;
top: 0; 
left: 0;
width: 100%; 
height: 100%;  
background:url(images/bg-tour.jpg) bottom center no-repeat;
background-size:cover;
z-index:1;
}

#email-signup {
background-color:var(--charcoal);
border:3px solid #000;
text-align:center;
padding:30px 20px;
width:70%;
color:var(--yellowwhite);
margin:0 auto 50px auto;
z-index:999;
position:relative;
}

@media all and (max-width:1000px) {
#email-signup {
width:70%;
padding-left:15%;
padding-right:15%;
}
}


#email-signup #head {
font-family:var(--goodland);
font-variation-settings:var(--varsettings);
font-size:40px;
margin:0 0 20px 0;
color:var(--yellow);
text-transform:uppercase;
z-index:999;
position:relative;
}

.mc-field-group {
float:left;
width:30%;
margin:0 1.5%;
}

.mc-field-group label {
font-weight:700;
font-size:14px;
margin:0 0 10px 0;
}

.mc-field-group.size1of2  {
float:none;
width:100%;
margin:0 auto;
}

.datefield {
display: inline;
position: relative;
left: 39%;
-webkit-transform: translateX(-50%);
transform: translateX(-50%)
}

.mc-field-group.size1of2 label {
text-align:center !important;
font-size:18px;
margin:20px auto 8px auto;
display:block;
}

.mc-field-group.size1of2 input {
width:5%;
display:inline-block;
margin:0 5px;
}

.mc-field-group input {
width:96%;
padding:8px 2%;
text-align:center;
font-size:17px;
outline:0 none;
border:0 none;
}

.mc-field-group input:focus {
outline:0 none;
border:0 none;
}

input.button {
background-color:#e2d9bf;
color:#252525;
font-size:20px;
font-weight:700;
text-transform:uppercase;
border:0 none;
outline:0 none;
padding:10px 0;
width:40%;
margin:30px auto 0 auto;
text-align:center;
display:block;
cursor:pointer;
-webkit-transition: all 0.2s ease;
   -moz-transition: all 0.2s ease;
		transition: all 0.2s ease;
	 -o-transition: all 0.2s ease;
}

input.button:hover {
background-color:#252525;
color:#e2d9bf;
}

@media all and (max-width:1100px) {
.mc-field-group {
float:none;
width:100%;
margin:0 0 20px 0;
}

input.button {
width:100%;
}
}

#mc_embed_signup div.mce_inline_error {
font-size:12px;
background-color:var(--orange) !important;
}

#footer-socials {
margin:0 auto 30px auto;
text-align:center;
z-index:999;
position:relative;
}

#footer-socials li {
display:inline-block;
margin:0 5px;
font-size:17px;
}

#footer-socials a {
color:var(--yellowwhite);
}

#footer-socials a:hover {
color:var(--yellow);
}

#copyright {
text-align:center;
color:var(--yellow);
font-size:14px;
z-index:999;
position:relative;
}









.come-in {
  /*transform: translateY(100px);*/
  transform: translate3d(0, 100px, 0);
  animation: come-in 0.8s ease forwards;
		animation-delay:.2s;
}
.come-in:nth-child(odd) {
  animation-duration: 0.6s;
}
.already-visible {
  /*transform: translateY(0);*/
  transform: translate3d(0, 0, 0);
  animation: none;
}

@keyframes come-in {
  to { transform: translate3d(0, 0, 0); }
}




@media all and (min-width:1000px) {
#cody-photo {
display:none;
margin:0;
}
}





@media all and (max-width:1110px) {
#container,
#container.narrow {
width:80%;
margin:0 10%;
}
}

@media all and (max-width:1000px) {
.seated-event-row {
background:rgb(0,0,0,.4) !important;
}

#music-items {
display:grid;
grid-template-columns: 1fr;
grid-gap:30px;
}

#music #music-img {
margin:0 0 10px 0;
display: block;
height:auto;
}

#music #music-img img {
display:block;
}

#music-items #cta a {
display:block;
}

.slick-prev,
.slick-next {
position: absolute;
top: 40%;
}

#about #col-2 {
width:100%;
float:none;
padding:0;
}

#cody-photo {
margin:0 0 20px 0;
}

#about #col-1 {
display:none;
}

#about #bio {
font-size:16px;
}
}