@charset "UTF-8";
/**
 * @file
 * Page Element
 *
 * Theming page related and all (*) elements.
 */
/**
  * Imports
 */
/**
 * @file
 * Global Importer
 *
 * Here we import and organize all sass files what need
 * to all base, object, layout, component, or utility Sass files.
 *
 */
/**
 * Settings
 *
 * Setting files contain **global** configurations that are shared by more than
 * one modules.
 * Settings that are connected to one and only module are a part of the module
 * itself.
 * Local configurations should be contained into the modules (objects,
 * components, etc.) that are related to.
 */
/**
 * @file
 * Settings
 *
 * Setting files contain **global** configurations that are shared by more than
 * one modules. Settings that are connected to one and only module are a part
 * of the module itself.
 * Local configurations should be contained into the modules (objects,
 * components, etc.) that are related to.
 * It's important not to output any CSS in the first 2 layers.
 */
/**
 * @file
 * Breakpoints
 */
/**
 * Default breakpoints
 *
 * Default global breakpoints map. These are the default breakpoints map that
 * will be shared across all shake modules. You can change it also locally to
 * each module. Don't forget you have to use only pixels or ems here!
 *
 * @type Map
 *
 * @example
 *   @include breakpoint(medium) {
 * }
 *
 */
/**
 * Default breakpoint suffix
 *
 * Global breakpoint suffix naming setting.
 * All breakpoint specific styles have a `@breakpoint-name` suffix by default.
 * The `\` character is used to escape the `@` character.
 *
 * @type String
 */
/**
 * Sample for custom breakpoints
 *
 * @type Map
 *
 * @example
 *   .c-header {
 *     margin-right: 3rem;
 *
 *     @include breakpoint(large, $my-breakpoints) {
 *       margin-right: 0;
 *     }
 *   }
 *
 * Using a custom breakpoints map without size
 * You can use `null` value for breakpoint without size like orientation only.
 *
 * @example
 *   $portrait: (
 *     null   : screen and (orientation: portrait),
 *     small  : screen and (orientation: portrait) and (min-width: 20em), // 320px
 *     xlarge : screen and (orientation: portrait) and (min-width: 80em) // 1280px
 *   );
 *
 * @example
 *   .c-header {
 *     margin-right: 3rem;
 *
 *     @include breakpoint($portrait) {
 *       margin-right: 0;
 *     }
 *   }
 */
/**
* @file
 * Color Settings
 *
 * - Only global color variables. Local color variables you can find in module
 *   files in `3.base` or `5.components` directories.
 * - Only assigned colors. You can't use any color tools here.
 * - Here are only color variables and maps, no any assigned color variables.
 */
/**
 * Color Definitions
 */
/**
 * @file
 * Tools
 *
 * Tools are sets of globally used sass mixins and functions. Mixins that are
 * connected to one and only module are a part of the module itself.
 * It’s important not to output any CSS in the first 2 layers.
 */
/**
 * Mixin tools
 */
/**
 * @file
 * Custom media query mixins
 */
html {
  text-rendering: optimizeLegibility;
  -webkit-tap-highlight-color: transparent;
  font-size: 62.5%;
  font-family: "Roboto", sans-serif;
}

body {
  background-color: #fffbf3;
  word-wrap: break-word;
  font-size: 1.6rem;
}

a {
  color: #007ecc;
  text-decoration: none;
}
a:hover {
  text-decoration: underline;
}

h1.page-title,
h2 {
  max-width: 60rem;
  margin: 2rem auto;
  text-align: center;
  font-weight: 300;
}

form {
  max-width: 40rem;
  margin: 0 auto;
  background-color: #ffffff;
  padding: 2rem 1rem;
  box-shadow: 0 0 3px #c3c3c3;
}
@media (min-width: 48em) {
  form {
    padding: 2rem 4rem;
  }
}

form.views-exposed-form {
  min-width: 112rem;
}

input#edit-submit {
  background-color: #007ecc;
  color: #ffffff;
  border: solid 0.1rem #007ecc;
  padding: 1rem 2rem;
  margin: 1rem 0;
  cursor: pointer;
  transition: box-shadow 0.3s;
}
input#edit-submit:hover {
  box-shadow: 0 0 0.3rem #ababab;
}

input[type=text],
input[type=password],
input[type=email] {
  border: solid 0.1rem #c3c3c3;
  padding: 0.5rem 1rem;
  width: calc(100% - 2rem);
  margin-bottom: 0.2rem;
  height: 3.2rem;
}

form .form-item .description {
  font-size: 1.2rem;
  color: #666666;
}

nav.tabs {
  margin: 0 auto;
  max-width: 80rem;
  text-align: center;
}

nav .tabs > li {
  margin: 0;
}
nav .tabs > li.is-active a {
  color: #fffbf3;
  background-color: #007ecc;
}
nav .tabs > li a {
  background-color: #eeeeee;
  padding: 2rem;
  color: #007ecc;
}

.view-content {
  overflow-x: auto;
}

table {
  width: 100%;
  max-width: 120rem;
  margin: 0 auto;
  border-spacing: 0;
}
table thead tr th {
  padding: 0.75rem;
  background-color: #c3c3c3;
  font-weight: 500;
  border: solid 0.1rem #ffffff;
}
table tbody tr td {
  padding: 0.75rem;
  background-color: #eeeeee;
  font-weight: 300;
}
table tbody tr td.td-right {
  text-align: right;
}
table tbody tr td.td-center {
  text-align: center;
}
/*# sourceMappingURL=elements.css.map */