/*
 * OWNER: base.css
 * Reset, typography, colors, borders, spacing / flex / grid utilities.
 * Not for page chrome, feeds, forms, or ui_* widgets.
 */

/* BASE */

/* These are basic, generic site-wide and platform-wide styles */

html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}

body {line-height: 1; }

ol,ul { list-style: none; }

blockquote,q { quotes: none; }

blockquote:before,blockquote:after,q:before,q:after { content: ''; content: none; }

:focus { outline: 0; }

ins { text-decoration: none; }

del { text-decoration: line-through; }

table { border-collapse: collapse; border-spacing: 0; }

address { font-style: normal; }

/* Basics */

body {
  font-family: Helvetica, Arial, "Lucida Grande", sans-serif;
  font-size: 13px;
  line-height: 1.39;
}

img.typekit-badge { display: none !important; }

strong { font-weight: bold; }

em { font-weight: italic; }

/* Positioning */

.block { display: block; }

.inline_block { display: inline-block; }

.auto_margin { margin-left: auto; margin-right: auto; }

.pos_rel { position: relative; }

.fl_l { float: left; }

.fl_r { float: right; }

.nofl { float: none; }

.hidden { display: none; }

ul.block > li,
ul.vert-list > li { float: none; }

ul.inline-list,
ul.horiz-list,
ul.vert-list {
  position: relative;
}

.horiz-list ul {
  display: inline-block;
}

ul.inline > li,
ul.horiz-list > li,
ul.grid > li {
  float: left;
  position: relative;
}

ul.inline > li:not(.hidden),
ul.horiz-list > li:not(.hidden),
ul.grid > li:not(.hidden) {
  display: block;
}

ul.inline-list li {
  display: block;
  float: left;
  margin-right: 5px;
}

ul.inline-list.wide-list li {
  margin-right: 20px;
}

ul.inline-list.wide-list li:last-child {
  margin-right: 0;
}

ul.vert-list li.divider {
  background: #ddd;
  height: 1px;
  margin: 10px 0;
}

