Team:MIT/assets/css/stylebar.css

@import "https://fonts.googleapis.com/css?family=Poppins:300,400,500,600,700"; body {

   font-family: 'Poppins', sans-serif;
   background-color: #f2edeb;

}

p {

   font-family: 'Poppins', sans-serif;
   font-size: 1.1em;
   font-weight: 300;
   line-height: 1.7em;
   color: #999;

}

a, a:hover, a:focus {

   text-decoration: none;
   transition: all 0.3s;

}

.sidenav {

   padding: 15px 10px;
   background: #fff;
   border: none;
   border-radius: 0;
   margin-bottom: 40px;
   font-size: 15pt;
   background-color: transparent;
   /*box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.1);*/

}

.sidenav a {

   color: gray;

}

.sidenav a:hover {

   color: black;

}

.sidenav .nav-item {

   padding: 5px;

}

.active-side {

   background-color: #e3beb1;
   border-radius: 10px;
   transition: all 0.3s;

}

/* .sticky-top {

   top: 200px; 

}

• /

/* .navbar-btn {

   box-shadow: none;
   outline: none !important;
   border: none;

}

.line {

   width: 100%;
   height: 1px;
   border-bottom: 1px dashed #ddd;
   margin: 40px 0;

}

• /

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

   SIDEBAR STYLE

---

*/

/* .wrapper {

   display: flex;
   width: 100%;

}

1. sidebar {

   width: 250px;
   position: fixed;
   top: 0;
   left: 0;
   height: 100vh;
   z-index: 999;
   background: #808080;
   color: #fff;
   transition: all 0.3s;

}

1. sidebar.active {

   margin-left: -250px;

}

1. sidebar .sidebar-header {

   padding: 20px;
   background: #6d7fcc;

}

1. sidebar ul.components {

   padding: 20px 0;
   border-bottom: 1px solid #47748b;

}

1. sidebar ul p {

   color: #fff;
   padding: 10px;

}

1. sidebar ul li a {

   padding: 10px;
   font-size: 1.1em;
   display: block;

}

1. sidebar ul li a:hover {

   color: #7386D5;
   background: #fff;

}

1. sidebar ul li.active>a,

a[aria-expanded="true"] {

   color: #fff;
   background: #6d7fcc;

}

a[data-toggle="collapse"] {

   position: relative;

}

.dropdown-toggle::after {

   display: block;
   position: absolute;
   top: 50%;
   right: 20px;
   transform: translateY(-50%);

}

ul ul a {

   font-size: 0.9em !important;
   padding-left: 30px !important;
   background: #6d7fcc;

}

ul.CTAs {

   padding: 20px;

}

ul.CTAs a {

   text-align: center;
   font-size: 0.9em !important;
   display: block;
   border-radius: 5px;
   margin-bottom: 5px;

}

• /

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

   CONTENT STYLE

---

*/

1. content {

   width: 100%;
   padding: 40px;
   min-height: 100vh;
   transition: all 0.3s;
   top: 0;
   right: 0;
   position: relative;
   z-index: 1;

}

1. content.active {

   width: 100%;

}

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

   MEDIAQUERIES

---

*/

/* @media (max-width: 768px) {

   #sidebar {
       margin-left: -250px;
   }
   #sidebar.active {
       margin-left: 0;
   }
   #content {
       width: 100%;
   }
   #content.active {
       width: calc(100% - 250px);
   }
   #sidebarCollapse span {
       display: none;
   }

}

• /