/*============================================================= 
BREAK POINTS
============================================================= */
/*============================================================= 
MIXINS
============================================================= */
/*============================================================= 
COLORS
============================================================= */
/* ===================================
DESIGN MODE 
=================================== */
/* primary */
/* secondary */
/* base */
/* logo colors */
/* ===================================
WIREFRAME MODE 
=================================== */
/* ===================================
   DESIGN MODE 
   =================================== */
.block-tabs {
  padding-top: 100px;
  padding-bottom: 100px;
  /* structure */
}
.block-tabs .copy-wrapper {
  /* structure */
  text-align: center;
}
@media (max-width: 576px) {
  .block-tabs .copy-wrapper {
    padding: 10%;
  }
}
.block-tabs .copy {
  margin-top: 25px;
}
@media (max-width: 576px) {
  .block-tabs .nav {
    display: block;
  }
}
@media only screen and (min-width: 576px) and (max-width: 768px) {
  .block-tabs .nav {
    display: block;
  }
}
.block-tabs .nav .nav-link {
  text-align: left;
}
.block-tabs .nav .w-3 {
  width: 33%;
}
@media (max-width: 576px) {
  .block-tabs .nav .w-3 {
    width: 100%;
  }
}
@media only screen and (min-width: 576px) and (max-width: 768px) {
  .block-tabs .nav .w-3 {
    width: 100%;
  }
}
.block-tabs .nav .w-4 {
  width: 25%;
}
@media (max-width: 576px) {
  .block-tabs .nav .w-4 {
    width: 100%;
  }
}
@media only screen and (min-width: 576px) and (max-width: 768px) {
  .block-tabs .nav .w-4 {
    width: 100%;
  }
}
.block-tabs .nav .nav-item .icon {
  /* structure */
  display: inline-block;
  margin-right: 20px;
  float: left !important;
  display: inline-block;
  height: 50px;
  width: 50px;
  /* design */
}
.block-tabs .nav .icon {
  /* structure */
  margin-right: 20px;
}
.block-tabs .tab-content {
  /* structure */
  padding: 2.25rem;
  padding-bottom: 0rem;
  text-align: left;
}
@media (max-width: 576px) {
  .block-tabs .tab-content {
    padding: 1rem;
    padding-top: 2.5rem;
    padding-bottom: 0px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 768px) {
  .block-tabs .tab-content {
    padding: 2.5rem;
    padding-bottom: 0px;
  }
}

/* ===================================
WIREFRAME MODE 
=================================== */
.block-content-tabbed.wireframe .nav {
  border: solid 1px #F7F7F7;
}
.block-content-tabbed.wireframe .nav .nav-link.active {
  background-color: #32393F;
  color: #fff;
}
.block-content-tabbed.wireframe .nav .nav-link.active .icon {
  background-color: #32393F;
}

/*# sourceMappingURL=tabs.css.map */