.truncate {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.ellipsis {
	display: block;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.spread { letter-spacing: 3px; }

/* Headers */

h1 {font-size:28px; line-height: 30px; }

h2 {font-size:22px; line-height: 1.333; }

h3 {font-size:20px; line-height: 1.4; }

h4 {font-size:18px; line-height: 1.4; }

h5 {font-size:15px; line-height: 1.333; }

/* Links and Text */

/* 495ea4 */

a { text-decoration:none; }

a:hover { text-decoration:underline; }

a:focus { outline: none; }

a.seemore { cursor: pointer; }

a, .std_link, .fake_link, a.color_hover:hover, a.ui_button.inline-btn { 
  /* color: #496ba4; */
  /* color: #3270b5; */
  color: #466498;
}

a.external {
  background: url('/foundation_static/images/external.gif') no-repeat right center;
  padding-right: 13px;
}

a.editable {
  background: url('/foundation_static/images/edit.gif') no-repeat right 1px;
  padding-right: 16px;
}

a.no_color {
  color: #333 !important;
  text-decoration: none !important;
}

a.no_color:hover { text-decoration: none; }

a.imga,
.imga {
  display: block;
  line-height: 0;
}

a.edit,
a.edit_link {
  background: url(/foundation_static/images/edit.gif) no-repeat 0 0;
  padding-left: 15px;
}

a.hover {
  cursor: pointer;
  display: block;
}

a.hover:hover {
  background: #e8e8e8;
  text-decoration: none;
}

a.dn {
  cursor: pointer;
  background: url(/foundation_static/images/warr.gif) no-repeat right center;
}

a b.dn {
  background: url(/foundation_static/images/warr.gif) no-repeat right center;
  padding-right: 14px;
}

.timestamp .interest_count a,
.action_links.interest_actions a { color: #6d84b4; }

.action_links.involve_actions a { color: #999; }

.featured_text {
  background: url('/foundation_static/images/featured_item.gif') no-repeat left center;
  padding-left: 15px;
}

/* Font Colors */

.fcb { color: #333; }

.fcc { color: #666; }

.fcg { color: #999; }

.fcw { color: #fff; }

span.bling,
a.hover,
.node_properties .label_content a,
.fcp a,
.fcp { color: #86a4bf; }

/* 8699bf */

a.fcg:hover { color: #666; }

.fwb { font-weight: bold; }

.fwn { font-weight: normal; }

.fsn { font-style: normal; }

.ffg {
  font-family: Georgia, Times New Roman, serif;
  font-style: italic;
}

/* Font Sizes */

.fst { font-size: 9px; line-height: 1.222; }

.fss { font-size: 11px; line-height: 1.4; }

.fsm { font-size: 13px; line-height: 1.4; }

.fsl { font-size: 16px; line-height: 1.4; }

.fsxl { font-size: 20px; line-height: 1.222; }

.fsxxl { font-size: 30px; line-height: 1.222; }

.btn-height { line-height: 30px; }

/* Text-Align */

.tac { text-align: center; }

.tal { text-align:left; }

.tar { text-align: right; }

.ttu { text-transform: uppercase; }

.ttc { text-transform: capitalize; }

.ttn { text-transform: none; }

/* Borders */

.bal { border: 1px solid #ddd; }

.bam { border: 1px solid #ccc; }

.bad { border: 1px solid #bbb; }

.bbl { border-bottom: 1px solid #ddd; }

.bbm { border-bottom: 1px solid #ccc; }

.bbd { border-bottom: 1px solid #bbb; }

.btw { border-top: 1px solid #fff; }

.btl { border-top: 1px solid #ddd; }

.btm { border-top: 1px solid #ccc; }

.btd { border-top: 1px solid #bbb; }

.bt2 { border-top: 10px solid #ddd; }

.brl { border-right: 1px solid #ddd; }

.brm { border-right: 1px solid #ccc; }

.brd { border-right: 1px solid #bbb; }

.br2 { border-right: 2px solid #ccc; }

.bll { border-left: 1px solid #ddd; }

.blm { border-left: 1px solid #eee; }

.bld { border-left: 1px solid #bbb; }

.bl2 { border-left: 2px solid #ccc; }

.br_s {
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
}

.br_m {
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
}

.bra {
  border-radius: 100%;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
}

.bbh {
  border-bottom: 8px solid #eee;
  padding-bottom: 10px;
}

/* Backgrounds */

.bw { background-color: white; }

.bllg { background: #f9f9f9; }

.blg { background: #f3f3f3; }

.bg { background-color: #eee; }

.bgl { background-color: #f9f9f9; }

/* Shadows */

.boxshadow {
          box-shadow: rgba(200, 200, 200, .5) 0px 1px 5px;
     -moz-box-shadow: rgba(200, 200, 200, .5) 0px 1px 5px;
  -webkit-box-shadow: rgba(200, 200, 200, .5) 0px 1px 5px;
}

.inset_shadow {
          box-shadow: inset rgba(0,0,0,.05) 0px 2px 2px;
    -moz-box-shadow: inset rgba(0,0,0,.05) 0px 2px 2px;
  -webkit-box-shadow: inset rgba(0,0,0,.05) 0px 2px 2px;
}

/* Margin and Padding */

.man { margin: 0px; }

.mas { margin: 3px; }

.mam { margin: 5px; }

.mal { margin: 10px; }

.maxl { margin: 20px; }

.mcent { margin-left: auto; margin-right: auto; }

.mtn { margin-top: 0px; }

.mts { margin-top: 3px !important; }

.mtm { margin-top: 5px; }

.mtl { margin-top: 10px; }

.mtf { margin-top: 15px; }

.mtxl { margin-top: 20px; }

.mtxxl { margin-top: 30px; }

.mtnl { margin-top: -10px; }

.mtnm { margin-top: -5px; }

.mtns { margin-top: -3px; }

.mbnl { margin-bottom: -10px; }

.mbnm { margin-bottom: -5px; }

.mbn { margin-bottom: 0px; }

.mbs { margin-bottom: 3px; }

.mbm { margin-bottom: 5px; }

.mbl { margin-bottom: 10px; }

.mbf { margin-bottom: 15px; }

.mbxl { margin-bottom: 20px; }

.mbxxl { margin-bottom: 30px; }

.mvs { margin-top: 3px; margin-bottom: 3px; }

.mvm { margin-top: 5px; margin-bottom: 5px; }

.mvl { margin-top: 10px; margin-bottom: 10px; }

.mvf { margin-top: 15px; margin-bottom: 15px; }

.mvxl { margin-top: 20px; margin-bottom: 20px; }

.mvxxl { margin-top: 30px; margin-bottom: 30px; }

.mhs { margin-left: 3px; margin-right: 3px; }

.mhm { margin-left: 5px; margin-right: 5px; }

.mhl { margin-left: 10px; margin-right: 10px; }

.mhf { margin-left: 15px; margin-right: 15px; }

.mnhm { margin-left: -10px; margin-right: -10px; }

.mhnl { margin-left: -20px; margin-right: -20px; }

.mls { margin-left: 3px; }

.mlm { margin-left: 5px; }

.mlml { margin-left: 8px; }

.mll { margin-left: 10px; }

.mlxl { margin-left: 20px; }

.mrs { margin-right: 3px; }

.mrm { margin-right: 5px; }

.mrml { margin-right: 8px; }

.mrl { margin-right: 10px; }

.mrxl { margin-right: 20px; }

/* Padding */

.pan { padding: 0px; }

.pas { padding: 3px; }

.pam { padding: 5px; }

.pal { padding: 10px; }

.paf { padding: 15px; }

.paxl { padding: 20px; }

.pts { padding-top: 3px; }

.ptm { padding-top: 5px; }

.ptl { padding-top: 10px; }

.ptf { padding-top: 15px; }

.ptxl { padding-top: 20px; }

.pbs { padding-bottom: 3px; }

.pbm { padding-bottom: 5px; }

.pbl { padding-bottom: 10px; }

.pbf { padding-bottom: 15px; }

.pbxl { padding-bottom: 20px; }

.pvn { padding-top: 0; padding-bottom: 0; }

.pvs { padding-top: 3px; padding-bottom: 3px; }

.pvm { padding-top: 5px; padding-bottom: 5px; }

.pvl { padding-top: 10px; padding-bottom: 10px; }

.pvf { padding-top: 15px; padding-bottom: 15px; }

.pvxl { padding-top: 20px; padding-bottom: 20px; }

.phn { padding-left: 0; padding-right: 0; }

.phs { padding-left: 3px; padding-right: 3px; }

.phm { padding-left: 5px; padding-right: 5px; }

.phl { padding-left: 10px; padding-right: 10px; }

.phf { padding-left: 15px; padding-right: 15px; }

.phxl { padding-left: 20px; padding-right: 20px; }

.prs { padding-right: 3px; }

.prm { padding-right: 5px; }

.prl { padding-right: 10px; }

.prxl { padding-right: 20px; }

.pls { padding-left: 3px; }

.plm { padding-left: 5px; }

.pll { padding-left: 10px; }

.plxl { padding-left: 20px; }

/* HTML Elements */

blockquote.bordered {
  background: #eee;
  border-left: 5px solid #ccc;
  font-weight: bold;
  margin: 20px 0px;
  padding: 20px;
}

blockquote {
  margin-bottom: 10px;
}

hr {
  border:0 rgba(0,0,0,.1) solid;
  border-top-width:1px;
  clear:both;
  display: block;
  height:0;
}

fieldset {
  background: white;
  border: 2px solid #ddd;
}

legend {
  background: #fff;
  border: 1px solid #ccc;
  color: #666;
  font-size: 11px;
  font-weight: bold;
  margin-left: 20px;
  padding: 0px 5px;
  text-transform: uppercase;
}

span.highlight {
  border-top: 1px solid #e2d77a;
  background: #FFF9D7;
  display: inline-block;
  padding: 1px 3px;
}

sup {
  font-size: 10px;
  vertical-align: super;
}

/* Tailwind inspired layout utils */

/* Flexbox Utilities */

.flex { display: flex; }

.inline-flex { display: inline-flex; }

.flex-row { flex-direction: row; }

.flex-row-reverse { flex-direction: row-reverse; }

.flex-col { flex-direction: column; }

.flex-col-reverse { flex-direction: column-reverse; }

.flex-wrap { flex-wrap: wrap; }

.flex-wrap-reverse { flex-wrap: wrap-reverse; }

.flex-nowrap { flex-wrap: nowrap; }

/* Flex Properties */

.flex-1 { flex: 1 1 0%; }

.flex-auto { flex: 1 1 auto; }

.flex-initial { flex: 0 1 auto; }

.flex-none { flex: none; }

/* Flex Grow */

.grow-0 { flex-grow: 0; }

.grow { flex-grow: 1; }

/* Flex Shrink */

.shrink-0 { flex-shrink: 0; }

.shrink { flex-shrink: 1; }

/* Justify Content */

.justify-start { justify-content: flex-start; }

.justify-end { justify-content: flex-end; }

.justify-center { justify-content: center; }

.justify-between { justify-content: space-between; }

.justify-around { justify-content: space-around; }

.justify-evenly { justify-content: space-evenly; }

/* Align Items */

.items-start { align-items: flex-start; }

.items-end { align-items: flex-end; }

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

.items-baseline { align-items: baseline; }

.items-stretch { align-items: stretch; }

/* Align Self */

.self-auto { align-self: auto; }

.self-start { align-self: flex-start; }

.self-end { align-self: flex-end; }

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

.self-stretch { align-self: stretch; }

/* Align Content */

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

.content-start { align-content: flex-start; }

.content-end { align-content: flex-end; }

.content-between { align-content: space-between; }

.content-around { align-content: space-around; }

.content-evenly { align-content: space-evenly; }

/* Grid Utilities */

.full-grid { display: grid; }

.inline-grid { display: inline-grid; }

/* Grid Template Columns */

.grid-cols-1 { grid-template-columns: repeat(1, minmax(0, 1fr)); }

.grid-cols-2 { grid-template-columns: repeat(2, minmax(0, 1fr)); }

.grid-cols-3 { grid-template-columns: repeat(3, minmax(0, 1fr)); }

.grid-cols-4 { grid-template-columns: repeat(4, minmax(0, 1fr)); }

.grid-cols-5 { grid-template-columns: repeat(5, minmax(0, 1fr)); }

.grid-cols-6 { grid-template-columns: repeat(6, minmax(0, 1fr)); }

.grid-cols-none { grid-template-columns: none; }

/* Grid Column Start/End */

.col-auto { grid-column: auto; }

.col-span-1 { grid-column: span 1 / span 1; }

.col-span-2 { grid-column: span 2 / span 2; }

.col-span-3 { grid-column: span 3 / span 3; }

.col-span-4 { grid-column: span 4 / span 4; }

.col-span-full { grid-column: 1 / -1; }

/* Grid Template Rows */

.grid-rows-1 { grid-template-rows: repeat(1, minmax(0, 1fr)); }

.grid-rows-2 { grid-template-rows: repeat(2, minmax(0, 1fr)); }

.grid-rows-3 { grid-template-rows: repeat(3, minmax(0, 1fr)); }

.grid-rows-4 { grid-template-rows: repeat(4, minmax(0, 1fr)); }

.grid-rows-none { grid-template-rows: none; }

/* Grid Row Start/End */

.row-auto { grid-row: auto; }

.row-span-1 { grid-row: span 1 / span 1; }

.row-span-2 { grid-row: span 2 / span 2; }

.row-span-3 { grid-row: span 3 / span 3; }

.row-span-full { grid-row: 1 / -1; }

/* Grid Flow */

.grid-flow-row { grid-auto-flow: row; }

.grid-flow-col { grid-auto-flow: column; }

.grid-flow-dense { grid-auto-flow: dense; }

.grid-flow-row-dense { grid-auto-flow: row dense; }

.grid-flow-col-dense { grid-auto-flow: column dense; }

/* Grid Auto Columns */

.auto-cols-auto { grid-auto-columns: auto; }

.auto-cols-min { grid-auto-columns: min-content; }

.auto-cols-max { grid-auto-columns: max-content; }

.auto-cols-fr { grid-auto-columns: minmax(0, 1fr); }

/* Grid Auto Rows */

.auto-rows-auto { grid-auto-rows: auto; }

.auto-rows-min { grid-auto-rows: min-content; }

.auto-rows-max { grid-auto-rows: max-content; }

.auto-rows-fr { grid-auto-rows: minmax(0, 1fr); }

/* Gap */

.gap-0 { gap: 0; }

.gap-1 { gap: 0.25rem; }

.gap-2 { gap: 0.5rem; }

.gap-3 { gap: 0.75rem; }

.gap-4 { gap: 1rem; }

.gap-5 { gap: 1.25rem; }

.gap-6 { gap: 1.5rem; }

.gap-8 { gap: 2rem; }

.gap-10 { gap: 2.5rem; }

/* Row Gap */

.gap-y-0 { row-gap: 0; }

.gap-y-1 { row-gap: 0.25rem; }

.gap-y-2 { row-gap: 0.5rem; }

.gap-y-3 { row-gap: 0.75rem; }

.gap-y-4 { row-gap: 1rem; }

.gap-y-5 { row-gap: 1.25rem; }

.gap-y-6 { row-gap: 1.5rem; }

.gap-y-8 { row-gap: 2rem; }

.gap-y-10 { row-gap: 2.5rem; }

/* Column Gap */

.gap-x-0 { column-gap: 0; }

.gap-x-1 { column-gap: 0.25rem; }

.gap-x-2 { column-gap: 0.5rem; }

.gap-x-3 { column-gap: 0.75rem; }

.gap-x-4 { column-gap: 1rem; }

.gap-x-5 { column-gap: 1.25rem; }

.gap-x-6 { column-gap: 1.5rem; }

.gap-x-8 { column-gap: 2rem; }

.gap-x-10 { column-gap: 2.5rem; }
