/**
 * This CSS file was auto-generated via PostCSS – EMC by JESS
 * commencés le 02.01.20 - Dernière mise à jour: 19.10.23
 *
 * Contributors should avoid editing this file, but instead edit the associated
 * src/resources/postcss/ file. For more information, check out our engineering
 * docs on how we handle CSS in our engineering docs.
 *
 * @see: http://moderntribe.github.io/products-engineering/css/
 */

/**
 * The Events Calendar Full Stylesheet
 * (Some of these styles may override your current theme's styles)
 *
 * To add your own custom styles, create a stylesheet with the name
 * tribe-events.css in the tribe-events/ directory of your theme.
 * Your new stylesheet will be loaded after our own stylesheet.
 *
 * To replace our stylesheet altogether, you can use the 'tribe_events_stylesheet_url' filter.
 *
 * @package TribeEventsCalendar
 *
 */



/*** ------------------------------------------------------------ ***/
/*** 0) réglages généraux ***/
/*** ------------------------------------------------------------ ***/

/* dans single-event.php: ajouté une div qui récupère les class de l'event
 * juste pour pouvoir régler le CSS en fonction des Tags / Catégories d'events
 * et bien-sûr, on masque cette div, qui n'existe que pour pouvoir gérer ça ^^ */
#affichage_class_event {
	display: none !important;
}


/*** ------------------------------------------------------------ ***/
/*** 1) réglages affichage de la liste de tous les events (affichage desktop) ***/
/*** ------------------------------------------------------------ ***/


/*** dans le bloc contenant le titre "AGENDA" + le texte d'intro: mettre le padding-bottom à 0, sinon ça fait trop d'espace entre ce bloc et la liste des events (loop) ***/
#agenda-titre-texte-intro.et_pb_row:last-child {
    padding-bottom: 0 !important;
}

/*** liste de tous les events: mettre à 0 les padding de la loop  ***/
.tribe-common-l-container.tribe-events-l-container {
    padding: 0px !important;
}


/*** masquer les éléments qui viennent AVANT la liste de tous les events  ***/
.tribe-events .tribe-events-header {display: none !important;} /* div contenant la navigation dans les mois etc */

/*** masquer les éléments qui viennent APRÈS la liste de tous les events  ***/
.page-id-892 nav.tribe-events-calendar-list-nav.tribe-events-c-nav, 
.page-id-892 .tribe-events-c-subscribe-dropdown__container {display: none !important;} /* prev, next, s'abonner, etc */



/*** réglages du bloc MOIS + année  ***/
/* Tous les éléments (representés ici par le *) qui ont un ID préfixé par le mot "mois-annee-agenda-emc-" seront maintenant stylés selon les règles ci-dessous  */
/* source: https://openclassrooms.com/forum/sujet/selectionner-une-classe-dont-le-nom-commence-par */
/* source pour aller plus loin: https://www.w3.org/TR/selectors-3/#attribute-substrings */
*[id^="mois-annee-agenda-emc-"] {
	background-color: transparent !important;
	display: block;
	margin: 2rem 0 1rem 0 !important;
	padding: 0 0 2.5rem 0 !important;
	border-bottom: 1px solid #3c3c3b !important;	/* anthracite */
}
.tribe-events .tribe-events-calendar-list__month-separator {display: block !important;}
.tribe-events .tribe-events-calendar-list__month-separator::after {display: none !important;}
h1.tribe-events-calendar-list__month-separator time,
h5.tribe-events-calendar-list__month-separator time {
    background-color: transparent !important;
    display: block;
    margin: 0 !important;
    padding: 0 !important;
	text-align: left !important;
	font-weight: 500 !important;
    font-family: Baskerville, "Times New Roman", serif !important;
    color: #282828 !important;	/* anthracite+foncé */
	letter-spacing: 0.04em !important;	/* correspond à un interlettrage de 40 sur InDesign  */
	line-height: 1em !important;
	text-transform: uppercase !important;
}
h1.tribe-events-calendar-list__month-separator time {font-size: 2.9rem !important;}
h5.tribe-events-calendar-list__month-separator time {font-size: 1.225rem !important;line-height: 1.25rem !important;}
@media only screen and (max-width: 980px) { /* tablette */
	h1.tribe-events-calendar-list__month-separator time {font-size: 2rem !important;}
	h5.tribe-events-calendar-list__month-separator time {font-size: 1rem !important;line-height: 1rem !important;}
}
@media only screen and (max-width: 767px) { /* smartphone */
	h1.tribe-events-calendar-list__month-separator time {font-size: 1.5rem !important;}
	h5.tribe-events-calendar-list__month-separator time {font-size: 0.875rem !important;}
}

