body {
  color: #ffffff !important;
  background-color: #000000 !important;
  background-image: url(../images/body_bg.png);
  background-repeat: repeat-x;
}

a:active,
a:hover,
a:focus,
a:link {
  text-decoration: none;
}

.label {
  white-space: initial;
}

.wrapper {
  border: 10px solid #074037;
  margin-top: 70px;
  padding: 15px;
  margin-bottom: 10px;
}

.covid ul li {
  margin-bottom: 0.5em;
}
.pin {
  height: 30px;
  width: 30px;
  background-color: red;
  border-radius: 50%;
  display: inline-block;
  position: relative;
  top: 5em;
  left: calc(50% - 12.5px);
  box-shadow: 5px 5px 4px 2px #494747;
  z-index: 1500;
}

.noticeboard {
  width: 70em;
  height: 35em;
  z-index: 250;
  background-image: url(../images/cork.jpg);
  background-size: contain;
  background-repeat: repeat;
  position: relative;
  top: -28em;
  box-shadow: 5px 10px 8px 5px black;
}

.message_lg {
  position: relative;
  width: 70%;
  height: 80%;
  z-index: 500;
  color: black;
  font-size: 1.05em;
  background-color: #ffff99;
  box-shadow: 5px 10px 8px 5px #494747;
  padding: 1em;
  padding-top: 5em;
  transform: rotate(-2deg);
  overflow: hidden;
}

.opening {
  font-weight: bold;
  font-size: 2em;
  color: red;
  padding-top: 3em;
}

.virus_update,
.virus_update_small {
  background-color: #074037;
  padding-top: 1em;
  padding-bottom: 1em;
}

.virus_update a,
.virus_update_small a {
  color: red;
  font-size: 1.3em;
  background-color: white;
  padding: 0.2em;
  border-radius: 5px;
}

.page-title {
  font-size: 24px;
  font-weight: 500;
  line-height: 1.1;
  /*border-top-width: 1px;*/
  border-top-style: solid;
  border-top-color: #031f1b;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  /* border-bottom-color: #031F1B; */
  padding-top: 10px;
  margin-bottom: 10px;
}

.highlight-header {
  background-color: #3f3;
}

.panel-default > .panel-heading {
  background-image: none;
  background-color: #bfd3d1;
}

.eq-list {
  padding-left: 30%;
}

.firstave-sign {
  padding-top: 10px;
  padding-bottom: 20px;
}
.content {
  background-image: url(../images/content-bg.png);
  background-repeat: repeat-y;
}

.photogreenroom {
  margin: 5px;
}

.directions {
  padding-left: 20px;
}

.directions {
  padding-top: 10px;
}

.row-firstave {
  /*border-top-width: thin;
	border-top-style: solid;
	border-top-color: #031F1B;*/
  margin-top: 20px;
}

.page-title h1 {
  font-size: 30px;
  font-weight: 500;
  line-height: 1.1;
  border-top-width: 1px;
  border-top-style: solid;
  border-top-color: #031f1b;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #031f1b;
  padding-top: 10px;
  margin-bottom: 10px;
  padding-bottom: 10px;
}

#star_offer {
  width: 125px;
  margin: 0 auto;
}

#star_offer2 {
  width: 125px;
  margin: 0 auto;
}

.label-offer {
  width: 260px;
  margin-top: 0;
  margin-right: auto;
  margin-bottom: 0;
  margin-left: auto;
}

.table-prices {
  color: #000000;
}

.prices {
  padding-right: 20px;
  padding-left: 20px;
  padding-top: 20px;
}

.prices2 {
  padding-right: 20px;
  padding-left: 20px;
}

.p1 {
  color: #000000;
}

.col-tabs1 {
  margin-top: 15px;
}

.button-space {
  color: black;
}

a.btn.btn-top {
  border-width: 1px;
  border-style: solid;
  border-color: #ccc;
  background-color: #999;
  color: #000;
}

a.btn.btn-top:hover {
  color: white;
}

.btn-equip {
  margin-bottom: 10px;
}

.carousel-inner > .item > img {
  margin: 0 auto;
}
.table-studio {
  width: '90%';
}

#record2 {
  float: left;
  margin-right: 10px;
  margin-bottom: 10px;
}

#recording-small img {
  width: 100%;
}

#recording__text p:nth-child(5) {
  margin-bottom: 2em;
}

