/*
Theme Name: Extra-fils
Description: Theme enfant de diocese44
Author: D.Rapion
Author URI: 
Template: Extra
Version: 1.0
*/
/* Changement de couleur du fond de couleur des widgets */
.et_pb_widget .widgettitle {
/* background: #3E5062; */
background: #0a94a9;   /*(bleu diocese) */
text-align:center;
}

/* lien du widget */
.et_pb_widget a {
color:#0a94a9!important;    /*(bleu diocese) */
}
/* lien du widget */
.et_pb_widget a:hover{
color:#f49e21!important;   /*(orange diocese) */
text-decoration: underline;
}

/* Changement de couleur du sous-titre de mega-menu (blanc par defaut) */
#et-navigation .mega-menu>ul>li>a:first-of-type {
    font-weight: 700;
    color: #f49e21; /*(orange diocese) */
}
/* Changement du hauteur de la taille de la police des occurences du mega-menu */
#et-menu li {
    font-size: 14px; /* DR */
}
/* -----------------------------------------------------------------------------*/
/* BEGIN - 20/11/2018 : Gestion du hover sur les images des widgets de la sidebar */ 
.mon-image{
position: relative;
}
.mon-image:hover{
opacity:0.5;
}
.mon-image-lien{
position: absolute;
top:0;
left:0;
opacity:0;
}
.mon-image-lien:hover{
opacity:1;
} 
/* END - 20/11/2018 : Gestion du hover sur les images des widgets de la sidebar */ 
/* -----------------------------------------------------------------------------*/
/* BEGIN - 21/11/2018 : Gestion du responsive pour la carte du diocese affichant les paroisses */
 .map-responsive {
overflow:hidden;
padding-bottom:56.25%;
position:relative;>
height:0;
}

.map-responsive iframe {
left:0;
top:0;
height:100%;
width:100%;
position:absolute;
}
/* END - 21/11/2018 : Gestion du responsive pour la carte du diocese affichant les paroisses */
/* -----------------------------------------------------------------------------*/ 
/* BEGIN - 22/11/2018 : Gestion des liens dans les articles / pages */
.et_pb_section a{
color:#0a94a9 !important;
}
.et_pb_section a:hover {
color:#f49e21 !important;
text-decoration: underline; 
}
a{
color:#0a94a9 !important;
}
a:hover{
color:#f49e21 !important;
text-decoration: underline; 
} 
/* END - 22/11/2018 : Gestion des liens dans les articles / pages */ 
/* -----------------------------------------------------------------------------*/ 
/* BEGIN - 22/11/2018 : limite l'affichage des horaires de messesinfos dans une page Paroisse */
.searchCelebrationTimeDisplayPanel {
height:400px;}
/* END - 22/11/2018 : limite l'affichage des horaires de messesinfos dans une page Paroisse */
/* -----------------------------------------------------------------------------*/
/* BEGIN - 6/12/2018 : Affichage sur une ligne des prochains evènements (date à gauche - options affichage à droite  */
.tribe-bar-disabled {
    float: none;
    }
/* END - 6/12/2018 : Affichage sur une ligne des prochains evènements (date à gauche - options affichage à droite  */
/* -----------------------------------------------------------------------------*/ 
/* BEGIN - 07/02/2019 : Non affichage du titre h2 au dessous du titre AGENDA dans le modue de droite de la homepage. Ce titre est généré par le parametre title du code 5events-calendar-templates-... */ 
#ect-events-list-content h2.ect-events-page-title {
    display: none;}
/* END - 07/02/2019 : Non affichage .... */ 
/* BEGIN - 15/03/2019 Passage de 100% a 50% pour le survol de la date sur l'image dans les occurences de l'agenda sur la homepage */
.ect-list-post-left .ect-list-date{
min-width: 50% !important;
}
/* END - 15/03/2019 Passage de 100% a 50% pour le survol de la date sur l'image dans les occurences de l'agenda sur la homepage */
/* BEGIN - 11/04/2019 Suppression du ùin-height:180px pour le navigateur Chrome qui laiise un espace entre chaque occurence de l'Agenda sur la homepage */
.ect-list-post{
min-height: 0px !important;
}
/* END - 11/04/2019 Suppression du ùin-height:180px pour le navigateur Chrome qui laiise un espace entre chaque occurence de l'Agenda sur la homepage */

