/**
 * @file
 * Visual styles for SCU.
 */
a { color: #005e86; }
a:visited { color: #005e86; }
::after,
::before { font-family: 'Font Awesome 5 Pro', 'Font Awesome 5 Brands', 'Font Awesome 5 Free', 'Font Awesome 5 Duotone'; font-weight: 900; }
.display-desktop-hide,
.feed-icon { display: none; }
.page--category.not-logged-in,
.page--taxonomy.not-logged-in,
.node-type-landing_page.not-logged-in { margin-top: 0 !important; }
.page--apply h3 { font-size: 17px !important; letter-spacing: 0.13px !important; }
.btn-primary { border-color: #ffce00 !important; }
.btn-primary.focus,
.btn-primary:focus { box-shadow: initial !important; border-color: transparent !important; }
.button { padding-right: 20px; padding-left: 20px; -webkit-transition: background-color 200ms ease; transition: background-color 200ms ease; cursor: pointer; margin-top: 22px; padding-top: 8px; padding-bottom: 8px; border-radius: 4px; background-color: #ffce00 !important; font-family: Roboto, sans-serif; color: #363636 !important; font-weight: 500 !important; text-transform: uppercase; font-size: 14px; border-color: #ffce00; line-height: 1.5; }
.button:hover { background-color: #e9bc00 !important; border-color: #e9bc00 !important; text-decoration: none; }
.button-small { }
.right { float: right; }
.su-quote-style-default { position: relative; margin-bottom: 1.5em; padding: 0.5em 3em; font-style: italic; }
.su-quote-style-default:before { top: 0; left: 0; background-position: 0 0; }
.su-quote-style-default:after { right: 0; bottom: 0; background-position: -20px 0; }
.su-quote-style-default:before,
.su-quote-style-default:after { position: absolute; display: block; width: 20px; height: 20px; background-image: url(../images/quote.png); content: ''; }
.oval { width: 60px; height: 60px; border: solid 2px #ffce00; border-radius: 35px; font-family: Roboto; font-size: 30px; font-weight: bold; font-style: normal; font-stretch: normal; line-height: normal; letter-spacing: 0.23px; text-align: center; color: #404e54; padding: 7px; }
.page-node-49 .layout-main-wrapper,
.page--blog .layout-main-wrapper,
.page--category .layout-main-wrapper { background-size: 100% 80%; background-image: url(/sites/default/files/2019-08/bg-grey-wave--full-width2x.png), linear-gradient(to top, #fff, #e4e4e4); background-repeat: no-repeat; padding-bottom: 0; min-height: 1200px; }
.node-type-article .layout-main-wrapper { padding-bottom: 70px; }
.page--blog .layout-main,
.page--category .layout-main { background-color: #e9e9e9; }
.page--blog.node-type-article .layout-main { background-color: #fff; }
.page--blog .layout-main > div:first-child { padding-top: 1px; padding-bottom: 18px; clear: both; background-position: 100% 50%; color: #53636a; background-size: contain; background-repeat: no-repeat;    /* background-attachment: scroll; */    /* background-image: url(../images/bg-yellow-wave--full-width32x-p-1080.png); */ }
.page--blog.node-type-article .layout-main > div:first-child { padding-top: 0; padding-bottom: 0; background: transparent; }
.page--blog h1 {color: #363636;}
.page--blog h2 {color: #252525 !important; margin-bottom: 25px;}
.page--blog .node__content h3 {font-size: 24px !important;}
.page--blog h4 { color: #005e86 !important; font-size: 17px;}

.tooltip {display: inline; position: relative; cursor: default;}
.tooltip span {position: absolute; width: 160px; background: #F4F4EC; color: #000; padding: 12px; top: calc(100% + 10px); left: 50%; transform: translateX(-50%); text-align: center; line-height: 130%;font-size: 11px !important; display: none; cursor: text; font-weight: normal;}
.tooltip:hover span,
.tooltip:focus span {display: inline; z-index: 100; border: 1px solid #005e86;}
.tooltip span::before {content: '\f0de'; color: #005e86; font-size: 42px; position: absolute; top: -2px; left: 50%; transform: translateX(-50%);}
.tooltip span::after {content: '\f0de';z-index: 99; color: #F4F4EC; font-size: 40px; position: absolute; top: -1px; left: 50%; transform: translateX(-50%);}
.tooltip::before {content: '\f05a'; display: inline-block;  background-size: 20px; height: 20px; width: 20px; color: #005e86; line-height: 20px; margin-bottom: -5px;}

/* Block has its own content wrapper. */
.block-system-main-block { min-height: 600px; padding-bottom: 44px; clear: both; background-position: 1050px -6px; color: #53636a; padding-top: 30px; }
.page--blog .block-system-main-block { padding-top: 0 !important; min-height: auto; padding-bottom: 0; }
.page-front .block-system-main-block { padding-top: 0 !important; padding-bottom: 0; }
.sticky { position: fixed; top: 88px; z-index: 9; right: 0; left: 0; max-width: 1024px; margin: 0 auto; width: 100%; }
.table-of-contents nav { position: inherit !important; border-radius: 4px; box-shadow: 0 2px 7px 0 rgba(0, 0, 0, 0.3); background-color: #ffffff; width: 100%; }
.table-of-contents.sticky nav { background-color: #005e86; }
.table-of-contents nav > .node__content > div:first-child { display: flex; width: 100%; line-height: normal; }
.table-of-contents nav > .node__content > div:first-child > div { width: 20%; }
.table-of-contents nav > .node__content > div:first-child > div:first-child { display: none; }
.table-of-contents nav > .node__content .paragraph--type--ptoc-container.paragraph { background: transparent !important; }
.table-of-contents nav > .node__content .paragraph--type--ptoc-container > a { display: inline-block; font-family: Roboto; font-size: 14px; font-weight: normal; font-style: normal; font-stretch: normal; line-height: normal; letter-spacing: 0.22px; text-align: center; color: #404e54; padding: 16px 0px; text-decoration: none; width: inherit; }
.table-of-contents.sticky nav > .node__content .paragraph--type--ptoc-container > a { text-decoration: none; color: #aecfdd !important; }
.table-of-contents nav > .node__content .paragraph--type--ptoc-container > a.selected,
.table-of-contents nav > .node__content .paragraph--type--ptoc-container > a:hover { border-bottom: 4px solid #005e86; color: #005e86 !important; }
.table-of-contents.sticky nav > .node__content .paragraph--type--ptoc-container > a.selected,
.table-of-contents.sticky nav > .node__content .paragraph--type--ptoc-container > a:hover { border-bottom: 4px solid #fff; color: #fff !important; }
.block h2 { margin-bottom: 55px; text-align: center; }
.block-block-content { top: 0px; right: 0px; width: 100%; }
.block-block-content .content { max-width: 1024px; margin: 0 auto; }
#block-scu-online-content h2 { max-width: 1024px; margin: 0 auto; text-align: left; margin-bottom: 27px; }
#block-scuataglance { margin-bottom: 94px; display: inline-block; }
#block-scuataglance .col { width: 33.33333333%; position: relative; float: left; padding-left: 10px; padding-right: 10px; }
#block-scuataglance .col .col-1 { width: 33.33333333%; max-width: 100%; }
#block-scuataglance .col .col-1 img { max-width: 100%; vertical-align: middle; display: inline-block; }
#block-scuataglance .col .col-2 { width: 66.66666667%; color: #53636a; font-size: 17px; line-height: 1.2; font-weight: 400; max-width: 100%; }
#block-scuataglance .col .col-2 span { margin-bottom: 5px; color: #ffce00; font-size: 57px; line-height: 57px; font-weight: 700; }
#block-scuataglance .col .col-2 span > em { color: #53636a; font-size: 17px; line-height: 1.2; font-weight: 400; }
#block-scuataglance .col .col-2 .yellow-span { font-size: 23px; font-weight: bold; font-style: normal; font-stretch: normal; line-height: normal; letter-spacing: 0.18px; }
#block-theonlinelearningexperienceatscu { margin-bottom: 85px; display: inline-block; }
.accreditations { }
.accreditations .content { display: block; max-height: 160px; border-bottom: solid 1px #979797; background-color: hsla(0, 0%, 87%, 0); height: 300px; }
.accreditations .slick-dots { text-align: center; list-style: none; bottom: 7%; display: block; width: 100%; padding: 17px 0 0 0; }
.accreditations .slick-dots li { position: relative; display: inline-block; width: 9px; height: 9px; margin: 0 3px .5em; padding: 0; cursor: pointer; }
.accreditations .slick-dots li button { font-size: 0; line-height: 0; display: block; padding: 5px; cursor: pointer; color: transparent; outline: none; background: #FFF; border: 1px solid #B8B8B8; border-radius: 100%; width: 9px; height: 9px; }
.accreditations .slick-dots li.slick-active button { color: #005E86; background: #005E86; border: 1px solid #B8B8B8; }
.book-navigation .menu { }
.book-navigation .book-pager { }
.ctas .content,
.cta-enquire .content { position: absolute; left: auto; top: 0%; right: 0%; bottom: 0%; display: inline-block; }
.ctas .content .phonenumber { position: relative; top: 35px; right: 11em; cursor: pointer; font-size: 14px; font-weight: 500; text-decoration: none; }
.ctas .content .phonenumber:before { background-image: url(../images/icon-call.svg); content: ""; position: absolute; top: -2px; left: -25px; width: 20px; height: 20px; background-position: center; }
.ctas .content .enquire { display: inline-block; }
.cta-enquire .paragraph--type--bp-modal { background: none !important; display: block !important; }
.cta-enquire .paragraph--type--bp-modal .paragraph__column { padding: 0; }
.cta-enquire .paragraph--type--bp-modal .btn.btn-modal { padding-right: 20px; padding-left: 20px; -webkit-transition: background-color 200ms ease; transition: background-color 200ms ease; cursor: pointer; margin-top: 22px; padding-top: 8px; padding-bottom: 8px; border-radius: 4px; background-color: #ffce00; font-family: Roboto, sans-serif; color: #363636 !important; font-weight: 500; text-transform: uppercase; font-size: 14px; border-color: #ffce00; }
.cta-enquire .paragraph--type--bp-modal .btn.btn-modal:hover { background-color: #e9bc00; }

/* ------------------ Page title ------------------ */
#block-scu-online-page-title { background-image: linear-gradient(67deg, rgba(0, 94, 134, 0.9), rgba(0, 166, 182, 0.7)); }
#block-scu-online-page-title .content { height: 230px; max-width: 1024px; margin: 0 auto; }
#block-scu-online-page-title .content h1 { font-size: 30px; line-height: 1.2; color: #fff; position: relative; top: 50%; transform: perspective(1px) translateY(-50%); }

/* ------------------ breadcrumbs ------------------ */
.breadcrumb { padding: 0 !important; margin-bottom: 0 !important; }
.page-front .breadcrumb,
.node-type-landing_page .breadcrumb { display: none; }
.block-system-breadcrumb-block { min-height: 38px; background: #005e86; }
.block-system-breadcrumb-block .content { max-width: 1024px; margin: 0 auto; }
.block-system-breadcrumb-block .content nav { position: absolute; right: auto; top: 9px; z-index: 1; }
.block-system-breadcrumb-block .content nav ol { padding: 0; margin: 0; }
.block-system-breadcrumb-block .content nav li { padding-right: 0px; margin-right: 10px; display: inline; font-size: 12px; font-weight: normal; font-style: normal; font-stretch: normal; line-height: normal; letter-spacing: 0.24px; color: #fff; }
.block-system-breadcrumb-block .content nav ol li:after { content: '\\'; font-family: inherit; color: #fff; padding-left: 8px; }
.block-system-breadcrumb-block .content nav ol li:last-child:after { content: ''; }
.block-system-breadcrumb-block .content nav ol li:first-child > a {    /*background-image: url(../images/icon-home.png);*/  line-height: 0; font-size: 0; color: transparent; }

/*.block-system-breadcrumb-block .content nav ol li:first-child > a > svg.svg-inline--fa.fa-w-18 { font-size: 12px; color: #fff; }*/
.block-system-breadcrumb-block .content nav ol li:first-child > a:before { font-weight: 900; content: "\f015"; font-size: 12px; color: #fff; }
.block-system-breadcrumb-block .content nav ol a { font-size: 12px; font-weight: normal; font-style: normal; font-stretch: normal; line-height: normal; letter-spacing: 0.24px; color: #ffffff; }

/* ------------------ featured top ------------------ */
.featured-top { margin-top: 83px; }
.node-type-landing_page .featured-top { margin-top: 75px; }
.node-type-courses .featured-top { min-height: 240px; }
.featured-top h2 { }
.featured-top p { }

/* ------------------ Modal dialog ------------------ */
.modal-open { padding-right: 0 !important; }
.modal-dialog { top: 50%; transform: translateY(-50%) !important; -ms-transform: translateY(-50%) !important; -moz-transform: translateY(-50%) !important }
.modal .modal-content { flex-direction: initial; }
.modal .modal-header { display: block; padding: 0; margin: 0; position: absolute; z-index: 2; right: -4px; top: -4px; border: 0; }
.modal .modal-footer { display: none; }
.modal .modal-body { padding: 0; }
.modal .paragraph--type--bp-webform > .paragraph__column { margin-top: 0 !important; width: 100% !important; }
.modal .modal-header .close { background-image: url(../images/icon-close.svg); background-repeat: no-repeat; opacity: inherit; background-color: transparent !important; height: auto !important; padding-right: 20px; }
.modal .modal-header .close:hover { opacity: inherit !important; }
.modal .modal-header .close span { visibility: hidden; }
.modal fieldset.webform-telephone--wrapper, .webform-submission-rfi-form-add-form fieldset.webform-telephone--wrapper { margin-bottom: 10px; }
.webform-submission-form .form-email {
  border-style: solid;
  border-width: 1px;
  border-color: #b8b8b8;
  border-radius: 4px;
  background-color: #f7f7f7;
}
#edit-phonenumber-phone, #edit-phonenumber-phone--2, #edit-phonenumber-phone--3 { height: 44px; border-radius: 4px; }

/* ------------- Form Qualifier Modal -------------- */

[id^=form-modal] .modal-footer { display: flex; display: -ms-flex; display: -moz-flex; justify-content: flex-start; padding-left: 0; }
[id^=form-modal] .modal-footer a {color: #fff !important;}
[id^=form-modal] .modal-dialog { padding: 50px; background: #fff; box-shadow: 0 3px 10px rgba(0, 0, 0, 0.2); max-width: 450px; }
[id^=form-modal] .modal-dialog { pointer-events: inherit; top: 50%; transform: translateY(-50%); -ms-transform: translateY(-50%); -moz-transform: translateY(-50%) }
[id^=form-modal] .btn-primary { background-color: hsla(197.91044776119404, 100.00%, 26.27%, 1.00) !important; border: 0 !important; -webkit-appearance: none !important; -moz-appearance: none !important; appearance: none !important; }
#edit-qualifier--wrapper span, #edit-qualifier--2--wrapper span, #edit-qualifier--3--wrapper span { color: #005e86; font-weight: 400; font-size: 13px;}
[id^=edit-qualifier] input.form-radio { width: 20px; height: 20px;}

/* ------------------ Header ------------------ */
#header { position: fixed; left: 0%; top: 0%; right: 0%; bottom: auto; width: 100%; background-color: #fff; box-shadow: 1px 1px 7px 0 rgba(0, 0, 0, .2); -webkit-transition: all 250ms ease; transition: all 250ms ease; z-index: 1000; }
#header .section { margin-left: auto; margin-right: auto; position: relative; top: 0px; right: 0px; width: 100%; max-width: 1024px; }
nav { position: relative; float: right; right: 254px; }
nav ul { position: relative; text-align: left; margin-left: auto; margin-right: auto; z-index: 900; margin-bottom: 0; }
nav ul li:first-child .level-1 { text-transform: capitalize; }
nav .level-1 + ul { position: absolute; min-width: 100%; left: -411px; top: 83px; display: block; width: 1024px; margin-top: -2px; padding-top: 10px; padding-bottom: 20px; border-top: 2px solid hsla(197.91044776119404, 100.00%, 26.27%, 1.00); border-radius: 4px; background-color: #fff; box-shadow: 0 6px 9px 0 rgba(0, 0, 0, .3); display: none; padding-left: 0; }
nav.mainmenu .level-1 + ul::before { font-weight: 900; content: "\f0d8"; position: absolute; top: -24px; left: 18em; color: #005e86; font-size: 25px; }
nav .level-1 + ul > li { width: 24%; margin-bottom: 15px; float: left; margin-right: 0; padding: 0; min-height: 13rem;}
nav.mainmenu-footer .level-1 + ul > li { width: 234px; margin-right: 20px; }
nav .level-1 + ul > li:last-of-type { width: 50% !important; }
nav.mainmenu-footer .level-1 + ul > li:last-of-type { margin-right: 0; }
nav .level-1 + ul > li:last-of-type > ul > li { width: 46%; }
nav .level-2 { margin-top: 0px; margin-left: 20px; padding-top: 6px; padding-bottom: 7px; padding-left: 20px; border-bottom: 0.5px solid #b2b5b6; background-position: 0% 6px; background-size: auto; background-repeat: no-repeat; font-family: Roboto, sans-serif; color: #404e54; font-size: 12px; font-weight: 500; text-transform: uppercase; display: block; text-align: left; }
nav .level-2 + ul { padding-left: 20px; }
nav .level-2.business { background-image: url(../images/icon-statistics-grey.svg); }
nav .level-2.education { background-image: url(../images/icon-open-book-grey.svg); background-position: 0% 9px; }
nav .level-2.engineering { background-image: url(../images/icon-cube-grey.svg); }
nav .level-2.it { background-image: url(../images/icon-server-grey.svg); background-position: 0% 8px; }
nav .level-2.law { background-image: url(../images/icon-contract-grey.svg); background-position: 0% 8px; }
nav .level-2.management { background-image: url(../images/icon-timeline-grey.svg); background-position: 0% 8px; }
nav .level-2.healthcare { background-image: url(../images/icon-medicine-case-grey.svg); background-position: 0% 8px; }
nav .level-2.healthcare + ul li:nth-child(3) { margin-top: -20px; }
nav .level-2.healthcare + ul li:nth-child(5) { margin-top: -20px; }
nav .level-2.healthcare + ul li:nth-child(7) { margin-top: 0; }
nav .level-2 + ul li { overflow: visible; padding-top: 5px; padding-bottom: 5px; -webkit-transition: all 250ms ease; transition: all 250ms ease; text-align: left; color: #005e86; padding-right: 0; line-height: initial; vertical-align: top; }
nav .level-2 + ul li a { font-size: 12px; }
nav li { display: inline-block; position: relative; text-align: left; margin-left: auto; margin-right: auto; z-index: 900; margin-right: 16px; padding-top: 32px; padding-right: 20px; padding-bottom: 32px; -webkit-transition: all 250ms ease; transition: all 250ms ease; }
nav li a { font-family: Roboto; font-size: 14px; font-weight: 500; font-style: normal; font-stretch: normal; line-height: normal; letter-spacing: 0.2px; text-align: center; color: #005e86; }
nav li a:hover,
nav li a:focus { color: #a7a7a7; text-decoration: none; }
.mainmenu-footer { right: 0px; width: 100%; padding-top: 50px; padding-bottom: 50px; border-top: 1px solid #c7c7c7; background-color: #fff; }
.mainmenu-footer ul.clearfix { padding-left: 0; max-width: 1024px; z-index: 0; }
.mainmenu-footer ul.clearfix > li { display: none; }
.mainmenu-footer ul.clearfix > li:first-of-type { display: block; }
.mainmenu-footer ul.clearfix > li > a { margin-top: 0px; margin-top: 0px; margin-bottom: 25px; color: #404e54; width: 600px; height: 28px; font-size: 24px; font-weight: bold; font-style: normal; font-stretch: normal; line-height: normal; letter-spacing: 0.19px; }
.mainmenu-footer .level-1 + ul { display: block; box-shadow: none; border-top: 0; left: 0; position: inherit; top: 0; }
.mainmenu-footer .level-2 { background: none !important; border-bottom: 0; padding-left: 0; margin-top: 0px; color: #252525; font-size: 15px; text-transform: capitalize; margin-left: 0; font-weight: bold; font-style: normal; font-stretch: normal; line-height: normal; letter-spacing: 0.12px; }
.mainmenu-footer .level-2 + ul { padding-left: 0; }
.mainmenu-footer .level-2 + ul li a { font-size: 14px; padding-top: 8px; padding-bottom: 8px; -webkit-transition: all 250ms ease; transition: all 250ms ease; font-family: Roboto, sans-serif; color: #252525; cursor: pointer; font-weight: normal; font-style: normal; font-stretch: normal; line-height: 1.5; letter-spacing: 0.22px; }
/*----------------------Test- ------- */
@media screen and (min-width: 1000px){
  nav .level-1 + ul {  left: -312px; }
  nav .level-1 + ul.openmenu { display: grid; grid-template-columns: repeat(4, 1fr); grid-column-gap: 5px}
  nav .level-1 + ul > li { width: 100%; }
  nav .level-1 + ul > li:last-of-type {width:auto !important; grid-column: 1 / 3; grid-row: 2;}
  nav .level-1 + ul > li:last-of-type >ul{ display: grid; grid-template-columns: 1fr 1fr;grid-column-gap: 20px;}
  nav .level-1 + ul > li:last-of-type >ul li{  width: 100%;}
  nav.mainmenu .level-1 + ul::before { left: 14em; }
  nav .level-2 + ul li { margin-bottom: 5px !important; }
}
@media only screen and (max-width: 1080px) and (min-width: 1000px)  {
  nav .level-1 + ul {  left: -270px !important; }
  nav.mainmenu .level-1 + ul::before { left: 12.5em !important; }
}





/* ------------------ main-content component ------------------ */
.main-content { }
.node-type-article.page--blog .main-content { max-width: 760px; float: left; margin-top: 30px; }
.main-content .section { }
.page--blog .main-content .section,
.page--category .main-content .section { max-width: 1024px; margin: 0 auto; }
.node-type-courses .main-content .section { background-position: 450px -6px; color: #53636a; background-size: contain; background-repeat: no-repeat;    /*background-attachment: scroll;*/ background-image: url(../images/bg-yellow-wave--full-width32x-p-1080.png); background-color: #fff; }
@media screen and (max-width: 767px) {
	.node-type-courses .main-content .section{
		background: none;
	}
}
.main-content h2 { }

/* This is needed to override ul.menu styles in menu.theme.css */
ul.menu { margin: 0; padding: 0 0 0.25em 1em; }

/* This is needed to override [dir="rtl"] ul.menu styles in menu.theme.css */
[dir="rtl"] ul.menu { margin: 0; }

/* ------------------ node component ------------------ */
body.node-type-page,
body.node-type-courses,
body.node-type-article,
body.page--blog { margin-top: auto; }
.node__content { }
.node-type-page .node__content > div:first-child { max-width: 1024px; margin: 0 auto; }
.page-front.node-type-page .node__content > div:first-child { max-width: none; }

/* ------------------ View mode teaser styles ------------------ */
.node--view-mode-teaser { }
.node--view-mode-teaser h2 { }
.node--view-mode-teaser h2 a { }
.node--view-mode-teaser.node--sticky { }
.node--view-mode-teaser .node__content { }

/* ------------------ Node metadata styles ------------------ */
.node__meta { }
.node__meta .field--name-user-picture img { }
[dir="rtl"] .node__meta .field--name-user-picture img { }

/* ------------------ Node links styles ------------------ */
.node__links { }
[dir="rtl"] .node__links { }

/* ------------------ Unpublished node styles ------------------ */
.node--unpublished { }
.node--unpublished .comment-text .comment-arrow { }

/* ------------------ Article ------------------ */
.node__content .featured_image img { height: 289px; object-fit: cover; margin-bottom: 32px; }
.field--name-field-tags { }
.field--name-field-tags ul { list-style: none; display: flex; padding: 0; }
.field--name-field-tags a { color: #005e86; }
.field--name-field-tags a:after { content: ", "; margin-right: 5px; font-family: Roboto; }
.field--name-field-tags li:last-child a:after { content: ''; }

/*.node__content p > iframe { width: 760px; height: calc(760px/1.77); }*/
.node__content .col-lg-6 p > iframe { height: 205px; width: 370px; }
.node__content p > .button { font-size: 16px; font-weight: 500; font-style: normal; font-stretch: normal; line-height: normal; letter-spacing: 0.21px; text-align: center; color: #252525 !important; padding: 14px 15px; }
.node__content h1 { font-size: 36px; font-weight: 300; font-style: normal; font-stretch: normal; line-height: 1.14; letter-spacing: 0.28px; color: #363636; margin-top: 0; }
.node__content .created_date { font-size: 13px; font-weight: normal; font-style: italic; font-stretch: normal; line-height: 1.62; letter-spacing: 0.2px; color: #4a4a4a; border-bottom: solid 1px #979797; padding-bottom: 18px; }
.paragraph.paragraph--type--bp-blank > .paragraph__column > h2,
.node__content h2 { font-size: 32px; font-weight: normal; font-style: normal; font-stretch: normal; line-height: normal; letter-spacing: normal; color: #005e86; }
.node__content h3 { font-size: 18px !important; font-weight: bold; font-style: normal; font-stretch: normal; line-height: normal; letter-spacing: 0.13px; color: #005e86; }
.sharethis-buttons { margin: 2.5em 0; border-top: solid 1px #cfcfcf; border-bottom: solid 1px #979797; padding: 20px 0px 24px; }
.sharethis-buttons:before { font-family: Roboto; content: 'Share'; margin-right: 10px; display: inline-block; vertical-align: middle; font-size: 17px; font-weight: bold; font-style: normal; font-stretch: normal; line-height: normal; letter-spacing: 0.13px; color: #404e54; }
.sharethis-wrapper { display: inline-block; vertical-align: middle; }
.sharethis-wrapper span { width: 29.8px; padding: 30px 8px 0 0; height: 0; overflow: hidden; display: inline-block; cursor: pointer; opacity: .7; }
.st_facebook_custom { background: url(../images/icon-facebook.svg) no-repeat top center; }
.st_linkedin_custom { background: url(../images/icon-linkedin.svg) no-repeat top center; }
.st_twitter_custom { background: url(../images/twitter-logo-button.svg) no-repeat top center; }
.flippy { padding: 0 !important; margin-top: 40px !important; display: flex; margin: auto; text-align: center; }
.flippy li { width: 50% !important; padding: 0 !important; }
.flippy li a { font-family: Roboto; width: 200px; font-size: 11px; font-weight: 300; font-style: normal; font-stretch: normal; line-height: 1.27; letter-spacing: 0.17px; text-align: right; color: #4a4a4a; padding-top: 20px; padding-bottom: 20px; }
.flippy-previous { text-align: left; position: relative; }
.flippy-previous > a { background: url(../images/icon-prev.svg) no-repeat 0% top; padding-left: 40px; }
.flippy-previous:before { font-family: Roboto; content: 'Previous Article'; position: absolute; top: -15px; left: 40px; font-size: 9px; font-weight: 500; font-style: normal; font-stretch: normal; line-height: 2.33; letter-spacing: 0.14px; text-align: right; color: #005e86; text-transform: uppercase; }
.flippy-next { text-align: right; position: relative; }
.flippy-next > a { background: url(../images/icon-next.svg) no-repeat 100% top; padding-right: 40px; }
.flippy-next:before { font-family: Roboto; content: 'Next Article'; position: absolute; top: -15px; right: 40px; font-size: 9px; font-weight: 500; font-style: normal; font-stretch: normal; line-height: 2.33; letter-spacing: 0.14px; text-align: right; color: #005e86; text-transform: uppercase; }

/*.page-title { display: none; }*/
.site-branding { position: relative; float: left; text-decoration: none; color: #333333; }
.site-branding__logo { display: inline-block; margin-right: 1em; /* LTR */ margin-bottom: 0.286em; border-bottom: 0; width: 176px; margin-top: 13px; }
[dir="rtl"] .site-branding__logo { margin-right: 0; margin-left: 1em; }
.site-branding__text { display: inline-block; vertical-align: top; }

/* ------------------ Course fees page ------------------ */
.page--course_fees .paragraph--id--1695 { margin-bottom: 25px; }

/* ------------------ Apply Page ------------------ */
.selcourse { font-size: 13px; font-weight: normal; font-style: normal; font-stretch: normal; line-height: 1.62; letter-spacing: 0.2px; color: #005e86; }
.page--apply .form-control { background-color: #f7f7f7; height: 50px; }
.page--apply .button { margin-top: 0; height: 50px; padding: 15px 50px; border-radius: 0 4px 4px 0; }

/* ------------------ Online courses page ------------------ */
.page-node-562  .node--type-courses .paragraph.paragraph--type--bp-columns-two-uneven { padding-bottom: 0 !important; }
.page-node-562 .card h3 > a { color: #005e86; }
@media all and (min-width:461px) {
	.site-branding__text { margin-bottom: 1.857em; }
}
@media all and (min-width:901px) {
	.site-branding__text { padding: 1.286em 0 0; }
}
.site-branding__name { font-size: 1.6em; color: #686868; line-height: 1; }
@media all and (min-width:901px) {
	.site-branding__name { font-size: 1.821em; }
}
.site-branding__slogan { font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 0.929em; margin-top: 7px; word-spacing: 0.1em; font-style: italic; }

/* PPC pages */
.discipline-wrap { margin-bottom: 30px; }
.discipline-bg-wrap { height: 250px; }
.discipline-name-wrap { background: rgba(0, 0, 0, 0.5); }
.discipline-name-wrap .discipline-box-link { text-decoration: none; }
.discipline-name-container { height: 250px; width: 100%; text-align: center; color: white; }
.discipline-name-container h2 { padding-top: 100px; color: #fff !important; padding-left: 5px; padding-right: 5px; font-size: 28px !important; text-align: center !important; }
.discipline-name-container h2 .glyphicon { font-size: 13px; }
.glyphicon { position: relative; top: 1px; display: inline-block; font-family: 'Glyphicons Halflings'; font-style: normal; font-weight: 400; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
.discipline-name-container h2 .glyphicon:before { display: inline-block; position: relative; bottom: 3px; }
.glyphicon-chevron-right:before { content: "\e080"; }
.discipline-list { display: none; color: white; padding: 15px; font-weight: bold; height: 250px; background: rgba(0, 94, 134, 0.8); }
.discipline-list a.title-link { text-decoration: none; color: #fff !important; }
.discipline-list h2 { color: #fff !important; font-weight: 500 !important; padding-bottom: 5px; font-size: 20px !important; width: 100%; position: relative; margin-bottom: 8px !important; margin-top: 5px !important; }
ul.gator-list { list-style: none; margin-left: 0; padding-left: 0; }
ul.gator-list li:before { content: ">"; padding-right: 5px; }
ul.gator-list li { padding-left: 1em; text-indent: -1em; }
.discipline-list li { font-size: 14px; padding: 0 0 0 15px !important; line-height: 33px; position: relative; border-top: 1px solid white; }
.discipline-bg-wrap ul.gator-list li:before { margin-left: 0; position: absolute; left: 15px; top: 0px; }
.discipline-list li a { color: white; text-decoration: none; font-weight: normal; display: inline-block; width: 100%; line-height: 1.1; padding-top: 8px; padding-left: 15px; text-indent: 0; }
.discipline-wrap .extra-content { margin-top: 20px; min-height: 96px; }

/* ------------------ Footer Styling. ------------------ */
.site-footer { }
.site-footer .layout-container { }
.site-footer__top { }
.site-footer__top > div > div,
.site-footer__top > div > nav { position: relative; top: 0px; right: 0px; width: 100%;    /*max-width: 1024px;*/ margin: 0 auto; float: initial; }
.site-footer__bottom { padding-top: 50px; padding-bottom: 50px; background-color: #f5f5f5; }
.site-footer__bottom > div:first-of-type { max-width: 1024px; margin: 0 auto; }
.footer-menu { width: 50%; float: left; top: 0px; right: 0px; }
.footer-menu ul { padding-left: 0; }
.footer-menu ul li { display: block; padding: 0; }
.footer-menu .about-scu { margin-bottom: 25px; color: #404e54; letter-spacing: 0.2px; font-size: 24px; line-height: 30px; font-weight: bold; display: block; }
.footer-menu .about-scu + ul { list-style-type: none; columns: 2; -webkit-columns: 2; -moz-columns: 2; }
.footer-menu .about-scu + ul li { display: list-item; padding-top: 8px; padding-bottom: 8px; margin: 0; -webkit-transition: all 250ms ease; transition: all 250ms ease; cursor: pointer; }
.footer-menu .about-scu + ul li a { color: #252525; }
.footer-menu .about-scu + ul li a:hover { color: #a7a7a7; }
.footer-sitelogo { position: relative; min-height: 150px; float: right; }
.footer-sitelogo .site-branding__logo { margin-top: 0px; margin-right: 0px; }
.social-menu { right: 0; clear: right; }
.social-menu ul { }
.social-menu ul li { padding: 0; margin: 0 0 0 6px; -webkit-transition: all 250ms ease; transition: all 250ms ease; cursor: pointer; display: inline-block !important; }
.social-menu ul li a { display: block; overflow: hidden; height: 30px; width: 30px; font-family: 'FontAwesome'; font-size: 0px; }
.social-menu ul li a.youtube { background: url(../images/icon-youtube.svg) no-repeat top center; }
.social-menu ul li a.linkedin { background: url(../images/icon-linkedin-dark-grey.svg) no-repeat top center; }
.social-menu ul li a.facebook { background: url(../images/icon-facebook-dark-grey.svg) no-repeat top center; }
.footer-copyright { margin-top: 48px; padding-top: 30px; padding-bottom: 30px; border-top: 1px solid #989898; clear: both; display: inline-block; }
.footer-copyright .copyright { color: #404e54; font-size: 15px; letter-spacing: 0.2px; }
.footer-copyright .copyright a { color: #404e54; text-decoration: none; }

/* ------------------ Video Containers ------------------ */
.fullvid { position: relative; }
.fullvid.open { background: rgba(0, 0, 0, .75); position: fixed; top: 0; bottom: 0; left: 0; right: 0; z-index: 1000; }
.vidhold { }
.fullvid.open .vidhold { width: 80%; max-width: 1000px; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }
.fullvid .vidtrigger { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); background: url(../images/icon-playvid.png) no-repeat center; z-index: 99; width: 100%; height: 100%; cursor: pointer; background-size: 100px 71px; }
#page_content_sidebar_lower .vidtrigger,
#page_content_sidebar_upper .vidtrigger { background-size: 50%; }
#page_content_sidebar_lower .fullvid.open .vidtrigger,
#page_content_sidebar_upper .fullvid.open .vidtrigger { background-size: auto; }
.fullvid.open .vidtrigger { width: 30px; max-width: 30px; z-index: 99; background: none; /*background: url(../images/icon-closevid.png) no-repeat center;*/ height: 30px; top: -15px; left: auto; right: -15px; -webkit-transform: initial; transform: initial; font-size: 30px; }
.fullvid.open .vidtrigger::before { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); content: '\f057'; color: #fff; }

/* ------------------                  ------------------ */

/** IE>=10 **/
@media screen and (-ms-high-contrast:active), (-ms-high-contrast:none) { }
@media all and (max-width:1680px) { }
@media all and (max-width:1460px) { }
@media all and (max-width:1345px) { }
@media all and (max-width:1199px) { }
@media all and (max-width:1199px) and (min-width:1081px) { }
@media all and (max-width:1080px) {
	#header .section,
	.paragraph--type--slide-container > .paragraph__column > div:first-child,
	.paragraph--type--slide > .paragraph__column > div:first-child > div:nth-child(2),.paragraph--type--slide-container > .paragraph__column .slick-dots,.block-block-content .content,.page--blog .main-content .section,.page--category .main-content .section { max-width: 980px !important; }
	div[property="schema:text"] { margin: 0 auto; width: 90%; max-width: 120rem; }
	.page--blog #content { }
	.page--blog.node-type-article .layout-main { margin: 0 15px; }
	nav .level-1 + ul { width: 980px; left: -365px; }
	nav.mainmenu .level-1 + ul::before { left: 16em; }
	nav.mainmenu-footer .level-1 + ul > li { margin-right: 10px; }
    nav .level-2.healthcare + ul li:nth-child(5) { margin-top: -40px; }
    nav .level-2.healthcare + ul li:nth-child(7) { margin-top: -20px; }
	.node-type-article.page--blog .main-content { max-width: 740px; }
	.page-node-19 #block-scu-online-content h2 { width: 97%; }
}
@media all and (max-width:999px) { }

/** Tablet **/
@media all and (max-width:62.5em) {
    nav .level-2.healthcare + ul li:nth-child(3) { margin-top: 0; }
    nav .level-2.healthcare + ul li:nth-child(5) { margin-top: 0; }
    nav .level-2.healthcare + ul li:nth-child(7) { margin-top: 0; }
 }
@media all and (max-width:823px) {
	.site-branding__logo { margin-bottom: 10px; margin-top: 10px; }
	.ctas .content,
	.cta-enquire .content { top: -11% !important; }
	.block-system-breadcrumb-block .content nav { margin-left: 15px; }
	.page--blog.node-type-article .layout-main { display: flex; flex-direction: column; margin: 0 15px; }
	.page--blog.node-type-article .layout-main > div:first-child { order: 2; -webkit-order: 2; }
	.node-type-article .block-views.blog-categories { max-width: 100% !important; margin-top: 55px; }
	.blog-categories h2 { letter-spacing: 0.19px; color: #404e54 !important; }
	.latest-articles .views-row { width: 32.5% !important; height: 192px !important; margin-right: 1.2% !important; padding: 12px 10px !important; }
	.latest-articles .views-row:nth-child(3) { margin-right: 0px !important; float: right; }
	.latest-articles .views-field-title,
	.latest-articles .views-field-created { width: 125px !important; }
	.latest-articles .views-field-title a { font-size: 16px !important; line-height: 1.1 !important; }
	.latest-articles .views-field-body p { font-size: 13px !important; }
	nav .level-1 + ul > li:last-of-type > ul > li { width: 45% !important; }
    .mainmenu-footer .level-2 + ul li a { color: #696969 !important; }
    .mainmenu-footer .level-2 + ul li a:hover { color: #272727 !important; }
	.students-testimonials .video iframe { height: 201px; }
	.expand-down { position: absolute; right: 10px; margin-top: 5px; }
	.site-footer__top .expand-down { top: 37px; right: 0px; }
}
@media all and (max-width:62.5em) and (min-width:48em) {
	.col-lg-4 { width: 33.33% !important; }
	.col-lg-6 { margin: 0 0 1.5em 0 !important; }
	#block-scu-online-page-title .content h1 { padding: 0 15px; }
	.page--blog.node-type-article .featured-top { margin-top: 75px; }
	#header .section,
	.paragraph--type--slide-container > .paragraph__column > div:first-child,
	.paragraph--type--slide > .paragraph__column > div:first-child > div:nth-child(2),.paragraph--type--slide-container > .paragraph__column .slick-dots,.block-block-content .content { /*max-width: 768px !important;*/ }
	.node-type-page .node__content > div:first-child { width: 95%; }
	.page-front.node-type-page .node__content > div:first-child { width: auto; }
	.block h2 { font-size: 28px !important; color: #005e86; }
	.ctas .content,
	.cta-enquire .content { left: auto; top: -20%; right: 46px; bottom: auto; }
	.node-type-landing_page .ctas .content,
	.node-type-landing_page .cta-enquire .content { right: 20px; }
	.ctas .content .phonenumber:before { top: -27px; left: -126px; width: 38px; height: 38px; }
	.ctas .content .phonenumber { width: 35px; height: 35px; right: 6.8em; font-size: 0; }
	.cta-enquire .paragraph--type--bp-modal .btn.btn-modal { padding: 8px 11px; border-radius: 3px; font-size: 11px; line-height: 19px; }
	.header nav { position: absolute; cursor: pointer; background-image: url(../images/menu-icon.png); width: 26px; height: 19px; object-fit: contain; background-repeat: no-repeat; background-position: center; right: 8px; top: 22px; }
	.header .mainmenu ul:first-child { display: none; }
	.mainmenu-wrap { border-top: 1px solid #d9d9d9; overflow-y: auto; top: 79px !important; background: #fff; box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.3); height: 30em; }
	.mainmenu-wrap > ul > li > a { /*background-image: url(../images/icon-down-arrow.svg);*/ background-position: 95% 50%; background-size: auto; background-repeat: no-repeat; display: flex; border-bottom: 2px solid hsla(197.91044776119404, 100.00%, 26.27%, 1.00); padding-left: 17px; padding-bottom: 15px; }
	.mainmenu-wrap > ul > li:first-child::before { content: "\f078"; display: none; }
	.mainmenu-wrap > ul > li:nth-child(2) { border-top: 2px solid #53636a; }
	.mainmenu-wrap > ul > li > svg.fa-chevron-down { position: absolute; left: 94%; width: 50px; cursor: pointer; pointer-events: all; }
	.mainmenu-wrap ul { list-style: none; padding-left: 0; }
	.mainmenu-wrap .level-1 + ul { display: block; width: 95%; margin: 0 auto; padding-left: 0; padding-top: 10px; padding-bottom: 20px; }
	.mainmenu-wrap .level-1 + ul > .svg-inline--fa { display: none; }
	.mainmenu-wrap .level-1 + ul > li { margin-bottom: 15px; margin-right: 0; padding: 0; width: 49%; display: inline-grid; }
	.mainmenu-wrap .level-1 + ul > li:last-of-type { width: 100%; }
	.mainmenu-wrap .level-1 + ul > li:last-of-type > ul > li { width: 49%; display: inline-block; }
	.mainmenu-wrap .level-2 { margin-top: 0px; padding-top: 6px; padding-bottom: 7px; padding-left: 20px; border-bottom: 0.5px solid #b2b5b6; background-position: 0% 3px; background-size: auto; background-repeat: no-repeat; font-family: Roboto, sans-serif; color: #404e54; font-size: 12px; font-weight: 500; text-transform: uppercase; display: flex; }
	.mainmenu-wrap .level-2 + ul { padding-left: 0; }
	.mainmenu-wrap .level-2.business { background-image: url(../images/icon-statistics-grey.svg); }
	.mainmenu-wrap .level-2.education { background-image: url(../images/icon-open-book-grey.svg); }
	.mainmenu-wrap .level-2.engineering { background-image: url(../images/icon-cube-grey.svg); }
	.mainmenu-wrap .level-2.it { background-image: url(../images/icon-server-grey.svg); }
	.mainmenu-wrap .level-2.law { background-image: url(../images/icon-contract-grey.svg); }
	.mainmenu-wrap .level-2.management { background-image: url(../images/icon-timeline-grey.svg); }
	.mainmenu-wrap .level-2.healthcare { background-image: url(../images/icon-medicine-case-grey.svg); }
	.mainmenu-wrap .level-2 + ul li { overflow: visible; padding-top: 5px; padding-bottom: 5px; -webkit-transition: all 250ms ease; transition: all 250ms ease; text-align: left; color: #005e86; padding-right: 0; line-height: initial; vertical-align: top; }
	.mainmenu-wrap .level-2 + ul li a { font-size: 12px; }
	.mainmenu-wrap li { padding-top: 15px; padding-bottom: 15px; }
	.mainmenu-wrap li a { font-family: Roboto; font-size: 14px; font-weight: 500; font-style: normal; font-stretch: normal; line-height: normal; letter-spacing: 0.2px; text-align: center; color: #005e86; }
	#block-scuataglance .col .col-2 span { margin-top: 3px; font-size: 41px; line-height: 41px !important; }
	#block-scuataglance .col .col-2 .infographic-large { font-size: 55px !important; }
	#block-scuataglance .col .col-2 { font-size: 13px; }
	#block-scuataglance .col .col-2 .yellow-span { font-size: 17px; letter-spacing: 0.13px; line-height: normal !important; }
	#block-scuataglance .col:nth-child(2) .col-1,
	#block-scuataglance .col:nth-child(3) .col-2 { width: 58.33333333% !important; }
	#block-scuataglance .col:nth-child(2) .col-2,
	#block-scuataglance .col:nth-child(3) .col-1 { width: 41.66666667% !important; }
	#block-theonlinelearningexperienceatscu { margin-bottom: 20px; height: auto !important; }
	#block-ouraccreditations-2 { padding-left: 15px; padding-right: 15px; }
	.paragraph--type--video-text > .paragraph__column > div:first-child { width: 100% !important; margin-bottom: 37px; }
	.align-left.paragraph--type--video-text > .paragraph__column > div:nth-child(2) { padding-left: 0 !important; }
	.paragraph--type--video-text > .paragraph__column > div:nth-child(2) { width: 100% !important; }
	.paragraph--type--accreditations > div:first-of-type img { width: 140px !important; }
	.paragraph--type--accreditations > div:first-of-type img[alt="logo-good"] { width: 78px !important; }
	.accreditations .content > div > div:nth-child(3) img,
	.accreditations .content > div > div:nth-child(4) img { margin-top: 10px; }
	.video-embed-field-responsive-video:after { padding-bottom: 45.25%; }
	nav .level-1 + ul > li:last-of-type > ul > li { width: 43% !important; }
	.mainmenu-footer ul.clearfix,
	.site-footer__bottom > div:first-of-type { width: 95%; }
	.mainmenu-footer ul.clearfix > li:first-of-type { padding-right: 0; margin-right: 0; }
	.mainmenu-footer ul.clearfix > li > a { font-size: 19px; line-height: 0.95; letter-spacing: 0.15px; }
	nav.mainmenu-footer .level-1 + ul > li { width: 233px; margin-right: 10px; display: inline-block; float: left; min-height: 150px; }
	nav.mainmenu-footer .level-1 + ul > li:nth-child(6) { min-height: 200px; }
	nav .level-1 + ul > li:last-of-type { width: 76% !important; }
	nav .level-2 + ul li { margin-right: 0; }
	.footer-menu { width: 100%; margin-bottom: 40px; border-bottom: solid 1px #989898; padding-bottom: 20px; }
	.footer-menu .about-scu { font-size: 19px; font-stretch: normal; line-height: 0.95; letter-spacing: 0.15px; }
	.footer-sitelogo { float: left; min-height: auto; }
	.footer-sitelogo .site-branding__logo { margin-left: 0; }
	.footer-copyright { /*margin-top: 20px;*/ }
}

/** Mobile **/
@media all and (max-width:47.99em) {
	.col-lg-4,
	.col-lg-6 { margin: 0 0 1.5em 0 !important; }
	.display-desktop-hide { display: block; }
	.display-mobile-hide { display: none; }
	.layout-main-wrapper,
	.block-system-main-block { padding-bottom: 0; }
	#block-scu-online-page-title .content { height: 127px; }
	#block-scu-online-page-title .content h1 { font-size: 26px; font-weight: 300; line-height: normal; letter-spacing: 0.2px; margin-left: 10px; }
	.breadcrumb { border-bottom: 4px solid #ffce00; }
	.node__content h1 { font-size: 26px; line-height: normal; letter-spacing: 0.2px; }
	.modal-dialog { margin-top: 9px; }
	#modal-941 .modal-body,
	#modal-778 .modal-body { padding: 15px 30px 0; }
	#modal-941 .modal-header .close,
	#modal-778 .modal-header .close { background-size: 75% 90%; }
	.page--blog .layout-main > div:first-child { padding-bottom: 0; }
	.page--blog.node-type-article .layout-main { display: flex; flex-direction: column; margin: 0 15px; }
	.page--blog.node-type-article .layout-main > div:first-child { order: 2; -webkit-order: 2; }
	.page--blog.node-type-article .main-content { margin-top: 0; }
	.page--blog.node-type-article .block-system-main-block { background-color: #fff; padding-top: 30px !important; }
	.node-type-article .block-views.blog-categories { max-width: 100% !important; margin-top: 60px; }
	.node-type-courses .featured-top { min-height: 184px !important; height: 184px !important; }
	.node--type-courses .paragraph--bp-accordion-container .card-block .paragraph--type--bp-simple { margin-bottom: 0; }
	.node-type-page .featured-top { min-height: 127px !important; height: 127px !important; }
	.page-front .featured-top { min-height: auto !important; height: auto !important; }
	.node-type-page .node__content > div:first-child { width: 95%; }
	.page-front.node-type-page .node__content > div:first-child { width: auto; }
	.node__content .featured_image img { height: 134px; }
	.node__content p > iframe { height: 205px !important; width: auto !important; width: -webkit-fill-available !important; }
	.page--blog.node-type-article .flippy li a { font-size: 0px; }
	.page--blog.node-type-article .flippy-previous:before,
	.page--blog.node-type-article .flippy-next:before { content: ''; }
	.table-of-contents { display: none; }
	.block h2 { font-size: 23px; line-height: 1.2; margin-bottom: 31px; }
	.page--blog.node-type-article .block h2 { font-size: 24px; font-weight: 500; font-style: normal; font-stretch: normal; line-height: 1.08; letter-spacing: 0.19px; }
	.page-node-562 .node--type-courses .paragraph.paragraph--type--bp-columns-two-uneven > .paragraph__column { border-bottom: 1px solid #D5D5D5; }
	#block-scuataglance { margin-bottom: 30px; }
	#block-scuataglance h2 { padding-left: 15px; padding-right: 15px; }
	#block-scuataglance .col { width: initial; }
	#block-scuataglance .content { width: 93%; }
	#block-scuataglance .content > div > .col { margin-bottom: 40px; }
	#block-theonlinelearningexperienceatscu,
	.video-embed-field-responsive-video { height: auto !important; }
	#block-theonlinelearningexperienceatscu { margin-bottom: 21px; }
	.accreditations { margin: 0 auto; }
	.accreditations h2 { padding-left: 15px; padding-right: 15px; }
	.page-front .accreditations { width: 95%; }
	.accreditations .content { border-bottom: 1px solid #d1d1d1; width: 95%; margin-bottom: 40px; }
	#block-scu-online-content h2 { display: block; /*margin-top: 20px;*/ margin-bottom: 27px; font-size: 23px; line-height: 1.2; color: #005e86; font-weight: 400; }
	.block-system-breadcrumb-block .content nav { 
		width: 90%;
		padding-left: 10px !important;
		margin: 0 auto;
	 }
	.block-system-breadcrumb-block .content nav ol li { padding-top: 0; padding-bottom: 0; }
	.featured-top { margin-top: 62px !important; }
	#header .section { min-height: 54px; }
	.site-branding__logo { width: 134px !important; margin-top: 8px !important; margin-left: 7px !important; }
	.ctas .content,
	.cta-enquire .content { left: auto; top: -20%; right: 46px; bottom: auto; }
	.node-type-landing_page .ctas .content,
	.node-type-landing_page .cta-enquire .content { right: 8px; }
	.ctas .content .phonenumber:before { top: -28px; left: -126px; width: 38px; height: 38px; }
	.ctas .content .phonenumber { width: 35px; height: 35px; right: 6.8em; font-size: 0; }
	.cta-enquire .paragraph--type--bp-modal .btn.btn-modal { padding: 8px 11px; border-radius: 3px; font-size: 11px; line-height: 19px; }
	.modal-backdrop.show { z-index: 100; }
	.oval-wrap { display: inline-flex; }
	.oval-wrap h3 { margin: 20px 10px; }
	.header nav { position: absolute; cursor: pointer; background-image: url(../images/menu-icon.png); width: 26px; height: 19px; object-fit: contain; background-repeat: no-repeat; background-position: center; right: 8px; top: 22px; }
	.header nav ul.clearfix { display: none; }
	.mainmenu-wrap { border-top: 1px solid #d9d9d9; position: absolute; overflow-y: auto; height: 49em; top: 61px !important; background: #fff; width: 100%; box-shadow: 0 2px 7px 0 rgba(0, 0, 0, 0.3); }
	.mainmenu-wrap > ul > li > a { background-position: 95% 50%; background-size: auto; background-repeat: no-repeat; display: flex; border-bottom: 2px solid #53636a; padding-left: 17px; padding-bottom: 15px; padding-top: 15px; }
	.mainmenu-wrap > ul > li:nth-child(2) { border-top: 2px solid #53636a; }
	.mainmenu-wrap > ul > li > svg.fa-chevron-down { top: 14px; position: absolute; left: 90%; width: 30px; cursor: pointer; pointer-events: all; }
	.mainmenu-wrap ul { list-style: none; padding-left: 0; }
	.mainmenu-wrap .level-1 + ul > svg { display: none; }
	.mainmenu-wrap .level-1 + ul { display: block; width: 90%; margin: 0 auto; padding-left: 0; margin-top: 18px; }
	.mainmenu-wrap .level-1 + ul > li { margin-bottom: 15px; margin-right: 0; padding: 0; }
	.expand-down { position: absolute; right: 10px; top: 20px; margin-top: 0; }
	.site-footer__top .expand-down { top: 42px; right: 0px; }

	/*.mainmenu-wrap .level-1 + ul > li:last-of-type {
	  width: 50%;
	}
	.mainmenu-wrap .level-1 + ul > li:last-of-type > ul > li {
	  width: 46%;
	}*/
	.mainmenu-wrap .level-2 { margin-top: 0px; padding-top: 2px; padding-bottom: 7px; padding-left: 20px; border-bottom: 2px solid #d8d8d8; background-position: 0% 3px; background-size: auto; background-repeat: no-repeat; font-family: Roboto, sans-serif; color: #404e54; font-size: 12px; font-weight: 500; text-transform: uppercase; display: block; }
	.mainmenu-wrap .level-2 + ul { padding-left: 0; }
	.mainmenu-wrap .level-2.business { background-image: url(../images/icon-statistics-grey.svg); }
	.mainmenu-wrap .level-2.education { background-image: url(../images/icon-open-book-grey.svg); }
	.mainmenu-wrap .level-2.engineering { background-image: url(../images/icon-cube-grey.svg); }
	.mainmenu-wrap .level-2.it { background-image: url(../images/icon-server-grey.svg); }
	.mainmenu-wrap .level-2.law { background-image: url(../images/icon-contract-grey.svg); }
	.mainmenu-wrap .level-2.management { background-image: url(../images/icon-timeline-grey.svg); }
	.mainmenu-wrap .level-2.healthcare { background-image: url(../images/icon-medicine-case-grey.svg); }
	.mainmenu-wrap .level-2 + ul li { overflow: visible; padding-top: 5px; padding-bottom: 5px; -webkit-transition: all 250ms ease; transition: all 250ms ease; text-align: left; color: #005e86; padding-right: 0; line-height: initial; vertical-align: top; }
	.mainmenu-wrap .level-2 + ul li a { font-size: 12px; }

	/*.mainmenu-wrap li { padding-top: 15px; padding-bottom: 15px; }*/
	.mainmenu-wrap li a { font-family: Roboto; font-size: 14px; font-weight: 500; font-style: normal; font-stretch: normal; line-height: normal; letter-spacing: 0.2px; color: #005e86; }
	.mainmenu-footer { padding-top: 0px; padding-bottom: 20px; }
	.mainmenu-footer ul.clearfix { width: 92% !important; margin: 0 auto; }
	.mainmenu-footer ul.clearfix > li:first-of-type { margin-right: 0; padding-right: 0; }
	.mainmenu-footer > ul > li:first-child::before { content: "\f078"; display: none; }
	.mainmenu-footer > ul > li > svg.fa-chevron-down { position: relative; left: 90%; width: 30px; cursor: pointer; pointer-events: all; top: 23px; }
	.mainmenu-footer ul.clearfix > li > a { padding-top: 0px; padding-bottom: 20px; border-bottom: 1px solid #999; background-position: 100% 52%; background-size: auto; background-repeat: no-repeat; width: 100%; padding-right: 0px; padding-left: 0px; display: flex; height: initial; font-size: 19px; letter-spacing: 0.2px; }

	/*.mainmenu-footer .level-1 + ul { display: block !important; width: auto !important; }*/
	nav .level-1 + ul > li,
	nav .level-1 + ul > li:last-of-type,
	nav .level-1 + ul > li:last-of-type > ul > li { width: 100% !important; }
	nav .level-2.healthcare + ul li:nth-child(3),
	nav .level-2.healthcare + ul li:nth-child(5),
	nav .level-2.healthcare + ul li:nth-child(7) {
    margin-top: 0;
}
	.node__content h2 { font-size: 23px; font-weight: normal; font-style: normal; font-stretch: normal; line-height: normal; letter-spacing: 0.18px; color: #005e86; }
	.site-footer__top > div > div { /*background-image: -webkit-linear-gradient(bottom, #fff, #ebebeb); background-image: -o-linear-gradient(bottom, #fff, #ebebeb); background-image: linear-gradient(to top, #fff, #ebebeb);*/ }
	.site-footer__bottom { padding: 5px 15px 0 15px; }
	.footer-menu { width: 100%; border-bottom: 1px solid #989898; }
	.footer-menu ul { margin-bottom: 24px; }
	.footer-menu ul li { margin-right: 0; }
	.footer-menu .about-scu { padding-top: 20px; padding-bottom: 20px; border-bottom: 1px solid #999; background-image: url(../images/icon-down-arrow.svg); background-position: 100% 52%; background-size: auto; background-repeat: no-repeat; font-size: 19px; color: #404e54; letter-spacing: 0.2px; font-family: Roboto, sans-serif; }
	.footer-sitelogo { width: 50%; min-height: initial; padding-top: 0px; float: left; }
	.footer-sitelogo .site-branding__logo { margin-top: 35px !important; margin-left: 0 !important; top: 53%; width: 100% !important; max-width: 100%; }
	.social-menu { min-height: initial; padding-top: 0px; }
	.social-menu ul { margin-top: 40px; }
	.footer-copyright { margin-top: 30px; }
	.site-footer nav li { display: block; }
}
@media all and (max-width:680px) {
	.ctas .content,
	.cta-enquire .content { top: -20% !important; }
	.footer-sitelogo .site-branding__logo { /*width: 60% !important;*/ }
	.social-menu { padding-top: 8px; }
	#block-scuataglance .content { width: 60%; }
}
@media all and (max-width:480px) { }
@media all and (max-width:420px) {
	.ctas .content,
	.cta-enquire .content { top: -22% !important; }
}
@media all and (max-width:375px) {
	#block-scuataglance .content { width: 93% !important; }
}
@media all and (max-width:320px) {
	.page-front .block-system-main-block { padding-bottom: 0; }
	.ctas .content,
	.cta-enquire .content { right: 40px; }
	.block-system-main-block { padding-top: 0; }
	.node__content h3 { font-size: 17px !important; }
	#block-theonlinelearningexperienceatscu { margin-bottom: 15px; }
	.accreditations .slick-dots { padding: 0; }
	.block h2 { padding-top: 30px; }
	.mainmenu-footer { padding-top: 0; }
	.mainmenu-footer ul.clearfix > li:first-of-type { padding-top: 0; padding-bottom: 0; }
	.mainmenu-footer ul.clearfix > li > a { margin-bottom: 0; }
	.mainmenu-footer .level-2 { margin-bottom: 0; }
	.site-footer__bottom { padding-top: 0; }
	.footer-menu .about-scu { margin-bottom: 5px; }
	.footer-sitelogo .site-branding__logo { width: auto !important; }
}

.iti--allow-dropdown input, .iti--allow-dropdown input[type=tel], .iti--allow-dropdown input[type=text], .iti--separate-dial-code input, .iti--separate-dial-code input[type=tel], .iti--separate-dial-code input[type=text]{
	padding-left: 85px !important;
}

.intl-tel-input.allow-dropdown .selected-flag, .intl-tel-input.separate-dial-code .selected-flag, .iti--allow-dropdown .iti__selected-flag{
	height: 100% !important;
}

/* fix mess footer on desktop view */
@media (min-width: 768px) {
	.mainmenu-footer .level-1 + ul{
		display: flex;
		flex-wrap: wrap;
	}
	nav.mainmenu-footer .level-1 + ul > li {
		margin: 0;
		margin-right: 1rem;
		margin-bottom: 1rem;
	}
	nav .level-2 + ul li{
		margin-bottom: .8rem;
	}
}

/*video testimonial--over write testimonial*/
a[href="/admin/structure/classy_paragraphs_style/paragraphs_type_video_testimonials"] {
    display: none;
}
.students-testimonials-course.testimonials-video {
	background-color: #fff;
    background-image: none !important;
}
.students-testimonials-course.testimonials-video .post{

}
.students-testimonials-course.testimonials-video .details {
    text-align: left;
}
.students-testimonials-course.testimonials-video .details p.testimony {
	max-width: 100% !important;
    padding-top: 1rem;
    padding-bottom: 1rem;
	background-image: none;
}
@media (max-width: 47.99em){
	.students-testimonials-course.testimonials-video .details p.testimony{
		padding-top: .5rem;
	}
	.students-testimonials-course.testimonials-video {
		margin-top: -1rem;
	}
}
@media (min-width: 768px) {
	.students-testimonials-course.testimonials-video .post{
		display: flex;
		left: 0;
		justify-content: center;
		align-items: center;
	}
}

/* styling for page nav */
.page-nav ul{
	padding: 0;
	list-style: none;
	display: flex;
	justify-content: space-around;
	box-shadow: 0 2px 7px 0 rgb(0 0 0 / 30%);
}
.page-nav li{
	padding: 0 !important;
	text-align: center !important;
	border-bottom: 3px solid #fff;
	flex: 1;
	display: flex;
	justify-content: center;
	align-items: center;
	background-color: #fff;
}
.page-nav li:hover{
	border-bottom: 3px solid #005e86;
}
.page-nav a{
	font-size: 14px;
	color: #404e54;
	display: block;
	padding: 15px 10px;
}
.page-nav a:hover{
	text-decoration: none;
}
.page-nav-sticky{
	position: fixed;
	top: 74px;
	z-index: 9;
	right: 0;
	left: 0;
	max-width: 1024px;
	margin: 0 auto;
	width: 100%;
}
.page-nav.page-nav-sticky li{
	background-color:#005e86;
	border-bottom: 3px solid #005e86;
}
.page-nav.page-nav-sticky  li:hover{
	border-bottom: 3px solid #fff;
}
.page-nav.page-nav-sticky  li:hover a{
	opacity: 1;
}
.page-nav.page-nav-sticky a{
	padding: 10px 10px;
	color: #fff;
	opacity: .8;
}
.page-nav.page-nav-sticky .page-nav-active{
	border-bottom: 3px solid #fff;
}
.page-nav.page-nav-sticky .page-nav-active a{
	opacity: 1;
}
/* styling for Early Exit Options mobile*/
@media screen and (max-width: 650px) {
	.paragraph--type--early-exit-option .card>div {
		display: flex;
		flex-direction: column;
	}
	.paragraph--type--early-exit-option .card .paragraph--type--early-exit-box {
		width: 100% !important;
	}
	.paragraph--type--early-exit-option .card .paragraph__column {
		width: 97% !important;
		margin-bottom: 10px;
	}
	 .paragraph--type--early-exit-option .card > div > div:first-child > .paragraph--type--early-exit-box::after,  .paragraph--type--early-exit-option .card > div > div:nth-child(2) > .paragraph--type--early-exit-box::after {
		transform: rotate(90deg) scale(6);
		top: -25px;
		right: 0;
		left: 0;
		bottom: 0;
		margin: auto;
	}
	.paragraph--type--early-exit-option h5 {
		float: left;
		font-size: 20px;
		max-width: 100px;
		margin-right: 20%;
		margin-top: 2rem;
	}
	.paragraph--type--early-exit-option .units{
		font-size: 23px;
		margin-top: 23px;
	}
}
@media screen and (max-width: 341px) {
	.paragraph--type--early-exit-option .units{
		font-size: 21px;
	}
}
@media screen and (min-width: 768px) {
	.paragraph--type--early-exit-option .card>div {
		display: flex;
		flex-direction: row;
	}
	 .paragraph--type--early-exit-option .card .paragraph__column{
		max-width: 170px;
	}
	 .paragraph--type--early-exit-option .card > div > div:first-child > .paragraph--type--early-exit-box::after, .paragraph--type--early-exit-option .card > div > div:nth-child(2) > .paragraph--type--early-exit-box::after, .node-type-landing_page .paragraph--type--early-exit-option .card > div > div:first-child > .paragraph--type--early-exit-box::after, .node-type-landing_page .paragraph--type--early-exit-option .card > div > div:nth-child(2) > .paragraph--type--early-exit-box::after{
		top: -86px;
    	right: -168px;
    	transform: scale(2.5);
	}
}
.paragraph--type--early-exit-option .card .paragraph.paragraph--type--early-exit-box{
	width: 100%;
}
ul.detailed-info {
    list-style: none !important;
    padding-left: 0;
}