/**
    Theme Name: Astra Child
    Author: Brainstorm Force
    Author URI: http://wpastra.com/about/
    Description: Astra is the fastest, fully customizable & beautiful theme suitable for blogs, personal portfolios and business websites. It is very lightweight (less than 50KB on frontend) and offers unparalleled speed. Built with SEO in mind, Astra comes with schema.org code integrated so search engines will love your site. Astra offers plenty of sidebar options and widget areas giving you a full control for customizations. Furthermore, we have included special features and templates so feel free to choose any of your favorite page builder plugin to create pages flexibly. Some of the other features: # WooCommerce Ready # Responsive # Compatible with major plugins # Translation Ready # Extendible with premium addons # Regularly updated # Designed, Developed, Maintained & Supported by Brainstorm Force. Looking for a perfect base theme? Look no further. Astra is fast, fully customizable and beautiful theme!
    Version: 1.0.0
    License: GNU General Public License v2 or later
    License URI: http://www.gnu.org/licenses/gpl-2.0.html
    Text Domain: astra-child
    Template: astra
    */


.page-id-2168 .site-content .ast-container,
.page-id-2172 .site-content .ast-container{max-width:100%;padding: 0 !important;  }

.course-center .elementor-widget-image-box .elementor-image-box-content{ padding:0 20px; }

.main-header-menu .sub-menu .menu-link{ padding:10px; }

.course-table-wrapper{
    max-width:100%;
    margin:auto;
    display:flex;
    flex-direction:column;
    gap:30px;
    font-family:"Poppins", Sans-serif;
}



.course-row{
    display:grid;
    grid-template-columns:120px 1fr 325px;
    align-items:center;
    gap:30px;
    background:#fff;
    padding:12px;
    border-radius:10px;
    border:1px solid rgba(255,255,255,0.08);
    color:#000;
    transition:0.3s ease;
    box-shadow:0px 0px 15px #dddddd;
}

.course-row:hover{
    transform:translateY(-4px);
    box-shadow:0px 8px 18px rgba(0,0,0,0.35);
}
.course-meta-wrap {
    display:flex;

    align-items:center;
    gap:50px;
}

.course-date{ width:135px; }
.course-thumb img{
    width:110px;height:110px;object-fit:cover;border-radius:6px;
}

.course-info h4{margin:0;font-size:24px;font-weight:600; line-height: 35px;}
.course-info small,  .course-date span{color:#000;font-size:14px;font-weight:400; line-height: 26px;}

.course-date strong{font-size:14px; font-weight:600}


.course-btn{
    display:inline-block;
    padding:9px 15px;
    background:#000;
    color:#fff;
    border:1px solid #000;
    border-radius:0;
    text-decoration:none;
    font-size:14px;
    font-weight:600;
    transition:0.3s;
}

.course-btn:hover{
    background:#000;
    color:#fff;
    border-color:#000;
}

.order_details ul.wc-item-meta{ margin-left:0; }


/* ====== SINGLE COURSE DESIGN ====== */

.single-course-main{
    padding: 40px;
    background: #ffffff;

    border-radius: 12px;
    box-shadow: 0 4px 18px rgba(0,0,0,0.08);
}

.single-course-wrapper {
    display: grid;
    grid-template-columns: 220px 1.5fr;
    gap: 40px;
    align-items: flex-start;


}

/* LEFT SECTION (IMAGE) */
.course-left img {
    width: 100%;
    height: auto;
    border-radius: 10px;
    object-fit: cover;
    box-shadow: 0 4px 12px rgba(0,0,0,0.1);
}

/* RIGHT SECTION */
.course-right .course-title {
    font-size: 32px;
    font-weight: 600;
    margin-bottom: 14px;
    color: #111;
}

.course-right .course-sub-title {
    font-size: 18px;
    font-weight: 300;


}

.course-meta p {
    font-size: 16px;
    font-weight: 400;
    color: #000;
    margin: 6px 0;
}

.course-meta strong {
    color: #000;
}

.ended-label {
    background: #FF3A3A;
    color: #fff;
    font-size: 13px;
    padding: 2px 8px;
    border-radius: 5px;
    margin-left: 6px;
}

/* PRICE */
.course-price {
    font-size: 18px;
    font-weight: 600;
    margin: 10px 0;
    color: #000;
}

/* BUTTON */
.course-btn-wrap .single_add_to_cart_button,
button#wpforms-submit-2146 {
    background: #000 !important;
    color: #fff !important;
    padding: 14px 28px !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    border-radius: 0px !important;
    transition: 0.3s ease-in-out;
    width: auto;
    text-align: center;
    text-transform: capitalize !important;


}

.course-btn-wrap {
    text-align: right;
}

