/*
--------------------------------------------
APS COLOURS
--------------------------------------------
*/

/*

APS Blue #003B75
APS Mustard #D7AF00
APS Olive #868A22
APS Teal #5CACAA
Ruby #D04A70
APS Chilli #B70E0C
APS Grey #91989C
APS Light Grey #E3E9EC
APS Black #09181C

Digital light blue: #27CDFF;
Digital blue: #006edb;
Digital turquoise: #27ffd5;

*/





body, html {
    font-family:'Raleway', sans-serif;
    font-size:10px;
    color:#09181C;
    margin-top:0 !important;
}


h1, h2, h3, .text-large {
    line-height: 1.125;
}
h4, h5, h6 {
    line-height: 1.25;
}


/*
--------------------------------------------
--------------------------------------------
Structure
--------------------------------------------
--------------------------------------------
*/


/* Header */

/*
#homepage header,
#category-overview header,
#case-study header {
    position: absolute;
    top: 0;
    z-index: 100;
    margin-top: 30px;
    width: 100%;
    text-align: center;
}
@media (min-width: 768px) { 
    #homepage header,
    #category-overview header,
    #case-study header {
        margin-top: 40px;
    }    
}
@media (min-width: 1200px) { 
    #homepage header,
    #category-overview header,
    #case-study header {
        margin-top: 60px;
    }    
}
*/

header {
    position: absolute;
    top: 0;
    z-index: 100;
    margin-top: 30px;
    width: 100%;
    text-align: center;
}
@media (min-width: 768px) { 
    header {
        margin-top: 40px;
    }    
}
@media (min-width: 1200px) { 
    header {
        margin-top: 60px;
    }    
}



#header-logo {
    max-width:42px;
    height: auto;
}
@media (min-width: 768px) { 
#header-logo {
        max-width:53px;
    }
}
@media (min-width: 1200px) { 
#header-logo {
        max-width:63px;
    }
}




/* Nav */

#nav {
    font-size:2rem;
    /* color:#006EDB; */
    color:#003B75;
    position: absolute;
    width:100%;
    top: 0;
    left: 0;
    display:none;
    z-index:1000;
    background-color: #fff;
    border-bottom-left-radius: 120px;
    margin-left: 15px;   
}

#nav .row {
    padding-top:60px;
    padding-bottom:160px;
}

#nav nav {
    text-align: center;
}

#nav #nav-title {

}

#nav #nav-links {
    margin:0;
    padding:0;
    list-style-type: none;    
}

#nav #nav-links li {
    margin-top:30px;
}

#nav #nav-links li:after {
    content: "";
    display: block;
    width: 60px;
    height: 2px;
    /* background-color: #006EDB; */
    color:#003B75;
    margin: 8px auto 0 auto;
}

#nav #nav-links a {
    /*font-style: italic;*/
    text-decoration: none;
    color:#003B75;
}
#nav #nav-links a:hover {
    font-weight:800;   
}

#nav #nav-links a::before {
    display: block;
    content: attr(data-text);
    font-weight: 800;
    height: 0;
    overflow: hidden;
    visibility: hidden;
}


#nav .nav-link-content {
    font-style: italic;
    font-size:1.2rem;
    font-weight:300;
    margin-top:3px;
}


@media (min-width: 576px) { 

    #nav {
        border-bottom-left-radius: 0;
        margin-left: 0;  
    }
    
    #nav .row {
        padding-top:60px;
        padding-bottom:60px;
    }
    
    #nav nav {
        width:52rem;
        margin:0 auto;
    }

    #nav #nav-title {
        padding-bottom: 20px;
    }

    #nav #nav-links {
        padding-left:0;
    }
    
    #nav #nav-links li {
        display:inline-block;
        /* border-top: solid 1px #006EDB; */
        border-top: solid 1px #003B75;
        padding: 15px 5% 0 5%;
        margin-top: 0;
    }
    
    #nav #nav-links li:first-child {
        padding-left: 0;
    }
    
    #nav #nav-links li:last-child {
        padding-right: 0;
    }

    #nav .nav-link-content {

    }
    
}

#nav-icon-menu,
#nav-icon-close {
    width:25px;
    height:auto;
    transition: opacity 0.5s;
    cursor:pointer;
    position: absolute;
    top: 40px;
    right: 5.3vw;
}
#nav-icon-menu:hover,
#nav-icon-close:hover {
    height:auto;
    opacity:0.75;
}

@media (min-width: 768px) { 
    #nav-icon-menu,
    #nav-icon-close {
        top: 55px;
    }
}

@media (min-width: 1200px) { 
    #nav-icon-menu,
    #nav-icon-close {
        top: 80px;
    }
}

#nav-icon-menu {
    z-index:500;
}
    
#nav-icon-close {
    z-index:1500;
    display:none;
}

/*
#nav-icon-close {
    width:25px;
    height:auto;
    transition: opacity 0.5s;
    display:none;
    cursor:pointer;
    position: absolute;
    top: 80px;
    right: 5.3vw;
}
#nav-icon-close:hover {
    height:auto;
    opacity:0.75;
}
*/

/* Footer */

#footer-wrapper {
    /* background-color:#006edb; */
    background-color:#003B75;
    color:#fff;
    font-size:1.2rem;
    line-height:1.2em;
    padding:75px 0 50px 0;   
}

