/*
 * file_name = merit__stylesheet.css
 *
 * file_type = CSS stylesheet
 *
 * description = CSS styles used by the main page dedicated to Merit Medical products
 *                
 * descripción = Hoja de estilo usada para la página principal dedicada a los productos de Merit Medical
 * 
 *
 *
 */

 /*
   Styles used for the single button at the top of Merit's landing page. The button contains the text
   "Lista de Productos". When the button is clicked the navigator goes to a page that lists Merit's
   current inventory either as a PDF file, or as an Excel file.

   Estilos usados pare el único botón al tope de la página principal de Merit. El botón contiene el
   texto "Lista de Productos". Cuando se hace click sobre el botón, el navegador va a un página que 
   permite visualizar o descargar el inventario de los productos de Merit disponibles en la actualidad.
   La información se hace disponible como archivo PDF o Excel.
*/

a.merit__lista_de_productos__button
{
        background: #f2f3e4                      ;
            border: solid 1px #b8bc86            ;
     border-radius: 0.5rem                         ;
        box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2) ;
             color: #555                         ;
           display: inline-block                   ;
         font-size: 1rem                           ;
       font-weight: 600                            ;
            margin: 0.5rem 0rem 1rem 0rem          ;
        max-height: 4.5rem;
           padding: 0.5rem 1rem                    ;
   text-decoration: none                           ;
        transition: 0.3s                           ;
       line-height: 2rem                           ;
}

a.merit__lista_de_productos__button:hover
{
        background: lavender;
}
 /*
   Style sets the height, and indirectly the width, of the images that represent different product categories,
   e.g. "Lazos Endovaculares" or "Productos de Embolización".

   El estilo define el alto, e indirectamente el ancho, de las imágenes que representan diferentes categorias de productos,
   p.e. "Lazos Endovaculares" or "Productos de Embolización".
*/   
 img.product-category__image--merit
 {
   /*height: 7rem;*/
 }