/* $black:   #000;
$white:   #fff;
$grey-00: $black;
$grey-10: #1A1A1A;
$grey-20: #333;
$grey-30: #4D4D4D;
$grey-40: #666;
$grey-50: #7F7F7F;
$grey-60: #999;
$grey-70: #B3B3B3;
$grey-80: #ccc;
$grey-90: #E5E5E5;
$grey-100: $white; */
/* Structure
----------------- */
/* line 6, ../../resources/compass/main.scss */
.whole-container {
  height: 100%;
}

/* line 10, ../../resources/compass/main.scss */
.base-column-block {
  max-width: 900px;
  margin: 0 auto;
}

/* line 14, ../../resources/compass/main.scss */
.base-column-guttered {
  padding-right: 1em;
  padding-left: 1em;
}

/* Splash
----------------- */
/* line 23, ../../resources/compass/main.scss */
.splash {
  text-align: center;
}

/* line 26, ../../resources/compass/main.scss */
.splash .title {
  font-size: 3em;
  color: #aaa;
  font-weight: bold;
}

/* line 31, ../../resources/compass/main.scss */
.splash .logo {
  max-width: 50%;
}

/* nav
----------------- */
/* line 40, ../../resources/compass/main.scss */
.menus {
  position: fixed;
  top: 0;
  left: 0;
  background-color: white;
  box-shadow: .75rem 0 .75rem white;
  width: 100%;
}

/* line 50, ../../resources/compass/main.scss */
.main-menu {
  display: flex;
  padding-top: .25em;
  padding-bottom: .25em;
}

/* line 56, ../../resources/compass/main.scss */
.main-menu__item {
  color: #ddd;
  border: 1px solid #eee;
  padding: .5em;
  border-radius: .25em;
  margin-right: .25em;
  background: #fff;
  background-repeat: no-repeat;
  background-position: center center;
}

/* line 67, ../../resources/compass/main.scss */
.main-menu__item--text-only {
  border-color: white;
}

/* line 70, ../../resources/compass/main.scss */
.main-menu__item:last-child {
  margin-right: 0;
}

/* line 73, ../../resources/compass/main.scss */
.main-menu__item--icon {
  width: 2.25em;
  /* padding included */
  height: 2.25em;
  color: transparent;
  overflow: hidden;
}

/* line 79, ../../resources/compass/main.scss */
a.main-menu__item:hover {
  background-color: #f0f0f0;
  border-color: #ccc;
  /* color: #fff; */
}

/* line 84, ../../resources/compass/main.scss */
a.main-menu__item--text-only:hover {
  background-color: #fff;
  color: #aaa;
}

/* line 89, ../../resources/compass/main.scss */
.main-menu__spacing {
  flex: 2;
}

/* line 94, ../../resources/compass/main.scss */
.secondary-menu__item {
  display: block;
  padding: 1rem;
  border-radius: .25em;
}

/* line 99, ../../resources/compass/main.scss */
.secondary-menu__item:hover {
  background-color: #CAEDFF;
}

/* Search From
----------------- */
/* line 107, ../../resources/compass/main.scss */
.search-bar .search-cancel {
  color: #aaa;
}

/* 
----------------- */
/* line 116, ../../resources/compass/main.scss */
.contents {
  margin-top: 3em;
  /** >= main menu's height */
}

/* line 120, ../../resources/compass/main.scss */
.article {
  padding-top: 1em;
  margin-bottom: 3em;
}
/* line 124, ../../resources/compass/main.scss */
.article p {
  padding: 0;
  margin: 0 0 1em;
  text-align: justify;
}
/* line 130, ../../resources/compass/main.scss */
.article.coming-soon {
  opacity: 0.5;
}
/* line 133, ../../resources/compass/main.scss */
.article.coming-soon:hover {
  opacity: inherit;
}

/* line 139, ../../resources/compass/main.scss */
.note-metas {
  margin: 1rem 0 2rem;
}

/* line 143, ../../resources/compass/main.scss */
.discreet, .reactions-form .label {
  color: #ccc;
  font-size: .85em;
}