#footer-wrapper h5 {
    font-size:1.6rem;
    font-weight:900;
}

#footer-wrapper #footer-logo {
    text-align: center;
}

#footer-wrapper #footer-logo #footer-logo-blue,
#footer-wrapper #footer-logo #footer-logo-white {    
    max-width:63px;
    margin-bottom:10px;
}
@media (min-width: 768px) { 
    #footer-wrapper #footer-logo #footer-logo-blue,
    #footer-wrapper #footer-logo #footer-logo-white {
        margin-top:7px;
    }  
}

#footer-wrapper #footer-logo #footer-sublogo-blue,
#footer-wrapper #footer-logo #footer-sublogo-white {
    margin-bottom:30px;
    max-width:200px;
}
@media (min-width: 768px) { 
    #footer-wrapper #footer-logo #footer-sublogo-blue,
    #footer-wrapper #footer-logo #footer-sublogo-white {
        margin-bottom:0;
    }
}

#footer-wrapper .footer-address {
    text-align:center;
    margin-bottom:20px;
}
@media (min-width: 768px) { 
    #footer-wrapper .footer-address {
        text-align:left;
        /* margin-bottom:0; */
    }
}
@media (min-width: 1200px) { 
    #footer-wrapper .footer-address {
        padding-left:40px;
    }
}


/*
--------------------------------------------
--------------------------------------------
Global
--------------------------------------------
--------------------------------------------
*/


/* Text lead line  */

@media (min-width: 768px) { 
    
    .text-lead-line {
        padding-left: 75px;
        background-image: url(../../../uploads/text-lead-line-blue.svg);
        background-position: -40px 14px;
        background-repeat: no-repeat;
        background-size: 100px 5px;  
    }    

    #homepage-text-area-1 h1.text-lead-line {
        background-position: -40px 19px;
    }

    /* #category-overview-hero .text-lead-line,
    #category-overview-hero.blue .text-lead-line, */
    #case-study-hero-background .text-lead-line {
        background-image: url("../../../uploads/text-lead-line-digitalblue.svg");
    }
    
    #case-study-hero-background.blue .text-lead-line {
        background-image: url("../../../uploads/text-lead-line-blue.svg");
    }

    /* #category-overview-hero.white .text-lead-line, */
    #case-study-hero-background.white .text-lead-line,
    .text-lead-line.text-lead-line-white,
    #case-study-text-area-2 .text-lead-line {
        background-image: url("../../../uploads/text-lead-line-white.svg");
    }
    
    .text-lead-line.text-lead-line-white {
        background-image: url("../../../uploads/text-lead-line-white.svg");
    }
    .text-lead-line.text-lead-line-digitalblue {
        background-image: url("../../../uploads/text-lead-line-digitalblue.svg");
    }
    .text-lead-line.text-lead-line-blue {
        background-image: url("../../../uploads/text-lead-line-blue.svg");
    }
    

    .text-lead-line.text-lead-line-blank {
        background-image: none !important;
    }
    
    .page-template-template-category-overview #purl-logos .text-lead-line {
        background-image: url("../../../uploads/text-lead-line-blue.svg");
    }   
    
    
}



/* Logos block */

#purl-logos {
    padding-top: 45px;
    padding-bottom: 45px;
    background-color: #fff;
}

#purl-logos h4 {
    font-size:3rem;
    font-weight:500;
    /* color: #006edb; */
    color:#003B75;
    padding-top:30px;
    padding-bottom:30px;
}

#purl-logos .text-lead-line {
    background-position: -40px 46px;
}

#purl-logos .client-logo {
    display:flex;
    align-items: center;
    justify-content: center;
    padding:30px 0;
}

#purl-logos .client-logo img {
    max-width:100%;
}


/* Contact block */

#contact-block {
    padding-top: 45px;
    padding-bottom: 45px;
    /* background-color: #006edb; */
    background-color: #003B75;
}

#contact-block h4 {
    font-size:3rem;
    font-weight:500;
    color: #fff;
    padding-top:30px;
    padding-bottom:30px;
}

#contact-block .text-lead-line {
    background-position: -40px 46px;
}




/*
--------------------------------------------
--------------------------------------------
Text
--------------------------------------------
--------------------------------------------
*/


/* Text Helpers */

.text-light {
    font-family: 'Raleway', sans-serif; font-weight: 300; 
}

.text-regular {
    font-family: 'Raleway', sans-serif; font-weight: 400; 
}
.text-regular-italic {
    font-family: 'Raleway', sans-serif; font-weight: 400; font-style: italic;
}

.text-medium {
    font-family: 'Raleway', sans-serif; font-weight: 500; 
}
.text-medium-italic {
    font-family: 'Raleway', sans-serif; font-weight: 500; font-style: italic;
}

.text-semibold {
    font-family: 'Raleway', sans-serif; font-weight: 600; 
}
.text-semibold-italic {
    font-family: 'Raleway', sans-serif; font-weight: 600; font-style: italic;
}

.text-bold {
    font-family: 'Raleway', sans-serif; font-weight: 700; 
}

.text-extrabold {
    font-family: 'Raleway', sans-serif; font-weight: 800; 
}

