.view-who-we-are-meet-the-team .view-content .team-row .node-team-member .content .more-link a,
.view-who-we-are-meet-the-team .view-content .team-row .node-team-member .content .more a,
.view-who-we-are-meet-the-team .view-content .team-row .node-live-science-team-member .content .more-link a,
.view-who-we-are-meet-the-team .view-content .team-row .node-live-science-team-member .content .more a,
.view-who-we-are-meet-the-team .view-content .views-row .node-team-member .content .more-link a,
.view-who-we-are-meet-the-team .view-content .views-row .node-team-member .content .more a,
.view-who-we-are-meet-the-team .view-content .views-row .node-live-science-team-member .content .more-link a,
.view-who-we-are-meet-the-team .view-content .views-row .node-live-science-team-member .content .more a,
.view-who-we-are-our-trustees .view-content .team-row .node-team-member .content .more-link a,
.view-who-we-are-our-trustees .view-content .team-row .node-team-member .content .more a,
.view-who-we-are-our-trustees .view-content .team-row .node-live-science-team-member .content .more-link a,
.view-who-we-are-our-trustees .view-content .team-row .node-live-science-team-member .content .more a,
.view-who-we-are-our-trustees .view-content .views-row .node-team-member .content .more-link a,
.view-who-we-are-our-trustees .view-content .views-row .node-team-member .content .more a,
.view-who-we-are-our-trustees .view-content .views-row .node-live-science-team-member .content .more-link a,
.view-who-we-are-our-trustees .view-content .views-row .node-live-science-team-member .content .more a,
.view-live-science-meet-the-team .view-content .team-row .node-team-member .content .more-link a,
.view-live-science-meet-the-team .view-content .team-row .node-team-member .content .more a,
.view-live-science-meet-the-team .view-content .team-row .node-live-science-team-member .content .more-link a,
.view-live-science-meet-the-team .view-content .team-row .node-live-science-team-member .content .more a,
.view-live-science-meet-the-team .view-content .views-row .node-team-member .content .more-link a,
.view-live-science-meet-the-team .view-content .views-row .node-team-member .content .more a,
.view-live-science-meet-the-team .view-content .views-row .node-live-science-team-member .content .more-link a,
.view-live-science-meet-the-team .view-content .views-row .node-live-science-team-member .content .more a {
  display: inline-block;
  color: #4a4a4a;
  padding: 2px 10px;
}

.view-who-we-are-meet-the-team .view-content .team-row .node-team-member .content .more-link a:hover,
.view-who-we-are-meet-the-team .view-content .team-row .node-team-member .content .more a:hover,
.view-who-we-are-meet-the-team .view-content .team-row .node-live-science-team-member .content .more-link a:hover,
.view-who-we-are-meet-the-team .view-content .team-row .node-live-science-team-member .content .more a:hover,
.view-who-we-are-meet-the-team .view-content .views-row .node-team-member .content .more-link a:hover,
.view-who-we-are-meet-the-team .view-content .views-row .node-team-member .content .more a:hover,
.view-who-we-are-meet-the-team .view-content .views-row .node-live-science-team-member .content .more-link a:hover,
.view-who-we-are-meet-the-team .view-content .views-row .node-live-science-team-member .content .more a:hover,
.view-who-we-are-our-trustees .view-content .team-row .node-team-member .content .more-link a:hover,
.view-who-we-are-our-trustees .view-content .team-row .node-team-member .content .more a:hover,
.view-who-we-are-our-trustees .view-content .team-row .node-live-science-team-member .content .more-link a:hover,
.view-who-we-are-our-trustees .view-content .team-row .node-live-science-team-member .content .more a:hover,
.view-who-we-are-our-trustees .view-content .views-row .node-team-member .content .more-link a:hover,
.view-who-we-are-our-trustees .view-content .views-row .node-team-member .content .more a:hover,
.view-who-we-are-our-trustees .view-content .views-row .node-live-science-team-member .content .more-link a:hover,
.view-who-we-are-our-trustees .view-content .views-row .node-live-science-team-member .content .more a:hover,
.view-live-science-meet-the-team .view-content .team-row .node-team-member .content .more-link a:hover,
.view-live-science-meet-the-team .view-content .team-row .node-team-member .content .more a:hover,
.view-live-science-meet-the-team .view-content .team-row .node-live-science-team-member .content .more-link a:hover,
.view-live-science-meet-the-team .view-content .team-row .node-live-science-team-member .content .more a:hover,
.view-live-science-meet-the-team .view-content .views-row .node-team-member .content .more-link a:hover,
.view-live-science-meet-the-team .view-content .views-row .node-team-member .content .more a:hover,
.view-live-science-meet-the-team .view-content .views-row .node-live-science-team-member .content .more-link a:hover,
.view-live-science-meet-the-team .view-content .views-row .node-live-science-team-member .content .more a:hover {
  color: #007fbd;
}

.view-who-we-are-meet-the-team .view-content .team-row .node-team-member .content .more-link a .text,
.view-who-we-are-meet-the-team .view-content .team-row .node-team-member .content .more-link a .icon-chevron-right,
.view-who-we-are-meet-the-team .view-content .team-row .node-team-member .content .more a .text,
.view-who-we-are-meet-the-team .view-content .team-row .node-team-member .content .more a .icon-chevron-right,
.view-who-we-are-meet-the-team .view-content .team-row .node-live-science-team-member .content .more-link a .text,
.view-who-we-are-meet-the-team .view-content .team-row .node-live-science-team-member .content .more-link a .icon-chevron-right,
.view-who-we-are-meet-the-team .view-content .team-row .node-live-science-team-member .content .more a .text,
.view-who-we-are-meet-the-team .view-content .team-row .node-live-science-team-member .content .more a .icon-chevron-right,
.view-who-we-are-meet-the-team .view-content .views-row .node-team-member .content .more-link a .text,
.view-who-we-are-meet-the-team .view-content .views-row .node-team-member .content .more-link a .icon-chevron-right,
.view-who-we-are-meet-the-team .view-content .views-row .node-team-member .content .more a .text,
.view-who-we-are-meet-the-team .view-content .views-row .node-team-member .content .more a .icon-chevron-right,
.view-who-we-are-meet-the-team .view-content .views-row .node-live-science-team-member .content .more-link a .text,
.view-who-we-are-meet-the-team .view-content .views-row .node-live-science-team-member .content .more-link a .icon-chevron-right,
.view-who-we-are-meet-the-team .view-content .views-row .node-live-science-team-member .content .more a .text,
.view-who-we-are-meet-the-team .view-content .views-row .node-live-science-team-member .content .more a .icon-chevron-right,
.view-who-we-are-our-trustees .view-content .team-row .node-team-member .content .more-link a .text,
.view-who-we-are-our-trustees .view-content .team-row .node-team-member .content .more-link a .icon-chevron-right,
.view-who-we-are-our-trustees .view-content .team-row .node-team-member .content .more a .text,
.view-who-we-are-our-trustees .view-content .team-row .node-team-member .content .more a .icon-chevron-right,
.view-who-we-are-our-trustees .view-content .team-row .node-live-science-team-member .content .more-link a .text,
.view-who-we-are-our-trustees .view-content .team-row .node-live-science-team-member .content .more-link a .icon-chevron-right,
.view-who-we-are-our-trustees .view-content .team-row .node-live-science-team-member .content .more a .text,
.view-who-we-are-our-trustees .view-content .team-row .node-live-science-team-member .content .more a .icon-chevron-right,
.view-who-we-are-our-trustees .view-content .views-row .node-team-member .content .more-link a .text,
.view-who-we-are-our-trustees .view-content .views-row .node-team-member .content .more-link a .icon-chevron-right,
.view-who-we-are-our-trustees .view-content .views-row .node-team-member .content .more a .text,
.view-who-we-are-our-trustees .view-content .views-row .node-team-member .content .more a .icon-chevron-right,
.view-who-we-are-our-trustees .view-content .views-row .node-live-science-team-member .content .more-link a .text,
.view-who-we-are-our-trustees .view-content .views-row .node-live-science-team-member .content .more-link a .icon-chevron-right,
.view-who-we-are-our-trustees .view-content .views-row .node-live-science-team-member .content .more a .text,
.view-who-we-are-our-trustees .view-content .views-row .node-live-science-team-member .content .more a .icon-chevron-right,
.view-live-science-meet-the-team .view-content .team-row .node-team-member .content .more-link a .text,
.view-live-science-meet-the-team .view-content .team-row .node-team-member .content .more-link a .icon-chevron-right,
.view-live-science-meet-the-team .view-content .team-row .node-team-member .content .more a .text,
.view-live-science-meet-the-team .view-content .team-row .node-team-member .content .more a .icon-chevron-right,
.view-live-science-meet-the-team .view-content .team-row .node-live-science-team-member .content .more-link a .text,
.view-live-science-meet-the-team .view-content .team-row .node-live-science-team-member .content .more-link a .icon-chevron-right,
.view-live-science-meet-the-team .view-content .team-row .node-live-science-team-member .content .more a .text,
.view-live-science-meet-the-team .view-content .team-row .node-live-science-team-member .content .more a .icon-chevron-right,
.view-live-science-meet-the-team .view-content .views-row .node-team-member .content .more-link a .text,
.view-live-science-meet-the-team .view-content .views-row .node-team-member .content .more-link a .icon-chevron-right,
.view-live-science-meet-the-team .view-content .views-row .node-team-member .content .more a .text,
.view-live-science-meet-the-team .view-content .views-row .node-team-member .content .more a .icon-chevron-right,
.view-live-science-meet-the-team .view-content .views-row .node-live-science-team-member .content .more-link a .text,
.view-live-science-meet-the-team .view-content .views-row .node-live-science-team-member .content .more-link a .icon-chevron-right,
.view-live-science-meet-the-team .view-content .views-row .node-live-science-team-member .content .more a .text,
.view-live-science-meet-the-team .view-content .views-row .node-live-science-team-member .content .more a .icon-chevron-right {
  display: block;
  float: left;
}

.view-who-we-are-meet-the-team .view-content .team-row .node-team-member .content .more-link a .icon-chevron-right,
.view-who-we-are-meet-the-team .view-content .team-row .node-team-member .content .more a .icon-chevron-right,
.view-who-we-are-meet-the-team .view-content .team-row .node-live-science-team-member .content .more-link a .icon-chevron-right,
.view-who-we-are-meet-the-team .view-content .team-row .node-live-science-team-member .content .more a .icon-chevron-right,
.view-who-we-are-meet-the-team .view-content .views-row .node-team-member .content .more-link a .icon-chevron-right,
.view-who-we-are-meet-the-team .view-content .views-row .node-team-member .content .more a .icon-chevron-right,
.view-who-we-are-meet-the-team .view-content .views-row .node-live-science-team-member .content .more-link a .icon-chevron-right,
.view-who-we-are-meet-the-team .view-content .views-row .node-live-science-team-member .content .more a .icon-chevron-right,
.view-who-we-are-our-trustees .view-content .team-row .node-team-member .content .more-link a .icon-chevron-right,
.view-who-we-are-our-trustees .view-content .team-row .node-team-member .content .more a .icon-chevron-right,
.view-who-we-are-our-trustees .view-content .team-row .node-live-science-team-member .content .more-link a .icon-chevron-right,
.view-who-we-are-our-trustees .view-content .team-row .node-live-science-team-member .content .more a .icon-chevron-right,
.view-who-we-are-our-trustees .view-content .views-row .node-team-member .content .more-link a .icon-chevron-right,
.view-who-we-are-our-trustees .view-content .views-row .node-team-member .content .more a .icon-chevron-right,
.view-who-we-are-our-trustees .view-content .views-row .node-live-science-team-member .content .more-link a .icon-chevron-right,
.view-who-we-are-our-trustees .view-content .views-row .node-live-science-team-member .content .more a .icon-chevron-right,
.view-live-science-meet-the-team .view-content .team-row .node-team-member .content .more-link a .icon-chevron-right,
.view-live-science-meet-the-team .view-content .team-row .node-team-member .content .more a .icon-chevron-right,
.view-live-science-meet-the-team .view-content .team-row .node-live-science-team-member .content .more-link a .icon-chevron-right,
.view-live-science-meet-the-team .view-content .team-row .node-live-science-team-member .content .more a .icon-chevron-right,
.view-live-science-meet-the-team .view-content .views-row .node-team-member .content .more-link a .icon-chevron-right,
.view-live-science-meet-the-team .view-content .views-row .node-team-member .content .more a .icon-chevron-right,
.view-live-science-meet-the-team .view-content .views-row .node-live-science-team-member .content .more-link a .icon-chevron-right,
.view-live-science-meet-the-team .view-content .views-row .node-live-science-team-member .content .more a .icon-chevron-right {
  padding-top: 1px;
  font-size: 16px;
}

.view-who-we-are-meet-the-team .view-content .team-row,
.view-who-we-are-our-trustees .view-content .team-row,
.view-live-science-meet-the-team .view-content .team-row {
  padding-top: 0;
  padding-bottom: 0;
}

.view-who-we-are-meet-the-team .view-content .team-row:first-child,
.view-who-we-are-our-trustees .view-content .team-row:first-child,
.view-live-science-meet-the-team .view-content .team-row:first-child {
  padding-top: 42px;
}

.view-live-science-meet-the-team.view-display-id-preview .view-content .team-row .node-live-science-team-member .content {
  height: 310px;
}

.team-member-full .fav-exhibit .field-label,
.team-member-full .fav-moment .field-label {
  font-weight: 400;
}

.team-member-full .panel-one,
.team-member-full .panel-two {
  color: #fff;
  background-color: #04909f;
}

.team-member-full .panel-content {
  position: relative;
  color: #fff;
  background: #04909f;
  box-sizing: border-box;
}

.team-member-full .panel-content h3 {
  padding-top: 15px;
}

.team-member-full .panel-one {
  display: none;
}

.team-member-full .panel-one .panel-content {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}

.team-member-full .panel-two {
  box-sizing: border-box;
}

.team-member-full .panel-two p {
  color: #fff;
}

.team-member-full .panel-two h3 {
  color: #fff;
  font-size: 2.2em;
}

.team-member-full .panel-two .panel-content {
  box-sizing: border-box;
  margin: 0 auto;
  width: 100%;
  max-width: 600px;
  vertical-align: middle;
  background: #04909f;
}

.team-member-full .panel-content {
  padding-top: 30px;
  padding-bottom: 30px;
  padding-left: 15px;
  padding-right: 15px;
}

.team-member-full .centered-panel {
  background: #04909f;
}

.team-member-full .centered-panel p {
  color: #fff;
}

.team-member-full .centered-panel h3 {
  color: #fff;
  font-size: 2.2em;
  padding-bottom: 20px;
}

.team-member-full .centered-panel .panel-content {
  max-width: 600px;
  margin: 0 auto;
  padding-bottom: 30px;
}

.team-member-full .hidden-content {
  z-index: 3;
  position: relative;
  box-sizing: border-box;
  padding-top: 0;
  max-height: 0;
  margin-top: -75px;
  margin-bottom: 75px;
  overflow: hidden;
  pointer-events: none;
  -webkit-transition: all 250ms linear;
  -moz-transition: all 250ms linear;
  -o-transition: all 250ms linear;
  transition: all 250ms linear;
}

.team-member-full .hidden-content > * {
  pointer-events: all;
}

.team-member-full.active .hidden-content {
  max-height: 600px;
  padding-top: 25px;
}

.team-member-full.active .close-button {
  top: 25px;
}

.team-member-full .close-button {
  background: #0090D6;
  color: #fff;
  width: 30px;
  height: 30px;
  position: absolute;
  z-index: 999;
  top: 0;
  right: 0;
  cursor: pointer;
  -webkit-transition: all 250ms linear;
  -moz-transition: all 250ms linear;
  -o-transition: all 250ms linear;
  transition: all 250ms linear;
}

.team-member-full .close-button .icon-cross {
  line-height: 30px;
  display: block;
  text-align: center;
}

.team-member-full .close-button:hover {
  background: #007fbd;
}

.team-member-full .triangle {
  margin-top: 0;
  top: 0;
  z-index: 0;
}

.page-node-60 .panel-content .favourite-things {
  display: inline-block;
  margin-top: 15px;
}

.page-node-60 .panel-content .favourite-things .field-label {
  padding: 15px 0 0;
  font-family: "FSElliot Regular", Arial, Helvetica, sans-serif;
  font-size: 1.5em;
  line-height: 1.3em;
  letter-spacing: 0.02em;
  font-weight: 400;
  display: inline-block;
  padding-top: 15px;
}

.page-node-60 .panel-content .favourite-things .field-item {
  padding: 15px 0 0;
  font-family: "FSElliot Regular", Arial, Helvetica, sans-serif;
  font-size: 1.4em;
  letter-spacing: 0.02em;
  line-height: 1.4em;
  font-weight: 300;
  display: inline;
}

@media only screen and (min-width: 35.5em) {
  .view-who-we-are-meet-the-team,
  .view-who-we-are-our-trustees,
  .view-live-science-meet-the-team {
    overflow: hidden;
  }

  .view-who-we-are-meet-the-team .view-content .views-row-1,
  .view-who-we-are-meet-the-team .view-content .views-row-2,
  .view-who-we-are-our-trustees .view-content .views-row-1,
  .view-who-we-are-our-trustees .view-content .views-row-2,
  .view-live-science-meet-the-team .view-content .views-row-1,
  .view-live-science-meet-the-team .view-content .views-row-2 {
    padding-top: 34px;
  }

  .view-who-we-are-meet-the-team .view-content .views-row,
  .view-who-we-are-our-trustees .view-content .views-row,
  .view-live-science-meet-the-team .view-content .views-row {
    float: left;
    width: 48%;
  }

  .view-who-we-are-meet-the-team .view-content .views-row.views-row-odd,
  .view-who-we-are-our-trustees .view-content .views-row.views-row-odd,
  .view-live-science-meet-the-team .view-content .views-row.views-row-odd {
    padding-right: 2%;
  }

  .view-who-we-are-meet-the-team .view-content .views-row.views-row-even,
  .view-who-we-are-our-trustees .view-content .views-row.views-row-even,
  .view-live-science-meet-the-team .view-content .views-row.views-row-even {
    padding-left: 2%;
  }

  .view-who-we-are-meet-the-team .view-content .team-row,
  .view-who-we-are-our-trustees .view-content .team-row,
  .view-live-science-meet-the-team .view-content .team-row {
    padding-top: 0;
  }

  .view-who-we-are-meet-the-team .view-content .team-row .team-member,
  .view-who-we-are-our-trustees .view-content .team-row .team-member,
  .view-live-science-meet-the-team .view-content .team-row .team-member {
    float: left;
    width: 50%;
  }
}

@media only screen and (min-width: 37.5em) {
  .team-member-full .panel-two .panel-content {
    padding-left: 40px;
    padding-right: 40px;
  }
}

@media only screen and (min-width: 60em) {
  .team-member-full .team-member-image-border {
    position: absolute;
    width: 100%;
    top: 0;
    z-index: 100;
    height: 100%;
    border: 10px solid #04909f;
    border-right: 0;
    box-sizing: border-box;
  }

  .team-member-full .panel-one,
  .team-member-full .panel-two {
    width: 50%;
  }

  .team-member-full .panel-one {
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    -webkit-transition: all 250ms linear;
    -moz-transition: all 250ms linear;
    -o-transition: all 250ms linear;
    transition: all 250ms linear;
  }

  .team-member-full .panel-one .panel-content {
    height: 100%;
  }

  .team-member-full.active .panel-one {
    top: 25px;
  }

  .team-member-full .panel-two {
    float: right;
  }

  .team-member-full .panel-two .panel-content {
    min-height: 400px;
  }

  .team-member-full.active .hidden-content {
    max-height: 100%;
    padding-top: 25px;
  }
}

@media only screen and (min-width: 64em) {
  .view-who-we-are-meet-the-team .view-content .team-row,
  .view-who-we-are-meet-the-team .view-content .views-row-1,
  .view-who-we-are-meet-the-team .view-content .views-row-2,
  .view-who-we-are-meet-the-team .view-content .views-row-3,
  .view-who-we-are-meet-the-team .view-content .views-row-4,
  .view-who-we-are-our-trustees .view-content .team-row,
  .view-who-we-are-our-trustees .view-content .views-row-1,
  .view-who-we-are-our-trustees .view-content .views-row-2,
  .view-who-we-are-our-trustees .view-content .views-row-3,
  .view-who-we-are-our-trustees .view-content .views-row-4,
  .view-live-science-meet-the-team .view-content .team-row,
  .view-live-science-meet-the-team .view-content .views-row-1,
  .view-live-science-meet-the-team .view-content .views-row-2,
  .view-live-science-meet-the-team .view-content .views-row-3,
  .view-live-science-meet-the-team .view-content .views-row-4 {
    padding-top: 68px;
  }

  .view-who-we-are-meet-the-team .view-content .views-row,
  .view-who-we-are-our-trustees .view-content .views-row,
  .view-live-science-meet-the-team .view-content .views-row {
    float: left;
    width: 48%;
  }

  .view-who-we-are-meet-the-team .view-content .views-row[class*=col-four],
  .view-who-we-are-our-trustees .view-content .views-row[class*=col-four],
  .view-live-science-meet-the-team .view-content .views-row[class*=col-four] {
    padding-left: 2%;
    padding-right: 2%;
    width: 22%;
  }

  .view-who-we-are-meet-the-team .view-content .views-row.col-four-first,
  .view-who-we-are-our-trustees .view-content .views-row.col-four-first,
  .view-live-science-meet-the-team .view-content .views-row.col-four-first {
    padding-left: 0;
  }

  .view-who-we-are-meet-the-team .view-content .views-row.col-four-last,
  .view-who-we-are-our-trustees .view-content .views-row.col-four-last,
  .view-live-science-meet-the-team .view-content .views-row.col-four-last {
    padding-right: 0;
  }

  .view-who-we-are-meet-the-team .view-content .team-row,
  .view-who-we-are-our-trustees .view-content .team-row,
  .view-live-science-meet-the-team .view-content .team-row {
    padding-top: 48px;
  }

  .view-who-we-are-meet-the-team .view-content .team-row:first-child,
  .view-who-we-are-our-trustees .view-content .team-row:first-child,
  .view-live-science-meet-the-team .view-content .team-row:first-child {
    padding-top: 20px;
  }

  .view-who-we-are-meet-the-team .view-content .team-row .team-member,
  .view-who-we-are-our-trustees .view-content .team-row .team-member,
  .view-live-science-meet-the-team .view-content .team-row .team-member {
    float: left;
    width: 25%;
  }

  .team-member-full .team-member-image-border {
    height: 100%;
  }

  .team-member-full .panel-two .panel-content {
    padding-left: 100px;
  }

  .team-member-full.active .panel-one {
    top: 40px;
  }

  .team-member-full.active .hidden-content {
    max-height: 600px;
    padding-top: 40px;
  }

  .team-member-full.active .close-button {
    top: 40px;
  }
}

@media only screen and (min-width: 90em) {
  .team-member .panel-content {
    min-height: 600px;
  }

  .team-member-full .team-member-image-border {
    height: 100%;
  }

  .team-member-full .panel-two .panel-content {
    min-height: 600px;
  }
}

.view-events-similar-events .view-content,
.view-events-carousel .view-content {
  overflow: hidden;
}

.view-events-similar-events .view-content .carousel-item,
.view-events-carousel .view-content .carousel-item {
  border-right: 1px solid #fff;
}

