/*
Theme Name: Porto Child
Theme URI: https://www.portotheme.com/wordpress/porto
Author: P-THEMES
Author URI: https://www.portotheme.com/
Description: Porto Responsive WordPress + eCommerce Theme.
Version: 1.1
Template: porto
License: Commercial
License URI: http://themeforest.net/licenses/regular_extended
Tags: woocommerce, corporate, ecommerce, responsive, blue, black, green, white, light, dark, red, two-columns, three-columns, four-columns, left-sidebar, right-sidebar, fixed-layout, responsive-layout, custom-menu, editor-style, featured-images, flexible-header, full-width-template, microformats, post-formats, rtl-language-support, sticky-post, theme-options, translation-ready, accessibility-ready
*/

/*************** ADD YOUR CUSTOM CSS HERE  ***************/
.no-breadcrumbs .main-content {
    padding-top: 0;
}
.wpcf7-form P {
    margin-bottom: 0;
}
.wpcf7-form .wpcf7-submit {
    background-color: #000;
}
.footer p {
    margin-bottom: 0;
}
.footer .footer-link p {
    margin-bottom: 8px;
}

/* #region truncate product description */
.read-more,
.read-less {
    display: block;
    margin-bottom: 10px;
}
.ctruncated {
    display: block;
    overflow: hidden;
    height: 15em;
    position: relative;
}
.ctruncated::after {
    content: "";
    position: absolute;
    z-index: 1;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 50%;
    background-image: linear-gradient(to bottom, rgba(255,255,255,0), rgba(255,255,255, 1) 90%);    
}
/* #endregion */

/* #region promo-box */
.block__promo {
    border: 1px solid #e0e0e0;
    margin-bottom: 10px;
}
    .block__promo .pr-top {
        background-color: #f6f6f6;
        border-bottom: 1px solid #e0e0e0;
    }
        .block__promo .pr-top img {
            width: 50px;
            height: 50px;
            margin-right: 5px;
        }
    .block__promo .pr-txtb {
        color: #333;
        font-weight: 400;
        line-height: 1.6em;
        margin-bottom: 0;
    }
    .block__promo .pr-content {
        padding: 15px;
    }
    .block__promo .pr-content .pr-item {
        display: flex;
        margin-bottom: 5px;
        border-bottom: 1px solid #eee;
        padding-bottom: 5px;
    }
    .block__promo .pr-content .pr-item:last-of-type {
        border: 0;
        padding-bottom: 0;
        margin-bottom: 0;
    }
    
    .block__promo .pr-item .pr-desc {
        margin-left: 10px;
    }

        .block__promo .pr-item .pr-img img {
            width: 100%;
            height: auto;
            max-width: 200px;
        }
        .block__promo .pr-item .pr-desc p {
            margin-bottom: 0;
        }

.promo_loop {
    position: absolute;
    z-index: 99;
    right: 5px;
    background: #fcc81e;
    color: #fff;
    font-weight: 400;
    bottom: 5px;
    padding: 3px 5px;
    border-radius: 3px;
}
/* #endregion */