/* You can add your own CSS here. Click the help icon above to learn more.*/

/* There's also some custom CSS stored in the plugin 'Custom CSS Pro' (accessible in the menu bar at the top of the screen). */

/* Selects the front page 'ensure it works' through the .page-id-IDnumber - find on the 'pages' page - and then changes the post heading size just on that page. */
.page-id-10286 .post-header-title h1, .entry-header h1, .post-header-cta {
    font-size: +70px;
}

/* Make the default header overlay black, with an opacity of 0.3 */
.post-header-overlay {
    background-color: #000 !important;
    opacity: 0.5 !important;
}

/* Make the default title and subtitle centred */
.post-header-title h1, .entry-header h1, .post-header-subtitle, .portfolio-filter, .post-header-cta {
    text-align: center !important;
}

.post-header-title, .post-header-subtitle {
    margin-left: auto !important;
    margin-right: auto !important;
}

/* Make the default title white */
.post-header .post-header-title h1,  {
    color: #ffffff !important;
}

/* Make the default subtitle the JDS off-white */
.post-header .post-header-subtitle { 
    color: #eaeaea !important;
}

/* Make the 'read more' button on pages using Content Views the JDS aqua with white text */
.pt-cv-readmore {
    color: #ffffff !important;
    background-color: #30c1b8 !important; 
}

/* Make the border colour for the 'read more' button as per the above white */
.pt-cv-wrapper .btn-success {
	border-color:#ffffff !important;
}

/* Make the background colour for page navigation on pages using Content Views to display blog posts, dark blue */
.pt-cv-wrapper .pagination>.active>a {
background-color:#2e294e !important;
}

/* Make the little navigation dots on pages showing blog posts using Content Views dark blue */
.pt-cv-view .pt-cv-carousel-indicators li.active {
    background: #2e294e;
    border: none;
}

/* Make the navigation panel on the articles page centred */
.pt-cv-pagination-wrapper {
    position: inherit;
    text-align: center;
}