/*
 Theme Name:   BS Commerce TDM 2022
 Description:  Trésors d'autres mondes - bootScore WooCommerce Enfant 
 Author:       bootScore
 Author URI:   https://bootscore.me
 Template:     bootscore-main
 Version:      5.2.0.0
 Text Domain:  bootscore
*/

/* 
All style editing is done via scss/_bscore_custom.scss
*/

BODY { font-size: 18px; }
H1 {	font-size: 170%!important; color: #7A4429; text-align: center; }  
H2 { font-size: 150%!important; color: #7A4429; text-align: center; }
H3 { font-size: 130%!important; color: #7A4429; text-align: center; }
P { text-align: justify; } 
A, A:hover { text-decoration: none; } 

#masthead .bg-light { background-color: #D7E151!important; }
#masthead NAV#nav-main { border-bottom: 15px solid #FFF; }
#masthead .logo { height: 55px; } 
#masthead .btn-outline-secondary
{	--bs-btn-color: #7A4429;
	--bs-btn-border-color: #7A4429;
	--bs-btn-hover-bg: #7A4429;
	--bs-btn-hover-border-color: #7A4429;
	--bs-btn-active-bg: #7A4429;
	--bs-btn-active-border-color: #7A4429;
	--bs-btn-disabled-color: #7A4429;
	--bs-btn-disabled-border-color: #7A4429;
}
#masthead .nav-link { color: #7A4429b8!important; font-size: 15px!important; }
#masthead .nav-link:hover, #masthead .nav-link:focus, #masthead .nav-link.active 
{ color: #7A4429!important; }

FOOTER#footer-tdm { background-color: #D7E151; }

/*** CAROUSEL ***/
#carousel { margin: 20px auto; }

/*** PAGE HOME ***/ 
.home .content P { font-size: 80%; margin-top: 8px; } 
.home .site { background: #FFF;  margin-bottom: 30px; }
.home .titre
{
	padding: 80px; 
	margin: 30px 0;
	background: #D7E151; 
	background: linear-gradient(-90deg, #D7E151, #FBFCED); 
}
.home .titre H2 A { color: #7A4429; text-align: center;  }

/*** CAT PRODUIT DANS HOME ***/
#prodcat { margin: 20px auto; }
.prodcat .img-encart { height: 200px; border-radius: 6px; }

/*** IMG ENCART ***/
.img-encart 
{		
	height: 250px;
  width: 100%; 
  background-color: #000;
  background-size: cover;
  background-repeat: no-repeat;
  background-position-x: 50%;
  background-position-y: 50%;
  margin: 0 auto;
  position: relative;
  border-radius: 6px 6px 0 0;
}
.img-titre 
{
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateX(-50%) translateY(-50%) translateZ(0);
  width: 100%;
  height: 100%;
}
.img-titre H2
{ position: absolute;
	background: rgba(0, 0, 0, 0.3);
	text-align: center;
	bottom: 0;
  width: 100%;
	margin-bottom: 0;
	font-size: 20px;
	padding: 7px; 
}
.img-titre A, .img-titre H2 { color: #FFF; }

/*** ARCHIVE ***/
.archive-description P { text-align: center; }

/* Texte défilant */
/* le block conteneur */
#texte-defilant { margin-top: 60px; }
.marquee-rtl P { margin: 0; line-height: 2em; } 
.marquee-rtl 
{	background: #FFF; 
  max-width: 100%; 
  margin: 1em auto; 
  overflow: hidden;
  box-shadow: 0 .25em .5em #CCC,inset 0 0 1em .25em #CCC;
}
.marquee-rtl > :first-child 
{ display: inline-block;      /* modéle de boîte en ligne */
  padding-right: 2em;         /* un peu d'espace pour la transition */
  padding-left: 100%;         /* placement à doite du conteneur */
  white-space: nowrap;        /* pas de passage à la ligne */
  animation: defilement-rtl 18s infinite linear;
  will-change: transform;     /* optimise l'animation */
  cursor: pointer;
}
.marquee-rtl:hover :first-child { animation-play-state: paused; }
@keyframes defilement-rtl  
{ 0% { transform: translate3d(0,0,0); }
  100% { transform: translate3d(-100%,0,0); }
}