/* Fonts */
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('../fonts/Poppins-Regular.eot'); /* IE9 */
  src: url('../fonts/Poppins-Regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('../fonts/Poppins-Regular.woff2') format('woff2'), /* Modern Browsers */
    url('../fonts/Poppins-Regular.woff') format('woff'), /* Modern Browsers */
    url('../fonts/Poppins-Regular.ttf') format('truetype'), /* Safari, Android, iOS */
    url('../fonts/Poppins-Regular.svg#Poppins') format('svg'); /* Legacy iOS */
}
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url('../fonts/Poppins-500.eot'); /* IE9 */
  src: url('../fonts/Poppins-500.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('../fonts/Poppins-500.woff2') format('woff2'), /* Modern Browsers */
    url('../fonts/Poppins-500.woff') format('woff'), /* Modern Browsers */
    url('../fonts/Poppins-500.ttf') format('truetype'), /* Safari, Android, iOS */
    url('../fonts/Poppins-500.svg#Poppins') format('svg'); /* Legacy iOS */
}
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url('../fonts/Poppins-700.eot'); /* IE9 */
  src: url('../fonts/Poppins-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('../fonts/Poppins-700.woff2') format('woff2'), /* Modern Browsers */
    url('../fonts/Poppins-700.woff') format('woff'), /* Modern Browsers */
    url('../fonts/Poppins-700.ttf') format('truetype'), /* Safari, Android, iOS */
    url('../fonts/Poppins-700.svg#Poppins') format('svg'); /* Legacy iOS */
}
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('../fonts/Montserrat-Regular.eot'); /* IE9 */
  src: url('../fonts/Montserrat-Regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('../fonts/Montserrat-Regular.woff2') format('woff2'), /* Modern Browsers */
    url('../fonts/Montserrat-Regular.woff') format('woff'), /* Modern Browsers */
    url('../fonts/Montserrat-Regular.ttf') format('truetype'), /* Safari, Android, iOS */
    url('../fonts/Montserrat-Regular.svg#Montserrat') format('svg'); /* Legacy iOS */
}
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url('../fonts/Montserrat-500.eot'); /* IE9 */
  src: url('../fonts/Montserrat-500.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('../fonts/Montserrat-500.woff2') format('woff2'), /* Modern Browsers */
    url('../fonts/Montserrat-500.woff') format('woff'), /* Modern Browsers */
    url('../fonts/Montserrat-500.ttf') format('truetype'), /* Safari, Android, iOS */
    url('../fonts/Montserrat-500.svg#Montserrat') format('svg'); /* Legacy iOS */
}
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url('../fonts/Montserrat-700.eot'); /* IE9 */
  src: url('../fonts/Montserrat-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('../fonts/Montserrat-700.woff2') format('woff2'), /* Modern Browsers */
    url('../fonts/Montserrat-700.woff') format('woff'), /* Modern Browsers */
    url('../fonts/Montserrat-700.ttf') format('truetype'), /* Safari, Android, iOS */
    url('../fonts/Montserrat-700.svg#Montserrat') format('svg'); /* Legacy iOS */
}

:root {
  --cassiopeia-font-family-body: 'Montserrat';
  --cassiopeia-font-family-headings: 'Poppins';
  --cassiopeia-font-weight-body: 400;
  --cassiopeia-font-weight-headings: 500;
  
  --breakpoint-max: 1920px;
  --breakpoint-xl: 1440px;
  --breakpoint-lg: 960px;
  --breakpoint-md: 576px;
  
  --primary: rgba(254,227,0,1);
  --jmc-black: rgba(15,15,15,1);
  --jmc-yellow: rgba(254,227,0,1);
  --jmc-yellow-backdrop: rgba(254,227,0,.75);
  --jmc-yellow-hover: rgba(254,227,0,.75);
  --jmc-lighter-brown: rgba(169,138,107,1);
  --jmc-light-brown: rgba(210,193,177,1);
  --jmc-brown: rgba(140,98,57,1);
  --jmc-dark-brown: rgba(66,33,11,1);
  --jmc-darker: rgba(66,33,11,0.35);
  --jmc-darker-hover: rgba(66,33,11,0.85);
  --jmc-light-yellow: rgba(255,251,224,1);
  --jmc-primary: rgba(0,102,204,1);
  --jmc-primary-hover: rgba(0,54,136,1);
  --jmc-orange: rgba(232,186,50,1);
  --jmc-light-text: rgba(0,0,0,.5);
  --jmc-blue: rgba(0,102,204,1);
  --jmc-level-blue: rgba(32,157,214,1);

  --jmc-respiration: #06c;
  --jmc-respiration-hover: rgba(0, 102, 204, 0.65);
  --jmc-respiration-alpha: #bfd8f2;
  
  --jmc-divers: #c06;
  --jmc-divers-hover: rgba(204, 0, 102, 0.65);
  --jmc-divers-alpha: #f2bfd8;
  
  --jmc-concentration: #666;
  --jmc-concentration-alpha: #fff;
  --jmc-concentration-hover: rgba(102, 102, 102, 0.65);

  --bg-lundi: rgba(255,255,255,.7);
  --bg-mardi: rgba(255,255,255,.7);
  --bg-mercredi: rgba(255,255,255,.7);
  --bg-jeudi: rgba(255,255,255,.7);
  --bg-vendredi: rgba(255,255,255,.7);
  --bg-dimanche: rgba(255,255,255,.7);
  --bg-lundi-hover: rgba(169,138,107,.85);
  --bg-mardi-hover: rgba(169,138,107,.85);
  --bg-mercredi-hover: rgba(169,138,107,.85);
  --bg-jeudi-hover: rgba(169,138,107,.85);
  --bg-vendredi-hover: rgba(169,138,107,.85);
  --bg-dimanche-hover: rgba(169,138,107,.85);
  
  --cassiopeia-color-primary: var(--jmc-primary);
  --cassiopeia-color-link: var(--jmc-dark-brown);
  --cassiopeia-color-hover: var(--jmc-brown);
    
  --success: #28a745;
  --jmc-highlight: rgba(68,255,128,.25);
  --jmc-selection: rgba(255,255,68,.5);
  
  --form-control-rgb: 66,33,11;
  --form-control-default: rgba(var(--form-control-rgb),.1);
  --form-control-focus: rgba(var(--form-control-rgb),.2);

  --btn-disabled-bg: rgb(0,102,204);
  --btn-disabled-border-color: rgb(0,102,204);
  --btn-disabled-opacity: .35;
  
  --link-color: var(--jmc-dark-brown);
  --link-hover-color: var(--jmc-brown);
}

