/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme-child/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 2.0.0
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/* Add your custom styles here */

/*- Course Button -*/
.wp-block-button.is-style-outline.course-btn a {
    border-bottom: 2px solid #1C375B !important;
    text-transform: uppercase;
}
.wp-block-button.is-style-outline.course-btn a:hover {
	background: #1C375B;
	color: #fff;
	border-top: 2px solid #1C375B;
}
/*- New Mega Menu -*/
#menubar-219 ul > li a.e-n-menu-title-text {
    font-weight: 400;
}
#login-popup .e-n-menu-title-text {
    font-weight: 600;
}
body:not(.logged-in) .e-n-menu-item:has(#logout-btn), 
body:not(.logged-in) .e-n-menu-item:has(#account),
body.logged-in .e-n-menu-item:has(#login-popup), 
body.logged-in .e-n-menu-item:has(#sign-up),
#logout-btn a.ld-button .ld-icon {
	display: none !important;
}
#logout-btn a.ld-button {
    background-color: #fff !important;
    color: #1C375B !important;
    font-family: "Inter", Sans-serif;
    font-weight: 400;
    font-size: 14px;
	padding: 0 !important;
}
body.logged-in #account {
    margin-right: 0;
}
#menubar-219 .e-n-menu-heading {
    align-items: center;
}
body.logged-in #account a span, body:not(.logged-in) #sign-up a span {
    background-color: #1c375b;
    color: #fff;
    border: 2px solid #1c375b;
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 13px;
    padding-bottom: 13px;
    text-transform: uppercase;
    font-size: 12px;
}
body.logged-in #account a:hover span, body:not(.logged-in) #sign-up a:hover span {
    background-color: #fff;
    color: #1c375b;
}
/*- END - New Mega Menu -*/

/*- Elementor Button in LearnDash Content -*/
.learndash-wrapper a.elementor-button {
    border-bottom: 2px solid #1C375B !important;
}
/*- END - Elementor Button in LearnDash Content -*/

/*- Tab Filter (Homepage) -*/
.course_filter_byClass .elementor-tabs-wrapper {
    display: flex;
    gap: 8px;
}
.course_filter_byClass .elementor-tab-title {
    border: 2px solid #1C375B !important;
    padding: 12px 20px !important;
}
.course_filter_byClass .elementor-tab-title[aria-selected="true"] {
    background: #1C375B;
    color: #fff;
}
@media only screen and (max-width: 768px) {
.course_filter_byClass .elementor-tabs-content-wrapper .elementor-tab-title {
	margin-bottom: 8px
}}

/*- LearnDash Custom Button -*/
.lms_status, .lms_rgsr_btn a {
    display: block;
	text-align: center;
    font-size: 13px;
    padding: 1em;
    border-radius: 30px;
}
.lms_status {
	background: #f1f1f1;
}
.lms_rgsr_btn a {
    background: #1C375B;
    color: #fff;
}
.lms_rgsr_btn a:hover {
    opacity: 0.85;
	color: #fff;
}
.lms_rgsr_btn, .lms_action_btn .btn-join {
	margin-top: 20px !important;
}
/*- END-LearnDash Custom Button -*/

/*- LearnDash Grid Course List Shortcode **/
#course-list-shortcode #ld_course_categorydropdown {
    margin-bottom: 30px;
    width: fit-content;
}
#course-list-shortcode #ld_course_categorydropdown label {
    margin-bottom: 5px;
}
#course-list-shortcode .ld-course-list-content h3.entry-title {
    font-size: 20px;
}
#course-list-shortcode .ld-course-list-content .entry-content {
    font-size: 14px !important;
}
#course-list-shortcode .ld-course-list-content .ld_course_grid_button a.btn {
    padding: 12px;
    border-radius: 0;
    background-color: #1c375b;
    border-color: #1c375b;
}
#course-list-shortcode .ld-course-list-content .ld_course_grid_button a.btn:hover { 
   opacity: 0.8;
}
#course-list-shortcode .ld-course-list-content .caption {
    padding: 25px 20px 15px !important;
}
#course-list-shortcode .ld-course-list-content .ld-course-list-items .ld_course_grid .thumbnail.course .ribbon.enrolled {
    background-color: #1c375b;
}
#course-list-shortcode .ld-course-list-content .ld-course-list-items .ld_course_grid .thumbnail.course .ribbon.enrolled::before {
    border-top-color: #1c375b;
    border-right-color: #1c375b;
}
/*- Popup */
.login-popup-logo a:focus, .login-popup-logo a:focus-visible,
.login-popup-logo img:focus, .login-popup-logo img:focus-visible {
	outline: none;
} 

