@font-face {
	font-family: Outfit;
	src: url(Outfit-VariableFont_wght.ttf);
}
@font-face {
	font-family: Paprika;
	src: url(Paprika-Regular.ttf);
}

body {
	font-family: Outfit;
}

h1 {
	font-family: Paprika;
}
.font-paprika { font-family: Paprika; }
.text-color-1 { color: #717171 }
.text-color-title { color: #B2BEC8 }
.text-color-yellow { color: #FCB900 }
.text-color-footer-green { color: rgb(218,234,139); }

.keep-img-proportions {
	width: 100%;
	height: fit-content;
}

#backToTopButton {
	position:fixed;
	right: 2rem;
	bottom: -5rem;
	z-index: 1000;
	color: white;
	filter: drop-shadow(0 0 4px rgba(30, 30, 30, 0.4));
	transition: .4s;
}
#backToTopButton:hover::after {
	content: "Retour en haut";
	position: absolute;
	top: 4.5rem;
	color: white;
	right: -1rem;
	background: #99B437;
	padding: .2rem .4rem;
	border-radius: .5rem;
	text-align: center;
	white-space: nowrap;
}

.pt-15 { padding-top: 15rem; }



/* HEADER */


header {
	z-index: 1000;
}
#topbar {
	background: #99B437;
	color: white;
	width: 100%;
	font-size: .9rem;
	font-weight: 400;
}
#topbar svg path{
  fill:white
}


/* MENU */

#navbar-toggler-button { margin: auto; }
@media (min-width: 398px) { #navbar-toggler-button { margin-left: auto; } }

#header-navigation { 
	background: white; 
	z-index: 1000;
}

#main-navigation ul.navbar-nav li {
	position: relative;
	padding: 1rem 1rem;
	display: flex;
	align-items: center;
	justify-content: center;
}
@media (min-width: 992px) { 
	#main-navigation ul.navbar-nav li {
		padding: 25px 20px;
		justify-content: left;
	}
}
#main-navigation a {
	display: block;
	text-decoration: none;
	text-transform: none;
	font-size: 1.2rem;
	letter-spacing: 0px;
	line-height: 34px;
	color: #4c4c4c;
	font-weight: 400;
	transition: .6s;
}
#main-navigation a:hover {
	color: #f7a920;
	transition: .2s;
	text-align: center;
}
.small-col{
	width: 100%;
	display: inline-block;
}
@media (min-width: 400px) {
	.small-col{
		width: 49%;
	}
}
.green-small-menu-div {
	display: flex;
	align-items: center;
	justify-content: center;
	background: #99B437;
	width: 100%;

	margin: .5rem;
	border-radius: .5rem;
	padding: 1rem;
}
.green-small-menu-div div {
	font-size: .9rem;
	font-weight: 400;
	color: white;

}


.sectionparallax {
	margin-top: -3.5rem;
	z-index: 0;
	position: relative;
}

/*  ACCUEIL */

#section1frontPage {
    background: linear-gradient(180deg, rgba(255,255,255,1) 0%, rgba(250,250,250,.75) 25%, rgba(250,250,250,0) 45%) no-repeat, 
                url('../img/header/wave.png') center bottom no-repeat, 
                url('../img/header/img_labradors_home_cover.png') no-repeat;
	background-position-x: center, center, 78%;
	background-position-y: bottom, bottom, 0;
	background-size: 100%, 100%, cover;
    min-height: 75vh;
    overflow: hidden;
}

@media (min-width: 768px) {
    #section1frontPage {
        background: linear-gradient(90deg, rgba(250,250,250,1) 10%, rgba(250,250,250,.75) 40%, rgba(250,250,250,0) 55%) no-repeat, 
                    url('../img/header/wave.png') no-repeat, 
                    url('../img/header/img_labradors_home_cover.png') no-repeat;
		background-position-x: center center center;
		background-position-y: bottom, bottom, 0;
		background-size: 100%, 100%, cover;
        min-height: 100vh;
        position: relative;
        overflow: hidden;
    }
}