::selection {
  background-color: var(--jmc-selection);
}

.position-relative {
  position: relative!important;
}

.position-absolute {
  position: absolute!important;
}

.top-0 {
  top: 0!important;
}

.left-0 {
  left: 0!important;
}

.fs-0 {
  font-size: .8rem!important;
}

.fs-1 {
  font-size: 1em!important;
}

/* Buttons */
.btn-primary:hover,
.btn-primary:focus {
  background-color: var(--jmc-primary-hover);
  border-color: var(--jmc-primary-hover);
}

.btn.bg-jmc-dark-brown:hover,
.btn.bg-jmc-dark-brown:focus {
  background-color: var(--jmc-brown);
}

.btn.text-jmc-yellow:hover,
.btn.text-jmc-yellow:focus {
  color: var(--jmc-light-yellow)!important;
}

/* Fonts */
.font-body {
  font-family: var(--cassiopeia-font-family-body)!important;
}
.font-headings {
  font-family: var(--cassiopeia-font-family-headings)!important;
}

.text-normal {
  text-transform: initial!important;
}

.letter-spacing-normal {
  letter-spacing: initial!important;
}

h1, .h1 {
  font-weight: 700;
  font-size: 3em;
  margin-bottom: .5em;
  line-height: 1;
  letter-spacing: -0.03em;
}

@media only screen and (min-width: 768px) {
  h1, .h1 {
    font-size: 4em;
  }
}

h2, .h2 {
  margin-bottom: .5em;
}

h3, .h3 {
  font-weight: 700;
  margin-bottom: .5em;
  letter-spacing: -0.05rem;
  font-family: var(--cassiopeia-font-family-body);
}

h4, .h4 {
  font-weight: 500;
  margin-bottom: .5em;
  font-family: var(--cassiopeia-font-family-body);
}

.small, small {
  font-size: .8em;
}

/* Grid */
body.wrapper-fluid .site-grid {
  grid-gap: 0 1em;
}

@media only screen and (min-width:768px) {
  body.wrapper-fluid .site-grid {
    grid-gap: 0 2em;
  }
}

/* Header */
header {
  box-shadow: none;
  transition: all .3s ease-in-out;
}

header .logo {
  width: 45px;
  height: auto;
  transition: all .3s ease-in-out;
}

@media only screen and (min-width: 768px) {
  header .logo {
    width: 90px;
  }
}

header.reduced .logo {
  width: 45px;
}

@media only screen and (min-width: 768px) {
  header.reduced .logo {
    width: 75px;
  }
}

header.position-sticky {
  z-index: 1030;
}

.container-header {
  background-image: none;
  background-color: white;
  box-shadow: none;
}

body.wrapper-fluid header > .grid-child {
  max-width: var(--breakpoint-max);
  padding: .5em 1em;
  transition: padding .3s ease-in-out;
}

@media only screen and (min-width: 768px) {
  body.wrapper-fluid header > .grid-child {
    padding: 1em;
  }
}

body.wrapper-fluid header.reduced > .grid-child {
  padding: .5em 1em;
}

/* Nav */
.container-header .container-nav {
	padding: 0;
	align-items: center;
}

.container-nav .dropdown-item {
  font-family: var(--cassiopeia-font-family-headings);
  text-transform: uppercase;
  color: var(--jmc-dark-brown);
}

.container-nav .dropdown-item:hover {
  color: var(--jmc-brown);
  background-color: var(--jmc-light-brown);
}

.container-nav .dropdown-item:active {
  color: var(--jmc-dark-brown);
  background-color: var(--jmc-lighter-brown);
}

.container-nav .dropdown-item.logout {
  color: var(--danger);
}

/* Offcanvas */
#offcanvas {
  width: 50vw;
  min-width: 320px;
}
.offcanvas-header .logo {
  width: 60px;
}

@media only screen and (min-width: 768px) {
  .offcanvas-header .logo {
    width: 90px;
  }
}

.offcanvas-backdrop {
  background-color: var(--jmc-yellow);
}
.offcanvas-backdrop.show {
  opacity: .75;
}
.offcanvas-end {
  border-left: none!important;
}
.offcanvas .nav-item a,
.offcanvas .nav-item .nav-header {
  font-family: var(--cassiopeia-font-family-headings);
  text-transform: uppercase;  
}

.offcanvas .nav-item .nav-header {
  color: var(--cassiopeia-color-link);
  padding: .25em 0;
}

