/*
Theme Name:  Listeo ChildTheme
Theme URI: http://listeo.pro
Author: Purethemes
Author URI: http://themeforest.net/user/purethemes
Description: Directory WordPress Theme by Purethemes
Version: 1.0
License: ThemeForest
License URI: http://themeforest.net/licenses
Text Domain: listeo
Domain Path: /languages/
Tags: light, responsive-layout, post-formats, theme-options, translation-ready, two-columns
Template:  listeo
*/
.main-search-inner .highlighted-category h3 {
    font-size: 15px;
    color: #66676b;
    opacity: 1;
    transition: 0.4s;
    line-height: 22px;
    margin: 0;
    font-weight: 400;
    display: inline-block;
    margin-left: 6px;
    font-size: 14px;
    font-weight: 400;
    position: relative;
    color: #fff;
}
.main-search-container.plain-color .main-search-inner .highlighted-category:hover h3{
	color:#333
}
.main-search-container.plain-color .main-search-inner .highlighted-category h3 {
    color: #fff;
    opacity: 1;
	padding:10px;
}
.main-search-container.plain-color h3 {
    color: #111;
    opacity: 0.65;
    font-weight: 400;
}
.icon-box-2 p {
    color: #333;
}
.main-search-input .drilldown-menu .menu-label {
    color: #333;
}
p,.headline.headline-with-subtitle.headline-extra-spacing span{
	line-height:1.5!important;
	font-size:16px!important;
	font-family: 'Roboto',sans-serif!important;
    color: #333;
	
}
.category-small-box h4,.category-small-box .category-box-counter, .elementor-widget-icon-box .elementor-icon-box-description {
    color: #333!important;
}
.main-search-input input, .main-search-input input:focus {
	color:#333;
}
 .category-box-counter {
    color:#333;
	
}
.custom-categorie-boxes a:hover .category-box-counter {
	color:#fff!important;
}
.testimonial-carousel .slick-slide.slick-active .testimonial-box p{
	color:#fff
}
.category-small-box h3{
	font-size:18px;
}
.category-small-box:hover h3, .category-small-box:hover i {
    color: #fff!important;
    transition: 0.3s;
}
body .taxonomy-gallery-text p {
    color: #333;
}
input::placeholder{
	color:#333
}
.testimonial-carousel .slick-slide.slick-active .testimonial-box .testimonial:after {
    position: absolute;
    opacity: 1;
    color: #fff;
}

h2.headline{
	margin-bottom:20px;
	font-weight:600
}
.footer-widget h2{
	font-size:22px
}
h2 {
    font-size: 34px;
    line-height: 1.2;
    font-weight: 600;
}
/*Hero section*/
.main-search-container.plain-color .highlighted-categories-headline {
    display: none;
}
.highlighted-categories{
	padding-right:0!important
}
.main-search-container.plain-color .main-search-inner .highlighted-category {
    background: #2b2d42; 
}
.listing-widget{
	margin-top:60px
}
.category-box:before {
    box-shadow: inset 0 0 0 1000px rgba(0, 0, 0, .30);
}

.category-box-btn {
    left: 34px;
	right:unset;
}
.image-animated img{
	animation: border 10s linear infinite alternate forwards;
}
@keyframes border{
	
	0%, 100% {
    border-radius: 63% 37% 54% 46% / 55% 48% 52% 45%;
}
14% {
    border-radius: 40% 60% 54% 46% / 49% 60% 40% 51%;
}
28% {
    border-radius: 54% 46% 38% 62% / 49% 70% 30% 51%;
}
42% {
    border-radius: 61% 39% 55% 45% / 61% 38% 62% 39%;
}
56% {
    border-radius: 61% 39% 67% 33% / 70% 50% 50% 30%;
}
70% {
    border-radius: 50% 50% 34% 66% / 56% 68% 32% 44%;
}
84% {
    border-radius: 46% 54% 50% 50% / 35% 61% 39% 65%;
}
}
.section-7 .image-morph img{
	animation: morph 4s linear infinite;
	transition: all .3s ease-in-out;
}
.custom-categorie-boxes .categories-boxes-container-alt{
	margin-bottom:0!important
}
@keyframes morph{
	0%, 100% {
    border-radius: 40% 70% 80% 30% / 40% 40% 60% 50%;
}

34% {
    border-radius: 65% 30% 60% 50% / 30% 30% 70% 70%;
}
67% {
    border-radius: 100% 70% 50% 100% / 100% 100% 60% 60%;
}
}
.main-search-simple-slider.main-search-container {
    margin-bottom: 130px;
}
.custom-categorie-boxes a{
	background:#fafafa;
	min-height:235px;
	margin-top:0;
	margin-bottom:0
}
#section-2{
	padding:60px 20px
}
#section-2 .elementor-icon-box-wrapper i{
	color:#d9092d!important;
	font-size:30px
}
#section-2 .elementor-icon-box-wrapper:hover i{
	color:#fff!important
}
#section-2 img{
	animation: bounce-y 10s infinite ease-in-out;
}