.view-events-similar-events .view-content .carousel-item img,
.view-events-carousel .view-content .carousel-item img {
  width: 100%;
  height: auto;
}

.view-events-similar-events .view-content .carousel-item .content,
.view-events-carousel .view-content .carousel-item .content {
  position: relative;
  padding: 18px;
  min-height: 132px;
}

.view-events-similar-events .view-content .carousel-item .content h3,
.view-events-carousel .view-content .carousel-item .content h3 {
  padding: 28px 0 0;
  font-family: "FSElliot Thin", Arial, Helvetica, sans-serif;
  font-size: 2.2em;
  letter-spacing: 0.02em;
  line-height: 1.3em;
  font-weight: 400;
  padding-bottom: 50px;
  padding-top: 0;
}

.view-events-similar-events .view-content .carousel-item .content .tile-keywords-container,
.view-events-carousel .view-content .carousel-item .content .tile-keywords-container {
  overflow: hidden;
}

.view-events-similar-events .view-content .carousel-item .content .tile-keywords-container .tile-keywords,
.view-events-carousel .view-content .carousel-item .content .tile-keywords-container .tile-keywords {
  width: 80%;
  height: 40px;
  position: absolute;
  top: 70%;
  overflow: hidden;
}

.view-events-similar-events .view-content .carousel-item .content .tile-keywords-container .tile-keywords p,
.view-events-carousel .view-content .carousel-item .content .tile-keywords-container .tile-keywords p {
  display: inline-block;
  padding: 1% 2%;
  background: rgba(0, 0, 0, 0.2);
  font-size: 1.3em;
  margin-bottom: 50px;
}

.view-events-similar-events .view-content .carousel-item .content .field-type-datetime p,
.view-events-carousel .view-content .carousel-item .content .field-type-datetime p {
  padding: 15px 0 0;
  font-family: "FSElliot Regular", Arial, Helvetica, sans-serif;
  font-size: 1.4em;
  letter-spacing: 0.02em;
  line-height: 1.4em;
  font-weight: 300;
  font-weight: 600;
  position: absolute;
  top: -50px;
  left: 0;
  padding: 0 18px;
  width: 162px;
  line-height: 50px;
}

.view-events-similar-events .view-content .carousel-item .cta-primary-short.ticket-price,
.view-events-carousel .view-content .carousel-item .cta-primary-short.ticket-price {
  box-sizing: border-box;
  float: right;
}

.view-events-similar-events .view-content .carousel-item .cta-primary-short.ticket-price .icon-ticket,
.view-events-carousel .view-content .carousel-item .cta-primary-short.ticket-price .icon-ticket {
  top: -2px;
}

.view-events-similar-events .view-content .carousel-item .cta-primary-short.ticket-price .with-icon,
.view-events-carousel .view-content .carousel-item .cta-primary-short.ticket-price .with-icon {
  padding-left: 25px;
}

.view-events-similar-events .view-content .carousel-item .cta-primary-short.ticket-price .text-container,
.view-events-carousel .view-content .carousel-item .cta-primary-short.ticket-price .text-container {
  padding-left: 0 !important;
}

.view-events-similar-events .view-content .carousel-item.activity-type-20 .node .cta-container,
.view-events-similar-events .view-content .carousel-item.activity-type-20 .node .content,
.view-events-similar-events .view-content .carousel-item.activity-type-20 .node .content p,
.view-events-similar-events .view-content .carousel-item.event-type-410 .node .cta-container,
.view-events-similar-events .view-content .carousel-item.event-type-410 .node .content,
.view-events-similar-events .view-content .carousel-item.event-type-410 .node .content p,
.view-events-carousel .view-content .carousel-item.activity-type-20 .node .cta-container,
.view-events-carousel .view-content .carousel-item.activity-type-20 .node .content,
.view-events-carousel .view-content .carousel-item.activity-type-20 .node .content p,
.view-events-carousel .view-content .carousel-item.event-type-410 .node .cta-container,
.view-events-carousel .view-content .carousel-item.event-type-410 .node .content,
.view-events-carousel .view-content .carousel-item.event-type-410 .node .content p {
  background-color: #00706d;
}

.view-events-similar-events .view-content .carousel-item.activity-type-20 .node .content p,
.view-events-similar-events .view-content .carousel-item.activity-type-20 .node .content a,
.view-events-similar-events .view-content .carousel-item.activity-type-20 .node p,
.view-events-similar-events .view-content .carousel-item.activity-type-20 .node a,
.view-events-similar-events .view-content .carousel-item.event-type-410 .node .content p,
.view-events-similar-events .view-content .carousel-item.event-type-410 .node .content a,
.view-events-similar-events .view-content .carousel-item.event-type-410 .node p,
.view-events-similar-events .view-content .carousel-item.event-type-410 .node a,
.view-events-carousel .view-content .carousel-item.activity-type-20 .node .content p,
.view-events-carousel .view-content .carousel-item.activity-type-20 .node .content a,
.view-events-carousel .view-content .carousel-item.activity-type-20 .node p,
.view-events-carousel .view-content .carousel-item.activity-type-20 .node a,
.view-events-carousel .view-content .carousel-item.event-type-410 .node .content p,
.view-events-carousel .view-content .carousel-item.event-type-410 .node .content a,
.view-events-carousel .view-content .carousel-item.event-type-410 .node p,
.view-events-carousel .view-content .carousel-item.event-type-410 .node a {
  color: #fff;
}

.view-events-similar-events .view-content .carousel-item.activity-type-20 .node .cta-primary-short.ticket-price,
.view-events-similar-events .view-content .carousel-item.event-type-410 .node .cta-primary-short.ticket-price,
.view-events-carousel .view-content .carousel-item.activity-type-20 .node .cta-primary-short.ticket-price,
.view-events-carousel .view-content .carousel-item.event-type-410 .node .cta-primary-short.ticket-price {
  background-color: #00706d;
  border-left: 1px solid #00706d;
}

.view-events-similar-events .view-content .carousel-item.activity-type-20 .node .cta-primary-short a,
.view-events-similar-events .view-content .carousel-item.event-type-410 .node .cta-primary-short a,
.view-events-carousel .view-content .carousel-item.activity-type-20 .node .cta-primary-short a,
.view-events-carousel .view-content .carousel-item.event-type-410 .node .cta-primary-short a {
  background-color: #00706d;
}

.view-events-similar-events .view-content .carousel-item.activity-type-20 .node .cta-primary-short a:hover,
.view-events-similar-events .view-content .carousel-item.event-type-410 .node .cta-primary-short a:hover,
.view-events-carousel .view-content .carousel-item.activity-type-20 .node .cta-primary-short a:hover,
.view-events-carousel .view-content .carousel-item.event-type-410 .node .cta-primary-short a:hover {
  background-color: #68A844;
}

.view-events-similar-events .view-content .carousel-item.activity-type-23 .node .cta-container,
.view-events-similar-events .view-content .carousel-item.activity-type-23 .node .content,
.view-events-similar-events .view-content .carousel-item.activity-type-23 .node .content p,
.view-events-similar-events .view-content .carousel-item.event-type-411 .node .cta-container,
.view-events-similar-events .view-content .carousel-item.event-type-411 .node .content,
.view-events-similar-events .view-content .carousel-item.event-type-411 .node .content p,
.view-events-carousel .view-content .carousel-item.activity-type-23 .node .cta-container,
.view-events-carousel .view-content .carousel-item.activity-type-23 .node .content,
.view-events-carousel .view-content .carousel-item.activity-type-23 .node .content p,
.view-events-carousel .view-content .carousel-item.event-type-411 .node .cta-container,
.view-events-carousel .view-content .carousel-item.event-type-411 .node .content,
.view-events-carousel .view-content .carousel-item.event-type-411 .node .content p {
  background-color: #FBBD00;
}

.view-events-similar-events .view-content .carousel-item.activity-type-23 .node .content p,
.view-events-similar-events .view-content .carousel-item.activity-type-23 .node .content a,
.view-events-similar-events .view-content .carousel-item.activity-type-23 .node p,
.view-events-similar-events .view-content .carousel-item.activity-type-23 .node a,
.view-events-similar-events .view-content .carousel-item.event-type-411 .node .content p,
.view-events-similar-events .view-content .carousel-item.event-type-411 .node .content a,
.view-events-similar-events .view-content .carousel-item.event-type-411 .node p,
.view-events-similar-events .view-content .carousel-item.event-type-411 .node a,
.view-events-carousel .view-content .carousel-item.activity-type-23 .node .content p,
.view-events-carousel .view-content .carousel-item.activity-type-23 .node .content a,
.view-events-carousel .view-content .carousel-item.activity-type-23 .node p,
.view-events-carousel .view-content .carousel-item.activity-type-23 .node a,
.view-events-carousel .view-content .carousel-item.event-type-411 .node .content p,
.view-events-carousel .view-content .carousel-item.event-type-411 .node .content a,
.view-events-carousel .view-content .carousel-item.event-type-411 .node p,
.view-events-carousel .view-content .carousel-item.event-type-411 .node a {
  color: #fff;
}

.view-events-similar-events .view-content .carousel-item.activity-type-23 .node .cta-primary-short.ticket-price,
.view-events-similar-events .view-content .carousel-item.event-type-411 .node .cta-primary-short.ticket-price,
.view-events-carousel .view-content .carousel-item.activity-type-23 .node .cta-primary-short.ticket-price,
.view-events-carousel .view-content .carousel-item.event-type-411 .node .cta-primary-short.ticket-price {
  background-color: #007fbd;
  border-left: 1px solid #0090D6;
}

.view-events-similar-events .view-content .carousel-item.activity-type-23 .node .cta-primary-short a,
.view-events-similar-events .view-content .carousel-item.event-type-411 .node .cta-primary-short a,
.view-events-carousel .view-content .carousel-item.activity-type-23 .node .cta-primary-short a,
.view-events-carousel .view-content .carousel-item.event-type-411 .node .cta-primary-short a {
  background-color: #FBBD00;
}

.view-events-similar-events .view-content .carousel-item.activity-type-23 .node .cta-primary-short a:hover,
.view-events-similar-events .view-content .carousel-item.event-type-411 .node .cta-primary-short a:hover,
.view-events-carousel .view-content .carousel-item.activity-type-23 .node .cta-primary-short a:hover,
.view-events-carousel .view-content .carousel-item.event-type-411 .node .cta-primary-short a:hover {
  background-color: #FBBD00;
}

.view-events-similar-events .view-content .carousel-item.activity-type-12 .node .cta-container,
.view-events-similar-events .view-content .carousel-item.activity-type-12 .node .content,
.view-events-similar-events .view-content .carousel-item.activity-type-12 .node .content p,
.view-events-similar-events .view-content .carousel-item.event-type-412 .node .cta-container,
.view-events-similar-events .view-content .carousel-item.event-type-412 .node .content,
.view-events-similar-events .view-content .carousel-item.event-type-412 .node .content p,
.view-events-carousel .view-content .carousel-item.activity-type-12 .node .cta-container,
.view-events-carousel .view-content .carousel-item.activity-type-12 .node .content,
.view-events-carousel .view-content .carousel-item.activity-type-12 .node .content p,
.view-events-carousel .view-content .carousel-item.event-type-412 .node .cta-container,
.view-events-carousel .view-content .carousel-item.event-type-412 .node .content,
.view-events-carousel .view-content .carousel-item.event-type-412 .node .content p {
  background-color: #0090D6;
}

.view-events-similar-events .view-content .carousel-item.activity-type-12 .node .content p,
.view-events-similar-events .view-content .carousel-item.activity-type-12 .node .content a,
.view-events-similar-events .view-content .carousel-item.activity-type-12 .node p,
.view-events-similar-events .view-content .carousel-item.activity-type-12 .node a,
.view-events-similar-events .view-content .carousel-item.event-type-412 .node .content p,
.view-events-similar-events .view-content .carousel-item.event-type-412 .node .content a,
.view-events-similar-events .view-content .carousel-item.event-type-412 .node p,
.view-events-similar-events .view-content .carousel-item.event-type-412 .node a,
.view-events-carousel .view-content .carousel-item.activity-type-12 .node .content p,
.view-events-carousel .view-content .carousel-item.activity-type-12 .node .content a,
.view-events-carousel .view-content .carousel-item.activity-type-12 .node p,
.view-events-carousel .view-content .carousel-item.activity-type-12 .node a,
.view-events-carousel .view-content .carousel-item.event-type-412 .node .content p,
.view-events-carousel .view-content .carousel-item.event-type-412 .node .content a,
.view-events-carousel .view-content .carousel-item.event-type-412 .node p,
.view-events-carousel .view-content .carousel-item.event-type-412 .node a {
  color: #fff;
}

.view-events-similar-events .view-content .carousel-item.activity-type-12 .node .cta-primary-short.ticket-price,
.view-events-similar-events .view-content .carousel-item.event-type-412 .node .cta-primary-short.ticket-price,
.view-events-carousel .view-content .carousel-item.activity-type-12 .node .cta-primary-short.ticket-price,
.view-events-carousel .view-content .carousel-item.event-type-412 .node .cta-primary-short.ticket-price {
  background-color: #007fbd;
  border-left: 1px solid #0090D6;
}

.view-events-similar-events .view-content .carousel-item.activity-type-12 .node .cta-primary-short a,
.view-events-similar-events .view-content .carousel-item.event-type-412 .node .cta-primary-short a,
.view-events-carousel .view-content .carousel-item.activity-type-12 .node .cta-primary-short a,
.view-events-carousel .view-content .carousel-item.event-type-412 .node .cta-primary-short a {
  background-color: #007fbd;
}

.view-events-similar-events .view-content .carousel-item.activity-type-12 .node .cta-primary-short a:hover,
.view-events-similar-events .view-content .carousel-item.event-type-412 .node .cta-primary-short a:hover,
.view-events-carousel .view-content .carousel-item.activity-type-12 .node .cta-primary-short a:hover,
.view-events-carousel .view-content .carousel-item.event-type-412 .node .cta-primary-short a:hover {
  background-color: #007fbd;
}

.view-events-similar-events .view-content .carousel-item.activity-type-17 .node .cta-container,
.view-events-similar-events .view-content .carousel-item.activity-type-17 .node .content,
.view-events-similar-events .view-content .carousel-item.activity-type-17 .node .content p,
.view-events-similar-events .view-content .carousel-item.event-type-413 .node .cta-container,
.view-events-similar-events .view-content .carousel-item.event-type-413 .node .content,
.view-events-similar-events .view-content .carousel-item.event-type-413 .node .content p,
.view-events-carousel .view-content .carousel-item.activity-type-17 .node .cta-container,
.view-events-carousel .view-content .carousel-item.activity-type-17 .node .content,
.view-events-carousel .view-content .carousel-item.activity-type-17 .node .content p,
.view-events-carousel .view-content .carousel-item.event-type-413 .node .cta-container,
.view-events-carousel .view-content .carousel-item.event-type-413 .node .content,
.view-events-carousel .view-content .carousel-item.event-type-413 .node .content p {
  background-color: #C7007A;
}

.view-events-similar-events .view-content .carousel-item.activity-type-17 .node .content p,
.view-events-similar-events .view-content .carousel-item.activity-type-17 .node .content a,
.view-events-similar-events .view-content .carousel-item.activity-type-17 .node p,
.view-events-similar-events .view-content .carousel-item.activity-type-17 .node a,
.view-events-similar-events .view-content .carousel-item.event-type-413 .node .content p,
.view-events-similar-events .view-content .carousel-item.event-type-413 .node .content a,
.view-events-similar-events .view-content .carousel-item.event-type-413 .node p,
.view-events-similar-events .view-content .carousel-item.event-type-413 .node a,
.view-events-carousel .view-content .carousel-item.activity-type-17 .node .content p,
.view-events-carousel .view-content .carousel-item.activity-type-17 .node .content a,
.view-events-carousel .view-content .carousel-item.activity-type-17 .node p,
.view-events-carousel .view-content .carousel-item.activity-type-17 .node a,
.view-events-carousel .view-content .carousel-item.event-type-413 .node .content p,
.view-events-carousel .view-content .carousel-item.event-type-413 .node .content a,
.view-events-carousel .view-content .carousel-item.event-type-413 .node p,
.view-events-carousel .view-content .carousel-item.event-type-413 .node a {
  color: #fff;
}

.view-events-similar-events .view-content .carousel-item.activity-type-17 .node .cta-primary-short.ticket-price,
.view-events-similar-events .view-content .carousel-item.event-type-413 .node .cta-primary-short.ticket-price,
.view-events-carousel .view-content .carousel-item.activity-type-17 .node .cta-primary-short.ticket-price,
.view-events-carousel .view-content .carousel-item.event-type-413 .node .cta-primary-short.ticket-price {
  background-color: #821F81;
  border-left: 1px solid #C7007A;
}

.view-events-similar-events .view-content .carousel-item.activity-type-17 .node .cta-primary-short a,
.view-events-similar-events .view-content .carousel-item.event-type-413 .node .cta-primary-short a,
.view-events-carousel .view-content .carousel-item.activity-type-17 .node .cta-primary-short a,
.view-events-carousel .view-content .carousel-item.event-type-413 .node .cta-primary-short a {
  background-color: #821F81;
}

.view-events-similar-events .view-content .carousel-item.activity-type-17 .node .cta-primary-short a:hover,
.view-events-similar-events .view-content .carousel-item.event-type-413 .node .cta-primary-short a:hover,
.view-events-carousel .view-content .carousel-item.activity-type-17 .node .cta-primary-short a:hover,
.view-events-carousel .view-content .carousel-item.event-type-413 .node .cta-primary-short a:hover {
  background-color: #522268;
}

.view-events-similar-events .view-content .carousel-item.activity-type-15 .node .cta-container,
.view-events-similar-events .view-content .carousel-item.activity-type-15 .node .content,
.view-events-similar-events .view-content .carousel-item.activity-type-15 .node .content p,
.view-events-similar-events .view-content .carousel-item.event-type-414 .node .cta-container,
.view-events-similar-events .view-content .carousel-item.event-type-414 .node .content,
.view-events-similar-events .view-content .carousel-item.event-type-414 .node .content p,
.view-events-carousel .view-content .carousel-item.activity-type-15 .node .cta-container,
.view-events-carousel .view-content .carousel-item.activity-type-15 .node .content,
.view-events-carousel .view-content .carousel-item.activity-type-15 .node .content p,
.view-events-carousel .view-content .carousel-item.event-type-414 .node .cta-container,
.view-events-carousel .view-content .carousel-item.event-type-414 .node .content,
.view-events-carousel .view-content .carousel-item.event-type-414 .node .content p {
  background-color: #0090D6;
}

.view-events-similar-events .view-content .carousel-item.activity-type-15 .node .content p,
.view-events-similar-events .view-content .carousel-item.activity-type-15 .node .content a,
.view-events-similar-events .view-content .carousel-item.activity-type-15 .node p,
.view-events-similar-events .view-content .carousel-item.activity-type-15 .node a,
.view-events-similar-events .view-content .carousel-item.event-type-414 .node .content p,
.view-events-similar-events .view-content .carousel-item.event-type-414 .node .content a,
.view-events-similar-events .view-content .carousel-item.event-type-414 .node p,
.view-events-similar-events .view-content .carousel-item.event-type-414 .node a,
.view-events-carousel .view-content .carousel-item.activity-type-15 .node .content p,
.view-events-carousel .view-content .carousel-item.activity-type-15 .node .content a,
.view-events-carousel .view-content .carousel-item.activity-type-15 .node p,
.view-events-carousel .view-content .carousel-item.activity-type-15 .node a,
.view-events-carousel .view-content .carousel-item.event-type-414 .node .content p,
.view-events-carousel .view-content .carousel-item.event-type-414 .node .content a,
.view-events-carousel .view-content .carousel-item.event-type-414 .node p,
.view-events-carousel .view-content .carousel-item.event-type-414 .node a {
  color: #fff;
}

.view-events-similar-events .view-content .carousel-item.activity-type-15 .node .cta-primary-short.ticket-price,
.view-events-similar-events .view-content .carousel-item.event-type-414 .node .cta-primary-short.ticket-price,
.view-events-carousel .view-content .carousel-item.activity-type-15 .node .cta-primary-short.ticket-price,
.view-events-carousel .view-content .carousel-item.event-type-414 .node .cta-primary-short.ticket-price {
  background-color: #0086c7;
  border-left: 1px solid #0086c7;
}

.view-events-similar-events .view-content .carousel-item.activity-type-15 .node .cta-primary-short a,
.view-events-similar-events .view-content .carousel-item.event-type-414 .node .cta-primary-short a,
.view-events-carousel .view-content .carousel-item.activity-type-15 .node .cta-primary-short a,
.view-events-carousel .view-content .carousel-item.event-type-414 .node .cta-primary-short a {
  background-color: #0086c7;
}

.view-events-similar-events .view-content .carousel-item.activity-type-15 .node .cta-primary-short a:hover,
.view-events-similar-events .view-content .carousel-item.event-type-414 .node .cta-primary-short a:hover,
.view-events-carousel .view-content .carousel-item.activity-type-15 .node .cta-primary-short a:hover,
.view-events-carousel .view-content .carousel-item.event-type-414 .node .cta-primary-short a:hover {
  background-color: #007fbd;
}

.view-events-similar-events .view-content .owl-controls .owl-nav .owl-prev,
.view-events-similar-events .view-content .owl-controls .owl-nav .owl-next,
.view-events-carousel .view-content .owl-controls .owl-nav .owl-prev,
.view-events-carousel .view-content .owl-controls .owl-nav .owl-next {
  position: absolute;
  z-index: 99;
}

.view-events-similar-events .view-content .owl-controls .owl-nav .owl-prev,
.view-events-carousel .view-content .owl-controls .owl-nav .owl-prev {
  left: 0;
}

.view-events-similar-events .view-content .owl-controls .owl-nav .owl-next,
.view-events-carousel .view-content .owl-controls .owl-nav .owl-next {
  right: 0;
}

.event-tile,
.blog-tile {
  width: 100%;
}

.event-tile .tile-image-wrapper,
.blog-tile .tile-image-wrapper {
  min-height: 50px;
  max-height: 240px;
}

.event-tile img,
.blog-tile img {
  height: auto;
  width: 100%;
}

.event-tile .node .content,
.blog-tile .node .content {
  background: #821F81;
  height: 50px;
  padding: 6% 5% 21%;
  position: relative;
}

.event-tile .node .content h2,
.blog-tile .node .content h2,
.event-tile .node .content h3,
.blog-tile .node .content h3 {
  padding: 28px 0 0;
  font-family: "FSElliot Thin", Arial, Helvetica, sans-serif;
  font-size: 2.2em;
  letter-spacing: 0.02em;
  line-height: 1.3em;
  font-weight: 400;
  font-size: 1.8em;
  letter-spacing: 0.02em;
  padding-top: 0;
}

.event-tile .node .content h2 a,
.blog-tile .node .content h2 a,
.event-tile .node .content h3 a,
.blog-tile .node .content h3 a {
  color: #fff;
}

.event-tile .node .content h2,
.blog-tile .node .content h2 {
  padding-bottom: 50px;
}

.event-tile .node .content p,
.blog-tile .node .content p,
.event-tile .node .content a,
.blog-tile .node .content a {
  color: #fff;
}

.event-tile .node .content .field-name-field-activity-type,
.blog-tile .node .content .field-name-field-activity-type,
.event-tile .node .content .field-type-datetime,
.blog-tile .node .content .field-type-datetime {
  position: absolute;
  top: -48px;
  left: 0;
  width: 100%;
}