/* BEGIN - 20/05/2019 Suppression du module d'adresse et de "Voir les détails" pour chaque évènement de l'Agenda */
.ect-list-venue,  a.ect-events-read-more{
display: none !important;	
}
/* END - 20/05/2019 Suppression du module d'adresse  et de "Voir les détails"pour chaque évènement de l'Agenda */

/* BEGIN - 07/02/2019 : Affichage de la loupe en bleu dans la barre de menu horizontal */
.et-top-search .et-search-submit:before{color: #0a94a9;content:'\e63a';font-size:12px;font-weight:600}
.et-top-search-primary-menu-item .search-icon:before{color: #0a94a9;content:'\e63a';font-size:inherit;font-weight:600}
.et-top-search-primary-menu-item .et-top-search .et-search-submit:before{color: #0a94a9;content:'\e63a';padding:0;font-size:inherit;font-weight:600}

/* END - 07/02/2019 : Affichage de la loupe en bleu dans la barre de menu horizontal */
 /* -----------------------------------------------------------------------------*/ 
/* BEGIN - 07/02/2019 : Remplacement couleur color:#FFF par color: #0a94a9 et suppression du padding:30px 40px;*/
 .et-top-search-primary-menu-item .et-top-search .et-search-field{width:100%;color:#0a94a9;padding:5px;font-size:14px;line-height:normal;-webkit-appearance:none}
 .et-top-search-primary-menu-item .et-top-search .et-search-field::-webkit-input-placeholder{color:#0a94a9;font-weight:400}
 .et-top-search-primary-menu-item .et-top-search .et-search-field::-moz-placeholder{color:#0a94a9;font-weight:400}
 .et-top-search-primary-menu-item .et-top-search .et-search-field:-ms-input-placeholder{color:#0a94a9;font-weight:400}
 .et-top-search-primary-menu-item .et-top-search .et-search-field::placeholder{color:#0a94a9;font-weight:400}
 /* -----------------------------------------------------------------------------*/  
 /* BEGIN - 07/02/2019 - Mega-menu */

#et-navigation .mega-menu > ul > li > a:first-of-type {
    padding-bottom: 20px;}
#et-navigation li a {
    padding: 0;
}
.tribe-events-back{
margin: 0 0 20px!important;
}	
.tribe-events-button{
background-color:#fff !important;
}
.tribe-events-single-event-title {
    color: rgba(0,0,0,.75)!important;
}
/* BEGIN - 15/03/2019 suppression du trait horizontal et dimunution de l'espace entre les occurences du footer */
#footer .et_pb_widget li{
padding:0 0 5px 0;
border-bottom:none;
}
/* END - 15/03/2019 suppression du trait horizontal et dimunution de l'espace entre les occurences du footer */
/* BEGIN - 15/03/2019 remplacer 60px par 20px pour le paddign-top du footer 
et 60px par 0 pour le margin-bottom du footer    */
#footer .et_pb_widget:first-of-type{
padding-top:20px;
}
#footer .et_pb_widget{
margin:0;
}
/* END - 15/03/2019 remplacer 60px par 20px pour le paddign-top du footer 
et 60px par 0 pour le margin-bottom du footer    */
/* BEGIN - 12/04/2019 : Coller la puce avec le texte dans les listes (non fait nativement par chrome)
  Lors du centrage des elements d'une liste (ex les mvts, les services,..) la puce est collée au texte et non à gauche  
 */
ul{
	list-style-position: inside;
}
/* END - 12/04/2019 : Coller la puce avec le texte dans les listes (non fait nativement par chrome) */ 
/* BEGIN - 15/04/2019 : Pied de la page Don en ligne  */
#footerDon{
background-color:#000;
width:100%;
padding-top:10px;
height:50px;
}
.p_footerDon {
	text-align:center;
	color:#fff;
}
/* END - 15/04/2019 : Pied de la page Don en ligne  */
/* BEGIN - 16/04/2019 : personnalisation du widget Newsletter  */
#mjForm{
	text-align:center;}
	
.form-group{
	margin-top: 20px !important;
	}
#mjForm input, input[type="email"]::placeholder	{
	text-transform:none!important;}