/*** réglage de chaque row (1 row = 1 event) ***/
.tribe-events .tribe-events-calendar-list__event-row {margin: 0 !important;}
.tribe-common--breakpoint-medium.tribe-events .tribe-events-calendar-list__event-row > .tribe-common-g-col {padding: 0 !important;}

/*** réglages de la liste ul li (sur 1 ligne) contenant date + titre de l'event  ***/
.tribe-common--breakpoint-medium.tribe-events .tribe-events-calendar-list__event-details {width: 100% !important;}
.page-id-892 ul.ligne-agenda-date-titre {
    display: flex !important;
    width: 100% !important;
    margin: 0 0 1rem 0 !important;
    padding: 0 !important;
	border-bottom: 1px solid #3c3c3b !important;	/* anthracite */
}
.page-id-892 li.ligne-agenda-date {
	display: flex !important;
	width: 33% !important;	
}
.page-id-892 li.ligne-agenda-titre {
	display: flex !important;
	width: 67% !important;	
}
/* remonter le h5 (titre) un micro poil, pour bien l'aligner avec le h6 (date) */
.page-id-892 h5.tribe-events-calendar-list__event-title {
	display: table-cell;
	position: relative;
	height: 0;
	vertical-align: baseline;
	bottom: -0.05em;		/* la distance entre la baseline et l'exposant */
}
/* les bouts de titres en gras (balise <b> ajoutée manuellement) --> font-weight à 600 */
h5.tribe-events-calendar-list__event-title b {font-weight: 600 !important;}
.tribe-common .tribe-common-anchor-thin:active, .tribe-common .tribe-common-anchor-thin:focus, .tribe-common .tribe-common-anchor-thin:hover {border-bottom: none !important;}
.tribe-common .tribe-common-anchor-thin {border-bottom: none !important;transition: none !important;} /* tous les events */


@media only screen and (max-width: 980px) { /* tablette */
	.page-id-892 li.ligne-agenda-date {
		width: 45% !important;	
	}
	.page-id-892 li.ligne-agenda-titre {
		width: 55% !important;	
	}
}
@media only screen and (max-width: 767px) { /* smartphone */
	.page-id-892 ul.ligne-agenda-date-titre,
	.page-id-892 li.ligne-agenda-date,
	.page-id-892 li.ligne-agenda-titre {
    	display: block !important;
		width: 100% !important;	
	}
}


/*** réglages des "Derniers évènements passés" : masquer la description (extrait), la featured-img, la ligne avec la date-heures, la ligne avec l'adresse ***/
.tribe-common--breakpoint-medium.tribe-events .tribe-events-calendar-latest-past__event-description p,
.tribe-events-calendar-latest-past__event-featured-image-wrapper,
time.tribe-events-calendar-latest-past__event-datetime,
address.tribe-events-calendar-latest-past__event-venue.tribe-common-b2 {display: none;}
time.tribe-events-calendar-latest-past__event-date-tag-datetime span {font-family: hk_groteskregular, Arial, sans-serif !important;}
.tribe-events .tribe-events-calendar-latest-past__event-title,
.tribe-events .tribe-events-calendar-latest-past__event-datetime-wrapper,
.tribe-events .tribe-events-calendar-latest-past__event-description {margin: 0 !important; padding: 0 !important;}
.tribe-events .tribe-events-calendar-latest-past__event{
  display: block !important;
  position: relative;
  top: 50%;
  transform: translateY(-50%);
}
@media only screen and (min-width: 981px) { /* bureau */
	.tribe-events-calendar-latest-past {margin-top: 2.5rem !important;}
}
@media only screen and (max-width: 980px) { /* tablette et smartphone */
	h2.tribe-events-calendar-latest-past__heading {font-size: 1.125rem !important;}
}






/*** ------------------------------------------------------------ ***/
/*** 2) réglages affichage de 1 event ***/
/*** ------------------------------------------------------------ ***/

