/*
 * Theme Name: Thème générique UTC
 * Description: Thème à utiliser par défaut pour les nouveaux sites sur ce WP
 * Author: Hugo Heuzebroc, UTC
 * Version: 1.9.0
 */
 
 /* À LA CRÉATION D'UN SITE
 - créer des menus & les pages requis(es) ou optionnel(les)
 - créer une page avec le slug onboarding (guide du site)
 - customiser les options du thème
 - 
 - centrer une image si on veut pas qu'elle soit sur les côtés
 - pas-de-flottement pour le clear: both;
 - emplacement de la ToC : option du thème
 - pour un avertissement personnalisé avant les articles : créer une page avec le slug message-article
 - pour régler les redirects par rôle : option du thème
 
LES AJOUTS DU THÈME :
 - mettre "section" sur les éléments qui doivent être limités à 1000px de large (marche dans l'éditeur Gutenberg)
 - mettre la classe "utc-card" pour les cartes sur fond blanc (marche dans l'éditeur Gutenberg)
 - tout un tas d'actions et filters documentés sur place */

/* TODO agrandir les images quand on passe la souris */
* {
	margin: 0;
	padding: 0;
}
html {
	font-size: 10px;
	color: var(--utc-text-color);
	scroll-behavior: smooth;
	--utc-container: 940px;
}
body {
	font-size: 1.5rem;
	display: flex;
	flex-direction: column;
	min-height: 100vh;
}
.utc-upperpage {
	flex-grow: 1;
}
section {
	max-width: var(--utc-container);
	padding: 0 20px;
	margin: 0 auto;
}
.utc-content {
	max-width: unset;
	margin: 0 auto;
	display: flex;
	flex-direction: row-reverse;
	margin-top: 15px;
	justify-content: center;
	padding: 20px;
	gap: 30px;
}
.utc-page {
	max-width: var(--utc-container);
	box-sizing: border-box;
	flex-grow: 1;
}
.utc-page > :first-child {
	margin-top: 0;
}
.utc-mobile-bottom {
	display: none;
}
.utc-content-wide {
	padding: 0;
}
.utc-content-wide .utc-page {
	max-width: unset;
}
.utc-background .utc-content-wide .utc-page {
	border: none;
	background: transparent;
	padding: 0;
	box-shadow: none;
}
.utc-page ul, .utc-page ol {
	padding-left: 15px;
	margin-bottom: 15px;
}
.utc-page li {
	margin-bottom: 5px;
}
.utc-card,
.utc-page-info-card,
.utc-background .utc-page {
	background: white;
	padding: 20px;
	border-left: 4px solid var(--utc-accent-color);
	box-shadow: 2px 2px 3px #0002;
	margin-bottom: 30px;
}
a {
	transition: 0.2s;
}
h1 {
	font-size: 2.5rem;
	margin-bottom: 2rem;
}
h2 {
	color: var(--utc-secondary-color);
	margin-bottom: 20px;
	margin-top: 30px;
	font-size: 2.2rem;
}
h3 {
	color: var(--utc-main-color);
	margin-top: 30px;
	margin-bottom: 15px;
	font-size: 1.9rem;
}
h4 {
	color: var(--utc-main-color);
	margin-top: 25px;
	margin-bottom: 10px;
	font-size: 1.7rem;
}
h5 {
	margin-top: 20px;
	margin-bottom: 10px;
	font-size: 1.6rem;
}
p {
	margin-bottom: 15px;
}
ul.menu {
	list-style: none;
	display: flex;
}

