/*OBJECTS*/
/*Inscription - Footer*/
#main-footer .inscription {
    background-color: #10387B;
    padding: 2.4rem;
}

#main-footer .inscription .qme-logo {
    width: 146px;
    display: inline-block;
    margin: 2.4rem 0;
}

#main-footer .inscription p {
    font-size: 3.4rem;
    line-height: 4.4rem;
    color: #fff;
    font-family: 'Roboto', sans-serif !important;
    font-weight: bold;
    margin-bottom: 0;
}

#main-footer .inscription .btn-qm a {
    width: 294px;
    text-align: center;
}

/*Infolettre - Footer*/
#main-footer .newsletter {
    background-color: #EFEFEF;
    margin: 1.2rem;
}

#main-footer .newsletter .row {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0 auto;
    padding: 2.4rem;
}

#main-footer .newsletter form .email {
    margin-top: 1.2rem;
}

#main-footer .newsletter form label {
    font-family: "Roboto", sans-serif;
    font-weight: bold;
    font-size: 1.4rem;
    line-height: 1.7rem;
    display: block;
    margin-bottom: 0.7rem;
    text-align: left;
    margin-top: 1.4rem;
}

#main-footer .newsletter form .checkboxes label {
    display: initial;
    position: relative;
    bottom: 3px;
    font-weight: normal;
}

#main-footer .newsletter form input[type="text"] {
    width: 100%;
    height: 36px;
    background-color: #fff;
    border: 1px solid #000;
    color: #000;
}

#main-footer .newsletter form .checkboxes {
    width: fit-content;
  margin-bottom: 10px;
}

#main-footer .newsletter form .checkboxes input[type="checkbox"] {
    width: 16px;
    height: 16px;
}

#main-footer .newsletter form p {
    font-family: "Roboto", sans-serif;
    font-weight: normal;
    font-size: 1.6rem;
    line-height: 1.9rem;
    margin: 1.2rem 0;
    text-align: left;
}

#main-footer .newsletter form .btn-submit {
    font-family: "Roboto", sans-serif;
    font-weight: 600;
    color: #133A79;
    background-color: #ffffff;
    border: 3px solid #133A79;
    font-size: 2rem;
    line-height: 2.4rem;
    padding: 2.4rem 3.6rem;
    margin-top: 5rem;
    display: inline-block;
    width: 100%;
    transition-property: opacity, background-color, color;
    transition-timing-function: ease-in-out;
    transition-duration: .25s;
}

#main-footer .newsletter form .btn-submit:hover,
#main-footer .newsletter form .btn-submit:focus {
    color: #ffffff;
    background-color: #133A79;
    border-color: #ffffff;
}

/*Nous joindre - Footer*/
.footer-contact {
    background-color: #363636;
    padding: 2.4rem;
}

.footer-contact .row {
    display: block;
}

.footer-contact p,
.footer-contact ul li,
.footer-contact a,
.footer-contact p a,
.footer-contact h3 {
    color: #fff !important;
}

.footer-contact ul li {
    list-style: none;
}
.footer-contact .accesPersonnesHandicapes p.note {
    font-size: 13px;
}


/*COMPONENTS*/
/*Menu principal*/
#page-container .et_pb_widget_area_left {
    margin-top: 0;
}

/*
#primary-menu .qme-logo {
    display: none;
}
*/

#primary-menu .primary-menu-inner>a {
    display: flex;
}

#qcMines header #primary-menu {
    background-color: #133A79;
    position: relative;
}

.primary-menu-inner {
    /*display: flex; */
    /*flex-wrap:wrap;*/
    width: 100%;
    margin: 0 auto;
    background: none;
}

#page-container .primary-menu-inner .et_pb_section {
    width: 100%;
    padding: 0;
}

#primary-menu .navbar .widget_nav_menu {
    width: 100%;
    margin: 0;
}


#primary-menu .navbar .widget_nav_menu .menu li {
    display: inline-block;
    list-style: none;
    text-align: center;
    margin: 0;
    padding: 2.4rem 1.2rem;
}

#primary-menu .navbar .widget_nav_menu .menu li.menu-item-has-children:after {
    content: "";
    background-image: url(/wp-content/uploads/chevron-up.svg);
    background-repeat: no-repeat;
    background-size: contain;
    width: 16px;
    height: 16px;
    display: inline-block;
    margin-left: 0.4rem;
    transform: rotate(180deg);
    transition-timing-function: ease-in-out;
    transition-duration: .50s;
}

#primary-menu .navbar .widget_nav_menu .menu li.menu-item-has-children:hover::after,
#primary-menu .navbar .widget_nav_menu .menu li.menu-item-has-children:focus-within::after,
#primary-menu .navbar .widget_nav_menu .menu li.et-show-dropdown:after {
    transform: inherit;
    transition-timing-function: ease-in-out;
    transition-duration: .50s;
}

/*
#primary-menu .navbar .widget_nav_menu .menu li:hover{
    background-color: blue;
}
*/
#primary-menu .navbar .widget_nav_menu .menu li.active,
#primary-menu .navbar .widget_nav_menu .menu li.current-menu-parent {
    background-color: #0B2247;
}

#primary-menu .navbar .widget_nav_menu .menu li:focus-within {
    background-color: #0B2247;
}

#primary-menu .navbar .widget_nav_menu .menu li.et-show-dropdown {
    background-color: #061123;
}



#primary-menu .navbar .widget_nav_menu .menu li a {
    color: #fff;
    text-decoration: none;
    font-family: "Roboto", sans-serif;
    font-size: 1.8rem;
    line-height: 2.4rem;
}

#primary-menu .navbar .widget_nav_menu .menu li .sub-menu {
    display: none;
}

#page-container .menuqcmines {
    margin-top: 0;
}

#primary-menu .navbar .widget_nav_menu .menu li.et-show-dropdown .sub-menu,
#primary-menu .navbar .widget_nav_menu .menu li.menu-item-has-children:focus-within .sub-menu {
    display: block;
    position: absolute;
    top: 100%;
    left: 0;
    right: auto;
    width: 100%;
    z-index: 1000;
    background-color: #061123;
}

#primary-menu .navbar .widget_nav_menu .et-show-dropdown .sub-menu li,
#primary-menu .navbar .widget_nav_menu .menu li.menu-item-has-children:focus-within .sub-menu li {
    width: 100%;
    display: block;
    flex: inherit;
    flex-wrap: inherit;
    background-color: #061123;
    text-align: left;
}

