/* ===================================================================================

* Theme Name: Roofx Child
* Theme URI: https://www.themedox.com/roofx/
* Author: ThemeDox
* Author URI: https://themeforest.net/user/themedox/
* Description: Roofx - Roofing Services WordPress Theme
* Version: 1.0
* Template: roofx
* License: GNU General Public License version 3.0
* License URI: http://www.gnu.org/licenses/gpl-3.0.html
* Tags: one-column, right-sidebar, left-sidebar, custom-menu, featured-images, post-formats, sticky-post, translation-ready

* We encourage you to create Child theme for any modifications you will want to do.

* Why use Child theme?

* Because of future updates we may provide for this theme that will overwrite your
* modifications and all your custom work.

* If you are not familiar with Child Themes, you can read about it here:
* http://codex.wordpress.org/Child_Themes
* http://wp.tutsplus.com/tutorials/theme-development/child-themes-basics-and-creating-child-themes-in-wordpress/

====================================================================================== */
.transparent-header {
    top: 28px !important;
}
.sticky-menu {
    top: 0 !important;
}
li.header-btn a {
    width: 170px;
    height: 58px;
    background: transparent;
    border: 2px solid #000 !important;
    color: #000 !important;
}
li.header-btn a:hover {
    color: #fff !important;
    border-color: #29abe2 !important;
}
section#banner-sec p {
    font-weight: 300 !important;
    width: 94%;
}
section#sec-2 .features-icon {
    background: #29abe24d;
}
section#sec-2 .features-icon::before {
    background: #ECF9FE !important;
}
section#sec-2 .features-item-inner:hover .features-icon {
    background: #29abe2;
}
section#sec-2 .features-item::before {
    background: #EDFAFF;
	z-index: 1;
}
section#serviec-sec .services-icon {
    box-shadow: 0px 0px 30px hsl(198deg 76% 52% / 40%) !important;
}
section#serviec-sec .services-content .number {
    background: linear-gradient(180deg, #29ABE2 0%, rgb(41 171 226 / 14%) 101%);
    -webkit-text-fill-color: transparent !important;
    background-clip: text;
}
section#serviec-sec .services-item::after {
    background: linear-gradient(100.16deg, #29ABE2 1.96%, rgba(28, 28, 28, 0) 198.08%);
}
section#project-sec a.project-item {
    background: #2D2D2D;
}
section#project-sec .project-link {
    color: #fff !important;
    background: #29ABE2 !important;
}
section#project-sec a.btn {
    width: 163px !important;
    height: 60px !IMPORTANT;
    line-height: 24px !important;
    border: 1px solid #fff !important;
    background: transparent !important;
}
section#project-sec .project-content span {
    color: rgb(255 255 255 / 50%);
}
section#project-sec .project-item:hover .project-content p {
    color: #fff !important;
}
section#team-sec .team-content {
    background: #1f1f1f;
}
section#team-sec .team-item:hover .team-content {
    background: rgb(41 171 226 / 85%);
}
section#blog-sec .blog-post-content .tag {
    background: rgb(51 51 51 / 10%);
    color: #333;
}
section#blog-sec .blog-meta .list-wrap li i {
    color: #6c6c6c;
}
section#blog-sec .blog-meta .list-wrap li a {
    color: #6c6c6c;
}
section#blog-sec .blog-post-content .link-btn {
    color: #29ABE2 !important;
}
.blog-details-thumb img {
    width: 100% !important;
}
section#serviec-sec .services-overlay-content p {
    text-transform: lowercase !important;
}
.newsletter-form {
    flex-wrap: nowrap !important;!i;!;
}
div#three-col-sec .features-item-inner {
    height: 530px !important;
}
.about-btn a {
    transition: all 0.3s ease 0s;
}
.about-btn a:hover {
    background: transparent !important;
}