.course-btn-wrap .single_add_to_cart_button:hover {
    background: #000 !important;
    transform: translateY(-2px);
}


.grid-table {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    border: 1px solid #ddd;
    width: 100%;
    border-collapse: collapse;
}

.cell {
    padding: 12px;
    border: 1px solid #ccc;
    font-size: 16px;
    text-align: center;
}

@media (max-width: 600px) {
    .grid-table {
        grid-template-columns: 1fr;
    }
}

.course-session {
    margin-top: 30px;
    padding: 25px;
    background: #f8faff;
    border-radius: 10px;
    border: 1px solid #e2e8f0;
    margin-bottom: 30px;
}

.cs-title, .cs-dates, .cs-total{text-align: center;}

.course-top-banner {
    width: 100vw;
    margin-left: calc(-50vw + 50%);
    margin-bottom: 50px;
    overflow: hidden;
    position: relative;
    margin-top: -4em;
}



.course-top-banner img {
    width: 100%;
    height: auto;
    display: block;
    border-radius: 0;
    object-fit: cover;
    height: 350px;
}

.course-top-banner:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #007991eb; /* change opacity if needed */
    z-index: 1;
}
/* Text content */
.course-top-banner .banner-content {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
    color: #fff;
    z-index: 2; /* makes sure text is above overlay */
}

.course-top-banner .banner-content h1 {
    font-size: 40px;
    margin: 0 0 8px;
    font-weight: 700;
    color: #fff;
}

.course-top-banner .banner-content p {
    margin: 0;
    font-size: 18px;
}

.course-session .grid-table {
    display: table;
    width: 100%;
    border-collapse: collapse;
    margin-top: 30px;
}
.course-session .grid-row {
    display: table-row;
}

.course-session .grid-table .cell {
    display: table-cell;
    vertical-align: middle;
    padding: 12px;
    border: 1px solid #bbaaaa;
    text-align: center;
    color: #000;
    font-size: 16px;
    font-weight: 400;
}

.course-session .grid-table .cell small {
    color: #000;
    font-size: 16px;
    font-weight: 400;
}

.cart .product-name dl.variation {
    display: flex;
}
.product-name dl.variation>*{font-size:14px !important;  }

.product-name a{font-size:15px !important;font-weight: 600 !important; color:#000 !important;  }

.woocommerce-js table.shop_table th{font-size:16px !important;color:#000 !important;}

.woocommerce-cart table.shop_table dl dt{ margin-right: 5px !important;font-weight: 600 !important;}

.woocommerce-cart table.shop_table dl dd{ margin-right: 5px !important;}

/* hide WooCommerce Update cart button */
.woocommerce-cart .actions .button[name="update_cart"],
.woocommerce .actions .button[name="update_cart"], .woocommerce .cart .actions {
    display: none !important;
}

.woocommerce-cart .wc-proceed-to-checkout a.checkout-button{background: #000;
    border-radius: 0;
    padding: 12px 15px;
    text-transform: capitalize;
    font-size: 16px; 
}





/*Checkout*/

#customer_details h3:not(.elementor-widget-woocommerce-checkout-page h3){
    padding-top: 0;
}

.woocommerce-js form .form-row label{     
    font-weight: 300;    
    font-size: 14px;
    color: #000;

    letter-spacing: 0.07em;
    text-transform: capitalize;
}

.woocommerce-page.woocommerce-checkout form #order_review td.product-name{
    display: block;
    font-weight:600;
}
#billing_late_booking_notice_field *{font-weight: 600; line-height:20px; font-size:12px; }

#billing_late_booking_notice_field{ margin-bottom:50px; }

.woocommerce-page.woocommerce-checkout strong.product-quantity{ display:none; }

.woocommerce-page.woocommerce-checkout .product-name dl.variation dt{ font-weight:600; }
.woocommerce-message, .woocommerce-info{
    border-top-color: #38b8ff; 
}
.woocommerce-message::before, .woocommerce-info::before{
    color: #38b8ff; 
}

.button{ 
    background-color: #000 !important;
    border-color: #000 !important;
    font-weight: 400 !important; 
    border-radius: 0 !important; 
    padding: 12px 15px !important; 
    text-transform: capitalize !important; 
    font-size: 15px !important; 
    color: #fff !important 
}

p.return-to-shop, a.button.wc-forward.ast-continue-shopping,
.woocommerce-error .wc-backward,
.woocommerce-notices-wrapper a.button.wc-forward{ display:none; }

.astra-cart-drawer .astra-cart-drawer-content .woocommerce-mini-cart-item .variation{
    border: 0; padding-left: 0;
}