/*** page 1 event: mettre le conteneur principal à 100% de largeur + margin et padding à 0  ***/
#tribe-events-pg-template, .tribe-events-pg-template {
	width: 100% !important;
    margin: 0 auto;
	padding: 0 !important;
	max-width: none !important;
}

*[id^="post-"], *[id^="post-"] p {font-family: hk_groteskregular, Arial, sans-serif !important;}


/*** réglages du module "Cet évènement est passé"  ***/
.tribe-events-notices {
    background: transparent;
    border-radius: 0;
    border: none;
    margin: 12px 0 40px;
    padding: 8px 35px 8px 14px;
    text-shadow: none;
    color: #3c3c3b;	/* anthracite */
    font-size: 1rem;
    text-transform: uppercase;
}
.tribe-events-notices::before {
    font-family: Baskerville, "Times New Roman", serif !important;
	font-weight: 600;
	color:#3c3c3b;	/* anthracite */
    font-size: 1.4rem !important;
	content: "!";
	position: absolute;
	top: 20%;
	left: 0;
}

/*** réglages de la liste ul li (sur 1 ligne) contenant date + titre de l'event  ***/
ul.ligne-agenda-date-titre {
	display: flex !important;
	width: 100% !important;
	padding: 0 0 2rem 0 !important;
}
li.ligne-agenda-date {
	display: flex !important;
	width: 23% !important;	
}
li.ligne-agenda-titre {
	display: flex !important;
	width: 77% !important;	
}
/* remonter le h5 (titre) un micro poil, pour bien l'aligner avec le h6 (date) */
h5.tribe-events-single-event-title {
	display: table-cell;
	position: relative;
	height: 0;
	vertical-align: baseline;
	bottom: -0.025em;		/* la distance entre la baseline et l'exposant */
}
/* les bouts de titres en gras (balise <b> ajoutée manuellement) --> font-weight à 600 */
h5.tribe-events-single-event-title b {font-weight: 600 !important;}

@media only screen and (max-width: 980px) { /* tablette */
	li.ligne-agenda-date {
		width: 35% !important;	
	}
	li.ligne-agenda-titre {
		width: 65% !important;	
	}
}
@media only screen and (max-width: 767px) { /* smartphone */
	ul.ligne-agenda-date-titre,
	li.ligne-agenda-date,
	li.ligne-agenda-titre {
    	display: block !important;
		width: 100% !important;	
	}
}


/*** réglages de la liste ul li (bloc) contenant image à la une + description de l'event  ***/
ul.ligne-agenda-contenu-image {
	display: table-row !important;
	width: 100% !important;
	padding: 0 !important;
}
li.ligne-agenda-contenu {
	display: table-cell !important;
	width: 65% !important;	
    vertical-align: top !important;
}
li.ligne-agenda-image {
	display: table-cell !important;
	width: 30% !important;	
    vertical-align: top !important;
}
@media only screen and (max-width: 767px) { /* smartphone */
	ul.ligne-agenda-contenu-image,
	li.ligne-agenda-contenu,
	li.ligne-agenda-image {
		display: block !important;
		width: 100% !important;
	}
}

/*** pour les events qui sont des Auditions, on met la largeur à 100%, vu qu'il n'y a pas d'image à la une sur la droite  ***/
.tribe_events.tag-auditions li.ligne-agenda-contenu {
	display: table-cell !important;
	width: 100% !important;	
    vertical-align: top !important;
}
/* ... et par sécurité, on display:none la li "image"  */
.tribe_events.tag-auditions li.ligne-agenda-image {
	display: none !important;
}

/** ajouter margin-bottom 1rem en dessous de l'encapsuleur PDF + dimensions fixes  **/
.tribe-events-single-event-description .pdfemb-viewer,
.pdfemb-pagescontainer,
div.pdfemb-inner-div {
	margin-bottom: 1rem !important;
	width: 230px !important;
	height: 325px !important;
}
canvas.pdfemb-the-canvas {
    width: 175% !important;	/* pour zoomer à 175% dans l'image du PDF */
    height: 175% !important;	
}
@media only screen and (max-width: 767px) { /* smartphone */
	.tribe-events-single-event-description .pdfemb-viewer {
		width: 207px !important;
		height: 292px !important;
	}
}