#recording-small {
  padding-top: 20px;
  padding-bottom: 20px;
}

#recording img {
  width: 100%;
}

.explore__container {
  width: 100%;
}

.explore__3d-image {
  height: 485px;
}

.recording__glow,
.rehearsals__glow {
  float: left;
  height: 485px;
  margin-top: -485px;
  position: relative;
  z-index: 1000;
  pointer-events: none;
}

/* Homepage effects (recording) */

.recording__checkbox {
  display: none;
}

.recording__background {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) scale(0.1);
  width: 90%;
  padding-left: 7rem;
  border: 3px solid white;
  transition: transform 0.8s ease;
  opacity: 0;
  background-color: rgba(0, 0, 0, 0.8);
  font-family: 'Helvetica', Arial, sans-serif;
  font-size: 16px;
  z-index: 1500;
}

.recording__checkbox:checked ~ .recording__background {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) scale(0.95);
  opacity: 1;
  width: 90%;
}

/* CLOSE ICON */

.close_rec {
  position: absolute;
  right: 2rem;
  top: 2rem;
  width: 3rem;
  height: 3rem;
  opacity: 0.6;
  z-index: 20000 !important;
  font-size: 4rem;
  color: white;
}
.close_rec:hover {
  opacity: 1;
}

#rehearsals img {
  width: 100%;
}

#rehearsals__text p:nth-child(2) {
  margin-bottom: 2em !important;
}

#rehearsals-small img {
  width: 100%;
}

#rehearsals-small {
  padding-top: 20px;
  padding-bottom: 20px;
}

#reh_image,
#rec_image {
  display: inline-block;
}

/* Homepage effects (rehearsals) */

.rehearsals__checkbox {
  display: none;
}

.rehearsals__background {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) scale(0.1);
  width: 90%;
  padding-left: 7rem;
  border: 3px solid white;
  transition: transform 0.8s ease;
  opacity: 0;
  background-color: rgba(0, 0, 0, 0.8);
  font-family: 'Helvetica', Arial, sans-serif;
  font-size: 16px;
}

.rehearsals__checkbox:checked ~ .rehearsals__opener {
  background-color: rgba(0, 0, 0, 0.9) !important;
  height: 100vh !important;
  width: 100%;
  position: fixed !important;
  top: 0 !important;
  right: 0 !important;
}

.rehearsals__checkbox:checked ~ .rehearsals__background {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) scale(0.95);
  opacity: 1;
  width: 90%;
}

/* CLOSE ICON */

.close_reh {
  position: absolute;
  right: 2rem;
  top: 2rem;
  width: 3rem;
  height: 3rem;
  opacity: 0.6;
  z-index: 20000 !important;
  font-size: 4rem;
  color: white;
}
.close_reh:hover {
  opacity: 1;
}

.nav-pills li {
  border-width: 0.5px;
  border-style: solid;
  border-color: white;
}

.nav-pills > li.active > a {
  background-color: #3f937d;
}

.nav-pills > li.active > a:focus {
  background-color: #3793a3;
}

.navbar-nav > li a {
  color: black;
}

.nubanner {
  width: 100%;
}

.table-prices {
  color: #000000;
}
.c-policy {
  color: #000000 !important;
  text-align: justify;
}

/* change background of navbar to gradient */
.navbar {
  background: #4c4c4c; /* Old browsers */

  /* IE9 SVG, needs conditional override of 'filter' to 'none' */

  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzRjNGM0YyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEyJSIgc3RvcC1jb2xvcj0iIzU5NTk1OSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjI1JSIgc3RvcC1jb2xvcj0iIzY2NjY2NiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjM5JSIgc3RvcC1jb2xvcj0iIzQ3NDc0NyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iIzJjMmMyYyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUxJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjYwJSIgc3RvcC1jb2xvcj0iIzExMTExMSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9Ijc2JSIgc3RvcC1jb2xvcj0iIzJiMmIyYiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjkxJSIgc3RvcC1jb2xvcj0iIzFjMWMxYyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMxMzEzMTMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); /* FF3.6+ */ /* Chrome,Safari4+ */ /* Chrome10+,Safari5.1+ */ /* Opera 11.10+ */ /* IE10+ */

  background: linear-gradient(
    to bottom,
    #4c4c4c 0%,
    #595959 12%,
    #666666 25%,
    #474747 39%,
    #2c2c2c 50%,
    #000000 51%,
    #111111 60%,
    #2b2b2b 76%,
    #1c1c1c 91%,
    #131313 100%
  ); /* W3C */

  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4c4c4c', endColorstr='#131313',GradientType=0 ); /* IE6-8 */
}
/* end gradient and color changes on navbar */