#section1frontPage h1 {
	text-shadow: 0px 0px 5px rgb(30,30,30),0px 0px 20px rgb(100,100,100);
}

.last-news-bg {
	background: url('../img/front-page/last_news_bg.png') no-repeat;
	background-size: cover;
}
#dernieres_actualites_main_page .card {
	width: 25rem;
}
#dernieres_actualites_main_page .card .dernieres_actualites_img_div {
	overflow: hidden;
	height: 16rem;
	width: auto;
}
#dernieres_actualites_main_page .card:hover {
	border: 1px solid #fcb900;
	transform: .5s;
}
#dernieres_actualites_main_page .card:hover .dernieres_actualites_img_div img {
	transform: scale(1.2);
	transition: .5s;
}
#dernieres_actualites_main_page .dernieres_actualites_img_div img {
	height: 16rem;
	width: 100%;
	object-fit: cover;
	border-top-left-radius: var(--bs-card-inner-border-radius);
	border-top-right-radius: var(--bs-card-inner-border-radius);
	transition: .7s;
}

.gallery-img-preview {
	cursor: pointer;
	transition: .6s;
}
.gallery-img-preview:hover {
	transform: scale(1.1);
	transition: .2s;
}

/* ACTUALITÉS  */

.article-img-header {
	height: 550px;
	width: 100%;
	position: relative;
	overflow: hidden;
}
@media (max-width: 992px) {
	.article-img-header { height: 500px; }
}
.article-img-header::after {
	content: "";
	background-image:  url("../img/actualites/wave.svg");
	width: 100%;
	height: 37px;
	background-size: cover;
	position: absolute;
	bottom: 0;
	z-index: 100;
}
.article-img-header > img:first-child {
	width: 100%;
	height: auto;
	position: absolute;
	top: 0;
	transform: translateY(0px) scale(1.2)
}
@media (max-width: 576px) {
	.article-img-header > img:first-child {
		width: 150%;
		left: -25%;
	}
}
.article-img-header .container {
	height: 400px;
    z-index: 2;
}
.article-img-header .container img {
	position: relative;
	width: 100%;
	height: auto;
	filter: none;
	object-fit: cover;
	box-shadow: 0 0 5rem gainsboro;
	top: 0;
	left: 50%;
    transform: translateX(-50%) translateY(0);
}

@media (min-width: 0px) and (max-width: 991px) {
	.article-img-header .container img { display: none; }
}
@media (min-width: 992px) {
	.article-img-header .container img { top: -25%; }
	.article-img-header > img:first-child { filter: blur(1.5rem); }
}
@media (min-width: 1200px) {
	.article-img-header .container img { top: -55%; }
}
.article-img-div {
	height: 17rem;
	width: 100%;
	border-radius: 1rem;
	overflow: hidden;
}
.article-img-div-child {
	width: 100%;
	height: 100%;
	background-size: cover;
	background-position: center;
	transition: 1s;
}

#article-title {
	background: rgba(255,255,255,.80);
	position: absolute;
	bottom: -15%;
	left: -5%;
	padding: 1.75rem;
	border-radius: .25rem;
}
#article-title .article-title-subtitle {
	color: #9c9c9c;
}
#article-title .article-title-main {
	color: #E8A93A;
}
#article-title .article-title-date {
	color: rgb(160, 160, 160);
}

article:hover .article-img-div-child,
article:focus .article-img-div-child {
  transform: scale(1.1);
  transition: .4s;
}
.article-except-div p {
	color: #666;
	font-size: 1.2rem;
	line-height: 2rem;
}

.article-img img {
	width: 100%;
	height: auto;
}


#searchform {
	min-width: 20rem;
}
#searchform #s {
	width: 9.5rem;
	border-radius: 1rem 0 0 1rem;
	padding-left: .5rem;
	margin-top: 1px;
}
@media (min-width: 992px) and (max-width: 1200px) {
	#searchform #s {
		width: 7.5rem;
	}
}
#searchform #searchsubmit {
	color: white;
	background: #f7a920;
	border-radius: 0 1rem 1rem 0;
	border: 0;
	padding: .4rem .9rem;
	border-top: 1px solid #f7a920;
}