.event-tile .node .content .field-name-field-activity-type p,
.blog-tile .node .content .field-name-field-activity-type p,
.event-tile .node .content .field-type-datetime p,
.blog-tile .node .content .field-type-datetime p {
  padding: 15px 0 0;
  font-family: "FSElliot Regular", Arial, Helvetica, sans-serif;
  font-size: 1.4em;
  letter-spacing: 0.02em;
  line-height: 1.4em;
  font-weight: 300;
  font-weight: 600;
  font-weight: 400;
  width: 146px;
  padding: 0 5%;
  line-height: 48px;
  background: #821F81;
}

.event-tile .node .content .submitted,
.blog-tile .node .content .submitted {
  padding: 15px 0 0;
  font-family: "FSElliot Regular", Arial, Helvetica, sans-serif;
  font-size: 1.4em;
  letter-spacing: 0.02em;
  line-height: 1.4em;
  font-weight: 300;
  font-weight: 600;
  font-weight: 400;
  padding-top: 4px;
  font-style: normal;
}

.event-tile .node .cta-container,
.blog-tile .node .cta-container {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
}

.event-tile .node.red .content,
.blog-tile .node.red .content,
.event-tile .node.red .content p,
.blog-tile .node.red .content p {
  background: #04909f;
}

.event-tile .node.red .content p,
.blog-tile .node.red .content p,
.event-tile .node.red .content a,
.blog-tile .node.red .content a,
.event-tile .node.red .content p p,
.event-tile .node.red .content p a {
  color: #fff;
}

.event-tile .cta-primary-short.ticket-price,
.blog-tile .cta-primary-short.ticket-price {
  box-sizing: border-box;
  float: right;
}

.event-tile .cta-primary-short.ticket-price .icon-ticket,
.blog-tile .cta-primary-short.ticket-price .icon-ticket {
  top: -2px;
}

.event-tile .cta-primary-short.ticket-price .with-icon,
.blog-tile .cta-primary-short.ticket-price .with-icon {
  padding-left: 25px;
}

.event-tile .cta-primary-short.ticket-price .text-container,
.blog-tile .cta-primary-short.ticket-price .text-container {
  padding-left: 0 !important;
}

.event-tile.activity-type-20 .node .content,
.activity-type-20.blog-tile .node .content,
.event-tile.activity-type-20 .node .content p,
.activity-type-20.blog-tile .node .content p,
.event-tile.event-type-410 .node .content,
.event-type-410.blog-tile .node .content,
.event-tile.event-type-410 .node .content p,
.event-type-410.blog-tile .node .content p {
  background-color: #00706d;
}

.event-tile.activity-type-20 .node .content p,
.event-tile.activity-type-20 .node .content a,
.event-tile.activity-type-20 .node p,
.activity-type-20.blog-tile .node p,
.event-tile.activity-type-20 .node a,
.activity-type-20.blog-tile .node a,
.event-tile.event-type-410 .node .content p,
.event-tile.event-type-410 .node .content a,
.event-tile.event-type-410 .node p,
.event-type-410.blog-tile .node p,
.event-tile.event-type-410 .node a,
.event-type-410.blog-tile .node a {
  color: #fff;
}

.event-tile.activity-type-20 .node .cta-primary-short.ticket-price,
.activity-type-20.blog-tile .node .cta-primary-short.ticket-price,
.event-tile.event-type-410 .node .cta-primary-short.ticket-price,
.event-type-410.blog-tile .node .cta-primary-short.ticket-price {
  background-color: #00706d;
  border-left: 1px solid #00706d;
}

.event-tile.activity-type-20 .node .cta-primary-short a,
.activity-type-20.blog-tile .node .cta-primary-short a,
.event-tile.event-type-410 .node .cta-primary-short a,
.event-type-410.blog-tile .node .cta-primary-short a {
  background-color: #00706d;
}

.event-tile.activity-type-20 .node .cta-primary-short a:hover,
.activity-type-20.blog-tile .node .cta-primary-short a:hover,
.event-tile.event-type-410 .node .cta-primary-short a:hover,
.event-type-410.blog-tile .node .cta-primary-short a:hover {
  background-color: #005754;
}

.event-tile.activity-type-23 .node .content,
.activity-type-23.blog-tile .node .content,
.event-tile.activity-type-23 .node .content p,
.activity-type-23.blog-tile .node .content p,
.event-tile.event-type-411 .node .content,
.event-type-411.blog-tile .node .content,
.event-tile.event-type-411 .node .content p,
.event-type-411.blog-tile .node .content p {
  background-color: #FBBD00;
}

.event-tile.activity-type-23 .node .content p,
.event-tile.activity-type-23 .node .content a,
.event-tile.activity-type-23 .node p,
.activity-type-23.blog-tile .node p,
.event-tile.activity-type-23 .node a,
.activity-type-23.blog-tile .node a,
.event-tile.event-type-411 .node .content p,
.event-tile.event-type-411 .node .content a,
.event-tile.event-type-411 .node p,
.event-type-411.blog-tile .node p,
.event-tile.event-type-411 .node a,
.event-type-411.blog-tile .node a {
  color: #fff;
}

.event-tile.activity-type-23 .node .cta-primary-short.ticket-price,
.activity-type-23.blog-tile .node .cta-primary-short.ticket-price,
.event-tile.event-type-411 .node .cta-primary-short.ticket-price,
.event-type-411.blog-tile .node .cta-primary-short.ticket-price {
  background-color: #FBBD00;
  border-left: 1px solid #FBBD00;
}

.event-tile.activity-type-23 .node .cta-primary-short a,
.activity-type-23.blog-tile .node .cta-primary-short a,
.event-tile.event-type-411 .node .cta-primary-short a,
.event-type-411.blog-tile .node .cta-primary-short a {
  background-color: #FBBD00;
}

.event-tile.activity-type-23 .node .cta-primary-short a:hover,
.activity-type-23.blog-tile .node .cta-primary-short a:hover,
.event-tile.event-type-411 .node .cta-primary-short a:hover,
.event-type-411.blog-tile .node .cta-primary-short a:hover {
  background-color: #FBBD00;
}

.event-tile.activity-type-12 .node .content,
.activity-type-12.blog-tile .node .content,
.event-tile.activity-type-12 .node .content p,
.activity-type-12.blog-tile .node .content p,
.event-tile.event-type-412 .node .content,
.event-type-412.blog-tile .node .content,
.event-tile.event-type-412 .node .content p,
.event-type-412.blog-tile .node .content p {
  background-color: #0090D6;
}

.event-tile.activity-type-12 .node .content p,
.event-tile.activity-type-12 .node .content a,
.event-tile.activity-type-12 .node p,
.activity-type-12.blog-tile .node p,
.event-tile.activity-type-12 .node a,
.activity-type-12.blog-tile .node a,
.event-tile.event-type-412 .node .content p,
.event-tile.event-type-412 .node .content a,
.event-tile.event-type-412 .node p,
.event-type-412.blog-tile .node p,
.event-tile.event-type-412 .node a,
.event-type-412.blog-tile .node a {
  color: #fff;
}

.event-tile.activity-type-12 .node .cta-primary-short.ticket-price,
.activity-type-12.blog-tile .node .cta-primary-short.ticket-price,
.event-tile.event-type-412 .node .cta-primary-short.ticket-price,
.event-type-412.blog-tile .node .cta-primary-short.ticket-price {
  background-color: #007fbd;
  border-left: 1px solid #0090D6;
}

.event-tile.activity-type-12 .node .cta-primary-short a,
.activity-type-12.blog-tile .node .cta-primary-short a,
.event-tile.event-type-412 .node .cta-primary-short a,
.event-type-412.blog-tile .node .cta-primary-short a {
  background-color: #007fbd;
}

.event-tile.activity-type-12 .node .cta-primary-short a:hover,
.activity-type-12.blog-tile .node .cta-primary-short a:hover,
.event-tile.event-type-412 .node .cta-primary-short a:hover,
.event-type-412.blog-tile .node .cta-primary-short a:hover {
  background-color: #007fbd;
}

.event-tile.activity-type-17 .node .content,
.activity-type-17.blog-tile .node .content,
.event-tile.activity-type-17 .node .content p,
.activity-type-17.blog-tile .node .content p,
.event-tile.event-type-413 .node .content,
.event-type-413.blog-tile .node .content,
.event-tile.event-type-413 .node .content p,
.event-type-413.blog-tile .node .content p,
.event-tile.type-group .node .content,
.type-group.blog-tile .node .content,
.event-tile.type-group .node .content p,
.type-group.blog-tile .node .content p {
  background-color: #C7007A;
}

.event-tile.activity-type-17 .node .content p,
.event-tile.activity-type-17 .node .content a,
.event-tile.activity-type-17 .node p,
.activity-type-17.blog-tile .node p,
.event-tile.activity-type-17 .node a,
.activity-type-17.blog-tile .node a,
.event-tile.event-type-413 .node .content p,
.event-tile.event-type-413 .node .content a,
.event-tile.event-type-413 .node p,
.event-type-413.blog-tile .node p,
.event-tile.event-type-413 .node a,
.event-type-413.blog-tile .node a,
.event-tile.type-group .node .content p,
.event-tile.type-group .node .content a,
.event-tile.type-group .node p,
.type-group.blog-tile .node p,
.event-tile.type-group .node a,
.type-group.blog-tile .node a {
  color: #fff;
}

.event-tile.activity-type-17 .node .cta-primary-short.ticket-price,
.activity-type-17.blog-tile .node .cta-primary-short.ticket-price,
.event-tile.event-type-413 .node .cta-primary-short.ticket-price,
.event-type-413.blog-tile .node .cta-primary-short.ticket-price,
.event-tile.type-group .node .cta-primary-short.ticket-price,
.type-group.blog-tile .node .cta-primary-short.ticket-price {
  background-color: #ae006a;
  border-left: 1px solid #C7007A;
}

.event-tile.activity-type-17 .node .cta-primary-short a,
.activity-type-17.blog-tile .node .cta-primary-short a,
.event-tile.event-type-413 .node .cta-primary-short a,
.event-type-413.blog-tile .node .cta-primary-short a,
.event-tile.type-group .node .cta-primary-short a,
.type-group.blog-tile .node .cta-primary-short a {
  background-color: #ae006a;
}

.event-tile.activity-type-17 .node .cta-primary-short a:hover,
.activity-type-17.blog-tile .node .cta-primary-short a:hover,
.event-tile.event-type-413 .node .cta-primary-short a:hover,
.event-type-413.blog-tile .node .cta-primary-short a:hover,
.event-tile.type-group .node .cta-primary-short a:hover,
.type-group.blog-tile .node .cta-primary-short a:hover {
  background-color: #94005b;
}

.event-tile.activity-type-15 .node .content,
.activity-type-15.blog-tile .node .content,
.event-tile.activity-type-15 .node .content p,
.activity-type-15.blog-tile .node .content p,
.event-tile.event-type-414 .node .content,
.event-type-414.blog-tile .node .content,
.event-tile.event-type-414 .node .content p,
.event-type-414.blog-tile .node .content p {
  background-color: #0090D6;
}

.event-tile.activity-type-15 .node .content p,
.event-tile.activity-type-15 .node .content a,
.event-tile.activity-type-15 .node p,
.activity-type-15.blog-tile .node p,
.event-tile.activity-type-15 .node a,
.activity-type-15.blog-tile .node a,
.event-tile.event-type-414 .node .content p,
.event-tile.event-type-414 .node .content a,
.event-tile.event-type-414 .node p,
.event-type-414.blog-tile .node p,
.event-tile.event-type-414 .node a,
.event-type-414.blog-tile .node a {
  color: #fff;
}

.event-tile.activity-type-15 .node .cta-primary-short.ticket-price,
.activity-type-15.blog-tile .node .cta-primary-short.ticket-price,
.event-tile.event-type-414 .node .cta-primary-short.ticket-price,
.event-type-414.blog-tile .node .cta-primary-short.ticket-price {
  background-color: #0086c7;
  border-left: 1px solid #0086c7;
}

.event-tile.activity-type-15 .node .cta-primary-short a,
.activity-type-15.blog-tile .node .cta-primary-short a,
.event-tile.event-type-414 .node .cta-primary-short a,
.event-type-414.blog-tile .node .cta-primary-short a {
  background-color: #0086c7;
}

.event-tile.activity-type-15 .node .cta-primary-short a:hover,
.activity-type-15.blog-tile .node .cta-primary-short a:hover,
.event-tile.event-type-414 .node .cta-primary-short a:hover,
.event-type-414.blog-tile .node .cta-primary-short a:hover {
  background-color: #007fbd;
}

.event-tile .node-activity-type h2 a,
.blog-tile .node-activity-type h2 a {
  font-family: "FSElliot Light", Arial, Helvetica, sans-serif;
}

.event-tile .tile-keywords-container,
.blog-tile .tile-keywords-container {
  overflow: hidden;
}

.event-tile .tile-keywords-container .tile-keywords,
.blog-tile .tile-keywords-container .tile-keywords {
  width: 80%;
  height: 40px;
  position: absolute;
  top: 70%;
  overflow: hidden;
}

.event-tile .tile-keywords-container .tile-keywords p,
.blog-tile .tile-keywords-container .tile-keywords p {
  display: inline-block;
  padding: 1% 2%;
  background: rgba(0, 0, 0, 0.2);
  font-size: 1.3em;
  margin-bottom: 50px;
}

.view-education-schools .cta-container.key-info {
  display: flex;
  align-items: center;
  justify-content: center;
}

.view-education-schools .cta-container.key-info .audience .cta-content {
  padding-top: 0;
  padding-right: 5px;
  padding-bottom: 0;
  padding-left: 5px;
}

.view-education-schools .node .content {
  min-height: 152px;
}

.view-education-schools .node .content h2 {
  padding-bottom: 0;
}

.view-education-what-we-offer .node .content,
.view-live-science-blog .node .content,
.view-venue-hire-landing-page .node .content {
  min-height: 152px;
}

.view-education-what-we-offer .node .content h2,
.view-live-science-blog .node .content h2,
.view-venue-hire-landing-page .node .content h2 {
  padding-bottom: 0;
}

.type-group .content h2 a:after {
  position: absolute;
  top: 14%;
  right: 10%;
  font-family: "icons";
  content: "\e71d";
  margin-left: 10px;
}

@media only screen and (min-width: 48em) {
  .type-group {
    box-shadow: 1px -1px 0px 1px #fff8e7, 7px -7px 0px 1px #C7007A, 8px -8px 0px 3px #fff8e7, 15px -15px 0px 2px #C7007A;
  }

  .front .type-group {
    box-shadow: 1px -1px 0px 1px #000, 7px -7px 0px 1px #C7007A, 8px -8px 0px 3px #000, 15px -15px 0px 2px #C7007A;
  }
}

/*
 * Styling for live science blog posts on the live science blog page
 * Inherits styles defined in event-tile.scss
 */

/*
 * Styling for the buy tickets event entity view mode.
 */

.buy-tickets-event {
  background-size: cover;
  background-position: center;
  position: relative;
  color: white;
  min-height: 400px;
}

.buy-tickets-event .content {
  position: absolute;
  left: 40px;
  bottom: 40px;
  background: rgba(0, 0, 0, 0.7);
  max-width: 600px;
  padding: 20px;
  min-height: 180px;
  margin-right: 38px;
}

.buy-tickets-event a {
  color: white;
}

.view-live-science-related-reading > .view-content .views-row-odd .live-science-blog-related,
.view-live-science-related-reading > .view-content .views-row-even .live-science-blog-related,
.view-live-science-videos > .view-content .views-row-odd .live-science-blog-related,
.view-live-science-videos > .view-content .views-row-even .live-science-blog-related {
  padding-top: 50px;
}

.view-live-science-related-reading > .view-content .views-row-odd,
.view-live-science-videos > .view-content .views-row-odd {
  padding-top: 2%;
}

.view-live-science-related-reading > .view-content .views-row-even,
.view-live-science-videos > .view-content .views-row-even {
  border-top: 2px solid #fff;
}

.page-live-science-home .cta-primary-long a:hover,
#block-views-live-science-videos-block .cta-primary-long a:hover {
  color: #fff;
}

.page-node-60 .field-name-field-hero-pos-two-text a {
  color: #fff;
}

.page-node-60 .field-name-field-hero-pos-two-text a:hover {
  color: #007fbd;
}

@media only screen and (min-width: 48em) {
  .view-live-science-related-reading > .view-content .views-row-odd,
  .view-live-science-videos > .view-content .views-row-odd {
    padding-top: 4%;
  }
}

@media only screen and (min-width: 60em) {
  .view-live-science-related-reading > .view-content .views-row-odd,
  .view-live-science-related-reading > .view-content .views-row-even,
  .view-live-science-videos > .view-content .views-row-odd,
  .view-live-science-videos > .view-content .views-row-even {
    float: left;
    padding-top: 0;
    width: 50%;
    border-top: 0;
  }

  .view-live-science-related-reading > .view-content .views-row-odd .content-wrapper,
  .view-live-science-related-reading > .view-content .views-row-even .content-wrapper,
  .view-live-science-videos > .view-content .views-row-odd .content-wrapper,
  .view-live-science-videos > .view-content .views-row-even .content-wrapper {
    height: 484px;
  }

  .view-live-science-related-reading > .view-content .views-row-odd .live-science-blog-related,
  .view-live-science-videos > .view-content .views-row-odd .live-science-blog-related {
    border-right: 1px solid #fff;
  }

  .view-live-science-related-reading > .view-content .views-row-even .live-science-blog-related,
  .view-live-science-videos > .view-content .views-row-even .live-science-blog-related {
    border-left: 1px solid #fff;
  }
}

@media only screen and (min-width: 90em) {
  .view-live-science-related-reading > .view-content .views-row-odd .content-wrapper,
  .view-live-science-related-reading > .view-content .views-row-even .content-wrapper,
  .view-live-science-videos > .view-content .views-row-odd .content-wrapper,
  .view-live-science-videos > .view-content .views-row-even .content-wrapper {
    display: table;
    width: 100%;
    height: 400px;
  }

  .view-live-science-related-reading > .view-content .views-row-odd .content-wrapper > .content,
  .view-live-science-related-reading > .view-content .views-row-even .content-wrapper > .content,
  .view-live-science-videos > .view-content .views-row-odd .content-wrapper > .content,
  .view-live-science-videos > .view-content .views-row-even .content-wrapper > .content {
    display: table-cell;
    padding-top: 0;
    width: 100%;
    vertical-align: middle;
  }
}

.categories-stream .views-row {
  padding-top: 20px;
  padding-bottom: 20px;
}

.categories-stream .node-event,
.categories-stream .node-group {
  width: 280px !important;
}

.categories-stream .owl-stage-outer {
  width: 88%;
  margin: auto;
}

.categories-stream .owl-controls .owl-nav {
  display: none;
}

.categories-stream .owl-controls .owl-nav .owl-prev,
.categories-stream .owl-controls .owl-nav .owl-next {
  -webkit-transition: all 250ms ease-in-out;
  -moz-transition: all 250ms ease-in-out;
  -o-transition: all 250ms ease-in-out;
  transition: all 250ms ease-in-out;
  position: absolute;
  top: 0;
  width: 45px;
  height: 420px;
  text-indent: -9999px;
  margin-top: 20px;
}

.categories-stream .owl-controls .owl-nav .owl-prev:before,
.categories-stream .owl-controls .owl-nav .owl-next:before {
  font-family: "icons";
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 20px;
  position: absolute;
  top: 50%;
  display: block;
  width: 30px;
  height: 30px;
  margin-top: -20px;
  font-size: 20px;
  line-height: 30px;
  color: #0090D6;
  text-align: center;
  text-indent: 0;
  pointer-events: auto;
  border: 2px solid #0090D6;
  border-radius: 50%;
  opacity: 1;
}

.categories-stream .owl-controls .owl-nav .owl-prev {
  left: 0;
}

.categories-stream .owl-controls .owl-nav .owl-prev:before {
  left: 8px;
  content: "\e644";
}

.categories-stream .owl-controls .owl-nav .owl-next {
  right: 0;
}

.categories-stream .owl-controls .owl-nav .owl-next:before {
  right: 8px;
  content: "\e645";
}

h2.stream-title a {
  font-weight: 800;
  color: #0090D6;
  padding-top: 0;
  padding-left: 6%;
  font-size: 1.5em;
  line-height: 60px;
}

h2.stream-title a:hover {
  text-decoration: none;
  color: #007fbd;
}

h2.stream-title a:after {
  font-family: "icons";
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 20px;
  content: "\e645";
  padding-left: 5px;
  font-weight: 900;
}

.front h2.stream-title a:hover {
  color: #00a1f0;
}

.stream-subtitle {
  padding: 0 0 1% 6%;
}

.front .stream-subtitle {
  color: #ccc;
}

@media only screen and (min-width: 48em) {
  .categories-stream .node-event,
  .categories-stream .node-group {
    width: 335px !important;
  }

  .categories-stream .owl-controls .owl-nav {
    display: block;
  }
}

@media only screen and (min-width: 80em) {
  .categories-stream .node-event,
  .categories-stream .node-group {
    width: 360px !important;
  }

  .categories-stream .owl-controls .owl-nav .owl-prev,
  .categories-stream .owl-controls .owl-nav .owl-next {
    -webkit-transition: all 250ms ease-in-out;
    -moz-transition: all 250ms ease-in-out;
    -o-transition: all 250ms ease-in-out;
    transition: all 250ms ease-in-out;
    position: absolute;
    top: 0;
    width: 80px;
    height: 420px;
    text-indent: -9999px;
    margin-top: 20px;
  }

  .categories-stream .owl-controls .owl-nav .owl-prev:before,
  .categories-stream .owl-controls .owl-nav .owl-next:before {
    font-family: "icons";
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 20px;
    position: absolute;
    top: 50%;
    display: block;
    width: 40px;
    height: 40px;
    margin-top: -20px;
    font-size: 30px;
    line-height: 40px;
    color: #0090D6;
    text-align: center;
    text-indent: 0;
    pointer-events: auto;
    border: 2px solid #0090D6;
    border-radius: 50%;
    opacity: 1;
  }

  .categories-stream .owl-controls .owl-nav .owl-prev {
    left: 0;
  }

  .categories-stream .owl-controls .owl-nav .owl-prev:before {
    left: 8px;
    content: "\e644";
  }

  .categories-stream .owl-controls .owl-nav .owl-next {
    right: 0;
  }

  .categories-stream .owl-controls .owl-nav .owl-next:before {
    right: 8px;
    content: "\e645";
  }
}

.front .tabs {
  display: none;
}

.front #content-wrapper {
  background: #000;
}

.homepage-visitor-info {
  color: #fff;
}

.homepage-visitor-info h3,
.homepage-visitor-info p {
  color: #fff;
}

.homepage-visitor-info .panel-one {
  position: relative;
  padding-top: 54px;
  padding-bottom: 58px;
  width: 100%;
  height: 346px;
  background: #DD3C10;
}

.homepage-visitor-info .panel-one .opening-times {
  margin: 0 auto;
  padding: 0 15px;
  width: 100%;
  max-width: 600px;
  vertical-align: middle;
  background: #DD3C10;
}

.homepage-visitor-info .panel-one .opening-times h3:first-child {
  padding-top: 0;
}

.homepage-visitor-info .cta-ternary a:hover {
  color: #ccc !important;
}

