Delivering educational excellence beyond borders to 170,000 students
Delivering Educational Excellence Beyond Borders to 170,000 Students
@media (min-width: 980px) {
/* ------- NAV ITEMS ------- */
/*DEFAULT - override to white*/
.aui:not(.ie) .nav-transparent .osb-nav-primary-item-title {
color: #ffffff;
-webkit-transition: color linear 0.13s, visibility 0s linear 0.13s;
-o-transition: color linear 0.13s, visibility 0s linear 0.13s;
transition: color linear 0.13s, visibility 0s linear 0.13s;
}
/*SCROLLED & HOVER - change to black*/
.aui .nav-transparent.fill-banner .osb-nav-primary-item-title,
.aui .nav-transparent.osb-nav-active .osb-nav-primary .osb-nav-primary-item-title {
color: #09101d;
-webkit-transition: color linear 0.13s, visibility 0s linear 0.13s;
-o-transition: color linear 0.13s, visibility 0s linear 0.13s;
transition: color linear 0.13s, visibility 0s linear 0.13s;
}
/* ------- ACTIVE NAV ITEMS ------- */
/*DEFAULT - override to white*/
.aui:not(.ie) .nav-transparent .selected .osb-nav-primary-item-title:after {
color: #ffffff;
-webkit-transition: color linear 0.13s;
-o-transition: color linear 0.13s;
transition: color linear 0.13s;
}
/*SCROLLED & HOVER- change to default "active" blue*/
.aui .nav-transparent.fill-banner .selected .osb-nav-primary-item-title:after,
.aui .nav-transparent.osb-nav-active .selected .osb-nav-primary-item-title:hover:after,
.aui .nav-transparent.osb-nav-active .osb-nav-primary .selected .osb-nav-primary-item-title:after{
color: #004AD7;
-webkit-transition: color linear 0.13s;
-o-transition: color linear 0.13s;
transition: color linear 0.13s;
}
/* ------- CONTACT SALES ------- */
/*DEFAULT - override to light blue*/
.aui:not(.ie) .nav-transparent #salesContactCTA span {
-webkit-transition: color linear 0.13s;
-o-transition: color linear 0.13s;
transition: color linear 0.13s;
}
/*SCROLLED & HOVER - change to default "action" blue*/
.aui .nav-transparent.fill-banner #salesContactCTA span,
.aui .nav-transparent.osb-nav-active .osb-nav-primary #salesContactCTA span {
-webkit-transition: color linear 0.13s;
-o-transition: color linear 0.13s;
transition: color linear 0.13s;
}
/* ------- SIGN IN TEXT & ARROW ------- */
/*DEFAULT - override to white*/
.aui:not(.ie) .nav-transparent .osb-user-menu-trigger {
color: #ffffff;
-webkit-transition: color linear 0.13s;
-o-transition: color linear 0.13s;
transition: color linear 0.13s;
}
/*NAV ITEM HOVER - set to default black*/
.aui .nav-transparent.osb-nav-active .osb-user-menu-trigger {
color: #09101d;
-webkit-transition: color linear 0.13s;
-o-transition: color linear 0.13s;
transition: color linear 0.13s;
}
/*SCROLLED - set to default black*/
.aui .nav-transparent.fill-banner .osb-user-menu-trigger {
color: #09101d;
-webkit-transition: color linear 0.13s;
-o-transition: color linear 0.13s;
transition: color linear 0.13s;
}
/* ------- SEARCH CLOSE ICON ------- */
/*DEFAULT - override to white*/
.aui:not(.ie) .nav-transparent .search-active .close-icon {
color: #ffffff;
-webkit-transition: color linear 0.13s;
-o-transition: color linear 0.13s;
transition: color linear 0.13s;
}
/*SCROLLED - set to default black */
.aui .nav-transparent.fill-banner .search-active .close-icon {
color: #09101d;
-webkit-transition: color linear 0.13s;
-o-transition: color linear 0.13s;
transition: color linear 0.13s;
}
}
/* ------- LOGO TEXT ------- */
/*DEFAULT - override to white*/
.aui:not(.ie) .nav-transparent .logo-icon-container svg :nth-child(2) {
fill: white;
-webkit-transition: color linear 0.13s;
-o-transition: color linear 0.13s;
transition: color linear 0.13s;
}
/*NAV ITEM HOVER - set to default black*/
.aui .nav-transparent.osb-nav-active .logo-icon-container svg :nth-child(2) {
fill: #101820;
-webkit-transition: color linear 0.13s;
-o-transition: color linear 0.13s;
transition: color linear 0.13s;
}
/*SCROLLED - set to default black*/
.aui .nav-transparent.fill-banner .logo-icon-container svg :nth-child(2) {
fill: #101820;
-webkit-transition: color linear 0.13s;
-o-transition: color linear 0.13s;
transition: color linear 0.13s;
}
/* ------- LOGO WAFFLE ICON ------- */
/*DEFAULT - override to white*/
.aui:not(.ie) .nav-transparent .logo-icon-container svg :nth-child(1) {
fill: white;
-webkit-transition: color linear 0.13s;
-o-transition: color linear 0.13s;
transition: color linear 0.13s;
}
/*NAV ITEM HOVER - set to default blue*/
.aui .nav-transparent.osb-nav-active .logo-icon-container svg :nth-child(1) {
fill: #0B63CE;
-webkit-transition: color linear 0.13s;
-o-transition: color linear 0.13s;
transition: color linear 0.13s;
}
/*SCROLLED - set to default blue*/
.aui .nav-transparent.fill-banner .logo-icon-container svg :nth-child(1) {
fill: #0B63CE;
-webkit-transition: color linear 0.13s;
-o-transition: color linear 0.13s;
transition: color linear 0.13s;
}
/* ------- SEARCH ICON ------- */
/*DEFAULT - override to white*/
.aui:not(.ie) .nav-transparent .search-bar svg {
color: #ffffff;
-webkit-transition: color linear 0.13s;
-o-transition: color linear 0.13s;
transition: color linear 0.13s;
}
/*NAV ITEM HOVER - set to default black*/
.aui .nav-transparent.osb-nav-active .search-bar svg {
color: #09101d;
-webkit-transition: color linear 0.13s;
-o-transition: color linear 0.13s;
transition: color linear 0.13s;
}
/*SCROLLED - set to default black*/
.aui .nav-transparent.fill-banner .search-bar svg {
color: #09101d;
-webkit-transition: color linear 0.13s;
-o-transition: color linear 0.13s;
transition: color linear 0.13s;
}
/*SEARCH ACTIVE - set icon to default black*/
.aui .nav-transparent .search-active .submit-search svg {
color: #09101d;
-webkit-transition: color linear 0.13s;
-o-transition: color linear 0.13s;
transition: color linear 0.13s;
}
.aui .cta.cta-light {
color: #C7E9FF;
text-decoration: none;
}
.aui .hero .cta.cta-light {
padding-bottom:1px;
position: relative;
}
.aui .hero .cta.cta-light:after {
background: #0B5FFF;
border-radius: 5px;
content: '';
height: 3px;
left: 0;
position: absolute;
top: 100%;
transition: background 0.5s;
width: calc(100% - 10px);
}
.aui .hero .cta.cta-light:hover {
color: #FFF;
transition: color .5s;
}
.aui .hero .cta.cta-light:hover:after {
background: #FFF;
transition: background 0.5s;
}
@media (max-width: 979px) {
html.ie .nav-static .content .osb-banner .osb-nav-primary {
width: 26em;
}
}
@media (max-width: 767px) {
html.ie .nav-static .content .osb-banner .osb-nav-primary {
left: -2em;
width: 100%;
}
}
/* ------- CONTACT SALES ------- */
/*DEFAULT - override button color to white and font color to blue*/
.aui:not(.ie) .nav-transparent #salesContactCTA {
background: #FFF;
color: #0B5FFF;
}
/*HOVER, FOCUS, ACTIVE - font color change*/
.aui:not(.ie) .nav-transparent #salesContactCTA span:hover, .aui .nav-transparent #salesContactCTA span:focus {
color: #0053F0;
}
.aui:not(.ie) .nav-transparent #salesContactCTA span:active {
color: #004AD7;
}
.aui.osb-nav-mobile-active:not(.ie) .nav-transparent #salesContactCTA {
background: #0b5fff;
color: #FFF;
padding: .5em 1.5em;
}
@media (min-width: 980px) {
html.ie .nav-static .content .osb-banner .osb-site-menu {
transform: translateY(-150%);
}
/* ------- NAV ITEMS ------- */
/*DEFAULT - override to white*/
.aui:not(.ie) .nav-static .osb-nav-primary-item-title {
color: #ffffff;
-webkit-transition: color linear 0.13s, visibility 0s linear 0.13s;
-o-transition: color linear 0.13s, visibility 0s linear 0.13s;
transition: color linear 0.13s, visibility 0s linear 0.13s;
}
/*SCROLLED & HOVER - change to black*/
.aui .nav-static.fill-banner .osb-nav-primary-item-title,
.aui .nav-static.osb-nav-active .osb-nav-primary .osb-nav-primary-item-title {
color: #09101d;
-webkit-transition: color linear 0.13s, visibility 0s linear 0.13s;
-o-transition: color linear 0.13s, visibility 0s linear 0.13s;
transition: color linear 0.13s, visibility 0s linear 0.13s;
}
/* ------- ACTIVE NAV ITEMS ------- */
/*DEFAULT - override to white*/
.aui:not(.ie) .nav-static .selected .osb-nav-primary-item-title:after {
color: #ffffff;
-webkit-transition: color linear 0.13s;
-o-transition: color linear 0.13s;
transition: color linear 0.13s;
}
/*SCROLLED & HOVER- change to default "active" blue*/
.aui .nav-static.fill-banner .selected .osb-nav-primary-item-title:after,
.aui .nav-static.osb-nav-active .selected .osb-nav-primary-item-title:hover:after,
.aui .nav-static.osb-nav-active .osb-nav-primary .selected .osb-nav-primary-item-title:after{
color: #004AD7;
-webkit-transition: color linear 0.13s;
-o-transition: color linear 0.13s;
transition: color linear 0.13s;
}
/* ------- CONTACT SALES ------- */
/*DEFAULT - override to light blue*/
.aui:not(.ie) .nav-static .osb-nav-primary-item:nth-last-child(1) #salesContactCTA span:after,
.aui:not(.ie) .nav-static .osb-nav-primary-item:nth-last-child(1):hover #salesContactCTA span:after {
visibility: visible;
}
.aui:not(.ie) .nav-static .osb-nav-primary-item #salesContactCTA span:before,
.aui:not(.ie) .nav-static .osb-nav-primary-item:hover #salesContactCTA span:before {
background: #fff;
opacity: 1;
transform: scale3d(1,1,1);
transition: none;
visibility: visible;
}
/* ------- SIGN IN TEXT & ARROW ------- */
/*DEFAULT - override to white*/
.aui:not(.ie) .nav-static .osb-user-menu-trigger {
color: #ffffff;
-webkit-transition: color linear 0.13s;
-o-transition: color linear 0.13s;
transition: color linear 0.13s;
}
/*NAV ITEM HOVER - set to default black*/
.aui .nav-static.osb-nav-active .osb-user-menu-trigger {
color: #09101d;
-webkit-transition: color linear 0.13s;
-o-transition: color linear 0.13s;
transition: color linear 0.13s;
}
/*SCROLLED - set to default black*/
.aui .nav-static.fill-banner .osb-user-menu-trigger {
color: #09101d;
-webkit-transition: color linear 0.13s;
-o-transition: color linear 0.13s;
transition: color linear 0.13s;
}
/* ------- SEARCH CLOSE ICON ------- */
/*DEFAULT - override to white*/
.aui:not(.ie) .nav-static .search-active .close-icon {
color: #ffffff;
-webkit-transition: color linear 0.13s;
-o-transition: color linear 0.13s;
transition: color linear 0.13s;
}
/*SCROLLED - set to default black */
.aui:not(.ie) .nav-static.fill-banner .search-active .close-icon {
color: #09101d;
-webkit-transition: color linear 0.13s;
-o-transition: color linear 0.13s;
transition: color linear 0.13s;
}
}
/* ------- LOGO TEXT ------- */
/*DEFAULT - override to white*/
.aui:not(.ie) .nav-static .logo-icon-container svg :nth-child(2) {
fill: white;
-webkit-transition: color linear 0.13s;
-o-transition: color linear 0.13s;
transition: color linear 0.13s;
}
/*NAV ITEM HOVER - set to default black*/
.aui:not(.ie) .nav-static.osb-nav-active .logo-icon-container svg :nth-child(2) {
fill: #101820;
-webkit-transition: color linear 0.13s;
-o-transition: color linear 0.13s;
transition: color linear 0.13s;
}
/*SCROLLED - set to default black*/
.aui:not(.ie) .nav-static.fill-banner .logo-icon-container svg :nth-child(2) {
fill: #101820;
-webkit-transition: color linear 0.13s;
-o-transition: color linear 0.13s;
transition: color linear 0.13s;
}
/* ------- LOGO WAFFLE ICON ------- */
/*DEFAULT - override to white*/
.aui:not(.ie) .nav-static .logo-icon-container svg :nth-child(1) {
fill: white;
-webkit-transition: color linear 0.13s;
-o-transition: color linear 0.13s;
transition: color linear 0.13s;
}
/*NAV ITEM HOVER - set to default blue*/
.aui .nav-static.osb-nav-active .logo-icon-container svg :nth-child(1) {
fill: #0B63CE;
-webkit-transition: color linear 0.13s;
-o-transition: color linear 0.13s;
transition: color linear 0.13s;
}
/*SCROLLED - set to default blue*/
.aui .nav-static.fill-banner .logo-icon-container svg :nth-child(1) {
fill: #0B63CE;
-webkit-transition: color linear 0.13s;
-o-transition: color linear 0.13s;
transition: color linear 0.13s;
}
/* ------- SEARCH ICON ------- */
/*DEFAULT - override to white*/
.aui:not(.ie) .nav-static .search-bar svg {
color: #ffffff;
-webkit-transition: color linear 0.13s;
-o-transition: color linear 0.13s;
transition: color linear 0.13s;
}
/*NAV ITEM HOVER - set to default black*/
.aui .nav-static.osb-nav-active .search-bar svg {
color: #09101d;
-webkit-transition: color linear 0.13s;
-o-transition: color linear 0.13s;
transition: color linear 0.13s;
}
/*SCROLLED - set to default black*/
.aui .nav-static.fill-banner .search-bar svg {
color: #09101d;
-webkit-transition: color linear 0.13s;
-o-transition: color linear 0.13s;
transition: color linear 0.13s;
}
/*SEARCH ACTIVE - set icon to default black*/
.aui .nav-static .search-active .submit-search svg {
color: #09101d;
-webkit-transition: color linear 0.13s;
-o-transition: color linear 0.13s;
transition: color linear 0.13s;
}
@media (min-width: 980px) {
/* ------- NAV ITEMS ------- */
/*DEFAULT - override to white*/
.aui:not(.ie) .nav-transparent .osb-nav-primary-item-title {
color: #ffffff;
-webkit-transition: color linear 0.13s, visibility 0s linear 0.13s;
-o-transition: color linear 0.13s, visibility 0s linear 0.13s;
transition: color linear 0.13s, visibility 0s linear 0.13s;
}
/*SCROLLED & HOVER - change to black*/
.aui .nav-transparent.fill-banner .osb-nav-primary-item-title,
.aui .nav-transparent.osb-nav-active .osb-nav-primary .osb-nav-primary-item-title {
color: #09101d;
-webkit-transition: color linear 0.13s, visibility 0s linear 0.13s;
-o-transition: color linear 0.13s, visibility 0s linear 0.13s;
transition: color linear 0.13s, visibility 0s linear 0.13s;
}
/* ------- ACTIVE NAV ITEMS ------- */
/*DEFAULT - override to white*/
.aui:not(.ie) .nav-transparent .selected .osb-nav-primary-item-title:after {
color: #ffffff;
-webkit-transition: color linear 0.13s;
-o-transition: color linear 0.13s;
transition: color linear 0.13s;
}
/*SCROLLED & HOVER- change to default "active" blue*/
.aui .nav-transparent.fill-banner .selected .osb-nav-primary-item-title:after,
.aui .nav-transparent.osb-nav-active .selected .osb-nav-primary-item-title:hover:after,
.aui .nav-transparent.osb-nav-active .osb-nav-primary .selected .osb-nav-primary-item-title:after{
color: #004AD7;
-webkit-transition: color linear 0.13s;
-o-transition: color linear 0.13s;
transition: color linear 0.13s;
}
/* ------- CONTACT SALES ------- */
/*DEFAULT - override to light blue*/
.aui:not(.ie) .nav-transparent #salesContactCTA span {
-webkit-transition: color linear 0.13s;
-o-transition: color linear 0.13s;
transition: color linear 0.13s;
}
/*SCROLLED & HOVER - change to default "action" blue*/
.aui .nav-transparent.fill-banner #salesContactCTA span,
.aui .nav-transparent.osb-nav-active .osb-nav-primary #salesContactCTA span {
-webkit-transition: color linear 0.13s;
-o-transition: color linear 0.13s;
transition: color linear 0.13s;
}
/* ------- SIGN IN TEXT & ARROW ------- */
/*DEFAULT - override to white*/
.aui:not(.ie) .nav-transparent .osb-user-menu-trigger {
color: #ffffff;
-webkit-transition: color linear 0.13s;
-o-transition: color linear 0.13s;
transition: color linear 0.13s;
}
/*NAV ITEM HOVER - set to default black*/
.aui .nav-transparent.osb-nav-active .osb-user-menu-trigger {
color: #09101d;
-webkit-transition: color linear 0.13s;
-o-transition: color linear 0.13s;
transition: color linear 0.13s;
}
/*SCROLLED - set to default black*/
.aui .nav-transparent.fill-banner .osb-user-menu-trigger {
color: #09101d;
-webkit-transition: color linear 0.13s;
-o-transition: color linear 0.13s;
transition: color linear 0.13s;
}
/* ------- SEARCH CLOSE ICON ------- */
/*DEFAULT - override to white*/
.aui:not(.ie) .nav-transparent .search-active .close-icon {
color: #ffffff;
-webkit-transition: color linear 0.13s;
-o-transition: color linear 0.13s;
transition: color linear 0.13s;
}
/*SCROLLED - set to default black */
.aui .nav-transparent.fill-banner .search-active .close-icon {
color: #09101d;
-webkit-transition: color linear 0.13s;
-o-transition: color linear 0.13s;
transition: color linear 0.13s;
}
}
/* ------- LOGO TEXT ------- */
/*DEFAULT - override to white*/
.aui:not(.ie) .nav-transparent .logo-icon-container svg :nth-child(2) {
fill: white;
-webkit-transition: color linear 0.13s;
-o-transition: color linear 0.13s;
transition: color linear 0.13s;
}
/*NAV ITEM HOVER - set to default black*/
.aui .nav-transparent.osb-nav-active .logo-icon-container svg :nth-child(2) {
fill: #101820;
-webkit-transition: color linear 0.13s;
-o-transition: color linear 0.13s;
transition: color linear 0.13s;
}
/*SCROLLED - set to default black*/
.aui .nav-transparent.fill-banner .logo-icon-container svg :nth-child(2) {
fill: #101820;
-webkit-transition: color linear 0.13s;
-o-transition: color linear 0.13s;
transition: color linear 0.13s;
}
/* ------- LOGO WAFFLE ICON ------- */
/*DEFAULT - override to white*/
.aui:not(.ie) .nav-transparent .logo-icon-container svg :nth-child(1) {
fill: white;
-webkit-transition: color linear 0.13s;
-o-transition: color linear 0.13s;
transition: color linear 0.13s;
}
/*NAV ITEM HOVER - set to default blue*/
.aui .nav-transparent.osb-nav-active .logo-icon-container svg :nth-child(1) {
fill: #0B63CE;
-webkit-transition: color linear 0.13s;
-o-transition: color linear 0.13s;
transition: color linear 0.13s;
}
/*SCROLLED - set to default blue*/
.aui .nav-transparent.fill-banner .logo-icon-container svg :nth-child(1) {
fill: #0B63CE;
-webkit-transition: color linear 0.13s;
-o-transition: color linear 0.13s;
transition: color linear 0.13s;
}
/* ------- SEARCH ICON ------- */
/*DEFAULT - override to white*/
.aui:not(.ie) .nav-transparent .search-bar svg {
color: #ffffff;
-webkit-transition: color linear 0.13s;
-o-transition: color linear 0.13s;
transition: color linear 0.13s;
}
/*NAV ITEM HOVER - set to default black*/
.aui .nav-transparent.osb-nav-active .search-bar svg {
color: #09101d;
-webkit-transition: color linear 0.13s;
-o-transition: color linear 0.13s;
transition: color linear 0.13s;
}
/*SCROLLED - set to default black*/
.aui .nav-transparent.fill-banner .search-bar svg {
color: #09101d;
-webkit-transition: color linear 0.13s;
-o-transition: color linear 0.13s;
transition: color linear 0.13s;
}
/*SEARCH ACTIVE - set icon to default black*/
.aui .nav-transparent .search-active .submit-search svg {
color: #09101d;
-webkit-transition: color linear 0.13s;
-o-transition: color linear 0.13s;
transition: color linear 0.13s;
}
.aui .cta.cta-light {
color: #C7E9FF;
text-decoration: none;
}
.aui .hero .cta.cta-light {
padding-bottom:1px;
position: relative;
}
.aui .hero .cta.cta-light:after {
background: #0B5FFF;
border-radius: 5px;
content: '';
height: 3px;
left: 0;
position: absolute;
top: 100%;
transition: background 0.5s;
width: calc(100% - 10px);
}
.aui .hero .cta.cta-light:hover {
color: #FFF;
transition: color .5s;
}
.aui .hero .cta.cta-light:hover:after {
background: #FFF;
transition: background 0.5s;
}
@media (max-width: 979px) {
html.ie .nav-static .content .osb-banner .osb-nav-primary {
width: 26em;
}
}
@media (max-width: 767px) {
html.ie .nav-static .content .osb-banner .osb-nav-primary {
left: -2em;
width: 100%;
}
}
/* ------- CONTACT SALES ------- */
/*DEFAULT - override button color to white and font color to blue*/
.aui:not(.ie) .nav-transparent #salesContactCTA {
background: #FFF;
color: #0B5FFF;
}
/*HOVER, FOCUS, ACTIVE - font color change*/
.aui:not(.ie) .nav-transparent #salesContactCTA span:hover, .aui .nav-transparent #salesContactCTA span:focus {
color: #0053F0;
}
.aui:not(.ie) .nav-transparent #salesContactCTA span:active {
color: #004AD7;
}
.aui.osb-nav-mobile-active:not(.ie) .nav-transparent #salesContactCTA {
background: #0b5fff;
color: #FFF;
padding: .5em 1.5em;
}
@media (min-width: 980px) {
html.ie .nav-static .content .osb-banner .osb-site-menu {
transform: translateY(-150%);
}
/* ------- NAV ITEMS ------- */
/*DEFAULT - override to white*/
.aui:not(.ie) .nav-static .osb-nav-primary-item-title {
color: #ffffff;
-webkit-transition: color linear 0.13s, visibility 0s linear 0.13s;
-o-transition: color linear 0.13s, visibility 0s linear 0.13s;
transition: color linear 0.13s, visibility 0s linear 0.13s;
}
/*SCROLLED & HOVER - change to black*/
.aui .nav-static.fill-banner .osb-nav-primary-item-title,
.aui .nav-static.osb-nav-active .osb-nav-primary .osb-nav-primary-item-title {
color: #09101d;
-webkit-transition: color linear 0.13s, visibility 0s linear 0.13s;
-o-transition: color linear 0.13s, visibility 0s linear 0.13s;
transition: color linear 0.13s, visibility 0s linear 0.13s;
}
/* ------- ACTIVE NAV ITEMS ------- */
/*DEFAULT - override to white*/
.aui:not(.ie) .nav-static .selected .osb-nav-primary-item-title:after {
color: #ffffff;
-webkit-transition: color linear 0.13s;
-o-transition: color linear 0.13s;
transition: color linear 0.13s;
}
/*SCROLLED & HOVER- change to default "active" blue*/
.aui .nav-static.fill-banner .selected .osb-nav-primary-item-title:after,
.aui .nav-static.osb-nav-active .selected .osb-nav-primary-item-title:hover:after,
.aui .nav-static.osb-nav-active .osb-nav-primary .selected .osb-nav-primary-item-title:after{
color: #004AD7;
-webkit-transition: color linear 0.13s;
-o-transition: color linear 0.13s;
transition: color linear 0.13s;
}
/* ------- CONTACT SALES ------- */
/*DEFAULT - override to light blue*/
.aui:not(.ie) .nav-static .osb-nav-primary-item:nth-last-child(1) #salesContactCTA span:after,
.aui:not(.ie) .nav-static .osb-nav-primary-item:nth-last-child(1):hover #salesContactCTA span:after {
visibility: visible;
}
.aui:not(.ie) .nav-static .osb-nav-primary-item #salesContactCTA span:before,
.aui:not(.ie) .nav-static .osb-nav-primary-item:hover #salesContactCTA span:before {
background: #fff;
opacity: 1;
transform: scale3d(1,1,1);
transition: none;
visibility: visible;
}
/* ------- SIGN IN TEXT & ARROW ------- */
/*DEFAULT - override to white*/
.aui:not(.ie) .nav-static .osb-user-menu-trigger {
color: #ffffff;
-webkit-transition: color linear 0.13s;
-o-transition: color linear 0.13s;
transition: color linear 0.13s;
}
/*NAV ITEM HOVER - set to default black*/
.aui .nav-static.osb-nav-active .osb-user-menu-trigger {
color: #09101d;
-webkit-transition: color linear 0.13s;
-o-transition: color linear 0.13s;
transition: color linear 0.13s;
}
/*SCROLLED - set to default black*/
.aui .nav-static.fill-banner .osb-user-menu-trigger {
color: #09101d;
-webkit-transition: color linear 0.13s;
-o-transition: color linear 0.13s;
transition: color linear 0.13s;
}
/* ------- SEARCH CLOSE ICON ------- */
/*DEFAULT - override to white*/
.aui:not(.ie) .nav-static .search-active .close-icon {
color: #ffffff;
-webkit-transition: color linear 0.13s;
-o-transition: color linear 0.13s;
transition: color linear 0.13s;
}
/*SCROLLED - set to default black */
.aui:not(.ie) .nav-static.fill-banner .search-active .close-icon {
color: #09101d;
-webkit-transition: color linear 0.13s;
-o-transition: color linear 0.13s;
transition: color linear 0.13s;
}
}
/* ------- LOGO TEXT ------- */
/*DEFAULT - override to white*/
.aui:not(.ie) .nav-static .logo-icon-container svg :nth-child(2) {
fill: white;
-webkit-transition: color linear 0.13s;
-o-transition: color linear 0.13s;
transition: color linear 0.13s;
}
/*NAV ITEM HOVER - set to default black*/
.aui:not(.ie) .nav-static.osb-nav-active .logo-icon-container svg :nth-child(2) {
fill: #101820;
-webkit-transition: color linear 0.13s;
-o-transition: color linear 0.13s;
transition: color linear 0.13s;
}
/*SCROLLED - set to default black*/
.aui:not(.ie) .nav-static.fill-banner .logo-icon-container svg :nth-child(2) {
fill: #101820;
-webkit-transition: color linear 0.13s;
-o-transition: color linear 0.13s;
transition: color linear 0.13s;
}
/* ------- LOGO WAFFLE ICON ------- */
/*DEFAULT - override to white*/
.aui:not(.ie) .nav-static .logo-icon-container svg :nth-child(1) {
fill: white;
-webkit-transition: color linear 0.13s;
-o-transition: color linear 0.13s;
transition: color linear 0.13s;
}
/*NAV ITEM HOVER - set to default blue*/
.aui .nav-static.osb-nav-active .logo-icon-container svg :nth-child(1) {
fill: #0B63CE;
-webkit-transition: color linear 0.13s;
-o-transition: color linear 0.13s;
transition: color linear 0.13s;
}
/*SCROLLED - set to default blue*/
.aui .nav-static.fill-banner .logo-icon-container svg :nth-child(1) {
fill: #0B63CE;
-webkit-transition: color linear 0.13s;
-o-transition: color linear 0.13s;
transition: color linear 0.13s;
}
/* ------- SEARCH ICON ------- */
/*DEFAULT - override to white*/
.aui:not(.ie) .nav-static .search-bar svg {
color: #ffffff;
-webkit-transition: color linear 0.13s;
-o-transition: color linear 0.13s;
transition: color linear 0.13s;
}
/*NAV ITEM HOVER - set to default black*/
.aui .nav-static.osb-nav-active .search-bar svg {
color: #09101d;
-webkit-transition: color linear 0.13s;
-o-transition: color linear 0.13s;
transition: color linear 0.13s;
}
/*SCROLLED - set to default black*/
.aui .nav-static.fill-banner .search-bar svg {
color: #09101d;
-webkit-transition: color linear 0.13s;
-o-transition: color linear 0.13s;
transition: color linear 0.13s;
}
/*SEARCH ACTIVE - set icon to default black*/
.aui .nav-static .search-active .submit-search svg {
color: #09101d;
-webkit-transition: color linear 0.13s;
-o-transition: color linear 0.13s;
transition: color linear 0.13s;
}
Jump to Section
Outline
Jump to Section
Founded in 1836, the University of London consists of 18 independent member institutions—each one considered a university in its own right. All students from all of the Member Institutions are also University of London students, making them part of a community of over 170,000 international learners from London to Singapore. To enhance their student portal in the way of responsive design and engaging experiences for their students, the University of London turned to Liferay.
150 Years of Distance Learning
The University of London has been delivering distance learning initiatives for over 150 years, making it the oldest provider of distance education in the world.
And because many students choose to study independently through these initiatives, the role of the university’s student portal has become a vital one. As the institute’s reach grew globally, the university experienced a need for a feature-filled, flexible and cost-effective technology to help them manage and engage with each of the 1.1 million page views they were getting per month.
Read Full Case Study
Case Study - Finnish
Having Trouble?
Oh no! Sorry about that. If you’re running into issues, we suggest you try:
- Disabling your pop-up blocker
- Clearing your browser’s cache
- Disabling any plugins on your browser
- Using an alternate browser
- Updating your browser to the latest version
Because students are remote they don’t necessarily have that sense of community and belonging. With the easy to use Liferay portal, we are seeing more and more students engaging with us in a meaningful way online.
Jonathan Seddon
Senior Assessment Manager: Policy and SITS
Key Features
Responsive Design, Content Management System, Single Sign On, Role-based permissions, Adaptive Mobile Device rules
Sfide
-
Implement features such as single sign on to streamline user experiences.
-
Empower content creators to do more and free up IT to focus on value-add priorities.
-
Invest in software that can scale with future requirements such as mobile app development.
-
Satisfy mobile-first audiences expecting seamless experiences across devices.
Risultati
Stronger Relationships
An improved experience was delivered to 170,000 students worldwide.
Improved Customer Satisfaction:
Net Promoter Score increased among students.
empowering business users
Gained ability to administer processes independent of IT.
Increased engagement
More students engaged frequently on a device of their choice.