@charset "UTF-8";
/* CSS Document */

/*
Primary CSS style sheet for ACEMS Annual Report website
© 2019 Idaho Design and Communication Pty Ltd
Version 1.0 | 22/01/2019 | Author: 

CONTENTS
Import Elements
Foundation Elements
> Foundation Fonts
> Foundation Grid
> Foundation Colours
> Foundation Gaps
> Foundation widths
Typography
> Typography Heading
> Typography Paragraph
> Typography Links
> Typography Links
> Typography Quotes
Icons
Buttons
> Buttons to top
Top Menu
Side bar menu
Sub menu
Content area
> Content Text
> Content Tables
> Content Images
> Content Authors
> Content sections
> Content sections - Typography
> Content sections - Introduction
> Content sections - Case Study
> Content sections - Member stories
> Content sections - Overview
Counter
Carousel
Flip Card
Timeline
Progress Bars
Accordion
Popups/Modals
Cards
> Cards - Staff
Jumbotron
Footer
Site sections
> Site Sections - ACEMS
*/

/**************************************************  Import Elements  ************/
@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,400,400i,700|Oswald:300,600');

/**************************************************  Foundation Elements  ************/
body {
    background: #ffffff;
    font-family: 'Open Sans', 'helvetica neue', helvetica, arial, sans-serif;
    font-weight: 400;
    font-size: 13px;
}
.wrapper {
    position: relative;
}
.hide { 
    display: none;
}
.fadeMeIn {
    opacity:0;
}
.fadeMeIn.already-visible, .fadeMeIn.come-in {
    opacity: 1;
    transition: opacity 1s ease-in;
}
.notation {
    font-size: 75%;
}
hr {
    clear: both;
}
 .mobile-only {
        display: block;
    }
@media (min-width: 630px) {
    .mobile-only {
        display: none;
    }
}
@media (max-width: 629px) {
    .desktop-only {
        display: none;
    }
}
/***************************************************  Foundation Fonts  ************/
 @font-face {
     font-family: 'GLYPHICONSBasicSet';
     src: url('../fonts/GLYPHICONSBasicSet-Regular.eot'); /* IE9 Compat Modes */
     src: url('../fonts/GLYPHICONSBasicSet-Regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('../fonts/GLYPHICONSBasicSet-Regular.woff') format('woff'), /* Modern Browsers */
         url('../fonts/GLYPHICONSBasicSet-Regular.ttf') format('truetype'), /* Safari, Android, iOS */
         url('../fonts/GLYPHICONSBasicSet-Regular.svg#GLYPHICONSBasicSet-Regular') format('svg'); /* Legacy iOS */
     font-style: normal;
     font-weight: normal;
     text-rendering: optimizeLegibility;
}
/***************************************************  Foundation Grid  ************/
#content > .container, section > .container {
   padding: 5px 20px;
}
@media (min-width: 576px) {
    #content > .container, section > .container, .submenu-container {
        max-width: 540px;
    }
    #content > .container, section > .container {
        padding-left: 0;
        padding-right: 0;
    }
}
@media (min-width: 768px) {
    #content > .container, section > .container, .submenu-container {
        max-width: 600px;
    }
    #content > .container, section > .container {
        padding-left: 0;
        padding-right: 0;
    }
}
@media (min-width: 992px) {
    #content > .container, section > .container, .submenu-container {
        max-width: 640px;
    }
    #content > .container, section > .container {
        padding-left: 0;
        padding-right: 0;
    }
}
/***************************************************  Foundation Colours  ************/
.acems-green-border {
    border-color:rgb(0,188,127);
}
.acems-green-text {
    color:rgb(0,188,127);
}
.acems-green-background {
    background-color:rgba(0,188,127,0.8);
}
.acems-grey-text {
    color:rgb(171, 171, 171);
}
.acems-grey-background {
    background-color:rgba(171, 171, 171, 0.8);
}
.acems-grey-border {
    border-color:rgb(171, 171, 171);
}
.acems-yellow-text {
    color:rgba(214, 207, 50, 1);
}
.acems-yellow-background {
    color:rgba(214, 207, 50, 0.8);
}
.acems-yellow-border {
    border-color:rgb(214, 207, 50);
}
.bg-primary {
    background-color: rgb(54, 129, 171)!important;
}
.bg-info {
    background-color: rgb(14, 173, 159)!important;
}
.bg-success {
    background-color: rgb(74, 150, 52)!important;
}
.bg-warning {
    background-color: rgb(74, 150, 52)!important;
}
.bg-danger {
    background-color: rgb(185, 52, 79)!important;
}
/***************************************************  Foundation Gaps  ************/
.gap-5 {
    height: 5px;
}
.gap-10 {
    height: 10px;
}
.gap-20 {
    height: 20px;
}
.gap-30 {
    height: 30px;
}
.gap-40 {
    height: 40px;
}
.gap-50 {
    height: 50px;
}
.gap-60 {
    height: 60px;
}
.gap-70 {
    height: 70px;
}
.gap-80 {
    height: 80px;
}
.gap-90 {
    height: 90px;
}
.gap-100 {
    height: 100px;
}
/***************************************************  Foundation Widths  ************/
@media (min-width: 576px) {
    .width-1 {
        min-width: 48px;
        width: 8.3333333333333%;
    }
    .width-2 {
        min-width: 96px;
         width: 16.6666666666667%;
    }
    .width-3 {
        min-width: 144px;
         width: 25%;
    }
    .width-4 {
        min-width: 192px;
         width: 33.3333333333333%;
    }
    .width-5 {
        min-width: 240px;
         width: 41.6666666666667%;
    }
    .width-6 {
        min-width: 288px;
         width: 50%;
    }
    .width-7 {
        min-width: 336px;
         width: 58.3333333333333%;
    }
    .width-8 {
        min-width: 384px;
         width: 66.6666666666667%;
    }
    .width-9{
        min-width: 432px;
         width: 75%;
    }
    .width-10 {
        min-width: 480px;
        width: 83.3333333333333%;
    }
    .width-11 {
        min-width: 100px;
        width: 91.6666666666667%;
    }
    .width-12 {
        width: 100%;
    }
}
/**************************************************  Typography  ************/
p, li, td, section[class^="section-"] .card-body, section[class^="section-"] .card-body p {
    color: #4e4e4e;
}
@media print {
    p, li, td, section[class^="section-"] .card-body, section[class^="section-"] .card-body p {
    color: #000000;
}
}
strong, b {
    font-weight: 700;
}
/**************************************************  Typography Heading  ************/
h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 {
    font-family: 'Oswald', sans-serif;
    font-weight: 300;
}
h1, .h1 {
    margin: 20px 0 0 0;
    text-transform: uppercase;
}
@media (min-width: 576px) {
    h1, .h1 {
        margin: 50px 0 0 0;
    }
}
h2, .h2 {
    padding-bottom: 5px; 
}
p+h2, p+.h2 {
    padding-top: 30px;
}
.display-1 {
    font-size: 3.5rem;
}
.display-2 {
    font-size: 3rem;
}
.display-3 {
    font-size: 2.5rem;
}
.display-4 {
    font-size: 2rem;
}
/**************************************************  Typography Paragraph  ************/
p {
    font-weight: 400;
    line-height: 1.7em;
}
/**************************************************  Typography bullets  ************/
li {
    line-height: 1.7em;
}
/**************************************************  Typography Links  ************/
a {
    color: rgb(54, 129, 171);
}
/**************************************************  Typography Quotes  ************/
p.quote {
    margin: 35px 10% 10px!important;
    font-size: 1.3em!important;
    padding-left: 45px;
    position: relative; 
}
p.quote:before {
    content:"";
    position: absolute;
    background-image: url("../images/glyphicons_svg/glyphicons-quote-grey.svg");
    background-position: 0 0;
    background-repeat: no-repeat;
    background-size: 50%;
    width: 53px;
    height: 25px;
    top: 0;
    left: 0;
}

p.cite {
    opacity: 0.6;
    margin: 0 10% 30px 15%!important;
    padding-left: 45px;
    font-size: 1.1em!important;
}
p.cite:before {
    content:"– ";
}
/************************************************  Icon  ************/
.glyphicon:before {
    display: inline-block;
    font-family: 'GLYPHICONSBasicSet';
    font-style: normal;
    font-weight: normal;
    line-height: 1;
    vertical-align: top;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.before.icon:before, .after.icon:after, .btn-pop:after, .card.card-staff .btn:after {
    font-family: "GLYPHICONSBasicSet";
}
.before.icon:before, .after.icon:after {
    font-weight: 400;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: 50%;
    content: "";
    font-size: 1.2rem;
    line-height: 1.6em;
    display:inline-block;
}
.btn.before.icon:before {
    border-radius: .25rem 0 0 .25rem;
}
.btn.after.icon:after {
    border-radius: 0 .25rem .25rem 0;
}
.before.reveal:before, .after.reveal:after {
    content:"\E221";
}
a[aria-expanded="true"].before.reveal:before, a[aria-expanded="true"].after.reveal:after {
     content:"\E222";
}
.icon-facebook:after {
     background-image: url("../images/glyphicons_svg/flogo-HexRBG-Wht-72.svg");
     background-size: 67%;
}
.icon-instagram:after {
     background-image: url("../images/glyphicons_svg/instagram-logo_wht.svg");
}
.icon-linkedin:after { 
    background-image: url("../images/glyphicons_svg/In-White.svg");
}
.glyphicon-tick:before, .glyphicon-check:before{
    content:"\E739";
}
.glyphicon-presentation:before{
    content:"\E424";
}
.glyphicon-credit-card:before{
    content:"\E329";
}
.glyphicon-thumbs-up:before{
    content:"\E451";
}
.glyphicon-team:before{
    content:"\E044";
}
.glyphicon-cog:before{
    content:"\E137";
}
.glyphicon-award:before{
    content:"\E137";
}
.glyphicon-eye-open:before{
	content:"\E052";
}
.glyphicons-cup:before {
    content: "\E075";
}
.glyphicons-award:before {
    content: "\E393";
}
.glyphicons-map-marker:before {
    content: "\E593";
}
.glyphicons-play-button:before {
    content: "\E439";
}
.glyphicons-usd:before {
    content: "\E227";
}
/************************************************  Buttons  ************/
.btn {
    background-color: rgba(54, 129, 171, 0.8);
    color: #ffffff;
    border-color: rgb(54, 129, 171);
}
.btn.icon {
    position:relative;
    padding-right: 40px;
    border: none;
}
.btn.icon::after {
    position: absolute;
    display: block;
    top: 0;
    right: 0;
    height: 100%;
    color: #ffffff;
    background-color: rgba(54, 129, 171, 1);
    width: 30px;
}
.btn:hover {
    background-color: rgba(54, 129, 171, 1);
    color: #ffffff;
}
.btn-link, .btn-link:hover {
    background: transparent!important;
    color: rgb(54, 129, 171);
    border: none;
}
.btn-group {
    margin-bottom: 5px;
}
/**************************************************  Buttons To Top  ************/
#toTopButton {
  display: inline-block;
  width: 40px;
  height: 40px;
  text-align: center;
  border-radius: 2px;
  position: fixed;
  bottom: 20px;
  right: 20px;
  transition: background-color .3s, opacity .5s, visibility .5s;
  opacity: 0;
  visibility: hidden;
  z-index: 1000;
}
@media print {
    #toTopButton {
        display: none;
    }
}
#toTopButton.show:hover {
  cursor: pointer;
  opacity: 1;
}
#toTopButton.show:active {
  opacity: 1;
}
#toTopButton.show {
  opacity: 0.5;
  visibility: visible;
}
#toTop-up-line {
    fill:rgb(76, 76, 76);
}
/**************************************************  Top Menu  ************/
.navbar {
    padding: 15px 10px;
    background: #fff;
    border: none;
    border-radius: 0;
    margin-bottom: 40px;
    box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.1);
}
.navbar-btn {
    box-shadow: none;
    outline: none !important;
    border: none;
}

