/*
Theme Name: Twenty Twenty-Five Child Theme
Theme URI: https://wordpress.org/themes/twentytwentyfive/
Author: René J. Babin
Author URI: https://www.drivenpublishing.ca/
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.
Template: twentytwentyfive
Requires at least: 6.7
Tested up to: 6.7
Requires PHP: 7.2
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: twentytwentyfive-child
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
*/

/* IMPORTANT: Media queries: Substract 15px when measuring width using the browser's Responsive design mode. */
/* Media queries Start at around line 1870 */

html {
    height: 100%;
    width: 100%;
    scroll-behavior: smooth !important;
    scrollbar-color: #4a77b8 #dfdfdf;
    scrollbar-width: auto;

    background-color: #efefef;
}

/*-- Ensure mobile menu remains visible at beginning of mobile menu width */
.has-modal-open {
overflow: visible !important;
}

body {
    overflow-x: hidden !important;
    overflow-y: auto !important;
    touch-action: auto !important;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    word-break: keep-all !important;
}

.wp-block-button__link {
    word-break: keep-all !important;
}

/* .show-me {
    display: block !important
}

*/
.do-not-show-me {
    display: none !important;
}
.product_cat-collection .show-me {
    display: block !important;
}
.product_cat-collection main {
    padding-bottom: 0px !important;
    margin-bottom: 0px;
}

.single_add_to_cart_button {
    border-radius: 30px;
}
.collection-group {
    max-width: 960px !important;
    
}

.wp-block-post-title :where(a) {
color: #4a77b8 !important;
}

.search-results .driven-box-01 {
    max-width: 740px;
}

.wp-block-search__button svg {
min-height: 36px;
min-width: 36px;
}
svg.search-icon {
    width: 30px !important;
    height: 30px !important;
}
.wp-block-search__button.has-icon {
line-height: 0;
padding-top: 6px;
padding-bottom: 6px;
padding-left: 6px;
padding-right: 6px;
}

.woocommerce-checkout .is-success {
    display: none;
}

/*-- START - Scrollbar --*/

::-webkit-scrollbar {
    -webkit-appearance: none;
    width: 15px;
}

::-webkit-scrollbar-track {
    background-color: #dfdfdf !important;
    border-radius: 0px;
}

::-webkit-scrollbar-thumb {
    border-radius: 15px;
    background-color: #4a77b8;
}

/*-- END - Scrollbar --*/

.next-game p {
    text-align: center !important;
}

/* START Driven Slider */

.driven-slider  {
padding-top: 20px !important;
    padding-bottom: 20px !important;
}

.driven-slider h2 {
}

.driven-slider .swiper-button-next,
.driven-slider .swiper-button-prev {
    border-radius: 40px !important;
    border: 1.5px solid #fdc21a !important;
    font-weight: 600;
}

.wp-block-blablablocks-slider .swiper .swiper-button-prev:focus,
.wp-block-blablablocks-slider .swiper .swiper-button-next:focus {
    outline-width: 0px !important;
}

.slides-cols {
}
.slides-col-01 {
}
.slides-col-02 {
}

.slides-col-02 img {
    border: 2px solid #4a77b8;
    border-radius: 16px;
}

.swiper-button-next:after,
.swiper-rtl .swiper-button-prev:after {
    margin-right: -4px !important;
}

.swiper-button-prev:after,
.swiper-rtl .swiper-button-next:after {
    margin-left: -4px !important;
}

/* END Driven Slider */

/*-- START MIXCLOUD FEED --*/
#mixcloud-custom-feed {
    display: grid;
    gap: 1.5rem;
    grid-template-columns: repeat(auto-fill, minmax(247px, 1fr));
}

.mixcloud-card {
    cursor: pointer;
    border-radius: 12px;
    overflow: hidden;
    background: #111;
    color: #fff;
    transition:
        transform 0.2s ease,
        box-shadow 0.2s ease;
}

.mixcloud-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.3);
}

.mixcloud-cover {
    width: 100%;
    display: block;
}

.mixcloud-info {
    padding: 1rem;
}

.mixcloud-info h3 {
    font-size: 1rem;
    margin: 0;
    line-height: 1.3;
}

/*-- END MIXCLOUD FEED --*/

.page-id-11 h1,
.page-id-19 h1 {
    max-width: var(--wp--style--global--content-size) !important;
    margin-left: auto !important;
    margin-right: auto !important;
}

.login-group h2 {
    display: none;
}

.driven-new-window:after {
    color: #4a77b8;
    content: "\f08e";
    font-size: 16px;
    font-family: FontAwesome;
    width: 18px;
    height: 18px;
    display: inline-block;
    position: relative;
    text-align: center;
    vertical-align: top;
    margin-top: 0px;
    -webkit-font-smoothing: antialiased;
    padding-left: 6px;
}

.driven-content-img img {
    border: 2px solid #4a77b8;
    border-radius: 8px !important;
    max-width: 180px;
    height: auto;
}

.donate-cols-02 {
}

.donate-cols-02-a {
}

.donate-group-01 {
}
.donate-cols-02-b {
}

.donate-group-02 {
}



.woocommerce div.product form.cart table.variations th {
    vertical-align: top;
}
.variations label {
    font-weight: 430 !important;
}
.woocommerce div.product form.cart table.variations td select {
    padding-top: 6px;
    padding-bottom: 6px;
}
.woocommerce div.product form.cart .variations {
    max-height: 80px;
    margin-bottom: 0px;
}
.postid-1856 .wp-block-woocommerce-product-details,
.postid-1868 .wp-block-woocommerce-product-details {
    display: none;
}

.postid-1856 .wp-block-woocommerce-product-price,
.postid-1868 .wp-block-woocommerce-product-price {
    display: none;
}

.wc-block-components-notices__snackbar {
    display: none !important;
}

.product_cat-collection .single_add_to_cart_button {
    margin-top: 20px !important;
}

.wc-block-components-notice-banner__content
    .wc-block-components-notice-snackbar
    .wc-block-components-notice-banner
    .is-info
    .is-dismissible
    .notice-transition-enter-done {
    display: none !important;
}

.wc-block-checkout__sidebar.is-sticky {
    top: 90px;
}

.woocommerce div.product form.cart .group_table td {
padding-bottom: .15em;
}
.woocommerce div.product form.cart .group_table td.woocommerce-grouped-product-list-item__label {
padding-top: 4px;
}
.wp-playlist-caption .wp-playlist-item-title {
font-size: 16px;
line-height: 2;
}
.wp-playlist-playing {
font-weight: 460;
}
.woocommerce-grouped-product-list-item__price {
    font-size: 18px;
    padding-top: 4px;
}
.woocommerce-grouped-product-list-item__label a {
    cursor:default;
    pointer-events: none;
}

.wp-playlist {
border: 1px solid #93aad3;
border-radius: 9px;
}

.product_cat-collection .wc-tabs, .product_cat-single .wc-tabs, .product_cat-simple .wc-tabs {
    display: none;
}

.wp-block-woocommerce-product-details {
    margin-top: 0px;
}

.product_cat-collection h2 {
    letter-spacing: -0.75px !important;
    font-size: 17px !important;
}