.homepage-visitor-info .cta-ternary .text {
  float: left;
}

.homepage-visitor-info .more-visitor-info {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  z-index: 2;
}

.homepage-visitor-info .more-visitor-info a {
  background: #EF7D00;
}

.homepage-visitor-info .more-visitor-info a:hover {
  color: #fff;
  background: #E95516;
}

@media only screen and (min-width: 37.5em) {
  .homepage-visitor-info .panel-one .opening-times {
    padding-left: 40px;
    padding-right: 40px;
  }
}

@media only screen and (min-width: 48em) {
  .homepage-visitor-info .panel-one,
  .homepage-visitor-info .panel-two {
    float: left;
    width: 50%;
  }

  .homepage-visitor-info .panel-one {
    padding-top: 0;
    padding-bottom: 0;
    height: 500px;
    overflow: hidden;
  }

  .homepage-visitor-info .panel-one .opening-times {
    padding-top: 70px;
  }

  .homepage-visitor-info .more-visitor-info {
    position: absolute;
    bottom: 0;
    width: 100%;
  }
}

@media only screen and (min-width: 64em) {
  .homepage-visitor-info .panel-one {
    height: 600px;
  }

  .homepage-visitor-info .panel-one .opening-times {
    padding-top: 120px;
  }
}

.at-bristol-map {
  position: relative;
  height: 400px;
  background-image: url("/sites/all/themes/atbristol/images/homepage-map-xs.jpg");
  background-position: center;
  background-size: cover;
  border-left: 1px solid #fff;
}

.at-bristol-map .map-overlay {
  position: absolute;
  left: 50%;
  bottom: 38%;
  width: 250px;
  padding-top: 0;
  padding-right: 15px;
  padding-bottom: 35px;
  padding-left: 15px;
  margin-left: -125px;
  color: #ef3e42;
  background: #fff;
  box-sizing: border-box;
}

.at-bristol-map .map-overlay .map-title,
.at-bristol-map .map-overlay h4,
.at-bristol-map .map-overlay p {
  font-size: 1.8em;
  line-height: 1.3em;
  color: #ef3e42;
  text-align: center;
}

.at-bristol-map .map-overlay p {
  padding-top: 7px;
}

.at-bristol-map .map-overlay .map-title,
.at-bristol-map .map-overlay h4 {
  padding-top: 26px;
  font-family: "FSElliot Light", Arial, Helvetica, sans-serif;
}

.at-bristol-map .map-overlay-triangle {
  position: absolute;
  bottom: -23px;
  left: 50%;
  z-index: 333;
  width: 0;
  height: 0;
  margin-left: -23px;
  pointer-events: none;
  border-top-color: #fff;
  border-right-color: transparent;
  border-left-color: transparent;
  border-top-style: solid;
  border-right-style: solid;
  border-left-style: solid;
  border-top-width: 23px;
  border-right-width: 23px;
  border-left-width: 23px;
}

.mobile-hide {
  display: none;
}

@media only screen and (min-width: 30em) {
  .at-bristol-map {
    height: 400px;
    background-image: url("/sites/all/themes/atbristol/images/homepage-map-sm.jpg");
  }
}

@media only screen and (min-width: 48em) {
  .at-bristol-map {
    height: 500px;
    background-image: url("/sites/all/themes/atbristol/images/homepage-map-md.jpg");
  }

  .at-bristol-map .map-overlay {
    bottom: 40%;
  }

  .mobile-hide {
    display: block;
  }
}

@media only screen and (min-width: 64em) {
  .at-bristol-map {
    height: 600px;
    background-image: url("/sites/all/themes/atbristol/images/homepage-map-lg.jpg");
  }

  .at-bristol-map .map-overlay {
    bottom: 42%;
  }
}

@media only screen and (min-width: 90em) {
  .at-bristol-map {
    background-image: url("/sites/all/themes/atbristol/images/homepage-map-xl.jpg");
  }

  .at-bristol-map .map-overlay {
    bottom: 54%;
  }
}

.view-homepage-events .node-event,
.view-events-similar-events .node-event {
  width: 300px !important;
}

.view-homepage-events .owl-controls,
.view-events-similar-events .owl-controls {
  display: none;
}

.view-homepage-events .owl-prev,
.view-events-similar-events .owl-prev,
.view-homepage-events .owl-next,
.view-events-similar-events .owl-next {
  -webkit-transition: all 250ms ease-in-out;
  -moz-transition: all 250ms ease-in-out;
  -o-transition: all 250ms ease-in-out;
  transition: all 250ms ease-in-out;
  position: absolute;
  top: 0;
  width: 60px;
  height: 100%;
  text-indent: -9999px;
  opacity: 1;
  background: rgba(255, 255, 255, 0.8);
}

.view-homepage-events .owl-prev:before,
.view-events-similar-events .owl-prev:before,
.view-homepage-events .owl-next:before,
.view-events-similar-events .owl-next:before {
  font-family: "icons";
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 20px;
  position: absolute;
  top: 50%;
  display: block;
  width: 40px;
  height: 40px;
  margin-top: -20px;
  font-size: 30px;
  line-height: 40px;
  color: #ef3e42;
  text-align: center;
  text-indent: 0;
  pointer-events: auto;
  border: 2px solid #ef3e42;
  border-radius: 50%;
}

.view-homepage-events .owl-prev:before:hover,
.view-events-similar-events .owl-prev:before:hover,
.view-homepage-events .owl-next:before:hover,
.view-events-similar-events .owl-next:before:hover {
  color: #007fbd;
  border-color: #007fbd;
}

.view-homepage-events .owl-prev:before,
.view-events-similar-events .owl-prev:before {
  left: 8px;
  content: "\e644";
}

.view-homepage-events .owl-next:before,
.view-events-similar-events .owl-next:before {
  right: 8px;
  content: "\e645";
}

@media only screen and (min-width: 30em) {
  .view-homepage-events .owl-stage-outer,
  .view-events-similar-events .owl-stage-outer {
    padding-left: 60px;
  }

  .view-homepage-events .owl-controls,
  .view-events-similar-events .owl-controls {
    display: block;
  }
}

@media only screen and (min-width: 48em) {
  .view-homepage-events .owl-stage-outer,
  .view-events-similar-events .owl-stage-outer {
    padding-left: 80px;
  }

  .view-homepage-events .owl-prev,
  .view-events-similar-events .owl-prev,
  .view-homepage-events .owl-next,
  .view-events-similar-events .owl-next {
    width: 80px;
  }

  .view-homepage-events .owl-prev:before,
  .view-events-similar-events .owl-prev:before {
    left: 17px;
    content: "\e644";
  }

  .view-homepage-events .owl-next:before,
  .view-events-similar-events .owl-next:before {
    right: 17px;
    content: "\e645";
  }
}

@media only screen and (min-width: 64em) {
  .view-homepage-events .node-event,
  .view-events-similar-events .node-event {
    width: 400px !important;
  }
}

@media only screen and (min-width: 90em) {
  .view-homepage-events .node-event,
  .view-events-similar-events .node-event {
    width: 520px !important;
  }
}

.curious-blob {
  position: inherit;
  z-index: 999;
}

.curious-blob a {
  display: block;
  margin: auto;
  width: 100px;
  height: 50px;
  border-bottom-left-radius: 100px;
  border-bottom-right-radius: 100px;
  background: #C7007A;
  color: #fff;
  text-decoration: none;
  text-align: center;
  font-size: 1.5em;
  line-height: 2em;
}

.curious-blob a:hover {
  background: #e1008a;
  cursor: pointer;
}

.twitter-live-science .twitter-feed-container {
  position: relative;
  padding-top: 118%;
  background-color: #59adeb;
  border-bottom: 2px solid #fff;
}

.twitter-live-science .twitter-feed-container .twitter-carousel-container {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.twitter-live-science .twitter-feed-container .twitter-carousel-container .twitter-carousel,
.twitter-live-science .twitter-feed-container .twitter-carousel-container .twitter-carousel .owl-stage-outer,
.twitter-live-science .twitter-feed-container .twitter-carousel-container .twitter-carousel .owl-stage-outer .owl-stage,
.twitter-live-science .twitter-feed-container .twitter-carousel-container .twitter-carousel .owl-stage-outer .owl-stage .owl-item {
  position: relative;
  height: 100%;
}

.twitter-live-science .twitter-feed-container .twitter-carousel-container .twitter-carousel .owl-stage-outer .owl-stage {
  padding: 0;
  font-size: 1em;
  line-height: 1em;
  color: #fff;
  list-style: none;
}

.twitter-live-science .twitter-feed-container .twitter-carousel-container .twitter-carousel .owl-stage-outer .owl-stage .owl-item {
  padding: 0;
}

.twitter-live-science .twitter-feed-container .twitter-carousel-container .twitter-carousel .owl-stage-outer .owl-stage .owl-item a {
  color: #fff;
}

.twitter-live-science .twitter-feed-container .twitter-carousel-container .twitter-carousel .owl-stage-outer .owl-stage .owl-item .tweet-wrapper {
  display: table;
  width: 100%;
  height: 100%;
  background-position: 50% 50%;
  background-size: cover;
}

.twitter-live-science .twitter-feed-container .twitter-carousel-container .twitter-carousel .owl-stage-outer .owl-stage .owl-item .tweet-wrapper .tweet-container {
  display: table-cell;
  padding-left: 10%;
  padding-right: 10%;
  vertical-align: middle;
}

.twitter-live-science .twitter-feed-container .twitter-carousel-container .twitter-carousel .owl-stage-outer .owl-stage .owl-item .tweet-wrapper .tweet-container .tweet-content {
  padding: 18px;
}

.twitter-live-science .twitter-feed-container .twitter-carousel-container .twitter-carousel .owl-stage-outer .owl-stage .owl-item .tweet-wrapper .tweet-container .tweet-content p {
  color: #fff;
}

.twitter-live-science .twitter-feed-container .twitter-carousel-container .twitter-carousel .owl-stage-outer .owl-stage .owl-item .tweet-wrapper .tweet-container .tweet-content .twitter-logo {
  display: block;
  text-align: center;
  line-height: 1em;
}

.twitter-live-science .twitter-feed-container .twitter-carousel-container .twitter-carousel .owl-stage-outer .owl-stage .owl-item .tweet-wrapper .tweet-container .tweet-content .user-date {
  margin: 0 auto;
  padding-top: 22px;
  width: 204px;
  letter-spacing: 0.04em;
  text-align: center;
  overflow: hidden;
}

.twitter-live-science .twitter-feed-container .twitter-carousel-container .twitter-carousel .owl-stage-outer .owl-stage .owl-item .tweet-wrapper .tweet-container .tweet-content .user-date span {
  float: left;
}

.twitter-live-science .twitter-feed-container .twitter-carousel-container .twitter-carousel .owl-stage-outer .owl-stage .owl-item .tweet-wrapper .tweet-container .tweet-content .user-date .name {
  font-family: "FSElliot Light", Arial, Helvetica, sans-serif;
  letter-spacing: 0.02em;
}

.twitter-live-science .twitter-feed-container .twitter-carousel-container .twitter-carousel .owl-stage-outer .owl-stage .owl-item .tweet-wrapper .tweet-container .tweet-content .user-date .screen-name {
  font-family: "FSElliot Thin", Arial, Helvetica, sans-serif;
  padding-left: 6px;
}

.twitter-live-science .twitter-feed-container .twitter-carousel-container .twitter-carousel .owl-stage-outer .owl-stage .owl-item .tweet-wrapper .tweet-container .tweet-content .user-date .screen-name a {
  font-family: inherit;
}

.twitter-live-science .twitter-feed-container .twitter-carousel-container .twitter-carousel .owl-stage-outer .owl-stage .owl-item .tweet-wrapper .tweet-container .tweet-content .user-date .middot {
  padding: 1px 6px 0 8px;
  font-size: 3.4em;
  line-height: 0.3em;
}

.twitter-live-science .twitter-feed-container .twitter-carousel-container .twitter-carousel .owl-stage-outer .owl-stage .owl-item .tweet-wrapper .tweet-container .tweet-content .tweet p {
  padding: 28px 0 0;
  font-family: "FSElliot Thin", Arial, Helvetica, sans-serif;
  font-size: 2.2em;
  letter-spacing: 0.02em;
  line-height: 1.3em;
  font-weight: 400;
  padding: 16px 0 26px;
  font-size: 1.8em;
  line-height: 1.4em;
  text-align: center;
}

.twitter-live-science .twitter-feed-container .twitter-carousel-container .twitter-carousel .owl-stage-outer .owl-stage .owl-item .tweet-wrapper .tweet-container .tweet-content .follow-us {
  padding-top: 0;
  font-family: "FSElliot Thin", Arial, Helvetica, sans-serif;
  text-align: center;
}

.twitter-live-science .twitter-feed-container .twitter-carousel-container .twitter-carousel .owl-stage-outer .owl-stage .owl-item .tweet-wrapper .tweet-container .tweet-content .follow-us a {
  font-family: inherit;
}

.twitter-live-science .twitter-feed-container .twitter-carousel-container .twitter-carousel .owl-stage-outer .owl-stage .owl-item .tweet-wrapper[style] .tweet-container {
  background: rgba(0, 0, 0, 0.7);
}

.twitter-live-science .twitter-feed-container .twitter-carousel-container .twitter-carousel .owl-controls {
  display: none;
}

.twitter-live-science .twitter-feed-container .twitter-carousel-container .twitter-carousel .owl-controls .owl-nav {
  overflow: hidden;
}

.twitter-live-science .twitter-feed-container .twitter-carousel-container .twitter-carousel .owl-controls .owl-nav .owl-prev,
.twitter-live-science .twitter-feed-container .twitter-carousel-container .twitter-carousel .owl-controls .owl-nav .owl-next {
  font-family: "icons";
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 20px;
  position: absolute;
  top: 50%;
  margin-top: -18px;
  padding-top: 7px;
  width: 36px;
  height: 29px;
  color: #fff;
  font-size: 22px;
  line-height: 1em;
  text-align: center;
  border: 2px solid #fff;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;
}

.twitter-live-science .twitter-feed-container .twitter-carousel-container .twitter-carousel .owl-controls .owl-nav .owl-prev .copy,
.twitter-live-science .twitter-feed-container .twitter-carousel-container .twitter-carousel .owl-controls .owl-nav .owl-next .copy {
  display: none;
}

.twitter-live-science .twitter-feed-container .twitter-carousel-container .twitter-carousel .owl-controls .owl-nav .owl-prev {
  left: 2%;
  text-indent: -2px;
}

.twitter-live-science .twitter-feed-container .twitter-carousel-container .twitter-carousel .owl-controls .owl-nav .owl-next {
  right: 2%;
  text-indent: 2px;
}

@media only screen and (min-width: 23.4375em) {
  .twitter-live-science .twitter-feed-container {
    padding-top: 108%;
  }
}

@media only screen and (min-width: 30em) {
  .twitter-live-science .twitter-feed-container {
    padding-top: 92%;
  }
}

@media only screen and (min-width: 37.5em) {
  .twitter-live-science .twitter-feed-container {
    padding-top: 76%;
  }

  .twitter-live-science .twitter-feed-container {
    padding-top: 76%;
  }

  .twitter-live-science .twitter-feed-container .twitter-carousel-container .twitter-carousel .owl-stage-outer .owl-stage .owl-item .tweet-wrapper .tweet-container .tweet-content {
    padding: 24px;
  }

  .twitter-live-science .twitter-feed-container .twitter-carousel-container .twitter-carousel .owl-stage-outer .owl-stage .owl-item .tweet-wrapper .tweet-container .tweet-content .user-date {
    font-size: 1.6em;
    width: 237px;
  }

  .twitter-live-science .twitter-feed-container .twitter-carousel-container .twitter-carousel .owl-stage-outer .owl-stage .owl-item .tweet-wrapper .tweet-container .tweet-content .user-date .middot {
    padding-left: 6px;
    padding-right: 4px;
  }

  .twitter-live-science .twitter-feed-container .twitter-carousel-container .twitter-carousel .owl-stage-outer .owl-stage .owl-item .tweet-wrapper .tweet-container .tweet-content .tweet p {
    font-size: 2em;
  }
}

@media only screen and (min-width: 48em) {
  .twitter-live-science .twitter-feed-container .twitter-carousel-container .twitter-carousel .owl-controls {
    display: block;
  }
}

@media only screen and (min-width: 60em) {
  .twitter-live-science {
    overflow: hidden;
  }

  .twitter-live-science .twitter-feed-container,
  .twitter-live-science .view-homepage-live-science {
    float: left;
    width: 50%;
  }

  .twitter-live-science .twitter-feed-container,
  .twitter-live-science .view-homepage-live-science .view-content {
    height: 652px;
  }

  .twitter-live-science .view-homepage-live-science .view-content {
    position: relative;
    border-left: 1px solid #fff;
  }

  .twitter-live-science .view-homepage-live-science .view-content > .views-row {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }

  .twitter-live-science .view-homepage-live-science .view-content > .views-row .live-science-blog-related {
    padding-left: 32px;
    padding-right: 32px;
  }

  .twitter-live-science .view-homepage-live-science .view-content > .views-row .more {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
  }

  .twitter-live-science .twitter-feed-container {
    padding-top: 0;
    border-bottom: 0;
  }

  .twitter-live-science .twitter-feed-container .twitter-carousel-container {
    border-right: 1px solid #fff;
  }

  .twitter-live-science .twitter-feed-container .twitter-carousel-container .twitter-carousel .owl-stage-outer .owl-stage .owl-item .tweet-wrapper .tweet-container {
    padding-left: 98px;
    padding-right: 98px;
  }

  .twitter-live-science .twitter-feed-container .twitter-carousel-container .twitter-carousel .owl-controls .owl-nav .owl-prev {
    left: 28px;
  }

  .twitter-live-science .twitter-feed-container .twitter-carousel-container .twitter-carousel .owl-controls .owl-nav .owl-next {
    right: 28px;
  }
}

@media only screen and (min-width: 64em) {
  .twitter-live-science .twitter-feed-container .twitter-carousel-container {
    box-sizing: border-box;
    border-right: 1px solid #fff;
  }

  .twitter-live-science .live-science-blog-related,
  .twitter-live-science .tweet-wrapper {
    height: 600px;
  }
}

@media only screen and (min-width: 90em) {
  .twitter-feed-container,
  .view-homepage-live-science .view-content {
    height: 600px;
  }

  .twitter-live-science .twitter-feed-container .twitter-carousel-container .twitter-carousel .owl-stage-outer .owl-stage .owl-item .tweet-wrapper .tweet-container {
    padding-left: 114px;
    padding-right: 114px;
  }

  .twitter-live-science .twitter-feed-container .twitter-carousel-container .twitter-carousel .owl-stage-outer .owl-stage .owl-item .tweet-wrapper .tweet-container .tweet-content {
    margin: 0 auto;
    max-width: 560px;
  }

  .twitter-live-science .twitter-feed-container .twitter-carousel-container .twitter-carousel .owl-controls .owl-nav .owl-prev,
  .twitter-live-science .twitter-feed-container .twitter-carousel-container .twitter-carousel .owl-controls .owl-nav .owl-next {
    padding-top: 10px;
    width: 52px;
    height: 42px;
    font-size: 32px;
  }

  .twitter-live-science .twitter-feed-container .twitter-carousel-container .twitter-carousel .owl-controls .owl-nav .owl-prev {
    text-indent: -3px;
  }

  .twitter-live-science .twitter-feed-container .twitter-carousel-container .twitter-carousel .owl-controls .owl-nav .owl-next {
    text-indent: 3px;
  }
}

.view-homepage-live-science {
  background-color: #ef3e42;
}

.view-homepage-live-science .headline {
  padding: 28px 0 0;
  font-family: "FSElliot Thin", Arial, Helvetica, sans-serif;
  font-size: 2.2em;
  letter-spacing: 0.02em;
  line-height: 1.3em;
  font-weight: 400;
  padding-bottom: 20px;
  color: #fff;
  text-align: center;
}

.view-homepage-live-science .cta-primary-long a:hover {
  color: #fff;
}

.core-node-display,
#site-map,
body.page-visit-us-faqs .node-accordian,
.node-type-news .node-news,
.node-page {
  margin: 0 auto;
  padding: 38px 15px 30px;
  max-width: 738px;
  background: #f6f6f6;
}

.node ul {
  padding-top: 6px;
}

.node li {
  padding: 15px 0 0;
  font-family: "FSElliot Regular", Arial, Helvetica, sans-serif;
  font-size: 1.4em;
  letter-spacing: 0.02em;
  line-height: 1.4em;
  font-weight: 300;
  font-size: 14px;
  padding-top: 6px;
}

.node li a {
  color: #0090D6;
  display: inline-block;
}

.node li a:hover {
  color: #007fbd;
}

@media only screen and (min-width: 37.5em) {
  .core-node-display,
  #site-map,
  body.page-visit-us-faqs .node-accordian,
  .node-type-news .node-news,
  .node-page {
    padding-top: 52px;
  }
}

@media only screen and (min-width: 48em) {
  .core-node-display,
  #site-map,
  body.page-visit-us-faqs .node-accordian,
  .node-type-news .node-news,
  .node-page {
    margin: 50px auto;
    padding: 0 30px 40px;
    background: #fff;
  }

  .core-node-display h1,
  #site-map h1,
  body.page-visit-us-faqs .node-accordian h1,
  .node-type-news .node-news h1,
  .node-page h1 {
    padding-top: 40px;
  }
}

@media only screen and (min-width: 60em) {
  .core-node-display,
  #site-map,
  body.page-visit-us-faqs .node-accordian,
  .node-type-news .node-news,
  .node-page {
    max-width: 800px;
  }
}

.hero-panel {
  color: #fff;
}

.hero-panel .content {
  background: rgba(0, 0, 0, 0.7);
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  max-height: 370px;
  min-height: 180px;
  padding: 22px 15px;
  margin: 0;
  box-sizing: border-box;
}

.hero-panel .content > *:first-child {
  padding-top: 0;
}

.hero-panel .title,
.hero-panel .preview-text,
.hero-panel .hero-link,
.hero-panel a,
.hero-panel p {
  color: #fff;
}

.hero-panel h3,
.hero-panel h3 a {
  font-family: "FSElliot Light", Arial, Helvetica, sans-serif;
}

.hero-panel .cta-ternary a:hover {
  color: #fff !important;
}

.hero-panel .cta-ternary a:hover .text {
  text-decoration: underline;
}

.hero-panel .title {
  padding: 28px 0 0;
  font-family: "FSElliot Thin", Arial, Helvetica, sans-serif;
  font-size: 2.2em;
  letter-spacing: 0.02em;
  line-height: 1.3em;
  font-weight: 400;
}

.hero-panel .title,
.hero-panel p {
  padding-top: 10px;
}

.hero-panel .title[class*=cta-],
.hero-panel p[class*=cta-] {
  padding-top: 16px;
}

.hero-panel .leader,
.hero-panel .date {
  padding: 15px 0 0;
  font-family: "FSElliot Regular", Arial, Helvetica, sans-serif;
  font-size: 1.4em;
  letter-spacing: 0.02em;
  line-height: 1.4em;
  font-weight: 300;
  padding-top: 0;
}

.hero-panel .hero-panel-item {
  position: relative;
  height: 370px;
  background-position: center;
  background-size: cover;
  box-sizing: border-box;
}

.front .hero-panel .node .position-one {
  width: 100%;
}

@media only screen and (min-width: 48em) {
  .hero-panel .node {
    position: relative;
  }

  .hero-panel .content {
    right: auto;
    max-width: 615px;
    min-width: 300px;
    margin: 15px;
  }

  .hero-panel .position-one {
    height: 400px;
    border-bottom-color: #fff;
    border-bottom-style: solid;
    border-bottom-width: 1px;
  }

  .hero-panel .position-two {
    border-right-color: #fff;
    border-right-style: solid;
    border-right-width: 1px;
  }

  .hero-panel .position-two,
  .hero-panel .position-three {
    float: left;
    width: 50%;
  }
}

@media only screen and (min-width: 64em) {
  .hero-panel .node {
    position: relative;
    height: 600px;
  }

  .hero-panel .position-one {
    width: 60%;
    height: 100%;
    border-bottom: 0;
    border-right-color: #fff;
    border-right-style: solid;
    border-right-width: 1px;
  }

  .hero-panel .position-two {
    top: 0;
    border-right: 0;
    border-bottom-color: #fff;
    border-bottom-style: solid;
    border-bottom-width: 1px;
  }

  .hero-panel .position-three {
    top: 50%;
  }

  .hero-panel .position-two,
  .hero-panel .position-three {
    position: absolute;
    right: 0;
    float: none;
    width: 40%;
    height: 50%;
  }

  .hero-panel .hero-panel-item .title {
    font-size: 30px;
  }

  .hero-panel .hero-panel-item .title a {
    font-size: 30px;
  }
}

@media only screen and (min-width: 72em) {
  .front .hero-panel {
    display: none;
  }
}

@media only screen and (min-width: 80em) {
  .hero-panel .node {
    height: 760px;
  }

  .hero-panel .content {
    margin: 40px 38px;
    padding: 24px 20px;
  }

  .hero-panel p {
    font-size: 1.8em;
  }

  .hero-panel a {
    font-size: 15px;
  }

  .hero-panel .hero-panel-item .title {
    font-size: 3em;
  }
}

/*----------------------------------------------------------------------------
/* Styling for event node pages                                             */

.node-type-event .layout-sidebar-sidebar-content.first {
  padding-bottom: 0;
}

.node-type-event .layout-sidebar-sidebar-content .key-info:last-child {
  margin-bottom: 30px;
}

.node-type-event .layout-sidebar-sidebar-content .cta-secondary {
  margin-top: 0;
}

.node-type-event .layout-sidebar-sidebar-content .cta-secondary a {
  background: #fff;
}

.node-type-event .layout-sidebar-sidebar-content .cta-secondary a:hover {
  background: #0090D6;
}

/*----------------------------------------------------------------------------
/* Responsive styles for event pages                                        */

@media only screen and (min-width: 48em) {
  .node-type-event #page-wrapper {
    background: #f6f6f6;
  }
}

