/*
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  ***************/

/* global */

p { margin: 0 !important; }

.product-image {
  border: 1px solid #e7e7e7;
  border-radius: 0px !important;
}

.page-top .page-title { text-transform: uppercase; }

/* global over */

/* Ninja Tables */

.ntb_table_wrapper table {
  box-sizing: initial;
  width: auto;
  vertical-align: middle !important;
}

.woocommerce-tabs .tab-content .ntb_table_wrapper table {
  box-sizing: initial;
  width: auto;
  vertical-align: middle !important;
}

/* global */
span.pr-color{ color: #ed3338;}

/* product page */

.bearing-card {
  position: relative;
  overflow: hidden;
  cursor: pointer;
}
.bearing-content {
  position: absolute;
  bottom: 0;
  left: 0;
  transform: translateY(calc(100% - 60px)); /* only show title area */
  transition: transform 0.5s ease-in-out;
  will-change: transform;
  z-index: 2;
}
.bearing-card:hover .bearing-content {
  transform: translateY(0);
} 
.bearing-content p {
  margin-top: 10px;
  opacity: 0;
  transition: opacity 0.3s ease-in-out 0.2s;
}
.bearing-card:hover .bearing-content p {
  opacity: 1;
}
.bearing-card:hover .bearing-content p {
  opacity: 1;
}

/* Responsive  */