/* HEADER */
header {
	color: var(--utc-white-color);
	position: relative;
}
header nav ul {
	gap: 15px;
}
.utc-brand {
	background: linear-gradient(to left, transparent 20px, var(--utc-secondary-color) 20px);
	padding: 20px;
	padding-right: 30px;
	font-size: 1.85rem;
	text-decoration: none;
	color: var(--utc-white-color);
	float: left;
	z-index: 2;
	min-width: 12rem;
	position: relative;
	overflow: hidden;
}
.utc-brand:after {
	content: "";
	position: absolute;
	width: 20px;
	height: 150%;
	top: -10px;
	right: 10px;
	background: var(--utc-secondary-color);
	z-index: 2;
	transform: rotate(10deg);
	-webkit-backface-visibility: hidden;
}
.utc-brand span {
	display: block;
	text-transform: uppercase;
	font-size: 1.4rem;
	font-weight: bold;
	color: var(--utc-accent-color);
	margin-bottom: 5px;
}
.utc-brand span strong {
	color: var(--utc-white-color);
	margin-left: 5px;
}
.utc-main-menu-container {
	background: var(--utc-main-color);
}
.utc-main-menu {
	padding: 15px 20px 10px;
	display: flex;
	justify-content: end;
	font-size: 1.6rem;
	align-items: center;
	gap: 15px;
}
.utc-main-menu ul a {
	color: var(--utc-white-color);
	text-decoration: none;
}
.utc-main-menu ul a:hover,
.utc-main-menu ul a:focus {
	color: var(--utc-accent-color);
}
.utc-yellow-bar {
	background: var(--utc-accent-color);
	height: 4px;
	margin-top: 5px;
	margin-bottom: 5px;
}
.utc-secondary-menu {
	padding: 5px 20px;
	display: flex;
	justify-content: space-between;
	background: var(--utc-white-color-90);
	position: relative;
}
.utc-secondary-menu:before {
	content: "";
	background: var(--utc-white-color-90);
	position: absolute;
	height: 100%;
	width: 100%;
	left: -100%;
	top: 0;
	z-index: -1;
}
.utc-tagline {
	color: var(--utc-text-color);
	font-weight: bold;
	text-transform: uppercase;
}
.utc-secondary-menu ul a {
	text-decoration: none;
}

li.menu-item {
	position: relative;
}
ul.sub-menu {
	display: none;
	position: absolute;
	list-style: none;
	z-index: 10;
	background: var(--utc-secondary-color);
	padding: 5px 10px;
	box-shadow: 2px 2px 3px #0002;
}
ul.sub-menu li {
	margin-top: 5px;
	margin-bottom: 5px;
}
li.menu-item:hover ul.sub-menu,
li.menu-item:focus-within ul.sub-menu {
	display: block;
}

.utc-searchform {
	display: flex;
	gap: 0;
}
.utc-searchform input:not([type="checkbox"], [type="radio"]) {
	margin-bottom: 0;
	min-width: 18rem;
}
.utc-searchform button {
	background: var(--utc-heading-color);
	border: 1px solid var(--utc-main-color);
	cursor: pointer;
	padding: 0 5px;
	color: var(--utc-secondary-color);
	transition: 0.2s;
}
.utc-searchform button:focus, .utc-searchform button:hover {
	background: var(--utc-accent-color);
}