/* QME Programmation*/

/* Mobile theme selector */

.page-template-qme-programmation #page-container .et_pb_section {
    padding: 0;
}

.regular-themes-selector {
    display: none;
}

@media (max-width: 599px) {
    .page-template-qme-programmation .themes button {
        width: 100%;
        margin-right: 0;
        margin-bottom: 0.5rem;
    }
  #main-footer .inscription p {
    font-size: 2.4rem;
    line-height: 3.4rem;
}
  #main-footer .inscription .qme-logo {
    width: 106px;
    margin: 1.4rem 0;
}
}

@media (min-width: 600px) {
    .mobile-themes-selector {
        display: none;
    }

    .regular-themes-selector {
        display: block;
    }

    .page-template-qme-programmation .themes {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        align-content: left;
        justify-content: flex-start;
    }
}

@media (max-width: 599px) {
    .activites-multi .disabled {
        display: none;
    }
}

#page-container .mobile-themes-selector h2 {
    display: block;
    font-size: 1.8rem;
    padding: 1.2rem 2.4rem;
    color: #133A79;
    background: #fff;
    font-weight: 600;
    border: 1px solid #133A79;
}

.mobile-themes-selector .toggle i.fa {
    float: right;
    font-size: 1.8rem;
    position: relative;
    top: 3px;
}

.mobile-themes-selector .themes {
    margin-bottom: 0;
    display: none;
    text-decoration: none;
    padding: 12px 0 0 0;
    background-color: transparent;
}

/* If no available seance in mobile view */

.container-message {
    display: block;
    width: 100%;
    padding: 1.9rem;
    margin: 0 0 0.6rem 0;
    background: #dcdcdc;
    border: 3px solid #dcdcdc;
    color: #856404;
    background-color: #fff3cd;
    border: 1px solid #ffeeba;
}

.container-message~.container-message {
    display: none;
}

/* Mobile theme selector end */

.page-template-qme-programmation #page-container article.type-page {
    background: none;
}

.page-template-qme-programmation .entry-content {
    padding: 0 2.4rem 2.4rem 2.4rem;
}

.page-template-qme-programmation .entry-content>* {
    font-family: 'Roboto', sans-serif !important;
}


.page-template-qme-programmation #et-main-area,
.page-template-qme-programmation #main-content {
    background-color: #EFEFEF;
}

.page-template-qme-programmation #main-content #left-area {
    padding: 0;
}

.page-template-qme-programmation #page-container article.type-page {
    background: none;
}

.page-template-qme-programmation h1 {
    margin: 6.2rem 2.4rem 2.4rem 2.4rem !important;
}

.page-template-qme-programmation h3 {
    margin: 0 !important;
}

.page-template-qme-programmation h3.time {
    font-size: 1.6rem !important;
    padding-bottom: 2.4rem;
    margin: 4.2rem 0 0 0 !important;
}

.page-template-qme-programmation #page-container h4 {
    font-family: 'Roboto', sans-serif !important;
    margin: 0 !important;
    font-size: 1.6rem;
    font-weight: 600;
    color: #000;
}

.page-template-qme-programmation h5 {
    font-family: 'Roboto', sans-serif !important;
    margin: 0 !important;
    font-size: 1.6rem;
    font-weight: 600;
    color: #000;
}

.item.presentateur {
    font-family: 'Roboto', sans-serif !important;
}

.page-template-qme-programmation .location {
    display: block;
    padding-bottom: 2.4rem;
    font-size: 1.8rem;
    font-weight: 600;
    color: #555;
}

.page-template-qme-programmation p.download {
    padding: 2.0rem 0;
    margin: 0;
}

.page-template-qme-programmation p.download a {
    color: #2C65FB !important;
    text-decoration: underline;
}

.page-template-qme-programmation .wp-block-file .wp-block-file__button {
    /* DIsable editor download buttom */
    display: none;
}

.page-template-qme-programmation .item {
    background: #fff;
    border: 3px solid #fff;
}

.page-template-qme-programmation .item.hors-sceance {
    background: #fff;
    border: 3px solid #707070;
}

.page-template-qme-programmation .hors-sceance .theme {
    font-size: 1.143em;
    font-weight: 600;
}

.page-template-qme-programmation span.theme {
    display: block;
    padding-bottom: 0.7rem;
}

.page-template-qme-programmation .item.hors-sceance>* {
    color: #000 !important;
}

.page-template-qme-programmation .activites-multi .presentateurs {
    margin-top: 4rem !important;
    width: calc(100% - 40px)
}

.page-template-qme-programmation .activites-multi .presentateurs .item {
    background: none;
    border: 0;
    margin: 0;
    padding: 0;
    min-height: 1px;
}

.page-template-qme-programmation .activites-multi .item.presentateur {
    padding-bottom: 1.9rem;
}

.page-template-qme-programmation .job-title {
    font-size: 1.6rem;
    font-weight: 600;
    color: #707070;
}

.page-template-qme-programmation .organisation {
    font-size: 1.6rem;
    font-weight: normal;
    color: #000;
}

.page-template-qme-programmation .item:hover {
    border-color: #133A79;
}

.page-template-qme-programmation .pauses .item {
    background: #dcdcdc;
    border: 0;
}

.page-template-qme-programmation .activites-multi,
.page-template-qme-programmation .activites-generales,
.page-template-qme-programmation .pauses,
.page-template-qme-programmation .presentateurs {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-content: flex-start;
    justify-content: flex-start;
}

.page-template-qme-programmation .activites-multi .item,
.page-template-qme-programmation .activites-generales .item,
.page-template-qme-programmation .pauses .item {
    margin: 0 0 0.6rem 0;
    padding: 1.9rem;
    width: 100%;
}

.page-template-qme-programmation .day-selector {
    text-align: center;
}

.page-template-qme-programmation .day-selector .date-day-name {
    font-size: 2.4rem;
    font-weight: 600;
    display: block;
}

.page-template-qme-programmation .day-selector .date {
    font-size: 2.0rem;
    font-weight: normal;
    display: block;
}

