/*

Theme Name: Hemaphore Elementor Child

Theme URI: https://hemaphore.fr

Template: hello-elementor

Author: Hemaphore Elementor Team

Author URI: https://hemaphore.fr

Description: A plain-vanilla & lightweight theme for Elementor page builder

Tags: flexible-header,custom-colors,custom-menu,custom-logo,editor-style,featured-images,rtl-language-support,threaded-comments,translation-ready

Version: 2.0.6.1559570635

Updated: 2019-06-03 16:03:55

*/
/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 1.0.1
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/*
    Add your custom styles here

*/

/* general */

.clear{
    clear: both;
    display: block;
}

.float_left, *[class*="float_left"]{float:left;}

.float_right, *[class*="float_right"]{float:right;}


/* listing chats */

.wrap_chats_list{
    width: 68%;
}

.wrap_chats_list.no_search{
    width: 100% !important;
}

.chats-list{
    display: flex;
    justify-content: space-evenly;
    flex-wrap: wrap;
    width: 100%;
    margin: 0 auto; 
      
}

.chat-list-item{
    width: 40%;
    transition: .5s;
    margin-bottom: 50px;
}

.chat-list-item img{
    width: 100%;
}

.chat-list-item-text{
	width: 80%;
	margin-left: 10%;
}

.chat-list-item-title{
	margin-top: 30px;
	margin-bottom: 20px;
}


.chat-list-item-photo{
	opacity: 1;
	transition: .7s;
}

.chat-list-item-photo:hover{
	opacity: .8;
}

.chat-list-item-excerpt{
	margin-bottom: 15px;
}

.chat-list-item-readmore{
	text-transform: uppercase;
	font-weight: bold;
	margin-bottom: 40px;
	font-size: 13px;
	letter-spacing: 2px;
	transition: .7s;
}

.chat-list-item-readmore:hover{
	letter-spacing: 3px;
}

.chat-list-item-photo, .chat-lst-item-text, .chat-list-item-title, .chat-list-item-readmore{
	cursor: pointer;
}

.chat-details{
	margin-bottom: 30px;
	display: flex;
	justify-content: space-between;
	font-weight: bold;
    font-size: 14px;;
}

/* Chat Full */
.chat-affiche{
	margin: 0 auto;
	width: 100%;
    margin-bottom: 100px;
}

.chat-affiche-photo{
	margin-bottom: 20px;
	width: 100%;
}

.chat-affiche-description{
	margin-top: 30px;
}

.chat-affiche-details{
	margin-top: 30px;
}

.chats-nav{
	margin: 0 auto;
	width: 100%;
	margin-top: 50px;
	display: flex;
	justify-content: center;
	font-weight: bold;
}

/* chats recherche */
.chat-recherche-form{
    margin-bottom: 50px;
    width: 30%;
}

.chat-recherche-form .field{
    margin-bottom: 15px;
    position: relative;
    z-index: 1;
}

.chat-recherche-form .field.field_ville{
    z-index: 2;   
}

.villes_ajax{
    position: absolute;
    top: 70px;
    left: 0;
    width: 100%;
    max-height: 350px;
    overflow: auto;
    background: #f5f5f5;
    display: none;
}

.villes_ajax ul{
    padding: 0;
    margin: 0;
    list-style: none;
}

.villes_ajax ul li{
    display: block;
    cursor: pointer;
    padding: 5px 10px;
    font-size: 14px;
    border-bottom: 1px solid #ddd;
}

.villes_ajax ul li:hover{
    background: #eee;
}

.villes_ajax p{
    padding: 5px;
    margin: 0;
    font-size: 12px;
    color: red;
}

.chat-recherche-form input, .chat-recherche-form select{
    border: 2px solid #EDEDED;
}

.chat-recherche-form .btn_submit{
    border: none;
    background: #EE323A !important;
    color: #fff !important;
    width: 100%;
    display: block;
    margin-bottom: 5px;
    margin-top: 25px;
}

.chat-recherche-form .btn_submit:hover{
    opacity: 0.8;
}

.chats-recherche{
	display: flex;
	margin-top: 30px;
}

.chats-recherche-details{
	width: 100%;
	border: 1px solid #777;
	padding: 5px;
}

.chats-recherche-details-titre{
	width: 100%;
	text-align: center;
}

.chat-details-recherche-filtres{
	font-size: 20px;
	font-style: italic;
	text-align: center;
}

.chat-resultat-non{
	text-align: center;
	font-size: 25px;
	font-weight: bold;
	width: 100%;
}

.pagination_links{
    text-align: center;
}

.pagination_links a, .pagination_links span{
    display: inline-block;
    padding: 5px 10px;
    line-height: 1em;
    border: 1px solid #f5f5f5;
    margin-right: 3px;
}

.color_red{
    color: red !important;
}

/* chat single */

.chat_title_section{
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    padding: 65px 0;
}

.chat_title_section .container{
    margin: 0 auto;
    max-width: 1300px;
    padding: 0 15px;
}

.chat_title_section h1{
    font-family: "Amatic SC", Sans-serif;
    font-size: 50px;
    line-height: 1.1em;
    color: #fff;
}

.chat_main{
    padding: 20px 0 50px;
}

.bloc_left_chat .img{
    text-align: center;
    margin-bottom: 30px;
}

.chat_main .img{
    margin-bottom: 20px;
}

.chat_main .chat-full-description{
    margin-bottom: 20px;
}

.chat-full-details{
    /*float: left;
    width: 30%;
    padding-left: 30px;*/
    margin-top: 30px;
}


/* Media queries */
@media(max-width: 767px){
    .chat-list-item{
        width: 90%;
        flex-direction: column;
    }

	.chat-list-item-readmore{
		letter-spacing: 1px;
	}

	.chat-list-item-readmore:hover{
		letter-spacing: 2px;
	}

    
}


@media (max-width:767px) 
{
    body{}

    .no_float_xs{float:none !important; flex: none !important; width:100% !important; margin-right:auto !important; margin-left:auto !important; 
    display:block !important;}
    
    .row .no_float_xs{max-width: none;}
    
    .no_position_absolute_xs{width:100% !important; right:auto !important; left:auto !important; top:auto !important; bottom:auto !important;
    margin-right:auto !important; margin-left:auto !important; position:relative !important; display:block !important;}
    
    .hidden_xs{display: none !important;}
    
    .visible_xs{display: block !important;}
    
    .visible_xs_inline_block{display: inline-block !important;}
    
    .align_center_xs{text-align:center !important;}
    
    .margin_bottom_xs{margin-bottom:40px;}
    
}



/* Injected by Child Theme CSS Injector */
.elementor-button-link{text-decoration:none!important}