/* ===================================================================================

* Theme Name: Exhibz - Noël Montreal
* Theme URI: https://themeforest.net/user/tripples/portfolio
* Description: Exhibz is a functional Event and Conference WordPress Theme.
* Version: 2.0
* Author: Tripples
* Author URI: http://www.themewinter.com
* Template: exhibz
* License: GNU General Public License version 3.0
* License URI: http://www.gnu.org/licenses/gpl-3.0.html
* Tags: one-column, right-sidebar, left-sidebar, custom-menu, featured-images, post-formats, sticky-post, translation-ready

* We encourage you to create Child theme for any modifications you will want to do.

* Why use Child theme?

* Because of future updates we may provide for this theme that will overwrite your
* modifications and all your custom work.

* If you are not familiar with Child Themes, you can read about it here:
* http://codex.wordpress.org/Child_Themes
* http://wp.tutsplus.com/tutorials/theme-development/child-themes-basics-and-creating-child-themes-in-wordpress/

====================================================================================== */

/******* HEADER *********/

.header-standard, .navbar-fixed.sticky{
    box-shadow: none;
    background-color: #140b3b;
}

.header-standard .container{
    max-width: 100%;
    padding:  5px 25px 0px 25px;
}

header.header-standard .center-menu{
    padding: 0;
}

header.sticky .container{
    padding-bottom: 10px;
}

header.sticky .container .logo img{
    max-width: 120px;
}

header.sticky .container .navbar.navbar-light{
    padding: 9px 0 0 0;
}

/***** BURGER MENU *****/
.header-standard .navbar .navbar-toggler .navbar-toggler-icon .icon.icon-menu::before{
    content: "";
}

.header-standard .navbar .navbar-toggler{
    background: url(https://noelmontreal.ca/villagedenoel/wp-content/uploads/sites/2/2022/10/burger.svg);
    background-position: center;
    background-size: 21px;
    background-repeat: no-repeat;
    background-color: #ba0819;
    padding: 6px 19px;
    margin: 0;
}

/***** MENU *****/
.navbar.navbar-light ul.navbar-nav > li > a,
.leftmenu .menu > li > a{
    color: #ffffff;
    line-height: 25px;
    text-decoration: none;
    margin-top: 11px;
    font-weight: 700;
    font-size: 16px;
    text-transform: uppercase;
    padding: 0 5px;
    transition: color 500ms !important;
    font-family: 'Barlow';
}

.navbar-light .navbar-nav .nav-link:focus, 
.navbar-light .navbar-nav .nav-link:hover,
.leftmenu .menu li a:hover,
.navbar-light .navbar-nav .active>.nav-link,
.navbar-light .navbar-nav .nav-link.active{
    color: #FF1F35;
}

.navbar.navbar-light,
.menu-menu-de-gauche-container,
.menu-left-menu-container {
    padding: 12px 0 0 0;
}

#primary-nav {
    -webkit-box-pack: center!important;
    -ms-flex-pack: center!important;
    justify-content: center!important;
}

.navbar.navbar-light ul.navbar-nav > li ul.dropdown-menu {
    width: auto;
}

.navbar.navbar-light ul.navbar-nav > li.dropdown > a:after {
    font-size: 8px;
    margin-top: -13px;
}

.navbar.navbar-light ul.navbar-nav > li ul.dropdown-menu li .dropdown-item{
    text-decoration: none;
    color: #130C3B;
    white-space: nowrap;
}

.navbar.navbar-light ul.navbar-nav > li ul.dropdown-menu li .dropdown-item:hover{
    color: #ba0819;
}

.dropdown-menu-toggle.opened{
    rotate: 180deg;
}

/***** MENU GAUCHE *****/
.menu-menu-de-gauche-container,
.menu-left-menu-container{
    justify-content: flex-end!important;
    -webkit-box-pack: end!important;
    -ms-flex-pack: end!important;
    display: flex;
    display: -webkit-box;
    display: -ms-flexbox;
}

#menu-menu-de-gauche,
#menu-left-menu{
    padding-left: 0;
}

.leftmenu .menu > li{
    position: relative;
    float: none;
    display: inline-block;
    margin: 10px 20px 0px;
    background: none;
}

/***** MENU CONTACT *****/
#menu-item-2939 a,
#menu-item-3072 a {
    background-color: #ba0819;
    padding: 10px 20px;
    border-radius: 3px;
    margin-top: 0px;
    transition: background-color 500ms !important;
}

