/*
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%;

    scroll-behavior: smooth !important;
    scrollbar-color: #4679b9 #dfdfdf;
    scrollbar-width: auto;

    background-color: #efefef;
}

body {
    width: 100%;
    overflow-x: hidden !important;
    overflow-y: scroll !important;
    touch-action: auto !important;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    
}


/*-- Start Unordered Lists SUBMENU --*/

/* Edit Modal to align to top */
.fancybox__slide:before {
    margin: initial !important;
    margin-left: auto !important;
    margin-right: auto !important;
    margin-top: 0px !important;
}

.mobile-menu-lang {
    margin-top: 8px;
    padding-inline-start: 40px;
}
:lang(en) .mobile-menu-lang ul li:first-of-type {
    list-style: disc outside none !important;
    display: list-item !important;
    margin-top: 0px !important;
}
:lang(fr) .mobile-menu-lang ul li:last-of-type {
    list-style: disc outside none !important;
    display: list-item !important;
}
.mobile-top-nav-col-02 ul li:last-of-type {
    margin-bottom: 0px !important;
}
.current-language-item {
    display: none !important;
}

/* Hide nested ULs by default */
.mobile-top-nav-cols ul ul {
    display: none;
    padding-left: 15px;
}

/* Chevron toggle */
.mobile-toggle {
    float: right;
    font-size: 14px;
    cursor: pointer;
    padding: 9px 9px;
    transition: transform 0.25s ease;
    background-color: var(--cf7-accent);
    color: #f7f7f7;
    border-radius: 20px;
}
/* Rotate when active */
.mobile-toggle.active {
    transform: rotate(180deg);
}

/*-- End Unordered Lists SUBMENU --*/

.journal-grid {
    row-gap: 36px;
}

.journal-grid img {
    max-width: 212px !important;
}

.image-box-01 img {
    border: 4px #4679b9 solid;
    border-radius: 18px;
    box-shadow: inset 0px 0px 0px 3px rgba(13, 89, 164, 1);
}

.content-group-01 {
}
.content-group-02 {
}
h1 {
    font-weight: 600;
    font-stretch: 80%;
    font-size: 60px;
    word-break: keep-all;
}
.wp-block-post-title {
    padding-bottom: 10px;
}

h2 {
    font-weight: 600;
    font-stretch: 80%;
    font-size: 46px;
    word-break: keep-all;
}
h3 {
    font-weight: 600;
    font-stretch: 80%;
    font-size: 36px;
    word-break: keep-all;
}
h4 {
    font-weight: 600;
    font-stretch: 80%;
    font-size: 28px;
    word-break: keep-all;
}
:where(h1, h2, h3, h4) a {
    color: #4679b9;
    text-decoration: none;
    font-weight: 650;
}

strong,
b {
    font-weight: 560;
}

main p,
main li {
    font-size: 28px;
    font-stretch: 80%;
}
main p strong,
main li strong {
    font-stretch: 70% !important;
    font-weight: 560;
    letter-spacing: -0.2px;
}
main p a,
main li a {
    color: #4679b9;
    font-weight: 500;
    text-decoration: none;
}

main .wp-block-buttons .wp-block-button__link {
    font-stretch: 70%;
    font-size: 22px;
}

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

/*--- START OURSIDE ---*/

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


/*--- END OURDISE ---*/

.more-post-pattern a {
    font-family: "Zalando Sans", sans-serif !important;
}

.wp-block-details summary {
    font-weight: 500;
    color: #4679b9;
    font-size: 28px;
font-stretch: 80%;
}

.reach-out-btn a {
    color: #ffffff !important;
    padding: 10px 20px;
    background-color: #f05623;
border-radius: 26px;
}

/*-- START - Mobile Menu Page --*/

.mobile-top-group {
}

.mobile-top-cols {
}

.mobile-top-col-01 {
    flex-basis: 33.33% !important;
}
.mobile-top-col-02 {
    flex-basis: 66.66% !important;
}

.mobile-top-nav-group {
}
.mobile-top-nav-cols {
}
.mobile-top-nav-col-01 {
}
.mobile-top-nav-col-02 {
}
.mobile-group-01 {
}
.mobile-group-02 {
}

#driven-menu ul a {
    color: #4679b9;
    font-weight: 500;
    text-decoration: none;
    font-stretch: 80%;
    font-size: 22px;
}
#driven-menu li {
    color: #84acd0;
}
#driven-menu ul li ul li {
    color: #b9d0e6;
    list-style: disc;
}

#driven-menu ul li ul {
    padding-inline-start: 18px;
}

#driven-menu li::marker {
    font-size: 1.2em;
}

/*-- END - Mobile Menu Page --*/
/*-- 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: #4679b9;
}


/* With Fancy Box */

.hide-scrollbar ::-webkit-scrollbar {
    -webkit-appearance: initial;
    width: 0px !important;
}

.hide-scrollbar ::-webkit-scrollbar-track {
    background-color: initial;
    border-radius: initial;
}

.hide-scrollbar ::-webkit-scrollbar-thumb {
    border-radius: initial;
    background-color: initial;
}

/*-- END - Scrollbar --*/

/*---- START FANCYBOX ----*/
.fancybox__container {
    --fancybox-bg: rgba(14, 91, 168, 0.77);
    z-index: 999999;

    /* --fancybox-bg: rgba(14, 91, 168, 0.77); backdrop-filter: blur(3px); -webkit-backdrop-filter: blur(3px); */
}

