a

{

  color: #5a68a5;

  text-decoration: none;

  background-color: transparent;

}



a:hover {

  color: #000;

  text-decoration: underline;

}



.nav-item {

  text-transform: uppercase;

}





.navbar{padding: 1rem 1.5rem;}







body {

  padding-top: 80px;

  color: #777;

}







section {

  padding-top: 2rem;

  padding-bottom: 2rem;

}



footer { font-size: 10pt;

  color: #999;

    padding-top: 48px;

    padding-bottom: 55px;

}





.card{background-color: #f8f8f8;}







h1, .h1, h2, .h2, h3, .h3

{

  margin-top: 20px;

  margin-bottom: 10px;

}



h2, h3, h4, h5, h6 {

  color: #666;

  font-family: 'Roboto', sans-serif;

  font-weight: 100;

}







h1

{

  font-family: 'Abril Fatface', cursive;

  color: #655e7a;

  letter-spacing: 3px;

}



h2 { font-size: 28px; }



h3 { font-size: 22px; }



h4 { font-size: 19px; }













.list-group {



    margin-bottom: 40px;



}

















/* ICONS STYLING */

.lnr {

  display: inline-block;

  fill: currentColor;

  width: 1em;

  height: 1em;

  vertical-align: -0.05em;

  stroke-width: 1;

}



.services-icon {

  margin-bottom: 20px;

  font-size: 30px;

}



.quote-icon {

  font-size: 40px;

  margin-bottom: 20px;

}

























/* CAROUSEL */



/* Carousel base class */

.carousel

{

  margin-bottom: 4rem;

  border-radius: 10px;

  overflow: hidden;

}



/* Since positioning the image, we need to help out the caption */

.carousel-caption

{

  position: absolute;

  left: 0;

  right: 0;

  margin: 0px auto;

  max-width: 600px;

  bottom: 0px;

  z-index: 10;

}





.carousel-inner img

{

  width: 100%;

  height: 100%;

}



.carousel .carousel-inner img {

  width: 100%;

  height: 100%;

  object-fit: cover;

  overflow: hidden;

}



.carousel h1,.carousel h2,.carousel h3,.carousel h4,.carousel h5,.carousel h6

{

  color: #FFF;

  font-size: 30px;

  text-shadow: 2px 2px 4px #000000;

}



.carousel-control-next-icon, .carousel-control-prev-icon {

    width: 30px;

    height: 30px;

}



/* MARKETING CONTENT */



/* Center align the text within the three columns below the carousel */

.marketing .col-lg-4 {

  margin-bottom: 1.5rem;

  text-align: center;

}

.marketing h2 {

  font-weight: 400;

}

.marketing .col-lg-4 p {

  margin-right: .75rem;

  margin-left: .75rem;

}





/* Featurettes */



.featurette-divider {

  margin: 5rem 0; /* Space out the Bootstrap <hr> more */

}



/* Thin out the marketing headings */

.featurette-heading {

  font-weight: 300;

  line-height: 1;

  letter-spacing: -.05rem;

}



/* RESPONSIVE CSS - Breakpoints */



@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;

  }

}























.nav-link { font-size: .9rem; }

.carousel h1,.carousel h2,.carousel h3,.carousel h4,.carousel h5,.carousel h6 { display: none; }



/*

.active

{

  font-weight: bold;

  color: #655e7a;

}

 */









/* Extra small devices (portrait phones, less than 576px) This is the default in Bootstrap */



/* Small devices (landscape phones, 576px and up) */

@media (min-width: 576px) {

    .carousel h1,h2,h3,h4,h5,h6 { display: block; }

}



/* Medium devices (tablets, 768px and up) */

@media (min-width: 768px) {

/*

  .carousel .carousel-inner img {

    width: 100%;

    height: 30em;

    object-fit: cover;

    overflow: hidden;

  }

 */

}





/* Large devices (desktops, 992px and up) */

@media (min-width: 992px) {

  /* CENTERS THE BRAND in conjunction with navbar-expand-lg */

  .navbar-brand.abs

  {

    position: absolute;

    width: 100%;

    left: 0;

    text-align: center;

    z-index: -1;

  }



  /* THOMAS ADDED FOR NAV MOUSEOVER */

  .navbar-nav > li > a:hover, .navbar-nav > li > a:focus

  {

    color: #fff !important;

    background-color: #655E7A;

    border-radius: 5px;

  }



}





/* Extra large devices (large desktops, 1200px and up) */

@media (min-width: 1200px) {

  .nav-link { font-size: 1rem; }

}





.composer { font-size: larger; }





.soloist

{

  font-size: 15px;

  margin-left: 20px;

  color: #999;

}





