/* Bartik Custom Global CSS - WCYPSC */
/* Base font */
HTML BODY {
  font-size: 16px; /* needed for relative font size compatibility in Chrome */
}

/* CYPSC Content Background Colors for views-generated displays */
#page .bg- {
  background-color: #04ACDB;
} /* Default */
#page .bg-yellow {
  background-color: #ffd12c;
}

#page .bg-green {
  background-color: #05ac5f;
}

#page .bg-cyan {
  background-color: #04ACDB;
}

#page .bg-blue {
  background-color: #4272D8;
}

#page .bg-powder-blue {
  background-color: #2688B0;
}

#page .bg-orange {
  background-color: #F58020;
}

#page .bg-pink {
  background-color: #EC5398;
}

#page .bg-teal {
  background-color: #2688B0;
}

#page .bg-red {
  background-color: #D2232A;
}

#page .bg-dark-grey {
  background-color: #343434;
}

#page .bg-purple {
  background-color: #742469;
}

#page .bg-brown {
  background-color: #7e5818;
}

#page .bg-tan {
  background-color: #c8a66d;
}

/* Readable text color for backgrounds */
/* Dark backgrounds */
#page .bg-, #page .bg- A,
#page .bg-green, #page .bg-green A,
#page .bg-cyan, #page .bg-cyan A,
#page .bg-blue, #page .bg-blue A,
#page .bg-powder-blue, #page .bg-powder-blue A,
#page .bg-teal, #page .bg-teal A,
#page .bg-dark-grey, #page .bg-dark-grey A,
#page .bg-orange, #page .bg-orange A,
#page .bg-pink, #page .bg-pink A,
#page .bg-purple, #page .bg-purple A,
#page .bg-red, #page .bg-red A,
#page .bg-brown, #page .bg-brown A {
  color: white;
} /* Default */
/* Light backgrounds */
#page .bg-yellow, #page DIV.bg-yellow A, #page .programme-info h2.bg-yellow A,
#page .bg-tan, #page .bg-tan A, #page .programme-info h2.bg-tan A {
  color: black;
}

/* Border color (bd) */
#page .bd-yellow {
  border-color: #ffd12c;
}

#page .bd-green {
  border-color: #05ac5f;
}

#page .bd-cyan {
  border-color: #04ACDB;
}

#page .bd-blue {
  border-color: #4272D8;
}

#page .bd-powder-blue {
  border-color: #2688B0;
}

#page .bd-orange {
  border-color: #F58020;
}

#page .bd-pink {
  border-color: #EC5398;
}

#page .bd-teal {
  border-color: #2688B0;
}

#page .bd-red {
  border-color: #D2232A;
}

#page .bd-dark-grey {
  border-color: #343434;
}

#page .bd-purple {
  border-color: #742469;
}

#page .bd-brown {
  border-color: #7e5818;
}

#page .bd-tan {
  border-color: #c8a66d;
}

/* Page */
#page {
  border-radius: 110px 0px 0px 0px;
  -moz-border-radius: 110px 0px 0px 0px;
  -webkit-border-radius: 110px 0px 0px 0px;
  box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.25);
}

@media screen and (max-width: 999px) {
  #page {
    border-radius: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    box-shadow: 0;
  }
}
/* General */
.node__content {
  font-weight: 1em;
}

.content A {
  color: #04acdb;
  border: 0;
}

.content A:hover {
  color: #f58021;
}

.content A:visited {
  color: #4169e1;
}

.content A:not([href]) {
  color: black;
}

P {
  margin: 10px 0;
}

.text-formatted ul, .text-formatted ol {
  margin: 1em 0 1em 2em;
}

#content .field--name-body H2,
#content .field--name-body H3,
#content .field--name-body H4 {
  font-weight: bold;
}

.sticky-info,
.edit-link {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
}

.sticky-info {
  left: auto;
  right: 0;
}

.sticky-info,
.edit-link A,
.edit-link A:visited {
  display: block;
  padding: 0.2em 0.5em;
  background-color: rgba(0, 0, 0, 0.7);
  color: white;
}

.edit-link A:hover {
  color: #f58021;
}

/* Page */
#page {
  font-family: arial, sans-serif;
}

/* Content */
#content {
  font-size: 100%;
  background-color: white;
}

#content .node__content {
  font-size: 115%;
}

/* Lists */
#content .node__content OL,
#content .node__content UL {
  padding-left: 40px;
  list-style-position: inside;
}

#content .node__content OL SPAN,
#content .node__content UL SPAN {
  display: inline-block;
}

/* Tables */
#content TABLE TD,
#content TABLE TR {
  background-color: transparent;
  border-color: #444444;
}

/* System/Admin/Dev */
.management-menu .content UL.menu {
  padding: 0;
  text-align: center;
}