/*- HEADER NAV -*/
#header_nav ul:not(.sub-menu) > li:last-child a {
    background-color: #1c375b;
    color: #fff;
    border: 2px solid #1c375b;
    padding-left: 15px;
    padding-right: 15px;
    text-transform: uppercase;
    font-size: 12px;
}
#header_nav ul:not(.sub-menu) > li:last-child a:hover {
    background-color: #fff;
    color: #1c375b;
}
#header_nav ul:not(.sub-menu) > li:last-child a::after {
   display: none;
}
/*- END - HEADER NAV -*/

/*- LOGIN POPUP BUTTON -*/
#login-popup span {
    cursor: pointer;
}
/*- END-LOGIN POPUP BUTTON -*/

/*- STATS COUNTER BETWEEN SPACE -*/
.home-stats-count .elementor-counter .elementor-counter-title {
    margin-top: 10px;
}
/*- END-STATS COUNTER BETWEEN SPACE -*/

/*-- COURSES GRID VIEW --*/
.course-gridview .caption {
    padding: 25px 20px 15px !important;
}
.course-gridview .caption .entry-content {
    margin-bottom: 15px;
}
.course-gridview h3.entry-title {
    font-size: 20px;
}
.course-gridview .entry-content {
    font-size: 14px !important;
}
.course-gridview .ld_course_grid_button a.btn {
    padding: 12px;
    border-radius: 0;
    background-color: #1c375b;
    border-color: #1c375b;   
}
.course-gridview .ld_course_grid_button a.btn:hover {
    background-color: #1c375b;
    border-color: #1c375b;
    opacity: 0.8;
}
.course-gridview .ld-course-list-items .ld_course_grid .thumbnail.course .ribbon.enrolled {
    background-color: #1c375b;
}
.course-gridview .ld-course-list-items .ld_course_grid .thumbnail.course .ribbon.enrolled::before {
    border-top-color: #1c375b;
    border-right-color: #1c375b;
    color: #fff;
}
.course-gridview #ld_course_categorydropdown {
    margin-bottom: 15px;
    max-width: 250px;
    width: 100%;
}
.course-gridview #ld_course_categorydropdown label {
    margin-bottom: 10px;
}
/*-- END - COURSES GRID VIEW --*/

/*- LearnDash Lesson -*/
.sfwd-lessons-template-default .learndash-wrapper .learndash_mark_complete_button,
.sfwd-topic-template-default .learndash-wrapper .learndash_mark_complete_button {
    padding: 12px 20px;
    font-size: 11px;
}
.sfwd-lessons-template-default .learndash-wrapper .ld-focus .ld-focus-header .sfwd-mark-complete .learndash_mark_complete_button,
.sfwd-lessons-template-default .learndash-wrapper .ld-focus .ld-focus-header .sfwd-mark-complete:after,
.sfwd-topic-template-default .learndash-wrapper .ld-focus .ld-focus-header .sfwd-mark-complete .learndash_mark_complete_button,
.sfwd-topic-template-default .learndash-wrapper .ld-focus .ld-focus-header .sfwd-mark-complete:after {
    color: #1c375b;
}
.sfwd-lessons-template-default .ld-focus-content .learndash-wrapper .ld-button:hover,
.sfwd-topic-template-default .ld-focus-content .learndash-wrapper .ld-button:hover {
    color: #fff;
}
@media only screen and (min-width: 769px) {
.sfwd-lessons-template-default .learndash-wrapper .ld-focus-header,
.sfwd-topic-template-default .learndash-wrapper .ld-focus-header {
    height: 80px;
}    
.sfwd-lessons-template-default .learndash-wrapper .ld-focus-sidebar,
.sfwd-topic-template-default .learndash-wrapper .ld-focus-sidebar {
    padding-top: 80px;
}}

