/*
 Theme Name:  Divi Child Theme
 Theme URI:    https://elearn.mittare.com/
 Description:  Child Theme for Divi
 Author:       Mittare
 Author URI:   https://elearn.mittare.com/
 Template:     Divi
 Version:      1.0.0
*/

/*****Add any custom CSS below this line*****/

/* UM Link colors */
.um a.um-link,
.um .um-tip:hover,
.um .um-field-radio.active:not(.um-field-radio-state-disabled) i,
.um .um-field-checkbox.active:not(.um-field-radio-state-disabled) i,
.um .um-member-name a:hover,
.um .um-member-more a:hover,
.um .um-member-less a:hover,
.um .um-members-pagi a:hover,
.um .um-cover-add:hover,
.um .um-profile-subnav a.active,
.um .um-item-meta a,
.um-account-name a:hover,
.um-account-nav a.current,
.um-account-side li a.current span.um-account-icon,
.um-account-side li a.current:hover span.um-account-icon,
.um-dropdown li a:hover,
i.um-active-color,
span.um-active-color
{
    color: #006f66 !important;
}

.um a.um-link:hover,
.um a.um-link-hvr:hover {
    color: #00b0a1 !important;
}

/* UM Button colors */
.um .um-field-group-head,
.picker__box,
.picker__nav--prev:hover,
.picker__nav--next:hover,
.um .um-members-pagi span.current,
.um .um-members-pagi span.current:hover,
.um .um-profile-nav-item.active a,
.um .um-profile-nav-item.active a:hover,
.upload,
.um-modal-header,
.um-modal-btn,
.um-modal-btn.disabled,
.um-modal-btn.disabled:hover,
div.uimob800 .um-account-side li a.current,
div.uimob800 .um-account-side li a.current:hover,
.um .um-button,
.um a.um-button,
.um a.um-button.um-disabled:hover,
.um a.um-button.um-disabled:focus,
.um a.um-button.um-disabled:active,
.um input[type=submit].um-button,
.um input[type=submit].um-button:focus,
.um input[type=submit]:disabled:hover
{
    background: #006f66 !important;
}

.um .um-field-group-head:hover,
.picker__footer,
.picker__header,
.picker__day--infocus:hover,
.picker__day--outfocus:hover,
.picker__day--highlighted:hover,
.picker--focused .picker__day--highlighted,
.picker__list-item:hover,
.picker__list-item--highlighted:hover,
.picker--focused .picker__list-item--highlighted,
.picker__list-item--selected,
.picker__list-item--selected:hover,
.picker--focused .picker__list-item--selected,
.um .um-button:hover,
.um a.um-button:hover,
.um input[type=submit].um-button:hover{
    background: #00b0a1 !important;
}

.um-modal-btn {
	color: white!important
}

/* UM Button alt colors */
.um .um-button.um-alt, 
.um input[type=submit].um-button.um-alt {
    background: #eeeeee !important;
}

.um .um-button.um-alt:hover,
.um input[type=submit].um-button.um-alt:hover {
    background: #e5e5e5 !important;	
}

/* UM Edit Profile Dropdown Menu Alignment Correction */
@media (min-width: 980px) {
.um-profile .um-dropdown {
left: -87px;
}
}

/* UM User Profile Gear Icon */
.um-profile-edit i:hover {
    color: #00b0a1;
}

.um-profile-edit i {
    color: #006f66;
}

/*** Take out the divider line between content and sidebar ***/
#main-content .container:before {background: none;}

/*** Default Widget Styling ***/
.et_pb_widget {
	box-shadow: 0 7px 22px 0 rgba(0, 0, 0, 0.21), 0 5.5px 10px 0 rgba(0, 0, 0, 0.22);
	padding: 16.3px !important;
	margin-bottom: 25px !important;
}

#sidebar .et_pb_widget {
	text-align: center
}

/* Remove the Logout Link on FM Dropdown */
.ld-user-menu-items a:last-child {
display: none !important;;
}

/* Hand on Hover Course Grid */ 
.learndash-course-grid .items-wrapper .grid-1 .post:hover {
	cursor: pointer;
}

/* Course Grid Lift */
.lift .learndash-course-grid .items-wrapper .grid-1 .post:hover{
box-shadow: 0 9px 27px 0 rgba(0, 0, 0, 0.21), 0 8px 12px 0 rgba(0, 0, 0, 0.22);
/* margin-top: -5px; 
margin-bottom: 5px !important; */
}

