/*
 * OWNER: interface.css
 * Reusable ui_* widgets: icons, pills, tags, tables, date boxes,
 * grids, badges, etc.
 * Buttons / action sets / action bars → actions.css.
 * Popups / hovercards / theater / growls → overlays.css.
 * Menus → menus.css; section / gateway → sections.css.
 * Not for page layout (layout), feeds (forum), or forms/composer (forms).
 */

/* UI ELEMENTS */

/* CARET */

.caret {
  display: inline-block;
  width: 0;
  height: 0;
  margin: -2px 0 0 5px;
  vertical-align: middle;
  border-top: 5px solid;
  border-right: 5px solid transparent;
  border-left: 5px solid transparent;
}

.open-toggle .caret {
	border-top: 0;
	border-bottom: 5px solid;
}

.face-wrap .caret { display: none; }

/* DOTS — a.dot wraps status tooltips (css => "dot"); i.dot sprite removed */

a.dot { width: 12px; }
a.dot span.tooltip_wrap.left { left: -6px; }
td .dot { display: block; }

/* ALERTS */

.alert {
  padding: 15px;
  margin-bottom: 15px;
  border: 1px solid transparent;
  border-radius: 3px;
}

.alert.alert-bleed { border-radius: 0; border-width: 0 0 1px; }
.alert.alert-small { padding: 10px; }
.alert.alert-fixed { margin: 0; padding: 10px 0; }

.ui_section .bottom .alert {
  border-radius: 0;
  border-width: 1px 0 0 0;
  margin: 0;
  padding: 15px;
}

.alert.man { margin: 0; }
.alert.mbn { margin-bottom: 0; }

.alert-dark {
  background-color: #333;
  border-color: #111;
  color: #fff;
}

.alert-dark.alert-box {
	color: #333;
}

.alert-notice {
  background-color: #eee;
  border-color: #ddd;
  color: #333;
  font-size: 14px;
}

.alert-empty {
  background-color: #eee;
  border-color: #ddd;
  color: #888;
  font-weight: bold;
  text-align: center;
}

#all.ui_section.table-section .alert-empty,
table.rowed + .alert-empty { margin-top: 10px; }

.alert-blank {
  background-color: rgba(0,0,0,.05);
  color: #888;
}

.alert-info {
  background-color: #dcebf9;
  border-color: #bcdbf1;
  color: #216f90;
}

.alert .ui_button.icon-btn.x-btn {
	background-color: transparent;
	border-color: transparent;
	font-size: 110%;
}

.alert .ui_button.icon-btn.x-btn:hover {
	background-color: #216f90;
	color: white;
}

.alert-success {
  background-color: #dff0d8;
  border-color: #d6e9c6;
  color: #3c763d;
}

.alert-warning {
  background-color: #fff8da;
  border-color: #ede6c6;
  color: #8a653b;
}

.alert-danger {
  background-color: #f2dede;
  border-color: #ebccd1;
  color: #a94442;
}

.alert-error {
  background-color: #ffe2e2;
  border-color: #ff9faf;
  color: #e3302c;
}

.alert-active {
  background-color: #f5ecd4;
  border-color: #f2e2bf;
  color: #ab730c;
}

.alert-box {
  background-color: #fff;
  border-width: 1px 1px 1px 5px;
}

.alert .alert-link:not(.sub-link) { font-weight: 700; }

