/*
Theme Name: Leroux Child
Theme URI: https://leroux.qodeinteractive.com
Description: A child theme of Leroux
Author: Elated Themes
Author URI: https://qodeinteractive.com
Version: 1.0
Text Domain: leroux
Template: leroux
*/


.overview-box .elementor-image-box-content p {
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 5;
	-webkit-box-orient: vertical;
}

.page-id-11398 .qodef-content-grid {
	width: 100% !important;
}
.contact-btn{
	padding: 10px;
	background-color: rgba(255, 255, 255, .2);
	backdrop-filter: blur(4px) brightness(100%);
	border-radius: 25px;
	margin-right: 15px;
}
.contact-btn .fa-file-pen:before{
	font-size: 20px;
}
.overlay-sec{
	position: relative;
}

.overlay-sec::before{
	content: '';
	position: absolute;
	top: 0;
	right: 0;
	left: 0;
	height: 100%;
	width: 100%;
    background-color: rgb(20 19 19 / 25%);
	z-index: 1;
}

/* FOOTER */
#qodef-page-footer-bottom-area-inner {
	border-bottom-color: rgba(255, 255, 255, 0.36);
	border-bottom-width: 1px;
	border-bottom-style: solid;
}

#qodef-page-footer #qodef-page-footer-bottom-area .qodef-grid .qodef-grid-item {
	padding: 0 30px 0 0;
}

#qodef-page-footer #qodef-page-footer-bottom-area .qodef-grid-item {

	padding: 0 30px 0 0;
}

#qodef-page-footer-copyright-area {
	padding: 25px 0 25px;
}

.widget_leroux_core_contact_form_7 .qodef-contact-form-7 .qodef-newsletter input {
	padding: 10px 8px;
}

.qodef-contact-form-7 .qodef-newsletter .qodef-button {
	top: 5px;
	right: -1px;
}

.qodef-newsletter .wpcf7-email,
#blog_search input.search-field {
	padding-right: 120px !important;
}

#qodef-page-footer .qodef-grid-item ul.menu li {
	margin: 0 0px 5px !important;
}

#qodef-page-footer .qodef-grid-inner h5.qodef-m-title::after {
	content: '';
	width: 70%;
	height: 1px;
	background-color: #96a2a2;
	position: absolute;
	bottom: -3px;
	left: 0;
}

#qodef-page-footer .qodef-grid-inner h5.qodef-m-title {
	display: inline-block;
	position: relative;
	margin-bottom: 20px;
}
.page-id-11398 #qodef-page-inner{
	padding-bottom: 0px !important;
}
.slide-sec .qodef-m-content-left-bottom p{
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;  
  overflow: hidden;
}

@media (max-width:1024px) {
	#qodef-page-footer #qodef-page-footer-bottom-area .qodef-grid-item::after {
		content: none !important;
	}

	#qodef-page-footer #qodef-page-footer-bottom-area .qodef-grid .qodef-grid-item {
		padding: unset;
	}
	.page-template-default #qodef-page-mobile-header-inner,.qodef-mobile-header-navigation ul{
		width: 86%;
  		margin: 0 auto;

	}
	.single.single-post .widget_leroux_core_icon span.qodef-shortcode a span{
		color:#000 !important;
	}
}

/* Blog */
#blog_search {
	margin-bottom: 20px;
}

#blog_search input.search-field {
	background-color: transparent;
	border-color: #96a2a2;
	color: #fff;
	padding: 10px 8px; 
	font-size: 15px;
}

#blog_search .search_box .btn.search-btn {
	font-size: 14px;
	padding: 5px 29px;
	position: absolute;
	right: 0;
	top: 5px;
	background-color: #38464a;
}

.search-results .qodef-page-title h1.qodef-m-title {
	display: none;
}

.search-no-results #qodef-page-outer .qodef-m-title {
	font-size: 18px;
	font-weight: 500;
	line-height: 24px;
}