/* UO Resume Button Colour */
a.learndash-resume-button input[type="submit"] {color:#FFF; background: #006f66; cursor: pointer !important;}

a.learndash-resume-button input[type=submit]:hover{
    background: #00b0a1 !important;
    color: white!important; 
    border: none !important;
}

a.learndash-resume-button input[type=submit]:focus{
    background: #006f66 !important;
    color: white!important; 
    border: none !important;
}

/* Feedback Button */
button.wdm_feedback_form_pop, .wdm_feedback_form .wdm_feedback_submission {
    background: #006f66;
    color: white;
	cursor: pointer !important;
}

button.wdm_feedback_form_pop, .wdm_feedback_form .wdm_feedback_submission:hover{
    background: #00b0a1 !important;
    color: white!important; 
    border: none !important;
}

button.wdm_feedback_form_pop, .wdm_feedback_form .wdm_feedback_submission:focus{
    background: #006f66 !important;
    color: white!important; 
    border: none !important;
}

button.wdm_feedback_form_pop:hover{
    background: #00b0a1 !important;
    color: white!important; 
    border: none !important;
}

/* Divi Back to top icon styles */
.et_divi_100_custom_back_to_top .et_pb_scroll_top {
    z-index: 9999999;
    position: fixed;
    right: 20px;
    bottom: 20px;
    background: #d4af37;
    width: 40px;
    height: 40px;
    box-shadow: 0 2px 4px rgba(108, 46, 185, 0.2);
    -webkit-transition: all 0.2s ease, -webkit-transform 0.6s ease;
    transition: all 0.2s ease, -webkit-transform 0.6s ease;
    transition: all 0.2s ease, transform 0.6s ease;
    transition: all 0.2s ease, transform 0.6s ease, -webkit-transform 0.6s ease;
    cursor: pointer;
}

/* Feedback Form Pop-up Text Box */
textarea {
    width: 100%;
}

/* Asgaros Forum remove "edit profile" link*/
#af-wrapper .edit-profile-link {
    display: none
}

/* Footer space */
.fwidget, #footer-widgets .footer-widget:nth-child(n) {
    margin-bottom: 2%!important;
}
#footer-widgets {
    padding: 2% 0;
}

/* Dropdown Icon on Focus Mode Menu Side Bar */
.learndash-wrapper .ld-course-navigation .ld-lesson-item-preview .ld-expand-button .ld-icon {
    background-color: transparent;
    color: white;
    opacity: .95;
}

/* Remove Sub-Menu Arrow Divi Menu */
#et-secondary-nav .menu-item-has-children>a:first-child:after, #top-menu .menu-item-has-children>a:first-child:after {
    display: none;
}
#et-secondary-nav .menu-item-has-children>a:first-child, #top-menu .menu-item-has-children>a:first-child {
    padding-right: 0 !important;
}
/* #top-menu li li {
    margin: 0;
} */
.logged-in ul.sub-menu {
    right: -180%;
}

/* Phone Number Link White Color for Mobile & Tablet */
@media only screen and ( max-width: 980px ) {
	
.et_pb_blurb_7.et_pb_blurb a:link {
	color: white;
	}
}

/* Sticky Mobile Menu */
@media (max-width: 980px) {
 
/*********************************
style mobile fixed header
*********************************/
 
.et_fixed_nav #main-header.et-fixed-header  {
position: fixed;
background: rgba(255,255,255,0.5);
height: 55px;
}
 
.et-fixed-header .logo_container {
height: 55px;
}
 
.et-fixed-header .mobile_menu_bar {
padding-bottom: 5px;
}
 
/*********************************
make mobile fixed header navigation icon larger
*********************************/
 
.et-fixed-header .mobile_menu_bar:before {
font-size: 45px;
}
 
.et_header_style_left .et-fixed-header #et-top-navigation {
padding-top: 5px;
}
 
.et_fixed_nav #et-top-navigation {
-webkit-transition: none;
-moz-transition: none;
transition: none;
}
 
/**************************
Increase height of logo area on mobile and mobile fixed header
***************************/
#logo, .et-fixed-header #logo {
max-height: 65%;
}
 
}

/**************************
Scroll when menu expanded
***************************/
.et_mobile_menu {
    overflow: scroll !important;
    max-height: 76vh;
}

/* Collapsible Mobile Menu CSS */
.et_pb_menu .et_mobile_menu .menu-item-has-children > a, #main-header .et_mobile_menu .menu-item-has-children > a {
    background-color: transparent;
    position: relative;
}
.et_pb_menu .et_mobile_menu .menu-item-has-children > a.toggle-menu, #main-header .et_mobile_menu .menu-item-has-children > a.toggle-menu {
    font-family: 'ETmodules';
    font-size: 21px;
    padding: 10px;
    z-index: 10;
    display: inline-block;
    position: absolute;
    right: 5px;
 }
