/*
 * Bold Application level overrides
 * (things that dont make sense in a toolkit :)
 * copyright @colossal 2015
 */

/* main app navbar */
.app-navbar {
  position: absolute;
  z-index: 2;
  width: 100%;
}
.app-navbar .icon {
  margin-right: 5px;
}

/* slides */
.app-block-slides {
  background-color: #000;
}
.app-block-slides::before {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-image: linear-gradient(to bottom right, #3399cc, #ff6600);
  opacity: .6;
}

.app-block-slides .row {
    margin-bottom: 50px;
}

/* grid */
.app-block-grid {
  margin-top: -25px;
}
.app-block-grid .container {
  position: relative;
  top: -80px;
  z-index: 2;
}
.app-block-grid img {
  width: 100%;
}

.app-block-resources {
  z-index: 6;
}
.app-block-resources .block-bg {
  background-color: #cc3333;
  background-image: url(../images/resources.jpg);
  background-position: center;
  background-size: cover;
}

.app-block-video {
  z-index: 5;
}

.app-block-video .block-bg {
  border-bottom: 10px solid #cc3333;
}

/* Newsletter block */
.app-block-newsletter {
  z-index: 4;
}