
/* ! REGLAGES GLOBAUX */
legend, h1, h2, h3, h4, h5, h6, .title, p, ul, li, a, tr, th, td {
    font-family: Roboto, sans-serif !important;
}
.widget-title.widget-title.widget-title {
    font-size: 17px;
    font-weight: bold;
    color: #185ADB;
}

/* ! HEADER */
.searchform input[type="text"] {
    border-color: #0B3E8E;
    border-radius: 5px;
}
.wd-search-cat>a, input.s::placeholder{
    color: #0B3E8E !important;
}
.top-header-link {
    color: #fff;
    text-transform: uppercase;
}
.wd-header-cart .wd-cart-subtotal {
    color: #185ADB;
    font-weight: 400;
}
.searchform .searchsubmit {
    color: #0B3E8E !important;
}
@media all and (min-width:1025px) and (max-width:1110px) {
	.wd-nav>li>a {
		padding-left: 4px !important;
		padding-right: 5px !important;
	}
}
@media all and (max-width: 854px) {
    .whb-top-bar .whb-col-right {
        display: flex !important;
    }
    .whb-top-bar .whb-col-right .wd-social-icons {
        display: none !important;
    }
    .whb-top-bar .whb-col-mobile {
        display: none !important;
    }
    .whb-top-bar .nav-link-text {
        font-size: 10px !important;
    }
    .whb-top-bar .container {
        padding: 0 !important;
    }
    .whb-top-bar .container .whb-top-bar-inner {
        justify-content: center !important;
    }
}
@media all and (max-width: 355px) {
    .whb-top-bar .nav-link-text {
        font-size: 8px !important;
    }
}
@media all and (min-width: 855px) and (max-width: 1024px) {
    .whb-visible-lg {
        display: flex !important;
    }
    .whb-top-bar .whb-top-bar-inner .whb-hidden-lg {
        display: none !important;
    }
}

/*^ Mega menu */
.wd-nav-img {
    width: 186px;
    max-height: 133px !important;
    margin-bottom: 14px;
}
.wd-sub-menu .menu-item .woodmart-nav-link {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    color: var(--wd-primary-color);
}
.wd-sub-menu .menu-item .sub-sub-menu li a {
    color: #707070 !important;
    padding-bottom: 0 !important;
}
/*#menu-mega-menu .wd-design-full-width {
    left: 50% !important;
}*/
.wd-dropdown-menu.wd-design-full-width {
    width: max-content !important;
}
#menu-mega-menu .wd-sub-menu li a:hover {
    font-weight: bold !important;
}
/* Sticky */
.whb-sticked .wd-nav>li>a {
    padding-left: 4px !important;
    padding-right: 5px !important;
}
.whb-sticky-header .wd-nav>li { 
    max-width: 90px; 
}
.whb-sticky-header .wd-nav[class*="wd-style-"]>li.menu-item-has-children>a:after { 
    content: none; 
}
.whb-sticky-header .wd-sticky-logo img {
    width: 100px;
}
.mobile-nav .wd-nav .mobile-categories-title {
    display: none;
}
.mobile-nav .wd-nav .mobile-pages-title {
    max-width: 100%;
}

