holderdeord/hdo-site

@import "bootstrap/bootstrap";
@import "bootstrap/responsive";
@import "bootstrap/variables";

// Set the correct sprite paths
@iconSpritePath: asset-path('twitter/bootstrap/glyphicons-halflings.png');
@iconWhiteSpritePath: asset-path('twitter/bootstrap/glyphicons-halflings-white.png');

@hdoPrimaryColor: #019ea2;
@hdoSecondaryColor: #e03d25;
@hdoTertiaryColor: #332b2e;
@hdoQuaternaryColor: #231f20;

@linkColor: @hdoPrimaryColor;
@linkColorHover: darken(@hdoPrimaryColor, 5%);

@btnPrimaryBackground: darken(@hdoPrimaryColor, 1%);
@btnPrimaryBackgroundHighlight: darken(@hdoPrimaryColor, 8%);

.btn {
  border-radius: 2px;
}


/* Fix for issue #5028 in Bootstrap */
@media (max-width: 767px) {
  .row-fluid [class*="offset"]:first-child {
    margin-left: 0;
  }
}

@headingsFontFamily: 'Neo Sans', "Helvetica Neue", sans-serif;
@baseFontSize: 15px;
@baseLineHeight: 25px;

.hdo-primary-text { color: @hdoPrimaryColor }
.hdo-secondary-text { color: @hdoSecondaryColor }

body {
  padding: 0;
  -webkit-text-size-adjust: 100%;
  text-size-adjust: 100%;
}

.container {
  padding: 0 20px;
}

#hdo-content {
  margin-top: 20px;
  min-height: 720px;
  position: relative; /* AVOIDS HEADER OVERLAP */
}

h1, h2, h3, h4, h5, h6 {
  word-break: break-word;
  a, a:hover {
    color: inherit;
  }
}

h5, h6 {
  font-family: inherit;
}

figure {
  margin: 0;
}

.page-header {
  margin-bottom: 1em;
}

.dropdown-menu.typeahead {
  font-size: @baseFontSize;
  line-height: @baseLineHeight;
  padding: 0;
  a img {
    margin: 0 10px 0 -5px;
    height: 24px;
    width: 24px;
  }
}

.tablesorter-headerDesc {
  .tablesorter-header-inner:after {
    content: "";
    display: inline-block;
    width: 0;
    height: 0;
    margin-left: 5px;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-bottom: 4px solid @hdoPrimaryColor;
    transform: rotate(360deg);
  }
}

.tablesorter-headerAsc {
  .tablesorter-header-inner:after {
    content: "";
    display: inline-block;
    width: 0;
    height: 0;
    margin-left: 5px;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-top: 4px solid @hdoPrimaryColor;
    transform: rotate(360deg);
  }
}

.centerify {
  text-align: center;
}

.rightify {
  text-align: right;
}

a.external:after {
  content: url(/assets/external-link.png);
  margin: 0 0 0 5px;
}