@import "bootstrap";

@import url('https://fonts.googleapis.com/css?family=Work+Sans:200,300,400,700,800');

/* non theme specific helpers */
.bg-white {
    background-color: #fff;
}

section {
    min-height: 90vh;
}

.long-lists ul li {
    margin: 5px 0;
}

html {
    scroll-behavior: smooth;
}

body,html {
    min-height: 100%;
}
/* END THEME */


/* this template -- must be relative for scrollspy to work */
body {
    position: relative;
}

.min-100 {
    min-height: 100vh;
}

/* base container on percent to cala sidebar widths when fixed */
@media (min-width: 576px) {
    .container {
        width: 80%;
        max-width: 100%;
    }
}

@media (min-width: 768px) {
    .container {
        width: 80%;
        max-width: 100%;
    }
}

@media (min-width: 992px) {
    .container {
        width: 80%;
        max-width: 100%;
    }
}

@media (min-width: 1200px) {
    .container {
        width: 80%;
        max-width: 100%;
    }
}

.navbar.affix-top,
.navbar.affix-bottom {
  position: static;
  background: #ccc;
}

.navbar.affix{
  position: fixed;
  width: 100%;
  top: 0;
  z-index: 100;
  background: #fff;
  transition: all .35s ease;
}

#lett {
    width: 33.3333%;
}

#sidemenu.affix-top, #sidemenu.affix {
    position: static;
}

#sidemenu.affix-bottom {
    position: relative;
}

@media (min-width: 768px) {
    #sidemenu.affix {
      position: fixed;
      top: 40px;
      width: 17%;
    }
}

#sidemenu .nav-link.active,
#sidemenu .nav-link:hover,
#sidemenu .nav-link:focus{
    color: #111;
    border-right: 3px #bbb solid;
}

/* only show subitems when parent is active*/
#sidemenu .nav-item .nav-link.active + .nav .nav-item {
    display: list-item;
}
#sidemenu .nav-item .nav-item {
    display: none;
}

.anchor{
  display: block;
  height: 70px;
  margin-top: -70px;
  visibility: hidden;
}

.anchor +h5{
    margin: 10px 0;
}

#content .nav-link {
    color: #555;
    transition: all 0.2 ease;
}

footer a {
    color: #ccc;
}
footer a:hover,
footer a:focus{
    color: #eee;
}