/* Additions for the replica. Everything visual from 2014 lives in Site.css (unchanged original). */

/* Table cells: the activity name is a real link for keyboard/no-JS users but looks like the original plain text */
a.RowLink { color: inherit; }
a.RowLink:hover { text-decoration: none; }

/* The original had a 468x60 AdSense slot under "Senaste aktiviteterna". Ads are gone, the space is kept. */
div.AdSpacer { height: 60px; }

/* Sign-in buttons (Google / Microsoft / Apple) in the 2009 "Sign in" button spirit */
div.ProviderButtons { margin-bottom: 4px; }
a.ProviderButton {
  display: inline-block;
  height: 20px;
  line-height: 20px;
  padding: 0 6px 0 4px;
  margin: 0 4px 5px 0;
  border: 1px solid #9fb6cd;
  border-radius: 2px;
  background: #fff linear-gradient(#ffffff, #e6eef6);
  color: #1a4f80;
  font-size: 11px;
  font-weight: bold;
  white-space: nowrap;
  text-decoration: none;
}
a.ProviderButton:hover { text-decoration: none; border-color: #108DC7; }
a.ProviderButton svg { vertical-align: -2px; margin-right: 5px; }
a.ProviderButton.DevButton { border-style: dashed; color: #666; }
div#logOn a.ProviderButton { margin-right: 2px; padding: 0 5px 0 4px; }
div#logOn div.ProviderButtons { white-space: nowrap; margin-bottom: 0; }
div#logOn a.LoginInfo { top: 0; }

/* "DELA" share button (replaces the AddThis widget, no third-party scripts) */
a.ShareButton {
  display: inline-block;
  width: 81px;
  height: 14px;
  line-height: 14px;
  border: 1px solid #b5b5b5;
  border-radius: 2px;
  background: #fff linear-gradient(#ffffff, #ececec);
  color: #333 !important;
  font: normal 7px/14px Verdana, sans-serif !important;
  letter-spacing: 2px;
  text-align: center;
  text-decoration: none;
}
a.ShareButton .ShareIcon { display: inline-block; width: 7px; height: 7px; background: #e8521d; border-radius: 1px; margin-right: 5px; vertical-align: -1px; }
a.ShareButton:hover { text-decoration: none; border-color: #888; }

/* "Visa i kartan" next to the place field on the create form */
input[type=submit].ShowOnMapButton { margin: -2px 0 -6px 13px; padding: 6px 15px; vertical-align: top; }

/* Report abuse link under an activity */
a.AbuseLink { float: right; font-size: 0.9em; margin-top: 8px; }

/* Leaflet map inside the archived 375px map frame */
div#clickout_map { z-index: 0; }
.leaflet-container { font-family: Helvetica, Verdana, Sans-Serif; font-size: 11px; background: #aad3df; }
.leaflet-container a { color: #108DC7; }
.leaflet-control-attribution { font-size: 10px; }
div#clickout_map.Shaded { opacity: 0.33; }

/* Members list */
div#usersList ul { margin: 0; }
div#usersList li.MemberItem { float: left; width: 255px; padding: 8px 0; border-bottom: 1px solid #D3D3D5; margin-right: 15px; }
div#usersList li.MemberItem img { float: left; margin-right: 10px; width: 50px; height: 50px; }
div#usersList .MemberText { font-size: 1.1em; line-height: 1.5em; }
div#usersList ul:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }

/* Profile / Din sida */
div#profilePictureBox img { border: 1px solid #D3D3D5; }
div#subMenuContentHeader { font-size: 1.1em; }
div#messegeSelectorBox { font-size: 1.1em; }
div.ConversationListItem { cursor: pointer; font-size: 1.1em; }
div.ConversationListItem.Unread .Column1 a { text-decoration: underline; }
span.UnreadBadge { background: #108DC7; color: #fff; font-size: 0.8em; padding: 1px 4px; border-radius: 2px; }
div.ConversationListItemSubSection { font-size: 1.1em; }
form#replyForm textarea#body { width: 100%; height: 100px; box-sizing: border-box; }
div#replyContent label { font-weight: bold; font-size: 1.2em; }
div#cancelAccount input[type=submit].Discrete { color: #c0392b; }
div#deleteActivity input[type=submit].Discrete { color: #c0392b; margin: 0; }

/* jQuery UI 1.7 dialog content font fix */
.ui-dialog .ui-dialog-content { font-size: 12px; font-family: Helvetica, Verdana, Sans-Serif; }
.ui-dialog .ui-dialog-content label { display: block; margin-top: 6px; }
.ui-dialog .ui-dialog-content p { margin: 0 0 8px 0; }

/* Cookie notice (v1.5 used Silktide cookieconsent, dark bottom bar) */
div.CookieBanner {
  position: fixed; left: 0; right: 0; bottom: 0; z-index: 9999;
  background: rgba(0, 0, 0, 0.85); color: #fff; font-size: 13px; font-family: Helvetica, Verdana, Sans-Serif;
  padding: 10px 20px; line-height: 20px;
}
div.CookieBanner.Hidden { display: none; }
div.CookieBanner a { color: #31a8f0; }
a.CookieBannerButton {
  float: right; margin-left: 15px; background: #f1d600; color: #000 !important; font-weight: bold; padding: 2px 12px; border-radius: 5px; text-decoration: none;
}
a.CookieBannerButton:hover { background: #fbe500; text-decoration: none; }