/*------- Your block, parts,  and section styling --------*/
/*--------------------------------------------------------------
# Settings for some basic html elements
--------------------------------------------------------------*/
/*--------------------------------------------------------------
# Panel Left Styling
--------------------------------------------------------------*/
#panel-left {
    background: #4c545d;
    color: white;
    padding-top: 80px;
  }
  
  /*------- Panel left button (menu button). Set svg icon in theme.config --------*/
  body .navigation-menu-icon {
    border-color: white;
    color: white;
    display: block;
  }
  body .navigation-menu-icon:after, body .navigation-menu-icon:before {
    background: white;
  }
  
  /*--------------------------------------------------------------
  # Panel Right Styling
  --------------------------------------------------------------*/
  /*-------  #panel Right --------*/
  #panel-right {
    background: #1e1e22;
    color: white;
    padding-top: 60px;
  }
  
  /*------- Panel right button (sidebar button) --------*/
  body .sidebar-icon {
    border-color: white;
  }
  body .sidebar-icon:after {
    background: rgba(255, 255, 255, 0.85);
  }
  
  /*------- Tips --------*/
  /*--------------------------------------------------------------
  # Special Images
  --------------------------------------------------------------*/
  /*
      - Use a background-image div for holding a foreground image behind an item or header
      - use cover-image for an image in the foreground of a header.
  */
  .background-image {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    display: block;
  }
  .background-image img {
    -o-object-fit: cover;
       object-fit: cover;
    height: 100%;
    width: 100%;
    position: relative;
  }
  .background-image ~ * {
    z-index: 10;
  }
  
  .cover-image {
    width: 100%;
    display: block;
  }
  .cover-image img {
    -o-object-fit: cover;
       object-fit: cover;
    left: 0;
    right: 0;
    height: 100%;
    width: 100%;
  }
  
  /*------- Add overlay to a div so image is shaded --------*/
  .overlay {
    box-shadow: inset 0 0 0 2000px rgba(0, 0, 0,0.65);
    box-shadow: inset 0 0 0 2000px var(--overlay-color);
    color: white;
  }
  

  /*no permite el slide show de la galeria en pagina de product */
/*   article img, .wp-block-image img {
    display: block;
  }
  
  figure {
    margin-bottom: 1em;
    max-width: 100%;
    font-size: 1.3rem;
  }
  
  .card-grid figure, .card-grid-full figure {
    text-align: center;
    margin: 0;
  } */