/*
 Theme Name:   samychaffai-theme-child
 Theme URI:    https://studyhub.themewant.com
 Description:  samychaffai-theme-child
 Author:       ReacThemes
 Author URI:   http://reactheme.com
 Template:     studyhub
 Version:      1.0
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
 Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready
*/

.main-contain #content {
    padding-top: 60px;
    padding-bottom: 60px;
}

.d-none {
    display: none !important;
}

.text-gold {
    color: #DAB77D !important;
}

b,
strong {
    font-weight: bold;
}

a {
    color: #DAB77D;
}

a:hover {
    color: #000;
}

.tutor-card:not(.tutor-no-border),
.tutor-course-details-widget.add-to-cart,
.tutor-course-details-widget,
.blogarea__2 .blogsidebar__content__wraper__2 {
    background-color: #FFF;
    border: 1px solid #FFF;
    border-radius: 10px;
    box-shadow: 0 0 10px 0 #031F421A;
}

.single-sfwd-courses .learndash-wrapper .ld-lesson-list .ld-item-list-items .ld-item-list-item,
.single-sfwd-courses .learndash-wrapper .ld-lesson-list .ld-item-list-items .ld-item-list-item:last-child {
    border-color: #1E1E1E40;
}

.single-sfwd-courses .learndash-wrapper .ld-lesson-list .ld-item-list-items .ld-item-list-item:first-child {
    border-radius: 0px;
}

.reactheme-blog-details .news-details-inner,
body .reactheme-blog-details .news-details-inner {
    border-radius: 0;
}

#top-to-bottom i {
    background-color: #1a1a1a;
}

body.home div#footer-first-block {
    display: none !important;
}

body.home div#footer-columns-block {
    padding-top: 0px !important;
}

span.samy-logo-name {
    color: transparent;
    display: inline-block;
    background: url(assets/img/samy_logo_name.svg) no-repeat center;
    background-size: contain;
    transform: scale(1.4) translateX(20%) translateY(-3%);
}

span.samy-logo-name-white {
    color: transparent;
    display: inline-block;
    background: url(assets/img/samy_logo_name_white.svg) no-repeat center;
    background-size: contain;
    transform: scale(1.4) translateX(20%) translateY(-3%);
}

.icon-gray-style {
    filter: grayscale(1);
}

.coursearea.style5 .gridarea__wraper {
    border: 1px solid #1E1E1E40;
    border-radius: 0px;
    box-shadow: 6px 6px 0px 1px #000;
    border-bottom-right-radius: 30px;
}

.reactheme-breadcrumbs.course-breadcrumb-section .breadcrumbs-inner,
.reactheme-breadcrumbs .breadcrumbs-inner {
    padding: 60px 0;
    background: url(assets/img/big-s.svg) no-repeat left center;
    background-size: contain;
}

.reactheme-breadcrumbs .breadcrumbs-single {
    background-image: none !important;
}


.single-sfwd-courses .learndash-wrapper .ld-course-status.ld-course-status-enrolled {
    background: #E0E0E0;
}

body .learndash-wrapper .ld-course-status.ld-course-status-enrolled {
    background: #E0E0E0;
    border-radius: 0;
}

.tutor-single-course-sidebar ul.tutor-ul.sidebar-metadata li .rt-icon::before {
    margin-right: 6px !important;
}

body .learndash-wrapper .ld-item-list .ld-item-list-item {
    border-color: #E0E0E0 !important;
    border-radius: 0;
}

.learndash-wrapper .ld-item-list .ld-item-list-item .ld-item-list-item-expanded .ld-progress {
    background-color: #E0E0E0 !important;
}