/* line 147, ../../resources/compass/main.scss */
a.discreet:hover, .reactions-form a.label:hover {
  text-decoration: underline;
}

/* line 151, ../../resources/compass/main.scss */
.blockquote {
  color: #333;
  font-style: italic;
  margin: 0 0 1em;
  background: none repeat scroll 0 0 #FAFAFA;
  padding: 1em 1em 1px;
}
/* line 158, ../../resources/compass/main.scss */
.blockquote p {
  text-align: left;
}
/* line 162, ../../resources/compass/main.scss */
.blockquote::before {
  font-size: 3em;
  content: '\201C';
  float: left;
  height: 0.3em;
  left: -0.1em;
  position: relative;
  text-align: left;
  top: -0.25em;
  width: 0.45em;
  margin: 0 0.1em 0 0;
}

/*
Reactions form
----------------- */
/* line 180, ../../resources/compass/main.scss */
.reaction-content {
  color: #aaa;
  line-height: 1.35em;
}

/* line 185, ../../resources/compass/main.scss */
.reactions-form {
  font-size: .9em;
}
/* line 192, ../../resources/compass/main.scss */
.reactions-form .label {
  font-weight: normal;
}
/* line 197, ../../resources/compass/main.scss */
.reactions-form textarea, .reactions-form button {
  line-height: 1.5em;
  font-size: .75em;
  display: inline-block;
  padding: .5em;
  border: 1px solid #ccc;
  border-color: #f0f0f0;
  background: #fafafa;
  color: #999;
}
/* line 210, ../../resources/compass/main.scss */
.reactions-form textarea {
  margin: 0;
  border-bottom-right-radius: 0px;
  resize: vertical;
  font-family: "Droid Serif", georgia, serif;
}
/* line 216, ../../resources/compass/main.scss */
.reactions-form .button-area {
  text-align: right;
  position: relative;
  top: -1px;
}
/* line 221, ../../resources/compass/main.scss */
.reactions-form button {
  border-top: none;
  border-top-left-radius: 0px;
  border-top-right-radius: 0px;
}
/* line 227, ../../resources/compass/main.scss */
.reactions-form button:hover {
  background-color: transparent;
  color: #1EB853;
  /* Greenify
  color: #fff;
  border-color: $info-slight; 
  background-color: $info-slight;
  */
  cursor: pointer;
  border-top: none;
}
/* line 243, ../../resources/compass/main.scss */
.reactions-form:hover textarea, .reactions-form:hover button {
  border-color: #aeaeae;
}

/* Boxes
----------------- */
/* line 253, ../../resources/compass/main.scss */
.box {
  padding: 1em 1em;
  border: 1px solid #1EB853;
  border-radius: .125em;
}

/* Icons
----------------- */
/* line 262, ../../resources/compass/main.scss */
.icon-create {
  background-image: url("/assets/torsades/ico/create-24.png");
}

/* line 263, ../../resources/compass/main.scss */
.icon-delete {
  background-image: url("/assets/torsades/ico/delete-24.png");
}

/* line 264, ../../resources/compass/main.scss */
.icon-edit {
  background-image: url("/assets/torsades/ico/edit-24.png");
}

/* line 265, ../../resources/compass/main.scss */
.icon-info {
  background-image: url("/assets/torsades/ico/info-24.png");
}

/* line 266, ../../resources/compass/main.scss */
.icon-lock {
  background-image: url("/assets/torsades/ico/lock-24.png");
}

/* line 267, ../../resources/compass/main.scss */
.icon-logo {
  background-image: url("/assets/torsades/ico/logo-24.png");
}

/* line 268, ../../resources/compass/main.scss */
.icon-menu {
  background-image: url("/assets/torsades/ico/menu-24.png");
}

/* line 269, ../../resources/compass/main.scss */
.icon-render {
  background-image: url("/assets/torsades/ico/render-24.png");
}

/* line 270, ../../resources/compass/main.scss */
.icon-search {
  background-image: url("/assets/torsades/ico/search-24.png");
}

/*# sourceMappingURL=main.css.map */