/**
 * Theme Name:     Hello Elementor Child
 * Author:         Elementor Team
 * Template:       hello-elementor
 * Text Domain:	   hello-elementor-child
 * Description:    Hello Elementor is a lightweight and minimalist WordPress theme that was built specifically to work seamlessly with the Elementor site builder plugin. The theme is free, open-source, and designed for users who want a flexible, easy-to-use, and customizable website. The theme, which is optimized for performance, provides a solid foundation for users to build their own unique designs using the Elementor drag-and-drop site builder. Its simplicity and flexibility make it a great choice for both beginners and experienced Web Creators.
 */


 .custom-notification {
    position: fixed;
    top: 20px;
    right: 20px;
    padding: 15px 25px;
    background: #97C646;
    color: white;
    border-radius: 4px;
    box-shadow: 0 4px 12px rgba(0,0,0,0.15);
    z-index: 999999;
    display: flex;
    align-items: center;
    gap: 12px;
    max-width: 400px;
    transform: translateY(-100px);
    opacity: 0;
    transition: all 0.3s ease;
}

.custom-notification.show {
    transform: translateY(0);
    opacity: 1;
}

.custom-notification.error { background: #F44336; }
.custom-notification.warning { background: #FF9800; }
.custom-notification.info { background: #2196F3; }
.custom-notification.success { background: #97C646; }

.notification-icon { font-size: 20px; }
.notification-message { flex: 1; font-size: 14px; }
.notification-close { cursor: pointer; margin-left: 10px; }

.survey_button {
    padding: 20px;
    background-color: #DCDFF3;
    border-radius: 8px;
    border: 1px solid #CCD9E2;
    position: relative;
    margin-top: 20px;
}

.survey_button p {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: center;
    gap: 20px;
    font-family: Avenir LT Std;
    font-weight: 700;
    font-size: 16px;
    line-height: 24px;
    vertical-align: middle;
    color: #0C2C41;
    text-align: center;
}

button#leave-feedback-btn {
    display: flex;
    gap: 10px;
    font-family: Avenir LT Std;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    text-decoration: underline;
    text-decoration-style: solid;
    color: #0C2C41;
}

/* survey form notice paragraphs */

.feedback-content, #feedbackModal .modal-content {
    background-color: white;
    margin: 3% auto;
    padding: 40px;
    width: 534px;
    border-radius: 8px;
    max-height: 80vh;
    overflow-y: auto;
}

div#field_3_1 p {
    font-weight: 400;
}

div#field_3_42 p, div#field_3_43 p, .header-info p:last-child{
    margin-bottom: 0;
}

div#field_3_42, div#field_3_42 p, div#field_3_43, div#field_3_43 p, div#field_3_10, .header-info > *{
    font-weight: 600;
    font-size: 21px;
}

.header-info, .header-info p{
   font-weight: 600 !important;
    font-size: 21px !important; 
}

input#gform_next_button_3_3, input#gform_next_button_3_19, .gform_next_button, #gform_submit_button_3, .gform-theme--framework .gf_progressbar .percentbar_blue{
    background: #122444 !important;
}

input#gform_next_button_3_3{
    width: 100% !important;
}

.gform-theme--foundation .gform_footer, .gform-theme--foundation .gform_page_footer {
    display: flex;
    flex-wrap: nowrap !important;
    flex-direction: row !important;
}

.gform_previous_button, .gform_next_button, #gform_submit_button_3{
    width: 50% !important;
}

.gform_previous_button {
    background: #DCDFF3 !important;
}

div#field_3_1 p:last-child{
    margin-bottom: 0px;
}

.arabic p {
    text-align: right;
}

legend.gfield_label.gform-field-label, label.gfield_label.gform-field-label {
    font-weight: 700;
    color: #0C2C41;
    font-size: 16px;
    line-height: 24px;
}

.gchoice.gchoice label {
    font-size: 16px;
    line-height: 21px;
    font-weight: 400;
}

p.gf_progressbar_title {
    font-size: 16px;
    color: #000 !important;
}

.gform-theme--api, .gform-theme--framework {
    --gf-form-spinner-fg-color: #122444 !important;
    --gf-form-spinner-bg-color: #122444 !important;
}

#gform_wrapper_3{
  position: relative;
}

body #gform_wrapper_3 .gform-loader {
  position: fixed; /* fixed to viewport */
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 1000;
  pointer-events: none;
}


