@charset "UTF-8";
/* # Color Variable Definitions 因为我们都爱颜色，对吧？
================================================== */
/* 
 * For sake of convention, the color variables 
 * are initially defined as color, but in-code
 * implementation uses function specific aliases.
 * This is done to avoid confusing naming conflicts.
 *
 * Building an Instasite? No problem. override.scss
 * is mostly layed out for you, simply tweek the 
 * selectors & the aliases below - easy huh?. 
 */
/* # Structural Variable Definitions
================================================== */
/* # Imports
================================================== */
/* # Functions
================================================== */
/* # Mixins
================================================== */
/**************************************************************************************************
 *
 * Basic Styles
 *
 *************************************************************************************************/
#content > img {
  margin-bottom: 1em;
  width: 100%;
  height: auto;
}

#text article.detail .time {
  font-size: 1.5em;
  display: block;
  font-family: "Open Sans", sans-serif;
  margin-bottom: .5em;
  font-weight: 700;
}

#text article.detail .meta {
  margin-bottom: 0;
}

#text article.detail .meta span {
  font-size: 1em;
  font-weight: 700;
  opacity: 0.6;
}

#text article.detail .event-desc {
  margin: 2em 0 0;
}

article.detail .rsvp a {
  padding: 6px 12px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  font-size: 0.9em;
}

/**************************************************************************************************
 *
 * Recommended Styles
 *
 *************************************************************************************************/


#text article.detail .time .eventTime, #text article.detail .time .event-sep {
  font-weight: normal;
  font-size: 1em;
  font-family: 'Open Sans', sans-serif;
}

article.detail .rsvp a {
  background: #999;
  color: #fff;
  font-weight: bold;
  text-shadow: -1px -1px 1px #666;
  cursor: pointer;
  text-decoration: none;
}

article.detail .rsvp a:hover {
  background: #666666;
  color: #fff;
}

article.detail .rsvp a:active {
  background: #000;
}

/**************************************************************************************************
 *
 * Custom Overrides - delete these and you should be at a good starting point
 *
 *************************************************************************************************/
/* The rest of the overrides */
#content-wrap {
  padding-top: 20px !important;
}