/*
Theme Name: Infor Jeunes Mons
Author: Arthur
Author URI: https://wordpress.org
Description: Twenty Twenty-Five emphasizes simplicity and adaptability. It offers flexible design options, supported by a variety of patterns for different page types, such as services and landing pages, making it ideal for building personal blogs, professional portfolios, online magazines, or business websites. Its templates cater to various blog styles, from text-focused to image-heavy layouts. Additionally, it supports international typography and diverse color palettes, ensuring accessibility and customization for users worldwide.
Requires at least: 6.7
Tested up to: 6.8
Requires PHP: 7.2
Version: 1.0.0.18
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: inforjeunesmons
Tags: one-column, custom-colors, custom-menu, custom-logo, editor-style, featured-images, full-site-editing, block-patterns, rtl-language-support, sticky-post, threaded-comments, translation-ready, wide-blocks, block-styles, style-variations, accessibility-ready, blog, portfolio, news
*/
html {
  max-width: 100%;
  scroll-behavior: smooth;
}

@media screen and (max-width: 1410px) {
  /*main>:is(.is-layout-constrained:not(.is-style-card), .is-layout-flex, h1, .wp-block-columns),
  header,
  footer>.is-style-blue,
  .yoast-breadcrumbs {
      padding: 0 .5rem;
  }*/
  .wp-site-blocks {
    padding-inline: 0.5rem;
    overflow: hidden;
  }
}
iframe {
  border-radius: var(--wp--custom--radius--default);
}

@media screen and (max-width: 1050px) {
  .wp-container-core-post-template-is-layout-bd72bfdb {
    grid-template-columns: repeat(auto-fill, minmax(min(34rem, 100%), 1fr));
  }
  .wp-container-core-post-template-is-layout-f434c19f {
    grid-template-columns: repeat(auto-fill, minmax(min(21rem, 100%), 1fr));
  }
}
.has-modal-open body:after {
  content: "\a";
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.75);
  -moz-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}

.hidden {
  display: none;
}

.fst-italic {
  font-style: italic;
}

.gap-0 {
  gap: 0rem;
}

.gap-250 {
  gap: 2.5rem;
}

.gap-500 {
  gap: 5rem;
}

.gap-1000 {
  gap: 10rem;
}

.gap-2000 {
  gap: 20rem;
}

[class*=ctl-],
[class*=cbr-] {
  position: relative;
}

@media screen and (max-width: 978px) {
  [class*=cbr-][class*=ctl-]::after {
    display: none;
  }
}
[class*=ctl-]::before,
[class*=cbr-]::after {
  content: "";
  border-radius: 100%;
  border-style: solid;
  position: absolute;
  z-index: -1;
}

.is-style-green [class*=ctl-]::before,
.is-style-green [class*=cbr-]::after, .is-style-green[class*=ctl-]::before, .is-style-green[class*=cbr-]::after {
  border-color: var(--wp--preset--color--accent-green);
}

.is-style-red [class*=ctl-]::before,
.is-style-red [class*=cbr-]::after, .is-style-red[class*=ctl-]::before, .is-style-red[class*=cbr-]::after {
  border-color: var(--wp--preset--color--accent-red);
}

.is-style-yellow [class*=ctl-]::before,
.is-style-yellow [class*=cbr-]::after, .is-style-yellow[class*=ctl-]::before, .is-style-yellow[class*=cbr-]::after {
  border-color: var(--wp--preset--color--accent-yellow);
}

.is-style-blue [class*=ctl-]::before,
.is-style-blue [class*=cbr-]::after, .is-style-blue[class*=ctl-]::before, .is-style-blue[class*=cbr-]::after {
  border-color: var(--wp--preset--color--accent-blue);
}

.ctl-xxs::before,
.cbr-xxs::after {
  width: var(--wp--preset--spacing--100);
  height: var(--wp--preset--spacing--100);
  border-width: 0.4rem;
}

.ctl-xs::before,
.cbr-xs::after {
  width: var(--wp--preset--spacing--150);
  height: var(--wp--preset--spacing--150);
  border-width: 0.6rem;
}

.ctl-sm::before,
.cbr-sm::after {
  width: var(--wp--preset--spacing--200);
  height: var(--wp--preset--spacing--200);
  border-width: 0.8rem;
}

.ctl-md::before,
.cbr-md::after {
  width: var(--wp--preset--spacing--250);
  height: var(--wp--preset--spacing--250);
  border-width: 1rem;
}