.fancybox-hide {
    display: none;
}

.is-closing {
}

.is-close-btn {
    background-image: url(https://www.ourside.ca/wp-content/uploads/driven-close-01.webp);
    width: 60px;
    height: 60px;
    display: block;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    opacity: 1 !important;
    background-color: transparent !important;
}

.is-close-btn svg {
    display: none;
}

.fancybox__content {
    width: 94%;
    border-radius: 30px;
    border: 3px solid #205caa !important;
    vertical-align: top !important;
    margin-top: 20px !important;
    background-color: #fafafa;
    margin-bottom: 20px;
}

#driven-menu {
}

#driven-menu .wp-block-list li {
    margin-bottom: 10px;
}

.hide_overflow {
    /* overflow: hidden !important; */
    overflow-y: scroll !important;
    overflow-x: initial !important;
}

.compensate-for-scrollbar {
    margin-right: 0px !important;
}

#fancybox-container-1 {
    overflow-y: scroll !important;
}

.fancybox-active {
    /*  overflow: hidden !important; */
    overflow-y: scroll !important;
    overflow-x: hidden !important;
    touch-action: auto !important;
}
.fancybox-stage {
    overflow-y: scroll !important;
}
.fancybox-inner {
    touch-action: auto !important;
    display: block;
}
.fancybox-container {
}

.fancybox-caption-wrap {
    display: none;
}

.fancybox-slide {
    min-height: 100%;
    overflow-y: scroll !important;
    touch-action: auto !important;
}
.fancybox-slide div {
    min-height: 100%;
    overflow-y: scroll !important;
    touch-action: auto !important;
}

.fancybox-slide > * {
    width: 94%;
    border-radius: 30px;
    border: 2px solid #205caa !important;
    vertical-align: top !important;
    margin-top: 30px !important;
    background-color: #fafafa;
}
/*---- END FACNYBOX ----*/

/*---- START GALLERY ----*/

html.has-lightbox body.hidden-scroll {
    width: auto;
    margin-right: calc(var(--fancybox-body-margin, 0px) + var(--fancybox-scrollbar-compensate, 0px));
    overflow: hidden !important;
    overscroll-behavior-y: none;
}

.ngg-galleryoverview.default-view .ngg-gallery-thumbnail img {
    border-radius: 9px;
    border: solid #4679b9 3px;
    margin: 8px 6px;
    box-shadow: 4px 4px 0px 0px rgba(13, 89, 164, 0.4);
}
.sl-image img {
    border-radius: 12px;
    border: solid #4679b9 4px !important;
    margin: 6px 4px !important;
    box-shadow: inset 0px 0px 0px 3px rgba(13, 89, 164, 1);
}

/*---- END GALLERY ----*/

/*---- START HEADER AREA ----*/

.hdr-mainmenu-01 {
    display: none;
}

.driven-top-menu {
    column-gap: 5px;
}
.header-logo-container {
}

.driven-header-logo img {
    margin-top: -10px;
}
.driven-main-menu {
    flex-wrap: nowrap;
}

.header-top-menu-row {
}

.top-menu-row {
    /* max-height: 48px; */
}

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

.driven-top-facebook a:link {
    background-color: #4679b9;
    width: 44px;
    height: 44px;
    border-radius: 30px;
    border: none;
}

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

.search-btn span {
    display: none;
}

.search-btn {
    text-align-last: center;
}

.search-btn a:link,
.search-btn a:visited {
    background-color: #4679b9;
    width: 44px;
    height: 44px;
    border-radius: 30px;
    border: 2px solid #f0f0f0;
}
.search-btn a:before {
    font-family: FontAwesome;
    font-size: 22px;
    position: relative;
    content: "\f002";
    color: #ffffff;
    top: 5px;
    font-weight: normal;
}

.lang-btn * {
    margin-bottom: 0px !important;
    margin-top: 0px !important;
}

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

.menu-lang-switch .horizontal-list .wp-block-navigation-item {
    margin-top: 0px !important;
}

.lang-btn {
    margin-top: 0px !important;
}

.wp-block-navigation-item__label {
    line-height: 25px;
}

.lang-btn a {
    color: #ffffff !important;
    background-color: #4679b9 !important;
    border: 2px solid #ffffff !important;
    border-radius: 24px;
    font-weight: 500 !important;
    line-height: inherit;

    padding-top: 9px;
    padding-right: 1rem;
    padding-bottom: 10px;
    padding-left: 1rem;
    text-decoration: none;
    margin-left: 0px;
    font-stretch: 70%;
    font-size: 22px;
    margin-left: 5px;
}

.button-link a {
    color: #ffffff !important;
    background-color: #4679b9 !important;
    border: 2px solid #ffffff !important;
    border-radius: 24px;
    font-weight: 500 !important;
    line-height: inherit;

    padding-top: 7px;
    padding-right: 1rem;
    padding-bottom: 7px;
    padding-left: 1rem;
    text-decoration: none;
    margin-left: 0px;
    font-stretch: 70%;
    font-size: 22px;
}

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

