/* GLOBAL STYLES
-------------------------------------------------- */
/* Padding below the footer and lighter body text */

body::before {
  content: "";
  position: fixed;
  inset: 0;
  background: #808080;
   background-image: url("../images/lygbackground.png");
  background-position: bottom right;
  background-repeat: repeat;

  opacity: 0.4;
  pointer-events: none;
}

body {
padding-top: 3rem;
  color: #000;

  background-image: url("../images/lygbackground.png");
  background-position: bottom right;
 

  position: relative;
}
body::after {
  content: "";
  position: fixed;
  bottom: 0;
  left: 0;

  width: 900px;   /* adjust size */
  height:900px;  /* adjust size */

  background-image: url("../images/lucy2.png");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: bottom left;

  pointer-events: none;
  z-index: -1;
}
main{
/*    padding-top: 3rem;
  padding-bottom: 3rem;*/
  color: #000;
  /*background-color: #ff808a;*/


  position: relative;
}

a:link {color:#808080!important; text-decoration:none; }
a:visited {color:#ED008B; text-decoration:none; }
a:hover {color:#0BACBB; text-decoration:none; }
a:active {color:#ED008B; text-decoration:none; }

footer {
    background-color: #000;
    font-family: 'Lobster', cursive; 
    font-size: 25px;
    color:#fff;
}
.navbar-nav {
    flex-direction: row;
    justify-content: right !important;
    font-family: 'Lobster', cursive; 
    font-size: 25px;
}



.navbar-nav a:link {color:#ff808a!important; text-decoration:none; }
.navbar-nav a:visited {color:#ff808a; text-decoration:none; }
.navbar-nav a:hover {color:#ED008B; text-decoration:none; }
.navbar-nav a:active {color:##ff808a; text-decoration:none; }


.navbar-brand {color:#ED008B;}
.navbar-brand a:link {color:#0BACBB; text-decoration:none; }
.navbar-brand a:visited {color:#0BACBB; text-decoration:none; }
.navbar-brand a:hover {color:#ED008B; text-decoration:none; }
.navbar-brand a:active {color:#0BACBB; text-decoration:none; }



.blog-post-title {color:#ED008B;}
.blog-post-title a:link {color:#0BACBB; text-decoration:none; }
.blog-post-title a:visited {color:#808080; text-decoration:none; }
.blog-post-title a:hover {color:#ED008B; text-decoration:none; }
.blog-post-title a:active {color:#0BACBB; text-decoration:none; }

.content-container {
box-align: center;
/*    background-color: #F9C74E;*/
padding:5px;
 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 */
  width: 90%;
  margin: 2px auto;   /* 👈 THIS centers it */
}


.bg-light {
    --bs-bg-opacity: 1;
    background-color: #ff808a !important;
    background: #F9C64E; 
  border: solid #000 ; 
  opacity: 0.9; 
  -ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity= 89); /* // for IE8 */
  filter: alpha(opacity= 89); /* //for IE5-7 */
}

.press-header{
  font-family: 'Lobster', cursive; 
  font-size: 22px;
}

.description {
  font-size: 15px;
}

.image-styling{
  border:solid #000 2px;
}
h1 {
  color:#ff808a;
/*  color:#0BACBB;*/
  font-family: 'Lobster', cursive; 
  font-size: 50px;
}

h2 {
/*  color:#ED008B;*/
  color:#0BACBB;
  font-family: 'Lobster', cursive; 
  font-size: 30px;
}
.livedates { 
  color:#808080;
  font-family: 'Lobster', cursive; 
  font-size: 30px;
}

.card-body {
  background: #F9C64E; 

}
.card{
    border: none !important;
}

.showsarchive {
  border: 2px solid;
  padding: 10px;
  box-shadow: 6px 4px 8px;
}

.card-title{
  
color:#0BACBB;
  font-family: 'Lobster', cursive; 
}
.card-title a:link {color:#0BACBB; text-decoration:none; }
.card-title a:visited {color:#0BACBB; text-decoration:none; }
.card-title a:hover {color:#ED008B; text-decoration:none; }
.card-title a:active {color:#0BACBB; text-decoration:none; }

.bd-placeholder-img {
        font-size: 1.125rem;
        text-anchor: middle;
        -webkit-user-select: none;
        -moz-user-select: none;
        user-select: none;
      }

      @media (min-width: 768px) {
        .bd-placeholder-img-lg {
          font-size: 3.5rem;
        }
      }

      .b-example-divider {
        height: 3rem;
        background-color: rgba(0, 0, 0, .1);
        border: solid rgba(0, 0, 0, .15);
        border-width: 1px 0;
        box-shadow: inset 0 .5em 1.5em rgba(0, 0, 0, .1), inset 0 .125em .5em rgba(0, 0, 0, .15);
      }

      .b-example-vr {
        flex-shrink: 0;
        width: 1.5rem;
        height: 100vh;
      }

      .bi {
        vertical-align: -.125em;
        fill: currentColor;
      }

      .nav-scroller {
        position: relative;
        z-index: 2;
        height: 2.75rem;
        overflow-y: hidden;
      }

      .nav-scroller .nav {
        display: flex;
        flex-wrap: nowrap;
        padding-bottom: 1rem;
        margin-top: -1px;
        overflow-x: auto;
        text-align: center;
        white-space: nowrap;
        -webkit-overflow-scrolling: touch;
      }

/* CUSTOMIZE THE CAROUSEL
-------------------------------------------------- */

/* Carousel base class */
.carousel {
  margin-bottom: 4rem;
}
/* Since positioning the image, we need to help out the caption */
.carousel-caption {
  bottom: 3rem;
  z-index: 10;
}

/* Declare heights because of positioning of img element */
.carousel-item {
  height: 32rem;
}


/* MARKETING CONTENT
-------------------------------------------------- */

/* Center align the text within the three columns below the carousel */
.marketing .col-lg-4 {
  margin-bottom: 1.5rem;
  text-align: center;
}
/* rtl:begin:ignore */
.marketing .col-lg-4 p {
  margin-right: .75rem;
  margin-left: .75rem;
}
/* rtl:end:ignore */


/* Featurettes
------------------------- */

.featurette-divider {
  margin: 5rem 0; /* Space out the Bootstrap <hr> more */
}

/* Thin out the marketing headings */
/* rtl:begin:remove */
.featurette-heading {
  letter-spacing: -.05rem;
}

/* rtl:end:remove */

/* RESPONSIVE CSS
-------------------------------------------------- */

@media (min-width: 40em) {
  /* Bump up size of carousel content */
  .carousel-caption p {
    margin-bottom: 1.25rem;
    font-size: 1.25rem;
    line-height: 1.4;
  }

  .featurette-heading {
    font-size: 50px;
  }
}

@media (min-width: 62em) {
  .featurette-heading {
    margin-top: 7rem;
  }
}