/*
Theme Name: WpResidence child theme
Theme URI: https://themeforest.net/item/wp-residence-real-estate-wordpress-theme/7896392
Description: WpResidence child theme
Author: WpEstate
Author URI: http://wpestate.org
Template: wpresidence
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
*/
/*=print invoice
--------------------------------------------------------------------------------*/
.invoice_print_title {
font-size: 25px;
border-top: 1px solid #f0f0f0;
padding-top: 20px;
margin-bottom: 5px;
}
.wpestate_invoice_date{
font-size: 13px;
}
.wpestate_print_invoice_to_section,
.wpestate_print_invoice_from_whom_section{
width: 50%;
float: left;
margin-top: 45px;
font-size: 14px;
margin-bottom: 45px;
line-height: 1.5em;
}
.wpestate_print_invoice_details_wrapper{
width: 100%;
text-align: right;
}
.wpestate_print_invoice_details_detail{
width: 100%;
float: left;
border-bottom: 1px solid #f1f1f1;
padding: 15px 0px;
font-size: 13px;
margin-bottom:0px;
}
.wpestate_print_invoice_details_detail label{
float:left;
font-weight: 700;
}
.wpestate_print_invoice_details_wrapperex_details{
width: 100%;
float: left;
text-align: left;
margin-top: 30px;
font-size: 14px;
line-height: 1.5em;
}
.wpestate_print_invoice_end{
width: 100%;
float: left;
text-align: left;
margin-top: 30px;
font-size: 14px;
line-height: 1.5em;
}
/* Marion : header */
/* .master_header{
position: fixed !important;
} */
#header_personnalized{
margin: 0;
width: 100%;
padding: 0 20px;
max-width: none;
display: grid !important;
grid-template-areas:
"logo haut haut"
"logo menuPrincipal recherche" !important;
grid-template-columns: 130px calc(100vw - 270px) 100px;
}
#top-menu-personnalized{
margin: 0;
grid-area: menuPrincipal;
height: 100%;
}
#top-menu-personnalized ul ul{
display:none;
}
#secondary-top-menu-personnalized{
grid-area: haut;
height: fit-content;
margin: 0;
padding: 0;
}
#secondary-top-menu-personnalizedMobile{
height: fit-content;
margin: 0;
padding: 0;
}
#secondary-top-menu-personnalizedMobile .menu-menu-secondaire-container{
height: auto;
}
#menu-menu-secondaire{
display: flex;
flex-direction: column;
align-items: flex-start;
justify-content: flex-end;
margin: 0;
padding: 30px;
}
#menu-menu-secondaire-1{
display: flex;
align-items: center;
justify-content: flex-end;
margin: 0;
padding: 0;
}
#top-menu-personnalized{
height: 79px !important;
}
#top-menu-personnalized > .menu-menu-principal-container{
margin-top: 10px;
}
#top-menu-personnalized > .menu-menu-principal-container > #menu-menu-principal{
display: flex;
flex-direction: row;
align-items: flex-start;
justify-content: center;
}
.logo{
grid-area: logo;
margin: 0;
}
.full_width_header .logo{
padding-left:20px !important;
}
#recherche{
grid-area: recherche;
margin-top: 10px;
margin-right: 10px;
padding-top: 10px;
float: right;
text-align: right;
}
#rechercheMobile{
margin: 10px auto;
padding-top: 10px;
}
/* Marion Menu principal*/
#top-menu-personnalized .menu>li:hover>a{
color: black;
}
#top-menu-personnalized li{
list-style: none;
}
#top-menu-personnalized .menu{
margin: 0;
}
.menu-item-585>a>.htc-div-around-text>b, .menu-item-169>a>.htc-div-around-text>b, .menu-item-2197>a>.htc-div-around-text>b, .menu-item-171>a>.htc-div-around-text>b{
font-weight: 900;
}
.menu-item-585, .menu-item-169, .menu-item-2197, .menu-item-171{
position: relative;
}
@media screen and (min-width: 1096px){
#top-menu-personnalized .menu>li>a>.htc-div-around-text{
position: absolute;
top: 6px;
left: 55px;
font-size: 19px;
line-height: 24px;
}}
@media screen and (max-width: 1096px) and (min-width: 1024px){
#top-menu-personnalized .menu>li>a>.htc-div-around-text{
position: absolute;
top: 6px;
left: 50px;
}}
.menu-item-171>a>.htc-div-around-text{
top: 15px !important;
}
@media screen and (min-width: 1096px){
.menu-item-585::before{
content: url("data:image/svg+xml; utf8, ");
}}
@media screen and (max-width: 1096px) and (min-width: 1024px){
.menu-item-585::before{
content: url("data:image/svg+xml; utf8, ");
}}
@media screen and (min-width: 1096px){
.menu-item-169::before{
content: url("data:image/svg+xml; utf8, ");
}}
@media screen and (max-width: 1096px) and (min-width: 1024px){
.menu-item-169::before{
content: url("data:image/svg+xml; utf8, ");
}}
@media screen and (min-width: 1096px){
.menu-item-2197::before{
content: url("data:image/svg+xml; utf8, ");
}}
@media screen and (max-width: 1096px) and (min-width: 1024px){
.menu-item-2197::before{
content: url("data:image/svg+xml; utf8, ");
}}
@media screen and (min-width: 1096px){
.menu-item-171::before{
content: url("data:image/svg+xml; utf8, ");
}}
@media screen and (max-width: 1096px) and (min-width: 1024px){
.menu-item-171::before{
content: url("data:image/svg+xml; utf8, ");
}}
#top-menu-personnalized .menu li{
line-height: normal;
}
@media screen and (min-width: 1180px){
#top-menu-personnalized .menu > li{
width: 310px;
max-width: 22%;
}}
@media screen and (max-width: 1180px) and (min-width: 1024px){
#top-menu-personnalized .menu > li{
width: 230px;
max-width: 22%;
}}
/*sub menu */
#top-menu-personnalized ul li:hover > ul{
display: block;
}
#top-menu-personnalized ul li:hover #top-menu-personnalized{
height: 79px !important;
}
@media screen and (min-width: 1024px){
.sub-menu{
transform: translate(-27px, 20px);
border-radius: 10px;
position: relative;
}}
@media screen and (max-width: 1024px){
.sub-menu{
border-radius: 0px;
position: relative;
}}
.menu-item-585 .sub-menu{
background-color: #dd5f19;
}
.menu-item-169 .sub-menu{
background-color: #f8b334;
}
.menu-item-2197 .sub-menu{
background-color: #ab1f29;
}
.menu-item-171 .sub-menu{
background-color: #424847;
}
@media screen and (min-width: 1024px){
.menu-item-585 .sub-menu:before{
content: url("data:image/svg+xml; utf8, ");
}
.menu-item-169 .sub-menu:before{
content: url('data:image/svg+xml; utf8, ');
}
.menu-item-2197 .sub-menu:before{
content: url('data:image/svg+xml; utf8, ');
}
.menu-item-171 .sub-menu:before{
content: url('data:image/svg+xml; utf8, ');
}
.sub-menu:before{
position: absolute;
top: -12px;
left: 12px;
}}
.mobilex-menu .sub-menu a {
color: white !important;
}
#top-menu-personnalized ul ul{
padding: 20px;
}
#top-menu-personnalized ul ul li{
padding: 0;
font-size: 16px;
margin-bottom: 5px;
}
#top-menu-personnalized ul ul a{
width: 100%;
padding: 0;
margin: 5px auto;
color: white;
}
.sub-menu li:hover a{
padding-left: 0 !important;
text-decoration: underline;
}
/* fin Marion : menu principal*/
#recherche{
cursor: pointer;
width: 40px;
background-image: url('data:image/svg+xml; utf8, ');
background-repeat: no-repeat;
background-size: 40px 40px;
}
#rechercheMobile{
cursor: pointer;
width: 40px;
height: 40px;
background-image: url('data:image/svg+xml; utf8, ');
background-repeat: no-repeat;
background-size: 40px 40px;
}
#recherche-overlay{
background-color: rgba(17, 23, 17, 0.916);
width: 100vw;
height: 300vh;
position: fixed;
top: 0;
left: 0;
z-index: 10;
}
#recherche-overlayMobile{
background-color: rgba(17, 23, 17, 0.916);
width: 100vw;
height: 300vh;
position: fixed;
top: 0;
left: 0;
z-index: 10;
}
.recherche-overlay-container{
width: min(30vw, 900px);
background-color: white;
border-radius: 5px;
position: absolute;
z-index: 11;
top: 30vh;
left: 50vw;
transform: translateX(-50%);
padding: 30px;
}
.recherche-overlay-containerMobile{
width: min(30vw, 900px);
background-color: white;
border-radius: 5px;
position: absolute;
z-index: 11;
top: 30vh;
left: 50vw;
transform: translateX(-50%);
padding: 30px;
}
#recherche-overlay form p{
font-size: 2.5rem;
margin-bottom: 50px;
}
#recherche-overlay form input{
width: 100%;
border: 1px #eee solid;
border-radius: 5px;
}
#recherche-overlayMobile form p{
font-size: 2.5rem;
margin-bottom: 50px;
}
#recherche-overlayMobile form input{
width: 100%;
border: 1px #eee solid;
border-radius: 5px;
}
.search-submit{
width: 46px;
height: 46px;
padding: 9px;
background-color: #ab1f29;
margin-left: 13px;
border: 1px #eee solid;
border-radius: 5px;
}
.search-submit svg{
fill: white;
width:0px;
height:40px;
}
.search-submitMobile{
width: 26px;
height: 26px;
padding: 3px;
background-color: #ab1f29;
margin-left: 8px;
border: 1px #eee solid;
border-radius: 5px;
}
.search-submitMobile svg{
fill: white;
width:20px;
height:20px;
}
.recherche-line{
display: flex;
}
#close-recherche-overlay{
position: fixed;
z-index: 12;
top: 25px;
right: 25px;
cursor: pointer;
color: black;
}
#close-recherche-overlay svg{
height: 30px;
fill: black;
}
#searchformMobile{
margin: 0;
padding: 10px;
}
.recherche-lineMobile{
display: flex;
width: 100%;
}
.recherche-lineMobile > input{
height: 26px;
width: calc(100% - 40px);
}
#close-recherche-overlayMobile{
position: fixed;
z-index: 12;
top: 25px;
right: 25px;
cursor: pointer;
color: black;
}
#close-recherche-overlayMobile svg{
height: 30px;
fill: black;
}
/* Marion : secondary top menu */
.menu-menu-secondaire-container{
max-width: calc(100vw - 30px);
height: 30px;
}
#menu-menu-secondaire li{
list-style: none;
/* border: solid 1px #ab1f29;
border-radius: 5px; */
line-height: 25px;
padding: 0x;
margin: 5px 0px;
}
#menu-menu-secondaire-1 li{
list-style: none;
border: solid 1px #ab1f29;
border-radius: 5px;
line-height: 25px;
padding: 0 10px;
margin: 5px 10px;
}
#menu-menu-secondaire li a{
color: #ab1f29;
}
#menu-menu-secondaire-1 li a{
color: #ab1f29;
}
/* #menu-menu-secondaire li:hover{
background-color: #ab1f29;
} */
#menu-menu-secondaire-1 li:hover{
background-color: #ab1f29;
}
/* #menu-menu-secondaire li:hover a{
transition: 0ms;
color: white;
} */
#menu-menu-secondaire-1 li:hover a{
transition: 0ms;
color: white;
}
/* fin Marion : secondary top menu */
/* fin Marion : header */
/* Marion : page propriété */
.notice_area{
padding: 5px 15px;
}
.htc_reference{
background-color: transparent !important;
color: black !important;
}
.price_area{
font-size: 22px;
}
.notice_area .price_label{
font-size: 18px;
}
#candidater-div{
margin: 0 0 0 10;
padding: 0 !important;
transform: translateY(-6px);
}
#candidater{
height: 30px;
padding: 14px;
margin: 0;
color: white;
display: flex;
justify-content: center;
align-items: center;
font-family: "Nunito Sans";
font-size: 12px;
font-weight: 700;
transition-duration: 0.4s;
}
#candidater:hover{
color: #ab1f29;
}
.three-per-row{
display: flex !important;
flex-wrap: wrap;
}
.three-per-row .property_one_third{
width: 28%;
margin: 0 2% 0 0;
}
.three-per-row .property_one_third .tiret-budget{
font-size:1.4rem;
line-height: 12px !important;
min-height:0 !important;
}
@media only screen and (max-width: 770px){
.three-per-row .property_one_third{
width: 100%;
margin: 0;
line-height: 20px !important;
}
}
.property-center{
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
}
/* fin Marion : page propriété */
/* Marion corrections du thème */
#gmapzoomplus, #gmap-control{
top: 50px;
}
#gmapzoomminus{
top: 85px;
}
#all_wrapper > div.container.main_wrapper.wide.has_header_type1.topbar_transparent.contentheader_left.cheader_left{
z-index: 4;
}
.header_wrapper{
-webkit-transform-style: unset;
transform-style: unset;
}
.htc-correction-erreur-affichage-recherche-propriete{
padding-left: 13px !important;
-moz-appearance: textfield;
background-color: white !important;
}
#price_max{
-moz-appearance:textfield !important;
}
.htc-correction-erreur-affichage-recherche-propriete::-webkit-outer-spin-button,
.htc-correction-erreur-affichage-recherche-propriete::-webkit-inner-spin-button {
-webkit-appearance: none;
margin: 0;
}
.entry-title.title_prop.half_results{
position: relative;
margin-top: 90px !important;
}
.entry-title.title_prop.half_results::before{
content: "Les biens disponibles";
margin: 10px 0 40px 0 !important;
padding: 0 20px;
width: 95%;
line-height: 1.2em;
float: left;
word-break: break-word;
font-size: 50px;
font-family: Nunito;
color: #424847;
font-weight: 700;
position: absolute;
top: -90px;
left: 0;
}
@media (min-width:990px) and (max-width:1280px){
.entry-title.title_prop.half_results::before{
font-size: 35px;
}
}
.icon-fav, .icon-fav-off{
display: none;
}
@media (min-width:1200px){
.wpb_wrapper>.article_container>.listing_wrapper>.property_listing_blog>.listing_details{
display: none;
}
.wpb_wrapper>.article_container>.listing_wrapper>.property_listing_blog>.read_more{
bottom: 10px;
}
.blog2v>.property_listing_blog{
height: 300px;
min-height: 300px !important;
}
}
/* Résultats de recherche */
.entry-title-search{
margin-left: 0;
}
.entry-title-search div{
font-size: 4rem;
margin: 0;
}
.search_result_type_page, .search_result_type_actu{
height: 80px;
margin: 15px 0;
border-radius: 5px;
overflow: hidden;
box-shadow: 0px 0px 20px 1px #e5f0f4;
}
.search_result_type_page{
display: grid;
grid-template-areas: 'titre' 'date';
grid-template-rows: 50% 50%;
}
.search_result_type_actu{
display: grid;
grid-template-areas: 'img titre' 'img date';
grid-template-rows: 50% 50%;
grid-template-columns: 130px 1fr;
}
.search_result_type_actu img{
grid-area: img;
height: 100%;
width: 100%;
object-fit: cover;
}
.search_result_page_title, .search_result_article_title{
grid-area: titre;
padding-left: 10px;
padding-top: 20px;
}
.search_result_page_date, .search_result_article_date{
grid-area: date;
padding-left: 10px;
color: rgb(168, 167, 167);
font-size: 1.2rem;
}
/* correction bug footer */
@media screen and (max-width: 1096px){
#all_wrapper > div.secondary-footer > div > div.footer-block.footer-block-left > h4,
#all_wrapper > div.secondary-footer > div > div.footer-block.footer-block-right > h4{
margin-top: 20px;
}
#all_wrapper > div.container.main_wrapper.wide.has_header_type1.topbar_transparent.contentheader_left.cheader_left > div.container.content_wrapper > div > div.col-xs-12.col-md-12.single_width_page > div.single-content > div.vc_row.wpb_row.vc_row-fluid.vc_custom_1661247727517.vc_row > div > div > div > div > div.wpb_column.vc_column_container.vc_col-sm-4.vc_col-has-fill.vc_column_inner > div{
aspect-ratio: 1/1;
}
}
/*correction recettage client */
.mobile-trigger .fa-bars{
font-size: 32px;
}
@media only screen and (max-width: 770px){
.mobile_agent_area_wrapper{
display: none !important;
}
}
.wpb_wrapper .listinglink-wrapper_sh_listings > span.wpresidence_button{
display: none;
}
/*corrections recettage client janv 2023*/
#listing_ajax_container > div > div > div.property_location_unit_type3 > div.property_agent_wrapper.property_agent_wrapper_type1{
display: none;
}
#property_similar_listings > div > div > div.property_location_unit_type3 > div.property_agent_wrapper.property_agent_wrapper_type1{
display: none;
}
#googleMap #inforoom, #googleMap #infobath, #googleMap_shortcode #inforoom, #googleMap_shortcode #infobath{
display: none;
}
div.property_agent_wrapper.property_agent_wrapper_type1{
display: none;
}
.image_mise_en_avant{
display: flex;
justify-content: center;
height: fit-content;
}
/*correction menu mobile*/
.mobilex-menu .menu-item b::before{
content: "\00A0";
}
@media screen and (max-width: 1024px){
.sub-menu{
display: block !important;
}}