/*
Theme Name: Little Divi
Description: Theme enfant de Divi
Author: DBpro
Template: Divi
Version: 1.1
*/


/*
** CENTRER DU CONTENU VERTICALEMENT
** Voir tuto : https://www.divi-community.fr/snippets-divi/centrer-du-contenu-verticalement
*/

.dc-centrer-verticalement {
	display: flex;
	flex-direction: column;
	justify-content: center;
  	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-flex-direction: column;
	 -moz-box-orient: vertical;
	 -moz-box-direction: normal;
	  -ms-flex-direction: column;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-moz-box-pack: center;
	-ms-flex-pack: center;
}

a {font-weight: 700;}

/* Ateliers */
.tit_rub_fiche, .date_atel {
    font-family: 'Bebas Neue',display;
		font-size: 20px;
}
.cont_atel {
	display: flex;
  direction: ltr;
	max-width: 1800px;
	width: 100%;
	padding: 2% 0;
	margin: auto;
	position: relative;
}
.col_atel1, .col_atel2 {
	float: left;
	position: relative;
}

.col_atel1 {
	width: 19%;
	margin-right: 8%;
}

.col_atel2 {
	width: 73%;
}

.date_atel {border-bottom: 1px solid #000;}
.tit_menu_atel {}
.menu_atel {}
.url_txt {text-align: right;}
.txt_atel img {border : 1px solid #000000;}

/* Pagination (textes) */
.wp-pagenavi {text-align: right; margin: 20px 40px 0px 0px; padding-bottom: 20px;}
.wp-pagenavi a {font-weight: bold;} /* Previous and Next links only */
.wp-pagenavi a.page,
.wp-pagenavi a.first,
.wp-pagenavi a.last {font-weight: normal;} /* Other links */
.wp-pagenavi a, .wp-pagenavi span {
	padding: 5px; margin-right: 10px;
	font-size: 15px; color: #0c71c3; text-decoration: none;
	border: 1px solid #68b2c3; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;
	}
.wp-pagenavi a:hover, .wp-pagenavi span.current {
	background: #0c71c3;
	color: #fff;
	border: 1px solid #0c71c3;
	}
.wp-pagenavi span.current {font-weight: bold;}
.wp-pagenavi a:last-child, .wp-pagenavi .pages {border: 0px solid #0c71c3!important; color: #0a0a0a!important;}

/* Pour retirer le zomm sur les images produits (Woocommerce) */
.woocommerce div.product div.images .woocommerce-product-gallery__wrapper .zoomImg,
.woocommerce div.product div.images .woocommerce-product-gallery__trigger,
.woocommerce div.product div.images .woocommerce-product-gallery__trigger::before {display:none !important;}
.woocommerce div.product .images {pointer-events: none !important;}

/* Les bandeaux de la page d'accueil */
.li_tit_auteur .col1, .li_tit_atelier .col1 {width: 59%; margin-right: 2%;}
.li_tit_auteur .col2, .li_tit_atelier .col2 {width: 21%!important; margin-right: 2%;}
.li_tit_auteur .col3, .li_tit_atelier .col3 {}
.li_tit_auteur,	.li_tit_atelier {overflow: hidden;}

/* Bandeau auteur - Page d'accueil */
.mod_tit_auteur:before {
	content:url(https://www.michael-moslonka.com/wp-content/uploads/2022/04/tete-mm.jpg) ;
	position: absolute;
	left: -20px;
	top: -75px;
	transform: scale(.5);
}

/* Calendrier - page d'accueil */
.li_cal_auteur .acc_cal_mod .tribe-common-g-row {
	width: 23%;
	display: table-cell;
	vertical-align: middle;
	position: relative;
	margin: 1%;
	float: left;
	word-wrap: break-word;
	padding: 0px;
}
/*.li_cal_auteur .acc_cal_mod .tribe-common-g-row .tribe-events-widget-events-list__event-date-tag {display: none;}*/
.li_cal_auteur .acc_cal_mod .tribe-common-g-row img {margin: 0 10px 0 0;}
.li_cal_auteur .acc_cal_mod .tribe-events-widget-events-list__view-more {display: none;}
.li_cal_auteur .acc_cal_mod .tribe-events-widget-events-list__event-date-tag.tribe-common-g-col {
	width: 10%;
	position: absolute;
	background-color: #0000006b;
}
.tribe-events-widget-events-list__event-date-tag-month, .tribe-events-widget-events-list__event-date-tag-daynum {color: #fff !important;}
.li_cal_auteur .acc_cal_mod.et_pb_widget_area_left {
    border-right: 0px solid rgba(0,0,0,.1);
    padding-right: 0px;
}
.et_pb_title_container h1 {font-size: 32px !important;}
.acc_cal_mod h2 {padding-top: 10px!important; font-family: 'Bebas Neue' !important; font-size: 28px !important;}
.acc_cal_mod .tribe-events-widget-events-list__header {margin-bottom: 0px;}

/* Bandeau atelier - Page d'accueil */
.mod_tit_atelier:before {
	content:url(https://www.michael-moslonka.com/wp-content/uploads/2022/04/tete-mm.jpg) ;
	position: absolute;
	left: -20px;
	top: -85px;
	transform: scale(.5);
}

/* Bibliographie / Boutique */
/*.columns-6 .couv-6 {margin: 0 3% 2.992em 0!important;}*/
.columns-6 .couv-6:nth-child(6n) {margin: 0 0 2.992em 0!important;}
.columns-6 {display: -webkit-flex!important;
	display: -ms-flexbox!important;
	display: flex!important;
	-webkit-flex-wrap: wrap!important;
	-ms-flex-wrap: wrap!important;
	flex-wrap: wrap!important;
}
.couv-6 {max-height: 380px!important; border: #4399e5 solid 1px;

		display: -webkit-flex!important;
    display: -ms-flexbox!important;
    display: flex!important;
	}
.couv-6 a {width: 100%;}
/* Fiche livre */
.bold {font-weight: 700;}
.licar {padding-bottom: 10px;}
.titrubf {border-bottom: 1px solid #333; padding-bottom: 10px!important;}
.img_related {height: 100%; width: auto;}
/*.img_related img {max-height: 350px!important;}*/
.divt_related {min-height: 50px;}
.couvback {
  height: 380px;
  width: 100%;
  background-size: cover;
  background-position: top;
}

/* Revue de presse */
.list_rdp {margin-bottom: 30px;}

.rdp_titre {font-weight: 700;}

/* Page Rencontres */
#sidebar {display: none;}
.et_pb_gutters4.et_right_sidebar #left-area {padding-right: 0%;}
.et_pb_gutter.et_pb_gutters4 #left-area {width: 100%;}
#main-content .container:before {
    content: "";
    position: absolute;
    top: 0;
    height: 100%;
    width: 0px;
    background-color: #fff;
}

.tribe-events-single .type-tribe_events {display: block !important;}
/* version 2022 fiche single */
/*.sec_tit_ag, .sec_tit_ev,*/ #tribe-events-pg-template {width: 100%!important; max-width: 2000px!important; padding: 0!important;}
.sec_tit_ag .et_pb_title_container, .sec_tit_ev .et_pb_row {width: 100%; max-width: 1500px; margin: auto!important;}
#tribe-events-content.cont_ev {width: 100%; margin: auto!important; padding-right: 50px!important; padding-left: 50px!important;}
.sec_tit_ag {margin-top: 40px; margin-bottom: 40px;}
.sec_tit_ag h1 {font-family: 'Bebas Neue' !important; font-size: 32px !important;}
.tribe-events-single-event-title {color: #fff !important; font-family: 'Bebas Neue' !important; font-size: 28px !important; font-weight: 100;}
.tribe-events-cal-links, .tribe-events-single-event-description {display: none;}
#tribe-events-content {
	padding: 20px !important;
  margin: 0 40px !important;
}
.tribe-events-event-image, .single-tribe_events .tribe-events-event-image, .tribe-events-single-event-description {
  float: left;
  margin: 5px 10px 10px 0px;
  width: auto !important;
  margin: 0 0 40px 0;
}
.tribe-events-event-image img.attachment-full {
  width:auto!important;
  max-height: 250px!important;
}

.tribe-events-single-event-description {padding-left: 20px;}
.tribe-events-event-image img.attachment-full {
  border: 1px solid #d8d8d8 !important;
  background-color: #fff !important;
  padding: 10px !important;
}
.tribe-events-event-meta:before, .tribe-events-meta-group.tribe-events-meta-group-gmap, #tribe-events-footer
{border-top: 0px solid var(--tec-color-border-secondary) !important;}
.tribe-events-event-meta {width:100%!important; margin: 0!important;}
.tribe-events-meta-group-details, .tribe-events-meta-group-venue {padding: 10px;}
.tribe-events-meta-group-venue {background-color: #c0c7e7;}
.tribe-events-meta-group-venue .author {font-weight: 700;}
.tribe-events-meta-group.tribe-events-meta-group-gmap {margin: 0!important; width: 100%!important; flex-basis: 100%!important;}
.tribe-events-venue-map {width: 100%!important;}
.tribe-events-venue-map>iframe {max-height: 350px!important;}
.tribe-events-sub-nav {list-style-type: none !important;}
.sec_rv .ecs-event {
  	background-position: 98% 40%;
  	padding-right: 20px !important;
  	padding-left: 20px !important;
  	padding-bottom: 20px !important;
  	padding-top: 15px;
  }

.sec_rv .ecs-event, .sec_tit_ev, .mod_pres {
  	border-radius: 5px;
  	-webkit-border-radius: 5px;
  	-moz-border-radius: 5px;
  	margin-bottom: 30px;
    background-color: #c0c7e7;
  }
.sec_rv .ecs-event, .sec_tit_ev {
	font-size: 30px;
	letter-spacing: 1.3px;
	line-height: 1.3;
	color: #fff;
}
.sec_rv .ecs-event {padding: 30px 30px 40px 30px !important;}
.sec_tit_ev {padding: 0px 30px !important;}
.sec_rv .ecs-event .duration {font-family: 'Bebas Neue' !important;}
.sec_rv .ecs-event img {float: left; margin-right: 20px;}
.mod_pres {padding: 20px;
}

/* Ateliers de la page d'Accueil */
.cont-at {
	display: flex;
	width: 100%;
	border-collapse: separate;
	border-spacing: 10px;
	flex-wrap: wrap;
	}
.cont-at .case-at {
	width: 23%;
	/*display: flex;*/
  border: 1px solid #000;
	padding: 10px;
	position: relative;
	margin: 1%;
}

.cont-at .couvback2 {
  height:250px;
  width: 100%;
  background-size: cover;
  background-position: top;
}

.cont-at .txt-at {margin-top: 10px;}

/* Les interviews */
.list_itw .et_pb_post {margin-bottom: 10px;}
.list_itw .et_pb_post h2 {font-size: 18px;}

.mod_itw {}
.mod_itw .video_itw, .mod_itw .img_itw, .mod_itw .url_itw {margin-top: 20px;}

/* Bouton Babelio */
/*.et-social-bandcamp {border: 1px solid; margin-left: 10px;}*/
.et-social-bandcamp .icon:before {content: ""; background-position: center center;}
.et-social-bandcamp a.icon {border-radius: 3px;}
.et-social-bandcamp a.icon:before {height: 50px; width: 50px;}
.et-social-bandcamp .icon:before {
	content: "" !important;
	background: url(https://www.michael-moslonka.com/wp-content/uploads/2022/08/babelio2.png) no-repeat;
	background-size: 32px 32px;
}

/*
** MENU MOBILE : en pleine largeur et le hamburger devient une croix pour fermer
*/

.et_mobile_menu {
	margin-left: -30px;
	padding: 5%;
	width: calc( 100% + 60px);
}

.mobile_nav.opened .mobile_menu_bar:before {
	content: "\4d";
}


/*
** AUGMENTER LA LARGEUR CHAMP RÉSULTAT CAPTCHA
** Parfois, suivant la taille du texte, certains chiffres du résultat sont masqués
*/
.et_pb_contact_right p input {
	max-width: 50px;
}

.mod_tit_auteur h1, .li_tit_atelier .col1 h1 {text-shadow: 1px 1px 2px pink;}
/*
** METTRE EXPOSANTS ET INDICES À LA BONNE TAILLE
** Généralement, ils sont bien trop gros…
*/
sup, sub {
    font-size: 70%;
}


/*------------------------------------------------*/
/*---------------[RESPONSIVE LAYOUTS]-------------*/
/*------------------------------------------------*/

/** On wider screens, float the menu over to the right of the logo **/
@media only screen and (min-width: 980px) {
  .test {background-color:green; height: 10px; width: 100%;}


}

@media only screen and (min-width: 981px ) {
  .test {background-color:blue; height: 10px; width: 100%;}


}

/*-------------------AJOUT------------------*/
@media only screen and (min-width: 1500px) and (max-width: 2000px) {
  .test {background-color:black; height: 10px; width: 100%;}

	.li_cal_auteur .acc_cal_mod .tribe-common-g-row {width: 31%;}
	.li_cal_auteur .acc_cal_mod .tribe-common-g-row:last-child {display: none;}

	.couv-6 {max-height: 300px!important;}
	.couvback {height: 300px;}
}

/*-------------------AJOUT 2------------------*/
@media only screen and (min-width: 1101px) and (max-width: 1499px) {
  .test {background-color:white; height: 10px; width: 100%;}

	.li_cal_auteur .acc_cal_mod .tribe-common-g-row {width: 31%;}
	.li_cal_auteur .acc_cal_mod .tribe-common-g-row:last-child {display: none;}

	.couv-6 {max-height: 230px!important;}
	.couvback {height: 230px;}
}

/*-------------------[960px]------------------*/
@media only screen and (min-width: 981px) and (max-width: 1100px) {
  .test {background-color:maroon; height: 10px; width: 100%;}

	.li_cal_auteur .acc_cal_mod .tribe-common-g-row {width: 31%;}
	.li_cal_auteur .acc_cal_mod .tribe-common-g-row:last-child {display: none;}

	.couv-6 {max-height: 180px!important;}
	.couvback {height: 180px;}
}

/* --------- iPads (Portrait) ---------- */
@media only screen and (max-width: 980px) {
  .test {background-color:red; height: 10px; width: 100%;}

	/*
	** INVERSER LE SENS DES COLONNES SUR MOBILE
	** Voir tuto : https://www.divi-community.fr/snippets-divi/inverser-ordre-des-colonnes-sur-mobile
	*/
	.dc-inverser-colonnes--section .dc-inverser-colonnes--ligne {
		display: -webkit-flex;
		display: -ms-flex;
		display: flex;
		-webkit-flex-direction: column-reverse;
		-ms-flex-direction: column-reverse;
		flex-direction: column-reverse;
	}

	.li_cal_auteur .acc_cal_mod .tribe-common-g-row {width:48%;}
	.li_cal_auteur .acc_cal_mod .tribe-common-g-row:last-child {display: block;}

	.acc_sec_auteur .et_pb_row_0_tb_body.et_pb_row {padding-bottom: 0px!important;}
	.li_tit_auteur .col1 {width: 55%!important;}
	.et_pb_text_0_tb_body.mod_tit_auteur {padding-left: 25%!important;}
	.li_tit_auteur .col2 {width: 21%!important;}
	.li_tit_auteur .col3 {width: 15%!important;}
	.mod_tit_auteur h1 {font-size: 30px!important;}
	.col2 .et_pb_button {padding: 0.3em 0.3em!important;}

	.li_tit_atelier .col1 {width:100%!important; margin-right: 0%!important;}
	.li_tit_atelier .col1 h1 {padding-left: 15%!important; margin-right: 10px!important;}
	.li_tit_atelier .col2 {width: 100%!important; margin-right: 0%!important;}
	.li_tit_atelier .col3 {width: 100%!important;}
	.li_tit_atelier .col2 .et_pb_button {margin-right: 10px!important; margin-bottom: 20px;}
	.li_tit_atelier .col2 .et_pb_button_module_wrapper.et_pb_button_alignment_phone_center {text-align: right!important; margin-right: 10px!important;}

	.mod_tit_atelier:before {
		left: -10px;
    top: -30px;
    transform: scale(1);
		}

		.cont-at .case-at {
	    width: 46%;
	    border: 1px solid #000;
	    padding: 10px;
	    position: relative;
	}

	.couv-6 {max-height: 340px!important;}
	.couvback {height: 340px;}

	.cont_atel {display: block; max-width: 1080px;}
	.tit_menu_atel {border-top-width: 0px!important;}
	.date_atel {padding-bottom: 10px!important; margin-bottom: 20px!important;}
	.col_atel1 {width: 100%; margin-right: 0%; margin-top: 30px;}
	.col_atel2 {width: 100%; margin-bottom: 30px;}
	footer {position: relative; z-index: -1;}
}

@media screen and (max-width: 782px) {
  .test {background-color:yellow; height: 10px; width: 100%;}

	.li_tit_auteur .col1 {width: 100%!important; margin-bottom: 0px!important;}
	.li_tit_auteur .col2 {width: 100%!important;}
	.li_tit_auteur .col3 {width: 100%!important;}

}

/*--- [480px] iPhone5 (landscape) --*/
@media only screen and (max-width: 767px) {
  .test {background-color:pink; height: 10px; width: 100%;}

	.li_cal_auteur .acc_cal_mod .tribe-common-g-row {width:98%;}
	.li_cal_auteur .acc_cal_mod .tribe-common-g-row:last-child {display: block;}

	.mod_tit_auteur:before {
		left: -10px;
		top: -38px;
		transform: scale(.83);
		}

		.couv-6 {max-height: 420px!important;}
		.couvback {height: 420px;}

		/* Pagination (textes) */
		.wp-pagenavi .pages, .wp-pagenavi .previouspostslink, .wp-pagenavi .extend, .wp-pagenavi .page {font-size: 12px;}
		.wp-pagenavi .first {display: none;}
		.wp-pagenavi a, .wp-pagenavi span {padding: 3px; margin-right: 5px;}

		#tribe-events-content.cont_ev {padding-right: 0px!important; padding-left: 0px!important;}
}

/*-------------------[320px]------------------*/
/*-------    iPhone5 (portrait)    ---------- */
@media only screen and (max-width: 479px) {
  .test {background-color:grey; height: 10px; width: 100%;}

	img.alignleft {float: none;}
	.tribe-common .tribe-common-g-col {margin-bottom: 10px;}
	.li_cal_auteur .acc_cal_mod .tribe-events-widget-events-list__event-date-tag.tribe-common-g-col {width: 15%;}

	.mod_tit_auteur:before {
		left: -10px;
		top: -38px;
		transform: scale(.83);
	}
	.mod_tit_auteur h1, .li_tit_atelier .col1 h1 {text-align: right!important; margin-right: 10px!important;}
	.col2 .et_pb_button_module_wrapper.et_pb_button_alignment_phone_center {text-align: right!important; margin-right: 10px!important;}
	.col2 .et_pb_button {margin-right: 10px!important;}
	.mod_tit_auteur h1 {font-size: 25px!important;}
	.et_pb_text_0_tb_body.mod_tit_auteur {padding-left: 0!important;}
	.li_tit_atelier .col2 .et_pb_button {margin-bottom: 0px!important;}

	.mod_tit_atelier:before {
		left: 0px;
    top: -10px;
    transform: scale(1.2);
		}

		.cont-at .case-at {
	    width: 99%;
	    border: 1px solid #000;
	    padding: 10px;
	    position: relative;
	}

	.couv-6 {max-height: 560px!important;}
	.couvback {height: 560px;}
}