.single.single-post .qodef-e-media-image {
	position: relative;
}

.single.single-post .qodef-e-media-image::after {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgb(0 0 0 / 22%);
}
.qodef-button.qodef-layout--arrow .qodef-svg--button-arrow{
	margin-top: 40px !important;
}

/* ABOUT */
.services-fec .qodef-icon-with-text .qodef-m-icon-wrapper {
	display: none;
}

.hover-btn a {
	box-shadow: -6px -6px 8px 0 rgba(78, 89, 93, 0.5) inset, 7px 7px 12px 0 rgba(78, 89, 93, 0.4) inset, 6px 6px 14px 0 rgba(78, 89, 93, 0.5), -3px -3px 12px 0 rgba(78, 89, 93, 0.4);
	background-color: transparent !important;
	color: white !important;
}

.solution-form .qodef-contact-form-7 .qodef-cf7-skin--light input,
.solution-form .qodef-contact-form-7 .qodef-cf7-skin--light textarea {
	color: #20282d !important;
	border-color: #20282d;
}

.solution-sec {
	width: 1280px !important;
	margin: 0 auto !important;
	margin-bottom: 30px !important;
}

.solution-sec-btn {
	margin-bottom: 0 !important;
}

.overview-sec .qodef-e .qodef-e-image img {
	max-width: 210px;
	width: auto;
}
.blog-sec .qodef-e-bottom-holder{
	margin-top: 20px !important ;
}
	::-webkit-input-placeholder {
		color: black;
	}
	:-ms-input-placeholder {
		color: black;
	}
	::placeholder {
		color: black;
	}
@media (max-width:1024px) {
	.overview-sec .qodef-e .qodef-e-image img {
		max-width: 125px;
	}
}

@media (max-width:680px) {
	.overview-sec .qodef-e .qodef-e-image img {
		max-width: 150px;
		max-height: 80px;
	}
	#qodef-page-footer .qodef-m-image img{
		    width: auto;
    max-width: 200px;
	}

	.solution-sec {
		margin-bottom: 0px !important;
	}
	h1{
		font-size: 36px;
        line-height: 1.2em;
	}
	.home-bnr-sec h1{
		font-size: 47px !important;
	}
}

.qodef-testimonials-list .qodef-e-title {
	font-weight: 700 !important;
}

#qodef-page-footer .qodef-m-image,#qodef-page-footer .widget_text{
	    margin-bottom: 15px !important;
}

.slider-btn {
	text-align: right;
}

#qodef-page-footer-bottom-area .qodef-grid-item P.has-text-color>br {
	display: none !important;
}
@media (max-width:1440px) {
	.qodef-header-wrapper ul.menu li {
        margin: 0 30px !important;
	}
	h5{
	font-size: 18px!important;
    line-height: 1.2em !important;
    margin-bottom: 15px !important;
	}

}
@media (max-width:1199px) {
	.slide-sec .qodef-m-image img {
        height: 400px;
        width: 500px;
        margin-right: auto;
        object-fit: cover;
    }
	.slide-sec .qodef-m-image{
		display: flex !important;
	}
	.banner-sec{
		 height: 500px;
		display: flex;
		align-items: center;
	}
	.blog-sec h4 a{
		  display: -webkit-box;
		  -webkit-line-clamp: 3;
		  -webkit-box-orient: vertical;  
		  overflow: hidden;
	}
	.blog-banner{
		padding-top: 120px !important;
	}
	.qodef-header-wrapper ul.menu li {
        margin: 0 30px !important;
	}
}
@media (max-width:1024px) {
	#qodef-page-footer-bottom-area #qodef-page-footer-bottom-area-inner.qodef-content-full-width{
		padding-left: 15px;
		padding-right: 15px;
	}
	.qodef-grid.qodef-responsive--custom.qodef-col-num--1024--2>.qodef-grid-inner {
        --qode-columns: 4 !important;
    }
	#qodef-page-footer .qodef-grid-inner {
        gap: 40px;
    }
	.post-template-default #qodef-page-inner {
        padding: 40px 0px 40px 0px;
    }
	#qodef-page-comments{
		margin-top: 20px;
	}
	#qodef-single-post-navigation {
    margin: 30px 0 3px;
	}
	#qodef-related-posts {
    margin-top: 20px;
	}
	 .single-post .qodef-grid.qodef-layout--template>.qodef-grid-inner>.qodef-grid-item.qodef-col--sidebar {
        margin: 30px 0 0;
    }
	#qodef-page-sidebar {
    	margin-bottom: 10px;
	}
	#qodef-page-mobile-header{
		background-color: transparent !important;
	}
	.get-in-touch .elementor-widget-wrap{
		background-size: cover !important;
	}
	#qodef-page-wrapper #qodef-page-mobile-header{
		background-color: transparent !important;
	}
	.testimonial .qodef-m-title{
		    text-align: left !important;
	}
	.single-post .qodef-mobile-header-logo-link img {
		filter: invert(1) !important;
	}
	.single-post .qodef-m-lines{
		color: #20282d !important;
	}
}