.offcanvas .mod-list > li {
  padding: .5em 0;
}

.offcanvas .nav-item a.bg-light:hover,
.offcanvas .nav-item.active a.bg-light {
  background-color: var(--jmc-light-yellow)!important;
}

.nav-item-audio::before {
  font-family: 'Font Awesome 6 Pro';
  content: '\f025';
  width: 1.25em;
  text-align: center;
  font-weight: 700;
  margin-right: 0.5rem;
}

.nav-item-video::before {
  font-family: 'Font Awesome 6 Pro';
  content: '\f144';
  width: 1.25em;
  text-align: center;
  font-weight: 700;
  margin-right: 0.5rem;
}

.nav-item-level-doux::before {
  font-family: 'Font Awesome 6 Pro';
  content: '\f005';
  width: 1.25em;
  text-align: center;
  font-weight: 700;
  margin-right: 0.5rem;
}

.nav-item-level-moyen::before {
  font-family: 'Font Awesome 6 Pro';
  content: '\f005\f005';
  width: 1.25em;
  text-align: center;
  font-weight: 700;
  margin-right: 0.5rem;
}

.nav-item-level-avance::before {
  font-family: 'Font Awesome 6 Pro';
  content: '\f005\f005\f005';
  width: 1.25em;
  text-align: center;
  font-weight: 700;
  margin-right: 0.5rem;
}

.offcanvas-nav {
  max-width: 600px;
}

.offcanvas-nav.mod-list li a:hover {
  text-decoration: none;
}

.offcanvas-nav.mod-list li.active > a {
  text-decoration: none;
}

.offcanvas-nav.mod-list li {
  /* padding: 0; */
}

.offcanvas-nav.mod-list > li.divider:not(.deeper.parent) {
  border-bottom: 1px solid var(--jmc-light-brown);
  padding: 1rem 0 0 0!important;
  margin: 0 0 1rem 0!important;
}

.offcanvas-nav.mod-list > li.divider:not(.deeper.parent) span {
  display: none;
}

@media only screen and (max-width: 767px) {
  .offcanvas-nav.mod-list > li.divider.deeper.parent {
    display: none; 
  }
}

.offcanvas-nav.mod-list li .mod-menu__sub {
  padding-left: 0;
}

/* Modals */
.modal-backdrop {
  background-color: var(--jmc-yellow);
}
.modal-backdrop.show {
  opacity: .75;
}
.modal .btn.input-password-toggle {
	margin-right: 0;
}
.modal-title {
  line-height: 1;
  padding : .5em 0;
}

/* Site grid */
body > .site-grid {
  background-color: var(--jmc-yellow);
}

body.wrapper-fluid.narrow-md .grid-child.container-component,
.container-narrow-md {
  max-width: var(--breakpoint-md);
}

body.wrapper-fluid.narrow-lg .grid-child.container-component,
.container-narrow-lg {
  max-width: var(--breakpoint-lg);
}

body.wrapper-fluid.narrow-xl .grid-child.container-component,
.container-narrow-xl {
  max-width: var(--breakpoint-xl);
}

.container-component > main {
  margin: 1em 0;
}

@media only screen and (min-width:768px) {
  .container-component > main {
    margin: 3em 0!important;
  }
}

/* Contact */
.container-contact {
  background-color: var(--jmc-lighter-brown);
}

.container-contact .required {
  color: inherit!important;
}

/* Footer */
.container-footer {
  margin: 0;
  background-color: var(--jmc-dark-brown);
  background-image: none;
  color: white;
}

/* Containers */
.container-max {
  max-width: var(--breakpoint-max);
}

.container-xl {
  max-width: var(--breakpoint-xl);
}

/* Background images */
.bg-img-cover {background-size: cover!important;}
.bg-img-no-repeat {background-repeat: no-repeat!important;}
.bg-img-scroll {background-attachment: scroll!important;}
.bg-img-center-center {background-position: center center!important;}
.bg-img-bottom-center {background-position: bottom center!important;}
.min-height-top-banner {min-height: 25vh}
@media only screen and (min-width:768px) {
  .min-height-top-banner {min-height: 20vw;}
}
.min-height-content-banner {
  min-height: 25vh;
  height: 450px;
}

.min-height-vh-70 {
  min-height: 70vh!important;
}

.thumbnail {
  max-width: 180px;
}

/* Frises */
.jmc-frise-top {
  background-position: top center;
}
.jmc-frise {
  background-size: auto 230px;
  background-repeat: no-repeat;
  height: 70px;
}

/* Tags */
.tags .list-inline-item {
  margin: 0 .25em .75em 0;
}

.tag {
  padding: 0 0 1em 0;
}

.tag-name {
  text-decoration: none!important;
  text-transform: uppercase;
  padding: .125em .5em;
  background-color: var(--jmc-light-yellow);
  border: .1em solid var(--jmc-dark-brown);
  border-radius: 0;
  color: var(--jmc-dark-brown);
  font-family: var(--cassiopeia-font-family-body);
  font-weight: 500;
}
a.tag-name:hover,
a.tag-name:focus {
  color: var(--jmc-brown);
}

.tag-divers {
  background-color: var(--jmc-divers-alpha);
  border-color: var(--jmc-divers);
  color: var(--jmc-divers);
}

a.tag-divers:hover,
a.tag-divers:focus {
  color: var(--jmc-divers-hover);
}

.tag-respiration {
  background-color: var(--jmc-respiration-alpha);
  border-color: var(--jmc-respiration);
  color: var(--jmc-respiration);
}

