.qualification__name h1 {
font-family: Montserrat, sans-serif;
font-size: 28px;
line-height: 40px;
margin-top: 25px;
margin-bottom: 10px;
font-weight: 400;
}
.qualification__group {
vertical-align: top;
}
.qualification__group--key_documents {
margin-top: 44px;
margin-bottom: 10px;
}
.qualification__group--about {
clear: both;
margin-bottom: 20px;
}
.qualification__group--helpful_links {
margin-bottom: 20px;
}
.qualification__group--contacts {
display: block;
margin: auto;
}
.qualification__group--promos {
display: block;
margin: auto;
}
.qualification__group--factoids {
display: block;
margin: auto;
}
.qualification__group--articles {
padding: 70px 0 30px 0;
}
.qualification__group--share {
text-align: center;
display: block;
}
.qualification__group--primary_navigation {
width: 100%;
margin-top: 60px;
}
.qualification__group--past_papers {
display: block;
}
.qualification__sidebar {
display: block;
overflow: hidden;
text-align: center;
min-width: 250px;
}
.right-col {
vertical-align: top;
position: relative;
padding-top: 30px;
margin: 38px 0 0 0;
}
@media screen and (max-width: 991.98px) {
.right-col {
display: flex;
justify-content: space-between;
flex-direction: row;
margin: 0;
}
}
@media screen and (max-width: 767.98px) {
.right-col {
display: flex;
flex-direction: column;
align-items: center;
margin: 0;
padding: 0;
}
}
.right-col__container {
display: block;
overflow: hidden;
position: relative;
}
@media screen and (max-width: 991.98px) {
.right-col__container {
width: 75%;
}
}
.right-col__svg--right {
display: inline-block;
position: absolute;
right: -25px;
top: 0;
}
.right-col__svg--left {
position: absolute;
right: 100%;
bottom: 0;
}
.qual-header .qual-secondary-header {
display: inline-block;
}
.qual-header .qual-secondary-header .qual-info {
font-family: Montserrat, sans-serif;
font-size: 16px;
font-weight: 400;
line-height: 25px;
margin: 0;
margin-top: 20px;
display: inline-block;
line-height: 30px;
}
.qual-header .qual-secondary-header .qual-info .qan-code {
display: inline-block;
margin: 0;
padding: 0;
}
.qual-header .qual-text {
font-family: Montserrat, sans-serif;
font-size: 16px;
font-weight: 400;
line-height: 25px;
margin: 0;
line-height: 30px;
color: #999999;
}
.qual-header__reference-modal-icon {
color: #999999;
vertical-align: top;
cursor: pointer;
font-size: 27px;
}
.reference-code-modal {
padding: 0px !important;
}
.reference-code-modal__title {
font-family: Montserrat, sans-serif;
font-size: 16px;
font-weight: 600;
line-height: 25px;
margin-bottom: 5px;
}
.reference-code-modal__description {
font-family: Montserrat, sans-serif;
font-size: 16px;
font-weight: 400;
line-height: 25px;
margin: 0;
color: #606A6C;
}
.reference-code-modal__table {
margin: 40px 0 30px 0;
width: 100%;
border-collapse: collapse;
}
.reference-code-modal__table th,
.reference-code-modal__table td {
border-bottom: 1px solid #C7CFD1;
padding: 10px;
text-align: left;
}
.reference-code-modal__table td {
font-family: Montserrat, sans-serif;
font-size: 16px;
font-weight: 400;
line-height: 25px;
margin: 0;
}
.reference-code-modal__close {
cursor: pointer;
}
.qualification-tab--top-padded {
margin-top: 10px;
}
@media screen and (max-width: 1199.98px) {
.right-col__svg--left {
right: 97%;
}
}
@media screen and (max-width: 991.98px) {
.qualification__name h1 {
font-size: 18px;
}
.qualification__group--about {
margin-top: 40px;
}
.qualification__group--articles {
padding-top: 0;
}
.qualification__group--primary_navigation {
margin-top: 0;
}
.qual-header {
display: flex;
justify-content: space-between;
align-items: baseline;
}
.qual-header .qual-text {
color: #007BB0;
font-size: 14px;
padding-right: 10px;
}
.qual-header__reference-modal-icon {
display: inline-flex;
vertical-align: baseline;
}
.qual-header__reference-modal-icon span:nth-child(2) {
vertical-align: middle;
}
.qual-header__modal-kebab {
vertical-align: middle;
}
}
.qualification_title {
display: block;
font-size: 2em;
color: #333333;
}
.qualification_button {
height: 2em;
width: 5em;
display: inline-block;
border: none;
background: url('data:image/svg+xml,') no-repeat;
}
.qualification_list {
display: inline-block;
vertical-align: top;
width: 70%;
}
.qualification_list_item {
min-height: 3em;
padding: 2% 2%;
margin: 1%;
width: 100%;
display: inline-block;
vertical-align: top;
}
@media screen and (max-width: 700.98px) {
.qualification_list_item {
padding: 0;
padding-top: 0.4em;
padding-bottom: 0.4em;
border-bottom: 1px dashed #2e2e2e41;
}
.qualification_list_item > a {
display: inline-block;
}
}
@media screen and (max-width: 700.98px) {
.qualification_list_item div.qualification_button {
display: none;
}
}
.qualification_list_item:hover {
background-color: #F0F0F0;
}
.qualification_list_item:hover .qualification_title {
color: #009FE3;
}
.qualification_list_item:hover .qualification_button {
background: url('data:image/svg+xml,') no-repeat;
}
.qualification_list_about {
color: #333333;
display: inline-block;
width: 90%;
max-height: 7em;
overflow: hidden;
}
.qualification_list_count {
text-align: right;
}
.search_filter {
display: inline-block;
min-width: 25%;
margin: 0 20px 0 0;
background-color: #F0F0F0;
padding: 16px 28px;
border-radius: 10px;
}
.search_filter .filter_by {
margin: 0 0 16px 0;
}
.search_filter .filter_by ul {
margin: 6px 0;
}
.search_filter .filter_by_header {
font-size: 1.4em;
font-weight: 600;
display: inline-block;
vertical-align: top;
color: #333333;
cursor: pointer;
margin-bottom: 6px;
}
.search_filter .filter_by_header--main {
cursor: unset;
}
.search_filter .filter_by__icon {
display: inline-block;
vertical-align: top;
height: 0;
margin-left: 15px;
cursor: pointer;
}
.search_filter .filter_by__icon img {
transition: 0.3s;
}
.search_filter .filter_by__icon__rotate {
/* IE 9 */
/* Safari */
transform: rotate(90deg);
}
.search_filter .filter_by__icon__rotate img {
display: inline-block;
vertical-align: middle;
transition: 0.3s;
}
.search_filter .filter_by__filter_icon {
margin: 0 10px 0 0;
}
.search_filter .filter_by__refresh_icon {
margin: 0 10px 0 0;
vertical-align: middle;
display: inline-block;
}
.search_filter .filter_by__reset {
margin: 6px 0 0 0;
cursor: pointer;
}
.search_filter .filter_by__reset--all label {
cursor: pointer;
}
.search_filter .filter_by__option a {
cursor: pointer;
width: auto;
}
.search_filter .filter_by__option a label {
cursor: pointer;
}
.search_filter .filter_by__option a input {
cursor: pointer;
}
.qualification_button {
height: 2em;
width: 5em;
display: inline-block;
border: none;
background: url('data:image/svg+xml,') no-repeat;
}
.error-page__title {
margin-top: 20%;
text-align: center;
}
.error-page__code {
margin-top: 10%;
text-align: center;
}
.error-page__message {
max-width: 595px;
text-align: center;
margin: 10% auto 0 auto;
}
.error-page__image {
max-width: 700px;
min-height: 1230px;
background: no-repeat;
margin: 0 auto;
}
html {
scroll-behavior: smooth;
-webkit-font-smoothing: antialiased;
height: 100%;
}
body {
font-family: Montserrat, sans-serif;
font-size: 14px;
font-weight: 400;
line-height: 20px;
color: #333333;
margin: 0 auto;
}
body :focus {
outline: 0 !important;
}
body .mobile-menu-overlay {
position: fixed;
background-color: #000;
opacity: 0;
z-index: 1020;
transition: opacity 0.4s ease;
-moz-transition: opacity 0.4s ease;
-webkit-transition: opacity 0.4s ease;
}
body .mobile-menu-overlay.clickable {
opacity: 0.3;
width: 100%;
height: 100%;
}
p {
font-family: Montserrat, sans-serif;
font-size: 16px;
font-weight: 400;
line-height: 25px;
margin: 0;
}
a {
font-family: Montserrat, sans-serif;
font-size: 16px;
font-weight: 600;
color: #007BB0;
text-decoration: none;
cursor: pointer;
}
a:focus {
outline: 0;
}
a:hover {
color: #007BB0;
text-decoration: none;
}
*,
*::before,
*::after {
box-sizing: border-box;
}
table {
margin: 40px 0 30px 0;
width: 100% !important;
border-collapse: collapse;
border: 1px solid #FFFFFF;
}
table th,
table td {
border-bottom: 1px solid #C7CFD1;
padding: 15px;
text-align: left;
}
table td {
font-family: Montserrat, sans-serif;
font-size: 16px;
font-weight: 400;
line-height: 25px;
margin: 0;
}
.clear {
clear: both;
}
.button {
-ms-box-shadow: 0 0 0 transparent;
-o-box-shadow: 0 0 0 transparent;
box-shadow: 0 0 0 transparent;
font-family: "Gotham Rounded A", "Gotham Rounded B", Helvetica, Arial;
font-weight: 500;
font-style: normal;
padding: 0.6em;
text-transform: uppercase;
border: 0;
border-bottom: 2px solid #ccc;
outline: none;
display: inline-block;
line-height: 1.5;
background-color: #009FE3;
color: #F0F0F0;
border-color: #006997;
}
.button:active {
border-bottom: 0;
margin-top: 2px;
}
.h1 {
font-size: 2em;
font-weight: 600;
margin: 18px 0;
}
.h2 {
font-size: 1.8em;
font-weight: 600;
margin: 12px 0;
}
.h3 {
font-size: 1.4em;
margin: 6px 0;
}
.main {
position: relative;
padding-bottom: 3em;
}
.main #main-content.no-sidebar {
padding: 0 2.14286em;
}
.main #main-content.no-sidebar #content {
margin: 2em 0;
min-height: 75em;
width: inherit;
}
.wrapper {
height: auto;
width: 100%;
background-color: #F0F0F0;
}
.clearfix {
clear: left;
display: inline-block;
}
.page_title {
display: block;
margin: 1%;
}
img {
display: inline-block;
vertical-align: middle;
}
textarea {
height: auto;
min-height: 50px;
}
select {
width: 100%;
}
.link_list {
display: inline-block;
box-sizing: border-box;
vertical-align: top;
width: 100%;
}
@media screen and (max-width: 700.98px) {
.link_list {
max-width: none;
}
}
.link_list__title {
font-weight: 600;
font-size: 16px;
margin-bottom: 15px;
line-height: 25px;
display: inline-block;
}
@media screen and (max-width: 700.98px) {
.link_list__title {
margin-bottom: 10px;
}
}
.link_list__list {
display: flex;
justify-content: space-between;
flex-direction: row;
flex-wrap: wrap;
flex-flow: row wrap;
align-content: flex-end;
}
.link_list__link {
line-height: 25px;
}
.link_list__item {
width: 49%;
height: 130px;
display: inline-block;
vertical-align: top;
padding: 8px 0 0 8px;
border-radius: 3px;
margin-bottom: 18px;
cursor: pointer;
}
.link_list__item:hover {
box-shadow: 0 0 8px 1px #d4d4d4;
}
.link_list__item_title {
font-size: 16px;
font-weight: 600;
color: #009FE3;
display: inline-block;
}
.link_list__description {
font-size: 16px;
line-height: 25px;
max-width: 90%;
margin: 0;
}
.link_list__icon {
display: inline-block;
position: relative;
left: -7px;
width: 13px;
vertical-align: middle;
}
.hidden {
opacity: 0;
position: absolute;
top: 0;
left: -10000px;
width: 1px;
height: 1px;
}
.themed-separator {
width: 4px;
height: 4px;
border-radius: 50%;
display: inline-block;
}
.themed-separator__qual-header--qual-info {
margin-left: 20px;
margin-right: 20px;
text-align: center;
vertical-align: middle;
}
.themed-separator__qual-header--qual-head {
text-align: center;
margin-left: 0px;
margin-right: 0px;
}
.iframe__content {
min-height: 350px;
width: 100%;
}
img {
max-width: 100%;
height: auto;
}
@media (max-width: 991.98px) {
.container {
max-width: 100% !important;
}
}
@media screen and (max-width: 767.98px) {
#wjec-menu {
height: 100%;
overflow: scroll;
}
}
/*.grid-section {
min-width: 575px;
}*/
.left-chevron {
padding-left: 30px;
background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAQCAYAAADESFVDAAAACXBIWXMAAAsTAAALEwEAmpwYAAAFAmlUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS42LWMxNDggNzkuMTY0MDM2LCAyMDE5LzA4LzEzLTAxOjA2OjU3ICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtbG5zOmRjPSJodHRwOi8vcHVybC5vcmcvZGMvZWxlbWVudHMvMS4xLyIgeG1sbnM6cGhvdG9zaG9wPSJodHRwOi8vbnMuYWRvYmUuY29tL3Bob3Rvc2hvcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RFdnQ9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZUV2ZW50IyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgMjEuMSAoV2luZG93cykiIHhtcDpDcmVhdGVEYXRlPSIyMDIwLTAyLTIxVDE2OjE4OjEyWiIgeG1wOk1vZGlmeURhdGU9IjIwMjAtMDItMjFUMTY6MTg6NDhaIiB4bXA6TWV0YWRhdGFEYXRlPSIyMDIwLTAyLTIxVDE2OjE4OjQ4WiIgZGM6Zm9ybWF0PSJpbWFnZS9wbmciIHBob3Rvc2hvcDpDb2xvck1vZGU9IjMiIHBob3Rvc2hvcDpJQ0NQcm9maWxlPSJzUkdCIElFQzYxOTY2LTIuMSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpjOTBiNDE1My0zYzczLWU4NGYtOTA2MS00ODI0NjdlYmRhNmEiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6YzkwYjQxNTMtM2M3My1lODRmLTkwNjEtNDgyNDY3ZWJkYTZhIiB4bXBNTTpPcmlnaW5hbERvY3VtZW50SUQ9InhtcC5kaWQ6YzkwYjQxNTMtM2M3My1lODRmLTkwNjEtNDgyNDY3ZWJkYTZhIj4gPHhtcE1NOkhpc3Rvcnk+IDxyZGY6U2VxPiA8cmRmOmxpIHN0RXZ0OmFjdGlvbj0iY3JlYXRlZCIgc3RFdnQ6aW5zdGFuY2VJRD0ieG1wLmlpZDpjOTBiNDE1My0zYzczLWU4NGYtOTA2MS00ODI0NjdlYmRhNmEiIHN0RXZ0OndoZW49IjIwMjAtMDItMjFUMTY6MTg6MTJaIiBzdEV2dDpzb2Z0d2FyZUFnZW50PSJBZG9iZSBQaG90b3Nob3AgMjEuMSAoV2luZG93cykiLz4gPC9yZGY6U2VxPiA8L3htcE1NOkhpc3Rvcnk+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+o2x5TAAAALhJREFUKJGF0kFqhEAQheG/H3qCkDBHCEQEF7oXZ599yCVzgJmBbF0IZoQcIZAjNF1mI71oNda2PqooXrl5nnHOsVVN0zyEEN6zzS5QVdVjCOEKFNoDkq5AAUwrVNf1SdLnAr7MrFUKzOwGPC+gG4bhV0cAQEcAIAMws48FTN778ziOEcRJRyUASa/AN/CS5/mlLMunFer7/kdSu8AihXHdf9Cl2SWX3r333QrBOpZNlMJdBPFV3v4Ay79uhHpYN90AAAAASUVORK5CYII=') no-repeat center left transparent;
}
.react-component--props {
display: none;
}
@media screen and (max-width: 1199.98px) {
.themed-separator__qual-header--qual-info {
margin-left: 10px;
margin-right: 10px;
}
}
.blog li {
padding: initial;
margin: initial;
text-decoration: initial;
list-style-type: initial;
}
.blog ul {
padding: initial;
margin: initial;
list-style-type: initial;
}
.blog__title {
font-size: 2em;
font-weight: 600;
margin: 18px 0;
display: inline-block;
}
.blog__author {
font-size: 1.2em;
font-weight: 600;
}
.blog__body {
font-size: 1em;
margin: 10px 40px;
}
.blog__image {
display: inline-block;
width: 100%;
margin: 0 4px;
}
.blog__image img {
margin: 0 auto;
display: block;
}
.blogs a {
text-decoration: none;
border: none;
color: inherit;
}
.blogs__blog {
display: block;
margin-bottom: 6px;
vertical-align: top;
}
.blogs__blog__text {
display: inline-block;
}
.blogs__blog__text__title {
display: inline-block;
font-size: 1.2em;
font-weight: bold;
}
.blogs__blog__text__headline {
display: inline-block;
}
.blogs__blog__text__headline p {
display: inline;
}
.blogs__blog__link {
cursor: pointer;
}
.blogs__blog__image {
display: inline-block;
width: 50px;
height: 50px;
vertical-align: top;
margin-right: 6px;
}
.blogs__blog__image img {
width: inherit;
height: inherit;
border-radius: 50%;
}
.key-documents {
box-sizing: border-box;
margin: 0px 0 6px 0;
vertical-align: top;
margin-bottom: 50px;
}
.key-documents__container {
margin-bottom: 10px;
}
.key-documents__left-col {
width: 116px;
display: inline-block;
margin-right: 40px;
vertical-align: top;
}
@media screen and (max-width: 1350.98px) {
.key-documents__left-col {
margin-right: 30px;
}
}
.key-documents__img-container {
display: inline-flex;
border: 4px solid rgba(130, 188, 0, 0.2);
border-radius: 3px;
}
.key-documents__img-container--image {
width: 108px;
height: 153px;
position: absolute;
}
.key-documents__img-container--image:hover {
opacity: 0.3;
}
.key-documents__img-container--mobile-download {
display: none;
}
.key-documents__download-icon {
transition: 0.3s ease;
width: 108px;
height: 153px;
background: #000000c2;
position: relative;
z-index: -1;
}
.key-documents__download-icon--image {
height: 46px;
width: 46px;
margin-left: 30px;
margin-top: 50px;
}
.key-documents__right-col {
display: inline-block;
width: 80%;
}
@media screen and (max-width: 767.98px) {
.key-documents__right-col {
width: 72%;
}
}
@media screen and (max-width: 576.98px) {
.key-documents__right-col {
width: 62%;
}
}
.key-documents__spec-container {
display: inline-block;
vertical-align: top;
max-width: 30.5%;
margin: 0 10px 5px 0;
}
.key-documents__link-container {
display: inline-block;
}
.key-documents__title {
font-family: Montserrat, sans-serif;
font-size: 16px;
font-weight: 600;
line-height: 25px;
display: inline-block;
margin: 0 0 12px 5px;
}
.key-documents__side-text {
display: inline-block;
vertical-align: middle;
padding-left: 20px;
}
.key-documents__download-link {
display: inline-block;
vertical-align: middle;
padding: 5px 10px 5px 10px;
padding: 5px 10px 5px 3px;
}
.key-documents__download-link:focus,
.key-documents__download-link:hover {
background-color: #F0F0F0;
border-radius: 3px;
}
.key-documents__download-link--download-icon {
display: inline;
color: #999999;
padding-left: 5px;
}
.key-documents__download-link--text {
display: inline;
vertical-align: middle;
}
.key-documents__download-link--chevron-icon {
display: inline;
color: #999999;
vertical-align: middle;
font-size: 20px;
position: absolute;
}
.key-documents__divider {
margin: 25px 0;
border-bottom: 1px solid #D7D7D7;
}
@media screen and (max-width: 1199.98px) {
.key-documents__container:nth-child(2) {
display: flex;
}
.key-documents__left-col {
margin-right: 0px;
}
}
@media screen and (max-width: 991.98px) {
.key-documents__container:nth-child(2) {
display: flex;
}
.key-documents__left-col {
position: relative;
padding-bottom: 25px;
height: 190px;
}
.key-documents__img-container--mobile-download {
position: absolute;
bottom: -15px;
display: block;
padding-left: 25px;
background: url('/Images/Icons/download-mobile.svg') no-repeat left center transparent;
}
.key-documents__link-container {
margin: 0 10px 5px 0;
}
.key-documents__title {
display: none;
}
.key-documents__divider {
display: none;
}
}
.documents {
display: inline-block;
box-sizing: border-box;
margin: 0 0 6px 0;
vertical-align: top;
min-width: 235px;
border-radius: 10px;
margin-right: 12px;
}
@media screen and (max-width: 700.98px) {
.documents {
width: 100%;
}
}
.documents--qpms {
display: block;
}
@media screen and (max-width: 700.98px) {
.documents {
margin: 0;
}
}
.documents__title_icon {
height: 1.6em;
margin: 0 6px 6px 0;
}
.documents__form_group {
text-align: left;
margin: 4px 0;
}
.documents__title {
font-size: 1.2em;
border-bottom: 2px solid #c9c9c9;
margin-bottom: 6px;
}
.documents__label {
font-size: 1.1em;
display: inline-block;
vertical-align: middle;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
cursor: pointer;
}
.documents__checkbox {
width: 1.8em;
height: 1.8em;
margin-right: 10px;
display: inline-block;
vertical-align: middle;
cursor: pointer;
}
.documents__side {
display: inline-block;
vertical-align: top;
margin: 0 8px;
}
@media screen and (max-width: 1350.98px) {
.documents__side {
width: 100%;
margin: 0;
}
}
.documents__side--narrow {
width: 25%;
}
@media screen and (max-width: 1350.98px) {
.documents__side--narrow {
width: 100%;
margin: 0;
}
}
.documents__side--wide {
width: 70%;
}
@media screen and (max-width: 1350.98px) {
.documents__side--wide {
width: 100%;
margin: 0;
}
}
.documents__filters {
color: #333333;
border-radius: 10px;
min-width: 220px;
min-height: 200px;
background-color: #F0F0F0;
display: inline-block;
text-align: center;
padding: 24px 25px;
line-height: 30px;
}
@media screen and (max-width: 1350.98px) {
.documents__filters {
width: 100%;
margin-bottom: 16px;
}
}
.documents__filters__title {
margin: 0 0 16px 0;
font-size: 1.3em;
display: inline-block;
text-align: left;
width: 100%;
}
.documents__filters__dropdown {
display: inline-block;
border-radius: 3px;
margin: 16px 0;
border: 1px solid #cacaca;
-moz-text-align-last: center;
text-align-last: center;
min-width: 100px;
padding: 8px 0;
background-color: #F0F0F0;
}
.documents__image {
height: 60%;
overflow: hidden;
}
.documents__image img {
width: 100%;
}
.documents__details {
background-color: #999999;
height: 25%;
text-align: center;
padding: 3%;
}
.documents__details a {
color: #006997;
}
.documents__list {
width: 90%;
}
.documents__list--long {
width: 100%;
margin-bottom: 30px;
}
.documents__list__document {
overflow: hidden;
max-width: 320px;
margin: 6px 0;
border-radius: 2px;
margin-bottom: 10px;
}
.documents__list__document--long {
max-width: 630px;
}
.documents__list__document--long:hover {
background-color: #F0F0F0;
}
.documents__list__document--image_card {
height: 200px;
}
.documents__list__document a {
border-bottom: none;
}
.documents__list__document__filename {
color: #006997;
display: inline-block;
font-size: 1.1em;
font-weight: 600;
}
.documents__list__document__text {
display: inline-block;
overflow-wrap: break-word;
max-width: 80%;
}
.documents__list__document__text__timestamp {
font-size: 1em;
font-style: italic;
display: inline-block;
}
.documents__list__document__icon {
font-size: 1.4em;
display: inline-block;
vertical-align: top;
margin-right: 2px;
width: 15%;
max-width: 35px;
}
.documents__list__document__icon img {
max-width: 100%;
height: auto;
}
.documents__list__document__icon i {
font-size: inherit;
}
.documents__list__document__icon--long {
vertical-align: top;
}
.documents__list--hidden {
display: none;
}
.faqs__title {
font-family: Montserrat, sans-serif;
font-size: 18px;
line-height: 30px;
}
.faqs__faq {
margin-bottom: 15px;
}
.faqs__faq__question {
font-family: Montserrat, sans-serif;
font-size: 16px;
font-weight: 600;
line-height: 25px;
}
.faqs__faq__answer {
font-family: Montserrat, sans-serif;
font-size: 16px;
font-weight: 400;
line-height: 25px;
margin: 0;
font-style: italic;
}
.footer {
min-height: 200px;
text-align: center;
max-width: 1280px;
margin: auto;
}
.footer ul {
margin: 0;
padding: 0;
}
.footer ul li {
list-style-type: none;
}
.footer__svg-container {
padding-top: 301px;
overflow: hidden;
}
.footer__svg-container svg {
margin: 0 auto -100px;
width: 100%;
}
.footer__links-container {
background-color: #F0F0F0;
padding: 40px;
border-radius: 5px;
min-height: 60px;
}
.footer__links-container--content {
padding: 0 20px;
display: inline-block;
vertical-align: top;
width: 19%;
}
.footer__links {
text-align: left;
}
.footer__links--title {
font-family: Montserrat, sans-serif;
font-size: 16px;
font-weight: 600;
line-height: 25px;
color: #333333;
margin-bottom: 20px;
text-align: left;
}
.footer__links--link {
font-family: Montserrat, sans-serif;
font-size: 16px;
font-weight: 400;
line-height: 25px;
margin: 0;
color: #333333;
}
.footer__links--link:focus,
.footer__links--link:hover,
.footer__links--link:active {
color: #007BB0;
}
.footer__partners {
text-align: left;
}
.footer__partners li {
display: inline-block;
margin: 0 15px 15px 0;
flex: 1 0 24%;
align-self: center;
}
.footer__partners--links {
display: inline-block;
}
.footer__partners--icon {
display: inline-block;
}
.footer__contact-info {
text-align: left;
}
.footer__contact-info--message {
font-size: 14px;
font-weight: 400;
line-height: 20px;
color: #333333;
font-family: Montserrat, sans-serif;
font-size: 16px;
line-height: 25px;
color: #333;
font-weight: 600;
}
.footer__contact-info--address {
font-family: Montserrat, sans-serif;
font-size: 16px;
font-weight: 400;
line-height: 25px;
margin: 0;
color: #333333;
margin-bottom: 20px;
white-space: pre;
}
.footer__social-media {
text-align: left;
}
.footer__social-media li {
display: inline-block;
margin-right: 20px;
}
.footer__social-media--links {
display: inline;
}
.footer__social-media--icon {
display: inline-block;
}
.footer__lower {
font-family: Montserrat, sans-serif;
font-size: 14px;
font-weight: 400;
line-height: 20px;
color: #333333;
text-align: center;
margin: 20px 0;
display: flex;
justify-content: space-between;
}
.footer__lower:focus,
.footer__lower:hover {
outline: 0;
}
.footer__lower--seperator {
margin: 0 5px;
}
.footer__lower--left-col {
text-align: left;
}
.footer__lower--right-col {
text-align: right;
}
.footer__lower--right-col li {
display: inline-block;
margin: 0;
}
.footer__lower--right-col li a {
font-family: Montserrat, sans-serif;
font-size: 14px;
font-weight: 400;
line-height: 20px;
color: #333333;
}
@media screen and (max-width: 767.98px) {
.footer {
margin: 10px;
}
.footer__svg-container {
background-size: 90%;
padding-top: 40px;
}
.footer__svg-container svg {
margin: 0 auto -213px;
}
.footer__links-container--content {
margin: 0;
}
.footer__links {
text-align: center;
}
.footer__links--title {
text-align: center;
}
.footer__partners {
margin-bottom: 30px;
}
.footer__partners--links {
width: 100%;
display: flex;
flex-wrap: wrap;
justify-content: space-evenly;
}
.footer__partners--links li {
margin: 10px;
flex: unset;
}
.footer__contact-info {
text-align: center;
}
.footer__contact-info--message {
margin-bottom: 20px;
}
.footer__social-media--links {
width: 100%;
display: flex;
flex-wrap: wrap;
justify-content: center;
}
.footer__social-media--links li {
margin: 0 15px;
}
.footer__lower ul li {
width: 100%;
}
.footer__lower--seperator {
display: none;
}
.footer__lower--right-col {
width: 100%;
}
}
.header {
margin: 0 0 30px 0;
}
.header__logo {
display: inline-block;
vertical-align: top;
}
.header__logo img {
width: 85px;
}
.header__navigation-container {
display: inline-block;
width: 91%;
text-align: right;
vertical-align: middle;
}
.header__navigation-secondary {
margin-bottom: 22px;
}
.header__navigation-secondary--item {
display: inline;
margin-left: 20px;
}
.header__navigation-secondary--group {
margin: 25px 0 22px;
padding: 0;
}
.header__navigation-secondary--link {
font-family: Montserrat, sans-serif;
font-size: 14px;
line-height: 20px;
color: #333333;
font-weight: 400;
}
.header__navigation-secondary--link:focus,
.header__navigation-secondary--link:hover,
.header__navigation-secondary--link:active {
color: #007BB0;
}
.header__navigation-secondary--link img {
vertical-align: bottom;
}
.header__navigation-secondary--link span {
margin-left: 10px;
}
.header__navigation-primary {
margin-bottom: 20px;
}
.header__navigation-primary--item {
display: inline;
margin-left: 40px;
}
.header__navigation-primary--chevron {
display: none;
}
@media screen and (max-width: 991.98px) {
.header__navigation-primary--chevron {
display: inline;
vertical-align: middle;
padding-right: 10px;
color: #D7D7D7;
}
}
.header__navigation-primary--link {
font-family: Montserrat, sans-serif;
font-size: 18px;
line-height: 30px;
color: #333333;
font-weight: 400;
}
.header__navigation-primary--link:focus,
.header__navigation-primary--link:hover,
.header__navigation-primary--link:active {
color: #007BB0;
}
@media screen and (max-width: 991.98px) {
.header__navigation-primary--link {
display: flex;
font-family: Montserrat, sans-serif;
font-size: 16px;
font-weight: 600;
color: #007BB0;
line-height: 25px;
}
}
.header__navigation-primary--group {
margin: 0;
padding: 0;
}
.header__navigation-primary--home-logo i {
vertical-align: middle;
color: #999999;
}
.header__search-field {
font-family: Montserrat, sans-serif;
font-size: 16px;
font-weight: 400;
line-height: 25px;
margin: 0;
color: #999999;
display: inline;
border-radius: 3px;
height: 40px;
border: 1px solid #d7d7d7;
padding: 10px 0 10px 5px;
}
.header__search-field form {
display: inline;
}
.header__search-field--icon {
margin-right: 8px;
}
.header__search-field--icon i {
vertical-align: top;
}
.header__search-field--input {
font-family: Montserrat, sans-serif;
font-size: 16px;
font-weight: 400;
line-height: 25px;
margin: 0;
color: #333333;
border: none;
vertical-align: middle;
width: 134px;
}
.header__wrapper {
border-bottom: 2px solid #009FE3;
padding-bottom: 25px;
}
@media screen and (max-width: 1199.98px) {
.header__wrapper {
border: none;
}
}
.header__meganav {
max-height: 225px;
z-index: 1;
height: auto;
padding-top: 10px;
width: 100%;
overflow: hidden;
transition: max-height 0.2s ease-in-out, padding 0.2s ease-in-out;
transition-delay: 0.2s;
}
@media screen and (max-width: 1199.98px) {
.header__meganav {
display: none;
}
}
.header__meganav--hidden {
padding-top: 0px;
transition-delay: 0s;
border: none;
max-height: 0px;
}
.header__meganav-title {
display: inline-block;
width: 11%;
vertical-align: top;
}
.header__meganav-title:after {
display: inline-block;
content: "";
height: 30px;
width: 0px;
border: 2px solid #009FE3;
background-color: #009FE3;
border-radius: 5px;
vertical-align: top;
margin-left: 15px;
}
.header__meganav-left-col {
display: inline-block;
width: 24%;
padding: 0 25px 0 0;
vertical-align: top;
}
.header__meganav-left-col:after {
display: inline-block;
content: "";
height: 30px;
width: 0px;
border: 2px solid #009FE3;
background-color: #009FE3;
border-radius: 5px;
vertical-align: top;
margin-left: 15px;
}
.header__meganav-middle-col {
display: inline-block;
width: 25%;
padding: 0 25px 0 0;
vertical-align: top;
}
.header__meganav-middle-col:after {
display: inline-block;
content: "";
height: 30px;
width: 0px;
border: 2px solid #009FE3;
background-color: #009FE3;
border-radius: 5px;
vertical-align: top;
margin-left: 15px;
}
.header__meganav-promo {
display: inline-block;
width: 91%;
}
.header__meganav-right-col {
display: inline-block;
width: 39%;
vertical-align: top;
}
.header__meganav-primary-link {
display: inline-block;
width: 80%;
}
.header__meganav-related-link {
display: block;
color: #333333;
margin-bottom: 10px;
padding-bottom: 10px;
font-size: 16px;
line-height: 25px;
}
.header__meganav-related-link:not(:last-child) {
border-bottom: 1px solid #999999;
}
.header__meganav-related-link--text {
display: block;
color: #999999;
font-weight: 400;
}
.header__meganav-related-link--wrapper {
display: inline-block;
width: 91%;
padding: 0 10px;
}
.header__meganav-child-links {
display: flex;
flex-wrap: wrap;
justify-content: flex-start;
}
.header__meganav-child-link {
display: inline-block;
margin-right: 15px;
min-width: 45%;
}
.header__meganav-child-link--text {
color: #007bb0;
font-size: 16px;
line-height: 22px;
vertical-align: super;
display: inline-block;
padding: 5px 10px 5px 10px;
}
.header__meganav-child-link--text:focus,
.header__meganav-child-link--text:hover {
background-color: #F0F0F0;
border-radius: 3px;
}
.header__meganav-chevron {
color: #333333;
display: inline-block;
}
@media screen and (max-width: 991.98px) {
.header {
margin-top: 0;
}
.header__logo--wjec img {
margin-top: 0;
}
.header__navigation-secondary--item {
margin-left: 0;
padding-right: 15px;
}
.header__navigation-primary--item {
margin-left: 0;
}
.header__search-field {
display: inline-block;
width: 100%;
margin-bottom: 5px;
padding: 7px 0 10px 5px;
}
.header__search-field--input {
width: 85%;
height: 100%;
padding: 0;
line-height: 20px;
}
}
@media screen and (max-width: 576.98px) {
.header__search-field--input {
width: 75%;
}
}
.primary_navigation {
margin: 20px 0 0 0;
text-align: center;
}
.primary_navigation ul {
margin: 0;
}
.primary_navigation__tabs {
background-color: #F0F0F0;
border-radius: 3px;
display: inline-block;
position: relative;
padding: 10px;
display: flex;
flex-wrap: wrap;
justify-content: flex-start;
}
@media screen and (max-width: 700.98px) {
.primary_navigation__tabs {
display: flex;
flex-direction: column;
flex-flow: wrap;
}
}
.primary_navigation__tab {
flex-basis: auto;
display: inline-block;
padding: 3px 10px;
margin: 0 21px 0 0;
border-radius: 3px;
text-align: center;
line-height: 25px;
font-size: 16px;
font-weight: normal;
cursor: pointer;
position: relative;
z-index: 1;
transition-duration: 0.3s;
}
.primary_navigation__tab:focus,
.primary_navigation__tab:hover,
.primary_navigation__tab:active {
background-color: #D7D7D7;
outline: 0;
}
.primary_navigation__tab--hidden {
display: none;
}
.primary_navigation__tab--selected {
color: #FFFFFF;
}
.primary_navigation__tab--selected:focus,
.primary_navigation__tab--selected:hover,
.primary_navigation__tab--selected:active {
background-color: rgba(0, 0, 0, 0);
outline: 0;
}
@media screen and (max-width: 700.98px) {
.primary_navigation__tab {
flex: 1 1 auto;
}
}
.primary_navigation__tab_selector {
position: absolute;
display: inline-block;
height: 30px;
border-radius: 3px;
line-height: inherit;
z-index: 1;
color: #F0F0F0;
}
.secondary-navigation {
font-family: Montserrat, sans-serif;
font-size: 16px;
font-weight: 400;
line-height: 25px;
margin: 0;
color: #FFFFFF;
border-radius: 0 0 5px 5px;
justify-content: space-between;
padding: 5px 36px;
position: relative;
flex-wrap: wrap;
display: block;
margin: 0 10px 50px;
box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.25) inset;
}
.secondary-navigation ul {
margin: 0;
}
.secondary-navigation__selector {
position: absolute;
display: inline-block;
height: 30px;
border-radius: 3px;
line-height: inherit;
z-index: 1;
background-color: #FFFFFF;
opacity: 0.3;
}
.secondary-navigation__tab {
font-family: Montserrat, sans-serif;
font-size: 16px;
font-weight: 400;
line-height: 25px;
margin: 0;
display: inline-block;
cursor: pointer;
border-radius: 3px;
flex: 0.2 0.2;
flex-basis: auto;
padding: 3px 10px;
text-align: center;
position: relative;
z-index: 1;
transition-duration: 0.3s;
outline: 0;
}
.secondary-navigation__tab:hover::before,
.secondary-navigation__tab:focus::before {
content: "";
border-radius: 3px;
background-color: rgba(0, 0, 0, 0.075);
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.secondary-navigation__tab--selected:hover::before,
.secondary-navigation__tab--selected:focus::before {
display: none;
}
.videos {
box-sizing: border-box;
}
.videos__video {
display: inline-block;
}
@media screen and (max-width: 700.98px) {
.videos__video {
width: 100%;
}
}
.videos__video__iframe {
position: relative;
padding-bottom: 50.5%;
padding-top: 25px;
min-width: 440px;
}
@media screen and (max-width: 700.98px) {
.videos__video__iframe {
width: inherit;
min-width: unset;
}
}
.videos__video__iframe iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
@media screen and (max-width: 700.98px) {
.videos__video__iframe iframe {
width: inherit;
}
}
.videos__video__title {
font-size: 1.8em;
font-weight: 600;
margin: 12px 0;
}
.primary-contact {
display: inline-block;
text-align: left;
padding: 21px;
border-radius: 3px;
width: 100%;
}
@media screen and (max-width: 991.98px) {
.primary-contact {
display: flex;
justify-content: space-around;
padding: 0;
width: 80%;
margin: 0;
}
}
@media screen and (max-width: 767.98px) {
.primary-contact {
width: 100%;
padding: 0 20px;
}
}
.primary-contact__left-col {
width: 63%;
display: inline-block;
}
@media screen and (max-width: 1350.98px) {
.primary-contact__left-col {
width: 60%;
}
}
.primary-contact__right-col {
width: 90px;
display: inline-block;
vertical-align: top;
}
.primary-contact__title {
font-family: Montserrat, sans-serif;
font-size: 18px;
line-height: 30px;
padding-bottom: 20px;
}
.primary-contact__details {
font-family: Montserrat, sans-serif;
font-size: 16px;
font-weight: 400;
line-height: 25px;
margin: 0;
}
.primary-contact__details a {
font-weight: 500;
}
.primary-contact__details a:focus,
.primary-contact__details a:hover {
text-decoration: underline;
}
.primary-contact__image {
width: 100%;
height: auto;
border-radius: 50%;
}
.contact {
margin: 0 31px 50px 0;
display: inline-block;
width: 43%;
vertical-align: top;
padding: 4px 10px;
border-radius: 3px;
}
.contact--content-page {
margin: 50px 0px;
width: 85%;
}
.contact__heading {
display: flex;
}
.contact__title {
font-family: Montserrat, sans-serif;
font-size: 18px;
line-height: 30px;
margin-left: 7px;
flex: 0 1 auto;
margin-bottom: 20px;
}
.contact__description {
font-family: Montserrat, sans-serif;
font-size: 16px;
font-weight: 400;
line-height: 25px;
margin: 0;
margin-bottom: 25px;
margin-left: 8px;
}
.contact__name {
font-family: Montserrat, sans-serif;
font-size: 16px;
font-weight: 600;
line-height: 25px;
margin-bottom: 15px;
}
.contact__phone {
font-family: Montserrat, sans-serif;
font-size: 16px;
font-weight: 400;
line-height: 25px;
margin: 0;
margin-bottom: 15px;
}
.contact__email {
font-family: Montserrat, sans-serif;
font-size: 16px;
font-weight: 600;
color: #007BB0;
padding: 5px 10px 5px 10px;
padding-left: 0;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
margin-bottom: 15px;
}
.contact__email:focus,
.contact__email:hover {
background-color: #F0F0F0;
border-radius: 3px;
}
.contact__svg {
position: relative;
right: 11px;
bottom: 12px;
width: 0;
}
.contact__icon {
display: inline-block;
vertical-align: middle;
height: auto;
margin: 0 7px 3px 5px;
color: #999999;
}
@media screen and (max-width: 767.98px) {
.contact {
width: 100%;
padding: 0;
margin-right: 0;
}
}
.factoids {
width: 100%;
display: inline-block;
}
.factoids__container {
width: 100%;
margin-bottom: 21px;
}
.factoids__image {
width: 100%;
height: auto;
border-radius: 3px;
}
.promos {
width: 100%;
display: inline-block;
}
.promos__container {
width: 100%;
margin-bottom: 21px;
}
.promos__image {
width: 100%;
height: auto;
border-radius: 3px;
}
@media (max-width: 1199.98px) and (min-width: 767.98px) {
.promos__container {
margin-left: 3%;
}
}
.news__news_item {
display: block;
margin-bottom: 6px;
}
.news__news_item__image {
display: inline-block;
width: 50px;
height: 50px;
vertical-align: top;
margin-right: 10px;
}
.news__news_item__image img {
width: inherit;
height: inherit;
border-radius: 50%;
}
.news__news_item__text {
display: inline-block;
}
.news__news_item__title {
display: inline-block;
font-size: 1.2em;
font-weight: bold;
}
.news__news_item__content p {
margin: 0;
}
.share_macro {
background-color: #F0F0F0;
padding: 10px;
font-size: 14px;
display: block;
}
@media screen and (max-width: 700.98px) {
.share_macro {
width: 70%;
margin: auto;
}
}
.share_macro__share_by_link_container {
margin-top: 4px;
}
.share_macro__button {
background-color: #D7D7D7;
cursor: pointer;
}
.share_macro__button:hover {
border-bottom: none;
background-color: #007BB0;
color: white;
}
.share_macro__button--wide {
padding: 2px 4px;
font-size: 0.9em;
}
.share_macro__button--hidden {
display: none;
}
.share_macro__input {
position: relative;
display: inline-block;
vertical-align: baseline;
padding: 6px 8px;
width: 100%;
opacity: 100;
transition: 0.6s;
}
.share_macro__input--hidden {
position: absolute;
opacity: 0;
width: 1px;
transition: 0.6s;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
pointer-events: none;
}
.share_macro__list {
display: flex;
justify-content: space-between;
}
@media screen and (max-width: 700.98px) {
.share_macro__list {
width: 100%;
}
}
.share_macro__list__item {
display: inline-block;
vertical-align: middle;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.share_macro__list__item a {
border-bottom: none;
display: inline-block;
height: 2.5em;
font-size: 1.4em;
background-color: #D7D7D7;
color: #333333;
text-align: center;
padding: 0.8em;
cursor: pointer;
}
.share_macro__list__item a:hover {
border-bottom: none;
background-color: #007BB0;
color: white;
}
.share_macro__icon {
height: 1em;
display: inline-block;
vertical-align: top;
}
.content-accordion {
margin-bottom: 20px;
}
.content-accordion__wrapper {
box-sizing: border-box;
font-family: Montserrat, sans-serif;
font-size: 14px;
line-height: 20px;
position: relative;
border-bottom: 1px solid #c7cfd1;
}
.content-accordion__wrapper::before {
background-color: #47bad1;
bottom: -1px;
content: "";
height: 2px;
left: 0px;
position: absolute;
width: 0px;
transition: width 0.2s linear 0s;
}
.content-accordion__wrapper:hover::before {
width: 100%;
}
.content-accordion__toggle {
background-color: transparent;
color: #2e3638;
cursor: pointer;
display: block;
font-family: Montserrat, sans-serif;
font-size: 14px;
line-height: 20px;
position: relative;
text-align: left;
width: 100%;
border: none;
outline: none;
padding: 20px 10px;
transition: padding-left 0.2s linear 0s;
}
.content-accordion__toggle:after {
content: "";
height: 20px;
position: absolute;
right: 10px;
top: 50%;
transform: translateY(-50%);
width: 20px;
background: url("data:image/svg+xml,%3Csvg viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6.767 7.742L10 10.975l3.233-3.233a.83.83 0 111.175 1.175l-3.825 3.825a.83.83 0 01-1.175 0L5.583 8.917a.83.83 0 010-1.175.848.848 0 011.184 0z' fill='currentColor'%3E%3C/path%3E%3C/svg%3E") center center no-repeat transparent;
transition: transform 0.2s linear 0s;
}
.content-accordion__content {
height: 0px;
opacity: 0;
padding: 0px 40px 0px 10px;
overflow: hidden;
transition: height 0.2s linear 0.05s, opacity 0.1s linear 0s, padding-bottom 0.2s linear 0.05s;
}
.content-accordion.open .content-accordion__content {
opacity: 1;
padding: 0px 40px 20px 10px;
}
.content-accordion.open .content-accordion__wrapper::before {
width: 100%;
}
.content-accordion.open .content-accordion__toggle::after {
transform: rotate(180deg) translateY(50%);
}
.accordion {
margin: 50px 0px;
}
.accordion__title-text {
display: inline-block;
vertical-align: top;
}
.accordion__title-text--primary {
font-family: Montserrat, sans-serif;
font-size: 18px;
line-height: 30px;
color: #000000;
margin-bottom: 10px;
}
.accordion__title-text--secondary {
font-family: Montserrat, sans-serif;
font-size: 16px;
font-weight: 400;
line-height: 25px;
margin: 0;
color: #999999;
}
.accordion__title-text--secondary-hidden {
display: none;
}
.accordion__image-container {
display: inline-block;
padding-right: 50px;
}
.accordion__image-container--image {
border-radius: 100%;
height: 70px;
width: 70px;
}
.accordion button > * {
padding-left: 20px;
font-family: Montserrat, sans-serif;
font-size: 16px;
font-weight: 400;
line-height: 25px;
margin: 0;
}
.accordion__heading {
margin: 35px 0;
font-family: Montserrat, sans-serif;
font-size: 24px;
line-height: 40px;
}
.accordion__content {
padding-left: 141px;
font-family: Montserrat, sans-serif;
font-size: 16px;
font-weight: 400;
line-height: 25px;
margin: 0;
}
.accordion__content p {
margin: 0 0 16px 0;
}
.accordion__content--small-padding {
padding-left: 20px;
}
.search-box {
display: inline-block;
height: 10%;
width: 50%;
margin-left: 1%;
border: 1px solid #D7D7D7;
background-color: #F0F0F0;
padding: 0 1%;
}
@media screen and (max-width: 700.98px) {
.search-box {
width: 100%;
}
}
.search-box__button {
display: inline-block;
}
.search-box__input {
display: inline-block;
border: none;
background-color: #333333;
width: 90%;
}
.search-box__json {
display: none;
}
.search-box__typeahead-results {
position: absolute;
z-index: 100;
display: block;
background-color: white;
border: 1px solid rgba(210, 210, 210, 0.5);
margin: 0;
padding: 0;
}
.search-box__typeahead-result {
padding: 0 20px;
}
.search-box__typeahead-result:hover,
.search-box__typeahead-result:focus {
background-color: yellow;
}
.read-more__box {
max-height: 250px;
position: relative;
overflow: hidden;
transition: max-height 0.8s;
}
.read-more__button {
font-family: Montserrat, sans-serif;
font-size: 16px;
font-weight: 600;
color: #007BB0;
margin-top: 5px;
list-style: none;
height: 20px;
text-align: center;
display: block;
cursor: pointer;
}
.read-more__button a {
padding: 5px 10px 5px 10px;
}
.read-more__button a:focus,
.read-more__button a:hover {
background-color: #F0F0F0;
border-radius: 3px;
}
.read-more__button--contract {
border-color: #999999;
}
.read-more__button--expand {
border-color: #999999;
}
.read-more__button--hidden {
display: none;
}
.read-more__text {
font-family: Montserrat, sans-serif;
font-size: 16px;
font-weight: 400;
line-height: 25px;
margin: 0;
}
.read-more__fade {
position: absolute;
bottom: 0;
left: 0;
width: 100%;
margin: 0;
padding: 30px 0 30px 0;
background: linear-gradient(180deg, rgba(255, 255, 255, 0.52) 0%, #ffffff 96.79%);
}
.read-more__fade--hidden {
display: none;
}
.read-more__icon {
color: #999999;
display: inline-block;
vertical-align: middle;
/*&--expand {
@rotateAmount: 90deg;
transform: rotate(@rotateAmount);
-webkit-transform: rotate(@rotateAmount);
}
&--contract {
@rotateAmount: -90deg;
transform: rotate(@rotateAmount);
-webkit-transform: rotate(@rotateAmount);
}*/
}
.related-qualifications {
padding-top: 30px;
}
.related-qualifications__title {
font-family: Montserrat, sans-serif;
font-size: 18px;
line-height: 30px;
margin: 0 0 20px 5px;
}
.related-qualifications__accordion button {
font-family: Montserrat, sans-serif;
font-size: 16px;
font-weight: 400;
line-height: 25px;
margin: 0;
}
.related-qualifications__list-item {
margin-left: 12px;
vertical-align: middle;
margin-bottom: 15px;
}
.related-qualifications__list-item div {
vertical-align: middle;
color: #999999;
}
.related-qualifications__list-item--text {
margin-left: 12px;
vertical-align: middle;
}
.related-qualifications__list-item a {
padding: 5px 10px 5px 10px;
vertical-align: middle;
width: 90%;
}
.related-qualifications__list-item a:focus,
.related-qualifications__list-item a:hover {
background-color: #F0F0F0;
border-radius: 3px;
}
.subscribe {
display: block;
background-color: #F0F0F0;
border-radius: 3px;
margin-bottom: 54px;
text-align: center;
padding: 10px 15px 20px 15px;
}
@media screen and (max-width: 991.98px) {
.subscribe {
width: 100%;
margin: 0;
}
}
@media screen and (max-width: 767.98px) {
.subscribe {
display: flex;
flex-direction: column;
align-items: center;
width: 100%;
margin-top: 40px;
}
}
.subscribe__message {
font-family: Montserrat, sans-serif;
font-size: 16px;
font-weight: 400;
line-height: 25px;
margin: 0;
}
.subscribe__group-container {
margin: 0 20px 20px;
border-radius: 3px;
background-color: #FFFFFF;
padding: 5px;
display: inline-block;
justify-content: space-between;
border: 1px solid #D7D7D7;
max-width: 245px;
}
.subscribe__icon--add {
font-size: 16px;
vertical-align: middle;
color: #FFFFFF;
}
.subscribe__text-box-container {
display: inline-block;
text-align: left;
vertical-align: middle;
width: 85%;
}
.subscribe__input {
display: inline-block;
font-family: Montserrat, sans-serif;
font-size: 14px;
font-weight: 400;
line-height: 20px;
color: #333333;
border: none;
vertical-align: middle;
max-width: 76%;
}
.subscribe__button {
display: inline-block;
padding: 5px 10px 5px 5px;
border-radius: 3px;
border: none;
margin-top: 20px;
vertical-align: middle;
background-color: #009FE3;
cursor: pointer;
font-weight: 500;
font-size: 14px;
font-family: Montserrat, sans-serif;
color: #FFFFFF;
}
.subscribe__button--text {
vertical-align: middle;
color: #FFFFFF;
}
@media (max-width: 1199.98px) and (min-width: 767.98px) {
.subscribe {
margin-left: 3%;
}
}
.profile {
margin: 40px 0 50px 0;
display: flex;
}
.profile__description {
margin: 20px 0;
display: block;
}
.profile__image {
border-radius: 100%;
height: 200px;
max-width: none;
width: 200px;
vertical-align: top;
display: inline-block;
}
.profile__row {
justify-content: space-between;
display: flex;
}
.profile__container {
display: inline-block;
vertical-align: top;
}
.profile__container--body {
padding: 0 0 0 20px;
width: 100%;
}
@media screen and (min-width: 0 \0) {
.profile__container--body {
width: 500px;
}
}
.profile__title {
font-family: Montserrat, sans-serif;
font-size: 24px;
line-height: 40px;
margin: 0 0 30px 0;
}
.profile__icon {
display: inline-block;
vertical-align: middle;
width: auto;
}
.profile__icon--phone {
margin-right: 9px;
vertical-align: middle;
display: inline-block;
font-size: 20px;
color: #999999;
}
.profile__icon--email {
position: relative;
bottom: 1px;
display: inline-block;
font-size: 20px;
color: #999999;
}
.profile__text {
font-family: Montserrat, sans-serif;
font-size: 16px;
font-weight: 400;
line-height: 25px;
margin: 0;
display: inline-block;
vertical-align: top;
padding: 4px 10px;
border-radius: 3px;
}
.profile__text--email {
margin-left: 31px;
font-family: Montserrat, sans-serif;
font-size: 16px;
font-weight: 600;
color: #007BB0;
}
.profile__text--email:hover {
background: rgba(0, 0, 0, 0.05);
cursor: pointer;
}
.profile__text--intro {
font-family: Montserrat, sans-serif;
font-size: 16px;
font-weight: 600;
line-height: 25px;
padding-left: 0;
}
.profile__text--phone {
font-family: Montserrat, sans-serif;
font-size: 16px;
font-weight: 600;
line-height: 25px;
}
.profile__text--description {
font-family: Montserrat, sans-serif;
font-size: 16px;
font-weight: 400;
line-height: 25px;
margin: 0;
}
.profile__text--role {
font-family: Montserrat, sans-serif;
font-size: 16px;
font-weight: 600;
line-height: 25px;
padding: 20px 0 20px 0;
}
@media screen and (max-width: 1199.98px) {
.profile__text--email {
margin-left: 0;
}
}
@media screen and (max-width: 767.98px) {
.profile {
flex-direction: column;
align-items: center;
}
.profile__row {
flex-direction: column;
}
.profile__container--body {
padding-left: 0;
}
.profile__title {
text-align: center;
margin-bottom: 0;
margin-top: 20px;
}
.profile__text {
text-align: center;
}
.profile__text--email {
width: 100%;
padding: 0;
}
.profile__text--intro {
width: 100%;
}
.profile__text--phone {
width: 100%;
padding: 0;
margin: 5px 0 10px;
}
}
.key-dates {
display: inline-block;
padding: 21px;
border-radius: 3px;
margin-bottom: 21px;
}
.key-dates__title {
font-family: Montserrat, sans-serif;
font-size: 18px;
line-height: 30px;
position: absolute;
padding-bottom: 20px;
}
.key-dates__year {
font-family: Montserrat, sans-serif;
font-size: 16px;
font-weight: 600;
line-height: 25px;
color: #999999;
padding-bottom: 19px;
text-align: right;
}
.key-dates__divider {
border-top: 1px solid #D7D7D7;
padding-bottom: 20px;
}
.key-dates__details {
font-family: Montserrat, sans-serif;
font-size: 16px;
font-weight: 400;
line-height: 25px;
margin: 0;
}
.key-dates__group-container {
text-align: left;
}
.key-dates__group-container--left-side {
font-family: Montserrat, sans-serif;
font-size: 16px;
font-weight: 600;
line-height: 25px;
color: #999999;
width: 20%;
display: inline-block;
}
.key-dates__group-container--right-side {
font-family: Montserrat, sans-serif;
font-size: 16px;
font-weight: 400;
line-height: 25px;
margin: 0;
width: 78%;
display: inline-block;
vertical-align: top;
padding-bottom: 30px;
}
.key-dates__link {
text-align: right;
margin: 15px 0 21px 0;
}
.key-dates__link div {
vertical-align: middle;
color: #999999;
margin-right: 7.8px;
}
.key-dates__link a {
vertical-align: middle;
font-family: Montserrat, sans-serif;
font-size: 16px;
font-weight: 600;
color: #007BB0;
padding: 5px 10px 5px 10px;
width: 90%;
}
.key-dates__link a:focus,
.key-dates__link a:hover {
background-color: #F0F0F0;
border-radius: 3px;
}
.helpful-links {
display: inline-block;
width: 100%;
border-radius: 3px;
}
.helpful-links__title {
font-family: Montserrat, sans-serif;
font-size: 18px;
line-height: 30px;
margin-bottom: 30px;
width: 100%;
}
.helpful-links__icon {
display: inline-block;
position: relative;
left: -7px;
width: 13px;
vertical-align: middle;
}
.helpful-links__sub-title {
font-family: Montserrat, sans-serif;
font-size: 16px;
font-weight: 600;
line-height: 25px;
display: inline-block;
vertical-align: text-top;
max-width: 80%;
margin-bottom: 15px;
}
.helpful-links__details {
font-family: Montserrat, sans-serif;
font-size: 16px;
font-weight: 400;
line-height: 25px;
margin: 0;
color: #333333;
}
.helpful-links__container {
padding: 5px 10px 5px 10px;
display: inline-block;
width: 45%;
min-height: 130px;
vertical-align: top;
margin: 0 30px 30px 0;
padding: 4px;
}
.helpful-links__container:focus,
.helpful-links__container:hover {
box-shadow: 0 0 8px 1px #d4d4d4;
border-radius: 3px;
}
@media screen and (max-width: 1199.98px) {
.helpful-links__container {
width: 46%;
}
.helpful-links__container:nth-of-type(odd) {
margin: 0 2% 5% 0;
}
.helpful-links__container:nth-of-type(even) {
margin: 0 0 5% 2%;
}
}
@media screen and (max-width: 767.98px) {
.helpful-links__details {
display: none;
}
.helpful-links__container {
width: 100%;
min-height: initial;
}
.helpful-links__container:nth-of-type(odd) {
margin: 0;
}
.helpful-links__container:nth-of-type(even) {
margin: 0;
}
}
.filterable-list {
margin-top: 50px;
}
.filterable-list__text {
font-family: Montserrat, sans-serif;
font-size: 14px;
font-weight: 400;
line-height: 20px;
color: #333333;
margin-bottom: 10px;
}
.filterable-list__controls {
display: inline-block;
width: 22%;
margin: 0 8% 0 3%;
vertical-align: top;
}
.filterable-list__filters {
margin-bottom: 30px;
}
.filterable-list__filters select {
height: 40px;
}
.filterable-list__filters select option {
margin: 5px;
}
.filterable-list__filters-heading {
font-family: Montserrat, sans-serif;
font-size: 18px;
line-height: 30px;
display: flex;
justify-content: space-between;
margin-bottom: 10px;
}
.filterable-list__filters-heading button {
color: #999999;
border: none;
background-color: #FFFFFF;
padding: 5px 10px 5px 10px;
padding: 3px;
cursor: pointer;
}
.filterable-list__filters-heading button:focus,
.filterable-list__filters-heading button:hover {
background-color: #F0F0F0;
border-radius: 3px;
}
.filterable-list__filters-heading div {
font-size: 20px;
vertical-align: middle;
color: #999999;
}
.filterable-list__filters-select select {
margin-bottom: 10px;
}
.filterable-list__filters-text {
margin-left: 9px;
vertical-align: middle;
}
.filterable-list__list {
padding: 0;
margin: 0;
list-style-type: none;
display: inline-block;
width: 67%;
}
.filterable-list__list--accordions button {
font-family: Montserrat, sans-serif;
font-size: 18px;
line-height: 30px;
}
.filterable-list__list--list-items {
width: 100%;
font-family: Montserrat, sans-serif;
font-size: 16px;
font-weight: 400;
line-height: 25px;
margin: 0;
}
.filterable-list__list-item {
margin-bottom: 12.7px;
}
.filterable-list__list-item-icon {
font-size: 18px;
transform: rotate(90deg) scaleX(1.15);
vertical-align: text-top;
color: #999999;
margin-right: 12px;
}
.filterable-list__list-item a {
display: block;
padding: 5px 10px 5px 10px;
vertical-align: middle;
font-family: Montserrat, sans-serif;
font-size: 16px;
font-weight: 400;
line-height: 25px;
margin: 0;
color: #333333;
width: 90%;
position: relative;
width: 100%;
}
.filterable-list__list-item a:focus,
.filterable-list__list-item a:hover {
background-color: #F0F0F0;
border-radius: 3px;
}
.filterable-list__list-item a div {
position: absolute;
top: 8px;
left: 8px;
}
.filterable-list__list-item a span {
padding-left: 30px;
width: 100%;
}
.filterable-list__list-item span {
display: inline-block;
width: 90%;
vertical-align: top;
}
.filterable-list__no-content-to-show {
display: inline-block;
}
.filterable-list__no-content-to-show--text {
font-family: Montserrat, sans-serif;
font-size: 16px;
font-weight: 600;
line-height: 25px;
}
@media screen and (max-width: 991.98px) {
.filterable-list__no-content-to-show {
width: 100%;
text-align: center;
padding: 50px;
}
}
@media screen and (max-width: 991.98px) {
.filterable-list {
margin-top: 0;
}
.filterable-list__controls {
width: 100%;
margin: 0;
}
.filterable-list__filters-select > div,
.filterable-list__filters-select > label {
width: 32%;
display: inline-block;
}
.filterable-list__filters-select > div:nth-child(even),
.filterable-list__filters-select > label:nth-child(even) {
margin: 0 2%;
}
.filterable-list__filters-heading {
justify-content: left;
}
.filterable-list__filters-heading button {
padding: 5px;
}
.filterable-list__list {
width: 100%;
}
}
@media screen and (max-width: 767.98px) {
.filterable-list__controls {
width: 100%;
margin: 0;
}
.filterable-list__filters-select > div,
.filterable-list__filters-select > label {
width: 100%;
display: inline-block;
}
.filterable-list__filters-select > div:nth-child(even),
.filterable-list__filters-select > label:nth-child(even) {
margin: 0;
}
.filterable-list__filters-heading {
justify-content: space-between;
}
.filterable-list__list {
width: 100%;
}
}
@-webkit-keyframes fade {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
@keyframes fade {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
.accordion-group__title {
border-bottom: 2px solid #D7D7D7;
margin-top: 20px;
padding-left: 20px;
display: flex;
justify-content: space-between;
padding: 5px 10px 5px 10px;
cursor: pointer;
}
.accordion-group__title:focus,
.accordion-group__title:hover {
box-shadow: 0 5px 5px -0.05px rgba(0, 0, 0, 0.1);
border-radius: 3px;
border-bottom-color: #FFFFFF;
}
.accordion-group__title--text {
display: inline-block;
font-family: Montserrat, sans-serif;
font-size: 18px;
line-height: 30px;
vertical-align: middle;
overflow-wrap: break-word;
padding-right: 20.5px;
}
.accordion-group__title--icon {
vertical-align: middle;
}
.accordion-group__title--no-border-bottom {
border-bottom: none;
}
.accordion-group__content {
font-family: Montserrat, sans-serif;
font-size: 16px;
font-weight: 600;
line-height: 25px;
padding-left: 16px;
margin-bottom: 20px;
max-height: 500vh;
transition: max-height 3.5s;
overflow: hidden;
}
.accordion-group__content--collapsed {
max-height: 0;
transition: max-height 0.5s;
overflow: hidden;
}
.accordion-group__level-container {
margin-top: 20px;
}
.accordion-group__level-container a {
margin-bottom: 20px;
}
.accordion-group__level-container a > * {
display: block;
}
.accordion-group__level {
position: relative;
right: 12px;
display: flex;
justify-content: space-between;
}
.accordion-group__level--chevron {
display: inline;
vertical-align: middle;
color: #333333;
}
.accordion-group__level--qual {
vertical-align: middle;
color: #007BB0;
}
.accordion-group__level--nested-chevron {
vertical-align: middle;
padding-left: 17.5px;
color: #999999;
}
.accordion-group__level--nested-level {
vertical-align: middle;
margin-top: 20px;
margin-bottom: 20px;
}
.accordion-group__level--status {
display: inline-block;
text-align: right;
padding-right: 40px;
}
@media screen and (max-width: 767.98px) {
.accordion-group__level--status {
padding-right: 0;
}
}
.accordion-group__level--status-icon {
vertical-align: middle;
color: #333333;
padding-right: 10px;
}
.accordion-group__level--status-text {
font-family: Montserrat, sans-serif;
font-size: 14px;
font-weight: 400;
line-height: 20px;
color: #333333;
vertical-align: middle;
line-height: unset;
}
.search-page {
min-height: 80vh;
}
.search-page__body {
display: flex;
justify-content: space-between;
}
.search-page__group {
display: inline-block;
margin-top: 40px;
}
@media screen and (max-width: 991.98px) {
.search-page__group--left {
width: 100%;
}
}
.search-page__group--right {
width: 297px;
max-width: none;
display: inline-block;
}
@media screen and (max-width: 991.98px) {
.search-page__group--right {
display: none;
}
}
.search-page__group--right a {
display: inline-block;
margin: 20px 0;
}
.search-page__group--right img {
width: 100%;
}
.search-page__no-results-found {
font-size: 1.4em;
margin: 6px 0;
}
.search-page__head {
margin-top: 27px;
}
.search-page__title {
font-family: Montserrat, sans-serif;
font-size: 28px;
line-height: 40px;
}
.search-page__message {
margin-top: 20px;
}
.search-page__message--text {
padding-right: 28px;
vertical-align: middle;
font-family: Montserrat, sans-serif;
font-size: 18px;
line-height: 30px;
}
.search-page__message--chevron {
vertical-align: middle;
color: #999999;
font-size: 22px;
padding-right: 12px;
}
.search-page__message--link {
vertical-align: middle;
padding: 5px 10px 5px 10px;
color: #E65000;
}
.search-page__message--link:focus,
.search-page__message--link:hover {
background-color: #F0F0F0;
border-radius: 3px;
}
.search-page__message--link:hover {
color: #E65000;
}
.search-page__search-bar {
margin-top: 50px;
display: flex;
justify-content: flex-start;
border-bottom: 2px solid #4BC0C0;
}
.search-page__search-bar--icon {
margin-right: 8px;
}
.search-page__search-bar--icon i {
vertical-align: bottom;
font-family: Montserrat, sans-serif;
font-size: 28px;
line-height: 40px;
font-family: 'Material Icons';
color: #999999;
}
.search-page__search-bar--input {
font-family: Montserrat, sans-serif;
font-size: 28px;
line-height: 40px;
width: 100%;
height: 100%;
flex-grow: 1;
color: #333333;
border: none;
vertical-align: middle;
background-color: transparent;
}
.search-page__filter-block {
margin-bottom: 40px;
display: flex;
flex-direction: row;
flex-wrap: wrap;
align-items: baseline;
}
.search-page__filter-block--text {
vertical-align: middle;
padding-right: 30px;
display: inline-block;
font-family: Montserrat, sans-serif;
font-size: 16px;
font-weight: 400;
line-height: 25px;
margin: 0;
line-height: 30px;
color: #999999;
}
@media screen and (max-width: 767.98px) {
.search-page__filter-block--text {
display: block;
}
}
.search-page__filter-button {
display: inline-block;
vertical-align: middle;
text-align: center;
margin: 10px 20px 0 0;
padding: 0 10px;
border-radius: 25px;
background: #006997;
}
@media screen and (max-width: 767.98px) {
.search-page__filter-button {
margin: 10px 20px 0px 0px;
}
}
.search-page__filter-button--text {
padding-right: 15px;
vertical-align: middle;
color: #FFFFFF;
font-family: Montserrat, sans-serif;
font-size: 16px;
font-weight: 600;
line-height: 25px;
line-height: 30px;
}
.search-page__filter-button--delete-icon {
vertical-align: middle;
font-size: 22px;
color: #FFFFFF;
}
.search-page__filter-button:focus,
.search-page__filter-button:hover {
background: #007BB0;
}
.search-page__results--group-container {
margin-bottom: 40px;
}
.search-page__results--group-title {
font-family: Montserrat, sans-serif;
font-size: 28px;
line-height: 40px;
color: #999999;
margin-bottom: 30px;
}
@media (max-width: 767.98px) {
.search-page__message--text {
display: none;
}
}
.article-body {
margin-top: 20px;
position: relative;
}
.article-body__svg {
position: absolute;
top: -30px;
left: -15px;
z-index: -1;
}
@media screen and (max-width: 991.98px) {
.article-body__svg {
display: none;
}
}
.article-body__left-aside {
border-radius: 3px;
width: 297px;
vertical-align: top;
display: inline-block;
padding: 30px 0 0 40px;
width: 24%;
}
@media screen and (max-width: 991.98px) {
.article-body__left-aside {
padding: 0;
width: 100%;
}
}
.article-body__nav-link {
font-family: Montserrat, sans-serif;
font-size: 16px;
font-weight: 400;
line-height: 25px;
margin: 0;
color: #333333;
}
.article-body__nav-link:focus,
.article-body__nav-link:hover {
text-decoration: underline;
}
.article-body__main-content {
border-radius: 3px;
width: 100%;
display: inline-block;
width: 75%;
}
@media screen and (max-width: 991.98px) {
.article-body__main-content {
width: 100%;
margin: 0 auto;
}
}
.article-body__promo-image--large {
margin-bottom: 30px;
}
.article-body__promo-image--large img {
width: 100%;
border-radius: 3px;
}
.article-body__promo-image--small {
margin-bottom: 10px;
}
.article-body__promo-image--small img {
width: 100%;
border-radius: 3px;
}
.article-body__title--large {
margin-bottom: 40px;
font-family: Montserrat, sans-serif;
font-size: 28px;
line-height: 40px;
}
.article-body__title--small {
padding: 0 5px 10px 5px;
font-weight: 400;
font-family: Montserrat, sans-serif;
font-size: 18px;
line-height: 30px;
}
.article-body__content {
font-family: Montserrat, sans-serif;
font-size: 16px;
font-weight: 400;
line-height: 25px;
margin: 0;
margin-bottom: 50px;
}
.article-body__content p {
margin-bottom: 20px;
}
.article-body__content a:focus,
.article-body__content a:hover {
text-decoration: underline;
}
.article-body__divider {
margin-bottom: 50px;
border: 1px solid #D7D7D7;
}
.article-body__container {
display: flex;
justify-content: space-between;
}
@media screen and (max-width: 767.98px) {
.article-body__container {
flex-direction: column;
align-items: center;
}
}
.article-body__container img {
border-radius: 3px;
}
.article-body__container--previous {
max-width: 258px;
text-align: left;
}
.article-body__container--next {
max-width: 258px;
text-align: right;
}
.article-body__link {
padding: 5px 10px 5px 10px;
padding: 0;
color: #333333;
}
.article-body__link:focus,
.article-body__link:hover {
box-shadow: 0 5px 5px -0.05px rgba(0, 0, 0, 0.1);
border-radius: 3px;
border-bottom-color: #FFFFFF;
}
@media screen and (max-width: 767.98px) {
.article-body__link {
margin: 0 0 25px 0;
}
}
.article-body__icon {
margin: 0 5px;
}
.article-body__icon span {
font-family: Montserrat, sans-serif;
font-size: 16px;
font-weight: 600;
color: #007BB0;
vertical-align: super;
}
@keyframes fade {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
.articles-list {
position: relative;
min-height: 80vh;
}
.articles-list ol {
margin: 0;
padding: 0;
}
.articles-list ol li {
list-style-type: none;
}
.articles-list__column {
display: inline-block;
vertical-align: top;
}
.articles-list__column--main-body {
border-radius: 3px;
width: 100%;
display: inline-block;
}
.articles-list__column--filters {
border-radius: 3px;
width: 297px;
vertical-align: top;
display: inline-block;
padding: 30px 0 0 40px;
}
@media screen and (max-width: 991.98px) {
.articles-list__column--filters {
display: none;
}
}
.articles-list__date {
color: #999999;
}
.articles-list__date--banner {
color: #333333;
}
.articles-list__details {
display: flex;
justify-content: space-between;
font-weight: normal;
}
.articles-list__details--banner {
font-size: 18px;
}
.articles-list__details--listing {
line-height: 20px;
font-size: 14px;
margin: 0 10px;
}
.articles-list__details--read-more {
color: #007bb0;
}
.articles-list__select {
margin-bottom: 10px;
width: 100%;
}
.articles-list__select select {
height: 40px;
}
.articles-list__filters-header {
display: flex;
justify-content: space-between;
line-height: 30px;
margin-bottom: 20px;
}
.articles-list__input-group {
margin-bottom: 40px;
width: 237px;
}
.articles-list__image {
width: 100%;
height: auto;
border-radius: 3px;
}
.articles-list__image--listing {
height: 100px;
width: 100%;
margin-bottom: 20px;
}
.articles-list__image--banner {
width: 100%;
}
.articles-list__link--banner {
font-size: 18px;
font-weight: normal;
display: inline-block;
color: #333333;
/*&:hover {
text-decoration: none;
box-shadow: 0 0 8px 1px #d4d4d4;
border-radius: 3px;
}*/
}
.articles-list__list {
margin: 0;
padding: 0;
display: flex;
justify-content: space-between;
flex-wrap: wrap;
}
@media screen and (max-width: 1199.98px) {
.articles-list__list li {
margin: 0 auto;
}
}
.articles-list__listing {
padding: 5px 10px 5px 10px;
border-radius: 3px;
width: 260px;
display: inline-block;
overflow: hidden;
margin: 0 0 60px 0;
padding: 0;
vertical-align: top;
min-height: 215px;
}
.articles-list__listing:focus,
.articles-list__listing:hover {
box-shadow: 0 0 8px 1px #d4d4d4;
border-radius: 3px;
}
.articles-list__listing--hidden {
display: none;
}
.articles-list__listing--hidden:hover,
.articles-list__listing--hidden:focus {
display: hidden;
box-shadow: none;
cursor: default;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.articles-list__no-result-found {
font-size: 1.4em;
margin: 6px 0;
}
.articles-list__results {
-webkit-animation: fade 0.2s ease-in;
animation: fade 0.2s ease-in;
}
.articles-list__sidebar-svg {
position: absolute;
top: -30px;
}
@media screen and (max-width: 991.98px) {
.articles-list__sidebar-svg {
display: none;
}
}
.articles-list__title--banner {
font-size: 28px;
margin: 20px 0;
line-height: 40px;
display: inline-block;
}
.articles-list__title--filter {
font-size: 18px;
vertical-align: middle;
display: inline-block;
}
.articles-list__title--listing {
margin: 0 10px 20px 10px;
line-height: 25px;
}
.articles-list__title--page {
font-size: 28px;
margin-bottom: 40px;
}
.articles-list__icon--filter {
margin-right: 12px;
}
.articles-list__icon--sort {
margin-right: 12px;
}
.articles-list hr {
margin: 40px 0;
color: #D7D7D7;
border: 1px solid #D7D7D7;
}
.articles-list button {
border: none;
background-color: transparent;
cursor: pointer;
padding: 5px 10px 5px 10px;
padding: 4px;
}
.articles-list button:focus,
.articles-list button:hover {
background-color: #F0F0F0;
border-radius: 3px;
}
.articles-list .material-icons {
color: #999999;
display: inline-block;
vertical-align: middle;
}
.related-articles__heading {
font-family: Montserrat, sans-serif;
font-size: 18px;
line-height: 30px;
color: #333333;
}
.related-articles__articles-container {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
}
.related-articles__article {
padding: 5px 10px 5px 10px;
padding: 0;
margin: 20px 0 40px 0;
width: 258px;
min-height: 230px;
display: inline-block;
vertical-align: top;
}
.related-articles__article:focus,
.related-articles__article:hover {
box-shadow: 0 0 8px 1px #d4d4d4;
border-radius: 3px;
}
.related-articles__article img {
height: 100px;
width: 258px;
border-radius: 3px;
}
.related-articles__article--blank {
display: inline-block;
margin-top: 20px;
width: 258px;
min-height: 230px;
}
@media screen and (max-width: 1199.98px) {
.related-articles__article--blank {
display: none;
}
}
.related-articles__article-content {
padding: 20px 10px;
}
.related-articles__title {
display: block;
font-family: Montserrat, sans-serif;
font-size: 16px;
font-weight: 600;
line-height: 25px;
color: #333333;
min-height: 110px;
}
.related-articles__text {
display: flex;
justify-content: space-between;
font-family: Montserrat, sans-serif;
font-size: 14px;
font-weight: 400;
line-height: 20px;
color: #333333;
min-height: 20px;
}
.related-articles__text--date {
color: #999999;
}
.related-articles__text--read-link {
color: #007BB0;
}
.related-articles__text--read-link:focus,
.related-articles__text--read-link:hover {
text-decoration: underline;
}
.related-articles__more-articles {
text-align: right;
padding-top: 25px;
}
.related-articles__more-articles--chevron {
color: #999999;
vertical-align: middle;
font-size: 19px;
}
.related-articles__more-articles--text {
font-family: Montserrat, sans-serif;
font-size: 16px;
font-weight: 600;
color: #007BB0;
vertical-align: middle;
}
.related-articles__more-articles a {
padding: 5px 10px 5px 10px;
padding-left: 0px;
}
.related-articles__more-articles a:focus,
.related-articles__more-articles a:hover {
background-color: #F0F0F0;
border-radius: 3px;
}
@media screen and (max-width: 767.98px) {
.related-articles__heading {
display: none;
}
.related-articles__articles-container {
justify-content: center;
}
.related-articles__article {
margin-bottom: 20px;
min-height: initial;
}
.related-articles__article-content {
height: auto;
}
.related-articles__title {
color: #007BB0;
min-height: initial;
}
.related-articles__text {
display: none;
}
.related-articles__more-articles {
display: none;
}
}
.breadcrumbs {
margin: 0 0 30px 0;
text-align: left;
padding: 0;
}
.breadcrumbs--previous-page-link {
padding-bottom: 30px;
}
.breadcrumbs__link {
display: inline-block;
vertical-align: middle;
}
.breadcrumbs__link a {
font-family: Montserrat, sans-serif;
font-size: 16px;
font-weight: 400;
line-height: 25px;
margin: 0;
border: none;
list-style: none;
color: #999999;
}
.breadcrumbs__link a:focus,
.breadcrumbs__link a:hover {
text-decoration: underline;
}
.breadcrumbs__link--current {
font-family: Montserrat, sans-serif;
font-size: 16px;
font-weight: 400;
line-height: 25px;
margin: 0;
color: #999999;
vertical-align: middle;
}
.breadcrumbs__link--current::after {
font-family: Montserrat, sans-serif;
font-size: 16px;
font-weight: 400;
line-height: 25px;
margin: 0;
display: none;
}
.breadcrumbs__link i {
border: solid #999999;
border-width: 0 3px 3px 0;
display: inline-block;
padding: 3px;
margin: 0 5px;
}
.breadcrumbs__separator {
display: inline-block;
vertical-align: top;
color: #999999;
}
.aside-navigation {
margin: 0;
padding: 0;
}
.aside-navigation ul {
margin-bottom: 20px;
}
.aside-navigation__link {
font-family: Montserrat, sans-serif;
font-size: 14px;
line-height: 20px;
color: #333333;
font-weight: 400;
}
.aside-navigation__link:focus,
.aside-navigation__link:hover,
.aside-navigation__link:active {
color: #007BB0;
}
.aside-navigation__link span {
margin-left: 10px;
}
.aside-navigation__item {
width: 80%;
margin-bottom: 20px;
border-right: 3px solid #D7D7D7;
list-style-type: none;
}
@media screen and (max-width: 991.98px) {
.aside-navigation__item {
width: 40%;
}
}
.aside-navigation__item--active {
border-right-color: #999999;
}
.rich-text-editor p {
font-family: Montserrat, sans-serif;
font-size: 16px;
font-weight: 400;
line-height: 25px;
margin: 0;
text-align: left;
margin: 0 20px 20px 0;
}
.rich-text-editor iframe {
display: inline-block;
border-radius: 3px;
margin: 0 20px 20px 0;
float: left;
max-height: 250px;
max-width: 400px;
}
.rich-text-editor hr {
border: 1px solid #D7D7D7;
margin-bottom: 20px;
}
.rich-text-editor ul,
.rich-text-editor ol {
margin-bottom: 20px;
}
.rich-text-editor table {
margin-bottom: 20px;
padding: 5px;
width: 93%;
border-radius: 3px;
}
.rich-text-editor strong {
font-family: Montserrat, sans-serif;
font-size: 16px;
font-weight: 600;
line-height: 25px;
}
.rich-text-editor a {
font-family: Montserrat, sans-serif;
font-size: 16px;
font-weight: 600;
color: #007BB0;
font-weight: 400;
}
.rich-text-editor a:focus,
.rich-text-editor a:hover {
text-decoration: underline;
}
.rich-text-editor img {
margin: 0 20px 20px 0;
display: inline-block;
border-radius: 3px;
padding-right: 15px;
float: left;
}
.top-hero-banner {
position: relative;
height: 350px;
max-width: 1440px;
margin: auto;
}
.top-hero-banner__banner-img {
background-size: cover;
background-repeat: no-repeat;
background-position: center center;
background-color: transparent;
position: absolute;
z-index: 0;
height: 100%;
width: 100%;
top: 0;
left: 0;
}
.top-hero-banner__svg-shape {
position: absolute;
top: 200px;
z-index: -2;
overflow: hidden;
height: 297px;
display: flex;
justify-content: space-between;
width: 100%;
}
.top-hero-banner__content {
display: flex;
position: relative;
justify-content: space-between;
padding: 2%;
}
.top-hero-banner__text {
min-height: 250px;
min-width: 625.5px;
max-height: 250px;
max-width: 625.5px;
color: #333333;
background-color: rgba(255, 255, 255, 0.95);
border-radius: 5px;
padding: 25px 25px 20px 25px;
}
.top-hero-banner__text--heading {
display: inline-block;
font-family: Montserrat, sans-serif;
font-size: 28px;
line-height: 40px;
padding-bottom: 23px;
color: #005980;
max-width: 472px;
}
.top-hero-banner__text--sub-heading {
font-family: Montserrat, sans-serif;
font-size: 24px;
line-height: 40px;
}
.top-hero-banner__text--content {
font-family: Montserrat, sans-serif;
font-size: 16px;
font-weight: 400;
line-height: 25px;
margin: 0;
max-height: 130px;
max-width: 472px;
overflow: hidden;
}
.top-hero-banner__additional-content {
display: inline-block;
vertical-align: bottom;
text-align: center;
width: 625.5px;
max-width: 625.5px;
height: 285px;
}
.top-hero-banner__additional-content--body {
display: inline-block;
max-height: 160px;
width: 75%;
font-family: Montserrat, sans-serif;
font-size: 16px;
font-weight: 400;
line-height: 25px;
margin: 0;
overflow: hidden;
background-color: rgba(255, 255, 255, 0.95);
border-radius: 5px;
padding: 20px;
}
.top-hero-banner__link {
position: absolute;
bottom: 5%;
height: 50px;
padding-top: 25px;
}
.top-hero-banner__link > a,
.top-hero-banner__link--additional-link {
padding: 5px 10px 5px 5px;
border-radius: 3px;
background-color: #F0F0F0;
}
.top-hero-banner__link > a {
width: auto;
}
.top-hero-banner__link--additional-link {
display: inline-block;
position: absolute;
top: 75%;
left: 7.5%;
}
.top-hero-banner__link--chevron {
color: #999999;
vertical-align: middle;
font-size: 19px !important;
}
.top-hero-banner__link--text {
font-family: Montserrat, sans-serif;
font-size: 16px;
font-weight: 600;
color: #007BB0;
vertical-align: middle;
}
.top-hero-banner__link a {
padding-left: 0px;
}
.btm-hero-banner {
position: relative;
height: 360px;
max-width: 1440px;
margin: auto;
}
.btm-hero-banner__banner-img {
background-size: cover;
background-repeat: no-repeat;
background-position: center center;
background-color: transparent;
position: absolute;
z-index: 0;
height: 100%;
width: 100%;
top: 0;
left: 0;
}
.btm-hero-banner__svg-text-container {
display: inline-block;
position: relative;
min-width: 52%;
vertical-align: middle;
margin-left: 10px;
}
.btm-hero-banner__content {
position: absolute;
top: 20%;
left: 10%;
}
.btm-hero-banner__content--quote {
display: inline-block;
font-family: Montserrat, sans-serif;
font-size: 16px;
font-weight: 400;
line-height: 25px;
margin: 0;
width: 540px;
padding: 20px;
margin-right: -20px;
margin-left: -20px;
}
.btm-hero-banner__content--body {
display: inline-block;
max-width: 434px;
max-height: 120px;
overflow: hidden;
margin-right: -20px;
}
.btm-hero-banner__content--reference {
display: block;
padding-bottom: 25px;
font-family: Montserrat, sans-serif;
font-size: 14px;
font-weight: 400;
line-height: 20px;
color: #333333;
}
.btm-hero-banner__content--first-icon {
color: #D7D7D7;
vertical-align: top;
transform: matrix(-1, 0, 0, 1, 0, 0);
font-size: 5em !important;
}
.btm-hero-banner__content--second-icon {
display: inline-block;
vertical-align: middle;
font-size: 5em !important;
color: #D7D7D7;
}
.btm-hero-banner__additional-content {
display: inline-block;
vertical-align: middle;
height: 50%;
width: 42%;
margin-left: 50px;
text-align: center;
}
.btm-hero-banner__additional-content--body {
display: inline-block;
font-family: Montserrat, sans-serif;
font-size: 16px;
font-weight: 400;
line-height: 25px;
margin: 0;
max-height: 50%;
min-width: 50%;
overflow: hidden;
background-color: #FFFFFF;
border-radius: 5px;
padding: 10px;
}
.btm-hero-banner__link--additional-link {
display: inline-block;
position: absolute;
top: 75%;
right: 25%;
margin-top: 15px;
padding: 5px 10px 5px 5px;
border-radius: 3px;
background-color: #F0F0F0;
}
.btm-hero-banner__link--chevron {
color: #999999;
vertical-align: middle;
font-size: 19px !important;
}
.btm-hero-banner__link--text {
font-family: Montserrat, sans-serif;
font-size: 16px;
font-weight: 600;
color: #007BB0;
vertical-align: middle;
}
.btm-hero-banner__link a {
padding: 5px 10px 5px 10px;
padding-left: 0px;
}
.btm-hero-banner__link a:focus,
.btm-hero-banner__link a:hover {
background-color: #F0F0F0;
border-radius: 3px;
}
@media screen and (max-width: 991.98px) {
.btm-hero-banner {
overflow: hidden;
}
.btm-hero-banner__svg-text-container {
width: 100%;
}
.btm-hero-banner__content {
left: 5%;
}
}
@media screen and (max-width: 767.98px) {
.top-hero-banner {
height: auto;
padding-top: 80px;
}
.top-hero-banner__banner-img {
height: 80px;
}
.top-hero-banner__svg-shape {
top: 80px;
}
.top-hero-banner__svg-shape svg {
display: none;
}
.top-hero-banner__content {
padding: 0;
flex-direction: column;
}
.top-hero-banner__text {
width: 100%;
height: 100%;
min-width: 100%;
max-width: 100%;
min-height: 100%;
max-height: 100%;
background-color: #f8f9f9;
border-radius: 0;
}
.top-hero-banner__text--heading {
width: 90%;
text-align: center;
border-bottom: 1px solid #C7CFD1;
line-height: 100%;
display: block;
margin: auto;
}
.top-hero-banner__text--content {
padding-top: 23px;
width: 100%;
max-width: 100%;
max-height: 100%;
}
.top-hero-banner__additional-content {
display: none;
}
.top-hero-banner__link {
position: initial;
text-align: center;
}
.top-hero-banner__link a {
background-color: transparent;
}
.btm-hero-banner {
padding-top: 200px;
height: auto;
}
.btm-hero-banner__banner-img {
height: 200px;
}
.btm-hero-banner__svg-text-container {
margin-left: 0;
}
.btm-hero-banner__svg-text-container svg {
display: none;
}
.btm-hero-banner__content {
left: 0;
width: 100%;
text-align: center;
position: unset;
}
.btm-hero-banner__content--quote {
width: 100%;
}
.btm-hero-banner__content--body {
display: none;
}
.btm-hero-banner__content--reference {
display: none;
}
.btm-hero-banner__content--first-icon {
display: none;
}
.btm-hero-banner__content--second-icon {
display: none;
}
.btm-hero-banner__additional-content {
display: none;
}
}
.search-bar {
display: table;
margin: 0 auto;
border-bottom: 2px solid #4BC0C0;
position: relative;
z-index: 11;
background-color: #FFFFFF;
}
.search-bar__link {
width: 100%;
text-align: center;
height: 50px;
}
.search-bar__link--chevron {
color: #999999;
vertical-align: middle;
font-size: 19px;
}
.search-bar__link--text {
font-family: Montserrat, sans-serif;
font-size: 16px;
font-weight: 600;
color: #007BB0;
vertical-align: middle;
}
.search-bar__link a {
padding: 5px 10px 5px 10px;
padding-left: 0px;
}
.search-bar__link a:focus,
.search-bar__link a:hover {
background-color: #F0F0F0;
border-radius: 3px;
}
.search-bar__wrapper {
width: 100%;
margin: 50px auto 20px auto;
}
.search-bar__results-list {
text-decoration: none;
list-style: none;
font-family: Montserrat, sans-serif;
font-size: 16px;
font-weight: 600;
color: #007BB0;
width: 30%;
min-width: 375px;
margin: 0 auto;
position: relative;
z-index: 1001;
background-color: #FFFFFF;
border-radius: 4px;
box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
padding: 10px;
}
.search-bar__results-list li {
margin-top: 5px;
}
.search-bar__result:hover {
color: #333333;
}
.search-bar__result--active {
color: #333333;
}
.search-bar__search-icon {
vertical-align: bottom;
cursor: pointer;
position: relative;
z-index: 11;
}
.search-bar__search-icon i {
font-size: 40px;
vertical-align: bottom;
}
.search-bar__search-input {
font-family: Montserrat, sans-serif;
font-size: 27px;
color: #333333;
padding: 0px 0px 5px 5px;
display: inline-block;
border: none;
width: 85%;
}
.search-bar__search-input::-webkit-input-placeholder {
text-align: center;
}
.search-bar__grey-out {
position: fixed;
width: 0px;
height: 0px;
left: 0;
top: 0;
z-index: 10;
opacity: 0;
background-color: #333333;
transition: opacity 0.3s ease-in-out;
}
.search-bar__grey-out--dark {
opacity: 0.4;
width: 100%;
height: 100%;
}
.search-bar__link-mobile {
display: none;
text-align: center;
margin-top: 30px;
}
.search-bar__link-mobile a {
color: #2E3638;
background: url('../../assets/images/Icons/icon-search-mobile.svg') no-repeat left center #F1F3F4;
padding: 20px 20px 20px 40px;
border-radius: 3px;
background-size: contain;
display: inline-block;
}
.search-bar__link-mobile a i {
display: inline-block;
width: 5px;
height: 10px;
padding-left: 20px;
background: url('../../assets/images/Icons/icon-chevron-right-blue.svg') no-repeat right center transparent;
}
@media (max-width: 767.98px) {
.search-bar__link {
margin-top: 40px;
}
.search-bar__search-input {
font-size: 22px;
}
.search-bar__link-mobile {
display: block;
}
}
.articles__articles-container {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
padding-top: 30px;
width: 100%;
}
.articles__article {
display: inline-block;
padding: 5px 10px 5px 10px;
vertical-align: top;
padding: 0;
margin: 20px auto;
width: 258px;
height: 230px;
}
.articles__article:focus,
.articles__article:hover {
box-shadow: 0 0 8px 1px #d4d4d4;
border-radius: 3px;
}
.articles__article img {
height: 100px;
width: 258px;
border-radius: 3px;
}
.articles__article--blank {
display: inline-block;
width: 258px;
margin: 20px auto;
min-height: 230px;
}
@media screen and (max-width: 1199.98px) {
.articles__article--blank {
display: none;
}
}
.articles__content {
padding: 20px 10px;
}
.articles__title {
font-family: Montserrat, sans-serif;
font-size: 16px;
font-weight: 600;
color: #007BB0;
height: 50px;
}
.articles__title--line-clamp {
display: -webkit-box;
-webkit-line-clamp: 2;
overflow: hidden;
}
.articles__text {
display: flex;
justify-content: space-between;
font-family: Montserrat, sans-serif;
font-size: 14px;
font-weight: 400;
line-height: 20px;
color: #333333;
min-height: 20px;
padding-top: 20px;
}
.articles__text--date {
color: #999999;
}
.articles__text--read-link {
color: #007BB0;
}
.articles__text--read-link:focus,
.articles__text--read-link:hover {
text-decoration: underline;
}
.articles__link-to-content {
text-align: center;
padding-top: 25px;
}
.articles__link-to-content--chevron {
color: #999999;
vertical-align: middle;
font-size: 19px;
}
.articles__link-to-content--text {
font-family: Montserrat, sans-serif;
font-size: 16px;
font-weight: 600;
color: #007BB0;
vertical-align: middle;
}
.articles__link-to-content a {
padding: 5px 10px 5px 10px;
padding-left: 0px;
}
.articles__link-to-content a:focus,
.articles__link-to-content a:hover {
background-color: #F0F0F0;
border-radius: 3px;
}
@media (max-width: 767.98px) {
.articles__title {
height: auto;
}
}
.button-link {
display: flex;
flex-direction: column;
background-color: rgba(199, 207, 209, 0.6);
border-radius: 3px;
width: 100%;
height: 100px;
max-height: 100px;
text-align: center;
margin-bottom: 30px;
justify-content: center;
}
.button-link:focus,
.button-link:hover {
background-color: #c7cfd1;
}
.button-link a {
display: inline-block;
}
.button-link__text-container {
padding: 0 10px;
}
.button-link__text-container--text {
font-family: Montserrat, sans-serif;
font-size: 16px;
font-weight: 600;
line-height: 25px;
color: #333333;
}
.button-link__text-container--text:after {
content: " ";
display: block;
border-width: 0 0 1px 0;
border-style: solid;
border-color: #009FE3;
width: 30px;
margin: 0px auto;
padding-top: 5px;
margin-bottom: -5px;
}
.button-link__svg-dash {
display: block;
}
.button-link--eduqas {
background-color: rgba(227, 194, 177, 0.35);
}
.button-link--eduqas .button-link__text-container--text:after {
border-color: #E65000;
}
.button-link--eduqas:focus,
.button-link--eduqas:hover {
background-color: rgba(227, 194, 177, 0.75);
}
@media screen and (max-width: 767.98px) {
.button-link {
margin-bottom: 0;
}
.links .column {
padding: 5px;
}
}
.quote-block {
display: flex;
justify-content: space-between;
padding: 25px 30px 25px 30px;
margin: 50px 0px;
background-color: #F0F0F0;
border-radius: 3px;
align-items: center;
}
.quote-block img {
max-height: 100px;
max-width: 100px;
margin-right: 30px;
}
.quote-block__content {
width: 85%;
}
.quote-block__quote-container {
display: flex;
position: relative;
margin-left: 15px;
}
.quote-block__quote {
font-family: Montserrat, sans-serif;
font-size: 16px;
font-weight: 600;
line-height: 25px;
padding-top: 15px;
}
.quote-block__reference {
font-family: Montserrat, sans-serif;
font-size: 14px;
font-weight: 400;
line-height: 20px;
color: #333333;
padding-top: 10px;
}
.quote-block__opening-quotation-icon {
min-width: 45px;
background: url(../../assets/images/Icons/icon-quotation-open.svg) no-repeat center center transparent;
background-position: top;
margin-right: 25px;
}
.quote-block__closing-quotation-icon {
min-width: 45px;
background: url(../../assets/images/Icons/icon-quotation-close.svg) no-repeat center center transparent;
background-position: bottom;
margin-left: 25px;
}
@media screen and (max-width: 767.98px) {
.quote-block {
padding: 25px 10px;
flex-direction: column;
}
.quote-block img {
margin-bottom: 15px;
}
.quote-block__content {
width: 100%;
}
.quote-block__quote-container {
margin-left: 0;
padding-left: 0;
}
.quote-block__opening-quotation-icon {
padding-right: 0;
}
}
.tab-switcher {
margin: 50px 0px;
}
.tab-switcher ul {
margin: 0;
}
.tab-switcher__tabs {
background-color: #F0F0F0;
border-radius: 3px;
display: inline-block;
position: relative;
padding: 10px;
display: flex;
flex-wrap: wrap;
justify-content: flex-start;
}
@media screen and (max-width: 700.98px) {
.tab-switcher__tabs {
display: flex;
flex-direction: column;
flex-flow: wrap;
}
}
.tab-switcher__tab {
flex-basis: auto;
display: inline-block;
padding: 3px 10px;
margin: 0 21px 0 0;
border-radius: 3px;
text-align: center;
line-height: 25px;
font-size: 16px;
font-weight: normal;
cursor: pointer;
position: relative;
z-index: 1;
transition-duration: 0.3s;
/*@media @break-phone {
flex: 1;
}*/
}
.tab-switcher__tab:focus,
.tab-switcher__tab:hover,
.tab-switcher__tab:active {
background-color: #D7D7D7;
outline: 0;
}
.tab-switcher__tab--hidden {
display: none;
}
.tab-switcher__tab--selected {
background-color: #2855a2;
color: #FFFFFF;
}
.tab-switcher__tab--selected:focus,
.tab-switcher__tab--selected:hover,
.tab-switcher__tab--selected:active {
background-color: #2855a2;
outline: 0;
color: #FFFFFF;
}
.tab-switcher__tab-selector {
position: absolute;
display: inline-block;
height: 30px;
border-radius: 3px;
line-height: inherit;
z-index: 1;
color: #FFF;
background-color: #2855a2;
}
.tab-switcher__content {
font-family: Montserrat, sans-serif;
font-size: 16px;
font-weight: 400;
line-height: 25px;
margin: 0;
}
.tab-switcher__content--top-padded {
margin-top: 10px;
padding: 0 10px;
}
@media (max-width: 991.98px) {
.tab-switcher__tabs {
justify-content: space-around;
}
.tab-switcher__tab {
margin: 0;
}
}
.call-out-box {
width: 100%;
min-height: 240px;
height: 240px;
margin: 50px 0px;
position: relative;
display: flex;
flex-direction: column;
justify-content: center;
}
.call-out-box__image {
min-height: 240px;
min-width: 623px;
border-radius: 3px;
background-size: cover;
position: absolute;
z-index: -1;
top: 0;
}
.call-out-box__image--left {
right: 0;
}
.call-out-box__text {
padding: 5px 35px;
background-color: #FFF;
font-style: normal;
font-weight: 600;
font-size: 16px;
line-height: 25px;
border-radius: 3px;
max-width: 534px;
box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
width: 60%;
display: inline-block;
}
.call-out-box__text--right {
align-self: flex-end;
}
@media screen and (max-width: 767.98px) {
.call-out-box {
justify-content: flex-end;
height: initial;
min-height: initial;
}
.call-out-box__image {
min-width: 100%;
display: none;
}
.call-out-box__text {
width: 90%;
margin: -25px 5% 0;
z-index: 1;
}
}
.generic-sidebar {
position: relative;
}
.generic-sidebar__svg {
position: absolute;
top: -10px;
z-index: -1;
}
.generic-sidebar__links-container {
padding: 20px 0px 0px 45px;
}
.generic-sidebar__link {
display: flex;
margin: 20px 0px;
}
.generic-sidebar__link a {
width: 100%;
border-right: 3px solid #D7D7D7;
border-radius: 3px;
color: #333333;
}
.generic-sidebar__link a:hover,
.generic-sidebar__link a:focus {
border-right: 3px solid #009FE3;
color: #007BB0;
}
.generic-sidebar__link--child {
width: 80%;
vertical-align: middle;
font-family: Montserrat, sans-serif;
font-size: 16px;
font-weight: 400;
line-height: 25px;
margin: 0;
overflow-wrap: break-word;
margin-left: 15px;
display: flex;
}
.generic-sidebar__link--child::before {
content: "- ";
margin-right: 5px;
}
.generic-sidebar__link--lower-child {
width: 80%;
vertical-align: middle;
font-family: Montserrat, sans-serif;
font-size: 16px;
font-weight: 400;
line-height: 25px;
margin: 0;
overflow-wrap: break-word;
margin-left: 25px;
display: flex;
}
.generic-sidebar__link--lower-child::before {
content: "- ";
margin-right: 5px;
}
.generic-sidebar__link--text {
display: inline-block;
width: 90%;
vertical-align: middle;
font-family: Montserrat, sans-serif;
font-size: 16px;
font-weight: 400;
line-height: 25px;
margin: 0;
overflow-wrap: break-word;
}
.generic-sidebar__link--icon {
vertical-align: middle;
text-align: right;
}
.generic-sidebar__link--active {
margin: 20px 0px;
border-right: 5px solid #009FE3;
border-radius: 3px;
color: #E65000;
}
.generic-content-page__sidebar {
display: inline-block;
vertical-align: top;
min-width: 267px;
}
.generic-content-page__body {
font-family: Montserrat, sans-serif;
font-size: 16px;
font-weight: 400;
line-height: 25px;
margin: 0;
display: inline-block;
vertical-align: top;
overflow: auto;
}
.generic-content-page table {
margin: 40px 0 30px 0;
width: 100%;
border-collapse: collapse;
border: 1px solid #FFFFFF;
}
.generic-content-page table th,
.generic-content-page table td {
border-bottom: 1px solid #C7CFD1;
padding: 15px;
text-align: left;
}
.generic-content-page table td {
font-family: Montserrat, sans-serif;
font-size: 16px;
font-weight: 400;
line-height: 25px;
margin: 0;
}
.generic-content-page .umb-grid {
margin-right: -20px;
}
.generic-content-page p {
overflow-wrap: break-word;
}
@media screen and (max-width: 991.98px) {
.generic-content-page__sidebar {
display: none;
}
.generic-content-page__body {
width: 100%;
margin: 0;
}
.generic-content-page .umb-grid {
margin-left: -20px;
}
}
.content-banner {
background-repeat: no-repeat;
background-size: cover;
background-color: transparent;
background-position: center;
min-height: 276px;
margin-bottom: 50px;
}
.content-banner__polygon {
background-repeat: no-repeat;
background-color: transparent;
background-size: contain;
display: flex;
align-items: center;
position: relative;
}
.content-banner__polygon--shape1 {
background-image: url(../../assets/images/banner-shape-1.svg);
min-height: 276px;
width: 440px;
height: 276px;
}
.content-banner__polygon--shape2 {
background-image: url(../../assets/images/banner-shape-2.svg);
min-height: 171px;
width: 477px;
}
.content-banner__polygon--shape3 {
padding: 0;
background-color: #FFF;
border-radius: 3px;
width: auto;
margin: 20px 0;
min-width: 50%;
}
.content-banner__text {
width: 100%;
}
.content-banner__text--left {
text-align: left;
}
.content-banner__text--center {
text-align: center;
}
.content-banner__text--right {
text-align: right;
}
.content-banner__text--heading {
margin: 17px 0 3px;
}
.content-banner__text--heading h1 {
display: inline;
font-family: Montserrat, sans-serif;
font-size: 28px;
line-height: 40px;
font-weight: normal;
margin: 0;
}
.content-banner__text--heading svg {
display: inline;
}
.content-banner__text--shape1 {
margin-left: 20px;
width: 85%;
}
.content-banner__text--shape2 {
margin-left: 90px;
width: 72%;
}
.content-banner__text--shape3 {
padding: 0 38px;
}
@media screen and (max-width: 767.98px) {
.content-banner__polygon--shape2 {
min-width: 90%;
width: initial;
}
.content-banner__text--heading {
font-size: 16px;
}
.content-banner__text--shape2 {
margin-left: 20%;
position: absolute;
top: 20px;
}
}
.split-banner {
background-repeat: no-repeat;
background-size: cover;
background-color: transparent;
background-position: center;
min-height: 350px;
margin: 50px 0px;
position: relative;
display: flex;
}
.split-banner__holder {
padding: 40px;
width: 40%;
display: flex;
flex-direction: column;
}
.split-banner__holder--left {
position: absolute;
bottom: 0;
}
.split-banner__holder--right {
position: absolute;
bottom: 0;
right: 0;
}
.split-banner__text {
background-color: #FFF;
padding: 0 15px;
border-radius: 3px;
font-size: 16px;
line-height: 25px;
font-weight: 600;
padding: 17px 20px;
flex: 0 0 auto;
}
.split-banner a {
background-color: #FFF;
padding: 5px 20px;
min-width: 160px;
border-radius: 3px;
margin: 20px 0 0 0;
flex: 0 0 auto;
align-self: flex-start;
}
@media screen and (max-width: 767.98px) {
.split-banner {
display: inline-block;
width: 100%;
margin: 20px 0;
}
.split-banner__holder {
width: 100%;
position: relative;
}
.split-banner__holder--left {
align-items: flex-start;
}
.split-banner__holder--left a {
align-items: flex-start;
}
.split-banner__holder--right {
align-items: flex-end;
}
.split-banner__holder--right a {
align-self: flex-end;
}
}
.related-links {
display: inline-block;
width: 100%;
border-radius: 3px;
}
.related-links--content-page {
margin: 50px 0px;
}
.related-links__title {
margin-bottom: 30px;
width: 100%;
font-style: normal;
font-weight: normal;
font-size: 18px;
line-height: 30px;
color: #333333;
}
.related-links__icon {
display: inline-block;
position: relative;
left: -4px;
width: 10px;
vertical-align: middle;
}
.related-links__sub-title {
display: inline-block;
vertical-align: text-top;
max-width: 80%;
margin-bottom: 15px;
}
.related-links__details {
color: #333333;
}
.related-links__container {
padding: 5px 10px 5px 10px;
display: inline-block;
width: 48%;
min-height: 120px;
vertical-align: top;
padding: 4px;
margin-bottom: 30px;
}
.related-links__container:focus,
.related-links__container:hover {
box-shadow: 0 0 8px 1px #d4d4d4;
border-radius: 3px;
}
.related-links__container:nth-of-type(odd) {
margin-right: 3%;
}
@media (max-width: 767.98px) {
.related-links {
margin: 20px 0;
}
.related-links__container {
width: 100%;
margin: 0 0 20px;
}
.related-links__container:nth-of-type(odd) {
margin-right: 0;
}
}
@media screen and (max-width: 1199.98px) {
.related-links__container {
width: 46%;
}
.related-links__container:nth-of-type(odd) {
margin: 0 2% 5% 0;
}
.related-links__container:nth-of-type(even) {
margin: 0 0 5% 2%;
}
}
@media screen and (max-width: 767.98px) {
.related-links__details {
display: none;
}
.related-links__container {
width: 100%;
min-height: initial;
}
.related-links__container:nth-of-type(odd) {
margin: 0;
}
.related-links__container:nth-of-type(even) {
margin: 0;
}
}
.subscriptionForm {
display: inline-block;
width: 100%;
border-radius: 3px;
}
.subscriptionForm input[type=text],
.subscriptionForm select {
width: 50%;
height: 30px;
font-weight: 400;
background: #FFFFFF;
border: 1px solid #D7D7D7;
box-sizing: border-box;
border-radius: 5px;
}
.subscriptionForm input[type=submit] {
color: #FFFFFF;
height: 32px;
width: 18%;
background-color: #009FE3;
border: 1px solid #D7D7D7;
border-radius: 5px;
cursor: pointer;
font-weight: 500;
font-size: 14px;
font-family: Montserrat, sans-serif;
text-align: center;
}
.subscriptionForm input[type=radio] {
width: 20px;
height: 14px;
}
.subscriptionForm fieldset {
border: none;
}
.subscriptionForm .checkboxlist input[type=checkbox] {
position: absolute;
left: 0px;
top: 0px;
height: 20px;
width: 20px;
}
.subscriptionForm .checkboxlist .row {
padding: 10px;
}
.subscriptionForm .checkboxlist label {
padding-left: 30px;
}
.subscriptionForm .radiobuttonlist label {
padding-left: 10px;
}
.subscriptionForm .umbraco-forms-field {
padding: 10px;
}
.subscriptionForm .doyoucurrentlyteachawjecqualification {
font-weight: normal;
font-size: 16px;
line-height: 25px;
}
.link-option-block {
display: flex;
justify-content: space-between;
margin: 50px 0;
}
.link-option-block__img-container {
background-size: cover;
background-repeat: no-repeat;
background-position: center center;
width: 48%;
min-height: 250px;
display: flex;
align-items: center;
justify-content: center;
}
.link-option-block__link--center a {
background-color: #FFFFFF;
padding: 20px;
border-radius: 5px;
}
.link-option-block__link--bottom {
width: 96%;
text-align: center;
align-self: flex-end;
margin-bottom: 13px;
}
.link-option-block__link--bottom a {
display: inline-block;
background-color: rgba(255, 255, 255, 0.8);
padding: 20px;
border-radius: 5px;
}
.link-option-block__link--text {
width: 96%;
overflow: hidden;
font-family: Montserrat, sans-serif;
font-size: 16px;
font-weight: 600;
line-height: 25px;
color: #333333;
}
@media screen and (max-width: 767.98px) {
.link-option-block {
flex-direction: column;
margin: 20px 0;
}
.link-option-block__img-container {
width: 100%;
margin-bottom: 20px;
}
}
.search-results__heading {
font-size: 24px;
font-weight: normal;
}
.search-results__search-box {
min-height: 50px;
margin: 50px 0 25px 0;
}
.search-results__search-box .search-bar {
margin: 0;
width: 60%;
}
.search-results__count {
font-size: 28px;
display: inline-block;
line-height: 32px;
}
.search-results__count--highlight {
color: #009FE3;
}
.search-results__results-list {
margin-top: 50px;
-webkit-padding-start: 0;
padding-inline-start: 0;
}
.search-results__result-content {
overflow: hidden;
max-height: 75px;
color: #333333;
margin: 0 10px 20px 10px;
padding-bottom: 10px;
}
@media screen and (max-width: 767.98px) {
.search-results__result-content {
white-space: nowrap;
text-overflow: ellipsis;
}
}
.search-results__result-name {
font-weight: normal;
font-size: 18px;
line-height: 30px;
color: #006997;
margin: 10px 10px 0 10px;
padding-top: 10px;
display: block;
}
.search-results__result-link {
display: block;
height: 100%;
width: 100%;
min-height: 50px;
}
.search-results__result-link:hover {
text-decoration: none;
}
.search-results__result {
font-size: 18px;
line-height: 30px;
list-style: none;
min-height: 75px;
margin-top: 10px;
}
.search-results__result:hover {
box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
border-radius: 3px;
}
@media screen and (max-width: 767.98px) {
.search-results__result {
box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.05);
border-radius: 3px;
margin-top: 30px;
}
}
.search-results__no-results {
font-weight: normal;
font-size: 18px;
line-height: 30px;
color: #333333;
}
@media screen and (max-width: 991.98px) {
.search-results__search-box .search-bar {
width: 100%;
}
}
.courses__title {
font-family: Montserrat, sans-serif;
font-size: 18px;
line-height: 30px;
margin: 50px 0 30px 0;
}
.courses__course {
background: #FFFFFF;
border-radius: 3px;
margin-bottom: 20px;
padding: 10px 20px;
display: flex;
justify-content: space-between;
align-items: flex-end;
}
.courses__course:hover {
box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
}
.courses__course-info {
max-width: 80%;
}
.courses__course-info--name {
font-family: Montserrat, sans-serif;
font-size: 16px;
font-weight: 600;
line-height: 25px;
color: #333333;
}
.courses__course-info--location {
font-family: Montserrat, sans-serif;
font-size: 14px;
font-weight: 400;
line-height: 20px;
color: #333333;
}
.courses__course-link {
padding-left: 10px;
}
.courses__course-link--text {
font-family: Montserrat, sans-serif;
font-size: 16px;
font-weight: 600;
color: #007BB0;
vertical-align: middle;
}
.courses__course-link:before {
content: " ";
background: url('../../assets/images/Icons/right-chevron.png') no-repeat left center transparent;
width: 10px;
height: 10px;
display: inline-block;
}
@media screen and (max-width: 991.98px) {
.courses__course {
flex-direction: column;
}
.courses__course-info {
width: 100%;
max-width: none;
}
.courses__course-link {
text-align: right;
}
}
.cookie-banner {
width: 100%;
height: auto;
position: fixed;
bottom: 0;
left: 0;
padding: 30px;
background: #FFFFFF;
box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.25);
border-radius: 3px;
z-index: 999999;
display: none;
}
.cookie-banner__message {
font-size: 16px;
line-height: 25px;
}
.cookie-banner__button {
display: flex;
justify-content: center;
align-content: center;
align-items: center;
}
.cookie-banner__button button {
padding: 0 15px 0 30px;
border: 0;
background: url("data:image/svg+xml,%3Csvg width='6' height='11' viewBox='0 0 6 11' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.741797 8.73356L3.97513 5.50023L0.741797 2.26689C0.416797 1.94189 0.416797 1.41689 0.741797 1.09189C1.0668 0.766895 1.5918 0.766895 1.9168 1.09189L5.7418 4.91689C6.0668 5.24189 6.0668 5.76689 5.7418 6.09189L1.9168 9.91689C1.5918 10.2419 1.0668 10.2419 0.741797 9.91689C0.42513 9.59189 0.416797 9.05856 0.741797 8.73356Z' fill='%23606A6C'/%3E%3C/svg%3E%0A") 15px center no-repeat transparent;
color: #005980;
font-weight: 600;
font-size: 16px;
cursor: pointer;
border-radius: 3px;
height: 36px;
}
.cookie-banner__button button:hover {
background-color: #F0F0F0;
}
@media (max-width: 991.98px) {
.cookie-banner__button button {
margin-top: 30px;
}
}
.mobile-child-nav ul {
width: 100%;
padding: 0;
list-style: none;
}
.mobile-child-nav ul li {
width: 100%;
margin: 10px 0;
}
input[type="text"].form-control,
select.form-control {
box-sizing: border-box;
}
label {
font-weight: 700;
}
.input-validation-error {
border-color: red;
}
.field-validation-error {
color: red;
}
select.form-control {
display: block;
width: 100%;
max-width: 100%;
margin: 0;
-moz-appearance: none;
-webkit-appearance: none;
appearance: none;
background-color: #FFFFFF;
background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAGCAYAAAD68A/GAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAACbSURBVHgBbc6/CsIwEAbwux4YsYuI/4o1DyAot1S6unV1c9QnqaOjb2R8gzxEFXTKExiTlkAQvyXkux/c0YoLni9l9X42Gv5kXZTH0TQ3lEl5QYR6tsjh9WjuMdpsy9rNrpQgUjYZK0tUAeAhxh655+x6naTihL5k5uGnJ26u5G7YpkMDsdNKGQxrfjDEqP3FNwVsLRpK+/uAfL695C82KqnE6wAAAABJRU5ErkJggg==');
background-repeat: no-repeat;
background-position: right 0.7em top 50%;
background-size: 0.65em auto;
padding-right: 30px;
}
select.form-control::-ms-expand {
display: none;
}
select.form-control:focus {
outline: none;
}
.radio {
display: inline-flex;
margin-right: 1rem;
min-height: 1.5rem;
position: relative;
}
.radio input {
position: absolute;
pointer-events: none;
opacity: 0;
cursor: pointer;
}
.radio input[type="radio"] {
box-sizing: border-box;
padding: 0;
}
.radio input[type="radio"]:checked {
color: #FFFFFF;
border-color: #007bff;
background-color: #007bff;
}
.radio input[type="radio"]:checked ~ label::before {
color: #FFFFFF;
border-color: #AAAAAA;
background-color: #FFFFFF;
}
.radio input[type="radio"]:checked ~ label::after {
background-color: #007bff;
}
.radio > label {
position: relative;
margin-bottom: 0;
vertical-align: top;
padding-left: 1.5rem;
cursor: pointer;
}
.radio > label:before {
border-radius: 50%;
position: absolute;
top: 0.25rem;
left: 0;
display: block;
width: 18px;
height: 18px;
pointer-events: none;
content: "";
background-color: #FFFFFF;
border: #AAAAAA solid 1px;
transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
.radio > label:after {
position: absolute;
top: 0.25rem;
left: -1.5rem;
display: block;
content: "";
width: 0.5rem;
height: 0.5rem;
border-radius: 50%;
transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
left: 5px;
top: 9px;
}
.checkbox {
margin-right: 1rem;
min-height: 1.5rem;
position: relative;
}
.checkbox input {
position: absolute;
pointer-events: none;
opacity: 0;
}
.checkbox input[type="checkbox"] {
box-sizing: border-box;
padding: 0;
}
.checkbox input[type="checkbox"]:checked {
color: #FFFFFF;
border-color: #007bff;
background-color: #007bff;
}
.checkbox input[type="checkbox"]:checked ~ label::before {
color: #FFFFFF;
border-color: #AAAAAA;
background-color: #FFFFFF;
}
.checkbox input[type="checkbox"]:checked ~ label::after {
background-image: url('data:image/svg+xml,%3Csvg%20viewBox%3D%220%200%2020%2020%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20color%3D%22%23007DB2%22%3E%3Cpath%20d%3D%22M7.5%2013.475l-2.892-2.892a.83.83%200%2010-1.175%201.175l3.484%203.484a.83.83%200%20001.175%200l8.816-8.817a.83.83%200%2010-1.175-1.175L7.5%2013.475z%22%20fill%3D%22currentColor%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E');
background-repeat: no-repeat;
background-position: center center;
background-color: transparent;
background-size: cover;
left: 0;
top: 2px;
}
.checkbox > label {
position: relative;
margin-bottom: 0;
vertical-align: top;
padding-left: 1.5rem;
cursor: pointer;
}
.checkbox > label:before {
border-radius: 3px;
position: absolute;
top: 2px;
left: 0;
display: block;
width: 1rem;
height: 1rem;
pointer-events: none;
content: "";
background-color: #FFFFFF;
border: #AAAAAA solid 1px;
transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
.checkbox > label:after {
position: absolute;
top: 0.25rem;
left: -1.5rem;
display: block;
width: 1rem;
height: 1rem;
content: "";
border-radius: 3px;
transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
.server-error {
width: 10%;
margin: 5% auto;
text-align: center;
}
.server-error__button {
display: block;
margin: 10% 0;
font-family: Montserrat, sans-serif;
font-size: 16px;
font-weight: 600;
color: #007BB0;
}
.google-maps {
padding: 20px;
}