/---------Place your CSS code here------/
 
@font-face {
font-family: 'Samsung SS Body';
font-style: normal;
font-weight: 300;
src: url("/assets/fonts/Samsung SS Body_TTF/SamsungSSBody-Light.ttf") format('truetype');
}
 
@font-face {
font-family: 'Samsung SS Body';
font-style: normal;
font-weight: 400;
src: url("/assets/fonts/Samsung SS Body_TTF/SamsungSSBody-Regular.ttf") format('truetype');
}
 
@font-face {
font-family: 'Samsung SS Body';
font-style: normal;
font-weight: 700;
src: url("/assets/fonts/Samsung SS Body_TTF/SamsungSSBody-Bold.ttf") format('truetype');
}
 
@font-face {
font-family: 'Samsung SS Head';
font-style: normal;
font-weight: 300;
src: url("/assets/fonts/Samsung SS Head_TTF/SamsungSSHead-Light.ttf") format('truetype');
}
 
@font-face {
font-family: 'Samsung SS Head';
font-style: normal;
font-weight: 400;
src: url("/assets/fonts/Samsung SS Head_TTF/SamsungSSHead-Regular.ttf") format('truetype');
}
 
@font-face {
font-family: 'Samsung SS Head';
font-style: normal;
font-weight: 500;
src: url("/assets/fonts/Samsung SS Head_TTF/SamsungSSHead-Medium.ttf") format('truetype');
}
 
@font-face {
font-family: 'Samsung SS Head';
font-style: normal;
font-weight: 700;
src: url("/assets/fonts/Samsung SS Head_TTF/SamsungSSHead-Bold.ttf") format('truetype');
}
 
html.new-ui-html:root {
--c-brand-primary: #1428A0;
--c-brand-primary-darken-5: #fafafa;
--c-brand-primary-darken-7: #f8f8f8;
--c-brand-primary-darken-10: #f5f5f5;
--c-brand-primary-darken-15: #f0f0f0;
--c-brand-primary-darken-17: #eeeeee;
--c-brand-primary-darken-20: #ebebeb;
--c-brand-primary-darken-25: #e6e6e6;
--c-brand-primary-lighten-7: #ffffff;
--c-brand-primary-lighten-40: #ffffff;
}
 
html,
body {
background-color: #FFFFFF;
}
 
body {
font-family: 'Samsung SS Body', 'arial', sans-serif;
font-weight: 400;
font-size: 16px;
line-height: 1.33 !important;
}
 
h1,
h2,
h3,
h4,
h5,
h6 {
font-family: 'Samsung SS Head', 'arial', sans-serif;
font-weight: 700 !important;
}
 
div.ef-block,
div.dashboard-panel div.panel-body,
body.new-ui {
background-color: #FFFFFF;
--c-site-primary: #FFFFFF;
}
 
*.btn {
font-family: 'Samsung SS Body', arial, sans-serif;
font-size:14px;
font-weight: 700;
padding: 10px 23px 10px 23px !important;
border-radius: 20px;
border-width: 1px;
border-style: solid;
text-transform: capitalize;
height:auto;
}
 
 
.btn.btn-primary,
.btn.btn-primary:not(.active),
.btn.btn-primary:hover,
.btn.btn-primary:hover:not(.active),
.btn.btn-primary:focus,
.btn.btn-primary:focus:not(.active) {
background-color: #4863d8;
border-color: transparent;
}
 
 
.btn.btn-secondary {
background-color: #000;
color: #fff;
}
 
.btn.btn-primary, .btn.btn-default, .btn.btn-success, .btn.btn-info, .btn.btn-warning, .btn.btn-danger, .btn.btn-link{
text-transform: capitalize;
}
.btn.btn-success,
.btn.btn-success:not(.active),
.btn.btn-success:hover,
.btn.btn-success:hover:not(.active),
.btn.btn-success:focus,
.btn.btn-success:focus:not(.active) {
background-color: #4863d8;
border-color: #4863d8;
font-family: 'Samsung SS Body', arial, sans-serif;
}
.ef-dashboard-header .ef-main-action-button .btn.btn-success:hover{
color: #2189ff;
background-color: #fff;
border-color:#2189ff;
}
 
 
.ef-content-area a:not(.btn):not([target="_blank"]),
.ef-content-area a:not(.btn):visited:not([target="_blank"]),
.cta.cta--underline:not([target="_blank"]),
.cta.cta--underline:visited:not([target="_blank"]),
.ef-course-description a:not([target="_blank"]),
a[title="Accept Terms of Service"] {
color: blue;
text-decoration: underline !important;
}
 
