/* fostering styles begin */


@import url('https://fonts.googleapis.com/css2?family=Instrument+Serif:ital@0;1&family=Mona+Sans:ital,wght@0,200..900;1,200..900&display=swap');

h1 {
font-family: "Instrument Serif", serif;
  font-weight: 400;
  font-style: italic;
font-size:4.5rem;
line-height:4.5rem;
}

h2, h2.supplement__heading, h3, h4, h5, h6 {
font-family: "Mona Sans", sans-serif;
  font-weight: 400;
  font-style: normal;
}

h2, h2.supplement__heading, h3 {
  font-weight: 700;
}
h2.supplement__heading {
  font-size: 2rem !important;
}


p, blockquote, ul, li, ol, a {
font-family: "Mona Sans", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
  font-variation-settings:
    "wdth" 100;
}

nav.breadcrumb {
margin-bottom: 0;
}

p.summary {
height: 100%;
font-weight: 700;
}
h2.page-subheading {
color:#fff;
background: #000;
font-family: "Mona Sans", sans-serif;
margin-top: 0;
font-style: normal;
font-weight:600;
padding-top:10px;
padding-left: 10px;
padding-bottom:10px;
padding-right:20px;
font-size:1.4rem;
}
h1.page-heading {
font-size:4.5rem;
background:#000;
width: 100%;
margin-bottom: -12px;
color: #FFCC00;
padding-top:10px;
padding-left: 10px;
font-size: 2.8rem;
line-height: 2.8rem;
}
h3.also-read {
font-weight: 700;
text-align:center;
}
div.page-content-inner > img.image--feature {
max-width: none;
min-width: none;
margin-left:0;
margin-top: -24px;
}
.cta-in-body {
background: #FFCC00;
padding: 20px 20px 10px;
clear:both;
}

.cta-in-body p, .cta-in-body h3 {
display:block;
}

.cta-in-body p {
font-weight: 700;
font-size:1.2rem;
}

.cta-in-body p.pre-cta {
font-weight: 500;
}

.cta-in-body h3 {
font-weight: 700;
font-size:2rem;
margin-top: 0;
margin-bottom:24px;
}

a.button-fostering {
background: #000000 !important;
font-family: "Mona Sans", sans-serif;
  font-optical-sizing: auto;
  font-style: normal;
  font-variation-settings:
    "wdth" 100;
font-weight: 700;
font-size:1.2rem;
color: #ffffff !important;
border-radius: 50px;
padding: 20px 30px;
border: 4px solid #000000 !important;
margin-bottom:0;
}

a.button-fostering:hover {
background: #ffffff !important;
color: #000000 !important;
border: 4px solid #000000 !important;
}

a.button--secondary-fostering {
background:  #FFCC00 !important;
color: #000000 !important;
border: 4px solid #000000 !important;
}

a.button--secondary-fostering:hover {
background: #000000 !important;
color: #FFCC00 !important;
border: 4px solid #000000 !important;
}

a.button--third-fostering {
background-color:  #ffffff !important;
color: #000000 !important;
border: 4px solid #ffffff !important;
}

a.button--third-fostering:hover {
background-color:  #000000 !important;
color: #ffffff !important;
border: 4px solid #ffffff !important;
}

a.button+.button {
margin-left:0px;
margin-top: 0px;
}

.supplement--advert::before {
background-color:#FFCC00;
}

.supplement--advert .image--feature {
width:100%;
max-width: 420px;
clear:both;
margin-bottom:1rem !important;
margin-top:0 !important;
}

.supplement--advert, .supplement--advert .supplement__content {
background:#f4f0ec;
}

.supplement--advert .supplement__content h2.supplement__heading {
font-family: "Instrument Serif", serif;
  font-weight: 400;
  font-style: italic;
font-size: 2.5rem;
}

.supplement--advert .button--primary {
background-color:  #FFCC00;
color: #000000;
font-family: "Mona Sans", sans-serif;
  font-optical-sizing: auto;
  font-style: normal;
  font-variation-settings:
    "wdth" 100;
font-weight: 700;
font-size:1.2rem;
border-radius: 50px;
padding: 20px 30px;
border:0;
}

.supplement--advert .button--primary:hover {
background-color:  #000000;
color: #FFCC00;
}

.accordion__toggle {
border-left:5px solid #FFCC00;
}

.accordion__toggle:hover {
background-color:#FFCC00;
}