body.single-sfwd-topic .learndash-wrapper .ld-breadcrumbs .ld-breadcrumbs,
body.single-sfwd-topic .learndash-wrapper .ld-lesson-status .ld-breadcrumbs,
body.single-sfwd-topic .learndash-wrapper .ld-topic-status .ld-breadcrumbs,
body.single-sfwd-quiz .learndash-wrapper .ld-breadcrumbs .ld-breadcrumbs,
body.single-sfwd-quiz .learndash-wrapper .ld-lesson-status .ld-breadcrumbs,
body.single-sfwd-quiz .learndash-wrapper .ld-topic-status .ld-breadcrumbs,
body.single-sfwd-lessons .learndash-wrapper .ld-breadcrumbs .ld-breadcrumbs,
body.single-sfwd-lessons .learndash-wrapper .ld-lesson-status .ld-breadcrumbs,
body.single-sfwd-lessons .learndash-wrapper .ld-topic-status .ld-breadcrumbs {
    background-color: #E0E0E0;
}

body .learndash-wrapper .ld-lesson-status,
body .learndash-wrapper .ld-breadcrumbs {
    border-radius: 0;
}

body.single-sfwd-topic .learndash-wrapper .ld-breadcrumbs .ld-status.ld-status-progress,
body.single-sfwd-quiz .learndash-wrapper .ld-breadcrumbs .ld-status.ld-status-progress,
body.single-sfwd-lessons .learndash-wrapper .ld-breadcrumbs .ld-status.ld-status-progress {
    border-radius: 0;
}

body .ld-form .ld-form__field {
    border-color: #E0E0E0;
    border-radius: 0;
}

body .ld-form .ld-form__field:focus {
    border-color: #000;
    box-shadow: none;
    outline: none;
}

body input[type=submit] {
    background: #000;
    color: #FFF;
    border: 1px solid #000;
}


body input[type=submit]:hover,
body input[type=submit]:focus {
    background: #FFF;
    color: #000;
    border: 1px solid #000;
}

.login-submit input[type=submit],
.ld-registration__forgot-password-form input[type=submit],
.ld-registration__register-submit-wrapper .button-primary {
    width: 100%;
}

.mf-btn-wraper .metform-submit-btn {
    width: 100%;
}


body .ld-button--border {
    border-radius: 0;
}

body .learndash-wrapper .ld-alert {
    border-radius: 0;
}

body .react-button a {
    border-radius: 0;
    background-color: #000;
    border: 1px solid #000;
    color: #FFF;
}

body .react-button a:hover,
body .react-button a:focus {
    border-radius: 0;
    color: #000;
    background-color: #FFF;
}

.single-sfwd-courses .learndash-wrapper .ld-course-status.ld-course-status-not-enrolled .ld-course-status-segment .ld-course-status-content .ld-status,
.single-sfwd-courses .learndash-wrapper .ld-course-status.ld-course-status-not-enrolled .ld-course-status-segment .ld-course-status-content .btn-join,
.single-sfwd-courses .learndash-wrapper .ld-course-status.ld-course-status-not-enrolled .ld-course-status-segment .ld-course-status-content #btn-join {
    border-radius: 0;
    background-color: #000;
    border: 1px solid #000;
    color: #FFF;
}

body .single-sfwd-courses .learndash-wrapper .ld-course-status.ld-course-status-not-enrolled .ld-course-status-segment .ld-course-status-content .ld-status:hover,
body .single-sfwd-courses .learndash-wrapper .ld-course-status.ld-course-status-not-enrolled .ld-course-status-segment .ld-course-status-content .btn-join:hover,
body .single-sfwd-courses .learndash-wrapper .ld-course-status.ld-course-status-not-enrolled .ld-course-status-segment .ld-course-status-content #btn-join:hover {
    border-radius: 0;
    color: #000;
    background-color: #FFF;
}

body.single-sfwd-courses .learndash-wrapper .ld-course-status.ld-course-status-not-enrolled .ld-course-status-segment .ld-course-status-content .ld-course-status-price {
    color: #000;
}

body .learndash-wrapper #learndash-registration-wrapper form input,
body .learndash-wrapper #learndash-reset-password-wrapper form input,
body .learndash-wrapper .ld-login-modal input,
body .learndash-wrapper .ld-login-modal input[type=submit],
body .learndash-wrapper .ld-login-modal .ld-button,
body .learndash-wrapper .ld-login-modal input[type=submit] {
    border-radius: 0;
}