.page-template-qme-programmation .day-selector a {
    font-weight: 600;
    color: #133A79;
    background-color: #fff;
    border: 3px solid #133A79;
    line-height: 2.4rem;
    padding: 0.7rem 3.6rem;
    margin: 0.6rem 0;
    display: inline-block;
    width: 100%;
    transition-property: opacity, background-color, color;
    transition-timing-function: ease-in-out;
    transition-duration: .25s;
    cursor: pointer;
}

.page-template-qme-programmation .day-selector a:hover,
.page-template-qme-programmation .day-selector a:focus,
.page-template-qme-programmation .day-selector a.selected {
    color: #fff;
    background-color: #133A79;
}

.page-template-qme-programmation .hide {
    display: none !important;
}

.page-template-qme-programmation .themes-selector {
    display: block;
    margin-top: 4.2rem;
}

.page-template-qme-programmation .themes button {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    padding: 1.2rem 2.1rem;
    margin-bottom: 1.2rem;
    margin-right: 1.2rem;
    font-weight: 600;
    color: #133A79;
    background-color: #fff;
    border: 1px solid #133A79;
    font-size: 1.6rem;
    transition-property: opacity, background-color, color;
    transition-timing-function: ease-in-out;
    transition-duration: .25s;
    cursor: pointer;
}

/*.page-template-qme-programmation .themes button:hover,
.page-template-qme-programmation .themes button.focus {
    color: #fff;
    background-color: #133A79;
}*/

.page-template-qme-programmation .themes button.selected {
    color: #fff;
    background-color: #133A79;
}

.page-template-qme-programmation .themes button .label {
    padding: 0.4rem 0 0 1.5rem;
}

.page-template-qme-programmation .status-icon {
    display: block;
    height: 2.4rem;
    width: 2.4rem;
    border: solid 1px #fff;
}

.page-template-qme-programmation .item.sceance {
    position: relative;
    height: auto !important;
}

.page-template-qme-programmation .sceance .theme {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: flex-start;
    font-size: 1.143em;
    font-weight: 600;
}

.page-template-qme-programmation a.sceance {
    color: #000;
}

.page-template-qme-programmation a.sceance .theme .label {
    padding-left: 1.2rem;
}

.page-template-qme-programmation #page-container .sceance h4 {
    font-size: 1.6rem;
    font-weight: 600;
    color: #000;
}

.page-template-qme-programmation p.qme-nom-salle-partenaire{
    color: #000 !important;
}

@media (max-width: 768px){
    .page-template-qme-programmation p.qme-nom-salle-partenaire{
        margin: 2rem 0 !important;
    } 
}

/*
FR
theme-01 : Mines
theme-02 : Énergie
theme-03 : Mines et énergie
theme-04 : Acceptabilité sociale
theme-05 : Autochtones
theme-06 : Économie
theme-07 : Restauration
EN
theme-08 : Mines
theme-09 : Energy
theme-10 : Mines and energy
theme-11 : Social acceptability
theme-12 : Indigenous Space
theme-13 : Economy
theme-14 : Rehabilitation

*/
.page-template-qme-programmation .theme-01 .status-icon,
.page-template-quebecMines-inter .theme-01 .status-icon,
.page-template-qme-programmation .theme-08 .status-icon,
.page-template-quebecMines-inter .theme-08 .status-icon {
    background: #4C7BB1;
}

.page-template-qme-programmation .item.theme-01:hover,
.page-template-qme-programmation .item.theme-01:focus,
.page-template-qme-programmation .item.theme-01.selected,
.page-template-qme-programmation .item.theme-08:hover,
.page-template-qme-programmation .item.theme-08:focus,
.page-template-qme-programmation .item.theme-08.selected {
    border: solid 3px #4C7BB1;
}

.page-template-qme-programmation .theme-02 .status-icon,
.page-template-quebecMines-inter .theme-02 .status-icon,
.page-template-qme-programmation .theme-09 .status-icon,
.page-template-quebecMines-inter .theme-09 .status-icon {
    background: #FECC2F;
}

.page-template-qme-programmation .item.theme-02:hover,
.page-template-qme-programmation .item.theme-02:focus,
.page-template-qme-programmation .item.theme-02.selected,
.page-template-qme-programmation .item.theme-09:hover,
.page-template-qme-programmation .item.theme-09:focus,
.page-template-qme-programmation .item.theme-09.selected {
    border: solid 3px #FECC2F;
}

.page-template-qme-programmation .theme-03 .status-icon,
.page-template-quebecMines-inter .theme-03 .status-icon,
.page-template-qme-programmation .theme-10 .status-icon,
.page-template-quebecMines-inter .theme-10 .status-icon {
    background: #B7C54C;
}

.page-template-qme-programmation .item.theme-03:hover,
.page-template-qme-programmation .item.theme-03:focus,
.page-template-qme-programmation .item.theme-03.selected,
.page-template-qme-programmation .item.theme-10:hover,
.page-template-qme-programmation .item.theme-10:focus,
.page-template-qme-programmation .item.theme-10.selected {
    border: solid 3px #B7C54C;
}

.page-template-qme-programmation .theme-04 .status-icon,
.page-template-quebecMines-inter .theme-04 .status-icon,
.page-template-qme-programmation .theme-11 .status-icon,
.page-template-quebecMines-inter .theme-11 .status-icon {
    background: #EC7724;
}

.page-template-qme-programmation .item.theme-04:hover,
.page-template-qme-programmation .item.theme-04:focus,
.page-template-qme-programmation .item.theme-04.selected,
.page-template-qme-programmation .item.theme-11:hover,
.page-template-qme-programmation .item.theme-11:focus,
.page-template-qme-programmation .item.theme-11.selected {
    border: solid 3px #EC7724;
}

.page-template-qme-programmation .theme-05 .status-icon,
.page-template-quebecMines-inter .theme-05 .status-icon,
.page-template-qme-programmation .theme-12 .status-icon,
.page-template-quebecMines-inter .theme-12 .status-icon {
    background: #547353;
}

.page-template-qme-programmation .item.theme-05:hover,
.page-template-qme-programmation .item.theme-05:focus,
.page-template-qme-programmation .item.theme-05.selected,
.page-template-qme-programmation .item.theme-12:hover,
.page-template-qme-programmation .item.theme-12:focus,
.page-template-qme-programmation .item.theme-12.selected {
    border: solid 3px #547353;
}

