/*!
 * Theme Name: 		   astra-child
 * Text Domain: 	   astra
 * Template:           astra
 * Version:            3.4.1
 * Tested up to:       6.1.1
 * Requires at least:  5.6
 * Requires PHP:       7.2
 * Author:             Code Calibre Team
 * Author URI:         https://codecalibre.com/
 * Theme URI:          https://codecalibre.com/
 * Description:        astra-child is the perfect theme for your project. There is any issue or new funtionality, visit: https://codecalibre.com/
 */

/* -------- HOME PAGE CSS STARTS HERE --------*/

/* -------- HEADER CSS STARTS HERE --------*/
.site-branding.ast-site-identity img {
    height: 40px;
    width: auto;
}

.site-branding.ast-site-identity {
    padding: 8px 0;
}

.ast-primary-header-bar {
    border: 0;
}

ul#ast-hf-menu-1 a.menu-link:before {
    content: '';
    position: absolute;
    height: 2px;
    width: 100%;
    transition: .2s all ease-in-out;
    background: #ff3a32;
    bottom: 0;
    left: -100%;
}

a.menu-link {
    line-height: 18px;
    padding: 8px 0px !important;
    position: relative;
}

ul#ast-hf-menu-1 li {
    overflow-x: hidden;
}

ul#ast-hf-menu-1 {
    gap: 20px;
}

ul#ast-hf-menu-1 li:hover a:before,
ul#ast-hf-menu-1 li.current-menu-item a:before {
    left: 0;
}

ul#ast-hf-menu-1 li:hover a,
ul#ast-hf-menu-1 li.current-menu-item a {
    color: #ff3a32;
}

/* footer  */
#block-28 ul li a {
    color: #1e293b !important;
}

#block-28 ul li a:hover {
    color: #ff3a32 !important;
}

li#menu-item-23 a {
    font-weight: 600;
    padding: 8px 30px !important;
    background: #ff3a32;
    border-radius: 18px;
    color: #fff;
    border: 2px solid #ff3a32;
    transition: .2s all ease-in-out;
}

li#menu-item-23:hover a {
    background: transparent;
    color: #024d84;
}

/* -------- HEADER CSS ENDS HERE --------*/

/* -------- FOOTER CSS STARTS HERE --------*/

.site-footer-above-section-2.site-footer-section.site-footer-section-2 {
    margin-top: 75px !important;
}

.site-footer-above-section-3.site-footer-section.site-footer-section-3 {
    margin-top: 75px !important;
}

.site-footer-above-section-4.site-footer-section.site-footer-section-4 {
    margin-top: 75px !important;
}
#i32n {
    color: #162466;
    border-radius: 0px 6px 6px 0px !important;
}
input#esfpx_email_0fe74ada6116e {
    border-radius: 6px;
}
.gjs-cell::after {
    content: url(/wp-content/uploads/2024/03/right-1.png);
    position: absolute;
    top: 59%;
    right: 27px;
    transform: translateY(-50%);
    cursor: pointer;
}

/* .wp-block-separator.has-alpha-channel-opacity {
	background:#FF3B33;
} */

.es-form-field-container {
    position: relative;
}

.gjs-cell {
    position: absolute;
    top: 0px;
    right: 0px;
}

.gjs-cell>input[type=text] {
    padding: 0px;
}

#block-52 {
    margin-top: -15px;
}

#block-19 {
    margin-top: -15px;
}

#block-24 {
    margin-top: -15px;
}

#block-25 {
    margin-top: -15px;
}

.footer-n>.gjs-cell:input[type=submit] {
    padding: 12px !important;
}

.ast-builder-grid-row-container-inner {
    padding-top: 25px;

}

.site-above-footer-wrap[data-section="section-above-footer-builder"] .ast-builder-grid-row,
.site-above-footer-wrap[data-section="section-above-footer-builder"] .site-footer-section {
    padding-top: 50px;

}

.widget-title,
.widget .wp-block-heading {
    color: #162466 !important;
}

.site-primary-footer-wrap {
    padding-top: 0px;
    padding-bottom: 15px;
    background-color: #FFF;
}

.site-above-footer-wrap[data-section="section-above-footer-builder"] {
    background-color: #fff;
    background-image: url('/wp-content/uploads/2024/03/bg-1-1.png');
    background-repeat: no-repeat;
    background-size: cover;
    min-height: 60px;
}

.ast-footer-social-1-wrap .ast-builder-social-element svg {
    color: #162466
}

hr {
    background-color: #FF3B33;
    height: 2px;

}

.wp-block-separator:not(.is-style-wide):not(.is-style-dots) {
    margin-top: -15px;
    width: 65%;
    margin-left: 0px;

}

/* -------- HOME PAGE CSS ENDS HERE --------*/


div#price,
div#web {
    border-radius: 20px;
}

div#web:hover,
div#price:hover {
    transform: translateY(-12px);
}

div#price:hover {
    background: #FF3B33;
}

div#divider_D:hover {
    color: white !important;
}

/*  */
/* Day mode styles */
/* body {
    background-color: #fff;
    color: #333;
} */

/* Night mode styles */
/* body.night-mode {
    background-color: #000;
    color: #fff;
} */
label.switch input[type="checkbox"] {
    display: none;
}

