/* Default theme styles */

.growrp-theme-default {
    position: relative;
}

.growrp-theme-default h2 {
    font-size: inherit; /* Default font-size inherit from theme or @fz */
    /*
    ** Examples
    ** @fz = 2em
    ** @fz = 1,6em
    ** @fz = 1,2em
    */
}

.growrp-theme-default .owl-item li.growrp-product {
    box-sizing: border-box;
    /*border: none;*/
    border: 1px solid rgba(0,0,0, 0.3); /*    Border for product in slider */
    /*
    ** 1px - width border
    ** solid - type border (examples - dotted, double, etc... )
    ** rgba(0,0,0, 0.1) - color (0, 0, 0) - black, and transparent 0.1 param from 0 to 1
    ** OR border: 1px solid #ffffff; - color in HEX format
    */
    padding: 0; /* Inner padding - https://bit.ly/3iMgFDT */
    /*
    ** When the given border is different from none, padding need more 0.
    */
}

.growrp-theme-default .owl-item li.growrp-product .woocommerce-LoopProduct-link img {
    background: transparent; /* When image have transparent background may set background */
    /*
    ** default: transparent
    ** color in HEX or other formats, example #c4c4c4; - , rgba(0,0,0, 0.1), etc...
    */
    border-radius: 3px; /* Rounded corners. 20px - bending radius  - example  https://bit.ly/3133fxq*! */
    /* border-radius: 50%;     round pictures - example https://bit.ly/2CxqAxJ */
}

.growrp-theme-default .owl-item li.growrp-product .woocommerce-LoopProduct-link h2 {
    font-size: inherit; /* Default font-size inherit from theme or @fz */
    /*
    ** Examples
    ** @fz = 2em
    ** @fz = 1,6em
    ** @fz = 1,2em
    */
    color: inherit;
    /*
    ** Examples
    ** #000000 - black
    ** #c4c4c4 - gray
    ** #ff0000 - red
    */
}

.growrp-theme-default .owl-item li.growrp-product .woocommerce-LoopProduct-link .woocommerce-Price-amount {
    font-size: 20px; /* Default font-size text in button inherit from theme or @fz */
    /*
    ** Examples
    ** @fz = 2em
    ** @fz = 1,6em
    ** @fz = 1,2em
    */
    color: inherit;
    /*
    ** Examples
    ** #000000 - black
    ** #c4c4c4 - gray
    ** #ff0000 - red
    */

    text-transform: none;
    /*
    ** Examples
    ** default - none
    ** uppercase - all letters are capital
    ** lowercase - all letters small
    */

    border: inherit;
    /* border: 1px solid rgba(0,0,0, 0.1); */ /* Border for button in slider */
    /*
    ** 1px - width border
    ** solid - type border (examples - dotted, double, etc... )
    ** rgba(0,0,0, 0.1) - color (0, 0, 0) - black, and transparent 0.1 param from 0 to 1
    ** OR border: 1px solid #ffffff; - color in HEX format
    */


    /* Example -  */
}

.growrp-theme-default .owl-item li.growrp-product a.button {
    font-size: inherit; /* Default font-size inherit from theme or @fz */
    /*
    ** Examples
    ** @fz = 2em
    ** @fz = 1,6em
    ** @fz = 1,2em
    */
    color: red;
    /*
    ** Examples
    ** #000000 - black
    ** #c4c4c4 - gray
    ** #ff0000 - red
    */

    border-radius: 5px; /* Rounded corners. 5px - bending radius  - example  https://bit.ly/3133fxq*! */

    /*
    ** Examples
    ** default - inherit from theme
    ** 3px - radius 3px
    ** #ff0000 - red
    */

    border: inherit;
    /* border: 1px solid #ff0000; */  /* Border for button in slider */
    /*
    ** 1px - width border
    ** solid - type border (examples - dotted, double, etc... )
    ** rgba(0,0,0, 0.1) - color (0, 0, 0) - black, and transparent 0.1 param from 0 to 1
    ** OR border: 1px solid #ffffff; - color in HEX format
    */

    background: inherit; /* background for button add to cart */
    /*
    ** default: inherit
    ** color in HEX or other formats, example #c4c4c4; - , rgba(0,0,0, 0.1), etc...
    */

    /* Example - https://bit.ly/323Dkou */
}

/* If comment CSS styles - "Styles for arrows slider"  shows default arrows owl-carousel */

/* Styles for arrows slider */
.growrp-theme-default ul.products.growrp-products-slider.owl-theme .owl-nav [class*='owl-'] {
    border: none;
    transform: rotate(0);
}

.growrp-theme-default ul.growrp-products-slider.owl-theme .owl-nav .owl-prev,
.growrp-theme-default ul.growrp-products-slider.owl-theme .owl-nav .owl-next {
    width: 34px;
    height: 34px;
    background: url("../images/arrows.png");
    border: none;
}

/*
** Examples - https://bit.ly/32mMMUe
** Arrow black in circle gray background
*/
.growrp-theme-default ul.growrp-products-slider.owl-theme .owl-nav .owl-next {
    background-position: -34px 0;
}

/*
** Examples - https://bit.ly/3hxjlVJ
** Arrow gray in circle white background
*/
.growrp-theme-default ul.growrp-products-slider.owl-theme .owl-nav .owl-prev {
    background-position: 0 -34px;
}
.growrp-theme-default ul.growrp-products-slider.owl-theme .owl-nav .owl-next {
    background-position: -34px -34px;
}

/* END Styles for arrows */