/*
    ____      __                       __  _               __ __                     __         __  
   /  _/___  / /____  _________ ______/ /_(_)   _____     / //_/____  ____ _      __/ /__  ____/ /___ ____
   / // __ \/ __/ _ \/ ___/ __ `/ ___/ __/ / | / / _ \   / ,<  / __ \/ __ \ | /| / / / _ \/ __  / __ `/ _ \
 _/ // / / / /_/  __/ /  / /_/ / /__/ /_/ /| |/ /  __/  / /| |/ / / / /_/ / |/ |/ / /  __/ /_/ / /_/ /  __/
/___/_/ /_/\__/\___/_/   \__,_/\___/\__/_/ |___/\___/  /_/ |_/_/ /_/\____/|__/|__/_/\___/\__,_/\__, /\___/
                                                                                              /____/
*/

/**
 * Globals.
 */

* {
  margin: 0;
  padding: 0;
}

*:focus {
  outline: none;
}

/**
 * Font size chart.
 *
 *  Px   Pt     Em      %
 * --------------------------
 *  56   42     4.000   400       
 *  54   40.5   3.857   385.7
 *  52   39     3.714   371.4
 *  50   37.5   3.571   357.1
 *  48   36     3.429   342.9
 *  46   34.5   3.286   328.6
 *  44   33     3.143   314.3
 *  42   31.5   3.000   300
 *  40   30     2.857   285.7
 *  38   28.5   2.714   271.4
 *  36   27     2.571   257.1
 *  34   25.5   2.429   242.9
 *  32   24     2.286   228.6
 *  30   22.5   2.142   214.2
 *  28   21     2.000   200
 *  26   19.5   1.857   185.7
 *  24   18     1.714   171.4
 *  22   16.5   1.571   157.1
 *  20   15     1.429   142.9
 *  18   13.5   1.286   128.6
 *  16   12     1.143   114.3
 *  14   10.5   1.000   100
 *  12   9      0.857   85.7
 *  10   7.5    0.714   71.4
 *  8    6      0.571   57.1
 */

/**
 * Palette.
 *
 * purple: #662d91
 * tangerine: #f99f1c
 * pink: #f05d77
 * teal: #47b9c7
 * blue: #1275bb
 */

/**
 * Document.
 */

html, body {
  height: 100%;
}

body {
  color: #000000;
  font-size: 14px;
  font-family: 'Open Sans Regular', sans-serif;
  line-height: 1;
  background-color: #ffffff;
  background-image: url('/sites/all/themes/storyplace/images/bg_tile.png');
}

body.transparent {
  background-color: #ffffff;
  background-image: url('/sites/all/themes/storyplace/images/load.gif');
  background-repeat: no-repeat;
  background-position: 50% 50%;
}

.page {
  -webkit-font-smoothing: antialiased;
}

body.transparent .page {
  -moz-opacity: 0;
  -khtml-opacity: 0;
  opacity: 0;
}

/**
 * Generics.
 */

.page h1,
.page h2,
.page h3,
.page h4,
.page h5 {
  margin: 0;
  font-weight: normal;
  font-family: 'Asap Bold', sans-serif;
  line-height: 1;
}

.page h1 {
  font-size: 342.9%;
}

body.mobile .page h1 {
  font-size: 242.9%;
}

.page h2 {
  font-size: 242.9%;
}

.page h3 {
  font-size: 200%;
}

.page h4 {
  font-size: 114.3%;
}

.page a,
.page a:active,
.page a:link,
.page a:visited {
  color: #777777;
  text-decoration: none;
}

.page a {
  -webkit-transition: color 0.3s ease;
  -moz-transition: color 0.3s ease;
  -o-transition: color 0.3s ease;
  transition: color 0.3s ease;
}

.page a:hover {
  color: #000000;
  text-decoration: underline;
}

.page a[href^="tel"] {
  color: #000000;
}

.page a,
.page a[href^="tel"]:hover {
  text-decoration: none;
}

.page p {
  margin-bottom: 15px;
  line-height: 1.5;
  word-wrap: break-word;
}

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

.page img {
  display: block;
  image-rendering: auto;
  -ms-interpolation-mode: bicubic;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

.page hr {
  height: 1px;
  margin-bottom: 15px;
  background-color: #cccccc;
  border-style: none;
  border-width: 0;
}

.page iframe,
.page audio,
.page canvas,
.page video {
  display: block;
}

.page iframe {
  border: none;
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.page video {
  width: 100%;
  height: auto;
}

.page small {
  font-size: 85.7%;
}

.page strong,
.page b {
  font-family: 'Open Sans Bold', sans-serif;
  font-weight: normal;
}

.page em,
.page i {
  font-family: 'Open Sans Italic', sans-serif;
  font-style: normal;
}

/**
 * Special classes.
 */

/* General. */
.strong, .bold {
  font-family: 'Open Sans Bold', sans-serif;
}

.italic {
  font-family: 'Open Sans Italic', sans-serif;
}

.large {
  font-size: 128.6%;
}

.small {
  font-size: 85.7%;
}

/* Drupal invisible elements. */
.element-invisible {
  display: none !important;
}

/* Clearfix. */
.clearfix:after {
  content: "";
  display: table;
  clear: both;
}