.home-btn a:link,
.home-btn a:visited {
    background-color: #4679b9;
    width: 44px;
    height: 44px;
    border-radius: 30px;
    border: 2px solid #f0f0f0;
}
.home-btn a:before {
    font-family: FontAwesome;
    font-size: 26px;
    position: relative;
    content: "\f015";
    color: #ffffff;
    top: 4px;
    font-weight: normal;
    margin-left: 1px;
}

:lang(en) .home-btn a:before {
    margin-left: 0px;
}

/*---- END HEADER AREA ----*/

/*---- START FOOTER AREA ----*/

.driven-footer {
}

.footer-group-01 {
}

.footer-logo-container {
}

.driven-footer-logo {
}
.bottom-group {
}

.footer-cols {
}
.footer-col-01 {
}
.footer-col-02 {
}
.footer-col-03 {
}

.footer-nav-col-01 {
}
.footer-nav-col-02 {
}

.footer-group-01 {
    font-stretch: 70% !important;
}

.bottom-group p {
    font-stretch: 70% !important;
    font-size: 22px !important;
    padding-bottom: 6px;
}

.bottom-group a {
    text-decoration: none;
    color: #84acd0;
    font-weight: 450;
    font-stretch: 70% !important;
}

.normal-style {
    font-stretch: 100% !important;
}

.footer-group-01 .wp-block-button.is-style-outline--2 .wp-block-button__link {
    border-width: 2px !important;
    font-size: 20px;
    font-weight: 500;
}

.footer-group-01 .wp-block-button a:focus,
.footer-group-01 .wp-block-button a:active {
    border: 2px !important;
    border-width: 2px !important;
    outline: 2px !important;
    border-style: solid !important;
}
.footer-group-01 .learn-more a:after {
    content: "\f061";
    font-size: 18px;
    font-family: FontAwesome;
    display: block;
    vertical-align: top;
    margin-left: 3px;
    height: 20px;
    width: 20px;
    -webkit-font-smoothing: antialiased;
    float: right;
    text-align: right;
    top: 0;
    margin-top: 3px;
}

.footer-group-01 .facebook-footer a {
    font-size: 20px !important;
}

.footer-group-01 .facebook-footer a:before {
    color: #f7f7f7;

    content: "\f09a";
    font-size: 18px;
    font-family: FontAwesome;
    width: 18px;
    height: 18px;
    display: inline-block;
    position: relative;
    text-align: center;
    vertical-align: top;
    margin-top: 2px;
    -webkit-font-smoothing: antialiased;
    padding-right: 0px;
}

.spacer-col-01 {
}
.spacer-col-02 {
}

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

.driven-footer .learn-more a {
    font-size: 20px !important;
}

/*---- END FOOTER AREA ----*/

/*---- START POST and SINGLE POST PAGE ----*/

.audio-box-01 {
}

.audio-box-01:before {
    height: 30px;
    display: block;
    width: auto;
    position: relative;
}

.video-box-01 iframe {
    border: 3px #4679b9 solid;
    border-radius: 16px;
    box-shadow: inset 0px 0px 0px 3px rgba(13, 89, 164, 1);
    margin-top: 30px;
}

.single-post .attachment-post-thumbnail, .attachment-post-thumbnail {
    border: 4px #4679b9 solid !important;
    border-radius: 18px !important;
    box-shadow: inset 0px 0px 0px 3px rgba(13, 89, 164, 1) !important;
}

.page-id-138 .hentry,
.page-id-139 .hentry,
.page-id-134 .hentry,
.page-id-135 .hentry {
    background-color: #fcfcfc;
    border: 3px #4679b9 solid;
    border-radius: 16px;
    position: relative;
    display: block;
    width: 100%;
    height: auto;
    padding-bottom: 30px;

    box-shadow: 4px 4px 0px 0px rgba(13, 89, 164, 0.4);
}

.page-id-138 .hentry h2,
.page-id-138 .hentry p,
.page-id-139 .hentry h2,
.page-id-139 .hentry p,
.page-id-134 .hentry h2,
.page-id-134 .hentry p,
.page-id-135 .hentry h2,
.page-id-135 .hentry p {
    padding-left: 20px !important;
    padding-right: 20px !important;
}
.page-id-138 .hentry .wp-block-read-more,
.page-id-139 .hentry .wp-block-read-more,
.page-id-134 .hentry .wp-block-read-more,
.page-id-135 .hentry .wp-block-read-more {
    margin-left: 20px;
}
.page-id-138 .wp-post-image,
.page-id-139 .wp-post-image,
.page-id-134 .wp-post-image,
.page-id-135 .wp-post-image {
    border-top-left-radius: 12px;
    border-top-right-radius: 12px;
}

.attachment-post-thumbnail {
    box-shadow: inset 0px 0px 0px 3px rgba(13, 89, 164, 1);
}
.attachment-thumbnail {
    box-shadow: inset 0px 0px 0px 3px rgba(13, 89, 164, 1);
}

.ngg-galleryoverview {
    padding-top: 20px;
}

/*-- START CSS FOR YOUTUBE --*/
.thumbnail-grid {
    display: flex;
    flex-wrap: wrap;
    gap: 30px;
    margin-top: 20px;
    row-gap: 10px;
    justify-content: center;
}

.thumbnail {
    width: 30%;
    cursor: pointer;
    text-align: center;
}