a.tag-respiration:hover,
a.tag-respiration:focus {
  color: var(--jmc-respiration-hover);
}

.tag-concentration {
  background-color: var(--jmc-concentration-alpha);
  border-color: #ccc;
  color: var(--jmc-concentration);
}

a.tag-concentration:hover,
a.tag-concentration:focus {
  color: var(--jmc-concentration-hover);
}

.tag-item h4,
.result-item h4,
.item-content h4 {
  font-family: var(--cassiopeia-font-weight-body);
  font-weight: 400;
  line-height: 1.5;
  font-size: initial;
}

.com-content-article.pratiques .com-content-article__body h4
.com-content-article.conferences .com-content-article__body h4 {
  font-family: var(--cassiopeia-font-weight-body);
  font-weight: 500;
  line-height: 1.5;
  font-size: initial;
}

/*
.tag-item ul:not(.jcfields, .tags),
.result-item ul:not(.jcfields, .tags) {
  padding-left: 1em;
}
*/

.tag-body > *:last-of-type,
.item-body > *:last-of-type {
  margin-bottom: 0;
}

/*
.tag-body li,
.item-body li {
  line-height: 1.5;
  margin-bottom: .25em;
}
*/

.com-content-article .tags {
  overflow: initial;
}

/* Badges */
.badge {
  font-weight: 500;
  border-radius: 1rem;
  color: inherit;
  font-size: .8em;
}

/* Description */
.category-desc > *:last-of-type {
  margin-bottom: 0;
}

/* backgrounds, text colors and borders */
.bg-success {
  background-color: var(--success)!important;
}
.border-success {
  border-color: var(--success)!important;
}

.bg-jmc-yellow {
  background-color: var(--jmc-yellow);
}

.bg-jmc-yellow-backdrop {
  background-color: var(--jmc-yellow-backdrop);
}

.bg-jmc-dark-brown {
  background-color: var(--jmc-dark-brown);
}

.bg-jmc-brown {
  background-color: var(--jmc-brown);
}

.bg-jmc-light-yellow {
  background-color: var(--jmc-light-yellow);
}

.bg-jmc-level-blue {
  background-color: var(--jmc-level-blue);
}

.bg-jmc-lighter-brown {
  background-color: var(--jmc-lighter-brown);
}

.bg-jmc-light-brown {
  background-color: var(--jmc-light-brown);
}

.bg-jmc-blue {
  background-color: var(--jmc-blue);
}

.bg-transparent-white {
  background-color: rgba(255,255,255,.3);
}

.text-jmc-yellow {
  color: var(--jmc-yellow);
}

.text-jmc-level-blue {
  color: var(--jmc-level-blue);
}

.text-jmc-dark-brown {
  color: var(--jmc-dark-brown);
}

.text-jmc-brown {
  color: var(--jmc-brown);
}

.text-jmc-light-brown {
  color: var(--jmc-light-brown);
}

.text-jmc-lighter-brown {
  color: var(--jmc-lighter-brown);
}

.text-jmc-blue {
  color: var(--jmc-blue);
}

.border-top-jmc {
  border-top: 1px solid var(--jmc-light-brown);
}

.border-bottom-jmc {
  border-bottom: 2px solid var(--jmc-dark-brown);
}

.border-jmc-blue {
  border-color: var(--jmc-blue);
}

.border-jmc-lighter-brown {
  border-color: var(--jmc-light-brown)!important;
}

.fw-500 {
  font-weight: 500!important;
}

.fw-700 {
  font-weight: 700!important;
}

/* jcFields */

.jcfields > * {
  margin-right: .5em;
  margin-bottom: .5em!important;
}

.jcfields > *:last-of-type {
  margin-right: 0;
}

.jcfields > .media-pratiques,
.jcfields > .media-conferences {
  margin-right: auto!important;
}

.jcfield {
  font-size: .8em;
  line-height: 1.2;
  background-color: var(--template-bg-light);
  padding: .25em .75em;
  border-radius: .75em;
}

.jcfield-media {
  background-color: var(--jmc-yellow);
  text-transform: uppercase;
  font-weight: 700;
  color: var(--jmc-dark-brown);
}

.jcfield-media.audio::before {
  font-family: 'Font Awesome 6 Pro';
  content: '\f025';
  margin-right: .25em;
}

.jcfield-media.video::before {
  font-family: 'Font Awesome 6 Pro';
  content: '\f144';
  margin-right: .25em;
}

.thematique {
  margin-right: auto!important;
}

.jcfield-actualites {
  background-color: var(--jmc-brown);
  color: white;
}

.jcfield-reference {
  font-weight: 700;
}

.jcfield-reference::before {
  content: '#';
}

.jcfield-duree::before {
  font-family: 'Font Awesome 6 Pro';
  content: '\f254';
  margin-right: .25em;
}

.jcfield-heure::before {
  font-family: 'Font Awesome 6 Pro';
  content: '\f017';
  margin-right: .25em;
}

.jcfield-yoga-session {
  background-color: var(--jmc-lighter-brown);
  color: white;
}

.jcfield-niveau.tout-niveau,
.jcfield-niveau.doux,
.jcfield-niveau.moyen,
.jcfield-niveau.avance {
  background-color: var(--jmc-level-blue);
  color: white;
}

.jcfield-niveau.doux::after {
  font-family: 'Font Awesome 6 Pro';
  content: '\f005';
  font-weight: 700;
}