@media (max-width:991px) {
	
	.counter-sec .qodef-m-digit-wrapper .qodef-m-digit{
	    font-size: 60px !important;
	}
	.counter-sec .qodef-m-svg svg{
		height: 75px;
		width: 75px;
	}
	 .qodef-grid.qodef-responsive--custom.qodef-col-num--1024--2>.qodef-grid-inner {
        --qode-columns: 2 !important;
    }
	.qodef-video-button .qodef-m-play span:before {
		width: 60px;
		height: 60px;
	}
	.Video-sec .qodef-icon-with-text .qodef-m-wrapper{
		padding: 0px !important;
	}
	.qodef-testimonials-list.qodef-item-layout--info-below .qodef-e-inner {
        padding: 20px 0 0;
    }
	.qodef-testimonials-list.qodef-item-layout--info-below .qodef-e-text {
    margin: 0 0 30px;
	}
	.blog-sec .qodef-grid-inner .qodef-grid-item:not(:last-of-type), .our-team .qodef-grid-inner .qodef-grid-item:not(:last-of-type){
		margin-bottom: 20px;
	}
	.testimonial .elementor-container{
		width: 100% !important;
	}
	.testimonial .qodef-grid-inner .qodef-grid-item:not(:last-of-type){
		margin-bottom: 20px !important;
	}
	.faq-sec .qodef-accordion-title {
		padding: 10px 0px !important;
	}
	.faq-sec .qodef-accordion-content{
		padding-bottom: 10px !important;
	}
	.faq-sec{
		padding-bottom: 40px !important;
	}
	.slide-sec .qodef-m-content .qodef-m-image img{
	    height: 500px;
        object-fit: cover;
	}
	.blog-sec .qodef-e-inner{
		margin-bottom: 20px;
	}
	.slide-sec .ui-accordion{
		padding: 0px 15px !important;
	}
	.slide-sec .qodef-m-content-inner{
		padding: 30px 0px !important;
	}
	.slider-btn {
		text-align: start;
	}
	.slide-sec{
		padding-top: 0px !important;
	}
/* 	.qodef-mobile-header-navigation>ul:not(.qodef-content-grid){
		padding-right: 15px !important;
		padding-left: 15px !important;
	} */
	.qodef-mobile-header-navigation>ul {
		padding: 15px 0px !important;
	}
	.digital-sec{
		padding-bottom: 0px !important;
	}
	.blog-sec{
		padding: 0px 15px !important;
		margin-bottom: 0px !important;
	}
	.qodef-grid .qodef-grid-item{
		margin-bottom: 0px !important;
	}
	.faq-box .qodef-accordion-content{
		padding-bottom: 10px !important;
	}
	.faq-box .qodef-accordion-title{
		padding: 10px 0px !important;
	}
	#qodef-page-footer-copyright-area-inner{
		padding: 0px 15px !important;
	}
	#qodef-page-footer-copyright-area-inner .qodef-grid-inner{
		gap: 10px !important;
	}
	.slide-sec .qodef-m-header{
		padding: 10px 0 !important;
	}
	.meet-team-sec .qodef-grid-item{
		margin-bottom: 20px !important;
	}
	.blog-sec{
		padding-top: 40px !important;	
	}
	.blog-sec .elementor-widget-wrap{
		padding: 40px 0px 40px 0px !important;
	}
	.blog-sec .qodef-grid-inner{
		 --qode-columns-col-gap: 20px !important;
		--qode-columns-row-gap: 20px !important;
	}
	#qodef-page-footer-copyright-area .qodef-grid-inner{
		display: flex;
		flex-direction: row !important;
		width: 100%;
	}
	.testimonial .elementor-widget-container{
		padding-bottom: 0px !important;
	}
	.faq-sec .e-con-inner{
		padding: 0px !important;
	}
	.faq-title{
		padding-top: 0px !important;
	}
	.Video-sec{
		padding: 0px 15px !important;
	}
	.box-sec .qodef-m-wrapper{
		padding: 25px !important;
	}
	.Video-sec .elementor-container{
		flex-direction: column-reverse;
	}
	.Video-sec .qodef-m-image{
		margin-top: 20px !important;
	}
	.blog-sec{
		padding-top: 0px !important;
	}
	.blog-sec .elementor-element{
		padding: 0px !important;
	}
	.mfp-container {
        padding-left: 15px !important;
        padding-right: 15px !important;
    }
	button.mfp-close svg{
		height: 20px !important;
		width: 20px !important;
	}
	.testimonial .qodef-e-inner:before {
    	color: rgb(178 180 180) !important;
	}
	.play-btn .qodef-m-play-inner::before{
   		transform: scale(1.5,1.5) !important;
	}
}

