@import url("https://fonts.googleapis.com/css?family=Montserrat:300,400,700");

      :root {
        --font: Montserrat;
        --alt-font: Montserrat;
        --accent-color: #044e7c;
        --secondary-color: #006ec7;
        --link-color: #1ab6ce;
        --accent-highlight-color: #044e7c;
        --accent-highlight-background-color: #e7f5fe;
        --accent-tinted-color-70: #b4cad8;
        --accent-tinted-color-80: #cddce5;
        --accent-tinted-color-90: #e6edf2;
        --accent-contrast-color: #fff;
        --accent-contrast-tinted-background-color: #b3b3b3;
        --accent-hover-color: #066dad;
        --secondary-hover-color: #008afa;
        --secondary-contrast-color: #fff;
        --link-hover-color: #0f6673;
      }
      

.company__logo {text-indent: 100%;white-space: nowrap;overflow: hidden;background: url('https://media.thoughtindustries.com/thoughtindustries/image/upload/a_exif,c_fit,t_ti_company_logo_hires_v3/v1/course-uploads/6b2f4979-830b-4277-b609-a47cb541aba7/08ahe8309nbn-CDNowlogo_blue400x79px.png') no-repeat center left;background-size: contain;} .company__logo span.h4 {visibility: hidden;}
/* ---------- VARIABLES ---------- */
:root {
--color-navy: #044e7c;
--color-blue: #005fa3;
--color-gray: #f3f3f3;
--color-pink: #f7dada;
--max-width: 1200px;
--section-padding: 80px;
--color-neutral: #808080;
}
/* ---------- GLOBAL LAYOUT ---------- */
body {
background-color: var(--color-gray);
margin: 0;
line-height: 1.6;
font-family: Montserrat !important;
}
body p {
color: #000;
}
section {
width: 100%;
max-width: var(--max-width);
margin: 0 auto;
padding: var(--section-padding) 20px;
}
/* Sign In */
.session__container {
border-radius: 12px;
background: #FFF;
border:none;
}
h1.h2.mb-1 {
color:#01080D;
font-family: Montserrat;
font-size: 4vw;
font-style: normal;
font-weight: 700;
}
.field__input-wrapper,
.field__input {
border-radius: 12px !important;
background: #FFF;
}
.field__input {
border: 1px solid #B3B3B3;
}
.session__forgot a {
color: #044E7C;
font-family: Montserrat;
font-size: 14px;
font-style: normal;
font-weight: 600;
line-height: 20px;
}
.session {background-color: #e6eef2}
/* Register Page */
.regpage {
background-color: #e6eef2;
padding-left: 10vw;
padding-right: 10vw;
}
.regpage2 {
background-color: #e6eef2;
padding: 0 10vw 10vw;
}
.regpage3 a {
display: flex !important;
justify-content: center !important;
align-items: center;
}
.regpage3 {
background-color: #e6eef2;
padding: 2vw;
}
.reg-note-box {
background: #efefef;
border-radius: 12px;
padding: 18px 22px;
max-width: 650px;
font-family: Arial, sans-serif;
color: #333;
font-size: 16px;
line-height: 1.5;
margin-left: auto;
margin-right: auto;
width: fit-content;
}
.reg-note-box p {
margin-left: auto;
margin-right: auto;
text-align: left;
font-size: 1rem;
padding: 0;
margin-bottom: 8px;
width: auto;
padding: 16px 24px;
}
.reg-note-box p + p {
margin-top: 14px;
}
body.register h3.h2.widget__title {
color: #01080D !important;
}
.text-right .btn--primary.btn--expand {
border-radius: 99999px;
background: #F3F3F3;
border: 1px solid #F3F3F3;
color: #B3B3B3;
}
/* Background Color Fixes for Register Page */
body.register .header__inner {
background-color: #e6eef2;
}
body.register .container {
background-color: #e6eef2;
}
body.register header.ti-topnav {
background-color: #e6eef2 !important;
}
/* Redeem Page */
.redeempage {
background-color: #e6eef2 !important;
}
button.btn.btn--primary.btn--submit.btn--floating-label.postfix {
border-radius: 99999px !important;
background: #F3F3F3;
border: 1px solid #F3F3F3;
color: #B3B3B3;
}
body.redeem .btn--link.btn--primary > span {
color: #006EC7;
font-family: Montserrat;
font-size: 1rem;
font-style: normal;
font-weight: 600;
line-height: 125%;
letter-spacing: 0.12px;
}
body.redeem .btn--link.btn--primary {
display: flex;
justify-content: center;
align-items: center;
}
.redeem-hero {
background-color: #e6eef2 !important;
padding-bottom: 0;
margin-bottom: 0;
}
.redeem .editor-content > h1 {
margin-bottom: 0;
}
body.home.register .text-centered .text-xs.mb-2 span {
display: none !important;
}
body.register .small-offset-3.small-6 > .row:first-of-type {
margin-left: -16px;
margin-right: -16px;
}
.small-12.medium-4.columns {
clear: both;
float: none;
width: 100%;
}
body.redeem .header__inner {
background-color: #e6eef2;
}
body.redeem header.ti-topnav {
background-color: #e6eef2;
}
body.redeem .header--microsite .header__inner {
background-color: #e6eef2;
}
body.redeem .header.header--microsite {
background-color: #e6eef2;
}
.row.collapse > .medium-8.columns {
width: 100% !important;
float: none !important;
clear: both !important;
}
.large-12.columns {
padding-left: 0 !important;
padding-right: 0 !important;
}
/* Header Main Nav */
.ti-topnav{
background: #fff;
width:100%;
padding:14px 40px;
box-sizing:border-box;
display: flex;
justify-content: center;
align-items: center;
}
.ti-nav-inner{
display: grid !important;
grid-template-columns: 1fr auto 1fr;
align-items: center;
width: 100%;
min-height: 36px; /* logo removed from markup: holds the header at its original height */
}
.ti-main-nav{
grid-column: 2; /* logo removed from markup: keeps the nav in the center column */
display:flex;
gap:42px;
margin-left:auto;
margin-right:auto;
}
.ti-main-nav a{
text-decoration:none;
font-size:16px;
color:#1f5e86;
font-weight:600;
}
.ti-main-nav a:hover{
text-decoration:underline;
}
.ti-login a{
color:#1f5e86;
text-decoration:none;
font-weight:600;
}
.ember-view .header .header--microsite {
background: #fff !important;
}
.index .header--microsite, .dashboard .header--dashboard, .page .header--microsite {
background: #fff;
}
/* Mobile adjustments for the top navigation */
@media (max-width: 768px) {
header.ti-topnav {
padding: 10px 15px !important;
height: auto !important;
}
header.ti-topnav .ti-nav-inner {
display: flex !important;
flex-direction: column !important;
align-items: center !important;
gap: 15px !important;
min-height: 0 !important;
}
header.ti-topnav .ti-main-nav {
display: flex !important;
flex-wrap: wrap !important;
justify-content: center !important;
gap: 10px !important;
width: 100% !important;
}
}
/* Dashboard Nav */
section.top-bar-section {
width: 100%;
display: flex;
justify-content: center;
background: #fff;
max-width: none;
padding: 1vw 0 1vw 0;
margin: 0;
}
.navigation-bar .top-bar-section ul.left {
border: none;
}
ul.left .navigation-item a {
text-decoration:none;
font-size:3vw;
color:#1f5e86 !important;
font-weight: 600 !important;
font-family: Montserrat;
font-style: normal !important;
text-transform: capitalize !important;
}
ul.left .navigation-item a:hover {
text-decoration: underline;
text-decoration-thickness: 2px !important;
}
body.learn.dashboard nav.navigation-bar.top-bar {
position: relative;
}
/* Dashboard Footer */
body.learn.dashboard .custom-footer.widget {
padding-top: 3vw;
}
.medium-12.columns .footer-inner a,
.medium-12.columns .footer-bottom a {
color: #ffffff;
}
/* Remove padding from the specific navbar widget and columns */
.widget--navbar,
.widget--navbar .columns {
padding-left: 0 !important;
padding-right: 0 !important;
}
/* Ensure the inner section has 100% width */
section.top-bar-section {
width: 100%;
}
section.top-bar-section ul.left {
display: flex;
justify-content: center;
width: auto;
float: none;
}
section.top-bar-section ul.left li {
float: none;
}
/* Footer */
.custom-footer {
background: #00578c;
color: #ffffff;
padding: 3rem 6rem;
font-family: Montserrat;
}
.footer-inner {
display: flex;
justify-content: space-between;
gap: 80px;
flex-wrap: wrap;
}
/* LEFT */
.footer-left {
max-width: 360px;
}
.footer-logo {
width: 150px;
margin-bottom: 22px;
}
.footer-main-link {
display: inline-block;
color: #ffffff;
font-size: 13px;
font-weight: 700;
margin-bottom: 18px;
text-decoration: underline;
}
.footer-description {
font-size: 14px;
line-height: 1.6;
margin-bottom: 28px;
color: rgba(255,255,255,0.9);
}
.social-label {
font-size: 12px;
margin-bottom: 14px;
color: rgba(255,255,255,0.9);
}
.social-icons {
display: flex;
align-items: center;
gap: 18px;
}
.social-icons img {
width: 18px;
height: 18px;
object-fit: contain;
transition: opacity 0.2s ease;
}
.social-icons a:hover img {
opacity: 0.75;
}
/* RIGHT */
.footer-right {
display: flex;
gap: 90px;
}
.footer-links-column {
display: flex;
flex-direction: column;
gap: 14px;
}
.footer-links-column a {
color: #ffffff;
text-decoration: none;
font-size: 14px;
transition: opacity 0.2s ease;
}
.footer-links-column a:hover {
opacity: 0.75;
}
/* BOTTOM */
.footer-bottom {
margin-top: 45px;
position: relative;
}
.app-icons {
display: flex;
justify-content: flex-end;
gap: 22px;
margin-bottom: 18px;
}
.app-icons img {
width: 22px;
height: 22px;
object-fit: contain;
}
.footer-divider {
height: 1px;
background: rgba(255,255,255,0.25);
width: 100%;
margin-bottom: 18px;
}
.footer-legal {
text-align: center;
}
.legal-links {
display: flex;
justify-content: center;
gap: 24px;
margin-bottom: 8px;
}
.legal-links a {
color: #ffffff;
text-decoration: none;
font-size: 13px;
font-weight: 600;
}
.footer-legal p {
font-size: 12px;
color: rgba(255,255,255,0.8);
margin: 0;
}
/* RESPONSIVE */
@media (max-width: 768px) {
.custom-footer {
padding: 40px 25px 30px;
}
.footer-inner {
flex-direction: column;
gap: 40px;
}
.footer-right {
gap: 40px;
flex-wrap: wrap;
}
.app-icons {
justify-content: center;
}
.legal-links {
flex-wrap: wrap;
gap: 12px;
}
}
/* Hide TI */
.footer__company__info {
visibility: hidden;
}
.footer__inner {
border-top: none;
}
/* Homepage */
body {
font-family: Arial, sans-serif;
background: #f5f5f5;
}
/* CTA Eternal Link Icon */
a.bottom-bluecta-button {
display: inline-flex;
align-items: center;
justify-content: center;
gap: 8px;
}
/* 4 Cards Grid layout */
.card-grid {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 24px;
max-width: 1200px;
margin: 60px auto;
padding: 0 20px;
}
.card-grid {
display: grid;
grid-template-columns: 1fr; /* Mobile default: 1 column */
gap: 24px;
}
@media (min-width: 600px) {
.card-grid {
grid-template-columns: repeat(2, 1fr); /* Tablet: 2 columns */
}
}
@media (min-width: 900px) {
.card-grid {
grid-template-columns: repeat(3, 1fr); /* Desktop: 3 columns */
}
}
/* Cards */
.card {
background: #fff;
border: 1px solid #ddd;
border-radius: 12px;
padding: 28px;
display: flex;
flex-direction: column;
justify-content: space-between;
min-height: 260px;
transition: all 0.25s ease;
}
/* Icons */
.icon {
font-size: 28px;
color: #aaa;
margin-bottom: 16px;
}
/* Titles */
.card h3 {
color: #1b4f72;
font-size: 20px;
margin-bottom: 10px;
}
/* Text */
.card p {
color: #444;
font-size: 14px;
line-height: 1.5;
margin-bottom: 20px;
}
/* Links */
.card a {
color: #1a73e8;
font-weight: 600;
text-decoration: none;
display: inline-flex;
align-items: center;
gap: 6px;
}
/* Carousel */
.featured-content-block-grid small-block-grid-1 medium-block-grid-5 {
padding: 10px;
}
.small-12 columns {
padding: 10px;
}
.homepageslider {
padding: 48px;
}
.featured-content-multi-carousel {
padding: 10px;
}
.featured-content-multi-carousel-item__title {
color: #01080D;
font-family: Montserrat;
font-size: 1.25rem;
font-style: normal;
font-weight: 500;
line-height: 28px;
}
@media (max-width: 991px) {
h4.featured-content-multi-carousel-item__title {
font-size: .85rem;
line-height: 1.4;
}
.featured-content-multi-carousel-item__source {
font-size: .75rem;
}
.featured-content-multi-carousel-item__description{
font-size: .55rem;
}
}
.featured-content-multi-carousel-item__source {
color: #808080;
font-family: Montserrat;
font-size: 0.75rem;
font-style: normal;
font-weight: 600;
line-height: 16px;
letter-spacing: 0.48px;
}
.featured-content-multi-carousel-item__description {
color: #01080D;
font-family: Montserrat;
font-size: 0.875rem;
font-style: normal;
font-weight: 400;
line-height: 20px;
padding: 0px;
}
.featured-content-multi-carousel-item__body {
padding: 16px 24px;
}
.icon-navigateright {
border-radius: 99999px;
background: #F3F3F3;
padding: 8px;
}
.icon-navigateleft {
border-radius: 99999px;
background: #F3F3F3;
padding: 8px;
}
.btn--bare-icon i {
padding: 8px;
}
/* Catalog Pages */
.catalog-page-hero {
background-color: #E6EEF2;
color: #01080D !important;
text-align: center;
font-family: Montserrat;
}
.catalog-page-hero h3.h2.widget__title {
font-style: normal;
font-weight: 700 !important;
line-height: 90px; /* 125% */
color: #01080D !important;
}
#learner .collection__course__title, #learner .h2 {
color: #808080;
font-family: Montserrat;
font-size: 36px;
font-style: normal;
font-weight: 700 !important;
line-height: 44px; /* 122.222% */
}
.catalogwidget > h3.h2.widget__title {
color: #808080;
font-family: Montserrat;
font-size: 36px;
font-style: normal;
font-weight: 700 !important;
line-height: 44px; /* 122.222% */
}
#ember2280 > h3 {
font-weight: 700;
}
.catalog-page-hero .widget__subtitle {
font-size: 20px;
font-style: normal;
font-weight: 400;
line-height: 28px; /* 140% */
}
/* Catalog Ribbons */
/* Hide Corner Fold effect */
.catalog__ribbon-corner {
display: none !important;
}
.catalog__ribbon.catalog__ribbon--attached {
text-transform: none !important;
/* Pill styles */
top: 8px !important;
right: 8px !important;
border-radius: 8px !important;
padding: 8px !important;
}
/* Sort By */
select#sort-options {
border: 1px solid #B3B3B3;
border-radius: 9999px;
}
#sort-options {
text-align: center;
text-align-last: center;
appearance: none;
color: #808080;
font-family: Montserrat;
font-size: 16px;
font-style: normal;
font-weight: 500;
line-height: 125%;
letter-spacing: 0.12px;
}
/* featured content slider */
.featured-content-multi-carousel-item__body { text-align: start; }
.featured-content-multi-carousel-item {
background: none !important;
border: 1px solid #B3B3B3;
border-radius: 12px;
padding: 3%;
margin-top: 10px !important;
}
.featured-content-multi-carousel-item img {
padding: 0px;
}
/* Catalog Pagination */
.pagination {
color: #808080;
}
/* Reflective Pathway Past */
/* Target the container class */
.catalog-grid-item__asset-container {
display: flex;
justify-content: center;
align-items: center;
}
h2 widget__title {
color: #808080;
font-family: Montserrat;
font-size: 36px;
font-style: normal;
font-weight: 700 !important;
line-height: 44px; /* 122.222% */
}
#ember2250 > h3 {
color: #808080;
font-family: Montserrat;
font-size: 36px;
font-style: normal;
font-weight: 700 !important;
line-height: 44px; /* 122.222% */
}
/* Catalog Search Form */
.catalog-search-bar {
background: none !important;
}
form.catalog-search {
background: none !important;
border: 1px solid #B3B3B3;
border-radius: 12px;
}
.catalog-filters {
border: none !important;
}
input[type=search] {
border-radius: 12px;
}
.catalog-header {
display: none; /* Hide Default Brose Text */
}
/* Catalog Cards */
.featuredcontentcarousel .catalog-grid-item {
padding: 3%;
}
.catalog-grid-item {
border: 1px solid #B3B3B3 !important;
border-radius: 12px !important;
}
.catalog-grid-item__cta-container {
opacity: 0;
visibility: hidden;
transition: opacity 0.25s ease;
height: auto !important;
min-height: unset !important;
}
.catalog-grid-item:hover .catalog-grid-item__cta-container {
opacity: 1;
visibility: visible;
}
.catalog-grid-item__source {
padding-bottom: 12px;
}
.catalog-grid-item__title {
color: #01080D;
font-family: Montserrat;
font-size: 20px;
font-style: normal;
font-weight: 500;
line-height: 28px;
height: auto !important;
min-height: unset !important;
padding-bottom: 12px;
}
.catalog-grid-item__body {
padding: 16px;
}
/* Card Hover Shadow */
.ember-view .catalog-item {
transition: all 0.25s ease;
border-radius: 12px;
overflow: visible !important;
}
.ember-view .catalog-item:hover {
transform: translateY(-4px);
box-shadow: 0 10px 15px rgba(0, 0, 0, 0.2);
overflow: visible !important;
}
/* Catalog Hide Browse Default Title */
h3 .catalog-header {
display: none !important;
visibility: hidden;
}
#i18n-4 {
display: none !important;
}
/* Catalog Search Filters */
.ember-view .catalog-aggregation {
background: #ffffff;
color: #333333;
border-bottom: none !important;
border-top: none !important;
}
.ember-view .catalog-aggregation .catalog-aggregation--expanded {
background: none;
color: #333333;
border-bottom: none !important;
}
.catalog-aggregation__header--label {
color: #333333 !important;
}
.icon-navigatedown {
color: #333333 !important;
}
.btn .btn--bare .btn--inherit-font .catalog-aggregation__value {
color: #333333 !important;
background: none;
}
.btn.catalog-aggregation__value {
color: #333333 !important;
background: none;
}
.catalog-aggregation__value:hover,
.catalog-aggregation__value:hover .catalog-aggregation__count {
color: #044f7e !important;
}
.catalog-aggregation__value:hover {
color: #044f7e !important;
}
li.catalog-aggregation__value > btn:hover {
color: #044f7e !important;
}
.catalog-aggregation__count {
color: #333333 !important;
}
.catalog-aggregation__count:hover {
color: #044f7e !important;
}
.catalog-aggregation__header .icon-navigateright {
background: none !important;
}
li.ember-view {
color: #333333 !important;
background: #ffffff !important;
}
ul.unlist {
background: #ffffff !important;
border-bottom: 1px solid #CCCCCC !important;
}
.catalog-aggregation--expanded ul li {
background: #ffffff !important;
border-bottom: none !important;
}
.catalog-aggregation__expander i {
color: #333333 !important;
}
/* Dashboard Learner Access */
.dashboard-page-hero {
background-color: #E6EEF2;
color: #01080D !important;
font-family: Montserrat;
padding-top: 6.35vw !important;
padding-bottom: 3.125vw !important;
}
.dashboard-page-hero h1,
.dashboard-page-hero .editor-content {
text-align: left !important;
font-size: 2.375rem !important;
}
.dashboard-access {
border-radius: 12px;
}
ul.dashboard-access-tabs {
background-color: #E6EEF2 !important;
border-top-left-radius: 12px;
border-top-right-radius: 12px;
}
.dashboard-access-tabs.unlist {
background-color: #E6EEF2 !important;
border-top-left-radius: 12px;
border-top-right-radius: 12px;
}
.dashlearneraccess .dashboard-access-tabs li.ember-view {
background-color: #E6EEF2 !important;
border-top-left-radius: 12px;
border-top-right-radius: 12px;
}
.dashlearneraccess .dashboard-access-tabs li.ember-view:active {
border-top: none;
}
.dashboard-access-tabs .dashboard-access-tab--active {
border-top: none !important;
border-bottom: 3px solid #378ACA !important;
}
.widget--dashboard-access .dashboard-access-tab--active .dashboard-access-tab__label,
.widget--dashboard-access .dashboard-access-tab--active .dashboard-access-tab__count {
color: #044E7C !important;
}
.widget--dashboard-access .dashboard-access-tab .dashboard-access-tab__label,
.widget--dashboard-access .dashboard-access-tab .dashboard-access-tab__count {
color: #808080;
font-weight: 600;
}
.widget--dashboard-access.dashlearneraccess {
padding-top: 64px !important;
padding-left: 10% !important;
padding-right: 10% !important;
}
.ember-view .row .widget widget--featured-content widget--featured-content_multi-carousel .dashnewreleases {
padding-left: 10% !important;
}
.col-start-11.col-span-2.text-right {
text-align: center !important;
}
/* Dashboard Reflective Pathway */
.dash-reflective-pathway .featured-content-multi-carousel-item {
display: flex !important;
flex-direction: row !important;
align-items: center;
}
/* Ensure the image container doesn't take up the full width */
.dash-reflective-pathway .catalog-grid-item__asset-container {
flex: 0 0 40%; /* Image takes up 40% of the width */
max-width: 40%;
}
/* Ensure the text container takes up the rest of the space */
.dash-reflective-pathway .featured-content-multi-carousel-item__body {
flex: 1; /* Takes up the remaining 60% */
padding-left: 20px; /* Adds some space between image and text */
}
.widget--featured-content.dash-reflective-pathway {
padding-left: 10% !important;
padding-right: 10% !important;
}
.widget--featured-content_multi-carousel {
padding-left: 10% !important;
padding-right: 10% !important;
}
/* Dashboard Reflective Pathway Heading Padding */
.widget.widget--one-column {
padding-left: 10% !important;
padding-right: 10% !important;
}
/* Dashboard Footer */
.dashfoot {
background-color: #044E7C;
color: #fff;
padding-left: 10% !important;
padding-right: 10% !important;
padding-top: 40px !important;
padding-bottom: 40px !important;
display: flex;
flex-direction: column;
align-items: center;
align-self: stretch;
}
.dashfootlinks {
color: #fff;
display: flex !important;
flex-direction: row !important;
gap: 24px;
align-items: center;
text-align: center;
font-family: Montserrat;
font-size: 14px;
font-weight: 500;
}
.dashcopyright {
color: #FFF;
text-align: center;
font-family: Montserrat;
font-size: 12px;
font-weight: 400;
}
/* Fix For Aria Inhereited Padding */
section[aria-label*="Notifications"] {
padding: 0 !important;
height: 0;
overflow: hidden;
}
/* Learner Access Table Content */
/* Course Titles */
.dashboard-access-list-item-expander__title {
color: #01080D;
font-family: Montserrat;
font-weight: 700;
}
.dashboard-access-list-item .icon-navigateright {
background: none;
}
/* Content Type */
.widget--dashboard-access .grid.grid-cols-12 > .col-span-3 {
color: #614C0A;
background: #FCF2D1;
border-radius: 8px;
padding: 8px;
text-align: center;
font-family: Montserrat;
font-weight: 400;
}
/* Course Links */
.widget--dashboard-access .col-start-11 .btn--primary {
background: none;
color: #044E7C;
font-family: Montserrat;
font-weight: 600;
border: none;
}
section#access-section-0 {
padding: 0px;
}
/* Course Details Pages */
.course__detail__header h1.h2 {
color: #4D4D4D !important;
font-family: Montserrat;
font-size: 4vw;
font-weight: 700;
}
.course__detail__header p {
color: #01080D;
font-family: Montserrat;
font-size: 1vw;
}
.course__detail__enrolled {
border-radius: 12px;
border: 1px solid #CCC;
background: #FFF;
}
a.btn.btn--bare.btn--small.btn--no-margin {
color: #808080;
font-family: Montserrat;
font-size: 1.2rem;
font-style: normal;
font-weight: 600;
line-height: 128%;
}
.course__detail__sidebar .panel {
border-radius: 12px;
border: 1px solid #CCC;
background: #FFF;
}
.enroll__title {
color: #808080;
}
.course__detail__sidebar .panel .btn.btn--primary {
background-color: #006EC7 !important;
border-color: #006EC7;
border-radius: 99999px;
padding: 12px 24px 12px 32px;
justify-content: center;
align-items: center;
}
/* Support Page */
.support-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(318px, 1fr));
gap: 14px;
margin-left: auto;
margin-right: auto;
padding-top: 52px;
padding-bottom: 52px;
border:none;
padding-left: 4vw;
padding-right: 4vw;
}
.support-card {
background: #E6F1FA;
border-radius: 6px;
min-height: 88px;
padding: 18px 14px;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
gap: 10px;
text-align: center;
text-decoration: none;
color: #006EC7;
font-family: Arial, sans-serif;
font-size: 14px;
font-weight: 600;
transition: all 0.2s ease;
}
.support-card .icon {
font-size: 48px;
}
.home.support h3.h2.widget__title {
color: #01080D !important;
padding: 24px !important;
}
/* ==================== */
/* CD NOW ACCORDION */
/* ==================== */
/* Container */
.cd-accordion {
font-family: 'Open Sans', sans-serif; /* Match CD Now typography */
max-width: 800px; /* Optimal reading width */
margin: 0 auto;
}
/* Accordion Item */
.cd-accordion-item {
border-bottom: 1px solid #E1E1E1; /* Light gray border */
margin-bottom: 0.5rem;
}
/* Question/Header */
.cd-accordion-question {
display: flex;
justify-content: space-between;
align-items: center;
padding: 1rem 1.25rem;
cursor: pointer;
background-color: #fff;
transition: background-color 0.2s ease;
list-style: none; /* Hide default <summary> marker */
}
.cd-accordion-question:hover {
background-color: #fff;
}
/* Question Text */
.cd-accordion-title {
margin: 0;
font-size: 1.1rem;
font-weight: 600;
color: #01080D;
}
/* Custom Icon (Plus/Minus) */
.cd-accordion-icon {
display: inline-block;
width: 1.25rem;
height: 1.25rem;
position: relative;
}
.cd-accordion-icon::before,
.cd-accordion-icon::after {
content: '';
position: absolute;
background-color: #2A4365; /* Match title color */
transition: transform 0.2s ease;
}
.cd-accordion-icon::before {
top: 50%;
left: 0;
width: 100%;
height: 2px;
transform: translateY(-50%);
}
.cd-accordion-icon::after {
top: 0;
left: 50%;
width: 2px;
height: 100%;
transform: translateX(-50%) rotate(90deg);
}
/* Expanded State */
.cd-accordion-item[open] .cd-accordion-question {
background-color: #fff;
}
.cd-accordion-item[open] .cd-accordion-icon::after {
transform: translateX(-50%) rotate(0deg);
}
/* Answer Content */
.cd-accordion-answer {
padding: 1.25rem;
background-color: white;
line-height: 1.6;
color: #4A5568; /* Dark gray for readability */
}
/* Focus Accessibility */
.cd-accordion-question:focus {
outline: 2px solid #fff; /* CD Now blue */
outline-offset: 2px;
}
/* Text Color Corrections */
.syllabus__topic--non-expandable-title-text {
color: black !important ;
}
.article-content__sub-header {
color: black !important;
}
/* Tech Support Subheadings */
.accordion-subhead {
color: #044E7C;
font-family: Montserrat;
font-size: 1.275rem;
font-style: normal;
font-weight: 600;
line-height: 128%;
padding: 2vw;
text-align: center;
}
/* OLD PRESERVE */
/* Customize the tile background */
.featured-content-tile {
padding: 20px;
border-radius: 8px; /* Rounded corners */
position: relative;
}
/* Add a lock icon to the top right corner */
.featured-content-tile .tile-lock {
position: absolute;
top: 10px;
right: 10px;
background-color: #f4f4f4;
padding: 5px 10px;
border-radius: 50%;
}
/* Image styling */
.featured-content-tile img {
width: 100%; /* Ensure image fills the tile */
height: auto;
border-radius: 8px; /* Make the image have rounded corners */
object-fit: cover; /* Ensure the image fits well */
}
/* Content title styling */
.featured-content-tile .content-title {
font-size: 1.5rem;
font-weight: bold;
margin-bottom: 10px;
color: #333; /* Dark text for readability */
}
/* Content description styling */
.featured-content-tile .content-description {
font-size: 1rem;
color: #555;
margin-bottom: 20px;
}
/* Utility spacing */
.text-center { text-align: center; }
.mb-40 { margin-bottom: 40px; }
/* HERO */
.hero {
background-color: white;
text-align: center;
}
.hero h1{
font-weight: 700;
margin-bottom: 20px;
padding-bottom: .5em;
color: black;
font-size: 4em;
}
.hero h3 {
font-weight: 700;
margin-bottom: 16px;
color: black;
padding-top: 3em;
}
.hero p {
font-size: 1.25rem;
margin-bottom: 32px;
color: black;
}
/* Testimonials */
#ember2292 > h3 {
font-weight: 700;
margin-bottom: 16px;
color: black;
padding: 3em;
}
.four-column--testimonials {
background-color: #F6F8FA;
padding: 80px 0;
text-align: center;
}
.four-column--testimonials .ti-widget-four-column__title,
.four-column--testimonials h2 {
font-size: 1.75rem;
font-weight: 700;
color: black;
margin-bottom: 48px;
}
/* Grid Layout */
.four-column--testimonials .ti-widget-four-column__columns {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
gap: 24px;
max-width: 1200px;
margin: 0 auto;
padding: 0 24px;
}
/* Individual Card */
.four-column--testimonials .ti-widget-four-column__column {
background: white;
border-radius: 12px;
box-shadow: 0 2px 6px rgba(0,0,0,0.04);
padding: 28px 32px;
text-align: left;
display: flex;
flex-direction: column;
justify-content: space-between;
transition: transform 0.2s ease, box-shadow 0.2s ease;
}
.four-column--testimonials .ti-widget-four-column__column:hover {
transform: translateY(-3px);
box-shadow: 0 4px 12px rgba(0,0,0,0.08);
}
/* Quotation mark */
.four-column--testimonials .ti-widget-four-column__column::before {
content: "“";
color: #A7C7E7;
font-size: 3rem;
font-weight: bold;
line-height: 1;
margin-bottom: 12px;
display: block;
}
/* Text Content */
.four-column--testimonials .ti-widget-four-column__column p {
color: black;
font-size: 1rem;
line-height: 1.6;
margin-bottom: 20px;
font-weight: 800;
}
/* Author */
.four-column--testimonials .ti-widget-four-column__column a,
.four-column--testimonials .ti-widget-four-column__column .author {
font-weight: 500;
color: #022e4a;
text-decoration: none;
display: block;
margin-bottom: 4px;
}
/* Role / Subtitle */
.four-column--testimonials .ti-widget-four-column__column .role {
color: #6B6B6B;
font-size: 0.9rem;
}
/* RESPONSIVE */
@media (max-width: 900px) {
.four-column--testimonials {
padding: 60px 0;
}
.four-column--testimonials .ti-widget-four-column__columns {
gap: 20px;
}
.four-column--testimonials .ti-widget-four-column__column {
padding: 24px;
}
}
/* RESPONSIVE */
@media (max-width: 1024px) {
:root { --section-padding: 60px; }
.hero h1 { font-size: 2.25rem; }
}
@media (max-width: 768px) {
:root { --section-padding: 40px; }
.hero h1 { font-size: 2rem; }
.hero p { font-size: 1.1rem; }
}
@media (max-width: 480px) {
.hero h1 { font-size: 1.75rem; }
.why-cd .grid,
.journey .card-grid,
.educators .grid { grid-template-columns: 1fr; }
}
/* Blue Two-Column Section */
.two-column--blue {
background-color: #044E7C;
color: white;
}
.two-column--blue .row {
padding: 40px;
}
.two-column--blue .ti-widget-two-column {
display: flex;
align-items: center;
justify-content: space-between;
flex-wrap: wrap;
max-width: 1200px;
margin: 0 auto;
gap: 60px;
padding: 0 24px;
}
/* LEFT COLUMN */
.two-column--blue .column-left {
flex: 1 1 50%;
max-width: 560px;
padding: 40px 48px;
border-radius: 6px;
}
/* Label – simple text */
.two-column--blue .column-left .label {
display: block;
font-size: 0.9rem;
font-weight: 600;
color: white;
margin-bottom: 8px;
background: none;
border: none;
border-radius: 0;
padding: 0;
text-transform: none;
letter-spacing: normal;
}
.two-column--blue .column-left h3 {
font-size: 1.8rem;
font-weight: 700;
color: white;
margin-bottom: 16px;
}
.two-column--blue .column-left p {
color: white;
font-size: 1rem;
line-height: 1.7;
margin-bottom: 32px;
}
.two-column--blue .column-left a {
font-weight: 700;
font-size: 0.95rem;
color: white;
text-decoration: none !important;
border-bottom: 2px solid white;
padding-bottom: 2px;
transition: all 0.2s ease;
}
/* RIGHT COLUMN */
.two-column--blue .column-right {
flex: 1 1 45%;
display: flex;
justify-content: center;
align-items: center;
}
.two-column--blue .column-right img {
width: 100%;
max-width: 500px;
border-radius: 6px;
background-color: rgba(255,255,255,0.05);
object-fit: cover;
aspect-ratio: 1 / 1;
}
/* RESPONSIVE */
@media (max-width: 900px) {
.two-column--blue .ti-widget-two-column {
flex-direction: column;
text-align: center;
}
.two-column--blue .column-left {
flex: 1 1 100%;
max-width: 100%;
padding: 32px 24px;
}
.two-column--blue .column-left a {
display: inline-block;
}
.two-column--blue .column-right img {
margin-top: 40px;
max-width: 100%;
}
}
/* JOURNEY */
.journey-section {
text-align: left;
padding: 80px;
display: flex;
justify-content: center;
align-items: center;
width: 85%;
}
.journey-section section.header h3 {
color: #003366;
font-weight: 600;
font-size: 1.1rem;
padding: 80px;
}
.journey-section > h3 h2 .widget__title {
font-size: 2.5rem;
font-weight: 800;
color: #111 !important;
margin-bottom: 1rem;
}
.journey-description {
font-size: 1.1rem;
color: #333;
margin-bottom: 3rem;
}
.journey-card {
background: white;
border-radius: 16px;
overflow: hidden;
max-width: 400px;
border: 1px solid var(--neutral-200, #CCC);
background: var(--OLD-surface-white, #FFF);
}
.journey-tag {
display: inline-block;
position: absolute;
top: 12px;
left: 12px;
padding: 4px 10px;
border-radius: 12px;
font-size: 0.8rem;
font-weight: 600;
color: #000;
}
.tag-green { background-color: #c6f4d6; }
.tag-purple { background-color: #d9c7ea; }
.tag-blue { background-color: #bfeef4; }
.tag-lightblue { background-color: #c7def9; }
.journey-image {
height: 160px;
background-color: #ffe5e5;
display: flex;
align-items: center;
justify-content: center;
}
.journey-content {
padding: 20px;
text-align: left;
}
.journey-content h4 {
font-size: 1.1rem;
font-weight: 500;
color: #111;
margin-bottom: 0.5rem;
}
.journey-content p {
color: #555;
font-size: 0.9rem;
line-height: 1.4;
}
/* Blue Homepage CTA */
.bluecta {
background-color: #CDDCE5;
text-align: center;
padding: 400px;
}
.bluecta-content {
margin: 0 auto;
padding: 5vw;
}
.bluecta-label {
color: #044E7C;
font-family: Montserrat;
font-size: 12px;
font-style: normal;
font-weight: 700;
line-height: 120%;
letter-spacing: 0.48px;
}
.bluecta-heading {
font-size: 2.375rem;
font-weight: 800;
margin: 20px;
line-height: 1.1;
color: #01080D;
}
.bluecta-subtext {
color: #666666;
text-align: center;
font-family: Montserrat;
font-size: 1.87rem;
font-style: normal;
font-weight: 700;
line-height: 116%;
letter-spacing: -0.075px;
}
.bluecta-text {
color: #01080D;
text-align: center;
font-family: Montserrat;
font-size: 1rem;
font-style: normal;
font-weight: 400;
line-height: 162%;
}
.bluecta-buttons {
display: flex;
flex-wrap: wrap;
justify-content: center;
gap: 16px;
border-radius: 99999px;
}
.bluecta-buttons-one {
background-color: #006ec7;
color: #ffffff;
border-radius: 99999px;
padding: 15px 25px 15px 25px;
font-weight: 400;
font-family: Montserrat;
}
.bluecta-buttons-one:hover {
background-color: #006ec7;
color: #ffffff;
padding: 15px 25px 15px 25px;
font-weight: 400;
}
.bluecta-buttons-two {
background-color: #f2f7f8;
padding: 15px 25px 15px 25px;
font-weight: 400;
border-radius: 99999px;
border: 1px solid #006EC7;
color: #006ec7 !important;
font-family: Montserrat;
}
a.bluecta-buttons-one {
color: white !important;
}
.bottom-bluecta-button {
display: inline-flex;
justify-content: center;
border-radius: 99999px;
background-color: #006ec7;
color: #ffffff !important;
font-weight: 400;
font-family: Montserrat;
}
.homepathpar {
color:#01080D !important;
font-family: Montserrat !important;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 162%;
padding-bottom: 36px;
}
/* Dark Subheading Homepage */
.darkheading {
color: #01080D;
font-family: Montserrat;
font-size: 38px;
font-style: normal;
font-weight: 700;
line-height: 110%;
letter-spacing: -0.19px;
padding-bottom: 36px;
padding-top: 24px;
}
/* Reflective Pathway Homepage */
.homerefpath {
display: flex;
padding-left: 48px;
padding-right: 48px;
width: 85%;
justify-content: center;
align-items: center;
}
/* Homepage Start Here Heading */
#ember2223 > h3 {
}
/* Homepage Explore Pathway Button */
.explorebtn {
border-radius: 99999px;
border: 1px solid #006EC7;
background: rgba(255, 255, 255, 0.50);
color: #044E7C;
text-align: center;
font-family: Montserrat;
font-size: 16px;
font-style: normal;
line-height: 24px;
font-weight: 600;
}
/* Homepage Reflective Pathway */
.homepagereflectivepathway .row {
display: flex;
flex-direction: row;
flex-wrap: nowrap;
justify-content: center;
align-items: center;
margin: 0 auto;
max-width: 1200px;
}
.homepagereflectivepathway .columns {
float: none !important;
flex: 1;
}
/* Visual styles */
.accordion {
color: black;
overflow: hidden;
}
.tab__label,
.tab__close {
display: flex;
color: black;
}
.tab__label {
display: flex;
justify-content: space-between;
padding: 1rem;
font-size: 20px;
font-weight: 500;
position: relative;
font-size: 20px;
padding-left: 10px;
}
.tab__label::after {
content: "-";
color: #378ACA;
font-size: 24px;
width: 2em;
height: 2em;
text-align: center;
transition: transform 0.25s ease, opacity 0.25s ease;
padding-left: 10px;
font-weight: bold;
}
.tab input:checked + .tab__label::after {
content: "+";
font-size: 24px !important;
font-weight: bold;
}
.tab__content p {
margin: 0;
padding: 1rem;
font-size: 20px;
}
.tab__close {
justify-content: flex-end;
padding: 0.5rem 1rem;
}
input[type=checkbox]+label, input[type=radio]+label {
margin-left: 0;
display: flex !important;
}
.dash_footer {
background: var(--color-navy);
color: #fff;
}
/* END V2 UPDATES */
/* V2 Patch - Register and redeem buttons appear greyed out */
.text-right .btn--primary.btn--expand {
background-color: rgb(4, 78, 124);
color: rgb(255, 255, 255);
border: 1px solid rgb(0, 86, 179);
font-weight: 600;
text-transform: uppercase;
letter-spacing: 0.5px;
box-shadow: none;
transition: 0.2s ease-in-out;
border-color: rgb(3, 58, 92);
}
button.btn.btn--primary.btn--submit.btn--floating-label.postfix {
background-color: rgb(4, 78, 124);
color: rgb(255, 255, 255);
border: 1px solid rgb(0, 86, 179);
font-weight: 600;
text-transform: uppercase;
letter-spacing: 0.5px;
box-shadow: none;
transition: 0.2s ease-in-out;
border-color: rgb(3, 58, 92);
}
/* TI LIVE TEST */
/* Skins Package css */
:root {
/*colors*/
--sknprimary: #044e7c; /* default: #696ab0 39 occurrences */
--sknsecondary: #044e7c; /* default: #6a6ab0 99 occurences This is almost the same color as the primary. */
--sknsearchbar: #CCE2F4; /*search bar background default is #f0f0f7 /
--sknschborder: #006ec7; /*transparent in skin but set to secondary color for britannica also set border to 2px from 0px*/
--sknherosliderlight: #a9a7d3; /* default: #a9a7d3 hero slider disabled button*/
--skncataloglight: #ddf7ff; /* default: #efedf8 shadow on catalog search bar and filter facet background*/
--skncatalogaggregation: #ddf7ff; /* default: #e2e2f6 expanded filter background - slightly different light gray/purple*/
--sknextralight: #cec8e9; /* default: #cec8e9 access widget item background*/
--skndiscussionsearchbar: #ddf7ff; /* default: #eae9f5 another slightly different purple/gray */
--lighttext:white;
--sknprimarytext:black;
}
/* Course Page */
@media only screen and (min-width: 64.063em) { .directional__nav .directional__nav__label { visibility: unset; } }
@media only screen and (min-width: 48.063em) { .section-progress-bar, .layout-panel .section .columns { padding: 0 0rem; } }
@media only screen and (min-width: 90.063em) { .learner__sidebar {margin-top: 8%;} }
@media only screen and (min-width: 64.063em) { .learner__sidebar {margin-top: 7.2%;} }
.header--student .header__left__icon { background: var(--sknprimary); padding: 15px;}
.header--student .header__left__icon .icon-home { font-size: 45px; color: white;}
.header--student .header__left__copy .course-title { color: black; font-weight: 500;}
.learner__content .layout-panel { background: transparent; }
.topic__container { background: white; padding: 18px; }
.directional__nav__button.directional__nav__button--left, .directional__nav__button.directional__nav__button--right { } /* removed teh display none for the nav buttons */
.directional__nav a, .directional__nav button.directional-nav__arrow {padding: 5px 0px 0px 0px;font-weight: bold;}
.topic__container { margin-top: 50px; }
.topic__edit { background: white; }
.topic__edit .button-group { padding: 20px; }
.section-progress-bar span { background-color: var(--sknprimary); height: 6px; border-radius: 10px; }
.section-progress-bar div {background:var(--sknsecondary);}
.learner__container__toggle.text-right { margin-bottom: 25px; background:var(--sknprimary); border-radius: 10px; padding: 5px; }
.learner__container__toggle.text-right .btn--primary { background: var(--sknprimary) !important; border: 0px solid; color: white !important; } /*required the !important notation */
.expandable-sidebar__toggle { background: transparent; color: #2c2c2c; font-size: 15px; font-weight: bold; }
.expandable-sidebar--toggled .expandable-sidebar__toggle { color: var(--sknsecondary);}
.layout-panel { background: transparent; }
.layout-panel .learner__sidebar__expandables .expandable-sidebar {background: white;border-radius: 10px;margin-bottom: 5px;}
.learner__sidebar-list>li { border-bottom: 1px solid black; }
.section-progress-bar div { border-radius: 5px; }
.learner__container .learner__sidebar__search .small-8 {display: none;}
.learner__container .learner__sidebar__search .learner__sidebar__search-icon {display: none;}
.learner__container .learner__sidebar__search .small-4 {display: block; width: 100%; text-align: right;}
.learner__container .learner__sidebar__search .small-4 .btn--primary {display: inline-block;}
.learner__container .learner__container__toggle .btn--primary{background: var(--sknprimary);color: white;border: 0px;border-radius: 9px;width: 86px;}
.learner__sidebar-inner-list span.syllabus__section-title {color: black;margin-bottom: 1em;}
.learner__sidebar-inner-list .syllabus__lesson .syllabus__lesson--title:not(:hover) {color: black;}
.syllabus__topic--non-expandable-title-text {}
li.syllabus__topic--non-expandable:before { display: none; }
.syllabus__topic.syllabus__topic--active.syllabus__topic--non-expandable {background-color: var(--sknprimary);}
.syllabus__topic--active .syllabus__topic--non-expandable-title-text {color: white;}
.syllabus__topic--non-expandable .syllabus__topic--non-expandable-title-text { margin-top: 2px; }
.syllabus__topic { margin-bottom: 87px; }
.learner__sidebar-inner-list li { margin-bottom: 5px; margin-top: 5px; }
.learner-section__title__container .learner-section__title, .learner-section__title__container .learner-lesson__title { color: black; }
.learner__sidebar .expandable-sidebar__buttons {background: var(--sknsecondary)
;border-radius: 10px;padding: 5px;}
.learner__sidebar .expandable-sidebar__buttons a{ color:white; }
.learner__sidebar-inner-list.learner__sidebar-inner-list--disabled { background-color: white; }
@media (min-width:320px) and (max-width: 767px) {
.header--student .header__left__icon .icon-home { font-size: 23px; }
.directional__nav .directional__nav__label { display: block; }
}
@media (min-width: 768px) and (max-width: 1024px){
.header--student .header__left__icon { width: 61px; }
.directional__nav .directional__nav__label { display: block; }
.header--student .header__left__icon .icon-home {font-size: 28px !important;}
.section4 .catalog-grid-item__title {font-size: 18px;}
.section4 .catalog-grid-item__description {font-size: 12px;}
.section4 .catalog-grid-item__cta-container .btn--right {font-size: 12px; padding: 6px 12px !important; border-radius: 6px;}
}
/* Course Page */
/* Dashboard
.learn.dashboard .widget {padding: 0px;}
.header--dashboard { top: 17px; padding: 0; }
.widget--dashboard-stats .columns {padding: 0;margin-bottom: 24px;background: #f2f2f2;}
.dashboard-stat__label {font-size: 14px; text-transform: none;}
.dashboard-stat__label .dashboard-stat__icon { display: none; }
.dashboard-stat--available .dashboard-stat, .dashboard-views__line__bar { background: var(--sknprimary); }
.dashboard-stat--collaborations .dashboard-stat { background: #f75046; }
.dashboard-stat--completed .dashboard-stat { background: #f7c946; }
.dashboard-stat--started .dashboard-stat {background: #65c6db;}
.dashboard-stat__label, .dashboard-stat__value.dashboard-stat__value--huge { color: white; }
.dashboard-views__header { color: var(--sknprimary); font-weight: 700; text-transform: none; font-size: 14px;}
.Dashboardhero .hero__title { font-size: 76px !important; }
.dashboard-stats__container { padding: 25px; }
.look-progress .widget__title, .dashboard-section5 .widget__title, .Explore-topic .widget__title{ font-size: 56px; font-weight: bold; margin: 40px 0 54px 0; color: var(--sknprimary);}
.widget--dashboard-access { width: 80%; }
.dashboard-access { margin-bottom:50px; }
.dashboard-access-tab--active {background: var(--sknprimary);font-weight: 700;border-top-right-radius: 15px;border-top-left-radius: 15px;}
.dashboard-access { border: 0px solid #cbcbcb; }
.dashboard-access-tabs {background: transparent;border-bottom: 0px solid #cbcbcb; }
.dashboard-access-tab--active .dashboard-access-tab__count, .dashboard-access-tab--active .dashboard-access-tab__label {color: white;background: transparent; border: 0px solid #cbcbcb;}
.dashboard-access-tab--inactive { background: #e9e9e9; font-weight: 900;border-top-right-radius: 15px;border-top-left-radius: 15px;}
.dashboard-access-tab { margin-right: 3px; }
.dashboard-access-tab__count { background: transparent; border: 0px solid #cbcbcb; }
.explore-tabs { text-align: center; }
.explore-tabs-btn {display: inline-block;margin-left: 50px;margin-right: 50px;padding: 20px;width: 210px;border-radius: 15px;border: 3px solid var(--sknprimary); font-weight: 700;}
.explore-tabs-btn2 {display: inline-block;margin-left: 50px;margin-right: 50px;padding: 20px;width: 210px;border-radius: 15px;border: 3px solid var(--sknsecondary); font-weight: 700;}
.Explore-topic .btn--primary { background-color: var(--sknprimary); border-radius: 10px !important; font-size: 22px; font-weight: 600; padding: 12px 56px; color: #fff; border: 0;}
.dashboard-section5 .catalog-search-bar {padding: 0; background: #fff; border: 3px solid var(--sknsecondary);}
.dashboard-section5 .catalog-search-bar .catalog-filters {background: none; border: 0;}
.dashboard-section5 .catalog-search-bar .catalog-filters__search {background: none;}
.dashboard-section5 .catalog-search-bar .catalog-search input {padding-left: 20px;}
.dashboard-section5 .catalog-search-bar .catalog-search input, .dashboard-section5 .catalog-search-bar .catalog-search select, .dashboard-section5 .catalog-filters__sort {background: none;}
.dashboard-section5 .catalog-filters__sort {border-left: 3px solid var(--sknsecondary);}
.udashboard-section5 .catalog-display-type {padding-right: 1rem; background: none;}
.dashboard-section5 .catalog-display-type button {border: 0;}
.dashboard-section5 .catalog-display-type button.btn--primary {color: var(--sknsecondary);}
.dashboard-section5 {width: 80%;margin-bottom: 100px;margin-top: 50px;}
/*.dashboard-section5 .catalog-filters {border-top-left-radius: 15px;border-bottom-left-radius: 15px;border: 0px solid var(--skncataloglight);background: transparent; border-right: 1px solid white;}
.catalog-filters__selections { border-left: 1px solid white; background: transparent; }*/
/*.dashboard-section5 .catalog-display-type .btn { border: 0px; color: black; }
.catalog-display-type {background: var(--skncataloglight);border-top-right-radius: 15px;border-bottom-right-radius: 15px;}
.dashboard-section5 .catalog-display-type .btn:hover { border: 0px; background: var(--skncataloglight); color: black; }
.dashboard-section5 .icon-navigatedown { color: white; }
.catalog-aggregation--expanded.catalog-aggregation__header--label { color: white; }
.catalog-aggregation { border-top: 0px; background: #e9e9e9; margin-bottom: 15px;}
.catalog-aggregation--expanded {background: var(--sknprimary);padding: 0px;border-top-left-radius: 15px;border-top-right-radius: 15px;}
.catalog-aggregation--expanded ul { background: var(--skncatalogaggregation); }
.catalog-aggregation--expanded .catalog-aggregation__header--label { color: white; }
.catalog-aggregation--expanded .catalog-aggregation__header { padding: 11px !important; }
.catalog-aggregation--expanded ul li { border-bottom: 1px solid; margin-left: 39px; }
.catalog-aggregation--expanded .catalog-aggregation__value { margin-left: 0px; }
.dashboard-section5 .js-results-holder .catalog-grid-item { border: 3px solid var(--sknsecondary); border-radius: 18px; }
.dashboard-section5 .catalog-grid-item__body .btn--right{ float:left; border: 3px solid var(--sknsecondary); padding: 5px 7px !important; color: var(--sknprimary); margin-top: 15px; border-radius: 6px; margin-bottom: 16px; font-size: 12px; font-weight: 600;}
.dashboard-section5 .catalog-grid-item__title { font-size: 19px; font-weight: bold; }
.dashboard-section5 .catalog-grid-item__asset-container { padding: 20px; }
.dashboard-section5 .catalog-grid-item .column.medium-12 { padding:0px; }
.dashboard-section5 .ember-text-field { background: transparent; }
.Explore-topic { margin-top: 50px; }
.dashboard-section6 {background-color: var(--skndashlight);}
.dashboard-section6 .featured-content-multi-carousel {width: 80%;margin-left: auto;margin-right: auto;margin-bottom: 54px;}
.dashboard-section6 .widget__title { font-size: 56px; font-weight: bold; margin: 100px 0 54px 0; color: #2e2e2e;}
.dashboard-section6 .featured-content-multi-carousel-item {background: transparent;text-align: center;border-right: 0px solid;}
.dashboard-section6 .featured-content-multi-carousel-item img { border-radius: 39px; }
.dashboard-section6 .featured-content-multi-carousel-item__body { text-align:left }
.dashboard-section6 .featured-content-multi-carousel-item__title {padding: 0 .5em; margin-top: 21px; font-size: 23px;}
.dashboard-section6 .featured-content-multi-carousel__nav-right .icon-navigateright, .dashboard-section6 .featured-content-multi-carousel__nav-left .icon-navigateleft{font-size: 40px;color: var(--sknprimary);}
.dashboard-section6 .featured-content-multi-carousel__nav-left { left: 7%; }
.dashboard-section6 .featured-content-multi-carousel__nav-right { right: 7%; }
.dashboard-section7 {width: 80%;margin-top: 100px;margin-bottom: 100px;}
.dashboard-section7 .section5 .ember-view div:nth-child(1) { margin-left: 0%; }
.dashboard-section7 .section5 .widget__cta { margin-right: 0%; }
.dashboard-section5 .catalog-grid-item__hr, .dashboard-section8 .catalog-grid-item__hr {display:none;}
.dashboard-section8 .catalog-grid-item { border: 1px solid var(--sknprimary); padding: 1rem 0; border-radius: 10px;}
.dashboard-section8 .catalog-grid-item__cta-container .btn--right { float: left; color: var(--sknprimary); font-weight: bold; margin-top: 15px; border: 1px solid var(--sknprimary); border-radius: 6px; padding: 6px 12px !important;}
.dashboard-section8 .catalog-grid-item__body .catalog-grid-item__title { font-weight: bold; }
.dashboard-section7 .section5 .widget__title { margin-left: 12px; }
.dashboard .dashboard-section8 { width: 80%; }
.dashboard .section5 { width: 98%; }
.dashboard-section8 { margin-bottom: 120px; } */
.Testimonials .small-12.columns {padding-left: 0px;padding-right: 0px;}
.Testimonials .testimonial-widget { margin: 0px; }
.Testimonials .ember-view.testimonial { max-height: 800px; min-height: 750px; }
.Testimonials .testimonial-quote.testimonial-quote--left {margin-left: 50%; color: white;padding: 100px;}
.Testimonials .testimonial .testimonial-quote__author-name:before , .testimonial .testimonial-quote__author-name:before { display: none; }
.Testimonials .testimonial .testimonial-quote__text {font-size: 25px;margin-top: 22%;}
.Testimonials .testimonial .testimonial-quote__author-name, .testimonial-quote__author-description { font-size: 16px; font-style: normal;}
.Testimonials .testimonial .testimonial-quote__author-name {text-transform: uppercase;}
.Testimonials .testimonial .testimonial-quote__author-description {font-style: normal;}
.FeaturedContent .ember-view .row:nth-child(2) { margin-left: 0%; border: 2px solid var(--sknprimary);}
.FeaturedContent {width: 80%;padding: 20px !important;margin-top: 100px;}
.FeaturedContent img { width:100%; }
.FeaturedContent .medium-6.columns { padding-left: 0rem; padding-right: 0rem; }
.FeaturedContent p { margin-bottom: 0px; }
.section-editor { padding: 68px; }
.section-editor button{ background: var(--sknprimary); border: 0px solid transparent; border-radius: 10px; color: white; margin-top: 20px; font-size: 18px; font-weight: 600;}
.section-editor h3 { font-size:42px; margin-bottom: 30px;}
.section-editor .first { font-weight:bold; font-size: 24px;}
.section-editor p { font-size:18px; margin-bottom: 10px;}
.catalog-display-type button.btn { background: transparent; }
.footer {padding: 0;}
.footer .footer__inner {padding: 0; border: 0;}
.footer .footer__company__info {display: none;}
.footer .urbanFooter {display: block;padding: 40px 0;background: var(--sknprimary);color: #fff;}
.footer .urbanFooter .logo {display: block; padding: 4px; background: #fff; text-align: center;}
.footer .urbanFooter nav {display: block;padding: 50px 0;margin: 0 auto;width: 90%;border-bottom: 1px solid white;}
.footer .urbanFooter nav .col {display: inline-block;width: 16%;vertical-align: top;}
.footer .urbanFooter nav .col h3 {font-size: 16px; font-weight: 700; margin-bottom: 8px; color: #fff; text-transform: uppercase;}
.footer .urbanFooter nav .col ul {display: block; margin: 0;}
.footer .urbanFooter nav .col ul li {margin-bottom: 4px; list-style-type: none;}
.footer .urbanFooter nav .col ul li a {color: #fff; text-transform: uppercase; font-size: 12px; text-decoration: none;}
.footer .urbanFooter nav .col address {font-style: normal; text-transform: uppercase;}
.footer .urbanFooter .socialMedia {display: block; text-align: center; padding: 20px 0;}
.footer .urbanFooter .socialMedia {display: block; margin: 0;}
.footer .urbanFooter .socialMedia ul li {display: inline-block; margin: 0 10px;}
.footer .urbanFooter .socialMedia ul li i {display: block; font-family: "Font Awesome 5 Brands"; font-size: 20px; color: #fff; font-style: normal;}
.footer .urbanFooter .socialMedia ul li i.fb::before {content: "\f39e";}
.footer .urbanFooter .socialMedia ul li i.tw::before {content: "\f099";}
.footer .urbanFooter .socialMedia ul li i.in::before {content: "\f0e1";}
.footer .urbanFooter .socialMedia ul li i.yt::before {content: "\f167";}
.footer .urbanFooter .socialMedia ul li i.ig::before {content: "\f16d";}
.footer_text { padding: 15px 5% 45px; }
/*.layout__content .widget.Testimonial {padding: 3rem 12%;}*/
.layout__content .widget.Testimonial .testimonial {height: 32vw; background-size: 32vw 32vw; background-position: center left; padding-left: 40vw;}
.layout__content .widget.Testimonial .testimonial-quote {text-align: left; padding: 0;}
.layout__content .widget.Testimonial .testimonial-quote::before {font-size:62px; content: 'What our educators say';font-weight: bold; display: block; margin-bottom: 32px;}
.layout__content .widget.Testimonial .testimonial-quote h1.testimonial-quote__text { font-size: 17px; font-style: italic;}
.layout__content .widget.Testimonial .testimonials__nav--left {left: 0;}
.layout__content .widget.Testimonial .testimonials__nav--right {right: 0;}
.layout__content .widget.Testimonial .featured-content-block-grid.testimonial-content-middle>li {padding: 0 64px;}
.layout__content .widget.Testimonial .testimonials__nav {width:44px;}
.expandable-sidebar__toggle {font-size: 20px; text-transform: none;}
.expandable-sidebar__toggle i.expandable-sidebar__icon--left::before {display: none;}
.expandable-sidebar__toggle i.expandable-sidebar__icon--left {display: inline-block; width: 40px; height: 35px; vertical-align: middle;}
.learner__sidebar .Lessons .expandable-sidebar__icon--left {background: url(https://d36ai2hkxl16us.cloudfront.net/course-uploads/66e67357-cb31-4b96-830a-10c7b1e361ba/plzkcuiuz20f-Lessons.png) center no-repeat;}
.learner__sidebar .expandable-sidebar--toggled .Lessons .expandable-sidebar__icon--left {background: url(https://d36ai2hkxl16us.cloudfront.net/course-uploads/66e67357-cb31-4b96-830a-10c7b1e361ba/2e401bxocqyn-Lessons-act.png) center no-repeat;}
.learner__sidebar .Resources .expandable-sidebar__icon--left {background: url(https://d36ai2hkxl16us.cloudfront.net/course-uploads/66e67357-cb31-4b96-830a-10c7b1e361ba/atxx74bubfiq-Resources.png) center no-repeat;}
.learner__sidebar .expandable-sidebar--toggled .Resources .expandable-sidebar__icon--left {background: url(https://d36ai2hkxl16us.cloudfront.net/course-uploads/66e67357-cb31-4b96-830a-10c7b1e361ba/3mxvdovv588r-Resources-act.png) center no-repeat;}
.learner__sidebar .Assignments .expandable-sidebar__icon--left {background: url(https://d36ai2hkxl16us.cloudfront.net/course-uploads/66e67357-cb31-4b96-830a-10c7b1e361ba/ih4bux1sjkcl-Assignment.png) center no-repeat;}
.learner__sidebar .expandable-sidebar--toggled .Assignments .expandable-sidebar__icon--left {background: url(https://d36ai2hkxl16us.cloudfront.net/course-uploads/66e67357-cb31-4b96-830a-10c7b1e361ba/s0s0ti5dkyqx-Assignment-act.png) center no-repeat;}
.learner__sidebar .Notes .expandable-sidebar__icon--left {background: url(https://d36ai2hkxl16us.cloudfront.net/course-uploads/66e67357-cb31-4b96-830a-10c7b1e361ba/u88vnm2um0ud-Notes.png) center no-repeat;}
.learner__sidebar .expandable-sidebar--toggled .Notes .expandable-sidebar__icon--left {background: url(https://d36ai2hkxl16us.cloudfront.net/course-uploads/66e67357-cb31-4b96-830a-10c7b1e361ba/j1t5wt724uqb-Notes-act.png) center no-repeat;}
.learner__sidebar .Workbooks .expandable-sidebar__icon--left {background: url(https://d36ai2hkxl16us.cloudfront.net/course-uploads/66e67357-cb31-4b96-830a-10c7b1e361ba/wdvh4t09k2si-Workbook.png) center no-repeat;}
.learner__sidebar .expandable-sidebar--toggled .Workbooks .expandable-sidebar__icon--left {background: url(https://d36ai2hkxl16us.cloudfront.net/course-uploads/66e67357-cb31-4b96-830a-10c7b1e361ba/sx9ynfu5xydc-Workbook-act.png) center no-repeat;}
.learner__sidebar .Progress .expandable-sidebar__icon--left {background: url(https://d36ai2hkxl16us.cloudfront.net/course-uploads/66e67357-cb31-4b96-830a-10c7b1e361ba/bqje7dhkyvl3-Progress.png) center no-repeat;}
.learner__sidebar .expandable-sidebar--toggled .Progress .expandable-sidebar__icon--left {background: url(https://d36ai2hkxl16us.cloudfront.net/course-uploads/66e67357-cb31-4b96-830a-10c7b1e361ba/p9ikhxgosecz-Progress-act.png) center no-repeat;}
.header--student .header__left__icon .icon-home {width: 48px; height:48px; display:inline-block; background: url(https://d36ai2hkxl16us.cloudfront.net/thoughtindustries/image/upload/v1/course-uploads/c122986e-ac93-4e61-babb-c23e780e4003/wh9lof50xmxy-HomeIconBlue.png) center no-repeat;}
.header--student .header__left__icon .icon-home::before {display:none;}
.catalog-search-bar { padding: 5px; background: var(--skncataloglight); border-top-left-radius: 15px; border-top-right-radius: 15px; }
/* .dashboard-section5 .catalog-filters__search { background:transparent; } */
.catalog-search__button { display:none; }
.catalog-filters__selections .catalog-content-type { width: 100%; }
select { border: 0px solid #ccc; background-color: transparent; }
.catalog-search-bar .catalog-display-type .btn { margin: 0 0 0; }
input[type=search] { border: 0px solid #ccc; box-shadow: none;}
@media (min-width: 1024px) and (max-width: 1450px) {
.explore-tabs-btn {margin-left: 10px;margin-right: 10px;padding: 15px;width: 192px;}
.explore-tabs-btn2 {margin-left: 10px;margin-right: 10px;padding: 15px;width: 192px;}
.dashboard-section5 { margin-bottom: 85px; margin-top: 15px; }
.dashboard-section6 .widget__title { margin: 50px 0 50px 0; }
.FeaturedContent { margin-top: 50px; }
.dashboard .section5 { margin-top: 50px; }
.dashboard-section8 { margin-bottom: 50px; }
.Testimonials .testimonial .testimonial-quote__text { margin-top: 9%; }
.Testimonials .testimonial-quote.testimonial-quote--left { margin-left: 41%; padding: 90px; }
.Explore-topic { margin-top: 10px; }
.hero .hero__caption { width: 42%; }
.footer .urbanFooter .socialMedia ul li i { font-size: 14px; }
}
@media (min-width:320px) and (max-width: 767px) {
.footer .urbanFooter nav .col { width: 100%; margin-bottom: 20px; }
.footer .urbanFooter nav { padding: 0px 9%; width: 90%; }
.header--dashboard { top: 10px; padding: 12px 4%; }
.hero .hero__caption { padding: 1rem; }
.Dashboardhero .hero__title { font-size: 14px !important; }
.Dashboardhero .hero .hero__caption { width: 34%; position: absolute; left: 5%; }
.dashboard-stats__container { padding: 15px; }
.look-progress { width: 90%; }
.look-progress .widget__title, .dashboard-section5 .widget__title, .Explore-topic .widget__title { font-size: 26px; margin: 11px 0 11px 0; }
.widget--dashboard-access { width: 90%; }
.widget--dashboard-access_standard .small-12.columns { padding-left: 0rem; padding-right: 0rem; }
.dashboard-access-tabs li { width: 163px; margin-right: 5px; margin-bottom: 5px; }
.Explore-topic { margin-top: 0px; }
.dashboard-access-tab { padding: 1em 15px; }
.explore-tabs-btn { margin-left: 0px; margin-right: 0px; padding: 1em 15px; width: 163px; margin-bottom: 5px; }
.explore-tabs-btn2 { margin-left: 0px; margin-right: 0px; padding: 1em 15px; width: 163px; margin-bottom: 5px; }
.dashboard-section5 { width: 90%; margin-bottom: 20px; margin-top: 5px; }
.dashboard-section5 .medium-12.columns { padding-left: 0rem; padding-right: 0rem; }
input[type=search] { margin: 0 0 0rem;}
.catalog-display-type {padding: 0 0em;}
.catalog-filters__selections { border-left: 0px solid white; }
.catalog-search-bar { margin-right: 10px; margin-left: 10px; }
.dashboard-section6 .widget__title { font-size: 26px; margin: 20px 0 20px 0; }
.dashboard-section6 .featured-content-multi-carousel { margin-bottom: 5px; }
.FeaturedContent { margin-top: 20px; width: 90%;}
.section-editor { padding: 17px; }
.section-editor p { font-size: 14px; }
.section-editor h3 { font-size: 18px; }
.dashboard .dashboard-section8 { width: 90%; }
.dashboard-section8 { margin-bottom: 25px; }
.layout__content .widget.Testimonial .testimonial { height: auto; background-size: 32vw 32vw; background-position: top center; padding-top: 35vw; padding-left: 0vw;}
.layout__content .widget.Testimonial .testimonial-quote h1.testimonial-quote__text { font-size: 14px; }
.layout__content .widget.Testimonial .featured-content-block-grid.testimonial-content-middle>li { padding: 0 34px; }
.layout__content .widget.Testimonial .testimonial-quote::before { font-size: 18px; margin-bottom: 7px; }
.dashboard .section5 .ember-view div:nth-child(1) { display: block; }
.Testimonials .ember-view.testimonial { max-height: 200px; min-height: 100px; }
.Testimonials .testimonial-quote.testimonial-quote--left { margin-left: 0; padding: 21px; }
.Testimonials .testimonial .testimonial-quote__text { font-size: 12px; margin-top: 0%;}
.Testimonials .testimonial .testimonial-quote__author-name, .testimonial-quote__author-description { font-size: 11px; }
.dashboard-section6 .featured-content-multi-carousel-item__title {font-size: 18px;}
.dashboard-section6 .featured-content-multi-carousel-item__description {font-size: 12px;}
.section-editor button, .section5 .widget__cta .btn--centered {font-size: 12px; }
.hero .hero__caption {position: static; transform: none;}
.hero .btn--primary {font-size: 14px; border-radius: 6px;}
.section-2 .columns p {font-size: 12px;}
.searchbar .btn--primary {font-size: 14px;}
.searchbar .search-bar-widget button {padding: 0 28px; height: 44px;}
.searchbar .ember-text-field {height: 44px; width: calc(100% - 106px); font-size: 14px;}
.section3 p.widget__subtitle {font-size: 13px;}
.section3 .widget__cta .btn--primary {font-size: 14px;}
.section4 .catalog-grid-item__title {font-size: 20px;}
.section4 .catalog-grid-item__description {font-size: 13px;}
.section4 .catalog-grid-item__cta-container .btn--right {font-size: 13px; padding: 6px 12px !important; border-radius: 6px;}
.section7-btn {font-size: 13px; border-radius: 6px; max-width: 152px;}
}
@media (min-width: 768px) and (max-width: 1024px){
.widget--dashboard-access { width: 85%; }
.Explore-topic { margin-top: 0px; }
.explore-tabs-btn { margin-top: 15px; }
.explore-tabs-btn2 { margin-top: 15px; }
.look-progress .widget__title, .dashboard-section5 .widget__title, .Explore-topic .widget__title { margin: 40px 0 20px 0; }
.dashboard-section5 .catalog-filters__search { width: 30%; }
.catalog-filters__selections { width: 40%; }
.dashboard-section5 .catalog-filters { border: 0px solid var(--skncataloglight); border-right: 0px solid white; }
.icon-search { display: none; }
.dashboard-section5 .columns { padding-left: 0px; padding-right: 0px; }
.dashboard-section5 .js-results-holder ul li { width: 33.3%; display: block; clear: unset; }
.dashboard-section6 .widget__title { margin: 35px 0 20px 0; }
.FeaturedContent { padding: 0px !important; margin-top: 50px; }
.section-editor { padding: 29px; }
.section-editor h3 { font-size: 18px; margin-bottom: 15px; }
.section-editor button { margin-top: 12px; margin-bottom: 0px; }
.section-editor p { font-size: 14px; }
.section5 .ember-view div:nth-child(1) { margin-left: 9%; }
.section5 .widget__cta { margin-right: 8.5%; }
.dashboard .section5 { margin-top: 50px; }
.dashboard-section8 { margin-bottom: 0; }
.dashboard-section8 ul.featured-content-block-grid li { clear: none; width: 33.3%; }
.dashboard-section8 .small-12.columns { padding-left: 0; padding-right: 0; }
.Testimonials .testimonial-quote.testimonial-quote--left { margin-left: 36%; padding: 3px; }
.Testimonials .testimonial .testimonial-quote__text { font-size: 18px; margin-top: 22%; }
.Testimonials .ember-view.testimonial { max-height: 500px; min-height: 448px; }
.layout__content .widget.Testimonial .testimonial-quote::before { font-size: 22px; margin-bottom: 5px;}
.layout__content .widget.Testimonial .testimonial-quote h1.testimonial-quote__text { font-size: 11px; }
.layout__content .widget.Testimonial .testimonial { padding-left: 35vw; }
.hero .hero__caption .hero__title {font-size: 46px !important;}
.look-progress .widget__title, .dashboard-section5 .widget__title, .Explore-topic .widget__title, .dashboard-section6 .widget__title {font-size: 28px;}
.dashboard-section6 .featured-content-multi-carousel-item__title {font-size: 20px;}
.dashboard-section6 .featured-content-multi-carousel-item__description {font-size: 13px;}
.Explore-topic .btn--primary, .section5 .widget__cta .btn--centered {font-size: 16px; padding: 10px 44px;}
.section-editor .first {font-size: 15px;}
.section-editor button, .section5 .widget__cta .btn--centered {font-size: 14px; }
}
/* Dashboard */
/* For Widget Page */
/* Css for disabling side margin */
.home__content {padding: 0;}
/* For um Banner1 */
.umBanner1 {position: relative;}
.umBanner1::before {content: ''; display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(66, 105, 176, .2); z-index: 1;}
.umBanner1 .hero__caption { background: transparent; left: 9%; top: 50%; transform: translateY(-50%); bottom: auto; z-index: 2;}
.umBanner1 .hero__caption .hero__title {font-size: 80px; color: #fff; font-weight: 700;}
.umBanner1 .hero__caption span {font-size: 23px; margin-bottom: 36px;}
.umBanner1 .btn--primary { color: white; background-color: transparent; border: 2px solid white; border-radius: 10px; font-size: 26px;}
@media only screen and (max-width: 979px) {
.umBanner1 .hero__caption .hero__title {font-size: 32px !important;}
.umBanner1 .hero__caption span {font-size: 18px; margin-bottom: 14px;}
.umBanner1 .btn--primary {font-size: 18px;}
}
@media only screen and (max-width: 767px) {
.umBanner1::before {display: none;}
.umBanner1 .hero__caption {transform: none;}
.umBanner1 .hero__caption .hero__title {color: #2e2e2e !important; }
.umBanner1 .hero__caption span {color: #2e2e2e !important; font-size: 14px;}
.umBanner1 .btn--primary {color: #2e2e2e; font-size: 14px; border-color: #2e2e2e;}
}
/* For um Banner2 */
.umBanner2 {
position: relative;
height: 75%; /* Adjust banner height */
}
.umBanner2::before {
content: '';
display: block;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%; /* Overlay covers 100% of the banner */
background: rgba(66, 105, 176, .2);
z-index: 1;
}
.umBanner2 .hero__caption {
background: transparent;
left: 0;
top: 50%;
transform: translateY(-50%);
bottom: auto;
width: 100%;
text-align: center;
z-index: 2;
}
.umBanner2 .hero__caption .hero__title {
font-size: 80px; /* Retain the original font size */
color: #fff;
font-weight: 700;
margin-bottom: 80px;
}
.umBanner2 .hero__caption span {
font-size: 23px; /* Retain original font size */
margin-bottom: 36px;
}
.umBanner2 .btn--primary {
color: white;
background-color: transparent;
border: 2px solid white;
border-radius: 10px;
font-size: 26px; /* Retain original font size */
padding: 6px 1.25em;
}
/* Responsive Adjustments */
@media only screen and (max-width: 979px) {
.umBanner2 {
height: auto; /* Auto height for medium screens */
}
.umBanner2 .hero__caption .hero__title {
font-size: 80px; /* Keep font size unchanged */
margin-bottom: 80px;
}
.umBanner2 .btn--primary {
font-size: 26px; /* Keep font size unchanged */
}
}
@media only screen and (max-width: 767px) {
.umBanner2::before {
height: 100%; /* Ensure overlay always covers banner height */
}
.umBanner2 .hero__caption {
transform: none;
padding: 12px;
}
.umBanner2 .hero__caption .hero__title,
.umBanner2 .hero__caption span {
font-size: 80px; /* Keep font size unchanged */
color: #2e2e2e !important;
}
.umBanner2 .btn--primary {
font-size: 26px; /* Keep font size unchanged */
color: #2e2e2e;
border-color: #2e2e2e;
}
}
/* For um Banner3 */
.umBanner3 .hero::after {content: ''; display: block; clear: both;}
.umBanner3 picture {position: relative; float: right; width: 50%;}
.umBanner3 .hero__caption {position: relative; width: 50%; float: left;}
.umBanner3 picture::before {content: ''; display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(66, 105, 176, .2); z-index: 1;}
.umBanner3 .hero__caption { background: transparent; transform: none; bottom: auto; width: 50%; text-align: left; z-index: 2; position: static; padding: 80px 9% 0;}
.umBanner3 .hero__caption .hero__title {font-size: 80px; color: #fff; font-weight: 300; margin-bottom: 80px; color: #4269b0;}
.umBanner3 .hero__caption span.h4 {font-size: 23px; margin-bottom: 80px; color: #2e2e2e !important;}
.umBanner3 .btn--primary { color: #4269b0; background-color: transparent; border: 2px solid #4269b0; border-radius: 10px; font-size: 26px; padding: 6px 1.25em;}
@media only screen and (max-width: 1600px) {
.umBanner3 .hero__caption .hero__title {font-size: 64px; margin-bottom: 60px;}
.umBanner3 .hero__caption span.h4 {font-size: 20px; margin-bottom: 60px;}
}
@media only screen and (max-width: 979px) {
.umBanner3 .hero__caption {padding: 40px 9% 0;}
.umBanner3 .hero__caption .hero__title {margin-bottom: 20px; font-size: 32px !important;}
.umBanner3 .hero__caption span.h4 {font-size: 14px; margin-bottom: 20px;}
.umBanner3 .btn--primary {font-size: 16px;}
}
@media only screen and (max-width: 767px) {
.umBanner3 picture {width: 100%;}
.umBanner3 .hero__caption {width: 100%;}
}
/* For um Banner4 - two widget used this is widget 1 */
.layout__content .widget.umBanner4head {padding: 32px 9%;}
.umBanner4head h2.widget__title {font-size: 60px; margin-bottom: 40px; color: #2e2e2e;}
.umBanner4head .widget__subtitle {font-size: 20px; margin-bottom: 0; color: #2e2e2e;}
.umBanner4head .btn--centered {background: var(--sknsecondary); color: #fff; font-size: 18px; text-transform: uppercase; font-weight: 700; border-radius: 22px; padding: 10px 40px;}
@media only screen and (max-width: 979px) {
.umBanner4head h2.widget__title {font-size: 32px; margin-bottom: 32px;}
.umBanner4head .widget__subtitle {font-size: 14px;}
.umBanner4head .widget__cta {padding: 1rem 0 0;}
.umBanner4head .btn--centered {font-size: 14px;}
}
/* For um Banner4 - two widget used this is widget 2 */
.umBanner4img picture {padding: 32px 9%;}
.umBanner4img picture img {width: 100%; border-radius: 20px;}
@media only screen and (max-width: 979px) {
.umBanner4img picture {padding: 0 9% 32px;}
}
/* For umBanner5 */
.umBanner5 {
position: relative;
height: 33%;
}
.umBanner5 .hero__caption {
position: absolute;
top: 50%;
left: 9%; /* Aligns the text to the left with padding */
transform: translateY(-50%);
z-index: 2;
text-align: left; /* Ensures left-aligned text */
}
.umBanner5 .hero__caption .hero__title {
font-size: 80px; /* Large title size */
color: #2e2e2e; /* Dark text color for better visibility */
font-weight: 700;
margin-bottom: 36px;
}
.umBanner5 .hero__caption span {
font-size: 23px;
color: #2e2e2e;
margin-bottom: 24px;
display: block;
}
.umBanner5 .btn--primary {
color: white;
background-color: #2e2e2e; /* Dark background for CTA button */
border: none;
border-radius: 10px;
font-size: 26px;
padding: 10px 40px;
text-transform: uppercase;
font-weight: 700;
}
/* Responsive Design Adjustments */
@media only screen and (max-width: 979px) {
.umBanner5 .hero__caption .hero__title {
font-size: 64px; /* Maintain large title size for readability */
}
.umBanner5 .hero__caption span {
font-size: 18px;
}
.umBanner5 .btn--primary {
font-size: 20px;
}
}
@media only screen and (max-width: 767px) {
.umBanner5 {
height: auto; /* Allows for dynamic height on smaller screens */
}
.umBanner5 .hero__caption {
top: auto;
transform: none;
left: 6%; /* Smaller padding for smaller screens */
right: 6%;
}
.umBanner5 .hero__caption .hero__title {
font-size: 32px;
}
.umBanner5 .hero__caption span {
font-size: 16px;
}
.umBanner5 .btn--primary {
font-size: 18px;
padding: 8px 30px;
}
}
/* Get started with your courses - heading */
.umGetStarted .h2 {font-size: 60px; color: var(--sknprimary); font-weight: 700;}
@media only screen and (max-width: 979px) {
.umGetStarted .h2 {font-size: 32px;}
}
@media only screen and (max-width: 767px) {
.umGetStarted .h2 {font-size: 28px;}
}
/* Catalog1 style */
.layout__content .widget.umCatalog1 {padding: 32px 9%;}
.umCatalog1 .catalog-header {display: none;}
.umCatalog1 .columns {padding: 0;}
.umCatalog1 .js-results-holder {padding-left: 1rem;}
.umCatalog1 .btn--link i {color: #fff;}
.umCatalog1 .catalog-aggregation--expanded ul li {margin-left: 28px;}
.umCatalog1 .catalog-aggregation--expanded ul li .btn.catalog-aggregation__value {color: #2e2e2e;}
.umCatalog1 .catalog-aggregation--expanded ul {padding: 20px 0;}
.umCatalog1 .catalog-item .catalog-grid-item {border: 1px solid var(--sknsecondary); border-radius: 8px; padding: 1rem 0;}
.umCatalog1 .catalog-grid-item__source {margin-bottom: 8px;}
.umCatalog1 .catalog-grid-item__source strong {font-size: 11px; color: #2e2e2e;}
.umCatalog1 .catalog-grid-item__title {color: #2e2e2e; font-weight: 600;}
.umCatalog1 .catalog-grid-item__description {color: #2e2e2e; font-weight: 400; margin-bottom: 18px;}
.umCatalog1 .catalog-grid-item__hr {display: none;}
.umCatalog1 .catalog-grid-item .btn--link {float: none; display: inline-block; font-size: 12px; padding: 4px 10px !important; border: 1px solid var(--sknsecondary); color: var(--sknsecondary); border-radius: 4px;}
.umCatalog1 .catalog-search-bar {padding: 0; background: var(--skndiscussionsearchbar);}
.umCatalog1 .catalog-search-bar .catalog-filters {background: none; border: 0;}
.umCatalog1 .catalog-search-bar .catalog-filters__search {background: none;}
.umCatalog1 .catalog-search-bar .catalog-search input {padding-left: 20px;}
.umCatalog1 .catalog-search-bar .catalog-search input, .umCatalog1 .catalog-search-bar .catalog-search select, .umCatalog1 .catalog-filters__sort {background: none;}
.umCatalog1 .catalog-filters__sort {border-left: 2px solid #fff; border-right: 2px solid #fff;}
.umCatalog1 .catalog-display-type {padding-right: 1rem;}
.umCatalog1 .catalog-display-type button {border: 0;}
.umCatalog1 .catalog-display-type button.btn--primary {color: var(--sknsecondary);}
.umCatalog1 .catalog-list-item {padding: 1rem; border: 1px solid var(--sknsecondary); border-radius: 12px; position: relative; margin-right: 0;}
.umCatalog1 .catalog-list-item .catalog-list-item__title {display: block; width: calc(100% - 50% - 1rem - 1rem); height: 25px; overflow: hidden; position: absolute; left: calc(50%); top: 60px;}
.umCatalog1 .catalog-list-item .medium-4, .umCatalog1 .catalog-list-item .medium-8 {width: 50%;}
.umCatalog1 .catalog-list-item .catalog-list-item__info {margin-bottom: 60px;}
.umCatalog1 .catalog-list-item .catalog-list-item__description .editor-content {height: 45px; overflow: hidden; display: block; color: #2e2e2e; margin-bottom: 1rem;}
.umCatalog1 .catalog-list-item .catalog-list-item__description::after {content: 'View Details'; display: inline-block; font-size: 12px; padding: 4px 10px !important; border: 1px solid var(--sknsecondary); color: var(--sknsecondary); border-radius: 4px;}
.umCatalog1 .catalog-list-item .catalog-list-item__asset {width: 100%;}
@media only screen and (max-width: 979px) {
.umCatalog1 .catalog-grid-item__title {font-size: 18px; height: auto !important;}
.umCatalog1 .catalog-grid-item__description, .umCatalog1 .catalog-grid-item__cta-container {height: auto !important;}
.umCatalog1 .catalog-list-item .catalog-list-item__title {top: 36px;}
.umCatalog1 .catalog-list-item .catalog-list-item__info {margin-bottom: 36px;}
}
@media only screen and (max-width: 767px) {
.umCatalog1 .small-block-grid-1 > li {padding: 0; margin-bottom: 12px;}
.umCatalog1 .js-results-holder {padding: 0;}
}
/* Catalog2 style*/
.layout__content .widget.umCatalog2 {padding: 32px 9%;}
.umCatalog2 .catalog-header {display: none;}
.umCatalog2 .columns {padding: 0;}
.umCatalog2 .js-results-holder {padding-left: 1rem;}
.umCatalog2 .catalog-search-bar {padding: 0; background: #fff; border: 1px solid #2e2e2e;}
.umCatalog2 .catalog-search-bar .catalog-filters {background: none; border: 0;}
.umCatalog2 .catalog-search-bar .catalog-filters__search {background: none;}
.umCatalog2 .catalog-search-bar .catalog-search input {padding-left: 20px;}
.umCatalog2 .catalog-search-bar .catalog-search input, .umCatalog2 .catalog-search-bar .catalog-search select, .umCatalog2 .catalog-filters__sort {background: none;}
.umCatalog2 .catalog-filters__sort {border-left: 1px solid #2e2e2e;}
.umCatalog2 .catalog-display-type {padding-right: 1rem; background: none;}
.umCatalog2 .catalog-display-type button {border: 0;}
.umCatalog2 .catalog-display-type button.btn--primary {color: var(--sknsecondary);}
.umCatalog2 .js-results-holder {padding-left: 1rem;}
.umCatalog2 .btn--link i {color: #fff;}
.umCatalog2 .catalog-aggregation--expanded ul li {margin-left: 28px;}
.umCatalog2 .catalog-aggregation--expanded ul li .btn.catalog-aggregation__value {color: #2e2e2e;}
.umCatalog2 .catalog-aggregation--expanded ul {padding: 20px 0;}
.umCatalog2 .catalog-item .catalog-grid-item {border: 1px solid var(--sknsecondary); border-radius: 8px; padding: 1rem 0;}
.umCatalog2 .catalog-grid-item__source {margin-bottom: 8px;}
.umCatalog2 .catalog-grid-item__source strong {font-size: 11px; color: #2e2e2e;}
.umCatalog2 .catalog-grid-item__title {color: #2e2e2e; font-weight: 600;}
.umCatalog2 .catalog-grid-item__description {color: #2e2e2e; font-weight: 400; margin-bottom: 18px;}
.umCatalog2 .catalog-grid-item__hr {display: none;}
.umCatalog2 .catalog-grid-item .btn--link {float: none; display: inline-block; font-size: 12px; padding: 4px 10px !important; border: 1px solid var(--sknsecondary); color: var(--sknsecondary); border-radius: 4px;}
.umCatalog2 .catalog-list-item {padding: 1rem; border: 1px solid var(--sknsecondary); border-radius: 12px; position: relative; margin-right: 0;}
.umCatalog2 .catalog-list-item .catalog-list-item__title {display: block; width: calc(100% - 50% - 1rem - 1rem); height: 25px; overflow: hidden; position: absolute; left: calc(50%); top: 60px;}
.umCatalog2 .catalog-list-item .medium-4, .umCatalog2 .catalog-list-item .medium-8 {width: 50%;}
.umCatalog2 .catalog-list-item .catalog-list-item__info {margin-bottom: 60px;}
.umCatalog2 .catalog-list-item .catalog-list-item__description .editor-content {height: 45px; overflow: hidden; display: block; color: #2e2e2e; margin-bottom: 1rem;}
.umCatalog2 .catalog-list-item .catalog-list-item__description::after {content: 'View Details'; display: inline-block; font-size: 12px; padding: 4px 10px !important; border: 1px solid var(--sknsecondary); color: var(--sknsecondary); border-radius: 4px;}
.umCatalog2 .catalog-list-item .catalog-list-item__asset {width: 100%;}
@media only screen and (max-width: 979px) {
.umCatalog2 .catalog-filters__sort {border: 0;}
.umCatalog2 .catalog-search-bar .catalog-search input {margin: 0;}
.umCatalog2 .catalog-grid-item__title {font-size: 18px; height: auto !important;}
.umCatalog2 .catalog-grid-item__description, .umCatalog2 .catalog-grid-item__cta-container {height: auto !important;}
.umCatalog2 .catalog-list-item .catalog-list-item__title {top: 36px;}
.umCatalog2 .catalog-list-item .catalog-list-item__info {margin-bottom: 36px;}
}
@media only screen and (max-width: 767px) {
.umCatalog2 .small-block-grid-1 > li {padding: 0; margin-bottom: 12px;}
.umCatalog2 .js-results-holder {padding: 0;}
}
/* For um uFeaturedContent Standard heading - two widget used this is. widget 1 */
.layout__content .widget.umFeaturedContentStdhead {padding: 32px 9%;}
.umFeaturedContentStdhead h2.widget__title {font-size: 60px; margin-bottom: 40px; color: #2e2e2e;}
.umFeaturedContentStdhead .widget__subtitle {font-size: 20px; margin-bottom: 0; color: #2e2e2e;}
.umFeaturedContentStdhead .btn--centered {background: var(--sknsecondary); color: #fff; font-size: 18px; text-transform: uppercase; font-weight: 700; border-radius: 22px; padding: 10px 40px;}
@media only screen and (max-width: 979px) {
.umFeaturedContentStdhead h2.widget__title {font-size: 32px; margin-bottom: 20px;}
.umFeaturedContentStdhead .widget__subtitle {font-size: 14px;}
.umFeaturedContentStdhead .btn--centered {font-size: 14px;}
}
/* For um uFeaturedContent Standard heading - two widget used this is. widget 2 */
.layout__content .widget.umFeaturedContentStd {padding: 32px 9%;}
.umFeaturedContentStd .catalog-grid-item {padding: 1rem 0; border: 3px solid var(--sknsecondary); border-radius: 12px;}
.umFeaturedContentStd .medium-block-grid-4 > li {width: 50%;}
.umFeaturedContentStd .catalog-grid-item .catalog-grid-item__title {font-size: 32px; font-weight: 600; margin-bottom: 32px;}
.umFeaturedContentStd .catalog-grid-item .catalog-grid-item__description {font-size: 16px; color: var(--sknprimary); height: 64px !important;}
.umFeaturedContentStd .catalog-grid-item .catalog-grid-item__hr {display: none;}
.umFeaturedContentStd .catalog-grid-item .catalog-grid-item__cta-container {text-align: left;}
.umFeaturedContentStd .catalog-grid-item .catalog-grid-item__cta-container .btn--link.btn--primary {float: none;
border: 3px solid var(--sknsecondary); padding: 12px 32px !important; border-radius: 10px; margin-top: 50px; font-weight: 600; color: var(--sknprimary); margin-bottom: 10px; font-size: 22px;}
.umFeaturedContentStd .catalog-grid-item:hover {background: var(--sknprimary);}
.umFeaturedContentStd .catalog-grid-item:hover .catalog-grid-item__title {color: #fff;}
.umFeaturedContentStd .catalog-grid-item:hover .catalog-grid-item__description {color: #fff;}
.umFeaturedContentStd .catalog-grid-item:hover .catalog-grid-item__cta-container .btn--link.btn--primary {background: white !important ;color: var(--sknprimary); border-color: #fff;}
@media only screen and (max-width: 979px) {
.umFeaturedContentStd .medium-block-grid-4 > li {width: 100%;}
.umFeaturedContentStd .catalog-grid-item .catalog-grid-item__title {font-size: 20px; height: auto !important; margin-bottom: 20px;}
.umFeaturedContentStd .catalog-grid-item .catalog-grid-item__description {font-size: 14px; height: auto !important;}
.umFeaturedContentStd .catalog-grid-item .catalog-grid-item__cta-container .btn--link.btn--primary {font-size: 14px; padding: 6px 18px !important; border-radius: 6px; margin-top: 20px;}
}
/* For Video1 */
.layout__content .widget.umVideo1 {padding: 32px 9%;}
.umVideo1 > .ember-view {border: 2px solid var(--sknsecondary); padding: 32px; border-radius: 20px; position: relative;}
.umVideo1 > .ember-view > .ember-view, .umVideo1 > .ember-view > .row {display: inline-block; width: calc(50% - 4px); vertical-align: top;}
.umVideo1 > .ember-view > .ember-view {padding-right: 4%;}
.umVideo1 > .ember-view > .row {padding-left: 4%;}
.umVideo1 > .ember-view > .ember-view {text-align: left;}
.umVideo1 h2.widget__title {font-size: 50px; font-weight: 900; margin-bottom: 32px; color: #2e2e2e; text-align: left; margin-top: 12px;}
.umVideo1 .widget__subtitle {font-size: 20px; color: #2e2e2e; text-align: left; margin-bottom: 4rem;}
.umVideo1 > .ember-view > .row .columns, .umVideo1 > .ember-view > .row .video__container {padding: 0;}
.umVideo1 > .ember-view .widget__cta {position: absolute; bottom: 32px; left: 32px;}
.umVideo1 > .ember-view .widget__cta .btn--centered {margin-bottom: 0; background: none; border: 1px solid var(--sknsecondary); border-radius: 6px; font-size: 18px; font-weight: 600; color: var(--sknsecondary);}
@media only screen and (max-width: 979px) {
.umVideo1 > .ember-view {padding: 20px;}
.umVideo1 > .ember-view > .ember-view, .umVideo1 > .ember-view > .row {width: 100%; padding: 0;}
.umVideo1 h2.widget__title {font-size: 28px; margin-bottom: 20px;}
.umVideo1 .widget__subtitle {font-size: 14px;}
.umVideo1 > .ember-view .widget__cta {position: static; text-align: center;}
.umVideo1 > .ember-view .widget__cta .btn--centered {font-size: 14px;}
}
/* For umIbus - Course layout */
.layout__content .widget.umIbus {padding: 32px 9%;}
.umIbus .widget__title {color: #2e2e2e;}
.umIbus .featured-content-block-grid {padding: 0;}
.umIbus .featured-content-block-grid .featured-content-image-overlay-item {display: block; padding: 20px; border: 2px solid var(--sknsecondary); border-radius: 12px;}
.umIbus .featured-content-block-grid .featured-content-image-overlay-item img {display: inline-block; width: calc(50% - 4px); vertical-align: middle; padding-right: 4%;}
.umIbus .featured-content-block-grid .featured-content-image-overlay-item .featured-content-image-overlay-item__overlay {display: inline-block; width: calc(50% - 4px); vertical-align: middle; padding-left: 4%; position: relative; padding: 0; background: none; color: #2e2e2e;}
.umIbus .featured-content-block-grid .featured-content-image-overlay-item .featured-content-image-overlay-item__title {color: #2e2e2e; font-size: 32px; font-weight: 500;}
.umIbus .featured-content-block-grid .featured-content-image-overlay-item .featured-content-image-overlay-item__description {font-size: 18px; color: #2e2e2e;}
.umIbus .featured-content-block-grid .featured-content-image-overlay-item .featured-content-image-overlay-item__overlay::after {content: 'Read More'; display: inline-block; padding: 6px 16px; border: 1px solid var(--sknsecondary); border-radius: 6px; font-size: 18px; color: var(--sknsecondary); margin-top: 28px;}
@media only screen and (max-width: 979px) {
.umIbus .widget__title {font-size: 32px;}
.umIbus .featured-content-block-grid .featured-content-image-overlay-item .featured-content-image-overlay-item__title {font-size: 24px;}
.umIbus .featured-content-block-grid .featured-content-image-overlay-item .featured-content-image-overlay-item__description {font-size: 14px;}
.umIbus .featured-content-block-grid .featured-content-image-overlay-item .featured-content-image-overlay-item__overlay::after {font-size: 14px; margin-top: 20px;}
}
@media only screen and (max-width: 767px) {
.umIbus .featured-content-block-grid .featured-content-image-overlay-item img {width: 100%; padding: 0; margin-bottom: 12px;}
.umIbus .featured-content-block-grid .featured-content-image-overlay-item .featured-content-image-overlay-item__overlay {width: 100%;}
}
/* For um Carousel1 */
.layout__content .widget.umCarousel1 {padding: 32px 9%;}
.umCarousel1 .widget__title {text-align: left; font-size: 42px; font-weight: 700; color: #2e2e2e;}
.umCarousel1 .icon-navigateright::before, .umCarousel1 .icon-navigateleft::before {font-size: 60px; color: var(--sknsecondary);}
.umCarousel1 .btn--bare-icon {width: 60px; height: 60px; outline: 0; top: 50%; transform: translateY(-50%);}
.umCarousel1 .featured-content-multi-carousel__nav-right {right: -32px;}
.umCarousel1 .featured-content-multi-carousel__nav-left {left: -32px;}
.umCarousel1 .featured-content-multi-carousel-item {padding: 20px; border: 1px solid var(--sknsecondary); border-radius: 12px;}
.umCarousel1 .featured-content-multi-carousel-item img {padding: 0;}
.umCarousel1 .featured-content-multi-carousel-item .catalog-grid-item__asset-container {margin-bottom: 12px;}
.umCarousel1 .featured-content-multi-carousel-item .featured-content-multi-carousel-item__body {padding: 0; text-align: left;}
.umCarousel1 .featured-content-multi-carousel-item .featured-content-multi-carousel-item__title {font-size: 18px;}
.umCarousel1 .featured-content-multi-carousel-item .featured-content-multi-carousel-item__description {padding: 0; color: #2e2e2e;}
.umCarousel1 .featured-content-multi-carousel-item .featured-content-multi-carousel-item__source {color: #2e2e2e;}
.umCarousel1 .featured-content-multi-carousel-item .featured-content-multi-carousel-item__body::after {content: 'Read More'; display: inline-block; padding: 4px 12px; border: 1px solid var(--sknsecondary); border-radius: 6px; color: var(--sknsecondary); margin-top: 20px; font-size: 12px;}
@media only screen and (max-width: 979px) {
.umCarousel1 .widget__title {font-size: 32px;}
}
/* For umRecentlyViewedHead */
.layout__content .widget.umRecentlyViewedHead {padding: 32px 9%;}
.umRecentlyViewedHead .ember-view {position: relative;}
.umRecentlyViewedHead .widget__title {font-size: 42px; color: #2e2e2e; font-weight: 500; text-align: left; display: block; padding-right: 200px;}
.umRecentlyViewedHead .widget__cta {position: absolute; top: 0; right: 0; padding: 0;}
.umRecentlyViewedHead .widget__cta .btn--centered {background: var(--sknsecondary); color: #fff; font-size: 18px; text-transform: uppercase; font-weight: 700; border-radius: 22px; padding: 10px 40px; text-transform: none;}
@media only screen and (max-width: 979px) {
.umRecentlyViewedHead .widget__title {font-size: 32px;}
.umRecentlyViewedHead .widget__cta .btn--centered {font-size: 14px;}
}
@media only screen and (max-width: 767px) {
.umRecentlyViewedHead .widget__title {font-size: 28px; padding: 0; margin: 0;}
.umRecentlyViewedHead .widget__cta {position: static; text-align: left;}
.umRecentlyViewedHead .widget__cta .btn--centered {display: inline-block;}
}
/* For umRecentlyViewed */
/* For umRecentlyViewedCoursesHead */
.layout__content .widget.umRecentlyViewedCoursesHead {padding: 32px 9%;}
.umRecentlyViewedCoursesHead .ember-view {position: relative;}
.umRecentlyViewedCoursesHead .ember-view .ember-view {padding-right: 240px}
.umRecentlyViewedCoursesHead .widget__title {font-size: 42px; color: #2e2e2e; font-weight: 500; text-align: left; display: block;}
.umRecentlyViewedCoursesHead .widget__subtitle {font-size: 20px; color: #2e2e2e; text-align: left; display: block; margin: 0;}
.umRecentlyViewedCoursesHead .widget__cta {position: absolute; top: 88px; right: 0; padding: 0;}
.umRecentlyViewedCoursesHead .widget__cta .btn--centered {background: var(--sknsecondary); color: #fff; font-size: 18px; text-transform: uppercase; font-weight: 700; border-radius: 22px; padding: 10px 40px; text-transform: none;}
@media only screen and (max-width: 979px) {
.umRecentlyViewedCoursesHead .widget__title {font-size: 32px;}
.umRecentlyViewedCoursesHead .widget__subtitle {font-size: 14px;}
.umRecentlyViewedCoursesHead .widget__cta {top: 68px;}
.umRecentlyViewedCoursesHead .widget__cta .btn--centered {font-size: 14px;}
}
@media only screen and (max-width: 767px) {
.umRecentlyViewedCoursesHead .widget__title {font-size: 28px;}
.umRecentlyViewedCoursesHead .ember-view .ember-view {padding: 0;}
.umRecentlyViewedCoursesHead .widget__cta {position: static; text-align: left;}
.umRecentlyViewedCoursesHead .widget__cta .btn--centered {display: inline-block;}
}
/* For umAboutIntro */
.layout__content .widget.umAboutIntro {padding: 0;}
.umAboutIntro .ember-view {background: var(--sknsecondary);}
.umAboutIntro .ember-view .columns {padding: 0;}
.umAboutIntro .ember-view .columns:nth-child(2) {padding: 6% 9% 0 6%; color: #fff;}
.umAboutIntro h3 {font-size: 42px; color: #fff; font-weight: 700px; margin-bottom: 32px;}
.umAboutIntro p {font-size: 20px; color: #fff; margin-bottom: 0;}
@media only screen and (max-width: 979px) {
.umAboutIntro h3 {font-size: 24px; margin-bottom: 20px;}
.umAboutIntro p {font-size: 14px;}
}
@media only screen and (max-width: 767px) {
.umAboutIntro .ember-view .columns:nth-child(2) {padding: 6% 9% 6% 6%;}
}
/* For umExploreTopics */
.layout__content .widget.umExploreTopics {padding: 64px 9%;}
.umExploreTopics .widget__title {font-size: 42px; color: #2e2e2e; font-weight: 700; margin-bottom: 42px;}
.umExploreTopics .editor-content {text-align: center;}
.umExploreTopics .editor-content a {font-size: 18px; font-weight: 700; color: #2e2e2e; text-decoration: none; display: inline-block; width: calc(25% - 4px - 40px); margin: 0 20px; padding: 12px 12px; border: 2px solid var(--sknsecondary); border-radius: 15px;}
.umExploreTopics .btn--centered { background: var(--sknsecondary); color: #fff; font-size: 18px; text-transform: uppercase; font-weight: 700; border-radius: 22px; padding: 10px 40px; text-transform: none;}
@media only screen and (max-width: 979px) {
.umExploreTopics .widget__title {font-size: 28px;}
.umExploreTopics .editor-content a {font-size: 14px; width: calc(50% - 4px - 40px); margin: 0 18px 12px;}
.umExploreTopics .btn--centered {font-size: 14px;}
}
@media only screen and (max-width: 767px) {
.umExploreTopics .editor-content a {width: 100%; margin: 0 0 12px;}
}
/* For um4ImagesOverlay */
.layout__content .widget.um4ImagesOverlay {padding: 32px 9%;}
.um4ImagesOverlay .featured-content-image-overlay-item {border: 2px solid var(--sknsecondary); border-radius: 8px; position: relative; overflow: hidden;}
.um4ImagesOverlay .featured-content-image-overlay-item__overlay {width: 100%; height: 100%; background: rgba(106, 106, 176, .2);}
.um4ImagesOverlay .featured-content-image-overlay-item__overlay .featured-content-image-overlay-item__title {width: 100%; position: absolute; top: 50%; left: 0; transform: translateY(-50%); padding: 0 12px; text-align: center; font-weight: 600;}
@media only screen and (max-width: 979px) {
.um4ImagesOverlay .featured-content-image-overlay-item__overlay .featured-content-image-overlay-item__title {font-size: 20px;}
}
/* For umContactBlock */
.layout__content .widget.umContactBlock {padding: 64px 9%; background: var(--sknsecondary); color: #fff;}
.umContactBlock .ember-view .columns {display: inline-block; vertical-align: middle; width: calc(50% - 4px); float: none;}
.umContactBlock h3 {font-size: 50px; font-weight: 700; color: #fff;}
.umContactBlock p {font-size: 20px; margin-bottom: .75em;}
.umContactBlock a {display: inline-block; padding: 12px 20px; border: 2px solid #fff; border-radius: 12px; font-weight: 700; text-transform: none; width: 100%; max-width: 280px; color: #fff !important; text-align: center;}
@media only screen and (max-width: 979px) {
.umContactBlock h3 {font-size: 28px;}
.umContactBlock p {font-size: 14px;}
.umContactBlock a {font-size: 14px; max-width: 160px; padding: 6px 20px; border-radius: 8px;}
}
@media only screen and (max-width: 767px) {
.umContactBlock .ember-view .columns {width: 100%;}
.umContactBlock .ember-view .columns img {margin-bottom: 12px;}
}
/* For umProfTraining */
.layout__content .widget.umProfTraining {padding: 64px 9%;}
.umProfTraining picture {display: block; width: 100%; border-radius: 20px; overflow: hidden; margin-bottom: 40px;}
.umProfTraining picture img {width: 100%;}
.umProfTraining .hero__caption {position: static; color: #2e2e2e; padding: 0; width: 100%; transform: none;}
.umProfTraining .hero {height: auto;}
.umProfTraining .hero .hero__caption .hero__title {color: #2e2e2e; font-size: 42px;}
.umProfTraining .hero .hero__caption span {color: #2e2e2e !important; font-size: 23px;}
.umProfTraining .hero .btn--primary { background: var(--sknsecondary); color: #fff; font-size: 18px; text-transform: uppercase; font-weight: 700; border-radius: 22px; padding: 10px 40px; text-transform: none;}
@media only screen and (max-width: 979px) {
.umProfTraining .hero .hero__caption .hero__title {font-size: 28px !important; }
.umProfTraining .hero .hero__caption span {font-size: 16px;}
.umProfTraining .hero .btn--primary {font-size: 14px;}
}
@media only screen and (max-width: 767px) {
.umProfTraining .hero .hero__caption span {font-size: 14px;}
}
/* For umProfTraining2 */
.layout__content .widget.umProfTraining2 {padding: 64px 9%;}
.umProfTraining2 .row {display: table; width: 100%;}
.umProfTraining2 .row .columns {display: table-cell; float: none; vertical-align: middle;}
.umProfTraining2 .row .columns img {border-radius: 12px;}
.umProfTraining2 .row .columns:nth-child(2) {border: 2px solid var(--sknsecondary); border-radius: 12px; padding: 32px;}
.umProfTraining2 h3 {font-size: 42px; font-weight: 700; color: #2e2e2e;}
.umProfTraining2 p {font-size: 23px; color: #2e2e2e; margin-bottom: 40px;}
.umProfTraining2 a { background: var(--sknsecondary); color: #fff !important; font-size: 18px; text-transform: uppercase; font-weight: 700; border-radius: 22px; padding: 10px 40px; text-transform: none;}
@media only screen and (max-width: 979px) {
.umProfTraining2 h3 {font-size: 28px;}
.umProfTraining2 p {font-size: 14px;}
.umProfTraining2 a {font-size: 14px;}
.umProfTraining2 .row .columns:nth-child(2) {padding: 20px;}
.umProfTraining2 .row .columns:nth-child(1) {margin-bottom: 20px;}
.umProfTraining2 .row, .umProfTraining2 .row .columns {display: block; width: 100%; padding: 0;}
}
/* For umProfTrainingHead */
.layout__content .widget.umProfTrainingHead {padding: 32px 9%;}
.umProfTrainingHead .ember-view {position: relative;}
.umProfTrainingHead .ember-view .ember-view {padding-right: 260px}
.umProfTrainingHead .widget__title {font-size: 48px; color: #2e2e2e; font-weight: 600; text-align: left; display: block;}
.umProfTrainingHead .widget__subtitle {font-size: 20px; color: #2e2e2e; text-align: left; display: block; margin: 0;}
.umProfTrainingHead .widget__cta {position: absolute; top: 50%; right: 0; padding: 0; transform: translateY(-50%);}
.umProfTrainingHead .widget__cta .btn--centered {background: var(--sknsecondary); color: #fff; font-size: 22px; text-transform: uppercase; font-weight: 700; border-radius: 22px; padding: 10px 40px; text-transform: none;}
@media only screen and (max-width: 979px) {
.umProfTrainingHead .widget__title {font-size: 32px;}
.umProfTrainingHead .widget__cta .btn--centered {font-size: 14px;}
.umProfTrainingHead .ember-view .ember-view {padding-right: 204px;}
.umProfTrainingHead .widget__subtitle {font-size: 14px;}
}
@media only screen and (max-width: 767px) {
.umProfTrainingHead .widget__title {font-size: 28px;}
.umProfTrainingHead .ember-view .ember-view {padding: 0;}
.umProfTrainingHead .widget__cta {position: static; transform: none; text-align: left;}
.umProfTrainingHead .widget__cta .btn--centered {display: inline-block;}
}
/* For umTestimonials1 */
.layout__content .widget.umTestimonials1 {padding: 32px 9%;}
.umTestimonials1 .testimonial-widget {padding: 100px 40px; border: 2px solid var(--sknsecondary); border-radius: 12px;}
.umTestimonials1 .testimonial-quote__text {font-size: 20px; color: #2e2e2e; font-style: italic;}
.umTestimonials1 .testimonial-quote__text::before, .umTestimonials1 .testimonial-quote__text::after {content: '"';}
.umTestimonials1 .testimonial-quote--center {text-align: left;}
.umTestimonials1 .testimonial .testimonial-quote__author-name {font-size: 16px; font-style: normal; margin-bottom: 0;}
.umTestimonials1 .testimonial .testimonial-quote__author-description {font-size: 16px;}
.umTestimonials1 .icon-navigateright::before, .umTestimonials1 .icon-navigateleft::before {color: var(--sknsecondary); font-size: 44px;}
@media only screen and (max-width: 979px) {
.umTestimonials1 .testimonial-widget {padding: 50px 22px;}
.umTestimonials1 .testimonial-quote__text {font-size: 16px;}
.umTestimonials1 .testimonials__nav > i {padding: 0;}
.umTestimonials1 .testimonials__nav {height: 40px; width: 40px;}
.umTestimonials1 .testimonials__nav--right {right: 2%;}
.umTestimonials1 .testimonials__nav--left {left: 2%;}
}
/* For umWhatStudentSays */
.layout__content .widget.umWhatStudentSays {padding: 64px 0; background: #ececed;}
.umWhatStudentSays .featured-content-multi-carousel .featured-content-block-grid > li {padding: 0 9%;}
.umWhatStudentSays .testimonial-widget {margin: 0;}
.umWhatStudentSays .testimonial {background-size: 48% auto; background-position: center left;}
.umWhatStudentSays .testimonial::after {content: ''; display: block; clear: both;}
.umWhatStudentSays .testimonial .testimonial-quote--center {width: 48%; float: right; padding: 0; text-align: left; color: #2e2e2e; left: 52%;}
.umWhatStudentSays .testimonial .testimonial-quote__text {font-size: 20px; font-style: italic;}
.umWhatStudentSays .testimonial .testimonial-quote__author-name {font-size: 16px; font-style: normal;}
.umWhatStudentSays .testimonial .testimonial-quote__author-description {font-size: 16px; font-style: normal;}
.umWhatStudentSays .testimonial .testimonial-quote--center::before {content: 'What our educators say'; display: block; font-size: 60px; margin-bottom: 20px; font-weight: 900; line-height: normal;}
@media only screen and (max-width: 979px) {
.umWhatStudentSays .testimonial .testimonial-quote--center {}
.umWhatStudentSays .testimonial .testimonial-quote--center::before {font-size: 32px;}
.umWhatStudentSays .testimonial .testimonial-quote__text {font-size: 14px;}
.umWhatStudentSays .testimonial .testimonial-quote__author-name, .umWhatStudentSays .testimonial .testimonial-quote__author-description {font-size: 13px;}
.umWhatStudentSays .testimonials__nav {font-size: 40px; width: 40px; height: 40px;}
}
@media only screen and (max-width: 767px) {
.umWhatStudentSays .testimonial {padding-top: 80vw; background-size: auto 80vw; background-position: center top;}
.umWhatStudentSays .testimonial .testimonial-quote--center {width: 100%; padding-top: 20px; position: static; transform: none;}
}
/* For umTestimonial1 */
.layout__content .widget.umTestimonial1 {padding: 64px 0;}
.umTestimonial1 .testimonial {padding: 200px 0; position: relative;}
.umTestimonial1 .testimonial::before {content: ''; display: block; width:100%; height: 100%; position: absolute; top: 0; left: 0; background: rgba(66, 105, 176, .2);}
.umTestimonial1 .testimonial-widget {margin: 0;}
.umTestimonial1 .columns {padding: 0;}
.umTestimonial1 .testimonial::after {content: ''; display: block; clear: both;}
.umTestimonial1 .testimonial .testimonial-quote--right {width: calc(50% - 9%); padding: 0; text-align: left; color: #fff; position: relative; z-index: 1; float: right; margin-right: 9%;}
.umTestimonial1 .testimonial .testimonial-quote__text {font-size: 16px; font-style: italic; font-weight: 600;}
.umTestimonial1 .testimonial .testimonial-quote__author-name {font-size: 16px; font-style: normal; color: #fff;}
.umTestimonial1 .testimonial .testimonial-quote__author-description {font-size: 16px; font-style: normal; color: #fff;}
@media only screen and (max-width: 979px) {
.umTestimonial1 .testimonial {padding: 100px 0;}
}
@media only screen and (max-width: 767px) {
.umTestimonial1 .testimonial {padding: 60px 0;}
.umTestimonial1 .testimonial .testimonial-quote--right {width: 100%; padding: 0 9%; margin: 0;}
}
/* For umHeroSlider1 */
.layout__content .widget.umHeroSlider1 {padding: 64px 9%;}
.umHeroSlider1 .featured-content-carousel__container {margin: 0;}
.umHeroSlider1 .featured-content-carousel-item::before {content: ''; display: block; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: rgba(66, 105, 176, .2);}
.umHeroSlider1 .featured-content-carousel-item__overlay {bottom: auto; top: 50%; transform: translateY(-50%); background: none; text-align: center;}
.umHeroSlider1 .featured-content-carousel-item__title {font-size: 52px; font-weight: 700; margin-bottom: 32px;}
.umHeroSlider1 .featured-content-carousel-item__description {font-size: 16px;}
.umHeroSlider1 .btn--primary {background: var(--sknsecondary); border: 0; font-size: 20px;}
.umHeroSlider1 .btn.disabled {background: #a9a7d3; opacity: 1; border: 0; font-size: 20px;}
@media only screen and (max-width: 979px) {
.umHeroSlider1 .featured-content-carousel-item__title {font-size: 32px; margin-bottom: 20px;}
}
@media only screen and (max-width: 979px) {
.umHeroSlider1 .featured-content-carousel-item__overlay {position: static; transform: none; padding: 12px 0 56px;}
.umHeroSlider1 .featured-content-carousel-item__title {font-size: 28px; text-align: left; margin-bottom: 12px;}
.umHeroSlider1 .featured-content-carousel-item__description {color: #2e2e2e; text-align: left; font-size: 14px;}
.umHeroSlider1 .featured-content-carousel-item::before {display: none;}
}
/* For umHeroSlider2 */
.layout__content .widget.umHeroSlider2 {padding: 64px 9%;}
.umHeroSlider2 .featured-content-carousel__container {margin: 0; position: relative;}
.umHeroSlider2 .featured-content-carousel-item::before {content: ''; display: block; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: rgba(66, 105, 176, .2);}
.umHeroSlider2 .featured-content-carousel-item__overlay {bottom: auto; top: 50%; transform: translateY(-50%); background: none; text-align: center;}
.umHeroSlider2 .featured-content-carousel-item__title {font-size: 52px; font-weight: 700; margin-bottom: 32px;}
.umHeroSlider2 .featured-content-carousel-item__description {font-size: 16px; font-weight: 600; display: inline-block; padding: 8px 32px; border: 2px solid #fff; border-radius: 12px;}
.umHeroSlider2 .btn--primary {background: var(--sknsecondary); border: 0; font-size: 20px;}
.umHeroSlider2 .btn.disabled {background: #a9a7d3; opacity: 1; border: 0; font-size: 20px;}
.umHeroSlider2 .featured-content-carousel__dots {display: block; bottom: 40px;}
.umHeroSlider2 .featured-content-carousel__dot {width: 15px; height: 15px; background: #fff; opacity: .4;}
.umHeroSlider2 .featured-content-carousel__dot--active {opacity: 1;}
.umHeroSlider2 .featured-content-carousel__nav {position: static; opacity: 0;}
.umHeroSlider2 .featured-content-carousel:hover .featured-content-carousel__nav {opacity: 1;}
.umHeroSlider2 .featured-content-carousel__nav .btn {position: absolute; top: 50%; transform: translateY(-50%);}
.umHeroSlider2 .featured-content-carousel__nav .btn:nth-child(1) {left: 0;}
.umHeroSlider2 .featured-content-carousel__nav .btn:nth-child(2) {right: 0;}
@media only screen and (max-width: 979px) {
.umHeroSlider2 .featured-content-carousel-item__title {font-size: 32px; margin-bottom: 20px;}
.umHeroSlider2 .featured-content-carousel-item__description {font-size: 14px;}
}
@media only screen and (max-width: 767px) {
.umHeroSlider2 .featured-content-carousel-item__overlay {position: static; transform: none; padding: 12px 0;}
.umHeroSlider2 .featured-content-carousel-item__title {font-size: 28px; color: #2e2e2e; text-align: left;}
.umHeroSlider2 .featured-content-carousel__dot {background: #2e2e2e; opacity: .6;}
.umHeroSlider2 .featured-content-carousel__dot--active {opacity: 1;}
}
/* For umHeroSlider3 */
.layout__content .widget.umHeroSlider3 {padding: 64px 9%;}
.umHeroSlider3 .featured-content-carousel__container {margin: 0; position: relative;}
.umHeroSlider3 .featured-content-carousel-item {position: relative; background: var(--sknsecondary);}
.umHeroSlider3 .featured-content-carousel-item::after {content: ''; display: block; clear: both;}
.umHeroSlider3 .featured-content-carousel-item picture {width: 50%; float: right;}
.umHeroSlider3 .featured-content-carousel-item .featured-content-carousel-item__overlay {width: 50%; padding: 0 80px; bottom: auto; top: 50%; transform: translateY(-50%); background: none;}
.umHeroSlider3 .featured-content-carousel-item__title {font-size: 52px; font-weight: 700; margin-bottom: 32px;}
.umHeroSlider3 .featured-content-carousel-item__description {font-size: 16px;}
.umHeroSlider3 .featured-content-carousel__nav {position: static;}
.umHeroSlider3 .featured-content-carousel__nav button {position: absolute; top: 50%; transform: translateY(-50%); font-size: 60px; padding: 0; border: 0; background: none;}
.umHeroSlider3 .featured-content-carousel__nav button:nth-child(1) {left: 0;}
.umHeroSlider3 .featured-content-carousel__nav button:nth-child(2) {right: 0;}
@media only screen and (max-width: 979px) {
.umHeroSlider3 .featured-content-carousel-item .featured-content-carousel-item__overlay {padding: 0 20px 0 45px;}
.umHeroSlider3 .featured-content-carousel-item__title {font-size: 28px; margin-bottom: 20px;}
.umHeroSlider3 .featured-content-carousel-item__description {font-size: 14px;}
.umHeroSlider3 .featured-content-carousel__nav button {font-size: 40px;}
}
@media only screen and (max-width: 767px) {
.umHeroSlider3 .featured-content-carousel-item picture {width: 100%; float: none; margin-bottom: 12px;}
.umHeroSlider3 .featured-content-carousel-item .featured-content-carousel-item__overlay {width: 100%; position: static; transform: none; padding: 20px 40px;}
}
/* For umHeroSlider4 */
.layout__content .widget.umHeroSlider4 {padding: 64px 9%;}
.umHeroSlider4 .featured-content-carousel__container {margin: 0; position: relative;}
.umHeroSlider4 .featured-content-carousel-item .featured-content-carousel-item__overlay {width: 50%; padding: 0 80px; bottom: auto; top: 50%; transform: translateY(-50%); background: none;}
.umHeroSlider4 .featured-content-carousel-item__title {font-size: 52px; font-weight: 700; margin-bottom: 32px;}
.umHeroSlider4 .featured-content-carousel-item__description {font-size: 16px;}
.umHeroSlider4 .featured-content-carousel__nav {position: static;}
.umHeroSlider4 .featured-content-carousel__nav button {position: absolute; top: 50%; transform: translateY(-50%); font-size: 60px; padding: 0; border: 0; background: none;}
.umHeroSlider4 .featured-content-carousel__nav button:nth-child(1) {left: 0;}
.umHeroSlider4 .featured-content-carousel__nav button:nth-child(2) {right: 0;}
@media only screen and (max-width: 979px) {
.umHeroSlider4 .featured-content-carousel-item__title {font-size: 32px; margin-bottom: 20px;}
.umHeroSlider4 .featured-content-carousel-item .featured-content-carousel-item__overlay {padding: 0 20px 0 45px;}
.umHeroSlider4 .featured-content-carousel-item__description {font-size: 14px;}
.umHeroSlider4 .featured-content-carousel__nav button {font-size: 40px;}
}
@media only screen and (max-width: 767px) {
.umHeroSlider4 .featured-content-carousel-item .featured-content-carousel-item__overlay {position: static; transform: none; width: 100%;}
.umHeroSlider4 .featured-content-carousel-item__title {font-size: 28px; color: #2e2e2e;}
.umHeroSlider4 .featured-content-carousel-item__description {color: #2e2e2e;}
.umHeroSlider4 .icon-navigateright::before, .umHeroSlider4 .icon-navigateleft::before {color: #2e2e2e;}
}
/* For umImageOverlay1 */
.layout__content .widget.umImageOverlay1 {padding: 64px 9%;}
.umImageOverlay1 .featured-content-image-overlay-item {border-radius: 12px; overflow: hidden;}
.umImageOverlay1 .featured-content-image-overlay-item__overlay {bottom: auto; padding: 0 40px; bottom: 40px; background: none;}
.umImageOverlay1 .featured-content-image-overlay-item__title {font-size: 20px; font-weight: 700; text-transform: uppercase;}
.umImageOverlay1 .featured-content-image-overlay-item__description {font-size: 14px;}
.umImageOverlay1 .featured-content-image-overlay-item:hover {border: 2px solid var(--sknsecondary);}
.umImageOverlay1 .featured-content-image-overlay-item:hover img {opacity: 0;}
.umImageOverlay1 .featured-content-image-overlay-item:hover .featured-content-image-overlay-item__title, .umImageOverlay1 .featured-content-image-overlay-item:hover .featured-content-image-overlay-item__description {color: #2e2e2e;}
.umImageOverlay1 .featured-content-block-grid li:nth-child(3) .featured-content-image-overlay-item {border: 2px solid var(--sknsecondary);}
.umImageOverlay1 .featured-content-block-grid li:nth-child(3) .featured-content-image-overlay-item img {opacity: 0;}
.umImageOverlay1 .featured-content-block-grid li:nth-child(3) .featured-content-image-overlay-item .featured-content-image-overlay-item__title, .umImageOverlay1 .featured-content-block-grid li:nth-child(3) .featured-content-image-overlay-item .featured-content-image-overlay-item__description {color: #2e2e2e;}
/* For umImageOverlay2Head */
.layout__content .widget.umImageOverlay2Head {padding: 32px 9%;}
.umImageOverlay2Head .widget__title {font-size: 52px; font-weight: 700; color: #2e2e2e;}
.umImageOverlay2Head .widget__subtitle {font-size: 20px; color: #2e2e2e; margin-bottom: 0;}
@media only screen and (max-width: 979px) {
.umImageOverlay2Head .widget__title {font-size: 32px;}
.umImageOverlay2Head .widget__subtitle {font-size: 14px;}
}
/* For umImageOverlay2 */
.layout__content .widget.umImageOverlay2 {padding: 32px 9%;}
.umImageOverlay2 .featured-content-multi-carousel-item {border: 1px solid var(--sknsecondary); border-radius: 12px; position: relative; padding-bottom: 0.75em;}
.umImageOverlay2 .featured-content-multi-carousel-item__body {display: block; padding: 1rem .75em; background: rgba(0,0,0,.1); position: relative; bottom: .75em; left: .75em; text-align: left; position: absolute; width: calc(100% - (2 * .75em));}
.umImageOverlay2 .featured-content-multi-carousel-item__title {font-size: 23px; font-weight: 700; color: #fff;}
.umImageOverlay2 .featured-content-multi-carousel-item__description {font-size: 10px; color: #fff; display: inline-block; padding: 4px 12px; border: 1px solid #fff; border-radius: 6px;}
.umImageOverlay2 .icon-navigateright::before, .umImageOverlay2 .icon-navigateleft::before {font-size: 60px; color: var(--sknsecondary); line-height: 60px;}
.umImageOverlay2 .btn--bare-icon {width: 60px; height: 60px; top: 50%; transform: translateY(-50%);}
.umImageOverlay2 .btn--bare-icon i {display: inline-block;}
.umImageOverlay2 .featured-content-multi-carousel__nav-right {right: -60px;}
.umImageOverlay2 .featured-content-multi-carousel__nav-left {left: -60px;}
@media only screen and (max-width: 767px) {
.umImageOverlay2 .btn--bare-icon {width: 40px; height: 40px;}
.umImageOverlay2 .featured-content-multi-carousel__nav-right {right: -20px;}
.umImageOverlay2 .featured-content-multi-carousel__nav-left {left: -20px;}
.umImageOverlay2 .icon-navigateright::before, .umImageOverlay2 .icon-navigateleft::before {font-size: 40px; line-height: 40px;}
}
/* For umImageOverlay3 */
.layout__content .widget.umImageOverlay3 {padding: 32px 9%;}
.umImageOverlay3 .featured-content-image-overlay-item {border: 1px solid var(--sknsecondary); border-radius: 12px; position: relative; padding: 0.75em; }
.umImageOverlay3 .featured-content-image-overlay-item::before {content: ''; display: block; width: calc(100% - (2 * .75em)); height: calc(100% - (2 * .75em)); background: rgba(106, 106, 176, .4); top: .75em; left: .75em; position: absolute;}
.umImageOverlay3 .featured-content-image-overlay-item__overlay {display: block; padding: 1rem .75em; position: relative; bottom: .75em; left: .75em; text-align: left; position: absolute; width: calc(100% - (2 * .75em)); background: none;}
.umImageOverlay3 .featured-content-image-overlay-item__title {font-size: 23px; font-weight: 700; color: #fff; margin-bottom: 12px;}
.umImageOverlay3 .featured-content-image-overlay-item__description {font-size: 10px; color: #fff; display: inline-block; padding: 4px 12px; background: var(--sknsecondary); border-radius: 6px;}
/* For umImageOverlay4 */
.layout__content .widget.umImageOverlay4 {padding: 32px 9%;}
.umImageOverlay4 .featured-content-multi-carousel-item__body {padding: 0 .75em; text-align: left;}
.umImageOverlay4 .catalog-grid-item__asset-container {padding: 0.75em;}
.umImageOverlay4 .featured-content-multi-carousel-item img {border-radius: 12px; padding: 0; margin-bottom: 12px;}
.umImageOverlay4 .featured-content-multi-carousel-item__title {text-align: left; font-size: 22px; color: #2e2e2e;}
.umImageOverlay4 .featured-content-multi-carousel-item__description {padding: 0; color: #2e2e2e; font-size: 14px; margin-bottom: 12px;}
.umImageOverlay4 .featured-content-multi-carousel-item__body::after {content: 'Explore More'; display: inline-block; font-size: 11px; font-weight: 700; background: var(--sknsecondary); color: #fff; border-radius: 6px; padding: 6px 12px;}
.umImageOverlay4 .btn--bare-icon i {line-height: 60px;}
.umImageOverlay4 .btn--bare-icon i::before {color: var(--sknsecondary); font-size: 60px;}
.umImageOverlay4 .featured-content-multi-carousel__nav-right {right: -60px;}
.umImageOverlay4 .featured-content-multi-carousel__nav-left {left: -60px;}
@media only screen and (max-width: 979px) {
.umImageOverlay4 .featured-content-multi-carousel__nav-right {right: -30px;}
.umImageOverlay4 .featured-content-multi-carousel__nav-left {left: -30px;}
}
@media only screen and (max-width: 767px) {
.umImageOverlay4 .btn--bare-icon i::before {font-size: 40px; line-height: 40px;}
.umImageOverlay4 .featured-content-multi-carousel__nav-right {right: -20px;}
.umImageOverlay4 .featured-content-multi-carousel__nav-left {left: -20px;}
}
/* For RecomendedCourse1Head */
.layout__content .widget.umRecomendedCourse1Head {padding: 32px 9%;}
.umRecomendedCourse1Head .ember-view {position: relative;}
.umRecomendedCourse1Head .widget__title {font-size: 42px; color: #2e2e2e; font-weight: 500; text-align: left; display: block; padding-right: 200px;}
.umRecomendedCourse1Head .widget__cta {position: absolute; top: 0; right: 0; padding: 0;}
.umRecomendedCourse1Head .widget__cta .btn--centered {background: var(--sknsecondary); color: #fff; font-size: 18px; text-transform: uppercase; font-weight: 700; border-radius: 22px; padding: 10px 40px; text-transform: none;}
@media only screen and (max-width: 979px) {
.umRecomendedCourse1Head .widget__title {font-size: 28px;}
.umRecomendedCourse1Head .widget__cta .btn--centered {font-size: 14px;}
}
@media only screen and (max-width: 979px) {
.umRecomendedCourse1Head .widget__title {padding: 0;}
.umRecomendedCourse1Head .widget__cta {position: static; text-align: left;}
.umRecomendedCourse1Head .widget__cta .btn--centered {display: inline-block;}
}
/* For RecomendedCourse1 */
.layout__content .widget.umRecomendedCourse1 {padding: 32px 9%;}
.umRecomendedCourse1 .featured-content-image-overlay-item img {margin-bottom: 20px; border-radius: 12px;}
.umRecomendedCourse1 .featured-content-image-overlay-item__overlay {position: static; padding: 0; background: none;}
.umRecomendedCourse1 .featured-content-image-overlay-item__overlay::after { content: 'Explore More'; display: inline-block; font-size: 11px; font-weight: 700; background: var(--sknsecondary); color: #fff; border-radius: 6px; padding: 6px 12px;}
.umRecomendedCourse1 .featured-content-image-overlay-item__title {color: #2e2e2e; font-size: 16px; font-weight: 600; margin-bottom: 20px; display: block; min-height: 40px;}
.umRecomendedCourse1 .featured-content-image-overlay-item__description {color: #2e2e2e; font-size: 12px; display: block; min-height: 66px;}
@media only screen and (max-width: 979px) {
.umRecomendedCourse1 .featured-content-image-overlay-item__title {min-height: 0;}
.umRecomendedCourse1 .featured-content-image-overlay-item__description {min-height: 0; margin-bottom: 20px;}
}
.viewTutorial .featured-content-image-overlay-item__overlay::after { content: 'View Tutorial' !important;}
/* For RecomendedCourse1 with light blue background */
/*.layout__content .widget.umRecomendedCourseBlue {padding: 32px 9%;}*/
.umRecomendedCourseBlue .widget__title { font-size: 56px; font-weight: bold; margin: 54px 0 54px 0; color: var(--sknprimary);}
.umRecomendedCourseBlue .featured-content-image-overlay-item img {margin-bottom: 20px; border-radius: 12px;}
.umRecomendedCourseBlue .featured-content-image-overlay {padding-left:10%;padding-right:10%;background: var(--skndashlight);}
.umRecomendedCourseBlue {background-color: var(--skndashlight);}
.umRecomendedCourseBlue .featured-content-image-overlay-item__overlay {position: static; padding: 0; background: none;}
.umRecomendedCourseBlue .featured-content-image-overlay-item__overlay::after { content: 'Explore More'; display: inline-block; font-size: 11px; font-weight: 700; background: var(--sknsecondary); color: #fff; border-radius: 6px; padding: 6px 12px;}
.umRecomendedCourseBlue .featured-content-image-overlay-item__title {color: var(--sknprimary); font-size: 16px; font-weight: 600; margin-bottom: 20px; display: block; min-height: 40px;}
.umRecomendedCourseBlue .featured-content-image-overlay-item__description {color: #2e2e2e; font-size: 12px; display: block; min-height: 66px;}
@media only screen and (max-width: 979px) {
.umRecomendedCourseBlue .featured-content-image-overlay-item__title {min-height: 0;}
.umRecomendedCourseBlue .featured-content-image-overlay-item__description {min-height: 0; margin-bottom: 20px;}
}
/* For umLinkList1 */
.layout__content .widget.umLinkList1 {padding: 32px 9%;}
.umLinkList1 .catalog-grid-item {border: 1px solid var(--sknsecondary); border-radius: 12px; position: relative; min-height: 300px;}
.umLinkList1 .catalog-grid-item .catalog-grid-item__asset-container img {opacity: 0;}
.umLinkList1 .catalog-grid-item .catalog-grid-item__body {position: absolute; top: 50%; transform: translateY(-50%); text-align: center;}
.umLinkList1 .catalog-grid-item .catalog-grid-item__hr {display: none;}
.umLinkList1 .catalog-grid-item .catalog-grid-item__cta-container {display: none;}
.umLinkList1 .catalog-grid-item__title {margin-bottom: 20px; color: var(--sknsecondary); font-weight: 600;}
.umLinkList1 .catalog-grid-item__description {height: auto !important; display: inline-block; padding: 6px 28px; border: 1px solid var(--sknsecondary); border-radius: 10px; color: var(--sknsecondary);}
.umLinkList1 .catalog-grid-item .column {position: static;}
@media only screen and (max-width: 979px) {
.umLinkList1 .catalog-grid-item__title {height: auto !important;}
.umLinkList1 .catalog-grid-item .catalog-grid-item__body {width: calc(100% - 1.5em);}
}
/* For umLinkList2 */
.layout__content .widget.umLinkList2 {padding: 32px 9%;}
.umLinkList2 .featured-content-image-overlay-item {position: relative; border-radius: 12px;}
.umLinkList2 .featured-content-image-overlay-item img {opacity: 0;}
.umLinkList2 .featured-content-block-grid li:nth-child(3) .featured-content-image-overlay-item {background: #044e7c;}
.umLinkList2 .featured-content-block-grid li:nth-child(6) .featured-content-image-overlay-item {background: #044e7c;}
.umLinkList2 .featured-content-block-grid li:nth-child(9) .featured-content-image-overlay-item {background: #044e7c;}
.umLinkList2 .featured-content-block-grid li:nth-child(12) .featured-content-image-overlay-item {background: #044e7c;}
.umLinkList2 .featured-content-image-overlay-item__overlay {top: 50%; transform: translateY(-50%); text-align: center; bottom: auto; background: none;}
@media only screen and (max-width: 979px) {
.featured-content-image-overlay-item__title {font-size: 800px;}
}
/* For umNavigation1 */
.umNavigation1 {display: block; width: calc(100% - 300px - 200px);}
.umNavigation1 .navigation-bar .top-bar-section ul > li.navigation-item:not(.has-form) {padding: 0;}
.umNavigation1 .navigation-bar .top-bar-section ul > li.navigation-item:not(.has-form) a {padding: 8px 1.5em; font-size: 16px; text-transform: none;}
.umNavigation1 .navigation-bar .top-bar-section ul > li.has-dropdown.hover > a {border-bottom: 4px solid var(--sknsecondary);}
.umNavigation1 .navigation-bar .top-bar-section .has-dropdown > a::after {display: none;}
.umNavigation1 .navigation-bar .top-bar-section ul > li.has-dropdown.hover ul li {box-shadow:none; border-bottom: 1px solid #2e2e2e; font-size: 14px;}
.umNavigation1 .navigation-bar .top-bar-section ul > li.has-dropdown.hover ul li a {font-size: 14px;}
.umNavigation1 .navigation-bar .top-bar-section ul > li.has-dropdown.hover ul li:hover a {color: var(--sknsecondary);}
/* For umNavigation2 */
.umNavigation2 {display: block; width: calc(100% - 300px - 200px);}
.umNavigation2 .navigation-bar .top-bar-section ul > li.navigation-item:not(.has-form) {padding: 0;}
.umNavigation2 .navigation-bar .top-bar-section ul > li.navigation-item:not(.has-form) a {padding: 8px 1.5em; font-size: 16px; text-transform: none;}
.umNavigation2 .navigation-bar .top-bar-section ul > li a {color: #afaeb1;}
.umNavigation2 .navigation-bar .top-bar-section .has-dropdown > a::after {border-color: #afaeb1 transparent transparent; display: inline-block; vertical-align: middle; margin-left: 8px; position: static; margin-top: 0; transform: rotate(-90deg);}
.umNavigation2 .navigation-bar .top-bar-section ul > li.hover.navigation-item:not(.has-form) > a {background: #d8d7ec; border-radius: 12px; color: var(--sknsecondary);}
.umNavigation2 .navigation-bar .top-bar-section .has-dropdown.hover > a::after {border-color: var(--sknsecondary) transparent transparent; transform: rotate(0);}
.umNavigation2 .navigation-bar .top-bar-section ul > li.has-dropdown ul li {border: 0;}
.umNavigation2 .navigation-bar .top-bar-section ul > li.has-dropdown ul li a {font-size: 14px;}
.umNavigation2 .navigation-bar .top-bar-section ul > li.hover.navigation-item:not(.has-form) ul li {border: 0; box-shadow: none;}
.umNavigation2 .navigation-bar .top-bar-section ul > li.hover.navigation-item:not(.has-form) ul li a:hover {background: #d8d7ec; border-radius: 12px; color: var(--sknsecondary);}
/* For umNavigation3 */
.umNavigation3 {display: block; width: calc(100% - 300px - 200px);}
.umNavigation3 .navigation-bar .top-bar-section ul > li.navigation-item:not(.has-form) {padding: 0;}
.umNavigation3 .navigation-bar .top-bar-section ul > li.navigation-item:not(.has-form) a {padding: 8px 1.5em; font-size: 16px; text-transform: none; background: none;}
.umNavigation3 .navigation-bar .top-bar-section ul > li a {color: #afaeb1; background: none;}
.umNavigation3 .navigation-bar .top-bar-section .has-dropdown > a::after {border: 0; content: '+'; float: right; position: static; margin-top: 0; margin-left: 8px; font-size: 24px;}
.umNavigation3 .navigation-bar .top-bar-section .has-dropdown.hover > a::after {content: '-';}
.umNavigation3 .navigation-bar .top-bar-section ul > li.has-dropdown ul li {border: 0;}
.umNavigation3 .navigation-bar .top-bar-section ul > li.has-dropdown ul li a {font-size: 14px;}
.umNavigation3 .navigation-bar .top-bar-section ul > li.hover.navigation-item:not(.has-form) ul li {border: 0; box-shadow: none; background: none;}
.umNavigation3 .navigation-bar .top-bar-section ul > li.hover.navigation-item:not(.has-form) ul li a:hover {background: #d8d7ec; color: var(--sknsecondary);}
/* CHECK VAR COLOR SYNTAX edited color but wasn't on course page */
.umNavigation3 .navigation-bar .top-bar-section ul > li.hover.navigation-item:not(.has-form) {border: 1px solid --sknsecondary; border-bottom: 0;
border-top-left-radius: 8px; border-top-right-radius: 8px;}
/* CHECK VAR COLOR SYNTAX edited color but wasn't on course page */
.umNavigation3 .navigation-bar .top-bar-section ul > li.hover.navigation-item:not(.has-form) ul {border: 1px solid --sknsecondary; border-top: 0; border-bottom-left-radius: 8px; border-bottom-right-radius: 8px; width: calc(100% + 2px); left: -1px; border-bottom-left-radius: 8px; border-bottom-right-radius: 8px; background: #fff;}
.umNavigation3 .navigation-bar .top-bar-section .dropdown li:not(.has-form):not(.active) > a:not(.button) {background: none;}
/* For umNavigation1 */
.umNavigation4 {display: block; width: calc(100% - 300px - 200px);}
.umNavigation4 .navigation-bar .top-bar-section ul > li.navigation-item:not(.has-form) {padding: 0;}
.umNavigation4 .navigation-bar .top-bar-section ul > li.navigation-item:not(.has-form) a {padding: 8px 1.5em; font-size: 16px; text-transform: none;}
.umNavigation4 .navigation-bar .top-bar-section ul > li.has-dropdown.hover > a {background: var(--sknsecondary); color: #fff;}
.umNavigation4 .navigation-bar .top-bar-section .has-dropdown > a::after {display: none;}
.umNavigation4 .navigation-bar .top-bar-section ul > li.has-dropdown ul li {box-shadow:none; border: 0; padding: 0;}
.umNavigation4 .navigation-bar .top-bar-section ul > li.has-dropdown ul li a {font-size: 14px;}
.umNavigation4 .navigation-bar .top-bar-section .dropdown li:not(.has-form):not(.active) > a:not(.button):hover {color: var(--sknsecondary); background: #d8d7ec;}
/* For umSearchbar1 */
.layout__content .widget.umSearchbar1 {padding: 32px 9%;}
.umSearchbar1 button i {display: none;}
.umSearchbar1 .search-bar-widget button { background: var(--sknsecondary); color: #fff; font-weight: 600; text-transform: none; height: 50px; font-size: 20px; padding: 0 42px; border-radius: 8px !important;}
.umSearchbar1 .search-bar-widget input {height: 50px; width: calc(100% - 156px); border: 0; box-shadow: none; border-radius: 8px; background: var(--skndiscussionsearchbar); padding-left: 40px;}
@media only screen and (max-width: 979px) {
.umSearchbar1 .search-bar-widget button {font-size: 14px; height: 42px;}
.umSearchbar1 .search-bar-widget input {height: 42px; width: calc(100% - 136px); font-size: 14px; padding-left: 20px;}
}
/* For umSearchbar2 */
.layout__content .widget.umSearchbar2 {padding: 32px 9%;}
.umSearchbar2 button i {}
.umSearchbar2 .search-bar-widget button { background: var(--sknsecondary); color: #fff; font-weight: 600; text-transform: none; height: 60px; font-size: 20px; padding: 0 32px; border-radius: 0 !important;}
.umSearchbar2 .search-bar-widget input {height: 60px; width: 100%; border: 0; box-shadow: none; border-radius: 0; background: #fff; padding-left: 40px; border: 1px solid var(--sknsecondary);}
@media only screen and (max-width: 979px) {
.umSearchbar2 .search-bar-widget input {height: 42px; font-size: 14px; padding-left: 20px;}
.umSearchbar2 .search-bar-widget button {height: 42px; font-size: 14px;}
}
/* For umSearchbar3 */
.layout__content .widget.umSearchbar3 {padding: 32px 9%;}
.umSearchbar3 button i { font-size: 35px; color: var(--med);}
.umSearchbar3 .search-bar-widget button { background: none; color: #fff; font-weight: 600; text-transform: none; height: 60px; font-size: 20px; padding: 0 32px; border-radius: 0 !important; border: 0;}
.umSearchbar3 .search-bar-widget button span {display: none;}
.umSearchbar3 .search-bar-widget input {height: 60px; width: 100%; border: 0; box-shadow: none; border-radius: 0; background: #fff; padding-left: 40px; border: 1px solid var(--sknsecondary); border-radius: 30px;}
@media only screen and (max-width: 979px) {
.umSearchbar3 button i {display: block; font-size: 26px;}
.umSearchbar3 .search-bar-widget button {height: 42px; }
.umSearchbar3 .search-bar-widget input {height: 42px; padding-left: 20px; font-size: 14px;}
}
/* For umLearnerAccess1 */
.layout__content .widget.umLearnerAccess1 {padding: 32px 9%; width: 100%;}
.umLearnerAccess1 .dashboard-access {padding: 32px; border: 1px solid var(--sknsecondary); border-radius: 12px;}
.umLearnerAccess1 .dashboard-access-tabs {margin-bottom: 20px;}
.umLearnerAccess1 .dashboard-access-tab {padding: 6px 20px; font-size: 12px; border-radius: 14px; box-shadow: none; border: 1px solid var(--sknsecondary); background: #fff; margin-right: 12px;}
.umLearnerAccess1 .dashboard-access-tab__count::before {content: '(';}
.umLearnerAccess1 .dashboard-access-tab__count::after {content: ')';}
.umLearnerAccess1 .dashboard-access-list-item {padding: 8px 0; color: #2e2e2e; font-size: 14px;}
.umLearnerAccess1 .dashboard-access-list-item-expander i {color: var(--sknsecondary); font-size: 20px; font-weight: 700;}
.umLearnerAccess1 .btn--small {margin: 0;}
.umLearnerAccess1 .dashboard-access-list-item-expander__title {font-size: 14px !important;}
.umLearnerAccess1 .btn--primary {color: var(--sknsecondary); font-weight: 700; background: none; border: 0; font-size: 14px;}
.umLearnerAccess1 .dashboard-access-list-item:nth-of-type(2n) {background: none;}
@media only screen and (max-width: 767px) {
.umLearnerAccess1 .dashboard-access {padding: 20px;}
}
/* For umLearnerAccess2 */
.layout__content .widget.umLearnerAccess2 {padding: 32px 9%; width: 100%;}
.umLearnerAccess2 .dashboard-access-tab {border: 0; padding: 10px 24px;}
.umLearnerAccess2 .dashboard-access-tab__count::before {content: '(';}
.umLearnerAccess2 .dashboard-access-tab__count::after {content: ')';}
.umLearnerAccess2 .dashboard-access-list-item {padding: 8px 0; color: #2e2e2e; font-size: 14px; font-weight: 700; background: #cec8e9;}
.umLearnerAccess2 .dashboard-access-list-item-expander i.icon-navigateright:before {color: var(--sknsecondary); font-size: 24px; font-weight: 700; content: '+'; vertical-align: middle;}
.umLearnerAccess2 .btn--small {margin: 0;}
.umLearnerAccess2 .dashboard-access-list-item-expander__title {font-size: 14px !important;}
.umLearnerAccess2 .btn--primary {color: var(--sknsecondary); font-weight: 700; background: none; border: 0; font-size: 14px;}
.umLearnerAccess2 .dashboard-access-list-item:nth-of-type(2n) {background: #e6e3f4;}
@media only screen and (max-width: 767px) {
.umLearnerAccess2 .dashboard-access-tab {width: 180px;}
}
/* For umLearnerAccess3
.layout__content .widget.umLearnerAccess3 {padding: 32px 9%; width: 100%;}
.umLearnerAccess3 .dashboard-access__header {background: none;}
.umLearnerAccess3 .dashboard-access {background: #edecf6; border-top-left-radius: 20px; border-top-right-radius: 20px;}
.umLearnerAccess3 .dashboard-access__header--expanded {color: var(--sknsecondary); background: none; border: 0;}
.umLearnerAccess3 .dashboard-access__header .button-expander {border-radius: 50%; border: 0; background: #fff !important;}
.umLearnerAccess3 .dashboard-access-tabs {background: #f3f2f9;}
.umLearnerAccess3 .dashboard-access-tabs li {border: 0; border-radius: 0; background: none;}
.umLearnerAccess3 .dashboard-access-tabs li.dashboard-access-tab--active {background: var(--sknsecondary);}
.umLearnerAccess3 .dashboard-access-tab--active .dashboard-access-tab__label {color: #8b8cc4;}
.umLearnerAccess3 .dashboard-access-tab--active .dashboard-access-tab__count {display: inline-block; background: #b8b6db; width: 22px; line-height: 22px; border-radius: 50%; color: #8b8cc4;}
.umLearnerAccess3 .dashboard-access-list-item {padding: 8px 0; color: #2e2e2e; font-size: 14px; font-weight: 700; background: #cec8e9;}
.umLearnerAccess3 .dashboard-access-list-item-expander i.icon-navigateright:before {color: var(--sknsecondary); font-size: 24px; font-weight: 700; content: '+'; vertical-align: middle;}
.umLearnerAccess3 .btn--small {margin: 0;}
.umLearnerAccess3 .dashboard-access-list-item-expander__title {font-size: 14px !important;}
.umLearnerAccess3 .btn--primary {color: var(--sknsecondary); font-weight: 700; background: none; border: 0; font-size: 14px;}
.umLearnerAccess3 .dashboard-access-list-item:nth-of-type(2n) {background: #e6e3f4;}
@media only screen and (max-width: 767px) {
.umLearnerAccess3 .dashboard-access span.head {padding: 8px 16px;}
}
.layout__content .widget.umLearnerAccess4 {padding: 32px 9%; width: 100%;}
.umLearnerAccess4 .dashboard-access {background: #fff; border: 1px solid var(--sknsecondary); border-top-left-radius: 20px; border-top-right-radius: 20px; padding-bottom: 1px;}
.umLearnerAccess4 .dashboard-access__header {background: none;}
.umLearnerAccess4 .dashboard-access__header--expanded {color: var(--sknsecondary); background: none; border: 0;}
.umLearnerAccess4 .dashboard-access__header .button-expander {border-radius: 50%; border: 0; background: #fff !important;}
.umLearnerAccess4 .dashboard-access-tabs {background: #edecf6;}
.umLearnerAccess4 .dashboard-access-tabs li {border: 0; border-radius: 0; background: none;}
.umLearnerAccess4 .dashboard-access-tab--active .dashboard-access-tab__label {color: #8b8cc4;}
.umLearnerAccess4 .dashboard-access-tab .dashboard-access-tab__count {display: inline-block; margin: 0; padding: 0;}
.umLearnerAccess4 .dashboard-access-tab--active .dashboard-access-tab__count {color: var(--sknsecondary); position: relative; top: -5px;}
.umLearnerAccess4 .dashboard-access-list-item {padding: 8px 0; color: #2e2e2e; font-size: 14px; font-weight: 700; background: #cec8e9;}
.umLearnerAccess4 .dashboard-access-list-item-expander i.icon-navigateright:before {color: var(--sknsecondary); font-size: 24px; font-weight: 700; content: '+'; vertical-align: middle;}
.umLearnerAccess4 .btn--small {margin: 0;}
.umLearnerAccess4 .dashboard-access-list-item-expander__title {font-size: 14px !important;}
.umLearnerAccess4 .btn--primary {color: var(--sknsecondary); font-weight: 700; background: none; border: 0; font-size: 14px;}
.umLearnerAccess4 .dashboard-access-list-item:nth-of-type(2n) {background: #e6e3f4;}
@media only screen and (max-width: 767px) {
.umLearnerAccess4 .dashboard-access span.head {padding: 8px 16px;}
} */
/* For Communities Discussion Board */
.layout__content .widget.widget--discussion-board, .learn.dashboard .widget.widget--discussion-board {padding: 64px 9%;}
.widget--discussion-board .columns {padding: 0;}
.widget--discussion-board .widget__title {text-align: left; font-size: 32px; font-weight: 600; color: #2e2e2e;}
.widget--discussion-board .btn--primary { display: inline-block; margin-left: 8%; background: var(--sknsecondary); font-weight: 600; border: 0; border-radius: 6px; color: #fff;}
.widget--discussion-board .discussion-search-bar .catalog-filters {border-radius: 24px; overflow: hidden; border: 0; background: var(--skndiscussionsearchbar);}
.widget--discussion-board .discussion-search-bar .catalog-filters__search {background: none;}
.widget--discussion-board .discussion-search-bar input, .widget--discussion-board .discussion-search-bar select {background: none; padding: 0 20px; margin: 0;}
.widget--discussion-board .discussion-search-bar {margin-bottom: 60px;}
.widget--discussion-board .discussion-search-bar .catalog-filters__sort {border-left: 2px solid #fff; background: none;}
.discussion-card__list > li {width: 50%;}
.discussion-card__list > li .discussion-card {padding: 4%; border: 2px solid var(--sknsecondary);}
.discussion-card__list > li .discussion-card .discussion-card__title {font-size: 23px; color: #2e2e2e; /*padding-bottom: 20px;*/ font-weight: 500;}
.discussion-card__list > li .discussion-card .discussion-card__body-text {font-size: 14px; color: #2e2e2e; /*padding-bottom: 20px;*/}
.discussion-card__list > li .discussion-card .btn--primary {color: var(--sknsecondary); font-size: 18px; background: none; border: 1px solid var(--sknsecondary); font-weight: 700; border-radius: 12px;}
@media only screen and (max-width: 979px) {
.widget--discussion-board .discussion-search-bar {margin-bottom: 40px;}
.discussion-card__list > li {width: 100%;}
}
@media only screen and (max-width: 767px) {
.discussion-card__list > li .discussion-card .discussion-card__title {font-size: 18px;}
.discussion-card__list > li .discussion-card .discussion-card__body-text {font-size: 12px;}
.discussion-card__list > li .discussion-card .btn--primary {font-size: 14px;}
}
/* For umVideo2 */
.layout__content .widget.umVideo2 {padding: 64px 9%;}
.umVideo2 .columns {padding: 0;}
.umVideo2 > .ember-view {display: block; border: 1px solid var(--sknsecondary); overflow: hidden; border-radius: 12px;}
.umVideo2 > .ember-view::after {content: ''; display: block; clear: both;}
.umVideo2 > .ember-view > .ember-view {width: 48%; float: right; padding: 4%;}
.umVideo2 > .ember-view .video__container {padding: 0;}
.umVideo2 > .ember-view > .row {width: 48%; float: left; text-align: left;}
.umVideo2 .widget__title {text-align: left; color: #2e2e2e;}
.umVideo2 .widget__subtitle {text-align: left; margin-bottom: 0; min-height: 80px; color: #2e2e2e;}
.umVideo2 .widget__cta {text-align: left;}
.umVideo2 .btn--centered {display: inline-block; margin-left: 8%; background: var(--sknsecondary); font-weight: 600; border: 0; border-radius: 6px;}
@media only screen and (max-width: 979px) {
.umVideo2 > .ember-view > .ember-view, .umVideo2 > .ember-view > .row {width: 100%; float: none;}
.umVideo2 .widget__subtitle {min-height: 0;}
.umVideo2 .widget__cta {text-align: center; padding: 1.5rem 0 0;}
}
/* For umVideo3 */
.layout__content .widget.umVideo3 {padding: 64px 9%;}
.umVideo3 .columns {padding: 0;}
.umVideo3 .video__container {padding: 0; border-radius: 12px; overflow: hidden;}
.umVideo3 .widget__title {font-size: 42px; font-weight: 600; color: #2e2e2e; text-align: left;}
.umVideo3 .widget__subtitle {font-size: 20px; color: #2e2e2e; text-align: left;}
@media only screen and (max-width: 979px) {
.umVideo3 .widget__title, .umVideo4 .widget__title {font-size: 28px;}
.umVideo3 .widget__subtitle {font-size: 14px;}
}
/* For umVideo4 */
.layout__content .widget.umVideo4 {padding: 64px 9%;}
.umVideo4 .columns {padding: 0;}
.umVideo4 .video__container {padding: 0;}
.umVideo4 > .ember-view {position: relative;}
.umVideo4 > .ember-view > .ember-view {padding-bottom: 40px;}
.umVideo4 > .ember-view > .ember-view, .umVideo4 > .ember-view > .row {display: inline-block; vertical-align: middle; width: calc(48% - 4px);}
.umVideo4 > .ember-view > .row {margin-left: 4%;}
.umVideo4 .widget__title {font-size: 42px; font-weight: 600; color: #2e2e2e; text-align: left;}
.umVideo4 .widget__subtitle {font-size: 20px; color: #2e2e2e; text-align: left;}
.umVideo4 .widget__cta {position: absolute; bottom: 0; left: 0;}
.umVideo4 .btn--centered {display: inline-block; background: var(--sknsecondary); font-weight: 600; border: 0; border-radius: 6px;}
@media only screen and (max-width: 979px) {
.umVideo4 .widget__title {font-size: 28px;}
.umVideo4 .widget__subtitle {font-size: 14px;}
.umVideo4 > .ember-view > .ember-view, .umVideo4 > .ember-view > .row {width: 100%; margin: 0;}
.umVideo4 .widget__cta {position: static; text-align: center;}
}
/* For umVideo4 */
.layout__content .widget.umVideo5 {padding: 64px 9%;}
.umVideo5 .columns {padding: 0;}
.umVideo5 .video__container {padding: 0; border-radius: 12px; overflow: hidden;}
.umVideo5 > .ember-view {position: relative; display: flex; flex-direction: row-reverse;}
.umVideo5 > .ember-view > .ember-view {padding-bottom: 40px; padding: 32px; border: 1px solid var(--sknsecondary); border-radius: 12px;}
.umVideo5 > .ember-view > .ember-view, .umVideo5 > .ember-view > .row {display: inline-block; vertical-align: middle; width: calc(49% - 4px);}
.umVideo5 > .ember-view > .row {}
.umVideo5 .widget__title {font-size: 28px; font-weight: 600; color: #2e2e2e; text-align: left;}
.umVideo5 .widget__subtitle {font-size: 18px; color: #2e2e2e; text-align: left;}
.umVideo5 .widget__cta {position: absolute; left: calc(50% + 1% + 32px); bottom: 32px;}
.umVideo5 .btn--centered {display: inline-block; background: var(--sknsecondary); font-weight: 600; border: 0; border-radius: 6px; margin: 0;}
@media only screen and (max-width: 979px) {
.umVideo5 > .ember-view > .ember-view, .umVideo5 > .ember-view > .row {width: 100%;}
.umVideo5 > .ember-view > .ember-view {margin-bottom: 20px;}
.umVideo5 > .ember-view {display: block;}
.umVideo5 .widget__subtitle {font-size: 14px; margin: 0;}
.umVideo5 .widget__cta {position: static; text-align: center;}
}
@media only screen and (max-width: 767px) {
}
/**this css is for initial tutorial launch**/
.course__detail__sidebar .panel {
display:block;
}
.course__detail__enrolled {display:block;}
/* Grid layout */
.footer-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
gap: 2rem;
width: 100%;
}
/* Column styling */
.col {
min-width: 200px;
padding: 0 1rem;
}
/* Logo column specific */
.logo-col {
display: flex;
flex-direction: column;
}
/* Address styling */
.address-col h3 {
margin-bottom: 1rem;
}
.address-list {
list-style: none;
padding: 0;
margin: 0;
}
/* Button styling */
.button-spacer {
height: 1rem;
}
.footer-button {
color: inherit;
text-decoration: underline;
margin-top: 0.5rem;
}
/* Social links */
.social-links {
list-style: none;
padding: 0;
margin: 0;
}
.social-links li {
margin-bottom: 0.75rem;
}
.social-links i {
margin-right: 0.5rem;
}
/* Copyright */
.footer_text {
margin-top: 2rem;
text-align: center;
}
/* Link styling within accordion answers */
.cd-accordion-link {
text-decoration: underline;
color: #2A4365;
transition: color 0.2s ease;
}
.cd-accordion-link:hover {
color: #4299E1; /* Hover color - adjust to brand */
}
html {
scroll-behavior: smooth;
}
#privacy-policy,
#terms-of-service {
scroll-margin-top: 100px;
}
/*dashboard header account name text color */
.dashboard-header__name {
color: white;
}
.dashboard-header__arrow {
color: white;
}
.section7-blue2 { background: #006ec7; }
.section7-blue2 .row { width: 82%; margin-top: 9%; margin-bottom: 9%;}
.section7-blue2 .editor-content img { width: 100%; }
.section7-title-blue2 { color: white; font-size: 50px; margin-top: 15%; }
.section7-blue2 p { margin-bottom: 0px; }
.section7-description-blue2 { color: white; font-size: 20px; margin-bottom: 1rem; }
.section7-btn-blue2 { background: transparent; color: var(--sknsecondary); border: 3px solid var(--sknsecondary); border-radius: 10px; width: 100%; max-width: 268px; margin-top: 30px; font-size: 22px; font-weight: 600;}
.learner-dashboard-hero {
max-height: 84vh; /* 84% of viewport height */
height: 85vh; /* Fixed height */
overflow: hidden; /* Prevent content overflow */
position: relative; /* For absolute positioning of child elements */
margin-bottom: 0; /* Remove default margins */
/* Optional gradient overlay (matches your existing hero styles) */
background: linear-gradient(to right, rgba(4, 78, 124, 0.8), rgba(4, 78, 124, 0.2));
}
/* Child elements (adjust as needed) */
.learner-dashboard-hero .hero__caption {
position: absolute;
top: 50%;
left: 9%;
transform: translateY(-50%);
width: 40%; /* Adjust width as needed */
color: white; /* Text color */
}
.learner-dashboard-hero .hero__title {
font-size: 3rem; /* 48px */
font-weight: 700;
margin-bottom: 1rem;
}
/* Responsive adjustments */
@media (max-width: 1024px) {
.learner-dashboard-hero {
height: 60vh;
}
.learner-dashboard-hero .hero__caption {
width: 60%;
}
}
@media (max-width: 768px) {
.learner-dashboard-hero {
height: 50vh;
}
.learner-dashboard-hero .hero__caption {
width: 80%;
left: 5%;
}
.learner-dashboard-hero .hero__title {
font-size: 2rem; /* 32px */
}
}
/* IMPORT LIVE */
.pad {padding: 0rem 15rem !important;}
/* Home Page */
@media only screen and (max-width: 1279px) {
.layout__content .widget.josFeaturedVideo {padding: 3rem 4%;}
.Testimonial .featured-content-carousel__list > li .featured-content-carousel-item__overlay h4 {font-size: 14px;}
.Testimonial .featured-content-carousel__dot {width: 74px; height: 4px;}
.Testimonial .featured-content-carousel__dots {padding-top: 1rem;}
}
@media only screen and (max-width: 579px) {
.Testimonial .featured-content-carousel__list > li picture {width: 100%;}
.Testimonial .featured-content-carousel__list > li .featured-content-carousel-item__overlay {width: 100%;}
.Testimonial .featured-content-carousel__dot {margin: 0 4px; width: 32px;}
}
@media only screen and (min-width: 64.063em) {
.container { max-width: 100%; }
}
@media only screen and (min-width: 48.063em) {
}
.hero .hero__caption { background: transparent; left: 9%; top: 50%; transform: translateY(-50%); bottom: auto;}
input[type=search]:focus { background: transparent; }
.index .header--microsite, .dashboard .header--dashboard, .page .header--microsite { top: 0; left: 0; width: 100%; padding: 0; padding: 0 8%; z-index: 2; }
/* original - replaced with row 43 above
.index .header--microsite, .header--dashboard { position: absolute; top: 0; left: 0; width: 100%; padding: 0; padding: 0 8%; z-index: 2; }*/
.index .header--microsite .company__beta-logo { position: absolute; top: 15px; left: 8%; }
.header--microsite .top-bar { border: 0; display: inline-block; width: calc(100% - 160px - 300px);margin-left: 300px; background: none; padding: 0px 0; margin-top: 12px;}
.header--microsite .top-bar .top-bar-section { display: block; text-align: center; width: 100%; }
.header--microsite .top-bar .top-bar-section ul { display: block; width: 100%; text-align: center; }
.header--microsite .top-bar .top-bar-section::after { content: ''; display: block; clear: both; }
.header--microsite .top-bar .top-bar-section li { display: inline-block; float: none; padding: 0; background: none; }
.header--microsite .top-bar .top-bar-section li:not(.has-form) a:not(.button) { background: none; color: white; }
.nav--top ul li:nth-last-child(3) { display: none; }
/*Hide*/
.layout__content .widget.Testimonial {padding: 8rem calc(12% - 64px);}
.Testimonial { background: #eaeaea; }
.Testimonial .featured-content-carousel__list>li {color: #000;}
.Testimonial .featured-content-carousel__list>li picture {display: inline-block; width: calc(50% - 4px); vertical-align: middle; padding: 35px;}
.Testimonial .featured-content-carousel__list>li .featured-content-carousel-item__overlay {display: inline-block; width: calc(50% - 4px); vertical-align: top; background: none; position: static; text-align: left; }
.Testimonial .featured-content-carousel__list>li .featured-content-carousel-item__overlay h4 {font-size: 84px; font-weight: bold; color: black;}
.Testimonial .featured-content-carousel__list>li .featured-content-carousel-item__overlay p {font-size: 16px; color: black; margin-top: 40px; font-style: italic;}
.Testimonial .featured-content-carousel__dots {position: static; padding: 3rem 0 0;}
.Testimonial .featured-content-carousel__dot {width: 104px; border-radius: 0; background: #c0c0c0; margin: 0 16px;}
.Testimonial .featured-content-carousel__dot.featured-content-carousel__dot--active {background: #2e2e2e;}
.Testimonial .featured-content-carousel__nav {display: block !important; bottom: auto; top: 50%; width: 100%; left: 0; margin: 0; padding: 0;}
.Testimonial .featured-content-carousel__nav button:nth-child(1) {float: left;}
.Testimonial .featured-content-carousel__nav button:nth-child(2) {float: right;}
.Testimonial .btn--primary:hover, .Testimonial .btn--primary:active, .Testimonial .btn--primary, .Testimonial .btn {background: none; border: 0;}
.Testimonial .icon-navigateleft:before, .Testimonial .icon-navigateright:before {color: #2e2e2e; font-size: 45px;}
.featured-content-carousel__container { margin-left: 6%; margin-right: 6%; }
.featured-content-carousel__dots { display:none; }
.hero .hero__caption { width: 30%; }
.hero__caption .h4 { display: block; color: white !important; font-size: 20px; margin-bottom: 20px; }
.hero .hero__caption .hero__title { color: white; font-size: 80px; font-weight: 700;}
.hero .hero__caption span {font-size: 23px;}
.hero .btn--primary { color: white; background-color: transparent; border: 2px solid white; border-radius: 10px; font-size: 26px;}
.layout__content .hero { margin-bottom: 0px; height: 700px; }
.row .row { margin: 0 auto; }
.section-2 { padding: 0px !important; background: var(--sknprimary); }
.section-2 .columns { padding-left: 0px; padding-right: 0px; }
.section-2 .columns img{ width: 100%; }
.section-2 .columns p{ margin-bottom: 0px; font-size: 23px;}
.section-2 .editor-content { height: 100%; align-items: center; }
.column2 h3 { color:white; font-size: 62px; }
.column2 p { color:white; }
.column2 { padding: 15% 15% 0; }
.searchbar { width: 95%; margin-top: 7%; text-align: center; margin-bottom: 6%; }
.searchbar .ember-text-field { border-radius: 10px; width: calc(100% - 200px); border: 2px solid var(--sknschborder); box-shadow: inset 0 0px 0px rgb(0 0 0 / 10%); background: var(--sknsearchbar); }
.searchbar .ember-text-field input.ember-text-field:focus {background: var(--sknsearchbar);}
.searchbar .btn--primary .icon-search { display:none; }
.searchbar .btn--primary { background-color: var(--sknprimary); color: #fff; border-radius: 10px !important; font-size: 22px; text-transform: none; font-weight: 600; float: right;}
.searchbar .search-bar-widget button {position: static; height: 60px; padding: 0 48px;}
.search-bar-widget input {height: 60px; font-size: 22px;}
.section3 { width: 81%; }
.section3 h2.widget__title { font-size: 56px; font-weight: 600; color: #2e2e2e;}
.section3 p.widget__subtitle {font-size: 18px; color: #2e2e2e;}
.section3 .widget__cta { padding: 0px; }
.section3 .widget__cta .btn--primary { background-color: var(--sknprimary); border-radius: 10px; border: 0px solid; font-size: 18px; padding: 12px 32px; font-weight: 600; color: #fff;}
.section4 { width: 83%; margin-top: 10px;}
.section4 .catalog-grid-item { border: 3px solid var(--sknsecondary); border-radius: 10px; }
.section4 .catalog-grid-item__title { font-size: 32px; color: black; margin-top: 10px; color: #2e2e2e; font-weight: 600;}
.section4 .catalog-grid-item__description { color: #2e2e2e; margin-top: 10px; font-size: 17px;}
.section4 .catalog-grid-item__cta-container {display: block;}
/*.section4 .catalog-grid-item__cta-container .btn--right { float: left; border: 1px solid var(--sknprimary); padding: 12px 32px !important; border-radius: 10px; margin-top: 50px; font-weight: 600; color: var(--sknprimary); margin-bottom: 10px; font-size: 22px;}*/
.section6 .catalog-grid-item__cta-container .btn--right { float: left; border: 3px solid var(--sknsecondary); padding: 6px 14px !important; border-radius: 6px; margin-top: 50px; font-weight: 600; color: var(--sknprimary); margin-bottom: 10px; font-size: 13px;}
.section5 .ember-view div:nth-child(1) { display: inline-block; margin-left: 10%; }
.section5 .widget__cta { padding: 0; display: inline-block; float: right; margin-right: 10%; }
.section4 .catalog-grid-item__hr, .section5 .row, .section6 .catalog-grid-item__hr { display:none; }
.section5 {background: #00A2E3 !important;}
.section5 .widget__title { font-size: 56px; font-weight: 600; color: white;}
.section5 { margin-top: 100px; }
.section5 .widget__cta .btn--centered { display: block; background: white; border: 3px solid var(--sknprimary); border-radius: 10px; padding: 12px 32px; font-size: 18px; font-weight: 600; color: var(--sknprimary);}
.section6 .featured-content-block-grid {padding-left: 5%;padding-right:5%!important;} /*added padding to compensate for removing it below*/
.section6 {margin-bottom: 100px;background:var(--sknsecondary);} /*removed width: 83% to allow color on background and added background color*/
.section6 .catalog-grid-item { background:white; border: 3px solid var(--sknprimary); position: relative; border-radius: 10px; } /*added background white*/
.section6 .column.medium-12 { padding-top: 1rem;}
.section6 .catalog-grid-item__body .catalog-grid-item__title { font-size: 20px; font-weight: bold; color: var(--sknprimary);}
.section6 .catalog-grid-item__body .catalog-grid-item__description { font-size: 13px; color: var(--sknprimary);}
.section6 .catalog-grd-item__body catalog-grid-item__body {min-height: 220px;}
.section7 { background: var(--sknprimary); }
.section7 .row { width: 82%; margin-top: 9%; margin-bottom: 9%;}
.section7 .editor-content img { width: 100%; }
.section7-title { color: white; font-size: 50px; margin-top: 15%; }
.section7 p { margin-bottom: 0px; }
.section7-description { color: white; font-size: 20px; margin-bottom: 1rem; }
.section7-btn { background: transparent; color: white; border: 2px solid white; border-radius: 10px; width: 100%; max-width: 268px; margin-top: 30px; font-size: 22px; font-weight: 600;}
.section7-white { background: white; }
.section7-white .row { width: 82%; margin-top: 9%; margin-bottom: 9%;}
.section7-white .editor-content img { width: 100%; }
.section7-title-white { color: var(--sknprimary); font-size: 50px; margin-top: 15%; }
.section7-white p { margin-bottom: 0px; }
.section7-description-white { color: var(--sknprimary); font-size: 20px; margin-bottom: 1rem; }
.section7-btn-white { background: transparent; color: var(--sknsecondary); border: 3px solid var(--sknsecondary); border-radius: 10px; width: 100%; max-width: 268px; margin-top: 30px; font-size: 22px; font-weight: 600;}
.section4 .column.medium-6:first-child { display: none; }
.section4 .column.medium-6:nth-child(2) { width:100%; }
.section4 .column.medium-6:hover {background: var(--sknprimary);}
.section4 .column.medium-6:hover .catalog-grid-item__title, .section4 .column.medium-6:hover .catalog-grid-item__description {color: #fff;}
.section4 .column.medium-6:hover .catalog-grid-item__cta-container .btn--right {border-color: #fff; color: #fff; background: none;}
@media (min-width: 768px) and (max-width: 1024px){
.section-2 .columns p {font-size: 14px;}
.hero .hero__caption { width: 65%; position: absolute;}
.hero .hero__caption .hero__title { font-size: 20px; }
.section3 h2.widget__title { font-size: 20px; }
.section3 p.widget__subtitle {font-size: 14px;}
.hero .hero__caption span {font-size: 14px;}
.hero .btn--primary {font-size: 14px; border-radius: 6px;}
.hero__caption .h4 { font-size: 15px; }
.header--microsite .top-bar { display: inline-block; width: calc(100% - 122px); margin-left: 0; }
.top-bar .toggle-topbar.menu-icon { top: 50%; margin-top: -16px; }
.header--microsite .top-bar .title-area .btn--bare { float: right; color: white; }
.index .header--microsite, .header--dashboard { padding: 12px 4%; }
.nav--top { width: auto; display: inline-block; float: right; }
.header--microsite .top-bar { width: 100%; padding: 0; }
.header--microsite .top-bar .top-bar-section li:not(.has-form) a:not(.button) { padding: 2px 12px; text-align: right; }
.header--microsite .top-bar .top-bar-section ul li { display: block; }
.top-bar.expanded .title-area { background: transparent; }
.top-bar.expanded .toggle-topbar.menu-icon button { color: white; }
.top-bar.expanded .toggle-topbar.menu-icon button span:after { box-shadow: 0 0 0 1px #cbcbcb, 0 7px 0 1px #cbcbcb, 0 14px 0 1px #cbcbcb; }
.nav--top a { color:white; }
.Testimonial .featured-content-carousel__nav {top: 38%;}
.layout__content .hero { height: auto; }
.medium-6.columns { display: inline-block; width: 50%; }
.column2 h3 { font-size: 17px; }
.column2 p { font-size: 12px; }
.section4 .featured-content-block-grid, .section6 .featured-content-block-grid { display: flex; }
.Testimonial .featured-content-carousel__list>li picture { padding: 0px; }
.Testimonial .featured-content-carousel__list>li .featured-content-carousel-item__overlay { padding-top: 0px; }
.Testimonial .featured-content-carousel__list>li .featured-content-carousel-item__overlay h4 { font-size: 30px; }
.Testimonial .featured-content-carousel__list>li .featured-content-carousel-item__overlay p { font-size: 12px; margin-top: 15px; }
.Testimonial .featured-content-carousel__nav { top: 40%; }
.section5 .widget__title { font-size: 25px; }
.section7-title { font-size: 20px; }
.section7-description { font-size: 12px; }
.section7-btn { font-size: 14px; max-width: 136px; border-radius: 6px;}
.section4 .catalog-grid-item__cta-container .btn--right, .section6 .catalog-grid-item__cta-container .btn--right { margin-top: 20px; }
}
@media (min-width:320px) and (max-width: 767px) {
.header--microsite .top-bar .top-bar-section { background: #fff; }
.header--microsite .top-bar .top-bar-section ul li { display: block; }
.header--microsite .top-bar .top-bar-section li:not(.has-form) a:not(.button) { color: black; padding: 2px 12px; text-align: right; }
.nav--top { width: auto; display: inline-block; float: right; }
.index .header--microsite, .header--dashboard { padding: 12px 4%; }
.header--microsite .top-bar {width: 100%;padding: 0; margin-left: 0px;}
.header--microsite .top-bar .title-area .btn--bare { float: right; color: #2e2e2e; }
.home-hero .hero__caption .hero__title { color: black; font-size: 18px; }
.home-hero .hero__caption .h4 { color: black !important; font-size: 14px; }
.hero .btn--primary { color: var(--sknprimary); border: 2px solid var(--sknprimary); margin-bottom: 0px;}
.column2 { padding: 10%; }
.column2 h3 { font-size: 18px; }
.Testimonial .featured-content-carousel__nav { top: 40%; }
.nav--top a { color: white; }
.header--microsite .top-bar .title-area .btn--bare { color: white; }
.column2 p { font-size: 14px; }
.searchbar { width: 100%; text-align: initial;}
.hero .hero__caption { width: 100%; }
.layout__content .hero { height: auto; }
.section3 { width: 90%; }
.section3 h2.widget__title { font-size: 18px; }
.section3 p.widget__subtitle {font-size: 14px; margin-bottom: 1rem;}
.Testimonial .featured-content-carousel__list>li picture {display: block;width: 100%;padding: 0px;}
.layout__content .widget.Testimonial { padding: 2rem 5%; }
.Testimonial .featured-content-carousel__list>li .featured-content-carousel-item__overlay {width: 100%;padding-bottom: 0px; padding-left: 0; padding-right: 0;}
.Testimonial .featured-content-carousel-item { padding: 15px; }
.Testimonial .featured-content-carousel__list>li .featured-content-carousel-item__overlay h4 { font-size: 18px; }
.Testimonial .featured-content-carousel__list>li .featured-content-carousel-item__overlay p { font-size: 14px; margin-top: 10px;}
.section5 {margin-top: 25px;text-align: center;}
.section5 .widget__title { font-size: 18px; }
.section5 .ember-view div:nth-child(1) {margin-left: auto;}
.section5 .widget__cta { float: none; margin-right: auto; }
.section4 .catalog-grid-item__cta-container .btn--right, .section6 .catalog-grid-item__cta-container .btn--right { margin-top: 20px; }
.section6 {margin-bottom: 25px;}
.section6 .catalog-grid-item { border: 3px solid var(--sknprimary); }
.section7-title { font-size: 18px; margin-top: 10%; }
.section7-description { font-size: 14px; }
.section4 { width: 90%; }
.section6 .featured-content-block-grid li { padding-left:0px; padding-right: 0px; }
.section3 .widget__title, .section3 .widget__subtitle { text-align: left; }
}
/* Home Page */
/* Course Page */
@media only screen and (min-width: 64.063em) { .directional__nav .directional__nav__label { visibility: unset; } }
@media only screen and (min-width: 48.063em) { .section-progress-bar, .layout-panel .section .columns { padding: 0 0rem; } }
@media only screen and (min-width: 90.063em) { .learner__sidebar {margin-top: 8%;} }
@media only screen and (min-width: 64.063em) { .learner__sidebar {margin-top: 7.2%;} }
.header--student .header__left__icon { background: var(--sknprimary); padding: 15px;}
.header--student .header__left__icon .icon-home { font-size: 45px; color: white;}
.header--student .header__left__copy .course-title { color: black; font-weight: 500;}
.learner__content .layout-panel { background: transparent; }
.topic__container { background: white; padding: 18px; }
.directional__nav__button.directional__nav__button--left, .directional__nav__button.directional__nav__button--right { } /* removed teh display none for the nav buttons */
.directional__nav a, .directional__nav button.directional-nav__arrow {padding: 5px 0px 0px 0px;font-weight: bold;}
.topic__container { margin-top: 50px; }
.topic__edit { background: white; }
.topic__edit .button-group { padding: 20px; }
.section-progress-bar span { background-color: var(--sknprimary); height: 6px; border-radius: 10px; }
.section-progress-bar div {background:var(--sknsecondary);}
.learner__container__toggle.text-right { margin-bottom: 25px; background:var(--sknprimary); border-radius: 10px; padding: 5px; }
.learner__container__toggle.text-right .btn--primary { background: var(--sknprimary) !important; border: 0px solid; color: white !important; } /*required the !important notation */
.expandable-sidebar__toggle { background: transparent; color: #2c2c2c; font-size: 15px; font-weight: bold; }
.expandable-sidebar--toggled .expandable-sidebar__toggle { color: var(--sknsecondary);}
.layout-panel { background: transparent; }
.layout-panel .learner__sidebar__expandables .expandable-sidebar {background: white;border-radius: 10px;margin-bottom: 5px;}
.learner__sidebar-list>li { border-bottom: 1px solid black; }
.section-progress-bar div { border-radius: 5px; }
.learner__container .learner__sidebar__search .small-8 {display: none;}
.learner__container .learner__sidebar__search .learner__sidebar__search-icon {display: none;}
.learner__container .learner__sidebar__search .small-4 {display: block; width: 100%; text-align: right;}
.learner__container .learner__sidebar__search .small-4 .btn--primary {display: inline-block;}
.learner__container .learner__container__toggle .btn--primary{background: var(--sknprimary);color: white;border: 0px;border-radius: 9px;width: 86px;}
.learner__sidebar-inner-list span.syllabus__section-title {color: black;margin-bottom: 1em;}
.learner__sidebar-inner-list .syllabus__lesson .syllabus__lesson--title:not(:hover) {color: black;}
.syllabus__topic--non-expandable-title-text {}
li.syllabus__topic--non-expandable:before { display: none; }
.syllabus__topic.syllabus__topic--active.syllabus__topic--non-expandable {background-color: var(--sknprimary);}
.syllabus__topic--active .syllabus__topic--non-expandable-title-text {color: white;}
.syllabus__topic--non-expandable .syllabus__topic--non-expandable-title-text { margin-top: 2px; }
.syllabus__topic { margin-bottom: 87px; }
.learner__sidebar-inner-list li { margin-bottom: 5px; margin-top: 5px; }
.learner-section__title__container .learner-section__title, .learner-section__title__container .learner-lesson__title { color: black; }
.learner__sidebar .expandable-sidebar__buttons {background: var(--sknsecondary)
;border-radius: 10px;padding: 5px;}
.learner__sidebar .expandable-sidebar__buttons a{ color:white; }
.learner__sidebar-inner-list.learner__sidebar-inner-list--disabled { background-color: white; }
@media (min-width:320px) and (max-width: 767px) {
.header--student .header__left__icon .icon-home { font-size: 23px; }
.directional__nav .directional__nav__label { display: block; }
}
@media (min-width: 768px) and (max-width: 1024px){
.header--student .header__left__icon { width: 61px; }
.directional__nav .directional__nav__label { display: block; }
.header--student .header__left__icon .icon-home {font-size: 28px !important;}
.section4 .catalog-grid-item__title {font-size: 18px;}
.section4 .catalog-grid-item__description {font-size: 12px;}
.section4 .catalog-grid-item__cta-container .btn--right {font-size: 12px; padding: 6px 12px !important; border-radius: 6px;}
}
/* Course Page */
/* Dashboard
.learn.dashboard .widget {padding: 0px;}
.header--dashboard { top: 17px; padding: 0; }
.widget--dashboard-stats .columns {padding: 0;margin-bottom: 24px;background: #f2f2f2;}
.dashboard-stat__label {font-size: 14px; text-transform: none;}
.dashboard-stat__label .dashboard-stat__icon { display: none; }
.dashboard-stat--available .dashboard-stat, .dashboard-views__line__bar { background: var(--sknprimary); }
.dashboard-stat--collaborations .dashboard-stat { background: #f75046; }
.dashboard-stat--completed .dashboard-stat { background: #f7c946; }
.dashboard-stat--started .dashboard-stat {background: #65c6db;}
.dashboard-stat__label, .dashboard-stat__value.dashboard-stat__value--huge { color: white; }
.dashboard-views__header { color: var(--sknprimary); font-weight: 700; text-transform: none; font-size: 14px;}
.Dashboardhero .hero__title { font-size: 76px !important; }
.dashboard-stats__container { padding: 25px; }
.look-progress .widget__title, .dashboard-section5 .widget__title, .Explore-topic .widget__title{ font-size: 56px; font-weight: bold; margin: 40px 0 54px 0; color: var(--sknprimary);}
.widget--dashboard-access { width: 80%; }
.dashboard-access { margin-bottom:50px; }
.dashboard-access-tab--active {background: var(--sknprimary);font-weight: 700;border-top-right-radius: 15px;border-top-left-radius: 15px;}
.dashboard-access { border: 0px solid #cbcbcb; }
.dashboard-access-tabs {background: transparent;border-bottom: 0px solid #cbcbcb; }
.dashboard-access-tab--active .dashboard-access-tab__count, .dashboard-access-tab--active .dashboard-access-tab__label {color: white;background: transparent; border: 0px solid #cbcbcb;}
.dashboard-access-tab--inactive { background: #e9e9e9; font-weight: 900;border-top-right-radius: 15px;border-top-left-radius: 15px;}
.dashboard-access-tab { margin-right: 3px; }
.dashboard-access-tab__count { background: transparent; border: 0px solid #cbcbcb; }
.explore-tabs { text-align: center; }
.explore-tabs-btn {display: inline-block;margin-left: 50px;margin-right: 50px;padding: 20px;width: 210px;border-radius: 15px;border: 3px solid var(--sknprimary); font-weight: 700;}
.explore-tabs-btn2 {display: inline-block;margin-left: 50px;margin-right: 50px;padding: 20px;width: 210px;border-radius: 15px;border: 3px solid var(--sknsecondary); font-weight: 700;}
.Explore-topic .btn--primary { background-color: var(--sknprimary); border-radius: 10px !important; font-size: 22px; font-weight: 600; padding: 12px 56px; color: #fff; border: 0;}
.dashboard-section5 .catalog-search-bar {padding: 0; background: #fff; border: 3px solid var(--sknsecondary);}
.dashboard-section5 .catalog-search-bar .catalog-filters {background: none; border: 0;}
.dashboard-section5 .catalog-search-bar .catalog-filters__search {background: none;}
.dashboard-section5 .catalog-search-bar .catalog-search input {padding-left: 20px;}
.dashboard-section5 .catalog-search-bar .catalog-search input, .dashboard-section5 .catalog-search-bar .catalog-search select, .dashboard-section5 .catalog-filters__sort {background: none;}
.dashboard-section5 .catalog-filters__sort {border-left: 3px solid var(--sknsecondary);}
.udashboard-section5 .catalog-display-type {padding-right: 1rem; background: none;}
.dashboard-section5 .catalog-display-type button {border: 0;}
.dashboard-section5 .catalog-display-type button.btn--primary {color: var(--sknsecondary);}
.dashboard-section5 {width: 80%;margin-bottom: 100px;margin-top: 50px;}
/*.dashboard-section5 .catalog-filters {border-top-left-radius: 15px;border-bottom-left-radius: 15px;border: 0px solid var(--skncataloglight);background: transparent; border-right: 1px solid white;}
.catalog-filters__selections { border-left: 1px solid white; background: transparent; }*/
/*.dashboard-section5 .catalog-display-type .btn { border: 0px; color: black; }
.catalog-display-type {background: var(--skncataloglight);border-top-right-radius: 15px;border-bottom-right-radius: 15px;}
.dashboard-section5 .catalog-display-type .btn:hover { border: 0px; background: var(--skncataloglight); color: black; }
.dashboard-section5 .icon-navigatedown { color: white; }
.catalog-aggregation--expanded.catalog-aggregation__header--label { color: white; }
.catalog-aggregation { border-top: 0px; background: #e9e9e9; margin-bottom: 15px;}
.catalog-aggregation--expanded {background: var(--sknprimary);padding: 0px;border-top-left-radius: 15px;border-top-right-radius: 15px;}
.catalog-aggregation--expanded ul { background: var(--skncatalogaggregation); }
.catalog-aggregation--expanded .catalog-aggregation__header--label { color: white; }
.catalog-aggregation--expanded .catalog-aggregation__header { padding: 11px !important; }
.catalog-aggregation--expanded ul li { border-bottom: 1px solid; margin-left: 39px; }
.catalog-aggregation--expanded .catalog-aggregation__value { margin-left: 0px; }
.dashboard-section5 .js-results-holder .catalog-grid-item { border: 3px solid var(--sknsecondary); border-radius: 18px; }
.dashboard-section5 .catalog-grid-item__body .btn--right{ float:left; border: 3px solid var(--sknsecondary); padding: 5px 7px !important; color: var(--sknprimary); margin-top: 15px; border-radius: 6px; margin-bottom: 16px; font-size: 12px; font-weight: 600;}
.dashboard-section5 .catalog-grid-item__title { font-size: 19px; font-weight: bold; }
.dashboard-section5 .catalog-grid-item__asset-container { padding: 20px; }
.dashboard-section5 .catalog-grid-item .column.medium-12 { padding:0px; }
.dashboard-section5 .ember-text-field { background: transparent; }
.Explore-topic { margin-top: 50px; }
.dashboard-section6 {background-color: var(--skndashlight);}
.dashboard-section6 .featured-content-multi-carousel {width: 80%;margin-left: auto;margin-right: auto;margin-bottom: 54px;}
.dashboard-section6 .widget__title { font-size: 56px; font-weight: bold; margin: 100px 0 54px 0; color: #2e2e2e;}
.dashboard-section6 .featured-content-multi-carousel-item {background: transparent;text-align: center;border-right: 0px solid;}
.dashboard-section6 .featured-content-multi-carousel-item img { border-radius: 39px; }
.dashboard-section6 .featured-content-multi-carousel-item__body { text-align:left }
.dashboard-section6 .featured-content-multi-carousel-item__title {padding: 0 .5em; margin-top: 21px; font-size: 23px;}
.dashboard-section6 .featured-content-multi-carousel-item__description {font-size: 15px;}
.dashboard-section6 .featured-content-multi-carousel__nav-right .icon-navigateright, .dashboard-section6 .featured-content-multi-carousel__nav-left .icon-navigateleft{font-size: 40px;color: var(--sknprimary);}
.dashboard-section6 .featured-content-multi-carousel__nav-left { left: 7%; }
.dashboard-section6 .featured-content-multi-carousel__nav-right { right: 7%; }
.dashboard-section7 {width: 80%;margin-top: 100px;margin-bottom: 100px;}
.dashboard-section7 .section5 .ember-view div:nth-child(1) { margin-left: 0%; }
.dashboard-section7 .section5 .widget__cta { margin-right: 0%; }
.dashboard-section5 .catalog-grid-item__hr, .dashboard-section8 .catalog-grid-item__hr {display:none;}
.dashboard-section8 .catalog-grid-item { border: 1px solid var(--sknprimary); padding: 1rem 0; border-radius: 10px;}
.dashboard-section8 .catalog-grid-item__cta-container .btn--right { float: left; color: var(--sknprimary); font-weight: bold; margin-top: 15px; border: 1px solid var(--sknprimary); border-radius: 6px; padding: 6px 12px !important;}
.dashboard-section8 .catalog-grid-item__body .catalog-grid-item__title { font-weight: bold; }
.dashboard-section7 .section5 .widget__title { margin-left: 12px; }
.dashboard .dashboard-section8 { width: 80%; }
.dashboard .section5 { width: 98%; }
.dashboard-section8 { margin-bottom: 120px; } */
.Testimonials .small-12.columns {padding-left: 0px;padding-right: 0px;}
.Testimonials .testimonial-widget { margin: 0px; }
.Testimonials .ember-view.testimonial { max-height: 800px; min-height: 750px; }
.Testimonials .testimonial-quote.testimonial-quote--left {margin-left: 50%; color: white;padding: 100px;}
.Testimonials .testimonial .testimonial-quote__author-name:before , .testimonial .testimonial-quote__author-name:before { display: none; }
.Testimonials .testimonial .testimonial-quote__text {font-size: 25px;margin-top: 22%;}
.Testimonials .testimonial .testimonial-quote__author-name, .testimonial-quote__author-description { font-size: 16px; font-style: normal;}
.Testimonials .testimonial .testimonial-quote__author-name {text-transform: uppercase;}
.Testimonials .testimonial .testimonial-quote__author-description {font-style: normal;}
.FeaturedContent .ember-view .row:nth-child(2) { margin-left: 0%; border: 2px solid var(--sknprimary);}
.FeaturedContent {width: 80%;padding: 20px !important;margin-top: 100px;}
.FeaturedContent img { width:100%; }
.FeaturedContent .medium-6.columns { padding-left: 0rem; padding-right: 0rem; }
.FeaturedContent p { margin-bottom: 0px; }
.section-editor { padding: 68px; }
.section-editor button{ background: var(--sknprimary); border: 0px solid transparent; border-radius: 10px; color: white; margin-top: 20px; font-size: 18px; font-weight: 600;}
.section-editor h3 { font-size:42px; margin-bottom: 30px;}
.section-editor .first { font-weight:bold; font-size: 24px;}
.section-editor p { font-size:18px; margin-bottom: 10px;}
.catalog-display-type button.btn { background: transparent; }
.footer {padding: 0;}
.footer .footer__inner {padding: 0; border: 0;}
.footer .footer__company__info {display: none;}
.footer .urbanFooter {display: block;padding: 40px 0;background: var(--sknprimary);color: #fff;}
.footer .urbanFooter .logo {display: block; padding: 4px; background: #fff; text-align: center;}
.footer .urbanFooter nav {display: block;padding: 50px 0;margin: 0 auto;width: 90%;border-bottom: 1px solid white;}
.footer .urbanFooter nav .col {display: inline-block;width: 16%;vertical-align: top;}
.footer .urbanFooter nav .col h3 {font-size: 16px; font-weight: 700; margin-bottom: 8px; color: #fff; text-transform: uppercase;}
.footer .urbanFooter nav .col ul {display: block; margin: 0;}
.footer .urbanFooter nav .col ul li {margin-bottom: 4px; list-style-type: none;}
.footer .urbanFooter nav .col ul li a {color: #fff; text-transform: uppercase; font-size: 12px; text-decoration: none;}
.footer .urbanFooter nav .col address {font-style: normal; text-transform: uppercase;}
.footer .urbanFooter .socialMedia {display: block; text-align: center; padding: 20px 0;}
.footer .urbanFooter .socialMedia {display: block; margin: 0;}
.footer .urbanFooter .socialMedia ul li {display: inline-block; margin: 0 10px;}
.footer .urbanFooter .socialMedia ul li i {display: block; font-family: "Font Awesome 5 Brands"; font-size: 20px; color: #fff; font-style: normal;}
.footer .urbanFooter .socialMedia ul li i.fb::before {content: "\f39e";}
.footer .urbanFooter .socialMedia ul li i.tw::before {content: "\f099";}
.footer .urbanFooter .socialMedia ul li i.in::before {content: "\f0e1";}
.footer .urbanFooter .socialMedia ul li i.yt::before {content: "\f167";}
.footer .urbanFooter .socialMedia ul li i.ig::before {content: "\f16d";}
.footer_text { padding: 15px 5% 45px; }
/*.layout__content .widget.Testimonial {padding: 3rem 12%;}*/
.layout__content .widget.Testimonial .testimonial {height: 32vw; background-size: 32vw 32vw; background-position: center left; padding-left: 40vw;}
.layout__content .widget.Testimonial .testimonial-quote {text-align: left; padding: 0;}
.layout__content .widget.Testimonial .testimonial-quote::before {font-size:62px; content: 'What our educators say';font-weight: bold; display: block; margin-bottom: 32px;}
.layout__content .widget.Testimonial .testimonial-quote h1.testimonial-quote__text { font-size: 17px; font-style: italic;}
.layout__content .widget.Testimonial .testimonials__nav--left {left: 0;}
.layout__content .widget.Testimonial .testimonials__nav--right {right: 0;}
.layout__content .widget.Testimonial .featured-content-multi-carousel .featured-content-block-grid.testimonial-content-middle>li {padding: 0 64px;}
.layout__content .widget.Testimonial .testimonials__nav {width:44px;}
.expandable-sidebar__toggle {font-size: 20px; text-transform: none;}
.expandable-sidebar__toggle i.expandable-sidebar__icon--left::before {display: none;}
.expandable-sidebar__toggle i.expandable-sidebar__icon--left {display: inline-block; width: 40px; height: 35px; vertical-align: middle;}
.learner__sidebar .Lessons .expandable-sidebar__icon--left {background: url(https://d36ai2hkxl16us.cloudfront.net/course-uploads/66e67357-cb31-4b96-830a-10c7b1e361ba/plzkcuiuz20f-Lessons.png) center no-repeat;}
.learner__sidebar .expandable-sidebar--toggled .Lessons .expandable-sidebar__icon--left {background: url(https://d36ai2hkxl16us.cloudfront.net/course-uploads/66e67357-cb31-4b96-830a-10c7b1e361ba/2e401bxocqyn-Lessons-act.png) center no-repeat;}
.learner__sidebar .Resources .expandable-sidebar__icon--left {background: url(https://d36ai2hkxl16us.cloudfront.net/course-uploads/66e67357-cb31-4b96-830a-10c7b1e361ba/atxx74bubfiq-Resources.png) center no-repeat;}
.learner__sidebar .expandable-sidebar--toggled .Resources .expandable-sidebar__icon--left {background: url(https://d36ai2hkxl16us.cloudfront.net/course-uploads/66e67357-cb31-4b96-830a-10c7b1e361ba/3mxvdovv588r-Resources-act.png) center no-repeat;}
.learner__sidebar .Assignments .expandable-sidebar__icon--left {background: url(https://d36ai2hkxl16us.cloudfront.net/course-uploads/66e67357-cb31-4b96-830a-10c7b1e361ba/ih4bux1sjkcl-Assignment.png) center no-repeat;}
.learner__sidebar .expandable-sidebar--toggled .Assignments .expandable-sidebar__icon--left {background: url(https://d36ai2hkxl16us.cloudfront.net/course-uploads/66e67357-cb31-4b96-830a-10c7b1e361ba/s0s0ti5dkyqx-Assignment-act.png) center no-repeat;}
.learner__sidebar .Notes .expandable-sidebar__icon--left {background: url(https://d36ai2hkxl16us.cloudfront.net/course-uploads/66e67357-cb31-4b96-830a-10c7b1e361ba/u88vnm2um0ud-Notes.png) center no-repeat;}
.learner__sidebar .expandable-sidebar--toggled .Notes .expandable-sidebar__icon--left {background: url(https://d36ai2hkxl16us.cloudfront.net/course-uploads/66e67357-cb31-4b96-830a-10c7b1e361ba/j1t5wt724uqb-Notes-act.png) center no-repeat;}
.learner__sidebar .Workbooks .expandable-sidebar__icon--left {background: url(https://d36ai2hkxl16us.cloudfront.net/course-uploads/66e67357-cb31-4b96-830a-10c7b1e361ba/wdvh4t09k2si-Workbook.png) center no-repeat;}
.learner__sidebar .expandable-sidebar--toggled .Workbooks .expandable-sidebar__icon--left {background: url(https://d36ai2hkxl16us.cloudfront.net/course-uploads/66e67357-cb31-4b96-830a-10c7b1e361ba/sx9ynfu5xydc-Workbook-act.png) center no-repeat;}
.learner__sidebar .Progress .expandable-sidebar__icon--left {background: url(https://d36ai2hkxl16us.cloudfront.net/course-uploads/66e67357-cb31-4b96-830a-10c7b1e361ba/bqje7dhkyvl3-Progress.png) center no-repeat;}
.learner__sidebar .expandable-sidebar--toggled .Progress .expandable-sidebar__icon--left {background: url(https://d36ai2hkxl16us.cloudfront.net/course-uploads/66e67357-cb31-4b96-830a-10c7b1e361ba/p9ikhxgosecz-Progress-act.png) center no-repeat;}
.header--student .header__left__icon .icon-home {width: 48px; height:48px; display:inline-block; background: url(https://d36ai2hkxl16us.cloudfront.net/thoughtindustries/image/upload/v1/course-uploads/c122986e-ac93-4e61-babb-c23e780e4003/wh9lof50xmxy-HomeIconBlue.png) center no-repeat;}
.header--student .header__left__icon .icon-home::before {display:none;}
.catalog-search-bar { padding: 5px; background: var(--skncataloglight); border-top-left-radius: 15px; border-top-right-radius: 15px; }
.dashboard-section5 .catalog-filters__search { background:transparent; }
.catalog-search__button { display:none; }
.catalog-filters__selections .catalog-content-type { width: 100%; }
select { border: 0px solid #ccc; background-color: transparent; }
.catalog-search-bar .catalog-display-type .btn { margin: 0 0 0; }
input[type=search] { border: 0px solid #ccc; box-shadow: none;}
@media (min-width: 1024px) and (max-width: 1450px) {
.explore-tabs-btn {margin-left: 10px;margin-right: 10px;padding: 15px;width: 192px;}
.explore-tabs-btn2 {margin-left: 10px;margin-right: 10px;padding: 15px;width: 192px;}
.dashboard-section5 { margin-bottom: 85px; margin-top: 15px; }
.dashboard-section6 .widget__title { margin: 50px 0 50px 0; }
.FeaturedContent { margin-top: 50px; }
.dashboard .section5 { margin-top: 50px; }
.dashboard-section8 { margin-bottom: 50px; }
.Testimonials .testimonial .testimonial-quote__text { margin-top: 9%; }
.Testimonials .testimonial-quote.testimonial-quote--left { margin-left: 41%; padding: 90px; }
.Explore-topic { margin-top: 10px; }
.hero .hero__caption { width: 42%; }
.footer .urbanFooter .socialMedia ul li i { font-size: 14px; }
}
@media (min-width:320px) and (max-width: 767px) {
.footer .urbanFooter nav .col { width: 100%; margin-bottom: 20px; }
.footer .urbanFooter nav { padding: 0px 9%; width: 90%; }
.header--dashboard { top: 10px; padding: 12px 4%; }
.hero .hero__caption { padding: 1rem; }
.Dashboardhero .hero__title { font-size: 14px !important; }
.Dashboardhero .hero .hero__caption { width: 34%; position: absolute; left: 5%; }
.dashboard-stats__container { padding: 15px; }
.look-progress { width: 90%; }
.look-progress .widget__title, .dashboard-section5 .widget__title, .Explore-topic .widget__title { font-size: 26px; margin: 11px 0 11px 0; }
.widget--dashboard-access { width: 90%; }
.widget--dashboard-access_standard .small-12.columns { padding-left: 0rem; padding-right: 0rem; }
.dashboard-access-tabs li { width: 163px; margin-right: 5px; margin-bottom: 5px;}
.Explore-topic { margin-top: 0px; }
.dashboard-access-tab { padding: 1em 15px; }
.explore-tabs-btn { margin-left: 0px; margin-right: 0px; padding: 1em 15px; width: 163px; margin-bottom: 5px; }
.explore-tabs-btn2 { margin-left: 0px; margin-right: 0px; padding: 1em 15px; width: 163px; margin-bottom: 5px; }
.dashboard-section5 { width: 90%; margin-bottom: 20px; margin-top: 5px; }
.dashboard-section5 .medium-12.columns { padding-left: 0rem; padding-right: 0rem; }
input[type=search] { margin: 0 0 0rem;}
.catalog-display-type {padding: 0 0em;}
.catalog-filters__selections { border-left: 0px solid white; }
.catalog-search-bar { margin-right: 10px; margin-left: 10px; }
.dashboard-section6 .widget__title { font-size: 26px; margin: 20px 0 20px 0; }
.dashboard-section6 .featured-content-multi-carousel { margin-bottom: 5px; }
.FeaturedContent { margin-top: 20px; width: 90%;}
.section-editor { padding: 17px; }
.section-editor p { font-size: 14px; }
.section-editor h3 { font-size: 18px; }
.dashboard .dashboard-section8 { width: 90%; }
.dashboard-section8 { margin-bottom: 25px; }
.layout__content .widget.Testimonial .testimonial { height: auto; background-size: 32vw 32vw; background-position: top center; padding-top: 35vw; padding-left: 0vw;}
.layout__content .widget.Testimonial .testimonial-quote h1.testimonial-quote__text { font-size: 14px; }
.layout__content .widget.Testimonial .featured-content-multi-carousel .featured-content-block-grid.testimonial-content-middle>li { padding: 0 34px; }
.layout__content .widget.Testimonial .testimonial-quote::before { font-size: 18px; margin-bottom: 7px; }
.dashboard .section5 .ember-view div:nth-child(1) { display: block; }
.featured-content-multi-carousel { padding: 0 0em; }
.Testimonials .ember-view.testimonial { max-height: 200px; min-height: 100px; }
.Testimonials .testimonial-quote.testimonial-quote--left { margin-left: 0; padding: 21px; }
.Testimonials .testimonial .testimonial-quote__text { font-size: 12px; margin-top: 0%;}
.Testimonials .testimonial .testimonial-quote__author-name, .testimonial-quote__author-description { font-size: 11px; }
.dashboard-section6 .featured-content-multi-carousel-item__title {font-size: 18px;}
.dashboard-section6 .featured-content-multi-carousel-item__description {font-size: 12px;}
.section-editor button, .section5 .widget__cta .btn--centered {font-size: 12px; }
.hero .hero__caption {position: static; transform: none;}
.hero .btn--primary {font-size: 14px; border-radius: 6px;}
.section-2 .columns p {font-size: 12px;}
.searchbar .btn--primary {font-size: 14px;}
.searchbar .search-bar-widget button {padding: 0 28px; height: 44px;}
.searchbar .ember-text-field {height: 44px; width: calc(100% - 106px); font-size: 14px;}
.section3 p.widget__subtitle {font-size: 13px;}
.section3 .widget__cta .btn--primary {font-size: 14px;}
.section4 .catalog-grid-item__title {font-size: 20px;}
.section4 .catalog-grid-item__description {font-size: 13px;}
.section4 .catalog-grid-item__cta-container .btn--right {font-size: 13px; padding: 6px 12px !important; border-radius: 6px;}
.section7-btn {font-size: 13px; border-radius: 6px; max-width: 152px;}
}
@media (min-width: 768px) and (max-width: 1024px){
.widget--dashboard-access { width: 85%; }
.Explore-topic { margin-top: 0px; }
.explore-tabs-btn { margin-top: 15px; }
.explore-tabs-btn2 { margin-top: 15px; }
.look-progress .widget__title, .dashboard-section5 .widget__title, .Explore-topic .widget__title { margin: 40px 0 20px 0; }
.dashboard-section5 .catalog-filters__search { width: 30%; }
.catalog-filters__selections { width: 40%; }
.dashboard-section5 .catalog-filters { border: 0px solid var(--skncataloglight); border-right: 0px solid white; }
.icon-search { display: none; }
.dashboard-section5 .columns { padding-left: 0px; padding-right: 0px; }
.dashboard-section5 .js-results-holder ul li { width: 33.3%; display: block; clear: unset; }
.dashboard-section6 .widget__title { margin: 35px 0 20px 0; }
.FeaturedContent { padding: 0px !important; margin-top: 50px; }
.section-editor { padding: 29px; }
.section-editor h3 { font-size: 18px; margin-bottom: 15px; }
.section-editor button { margin-top: 12px; margin-bottom: 0px; }
.section-editor p { font-size: 14px; }
.section5 .ember-view div:nth-child(1) { margin-left: 9%; }
.section5 .widget__cta { margin-right: 8.5%; }
.dashboard .section5 { margin-top: 50px; }
.dashboard-section8 { margin-bottom: 0; }
.dashboard-section8 ul.featured-content-block-grid li { clear: none; width: 33.3%; }
.dashboard-section8 .small-12.columns { padding-left: 0; padding-right: 0; }
.featured-content-multi-carousel { padding: 0 0em; }
.Testimonials .testimonial-quote.testimonial-quote--left { margin-left: 36%; padding: 3px; }
.Testimonials .testimonial .testimonial-quote__text { font-size: 18px; margin-top: 22%; }
.Testimonials .ember-view.testimonial { max-height: 500px; min-height: 448px; }
.layout__content .widget.Testimonial .testimonial-quote::before { font-size: 22px; margin-bottom: 5px;}
.layout__content .widget.Testimonial .testimonial-quote h1.testimonial-quote__text { font-size: 11px; }
.layout__content .widget.Testimonial .testimonial { padding-left: 35vw; }
.hero .hero__caption .hero__title {font-size: 46px !important;}
.look-progress .widget__title, .dashboard-section5 .widget__title, .Explore-topic .widget__title, .dashboard-section6 .widget__title {font-size: 28px;}
.dashboard-section6 .featured-content-multi-carousel-item__title {font-size: 20px;}
.dashboard-section6 .featured-content-multi-carousel-item__description {font-size: 13px;}
.Explore-topic .btn--primary, .section5 .widget__cta .btn--centered {font-size: 16px; padding: 10px 44px;}
.section-editor .first {font-size: 15px;}
.section-editor button, .section5 .widget__cta .btn--centered {font-size: 14px; }
}
/* Dashboard */
/* For Widget Page */
/* Css for disabling side margin */
.home__content {padding: 0;}
/* For um Banner1 */
.umBanner1 {position: relative;}
.umBanner1::before {content: ''; display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(66, 105, 176, .2); z-index: 1;}
.umBanner1 .hero__caption { background: transparent; left: 9%; top: 50%; transform: translateY(-50%); bottom: auto; z-index: 2;}
.umBanner1 .hero__caption .hero__title {font-size: 80px; color: #fff; font-weight: 700;}
.umBanner1 .hero__caption span {font-size: 23px; margin-bottom: 36px;}
.umBanner1 .btn--primary { color: white; background-color: transparent; border: 2px solid white; border-radius: 10px; font-size: 26px;}
@media only screen and (max-width: 979px) {
.umBanner1 .hero__caption .hero__title {font-size: 32px !important;}
.umBanner1 .hero__caption span {font-size: 18px; margin-bottom: 14px;}
.umBanner1 .btn--primary {font-size: 18px;}
}
@media only screen and (max-width: 767px) {
.umBanner1::before {display: none;}
.umBanner1 .hero__caption {transform: none;}
.umBanner1 .hero__caption .hero__title {color: #2e2e2e !important; }
.umBanner1 .hero__caption span {color: #2e2e2e !important; font-size: 14px;}
.umBanner1 .btn--primary {color: #2e2e2e; font-size: 14px; border-color: #2e2e2e;}
}
/* For um Banner2 */
.umBanner2 {
position: relative;
height: 75%; /* Adjust banner height */
}
.umBanner2::before {
content: '';
display: block;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%; /* Overlay covers 100% of the banner */
background: rgba(66, 105, 176, .2);
z-index: 1;
}
.umBanner2 .hero__caption {
background: transparent;
left: 0;
top: 50%;
transform: translateY(-50%);
bottom: auto;
width: 100%;
text-align: center;
z-index: 2;
}
.umBanner2 .hero__caption .hero__title {
font-size: 80px; /* Retain the original font size */
color: #fff;
font-weight: 700;
margin-bottom: 80px;
}
.umBanner2 .hero__caption span {
font-size: 23px; /* Retain original font size */
margin-bottom: 36px;
}
.umBanner2 .btn--primary {
color: white;
background-color: transparent;
border: 2px solid white;
border-radius: 10px;
font-size: 26px; /* Retain original font size */
padding: 6px 1.25em;
}
/* Responsive Adjustments */
@media only screen and (max-width: 979px) {
.umBanner2 {
height: auto; /* Auto height for medium screens */
}
.umBanner2 .hero__caption .hero__title {
font-size: 80px; /* Keep font size unchanged */
margin-bottom: 80px;
}
.umBanner2 .btn--primary {
font-size: 26px; /* Keep font size unchanged */
}
}
@media only screen and (max-width: 767px) {
.umBanner2::before {
height: 100%; /* Ensure overlay always covers banner height */
}
.umBanner2 .hero__caption {
transform: none;
padding: 12px;
}
.umBanner2 .hero__caption .hero__title,
.umBanner2 .hero__caption span {
font-size: 80px; /* Keep font size unchanged */
color: #2e2e2e !important;
}
.umBanner2 .btn--primary {
font-size: 26px; /* Keep font size unchanged */
color: #2e2e2e;
border-color: #2e2e2e;
}
}
/* For um Banner3 */
.umBanner3 .hero::after {content: ''; display: block; clear: both;}
.umBanner3 picture {position: relative; float: right; width: 50%;}
.umBanner3 .hero__caption {position: relative; width: 50%; float: left;}
.umBanner3 picture::before {content: ''; display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(66, 105, 176, .2); z-index: 1;}
.umBanner3 .hero__caption { background: transparent; transform: none; bottom: auto; width: 50%; text-align: left; z-index: 2; position: static; padding: 80px 9% 0;}
.umBanner3 .hero__caption .hero__title {font-size: 80px; color: #fff; font-weight: 300; margin-bottom: 80px; color: #4269b0;}
.umBanner3 .hero__caption span.h4 {font-size: 23px; margin-bottom: 80px; color: #2e2e2e !important;}
.umBanner3 .btn--primary { color: #4269b0; background-color: transparent; border: 2px solid #4269b0; border-radius: 10px; font-size: 26px; padding: 6px 1.25em;}
@media only screen and (max-width: 1600px) {
.umBanner3 .hero__caption .hero__title {font-size: 64px; margin-bottom: 60px;}
.umBanner3 .hero__caption span.h4 {font-size: 20px; margin-bottom: 60px;}
}
@media only screen and (max-width: 979px) {
.umBanner3 .hero__caption {padding: 40px 9% 0;}
.umBanner3 .hero__caption .hero__title {margin-bottom: 20px; font-size: 32px !important;}
.umBanner3 .hero__caption span.h4 {font-size: 14px; margin-bottom: 20px;}
.umBanner3 .btn--primary {font-size: 16px;}
}
@media only screen and (max-width: 767px) {
.umBanner3 picture {width: 100%;}
.umBanner3 .hero__caption {width: 100%;}
}
/* For um Banner4 - two widget used this is widget 1 */
.layout__content .widget.umBanner4head {padding: 32px 9%;}
.umBanner4head h2.widget__title {font-size: 60px; margin-bottom: 40px; color: #2e2e2e;}
.umBanner4head .widget__subtitle {font-size: 20px; margin-bottom: 0; color: #2e2e2e;}
.umBanner4head .btn--centered {background: var(--sknsecondary); color: #fff; font-size: 18px; text-transform: uppercase; font-weight: 700; border-radius: 22px; padding: 10px 40px;}
@media only screen and (max-width: 979px) {
.umBanner4head h2.widget__title {font-size: 32px; margin-bottom: 32px;}
.umBanner4head .widget__subtitle {font-size: 14px;}
.umBanner4head .widget__cta {padding: 1rem 0 0;}
.umBanner4head .btn--centered {font-size: 14px;}
}
/* For um Banner4 - two widget used this is widget 2 */
.umBanner4img picture {padding: 32px 9%;}
.umBanner4img picture img {width: 100%; border-radius: 20px;}
@media only screen and (max-width: 979px) {
.umBanner4img picture {padding: 0 9% 32px;}
}
/* For umBanner5 */
.umBanner5 {
position: relative;
height: 33%;
}
.umBanner5 .hero__caption {
position: absolute;
top: 50%;
left: 9%; /* Aligns the text to the left with padding */
transform: translateY(-50%);
z-index: 2;
text-align: left; /* Ensures left-aligned text */
}
.umBanner5 .hero__caption .hero__title {
font-size: 80px; /* Large title size */
color: #2e2e2e; /* Dark text color for better visibility */
font-weight: 700;
margin-bottom: 36px;
}
.umBanner5 .hero__caption span {
font-size: 23px;
color: #2e2e2e;
margin-bottom: 24px;
display: block;
}
.umBanner5 .btn--primary {
color: white;
background-color: #2e2e2e; /* Dark background for CTA button */
border: none;
border-radius: 10px;
font-size: 26px;
padding: 10px 40px;
text-transform: uppercase;
font-weight: 700;
}
/* Responsive Design Adjustments */
@media only screen and (max-width: 979px) {
.umBanner5 .hero__caption .hero__title {
font-size: 64px; /* Maintain large title size for readability */
}
.umBanner5 .hero__caption span {
font-size: 18px;
}
.umBanner5 .btn--primary {
font-size: 20px;
}
}
@media only screen and (max-width: 767px) {
.umBanner5 {
height: auto; /* Allows for dynamic height on smaller screens */
}
.umBanner5 .hero__caption {
top: auto;
transform: none;
left: 6%; /* Smaller padding for smaller screens */
right: 6%;
}
.umBanner5 .hero__caption .hero__title {
font-size: 32px;
}
.umBanner5 .hero__caption span {
font-size: 16px;
}
.umBanner5 .btn--primary {
font-size: 18px;
padding: 8px 30px;
}
}
/* Get started with your courses - heading */
.umGetStarted .h2 {font-size: 60px; color: var(--sknprimary); font-weight: 700;}
@media only screen and (max-width: 979px) {
.umGetStarted .h2 {font-size: 32px;}
}
@media only screen and (max-width: 767px) {
.umGetStarted .h2 {font-size: 28px;}
}
/* Catalog1 style */
.layout__content .widget.umCatalog1 {padding: 32px 9%;}
.umCatalog1 .catalog-header {display: none;}
.umCatalog1 .columns {padding: 0;}
.umCatalog1 .js-results-holder {padding-left: 1rem;}
.umCatalog1 .btn--link i {color: #fff;}
.umCatalog1 .catalog-aggregation--expanded ul li {margin-left: 28px;}
.umCatalog1 .catalog-aggregation--expanded ul li .btn.catalog-aggregation__value {color: #2e2e2e;}
.umCatalog1 .catalog-aggregation--expanded ul {padding: 20px 0;}
.umCatalog1 .catalog-item .catalog-grid-item {border: 1px solid var(--sknsecondary); border-radius: 8px; padding: 1rem 0;}
.umCatalog1 .catalog-grid-item__source {margin-bottom: 8px;}
.umCatalog1 .catalog-grid-item__source strong {font-size: 11px; color: #2e2e2e;}
.umCatalog1 .catalog-grid-item__title {color: #2e2e2e; font-weight: 600;}
.umCatalog1 .catalog-grid-item__description {color: #2e2e2e; font-weight: 400; margin-bottom: 18px;}
.umCatalog1 .catalog-grid-item__hr {display: none;}
.umCatalog1 .catalog-grid-item .btn--link {float: none; display: inline-block; font-size: 12px; padding: 4px 10px !important; border: 1px solid var(--sknsecondary); color: var(--sknsecondary); border-radius: 4px;}
.umCatalog1 .catalog-search-bar {padding: 0; background: var(--skndiscussionsearchbar);}
.umCatalog1 .catalog-search-bar .catalog-filters {background: none; border: 0;}
.umCatalog1 .catalog-search-bar .catalog-filters__search {background: none;}
.umCatalog1 .catalog-search-bar .catalog-search input {padding-left: 20px;}
.umCatalog1 .catalog-search-bar .catalog-search input, .umCatalog1 .catalog-search-bar .catalog-search select, .umCatalog1 .catalog-filters__sort {background: none;}
.umCatalog1 .catalog-filters__sort {border-left: 2px solid #fff; border-right: 2px solid #fff;}
.umCatalog1 .catalog-display-type {padding-right: 1rem;}
.umCatalog1 .catalog-display-type button {border: 0;}
.umCatalog1 .catalog-display-type button.btn--primary {color: var(--sknsecondary);}
.umCatalog1 .catalog-list-item {padding: 1rem; border: 1px solid var(--sknsecondary); border-radius: 12px; position: relative; margin-right: 0;}
.umCatalog1 .catalog-list-item .catalog-list-item__title {display: block; width: calc(100% - 50% - 1rem - 1rem); height: 25px; overflow: hidden; position: absolute; left: calc(50%); top: 60px;}
.umCatalog1 .catalog-list-item .medium-4, .umCatalog1 .catalog-list-item .medium-8 {width: 50%;}
.umCatalog1 .catalog-list-item .catalog-list-item__info {margin-bottom: 60px;}
.umCatalog1 .catalog-list-item .catalog-list-item__description .editor-content {height: 45px; overflow: hidden; display: block; color: #2e2e2e; margin-bottom: 1rem;}
.umCatalog1 .catalog-list-item .catalog-list-item__description::after {content: 'View Details'; display: inline-block; font-size: 12px; padding: 4px 10px !important; border: 1px solid var(--sknsecondary); color: var(--sknsecondary); border-radius: 4px;}
.umCatalog1 .catalog-list-item .catalog-list-item__asset {width: 100%;}
@media only screen and (max-width: 979px) {
.umCatalog1 .catalog-grid-item__title {font-size: 18px; height: auto !important;}
.umCatalog1 .catalog-grid-item__description, .umCatalog1 .catalog-grid-item__cta-container {height: auto !important;}
.umCatalog1 .catalog-list-item .catalog-list-item__title {top: 36px;}
.umCatalog1 .catalog-list-item .catalog-list-item__info {margin-bottom: 36px;}
}
@media only screen and (max-width: 767px) {
.umCatalog1 .small-block-grid-1 > li {padding: 0; margin-bottom: 12px;}
.umCatalog1 .js-results-holder {padding: 0;}
}
/* Catalog2 style*/
.layout__content .widget.umCatalog2 {padding: 32px 9%;}
.umCatalog2 .catalog-header {display: none;}
.umCatalog2 .columns {padding: 0;}
.umCatalog2 .js-results-holder {padding-left: 1rem;}
.umCatalog2 .catalog-search-bar {padding: 0; background: #fff; border: 1px solid #2e2e2e;}
.umCatalog2 .catalog-search-bar .catalog-filters {background: none; border: 0;}
.umCatalog2 .catalog-search-bar .catalog-filters__search {background: none;}
.umCatalog2 .catalog-search-bar .catalog-search input {padding-left: 20px;}
.umCatalog2 .catalog-search-bar .catalog-search input, .umCatalog2 .catalog-search-bar .catalog-search select, .umCatalog2 .catalog-filters__sort {background: none;}
.umCatalog2 .catalog-filters__sort {border-left: 1px solid #2e2e2e;}
.umCatalog2 .catalog-display-type {padding-right: 1rem; background: none;}
.umCatalog2 .catalog-display-type button {border: 0;}
.umCatalog2 .catalog-display-type button.btn--primary {color: var(--sknsecondary);}
.umCatalog2 .js-results-holder {padding-left: 1rem;}
.umCatalog2 .btn--link i {color: #fff;}
.umCatalog2 .catalog-aggregation--expanded ul li {margin-left: 28px;}
.umCatalog2 .catalog-aggregation--expanded ul li .btn.catalog-aggregation__value {color: #2e2e2e;}
.umCatalog2 .catalog-aggregation--expanded ul {padding: 20px 0;}
.umCatalog2 .catalog-item .catalog-grid-item {border: 1px solid var(--sknsecondary); border-radius: 8px; padding: 1rem 0;}
.umCatalog2 .catalog-grid-item__source {margin-bottom: 8px;}
.umCatalog2 .catalog-grid-item__source strong {font-size: 11px; color: #2e2e2e;}
.umCatalog2 .catalog-grid-item__title {color: #2e2e2e; font-weight: 600;}
.umCatalog2 .catalog-grid-item__description {color: #2e2e2e; font-weight: 400; margin-bottom: 18px;}
.umCatalog2 .catalog-grid-item__hr {display: none;}
.umCatalog2 .catalog-grid-item .btn--link {float: none; display: inline-block; font-size: 12px; padding: 4px 10px !important; border: 1px solid var(--sknsecondary); color: var(--sknsecondary); border-radius: 4px;}
.umCatalog2 .catalog-list-item {padding: 1rem; border: 1px solid var(--sknsecondary); border-radius: 12px; position: relative; margin-right: 0;}
.umCatalog2 .catalog-list-item .catalog-list-item__title {display: block; width: calc(100% - 50% - 1rem - 1rem); height: 25px; overflow: hidden; position: absolute; left: calc(50%); top: 60px;}
.umCatalog2 .catalog-list-item .medium-4, .umCatalog2 .catalog-list-item .medium-8 {width: 50%;}
.umCatalog2 .catalog-list-item .catalog-list-item__info {margin-bottom: 60px;}
.umCatalog2 .catalog-list-item .catalog-list-item__description .editor-content {height: 45px; overflow: hidden; display: block; color: #2e2e2e; margin-bottom: 1rem;}
.umCatalog2 .catalog-list-item .catalog-list-item__description::after {content: 'View Details'; display: inline-block; font-size: 12px; padding: 4px 10px !important; border: 1px solid var(--sknsecondary); color: var(--sknsecondary); border-radius: 4px;}
.umCatalog2 .catalog-list-item .catalog-list-item__asset {width: 100%;}
@media only screen and (max-width: 979px) {
.umCatalog2 .catalog-filters__sort {border: 0;}
.umCatalog2 .catalog-search-bar .catalog-search input {margin: 0;}
.umCatalog2 .catalog-grid-item__title {font-size: 18px; height: auto !important;}
.umCatalog2 .catalog-grid-item__description, .umCatalog2 .catalog-grid-item__cta-container {height: auto !important;}
.umCatalog2 .catalog-list-item .catalog-list-item__title {top: 36px;}
.umCatalog2 .catalog-list-item .catalog-list-item__info {margin-bottom: 36px;}
}
@media only screen and (max-width: 767px) {
.umCatalog2 .small-block-grid-1 > li {padding: 0; margin-bottom: 12px;}
.umCatalog2 .js-results-holder {padding: 0;}
}
/* For um uFeaturedContent Standard heading - two widget used this is. widget 1 */
.layout__content .widget.umFeaturedContentStdhead {padding: 32px 9%;}
.umFeaturedContentStdhead h2.widget__title {font-size: 60px; margin-bottom: 40px; color: #2e2e2e;}
.umFeaturedContentStdhead .widget__subtitle {font-size: 20px; margin-bottom: 0; color: #2e2e2e;}
.umFeaturedContentStdhead .btn--centered {background: var(--sknsecondary); color: #fff; font-size: 18px; text-transform: uppercase; font-weight: 700; border-radius: 22px; padding: 10px 40px;}
@media only screen and (max-width: 979px) {
.umFeaturedContentStdhead h2.widget__title {font-size: 32px; margin-bottom: 20px;}
.umFeaturedContentStdhead .widget__subtitle {font-size: 14px;}
.umFeaturedContentStdhead .btn--centered {font-size: 14px;}
}
/* For um uFeaturedContent Standard heading - two widget used this is. widget 2 */
.layout__content .widget.umFeaturedContentStd {padding: 32px 9%;}
.umFeaturedContentStd .catalog-grid-item {padding: 1rem 0; border: 3px solid var(--sknsecondary); border-radius: 12px;}
.umFeaturedContentStd .medium-block-grid-4 > li {width: 50%;}
.umFeaturedContentStd .catalog-grid-item .catalog-grid-item__title {font-size: 32px; font-weight: 600; margin-bottom: 32px;}
.umFeaturedContentStd .catalog-grid-item .catalog-grid-item__description {font-size: 16px; color: var(--sknprimary); height: 64px !important;}
.umFeaturedContentStd .catalog-grid-item .catalog-grid-item__hr {display: none;}
.umFeaturedContentStd .catalog-grid-item .catalog-grid-item__cta-container {text-align: left;}
.umFeaturedContentStd .catalog-grid-item .catalog-grid-item__cta-container .btn--link.btn--primary {float: none;
border: 3px solid var(--sknsecondary); padding: 12px 32px !important; border-radius: 10px; margin-top: 50px; font-weight: 600; color: var(--sknprimary); margin-bottom: 10px; font-size: 22px;}
.umFeaturedContentStd .catalog-grid-item:hover {background: var(--sknprimary);}
.umFeaturedContentStd .catalog-grid-item:hover .catalog-grid-item__title {color: #fff;}
.umFeaturedContentStd .catalog-grid-item:hover .catalog-grid-item__description {color: #fff;}
.umFeaturedContentStd .catalog-grid-item:hover .catalog-grid-item__cta-container .btn--link.btn--primary {background: white !important ;color: var(--sknprimary); border-color: #fff;}
@media only screen and (max-width: 979px) {
.umFeaturedContentStd .medium-block-grid-4 > li {width: 100%;}
.umFeaturedContentStd .catalog-grid-item .catalog-grid-item__title {font-size: 20px; height: auto !important; margin-bottom: 20px;}
.umFeaturedContentStd .catalog-grid-item .catalog-grid-item__description {font-size: 14px; height: auto !important;}
.umFeaturedContentStd .catalog-grid-item .catalog-grid-item__cta-container .btn--link.btn--primary {font-size: 14px; padding: 6px 18px !important; border-radius: 6px; margin-top: 20px;}
}
/* For Video1 */
.layout__content .widget.umVideo1 {padding: 32px 9%;}
.umVideo1 > .ember-view {border: 2px solid var(--sknsecondary); padding: 32px; border-radius: 20px; position: relative;}
.umVideo1 > .ember-view > .ember-view, .umVideo1 > .ember-view > .row {display: inline-block; width: calc(50% - 4px); vertical-align: top;}
.umVideo1 > .ember-view > .ember-view {padding-right: 4%;}
.umVideo1 > .ember-view > .row {padding-left: 4%;}
.umVideo1 > .ember-view > .ember-view {text-align: left;}
.umVideo1 h2.widget__title {font-size: 50px; font-weight: 900; margin-bottom: 32px; color: #2e2e2e; text-align: left; margin-top: 12px;}
.umVideo1 .widget__subtitle {font-size: 20px; color: #2e2e2e; text-align: left; margin-bottom: 4rem;}
.umVideo1 > .ember-view > .row .columns, .umVideo1 > .ember-view > .row .video__container {padding: 0;}
.umVideo1 > .ember-view .widget__cta {position: absolute; bottom: 32px; left: 32px;}
.umVideo1 > .ember-view .widget__cta .btn--centered {margin-bottom: 0; background: none; border: 1px solid var(--sknsecondary); border-radius: 6px; font-size: 18px; font-weight: 600; color: var(--sknsecondary);}
@media only screen and (max-width: 979px) {
.umVideo1 > .ember-view {padding: 20px;}
.umVideo1 > .ember-view > .ember-view, .umVideo1 > .ember-view > .row {width: 100%; padding: 0;}
.umVideo1 h2.widget__title {font-size: 28px; margin-bottom: 20px;}
.umVideo1 .widget__subtitle {font-size: 14px;}
.umVideo1 > .ember-view .widget__cta {position: static; text-align: center;}
.umVideo1 > .ember-view .widget__cta .btn--centered {font-size: 14px;}
}
/* For umIbus - Course layout */
.layout__content .widget.umIbus {padding: 32px 9%;}
.umIbus .widget__title {color: #2e2e2e;}
.umIbus .featured-content-block-grid {padding: 0;}
.umIbus .featured-content-block-grid .featured-content-image-overlay-item {display: block; padding: 20px; border: 2px solid var(--sknsecondary); border-radius: 12px;}
.umIbus .featured-content-block-grid .featured-content-image-overlay-item img {display: inline-block; width: calc(50% - 4px); vertical-align: middle; padding-right: 4%;}
.umIbus .featured-content-block-grid .featured-content-image-overlay-item .featured-content-image-overlay-item__overlay {display: inline-block; width: calc(50% - 4px); vertical-align: middle; padding-left: 4%; position: relative; padding: 0; background: none; color: #2e2e2e;}
.umIbus .featured-content-block-grid .featured-content-image-overlay-item .featured-content-image-overlay-item__title {color: #2e2e2e; font-size: 32px; font-weight: 500;}
.umIbus .featured-content-block-grid .featured-content-image-overlay-item .featured-content-image-overlay-item__description {font-size: 18px; color: #2e2e2e;}
.umIbus .featured-content-block-grid .featured-content-image-overlay-item .featured-content-image-overlay-item__overlay::after {content: 'Read More'; display: inline-block; padding: 6px 16px; border: 1px solid var(--sknsecondary); border-radius: 6px; font-size: 18px; color: var(--sknsecondary); margin-top: 28px;}
@media only screen and (max-width: 979px) {
.umIbus .widget__title {font-size: 32px;}
.umIbus .featured-content-block-grid .featured-content-image-overlay-item .featured-content-image-overlay-item__title {font-size: 24px;}
.umIbus .featured-content-block-grid .featured-content-image-overlay-item .featured-content-image-overlay-item__description {font-size: 14px;}
.umIbus .featured-content-block-grid .featured-content-image-overlay-item .featured-content-image-overlay-item__overlay::after {font-size: 14px; margin-top: 20px;}
}
@media only screen and (max-width: 767px) {
.umIbus .featured-content-block-grid .featured-content-image-overlay-item img {width: 100%; padding: 0; margin-bottom: 12px;}
.umIbus .featured-content-block-grid .featured-content-image-overlay-item .featured-content-image-overlay-item__overlay {width: 100%;}
}
/* For um Carousel1 */
.layout__content .widget.umCarousel1 {padding: 32px 9%;}
.umCarousel1 .widget__title {text-align: left; font-size: 42px; font-weight: 700; color: #2e2e2e;}
.umCarousel1 .icon-navigateright::before, .umCarousel1 .icon-navigateleft::before {font-size: 60px; color: var(--sknsecondary);}
.umCarousel1 .btn--bare-icon {width: 60px; height: 60px; outline: 0; top: 50%; transform: translateY(-50%);}
.umCarousel1 .featured-content-multi-carousel__nav-right {right: -32px;}
.umCarousel1 .featured-content-multi-carousel__nav-left {left: -32px;}
.umCarousel1 .featured-content-multi-carousel-item {padding: 20px; border: 1px solid var(--sknsecondary); border-radius: 12px;}
.umCarousel1 .featured-content-multi-carousel-item img {padding: 0;}
.umCarousel1 .featured-content-multi-carousel-item .catalog-grid-item__asset-container {margin-bottom: 12px;}
.umCarousel1 .featured-content-multi-carousel-item .featured-content-multi-carousel-item__body {padding: 0; text-align: left;}
.umCarousel1 .featured-content-multi-carousel-item .featured-content-multi-carousel-item__title {font-size: 18px;}
.umCarousel1 .featured-content-multi-carousel-item .featured-content-multi-carousel-item__description {padding: 0; color: #2e2e2e;}
.umCarousel1 .featured-content-multi-carousel-item .featured-content-multi-carousel-item__source {color: #2e2e2e;}
.umCarousel1 .featured-content-multi-carousel-item .featured-content-multi-carousel-item__body::after {content: 'Read More'; display: inline-block; padding: 4px 12px; border: 1px solid var(--sknsecondary); border-radius: 6px; color: var(--sknsecondary); margin-top: 20px; font-size: 12px;}
@media only screen and (max-width: 979px) {
.umCarousel1 .widget__title {font-size: 32px;}
}
/* For umRecentlyViewedHead */
.layout__content .widget.umRecentlyViewedHead {padding: 32px 9%;}
.umRecentlyViewedHead .ember-view {position: relative;}
.umRecentlyViewedHead .widget__title {font-size: 42px; color: #2e2e2e; font-weight: 500; text-align: left; display: block; padding-right: 200px;}
.umRecentlyViewedHead .widget__cta {position: absolute; top: 0; right: 0; padding: 0;}
.umRecentlyViewedHead .widget__cta .btn--centered {background: var(--sknsecondary); color: #fff; font-size: 18px; text-transform: uppercase; font-weight: 700; border-radius: 22px; padding: 10px 40px; text-transform: none;}
@media only screen and (max-width: 979px) {
.umRecentlyViewedHead .widget__title {font-size: 32px;}
.umRecentlyViewedHead .widget__cta .btn--centered {font-size: 14px;}
}
@media only screen and (max-width: 767px) {
.umRecentlyViewedHead .widget__title {font-size: 28px; padding: 0; margin: 0;}
.umRecentlyViewedHead .widget__cta {position: static; text-align: left;}
.umRecentlyViewedHead .widget__cta .btn--centered {display: inline-block;}
}
/* For umRecentlyViewed */
/* For umRecentlyViewedCoursesHead */
.layout__content .widget.umRecentlyViewedCoursesHead {padding: 32px 9%;}
.umRecentlyViewedCoursesHead .ember-view {position: relative;}
.umRecentlyViewedCoursesHead .ember-view .ember-view {padding-right: 240px}
.umRecentlyViewedCoursesHead .widget__title {font-size: 42px; color: #2e2e2e; font-weight: 500; text-align: left; display: block;}
.umRecentlyViewedCoursesHead .widget__subtitle {font-size: 20px; color: #2e2e2e; text-align: left; display: block; margin: 0;}
.umRecentlyViewedCoursesHead .widget__cta {position: absolute; top: 88px; right: 0; padding: 0;}
.umRecentlyViewedCoursesHead .widget__cta .btn--centered {background: var(--sknsecondary); color: #fff; font-size: 18px; text-transform: uppercase; font-weight: 700; border-radius: 22px; padding: 10px 40px; text-transform: none;}
@media only screen and (max-width: 979px) {
.umRecentlyViewedCoursesHead .widget__title {font-size: 32px;}
.umRecentlyViewedCoursesHead .widget__subtitle {font-size: 14px;}
.umRecentlyViewedCoursesHead .widget__cta {top: 68px;}
.umRecentlyViewedCoursesHead .widget__cta .btn--centered {font-size: 14px;}
}
@media only screen and (max-width: 767px) {
.umRecentlyViewedCoursesHead .widget__title {font-size: 28px;}
.umRecentlyViewedCoursesHead .ember-view .ember-view {padding: 0;}
.umRecentlyViewedCoursesHead .widget__cta {position: static; text-align: left;}
.umRecentlyViewedCoursesHead .widget__cta .btn--centered {display: inline-block;}
}
/* For umAboutIntro */
.layout__content .widget.umAboutIntro {padding: 0;}
.umAboutIntro .ember-view {background: var(--sknsecondary);}
.umAboutIntro .ember-view .columns {padding: 0;}
.umAboutIntro .ember-view .columns:nth-child(2) {padding: 6% 9% 0 6%; color: #fff;}
.umAboutIntro h3 {font-size: 42px; color: #fff; font-weight: 700px; margin-bottom: 32px;}
.umAboutIntro p {font-size: 20px; color: #fff; margin-bottom: 0;}
@media only screen and (max-width: 979px) {
.umAboutIntro h3 {font-size: 24px; margin-bottom: 20px;}
.umAboutIntro p {font-size: 14px;}
}
@media only screen and (max-width: 767px) {
.umAboutIntro .ember-view .columns:nth-child(2) {padding: 6% 9% 6% 6%;}
}
/* For umExploreTopics */
.layout__content .widget.umExploreTopics {padding: 64px 9%;}
.umExploreTopics .widget__title {font-size: 42px; color: #2e2e2e; font-weight: 700; margin-bottom: 42px;}
.umExploreTopics .editor-content {text-align: center;}
.umExploreTopics .editor-content a {font-size: 18px; font-weight: 700; color: #2e2e2e; text-decoration: none; display: inline-block; width: calc(25% - 4px - 40px); margin: 0 20px; padding: 12px 12px; border: 2px solid var(--sknsecondary); border-radius: 15px;}
.umExploreTopics .btn--centered { background: var(--sknsecondary); color: #fff; font-size: 18px; text-transform: uppercase; font-weight: 700; border-radius: 22px; padding: 10px 40px; text-transform: none;}
@media only screen and (max-width: 979px) {
.umExploreTopics .widget__title {font-size: 28px;}
.umExploreTopics .editor-content a {font-size: 14px; width: calc(50% - 4px - 40px); margin: 0 18px 12px;}
.umExploreTopics .btn--centered {font-size: 14px;}
}
@media only screen and (max-width: 767px) {
.umExploreTopics .editor-content a {width: 100%; margin: 0 0 12px;}
}
/* For um4ImagesOverlay */
.layout__content .widget.um4ImagesOverlay {padding: 32px 9%;}
.um4ImagesOverlay .featured-content-image-overlay-item {border: 2px solid var(--sknsecondary); border-radius: 8px; position: relative; overflow: hidden;}
.um4ImagesOverlay .featured-content-image-overlay-item__overlay {width: 100%; height: 100%; background: rgba(106, 106, 176, .2);}
.um4ImagesOverlay .featured-content-image-overlay-item__overlay .featured-content-image-overlay-item__title {width: 100%; position: absolute; top: 50%; left: 0; transform: translateY(-50%); padding: 0 12px; text-align: center; font-weight: 600;}
@media only screen and (max-width: 979px) {
.um4ImagesOverlay .featured-content-image-overlay-item__overlay .featured-content-image-overlay-item__title {font-size: 20px;}
}
/* For umContactBlock */
.layout__content .widget.umContactBlock {padding: 64px 9%; background: var(--sknsecondary); color: #fff;}
.umContactBlock .ember-view .columns {display: inline-block; vertical-align: middle; width: calc(50% - 4px); float: none;}
.umContactBlock h3 {font-size: 50px; font-weight: 700; color: #fff;}
.umContactBlock p {font-size: 20px; margin-bottom: .75em;}
.umContactBlock a {display: inline-block; padding: 12px 20px; border: 2px solid #fff; border-radius: 12px; font-weight: 700; text-transform: none; width: 100%; max-width: 280px; color: #fff !important; text-align: center;}
@media only screen and (max-width: 979px) {
.umContactBlock h3 {font-size: 28px;}
.umContactBlock p {font-size: 14px;}
.umContactBlock a {font-size: 14px; max-width: 160px; padding: 6px 20px; border-radius: 8px;}
}
@media only screen and (max-width: 767px) {
.umContactBlock .ember-view .columns {width: 100%;}
.umContactBlock .ember-view .columns img {margin-bottom: 12px;}
}
/* For umProfTraining */
.layout__content .widget.umProfTraining {padding: 64px 9%;}
.umProfTraining picture {display: block; width: 100%; border-radius: 20px; overflow: hidden; margin-bottom: 40px;}
.umProfTraining picture img {width: 100%;}
.umProfTraining .hero__caption {position: static; color: #2e2e2e; padding: 0; width: 100%; transform: none;}
.umProfTraining .hero {height: auto;}
.umProfTraining .hero .hero__caption .hero__title {color: #2e2e2e; font-size: 42px;}
.umProfTraining .hero .hero__caption span {color: #2e2e2e !important; font-size: 23px;}
.umProfTraining .hero .btn--primary { background: var(--sknsecondary); color: #fff; font-size: 18px; text-transform: uppercase; font-weight: 700; border-radius: 22px; padding: 10px 40px; text-transform: none;}
@media only screen and (max-width: 979px) {
.umProfTraining .hero .hero__caption .hero__title {font-size: 28px !important; }
.umProfTraining .hero .hero__caption span {font-size: 16px;}
.umProfTraining .hero .btn--primary {font-size: 14px;}
}
@media only screen and (max-width: 767px) {
.umProfTraining .hero .hero__caption span {font-size: 14px;}
}
/* For umProfTraining2 */
.layout__content .widget.umProfTraining2 {padding: 64px 9%;}
.umProfTraining2 .row {display: table; width: 100%;}
.umProfTraining2 .row .columns {display: table-cell; float: none; vertical-align: middle;}
.umProfTraining2 .row .columns img {border-radius: 12px;}
.umProfTraining2 .row .columns:nth-child(2) {border: 2px solid var(--sknsecondary); border-radius: 12px; padding: 32px;}
.umProfTraining2 h3 {font-size: 42px; font-weight: 700; color: #2e2e2e;}
.umProfTraining2 p {font-size: 23px; color: #2e2e2e; margin-bottom: 40px;}
.umProfTraining2 a { background: var(--sknsecondary); color: #fff !important; font-size: 18px; text-transform: uppercase; font-weight: 700; border-radius: 22px; padding: 10px 40px; text-transform: none;}
@media only screen and (max-width: 979px) {
.umProfTraining2 h3 {font-size: 28px;}
.umProfTraining2 p {font-size: 14px;}
.umProfTraining2 a {font-size: 14px;}
.umProfTraining2 .row .columns:nth-child(2) {padding: 20px;}
.umProfTraining2 .row .columns:nth-child(1) {margin-bottom: 20px;}
.umProfTraining2 .row, .umProfTraining2 .row .columns {display: block; width: 100%; padding: 0;}
}
/* For umProfTrainingHead */
.layout__content .widget.umProfTrainingHead {padding: 32px 9%;}
.umProfTrainingHead .ember-view {position: relative;}
.umProfTrainingHead .ember-view .ember-view {padding-right: 260px}
.umProfTrainingHead .widget__title {font-size: 48px; color: #2e2e2e; font-weight: 600; text-align: left; display: block;}
.umProfTrainingHead .widget__subtitle {font-size: 20px; color: #2e2e2e; text-align: left; display: block; margin: 0;}
.umProfTrainingHead .widget__cta {position: absolute; top: 50%; right: 0; padding: 0; transform: translateY(-50%);}
.umProfTrainingHead .widget__cta .btn--centered {background: var(--sknsecondary); color: #fff; font-size: 22px; text-transform: uppercase; font-weight: 700; border-radius: 22px; padding: 10px 40px; text-transform: none;}
@media only screen and (max-width: 979px) {
.umProfTrainingHead .widget__title {font-size: 32px;}
.umProfTrainingHead .widget__cta .btn--centered {font-size: 14px;}
.umProfTrainingHead .ember-view .ember-view {padding-right: 204px;}
.umProfTrainingHead .widget__subtitle {font-size: 14px;}
}
@media only screen and (max-width: 767px) {
.umProfTrainingHead .widget__title {font-size: 28px;}
.umProfTrainingHead .ember-view .ember-view {padding: 0;}
.umProfTrainingHead .widget__cta {position: static; transform: none; text-align: left;}
.umProfTrainingHead .widget__cta .btn--centered {display: inline-block;}
}
/* For umTestimonials1 */
.layout__content .widget.umTestimonials1 {padding: 32px 9%;}
.umTestimonials1 .testimonial-widget {padding: 100px 40px; border: 2px solid var(--sknsecondary); border-radius: 12px;}
.umTestimonials1 .testimonial-quote__text {font-size: 20px; color: #2e2e2e; font-style: italic;}
.umTestimonials1 .testimonial-quote__text::before, .umTestimonials1 .testimonial-quote__text::after {content: '"';}
.umTestimonials1 .testimonial-quote--center {text-align: left;}
.umTestimonials1 .testimonial .testimonial-quote__author-name {font-size: 16px; font-style: normal; margin-bottom: 0;}
.umTestimonials1 .testimonial .testimonial-quote__author-description {font-size: 16px;}
.umTestimonials1 .icon-navigateright::before, .umTestimonials1 .icon-navigateleft::before {color: var(--sknsecondary); font-size: 44px;}
@media only screen and (max-width: 979px) {
.umTestimonials1 .testimonial-widget {padding: 50px 22px;}
.umTestimonials1 .testimonial-quote__text {font-size: 16px;}
.umTestimonials1 .testimonials__nav > i {padding: 0;}
.umTestimonials1 .testimonials__nav {height: 40px; width: 40px;}
.umTestimonials1 .testimonials__nav--right {right: 2%;}
.umTestimonials1 .testimonials__nav--left {left: 2%;}
}
/* For umWhatStudentSays */
.layout__content .widget.umWhatStudentSays {padding: 64px 0; background: #ececed;}
.umWhatStudentSays .featured-content-multi-carousel .featured-content-block-grid > li {padding: 0 9%;}
.umWhatStudentSays .testimonial-widget {margin: 0;}
.umWhatStudentSays .testimonial {background-size: 48% auto; background-position: center left;}
.umWhatStudentSays .testimonial::after {content: ''; display: block; clear: both;}
.umWhatStudentSays .testimonial .testimonial-quote--center {width: 48%; float: right; padding: 0; text-align: left; color: #2e2e2e; left: 52%;}
.umWhatStudentSays .testimonial .testimonial-quote__text {font-size: 20px; font-style: italic;}
.umWhatStudentSays .testimonial .testimonial-quote__author-name {font-size: 16px; font-style: normal;}
.umWhatStudentSays .testimonial .testimonial-quote__author-description {font-size: 16px; font-style: normal;}
.umWhatStudentSays .testimonial .testimonial-quote--center::before {content: 'What our educators say'; display: block; font-size: 60px; margin-bottom: 20px; font-weight: 900; line-height: normal;}
@media only screen and (max-width: 979px) {
.umWhatStudentSays .testimonial .testimonial-quote--center {}
.umWhatStudentSays .testimonial .testimonial-quote--center::before {font-size: 32px;}
.umWhatStudentSays .testimonial .testimonial-quote__text {font-size: 14px;}
.umWhatStudentSays .testimonial .testimonial-quote__author-name, .umWhatStudentSays .testimonial .testimonial-quote__author-description {font-size: 13px;}
.umWhatStudentSays .testimonials__nav {font-size: 40px; width: 40px; height: 40px;}
}
@media only screen and (max-width: 767px) {
.umWhatStudentSays .testimonial {padding-top: 80vw; background-size: auto 80vw; background-position: center top;}
.umWhatStudentSays .testimonial .testimonial-quote--center {width: 100%; padding-top: 20px; position: static; transform: none;}
}
/* For umTestimonial1 */
.layout__content .widget.umTestimonial1 {padding: 64px 0;}
.umTestimonial1 .testimonial {padding: 200px 0; position: relative;}
.umTestimonial1 .testimonial::before {content: ''; display: block; width:100%; height: 100%; position: absolute; top: 0; left: 0; background: rgba(66, 105, 176, .2);}
.umTestimonial1 .testimonial-widget {margin: 0;}
.umTestimonial1 .columns {padding: 0;}
.umTestimonial1 .testimonial::after {content: ''; display: block; clear: both;}
.umTestimonial1 .testimonial .testimonial-quote--right {width: calc(50% - 9%); padding: 0; text-align: left; color: #fff; position: relative; z-index: 1; float: right; margin-right: 9%;}
.umTestimonial1 .testimonial .testimonial-quote__text {font-size: 16px; font-style: italic; font-weight: 600;}
.umTestimonial1 .testimonial .testimonial-quote__author-name {font-size: 16px; font-style: normal; color: #fff;}
.umTestimonial1 .testimonial .testimonial-quote__author-description {font-size: 16px; font-style: normal; color: #fff;}
@media only screen and (max-width: 979px) {
.umTestimonial1 .testimonial {padding: 100px 0;}
}
@media only screen and (max-width: 767px) {
.umTestimonial1 .testimonial {padding: 60px 0;}
.umTestimonial1 .testimonial .testimonial-quote--right {width: 100%; padding: 0 9%; margin: 0;}
}
/* For umHeroSlider1 */
.layout__content .widget.umHeroSlider1 {padding: 64px 9%;}
.umHeroSlider1 .featured-content-carousel__container {margin: 0;}
.umHeroSlider1 .featured-content-carousel-item::before {content: ''; display: block; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: rgba(66, 105, 176, .2);}
.umHeroSlider1 .featured-content-carousel-item__overlay {bottom: auto; top: 50%; transform: translateY(-50%); background: none; text-align: center;}
.umHeroSlider1 .featured-content-carousel-item__title {font-size: 52px; font-weight: 700; margin-bottom: 32px;}
.umHeroSlider1 .featured-content-carousel-item__description {font-size: 16px;}
.umHeroSlider1 .btn--primary {background: var(--sknsecondary); border: 0; font-size: 20px;}
.umHeroSlider1 .btn.disabled {background: #a9a7d3; opacity: 1; border: 0; font-size: 20px;}
@media only screen and (max-width: 979px) {
.umHeroSlider1 .featured-content-carousel-item__title {font-size: 32px; margin-bottom: 20px;}
}
@media only screen and (max-width: 979px) {
.umHeroSlider1 .featured-content-carousel-item__overlay {position: static; transform: none; padding: 12px 0 56px;}
.umHeroSlider1 .featured-content-carousel-item__title {font-size: 28px; text-align: left; margin-bottom: 12px;}
.umHeroSlider1 .featured-content-carousel-item__description {color: #2e2e2e; text-align: left; font-size: 14px;}
.umHeroSlider1 .featured-content-carousel-item::before {display: none;}
}
/* For umHeroSlider2 */
.layout__content .widget.umHeroSlider2 {padding: 64px 9%;}
.umHeroSlider2 .featured-content-carousel__container {margin: 0; position: relative;}
.umHeroSlider2 .featured-content-carousel-item::before {content: ''; display: block; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: rgba(66, 105, 176, .2);}
.umHeroSlider2 .featured-content-carousel-item__overlay {bottom: auto; top: 50%; transform: translateY(-50%); background: none; text-align: center;}
.umHeroSlider2 .featured-content-carousel-item__title {font-size: 52px; font-weight: 700; margin-bottom: 32px;}
.umHeroSlider2 .featured-content-carousel-item__description {font-size: 16px; font-weight: 600; display: inline-block; padding: 8px 32px; border: 2px solid #fff; border-radius: 12px;}
.umHeroSlider2 .btn--primary {background: var(--sknsecondary); border: 0; font-size: 20px;}
.umHeroSlider2 .btn.disabled {background: #a9a7d3; opacity: 1; border: 0; font-size: 20px;}
.umHeroSlider2 .featured-content-carousel__dots {display: block; bottom: 40px;}
.umHeroSlider2 .featured-content-carousel__dot {width: 15px; height: 15px; background: #fff; opacity: .4;}
.umHeroSlider2 .featured-content-carousel__dot--active {opacity: 1;}
.umHeroSlider2 .featured-content-carousel__nav {position: static; opacity: 0;}
.umHeroSlider2 .featured-content-carousel:hover .featured-content-carousel__nav {opacity: 1;}
.umHeroSlider2 .featured-content-carousel__nav .btn {position: absolute; top: 50%; transform: translateY(-50%);}
.umHeroSlider2 .featured-content-carousel__nav .btn:nth-child(1) {left: 0;}
.umHeroSlider2 .featured-content-carousel__nav .btn:nth-child(2) {right: 0;}
@media only screen and (max-width: 979px) {
.umHeroSlider2 .featured-content-carousel-item__title {font-size: 32px; margin-bottom: 20px;}
.umHeroSlider2 .featured-content-carousel-item__description {font-size: 14px;}
}
@media only screen and (max-width: 767px) {
.umHeroSlider2 .featured-content-carousel-item__overlay {position: static; transform: none; padding: 12px 0;}
.umHeroSlider2 .featured-content-carousel-item__title {font-size: 28px; color: #2e2e2e; text-align: left;}
.umHeroSlider2 .featured-content-carousel__dot {background: #2e2e2e; opacity: .6;}
.umHeroSlider2 .featured-content-carousel__dot--active {opacity: 1;}
}
/* For umHeroSlider3 */
.layout__content .widget.umHeroSlider3 {padding: 64px 9%;}
.umHeroSlider3 .featured-content-carousel__container {margin: 0; position: relative;}
.umHeroSlider3 .featured-content-carousel-item {position: relative; background: var(--sknsecondary);}
.umHeroSlider3 .featured-content-carousel-item::after {content: ''; display: block; clear: both;}
.umHeroSlider3 .featured-content-carousel-item picture {width: 50%; float: right;}
.umHeroSlider3 .featured-content-carousel-item .featured-content-carousel-item__overlay {width: 50%; padding: 0 80px; bottom: auto; top: 50%; transform: translateY(-50%); background: none;}
.umHeroSlider3 .featured-content-carousel-item__title {font-size: 52px; font-weight: 700; margin-bottom: 32px;}
.umHeroSlider3 .featured-content-carousel-item__description {font-size: 16px;}
.umHeroSlider3 .featured-content-carousel__nav {position: static;}
.umHeroSlider3 .featured-content-carousel__nav button {position: absolute; top: 50%; transform: translateY(-50%); font-size: 60px; padding: 0; border: 0; background: none;}
.umHeroSlider3 .featured-content-carousel__nav button:nth-child(1) {left: 0;}
.umHeroSlider3 .featured-content-carousel__nav button:nth-child(2) {right: 0;}
@media only screen and (max-width: 979px) {
.umHeroSlider3 .featured-content-carousel-item .featured-content-carousel-item__overlay {padding: 0 20px 0 45px;}
.umHeroSlider3 .featured-content-carousel-item__title {font-size: 28px; margin-bottom: 20px;}
.umHeroSlider3 .featured-content-carousel-item__description {font-size: 14px;}
.umHeroSlider3 .featured-content-carousel__nav button {font-size: 40px;}
}
@media only screen and (max-width: 767px) {
.umHeroSlider3 .featured-content-carousel-item picture {width: 100%; float: none; margin-bottom: 12px;}
.umHeroSlider3 .featured-content-carousel-item .featured-content-carousel-item__overlay {width: 100%; position: static; transform: none; padding: 20px 40px;}
}
/* For umHeroSlider4 */
.layout__content .widget.umHeroSlider4 {padding: 64px 9%;}
.umHeroSlider4 .featured-content-carousel__container {margin: 0; position: relative;}
.umHeroSlider4 .featured-content-carousel-item .featured-content-carousel-item__overlay {width: 50%; padding: 0 80px; bottom: auto; top: 50%; transform: translateY(-50%); background: none;}
.umHeroSlider4 .featured-content-carousel-item__title {font-size: 52px; font-weight: 700; margin-bottom: 32px;}
.umHeroSlider4 .featured-content-carousel-item__description {font-size: 16px;}
.umHeroSlider4 .featured-content-carousel__nav {position: static;}
.umHeroSlider4 .featured-content-carousel__nav button {position: absolute; top: 50%; transform: translateY(-50%); font-size: 60px; padding: 0; border: 0; background: none;}
.umHeroSlider4 .featured-content-carousel__nav button:nth-child(1) {left: 0;}
.umHeroSlider4 .featured-content-carousel__nav button:nth-child(2) {right: 0;}
@media only screen and (max-width: 979px) {
.umHeroSlider4 .featured-content-carousel-item__title {font-size: 32px; margin-bottom: 20px;}
.umHeroSlider4 .featured-content-carousel-item .featured-content-carousel-item__overlay {padding: 0 20px 0 45px;}
.umHeroSlider4 .featured-content-carousel-item__description {font-size: 14px;}
.umHeroSlider4 .featured-content-carousel__nav button {font-size: 40px;}
}
@media only screen and (max-width: 767px) {
.umHeroSlider4 .featured-content-carousel-item .featured-content-carousel-item__overlay {position: static; transform: none; width: 100%;}
.umHeroSlider4 .featured-content-carousel-item__title {font-size: 28px; color: #2e2e2e;}
.umHeroSlider4 .featured-content-carousel-item__description {color: #2e2e2e;}
.umHeroSlider4 .icon-navigateright::before, .umHeroSlider4 .icon-navigateleft::before {color: #2e2e2e;}
}
/* For umImageOverlay1 */
.layout__content .widget.umImageOverlay1 {padding: 64px 9%;}
.umImageOverlay1 .featured-content-image-overlay-item {border-radius: 12px; overflow: hidden;}
.umImageOverlay1 .featured-content-image-overlay-item__overlay {bottom: auto; padding: 0 40px; bottom: 40px; background: none;}
.umImageOverlay1 .featured-content-image-overlay-item__title {font-size: 20px; font-weight: 700; text-transform: uppercase;}
.umImageOverlay1 .featured-content-image-overlay-item__description {font-size: 14px;}
.umImageOverlay1 .featured-content-image-overlay-item:hover {border: 2px solid var(--sknsecondary);}
.umImageOverlay1 .featured-content-image-overlay-item:hover img {opacity: 0;}
.umImageOverlay1 .featured-content-image-overlay-item:hover .featured-content-image-overlay-item__title, .umImageOverlay1 .featured-content-image-overlay-item:hover .featured-content-image-overlay-item__description {color: #2e2e2e;}
.umImageOverlay1 .featured-content-block-grid li:nth-child(3) .featured-content-image-overlay-item {border: 2px solid var(--sknsecondary);}
.umImageOverlay1 .featured-content-block-grid li:nth-child(3) .featured-content-image-overlay-item img {opacity: 0;}
.umImageOverlay1 .featured-content-block-grid li:nth-child(3) .featured-content-image-overlay-item .featured-content-image-overlay-item__title, .umImageOverlay1 .featured-content-block-grid li:nth-child(3) .featured-content-image-overlay-item .featured-content-image-overlay-item__description {color: #2e2e2e;}
/* For umImageOverlay2Head */
.layout__content .widget.umImageOverlay2Head {padding: 32px 9%;}
.umImageOverlay2Head .widget__title {font-size: 52px; font-weight: 700; color: #2e2e2e;}
.umImageOverlay2Head .widget__subtitle {font-size: 20px; color: #2e2e2e; margin-bottom: 0;}
@media only screen and (max-width: 979px) {
.umImageOverlay2Head .widget__title {font-size: 32px;}
.umImageOverlay2Head .widget__subtitle {font-size: 14px;}
}
/* For umImageOverlay2 */
.layout__content .widget.umImageOverlay2 {padding: 32px 9%;}
.umImageOverlay2 .featured-content-multi-carousel-item {border: 1px solid var(--sknsecondary); border-radius: 12px; position: relative; padding-bottom: 0.75em;}
.umImageOverlay2 .featured-content-multi-carousel-item__body {display: block; padding: 1rem .75em; background: rgba(0,0,0,.1); position: relative; bottom: .75em; left: .75em; text-align: left; position: absolute; width: calc(100% - (2 * .75em));}
.umImageOverlay2 .featured-content-multi-carousel-item__title {font-size: 23px; font-weight: 700; color: #fff;}
.umImageOverlay2 .featured-content-multi-carousel-item__description {font-size: 10px; color: #fff; display: inline-block; padding: 4px 12px; border: 1px solid #fff; border-radius: 6px;}
.umImageOverlay2 .icon-navigateright::before, .umImageOverlay2 .icon-navigateleft::before {font-size: 60px; color: var(--sknsecondary); line-height: 60px;}
.umImageOverlay2 .btn--bare-icon {width: 60px; height: 60px; top: 50%; transform: translateY(-50%);}
.umImageOverlay2 .btn--bare-icon i {display: inline-block;}
.umImageOverlay2 .featured-content-multi-carousel__nav-right {right: -60px;}
.umImageOverlay2 .featured-content-multi-carousel__nav-left {left: -60px;}
@media only screen and (max-width: 767px) {
.umImageOverlay2 .btn--bare-icon {width: 40px; height: 40px;}
.umImageOverlay2 .featured-content-multi-carousel__nav-right {right: -20px;}
.umImageOverlay2 .featured-content-multi-carousel__nav-left {left: -20px;}
.umImageOverlay2 .icon-navigateright::before, .umImageOverlay2 .icon-navigateleft::before {font-size: 40px; line-height: 40px;}
}
/* For umImageOverlay3 */
.layout__content .widget.umImageOverlay3 {padding: 32px 9%;}
.umImageOverlay3 .featured-content-image-overlay-item {border: 1px solid var(--sknsecondary); border-radius: 12px; position: relative; padding: 0.75em; }
.umImageOverlay3 .featured-content-image-overlay-item::before {content: ''; display: block; width: calc(100% - (2 * .75em)); height: calc(100% - (2 * .75em)); background: rgba(106, 106, 176, .4); top: .75em; left: .75em; position: absolute;}
.umImageOverlay3 .featured-content-image-overlay-item__overlay {display: block; padding: 1rem .75em; position: relative; bottom: .75em; left: .75em; text-align: left; position: absolute; width: calc(100% - (2 * .75em)); background: none;}
.umImageOverlay3 .featured-content-image-overlay-item__title {font-size: 23px; font-weight: 700; color: #fff; margin-bottom: 12px;}
.umImageOverlay3 .featured-content-image-overlay-item__description {font-size: 10px; color: #fff; display: inline-block; padding: 4px 12px; background: var(--sknsecondary); border-radius: 6px;}
/* For umImageOverlay4 */
.layout__content .widget.umImageOverlay4 {padding: 32px 9%;}
.umImageOverlay4 .featured-content-multi-carousel-item__body {padding: 0 .75em; text-align: left;}
.umImageOverlay4 .catalog-grid-item__asset-container {padding: 0.75em;}
.umImageOverlay4 .featured-content-multi-carousel-item img {border-radius: 12px; padding: 0; margin-bottom: 12px;}
.umImageOverlay4 .featured-content-multi-carousel-item__title {text-align: left; font-size: 22px; color: #2e2e2e;}
.umImageOverlay4 .featured-content-multi-carousel-item__description {padding: 0; color: #2e2e2e; font-size: 14px; margin-bottom: 12px;}
.umImageOverlay4 .featured-content-multi-carousel-item__body::after {content: 'Explore More'; display: inline-block; font-size: 11px; font-weight: 700; background: var(--sknsecondary); color: #fff; border-radius: 6px; padding: 6px 12px;}
.umImageOverlay4 .btn--bare-icon i {line-height: 60px;}
.umImageOverlay4 .btn--bare-icon i::before {color: var(--sknsecondary); font-size: 60px;}
.umImageOverlay4 .featured-content-multi-carousel__nav-right {right: -60px;}
.umImageOverlay4 .featured-content-multi-carousel__nav-left {left: -60px;}
@media only screen and (max-width: 979px) {
.umImageOverlay4 .featured-content-multi-carousel__nav-right {right: -30px;}
.umImageOverlay4 .featured-content-multi-carousel__nav-left {left: -30px;}
}
@media only screen and (max-width: 767px) {
.umImageOverlay4 .btn--bare-icon i::before {font-size: 40px; line-height: 40px;}
.umImageOverlay4 .featured-content-multi-carousel__nav-right {right: -20px;}
.umImageOverlay4 .featured-content-multi-carousel__nav-left {left: -20px;}
}
/* For RecomendedCourse1Head */
.layout__content .widget.umRecomendedCourse1Head {padding: 32px 9%;}
.umRecomendedCourse1Head .ember-view {position: relative;}
.umRecomendedCourse1Head .widget__title {font-size: 42px; color: #2e2e2e; font-weight: 500; text-align: left; display: block; padding-right: 200px;}
.umRecomendedCourse1Head .widget__cta {position: absolute; top: 0; right: 0; padding: 0;}
.umRecomendedCourse1Head .widget__cta .btn--centered {background: var(--sknsecondary); color: #fff; font-size: 18px; text-transform: uppercase; font-weight: 700; border-radius: 22px; padding: 10px 40px; text-transform: none;}
@media only screen and (max-width: 979px) {
.umRecomendedCourse1Head .widget__title {font-size: 28px;}
.umRecomendedCourse1Head .widget__cta .btn--centered {font-size: 14px;}
}
@media only screen and (max-width: 979px) {
.umRecomendedCourse1Head .widget__title {padding: 0;}
.umRecomendedCourse1Head .widget__cta {position: static; text-align: left;}
.umRecomendedCourse1Head .widget__cta .btn--centered {display: inline-block;}
}
/* For RecomendedCourse1 */
.layout__content .widget.umRecomendedCourse1 {padding: 32px 9%;}
.umRecomendedCourse1 .featured-content-image-overlay-item img {margin-bottom: 20px; border-radius: 12px;}
.umRecomendedCourse1 .featured-content-image-overlay-item__overlay {position: static; padding: 0; background: none;}
.umRecomendedCourse1 .featured-content-image-overlay-item__overlay::after { content: 'Explore More'; display: inline-block; font-size: 11px; font-weight: 700; background: var(--sknsecondary); color: #fff; border-radius: 6px; padding: 6px 12px;}
.umRecomendedCourse1 .featured-content-image-overlay-item__title {color: #2e2e2e; font-size: 16px; font-weight: 600; margin-bottom: 20px; display: block; min-height: 40px;}
.umRecomendedCourse1 .featured-content-image-overlay-item__description {color: #2e2e2e; font-size: 12px; display: block; min-height: 66px;}
@media only screen and (max-width: 979px) {
.umRecomendedCourse1 .featured-content-image-overlay-item__title {min-height: 0;}
.umRecomendedCourse1 .featured-content-image-overlay-item__description {min-height: 0; margin-bottom: 20px;}
}
.viewTutorial .featured-content-image-overlay-item__overlay::after { content: 'View Tutorial' !important;}
/* For RecomendedCourse1 with light blue background */
/*.layout__content .widget.umRecomendedCourseBlue {padding: 32px 9%;}*/
.umRecomendedCourseBlue .widget__title { font-size: 56px; font-weight: bold; margin: 54px 0 54px 0; color: var(--sknprimary);}
.umRecomendedCourseBlue .featured-content-image-overlay-item img {margin-bottom: 20px; border-radius: 12px;}
.umRecomendedCourseBlue .featured-content-image-overlay {padding-left:10%;padding-right:10%;background: var(--skndashlight);}
.umRecomendedCourseBlue {background-color: var(--skndashlight);}
.umRecomendedCourseBlue .featured-content-image-overlay-item__overlay {position: static; padding: 0; background: none;}
.umRecomendedCourseBlue .featured-content-image-overlay-item__overlay::after { content: 'Explore More'; display: inline-block; font-size: 11px; font-weight: 700; background: var(--sknsecondary); color: #fff; border-radius: 6px; padding: 6px 12px;}
.umRecomendedCourseBlue .featured-content-image-overlay-item__title {color: var(--sknprimary); font-size: 16px; font-weight: 600; margin-bottom: 20px; display: block; min-height: 40px;}
.umRecomendedCourseBlue .featured-content-image-overlay-item__description {color: #2e2e2e; font-size: 12px; display: block; min-height: 66px;}
@media only screen and (max-width: 979px) {
.umRecomendedCourseBlue .featured-content-image-overlay-item__title {min-height: 0;}
.umRecomendedCourseBlue .featured-content-image-overlay-item__description {min-height: 0; margin-bottom: 20px;}
}
/* For umLinkList1 */
.layout__content .widget.umLinkList1 {padding: 32px 9%;}
.umLinkList1 .catalog-grid-item {border: 1px solid var(--sknsecondary); border-radius: 12px; position: relative; min-height: 300px;}
.umLinkList1 .catalog-grid-item .catalog-grid-item__asset-container img {opacity: 0;}
.umLinkList1 .catalog-grid-item .catalog-grid-item__body {position: absolute; top: 50%; transform: translateY(-50%); text-align: center;}
.umLinkList1 .catalog-grid-item .catalog-grid-item__hr {display: none;}
.umLinkList1 .catalog-grid-item .catalog-grid-item__cta-container {display: none;}
.umLinkList1 .catalog-grid-item__title {margin-bottom: 20px; color: var(--sknsecondary); font-weight: 600;}
.umLinkList1 .catalog-grid-item__description {height: auto !important; display: inline-block; padding: 6px 28px; border: 1px solid var(--sknsecondary); border-radius: 10px; color: var(--sknsecondary);}
.umLinkList1 .catalog-grid-item .column {position: static;}
@media only screen and (max-width: 979px) {
.umLinkList1 .catalog-grid-item__title {height: auto !important;}
.umLinkList1 .catalog-grid-item .catalog-grid-item__body {width: calc(100% - 1.5em);}
}
/* For umLinkList2 */
.layout__content .widget.umLinkList2 {padding: 32px 9%;}
.umLinkList2 .featured-content-image-overlay-item {position: relative; border-radius: 12px;}
.umLinkList2 .featured-content-image-overlay-item img {opacity: 0;}
.umLinkList2 .featured-content-block-grid li:nth-child(3) .featured-content-image-overlay-item {background: #044e7c;}
.umLinkList2 .featured-content-block-grid li:nth-child(6) .featured-content-image-overlay-item {background: #044e7c;}
.umLinkList2 .featured-content-block-grid li:nth-child(9) .featured-content-image-overlay-item {background: #044e7c;}
.umLinkList2 .featured-content-block-grid li:nth-child(12) .featured-content-image-overlay-item {background: #044e7c;}
.umLinkList2 .featured-content-image-overlay-item__overlay {top: 50%; transform: translateY(-50%); text-align: center; bottom: auto; background: none;}
@media only screen and (max-width: 979px) {
.featured-content-image-overlay-item__title {font-size: 800px;}
}
/* For umNavigation1 */
.umNavigation1 {display: block; width: calc(100% - 300px - 200px);}
.umNavigation1 .navigation-bar .top-bar-section ul > li.navigation-item:not(.has-form) {padding: 0;}
.umNavigation1 .navigation-bar .top-bar-section ul > li.navigation-item:not(.has-form) a {padding: 8px 1.5em; font-size: 16px; text-transform: none;}
.umNavigation1 .navigation-bar .top-bar-section ul > li.has-dropdown.hover > a {border-bottom: 4px solid var(--sknsecondary);}
.umNavigation1 .navigation-bar .top-bar-section .has-dropdown > a::after {display: none;}
.umNavigation1 .navigation-bar .top-bar-section ul > li.has-dropdown.hover ul li {box-shadow:none; border-bottom: 1px solid #2e2e2e; font-size: 14px;}
.umNavigation1 .navigation-bar .top-bar-section ul > li.has-dropdown.hover ul li a {font-size: 14px;}
.umNavigation1 .navigation-bar .top-bar-section ul > li.has-dropdown.hover ul li:hover a {color: var(--sknsecondary);}
/* For umNavigation2 */
.umNavigation2 {display: block; width: calc(100% - 300px - 200px);}
.umNavigation2 .navigation-bar .top-bar-section ul > li.navigation-item:not(.has-form) {padding: 0;}
.umNavigation2 .navigation-bar .top-bar-section ul > li.navigation-item:not(.has-form) a {padding: 8px 1.5em; font-size: 16px; text-transform: none;}
.umNavigation2 .navigation-bar .top-bar-section ul > li a {color: #afaeb1;}
.umNavigation2 .navigation-bar .top-bar-section .has-dropdown > a::after {border-color: #afaeb1 transparent transparent; display: inline-block; vertical-align: middle; margin-left: 8px; position: static; margin-top: 0; transform: rotate(-90deg);}
.umNavigation2 .navigation-bar .top-bar-section ul > li.hover.navigation-item:not(.has-form) > a {background: #d8d7ec; border-radius: 12px; color: var(--sknsecondary);}
.umNavigation2 .navigation-bar .top-bar-section .has-dropdown.hover > a::after {border-color: var(--sknsecondary) transparent transparent; transform: rotate(0);}
.umNavigation2 .navigation-bar .top-bar-section ul > li.has-dropdown ul li {border: 0;}
.umNavigation2 .navigation-bar .top-bar-section ul > li.has-dropdown ul li a {font-size: 14px;}
.umNavigation2 .navigation-bar .top-bar-section ul > li.hover.navigation-item:not(.has-form) ul li {border: 0; box-shadow: none;}
.umNavigation2 .navigation-bar .top-bar-section ul > li.hover.navigation-item:not(.has-form) ul li a:hover {background: #d8d7ec; border-radius: 12px; color: var(--sknsecondary);}
/* For umNavigation3 */
.umNavigation3 {display: block; width: calc(100% - 300px - 200px);}
.umNavigation3 .navigation-bar .top-bar-section ul > li.navigation-item:not(.has-form) {padding: 0;}
.umNavigation3 .navigation-bar .top-bar-section ul > li.navigation-item:not(.has-form) a {padding: 8px 1.5em; font-size: 16px; text-transform: none; background: none;}
.umNavigation3 .navigation-bar .top-bar-section ul > li a {color: #afaeb1; background: none;}
.umNavigation3 .navigation-bar .top-bar-section .has-dropdown > a::after {border: 0; content: '+'; float: right; position: static; margin-top: 0; margin-left: 8px; font-size: 24px;}
.umNavigation3 .navigation-bar .top-bar-section .has-dropdown.hover > a::after {content: '-';}
.umNavigation3 .navigation-bar .top-bar-section ul > li.has-dropdown ul li {border: 0;}
.umNavigation3 .navigation-bar .top-bar-section ul > li.has-dropdown ul li a {font-size: 14px;}
.umNavigation3 .navigation-bar .top-bar-section ul > li.hover.navigation-item:not(.has-form) ul li {border: 0; box-shadow: none; background: none;}
.umNavigation3 .navigation-bar .top-bar-section ul > li.hover.navigation-item:not(.has-form) ul li a:hover {background: #d8d7ec; color: var(--sknsecondary);}
/* CHECK VAR COLOR SYNTAX edited color but wasn't on course page */
.umNavigation3 .navigation-bar .top-bar-section ul > li.hover.navigation-item:not(.has-form) {border: 1px solid --sknsecondary; border-bottom: 0;
border-top-left-radius: 8px; border-top-right-radius: 8px;}
/* CHECK VAR COLOR SYNTAX edited color but wasn't on course page */
.umNavigation3 .navigation-bar .top-bar-section ul > li.hover.navigation-item:not(.has-form) ul {border: 1px solid --sknsecondary; border-top: 0; border-bottom-left-radius: 8px; border-bottom-right-radius: 8px; width: calc(100% + 2px); left: -1px; border-bottom-left-radius: 8px; border-bottom-right-radius: 8px; background: #fff;}
.umNavigation3 .navigation-bar .top-bar-section .dropdown li:not(.has-form):not(.active) > a:not(.button) {background: none;}
/* For umNavigation1 */
.umNavigation4 {display: block; width: calc(100% - 300px - 200px);}
.umNavigation4 .navigation-bar .top-bar-section ul > li.navigation-item:not(.has-form) {padding: 0;}
.umNavigation4 .navigation-bar .top-bar-section ul > li.navigation-item:not(.has-form) a {padding: 8px 1.5em; font-size: 16px; text-transform: none;}
.umNavigation4 .navigation-bar .top-bar-section ul > li.has-dropdown.hover > a {background: var(--sknsecondary); color: #fff;}
.umNavigation4 .navigation-bar .top-bar-section .has-dropdown > a::after {display: none;}
.umNavigation4 .navigation-bar .top-bar-section ul > li.has-dropdown ul li {box-shadow:none; border: 0; padding: 0;}
.umNavigation4 .navigation-bar .top-bar-section ul > li.has-dropdown ul li a {font-size: 14px;}
.umNavigation4 .navigation-bar .top-bar-section .dropdown li:not(.has-form):not(.active) > a:not(.button):hover {color: var(--sknsecondary); background: #d8d7ec;}
/* For umSearchbar1 */
.layout__content .widget.umSearchbar1 {padding: 32px 9%;}
.umSearchbar1 button i {display: none;}
.umSearchbar1 .search-bar-widget button { background: var(--sknsecondary); color: #fff; font-weight: 600; text-transform: none; height: 50px; font-size: 20px; padding: 0 42px; border-radius: 8px !important;}
.umSearchbar1 .search-bar-widget input {height: 50px; width: calc(100% - 156px); border: 0; box-shadow: none; border-radius: 8px; background: var(--skndiscussionsearchbar); padding-left: 40px;}
@media only screen and (max-width: 979px) {
.umSearchbar1 .search-bar-widget button {font-size: 14px; height: 42px;}
.umSearchbar1 .search-bar-widget input {height: 42px; width: calc(100% - 136px); font-size: 14px; padding-left: 20px;}
}
/* For umSearchbar2 */
.layout__content .widget.umSearchbar2 {padding: 32px 9%;}
.umSearchbar2 button i {}
.umSearchbar2 .search-bar-widget button { background: var(--sknsecondary); color: #fff; font-weight: 600; text-transform: none; height: 60px; font-size: 20px; padding: 0 32px; border-radius: 0 !important;}
.umSearchbar2 .search-bar-widget input {height: 60px; width: 100%; border: 0; box-shadow: none; border-radius: 0; background: #fff; padding-left: 40px; border: 1px solid var(--sknsecondary);}
@media only screen and (max-width: 979px) {
.umSearchbar2 .search-bar-widget input {height: 42px; font-size: 14px; padding-left: 20px;}
.umSearchbar2 .search-bar-widget button {height: 42px; font-size: 14px;}
}
/* For umSearchbar3 */
.layout__content .widget.umSearchbar3 {padding: 32px 9%;}
.umSearchbar3 button i { font-size: 35px; color: var(--med);}
.umSearchbar3 .search-bar-widget button { background: none; color: #fff; font-weight: 600; text-transform: none; height: 60px; font-size: 20px; padding: 0 32px; border-radius: 0 !important; border: 0;}
.umSearchbar3 .search-bar-widget button span {display: none;}
.umSearchbar3 .search-bar-widget input {height: 60px; width: 100%; border: 0; box-shadow: none; border-radius: 0; background: #fff; padding-left: 40px; border: 1px solid var(--sknsecondary); border-radius: 30px;}
@media only screen and (max-width: 979px) {
.umSearchbar3 button i {display: block; font-size: 26px;}
.umSearchbar3 .search-bar-widget button {height: 42px; }
.umSearchbar3 .search-bar-widget input {height: 42px; padding-left: 20px; font-size: 14px;}
}
/* For umLearnerAccess1 */
.layout__content .widget.umLearnerAccess1 {padding: 32px 9%; width: 100%;}
.umLearnerAccess1 .dashboard-access {padding: 32px; border: 1px solid var(--sknsecondary); border-radius: 12px;}
.umLearnerAccess1 .dashboard-access-tabs {margin-bottom: 20px;}
.umLearnerAccess1 .dashboard-access-tab {padding: 6px 20px; font-size: 12px; border-radius: 14px; box-shadow: none; border: 1px solid var(--sknsecondary); background: #fff; margin-right: 12px;}
.umLearnerAccess1 .dashboard-access-tab__count::before {content: '(';}
.umLearnerAccess1 .dashboard-access-tab__count::after {content: ')';}
.umLearnerAccess1 .dashboard-access-list-item {padding: 8px 0; color: #2e2e2e; font-size: 14px;}
.umLearnerAccess1 .dashboard-access-list-item-expander i {color: var(--sknsecondary); font-size: 20px; font-weight: 700;}
.umLearnerAccess1 .btn--small {margin: 0;}
.umLearnerAccess1 .dashboard-access-list-item-expander__title {font-size: 14px !important;}
.umLearnerAccess1 .btn--primary {color: var(--sknsecondary); font-weight: 700; background: none; border: 0; font-size: 14px;}
.umLearnerAccess1 .dashboard-access-list-item:nth-of-type(2n) {background: none;}
@media only screen and (max-width: 767px) {
.umLearnerAccess1 .dashboard-access {padding: 20px;}
}
/* For umLearnerAccess2 */
.layout__content .widget.umLearnerAccess2 {padding: 32px 9%; width: 100%;}
.umLearnerAccess2 .dashboard-access-tab {border: 0; padding: 10px 24px;}
.umLearnerAccess2 .dashboard-access-tab__count::before {content: '(';}
.umLearnerAccess2 .dashboard-access-tab__count::after {content: ')';}
.umLearnerAccess2 .dashboard-access-list-item {padding: 8px 0; color: #2e2e2e; font-size: 14px; font-weight: 700; background: #cec8e9;}
.umLearnerAccess2 .dashboard-access-list-item-expander i.icon-navigateright:before {color: var(--sknsecondary); font-size: 24px; font-weight: 700; content: '+'; vertical-align: middle;}
.umLearnerAccess2 .btn--small {margin: 0;}
.umLearnerAccess2 .dashboard-access-list-item-expander__title {font-size: 14px !important;}
.umLearnerAccess2 .btn--primary {color: var(--sknsecondary); font-weight: 700; background: none; border: 0; font-size: 14px;}
.umLearnerAccess2 .dashboard-access-list-item:nth-of-type(2n) {background: #e6e3f4;}
@media only screen and (max-width: 767px) {
.umLearnerAccess2 .dashboard-access-tab {width: 180px;}
}
/* For umLearnerAccess3 */
.layout__content .widget.umLearnerAccess3 {padding: 32px 9%; width: 100%;}
.umLearnerAccess3 .dashboard-access__header {background: none;}
.umLearnerAccess3 .dashboard-access {background: #edecf6; border-top-left-radius: 20px; border-top-right-radius: 20px;}
.umLearnerAccess3 .dashboard-access__header--expanded {color: var(--sknsecondary); background: none; border: 0;}
.umLearnerAccess3 .dashboard-access__header .button-expander {border-radius: 50%; border: 0; background: #fff !important;}
.umLearnerAccess3 .dashboard-access-tabs {background: #f3f2f9;}
.umLearnerAccess3 .dashboard-access-tabs li {border: 0; border-radius: 0; background: none;}
.umLearnerAccess3 .dashboard-access-list-item {padding: 8px 0; color: #2e2e2e; font-size: 14px; font-weight: 700; background: #cec8e9;}
.umLearnerAccess3 .dashboard-access-list-item-expander i.icon-navigateright:before {color: var(--sknsecondary); font-size: 24px; font-weight: 700; content: '+'; vertical-align: middle;}
.umLearnerAccess3 .btn--small {margin: 0;}
.umLearnerAccess3 .dashboard-access-list-item-expander__title {font-size: 14px !important;}
.umLearnerAccess3 .btn--primary {color: var(--sknsecondary); font-weight: 700; background: none; border: 0; font-size: 14px;}
.umLearnerAccess3 .dashboard-access-list-item:nth-of-type(2n) {background: #e6e3f4;}
@media only screen and (max-width: 767px) {
.umLearnerAccess3 .dashboard-access span.head {padding: 8px 16px;}
}
/* For umLearnerAccess4 */
.layout__content .widget.umLearnerAccess4 {padding: 32px 9%; width: 100%;}
.umLearnerAccess4 .dashboard-access {background: #fff; border: 1px solid var(--sknsecondary); border-top-left-radius: 20px; border-top-right-radius: 20px; padding-bottom: 1px;}
.umLearnerAccess4 .dashboard-access__header {background: none;}
.umLearnerAccess4 .dashboard-access__header--expanded {color: var(--sknsecondary); background: none; border: 0;}
.umLearnerAccess4 .dashboard-access__header .button-expander {border-radius: 50%; border: 0; background: #fff !important;}
.umLearnerAccess4 .dashboard-access-tabs {background: #edecf6;}
.umLearnerAccess4 .dashboard-access-tabs li {border: 0; border-radius: 0; background: none;}
.umLearnerAccess4 .dashboard-access-tab .dashboard-access-tab__count {display: inline-block; margin: 0; padding: 0;}
.umLearnerAccess4 .dashboard-access-list-item {padding: 8px 0; color: #2e2e2e; font-size: 14px; font-weight: 700; background: #cec8e9;}
.umLearnerAccess4 .dashboard-access-list-item-expander i.icon-navigateright:before {color: var(--sknsecondary); font-size: 24px; font-weight: 700; content: '+'; vertical-align: middle;}
.umLearnerAccess4 .btn--small {margin: 0;}
.umLearnerAccess4 .dashboard-access-list-item-expander__title {font-size: 14px !important;}
.umLearnerAccess4 .btn--primary {color: var(--sknsecondary); font-weight: 700; background: none; border: 0; font-size: 14px;}
.umLearnerAccess4 .dashboard-access-list-item:nth-of-type(2n) {background: #e6e3f4;}
@media only screen and (max-width: 767px) {
.umLearnerAccess4 .dashboard-access span.head {padding: 8px 16px;}
}
/* For Communities Discussion Board */
.layout__content .widget.widget--discussion-board, .learn.dashboard .widget.widget--discussion-board {padding: 64px 9%;}
.widget--discussion-board .columns {padding: 0;}
.widget--discussion-board .widget__title {text-align: left; font-size: 32px; font-weight: 600; color: #2e2e2e;}
.widget--discussion-board .btn--primary { display: inline-block; margin-left: 8%; background: var(--sknsecondary); font-weight: 600; border: 0; border-radius: 6px; color: #fff;}
.widget--discussion-board .discussion-search-bar .catalog-filters {border-radius: 24px; overflow: hidden; border: 0; background: var(--skndiscussionsearchbar);}
.widget--discussion-board .discussion-search-bar .catalog-filters__search {background: none;}
.widget--discussion-board .discussion-search-bar input, .widget--discussion-board .discussion-search-bar select {background: none; padding: 0 20px; margin: 0;}
.widget--discussion-board .discussion-search-bar {margin-bottom: 60px;}
.widget--discussion-board .discussion-search-bar .catalog-filters__sort {border-left: 2px solid #fff; background: none;}
.discussion-card__list > li {width: 50%;}
.discussion-card__list > li .discussion-card {padding: 4%; border: 2px solid var(--sknsecondary);}
.discussion-card__list > li .discussion-card .discussion-card__title {font-size: 23px; color: #2e2e2e; /*padding-bottom: 20px;*/ font-weight: 500;}
.discussion-card__list > li .discussion-card .discussion-card__body-text {font-size: 14px; color: #2e2e2e; /*padding-bottom: 20px;*/}
.discussion-card__list > li .discussion-card .btn--primary {color: var(--sknsecondary); font-size: 18px; background: none; border: 1px solid var(--sknsecondary); font-weight: 700; border-radius: 12px;}
@media only screen and (max-width: 979px) {
.widget--discussion-board .discussion-search-bar {margin-bottom: 40px;}
.discussion-card__list > li {width: 100%;}
}
@media only screen and (max-width: 767px) {
.discussion-card__list > li .discussion-card .discussion-card__title {font-size: 18px;}
.discussion-card__list > li .discussion-card .discussion-card__body-text {font-size: 12px;}
.discussion-card__list > li .discussion-card .btn--primary {font-size: 14px;}
}
/* For umVideo2 */
.layout__content .widget.umVideo2 {padding: 64px 9%;}
.umVideo2 .columns {padding: 0;}
.umVideo2 > .ember-view {display: block; border: 1px solid var(--sknsecondary); overflow: hidden; border-radius: 12px;}
.umVideo2 > .ember-view::after {content: ''; display: block; clear: both;}
.umVideo2 > .ember-view > .ember-view {width: 48%; float: right; padding: 4%;}
.umVideo2 > .ember-view .video__container {padding: 0;}
.umVideo2 > .ember-view > .row {width: 48%; float: left; text-align: left;}
.umVideo2 .widget__title {text-align: left; color: #2e2e2e;}
.umVideo2 .widget__subtitle {text-align: left; margin-bottom: 0; min-height: 80px; color: #2e2e2e;}
.umVideo2 .widget__cta {text-align: left;}
.umVideo2 .btn--centered {display: inline-block; margin-left: 8%; background: var(--sknsecondary); font-weight: 600; border: 0; border-radius: 6px;}
@media only screen and (max-width: 979px) {
.umVideo2 > .ember-view > .ember-view, .umVideo2 > .ember-view > .row {width: 100%; float: none;}
.umVideo2 .widget__subtitle {min-height: 0;}
.umVideo2 .widget__cta {text-align: center; padding: 1.5rem 0 0;}
}
/* For umVideo3 */
.layout__content .widget.umVideo3 {padding: 64px 9%;}
.umVideo3 .columns {padding: 0;}
.umVideo3 .video__container {padding: 0; border-radius: 12px; overflow: hidden;}
.umVideo3 .widget__title {font-size: 42px; font-weight: 600; color: #2e2e2e; text-align: left;}
.umVideo3 .widget__subtitle {font-size: 20px; color: #2e2e2e; text-align: left;}
@media only screen and (max-width: 979px) {
.umVideo3 .widget__title, .umVideo4 .widget__title {font-size: 28px;}
.umVideo3 .widget__subtitle {font-size: 14px;}
}
/* For umVideo4 */
.layout__content .widget.umVideo4 {padding: 64px 9%;}
.umVideo4 .columns {padding: 0;}
.umVideo4 .video__container {padding: 0;}
.umVideo4 > .ember-view {position: relative;}
.umVideo4 > .ember-view > .ember-view {padding-bottom: 40px;}
.umVideo4 > .ember-view > .ember-view, .umVideo4 > .ember-view > .row {display: inline-block; vertical-align: middle; width: calc(48% - 4px);}
.umVideo4 > .ember-view > .row {margin-left: 4%;}
.umVideo4 .widget__title {font-size: 42px; font-weight: 600; color: #2e2e2e; text-align: left;}
.umVideo4 .widget__subtitle {font-size: 20px; color: #2e2e2e; text-align: left;}
.umVideo4 .widget__cta {position: absolute; bottom: 0; left: 0;}
.umVideo4 .btn--centered {display: inline-block; background: var(--sknsecondary); font-weight: 600; border: 0; border-radius: 6px;}
@media only screen and (max-width: 979px) {
.umVideo4 .widget__title {font-size: 28px;}
.umVideo4 .widget__subtitle {font-size: 14px;}
.umVideo4 > .ember-view > .ember-view, .umVideo4 > .ember-view > .row {width: 100%; margin: 0;}
.umVideo4 .widget__cta {position: static; text-align: center;}
}
/* For umVideo4 */
.layout__content .widget.umVideo5 {padding: 64px 9%;}
.umVideo5 .columns {padding: 0;}
.umVideo5 .video__container {padding: 0; border-radius: 12px; overflow: hidden;}
.umVideo5 > .ember-view {position: relative; display: flex; flex-direction: row-reverse;}
.umVideo5 > .ember-view > .ember-view {padding-bottom: 40px; padding: 32px; border: 1px solid var(--sknsecondary); border-radius: 12px;}
.umVideo5 > .ember-view > .ember-view, .umVideo5 > .ember-view > .row {display: inline-block; vertical-align: middle; width: calc(49% - 4px);}
.umVideo5 > .ember-view > .row {}
.umVideo5 .widget__title {font-size: 28px; font-weight: 600; color: #2e2e2e; text-align: left;}
.umVideo5 .widget__subtitle {font-size: 18px; color: #2e2e2e; text-align: left;}
.umVideo5 .widget__cta {position: absolute; left: calc(50% + 1% + 32px); bottom: 32px;}
.umVideo5 .btn--centered {display: inline-block; background: var(--sknsecondary); font-weight: 600; border: 0; border-radius: 6px; margin: 0;}
@media only screen and (max-width: 979px) {
.umVideo5 > .ember-view > .ember-view, .umVideo5 > .ember-view > .row {width: 100%;}
.umVideo5 > .ember-view > .ember-view {margin-bottom: 20px;}
.umVideo5 > .ember-view {display: block;}
.umVideo5 .widget__subtitle {font-size: 14px; margin: 0;}
.umVideo5 .widget__cta {position: static; text-align: center;}
}
@media only screen and (max-width: 767px) {
}
/**this css is for initial tutorial launch**/
.course__detail__sidebar .panel {
display:block;
}
.course__detail__enrolled {display:block;}
/* ==================== */
/* CD NOW ACCORDION */
/* ==================== */
/* Container */
.cd-accordion {
font-family: 'Open Sans', sans-serif; /* Match CD Now typography */
max-width: 800px; /* Optimal reading width */
margin: 0 auto;
}
/* Accordion Item */
.cd-accordion-item {
border-bottom: 1px solid #E1E1E1; /* Light gray border */
margin-bottom: 0.5rem;
}
/* Question/Header */
.cd-accordion-question {
display: flex;
justify-content: space-between;
align-items: center;
padding: 1rem 1.25rem;
cursor: pointer;
background-color: #fff;
transition: background-color 0.2s ease;
list-style: none; /* Hide default <summary> marker */
}
.cd-accordion-question:hover {
background-color: #fff; /* Slightly darker on hover */
}
/* Question Text */
.cd-accordion-title {
margin: 0;
font-size: 1.1rem;
font-weight: 400 !important;
color: #01080D;
}
/* Custom Icon (Plus/Minus) */
.cd-accordion-icon {
display: inline-block;
width: 1.25rem;
height: 1.25rem;
position: relative;
}
.cd-accordion-icon::before,
.cd-accordion-icon::after {
content: '';
position: absolute;
background-color: #2A4365; /* Match title color */
transition: transform 0.2s ease;
}
.cd-accordion-icon::before {
top: 50%;
left: 0;
width: 100%;
height: 2px;
transform: translateY(-50%);
}
.cd-accordion-icon::after {
top: 0;
left: 50%;
width: 2px;
height: 100%;
transform: translateX(-50%) rotate(90deg);
}
/* Expanded State */
.cd-accordion-item[open] .cd-accordion-question {
background-color: #fff; /* Light blue for active state */
}
.cd-accordion-item[open] .cd-accordion-icon::after {
transform: translateX(-50%) rotate(0deg);
}
/* Answer Content */
.cd-accordion-answer {
padding: 1.25rem;
background-color: white;
line-height: 1.6;
color: #4A5568; /* Dark gray for readability */
}
/* Focus Accessibility */
.cd-accordion-question:focus {
outline: 2px solid #4299E1; /* CD Now blue */
outline-offset: 2px;
}
/* Grid layout */
.footer-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
gap: 2rem;
width: 100%;
}
/* Column styling */
.col {
min-width: 200px;
padding: 0 1rem;
}
/* Logo column specific */
.logo-col {
display: flex;
flex-direction: column;
}
/* Address styling */
.address-col h3 {
margin-bottom: 1rem;
}
.address-list {
list-style: none;
padding: 0;
margin: 0;
}
/* Button styling */
.button-spacer {
height: 1rem;
}
.footer-button {
color: inherit;
text-decoration: underline;
margin-top: 0.5rem;
}
/* Social links */
.social-links {
list-style: none;
padding: 0;
margin: 0;
}
.social-links li {
margin-bottom: 0.75rem;
}
.social-links i {
margin-right: 0.5rem;
}
/* Copyright */
.footer_text {
margin-top: 2rem;
text-align: center;
}
/* Link styling within accordion answers */
.cd-accordion-link {
text-decoration: underline;
color: #2A4365;
transition: color 0.2s ease;
}
.cd-accordion-link:hover {
color: #4299E1; /* Hover color - adjust to brand */
}
html {
scroll-behavior: smooth;
}
#privacy-policy,
#terms-of-service {
scroll-margin-top: 100px;
}
/*dashboard header account name text color */
.dashboard-header__name {
color: white;
}
.dashboard-header__arrow {
color: white;
}
.section7-blue2 { background: #006ec7; }
.section7-blue2 .row { width: 82%; margin-top: 9%; margin-bottom: 9%;}
.section7-blue2 .editor-content img { width: 100%; }
.section7-title-blue2 { color: white; font-size: 50px; margin-top: 15%; }
.section7-blue2 p { margin-bottom: 0px; }
.section7-description-blue2 { color: white; font-size: 20px; margin-bottom: 1rem; }
.section7-btn-blue2 { background: transparent; color: var(--sknsecondary); border: 3px solid var(--sknsecondary); border-radius: 10px; width: 100%; max-width: 268px; margin-top: 30px; font-size: 22px; font-weight: 600;}
.learner-dashboard-hero {
max-height: 84vh; /* 84% of viewport height */
height: 85vh; /* Fixed height */
overflow: hidden; /* Prevent content overflow */
position: relative; /* For absolute positioning of child elements */
margin-bottom: 0; /* Remove default margins */
/* Optional gradient overlay (matches your existing hero styles) */
background: linear-gradient(to right, rgba(4, 78, 124, 0.8), rgba(4, 78, 124, 0.2));
}
/* Child elements (adjust as needed) */
.learner-dashboard-hero .hero__caption {
position: absolute;
top: 50%;
left: 9%;
transform: translateY(-50%);
width: 40%; /* Adjust width as needed */
color: white; /* Text color */
}
.learner-dashboard-hero .hero__title {
font-size: 3rem; /* 48px */
font-weight: 700;
margin-bottom: 1rem;
}
/* Responsive adjustments */
@media (max-width: 1024px) {
.learner-dashboard-hero {
height: 60vh;
}
.learner-dashboard-hero .hero__caption {
width: 60%;
}
}
@media (max-width: 768px) {
.learner-dashboard-hero {
height: 50vh;
}
.learner-dashboard-hero .hero__caption {
width: 80%;
left: 5%;
}
.learner-dashboard-hero .hero__title {
font-size: 2rem; /* 32px */
}
}
/* ===== HEADER FIX (must stay at the end of the file) ===== */

/* --- Header row: logo left, nav centered --- */
header.header--microsite,
.index .header--microsite,
.page .header--microsite {
  position: relative !important;
  top: 0 !important;
  background-color: #fff !important;
  padding: 12px 40px !important;
  min-height: 72px;
}
header.header--microsite img {
  max-height: 48px;
  width: auto;
}
.index .header--microsite .company__beta-logo {
  position: static !important;
}

/* --- Primary nav: pulled up into the logo row, centered --- */
header.header--microsite nav.top-bar {
  position: absolute !important;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: auto !important;
  margin: 0 !important;
  padding: 0 !important;
  border-top: none !important;
  background: transparent !important;
}
header.header--microsite nav.top-bar section.top-bar-section {
  padding: 0 !important;
  background: transparent !important;
}
nav.top-bar ul.left {
  display: flex !important;
  gap: 8px;
  float: none !important;
  border: none !important;
}
nav.top-bar ul.left > li > a,
.header--microsite .top-bar .top-bar-section li:not(.has-form) a:not(.button) {
  background: transparent !important;
  color: #1f5e86 !important;
  font-size: 16px !important;
  font-weight: 600;
  line-height: 48px;
  padding: 0 14px;
  white-space: nowrap;
}
nav.top-bar ul.left > li > a:hover {
  text-decoration: underline;
}
nav.top-bar ul.dropdown a {
  color: #1f5e86 !important;
  font-size: 14px;
}

/* --- Utility bar (Manager Access): same row, right side --- */
nav.nav--global-links {
  position: absolute;
  top: 0;
  right: 40px;
  height: 72px;
  display: flex;
  align-items: center;
  background-color: transparent !important;
  padding: 0 !important;
  z-index: 3;
}
nav.nav--global-links a {
  color: #1f5e86 !important;
  font-size: 12px;
  font-weight: 600;
}

/* --- Dashboard account name visible on white --- */
.dashboard-header__name,
.dashboard-header__arrow {
  color: #1f5e86;
}

/* --- Custom header (if used) --- */
.ti-login {
  grid-column: 3;
  justify-self: end;
}

/* --- Tablet and mobile: stack logo above nav, show hamburger --- */
@media (max-width: 1024px) {
  header.header--microsite nav.top-bar {
    position: static !important;
    transform: none;
    margin-top: 8px !important;
  }
  nav.top-bar ul.left {
    justify-content: center;
    flex-wrap: wrap;
  }
  nav.top-bar button.btn--bare,
  .header--microsite .top-bar .title-area .btn--bare {
    color: #1f5e86 !important;
  }
  nav.nav--global-links {
    height: 48px;
    right: 16px;
  }
}
@media (max-width: 768px) {
  header.header--microsite { padding: 10px 16px !important; }
  header.ti-topnav .ti-login { justify-self: center; }
}

css
/* ===== DASHBOARD NAV WIDGET: same row as logo ===== */

/* Widget wrapper: transparent, full width */
body.learn.dashboard .widget--navbar,
body.learn.dashboard .widget--navbar .columns {
  padding: 0 !important;
  background: transparent !important;
}

/* Pull the nav up into the header row */
body.learn.dashboard .widget--navbar {
  position: relative !important;
  z-index: 3;
  transform: translateY(-82px) !important;
  margin-bottom: -82px !important;
  pointer-events: none; /* clicks pass through to logo + account menu */
}

/* Bar */
body.learn.dashboard .widget--navbar nav.navigation-bar.top-bar {
  display: flex !important;
  align-items: center;
  justify-content: center;
  min-height: 72px;
  padding: 12px 40px !important;
  margin: 0 !important;
  background: transparent !important;
  border: none !important;
}
body.learn.dashboard .widget--navbar section.top-bar-section {
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 0 !important;
  background: transparent !important;
}
body.learn.dashboard .widget--navbar .top-bar-section ul.left {
  display: flex !important;
  justify-content: center;
  gap: 8px;
  float: none !important;
  border: none !important;
  background: transparent !important;
}
body.learn.dashboard .widget--navbar ul.left .navigation-item {
  float: none !important;
  padding: 0 !important;
  background: transparent !important;
  pointer-events: auto; /* links stay clickable */
}

/* Links: same as site header */
body.learn.dashboard .widget--navbar ul.left .navigation-item > a {
  background: transparent !important;
  color: #1f5e86 !important;
  font-family: Montserrat, sans-serif;
  font-size: 16px !important;
  font-weight: 600 !important;
  line-height: 48px;
  padding: 0 14px !important;
  text-transform: none !important;
  text-decoration: none;
  white-space: nowrap;
}
body.learn.dashboard .widget--navbar ul.left .navigation-item > a:hover {
  text-decoration: underline;
  text-decoration-thickness: auto !important;
}
body.learn.dashboard .widget--navbar ul.dropdown {
  pointer-events: auto;
}
body.learn.dashboard .widget--navbar ul.dropdown a {
  color: #1f5e86 !important;
  font-size: 14px !important;
  background: #fff !important;
}

/* Tablet and mobile: nav goes back under the header */
@media (max-width: 1024px) {
  body.learn.dashboard .widget--navbar {
    transform: none !important;
    margin-bottom: 0 !important;
    pointer-events: auto;
    background: #fff !important;
  }
  body.learn.dashboard .widget--navbar nav.navigation-bar.top-bar {
    min-height: 0;
    padding: 8px 16px !important;
  }
  body.learn.dashboard .widget--navbar .top-bar-section ul.left {
    flex-wrap: wrap;
    gap: 0;
  }
}

/* ===== MATCH LOGGED-IN HEADERS TO PUBLIC HEADER ===== */

/* 1. Same box as the public header (no flex on the header or row) */
.header--dashboard,
.header--article,
.dashboard .header--dashboard {
position: relative !important;
top: 0 !important;
left: 0 !important;
margin: 0 !important;
width: 100%;
background-color: #fff !important;
padding: 12px 40px !important;
min-height: 72px;
box-sizing: border-box;
}

/* 2. Row: full width, no centering cap */
.header--dashboard .row,
.header--article .row {
max-width: none !important;
width: 100% !important;
margin: 0 !important;
}

/* 3. Other client's fix: columns lose left padding, keep Foundation's right float on the last one */
.header--dashboard .column,
.header--dashboard .columns,
.header--article .column,
.header--article .columns {
float: left;
padding-left: 0;
padding-right: 1rem;
position: relative;
}

/* 4. Center the contents of each column vertically (does not change the float) */
.header--dashboard .columns,
.header--article .columns {
display: flex;
align-items: center;
height: 48px;
}

/* 5. Same logo size and alignment as public */
.header--dashboard img,
.header--article img {
max-height: 48px;
width: auto;
vertical-align: middle;
}
.header--dashboard .company-logo-container,
.header--article .company-logo-container {
display: inline-block;
vertical-align: middle;
margin: 0 !important;
}

/* 6. Dashboard nav widget: re-center on the new header height */
body.learn.dashboard .widget--navbar {
transform: translateY(-72px) !important;
margin-bottom: -72px !important;
}

@media (max-width: 768px) {
.header--dashboard,
.header--article,
.dashboard .header--dashboard {
padding: 10px 16px !important;
}
}

/* 6. Dashboard nav widget: match the public header */
body.learn.dashboard .widget--navbar {
transform: translateY(-94px) !important;
margin-bottom: -104px !important;
}

/* Prev/Next nav arrows: remove gray circle, white chevron on navy */
.directional__nav__button .icon-navigateleft,
.directional__nav__button .icon-navigateright {
  background: transparent !important;
  border-radius: 0 !important;
  color: #ffffff !important;
}