/*^ GRID MEGA MENU */
@media all and (min-width: 1025px) {
    .wd-dropdown-menu.wd-design-full-width .wd-sub-menu>li {
        margin-bottom: 5px !important;
    }
    .wd-dropdown-menu.wd-design-full-width {
        padding-bottom: 30px;
    }
    .wd-dropdown-menu.wd-design-full-width .wd-sub-menu>li>a {
        font-weight: normal !important;
        text-transform: initial !important;
    }
    /* Profilés */
/*    #menu-mega-menu .mm-profiles .wd-design-full-width {
        transform: translate(-6%, 0);
    }*/

    /* Rubans flexibles */
    .mm-rubans-flexibles ul.wd-sub-menu {
        display: grid;
    	grid-template-columns: 200px 200px 200px 200px;
    	grid-template-areas:
        "premier deuxieme troisieme quatrieme"
        "premier deuxieme cinquieme sixieme";
    }
    .smm-rubans-flexibles {
        grid-area: premier;
    }
    .smm-neons-accessoires {
        grid-area: deuxieme;
    }
    .smm-modules-led {
        grid-area: troisieme;
    }
    .smm-controleur-led {
        grid-area: quatrieme;
    }
    .smm-alimentations {
        grid-area: cinquieme;
    }
    .smm-accessoires {
        grid-area: sixieme;
    }

    /* Eclairage intérieur */
/*    #menu-mega-menu .mm-eclairage-int .wd-design-full-width {
        transform: translate(-20%, 0);
    }*/
    .mm-eclairage-int ul.wd-sub-menu {
        display: grid;
        grid-template-columns: 190px 230px 210px;
    }
    .menu-item-20722 > .wd-dropdown-menu {
        padding-right: 200px;
        background-position-y: 40px;
        background-position-x: 645px;
    }

    /* Eclairage extérieur */
/*    #menu-mega-menu .mm-eclairage-ext .wd-design-full-width {
        transform: translate(-40%, 0);
    }*/
    .mm-eclairage-ext .wd-dropdown-menu.wd-design-full-width {
        padding-bottom: 80px;
    }
    .mm-eclairage-ext ul.wd-sub-menu {
        display: grid;
        grid-template-columns: 200px 200px 200px;
        grid-template-rows: 36px;
        grid-template-areas:
        "ext-premier ext-deuxieme ext-troisieme"
        ". ext-quatrieme ext-cinquieme"
        ". ext-sixieme ext-septieme"
        ". ext-huitieme .";
        grid-auto-flow: column;
    }
    .menu-item-20720 > .wd-dropdown-menu {
        padding-right: 200px;
        background-position-y: 40px;
        background-position-x: 610px;
    }
    .smm-projeteurs {
        grid-area: ext-premier;
    }
    .smm-encastres-sol-ext {
        grid-area: ext-deuxieme;
    }
    .smm-rechargeable-ext {
        grid-area: ext-troisieme;
    }
    .smm-encastres-muraux-ext {
        grid-area: ext-quatrieme;
    }
    .smm-piscines {
        grid-area: ext-cinquieme;
    }
    .smm-wall-wascher {
        grid-area: ext-sixieme;
    }
    .smm-submersibles {
        grid-area: ext-septieme;
    }
    .smm-solaires-ext {
        grid-area: ext-huitieme;
    }

    /* Luminaires */
/*    #menu-mega-menu .mm-luminaires .wd-design-full-width {
        transform: translate(-60%, 0);
    }*/

    /* Mobilier */
/*    #menu-mega-menu .mm-mobilier .wd-design-full-width {
        transform: translate(-67%, 0);
    }*/
    .mm-mobilier ul.wd-sub-menu {
        display: grid;
        grid-template-columns: 400px 400px;
    }
    .menu-item-20767 > .wd-dropdown-menu {
        padding-right: 200px;
        background-position-y: 40px;
        background-position-x: 810px;
    }

    /* Eclairage connecté */
/*    #menu-mega-menu .mm-eclairage-connecte .wd-design-full-width {
        transform: translate(-84%, 0);
    }*/
    .mm-eclairage-connecte .wd-dropdown-menu.wd-design-full-width {
        padding-bottom: 120px !important;
    }
    .mm-eclairage-connecte ul.wd-sub-menu {
        display: grid;
        grid-template-columns: 200px 220px 230px;
    }
    .menu-item-20719 > .wd-dropdown-menu {
        padding-right: 210px;
        background-position-y: 40px;
        background-position-x: 670px;
    }

    /* Projet inspiration */
/*    #menu-mega-menu .mm-projet-inspiration .wd-design-full-width {
        transform: translate(-104%, 0);
    }*/
    .mm-projet-inspiration ul.wd-sub-menu {
        display: grid;
        grid-template-columns: 230px 150px 250px;
    }
    .menu-item-20794 > .wd-dropdown-menu {
        padding-right: 180px;
        background-position-y: 40px;
        background-position-x: 620px;
    }
}