.thumbnail img {
    width: 100%;
    border-radius: 6px;
    transition: transform 0.2s ease;
    border: 3px solid #0d59a3 !important;
    border-radius: 9px;
    box-shadow: inset 0px 0px 0px 3px rgba(13, 89, 164, 1);
}

.thumbnail:hover img {
    transform: scale(1.1);
    box-shadow: inset 0px 0px 0px 6px rgba(13, 89, 164, 1);
    background-color: #4679b9;
}

.thumbnail p {
    font-size: 18px;
    margin-top: 5px;
    font-weight: 600;
    color: #0d59a3;
}

.youtube-player {
    aspect-ratio: 16 / 9;
    width: 100%;
    margin-bottom: 30px;
    margin-top: 30px;
}

.youtube-player iframe {
    width: 100%;
    height: 100%;
    border: 3px solid #0d59a3 !important;

    border-radius: 16px;
    box-shadow: inset 0px 0px 0px 3px rgba(13, 89, 164, 1);
}

.retour-artistes,
.retour-artists,
.retour-musee,
.retour-museum {
    display: none !important;
}

body.cat-artistes .retour-artistes,
body.cat-artists .retour-artists,
body.cat-musee .retour-musee,
body.cat-museum .retour-museum {
    display: block !important;
    text-align: center;
}

/*-- END CSS FOR YOUTUBE --*/



/*---- END SINGLE POST PAGE ----*/

/*--- START AUDIO PLAYER ---*/

/* Wrapper */
.custom-audio-player {
    width: 100%;
    background: #4679b9;
    padding: 15px;
    border-radius: 8px;
    display: flex;
    align-items: center;
    gap: 15px;
    color: #ffffff;
    margin-top: 40px !important;
}

/* Play button */
.custom-audio-player .play-btn,
.custom-audio-player .mute-btn {
    width: 45px;
    height: 45px;
    border-radius: 50%;
    border: none;
    background: #f3ce17;
    color: #4679b9;
    font-size: 20px;
    cursor: pointer;
    transition: transform 0.2s ease;
}

.custom-audio-player .play-btn:hover,
.custom-audio-player .mute-btn:hover {
    transform: scale(1.1);
}

/* Adjust button icon's horizontal spacing */
.fa-play:before {
    margin-left: 4px;
}
.fa-volume-off:before {
    margin-right: 10px;
}

/* Timeline bar */
.custom-audio-player .timeline {
    flex: 1;
    height: 6px;
    background: #ffffff;
    border-radius: 4px;
    cursor: pointer;
    position: relative;
}

.custom-audio-player .timeline .progress {
    height: 100%;
    width: 0%;
    background: #f3ce17;
    border-radius: 4px;
}

/* Time display */
.custom-audio-player .time-display {
    font-size: 14px;
    display: flex;
    gap: 8px;
}

/* Volume slider */
.custom-audio-player .volume-slider {
    width: 100px;
    cursor: pointer;
    accent-color: #f3ce17;
}

/*--- END AUDIO PLAYER ---*/

.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;
}

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

.entry-content h2 {
    margin-top: 30px;
}

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;
}
.btn-to-top {
    background-image: url(https://www.ourside.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;
}

.learn-more-btn {
    padding-top: 0px !important;
    margin-top: 0px !important;
}

.learn-more-btn a,
.learn-more-btn a:hover {
    background-color: #4679b9;
    font-weight: 500;
    padding: 14px 28px;
    border: 2px solid #fff !important;
}

.learn-more-btn 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: 5px;
    font-weight: normal;
}

/*---- START Homepage Slideshow ----*/

.swiper-button-next:focus,
.swiper-button-prev:focus {
    border: 0px !important;
    border-image-width: 0px !important;
    border-width: 0px !important;
    outline-color: transparent !important;
}

.slide-left-group {
    position: relative;
    z-index: 8;
}

.homepage-slideshow-group {
}
.homepage-slideshow-group h2 {
    font-size: 60px !important;
    font-weight: 800;
    word-break: keep-all !important;
    color: #4679b9;
    text-shadow: 0px 0px 22px rgba(255, 255, 255, 0.8);
    hyphens: none;
    margin-bottom: 20px;
}
.homepage-slideshow-group h3 {
    font-size: 50px !important;
    font-weight: 800;
    word-break: keep-all !important;
    color: #4679b9;
    text-shadow: 0px 0px 22px rgba(255, 255, 255, 0.8);
    hyphens: none;
    margin-top: 10px;
    margin-bottom: 10px;
}

.slide-01 {
}
.slide-02 {
}

.slide-03 {
}

.slide-04 {
}

.slide-txt {
}

.slide-01-txt {
}
.slide-02-txt {
}
.slide-03-txt {
}

.slide-02-img-group {
    position: absolute;
    right: 20px;
    top: 6px;
}
.slide-03-img-group {
    position: absolute;
    right: 10px;
    top: 0;
    margin-top: 20px !important;
}

.slide-02-img-01 {
    z-index: 2;
    position: relative;
    width: 479px;
}
.slide-02-img-02 {
    position: absolute;
    z-index: 3;
    margin-top: 224px !important;
    right: 15px;
}
.slide-02-img-03 {
    position: absolute;
    z-index: 4;
    margin-top: 290px !important;
    right: 212px;
}