/** supprimer la valeur par défaut de la margin-bottom (10px), afin que ce soit esthétiquement cohérent avec le reste du site  **/
.type-tribe_events p {margin: 0 !important;}
.tribe-events-single-event-description li {
	
}
/** réglages de l'image à la une  **/
.tribe-events-event-image img {
    width: 100% !important;
    height: auto !important;
	box-shadow: 0.5px 1px 5px rgba(0,0,0,.1) !important;
}
.single-tribe_events .tribe-events-event-image {
    margin-bottom: 0 !important;
	padding: 6px 0 0 30px !important;
}
@media only screen and (max-width: 767px) { /* smartphone */
	.tribe-events-event-image img {
		padding: 2rem 0 0 0 !important;
	}
}
/* annuler l'opacité 50% sur l'image de l'event */
a.et_pb_lightbox_image:hover {
	opacity: 1 !important;
}

/** réglages de l'image à la une dans la lightbox  **/
img.mfp-img {
    height: auto;
	max-height: 90vh !important;
	width: auto;
	display: block;
    line-height: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0 !important;
    margin: 40px auto !important;
    border: 2rem solid white;
}
@media only screen and (max-width: 980px) { /* tablette */
	img.mfp-img {
		max-height: none !important;
		max-width: 80vw !important;
	    border: 1.5rem solid white;
	}
}
@media only screen and (max-width: 767px) { /* smartphone */
	img.mfp-img {
		max-height: none !important;
		max-width: 85vw !important;
	    border: 0.75rem solid white;
	}
}


/*** réglages spéciaux pour l'event Fête de la musique 2023 - LISTE ET TABLEAU ***/
/* Tous les éléments (representés ici par le *) qui ont un ID préfixé par le mot "post-" seront maintenant stylés selon les règles ci-dessous  */
/* source: https://openclassrooms.com/forum/sujet/selectionner-une-classe-dont-le-nom-commence-par */
/* source pour aller plus loin: https://www.w3.org/TR/selectors-3/#attribute-substrings */
*[id^="post-"] .tribe-events-single-event-description table {max-width: 100% !important;min-width: 100%;}

*[id^="post-"] .tribe-events-single-event-description table td {
	font-family: hk_groteskregular, Arial, sans-serif !important;
	color: #3c3c3b !important;	/* anthracite */
	font-size: 1.25rem !important;
	font-weight: inherit !important;
    line-height: 1.25em !important; 
}

*[id^="post-"] .ligne-agenda-contenu .tribe-events-single-event-description ul {
	font-family: hk_groteskregular, Arial, sans-serif !important;
	color: #3c3c3b !important;	/* anthracite */
	font-size: 1.25rem !important;
	font-weight: inherit !important;
    line-height: 1.25em !important;
	list-style-position: outside;
	padding-left: 1em !important;	/* pour compenser les puces outside */
}

*[id^="post-"] .ligne-agenda-contenu .tribe-events-single-event-description ul li {
	padding-bottom: 0.5em !important;
    line-height: 1.25em !important;
	margin: 0 !important;
}


@media only screen and (max-width: 980px) { /* tablette et smartphone */
	*[id^="post-"] .tribe-events-single-event-description table td,
	*[id^="post-"] .ligne-agenda-contenu .tribe-events-single-event-description ul {font-size: 1rem !important;}
	*[id^="post-"] .tribe-events-single-event-description table td:first-child {width: 55px !important;}
}

@media only screen and (min-width: 981px) { /* bureau */
	*[id^="post-"] .tribe-events-single-event-description table td:first-child {width: 70px !important;}
}


