/* Import page styles. */
@import url('mobile.portrait.css');
@import url('mobile.landscape.css');
@import url('mobile.menus.css');
@import url('mobile.page.css');
@import url('mobile.sidebar.css');

/* Hide highlight color. */
body.mobile * {
  -webkit-tap-highlight-color: rgba(0,0,0,0);
}

/**
 * Menu.
 */

body.mobile #menu .region-inner {
  width: auto;
  margin: 0;
}

/**
 * Header.
 */

body.mobile #header {
  border-bottom: 1px solid #662d91;
  background-image: url('/sites/all/themes/storyplace/images/bg_clouds.png');
  background-repeat: repeat-x;
  background-position: 50% 0;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

body.mobile #header .region-inner {
  position: relative;
  height: 70px;
}

/**
 * Content.
 */

body.mobile #container {
  height: auto;
  overflow: visible;
}

body.mobile #container-inner {
  width: auto;
  min-height: 0;
  margin: 0;
  background-color: #ffffff;
  overflow: auto;
  scrollbar-face-color: #7e868c;
  scrollbar-shadow-color: #f5f5f5;
  scrollbar-highlight-color: #f5f5f5;
  scrollbar-3dlight-color: #f5f5f5;
  scrollbar-darkshadow-color: #f5f5f5;
  scrollbar-track-color: #f5f5f5;
  scrollbar-arrow-color: #f5f5f5;
}
body.mobile #container-inner::-webkit-scrollbar {
  width: 6px;
}
body.mobile #container-inner::-webkit-scrollbar-button {
  background-color: #f5f5f5;
}
body.mobile #container-inner::-webkit-scrollbar-track {
  background-color: #f5f5f5;
}
body.mobile #container-inner::-webkit-scrollbar-track-piece {
  background-color: #f5f5f5;
}
body.mobile #container-inner::-webkit-scrollbar-thumb {
  background-color: #7e868c;
}
body.mobile #container-inner::-webkit-scrollbar-corner {
  background-color: #f5f5f5;
}
body.mobile #container-inner::-webkit-resizer {
  background-color: #f5f5f5;
}

body.mobile .push {
  height: auto;
}

body.mobile .content-area {
  float: none;
}

body.mobile #content {
  width: auto;
  margin-right: 0;
}

body.mobile #sidebar {
  width: auto;
}

body.mobile .content-area .block:first-child .block-inner {
  padding-top: 20px;
  padding-bottom: 10px;
}

body.mobile .content-area .block + .block .block-inner {
  padding-top: 10px;
  padding-bottom: 10px;
}

body.mobile .content-area .block .block-inner {
  padding-left: 10px;
  padding-right: 10px;
}

body.mobile .content-area .block:last-child .block-inner {
  padding-bottom: 20px;
}

/**
 * Footer.
 */

body.mobile #footer {
  background-position: 50% 100%;
}

body.mobile #footer .region-inner {
  position: static;
  height: auto;
}

body.mobile #block-iknow-core-footer {
  position: static;
  bottom: auto;
  left: auto;
  width: auto;
  margin-left: 0;
  font-size: 100%;
}

body.mobile #block-iknow-core-footer p {
  margin-bottom: 40px;
  padding: 0 20px;
}

body.mobile #block-iknow-core-footer a.logo-link {
  width: auto;
  height: 80px;
}

body.mobile #block-iknow-core-footer .cml-logo {
  margin-top: 30px;
}