.slide-03-img-01 {
    z-index: 3;
    position: relative;
    width: 347px;
    right: 116px;
}
.slide-03-img-02 {
    position: absolute;
    z-index: 2;
    width: 347px;
    margin-top: 190px !important;
    right: 15px;
}

.slide-02-img-01 img {
    border: 4px #4679b9 solid;
    border-radius: 24px;
    box-shadow: inset 0px 0px 0px 3px rgba(13, 89, 164, 1);
}
.slide-02-img-02 img {
    border: 4px #4679b9 solid;
    border-radius: 24px;
    box-shadow: inset 0px 0px 0px 3px rgba(13, 89, 164, 1);
}
.slide-02-img-03 img {
    border: 4px #4679b9 solid;
    border-radius: 24px;
    box-shadow: inset 0px 0px 0px 3px rgba(13, 89, 164, 1);
}

.slide-03-img-01 img {
    border: 4px #4679b9 solid;
    border-radius: 24px;
    box-shadow: inset 0px 0px 0px 3px rgba(13, 89, 164, 1);
}
.slide-03-img-02 img {
    border: 4px #4679b9 solid;
    border-radius: 24px;
    box-shadow: inset 0px 0px 0px 3px rgba(13, 89, 164, 1);
}

.flag-group {
    position: absolute;
    bottom: -80px;
    left: 0;
}

.ac-flag-01 {
    bottom: 0;
    z-index: 3;
    position: absolute;
    margin-bottom: -50px !important;
    /* visibility: visible !important; */
}

.ns-flag-01 {
    bottom: 0;
    z-index: 2;
    margin-bottom: -60px !important;
}

.slide-btn {
    padding-top: 0px !important;
    margin-top: 0px !important;
    z-index: 8;
}

.slide-btn a,
.slide-btn a:hover {
    background-color: #4679b9;
    font-weight: 500;
    padding: 14px 28px;
    border: 2px solid #fff !important;
}

.slide-btn 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: 6px;
    font-weight: normal;
}

.content-group-01 {
}
.page-id-30 .content-group-02,
.page-id-2 .content-group-02 {
    padding-top: 0px !important;
}
.page-id-30 .content-group-01,
.page-id-2 .content-group-01 {
    margin-top: 0px !important;
}
.page-id-30 .header-row,
.page-id-2 .header-row,
.page-id-30 .mobile-menu-button,
.page-id-2 .mobile-menu-button {
    border-bottom: 0px;
    padding-bottom: 0px !important;
}

.page .wp-block-post-title {
    display: none !important;
}

.page-id-2 .wp-block-post-template .wp-block-post-title, .page-id-13 .wp-block-post-template .wp-block-post-title {
    display: block !important;
}

.driven-slider {
}

.driven-slides {
    height: 555px !important;
    min-height: 555px !important;
}

.driven-slider-box {
    border: 5px #f3ce17 solid;
    border-radius: 16px;
}

/*- Animation Delays */

/* Custom Animate.css delay utilities */
.animate__delay-0-5s {
    animation-delay: 0.5s;
}
.animate__delay-0-65s {
    animation-delay: 0.65s;
}
.animate__delay-0-75s {
    animation-delay: 0.75s;
}
.animate__delay-1-25s {
    animation-delay: 1.25s;
}
.animate__delay-1-5s {
    animation-delay: 1.5s;
}
.animate__delay-1-75s {
    animation-delay: 1.75s;
}
.animate__delay-2-25s {
    animation-delay: 2.25s;
}
.animate__delay-2-5s {
    animation-delay: 2.5s;
}
.animate__delay-2-75s {
    animation-delay: 2.75s;
}
.animate__delay-3-25s {
    animation-delay: 3.25s;
}
.animate__delay-3-5s {
    animation-delay: 3.5s;
}

.awv {
    top: 10000px !important;
    visibility: hidden !important;
    display: none !important;
}

.swiper-slide-visible .awv {
    top: initial !important;
    visibility: visible !important;
    display: block !important;
}

/*---- END Homepage Slideshow ----*/


.driven-box-01 {
    background-color: #fcfcfc;
    padding: 20px 20px;
    /* padding-left: 20px !important; */
    border: 3px #4679b9 solid;
    border-radius: 16px;
    position: relative;
    display: block;
    width: 100%;
    height: auto;
    margin-block-end: 40px;
}

.box-01-shadow {
    border-radius: 16px;
    box-shadow: 4px 4px 0px 0px rgba(13, 89, 164, 0.4);
}

.driven-box-02 {
    background-color: #fefefe;
    padding: 20px 20px;
    /* padding-left: 20px !important; */
    border: 3px #84acd0 solid;
    border-radius: 16px;
    position: relative;
    display: block;
    width: 100%;
    height: auto;
    margin-block-end: 40px;
}

.box-02-shadow {
    border-radius: 16px;
    box-shadow: 4px 4px 0px 0px rgba(132, 172, 208, 0.4);
}

.driven-box-03 {
    background-color: #fcfcfc;
    padding: 20px 20px;
    padding-left: 20px !important;
    border: 3px #f3ce17 solid;
    border-radius: 16px;
    position: relative;
    display: block;
    width: 100%;
    height: auto;
    margin-block-end: 40px;
}

.box-03-shadow {
    border-radius: 16px;
    box-shadow: 4px 4px 0px 0px rgba(243, 206, 23, 0.4);
}

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

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

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

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