.page-template-qme-programmation .theme-06 .status-icon,
.page-template-quebecMines-inter .theme-06 .status-icon,
.page-template-qme-programmation .theme-13 .status-icon,
.page-template-quebecMines-inter .theme-13 .status-icon {
    background: #A48661;
}

.page-template-qme-programmation .item.theme-06:hover,
.page-template-qme-programmation .item.theme-06:focus,
.page-template-qme-programmation .item.theme-06.selected,
.page-template-qme-programmation .item.theme-13:hover,
.page-template-qme-programmation .item.theme-13:focus,
.page-template-qme-programmation .item.theme-13.selected {
    border: solid 3px #A48661;
}

.page-template-qme-programmation .theme-07 .status-icon,
.page-template-quebecMines-inter .theme-07 .status-icon,
.page-template-qme-programmation .theme-14 .status-icon,
.page-template-quebecMines-inter .theme-14 .status-icon {
    background: #36b7f8;
}

.page-template-qme-programmation .item.theme-07:hover,
.page-template-qme-programmation .item.theme-07:focus,
.page-template-qme-programmation .item.theme-07.selected,
.page-template-qme-programmation .item.theme-14:hover,
.page-template-qme-programmation .item.theme-14:focus,
.page-template-qme-programmation .item.theme-14.selected {
    border: solid 3px #36b7f8;
}

.page-template-qme-programmation .disabled .status-icon {
    background: #dcdcdc;
    border: 3px solid #fff;
}


.page-template-qme-programmation .activites-multi .disabled {
    background: #dcdcdc;
    border: 3px solid #dcdcdc;
    pointer-events: none;
    cursor: default;
}

.page-template-qme-programmation .activites-multi .selected {
    background: #fff;
    border: 3px solid #fff;
}

@media (min-width: 768px) {

    .page-template-qme-programmation h1 {
        margin: 6.2rem 2.4rem 2.4rem 2.4rem !important;
    }

    .post-type-archive-cpt_qme-conferencier h1 {
        margin: 6.2rem 2.4rem 2.4rem 0 !important;
    }

    .page-template-qme-programmation h3 {
        margin: 0 0 2.4rem 0 !important;
    }

    .page-template-qme-programmation h3.time {
        margin-top: 4.2rem !important;
    }

    .page-template-qme-programmation .activites-multi {
        margin: 0 -0.6rem 0.6rem -0.6rem;
        overflow: hidden;
    }

    .page-template-qme-programmation .activites-multi .item {
        margin: 0.6rem;
        max-width: 35.40rem;
        height: auto !important;
    }

    .page-template-qme-programmation .activites-multi .presentateurs .item {
        width: 50%;
    }

    .page-template-qme-programmation span.theme {
        padding-bottom: 2.4rem;
    }

    .page-template-qme-programmation .activites-multi .presentateurs .item:nth-child(2n+1) {
        padding-right: 12px
    }

    .page-template-qme-programmation .activites-multi .presentateurs .item:nth-child(2n+0) {
        padding-left: 12px;
    }
}

@media (max-width: 1023px) {
    div.qme-inter div.qme-presidence .qme-presidence-content-wrapper div.qme-presidence-content {
        margin-bottom: 0;
    }
}

@media (min-width: 1024px) {

    .page-template-qme-programmation .entry-content {
        padding: 0 0 2.4rem 0;
    }

    .page-template-qme-programmation h1 {
        margin: 6.2rem 0 2.4rem 0 !important;
    }

    .page-template-qme-programmation .day-selector a {
        width: 32.46rem;
        margin: 0 0.3rem 0.6rem 0.3rem;
    }

    .page-template-qme-programmation h3.time {
        margin-top: 6.6rem !important;
    }

    .page-template-qme-programmation .activites-multi .item {
        max-width: 32.53rem;
        height: auto !important;
    }

}

/*Ateliers et formations*/
.page-template-qme-ateliers #et-main-area {
    background-color: #EFEFEF;
}

.page-template-qme-ateliers #main-content {
    background-color: #EFEFEF;
    width: calc(100% - 4.8rem);
    margin: 0 2.4rem;
}

@media (min-width: 768px) and (max-width: 999px) {
    .page-template-qme-ateliers #main-content {
        width: 100%;
        margin: 0;
    }
}

.page-template-qme-ateliers #main-content #left-area {
    padding: 0;
}

.page-template-qme-ateliers #main-content #left-area .entry-content {
    padding: 0 2.4rem 4.2rem 2.4rem;
}

.page-template-qme-ateliers .entry-title {
    padding: 0 2.4rem;
}

.page-template-qme-ateliers #page-container article.type-page {
    background: none;
}

.page-template-qme-ateliers h1 {
    margin-top: 4.8rem !important;
    margin-bottom: 3.6rem !important;
}

.page-template-qme-ateliers a.workshop-link {
    display: block;
    margin: 0 0 2.4rem 0;
    border: 3px solid #fff;
}

.page-template-qme-ateliers a.workshop-link:hover,
.page-template-qme-ateliers a.workshop-link:focus {
    border: 3px solid #133A79;
}

.card-workshop {
    width: 100%;
    position: relative;
    background-color: #fff;
    padding: 2.4rem 2.6rem;
}

/* .card-workshop:last-child {
    margin-bottom: 0;
} */

.workshop-location {
    font-size: 1.8rem;
    line-height: 2.4rem;
    color: #555555;
    font-family: 'Roboto', sans-serif;
    font-weight: bold;
    margin-bottom: 1rem;
    padding: 0;
}

.workshop-hour,
.speaker-name {
    font-size: 1.6rem;
    line-height: 2.1rem;
    color: #000;
    font-family: 'Roboto', sans-serif;
    font-weight: bold;
    margin-bottom: 0;
    padding: 0;
}

.workshop-logo {
    width: 188px;
    position: relative;
    margin-bottom: 2.4rem;
}

#page-container .card-workshop .workshop-title {
    font-size: 2.4rem !important;
    line-height: 3.2rem;
    color: #133A79;
    margin: 2.8rem 0 0 0 !important;
}

.card-workshop h3 {
    font-size: 1.8rem !important;
    line-height: 2.4rem;
    color: #555555;
    margin: 1.8rem 0 1.4rem 0 !important;
}

.workshop-speakers .speaker {
    margin: 0 0 1.2rem 0;
}