.line {
    width: 100%;
    height: 1px;
    border-bottom: 1px dashed #ddd;
    margin: 40px 0;
}

i, span {
    display: inline-block;
}

/**************************************************  Side bar menu  ************/
#sidebar {
    font-family: 'Oswald', sans-serif;
    font-weight: 300;
    text-transform: uppercase;
    min-width: 80px;
    max-width: 80px;
    background-color: rgba(0, 0, 0, 0.7);
    color: #fff;
    transition: all 0.3s;
    /*position: fixed;*/
    position: absolute;
    z-index: 10;
    min-height: 100vh;
    height: 100%;
    text-align: right;
    margin-left: -66px !important;
}
@media print {
    #sidebar {
        display: none;
    }
}
#sidebar.active svg#menu-chevron-right  {
    display: none;
}
#sidebar svg#menu-chevron-right  {
    display: block;
}
#sidebar.active svg#menu-chevron-left  {
    display: block;
}
#sidebar svg#menu-chevron-left  {
    display: none;
}
#sidebar svg.nav-toggle-icon {
    width: 12px;
    height: 12px;
    margin: 2px;
}
i#nav-toggle {
    cursor: pointer;
}
svg.nav-toggle-icon g {
    fill:#ffffff;
}
#sidebar.active {
    min-width: 230px;
    max-width: 230px;
    margin-left: 0 !important;
}
@media (max-width: 768px) {
    #sidebar.active {
        margin-left: 0 !important;
    }
}
#sidebar .sidebar-header {
    opacity: 0;
    transition: opacity 0.3s;
    -webkit-transition: opacity 0.3s;
}
#sidebar.active .sidebar-header {
     opacity: 1;
    transition: opacity 0.3s;
    -webkit-transition: opacity 0.3s;
}
.navbar-brand {
    margin-bottom: 15px;
}
.navbar-brand svg {
    width: 100%;
}
#sidebar.active .sidebar-header h3 {
    display: block;
}
#sidebar .sidebar-header h3 {
    display: none;
    color:#fff!important;
}
@media (max-width: 768px) {
    #sidebar .sidebar-header h3 {
        display: none;
    }
}
#sidebar.active .sidebar-header strong {
    display: none;
}
#sidebar .sidebar-header strong {
    font-size: 1.3em;
    display: block;
}
@media (max-width: 768px) {
    #sidebar .sidebar-header strong {
        display: block;
    }
}
#sidebar ul li {
    border-right: 14px solid transparent;
    position: relative;
}
#sidebar ul ul li {
    border-right: none;
	line-height: 1.4em;
}
#sidebar ul li a {
    text-align: left;
    font-size: 0.85em;
    color: #ffffff;
}
#sidebar ul li a span {
    opacity: 0;
    transition: opacity 0.3s;
    -webkit-transition: opacity 0.3s;
    display: none;
}

