/* 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 */