body .learndash-wrapper .ld-login-modal .ld-login-field,
body .learndash-wrapper .ld-login-modal .ld-password-field,
body .learndash-wrapper .ld-login-modal input[type=email],
body .learndash-wrapper .ld-login-modal input[type=password],
body .learndash-wrapper .ld-login-modal input[type=text] {
    background-color: #FFF;
    border-color: #E0E0E0;
}

body .learndash-wrapper .ld-login-modal .ld-login-field:focus,
body .learndash-wrapper .ld-login-modal .ld-password-field:focus,
body .learndash-wrapper .ld-login-modal input[type=email]:focus,
body .learndash-wrapper .ld-login-modal input[type=password]:focus,
body .learndash-wrapper .ld-login-modal input[type=text]:focus {
    border-color: #000 !important;
}

body .learndash-wrapper .ld-status {
    border-radius: 0;
}

.ld-form__field-outer-wrapper.ld-form__field-submit .btn-submit {
    width: 100%;
}

body .sticky-header {
    top: auto !important;
    position: relative !important;
}

.course_grid .gridarea__img,
.course_grid .gridarea__img {
    cursor: pointer;
}

body.single-sfwd-courses .learndash-wrapper .ld-course-status.ld-course-status-not-enrolled {
    border-radius: 0;
    background-color: #FFF;
}

.ld-registration-order form button {
    border-radius: 0;
    background-color: #000;
    border: 1px solid #000;
    color: #FFF;
    width: 100%;
}

.ld-registration-order form button:hover {
    border-radius: 0;
    color: #000;
    background-color: #FFF;
}

body .react-video .popup-videos:before {
    border-color: #d9b67d;
}

@media screen and (max-width: 782px) {
    #reactheme-header.sticky-header .rt-login-buttons {
        display: none;
    }

    #reactheme-header.sticky-header>.sticky-wrapper {
        height: 89px !important;
    }
}


ul.wp-block-list li {
    list-style: inside;
}


body.sfwd-courses-template-default .reactheme-breadcrumbs .breadcrumbs-single {
    background: url(assets/img/course_banner.jpg) center no-repeat #191919 !important;
    background-size: cover !important;
    padding: 60px 0;
    color: #FFF;
}

.single-sfwd-courses .reactheme-breadcrumbs.course-breadcrumb-section .page-title {
    color: #FFF !important;
}

@media screen and (min-width: 782px) {
    .single-sfwd-courses .reactheme-breadcrumbs.course-breadcrumb-section .page-title {
        padding-right: 500px;
    }
}

.single-sfwd-courses .learndash-wrapper .ld-lesson-list .ld-item-list-items .ld-item-list-item,
.single-sfwd-courses .learndash-wrapper .ld-lesson-list .ld-item-list-items .ld-item-list-item:last-child {
    background: #F4F4F4;
    border: none;
    border-radius: 10px !important;
    margin-bottom: 10px !important;
    font-size: 16px;
    padding: 15px 0;
}


body .learndash-wrapper .ld-status-incomplete.ld-status-icon {
    border-color: #DAB77D;
}


.learndash-wrapper .ld-item-list.ld-course-list .ld-section-heading h2,
.learndash-wrapper .ld-item-list.ld-lesson-list .ld-section-heading h2 {
    font-size: 20px;
    color: #DAB77D;
}


.ld-item-list-item .ld-item-title-wrap {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-direction: row;
}

.ld-item-list-item .ld-item-title-wrap>span {
    display: inline-flex;
    width: 50%;
}

.ld-item-list-item .ld-item-title-wrap>span:nth-child(2) {
    text-align: right;
    display: inline-flex;
    flex-direction: row-reverse;
}

.ld-item-list-item .ld-item-title {
    width: 100%;
}

@media screen and (min-width: 782px) {
    .tutor-single-course-sidebar {
        margin-top: -300px;
    }
}


