/*********************
BREAKPOINTS
*********************/
/* @group Greys */
/* @end */
/* @group Corporate colours taken from logo */
/* @end */
/* @group Site Defaults */
/* @end */
/* @group Variables */
/* @end */
/* Table of Contents
   - - - - - - - - -
   1.	xxx
   - - - - - - - - -
 */
.projectdetails {
  padding-left: 0px; }
  .projectdetails li {
    list-style: none;
    line-height: 1.25em; }
    .projectdetails li span {
      display: inline-block;
      font-weight: 400; }
  .projectdetails li:last-child {
    border-bottom: none; }

.ProjectTags {
  margin-top: 1rem;
  padding-left: 0px; }
  .ProjectTags li {
    list-style: none;
    display: inline; }

.projectShare .share-buttons {
  text-align: left !important; }
  .projectShare .share-buttons li {
    font-size: 1em !important;
    margin-left: 0px; }

.ProjectInfo {
  padding-right: 3rem;
  padding-bottom: 3rem;
  width: 100%; }
  .ProjectInfo blockquote {
    margin-top: 1rem; }
  .ProjectInfo .scrollbar-macosx {
    max-height: 40vh; }
  .ProjectInfo .projectCard {
    margin-bottom: 1rem; }
  .ProjectInfo figcaption span {
    font-size: .6em;
    line-height: 1.2em;
    width: 70%;
    background-color: white !important; }
  .ProjectInfo figcaption:hover span {
    color: #000000; }
  .ProjectInfo .cbp-wrapper-outer {
    margin-top: 0.5rem !important; }
  .ProjectInfo .projectdetails {
    width: 100%;
    margin-top: 0px; }

body.bleedGallery .share-buttons {
  position: fixed;
  bottom: 0px;
  width: 90%; }

/* Smartphones (portrait and landscape) ----------- */
@media only screen and (min-width: 320px) and (max-width: 736px) {
  .ProjectInfo {
    padding-right: 0vw; } }

/* @end */
/* @group Tabs */
.ScrollProjectSection .projectTabs .content > div {
  border-top: none; }

.projectTabs {
  margin: 0 auto; }
  .projectTabs .content > div {
    display: none;
    border-top: 1px solid #bfbebe;
    margin-top: -1px;
    padding-top: 3rem; }
  .projectTabs input {
    display: none; }
  .projectTabs label {
    display: inline-block;
    text-align: center;
    margin-right: 1rem;
    margin-bottom: 0px;
    border-bottom: 1px solid transparent;
    line-height: 30px;
    transition: all 0.07s linear;
    text-transform: uppercase; }
  .projectTabs label:hover {
    color: #e1251b;
    cursor: pointer;
    border-bottom: 1px solid #e1251b; }
  .projectTabs input:checked + label {
    border-bottom: 1px solid #e1251b; }
  .projectTabs #Overview:checked ~ .content #content1,
  .projectTabs #Details:checked ~ .content #content2,
  .projectTabs #Related:checked ~ .content #content3 {
    display: block;
    transition: all 0.5s linear; }

.remove_border .content > div {
  border-top: 1px solid transparent !important; }

.remove_border input:checked + label {
  border-bottom: 1px solid transparent !important; }

/* @end */
/* @group Related */
.RelatedProjectsWrap {
  border-bottom: 1px solid #bfbebe;
  margin-bottom: 0.5rem;
  padding-bottom: 0.5rem; }
  .RelatedProjectsWrap .relatedProjectContent {
    display: flex;
    align-items: center;
    justify-content: left; }
  .RelatedProjectsWrap a {
    color: #e1251b; }
  .RelatedProjectsWrap a:hover, .RelatedProjectsWrap a:active, .RelatedProjectsWrap a:focus {
    text-decoration: underline !important; }

.RelatedProjectsWrap:last-child {
  border-bottom: none; }

/* @end */
/* @group Read more / less */
/* @end */
/* @group Pagination */
.ProjectPagination {
  float: right;
  margin-right: -1px;
  margin-top: 0.5rem;
  font-size: 1em; }
  .ProjectPagination a {
    color: #000000;
    margin-left: 0.5rem;
    opacity: 0.6;
    filter: alpha(opacity=60); }
  .ProjectPagination a:hover, .ProjectPagination a:active, .ProjectPagination a:focus {
    opacity: 1;
    filter: alpha(opacity=100); }
  .ProjectPagination .disabled {
    opacity: 0.3;
    filter: alpha(opacity=30); }

/* @end */