/*
Theme Name: PCCC
Theme URI: http://pccc.local:8888
Description: HTML5/CSS3 bootstrap responsive theme for HEIW
Version: 1.0
Author: Gareth J Peters
Contributor: Shane Wilson
*/
html,
body {
  height: 100%;
}
body {
  background: white;
  color: #111;
}
.heiw-gradient {
  background-image: -webkit-gradient(linear, left top, right top, from(#325083), color-stop(40em, #2d7ea5));
  background-image: linear-gradient(to right, #325083, #2d7ea5 40em);
}
header .navbar-small {
  border-bottom: 1px solid #d3d3d2;
  margin-bottom: 2rem;
}
header .navbar-small .navbar-nav {
  font-size: 0.9rem;
}
header .navbar-small .navbar-nav .nav-link {
  padding: 0.25rem 0.55rem;
}
.language-switcher {
  margin-right: 2rem;
  padding-left: 0px;
}
.language-switcher ul {
  margin-bottom: 0px;
}
.language-switcher ul li {
  padding: 4px 10px;
  background: #fff;
  border-radius: 50px;
  opacity: 0.8;
}
.language-switcher ul li.current {
  background: #ac1557;
  opacity: 1;
}
.language-switcher ul li.current a {
  color: #fff !important;
}
.language-switcher img {
  width: 20px;
  height: auto;
  margin-right: 7px;
}
header a {
  color: #595959 !important;
}
.navbar-main ul {
  width: 100%;
  font-size: 1.2rem;
}
.navbar-main ul li.nav-item {
  margin: 0 20px;
}
.masthead {
  background-color: grey;
  background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.6)), to(rgba(0, 0, 0, 0.2))), url('/images/gp2111a.jpg');
  background-image: linear-gradient(0deg, rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.2)), url('/images/gp2111a.jpg');
  background-size: cover;
  background-position: 50% 20%;
}
.masthead .pccc-logo {
  position: absolute;
}
.masthead .pccc-logo img {
  width: 220px;
}
.masthead .image {
  margin: 0;
}
.masthead .image img {
  width: 100%;
  -webkit-box-shadow: 0.05rem 0.2rem 0.6rem rgba(0, 0, 0, 0.35);
          box-shadow: 0.05rem 0.2rem 0.6rem rgba(0, 0, 0, 0.35);
}
.masthead .site-title {
  font-size: 4.2rem;
  text-align: center;
  font-weight: 700;
  color: #fff;
  margin-top: 20px;
  margin-bottom: 40px;
}
.masthead .site-title .tint {
  color: #1B365D;
}
.masthead .page-subtitle {
  font-size: 1.14rem;
  color: #fff;
  text-align: center;
  font-weight: 700;
  text-transform: uppercase;
  margin-bottom: 0.5rem;
}
@media only screen and (min-width: 768px) {
  .masthead .page-subtitle {
    margin-bottom: 0.8rem;
  }
}
.masthead .page-subtitle p {
  margin-bottom: 0.5rem;
}
.masthead .page-title {
  font-size: 2.5rem;
  font-weight: 400;
  color: #fff;
  text-align: center;
}
@media only screen and (min-width: 768px) {
  .masthead .page-title {
    font-size: 2.8rem;
  }
}
.masthead.home-page {
  padding: 20px 0;
}
@media only screen and (min-width: 768px) {
  .masthead.home-page {
    padding: 60px 0;
  }
}
.masthead.home-page .site-title {
  font-size: 2.2rem;
  margin: 0;
}
@media only screen and (min-width: 768px) {
  .masthead.home-page .site-title {
    font-size: 3.6rem;
  }
}
.masthead.secondary {
  margin-top: -1px;
  background: #d3d3d2;
}
.masthead.secondary h3 {
  font-size: 1.2rem;
  margin-bottom: 0;
}
@media only screen and (min-width: 768px) {
  .masthead.secondary h3 {
    font-size: 1.75rem;
  }
}
.masthead .colour-block {
  margin-top: 15%;
}
.masthead .colour-block h1 {
  color: white;
  padding-top: 15%;
}
.masthead .colour-block p {
  color: white;
}
.masthead .colour-block-contact {
  margin-top: 15%;
  width: 100%;
  height: 100%;
}
.masthead .colour-block-contact h1 {
  color: white;
  padding-top: 15%;
}
.masthead .colour-block-contact p {
  color: white;
}
.video {
  padding-right: 0;
  padding-left: 0;
}
.top-content-model {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 1rem;
}
@media only screen and (min-width: 1200px) {
  .top-content-model {
    margin-top: 0;
  }
}
@media only screen and (min-width: 1200px) {
  .right-block {
    margin-left: 3rem;
  }
}
.top-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.colour-block-mid {
  background-color: #64a599;
  width: 100%;
}
.colour-block-mid .profile-image {
  padding: 25px;
}
.colour-block-mid .profile-image img {
  width: 100%;
  height: auto;
}
.bottom-content .job-description,
.about-us-section .job-description,
.slideshow-segment .job-description,
.model-section .job-description {
  padding: 2.5rem 0;
}
.bottom-content .colour-block-bottom,
.about-us-section .colour-block-bottom,
.slideshow-segment .colour-block-bottom,
.model-section .colour-block-bottom {
  height: 100%;
  width: 100%;
  background-color: #64a599;
}
.bottom-content .colour-block-about,
.about-us-section .colour-block-about,
.slideshow-segment .colour-block-about,
.model-section .colour-block-about {
  background-color: #ac1557;
  height: 100%;
  width: 100%;
}
.bottom-content .colour-block-models,
.about-us-section .colour-block-models,
.slideshow-segment .colour-block-models,
.model-section .colour-block-models {
  background-color: #6ea4ca;
  height: 100%;
  width: 100%;
}
.search {
  border-radius: 5rem !important;
}
.locale-menu {
  margin-left: 1rem;
}
@media only screen and (min-width: 1000px) {
  .locale-menu {
    margin-left: 0;
  }
}
footer {
  border-top: 1px solid #d3d3d2;
  padding-top: 40px;
  padding-bottom: 40px;
}
footer a {
  color: darkblue !important;
}
.explore {
  border: none;
  background-color: #ac1557;
  border-radius: 50px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding-left: 1rem;
  padding-right: 1rem;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  -webkit-box-shadow: 2px 5px #888888;
          box-shadow: 2px 5px #888888;
  width: 41%;
}
.explore a {
  color: white;
}
.explore:hover {
  background-color: #891b4b;
  text-decoration-color: #fff;
}
.explore-models {
  border: none;
  background-color: #d48021;
  border-radius: 50px;
  color: white;
  padding-left: 1rem;
  padding-right: 1rem;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  -webkit-box-shadow: 2px 5px #888888;
          box-shadow: 2px 5px #888888;
}
.explore-models:hover {
  background-color: #c0741e;
}
.home-block {
  background-color: #356058;
}
.about-block {
  background-color: rgba(229, 46, 125, 0.9);
}
.models-block {
  background-color: rgba(110, 164, 202, 0.9);
}
.contact-form {
  background-color: #d48021;
  margin: 0 auto;
  padding: 2rem;
}
.contact-form h2 {
  color: white;
  font-weight: lighter;
}
.contact-form label {
  color: white;
  font-weight: bolder;
  padding: 0.5rem;
}
.field {
  border-radius: 50%;
}
textarea.form-control {
  height: auto;
  border-radius: 20px;
}
.form-control {
  border-radius: 12px;
}
.action {
  margin: 2rem;
}
#Form_CaseStudySearchForm .action {
  margin: 1rem 0 0 0;
}
.fieldrow {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
}
.bottom-search {
  background-color: #d48021;
  padding: 3rem;
  margin-bottom: 6rem;
}
.bottom-search p {
  color: #fff;
  text-shadow: 1px 0 0 #000, 0 -1px 0 #000, 0 1px 0 #000, -1px 0 0 #000;
}
.bottom-search input {
  margin-bottom: 1.2rem;
  width: 100% !important;
  -webkit-box-shadow: -1px 5px rgba(0, 0, 0, 0.2);
          box-shadow: -1px 5px rgba(0, 0, 0, 0.2);
}
.bottom-search button {
  background-color: #ac1557;
  color: white;
  border-radius: 50px;
  padding: 0.6rem 1.5rem;
  border: 1px solid rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: -1px 5px rgba(0, 0, 0, 0.2);
          box-shadow: -1px 5px rgba(0, 0, 0, 0.2);
}
#Form_Form {
  width: 100%;
}
.tube-iframe {
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
  overflow: hidden;
  margin-bottom: 0.75rem;
}
.tube-iframe iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.arrow-container {
  position: relative;
}
.model-section {
  position: relative;
}
.model-section .arrow-left {
  position: absolute;
  z-index: 3;
  top: 115px;
  left: -350px;
}
.model-section .arrow-left img {
  height: 300px;
}
.model-section .arrow-right {
  position: absolute;
  z-index: 3;
  top: 250px;
  right: -355px;
}
.model-section .arrow-right img {
  height: 300px;
}
@media only screen and (min-width: 1200px) {
  .image-top {
    margin-top: 3rem;
  }
}
.pccc-logo-top img {
  height: 200px;
  margin-top: 2rem;
}
.moc {
  width: 446px;
  z-index: -1;
  position: absolute;
  height: 500px;
  top: -50%;
  left: 55%;
  background-color: #6ea4ca;
}
.hp-search-box {
  margin-left: auto;
  margin-right: auto;
}
.mobile-pad {
  margin-bottom: 2rem;
}
@media only screen and (min-width: 1200px) {
  .mobile-pad {
    margin-bottom: 0;
  }
}
.about-us {
  background-color: #d48021;
  padding: 3.5rem 2rem;
}
@media only screen and (min-width: 1200px) {
  .about-us {
    padding: 3.5rem 5rem;
  }
}
a.skip-main {
  position: absolute;
  top: 0;
  left: 1rem;
  z-index: 10000;
  padding: 12px 16px;
  background: #fff;
  color: #111;
  text-decoration: underline;
  -webkit-transform: translateY(-150%);
          transform: translateY(-150%);
}
a.skip-main:visited {
  color: #111;
}
a.skip-main:focus {
  -webkit-transform: translateY(0);
          transform: translateY(0);
  background: #fff;
  color: #111;
  outline: 3px solid #111;
  outline-offset: 2px;
}
header input[type='search'],
#homepage-search input[type='search'] {
  background-color: #fff;
  color: #222;
  border: 2px solid #595959;
}
header input[type='search']::-webkit-input-placeholder, #homepage-search input[type='search']::-webkit-input-placeholder {
  color: #595959;
  opacity: 1;
}
header input[type='search']::-moz-placeholder, #homepage-search input[type='search']::-moz-placeholder {
  color: #595959;
  opacity: 1;
}
header input[type='search']:-ms-input-placeholder, #homepage-search input[type='search']:-ms-input-placeholder {
  color: #595959;
  opacity: 1;
}
header input[type='search']::-ms-input-placeholder, #homepage-search input[type='search']::-ms-input-placeholder {
  color: #595959;
  opacity: 1;
}
header input[type='search']::placeholder,
#homepage-search input[type='search']::placeholder {
  color: #595959;
  opacity: 1;
}
header input[type='search']:focus,
#homepage-search input[type='search']:focus {
  border-color: #222;
  outline: 3px solid #222;
  outline-offset: 3px;
  -webkit-box-shadow: none;
          box-shadow: none;
}
a.skip-main,
a.skip-main:visited,
a.skip-main:hover,
a.skip-main:focus,
a.skip-main:active {
  color: #111 !important;
  background-color: #fff !important;
  text-shadow: none;
}
.cookie-preferences,
.cookie-preferences:visited,
.cookie-preferences:hover,
.cookie-preferences:focus,
.cookie-preferences:active {
  color: #fff !important;
}
header #top-nav .external-links a.nav-link,
header .locale-menu a,
header #primary-nav #navPrimary > li > a,
header #primary-nav .dropdown-item,
header .navbar-toggler,
header #search button[type='submit'] {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  min-width: 44px;
  min-height: 44px;
}
header #top-nav .external-links a.nav-link,
header .locale-menu a,
header #primary-nav .dropdown-item {
  padding: 8px 12px;
}
header #search button[type='submit'],
header .navbar-toggler {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
header input[type='search'] {
  min-height: 44px;
}
.explore {
  padding: 0 !important;
}
.explore > a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 100%;
  min-width: 44px;
  min-height: 44px;
  padding: 10px 20px;
  border-radius: inherit;
  text-align: center;
}
footer a {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  min-width: 44px;
  min-height: 44px;
  padding-top: 10px;
  padding-bottom: 10px;
}
.explore > a:focus-visible,
footer a:focus-visible {
  outline: 3px solid currentColor;
  outline-offset: 3px;
}
.hp-search-box,
.hp-search-box .bottom-search {
  background-color: #e69b38;
}
.hp-search-box .bottom-search p,
.hp-search-box .bottom-search p strong {
  color: #000 !important;
  text-shadow: none !important;
}
#accept-cookies-button {
  color: #fff !important;
  background-color: #145523;
  border-color: #145523;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  min-width: 44px;
  min-height: 44px;
  padding: 10px 16px;
}
#accept-cookies-button:hover,
#accept-cookies-button:focus,
#accept-cookies-button:active {
  color: #fff !important;
  background-color: #0d4019;
  border-color: #0d4019;
}
#accept-cookies-button:focus-visible {
  outline: 3px solid #fff;
  outline-offset: 3px;
}
.placeholder {
  width: 100%;
  height: 280px;
  background: #d3d3d2;
}
.main-image {
  width: 100%;
  height: auto;
  float: right;
  margin-bottom: 2rem;
}
.news-image {
  width: 35%;
  float: right;
  margin: 0 0 2rem 2rem;
}
.section-teasers,
.child-teasers {
  margin-top: 2rem;
}
hr {
  margin-top: 2rem;
  margin-bottom: 2rem;
}
.embed.right {
  float: right;
  margin: 0 0 1.5rem 1.5rem;
}
.hidden {
  display: none;
  visibility: hidden;
}
.sitemap li {
  font-weight: 500;
  margin-bottom: 7px;
  font-size: 1.3rem;
}
.sitemap li ul {
  padding-left: 38px;
}
.sitemap li ul li {
  font-weight: 300;
  margin-bottom: 0;
  font-size: 1.14rem;
}
.chosen-choices {
  list-style-type: none;
  margin: 20px 0px 20px 0;
  padding-left: 0px;
}
.chosen-choices .search-choice {
  float: left;
  margin: 0 5px 5px 0;
  padding: 7px 11px;
  background: #F2BA24;
  border-radius: 4px;
  color: #fff;
  font-weight: 300;
}
.chosen-choices .search-choice a {
  color: #fff;
  width: 20px;
  height: 20px;
  margin-left: 15px;
}
.chosen-choices .search-choice a:hover {
  color: #765807;
}
.chosen-choices:after {
  content: "";
  display: table;
  clear: both;
}
.external-links .fa-external-link {
  font-size: 0.6rem;
  opacity: 0.7;
  top: -3px;
  position: relative;
}
legend {
  visibility: hidden;
  position: absolute;
  left: -999999px;
}
html,
body {
  font-family: 'Roboto', sans-serif;
}
p,
ol,
ul,
span,
address,
td,
dl {
  font-weight: 300;
}
a {
  color: hsl(199, 73%, 37%);
}
.lead {
  font-size: 1.2rem;
  margin-bottom: 2rem;
}
@media only screen and (min-width: 768px) {
  .lead {
    font-size: 1.25rem;
  }
}
strong {
  font-weight: 700;
}
h1 {
  font-weight: 300;
  line-height: 40px;
}
h4 {
  font-weight: 300;
  font-size: 1.4rem;
  margin-bottom: 0.8rem;
}
.sidebar h4 {
  border-bottom: 1px solid #d3d3d4;
  border-top: 1px solid #d3d3d4;
  padding-bottom: 0.6rem;
  padding-top: 0.6rem;
}
.sidebar h4 a {
  color: #212529;
}
.postnominal {
  font-size: smaller;
}
dl dt a {
  color: #1B365D;
}
dl dt a:hover {
  color: #B9975B;
}
dl dd {
  margin-bottom: 0.85rem;
}
dl dd a {
  color: #1B365D;
}
dl dd a:hover {
  color: #B9975B;
}
.news-date {
  color: #666;
  border-bottom: 1px solid #d3d3d2;
  padding-bottom: 10px;
  margin-bottom: 30px;
}
.main-page h3 {
  margin-bottom: 1rem;
}
.blockquote {
  position: relative;
  background: #eee;
  padding: 2rem;
  padding-left: 4rem;
  color: #212529;
  margin: 0 0 1.5rem 0;
  clear: both;
  border-radius: 4px;
  font-size: 1.5rem;
}
.blockquote p {
  margin-bottom: 0;
}
.blockquote:before {
  font-family: 'Roboto', sans-serif;
  color: #101f35;
  position: absolute;
  font-size: 6em;
  line-height: 1;
  top: 0;
  left: 4px;
  content: "\201C";
}
.blockquote .blockquote-footer {
  font-size: 70%;
  color: #1B365D;
}
.blockquote .blockquote-footer:before {
  content: none;
}
.blockquote .blockquote-footer p {
  margin: 0;
}
.source {
  font-style: oblique;
  font-size: 85%;
  color: #666;
}
.teaser {
  margin-bottom: 2rem;
  padding-bottom: 2rem;
  border-bottom: 1px solid #d3d3d2;
}
/*

.alert {
	p {
		&:last-child {
			margin-bottom: 0;
		}
	}
}

.teaser {
	margin-bottom: 20px;
	padding-bottom: 20px;
	border-bottom: 1px solid #d3d3d2;
	.teaser-title {
		font-size: 1.6rem;
		line-height: 24px;
		a {
			color: #212529;
			&:hover {
				color: @complimentary;
				text-decoration: none;
			}
		}
	}
	.teaser-subtitle {
		font-size: 1.14rem;
		font-weight: 700;
		margin-bottom: 20px;
	}
	ul {
		&:last-child {
			margin-bottom: 0;
		}
	}
	&.member-teaser {
		margin-bottom: 50px;
		.teaser-image {
			img {
				width: 100%;
			}
		}
		.teaser-title {
			text-transform: uppercase;
			font-size: 1.4rem;
			font-weight: 700;
			color: @dark-primary-colour;
			.tint {
				font-size: 1.14rem;
				color: @primary-colour;
			}
		}
//		.image-box,
//		.text-box {
//			border-top: 1px solid @light-complimentary;
//		}
//		.text-box {
//			padding-top: 20px;
//		}
	}
	&.news-teaser {
		margin-bottom: 20px;
		padding-bottom: 20px;
		padding-left: 220px;
		border-bottom: 1px solid #d3d3d2;
		.teaser-image {
			margin-bottom: 0;
			margin-left: -220px;
			float: left;
		}
		.teaser-title {
			font-size: 1.6rem;
			line-height: 24px;
			a {
				color: #212529;
				&:hover {
					color: @complimentary;
					text-decoration: none;
				}
			}
		}
		.teaser-date {
			color: #777;
		}
		&:last-of-type {
			border: none;
		}
	}
	&.board-teaser {
		margin-bottom: 20px;
		padding-bottom: 20px;
		padding-left: 240px;
		border-bottom: 1px solid #d3d3d2;
		.teaser-image {
			margin-bottom: 0;
			margin-left: -240px;
			float: left;
			border: 1px solid #d3d3d2;
		}
		.teaser-title {
			font-size: 1.6rem;
			line-height: 24px;
			margin-bottom: 0.4rem;
			a {
				color: #212529;
				&:hover {
					color: @complimentary;
					text-decoration: none;
				}
			}
		}
		.teaser-subtitle {
			font-size: 1.14rem;
			font-weight: 700;
		}
		&:last-of-type {
			border: none;
		}
	}
	&::after {
		content: "";
		clear: both;
		display: table;
	}
}

form {
	.field {
		margin-bottom: 20px;
	}
}

.image {
	border: 1px solid #d3d3d2;
	border-radius: .25rem !important;
	img {
//		padding: 10px;
		width: 100%;
	}
	.caption {
		font-size: 0.85rem;
		color: #333;
		padding: 5px 10px;
		background: #d3d3d2;
	}
	&.right {
		float: right;
		margin: 0 0 30px 30px;
	}
}

figure {
	&.image {
		img {
			&.right {
				margin: 0;
				float: none;
			}
		}
	}
}

// video

.video-wrapper {
	position: relative;
	padding-bottom: 56.25%; !* 16:9 *!
	padding-top: 25px;
	height: 0;
	margin-bottom: 1.5rem;
	.responsive(768px, {
		margin-bottom: 0;
	});
}
.video-wrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}


// tile

.grid {
	width: 100%;
	margin-bottom: 50px;
	background: #fff;
	overflow: hidden;
	.responsive(768px, {
		background: #000;
	});
	.tile {
		width: 33.3%;
		height: 333px;
		float: left;
		color: #fff;
		cursor: pointer;
		.front {
			padding: 20px;
			background: @primary-colour;
			img {
				width: 100%;
			}
		}
		.back {
			padding: 20px;
			background: @complimentary;
			border: 1px solid @complimentary;
			overflow-y: scroll;
			h3 {
				margin-bottom: 5px;
			}
			h5 {
				margin-bottom: 15px;
			}
		}
	}
	.fixed-tile {
		width: 100%;
		height: auto;
		float: left;
		position: relative;
		margin-top: -53px;
		margin-left: -52px;
		.responsive(768px, {
			width: 420px;
			margin-top: -51px;
			margin-left: -50px;
		});
//		background: #000;
//		&:before {
//			content: "";
//			display: block;
//			position: absolute;
//			top: 0;
//			bottom: 0;
//			left: 0;
//			right: 0;
//			background: none;
//			transition: all .2s linear;
//			cursor: pointer;
//		}
//		&:hover:before {
//			background: rgba(0,0,0, 0.4);
//		}
		img {
			width: 114%;
			height: auto;
			transition: all .2s linear;
			&:hover {
				opacity: 0.7;
			}
			.responsive(768px, {
				width: 100%;
			});
		}
	}
}

// case studies

.case-study-page {
	img {
		width: 100%;
	}
}

// accordion

.accordion {
	.card-header {
		button {
			color: #212529;
			font-weight: 700;
			font-size: 1.2rem;
			text-shadow: 1px 1px rgba(0,0,0,0.15);
			text-decoration: none;
			position: relative;
			white-space: normal;
			text-align: left;
			&:hover,
			&:active {
				text-decoration: none;
			}
			.box-icon {
				width: 30px;
				height: 30px;
				background: @complimentary;
				position: absolute;
				top: 0.35rem;
				left: -30px;
				border-radius: calc(.25rem - 1px);
				color: #fff;
				line-height: 30px;
				text-align: center;
			}
			&.collapsed {
				font-weight: 400;
				.box-icon {
					background: @primary-colour;
				}
			}
		}
	}
}


// cards

.card {
	.card-title {
		&:last-child {
			margin-bottom: 0;
		}
		a {
			color: #212529;
		}
	}
	ul {
		padding-left: 20px;
		&:last-child {
			margin-bottom: 0;
		}
	}
	dl {
		&:last-child {
			margin-bottom: 0;
		}
	}
	.card-subtitle {
		margin-top: -.5rem;
		margin-bottom: .75rem;
		font-weight: 700;
		&:last-child {
			margin-bottom: 0;
		}
	}
}

.profile {
	h1 {
		margin-bottom: 1.2rem;
	}
	img {
		border: 1px solid rgba(0,0,0,.125);
		margin-bottom: 1rem;
	}
}

// homepage cards
.homepage-cards {
	.card {
		text-align: center;
		.card-title {
			font-size: 1.8rem;
		}
	}
}

.section-teasers,
.child-teasers {
	margin-top: 0;
	.card {
		margin-bottom: 30px;
		.card-title {
			a {
				color: #212529;
				&:hover {
					color: #212529;
					text-decoration: none;
				}
			}
		}
		p {
			font-weight: 300;
		}
	}
}

// sidebar menu

.sidebar {
    margin-bottom: 1rem;
    ul {
        li {
            width: 100%;
            a {
                display: block;
                color: @primary-colour;
                &.current {
                    color: @complimentary;
                    font-weight: 500;
                }
                &.section {
                    color: darken(@complimentary, 10%);
                    font-weight: 500;
                }
            }
        }
        &.submenu {
            margin-top: 0.4rem;
            margin-bottom: 0.5rem;
            margin-left: 1rem;
        }
    }
}

.link {
	+ .submenu {
		&.nav {
			display: none;
		}
	}
}

// language switcher

.language-switcher {
	position: absolute;
	right: 5px;
	top: 3px;
	z-index: 9999;
	.responsive(768px, {
		position: relative;
		right: auto;
		top: auto;
	});
//	float: right;
	h6 {
		font-size: 0.7rem;
		text-transform: uppercase;
		color: #666;
		margin-bottom: 4px;
		border-top: 1px solid #ccc;
	    border-bottom: 1px solid #ccc;
	    line-height: 1.5;
	}
	ul {
		margin-top: 3px;
		margin-bottom: 3px;
	}
	li {
		text-align: center;
		line-height: 1;
		a {
			color: rgba(255,255,255,.7);
			font-size: 0.85rem;
		}
		img {
			width: 18px;
			margin-right: 4px;
		}
		&.link {
			opacity: 0.5;
//			a {
//				color: #aaa;
//			}
//			img {
//
//			}
		}
	}
}

// validate contact message

.message.bad {
    color: #e00000;
}
*/
.about-slide {
  margin-bottom: 5rem;
}
.slideshow-segment {
  position: relative;
  padding-bottom: 50px;
}
.slideshow-segment .arrow-left {
  position: absolute;
  z-index: 10;
  top: 45px;
  left: 30px;
}
.slideshow-segment .arrow-left img {
  height: 300px;
}
.slideshow-segment .arrow-right {
  position: absolute;
  z-index: 10;
  bottom: -116px;
  right: 20px;
}
@media only screen and (min-width: 1024px) {
  .slideshow-segment .arrow-right {
    right: 60px;
  }
}
@media only screen and (min-width: 1260px) {
  .slideshow-segment .arrow-right {
    right: 100px;
  }
}
@media only screen and (min-width: 1440px) {
  .slideshow-segment .arrow-right {
    right: 190px;
  }
}
@media only screen and (min-width: 2500px) {
  .slideshow-segment .arrow-right {
    right: 730px;
  }
}
.slideshow-segment .arrow-right img {
  height: 300px;
}
.slideshow-segment .colour-block {
  height: 100px;
  background-color: #e52e7d;
}
.slideshow-segment .colour-block.full-width {
  height: 250px;
}
.slideshow-segment .slider-head {
  width: 100%;
  background: #AC1557;
  padding: 8px 12px;
  font-size: 1.3rem;
  color: #fff;
  margin-bottom: 1.2rem;
  -webkit-box-shadow: 2px 5px #888888;
          box-shadow: 2px 5px #888888;
}
.slideshow-segment .slideshow,
.slideshow-segment .case-study-slideshow,
.slideshow-segment .not-case-study-slideshow {
  margin-bottom: 2rem;
  z-index: 9;
}
.slideshow-segment .slideshow .slick-prev:before,
.slideshow-segment .case-study-slideshow .slick-prev:before,
.slideshow-segment .not-case-study-slideshow .slick-prev:before,
.slideshow-segment .slideshow .slick-next:before,
.slideshow-segment .case-study-slideshow .slick-next:before,
.slideshow-segment .not-case-study-slideshow .slick-next:before {
  color: #333;
}
.slide {
  border: 1px solid #333;
  background: #d3d3d2;
  position: relative;
  overflow: hidden;
}
.slide img {
  width: 100%;
  height: auto;
}
.slide .colour-mask {
  position: absolute;
  top: 0px;
  left: -80%;
  background-color: #e52e7d;
  width: 100%;
  height: 100%;
  opacity: 0.5;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.slide .colour-mask .text-area {
  width: 80%;
  padding: 10% 7% 10% 10%;
  color: #fff;
}
.slide .colour-mask .text-area h3 {
  font-size: 1.5rem;
}
.slide .colour-mask .text-area a {
  color: #FFF;
  border-bottom: 1px solid rgba(255, 255, 255, 0.5);
}
.slide .colour-mask .text-area a:hover {
  text-decoration: none;
  border-bottom-color: #fff;
  font-weight: 500;
}
.slide:hover .colour-mask {
  opacity: 0.9;
  left: 0%;
}
.case-slideshow-segment {
  position: relative;
  padding-bottom: 50px;
}
.case-slideshow-segment .arrow-left {
  position: absolute;
  z-index: 10;
  top: 45px;
  left: 730px;
}
.case-slideshow-segment .arrow-left img {
  height: 300px;
}
.case-slideshow-segment .arrow-right {
  position: absolute;
  z-index: 10;
  bottom: -70px;
  right: 20px;
}
@media only screen and (min-width: 1024px) {
  .case-slideshow-segment .arrow-right {
    right: 60px;
  }
}
@media only screen and (min-width: 1260px) {
  .case-slideshow-segment .arrow-right {
    right: 100px;
  }
}
@media only screen and (min-width: 1440px) {
  .case-slideshow-segment .arrow-right {
    right: 190px;
  }
}
@media only screen and (min-width: 2500px) {
  .case-slideshow-segment .arrow-right {
    right: 730px;
  }
}
.case-slideshow-segment .arrow-right img {
  height: 300px;
}
.case-slideshow-segment .colour-block {
  height: 100px;
  background-color: #e52e7d;
}
.case-slideshow-segment .colour-block.full-width {
  height: 250px;
}
.case-slideshow-segment .slideshow,
.case-slideshow-segment .case-study-slideshow,
.case-slideshow-segment .not-case-study-slideshow {
  margin-top: -200px;
  margin-bottom: 2rem;
  z-index: 9;
}
.case-slideshow-segment .slideshow .slide,
.case-slideshow-segment .case-study-slideshow .slide,
.case-slideshow-segment .not-case-study-slideshow .slide {
  border: 1px solid #333;
  background: #d3d3d2;
  position: relative;
  overflow: hidden;
}
.case-slideshow-segment .slideshow .slide img,
.case-slideshow-segment .case-study-slideshow .slide img,
.case-slideshow-segment .not-case-study-slideshow .slide img {
  width: 100%;
  height: auto;
}
.case-slideshow-segment .slideshow .slide .colour-mask,
.case-slideshow-segment .case-study-slideshow .slide .colour-mask,
.case-slideshow-segment .not-case-study-slideshow .slide .colour-mask {
  position: absolute;
  top: 0px;
  left: -80%;
  background-color: #e52e7d;
  width: 100%;
  height: 100%;
  opacity: 0.5;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.case-slideshow-segment .slideshow .slide .colour-mask .text-area,
.case-slideshow-segment .case-study-slideshow .slide .colour-mask .text-area,
.case-slideshow-segment .not-case-study-slideshow .slide .colour-mask .text-area {
  width: 70%;
  padding: 10%;
  color: #fff;
}
.case-slideshow-segment .slideshow .slide .colour-mask .text-area a,
.case-slideshow-segment .case-study-slideshow .slide .colour-mask .text-area a,
.case-slideshow-segment .not-case-study-slideshow .slide .colour-mask .text-area a {
  color: #FFF;
}
.case-slideshow-segment .slideshow .slide:hover .colour-mask,
.case-slideshow-segment .case-study-slideshow .slide:hover .colour-mask,
.case-slideshow-segment .not-case-study-slideshow .slide:hover .colour-mask {
  opacity: 0.8;
  left: 0%;
}
.case-slideshow-segment .slideshow .slick-prev:before,
.case-slideshow-segment .case-study-slideshow .slick-prev:before,
.case-slideshow-segment .not-case-study-slideshow .slick-prev:before,
.case-slideshow-segment .slideshow .slick-next:before,
.case-slideshow-segment .case-study-slideshow .slick-next:before,
.case-slideshow-segment .not-case-study-slideshow .slick-next:before {
  color: #333;
}
.slideshow-segment-moc {
  position: relative;
  padding-bottom: 50px;
}
.slideshow-segment-moc .arrow-left {
  position: absolute;
  z-index: 10;
  top: 45px;
  left: 730px;
}
.slideshow-segment-moc .arrow-left img {
  height: 300px;
}
.slideshow-segment-moc .arrow-right {
  position: absolute;
  z-index: 10;
  position: relative;
  top: 560px;
  left: 739px;
}
@media only screen and (min-width: 1024px) {
  .slideshow-segment-moc .arrow-right {
    right: 60px;
  }
}
@media only screen and (min-width: 1260px) {
  .slideshow-segment-moc .arrow-right {
    right: 100px;
  }
}
@media only screen and (min-width: 1440px) {
  .slideshow-segment-moc .arrow-right {
    right: 190px;
  }
}
@media only screen and (min-width: 2500px) {
  .slideshow-segment-moc .arrow-right {
    right: 730px;
  }
}
.slideshow-segment-moc .arrow-right img {
  height: 300px;
}
.slideshow-segment-moc .colour-block {
  height: 100px;
  background-color: #e52e7d;
}
.slideshow-segment-moc .colour-block.full-width {
  height: 250px;
}
.slideshow-segment-moc .slideshow,
.slideshow-segment-moc .case-study-slideshow,
.slideshow-segment-moc .not-case-study-slideshow {
  margin-top: -200px;
  margin-bottom: 2rem;
  z-index: 9;
}
.slideshow-segment-moc .slideshow .slide,
.slideshow-segment-moc .case-study-slideshow .slide,
.slideshow-segment-moc .not-case-study-slideshow .slide {
  border: 1px solid #333;
  background: #d3d3d2;
  position: relative;
  overflow: hidden;
}
.slideshow-segment-moc .slideshow .slide img,
.slideshow-segment-moc .case-study-slideshow .slide img,
.slideshow-segment-moc .not-case-study-slideshow .slide img {
  width: 100%;
  height: auto;
}
.slideshow-segment-moc .slideshow .slide .colour-mask,
.slideshow-segment-moc .case-study-slideshow .slide .colour-mask,
.slideshow-segment-moc .not-case-study-slideshow .slide .colour-mask {
  position: absolute;
  top: 0px;
  left: -80%;
  background-color: #e52e7d;
  width: 100%;
  height: 100%;
  opacity: 0.5;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.slideshow-segment-moc .slideshow .slide .colour-mask .text-area,
.slideshow-segment-moc .case-study-slideshow .slide .colour-mask .text-area,
.slideshow-segment-moc .not-case-study-slideshow .slide .colour-mask .text-area {
  width: 70%;
  padding: 10%;
  color: #fff;
}
.slideshow-segment-moc .slideshow .slide .colour-mask .text-area a,
.slideshow-segment-moc .case-study-slideshow .slide .colour-mask .text-area a,
.slideshow-segment-moc .not-case-study-slideshow .slide .colour-mask .text-area a {
  color: #FFF;
}
.slideshow-segment-moc .slideshow .slide:hover .colour-mask,
.slideshow-segment-moc .case-study-slideshow .slide:hover .colour-mask,
.slideshow-segment-moc .not-case-study-slideshow .slide:hover .colour-mask {
  opacity: 0.8;
  left: 0%;
}
.slideshow-segment-moc .slideshow .slick-prev:before,
.slideshow-segment-moc .case-study-slideshow .slick-prev:before,
.slideshow-segment-moc .not-case-study-slideshow .slick-prev:before,
.slideshow-segment-moc .slideshow .slick-next:before,
.slideshow-segment-moc .case-study-slideshow .slick-next:before,
.slideshow-segment-moc .not-case-study-slideshow .slick-next:before {
  color: #333;
}
.slider-holder {
  background: #eee;
  border-bottom: 1px solid #d3d3d2;
  -webkit-box-shadow: 0 4px 4px -4px rgba(0, 0, 0, 0.2);
  box-shadow: 0 4px 4px -4px rgba(0, 0, 0, 0.2);
  padding: 20px 0;
}
.main-slider {
  width: 100%;
  margin-bottom: 1.6rem !important;
}
.main-slider .slider {
  overflow: hidden;
  background-position: right bottom;
  background-repeat: no-repeat;
  background-color: transparent;
  background-size: contain;
}
@media only screen and (min-width: 768px) {
  .main-slider .slider {
    background-position: right center;
    background-size: auto;
  }
}
.main-slider .slider .slider-content {
  width: 100%;
  background-color: rgba(238, 238, 238, 0.6);
  padding-bottom: 0.35rem;
}
@media only screen and (min-width: 768px) {
  .main-slider .slider .slider-content {
    width: 60%;
    float: left;
    background-color: transparent;
    padding-bottom: 0;
  }
}
.main-slider .slider .slider-content .slider-title {
  color: #B9975B;
  font-size: 2rem;
  margin-bottom: 0.8rem;
}
@media only screen and (min-width: 768px) {
  .main-slider .slider .slider-content .slider-title {
    font-size: 2.7rem;
    margin-bottom: 1rem;
  }
}
.main-slider .slider .slider-content .slider-title a {
  color: #B9975B;
}
.main-slider .slider .slider-content .slider-title a:hover {
  text-decoration: none;
}
.main-slider .slider .slider-content .lead {
  color: #1B365D;
  margin-bottom: 1rem;
  width: 100%;
}
@media only screen and (min-width: 768px) {
  .main-slider .slider .slider-content .lead {
    width: 100%;
  }
}
.main-slider .slider .slider-content .slider-teaser {
  font-size: 0.9rem;
  width: 93%;
}
@media only screen and (min-width: 768px) {
  .main-slider .slider .slider-content .slider-teaser {
    width: 50%;
    font-size: 1.1rem;
  }
}
.main-slider .slider .slider-image {
  width: 100%;
}
@media only screen and (min-width: 768px) {
  .main-slider .slider .slider-image {
    width: 38%;
    float: right;
  }
}
.main-slider .slider .slider-image img {
  width: 100%;
  height: auto;
}
.main-slider .slick-arrow {
  position: absolute;
  display: block;
  width: 30px;
  height: 30px;
  top: 50%;
  margin-top: -12px;
  border-radius: 1em;
  cursor: pointer;
  z-index: 10;
  text-align: center;
  font-size: 1.5em;
  font-weight: 100;
  font-family: "Euphemia UCAS", Euphemia, Helvetica, serif;
  background-color: #cbcbcb;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#C7C7C7), color-stop(55%, #C7C7C7), to(#dbdbdb));
  background-image: linear-gradient(#C7C7C7, #C7C7C7 55%, #dbdbdb);
  background-repeat: no-repeat;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffc7c7c7', endColorstr='#ffdbdbdb', GradientType=0);
  color: #ffffff;
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.4);
  -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.3);
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.3);
}
.main-slider .slick-arrow.slick-prev {
  left: 10px;
  bottom: -40px;
  top: auto;
}
.main-slider .slick-arrow.slick-prev:before {
  content: none;
}
.main-slider .slick-arrow.slick-next {
  left: 48px;
  bottom: -40px;
  top: auto;
}
.main-slider .slick-arrow.slick-next:before {
  content: none;
}
.main-slider .slick-dots {
  bottom: -25px;
  left: 110px;
  width: auto;
}
.main-slider .slick-dots li {
  width: 12px;
  height: 12px;
  display: inline-block;
  padding: 5px;
  border-radius: 1em;
  cursor: pointer;
  -webkit-transition: all 0.2s ease-in;
  transition: all 0.2s ease-in;
  background-color: #E2E2E2;
  -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.3);
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.3);
}
.main-slider .slick-dots li.slick-active {
  background-color: #B9975B;
}
.main-slider .slick-dots li button:before {
  content: none;
}
.slider-tint {
  position: absolute;
  width: 100%;
  height: 380px;
  top: 0;
  left: 0;
  z-index: 888;
  background-color: #222;
  opacity: 0.5;
}
@media only screen and (min-width: 768px) {
  .slider-tint {
    height: 570px;
  }
}
.site-notification {
  position: fixed;
  z-index: 1032;
  width: 100%;
  bottom: -100%;
  background-color: #1B365D;
  color: #ffffff;
}
.site-notification .site-notification-container {
  padding-top: 3rem;
  padding-bottom: 3rem;
}
.site-notification p a {
  color: #fff;
  text-decoration: underline;
}
.site-notification p a:hover {
  color: #B9975B;
}
.site-overlay {
  display: none;
  position: fixed;
  z-index: 1031;
  background-color: #000;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  opacity: 0.5;
}
/* The switch - the box around the slider */
.switch {
  position: relative;
  display: inline-block;
  width: 60px;
  height: 34px;
}
/* Hide default HTML checkbox */
.switch input {
  opacity: 0;
  width: 0;
  height: 0;
}
/* The slider */
.slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #DC3545;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}
.slider:before {
  position: absolute;
  content: "";
  height: 26px;
  width: 26px;
  left: 4px;
  bottom: 4px;
  background-color: white;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}
