body, html
    {
    font-family: 'Open Sans', sans-serif;
    background-color: #ffffff;
}
h1 {
	color: #990033;
  font-family: 'Open Sans', sans-serif;;
}
h2 {
	color: #990033;
  font-family: 'Open Sans', sans-serif;
}
h3 {
	color: #990033;
  font-family: 'Open Sans', sans-serif;
}
h4 {
	color: #990033;
  font-family: 'Open Sans', sans-serif;
  font-weight: bold;
}
h5 {
	color: #990033;
  font-family: 'Open Sans', sans-serif;
  font-weight: bold;
}
h6 {
	color: #990033;
  font-family: 'Open Sans', sans-serif;
  font-weight: bold;
}
p {
	color: #7b7575;
  font-size: 16px;
}
blockquote {
	color: #7b7575;
  font-size: 16px;
  font-style: italic;
  margin-left: 2em;
}
small {
  text-align: center;
}
.caption {
  text-align: center;
  color: #7b7575;
  font-size: 13px;
  border-spacing: 0;
}
table, th, td {
  color: #7b7575;
}
.playwright {
	color: #990033;
  font-family: 'Open Sans', sans-serif;
  font-weight: normal;
  font-style: italic;
}
.card-footer{
    text-align: center;
    padding-top:3px;
    line-height: 1;
    border: 0;
    background-color: #ffffff;
}
.card-group .card{
  border-color: #ffffff;
}

@media (max-width: 1000px) {

	.card-group-wrapper {margin-right:0;margin-left:0;}
	.card-group {
	    display: block;
	    width: 100%;
	    margin-bottom: .75rem;
	    table-layout: fixed;
	    border-spacing: 1.25rem 0;
	}
	.card-group .card {
	    display: block;
	    margin-bottom: .75rem;
	    vertical-align: top;
	}

  .card-group .card:not(:first-child) {
    margin-left: 0px;
}
}
@media (max-width: 1000px) {

	.card-deck-wrapper {margin-right:0;margin-left:0;}
	.card-deck {
	    display: block;
	    width: 100%;
	    margin-bottom: .75rem;
	    table-layout: fixed;
	    border-spacing: 1.25rem 0;
	}
	.card-deck .card {
	    display: block;
	    margin-bottom: .75rem;
	    vertical-align: top;
	}

  .card-deck .card:not(:first-child) {
    margin-left: 0px;
}
}
.author {
  color: #990033;
  font-family: 'Open Sans', sans-serif;
  font-weight: 600;
  font-size: 22px;
}
.light-text{
  color: #D3D0D0;
}
a {
  color: #990033;
  font-weight: 600;
}
.leadin{
  color: #990033;
  font-weight: 700;
  font-size: 18px;
}
.plays{
  color: #990033;
  font-weight: 700;
  font-size: 16px;
}
ul {
	color: #7b7575;
  font-size: 16px;
}
ul li{
	padding-bottom: 10px;
}
.ultra.stretch { font-stretch: ultra-expanded; }
.stretch { font-stretch: expanded; }
.normal { font-stretch: normal; }
.condensed { font-stretch: condensed; }
.ultra.condensed { font-stretch: ultra-condensed; }
@font-face {
  font-family: 'icomoon';
  src:  url('fonts/icomoon.eot?seus1c');
  src:  url('fonts/icomoon.eot?seus1c#iefix') format('embedded-opentype'),
    url('fonts/icomoon.ttf?seus1c') format('truetype'),
    url('fonts/icomoon.woff?seus1c') format('woff'),
    url('fonts/icomoon.svg?seus1c#icomoon') format('svg');
  font-weight: normal;
  font-style: normal;
}

[class^="icon-"], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-tickets:before {
  content: "\e900";
  font-size: 40px;
}
.icon-donate:before {
  content: "\e901";
  font-size: 40px;
}
.icon-drama:before {
  content: "\e902";
  font-size: 40px;
}
.icon-educate:before {
  content: "\e903";
  font-size: 40px;
}
.icon-contact:before {
  content: "\e904";
  font-size: 40px;
}
.icon-directions:before {
  content: "\e905";
  font-size: 40px;
}
.icon-home:before {
  content: "\e906";
  font-size: 40px;
}
.icon-aboutus:before {
  content: "\e907";
  font-size: 40px;
}
.topcontainer{
  margin-top:-130px;
  background-color:black;
}
@media only screen and (max-width: 990px) {
    .topcontainer{
        margin-top: 0px
}
.topcontainer2{
  margin-top:-130px;
  background-color:#8f8989;
}
@media only screen and (max-width: 990px) {
    .topcontainer2{
        margin-top: 0px
}
}
.navbar-custom {
background-color: rgba(255,255,255,.6);}

@media only screen and (max-width: 990px) {
    .navbar-custom {
        background-color: #8f8989;
    }
}
}
/* change the link color */
.navbar-custom .navbar-nav .nav-link {
  color: #ffffff;
  font-weight: 600;
}
/* change the color of active or hovered links */
.navbar-custom .nav-item.active .nav-link,
.navbar-custom .nav-item:hover .nav-link {
    color: #990033;
    font-weight: 600;
}
#mybox {
   z-index:-1
}
.carousel-inner img {
  margin: auto;
}
.carousel-indicators li {
    width: 12px;
    height: 12px;
    border-radius: 100%;
}
ol.carousel-indicators li {
  background: rgba(255,255,255,.3);
}
ol.carousel-indicators li.active {
  background: #ffffff;
}
.btn {
    padding: 8px 24px;
    border: 0 none;
    font-weight: 700;
    letter-spacing: 1px;
    text-transform: uppercase;
}

.btn:focus, .btn:active:focus, .btn.active:focus {
    outline: 0 none;
}

.btn-primary {
    background: #990033;
    color: #ffffff;
}

.btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active, .open > .dropdown-toggle.btn-primary {
    background: #7b7575;
}

.btn-primary:active, .btn-primary.active {
    background: #7b7575;
    box-shadow: none;
}
.btn:focus, .btn:active:focus, .btn.active:focus {
    outline: 0 none;
}
.parallax1 {
    /* The image used */
    background-image: url("BOMC/BOMC345.jpg");

    /* Set a specific height */
    height: 600px;

    /* Create the parallax scrolling effect */
    background-attachment: fixed;
    background-position: center top;
    background-repeat: no-repeat;
    background-size: auto;
}
@media only screen and (max-width: 960px) {
    .parallax1 {
        background-image: url("BOMC/BOMC345.jpg");
        background-attachment: fixed;
        background-position: center top;
        background-repeat: repeat-y;
        height: 450px;
    }
}
.parallax2 {
    /* The image used */
    background-image: url("BOMC/BOMC24.jpg");

    /* Set a specific height */
    height: 600px;

    /* Create the parallax scrolling effect */
    background-attachment: fixed;
    background-position: center top;
    background-repeat: no-repeat;
    background-size: auto;
}
@media only screen and (max-width: 960px) {
    .parallax2 {
        background-image: url("BOMC/BOMC24.jpg");
        background-attachment: fixed;
        background-position: center top;
        background-repeat: repeat-y;
        height: 450px;
    }
}
.parallax3 {
    /* The image used */
    background-image: url("images/stillyoung.jpg");

    /* Set a specific height */
    height: 600px;

    /* Create the parallax scrolling effect */
    background-attachment: fixed;
    background-position: center top;
    background-repeat: no-repeat;
    background-size: auto;
}
@media only screen and (max-width: 960px) {
    .parallax3 {
        background-image: url("BOMC/BOMC431.jpg");
        background-attachment: fixed;
        background-position: center top;
        background-repeat: repeat-y;
        height: 450px;
    }
}
.parallax4 {
    /* The image used */
    background-image: url("images/stillyoung2.jpg");

    /* Set a specific height */
    height: 600px;

    /* Create the parallax scrolling effect */
    background-attachment: fixed;
    background-position: center top;
    background-repeat: no-repeat;
    background-size: auto;
}
@media only screen and (max-width: 960px) {
    .parallax4 {
      background-image: url("images/stillyoung2.jpg");
      background-attachment: fixed;
      background-position: center top;
      background-repeat: repeat-y;
      height: 450px;
    }
}
.parallax5 {
    /* The image used */
    background-image: url("BOMC/BOMC607.jpg");

    /* Set a specific height */
    height: 600px;

    /* Create the parallax scrolling effect */
    background-attachment: fixed;
    background-position: center top;
    background-repeat: no-repeat;
    background-size: auto;
}
@media only screen and (max-width: 960px) {
    .parallax5 {
        background-image: url("BOMC/BOMC607.jpg");
        background-attachment: fixed;
        background-position: center top;
        background-repeat: repeat-y;
        height: 450px;
    }
}
.parallax6 {
    /* The image used */
    background-image: url("images/TickTickBoom.jpg");

    /* Set a specific height */
    height: 600px;

    /* Create the parallax scrolling effect */
    background-attachment: fixed;
    background-position: center top;
    background-repeat: no-repeat;
    background-size: auto;
}
@media only screen and (max-width: 960px) {
    .parallax6 {
        background-image: url("images/TickTickBoom.jpg");
        background-attachment: fixed;
        background-position: center top;
        background-repeat: repeat-y;
        height: 450px;
    }
}
.card-deck .card{
  border-width: 0px;
  padding-right: 10px;
  padding-right: 10px;
}
.card-body{
  padding-right: 10px;
  padding-left: 10px;
  margin-left: 0;
}
.card-deck-wrapper {margin-right:0;margin-left:0;}
.card-deck {
    width: 100%;
    margin-bottom: .75rem;
    table-layout: fixed;
    border-spacing: 1.25rem 0;
}
.card-deck .card {
    display: block;
    margin-bottom: .75rem;
    vertical-align: top;
}

.card-deck .card:not(:first-child) {
margin-left: 0px;
}
.card-group .card{
  border-width: 0px;
  padding-right: 10px;
  padding-right: 10px;
}


.footer{
	bottom: 0;
	position: relative;
  max-width: 100%;
  min-width: 100%;
  width: auto;
	background-color: #7b7575;
}
.footer2{
	bottom: 0;
	position: fixed;
  max-width: 100%;
  min-width: 100%;
  width: auto;
	background-color: #7b7575;
}
.event-slider { padding: 45px; }
.event-slider #thumbcarousel { margin: 12px 0 0; padding: 0 45px; }
.event-slider #thumbcarousel .item { text-align: center; }
.event-slider #thumbcarousel .item .thumb { border: 4px solid #cecece; width: 20%; margin: 0 2%; display: inline-block; vertical-align: middle; cursor: pointer; max-width: 98px; }
.event-slider #thumbcarousel .item .thumb:hover { border-color: #1089c0; }
.event-slider .item img { width: 100%; height: auto; }
.carousel-control { color: #0284b8; text-align: center; text-shadow: none; font-size: 30px; width: 30px; height: 30px; line-height: 20px; top: 23%; }
.carousel-control:hover, .carousel-control:focus, .carousel-control:active { color: #333; }
.carousel-caption, .carousel-control .fa { font: normal normal normal 30px/26px FontAwesome; }
.carousel-control { background-color: rgba(0, 0, 0, 0); bottom: auto; font-size: 20px; left: 0; position: absolute; top: 30%; width: auto; }
.carousel-control.right, .carousel-control.left { background-color: rgba(0, 0, 0, 0); background-image: none; }
}