/*
Theme Name: Geekfolio Child
Author: ThemesCamp
Author URI:  http://themeforest.net/user/themescamp
Theme URI: http://themeforest.net/user/themescamp/portfolio
Template: geekfolio
Description: This is child theme for Geekfolio Theme.
Version: 1.0.0
License: GNU General Public License version 3.0
License URI: http://www.gnu.org/licenses/gpl-3.0.html
Text Domain: geekfolio-child
Tags: one-column, two-columns, right-sidebar,custom-colors,featured-images
*/

@import url("../geekfolio/style.css");

#logo-overflow-1{
    height: 60%!important;
    background: #ffffff;
}

#logo-overflow-2{
    margin-top: 25%;
    height: 4%;
    background: #ffffff;
}

#logo-overflow-3{
    margin-top: 27%;
    height: 15%;
    background: #ffffff;
}

@media screen and (max-width: 690px){
    #logo-overflow-2 {
        height: 6%;
    }

    #logo-overflow-3 {
        margin-top: 28%;
    }

}

@media screen and (max-width: 360px){
    #logo-overflow-3 {
        margin-top: 29%;
    }
}

.hero-particles{
    overflow: hidden;
}

#wrapper {
    position: relative;
    min-height: 35vh;
}
canvas {
    display: block;
    background: #030f25;
    position: absolute;
    height: 45vh!important;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: 1;
}

.slogan-text h1{
    position: relative;
}

.slogan-text h1:before{
    content: '';
    position: absolute;
    width: 251px;
    height: 287px;
    background-color: #27ae60;
    top: 213px;
    left: 208px;
    z-index: -1;
}

@media screen and (max-width:1100px) and (min-width:768px){
    .header-square {
        position: absolute;
        width: 22.3vw;
        height: 25vw;
        background-color: #27ae60;
        margin-top: 21.2vw;
        margin-left: 18.5vw;
    }

    .slogan-text h1:before{
        width: 22.3vw;
        height: 25vw;
        top: 19.1vw;
        left: 18.5vw;
    }

    .slogan-text h1{
        font-size: 8vw!important;
    }
}

@media screen and (max-width:767px) and (min-width:470px){
    .slogan-text .elementor-widget-container{
        text-align: center;
    }

    .slogan-text h1{
        font-size: 60px!important;
        display: inline-block;
        margin-left: auto;
        margin-right: auto;
        text-align: left;
    }

    .slogan-text h1:before{
        width: 166px;
        height: 188px;
        top: 144px;
        left: 139px;
    }
}

@media screen and (max-width:470px){
    .slogan-text .elementor-widget-container{
        text-align: center;
    }

    .slogan-text h1 {
        font-size: 40px !important;
        display: inline-block;
        margin-left: auto;
        margin-right: auto;
        text-align: left;
    }

    .slogan-text h1:before{
        width: 110px;
        height: 126px;
        top: 95px;
        left: 94px;
    }
}

html body .eael-contact-form-7 input[type=text],
html body .eael-contact-form-7 input[type=email],
html body .eael-contact-form-7 input[type=tel],
html body .eael-contact-form-7 textarea{
    border: none;
    border-bottom: 1px solid #27ae60;
    color: #27ae60;
    padding: 10px;
    width: 100%;
    font-weight: 300;
}

html body .contact-info-list a {
    border-bottom: 1px solid #27ae60;
    padding-bottom: 10px;
}