.text-black {
    font-family: 'Raleway', sans-serif; font-weight: 900; 
}


.text-large {
    font-size:3.4rem;
    font-weight:700; 
}


/*
--------------------------------------------
--------------------------------------------
Templates
--------------------------------------------
--------------------------------------------
*/


/* ----------------------------- */
/* Homepage */
/* ----------------------------- */

.page-template-template-homepage {
    
}



/* Homepage header */

#homepage header #header-logo {
    display:none;
}
@media (min-width: 768px) { 
    #homepage header #header-logo {
        display:inline;
    }
}


/* Homepage content */

#homepage-content {
    /* padding:75px 0;
    background-color: #006edb;   */ 
    padding-bottom: 75px;
}


/* Homepage hero */

#homepage-text-area-1 {
    background-color: #006edb;
}

#homepage-text-area-1 .row {
    color:#fff;
    padding:75px 0;
    font-size:2rem;
}

#homepage-text-area-1 {
    color:#fff;
    padding:75px 0 15vw 0;
    font-size:2rem;
    /* background-color: #006edb; */
    background-color: #003B75;
}

#homepage-text-area-1 h1 {
    font-size:3.8rem;
    font-weight:500;
}






/* Homepage carousel */

#homepage-carousel .carousel-item {
    background-color:#003B75;
}

#homepage-carousel .carousel-indicators li {
    width: 9px;
    height: 9px;
    border-radius: 50%;
    margin-right: 8px;
    margin-left: 8px;
}






/* Homepage grid */

#homepage-grid.row,
#category-overview-grid.row {
    /* margin-left:-1px;
    margin-right:-1px; */
    margin-top: -6%;
}

#homepage-grid .homepage-grid-tile,
#category-overview-grid .category-overview-grid-tile {
    position:relative;
    height:0;
    overflow:hidden;
    padding-bottom:56.25%;
    float:left;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    box-sizing: border-box;
    /* border:solid 1px #666; */
    transition: transform 0.5s;
}
#homepage-grid .homepage-grid-tile:hover,
#category-overview-grid .category-overview-grid-tile:hover {
    transform: scale(1.1);
    z-index:1;
    /*background-color: #006edb;
    background-blend-mode: multiply;*/
}
#homepage-grid .grid-tile-fade,
#category-overview-grid .grid-tile-fade {
    /*filter: contrast(40%) brightness(140%);*/
    background-color: #006edb;
    background-blend-mode: multiply;
}

#homepage-grid .homepage-grid-tile-inner,
#category-overview-grid .category-overview-grid-tile-inner {
    position: absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    padding:5%;
    /* background: rgba(0,0,0,1);
    background: -moz-linear-gradient(left, rgba(0,0,0,1) 0%, rgba(0,0,0,0.67) 33%, rgba(0,0,0,0) 100%);
    background: -webkit-gradient(left top, right top, color-stop(0%, rgba(0,0,0,1)), color-stop(33%, rgba(0,0,0,0.67)), color-stop(100%, rgba(0,0,0,0)));
    background: -webkit-linear-gradient(left, rgba(0,0,0,1) 0%, rgba(0,0,0,0.67) 33%, rgba(0,0,0,0) 100%);
    background: -o-linear-gradient(left, rgba(0,0,0,1) 0%, rgba(0,0,0,0.67) 33%, rgba(0,0,0,0) 100%);
    background: -ms-linear-gradient(left, rgba(0,0,0,1) 0%, rgba(0,0,0,0.67) 33%, rgba(0,0,0,0) 100%);
    background: linear-gradient(to right, rgba(0,0,0,1) 0%, rgba(0,0,0,0.67) 33%, rgba(0,0,0,0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000', GradientType=1 ); */
    background: rgba(0,0,0,0.4);
}
#homepage-grid .homepage-grid-tile-inner:hover,
#category-overview-grid .category-overview-grid-tile-inner:hover {
    background: rgba(0,0,0,0);
}

#homepage-grid .homepage-grid-tile-inner a,
#category-overview-grid .category-overview-grid-tile-inner a {
    display: block;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}
#homepage-grid .homepage-grid-tile-inner a:hover,
#category-overview-grid .category-overview-grid-tile-inner a:hover {
    text-decoration: none;
}

#homepage-grid .homepage-grid-tile h2,
#category-overview-grid .category-overview-grid-tile h2 {
    color:#fff;
    font-weight:900;
    text-align:center;
    line-height:1.1em;
}


#homepage-grid .homepage-grid-tile h2 {
    font-size:30px;
} 

#category-overview #category-overview-grid .category-overview-grid-tile h2 {
    font-size:20px;
}


#homepage-grid .homepage-grid-tile,
#category-overview-grid .category-overview-grid-tile {
    width:100%;
}




@media only screen and (min-width: 576px) {


#homepage-grid .homepage-grid-tile h2 {
    font-size:2.9vw;
}   
    