.fit-box-content {
    width: fit-content !important;
}

.box-width-01 {
    max-width: 375px;
    margin-left: auto;
    margin-right: auto;
}

.box-width-02 {
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
}

.last-box {
}

.payment-box {
    text-align: center;
    font-size: 28px;
    font-weight: 400;
    font-stretch: 80%;
    padding: 30px 30px !important;
}

.payment-box input[type="email"],
.payment-box input[type="tel"],
.payment-box input[type="text"],
.payment-box textarea {
    border: 2px solid #84acd0;
    background-color: #f6f6f6;
    border-radius: 6px;
    line-height: 1.3;
    padding: 0.375rem 0.75rem;
    color: var(--cf7-input-text);
    min-height: 35px;
    font-size: var(--cf7-font-size);
    font-weight: var(--cf7-font-weight);
    font-family: var(--cf7-font);
    margin-top: 8px;
    margin-bottom: 28px;
    text-align: center;
}

.payment-box .btn_pay {
    width: 220px;
}

.payment-box h3 {
    margin-bottom: 18px;
}

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

.wp-block-navigation-item.open-on-click .wp-block-navigation-submenu__toggle+.wp-block-navigation__submenu-icon {
margin-left: -6px;
pointer-events: none;
margin-top: -6px;
}

.wp-block-navigation:not(.has-background) .wp-block-navigation__submenu-container {
    width: fit-content;
    border: 2px solid #4679b9;
    border-radius: 8px;
    padding-top: 10px;
    padding-bottom: 8px;
    /* box-shadow: 6px 6px 0px 0px rgba(13,89,164,0.50); */
}
.wp-block-navigation-submenu li {
    font-size: 18px;
    color: #4679b9;
}
.driven-main-menu li a {
    font-stretch: 75%;
    font-weight: 600;
    font-size: 32px;
}

.wp-block-navigation__responsive-container.disable-default-overlay .wp-block-navigation__overlay-container {
overflow-x: hidden;
}


.driven-main-menu .wp-block-navigation__submenu-container li a {
    font-stretch: 80%;
    font-weight: 500;
    font-size: 24px;
}

.wp-block-navigation .wp-block-navigation-item {
    background-color: transparent !important;
    border: 0px !important;
    outline: none !important;
}
.wp-block-navigation .wp-block-navigation-item__label {
    text-align: center;
    white-space: nowrap;
}
.wp-block-navigation
    .has-child
    .wp-block-navigation__submenu-container
    > .wp-block-navigation-item
    > .wp-block-navigation-item__content {
    padding: 0.35em 1em;
}

.wp-block-navigation.items-justified-right
    .wp-block-navigation__container
    .has-child
    .wp-block-navigation__submenu-container {
    left: 0;
    right: auto;
}
.wp-block-navigation.items-justified-right
    .wp-block-navigation__container
    .last-menu-item
    .wp-block-navigation__submenu-container {
    right: 0;
    left: auto !important;
}

.culture-menu {
}

.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: 130px;
}

/*-- 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;
}

/*--- 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;
}

.header-row {
}

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

/*-- END NAV BTNs --*/

.wp-block-navigation .wp-block-navigation__submenu-icon {
    /* color: #4a77b8; */
    font-size: 26px;
}

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

.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: 20px;
    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: 0px;
}

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

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

.contact-youtube a:before {
    color: #ffffff;
    content: "\f16a";
    font-size: 20px;
    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-right: 8px;
}

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

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

.contact-soundcloud a:before {
    color: #ffffff;
    content: "\f1be";
    font-size: 20px;
    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-right: 10px;
}
.contact-instagram a {
    background-color: #5851DB;
    font-weight: 460;
    border: 1px solid #fafafa;
    padding-left: 28px;
}

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

.contact-instagram a:before {
    color: #ffffff;
    content: "\f16d";
    font-size: 20px;
    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: 2px;
}

:where(.wp-block-search__input) {
    border: 2px solid #84acd0 !important;
    font-size: 24px !important;
}

:root :where(.wp-element-button, .wp-block-button__link) {
    font-stretch: 70%;
    font-size: 20px !important;
    font-weight: 500;
    border: 2px solid #fff;
}
:where(.wp-site-blocks *:focus) {
    outline-width: 2px;
    outline-color: #84acd0;
}


.button-brd a:focus, .button-brd a:active {
    border: 2px solid #fff;
}

/*
.wp-element-button:focus, .wp-element-button:active {
    border: 2px solid #fff;
}
*/
.wpcf7-response-output {
    transition: opacity 0.25s ease;
}

.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: 6px;
    -webkit-font-smoothing: antialiased;
    padding-left: 8px;
}

.security-box {
    margin-top: 20px;
}

.search-results h2 {
    margin-block-end: 10px !important;
}
.search-results .wp-block-post-excerpt {
    margin-top: 0px !important;
}

/*----- Start Query Loop -----*/
/* Search Results */

.wp-block-read-more {
    line-height: 1.6;
    background-color: #4679b9;
    color: #ffffff !important;
    border-radius: 3.125rem;
    padding: 14px 28px;
    font-size: 24px;
    font-weight: 500 !important;
    font-stretch: 70%;
}

.wp-block-read-more:active {
    border: 2px solid #ffffff;
}