/*Changes navbar link font & size*/
ul.nav.navbar-nav > li > a {
  font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
  font-size: 18px !important;
  line-height: 20px;
  outline-offset: -2px;
  color: rgb(166, 166, 166);
  text-shadow: rgba(255, 255, 255, 0.25) 0px 1px 0px;
  outline-color: rgb(255, 255, 255);
  letter-spacing: 1px;
}

.navbar-default .navbar-nav > li > a:focus,
.navbar-default .navbar-nav > li > a:hover {
  color: white;
}

.navbar-default .navbar-nav .open .dropdown-menu > li > a,
.navbar-default .navbar-nav .open .dropdown-menu > li > a:focus,
.navbar-default .navbar-nav .open .dropdown-menu > li > a:hover {
  color: black;
  background-color: white;
}

/*  BUTTONS  */

.btn,
.btn:link,
.btn:visited {
  text-transform: uppercase;
  text-decoration: none;
  padding: 0.5rem 1rem;
  display: inline-block;
  border-radius: 0.5rem;
  transition: all 0.2s;
  position: relative;
  font-size: 1.3rem;
  font-weight: bold;
  outline-style: none;
  border: none;
  cursor: pointer;
}
.btn:hover {
  transform: translateY(-3px);
  box-shadow: 0 1rem 2rem rgba(255, 255, 255, 0.2);
}
.btn:hover::after {
  transform: scaleX(1.4) scaleY(1.6);
  opacity: 0;
}
.btn:active,
.btn:focus {
  outline-style: none;
  transform: translateY(-1px);
  box-shadow: 0 1rem 2rem rgba(255, 255, 255, 0.2);
}
.btn--white {
  background-color: white;
  color: #777;
}
.btn--white::after {
  background-color: white;
}
.btn--green {
  background-color: #bfd3d1;
  color: black;
  border-width: 1px;
  border-style: solid;
  border-color: #ccc;
}
.btn--green::after {
  background-color: #bfd3d1;
}
.btn--grey {
  background-color: #777;
  color: black;
}
.btn--grey::after {
  background-color: #777;
}
.btn::after {
  content: '';
  display: inline-block;
  height: 100%;
  width: 100%;
  border-radius: 100px;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  transition: all 0.4s;
}
.btn--animated {
  -webkit-animation: moveInBottom 0.5s ease-out 0.75s;
  animation: moveInBottom 0.5s ease-out 0.75s;
  -webkit-animation-fill-mode: backwards;
  animation-fill-mode: backwards;
}
.btn .btn-text:link,
.btn .btn-text:visited {
  font-size: 1rem;
  color: green;
  display: inline-block;
  text-decoration: none;
  border-bottom: 1px solid green;
  padding: 3px;
  transition: all 0.2s;
}
.btn .btn-text:hover {
  background-color: green;
  color: white;
  box-shadow: 0 1rem 2rem rgba(0, 0, 0, 0.15);
  transform: translateY(-2px);
}
.btn .btn-text:active {
  box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
  transform: translateY(0px);
}
.btn--record,
.btn--rehearse {
  margin-top: 3rem;
}

/* Miscellaneous */

footer {
  padding-bottom: 4rem;
}

.left-foot {
  color: #ffffff;
}

.middle-foot {
  color: #ffffff;
  height: 10rem;
}

#logos-sm img.logo {
  padding: 40px;
}

.hightlight-text {
  color: #2ef4e3;
  font-weight: bold;
}

#sign-pic {
  margin: 0 auto;
}

.nubanner-small {
  padding-bottom: 10px;
}

/*     MEDIA QUERIES      */

@media (max-width: 1199px) {
  .rehearsals__checkbox,
  .rehearsals__background,
  #rehearsals__opener,
  .recording__checkbox,
  .recording__background,
  #recording__opener,
  #recording,
  #rehearsals {
    display: none;
    -webkit-display: none;
  }
}

