.pswp {
display:none !important;
}

@font-face {
font-family: bird;
src: url(fonts/TAYBigBirdRegular.eot);
src: url(fonts/TAYBigBirdRegular.eot?#iefix) format("embedded-opentype"), 
url(fonts/TAYBigBirdRegular.woff2) format("woff2"), 
url(fonts/TAYBigBirdRegular.woff) format("woff"), 
url(fonts/TAYBigBirdRegular.ttf) format("truetype")
}

html,
body *:hover,
body:active *:hover{
  cursor: url('cursor.png?crop=center&height=22&v=1715109782&width=22'), auto;
}


.video-wrapper {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	padding-top: 25px;
	height: 0;
}

.video-wrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.clear {
clear:both;
}

img, 
img a {
	max-width:100%;
	height:auto;
	border:0 none;
}

ul {
list-style:none;
margin:0;
padding:0;
}

a, a:hover {
text-decoration:none;
-webkit-transition: all 0.3s ease;
   -moz-transition: all 0.3s ease;
		transition: all 0.3s ease;
	 -o-transition: all 0.3s ease;
}

* {
margin:0;
padding:0;
}

body {
-webkit-text-size-adjust: 100%;
-ms-text-size-adjust: none;
-webkit-font-smoothing: antialiased !important;
font-family: 'bird', Arial, sans-serif;
background-color:#000;
color:#cfa242;
font-size:15px;
animation: fadein 1s;
overflow-x:hidden;
-webkit-animation: fadein 1s; /* Safari and Chrome */
   -moz-animation: fadein 1s; /* Firefox */
	 -o-animation: fadein 1s; /* Opera */
}

@keyframes fadein {
    from {opacity:0;}
    to {opacity:1;}
}
@-moz-keyframes fadein { /* Firefox */
    from {opacity:0;}
    to {opacity:1;}
}
@-webkit-keyframes fadein { /* Safari and Chrome */
    from {opacity:0;}
    to {opacity:1;}
}
@-o-keyframes fadein { /* Opera */
    from {opacity:0;}
    to {opacity: 1;}
}

#feature {
width:100vw;
height:100vh;
margin:0 0 100px 0;
position:relative;
}

#videobg {
object-fit: cover;
width: 100vw;
height: 100vh;
position: relative;
z-index:1;
opacity:.6;
}

#logo {
position: absolute;
left: 50%;
top: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
max-width:60%;
z-index:5;
width:100vw;
}

#logo img {
opacity:1;
}

#section-heading {
margin:0 0 60px 0;
}

#section-heading img {
max-width:180px;
}

.lines {
overflow:hidden;
text-align: center;
}
.lines > div {
position: relative;
display: inline-block;

}
.lines > div:before,
.lines > div:after{
content: '';
position: absolute;
top: 42%;
border-bottom: 3px solid #caa359;
border-top:0px solid #caa359;
width:1000px;
height:3px;
margin: 0;
}
.lines div:before {
right: 100%;
}
.lines div:after {
left: 100%;
}


#container {
width:1100px;
margin:0 auto;
}


#video {
margin:0 0 70px 0;
}

#artists,
#about,
#signup {
margin:0 0 70px 0;
}

#artists {
position:relative;
}

#artist-chandler,
#artist-cody,
#artist-rhys {
float:left;
width:30%;
margin:0 1.5%;
}

#artists #photo {
margin:0 0 15px 0;
}

#artists #photo img {
-webkit-transition: all .2s ease;
		transition: all .2s ease;
}
  
#artists li:hover #photo img {
opacity:.8;
-webkit-transition: all .2s ease;
		transition: all .2s ease;
}

#artist-chandler:hover #name,
#artist-cody:hover #name,
#artist-rhys:hover #name,
#artist-chandler:hover #name a,
#artist-cody:hover #name a,
#artist-rhys:hover #name a {
color:#FFF;
-webkit-transition: all .2s ease;
		transition: all .2s ease;
}

#artists #name a {
color:#cfa242;
}

#artists #name {
text-align:center;
font-size:30px;
line-height:110%;
}

#artist-socials {
display:none;
margin:30px 0 0 0;
}

#artist-socials ul {
display:block;
margin:0 auto;
text-align:center;
}

#artist-socials li {
width:auto;
display:inline-block;
font-size:20px;
margin:0 5px;
}

#artist-socials a {
color:#cfa242;
}

#artist-socials a:hover {
color:#FFF;
}