@media (max-width:767px) {
	.qodef-grid.qodef-responsive--custom.qodef-col-num--1024--2>.qodef-grid-inner {
        --qode-columns: 1 !important;
		 gap: 0px !important;
    }
	 h2 {
        font-size: 37px;
		 line-height: 1.3;
    }
	.blog-sec {
		padding-top: 40x !important;
	}
	#qodef-page-inner{
		padding-bottom: 0px !important;	
	}
	#qodef-page-footer-copyright-area .qodef-grid-inner{
		flex-wrap: wrap;
	}
	.meet-team-sec .elementor-widget-wrap{
		justify-content: start !important;
	}
	.faq-title{
		padding-top: 20px !important;	
	}
	.page-id-5590 #qodef-page-inner{
		padding-bottom: 0px !important;
	}
	.page-id-7516 #qodef-page-inner{
		padding-bottom: 0px !important;
	}
	.faq-box .e-con.e-flex{
		padding: 0px !important;
	}
	.faq-sec .elementor-element{
		padding: 0px !important;
	}
	#qodef-page-mobile-header .qodef-mobile-header-logo-link img.qodef--main{
		max-width: 175px;
	}
	.qodef-opener-icon.qodef-source--predefined .qodef-m-lines {
    	width: 35px;
	}

	.qodef-grid .qodef-grid-item{
		padding-bottom: 20px !important;
	}
	 #qodef-page-footer-bottom-area #qodef-page-footer-bottom-area-inner {
        padding-bottom: 30px !important;
    }
	.solution-sec .e-con-inner .e-con-inner{
		    width: auto !important;
    margin-left: 0;
	}
}
@media (max-width:575px) {
	.counter-sec .qodef-m-content h5{
		font-size: 16px;
	}
}
@media (min-width:767px) {
	#qodef-page-footer-copyright-area .qodef-grid-inner {
		text-align: center;
		width: 60%;
		margin: 0 auto;
	}
}