.category-nouvelles .wp-block-read-more:focus,
.category-news .wp-block-read-more:focus {
    color: #ffffff !important;
}

.wp-block-query-pagination a:focus {
    color: #ffffff !important;
}

.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: 7px;
    font-weight: normal;
}

.page-numbers {
    line-height: 1.6;
    background-color: #4679b9;
    color: #ffffff !important;
    border-radius: 5.125rem;
    padding: 8px 16px;
    font-size: 18px;
    font-weight: 460;
    text-decoration: none;
    margin-left: 4px;
    margin-right: 4px;
    width: 18px;
    display: inline-block;
    text-align: center;
}
.wp-block-query-pagination-numbers .current {
    line-height: 1.6;
    background-color: #ffffff;
    color: #4679b9 !important;
    border: 2px solid #4679b9;
    border-radius: 5.125rem;
    padding: 7px 14px;
    font-size: 18px;
    font-weight: 460;
    text-decoration: none;
    width: 18px;
    display: inline-block;
    text-align: center;
}

.wp-block-query-pagination-next {
    background-color: #4679b9;
    color: #ffffff !important;
    border-radius: 3.125rem;
    padding: 8px 20px;
    font-size: 22px;
    font-weight: 460;
    text-decoration: none;
    font-stretch: 70%;
}
.wp-block-query-pagination-previous {
    background-color: #4679b9;
    color: #ffffff !important;
    border-radius: 3.125rem;
    padding: 8px 20px;
    font-size: 22px;
    font-weight: 460;
    text-decoration: none;
    font-stretch: 70%;
}
.wp-block-query-pagination-next: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: 3px;
}
.wp-block-query-pagination-previous: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: 3px;
}
.news-loop .category-news:first-of-type h2,
.news-loop .category-nouvelles:first-of-type h2 {
    margin-block-start: 1rem !important;
}

.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;
}

.pagination-area {
}
.read-more-btn {
}

.search-results-loop {
}

*/
/*----- End Query Loop -----*/

.contact-directions {
    margin-bottom: 40px !important;
}

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

.contact-reach-out a {
    background-color: #4679b9;
    font-weight: 460;
    border: 1px solid #fafafa;
    padding-left: 28px;
}

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

.contact-reach-out a:before {
    color: #ffffff;
    content: "\f0e5";
    font-size: 20px;
    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-right: 6px;
}



.iframe-container-02 iframe {
    border: 3px solid #4679b9 !important;
    border-radius: 16px;
    overflow: hidden;
    height: 400px;
}

.iframe-container iframe {
    border: 3px solid #4679b9 !important;
    border-radius: 16px;
    overflow: hidden;
    height: 400px;
    box-shadow: inset 0px 0px 0px 3px rgba(13, 89, 164, 1);
}

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

.skip-link {
    display: none;
}

.show-small {
    display: none !important;
    visibility: hidden;
    opacity: 0;
    z-index: -1;
}
.show-medium {
    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 --*/
}

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

.btn-retour a {
    padding-top: 14px;
    padding-right: 28px;
    padding-bottom: 14px;
    padding-left: 16px;
    border: 2px solid #fff !important;
}

.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;
}

.vert-sep:before {
    content: "";
    display: inline-block;
    border-left-color: #a3a3a3;
    height: 24px;
    border-left-width: 2px;
    border-left-style: solid;
    margin: 0 6px;
    color: transparent;
    margin-bottom: -4px;
}

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

.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;
}

.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:active {
    border: 2px solid #fff !important;
}

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

.btn-to-top {
    background-image: url(https://www.ourside.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: 62px;
    z-index: 999999;
    opacity: 0;
}

.has-lightbox .fix-to-top {
    z-index: 999 !important;
}

.btn-menu {
    background-image: url(https://www.ourside.ca/wp-content/uploads/driven-menu-word-01.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;
}

.mbl_btn_grp {
    width: 144px;
}

.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;
}

.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: #4679b9;
    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) {
    .fancybox__content h2 {
        margin-top: 20px;
    }
}
@media screen and (max-width: 1200px) {
    .header-logo-container {
        padding-right: 20px;
    }

    .header-top-menu-row {
        /* padding-bottom: 10px !important; */
    }

    .wp-block-navigation
        .has-child
        .wp-block-navigation__submenu-container
        > .wp-block-navigation-item
        > .wp-block-navigation-item__content {
        letter-spacing: normal;
    }
    /*
.driven-header-logo img {
margin-top: 10px;
}
 */
}

@media screen and (max-width: 1080px) {
    .hdr-mainmenu-01 {
        display: block;
    }
}

@media screen and (max-width: 1110px) {
    .with-fancybox {
        overflow-x: auto !important;
        max-width: 100%;
        height: auto;
        --fancybox-scrollbar-compensate: 0px !important;
    }

    .mobile-top-cols {
        column-gap: 20px;
    }
    .mobile-top-col-01 {
        max-width: 180px;
    }
    .driven-main-menu {
        justify-content: center;
    }

    .mobile-group-01,
    .mobile-group-02 {
        padding-left: 15px;
        padding-right: 15px;
    }

    .header-row {
        display: block !important;
    }

    .header-logo-container {
        display: none;
    }

    .header-top-menu-row {
        width: fit-content;
    }
    .show-medium {
        visibility: visible;
        opacity: 1;
        display: block !important;
        z-index: 1;
    }
    .header-row {
        padding-top: 0px !important;
    }

    .footer-cols {
        flex-wrap: wrap !important;
    }
    .footer-col-01 {
        flex-basis: 90% !important;
    }
    .footer-col-02 {
        flex-basis: 55% !important;
    }
    .footer-col-03 {
        flex-basis: 40% !important;
    }

    .footer-nav-cols {
        gap: 16px;
        flex-wrap: nowrap !important;
    }

    .bottom-col-01 {
        flex-basis: 55% !important;
    }
    .bottom-col-02 {
        flex-basis: 40% !important;
    }

    .fix-to-top {
        bottom: 100px;
    }
}

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

