/* Add here all your CSS customizations */

/*
/*============
/*EXTRA CSS*/
/*///// MY LINK STYLING  ////*/

/*///// WEB FONTS ////*/
.archivo-black-regular {
  font-family: "Archivo Black", sans-serif;
  font-weight: 400;
  font-style: normal;
}
.alfa-slab-one-regular {
  font-family: "Alfa Slab One", serif;
  font-weight: 400;
  font-style: normal;
}
.permanent-marker-regular {
  font-family: "Permanent Marker", cursive;
  font-weight: 400;
  font-style: normal;
}

.vid {
  background-color: #0A090F;
  position: relative;
  padding-bottom: 58.25%;
  padding-top: 30px;
  height: 0; overflow: hidden;
  /*box-shadow: 1px 2px 3px 4px;*/
}
 
.vid iframe,
.vid object,
.vid embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

/* 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; }

.featured-image-caption {background-color: #fff; font-size: 12px; margin: 20px; /* border: 1px solid #0A090F;*/ padding: 5px; }

/* 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;




}

.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-national {

  -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/shows-tour.png); 
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;
 
}

.btn-custom-national:hover,
.btn-custom-national:focus,
.btn-custom-national:active {
background-image:url(../images/shows-tour2.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;
}

.josie-podcast {
    color: #000;
}
.josie-podcast img {
box-shadow: 10px 5px 5px #000;
}

.josie-podcast p {
font-size: 20px;
}

.josie-gigs {
    color:#000;
    height:400px;

}

.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;
}

.rock-3d-regular {
  font-family: "Rock 3D", system-ui;
  font-weight: 400;
  font-style: normal;
}
.indie-flower-regular {
  font-family: "Indie Flower", cursive;
  font-weight: 400;
  font-style: normal;
}
.satisfy-regular {
  font-family: "Satisfy", cursive;
  font-weight: 400;
  font-style: normal;
}
.permanent-marker-regular {
  font-family: "Permanent Marker", cursive;
  font-weight: 400;
  font-style: normal;
}

.francois-one-regular {
  font-family: "Francois One", sans-serif;
  font-weight: 400;
  font-style: normal;
}
/*.odd-index {
    background-color: #F2F2F2;   
}*/
.odd { 
background: url('../images/josie-odds-evens-odd.jpg');
background-size: cover; 
background-attachment: scroll;
background-color:#fff;  
border:solid 1px #000; 
padding:2.5px;
margin-bottom: 5px; 
box-shadow: 10px 5px 5px #000;
}
.odd a:link {color:#000; font-size:90%; } /* unvisited link */
.odd a:visited {color:#000; text-decoration:none; }  /* visited link */
.odd a:hover {color:#D30026; text-decoration:none; }  /* mouse over link */
.odd a:active {color:#000; text-decoration:none; }  /* selected link */ 

.odd h2 {font-size: 20px;}
.odd span {   }
.odd span  a:link {color:#000;  }
.odd span  a:hover {color:#000;}


.even { 
background: url('../images/josie-odds-evens-even.jpg');
background-size: cover; 
background-attachment: scroll;
background-color:#fff;  
border:solid 1px #000; 
padding:2.5px;
margin-bottom: 5px;  
box-shadow: 10px 5px 5px #ccc;
}
.even a:link {color:#9D152C; font-size:90%; } /* unvisited link */
.even a:visited {color:#9D152C; text-decoration:none; }  /* visited link */
.even a:hover {color:#D30026; text-decoration:none; }  /* mouse over link */
.even a:active {color:#9D152C; text-decoration:none; }  /* selected link */ 

.even h2 {font-size: 20px  }
.even span { font-size: 60%;}

.glightbox-clean .gdesc-inner {
    background-color: #000;
    color:#fff;
    font-family: "Permanent Marker", cursive;
/*    padding: 10px 10px;*/
}
.glightbox-clean .gslide-title {
 color:#fff;
    font-family: "Permanent Marker", cursive;
    padding: 5px 10px;
  margin-bottom: 19px;
  line-height: 1em;
}

.slider-info {
 background: rgb(255,255,255);
background: linear-gradient(90deg, rgba(255,255,255,1) 0%, rgba(204,204,204,0.5466387238489145) 46%, rgba(255,255,255,1) 96%); /*    background-color: #fff;*/
    color:#000;
    font-size: 80%;
    box-shadow: 2px 2px #000;
    padding:5px;
    align-content: center;
}