.jcfield-niveau.moyen::after {
  font-family: 'Font Awesome 6 Pro';
  content: '\f005\f005';
  font-weight: 700;
}

.jcfield-niveau.avance::after {
  font-family: 'Font Awesome 6 Pro';
  content: '\f005\f005\f005';
  font-weight: 700;
}

.jcfield-animateur::before {
  font-family: 'Font Awesome 6 Pro';
  content: '\f82d';
  margin-right: .25em;
}

/* Sidebar right */
.sidebar-right {
  min-width: 280px;
  max-width: 320px;
  margin-left: auto;
  margin-right: auto;
}

aside.sticky-top {
  transition: padding .3s ease-in-out;
}

/* Results */
.result__title-text {
  font-size: inherit;
}

.result__title-link.text-decoration-none:focus .result__title-text,
.result__title-link.text-decoration-none:hover .result__title-text {
  text-decoration: none;
}

.com-finder h3.result__title {
  margin-bottom: .5em;
}

/* mod-jfilters_filters */
.mod-jfilters_filters {
  --input-item-dummy-selected-color: var(--jmc-dark-brown)!important;
  --input-item-dummy-color-border: var(--jmc-light-brown)!important;
  --input-item-dummy-color-hover: var(--jmc-brown)!important;
  border-radius: .25rem;
  --bg-opacity: 1;
  background-color: rgba(var(--white-rgb),var(--bg-opacity)) !important;
  padding: 1rem !important;
  box-shadow: 0 .5rem 1rem rgba(0,0,0,.15) !important;
}

.jfilters-item-link--selected.jfilters-item-link--dummy-input::before {
  background-color: var(--jmc-light-brown)!important;
}

.mod-jfilters_filters .jfilters-filter-container:last-of-type {
  border-bottom: none;
}

.jfilters-item-link:hover {
  text-decoration: none!important;
}

a.jfilters-selection {
  background-color: var(--jmc-yellow-hover);
  color: var(--jmc-dark-brown);
  margin-top: .25em;
  margin-bottom: .25em;
  padding: .25em .75em;
}

a.jfilters-selection:hover {
  background-color: var(--jmc-yellow);
  color: var(--jmc-dark-brown);
}

a.jfilters-selection::after {
  --selection-element-border-color: var(--jmc-dark-brown);
}

figure.item-image {
  margin-bottom: 0;
}

figcaption {
  padding: 0 .5em;
  color: var(--gray-500);
  font-size: .75em;
  background-color: white;
}

.mod-articlescategory.actualites a {
  text-decoration: none!important;
}

.result__title-text {
  font-size: inherit!important;
}

.com_finder * {
  margin-bottom: initial;
}

.input-group .awesomplete {
  flex-grow: 1;
}

mark, .mark {
  padding: 0.1em;
  background-color: var(--jmc-highlight);
}

/* Social Share */
.jssocials {
  margin: 1em -1em -1em -1em;
  /* border-top: 1px solid var(--jmc-light-brown); */
}

.jssocials-shares {
  margin: 0!important;
  padding: .5em 1em;
  text-align: center;
}

/* Contact form */
.container-contact {
  padding: 3em 0;
}

.container-contact fieldset {
  margin: 0;
}

.container-contact .form-group {
  margin-bottom: 0!important;
}

.container-contact .category-desc {
  margin-bottom: 1em;
}

.container-contact .category-desc p {
  color: var(--jmc-dark-brown);
}

.by-contact-form-field {
  border: 0;
  border-bottom: 3px solid var(--jmc-brown);
  background-color: rgba(255,255,255,.10);
  border-radius: 0;
  color: var(--jmc-dark-brown);
}

.by-contact-form-field:focus {
  border-color: var(--jmc-dark-brown);
  background-color: rgba(255,255,255,.35);
  box-shadow: none;
}

#captcha-lbl {
  display: none;
}

.errorcontainer,
.form-control-feedback {
  padding: .25em .5em;
  background-color: var(--danger);
  border-radius: .25em;
  display: inline-block;
  text-transform: initial!important;
  color: white;
}

.errorcontainer {
  margin-top: .125em;
}

.form-control-feedback {
  margin-bottom: .125em;
  margin-left: 1em;
}

.form-control.error,
.form-control.invalid {
  border-color: var(--danger)!important;
}

label.error {
  color: white!important;
}

/* Menu juridique */
#menu-juridique > li {
  margin-right: .5em;
}

#menu-juridique > li:last-of-type {
  margin-right: 0;
}

footer a {
  text-decoration: none!important;
}

footer a:hover {
  text-decoration: underline!important;
}

/* Menu liens utiles */
#liens-utiles .nav-item {
  padding: 0;
}

/* Pratiques itempage */
.pratiques .com-content-article__body h4,
.conferences .com-content-article__body h4 {
  font-family: var(--cassiopeia-font-family-body), sans-serif;
  font-size: 1em;
  font-weight: 500;
  line-height: inherit!important;
}

/*
.pratiques .com-content-article__body ul {
  padding-left: 1em;
}
*/

.list-group-item {
  padding: .25rem 0;
}

/* Membership */

/* Forms */
.control-group label,
.form-group label,
.form-check label,
.form-search label,
.form-inline label {
  color: var(--jmc-dark-brown);
  font-size: .8em;
  font-weight: 500;
  text-transform: uppercase;
}
.control-group .form-control,
.control-group .form-select,
.form-group .form-control,
.input-group .form-control {
  background-color: var(--form-control-default);
  border: none;
  border-bottom: 3px solid var(--jmc-brown);
  border-radius: 0;
  box-shadow: none;
}

