/*  Theme Name:   TapezEtoile
Theme URI:    https://tapezetoile.fr
Description:  Le theme de TapezEtoile
Author:       Sylvie 1formanet  
Author URI:   https://1formanet.com/ 
Template:     croccante 
Version:      0 */
/*couleurs */
/*8c1f1f rouge vin */
/*#f7f7f7  grise */
/*#e3bc68  dore*/

/*--------------------------------------------------------------
# Typography
--------------------------------------------------------------*/
body,
button,
input,
select,
optgroup,
textarea {
		/*font-family: sans-serif;*/
		font-size: 1em;
	    line-height: 1.5;
}
h1, h2, h3, h4, h5, h6, p.site-title, .search-container input[type="search"], .cat-links, blockquote, .skillTop .skillNameUnder, .team_columns .croccanteTeamSingle .croccanteTeamName
{/*font-family: sans-serif;*/
}
.main-navigation a {
	font-size: 1.1em;
}


.site-title
{
	font-size: 4em !important;
	color: white !important;
}
.site-description 
{
	font-size: 1.5em !important;
	color: white !important;
}
/* fond*/
header.site-header, .site-copy-down, .border-fixed, .onepage_header.crocanim .crocaniminside, ul.croccante_sectionmap li, ul.croccante_sectionmap li a span.box, ul.croccante_sectionmap li span.text, .main-navigation ul ul a {
  background: black !important;
}
/********ENTETE*/
/* Supprime les marges haut possibles */
body.page-template-template-onepage #content.site-content, body.page-template-template-full-width #content.site-content {
        margin: 0 !important;
}

body
{
	color: white !important;
}
#masthead,
header.site-header,
header.site-header a
{
	background: transparent !important;
	color: white !important;
}
#masthead
{
	background: rgba(0, 0, 0, 0.2) !important;
	padding-bottom: 100px;
	color: white !important;
	top: 0;
}

/***section COMPAGNIE**/
#compagnie .croccanteButton a:visited, #compagnie .croccanteButton a:hover {
	background-color: #e3bc68 !important; /*dore*/
}

/****************section team SPECTACLES*/
.croccanteTeamSingle {
  display: block;
  text-decoration: none;
  color: inherit;
}

.croccanteTeamSingle:hover {
  text-decoration: none;
}
.team_columns .croccanteTeamSingle img {
	width: 100%;
	display: block;
	aspect-ratio: auto 1 / 1 !important;
}
/*section INTERVENANTS (anciennement blog)*/
#intervenants a {
	color: white !important;
}
#intervenants a:visited, #intervenants a:hover {
	color: #e3bc68 !important; /*dore*/
}
#intervenants .croccanteButton a {
	background-color: #e3bc68 !important; /*dore*/
}
#intervenants .croccanteButton a:visited,#intervenants .croccanteButton a:hover  {
	background-color: black !important; 
}

/***les CATEGORIES d'articles */

.entry-meta {
  display: none !important;
}
 header.entry-header .entry-title a, .entry-meta a, .tags-links a {
    color: white !important;
}
/*enleve l'image sur la page categorie*/
.archive .croccante-hero {
  display: none !important;
}
.archive h1.page-title {
    color: black;
}
.archive header.entry-header .entry-title {
    display: block;
}

.archive span.read-more a {
	background: #8c1f1f;
}
.archive span.read-more a:hover, .archive span.read-more a:visited {
	color: white;
}


/***********************************************************PDP*/
.site-copy-down {
	background: #e3bc68 !important;
	color: white !important;
	position:relative ;
}

/*************************************************PAGES****************************/
.single-featuredImg {
    display: none !important;
}
header.entry-header .entry-title {
    display: none;
}
/* HERO GLOBAL */
.croccante-hero {
  position: relative;
  width: 100%;
  height: 50vh !important;
  overflow: hidden;
}

/* MEDIA */
.croccante-hero-media {
  position: absolute;
  inset: 0;
}

.croccante-hero-img {
  max-width: 100%;
  max-height: 100%;
  object-fit: cover;          /* LE POINT CLÉ */
  object-position: center;    /* centrage propre */
  display: block;
}

/* TEXTE */
.croccante-hero-text {
  position: relative;
  z-index: 2;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  color: #fff;
}

/* Overlay */
.croccante-hero::after {
  content: '';
  position: absolute;
  inset: 0;
  background: rgba(0,0,0,0.35);
  z-index: 1;
}
/*contenu*/
#primary.content-area {
  width: 70%;
	padding-top: 0;
}