/*  */
div#price:hover .our_price,
div#price:hover h2,
div#price:hover ul li span {

    color: white;
}

div#price:hover .Button_register .elementor-button {
    background: #162466;
    color: white;
    margin-top: -100px;
}

.Button_register {
    position: absolute;
    left: 0;
    bottom: -10px;
    width: 100%;
    text-align: center;
    border: 0px;
}

/* blog section*/

.display-posts-listing {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 30px;
    list-style: none;
}

li.listing-item {
    display: flex;
    flex-direction: column;
    box-shadow: 0 0 10px 0px rgba(1, 1, 10, 0.1);
    overflow: hidden;
    height: 330px;
}

span.excerpt-dash {
    display: none;
}

a.image img {
    display: block;
    height: 200px;
    object-fit: cover;
}

a.title {
    background: #fff;
    font-size: 22px !important;
    font-weight: 700px !important;
    color: #162466;
    text-decoration: none;
    padding-top: 10px;
    padding-right: 15px;
    padding-bottom: 10px;
    padding-left: 15px;
    text-decoration: none !important;
    border-top: 5px solid red;
}

span.excerpt {
    padding-right: 15px;
    padding-bottom: 5px;
    padding-left: 15px;
    background: #fff;
}

li.listing-item:hover a.title {
    margin-top: -135px;
}

span.date {
    padding-right: 15px;
    padding-bottom: 20px;
    padding-left: 15px;
    background: #fff;

}

/* product / shop page css */
/* .ast-button-wrap .menu-toggle.main-header-menu-toggle */
.menu-toggle .main-header-menu-toggle .ast-mobile-menu-trigger-minimal {
    background-color: none !important;
}

#post-843 button,
#post-844 button,
#product-855 button {
    background-color: #ff3a32 !important;
}

/* button,
.add_to_cart_button,
a.checkout-button {
    background-color: #ff3a32;
} */

a.button.product_type_simple.add_to_cart_button.ajax_add_to_cart {
    background: #ff3a32 !important;
    padding: 9px 15px !important;
}

ul.products.columns-4 li.pmpro-has-access {
    border: 1px solid #000;
    border-radius: 6px;
    padding: 10px 25px;
}

.pmpro_content_message {
    margin: auto;
    max-width: 500px;
    padding: 50px;
    text-align: center;
}

/* contact us page css */
#contact_form_page input {
    border-radius: 8px;
    padding: 16px 16px;
    margin: 7px auto;
    font-weight: 500;
    font-size: 14px;
}

.wpcf7 .wpcf7-not-valid-tip {
    margin-bottom: 12px !important;
    margin-top: 0px !important;
}

#contact_form_page .wpcf7 textarea.wpcf7-form-control {
    padding: 12px 16px;
    height: 120px;
    border-radius: 8px;
}

#contact_form_page input.wpcf7-form-control.wpcf7-submit {
    font-weight: 600;
    padding: 12px 30px !important;
    background: #ff3a32;
    border-radius: 18px;
    color: #fff;
    border: 2px solid #ff3a32;
    transition: .2s all ease-in-out;
}

#contact_form_page input.wpcf7-form-control.wpcf7-submit:hover {
    background: transparent;
    color: #024d84;
}

/* singel page css */
.ast-page-builder-template.single-post .site-content>.ast-container {
    max-width: 1278px !important;
    width: 100%;
    padding: 50px 20px;
}

#secondary {
    margin: 4em 0 2.5em;
    display: flex;
    justify-content: end;
    max-width: 520px;
    width: 100%;
}

.sidebar-main {
    border-left: 2px solid #334155;
    padding-left: 10px;
}

/* Add more styles as needed for responsive design */
/* Media query for screens with a maximum width of 768 pixels */
@media screen and (max-width: 922px) {
    .ast-page-builder-template.single-post .site-content>.ast-container {
        padding: 40px 15px 0px 15px;
    }

    #secondary {
        margin: 2em 0rem;
        display: block !important;
    }

    .sidebar-main {
        border-left: 0px;
        padding-left: 0px;
    }
}

@media screen and (max-width: 768px) {
    .display-posts-listing {
        display: block !important;
    }

    li.listing-item {
        margin-bottom: 30px;
    }
    .site-footer-above-section-2.site-footer-section.site-footer-section-2 {
        margin-top: 0px !important;
    }

    .site-footer-above-section-3.site-footer-section.site-footer-section-3 {
        margin-top: 0px !important;
    }

    .site-footer-above-section-4.site-footer-section.site-footer-section-4 {
        margin-top: 0px !important;
    }

    .site-above-footer-wrap[data-section="section-above-footer-builder"] .ast-builder-grid-row,
    .site-above-footer-wrap[data-section="section-above-footer-builder"] .site-footer-section {
        padding-top: 40px;

    }

    a.button.product_type_simple.add_to_cart_button.ajax_add_to_cart {
        padding: 7px 7px !important;
        font-size: 12px;
    }

    .woocommerce ul.products,
    .woocommerce-page ul.products {
        display: grid;
        column-gap: 12px;
    }

    ul.products.columns-4 li.pmpro-has-access {
        padding: 9px 9px;
    }
}