/*
#homepage-grid .homepage-grid-tile:nth-child(1) {
    width:58%;
    padding-bottom:26.35%;
}
#homepage-grid .homepage-grid-tile:nth-child(2) {
    width:42%;
    padding-bottom:32.5%;
    margin-top:5.56%;
}
#homepage-grid .homepage-grid-tile:nth-child(3) {
    width:32%;
    padding-bottom:26.35%;
    margin-top:-11.71%;
}
#homepage-grid .homepage-grid-tile:nth-child(4) {
    width:26%;
    padding-bottom:29.65%;
    margin-top:-11.71%;
}
#homepage-grid .homepage-grid-tile:nth-child(5) {
    width:42%;
    padding-bottom:42.09%;
}
#homepage-grid .homepage-grid-tile:nth-child(6) {
    width:32%;
    padding-bottom:39.68%;
    margin-top: -27.45%;
}
#homepage-grid .homepage-grid-tile:nth-child(7) {
    width:26%;
    padding-bottom:31.26%;
    margin-top: -24.15%;
}
*/
    
#homepage-grid .homepage-grid-tile:nth-child(1) {
    width: 60%;
    padding-bottom:25%;
}
#homepage-grid .homepage-grid-tile:nth-child(2) {
    width: 40%;
    padding-bottom:25%;
    margin-top:5%;
}
#homepage-grid .homepage-grid-tile:nth-child(3) {
    width:30%;
    padding-bottom:25%;
    margin-top:-5%;
}
#homepage-grid .homepage-grid-tile:nth-child(4) {
    width: 30%;
    padding-bottom:30%;
    margin-top:-5%;
}
#homepage-grid .homepage-grid-tile:nth-child(5) {
    width: 40%;
    padding-bottom:25%;
}
#homepage-grid .homepage-grid-tile:nth-child(6) {
    width: 30%;
    /* padding-bottom:30%; */
    padding-bottom:30%;
    margin-top:-5%;
}
#homepage-grid .homepage-grid-tile:nth-child(7) {
    width: 30%;
    padding-bottom:30%;
    margin-top:0%;
}
#homepage-grid .homepage-grid-tile:nth-child(8) {
    width: 40%;
    padding-bottom:25%;
    margin-top:0;
}
    
    
#category-overview #category-overview-grid .category-overview-grid-tile h2 {
    font-size:2.2vw;
}


#category-overview-grid .category-overview-grid-tile:nth-child(1) {
    width:26%;
    padding-bottom:26%;
}
#category-overview-grid .category-overview-grid-tile:nth-child(2) {
    width:32%;
    padding-bottom:19%;
    margin-top:7%;
}
#category-overview-grid .category-overview-grid-tile:nth-child(3) {
    width:42%;
    padding-bottom:23%;
    margin-top:3%;
}
#category-overview-grid .category-overview-grid-tile:nth-child(4) {
    width:29%;
    padding-bottom:19%;
    margin-left:8%;
}
#category-overview-grid .category-overview-grid-tile:nth-child(5) {
    width:23%;
    padding-bottom:23%;
}
#category-overview-grid .category-overview-grid-tile:nth-child(6) {
    width:32%;
    padding-bottom:26%;
}
#category-overview-grid .category-overview-grid-tile:nth-child(7) {
    width:37%;
    padding-bottom:19%;
    margin-top: -7%;
}
#category-overview-grid .category-overview-grid-tile:nth-child(8) {
    width:23%;
    padding-bottom:23%;
    margin-top: -3%;
}
#category-overview-grid .category-overview-grid-tile:nth-child(9) {
    width:40%;
    padding-bottom:16%;
}
    
}


#container {
    position: absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
}



/* Team block */

#purl-team {
    padding:75px 0;
    background-color: #fff;    
}

#purl-team h4 {
    font-size: 3rem;
    font-weight: 500;
    /* color:#006edb; */
    color:#003B75;
    margin-bottom:75px;
}

#purl-team .row {
    justify-content:center;
}

#purl-team .team-member {
    font-size:1.4rem;
    line-height:1.25em;
    color:#003B75;
    text-align:center;
}

#purl-team .img-circle {
    width:160px;
    height:160px;
    border-radius: 100%;
    margin:0 auto 12px auto;
    overflow:hidden;
    transition: transform 1s;
    background-color:#fff;
}

#purl-team .img {
    width:160px;
    height:160px;
    background-size:cover;
    background-repeat: no-repeat;
    background-position: center;
}

#purl-team a:hover .img-circle {
    transform:scale(1.1);
    background-color:rgba(0,59,117,0.5);
}

#purl-team a:hover .img {
    mix-blend-mode: multiply;
    filter: brightness(130%);
}

#purl-team h5 {
    font-size:1.6rem;
    font-weight:900;
    margin-bottom: 0.125em;
}

#purl-team .btn-wrapper {
    margin:24px 0;
}
@media (min-width: 768px) { 
    #purl-team .btn-wrapper {
        margin:32px 0;
    }
}

#purl-team .col-sm-6 {
    margin-bottom:20px;
}


/* Homepage Footer */

.page-template-template-homepage #footer-logo-blue,
.page-template-template-homepage #footer-sublogo-blue {
    display:none;
}




/* ----------------------------- */
/* Category Overview */
/* ----------------------------- */


.page-template-template-category-overview {
    
}


#category-overview {
    
}


#category-overview #category-overview-hero,
#block-overview-hero {
    position: relative;
    padding-bottom:50%;
	height: 0;
	overflow: hidden;
    margin-bottom:0;
    min-height: 414px;
    background-color: #27CDFF;
}