.bg-cafe { background-color: #D9C6A3 !important; }



.indent-paragraph {
        text-indent: 2em; /* Adjust the value as needed */
      }





.alt

{

  background-color: #efefef;

  border-radius: 5px;

}





hr {



    margin-top: 3rem;

    margin-bottom: 3rem;

    border: 0;

        border-top-color: currentcolor;

        border-top-style: none;

        border-top-width: 0px;

    border-top: 1px solid rgba(0,0,0,.3);



}





.space { margin-bottom: 10px; }


a.color-white {fill: #ffffff !important;}


.btn-eventbrite {
  color: #fff;
  background-color: #d1410c;
  border-color: #d1410c;
}

.btn-eventbrite:hover {
  color: #fff;
  background-color: #f05537;
  border-color: #f05537;
}




/* .small { font-size: 60%; } */



/* 77th Season Brochure Styles */
* {margin:0; padding:0; text-indent:0; }
 .s1 { color: #231F20; font-family:"Times New Roman", serif; font-style: normal; font-weight: normal; text-decoration: underline; font-size: 17pt; }
 .s2 { color: #231F20; font-family:Arial, sans-serif; font-style: normal; font-weight: bold; text-decoration: none; font-size: 12pt; }
 .s3 { color: #8FA220; font-family:Arial, sans-serif; font-style: normal; font-weight: bold; text-decoration: none; font-size: 12pt; }
 .s4 { color: #231F20; font-family:Arial, sans-serif; font-style: normal; font-weight: normal; text-decoration: none; font-size: 11pt; }
 h4 { color: #231F20; font-family:"Times New Roman", serif; font-style: normal; font-weight: bold; text-decoration: none; font-size: 13pt; }
 .s5 { color: #231F20; font-family:"Times New Roman", serif; font-style: italic; font-weight: normal; text-decoration: none; font-size: 10pt; }
 .s6 { color: #231F20; font-family:"Times New Roman", serif; font-style: normal; font-weight: bold; text-decoration: none; font-size: 10pt; }
 .s7 { color: #231F20; font-family:Arial, sans-serif; font-style: normal; font-weight: bold; text-decoration: none; font-size: 10pt; }
 .p, p { color: #231F20; font-family:Arial, sans-serif; font-style: normal; font-weight: normal; text-decoration: none; font-size: 10pt; margin:0pt; }
 .a { color: #231F20; font-family:Arial, sans-serif; font-style: normal; font-weight: normal; text-decoration: none; font-size: 10pt; }
 .s8 { color: #231F20; font-family:"Times New Roman", serif; font-style: normal; font-weight: normal; text-decoration: none; font-size: 15pt; }
 .s9 { color: #231F20; font-family:Arial, sans-serif; font-style: italic; font-weight: normal; text-decoration: none; font-size: 15pt; }
 .s10 { color: #231F20; font-family:"Minion Pro", serif; font-style: normal; font-weight: normal; text-decoration: none; font-size: 10pt; }
 h2 { color: #231F20; font-family:"Times New Roman", serif; font-style: normal; font-weight: bold; text-decoration: none; font-size: 17pt; }
 .h3 { color: #8FA220; font-family:Arial, sans-serif; font-style: normal; font-weight: bold; text-decoration: none; font-size: 16pt; }
 .s12 { color: #8FA220; font-family:Arial, sans-serif; font-style: normal; font-weight: normal; text-decoration: none; font-size: 13pt; }
 .s13 { color: #231F20; font-family:Arial, sans-serif; font-style: italic; font-weight: normal; text-decoration: none; font-size: 13pt; }
 .s14 { color: #231F20; font-family:"Times New Roman", serif; font-style: italic; font-weight: normal; text-decoration: none; font-size: 12pt; }
 .s15 { color: #FFF; font-family:"Times New Roman", serif; font-style: italic; font-weight: normal; text-decoration: underline; font-size: 12pt; }
 .s16 { color: #231F20; font-family:Arial, sans-serif; font-style: normal; font-weight: bold; text-decoration: none; font-size: 11pt; }
 .s18 { color: #231F20; font-family:"Times New Roman", serif; font-style: normal; font-weight: normal; text-decoration: none; font-size: 12pt; }
 .s20 { color: #FFF685; font-family:"Times New Roman", serif; font-style: normal; font-weight: normal; text-decoration: none; font-size: 72pt; vertical-align: -57pt; }
 .s21 { color: #FFF; font-family:"Times New Roman", serif; font-style: normal; font-weight: normal; text-decoration: none; font-size: 54.5pt; vertical-align: -15pt; }
 .s22 { color: #231F20; font-family:"Times New Roman", serif; font-style: normal; font-weight: normal; text-decoration: none; font-size: 26pt; }
 .h1 { color: #FFF; font-family:Arial, sans-serif; font-style: normal; font-weight: bold; text-decoration: none; font-size: 19pt; }
 .s23 { color: #FFF; font-family:"Times New Roman", serif; font-style: normal; font-weight: normal; text-decoration: none; font-size: 72pt; }
 .s24 { color: #231F20; font-family:"Times New Roman", serif; font-style: normal; font-weight: normal; text-decoration: none; font-size: 32pt; }
 .s26 { color: #C2C4C6; font-family:"Times New Roman", serif; font-style: normal; font-weight: normal; text-decoration: none; font-size: 32pt; }
 .s28 { color: #C3D82E; font-family:"Times New Roman", serif; font-style: normal; font-weight: normal; text-decoration: none; font-size: 29pt; }
 .s29 { color: #C3D82E; font-family:"Times New Roman", serif; font-style: normal; font-weight: normal; text-decoration: none; font-size: 20pt; }
 .s30 { color: #FFF; font-family:Arial, sans-serif; font-style: normal; font-weight: normal; text-decoration: none; font-size: 18pt; }
 .s31 { color: #FFF795; font-family:"Times New Roman", serif; font-style: normal; font-weight: normal; text-decoration: none; font-size: 115pt; }
 .s32 { color: #FFF; font-family:"Times New Roman", serif; font-style: normal; font-weight: normal; text-decoration: none; font-size: 48pt; }
 .s33 { color: #8FA220; font-family:"Times New Roman", serif; font-style: normal; font-weight: normal; text-decoration: none; font-size: 115pt; vertical-align: 66pt; }
 .s34 { color: #EBF1C1; font-family:"Times New Roman", serif; font-style: normal; font-weight: normal; text-decoration: none; font-size: 115pt; }