/* ACCUEIL.CSS : styles pour la page d'accueil */

/* slider accueil */
.home-slider { overflow: hidden; height: 0; }
.home-slider:after { position: absolute; display: block; z-index: 3; opacity: 0; left: var(--compound-gutter); top: var(--compound-gutter); width: 1em; height: 1em; border-radius: 50%; background: var(--gris-3); color: var(--gris-1); font-size: 4.125rem; transition-duration: 0.5s; }
.home-slider.loading:after { opacity: 1; }
.home-slider, .home-slider .carousel-item .img-wrapper { padding-bottom: 42.29167%; /* 812:1920 avec bandeau actif */ /*padding-bottom: 45%;*/ /* 864:1920 */ background: var(--noir); }
.home-slider .carousel-controls { top: auto; bottom: 6%; margin-top: 0; }
/* slogan */
.home-slider-slogan { position: absolute; z-index: 3; right: var(--compound-gutter); top: var(--compound-gutter); width: 26.0416667%; margin-right: -1.45%; /* offset pour TM */ box-sizing: content-box; }
.home-slider-slogan .img-wrapper { background: transparent; padding-bottom: 23.960880%; /* 98:409 */ filter: drop-shadow(0 0.125em 0.125em rgba(var(--noir-rgb), 0.33)); }
.home-slider-slogan svg { fill: var(--noir); }
.home-slider-slogan.light svg { fill: var(--blanc); }
/* captions */
.home-slider-caption { position: absolute; z-index: 5; bottom: 7.5%; left: var(--compound-gutter); right: var(--compound-gutter); color: var(--blanc); font-size: 2rem; text-shadow: 0 0.125em 0.125em rgba(var(--noir-rgb), 0.4); }
.home-slider-caption strong, .home-slider-caption small { display: block; margin: 0 0 0.75em; font: 118.75%/1.2 var(--termina); }
.home-slider-caption small { text-transform: uppercase; font-size: 56.25%; }
.home-slider-caption .bt-action { font-size: 50%; }
/* ajustements pour caption Platinum */
.platinum-caption strong { letter-spacing: 0.08em; margin-bottom: 0.25em; }
.platinum-caption strong b { display: block; margin: 0.25em 0 0; font-size: 150%; line-height: 1; letter-spacing: 0.08em; white-space: nowrap; }
.platinum-caption small { margin: 0 0 1em; }
.platinum-caption .bt-action { background: var(--blanc); border-color: var(--blanc); color: var(--noir); }
.platinum-caption .bt-action:hover  { background: var(--orange); border-color: var(--orange); color: var(--noir); }


/* contrôle vidéo */
.carousel-control-video { transition: opacity 0.3s linear, color ease-in-out 0.15s, background-color ease-in-out 0.15s; }
.carousel-control-video:not(.show) { pointer-events: none; }
.carousel-control-video.paused i:before { content: "\e91f"; }
.carousel-control-video.paused .pause-label, .carousel-control-video .resume-label { display: none; }
.carousel-control-video.paused .resume-label { display: block; }


/* section Fabriqué au Québec/Canada */
.home-buy-local { background: var(--teal); overflow: hidden; }
.home-buy-local i { font-size: 225%; }
.home-buy-local .h1.small { font-weight: 500; }
.home-buy-local .img-wrapper { padding-bottom: 78.75%; /* 693:880 */ background: transparent; }
.home-buy-local-img { position: relative; }
.home-buy-local-img:before, .home-buy-local-img:after { position: absolute; left: calc(var(--inner-gutter) * -1); top: 100%; transform: rotate(-90deg); white-space: nowrap; transform-origin: 0 0; font-size: 93.75%; font-weight: 300; }
.home-buy-local-img:before { content: "46°09’46.19’’ N"; }
.home-buy-local-img:after { content: "71°52’55.97’’ W"; margin-top: -9.5em; }
.fr .home-buy-local-img:after { content: "71°52’55.97’’ O"; }


/* section Mieux construits */
.home-built .img-wrapper { padding-bottom: 62.5%; }


/* séries de produits */
.home-series .img-wrapper { padding-bottom: 116.235%; background: var(--gris-4); }
.home-series figcaption { position: absolute; left: 0; bottom: 0; width: 100%; padding: var(--compound-gutter) 1.25rem; color: var(--blanc); text-shadow: 0 0.125em 0.125em rgba(var(--noir-rgb), 0.4); }
.home-series .fit { opacity: 0.75; }
.home-series a:hover .fit { transform: scale(1.05); opacity: 0.875; }
.home-series .h2 { font-size: 2rem; }
.home-series a:hover .bt-action { background: var(--noir); border-color: var(--noir); }


/* media queries */
@media (max-width: 87.49875rem) { /* XXL- */
	.home-slider:after { font-size: 3.75rem; }
	.home-slider-slogan { top: 7.5%; }
	.home-slider-caption { font-size: 1.75rem; }
}

@media (max-width: 74.99875rem) { /* XL- */
	.home-slider:after { font-size: 3.25rem; }
	.home-slider-caption { font-size: 1.5rem; }
	.home-buy-local-img:before, .home-buy-local-img:after { left: calc(100% - 1rem); font-size: 81.25%; }
	.home-series .h2 { font-size: 1.75rem; }
}

@media (max-width: 61.99875rem) { /* LG- */
	.home-slider:after { font-size: 3rem; }
	.home-slider-caption, .home-series .h2 { font-size: 1.25rem; }
	.home-series .bt-action { font-size: 0.75rem; padding-top: 0.33em; padding-bottom: 0.25em; }
}

@media (max-width: 47.99875rem) { /* MD- */
	.home-slider:after { font-size: 2.5rem; }
	.home-slider-caption { font-size: 1rem; }
	.home-buy-local-img:before, .home-buy-local-img:after { left: 1.5rem; margin-top: 0.5rem; transform: none; font-size: 68.75%; }
	.home-buy-local-img:after { left: auto; right: 1.5rem; }
}

@media (max-width: 35.99875rem) { /* SM- */
	.home-slider:after { font-size: 2rem; }
	/*.home-slider, .home-slider .carousel-item .img-wrapper { padding-bottom: 57%; }*/
	.home-slider-caption { font-size: 0.875rem; }
	.home-slider-caption small { font-size: 50%; }
	.home-slider-caption strong { font-size: 93.75%; }
	.home-slider-caption .bt-action { font-size: 62.5%; padding-top: 0.33em; padding-bottom: 0.25em; }
	.home-series .img-wrapper { padding-bottom: 75%; }
	.home-series figcaption { padding: 1.25rem; }
}