#sidebar ul li a + span  {
    position: absolute;
    top: 14px;
    right: 9px;
    color: #ffffff;
    cursor: pointer;
    font-size: 2.3em;
    display: block;
    width: 12px;
    height: 11px;
    padding: 0;
    margin: 0;
    line-height: 0;
    transition-duration: 0.5s;
}
#sidebar ul li a + span[aria-expanded="true"] {
    transform: rotate(180deg);
    transition-duration: 0.5s;
}
#sidebar.active ul li a span {
    opacity: 1;
    transition: opacity 0.3s;
    -webkit-transition: opacity 0.3s;
    display: inline;
}
#sidebar ul li.colour-home {
    border-color: rgb(54, 129, 171);
}
#sidebar ul.homeSubmenu{
    background-color: rgb(54, 129, 171);
}
#sidebar ul li.colour-ACEMS {
    border-color: #d4cf5a;
}
#sidebar ul li.active.colour-ACEMS {
    background-color: #d4cf5a;
}
#sidebar ul#acemsSubmenu{
    background-color: #d4cf5a;
}
#sidebar ul li.colour-governance {
    border-color: #d47b59;
}
#sidebar ul li.active.colour-governance {
    background-color: #d47b59;
}
#sidebar ul#governanceSubmenu{
    background-color: #d47b59;
}
#sidebar ul li.colour-research {
    border-color: #8c61a8;
}
#sidebar ul li.active.colour-research {
    background-color: #8c61a8;
}
#sidebar ul#researchSubmenu{
    background-color: #8c61a8;
}
#sidebar ul li.colour-collaborations {
    border-color: #88c670;
}
#sidebar ul li.active.colour-collaborations {
    background-color: #88c670;
}
#sidebar ul#collaborationsSubmenu{
    background-color:#88c670;
}
#sidebar ul li.colour-achievements {
    border-color: #de5068;
}
#sidebar ul li.active.colour-achievements {
    background-color: #de5068;
}
#sidebar ul#achievementsSubmenu{
    background-color: #de5068;
}
#sidebar ul li.colour-developments {
    border-color: #5ec5c4;
}
#sidebar ul li.active.colour-developments {
    background-color: #5ec5c4;
}
#sidebar ul#developmentsSubmenu{
    background-color:  #5ec5c4;
}
#sidebar ul li.colour-impact {
    border-color: #f7a492;
}
#sidebar ul li.active.colour-impact {
    background-color: #f7a492;
}
#sidebar ul#impactSubmenu{
    background-color: #f7a492;
}
#sidebar ul li.colour-equity {
    border-color: #c661a7;
}
#sidebar ul li.active.colour-equity {
    background-color: #c661a7;
}
#sidebar ul#equitySubmenu{
    background-color: #c661a7;
}
#sidebar ul li.colour-performance {
    border-color: #2e4fa0;
}
#sidebar ul li.active.colour-performance {
    background-color: #2e4fa0;
}
#sidebar ul#performanceSubmenu{
    background-color: #2e4fa0;
}
#sidebar ul li.colour-case-studies {
    border-color: #3c975e;
}
#sidebar ul li.active.colour-case-studies {
    background-color: #3c975e;
}
#sidebar ul#caseSubmenu{
    background-color: #3c975e;
}
#sidebar ul li.colour-member-stories {
    border-color: #8f8f8f;
}
#sidebar ul li.active.colour-member-stories {
    background-color: #8f8f8f;
}
#sidebar ul#memberSubmenu{
    background-color: #8f8f8f;
}
#sidebar.active ul li a {
    padding: 10px 15px;
    text-align: left;
    font-size: 1.1em;
}
#sidebar.active ul li {
    border-width: 20px;
}
@media (max-width: 768px) {
    #sidebar ul ul a {
        padding: 10px !important;
    }
}
#sidebar.active ul ul a {
    padding: 5px 20px !important;
    font-size: 0.9em;
}
#sidebar .dropdown-toggle::after {
    border: none;
}
#sidebar .sidebar-header {
    padding: 0 20px 20px;
    font-weight: 700;
    text-transform:uppercase;
    line-height: 0.95em;
    margin: 0;
}
#sidebar .sidebar-header h3 {
    font-family: 'Oswald', sans-serif;
    font-weight: 600;
    font-size: 3em;
    line-height: 0.95em;
    margin: 0;
}
#sidebar .sidebar-header h3.light {
    font-weight: 300;
    border-top: 2px solid rgb(165, 165, 165);
    padding-top: 15px;
}
#sidebar.active .sidebar-header {
    padding: 10px;
}
#sidebar ul.components {
    padding: 20px 0;
}
#sidebar ul li a {
    padding: 10px;
    display: block;
}
#sidebar ul li a:hover {
     background-color: rgba(0, 0, 0, 0.9);
}
#sidebar ul li a i {
    margin-right: 10px;
}
#sidebar ul li.active>a {
    color: #fff;
}
/*#sidebar ul ul {
    position: fixed;
    left: 231px;
    top: 0;
    height: 100%;
    background-color: rgba(247, 164, 146, 1);
    padding-top: 25%;
    width: 240px;
}
#sidebar ul ul.collapsing {
    width: 0;
    -webkit-transition: width 0.35s ease;
    transition: width 0.35s ease;
}*/
@media (max-width: 768px) {
    #sidebar {
        margin-left: 0;
    }
    #sidebarCollapse span {
        display: none;
    }
}
/**************************************************  Sub menu ************/
.submenu-container {
    display: none;
}
.submenu-container {
    width: 100%;
    margin: 0 auto;
    background-image: url(../images/sections/general/section-general.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    backface-visibility: 0.5;
    z-index: 2;
    position: fixed;
    left: 0;
    right: 0;
    top: 10px;
}
.submenu-container.to-top {
    top:0;
}
.submenu-container.to-top, .submenu-container {
    transition: top .1s ease-out;
}
.submenu-container ul {
    list-style: none;
    margin: 0;
    padding: 10px 20px;
    font-family: 'Oswald', sans-serif;
    font-weight: 300;
    text-transform: uppercase;
    font-size: 1.2em;
}
.submenu-container ul li {
    display:inline-block;
    padding: 3px 6px;
}
.submenu-container ul li a {
    color:#ffffff!important;
    border-top: 3px solid transparent;
    transition: border-top-color .2s ease-in;
}
.submenu-container ul li a:hover {
    color:#ffffff!important;
    border-top-color: #ffffff;
    text-decoration: none;
    transition: border-top-color .3s ease-out;
}
@media (min-width: 576px) {
    .submenu-container {
        display: block;
    }
}
/**************************************************  Content area  ************/
#content {
    width: 100%;
    /*padding: 0 15px 0 20px;*/
    min-height: 100vh;
    transition: all 0.3s;
}
.container.top {
    padding: 15px;
    border-top: 10px solid #ffffff;
}
@media print {
    .container.top {
        border-top: 10px solid #cccccc;
    }
}
/****************************************************  Content Text  ************/
.content-introduction {
    margin-top: 30px;
    font-size: 1.3em;
}
.content-introduction a {
	text-decoration: underline;
}
h2 +.content-introduction {
    margin-top: 10px;
    font-size: 1.3em;
}
/****************************************************  Content dropdown  ************/
.dropdown-menu {
    padding: .5rem .4rem;
}
/****************************************************  Content Tables  ************/
table {
   background-color: rgb(255, 255, 255);
    
}
table tr {
    
}
table tr td, table tr th {
    min-height: 24px;
    padding: 4px 13px;
    border: solid 1px rgba(54, 129, 171, 0.3);
}
body#back-impact table tr td, body#back-impact table tr th {
    border: solid 1px rgba(254, 231, 224, 0.9);
}
table.finance-table tr td {
    text-align: right;
}
table.finance-table tr td:first-child, table.finance-table tr th:first-child {
    text-align: left;
}
table tr th small{
    display: block;
    font-size: 55%; 
}
thead tr {
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#003e6d+0,3681ab+100 */
    background: rgb(0,62,109); /* Old browsers */
    background: -moz-linear-gradient(left, rgba(0,62,109,1) 0%, rgba(54,129,171,1) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(left, rgba(0,62,109,1) 0%,rgba(54,129,171,1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right, rgba(0,62,109,1) 0%,rgba(54,129,171,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#003e6d', endColorstr='#3681ab',GradientType=1 ); /* IE6-9 */
}
body#back-impact thead tr {
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#7c1907+0,d05f48+99 */
	background: #7c1907; /* Old browsers */
	background: -webkit-linear-gradient(left, #7c1907 0%, #d05f48 99%);
	background: -o-linear-gradient(left, #7c1907 0%, #d05f48 99%);
	background: linear-gradient(to right, #7c1907 0%, #d05f48 99%); /* FF3.6-15 */ /* Chrome10-25,Safari5.1-6 */ /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7c1907', endColorstr='#d05f48',GradientType=1 ); /* IE6-9 */
}
@media print {
    thead tr, body#back-impact thead tr {
        background: rgb(0,0,0);
    }
}
thead tr td, thead tr th {
    border-color:#9cbfd2;
}
body#back-impact thead tr td, body#back-impact thead tr th {
    border-color:#fee7e0;
}
thead tr td, thead tr th, thead tr th p, thead tr td p {
    color:#ffffff;
    text-transform: uppercase;
    font-weight: 400;
    font-size: 1.3em;
}
@media print {
}
tbody tr {
    
}
tbody tr td {
    
}
tbody tr.section-row {
     /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#558caa+0,b3cce2+100 */
    background: rgb(85,140,170); /* Old browsers */
    background: -moz-linear-gradient(left, rgba(85,140,170,1) 0%, rgba(179,204,226,1) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(left, rgba(85,140,170,1) 0%,rgba(179,204,226,1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right, rgba(85,140,170,1) 0%,rgba(179,204,226,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#558caa', endColorstr='#b3cce2',GradientType=1 ); /* IE6-9 */
}
@media print {
    tbody tr.section-row {
        background:#cccccc;
    }
}
tbody tr.section-row td, tbody tr.section-row td p {
    color:#ffffff;
    text-transform: uppercase;
    font-weight: 400;
    font-size: 1.1em;
}
tbody tr.totals-row {
    background-color: rgba(54, 129, 171, 0.4);
}
tbody tr.totals-row td {
     border-color:#9cbfd2;
}
body#back-impact tbody tr.totals-row td {
     border-color:#fee7e0;
}
tbody tr.totals-row td, tbody tr.totals-row td p {
    color:#ffffff;
    text-transform: uppercase;
    font-weight: 400;
}
tbody tr.totals-row:hover {
    background-color: rgba(54, 129, 171, 0.8);
}
/****************************************************  Content Images  ************/
#content img {
    max-width: 100%;
    height: auto;
}
#content figure.image-rate img {
    height: 100%;
}
.image-container {
    display: inline-block;
    background-color: rgba(255,255,255,1);
}
.image-container + .image-container {
    margin-top: 30px;
}
body.case-study .image-container {
    background-color: #ffffff;
}
@media (min-width: 576px) {
    .image-container {
        position:relative;
    }
    .image-container.pull-left {
        float: left;
        margin-top: 5px;
        margin-right: 30px;
        margin-bottom: 24px;
    }
    .image-container.pull-right {
        float: right;
        margin-top: 5px;
        margin-left: 30px;
        margin-bottom: 24px;
    }
    body.case-study .image-container img {
        max-width: 50%!important;
        display:inline-block;
        margin: 1%;
        vertical-align: top;
    }
    body.case-study div.top .image-container img, body.case-study div.top .image-container .image-caption, body.case-study .image-container .image-caption.caption-bottom{
        display:block;
        margin: 0;
    }
    body.case-study div.top .image-container img, body.case-study .image-container .image-caption.caption-bottom {
     max-width: none!important;
    }
    .caption-bottom{
        max-width: none!important;
        display: block!important;
        position: static!important;
    }
}
#content .image-container.multi-image img {
        display: inline-block;
        max-width: 50%;
    }
.image-caption {
    font-weight: 300;
    padding: 5px 20px;
    text-align: left;
    color: #000000;
    /*font-size: 1.2em;*/
    font-style: italic;
    margin-bottom: 4px;
}
.top .image-caption {
    font-family: 'Oswald', sans-serif;
    text-transform: uppercase;
    text-align: right;
    font-size: 1.2em;
    font-style: normal;
}
.image-caption p {
    margin-bottom: 4px;
}
body.case-study .container.top .image-caption {
    margin-top: 20px;
}
.image-caption.primary-caption {
    font-size: 1.4em;
    text-transform: uppercase;
}
@media (min-width: 576px) {
    body .top .image-caption {
        position:absolute;
        bottom: 7%;
        right: -20px;
        padding: 5px 20px 5px 5px;
        text-align: right;
        max-width: 50%;
    }
    body.case-study .image-container .image-caption {
        padding: 10px 2% 0 2%;
        max-width: 45%;
        display: inline-block;
    }
    body.case-study .image-container .image-caption.caption-left {
        position: static;
    }
}
.image-caption.back-light {
    background-color:rgba(255,255,255,0.7);
}
.image-caption.back-dark {
    background-color:rgba(54, 129, 171, 0.8);
    color: #ffffff;
}
/******************************************************  Content Authors  ************/
.author-container {
    margin-top: 50px;
    background-color:rgba(54, 129, 171, 1);
    border-bottom: 8px solid rgb(151, 194, 218);
}
.author-container.profile {
    margin-top: 0;
}
.author-container p, .author-container li {
    color:#ffffff;
}
.author-container img {
    display:inline-block;
    width: 90px;
}
.author-container ul, .author-container ol {
    display: inline-block;
    vertical-align: top;
    list-style: none;
    padding: 10px;
    margin: 0;
    font-family: 'Oswald', sans-serif;
    font-weight: 200;
    letter-spacing: 0.05em;
    text-transform: inherit;
}
/******************************************************  Content Sections  ************/
section[class^="section-"] {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 50% 50%;
    color: #ffffff;
    padding: 30px 0;
}
/******************************************************  Content Charts  ************/
canvas {
			-moz-user-select: none;
			-webkit-user-select: none;
			-ms-user-select: none;
		}
.chart-outer {
/*background-color: rgba(255,255,255,0.6);*/
padding: 16px;
/*border-radius: 10px;*/
}
.kpi-row td {
	color:#fff;
}
/****************************************************  Content sections - Typography  ************/

section h1, section .h1 {
    text-transform: none;
    font-size: 4em;
    border-top: 10px solid #ffffff;
    padding-top: 23px;
}
section h2, section .h2 {
    text-transform: uppercase;
    margin-bottom: 20px;
}
section .accordion h2, section .accordion .h2 {
    margin-bottom:0;
}
body[id^="back-"] section h1, body[id^="back-"] section .h1, body[id^="back-"] section[class^="section-"] h2, body[id^="back-"] section[class^="section-"] .h2,body[id^="back-"] section[class^="section-"] p.content-introduction {
    color: #ffffff!Important
}
section p, section li, section td {
    color: #ffffff;
}
section .card p, section .card li, section .card td {
    color: #212529;
}
/****************************************************  Content sections - Introduction  ************/
section.section-introduction {
    background-image: url("../images/sections/introducton/section-introduction.jpg");
    background-position: 50% 30%;
}
/****************************************************  Content sections - ACEMS  ************/
section.section-general {
    background-image:url("../images/sections/general/section-general.jpg");
    background-position: 50% 30%;
}
/****************************************************  Content sections - governance  ************/
section.section-governance {
    background-image:url("../images/sections/governance/section-governance.jpg");
    background-position: 50% 30%;
}
/****************************************************  Content sections - research  ************/
section.section-research {
    background-image:url("../images/sections/research/section-research.jpg");
    background-position: 50% 30%;
}
/****************************************************  Content sections - collaborations  ************/
section.section-collaborations {
    background-image:url("../images/sections/collaborations/section-collaborations.jpg");
    background-position: 50% 30%;
}
/****************************************************  Content sections - collaborations  ************/
section.section-collaborations {
    background-image:url("../images/sections/collaborations/section-case.jpg");
    background-position: 50% 30%;
}
/****************************************************  Content sections - achievements  ************/
section.section-achievements {
    background-image:url("../images/sections/achievements/section-achievements.jpg");
    background-position: 50% 30%;
}
/****************************************************  Content sections - development  ************/
section.section-development {
    background-image:url("../images/sections/development/section-development.jpg");
    background-position: 50% 30%;
}
/****************************************************  Content sections - impact  ************/
section.section-impact {
    background-image:url("../images/sections/impact/section-impact.jpg");
    background-position: 50% 30%;
}
/****************************************************  Content sections - equity  ************/
section.section-equity {
    background-image:url("../images/sections/equity/section-equity.jpg");
    background-position: 50% 30%;
}
/****************************************************  Content sections - performance  ************/
section.section-performance {
    background-image:url("../images/sections/performance/section-performance.jpg");
    background-position: 50% 30%;
}
/****************************************************  Content sections - Case Study  ************/
section.section-caseStudy {
    background-image: url("../images/sections/caseStudies/section-caseStudies.jpg");
}
/****************************************************  Content sections - Member stories ************/
section.section-memberStories {
    background-image: url("../images/sections/memberStories/section-memberStories.jpg");
}
/****************************************************  Content sections - Overview ************/
/*body.overview-page*/ section {
    background-color: #00bcab;
}
/*body.overview-page*/ section > div > h2 {
    margin-top: 30px;
}
/*body.overview-page*/ section + section {
    background-color: #6fd5ca;
}
/*body.overview-page*/ section + section + section {
    background-color: #97e1d9;
}
/*body.overview-page*/ section + section + section + section {
    background-color: #b1e9e4;
}
/**************************************************  Counter  ************/
.counter {
    text-align: center;
    text-transform: uppercase;
    text-shadow: 1px 0 1px rgba(0,0,0, 0.2);
    padding: 10px 20px;
    font-size: 0.9em;
    max-width: 270px;
    height: 90%;
    margin: 5% auto;
    background-color: rgba(255, 255, 255, 0.3);
}
@media (min-width: 576px) {
    .counter {
        margin:5% 0;
        max-width: none;
    }
}
.counter.counter-last {
     border-right: none;
}
.counter, .counter p {
    font-family: 'Oswald', sans-serif;
}
.counter p {
    font-weight: 200;
    color: rgb(54, 129, 171);
    font-size: 1.3em;
}
@media print {
    .counter p {
        color: rgb(0, 0, 0);
    }
}
section[class^="section-"] .counter p, body.theme-page .counter p {
    color: rgb(255, 255, 255)!important;
}
.counter p.count-number {
    font-size: 7em;
    font-weight: 400;
    margin: 0;
    padding: 0;
    line-height: normal;
}
.counter.small-counter p.count-number {
    font-size: 5.5em;
}

/**************************************************  Media Stats  ************/

hr.impact-line {
	border-top: 5px solid #d05f48;
}

.media-stats .counter {
	background: transparent;
}

.media-stats .counter p.count-number {
	line-height: 1em;
    margin-bottom: 5px;
}

.media-stats p.count-text {
	margin-bottom:0;
}
.counter.bubble {
	background-image: url("../images/impact/social-media/speech-bubble.svg");
	background-position: center center;
	background-repeat: no-repeat;
	background-size: contain;
	min-height: 200px;
}
body#back-impact .counter.bubble p, body#back-performance .counter.bubble p {
	color: #fff;
	padding-top: 30px;
}

p.count-text.media-feature {
	text-align: left;
	font-size: 3em;
    line-height: 1em;
}

.social-media .col-sm-4 {
	padding: 0;
	margin: inherit 5px;
}
/****  Column colours  ******/
.twitter-column {
	background-color: #50c9f2;
	color: #fff;
}
.twitter-head {
	padding: 10px;
	background-color: #7bd6f5;
}
.facebook-column {
	background-color: #3a5a99;
	color: #fff;
}
.facebook-head {
	padding: 10px;
	background-color: #6b83b2;
}
.youtube-column {
	background-color: #ce342c;
	color: #fff;
}
.youtube-head {
	padding: 10px;
	background-color: #da6760;
}
.instagram-column {
	background-color: #7024c4;
	color: #fff;
}
.instagram-head {
	padding: 10px;
	background-color: #945bd3;
}
.linkedin-column {
	background-color: #0a76b6;
	color: #fff;
}
.linkedin-head {
	padding: 10px;
	background-color: #4798c8;
}

body#back-performance .social-media .counter p.count-number, body#back-performance .social-media .counter p.count-text {
	color: #fff;
}

body#back-performance .social-media .counter p.count-number {
	font-size: 4em;
}

.social-media {
	text-align: center;
}

.social-media-hr {
	border-top: 5px solid #fff; 
}

body#back-performance .progress.progress-circle .progress-value span {
    line-height: 1em;
    margin-top: 10px;
}
/**************************************************  Organisation Chart  ************/
.org-chart .row.level-1 {
    width: 50%;
}
.org-chart .row > div:first-child {
    padding-left: 0;
}
.org-chart .row > div:last-child {
    padding-right: 0;
}
.org-chart .row.connector > div {
    height: 45px;
}
.org-chart .portrait-connection, .org-chart .landscape-connection, .org-chart .row.connector > div {
    background-size: 6px;
    background-position: 50% 0;
    background-image: url("../images/orgchart/main-connector.svg");
}
.org-chart .portrait-connection {
    background-repeat: repeat-y;
}
.org-chart .landscape-connection {
    background-repeat: repeat-x;
    background-position: 0 24px;
}
.org-chart .semi-connection {
    background-image: url("../images/orgchart/semi-connector.svg")!important;
}

