/*
 Theme Name:   My Listing Child
 Theme URI:    http://mylisting.27collective.net/my-city/
 Description:  MyListing Child Theme
 Author:       27collective
 Author URI:   https://27collective.net/
 Template:     my-listing
 Version:      1.1
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
 Tags:         one-column, two-columns, three-columns, left-sidebar, right-sidebar, grid-layout, custom-menu, custom-logo, featured-images, footer-widgets, full-width-template, sticky-post, theme-options, threaded-comments, translation-ready
 Text Domain:  my-listing-child
*/

.stroke-white .uael-heading-wrapper::before {
	 -webkit-text-stroke: 1px #ffffff75;
	  text-stroke: 1px #ffffff75;
	color:#FFF0 !important;
}

.stroke-black .uael-heading-wrapper::before
{
	 -webkit-text-stroke: 1px #1514011c;
	  text-stroke: 1px #1514011c;
	color:#FFF0 !important;
}


.main-slider {
	 position: relative;
	 width: 100%;
	 height: 80vh;
	 box-shadow: 0 3px 10px rgba(0, 0, 0, 0.3);
	display: grid;
  place-items: center;
  overflow: hidden;
}
 .item {
	 width: 150px;
	 height: 150px;
	 list-style-type: none;
	 position: absolute;
	 bottom: 0%;
	 transform: translateY(-50%);
	 z-index: 1;
	 background-position: center;
	 background-size: cover;
	 border-radius: 5px;
	 box-shadow: 0 20px 30px rgba(255, 255, 255, 0.3) inset;
	 transition: transform 0.1s, left 0.75s, top 0.75s, width 0.75s, height 0.75s;
}
 .item:nth-child(1), .item:nth-child(2) {
	 left: 0;
	 bottom: 0;
	 width: 100%;
	 height: 100%;
	 transform: none;
	 border-radius: 0;
	 box-shadow: none;
	 opacity: 1;
	 
}
 .item:nth-child(3) {
	 left: 50%;
	 
}
 .item:nth-child(4) {
	 left: calc(50% + 180px);
}
 .item:nth-child(5) {
	 left: calc(50% + 360px);
}
 .item:nth-child(6) {
	 left: calc(50% + 540px);
	 opacity: 0;
}
 .content {
	 width: min(30vw,1000px);
	 position: absolute;
	 top: 30%;
	 left: 10rem;
	 transform: translateY(-50%);
	 font: 400 0.85rem helvetica, sans-serif;
	 color: white;
	 text-shadow: 0 3px 8px rgba(0, 0, 0, 0.5);
	 opacity: 0;
	 display: none;
}
.title {
	 text-transform: uppercase;
	 font-size:96px;
  font-weight: bold;
}
 .content .description {
	 line-height: 1.7;
	 margin: 1rem 0 1.5rem;
	 font-size:31.5px;
}

.content button:hover {
	transition:0.3s;
	background-color: #fff;
	 color: #141300;
	 border: 2px solid #fff;

}
 .content button {
	 transition:0.3s;
	 width: fit-content;
	 background-color: #fadc00;
	 color: #141300;
	 border: 2px solid #fadc00;
	 border-radius: 0.25rem;
	 padding: 0.75rem;
	 cursor: pointer;
	 font-size :18px;
	-webkit-box-shadow: 0px 0px 30px 0px #FADC00; 
box-shadow: 0px 0px 30px 0px #FADC00;
}
 .item:nth-of-type(2) .content {
	 display: block;
	 animation: show 0.75s ease-in-out 0.3s forwards;
}
 @keyframes show {
	 0% {
		 filter: blur(5px);
		 transform: translateY(calc(-50% + 75px));
	}
	 100% {
		 opacity: 1;
		 filter: blur(0);
	}
}
 .nav {
	 position: absolute;
	 bottom: 2rem;
	 left: 5%;
	 bottom:10%;
	 transform: translateX(-50%);
	 z-index: 5;
	 user-select: none;
}
 .nav .btn {
	 background-color: #5bb1cd;
	 color: #fff;
	 margin: 0 0.25rem;
	 padding: 0.75rem;
	 border-radius: 50%;
	 cursor: pointer;
}
 .nav .btn:hover {
	 background-color: rgba(255, 255, 255, 0.3);
}

.slider h2, .slider .description {
	color:#fff;
	
}

.icone-fnaim .elementor-icon-box-icon {
      margin-top: 10px;
}

.nav {
	left:14% !important;
}
#cmplz-manage-consent .cmplz-manage-consent {
  right:100px !important;
}

.ariane .ml-breadcrumbs {
    background-color: #0000 !important;
}

.ariane .ml-breadcrumbs h1 {
    display: none
}

.ariane .ml-breadcrumbs h1 {
    display: none
}

.tab-txt {
	font-size:13px;
}

.tab-center {
	font-size:18px;
	text-align:center;
}

.uael-table span.sort-style {
  justify-content: center;
}

.uael-table-body-cell-text {
	background-color:#fff;
}

.bg-jaune-header {
	background-color:#fadc00 !important;
}

.bg-bleu-header {
	background-color:#5bb1cd !important;
}

.bg-bleu-fonce-header {
	background-color: #3c3d53 !important;
}

.bg-bleu-fonce-body {
	background-color: #3c3d5312 !important;
}

.bg-jaune-body {
	background-color:#fffce2 !important;
}

.bg-bleu-body {
	background-color:#d0f4ff !important;
}

.tab-prix {
	font-size: 28px;
}

#invisible, .sib-email-area input {
	border-bottom:0;
}

.sib_signup_box_inside_2 .btn-newsletter:hover {
	background-color:#5bb1cd !important;
	transition:0.5s
		color:#fff;
}

.blogpost-section {
	padding-bottom:5% !important;
}



@media only screen and (width > 650px) and (width < 900px) {
	 .content .title {
		 font-size: 0.9rem;
	}
	 .content .description {
		 font-size: 0.65rem;
	}
	 .content button {
		 font-size: 0.7rem;
	}
	 .item {
		 width: 130px;
		 height: 220px;
	}
	 .item:nth-child(3) {
		 left: 50%;
	}
	 .item:nth-child(4) {
		 left: calc(50% + 140px);
		 
		 
	}
	 .item:nth-child(5) {
		 left: calc(50% + 280px);
	}
	 .item:nth-child(6) {
		 left: calc(50% + 420px);
		 opacity: 0;
	}	
}

@media only screen and (min-device-width : 320px) and (max-device-width : 767px) {
	
	.icone-fnaim .elementor-image-box-content
	{
		width: 40% !important;
    float: left !important;
	}
	
	.icone-fnaim .elementor-image-box-img {
		width: 50% !important;
    float: left !important;
    margin-right: -3px !important;
    margin-left: -30px !important;
	}

}