@keyframes bounce-y{
	0% {
    transform: translateY(0);
}
50% {
    transform: translateY(-30px);
}
100% {
    transform: translateY(0);
}
}
.section-4 .icon-box-2{
	min-height:332px;
	margin-top:0;
	display:flex;
	align-items:center;
	justify-content:center;
	flex-direction:column
}
.section-4 .texte{
	max-width:650px;
	margin-right:auto;
	margin-left:auto;
	text-align:center;
	width:100%
}
.footer-new-bottom-left a:last-child{
	height: 40px;
    line-height: 40px;
}
.footer-new-bottom-left{
	margin-right:125px;
	flex-wrap:wrap;
	text-align:center
}
/*Section blog*/

.blog-compact-item .blog-post-tags li {
    background: #fdf1f3;
    color: #db1537;
}
.blog-compact-item {
	height:380px
}
.blog-page .blog-post .post-content{
	display:inline
}
.blog-page .blog-post .post-content{
	display:flex!important
}
.search-results .blog-post, .archive .blog-post, .blog .blog-post {
   height: 180px;
    }
/*Footer*/
#footer{
	padding-top:60px;
	border:none;
}
#footer .contact-info i{
	background: #fdf1f3;
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    color: #db1537;
	margin-right:10px
}
#footer .contact-info:hover i{
	background:#db1537;
	color:#fdf1f3
}
.footer-new-bottom-left a, #footer .contact-info{
	color:#707070!important
}
.footer-new-bottom-left a:hover{
	color:#d9092d!important
}
.footer-new-bottom-left {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.footer-new-bottom-left a:last-child{
	position:relative;
	width:120px;
	height:40px
	
}
.footer-new-bottom-inner {
    font-size: 16px;
    color: #333333;
    background: rgba(0, 0, 0, 0.035);
    display: flex;
    align-items: center;
}
.footer-new-bottom-left a, #footer .contact-info {
    color: #333333 !important;
}
.footer-new-bottom-left{
	font-family:'Roboto',sans-serif!important;
}
#footer ul.menu li a, #footer a {
    color: #333333!important;
    font-family: 'Roboto';
    font-size: 16px;
}
.footer-new-bottom-left a:last-child::after {
  content: '';
  display: inline-block;
  background-image: url('https://wubik.net/ads/agency-web.svg');
  background-size: contain;
  background-repeat: no-repeat;
  margin-left: 0px;
  vertical-align: middle;
  position:absolute;
  width: 100%;
  height: 100%;
}
#footer .contact-info{
	display:flex;
	align-items:center
}
#footer .contact-info a{
	color: #333333 !important;
    font-family: 'Roboto', sans-serif !important;
    font-size: 16px!important;
}
#footer .contact-info a:hover{
	color:#DB1537!important
}
#footer  .col-md-4:nth-child(2){
	display:flex;
	justify-content:center
}
img.footer-logo {
    max-height: 80px;
}