.tutor-single-course-sidebar .course-price {
    font-size: 26px;
    font-weight: 600;
    color: #111112;
    margin: 10px 20px;
    display: flex;
    align-items: center;
    gap: 10px;
    order: 1;
}

.tutor-single-course-sidebar .ld-course-status-action {
    margin: 10px 0;
    text-align: center;
}

.tutor-single-course-sidebar .wrap-course-thumbnail>img {
    border-radius: 10px;
}

.tutor-single-course-sidebar .btn-join {
    width: 100%;
    background-color: #DAB77D;
    color: #111112;
    border-color: #DAB77D;
    font-size: 18px;
    font-weight: 600;
}

.tutor-single-course-sidebar a.ld-login-text {
    display: block;
    font-weight: 600;
    text-decoration: underline;
}


.btn-visit-my-website a.elementor-button.elementor-button-link.elementor-size-sm {
    display: inline-flex;
    /* justify-content: space-between; */
    gap: 10px;
}

.btn-visit-my-website a.elementor-button.elementor-button-link.elementor-size-sm:after {
    content: "";
    display: inline-block;
    margin-left: 40px;
    width: 20px;
    height: 20px;
    background: url(assets/img/fleche-gold.svg) center no-repeat;
    background-size: cover;
}

.learndash-wrapper .ld-status-icon.ld-status-complete .ld-icon {
    font-size: 0.85em;
}



.ld-course-status-enrolled-infos-short .ld-progress-heading {
    margin: 20px 0;
}

.ld-course-status-enrolled-infos-short .ld-progress-percentage,
.ld-course-status-enrolled-infos-short .ld-progress-steps {
    font-size: 18px;
    color: #1E1E1E;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 10px;
}

.ld-course-status-enrolled-infos-short .ld-progress-percentage span,
.ld-course-status-enrolled-infos-short .ld-progress-steps span {
    display: inline-block;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    text-align: center;
    line-height: 50px;
    border: 1px solid #DAB77D;
    margin-left: 10px;
    font-size: 0.8em;
}



body.single-sfwd-lessons .learndash-wrapper .ld-lesson-status .ld-breadcrumbs {
    background: #111112;
    color: #FFF;
}

.learndash-wrapper .ld-breadcrumbs .ld-breadcrumbs-segments {
    color: #FFF;
}

.learndash-wrapper .ld-breadcrumbs .ld-breadcrumbs-segments span a {
    color: #FFF !important;
}

.learndash-wrapper .ld-status-icon .ld-icon:before {
    font-size: 0.80em;
}




body .learndash-wrapper .ld-focus .ld-focus-sidebar .ld-course-navigation .ld-lesson-item {
    background: #111112;
    color: #FFF;
}

body .learndash-wrapper .ld-course-navigation .ld-lesson-item-preview a.ld-lesson-item-preview-heading {
    color: #FFF !important;
}

body .learndash-wrapper .ld-course-navigation .ld-lesson-item.ld-is-current-lesson {
    background: #3a3a3a !important;
    color: #FFF !important;
}

body .learndash-wrapper .ld-course-navigation .ld-lesson-item.ld-is-current-lesson .ld-lesson-title {
    color: #FFF !important;
}

body .learndash-wrapper .ld-focus .ld-focus-sidebar .ld-course-navigation .ld-lesson-item .ld-lesson-item-preview {
    padding: 30px 15px;
}

body .learndash-wrapper .ld-focus .ld-focus-header .ld-brand-logo {
    background: #111112;
}

body .learndash-wrapper .ld-focus .ld-focus-header .ld-brand-logo img {
    filter: invert(100%);
}


body .learndash-wrapper .ld-focus .ld-focus-header .sfwd-mark-complete .learndash_mark_complete_button {
    background: #111112 !important;
    border-radius: 0;
    color: #FFF !important;
}

body .learndash-wrapper .ld-focus .ld-focus-header .sfwd-mark-complete:after {
    color: #FFF !important;
}

body .learndash-wrapper .ld-focus .ld-focus-main .ld-focus-content h1 {
    font-size: 24px;
    line-height: 1.4em;
}


