/* Add here all your CSS customizations */





@font-face {
    font-family: 'alana_probold';
    src: url('../fonts/alanapro/alana_pro_bold-webfont.eot');
    src: url('../fonts/alanapro/alana_pro_bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/alanapro/alana_pro_bold-webfont.woff2') format('woff2'),
         url('../fonts/alanapro/alana_pro_bold-webfont.woff') format('woff'),
         url('../fonts/alanapro/alana_pro_bold-webfont.ttf') format('truetype'),
         url('../fonts/alanapro/alana_pro_bold-webfont.svg#alana_probold') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'cassiaextralight';
    src: url('../fonts/cassiaxlight/font_cassiaxlight-webfont.eot');
    src: url('../fonts/cassiaxlight/font_cassiaxlight-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/cassiaxlight/font_cassiaxlight-webfont.woff2') format('woff2'),
         url('../fonts/cassiaxlight/font_cassiaxlight-webfont.woff') format('woff'),
         url('../fonts/cassiaxlight/font_cassiaxlight-webfont.ttf') format('truetype'),
         url('../fonts/cassiaxlight/font_cassiaxlight-webfont.svg#cassiaextralight') format('svg');
    font-weight: normal;
    font-style: normal;

}
/* IMAGE ALIGN CODE */
img.alignright {float:right; margin:40px; }
img.alignleft {float:left; margin:40px; }
img.aligncenter {display: block; margin-left: auto; margin-right: auto;}
a img.alignright {float:right; margin:0 0 1em 1em;}
a img.alignleft {float:left; margin:0 1em 1em 0;}
a img.aligncenter {display: block; margin-left: auto; margin-right: auto;}


/* Alignment */
.alignleft {
  display: inline;
  float: left;
  margin-right: 1.5em;
}
.alignright {
  display: inline;
  float: right;
  margin-left: 1.5em;
}
.aligncenter {
  clear: both;
  display: block;
  margin: 0 auto;
}



/*MEDIA QUERY LINE TO HIDE CAPTIONS ON MOBILE, COMMENT OUT IF YOU WANT CAPTIONS TO WORK ON SMALL SCREEN */

@media only screen and (max-width: 768px) {
.wp-caption p.wp-caption-text {
  display: none !important;
}}

.fluid-vids{
  display: block;
  height: 600px;
  max-width: 100%;
  overflow: hidden;
  margin-top: 20px;
}




/* BUTTONS FROM OTHER SITE */

.red-box {

/*  border:3px solid red;*/
  margin-bottom: 20px; 

}

.text-fix h2 {

/*  border: 3px solid red; */
  width: 200px; 
  margin-left: auto; 
  margin-right: auto; 
  text-align: center;
color: #fff;


}

.text-fix a {

  text-decoration: none; 

}



.btn-dark {
    border-radius: 0;
    color: #000;
    background-color: rgba(0,0,0,0.4);
}

.btn-dark:hover,
.btn-dark:focus,
.btn-dark:active {
    color: #000;
    background-color: rgba(0,0,0,0.7);
}

.btn-light {
    border-radius: 0;
    color: #000;
    background-color: rgb(255,255,255);
}

.btn-light:hover,
.btn-light:focus,
.btn-light:active {
    color: #000;
    background-color: rgba(255,255,255,0.8);
}
.btn-custom-standup {
-moz-transition: all 0.25s ease-in-out;
-webkit-transition: all 0.25s ease-in-out;
-ms-transition: all 0.25s ease-in-out;
transition: all 0.25s ease-in-out;
-webkit-appearance: none;
position: relative;
/*display: inline-block;*/
background: rgba(255, 255, 255, 0.15);
/*padding: 0.85em 3em 0.85em 3em;*/
/*border-radius: 0.25em;*/
cursor: pointer;
/*border: 1px solid #000;*/
color: #000;
/*text-align: center;*/
text-decoration: none;
/*max-width: 300px;*/
/*height: 500px;
width: 500px;*/
/*padding: 0px 65px 0px 65px ;*/

background-image:url(../images/standup.jpg); 
background-position:  center;
background-repeat: no-repeat;
-webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover; 

display: block;
height: 500px;
width: auto;
box-shadow: rgb(38, 57, 77) 0px 20px 30px -10px;
}