.org-chart .card.card-chart {
    border: none;
    border-radius: 0;
    background: transparent;
}
.org-chart .accordion .card {
   background-color: #cc8876;
}
#accordionPartners .card {
    background: #ffffff;
}
.org-chart .personnel-row {
    background-color: #ffffff;
    margin-top: 5px;
}
.org-chart .card-header {
    background-color: #b24929;
    border: none;
    color: #ffffff;
    text-transform: uppercase;
    border-radius: 0;
}
.org-chart .accordion .card-header {
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#b24929+60,b24929+60,cc8876+100 */
    background: #b24929; /* Old browsers */
    background: -moz-linear-gradient(top, #b24929 60%, #b24929 60%, #cc8876 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #b24929 60%,#b24929 60%,#cc8876 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #b24929 60%,#b24929 60%,#cc8876 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b24929', endColorstr='#cc8876',GradientType=0 ); /* IE6-9 */
    
}
.org-chart .card-header h5 {
font-size: 1.2em;
text-align: center;
}
.org-chart .card-header h2 {
    text-align: center;
}
.org-chart .card-header h2 button.btn {
    color: #ffffff!important;
    text-decoration: none;
    font-size: .5em;
    text-align: center;
    padding-right: 20px;
    position:relative;
}
.org-chart .accordion .card-header h2 button:before {
    position:absolute;
    content:"";
    width: 10px;
    height: 100%;
    right: 0;
    top:0;
    background-image: url("../images/glyphicons_svg/glyphicons-bottom-arrow-white.svg");
    background-position: 50% 50%;
    background-size: contain;
    background-repeat: no-repeat;
    opacity: 0.6;
    transition: transform 0.3s ease;
}
.org-chart .accordion .card-header h2 button[aria-expanded="true"]:before {
    transform: rotate(180deg);
    transition: transform 0.3s ease;
}
.org-chart .accordion .card-header h2 button:hover:before {
    opacity: 1;
}
.org-chart .card-body {
    padding: 0;
}
.org-chart .card-body, .org-chart .card-body p {
    color:#212529!important;
    text-transform: uppercase;
}
.org-chart .uni-row {
    background-color:#ffffff;
    margin: 5px;
}
.org-chart .personnel-row {
    margin: 5px 5px;
    position: relative;
    padding: 10px 20px 10px 80px;
}
.org-chart .personnel-row i {
    display: block;
    width: 70px;
    height: 100%;
    position: absolute;
    top:0;
    left:0;
    /*background-color: #cccccc;*/
	overflow: hidden;
}


.org-chart #accordionStaff .personnel-row i, .org-chart #accordionNodeStaff .personnel-row i {
    width: 60px;
}

.org-chart #accordionStaff .personnel-row, .org-chart #accordionNodeStaff .personnel-row {
	min-height: 55px;
	padding-right: 50px;
}

.org-chart #accordionStaff .personnel-row .double-staff {
	min-height: 110px;
}

.org-chart .personnel-row i img {
    position: absolute;
}
.org-chart .uni-row h3 {
    background-color: #cc8876;
    font-size: 1.3em;
    padding: 10px 60px 10px 20px;
    line-height: 1.6em;
    color: #f5e4e0;
    position: relative;
    margin-bottom: 5px;
}
.org-chart .uni-row h3:before {
    content:"";
    background-repeat: no-repeat;
    background-position: 50% 50%;
    position: absolute;
    background-size: contain;
    height: 90%;
    width: 40px;
    top:0;
    right:0;
    /*background-color: #cccccc;*/
}
.org-chart .uni-row.uoim h3:before {
    background-image:url("../images/orgchart/MelbUni_icon_black.svg");
}
.org-chart .uni-row.qut h3:before {
    background-image:url("../images/orgchart/QUT_icon_black.svg");
	width: 35px;
}
.org-chart .uni-row.qu h3:before {
    background-image:url("../images/orgchart/UQ_icon-black.png");
}
.org-chart .uni-row.uoa h3:before {
    background-image:url("../images/orgchart/Adelaide_University_icononly.svg");
}
.org-chart .uni-row.unsw h3:before {
    background-image:url("../images/orgchart/UNSW_icon_BW.svg");
}
.org-chart .uni-row.monash h3:before {
    background-image:url("../images/orgchart/Monash_icon_BW.svg");
}
.org-chart .uni-row.uts h3:before {
    background-image:url("../images/orgchart/UTS-icon_black.svg");
}
.org-chart .personnel-row.uoim {
    background-image:url("../images/orgchart/MelbUni_icon_black.svg");
	background-repeat: no-repeat;
    background-position: 97% 50%;
    background-size: 15%;
}