#menu-item-2939 a:hover,
#menu-item-3072 a:hover{
    color: #ffffff;
    background-color: #8d020f;
}

.sticky.header-transparent, 
.sticky.header-classic {
    background: rgb(186 8 0 / 80%);
}

/******* TOPBAR ********/

.header-standard #topbar ul {
    padding: 0px;
    margin: 0px;
    width: 100%;
    display: inline-block;
}

.header-standard #topbar ul li {
    float: left;
    width: 25%;
    list-style: none;
    display: block;
}

.header-standard #topbar ul li#menu-item-3223 a,
.header-standard #topbar ul li#menu-item-3224 a{
    background-color: #0e0433;
}

.header-standard #topbar ul li a {
    text-align: center;
    background-color: #000000;
    color: #fff;
    display: block;
    padding: 2px 0;
    font-size: 12px;
    text-transform: uppercase;
    font-weight: bold;
    text-decoration: none;
    font-family: 'Barlow';
}

.header-standard #topbar ul li a:hover{
    background-color: #0e0433;
}

/**** AFFICHAGE MENU RESPONSIVE ****/

@media (min-width: 992px){
    #menu-item-3034,
    #menu-item-3035-en,
    #menu-item-3129,
    #menu-item-3130-fr,
    #menu-item-3238,
    #menu-item-3249{
        display: none;
    }
}

@media (max-width: 991px){
    .leftmenu{
        display: none;
    }
    .header-standard #topbar{
        display: none;
    }

    .navbar.navbar-light ul.navbar-nav {
        background: #222;
        padding: 0px;
        margin-top: 2px;
    }

    .navbar.navbar-light ul.navbar-nav li{
        padding: 0 20px;
        margin: 0;
    }

    .navbar.navbar-light ul.navbar-nav li:first-child{
        padding-top: 20px;
    }

    .navbar.navbar-light ul.navbar-nav > li ul.dropdown-menu {
        padding: 0;
    }

    .navbar.navbar-light ul.navbar-nav > li ul.dropdown-menu li{
        padding: 0;
    }

    .navbar.navbar-light ul.navbar-nav li#menu-item-3238,
    .navbar.navbar-light ul.navbar-nav li#menu-item-3249{
        padding-bottom: 14px;
        background-color: #ba0819;
        margin-top: 10px;
    }

    .navbar.navbar-light ul.navbar-nav li#menu-item-3238 .dropdown-menu-toggle,
    .navbar.navbar-light ul.navbar-nav li#menu-item-3249 .dropdown-menu-toggle{
        padding: 18px 15px;
    }
}


/******* FIN HEADER *******/
/**************************/

/******* HOME SLIDER *******/
.main-slider .banner-item {
    min-height: 670px;
}

.main-slider .banner-item .banner-content-wrap {
    padding: 310px 0 80px;
}

.main-slider .btn,
.elementor-2537 .elementor-element.elementor-element-2a0939e .main-slider .ts-banner-btn .btn{
    color: #ffffff;
    text-decoration: none;
    text-transform: initial;
}

.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {
    width: 10px;
    height: 10px;
}

.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet-active {
    opacity: 1;
}