body .learndash-wrapper .ld-button:not(.ld-button-reverse):not(.learndash-link-previous-incomplete):not(.ld-button-transparent):not(.ld--ignore-inline-css) {
    border-radius: 0;
    padding: 18px 10px;
}

body .ld-focus-content .ld-content-actions .ld-content-action input.learndash_mark_complete_button {
    border-radius: 0 !important;
    padding: 18px 10px !important;
}


body .learndash-wrapper .ld-focus .ld-focus-main .ld-focus-content {
    max-width: 1420px;
}


body div.nsl-container.nsl-container-block .nsl-container-buttons {
    margin: 0 auto;
    float: none;
    display: block;
    width: auto;
}


.learndash-wrapper .ld-alert-certificate.ld-alert-success .ld-button {
    min-width: 200px;
}



.share-buttons {
    display: flex;
    gap: 20px;
    align-items: center;
}

.share-buttons a {
    width: 40px;
    height: 40px;
    filter: grayscale(100%);
    transition: filter 0.3s ease-in-out, transform 0.3s ease-in-out;
    border: 1px solid #cccccc;
    padding: 0;
    border-radius: 50%;
    position: relative;
}

.share-buttons a:hover {
    filter: grayscale(0%);
    transform: scale(1.2);
}


.share-buttons a img {
    max-width: 20px;
    display: block;
    margin: 0;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translateX(-50%) translateY(-50%);
}

.wrap-share-links h5 {
    font-size: 16px;
    margin: 0 auto 10px;
    font-weight: 600;
}


.ays-survey-section-button-container {
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
}

.ays-survey-section-button-container input.ays-survey-section-button.ays-survey-finish-button {
    background: #111112 !important;
    color: #FFF !important;
    border: 2px solid transparent !important;
    border-bottom-color: #111112 !important;
    text-shadow: none !important;
    font-size: 18px !important;
    padding: 0 40px !important;
}

.ays-survey-section-button-container input.ays-survey-section-button.ays-survey-finish-button:hover {
    background-color: #dab77d !important;
    color: #111112 !important;
}

body:not(.logged-in) .ays-survey-popup-survey-window {
    display: none !important;
}

.learndash-wrapper .ld-button.ld-button-share:not(.ld-button-reverse):not(.learndash-link-previous-incomplete):not(.ld-button-transparent):not(.ld--ignore-inline-css) {
    background-color: #0077B5 !important;
    position: relative;
}
.learndash-wrapper .ld-alert-success .ld-button.ld-button-share .fab {
    font-size: 18px;
    margin-right: 5px;
    margin-left: -30px;
    top: 1px;
    position: relative;
}


body.page-id-12552 .reactheme-breadcrumbs {
    display: none !important;
}

body.page-id-12552 #page .main-contain {
    padding: 60px 0;
    background: url(assets/img/big-s.svg) no-repeat left center;
    background-size: contain;
    background-position: -70px center;
}



.ays-survey-popup-survey-window:after {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    position: fixed;
    background: #00000040;
    left: 0;
    top: 0;
    z-index: -2;
}

.ays-survey-popup-survey-window:before {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    background: #FFF;
    left: 0;
    top: 0;
    z-index: -1;
}


@media screen and (max-width: 782px) {
    .reactheme-blog-details>.row>.col-xl-8.col-lg-8 {
        order: 2
    }
    
    .reactheme-blog-details>.row>.col-xl-4.col-lg-4 {
        order: 1
    }
    
    body .learndash-wrapper .ld-alert-certificate.ld-alert-success > a {
        display: block !important;
        width: 100% !important;
        margin: 0 auto 10px !important;
        clear: both;
        padding: 15px 30px 15px 40px !important;
    }
    
    .learndash-wrapper .ld-alert-success .ld-button.ld-button-share .fab {
        margin-left: 0;
        position: absolute;
        left: 13px;
        transform: translateY(-50%);
        top: 50%;
    }
    
    .learndash-wrapper .ld-alert-success .ld-button .ld-icon-download {
        margin-left: 0;
        left: 10px;
    }
}

