.xdebug-var-dump {
    background: #eee;
    padding: 1em;
    border: 1px solid #ddd;
}

.screen-reader-text {
    display: none;
}

.bg-black {background: #222 !important;}

/* ------------ */

a {
    color: inherit;
}

.min-vh-10 { min-height: 10vh!important; }
.min-vh-20 { min-height: 20vh!important; }
.min-vh-30 {min-height: 30vh!important;}
.min-vh-40 { min-height: 40vh!important; }
.min-vh-50 { min-height: 50vh!important; }
.min-vh-60 { min-height: 60vh!important; }
.min-vh-70 { min-height: 70vh!important; }
.min-vh-80 { min-height: 80vh!important; }
.min-vh-90 { min-height: 90vh!important; }
.min-vh-100 { min-height: 100vh!important; }

.link-unstyled, .link-unstyled:visited, .link-unstyled:hover, .link-unstyled:active, .link-unstyled:focus, .link-unstyled:active:hover {
    font-style: inherit;
    color: inherit;
    background-color: transparent;
    font-size: inherit;
    text-decoration: none;
    font-variant: inherit;
    font-weight: inherit;
    line-height: inherit;
    font-family: inherit;
    /* border-radius: inherit; */
    /* border: inherit; */
    /* outline: inherit; */
    /* box-shadow: inherit; */
    /* padding: inherit; */
    /* vertical-align: inherit; */
}

.opacity-0 { opacity: 0; }
.opacity-25 { opacity: 25; }
.opacity-50 { opacity: 50; }
.opacity-75 { opacity: 75; }
.opacity-75 { opacity: 75; }
.opacity-100 { opacity: 100; }

.max-width-none {
    max-width: none!important;
}

.navbar-dark .navbar-nav .menu-collapse .active>.nav-link, 
.navbar-dark .navbar-nav .menu-collapse .nav-link.active, 
.navbar-dark .navbar-nav .menu-collapse .nav-link.show, 
.navbar-dark .navbar-nav .menu-collapse .show>.nav-link,
.navbar-dark .navbar-nav .menu-collapse .nav-link,
.navbar-dark .navbar-nav .show>.nav-link,
.navbar-dark .navbar-nav .show>.nav-link:not(.active) {
    color: inherit;
}

#menu-menu-principal {
    font-size: 0.95em;
}

#menu-menu-principal .nav-link[data-toggle="collapse"] {
    position: relative;
    padding-right: 1.6em;
}

.navbar-light .navbar-nav .nav-link {
   color: rgba(0,0,0,.9); 
}

#menu-menu-principal .nav-link[data-toggle="collapse"]:after {
    content: '›';
    position: absolute;
    right: .75em;
    font-size: 1rem;
    transform: rotate(90deg);
}

#menu-menu-principal .nav-link[data-toggle="collapse"][aria-expanded="true"]:after {
    transform: rotate(-90deg);
}

#menu-menu-principal .menu-collapse  {
    font-size: 93%;
}


@media screen and (min-width: 992px) {
    
    header #menu-menu-principal > li > .menu-collapse  {
        position: absolute;
        width: 250px;
        background-color: #fff;
        box-shadow: 0 2px 7px rgba(0, 0, 0, 0.13);
        z-index: 32;
    }

}



/* SIDENAV */

.flyout {
    overflow: hidden !important;
}

body.flyout-active {
    max-height: 100vh;
    overflow: hidden;
}

.flyout {
    width: 250px;
    position: fixed;
    top: 0;
    left: 0;
    height: 100vh;
    z-index: 999;
    background: #fff;
    transition: all 0.3s;
    overflow-y: scroll;
    overflow-x: hidden;
    box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.09);
    transform: translateX( -100% );
    /* display: flex; */
    /* flex-wrap: nowrap; */
}

.flyout.active {
    transform: translateX( 0 )
}


#overlay {
    visibility: hidden;
    position: fixed;
    width: 100vw;
    height: 100vh;
    background: rgba(0, 0, 0, 0.7);
    z-index: 998;
    opacity: 0;
    transition: opacity 0.15s ease-in-out;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
}

#overlay.active {
    visibility: visible;
    opacity: 1;
}

.flyout-header {
    padding: 20px;
    border-bottom: 1px solid #eee;
}

.flyout-title {
    margin: 0;
}


.flyout-inside-toggler {
    position: absolute;
    top: 0;
    right: 0;
}

.flyout-content {
    padding: 20px;
}

.flyout .dropdown-menu.show {
    position: static !important;
    transform: none !important;
}



/* Formulaires */


.comments-area {
    margin-top: 3rem;
    padding-top: 3rem;
    border-top: 1px solid #ced4da;
}

#commentform input:not([type=submit]):not([type=checkbox]), 
#commentform textarea {
    display: block;
    width: 100%;
    height: calc(1.5em + .75rem + 2px);
    padding: .375rem .75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: .25rem;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}

#commentform textarea {
    height: auto;
}

#commentform #wp-comment-cookies-consent {
    display: inline-block;
    margin-right: .2em;
}

#commentform .wp-comment-cookies-consent label {
    display: inline;
}