.alert-empty .alert-link { color: #555; }
.alert-info .alert-link { color: #245269; }
.alert-success .alert-link { color: #2b542c; }
.alert-warning .alert-link { color: #66512c; }
.alert-danger .alert-link { color: #843534; }
.alert-dark .alert-link { color: #fff; }

.alert .right_actions .ui_toggle_nav { margin-top: -3px; }

/* COLOR ICONS */

.fa-icon.icon-success { color: #3bb03c; }
.fa-icon.icon-info { color: #1793d0; }
.fa-icon.icon-danger { color: #d91b17; }
.fa-icon.icon-action { color: #216f90; }
.fa-icon.icon-empty { color: #bbb; }
.fa-icon.icon-warning { color: #ffdd29; }
.fa-icon.icon-pending { color: #da7c1a; }
.fa-icon.icon-highlight { color: #a61cc8; }
.fa-icon.icon-dark { color: #333; }

#flash_msg.alert {
  border-radius: 0;
  border-width: 0 0 1px;
  margin-bottom: 0;
}

/* FLAGS */

.flag {
  background-color: #eee;
  border-left: 5px solid #ddd;
  margin-bottom: 15px;
}

.flag_inner {
  border-left: 0;
  padding: 20px;
}

.flag.flag-info { background-color: #e1e7ef; border-left-color: #4b7194; }
.flag.flag-info a.flag-link { color: #4b7194; }

.flag.flag-new { background-color: #d2e9da; border-left-color: #7cb18f; }
.flag.flag-new a.flag-link { color: #28663e; }

/* BOXES */

.box_birthday {
  border: 5px solid #EBEFF7;
}

.box_gray {
  background: #f2f2f2;
  border: 1px solid #ddd;
}

.box_white {
  background: #fff;
  border: 1px solid #ddd;
}

.box_yellow {
  background: #ffffe8;
  border: 1px solid #ecedba;
}

.box_red {
  background: #ffe8e8;
  border: 1px solid #f3cbcb;
}

.box_blue {  
  background: #ebeff7;
  border: 1px solid #d3e2ed;
}

.box_black {
  background: #111;
  color: #fff;
}

.box_dashed {
  background: #f7faff;
  border: 2px dashed #d3e2ed;
}

.box_not_found {
  background: #fafafa;
  border: 1px solid #e0e0e0;
  box-shadow: inset rgba(0,0,0,.1) 0px 0px 5px;
  color: #aaa;
  font-size: 20px;
  font-weight: normal;
  margin: 50px 0;
  padding: 100px 0;
  text-align: center;
}

/* OTHER */

i.arrow {
  background: url('/foundation_static/images/feed_arr.png') no-repeat 0 0;
  display: inline-block;
  height: 15px;
  margin: 0 3px;
  width: 11px;
}

i.arrow {
  display: inline-block;
  height: 12px;
  width: 11px;  
}

i.arrow.up-arrow {
  background: url('/foundation_static/images/arrows.png') 0 0;
}

i.arrow.down-arrow {
  background: url('/foundation_static/images/arrows.png') -11px 0px;
}

.grid_4 .activity_feed i.arrow {
  background-position: 0 -3px;
  height: 11px;
}

/* INPUT WRAP */

.ui_textfield {
  background: white;
  border: 1px solid #ccc;
  display: inline-block;
  position: relative;
  width: 100%;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
}

.ui_textfield input {
  background: none;
  border: none;
  line-height: 18px;
  padding: 5px;
  margin: 0;
  width: 100%;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
}

.title_actions .ui_textfield input,
.sm-actions .ui_textfield input {
  padding: 3px;
}

.ui_textfield button.search {
	background: none;
  border: 0;
	color: #999;
  cursor: pointer;
  display: inline-block;
  height: 15px;
  padding: 4px 0;
  position: absolute;
  right: 0;
  top: 3px;
  width: 25px;
}

.ui_list_searchable li.ui_list_nomatch {
  display: none;
}

.ui_list_searchable.is-filtering li.hidden:not(.ui_list_nomatch) {
  display: list-item;
}

.grid_4 .ui_section_box .content .ui_textfield input { width: 234px; }
.grid_5 .ui_section_box .content .ui_textfield input { width: 312px; }

.ui_header_search,
.ui_section_box .content .category_box .ui_textfield input { width: 205px; }

/* BROWSE LINKS */

a.block_hover {
	border-radius: 3px;
	display: block;
	padding: 5px;
}

a.block_hover:hover {
	background: rgba(0,0,0,.1);
	text-decoration: none;
}

li.mainview_list_item div.ui_section a.more_masher {
  border: 0;
  border-top: 1px dashed #d7d7d9;
  margin: 0;
}

/* ICONS */

i.msg_reply {
  background: url('/foundation_static/images/msg_reply.png') no-repeat;
  display: inline-block;
  margin-right: 5px;
  height: 12px;
  width: 12px;
}

.dropdown-wrap ul.vert-list li.ui_menu_header_item span {
  color: rgba(0,0,0,.5);
  font-weight: bold;
  font-size: 11px;
  line-height: 15px;
  text-transform: uppercase;
}

.hide_on_toggle { display: inherit; }
.open-div .hide_on_toggle { display: none; }
.open_on_toggle { display: none; }
.open-div .open_on_toggle { display: inherit; }

/* BADGE AND BANNER */

body.block_nav header.has_banners #search,
header.has_banners #search {
  width: 180px;
}

header .banner_wrap {
  max-width: 580px;
  position: absolute;
  left: 210px;
  top: 0;
}

#mainview .banner_wrap .banner_img {
  max-width: 940px;
  width: 100%;
}

header .banner_wrap .banner_img {
  max-width: none;
  width: 100%;
}

.banner_img { 
  display: block;
  margin:0 auto;
  max-width: 705px;
  width: 100%;
}

.ui_page_header_cover.has_banner .banner_wrap {
  position: absolute;
  right: 0;
  top: 80px;
}

  #mainview .banner_wrap.full_wrap,
  #mainview .banner_wrap:not(.full_wrap) .banner {
    background: rgba(0,0,0,.1);
    box-shadow: inset rgba(0,0,0,.1) 0px 1px 3px;
  }

.badge {
  display: inline-block;
  min-width: 10px;
  padding: 2px 7px;
  font-size: 10px;
  font-weight: bold;
  line-height: 1;
  color: #ffffff;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  background-color: rgba(0,0,0,.5);
  border-radius: 6px;
}

.badge_area img { padding-left: 10px; }

.badge_item {
	background: #eee;
	border-radius: 3px;
	color: #333;
	display: inline-block;
	padding: 6px 10px;
}

.badge_item.lg-item {
	font-size: 16px;
}

#sidebar #secondary-nav li a .badge_area { margin-top: -1px; }
#secondary-nav li a .badge_area img { margin-left: 5px; }

.active .badge { background: black; }
.badge.active { background: #495ea4; }

.dropdown-menu li > a > span.badge {
  background: #888;
  border-radius: 3px;
  margin: 1px 0 0 5px;
}

.dropdown-menu li a:hover .badge {
  background: #fff;
  color: #333;
}

.edge_list.left-facelist i.icon-edge,
.edge_list.incontext.has_actions i.icon-edge { display: none; }

.feedback .incontext .edge_list i.icon-edge { margin-top: 6px; }

.mini_actions .ui_button.icon-btn span.tooltip_wrap.right,
.ui_help_link span.tooltip_wrap.right,
span.tooltip_wrap.right.sm {
  right: 3px;
}

/* IMAGE THUMB */

.img_thumb {
  background: white;
  border: 1px solid rgba(0,0,0,.2);
  box-sizing: border-box;
  display: block;
  float: left;
  line-height: 0;
  position: relative;
}

.img_thumb.block {
  border: 0;
  height: 34px;
  margin-right: 10px;
  padding: 0;
  width: 45px;
}

ul.grid .node_block .img_thumb { 
  display: block;
  float: none;
  width: 100%; 
}

.photo_attachments .multi-photo .img_thumb {
  background: none;
  border-color: transparent;
  padding: 0;
}

.photo_attachments .multi-photo.photos-5 .img_thumb,
.photo_attachments .multi-photo.photos-7 .img_thumb,
.photo_attachments .multi-photo.photos-6 .img_thumb { margin: 0 2% 2% 0; }

.photo_attachments .multi-photo.photos-2 .img_thumb { width: 49%; }
.photo_attachments .multi-photo.photos-3 .img_thumb { width: 32%; }
.photo_attachments .multi-photo.photos-4 .img_thumb { width: 23%; }

.photo_attachments .multi-photo.photos-2 .img_thumb:nth-child(2n),
.photo_attachments .multi-photo.photos-3 .img_thumb:nth-child(3n),
.photo_attachments .multi-photo.photos-4 .img_thumb:nth-child(2n),
.photo_attachments .multi-photo.photos-6 .img_thumb:nth-child(2n) { margin-right: 0; }

a.img_thumb[rel~=overlay] {
  cursor: -webkit-zoom-in;
  cursor: -moz-zoom-in;
  cursor: zoom-in;
}

a.img_thumb:hover {
  box-shadow: none;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
}

.img_thumb i {
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  background-color: #ddd;
  display: block;
  padding-bottom: 75%;
  width: 100%;
}

body.narrow .grid .photo_column .img_thumb { width: 240px; }
.grid_4 .photo_column .img_thumb { padding: 2px; }

.grid_8 ul.list .story_attachments .img_thumb {
  margin: 0 3px 3px 0;
  border: 1px solid #bbb;
  width: 169px;
}

.grid_8 ul.list .story_attachments .img_thumb {
  margin: 0 1px 1px 0;
}

.grid_8 ul.list .story_attachments .img_thumb.tall,
.img_thumb.tall {
  height: 253px;
}

.grid_8 ul.list .story_attachments .img_thumb {
  width: 171px;
}

.feed .img_thumb {
	width: 157px;
}

.grid_8 ul.list .story_attachments .img_thumb.lg,
.img_thumb.lg {
  width: 343px;
}

.grid_8 ul.list .story_attachments .img_thumb.mega,
.img_thumb.mega {
  width: 458px;
}

img.mega,
.inline_feed img.mega {
  max-width: 495px;
  max-height: 395px;
}

.grid_4 .ui_section .photo_grid {
  margin-right: -5px;
}

.grid_4 .ui_section .photo_grid .img_thumb {
  padding: 0px;
  width: 87px;
}

.grid_5 .ui_section .photo_grid .img_thumb {
  width: 106px;
}

.grid_5 .ui_grid.grid_sm img,
.grid_5 .ui_grid.grid_sm .blockmore {
  line-height: 48px;
  height: 48px;
  width: 48px;
}

.commentbox img.mega {
  max-width: 420px;
}

img.mega {
  max-width: 458px;
  max-height: 280px;
}

.ui_group_img.hw img {
  max-height: 300px;
}

.ui_group_img.wh img {
  width: 460px;
}

.grid_4 .activity_feed .ui_group_img.wh img {
  width: 205px;
}

.grid_4 .activity_feed .ui_group_img.hw img {
  max-height: 100px;
}

body.mobile .feed img.mega {
  width: 302px;
}

.grid_4 .activity_feed a.img_thumb.tall i,
.grid_4 .activity_feed a.img_thumb.lg i,
.grid_4 .activity_feed a.img_thumb.mega i {
  height: 147px;
  width: 200px;
}

.grid_4 .activity_feed img.mega {
  border: 1px solid #ddd;
  max-height: 171px;
  max-width: 100%;
}

.img_thumb b.fb {
  background: url('/foundation_static/images/fb.png') no-repeat;
  bottom: 3px;
  height: 14px;
  right: 3px;
  position: absolute;
  width: 14px;
}

/* ALBUMS */

a.album_outer {
  border: 1px solid #ccc;
  display: block;
  margin-bottom: 20px;
  padding: 4px;
  position: relative;
  width: 100%;
}

a.album_outer span.album {
  background: white;
  border: 1px solid #bbb;
  box-sizing: border-box;
  left: 4px;
  line-height: 0px;
  padding: 4px;
  position: absolute;
  top: 4px;
  width: 100%;
}

a.album_outer:hover, a.album_outer:hover span.album {
  border-color: #0377cc;
}

.grid_4 a.album_outer {
  float: left;
  height: 75px;
  width: 100px;
}

.grid_4 a.album_outer span.album i {
  background-position: center 25%;
  height: 75px;
  width: 100px;
}

/* IMAGES */

.ui_group_img.img_bg {
  background-size: cover;
  border: 1px solid #ddd;
}

  .column_2 .ui_group_img.img_bg { height: 210px; }
  .column_3 .ui_group_img.img_bg { height: 200px; }
  .column_4 .ui_group_img.img_bg { height: 150px; }
  .column_5 .ui_group_img.img_bg { height: 120px; }
  .column_6 .ui_group_img.img_bg { height: 100px; }

.ui_group_img .image_overlay {
  background: white;
  line-height: 0;
  position: absolute;
  bottom: 1px;
  left: 1px;
}

/* Tooltip */

.tooltip_link {
  cursor: pointer;
  display: inline-block;
  outline: none;
  position: relative;
  text-decoration: none;
  zoom: 1;
}

.tooltip_link:hover {
	text-decoration: none;
}

.grid span.imga.tooltip_link {
  display: block;
}

span.tooltip_wrap,
form span.tooltip_wrap {
  background: url('/foundation_static/images/tnu.png') no-repeat 8px top;
  float: none;
  left: 0px;
  padding: 4px 0px 0px;
  position: absolute;
  width: auto;
}

span.tooltip_wrap.left { left: 1px; }
span.tooltip_wrap.bottom.left { left: 0; }

span.tooltip_wrap.top {
  background: url('/foundation_static/images/tnd.png') no-repeat 8px bottom;
  bottom: 100%;
  padding: 0px 0px 4px;
}

span.tooltip_wrap.bottom {
  bottom: auto;
  top: 100%;
}

.ui_button span.tooltip_wrap.bottom {
  margin-top: 5px;
}

span.tooltip_wrap.center {
  left: 50%;
  margin-left: -12px;
  margin-right: auto;
  margin-bottom: 1px;
  padding-left: 10px;
}

span.tooltip_wrap.right {
  left: auto;
  right: 10px;
}

span.tooltip_wrap.right.tooltip-sm { right: 5px; }

span.tooltip_wrap.top.right { background-position: 100% 100%; }
span.tooltip_wrap.bottom.right { background-position: 100% 0; }

span.tooltip_wrap.right span.tooltip_text {
  margin-right: -12px;
}

.small_link span.tooltip_wrap.right,
.open_x span.tooltip_wrap.right { right: 4px; }

div.pretty span.tooltip_wrap.center {
  margin-left: -13px;
}

span.tooltip_wrap.center span.tooltip_text {
  left: -50%;
  position: relative;
}

span.tooltip_wrap span.tooltip_text {
  background: #000;
  border-radius: 3px;
  color: white;
  display: block;
  font-size: 12px;
  font-weight: normal;
  line-height: 20px;
  padding: 3px 8px;
  text-decoration: none;
  text-shadow: none;
  text-transform: none;
  white-space: nowrap;
}

a span.tooltip_wrap, span.tooltip_link span.tooltip_wrap {
  display: none;
}

a:hover span.tooltip_wrap, span.tooltip_link:hover span.tooltip_wrap {
  display: block;
  outline: none;
  z-index: 10000;
}

span.tooltip_link img {
  display: block;
  float: left;
}

.tooltip_link.white span.tooltip_wrap {
  background-image: url('/foundation_static/images/tnd.png');
  background-repeat: no-repeat;
  background-position: 10px bottom;
  width: 260px;
}

.tooltip_link.white span.tooltip_text {
  background: white;
  border: 1px solid #777;
  border-bottom: 2px solid #222;
  border-top: 1px solid #aaa;
  border-radius: 0;
  color: black;
  padding: 8px;
  white-space: normal;
}

.tooltip_link.white span.tooltip_text div.content {
  margin-left: 60px;
}

.tooltip_link.white span.tooltip_text img.pic {
  background: #f9f9f9;
  border: 1px solid #ddd;
  border-top-color: #bbb;
  border-bottom-color: #eee;
 sfloat: left;
  margin-right: 10px;
  width: 50px;
}

/* delete X */

span.delete,
a.deletex {	
	background: url('/foundation_static/images/xes.png') no-repeat 0px 0px;
	display: block;
	cursor: pointer;
  margin-top: 1px;
	height: 14px;
	width: 14px;
}

.ui_group_img .ui_action_item .deletex { background-position: 0 -45px; }
.ui_group_img .ui_action_item .deletex:hover { background-position: 0 -60px; }

/* STATUS LABEL */

.status_labels .status_label {
	display: block;
	float: left;
	margin-right: 3px;
}

.status_label {
  background: #444;
  border-radius: 10px;
  color: #fff;
  display: inline-block;
  font-size: 10px;
	font-weight: bold;
  padding: 4px 8px;
  text-transform: uppercase;
}

.ui_node_subtitle .status_label {
  background: #666;
  padding: 2px 6px;
}

.large-labels .status_label,
.status_label.label-lg {
	border-radius: 15px;
	font-size: 13px;
	padding: 6px 13px;
  text-transform: capitalize;
}

.small-labels .ui_label,
.status_label.label-sm {
	font-size: 10px;
	padding: 3px 6px;
	text-transform: uppercase;
}

.small-labels .ui_label,
.ui_label.small-label {
	font-size: 11px;
	font-weight: bold;
	padding: 4px 8px;
	text-transform: uppercase;
}

.status_label.transparent-label {
	background: none;
	color: #999;
	font-weight: normal;
	padding: 3px;
	text-transform: none;
}

.status_label:not(.transparent-label) a { color: #fff; }

.status_label.std-label { background: #466498; }
.status_label.black-label { background: #666; }
.status_label.draft-label { background: #666; }
.status_label.sent-label { background: #56a64b; }

.status_label.subscription.subscribed-label { background-color: #66ab66; }
.status_label.subscription.sitesubscribed-label { background-color: #5785b4; }
.status_label.subscription.unsubscribed-label { background-color: #999; }

.status_label.paid-label { background: #16946b; }

.status_label.category-label {
  background-color: rgba(0,0,0,.1);
	font-weight: normal;
  color: #333;
}

	.status_label.category-label a {
    color: #333;
  }

.status_label.label-action { background: #8090ab; }
.status_label.label-success { background: #3bb03c; }
.status_label.label-info { background: #1793d0; }
.status_label.label-danger { background: #cd4b48; }
.status_label.label-pending { background: #faa348; }
.status_label.label-warning { background: #fff8da; color: #8a653b; }
.status_label.label-highlight { background: #a61cc8; }

/* HAMBURGER */

#mobile_nav_icon #nav-icon {
  width: 26px;
  height: 26px;
  margin-top: 4px;
  position: relative;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: .5s ease-in-out;
  -moz-transition: .5s ease-in-out;
  -o-transition: .5s ease-in-out;
  transition: .5s ease-in-out;
  cursor: pointer;
}

body.small_header #mobile_nav_icon #nav-icon {
  height: 26px;
  width: 26px;
}

#mobile_nav_icon #nav-icon span {
  display: block;
  position: absolute;
  height: 3px;
  width: 100%;
  background: #fff;
  border-radius: 9px;
  opacity: 1;
  left: 0;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: .25s ease-in-out;
  -moz-transition: .25s ease-in-out;
  -o-transition: .25s ease-in-out;
  transition: .25s ease-in-out;
}

#mobile_nav_icon #nav-icon.open span { background: #333; }

#mobile_nav_icon #nav-icon span:nth-child(1) {
  top: 0px;
}

#mobile_nav_icon #nav-icon span:nth-child(2),#nav-icon3 span:nth-child(3) {
  top: 9px;
}

body.small_header #mobile_nav_icon #nav-icon span:nth-child(2) { top: 8px; }

#mobile_nav_icon #nav-icon span:nth-child(4) {
  top: 18px;
}

body.small_header #mobile_nav_icon #nav-icon span:nth-child(4) { top: 16px; }

#mobile_nav_icon #nav-icon.open span:nth-child(1) {
  top: 8px;
  width: 0%;
  left: 50%;
}

#mobile_nav_icon #nav-icon.open span:nth-child(2) {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}

#mobile_nav_icon #nav-icon.open span:nth-child(3) {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
  top: 9px;
}

body.small_header #mobile_nav_icon #nav-icon.open span:nth-child(3) { top: 8px; }

#mobile_nav_icon #nav-icon.open span:nth-child(4) {
  top: 18px;
  width: 0%;
  left: 50%;
}

header #mobile_nav_icon {
  margin: -10px 5px 0 -10px;
  padding: 10px 10px 10px;
  transition: 0.15s linear;
  -webkit-transition: 0.15s linear;
}

header.as_site #mobile_nav_icon {
  margin: -10px 0;
  padding: 10px;
}

body.nav-shown header #mobile_nav_icon {
  background: #fff;
}

/* UI GRID */

div.ui_grid { margin-right: -2px; }
div.ui_grid.grid_med { margin-right: -3px; }
div.ui_grid.grid_xlg { margin-right: -4px; }
span.ui_grid { margin: 0; }

.ui_grid ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}

.ui_grid a {
 display: block;
 float: left;
}

div.grid img {
  float:left;
  height:35px;
  margin-bottom:2px;
  margin-right:2px;
  width:35px;
}

.grid img.image,
.ui_grid img {
 height: 100%;
 width: 100%;
}

.ui_grid .ui_group_img img {
  border: 0;
  float: none;
  margin: 0;
}

.ui_grid .ui_group_img a {
  float: none;
}

span.ui_grid img {
  margin: 0 2px 0 0;
}

 .ui_grid img.last {
   margin-right: 0px !important;
 }
  
 /* extra small grid */

 .ui_grid.grid_xsm li {
   margin: 0 1% 1% 0;
   width: 15.6%;
 }

 .ui_grid.grid_xsm li:nth-child(8n) {
   margin-right: 0;
 }
 
 /* small grid */
 
 .ui_grid.grid_sm li {
	 line-height: 0;
   margin: 0 1.4% 1.4% 0;
   width: 15.5%;
 }
 
 .ui_grid.grid_sm li:nth-child(6n) {
   margin-right: 0;
 }
 
 /* medium grid */
 
 .ui_grid.grid_med li {
   line-height: 0;
   margin: 0 1.5% 1.5% 0;
   width: 18.8%;
 }
 
 .ui_grid.grid_med li:nth-child(5n) {
   margin-right: 0;
 }
 
 /* large grid */

 .ui_grid.grid_lg li {
   line-height: 0;
   margin: 0 1% 1% 0;
   width: 24.25%;
 }
 
 .ui_grid.grid_lg li:nth-child(4n) {
   margin-right: 0;
 }
 
 /* extra large grid */

 .ui_grid.grid_xlg li {
   margin: 0 1.4% 1.4% 0;
   width: 32.4%;
 }
 
 .ui_grid.grid_xlg li:nth-child(3n) {
   margin-right: 0;
 }
 
 /* extra extra large grid */
 
 .ui_grid.grid_xxlg img,
 .ui_grid.grid_xxlg .blockmore {
   line-height: 135px;
   height: 135px;
   width: 135px;
 }
 
 /* wide grid */
 
 .ui_grid.ui_grid_wide img {
  line-height: 67px;
 	height: 67px;
 	margin: 0 12px 12px 0;
 	width: 67px;
 }
 
 .ui_grid.ui_grid_wide li.last img {
 	margin-right: 0px;
 }
 
 .ui_grid.ui_grid_wide .blockmore {
 	font-size: 30px;
 	line-height: 67px !important;
 	height: 67px;
 	text-decoration: none;
 	width: 67px;
 }

.facelist li { 
	line-height: 0;
	margin-right: 3px;
}

  .div.ui_separator .facelist li { margin-right: 1px; }

  .vertical_faces .facelist li {
    float: none;
    margin-bottom: -40px; 
    -webkit-transition: ease-in-out .2s;
  }

  .vertical_faces:hover .facelist li {
    margin-bottom: 10px;
  }

  .vertical_faces .facelist li img {
    border-radius: 100%;
    width: 45px;
  }

  .vertical_faces .facelist li a.blockmore {
    border-radius: 100%;
    font-size: 13px;
    line-height: 45px;
    height: 45px;
    width: 45px;
  }
  
	.div.ui_separator .facelist img,
	.div.ui_separator .facelist .blockmore,
	.commentbox .facelist img,
	.commentbox .facelist .blockmore {	
		font-size: 9px;
		line-height: 17px;
	  margin: 1px 0 0 2px;
	  height: 17px;
		width: 17px;
  }
  
  .div.ui_separator .text,
  .div.ui_separator.edge_list .text {
    font-size: 11px;
    line-height: 19px;
  }

  div.commentbox .facelist li,
  .facelist-sm .facelist li { margin-right: 2px; }

	.facelist li:last-child { margin-right: 0; }

.facelist div.ui_group a { float: none; }

.facelist img,
.facelist .blockmore {
  cursor: pointer;
	text-decoration: none;
	width: 28px;
}

.blockmore {
  background-color: rgba(0,0,0,.1);
  display: block;
  width: 28px;
  height: 28px;
  line-height: 28px;
  text-align: center;
  font-weight: bold;
  font-size: 11px;
  color: #333;
}

.facelist-lg .facelist .blockmore {
  font-size: 20px;
  line-height: 44px;
  height: 44px;
  width: 44px;
}

.blockmore:hover {
  background: #444;
  color: #fff;
}

.facelist-lg .facelist img,
.facelist-lg .facelist .blockmore {
  font-size: 13px;
  height: 40px;
  line-height: 40px;
  width: 40px;
}

.facelist-sm .facelist img,
.facelist-sm .facelist .blockmore {
	font-size: 12px;
	line-height: 26px;
	height: 26px;
	width: 26px;
}

.facelist-sm p {
  font-size: 11px;
  line-height: 15px;
}


.facelist-sm.edge_list i.icon-edge { margin: 6px 6px 0 0; }

.edge_list .faces { float: right; }
.edge_list .text { float: left; line-height: 30px; text-align: left; }
.edge_list.facelist-lg .text { font-size: 16px; line-height:40px; }
.facelist-sm.edge_list .text { line-height: 28px; }
.ui_tiny_size.edge_list .text { line-height: 20px; font-size: 11px; }

.ui_tiny_size .facelist img,
.ui_tiny_size .facelist .blockmore { 
  font-size: 9px;
  height: 20px;
  line-height: 20px;
  width: 20px; 
}

.facelist-sm .text { line-height: 26px; }

.commentbox .edge_list .text { 
  float: none;
  line-height: 18px;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.grid_4 .commentbox .edge_list .text {
  line-height: 21px;
}

.edge_list.facelist-sm .text {
  font-size: 11px;
  line-height: 27px;
}

#mainview .incontext.edge_list.facelist-sm .text { font-size: 13px; }

.edge_list .buttons,
.left-facelist .faces { 
	float: left;
	margin-left: 0;
}

.left-facelist .faces { margin-right: 5px; }
.left-facelist .text { margin-left: 0; }

.edge_list.left-facelist.everything_block .fl_l,
.edge_list.left-facelist.everything_block .fl_r,
.everything_block .fl_l,
.everything_block .fl_r { float: none; }


.ui_grid.grid_sm img,
.ui_grid.grid_med img,
.ui_grid.grid_lg img,
li.feed_story .commentbox img.pic,
.ui_page_body .ui_group .face-wrap img.pic,
li.feed_story div.ui_group .face-wrap img.pic {
  border: 0;
  border-radius: 3px;
}

/* DECORATIVE */

.ui_stream_header {
  background: #ddd;
  height: 1px;
  position: relative;
  text-align: center;
}

.ui_stream_header .ui_stream_title {
  display: inline-block;
  font-size: 10px;
  line-height: 10px;
  margin: 0 auto;
  padding: 3px 8px;
  position: relative;
  background: white;
  top: -9px;
  text-transform: uppercase;
}
div.form_body .ui_stream_header .ui_stream_title { background: #fafafa; }
body.wash div.form_body .ui_stream_header .ui_stream_title { border: 1px solid #ddd; }

/* OTHER */

.mini_edit_link {
  background: url('/foundation_static/images/mini_edit.png') no-repeat 0 0;
  display: none;
  height: 17px;
  width: 17px;
}

.ui_group:hover .mini_edit_link {
  display: block;
}

.mini_edit_link:hover {
  background-position: -17px 0px;
}

/* SHARER */

#share_option.mode_user .user,
#share_option.mode_message .message,
#share_option.mode_group .group,
#share_option.mode_set .set {
  display: block;
}

/* EXTRAS */

a.more_masher {
  background: rgba(0,0,0,.02);
  border: 1px solid rgba(0,0,0,.08);
  display: block;
  font-weight: bold;
  margin-top: 10px;
  padding: 10px;
  text-align: center;
}

#all.ui_section.table-section + a.more_masher,
#all.ui_section.table-section > a.more_masher {
  background-color: #fff;
  border-width: 1px 0 0;
  margin: 0px;
}

a.more_masher img {
  display: block;
  margin: 0 auto;
  padding: 3px 0;
}

a.more_masher:hover {
  background: rgba(0,0,0,.04);
  border-color: rgba(0,0,0,.12);
  color: #333;
}

a.more_masher:active {
  background: #e5e7ee;
  border-color: #e5e7ee;
}

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;
}

img.thepic_l {
  float: left;
  margin-right: 10px;
  width: 50px;
}

img.thepic_m {
  float: left;
  margin-right: 10px;
  width: 40px;
}

img.nice {
  border: 1px solid #ccc;
  padding: 2px;
  box-shadow: #EEE 0px 1px 1px;
}

a:hover img.nice {
  border: 1px solid #0377cc;
  box-shadow: #ddd 0px 1px 1px;
}

.titlebox {
  background: #f8f8f8;
  border-top: 1px solid #ddd;
  border-bottom: 1px solid #eee;
}

hr.huge {
  border: 0px;
  border-bottom: 8px solid #eee;
  margin: 20px 0;
}

hr.divider {
  border: 0;
  border-bottom: 3px solid #ccc;
  margin: 30px auto;
  width: 100px;
}

/* TOGGlE */

a.toggle {
  background: url('/foundation_static/images/toggle_btns.png') no-repeat 0px 0px;
  display: block;
  height: 20px;
  width: 20px;
  text-decoration: none;
}

a.toggle:hover, a.toggle:active {
  background-position: 0px -19px;
}

a.toggle.open {
  background-position: 0px -38px;
}

#mainview .tab_section.ui_toggle_nav {
  margin-bottom: -1px;
  padding-bottom: 15px;
}

#mainview .no_break .ui_toggle_nav { margin-bottom: 15px; }

/* DATE BOX */

.ui_group .ui_date_box.inline-date {
  border-radius: 0;
  display: inline-block;
  float: none;
  margin: 0 0 10px;
  width: auto;
}

.ui_group .ui_date_box.inline-date .top { border-right: 0; }
.ui_group .ui_date_box.inline-date .bottom { border-color: #ddd; border-left: 0; }

div.prompt_item .inline-date {
  margin: -3px 0 0 0;
}

.ui_date_box.inline-date span.top,
.ui_date_box.inline-date span.bottom {
  border: 1px solid rgba(0,0,0,.1);
  border-radius: 0 !important;
  display: inline-block;
  font-size: 13px !important;
  font-weight: bold;
  line-height: 1;
  margin: 0;
  padding: 5px 8px;
  text-align: center;
}

.ui_date_box:not(.inline-date) { width: 50px; }

.ui_group .ui_date_box {
  float: left;
  margin-right: 10px;
}

.grid_4 .ui_date_box,
.ui_date_box.small,
.ui_date_box.small.gray,
.grid_4 .activity_feed .ui_date_box {
  width: 50px;
}

.ui_date_box span.top,
.ui_date_box.gray span.top {
  background: #555;
  border: 1px solid rgba(0,0,0,.15);
  border-bottom: 0;
  text-align: center;
  color: #fff;
  text-transform: uppercase;
  padding: 0;
  font-weight: bold;
  font-size: 11px;
  line-height: 19px;
  display: block;
}

.ui_date_box.special-date {
	background: #466498;
	color: #fff;
	font-size: 8px;
	font-weight: bold;
	padding: 3px 0;
	text-align:center;
	text-transform: uppercase;
}

.ui_date_box.special-date i.fa-icon {
	display: block;
	font-size: 20px;
	margin: 0 0 5px;
}

.grid_4 .ui_date_box span.bottom,
.ui_date_box.small span.bottom,
.ui_date_box.small.gray span.bottom {
  font-size: 15px;
  line-height: 15px;
  padding: 4px;
}

.ui_date_box span.bottom,
.ui_date_box.gray span.bottom {
  background: white;
  border: 1px solid rgba(0,0,0,.15);
  border-top: 0;
  text-align: center;
  color: #666;
  font-size: 18px;
  line-height: 20px;
  display: block;
  padding: 3px;
}

.ui_page_header .ui_date_box:not(.inline-date) {
  border: 0;
  width: 50px;
}

.ui_page_header .ui_date_box:not(.inline-date) span.top { 
  background: #e14646; 
  border: 1px solid rgba(0,0,0,.2);
  border-bottom: 0;
  color: #fff;
  padding: 3px 0px; 
}

.ui_page_header .ui_date_box:not(.inline-date) span.bottom { 
  border: 1px solid rgba(0,0,0,.2);
  border-top: 0;
  color: #333;
  font-weight: bold;
  padding: 4px 3px; 
}

.grid_4 .ui_date_box span.bottom.sm {
  font-size: 13px;
}

.ui_date_box span.bottom.sm,
.ui_date_box.gray span.bottom.sm {
  font-size: 15px;
}

.ui_group_img.dc-wrap,
.ui_date_box { border-radius: 3px; }

.ui_date_box span.top { border-radius: 3px 3px 0 0; }

.ui_date_box span.bottom { border-radius: 0 0 3px 3px; }

#sidebar .event_box .ui_group_content { padding-top: 3px; }

#sidebar .event_box .ui_group_content.nopad { padding-top: 0; }

/* MINI DATE */

.ui_date_box.mini-date,
ul.list .column_12 .ui_date_box {
  width: 30px;
}

.ui_date_box.mini-date span.top,
ul.list .column_12 .ui_date_box span.top {
  font-size: 10px;
  line-height: 14px;
}

.ui_date_box.mini-date span.bottom,
ul.list .column_12 .ui_date_box span.bottom {
  font-size: 14px;
  line-height: 18px;
  padding: 0;
}

ui.date_box.mini-date span.bottom .end,
ul.list .column_12 .ui_date_box span.bottom .end {
  display: none;
}

/* IMAGE GRID */

.photo_outer {
  background: #eee;
  border: 1px solid rgba(0,0,0,.1);
  line-height: 0px;
  position: relative;
  text-align: center;
}

.photo_outer .photocontainer {
  display: inline-block;
  margin: 0 auto;
  position: relative;
  vertical-align: bottom;
  zoom: 1;
}

.photo_outer #photo {
  display: block;
  margin: auto;
  position: relative;
}

.photo_outer #photo div.overlay {
  background: rgba(0,0,0,.8);
  display: none;
  padding: 15px;
  position: absolute;
  bottom: 0px;
  right: 0px;
}

.photo_outer #photo:hover div.overlay { display: block; }
.photo_outer #photo div.overlay a { color: white; }

/* SIDEBAR PHOTO */

#sidebar .photo_attachments .single-photo img {
  max-width: none;
  max-height: none;
  width: 100%;
}

/* CONTEXTUAL */

a.contextual {
  color: #999;
  cursor: pointer;
}

.ui_contextual_dialog {
  position: absolute;
  z-index: 200;
}

.ui_contextual_dialog_inner {
  outline: 0px solid transparent;
  padding-left: 10px;
}

.ui_contextual_arrow_left {
  background: url('/foundation_static/images/contextual_arrow_left.gif') no-repeat;
  display: block;
  left: 2px;
  height: 16px;
  position: absolute;
  width: 9px;
  z-index: 201;
}

.ui_contextual_overlay {
  background: white;
  border: 1px solid #888;
  border-bottom: 1px solid #666;
  position: relative;
  box-shadow: rgba(0, 0, 0, .3) 0px 3px 8px;
}

/* ICON STUFF */

.ui_group_img .online_status {
  background: green;
  border: 3px solid white;
  border-radius: 100%;
  bottom: -3px;
  color: #fff;
  padding: 5px;
  position: absolute;
  right: -3px;
  z-index: 100;
}

.ui_group.xxsm-group .ui_group_img .online_status,
.ui_group.xsm-group .ui_group_img .online_status {
  border-width: 2px;
  bottom: -2px;
  padding: 3px;
  right: -2px;
}

.incontext .commentbox .ui_group_img .online_status,
.ui_group_img .online_status { border-color: #f3f3f3; color: #f3f3f3; }
.commentbox .ui_group_img .online_status { border-color: #eaeaea; color: #eaeaea; }

/* TAGS */

.pills ul,
.ui_tags ul {
  list-style-type: none;
  margin: 0 !important;
  padding: 0;
}

.pills li,
.ui_tags li {
  color: #999;
  float: left;
  list-style-type: none;
  margin: 0 5px 0 0;
}

.right_actions .pills li,
.right_actions .ui_tags li {
  margin: 0 0 0 5px;
}

.ui_tags li { margin: 0 3px 3px 0; }
.pills li span.pill_label { color: #666; width: 49px; }
 
.pills li a,
.pills li span.pill_label {
  background-color: rgba(0,0,0,.03);
  border: 1px solid rgba(0,0,0,.05);
  border-radius: 3px;
  display: block;
	font-size: 12px;
  font-weight: bold;
  line-height: 12px;
  overflow: hidden;
  padding: 7px 10px;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.pills li a.tooltip_link,
.ui_tags li a.tooltip_link {
  overflow: visible;
  text-overflow: none;
}

.ui_tags li a,
.ui_tags li span {
  background-color: rgba(0,0,0,.03);
  border: 1px solid rgba(0,0,0,.05);
	border-radius: 3px;
	display: block;
	font-weight: bold;
	line-height: 22px;
	overflow: hidden;
	padding: 2px 5px 2px 2px;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.ui_tags li a img {
  border-radius: 3px;
  float: left;
  margin: 0 5px 0 0;
  width: 22px;
}

.ui_tags.ui_m_size li {
  margin: 0 8px 8px 0;
}

.ui_tags.ui_m_size li a {
  font-size: 14px;
  padding: 3px 6px;
}

.ui_tags.lg-tags li a.active,
.ui_tags.ui_m_size li a.active {
  background: white;
  border-color: #000;
  color: #000;
}

.ui_tags.lg-tags li a.fcb:hover,
.ui_tags.ui_m_size li a.fcb:hover {
  background: #fff;
  border-color: #000;
  color: #000;
}

.pills li span.pill_label,
.pills li a {
  background-color: transparent;
  border-color: transparent;
}

.pills li span.pill_label,
.ui_tags li span.pill_label {
  background-color: transparent;
  border-color: transparent;
}

.pills li a:hover,
.ui_tags li a:hover {
  background: rgba(0,0,0,.1);
  border-color: rgba(0,0,0,.1);
  color: #777;
}

.ui_tags li a.more-link {
  background: rgba(0,0,0,.1);
  border-color: rgba(0,0,0,.1);
  color: rgba(0,0,0,.6);
}

.ui_tags li a img.list_item_img {
  border-radius: 3px;
  float: left;
	margin: 0 5px 0 0;
  width: 22px;
}

/* LIGHT TAGS */

.ui_tags.light-tags li a,
.ui_tags.light-tags li span {
  background: rgba(0,0,0,.03);
  border: 1px solid rgba(0,0,0,.08);
  color: rgba(0,0,0,.5);
}

.ui_tags.light-tags li span.pill_label {
  padding: 5px 0px;
}

.ui_tags.light-tags li a:hover {
  background: #efefef;
  border: 1px solid #ddd;
  color: #111;
}

.ui_tags.large li a,
.ui_tags.large li span {
  font-size: 13px;
  padding: 5px 10px;
  text-transform: none;
}
 
.pills li a { color: #aaa; }

.pills li a.active,
.pills li a.active:hover {
  background: #333;
  border-color: rgba(0,0,0,.1);
  color: #fff;
  font-weight: bold;
}

.highlight-toggle .pills li a.active,
.highlight-toggle .pills li a.active:hover {
	background: #38a1f7;
}

.ui_tags.lg-tags li a,
.ui_tags.lg-tags li span.pill_label {
  font-size: 16px;
  padding: 6px 14px;
}

.ui_toggle_nav.sm-toggle .pills li span.pill_label { padding-right: 10px; }

.ui_toggle_nav select.styled {
  padding: 6px 18px 6px 6px;
  min-width: 125px;
  width: 125px;
}

.ui_toggle_nav.lg-toggle .pills li > a,
.ui_toggle_nav.lg-toggle .pills li > span {
	font-size: 14px;
	line-height: 14px;
	padding: 10px 12px;
}

.ui_toggle_nav.lg-toggle .pills li span.pill_label {
	font-size: 12px;
	padding-left: 0;
}

.ui_toggle_nav.lg-toggle select.styled {
	padding: 10px 18px 10px 6px;
}

.ui_toggle_nav.lg-toggle #pload { line-height: 32px; }

.rich_text .ui_tags li {
  line-height: 2.5;
}

.rich_text .ui_tags.large li a,
.rich_text .ui_tags.large li span {
  font-weight: bold;
  padding: 10px 20px;
}

.pills li span.pill_label,
.ui_tags li span.pill_label {
  font-weight: bold;
  padding-left: 0;
}

.pills li a:hover,
.ui_tags li a:hover {
  text-decoration: none;
}

/* CONTAINER LABEL */

.container_label {
  font-size: 16px;
  letter-spacing: -0.05em;
  line-height: 22px;
  font-weight: bold;
  margin-bottom: 15px;
}

  .container_label img {
    border-radius: 3px;
    float: left;
    margin-right: 8px;
    width: 22px;
  }

/* OTHER */

.ui_inset {
  background-color: rgba(0,0,0,.03);
  padding: 20px;
  box-shadow: inset 0 1px 4px rgba(0,0,0,.05);
  border-radius: 3px;
}

.ui_inset.small-inset { padding: 15px; }

/* MENTIONS */

.mentions-input-box {
  position: relative;
  background: #fff;
}

.mentions-input-box textarea {
  width: 100%;
  display: block;
  height: 18px;
  padding: 9px;
  overflow: hidden;
  background: transparent;
  position: relative;
  outline: 0;
  resize: none;
}

.mentions-input-box .mentions-autocomplete-list {
  display: none;
  background: #fff;
  border: 1px solid #b2b2b2;
  position: absolute;
  left: 0;
  right: 0;
  z-index: 10000;
  margin-top: -2px;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.148438);
}

.mentions-input-box .mentions-autocomplete-list ul {
  margin: 0;
  padding: 0;
}

.mentions-input-box .mentions-autocomplete-list li {
  background-color: #fff;
  padding: 0 4px;
  margin: 0;
  width: auto;
  border-bottom: 1px solid #eee;
  height: 26px;
  line-height: 26px;
  overflow: hidden;
  cursor: pointer;
  list-style: none;
  white-space: nowrap;
}

.mentions-input-box .mentions-autocomplete-list li > img,
.mentions-input-box .mentions-autocomplete-list li > div.icon {
  width: 20px;
  height: 20px;
  float: left;
  margin-top: 3px;
  margin-right: 5px;
  -moz-background-origin: 3px;
}

.mentions-input-box .mentions-autocomplete-list li em {
  font-weight: bold;
  font-style: none;
}

.mentions-input-box .mentions-autocomplete-list li:hover,
.mentions-input-box .mentions-autocomplete-list li.active {
  background: #EDEFF4 !important;
  color: black;
}

.mentions-input-box .mentions {
  position: absolute;
  left: 1px;
  right: 0;
  top: 1px;
  bottom: 0;
  padding: 9px;
  color: #fff;
  overflow: hidden;

  white-space: pre-wrap;
  word-wrap: break-word;
}

.mentions-input-box .mentions > div {
  color: #fff;
  white-space: pre-wrap;
  width: 100%;
}

.mentions-input-box .mentions > div > strong {
  font-weight: normal;
  background: #d8dfea;
}

.mentions-input-box .mentions > div > strong > span {
  filter: progid:DXImageTransform.Microsoft.Alpha(opacity = 0);
}

/* FILTER BOX */

i.folder_arrow {
  background: url('/foundation_static/images/folder_arrows.png') no-repeat 0 0;
  display: block;
  float: left;
  height: 10px;
  margin-right: 5px;
  width: 10px;
}

.open i.folder_arrow { background-position: 0 -11px; }
label i.folder_arrow { margin: 5px 5px 0 0; }
.select label i.folder_arrow { margin-top: 10px; }

/* EMAILS */

.stats_items .stats_item {
  background: #fff;
  border: 1px solid #ddd;
  border-radius: 3px;
  padding: 20px;
}

.stats_items .stats_item .stats_num {
  font-size: 18px;
  font-weight: bold;
  line-height: 1.222;
}

.stats_items .stats_item .stats_icon {
  font-size: 30px;
}

.stats_items.stats-5 .stats_item { font-size: 10px; padding: 10px; text-align: center; }
.stats_items.stats-5 .stats_item .stats_icon { font-size: 25px; float: none; margin: 0 0 10px 0; }
.stats_items.stats-5 .stats_item .stats_num { font-size: 20px; }

.stats_items.stats-6 .stats_item { font-size: 10px; padding: 10px; text-align: center; }
.stats_items.stats-6 .stats_item .stats_icon { font-size: 25px; float: none; margin: 0 0 10px 0; }
.stats_items.stats-6 .stats_item .stats_num { font-size: 20px; }

.stats_items .stats_item.active-item:not(.plain-item):not(.stats-green) {
  color: #fff;
}
.stats_items .stats_item.active-item:not(.plain-item):not(.stats-green) a {
  color: #fff;
}

.stats_items .stats_item.stats-black:not(.plain-item) { border-top: 2px solid #333; }
.stats_items .stats_item.stats-black:not(.plain-item) i.fa-icon { color: #333;}

.stats_items .stats_item.stats-brown:not(.plain-item) { border-top: 2px solid #a5673f; }
.stats_items .stats_item.stats-brown:not(.plain-item) i.fa-icon { color: #a5673f; }

.stats_items .stats_item.stats-blue:not(.plain-item) { border-top: 2px solid #1793d0; }
.stats_items .stats_item.stats-blue:not(.plain-item) i.fa-icon { color: #1793d0;}

.stats_items .stats_item.stats-green:not(.plain-item) { border-top: 2px solid #3bb03c; }
.stats_items .stats_item.stats-green:not(.plain-item) i.fa-icon { color: #3bb03c;}

.stats_items .stats_item.stats-orange:not(.plain-item) { border-top: 2px solid #da7c1a; }
.stats_items .stats_item.stats-orange:not(.plain-item) i.fa-icon { color: #da7c1a; }

.stats_items .stats_item.stats-purple:not(.plain-item)  { border-top: 2px solid #a61cc8; }
.stats_items .stats_item.stats-purple:not(.plain-item) i.fa-icon { color: #a61cc8; }

.stats_items .stats_item.stats-blue.active-item:not(.plain-item)  {
  background-color: #1793d0;
}

.stats_items .stats_item.stats-purple.active-item:not(.plain-item)  {
  background-color: #a61cc8;
}

.campaign_section .stats_items {
  margin-top: 20px;
}

.campaign_section .stats_items .stats_item {
  background: #fbfbfb;
  margin: 0;
}

/* MAP */

.map_wrapper {
  border: 1px solid #ddd;
  line-height: 0;
  padding: 5px;
  position: relative;
}

.map_wrapper .map_label {
  background: #fff;
  border: 1px solid #aaa;
  bottom: 10px;
  left: 10px;
  line-height: normal;
  padding: 15px;
  position: absolute;
  box-shadow: 0 3px 3px rgba(0, 0, 0, .1);
}

/* RICH CONTENT */

.page_tac #pagecontent .story_single,
.page_tac #pagecontent .page_info, {
  text-align: center;
}

.rich_text h1 {
  border-top: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
  font-size: 30px;
  margin: 30px 0;
  padding: 20px 0;
}

.rich_text h2 {
  border-top: 1px solid #ddd;
  font-size: 26px;
  font-weight: normal;
  margin: 30px 0;
  padding: 20px 0 0;
}

.rich_text h3 {
  font-size: 24px;
  font-weight: 600;
  margin: 45px 0 15px 0;
}

.rich_text h4 {
  font-size: 18px;
  line-height: 1.333;
  margin: 0 0 10px 0;
}

.rich_text h1:first-child,
.rich_text h1.top,
.rich_text h2:first-child,
.rich_text h2.top,
.rich_text h3:first-child,
.rich_text h3.top { 
  border-top: 0;
  margin-top: 0; 
  padding-top: 0;
}

p.intro,
p.bodycopydropcap {
  font-size: 18px;
  line-height: 26px;
  margin-bottom: 10px;
}

.rich_text blockquote p {
  margin-left: 5%;
  margin-right: 5%;
}

.rich_text p,
.rich_text ol > li,
.rich_text ul > li {
  color: #555;
  font-size: 16px;
  line-height: 1.6;
  margin-bottom: 20px;
  font-weight: 400;
}

.rich_text p.fsm { font-size: 13px; }
.rich_text p.fss { font-size: 11px; }

.rich_text hr {
  border-top: 3px solid rgba(0,0,0,.1);
  margin: 30px auto;
  width: 50%;
}

.rich_text.med-text p,
.rich_text.med-text li {
  font-size: 15px;
}

.rich_text p sub,
.rich_text p sup {
  font-size: 11px;
}

.rich_text ol li ol,
.rich_text ul li ul {
  margin: 30px 50px;
}

.rich_text li.mbl { margin-bottom: 30px; }

.rich_text p:last-child { margin-bottom: 0; }

.rich_text blockquote { 
  border-left: 5px solid rgba(0,0,0,.1);
  margin: 45px 20px;
}

.rich_text table td {
  border: 1px solid #ddd;
  padding: 15px;
}

.grid_8 .rich_text blockquote:first-child { margin-top: 0; }

.body_12 .story_single blockquote { 
  border: 0;
  margin: 45px -60px; 
  text-align: center; 
}

.story_single blockquote.inset-quote { margin: 45px 60px; }

.rich_text blockquote p:not(.caption) {
  font-size: 21px;
  line-height: 1.5;
}

.rich_text blockquote p.text-small { font-size: 18px; }
.rich_text blockquote p.text-medium { font-size: 20px; }

.body_12 .rich_text blockquote p:not(.caption) {
  font-size: 30px;
  font-weight: 400;
  line-height: 1.3;
}

.body_12 .rich_text blockquote span.credit {
  color: rgba(0,0,0,.5);
  display: block;
  font-size: 12px;
  text-align: center;
  text-transform: uppercase;
}

.story_single .admin_action {
  position: absolute;
  right: 0;
  top: 0;
}

.story_single blockquote p:not(.caption) {
  font-family: 'Sorts Mill Goudy', 'Georgia', 'Times New Roman', serif;
  font-style: italic;
}

.rich_text p.intro {
  color: #333;
  font-size: 22px;
  font-weight: 500;
  line-height: 1.4;
  margin: 0 0 30px 0;
}

.rich_text .intro_section p.intro:last-child,
.rich_text p:last-child {
  margin-bottom: 0;
}

.body_12 .rich_text blockquote p.caption,
.rich_text blockquote cite,
.rich_text p.caption,
.rich_text p.fss {
  color: #999;
  font-size: 13px;
  font-style: normal;
  line-height: 18px;
}

.rich_text blockquote cite,
.rich_text blockquote p.caption {
  margin-top: 10px;
}

.rich_text li.straight,
.rich_text ul.straight,
.rich_text ul.straight li {
  list-style-type: none;
  margin-left: 0;
  padding-left: 0;
}

.rich_text p.fss {
  font-size: 11px;
  line-height: 15px;
}

.rich_text ul {
  list-style-type: square;
  margin: 0 0 0 18px;
}

.node_properties.rich_text ul {
  list-style-type: none;
  margin: 0;
}

.rich_text .list_wrap ul,
.rich_text ul.no_type,
.rich_text li.no_type {
  list-style-type: none;
  margin-left: 0;
  padding-left: 0;
}

.rich_text ol {
  list-style-type: decimal;
  margin: 0 0 0 20px;
}

.rich_text ul ul,
.rich_text ul ol,
.rich_text ol ul,
.rich_text ol ol { margin: 20px 0 20px 20px; }

.rich_text li {
  margin-bottom: 10px;
}

.preview_img {
    margin-top: 10px;
    max-width: 250px;
    width: auto;
}

/* BODY ADS */

.body_ad_wrapper {
  margin: 5% 0;
  text-align: center;
}

.body_ad_wrapper .body_ad_section {
  display: inline-block;
  margin: 0 auto;
}

.body_ad_wrapper .body_ad_label {
  color: #999;
  font-size: 10px;
  margin-bottom: 5px;
  text-transform: uppercase;
}

.body_ad_wrapper .body_ad_img {
  width: 100%;
}

/* COLUMNS */

/* H4 */

.grid_8 .column_4 h4,
.grid_8 .column_5 h4,
.column_6 h4 {
    font-size: 12px;
    line-height: 14px;
}

/* OTHER */

body.dev_env .dev_notice {
  background: #ffd8d8;
  color: black;
  display: block;
  padding: 10px;
  text-align: center;
}


/* TALLY */

.tallies {
  float: right;
}

.tally-item {
  border-right: 1px solid rgba(0,0,0,.1);
  cursor: pointer;
  float: left;
  line-height: 0;
  margin-right: 5px;
  min-width: 80px;
  text-align: center;
}

.tally-item a { text-decoration: none; }

.tallies .tally-item:last-child {
  border: 0;
  margin-right: 0;
}

.tally-item span.tally-count {
  color: rgba(0,0,0,.4);
  display: block;
  font-size: 20px;
  line-height: 21px;
  -webkit-transition: 0.2s linear;
}

.tally-item:hover span.tally-count,
.tally-item:hover span.tally-label {
  color: #333;
}

.tally-item span.tally-label {
  color: rgba(0,0,0,.5);
  font-size: 9px;
  text-transform: uppercase;
  line-height: 9px;
}

/* TABLES */

.table-scroll {
  max-width: 100%;
  min-width: 0;          /* lets flex/grid parents shrink */
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}

.table-scroll > table {
  width: max-content;    /* or min-width: 720px; */
  max-width: none;
}

table td { vertical-align: middle; }

table.simple,
table.rowed,
table.std {
    border-collapse: collapse;
    width: 100%;
}

table.vtop td { vertical-align: top !important; }

  table.rowed:not(.transparent) { background: #fff; }
  
  table.rowed.transparent tr td:first-child { padding-left: 0; }
  table.rowed.transparent tr td:last-child { padding-right: 0; }

    table td.numeric,
    .numeric {
      font-family: Monaco, monospace;
      font-size: 12px;
    }

    div.form_body table.rowed {
      background: transparent;
      border-width: 1px 0;
    }
    
    div.form_body table.rowed tr.head th {
      border-width: 1px 0;
    }

    table.simple td,
    table.simple th,
    table.rowed td,
    table.rowed th,
    table.std td,
    table.std th {
      padding: 8px 10px;
      text-align: left;
      vertical-align: middle;
    }
    
    table.large-rowed th,
    table.large-rowed td {
      padding: 16px 20px;
    }
    
    table.std tr.highlight td {
      background-color: #fafafa;
    }

    table.std tr.summary-row td { font-size: 20px; }

    table.std.data-table {
      font-family: 'Lato';
    }
    
    table.simple tr.highlight {
      background-color: rgba(0,0,0,.05);
    }
    
    table.std th.tac,
    table.std td.tac,
    table.rowed td.tac { text-align: center; }

		table.std th.tar,
		table.std td.tar,
    table.simple td.tar,
    table.rowed td.tar { text-align: right; }

    table tr.opened { background: #e6e9ef; }
    table tr.clicked { background: #dee1e7; }
    
    table tr.new { background: #eff2f8; }
    
    table.rowed.aligntop td,
    table.rowed.aligntop th,
    table.std.aligntop th,
    table.std.aligntop td {
      vertical-align: top;
    }
    
    table.std tr.row_header { background: #ddd; }
    
    table.std.small-table td,
    table.std.small-table th {
      padding: 5px 3px;
    }
    
    table.std.nobg,
    table.std.nobg td { background: none; }
    
    table.rowed.compressed td,
    table.rowed.compressed th {
      padding: 5px 3px;
    }
    
    table th.tar { text-align: right; }
    table th.tac { text-align: center; }
    
    table.rowed th,
    table.std th {
      background: #edeff0;
      border-top: 1px solid #ddd;
    }

    table.tablesorter th:not(.nosort) {
        background-image: url(/foundation_static/images/tablesorter_bg.gif);
        background-repeat: no-repeat;
        background-position: center right;
        vertical-align: middle;
        cursor: pointer;
    }

    table.tablesorter th.headerSortDown {
        background-image: url(/foundation_static/images/tablesorter_desc.gif);
    }

    table.tablesorter th.headerSortUp {
        background-image: url(/foundation_static/images/tablesorter_asc.gif);
    }
    
    table.std tr.head th,
    table.rowed tr.head th { border-top: 1px solid #ddd; }
    
    table.std th,
    table.rowed th { padding: 7px 10px; }
    
    table.rowed tr.pvxl td { padding: 20px 10px; }
    
    table.simple tr:not(:last-child),
    table.rowed tr:not(:last-child),
    table.std tr:not(:last-child) { border-bottom: 1px solid #ddd; }
    
    table.std td.vam,
    table.rowed td.vam { vertical-align: middle; }
    
    table.rowed tr:nth-child(even) { background: #f6f6f6; }
    table.rowed.light tr:nth-child(even) { background: #fcfcfc; }
    
    table.rowed tr.inactive { -webkit-transition: .3s linear; -moz-transition: .3s linear; }
    table.rowed tr.inactive td { background: #eaeaea; }
    table.rowed tr.inactive td p a { color: #666; }
    
    .std_list.rowed li:nth-child(even),
    .rowed .std_list li:nth-child(even) { background: #fdfdfd; }
    
    .rowed .std_list li { padding: 10px; }
    .rowed .std_list li.list_break { padding: 3px 10px; }
    
    table.rowed.borders th,
    table.rowed.borders td { border: 1px solid #ddd; }
    
    table.truncated th,
    table.truncated td {
      max-width: 150px;
      text-overflow: ellipsis;
      white-space: nowrap;
    }
    
    table.truncated td.wide,
    table.truncated th.wide {
      max-width: 300px;
    }
    
    table.truncated td.narrow,
    table.truncated th.narrow {
      max-width: 70px;
    }

table.bordered {
  border: 1px solid #ccc;
  border-collapse:collapse;
  font-size:12px;
  line-height:16px;
  width:100%;
}

  table.bordered th {
    background:#edeff0;
    border:1px solid #ccc;
    padding:5px;
  }
  
  table.bordered:not(.tac) th {
    text-align: left;
  }
  
  table.bordered td {
    background: white;
    padding:5px;
    border:1px solid #ccc;
  }
  
  table.bordered td span {
    color:#999;
    font-weight:normal;
  }
  
  table.bordered tr.tint {
    background:#faeded;
  }
  
  table.nohover tr:hover {
    background:inherit !important;
  }
  
  table.bordered td strong {
    font-size:16px;
    font-weight:normal;
  }
  
  table.bordered tr.alt {
    background:#eee;
  }
  
table.simple tr th {
  background: none;
  border: 0;
  color: #666;
  font-size: 11px;
  padding: 7px 5px;
  text-transform: uppercase;
}

table.simple tr td {
  padding: 10px 5px;
}
  

/* Mobile iframe view */
.blast-iframe-mobile {
  display: flex;
  justify-content: center;
  align-items: flex-start;
  background: #f4f4f4;
  padding: 20px;
}

.blast-iframe-mobile iframe {
  width: 375px !important;
  max-width: 100%;
  box-shadow: 0 4px 20px rgba(0,0,0,0.15);
  border-radius: 4px;
}

.blast-iframe-desktop iframe {
  width: 100% !important;
}