.org-chart .personnel-row.uoa {
    background-image:url("../images/orgchart/Adelaide_University_icononly.svg");
	background-repeat: no-repeat;
    background-position: 95% 50%;
    background-size: 10%;
}

.org-chart .personnel-row.qut {
    background-image:url("../images/orgchart/QUT_icon_black.svg");
	background-repeat: no-repeat;
    background-position: 95% 50%;
    background-size: 10%;
}

.org-chart .personnel-row.monash {
    background-image:url("../images/orgchart/Monash_icon_BW.svg");
	background-repeat: no-repeat;
    background-position: 95% 50%;
    background-size: 10%;
}

.org-chart .personnel-row.unsw {
    background-image:url("../images/orgchart/UNSW_icon_BW.svg");
	background-repeat: no-repeat;
    background-position: 95% 50%;
    background-size: 8%;
}


.org-chart .uni-row p {
    padding: 3px 20px 0;
    margin: 0;
}
.org-chart .uni-row p:first-of-type {
    padding-top:5px;
}
.org-chart .uni-row p:last-child {
    padding-bottom:20px;
}
.org-chart .uni-row p span, .org-chart .personnel-row > span {
    display:block;
    font-size: 0.7em;
}
.org-chart #accordionPartners .card-body {
    padding: 10px 20px;
}

.org-chart .personnel-row.group-outreach {
	background-color: #00a65d;
	color: #fff;
	background-image: url("../images/orgchart/outreach-icon_white.svg");
	background-repeat: no-repeat;
	background-position: 96% 50%;
	background-size: 8%;
}

.org-chart .personnel-row.group-engagement {
	background-color: #0076be;
	color: #fff;
	background-image: url("../images/orgchart/stakeholder-eng-icon_white.svg");
	background-repeat: no-repeat;
	background-position: 96% 50%;
	background-size: 8%;
}

.org-chart .personnel-row.group-communication {
	background-color: #6b459b;
	color: #fff;
	background-image: url("../images/orgchart/comms-media-icon_white.svg");
	background-repeat: no-repeat;
	background-position: 96% 50%;
	background-size: 8%;
}

/**************************************************  Carousel  ************/
.carousel-text .carousel-caption, .carousel-text .carousel-indicators {
    position: static;
}
.carousel-text .carousel-caption {
    right: 0;
    bottom: 0;
    left: 0;
    padding: 0px 0px 20px;
    background-color: rgba(255, 255, 255, 0.7);
    margin-left: 0;
    margin-right: 0;
}
@media (min-width: 576px) {
    .carousel-text .carousel-caption {
        left: 15%;
        right: 15%;
        margin-left: 8%;
        margin-right: 8%;
        text-align: left;
        padding: 20px 5% 10px;
        /*font-size: 1.8em;*/
        text-transform: uppercase;
        font-family: 'Oswald', sans-serif;
        font-weight: 300;
    }
}
.carousel-text .carousel-caption h5 {
    padding: 2px 5px;
    text-transform: uppercase;
    background-color: rgb(54, 129, 171);
}
.carousel-text .carousel-caption p {
    color: #000000;
    margin: 20px 39px;
    font-size: 1.2em;
}
@media (min-width: 576px) {
    .carousel-text .carousel-caption p {
        font-size: 1.5em;
    }
}

.carousel-text .carousel-item .btn {
    
}
.carousel-indicators li {
  background-color: #000;
}
.carousel-control-next-icon, .carousel-control-prev-icon {
    display: none;
}
@media (min-width: 576px) {
    .carousel-control-next-icon, .carousel-control-prev-icon {
        /*background-color: rgba(0,0,0,0.5);*/
        background-size: 80%;
        height: 60px;
        width: 30px;
        display:block;
    }
}
body.theme-page .carousel-control-next-icon, body.theme-page .carousel-control-prev-icon {
    background-color: transparent;
}
.carousel-control-next, .carousel-control-prev {
   background: rgba(0,0,0,0.6);
    width: 8%;
    bottom: initial;
    height: calc(100% - 23px);
}

body.theme-page .carousel-text .carousel-caption {
    margin-left: 8%;
    margin-right: 8%;
    text-align: left;
    padding: 20px 5% 10px;
    /*font-size: 1.8em;*/
    text-transform: uppercase;
    font-family: 'Oswald', sans-serif;
    font-weight: 300;
}
body.theme-page .carousel-text .carousel-caption p {
    margin: 0 10% 20px;
    font-size: 1.8em;
}
body.theme-page .carousel-indicators {
    margin-left: 8%;
    margin-right: 8%;
}
/**************************************************  Flip Card  ************/
.flip_card_container {
    position: relative;
    height: 170px;
    z-index: 1;
    perspective: 1000;
    margin-bottom: 30px;
}
.flip_card {
    width: 100%;
    height: 100%;
    transform-style: preserve-3d;
    transition: all 0.5s ease-out;
    border-top: 5px rgba(0,0,0,1) solid;
    max-width: 270px;
    margin: 0 auto;
}
@media (min-width: 576px) {
    .flip_card {
        margin:0;
        max-width: none;
    }
}
section[class^="section-"] .flip_card {
    border-color: rgba(255,255,255,1);
}
.flip_card_container:hover .flip_card {
    transform: rotateY(180deg);
    border-color: rgba(0,0,0,0.5);
}
section .flip_card_container:hover .flip_card {
    border-color: rgba(255,255,255,0.7);
}
.face {
    position: absolute;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    text-transform: uppercase;
    width: 100%;
    height: 100%;
    padding: 25px 0 5px;
}
@media print {
    .face {
        color:#000000;
    }
}
.face.front h5 {
    font-size: 1.7em;
    line-height: 1.4em;
}
.face.back {
    display: block;
    transform: rotateY(180deg);
    box-sizing: border-box;
    background-color: rgba(0,0,0,0.7);
}
.face.back p {
    margin: 0 0 6px;
    line-height: normal;
    font-size: 0.9em;
    padding-left: 5px;
    padding-right: 5px;
    color:#ffffff;
}
.face.back p span.university {
    text-transform: none;
}
.face a.btn {
    font-size: 0.8em;
    margin-top: 15px;
    padding: .2rem 0.8rem;
    border-radius: 0;
    border: none;
    text-decoration: none!important;
    margin: 0 0 6px 5px;
    background-color: rgb(54, 129, 171);
    color:#ffffff;
}
/**************************************************  Timeline  ************/
.timeline {
  list-style: none;
  padding: 20px 0 20px;
  position: relative;
}
.timeline:before {
  top: 0;
  bottom: 0;
  position: absolute;
  content: " ";
  width: 3px;
  background-color: rgba(0, 0, 0, 0.40);
  left: 50%;
  margin-left: -1.5px;
}
.timeline > li {
  margin-bottom: 20px;
  position: relative;
}
.timeline > li:before,
.timeline > li:after {
  content: " ";
  display: table;
}
.timeline > li:after {
  clear: both;
}
.timeline > li:before,
.timeline > li:after {
  content: " ";
  display: table;
}
.timeline > li:after {
  clear: both;
}
.timeline > li > .timeline-panel {
  width: 46%;
  float: left;
  border: 1px solid #d4d4d4;
  border-radius: 2px;
  padding: 20px;
  position: relative;
  -webkit-box-shadow: 0 1px 6px rgba(0, 0, 0, 0.175);
  box-shadow: 0 1px 6px rgba(0, 0, 0, 0.175);
}
.timeline > li > .timeline-panel:before {
  position: absolute;
  top: 26px;
  right: -15px;
  display: inline-block;
  border-top: 15px solid transparent;
  border-left: 15px solid #ccc;
  border-right: 0 solid #ccc;
  border-bottom: 15px solid transparent;
  content: " ";
}
.timeline > li > .timeline-panel:after {
  position: absolute;
  top: 27px;
  right: -14px;
  display: inline-block;
  border-top: 14px solid transparent;
  border-left: 14px solid #fff;
  border-right: 0 solid #fff;
  border-bottom: 14px solid transparent;
  content: " ";
}
.timeline > li > .timeline-panel:after {
  border-left-color: 14px solid rgba(255,255,255,0.8);
  border-right: 0 solid rgba(255,255,255,0.8);
}
.timeline > li > .timeline-panel {
    background-color: rgba(255,255,255,0.8);
}
.timeline > li > .timeline-badge {
  color: #fff;
  width: 50px;
  height: 50px;
  line-height: 50px;
  font-size: 1.4em;
  text-align: center;
  position: absolute;
  top: 16px;
  left: 50%;
  margin-left: -25px;
  background-color: #999999;
  z-index: 100;
  border-top-right-radius: 50%;
  border-top-left-radius: 50%;
  border-bottom-right-radius: 50%;
  border-bottom-left-radius: 50%;
}
.timeline-badge i {
position: absolute;
top: calc(50% - (1.1em/2));
left: calc(50% - (0.9em/2));;
}
.timeline > li.timeline-inverted > .timeline-panel {
  float: right;
}
.timeline > li.timeline-inverted > .timeline-panel:before {
  border-left-width: 0;
  border-right-width: 15px;
  left: -15px;
  right: auto;
}
.timeline > li.timeline-inverted > .timeline-panel:after {
  border-left-width: 0;
  border-right-width: 14px;
  left: -14px;
  right: auto;
}
.timeline button i:before {
    line-height: 1.6em;
}
.timeline-badge.primary {
  background-color: #2e6da4 !important;
}
.timeline-badge.success {
  background-color: #3f903f !important;
}
.timeline-badge.warning {
  background-color: #f0ad4e !important;
}
.timeline-badge.danger {
  background-color: #d9534f !important;
}
.timeline-badge.info {
  background-color: #5bc0de !important;
}
.timeline-badge.timeline-pink {
  background-color: #EB43AC !important;
}
.timeline-badge.timeline-aqua {
  background-color: #55DED5 !important;
}
.timeline-badge.timeline-purple {
  background-color: #A055DE !important;
}
.timeline-badge.timeline-salmon {
  background-color: #DE7A55 !important;
}
.timeline-badge.timeline-royal {
  background-color: #4B43EB !important;
}
.timeline-title {
  margin-top: 0;
  color: inherit;
}
.timeline-body > p,
.timeline-body > ul {
  margin-bottom: 0;
}
.timeline-body > p + p {
  margin-top: 5px;
}
/**************************** Animations */
.iframe-container {
    position: relative;
    overflow: hidden;
    padding-top: 25%!important;
}
.iframe-container.National-Visitors {
    padding-top: 60%!important;
}
.iframe-container iframe {
  position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0;
    border: none;
}
/**************************************************  Progress bars  ************/
.progress {
    background-color: rgba(255, 255, 255, 0.40);
}
.progress-bar {
  background-color: rgb(54, 129, 171);
}
.progress.progress-line .progress-bar {
    border-radius: .25rem;
}
.progress.progress-line {
  margin-bottom: 10px;
  height: 1.6rem;
  border-radius: 0;
}
.progress.progress-line .progress-bar.progress-line {
    width: 0;
    border-radius: 0;
    text-align: left;
    padding: 5px;
    font-family: 'Oswald', sans-serif;
    font-weight: 300;
    font-size: 1.2em;
}
/**************************************************  Progress bars - Circle ************/
.progress.progress-circle {
  width: 150px;
  height: 150px;
  line-height: 150px;
  background: none;
  margin: 0 auto;
  box-shadow: none;
  position: relative;
  display: block;
}
.progress.progress-circle:after {
  content: "";
  width: 100%;
  height: 100%;
  border-radius: 50%;
  border: 7px solid rgba(255, 255, 255, 0.40);
  position: absolute;
  top: 0;
  left: 0;
}
.progress.progress-circle > span {
  width: 50%;
  height: 100%;
  overflow: hidden;
  position: absolute;
  top: 0;
  z-index: 1;
}
.progress.progress-circle .progress-left {
  left: 0;
}
.progress.progress-circle .progress-bar {
  width: 100%;
  height: 100%;
  border-width: 7px;
  border-style: solid;
  position: absolute;
  top: 0;
  border-color: rgb(54, 129, 171);
  background: transparent!important;
}
.progress.progress-circle .progress-left .progress-bar {
  left: 100%;
  border-top-right-radius: 75px;
  border-bottom-right-radius: 75px;
  border-left: 0;
  -webkit-transform-origin: center left;
  transform-origin: center left;
}
.progress.progress-circle .progress-right {
  right: 0;
}
.progress.progress-circle .progress-right .progress-bar {
  left: -100%;
  border-top-left-radius: 75px;
  border-bottom-left-radius: 75px;
  border-right: 0;
  -webkit-transform-origin: center right;
  transform-origin: center right;
}
.progress.progress-circle .progress-value {
  display: flex;
  border-radius: 50%;
  font-size: 36px;
  text-align: center;
  line-height: 20px;
  align-items: center;
  justify-content: center;
  height: 100%;
  font-weight: 300;
}
.progress.progress-circle .progress-value div {
  margin-top: 10px;
}
.progress.progress-circle .progress-value span {
  font-size: 12px;
  text-transform: uppercase;
}

