/*
 Theme Name:   	Appku Child
 Theme URI: 	https://themelocker.tech/wordpress/appku
 Description:  	This is a child theme for Appku - SaaS Landing Page WordPress Theme
 Author:       	Validthemes
 Author URI:   	https://themeforest.net/user/validthemes/portfolio
 Template:     	appku
 Version:      	1.0
 Tags:         	two-columns, three-columns, left-sidebar, right-sidebar, flexible-header, custom-background, custom-colors, custom-header, custom-menu, theme-options, editor-style, featured-images, microformats, post-formats,  sticky-post, threaded-comments, translation-ready
 Text Domain:  	appku-child
*/

/*  [ Add your custom css below ]
- - - - - - - - - - - - - - - - - - - - */
body .wpcf7-form-control-wrap .auto-expand {
    height: 4.5em;
    min-height: 90px;
    max-height: 300px;
    overflow-y: auto;
    overflow-x: hidden;
    resize: vertical;
    width: 100%;

    color: var(--e-global-color-text);
    font-family: var(--e-global-typography-primary-font-family), Sans-serif;
    font-size: var(--e-global-typography-primary-font-size);
    font-weight: var(--e-global-typography-primary-font-weight);
    font-style: var(--e-global-typography-primary-font-style);




}

.contact-form-box p {
    padding-bottom: 30px;
}

.contact-content form input {
    min-height: 40px !important;
    padding: 15px 20px !important;
    border-radius: 100px !important;
}

.contact-content form input,
.contact-content form textarea {
    border-radius: 100px !important;
    background: #F7F7F7;
    color: var(--e-global-color-text);
    font-family: var(--e-global-typography-primary-font-family), Sans-serif;
    font-size: var(--e-global-typography-primary-font-size);
    font-weight: var(--e-global-typography-primary-font-weight);
    font-style: var(--e-global-typography-primary-font-style);
}

#contact>div>div>div>div>div>div>p {
    max-width: 50%;
    margin: 20px auto 20px;
}

.auto-expand:focus,
.form-control:focus {
    color: #212529;
    background-color: #fff;
    border-color: #9d6bd296 !important;
    outline: 0;
    box-shadow: 0 0 5px .20rem rgb(212 172 255 / 87%) !important;
}

.form-box h2,
.form-box p {

    text-align: center;
}

#custom_html-2 img {
    max-width: 70% !important;
    margin-top: 0;
}

.contact-form {
    padding-top: 35px;
}

.contact-content .form-box {
    margin: 0 auto;
    padding-left: 70px;
    padding-right: 70px;
}

footer .title {
    color: #3f3d56 !important;
    font-family: "Montserrat", Sans-serif;
    font-size: 15px;
    font-weight: 500;
    font-style: normal;
    text-transform: uppercase;

}

footer .icon {
    display: none;
}

#custom_html-2 p {
    max-width: 90%;
}

#custom_html-2 p,
footer .f-items .f-item.link li a,
footer .f-items .widget_nav_menu li a {
    color: var(--e-global-color-text);
    font-family: var(--e-global-typography-primary-font-family), Sans-serif !important;
    font-size: var(--e-global-typography-primary-font-size) !important;
    font-weight: var(--e-global-typography-primary-font-weight) !important;
    font-style: var(--e-global-typography-primary-font-style) !important;
}

footer .f-items .f-item.link li a::after,
footer .f-items .widget_nav_menu li a::after {
    font-weight: var(--e-global-typography-primary-font-weight) !important;

}

footer .f-items .f-item.link li a:hover,
footer .f-items .widget_nav_menu li a:hover {
    color: var(--e-global-color-primary) !important;
}

.contact-widget {
    padding-left: 20px;
}

footer .f-items .f-item .address li strong {
    display: none !important;
}

footer .f-items .f-item .address li {
    margin-bottom: 8px;
}

footer .f-items .f-item .address .content a {
    color: var(--e-global-color-primary);
}

footer .f-items .f-item .address .content a:hover {
    color: #6e4ea4;
    font-weight: 400;
}

footer .footer-bottom {
    border-top: 1px solid rgb(235 235 235) !important;
}

footer .footer-bottom a {
    font-weight: 400;
    color: #6e4ea4;
}
.breadcrumb-area {
    padding: 60px 0 30px;
    word-break: break-word;
}
.shadow.dark::after{
    background:transparent;
}
#custom_html-3 .social-icons .fab {
    background: linear-gradient(to right, #6e4ea4, #9d6bd2);
    width: 32px;
    height: 32px;
    line-height: 32px;
    text-align: center;
    border-radius: 100px;
    font-size: 16px;
}

#custom_html-3 .link {
    display: flex;
    justify-content: space-between;
}

body>div.wrapper>footer>div.container>div>div>div.widget_text.col-lg-3.col-md-6.item {
    margin-top: -40px;
}

.footer-bottom .col-lg-6 {
    max-width: 100%;
    text-align: center;
    margin: 0 auto;
    width: 100%;
    display: flex;
    justify-content: center;
}
.page-template header{
    background: #Fff;
    max-height: 120px;
    position: inherit;
    height: 100%;
}
.page-template #top-header nav.navbar-fixed{
    top: 0 !important;
}
.page-template #top-header  .sticked{
    top:32px !important;
}
@media (max-width:992px) {
    body>div.wrapper>footer>div.container>div>div>div.widget_text.col-lg-3.col-md-6.item {
        margin-top: 20px;
    }

    .form-group p {
        margin-bottom: 20px !important;
    }
    #contact>div>div>div>div>div>div>p{
       max-width: 100%;
    }
    #custom_html-2 img{
       max-width: 160px !important;
    }
}
@media (max-width:768px){
    .contact-widget{
        padding-left: 0;
    }
    footer .f-items .item{
        margin-top: 20px;
    }
    footer .f-items {
    padding-top: 55px;
    padding-bottom: 55px;
}
.contact-content .form-box{
    padding-left: 0;
    padding-right: 0;
}
}