/*
 * file_name = articulo__2021_03_31__medxpert_article__stylesheet.css
 *
 * file_type = CSS stylesheet
 *
 * description = CSS styles used by the webpages dedicated to Jaeger products
 *                
 * descripción = Hoja de estilo usada para la páginas web dedicadas a los productos de Jaeger
 *
 */



 div.medxpert_article__product_images_container
 {
   /* background-color: pink                ; */
            display: flex                  ;
          flex-wrap: wrap                  ; 
    justify-content: center                ;
             margin: 25px auto 10px auto   ; 
              width: 95%                   ;
 }
 
 
 img.medxpert_article__product_image
 {
           border: 1px solid transparent   ;
           cursor: pointer                 ;
       flex-basis: 100%                    ;
  justify-content: center                  ;
           margin: 0rem auto               ; 
        max-width: 9rem                    ;
          padding: 0.5rem                  ; 
       transition: all 0.3s                ;
}


img.medxpert_article__product_image:hover
{
         border: 1px solid #CCC    ;
  border-radius: 10px                 ;
}


 div.medxpert_article__info_files_container
 {
     /* background-color: pink               ; */
              display: flex                 ;
            flex-wrap: wrap                 ;
      justify-content: space-around         ;
               margin: 25px auto 60px auto  ; 
                width: 95%                  ;
 }


 a.medxpert_article__info_file_button
 {
        align-self: flex-end       ;  /* vertically aligns element to the bottom of the parent container */
     border-radius: 0.5rem         ;
        background: #dee3ed      ;
        box-shadow: 0.4rem 0.6rem 0.5rem #AAAAAA  ;
             color: black        ;
           display: inline-block   ;
        flex-basis: 8rem           ;
         font-size: 0.8rem         ;
            margin: 1rem           ; 
           padding: 10px 10px      ;
        text-align: center         ;
   text-decoration: none           ;
        transition: 0.4s           ;
          position: relative       ; /* allows the absolute positioning of the pdf icon overlay */
 }


 a.medxpert_article__info_file_button:hover
 {
   background: #bdc7db                ;
   box-shadow: 5px 10px 10px #AAAAAA  ;
 }


 a.medxpert_article__info_file_button:hover img.medxpert_article__info_file_image ,
 a.medxpert_article__info_file_button:hover div.pdf_icon_overlay 
 {
   opacity: 1              ;
 }
 
 
 div.medxpert_article__info_file_image_container
 {
   /* background-color: lightyellow   ; */
             cursor: pointer         ;
 }
 
 
 img.medxpert_article__info_file_image
 {
          border: 1px solid #CCC     ; 
      flex-basis: 5rem                 ;
          margin: 0.5rem 0px 0px 0px   ;
         opacity: 0.8                  ;
        position: relative             ;
           width: 90% ;
 }
 
 
 div.pdf_icon_overlay
 {
         content: url(../../imagenes/global/global__icon__pdf_file.png); 
            left: 50%                    ;
         opacity: 0.8                     ;
        position: absolute                ;
             top: 50%                     ;
       transform: translate(-50%, -50%)   ;
   -ms-transform: translate(-50%, -50%)   ;
           width: 45px                    ;
 }