#category-overview #category-overview-hero #category-overview-hero-inner,
#block-overview-hero #block-overview-hero-inner {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
    padding:30px;
    display:flex;
    flex-direction: column;
    justify-content: center;
    text-align: center;
}

#category-overview #category-overview-hero #category-overview-hero-inner h1,
#block-overview-hero #block-overview-hero-inner h1 {
    font-weight: 800;
    line-height: 1.025em;
    color:#003B75;
    font-size:48px;
    max-width: 75%;
    margin-left: auto;
    margin-right: auto;
}
@media screen and (min-width: 576px) {
  #category-overview #category-overview-hero #category-overview-hero-inner h1,
  #block-overview-hero #block-overview-hero-inner h1 {
    font-size: calc(48px + 102 * ((100vw - 576px) / 1344));
  }
}
@media screen and (min-width: 1920px) {
  #category-overview #category-overview-hero #category-overview-hero-inner h1,
  #block-overview-hero #block-overview-hero-inner h1 {
    /* font-size: 215px; */
    font-size: 150px;
  }
}




#category-overview #category-overview-content {
    padding:0;
    background-color:#27CDFF;  
}

@media screen and (min-width: 576px) {
    #category-overview #category-overview-content {
        padding-bottom:75px;
    }    
}

#category-overview #category-overview-content h2 {
    font-size:3rem;
    font-weight:900;
}

#category-overview #category-overview-text-area-1 {
    color:#fff;
    text-align:center;
    padding-bottom:50px;
}




/* Category Overview Logos */

.page-template-template-category-overview #purl-logos h4 {
    color: #003B75;    
}



/* Category Overview Footer */

.page-template-template-category-overview #footer-wrapper {
    background-color: #27CDFF;
    color: #003B75;    
}

.page-template-template-category-overview #footer-logo-white,
.page-template-template-category-overview #footer-sublogo-white {
    display:none;
}


/* ----------------------------- */
/* Category Article */
/* ----------------------------- */


#category-article {
    
}

#category-article #block-overview-hero {
    background-color: #27ffd5;    
}

#category-article h3 {
    color:#003B75;    
}

#category-article #block-text-area-1 {
    color:#003B75;    
}

#category-article #block-text-area-2 {
    color:#003B75;
    background-color:#27ffd5;
}

@media (min-width: 768px) { 
    #category-article .text-lead-line {
        background-image: url(../../../uploads/text-lead-line-blue.svg);
    }
}

.page-template-template-category-article #footer-logo-blue,
.page-template-template-category-article #footer-sublogo-blue {
    display:none;
}

.page-template-template-category-article #footer-wrapper {
    background-color: #003B75;
}


/* Block - Foreword */

#foreword {
    background-color: #003B75;
    color:#fff;
    font-size:2rem;

}
@media (min-width: 768px) { 
    #foreword {
        margin-bottom:50px;
    }
}

#foreword .row {
    padding:50px 0;
}


/* Block - Intro */

#category-article #block-intro .row {
    padding:75px 0 20px 0;
}
@media (min-width: 768px) { 
    #block-intro .row {
        padding:0;
    }    
}

@media (min-width: 768px) { 
    #block-intro h2 {
        margin-top:4px;
    }
}



/* Block -  Text area 1 */

#block-text-area-1 {
    font-size:1.6rem;
    padding:75px 0;
}
@media (min-width: 768px) { 
    #block-text-area-1 {
        font-size:2rem;
    } 
}


/* Block -  Text area 2 */

#block-text-area-2 {
    font-size:1.6rem;
    background-color:#008BCC;
    color:#fff;
    padding:75px 0;
}
@media (min-width: 768px) { 
    #block-text-area-2 {
        font-size:2rem;
    } 
}

#block-text-area-1 ul,
#block-text-area-1 ol,
#block-text-area-2 ul,
#block-text-area-2 ol {
    padding-left: 2rem;
}


/* Block -  Main image / video */

#block-main-image-video {
    /*padding:75px 0;*/
}

#block-main-image-video .container-fluid {
    padding-left:0;
    padding-right:0;
}



/* ----------------------------- */
/* Case Study */
/* ----------------------------- */


.post-template-default.single.single-post {
    
}


/* Case Study Text */

#case-study h1,
#category-article h1 {
    font-size:3rem;
    font-weight:900;
}

#case-study h2,
#category-article h2 {
    font-size:2.5rem;
    font-weight:900;
    margin-bottom: 2rem;
}
@media (min-width: 768px) { 
    #case-study h2,
    #category-article h2 {
        font-size:3rem;
        margin-bottom: 0.5rem;
    }
}

#case-study .col-4 h2,
#category-article .col-4 h2 {
    margin-top: 4px;
}

#case-study h3,
#category-article h3 {
    font-size:3.8rem;
    font-weight:900;     
}
@media (min-width: 768px) { 
    #case-study h3,
    #category-article h3 {
        font-size:5rem;
    }
}

#case-study h4,
#category-article h4 {
    font-size:2.5rem;
    font-weight:900;    
}
@media (min-width: 768px) { 
    #case-study h4,
    #category-article h4 {
        font-size:3rem;
    }
}