/* PAGE NORMALE */
.utc-heading {
	margin-top: 30px;
	margin-bottom: 30px;
	padding: 20px 0 5px;
	position: relative;
}
.utc-heading:after {
	content: "";
	position: absolute;
	width: 120%;
	height: 100%;
	top: 0;
	left: -10%;
	background: linear-gradient(100deg, transparent 5%, var(--utc-heading-color-90) 5%, var(--utc-heading-color-90) 
	95%, transparent 95%);
	z-index: -1;
}
.utc-heading-featured-image {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
	max-width: 1150px;
	padding-left: 20px;
	padding-right: 20px;
	margin-top: 10px;
	margin-bottom: 10px;
	clear: both;
}
.utc-heading-featured-image h1 {
	padding-left: 20px;
	padding-bottom: 15px;
	border-bottom: 4px solid var(--utc-accent-color);
}
.utc-heading-featured-image .utc-heading-inner {
	width: 40rem;
	flex-grow: 1;
}
.utc-heading-featured-image img {
	max-height: 20rem;
	width: auto;
	max-width: 100%;
	box-shadow: 4px 4px 0 var(--utc-accent-color);
	object-fit: contain;
}
.utc-heading-featured-image:after {
	content: none;
}
.wp-block-breadcrumbs {
	margin-bottom: 15px;
}
.utc-heading-featured-image .wp-block-breadcrumbs {
	margin-left: 20px;
}
.wp-block-breadcrumbs a:hover,
.wp-block-breadcrumbs a:focus {
	color: var(--utc-secondary-color);
	text-shadow: 2px 2px 2px var(--utc-accent-color);
}
.utc-terms {
	display: flex;
	flex-wrap: wrap;
	gap: 7px;
	margin-bottom: 15px;
}
.utc-page-info .utc-terms {
	justify-content: center;
}
.utc-category {
	color: white;
	text-transform: uppercase;
	font-weight: bold;
	padding: 5px 10px;
	text-decoration: none;
	font-size: 1.3rem;
	box-shadow: 2px 2px 3px #0002;
}
.utc-category-dark {
	color: black;
}
.utc-external {
	display: flex;
	gap: 10px;
	flex-wrap: wrap;
	margin-bottom: 15px;
}
.utc-external a {
	flex-grow: 1;
	padding: 8px;
	text-decoration: none;
	color: var(--utc-white-color);
	box-shadow: 2px 2px 3px #0002;
	position: relative;
	display: flex;
	gap: 10px;
}
.utc-external a:hover, .utc-external a:focus {
	color: var(--utc-secondary-color);
	background: var(--utc-accent-color);
}
.utc-external a:after {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	background: linear-gradient(100deg, var(--utc-secondary-color) 35px, var(--utc-main-color) 35px);
	z-index: -1;
}

details {
	margin-bottom: 10px;
}
details > :last-child:not(summary) {
	border-bottom: 1px solid var(--utc-border-color);
	padding-bottom: 10px;
}
summary {
	color: var(--utc-secondary-color);
	cursor: pointer;
	transition: 0.2s;
}
summary:hover {
	color: var(--utc-accent-color);
}
summary + * {
	margin-top: 10px;
}

.pas-de-flottement {
	clear: both;
}
.utc-minor-separator {
	background: var(--utc-border-color);
	border: none;
	height: 1px;
	margin: 20px 20px;
}

/* images */
.utc-page .wp-block-image {
	color: var(--utc-white-color);
}
.utc-page .wp-block-image figure {
	box-shadow: 2px 2px 3px #0002;
}
.wp-block-image figcaption {
	background: var(--utc-main-color);
	margin-top: 0;
	padding: 7px;
	color: var(--utc-white-color);
	margin-bottom: 0;
}
.utc-page figure a {
	color: var(--utc-accent-color);
}

/* tableaux */
.utc-page figure.wp-block-table {
	max-width: 100%;
	background: transparent;
	float: none;
	color: var(--utc-text-color);
	padding: 0;
	box-shadow: none;
}

