/* 
Theme Name: La Quincaillerie 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: la-quincaillerie
Version: 1.0.1
Text Domain: la-quincaillerie-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
*/

@media (max-width: 781px) {

	.righttotop {
		flex-direction: column-reverse;
	}

}

.clsfooter {
  	padding: 1em calc(10% + 15px) !important;
	background-color: #96a873;
}

.bottom1-widget .bwa-widget {
	margin-bottom: 0;
}

.panel-row-style .panel-grid-cell {
  	overflow: hidden;
}

.txt-blanc {
	color: #fff;
}

.col-flex {
  	min-height: 80vh;
}

h1.titre-home {
	text-align: left; 
	color: #fff !important; 
	padding-top: 25vh !important; 
	margin: 0 !important;
	font-size: 48px !important;
}

.txtblanc-home {
	text-align: left; 
	font-weight: 400; 
	font-size: 36px !important; 
	color: #fff !important;
}

h2.txtblanc-home {
	font-size: 40px !important; 
	color: #fff !important;
}

h3 {
 font-size:30px;
}
	
.txtcolor-home {
	text-align: left; 
	font-weight: 600; 
	font-size: 40px; 
	color: #96a873;
	line-height: 1.2;
}

.txtadvisor {
  	color: #fff;
  	font-weight: 500;
  	font-size: min(max(12px, 2.2vw), 34px);
  	text-align: left;
  	line-height: 1.5;
}

.wpcf7-list-item {
  	display: inline-block;
  	margin: 0 0 0 1em;
}

p.cf_txt,
span.cf_txt {
	/*line-height: 4em;*/
	cursor: pointer;
	display: inline-block;
}

input, select, textarea {
	width: 100%;
	border-color: #96a873 !important;
	border-radius: 10px;
}

.consentement input {
	width: max-content;
	height: max-content;
	margin-left: -27px;
	margin-right: 5px;
}

input[type="submit"],
.cf_txt a,
span.cf_txt,
span.cf_txt:hover, 
input[type="submit"]:hover, 
input[type="submit"]:focus,
.cf_txt a:hover {
	text-decoration: none;
	background-image: none;
	background-color: #96a873;
	Border: none;
	font-weight: 400;
	padding: 1em 2em;
	font-size: 1em;
	color: #fff !important;
}

span.cf_txt:hover, 
input[type="submit"]:hover, 
input[type="submit"]:focus,
.cf_txt a:hover {
	background-color: #000;
}

span.cf_txt,
span.cf_txt:hover {
	padding: 0;
}
/* *** Tableaux logements *** */

.logement-options {
    color: #fff;
    display: inline-block;
    text-align: center;
    width: 28px !important;
	margin: 5px 5px 5px 0;
	font-size: 13px;
}

.parking {
    background: #fff none repeat scroll 0 0;
    border: 1px solid #e3322c;
    color: #e3322c;
    
}

.garage {
    background: #fff none repeat scroll 0 0;
    border: 1px solid #4c97c8;
    color: #4c97c8;
}

.cave {
    background: #fff none repeat scroll 0 0;
    border: 1px solid #67b03d;
    color: #67b03d;
}

.balcon {
    background: #fff none repeat scroll 0 0;
    border: 1px solid #f2862c;
    color: #f2862c;
}

.terrasse {
    background: #fff none repeat scroll 0 0;
    border: 1px solid #312322;
    color: #312322;
}

.jardin {
    background: #fff none repeat scroll 0 0;
    border: 1px solid #6799a3;
    color: #6799a3;
}

.tabinvisible {
	display: none;
}

.note-brs {
	display: none;
}

.su-spoiler-title.tab-logements {
	color: #fff;
	background-color: #5B4342;
}

.row-head,
.row-infos {
	display: flex;
	justify-content: space-between;
	align-items: center;
	width: 100%;
}

.row-head {
	background-color: rgba(0,163,93,0.7);
	color: #fff;
}

.col1-head,
.col1-infos {
	width: 20%;
	text-align: center;
}

.col2-head,
.col2-infos {
	display: flex;
	width: 60%;
	align-items: center;
}

.col3-head,
.col3-infos {
	width: 33.33%;
	text-align: center;
}

.col1bis-head,
.col1bis-infos {
	width: 15%;
	text-align: center;
}

.col2bis-head,
.col2bis-infos {
	display: flex;
	width: 70%;
	align-items: center;
}

.col3bis-head,
.col3bis-infos {
	width: 25%;
	text-align: center;
}

.clsprixbrs {
	color: #77953d;
	font-size: 16px;
	font-weight: 600;
}

.clsprix {	
	font-size: 16px;
}

.row-infos {
	background-color: #fff;
	color: #6E5A5A;
	border-bottom: 1px solid #272727;
}

.row-infos:hover {
	background-color: rgba(0,163,93,0.2);
}

.row-legend {
	display: flex;
	justify-content: flex-end;
	flex-wrap: wrap;
	margin: 0 10px;
}

.col-legend {
	padding: 2px 15px 2px 0;
	min-width: 122px;
}

.tabvisible .collapseomatic_excerpt, 
.collapseomatic_content {
    	margin-top: 0;
	margin-left: 0;
}