.et_pb_menu .et_mobile_menu .menu-item-has-children.visible > a.toggle-menu, #main-header .et_mobile_menu .menu-item-has-children.visible > a.toggle-menu {
 	transform: rotate(180deg);
}

.et_pb_menu .et_mobile_menu ul.sub-menu, #main-header .et_mobile_menu ul.sub-menu {
    display: none !important;
    visibility: hidden !important;
    transition: all 1.5s ease-in-out;
}
.et_pb_menu .et_mobile_menu .visible > ul.sub-menu, #main-header .et_mobile_menu .visible > ul.sub-menu {
    display: block !important;
    visibility: visible !important;
}

/* Asgaros Forum New Emojis/Reactions */
#af-wrapper .post-reactions .reaction-icon::before,
#af-wrapper .post-reactions a:hover,
#af-wrapper .post-reactions .reaction-active {
    font-size: 18px !important;
    text-shadow: 1px 1px #000000;
    transition: transform 0.5s;
}
#af-wrapper .post-reactions .reaction-number {
    font-size: 10px;
}
#af-wrapper .post-reactions a:hover .down,
#af-wrapper .post-reactions .down .reaction-icon::before,
#af-wrapper .post-reactions .down .reaction-number,
#af-wrapper .post-reactions .down .reaction-active {
    color: #D5234C;
}
#af-wrapper .post-reactions a:hover .up,
#af-wrapper .post-reactions .up .reaction-icon::before,
#af-wrapper .post-reactions .up .reaction-number,
#af-wrapper .post-reactions .up .reaction-active {
    color: #548DFF;
}
#af-wrapper .post-reactions a:hover .heart,
#af-wrapper .post-reactions .heart .reaction-icon::before,
#af-wrapper .post-reactions .heart .reaction-number,
#af-wrapper .post-reactions .heart .reaction-active {
    color: #F55064;
}
#af-wrapper .post-reactions a:hover .laugh,
#af-wrapper .post-reactions .laugh .reaction-icon::before,
#af-wrapper .post-reactions .laugh .reaction-number,
#af-wrapper .post-reactions .laugh .reaction-active {
    color: #FFDA6A;
}
#af-wrapper .post-reactions a:hover .surprise,
#af-wrapper .post-reactions .surprise .reaction-icon::before,
#af-wrapper .post-reactions .surprise .reaction-number,
#af-wrapper .post-reactions .surprise .reaction-active {
    color: #FFDA6A;
}
#af-wrapper .post-reactions a:hover .sad,
#af-wrapper .post-reactions .sad .reaction-icon::before,
#af-wrapper .post-reactions .sad .reaction-number,
#af-wrapper .post-reactions .sad .reaction-active {
    color: #FFDA6A;
}
#af-wrapper .post-reactions a:hover .angry,
#af-wrapper .post-reactions .angry .reaction-icon::before,
#af-wrapper .post-reactions .angry .reaction-number,
#af-wrapper .post-reactions .angry .reaction-active {
    color: #D5234C;
}

/* Divi CTA Button Pulse */
.pulse .et_pb_button {
animation-name: pulse;
animation-duration: 3000ms;
transform-origin:70% 70%;
animation-iteration-count: infinite;
animation-timing-function: linear;
}

@keyframes pulse {
0% { transform: scale(1); }
30% { transform: scale(1); }
40% { transform: scale(1.08); }
50% { transform: scale(1); }
60% { transform: scale(1); }
70% { transform: scale(1.05); }
80% { transform: scale(1); }
100% { transform: scale(1); }
}

.pulse .et_pb_button:hover {
animation: none;
}

/* Divi call to action button in menu normal state */ 

/*@media (min-width: 980px) {*/
.menu_cta {
padding: 0!important;
border-radius: 30px;
/*border: solid 2px #006f66; /* change the color of the border */
transition: 0.3s;
background-color: #006f66; /* change the color of the background */
}
.menu_cta a{
color: #f4f4f4!important; /* change the color of the button text */
padding: 10px 20px 10px 20px!important;
	text-align: center;
}

@media (max-width: 768px) {
.menu_cta a{
color: #f4f4f4!important; /* change the color of the button text */
padding: 15px 25px 15px 25px!important;
	text-align: center;
}
}

/* Divi call to action button hover state */ 
#top-menu-nav .menu_cta a:hover {
	opacity: 1;
}

