.rin_woocommerce_product_content {
padding: 25px;
transition: .5s;
}
.rin_woocommerce_product_content:hover {
backdrop-filter: blur(50px);
background-color: rgba(0, 0, 0, .25);
}
.rin_woocommerce_product_content:hover .rin_woocommerce_product_content_image
{
-webkit-filter: drop-shadow(12px 12px 25px rgba(0,0,0,0.8));
transform: scale(1.5);
position: relative;
transition: .5s;
}
.rin_woocommerce_product_content_image {
-webkit-filter: drop-shadow(5px 5px 15px rgba(0,0,0,0.5));
}
.rin_woocommerce_product_content_title,
.rin_woocommerce_product_content_price
{
text-align: center;
text-transform: uppercase;
font-weight: bold;
line-height: 1.8em;
color: #1a1a1a !important;
}
.rin_woocommerce_product_content_title {
font-size: 14px;
}
.rin_woocommerce_product_content_price {
font-size: 18px;
}
.rin_content {
width: 100%;
float: left;
}
.rin_content_title {
width: 100%;
margin: 0px 0px 70px 0px;
float: left;
}
.rin_content_title .bonus {
padding: 80px 0px 0px 0px;
}
.rin_content_title h2 {
font-size: 50px;
}
.rin_content_inner {
width: 100%;
}
.rin_content_grid_4,
.rin_content_grid_3,
.rin_content_grid_2 {
display: grid;
column-gap: 20px;
}
.rin_content_grid_1 {
display: grid;
column-gap: 0px;
}
.rin_content_grid_4 {
grid-template-columns: repeat(4, minmax(10%, 25%));
column-count: 4;
}
.rin_content_grid_3 {
grid-template-columns: repeat(3, minmax(10%, 33%));
column-count: 3;
}
.rin_content_grid_2 {
grid-template-columns: repeat(2, minmax(10%, 50%));
column-count: 2;
}
.rin_content_grid_1 {
grid-template-columns: 1, minmax(10%, 100%);
column-count: 1;
}
@media only screen and (max-width: 980px) {
.rin_content_grid_4,
.rin_content_grid_3,
.rin_content_grid_2 {
grid-template-columns: repeat(2, minmax(10%, 50%));
column-count: 2;
}
}
@media only screen and (max-width: 600px) {
.rin_content_grid_4,
.rin_content_grid_3,
.rin_content_grid_2 {
grid-template-columns: repeat(1, minmax(10%, 100%));
column-count: 1;
}
}
#rin_product_productslider {
width: 100000px;
padding: 30px 0px 30px 0px;
width: auto;
overflow: auto;
cursor: grab;
}
.rin_content_col_slider {
float: left;
width: 400px;
margin-right: 30px;
}
@media only screen and (max-width: 981px)
{
.rin_content_col_slider {
float: left;
width: 350px;
margin-right: 30px;
}
}