.workshop-speakers .speaker:last-child {
    margin-right: 0;
}

.workshop-speakers .speaker .speaker-compagny {
    font-size: 1.6rem;
    line-height: 2.1rem;
    color: #000;
    font-family: 'Roboto', sans-serif;
    font-weight: normal;
    margin-bottom: 0;
    padding: 0;
}

/******* QME Fiche ********/
/** QME entete **/
.page-template-quebecMines-inter .qme-entete {
    padding-top: 2.0rem;
}

.single-cpt_qme-conferencier .qme-entete {
    padding-top: 2.0rem;
}

div.qme-entete a {
    font-size: 14px !important;
    display: inline-block;
    padding: 12px 0;
    margin-left: 10px;
    margin-bottom: 12px;
    position: relative;
    -webkit-transition: .3s ease all;
    -moz-transition: .3s ease all;
    transition: .3s ease all;
}

div.qme-entete .conteneur-logo-commanditaire a {
    display: inherit;
    padding: 0;
    margin-left: 0;
    margin-bottom: 0;
}

.single-cpt_qme-conferencier a.qme-btn-retour:before,
.page-template-quebecMines a.qme-btn-retour:before,
.page-template-quebecMines-inter a.qme-btn-retour:before {
    content: url('/wp-content/themes/Divi-child/images/qme/0828-chevron-left.svg');
    position: relative;
    top: 0.5rem;
    right: 1.0rem;
}

.page-template-quebecMines-inter .theme {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    font-size: 1.143em;
    font-weight: 600;
    padding-bottom: 24px;
}

.page-template-quebecMines-inter .status-icon {
    display: block;
    height: 2.4rem;
    width: 2.4rem;
    border: solid 1px #fff;
}

.page-template-quebecMines-inter .theme .label {
    padding-left: 1.2rem;
    color: #000;
}

.page-template-quebecMines-inter #left-area p.date-qme-inter {
    padding: 24px 24px 24px 0;
    font-size: 2.0rem;
    font-weight: 600;
    margin: 0
}

div.qme-entete a:hover:after {
    right: -18px;
    -webkit-transition: .3s ease all;
    -moz-transition: .3s ease all;
    transition: .3s ease all;
}

.single-cpt_qme-conferencier a.qme-btn-retour,
.page-template-quebecMines a.qme-btn-retour,
.page-template-quebecMines-inter a.qme-btn-retour {
    font-weight: 600;
    font-size: 14px !important;
    text-decoration: none !important;
    color: #000;
}

a.qme-btn-retour i.fa {
    margin-right: 6px;
}

div.qme-entete p.salle-titre-inter {
    font-weight: bold;
    text-transform: uppercase;
    margin-bottom: 6px;
}

div.qme-inter h1 {
    margin-left: 0;
    width: 70%;
    font-size: 2.8rem;
    line-height: 1.125em;
    padding-top: 0;
    margin-top: 0px !important;
    margin-bottom: 0px !important;
    color: #000;
}

div.qme-inter h1:after {
    content: none;
    display: none;
}

/*
.page-template-quebecMines-inter h3.subconf-role {
    color: #000 !important;
}
*/

/** QME contenu fiche **/

.page-template-quebecMines-inter .qme_inter_conferenciers {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}

.page-template-quebecMines-inter a.website,
.page-template-quebecMines-inter a.linkedin {
    color: #2C65FB;
    text-decoration: underline;
    padding-left: 10px;
}

.page-template-quebecMines-inter .qme-presentation a.download {
    display: block;
    color: #2C65FB;
    text-decoration: underline;
    padding: 12px 24px 24px 0;
}

.page-template-quebecMines-inter .qme-presidence a.website,
.page-template-quebecMines-inter .qme-presidence a.linkedin {
    display: block;
}

.page-template-quebecMines-inter .qme-fiche-conf a.website,
.page-template-quebecMines-inter .qme-fiche-conf a.linkedin {
    display: block;
}

.page-template-quebecMines-inter a.website:before {
    content: url('/wp-content/themes/Divi-child/images/qme/0790-link.svg');
    position: relative;
    top: 0.3rem;
    right: 1.0rem;
}

.page-template-quebecMines-inter a.linkedin:before {
    content: url('/wp-content/themes/Divi-child/images/qme/458-linkedin.svg');
    position: relative;
    top: 0.3rem;
    right: 1.0rem;
}

.page-template-quebecMines-inter .qme-inter-name a,
.page-template-quebecMines-inter .qme-pres-name a {
    color: #2C65FB !important;
    text-decoration: none;
}


div.qme-inter div.qme-presidence,
div.qme-inter div.qme-fiche-conf {
    padding: 48px 24px;
    float: left;
}

div.qme-presidence .qme-presidence-content-wrapper {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}

/* div.qme-inter div.qme-presidence {
    width: 33%;
} */

div.qme-inter div.qme-presidence img.qme-img-presidence {
    width: 72px;
}

.page-template-quebecMines-inter #left-area {
    padding: 0 !important;
}

.page-template-quebecMines-inter #main-content {
    background: #EFEFEF;
}

.page-template-quebecMines-inter .qme-entete {
    background: #fff;
}

div.qme-fiche-conf {
    width: 66%;
}

div.qme-fiche-conf a.toggle-qme {
    text-decoration: none;
    -webkit-transition: .3s ease all;
    -moz-transition: .3s ease all;
    transition: .3s ease all;
}

div.qme-inter img.qme-linkedin-icon {
    position: relative;
    top: 4px;
    width: 18px;
}

/** QME section presidence **/
div.qme-inter h2.qme-pres-title {
    font-size: 10px !important;
    font-weight: bold;
}

div.qme-inter div.qme-presidence div.qme-presidence-content,
div.sub-conf div.qme-intervenant {
    margin-bottom: 2.4rem;
}

div.qme-inter div.qme-presidence h2.qme-pres-title {
    font-size: 11px !important;
    font-weight: bold;
    text-transform: uppercase;
    margin: 0 !important;
    padding-bottom: 6px;
}

div.qme-inter div.qme-presidence p.qme-pres-name {
    font-weight: bold;
    margin: 0 !important;
}

div.qme-inter div.qme-presidence p.qme-pres-entreprise {
    margin-bottom: 0;
}