/*----------------------------------------------------------------------------
/* Styling for Venue hire nodes                                             */

.node-type-venue-hire-type .layout-sidebar-sidebar-content.first,
.node-type-venue-hire-room .layout-sidebar-sidebar-content.first {
  margin-bottom: 2px;
}

.view-venue-hire-rooms .view-content {
  padding-top: 20px;
}

.view-venue-hire-rooms .node h2 {
  padding: 28px 0 0;
  font-family: "FSElliot Thin", Arial, Helvetica, sans-serif;
  font-size: 2.2em;
  letter-spacing: 0.02em;
  line-height: 1.3em;
  font-weight: 400;
  font-size: 1.8em;
  letter-spacing: 0.02em;
}

.view-venue-hire-rooms .cta-link a {
  padding: 15px 0 0;
  font-family: "FSElliot Regular", Arial, Helvetica, sans-serif;
  font-size: 1.4em;
  letter-spacing: 0.02em;
  line-height: 1.4em;
  font-weight: 300;
  font-weight: 600;
  padding: 0;
}

.view-venue-hire-rooms .cta-link a:hover {
  text-decoration: none;
}

.view-venue-hire-rooms .cta-link [class*=icon-] {
  font-size: 16px;
  vertical-align: middle;
}

.view-venue-hire-rooms img {
  width: 100%;
  height: auto;
  max-width: 100%;
}

@media only screen and (min-width: 48em) {
  .node-type-venue-hire-type .layout-sidebar-sidebar-content.first,
  .node-type-venue-hire-room .layout-sidebar-sidebar-content.first {
    margin-bottom: 0;
  }

  .view-venue-hire-rooms .node {
    margin: 0;
  }
}

@media only screen and (min-width: 64em) {
  .view-venue-hire-rooms .grid-row {
    margin: 0 -15px;
  }

  .view-venue-hire-rooms .col-tablet-ll-6 {
    width: 50%;
    padding: 0 15px;
    margin-left: 0;
    box-sizing: border-box;
  }
}

@media only screen and (min-width: 80em) {
  .view-venue-hire-rooms .grid-row {
    margin: 0 -30px;
  }

  .view-venue-hire-rooms .col-tablet-ll-6 {
    padding: 0 30px 0 25px;
  }

  .view-venue-hire-rooms .col-tablet-ll-6:first-child {
    padding: 0 25px 0 30px;
  }
}

/*
 * Styling for The home-educator node
 */

.page-education-home-educators .layout-sidebar-sidebar-content .cta-download {
  margin-top: 0;
  background: #fff;
}

.node-type-membership-page .layout-sidebar-sidebar-content.first,
.page-visit-us-membership .layout-sidebar-sidebar-content.first {
  padding-bottom: 0;
}

.node-type-membership-page .layout-sidebar-sidebar-content .sidebar-text-secondary,
.page-visit-us-membership .layout-sidebar-sidebar-content .sidebar-text-secondary {
  padding-bottom: 30px;
}

/*
 * Styling for Live science blog post pages
 */

body.node-type-live-science-blog-post #page-wrapper {
  background: #f6f6f6;
}

body.node-type-live-science-blog-post #page-wrapper .live-science-blog-post-full {
  position: relative;
}

body.node-type-live-science-blog-post #page-wrapper .live-science-blog-post-full .field-name-field-mto-video,
body.node-type-live-science-blog-post #page-wrapper .live-science-blog-post-full .field-name-field-image {
  margin: -15px;
  padding: 15px 0;
}

body.node-type-live-science-blog-post #page-wrapper .live-science-blog-post-author {
  padding-top: 15px;
  padding-left: 0;
  padding-right: 0;
  margin-left: 15px;
  margin-right: 15px;
  border-top: 2px solid #ebebeb;
  max-width: 738px;
}

body.node-type-live-science-blog-post #page-wrapper .live-science-blog-post-author .content-wrapper {
  position: relative;
  width: 100%;
  max-width: 228px;
  height: 50px;
}

body.node-type-live-science-blog-post #page-wrapper .live-science-blog-post-author .content-wrapper .field-name-field-portrait {
  position: absolute;
  top: 50%;
  left: 0;
  margin-top: -25px;
  width: 50px;
  z-index: 1;
}

body.node-type-live-science-blog-post #page-wrapper .live-science-blog-post-author .content-wrapper .field-name-field-portrait * {
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;
  width: 50px;
  height: 50px;
}

body.node-type-live-science-blog-post #page-wrapper .live-science-blog-post-author .content-wrapper .content {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 2;
}

body.node-type-live-science-blog-post #page-wrapper .live-science-blog-post-author .content-wrapper .content .author-info {
  position: relative;
  padding-top: 0;
  width: 100%;
  height: 100%;
  font-size: 1em;
  line-height: 1em;
  letter-spacing: 0;
}

body.node-type-live-science-blog-post #page-wrapper .live-science-blog-post-author .content-wrapper .content .author-info a {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

body.node-type-live-science-blog-post #page-wrapper .live-science-blog-post-author .content-wrapper .content .author-info a br {
  display: none;
}

body.node-type-live-science-blog-post #page-wrapper .live-science-blog-post-author .content-wrapper .content .author-info a .name,
body.node-type-live-science-blog-post #page-wrapper .live-science-blog-post-author .content-wrapper .content .author-info a .title,
body.node-type-live-science-blog-post #page-wrapper .live-science-blog-post-author .content-wrapper .content .author-info a .field-name-field-fav-moments {
  display: block;
  padding-left: 32% !important;
  width: 68%;
}

body.node-type-live-science-blog-post #page-wrapper .live-science-blog-post-author .content-wrapper .content .author-info a .name {
  padding: 15px 0 0;
  font-family: "FSElliot Regular", Arial, Helvetica, sans-serif;
  font-size: 1.5em;
  line-height: 1.3em;
  letter-spacing: 0.02em;
  font-weight: 400;
  padding-top: 5px;
}

body.node-type-live-science-blog-post #page-wrapper .live-science-blog-post-author .content-wrapper .content .author-info a .title {
  padding: 15px 0 0;
  font-family: "FSElliot Regular", Arial, Helvetica, sans-serif;
  font-size: 1.4em;
  letter-spacing: 0.02em;
  line-height: 1.4em;
  font-weight: 300;
  padding-top: 3px;
  font-weight: 400;
}

body.node-type-live-science-blog-post #page-wrapper .live-science-blog-post-author .content-wrapper .content .author-info a .field-name-field-fav-moments {
  display: none;
}

body.node-type-live-science-blog-post #page-wrapper .live-science-blog-post-author .content-wrapper .content .author-info a .field-name-field-fav-moments .field-label,
body.node-type-live-science-blog-post #page-wrapper .live-science-blog-post-author .content-wrapper .content .author-info a .field-name-field-fav-moments .field-item {
  display: block;
}

body.node-type-live-science-blog-post #page-wrapper .live-science-blog-post-author .content-wrapper .content .author-info a .field-name-field-fav-moments .field-label {
  padding: 15px 0 0;
  font-family: "FSElliot Regular", Arial, Helvetica, sans-serif;
  font-size: 1.5em;
  line-height: 1.3em;
  letter-spacing: 0.02em;
  font-weight: 400;
}

body.node-type-live-science-blog-post #page-wrapper .live-science-blog-post-author .content-wrapper .content .author-info a .field-name-field-fav-moments .field-item {
  padding: 15px 0 0;
  font-family: "FSElliot Regular", Arial, Helvetica, sans-serif;
  font-size: 1.4em;
  letter-spacing: 0.02em;
  line-height: 1.4em;
  font-weight: 300;
  padding-top: 8px;
}

body.node-type-live-science-blog-post #page-wrapper .live-science-blog-post-author .content-wrapper .content .author-info a .more-link .text {
  display: none;
}

body.node-type-live-science-blog-post #page-wrapper .live-science-blog-post-author .content-wrapper .content .author-info a .more-link .icon-chevron-right {
  display: none;
}

body.node-type-live-science-blog-post #page-wrapper .live-science-blog-post-author .content-wrapper .content .author-info a .more-link .icon-chevron-thin-right,
body.node-type-live-science-blog-post #page-wrapper .live-science-blog-post-author .content-wrapper .content .author-info a .more-link .twitter-live-science .twitter-feed-container .twitter-carousel-container .twitter-carousel .owl-controls .owl-nav .owl-next:before,
.twitter-live-science .twitter-feed-container .twitter-carousel-container .twitter-carousel .owl-controls .owl-nav body.node-type-live-science-blog-post #page-wrapper .live-science-blog-post-author .content-wrapper .content .author-info a .more-link .owl-next:before {
  position: absolute;
  top: 50%;
  right: 0;
  margin-top: -10px;
  width: 20px;
  height: 20px;
  line-height: 1em;
}

body.node-type-live-science-blog-post #page-wrapper .view-live-science-related-reading {
  margin-top: 2px;
}

.team-member-blog-post {
  background: white;
  margin-top: 30px;
  margin-bottom: 2px;
  padding-top: 10px;
  padding-bottom: 10px;
}

.team-member-blog-post [class*=col-] {
  margin-bottom: 0;
}

.team-member-blog-post .desktop-only {
  display: none;
}

.team-member-blog-post .mobile-only h3,
.team-member-blog-post .mobile-only p,
.team-member-blog-post .mobile-only span {
  color: #0090D6;
}

.team-member-blog-post .mobile-only h3 {
  padding-top: 4px;
}

.team-member-blog-post .mobile-only p {
  padding-top: 5px;
}

.team-member-blog-post .mobile-only a:hover {
  text-decoration: none;
}

.team-member-blog-post .mobile-only .icon-chevron-thin-right,
.team-member-blog-post .mobile-only .twitter-live-science .twitter-feed-container .twitter-carousel-container .twitter-carousel .owl-controls .owl-nav .owl-next:before,
.twitter-live-science .twitter-feed-container .twitter-carousel-container .twitter-carousel .owl-controls .owl-nav .team-member-blog-post .mobile-only .owl-next:before {
  position: absolute;
  right: 0;
  top: 50%;
  margin-top: -10px;
}

.team-member-blog-post img {
  width: 50px;
  height: 50px;
  border: 2px solid white;
  border-radius: 50%;
}

.view-live-science-related-reading .view-content {
  background: #04909f;
}

@media only screen and (min-width: 37.5em) {
  body.node-type-live-science-blog-post #page-wrapper .live-science-blog-post-author {
    padding-top: 30px;
  }

  body.node-type-live-science-blog-post #page-wrapper .live-science-blog-post-author .content-wrapper {
    width: auto;
    max-width: none;
    height: auto;
    overflow: hidden;
  }

  body.node-type-live-science-blog-post #page-wrapper .live-science-blog-post-author .content-wrapper .field-name-field-portrait {
    position: static;
    float: left;
    margin-top: 0;
    width: 146px;
  }

  body.node-type-live-science-blog-post #page-wrapper .live-science-blog-post-author .content-wrapper .field-name-field-portrait * {
    width: 142px;
    height: 142px;
  }

  body.node-type-live-science-blog-post #page-wrapper .live-science-blog-post-author .content-wrapper .field-name-field-portrait > div {
    border: 2px solid #fff;
  }

  body.node-type-live-science-blog-post #page-wrapper .live-science-blog-post-author .content-wrapper .content {
    float: left;
    padding-left: 28px;
    width: auto;
    height: auto;
  }

  body.node-type-live-science-blog-post #page-wrapper .live-science-blog-post-author .content-wrapper .content .author-info {
    height: auto;
  }

  body.node-type-live-science-blog-post #page-wrapper .live-science-blog-post-author .content-wrapper .content .author-info a {
    position: static;
    padding-left: 0 !important;
    width: auto;
    color: #4a4a4a;
    cursor: default;
  }

  body.node-type-live-science-blog-post #page-wrapper .live-science-blog-post-author .content-wrapper .content .author-info a:hover {
    text-decoration: none;
  }

  body.node-type-live-science-blog-post #page-wrapper .live-science-blog-post-author .content-wrapper .content .author-info a .name,
  body.node-type-live-science-blog-post #page-wrapper .live-science-blog-post-author .content-wrapper .content .author-info a .title,
  body.node-type-live-science-blog-post #page-wrapper .live-science-blog-post-author .content-wrapper .content .author-info a .field-name-field-fav-moments,
  body.node-type-live-science-blog-post #page-wrapper .live-science-blog-post-author .content-wrapper .content .author-info a .more-link {
    display: block;
    padding-left: 0 !important;
    width: auto;
  }

  body.node-type-live-science-blog-post #page-wrapper .live-science-blog-post-author .content-wrapper .content .author-info a .name {
    padding-top: 0;
  }

  body.node-type-live-science-blog-post #page-wrapper .live-science-blog-post-author .content-wrapper .content .author-info a .title {
    display: none;
  }

  body.node-type-live-science-blog-post #page-wrapper .live-science-blog-post-author .content-wrapper .content .author-info a .field-name-field-fav-moments .field-label {
    padding-top: 16px;
  }

  body.node-type-live-science-blog-post #page-wrapper .live-science-blog-post-author .content-wrapper .content .author-info a .field-name-field-fav-moments .field-item {
    padding-top: 6px;
  }

  body.node-type-live-science-blog-post #page-wrapper .live-science-blog-post-author .content-wrapper .content .author-info a .more-link {
    padding: 15px 0 0;
    font-family: "FSElliot Regular", Arial, Helvetica, sans-serif;
    font-size: 1.5em;
    line-height: 1.3em;
    letter-spacing: 0.02em;
    font-weight: 400;
    margin-top: 18px;
    padding-top: 0;
    overflow: hidden;
    cursor: pointer;
  }

  body.node-type-live-science-blog-post #page-wrapper .live-science-blog-post-author .content-wrapper .content .author-info a .more-link .text,
  body.node-type-live-science-blog-post #page-wrapper .live-science-blog-post-author .content-wrapper .content .author-info a .more-link .icon-chevron-right {
    display: block;
    float: left;
  }

  body.node-type-live-science-blog-post #page-wrapper .live-science-blog-post-author .content-wrapper .content .author-info a .more-link .icon-chevron-right {
    padding-top: 2px;
    font-size: 16px;
  }

  body.node-type-live-science-blog-post #page-wrapper .live-science-blog-post-author .content-wrapper .content .author-info a .more-link .icon-chevron-thin-right,
  body.node-type-live-science-blog-post #page-wrapper .live-science-blog-post-author .content-wrapper .content .author-info a .more-link .twitter-live-science .twitter-feed-container .twitter-carousel-container .twitter-carousel .owl-controls .owl-nav .owl-next:before,
  .twitter-live-science .twitter-feed-container .twitter-carousel-container .twitter-carousel .owl-controls .owl-nav body.node-type-live-science-blog-post #page-wrapper .live-science-blog-post-author .content-wrapper .content .author-info a .more-link .owl-next:before {
    display: none;
  }

  body.node-type-live-science-blog-post #page-wrapper .live-science-blog-post-author .content-wrapper .content .author-info a .more-link:hover {
    color: #0090D6;
  }
}

@media only screen and (min-width: 48em) {
  body.node-type-live-science-blog-post #page-wrapper .live-science-blog-post-full,
  body.node-type-live-science-blog-post #page-wrapper .live-science-blog-post-author {
    padding-bottom: 46px;
  }

  body.node-type-live-science-blog-post #page-wrapper .live-science-blog-post-full {
    margin-bottom: 0;
  }

  body.node-type-live-science-blog-post #page-wrapper .live-science-blog-post-full .field-name-field-mto-video,
  body.node-type-live-science-blog-post #page-wrapper .live-science-blog-post-full .field-name-field-image {
    margin: 0;
    padding: 0;
  }

  body.node-type-live-science-blog-post #page-wrapper .live-science-blog-post-author {
    margin-top: 2px;
    margin-left: auto;
    margin-right: auto;
    padding-top: 46px;
    padding-left: 30px;
    padding-right: 30px;
    border-top: 0;
  }

  .team-member-blog-post {
    margin-top: 2px;
    margin-bottom: 100px;
    padding-top: 50px;
    padding-bottom: 50px;
  }

  .team-member-blog-post img {
    width: 146px;
    height: 146px;
  }

  .team-member-blog-post [class*=col-] {
    width: auto !important;
    margin-left: 0;
  }

  .team-member-blog-post .desktop-only {
    display: block;
    padding-left: 30px;
  }

  .team-member-blog-post .desktop-only h3 {
    padding-top: 12px;
  }

  .team-member-blog-post .desktop-only .field-label {
    padding: 15px 0 0;
    font-family: "FSElliot Regular", Arial, Helvetica, sans-serif;
    font-size: 1.4em;
    letter-spacing: 0.02em;
    line-height: 1.4em;
    font-weight: 300;
    font-weight: 600;
  }

  .team-member-blog-post .desktop-only p {
    padding-top: 0;
  }

  .team-member-blog-post .desktop-only .cta-link .text,
  .team-member-blog-post .desktop-only .cta-link .icon-chevron-right {
    float: left;
  }

  .team-member-blog-post .desktop-only .cta-link .icon-chevron-right {
    font-size: 16px;
  }

  .team-member-blog-post .desktop-only .cta-link a:hover {
    text-decoration: none;
  }

  .team-member-blog-post .mobile-only {
    display: none;
  }
}

@media only screen and (min-width: 60em) {
  body.node-type-live-science-blog-post #page-wrapper .live-science-blog-post-author {
    margin-bottom: 82px;
    max-width: 800px;
  }
}

.node-split-panel {
  color: #fff;
}

.node-split-panel h2,
.node-split-panel h3,
.node-split-panel h4 {
  color: #fff;
}

.node-split-panel p {
  color: #fff;
}

.node-split-panel .content {
  position: relative;
  padding-top: 5px;
  padding-right: 15px;
  padding-bottom: 30px;
  padding-left: 15px;
  background: #04909f;
  box-sizing: border-box;
}

.node-split-panel .text-panel {
  margin: 0 auto;
  padding-right: 15px;
  padding-top: 50px;
  padding-left: 15px;
  width: 100%;
  max-width: 680px;
  vertical-align: middle;
  background: #04909f;
}