/* Case Study Header */
/*
@media (min-width: 768px) { 
    #case-study header {
        display:none;
    }
}
*/

/* Case Study Hero */

#case-study-hero-background {
    background-size: cover;
    background-repeat: no-repeat;
}


#case-study-hero-background,
#case-study-hero-background.blue {
    color:#003B75;
}

#case-study-hero-background.white {
    color:#fff;
}

#case-study-hero-background.background-align-right {
    background-position:right top;
}
#case-study-hero-background.background-align-centre {
    background-position:center top;
}
#case-study-hero-background.background-align-left {
    background-position:left top;
}


/* Case Study Hero - Category */

#case-study-hero-background #case-study-category {
    display:none;    
}
@media (min-width: 768px) { 
    #case-study-hero-background #case-study-category {
        display:block;
    }
    #case-study-hero-background #case-study-category .row {
        padding: 75px 0 185px 0;
    } 
}


/* Case Study Hero - Intro */

#case-study-hero-background #case-study-intro .row,
#block-intro .row {
    padding:145px 0 20px 0;
}
@media (min-width: 768px) { 
    #case-study-hero-background #case-study-intro .row,
    #block-intro .row {
        padding:0;
    }    
}

@media (min-width: 768px) { 
    #case-study-intro h2,
    #block-intro h2 {
        margin-top:4px;
    }
}


/* Case Study Hero - Image */

#case-study-hero-image {
    
}


/* Case Study -  Text area 1 */

#case-study-text-area-1 {
    font-size:1.6rem;
    padding:75px 0;
}
@media (min-width: 768px) { 
    #case-study-text-area-1 {
        font-size:2rem;
    } 
}


/* Case Study -  Text area 2 */

#case-study-text-area-2 {
    font-size:1.6rem;
    background-color:#008BCC;
    color:#fff;
    padding:75px 0;
}
@media (min-width: 768px) { 
    #case-study-text-area-2 {
        font-size:2rem;
    } 
}

#case-study-text-area-1 ul,
#case-study-text-area-1 ol,
#case-study-text-area-2 ul,
#case-study-text-area-2 ol {
    padding-left: 2rem;
}


/* Case Study -  Main image / video */

#case-study-main-image-video {
    /*padding:75px 0;*/
}

#case-study-main-image-video .container-fluid {
    padding-left:0;
    padding-right:0;
    background-color:#000;
}

#case-study-main-image-video .container-fluid .row {
    margin-left:0;
    margin-right:0;
}

#case-study-main-image-video .container-fluid .row .col-12 {
    padding-left:0;
    padding-right:0;
}


/* Case Study -  Quote */

.case-study-quote {
    background-color:#003B75;
    color:#fff;
    padding:75px 0;
}

.case-study-quote-text {
    font-size:2.5rem;
    font-weight:900;
    margin-bottom:1.2em;
}
@media (min-width: 768px) { 
    .case-study-quote-text {
        font-size:3rem;
    } 
}

.case-study-quote-name {
    font-size:1.6rem;
    font-weight:900;
}

.case-study-quote-company {
    font-size:1.6rem;  
}


/* Case Study -  Carousel */

#case-study-carousel {
    padding:50px 0;
}
@media (min-width: 768px) { 
    #case-study-carousel {
        padding:75px 0;
    }
}

#case-study-carousel .carousel-control-next, 
#case-study-carousel .carousel-control-prev {
    width: 50px;
    opacity: 1;
}
@media (min-width: 768px) { 
    #case-study-carousel .carousel-control-next, 
    #case-study-carousel .carousel-control-prev {
        width: 75px;
    }    
}

#case-study-carousel .carousel-control-next:focus, 
#case-study-carousel .carousel-control-next:hover, 
#case-study-carousel .carousel-control-prev:focus, 
#case-study-carousel .carousel-control-prev:hover {
    opacity: 1;
}

#case-study-carousel .carousel-control-next-icon, 
#case-study-carousel .carousel-control-prev-icon {
    width: 50px;
    height: 50px;
    background-size: 33% 33%;
    background-color: #003B75;
    transition: background-color 0.5s;
}
@media (min-width: 768px) { 
    #case-study-carousel .carousel-control-next-icon, 
    #case-study-carousel .carousel-control-prev-icon {
        width: 75px;
        height: 75px;
    }
}

#case-study-carousel .carousel-control-next-icon:focus, 
#case-study-carousel .carousel-control-next-icon:hover, 
#case-study-carousel .carousel-control-prev-icon:focus, 
#case-study-carousel .carousel-control-prev-icon:hover {
    background-color: #008BCC;
}

#case-study-carousel .carousel-inner {
    width:calc(100% - 50px);
    margin-left:auto;
    margin-right:auto;
}
@media (min-width: 768px) { 
    #case-study-carousel .carousel-inner {
        width:calc(100% - 75px);
    }   
}

#case-study-carousel .carousel-item {
    margin-bottom:60px;
}

#case-study-carousel .carousel-indicators li {
    width: 16px;
    height: 16px;
    border-radius: 100%;
    border:solid 1px #707070;
    background-color: rgb(112, 112, 112, 0.5);
    margin-left:10px;
    margin-right:10px;
}
@media (min-width: 769px) { 
    #case-study-carousel .carousel-indicators li {
        width: 12px;
        height: 12px;
        margin-left:3px;
        margin-right:3px;
    }    
}

