body{
    color: white !important;
}

#dynamicModal{
    .modal-content {
        .modal-title{
            .bx{
                color: var(--schcolor1);
            }
        }
        border: 1px solid var(--schcolor1);
    }
}

.lobibox-notify-default{
    border: 1px solid var(--schcolor1);
    box-shadow: 2px 2px 5px var(--schcolor1);
    -webkit-box-shadow: 2px 2px 5px var(--schcolor1);
    &:hover{
        box-shadow: 3px 3px 10px var(--schcolor1);
        -webkit-box-shadow: 3px 3px 10px var(--schcolor1);
        border-color: var(--schcolor1) !important;
    }
    .lobibox-notify-title,
    .lobibox-close{
        color: var(--schcolor1) !important;
    }

    .lobibox-delay-indicator>div{
        background-color: var(--schcolor1);
    }

    .bx{
        color: var(--schcolor1);
    }
}


.sch-logo{
    height: 68px;
    float: left;
    margin-right: 20px;
}

.sch-logo-big{
    height: 200px;
    background-color: white;
}

.sch-color,
.sch-color:hover{
    color:var(--schcolor1);
}

a,
a:active,
a:hover,
a.current,
.fa {
    color: var(--schcolor1) !important;
    text-decoration: none;
}


.navbar-default{
    span:first-child{
        color: black;
    }

    .navbar-brand{
        line-height: 65px !important;
    }

    .navbar-nav{
        li{
            a{
                color: var(--schcolor2) !important
            }
            a:active,
            a:hover,
            a.current{
                color: var(--schcolor1) !important;
            }
        }
    }

}



#service .fa{
    display: block;
    margin: 0px auto;
}

#service h4{
    text-align: center;
}

#service p{
    text-align: center;
}

#home{
    padding-top: 50px !important;

    .right{
        margin-top: 10%;
    }
    h1{
        span{
            font-weight: normal !important;
        };
    }

}
.tech-stack li::marker{
    color: var(--schcolor1);
}

@media screen and (max-width: 992px){
    #home{
        padding-top: 80px !important;
    }
}

.section:nth-child(even){
    background-color: var(--schcolor2) !important;

    .timeline{
        .event{
            background-color: var(--schcolor3);
        }
        .event:after{
            border-color: var(--schcolor2);
        }
    }

    .post,
    .tile,
    .post-comments{
        background-color: var(--schcolor3);
    }


}

.section:nth-child(odd){
    background-color: var(--schcolor3) !important;

    .timeline{
        .event{
            background-color: var(--schcolor2);
        }
        .event:after{
            border-color: var(--schcolor3);
        }
    }

    .post,
    .tile,
    .post-comments{
        background-color: var(--schcolor2);
    }
}

.avatar{
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    display: inline-block;
    vertical-align: middle;
    border: 6px solid var(--schcolor1);

    img{
        -moz-border-radius: 50%;
        -webkit-border-radius: 50%;
        border-radius: 50%;
        width: 100%;
        margin: 0 auto;
    }
}


.animatedIcon{
    margin:0px auto;
}

.steps,
.services{
    .step,
    .service{
        float: left;
        margin: 25px 0px;

        h3{
            font-size: 20px;
            text-align: center;
        }

        .dotlottie{
            height: 200px ;
            margin-bottom: 10px;
        }
    }

    .service{
        height: 285px;
    }

    .step{
        height: 470px;
        .step-num{
            text-align: center;
            background-color: var(--schcolor1);
            border-radius: 27px;
            width: 27px;
            height: 27px;
            line-height: 27px;
            margin: 0px auto;
            padding: 0px 10px;
        }

        p{
          text-align: justify;
        }
    }



}

.service{
    .dotlottie{
        height: 200px;
    }
    h3{
        text-align: center;
    }
}

.welcome-social-wrapper{
    span{
        font-size: 14px;
        font-weight: normal;
    }

    .social{
        span{
            padding: 0px;
        }
    }

}

#contact.extended-margin-bottom{
    padding-bottom: 110px !important;
}

footer{
    position: fixed;
    bottom: 0;
    width: 100%;
    background-color: var(--schcolor2);
    z-index: 15;
}


.copyright-text{
    display:none;
}

.cookie-text .fa-close{
    font-size: 20px;
}

#callback24 .phone-number-input,
#callback24 .phone-number-message-input{
    color: var(--schcolor1);
    border: 1px solid var(--schcolor1) !important;
    font-size: 24px;
}

#cv {
    .me-stack-wrapper{
        padding-top: 4em;
        span{
            font-weight: normal;
        }

        span{
            padding: 0px;
        }

        .social{
            margin-top: 15px;

        }
    }


}

#projects{
    li::marker{
        color: var(--schcolor1);
    }

    figure{
        img{
            max-width: 453px;
        }

        figcaption{
            border: 1px solid var(--schcolor1);
        }
    }

}


#copyright{
    color: white;
    .glyphicon, i{
        cursor: pointer;
        color: var(--schcolor1);
    }
}

#not-found{
    .tile{
        a,
        a:hover,
        p{
            color: var(--schcolor1);
        }
    }

    video{
        width: 100%;

    }
    .dotlottie{
        height: 200px;
    }
}