/* téléchargements */
.utc-download {
	border: 1px solid var(--utc-border-color);
	padding: 15px;
	margin-bottom: 15px;
}
.utc-download > p {
	font-weight: bold;
	font-size: 1.2em;
}
.utc-download-lower {
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.utc-download-lower p {
	margin-bottom: 0;
}
.utc-download-lower a {
	text-decoration: none;
	background: var(--utc-accent-color);
	color: var(--utc-text-color);
	padding: 10px 15px;
	display: flex;
	align-items: center;
	gap: 5px;
}
.utc-download-lower a:hover {
	background: var(--utc-main-color);
	color: var(--utc-white-color);
}

/* carousel de posts avec spectra */
.uagb-post-grid .uagb-post__image img {
	max-height: 30rem;
	object-fit: cover;
	object-position: center;
}

/* tableau latéral */
.utc-page-info {
	max-width: 32rem;
}
.utc-page-info h2 {
	text-transform: uppercase;
	font-size: 1.6rem;
	text-align: center;
	margin-top: 25px;
	color: var(--utc-text-color);
}
.utc-page .utc-toc {
	float: right;
	border: 1px dashed var(--utc-border-color);
	padding: 15px;
	max-width: 40%;
	margin-left: 15px;
}
.utc-toc-title {
	text-align: center;
}
.utc-toc a {
	display: block;
	margin-bottom: 4px;
	text-decoration: none;
}
a.level-2 {
	font-weight: bold;
	margin-top: 5px;
}
a.level-3 {
	margin-left: 8px;
}
a.level-4 {
	margin-left: 16px;
}
a.level-5 {
	margin-left: 24px;
}
a.level-6 {
	margin-left: 32px;
}
.utc-side-widget li {
	list-style: none;
}

/* tableaux */
.utc-table-neat {
	border-collapse: collapse;
}
.utc-table-neat th {
	background: var(--utc-heading-color);
	text-align: left;
}
.utc-table-neat td, .utc-table-neat th {
	padding: 5px 15px;
	border: 1px solid var(--utc-border-color);
}

/* ARCHIVE */
.utc-preview {
	border-bottom: 2px solid var(--utc-border-color);
	margin-bottom: 25px;
	padding-bottom: 5px;
}
.utc-preview:last-of-type {
	border-bottom: 0;
	margin-bottom: 0;
}
.utc-preview h2 {
	margin-top: 0;
}
.utc-preview img {
	height: 12rem;
	float: right;
	margin-bottom: 10px;
}
.utc-desc-intro {
	display: flex;
	align-items: baseline;
	justify-content: space-between;
	gap: 5px;
}
.utc-desc-intro p {
	text-align: right;
}
.utc-pagination .nav-links {
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 12px;
}
.utc-pagination .page-numbers {
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 5px 10px;
	background: var(--utc-main-color);
	color: var(--utc-white-color);
	text-decoration: none;
}
.utc-pagination a:hover {
	background: var(--utc-accent-color);
	color: var(--utc-main-color);
}
.utc-pagination .page-numbers.current {
	color: var(--utc-accent-color);
	background: var(--utc-secondary-color);
	border: 3px solid #fff;
	box-shadow: 0 0 0 3px var(--utc-main-color);
}
.utc-pagination .page-numbers.dots {
	background: none;
	color: var(--utc_text_color);
	font-weight: bold;
	padding: 0;
}

/* FOOTER */
footer {
	margin-top: 30px;
}
footer h2 {
	color: var(--utc-accent-color);
	font-weight: normal;
	font-size: 1.9rem;
}
.utc-footer-content > :first-child {
	margin-top: 0;
}
.utc-bottom-logos {
	max-width: var(--utc-container);
	margin: 20px auto;
	padding: 0 20px;
}
.utc-footer-band {
	display: flex;
}
.utc-footer-filler {
	background: var(--utc-main-color);
	flex-grow: 1;
	margin-top: 9px;
}
.utc-footer-inner-band {
	flex-basis: var(--utc-container);
	margin: 0 5px;
	color: var(--utc-white-color-90);
	border: 4px solid var(--utc-accent-color);
	border-bottom: none;
	padding: 5px;
	padding-bottom: 0;
	box-sizing: border-box;
}
.utc-footer-inner {
	background: var(--utc-secondary-color);
	display: flex;
	flex-wrap: nowrap;
	padding: 20px;
	gap: 15px 25px;
}
.utc-footer-inner nav {
	flex-shrink: 0.4;
}
.utc-footer-inner ul.menu {
	flex-direction: column;
	gap: 8px;
}
.utc-footer-inner a {
	text-decoration: none;
	color: var(--utc-white-color);
}
.utc-footer-inner a:hover {
	color: var(--utc-accent-color);
}

/* FORMULAIRES */
input, select, textarea {
	font-family: inherit;
}
input, textarea {
	display: block;
	border: 1px solid var(--utc-main-color);
	margin-bottom: 15px;
	padding: 5px;
	font-size: 1.5rem;
}
input:not([type="checkbox"], [type="radio"]), textarea {
	width: min(40rem, 95%);
	min-width: 20rem;
}
select {
	border: 1px solid var(--utc-main-color);
	background: white;
	display: block;
	margin-bottom: 20px;
	padding: 5px;
	font-size: 1.5rem;
}
label {
	font-weight: bold;
	margin-bottom: 5px;
	color: var(--utc-secondary-color);
	display: block;
}
input[type="submit"], .utc-button, .utc-subform-delete,
.tribe-events button,
.tribe-common a.tribe-events-widget-events-list__view-more-link {
	background: var(--utc-main-color);
	color: #fff;
	border: none;
	cursor: pointer;
	padding: 10px 15px;
	width: fit-content;
	min-width: unset;
	transition: 0.2s;
	text-decoration: none;
	display: block;
}
input[type="submit"]:hover, .utc-button:hover, .utc-subform-delete:hover,
.tribe-events button:hover,
.tribe-common a.tribe-events-widget-events-list__view-more-link:hover {
	background: var(--utc-accent-color);
	color: var(--utc-main-color);
}
input[type="submit"], .utc-button, .utc-subform-delete, .wp-block-button,
.tribe-common a.tribe-events-widget-events-list__view-more-link,
.tribe-events button {
	box-shadow: 0 0 5px #00000088;
}
form td {
	padding: 8px 5px;
}
td input {
	margin-bottom: 0;
}
input:last-child, select:last-child, textarea:last-child {
	margin-bottom: 0;
}
.utc-checkbox-container label {	
	color: var(--utc-text-color);
}
.utc-required {
	color: #f00;
	font-weight: bold;
}
.utc-fail {
	color: #d00;
	font-weight: bold;
	font-size: 2rem;
	margin-top: 20px;
}
.utc-success {
	color: #0a0;
	font-size: 2rem;
	margin-top: 20px;
	font-weight: bold;
}
.utc-subform-delete {
	background: #d00;
	position: absolute;
	top: 0;
	right: 0;
	margin-top: 0;
}

.utc-columns {
	display: flex;
}
.utc-columns > * {
	flex-basis: 50%;
}

/* GRILLE DES DOCS */
.utc-topics-grid i {
	font-size: 4rem;
}
.utc-topics-grid img {
	width: 5rem;
	height: 5rem;
}
.utc-topics-grid article:hover {
	background: var(--utc-heading-color-90);
}
.utc-topics-grid h3 {
	color: var(--utc-main-color);
	font-size: 1.6rem;
}
.utc-topics-grid h3 a:visited {
	color: var(--utc-visited-color);
}
.utc-topics-grid p {
	font-size: 1.5rem;
}

/* THE EVENTS CALENDAR */
.tribe-events {
	--utc-actus-yellow: #FFE97F;
	--utc-actus-brown: #F9D7C5;
	--utc-actus-blue: #D3ECFF;
	--utc-actus-blue-hover: #93D2FF;
}
.utc-upperpage .tribe-events button {
	padding: 10px 15px;
}
.wp-block-column .tribe-events-widget-events-list__header-title {
	text-align: center;
}
.wp-block-column .tribe-common a.tribe-events-widget-events-list__view-more-link {
	margin: 0 auto;
}
.tribe-common .tribe-common-g-row {
	align-items: center;
}
.tribe-events-widget-events-list__event-header {
	color: var(--utc-text-color);
	font-size: 1.4rem;
}
.tribe-events-widget-events-list__event-datetime-wrapper {
	margin-bottom: 5px;
}
.utc-upperpage .tribe-events-widget .tribe-events-widget-events-list__event-date-tag-datetime {
	flex-direction: column-reverse; /* BIDOUILLE DE L'ENFER */
	gap: 5px;
	font-weight: bold;
}
.tribe-events-widget-events-list__event-title-link {
	text-decoration: none;
}

/* style de 2025 */
.tribe-common--breakpoint-medium.tribe-events .tribe-events-calendar-list__event-row {
	margin-left: 0;
	margin-right: 0;
}
.tribe-common--breakpoint-medium.tribe-events .tribe-events-calendar-list__month-separator + .tribe-events-calendar-list__event-row {
	margin-top: 0;
}
.tribe-events .tribe-events-calendar-list__event-date-tag-datetime {
	justify-content: center;
	font-size: 1.6rem;
}

.tribe-common--breakpoint-medium.tribe-events .tribe-events-l-container {
	padding-bottom: 100px;
}

/* calendrier liste */
.tribe-events .tribe-events-calendar-list__event-title-link {
	color: var(--utc-main-color);
}
.tribe-events .tribe-events-calendar-list__event-title-link:hover {
	color: var(--utc-accent-color);
}

.tribe-events .tribe-events-calendar-list__month-separator {
	margin-top: 20px;
	margin-bottom: 15px;
}
.utc-upperpage .tribe-common--breakpoint-medium.tribe-events .tribe-events-calendar-day__event::before {
	content: none;
}

/* filtres calendrier */
.utc-upperpage .tribe-common--breakpoint-medium.tribe-events .tribe-events-c-search {
	display: flex;
	align-items: stretch;
}
.tribe-events-c-search__input-control {
	position: relative;
}
.utc-upperpage .tribe-events-c-search__input {
	padding: 10px 15px 10px 40px !important;
}
.utc-upperpage .tribe-events .tribe-events-c-top-bar__datepicker-button-icon-svg {
	display: inline;
	width: 10px;
	margin-left: 10px;
}
.utc-upperpage .tribe-events .tribe-events-c-search__input-control-icon-svg {
	display: block;
	position: absolute;
	top: 0;
	height: 100%;
	left: 12px;
	color: var(--utc-border-color);
	pointer-events: none;
}
.utc-upperpage .tribe-events-c-view-selector__list-item--active {
	border: 2px solid var(--utc-heading-color);
	box-sizing: border-box;
}

.utc-upperpage .tribe-events :disabled {
	opacity: 50%;
	box-shadow: none;
	cursor: not-allowed;
}
.tribe-events-c-top-bar__datepicker-container table {
	width: 100%;
}
.utc-upperpage .datepicker .datepicker-switch {
	width: 100%;
}
.utc-upperpage .datepicker button {
	box-shadow: none;
}
.utc-upperpage .table-condensed tbody button {
	background: none;
}
.utc-upperpage button.day {
	color: var(--utc-text-color);
}

.utc-upperpage .tribe-events .datepicker .datepicker-switch,
.utc-upperpage .tribe-events .datepicker .next,
.utc-upperpage .tribe-events .datepicker .prev {
	border-radius: 0 !important;
	padding: 20px 0 !important;
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	height: 2em !important;
}
.utc-upperpage .tribe-events .datepicker .prev .tribe-events-c-top-bar__datepicker-nav-icon-svg,
.utc-upperpage .tribe-events .datepicker .next .tribe-events-c-top-bar__datepicker-nav-icon-svg {
	margin: 0;
}
/* j'ajoute le body pour la spécificité */
body .tooltipster-sidetip .tooltipster-box {
	background: white;
}
.tribe-common div.tribe-events-calendar-month__calendar-event-tooltip {
	padding: 15px;
	color: var(--utc-text-color);
}
.tribe-common .tribe-events-calendar-month__calendar-event-tooltip div {
	margin-top: 10px;
}
body .tribe-events .tribe-events-calendar-month__calendar-event-tooltip-featured-image-wrapper {
	width: unset;
	margin: -15px -15px 0 -15px;
}
.utc-upperpage .tribe-events .tribe-events-calendar-list__event-title-link,
.utc-upperpage .tribe-events .tribe-events-calendar-list__event-title-link:visited {
	color: var(--utc-main-color);
}
.utc-upperpage .tribe-events .tribe-events-calendar-list__event-title-link:hover {
	color: var(--utc-accent-color);
}

/* responsive */
.utc-upperpage .tribe-events .tribe-events-c-view-selector__button {
	width: unset;
}
.utc-upperpage .tribe-events .tribe-events-c-view-selector {
	width: unset;
}
.tribe-events-calendar-month__day-cell--mobile .tribe-events-calendar-month__day-date-daynum {
	color: var(--utc-main-color);
}
.utc-upperpage .tribe-events button.tribe-events-calendar-month__day-cell--mobile {
	padding: 0;
}
@media (max-width: 768px) {
	.tribe-common ul.tribe-events-c-view-selector__list {
		background: white;
		padding: 10px;
		border: 2px solid var(--utc-main-color);
		box-shadow: 2px 2px 3px #0002;
	}
}

/* bouton abonnement */
.utc-upperpage .tribe-events-c-subscribe-dropdown__button,
.utc-upperpage .tribe-common .tribe-common-c-btn-border.tribe-events-c-subscribe-dropdown__button {
	position: relative;
	width: fit-content;
}
.utc-upperpage .tribe-events button.tribe-events-c-subscribe-dropdown__button-text {
	padding-right: 30px;
}
.utc-upperpage .tribe-events .tribe-events-c-subscribe-dropdown .tribe-events-c-subscribe-dropdown__button-icon {
	position: absolute;
	top: 0;
	height: 100%;
	right: 10px;
	color: var(--utc-white-color);
	pointer-events: none;
}
.utc-upperpage .tribe-events .tribe-events-c-subscribe-dropdown .tribe-events-c-subscribe-dropdown__export-icon {
	display: none;
}
.utc-upperpage .tribe-events-c-subscribe-dropdown__content {
	position: relative;
}
.utc-upperpage .tribe-events .tribe-events-c-subscribe-dropdown .tribe-events-c-subscribe-dropdown__list {
	position: absolute;
	background: white;
	border: 2px solid var(--utc-main-color);
	box-shadow: 2px 2px 3px #0002;
	padding: 10px 0;
}
.tribe-events-c-subscribe-dropdown__content a {
	text-decoration: none;
}
.tribe-common .tribe-common-c-btn-border.tribe-events-c-subscribe-dropdown__button {
	padding: 0;	
}

.tribe-events-c-top-bar__nav-link {
	background: none;
	border: none;
	color: var(--utc-secondary-color);
}

/* calendrier */
.tribe-events table {
	border-collapse: collapse;
}
.utc-upperpage .tribe-common--breakpoint-medium.tribe-events .tribe-events-calendar-month__day {
	border-color: var(--utc-border-color);
	border-style: solid;
	border-width: 1px;
}
.tribe-events-calendar-month__day-date {
	text-align: center;
	background: #f0f0f0;
}
.tribe-events header {
	color: var(--utc-text-color);
}
.tribe-events-c-messages__message--notice {
	gap: 15px;
}

.utc-upperpage .tribe-events .tribe-events-calendar-month__multiday-event-bar-inner {
	background: var(--utc-actus-blue);
	padding: 5px;
	transition: 0.2s;
}
.utc-upperpage .tribe-events .tribe-events-calendar-month__multiday-event-bar-inner--hover {
	background: var(--utc-actus-blue-hover);
}
.utc-upperpage .tribe-common--breakpoint-medium.tribe-events .tribe-events-calendar-month__multiday-event-wrapper {
	height: 28px;
	margin-top: 5px;
}
.utc-upperpage .tribe-events .tribe-events-calendar-month__multiday-event-bar-title {
	font-size: 1.5rem;
}

.utc-upperpage .tribe-events-calendar-month__calendar-event {
	padding: 5px;
	background: var(--utc-actus-yellow);
}
.utc-upperpage h3.tribe-events-calendar-month__calendar-event-title {
	font-size: 1.5rem;
}
.utc-upperpage h3.tribe-events-calendar-month__calendar-event-title a {
	text-decoration: none;
}
.utc-upperpage .tribe-events-calendar-month__header-column-title {
	text-align: center;
}
.utc-upperpage .tribe-common .tribe-events-calendar-list__event {
	margin-left: 0;
}
.utc-upperpage .tribe-common--breakpoint-medium.tribe-events .tribe-events-calendar-list__event-row > .tribe-common-g-col {
	padding: 0;
}
.utc-upperpage .tribe-events .tribe-events-calendar-month__header-column {
	margin: 0 auto;
}

.utc-upperpage button.tribe-events-calendar-month__day-cell {
	background: white;
	border-radius: 0;
	border: 1px solid var(--utc-border-color);
	transition: 0.2s;
	align-items: stretch;
}
.utc-upperpage button.tribe-events-calendar-month__day-cell h3 {
	padding: 2px 0;
	color: var(--utc-text-color);
}
.utc-upperpage .tribe-events .tribe-events-calendar-month__mobile-events-icon--event {
	background-color: var(--utc-accent-color);
	border-radius: 0;
	width: 100%;
	height: 15px;
}
.utc-upperpage button.tribe-events-calendar-month__day-cell--selected {
	border-color: var(--utc-main-color);
	border-width: 3px;
}
.utc-upperpage button.tribe-events-c-top-bar__nav-link {
	background: none;
	color: var(--utc-main-color);
	padding: 0;
}

/* RESPONSIVE */
.utc-burger, .utc-burger-close {
	display: none;
	border: none;
	background: transparent;
	color: #fff;
	cursor: pointer;
	transition: 0.3s;
}
.utc-burger:hover, .utc-burger-close:hover {
	color: var(--utc-accent-color);
}
.utc-burger .dashicons, .utc-burger-close .dashicons {
	font-size: 3rem;
	width: 30px;
	height: 30px;
}

@media screen and (max-width: 992px) {
	.utc-brand {
		display: block;
		float: none;
		background: var(--utc-secondary-color);
		font-size: 1.6rem;
	}
	.utc-brand:after {
		content: none;
	}
	.utc-brand span {
		display: inline;
		font-size: inherit;
	}
	.utc-heading {
		padding-left: 20px;
		padding-right: 20px;
	}
	.utc-heading:after {
		width: 100%;
		left: 0;
		background: var(--utc-heading-color-90);
	}
	.utc-content {
		flex-direction: column;
	}
	.utc-page-info {
		max-width: unset;
	}
	.utc-page-info-card {
		display: flex;
		justify-content: center;
		flex-wrap: wrap;
		gap: 20px;
	}
	.utc-page-info h2:first-child {
		margin-top: 0;
	}
	.utc-sidebar-bottom {
		display: none;
	}
	.utc-mobile-bottom {
		display: block;
	}
	.utc-burger {
		display: block;
	}
	.utc-burger-close {
		display: block;
		z-index: 51;
		position: absolute;
		right: 15px;
		top: -50px;
	}
	.utc-burger.dashicons-no-alt {
		display: none;
	}
	#utc-main-menu-inner {
		position: absolute;
		top: 0;
		left: -110vw;
		z-index: 50;
		transition: 0.3s;
	}
	.utc-visible #utc-main-menu-inner {
		left: 0;
	}
	.utc-main-menu ul {
		flex-direction: column;
		background: var(--utc-main-color);
		padding: 25px 15px;
		border-bottom: 2px solid var(--utc-secondary-color);
		box-shadow: 0 0 10px #000;
		width: 100vw;
	}
	.utc-visible .utc-burger-close {
		top: 15px;
	}
}
@media screen and (max-width: 768px) {
	.utc-page .wp-block-image .alignleft,
	.utc-page .wp-block-image.alignleft,
	.utc-page .wp-block-image .alignright,
	.utc-page .wp-block-image.alignright {
		float: none;
		margin-left: auto;
		margin-right: auto;
	}
	.utc-columns {
		display: block;
	}
	.utc-footer-inner-band {
		border-left: none;
		border-right: none;
		margin: 0;
		padding-left: 0;
		padding-right: 0;
	}
	.utc-footer-inner {
		flex-wrap: wrap;
	}
}