@media only screen and (max-width: 1280px) {
  .feedback-content, 
  #feedbackModal .modal-content {
    max-height: 80vh !important;
  }
}


@media only screen and (min-width: 1024px) and (max-width: 1440px) {
  .feedback-content, 
  #feedbackModal .modal-content {
    max-height: 80vh !important;
  }
}

/* events page */

div#course-list {
    margin-top: 26px;
    display: block;
}

.course-flex input#myevent-search-input{
    border-color: #98A7A2;
    border-radius: 13px;
    font-family: Avenir LT Std;
    font-weight: 600;
    font-size: 14px;
    line-height: 18px;
    color: #98A7A2 !important;
    height: 46px;
    max-width: 312px;
}

input#myevent-search-input::placeholder {
    color: #98A7A2 !important;
}

.events-flex .find_btn button#find_my_event{
background: #23487E !important;
    color: #fff !important;
    display: flex !important;
    gap: 5px !important;
    border-color: #23487E !important;
    align-items: center !important;
    border-radius: 9px !important;
    height: 46px !important;
}

.events-flex .find_btn button#find_my_event img{
    filter: brightness(0) saturate(100%) invert(100%) sepia(8%) saturate(6605%) hue-rotate(282deg) brightness(110%) contrast(94%);
}

.filter-content ul.instructors-list {
    text-align: left;
}

/* course detail page responsive */

@media only screen and (min-width: 271px) and (max-width: 1024px) {
    .sigle_sidebar .course-info {
        position: absolute;
        top: 80px !important;
        right: 0;
    }

    .learndash-wrapper .ld-tabs {
        margin: 0 0 !important;
    }

    .learndash-wrapper .ld-tabs .ld-tabs-content .ld-tab-content{
        padding: 0 0 !important;
    }
    .ld-section-heading h2 {
        text-align: left !important;
    }

    .my-course-wrp.grid-view .my-course-img {
       height: 28vh !important;
        margin-top: 20px !important;
        object-fit: unset !important;
    }

    .course-flex .find_btn button#find_my_course{
            font-size: 13px !important;
    }
    
}

@media only screen and (min-width: 415px) and (max-width: 644px) {
.course_sidebar_includes img {
        object-fit: contain !important;
        width: 100vw !important;
        height: 100% !important;
    }

    button#leave-feedback-btn img{
        width: auto !important;
    }
    .ld-section-heading h2 {
        text-align: left !important;
    }

     .my-course-wrp.grid-view .my-course-img {
        height: 28vh !important;
        margin-top: 20px !important;
        object-fit: unset !important;
        width: 100%;
    }
/*     .my-course-wrp.grid-view span.padding.category {
        position: absolute;
        left: 50%;
        background: fixed;
        top: 5px;
    } */
    .my-event-wrp.grid-view .my-course-img {
        height: 28vh !important;
        margin-top: 20px !important;
        object-fit: unset !important;
        width: 100%;
    }
/*     .my-event-wrp.grid-view span.padding.category {
        position: absolute;
        left: 50%;
        background: fixed;
        top: 5px;
    } */

    .feedback-container {
    background-color: white;
    width: 534px;
    display: flex;
    border-radius: 8px;
    overflow: hidden;
    position: relative;
    align-content: center;
    justify-content: center;
    align-items: center;
    flex-wrap: nowrap;
}
   
}

@media only screen and (min-width: 644px) and (max-width: 1024px) {
.course_sidebar_includes img:first-child {
        object-fit: contain !important;
        width: 100vw !important;
        height: 100% !important;
    }

    button#leave-feedback-btn img{
        width: auto !important;
    }
    .ld-section-heading h2 {
        text-align: left !important;
    }
/* 
    .my-course-wrp.grid-view span.padding.category {
        position: absolute;
        left: 50% !important;
        background: fixed;
        top: 5px;
    } */

     .my-course-wrp.grid-view .my-course-img {
        height: 44vh !important;
        margin-top: 20px !important;
        object-fit: unset !important;
        width: 100%;
    }

    .my-event-wrp.grid-view span.padding.category {
        position: absolute;
        left: 42% !important;
        background: fixed;
        top: 5px;
    }

     .my-event-wrp.grid-view .my-event-img {
        height: 44vh !important;
        margin-top: 20px !important;
        object-fit: unset !important;
        width: 100%;
    }
    
   
}

@media only screen and (min-width: 1024px) {
  .sigle_sidebar .course-info {
    position: absolute;
    top: 20px !important;
    right: 0;
  }
  
}