/*
Theme Name: Robotto - Fotia
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';

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

html {
	margin-top: 0px !important;
}

body {
	display: block;
	height: 100%;
	width: 100%;
	margin: 0px;
	background: white;
	-webkit-font-smoothing: antialiased;
    font-weight: 400;
    font-family: Montserrat;
	scroll-behavior: smooth;
	overflow-x: hidden;
    line-height: 1.6;
}

a {
	transition: all .4s ease;
    text-decoration: none;
}

/* -------------------------------- 
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;
    }
}

/* -------------------------------- 
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;
}

/* -------------------------------- 
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%)
    }
}