/**
 * stel_product_attributes_information_popup.css 
 * On single product pages
 * Version: 0.0.013
**/

.mfp-content .lightbox-by-id{
  padding: 0  !important;
  padding-bottom: 1px !important;
  max-width: 850px !important;
}

#info-header{
  background-color: #008000; /* For old IE */
  background-color: var(--link-color-a);
  height: 3.2em;
  padding-top: 0.5em;
  margin-bottom: 2em;
}

.attr-name img.attachment-18x18{
   margin-bottom: 3px;
}

.prod-attr-info-pop-header{
  font-weight: bold;
}

#attr-info-popup-content h1,
#attr-info-popup-content h2,
#attr-info-popup-content h3,
#attr-info-popup-content h4,
#attr-info-popup-content h5,
#attr-info-popup-content h6{
  margin-bottom: 1em;
  font-weight: 900;
  color: #008000;
}

.mfp-content .lightbox-content h1,
.mfp-content .lightbox-content h2,
.mfp-content .lightbox-content h3,
.mfp-content .lightbox-content h4,
.mfp-content .lightbox-content h5,
.mfp-content .lightbox-content h6{
  text-transform: uppercase;
}

.mfp-content .lightbox-content h1,
.mfp-content .lightbox-content h2,
.mfp-content .lightbox-content h3,
.mfp-content .lightbox-content h4,
.mfp-content .lightbox-content h5,
.mfp-content .lightbox-content h6,
.mfp-content .lightbox-content p,
.mfp-content .lightbox-content .wp-block-image{
  padding-left: 20px;
  padding-right: 20px;
}

.mfp-content .lightbox-content ul{
  padding-left: 33px;
  padding-right: 20px;
}

#attr-info-popup-content h1,
#attr-info-popup-content #info-header h1,
#info-header h1{
  color: #fff;
}

/* Product specification information popup close button */
.mfp-content .lightbox-content #btn-stel-pop-close.mfp-close{
  mix-blend-mode: unset;
  opacity: 1;
 top: -2px !important;
  right: 15px;
  font-size: 75px;
  /* position: absolute; */
  font-weight: 100;
  /* font-family: 'Rajdhani', sans-serif; */
  font-family: 'Raleway', sans-serif
}

/* Don't display the second popup close button positioned in the top right of the screen */
body .mfp-wrap > .mfp-close{
  display: none;
}



/************************************************ Mobile ********************************************************/

@media only screen and (max-width: 849px) {
  body.lightbox .mfp-container{
    padding: 15px;
  }

  .mfp-bg.mfp-ready { /* Grey background */
    opacity: .6; 
    background-color: black;
  }


}