/*
Theme Name: Stofmania
Description: Theme enfant de Astra
Author: Christophe A.
Author URI: 
Template: astra
Version: 0.2.0
*/


/***** Définitions variables *****/
@property --main-color-1 {
  syntax: "<color>";
  inherits: false;
  initial-value: #FFCD57;
}
@property --button-color {
  syntax: "<color>";
  inherits: false;
  initial-value: #000000;
}
@property --button-color-hover {
  syntax: "<color>";
  inherits: false;
  initial-value: #FFFFFF;
}


/***** Style général *****/
a:hover {
	color: var(--main-color-1) !important;
}

#ast-scroll-top {
	background-color: var(--main-color-1) !important;
}
#ast-scroll-top {
	color: var(--button-color);
}
#ast-scroll-top:hover {
	color: var(--button-color-hover);
}

.wp-block-button .wp-block-button__link, .wp-block-search .wp-block-search__button, body .wp-block-file .wp-block-file__button {
	border-color: var(--main-color-1);
	background-color: var(--main-color-1);
	color: var(--button-color) !important;
}

.wp-block-button .wp-block-button__link:hover,
.wp-block-search .wp-block-search__button:hover,
body .wp-block-file .wp-block-file__button:hover {
	border-color: var(--main-color-1);
	background-color: var(--main-color-1);
	color: var(--button-color-hover) !important;
}

header.entry-header .entry-title {
	text-align: center;
}

.points_peche li {
	margin: 2px !important;
	padding: 0px !important;
	line-height: normal;
}

.image-min-width {
	min-width: 125px;
}
.maintenance_image-min-width {
	min-width: 100px;
}

.wp-element-caption {
        text-align: center;
        margin: 5px 0 0 0;
        font-size: 0.75em;
}



/***** Sous-menu Ajout ligne au survol, avec transition *****/
.sub-menu .menu-link::before {
	content: "";
	position: absolute;
	bottom: 2px;
	left: 15px;
	width: 93%;
	height: 2px;
	background: linear-gradient(to right, var(--main-color-1), transparent);
	/*background: linear-gradient(to right, #19695D, #19695D00);*/
	z-index: 1;
	transform: scaleX(0);
	transform-origin: left;
	transition: transform 0.3s ease-in-out;
}

.sub-menu .menu-link:hover::before {
	transform: scaleX(1);
}

.current-menu-ancestor > .menu-link, .menu-item.current-menu-item > .menu-link {
	color: var(--main-color-1) !important;
}
.menu-item:hover > .menu-link {
	color: var(--main-color-1) !important;
}

/***** Taille police sous menu *****/
.ast-desktop .ast-builder-menu-1 .menu-item .menu-link {
	letter-spacing: .02rem;
}

.ast-builder-menu-1 .sub-menu {
	background-color: #1E293B;
}


/***** Liste Fiches Killis *****/
.killifiches a {
	font-size: 1.15em;
	font-style: italic;
	font-weight: bold;
}

.killifiches .wp-block-latest-posts__post-excerpt {
	font-size: 0.8em;
	margin:0;
}

/***** Fiches killis *****/
.fiche_element_page_title {

}
.fiche_element_descripteur {

}
.fiche_element {
	border: none;
}
.fiche_element_resume {
	border: 1px solid #999999;
	border-radius: 11px !important;
}

.fiche_element_title {
/*	border-bottom: 5px solid #fad7a0;*/
        border-bottom: 5px solid var(--main-color-1);
	width: 100% !important;
	margin-bottom: 20px !important;
	padding: 12px 0px !important;
}

.fiche_element_title_icon {
/*	color: #fad7a0;*/
	color: var(--main-color-1);
	margin-right: 10px !important;
	font-size: 1.3em !important;
}

.fiche_element_title_text {
	font-size: 1.3em !important;
        text-transform: uppercase;
	text-align: left !important;	
}

.fiche_element_title_resume {
	background-color: #7dcea0;
	width: 100%;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
        text-transform: uppercase;
	margin-bottom: 20px !important;
	padding: 12px 0px !important;
	font-size: 1.3em !important;
}

.fiche_element_subtitle, .fiche_element_subtitle_taxo {
/*	border-left: 3px solid #fad7a0;*/
	padding-left: 12px !important;
	margin-bottom: 5px !important;
	font-weight: bolder;
	font-size: 1.15em !important;
	position: relative;
}
.fiche_element_subtitle::before, .fiche_element_subtitle_taxo::before {
	content: "";
	display: block;
	width: 0; 
	height: 0; 
	border-top: 10px solid transparent;
	border-bottom: 10px solid transparent;
/*	border-left: 8px solid #fad7a0;*/
	border-left: 8px solid var(--main-color-1);
	position: absolute;
	top: 7px;
	left: 0px;
}

.fiche_element_subtitle_taxo {
}

.fiche_element_subtitle_resume {
	font-weight: bolder;
	font-size: 1.1em !important;
}