.ctl-lg::before,
.cbr-lg::after {
  width: var(--wp--preset--spacing--300);
  height: var(--wp--preset--spacing--300);
  border-width: 1.2rem;
}

.ctl-xl::before,
.cbr-xl::after {
  width: var(--wp--preset--spacing--400);
  height: var(--wp--preset--spacing--400);
  border-width: 1.6rem;
}

.ctl-xxl::before,
.cbr-xxl::after {
  width: var(--wp--preset--spacing--500);
  height: var(--wp--preset--spacing--500);
  border-width: 2rem;
}

.ctl-y1::before {
  left: 0;
  top: 5%;
  -moz-transform: translate(-68%, -50%);
       transform: translate(-68%, -50%);
}

.ctl-x1::before {
  left: 5%;
  top: 0;
  -moz-transform: translate(-50%, -45%);
       transform: translate(-50%, -45%);
}

.cbr-y1::after {
  left: 100%;
  top: 5%;
  -moz-transform: translate(-47%, -50%);
       transform: translate(-47%, -50%);
}

.cbr-x1::after {
  left: 5%;
  top: 100%;
  -moz-transform: translate(-50%, -63%);
       transform: translate(-50%, -63%);
}

.ctl-y2::before {
  left: 0;
  top: 20%;
  -moz-transform: translate(-35%, -50%);
       transform: translate(-35%, -50%);
}

.ctl-x2::before {
  left: 20%;
  top: 0;
  -moz-transform: translate(-50%, -38%);
       transform: translate(-50%, -38%);
}

.cbr-y2::after {
  left: 100%;
  top: 20%;
  -moz-transform: translate(-55%, -50%);
       transform: translate(-55%, -50%);
}

.cbr-x2::after {
  left: 20%;
  top: 100%;
  -moz-transform: translate(-50%, -50%);
       transform: translate(-50%, -50%);
}

.ctl-y3::before {
  left: 0;
  top: 35%;
  -moz-transform: translate(-57%, -50%);
       transform: translate(-57%, -50%);
}

.ctl-x3::before {
  left: 35%;
  top: 0;
  -moz-transform: translate(-50%, -57%);
       transform: translate(-50%, -57%);
}

.cbr-y3::after {
  left: 100%;
  top: 35%;
  -moz-transform: translate(-70%, -50%);
       transform: translate(-70%, -50%);
}

.cbr-x3::after {
  left: 35%;
  top: 100%;
  -moz-transform: translate(-50%, -33%);
       transform: translate(-50%, -33%);
}

.ctl-y4::before {
  left: 0;
  top: 50%;
  -moz-transform: translate(-52%, -50%);
       transform: translate(-52%, -50%);
}

.ctl-x4::before {
  left: 50%;
  top: 0;
  -moz-transform: translate(-50%, -36%);
       transform: translate(-50%, -36%);
}

.cbr-y4::after {
  left: 100%;
  top: 50%;
  -moz-transform: translate(-57%, -50%);
       transform: translate(-57%, -50%);
}

.cbr-x4::after {
  left: 50%;
  top: 100%;
  -moz-transform: translate(-50%, -36%);
       transform: translate(-50%, -36%);
}

.ctl-y5::before {
  left: 0;
  top: 65%;
  -moz-transform: translate(-55%, -50%);
       transform: translate(-55%, -50%);
}

.ctl-x5::before {
  left: 65%;
  top: 0;
  -moz-transform: translate(-50%, -39%);
       transform: translate(-50%, -39%);
}

.cbr-y5::after {
  left: 100%;
  top: 65%;
  -moz-transform: translate(-37%, -50%);
       transform: translate(-37%, -50%);
}

.cbr-x5::after {
  left: 65%;
  top: 100%;
  -moz-transform: translate(-50%, -54%);
       transform: translate(-50%, -54%);
}

.ctl-y6::before {
  left: 0;
  top: 80%;
  -moz-transform: translate(-69%, -50%);
       transform: translate(-69%, -50%);
}

.ctl-x6::before {
  left: 80%;
  top: 0;
  -moz-transform: translate(-50%, -31%);
       transform: translate(-50%, -31%);
}

.cbr-y6::after {
  left: 100%;
  top: 80%;
  -moz-transform: translate(-58%, -50%);
       transform: translate(-58%, -50%);
}

.cbr-x6::after {
  left: 80%;
  top: 100%;
  -moz-transform: translate(-50%, -39%);
       transform: translate(-50%, -39%);
}

.ctl-y7::before {
  left: 0;
  top: 95%;
  -moz-transform: translate(-52%, -50%);
       transform: translate(-52%, -50%);
}