.node-split-panel .image-holder {
  position: relative;
  padding-top: 56.25%;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

.node-split-panel .cta-primary-long {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
}

.node-split-panel .text-content {
  min-height: 180px;
  padding-right: 15px;
  padding-left: 15px;
  margin-top: -50%;
  background: rgba(0, 0, 0, 0.6);
}

.node-split-panel .panel-two {
  position: relative;
}

.node-split-panel .panel-two .text-panel.content {
  padding-bottom: 60px;
}

@media only screen and (min-width: 37.5em) {
  .node-split-panel .text-panel {
    padding-left: 40px;
    padding-right: 40px;
  }
}

@media only screen and (min-width: 60em) {
  .node-split-panel {
    background: #04909f;
  }

  .node-split-panel .content {
    min-height: 600px;
    box-sizing: border-box;
  }

  .node-split-panel .image-holder {
    padding-top: 5px;
  }

  .node-split-panel .panel-one,
  .node-split-panel .panel-two {
    float: left;
    width: 50%;
    box-sizing: border-box;
  }

  .node-split-panel .panel-one {
    border-right: 1px solid #fff;
  }

  .node-split-panel .panel-two {
    border-left: 1px solid #fff;
  }

  .node-split-panel .panel-two .content {
    padding-top: 100px;
    max-width: 600px;
    margin: 0 auto;
  }

  .node-split-panel .text-content {
    position: absolute;
    bottom: 40px;
    left: 40px;
    max-width: 60%;
    min-height: 180px;
    padding: 20px;
    margin-right: 38px;
    background: rgba(0, 0, 0, 0.6);
  }

  .node-split-panel .text-panel {
    padding-top: 70px;
  }
}

@media only screen and (min-width: 64em) {
  .node-split-panel .text-panel {
    padding-top: 70px;
  }
}

/*
 * Styling for simple page nodes
 */

/*
 * Styling for Simple multi column nodes
 */

.node-simple-multi-column {
  background: #f6f6f6;
}

.node-simple-multi-column .grid-row {
  margin-top: 30px;
  margin-bottom: 20px;
}

.node-simple-multi-column .column {
  padding-right: 15px;
  padding-left: 15px;
  box-sizing: border-box;
}

.node-simple-multi-column .column ul {
  padding-top: 10px;
  font-family: "FSElliot Regular", Arial, Helvetica, sans-serif;
  font-size: 14px;
  font-weight: 300;
}

.node-simple-multi-column .info-bar {
  padding: 15px 0;
  font-size: 1.6em;
  color: #fff;
  text-align: center;
  background: #007fbd;
}

@media (max-width: 1080px) {
  .node-simple-multi-column .column {
    width: 100% !important;
    padding-left: 40px;
    padding-right: 40px;
    padding-bottom: 40px;
    padding-top: 40px;
    margin: 0 auto;
    max-width: 780px;
  }
}

@media (min-width: 1081px) {
  .node-simple-multi-column .grid-row {
    margin-bottom: 50px;
  }

  .node-simple-multi-column .column {
    float: left;
    padding-right: 30px;
    padding-left: 30px;
  }

  .node-simple-multi-column .column > * {
    max-width: 300px;
    margin-right: auto;
    margin-left: auto;
  }
}

.node-accordian {
  position: relative;
}

.node-accordian h2 {
  padding-top: 30px;
}

.node-accordian .cta-actions {
  position: absolute;
  top: 0;
  right: 0;
}

.field-name-field-accordian-header {
  color: #0090D6;
  cursor: pointer;
  position: relative;
}

.field-name-field-accordian-header .accordian-header-text {
  padding: 15px 0 0;
  font-family: "FSElliot Regular", Arial, Helvetica, sans-serif;
  font-size: 1.5em;
  line-height: 1.3em;
  letter-spacing: 0.02em;
  font-weight: 400;
  color: #0090D6;
  padding-left: 24px;
}

.field-name-field-accordian-header .accordian-header-text a {
  color: #0090D6;
  font-size: 1em;
}

.field-name-field-accordian-header [class*=icon-] {
  position: absolute;
  bottom: 2px;
  font-size: 16px;
  display: block;
}

.field-name-field-accordian-header .icon-chevron-up {
  display: none;
}

.field-name-field-accordian-header.open .icon-chevron-down,
.field-name-field-accordian-header.open .page-news .view-news .view-content .views-row .pager-load-more li a:before,
.page-news .view-news .view-content .views-row .pager-load-more li .field-name-field-accordian-header.open a:before {
  display: none;
}

.field-name-field-accordian-header.open .icon-chevron-up {
  display: block;
}

.field-name-field-accordian-content {
  display: none;
  padding-left: 24px;
}

.node-type-news .node-news {
  position: relative;
  padding-top: 30px;
}

.node-booking {
  padding-top: 30px;
  font-family: "FSElliot Regular", Arial, Helvetica, sans-serif;
}

.node-booking .field-label,
.node-booking .field-item {
  font-size: 14px;
}

.node-booking .field-item {
  padding-bottom: 10px;
  color: #707070;
  font-weight: 300;
  overflow: scroll;
}

.node-booking .field-label {
  font-weight: 500;
  padding-bottom: 5px;
}

/*----------------------------------------------------------------------------
/* Shared styles for group and category node pages                                             */

.hero-text {
  color: #fff;
  position: relative;
  text-align: center;
  top: 35%;
  -webkit-transform: translateY(-35%);
  -moz-transform: translateY(-35%);
  -ms-transform: translateY(-35%);
  -o-transform: translateY(-35%);
  transform: translateY(-35%);
  margin: auto;
}

.more-info-container {
  display: none;
}

.more-info-section {
  background: white;
  width: 95%;
  max-width: 960px;
  margin: auto;
  padding: 5px;
  margin-top: 30px;
}

.more-info-section .key-info p {
  font-weight: bold;
}

.more-info-bar {
  padding: 30px;
  font-size: 2em;
  background: #00706d;
  text-align: center;
  color: #fff;
}

.more-info-bar:hover {
  background: #005754;
  text-decoration: none;
}

.more-info-bar span {
  padding: 0 10px;
}

.more-info-bar.open > span.icon-chevron-down {
  display: inline-block;
  transform: rotate(180deg);
}

.close-container {
  position: relative;
  width: 0;
  margin: auto;
  color: #0090D6;
}

.close-container .more-info-close {
  position: relative;
  text-align: center;
  font-size: 2em;
  font-weight: bold;
  padding: 20px;
  text-decoration: none;
  color: #0090D6;
}

.close-container .more-info-close:hover {
  color: #007fbd;
}

.close-container span {
  position: absolute;
  top: 23px;
}

.close-container:hover {
  color: #007fbd;
}

.referenced-events-container .t-red-subhead,
.referenced-events-container .page-visit-us-whats-on .view-events-exhibits h2,
.page-visit-us-whats-on .view-events-exhibits .referenced-events-container h2,
.referenced-events-container .page-read-and-do .view-events-exhibits h2,
.page-read-and-do .view-events-exhibits .referenced-events-container h2 {
  background: #f6f6f6;
  margin-bottom: 30px;
}

.overview-content {
  width: 80%;
  height: 100%;
  margin: auto;
  padding-top: 105px;
  padding-bottom: 40px;
  position: relative;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.overview-content .layout-sidebar-main-content {
  position: relative;
  padding-right: 28px;
  padding-left: 28px;
  padding-bottom: 0;
  background: #fff;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.overview-content .layout-sidebar-sidebar-content {
  width: 26%;
  background: #fff;
  padding-right: 28px;
  padding-left: 28px;
  margin-top: 30px;
  clear: left;
  border: 0;
}

.front .view-category-events-and-groups {
  background-color: #000;
}

@media only screen and (min-width: 23.4375em) {
  .t-red-subhead,
  .page-visit-us-whats-on .view-events-exhibits h2,
  .page-read-and-do .view-events-exhibits h2 {
    font-size: 2em;
  }

  .view-group-events-view .grid-row .views-row,
  .view-category-events-and-groups .grid-row .views-row {
    margin-left: 5%;
    width: 90%;
  }

  h1.hero-text {
    font-size: 3.5em;
  }

  h2.hero-text {
    max-width: 80%;
    font-size: 1.5em;
  }
}

@media only screen and (min-width: 30em) {
  .t-red-subhead,
  .page-visit-us-whats-on .view-events-exhibits h2,
  .page-read-and-do .view-events-exhibits h2 {
    font-size: 2.8em;
  }

  .view-group-events-view .grid-row .views-row,
  .view-category-events-and-groups .grid-row .views-row {
    margin-left: 3%;
    width: 45%;
  }

  h1.hero-text {
    font-size: 4em;
  }

  h2.hero-text {
    max-width: 60%;
    font-size: 2em;
  }

  .more-info-section {
    width: 70%;
    padding: 30px;
  }
}

@media only screen and (min-width: 64em) {
  .view-group-events-view .grid-row .views-row,
  .view-category-events-and-groups .grid-row .views-row {
    margin-left: 3%;
    width: 29%;
  }

  h1.hero-text {
    font-size: 5em;
  }

  h2.hero-text {
    max-width: 55%;
  }
}

@media only screen and (min-width: 80em) {
  .view-group-events-view .grid-row .views-row,
  .view-category-events-and-groups .grid-row .views-row {
    margin-left: 1.5%;
    width: 23%;
  }

  .more-info-section {
    width: 50%;
  }
}

.page-live-science-team .node-split-panel .panel-two {
  background-color: #04909f;
}

.view-live-science-videos {
  background: #04909f;
}

.view-live-science-meet-the-team .view-content {
  padding-bottom: 30px;
}

.page-live-science-feed .view-live-science-meet-the-team {
  border-bottom: 2px solide #fff;
}

.view-live-science-explore-more-panel .panel-one .text-content {
  min-height: 180px;
  padding-top: 40px;
  padding-right: 15px;
  padding-bottom: 25px;
  padding-left: 15px;
  background: rgba(0, 0, 0, 0.6);
}

.view-live-science-explore-more-panel .panel-two {
  background: #04909f;
}

.view-live-science-explore-more-panel .panel-two .content {
  padding-bottom: 100px;
}

@media (max-width: 600px) {
  .page-live-science-blog .sidebar-content .cta-secondary {
    max-width: 100%;
  }
}

/*
 * Styling for the FAQs page
 */

/**
 * Styling for the education/what-we-offer page
 */

.education-promoted img {
  max-width: 100%;
  height: auto;
}

.education-promoted .cta-ternary a {
  color: #0090D6;
}

.view-education-what-we-offer .views-row {
  float: left;
}

.view-education-what-we-offer .cta-container .cta-primary-short a {
  background: #6d1a6d;
  color: #fff;
}

.view-education-what-we-offer .cta-container .cta-primary-short a:hover {
  background: #591558;
  color: white;
}

.view-education-what-we-offer .cta-container .cta-primary-short a .text-container [class*=icon-]:first-child {
  top: -2px;
}

/**
 * Styling for the who-we-are/meet-the-team page
 */

.view-who-we-are-meet-the-team .view-content,
.view-who-we-are-our-trustees .view-content {
  padding-bottom: 30px;
}

.select2-container-active {
  outline: auto;
}

.page-visit-us-whats-on .view-events-calendar,
.page-read-and-do .view-events-calendar {
  display: none;
}

.page-visit-us-whats-on .view-events-calendar.js-active,
.page-read-and-do .view-events-calendar.js-active {
  display: block;
}

.page-visit-us-whats-on .layout-left-content,
.page-read-and-do .layout-left-content {
  margin-bottom: 0;
}

.page-visit-us-whats-on .layout-left-content .calendar-container,
.page-read-and-do .layout-left-content .calendar-container {
  position: fixed;
  top: -100%;
  left: 0;
  width: 100%;
  height: 100%;
  background: #f6f6f6;
  z-index: 99999;
  overflow: scroll;
}

.page-visit-us-whats-on .layout-left-content .calendar-container .ui-date,
.page-read-and-do .layout-left-content .calendar-container .ui-date {
  min-height: 16px;
}

.page-visit-us-whats-on .layout-right-content .tag-filters .filter-container .calendar,
.page-read-and-do .layout-right-content .tag-filters .filter-container .calendar {
  display: none !important;
}

.page-visit-us-whats-on .layout-right-content .tag-filters .filter-container .calendar .label,
.page-read-and-do .layout-right-content .tag-filters .filter-container .calendar .label {
  padding-bottom: 10px;
}

.page-visit-us-whats-on .layout-right-content .tag-filters .filter-container .calendar .date-container,
.page-read-and-do .layout-right-content .tag-filters .filter-container .calendar .date-container {
  display: block;
  width: 100%;
  color: #0090D6;
  background: #fff;
}

.page-visit-us-whats-on .layout-right-content .tag-filters .filter-container .calendar .date-container .date-wrapper,
.page-read-and-do .layout-right-content .tag-filters .filter-container .calendar .date-container .date-wrapper {
  display: block;
  padding: 15px 0 0;
  font-family: "FSElliot Regular", Arial, Helvetica, sans-serif;
  font-size: 1.4em;
  letter-spacing: 0.02em;
  line-height: 1.4em;
  font-weight: 300;
  font-weight: 600;
  font-weight: 400;
  padding: 12px 15px;
  min-height: 20px;
  cursor: pointer;
  overflow: hidden;
}

.page-visit-us-whats-on .layout-right-content .tag-filters .filter-container .calendar .date-container .date-wrapper span,
.page-read-and-do .layout-right-content .tag-filters .filter-container .calendar .date-container .date-wrapper span {
  float: left;
}

.page-visit-us-whats-on .layout-right-content .tag-filters .filter-container .calendar .date-container .date-wrapper .date,
.page-read-and-do .layout-right-content .tag-filters .filter-container .calendar .date-container .date-wrapper .date {
  padding-top: 1px;
  padding-left: 14px;
}

.page-visit-us-whats-on .layout-right-content .calendar-control .prev,
.page-visit-us-whats-on .layout-right-content .calendar-control .next,
.page-read-and-do .layout-right-content .calendar-control .prev,
.page-read-and-do .layout-right-content .calendar-control .next {
  display: none;
}

.page-visit-us-whats-on .layout-right-content .rubricks-loader,
.page-read-and-do .layout-right-content .rubricks-loader {
  padding: 12% 0;
}

.page-visit-us-whats-on .layout-right-content .rubricks-loader img,
.page-read-and-do .layout-right-content .rubricks-loader img {
  margin: 0 auto;
}

.page-visit-us-whats-on .view-events-exhibits,
.page-read-and-do .view-events-exhibits {
  overflow: hidden;
  display: none;
}

.page-visit-us-whats-on .view-events-exhibits h2,
.page-read-and-do .view-events-exhibits h2 {
  background: #fff;
}

.page-visit-us-whats-on .view-events-exhibits .views-row,
.page-read-and-do .view-events-exhibits .views-row {
  width: 16.6666666667%;
  float: left;
}

.page-visit-us-whats-on .view-events-exhibits .exhibit-tile,
.page-read-and-do .view-events-exhibits .exhibit-tile {
  position: relative;
}

.page-visit-us-whats-on .view-events-exhibits .exhibit-tile .content,
.page-read-and-do .view-events-exhibits .exhibit-tile .content {
  position: absolute;
  bottom: 0;
  background: rgba(0, 0, 0, 0.6);
  padding: 20px;
  color: #fff;
  min-height: 70px;
  left: 0;
  right: 0;
}

.page-visit-us-whats-on .view-events-exhibits .exhibit-tile .exhibit-title,
.page-read-and-do .view-events-exhibits .exhibit-tile .exhibit-title {
  padding: 0;
  margin: 0;
  font-size: 1.8em;
  color: #fff;
}

.page-visit-us-whats-on .view-events-exhibits .exhibit-tile .exhibit-title a,
.page-read-and-do .view-events-exhibits .exhibit-tile .exhibit-title a {
  color: #fff;
}

.page-visit-us-whats-on .view-events-exhibits .exhibit-tile img,
.page-read-and-do .view-events-exhibits .exhibit-tile img {
  max-width: 100%;
  width: 100%;
  height: auto;
}

@media only screen and (min-width: 37.5em) {
  .page-visit-us-whats-on .layout-right-content .rubricks-loader,
  .page-read-and-do .layout-right-content .rubricks-loader {
    padding: 8% 0;
  }
}

@media only screen and (min-width: 48em) {
  .page-visit-us-whats-on .layout-right-content .tag-filters .filter-container .calendar,
  .page-read-and-do .layout-right-content .tag-filters .filter-container .calendar {
    display: block !important;
  }
}

@media only screen and (min-width: 60em) {
  .page-visit-us-whats-on .layout-left-content,
  .page-read-and-do .layout-left-content {
    display: block;
    float: left;
    left: auto;
    right: auto;
    width: 32.0833333333%;
    margin-left: 0;
    margin-bottom: 24px;
  }

  .page-visit-us-whats-on .layout-left-content .calendar-container,
  .page-read-and-do .layout-left-content .calendar-container {
    position: static;
    overflow: auto;
  }

  .page-visit-us-whats-on .layout-left-content .calendar-container .calendar-wrapper,
  .page-read-and-do .layout-left-content .calendar-container .calendar-wrapper {
    padding-top: 0;
  }

  .page-visit-us-whats-on .layout-left-content .calendar-container .calendar-wrapper .event-calendar-mobile-ui,
  .page-read-and-do .layout-left-content .calendar-container .calendar-wrapper .event-calendar-mobile-ui {
    display: none;
  }

  .page-visit-us-whats-on .layout-left-content .calendar-container .calendar-wrapper .period-selector,
  .page-read-and-do .layout-left-content .calendar-container .calendar-wrapper .period-selector {
    display: block;
  }

  .page-visit-us-whats-on .layout-right-content,
  .page-read-and-do .layout-right-content {
    display: block;
    float: left;
    left: auto;
    right: auto;
    width: 66.0416666667%;
    margin-left: 1.875%;
    margin-bottom: 24px;
  }

  .page-visit-us-whats-on .layout-right-content .tag-filters .filter-container .age-group,
  .page-read-and-do .layout-right-content .tag-filters .filter-container .age-group {
    padding-left: 0;
    padding-right: 3.125%;
    width: 96.875%;
  }

  .page-visit-us-whats-on .layout-right-content .tag-filters .filter-container:first-child,
  .page-read-and-do .layout-right-content .tag-filters .filter-container:first-child {
    display: none;
  }

  .page-visit-us-whats-on .view-events-exhibits,
  .page-read-and-do .view-events-exhibits {
    display: block;
  }
}

@media only screen and (min-width: 72em) {
  .page-visit-us-whats-on .layout-left-content,
  .page-read-and-do .layout-left-content {
    display: block;
    float: left;
    left: auto;
    right: auto;
    width: 23.59375%;
    margin-left: 0;
    margin-bottom: 24px;
  }

  .page-visit-us-whats-on .layout-right-content,
  .page-read-and-do .layout-right-content {
    display: block;
    float: left;
    left: auto;
    right: auto;
    width: 66.0416666667%;
    margin-left: 1.875%;
    margin-bottom: 24px;
    position: relative;
    margin-left: 0;
    left: 10.3645833333%;
    right: auto;
  }
}

@media only screen and (min-width: 90em) {
  .page-visit-us-whats-on .calendar-container .calendar-wrapper .period-selector ul,
  .page-read-and-do .calendar-container .calendar-wrapper .period-selector ul {
    width: 184px;
  }
}

.page-contact #page-wrapper {
  background: #fff;
}

.page-contact .messages {
  position: relative;
  top: 58px;
}

.page-contact .node-webform {
  background: #fff;
}

.page-contact .node-webform.content-padding,
.page-contact body.not-logged-in.page-user .node-webform.region-content,
body.not-logged-in.page-user .page-contact .node-webform.region-content {
  padding-top: 0;
  padding-bottom: 0;
}

.page-contact .node-webform .layout-sidebar-sidebar-content {
  border-bottom: 2px solid #f6f6f6;
}

.page-contact .node-webform .layout-sidebar-sidebar-content .node-simple-text-content {
  padding-bottom: 30px;
}

.page-contact .node-webform .layout-sidebar-main-content {
  background: transparent;
}

.page-contact .node-webform .layout-sidebar-main-content form input,
.page-contact .node-webform .layout-sidebar-main-content form textarea {
  margin-bottom: 0;
}

.page-contact .node-webform .layout-sidebar-main-content form .webform-progressbar {
  display: none;
}

.page-contact .node-webform .layout-sidebar-main-content form .required-label {
  padding-top: 0;
}

.page-contact .node-webform .layout-sidebar-main-content form .form-item {
  margin-bottom: 30px;
  overflow: hidden;
}

.page-contact .node-webform .layout-sidebar-main-content form .form-item.webform-component--intro p {
  padding: 15px 0 0;
  font-family: "FSElliot Regular", Arial, Helvetica, sans-serif;
  font-size: 1.4em;
  letter-spacing: 0.02em;
  line-height: 1.4em;
  font-weight: 300;
  color: #4a4a4a;
}

.page-contact .node-webform .layout-sidebar-main-content form .form-item.webform-component--intro p strong {
  font-weight: 400;
  color: #000;
}

.page-contact .node-webform .layout-sidebar-main-content form .form-item.webform-component--intro p a {
  display: inline;
}

.page-contact .node-webform .layout-sidebar-main-content form .form-item.webform-component-select .select2-container {
  width: 100%;
  background-color: #f6f6f6;
}

.page-contact .node-webform .layout-sidebar-main-content form .form-item.webform-component-select .select2-container .select2-choice {
  background-color: transparent;
}

.page-contact .node-webform .layout-sidebar-main-content form .form-item.webform-component-radios {
  display: flex;
  align-items: center;
}

.page-contact .node-webform .layout-sidebar-main-content form .form-item.webform-component-radios label {
  display: block;
  padding: 0;
  width: 120px;
}

.page-contact .node-webform .layout-sidebar-main-content form .form-item.webform-component-radios .form-radios {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}

.page-contact .node-webform .layout-sidebar-main-content form .form-item.webform-component-radios .form-radios .form-item {
  display: flex;
  align-items: center;
  margin: 0;
  padding: 0;
  padding-right: 48px;
}

.page-contact .node-webform .layout-sidebar-main-content form .form-item.webform-component-radios .form-radios .form-item input {
  order: 2;
  margin: 0;
  width: auto;
}

.page-contact .node-webform .layout-sidebar-main-content form .form-item.webform-component-radios .form-radios .form-item label {
  order: 1;
  padding-right: 6px;
  width: auto;
}

.page-contact .node-webform .layout-sidebar-main-content form .form-item.webform-component-radios .form-radios .form-item label:after {
  display: none;
}

.page-contact .node-webform .layout-sidebar-main-content form .form-item.webform-component-date {
  padding-left: 12px;
  padding-right: 12px;
  background-color: #f6f6f6;
  overflow: hidden;
}

.page-contact .node-webform .layout-sidebar-main-content form .form-item.webform-component-date > label {
  display: block;
  position: relative;
  top: 13px;
  float: left;
  margin: 0;
  padding: 0;
  color: #363636;
}

.page-contact .node-webform .layout-sidebar-main-content form .form-item.webform-component-date.webform-component--date-of-your-visit,
.page-contact .node-webform .layout-sidebar-main-content form .form-item.webform-component-date.webform-component--preferred-date {
  display: none;
}

.page-contact .node-webform .layout-sidebar-main-content form .form-item.webform-component-date .webform-datepicker {
  display: flex;
  align-items: center;
}

.page-contact .node-webform .layout-sidebar-main-content form .form-item.webform-component-date .webform-datepicker .form-type-select {
  margin: 0;
  margin-left: 2px;
}

.page-contact .node-webform .layout-sidebar-main-content form .form-item.webform-component-date .webform-datepicker .form-type-select:first-child {
  margin-left: 0;
}

.page-contact .node-webform .layout-sidebar-main-content form .form-item.webform-component-date .webform-datepicker .form-type-select.form-item-submitted-preferred-date-day {
  order: 1;
}

.page-contact .node-webform .layout-sidebar-main-content form .form-item.webform-component-date .webform-datepicker .form-type-select.form-item-submitted-preferred-date-month {
  order: 2;
}

.page-contact .node-webform .layout-sidebar-main-content form .form-item.webform-component-date .webform-datepicker .form-type-select.form-item-submitted-preferred-date-year {
  order: 3;
}

.page-contact .node-webform .layout-sidebar-main-content form .form-item.webform-component-date .webform-datepicker .webform-calendar {
  order: 4;
  width: auto;
  background: none;
}

.page-contact .node-webform .layout-sidebar-main-content form .form-item.webform-component--time-of-your-visit,
.page-contact .node-webform .layout-sidebar-main-content form .form-item.webform-component--preferred-time,
.page-contact .node-webform .layout-sidebar-main-content form .form-item.webform-component--order-number,
.page-contact .node-webform .layout-sidebar-main-content form .form-item.webform-component--membership-number {
  display: none;
}

.page-contact .node-webform .layout-sidebar-main-content form .g-recaptcha {
  text-align: center;
}

.page-contact .node-webform .layout-sidebar-main-content form .g-recaptcha > div {
  display: inline;
}

.page-contact .node-webform .layout-sidebar-main-content form .form-actions {
  overflow: hidden;
}

@media only screen and (min-width: 48em) {
  .page-contact #page-wrapper {
    background: #f6f6f6;
  }

  .page-contact .node-webform {
    background: none;
  }

  .page-contact .node-webform.content-padding,
  .page-contact body.not-logged-in.page-user .node-webform.region-content,
  body.not-logged-in.page-user .page-contact .node-webform.region-content {
    padding-top: 38px;
    padding-bottom: 38px;
  }

  .page-contact .node-webform .layout-sidebar-sidebar-content,
  .page-contact .node-webform .layout-sidebar-main-content {
    margin: 0;
    background: #fff;
  }

  .page-contact .node-webform .layout-sidebar-main-content.first {
    background: white;
  }

  .page-contact .node-webform .layout-sidebar-main-content.first h1 {
    padding-bottom: 0;
  }

  .page-contact .node-webform .layout-sidebar-sidebar-content {
    border-top: 0;
    border-bottom: 0;
  }
}

