/*------------------------------------------------------------------------------------- 
Theme Name:		 Rooftek Child Theme
Theme URI:		 https://gramentheme.com/wp/rooftek/
Description:	 Roofing Services WordPress Theme
Author:			 Gramentheme
Author URI:		 https://gramentheme.com/
Template:		 rooftek
Version:		 1.0.0
Text Domain:	 rooftek-child-theme
-------------------------------------------------------------------------------------*/
/*
    Please Add your custom styles here
*/

header {
    height: 144px;
}
.header-style-two {
    padding: 10px 50px;
}
.search-toggle-open.header-search.my-auto {
    display: none;
}
.header-right {
    gap: 70px;
}
.header-style-two .main-menu ul li a {
    color: #000 !important;
}
.header-style-two .main-menu ul li.active > a, .header-style-two .main-menu ul li a:hover {
    color: #FEA301 !important;
}
.header-link-1 .content h6, .header-link-1 .content span {
    color: #000 !important;
}
.header-link-1 .content h6:hover {
    color: #FEA301 !important;
}
a.primary-btn-1 {
    background: #EF5700;
    border-color: #EF5700;
}
.header-link-1 .icon {
    background: #EF5700 !important;
}
.header-link-1 .icon:before {
    border-color: #EF5700 !important;
}
.banner-sub-title:before {
    color: #FEA301 !important;
    border-color: #FEA301 !important;
}
.banner-main-2 .socials-area li {
    color: #FEA301;
    border-color: #FEA301;
}
.banner-main-2 .socials-area li:hover {
    background: #ef5700 !important;
    border-color: #ef5700 !important;
}
.header-style-two.sticky .main-menu ul li a {
    color: #fff !important;
}
.header-style-two.sticky .header-link-1 .content h6, .header-style-two.sticky .header-link-1 .content span {
    color: #fff !important;
}
.header-style-two.sticky .search-toggle-open.header-search .search-icon {
    color: #fff !important;
}
.search-toggle-open.header-search .search-icon {
    color: #000 !important;
}
.features-box-area:before {
    background: #fea301 !important;
}
div#support-sec .features-box-area:hover p, div#support-sec .features-box-area:hover h5 {
    color: #fff !important;
}
div#support-sec .features-box-area:hover .icon-box i {
    color: #fff !important;
}
.banner-dot-inner span.swiper-pagination-bullet.swiper-pagination-bullet-active {
    background: #EF5700 !important;
}
.section-title {
    color: #000 !important;
}
.section-sub-title {
    color: #EF5700 !important;
}
.section-sub-title:before {
    border-color: #EF5700 !important;
    color: #EF5700 !important;
}
ul.list-area li:before, ul.tab-list-content li:before {
    color: #EF5700 !important;
}
ul.list-area li, ul.tab-list-content {
    color: #000 !important;
}
.call-us .icon-1 {
    background: #ef5700 !important;
}
.call-us .icon-1:before {
    border-color: #ef5700 !important;
}
.content.p-relative span, .content.p-relative h5 {
    color: #000;
}
.content.p-relative h5:hover {
    color: #ef5700 !important;
}
.about-2-image-area .icon-box {
    background: #FEA301 !important;
}
#services-sec span.section-sub-title, #services-sec .section-title {
    color: #fff !important;
}
#services-sec span.section-sub-title:before {
    color: #fff !important;
    border-color: #fff !important;
}
.service-tab-btn-area ul .nav-link.active {
    background: #FEA301 !important;
}
.service-tab-btn-area ul .nav-link.active:before {
    background: #ef5700 !important;
}
.service-tab-btn-area ul .nav-link {
    padding: 20px !important;
    color: #000;
}
.service-tab-btn-area ul .nav-link .icon-box i {
    color: #ef5700;
}
#services-sec ul .nav-link.active .icon-box i::before {
    color: #fff !important;
}
.service-tab-content .content h4 {
    color: #000 !important;
}
.work-process-box .icon-box:before {
    background: #ef5700 !important;
}
.text-slider-box .slide-box h1 {
	-webkit-text-stroke-color: #000 !important;
}
.text-slider-box .slide-box svg path {
    fill: #EF5700 !important;
}
.testimonials-section .bg-shape-2 {
    display: none !important;
}
#contact-sec .contact-from .section-sub-title {
    color: #fff !important;
}
#contact-sec .contact-from .section-sub-title:before {
    color: #fff !important;
    border-color: #fff !important;
}
#contact-sec .contact-from .section-title {
    color: #fff !important;
}
.testimonials_btn .primary-btn-4 {
    background: #ef5700;
    margin-top: 10px;
}
.primary-btn-4 span {
    background: #000 !important;
}
.contact-from {
    background: #FEA301 !important;
}
i.icon-quote:before {
    color: #EF5700 !important;
}
i.fa.fa-star:before {
    color: #EF5700 !important;
}
.testimonials_1_navigation__wrapprer button {
    color: #ef5700;
    border-color: #ef5700;
}
.testimonials_1_navigation__wrapprer button:hover {
    background: #ef5700 !important;
}
.footer-main {
    background: url(/wp-content/uploads/2026/03/footer-back-e1772647819382.png)no-repeat center !important;
    background-size: cover !important;
}
.footer-main .text-white {
    color: #000 !important;
}
.footer-title {
    color: #000;
}
.footer-widget-2 .service-list li {
    color: #000 !important;
}
.footer-widget-2 .service-list li:hover {
    color: #ef5700 !important;
}
.footer-widget-2 .service-list li:before {
    color: #ef5700 !important;
}
.footer-top {
    border-color: rgb(0 0 0 / 20%);
}
.footer-bottom span {
    color: #000;
}
.footer-bottom .footer-socials span a {
    color: #ef5700 !important;
}
.footer-bottom .footer-socials span {
    border-color: #ef5700;
}
.footer-bottom .footer-socials span:hover  a {
    color: #fff !important;
}
div#project-sec .container-fluid {
    display: none;
}
section.project-slider-two-section {
    padding: 0;
}
.project-slider-two-section .bg-shape {
    display: none !important;
}
.project-two-title-area {
    margin: 0;
}
div#project-sec img {
    height: 400px;
    object-fit: cover !important;
}
div#project-sec img:hover {
    filter: brightness(0.5);
}

@media only screen and (max-width: 1366px) and (min-width: 1024px){
	.testimonials-section .bg-shape {
		background-size: 44% 100%;
	}
}

@media only screen and (max-width: 1000px) and (min-width: 320px){
	.header-style-two .sidebar__toggle .bar-icon {
		color: #ee5600;
	}
	.header-style-two {
		padding: 10px 0 !important;
	}
	header {
		height: 114px;
	}
	.banner-main-2 {
		padding: 100px 0 !important;
	}
	.banner-area-2 {
		text-align: center !important;
	}
	p.banner-text {
		padding: 0 !important;
	}
	section.icon-box-counter-section .col-xxl-3 {
		width: 50%;
	}
	.icon-box-counter-area {
		justify-content: center;
	}
	.icon-box-counter-area i {
		font-size: 52px;
	}
	.icon-box-counter-area .content h3 {
		font-size: 26px;
	}
	.icon-box-counter-area .content span {
		font-size: 16px;
	}
}