/*
Theme Name: Bootstrap 5 Foncier Sud
Theme URI: https://them.es/starter
Template: bootstrap-5
Author: Uniweb
Author URI: https://www.uniweb-toulouse.fr/
Tags: custom-background,custom-colors,featured-images,flexible-header,microformats,post-formats,rtl-language-support,theme-options,translation-ready,accessibility-ready
Version: 3.3.4.1677148481
Updated: 2023-02-23 11:34:41

*/



:root {
  --jaune: #d0a932;
  --rouge: #9d1917;
  --bleu: #000040;
}

body {
	font-family: 'Open Sans', sans-serif!important;
	color: #000040!important;
	font-size: 14px!important;
}

a {
	transition: 0.3s;
}

img {
	max-width: 100%;
}

p {
	line-height: 28px!important;
}

hr {
	color: var(--jaune)!important;
}

h1 {
	color: var(--rouge);
	text-transform: uppercase;
	font-size: 170%;
}

h1:after {
	content: '';
    height: 3px;
    width: 30px;
    display: block;
    background: var(--rouge);
    margin: 24px auto;
}

h2 {
	font-size: 130%!important;
	text-transform: uppercase;
	font-weight: bold;
}

h3 {
	font-size: 125%!important;
	line-height: 28px!important;
}

main ul li {
	line-height: 28px!important;
	margin: 1rem 0;
}

.title-shadow {
	text-shadow: 2px 2px 2px #9d1917, 0 0 1em black, 0 0 1em black;
}

.jaune {
	color: var(--jaune);
}

.rouge {
	color: var(--rouge);
}

.bleu {
	color: var(--bleu);
}

.bg-jaune {
	background: var(--jaune);
	color: #fff;
}

.bg-rouge {
	background: var(--rouge);
	color: #fff;
}

.bg-rouge h2 {
	color: var(--jaune);
	font-weight: bold;
}

.bg-gris-clair {
	background: #f7f7f7;
}

.bg-beige {
	background: #E8D39F;
}

.bg-blanc {
	background: #fff;
}


.bg-blanc h3,
.bg-blanc h4,
.bg-blanc h5 {
	color: var(--rouge);
}

.btn-rouge {
    background: var(--rouge);
    text-transform: uppercase;
    padding: 0.8rem 1rem;
    color: #fff;
	transition: 0.3s;
	border: 1px solid transparent;
	width: fit-content;
}

.btn-rouge:hover {
    background: #fff;
    color: var(--rouge);
	border: 1px solid var(--rouge);
}

.btn-jaune {
    background: var(--jaune);
    text-transform: uppercase;
    padding: 0.8rem 1rem;
    color: #fff;
	transition: 0.3s;
	border: 1px solid transparent;
	width: fit-content;
}

.btn-jaune:hover {
    background: #fff;
    color: var(--jaune);
	border: 1px solid var(--jaune);
}

#header-top a {
	color: #000;
	font-size: 18px;
}

#header-top a:hover {
	color: #fff;
}

#header-nav {
	box-shadow: 0 0.125rem 0.25rem rgb(0 0 0 / 8%) !important;
}

#header-nav .navbar-brand img {
	/* width: 80%; */
    width: 100%;
	height: auto;
}

#header-nav .navbar a {
	font-size: 15px;
    text-transform: uppercase;
    font-weight: 600;
	color: #000;
}

#header-nav .navbar a:hover,
#header-nav .navbar a.active {
	color: var(--rouge)!important;
}

#header-nav .navbar-toggler {
	border: none;
}

#header-nav .navbar-toggler:focus {
	box-shadow: none;
}

#header-nav .dropdown-item.active,
#header-nav .dropdown-item:active,
#header-nav .dropdown-item:hover,
#header-nav .dropdown-item:focus {
	background-color: transparent;
}

.dropdown:hover .dropdown-menu {
  display: block;
}

.navbar-toggler-custom-icon:after {
	font-family: fontawesome;
    content: '\f0c9';
    color: var(--rouge);
    font-size: 2rem;
}



/* Carousel et bandeau homepage */

.carousel-item img {
	height: 400px;
    object-fit: cover;
}

.carousel-caption {
	left: 10%!important;
    right: 10%!important;
    padding: 0;
    bottom: unset!important;
    top: 6rem;
}

.bandeau-image {
	min-height: 530px;
}

/* Page bien en vente */

.bien-template-default h1:after {
	display: none;
}

.icon-caracteristique {
    background: var(--bleu);
    width: fit-content;
    padding: 1rem;
    border-radius: 50%;
}

/* Carousel bien en vente */

.smallcarousel {
    width: 70%;
    aspect-ratio: 3/2;
    margin: auto;
}

.carousel-dark .carousel-caption {
    background-color: #ffffff93;
    font-weight: lighter;
    text-align: center;
    bottom: 1.25rem;
    left: auto;
    padding: 10px;
    position: absolute;
    right: auto;
    text-align: center;
}

.carousel-caption-bien {
	background-color: #ffffff93;
    bottom: 10px;
    position: absolute;
    right: 10px;
    padding: 0.2rem 1rem;
}

/* CF7 */

.wpcf7 {
	font-size: 18px;
}

.wpcf7 input,
.wpcf7 select,
.wpcf7 textarea {
	border-radius: 10px;
    border: 1px solid var(--jaune);
    padding: 6px;
    width: 100%;
}

.wpcf7 input[type=checkbox] {
	width: 20px;
    height: 20px;
}

/* Google Map */

.acf-map {
	width: 100%;
	height: 400px;
	border: #d0a932 solid 1px;
	margin: 20px 0;
}

.acf-map img {
   max-width: inherit !important;
}

/* Footer */

.soutien img {
	width: 90px;
	height: auto;
}

#footer-main a {
	color: #fff;
}

#footer-bottom a {
	color: #c1c1c1;
}

#footer-bottom a:hover {
	color: #fff;
}



/* Responsive */

@media (max-width: 575.98px) {
	.carousel-caption {
		top: 2rem;
	}	
}

@media (max-width: 767.98px) {
	.carousel-caption {
		top: 4rem;
	}
}


@media (max-width: 991.98px) {
 .dropdown-menu {
        display: block !important;
		text-align: center!important;
    }
	
	.dropdown-item,
	.menu-item-description {
		white-space: pre-wrap!important;	
	}
	
}