.article-preview-div {
	cursor: pointer;
	transition: .7s
}
.article-preview-div:hover img {
	transform: scale(1.1);
	transition: .5s;
}
.article-preview-div:hover .article-preview-text-div {
	border-left: 1px solid #FCB900;
	border-right: 1px solid #FCB900;
	border-bottom: 1px solid #FCB900;
	transition: .2s;
}
.article-preview-img-div-container {
	height: 200px;
	overflow: hidden;
	display: flex;
	align-items: center;
	border-radius: .5rem .5rem 0 0;
}
.article-preview-img-div {
	width: 100%;
}
.article-preview-img-div img {
	width: 100%;
	height: auto;
	transition: .6s ease-out;

}
.article-preview-text-div {
	padding: 1rem;
	margin-bottom: 3rem;
	box-shadow: 0 0 1rem rgb(221, 221, 221);
	border-radius: 0 0 .5rem .5rem;
	border: 1px solid transparent;
	transition: .6s ease-out;
}

/* L'ÉLEVAGE */

#section1elevage {
	background: linear-gradient(180deg, rgba(255,255,255,1) 30%, rgba(250,250,250,.85) 40%, rgba(250,250,250,0) 50%) no-repeat, 
				url("../img/elevage/wave-elevage-historique.svg") no-repeat,
				url("../img/elevage/img-noel.jpg") no-repeat;
	background-position-x: center, center, calc(70% + 1vw);
	background-size: 100%, 100%, cover;
	padding-top: 3rem;
	padding-bottom: 7rem;
	margin-bottom: 3rem;
	box-shadow: inset 0 0 0 1000px rgba(255,255,255,.1);
	min-height: 100vh;
}
@media (min-width: 576px) {
	#section1elevage {
		background-position-x: center, center, calc(75% + 1vw);
	}
}
@media (min-width: 992px) {
	#section1elevage {
		background: linear-gradient(90deg, rgba(255,255,255,1) 30%, rgba(250,250,250,.85) 50%, rgba(250,250,250,0) 60%) no-repeat, 
				url("../img/elevage/wave-elevage-historique.svg") no-repeat,
				url("../img/elevage/img-noel.jpg") no-repeat;
		background-position-x: 0, 0, calc(55% + 3vw);
		background-size: 100%, 100%, cover;
		padding-top: 5rem;
		margin-bottom: 5rem;
		min-height: auto;
	}
}

.elevage-equipe-noms {
	font-size: 2.5rem;
	color: #033e4f;
	font-weight: bold;
}

#elevage-nos-valeurs {
	background: #f57f43;
	background-image: url("../img/elevage/zenbg-1.png"), url("../img/elevage/zenbg-2.png");
	background-repeat: repeat-x, repeat;
}
#elevage-nos-valeurs::before, #elevage-nos-valeurs::after {
	content: "";
	background-image: url("../img/elevage/top_wave_for_orange_bg.svg");
	width: 100%;
	height: 75px;
	background-size: cover;
	position: absolute;
}
#elevage-nos-valeurs::before {
	top: -25px;	
	transform: rotate(180deg);
}
#elevage-nos-valeurs::after {
	bottom: -25px;
}

#elevage-valeurs-famille-img {
	transform: rotate(-5deg) skew(-2deg);
	border: 1rem solid white;
	box-shadow: 0 0 2rem gray;
	border-radius: 1rem;
	margin: auto;
	margin-top: 5rem;
}
#elevage-valeurs-chiens-img {
	transform: rotate(7deg) skew(2deg);
	border: 1rem solid white;
	box-shadow: 0 0 2rem gray;
	border-radius: 1rem;
	margin: auto;
	margin-top: 3rem;
	margin-bottom: 5rem;
}