.control-group .form-control:focus,
.form-group .form-control:focus,
.input-group .form-control:focus {
  background-color: var(--form-control-focus);
}

.form-control::placeholder {
  color: var(--jmc-lighter-brown);
}

.password-group .input-password-toggle {
  margin-left: 0!important;
  border: none;
  border-bottom: 3px solid var(--jmc-brown);
  background-color: var(--form-control-default);
  color: var(--jmc-dark-brown);
  border-radius: 0;
}

.password-group .input-password-toggle:hover {
  border-color: var(--jmc-dark-brown);
  background-color: var(--form-control-focus);
}

/* Modules */
.mod-articles-category-title {
  text-decoration: none;
}

/* Nav pills */
#nav-user.nav-pills .nav-item,
#nav-catalogue.nav-pills .nav-item {
  margin-right: .5em;
  margin-bottom: .5em;
}

#nav-user.nav-pills .nav-item.divider,
#nav-catalogue.nav-pills .nav-item.divider {
  display: none;
}

@media only screen and (min-width: 768px) {
  #nav-user.nav-pills .nav-item:last-of-type {
    margin-left: auto;
    margin-right: 0;
  }
}

#nav-user.nav-pills .nav-item .nav-link,
#nav-modal-user.nav-pills .nav-item .nav-link,
#nav-catalogue.nav-pills .nav-item .nav-link.collapsed {
  border-radius: .25em;
  background-color: var(--jmc-dark-brown)!important;
  color: white;
}

#nav-modal-user.nav-pills .nav-item:not(:last-of-type) {
  margin-right: 1em;
}

#nav-user.nav-pills .nav-item .nav-link:hover,
#nav-modal-user.nav-pills .nav-item .nav-link:hover,
#nav-catalogue.nav-pills .nav-item .nav-link:hover {
  background-color: var(--jmc-brown)!important;
}

#nav-user.nav-pills .nav-item.current .nav-link,
#nav-modal-user.nav-pills .nav-item .nav-link.active,
#nav-catalogue.nav-pills .nav-item .nav-link:not(.collapsed) {
  background-color: var(--jmc-lighter-brown)!important;
  color:white;
}

#nav-user.nav-pills .nav-link.logout {
  background-color: var(--danger);
}

/* Tables */
.table {
  --table-striped-color: var(--body-color);
  --table-striped-bg: var(--jmc-light-yellow);
  border-color: var(--jmc-yellow);
}

.table > :not(:first-child) {
  border-top: 2px solid var(--jmc-yellow);
}

.table thead th {
  font-weight: 700;
}

.table-bordered,
.table-bordered td,
.table-bordered thead th {
  border-width: 1px;
  line-height: 1;
  padding: 1rem;
}

.table a {
  text-decoration: none;
}

.table .center {
  text-align: center;
}

/* Joomla tabs */
joomla-tab[view="tabs"] > div[role="tablist"] {
  border-radius: 0;
  border: none;
  background-color: white;
  box-shadow: none;
  padding: 1em;
}

joomla-tab > joomla-tab-element {
  background-color: white;
  border: none;
  border-radius: 0;
  box-shadow: none;
}

joomla-tab button[role="tab"] {
  padding: 0.5rem 1rem;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out;
  background-color: var(--jmc-dark-brown);
  color: white;
  border: none;
  border-radius: .25em;
  margin-right: .5em;
}

joomla-tab button[role="tab"]:hover {
  background-color: var(--jmc-brown);
}

joomla-tab button[role="tab"]:last-of-type {
  margin-right: 0;
}

joomla-tab button[role="tab"][aria-expanded="true"] {
  background-color: var(--jmc-lighter-brown);
  border-radius: .25em;
  box-shadow: none;
}

joomla-tab button[aria-expanded="true"]::after{
  display: none;
}

.popover {
  box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important;
  font-size: .8rem;
  line-height: 1.2;
  z-index: 1029;
}

.popover-header {
  background-color: white;
  color: var(--jmc-dark-brown);
  font-size: .8rem;
  letter-spacing: normal;
  font-weight: 500;  
}

.popover-body {
  font-size: .8rem;
}

.custom-popover {
  --bs-popover-max-width: 200px;
  --bs-popover-border-color: var(--bs-primary);
  --bs-popover-header-bg: var(--bs-primary);
  --bs-popover-header-color: var(--bs-white);
  --bs-popover-body-padding-x: 1rem;
  --bs-popover-body-padding-y: .5rem;
}

main .sticky-top {
  z-index: 1030;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  left: 50%;
  transform: translateX(-50%);
}

/* Wizards */
.wizard {overflow: hidden;}

.wizard .step {
  padding : 17px 50px 15px;
  position: relative;
  display: inline-block;
  margin-left: 3px;
  text-align: center;
  text-decoration: none;
  color: var(--jmc-lighter-brown);
  background-color: var(--jmc-light-yellow);
  margin-bottom: .25rem;
  -ms-flex: 1 1 auto !important;
  flex: 1 1 auto !important;
  transition: all .1s linear;
}

.wizard-small .step {
  padding: 17px 0px 15px 15px;
}

.wizard .step::before {
  width: 0;
  height: 0;
  border-top: 30px inset transparent;
  border-bottom: 30px inset transparent;
  border-left: 30px solid var(--jmc-yellow);
  position: absolute;
  content: "";
  top: 0;
  left: 0;
}

.wizard .step:first-child::before,
.wizard .step:last-child::after {
  border: none;
}