#case-study-carousel .carousel-indicators li.active {
    background-color: rgb(255, 255, 255);
}


/* Case Study Footer */

.post-template-default.single.single-post #footer-logo-blue,
.post-template-default.single.single-post #footer-sublogo-blue {
    display:none;
}




/* ----------------------------- */
/* Team Member */
/* ----------------------------- */


#team-member {
    
}

#team-hero-background {
    /* background-color: #006edb; */
    background-color: #003B75;
}

#team-hero #team-hero-title {
    padding-top:125px;
}

#team-hero #team-hero-image {
    text-align: center;
}

#team-hero #team-hero-image img {
    height:350px;
    margin-top:30px;
}

.team-template-default.single-team #breadcrumb .fbc-page .fbc-wrap .fbc-items li:nth-child(2){
    display:none;
}

#team-hero h1 {
    font-family: 'Raleway', sans-serif; 
    font-weight: 800;
    color:#fff;
    font-size:8rem;
    z-index:100;
    position: relative;
}

#team-hero h2 {
    font-family: 'Raleway', sans-serif; 
    font-weight: 400;
    color:#fff;
    font-size:3rem;
    z-index:100;
    position: relative;
}


#team-text-area-1 {
    /* color:#006EDB; */
    color:#003B75;
    font-size: 2rem;
    line-height: 1.5;
}

#team-text-area-1 .row {
    margin:75px 0;
}

#team-text-area-1 h3 {
    font-size:3rem;
    font-family: 'Raleway', sans-serif; 
    font-weight: 500; 
    /* font-style: italic; */
}

#team-text-area-1 #logo-linkedin {
    width:35px;
    height:35px;
    margin:10px 0 30px 0px;
    transition: opacity 0.5s;
}
#team-text-area-1 #logo-linkedin:hover {
    opacity:0.8;
}


.team-template-default.single.single-team #footer-logo-blue,
.team-template-default.single.single-team #footer-sublogo-blue {
    display:none;
}


@media (min-width: 768px) { 
    
    #team-hero-background {
        height: 56.25vw;
        min-height:600px;
    }
    
    #team-hero,
    #team-hero .row,
    #team-hero .col-md-6 {
        height:100%;
    }
    
    #team-text-area-1 .row {
        margin:125px 0;
    }

    #team-hero #team-hero-title {
        display:flex;
        flex-direction: column;
        justify-content: center;
        padding-top:0;
    }
    
    #team-hero #team-hero-image {
        position:relative;
    }
    
    #team-hero #team-hero-image img {
        height:auto;
        max-height:80%;
        position:absolute;
        bottom:0;
        margin-top:0;
        left:0;
    }
    
    #team-hero h1 { font-size:9.3rem; }
    #team-hero h2 { font-size:4rem; }
    
    #team-text-area-1 #logo-linkedin { 
        margin:25px 0 0 70px;
    }

}

@media (min-width: 992px) { 
    #team-hero h1 { font-size:10.6rem; }
    #team-hero h2 { font-size:5rem; }    
}

@media (min-width: 1200px) { 
    #team-hero h1 { font-size:12rem; }
    #team-hero h2 { font-size:6rem; }    
}


/* ----------------------------- */
/* Contact Form */
/* ----------------------------- */

#contact-form .ninja-forms-field {
    background-color:transparent;
    border:solid 1px #fff;
    color:#fff;
}

#contact-form label {
    font-weight:400;
    color:#fff;
    font-size:2rem;
}

#contact-form textarea {
    border-radius: 15px;
    overflow:hidden;
}


#contact-form #nf-label-field-1,
#contact-form #nf-label-field-2,
#contact-form #nf-label-field-5,
#contact-form .nf-before-form-content,
#contact-form .ninja-forms-req-symbol {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
}
#contact-form #nf-label-field-1:active,
#contact-form #nf-label-field-1:focus,
#contact-form #nf-label-field-2:active,
#contact-form #nf-label-field-2:focus,
#contact-form #nf-label-field-5:active,
#contact-form #nf-label-field-5:focus,
#contact-form .nf-before-form-content:active,
#contact-form .nf-before-form-content:focus,
#contact-form .ninja-forms-req-symbol:active,
#contact-form .ninja-forms-req-symbol:focus {
    position: static;
    width: auto;
    height: auto;
    overflow: visible;
    clip: auto;
    white-space: normal;
}

#contact-form .nf-form-content #nf-field-1.ninja-forms-field,
#contact-form .nf-form-content #nf-field-2.ninja-forms-field,
#contact-form .nf-form-content #nf-field-5.ninja-forms-field {
    padding-left:0;
    padding-right:0;
    border-left:none;
    border-top:none;
    border-right:none;   
}

#contact-form .nf-form-content .ninja-forms-field {
    font-size:2rem;
}


#contact-form .nf-form-content input[type="button"] {
    border-radius: 3em;
    padding: 0 1.75em;
    /* background-color: #006edb; */
    background-color: #003B75;
    color:#fff;
    font-weight:700;
    cursor:pointer;
}
#contact-form .nf-form-content input[type="button"]:hover {
    background-color: #fff;
    /* color:#006edb; */
    color:#003B75;
}