.swiper-button-prev {
    background-image: url(https://noelmontreal.ca/wp-content/uploads/2022/10/arrow-left.png);
}

.swiper-button-next {
    background-image: url(https://noelmontreal.ca/wp-content/uploads/2022/10/arrow-right.png);
}
/******* END HOME SLIDER *******/

p {
    margin: 0px;
}

/******* FORMS *******/
.form-group.checkbox{
	margin-top: 30px;
}

.form-group.checkbox span.last{
	margin-right: 10px;
}

.cf7-smart-grid.has-grid .info-tip {
    font-size: 80%;
    font-style: italic;
    color: grey;
    margin: 0 0 5px 0;
}
/******* FIN FORMS *******/
/*************************/

/******* ACCORDEON *******/
.elementor-widget-accordion .elementor-accordion .elementor-accordion-item .elementor-active{
    background-color: #fff;
}
.elementor-accordion .elementor-accordion-item+.elementor-accordion-item{
    border-top: 1px solid #E5E5E5 !important;
}
/******* FIN ACCORDEON *******/
/*****************************/

.link_more_info.elementor-widget-icon-box .elementor-icon-box-content{
    flex-grow: 0;
}

.link_more_info.elementor-widget-icon-box.elementor-position-right .elementor-icon-box-icon{
    flex: 1;
    margin-top: 10px;
}

/******* TABLE ARTISANS *******/
table.calendar {
    border-collapse: separate;
    border-spacing: 0;
}
table.calendar > tbody > tr:nth-child(odd) {
    border: none;
}

table.calendar tr td{
    font-size: 12px;
    line-height: 20px;
}

table.calendar .row-hover tr td{
    font-family: 'Barlow';
}

table.calendar  > tbody > tr:nth-child(2n+1) > td,
table.calendar .row-hover tr:hover td {
    background-color: #f3f3f3;
    background-color: transparent;
}

table.calendar > tbody > tr > td.column-8{
    padding-right: 2px!important;
}

table.calendar > tbody > tr > td > .day{
    font-family: "DM Serif Display", Sans-serif;
    color: #B90919;
}

table.calendar > tbody > tr > td:has(> .period){
    border: 1px solid #B90919!important;
    border-radius: 100px;
    vertical-align: middle;
    color: #B90919;
    width: 22px;
    font-size: 10px;
}

table.calendar > tbody > tr > td > .month{
    display: block;
    margin: 0px;
    padding: 4px 0px;
    font-weight: bold;
    text-align: left;
}

table.calendar > tbody > tr > td > .open{
    background-color: #B90919;
    border-radius: 0px;
    display: block;
    color: #fff;
    margin: 0 auto;
}

table.calendar > tbody > tr > td > .open.left{
    border-radius: 100px 0px 0px 100px;
}

table.calendar > tbody > tr > td > .open.right{
    border-radius: 0px 100px 100px 0px;
}

/******* BLOG POST *******/
.main-container.blog-single{
    padding:0;
}

.blog-single .container{
    max-width: 100%;
    padding: 0;
}

.blog-single .container .post-details{
    margin: 0;
}

.post-details .entry-header{
    padding: 0;
    background-color: #130C3C;
    padding: 10px 25px;
}

.post-details .entry-thumbnail {
    margin: 0px;
}

.post-details .entry-thumbnail .img-fluid{
    width:100%;
    max-height: 300px;
    object-fit: cover;
}

.post-details .entry-header .entry-title{
    color: #ffffff;
    font-size: 50px;
    font-family: Barlow, sans-serif;
    font-weight: 600;
    margin: 20px;
}

.wp-block-column .taxonomy-post_tag a {
    text-decoration: none;
    border: 1px solid #d9d9d9;
    display: inline-block;
    padding: 1px 10px;
    border-radius: 100px;
}

.wp-block-column .taxonomy-post_tag a:hover {
    text-decoration: none;
    background-color: #ba0819;
    border: 1px solid #ba0819;
    color: #fff;
}


@media (max-width: 767px){
    .post-details .post-body {
        padding: 30px 20px 0;
        margin: auto;
    }
}

@media (min-width: 992px){
    .post-details .post-body {
        padding: 30px 0px 0;
        margin: auto;
    }
}

.wp-block-column {
    padding: 0px;
}

.wp-block-column.cf-detail-col{
    border-radius: 20px;
    padding-bottom: 20px;
}

.wp-block-column.cf-detail-col .cf-detail-col-part1{
    border-radius: 20px 20px 0px 0px;
    padding: 20px;
}

.wp-block-column.cf-detail-col .cf-detail-col-part2{
    border-radius: 0px 0px 20px 20px ;
    padding-bottom: 20px;
}

.wp-block-column.cf-detail-col .cf-detail-col-part1 h2{
    margin-top: 20px;
    color: #fff;
    font-size: 24px;
    font-family: Barlow, sans-serif;
}

.wp-block-column.cf-detail-col .cf-detail-col-part1 h3{
    color: #fff;
    margin-top: 20px;
    font-size: 20px;
    font-family: Barlow, sans-serif;
}

.wp-block-button .wp-block-button__link:not(.has-background){
    padding: 0px;
    font-size: 14px;
    display: block;
    float: left;
    height: auto;
    line-height: normal;
    font-weight: 400;
}

.wp-block-button.btn-back-cf:before{
    font-family: 'iconfont' !important;
    transform: translateX(-50%);
    content: "\e879";
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    float: left;
    color: #ba0819;
}

.wp-block-button .wp-block-button__link:not(.has-background):hover{
    background: transparent;
}


/******* FIN BLOG POST *******/
/*****************************/

/*****************************/

/*****************************/
*/