.wizard .step::after {
  width: 0;
  height: 0;
  border-top: 30px inset transparent;
  border-bottom: 30px inset transparent;
  border-left: 30px solid var(--jmc-light-yellow);
  position: absolute;
  content: "";
  top: 0;
  right: -30px;
  z-index: 2;
  transition: all .1s linear;
}

.wizard .step .badge {
  border: none;
  margin-right: .5rem;
  background-color: var(--jmc-light-brown);
  color: var(--jmc-light-yellow);
  border-radius: .25rem;
}

.wizard .step .step-text {
  color: var(--jmc-light-brown);
}

.wizard .step.current {
  background-color: var(--jmc-brown);
  color: var(--jmc-yellow);
}

.wizard .step.current:hover {
  background-color: var(--jmc-lighter-brown);
}

.wizard .step.current::after {
  border-left-color: var(--jmc-brown);
}

.wizard .step.current:hover::after {
  border-left-color: var(--jmc-lighter-brown);
}

.wizard .step.current .badge {
  background-color: var(--jmc-yellow);
  color: var(--jmc-brown);
}

.wizard .step.past {
  background-color: var(--success);
}

.wizard .step.past::after {
  border-left-color: var(--success);
}

.wizard .step.past .step-text,
.wizard .step.current .step-text {
  color: var(--jmc-yellow);
}

.wizard .step.past .badge {
  background-color: var(--jmc-yellow);
  color: var(--success);
}

.toast-body {
  font-weight: 500;
}

/* MEJS player */
.mejs-controls .mejs-play button {
  background-image: url('/images/player/play-jmc.png')!important;
  background-color: transparent;
}

.mejs-controls .mejs-pause button {
  background-image: url('/images/player/pause-jmc.png')!important;
  background-color: transparent;
}

/* Form errors */
.formError .formErrorContent {
  font-size: .8em!important;
  border: none!important;
  padding: .25em .5em!important;
  background: var(--danger)!important;
  border-radius: .25em!important;
  -moz-border-radius: .25em!important;
  -webkit-border-radius: .25em!important;
  box-shadow: none!important;
  -moz-box-shadow: none!important;
  -webkit-box-shadow: none!important;
}

.formError .formErrorArrow {
  display: none!important;
}

/* Tingle Modal */

.tingle-modal {
  background: var(--jmc-yellow-backdrop)!important;
  cursor: default!important;
}

.tingle-modal--visible {
  visibility: visible!important;
  opacity: 1!important;
}

.tingle-modal__close svg * {
  fill: var(--jmc-black)!important;
}

@supports ((-webkit-backdrop-filter:blur(12px)) or (backdrop-filter:blur(12px))) {
  .tingle-modal {
    backdrop-filter: none!important;
    -webkit-backdrop-filter: none!important;
  }
}

input[readonly="readonly"] {
  border: none;
  background-color: var(--light);
  padding: 0 .5em;
  border-bottom: 3px solid var(--gray-400);
  cursor: not-allowed;
}

/* Banners */
.container-banner .banner-overlay {
  background-attachment: scroll;
  color: var(--body-color);
}

.container-banner .banner-overlay .overlay {
  background-color: var(--jmc-yellow-backdrop);
}

.banner-background-video {
  background-color: white;
  width: 100%;
  height: calc(100vh - 60px);
  position: relative;
  margin: auto;
  margin-top: -1em;
  display: block;
}

@media only screen and (min-width:768px) {
  .banner-background-video {
    height: 70vh;
  }
}

#backgroundVideo {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  max-height: 70vh;
  object-fit: cover;
}

.py-vw-3 {
  padding-top: 4vh!important;
  padding-bottom: 4vh!important;
}

@media only screen and (max-width: 768px) {
  .py-vw-3 {
    padding-top: 2.5vh!important;
    padding-bottom: 2.5vh!important;
  }
}

.banner-background-video .overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: var(--jmc-yellow-backdrop);
  z-index: 1;
}

.container-banner .background-video-fallback {
  display: none!important;
}
.banner-background-video h1 {
  font-size: 3em;
}
.banner-background-video h2 {
  font-family: var(--cassiopeia-font-family-body)!important;
  letter-spacing: -0.05em;
  color: var(--jmc-dark-brown);
}
@media only screen and (min-width: 1200px) {
  .banner-background-video h1 {
    font-size: 3.5em;
  }
}
@media only screen and (min-width: 1400px) {
  .banner-background-video h1 {
    font-size: 5em;
  }
  .banner-background-video h2 {
    font-size: 3em;
  }
}
.banner-background-video h1 .small {
  font-size: .8em!important;
  letter-spacing: -0.03em;
  color: var(--jmc-brown);
  font-weight: normal;
}

@media (max-width: 768px) {
  #backgroundVideo {
    display: none;
  }
  .container-banner .background-video-fallback {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: block!important;
    object-fit: cover;
  }
  .banner-background-video h1 {
    font-size: 12vw;
  }
  .banner-background-video h1 .small {
    font-size: 7vw!important;
  }
  .banner-background-video h2 {
    font-size: 5.5vw;
  }
  .banner-background-video h3,
  .banner-background-video h4 {
    font-size: 1.25em;
  }
  .banner-background-video .btn {
    padding: .5em;
    line-height: 1;
  }
}

.awesomplete > input {
  max-width: none!important;
}

.vie-du-site .carousel-item > .d-flex > *  {
  margin-bottom: .5em!important;
  margin-right: 0!important;
}
.vie-du-site .carousel-item > .d-flex :last-child {
  margin-bottom: 0!important;
}

