/* CSS Document by Black meridian */



/* ------------------------------------------------------------------------ */
/* >>>>>>>>>>>>>   generalites                                         <<<< */
/* ------------------------------------------------------------------------ */




/* ------------------------------------------------------------------------- */
/* >>>>>>>>>>>>>   classe                                       <<<<<<<<<<<< */
/* ------------------------------------------------------------------------- */


/* ------------------------------------------------------------------------- */
/* >>>>>>>>>>>>>   header                                       <<<<<<<<<<<< */
/* ------------------------------------------------------------------------- */



/* ------------------------------------------------------------------------- */
/* >>>>>>>>>>>>>   nav                                          <<<<<<<<<<<< */
/* ------------------------------------------------------------------------- */

/* ------------------------------------------------------------------------- */
/* >>>>>>>>>>>>>   mainContent                                  <<<<<<<<<<<< */
/* ------------------------------------------------------------------------- */


/* ------------------------------------------------------------------------- */
/* >>>>>>>>>>>>>   footer                                       <<<<<<<<<<<< */
/* ------------------------------------------------------------------------- */

/* ------------------------------------------------------------------------- */
/* >>>>>>>>>>>>>   footer                                       <<<<<<<<<<<< */
/* ------------------------------------------------------------------------- */


/* ------------------------------------------------------------------------- */
/* >>>>>>>>>>>>>   offcanvas                                    <<<<<<<<<<<< */
/* ------------------------------------------------------------------------- */

@media screen and (max-width: 768px) {
  .row-offcanvas {
    position: relative;
    -webkit-transition: all 0.25s ease-out;
    -moz-transition: all 0.25s ease-out;
    transition: all 0.25s ease-out;
  }

  .row-offcanvas-right
  .sidebar-offcanvas {
    right: -50%; /* 6 columns */
  }

  .row-offcanvas-left
  .sidebar-offcanvas {
    left: -50%; /* 6 columns */
  }

  .row-offcanvas-right.active {
    right: 50%; /* 6 columns */
  }

  .row-offcanvas-left.active {
    left: 50%; /* 6 columns */
  }

  .sidebar-offcanvas {
    position: absolute;
    top: 0;
    width: 50%; /* 6 columns */
  }
}

/* ------------------------------------------------------------------------- */
/* >>>>>>>>>>>>>   media queries                                <<<<<<<<<<<< */
/* ------------------------------------------------------------------------- */

/* Extra small devices (phones, up to 480px) */
/* No media query since this is the default in Bootstrap */

/* Small devices (tablets, 768px and up) */
@media (min-width: @screen-sm) { ... }

/* Medium devices (desktops, 992px and up) */
@media (min-width: @screen-md) { ... }

/* Large devices (large desktops, 1200px and up) */
@media (min-width: @screen-lg) { ... }