/* ==========================================================================
   All additional styles for PGP colour scheme on content blocks

   All blocks should be separately commented
   (styles which are shared between blocks are commented as such)
========================================================================== */

/*---------- Common Text Styles -----------*/
h2,
h3 {
    color: #009aa6;
}

article a {
    color: #00727B;
}

article a:hover {
    color: #009aa6;
}

.textEditorArea ul li:before {
    background: #00727b;
}


/*---------- Page Intro Area -----------*/
.introCTAArea .btn-more {
    background: #d91a35;
}

.introCTAArea .btn-more:hover {
    background: #009AA6;
}


/*------- Content Tabs --------*/
.navigation-tab a {
    background-color: #00727b;
}

.navigation-tab .active,
.navigation-tab a:not(.active):focus,
.navigation-tab a:hover {
    color: #00727b;
}

.navigation-tab .active {
    border-bottom: 5px solid #00727b;
}


/*---------- Drop Down Block -----------*/
.expandable h3 {
    color: #003965;
}

.mobilecollapse .toggle,
.expandable .toggle {
    background-color: #00727b;
}

.mobilecollapse .toggle:hover,
.expandable .toggle:hover {
    background-color: #009AA6;
}


/*---------- CTA Buttons above footer -----------*/
.downloads .btn-more {
    background: #00727b;
}

.downloads .btn-more:hover {
    background: #003965;
}


/*---------- Course CTAs -----------*/
.ctaList .downloads .btn-more {
    background: #00727b;
}

.ctaList .downloads .btn-more:hover {
    background: #003965;
}

.courseCtasAction .btn-more:hover  {
    background: #00727b;
}


/*---------- Masthead Block with Text over full width image -----------*/
div.singleCol.masthead div h1 {
    color: #003965;
}

.masthead p.intro {
    color: #000;
}


/*---------- Course Search -----------*/
.filterChoice input[type="radio"]:checked + label:before {
    background: #009AA6;
}

.searchSubmit {
    background-color: #d91a35;
}

.searchSubmit:hover {
    background: #009AA6;
}

.searchSubmit:focus,
.searchSubmit:hover {
    background-color: #009AA6;
}

.searchBox input[type="text"]:focus,
.searchSubmit:focus,
.searchSubmit:hover {
    border: 2px solid #009AA6;
}


/*---------- Signposts v2 -----------*/
.signpostInfo {
    background-color: #00727b;
}


/*---------- Student profile -----------*/
#studentProfile .title {
    color: #00727b;
}

#studentProfile p {
    color: #009AA6;
}

#studentProfile blockquote:before,
#studentProfile blockquote:after {
    background-image: url('/gomobileassets/img/quote-open.svg');
}


/*---------- Global Carousel Styles -----------*/
.carouselNavButton{
    background-color: #00727B;
}

.carouselNavButton:hover {
    background-color: #009AA6;
}


/*---------- Image Gallery & Video Gallery -----------*/
.gallery .title {
    color: #009AA6;
}


/*---------- Quote Carousel -----------*/
.quoteCarousel .title {
    color: #00727b;
}

.quoteCarousel blockquote:before,
.quoteCarousel blockquote:after {
    background-image: url('/gomobileassets/img/quote-open.svg');
}

.quoteCarousel blockquote p {
    color: #009AA6;
}

.quoteCarousel cite {
    color: #000;
}


/*---------- Half Width Promos -----------*/
.halfWidthPromos .overlayPromo:nth-child(even) .promoOverlay {
    background-color: rgba(0, 114, 123, 0.9); /* #00727b */
}


/*---------- Video Carousel -----------*/
.videoOverlay:after {
    background-image: url('/gomobileassets/status/img/carousel-play-icon-sprite-pg.png');
}


/*---------- At a Glance -----------*/
.glance {
    background-color: #00727b;
}


/*---------- Related Degrees -----------*/
#relatedprogrammes h4,
#relatedprogrammes h4 a {
    color: #009AA6;
}

#relatedprogrammes h4 a:hover,
#relatedprogrammes h4 a:focus {
    color: #00727B;
}

#relatedprogrammes .btn-more:hover {
    background-color: #00727B;
}


/*---------- Step By Step -----------*/
.stepByStepList li:after {
    background: #00727b;
}

.stepByStepList li:before {
    background: #00727b;
}