/*
 Theme Name:   Helium Child
 Theme URI:    http://gantry.org
 Description:  Helium Child Theme
 Author:       Dalton Yamaguishi
 Author URI:   http://www.skystudio.com.br/
 Template:     g5_helium
 Version:      1.0.0
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
 Tags:         light, dark, two-columns, right-sidebar, responsive-layout, accessibility-ready
 Text Domain:  g5_helium-child
*/

body {
    background-image: url('/wp-content/uploads/2019/11/Componente-1.png'), url('/wp-content/uploads/2019/11/Componente2-1.png'), url('/wp-content/uploads/2019/11/Componente2-1.png'), url('/wp-content/uploads/2019/11/Componente3.png');
    background-position: 70vw -3vw , -20vw 13vw , -20vw 120vw , 85vw 195vw;
    background-repeat: no-repeat;
    background-size: 60% auto, 30% auto, 30% auto, 30% auto;
    font-weight: 500;
    line-height: 1.5em;
}
.page-id-7 {
    background-position: 75vw 17vw , -3vw 125vw , -100vw 120vw , 72vw 260vw;
    background-size: 60% auto, 30% auto, 30% auto, 30% auto;
}
.page-id-9 {
    background-position: 75vw 17vw , -3vw 50vw , -100vw 120vw , -100vw 260vw;
    background-size: 60% auto, 30% auto, 30% auto, 30% auto;
}
h1, h2, h3, h4, h5, h6 {
    color: #4d4d4d;
    font-weight: 600;
    line-height: 1.5em;
}
h1 {
    color: #007f3e;
    font-size: 3em;
}
h2 {
    color: #007f3e;
}
h3 {
    color: #15ac65;
}

.no-float {
    float: none;
}

.white-bg {
    background: #fff;
}

@media only all and (max-width: 47.938rem) {
    body {
        background-position: 59vw 112vw , -49vw 447vw , -47vw 1158vw , 100vw 195vw;
        background-size: 120% auto, 60% auto, 60% auto, 30% auto;
    }
    .page-id-7 {
        background-position: 100vw 112vw , -9vw 735vw , -10vw 1700vw , 72vw 2200vw;
        background-size: 100% auto, 70% auto, 70% auto, 70% auto;
    }
    .page-id-9 {
        background-position: 51vw 324vw , 100vw 447vw , 100vw 1158vw , 100vw 195vw;
        background-size: 150% auto, 60% auto, 60% auto, 30% auto;
    }    
    h2 {
        font-size: 1.4rem;
    }
    h3 {
        font-size: 1.2rem;
    }
}

/* Bootstrap */
@media(max-width: 767px) {
    .hidden-xs {
        display: none;
    }
}
@media(min-width: 768px) {
    .visible-xs {
        display: none;
    }
}

/* Buttons */
.wp-block-button__link,
.wpcf7-submit {
    background-color: #007f3e;
    border-radius: 7px;
}
.wpcf7-submit {
    padding: 12px 60px 12px 24px;
    color: #fff;
    font-weight: 500;
}
.download-link:after,
.form-link:after {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    margin-left: -50px;
    z-index: 1;
    content: url('/wp-content/uploads/2019/11/Caminho-276.png');
    transition: all 0.3s ease;
}
.form-link:after {
    margin-left: -45px;
}
p.form-link:after {
    margin-left: -65px;
}
.download-link:after {
    content: url('/wp-content/uploads/2019/11/cloud_download-24px.png');
}
.download-link .wp-block-button__link,
.form-link .wp-block-button__link {
    position: relative;
    padding-right: 60px;
}
.plus-link:before {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    margin-right: -50px;
    z-index: 1;
    transition: all 0.3s ease;
    content: url('/wp-content/uploads/2019/11/plus_one-24px.png');
}
.plus-link .wp-block-button__link {
    position: relative;
    padding-left: 60px;
}

.form-link:hover:after {
    transform: translateX(5px);
}
.download-link:hover:after {
    transform: translateY(5px);
}
.plus-link:hover:before {
    transform: translateX(-5px);
}

.upload-button {
    display: inline-block;
    margin-left: 0px!important;
    padding: 12px 24px;
    border: 2px solid #15ac65;
    border-radius: 8px;
}
.upload-button span {
    margin-top: 0!important;
}
.upload-button input {
    display: none;
}