@media (min-width: 1200px) {
  #rehearsals-med,
  #recording-med {
    display: none;
    -webkit-display: none;
  }
}

@media (max-width: 1199px) {
  .noticeboard {
    top: -23em;
    width: 60em;
  }
}

/* to centre links in navbar */
@media (min-width: 992px) {
  .navbar .navbar-nav {
    display: inline-block;
    float: none;
  }

  .navbar .navbar-collapse {
    text-align: center;
  }
  #btn-top {
    display: none;
  }
  /* changes colors in navbar */
  ul.nav.navbar-nav > li.dropdown > ul.dropdown-menu > li > a {
    color: black;
  }
  .navbar-default {
    border-color: #000000;
  }

  .navbar-default .navbar-nav > li a {
    color: #ccc;
  }

  ul.nav.navbar-nav {
    background-color: transparent;
  }
}

/*changes banner div for clearer one on smaller sizes/adds FAQ's back to top button*/

@media (max-width: 991px) {
  .prices {
    padding-right: 5px;
    padding-left: 5px;
  }

  .prices_spacer {
    height: 20px;
  }

  .prices2 {
    padding-right: 5px;
    padding-left: 5px;
  }

  .noticeboard {
    top: -17em;
    width: 40em;
  }
}

/* Amends breakpoint of navbar collapse & adds FAQ button to below 992 devices*/

@media (max-width: 992px) {
  .navbar-header {
    float: none;
  }
  .navbar-toggle {
    display: block;
  }
  .navbar-collapse {
    border-top: 1px solid transparent;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);
  }
  .navbar-collapse.collapse {
    display: none !important;
  }
  .navbar-nav {
    float: none !important;
    margin: 7.5px -15px;
  }
  .navbar-nav > li {
    float: none;
  }
  .navbar-nav > li > a {
    padding-top: 10px;
    padding-bottom: 10px;
  }

  ul.nav.navbar-nav li a,
  ul.nav.navbar-nav li a:hover,
  ul.nav.navbar-nav li a:focus,
  ul.nav.navbar-nav li a:visited,
  ul.nav.navbar-nav li a:active {
    font-size: 17px;
  }
}

#rehearsals-small,
	#logos-sm,
	#recording-small,
	.nubanner-small,
	/*Adds brand to collapsed navbar */
	.navbar-brand {
  display: none;
  -webkit-display: none;
}

@media (max-width: 767px) {
  #logos-sm,
	#rehearsals-small,
	#recording-small,
	.nubanner-small,
	/*Adds brand to collapsed navbar */
	.navbar-brand {
    display: block;
    -webkit-display: block;
  }

  #fb-lg,
	#twit-lg,
	/* removes med rec/reh links */
	#rehearsals-med,
	#recording-med,
	.nubanner {
    display: none !important;
    -webkit-display: none;
  }
  #logos-sm {
    padding-left: 20px;
    padding-right: 20px;
  }
  .photos {
    width: 100%;
  }
  .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus,
  .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover {
    color: white;
    background-color: transparent;
  }

  .message_lg {
    width: 90%;
    padding-top: 0px;
    padding-left: 1em;
    padding-right: 1em;
  }

  .noticeboard {
    top: -15em;
    width: 45em;
    padding-top: 3em;
  }

  .virus_update {
    font-size: 1em !important;
  }
}

@media (max-width: 550px) {
  .label-covid {
    font-size: 60%;
  }
  .virus_update {
    display: none;
  }
  .virus_update_small {
    display: block;
  }
}

@media (min-width: 551px) {
  .virus_update {
    display: block;
  }
  .virus_update_small {
    display: none;
  }
}

@media (max-width: 400px) {
  .table-prices {
    font-size: smaller;
  }
  .c-policy {
    font-size: smaller;
  }
  /* .virus_update_small a {
    font-size: 1.2em !important;
  } */

  /* #pin_div {
    display: none;
  } */

  .prices {
    padding-right: 5px;
    padding-left: 5px;
    padding-top: 5px;
  }

  .prices2 {
    padding-right: 20px;
    padding-left: 20px;
  }

  .nubanner-small {
    width: 100%;
  }
  .noticeboard {
    top: -7em;
    width: 100%;
  }
  .message_lg {
    width: 90%;
    height: 70%;
  }
}

@media (min-width: 400px) {
  .nubanner-small {
    width: 75%;
  }
}