/* Required for full background image */

html,
body,
header,
.intro-2 {
  height: 100%;
}

@media (max-width: 740px) {

  html,
  body,
  header,
  .intro-2 {
    height: auto;
  }
}

@media (min-width: 800px) and (max-width: 850px) {

  html,
  body,
  header,
  .intro-2 {
    height: 950px;
  }
}

.btn .fa {
  margin-left: 3px;
}


.top-nav-collapse {
  background-color: #140000 !important;
}

.navbar:not(.top-nav-collapse) {
  background: #140000 !important;
}

@media (max-width: 991px) {
.navbar:not(.top-nav-collapse) {
  background: #140000 !important;
}
}

.btn-white {
  color: black !important;
}

h6 {
  line-height: 1.7;
}

.cacao-brown {
  background-color: #140000;
}

.milky-cacao-brown {
  background-color: #E9C8A5 !important;
}

.cacao-brown-text {
  color: #140000 !important;
}

.mid-brown-text{
  color: #53463D;
}

.chocolate-background {
  background-color: #402102 !important;
}

.chocolate-button {
  background-color: #402102 !important;
  color: #fff !important;
}

.chocolate-brown {
  color: #402102 !important;
}

.btn-outline-brown {
  border: 2px solid #402102 !important;
  background-color: transparent !important;
  color: #402102 !important;
}

.outline {
  border: 4px solid #402102;
}

.line-space {
  line-height: 180%;
}

.footer-link:hover {
  font-weight: bold;
}


.milky-cacao-brown-text {
  color: #E9C8A5;
}

.milky-cacao-brown-background {
  background-color: #E9C8A5 !important;
}

a {
  color: #E9C8A5 !important;
}

i {
  color: #E9C8A5;
}

@font-face {
  font-family: AvenirNext-DemiBold;
  src: url(../font/avenir/AvenirNext-DemiBold.ttf);
}

@font-face {
  font-family: 'Book Antiqua';
  font-style: normal;
  font-weight: normal;
  src: local('Book Antiqua'), url('../font/book_antiqua/BKANT.woff') format('woff');
}

@font-face {
  font-family: Channel-Slanted;
  src: url(../font/channel_slanted/Channel_Slanted_2/Channel_Slanted2.ttf);
}

.main {
  font-family: Channel-Slanted;
}

.sub {
  font-family: 'Book Antiqua';
}

.nav-link {
  font-family: AvenirNext-DemiBold;
}

.background {
  background-color: rgba(64, 33, 2, 0.9);
}

.pills-primary .nav-link.active, .pills-primary .show>.nav-link, .tabs-primary {
  background-color: #E05148!important;
}

section.team-section .avatar img {
  max-width: 400px;
  height: auto; }
  section.team-section .avatar img.rounded-circle {
    max-width: 350px; }


.stack4 {
  grid-template-columns: repeat(4, 12px);
  grid-template-rows: repeat(4, auto);
}

.no-gutters {
  margin-right: 0;
  margin-left: 0;
}
.no-gutters > .col,
.no-gutters > [class*=col-] {
  padding-right: 0;
  padding-left: 0;
}

.pods {
  opacity: 0.8;
}


span {
  font-size: 1.16em;
  display: inline-block;
}
span.taller { transform: scaleY(1.1); }


@media (max-width: 767px) {
  .arrow {
      width: 15%;
  }

  .topStack {
    display: none;
  }

  img.pods {
    display:none;
  }

  .main-title {
    margin-top: 150px !important;
  }

  .cover-text {
    width: 90%;
  }

  
}
@media (min-width: 768px) and (max-width: 1024px) {
  .arrow {
      width: 50%;
  }
  .cover-text {
    width: 50%;
  }


  
}
@media (min-width: 1025px) {
  .arrow {
      width: 75%;
  }
  .cover-text {
    width: 100%;
  }

}

/*@media (max-width: 740px){
  html, body, header, .view {
    height: 100vh;
}
}*/


.gallery {
  -webkit-column-count: 3;
  -moz-column-count: 3;
  column-count: 3;
  -webkit-column-width: 33%;
  -moz-column-width: 33%;
  column-width: 33%; }
  .gallery .pics {
  -webkit-transition: all 350ms ease;
  transition: all 350ms ease; }
  .gallery .animation {
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1); }
  
  @media (max-width: 450px) {
  .gallery {
  -webkit-column-count: 1;
  -moz-column-count: 1;
  column-count: 1;
  -webkit-column-width: 100%;
  -moz-column-width: 100%;
  column-width: 100%;
  }
  }
  
  @media (max-width: 400px) {
  .btn.filter {
  padding-left: 1.1rem;
  padding-right: 1.1rem;
  }
  }

  ul.horizontal-fix li a {
    padding: .84rem 2.14rem;
    }


  @media only screen and (min-width: 993px){
  ul.stepper.horizontal .step-title {
      line-height: 1rem !important;
      height: 4.25rem !important;
      margin: 0;
      padding: 1.5625rem 1.5625rem 1.5625rem 1.5625rem !important;
      /* display: inline-block; */
      max-width: 13.75rem;
      white-space: nowrap;
      /* overflow: hidden; */
      -ms-flex-negative: 0;
      -webkit-flex-shrink: 0;
      flex-shrink: 0;
  }  
}

@media only screen and (min-width: 993px){
ul.stepper.horizontal .step .step-title:before {
    position: absolute;
    top: 1.7813rem;
    left: 1.1875rem;
    counter-increment: section;
    content: "" !important;
    height: 1.75rem;
    width: 1.75rem;
    color: white;
    background-color: rgba(0, 0, 0, 0)!important;
    -webkit-border-radius: 100%;
    border-radius: 100% !important;
    text-align: center;
    line-height: 1.75rem;
    font-weight: 400;
}
}

.chocolate-border {
  -webkit-box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.76);
  -moz-box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.76);
  box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.76);
}


#content-mobile {display: none;}

@media screen and (max-width: 768px) {

#content-desktop {display: none;}
#content-mobile {display: block;}

}