@media only all and (max-width: 47.938rem) {
    .wp-block-button__link {
        font-size: 14px;
    }
}

/* Forms */
.wpcf7 label {
    margin-left: 10px;
    background-color: #fff;
    color: #15ac65;
    font-weight: 600;
}
.wpcf7 label span {
    display: block;
    margin-top: -12px;
    z-index: -1;
}

/* Galleries */
.wp-block-gallery {
    margin-left: 0px;
}
.wp-block-gallery .blocks-gallery-image, .wp-block-gallery .blocks-gallery-item {
    flex-grow: initial;
}

/* Header */
.g-offcanvas-toggle {
    left: initial;
    right: 1.7rem;
}
/* #g-offcanvas #g-mobilemenu-container ul {
    background-color: #15ad65;
} */
#g-offcanvas #g-mobilemenu-container ul > li:not(.g-menu-item-type-particle):not(.g-menu-item-type-module).active {
    background-color: #fff;
}
#g-offcanvas #g-mobilemenu-container ul > li:not(.g-menu-item-type-particle):not(.g-menu-item-type-module).active > .g-menu-item-container > .g-menu-item-content,
#g-offcanvas #g-mobilemenu-container ul > li:not(.g-menu-item-type-particle):not(.g-menu-item-type-module):hover > .g-menu-item-container > .g-menu-item-content,
#g-navigation .g-main-nav .g-toplevel>li.active>.g-menu-item-container>.g-menu-item-content {
    color: #007f3e;
    box-shadow: 0 2px 0 rgb(0,127,62);
}
body.home #g-offcanvas #g-mobilemenu-container ul > li:not(.g-menu-item-type-particle):not(.g-menu-item-type-module).active:not(.g-menu-item-13) > .g-menu-item-container > .g-menu-item-content {
    color: #000;
    box-shadow: initial;
}
body.home #g-navigation .g-main-nav .g-toplevel>li.active:not(.g-menu-item-13)>.g-menu-item-container>.g-menu-item-content {
    color: #4d4d4d;
    box-shadow: initial;
}
#g-navigation .g-main-nav .g-toplevel>li:hover>.g-menu-item-container,
body.home #g-navigation .g-main-nav .g-toplevel>li.active:not(.g-menu-item-13):hover>.g-menu-item-container>.g-menu-item-content {
    color: #007f3e;
}
#g-offcanvas {
    background: #fff;
    z-index: 1;
    box-shadow: 2px 0 3px rgba(0,0,0,0.3);
}
#g-navigation .g-main-nav .g-toplevel {
    display: -webkit-flex;
    display: flex;
    justify-content: space-around;
    padding-top: 10px;
}
#whatsapp-tab {
    position: fixed;
    right: 0px;
    top: 5vw;
    flex-basis: initial;
    width: 145px;
    height: 135px;
    border-top-left-radius: 8px;
    border-bottom-left-radius: 8px;
    padding-top: 0px!important;
    background-color: #007f3e;
    color: #fff;
    line-height: 1.2em;
}
#whatsapp-tab a {
    color: #fff;
}
@media only all and (max-width: 47.938rem) {
    .g-logo img, .g-logo svg {
        margin: 0;
    }
    #whatsapp-tab {
        position: fixed;
        right: 0px;
        top: 85vw;
        flex-basis: initial;
        width: 70px;
        height: 70px;
        padding-top: 0px!important;
        border-top-left-radius: 8px;
        border-bottom-left-radius: 8px;
    }
    body.home #whatsapp-tab {
        display: block;
    }
    #whatsapp-tab .g-content {
        margin: 0;
    }
    #whatsapp-tab img + div {
        display: none;
    }
    .whatsapp-mobile {
        padding: 10px;
        background-color: #007f3e;
        border-radius: 4px;
    }
    #g-offcanvas .whatsapp-mobile a {
        color: #fff;
    }
}
@media(min-width: 768px) {
    #g-navigation > .g-container > .g-grid:nth-child(2) > div {
        padding-top: 40px;
    }
}