div.qme-inter div.qme-presidence a~a,
div.qme-inter div.sub-conf a~a {
    /* margin-left: 4px; */
    text-decoration: underline;
    color: #2C65FB;
}

/** QME conference desc **/
div.sub-conf {
    position: relative;
    background-color: #fff;
    margin-bottom: 24px;
    /* border-radius: 2px;
    border: 1px solid #d7dce4; */
}

div.sub-conf:last-child {
    margin-bottom: 0px !important;
}

p.subconf-hour {
    font-weight: bold;
    margin-bottom: 14px;
}

.page-template-quebecMines-inter #page-container div.sub-conf h2.subconf-title {
    font-size: 2.4rem;
    /* margin: 0px !important;
    padding: 0px !important; */
}

/*
div.sub-conf h3.subconf-role {
    text-transform: uppercase;
    margin: 24px 0 !important;
}
*/

div.sub-conf div.intervenants_sub_conf {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}

div.sub-conf div.inter-conf-thumb,
div.sub-conf div.inter-pres-thumb {
    width: 72px;
    height: 72px;
    overflow: hidden;
}

div.sub-conf div.inter-conf-thumb img {
    width: 72px;
}

div.sub-conf div.qme-intervenant{
    min-height: 12.0rem;
    width: 50%;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    padding-right: 24px;
}
div.qme-presidence-content {
    width: 50%;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    padding-right: 24px;
}

div.sub-conf .inter-conf-profile-info {
    padding-left: 24px;
    width: calc(100% - 72px);

}
div.inter-pres-profile-info {
    padding-left: 24px;
  padding-top: 24px;

}

div.sub-conf p.qme-inter-name {
    margin-bottom: 0;
    font-weight: bold;
}

div.sub-conf p.qme-inter-entreprise,
div.sub-conf p.subconf-role {
    margin-bottom: 0;
}

div.sub-conf a.toggle-qme {
    display: block;
    background-color: #133A79;
    color: #fff;
    font-family: "Roboto", sans-serif;
    font-weight: bold;
    padding: 12px 24px;
}

div.sub-conf a.toggle-qme>p {
    margin: 0px;
    text-decoration: none;
}

div.sub-conf a.toggle-qme i.fa {
    float: right;
    font-size: 1rem;
    position: relative;
    top: 3px;
    color: #fff;
}

div.sub-conf p.detail-qme-subconf {
    margin-bottom: 0;
    display: none;
    text-decoration: none;
    padding: 12px 24px 24px 24px;
    background-color: #FBFBFC;
}

/* Conférencier */

.post-type-archive-cpt_qme-conferencier div#et-main-area {
    background: #fff;
}

.conferenciers-row {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: flex-start;
}

.conferences-associees {
    padding: 1.2rem 0 2.4rem 0;
}

.conferences-associees a.conference-item {
    display: block;
    padding: 1.8rem;
    border: 1px solid #555;
    margin-bottom: 1.2rem;
    line-height: 2.4rem;
    transition-property: opacity, background-color, color;
    transition-timing-function: ease-in-out;
    transition-duration: .25s;
    cursor: pointer;
}

.conferences-associees a.conference-item:hover,
.conferences-associees a.conference-item:focus {
    border: 3px solid #133A79;
    padding: 1.6rem;
}

#page-container .conferences-associees a.conference-item h3 {
    margin: 0 0 0.5rem 0;
    font-size: 2.4rem;
    color: #133A79;
}

.conferences-associees span {
    display: inline-block;
    padding: 0.6rem 4.8rem 0 1.0rem;
}

.conferences-associees span.date:before {
    content: url('/wp-content/themes/Divi-child/images/qme/calendrier.svg');
    position: relative;
    top: 0.3rem;
    right: 0.9rem;
}

.conferences-associees span.heure:before {
    content: url('/wp-content/themes/Divi-child/images/qme/horloge.svg');
    position: relative;
    top: 0.4rem;
    right: 0.9rem;
}

@media (max-width: 767px) {
    .post-type-archive-cpt_qme-conferencier #page-container .et_pb_section {
        padding: 1.645rem 1.0rem;
    }

    .cpt_qme-conferencier .conferencier-qm {
        margin: 0;
    }

    .cpt_qme-conferencier .qme-entete {
        padding: 0.45rem 0.4rem 0 0.4rem;
    }

    .single-cpt_qme-conferencier .qme-entete {
        padding: 0.45rem 0 0;
    }
}

@media (min-width: 768px) and (max-width: 999px) {

    .page-template-quebecMines #main-content,
    .single-cpt_qme-conferencier #main-content,
    .post-type-archive-cpt_qme-conferencier #page-container .et_pb_section {
        padding: 0 0.8rem;
    }

    .post-type-archive-cpt_qme-conferencier #page-container .et_pb_section {
        margin: 0;
    }
}

@media (min-width: 981px) {
    .post-type-archive-cpt_qme-conferencier .et_pb_gutters3 .et_pb_column_1_5 {
        width: 22.5%;
    }
}

@media (max-width: 1000px) {

    .page-template-quebecMines-inter .qme-entete {
        padding: 2.4rem;
    }
}
@media (max-width: 768px) {

    /** QME Programmation **/
    .themes button {
        top: 0;
    }

    /** QME fiche **/

    /* QME fiche entete */
    div.qme-entete,
    .page-template-quebecMines-inter .qme-info-fiche {
        width: 100%;
        /* padding: 24px; */
    }

    .page-template-quebecMines-inter .qme-entete {
        padding: 2.4rem;
    }

    .page-template-quebecMines .qme-entete {
        padding: 0;
        margin: -20px 0;
    }

    .page-template-quebecMines #page-container .et_pb_section.conferencier-qm {
        padding: 0;
    }

    /* QME fiche presidence */
    div.qme-inter div.qme-presidence,
    div.qme-inter div.qme-fiche-conf {
        float: none;
        width: 100%;
        padding-bottom: 0;
    }

    div.qme-presidence div.entry-content {
        font-size: 16px !important;
          padding-top: 20px;
    }
  div.sub-conf p.detail-qme-subconf {
    padding: 12px 0;
}

    div.qme-inter div.qme-presidence h2.qme-pres-title,
    div.qme-inter div.entry-content p {
        margin: 0px !important;
    }
  .page-template-quebecMines-inter #page-container div.sub-conf h2.subconf-title {
        font-size: 2rem;
    margin: 0 0 2rem;
    line-height: 2.4rem;
}
  p.subconf-hour {
    margin-bottom: 0px;
}

    /* QME fiche conference */
    div.qme-inter div.qme-fiche-conf {
        margin-bottom: 40px;
    }

    div.sub-conf {
        width: 100%;
    }
}