@media only screen and (min-width: 768px) {
  .vie-du-site .carousel-item > .d-flex > * {
    margin-bottom: 0!important;
    margin-right: .5em!important;
  }
  .mod-articlesnews-horizontal.newsflash-horiz li :last-child {
    margin-right: 0!important;
  }
}

.vie-du-site .carousel-item h4 {
  font-size: 1rem;
  font-weight: bold;
  margin: 0;
}

.vie-du-site .carousel-item .jcfields > * {
  margin-bottom: 0!important;
}

/* ShowPlus */
#showplus_images_cours-en-salle_diaporama > .showplusx-slideshow {
  height: 70vh!important;
}

.narrow-search .mod-finder__search.input-group {
  max-width: 360px;
  margin-left: auto;
  margin-right: auto;
}

/* Button group */
.btn-group > .btn:not(:first-of-type) {
  margin-left: 1px!important;
}

/* Comments */
joomla-editor-none textarea#jform_commentText {
  max-height: 150px!important;
  background-color: var(--form-control-default);
  color: var(--jmc-dark-brown);
  border-top: none!important;
  border-left: none!important;
  border-right: none!important;
  border-bottom: 3px solid var(--jmc-brown)!important;
  padding: .6rem 1rem;
}

joomla-editor-none textarea#jform_commentText:focus {
  background-color: var(--form-control-focus);
  outline: 0 solid transparent;
}

/* Banner overlay */
.banner-overlay {
  min-height: 50vh;
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
}

@media only screen and (min-width: 768px) {
  .banner-overlay {
    min-height: 20vw;
  }
}

.banner-overlay .overlay {
  background: var(--jmc-yellow-backdrop);
}

.osm-renew-option:hover {
  background-color: var(--light);
}

.osm-renew-option:has(> input:checked) {
  border-color: var(--var-jmc-dark-brown)!important;
  background-color: var(--jmc-light-yellow);
}

.zoom-in {
  cursor: zoom-in!important;
}

.com-content-article.conferences blockquote,
.com-content-article.pratiques blockquote {
  padding: .5em 1em;
  border-left: 3px solid var(--jmc-dark-brown)!important;
  color: var(--jmc-dark-brown)!important;
  background-color: var(--jmc-light-brown);
}

.blockquote {
  font-size: inherit!important;
}

#akengage-comments-section .toggle-editor {
  display: none!important;
}

#custom-message-container {
  min-width: 320px;
}

.enquete .visform .form-group {
  margin-bottom: 0!important;
}

.btn.disabled, .btn:disabled, fieldset.disabled .btn {
  --btn-disabled-bg: var(--jmc-primary);
  --btn-disabled-border-color: var(--jmc-primary);
}

span.field-value *:last-of-type:not(h4) {
  margin-bottom: 0!important;
}

.fieldname-conference-texte-court span.field-value h4 {
  font-size: 1.25rem!important;
  margin-bottom: 2rem!important;
  display: block;
}

/* com_simplequiz */
.simplequiz_question,
.simplequiz_question_result {
  background-color: white;
  margin-bottom: 3em!important;
  border-bottom: 2px solid var(--jmc-dark-brown);
  padding: 1em;
}

label.sq_label {
  background-color: white!important;
  border: 1px solid var(--border-color-translucent);
  border-radius: .5em;
  margin-bottom: .5em;
  display: flex!important;
  align-items: center!important;
  padding: .25em .5em!important;
}

label.sq_label:hover {
  border-color: var(--jmc-light-brown)!important;
  background-color: var(--jmc-light-yellow)!important;
  cursor: pointer;
}

label.sq_label input.sq_field {
  margin-right: 1em!important;
}

@media (min-width: 960px) {
  .simplequiz_question,
  .simplequiz_question_result {
    padding: 2em;
  }
}

.simplequiz_question_result br {
  display: none!important;
}

.question_explanatory_text {
  margin-top: 1em;
  margin-bottom: 1em;
  border: 1px solid var(--jmc-yellow);
  padding: 1em;
  background-color: var(--jmc-light-yellow);
}

.question_explanatory_text > *:last-of-type {
  margin-bottom: 0!important;
}

.sq_result {
  display: block;
  overflow: auto!important;
}

.simplequiz_pre_text,
.simplequiz_complete_text {
  background-color: white;
  padding: 1em;
  margin-bottom: 3em;
  border-bottom: 2px solid var(--jmc-dark-brown);
}

.simplequiz_pre_text > *:last-of-type,
.simplequiz_complete_text > *:last-of-type {
  margin-bottom: 0!important;
}

@media only screen and (min-width: 960px) {
  .simplequiz_pre_text {
    padding: 2em;
  }
}

.simplequiz_results {
  padding: 2em;
  background-color: var(--jmc-dark-brown);
  color: var(--jmc-yellow);
}

@media only screen and (min-widht: 960px) {
  .simplequiz_results {
    padding: 1em;
  }
}

.simplequiz_results *:last-of-type {
  margin-bottom: 0!important;
}

.sq_pagination {
  display: flex;
  justify-content: space-around;
}

.simplequiz_pre_text .start_quiz_button_wrapper {
  text-align: center;
  margin-top: 3em;
  margin-bottom: 3em!important;
}

.simplequiz_question img {
  margin-bottom: 1em!important;
}

.closed #visform6 {
  display: none!important;
}

#os_form .modal-dialog ul,
#adminForm .modal-dialog ul {
  list-style: initial !important;
}