.ef-content-area a:not(.btn)[target="_blank"],
.ef-content-area a[target="_blank"]:visited:not(.btn),
.cta.cta--underline[target="_blank"],
.cta.cta--underline[target="_blank"]:visited,
.ef-course-description a[target="_blank"]{
color: blue;
text-decoration: none;
}
.cta.cta--arrow::after,
.ef-content-area a[target="_blank"]::after,
.ef-course-description a[target="_blank"]::after,
.btn[target="_blank"]::after {
content: "↗";
padding-left: 3px;
font-size: 14px;
font-weight: 400;
}
 
div.breadcrumb-x {
background-color: #FFFFFF;
border-color: #FFFFFF;
}
 
div.searchDiv {
background-color: #fff;
border-color: #1428A0;
}
 
 
header.tw-bg-white .tw-max-w-\[90px\],
ef-navbar .container .navbar-header .ef-navbar-logo img {
max-width: 230px;
}
 
/---- Change Header Font ----/
 
.customTabs,
.nav_customTabs,
.tabList {
font-family: "Samsung SS Body", sans-serif !important;
font-weight: normal !important;
}
 
.nav.customTabs li a,
.toolbar .tabulizedList li a {
color: #444;
}
 
.ef-block ul.tabulizedList,
.ef-block-content ul.customTabs li {
font-family: 'Samsung SS Body', 'arial', sans-serif;
font-weight: 400;
font-size: 12px;
text-transform: capitalize;
}
 
.new-ui.learner-user ul.customTabs>li>a {
font-size: 14px;
}
 
.v-popper__inner span.tw-line-clamp-2{
font-family: 'Samsung SS Head', arial, sans-serif;
font-weight: 700 !important;
word-break: break-word;
}
 
.tw-mb-4 .tw-grid .tw-flex p {
font-family: 'Samsung SS Body', 'arial', sans-serif;
font-weight: 400;
font-size: 12px;
}
 
.tw-mb-4 .tw-grid .tw-flex h6{
font-family: 'Samsung SS Head', arial, sans-serif;
font-weight: 700 !important;
font-size: 14px;
}
 
ef-navbar,
ef-navbar li a.dropdown-toggle[aria-expanded="true"] {
background-color: #000;
border-color: #000;
border-bottom: 1px solid #FFFFFF;
color: #FFFFFF;
}
 
ef-navbar .container ul.nav.navbar-nav>li>button {
color: #fff;
border-color: #fff
}
 
ef-navbar .container ul.nav.navbar-nav>li>a {
color: #fff;
border-color: #fff
}
 
ef-navbar .container .navbar-header .ef-navbar-logo img {
margin-left: 5px;
max-width: 165px;
}
 
ef-navbar form.navbar-form {
margin: 11px 50px;
}
 
my-courses+div main h6 {
font-weight: bold;
}
 
/---- Accordion FAQ ----/
 
.accordion {
margin-bottom: 24px;
}
 
.accordion-container {
width: 90%;
max-width: 1240px;
margin: 0 auto;
border: 3px solid #e0e0e0;
border-radius: 24px;
overflow: hidden;
}
 
.accordion-item {
width: 100%;
}
 
.accordion-trigger {
width: 100%;
display: block;
background-color: rgb(250, 250, 250);
color: rgb(0, 0, 0);
padding: 24px;
font-size: 20px;
font-weight: 500;
font-family: 'Inter', sans-serif;
text-align: left;
border: none;
display: flex;
gap: 16px;
justify-content: space-between;
cursor: pointer;
}
 
.accordion-icon {
transition: transform 0.5s;
}
 
.accordion-item[open] .accordion-icon {
transform: rotate(45deg);
}
 
.accordion-item:not(:first-of-type) .accordion-trigger {
border-top: 3px solid #eaeaea;
}
 
.accordion-content p {
margin: 24px;
}
 
accordion .accordion-title {
font-family: 'Samsung SS Head';
font-weight: 700;
font-size: 18px;
}
 
accordion .accordion-content {
font-family: 'Samsung SS Body';
font-weight: 300;
font-size: 18px;
}
 
accordion .accordion-icon {
transform-origin: center;
align-self: center;
}
 
/---- Course content ----/
 
ef-course-announcement-content {
padding: 20px 30px;
display: block;
}
ef-course-announcement-content h5{
font-family: 'Samsung SS Body', 'arial', sans-serif;
}
ef-course-announcement-content h5 > strong{
font-family: 'Samsung SS Head', arial, sans-serif;
}
 