@media only screen and (min-width: 80em) {
  .page-contact .node-webform.content-container,
  .page-contact .node-webform.content-container-large,
  .page-contact .node-webform.content-container-small,
  .page-contact body.not-logged-in.page-user .node-webform.region-content,
  body.not-logged-in.page-user .page-contact .node-webform.region-content,
  .page-contact .node-webform.core-node-display,
  .page-contact .node-webform#site-map,
  .page-contact .node-webform.node-page,
  .page-contact .node-type-news .node-webform.node-news,
  .node-type-news .page-contact .node-webform.node-news,
  .page-contact body.page-visit-us-faqs .node-webform.node-accordian,
  body.page-visit-us-faqs .page-contact .node-webform.node-accordian {
    max-width: 1280px;
  }
}

/*----------------------------------------------------------------------------
/*  Professional development                                                */

.page-education-professional-development .tag-filters .filter-container {
  width: 50%;
}

@media only screen and (min-width: 48em) {
  .page-education-professional-development .tag-filters .filter-container {
    width: 33.333333333%;
  }
}

.page-visit-us-visitor-info .node-split-panel {
  background-color: #f6f6f6;
}

.page-visit-us-visitor-info .node-split-panel .text-panel {
  padding-bottom: 60px;
}

.page-visit-us-visitor-info .node-split-panel .content {
  background-color: #f6f6f6;
}

.page-visit-us-visitor-info .node-split-panel .content h2,
.page-visit-us-visitor-info .node-split-panel .content h3,
.page-visit-us-visitor-info .node-split-panel .content h4 {
  color: #000;
}

.page-visit-us-visitor-info .node-split-panel .content p {
  color: #4a4a4a;
}

.page-visit-us-visitor-info .node-split-panel .cta-ternary a {
  overflow: visible;
}

.page-visit-us-visitor-info .cta-ternary a {
  color: #0090D6;
}

.page-visit-us-visitor-info .field-name-field-split-panel-title {
  padding-top: 20px;
}

.page-news .view-news {
  max-width: 700px;
  padding-left: 15px;
  padding-right: 15px;
  padding-bottom: 50px;
  margin-right: auto;
  margin-left: auto;
}

.page-news .view-news h1 {
  padding-top: 34px;
}

.page-news .view-news .view-content {
  margin-top: 28px;
}

.page-news .view-news .view-content .views-row {
  padding-bottom: 42px;
  border-top: 2px solid #ebebeb;
  background-color: #fff;
}

.page-news .view-news .view-content .views-row:first-child {
  border-top: 0;
}

.page-news .view-news .view-content .views-row .news-preview {
  position: relative;
  min-height: 180px;
}

.page-news .view-news .view-content .views-row .news-preview .field-name-field-hero-image {
  max-width: 330px;
  margin: auto;
}

.page-news .view-news .view-content .views-row .news-preview .field-name-field-hero-image a img {
  width: 100%;
  height: auto;
}

.page-news .view-news .view-content .views-row .news-preview .content {
  padding-left: 15px;
  padding-right: 15px;
}

.page-news .view-news .view-content .views-row .news-preview .content .read-more a {
  display: block;
}

.page-news .view-news .view-content .views-row .news-preview .content .read-more a:hover {
  color: #007fbd;
  text-decoration: none;
}

.page-news .view-news .view-content .views-row .news-preview .content .read-more a .text-container {
  display: block;
  overflow: hidden;
}

.page-news .view-news .view-content .views-row .news-preview .content .read-more a .text-container .text {
  display: inline-block;
}

.page-news .view-news .view-content .views-row .news-preview .content .read-more a .text-container [class*=icon-] {
  position: relative;
  display: inline-block;
  top: 3px;
  padding-top: 2px;
  font-size: 16px;
  line-height: 1em;
}

.page-news .view-news .view-content .views-row .pager-load-more li a {
  font-family: "FSElliot Light", Arial, Helvetica, sans-serif;
  position: relative;
}

.page-news .view-news .view-content .views-row .pager-load-more li a:before {
  font-family: "icons";
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 20px;
  position: absolute;
  bottom: 3px;
  left: 50%;
  width: 20px;
  margin-left: -10px;
  line-height: 20px;
}

.page-news .news-article-full {
  position: relative;
}

.page-news .news-article-full .news-details p {
  font-weight: 600;
  font-style: italic;
}

@media only screen and (min-width: 48em) {
  .page-news .view-news .view-content .views-row {
    margin-top: 38px;
    padding-bottom: 0;
    border-top: 0;
  }

  .page-news .view-news .view-content .views-row:first-child {
    margin-top: 0;
  }

  .page-news .view-news .view-content .views-row .news-preview {
    overflow: hidden;
  }

  .page-news .view-news .view-content .views-row .news-preview .field-name-field-hero-image {
    float: left;
    width: 40%;
  }

  .page-news .view-news .view-content .views-row .news-preview .content.content-split {
    float: left;
    padding-left: 4%;
    padding-right: 4%;
    width: 52%;
    overflow: hidden;
  }

  .page-news .view-news .view-content .views-row .news-preview .content .read-more {
    position: absolute;
    bottom: 0;
    right: 0;
    padding-top: 0;
    width: 200px;
  }

  .page-news .view-news .view-content .views-row .news-preview .content .read-more a {
    display: block;
    padding-top: 20px;
    padding-bottom: 20px;
    width: 100%;
    text-align: center;
    background-color: #ebebeb;
  }

  .page-news .view-news .view-content .views-row .news-preview .content .read-more a:hover {
    color: #fff;
    background-color: #0090D6;
  }
}

@media only screen and (min-width: 60em) {
  .page-news .view-news {
    max-width: 800px;
  }
}

#site-map a {
  font-size: 15px;
  line-height: 1.4;
  display: inline;
  color: #0090D6;
}

#site-map a:hover {
  display: #007fbd;
}

.payment-success-display {
  position: relative;
}

.payment-success-display .visit-date strong {
  color: #0090D6;
  font-size: 18px;
}

.payment-success-display .receipt {
  margin-top: 30px;
  margin-bottom: 30px;
}

.payment-success-display .receipt-item {
  box-sizing: border-box;
  padding: 0 20px 15px 20px;
  background-color: #f6f6f6;
  margin-bottom: 2px;
  min-height: 100px;
  position: relative;
}

.payment-success-display .receipt-item p {
  font-size: 15px;
}

.payment-success-display .receipt-item .receipt-total-amount,
.payment-success-display .receipt-item .event-price {
  position: absolute;
  top: 45px;
  right: 20px;
}

.payment-success-display .receipt-item.receipt-total {
  height: 60px;
  min-height: 60px;
}

.payment-success-display .receipt-item.receipt-total .receipt-total-title {
  position: absolute;
  left: 20px;
}

.payment-success-display .receipt-item.receipt-total .receipt-total-title,
.payment-success-display .receipt-item.receipt-total .receipt-total-amount {
  top: 5px;
}

.payment-success-display .receipt-booking-reference {
  border: 1px solid #f6f6f6;
  text-align: center;
  padding-top: 8px;
  padding-bottom: 20px;
}

.payment-success-display .receipt-booking-reference p strong,
.payment-success-display .receipt-booking-reference p {
  font-size: 18px;
  color: #0090D6;
}

.payment-success-display .receipt-booking-reference img {
  margin-top: 7px;
  margin-right: auto;
  margin-left: auto;
}

.payment-success-display .thankyou-first {
  font-size: 18px;
}

.payment-success-display .thankyou-first,
.payment-success-display .thankyou-second {
  color: #0090D6;
}

#search-page .rubricks-loader img {
  margin: 50px auto;
}

.event-search-content .event-tile,
.event-search-content .blog-tile {
  display: block;
  margin: 20px auto;
  width: 90%;
}

#empty {
  min-height: 200px;
  text-align: center;
}

#empty h1 {
  margin-top: 50px;
  color: #821F81;
}

@media only screen and (min-width: 30em) {
  .event-search-content .event-tile,
  .event-search-content .blog-tile {
    display: inline-block;
    margin: 20px 4%;
    width: 40%;
    float: left;
  }
}

@media only screen and (min-width: 60em) {
  .event-search-content .event-tile,
  .event-search-content .blog-tile {
    margin: 20px 2%;
    width: 29%;
  }
}

@media only screen and (min-width: 90em) {
  .event-search-content .event-tile,
  .event-search-content .blog-tile {
    margin: 20px 1%;
    width: 23%;
  }
}

.hero-block {
  display: block;
}

.hero-block .node {
  height: 600px;
  background: url("/sites/all/themes/atbristol/images/temphero.jpg") no-repeat center center fixed;
  background-size: cover;
}

.container-outer {
  display: none;
}

@media only screen and (min-width: 72em) {
  .hero-block {
    display: none;
  }

  .container-outer {
    display: block;
    position: relative;
    width: 100vw;
    height: 75vh;
    overflow: hidden;
  }

  .container-inner,
  .video-blocker {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100vw;
    height: 100vw;
    transform: translate(-50%, -50%);
    z-index: 500;
  }

  .video {
    position: absolute;
    left: 0;
    top: 0;
  }
}

.video-cover {
  background: black;
  height: 100%;
  cursor: pointer;
  z-index: 600;
  position: relative;
  transition: opacity 500ms ease;
  transition-delay: 1s;
  background: url("/sites/all/themes/atbristol/images/cover-2024.jpg") no-repeat center center fixed;
  background-size: cover;
}

.video-text {
  z-index: 600;
  position: absolute;
  bottom: 10px;
  pointer-events: none;
  margin-left: 6%;
  font-weight: 400;
  padding: 30px;
}

.video-text h2 {
  font-family: "FSElliot Heavy", Arial, Helvetica, sans-serif;
  color: #fff;
  font-size: 6.5em;
  margin: auto;
}

.video-text h2:last-of-type {
  padding-top: 0;
  padding-bottom: 20px;
}

.who-we-are-panel {
  background: #000;
  width: 100%;
  min-height: 500px;
  max-height: 800px;
  height: auto;
  position: relative;
}

.who-we-are-panel h2 {
  font-family: "FSElliot Bold", Arial, Helvetica, sans-serif;
  color: #fff;
  text-align: center;
  font-size: 4.5em;
  width: 70%;
  margin: auto;
}

.who-we-are-panel p {
  font-family: "FSElliot Bold", Arial, Helvetica, sans-serif;
  color: #fff;
  text-align: center;
  max-width: 800px;
  margin: auto;
  padding-bottom: 50px;
}

.who-we-are-panel.video-1 {
  background: url("/sites/all/themes/atbristol/images/who-we-are/Icy-Bodies-4_web.jpg");
  background-position: center;
  background-size: cover;
  position: relative;
}

.who-we-are-panel.video-1:after {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.6);
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
}

.who-we-are-panel.video-1 .image-text {
  z-index: 50;
  position: relative;
  padding-top: 20px;
}

.who-we-are-panel.video-1 .image-text h2 {
  font-family: "FSElliot Heavy", Arial, Helvetica, sans-serif;
  padding-bottom: 20px;
}

.who-we-are-panel.image-1 {
  background: url("/sites/all/themes/atbristol/images/who-we-are/Watch-Water-Freeze-3_web.jpg");
  background-position: center;
  background-size: cover;
  position: relative;
}

.who-we-are-panel.image-1:after {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.6);
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
}

.who-we-are-panel.image-1 .image-text {
  width: 80%;
  margin: auto;
  z-index: 50;
  position: relative;
  padding-top: 100px;
}

.who-we-are-panel.image-1 .image-text p {
  font-size: 2em;
}

.who-we-are-panel.image-2 {
  background: url("/sites/all/themes/atbristol/images/who-we-are/stars-2_web.jpg");
  background-position: center;
  background-size: cover;
  padding-top: 20px;
}

.who-we-are-panel.image-2:after {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.6);
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
}

.who-we-are-panel.image-2 p {
  width: 80%;
  margin: auto;
  z-index: 50;
  position: relative;
  font-size: 2em;
}

.who-we-are-panel.image-3 {
  background: url("/sites/all/themes/atbristol/images/who-we-are/theatre.jpg");
  background-position: center;
  background-size: cover;
}

.who-we-are-panel.image-4 {
  background: url("/sites/all/themes/atbristol/images/who-we-are/earth.jpg");
  background-position: center;
  background-size: cover;
}

.who-we-are-panel.video-1 {
  padding-top: 20px;
}

.who-we-are-panel.video-2 {
  height: 500px;
}

.who-we-are-panel.text-1 {
  background: #04909f;
}

.who-we-are-panel.text-1 p {
  font-size: 2.5em;
  padding-top: 50px;
  width: 80%;
}

.who-we-are-panel.text-1 .shhh {
  display: inline-block;
  position: relative;
  -webkit-animation-name: shake;
  -moz-animation-name: shake;
  -o-animation-name: shake;
  animation-name: shake;
  -webkit-animation-duration: 0.8s;
  -moz-animation-duration: 0.8s;
  -o-animation-duration: 0.8s;
  animation-duration: 0.8s;
  -webkit-transform-origin: 50% 50%;
  -moz-transform-origin: 50% 50%;
  -ms-transform-origin: 50% 50%;
  -o-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
  -webkit-animation-iteration-count: infinite;
  -moz-animation-iteration-count: infinite;
  -o-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-timing-function: linear;
  -moz-animation-timing-function: linear;
  -o-animation-timing-function: linear;
  animation-timing-function: linear;
}

.who-we-are-panel.text-1 .playful {
  display: inline-block;
  position: relative;
  -webkit-animation-name: bounce;
  -moz-animation-name: bounce;
  -o-animation-name: bounce;
  animation-name: bounce;
  -webkit-animation-duration: 1.2s;
  -moz-animation-duration: 1.2s;
  -o-animation-duration: 1.2s;
  animation-duration: 1.2s;
  -webkit-transform-origin: 50% 50%;
  -moz-transform-origin: 50% 50%;
  -ms-transform-origin: 50% 50%;
  -o-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
  -webkit-animation-iteration-count: infinite;
  -moz-animation-iteration-count: infinite;
  -o-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-timing-function: linear;
  -moz-animation-timing-function: linear;
  -o-animation-timing-function: linear;
  animation-timing-function: linear;
}

.who-we-are-panel.text-3 {
  min-height: 600px;
}

.who-we-are-panel.text-3 h2 {
  padding-top: 70px;
  padding-bottom: 5%;
  font-size: 3em;
  width: 80%;
}

.who-we-are-panel.text-3 p {
  font-size: 2em;
  width: 80%;
  margin: auto;
}

.who-we-are-panel.text-4 {
  min-height: 600px;
  padding-top: 20px;
}

.who-we-are-panel.text-4 p {
  width: 80%;
  margin: auto;
  font-size: 2em;
}

.who-we-are-panel.text-5 {
  background: #414140;
  position: relative;
  min-height: 400px;
}

.who-we-are-panel.text-5 .rising-text {
  padding-top: 90px;
}

.who-we-are-panel.text-5 .rising-text p {
  padding-bottom: 0;
}

.who-we-are-panel.text-5 .rising-semi {
  height: 150px;
  width: 300px;
  background: #DD3C10;
  border-top-left-radius: 400px;
  border-top-right-radius: 400px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  opacity: 0;
}

.who-we-are-panel.text-5 .rising-semi.animated {
  animation: fadein 1.5s ease-in 1;
  animation-fill-mode: forwards;
}

.who-we-are-panel.text-5 p {
  font-size: 2em;
  width: 90%;
  z-index: 3;
  position: relative;
}

.who-we-are-panel .purple-text {
  color: #614694;
}

.who-we-are-panel .yellow-text {
  color: #FBBD00;
}

.who-we-are-panel .blue-text {
  color: #0090D6;
}

.who-we-are-panel .circle-container {
  padding-left: 10%;
  padding-right: 10%;
  padding-top: 25px;
  font-size: 1.5em;
}

.who-we-are-panel .circle-container .circle {
  display: block;
  padding: 0;
  line-height: 5em;
  margin: 20px auto 0 auto;
  border-radius: 50%;
  width: 100px;
  height: 100px;
}

.who-we-are-panel .circle-container .circle.circle-1 {
  background-color: #FBBD00;
}

.who-we-are-panel .circle-container .circle.circle-2 {
  background-color: #04B8E1;
}

.who-we-are-panel .circle-container .circle.circle-3 {
  background-color: #C7007A;
}

.who-we-are-panel .circle-container .circle-subtitle {
  padding-top: 25px;
}

.who-we-are-panel.manifesto-container {
  max-height: none;
  background: #414140;
}

.who-we-are-panel.manifesto-container .manifesto-row {
  max-width: 800px;
  margin: auto;
}

.who-we-are-panel.manifesto-container .manifesto-row img.manifesto-image {
  width: 100%;
  margin: auto;
  height: auto;
  max-width: 450px;
}

.who-we-are-panel.manifesto-container .manifesto-text {
  display: block;
  color: #fff;
  width: 100%;
  margin: auto;
  min-height: 50px;
  max-width: 450px;
}

.who-we-are-panel.manifesto-container .manifesto-text p {
  width: 80%;
  margin: auto;
  padding-top: 40px;
}

.who-we-are-panel.manifesto-container .manifesto-text.purple {
  background: #C7007A;
}

.who-we-are-panel.manifesto-container .manifesto-text.yellow {
  background: #FBBD00;
}

.who-we-are-panel.manifesto-container .manifesto-text.dark-purple {
  background: #821F81;
}

/**** MEDIA QUERIES ****/

@media only screen and (min-width: 30em) {
  .who-we-are-panel.manifesto-container .manifesto-row {
    overflow: hidden;
    position: relative;
  }

  .who-we-are-panel.manifesto-container .manifesto-row img.manifesto-image {
    display: block;
    width: 50%;
  }

  .who-we-are-panel.manifesto-container .manifesto-row .manifesto-text {
    position: absolute;
    top: 0;
    height: 100%;
    width: 50%;
  }

  .who-we-are-panel.manifesto-container .manifesto-row .manifesto-text p {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 90%;
    text-align: center;
    transform: translate(-50%, -50%);
  }

  .who-we-are-panel.manifesto-container .manifesto-row .manifesto-left {
    float: left;
  }

  .who-we-are-panel.manifesto-container .manifesto-row .manifesto-right {
    float: right;
  }

  .who-we-are-panel.manifesto-container .manifesto-row .manifesto-text-left {
    left: 0;
  }

  .who-we-are-panel.manifesto-container .manifesto-row .manifesto-text-right {
    right: 0;
  }
}

@media only screen and (min-width: 23.4375em) {
  .who-we-are-panel.text-1 p {
    padding-top: 100px;
  }
}

@media only screen and (min-width: 37.5em) {
  .who-we-are-panel .circle-container {
    width: 80%;
    text-align: center;
    font-size: 2em;
    padding-top: 100px;
  }

  .who-we-are-panel .circle-container .circle {
    display: inline-block;
    line-height: 6em;
    margin: 0 10px;
    border-radius: 50%;
    width: 175px;
    height: 175px;
  }

  .who-we-are-panel .circle-container .circle-subtitle {
    padding-top: 100px;
  }

  .who-we-are-panel.text-1 p {
    padding-top: 100px;
  }

  .who-we-are-panel.text-4 {
    min-height: 500px;
  }

  .who-we-are-panel.text-5 {
    min-height: 500px;
  }

  .who-we-are-panel.text-5 .rising-text {
    padding-top: 140px;
  }

  .who-we-are-panel.text-5 .rising-semi {
    height: 300px;
    width: 600px;
    border-top-left-radius: 600px;
    border-top-right-radius: 600px;
  }

  .who-we-are-panel.image-1 .image-text p,
  .who-we-are-panel.image-2 p,
  .who-we-are-panel.text-3 p,
  .who-we-are-panel.text-4 p,
  .who-we-are-panel.text-5 .rising-text p {
    font-size: 3em;
  }

  .who-we-are-panel.text-1 p {
    font-size: 3.5em;
  }

  .who-we-are-panel.text-3 h2 {
    font-size: 4em;
  }

  .who-we-are-panel.manifesto-container {
    padding: 50px 0;
  }
}

@media only screen and (min-width: 48em) {
  .who-we-are-panel .circle-container {
    width: 80%;
    text-align: center;
    font-size: 2em;
    padding-top: 100px;
  }

  .who-we-are-panel .circle-container .circle {
    display: inline-block;
    line-height: 6em;
    margin: 0 10px;
    border-radius: 50%;
    width: 175px;
    height: 175px;
  }

  .who-we-are-panel.text-4 {
    min-height: 500px;
  }

  .who-we-are-panel.text-5 {
    min-height: 500px;
  }

  .who-we-are-panel.text-5 .rising-text {
    padding-top: 150px;
  }

  .who-we-are-panel.text-5 .rising-semi {
    height: 300px;
    width: 600px;
    border-top-left-radius: 600px;
    border-top-right-radius: 600px;
  }

  .who-we-are-panel.image-1 .image-text p,
  .who-we-are-panel.image-2 p,
  .who-we-are-panel.text-3 p,
  .who-we-are-panel.text-4 p,
  .who-we-are-panel.text-5 .rising-text p {
    font-size: 3em;
  }

  .who-we-are-panel.text-1 p {
    font-size: 3.5em;
  }

  .who-we-are-panel.text-3 h2 {
    font-size: 4em;
  }

  .who-we-are-panel.manifesto-container {
    padding: 100px 0;
  }

  .who-we-are-panel.manifesto-container .manifesto-row {
    max-width: 1200px;
  }

  .who-we-are-panel.manifesto-container .manifesto-row img.manifesto-image {
    max-width: 600px;
  }

  .who-we-are-panel.manifesto-container .manifesto-row .manifesto-text {
    max-width: 600px;
  }

  .who-we-are-panel.manifesto-container .manifesto-row .manifesto-text p {
    font-size: 2em;
  }
}

@media only screen and (min-width: 64em) {
  .who-we-are-panel.text-1 p {
    padding-top: 150px;
  }

  .who-we-are-panel.text-2 {
    min-height: 600px;
  }

  .who-we-are-panel.text-2 .circle-container {
    font-size: 2.5em;
    padding-top: 100px;
  }

  .who-we-are-panel.text-2 .circle-container .circle {
    display: inline-block;
    line-height: 6em;
    margin: 0 20px;
    border-radius: 50%;
    width: 200px;
    height: 200px;
  }

  .who-we-are-panel.video-1 .image-text h2 {
    font-size: 6em;
  }

  .who-we-are-panel.text-1 {
    height: 600px;
  }

  .who-we-are-panel.video-2 {
    height: 600px;
  }

  .who-we-are-panel.text-4,
  .who-we-are-panel.image-2 {
    min-height: 600px;
    padding-top: 70px;
  }

  .who-we-are-panel.text-5 {
    min-height: 600px;
  }

  .who-we-are-panel.text-5 .rising-text {
    padding-top: 190px;
  }

  .who-we-are-panel.text-5 .rising-semi {
    height: 300px;
    width: 600px;
    border-top-left-radius: 600px;
    border-top-right-radius: 600px;
  }

  .who-we-are-panel.text-1 p {
    font-size: 4em;
  }

  .who-we-are-panel.text-3 h2 {
    font-size: 4em;
  }
}

@media only screen and (min-width: 72em) {
  .who-we-are-panel.video-1 {
    display: none;
  }
}