/*
  .woocommerce-notices-wrapper .wc-block-components-notice-banner+.is-success {
        display: none !important;
    }
    .woocommerce-notices-wrapper .wc-block-components-notice-banner.is-success {
        display: none !important;
        visibility: hidden !important;
    }
 */


footer {
    margin-top: 0px;
}

.entry-content ul {
    margin-block-end: 1.5rem;
}

a:link {
    cursor: pointer !important;
}

a:focus,
a:active {
    text-decoration: none !important;
    border-width: 0;
    text-decoration-color: none !important;
    outline: 0;
    border: none;
    -moz-outline-style: none;
}

a:hover {
    text-decoration: none;
}
.product .wp-post-image {
    border: 2px solid #4a77b8;
    border-radius: 16px;
}
.attachment-woocommerce_thumbnail {
    border: 2px solid #4a77b8;
    border-radius: 8px !important;
}

.product_cat-collection [data-block-name="woocommerce/product-price"] {
    display: none !important;
}

.product_cat-collection h2 {
    padding-bottom: 6px !important;
}

.woocommerce-checkout .wc-block-components-product-name {
    font-size: 1em !important;
}

.wc-block-order-confirmation-downloads__table th {
    font-weight: 460 !important;
}

.download-product a,
.download-file a {
    color: #4a77b8;
    font-weight: 460;
}

.single-product .wp-block-post-title {
    font-size: 1.5em;
    letter-spacing: -1px;
}

.single-product .wp-block-post-excerpt__excerpt {
    font-size: 0.9em;
}

.wc-block-order-confirmation-totals__product a {
    pointer-events: none;
    text-decoration: none;
}

.wc-block-order-confirmation-status-description p a {
    color: #4a77b8 !important;
    font-weight: 460 !important;
    text-decoration: none;
}

/*-- START Woo Grouped Product Grid --*/
.product_cat-collection .woocommerce-grouped-product-list-item .woocommerce-grouped-product-list-item__quantity {
    width: 1em !important;
}
.woocommerce-grouped-product-list-item__label label a {
    text-decoration: none;
    font-size: 20px;
    letter-spacing: -1px;
    font-weight: 400;
    color: #4a77b8;
}

.wp-block-woocommerce-checkout-order-summary-block {
    background-color: #fbfbfb;

border: 1px #93aad3 solid;
}

/*
.woocommerce-grouped-product-list-item__quantity input {
    border-radius: 3px;
    outline: 1px solid #4a77b8;
}
*/
/*-- END Woo Grouped Product Grid --*/

.added_to_cart {
    background-color: var(--wp--preset--color--bleu-02);
    border-width: 0;
    color: var(--wp--preset--color--off-white-5);
    font-family: inherit;
    font-size: 14px;
    font-style: inherit;
    font-weight: 460;
    letter-spacing: inherit;
    line-height: inherit;
    padding-top: 0.5rem;
    padding-right: 1.5rem;
    padding-bottom: 0.5rem;
    padding-left: 1.5rem;
    text-decoration: none;
    text-transform: inherit;
    border-radius: 30px;
}
a.added_to_cart {
    margin-top: 4px;
    color: #ffffff !important;
    font-weight: 460 !important;
}

/*
.woocommerce-page h1 {
margin-right: calc(var(--wp--style--root--padding-right) * -1) !important;
margin-left: calc(var(--wp--style--root--padding-left) * -1) !important;
padding-left: 50px;
padding-right: 50px;
}
*/

.woocommerce-account .wp-block-post-title,
.woocommerce-account main .woocommerce,
.woocommerce-cart .wp-block-post-title,
.woocommerce-cart main .woocommerce,
.woocommerce-checkout .wp-block-post-title,
.woocommerce-checkout main .woocommerce {
    max-width: 1340px;
}

.wc-block-order-confirmation-summary ul li > .wc-block-order-confirmation-summary-list-item__key {
    font-weight: 460;
}

.wc-block-order-confirmation-totals table td,
.wc-block-order-confirmation-totals table th {
    font-weight: 460;
}

.wc-block-order-confirmation-totals table tfoot th,
.wc-block-order-confirmation-totals table thead {
    font-weight: 460;
}

.woocommerce div.product .woocommerce-tabs ul.tabs a,
.product_type_grouped span {
    font-weight: 460 !important;
}

.wc-block-cart-item__image img {
    border: 1px solid #4a77b8;
    border-radius: 2px;
}

.wc-block-grid__product-price small,
.woocommerce-grouped-product-list-item__price small {
    display: none;
}

main h1 {
    /*font-weight: 400;
letter-spacing: 0px;
margin-bottom: 30px;*/
    color: #393939;
}

h2 {
    padding-top: 20px;
    padding-bottom: 10px;
}

.entry-content p {
    margin-block-start: 0.25rem !important;
    margin-block-end: 1.25rem !important;
}

.entry-content h3 {
    font-size: 26px;
    margin-bottom: 18px;
    margin-top: 30px;
}

.entry-content a {
    color: #4a77b8;
    font-weight: 400;
    text-decoration: none;
}

.entry-content a:focus {
    color: #4a77b8 !important;
}
.entry-content a:hover {
    color: #4a77b8;
    font-weight: 400;
    text-decoration: none;
}

/*---- START DRIVEN MAR. - 2026 ----*/

.page-id-10 .wc-block-components-radio-control__label,
.page-id-18 .wc-block-components-radio-control__label {
    font-size: 18px;
    font-weight: 460;
    color: #4a77b8;
}

main {
    font-weight: 330;
}

.header-row-top-menu {
}
.header-row-big-menu {
}

.menu-principal-entete .wp-block-navigation__submenu-icon {
    color: #fafafa !important;
    font-weight: 500 !important;
}

.driven-header-cols {
}

.header-col-01 {
    align-content: center;
}

.header-col-02 {
    align-content: center;
}

.mobile-lang-switcher {
    background-color: #4a77b8;

    color: #fafafa;
    text-decoration: none;
    padding: 10px 20px;
    border-radius: 30px;
    border: 2px solid #f0f0f0;
}
[data-wpml="language-item"] span {
    color: #fafafa !important;
    font-weight: 450 !important;
}

.logo-entete {
}

.funded-logos {
}

.footer-logo img {
    max-width: 230px;
}

.footer-menus-row nav {
    font-weight: 450;
}

.hidden-top {
}