@media screen and (max-width: 865px) {
    .header-top-menu-row {
        margin-top: 10px;
    }

    .driven-header-logo-02 {
        flex-basis: content;
    }

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

    .show-desktop {
        display: none !important;
        visibility: hidden;
        opacity: 0;
        z-index: -1;
    }
    
    .wp-container-core-post-template-is-layout-7af81399 {
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 0;
}
    
    
}
@media (max-width: 788px) {
    .mobile-group-01,
    mobile-group-02 {
        padding-left: 10px;
        padding-right: 10px;
    }

    .fancybox__content h2 {
        font-size: 40px;
    }

    .mobile-top-cols {
        flex-wrap: nowrap !important;
        gap: 20px !important;
    }

    .fancybox__content .wp-block-columns:not(.is-not-stacked-on-mobile) > .mobile-top-col-01 {
        flex-basis: 33.33% !important;
    }

    .fancybox__content .wp-block-columns:not(.is-not-stacked-on-mobile) > .mobile-top-col-02 {
        flex-basis: 66.66% !important;
    }
}

@media (max-width: 780px) {
    .single-col-box {
        max-width: 375px;
    }
    .single-col-box h3 {
        text-align: center !important;
    }

    .two-column-grid {
        display: flex !important;
        flex-wrap: wrap !important;
        justify-content: center;
        row-gap: 30px;
        margin-top: 30px;
    }

    .box-width-02 {
        max-width: 375px;
    }

    .last-box {
        margin-top: 30px;
    }

    .last-box h3 {
        text-align: center;
    }

    .mobile-top-nav-cols {
        gap: 0;
    }

    .mobile-top-nav-col-02 {
        margin-top: -10px !important;
    }

    .footer-nav-cols {
        gap: 16px;
    }
    .footer-cols {
        row-gap: 0.75em;
    }
    .footer-group-01 {
        padding-bottom: 20px !important;
    }

    .bottom-col-01 p {
        text-align: center;
    }

    .fix-to-top {
        bottom: 200px;
    }
    .bottom-cols {
        row-gap: 20px;
    }
    .bottom-col-02 {
        margin-bottom: 30px !important;
    }
}

@media screen and (max-width: 700px) {
    .thumbnail {
        width: 45%;
    }

    #driven-menu {
        padding-left: 10px;
        padding-right: 10px;
    }

    .wp-block-search__inside-wrapper {
        flex-wrap: wrap;
    }
    .wp-block-search__input {
        width: 100%;
        margin-bottom: 20px;
        text-align: center;
    }
    .wp-block-search__button {
        display: block;
        margin-left: auto;
        margin-right: auto;
    }
}

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

    
    .is-compact .fancybox__content > .f-button.is-close-btn {
        top: -20px;
    }

    #driven-menu {
        padding-top: 10px;
    }

    .fancybox__content h2 {
        font-size: 36px;
    }

    .mobile-top-col-01 {
        display: none;
    }
    .fancybox__content .wp-block-columns:not(.is-not-stacked-on-mobile) > .mobile-top-col-02 {
        flex-basis: 100% !important;
    }

    .fix-to-top {
        bottom: 210px;
    }
}


@media screen and (max-width: 600px) {
    
    .wp-block-navigation .wp-block-navigation-item__label {
    text-align: left;
    white-space: wrap;
}

    .reach-out-btn {
        margin-top: 14px;
    }
    
}
    
@media screen and (max-width: 460px) {
    .thumbnail-grid {
        justify-content: center;
    }

    .thumbnail {
        width: 90%;
    }

    .ngg-galleryoverview.default-view .ngg-gallery-thumbnail img {
        width: 90%;
        height: auto;
    }

    .fancybox__content h2 {
        font-size: 30px;
    }

    #driven-menu ul {
        padding-left: 28px;
    }
    #driven-menu ul li ul {
        padding-inline-start: 10px;
    }

    .mobile-menu-lang {
        padding-inline-start: 28px;
    }

    #driven-menu ul li ul li a {
        font-size: 20px;
    }

    .footer-nav-cols {
        gap: 16px;
        flex-wrap: wrap !important;
    }
}

@media screen and (max-width: 375px) {
    .show-small {
        padding-left: 15px;
        padding-right: 15px;
    }
}
@media screen and (max-width: 300px) {
    .mobile-menu-button {
        margin-top: 10px !important;
    }

    .top-mobile-menu-row {
        flex-wrap: wrap;
        row-gap: 8px;
    }
    .top-mobile-menu-group-01 {
    }
    .top-mobile-menu-group-02 {
    }
    .header-top-menu-row {
        margin-top: 4px;
    }
}