@media only screen and (max-width: 767px) {
    .main-contain #content {
        padding-top: 30px !important;
        padding-bottom: 30px !important;
    }
}


@media (max-width: 640px) {
    .learndash-wrapper .ld-item-list .ld-item-list-item .ld-item-name {
        flex: 1;
        width: 100%;
    }

    .ld-item-list-item .ld-item-title-wrap>span {
        font-size: 14px;
    }
}


.learndash-wrapper .ld-focus .ld-focus-sidebar .ld-course-navigation-heading h3 {
    font-family: "Manrope", "Playfair" !important;
}


.wrap-video-js {
    position: relative;
    padding-bottom: 56.3%;
}

.wrap-video-js .video-js {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}


.vjs-menu-button-popup .vjs-menu .vjs-menu-content {
    padding-left: 0 !important;
    margin: 0 !important;
}



.wrap-video-js .tooltip-video {
    position: absolute;
    bottom: -60px; /* Adjust based on the desired distance from the video player */
    right: 16px;
    background-color: #333; /* Tooltip background color */
    color: #fff; /* Tooltip text color */
    padding: 8px 12px;
    border-radius: 4px;
    font-size: 14px;
    white-space: nowrap;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    transition: opacity 0.3s ease, transform 0.3s ease;
    pointer-events: none; /* Prevents interaction when hidden */
    z-index: 9;
    opacity: 1;
    transform: translateX(50%);
    width: auto;
    animation: bounce-tooltip 1.5s infinite;
    height: auto;
  }

  .wrap-video-js:not(.is-playing) .tooltip-video {
    display: none;
  }
  
  .wrap-video-js .tooltip-video::after {
    content: '';
    position: absolute;
    top: -11px;
    left: 50%;
    transform: translateX(-50%);
    border-width: 6px;
    border-style: solid;
    border-color: transparent transparent #333 transparent;
  }

  @keyframes bounce-tooltip {
    0%, 100% {
      transform: translateX(50%) translateY(0); /* Starting and ending position */
    }
    50% {
      transform: translateX(50%) translateY(-20px); /* Move up */
    }
  }
  

  
  @media screen and (max-width: 782px) {
    .wrap-video-js .tooltip-video {
        font-size: 10px;
        right: 0;
        margin-right: 90px;
        width: 180px;
    }

    .wrap-video-js .tooltip-video:after {
    left: auto;
    }
  }


.mf-input-wrapper input[type=text],
.mf-input-wrapper input[type=tel],
.mf-input-wrapper input[type=email],
.mf-input-wrapper input[type=password],
.mf-input-wrapper textarea {
    background: #fff;
    border: 1px solid #c4c4c4;
}


.timer-container {
    background: #ff4757;
    background: #dab77e;
    background: #FFF;
    border: 1px solid #dab77e;
    color: white;
    padding: 20px;
    border-radius: 10px;
    font-size: 20px;
    font-weight: bold;
    margin: 0 auto 30px;
    width: 100%;
    text-align: center;
    display: flex;
    justify-content: space-between;
    color: #7a7a7a;
    margin-bottom: -10px;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
}

.timer-container >span {
    color: #111112;
}

@media screen and (max-width: 782px) {
    .timer-container {
        font-size: 16px;
    }
}

.course-price.course-price-initial-price > span {
    text-decoration: line-through;
}

.course-price.course-price-initial-price > sup {
    background: #FF956B;
    display: inline-flex;
    width: 60px;
    height: 60px;
    border-radius: 50%;
    color: #FFF;
    align-items: center;
    justify-content: center;
    top: -3px;
}

body.page-id-18588 .reactheme-breadcrumbs {
    display: none !important;
}


.slider-reviews-home .review-rating {
    display: none;
}

.slider-reviews-home .single--item {
    text-align: center;
    border: none !important;
    background: transparent !important;
}

.slider-reviews-home .slider-inner-wrapper .rt--slider.slider-style1 .single--item .content--box {
    justify-content: center;
}