.btn-to-top {
    background-image: url(https://www.ckjmfm.ca/wp-content/uploads/totop-01.webp);
    width: 60px;
    height: 60px;
    display: block;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
}
.fix-to-top {
    position: fixed;
    right: 40px;
    bottom: 40px;
    z-index: 999;
    opacity: 0;
}

.news-container {
}

.cont-style iframe {
    border: 2px solid #61a3cc !important;
    border-radius: 18px;
    overflow: hidden;
    height: 400px;
}

.iframe-style {
    height: 100%;
    width: 100%;
    left: 0;
    top: 0;
    overflow: hidden;
}

[data-wpml="current-language-item"] {
    display: none !important;
}


.learn-more-btn {
}
.learn-more-btn a,
.learn-more-btn a:hover,
.learn-more-btn a:focus{
    background-color: #4a77b8;
    font-weight: 460;
    border: 1px solid #fafafa;
    padding-right: 28px;
    color: #fafafa !important;
}

.learn-more-btn a:after {
    color: #ffffff;
    content: "\f061";
    font-size: 16px;
    font-family: FontAwesome;
    width: 18px;
    height: 18px;
    display: inline-block;
    position: relative;
    text-align: center;
    vertical-align: top;
    margin-top: 0px;
    -webkit-font-smoothing: antialiased;
    padding-left: 6px;
}

.ckjm-shop-btn {
}
.ckjm-shop-btn a,
.ckjm-shop-btn a:hover {
    background-color: #4a77b8;
    font-weight: 460;
    border: 1px solid #fafafa;
    padding-right: 28px;
}

.ckjm-shop-btn a:after {
    color: #ffffff;
    content: "\f061";
    font-size: 16px;
    font-family: FontAwesome;
    width: 18px;
    height: 18px;
    display: inline-block;
    position: relative;
    text-align: center;
    vertical-align: top;
    margin-top: 0px;
    -webkit-font-smoothing: antialiased;
    padding-left: 6px;
}

.footer-listen {
}

.footer-listen a,
.footer-listen a:hover {
    background-color: #bb4f4f;
    font-weight: 460;
    border: 1px solid #fafafa;
    padding-left: 28px;
    color: #fafafa !important;
}

.footer-listen a:before {
    color: #fafafa;
    content: "\f001";
    font-size: 16px;
    font-family: FontAwesome;
    width: 18px;
    height: 18px;
    display: inline-block;
    position: relative;
    text-align: center;
    vertical-align: top;
    margin-top: 0px;
    -webkit-font-smoothing: antialiased;
    padding-right: 6px;
}

.content-listen a,
.content-listen a:hover {
    background-color: #dd4f4f;
    font-weight: 460;
    border: 1px solid #fafafa;
    padding-left: 28px;
    color: #fafafa !important;
}

.content-listen a:before {
    color: #fafafa;
    content: "\f001";
    font-size: 16px;
    font-family: FontAwesome;
    width: 18px;
    height: 18px;
    display: inline-block;
    position: relative;
    text-align: center;
    vertical-align: top;
    margin-top: 0px;
    -webkit-font-smoothing: antialiased;
    padding-right: 6px;
}

.content-podcast a,
.content-podcast a:hover {
    background-color: #4a77b8;
    font-weight: 460;
    border: 1px solid #fafafa;
    padding-left: 28px;
    color: #fafafa !important;
}

.content-podcast a:before {
    color: #fafafa;
    content: "\f2ce";
    font-size: 16px;
    font-family: FontAwesome;
    width: 18px;
    height: 18px;
    display: inline-block;
    position: relative;
    text-align: center;
    vertical-align: top;
    margin-top: 0px;
    -webkit-font-smoothing: antialiased;
    padding-right: 6px;
}

.content-emissions a,
.content-emissions a:hover {
    background-color: #4a77b8;
    font-weight: 460;
    border: 1px solid #fafafa;
    padding-left: 28px;
    color: #fafafa !important;
}

.content-emissions a:before {
    color: #fafafa;
    content: "\f025";
    font-size: 16px;
    font-family: FontAwesome;
    width: 18px;
    height: 18px;
    display: inline-block;
    position: relative;
    text-align: center;
    vertical-align: top;
    margin-top: 0px;
    -webkit-font-smoothing: antialiased;
    padding-right: 6px;
}

.footer-mixcloud {
}
.footer-mixcloud a {
    background-color: #4f00ff;
    font-weight: 460;
    border: 1px solid #f79be4;
    padding-left: 28px;
    color: #f79be4 !important;
}
.footer-mixcloud a:before {
    color: #f79be4;
    content: "\f289";
    font-size: 16px;
    font-family: FontAwesome;
    width: 18px;
    height: 18px;
    display: inline-block;
    position: relative;
    text-align: center;
    vertical-align: top;
    margin-top: 0px;
    -webkit-font-smoothing: antialiased;
    padding-right: 10px;
}

.footer-facebook {
}

.footer-facebook a {
    background-color: #0766ff;
    font-weight: 460;
    border: 1px solid #fafafa;
    padding-left: 28px;
}

.footer-facebook a:before {
    color: #ffffff;
    content: "\f09a";
    font-size: 16px;
    font-family: FontAwesome;
    width: 18px;
    height: 18px;
    display: inline-block;
    position: relative;
    text-align: center;
    vertical-align: top;
    margin-top: 0px;
    -webkit-font-smoothing: antialiased;
    padding-right: 6px;
}

.driven-footer-group .has-gris-02-color {
    font-weight: 360;
}

.driven-footer-group {
}
.driven-footer-group a {
    text-decoration: none;
}
.grecaptcha-badge {
    visibility: hidden;
}

.recaptcha-notice a {
    color: #1b6890 !important;
}

.wc-block-components-button,
.wp-block-button__link,
.woocommerce-button {
    color: #fafafa !important;
}

.wp-block-woocommerce-product-button a,  .wp-block-woocommerce-product-button a:active, .wp-block-woocommerce-product-button a:hover, .wp-block-woocommerce-product-button a:focus {
    color: #fafafa !important;
    font-weight: 460;
}


.driven-pay-later {
}

.wp-block-navigation .wp-block-navigation-submenu .wp-block-navigation-item:not(:last-child) {
    margin-bottom: 0px;
    margin-top: 0px !important;
}

.wp-block-add-to-cart-form button {
    color: #ffffff;
}

.driven-footer-group .driven-lang-switch {
    font-weight: 450;
    color: #fafafa;
}

.footer-lang-switcher {
    margin-top: 18px;
}

.driven-mobile-group {
}

/* Container is hidden above the viewport initially */
.driven-mobile-group {
    position: fixed;
    top: -120px; /* adjust based on your header height */
    left: 0;
    width: 100%;
    z-index: 9999;
    transition: top 0.4s ease;
    border-bottom: 1px solid #4a77b8;
}

/* When active, slide into view */
.driven-mobile-group.show-driven {
    top: 0;
}

.driven-mobile-row {
}

.driven-mobile-row nav li a {
    font-weight: 500;
    color: #4a77b8 !important;
    letter-spacing: -0.5px;
}

:lang(en) .wpml-language-switcher-navigation-block {
    margin-top: -4px !important;
}

[data-wpml="language-item"] span {
    font-size: 18px;
}

/*-- Start Tab Style --*/

/*-- Add "hover-tabs" to "driven-tab-group" in order to make tab content transition work with hover instead of click --*/

.driven-tab-group {
}
.tab-buttons {
}
.tab-btn-01 {
}
.tab-content-01 {
}
.tab-button-row {
}
.tab-content-group {
}

strong,
b {
    font-weight: 400;
}

/* Hide all tab content by default */

.driven-tab-group h3 {
    font-size: 26px;
    margin-bottom: 20px;
    margin-top: 0px;
}

.driven-tab-group .tab-content-group > div {
    display: none;
    opacity: 0;
    transition: opacity 0.35s ease;
}

/* Show active tab */
.driven-tab-group .tab-content-group > div.active {
    display: block;
    opacity: 1;
}

/* Active button styling */
.driven-tab-group .tab-button-row .wp-block-button.active a {
    background: var(--wp--preset--color--primary, #15457c);
    color: #fff;
}

/* Optional: hover mode (no JS changes needed) */
.driven-tab-group.hover-tabs .tab-button-row .wp-block-button:hover a {
    background: var(--wp--preset--color--primary, #15457c);
    color: #fff;
}

.driven-box-01 {
    background-color: #fbfbfb;
    padding: 20px 20px;
    padding-left: 20px !important;
    border: 1px #93aad3 solid;
    border-radius: 16px;
    position: relative;
    display: block;
    width: 100%;
    height: auto;
}

.driven-box-01 p {
    margin-block-start: 0.25rem !important;
    margin-block-end: initial !important;
}

.driven-box-01 h2 {
    padding-top: 0px;
    margin-top: 0px;
}

.driven-box-01 h3 {
    padding-top: 0px;
    margin-top: 0px;
    margin-bottom: 10px;
}

:lang(en) .donate-cols div {
    height: 333px;
}
:lang(fr) .donate-cols div {
    height: 350px;
}

.emissions-ckjm .wp-block-accordion-panel {
    border-bottom: 1px solid #cfd9ea;
}
.emissions-ckjm .wp-block-accordion div:last-of-type .wp-block-accordion-panel {
    border-bottom: 0 !important;
}

.wp-block-accordion-heading__toggle-icon {
    color: #93aad3 !important;
}

/*
.is-open .wp-block-accordion-heading__toggle-icon {
    color:#15457c !important;
}
*/
.emissions-ckjm {
}

.emissions-ckjm p {
    padding-bottom: 30px;
}

.emissions-ckjm span {
    color: #15457c;
    text-decoration: none !important;
}

.emissions-ckjm span *:hover {
    text-decoration: none !important;
}

.emissions-ckjm h3 {
    margin-bottom: 0px;
}

.animateur-ckjm {
    font-size: 20px;
}

.weekday-active {
}

.tab-content-group .wp-block-group {
    background-color: #fbfbfb;
    padding: 20px 20px;
    padding-left: 20px !important;
    border: 1px #93aad3 solid;
    border-radius: 16px;
    position: relative;
    display: block;
    width: 100%;
    height: auto;
}

/*-- End Tab Style --*/

/*--- START NAVIGATION ---*/

.wp-block-navigation:not(.has-background) .wp-block-navigation__submenu-container {
    width: 150px !important;
    border: 2px solid #4a77b8;
    border-radius: 9px;
    padding-top: 4px;
    padding-bottom: 8px;
}
.wp-block-navigation-submenu li {
    font-size: 18px !important;
    color: #4a77b8;
    font-weight: 500;
}
.wp-block-navigation .wp-block-navigation-item {
    background-color: transparent !important;
    border: 0px !important;
    outline: none !important;
}

.wp-block-navigation.items-justified-right
    .wp-block-navigation__container
    .has-child
    .wp-block-navigation__submenu-container {
    left: 0;
    right: auto !important;
}
.wp-block-navigation
    .has-child
    .wp-block-navigation-submenu__toggle[aria-expanded="true"]
    ~ .wp-block-navigation__submenu-container,
.wp-block-navigation .has-child:not(.open-on-click):hover > .wp-block-navigation__submenu-container {
    min-width: 150px;
}

/*-- START NAV BTNs --*/

.accueil-mobile {
    text-align-last: center;
}
.accueil-mobile span {
    display: none;
}

.accueil-mobile a {
    background-color: #4a77b8;
    width: 40px;
    height: 40px;
    border-radius: 30px;
    border: 2px solid #f0f0f0;
}

.accueil-mobile a:after {
    font-family: FontAwesome;
    font-size: 24px;
    content: "\f015";
    color: #ffffff;
    font-weight: normal;
    position: relative;
    top: 3px;
}

.driven-header-group {
}

/*--- START Top Menu BTNS ---*/

.driven-header-group .driven-lang-switch {
    background-color: #4a77b8;
    font-weight: 450;
    color: #fafafa;
    text-decoration: none;
    padding: 10px 20px;
    border-radius: 30px;
    border: 2px solid #f0f0f0;
}

.driven-top-home {
    text-align-last: center;
}
.driven-top-home span {
    display: none;
}

.driven-top-home a {
    background-color: #4a77b8;
    width: 40px;
    height: 40px;
    border-radius: 30px;
    border: 2px solid #f0f0f0;
}

.driven-top-home a:after {
    font-family: FontAwesome;
    font-size: 24px;
    content: "\f015";
    color: #ffffff;
    font-weight: normal;
    position: relative;
    top: 3px;
}

.driven-top-about {
    text-align-last: center;
}
.driven-top-about span {
    display: none;
}

.driven-top-about a {
    background-color: #4a77b8;
    width: 40px;
    height: 40px;
    border-radius: 30px;
    border: 2px solid #f0f0f0;
}

.driven-top-about a:after {
    font-family: FontAwesome;
    font-size: 22px;
    content: "\f130";
    color: #ffffff;
    font-weight: normal;
    position: relative;
    top: 6px;
}

.driven-top-contact {
    text-align-last: center;
}
.driven-top-contact span {
    display: none;
}

.driven-top-contact a {
    background-color: #4a77b8;
    width: 40px;
    height: 40px;
    border-radius: 30px;
    border: 2px solid #f0f0f0;
}

.driven-top-contact a:after {
    font-family: FontAwesome;
    font-size: 18px;
    content: "\f0e0";
    color: #ffffff;
    font-weight: normal;
    position: relative;
    top: 8px;
}

.driven-top-account {
    text-align-last: center;
}
.driven-top-account span {
    display: none;
}

.driven-top-account a {
    background-color: #4a77b8;
    width: 40px;
    height: 40px;
    border-radius: 30px;
    border: 2px solid #f0f0f0;
}

.driven-top-account a:after {
    font-family: FontAwesome;
    font-size: 22px;
    content: "\f007";
    color: #ffffff;
    font-weight: normal;
    position: relative;
    top: 5px;
}

.driven-top-cart {
    text-align-last: center;
}
.driven-top-cart span {
    display: none;
}

.driven-top-cart a {
    background-color: #4a77b8;
    width: 40px;
    height: 40px;
    border-radius: 30px;
    border: 2px solid #f0f0f0;
}

.driven-top-cart a:after {
    font-family: FontAwesome;
    font-size: 22px;
    content: "\f07a";
    color: #ffffff;
    font-weight: normal;
    position: relative;
    top: 5px;
}

.driven-top-listen {
    text-align-last: center;
}
.driven-top-listen span {
    display: none;
}

.driven-top-listen a {
    background-color: #cc4f4f;
    width: 40px;
    height: 40px;
    border-radius: 30px;
    border: 2px solid #f0f0f0;
}

.driven-top-listen a:after {
    font-family: FontAwesome;
    font-size: 22px;
    content: "\f001";
    color: #ffffff;
    font-weight: normal;
    position: relative;
    top: 5px;
    right: 1px;
}

.driven-top-mixcloud {
    text-align-last: center;
}
.driven-top-mixcloud span {
    display: none;
}

.driven-top-mixcloud a {
    background-color: #4f00ff;
    width: 40px;
    height: 40px;
    border-radius: 30px;
    border: 2px solid #f79be4;
}

.driven-top-mixcloud a:after {
    font-family: FontAwesome;
    font-size: 24px;
    content: "\f289";
    color: #f79be4;
    font-weight: normal;
    position: relative;
    top: 2px;
}

.driven-top-facebook {
    text-align-last: center;
}
.driven-top-facebook span {
    display: none;
}

.driven-top-facebook a {
    background-color: #0766ff;
    width: 40px;
    height: 40px;
    border-radius: 30px;
    border: 2px solid #f0f0f0;
}

.driven-top-facebook a:after {
    font-family: FontAwesome;
    font-size: 24px;
    content: "\f09a";
    color: #ffffff;
    font-weight: normal;
    position: relative;
    top: 5px;
}

/*-- Start Tooltips --*/

/* Base positioning */
.header-row-top-menu a[data-tooltip] {
    position: relative;
}

/* Tooltip bubble */
.header-row-top-menu a[data-tooltip]::before {
    content: attr(data-tooltip);
    position: absolute;
    margin-top: 40px;
    left: 50%;
    transform: translateX(-50%);
    background: rgba(21, 69, 124, 0.95);
    color: #fff;
    padding: 6px 10px;
    font-size: 12px;
    font-weight: 460;
    line-height: 1.2;
    border-radius: 16px;
    white-space: nowrap;
    opacity: 0;
    pointer-events: none;
    transition:
        opacity 0.18s ease-out,
        transform 0.18s ease-out;
    z-index: 999999;
    border: 1px solid #fafafa;
}

/* Slight upward motion + fade */
.header-row-top-menu a[data-tooltip]:hover::before {
    opacity: 1;
    transform: translateX(-50%) translateY(-6px);
    z-index: 9999999;
}

/*-- End Tooltips --*/

/* Base dot (hidden by default) */
.driven-top-cart:after {
    content: "";
    position: absolute;
    width: 10px;
    height: 10px;
    background: #ff3b30;
    border-radius: 50%;
    top: 0px;
    right: -2px;
    border: 2px solid #ffffff;
    opacity: 0;
    transform: scale(0.5);
    transition:
        opacity 0.2s ease,
        transform 0.2s ease;
    z-index: 999;
}

/* Show dot when cart has items */
body.cart-has-items .driven-top-cart:after {
    opacity: 1;
    transform: scale(1);
}

/*--- END Top Menu BTNS ---*/

/*-- END NAV BTNs --*/

.wp-block-navigation .wp-block-navigation__submenu-icon {
    color: #4a77b8;
    font-weight: 500;
}

/*--- END NAVIGATION ---*/

.contact-facebook {
}

.contact-facebook a {
    background-color: #0766ff;
    font-weight: 460;
    border: 1px solid #fafafa;
    padding-left: 28px;
}

.contact-facebook a:hover {
    font-weight: 460;
}

.contact-facebook a:before {
    color: #ffffff;
    content: "\f09a";
    font-size: 16px;
    font-family: FontAwesome;
    width: 18px;
    height: 18px;
    display: inline-block;
    position: relative;
    text-align: center;
    vertical-align: top;
    margin-top: 0px;
    -webkit-font-smoothing: antialiased;
    padding-right: 6px;
}

.wpcf7-submit {
    cursor: pointer;
    padding-right: 30px !important;
}

.wpcf7-submit:after {
    color: #ffffff;
    content: "\f1d8";
    font-size: 16px;
    font-family: FontAwesome;
    width: 18px;
    height: 18px;
    display: inline-block;
    position: relative;
    text-align: center;
    vertical-align: top;
    margin-top: 3px;
    -webkit-font-smoothing: antialiased;
    padding-left: 8px;
}

.contact-mixcloud {
}
.contact-mixcloud a, .contact-mixcloud a:active, .contact-mixcloud a:hover, .contact-mixcloud a:focus {
    background-color: #4f00ff;
    font-weight: 460;
    border: 1px solid #f79be4;
    padding-left: 28px;
    color: #f79be4 !important;
}
.contact-mixcloud a:hover {
    font-weight: 460;
}
.contact-mixcloud a:before {
    color: #f79be4;
    content: "\f289";
    font-size: 16px;
    font-family: FontAwesome;
    width: 18px;
    height: 18px;
    display: inline-block;
    position: relative;
    text-align: center;
    vertical-align: top;
    margin-top: 0px;
    -webkit-font-smoothing: antialiased;
    padding-right: 10px;
}

.contact-directions a {
    background-color: #4a77b8;
    font-weight: 460;
    border: 1px solid #ffffff;
    padding-right: 28px;
    color: #ffffff !important;
}
.contact-directions a:hover {
    font-weight: 460;
}
.contact-directions a:after {
    color: #ffffff;
    content: "\f041";
    font-size: 18px;
    font-family: FontAwesome;
    width: 18px;
    height: 18px;
    display: inline-block;
    position: relative;
    text-align: center;
    vertical-align: top;
    margin-top: 1px;
    -webkit-font-smoothing: antialiased;
    padding-left: 10px;
}

.iframe-container-02 iframe {
    border: 2px solid #4a77b8 !important;
    border-radius: 9px;
    overflow: hidden;
    height: 600px;
}

.iframe-container iframe {
    border: 2px solid #4a77b8 !important;
    border-radius: 9px;
    overflow: hidden;
    height: 450px;
}

.iframe-class {
    height: 100%;
    width: 100%;
    left: 0;
    top: 0;
    overflow: hidden;
}

.product .quantity {
    /* display: none !important; */
}

/*---- END DRIVEN MAR. - 2026 ----*/

.skip-link {
    display: none;
}

.show-small {
    display: none !important;
    visibility: hidden;
    opacity: 0;
    z-index: -1;
}
.show-desktop {
    visibility: visible;
    opacity: 1;
    display: block !important;
}

.show-smaller {
    display: none !important;
    visibility: hidden;
    opacity: 0;
    z-index: -1;
}

.hideme {
    visibility: hidden; /*- For Fix-to-top --*/
}

/*-- START Navigation --*/

/* WPML */
.wp-block-navigation .wpml-language-switcher-navigation-block ul.horizontal-list {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    margin: 0 !important;
    gap: 1.5em !important;
}
.wpml-language-switcher-navigation-block ul li:nth-child(2) {
    color: #ffffff !important;
    background-color: transparent !important;
    border: 0px solid #ffffff !important;
    border-radius: 24px;
    font-weight: 700 !important;
    line-height: inherit;
    letter-spacing: 0px;
    padding-top: initial !important;
    padding-bottom: initial !important;
    padding-left: initial !important;
    text-decoration: none;
    padding-right: initial !important;
}
.wpml-ls-legacy-list-horizontal a {
    display: block;
    text-decoration: none;
    padding: 5px 0px 2px 10px;
    line-height: initial;
}

.wpml-ls-legacy-list-horizontal {
    padding-right: 0px;
}

:lang(en) .current-language-item {
    display: none !important;
    visibility: hidden !important;
}
:lang(fr) .menu-lang-switch .horizontal-list li:nth-child(n + 2) {
    display: none !important;
    visibility: hidden !important;
}

:lang(en) .horizontal-list [data-wpml="current-language-item"] {
    display: none !important;
    visibility: hidden !important;
}

.driven-top-row .menu-lang-switch span {
    color: #1b6890;

    letter-spacing: 1px;
    font-size: 12px;
    line-height: 12px;
    padding: 5px 4px;
}
.driven-top-row .wp-block-navigation .wp-block-navigation-submenu .wp-block-navigation-item:not(:last-child) {
    margin-bottom: 0px;
}

:lang(en) .lang-btn {
    margin-top: 0px;
}
:lang(fr) .lang-btn {
    margin-top: -4px;
}

.driven-top-row .lang-btn a {
    font-size: 12px;
    text-transform: uppercase;
    background-color: #f6f6f6;
    padding: 2px 6px;
    border: 1px solid #4a77b8;
    border-radius: 4px;
    margin-left: 6px;
}

.driven-bottom-row .driven-btn a,
.driven-bottom-row p a {
    font-size: 12px;
    text-transform: uppercase;
    background-color: #f6f6f6;
    padding: 8px 8px;
    border: 1px solid #4a77b8;
    border-radius: 4px;
    text-decoration: none;
    color: #1b6890 !important;
    font-weight: 600;
    letter-spacing: 1px;
    line-height: 12px;
    display: flex;
}

.driven-bottom-row [data-wpml="language-item"]:first-of-type {
    margin-top: 0px !important;
}

.tools-btn {
}

.tools-btn a:before {
    content: "\f0ad";
    font-size: 14px;
    font-family: FontAwesome;
    width: 12px;
    height: 12px;
    display: block;
    position: relative;
    color: #1b6890;
    text-align: center;
    vertical-align: top;
    margin-top: -1px;
    -webkit-font-smoothing: antialiased;
    margin-right: 6px;
}

.btn-retour a:before {
    color: #ffffff;
    content: "\f060";
    font-size: 18px;
    font-family: FontAwesome;
    width: 20px;
    height: 20px;
    display: inline-block;
    position: relative;
    text-align: center;
    vertical-align: top;
    margin-top: 0px;
    -webkit-font-smoothing: antialiased;
    padding-right: 9px;
}

.btn-retour a {
    padding-top: 10px;
    padding-right: 20px;
    padding-bottom: 10px;
    padding-left: 16px;
}

.siteplan-btn a:before {
    content: "\f278";
    font-size: 14px;
    font-family: FontAwesome;
    width: 12px;
    height: 12px;
    display: block;
    position: relative;
    color: #1b6890;
    text-align: center;
    vertical-align: top;
    margin-top: -1px;
    -webkit-font-smoothing: antialiased;
    margin-right: 11px;
}

.totop:before {
    content: "\f062";
}

.totop {
    font-size: 20px;
    font-family: FontAwesome;
    width: 30px;
    height: 30px;
    display: block;
    position: relative;
    background-color: #4a77b8;
    border: 1px solid #fff;
    border-radius: 30px;
    color: #fff;
    text-align: center;
    vertical-align: top;
    -webkit-font-smoothing: antialiased;
    font-weight: initial;
    cursor: pointer;
}

:lang(en) .driven-top-row [data-wpml-label-type="native"] {
    font-weight: 600;
}

.driven-top-row {
    column-gap: 0px;
}
.driven-top-row nav {
    padding-left: 3px;
}
.top-contact-row {
    margin-top: 6px !important;
    gap: 20px;
}

.vert-sep:before {
    content: "";
    display: inline-block;
    border-left-color: #4a77b8;
    height: 18px;
    border-left-width: 1px;
    border-left-style: solid;
    margin: 0 3px;
    color: transparent;
    margin-bottom: -4px;
}

/*-- END Navigation --*/

/*-- START Header Layout --*/

.Local_Date_Time-fr p,
.Local_Date_Time p {
    margin-top: 0px;
    margin-bottom: 0px;
}
.driven-top-group {
}

.driven-top-group a {
    color: #023956;
}

.driven-bottom-group a {
    color: #023956;
    font-size: 18px;
    font-weight: 600;
}

.driven-bottom-group :is(a, p, div),
.driven-top-group :is(a, p, div) {
    text-decoration: none;
    word-break: keep-all;
    overflow-wrap: normal;
}

.driven-top-group-inner {
}
.driven-top-columns {
}
.driven-top-column-01 {
}

.driven-top-column-01 div {
    gap: 10px;
}
.driven-logo img {
    width: 60px;

    height: auto;
}
.driven-sitetitle {
}

.driven-top-column-02 {
}
.driven-top-menu {
}

.driven-top-row {
    font-weight: 600;

    font-size: 16px !important;
    color: #1b6890;
}

.full-width-line {
}

.driven-tel a,
.driven-email a {
    display: block;
}

.driven-tel a:before {
    content: "\f098";
    font-size: 19px;
    font-family: FontAwesome;
    display: block;
    vertical-align: top;
    margin-right: 0px;
    height: 19px;
    width: 19px;
    -webkit-font-smoothing: antialiased;
    float: left;
    text-align: left;
    color: #1b6890;
    top: 0;
    margin-top: 0px;
    font-weight: normal;
    position: relative;
    align-content: start;
}
.driven-email a:before {
    content: "\f0e0";
    font-size: 17px;
    font-family: FontAwesome;
    display: block;
    vertical-align: top;
    margin-right: 2px;
    height: 20px;
    width: 20px;
    -webkit-font-smoothing: antialiased;
    float: left;
    text-align: left;
    color: #1b6890;
    top: 0;
    margin-top: 0px;
    font-weight: normal;
    position: relative;
    align-content: start;
}

/*-- END Header Layout --*/

/*-- START Buttons --*/

.go-button a:after {
    content: "\f061";
    font-size: 16px;
    font-family: FontAwesome;
    display: block;
    vertical-align: top;
    margin-left: 3px;
    height: 20px;
    width: 20px;
    -webkit-font-smoothing: antialiased;
    float: right;
    text-align: right;
    color: #ffffff;
    top: 0;
    margin-top: 2px;
    font-weight: normal;
}

.download-button a:after {
    content: "\f019";
    font-size: 16px;
    font-family: FontAwesome;
    display: block;
    vertical-align: top;
    margin-left: 3px;
    height: 20px;
    width: 20px;
    -webkit-font-smoothing: antialiased;
    float: right;
    text-align: right;
    color: #ffffff;
    top: 0;
    margin-top: 2px;
    font-weight: normal;
}

.wp-block-read-more:after {
    content: "\f061";
    font-size: 16px;
    font-family: FontAwesome;
    display: block;
    vertical-align: top;
    margin-left: 3px;
    height: 20px;
    width: 20px;
    -webkit-font-smoothing: antialiased;
    float: right;
    text-align: right;
    color: #ffffff;
    top: 0;
    margin-top: 0px;
    font-weight: normal;
}

.wp-block-read-more:after {
    content: "\f061";
    font-size: 16px;
    font-family: FontAwesome;
    display: block;
    vertical-align: top;
    margin-left: 3px;
    height: 20px;
    width: 20px;
    -webkit-font-smoothing: antialiased;
    float: right;
    text-align: right;
    color: #ffffff;
    top: 0;
    margin-top: 1px;
    font-weight: normal;
}

.return-btn a:before {
    content: "\f060";
    font-size: 16px;
    font-family: FontAwesome;
    display: block;
    vertical-align: top;
    margin-right: 3px;
    height: 20px;
    width: 20px;
    -webkit-font-smoothing: antialiased;
    float: left;
    text-align: left;
    color: #ffffff;
    top: 0;
    margin-top: 1px;
    font-weight: normal;
}

.return-btn a {
    padding-left: 24px !important;
    padding-right: 24px !important;
    padding-top: 10px;
    padding-bottom: 10px;
    font-size: 18px;
    font-weight: 600;
}

.btn-menu {
    background-image: url(https://www.ckjmfm.ca/wp-content/uploads/driven-menu-word.webp);
    width: 144px;
    height: 54px;
    display: block;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    vertical-align: text-top;
    border: none;
    cursor: pointer;
}

/*-- END Buttons --*/

/*-- START Footer Icons --*/
.foot-address:before {
    content: "\f041";
    font-size: 19px;
    font-family: FontAwesome;
    display: block;
    vertical-align: top;
    margin-right: 3px;
    height: 20px;
    width: 20px;
    -webkit-font-smoothing: antialiased;
    float: left;
    text-align: left;
    color: #f8db32;
    top: 0;
    margin-top: 0px;
    font-weight: normal;
    position: relative;
    align-content: start;
    margin-bottom: 32px;
}

/*-- END Footer Icons --*/

/*-- START WPML --*/
[data-wpml="language-item"]:first-of-type {
    display: block;
}
/*-- END WPML --*/

.wp-block-navigation__responsive-container-close.wp-block-navigation__responsive-container-close.wp-block-navigation__responsive-container-close {
    font-family: inherit;
    font-size: inherit;
    font-weight: inherit;
    color: #ffffff;
    background-color: #4a77b8;
    padding: 4px;
    border-radius: 16px;
    border: solid 1px #fafafafa;
}

/* Media queries – RB - March 2026 */
/* IMPORTANT: Media queries: Substract 15px when measuring width using the browser's Responsive design mode. */

@media screen and (min-width: 1440px) {
}

@media screen and (max-width: 1224px) {
}

@media screen and (max-width: 1200px) {
    .bbb-slider-nav-position-center {
        padding-left: 24px !important;
        padding-right: 24px !important;
    }

    .driven-header-cols {
        column-gap: 10px;
    }
    .header-col-01 {
    }
    .header-col-02 {
    }

    .header-row-big-menu {
        padding-left: 22px !important;
        padding-right: 22px !important;
    }

    .header-row-big-menu ul {
        column-gap: 20px;
    }

    .driven-footer-group .footer-listen a,
    .driven-footer-group .footer-mixcloud a,
    .driven-footer-group .footer-facebook a {
        padding-left: 16px;
        padding-right: 18px;
        padding-top: 12px;
        padding-bottom: 12px;
    }

    .driven-footer-group .wp-block-buttons {
        column-gap: 10px;
    }

    .footer-cols-01-a .learn-more-btn a {
        padding-left: 20px;
        padding-right: 18px;
        padding-top: 12px;
        padding-bottom: 12px;
    }

    .footer-cols-01 {
    }

    .footer-cols-01-a {
    }

    .footer-cols-01-a p {
        font-size: 15px !important;
    }

    .footer-cols-01-b {
    }

    .footer-cols-01-b ul,
    .footer-cols-01-b .driven-lang-switch {
        font-size: 16px !important;
    }

    .footer-cols-01-c {
    }
    .footer-cols-01-c p {
        font-size: 15px !important;
    }

    .footer-cols-02 {
        column-gap: 20px;
        row-gap: 10px;
    }
    .footer-cols-02-a {
        display: inline-flex;
        width: 99%;
    }
    .footer-cols-02-a p {
        font-size: 15px !important;
    }
    .footer-cols-02-b {
        flex-basis: 0%;
    }

    .footer-cols-02-c {
        display: inline-flex;
        width: 99%;
    }

    .driven-footer-group-02 {
        padding-left: 10px;
        padding-right: 10px;
    }
}

@media screen and (max-width: 960px) {
    .slide-spacer-01 {
    }
    .slide-spacer-02 {
        height: 10px !important;
    }

    .wp-block-blablablocks-slider {
        padding-left: 0px !important;
        padding-right: 0px !important;
    }
    .wp-block-blablablocks-slide {
    }

    .wp-block-blablablocks-slide .wp-block-cover {
        margin-right: 0px !important;
        padding-left: 0px !important;
        padding-right: 0px !important;
        min-height: 400px !important;
    }
    .header-row-top-menu {
        column-gap: 8px;
    }

    .header-row-top-menu nav ul {
        column-gap: 6px;
    }

    .menu-principal-entete ul li {
        font-size: 18px !important;
    }
    .header-row-big-menu {
        padding-top: 12px !important;
        padding-bottom: 12px !important;
    }

    .driven-footer-group {
        padding-top: 30px !important;
    }

    .footer-cols-01 {
        display: inline-block !important;
    }

    .footer-cols-01-a {
    }

    .footer-cols-01-a p {
    }
    .footer-cols-01-b {
        width: 50%;
        float: left;
        padding-right: 20px;
    }
    .footer-cols-01-c {
        width: 45%;
        float: left;
    }

    .footer-cols-01-a .wp-block-buttons {
        display: block !important;
        margin-bottom: 40px;
    }

    .footer-cols-02 {
        display: inline-block !important;
    }

    .footer-cols-02-a {
        margin-bottom: 60px !important;
    }

    .footer-spacer-01 {
        height: 20px !important;
    }
    .footer-spacer-02 {
        display: none;
    }

    .funded-logos img {
        max-width: 180px;
    }

    .footer-cols-02-c p {
        padding-left: 10%;
        padding-right: 10%;
    }

    .footer-menus-row .wp-block-columns div {
        flex-basis: 40% !important;
    }

    .footer-menu-cols {
        display: inline-block !important;
    }

    .footer-menu-col-a {
        width: 50%;
        float: left;
    }

    .footer-menu-col-b {
    }
}

@media screen and (max-width: 835px) {
    .driven-header-group {
        padding-left: 10px;
        padding-right: 10px;
    }
    .accueil-mobile a {
        width: 30px;
        height: 30px;
    }
    .accueil-mobile a:after {
        font-size: 20px;

        top: 1px;
    }

    .mobile-lang-switcher {
        padding: 8px 16px;
        border-radius: 30px;
    }

    .driven-header-cols {
        display: inline-block !important;
        width: 100%;
    }
    .header-col-01 {
        text-align: center;
    }
    .header-col-01 img {
        max-width: 300px;
        margin-bottom: 30px;
        width: 100%;
        height: auto;
    }
    .header-col-02 div {
        align-items: center;
    }

    .driven-mobile-row [data-wpml="language-item"] span {
        font-size: 18px;
    }

    .driven-mobile-row ul {
        column-gap: 14px;
    }
    .driven-mobile-row ul li ul li {
        font-size: 16px !important;
    }

    .driven-mobile-row ul {
        row-gap: 14px !important;
    }
}

@media screen and (max-width: 782px) {
    :lang(en) .donate-cols div {
        height: auto;
    }
    :lang(fr) .donate-cols div {
        height: auto;
    }

    .driven-mobile-row nav li a {
        font-size: 20px;
    }
    .donate-cols-02 {
        row-gap: 10px;
    }
    .donate-group-02 div {
        align-items: flex-start;
    }
    .bouton-faire-un-don {
        padding-top: 0px;
        padding-bottom: 0px;
        margin-top: 0px;
    }
    
  

    .wp-block-navigation
        .has-child
        .wp-block-navigation__submenu-container
        > .wp-block-navigation-item
        > .wp-block-navigation-item__content {
        padding-top: 7px;
        padding-bottom: 8px;
    }

    .wp-block-navigation__responsive-container.is-menu-open
        .wp-block-navigation__responsive-container-content
        .has-child
        .wp-block-navigation__submenu-container {
        padding-bottom: 0px !important;
    }

    .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content {
        padding-top: 20px !important;
    }

    .wp-block-navigation__submenu-container {
        padding-top: 8px !important;
        padding-bottom: 8px !important;
    }

    .wp-block-navigation__submenu-container li:last-child > a {
        padding-bottom: 0px !important;
    }

    .slide-spacer-01 {
        height: 10px !important;
    }
    .slide-spacer-02 {
        height: 4px !important;
    }

    .wp-block-blablablocks-slide .wp-block-cover {
        margin-right: 0px !important;
        padding-left: 0px !important;
        padding-right: 0px !important;
    }
    .slides-cols {
        flex-wrap: nowrap !important;
    }

    .woocommerce .wp-block-woocommerce-product-image-gallery {
        margin-left: auto;
        margin-right: auto;
    }

    .wp-block-navigation__responsive-container.is-menu-open {
        row-gap: 12px !important;
    }

    .accueil-mobile span {
        display: block;
    }
    .accueil-mobile a {
        background-color: transparent;
        width: initial;
        height: initial;
        border-radius: 0px;
        border: 0px solid #f0f0f0;
    }

    .accueil-mobile a:after {
        font-size: 0px;
        content: "";
        top: 0px;
    }

    .show-small {
        display: block !important;
        visibility: visible;
        opacity: 1;
    }
    .show-desktop {
        visibility: hidden;
        opacity: 0;
        display: none !important;
        z-index: -1;
    }
    .wp-block-navigation__responsive-container-open:before {
        content: "MENU";
        font-size: 17px;
        margin-top: 2px;
        color: #fafafa;
        font-weight: 460;
    }

    .wp-block-navigation__responsive-container-open svg {
        color: #fafafa;
    }

    .wp-block-navigation__responsive-container-open {
        display: flex !important;
        padding-top: 8px;
        padding-bottom: 8px;
        padding-left: 17px;
        padding-right: 10px;
        border: 2px solid #fff;
        border-radius: 26px;
        outline: none;
        background-color: #4a77b8;
    }

    .footer-cols-02-c p {
        padding-left: 0%;
        padding-right: 0%;
    }

    .footer-menu-cols {
        display: inline-block !important;
    }

    .footer-menu-col-a {
        width: 50%;
        display: block;
        float: left;
    }
    .footer-menu-col-b {
    }

    .footer-cols-01-b {
        width: 50%;
        float: left;
        padding-right: 10px;
    }
    .footer-cols-01-c {
        width: 47%;
        float: left;
    }
}

@media screen and (max-width: 610px) {
    
    .driven-slider  {
padding-top: 20px !important;
    padding-bottom: 20px !important;
}
    
    .slides-col-01 h1 {
        font-size: 1.5em !important;
    }

    .slides-col-01 h2 {
        font-size: 1.25em !important;
    }

    .driven-mobile-row {
        z-index: 999999 !important;
    }

    .show-smaller {
        display: block !important;
        visibility: visible;
        opacity: 1;
        z-index: 1;
    }
    .hide-smaller {
        visibility: hidden;
        opacity: 0;
        display: none !important;
        z-index: -1;
    }

    .header-row-top-menu {
        column-gap: 4px;
    }

    .header-row-top-menu nav ul {
        column-gap: 4px;
    }
    .mobile-lang-switcher {
        margin-bottom: 30px;
    }
}

@media screen and (max-width: 585px) {
    
    
    
    .slides-col-02 img {
        max-width: 280px;
        height: auto;
        margin-left: auto;
        margin-right: auto;
        display: block;
    }
    .slides-col-02 {
        height: 220px;
    }
    .slides-cols {
        flex-wrap: wrap !important;
    }

    .slide-spacer-01 {
        height: 2px !important;
    }
    .slide-spacer-02 {
        height: 10px !important;
    }
    .footer-cols-01-b {
        width: 100%;
        padding-right: 10px;
        margin-bottom: 30px !important;
    }
    .footer-cols-01-c {
        width: 100%;
    }
    /*
    .footer-cols-02-a {
max-width: 80%;
}
    .footer-cols-02-c {
max-width: 80%;
}
    .driven-footer-group-02 {
        padding-left: 20px;
padding-right: 20px;
    }
    */

    .fix-to-top {
    }
}

@media screen and (max-width: 460px) {
    .slides-col-02 {
        height: 190px;
    }
    .slide-spacer-01 {
        display: block !important;
        height: 10px !important;
    }
    .driven-footer-group-02 {
        padding-top: 60px !important;
        padding-bottom: 30px !important;
    }

    .footer-logo img {
        max-width: 100%;
    }

    .funded-stack {
        row-gap: 10px;
    }

    .funded-logos {
        flex-wrap: wrap;
        padding-left: 0px !important;
        row-gap: 10px;
    }

    .fix-to-top {
        position: fixed;
        right: initial;
        bottom: 80px;
        z-index: 999;
        opacity: 0;
        left: 50% !important;
        transform: translateX(-50%);
    }
}

@media screen and (max-width: 375px) {
    .bbb-slider-nav-position-center .bbb-slider-nav-container .swiper-button-next,
    .bbb-slider-nav-position-center .bbb-slider-nav-container .swiper-button-prev {
        display: none;
    }
    .slides-col-02 img {
        max-width: 90%;
    }

    .slides-col-02 {
        height: 180px;
    }

    .slide-spacer-01 {
        display: block !important;
        height: 10px !important;
    }
    .slide-spacer-02 {
        display: none !important;
    }

    .driven-tab-group {
        flex-wrap: wrap;
    }

    .tab-button-row {
        flex-wrap: wrap;
        flex-basis: 100%;
    }
    .tab-buttons {
        justify-content: center !important;
    }
}