.ef-content-area,
.ef-content-edit-area .note-editable,
.note-editor,
.ef-content-area p,
.ef-content-area li,
.ef-content-area blockquote,
.ef-content-area span,
.ef-content-area>div:not([class=video-js]) p, .ef-content-area>div:not([class=video-js]) li,
.ef-content-area>div:not([class=video-js]) blockquote, .ef-content-area>div:not([class=video-js]) span,
.ef-content-edit-area .note-editable p,
.ef-content-edit-area .note-editable li,
.ef-content-edit-area .note-editable blockquote,
.ef-content-edit-area .note-editable span {
font-family: 'Samsung SS Body', 'arial', sans-serif;
font-size: 16px;
}
.ef-content-area h1,
.ef-content-area h2,
.ef-content-area h3,
.ef-content-area h4,
.ef-content-area>div:not([class=video-js]) h1, .ef-content-area>div:not([class=video-js]) h2,
.ef-content-area>div:not([class=video-js]) h3, .ef-content-area>div:not([class=video-js]) h4,
.ef-content-edit-area .note-editable h1,
.ef-content-edit-area .note-editable h2,
.ef-content-edit-area .note-editable h3,
.ef-content-edit-area .note-editable h4{
font-family: 'Samsung SS Head', arial, sans-serif;
}
 
 
 
*.progress .progress-bar.progress-bar-success {
background-color: #8093dc
}
 
.ef-my-courses .ef-courses-list ul:not(.dropdown-menu.pull-right) li.ef-my-courses-category>div.ef-entry-head {
background-color: #000;
}
 
 
.FT05 {
display: flex;
width: 100%;
height: auto;
}
 
.FT05 .section-content-wrapper {
width: 50%;
padding: 0 30px 30px;
}
.ef-content-area>div:not([class*=video-js]) h1,
.ef-content-edit-area .note-editable h1,
.singlecol-post h1,
.FT05 .section-content-wrapper h1{
font-size: 24px;
}
 
.singlecol-post h2,
.FT05 .section-content-wrapper h2{
font-size:18px;
}
 
 
/* Catalog */
.ef-card-entries .ef-card .ef-card-wrap div.caption .ef-plain.ef-header a{
font-size: 1em !important;
}
 
/* My Courses */
.carousel__slide h3 {
font-family: 'Samsung SS Body', 'arial', sans-serif;
font-size: 16px;
}
 
.disable-links {
pointer-events: none;
}
 
 
/---- Other modules ----/
 
/*Calendar buttons */
.fc-toolbar-chunk .btn-group .btn {
display: flex;
align-items: center;
justify-content: center;
padding: 0.5rem 1.2rem;
}
 
.fc-toolbar-chunk .btn {
height: auto;
}
 
button.btn.btn-primary.btn-sm.ef-color-linkedin.ef-share-button-transform {
padding-right: 0 !important;
}
.fc-toolbar-chunk .fc-icon,
.fa.fa-linkedin {
font-size: 1em !important;
line-height: 1em !important;
}
/* fix for bootstrap vs tailwind conflict on calendar */
.ef-datetime-container.input-group li.collapse{
visibility:visible;
}
 
.ef-dashboard-link > img {
margin: 0 auto;
}
 
regionSelector img {
margin: auto;
width: 70px;
}
 
.tnc-popup p {
margin-top: 15px;
margin-bottom: 15px;
}
 
.tnc-popup ul {
list-style: disc outside;
margin-left: 2em;
}
 
/* restoring initial line-height */
.ef-card-entries .ef-card .ef-card-wrap div.thumbnail div.default-action a span{
line-height:34px !important;
}
 
div.modal div.modal-dialog div.modal-content div.modal-header .close span{
line-height: 1 !important;
}
 
.tw-grid .tw-mr-8.tw-w-full.tw-overflow-hidden.tw-rounded-full.tw-bg-gray-200{
margin-right:50px;
}
 
 
 
 
@media only screen and (max-width: 767px) {
#ef-navbar .container .navbar-header .ef-navbar-logo img {
max-width: 165px;
}
.FT05 {
flex-direction: column;
}
.FT05 .section-content-wrapper{
width:100%;
padding-top:30px;
}
}
 
/* Keep the text white on hover */
.tw-text-white.tw-flex.tw-items-center.tw-gap-x-3.visited\:tw-text-white.visited\:tw-no-underline.hover\:tw-no-underline.focus\:tw-no-underline.tw-flex-grow:hover {
color: white !important;
}
 
/* Keep the text white on hover */
.tw-mx-auto.tw-table.tw-rounded.tw-border-2.tw-border-brand-primary.tw-bg-brand-primary.tw-px-3\.5.tw-py-2\.5.tw-text-base.tw-text-white.tw-shadow-sm.visited\:tw-text-white.visited\:tw-no-underline.hover\:tw-bg-brand-primary.hover\:tw-no-underline:hover {
color: white !important;
}
 
.hover\:tw-bg-brand-primary.tw-text-white:hover{
color: #fff;
}
 
/hide generate password/
generatePass {
display: none;
}
 
button.refresh-button:hover{
color: black;
}
 
/* Absolute override for YES button's hover transparency */
button.tw-bg-brand-primary.tw-text-white.tw-px-4.tw-py-2.tw-rounded:hover {
opacity: 1 !important;
background-color: #1428A0 !important;
}

/* DO NOT ADD/EDIT AFTER THIS LINE */