*{
  box-sizing: border-box;
}
.copyright-bloc{
	display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    font-size: 14px !important;
    line-height: 1.5 !important;
    font-weight: 400 !important;
    transition: color 0.3s ease 0s;
}
.copyright-bloc .copyright-nav{
    margin: 0;
    padding: 0;
    text-align: center;
}
.copyright-bloc .copyright-nav .list-item{
    display: inline-block;
    margin: 0 5px 0 0;
}
.copyright-bloc .copyright-nav .list-item:last-child{
  margin-right: 0;
}
.copyright-bloc .copyright-nav .list-item::after{
    content: "|";
    margin: 0 0 0 5px;
}
.copyright-bloc .copyright-nav .list-item.company-item .company-name{
	text-transform: uppercase;
    font-weight: 900 !important;
}
.copyright-bloc .copyright-nav .list-item .item-link{
    display: inline-block;
    text-decoration: none;
    transition: color 0.3s;
}
.copyright-bloc .agency-logo{
	display: inline-flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
}
.copyright-bloc .agency-logo::before{
    content: 'Développé par';
    display: inline-block;
    margin: 0 5px;
    vertical-align: middle;
}
.copyright-bloc .agency-logo .logo-link{
    display: inline-block;
    width: 135px;
    margin: 0;
    text-decoration: none;
}
.copyright-bloc .agency-logo .logo-img{
    height: auto;
    max-width: 100%;
    border: none;
    border-radius: 0;
    box-shadow: none;
}
.copyright-bloc .agency-logo.inverted .logo-img{
	  filter: invert(1);
}

.footer-new-bottom-left {
    width: 100%;
    display: flex;
    justify-content: center;
}
.footer-new-bottom-left a{
	display: inline-block;
    margin: 0 5px 0 0;
    font-size: 16px;
    transition: all 0.3s linear;
	position:relative

}
.footer-new-bottom-left a::after {
    content: "|";
    margin: 0 0 0 5px;
}

.footer-new-bottom-right {
    display: none;
}
.main-search-simple-slider .container.msps-container {
    width: 100%;
    max-width: 100%;
}
/*title bar*/

#titlebar h1{
	font-size:41px;
}
#titlebar {
    padding: 60px 0;
}
#titlebar.gradient {
    background: linear-gradient(to bottom, #f7f7f7 0%, rgba(255, 255, 255, .5));
    padding-bottom: 60px;
}
/* #titlebar h1{
	font-size:41px;
	color:#fff!important */
}
 #titlebar {
    text-align: center;
}
#breadcrumbs {
	display:block;
	transform: translateY(0%);
    position: static;
    font-size: 15px;
    font-weight: 400;
    color: #888;
    max-width: 100%;
    text-align: center;
}

 #titlebar span {
    color: #000
}

 #titlebar #breadcrumbs ul li.home a span{
	color:#d90429
}
#titlebar {
    margin-bottom: 0;
}
#titlebar h2:not(#listing-galleryr #titlebar h2 ), #titlebar h1:not(#listing-gallery #titlebar h1){
	text-align:center;
}
#breadcrumbs ul li {
    display: inline-flex;
	align-items:center;
}
#breadcrumbs ul{
	display: inline-flex;
    align-items: center;
}
#breadcrumbs ul li:before{
	top:3px
}
#titlebar span:not(#breadcrumbs .post-root span, .listing-tag) {
    text-align: center;
    width: 100%;
}
.page-template-template-dashboard{
	max-width:1300px;
} 
.last-section p{
	color:#fff
}
/*PAGE CONTACT*/
.office-address{
    background: #2b2d42;
}
.office-address h2{
    color: #fff;
}
.office-address i{
	 background: red;
    width: 40px;
    height: 40px;
    align-items: center;
    justify-content: center;
    height: 40px;
    line-height: 40px;
    border-radius: 50%;
}
.box-info{
	text-align: center;
    max-width: 90%;
    margin-right: auto;
    display: flex;
    margin-left: auto;
    flex-direction: column;
    justify-content: left;
    align-items: baseline;
}
#field_submit{
	display: flex;
    align-items: center;
    justify-content: end;
}
.form-wrap input:not(.gchoice input, .gform-button){
	height: 51px!important;
    line-height: 51px!important;
    padding: 0 20px;
    outline: none;
    font-size: 15px;
    color: #808080!important;
    margin: 0 0 16px 0;
    max-width: 100%;
    width: 100%;
    box-sizing: border-box;
    display: block;
    background-color: #fff;
    border: 1px solid #dbdbdb!important;
    box-shadow: 0 1px 3px 0px rgba(0, 0, 0, 0.06)!important;
    font-weight: 500;
    opacity: 1;
    border-radius: 3px!important;
}
.form-wrap textarea{
	background-color: #fff;
    border: 1px solid #dbdbdb!important;
	border-radius: 3px!important;
	color: #808080!important;
	resize:none
}  
.form-wrap i{
	background: #fdf1f3;
    color: red;
    width: 70px!important;
    height: 70px!important;
    display: flex!important;
    align-items: center;
    justify-content: center;
    font-size: 30px;
    border-radius: 50%;
}
    
