@import url(semantic.css);
@import url("https://fonts.googleapis.com/css?family=Rubik:300,400,400i,500,700");
/* sass variable declarations */
/* end of sass variable declarations */
body {
  font-family: "OpenSans", "Helvetica Neue", Arial, Helvetica, sans-serif;
  background: #EE4F30; }

h1, h2, h3, h4, h5 {
  font-family: "OpenSans", "Helvetica Neue", Arial, Helvetica, sans-serif;
  font-weight: 500; }

h5.sub {
  font-size: 1.2em;
  font-weight: 500; }

h5.publisher {
  margin-top: -0.8em;
  font-style: italic; }

.blockquote {
  font-size: 1.2em;
  line-height: 1.4em;
  font-style: italic; }

.quoted {
  font-size: 1.2em;
  line-height: 2em;
  font-weight: 500; }

.ui.image.logo a.item {
  padding-left: 0px; }

.ui.link.menu .item:hover, .ui.menu a:hover, .ui.menu .dropdown.item:hover, .ui.menu .link.item:hover, .ui.menu a.item:hover, .ui.menu dropdown.item:active {
  cursor: pointer;
  background-color: #fff;
  color: #227895; }

.ui.card a {
  color: #251714;
  font-family: "OpenSans", "Helvetica Neue", Arial, Helvetica, sans-serif; }

.ui.menu a {
  color: #251714;
  font-family: "OpenSans", "Helvetica Neue", Arial, Helvetica, sans-serif;
  font-weight: 500; }

.ui.menu.fixed {
  padding: 1.2em;
  opacity: 0.88; }

.ui.card a:hover {
  color: #EE4F30; }

.ui.text.container {
  font-family: "OpenSans", "Helvetica Neue", Arial, Helvetica, sans-serif;
  font-size: inherit; }

.main.container {
  margin-top: 10em;
  margin-bottom: 2em; }

.ui.fluid.card {
  border-radius: 0;
  box-shadow: none; }

.ui.card {
  border-radius: 0;
  box-shadow: none; }

.ui.card .tags, .tags {
  color: #747474; }

.speaker.content .header {
  font-weight: 500;
  font-size: 1.28571429em;
  line-height: 1.28571429em;
  margin-top: 0.5em; }

.speakerlinks {
  font-size: 1em;
  font-style: italic;
  padding-right: 0.6em;
  padding-bottom: 1em; }

.speakerlinkicons {
  padding-top: 0.6em;
  margin-left: -0.4em; }

a.slTwitter {
  background: transparent url("../images/iconTwitterBCorange.svg") center top no-repeat; }

a.slTwitter:hover {
  background-image: url("../images/iconTwitterBCpetrol.svg"); }

a.slFacebook {
  background: transparent url("../images/iconFacebookBCorange.svg") center top no-repeat; }

a.slFacebook:hover {
  background-image: url("../images/iconFacebookBCpetrol.svg"); }

a.slInstagram {
  background: transparent url("../images/iconInstagramBCorange.svg") center top no-repeat; }

a.slInstagram:hover {
  background-image: url("../images/iconInstagramBCpetrol.svg"); }

a.slSoundcloud {
  background: transparent url("../images/iconSoundcloudBCorange.svg") center top no-repeat; }

a.slSoundcloud:hover {
  background-image: url("../images/iconSoundcloudBCpetrol.svg"); }

a.weblink {
  background: transparent url("../images/iconWeblinkBCorange.svg") center top no-repeat;
  vertical-align: text-bottom; }

a.weblink:hover {
  background-image: url("../images/iconWeblinkBCpetrol.svg");
  vertical-align: text-bottom; }

.ui.card > .image:not(.ui) > img {
  border-radius: 0; }

.ui.card > .content > .header:not(.ui) {
  font-weight: 500;
  font-family: "OpenSans", "Helvetica Neue", Arial, Helvetica, sans-serif;
  color: #251714; }

.ui.card > .content > .authorEditor:not(.ui) {
  font-family: "OpenSans", "Helvetica Neue", Arial, Helvetica, sans-serif;
  font-size: 1em;
  color: #251714;
  padding-top: 0.5em; }

.ui.card > .content > .publisher:not(.ui) {
  font-weight: 250;
  font-family: "OpenSans", "Helvetica Neue", Arial, Helvetica, sans-serif;
  font-size: 0.9em;
  font-style: italic;
  color: #251714; }

.carouselContent > .header {
  font-family: "OpenSans", "Helvetica Neue", Arial, Helvetica, sans-serif;
  font-size: 1em;
  color: #251714;
  padding-top: 0.5em;
  background-color: white;
  padding-left: 0.8em;
  font-weight: 500;
  font-size: 1.28571429em; }

.carouselContent > .tags {
  font-family: "OpenSans", "Helvetica Neue", Arial, Helvetica, sans-serif;
  padding-top: 0.2em;
  background-color: white;
  padding-left: 1em; }

.ui.footer {
  padding-bottom: 2em; }

.footer .social {
  padding-right: 0.6em; }

.meta {
  margin-top: 0.5em;
  padding-bottom: 0.5em; }

.ui.inverted.button {
  box-shadow: 0px 0px 0px 2px #227895 inset !important;
  background: transparent none;
  color: #251714;
  text-shadow: none !important; }

.ui.inverted.button:hover {
  background: #227895;
  box-shadow: 0px 0px 0px 2px #251714 inset !important;
  color: #fff; }

blockquote {
  border-left: 0.5em solid #efefef;
  padding-left: 0.5em;
  margin-left: 0em; }

.ui.vertical.footer.segment {
  background-color: #251714;
  padding: 5em 0; }

.ui.copyright.segment {
  background-color: #251714;
  color: #fff;
  font-weight: 200;
  padding: 0 0 6em 0; }

.fp-carousel #indexSplash .ui.text.container h1 {
  margin-top: 4em;
  font-family: "OpenSans", "Helvetica Neue", Arial, Helvetica, sans-serif;
  font-weight: 500; }

.ui.items > .item > .colophon.content {
  color: #fff;
  margin-top: 6em; }

#footerImg .ui.image {
  padding-top: 4em; }

.ui.menu .active.item {
  font-weight: 500; }

.ui.inverted.menu {
  border-radius: 0; }

.fp-carousel {
  margin: 0; }

.fp-carousel .carousel-cell {
  width: 100%;
  height: 800px;
  margin-right: 200px; }

.fp-carousel .flickity-page-dots .dot {
  width: 12px;
  height: 12px;
  opacity: 1;
  background: transparent;
  border: 2px solid white; }

.sponsor-carousel, .speaker-carousel {
  margin-bottom: 70px; }

.speaker-carousel .carousel-cell {
  margin: 0 1.5em;
  height: 350px;
  width: 25%; }

.sponsor-carousel .carousel-cell {
  margin: 0 1.5em;
  height: 150px; }

.speaker-carousel .flickity-page-dots .dot, .sponsor-carousel .flickity-page-dots .dot {
  width: 14px;
  height: 4px;
  border-radius: 0;
  border: 2px solid #EE4F30;
  margin: -20px 0; }

.masonry.grid {
  display: block; }

.ui.button {
  font-weight: 500; }

.ui.primary.button {
  background-color: #EE4F30; }

.ui.primary.button:hover {
  background-color: #227895; }

/* MQL 2018-10-16 override primary buttons turning s/0d71bb/4D2774/ */
.ui.primary.button:focus {
  background-color: #EE4F30; }

/* mql end */
.ui.menu {
  font-family: "OpenSans", "Helvetica Neue", Arial, Helvetica, sans-serif;
  font-weight: 500; }

.ui.menu .item {
  font-weight: 500; }

.ui.menu .dropdown.item .menu {
  margin: 2.6em 0px 0px;
  opacity: 1;
  z-index: 23; }

.ui.menu .dropdown.item.active.visible {
  background: none; }

.ui.attached.segment {
  color: rgba(0, 0, 0, 0.87); }

.ui.header {
  font-family: "OpenSans", "Helvetica Neue", Arial, Helvetica, sans-serif;
  font-weight: 500; }

.ui.header:first-child {
  margin: 2em 0; }

.hidden.menu {
  display: none; }

.ui.grid {
  padding-top: 0 !important; }

.pushable.segment {
  margin: 0 !important; }

.ui.segment {
  margin: 0;
  border-radius: 0;
  box-shadow: none;
  border: none; }

.ui.vertical.masthead.segment {
  padding: 0;
  background-attachment: fixed; }

.ui.vertical.stripe {
  padding: 4em 0em; }

.masthead.segment {
  min-height: 700px;
  padding: 1em 0em; }

.masthead .logo.item img {
  margin-right: 1em; }

.masthead .ui.menu .ui.button {
  margin-left: 0.5em; }

.masthead h1.ui.header {
  padding-top: 4em;
  margin-bottom: 0em;
  font-size: 3.6em;
  font-weight: 500; }

.masthead h2 {
  font-size: 1.7em;
  font-weight: 400;
  color: #fff; }

.masthead .ui.primary.button {
  margin-top: 1em; }

#tabset .ui.segment, #programme .ui.segment {
  background: none transparent; }

#tabset .ui.four.item.stackable.tabs.menu, #tabset .ui.five.item.stackable.tabs.menu, #tabset .ui.two.item.stackable.tabs.menu, #tabset .ui.six.item.stackable.tabs.menu, #tabset .ui.seven.item.stackable.tabs.menu, #tabset .ui.three.item.stackable.tabs.menu {
  margin-bottom: 2em; }

#tabset .ui.four.item.stackable.tabs.menu a, #tabset .ui.five.item.stackable.tabs.menu a, #tabset .ui.two.item.stackable.tabs.menu a, #tabset .ui.six.item.stackable.tabs.menu a, #tabset .ui.seven.item.stackable.tabs.menu a, #tabset .ui.three.item.stackable.tabs.menu a {
  background-color: #E3E3E3; }

#tabset .ui.four.item.stackable.tabs.menu a:hover, #tabset .ui.five.item.stackable.tabs.menu a:hover, #tabset .ui.two.item.stackable.tabs.menu a:hover, #tabset .ui.six.item.stackable.tabs.menu a:hover, #tabset .ui.seven.item.stackable.tabs.menu a:hover, #tabset .ui.three.item.stackable.tabs.menu a:hover {
  background-color: #227895;
  color: #ffffff; }

#tabset .ui.four.item.stackable.tabs.menu .active.item, #tabset .ui.five.item.stackable.tabs.menu .active.item, #tabset .ui.two.item.stackable.tabs.menu .active.item, #tabset .ui.six.item.stackable.tabs.menu .active.item, #tabset .ui.seven.item.stackable.tabs.menu .active.item, #tabset .ui.three.item.stackable.tabs.menu .active.item {
  background-color: #EE4F30;
  color: #ffffff; }

#tabset .two.column.centered.grid {
  padding-bottom: 4em; }

/* mql anchor spacer for divider headers */
#notices, #indexSplash, #latestnews, #volunteer, #videos, #team, #directions, #general, #presentation, #performance, #art, #research, #studentessay, #press, #sponsorPartner, #awards, #partners, #books, #position, #entlineup, #alexdowneyfriday, #paddysteer, #zumapuma, #davidbramwell, #bethanlloyd, #lukebrownfri, #divineridiculousfri, #dejavu, #ericmaddern, #lukebrownsat, #divineridiculoussat, #johncrow, #lukebrownsun, #divineridiculoussun {
  display: block;
  position: relative;
  top: -6em; }

/* mql anchor spacer for entertainer entries */
#alexdowneyfriday, #paddysteer, #sculpture, #hortonjupiter, #alunagaia, #clandestina, #henge, #kermitatss, #alexdowneysunday, #tau, #djfood, #darrenandmatt {
  display: block;
  position: relative;
  top: -9em; }

#locationLogo {
  margin-top: 3em; }

#entlink, #l-alexdowneyfriday, #l-paddysteer, #l-sculpture, #l-hortonjupiter, #l-alunagaia, #l-clandestina, #l-henge, #l-kermitatss, #l-alexdowneysunday, #l-tau, #l-djfood, #l-darrenandmatt, #l-zumapuma, #l-davidbramwell, #l-ericmaddern, #l-dejavu, #l-bethanlloyd, #l-lukebrownfri, #l-lukebrownsat, #l-lukebrownsun, #l-divineridiculousfri, #l-divineridiculoussat, #l-divineridiculoussun, #l-johncrow {
  color: #EE4F30; }

#entlink:hover {
  color: #227895; }

.parallax {
  width: 100%;
  height: 100%;
  position: relative;
  overflow: hidden; }

.ui.vertical.location.segment {
  min-height: 410px; }

.img-parallax {
  width: 120vmax;
  z-index: -1;
  position: absolute;
  top: 0;
  left: 50%;
  transform: translate(-50%, 0);
  pointer-events: none; }

.ui.pagetitle.segment {
  background: #E3E3E3; }

.ui.pagetitle.segment h2 {
  font-weight: 400;
  text-transform: uppercase;
  color: #EE4F30;
  font-size: 1.4em; }

.ui.gradientbackground.segment {
  background: #EB7761;
  background: -moz-linear-gradient(-45deg, #CC4A31 0%, #CC4A31 30%, #FFE102 100%);
  background: -webkit-linear-gradient(-45deg, #CC4A31 0%, #CC4A31 30%, #FFE102 100%);
  background: linear-gradient(135deg, #CC4A31 0%, #CC4A31 30%, #FFE102 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$bcOrangeDark', endColorstr='$bcLightGrey',GradientType=1 );
  box-shadow: none;
  border-radius: 0;
  margin-bottom: 0;
  color: #fff;
  padding-top: 12em; }

.ui.gradientslimbackground.segment {
  background: #EB7761;
  background: -moz-linear-gradient(-45deg, #CC4A31 0%, #CC4A31 30%, #FFE102 100%);
  background: -webkit-linear-gradient(-45deg, #CC4A31 0%, #CC4A31 30%, #FFE102 100%);
  background: linear-gradient(135deg, #CC4A31 0%, #CC4A31 30%, #FFE102 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$bcOrangeDark', endColorstr='$bcLightGrey',GradientType=1 );
  box-shadow: none;
  border-radius: 0;
  margin-bottom: 0;
  color: #fff; }

.ui.gradientslimbackground h3.header {
  color: #E3E3E3;
  font-weight: 300;
  border: none;
  font-size: 1.8em;
  text-transform: uppercase; }

.ui.gradientbackground h3.header {
  color: #E3E3E3;
  font-weight: 300;
  border: none;
  font-size: 1.8em;
  text-transform: uppercase; }

.ui.gradientbackground p.intro {
  font-size: 1.2em;
  padding-bottom: 2em; }

.ui.gradientbackground h4 {
  color: #fff; }

.ui.gradientbackground h4.ui.horizontal.header.divider {
  padding-top: 2em;
  padding-bottom: 2em; }

.responsive {
  width: 100%;
  height: auto; }

.area {
  background-color: rgba(255, 255, 255, 0.9); }

.ui.table.oneTrack {
  background-color: rgba(255, 255, 255, 0.57);
  border: none;
  margin: 0 auto; }

.ui.table.oneTrack thead {
  text-align: center; }

.ui.table.oneTrack tbody > tr > td.centre {
  text-align: center; }

.ui.table.oneTrackMob {
  background-color: rgba(255, 255, 255, 0.57);
  border: none; }

.ui.table.oneTrackMob thead {
  text-align: center; }

.ui.table.oneTrackMob tbody > tr > td.centre {
  text-align: center; }

td.oneTab {
  vertical-align: top; }

#oneTabTitle {
  color: black;
  font-size: 1.3em; }

#oneTabDesc {
  font-size: 1em; }

ul {
  line-height: 1.33em;
  list-style-type: none;
  margin: 0;
  padding: 0; }

.ui.table {
  background-color: rgba(255, 255, 255, 0.57);
  border: none; }

.ui.table thead th.left.aligned {
  width: 80px; }

tr.break {
  background-color: rgba(255, 255, 255, 0.3); }

#break {
  background-color: rgba(255, 255, 255, 0.3); }

.ui.body.list, .ui.bulleted.list, .ui.attached.tabular.menu {
  font-size: 1.33em; }

a, .ui.list a.item {
  color: #EE4F30; }

a:hover, .ui.list a.item:hover {
  color: #227895; }

.ui.bottom.attached.tab.segment.active {
  padding: 2em; }

#map, #map1, #map2, #map3, #map4 {
  height: 400px;
  width: 100%; }

.g-recaptcha {
  padding-bottom: 1em; }

.ui.text.menu {
  font-size: 1.33em;
  margin-top: 0; }

.ui.text.container {
  max-width: 975px !important; }

.ui.vertical.stripe .button {
  padding-left: 2.9em;
  padding-right: 2.9em; }

.ui.vertical.stripe h3 {
  font-size: 2em;
  text-transform: uppercase;
  margin: 1em 0; }

.ui.vertical.stripe h4 {
  font-size: 1.54em; }

.ui.vertical.stripe p {
  font-size: 1.33em; }

.ui.card > .content p {
  font-size: inherit; }

.ui.vertical.stripe .button + h3,
.ui.vertical.stripe p + h3 {
  margin-top: 3em; }

.ui.vertical.stripe .floated.image {
  clear: both; }

.ui.container.books p {
  font-size: 1.33em; }

.ui.container.books a {
  color: #fff; }

.colorfill.stripe.segment {
  background-color: #E3E3E3; }

.alternate.stripe.segment {
  background-color: #F3F3F3; }

.location {
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  padding: 0;
  min-height: 410px; }

.quote.stripe.segment {
  padding: 0em; }

.quote.stripe.segment .grid .column {
  padding-top: 5em;
  padding-bottom: 5em; }

.transparent.menu {
  border-radius: 0; }

.ui.sidebar.menu {
  border-radius: 0; }

.ui.vertical.inverted.sidebar.borderless.menu.left {
  background: #CC4A31; }

.sidebar .container .ui.selection.dropdown, .sidebar .container .ui.selection.dropdown a, .sidebar .container .ui.selection.dropdown i {
  color: #fff;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
  border-color: rgba(34, 36, 38, 0.15); }

.sidebar .container .ui.selection.active.dropdown:hover, .sidebar .container .ui.selection.active.dropdown:active, .sidebar .container .ui.selection.active.dropdown:visited, .sidebar .container .ui.selection.active.dropdown:focus {
  border-color: #1b1c1d;
  border-radius: 0;
  box-shadow: none; }

.sidebar .container .ui.selection.active.dropdown:hover .menu {
  border-color: #1b1c1d;
  border-radius: 0;
  box-shadow: none; }

.sidebar .container .ui.selection.active.dropdown, .sidebar .container .ui.selection.active.dropdown .menu {
  border-color: #1b1c1d;
  border-radius: 0;
  box-shadow: none; }

.tablet.mobile .menu {
  border-radius: 0;
  border-color: #fff; }

.ui.blue.label {
  background-color: #227895 !important;
  border-color: #227895 !important; }

a.ui.blue.label:hover {
  background-color: #EE4F30 !important;
  border-color: #EE4F30 !important; }

.mobileTitle {
  position: absolute;
  left: 50%;
  margin-top: -0.4em;
  margin-right: -50%;
  padding: 0;
  transform: translate(-50%); }

#grad-border {
  --borderWidth: 2px;
  background: #1D1F20;
  position: relative;
  border-radius: var(--borderWidth);
  position: relative;
  background: linear-gradient(30deg, #f79533, #EE4F30, #FFE102, #a166ab, #5073b8, #1098ad, #07b39b, #6fba82);
  border-radius: calc(2 * var(--borderWidth));
  z-index: 1;
  animation: animatedgradient 3s ease alternate infinite;
  background-size: 300% 300%; }

@keyframes animatedgradient {
  0% {
    background-position: 0% 50%; }
  50% {
    background-position: 100% 50%; }
  100% {
    background-position: 0% 50%; } }

@media only screen and (max-width: 1080px) {
  .fp-carousel .carousel-cell {
    margin-right: 1000px; } }

@media only screen and (min-width: 992px) {
  .masonry.grid {
    -webkit-column-count: 3;
    -moz-column-count: 3;
    column-count: 3; }
  .index-show-mobile {
    display: none; }
  .index-show-desktop {
    display: block; } }

@media only screen and (max-width: 991px) {
  .masthead h1.ui.header {
    padding-top: 2em;
    margin-bottom: 0em; }
  .ui.vertical.location.segment {
    min-height: 205px; }
  .masthead .ui.menu .ui.button {
    display: none; }
  .transparent.menu .toc.item {
    display: block; }
  .masthead.segment {
    min-height: 350px; }
  .masthead h1.ui.header {
    font-size: 2em; }
  .masthead h2 {
    margin-top: 0.5em;
    font-size: 1.5em; }
  .ui.gradientbackground.segment {
    padding-top: 2em; }
  #indexSplash .ui.text.container h1 {
    padding-top: 8em;
    font-family: "OpenSans", "Helvetica Neue", Arial, Helvetica, sans-serif;
    font-weight: 500;
    font-size: 2em; }
  .four.wide.column {
    max-width: 254px; }
  #speakerHeader .ui.gradientbackground.vertical.stripe.segment {
    padding-top: 3em; }
  .index-show-mobile {
    display: block; }
  .index-show-desktop {
    display: none; } }

@media only screen and (min-width: 768px) {
  .masonry.grid {
    -webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 2;
    -webkit-column-gap: 0;
    -moz-column-gap: 0;
    column-gap: 0; }
  .ui.doubling.masonry.grid[class*="three column"] > .column {
    width: 100% !important; }
  .programme-show-mobile {
    display: none; }
  .programme-hide-mobile {
    display: block; } }

@media only screen and (max-width: 767px) {
  .ui.stackable.inverted.divided.equal.grid.height .four.wide.column {
    max-width: 190px;
    padding-left: 10em; }
  .ui.selection.dropdown .menu {
    max-height: 21rem !important; }
  .programme-show-mobile {
    display: block; }
  .programme-hide-mobile {
    display: none; }
  .masthead .ui.primary.button {
    padding-bottom: 1em;
    margin: 0.5em; }
  .ui.table:not(.unstackable) td:first-child {
    font-weight: normal; } }

@media only screen and (max-width: 414px) {
  .ui.items > .item > .colophon.content {
    margin-top: 2em; }
  #footerImg .ui.image {
    padding-top: 3em; }
  .four.wide.column {
    max-width: 100%; } }

@media only screen and (max-width: 375px) {
  .fp-carousel {
    margin-top: -11em; }
  .masthead h1.ui.header {
    padding-top: 1em;
    margin-bottom: 0em; }
  .sponsor-carousel .carousel-cell {
    width: 100%; } }

@supports (-webkit-touch-callout: none) {
  .fp-carousel {
    margin-top: -11em; }
  .fp-carousel .carousel-cell {
    margin-bottom: -15em; } }