/* ! TITRE DES PAGES */
.page-title-default>.container>h1 {
    font-family: Roboto;
    font-size: 42px;
    font-weight: 500;
}
.page-title-default {
    background-image: url(https://deneoled.digitics.fr/wp-content/uploads/2021/09/Groupe-232.png);
    background-repeat: no-repeat;
    height: 99px;
    display: flex;
    background-size: contain;
    align-items: center;
    padding: 70px 0 !important;
}

/* ! ACCUEIL */ 
.wd-entry-meta .meta-reply a:after {
    font-family: 'Font Awesome 5 Free' !important;
    content: "\f075" !important;
}
.owl-carousel .owl-stage-outer {
    height: fit-content !important;
}
.accueil-categories-produits .cat-design-default .hover-mask {
    position: relative;
    right: 0px;
    bottom: 0px;
    left: 0px;
    display: list-item;
}
.accueil-categories-produits .cat-design-default .hover-mask .wd-entities-title {
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
    width: fit-content;
}
.accueil-categories-produits .cat-design-default:hover .hover-mask {
    transform: translateY(100%) translateZ(0) !important;
    -webkit-transform: translateY(100%) translateZ(0) !important;
}
.elementor-section-boxed .elementor-widget-icon-box,
.elementor-section-boxed .elementor-widget-icon-box .elementor-widget-container {
    min-height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

@media all and (max-width:768px) {
    .wd-slider .owl-dots {
        display: block !important;
    }
}
@media all and (max-width:1024px) {
    #slider-54 .wd-slide {
        min-height: auto !important;
    }
    .wd-slide .wd-slide-container {
        padding-top: 0 !important;
    }
}

/* ! PAGE PRODUIT */
.single-product-page .woocommerce-breadcrumb .breadcrumb-last {
    color: #0B3E8E;
}
.site-content .header_category .header_category_title {
    color: #185ADB;
    font-size: 26px;
    font-weight: 500;
    text-transform: unset;
} 
.single-product-page .product_title {
    font-size: 36px;
    color: #0B3E8E;
}
.single-product-page .woocommerce-Price-amount {
    font-size: 28px;
    color: #0B3E8E;
    font-weight: 500;
}
.single-product-page p,
.single-product-page .woocommerce-Tabs-panel ul li {
    font-size: 14px;
    line-height: 24px;
}
.single-product-page li.active a {
    color: #0B3E8E !important;
    font-size: 20px !important;
    font-weight: normal !important;
    text-transform: initial !important;
}
.single-product-page li a {
    color: #7F7F7F !important;
    font-size: 20px !important;
    font-weight: normal !important;
    text-transform: initial !important;
}
.single-product-page .wd-fontsize-m {
    font-size: 26px;
    font-weight: 500;
    text-transform: none !important;
}
.product_meta .tagged_as {
    display: none !important;
}

/* ! PAGES BLOG + LES ARTICLES */
/* .title-blog>.container>h1 {
    font-family: Roboto;
    font-size: 42px;
    font-weight: 500;
}
.title-blog {
    background-image: url(https://deneoled.digitics.fr/wp-content/uploads/2021/09/Groupe-232.png);
    background-repeat: no-repeat;
    height: 99px;
    display: flex;
    background-size: contain;
    align-items: center;
    padding: 0 !important;
} */

.blog .post-title a,
.single-post .post-title {
    font-size: 36px;
    font-weight: 500;
    color: #0B3E8E;
}
.blog .meta-author,
.blog .meta-author a,
.single-post .meta-author,
.single-post .meta-author a {
    font-size: 13px;
    color: #707070;
}
.blog .article-body-container .entry-content,
.single-post .article-body-container p {
    font-size: 14px;
    line-height: 24px;
}
.blog .entry-header .post-date {
    display: none;
}
.blog .btn-read-more {
    font-size: 15px;
    font-weight: 500;
}
.blog .share-with-lines>span {
    border-bottom: 1px solid #185ADB;
    opacity: 0.2;
}
.blog-design-default-alt.blog-design-default-alt .article-body-container {
    margin-left: 0;
    margin-right: 0;
}
.blog-style-shadow.blog-style-shadow .article-body-container {
    box-shadow: none;
}
.blog .icons-design-bordered .wd-social-icon {
    border: 2px solid #185ADB;
    background-color: transparent;
    color: #185ADB !important;
}
.single-post .owl-stage-outer .hover-mask {
    display: none;
}
.single-post .liner-continer h4 {
    font-size: 37px;
    font-weight: 500;
    color: #0B3E8E;
}
.single-post .wd-title-style-underlined .liner-continer {
    border-bottom: 2px solid #E0E9FA;
}
.single-post .wd-title-style-underlined.wd-title-color-primary .title,
.single-post .wd-title-style-underlined.wd-title-color-default .title {
    border-color: #628FE6;
}
.single-post .slider-type-product .wd-entities-title a {
    color: #000;
}
.single-post .elementor-widget-container p strong,
.single-post .elementor-widget-container p strong a {
    color: #185ADB;
}
.article-inner .meta-author {
    display: none;
}
@media (min-width: 1025px) {
    .title-blog .container h3.entry-title {
        font-size: 55px !important;
    }
}


/* ! PAGE QUI SOMMES NOUS */
.page-id-10220 .main-page-wrapper>.page-title {
    background-repeat: no-repeat;
    height: 99px;
    display: flex;
    align-items: center;
}

/* ! PAGE BOUTIQUE */
.woocommerce-page.woocommerce-page.woocommerce-page .widget h5,
.woocommerce-page.woocommerce-page.woocommerce-page .widget h3 {
    color: #000;
    text-transform: uppercase;
    font-size: 17px;
    font-weight: 500;
}
.woocommerce-page .widget_price_filter .price_slider_amount .button {
    background-color: #F7F7F7;
    border-radius: 0;
}
.woocommerce-page .product-information .wd-entities-title a {
    color: #000;
}
.woocommerce .wd-more-desc .wd-more-desc-inner {
    display: none;
}
.wd-products-per-page .per-page-title {
    text-transform: capitalize;
}

/* ! PANIER - PROCESS DE PAIEMENT */
.place-order .woocommerce-terms-and-conditions-wrapper {
    display: none;
}

/* ! CONTACT */ 
.contact-adresse .fa-map-pin {
    margin-top: -18px;
}

/* ! FOOTER */
.copyrights-wrapper {
    background-color: #185ADB;
}
.copyrights-wrapper .min-footer {
    padding-top: 0;
    padding-bottom: 0;
}
footer .widget-title {
    text-transform: initial !important;
    color: #185ADB !important;
    font-size: 20px !important;
    font-weight: bold !important;
}
footer .widget_nav_menu ul li a,
footer .footer-widget .menu li a {
    color: #185ADB !important;
    font-size: 14px !important;
}

@media all and (max-width: 1024px) {
    footer .whb-visible-lg {
        display: flex !important;
    }
    footer .whb-visible-lg .wd-header-text:nth-child(2),
    footer .whb-flex-row .whb-column:nth-child(2),
    footer .whb-flex-row .whb-column:nth-child(3) {
        display: none !important;
    } 
    footer .whb-col-mobile {
        justify-content: end !important;
    }
}
@media all and (max-width: 450px) {
    footer .container>.whb-flex-row {
        flex-direction: column-reverse;
        align-items: center;
    }
    footer .mini-footer-droit .container {
        margin-top: 10px;
        margin-bottom: 10px;
    }
}
@media all and (max-width: 327px) {
    footer .min-footer .col-left {
        margin-top: 10px;
    }
}