#elevage-partenaires-veterinaire-img-div {
	perspective: 200rem;
}
#elevage-partenaires-veterinaire-img-div img {
	width: 100%;
	transform: scale(.9) rotateY(15deg);
	box-shadow: 0 0 15px cornflowerblue;
	border-radius: 3rem;
}

#card-zara {
	background: url('../img/elevage/paw-pattern.png'), #ba5421;
}


/* NOTRE MEUTE */ 

.notre-meute-header {
	background: linear-gradient(90deg, rgba(255,255,255,.3), rgba(255,255,255,.95), rgba(255,255,255,.95), rgba(255,255,255,.3)), url('../img/notre-meute/background-header-notre-meute.jpg') no-repeat;
	background-size: cover;
	min-height: 300px;
	text-shadow: 0 0 5px white, 0 0 5px white, 0 0 5px white, 0 0 .5rem white, 0 0 1rem white;
}
.notre-meute-img-div {
	width: 275px;
	height: 275px;
	margin: auto;
	border-radius: 50rem;
	overflow: hidden;
	border-width: 1rem;
	border-style: solid;
	border-color: silver;
}
.notre-meute-dog-column img {
	transition: .6s;
}
.notre-meute-dog-column:hover img {
	transform: scale(1.1);
	transition: .2s ease-in-out;
}
.female-dog {
	/* box-shadow: 0 0 5px pink; */
	border-color: pink;
}
.male-dog {
	/* box-shadow: 0 0 5px blue; */
	border-color: #6EB1D7;
}


/* GALLERIE */

.elevage-gallerie img {
	padding: 1rem;
	border-radius: 2rem;
}


/* PORTEES */

.portees-header {
	height: 600px;
	background: linear-gradient(transparent 60%, white 100%), url('../img/portees/header-chiots-labradors.jpg') center top no-repeat fixed;
}
#section1portee {
	/* background: linear-gradient(transparent 60%, white 100%) no-repeat, 
				 url('../img/portees/header-chiots-labradors.jpg') no-repeat; */
	background: linear-gradient(180deg, rgba(255,255,255,0) 30%, rgba(250,250,250,0) 50%) no-repeat, 
				url("../img/elevage/wave-elevage-historique.svg") no-repeat bottom center,
				url("../img/portees/header-chiots-labradors.jpg") no-repeat;
	/* background-position-x: center, center, calc(70% + 1vw); */
	background-size: 100%, 100%, cover;
	padding-top: 3rem;
	margin-bottom: 3rem;
	box-shadow: inset 0 0 0 1000px rgba(255,255,255,.1);
	min-height: 700px;
}

#portees-h1 {
	/* background-color: #99b437c4;
	border-radius: 2rem;
	padding: 1.5rem;
	color: white;
	display: inline;
	margin-top: 2rem; */
	color: white;
	text-shadow: 0 2px 2px #99b437c4,  0 0 3px #3a4415c4, 0 0 1rem #3a4415c4;
}
.portees-date {
	color: #EDAE00;
	font-size: 1.8rem;
	font-weight: 300;
}
.portees-h2 {
	color: #4B555F;
	font-size: 2.5rem;
	font-family: Outfit;
	font-weight: 300;
}
.portees-description {
	font-size: 1.25rem;
}
.portees-infos {
	background: white;
	box-shadow: 0 0 15px 0 rgba(0,0,0,.25);
	border-radius: 1.5rem;
	padding: 2rem 2rem;
	font-size: 1.25rem;
	position: relative;
	margin-top: 3rem;
	z-index: 1000;
}
.portees-infos:first-child {
	position: relative;
	bottom: 3rem;
}
.portees-card-disponible-dog {
	width: 17rem;
	/* height: 16rem; */
	border: .7rem solid silver;
	border-radius: 3rem;
	padding: 0rem;
	text-align: center;
	font-size: 2rem;
}
.portees-infos-title {
	color: #EDAE00;
	text-align: center;
	font-size: 2rem;
	font-weight: 300;
}
.portees-infos-subtitle {
	color: #ABB8C3;
	text-align: center;
	font-size: 1.15rem;
	font-weight: 300;
}
.portees-info-table {
	color: #033E4F;
}
.portees-info-table tr {
	height: 2.75rem;
}
.portees-info-table tr td:first-child {
	font-weight: 300;
	padding-right: 1rem;
}
.portees-info-table tr td:last-child {
	font-weight: bold;
}
.portees-card-M {
	border-color: #3fa9f4;
	/* background: #E1E8FF; */
	color: #3fa9f4;
}
.portees-card-F {
	border-color: #ff7aac;
	/* background: #FFE2FC; */
	color: #ff7aac;
}

