/*
Theme Name:     Pixwell child
Template:      	pixwell
Theme URI:      https://tf01.themeruby.com
Author:         Theme-Ruby
Author URI:     https://themeforest.net/user/theme-ruby/portfolio/
Description:    Make your modifications to Pixwell in this child theme.
Version:        1.0
Tags:           custom-background, custom-menu, editor-style, featured-images, theme-options, custom-colors, translation-ready
License:        Themeforest Licence
License URI:    https://themeforest.net/licenses/standard
*/

/* Your CSS code goes here
-------------------------------------- */

.p-masonry-1 .p-footer:before {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 4px;
    content: '';
    opacity: .09;
    background-color: transparent;
    background-image: radial-gradient(currentColor 1px, transparent 1px);
    background-position: 1px 1px;
    background-size: 1px 1px;
}

.wp-block-separator {
    position: relative;
    display: block;
    clear: both;
    height: 4px;
    margin-bottom: 30px;
    opacity: .03;
    border: none;
    background-color: transparent;
    background-image: linear-gradient(to right, rgba(0, 0, 0, 33) 100%, rgba(255, 255, 255, 0) 0%);
    background-repeat: repeat;
    background-position: 1px 1px;
    background-size: 1px 1px;
}

.entry-footer::before {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 4px;
  background-color: transparent;
  background-image: radial-gradient(currentColor 1px, transparent 1px);
  background-position: 1px 1px;
  background-size: 1px 1px;
  content: '';
  opacity: .07;
}

.single-left-article:before {
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 4px;
    content: '';
    opacity: .05;
    background-color: transparent;
    background-image: radial-gradient(currentColor 1px, transparent 1px);
    background-position: 1px 1px;
    background-size: 1px 1px;
}

.single-post-related {
    position: relative;
    display: block;
    overflow: hidden;
    margin-bottom: 50px;
    padding-top: 35px;
    background-image: linear-gradient(to right, rgba(0, 0, 0, .035) 100%, rgba(255, 255, 255, 0) 0%);
    background-repeat: repeat-x;
    background-position: top;
    background-size: 20px 8px;
}

.woocommerce div.product .woocommerce-tabs:before {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    display: block;
    height: 5px;
    content: '';
    pointer-events: none;
    opacity: .1;
    background-color: transparent;
    background-image: radial-gradient(currentColor 1px, transparent 1px);
    background-position: 1px 1px;
    background-size: 1px 1px;
}