/*** réglages des boutons Ajouter au calendrier + Google Maps ***/
.tribe-common-c-btn-border.tribe-events-c-subscribe-dropdown__button, 
.tribe-events-button {
	background-color: #000000 !important;	/* noir */
    background-image: none;
    border-radius: 3px;
    border: 0;
    box-shadow: none;
	font-family: hk_groteskregular, Arial, sans-serif !important;
	color: #ffffff !important;				/* blanc */
    cursor: pointer;
    display: inline-block;
    font-size: 0.75rem !important;
    font-weight: 700 !important;
    letter-spacing: 1px;
    line-height: normal !important;
    padding: 6px 9px;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    vertical-align: middle;
}
.tribe-common-c-btn-border.tribe-events-c-subscribe-dropdown__button button {text-transform: uppercase;letter-spacing: 1px;}
/* largeur bouton Ajouter au calendrier */
.single-tribe_events .tribe-events-c-subscribe-dropdown__button,
.single-tribe_events .tribe-events .tribe-events-c-subscribe-dropdown .tribe-events-c-subscribe-dropdown__content {width: 215px;}
/* masquer le picto avant "Ajouter au calendrier" */
.single-tribe_events .tribe-events-c-subscribe-dropdown .tribe-events-c-subscribe-dropdown__export-icon, 
.tribe-events .tribe-events-c-subscribe-dropdown .tribe-events-c-subscribe-dropdown__export-icon {display: none;}
/* réglage picto triangle après "Ajouter au calendrier" */
.single-tribe_events .tribe-events .tribe-events-c-subscribe-dropdown .tribe-events-c-subscribe-dropdown__button-icon {margin-left: 2px;}
.tribe-common-c-btn-border.tribe-events-c-subscribe-dropdown__button:hover,
a.tribe-events-button:hover {text-decoration: none !important; opacity: 0.5;}
@media only screen and (max-width: 980px) { /* tablette et smartphone */
	.tribe-common-c-btn-border.tribe-events-c-subscribe-dropdown__button, 
	.tribe-events-button {
		font-size: 0.7rem !important;	
		padding: 4px 9px 6px 9px;
	}
}
/* virer les réglages focus */
.single-tribe_events .tribe-events-c-subscribe-dropdown .tribe-events-c-subscribe-dropdown__button-text:focus, .single-tribe_events .tribe-events-c-subscribe-dropdown button.tribe-events-c-subscribe-dropdown__button-text:focus, .tribe-events .tribe-events-c-subscribe-dropdown .tribe-events-c-subscribe-dropdown__button-text:focus, .tribe-events .tribe-events-c-subscribe-dropdown button.tribe-events-c-subscribe-dropdown__button-text:focus, .tribe-common a:focus {outline: none !important;}
.single-tribe_events .tribe-events .tribe-events-c-subscribe-dropdown .tribe-events-c-subscribe-dropdown__content {position: absolute; top: 25px;}
ul.tribe-events-c-subscribe-dropdown__list {padding: 0.25em 0 !important;}
li.tribe-events-c-subscribe-dropdown__list-item {padding: 0.25em 0.75em !important;}
ul.tribe-events-c-subscribe-dropdown__list li a {
	padding: 0 !important;
	font-family: hk_groteskregular, Arial, sans-serif !important;
}


/*** réglages du bloc meta ***/
.tribe-events-meta-group {font-family: hk_groteskregular, Arial, sans-serif !important;}
.tribe-events-event-meta::before, .tribe-events-event-meta ~ div:not(.tribe-events-event-meta, .event-tickets), .tribe-events-meta-group.tribe-events-meta-group-gmap {border-top: none !important;}

.tribe-events-event-meta,
.tribe-events-event-meta .column, .tribe-events-event-meta .tribe-events-meta-group {
    width: 100% !important;
    box-sizing: border-box;
    display: block;
    float: left;
    /* margin: 0 0 1rem 0 !important; réglages Jess, pour séparer les blocs méta, mais Kim aime pas */
	margin: 0 !important;
    padding: 0;
    text-align: left;
}
.single-tribe_events .tribe-events-event-meta {
    background: transparent;
    border: none;
    margin: 2.35rem 0 0 0 !important;
    padding: 0 !important;
}

/** h6 meta en display inline (par défaut, un h6 est en display block) **/
.single-tribe_events .tribe-events-event-meta h6 {
	display: inline !important;
}
/** réglages des textes + leur conteneurs dans le bloc meta **/
.single-tribe_events .tribe-events-event-meta dd {
	font-size: 1.25rem !important;
	font-weight: 500 !important;
    line-height: 1.25em !important;
    color: #3c3c3b !important;	/* anthracite */	
	padding-bottom: 0.5em !important;
    margin-left: 0 !important;
}
@media only screen and (max-width: 980px) { /* tablette */
	.single-tribe_events .tribe-events-event-meta dd {
		font-size: 1rem !important;
		line-height: 1.15rem !important;
	}
}
@media only screen and (max-width: 767px) { /* smartphone */
	.single-tribe_events .tribe-events-event-meta dd {
		font-size: 0.875rem !important;
		line-height: 1rem !important;
	}
}
/* annuler l'opacité 50% sur le nom du lieu et de l'organisateur (dont les liens sont de toutes façons désactivés) */
dd.tribe-venue a:hover,
dd.tribe-organizer a:hover {
	opacity: 1 !important;
}