.portees-icone-MF-container {
	width: 100%;
	height: 7rem;
	display: flex;
	align-items: center;
	justify-content: center;	
}
.portees-icone-MF-container div {
	display: flex;
	align-items: center;
	justify-content: center;	
}
.portees-icone-MF-img figure img {
	max-height: 5rem;
	width: auto;
}


.portees-photos-section {
	margin-top: 7.5rem;
	padding-top: 6rem;
	margin-bottom: -7.75rem;
	padding-bottom: 10rem;
}
.portees-photos-section img {
	border-radius: 3rem;
}

/* FOOTER */

#footer-wave {
	position: relative;
	background: url('../img/footer/stacked_wave_bottom.svg') center center no-repeat;
	width: 100%;
	min-height: 200px;
	height: 200px;
	background-size: cover;
	z-index: 1;
    transition: transform 0.3s ease-out;
}
#footer-content {
	position: relative;
	background: url('../img/footer/labrador.png') 25% bottom no-repeat, #99B437;
	background-blend-mode: soft-light;
	color: white;
	width: 100%;
	z-index: 2;
}
.footer-link {
	transition: .6s;
}
.footer-link:hover {
	color: #cfeb46 !important;
	transition: .2s;
}
.footer-link img {
	transition: .6s;
}
.footer-link:hover img {
	filter: invert(48%) sepia(79%) saturate(245%) hue-rotate(36deg) brightness(138%) contrast(119%);
	transition: .2s;
}

/* TOOLTIP */

/* Tooltip container */
.customtooltip {
	position: relative;
	display: inline-block;
	border-bottom: 1px dotted black; /* If you want dots under the hoverable text */
  }
  
  /* Tooltip text */
  .customtooltip .customtooltiptext {
	visibility: hidden;
	width: 120px;
	background-color: rgb(89, 156, 100);
	color: #fff;
	text-align: center;
	padding: 5px 0;
	border-radius: 6px;
   
	/* Position the tooltip text - see examples below! */
	position: absolute;
	z-index: 1;

	top: 150%;
	left: 50%;
	margin-left: -60px; /* Use half of the width (120/2 = 60), to center the tooltip */
	opacity: 0;
	transition: opacity .2s;
  }
  
  /* Show the tooltip text when you mouse over the tooltip container */
  .customtooltip:hover .customtooltiptext {
	visibility: visible;
	opacity: 1;
	transition: .6s;
  }
 
  .customtooltip .customtooltiptext::after {
	content: " ";
	position: absolute;
	bottom: 100%;  /* At the top of the tooltip */
	left: 50%;
	margin-left: -5px;
	border-width: 5px;
	border-style: solid;
	border-color: transparent transparent rgb(89, 156, 100) transparent;
  } 


.ti-widget.ti-goog .ti-widget-container {
	color: #444 !important;
}
.ti-widget.ti-goog .ti-widget-container * {
	font-size: 15px !important;
	line-height: 1.6rem !important;
}
.ti-widget.ti-goog .ti-review-content {
	font-size: 20px !important;
	line-height: 29px !important;
}
.ti-widget.ti-goog .ti-widget-container .ti-name {
	font-size: 18px !important;
	line-height: 20px !important;
	color: #033E4F !important;
}
.ti-widget.ti-goog .ti-reviews-container-wrapper .ti-inner > .ti-stars {
	margin-bottom: 15px !important;
}