/*
Theme Name: Robotto
Theme URI: http://www.heyzombie.com
Description: Un tema diseñado artesanalmente por nuestro estudio indie, este paquete esta horneado desde cero y condimentado con una versión móvil + Gracias por confiar en nosotros... Let's Rock! 🤘

Author: hey zombie indie studio
Author URI: http://www.heyzombie.com
Version: 1.5.0
Tags: menu-responsive, responsive-design, start-theme,

Copyright (C) 2011-2020 Hey Zombie Indie Studio
License: GNU General Public License, version 3 (GPLv3)
License URI: license.txt
*/

/* -------------------------------- 
Principal Fonts
-------------------------------- */

@import url('https://fonts.googleapis.com/css2?family=Work+Sans:wght@300;400;500;600;700&display=swap');

/* -------------------------------- 
Import External Styles
-------------------------------- */

@import 'css/body.css';
@import 'css/menu.css';
@import 'css/contact-form.css';
@import 'css/woo.css';
@import 'css/glightbox.min.css';

/* -------------------------------- 
Primary style
-------------------------------- */

html {
     margin-top: 0px !important;
}
 body {
     display: block;
     height: 100%;
     width: 100%;
     margin: 0px;
     background: white;
     font-family: 'Work Sans', sans-serif;
     -webkit-font-smoothing: antialiased;
     scroll-behavior: smooth;
     overflow-x: hidden;
}
 a {
     transition: all .4s ease;
     text-decoration: none;
}
 h1,h2,h3,h4,h5{
     margin-block-start: 0;
     margin-block-end: 0;
}
/* -------------------------------- Mobile Views -------------------------------- */
 .display-mobile{
     visibility: hidden;
     display: none;
}
 .display-desktop{
     visibility: visible;
     display: block;
}
 @media only screen and (max-width: 920px) {
     .display-mobile{
         visibility: visible;
         display: block;
    }
     .display-desktop{
         visibility: hidden;
         display: none;
    }
	 
	 .alignright, .alignleft {
		float: none!important;
		margin-right: auto !important;
		margin-left: auto !important;
	}
}
/* -------------------------------- Mobile Views -------------------------------- */
 img {
     display: block;
     max-width: 100%;
     height: auto;
     margin: auto;
}
 .image{
     background-position: center!important;
     background-repeat: no-repeat!important;
     background-size: cover!important;
}
 .align-content{
     width: 100%;
     max-width: 1180px;
     margin: auto;
}
 .columns{
     display: flex;
     justify-content: space-between;
     align-items: center;
}
 .button, .added_to_cart{
     font-size: 100%;
     margin: 0;
     line-height: 1;
     cursor: pointer;
     position: relative;
     text-decoration: none;
     overflow: visible;
     padding: 0.618em 1em;
     font-weight: 700;
     border-radius: 3px;
     left: auto;
     border: 0;
     display: inline-block;
     background-image: none;
     text-shadow: none;
     transition: all .4s ease!important;
     box-shadow: 0 1px 2px rgba(0,0,0,0.07), 0 2px 4px rgba(0,0,0,0.07), 0 4px 8px rgba(0,0,0,0.07), 0 8px 16px rgba(0,0,0,0.07), 0 16px 32px rgba(0,0,0,0.07), 0 32px 64px rgba(0,0,0,0.07)!important;
}
 .added_to_cart{
     margin: 0 6px;
     padding-top: .6em!important;
}
 .components-button{
     font-size: 50%;
     margin: 0;
     line-height: 1;
     cursor: pointer;
     position: relative;
     text-decoration: none;
     overflow: visible;
     padding: 0.618em 1em 0.18em;
     font-weight: 700;
     border-radius: 3px;
     left: auto;
     border: 0;
     display: inline-block;
     background-image: none;
     text-shadow: none;
     transition: all .4s ease!important;
     box-shadow: 0 1px 2px rgba(0,0,0,0.07), 0 2px 4px rgba(0,0,0,0.07), 0 4px 8px rgba(0,0,0,0.07), 0 8px 16px rgba(0,0,0,0.07), 0 16px 32px rgba(0,0,0,0.07), 0 32px 64px rgba(0,0,0,0.07)!important;
}

/* -------------------------------- Animations -------------------------------- */
 .fade_on {
     -webkit-animation-name: fade;
     -webkit-animation-duration: 1.5s;
     animation-name: fade;
     animation-duration: 1.5s;
}
 @-webkit-keyframes fade {
     from {
        opacity: .0
    }
     to {
        opacity: 1
    }
}
 @keyframes fade {
     from {
        opacity: .0
    }
     to {
        opacity: 1
    }
}
 .wp-block-image{
     margin: 0!important;
}
 .justificado{
     text-align: justify!important;
}
 @media screen and (-webkit-min-device-pixel-ratio:0) {
     #jarallax-container-0, #jarallax-container-1, #jarallax-container-2, #jarallax-container-3, #jarallax-container-4, #jarallax-container-5, #jarallax-container-6{
         clip: auto;
         -webkit-mask-image: -webkit-linear-gradient(top, #ffffff 0%,#ffffff 100%) 
    }
}