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

* 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/

====================================================================================== */
.nav-logo img {width: auto !important;}
.services-item::after {background: linear-gradient(100.16deg, #992528 1.96%, rgba(28, 28, 28, 0) 198.08%);}
.features-item .features-icon {background: #3d170e;}
.features-item .features-icon::before {background: #992528;}
.features-item .features-icon svg {fill: #fff; width: 45px; height: 45px;}
.about-list .list-wrap li i {box-shadow: 4px 4px 15px rgba(153, 37, 40, 0.4);}
.project-content-two {background: rgb(153 37 40 / 80%);}
.project-item {background: #3d170e;}
.services-content .number {background: linear-gradient(180deg, rgb(153 37 40 / 14%) 0%, rgba(254, 93, 20, 0) 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent;}
.testimonial-active .slick-dots li button {background: #3d170e;}
.mobile-menu .close-btn {top: 22px;}
.mobile-menu .nav-logo {padding: 15px 25px;}
.breadcrumb-content .breadcrumb a {color: #fff;}
section.breadcrumb-area {position: relative;}
section.breadcrumb-area:before {content: ''; display: block; width: 100%; height: 100%; position: absolute; left: 0; top: 0; background-color: rgba(153, 37, 40, 0.5);}
section.breadcrumb-area .container {position: relative;}

@media (max-width: 991.98px) {
    .menu-area {padding: 10px 0;}
    .secondary-logo img {height: 60px;}
    .sticky-logo img,
	.main-logo img {height: 40px;}
}