//

 // Typography

 // --------------------------------------------------

 // Headings

 // -------------------------

 h1, h2, h3, h4, h5, h6,

 .h1, .h2, .h3, .h4, .h5, .h6 {

   font-family: @headings-font-family;

   font-weight: @headings-font-weight;

   line-height: @headings-line-height;

   color: @headings-color;

   small,

   .small {

     font-weight: normal;

     line-height: 1;

     color: @headings-small-color;

   }

 }

 h1,

 h2,

 h3 {

   margin-top: @line-height-computed;

   margin-bottom: (@line-height-computed / 2);

   small,

   .small {

     font-size: 65%;

   }

 }

 h4,

 h5,

 h6 {

   margin-top: (@line-height-computed / 2);

   margin-bottom: (@line-height-computed / 2);

   small,

   .small {

     font-size: 75%;

   }

 }

 h1, .h1 { font-size: @font-size-h1; }

 h2, .h2 { font-size: @font-size-h2; }

 h3, .h3 { font-size: @font-size-h3; }

 h4, .h4 { font-size: @font-size-h4; }

 h5, .h5 { font-size: @font-size-h5; }

 h6, .h6 { font-size: @font-size-h6; }

 // Body text

 // -------------------------

 p {

   margin: 0 0 (@line-height-computed / 2);

 }

 .lead {

   margin-bottom: @line-height-computed;

   font-size: floor(@font-size-base * 1.15);

   font-weight: 200;

   line-height: 1.4;

   @media (min-width: @screen-sm-min) {

     font-size: (@font-size-base * 1.5);

   }

 }

 // Emphasis & misc

 // -------------------------

 // Ex: 14px base font * 85% = about 12px

 small,

 .small  { font-size: 85%; }

 // Undo browser default styling

 cite    { font-style: normal; }

 // Contextual emphasis

 .text-muted {

   color: @text-muted;

 }

 .text-primary {

   color: @brand-primary;

   &:hover {

     color: darken(@brand-primary, 10%);

   }

 }

 .text-warning {

   color: @state-warning-text;

   &:hover {

     color: darken(@state-warning-text, 10%);

   }

 }

 .text-danger {

   color: @state-danger-text;

   &:hover {

     color: darken(@state-danger-text, 10%);

   }

 }

 .text-success {

   color: @state-success-text;

   &:hover {

     color: darken(@state-success-text, 10%);

   }

 }

 .text-info {

   color: @state-info-text;

   &:hover {

     color: darken(@state-info-text, 10%);

   }

 }

 // Alignment

 .text-left           { text-align: left; }

 .text-right          { text-align: right; }

 .text-center         { text-align: center; }

 // Page header

 // -------------------------

 .page-header {

   padding-bottom: ((@line-height-computed / 2) - 1);

   margin: (@line-height-computed * 2) 0 @line-height-computed;

   border-bottom: 1px solid @page-header-border-color;

 }

 // Lists

 // --------------------------------------------------

 // Unordered and Ordered lists

 ul,

 ol {

   margin-top: 0;

   margin-bottom: (@line-height-computed / 2);

   ul,

   ol {

     margin-bottom: 0;

   }

 }

 // List options

 // Unstyled keeps list items block level, just removes default browser padding and list-style

 .list-unstyled {

   padding-left: 0;

   list-style: none;

 }

 // Inline turns list items into inline-block

 .list-inline {

   .list-unstyled();

   > li {

     display: inline-block;

     padding-left: 5px;

     padding-right: 5px;

     &:first-child {

       padding-left: 0;

     }

   }

 }

 // Description Lists

 dl {

   margin-top: 0; // Remove browser default

   margin-bottom: @line-height-computed;

 }

 dt,

 dd {

   line-height: @line-height-base;

 }

 dt {

   font-weight: bold;

 }

 dd {

   margin-left: 0; // Undo browser default

 }

 // Horizontal description lists

 //

 // Defaults to being stacked without any of the below styles applied, until the

 // grid breakpoint is reached (default of ~768px).

 @media (min-width: @grid-float-breakpoint) {

   .dl-horizontal {

     dt {

       float: left;

       width: (@component-offset-horizontal - 20);

       clear: left;

       text-align: right;

       .text-overflow();

     }

     dd {

       margin-left: @component-offset-horizontal;

       .clearfix(); // Clear the floated `dt` if an empty `dd` is present

     }

   }

 }

 // MISC

 // ----

 // Abbreviations and acronyms

 abbr[title],

 // Add data-* attribute to help out our tooltip plugin, per https://github.com/twbs/bootstrap/issues/5257

 abbr[data-original-title] {

   cursor: help;

   border-bottom: 1px dotted @abbr-border-color;

 }

 .initialism {

   font-size: 90%;

   text-transform: uppercase;

 }

 // Blockquotes

 blockquote {

   padding: (@line-height-computed / 2) @line-height-computed;

   margin: 0 0 @line-height-computed;

   border-left: 5px solid @blockquote-border-color;

   p {

     font-size: (@font-size-base * 1.25);

     font-weight: 300;

     line-height: 1.25;

   }

   p:last-child {

     margin-bottom: 0;

   }

   small,

   .small {

     display: block;

     line-height: @line-height-base;

     color: @blockquote-small-color;

     &:before {

       content: '\2014 \00A0'; // EM DASH, NBSP

     }

   }

   // Float right with text-align: right

   &.pull-right {

     padding-right: 15px;

     padding-left: 0;

     border-right: 5px solid @blockquote-border-color;

     border-left: 0;

     p,

     small,

     .small {

       text-align: right;

     }

     small,

     .small {

       &:before {

         content: '';

       }

       &:after {

         content: '\00A0 \2014'; // NBSP, EM DASH

       }

     }

   }

 }

 // Quotes

 blockquote:before,

 blockquote:after {

   content: "";

 }

 // Addresses

 address {

   margin-bottom: @line-height-computed;

   font-style: normal;

   line-height: @line-height-base;

 }