/*
Theme Name: Ruffer
Theme URI: https://themeholy.com/wordpress/ruffer/
Author: Themeholy
Author URI: https://themeforest.net/user/themeholy
Description: Plumbing & Repair Service WordPress Theme
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: ruffer
Tags: one-column, flexible-header, accessibility-ready, custom-colors, custom-menu, custom-logo, editor-style, featured-images, footer-widgets, rtl-language-support, sticky-post, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

*/
body.page-id-6268 header, body.page-id-6268 footer {
    display: none;
}
.heigh-vh {
    min-height: calc(100vh - 48px) !important;
}
@media only screen and (max-width:1000px) {
	.copyright-text h2.elementor-heading-title.elementor-size-default,
	.emergency-heading h2.elementor-heading-title.elementor-size-default {
		font-size: 16px !important;
	}
	.emergency-heading {
		padding: 5px 10px !important;
		width: 330px;
	}
	.heigh-vh {
		min-height: auto !important;
	}
}
/* .service-box {
    position: relative;
    cursor: pointer;
}

.service-box > a,
.service-box .box-title a,
.service-box .thumb .icon {
    position: relative;
    z-index: 2;
}

.service-box::after {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 1;
}

.service-box a {
    position: absolute;
    inset: 0;
    z-index: 3;
    opacity: 0;
} */