#content .block.development-status {
  background-color: white;
  overflow: hidden;
}

#content .block.development-status .content {
  max-width: 800px;
  margin: 20px auto;
  padding: 10px;
  font-size: 90%;
  background-color: rgba(255, 161, 0, 0.3);
  border: solid 1px #ffb300;
}

#content .block.development-status > H2 {
  display: none;
}

#content .block.development-status P {
  margin: 5px 0;
}

/* EU Cookie Compliance Popup */
#sliding-popup {
  box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.2);
  border-top: solid 0.4em #f58021;
}

#sliding-popup .popup-content {
  text-align: center;
}

#sliding-popup #popup-text,
#sliding-popup #popup-buttons {
  float: none;
  display: inline-block;
  vertical-align: middle;
  margin: 1em 2em;
}

#sliding-popup #popup-buttons BUTTON {
  margin-top: 0;
}

#sliding-popup .eu-cookie-withdraw-tab {
  display: none;
  transform: translate(0%, -100%);
  left: auto;
  right: 0;
  padding-bottom: 0.5em;
}

.page-privacy-policy #sliding-popup .eu-cookie-withdraw-tab {
  display: block;
}

.gdpr-withdraw-consent-block {
  display: block;
  border-radius: 10px;
  overflow: hidden;
  -webkit-box-shadow: 0px 0px 10px 1px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0px 0px 10px 1px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 0px 10px 1px rgba(0, 0, 0, 0.1);
  border-left: solid 10px #f58021;
  padding: 0.5em 0;
}

.gdpr-withdraw-consent-block H2 {
  text-align: center;
  font-weight: normal;
}

.gdpr-withdraw-consent-block .content,
#content .gdpr-withdraw-consent-block .content .field {
  padding: 0;
  margin: 0;
}

.gdpr-withdraw-consent-block H2,
.gdpr-withdraw-consent-block .content {
  margin: 0 1em;
}

A.gdpr-withdraw-consent {
  padding: 0.4em 1em;
  border-radius: 0.5em;
  background-color: #04acdb;
  color: white;
  font-weight: bold;
}

A.gdpr-withdraw-consent:hover {
  color: white;
  text-decoration: underline;
  cursor: pointer;
}

/* Accent overrides */
.accent-color-green {
  border-color: #34b56d !important;
}

.accent-color-red {
  border-color: #ed3c43 !important;
}

.accent-color-cyan {
  border-color: #04acdb !important;
}

.accent-color-orange {
  border-color: #f58021 !important;
}

.accent-color-purple {
  border-color: #742469 !important;
}

.accent-color-magenta {
  border-color: #d650c3 !important;
}

.accent-color-grey {
  border-color: #7d7d7d !important;
}

.accent-color-yellow {
  border-color: #ffd700 !important;
}

.accent-color-tan {
  border-color: #d1b48c !important;
}

.accent-color-teal {
  border-color: #008080 !important;
}

.accent-color-blue {
  border-color: #4169e1 !important;
}

.accent-color-pink {
  border-color: #ff9bca !important;
}

.accent-background-before-green::before,
.accent-background-green {
  background-color: #34b56d;
}

.accent-background-before-red::before,
.accent-background-red {
  background-color: #ed3c43;
}

.accent-background-before-cyan::before,
.accent-background-cyan {
  background-color: #04acdb;
}

.accent-background-before-orange::before,
.accent-background-orange {
  background-color: #f58021;
}

.accent-background-before-purple::before,
.accent-background-purple {
  background-color: #742469;
}

.accent-background-before-magenta::before,
.accent-background-magenta {
  background-color: #d650c3;
}

.accent-background-before-grey::before,
.accent-background-grey {
  background-color: #7d7d7d;
}

.accent-background-before-yellow::before,
.accent-background-yellow {
  background-color: #ffd700;
  color: black;
}

.accent-background-yellow A {
  color: black;
}

.accent-background-before-tan::before,
.accent-background-tan {
  background-color: #d1b48c;
}

.accent-background-before-teal::before,
.accent-background-teal {
  background-color: #008080;
}

.accent-background-before-blue::before,
.accent-background-blue {
  background-color: #4169e1;
}

.accent-background-before-pink::before,
.accent-background-pink {
  background-color: #ff9bca;
}

/* Dev Environment Indicator */
BODY.environment-dev::after {
  content: "Development Site";
  font-family: Arial, sans-serif;
  font-size: 0.8em;
  color: white;
  position: fixed;
  bottom: 15%;
  left: -4em;
  transform: rotate(90deg);
  background-color: green;
  padding: 0.2em 0.8em;
  transform-origin: center;
  display: block;
}/*# sourceMappingURL=style.css.map */