.btn-custom-standup:hover,
.btn-custom-standup:focus,
.btn-custom-standup:active {
background-image:url(../images/standup2.jpg); 
background-position:  center;
background-repeat: no-repeat;
-webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover; 
}
.btn-custom-theatre {

-moz-transition: all 0.25s ease-in-out;
-webkit-transition: all 0.25s ease-in-out;
-ms-transition: all 0.25s ease-in-out;
transition: all 0.25s ease-in-out;
-webkit-appearance: none;
position: relative;
/*display: inline-block;*/
background: rgba(255, 255, 255, 0.15);
/*padding: 0.85em 3em 0.85em 3em;*/
/*border-radius: 0.25em;*/
cursor: pointer;
/*border: 1px solid #000;*/
color: #000;
/*text-align: center;*/
text-decoration: none;
/*max-width: 300px;*/
/*height: 500px;
width: 500px;*/
/*padding: 0px 65px 0px 65px ;*/

background-image:url(../images/theatre.jpg); 
background-position:  center;
background-repeat: no-repeat;
-webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover; 

display: block;
height: 500px;
width: auto;
box-shadow: rgb(38, 57, 77) 0px 20px 30px -10px;
}

.btn-custom-theatre:hover,
.btn-custom-theatre:focus,
.btn-custom-theatre:active {
background-image:url(../images/theatre2.jpg); 
background-position:  center;
background-repeat: no-repeat;
-webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover; 
}

.btn-custom-screen {

  -moz-transition: all 0.25s ease-in-out;
-webkit-transition: all 0.25s ease-in-out;
-ms-transition: all 0.25s ease-in-out;
transition: all 0.25s ease-in-out;
-webkit-appearance: none;
position: relative;
/*display: inline-block;*/
background: rgba(255, 255, 255, 0.15);
/*padding: 0.85em 3em 0.85em 3em;*/
/*border-radius: 0.25em;*/
cursor: pointer;
/*border: 1px solid #000;*/
color: #000;
/*text-align: center;*/
text-decoration: none;
/*max-width: 300px;*/
/*height: 500px;
width: 500px;*/
/*padding: 0px 65px 0px 65px ;*/

background-image:url(../images/screen.jpg); 
background-position:  center;
background-repeat: no-repeat;
-webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover; 

display: block;
height: 500px;
width: auto;
 box-shadow: rgb(38, 57, 77) 0px 20px 30px -10px;
}

.btn-custom-screen:hover,
.btn-custom-screen:focus,
.btn-custom-screen:active {
background-image:url(../images/screen2.jpg); 
background-position:  center;
background-repeat: no-repeat;
-webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover; 

}

.header {
    display: table;
    position: relative;
    width: 100%;
    height: 100%;

}

.text-vertical-center {
    display: table-cell;
    text-align: center;
    vertical-align: middle;

}

.text-vertical-center h1 {
    margin: 0;
    padding: 0;
    font-size: 4.5em;
    font-weight: 700;
}

#live-national{
  background-image:url(../images/paper-back.png); 
background-position:  center;
background-repeat: no-repeat;
-webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover; 

}
#live-national-overlay{
    background-color: rgba(255, 255, 255, 0.6);
    background: rgba(255, 255, 255, 0.6);
    color:#000;
    border:solid #000 5px;
   /* margin-bottom: 20px;
    padding:15px;*/
}
#live-edinburgh{
  background-image:url(../images/paper-back.png); 
background-position:  center;
background-repeat: no-repeat;
-webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover; 

}
#live-edinburgh-overlay{
    background-color: rgba(255, 255, 255, 0.6);
    background: rgba(255, 255, 255, 0.6);
    color:#000;
    border:solid #000 5px;
 /*   margin-bottom: 20px;
    padding:15px;*/
}
#live-london{
  background-image:url(../images/paper-back.png); 
background-position:  center;
background-repeat: no-repeat;
-webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover; 

}
#live-london-overlay{
    background-color: rgba(255, 255, 255, 0.6);
    background: rgba(255, 255, 255, 0.6);
    color:#000;
    border:solid #000 5px;
  /*  margin-bottom: 20px;
    padding:15px;*/
}
#live-london-overlay-left{
}

.btn-lg {


/*  padding-left: 100px;
  padding-right: 100px;*/
 

}