/* This for loop creates the 	necessary css animation names 
Due to the split circle of progress-left and progress right, we must use the animations on each side. 
*/
.progress.progress-circle[data-percentage="10"] .progress-right .progress-bar {
  animation: loading-1 1.5s linear forwards;
}
.progress.progress-circle[data-percentage="10"] .progress-left .progress-bar {
  animation: 0;
}

.progress.progress-circle[data-percentage="20"] .progress-right .progress-bar {
  animation: loading-2 1.5s linear forwards;
}
.progress.progress-circle[data-percentage="20"] .progress-left .progress-bar {
  animation: 0;
}

.progress.progress-circle[data-percentage="30"] .progress-right .progress-bar {
  animation: loading-3 1.5s linear forwards;
}
.progress.progress-circle[data-percentage="30"] .progress-left .progress-bar {
  animation: 0;
}

.progress.progress-circle[data-percentage="40"] .progress-right .progress-bar {
  animation: loading-4 1.5s linear forwards;
}
.progress.progress-circle[data-percentage="40"] .progress-left .progress-bar {
  animation: 0;
}

.progress.progress-circle[data-percentage="50"] .progress-right .progress-bar {
  animation: loading-5 1.5s linear forwards;
}
.progress.progress-circle[data-percentage="50"] .progress-left .progress-bar {
  animation: 0;
}

.progress.progress-circle[data-percentage="60"] .progress-right .progress-bar {
  animation: loading-5 1.5s linear forwards;
}
.progress.progress-circle[data-percentage="60"] .progress-left .progress-bar {
  animation: loading-1 1.5s linear forwards 1.5s;
}

.progress.progress-circle[data-percentage="70"] .progress-right .progress-bar {
  animation: loading-5 1.5s linear forwards;
}
.progress.progress-circle[data-percentage="70"] .progress-left .progress-bar {
  animation: loading-2 1.5s linear forwards 1.5s;
}

.progress.progress-circle[data-percentage="80"] .progress-right .progress-bar {
  animation: loading-5 1.5s linear forwards;
}
.progress.progress-circle[data-percentage="80"] .progress-left .progress-bar {
  animation: loading-3 1.5s linear forwards 1.5s;
}

.progress.progress-circle[data-percentage="90"] .progress-right .progress-bar {
  animation: loading-5 1.5s linear forwards;
}
.progress.progress-circle[data-percentage="90"] .progress-left .progress-bar {
  animation: loading-4 1.5s linear forwards 1.5s;
}

.progress.progress-circle[data-percentage="100"] .progress-right .progress-bar {
  animation: loading-5 1.5s linear forwards;
}
.progress.progress-circle[data-percentage="100"] .progress-left .progress-bar {
  animation: loading-5 1.5s linear forwards 1.5s;
}

@keyframes loading-1 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(36);
    transform: rotate(36deg);
  }
}
@keyframes loading-2 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(72);
    transform: rotate(72deg);
  }
}
@keyframes loading-3 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(108);
    transform: rotate(108deg);
  }
}
@keyframes loading-4 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(144);
    transform: rotate(144deg);
  }
}
@keyframes loading-5 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(180);
    transform: rotate(180deg);
  }
}
.progress.progress-circle {
  margin-bottom: 1em;
}
/**************************************************  Accordion  ************/
.accordion .card-header {
    padding: .05rem 1.25rem;
    padding: 0;
}
.accordion .card-header .btn-link {
    text-transform: uppercase;
}

.new-org {
	background-color:#b6e0e2; 
	padding-left:5px;
}

/**************************************************  Popups/Modals  ************/
.btn-pop {
    position: relative;
    border-radius: 0;
    background-color: rgba(54, 129, 171, 0.3);
    color: #212529;
    border: none;
    text-transform: uppercase;
    font-weight: 500;
    padding-right: 40px;
}
.btn-pop:after {
    position: absolute;
    background-color: rgba(54, 129, 171, 0.8);
    display: block;
    content: "\E371";
    color: #ffffff;
    font-size: 1.1rem;
    line-height: 1.8em;
    padding: 0;
    top: 0;
    right: 0;
    height: 100%;
    width: 30px;
    /*background-image: url(../images/glyphicons_svg/glyphicons-191-plus-sign-white.svg);
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: 65%;*/
}
.case-popper {
    padding: 0 0 40px 0;
    width: 100%;
    background-color: rgb(54, 129, 171);
    background-image: url("../images/research/definitions-background.jpg");
    background-position: 50% 50%;
    background-repeat: no-repeat;
    /*background-blend-mode: multiply;*/
    background-size: cover;
    margin-top: -5px;
}
.case-popper .btn-pop {
    font-size: 1.6em;
    background-color: rgba(54, 129, 171, 0.8);
    color: #ffffff;
}
.case-popper .btn-pop:after {
    line-height: 2.3em;
}