/* Header sub-menu icon */
.blog-single .social-links li:nth-child(2), .blog-single .social-links li:nth-child(3) {
    display: none;
}
.hide-icon.main-menu ul.sub-menu li a:before {
    display: none;
}
.hide-icon.main-menu ul.sub-menu li a:hover {
    padding-left: 0;
}
.header-info .header-info-link {
    line-height: 0px !important;
}
.elementor-icon-box-content h3.elementor-icon-box-title {
    margin: 0 !important;
}
.header-logo a img {
    width: 64% !important;
    margin-left: -19px !important;
}
.header-layout3 .header-top {padding-top: 0 !important;padding-bottom: 0 !important;}
.service-box.style2 .thumb img {
    height: 200px !important;
    object-fit: cover !important;
}
.header-layout3 .header-top .th-social a {
    background: #666 !important;
    color: #111 !important;
}
.th-hero-slide.slick-slide .col-lg-9 {
    width: 78% !important;
}
.header-layout3 .header-links li:last-child span.header-info {
    width: 70% !important;
}
.title-area.text-center.text-lg-start.mb-60 .col-md-7.col-xl-5 {
    width: 32%;
}
.service-box {
    background: #222222 !important;
}
.service-box .box-title a {
    color: #fff !important;
}
.service-box .service-box_text {
    color: #fff !important;
}
.title-area .sec-title {
    color: #fff !important;
}
p.desc-selector {
    color: #f2f2f2;
}
.about-profile .title {
    color: #fff !important;
}
.about-profile .desig {
    color: #f2f2f2 !important;
}
.about-grid2 .about-grid_text, .about-grid5 .about-grid_text {
    color: #929292 !important;
}
.service-box.style2 .service-box_content {
    background: #222222 !important;
    padding: 0 0px 170px  !important;
}
.testi-block.style6 {
    background: #222 !important;
    height: 500px !important;
    padding: 70px 56px !important;
}
.testi-block.style6 .testi-block_text {
    font-size: 16px !important;
    line-height: 34px !important;
    color: #fff !important;
}
.testi-block.style6 .testi-block_profile {
    color: #999999 !important;
}
.testi-block .box-title {
    color: #999 !important;
}
.customer-wrap {
    background: #222222 !important;
    border-top: 1px solid #E41E26;
}
.customer-wrap .customer-wrap-title {
    color: #fff !important;
}
.customer-wrap .customer-wrap-text {
    color: #fff !important;
}
.skill-feature_title, .skill-feature .progress-value {
    color: #fff !important;
}
.elementor-icon-box-icon {
    background: #333333 !important;
    padding: 20px !important;
    border-radius: 50px;
}
.blog-card, .blog-grid-card.style4 {
    background: #222 !important;
}
.blog-card.style3 .blog-title a, .blog-card.style12 .blog-title a, .blog-grid-card .box-title a {
    color: #fff !important;
}
.blog-card.style12 .blog-text, .blog-card.style13 .blog-text, .blog-grid-card.style2 .blog-text, .blog-grid-card.style3 .blog-text, .blog-grid-card.style4 .blog-text {
    color: #fff !important;
}
.blog-card.style12 .blog-bottom .link-btn, .blog-card.style13 .blog-bottom .link-btn, .blog-grid-card.style2 .link-btn, .blog-grid-card.style3 .link-btn, .blog-grid-card.style4 .link-btn {
    color: #fff !important;
}
.blog-card.style3:hover .blog-content, .blog-card.style12:hover .blog-content {
    background: #000 !important;
}
.blog-card.style12 .blog-meta a, .blog-card.style13 .blog-meta a {
    color: #999 !important;
}
.accordion-card .accordion-collapse {
    background-color: #333 !important;
}
.accordion-card .accordion-button {
    background-color: #333 !important;
    color: #fff !important;
}
.accordion-card .accordion-body {
    color: #fff !important;
}
.accordion-card .faq-text {
    color: #fff !important;
}
.accordion-card .accordion-button:after {
    color: #999999 !important;
}
.accordion-card .accordion-button:not(.collapsed):after {
	color: #E41E26 !important;
}
.header-top {
    background-color: #111 !important;
}
.header-layout3 .menu-area-left, .header-layout3 .menu-area-left:after {
    background: #191919 !important;
}
.main-menu a {
    color: #fff !important;
}
.main-menu a:hover {
    color: #E41E26 !important;
}
.header-layout3 .logo-bg {
    background: #E41E26 !important;
}
.slick-arrow {
    background: transparent !important;
}
.footer-layout3 .footer-widget .recent-post .post-title, .footer-layout3 .footer-widget .widget_title {
    color: #fff !important;
}
.footer-widget.widget_meta a, .footer-widget.widget_pages a, .footer-widget.widget_archive a, .footer-widget.widget_categories a, .footer-widget.widget_nav_menu a {
    color: #f2f2f2 !important;
	padding: 0 !important;
}
.info-box_text {
    color: #f2f2f2 !important;
}
.info-box_title {
    color: #fff !important;
}
.info-box_link {
    color: #fff !IMPORTANT;
}
.info-box_link:hover {
    color: #e33d4a !important;
}
.footer-layout2 .copyright-wrap {
    background: #111 !important;
}
.th-widget-about .about-text {
    color: #f2f2f2 !important;
}
.th-social a {
    background-color: #df2130 !important;
}
.footer-widget.widget_nav_menu a:before {
    display: none;
}
.hero-slider-2 .slick-arrow {
    background-color: #707070 !important;
    color: #fff !important;
}
.soluttion-sec .service-box {
    height: 350px !important;
}
.title-area-wrap ul li {
    color: #f2f2f2 !important;
    line-height: 38px !important;
    list-style: decimal;
}
.cta-sec a.th-btn.style2 {
    background: #1c1c1c !important;
    color: #fff !important;
}
p {
    color: #f2f2f2 !important;
}
.soluttion-sec .title-area h2 {
    font-size: 32px !important;
    line-height: 30px !important;
    color: #df2130 !important;
}
.blog-card.style12 {
    height: 588px !important;
}
.th-widget-about .about-logo img {
    width: 60% !important;
}
.contact-feature {
    background: #333 !important;
}

.contact-feature .icon-btn {
    background: #111 !important;
}

.th-contact-form.bg-smoke {
    background: #333 !important;
}

