/*
Theme Name: Elessi Theme Child
Theme URI: https://elessi.nasatheme.com/demo/
Description: This is a child theme for Elessi Theme
Author: NasaTheme team
Author URI: https://nasatheme.com
Template: elessi-theme
Version: 1.0
*/


/*************** ADD YOUR CUSTOM CSS IN THIS AREA ***************/
[class*="block-grid-"] > li {
    display: inline;
    width: 100%;
    height: 100%;
    float: left;
    padding: 0 10px 20px 10px;
}
.woocommerce-MyAccount-content{
    background: white;
    padding: 15px;
}

body.nasa-gray .woocommerce-MyAccount-navigation .woocommerce-MyAccount-navigation-link.is-active a {
    background-color: white;
}

.my_account_orders tbody tr:first-child th {
    border-bottom: none;
}

.woocommerce form.woocommerce-checkout .form-row select {
    padding: 0px 0px 0px 10px !important;
}

.exwoofood-select-loc, .ex-fdlist, .exwf-opcls-table, .exwf-mngroup {
    color: #101010;
    font-family: 'Source Sans Pro', sans-serif;
    display: inline-block;
    width: auto;
    font-size: 13px;
}

.product-info-wrap p:last-child {
    margin-bottom: 0;
    -webkit-line-clamp: 1;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
}

@media only screen and (min-width: 768px) {
    .nasa-modern-2 .product-item .info {
        text-align: left !important;
        flex: 1;
        display: flex;
        flex-direction: column;
        padding: 0 10px 30px;
        background-color: white;
    }
}

.content-price-btn-order{
    margin-top: 10px;
    display: flex;
    justify-content: space-between;
}

.content-price-btn-order .price{
    display: flex;
    align-items: center;
    color: #ff914d;
}

dl.variation {
    display: inline;
}

dl.variation dd:after {
    content: "";
}


table th {
    font-weight: 400 !important;
    letter-spacing: 0.1em;
}

.woocommerce-MyAccount-content .my_rewards_title{
    display: none !important;
}

#rs_redeem_voucher_code{
    margin-bottom: 10px;
}

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

}

@media only screen and (min-width: 768px) {
    .archive .large-3 {
        width: 20% !important;
    }
    .large-9 {
        width: 80% !important;
    }
    .blog .large-3 {
        width: 20% !important;
    }

}
.col-sidebar{
    background: white;
    border-radius: 25px;
    padding: 25px;
}
.blog #main-content{
    padding-top: 50px !important;
}

@media only screen and (max-width: 767px) {
    body .product-item .info {
        padding: 10px;
    }
    .large-3 {
        width: 50% !important;
    }
}