/**************************************************  Cards  ************/
section[class^="section-"] .card {
    border: none;
}
section[class^="section-"] .card-body h5 {
    margin-bottom: 0;
}
/****************************************************  Cards - Staff  ************/
.row.staff-row div[class^="col-"] {
    margin-top: 10px;
}
.card.card-staff {
    padding: 0;
    height: 100%;
    position: relative;
}
.card.card-staff .card-title {
    margin-bottom: 0!important;
}
.card.card-staff .btn {
    margin:0px 0 -1px -17px;;
    width: 100%;
    text-align: left;
    padding-right: 40px;
    background-color: rgba(54, 129, 171, 0.3);
    border: none;
    position: absolute;
    bottom: 1px;
    left: 17px;
}
.card.card-staff .btn:hover {
    background-color: rgba(54, 129, 171, 1);
}
.card.card-staff .btn:after {
    position: absolute;
    content:"\E224";
    display: block;
    top:0;
    right:0;
    height: 100%;
    color:#ffffff;
    background-color: rgba(54, 129, 171, 1); 
    font-size: 1.2rem;
    text-align: center;
    line-height: 1.6em;
    width: 30px;
}
/**************************************************  Jumbotron  ************/
.jumbotron {
    background-color: rgba(255,255,255,0.4);
    border: 2px solid #ffff;
    padding: 2rem;
}
/**************************************************  Lightbox  ************/
#fullimage .lightbox-caption {
    color: #ffffff;
    padding: 5px;
    margin-top: 15px;
    border-top: 1px solid rgba(255,255,255,0.7);
    background-color: rgba(255,255,255,0.2);
}
/**************************************************  Footer  ************/
#footer {
    border-top: 1px solid #d7d7d7;
    padding-top: 5px;
    font-size: .8em;
    margin-top: 20px;
    clear: both;
}
/**************************************************  Site sections  ************/
body[id^="back-"].feature-page {
    background-repeat: no-repeat;
    background-size: 100% auto;
    background-position: 100% 0%;
}
/****************************************************  Site sections - General  ************/
body#back-general, body#back-general .case-popper {
    background-color: rgb(242, 241, 212);
}
body#back-general.feature-page, body#back-general .case-popper {
    background-image: url("../images/general/acems-background.jpg");
}
body#back-general .submenu-container {
    background-image:url("../images/sections/general/section-general.jpg");
}
body#back-general h1, body#back-general .h1, body#back-general h2, body#back-general .h2, body#back-general .content-introduction, body#back-general #content a:not(.btn), body#back-general .counter p, body#back-general .btn-link,  body#back-general.btn-link:hover {
    color:rgb(94, 123, 5);
}
body#back-general .image-caption.back-dark, body#back-general .btn-pop:after, body#back-general .btn, body#back-general .btn.icon:before, body#back-general .btn.icon:after {
    background-color:rgba(94, 123, 5, 0.7);
}
body#back-general .btn-pop {
    background-color: rgba(94, 123, 5, 0.3);
}
body#back-general .case-popper .btn-pop {
    background-color: rgba(94, 123, 5, 0.8);
}
body#back-general .btn-pop:hover, body#back-general .carousel-text .carousel-caption h5, body#back-general .progress-bar, body#back-general .btn:hover, body#back-general .author-container {
    background-color: rgba(94, 123, 5, 1);
}
body#back-general .btn, body#back-general .progress.progress-circle .progress-bar, body#back-general #footer {
    border-color: rgb(94, 123, 5);
}
body#back-general .author-container {
    border-color: rgb(163, 193, 72);
}
body#back-general section {
    background-color: #d1cf5b;
}
body#back-general section + section {
    background-color: #d9d893;
}
body#back-general section + section + section {
    background-color: #e2e2ae;
}
body#back-general section + section + section + section {
    background-color: #e8e8bf;
}
/****************************************************  Site sections - Governance  ************/
body#back-governance, body#back-governance .case-popper  {
   background-color: rgb(244, 217, 203);
}
body#back-governance.feature-page {
    background-image: url("../images/Governance/governance-background.jpg");
}
body#back-governance .submenu-container {
    background-image:url("../images/sections/governance/section-governance.jpg");
}
body#back-governance h1, body#back-governance .h1, body#back-governance h2, body#back-governance .h2, body#back-governance .content-introduction, body#back-governance #content a:not(.btn), body#back-governance .counter p, body#back-governance .btn-link,  body#back-governance.btn-link:hover {
    color:rgb(179, 73, 34);
}
body#back-governance .image-caption.back-dark, body#back-governance .btn-pop:after, body#back-governance .btn, body#back-governance .btn.icon:before, body#back-governance .btn.icon:after {
    background-color:rgba(179, 73, 34, 0.7);
}
body#back-governance .btn-pop {
    background-color: rgba(179, 73, 34, 0.3);
}
body#back-governance .case-popper .btn-pop {
    background-color: rgba(179, 73, 34, 0.8);
}
body#back-governance .btn-pop:hover, body#back-governance .carousel-text .carousel-caption h5, body#back-governance .progress-bar, body#back-governance .btn:hover, body#back-governance .author-container {
    background-color: rgba(179, 73, 34, 1);
}
body#back-governance .btn, body#back-governance .progress.progress-circle .progress-bar, body#back-governance #footer {
    border-color: rgb(179, 73, 34);
}
body#back-governance .author-container {
    border-color: rgb(220, 126, 91);
}
body#back-governance section {
    background-color: #d27c5c;
}
body#back-governance section + section {
    background-color: #dba084;
}
body#back-governance section + section + section {
    background-color: #e4b69f;
}
body#back-governance section + section + section + section {
    background-color: #e9c6b2;
}
/****************************************************  Site sections - Research  ************/
body#back-research, body#back-research .case-popper {
   background-color: rgb(218, 205, 231);
}
body#back-research.feature-page {
    background-image: url("../images/research/research-background.jpg");
}
body#back-research .submenu-container {
    background-image:url("../images/sections/research/section-research.jpg");
}
body#back-research h1, body#back-research .h1, body#back-research h2, body#back-research .h2, body#back-research .content-introduction, body#back-research #content a:not(.btn), body#back-research .counter p, body#back-research .btn-link,  body#back-research.btn-link:hover {
    color:rgb(133, 79, 173);
}
body#back-research .image-caption.back-dark, body#back-research .btn-pop:after, body#back-research .btn, body#back-research .btn.icon:before, body#back-research .btn.icon:after {
    background-color:rgba(133, 79, 173, 0.7);
}
body#back-research .btn-pop {
    background-color: rgba(133, 79, 173, 0.3);
}
body#back-research .case-popper .btn-pop {
    background-color: rgba(133, 79, 173, 0.8);
}
body#back-research .btn-pop:hover, body#back-research .carousel-text .carousel-caption h5, body#back-research .progress-bar, body#back-research .btn:hover, body#back-research .author-container {
    background-color: rgba(133, 79, 173, 1);
}
body#back-research .btn, body#back-research .progress.progress-circle .progress-bar, body#back-research #footer {
    border-color: rgb(133, 79, 173);
}
body#back-research .author-container {
    border-color: rgb(198, 156, 230);
}
body#back-research section {
    background-color: #8b62a9;
}
body#back-research section + section {
    background-color: #a38bbe;
}
body#back-research section + section + section {
    background-color: #b8a6cf;
}
body#back-research section + section + section + section {
    background-color: #c6b8d9;
}
/****************************************************  Site sections - Collaborations  ************/
body#back-collaborations, body#back-collaborations .case-popper {
   background-color: rgb(222, 236, 215);
}
body#back-collaborations.feature-page {
    background-image: url("../images/collaborations/collaborations-background.jpg");
}
body#back-collaborations .submenu-container {
    background-image:url("../images/sections/collaborations/section-collaborations.jpg");
}
body#back-collaborations h1, body#back-collaborations .h1, body#back-collaborations h2, body#back-collaborations .h2, body#back-collaborations .content-introduction, body#back-collaborations #content a:not(.btn), body#back-collaborations .counter p, body#back-collaborations .btn-link,  body#back-collaborations.btn-link:hover {
    color:rgb(74, 150, 52);
}
body#back-collaborations .image-caption.back-dark, body#back-collaborations .btn-pop:after, body#back-collaborations .btn, body#back-collaborations .btn.icon:before, body#back-collaborations .btn.icon:after {
    background-color:rgba(74, 150, 52, 0.7);
}
body#back-collaborations .btn-pop {
    background-color: rgba(74, 150, 52, 0.3);
}
body#back-collaborations .case-popper .btn-pop {
    background-color: rgba(74, 150, 52, 0.8);
}
body#back-collaborations .btn-pop:hover, body#back-collaborations .carousel-text .carousel-caption h5, body#back-collaborations .progress-bar, body#back-collaborations .btn:hover, body#back-collaborations .author-container {
    background-color: rgba(74, 150, 52, 1);
}
body#back-collaborations .btn, body#back-collaborations .progress.progress-circle .progress-bar, body#back-collaborations #footer {
    border-color: rgb(74, 150, 52);
}
body#back-collaborations .author-container {
    border-color: rgb(141, 205, 122);
}
body#back-collaborations section {
    background-color: #85c771;
}
body#back-collaborations section + section {
    background-color: #abd39c;
}
body#back-collaborations section + section + section {
    background-color: #bfddb4;
}
body#back-collaborations section + section + section + section {
    background-color: #cce5c4;
}
/****************************************************  Site sections - Achievements  ************/
body#back-achievements, body#back-achievements .case-popper {
   background-color: rgb(248, 207, 206);
}
body#back-achievements.feature-page {
    background-image: url("../images/achievements/achievements-background.jpg");
}
body#back-achievements .submenu-container {
    background-image:url("../images/sections/achievements/section-achievements.jpg");
}
body#back-achievements h1, body#back-achievements .h1, body#back-achievements h2, body#back-achievements .h2, body#back-achievements .content-introduction, body#back-achievements #content a:not(.btn), body#back-achievements .counter p, body#back-achievements .btn-link,  body#back-achievements.btn-link:hover {
    color:rgb(185, 52, 79);
}
body#back-achievements .image-caption.back-dark, body#back-achievements .btn-pop:after, body#back-achievements .btn, body#back-achievements .btn.icon:before, body#back-achievements .btn.icon:after {
    background-color:rgba(185, 52, 79, 0.7);
}
body#back-achievements .btn-pop {
    background-color: rgba(185, 52, 79, 0.3);
}
body#back-achievements .case-popper .btn-pop {
    background-color: rgba(185, 52, 79, 0.8);
}
body#back-achievements .btn-pop:hover, body#back-achievements .carousel-text .carousel-caption h5, body#back-achievements .progress-bar, body#back-achievements .btn:hover, body#back-achievements .author-container {
    background-color: rgba(185, 52, 79, 1);
}
body#back-achievements .btn, body#back-achievements .progress.progress-circle .progress-bar, body#back-achievements #footer {
    border-color: rgb(185, 52, 79);
}
body#back-achievements .author-container {
    border-color: rgb(222, 137, 154);
}
body#back-achievements section {
    background-color: #df4d6a;
}
body#back-achievements section + section {
    background-color: #e48a8d;
}
body#back-achievements section + section + section {
    background-color: #e9a6a6;
}
body#back-achievements section + section + section + section {
    background-color: #eeb9b8;
}
/****************************************************  Site sections - Development  ************/
body#back-development, body#back-development .case-popper {
   background-color: rgb(211, 244, 241);
}

