/*
Theme Name:   storefront-child
Template:     storefront
*/


/*home-page*/
.banner-section{
    overflow:hidden;
}
.banner-positon-box {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-30%,-50%);
}

.banner-img {
    position: relative;
}
.box .elementor-widget-wrap.elementor-element-populated {
    width: 300px !important;
    height: 300px!important;
    }
.box2{
    justify-content:center;
}
.box2 .elementor-element-populated {
    width: 420px;
    height: 420px;
    border-radius: 50% !important;
}
.home-products li.product{
    margin-bottom:40px !important;
}
a.button.wp-element-button.product_type_simple.add_to_cart_button.ajax_add_to_cart {
    width: 202px;
    margin: 0 auto !important;
}
/*blog-page*/

.blog-banner {
    /* text-align: center; */
    display: flex;
    align-items: center;
    justify-content: center;
}
.blog-banner h1{
    font size: 40px;
    font-weight: bold;
    line-heght: 44px;
    color:#fff;
}
.blog-outer.row {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    max-width: 66.4989378333em;
    margin-left: auto;
    margin-right: auto;
    padding: 0 2.617924em;
    box-sizing: content-box;
    margin: 0px auto 0px auto;
}
.blog-outer.row .col-md-6 {
    width: calc(50% - 40px);
}
.blog-outer.row .col-md-6 a img {
    width: 100%;
    margin-bottom: 20px;
}
.blog-outer.row .col-md-6 h2 a {
    font-size: 20px;
    font-weight: 700 !important;
    line-height: 24px;
    color:#000;
}
.blog-outer.row .col-md-6 p {
    font-size: 16px;
    line-height: 21px;
    color: #A0A0A0;
}
.page-id-452 .storefront-breadcrumb, .single-post .storefront-breadcrumb{
 display:none;   
}
.page-id-452 .col-full, .single-post .col-full{
    max-width: 100%;
    padding: 0;
}
.single-post .post-content-box{
    max-width: 66.4989378333em;
    margin-left: auto;
    margin-right: auto;
    padding: 0 2.617924em;
    box-sizing: content-box;
     margin: 35px auto 96px auto;
}
.single-post .post-thumbnail img {
    width: 100%;
    max-width: 1170px;
    height: 427px;
    object-fit: cover;
    margin: 0 auto;
}
.single-post .post-content-box h1{
    font-size: 40px;
    font-weight: bold;
    line-heght: 44px;  
     text-align: center;
}
.post-content-box p {
    font-size: 16px;
    font-weight: 400;
    line-height: 21px;
    color: #000;
    text-align: center;
}
/*media-query*/

@media only screen and (max-width: 1024px) {
 .box .elementor-widget-wrap.elementor-element-populated {
    width: 250px !important;
    height: 250px!important;
}
.box {
    justify-content: center;
}
.box2 .elementor-element-populated {
    width: 280px;
    height: 280px;
    border-radius: 50% !important;
    justify-content: center;
}
}