/* Home */
.featured-image {
    margin: -150px -100px 0 -50px;
    max-width: 120%;
}
.features {
    position: relative;
    margin: 0px -100px 0 calc(-50vw + 100%);
    padding-left: calc(50vw - 100%);
    z-index: 1;
    background-color: #007f3e;
    color: #fff;
    text-align: center;
}
.features .wp-block-column {
    margin-bottom: 0;
}
.features .wp-block-image {
    height: 40px;
}
.featured-gallery .blocks-gallery-item {
    border-radius: 8px;
}
.aplicacoes-esos .wp-block-image .alignleft {
    float: none;
}
.aplicacoes-esos .wp-block-embed-youtube {
    margin: 0;
}
.aplicacoes-esos .wp-block-embed-youtube .wp-block-embed__wrapper {
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
    overflow: hidden;
}
.aplicacoes-esos .wp-block-embed-youtube .wp-block-embed__wrapper iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.clientes-e-parceiros .blocks-gallery-item {
    border-radius: 8px;
    box-shadow: 0px 2px 3px rgba(0,0,0,0.3);
    padding: 10px 20px;
}
.clientes-e-parceiros .blocks-gallery-item figure {
    position: relative;
    padding-top: 75%;
}
.clientes-e-parceiros .blocks-gallery-item figure img {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}
.equipe strong {
    color: #007f3e;
    font-size: 1.3em;
}
.equipe .wp-block-image figcaption {
    margin-top: 0;
    padding-top: 0.5em;
    padding-bottom: 0.5em;
    background-color: #fff;
}

@media only all and (max-width: 47.938rem) {
    .featured-text + .wp-block-spacer + .form-link {
        transform: translateY(55vw);
    }
    .features {
        margin: 100px 30% 0 calc(-50vw + 50%);
        padding-left: 0;
    }
    .esos-dash .wp-block-column:first-child {
        order: 1;
    }
    .aplicacoes-esos .wp-block-image figure {
        width: 15vw;
    }
    .aplicacoes-esos figure {
        margin-right: 0px;
        margin-left: 0px;
    }
}

@media (min-width: 600px) {
    .featured-text {
        font-size: 24px;
    }
    .esos-edge .wp-block-column:first-child {
        flex-basis: calc(30% - 16px);
    }
    .esos-edge .wp-block-column:nth-child(2) {
        flex-basis: calc(70% - 16px);
    }
    .esos-dash .wp-block-column:first-child {
        flex-basis: calc(70% - 16px);
    }
    .esos-dash .wp-block-column:nth-child(2) {
        flex-basis: calc(30% - 16px);
    }
}

/* Sobre */
@media only all and (max-width: 47.938rem) {
    .abordagens-tecnologicas .wp-block-image {
        width: 15vw;
    }
    .equipe .wp-block-column .wp-block-image {
        border-radius: 8px;
        box-shadow: 0px 2px 3px rgba(0,0,0,0.3);
    }
    .equipe .wp-block-image figcaption {
        border-radius: 8px;
    }
}

/* form iframe */
.page-id-222,
.page-id-226 {
    background: none;
}
.page-id-222 #g-navigation,
.page-id-222 .g-offcanvas-toggle,
.page-id-222 #g-footer,
.page-id-226 #g-navigation,
.page-id-226 .g-offcanvas-toggle,
.page-id-226 #g-footer {
    display: none;
}
.page-id-222 .g-container,
.page-id-226 .g-container {
    width: 100%;
}
.page-id-222 #g-mainbar,
.page-id-226 #g-mainbar {
    padding: 0;
}
.page-id-222 .entry-title,
.page-id-226 .entry-title {
    margin-top: 0px;
}
.page-id-222 input[type="text"],
.page-id-226 input[type="text"] {
    line-height: 1.5;
}

/* Footer */
#g-footer p {
    margin: 5px 0;
}

/* Responsive Lightbox & Gallery - Lightboxes */
/* .tos-desktop .tos-wrapper.tos-fixed.tos-fit.tos-has-caption .tos-slide {
    padding-bottom: 20px;
}
.tos-desktop .tos-wrapper.tos-fixed.tos-fit.tos-has-close .tos-slide {
    padding-right: 20px;
    padding-left: 20px;
} */

/* Popup Maker */
#popmake-228 {
    padding: 0px;
}