.astra-cart-drawer .astra-cart-drawer-content .woocommerce-mini-cart-item .variation dd{
    padding: 0; margin: 0;font-size: 14px;
}

.astra-cart-drawer .astra-cart-drawer-content .woocommerce-mini-cart-item .variation dt{
    font-weight: 600;font-size: 14px;
}

.woocommerce-js ul.cart_list li a, .woocommerce-js ul.product_list_widget li a{
    font-weight: 600; 
}




.woocommerce-page.woocommerce-checkout span.woocommerce-input-wrapper.password-input{
    position: relative;
}

.woocommerce-page.woocommerce-checkout button.show-password-input {
    position: absolute;
    right: 10px;
    top: -4px;
    display: none;
}


.woocommerce-page.woocommerce-checkout span.optional,
.woocommerce-additional-fields h3{ display:none; }
textarea#order_comments{ height:100px; }

.woocommerce-billing-fields h3, .main-address-title{ 
    font-size: 26px !important;
    font-weight: 600 !important;
    font-family: 'Poppins', sans-serif !important;
    line-height: 40px !important;
    color: #000 !important;
}


/*My Account*/

    /*.woocommerce-account .ast-container{ width: 100vw;
    margin-left: calc(-50vw + 50%);padding: 0;}*/
    .woocommerce-MyAccount-navigation-link.is-active a{ color: #fff;
        background: #000 !important; }
        .woocommerce-MyAccount-navigation-link a, .woocommerce-MyAccount-content a,
        p.woocommerce-LostPassword.lost_password a{color: #000;}

        .woocommerce-MyAccount-navigation-link a:hover{ background: #000 !important;color: #fff;}
        .woocommerce-order-details__title, .woocommerce-column__title,
        .woocommerce-Address-title h2,
        .woocommerce-MyAccount-content form h2,
        #customer_login h2{ font-size:24px; }
        button.show-password-input {display: none;}
        .ast-header-account{ padding:0; }

        .ast-builder-layout-element.site-header-focus-item.ast-header-account {
            margin-top: -4px;
        }

    h2.woocommerce-order-details__title,
    .woocommerce-customer-details h2.woocommerce-column__title{ font-size: 30px; text-transform: capitalize; }

.aboutus-page h3{ margin-bottom:0; }

.home .ht-thumb-gallery .slick-slide img{ width:60%; margin:0 auto; }
.htmega-thumbgallery-nav .small-thumb{ height:108px; }

.site-primary-footer-wrap[data-section="section-primary-footer-builder"] .ast-builder-grid-row,
.site-primary-footer-wrap[data-section="section-primary-footer-builder"] .site-footer-section{
    align-items: flex-start;
}

section#block-2, .footer-widget-area .widget{ margin-bottom:0; }

.wpforms-container input.wpforms-field-medium, .wpforms-container select.wpforms-field-medium, .wpforms-container .wpforms-field-row.wpforms-field-medium{
    max-width: 100%;
}

.wpforms-container .wpforms-field-label{ font-weight:500;color: #000; }


.footer-widget-area .widget h2{color: #fff;font-weight: 400 !important;font-size: 22px !important;text-transform: uppercase !important;  }

.footer-widget-area .widget p, .ast-builder-footer-grid-columns p{color: #fff !important;}

.footer-widget-area .widget_nav_menu li a, .footer-widget-area .wp-block-list li{color: #fff !important;     margin-bottom: 10px;}

.footer-widget-area .widget_nav_menu li a:hover{color: #000 !important;}

.ast-footer-social-1-wrap .ast-builder-social-element svg{fill: #fff;width: 24px!important; height: 24px!important;}

section#text-5 strong{ color:#000; }


.footer-widget-area .wp-block-list li {
    list-style: none;
    position: relative;
    padding-left:35px;
}

/* 1st li */
.footer-widget-area .wp-block-list li:nth-child(1)::before {
    content: "\f3c5"; /* phone */
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    position: absolute;
    left: 0;
    font-size: 24px;
    margin-right: 10px;
}

/* 2nd li */
.footer-widget-area .wp-block-list li:nth-child(2)::before {
    content: "\f095"; /* email */
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    position: absolute;
    left: 0;
    font-size: 24px;
    margin-right: 10px;
}

/* 3rd li */
.footer-widget-area .wp-block-list li:nth-child(3)::before {
    content: "\f0e0";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    position: absolute;
    left: 0;
    font-size: 24px;
    margin-right: 10px;
}








#block-5 i{ font-size:24px; }


        /* ===== RESPONSIVE ===== */

        @media(max-width:1024px){
            .single-course-wrapper {
                grid-template-columns: 1fr;
                padding: 25px;
            }
            .course-title {
                font-size: 28px;
            }

            .woocommerce table.shop_table_responsive tr td, .woocommerce-page table.shop_table_responsive tr td{
                text-align: left !important;
            }
            .product-name a{ margin-left:5px; }
            h1, .entry-content h1 {
                font-size: 40px;
            }

        }

        @media(max-width:600px){
            .single-course-wrapper {
                padding: 18px;
                gap: 20px;
            }

            .course-title {
                font-size: 24px;
            }

            .course-price {
                font-size: 24px;
            }

            .course-btn-wrap .single_add_to_cart_button {
                font-size: 15px;
                padding: 12px 20px;
            }
        }


        @media(max-width:1023px){
            .course-info h4{ font-size:20px; }
            .course-top-banner{ padding-top:20px; padding-bottom:50px; }
            .course-top-banner .banner-content{ width:90%; top:unset; bottom:0; }
            .course-top-banner .banner-content h1{ font-size:30px; }

            .course-top-banner img{ height:250px; }

        }

        @media(max-width:769.9px){
            .course-info h4{ font-size:18px; line-height:24px; }
            .course-row{ grid-template-columns:120px 1fr; }
            .course-meta-wrap {
                grid-column:1 / 3;
                display:flex;
                justify-content:space-between;
                align-items:center;
                gap:10px;
                width:100%;
            }

            .course-row {
                grid-template-columns:120px 1fr;
                grid-template-rows:auto auto auto;
            }

            /* Date + Action in one row */
            .course-date,
            .course-action {
                grid-column:unset;
            }



            .course-date {
                margin:0;
            }

            .course-action {
                margin:0;
            }
            .course-right .course-title{
                font-size: 22px; line-height: 34px;

            }
            .course-right .course-sub-title{ font-size:16px; }
            .course-session .grid-row { display: block; margin-bottom: 20px;}
            .course-session .grid-table .cell{ display:block; }
            .course-session .grid-table{ border:0; }
            .single-course-main{ padding:0; }
            .course-btn-wrap {text-align: center; padding-bottom: 20px;}

        }


        /* ------- MOBILE: ≤500px ------- */
        @media(max-width:500px){

            .course-meta-wrap{ display:block; }

            .course-row{
                display:block;
                padding:18px;
                text-align:left;
            }

            .course-thumb{
                width:100%;
                text-align:center;
                margin-bottom:15px;
            }

            .course-thumb img{
                width:100%;
                max-width:260px;
                height:auto;
                border-radius:8px;
            }

            .course-info{
                width:100%;
                margin-bottom:12px;
            }

            .course-info h4{
                font-size:18px;
                line-height:26px;
                margin-bottom:6px;
            }

            .course-date{
                width:100%;
                margin-bottom:15px;
                font-size:14px;
            }

            .course-date span{
                display:block;
            }
            span.woocommerce-Price-amount.amount bdi{ display:flex; }

            .course-action{
                width:100%;
                text-align:center;
            }

            .course-btn{
                display:block;
                width:100%;
                padding:12px 16px;
                text-align:center;
                font-size:16px;
                border-radius:6px;
            }
            .course-date br{ display:none; }
            .product-name dl.variation{ display:block; }
            .course-top-banner .banner-content h1 {   font-size: 18px;    }
            .course-top-banner .banner-content p{ font-size:16px; }
            .course-session{ margin-top:0; }

            .wpforms-container .wpforms-first,
            .wpforms-container .wpforms-one-half{ width:100%; }
            .wpforms-container .wpforms-one-half{ margin-left:0; margin-top:10px; }
            .ast-footer-social-1-wrap {   margin-top: 15px;   margin-bottom: 15px; }

            .footer-widget-area .widget,
            [data-section="section-fb-social-icons-1"] .footer-social-inner-wrap{ text-align:left; }
            .site-primary-footer-wrap[data-section="section-primary-footer-builder"]{padding-left: 20px;padding-right: 20px;padding-top: 30px;}
            .site-footer-primary-section-4.site-footer-section.site-footer-section-4 {margin-top: 20px;}
            .site-primary-footer-wrap{ padding-bottom:5px; }
            .footer-widget-area .wp-block-list{ margin-top:20px; }
            .footer-widget-area .wp-block-list li{ margin-bottom:10px; }
            .footer-widget-area .widget h2{    font-size: 18px !important;}
            .ast-footer-copyright, .footer-widget-area[data-section="section-fb-html-1"] .ast-builder-html-element {text-align: left;}
            .footer-widget-area .wp-block-list li:nth-child(1)::before,
            .footer-widget-area .wp-block-list li:nth-child(2)::before,
            .footer-widget-area .wp-block-list li:nth-child(3)::before{ font-size:18px; }
            .myTestimonials{ padding:0 0 20px 0; }
        }