
body{
    font-size: 14px;
    line-height: 27px;
    font-family: "Open Sans", sans-serif;

}

/* ====== Page header ========*/

body:not(.home) #header{
    position: relative !important;
}

.breadcrumb>li{
    color: #777;
}
.custom-breadcrumb-style-1.breadcrumb > li + li:before {
    padding-left: 10px;
}
.page-header h1, .recent-post .recent-post-title{
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box !important;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}
/* ====== Page header END========*/

.simple-post-list .post-info a{
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

/* ============ pagination ============*/
.pagination{
    justify-content: center;
}

.pagination .page-numbers{
    padding: 0;
    width: 38px;
    text-align: center;
    height: 38px;
    line-height: 38px;
    font-size: 0.9rem;
    border-radius: 50%;
    border: 1px solid #dee2e6;
    display: inline-block;
    margin-right: 5px;
}
.pagination .page-numbers.current{
    background-color: #2a2a2a;
    color: #fff;
}
.pagination .page-numbers:not(.current):hover{
    background-color: #f4f4f4;
}

/*======== Blog =========*/
.blog-area article h2{
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}
.blog-area article p{
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}
.post .post-content .post-description{
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}


/* ======= wpcf7-form =========*/
.wpcf7-form p{
    margin-bottom: 15px;
}
.wpcf7-form .wpcf7-text, .wpcf7-form .wpcf7-textarea{
    padding: 0.7rem 1rem;
    background-color: #f4f4f4;
    border: none;
    line-height: 1.85;
    width: 100%;
}

.wpcf7-text:focus, .wpcf7-textarea:focus {
    outline: 1px solid #f0f0f0;
}

.newsletter{
    z-index: 9999;
    position: relative;
}

.newsletter .wpcf7-text{
    background-color: #fff;
}
.newsletter .wpcf7-submit{
    padding-top: 12px;
    padding-bottom: 12px;
}

.newsletter .wpcf7-response-output{
    margin-top: 0 !important;
    margin-left: 0 !important;
}


/*======== header menu ==========*/
@media (min-width: 992px){
    #header .header-nav-main nav>ul>li>a {
        font-weight: 700 !important;
    }
    #header .header-nav.header-nav-links nav > ul > li.current-menu-item > a {
        color: #00a335;
    }
    #header .header-nav-main nav>ul>li>a.dropdown-toggle .fa-chevron-down {
        display: block;
        margin-left: 5px;
        margin-top: -2px;
        font-size: 10px;
    }
    #header .header-nav-main nav>ul>li.dropdown .dropdown-menu li a{
        padding-top: 8px;
        padding-bottom: 8px;
    }

}

.accordion .card {
    margin-top: 5px;
}
.thumb-info .thumb-info-title{
    padding: 0;
}
.thumb-info .thumb-info-title .thumb-info-inner{
    padding: 8px 15px;
}
.single-project-post .lightbox .owl-carousel .owl-item img{
    width: auto;
}


.work-flow-image img{
    max-height: 700px;
}

.pricing-table .plan .plan-features{
    border-bottom: 1px solid #ededed;
}

.pricing-table .plan .plan-features ul li {
    line-height: 1.7;
    padding-top: 15px;
    padding-bottom: 15px;
    font-size: 15px;
}


/* ======= template skin ===========*/
html .bg-color-quaternary, html .bg-quaternary {
    background-color: #f9f9f9 !important;
}

.gg-seo .parallax-background{
    /* background-position: center !important; */
    background-size: contain !important;
}

#footer{
    font-size: .9rem !important;
    font-weight: 500 !important;
}

.bg-custom-gray{
    background-color: #e4eaf0 !important;
}

.post-content .post-excerpt{
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.thumb-info.thumb-info-show-hidden-content-hover {
    display: block;
}
.thumb-info.thumb-info-show-hidden-content-hover .thumb-info-content-inner {
	display: block;
	transform: perspective(500px) translate3d(0, 0, 0px);
	transition: transform .3s ease-out;
}

.thumb-info.thumb-info-show-hidden-content-hover .thumb-info-content-inner .thumb-info-content-inner-hidden {
	transition: all .3s ease-out;
	opacity: 0;
}

.thumb-info.thumb-info-show-hidden-content-hover:hover .thumb-info-content-inner {
	transform: translate3d(0, -50px, 0);
}

.thumb-info.thumb-info-show-hidden-content-hover:hover .thumb-info-content-inner .thumb-info-content-inner-hidden {
	opacity: 1;
}

.product-thumb .thumb-info-wrapper{
    width: 100%;
    padding-top: 100%;
    position: relative;
    overflow: hidden;
}

.image-container{
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}
.image-container img{
    object-fit: cover;
    width: 100%;
    height: 100%;
}

.custom-post-image {
    width: 100%;
    padding-top: 55%;
    position: relative;
    overflow: hidden;
}

.contact-session{
    margin-top: -35px !important;
}

.post-page .card-body .card-text
{
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.post-large.blog-single-post img{
    max-height: 350px;
}