.accordion__toggle::after, .icon-ui-chevron-down-primary {
background-image: url(data:image/svg+xml;charset=UTF-8,<svg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 32 32' preserveAspectRatio='xMinYMid' aria-hidden='true' focusable='false'><path d='M15.99,19.311,4.64,7.961a2.14,2.14,0,0,0-3,3l12.83,12.89a2.152,2.152,0,0,0,3,0l12.89-12.86a2.14,2.14,0,0,0-3-3Z' fill='%23000000'/></svg>) !important;
}

@media only screen and (min-width: 728px) {
p.summary {
font-size:1.7rem;
width:50%;
padding-right: 15%;
float:left;
}
div.case-study-main {
float:left;
width:50%;
}
h2.page-subheading {
width: 50%;
float:left;
height: 280px;
padding-top: 100px;
padding-left: 40px;
padding-bottom:0;
padding-right:20px;
font-size:1.8rem;
}
h1.page-heading {
padding-top:20px;
padding-left: 40px;
padding-bottom:28px;
font-size: 4.5rem;
line-height: 4.5rem;
}
div.page-content-inner > img.image--feature {
float:left;
width:50%;
border-left: 4px solid #FFCC00;
margin-top: 0;
margin-bottom:3.5rem;
}
.cta-in-body {
padding: 40px 40px 10px;
}
a.button+.button {
margin-left:40px;
margin-top: -12px;
}
}
@media only screen and (min-width: 1120px) {
.supplement--advert {
width:29%;
margin-right: 6%;
float:left;
clear:none;
padding:0;
}

.supplement--advert:nth-of-type(4), .page-content .supplements .supplement:nth-child(3) {
margin-right:0;
}
.supplement--advert .supplement__content {
padding: 0px 10px 50px 40px;
}
.supplement--advert .supplement__content h2.supplement__heading {
padding-top:30px;
}
}
/* 
#content > div > h1.page-heading {
font-family: "Boogaloo", sans-serif !important;
  font-weight: 400;
  font-style: normal;
    color: #ebd742;
    background: #094158;
    display: inline-flex;
    padding: 3px 10px;
font-size:4.5rem;
}

div.page-content a.button, div.page-content a.button:visited, .supplement__content a.list__link, .supplement__content a.list__link:visited {
background-color: #094158;
    border: 1px solid #652f6c;
    border-radius: 1.35rem;
    color:  #ebd742;
    cursor: pointer;
    display: inline-block;
    font-family: "boogaloo", sans-serif;
    font-weight: 400;
    line-height: 1.1;
    margin: 0 0 .75rem;
    padding: 1rem 2.25rem;
    text-align: center;
    text-decoration: none;
    -webkit-transition: background-color .1s ease-out, border-color .1s ease-out, color .1s ease-out;
    transition: background-color .1s ease-out, border-color .1s ease-out, color .1s ease-out;
    vertical-align: middle;
    font-size: 1.8rem;
   }

div.page-content a.button:hover, .supplement__content a.list__link:hover {
background-color: #ebd742;
       color: #094158;
}

div.journey-stage h2, h2.page-subheading, .supplement__content h2.supplement__heading, h2.widget__heading {
font-family: "Boogaloo", sans-serif;
  font-weight: 400;
  font-style: normal;

    color: #ebd742;
    background: #094158;
    display: inline-flex;
    padding: 3px 10px;
font-size:3.2rem;
}

.supplement--navigation h2.supplement__heading {
font-family: "Boogaloo", sans-serif;
  font-weight: 400;
  font-style: normal;
    color: #ebd742;
    background: #094158;
    display: inline-flex;
    padding: 3px 10px;
font-size:1.8rem;
}
*/
/*
@media only screen and (max-width: 600px) {
#content > div > h1.page-heading {
font-size: 2.8rem;
}
*/
div.journey-stage h2, .supplement__content h2.supplement__heading, h2.widget__heading {
font-size: 2.2rem;
}
}

@media only screen and (max-width: 959px) {
div.aside.aside--sidebar > div:nth-child(1) {
display:none;
}
}

/* fostering styles end */

/* Universal styles begin */

@import url('https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.13.1/css/all.min.css');

.nav--pages-in {
padding:1em 1em 1em 0;
}

.list--numbered {
-webkit-columns: 1;
-moz-columns: 1;
columns: 1;
}

div.important-info, div.important-message, div.foot-note {
margin: 1rem auto 2em auto;
padding: 2rem; 
border: none; 
overflow-wrap: break-word;
background-color:#e0d4fd;
}

div.important-info h2::before, div.important-info h3::before, div.important-info h4::before, div.important-message h2::before, div.important-message h3::before, div.important-message h4::before {
font-family: "Font Awesome 5 Free"; 
color: #000000; 
margin: 0 10px 0 0; 
font-weight: 900;
}

div.important-info h2::before, div.important-info h3::before, div.important-info h4::before {
content: "\f06a"; 
}

div.important-message h2::before, div.important-message h3::before, div.important-message h4::before {
content: "\f05a"; 
}

div.important-info h2, div.important-info h3, div.important-info h4, div.important-message h2, div.important-message h3, div.important-message h4, div.foot-note h2, div.foot-note h3, div.foot-note h4 {
font-weight: 600; 
font-size: 1.7rem; 
padding-bottom: 0.5rem; 
border-bottom: 1px solid #ddd;
margin:0;
}
            
div.important-info p:first-child, div.important-info p:last-child, div.foot-note p:last-child {
margin-bottom:0
}

/* Restricts width of paragraph for one-column layout with floating images, most commonly case studies */ 

.w825 {
max-width:825px;
}

/* For floating images in one-column layouts where width of accompanying paragraph is restricted */ 

.image-container {
max-width:100%;
}

/* For aligning defiintion headings to the left, rather than default right */

.dh_left {
text-align:left;
}

/* Adds an indent for accordions-within-accordions */

.accordion-indent {
margin-left:20px;
}


/* Styles for printing vs screen begin */

/* Hides the link information when this is explicitly stated in the HTML for print purposes */
@media screen {
#content .video-container .video-print-link {
    display: none; /* Hide the URL link on screen */
  }
}

/* Hides embedded video when printing as long as HTML marked up to incorporate these styles */
@media print {
#content .video-container .video-embed {
    display: none; 
  }

/* Shows link destination in print version after hyperlink text */
 #content a[href]:after {
    content: " (" attr(href) ")";
color:black;
  }

/* Makes links black in print rather than blue on screen */
 #content a {
color:black;
  }

/* Makes accordion content appear in print rather than initially hidden on screen */
[aria-hidden='true'][a11y-toggle='true'] {
    display: block;
}

/* Hides cookies link at the bottom of the page in print */
#qc-cmp2-container {
display:none;
}
}


/* Styles for printing vs screen end */


/* Universal styles end */