.form-wrap .gform-button{
	background: #d9092d!important;
    color: #fff !important;
    padding: 15px 50px!important;
    border-radius: 100em !important;
}
.gfield_description , label{
	font-size:14px!important;
	font-family:'Roboto',sans-serif!important;
	color:#7A7A7A!important
}
.contact-map{
	margin-bottom:0!important
}
.contact-map p{
	color:#fff
}
.user-name span {
    display: none;
}
/*PAGE INDISPENSABLES*/
.privacy-policy .content-container{
	width: 100%;
    max-width: 1200px;
    background:#f0f0f0ad;
    padding: 30px !important;
    margin: 30px auto;
    border: 1px solid #2b2d42;
}
body p {
    font-size: 16px;
    line-height: 1.5;
}
.privacy-policy h2{
	font-size: 34px!important;
    line-height: 40px!important;
    margin: 0 0 30px!important;
    font-weight: 500!important;
}
.privacy-policy p:last-child, .privacy-policy li:last-child, .privacy-policy ul:last-child{
	margin-bottom:0
}
#cmplz-document{
	max-width:100%;
	font-size:16px!important;
	
}
#cmplz-document p{
	font-size:16px!important
}
.privacy-policy .margin-top-55{
	display:none
}
/*Page blog*/
/* .blog-post{
	height:200px
} */
.blog-post .read-more{
	display:none!important
}
.post-content p {
    margin:10px 0 5px
}
.sidebar{
	background: #fff8f9;
    padding: 20px;
}
.blog-page .col-lg-3{
	width:30%
}
.blog-page .col-lg-9{
	width:70%
} 
.post-meta li.meta-cat {
    background: #fff;
}
.post-meta li.meta-cat a{
	color:#DC1436
}
.post-meta li.meta-cat:hover a{
   color: #ffff; 
}
.post-meta li.meta-cat:hover{
	background:#DC1436
}
.blog-page .blog-post .post-content, .single-post .post-content  {
    display:inline;
}

/*Responsive*/


@media (min-width: 992px) {
    .category-box-content {
        padding-right: 0;
    }
	.category-box-content {
    position: absolute;
    bottom: 107px;
}
}

@media(max-width:1920px){
	#header .container{
		max-width:1200px;
		width:100%
	}
}
@media (min-width: 1240px) {
   #header .container {
        width: 1200px;
    }
}
@media(max-width:1440px){
#navigation.style-1 ul a {
    padding: 2px 10px;
	font-size:14px!important;
      }
.footer-new-bottom-left {
    margin-right: 97px;
      }
	}

@media(max-width:1280px){
.footer-new-bottom-left{
	margin-right:30px
		}
.footer-new-bottom-left a:nth-child(4)::after{
	display:none
		}
	}
@media(max-width:1024px){
.footer-new-bottom-left{
	margin-right:0
}	
.footer-new-bottom-left a:last-child{
	margin-right:125px;
	
	}
.footer-new-bottom-left a:nth-child(4){
	width:100%
	}
.footer-new-bottom-left a:nth-child(3)::after{
	display:none
	}

	}
@media(max-width:768px){
.footer-new-bottom-left a{
	text-align:left	
	}
#footer	.col-sm-6{
	width:100%	
	}
#footer .col-md-4:nth-child(2) {
    display: flex;
    justify-content: left;
}
.footer-new-bottom-left {
    justify-content: left;
}
	
}
@media(max-width:600px){
.footer-new-bottom-left a:nth-child(2){
		width:100%
	}
.footer-new-bottom-left a:nth-child(2)::after, .footer-new-bottom-left a:nth-child(1)::after{
		display:none
	}
}