/*

Theme Name: Builder M-Créa
Theme URI: https://agencemcrea.fr/
Author: Agence M-Créa
Author URI: https://agencemcrea.fr/
Description : Builder M-Créa
Version: 1.0

*/


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

    CHAPITRES - BUILDER M-CREA

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

/*

CHAPITRE 1 - 
CHAPITRE 2 - 
CHAPITRE 3 - 
CHAPITRE 4 - 
CHAPITRE 5 - 
CHAPITRE 6 - 
CHAPITRE 7 - 
CHAPITRE 8 - 
CHAPITRE 9 - 
CHAPITRE 10 - 
CHAPITRE 11 - 
CHAPITRE 12 - 
CHAPITRE 13 - 
CHAPITRE 14 - 
CHAPITRE 15 - 
CHAPITRE 16 - 
CHAPITRE 17 - 
CHAPITRE 18 - 
CHAPITRE 19 -  

*/


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

    NAVIGATION PAGES - BUILDER M-CREA

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

.nav-container {
height: 82px;
}

.navigation-wrap {
position: fixed;
width: 100%;
top: 0;
left: 0;
z-index: 1000;
-webkit-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}

/* Init + Scroll */

.start-header {
opacity: 1;
transform: translateY(0);
padding: 10px 0;
-webkit-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}

.start-header.scroll-on {
box-shadow: 0 5px 10px 0 rgba(138, 155, 165, 0.15);
-webkit-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}

.start-header.scroll-on .navbar-brand img {
-webkit-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}

/* Style */

.navbar {
padding: 0;
}

.navbar-brand img {
width: auto;
display: block;
-webkit-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}

.navbar-toggler {
float: right;
border: none;
background: #f2931d;
border-radius: 50%;
padding: 10px;
width: 40px;
height: 40px;
}

.navbar-toggler:active,
.navbar-toggler:focus {
outline: none;
}

.navbar-light .navbar-toggler-icon {
width: 20px;
height: 14px;
background-image: none;
position: relative;
border-bottom: 2px solid #020203;
transition: all 300ms linear;
}

.navbar-light .navbar-toggler-icon:after,
.navbar-light .navbar-toggler-icon:before {
width: 20px;
position: absolute;
height: 2px;
background-color: #ffffff;
top: -2px;
left: 0;
content: '';
z-index: 2;
transition: all 300ms linear;
}

.navbar-light .navbar-toggler-icon:after {
top: 5px;
}

.navbar-toggler[aria-expanded="true"] .navbar-toggler-icon:after {
transform: rotate(45deg);
}

.navbar-toggler[aria-expanded="true"] .navbar-toggler-icon:before {
transform: translateY(7px) rotate(-45deg);
}

.navbar-toggler[aria-expanded="true"] .navbar-toggler-icon {
border-color: transparent !important;
}

.navbar-nav li a {
color: #FFF !important;
font-weight: 500;
text-transform: uppercase;
font-size: 13px;
transition: all 200ms linear;
}

.navbar-nav li:hover .navbar-nav li a {
color: #98C01D !important;
}

.navbar-nav li.active .navbar-nav li a {
color: #777 !important;
}

.navbar-nav li a {
position: relative;
padding: 5px 0 !important;
display: inline-block;
}

.navbar-nav li a:hover {
opacity: 0.6;
}

.navbar-nav li:after {
position: absolute;
top: 10px;
right: -25px;
width: 1px;
height: 20px;
content: '';
background-color: #f2931d;
}

.navbar-nav li:last-child:after {
display: none;
}

.navbar-nav li {
margin-left: 30px;
position: relative;
transition: all 200ms linear;
}

.navbar-nav li:first-child {
margin-left: 0;
}

/* Dropdown */

.dropdown-toggle::after {
content: "\f107";
font-family: "FontAwesome";
display: inline-block;
position: absolute;
font-size: 15px;
width: 10px;
bottom: 17px;
right: 0;
left: 0;
margin: 0 auto;
border: none;
transition: all 0.5s;
transform-origin: center;
z-index: 1001;
}

.menu-item-has-children.dropdown:hover .dropdown-toggle::after {
transform: scaleX(-1);
}

.dropdown-menu {
min-width: auto;
width: 140px;
text-align: center;
top: 30px;
left: -22px;
background: transparent;
border-radius: 0;
border: none;
padding: 0;
margin: 0;
}