#contact-form .nf-form-content #nf-field-1.ninja-forms-field::-webkit-input-placeholder,
#contact-form .nf-form-content #nf-field-2.ninja-forms-field::-webkit-input-placeholder,
#contact-form .nf-form-content #nf-field-5.ninja-forms-field::-webkit-input-placeholder { /* Edge */
  opacity: 1; color:#fff;
}
#contact-form .nf-form-content #nf-field-1.ninja-forms-field:-ms-input-placeholder,
#contact-form .nf-form-content #nf-field-2.ninja-forms-field:-ms-input-placeholder,
#contact-form .nf-form-content #nf-field-5.ninja-forms-field:-ms-input-placeholder { /* Internet Explorer 10-11 */
  opacity: 1; color:#fff;
}
#contact-form .nf-form-content #nf-field-1.ninja-forms-field::placeholder,
#contact-form .nf-form-content #nf-field-2.ninja-forms-field::placeholder,
#contact-form .nf-form-content #nf-field-5.ninja-forms-field::placeholder {
  opacity: 1; color:#fff;
}


#nf-field-3-container .nf-field-label {
    margin-top:12px;
}


/* Error alerts */

#contact-form .nf-error-msg {
    color: #fff;
    font-size: 1.6em;
    font-style: italic;
    font-weight: 600;
}

#contact-form .nf-error.field-wrap .nf-field-element::after {
    border-radius: 50%;
    height: 30px;
    width: 30px;
    line-height: 30px;
}

/* Pass alerts */

#contact-form .nf-pass.field-wrap .nf-field-element::after {
    color: #27ffd5;
    font-size: 38px;
    right:0;
}

#contact-form .nf-pass .ninja-forms-field {
    border-color: #27ffd5 !important;
}


/* Success message */

#contact-form .nf-response-msg {
    font-size: 2rem;
    color: #fff;
}

#contact-form .nf-response-msg h3 {
    font-size: 3rem;
}




/* ----------------------------- */
/* Breadcrumbs */
/* ----------------------------- */


@media (min-width: 768px) { 
    #breadcrumb-col {
        display: flex;
        flex-direction: column;
        justify-content: center;
    }
}

#breadcrumb .fbc-page .fbc-wrap .fbc-items {
    background-color: transparent;
    font-family: 'Raleway', sans-serif;
    margin-top:20px;
}
@media (min-width: 768px) { 
    #breadcrumb .fbc-page .fbc-wrap .fbc-items {
        margin-top:0;
    }    
}

#breadcrumb .fbc-page .fbc-wrap .fbc-items li:first-child {
    border-radius: none;
    padding: 0;
}

#breadcrumb .fbc-page .fbc-wrap .fbc-items li {
    margin: 0;
    padding: 0;
    padding-right:1.6rem;
}

#breadcrumb .fbc-page .fbc-wrap .fbc-items li:first-child,
#breadcrumb .fbc-page .fbc-wrap .fbc-items li {
    padding-right:2rem;
    background-image: url('../images/arrow-curve-left.svg');
    background-repeat: no-repeat;
    background-position: right;
    background-size: 1.6rem;
    /* margin-top:20px; */
}
header.white #breadcrumb .fbc-page .fbc-wrap .fbc-items li:first-child,
header.white #breadcrumb .fbc-page .fbc-wrap .fbc-items li {
    background-image: url('../images/arrow-curve-left-white.svg');
}

#breadcrumb .fbc-page .fbc-wrap .fbc-items li:last-child,
header.white  #breadcrumb .fbc-page .fbc-wrap .fbc-items li:last-child {
    padding: 0;
    background-image: none;
}
#breadcrumb .fbc-page .fbc-wrap .fbc-items li a:last-child {
    margin-right: 0;
}

#breadcrumb .fbc-page .fbc-wrap .fbc-items li a {
    text-decoration: none;
}
#breadcrumb .fbc-page .fbc-wrap .fbc-items li a:hover {   
    text-decoration: underline;
}

#breadcrumb .fbc-page .fbc-wrap .fbc-items li.active span {
    font-weight:700;
    font-size:1.2rem;
}

#breadcrumb .fbc-page .fbc-wrap .fbc-items li,
#breadcrumb .fbc-page .fbc-wrap .fbc-items li.active span,
.fbc-page .fbc-wrap .fbc-items {
    font-size:1.2rem;
}


#breadcrumb .fbc-page .fbc-wrap .fbc-items li a,
#breadcrumb .fbc-page .fbc-wrap .fbc-items li.active span {
    color: #003b75;
}

header.white #breadcrumb .fbc-page .fbc-wrap .fbc-items li a,
header.white #breadcrumb .fbc-page .fbc-wrap .fbc-items li.active span {
    color: #fff;
}

/* Fix whitespace bug */
@media (max-width: 768px) { 
    #breadcrumb .fbc-page .fbc-wrap .fbc-items li:nth-child(3) {
    margin-left:2px; }
}




/* ----------------------------- */
/* Helpers */
/* ----------------------------- */


.container-digitalblue {
    background-color:#006edb;
}
.container-blue {
    background-color:#003B75;
}