/*

Theme Name: Maha Marketing

Theme URI: https://mahamarketing.ai/

Description: Maha Marketing Child Theme

Author: Ashraf Uddin

Author URI: https://wordpressdevservice.com/

Template: hello-elementor

Version: 1.0

Text Domain: webpoler-child

*/



@import url('https://fonts.googleapis.com/css2?family=Josefin+Sans:wght@100..700&family=Open+Sans:ital,wght@0,300..800;1,300..800&display=swap');





/*

Deep Navy: #0B2D4F (primary text)





Forest Green: #0E8555 (CTA / accents)





Leaf Green: #5CBF8E (badges, highlights)





Bright Red: #E31B23 (patriotic accent)





Sand/Cream: #FFF9F3 (background sections)





Charcoal: #1F2937 (footer/overlays)

*/



:root {

    --primary-color: #0B2D4F;

    --fg-color: #0E8555;

    --lg-color: #5CBF8E;

    --br-color: #E31B23;

    --sc-color: #FFF9F3;

    --cc-color: #1F2937;

    --hover: #0B2D4F;

    --black: #000;

    --light-black: #444;

    --white: #fff;

    --light-gray: #f6f6f6;

    --semi-light-gray: #eee;

    --dark-gray: #bbb;

    --font-family: "Josefin Sans", sans-serif;

    --font-family-body: "Open Sans", sans-serif;

    --font-size: 16px;

    --line-height: 1.5;

}



body {

    font-family: var(--font-family) !important;

    font-size: var(--font-size);

    line-height: var(--line-height);

    color: var(--black);

    background-color: var(--white);

}



h1,

h2,

h3,

h4,

h5,

h6 {

    font-family: var(--font-family);

    margin: 0 !important;

    padding: 0 !important;

    font-weight: 700;

}



a,

a:hover,

a:focus {

     color: var(--black); 

    text-decoration: none;

    font-family: var(--font-family);

}



ul,

ol {

    /* list-style: none; */

    margin: 0;

    padding: 0;

    padding-left: 15px;

    font-family: var(--font-family);

    li{
        margin-bottom: 10px;
    }
}



img {

    max-width: 100%;

    height: auto;

}



p {

    margin-bottom: 0px;

}



button {

    cursor: pointer;

}


/* Menu
================== */
.hfe-nav-menu {

    .hfe-button-wrapper{
        margin-inline-start: 20px;
    }
}

/* Featured Product Button
================== */
#featured_product_btn{
    display: block;
}


/* Contact Form
================== */
#wpcf7-f248-p14-o1 {

    form{
        display: flex;
        justify-content:center;

        p{
            width: 80%;

            label{
                margin-bottom: -10px;
                font-weight: 700;
                font-family: var(--font-family);
                color: #0E435A;
                font-size: 18px;
            }

            .form_control{
                display: block !important;
                visibility: visible !important;
                width: 370px;
                max-width: 370px;
                padding: 16px 20px;
                margin: 0;
                border: 1.5px solid #e6e8eb;
                border-radius: 50px;
                font-size: 17px;
                line-height: 1.4;
                background-color: #fff;
                color: #0E435A;
                box-sizing: border-box;
                transition: all 0.3s ease;

                &:focus{
                    border-color: #0E435A;
                }
            }

            .wpcf7-submit{
                background-color: #0E435A;
                color: #fff;
                padding: 16px 20px;
                display: block;
                width: 370px;
                max-width: 370px;
                border-radius: 50px;
                font-size: 18px;
                line-height: 1.4;
                font-weight: 600;
                cursor: pointer;
                transition: all 0.3s ease;
                text-align: center;

                &:hover{
                    background-color: #B3281E;
                }
            }
        }
    }
}

/* Single Blog Post 
=========================*/
.single_post {
    max-width: 800px !important;
    padding-block: 50px;

    .post-thumbnail{
        img{
            border-radius: 10px;
        }
    }

    .page-header{
        margin-block: 30px;
        line-height:58px;
        .entry-title{
            font-size: 36px;
        }
    }
}