.navbar-nav li.current-menu-parent a,
.navbar-nav li.current-menu-item a {
opacity: 1 !important;
}

body .navbar-nav li .dropdown-menu a,
body.white .navbar-nav li .dropdown-menu a {
color: #FFF !important;
font-size: 14px;
font-weight: 400 !important;
white-space: break-spaces;
line-height: 1.2;
text-transform: initial !important;
padding-left: 13px !important;
padding-right: 13px !important;
text-decoration: none !important;
border-top: 1px solid transparent;
border-bottom: 1px solid transparent;
}

.start-header.scroll-on .dropdown-menu {
top: 19px;
}

.navbar-nav .dropdown-menu li:first-child {
margin-top: 25px;
}

.start-header.scroll-on .navbar-nav .dropdown-menu li:first-child {
margin-top: 35px;
}

/*
.navbar-nav .dropdown-menu li:first-child,
.navbar-nav .dropdown-menu li:last-child {
background: #939398;
}
*/

body .navbar-nav .dropdown-menu .current-menu-item a,
body.white .navbar-nav .dropdown-menu .current-menu-item a {
color: #FFF !important;
font-weight: 600 !important;
border-color: transparent !important;
}

.dropdown-item:focus, .dropdown-item:hover {
background-color: transparent;
border-top: 1px solid #FFF !important;
border-bottom: 1px solid #FFF !important;
}

body .navbar-nav li .dropdown-menu li:first-child a {
border-top: none !important;
}

body .navbar-nav li .dropdown-menu li:last-child a {
border-bottom: none !important;
}

body .navbar-nav .dropdown-menu .current-menu-item,
body.white .navbar-nav .dropdown-menu .current-menu-item {
background: #ea6209 !important;
}

.navbar-nav .dropdown-menu li {
margin: 0;
background: linear-gradient( to right, #f2931d, #ea6209) !important;
}

.navbar-nav .dropdown-menu li:last-child {
border-bottom: none;
}

.navbar-nav .dropdown-menu li:after {
display: none;
}

.navbar-nav .dropdown-menu li a {
padding: 8px !important;
}

/* Animation */

.dropdown .dropdown-menu {
overflow: hidden;
transform-origin: top center;
transform: scale(1, 0);
display: block;
}

.dropdown:hover .dropdown-menu {
transition: all 0.5s;
transform: scale(1);
}

body:after {
content: '';
position: fixed;
z-index: 100;
width: 100%;
height: 100%;
top: 0;
background: rgb(0 0 0 / 80%);
bottom: 0;
opacity: 0;
visibility: hidden;
transition: all 0.5s;
}

body.nav_open:after {
opacity: 1;
visibility: visible;
}

/* ====== RESPONSIVE ====== */


@media (max-width: 1199px) {

    /* Style */
    .navbar-nav {
    margin: 20px 0 10px;
    padding: 10px;
    background: #F1F1F1;
    }
    
    .dropdown-toggle::after,
    .navbar-nav li:after {
    display: none;
    }

    li#menu-item-207:before,
    li#menu-item-208:before,
    li#menu-item-209:before {
    position: initial !important;
    margin-right: 5px;
    }

    .navbar-nav li a:hover {
    opacity: 1 !important;
    }

    .navbar-nav li {
    margin-left: 0 !important;
    padding: 5px 10px;
    }

    .navbar-nav li:hover:after,
    .navbar-nav li.active:after {
    display: none;
    }

    .nav-container button:after,
    .nav-container a.btn:after {
    display: none;
    }

    /* Dropdown */

    .dropdown .dropdown-menu {
    transform: scale(1, 1);
    width: 100%;
    text-align: left;
    display: none;
    }

    .dropdown .dropdown-menu.show {
    display: block;
    }

    .dropdown-menu {
    margin-top: 5px;
    margin-bottom: 5px;
    border-left: 2px solid #f2931d;
    }

    .navbar-nav .dropdown-menu li {
    padding: 0;
    border-bottom: none;
    margin: 0 !important;
    background: transparent !important;
    }

    body .navbar-nav li .dropdown-menu a {
    font-size: 15px;
    color: #f2931d !important;
    padding-left: 15px !important;
    padding-right: 15px !important;
    border: none !important;
    }

    #menu-item-360 {
    display: none;
    }

}