/* ===== Primary Styles =====================================================
   Author: acb
   ========================================================================== */

body {
  background: url('../img/project_papper.png') repeat !important;
  overflow: scroll;
  overflow-x: inherit;
}

.paragraph ul {
  list-style: square;
}

@media (min-width: 980px) {
  .paragraph ol, .paragraph ul {
    padding: 10px 100px 10px 30px;
  }
}

.paragraph ol li, .paragraph ul li {
  padding-bottom: 10px;
}

.paragraph .thumbnail {
  float: none;
  margin: 0 auto 30px auto;

}

.nav-list > li > a {
  padding: 5px 15px !important;
}

.nav-list > .active > a, .nav-list > .active > a:hover {
  background-color: #0071cd !important;
}

.navbar .nav.hidden-desktop {
  width: 100%;
  margin: 0 !important;
}

.navbar .nav.hidden-desktop > li:first-child {
  width: 34%;
}

.navbar .nav.hidden-desktop > li {
  padding: 0 !important;
  width: 33%;
}

.navbar .nav.hidden-desktop > li > a {
  text-align: center;
  padding: 10px 0 !important;
}

.navbar .nav > li > a {
  padding: 10px 12px 10px 10px !important;
  border-bottom: 1px solid transparent;
  -webkit-transition: all 0.2s ease-out; 
     -moz-transition: all 0.2s ease-out; 
       -o-transition: all 0.2s ease-out; 
          transition: all 0.2s ease-out;

}

.navbar-fixed-top .navbar-inner, .navbar-fixed-bottom .navbar-inner {
  padding: 0 !important;
}

.navbar .nav .active > a, .navbar .nav .active > a:hover {
  background: transparent !important;
  border-bottom: 1px solid whitesmoke;
}

.navbar .nav > li > a:hover {
  border-bottom: 1px solid whitesmoke;
}

#owl-div {
  float: right;
  height: 128px;
  width: 128px;
  position: relative;
  top: -10px;
  background: url('../img/owl-icon.png') no-repeat;
}

.hero-unit {
  padding: 50px 60px 30px 60px !important;
  background: #EAEAEA url('../img/owl-icon.png') no-repeat 95% 15% !important;
}

.hero-unit h1 {
  font-size: 52px !important;
}

.nav-list > li > a {
  border-radius: 4px;
}

footer p {
  float: left;
  line-height: 28px;
  color: grey;
}

footer .net-container {
  float: right;
  width: 220px;
  height: 103px;
  background: url('../img/summit-logo.jpg') no-repeat;
}

.net-container a {
  display: block;
  height: 100%;
  width: 100%;
}

hr {
  border-top: 1px solid #e0e0e0 !important;
}

/* ==========================================================
   Custom Styles for pages with iframe (to prevent scrolling issue with fixed navbar)
   ========================================================== */

@media (min-width: 980px) {
  .navbar-fixed-top, .navbar-fixed-bottom {
    position: absolute !important;
  }
}

iframe {
  border: 1px solid #ccc !important;
}