.fiche_element_content {
	margin-left: 15px !important;
	margin-bottom: 15px !important;
}
.fiche_element_content_resume {
	font-size: 1.1em !important;
}
.fiche_element_content_species {
	font-style: italic !important;
}
.fiche_element_photo .wp-element-caption {
	font-size: 0.9em;
}
.fiche_element_killicarto {

}

.iucn_data {
	display: flex;
}
.iucn_data_img {
	align-self: center;
	margin-right: 20px;
	min-width: 100px;
}
.iucn_data_text {
	align-self: center;
}
.iucn_data_text_title {
	font-weight: bold;
	margin-bottom: 10px;
}
.iucn_data_text_message {
	font-size: 0.8em;
	font-style: italic;
}

/***** Resultats conventions *****/
.asso_form, .asso_form ul {
	display: flex;
	flex-wrap: wrap;
}
.asso_form ul li {
	list-style:none;
	margin: 10px;
}
.asso_form ul li label {
	font-size: 1.15em;
	font-weight: bold;
}

.titreAsso {
	font-size: 1.25em;
	font-weight: bolder;
}

.resultAsso ul {
	margin: 0px 0px 30px 20px;
}

/***** Tables *****/
.table_budget td {
	padding: 0.1em;
}

.table_budget thead tr {
	background-color: #999999;
	color: white;
	font-size: 1.4em;
	border: 1px solid;
}

.table_budget .colspan {
	background-color: #CCCCCC;
	font-size: 1.2em;
	color: black;
}


/***** Liste des photos d'orchidées *****>

/* Grid style */
.display-posts-listing.grid {
	display: grid;
	grid-gap: 16px;
	text-align:center;
}

.display-posts-listing.grid .title {
	display: block;
	text-decoration: none;
	margin-top: 6px;
	font-size: 0.85em;
}

.display-posts-listing.grid img { 
/*	display: block; */
	max-width: 100%; 
	height: auto; 
/*	width: 220px !important;
	height: 220px !important;*/
	margin-top:10px;
}

@media (min-width: 600px) {
	.display-posts-listing.grid {
		grid-template-columns: repeat( 3, 1fr );
	}
}

@media (min-width: 1024px) {
	.display-posts-listing.grid {
		grid-template-columns: repeat( 5, 1fr );
	}
}

/***** Fiches orchidées *****/
.fiche_orchid_page_title {
	font-style: italic !important;
}
.fiche_orchid_descripteur {

}

.fiche_orchid_title_group {
/*        border-bottom: 5px solid #fad7a0;*/
        border-bottom: 5px solid var(--main-color-1);
        width: 100% !important;
        margin-bottom: 30px !important;
	margin-top: 20px !important;
        padding: 12px 0px !important;
}
.fiche_orchid_title_icon {
/*        color: #fad7a0;*/
	color: var(--main-color-1);
        margin-right: 10px !important;
        font-size: 1.3em !important;
}
.fiche_orchid_title_text {
        font-size: 1.3em !important;
        text-transform: uppercase;
        text-align: left !important;
}

.fiche_orchid_element_title {
	font-weight: bold;
	font-size: 1.15em;
}

.fiche_orchid_content {
	
}
.fiche_orchid_content a {
	text-decoration: none !important;
}

.fiche_orchid_galerie {
	padding-top: 10px !important;
}

.fiche_orchid_galerie_photo {

}
.fiche_orchid_galerie_photo .wp-element-caption {
	text-align: center;
	margin: 0;
	font-size: 0.75em;
}

.orchids-list .title {
	font-style: italic;
}

/***** Fiche expédition *****/
.fiche_expe_title {
	font-size: 2em !important;
	margin: 0px !important;
}

.fiche_expe_subtitle {
	margin: 0 0 10px 0 !important;
	font-size: 1.6em !important;
}

.fiche_expe_link {
	font-size: 0.8em;
}

.fiche_expe_section {
	width: 100%;
	background-color: var(--main-color-1);
	border: 1px solid #999999;
	border-radius: 5px;
	color: #000000;
	padding: 3px !important;
	margin-bottom: 10px !important;
}

.fiche_expe_element_title {

}

.fiche_expe_element_content {

}

.fiche_expe_table {

}

.fiche_expe_table_legend {

}

.fiche_expe_photo .wp-element-caption {
        text-align: center;
        margin: 8px 0 0 0;
        font-size: 0.75em;
}

.leaflet-container { z-index: 0 !important; }

/********** Menu flottant **********/
.wrapfixed .ast-primary-header-bar, .wrapfixed .ast-primary-header-bar .site-primary-header-wrap {
        margin-top: 0 !important;
        margin-bottom: 0 !important;
	min-height: 30px !important;
	max-height: 40px !important;
}

.wrapfixed .custom-logo-link img, .wrapfixed .site-title {
        width: auto !important;
	font-size: 1em;
}

.wrapfixed .ast-mobile-header-wrap .ast-below-header-bar, .wrapfixed .ast-below-header-bar .site-below-header-wrap {
	min-height: 0 !important;
}
.wrapfixed .site-header-section {
	max-height
}
.wrapfixed .sub-menu {
	margin-top: -5px !important;
}
.wrapfixed .sub-menu .sub-menu {
        margin-top: 0px !important;
}