.ddl-full-width-row > [class*="col-"]:first-child {
  padding-left: 0; }

.ddl-full-width-row > [class*="col-"]:last-child {
  padding-right: 0; }

header {
  padding: 24px 0 26px 40px;
  background-color: #fff; }

header.overlay {
  position: absolute;
  z-index: 1000;
  width: 100%; }

footer {
  background-color: #283467;
  border-top: none;
  color: #555;
  font-size: 0.9em;
  margin-top: 0px;
  padding: 20px 0; }

.footer-top {
  border-bottom: 1px solid #333;
  padding: 5vw 0 8vw;
  text-align: center; }

.footer-bottom {
  font-family: "Roboto", sans-serif;
  font-size: 0.6em;
  text-transform: uppercase;
  padding: 10px 0;
  margin: 40px 0 0;
  color: #666;
  border-top: 1px solid #666; }
  .footer-bottom a {
    color: #a4a3a3; }
  .footer-bottom .col-xs-6 {
    padding: 0; }

.footer-text {
  font-family: "Roboto", sans-serif;
  font-size: 0.7em;
  color: #a4a3a3;
  padding-top: 20px; }

.social-icons {
  margin-top: 20px;
  text-align: left;
  padding-top: 20px; }

.social-icons ul, .social-icons ul * {
  display: inline;
  padding: 0; }

.social-icons li {
  padding-right: 2px;
  list-style-type: none; }

.footer-menu-title {
  font-family: "Roboto", sans-serif;
  font-size: 0.8em;
  font-weight: 700;
  color: #a4a3a3;
  letter-spacing: 3px;
  text-transform: uppercase;
  padding: 28px 0 5px; }

.footer-menu-text {
  font-family: "Roboto", sans-serif;
  font-size: 0.7em;
  color: #a4a3a3;
  padding-top: 10px; }

.footer-menu-text a {
  color: #e0e0e0; }

/* Pagination

.pagination-container {
    display: block;
    text-align: center !important;
    padding-top: 20px;
}

.pagination-container ul, .pagination-container ul * {
    display: block;
    padding: 0;
}

.pagination {
    text-align: center !important;
    padding: 40px 0 !important;
}

ul.wpv_pagination_dots li.wpv_pagination_dots_item {
    display: inline-block !important;
    float: none !important;
}
 */
.page-bar, .page-bar h1 {
  background-color: #f3f3f3;
  padding: 1rem 0 !important;
  font-family: "Roboto", sans-serif;
  font-size: 1em;
  letter-spacing: 4px;
  font-weight: 700;
  text-align: center;
  color: #a4a3a3;
  text-transform: uppercase; }
  @media screen and (min-width: 768px) {
    .page-bar, .page-bar h1 {
      font-size: 1.2em;
      padding: 1.4rem 0 !important; } }
  @media screen and (min-width: 992px) {
    .page-bar, .page-bar h1 {
      font-size: 1.4em;
      padding: 1.8rem 0 !important; } }

.content-block {
  padding: 1.5rem 0 1rem; }
  @media screen and (min-width: 768px) {
    .content-block {
      padding: 2rem 0 2rem; } }
  @media screen and (min-width: 992px) {
    .content-block {
      padding: 3rem 0 3rem; } }

.xs-pad {
  margin-left: 5px;
  margin-right: 5px; }
  @media screen and (min-width: 768px) {
    .xs-pad {
      margin-left: -15px;
      margin-right: -15px; } }

/* Grid Block */
.grid-block {
  display: inline-block;
  position: absolute;
  padding: 40px; }

/*
.grid-block {
    display:inline-block;
    position: absolute;
    top: 50%;
    width: 100%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
} */
.grid-type {
  font-family: "Roboto", sans-serif;
  font-size: 0.8em;
  font-weight: 700;
  text-align: center;
  color: #ed1d24;
  text-transform: uppercase;
  padding-bottom: 10px; }

.grid-title {
  font-family: "Roboto", sans-serif;
  font-size: 1em;
  letter-spacing: 0px;
  font-weight: 500;
  line-height: 1.1;
  text-align: center;
  color: #fff;
  padding: 0 20px; }

.grid-block-red {
  width: 400px;
  height: 400px;
  background-color: #939ab3;
  color: #111; }

.grid-block-red:hover, .grid-block-red:hover .date-big, .grid-block-red:hover .date-text {
  background-color: #ed1d24;
  color: #fff; }

.grid-block-date {
  font-family: "Roboto", sans-serif;
  color: #fff;
  font-size: 0.7em;
  text-transform: uppercase; }

.grid-block-title {
  font-family: "Roboto", sans-serif;
  color: #fff;
  font-size: 1em;
  font-weight: 700;
  text-transform: uppercase;
  line-height: 1.1;
  padding-top: 10px; }
  @media (min-width: 768px) {
    .grid-block-title {
      font-size: 1.1em;
      padding-bottom: 0.8rem; } }
  @media (min-width: 992px) {
    .grid-block-title {
      font-size: 1.35em;
      padding-bottom: 1rem; } }
  @media (min-width: 1200px) {
    .grid-block-title {
      font-size: 1.5em;
      padding-bottom: 1rem; } }

.grid-block-title a {
  color: #fff; }

.grid-block-job {
  font-family: "Roboto", sans-serif;
  color: #fff;
  font-size: 0.7em;
  text-transform: uppercase; }

.date-big {
  font-family: "Roboto", sans-serif;
  font-size: 3em;
  letter-spacing: 0.04em;
  font-weight: 700;
  text-align: center;
  color: #111; }

/* Grid Block  */
.page-block {
  padding-bottom: 80px; }

.page-block-grey {
  background-color: #f3f3f3;
  padding-bottom: 80px;
  min-height: 320px; }

.page-block-grey-top {
  background-color: #f3f3f3; }

.page-block-greytop {
  background-color: #f3f3f3;
  height: 120px; }

.page-block-bluebottom {
  margin-top: -200px;
  background-color: #283467;
  height: 160px; }

.titlespace {
  padding-bottom: 6.5rem; }

.grid-container {
  position: relative;
  background-color: #939ab3; }

.grid-overlay-red, .grid-overlay-black {
  display: inline;
  position: absolute;
  opacity: 0;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  padding: 1rem; }
  @media screen and (min-width: 768px) {
    .grid-overlay-red, .grid-overlay-black {
      padding: 1.5rem; } }
  @media screen and (min-width: 992px) {
    .grid-overlay-red, .grid-overlay-black {
      padding: 2rem; } }

.grid-overlay-red {
  background: #ed1c24; }

.grid-overlay-black {
  background: rgba(0, 0, 0, 0.6); }

.grid-overlay-red p, .grid-overlay-black p {
  color: #fff; }

.grid-container:hover .grid-overlay-red, .grid-container:hover .grid-overlay-black {
  opacity: 1; }

.box-content-left {
  padding: 1.6rem;
  text-align: left; }

.box-content-centre {
  padding: 1.6rem;
  text-align: center; }

.grid-xs-block {
  padding: 1.6rem; }

.grid-xs-block:hover {
  background: #ed1d24; }

.grid-person {
  padding: 0.6rem; }
  @media screen and (min-width: 768px) {
    .grid-person {
      padding: 0.8rem; } }
  @media screen and (min-width: 992px) {
    .grid-person {
      padding: 1.2rem; } }

/* Info Block */
.info-block {
  color: #a4a3a3 !important;
  background-color: #f3f3f3;
  padding: 2rem 2rem 2rem;
  margin-bottom: 2rem; }

.info-block-blue {
  background-color: #939ab3;
  padding: 2rem 2rem 1rem; }

.info-block-blue .info-block-details, .info-block-blue h3 {
  color: #fff !important; }

.date-block {
  background-color: #000;
  padding: 2rem; }

.info-block-details {
  font-size: 0.8em;
  font-style: italic;
  color: #999 !important;
  line-height: 1.2;
  padding-bottom: 2rem; }

.top120minus {
  margin-top: -10rem; }

.pad0 {
  padding: 0 !important; }

.pad10 {
  padding: 10px !important; }

.pad40 {
  padding: 40px !important; }

.pad60 {
  padding: 60px !important; }

.top0 {
  margin-top: 0 !important; }

.top0pad {
  padding-top: 0px !important; }

.top5 {
  margin-top: 5px !important; }

.top5pad {
  padding-top: 5px !important; }

.top10 {
  margin-top: 10px !important; }

.top10pad {
  padding-top: 10px !important; }

.top20 {
  margin-top: 20px !important; }

.top20pad {
  padding-top: 20px !important; }

.top30 {
  margin-top: 30px !important; }

.top30pad {
  padding-top: 30px !important; }

.top40 {
  margin-top: 40px !important; }

.top40pad {
  padding-top: 40px !important; }

.top60 {
  margin-top: 60px !important; }

.top60pad {
  padding-top: 60px !important; }

.bottom0 {
  margin-bottom: 0px !important; }

.bottom2 {
  margin-bottom: 2px !important; }

.bottom4 {
  margin-bottom: 4px !important; }

.bottom5 {
  margin-bottom: 5px !important; }

.bottom5pad {
  padding-bottom: 5px !important; }

.bottom10 {
  margin-bottom: 10px !important; }

.bottom10pad {
  padding-bottom: 10px !important; }

.bottom20 {
  margin-bottom: 20px !important; }

.bottom20pad {
  padding-bottom: 20px !important; }

.bottom30 {
  margin-bottom: 30px !important; }

.bottom30pad {
  padding-bottom: 30px !important; }

.bottom40 {
  margin-bottom: 40px !important; }

.bottom40pad {
  padding-bottom: 40px !important; }

.bottom60 {
  margin-bottom: 60px !important; }

.bottom60pad {
  padding-bottom: 60px !important; }

.bottom80 {
  margin-bottom: 4.5rem !important; }

.bottom100 {
  margin-bottom: 5.6rem !important; }

.bottom100pad {
  padding-bottom: 100px !important; }

.bottom180 {
  margin-bottom: 9vw !important; }

.bottom180pad {
  padding-bottom: 9vw !important;
  margin-bottom: 0 !important; }

.max100 {
  max-width: 100%; }

.bottom2-5 {
  margin-bottom: 2.5rem !important; }

.bottom3-5 {
  margin-bottom: 3.5rem !important; }

/* Fonts */
h1, h2, h3, .event-title {
  font-family: "Roboto", sans-serif !important;
  font-weight: 700 !important; }

h1 {
  color: #111 !important;
  font-size: 2em !important;
  font-weight: 700 !important;
  letter-spacing: 0.02em !important;
  line-height: 1.1;
  padding-top: 1rem; }
  @media screen and (min-width: 768px) {
    h1 {
      font-size: 2.8em !important;
      padding-top: 1.5rem; } }
  @media screen and (min-width: 992px) {
    h1 {
      font-size: 3.4em !important;
      padding-top: 2rem; } }

.h1-top {
  margin-top: 0;
  padding-top: 0; }

.h1-home-event {
  color: #111 !important;
  padding-bottom: 3rem; }

.h1-artist {
  color: #111;
  font-size: 2em;
  letter-spacing: 0em;
  margin-top: 0.8rem;
  padding: 0; }

@media screen and (min-width: 768px) {
  .h1-artist {
    font-size: 2.6em; } }
@media screen and (min-width: 992px) {
  .h1-artist {
    font-size: 3.2em; } }
.h1-event {
  font-size: 2em;
  letter-spacing: 0.04em;
  margin-top: 0;
  padding: 0 0 0.8em;
  text-align: left; }

.h1-news {
  font-size: 2.2em;
  letter-spacing: 0em;
  padding: 0 0 1.2rem; }
  @media screen and (min-width: 768px) {
    .h1-news {
      font-size: 2.6em; } }
  @media screen and (min-width: 992px) {
    .h1-news {
      font-size: 3em; } }

.event-title {
  color: #111;
  font-size: 4em;
  letter-spacing: 0em;
  padding-top: 2rem;
  text-align: center; }

.h1-page {
  padding: 1.4rem 0 12rem; }

h2 {
  color: #111;
  font-size: 1.8em;
  letter-spacing: 0.04em;
  padding-top: 40px;
  color: #fff; }

h3, h3 a {
  color: #666;
  font-size: 1.1em;
  font-weight: 700;
  letter-spacing: 0;
  margin-top: 0;
  padding-top: 0; }

h4, h4 a {
  font-family: "Lora", serif;
  color: #a4a3a3;
  font-size: 1em;
  letter-spacing: 0;
  margin-top: 0;
  padding-top: 0; }

.subtitle {
  color: #a4a3a3;
  font-family: "Roboto", sans-serif;
  font-weight: 500;
  font-size: 1.2em;
  padding-bottom: 1rem; }
  @media screen and (min-width: 768px) {
    .subtitle {
      font-size: 1.6em; } }
  @media screen and (min-width: 992px) {
    .subtitle {
      font-size: 1.8em; } }

.arrow {
  color: #fff;
  font-size: 2em;
  padding: 0rem 0 12rem;
  text-align: center; }

.section-title {
  color: #111;
  text-align: center;
  font-size: 1.4em;
  padding: 2rem 0 1rem; }
  @media screen and (min-width: 768px) {
    .section-title {
      font-size: 1.8em;
      padding: 3rem 0 1.5rem; } }
  @media screen and (min-width: 992px) {
    .section-title {
      font-size: 2.2em;
      padding: 4rem 0 2rem; } }

.section-title a {
  color: #111;
  text-decoration: none; }

.image100 img {
  width: 100%; }

.publication-cover {
  border: 1px solid #a4a3a3; }

/* Banner */
.banner-container {
  background-color: #f3f3f3;
  height: 400px;
    /* position: relative;
    background-size: cover;
	background-position: center 0px;
    height: 700px; */ }
  @media (min-width: 992px) {
    .banner-container {
      height: 500px; } }
  @media (min-width: 1200px) {
    .banner-container {
      height: 700px; } }

.banner-container img, .banner-page-container img {
  width: 100% !important;
  text-align: center; }

.banner-page-container {
  background-color: #f3f3f3;
  position: relative;
  background-size: cover;
  background-position: center 0px;
  height: 260px; }
  @media (min-width: 768px) {
    .banner-page-container {
      height: 300px; } }
  @media (min-width: 992px) {
    .banner-page-container {
      height: 320px; } }
  @media (min-width: 1200px) {
    .banner-page-container {
      height: 400px; } }

.banner-thin-container {
  position: relative;
  background-color: #f3f3f3;
  background-size: cover;
  background-position: center 0px;
  height: 160px; }

/*
.fluid-ratio-resize { 
	max-width: 1600px;
	height: 600px;
	background-size: cover;
	background-position: center 0px;
}

.fluid-ratio-resize:after {
	content: " ";
	display: block; 
	width: 100%; 
	padding-top: 20%;
	height: 280px;
} */
.banner-block {
  display: inline-block;
  position: absolute;
  width: 90%;
  top: 70%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  text-align: center; }

.banner-title {
  font-family: "Roboto", sans-serif;
  font-weight: 700;
  font-size: 1.8em;
  color: #fff;
  line-height: 1.1;
  margin: 0 !important;
  padding-bottom: 0;
  text-transform: uppercase; }
  @media (min-width: 768px) {
    .banner-title {
      font-size: 2.4em; } }
  @media (min-width: 992px) {
    .banner-title {
      font-size: 3.2em; } }

.banner-subtitle {
  font-family: "Roboto", sans-serif;
  font-weight: 700;
  font-size: 1.2em;
  color: #fff;
  line-height: 1.1;
  margin: 0 !important;
  text-transform: uppercase;
  padding-bottom: 0.6rem; }
  @media (min-width: 768px) {
    .banner-subtitle {
      font-size: 1.6em;
      padding-bottom: 0.8rem; } }
  @media (min-width: 992px) {
    .banner-subtitle {
      font-size: 2em;
      padding-bottom: 1rem; } }

.banner-button .btn, .banner-button .btn a {
  color: #fff !important;
  background-color: #283467 !important;
  font-size: 0.6em;
  text-transform: uppercase;
  border: none !important;
  padding: 0.6em 1.2em !important; }
  @media (min-width: 768px) {
    .banner-button .btn, .banner-button .btn a {
      font-size: 0.8em; } }
  @media (min-width: 992px) {
    .banner-button .btn, .banner-button .btn a {
      font-size: 0.9em; } }

.banner-page-block {
  display: inline-block;
  position: absolute;
  bottom: 10%;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  width: 95%;
  text-align: center; }

.banner-page-title {
  font-size: 1.8em;
  font-weight: 600;
  color: #fff;
  text-transform: uppercase;
  line-height: 1;
  letter-spacing: 0.01em;
  margin: 0 !important;
  padding-bottom: 10px; }
  @media (min-width: 800px) {
    .banner-page-title {
      font-size: 2.4em; } }
  @media (min-width: 1200px) {
    .banner-page-title {
      font-size: 3em; } }

.banner-image {
  display: inline;
  bottom: 0;
  left: 0;
  width: 100%;
  text-align: center;
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.6)); }

.news-list-title, .news-list-title a {
  font-family: "Roboto", sans-serif;
  color: #111;
  font-size: 1.2em;
  font-weight: 700;
  padding: 0 0 10px;
  margin: 0; }

.news-list-date {
  color: #a4a3a3;
  font-size: 0.7em;
  font-style: italic;
  padding: 5px 0 10px; }

/* Contact Form

body .gform_wrapper ul li.gfield {
    margin-top: 30px;
}

.form-control, textarea, select, input[type="color"], input[type="date"], input[type="datetime"], input[type="datetime-local"], input[type="email"], input[type="month"], input[type="number"], input[type="password"], input[type="range"], input[type="search"], input[type="tel"], input[type="text"], input[type="time"], input[type="url"], input[type="week"] {
    background-color: $light-grey;
    border: none;
}
 */
#search-4 {
  float: right;
  padding-right: 120px;
  padding-top: 18px; }
  #search-4 .screen-reader-text {
    display: none; }

#search-4 .search-form .search-field {
  height: 40px; }

#search-4 input.search-submit[type="submit"] {
  font-size: 16px;
  padding: 8px 14px;
  text-transform: uppercase; }

#sfm-sidebar .sfm-search-form {
  background-color: rgba(255, 255, 255, 0.2) !important; }

#sfm-sidebar .sfm-search-form input {
  font-size: 24px !important; }

#sfm-sidebar .sfm-search-form span {
  top: 35px !important;
  font-size: 26px !important; }

/* Pagination */
.pagination-container {
  text-align: center;
  padding: 20px 0 30px;
  font-size: 15px;
  font-weight: 500;
  margin-bottom: 40px; }

/* Display as inline to put all contarols in one line */
.pagination-container ul,
.pagination-container ul * {
  display: inline;
  padding: 0; }

/* Display as inline to put all contarols in one line */
.pagination-container li {
  border: none;
  margin: 0 4px;
  padding: 5px 10px;
  background-color: #e0e0e0;
  color: #a4a3a3; }

.pagination-container a {
  border-bottom: none;
  color: #a4a3a3; }

/* Highlight wpv_page_current to make the current page stand out */
.pagination-container .wpv_page_current {
  background-color: #a4a3a3;
  color: #fff; }

.info-block-filter {
  font-size: 0.8em;
  font-style: italic;
  color: #999 !important;
  line-height: 1.2;
  padding: 20px 0 5px; }

/*

.info-block button, .info-block .btn-primary, button.button[type="submit"]:hover, input.button.alt[type="submit"]:hover, input[type="submit"]:hover, .btn-primary:focus, button.button[type="submit"]:focus, input.button.alt[type="submit"]:focus, input[type="submit"]:focus, .btn-primary.focus, button.focus.button[type="submit"], input.focus.button.alt[type="submit"], input.focus[type="submit"], .btn-primary:active, button.button[type="submit"]:active, input.button.alt[type="submit"]:active, input[type="submit"]:active, .btn-primary.active, button.active.button[type="submit"], input.active.button.alt[type="submit"], input.active[type="submit"], .open > .btn-primary.dropdown-toggle, .open > button.dropdown-toggle.button[type="submit"], .open > input.dropdown-toggle[type="submit"], .gform_wrapper .gform_footer input.button, .gform_wrapper .gform_footer input[type="submit"], .gform_wrapper .gform_page_footer input.button, .gform_wrapper .gform_page_footer input[type="submit"]  {
    background-color: #111 !important;
    border: none !important;
    font-family: $font-sanserif;
    font-size: 16px;
    padding: 10px 15px;
    margin-top: 30px;
}

button.button[type="submit"]:hover, input.button.alt[type="submit"]:hover, input[type="submit"]:hover  {
    background-color: $red !important;
}
*/
.essb_links {
  padding-top: 0rem; }

/* Event Block */
.event-grid-block {
  display: inline-block;
  position: absolute;
  top: 20%;
  width: 100%;
  text-align: center; }

.col-full {
  margin-bottom: -1000px;
  padding-bottom: 1000px; }

.col-wrap {
  overflow: hidden; }

.home-event-grid {
  padding: 1rem; }

.event-date-big {
  font-family: "Roboto", sans-serif;
  font-size: 2.4em;
  font-weight: 700;
  color: #e0e0e0;
  text-transform: uppercase; }
  @media screen and (min-width: 768px) {
    .event-date-big {
      font-size: 3em; } }
  @media screen and (min-width: 992px) {
    .event-date-big {
      font-size: 4em; } }

.event-title {
  font-family: "Roboto", sans-serif;
  font-size: 1em;
  font-weight: 500;
  color: #fff;
  line-height: 1.1;
  padding-top: 1vw; }
  @media screen and (min-width: 768px) {
    .event-title {
      font-size: 1.1em; } }
  @media screen and (min-width: 992px) {
    .event-title {
      font-size: 1.3em; } }

.event-location {
  font-family: "Roboto", sans-serif;
  font-size: 0.7em;
  font-weight: 400;
  padding-top: 1vw;
  color: #e0e0e0; }
  @media screen and (min-width: 768px) {
    .event-location {
      font-size: 0.7em; } }
  @media screen and (min-width: 992px) {
    .event-location {
      font-size: 0.8em; } }

/* Blog Block */
.blog-block {
  min-height: 12rem;
  padding: 1.2rem 1.2rem 1.6rem;
  text-align: center;
  background-color: #f3f3f3; }

.blog-date {
  font-size: 0.7em;
  font-style: italic;
  padding-bottom: 10px; }

.blog-title, .blog-title a {
  font-family: "Roboto", sans-serif;
  font-size: 1.1em;
  font-weight: 700;
  color: #444;
  padding: 0.3rem 0 0.4rem; }

.blog-block button {
  background-color: #111;
  border: none;
  font-family: "Roboto", sans-serif;
  padding: 20px;
  margin-top: 40px; }

#sfm-sidebar .sfm-menu li > a:hover {
  background-color: #ed1d24 !important; }

.sfm-label-square .sfm-navicon-button, .sfm-label-rsquare .sfm-navicon-button, .sfm-label-circle .sfm-navicon-button {
  color: #444; }

.sfm-navicon, .sfm-navicon::after, .sfm-navicon::before, .sfm-label-metro .sfm-navicon-button, #sfm-mob-navbar {
  background-color: none !important; }

.sfm-pos-right #sfm-sidebar.sfm-vertical-nav .sfm-menu li a {
  font-size: 30px !important;
  line-height: 10px !important; }
  @media screen and (min-width: 768px) {
    .sfm-pos-right #sfm-sidebar.sfm-vertical-nav .sfm-menu li a {
      font-size: 40px !important;
      line-height: 20px !important; } }
  @media screen and (min-width: 992px) {
    .sfm-pos-right #sfm-sidebar.sfm-vertical-nav .sfm-menu li a {
      font-size: 60px !important;
      line-height: 30px !important; } }

.sfm-va-middle li a {
  padding: 10px 0; }

/*
:root { font-size: 30px; }
    
@media (min-width: 600px) { :root { font-size: 3em;} }

@media (min-width: 800px) { :root { font-size: 24px;} }




body {
    font-family: $font-serif;
    font-weight: 400;
    line-height: 28px;
}

p {
    font-size: 3em;
    line-height: 1.25;
    padding-bottom: 25px;
}
*/
html, body {
  overflow-x: hidden; }

html {
  font-size: 17px; }

@media screen and (min-width: 768px) {
  html {
    font-size: 1.2em; } }
@media screen and (min-width: 992px) {
  html {
    font-size: 1.3em; } }
@media screen and (min-width: 1200px) {
  html {
    font-size: 1.4em; } }
body {
  position: relative;
  font-size: 1em;
  font-family: "Lora", serif;
  font-weight: 300;
  line-height: 1.2;
  /* overflow-x: hidden !important; */ }

/* 
.container {
        max-width: 100% !important;
        overflow-x: hidden !important;
} 


*/
a:hover, a:focus {
  text-decoration: none !important; }

a[target="_blank"]:not(.notarget)::after {
  display: none; }

p {
  font-size: 0.9em;
  line-height: 1.5;
  padding-bottom: 0.8rem;
  color: #666; }
  p a {
    color: #ed1d24; }

a, .text-primary {
  color: #ed1d24; }

/* Video Block */
.box-1-1 {
  position: relative;
  width: 100%;
  /* desired width */
  background-color: #fff; }

.box-1-1:before {
  content: "";
  display: block;
  padding-top: 100%;
  /* initial ratio of 1:1*/ }

.box-1-3 {
  position: relative;
  width: 334%;
  /* desired width */
  background-color: #111; }

.box-1-3:before {
  content: "";
  display: block;
  padding-top: 100%;
  /* initial ratio of 1:1*/ }

.box-content {
  display: inline;
  position: absolute;
  top: 0;
  left: 0;
  max-width: 100%;
  max-height: 100%; }

/* Other ratios */
.ratio2_1:before {
  padding-top: 50%; }

.ratio1_2:before {
  padding-top: 200%; }

.ratio4_3:before {
  padding-top: 75%; }

.ratio16_9:before {
  padding-top: 56.25%; }

/* News Block */
.news-grid {
  background-color: #fff;
  padding: 1.6rem; }

.news-type {
  font-size: 0.6em;
  font-weight: 500;
  line-height: 1.1;
  color: #ed1d24;
  text-transform: uppercase;
  text-align: left; }

@media screen and (min-width: 992px) {
  .news-type {
    font-size: 0.7em; } }
@media screen and (min-width: 1200px) {
  .news-type {
    font-size: 0.8em; } }
.home-news-title, .home-news-title a {
  color: #111;
  font-family: "Roboto", sans-serif;
  font-size: 0.9em;
  font-weight: 700;
  line-height: 1;
  padding-top: 0.7rem; }

@media screen and (min-width: 768px) {
  .home-news-title {
    font-size: 1em; } }
@media screen and (min-width: 992px) {
  .home-news-title {
    font-size: 1.3em; } }
@media screen and (min-width: 1200px) {
  .home-news-title {
    font-size: 1.4em; } }
.news-title, .news-title a {
  color: #111;
  font-family: "Roboto", sans-serif;
  font-size: 1.1em;
  font-weight: 700;
  line-height: 1;
  padding-top: 0.7rem; }

@media screen and (min-width: 768px) {
  .news-title {
    font-size: 1.1em; } }
@media screen and (min-width: 992px) {
  .news-title {
    font-size: 1.1em; } }
@media screen and (min-width: 1200px) {
  .news-title {
    font-size: 1.2em; } }
.news-date {
  color: #111;
  font-family: "Roboto", sans-serif;
  font-size: 0.6em;
  font-weight: 500;
  padding-top: 0.5rem;
  text-transform: uppercase; }

.news-blog-grid {
  background-color: #fff;
  padding: 1rem 1rem 3rem; }

.news-blog-date {
  font-size: 0.6em;
  font-weight: 500;
  line-height: 1.1;
  color: #ed1d24;
  text-transform: uppercase;
  text-align: left; }

.news-blog-artist {
  color: #111;
  font-family: "Roboto", sans-serif;
  font-size: 0.6em;
  font-weight: 500;
  padding-top: 0.5rem;
  text-transform: uppercase; }

/* Video Block */
.video-play-box {
  position: absolute;
  width: 60px;
  height: 60px;
  background-color: rgba(237, 28, 36, 0.7);
  top: 50%;
  left: 50%;
  -ms-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%); }

.video-play-button {
  position: absolute;
  top: 50%;
  left: 50%;
  -ms-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  color: #fff; }

.video-play-button {
  font-size: 0.8rem; }

/* Colours */
.colour-black {
  color: #111 !important; }

.colour-red {
  color: #ed1d24 !important; }

.colour-white {
  color: #fff !important; }

.background-red {
  background-color: #ed1d24; }

.background-black {
  background-color: #222;
  color: #c8c8c8 !important; }

.background-white {
  background-color: #fff;
  color: #111; }

.background-xlight {
  background-color: #f3f3f3; }

/*# sourceMappingURL=global.css.map */