/**
GLOBAL
 */
h1,
h2,
h3,
h4 {
  text-transform: uppercase;
}

h1 {
  font-size: 2rem;
}
h2 {
  font-size: 1.8rem;
}
h3 {
  font-size: 1.6rem;
}
h4 {
  font-size: 1.4rem;
}
h5 {
  font-size: 1.25rem;
}

.darker {
  font-weight: 700;
}

.no-text-transform {
  text-transform: none;
}

/** GLOBAL COLORS */
.clr-light-green {
  color: #a6ce3b !important;
}
.bd-light-green {
  border-color: #a6ce3b !important;
}
.bg-light-green {
  background: #a6ce3b !important;
}
/***/
.clr-dark-green {
  color: #1cac4e !important;
}
.bd-dark-green {
  border-color: #1cac4e !important;
}
.bg-dark-green {
  background: #1cac4e !important;
}
/***/
.clr-light-blue {
  color: #149fda !important;
}
.bd-light-blue {
  border-color: #149fda !important;
}
.bg-light-blue {
  background: #149fda !important;
}
/***/
.clr-teal {
  color: #176a93 !important;
}
.bd-teal {
  border-color: #176a93 !important;
}
.bg-teal {
  background: #176a93 !important;
}
/***/
.clr-blue {
  color: #2e3192 !important;
}
.bd-blue {
  border-color: #2e3192 !important;
}
.bg-blue {
  background: #2e3192 !important;
}
/***/
.clr-purple {
  color: #572c7b !important;
}
.bd-purple {
  border-color: #572c7b !important;
}
.bg-purple {
  background: #572c7b !important;
}
/***/
.clr-magenta {
  color: #ec008c !important;
}
.bd-magenta {
  border-color: #ec008c !important;
}
.bg-magenta {
  background: #ec008c !important;
}
/***/
.clr-pink {
  color: #e57eb3 !important;
}
.bd-pink {
  border-color: #e57eb3 !important;
}
.bg-pink {
  background: #e57eb3 !important;
}
/***/
.clr-red {
  color: #ed2233 !important;
}
.bd-red {
  border-color: #ed2233 !important;
}
.bg-red {
  background: #ed2233 !important;
}
/***/
.clr-orange {
  color: #f37125 !important;
}
.bd-orange {
  border-color: #f37125 !important;
}
.bg-orange {
  background: #f37125 !important;
}
/***/
.clr-yellow {
  color: #fdba31 !important;
}
.bd-yellow {
  border-color: #fdba31 !important;
}
.bg-yellow {
  background: #fdba31 !important;
}

/**
Bootstrap Override
 */
.form-control {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  border: 1px solid #a4a8ab;
  padding: 1px 5px;
  height: calc(1.8rem + 2px);
  font-size: 11px;
  text-transform: uppercase;
}

.btn {
  text-transform: uppercase;
  font-weight: bold;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  padding: 0.15rem 0.75rem;
}
.btn-primary {
  background: #a5a6aa;
  border-color: #a5a6aa;
}
.btn-primary:hover {
  background: #a5a6aa;
  border-color: #a5a6aa;
  opacity: 0.8;
}

/**
Header / Main Navigation
 */
header ul.navbar-nav li a {
  color: #161415;
  font-size: 1.2em;
  line-height: normal;
  line-height: 1em;
  text-align: center;
  font-weight: bold;
  text-transform: uppercase;
}
header ul.navbar-nav li.active a {
  color: #fff;
  background: #dddee0;
  line-height: normal;
}
@media (min-width: 992px) {
  .navbar-toggler-container {
    display: none;
  }
}
.navbar-toggler {
  padding: 7px 14px 7px 0;
}
.navbar-toggler-icon {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(102,102,102, 0.7)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E");
}

/**
Cut Corners
 */
ul.nav li a {
  display: block;
  color: #fff;
  font-size: 0.9em;
  padding: 5px 10px 13px 10px;
}
ul.nav li,
.card {
  display: inline-block;
  position: relative;
  color: #a7a8ac;
  background: #a7a8ac;
  margin-bottom: 10px;
}
ul.nav li:last-child {
  margin-bottom: 0;
}
ul.nav li:before,
.card:not(.card-bordered):before {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  border-top: 10px solid white;
  border-left: 10px solid;
  width: 0;
}
ul.nav li:after,
.card:not(.card-bordered):after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  border-top: 10px solid;
  border-left: 10px solid white;
  width: 0;
}
.large-cut:before,
.large-cut:after {
  border-width: 30px !important;
}

.card.card-bordered:before,
.card.card-bordered:after {
  content: '';
  position: absolute;
  border-bottom: 4px solid;
  background: #fff;
  width: 30px;
  height: 20px;
}
.card.card-bordered:before {
  right: -7px;
  top: -5px;
  transform: rotate(40deg);
}
.card.card-bordered:after {
  left: -7px;
  bottom: -5px;
  transform: rotate(220deg);
}

/** HOVER */
ul.nav li.active {
  color: rgb(102, 102, 102);
  background: #666666;
}
ul.nav li:hover {
  opacity: 0.8;
}
.card.card-bordered {
  padding: 4px;
}
.card.card-bordered .card-body {
  width: 100%;
  padding: 15px;
  margin: 0;
  min-height: 50px;
  display: block;
}
.card.card-bordered .card-body a {
  font-style: italic;
  border-bottom: 1px solid;
  color: #333;
  text-decoration: none !important;
}
.card.card-bordered .card-body a:hover {
  color: #000;
}
/**
Card Override
 */
.card {
  border: none;
  color: #dadbdd;
  background: #dadbdd;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  width: 100%;
}
.card .card-body {
  color: #161415;
}
.card .card-body-sm {
  padding: 10px;
  font-size: 13px;
  line-height: 15px;
  color: #000;
  font-weight: 500;
}

/**
Global Navigation
*/
.nav,
.navbar-nav {
  text-transform: uppercase;
  font-weight: bold;
}

/**
Non Header Navigations
 */

/** CARD NAV */
.card ul.nav li {
  color: #a6a7ab;
  background: #a6a7ab;
  text-transform: uppercase;
}
.card ul.nav li:before {
  border-top-color: #dadbdd;
}
.card ul.nav li:after {
  border-left-color: #dadbdd;
}
.card ul.nav li span {
  background: #fff;
  color: #000;
  display: block;
  padding: 0 5px;
}

/**
Social
 */
.social-media-links {
  font-size: 1.9em;
}

/**
Highlight
 */
.highlight {
  border: 4px solid;
}

/* Social Media Colors */

.fa-facebook,
.fa-facebook-square {
  color: #3b5998;
}
.fa-twitter,
.fa-twitter-square {
  color: #00aced;
}
.fa-google-plus,
.fa-google-plus-g,
.fa-google-plus-square {
  color: #dd4b39;
}
.fa-youtube,
.fa-youtube-play,
.fa-youtube-square {
  color: #bb0000;
}
.fa-tumblr,
.fa-tumblr-square {
  color: #32506d;
}

.fa-instagram {
  color: #517fa4;
}

/* FOOTER */

footer {
  margin: 25px 25px;
}

.footer-text {
  color: #a5a7aa;
}

.footer a {
  margin-right: 25px;
  cursor: pointer;
  color: #a5a7aa;
  text-transform: uppercase;
  text-decoration: none;
}