/* 

Theme Name: Hello Elementor Child

Theme URI: https://github.com/elementor/hello-theme/

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: 1.0.1

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

*/

.loading-wrap img {
    width: 70px;
    position: absolute;
    bottom: 50%;
    left: 0;
    right: 0;
    margin: auto;
    z-index: 9;
}
.loading-wrap {
    position: absolute;
    left: 0;
    right: 0;
    text-align: center;
    height: 100%;
    /* top: 50%; */
    background-color: #ebebebe6;
}

/*

	Column Generator

------------------------------*/

.column {

	margin-bottom: 20px;

	-webkit-box-sizing: border-box;

	-moz-box-sizing: border-box;

	box-sizing: border-box;

}

.column .col-group {

	/*background-color: #f3f3f3;*/

	padding: 5px;

	display: block;

}

@media only screen and ( min-width: 1025px ) {

    .column-wrap {

        width: 1366px;

        max-width: calc( 100% + 20px );

        margin: 0 -10px;

        overflow: hidden;

    }

    .column {

        padding: 0 10px;

        float: left;

        margin: 0;

    }

    .column-wrap .one-half {

        width: 50%;

    }

    .column-wrap .one-third {

        width: 33.33%;

    }

    .column-wrap .one-fourth {

        width: 25%;

    }

    .column-wrap .one-fifth {

        width: 20%;

    }

    .column-wrap .one-sixth {

        width: 16.66%;

    }

    .column-wrap .two-thirds {

        width: 66.66%;

    }

    .column-wrap .two-fourths {

        width: 50%;

    }

    .column-wrap .three-fourths {

        width: 75%;

    }

    .column-wrap .two-fifths {

        width: 40%;

    }

    .column-wrap .three-fifths {

        width: 60%;

    }

    .column-wrap .four-fifths {

        width: 80%;

    }

    .column-wrap .two-sixths {

        width: 33.33%;

    }

    .column-wrap .three-sixths {

        width: 50%;

    }

    .column-wrap .four-sixths {

        width: 66.66%;

    }

    .column-wrap .five-sixths {

        width: 83.33%;

    }

}

/*

	Filter Styles

------------------------------*/

.post-type-archive-product .site-main {

    max-width: 1140px!important;

}

.filter-data-wrapper {

    border: 1px solid #000038;

    border-radius: 5px;

	margin-bottom: 20px;

}

.details-wrapper {

    border-left: 1px solid #dddddd;

    border-right: 1px solid #dddddd;

    padding: 15px;

}

.filter-data-wrapper .column-wrap {

	display: flex;

	justify-content: center;

	align-items: center;

	line-height: 1;

}

.details-wrapper .top-data {

    text-align: center;

    color: #ffffff;

    background-color: #001e70;

    padding: 5px;

}

.details-wrapper .limited-offer {

    font-size: 17px;

    font-weight: bold;

    color: #ff006d;

}

.feature-item {

    background-color: #edf2f5;

    padding: 10px;

    float: left;

    margin: 5px;

}

.title .exclusive {

    max-width: 150px;

    padding: 10px;

    background-color: #ff006d;

    color: #ffffff;

}

.price-wrapper {

    text-align: center;

}

.price-wrapper .price {

    font-size: 32px;

    font-weight: bold;

    color: #000038;

    margin-bottom: 5px;

}

.price-wrapper .purchase {

    font-size: 19px;

    font-weight: bold;

    padding: 12px 10px;

    background: #ff006d;

    margin-top: 10px;

    border-radius: 30px;

}

.price-wrapper .purchase-button {

    color: #ffffff!important;

}

.price-wrapper .more-info {

    font-size: 17px;

    font-weight: bold;

    margin: 8.2px 0 0 0;

    padding: 12px 10px;

    border: 1px solid #ff006d;

    border-radius: 30px;

}



.price-wrapper .info-button {

    color: #ff006d;

}

.top-data a {

    color: #ffffff!important;

}



.details-wrapper .column-wrap {

    display: block;

}

.title span {

    font-size: 16px;

    font-weight: bold;

    color: #000038;

    text-align: center;

    padding: 5px 15px;

    border: 1px solid #000038;

    margin-right: 10px;

    border-radius: 8px;

}

.search-group .bapf_body label {

    display: block!important;

    font-size: 14px;

    font-weight: normal;

    border: 1px solid #DDDDDD;

    padding: 8px 15px;

    background-color: #ffffff;

    border-radius: 3px;

    margin-bottom: 5px;

    color: #343434;

}

/*Product Archive*/

.more-info-popup{
    background-color: #ffffff;
    width: 500px;
    height: 100vh;
    right: -500px;
    position: fixed;
    transition: .3s;
    transition-timing-function: cubic-bezier(0.9,0,1,1);
    z-index: 99;
    top: 0;
    padding: 0 30px;
    align-items: center;
    box-shadow: -5px 0px 15px #e7e7e7;
}

.more-info-popup.mi-popup-open{
    display: flex !important;
    right:0;
    transition:.3s;
    transition-timing-function: cubic-bezier(0.9,0,1,1);
}

.close-popup-wrap {
    display: flex;
    justify-content: flex-end;
    position: absolute;
    top: 150px;
    z-index: 999999;
    width: 100%;
    max-width: 440px;
    height: 35px;
}

.close-popup {
    position: relative;
    width: 35px;
    height: 35px;
    display: block;
    background-color: #151d28;
    padding: 5px;
    border-radius: 100px;
}

.close-popup:hover{
    cursor: pointer;
}

.close-popup:before,
.close-popup:after{
    content: '';
    position: absolute;
    width: 21px;
    height: 5px;
    background: #ffffff;
    border-radius: 5px;
    transition: all .2s ease-in-out;
    top: 15px;
    right: 7px;
}

.close-popup:before {
    transform: rotate(45deg);
}

.close-popup:after {
    transform: rotate(-45deg);
}

.mi-content-head {
    display: flex;
    margin-bottom: 20px;
}

.mi-content-img,.mi-content-btn {
    flex-grow: 2;
}

.mi-content-btn {
    display: flex;
    justify-content: center;
    align-items: center;
}

.mi-visit-btn {
    background-color: #151d28;
    color: #ffffff !important;
    padding: 3px 15px;
    border-radius: 25px;
}

.mi-content-img img {
    width: 100px;
}

.mi-content-img {
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

.mi-content {
    padding-top: 30px;
    border-top: 1px solid #e9e9e9;
}

.mi-box {
    margin-bottom: 20px;
}

.box-buttons a {
    background-color: #d74b47;
    color: #fff !important;
    padding: 10px 20px;
    border-radius: 25px;
}

.box-buttons a:first-child {
    margin-right: 15px;
}

.box-buttons {
    margin-bottom: 35px;
}

.mi-title-wrap {
    margin-bottom: 25px;
}