/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : 13 déc. 2019, 12:09:21
    Author     : KOA008
*/

.flex-overflow {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.fullscreen.bg-gradient-secondary {
  background-color: #5fa1ba;
  background-image: linear-gradient(66deg, #5fa1ba 10%, #bfbfbf 100%);
}

.fullscreen form .btn-user { font-weight: bold; }

.caption-1 figcaption {
  position: absolute;
  bottom: 3em;
  right: 0;
}

/*product-list-hover-slide-effect*/
.product-list-left-effect
{
  width:100%;
  height:auto;
  position:relative;
  margin-bottom:20px;
  overflow:hidden;
}

.product-list-left-effect img
{
  /*transition-duration:0.4s;*/
}

.product-list-left-effect .product-overlay
{
  width:90%;
  height:40%;
  position:absolute;
  padding:20px;
  background:rgba(0, 0, 0, 0.7);
  color:#fff;
  bottom:5%;
  left:-100%;
  /*
  transition-duration:0.4s;
  -webkit-transition: left 0.5s ease-in-out;
  */
}

.product-list-left-effect .product-overlay h3
{
  margin:0 0 10px 0;
  text-align: right;
}

.product-list-left-effect:hover .product-overlay
{
  /*opacity:1;
  -webkit-transition: left 0.5s ease-in-out;
  */
  left:5%;
}

.product-list-left-effect:hover img
{
  transform: scale(1.1);
}
/*product-list-hover-slide-effect*/


/*theme-heading*/
.theme-heading
{
  text-align:center;
  margin-bottom:2rem;
  font-weight:300;
}

a.family:hover  { text-decoration: none; }