.ctl-x7::before {
  left: 95%;
  top: 0;
  -moz-transform: translate(-50%, -51%);
       transform: translate(-50%, -51%);
}

.cbr-y7::after {
  left: 100%;
  top: 95%;
  -moz-transform: translate(-52%, -50%);
       transform: translate(-52%, -50%);
}

.cbr-x7::after {
  left: 95%;
  top: 100%;
  -moz-transform: translate(-50%, -33%);
       transform: translate(-50%, -33%);
}

a[href]:not([href="#"]),
.wp-block-button.is-style-inline {
  display: inline-block;
  -moz-transition: transform 0.2s ease-in-out, -moz-transform 0.2s ease-in-out;
  transition: transform 0.2s ease-in-out;
  transition: transform 0.2s ease-in-out, -moz-transform 0.2s ease-in-out;
  text-underline-offset: 0.375em;
  text-decoration: none;
}
a[href]:not([href="#"]):is(:hover, :focus),
.wp-block-button.is-style-inline:is(:hover, :focus) {
  text-decoration: none;
}
*:not(.wp-block-post-title, .wp-block-heading, .wp-block-post-terms) > a[href]:not([href="#"]):not(.wp-block-button .wp-block-navigation-item__content, .wp-block-button__link, .wp-block-read-more),
*:not(.wp-block-post-title, .wp-block-heading, .wp-block-post-terms) > .wp-block-button.is-style-inline:not(.wp-block-button .wp-block-navigation-item__content, .wp-block-button__link, .wp-block-read-more) {
  -webkit-text-decoration: underline dotted var(--wp--preset--color--grey-200);
          text-decoration: underline dotted var(--wp--preset--color--grey-200);
}
*:not(.wp-block-post-title, .wp-block-heading, .wp-block-post-terms) > a[href]:not([href="#"]):not(.wp-block-button .wp-block-navigation-item__content, .wp-block-button__link, .wp-block-read-more):is(:hover, :focus),
*:not(.wp-block-post-title, .wp-block-heading, .wp-block-post-terms) > .wp-block-button.is-style-inline:not(.wp-block-button .wp-block-navigation-item__content, .wp-block-button__link, .wp-block-read-more):is(:hover, :focus) {
  -moz-transform: translateY(-0.25em);
       transform: translateY(-0.25em);
  text-decoration: underline;
}

a:active,
button:active,
input[type=submit]:active {
  opacity: 0.5;
}

/*
 * Progressive enhancement to reduce widows and orphans
 * https://github.com/WordPress/gutenberg/issues/55190
 */
h1,
h2,
h3,
h4,
h5,
h6,
p.is-style-text-display.has-text-align-center {
  text-wrap: balance;
}

blockquote,
caption,
figcaption,
p {
  text-wrap: pretty;
}

/*
 * Change the position of the more block on the front, by making it a block level element.
 * https://github.com/WordPress/gutenberg/issues/65934
*/
.more-link {
  display: block;
}

.yoast-breadcrumbs {
  font-size: var(--wp--preset--font-size--sm) !important;
  color: var(--wp--preset--color--grey-700);
}
.yoast-breadcrumbs span span {
  margin-right: 0.25em;
}
.yoast-breadcrumbs span span:not(:first-of-type) {
  margin-left: 0.25em;
}

.leaflet-popup .leaflet-popup-content {
  width: 12rem !important;
  text-align: left;
  word-break: normal;
}
.leaflet-popup .leaflet-popup-content h6 {
  text-transform: none;
  color: var(--wp--preset--color--contrast);
  font-size: var(--wp--preset--font-size--xl);
  letter-spacing: normal;
}
.leaflet-popup .leaflet-popup-content p {
  -webkit-margin-before: 0.5em;
          margin-block-start: 0.5em;
}

/* Add rounded corners to youtube videos iframes and force the 16/9 ratio to prevent them from being crushed. */
iframe[src*="youtube.com"],
iframe[src*="youtu.be"] {
  border-radius: 2rem;
  height: auto;
  aspect-ratio: 16/9;
}

/* Vertical ratio for Youtube Shorts only on tablets and smartphones */
@media screen and (max-width: 979px) {
  .youtube-short iframe {
    aspect-ratio: 9/16 !important;
    max-width: 320px;
  }
}
.simple-popup {
  z-index: 100 !important;
}
.simple-popup__content {
  background-color: var(--wp--preset--color--base);
}

.wp-block-template-part-popup {
  -webkit-margin-before: 0 !important;
          margin-block-start: 0 !important;
}