.tabvisible .collapseomatic {
    	background-image: url(/wp-content/uploads/2025/09/ico-plus-rond.png) !important;
	padding: 30px 0 30px 80px;
	background-color: rgb(150, 168, 115);
	color: #fff;
	width: 100%;
	display: inline-block;
	background-position: left center;
}
.collapseomatic {
    display: none;     
    background-image: url(/wp-content/uploads/2025/09/24px-pdf_file_icon.png);
    background-repeat: no-repeat;
    padding: 0 0 10px 16px;
}
.tabvisible .colomat-close {
    	background-image: url(/wp-content/uploads/2025/09/ico-moins-rond.png) !important;
}

.tabvisible .colomat-hover {
	text-decoration: none;
}
.a_appartement {
  padding: 0 10% 0 !important;
}

.tabvisible {
	margin-bottom: 20px;
}

.title1 {
	display: block;
}

.title2 {
	display: none;
}

h3.title1 {
    color: #ffffff !important;
    font-size: 18px !important;
    font-weight: 400 !important;
    margin: 0px !important;
    font-family: Roboto, sans-serif !important; 
}

.note-brs,
.note-tva55,
.note-ht {
	display: none;
}

input[type="submit"],
.cf_txt a,
span.cf_txt {
	width: max-content;
	margin: 0 auto;
	text-transform: none;
	font-weight: 400;
}

.cf_txt {
	text-align: center;
}

.wpcf7 {
	line-height: 100%;
}

div.wpcf7 .ajax-loader {
	width: 0 !important;
}

div.wpcf7-validation-errors, 
div.wpcf7-acceptance-missing {
    border: 1px solid #96a873;
    text-align: center;
}

p.consentement {
	font-size: min(2.8vw, 20px);
	line-height: 110%;
}

.c-contact {
	margin: 0 5% 20px;
	width: 40%;
	float: left;
}

.c-contact label {
	color: #96a873;
	text-transform: uppercase;
	/*font-family: 'Roboto', sans-serif;*/
	font-size: 0.7em;
}

.c-consent {
	font-size: min(max(12px, 2vw), 16px); 
	line-height: 110%; 
	margin: 3em 5% 0 4% !important;
}

.contacttabs .c-consent span.wpcf7-list-item-label {
    display: inline-block;
    margin-left: 30px;
    margin-top: -25px;
}

.c-confid {
	font-size: min(max(12px, 2vw), 16px); 
	line-height: 110%; 
	margin: 0 0 30px calc(5% + 42px) !important;
}

.contacttabs .c-confid {
	margin: 0 0 30px calc(5% + 30px) !important;
}

input[type="checkbox"] {
  	display: inline-block;
  	font-size: 1em;
  	margin: 0 16.4px 0 0;
  	padding: .5em;
  	text-align: left;
  	line-height: normal;
  	vertical-align: initial;
  	width: max-content;
  	border-radius: 0;
}


.cls-nogout .so-panel {
  	margin-bottom: 0px !important;
}

.cls-mobile,
.foot-immo {
  	display: none;
}

.cls-desktop {
  	display: block;
}

.foot-immo {
  	display: none !important;
}

.so-widget-sow-social-media-buttons .social-media-button-container .sow-social-media-button {
  	padding: 0 0 0 !important;
  	font-size: min(max(28px, 3.52vw), 54px);
  	width: calc(25% - 3px);
	margin: 0;
}

.footright {
    	font-size: 1.6em;
	text-align: right;
}

footer, article {
  	display: block !important;
  	-webkit-box-sizing: border-box;
  	-moz-box-sizing: border-box;
  	box-sizing: border-box;
	-webkit-background-origin: border !important;
	-moz-background-origin: border !important;
	background-origin: border-box !important;
}

.footer-skin-dark .footer__wrapper {
  	border-top: none;
}

.footer-skin-dark .footer__wrapper a {
  	color: #494a4f;
}

#footer_one .widget {
  	margin-bottom: 0;
  	padding-bottom: 0;
  	padding-top: 0.5em;
}

.footer__wrapper .widget__wrapper {
  	padding-top: 0;
  	padding-bottom: 1em;
  	background-color: #e7b700;
}

.footer__wrapper .textwidget {
  	width: 100%;
}

.logofooter .so-widget-sow-image .sow-image-container .so-widget-image {
  	min-width: min(max(80px, 10vw), 200px);
}

.logofooter.cls-desktop .so-widget-sow-image .sow-image-container .so-widget-image {
  	max-width: min(max(150px, 10vw), 100%);
}

.colophon__row .footer__credits {
  	font-size: 13px !important;
  	letter-spacing: 0;
  	text-align: center;
}

.colophon__row > div {
	margin: 0 auto;
}

.footer-skin-dark .footer__wrapper #colophon {
  	background: #fff;
}

.left-immo {
	display: block !important;
}


@media (max-width: 640px) {

	/* *** Tableaux logements 640 *** */

	.col1bis-head,
	.col1bis-infos {
		width: 20%;
	}

	.col2-head,
	.col2-infos,
	.col2bis-head,
	.col2bis-infos {
		flex-direction: column;
    		justify-content: center;
		width: 60%;
	}

	.col3-head,
	.col3-infos,
	.col3bis-head,
	.col3bis-infos {
		width: 100%;
	}

	.tabvisible .collapseomatic_excerpt, 
	.collapseomatic_content,
	.clsprixbrs,
	.clsprix {
  		font-size: 14px;
	}

	/* *** Fin tableaux logements 640 *** */