body#back-development.feature-page {
    background-image: url("../images/development/development-background.jpg");
}
body#back-development .submenu-container {
    background-image:url("../images/sections/development/section-development.jpg");
}
body#back-development h1, body#back-development .h1, body#back-development h2, body#back-development .h2, body#back-development .content-introduction, body#back-development #content a:not(.btn), body#back-development .counter p, body#back-development .btn-link,  body#back-development.btn-link:hover {
    color:rgb(14, 173, 159);
}
body#back-development .image-caption.back-dark, body#back-development .btn-pop:after, body#back-development .btn, body#back-development .btn.icon:before, body#back-development .btn.icon:after {
    background-color:rgba(14, 173, 159, 0.7);
}
body#back-development .btn-pop {
    background-color: rgba(14, 173, 159, 0.3);
}
body#back-development .case-popper .btn-pop {
    background-color: rgba(14, 173, 159, 0.8);
}
body#back-development .btn-pop:hover, body#back-development .carousel-text .carousel-caption h5, body#back-development .progress-bar, body#back-development .btn:hover, body#back-development .author-container {
    background-color: rgba(14, 173, 159, 1);
}
body#back-development .btn, body#back-development .progress.progress-circle .progress-bar, body#back-development #footer {
    border-color: rgb(14, 173, 159);
}
body#back-development .author-container {
    border-color: rgb(125, 201, 194);
}
body#back-development section {
    background-color: #52d1c6;
}
body#back-development section + section {
    background-color: #92e0d8;
}
body#back-development section + section + section {
    background-color: #afe9e4;
}
body#back-development section + section + section + section {
    background-color: #c1eeea;
}
/****************************************************  Site sections - Impact  ************/
body#back-impact, body#back-impact .case-popper {
   background-color: rgb(254, 231, 224);
}
body#back-impact.feature-page {
    background-image: url("../images/impact/impact-background.jpg");
}
body#back-impact .submenu-container {
    background-image:url("../images/sections/impact/section-impact.jpg");
}
body#back-impact h1, body#back-impact .h1, body#back-impact h2, body#back-impact .h2, body#back-impact .content-introduction, body#back-impact #content a:not(.btn), body#back-impact .counter p, body#back-impact .btn-link,  body#back-impact.btn-link:hover {
    color:rgb(208, 95, 72);
}
body#back-impact .image-caption.back-dark, body#back-impact .btn-pop:after, body#back-impact .btn, body#back-impact .btn.icon:before, body#back-impact .btn.icon:after {
    background-color:rgba(208, 95, 72, 0.7);
}
body#back-impact .btn-pop {
    background-color: rgba(208, 95, 72, 0.3);
}
body#back-general .case-popper .btn-pop {
    background-color: rgba(208, 95, 72, 0.8);
}
body#back-impact .btn-pop:hover, body#back-impact .carousel-text .carousel-caption h5, body#back-impact .progress-bar, body#back-impact .btn:hover, body#back-impact .author-container {
    background-color: rgba(208, 95, 72, 1);
}
body#back-impact .btn, body#back-impact .progress.progress-circle .progress-bar, body#back-impact #footer {
    border-color: rgb(208, 95, 72);
}
body#back-impact .author-container {
    border-color: rgb(220, 154, 140);
}
body#back-impact section {
    background-color: #f8a493;
}
body#back-impact section + section {
    background-color: #fabfad;
}
body#back-impact section + section + section {
    background-color: #fbcfc0;
}
body#back-impact section + section + section + section {
    background-color: #fcd9cd;
}
/****************************************************  Site sections - Equity  ************/
body#back-equity, body#back-equity .case-popper {
   background-color: rgb(238, 210, 230);
}
body#back-equity.feature-page {
    background-image: url("../images/equity/equitydiversity-background.jpg");
}
body#back-equity .submenu-container {
    background-image:url("../images/sections/equity/section-equity.jpg");
}
body#back-equity h1, body#back-equity .h1, body#back-equity h2, body#back-equity .h2, body#back-equity .content-introduction, body#back-equity #content a:not(.btn), body#back-equity .counter p, body#back-equity .btn-link,  body#back-equity.btn-link:hover {
    color:rgb(183, 82, 150);
}
body#back-equity .image-caption.back-dark, body#back-equity .btn-pop:after, body#back-equity .btn, body#back-equity .btn.icon:before, body#back-equity .btn.icon:after {
    background-color:rgba(183, 82, 150, 0.7);
} 
body#back-equity .btn-pop {
    background-color: rgba(183, 82, 150, 0.3);
}
body#back-equity .case-popper .btn-pop {
    background-color: rgba(183, 82, 150, 0.8);
}
body#back-equity .btn-pop:hover, body#back-equity .carousel-text .carousel-caption h5, body#back-equity .progress-bar, body#back-equity .btn:hover, body#back-equity .author-container {
    background-color: rgba(183, 82, 150, 1);
}
body#back-equity .btn, body#back-equity .progress.progress-circle .progress-bar, body#back-equity #footer {
    border-color: rgb(183, 82, 150);
}
body#back-equity .author-container {
    border-color: rgb(218, 159, 199);
}
body#back-equity section {
    background-color: #c661a5;
}
body#back-equity section + section {
    background-color: #d093bd;
}
body#back-equity section + section + section {
    background-color: #dbadcf;
}
body#back-equity section + section + section + section {
    background-color: #e3bfd9;
}
/****************************************************  Site sections - Performance  ************/
body#back-performance, body#back-performance .case-popper {
   background-color: rgb(204, 204, 234);
}
body#back-performance.feature-page {
    background-image: url("../images/performance/performance-background.jpg");
}
body#back-performance .submenu-container {
    background-image:url("../images/sections/performance/section-performance.jpg");
}
body#back-performance h1, body#back-performance .h1, body#back-performance h2, body#back-performance .h2, body#back-performance .content-introduction, body#back-performance #content a:not(.btn), body#back-performance .counter p, body#back-performance .btn-link,  body#back-performance.btn-link:hover {
    color:rgb(49, 78, 162);
}
body#back-performance .image-caption.back-dark, body#back-performance .btn-pop:after, body#back-performance .btn, body#back-performance .btn.icon:before, body#back-performance .btn.icon:after {
    background-color:rgba(49, 78, 162, 0.7);
}
body#back-performance .btn-pop {
    background-color: rgba(49, 78, 162, 0.3);
}
body#back-performance .case-popper .btn-pop {
    background-color: rgba(49, 78, 162, 0.8);
}
body#back-performance .btn-pop:hover, body#back-performance .carousel-text .carousel-caption h5, body#back-performance .progress-bar, body#back-performance .btn:hover, body#back-performance .author-container {
    background-color: rgba(49, 78, 162, 1);
}
body#back-performance .btn, body#back-performance .progress.progress-circle .progress-bar, body#back-performance #footer {
    border-color: rgb(49, 78, 162);
}
body#back-performance .author-container {
    border-color: rgb(145, 161, 207);
}
body#back-performance section {
    background-color: #314ea2;
}
body#back-performance section + section {
    background-color: #767dba;
}
body#back-performance section + section + section {
    background-color: #979ccd;
}
body#back-performance section + section + section + section {
    background-color: #afb2d9;
}
/****************************************************  Site sections - Case-Studies  ************/
body#back-case-studies, body#back-case-studies .case-popper {
    background-color: rgb(212, 244, 241);
}
body#back-case-studies.feature-page {
    background-image: url("../images/case-studies/case-background.jpg");
}
body#back-case-studies .submenu-container {
    background-image:url("../images/sections/caseStudies/section-caseStudies.jpg");
}
body#back-case-studies h1, body#back-case-studies .h1, body#back-case-studies h2, body#back-case-studies .h2, body#back-case-studies .content-introduction, body#back-case-studies #content a:not(.btn), body#back-case-studies .counter p, body#back-case-studies .btn-link,  body#back-case-studies.btn-link:hover {
    color:rgb(60, 151, 94);
}
body#back-case-studies .image-caption.back-dark, body#back-case-studies .btn-pop:after, body#back-case-studies .btn, body#back-case-studies .btn.icon:before, body#back-case-studies .btn.icon:after {
    background-color:rgba(60, 151, 94, 0.7);
}
body#back-case-studies .btn-pop {
    background-color: rgba(60, 151, 94, 0.3);
}
body#back-case-studies .case-popper .btn-pop {
    background-color: rgba(60, 151, 942, 0.8);
}
body#back-case-studies .btn-pop:hover, body#back-case-studies .carousel-text .carousel-caption h5, body#back-case-studies .progress-bar, body#back-case-studies .btn:hover, body#back-case-studies .author-container {
    background-color: rgba(60, 151, 94, 1);
}
body#back-case-studies .btn, body#back-case-studies .progress.progress-circle .progress-bar, body#back-case-studies #footer {
    border-color: rgb(60, 151, 94);
}
body#back-case-studies .author-container {
    border-color: rgb(126, 203, 181);
}
body#back-case-studies section {
    background-color: #3c975e;
}
body#back-case-studies section + section {
    background-color: #4fb977;
}
body#back-case-studies section + section + section {
    background-color: #72c792;
}
body#back-case-studies section + section + section + section {
    background-color: #8fd3a8;
}
/****************************************************  Site sections - Member Stories  ************/
body#back-members-stories, body#back-members-stories .case-popper {
   background-color: rgb(212, 244, 241);
}
body#back-members-stories.feature-page {
    background-image: url("../images/performance/performance-background.jpg");
}
body#back-members-stories .submenu-container {
    background-image:url("../images/sections/performance/section-performance.jpg");
}
body#back-members-stories h1, body#back-members-stories .h1, body#back-members-stories h2, body#back-members-stories .h2, body#back-members-stories .content-introduction, body#back-members-stories #content a:not(.btn), body#back-members-stories .counter p, body#back-members-stories .btn-link,  body#back-members-stories.btn-link:hover {
    color:rgb(96, 96, 96);
}
body#back-members-stories .image-caption.back-dark, body#back-members-stories .btn-pop:after, body#back-members-stories .btn, body#back-members-stories .btn.icon:before, body#back-members-stories .btn.icon:after {
    background-color:rgba(143, 143, 143, 0.7);
}
body#back-members-stories .btn-pop {
    background-color: rgba(143, 143, 143, 0.3);
}
body#back-members-stories .case-popper .btn-pop {
    background-color: rgba(143, 143, 143, 0.8);
}
body#back-members-stories .btn-pop:hover, body#back-members-stories .carousel-text .carousel-caption h5, body#back-members-stories .progress-bar, body#back-members-stories.btn:hover, body#back-members-stories .author-container {
    background-color: rgba(143, 143, 143, 1);
}
body#back-members-stories .btn, body#back-members-stories .progress.progress-circle .progress-bar, body#back-members-stories #footer {
    border-color: rgb(143, 143, 143);
}
body#back-members-stories .author-container {
    border-color: rgb(207, 207, 207);
}
body#backmembers-stories section {
    background-color: #3c975e;
}
body#back-members-stories section + section {
    background-color: #4fb977;
}
body#back-members-stories section + section + section {
    background-color: #72c792;
}
body#back-members-stories section + section + section + section {
    background-color: #8fd3a8;
}
.hide {
  display: none;
}
.arc-logo {
	display: block;
    text-align: left;
    padding: 0 8px;
}
.arc-logo img {
	width:90%;
	height: 200px;
}