@media (max-width: 600px) {

    /* QME Programmation */

    /* .page-template-qme-programmation .themes button {
        width: 100%;
        margin-right: 0;
        margin-bottom: 0.5rem;
    } */

    /** QME fiche **/
    /* QME fiche entete */
    div.qme-programme h1 {
        width: 100%;
    }

    /* QME fiche presidence */

    div.qme-presidence div.qme-presidence-content,
    div.qme-presidence div.entry-content {
        width: 100%;
        margin-left: 0;
    }

    div.qme-inter div.qme-presidence,
    div.qme-inter div.qme-fiche-conf {
        padding: 12px 24px 20px 24px;
        float: none;
    }

    .page-template-quebecMines #main-content {
        padding: 0.45rem 1.7rem 2.0rem 1.7rem;
    }

    /* QME fiche conference */
    div.sub-conf {
        widows: 100%;
    }

    div.sub-conf div.qme-intervenant,
    div.qme-presidence-content {
        width: 100%;
    }
}

@media (min-width: 768px) {
    #main-footer .col-4 {
        -ms-flex: 0 0 33.333333%;
        flex: 0 0 33.333333%;
        max-width: 33.333333%;
        padding-right: 2.4rem;
    }

    #main-footer .col-4:last-child {
        padding-right: 0;
    }

    #main-footer .col-8 {
        -ms-flex: 0 0 66.666667%;
        flex: 0 0 66.666667%;
        max-width: 66.666667%;
        padding-left: 2.4rem;
    }

    #main-footer .newsletter {
        padding: 5rem 0 3.6rem 0;
        margin: 0;
        text-align: left;
    }

    #main-footer .newsletter .w-50 {
        width: 49.5%;
        display: inline-block;
    }

    #main-footer .newsletter .w-50:first-child,
    #main-footer .newsletter .w-50.email {
        padding-right: 2%;
    }

    #main-footer .newsletter form .checkboxes {
        display: inline-block;
    }

    #main-footer .newsletter form .checkboxes label {
        font-size: 1.6rem;
        line-height: 2.1rem;
    }

    #main-footer .newsletter form .checkboxes #check_2 {
        margin-left: 6.2rem;
    }

    #main-footer .newsletter form p {
        font-size: 1.6rem;
        line-height: 2.1rem;
    }

    #main-footer .newsletter form label {
        font-size: 1.4rem;
        line-height: 1.9rem;
    }

    #main-footer .newsletter form .btn-submit {
        width: 292px;
        padding: 1.8rem 3.6rem;
        font-size: 2.4rem;
        line-height: 3.2rem;
        margin-top: 2.4rem;
    }

    .footer-contact .row {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        margin: 0 auto;
    }

    .workshop-logo {
        position: absolute;
        top: 2.4rem;
        right: 2.4rem;
        margin: 0;
    }

    .workshop-speakers {
        display: flex;
        flex-direction: row;
    }

    .workshop-speakers .speaker {
        margin: 0 3.6rem 0 0;
    }

    .page-template-quebecMines-inter #page-container article.type-page {
        background: none;
    }

    div.qme-presentation {
        padding: 24px 24px 12px 24px;
    }

    p.date-qme-inter {
        font-size: 2.8rem;
    }
}

@media (min-width: 600px) {
    div.qme-presidence div.qme-presidence-content {
        padding-right: 24px;
    }

    div.qme-presidence div.entry-content {
        width: 80%;
    }
}

@media (min-width: 768px) and (max-width:1000px) {
    #primary-menu .navbar .widget_nav_menu .menu {
        width: fit-content;
        margin: 0 auto;
    }
}

/* LOGO en mode mobile */
#primary-menu .qme-logo {
    display: block;
    width: 104px;
    /*margin-right: 2.4rem;*/
    margin: 1rem;
}


