/* SMOOTH SCROLLING */

.scroll-container {
  height: 100vh;
  overflow-y: scroll;
  scroll-snap-type: y mandatory;
}

section {
  height: 100vh;
  scroll-snap-align: center;
}


/* COLORS */
.navbar-translate {
  color: #fff;
}

.main {
  position: relative;
  background: #1E1E1E;
}

.section {
  padding: 50px 0;
      padding-bottom: 70px;
  position: relative;
  background: #1E1E1E;
}

.bg-primary {
  background-color: #05AE0E !important;
}

.card-footer {
  padding: 0px;
  background-color: #1E1E1E);
  border-top: 0px;
}

body {
  color: #C0C1C2;
  font-size: 10px;
  font-family: 'Press Start 2P', cursive;
}

.clear-filter[filter-color="orange"] {
  background: rgba(44, 44, 44, 0.2);
  /* For browsers that do not support gradients */
  background: -webkit-linear-gradient(90deg, rgba(44, 44, 44, 0.2), rgba(5, 174, 14, 0.6));
  /* For Safari 5.1 to 6.0 */
  background: -o-linear-gradient(90deg, rgba(44, 44, 44, 0.2), rgba(5, 174, 14, 0.6));
  /* For Opera 11.1 to 12.0 */
  background: -moz-linear-gradient(90deg, rgba(44, 44, 44, 0.2), rgba(5, 174, 14, 0.6));
  /* For Firefox 3.6 to 15 */
  background: linear-gradient(0deg, rgba(44, 44, 44, 0.2), rgba(5, 174, 14, 0.6));
  /* Standard syntax */
}

/* LOGO */

.z-logo {
  width: 10%;
}

.z-map {
  color: #1E1E1E;
}

/* FONTS */

.description, .card-description, .footer-big p {
  color: #C0C1C2;;
  font-weight: 300;
}

/* QUOTES */

.blockquote.blockquote-primary {
  border-color: #05AE0E;
  color: #05AE0E;
}

.blockquote.blockquote-primary small {
  color: #05AE0E;
}

[data-background-color="orange"] {
  background-color: #05AE0E;
}

/* COMMENTS */

.typography-line {
  padding-left: 0%;
  margin-bottom: 35px;
  position: relative;
  display: block;
  width: 100%;
}

/* SECTIONS */

.section-images {
  max-height: 0px;
  height: 0px;
}


/* MARGINS */

.margin-top-50 {
  margin-top: 50px;
} 

.margin-top-25 {
  margin-top: 25px;
} 

/* PADDINGS */

.padding-top-50 {
  padding-top: 50px;
} 

.padding-top-25 {
  padding-top: 25px;
} 

/* BUTTONS */

.btn-primary:hover, .btn-primary:focus, .btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active, .btn-primary:not(:disabled):not(.disabled):active:focus, .btn-primary:not(:disabled):not(.disabled).active:focus, .btn-primary:active:hover, .btn-primary.active:hover, .show > .btn-primary.dropdown-toggle, .show > .btn-primary.dropdown-toggle:focus, .show > .btn-primary.dropdown-toggle:hover {
  background-color: rgb(0, 209, 10);
  color: #FFFFFF;
  box-shadow: none;
}

.btn-primary {
  background-color: #05AE0E;
  color: #FFFFFF;
}

.btn-lg {
  font-size: 1em;
  border-radius: 0px;
  padding: 15px 48px;
}

/* NAV TABS & PILLS */

.sidebar-collapse .navbar-collapse::before {
  background: #f96332;
  background: -webkit-linear-gradient(#f96332 0%, #000 80%);
  background: -o-linear-gradient(#f96332 0%, #000 80%);
  background: -moz-linear-gradient(#f96332 0%, #000 80%);
  background: #05AE0E;
}

.nav-pills.nav-pills-primary .nav-item .nav-link.active, .nav-pills.nav-pills-primary .nav-item .nav-link.active:focus, .nav-pills.nav-pills-primary .nav-item .nav-link.active:hover {
  background-color: #05AE0E;
}

.nav-tabs > .nav-item > .nav-link.active {
  background-color: #444;
  border-radius: 0px;
  color: #888888;
}

.nav-tabs > .nav-item > .nav-link {
  color: #888888;
  margin: 0;
      margin-right: 0px;
  margin-right: 5px;
  background-color: transparent;
  border: 1px solid transparent;
  border-radius: 30px;
  font-size: 14px;
  padding: 11px 23px;
  line-height: 1.5;
}

.nav-pills .nav-item .nav-link {
  padding: 10px 23px;
  background-color: rgba(222, 222, 222, 0.3);
  min-width: 100px;
  font-weight: 400;
  text-align: center;
  color: #444;
}

/* CARDS */

.card {
  border: 0;
  border-radius: 0px;;
  display: inline-block;
  position: relative;
  width: 100%;
  margin-bottom: 30px;
  box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.2);
}

.card-body {
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  padding: 1.25rem;
  background-color: #444;
}

.card .nav-tabs {
  border-top-right-radius: 0px;
  border-top-left-radius: 0px;
}

.section-story-overview p.blockquote {
  width: 400px;
  min-height: 180px;
  text-align: left;
  position: absolute;
  top: 376px;
  right: 207px;
  z-index: 0;
}

@media (max-width: 1200px) {
  .m-margin-top-50 {
    margin-top: 50px;
  }
  
.section-story-overview p.blockquote {
  width: 100%;
  text-align: left;
  position: absolute;
  top: 376px;
  right: 207px;
  z-index: 0;
}

}


img {
  max-width: 100%;
  border-radius: 0px;
}

.carousel .carousel-inner {
  box-shadow: 0px 10px 25px 0px rgba(0, 0, 0, 0.3);
  border-radius: 0;
}

.nopad {
  padding-right: 0px;
  padding-left: 0px;

}