.elipsis{
  color:#987F28;
border:solid green 2px;
}

.hrstyle{
margin-top: 20px;
margin-bottom: 20px;
border: 0;
border-top: 1px solid #000;
}


.dropdown:hover .dropdown-menu {
    display: block;
}

.cc-item{
  padding:10px;
}


.album-card2 {
  position: relative;
  display: block;
  width: 100%;
  /*aspect-ratio: 1/1;*/
  overflow: hidden;
  border-radius: 10px;
  background: #111;
  box-shadow: 0 3px 10px rgba(0,0,0,0.15);
  transition: transform .25s ease, box-shadow .25s ease;
}

.bandcamp-embed iframe {
  display: block;
  width: 75%;
  height: 600px;
}

.frosted-box {
  background: rgba(255, 255, 255, 0.7); /* semi-transparent white */
  backdrop-filter: blur(10px);           /* frosted glass blur effect */
  -webkit-backdrop-filter: blur(10px);   /* for Safari */

  border: 1px solid rgba(255, 255, 255, 0.4); /* stylish translucent border */
  border-radius: 12px;                          /* rounded corners */

  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.15);  /* subtle shadow */
  
  padding: 15px 15px;   /* inner spacing */
  margin: 2px 0;       /* spacing outside box */
  
  color: #000;          /* black text */
  font-family: 'cassiaextralight', sans-serif;
  
  transition: transform 0.3s ease, box-shadow 0.3s ease; /* smooth hover effect */
}

/* Optional hover lift effect */
.frosted-box:hover {
  transform: translateY(-4px);
  box-shadow: 0 12px 25px rgba(0, 0, 0, 0.2);
}


#background-slideshow::after {
    content:"";
    position:absolute;
    inset:0;
    background: rgba(255,255,255,0.1); /* subtle white wash */
}

/* card */

.album-card{
  position:relative;
  display:block;
  width:100%;
  aspect-ratio:1/1;
  overflow:hidden;
  border-radius:10px;
  background:#111;

  box-shadow:
  0 3px 10px rgba(0,0,0,0.15);

  transition:
  transform .25s ease,
  box-shadow .25s ease;
}

/* hover lift */

.album-card:hover{
  transform:translateY(-6px);

  box-shadow:
  0 12px 30px rgba(0,0,0,0.25);
}

/* artwork */

.album-art img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;

  transition:transform .4s ease;
}

/* image zoom */

.album-card:hover img{
  transform:scale(1.07);
}

/* overlay */

.album-overlay{
  position:absolute;
  inset:0;
  display:flex;
  align-items:flex-end;

  padding:14px;

  background:linear-gradient(
    to top,
    rgba(0,0,0,.85) 0%,
    rgba(0,0,0,.45) 40%,
    rgba(0,0,0,0) 70%
  );

  opacity:0;
  transition:opacity .25s ease;
}

.album-card:hover .album-overlay{
  opacity:1;
}
.album-card::after{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;

  background:radial-gradient(
    circle at center,
    rgba(0,0,0,0) 55%,
    rgba(0,0,0,0.15) 75%,
    rgba(0,0,0,0.35) 100%
  );

  opacity:.6;
  transition:opacity .3s ease;
}
/* title */

.album-title{
  color:#fff;
  font-size:14px;
  font-weight:600;
  line-height:1.3;


  .cc-item{
  padding:6px;
}

@media (max-width:768px){

.album-title{
  font-size:12px;
}

}

.info-box {
  opacity: 0;
  transform: translateY(30px);
  transition: all 0.6s ease;
}

.info-box.visible {
  opacity: 1;
  transform: translateY(0);
}

.ribbon {
  position: absolute;
  top: 15px;
  right: -40px;
  background: #000;
  color: #fff;
  padding: 8px 40px;
  font-size: 0.8rem;
  transform: rotate(45deg);
  z-index: 2;
  font-weight: bold;
  letter-spacing: 1px;
}

.ribbon.soldout {
  background: #990000;
}

.ribbon.cancelled {
  background: #555;
}


.info-box .btn {
  margin-top: 15px;
  font-weight: bold;
  letter-spacing: 1px;
  transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.info-box .btn:hover {
  transform: translateY(-2px);
  box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
}