@media (min-width:1000px) {
    #main-footer .inscription {
        background-color: #10387B;
        padding: 6rem 2.4rem;
    }

    #main-footer .inscription .qme-logo {
        margin: 0 1.2rem;
    }

    #main-footer .inscription .container {
        display: flex;
        align-items: center;
    }

    /* LOGO en mode desktop */
    #primary-menu .qme-logo {

        /*display: block;*/
        /*width: 104px;*/
        /*margin-right: 2.4rem;*/
        margin: 0 2.4rem 0 0;

    }

    #main-footer .newsletter .row {
        padding: 0;
    }


    .primary-menu-inner {
        display: flex;

    }


    .primary-menu-inner,
    #main-footer .inscription .container,
    #main-footer .newsletter .row,
    .footer-contact .row {
        width: 1000px;
    }

    #primary-menu .navbar .widget_nav_menu .menu {
        display: flex;
        align-items: center;
        white-space: none;
        display: flex;
        flex-wrap: nowrap;
        overflow: auto;
    }

    #primary-menu .navbar .widget_nav_menu .menu li {
        flex: 0 0 auto;
        flex-grow: 1;
        padding: 2.4rem 1.2rem;
    }

    #primary-menu .navbar .widget_nav_menu .menu li a {
        line-height: 2.6rem;
    }

    #primary-menu .navbar .widget_nav_menu .menu li a:hover {
        text-decoration: underline;
    }

    #primary-menu .navbar .widget_nav_menu .menu li.menu-item-has-children a:hover {
        text-decoration: none;
    }

    #primary-menu .navbar .widget_nav_menu .menu li.menu-item-has-children ul.sub-menu li a:hover {
        text-decoration: underline;
    }

    #primary-menu .navbar .widget_nav_menu .menu li.et-show-dropdown .sub-menu,
    #primary-menu .navbar .widget_nav_menu .menu li.menu-item-has-children:focus-within .sub-menu {
        display: flex;
        left: -128px;
    }

    #primary-menu .navbar .widget_nav_menu .menu li.et-show-dropdown .sub-menu:before,
    #primary-menu .navbar .widget_nav_menu .menu li.menu-item-has-children:focus-within .sub-menu:before {
        content: "";
        background-color: #061123;
        position: absolute;
        height: 100%;
        width: 4000px;
        left: -2000px;
        z-index: -1;
    }

    #primary-menu .navbar .widget_nav_menu .et-show-dropdown .sub-menu li,
    #primary-menu .navbar .widget_nav_menu .menu li.menu-item-has-children:focus-within .sub-menu li {
        text-align: inherit;
        width: fit-content;
    }

    #primary-menu .navbar .widget_nav_menu .et-show-dropdown .sub-menu li:first-child,
    #primary-menu .navbar .widget_nav_menu .menu li.menu-item-has-children:focus-within .sub-menu li:first-child {
        text-align: left;
        padding-left: 0 !important;
    }

    .page-template-qme-programmation #main-content,
    .page-template-qme-ateliers #main-content {
        width: 1000px;
        margin: 0 auto;
    }

    .page-template-quebecMines .qme-entete,
    .page-template-quebecMines-inter .qme-btn-retour,
    .page-template-quebecMines-inter .salle-categ-inter,
    .page-template-quebecMines-inter .salle-titre-inter,
    .page-template-quebecMines-inter h1,
    .page-template-quebecMines-inter .qme-info-fiche {
        display: block;
        width: 1000px;
        margin: 0 auto;
    }

    .page-template-quebecMines-inter h1 {
        padding-bottom: 2.4rem;
    }

    .page-template-quebecMines-inter .qme-btn-retour {
        padding-left: 10px;
    }

    div.qme-inter h1 {
        width: 1000px;
        padding-right: 30%;
        margin: 0 auto !important;
        font-size: 3.2rem;
    }

    .conteneur-logo-commanditaire{
        float: right;
        margin: -9% 25% 0 0;
    }
    

    .page-template-quebecMines-inter #left-area p.date-qme-inter {
        width: 1000px;
        margin: 0 auto;
        padding: 0 24px 24px 0;
        font-size: 2.0rem;
    }

    .page-template-quebecMines-inter #left-area p.salle-partenaire-qme-inter {
        width: 1000px;
        margin: 0 auto;
        padding: 12px 24px 12px 0;
    }

    .page-template-quebecMines-inter #left-area div.conteneur-logo-qme-inter{
        width: 1000px;
        margin: 0 auto;
        padding-bottom: 2rem;
    }

    .page-template-quebecMines-inter #left-area img.logo-partenaire-qme-inter{
        padding: 0 !important;
        margin: 0 !important;
    }

    .page-template-quebecMines-inter #page-container div.sub-conf h2.subconf-title {
        font-size: 2.4rem;
    }

    .page-template-qme-ateliers #main-content #left-area .entry-content {
        padding: 0 0 4.2rem 0;
    }

    .page-template-qme-ateliers .entry-title {
        padding: 0;
    }

    /*
    .page-template-qme-ateliers h3.subconf-role {
        font-size: 1.4rem
    }
    */
    .page-template-qme-ateliers h1 {
        margin-top: 6.2rem !important;
    }

    .page-template-quebecMines-inter .date-qme-inter {
        font-size: 3.6rem;
        padding-left: 0;
    }

    .page-template-quebecMines-inter .qme-fiche-conf a.website,
    .page-template-quebecMines-inter .qme-fiche-conf a.linkedin {
        display: block;
        margin-right: 0;
    }

    div.qme-inter div.qme-presidence {
        margin-top: 48px;
        padding: 0;
    }

    div.qme-presidence div.qme-presidence-content {
        padding: 0 0 24px 0;
        background: #fff;
    }

    div.qme-inter div.qme-presidence {
        width: 294px;
    }

    div.qme-inter div .inter-pres-thumb {
       /* padding-bottom: 24px;*/
    }

    div.qme-presidence div.qme-presidence-content {
        display: block;
        width: 100%;
    }

    div.qme-inter div.qme-fiche-conf {
        padding-right: 0;
        padding-left: 0;
        margin-left: 46px;
    }

    div.qme-presidence div.entry-content {
        background: #fff;
        padding: 24px;
        margin-bottom: 48px;
        width: 100%;
    }

    div.qme-inter div.qme-presidence img.qme-img-presidence {
        position: relative;
        width: 100%;
    }

    .page-template-quebecMines-inter .theme-wrapper {
        width: 1000px;
        margin: 0 auto;
        padding-top: 24px;
    }
}


/* Ajuster la taille du menus secteur */
#menu-menu-secteurs li>a,
#menu-sectors li>a,
.menu-primaire-mobile li>a {
    font-size: 0.8em;
}











/************************* SCROLL ***********************/

@media (min-width: 981px) {
    .menu-slider {
        border-top: none !important;
    }

    .menu-slider ul {
        overflow-x: inherit !important;

    }
}



.menu-slider {
    border-top: 1px solid #061123;
}

.menu-slider ul.menu {
    white-space: nowrap;
    overflow-x: auto;
    /*-webkit-overflow-scrolling: touch;*/
    -ms-overflow-style: -ms-autohiding-scrollbar;
}

/*
.menu-slider .widget_nav_menu h4{
    display:none !important;
}

*/
.paddle {
    position: absolute;
    top: 0;
    bottom: 0;
    width: 4.8rem;
}


.paddle .fa-chevron-right {

    margin-left: 12px;
}



.paddle .fa-chevron-left {
    margin-right: 12px;
}



.left-paddle {
    left: 0;
    background: transparent;
}

.right-paddle {
    right: 0;
    background: transparent;
}

button.left-paddle.paddle,
button.right-paddle.paddle {
    color: #ffffff;

    border: none;
    outline: none;
}

button.right-paddle.paddle {
    /*    background: linear-gradient(90deg,hsla(0,0%,100%,0) 0,#223654 55%,#223654);*/
    background: linear-gradient(90deg, hsla(0, 0%, 100%, 0) 0, #061123 75%, #061123);
}

button.left-paddle.paddle {
    /*background: linear-gradient(270deg,hsla(0,0%,100%,0) 0,#223654 55%,#223654);*/
    background: linear-gradient(270deg, hsla(0, 0%, 100%, 0) 0, #061123 75%, #061123);
}

.hidden {
    display: none;
}

.menu-slider ul {
    /*line-height: 3rem;*/
    /*min-height: 6rem;*/

}


/************************* SCROLL ***********************/