input:checked + .slider {
  background-color: #28A745;
}
input:focus + .slider {
  -webkit-box-shadow: 0 0 1px #2196F3;
          box-shadow: 0 0 1px #2196F3;
}
input:checked + .slider:before {
  -webkit-transform: translateX(26px);
  transform: translateX(26px);
}
/* Rounded sliders */
.slider.round {
  border-radius: 34px;
}
.slider.round:before {
  border-radius: 50%;
}
.btn-navy {
  color: #ffffff;
  background-color: #325083;
  border-color: #24395e;
}
.btn-navy:hover,
.btn-navy:focus,
.btn-navy:active,
.btn-navy .active {
  color: #ffffff;
  background-color: #24395e;
  border-color: #1d2e4c;
}
.btn-navy:active,
.btn-navy.active {
  background-image: none;
}
.btn-navy.disabled,
.btn-navy[disabled] {
  background-color: #5b80c0;
  border-color: #4872b9;
}
.btn-navy.disabled:hover,
.btn-navy[disabled]:hover,
.btn-navy.disabled:focus,
.btn-navy[disabled]:focus,
.btn-navy.disabled:active,
.btn-navy[disabled]:active,
.btn-navy.disabled.active,
.btn-navy[disabled].active {
  background-color: #5b80c0;
  border-color: #4872b9;
}
.btn-navy .badge {
  color: #AD924B;
  background-color: #ffffff;
}
fieldset[disabled] .btn-navy {
  background-color: #5b80c0;
  border-color: #4872b9;
}
.open .dropdown-toggle.btn-navy {
  color: #ffffff;
  background-color: #24395e;
  border-color: #1d2e4c;
  background-image: none;
}
.btn-grey {
  color: #ffffff;
  background-color: #575756;
  border-color: #3d3d3d;
}
.btn-grey:hover,
.btn-grey:focus,
.btn-grey:active,
.btn-grey .active {
  color: #ffffff;
  background-color: #3d3d3d;
  border-color: #313130;
}
.btn-grey:active,
.btn-grey.active {
  background-image: none;
}
.btn-grey.disabled,
.btn-grey[disabled] {
  background-color: #8a8a89;
  border-color: #7d7d7c;
}
.btn-grey.disabled:hover,
.btn-grey[disabled]:hover,
.btn-grey.disabled:focus,
.btn-grey[disabled]:focus,
.btn-grey.disabled:active,
.btn-grey[disabled]:active,
.btn-grey.disabled.active,
.btn-grey[disabled].active {
  background-color: #8a8a89;
  border-color: #7d7d7c;
}
.btn-grey .badge {
  color: #AD924B;
  background-color: #ffffff;
}
fieldset[disabled] .btn-grey {
  background-color: #8a8a89;
  border-color: #7d7d7c;
}
.open .dropdown-toggle.btn-grey {
  color: #ffffff;
  background-color: #3d3d3d;
  border-color: #313130;
  background-image: none;
}
.btn-blue {
  color: #ffffff;
  background-color: #489cc9;
  border-color: #3381ab;
}
.btn-blue:hover,
.btn-blue:focus,
.btn-blue:active,
.btn-blue .active {
  color: #ffffff;
  background-color: #3381ab;
  border-color: #2d7298;
}
.btn-blue:active,
.btn-blue.active {
  background-image: none;
}
.btn-blue.disabled,
.btn-blue[disabled] {
  background-color: #97c7e0;
  border-color: #83bcda;
}
.btn-blue.disabled:hover,
.btn-blue[disabled]:hover,
.btn-blue.disabled:focus,
.btn-blue[disabled]:focus,
.btn-blue.disabled:active,
.btn-blue[disabled]:active,
.btn-blue.disabled.active,
.btn-blue[disabled].active {
  background-color: #97c7e0;
  border-color: #83bcda;
}
.btn-blue .badge {
  color: #AD924B;
  background-color: #ffffff;
}
fieldset[disabled] .btn-blue {
  background-color: #97c7e0;
  border-color: #83bcda;
}
.open .dropdown-toggle.btn-blue {
  color: #ffffff;
  background-color: #3381ab;
  border-color: #2d7298;
  background-image: none;
}
.btn-green {
  color: #ffffff;
  background-color: #008071;
  border-color: #004d44;
}
.btn-green:hover,
.btn-green:focus,
.btn-green:active,
.btn-green .active {
  color: #ffffff;
  background-color: #004d44;
  border-color: #00342d;
}
.btn-green:active,
.btn-green.active {
  background-image: none;
}
.btn-green.disabled,
.btn-green[disabled] {
  background-color: #00e6cb;
  border-color: #00cdb5;
}
.btn-green.disabled:hover,
.btn-green[disabled]:hover,
.btn-green.disabled:focus,
.btn-green[disabled]:focus,
.btn-green.disabled:active,
.btn-green[disabled]:active,
.btn-green.disabled.active,
.btn-green[disabled].active {
  background-color: #00e6cb;
  border-color: #00cdb5;
}
.btn-green .badge {
  color: #AD924B;
  background-color: #ffffff;
}
fieldset[disabled] .btn-green {
  background-color: #00e6cb;
  border-color: #00cdb5;
}
.open .dropdown-toggle.btn-green {
  color: #ffffff;
  background-color: #004d44;
  border-color: #00342d;
  background-image: none;
}
.btn-crimson {
  color: #ffffff;
  background-color: #a3195b;
  border-color: #771242;
}
.btn-crimson:hover,
.btn-crimson:focus,
.btn-crimson:active,
.btn-crimson .active {
  color: #ffffff;
  background-color: #771242;
  border-color: #610f36;
}
.btn-crimson:active,
.btn-crimson.active {
  background-image: none;
}
.btn-crimson.disabled,
.btn-crimson[disabled] {
  background-color: #e2408d;
  border-color: #de2a80;
}
.btn-crimson.disabled:hover,
.btn-crimson[disabled]:hover,
.btn-crimson.disabled:focus,
.btn-crimson[disabled]:focus,
.btn-crimson.disabled:active,
.btn-crimson[disabled]:active,
.btn-crimson.disabled.active,
.btn-crimson[disabled].active {
  background-color: #e2408d;
  border-color: #de2a80;
}
.btn-crimson .badge {
  color: #AD924B;
  background-color: #ffffff;
}
fieldset[disabled] .btn-crimson {
  background-color: #e2408d;
  border-color: #de2a80;
}
.open .dropdown-toggle.btn-crimson {
  color: #ffffff;
  background-color: #771242;
  border-color: #610f36;
  background-image: none;
}
.btn-purple {
  color: #ffffff;
  background-color: #511966;
  border-color: #300f3d;
}
.btn-purple:hover,
.btn-purple:focus,
.btn-purple:active,
.btn-purple .active {
  color: #ffffff;
  background-color: #300f3d;
  border-color: #200a29;
}
.btn-purple:active,
.btn-purple.active {
  background-image: none;
}
.btn-purple.disabled,
.btn-purple[disabled] {
  background-color: #922db8;
  border-color: #8228a3;
}
.btn-purple.disabled:hover,
.btn-purple[disabled]:hover,
.btn-purple.disabled:focus,
.btn-purple[disabled]:focus,
.btn-purple.disabled:active,
.btn-purple[disabled]:active,
.btn-purple.disabled.active,
.btn-purple[disabled].active {
  background-color: #922db8;
  border-color: #8228a3;
}
.btn-purple .badge {
  color: #AD924B;
  background-color: #ffffff;
}
fieldset[disabled] .btn-purple {
  background-color: #922db8;
  border-color: #8228a3;
}
.open .dropdown-toggle.btn-purple {
  color: #ffffff;
  background-color: #300f3d;
  border-color: #200a29;
  background-image: none;
}
.btn-orange {
  color: #ffffff;
  background-color: #e63323;
  border-color: #c02416;
}
.btn-orange:hover,
.btn-orange:focus,
.btn-orange:active,
.btn-orange .active {
  color: #ffffff;
  background-color: #c02416;
  border-color: #a92013;
}
.btn-orange:active,
.btn-orange.active {
  background-image: none;
}
.btn-orange.disabled,
.btn-orange[disabled] {
  background-color: #f0887f;
  border-color: #ee7368;
}
.btn-orange.disabled:hover,
.btn-orange[disabled]:hover,
.btn-orange.disabled:focus,
.btn-orange[disabled]:focus,
.btn-orange.disabled:active,
.btn-orange[disabled]:active,
.btn-orange.disabled.active,
.btn-orange[disabled].active {
  background-color: #f0887f;
  border-color: #ee7368;
}
.btn-orange .badge {
  color: #AD924B;
  background-color: #ffffff;
}
fieldset[disabled] .btn-orange {
  background-color: #f0887f;
  border-color: #ee7368;
}
.open .dropdown-toggle.btn-orange {
  color: #ffffff;
  background-color: #c02416;
  border-color: #a92013;
  background-image: none;
}
.btn-lime {
  color: #ffffff;
  background-color: #afca0b;
  border-color: #859a08;
}
.btn-lime:hover,
.btn-lime:focus,
.btn-lime:active,
.btn-lime .active {
  color: #ffffff;
  background-color: #859a08;
  border-color: #708107;
}
.btn-lime:active,
.btn-lime.active {
  background-image: none;
}
.btn-lime.disabled,
.btn-lime[disabled] {
  background-color: #dcf546;
  border-color: #d8f42e;
}
.btn-lime.disabled:hover,
.btn-lime[disabled]:hover,
.btn-lime.disabled:focus,
.btn-lime[disabled]:focus,
.btn-lime.disabled:active,
.btn-lime[disabled]:active,
.btn-lime.disabled.active,
.btn-lime[disabled].active {
  background-color: #dcf546;
  border-color: #d8f42e;
}
.btn-lime .badge {
  color: #AD924B;
  background-color: #ffffff;
}
fieldset[disabled] .btn-lime {
  background-color: #dcf546;
  border-color: #d8f42e;
}
.open .dropdown-toggle.btn-lime {
  color: #ffffff;
  background-color: #859a08;
  border-color: #708107;
  background-image: none;
}
.btn-pink {
  color: #ffffff;
  background-color: #AC1557;
  border-color: #7f0f40;
}
.btn-pink:hover,
.btn-pink:focus,
.btn-pink:active,
.btn-pink .active {
  color: #ffffff;
  background-color: #7f0f40;
  border-color: #680d35;
}
.btn-pink:active,
.btn-pink.active {
  background-image: none;
}
.btn-pink.disabled,
.btn-pink[disabled] {
  background-color: #e83f89;
  border-color: #e5297b;
}
.btn-pink.disabled:hover,
.btn-pink[disabled]:hover,
.btn-pink.disabled:focus,
.btn-pink[disabled]:focus,
.btn-pink.disabled:active,
.btn-pink[disabled]:active,
.btn-pink.disabled.active,
.btn-pink[disabled].active {
  background-color: #e83f89;
  border-color: #e5297b;
}
.btn-pink .badge {
  color: #AD924B;
  background-color: #ffffff;
}
fieldset[disabled] .btn-pink {
  background-color: #e83f89;
  border-color: #e5297b;
}
.open .dropdown-toggle.btn-pink {
  color: #ffffff;
  background-color: #7f0f40;
  border-color: #680d35;
  background-image: none;
}
.btn-violet {
  color: #ffffff;
  background-color: #78368c;
  border-color: #582867;
}
.btn-violet:hover,
.btn-violet:focus,
.btn-violet:active,
.btn-violet .active {
  color: #ffffff;
  background-color: #582867;
  border-color: #492155;
}
.btn-violet:active,
.btn-violet.active {
  background-image: none;
}
.btn-violet.disabled,
.btn-violet[disabled] {
  background-color: #ad65c3;
  border-color: #a452bc;
}
.btn-violet.disabled:hover,
.btn-violet[disabled]:hover,
.btn-violet.disabled:focus,
.btn-violet[disabled]:focus,
.btn-violet.disabled:active,
.btn-violet[disabled]:active,
.btn-violet.disabled.active,
.btn-violet[disabled].active {
  background-color: #ad65c3;
  border-color: #a452bc;
}
.btn-violet .badge {
  color: #AD924B;
  background-color: #ffffff;
}
fieldset[disabled] .btn-violet {
  background-color: #ad65c3;
  border-color: #a452bc;
}
.open .dropdown-toggle.btn-violet {
  color: #ffffff;
  background-color: #582867;
  border-color: #492155;
  background-image: none;
}
.btn-apricot {
  color: #ffffff;
  background-color: #ed8900;
  border-color: #ba6c00;
}
.btn-apricot:hover,
.btn-apricot:focus,
.btn-apricot:active,
.btn-apricot .active {
  color: #ffffff;
  background-color: #ba6c00;
  border-color: #a15d00;
}
.btn-apricot:active,
.btn-apricot.active {
  background-image: none;
}
.btn-apricot.disabled,
.btn-apricot[disabled] {
  background-color: #ffb754;
  border-color: #ffac3b;
}
.btn-apricot.disabled:hover,
.btn-apricot[disabled]:hover,
.btn-apricot.disabled:focus,
.btn-apricot[disabled]:focus,
.btn-apricot.disabled:active,
.btn-apricot[disabled]:active,
.btn-apricot.disabled.active,
.btn-apricot[disabled].active {
  background-color: #ffb754;
  border-color: #ffac3b;
}
.btn-apricot .badge {
  color: #AD924B;
  background-color: #ffffff;
}
fieldset[disabled] .btn-apricot {
  background-color: #ffb754;
  border-color: #ffac3b;
}
.open .dropdown-toggle.btn-apricot {
  color: #ffffff;
  background-color: #ba6c00;
  border-color: #a15d00;
  background-image: none;
}
a {
  color: hsl(199, 73%, 37%);
}
.home-link:focus {
  outline: #F9D80B auto 2px;
}
.navbar-nav .nav-link:focus {
  outline: #F9D80B auto 2px;
}
.navbar-nav .dropdown-item:focus {
  background: #F9D80B;
  outline: none;
  border-top: 2px solid #000;
  border-bottom: 2px solid #000;
}
header {
  font-weight: 300;
}
header a {
  color: white;
  text-decoration: none;
}
header a:hover {
  color: white;
  opacity: 0.85;
  text-decoration: none;
}
header a.link {
  color: white;
  text-decoration: none;
}
header a:focus {
  outline: #F9D80B auto 2px;
}
.form-control:focus {
  border-color: #F9D80B;
  border-width: 3px;
}
input[type="submit"]:focus {
  border-color: #F9D80B;
  border-width: 3px;
}
.teaser a:focus {
  background: #F9D80B;
  outline: none;
  padding: 1px 6px;
  border-bottom: 2px solid #000;
}
footer a:hover {
  text-decoration: none;
}
.navbar-light .navbar-nav .nav-link {
  color: hsl(199, 73%, 37%);
}
.navbar-light .navbar-nav .nav-link:focus,
.navbar-light .navbar-nav .nav-link:hover {
  color: hsl(199, 73%, 52%);
}
.navbar-dark .navbar-nav a {
  color: white;
}
.navbar-dark .navbar-nav a:focus,
.navbar-dark .navbar-nav a:hover {
  color: rgba(255, 255, 255, 0.8);
}
.alert.alert-danger a {
  color: #03438C;
}
.alert.alert-danger a:hover {
  color: #022b5a;
}
.language-switcher span a {
  color: white;
}
.language-switcher span a:hover {
  opacity: 0.85;
}
.language-switcher span a.link {
  opacity: 0.85;
}
.language-switcher span a:focus {
  outline: #F9D80B auto 2px;
}
a.skip-main {
  color: #fff;
  left: -999px;
  position: absolute;
  top: auto;
  width: 1px;
  height: 1px;
  overflow: hidden;
  z-index: -999;
}
a.skip-main:focus,
a.skip-main:active {
  background-color: #1B365D;
  left: auto;
  top: auto;
  width: 30%;
  height: auto;
  overflow: auto;
  margin: 20px 35%;
  padding: 5px;
  border-radius: 4px;
  border: 2px solid #B9975B;
  text-align: center;
  font-size: 1.4em;
  z-index: 999;
}
.btn.btn-success {
  background-color: #218739;
}
.text-success {
  color: #208337 !important;
}
.sidebar ul li a.current {
  color: #906D3C;
}
.sidebar ul li a.section {
  color: #6c522d;
}
.logos-strip a:focus {
  outline: #F9D80B auto 1px;
}
footer {
  font-weight: 300;
}
footer a {
  color: white;
}
footer a:hover {
  color: white;
  opacity: 0.85;
}
footer a.link {
  color: white;
  opacity: 0.85;
}
footer a:focus {
  outline: #F9D80B auto 2px;
}
.text-heiw-navy {
  color: #325083;
}
.text-heiw-grey {
  color: #575756;
}
.text-heiw-blue {
  color: #489cc9;
}
.text-heiw-green {
  color: #008071;
}
.text-heiw-lime {
  color: #afca0b;
}
.text-heiw-crimson {
  color: #a3195b;
}
.text-heiw-pink {
  color: #AC1557;
}
.text-heiw-purple {
  color: #511966;
}
.text-heiw-violet {
  color: #78368c;
}
.text-heiw-orange {
  color: #e63323;
}
.text-heiw-apricot {
  color: #ed8900;
}
.bg-heiw-navy {
  background-color: #325083;
}
.bg-heiw-grey {
  background-color: #575756;
}
.bg-heiw-blue {
  background-color: #489cc9;
}
.bg-heiw-green {
  background-color: #008071;
}
.bg-heiw-lime {
  background-color: #afca0b;
}
.bg-heiw-crimson {
  background-color: #a3195b;
}
.bg-heiw-pink {
  background-color: #AC1557;
}
.bg-heiw-purple {
  background-color: #511966;
}
.bg-heiw-violet {
  background-color: #78368c;
}
.bg-heiw-orange {
  background-color: #e63323;
}
.bg-heiw-apricot {
  background-color: #ed8900;
}
* table,
th,
td {
  border: 1px solid black;
  padding: 0.5em;
}
* table {
  width: 100%;
}
.form-control button {
  border: 1px solid white;
}
mark.highlight {
  background-color: yellow;
  padding: 0;
}
.book img {
  height: auto;
  width: 100%;
}
.book-cover book-cover:focus {
  text-decoration: none !important;
  border-bottom: none !important;
  padding: 0;
  background: none !important;
}
.book-cover img {
  height: auto;
  width: 100%;
}
.nav {
  padding-left: 0.5em !important;
}
.nav .btn:not(:disabled):not(.disabled) {
  padding: 0.5em !important;
}
.btn-group-lg > .btn,
.btn-lg {
  padding: 0.5em !important;
}
.main-page p a:focus.btn {
  border-width: 0 !important;
}
.float-left a:focus {
  background: darkgrey !important;
  padding: 0.5em;
}
.float-right a:focus {
  background: darkgrey !important;
  padding: 0.5em;
}
.side {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.side a,
.side a:focus {
  text-decoration: none !important;
  border-bottom: none !important;
  padding: 0 !important;
}
.profile-card {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-line-pack: center;
      align-content: center;
}
.profile-img {
  width: 10vw;
  padding: 1em;
}
.profile-text {
  padding-left: 1em;
  padding-top: 0.75em;
}
.sign img {
  width: 15vw;
}
.page-nav {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.page-nav a {
  text-decoration: none;
  -ms-flex-line-pack: center;
      align-content: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 8px 16px;
  width: 50px;
  height: 50px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.page-nav a:hover {
  background-color: #ddd;
  color: black;
}
.page-nav .previous {
  background-color: #f1f1f1;
  color: black;
}
.page-nav .next {
  background-color: #04AA6D;
  color: white;
}
.page-nav .round {
  border-radius: 50%;
}
.model-section .models-intro-block {
  padding: 2.2rem 3rem;
  color: #fff;
  margin-bottom: 2.6rem;
}
.model-section .models-intro-block h2 {
  font-size: 1.75rem;
  margin-bottom: 1rem;
}
.model-section .models-intro-block p {
  margin-bottom: 0px;
}
.model-section .models-list-block {
  min-height: 400px;
  color: #fff;
  margin-bottom: 3rem;
}
.model-section .models-list-block ul {
  margin-left: 60px;
  font-weight: 300;
  font-size: 1.4rem;
}
.model-section .models-list-block ul li {
  margin-bottom: 0.8rem;
}
.model-section .models-list-block ul li a {
  border-bottom: 1px solid rgba(255, 255, 255, 0.5);
}
.model-section .models-list-block ul li a:hover {
  text-decoration: none;
  border-bottom-color: #fff;
  font-weight: 500;
}
.model-section .models-list-block ul li .fa-angles-right {
  color: rgba(255, 255, 255, 0.65);
}
.model-section .models-list-block ul li:last-child {
  margin-bottom: 0px;
}
.model-section .model-picture {
  height: 400px;
  width: 100%;
  border: 1px solid grey;
}
.model-section .model-picture img {
  width: 100%;
  height: auto;
}
.model-space {
  margin-top: 2rem;
}
@media only screen and (min-width: 1200px) {
  .model-space {
    margin-top: 3rem;
  }
}
.case-study-section .colour-spacer {
  padding: 2.5rem 0;
}
.case-study-section .colour-block {
  background-color: #AC1557;
  height: 100%;
  width: 100%;
}
.case-study-section .main-content-colour-block {
  background-color: #df8e32;
  padding: 3.5rem 2rem;
}
@media only screen and (min-width: 1200px) {
  .case-study-section .main-content-colour-block {
    padding: 3.5rem 5rem;
  }
}
.colour-bar {
  padding: 2rem 0;
  color: white;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  background-color: #64a599;
  font-size: 1.3rem;
}
.colour-bar .download-link {
  color: white;
  border-bottom: 1px solid rgba(255, 255, 255, 0.5);
}
.colour-bar .download-link:hover {
  text-decoration: none;
  border-bottom-color: #fff;
  font-weight: 500;
}
.colour-bar .person-info {
  width: 88%;
  margin: 0 6%;
}
.colour-bar .person-info strong {
  font-weight: 900;
}
.iframe-container {
  overflow: hidden;
  /* 16:9 aspect ratio */
  padding-top: 56.25%;
  position: relative;
}
.iframe-container iframe {
  border: 0;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}
.useful-links {
  padding-top: 2.5rem;
}
.useful-links .links a {
  padding: 1.5rem;
  display: block;
  color: #FFF;
  background: #afca0b;
  border: 1px solid #859a08;
}
.useful-links .links a:hover {
  background: #859a08;
  text-decoration: none;
}
.useful-links .links:nth-child(2) a {
  background: #008071;
  border: 1px solid #004d44;
}
.useful-links .links:nth-child(2) a:hover {
  background: #004d44;
  text-decoration: none;
}
.useful-links .links:nth-child(3) a {
  background: #e63323;
  border: 1px solid #c02416;
}
.useful-links .links:nth-child(3) a:hover {
  background: #c02416;
  text-decoration: none;
}
.useful-links .links:nth-child(4) a {
  background: #325083;
  border: 1px solid #24395e;
}
.useful-links .links:nth-child(4) a:hover {
  background: #24395e;
  text-decoration: none;
}
.useful-links .links:nth-child(5) a {
  background: #ed8900;
  border: 1px solid #ba6c00;
}
.useful-links .links:nth-child(5) a:hover {
  background: #ba6c00;
  text-decoration: none;
}
.useful-links .links:nth-child(6) a {
  background: #511966;
  border: 1px solid #300f3d;
}
.useful-links .links:nth-child(6) a:hover {
  background: #300f3d;
  text-decoration: none;
}
.useful-links .links:nth-child(7) a {
  background: #afca0b;
  border: 1px solid #859a08;
}
.useful-links .links:nth-child(7) a:hover {
  background: #859a08;
  text-decoration: none;
}
.useful-links .links:nth-child(8) a {
  background: #a3195b;
  border: 1px solid #771242;
}
.useful-links .links:nth-child(8) a:hover {
  background: #771242;
  text-decoration: none;
}
.useful-links .links:nth-child(9) a {
  background: #78368c;
  border: 1px solid #582867;
}
.useful-links .links:nth-child(9) a:hover {
  background: #582867;
  text-decoration: none;
}
.useful-links .links:nth-child(10) a {
  background: #AC1557;
  border: 1px solid #7f0f40;
}
.useful-links .links:nth-child(10) a:hover {
  background: #7f0f40;
  text-decoration: none;
}