/* END - 16/04/2019 : personnalisation du widget Nesletter  */
/* BEGIN - 24/04/2019 : personnalisation du style blockquote  */	
blockquote
{ font-style:normal;
  margin-left:32px;
  font-family: "Arial", Verdana;
  padding-left: 48px;
  background:url('blockquote.png');
  background-repeat:no-repeat;
  min-height: 30px;
  font-weight: normal;
}
/* BEGIN 7/6/2019 : enlever les marges pour le plugin Audio (entretien avec l'évêque) gérer dans le widget */
.et_audio_content, .et_link_content, .et_pb_audio_module_content, .et_quote_content{
	padding:2px;
}
/* BEGIN 26/08/2019 : page formations diocésaine (id=26380) : diminuer l'espace autour des icônes  */
#post-26380 .post-wrap {
	padding : 5px 60px;
}
#post-26380 .post-wrap h1{
	padding : 0;
}
#post-26380 .post-wrap .post-content{
	margin:0; 
}
/* mise en blanc du bouton sur les vidéos */
a.video-play-button, a.et_pb_video_play {
	color:white !important;
	text-decoration: none;
}
a.video-play-button:hover, a.et_pb_video_play:hover{
	color:#f49d1d;
	text-decoration: none;
}
/* Info-bulle 
 site : https://www.webtolosa.com/2017/09/22/une-bulle-daide-en-css/   copié le 06/09/2020
*/
.infobulle {
  text-decoration:none;
  position:relative;
}
.infobulle span {
  display:none;
  -moz-border-radius:6px;
  -webkit-border-radius:6px;
  border-radius:6px;
  color:black;
  background-color: #eff1f3;
  font-size:10px;
  font-style:italic;
}
.infobulle span img {
  float:left;
  margin:0px 8px 8px 0;
}
.infobulle:hover span
{
  display:block;
  position:absolute;
  top:10px;
  left:-100px;
  z-index:1000;
  width:250px;
  /* max-width:200px; */
  min-height:20px;
  border:2px solid #0b93a8;
  margin-top:12px;
  margin-right:32px;
  overflow:hidden;
  padding:5px;
}
/* End - Info-bulle */
/* mettre le sup en haut */
sup{
	vertical-align:super;
	font-size:75%;
}
/* lien de pagination dans les articles de la homepage à blanc et non bleu sur fond bleu 
et des boutons sous les articles lorsque l'on fait une recherche */
.paginated .pagination li.active a, .read-more-button
{
color: #fff !important;	
}
/* AGENDA - BEGIN */

.ect-list-post {
	margin: 1px auto !important;
	border-radius : 0px !important;
	padding : 1px !important;
	
}

.ect-list-post-right .ect-list-description { 
	justify-content: initial !important; /* positionnement du titre et résumé en haut */
	width: 100% !important ; /* mettre le titre et le texte sur toute lalargeur de la div et non 70%*/
}

#ect-events-list-content h2.ect-list-title a.ect-event-url { /* Titre de l'évènement */
	font-size: 13px !important;
	line-height: 1em !important;	
}
.tribe-events-content a{ /* Supression du souligné par defaut des liens  */	
	border-bottom: 0px !important;
}
h1.tribe-events-single-event-title{ /* mise à jour du titre de l'évènement comme le titre des articles */
	font-weight: 600;
	font-size: 26px;
	padding-bottom: 10px;
	color: rgba(0,0,0,.75);
	font-family: 'Open Sans';											
	letter-spacing: .5px;
	line-height: 1.3em;
	text-transform: uppercase;
}

@media (min-width: 769px) {
	.ect-list-post {
		max-height: 155px !important;
		min-height :inherit !important;
	}


	.ect-list-post.style-1 .ect-list-date, .ect-list-post.style-1 .ect-list-img {
	  min-height: inherit !important;
	  border-radius: 0px !important;
	  padding: 2px !important;
	  max-height: 150px !important;
	}
}

#ect-events-list-content .ect-list-post-right .ect-list-description .ect-event-content p {
	color :#000 !important;
}

.ect-list-post-left { /* Pour que la hauteur de l'image ne depasse pas le contenu gauche de l'évènement dans la partie "PROCHAINS EVENEMENTS" des pages Serbvices, mvt et autres */
	min-height:150px !important;
	} 

.tribe-events-c-subscribe-dropdown{ /* Ne pas afficher le module "Ajouter au calendrier" dans un évènement */
	display:none;	
}