.menu_cta:hover {
/*border: solid 2px #00b0a1; /* change the color of the hover border */
background: #00b0a1; /* change the color of the hover background */
}
/*}

/* Call To Action Instructor Dashboard Button */
.menu_ir {
padding: 0!important;
border-radius: 30px;
/*border: solid 2px #006f66; /* change the color of the border */
transition: 0.3s;
background-color: #006f66; /* change the color of the background */
}
.menu_ir a{
color: #f4f4f4!important; /* change the color of the button text */
padding: 15px 25px 0px 25px!important;
	text-align: center;
	margin-left: 20px!important;
}
.menu_ir a:before {
content: '\e035';
color: #fff;
font-family: 'ETmodules';
font-size: 16px;
line-height: 1;
position: absolute;
left: 1px;
}

@media (max-width: 768px) {
.menu_ir a{
color: #f4f4f4!important; /* change the color of the button text */
padding: 15px 25px 15px 25px!important;
	text-align: center;
	margin-left: 20px!important;
}
}

/* Divi call to action button hover state */ 
#top-menu-nav .menu_ir a:hover {
	opacity: 1;
}

.menu_ir:hover {
/*border: solid 2px #00b0a1; /* change the color of the hover border */
background: #00b0a1; /* change the color of the hover background */
}

/* Call To Action Login Button */
.login_cta {
padding: 0!important;
border-radius: 30px;
/*border: solid 2px #006f66; /* change the color of the border */
transition: 0.3s;
background-color: #006f66; /* change the color of the background */
}
.login_cta a{
color: #f4f4f4!important; /* change the color of the button text */
padding: 15px 25px 0px 25px!important;
	text-align: center;
}

@media (max-width: 768px) {
.login_cta a{
color: #f4f4f4!important; /* change the color of the button text */
padding: 15px 25px 15px 25px!important;
	text-align: center;
	margin-left: 20px!important;
}
}

/* Divi call to action button hover state */ 
#top-menu-nav .login_cta a:hover {
	opacity: 1;
}

.login_cta:hover {
/*border: solid 2px #00b0a1; /* change the color of the hover border */
background: #00b0a1; /* change the color of the hover background */
}

/* Remove Featured Image from LD Course Page */
.single-sfwd-courses .et_post_meta_wrapper img {
    display: none;
}

/* Menu Adjustments for CTA Buttons - Desktop Only */
@media (min-width: 980px) {
#top-menu .menu-item-28152 {
    margin-left: 25px!important;
}
}

@media (min-width: 980px) {
#top-menu .menu-item-24885 {
    margin-left: 20px!important;
}
}

/* Learndash Leaderboard Field Color */
.ldx-plugin .learndash .wpProQuiz_content .wpProQuiz_toplistTable thead tr {
    color: white !important;
}

/* Price Font Size in Course Page */
.learndash-wrapper .ld-course-status.ld-course-status-not-enrolled .ld-course-status-price {
    font-size: 22px;
}

/**
 * Tin Canny - Reports
 * Fix overflow issue in graph
 */
#courseSingleActivitiesGraph .amcharts-chart-div,
#reporting-recent-activities .amcharts-chart-div {
    max-height: none;
}

/* LD Profile Remove Items */
.learndash-wrapper .ld-profile-summary .ld-profile-card .ld-profile-edit-link {
   display: none !important;
}

/* Remove Subscribe Checkbox on WPDiscuz Inline Commenting Dialogue Pop-Up */
.wpd-inline-form .wpd-inline-notification {
    display: none!important;
}

/* Remove Scroll Bar on Focus Mode Collapsed Side Bar */
.learndash-wrapper .ld-focus-sidebar-collapsed .ld-focus-sidebar .ld-focus-sidebar-wrapper {
	overflow-y: hidden;
}

/* E-Coin Menu Item */
.e-coin-menu {
margin-bottom: -18px;
vertical-align: middle;
float:none !important;
}

@media (max-width: 768px) {
.e-coin-menu {
	margin-top: 25px;
}
}

/* Vertically Center Primary Menu Items */
@media (min-width: 980px) {
.et_header_style_left #et-top-navigation nav>ul>li>a {
    margin-bottom: 18px!important;
}
}

/* Fix for FeedBack PopUp Covered by Main Menu */
#main-header{
	z-index:99 !important;
}

/* Course Grid Equal Height Fix */
.item.grid-1 {
display: flex !important;
}
.learndash-course-grid .items-wrapper .grid-1 .post {
width: 100%!important;
}