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

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

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

.logo img {
    width: 180px;
    transform: scale(1.4);
}

#one-third-ser strong {
    display: contents;
    color: #6b883a;
}

#one-third-ser .about-list .list-wrap li {font-size: 16px;line-height: 26px;}

#one-third-ser .about-list .list-wrap li i {
    width: 20px;
    height: 20px;
    font-size: 10px;
    margin-right: 10px;
}

.page-id-96 .services-overlay-content .read-more {
    display: none;
}

#choose-sec strong {
    color: #6b883a;
    display: contents;
}

.contact-info-item .content p {
    width: 100%;
    text-align: center;
    margin: 0 auto;
}

.contact-info-wrap .list-wrap {
    align-items: start;
}

#count-sec .odometer-inside::after {
    content: '+';
    color: white;
}

#gal-sec img:hover {
    filter: brightness(0.5);
}

#gal-sec img {
    padding: 3px;
}

div#sticky-default {
	padding: 10px 0;
}

/* preloader */

.preloader-img img {
    width: 9%;
}
.preloader-img {
	  animation: fadeIn 10s;
}
.page-loading .loader-icon {
    font-size: 0px !important;
    display: none !important;
}


.preloader.home{
	display: none;
}

.home .preloader.home {
    display: block;
}
.preloader {
	  position: fixed;
	  top: 0;
	  left: 0;
	  width: 100%;
	  height: 100%;
	  display: flex;
	  justify-content: center;
	  align-items: center;
	  background-color: #000;
	  z-index: 999999;
}
#videoPlayer {
		max-width: 100%;
		max-height: 100%;
		width: 100%;
		object-fit: cover;
}

#inn-pgcont p, #inn-pgcont li {
    color: white;
}

#inn-pgcont h3 {
    color: white;
    text-transform: capitalize;
    font-weight: 500;
    margin: 40px 0 20px;
}

#inn-pgcont li::marker {
    color: #68883f;
    font-size: 20px;
}

#inn-pgcont li {list-style: square;}


.breadcrumb-bg {
	background-attachment: fixed;
}

.post-text h4 {
    color: #68883f;
    font-weight: 500;
    font-size: 20px;
}

.post-text li {
	color: white;
}

.post-text li::marker {
	color: #68883f;
}

.contact-info-wrap .list-wrap li {width: 33%;}

.contact-info-wrap .list-wrap li:last-child {
    width: 40%;
}

@media only screen and (max-width: 1000px){
	
	.contact-info-wrap .list-wrap li:last-child {
    width: 100%;
}
	
	.post-text h4 {
    font-size: 18px;
}
	
	.blog-meta .list-wrap li:last-child {
    width: 45% !important;
}
	
	.blog-details-area {
    padding: 50px 0  !important;
}
	
	
.blog-sidebar {
    margin-top: 50px !important;
}
	
	div#sticky-default {
    position: unset !important;
    margin: 0;
    background: #111111 !important;
    padding: 10px 5px !important;
 }

	
	#banner-sec .elementor-background-slideshow__slide__image {
		border-radius: 0 !important;
	}

	body.page-id-84 div#sticky-default .container {
		max-width: 100% !important;
		margin: 0 !important;
		padding: 0 10px;
	}
	
	.btn {
    padding: 16px 30px;
    font-size: 14px;
	}
	
	.about-list .list-wrap li {
    font-size: 16px;
    line-height: 24px;
}
	
	.newsletter-form .form-grp input, .contact-form-wrap .form-grp input {
    height: 46px !important;
}
	
	.services-content .title {
    font-size: 22px;
}
	
	.testimonial-item {
    text-align: center;
}

.testimonial-avatar .avatar-thumb img {
    display: none;
}

	.testimonial-content > p {
    font-size: 18px;
    line-height: 28px;
}

.testimonial-avatar .avatar-content .title {
    font-size: 18px;
    line-height: 20px;
}

.testimonial-active .slick-dots {
    display: none;
}
	
	.project-area-three .project-item-two {
    margin: 0;
}
	
	.breadcrumb-bg {
    text-align: center;
    padding: 50px 0;
}

.breadcrumb-content .title {
    margin-bottom: 0 !important;
    font-size: 30px;
}

.breadcrumb-content .breadcrumb {
    place-content: center;
    margin: 10px  0 0;
}
	
	
.row-rev .elementor-container.elementor-column-gap-no {
    flex-direction: column-reverse;
}
	
	.contact-form-wrap .form-grp textarea {
    max-height: 120px !important;
    min-height: 120px !important;
}
	
	.nav-logo img {
    width: 80px;
}

.mobile-menu .nav-logo {
    padding-top: 20px;
}

.mobile-menu .social-links ul {
    display: none;
}

.mobile-menu-visible .mobile-menu .menu-box, .mobile-menu {
    background: #080808 !important;
}

.mobile-menu .navigation li > a {
    color: white;
}

.mobile-menu .navigation li > a:hover {
    color: #6b883a;
}

.mobile-menu .navigation li {
    border-color: #232323;
}
	

.logo {
    width: 100px;
}

.menu-area .mobile-nav-toggler {
    margin-top: 15px;
}
	
	.contact-info-wrap .list-wrap li {
    width: 100%;
}
	
	#inn-pgcont h3 {
    font-size: 24px;
    margin: 30px 0 12px;
}
	
}