/* fostering styles begin */

@import url('https://fonts.googleapis.com/css2?family=Boogaloo&display=swap');

#content > div > h1.page-heading {
font-family: "Boogaloo", sans-serif !important;
  font-weight: 400;
  font-style: normal;
rotate: -1.5deg;
    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;
    rotate: -1.5deg;
}

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;
rotate: -1.5deg;
    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;
rotate: -1.5deg;
    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, h2.page-subheading, .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-accordiions */

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

/* Universal styles end */