/*
Theme Name:     AB-Story
Description:    Le theme enfant de storefront pour AB-Story
Author:         Destrom-Corp
Author URI:     https://destromcorp.com/
Template:     storefront
Version:        1.9.3
*/

.alignfull {
	padding:0!important;
}

p, .single-product div.product p.price {
    margin: 0 0 0.416em 0;
}
.actu {
    margin-bottom: 20px;
}
.home .site-header {margin-bottom: 0!important;}
.post-type-archive-abs_podcast .storefront-breadcrumb,  .post-type-archive-abs_serie .storefront-breadcrumb {margin-bottom:0!important;}
#page .flexslider {border:0; margin-bottom:10px;}
.home #page .flexslider {margin-bottom:60px;}
 .flexslider .slides li .wrapper {
    max-width: 66.4989378333em;
    margin: 0 auto;
}
 .flexslider .slides li > div {height:340px; width:100%;}
 .flexslider .slides li img {
    width: auto;
    height: 300px;
	float: left;
	margin: 20px;
}
 .flexslider .slides li  img.right {    float: right;}
 .slidedesc {
    font-size: 3em;  line-height:1.2;   font-weight: bold;    color: #7f54b3;; 
    padding: 50px;
	float:left; 	width: calc(100% - 350px);
}
 .slidedesc a {text-decoration:none!important; color:#7f54b3;; text-align:center;}
 .slidedesc .meta.publication {
  display: block;
  font-size: 0.6em;
  font-weight:normal;
}
 .slidedesc .meta.auteurs {
  display: block;
  font-size: 0.8em;
  color:black;
}
.flexslider .flex-direction-nav a { font-weight:bold; height:50px;}
.flexslider .flex-direction-nav a.flex-next::before { content: '>'; color:#7f54b3;;}
.flexslider .flex-direction-nav a.flex-prev::before { content: '<'; color:#7f54b3;;}

@media (max-width: 66.4989378333em)  {
	.flexslider.alignfull {
		margin-left: calc(50% - 50vw);
		margin-right: calc(50% - 50vw);
	}
}

@media (max-width: 960px)  {	
	 .flexslider .slides li > div {height:240px; }
	 .flexslider .slides li img {
		max-width: 200px; 		height: auto;
	}
	 .slidedesc {
		font-size: 2.2em; 	line-height:1.2; padding: 30px;
		width: calc(100% - 250px);
	}
}
@media (max-width: 650px)  {	
	 .flexslider .slides li > div {text-align:center; height:auto; padding-top:20px;}
	 .flexslider .slides li img {
		max-width: 300px; 		height: auto;
		float:none!important; margin-left: auto; margin-right: auto;
	}
	 .slidedesc {
		font-size: 2.2em; 	line-height:1.2; padding: 30px;
		width: 100%; float:none; 
	}
}

.soustitre {text-align:center; margin-bottom:20px;}
	.single-product .soustitre {text-align:left;}
.alerte {font-weight: bold; font-size: 1.1em; color:#FFA200;}
.woocommerce-loop-product__title {margin-top:20px;}
.single_add_to_cart_button.button.disabled, 
.single_add_to_cart_button.button.disabled:hover{opacity:0.1!important;}

.personne {clear:both; margin:20px 0;}
	.personne img {   float: left;  margin: 0px 20px 20px 0;}
	.personne .entry-title { clear:none; font-size: 1.5em;}

.liste {  list-style: none;}
	.liste li {margin-bottom:20px;}
	.liste a { display:inline-flex; text-decoration:none!important;}
	.liste a img {margin-right:20px!important;}

.listNav,.ln-letters{overflow:hidden}
	.listNavHide{display:none}
	.listNavShow{display:block;}
	.letterCountShow{display:block}
	.ln-letters {margin-bottom:10px;}
	.ln-letters a{font-size:0.9em;display:block;float:left;padding:2px 6px;border:1px solid silver;border-right:none;text-decoration:none}
		.ln-letters .ln-last{border-right:1px solid silver}
		.ln-letters a:hover,.ln-letters .ln-selected{background-color:#eaeaea}
		.ln-letters .ln-disabled{color:#ccc}
	.ln-letter-count{position:absolute;top:0;left:0;width:20px;text-align:center;font-size:0.8em;line-height:1.35;color:#336699}

.episode {  margin-top: 20px;}
	.episode h3 { clear: none;}
	.episode .thumbnail {float: left; margin-right: 20px;}
	.episode h5 {font-size: 15px;}
	
.annonce {text-align:center;}
	.annonce h2 {background:#ccc; padding:2rem; margin-top:1rem; margin-bottom:0;}
		.annonce h2.active {background:yellow;}
.annonce > div { background: #eee;  padding: 10px; margin-bottom:60px;}
	.annonce .direct, .annonce .direct div { background: #fcfcd1; }
#dynmsg {  background: #ccc;  padding: 10px;}	
.annonce .direct h3 {
	margin-bottom:30px;
}	
.annonce .direct a {
	background: var(--wp--preset--color--luminous-vivid-amber);
	text-decoration: none;
	padding: 14px 30px; border-radius: 53px;
	color: black;
}
.annonce .direct a:hover {
	background: yellow;	color: black;
}

.single-abs_releve.left-sidebar .widget-area, .woocommerce-account.left-sidebar .widget-area {display:none;}
.single-abs_releve.left-sidebar .content-area, .woocommerce-account.left-sidebar .content-area { width: 100%; float: none; margin: 0;}
	.abs_releve th, .abs_releve td {padding:5px;}
	.abs_releve th {background-color:#E0D0BB; font-weight:bold;}
	.abs_releve tr:nth-child(2n+1) {background-color:#FCF5ED;}
	.abs_releve h3.total {margin-top:30px;}
	.abs_releve table {margin-top:40px;}
	.abs_releve table.total th {background-color:#8CC6D7;}
	.abs_releve .total tr:nth-child(2n+1) {background-color:#E8F8FC;}	
	
.topdf {display:block; margin:0 0 15px;}	
.tocsv, .tocsv2 { display: inline-block; margin-right: 20px;  padding: 5px 8px;   background-color: #eee;
    text-decoration: none!important;   color: #577c87;}
.posttype { font-size:1.2em; font-weight:bold; width:100%; background:#ddd; display:block; padding:5px;}	
#message.updated:not(.published) {display:block; padding:20px; background-color:#f9f97c; font-weight:bold;}

.tabs.wc-tabs {  background: #eee;    padding: 1rem;}
.woocommerce-tabs .panel { border-left: 2px dashed #ddd;  padding-left: 1rem;}
.accordeon::after {}
	.accordeon-content {display:none; border: 2px dotted #1e73be; padding: 1rem; margin-bottom: 1rem;}
	
ul.tableau {margin:20px 0; padding:0;}
	ul.tableau li {list-style:none; display:block; width:100%;}
		ul.tableau span.label {background-color: #f8f8f8; font-weight: 600; padding: 1em 1.41575em; text-align: left; vertical-align: top; display: inline-block; width:45%;}
		ul.tableau span.value {background-color: #fdfdfd; padding: 1em 1.41575em; text-align: left; vertical-align: top; display: inline-block; width:50%;}