/*
Theme Name:   Hello Animation Child
Theme URI:    https://seusite.com.br
Description:  Child theme do Hello Animation
Author:       Seu Nome
Author URI:   https://seusite.com.br
Template:     hello-animation
Version:      1.0.0
License:      GNU General Public License v2 or later
License URI:  http://www.gnu.org/licenses/gpl-2.0.html
Text Domain:  hello-animation-child
*/

body #smooth-wrapper {
    top: 0px !important;
}

.otgs-development-site-front-end {
	display: none!important
}

.page-id-2998 .footer-content {
	display: none!important;
}

/* WPML */
.mobile-menu-active .wpml-ls-menu-item span {
    color: #fff;
}

/* Form */
.dark-form .wpcf7-text:-webkit-autofill,
.dark-form .wpcf7-text:-webkit-autofill:hover,
.dark-form .wpcf7-text:-webkit-autofill:focus,
.dark-form .wpcf7-textarea:-webkit-autofill,
.dark-form .wpcf7-textarea:-webkit-autofill:hover,
.dark-form .wpcf7-textarea:-webkit-autofill:focus {
    -webkit-text-fill-color: #FAFAFA !important;
    -webkit-box-shadow: 0 0 0 1000px #0F1115 inset !important;
    box-shadow: 0 0 0 1000px #0F1115 inset !important;
    background-color: #0F1115 !important;
}

.sent .wpcf7-spinner {
	display: none!important
}
/* Portfolio grid */

/* BASE */

.elementor-widget-wcf--image-box{
    position:relative;
}

.elementor-widget-wcf--image-box .thumb{
    overflow:hidden;
}

.elementor-widget-wcf--image-box .thumb img{
    width:100%;
    height:100%;
    object-fit:cover;
    display:block;
}


/* LAYOUT 01
Grande / principal */

.layout-01{
    width:100%;
    margin-top:0;
}

.layout-01 .thumb{
    aspect-ratio:4 / 5;
}


/* LAYOUT 02
Vertical mais leve */

.layout-02{
    width:88%;
    margin-left:56px;
    margin-top:72px;
}

.layout-02 .thumb{
    aspect-ratio:3 / 4;
}


/* LAYOUT 03
Landscape */

.layout-03{
    width:100%;
    margin-top:24px;
}

.layout-03 .thumb{
    aspect-ratio:16 / 10;
}


/* LAYOUT 04
Pequeno */

.layout-04{
    width:82%;
    margin-left:96px;
    margin-top:48px;
}

.layout-04 .thumb{
    aspect-ratio:1 / 1;
}


/* LAYOUT 05
Landscape com presença */

.layout-05{
    width:90%;
    margin-left:48px;
    margin-top:64px;
}

.layout-05 .thumb{
    aspect-ratio:3 / 2;
}


/* MOBILE */

@media(max-width:768px){

    .elementor-widget-wcf--image-box{
        width:100%;
        margin-left:0;
        margin-top:0;
    }

    .elementor-widget-wcf--image-box .thumb{
        aspect-ratio:4 / 5;
    }

}
/* End Portifóio Grid */