/*---------Place your CSS code here------*/

@font-face {
    font-family: 'SamsungOne';
    font-style: normal;
    font-weight: normal;
    src: url(/assets/fonts/SamsungOne-300_v1.1.ttf) format('truetype');
}

@font-face {
    font-family: 'SamsungSharpSans';
    font-style: normal;
    font-weight: normal;
    src: url(/assets/fonts/SamsungSharpSans-TTF/SamsungSharpSans-Regular.ttf) format('truetype');
}

@font-face {
    font-family: 'SamsungSharpSans';
    font-style: normal;
    font-weight: bold;
    src: url(/assets/fonts/SamsungSharpSans-TTF/SamsungSharpSans-Medium.ttf) format('truetype');
}

@font-face {
    font-family: 'SamsungSharpSans';
    font-style: normal;
    font-weight: 700;
    src: url(/assets/fonts/SamsungSharpSans-TTF/SamsungSharpSans-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: 'SamsungOne', 'arial', sans-serif;
    font-weight: 400;
    font-size: 16px;
    line-height: 1.33 !important;
}

span,
p {
    line-height: 1.33 !important;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: 'SamsungSharpSans', '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: 'SamsungOne', 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: 'SamsungOne', 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;
}

/* input[type="submit"].btn.btn-primary,
input[type="submit"].btn.btn-primary:hover{
    text-transform: capitalize;
} */

/* *.btn::first-letter,
*.btn.btn-primary::first-letter{
    text-transform: uppercase;
} */


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: "SamsungOne", 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: 'SamsungOne', '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: 'SamsungSharpSans', arial, sans-serif;
    font-weight: 700 !important;
    word-break: break-word;
}

.tw-mb-4 .tw-grid .tw-flex p {
  font-family: 'SamsungOne', 'arial', sans-serif;
    font-weight: 400;
    font-size: 12px;
}

.tw-mb-4 .tw-grid .tw-flex h6{
  font-family: 'SamsungSharpSans', 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: 'SamsungSharpSans';
    font-weight: 700;
    font-size: 18px;
}

#accordion .accordion-content {
    font-family: 'SamsungOne';
    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: 'SamsungOne', 'arial', sans-serif;
}
#ef-course-announcement-content h5 > strong{
    font-family: 'SamsungSharpSans', 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: 'SamsungOne', '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: 'SamsungSharpSans', 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: 'SamsungOne', 'arial', sans-serif;
    font-size: 16px;
}

.disable-links {
    pointer-events: none;
}


/*---- Other modules ----*/

/*Calendar buttons */
.fc-toolbar-chunk .btn-group .btn {
    display: flex; /* Use flexbox for alignment */
    align-items: center; /* Center vertically */
    justify-content: center; /* Center horizontally */
    padding: 0.5rem 1.2rem; /* Adjust padding */
}

.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; /* Ensure text stays white */
}

.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; /* Force original bg-color if needed */
}

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