#artist-chandler:hover > #artist-socials,
#artist-cody:hover > #artist-socials,
#artist-rhys:hover > #artist-socials {
display:block;
}

#artist-cuts-chandler,
#artist-cuts-cody,
#artist-cuts-rhys {
clear:both;
display:none;
padding-top:40px;

}

#artist-cuts-chandler #section-heading,
#artist-cuts-cody #section-heading,
#artist-cuts-rhys #section-heading {
text-align:center;
width:100%;
left:0;
right:0;
position:absolute;
padding-bottom:80px;
}

#artist-cuts-chandler #container,
#artist-cuts-cody #container,
#artist-cuts-rhys #container {
padding:130px 0 0 0;
}

#artist-chandler:hover #artist-cuts-chandler,
#artist-cody:hover #artist-cuts-cody,
#artist-rhys:hover #artist-cuts-rhys {
display:block !important;
}


#artist-cuts-cody #container {
position:relative;
left:-363px;
}

#artist-cuts-rhys #container {
position:relative;
left:-726px;
background-colfor:#FF0000;
}


/** Cuts **/

table {
-webkit-border-horizontal-spacing: 0px !important;
-webkit-border-vertical-spacing: 0px !important;
}

thead tr th {
text-align:left;
font-size:20px;
padding:15px 0;
}

thead tr th:last-child {
text-align:right;
}

.post-type-pub-discography:nth-child(2n+1) {
background-color: rgb(255,255,255,.15);
}

tbody tr td {
padding:10px 0;
color:#FFF;
font-size:16px;
line-height:130%;
}

tbody tr td:first-child {
width:20%;
}

tbody tr td:nth-child(2) { 
width:20%;
}

tbody tr td:last-child {
width:17%;
text-align:right;
}



#heading {
color:#caa359;
}

#bio {
text-align:center;
}

#bio p {
font-size:23px;
line-height:150%;
margin:0 0 20px 0;
}

#bio p:last-child {
margin:0;
}

#signup #container {
padding:0 25%;
width:50%;
}

#signup-copy {
text-align:center;
font-size:30px;
margin:0 0 25px 0;
}

#signup input {
font-family: 'bird', Arial, sans-serif;
}

.mc-field-group.small {
float:left;
width:30%;
margin:0 1.65%;
}

#signup input[type="email"],
#signup input[type="text"] {
display:block;
width:97%;
margin:0 1.5% 20px 1.5%;
border:3px solid #cfa242;
background-color:#FFF;
color:#000;
font-size:20px;
border-radius:10px;
padding:10px 0;
text-align:center;
}

#signup input[type="email"]:focus,
#signup input[type="text"]:focus {
border:3px solid #cfa242;
outline:0 none;
}

#signup input[type="submit"] {
display:block;
width:50%;
border:0 none;
outline:0 none;
background-color:#cfa242;
color:#000;
font-size:20px;
border-radius:10px;
padding:11px 0 9px 0;
text-align:center;
margin:20px auto 0 auto;
-webkit-transition: all .2s ease;
		transition: all .2s ease;
}

#signup input[type="submit"]:hover {
border:0 none;
outline:0 none;
color:#000;
background-color:#FFF;
}


#socials {
margin:0 0 20px 0;
text-align:center;
}

#socials li {
display:inline-block;
margin:0 8px;
font-size:19px;
line-height:100%;
}

#socials li a {
color:#cfa242;
}

#socials li a:hover {
color:#FFF;
}

#bigloud {
text-align:center;
margin:90px 0 120px 0;
}

#bigloud img {
max-width:120px;
}


@media all and (min-width:1100px) {
#artists.mobile {
display:none;
}
}

@media all and (max-width:1100px) {
#artists.desktop {
display:none;
}

#artists.mobile {
display:block;
}

#container {
width:80%;
margin:0 10%;
}

#artists ul {
display:grid;
grid-template-columns: 1fr 1fr;
grid-gap:30px;
}

#signup #container {
padding:0;
width:80%;
margin:0 10%;
}


#signup input[type="email"],
#signup input[type="text"],
.mc-field-group.small {
float:none;
width:100%;
margin:0 0 20px 0;
}


#signup input[type="submit"] {
width:100%;
}
}


@media all and (max-width:900px) {
#logo {
max-width:80%;
}


#section-heading img {
max-width:180px;
}

#artists ul {
grid-template-columns: 1fr;
}

#bio p {
font-size:22px;
}

#bigloud img {
max-width:100px;
}
}