@media only screen and (min-width: 80em) {
  .who-we-are-panel {
    height: 800px;
  }

  .who-we-are-panel.manifesto-container {
    height: auto;
  }

  .who-we-are-panel.manifesto-container .manifesto-text p {
    font-size: 3em;
  }

  .who-we-are-panel.text-2 .circle-container {
    font-size: 3.5em;
    padding-top: 100px;
  }

  .who-we-are-panel.text-2 .circle-container .circle {
    display: inline-block;
    line-height: 6em;
    margin: 0 20px;
    border-radius: 50%;
    width: 300px;
    height: 300px;
  }

  .who-we-are-panel.video-1 .image-text h2 {
    font-size: 8em;
  }

  .who-we-are-panel.text-1,
  .who-we-are-panel.video-2 {
    height: 800px;
  }

  .who-we-are-panel.text-5 .rising-text {
    padding-top: 250px;
  }

  .who-we-are-panel.text-5 .rising-semi {
    height: 500px;
    width: 1000px;
    border-top-left-radius: 600px;
    border-top-right-radius: 600px;
  }

  .who-we-are-panel.image-1 .image-text p,
  .who-we-are-panel.image-2 p,
  .who-we-are-panel.text-3 p,
  .who-we-are-panel.text-4 p,
  .who-we-are-panel.text-5 .rising-text p {
    font-size: 4em;
  }

  .who-we-are-panel.text-3 h2,
  .who-we-are-panel.text-1 p {
    font-size: 5em;
  }
}

/**** ANIMATIONS ****/

@-webkit-keyframes shake {
  0% {
    -webkit-transform: translate(2px, 1px) rotate(0deg);
  }

  10% {
    -webkit-transform: translate(-1px, -2px) rotate(-1deg);
  }

  20% {
    -webkit-transform: translate(-3px, 0px) rotate(1deg);
  }

  30% {
    -webkit-transform: translate(0px, 2px) rotate(0deg);
  }

  40% {
    -webkit-transform: translate(1px, -1px) rotate(1deg);
  }

  50% {
    -webkit-transform: translate(-1px, 2px) rotate(-1deg);
  }

  60% {
    -webkit-transform: translate(-3px, 1px) rotate(0deg);
  }

  70% {
    -webkit-transform: translate(2px, 1px) rotate(-1deg);
  }

  80% {
    -webkit-transform: translate(-1px, -1px) rotate(1deg);
  }

  90% {
    -webkit-transform: translate(2px, 2px) rotate(0deg);
  }

  100% {
    -webkit-transform: translate(1px, -2px) rotate(-1deg);
  }
}

@keyframes bounce {
  from, 20%, 53%, 80%, to {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    transform: translate3d(0, 0, 0);
  }

  40%, 43% {
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    transform: translate3d(0, -15px, 0);
  }

  70% {
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    transform: translate3d(0, -5px, 0);
  }

  90% {
    transform: translate3d(0, -1px, 0);
  }
}

@keyframes fadein {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

.page-read-and-do #content-wrapper,
.page-read-and-do .sticky-push {
  background-color: #000;
}

.page-read-and-do .stream-subtitle {
  color: #ccc;
}

.blog-cover {
  background: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url("/sites/all/themes/atbristol/images/blog-cover.jpg");
  background-size: cover;
  background-position: center;
  height: 70vh;
}

.page-back-soon .container-outer-back-soon {
  display: block;
  position: relative;
  width: 100vw;
  height: 75vh;
  overflow: hidden;
}

.page-back-soon .banner-cover {
  height: 100%;
  position: relative;
  background: url(/sites/all/themes/atbristol/images/back-soon-cover.webp) no-repeat center center fixed;
  background-size: cover;
}

.page-back-soon #block-block-2,
.page-back-soon #block-block-3,
.page-back-soon #block-back-soon-3 {
  background-color: #000;
  padding: 30px;
}

.page-back-soon #block-block-2 h2,
.page-back-soon #block-block-2 p,
.page-back-soon #block-block-3 h2,
.page-back-soon #block-block-3 p,
.page-back-soon #block-back-soon-3 h2,
.page-back-soon #block-back-soon-3 p {
  font-family: "FSElliot Heavy", Arial, Helvetica, sans-serif;
  color: #fff;
  text-align: center;
}

.page-back-soon #block-block-2 h2,
.page-back-soon #block-block-3 h2,
.page-back-soon #block-back-soon-3 h2 {
  font-size: 4em;
}

.page-back-soon #block-block-2 p,
.page-back-soon #block-block-3 p,
.page-back-soon #block-back-soon-3 p {
  font-size: 2.5em;
}

.page-back-soon #block-block-2 .content,
.page-back-soon #block-block-3 .content,
.page-back-soon #block-back-soon-3 .content {
  max-width: 1200px;
  margin: auto;
}

.page-back-soon #block-block-3 .content {
  margin-bottom: 100px;
}

.page-back-soon #block-back-soon-3 {
  margin-top: 30px;
}

.page-back-soon #cta-container {
  margin-top: 60px;
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  color: #fff;
}

.page-back-soon #cta-container .cta-item {
  display: flex;
  margin: 20px 75px;
  justify-content: space-around;
}

.page-back-soon #cta-container .cta-item span {
  display: inline-block;
  margin-right: 5px;
}

.page-back-soon #cta-container .cta-item a {
  display: flex;
  justify-content: center;
  font-family: "FSElliot Bold", Arial, Helvetica, sans-serif;
  font-size: 1.5em;
  background-color: #C7007A;
  text-decoration: none;
  color: #fff;
  width: 200px;
  line-height: 80px;
}

.page-back-soon #cta-container .cta-item a:hover {
  background: #ae006a;
}

@media only screen and (min-width: 64em) {
  .page-back-soon #cta-container {
    flex-direction: row;
  }
}

.front #user-search-form {
  background: #000;
}

.front #user-search-form h1 {
  background: #000;
}

.front .overlay-wrapper .overlay input[type=text] {
  color: #fff;
}

#user-search-form {
  padding-bottom: 10px;
  background: #fff;
}

#user-search-form .t-red-subhead,
#user-search-form .page-visit-us-whats-on .view-events-exhibits h2,
.page-visit-us-whats-on .view-events-exhibits #user-search-form h2,
#user-search-form .page-read-and-do .view-events-exhibits h2,
.page-read-and-do .view-events-exhibits #user-search-form h2 {
  font-size: 3em;
  text-align: left;
}

#user-search-form .t-red-subhead a,
#user-search-form .page-visit-us-whats-on .view-events-exhibits h2 a,
.page-visit-us-whats-on .view-events-exhibits #user-search-form h2 a,
#user-search-form .page-read-and-do .view-events-exhibits h2 a,
.page-read-and-do .view-events-exhibits #user-search-form h2 a {
  color: #0090D6;
  text-decoration: none;
}

#user-search-form .t-red-subhead a:hover,
#user-search-form .page-visit-us-whats-on .view-events-exhibits h2 a:hover,
.page-visit-us-whats-on .view-events-exhibits #user-search-form h2 a:hover,
#user-search-form .page-read-and-do .view-events-exhibits h2 a:hover,
.page-read-and-do .view-events-exhibits #user-search-form h2 a:hover {
  color: #007fbd;
  cursor: pointer;
}

#user-search-form .search-block {
  display: block;
  width: 100%;
  padding: 30px 0;
}

#user-search-form .search-block .search-input {
  padding: 0 3%;
  width: 100%;
  margin: auto;
  max-width: 600px;
}

#user-search-form .search-block.search-header {
  padding-bottom: 0;
}

#user-search-form .search-block h1 {
  text-align: center;
}

#user-search-form .search-block span {
  color: #0090D6;
  margin-right: 10px;
}

#user-search-form .search-block input {
  border: 0;
  outline: 0;
  background: transparent;
  border-bottom: 2px solid #0090D6;
  padding-bottom: 7px;
  width: 80%;
  font-size: 2em;
}

#user-search-form .search-block input::placeholder {
  color: #ccc;
}

#user-search-form .search-block input:hover {
  border-color: #007fbd;
}

.clear-field {
  color: #0090D6;
  text-align: center;
  font-family: "FSElliot Heavy", Arial, Helvetica, sans-serif;
  font-size: 2em;
  margin-top: 50px;
}

.front #calendar-search th span {
  color: #fff;
}

.front #calendar-search .ui-datepicker-inline {
  background: #414140;
}

.front #calendar-search .ui-datepicker-inline .ui-datepicker-header {
  font-family: "FSElliot Bold", Arial, Helvetica, sans-serif;
  font-size: 1.4em;
  line-height: 1.2em;
  letter-spacing: 0.02em;
  font-weight: 400;
  color: #0090D6;
}

.front #calendar-search .ui-datepicker-inline .ui-datepicker-calendar tbody tr td {
  padding: 0;
  border: solid 1px #414140;
}

.front #calendar-search .ui-datepicker-inline .ui-datepicker-calendar tbody tr td.hover-highlight a {
  background: #007fbd;
}

.front #calendar-search .ui-datepicker-inline .ui-datepicker-calendar tbody tr td a {
  color: #0090D6;
  background: #363636;
}

.front #calendar-search .ui-datepicker-inline .ui-datepicker-calendar tbody tr td.ui-state-disabled span.ui-state-default {
  background: #666;
  color: #959595;
}

.front #user-search-form .t-red-subhead a:hover,
.front #user-search-form .page-visit-us-whats-on .view-events-exhibits h2 a:hover,
.page-visit-us-whats-on .view-events-exhibits .front #user-search-form h2 a:hover,
.front #user-search-form .page-read-and-do .view-events-exhibits h2 a:hover,
.page-read-and-do .view-events-exhibits .front #user-search-form h2 a:hover,
.front #user-search-form .clear-search:hover {
  color: #00a1f0;
}

.front #user-search-form .search-block input:hover {
  border-color: #00a1f0;
}

.front .overlay-wrapper {
  background-color: rgba(0, 0, 0, 0.95);
}

.overlay-wrapper {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 99999;
  background-color: #f6f6f6;
  background-color: rgba(246, 246, 246, 0.95);
}

.overlay-wrapper .overlay {
  width: 100%;
  margin: 50px auto 0 auto;
  display: none;
}

.overlay-wrapper .overlay h1 {
  text-align: center;
  color: #0090D6;
}

.overlay-wrapper .overlay input {
  display: block;
  margin: 100px auto;
}

.overlay-wrapper .overlay input[type=text] {
  color: #4a4a4a;
  border: 0;
  outline: 0;
  background: transparent;
  border-bottom: 2px solid #0090D6;
  width: 350px;
  font-size: 2em;
  font-weight: 300;
  padding-bottom: 10px;
}

.overlay-wrapper .overlay input[type=text]::placeholder {
  color: #ccc;
}

.overlay-wrapper .overlay .type-container-outer .type-container-inner {
  max-height: 80vh;
  margin-right: -16px;
  overflow-y: scroll;
}

.overlay-wrapper .overlay #search-types {
  list-style: none;
  font-size: 2.5em;
  margin-top: 50px;
}

.overlay-wrapper .overlay #search-types li {
  max-width: 250px;
  text-align: left;
  margin: 10px auto;
}

.overlay-wrapper .overlay #search-types li a {
  color: #ccc;
  padding-bottom: 3px;
}

.overlay-wrapper .overlay #search-types li a:hover,
.overlay-wrapper .overlay #search-types li a:focus {
  color: #0090D6;
}

.overlay-wrapper .scroll-indicator {
  display: none;
  text-align: center;
  color: #0090D6;
  font-size: 5em;
}

.overlay-wrapper #close-button {
  position: absolute;
  top: 10px;
  right: 10px;
}

.overlay-wrapper #close-button span {
  font-size: 3.5em;
  color: #0090D6;
}

.overlay-wrapper #close-button span:hover {
  cursor: pointer;
  color: #007fbd;
}

.search-button {
  width: 150px;
  height: 50px;
  color: white;
  background: #0090D6;
  border: none;
  text-align: center;
  position: relative;
  display: block;
  margin: auto;
  font-size: 1.5em;
}

.search-button:hover {
  cursor: pointer;
  background: #007fbd;
}

.clear-search {
  color: #0090D6;
  font-size: 1.5em;
  font-weight: bold;
  text-align: center;
}

.clear-search:hover,
.clear-search:focus {
  color: #007fbd;
  text-decoration: none;
}

.clear-search span {
  position: relative;
  top: 4px;
}

@media only screen and (min-width: 72em) {
  #user-search-form .search-block {
    display: inline-block;
    width: 20%;
    padding: 50px 0;
  }

  #user-search-form .search-block .search-input {
    width: 100%;
    padding: 0 10%;
    font-size: 0.8em;
  }

  .clear-search {
    display: inline-block;
    margin-left: 5%;
  }
}

@media only screen and (min-width: 90em) {
  #user-search-form .search-block .search-input {
    font-size: 1em;
  }
}

#date-search {
  width: 100%;
}

.period-selector {
  padding-top: 20px;
  padding-bottom: 16px;
}

.period-selector p {
  color: #959595;
  text-align: center;
  margin-bottom: 10px;
}

.period-selector ul {
  font-family: "FSElliot Light", Arial, Helvetica, sans-serif;
  font-size: 1.4em;
  line-height: 1.2em;
  letter-spacing: 0.02em;
  font-weight: 400;
  margin: 0 auto;
  padding: 0;
  width: 188px;
  list-style: none;
  overflow: hidden;
}

.period-selector ul li {
  float: left;
  padding: 0;
  border-left: 2px solid #4a4a4a;
}

.period-selector ul li:first-child {
  border-left: 0;
}

.period-selector ul li a {
  display: block;
  padding-left: 12px;
  padding-right: 12px;
  color: #4a4a4a;
}

.period-selector ul li a:hover,
.period-selector ul li a.active {
  color: #0090D6;
  text-decoration: none;
}

#calendar-search .ui-datepicker-inline {
  width: 300px;
  margin: auto;
  background: #ebebeb;
  padding: 0 10px;
}

#calendar-search .ui-datepicker-inline .ui-datepicker-header {
  font-family: "FSElliot Bold", Arial, Helvetica, sans-serif;
  font-size: 1.4em;
  line-height: 1.2em;
  letter-spacing: 0.02em;
  font-weight: 400;
  border: none;
  color: #0090D6;
  padding-top: 1.2em;
  padding-bottom: 1em;
}

#calendar-search .ui-datepicker-inline .ui-datepicker-calendar thead {
  border: solid 20px transparent;
  border-bottom: none;
}

#calendar-search .ui-datepicker-inline .ui-datepicker-calendar tbody {
  border: solid 30px transparent;
  border-top: none;
}

#calendar-search .ui-datepicker-inline .ui-datepicker-calendar tbody tr td {
  padding: 0;
  border: solid 1px #f0efee;
}

#calendar-search .ui-datepicker-inline .ui-datepicker-calendar tbody tr td.hover-highlight a {
  background: #007fbd;
  color: #fff;
}

#calendar-search .ui-datepicker-inline .ui-datepicker-calendar tbody tr td a {
  color: #0090D6;
  border: none;
  background: #fff;
  font-weight: bold;
  font-size: 1.4em;
  line-height: 1.2em;
  padding: 15px 0;
  text-align: center;
  width: 35px;
}

#calendar-search .ui-datepicker-inline .ui-datepicker-calendar tbody tr td.ui-state-disabled span.ui-state-default {
  border: none;
  background: #f3f3f3;
  color: #d5d5d5;
  font-weight: bold;
  font-size: 1.4em;
  line-height: 1.2em;
  padding: 15px 0;
  text-align: center;
}

#calendar-search .ui-datepicker-inline .ui-datepicker .ui-datepicker-prev,
#calendar-search .ui-datepicker-inline .ui-datepicker .ui-datepicker-next {
  top: 15px;
}

#calendar-search .ui-datepicker-inline .ui-datepicker-header a {
  font-size: 3.5em;
  font-weight: 200;
}

#calendar-search .ui-datepicker-inline .ui-datepicker-header a:hover {
  cursor: pointer;
}

#calendar-search .ui-datepicker-inline .ui-datepicker-header a.ui-datepicker-prev:before {
  content: "‹";
  float: left;
  margin-top: 10px;
  margin-left: 10px;
}

#calendar-search .ui-datepicker-inline .ui-datepicker-header a.ui-datepicker-next:after {
  content: "›";
  float: right;
  margin-top: 10px;
  margin-right: 10px;
}

#calendar-search .ui-datepicker-prev {
  left: -10px;
}

#calendar-search .ui-datepicker-next {
  right: -10px;
}

#calendar-search .ui-datepicker-prev-hover {
  left: -10px;
  top: 2px;
}

#calendar-search .ui-datepicker-next-hover {
  right: -10px;
  top: 2px;
}

div.no-results {
  width: 50%;
  margin: auto;
  text-align: center;
  height: 400px;
}

div.no-results h1 {
  margin-top: 60px;
  color: #0090D6;
}

.question-hero {
  background-image: url(/sites/all/themes/atbristol/images/temphero.jpg);
  background-size: cover;
  background-position: center;
  position: relative;
  height: 70vh;
}

.question-hero .header-content {
  z-index: 20;
  position: absolute;
  top: 40%;
  text-align: center;
  width: 100%;
  transform: translate(0, -30%);
  -ms-transform: translate(0, -30%);
  -webkit-transform: translate(0, -30%);
}

.question-hero .header-content form {
  background: none;
}

.question-hero .header-content h1 {
  color: #fff;
  font-size: 3em;
  padding-bottom: 0.5em;
  width: 90%;
  margin: auto;
}

.question-hero .header-content h2 {
  width: 90%;
  margin: auto;
  color: #fff;
  font-size: 1.5em;
}

.question-hero .header-content input.cube-question {
  width: 90%;
  max-width: 800px;
  margin: auto;
  font-size: 1.5em;
  text-align: center;
  background-color: rgba(0, 0, 0, 0.6);
  color: #fff;
  border: 1px solid #959595;
}

.question-hero .header-content input.cube-question:focus {
  outline-color: #68A844;
  border: none !important;
  background-color: rgba(0, 0, 0, 0.6) !important;
  border-left: none !important;
  padding: 10px 14px !important;
  border: 1px solid #959595 !important;
}

.question-hero .header-content input.cube-question.invalid {
  border-color: #ef3e42;
  outline-color: #ef3e42 !important;
}

.question-hero .header-content .ask-button {
  background-color: #68A844;
  color: #fff;
  font-size: 2em;
  max-width: 150px;
  padding: 1em 0;
}

.question-hero .header-content .ask-button:hover {
  text-decoration: none;
}

.question-hero:after {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.3);
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
}

#wtc-question-cube-form {
  background: #363636;
  min-height: 1000px;
}

#wtc-question-cube-form #success_message_div {
  min-height: 400px;
}

#wtc-question-cube-form #success_message_div .bold {
  font-weight: bold;
}

#wtc-question-cube-form .question-form {
  padding: 1em 2em;
  max-width: 750px;
  margin: auto;
  background: #fff;
  z-index: 10;
}

#wtc-question-cube-form .question-form .form-type-textfield input {
  width: 100%;
  min-height: 50px;
}

#wtc-question-cube-form .question-form #edit-question {
  border: 0;
  outline: 0;
  background: transparent;
  border-bottom: 2px solid #68A844;
  color: #68A844;
  padding-bottom: 7px;
  display: block;
  width: 100%;
  font-size: 2em;
}

#wtc-question-cube-form .question-form #edit-submit-button {
  display: block;
  background-color: #3AA935;
  color: #fff;
  border-radius: 0;
  max-width: 200px;
  padding: 1em 0;
}

#wtc-question-cube-form .question-form #edit-terms {
  display: inline-block;
  width: 20px;
}

#wtc-question-cube-form .question-form .description {
  display: inline-block;
  width: 250px;
  position: relative;
  top: 7px;
}

#wtc-question-cube-form .instructions {
  padding-top: 1em;
  padding-bottom: 2em;
}

#wtc-question-cube-form .refresh-button {
  background-color: #3AA935;
  color: #fff;
  font-size: 1.5em;
  max-width: 200px;
  padding: 1em 0;
  text-align: center;
  margin-left: 10px;
}

/*----------------------------------------------------------------------------
/* Responsive styles for event pages                                        */

@media only screen and (min-width: 30em) {
  #wtc-question-cube-form .question-form .form-type-textfield input {
    width: 75%;
  }
}

@media only screen and (min-width: 35.5em) {
  .question-hero {
    height: 100vh;
  }
}

@media only screen and (min-width: 37.5em) {
  #wtc-question-cube-form {
    padding-bottom: 100px;
  }

  .question-hero {
    height: 60vh;
  }

  .question-form {
    position: relative;
    margin-top: -300px;
  }

  .question-form .form-type-textfield input {
    width: 50%;
  }
}

@media only screen and (min-width: 48em) {
  .question-hero {
    height: 70vh;
  }

  .question-hero .header-content {
    top: 30%;
  }

  .question-hero .header-content h1 {
    font-size: 5em;
  }

  .question-hero .header-content h2 {
    font-size: 2.2em;
  }

  .question-hero .header-content input.cube-question {
    line-height: 2em !important;
    font-size: 3em;
  }
}

body.pc-os p,
body.pc-os li,
body.pc-os li a,
body.pc-os table td,
body.pc-os .region-wrapper.main form input,
body.pc-os .region-wrapper.main form textarea,
body.pc-os .event-wrapper-dropdown .sod_list_wrapper .sod_option {
  font-weight: 400;
}

body.pc-os .calendar-container .calendar-wrapper .event-calendar .fc-view-container .fc-view table tbody .fc-widget-content .fc-day-grid-container .fc-day-grid .fc-row .fc-content-skeleton .fc-day-number {
  font-weight: 600;
}

body.pc-os .calendar-container .calendar-wrapper .calendar-control .current span {
  font-weight: 600;
}

body.pc-os .calendar-container .calendar-wrapper .period-selector ul li a {
  font-weight: 600;
}

body.pc-os.front p,
body.pc-os.page-live-science-home p,
body.pc-os.page-live-science-team p,
body.pc-os #footer p,
body.pc-os .event-tile p,
body.pc-os .blog-tile p {
  font-weight: 300;
}

body.pc-os .view-who-we-are-meet-the-team .view-content .team-row .node-team-member .content .favourite-moments p,
body.pc-os .view-who-we-are-meet-the-team .view-content .team-row .node-live-science-team-member .content .favourite-moments p,
body.pc-os .view-who-we-are-meet-the-team .view-content .views-row .node-team-member .content .favourite-moments p,
body.pc-os .view-who-we-are-meet-the-team .view-content .views-row .node-live-science-team-member .content .favourite-moments p,
body.pc-os .view-live-science-meet-the-team .view-content .team-row .node-team-member .content .favourite-moments p,
body.pc-os .view-live-science-meet-the-team .view-content .team-row .node-live-science-team-member .content .favourite-moments p,
body.pc-os .view-live-science-meet-the-team .view-content .views-row .node-team-member .content .favourite-moments p,
body.pc-os .view-live-science-meet-the-team .view-content .views-row .node-live-science-team-member .content .favourite-moments p,
body.pc-os.page-live-science-home .team-row p {
  font-weight: 400;
}

body.pc-os.page-education-what-we-offer .event-tile p,
body.pc-os.page-education-what-we-offer .blog-tile p,
body.pc-os.page-venue-hire-events .event-tile p,
body.pc-os.page-venue-hire-events .blog-tile p {
  font-weight: 400;
}

body.pc-os.page-who-we-are-meet-the-team .field-name-field-bio p {
  font-weight: 300;
}

body.pc-os.page-visit-us-faqs h2 a {
  font-weight: 600;
}

/*# sourceMappingURL=style.css.map */