/** masquer le titre "Date" + la date de l'event **/
dt.tribe-events-start-date-label,
.tribe-events-abbr.tribe-events-start-date {
	display: none;
}

/** masquer le titre "Catégorie" + la catégorie de l'event **/
.tribe-events-event-categories-label,
.tribe-events-event-categories {
	display: none;
}
/** réglages de la ligne "Prix" (les trucs par défaut étaient beurk) **/
.tribe-events-event-cost {
	display: inherit !important;
	margin: 0 !important;
}

/** ajout du mot ADRESSE avant l'adresse de l'event + réglages **/
span.tribe-address:before {
	content: "ADRESSE :" ;
	font-family: inherit !important;
	color: #3c3c3b !important;
	font-size: 1.125rem !important;
	line-height: 1.25rem !important;
	font-weight: 400 !important;
	letter-spacing: 0.1em !important;
	text-transform: uppercase !important;
}
/** réglages tailles textes pour tablette **/
@media only screen and (max-width: 980px) { /* tablette */
	span.tribe-address:before {
		font-size: 1rem !important;
		line-height: 1rem !important;
	}
}
/** réglages tailles textes pour smartphone **/
@media only screen and (max-width: 767px) { /* smartphone */
	span.tribe-address:before {
		font-size: 0.875rem !important;
		line-height: 1rem !important;
	}
}

/** masquer la virgule et le pays (après l'adresse) **/
span.tribe-delimiter,
span.tribe-country-name {
	display: none !important;
}
/** ajouter des margin top et bottom au bouton "Google Maps"  **/
a.tribe-events-gmap {
	margin-top: 1.5rem;
	margin-bottom: 1.5rem;
}

@media (min-width: 768px) {
	.tribe-events-venue-map > div, .tribe-events-venue-map > iframe {max-height: none;}
	.tribe-events-venue-map {width: 100%;}
}


/*** réglages du bloc footer nav (liens event précédent / suivant) ***/
#tribe-events-footer {
	clear: both;
    margin-bottom: 2em;
    margin-top: 2rem;
}
#tribe-events-footer,
#tribe-events-footer nav.tribe-events-nav-pagination,
#tribe-events-footer .tribe-events-sub-nav,
#tribe-events-footer .tribe-events-sub-nav .tribe-events-nav-previous,
#tribe-events-footer .tribe-events-sub-nav .tribe-events-nav-next,
#tribe-events-footer a,
#tribe-events-footer a span {
	line-height: 1rem !important;
}
#tribe-events-footer .tribe-events-sub-nav .tribe-events-nav-previous {
    float: left;
    margin-left: 0px;
	margin-right: 5px;
    text-align: left;
}
#tribe-events-footer .tribe-events-sub-nav .tribe-events-nav-next {
    float: right;
    margin-left: 5px;
	margin-right: 0px;
    text-align: right;
}

#tribe-events-footer a,
#tribe-events-footer a span {
	text-transform: uppercase;
	font-size: 0.875rem !important;
}
@media only screen and (max-width: 980px) { /* tablette et smartphone */
	#tribe-events-footer a,
	#tribe-events-footer a span {
		font-size: 0.7rem !important;	
	}
	.tribe-events-sub-nav li a {
		background: transparent;
		display: block;
		padding: 0 !important;
		position: relative;
		white-space: normal;
	}
	#tribe-events-footer .tribe-events-sub-nav .tribe-events-nav-next, 
	#tribe-events-footer .tribe-events-sub-nav .tribe-events-nav-previous {
		box-sizing: border-box;
		display: block;
		margin: 0 !important;
		width: 50%;
	}
}

@media only screen and (max-width: 767px) { /* smartphone */
	#tribe-events-footer .tribe-events-sub-nav .tribe-events-nav-next, 
	#tribe-events-footer .tribe-events-sub-nav .tribe-events-nav-previous {
		width: 42%;
	}
}