.blog-inner-title {
    color: #fff !important;
}
.footer-widget.widget_nav_menu a {
    line-height: 30px !important;
}
.contact-feature_link {color: #f2f2f2 !important;}
select.style-white, .form-control.style-white, .form-select.style-white, textarea.style-white, input.style-white {
    background: #111 !important;
    border: 1px solid #df2130;
    color: #f2f2f2 !important;
}
.blog-card.style12 .blog-content {margin-top: 18px !important;}
.blog-meta a {
    color: #fff !important;
    pointer-events: none !important;
}

.share-links span {
    color: #fff !important;
}

.blog-details .blog-single {
    border: none !important;
}
/* Marquee-CSS-Start */
.setMarquee span {
    font-family: 'Manrope', sans-serif !important;
    font-size: 16px !important;
    font-weight: 600;
    display: inline-flex;
    align-items: center;
    /* gap: 0px; */
    justify-content: space-around;
	text-transform: uppercase;
    color: #fff;
}
/* .setMarquee label {
    display: inline-block;
    width: 50px;
    height: 2px;
    background: #001b1d;
    margin: 0px 0%;
} */
.setMarquee {
    height: 54px;
    overflow: hidden;
    position: relative;
    display: flex;
    align-items: center;
/* 	background: #df2130 !important; */
}
/* nested div inside the container */
.setMarquee div {
    display: flex;
    width: 300%;
    position: absolute;
    overflow: hidden;
    animation: marquee 36s linear infinite;
    top: -4px;
    left: 0px;
    bottom: 0px;
}
/* span with text */
.setMarquee span {
    float: left;
    width: 50%;
}
/* keyframe */
@keyframes marquee {
    0% { left: 0; }
    100% { left: -200%; }
}
.marqueescreen .vc_column-inner {
    padding: 0 !important;
}
.marqueescreen .wpb_raw_code.wpb_content_element.wpb_raw_html {
    margin: 0 !important;
}
/* Marquee-CSS-End */
.menu-area a.header-btn.th-btn.style3 {
    padding-right: 44px !important;
}

.img-box3 .play-btn {
    pointer-events: none !important;
}
@media only screen and (max-width: 1000px) {
	.header-logo a img {
		margin-left: 0 !important;
		width: 150px !important;
	}
	.th-widget-about .about-logo img {
    	width: 160px !important;
	}
	.cta-sec {
		margin-top: 0 !important;
	}
	.title-area.text-center.text-lg-start.mb-60 .col-md-7.col-xl-5 {
		width: 100% !important;
	}
	.title-area-wrap ul {
    	padding-left: 30px !important;
	}
	.btn-group.justify-content-center.slideinup a.th-btn.style3 {
		padding: 20px !important;
	}
	.th-btn.style2 {
		padding: 10px 20px !important;
	}
	.elementor-icon-box-icon {
		width: 60px !important;
		margin: 0 auto !important;
        margin-top: 20px !important;
	}
	.blog-card.style12 {
    	height: auto !important;
	}
	.mobile-logo img {
    	width: 160px !important;
	}
	.hero-title {
    	font-size: 32px !important;
    	line-height: 38px !important;
	}
	.footer-widget.widget_nav_menu a {
    	line-height: 30px !important;
	}
	.setMarquee span {
		width: 100% !important;
	}
	.setMarquee div {
    	width: 992% !important;
	}
	h2.elementor-heading-title.elementor-size-default {
		font-size: 28px !important;
		line-height: 30px !important;
	}
	.setMarquee {
/*     	height: 30px !important; */
	}
	

}
@media only screen and (min-width: 1280px) and (max-width: 1366px) {
	.menu-area a.header-btn.th-btn.style3 {
		padding: 26px 56px !important;
	}
	.header-logo a img {
		width: 60% !important;
	}
	.header-layout3 .main-menu {
		margin-left: 218px !important;
	}
	.header-layout3 .menu-area-left:after {
    	background: transparent !important;
	}
	.header-layout3 .menu-area {
    	align-items: center;
	}
}