@media only screen and (max-width: 768px) {
.sfwd-lessons-template-default .learndash-wrapper .ld-focus .ld-focus-header .sfwd-mark-complete,
.sfwd-topic-template-default .learndash-wrapper .ld-focus .ld-focus-header .sfwd-mark-complete {
    margin: 0;
}}
/*- END-LearnDash Lesson -*/

/*- WOOCommerece -*/
#account-info .woocommerce-MyAccount-content .woocommerce-info .button, 
#cart-info .return-to-shop .button,
.product-template-default .e-woocommerce-notices-wrapper .button,
.woocommerce .woocommerce-notices-wrapper .woocommerce-message .button,
.woocommerce .woocommerce-notices-wrapper .woocommerce-error .button {
    font-size: 13px;
    padding: 15px 30px;
    color: #1C375B;
    background-color: transparent;
    border: 2px solid #1C375B;
    text-transform: uppercase;
    border-radius: 0;
}
#account-info .woocommerce-info, #cart-info .woocommerce-info,
.woocommerce .woocommerce-notices-wrapper .woocommerce-message {
    border-top-color: #1C375B;
}
#account-info .woocommerce-MyAccount-content .woocommerce-info .button:hover, 
#cart-info .return-to-shop .button:hover,
.product-template-default .e-woocommerce-notices-wrapper .button:hover,
.woocommerce .woocommerce-notices-wrapper .woocommerce-message .button:hover,
.woocommerce .woocommerce-notices-wrapper .woocommerce-error .button:hover {
    color: #fff;
    background-color: #1C375B;
}
#account-info .woocommerce-MyAccount-content .woocommerce-Address h3 {
    margin-bottom: 20px;
    font-size: 28px;
}
#account-info .woocommerce .woocommerce-ResetPassword {
    margin: auto;
}
#account-info .e-my-account-tab h2 {
    font-weight: 800;
    margin-bottom: 20px;
}
#checkout-order a {
    text-decoration: underline;
    text-underline-offset: 5px;
}
.woocommerce-MyAccount-orders.account-orders-table a.woocommerce-button.button.view:hover {
    color: #fff;
}
@media only screen and (max-width: 980px) {
.product-template-default .e-woocommerce-notices-wrapper .woocommerce-error li {
    display: flex;
    flex-direction: column-reverse;
}
.product-template-default .e-woocommerce-notices-wrapper .button {
   margin-top: 5px;    
   text-align: center;
   width: 100%;
   max-width: 150px;   
}}
@media only screen and (max-width: 768px) {
#account-info .woocommerce-MyAccount-content .col-1.woocommerce-Address {
   margin-bottom: 20px;
}}
@media only screen and (max-width: 580px) {
.woocommerce .woocommerce-notices-wrapper .woocommerce-message li,
.woocommerce .woocommerce-notices-wrapper .woocommerce-error li {
    display: flex;
    flex-direction: column-reverse;    
}
.woocommerce .woocommerce-notices-wrapper .woocommerce-message .button,
.woocommerce .woocommerce-notices-wrapper .woocommerce-error .button {
   margin-top: 5px;    
   text-align: center;
   width: 100%;
   max-width: 150px; 
}
#account-info .woocommerce-MyAccount-content .woocommerce-info .button {
   float: unset;
   margin-top: 5px;
}
#account-info .woocommerce-EditAccountForm .form-row-first, 
#account-info .woocommerce-EditAccountForm .form-row-last {
    width: 100%;
    float: inherit;
}}
/*- END- WOOCommerece -*/

/*- SIGN UP FORM -*/
.forminator-ui#forminator-module-912.forminator-design--default .forminator-button-submit {
    padding: 12px 30px;
    border: 2px solid #1c375b;
}
.forminator-ui#forminator-module-912.forminator-design--default .forminator-button-submit:hover {
    box-shadow: none;
}
/*- END - SIGN UP FORM -*/

/*- LOGIN -*/
.elementor-login.elementor-login__logged-in-message {
    text-align: center;
}
/*- END - LOGIN -*/