@charset "UTF-8";
/** Variables */
/** Variables */
/** S3 Media Assets Paths */
/** Imports */
/**
  Custom Flexbox Grid
 */
@import url("https://fonts.googleapis.com/css?family=Lato");
@import url("https://fonts.googleapis.com/css?family=Courgette");
@import url("https://fonts.googleapis.com/css?family=Montserrat:400,500,600,700");
.flex-grid {
  display: flex; }
  .flex-grid.center, .flex-grid.horiz-center {
    /* align horizontal */
    justify-content: center; }
  .flex-grid.space-between {
    justify-content: space-between; }
  .flex-grid.vert-center {
    /* align vertical */
    align-items: center; }
  .flex-grid.flex-row {
    flex-direction: row; }
  .flex-grid.column {
    flex-direction: column; }
  .flex-grid .col {
    flex: 1; }

@media (max-width: 414px) {
  .flex-grid {
    display: block; } }
/**
  Ourboox Color Scheme
 */
/**
  Book Item
 */
.slick-slider .bookItem .bookItemMainImageContainer .bookFrame {
  background-size: 96% 100%; }

.bookItem {
  margin: 0 auto 20px;
  /**
    Cover Image
   */
  /**
    Book Details
   */ }
  .bookItem .bookItemMainImageContainer {
    max-width: 212px;
    height: 200px;
    margin: 0 auto;
    position: relative;
    -webkit-perspective: 600px;
    -moz-perspective: 600px;
    -o-perspective: 600px;
    perspective: 600px; }
    .bookItem .bookItemMainImageContainer .bookCover {
      -webkit-transform: translateX(-22px) rotateY(-30deg);
      -moz-transform: translateX(-22px) rotateY(-30deg);
      -o-transform: translateX(-22px) rotateY(-30deg);
      transform: translateX(-22px) rotateY(-30deg);
      width: 105%;
      height: 91%;
      position: absolute;
      top: 8px;
      border: 1px solid #ccc;
      background-size: 100% 100%;
      background-repeat: no-repeat; }
      .bookItem .bookItemMainImageContainer .bookCover img.doesImgExist {
        display: none; }
    .bookItem .bookItemMainImageContainer .bookFrame {
      width: 100%;
      height: 100%;
      position: absolute;
      background-size: 100% 100%;
      background-image: url(3dBook_v2.png);
      background-repeat: no-repeat; }
  .bookItem .bookItemDetails {
    background-color: #ebebeb;
    padding: 8px;
    margin: 15px 0 0; }
    .bookItem .bookItemDetails .bookTitle {
      display: inline-block;
      width: 100%;
      height: 42px;
      text-align: center;
      font-size: 15px;
      font-weight: bold;
      color: #444444;
      overflow: hidden; }
    .bookItem .bookItemDetails .book-author {
      height: 30px;
      margin: 0;
      padding: 5px 0;
      white-space: nowrap;
      text-overflow: ellipsis;
      overflow: hidden; }
    .bookItem .bookItemDetails .published {
      text-align: left;
      color: #777; }

#print-on-demand #success_message,
#print-on-demand #error_container {
  display: none; }

body.page-template-lessons .blog-post {
  padding: 0; }
body.page-template-lessons .page-header {
  margin-top: 0; }
body.page-template-lessons h2 {
  font-size: 26px; }
body.page-template-lessons iframe {
  width: 100%;
  border: none; }
body.page-template-lessons ul {
  list-style-type: none;
  padding-left: 10px; }

/**
  Buttons
 */
/** Based on: */
.ob-btn {
  font-family: Roboto, sans-serif;
  display: inline-block;
  margin-bottom: 0;
  padding: 6px 24px;
  color: #fff;
  background-color: #69ACF3;
  font-weight: normal;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  background-image: none;
  border: 1px solid transparent;
  border-radius: 3px;
  white-space: nowrap;
  font-size: 18px;
  line-height: 1.42857143;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-transition: all .15s ease-out;
  transition: all .15s ease-out; }
  .ob-btn.shadow {
    box-shadow: 0 3px 10px 0 rgba(47, 54, 99, 0.38); }
  .ob-btn.orange {
    background-color: #FF991F; }
    .ob-btn.orange:hover, .ob-btn.orange:focus {
      background-color: #FF8B00; }
  .ob-btn:focus, .ob-btn:active:focus, .ob-btn.active:focus {
    outline: thin dotted;
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px; }
  .ob-btn:hover, .ob-btn:focus {
    color: #fff;
    background-color: #4095CC;
    text-decoration: none; }
  .ob-btn:active, .ob-btn.active {
    outline: 0;
    background-image: none;
    -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); }

/**
  Panos Buttons
 */
.panos-btn {
  display: inline-block;
  font-size: 17px;
  letter-spacing: 0px;
  text-align: center;
  line-height: 54px;
  text-decoration: none;
  cursor: pointer;
  border-radius: 28px;
  box-shadow: -5.176px 19.319px 35px rgba(0, 0, 1, 0.23);
  background-color: #4393f1;
  color: #fffefe; }
  .panos-btn.no-shadow {
    box-shadow: none; }
  .panos-btn:hover {
    text-decoration: none;
    color: #fffefe; }
  .panos-btn:disabled {
    background: #ccc; }

/** Template Parts */
/**
    Main Header
 */
.user-menu {
  position: relative;
  float: right;
  margin: 0;
  padding-top: 0;
  padding-right: 0; }
  .user-menu ul.dropdown-menu {
    left: auto;
    right: 0; }
    .user-menu ul.dropdown-menu li {
      font-size: 16px; }
      .user-menu ul.dropdown-menu li a:hover, .user-menu ul.dropdown-menu li a:active {
        background-color: #EDF5F7; }
      .user-menu ul.dropdown-menu li.inner-avatar {
        padding: 10px;
        text-align: center; }
        .user-menu ul.dropdown-menu li.inner-avatar .dropDownAvatar {
          text-align: center;
          position: relative;
          display: inline-block;
          margin-bottom: 10px; }
          .user-menu ul.dropdown-menu li.inner-avatar .dropDownAvatar img {
            display: inline;
            border-radius: 50%;
            width: 75px;
            height: 75px; }
          .user-menu ul.dropdown-menu li.inner-avatar .dropDownAvatar .uploadProfilePictureBtn {
            background: #fff;
            bottom: 0;
            -webkit-box-shadow: 0 1px 1px 0 rgba(65, 69, 73, 0.3), 0 1px 3px 1px rgba(65, 69, 73, 0.15);
            box-shadow: 0 1px 1px 0 rgba(65, 69, 73, 0.3), 0 1px 3px 1px rgba(65, 69, 73, 0.15);
            border-radius: 50%;
            margin: 0 2.5px 3px;
            outline: 0;
            position: absolute;
            right: 0;
            height: 26px;
            width: 26px;
            line-height: 24px;
            cursor: pointer; }
            .user-menu ul.dropdown-menu li.inner-avatar .dropDownAvatar .uploadProfilePictureBtn:hover i.fa {
              color: #69ACF3; }
            .user-menu ul.dropdown-menu li.inner-avatar .dropDownAvatar .uploadProfilePictureBtn .open-modal-trigger {
              height: 100%;
              width: 100%;
              display: inline-block; }
        .user-menu ul.dropdown-menu li.inner-avatar .inner-avatar-name,
        .user-menu ul.dropdown-menu li.inner-avatar .inner-avatar-email {
          text-align: center; }
        .user-menu ul.dropdown-menu li.inner-avatar .inner-avatar-name {
          font-weight: 600; }
  .user-menu button {
    padding-top: 0;
    padding-right: 0;
    padding-left: 0;
    padding-bottom: 0;
    border: none;
    background: none; }
    .user-menu button:focus {
      outline: none !important; }
  .user-menu a {
    display: block; }
  .user-menu.open .user-avatar {
    border: 1px solid #69ACF3;
    margin: -1px; }
  .user-menu .user-avatar {
    border-radius: 50%; }
    .user-menu .user-avatar img {
      width: 34px;
      height: 34px;
      display: block; }

.google-custom-search {
  line-height: normal; }
  .google-custom-search .cse .gsc-control-cse,
  .google-custom-search .gsc-control-cse {
    padding: 1em 1em 0 1em; }
  .google-custom-search .gsc-control-cse {
    border: none;
    background-color: transparent; }

#main-header {
  font-family: Lato, 'sans-serif'; }
  #main-header .navbar {
    background: #fff;
    border-bottom: 1px solid #E7EBED; }
    #main-header .navbar .nav li a:hover {
      color: #5bc0de; }
  #main-header .navbar-form {
    margin: 0;
    padding: 8px 0 0; }
  #main-header .main-menu .join-premium {
    color: #FF991F !important;
    font-weight: 600; }
    #main-header .main-menu .join-premium:hover {
      color: #FF8B00 !important;
      font-weight: 800; }
  #main-header .main-menu .navbar-header .logo {
    height: 50px;
    width: 100px;
    display: block;
    float: left;
    background: url("../img/ourboox-new-logo.png") no-repeat;
    background-position: center;
    background-size: 90%; }
    @media (min-width: 414px) {
      #main-header .main-menu .navbar-header .logo {
        width: 150px;
        height: 50px; } }
  #main-header .main-menu .navbar-header .logo img {
    display: block; }
  #main-header .main-menu .nav li a {
    font-size: 16px;
    color: #333;
    -webkit-transition: color 0.2s;
    transition: color 0.2s;
    padding-right: 15px;
    padding-top: 15px;
    padding-left: 0; }
  #main-header .main-menu .user-menu button {
    padding-top: 8px; }
  #main-header .nav.collapse.in li.dropdown {
    padding-top: 10px;
    padding-bottom: 10px; }
  #main-header .nav li.dropdown ul.dropdown-menu {
    padding: 0;
    top: 50px; }
  #main-header .nav li.dropdown ul.dropdown-menu .divider {
    margin: 0; }
  #main-header .nav li.dropdown ul.dropdown-menu li a {
    padding: 10px; }
  #main-header .dropdown-menu > li > a:hover,
  #main-header .dropdown-menu > li > a:focus {
    background-color: #EDF5F7; }
  #main-header .nav li.dropdown .user-name {
    display: none; }
  #main-header .nav.collapse.in li.dropdown .user-name {
    display: inline-block;
    margin-left: 20px;
    line-height: 40px; }
  #main-header .nav li.dropdown .user-name {
    display: none; }
  #main-header .nav.collapse.in li.dropdown .user-avatar img {
    width: 40px;
    height: 40px; }
  #main-header .nav.collapse.in li.dropdown .caret {
    float: right;
    border-top: 6px solid;
    border-right: 6px solid transparent;
    border-left: 6px solid transparent;
    margin-top: 15px;
    margin-right: 10px; }
  #main-header .nav li.dropdown .dropdown-toggle {
    padding-top: 8px; }
    #main-header .nav li.dropdown .dropdown-toggle .user-avatar {
      margin-right: 0; }
  #main-header .nav.collapse.in li.dropdown .dropdown-toggle {
    padding: 0; }
  @media (min-width: 890px) {
    #main-header .navbar-header .user-menu.dropdown {
      display: none; } }
  @media (max-width: 890px) {
    #main-header .navbar-collapse .user-menu {
      display: none; } }

.slogan {
  width: 460px;
  /* height:40px; */
  padding-top: 10px;
  float: left;
  font-size: 16px;
  display: none; }
  .slogan span {
    color: #1F75CC; }

header.entry-header {
  margin-bottom: 20px; }

/* Search Form */
#main-header .ob-search-form {
  margin: 0 10px; }

#main-header .ob-mobile-search-form {
  float: left;
  width: calc(100% - 145px);
  padding: 0 5px; }
  @media (min-width: 414px) {
    #main-header .ob-mobile-search-form {
      width: calc(100% - 200px); } }

#main-header .ob-mobile-search-form .form-control {
  padding: 6px; }

#main-header #searchform {
  border: none;
  overflow: hidden; }

/**
  Footer V2
 */
#footer-v2 {
  background-image: url("https://s3-eu-west-1.amazonaws.com/ourboox-media-prod/frontend/ob_footer_bg_optimized.png");
  background-repeat: no-repeat;
  background-size: cover;
  padding-top: 40px;
  padding-bottom: 40px;
  margin-top: 60px; }
  #footer-v2 .footer-top {
    flex-direction: row;
    justify-content: space-between;
    margin-bottom: 120px; }
  #footer-v2 .footer-bottom p {
    font-size: 20px;
    text-align: center;
    color: #fff;
    margin: 0; }
  #footer-v2 .footer-v2-col .title {
    text-transform: uppercase;
    font-size: 20px;
    font-weight: 500;
    letter-spacing: 1px;
    color: #ffffff;
    text-align: left;
    margin: 45px 0 40px; }
  #footer-v2 .footer-v2-col ul {
    list-style-type: none;
    padding: 0; }
    #footer-v2 .footer-v2-col ul li {
      font-family: 'Open Sans', sans-serif;
      font-size: 20px;
      font-weight: 300;
      letter-spacing: 1px;
      color: #ffffff;
      text-align: left;
      padding-bottom: 10px; }
      #footer-v2 .footer-v2-col ul li a {
        color: #ffffff; }
  #footer-v2 .footer-v2-col.logo-col {
    font-family: 'Courgette', cursive;
    font-size: 65px;
    letter-spacing: -2px;
    color: #ffffff;
    font-weight: bold;
    text-align: center; }
  @media (min-width: 415px) {
    #footer-v2 {
      padding-bottom: 40px; } }
  @media (max-width: 1024px) {
    #footer-v2 .footer-top.flex-grid {
      display: block; } }

/**
  Main Ticker
 */
#sitewide-banner {
  text-align: center;
  margin-bottom: 0;
  background-image: url(https://s3-eu-west-1.amazonaws.com/ourboox-media-prod/frontend/ob_footer_bg_optimized.png);
  background-repeat: repeat-x;
  background-size: cover;
  color: #fff;
  font-size: 18px;
  border: none;
  border-radius: 0; }
  #sitewide-banner a {
    color: #fff;
    text-decoration: underline; }

body.page-we-are-with-you .blog-post p {
  font-size: 16px;
  line-height: 1.85; }

/** Apps */
body.bp-user {
  font-family: 'Open Sans', sans-serif;
  margin-bottom: 0;
  padding-bottom: 0;
  /**
    New Premium Profile Pages
   */ }
  body.bp-user a,
  body.bp-user a:hover,
  body.bp-user a:focus {
    text-decoration: none; }
  body.bp-user .btn-wrap {
    margin-top: 20px;
    text-align: center; }
  body.bp-user #main-header .navbar {
    margin-bottom: 0; }
  body.bp-user #user-sidebar #item-header-avatar {
    text-align: center;
    margin-bottom: 20px; }
    body.bp-user #user-sidebar #item-header-avatar img {
      border-radius: 50%; }
    body.bp-user #user-sidebar #item-header-avatar a {
      display: block; }
  body.bp-user .profile .user-profile-details ul {
    list-style-type: none;
    padding: 0; }
    body.bp-user .profile .user-profile-details ul li.field_1.field_name {
      display: none; }
    body.bp-user .profile .user-profile-details ul li .field-name {
      font-size: 16px;
      font-weight: bold;
      margin-bottom: 5px;
      padding-bottom: 5px;
      border-bottom: 1px solid #333333; }
    body.bp-user .profile .user-profile-details ul li .field-value {
      padding-left: 15px;
      margin-bottom: 25px; }
  body.bp-user .profile-page {
    transition: all .3s ease; }
    body.bp-user .profile-page.wrapper {
      display: flex;
      align-items: stretch;
      width: 100%; }
    body.bp-user .profile-page #sidebar {
      min-width: 320px;
      max-width: 320px;
      min-height: 100vh;
      transition: all 0.3s;
      /* don't forget to add all the previously mentioned styles here too */
      background: #fff;
      border-right: 1px solid #E7EBED; }
      body.bp-user .profile-page #sidebar input {
        color: #333; }
      body.bp-user .profile-page #sidebar.active {
        margin-left: -320px; }
      body.bp-user .profile-page #sidebar .sidebar-header {
        padding: 20px;
        background: #6d7fcc; }
      body.bp-user .profile-page #sidebar .close-wrap {
        float: right;
        padding: 10px; }
      body.bp-user .profile-page #sidebar ul.components {
        padding: 20px 0;
        border-bottom: 1px solid #47748b; }
      body.bp-user .profile-page #sidebar ul p {
        color: #fff;
        padding: 10px; }
      body.bp-user .profile-page #sidebar ul li.active > a,
      body.bp-user .profile-page #sidebar a[aria-expanded="true"] {
        color: #fff;
        background: #6d7fcc; }
      body.bp-user .profile-page #sidebar ul ul a {
        background: #fff; }
      body.bp-user .profile-page #sidebar #edit-profile-form {
        border-bottom: 1px solid #E7EBED;
        padding: 13px 20px 10px;
        /** Inputs */ }
        body.bp-user .profile-page #sidebar #edit-profile-form h3 {
          margin-top: 0; }
        body.bp-user .profile-page #sidebar #edit-profile-form label {
          text-transform: capitalize; }
          body.bp-user .profile-page #sidebar #edit-profile-form label small {
            text-transform: none; }
        body.bp-user .profile-page #sidebar #edit-profile-form .checkbox label {
          margin-right: 10px; }
        body.bp-user .profile-page #sidebar #edit-profile-form .checkbox .form-cboxlabel {
          position: relative;
          display: block;
          margin: .25em 0;
          padding-left: 1.5em; }
        body.bp-user .profile-page #sidebar #edit-profile-form .checkbox .form-checkbox {
          position: relative;
          z-index: 2;
          margin-left: -1.5em;
          margin-right: .1875em;
          vertical-align: top;
          opacity: .00001;
          appearance: none; }
        body.bp-user .profile-page #sidebar #edit-profile-form .checkbox .form-checkbox,
        body.bp-user .profile-page #sidebar #edit-profile-form .checkbox .form-checkbox-styler {
          width: 1.125em;
          height: 1.125em; }
        body.bp-user .profile-page #sidebar #edit-profile-form .checkbox .form-checkbox-styler {
          position: absolute;
          left: 0;
          top: 0;
          display: inline-block;
          vertical-align: top;
          color: #46b8da;
          border: 1px solid;
          cursor: pointer; }
          body.bp-user .profile-page #sidebar #edit-profile-form .checkbox .form-checkbox-styler::after {
            content: '';
            position: absolute;
            left: 0;
            right: 0;
            top: 0;
            bottom: .125em;
            display: block;
            width: .5em;
            height: .25em;
            margin: auto;
            color: #fff;
            border-bottom: 2px solid;
            border-left: 2px solid;
            transform: rotate(-45deg) scale(0); }
        body.bp-user .profile-page #sidebar #edit-profile-form .checkbox .form-checkbox-styler:hover,
        body.bp-user .profile-page #sidebar #edit-profile-form .checkbox .form-checkbox:focus + .form-checkbox-styler,
        body.bp-user .profile-page #sidebar #edit-profile-form .checkbox .form-checkbox:hover + .form-checkbox-styler {
          color: #5bc0de;
          outline: 1px solid; }
        body.bp-user .profile-page #sidebar #edit-profile-form .checkbox .form-checkbox:checked + .form-checkbox-styler {
          background: currentColor; }
          body.bp-user .profile-page #sidebar #edit-profile-form .checkbox .form-checkbox:checked + .form-checkbox-styler::after {
            transform: rotate(-45deg) scale(1); }
        body.bp-user .profile-page #sidebar #edit-profile-form .data-saved-msg {
          text-align: center;
          margin-top: 7px;
          color: #70b9ee; }
        body.bp-user .profile-page #sidebar #edit-profile-form textarea {
          resize: none;
          width: 100%;
          height: 200px;
          border: 1px solid rgba(0, 0, 0, 0.1); }
        body.bp-user .profile-page #sidebar #edit-profile-form button[type="submit"] {
          width: 100%;
          font-size: 16px; }
        body.bp-user .profile-page #sidebar #edit-profile-form .color-picker {
          background-color: #fff;
          border-radius: 4px;
          display: inline-block; }
          body.bp-user .profile-page #sidebar #edit-profile-form .color-picker .custom-text {
            text-align: center;
            margin: 10px;
            font-size: 14px;
            font-weight: 600;
            color: #428bca; }
          body.bp-user .profile-page #sidebar #edit-profile-form .color-picker .color-variations {
            margin-bottom: 20px; }
            body.bp-user .profile-page #sidebar #edit-profile-form .color-picker .color-variations input.color-variation {
              display: none; }
              body.bp-user .profile-page #sidebar #edit-profile-form .color-picker .color-variations input.color-variation + label {
                display: inline-block;
                width: 30px;
                height: 30px;
                margin: 20px 6px 0;
                border-radius: 50%;
                cursor: pointer;
                border: 3px solid #fff;
                box-shadow: 0 0 4px rgba(0, 0, 0, 0.1), 0 2px 4px rgba(0, 0, 0, 0.2); }
    body.bp-user .profile-page #content {
      width: 100%;
      max-width: 1170px;
      padding-top: 40px;
      padding-right: 20px;
      padding-left: 20px;
      margin: 0 auto;
      transition: all 0.3s;
      position: relative; }
      body.bp-user .profile-page #content section.main-edit-btn {
        text-align: center; }
        body.bp-user .profile-page #content section.main-edit-btn button {
          margin-bottom: 0;
          font-weight: normal;
          text-align: center;
          vertical-align: middle;
          cursor: pointer;
          background-image: none;
          border: none;
          white-space: nowrap;
          padding: 8px 15px;
          font-size: 18px;
          line-height: 1.42857143;
          border-radius: 5px; }
      body.bp-user .profile-page #content .profile-section {
        background-color: #fff;
        border-radius: 4px;
        margin-bottom: 40px;
        margin-right: auto;
        margin-left: auto; }
        body.bp-user .profile-page #content .profile-section.about-me {
          position: relative;
          max-width: 540px;
          padding-top: 20px;
          padding-bottom: 20px; }
          body.bp-user .profile-page #content .profile-section.about-me.fullwidth {
            max-width: none; }
          body.bp-user .profile-page #content .profile-section.about-me .about-author {
            padding: 0 20px; }
            body.bp-user .profile-page #content .profile-section.about-me .about-author .image {
              margin-bottom: 20px; }
              body.bp-user .profile-page #content .profile-section.about-me .about-author .image #item-header-avatar {
                text-align: center;
                max-width: 255px;
                height: 255px;
                margin: 0 auto;
                border-radius: 50%;
                overflow: hidden; }
                body.bp-user .profile-page #content .profile-section.about-me .about-author .image #item-header-avatar img {
                  width: 100%;
                  height: auto;
                  max-width: 100%;
                  -webkit-user-drag: none;
                  -khtml-user-drag: none;
                  -moz-user-drag: none;
                  -o-user-drag: none;
                  user-drag: none; }
                body.bp-user .profile-page #content .profile-section.about-me .about-author .image #item-header-avatar .changeAvatarHover {
                  display: none;
                  padding-top: 25px;
                  background: rgba(0, 0, 0, 0.6);
                  position: absolute;
                  width: 100%;
                  bottom: 0;
                  height: 50%;
                  cursor: pointer; }
                  body.bp-user .profile-page #content .profile-section.about-me .about-author .image #item-header-avatar .changeAvatarHover i.fa,
                  body.bp-user .profile-page #content .profile-section.about-me .about-author .image #item-header-avatar .changeAvatarHover span {
                    color: #fff; }
                body.bp-user .profile-page #content .profile-section.about-me .about-author .image #item-header-avatar:hover .changeAvatarHover {
                  display: block; }
              body.bp-user .profile-page #content .profile-section.about-me .about-author .image #item-header-content {
                display: none; }
            body.bp-user .profile-page #content .profile-section.about-me .about-author .info-wrapper {
              max-width: 440px;
              padding: 0 0 40px;
              margin: 0 auto; }
              body.bp-user .profile-page #content .profile-section.about-me .about-author .info-wrapper .user-fullname,
              body.bp-user .profile-page #content .profile-section.about-me .about-author .info-wrapper .user-short-desc {
                text-align: center; }
              body.bp-user .profile-page #content .profile-section.about-me .about-author .info-wrapper .user-fullname {
                text-transform: uppercase;
                font-size: 20px;
                font-weight: 700; }
              body.bp-user .profile-page #content .profile-section.about-me .about-author .info-wrapper .user-short-desc {
                font-size: 16px;
                line-height: 24px; }
              body.bp-user .profile-page #content .profile-section.about-me .about-author .info-wrapper .user-long-desc {
                padding-top: 30px; }
                body.bp-user .profile-page #content .profile-section.about-me .about-author .info-wrapper .user-long-desc p {
                  font-size: 16px;
                  line-height: 24px;
                  margin: 0; }
              body.bp-user .profile-page #content .profile-section.about-me .about-author .info-wrapper .user-main-btn {
                text-align: center;
                padding-top: 30px; }
                body.bp-user .profile-page #content .profile-section.about-me .about-author .info-wrapper .user-main-btn i.fa {
                  margin: 0 7px; }
                body.bp-user .profile-page #content .profile-section.about-me .about-author .info-wrapper .user-main-btn a.btn {
                  width: 100%;
                  color: #fff;
                  padding-left: 16px;
                  padding-right: 16px; }
            body.bp-user .profile-page #content .profile-section.about-me .about-author .support-wrapper {
              margin: 0 30px; }
              body.bp-user .profile-page #content .profile-section.about-me .about-author .support-wrapper p .ob-btn {
                margin-left: 20px; }
      body.bp-user .profile-page #content .profile-section.authors-books,
      body.bp-user .profile-page #content .profile-section.authors-private-books {
        overflow: hidden;
        padding: 10px; }
        body.bp-user .profile-page #content .profile-section.authors-books .no-books-yet-message,
        body.bp-user .profile-page #content .profile-section.authors-private-books .no-books-yet-message {
          font-size: 16px;
          border-top: 1px solid #E7EBED;
          border-bottom: 1px solid #E7EBED;
          padding: 30px 0; }
        body.bp-user .profile-page #content .profile-section.authors-books .title,
        body.bp-user .profile-page #content .profile-section.authors-private-books .title {
          font-size: 20px;
          font-weight: 700;
          text-transform: uppercase;
          margin: 5px 10px; }
        body.bp-user .profile-page #content .profile-section.authors-books .book-item,
        body.bp-user .profile-page #content .profile-section.authors-private-books .book-item {
          padding-bottom: 0; }
          body.bp-user .profile-page #content .profile-section.authors-books .book-item .book-title,
          body.bp-user .profile-page #content .profile-section.authors-private-books .book-item .book-title {
            font-size: 16px; }
    @media (min-width: 992px) {
      body.bp-user .profile-page .profile-section.about-me {
        margin-top: 130px; }
        body.bp-user .profile-page .profile-section.about-me.fullwidth {
          align-items: flex-start; }
          body.bp-user .profile-page .profile-section.about-me.fullwidth .info-wrapper {
            margin: 0; }
        body.bp-user .profile-page .profile-section.about-me .image {
          margin-top: -127px; } }
  body.bp-user #footer-general,
  body.bp-user #footer-v2,
  body.bp-user .addtoany_share_save_container {
    display: none; }

/** Vue Components */
.threeD-book-container {
  width: 225px;
  height: 225px;
  margin: 30px auto;
  display: flex;
  align-items: center;
  justify-content: center;
  perspective: 400px; }
  .threeD-book-container .book {
    transform: rotateY(-30deg);
    position: relative;
    transform-style: preserve-3d;
    width: 225px;
    height: 225px;
    transition: transform 1s ease; }
@keyframes initAnimation {
  0% {
    transform: rotateY(0deg); }
  100% {
    transform: rotateY(-30deg); } }
    .threeD-book-container .book > :first-child {
      position: absolute;
      background: #0d47a1aa;
      width: 225px;
      height: 225px;
      border-top-right-radius: 3px;
      border-bottom-right-radius: 3px;
      box-shadow: 5px 5px 20px #666; }
    .threeD-book-container .book::before {
      content: ' ';
      background: #fff;
      height: calc(225px - 2 * 3px);
      width: 50px;
      top: 3px;
      position: absolute;
      transform: translateX(calc(225px - 50px / 2 - 3px)) rotateY(90deg) translateX(calc(50px / 2)); }
    .threeD-book-container .book::after {
      content: ' ';
      position: absolute;
      left: 0;
      width: 225px;
      height: 225px;
      border-top-right-radius: 3px;
      border-bottom-right-radius: 3px;
      background: #01060f;
      transform: translateZ(-50px);
      box-shadow: -10px 0 50px 10px #666; }
    .threeD-book-container .book img {
      margin: 0 !important;
      padding: 0 !important; }

/**
  book-item
 */
.book-item {
  border-radius: 23px;
  overflow: hidden;
  padding: 0 10px 30px; }
  .book-item .cover-image {
    width: 216px;
    margin: 0 auto;
    position: relative;
    background-image: url("https://s3-eu-west-1.amazonaws.com/ourboox-media-prod/frontend/book/ebook_w216.png");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    height: 262px;
    text-align: center;
    padding: 0;
    display: flex;
    justify-content: center;
    /* align horizontal */
    align-items: center;
    /* align vertical */
    -webkit-perspective: 600px;
    -moz-perspective: 600px;
    -o-perspective: 600px;
    perspective: 600px; }
    .book-item .cover-image img {
      max-width: 165px;
      position: absolute;
      left: 32px;
      -webkit-transform: translateX(-22px) rotateY(-30deg);
      -moz-transform: translateX(-22px) rotateY(-30deg);
      -o-transform: translateX(-22px) rotateY(-30deg);
      transform: translateX(-22px) rotateY(-30deg); }
  .book-item .book-title {
    font-size: 20px;
    letter-spacing: 1px;
    color: #32325d;
    font-weight: bold;
    text-align: center;
    padding: 0;
    margin-bottom: 10px;
    overflow: hidden; }
    .book-item .book-title span {
      display: inline-block; }
  .book-item .book-author {
    font-size: 17px;
    letter-spacing: 0px;
    color: #32325d;
    font-weight: bold;
    text-align: center;
    margin-bottom: 20px;
    margin-top: 0; }
  .book-item .bottom-options {
    display: flex;
    flex-direction: row;
    justify-content: center;
    font-family: 'Montserrat', sans-serif;
    font-weight: 600;
    font-size: 18px;
    letter-spacing: 0px;
    text-align: center;
    padding: 0 21%; }
    .book-item .bottom-options a.read,
    .book-item .bottom-options a.share {
      flex-grow: 1;
      color: #a5abb9;
      text-transform: uppercase; }
      .book-item .bottom-options a.read:hover,
      .book-item .bottom-options a.share:hover {
        color: #32325d;
        text-decoration: none; }
  .book-item:hover {
    background-color: #f6f5f5; }

@media (min-width: 415px) {
  .book-item {
    padding: 35px 10px 30px; }
    .book-item .book-title {
      height: 85px; } }
/**
  profile-featured-book
 */
.profile-featured-book {
  max-width: 540px;
  padding: 15px 20px; }
  .profile-featured-book h2,
  .profile-featured-book .book-title {
    margin: 0; }
  .profile-featured-book .cover-image {
    text-align: right; }
  .profile-featured-book .book-title {
    font-size: 20px;
    letter-spacing: 1px;
    color: #32325d;
    font-weight: bold;
    text-align: left;
    padding: 0;
    margin-top: 20px;
    margin-bottom: 10px;
    overflow: hidden; }
    .profile-featured-book .book-title span {
      display: inline-block; }
  .profile-featured-book .book-author {
    font-size: 17px;
    letter-spacing: 0px;
    color: #32325d;
    font-weight: bold;
    text-align: center;
    margin-bottom: 20px;
    margin-top: 0; }
  .profile-featured-book .bottom-options {
    display: flex;
    flex-direction: row;
    justify-content: center;
    font-family: 'Montserrat', sans-serif;
    font-weight: 600;
    font-size: 18px;
    letter-spacing: 0px;
    text-align: center;
    padding: 0 21%; }
    .profile-featured-book .bottom-options a.read,
    .profile-featured-book .bottom-options a.share {
      flex-grow: 1;
      color: #a5abb9;
      text-transform: uppercase; }
      .profile-featured-book .bottom-options a.read:hover,
      .profile-featured-book .bottom-options a.share:hover {
        color: #32325d;
        text-decoration: none; }

@media (min-width: 415px) {
  .book-item {
    padding: 35px 10px 30px; }
    .book-item .book-title {
      height: 85px; } }
/**
  Drag &  Drop Uploader
  AUTHOR: Osvaldas Valutis
  https://osvaldas.info/drag-drop-file-uploading
*/
.lds-ring {
  display: inline-block;
  position: relative;
  width: 40px;
  height: 40px; }

.lds-ring div {
  box-sizing: border-box;
  display: block;
  position: absolute;
  width: 32px;
  height: 32px;
  margin: 4px;
  border: 4px solid #69ACF3;
  border-radius: 50%;
  animation: lds-ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
  border-color: #69ACF3 transparent transparent transparent; }

.lds-ring div:nth-child(1) {
  animation-delay: -0.45s; }

.lds-ring div:nth-child(2) {
  animation-delay: -0.3s; }

.lds-ring div:nth-child(3) {
  animation-delay: -0.15s; }

@keyframes lds-ring {
  0% {
    transform: rotate(0deg); }
  100% {
    transform: rotate(360deg); } }
#ob_drag_and_drop_uploader {
  width: 100%;
  text-align: center;
  margin: 0 auto; }
  #ob_drag_and_drop_uploader.mode-full .box {
    outline: 2px dashed #92b0b3;
    outline-offset: -10px; }
  #ob_drag_and_drop_uploader.mode-replace .box {
    padding: 0; }
  #ob_drag_and_drop_uploader.mode-replace .spinner {
    width: 18px;
    height: 18px; }
  #ob_drag_and_drop_uploader.mode-replace .pdfUploadBtnWrap {
    margin: 7px 0;
    text-align: center; }
    #ob_drag_and_drop_uploader.mode-replace .pdfUploadBtnWrap .replace-btn {
      line-height: 20px; }
  #ob_drag_and_drop_uploader.mode-replace .is-uploading {
    line-height: 46px; }
  #ob_drag_and_drop_uploader p {
    color: #757070;
    font-size: 13px;
    margin: 0; }
  #ob_drag_and_drop_uploader h1 {
    font-size: 42px;
    font-weight: 300;
    color: #0f3c4b;
    margin-bottom: 40px; }
    #ob_drag_and_drop_uploader h1 a:hover,
    #ob_drag_and_drop_uploader h1 a:focus {
      color: #69ACF3; }
  #ob_drag_and_drop_uploader nav {
    margin-bottom: 40px; }
    #ob_drag_and_drop_uploader nav a {
      border-bottom: 2px solid #c8dadf;
      display: inline-block;
      padding: 4px 8px;
      margin: 0 5px; }
      #ob_drag_and_drop_uploader nav a.is-selected {
        font-weight: 700;
        color: #69ACF3;
        border-bottom-color: currentColor; }
      #ob_drag_and_drop_uploader nav a:not(.is-selected):hover, #ob_drag_and_drop_uploader nav a:not(.is-selected):focus {
        border-bottom-color: #0f3c4b; }
  #ob_drag_and_drop_uploader footer {
    color: #92b0b3;
    margin-top: 40px; }
  #ob_drag_and_drop_uploader footer p + p {
    margin-top: 1em; }
  #ob_drag_and_drop_uploader footer a:hover,
  #ob_drag_and_drop_uploader footer a:focus {
    color: #69ACF3; }
  #ob_drag_and_drop_uploader .progress_bar {
    margin: 10px 0;
    padding: 3px;
    border: 1px solid #000;
    font-size: 14px;
    clear: both;
    opacity: 0;
    -moz-transition: opacity 1s linear;
    -o-transition: opacity 1s linear;
    -webkit-transition: opacity 1s linear; }
    #ob_drag_and_drop_uploader .progress_bar.loading {
      opacity: 1.0; }
    #ob_drag_and_drop_uploader .progress_bar .percent {
      background-color: #99ccff;
      height: auto;
      width: 0; }
  #ob_drag_and_drop_uploader .svg-wrap {
    display: inline-block;
    width: 24px; }
    #ob_drag_and_drop_uploader .svg-wrap svg {
      width: 100%;
      height: 100%; }
  #ob_drag_and_drop_uploader .box {
    height: 100%;
    position: relative;
    padding: 30px 30px;
    -webkit-transition: outline-offset .15s ease-in-out, background-color .15s linear;
    transition: outline-offset .15s ease-in-out, background-color .15s linear; }
    #ob_drag_and_drop_uploader .box .title {
      font-weight: 300;
      margin-top: 0;
      margin-bottom: 30px; }
    #ob_drag_and_drop_uploader .box.has-advanced-upload {
      outline-offset: -2px;
      -webkit-transition: outline-offset .15s ease-in-out, background-color .15s linear;
      transition: outline-offset .15s ease-in-out, background-color .15s linear; }
  #ob_drag_and_drop_uploader .box.is-dragover {
    outline-offset: -10px;
    outline-color: #69ACF3;
    background-color: #E1F1FF; }
  #ob_drag_and_drop_uploader .box__dragndrop,
  #ob_drag_and_drop_uploader .box__icon {
    display: none; }
  #ob_drag_and_drop_uploader .box.has-advanced-upload .box__dragndrop {
    display: inline; }
  #ob_drag_and_drop_uploader .box.has-advanced-upload .box__icon {
    width: 100%;
    height: 80px;
    fill: #92b0b3;
    display: block;
    margin-bottom: 40px; }
  #ob_drag_and_drop_uploader .pdfUploadBtnWrap {
    margin-bottom: 15px; }
  #ob_drag_and_drop_uploader .supported-file-types {
    color: #777;
    line-height: 34px;
    font-size: 13px; }
  #ob_drag_and_drop_uploader .box.is-uploading .box__input,
  #ob_drag_and_drop_uploader .box.is-success .box__input,
  #ob_drag_and_drop_uploader .box.is-error .box__input {
    display: none; }
  #ob_drag_and_drop_uploader .box__uploading,
  #ob_drag_and_drop_uploader .box__success,
  #ob_drag_and_drop_uploader .box__error {
    display: none; }
  #ob_drag_and_drop_uploader .box__error span {
    display: block;
    margin: 10px 0 0; }
  #ob_drag_and_drop_uploader .box.is-uploading .box__uploading,
  #ob_drag_and_drop_uploader .box.is-success .box__success,
  #ob_drag_and_drop_uploader .box.is-error .box__error {
    display: block; }
  #ob_drag_and_drop_uploader .box.is-uploading .box__uploading,
  #ob_drag_and_drop_uploader .box.is-success .box__success,
  #ob_drag_and_drop_uploader .box.is-error .box__error {
    font-size: 14px; }
  #ob_drag_and_drop_uploader .box__uploading .lds-ring {
    display: inline-block;
    position: relative;
    width: 40px;
    height: 40px;
    margin-bottom: 15px; }
  #ob_drag_and_drop_uploader .box__success {
    line-height: 40px; }
@-webkit-keyframes appear-from-inside {
  from {
    -webkit-transform: translateY(-50%) scale(0); }
  75% {
    -webkit-transform: translateY(-50%) scale(1.1); }
  to {
    -webkit-transform: translateY(-50%) scale(1); } }
@keyframes appear-from-inside {
  from {
    transform: translateY(-50%) scale(0); }
  75% {
    transform: translateY(-50%) scale(1.1); }
  to {
    transform: translateY(-50%) scale(1); } }
  #ob_drag_and_drop_uploader .box__restart {
    font-weight: 700; }
  #ob_drag_and_drop_uploader .box__restart:focus,
  #ob_drag_and_drop_uploader .box__restart:hover {
    color: #69ACF3; }
  #ob_drag_and_drop_uploader .box__button {
    font-weight: 700;
    color: #e5edf1;
    background-color: #69ACF3;
    display: none;
    padding: 8px 16px;
    margin: 40px auto 0; }
    #ob_drag_and_drop_uploader .box__button:hover, #ob_drag_and_drop_uploader .box__button:focus {
      background-color: #0f3c4b; }

.js .box__file {
  width: 0.1px;
  height: 0.1px;
  opacity: 0;
  overflow: hidden;
  position: absolute;
  z-index: -1; }

.js .box__file + label {
  font-weight: normal;
  font-size: 14px;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: block;
  overflow: hidden;
  color: #222222;
  margin: 0; }
  .js .box__file + label strong {
    cursor: pointer; }
  .js .box__file + label:focus {
    outline: none; }

.js .box__file + label:hover strong,
.box__file:focus + label strong,
.box__file.has-focus + label strong {
  color: #69ACF3; }

.js .box__file:focus + label,
.js .box__file.has-focus + label {
  outline: 1px dotted #000; }

.js .box__file + label * {
  /* pointer-events: none; */
  /* in case of FastClick lib use */ }

.no-js .box__file + label {
  display: none; }
.no-js .box__button {
  display: block; }

/** Pages */
body.page-about .page-header {
  text-transform: uppercase; }
body.page-about .sidebar-module.sidebar-module-inset {
  padding: 15px;
  background-color: #f5f5f5;
  border-radius: 4px; }
body.page-about .sidebar-module.sidebar-module-team {
  margin-bottom: 10px; }
  body.page-about .sidebar-module.sidebar-module-team p {
    margin-bottom: 0;
    font-size: 15px;
    line-height: 20px; }
body.page-about .sidebar-module .team-member-box a {
  font-size: 16px; }
  body.page-about .sidebar-module .team-member-box a.team-member-email {
    display: block; }
body.page-about .sidebar-module .team-member-box img.media-object {
  width: 80px;
  height: 80px; }
body.page-about .list-group .list-group-item {
  font-size: 16px; }
  body.page-about .list-group .list-group-item .badge {
    background-color: #428bca;
    font-weight: normal;
    font-size: 16px; }

.page-template-my-books {
  /* .book-item {
      padding-bottom:20px;
  } */ }
  .page-template-my-books .my-books-ad-container {
    padding: 0 15px;
    margin: 10px auto;
    text-align: center;
    border: 1px solid #e5e5e5;
    box-shadow: 0 1px 1px #0000000a; }
    .page-template-my-books .my-books-ad-container .my-books-ad-title {
      border-bottom: 1px solid #eee;
      padding: 8px 12px;
      font-size: 14px;
      font-weight: 600;
      margin: 0;
      line-height: 1.4;
      text-align: left; }
    .page-template-my-books .my-books-ad-container .my-books-bottom-ad-placement {
      margin: 10px 0;
      text-align: center; }
  .page-template-my-books .page-header {
    margin: 0 0 15px;
    padding: 0;
    border-bottom: none; }
    .page-template-my-books .page-header h2 {
      margin: 0; }
  .page-template-my-books .my-books-tabs .tab-content {
    margin-top: 20px; }
  .page-template-my-books .my-book-item {
    padding-bottom: 20px;
    margin: 0 auto 20px; }
    .page-template-my-books .my-book-item h4 {
      overflow: hidden;
      text-overflow: ellipsis; }
    .page-template-my-books .my-book-item .book-edit-link h4 {
      margin: 0 0 10px; }
    .page-template-my-books .my-book-item button.trash-story {
      background: none;
      color: #428bca;
      border: none;
      padding: 0;
      font: inherit;
      cursor: pointer;
      outline: inherit; }
      .page-template-my-books .my-book-item button.trash-story:hover {
        text-decoration: underline; }
  .page-template-my-books ul#book-options {
    padding-left: 0; }
    .page-template-my-books ul#book-options li {
      margin-bottom: 4px;
      text-align: left; }
  .page-template-my-books .book-options .btn {
    width: 95px; }
  .page-template-my-books ul {
    list-style-type: none; }
  .page-template-my-books .book-wrap {
    width: auto; }
  .page-template-my-books .book-link {
    width: 250px;
    height: 250px; }
  .page-template-my-books .book-link img {
    width: 250px;
    height: 250px; }
  .page-template-my-books .book-center {
    width: auto;
    height: auto; }

/* .page-template-my-books .book-item {margin:0 20px 20px 0;} */
/* .page-template-my-books .book-item:nth-of-type(4n) {margin:0 0 20px 0;}
.page-template-my-books .book-item .cover-container {height:225px;position:relative;}
.page-template-my-books .book-item .library-button {position:absolute;width:60px;height:40px;line-height:40px;font-size:14px;color:white;text-align:center;} */
/* h2.book-title {position:relative;} */
/* .page-template-my-books .book-item a.preview-story {top:0px;left:0px;background-color:#b0d3f8;}
.page-template-my-books .book-item a.edit-story {top:0px;right:0px;background-color:#b0d3f8;}

.page-template-my-books .book-item button {border:none;text-decoration:none;cursor:pointer;bottom:0px;}
.page-template-my-books .book-item button:hover {text-decoration:underline;}
    .page-template-my-books .book-item button.trash-story {right:0px;background-color:red;}
    .page-template-my-books .book-item button.publish-story {left:0px;background-color:#b0d3f8;}
    .page-template-my-books .book-item button.un-publish-story {left:0px;width:85px;background-color:#ffd154;} */
/* Book Status */
/* 		.page-template-my-books a.book-status-published {width:22px;height:20px;background-image:url('img/check_mark_green-22.png');background-repeat:no-repeat;position:absolute;top:0;right:0;display:block;}
.page-template-my-books a.book-status-draft {color:black;cursor:default;position:absolute;display:block;top:0;right:0;text-decoration:none;}
.page-template-my-books a.book-status-draft:hover {text-decoration:none;} */
#contact-us #success_message,
#contact-us #error_container,
#contact-us #warning_container {
  display: none; }

body.page-pricing .current-plan {
  display: inline-block;
  padding: 12px 24px;
  line-height: 18px;
  border: 1px solid #ccc; }
  body.page-pricing .current-plan i {
    color: #5cb85c;
    margin-right: 5px; }

/** Variables */
/** S3 Media Assets Paths */
body.page-forgot .forgetPassWrap {
  max-width: 384px;
  margin: 0 auto; }
  body.page-forgot .forgetPassWrap #forgetPassContainer {
    margin: 30px 0;
    text-align: center;
    transition: all 2s; }
    body.page-forgot .forgetPassWrap #forgetPassContainer .spinner {
      display: none;
      margin-left: 20px; }
    body.page-forgot .forgetPassWrap #forgetPassContainer p {
      transition: inherit; }
    body.page-forgot .forgetPassWrap #forgetPassContainer input[type="text"] {
      width: 100%;
      height: 45px;
      padding-left: 10px;
      font-size: 19px;
      margin-bottom: 30px;
      border: 1px solid #ccc; }
    body.page-forgot .forgetPassWrap #forgetPassContainer button#lostpassword-submit {
      width: 170px;
      line-height: 40px;
      border: none; }
  body.page-forgot .forgetPassWrap #forgetPassSuccess {
    display: none;
    margin: 30px 0 80px; }

#new-password #errorContainer {
  display: none; }
#new-password .spinner {
  display: none; }
#new-password #resetPassword {
  position: relative;
  margin: 0 auto;
  padding: 45px 0; }
  #new-password #resetPassword h1 {
    top: 0;
    font-size: 30px; }
  #new-password #resetPassword h2 {
    font-size: 16px;
    text-align: center;
    padding: 30px 0; }
  #new-password #resetPassword form#new-password-form {
    position: relative; }
    #new-password #resetPassword form#new-password-form input[type="text"],
    #new-password #resetPassword form#new-password-form input[type="password"] {
      width: 100%;
      height: 45px;
      margin-bottom: 23px;
      padding-left: 10px;
      font-size: 19px; }
    #new-password #resetPassword form#new-password-form button {
      width: 160px;
      line-height: 40px; }
  #new-password #resetPassword .error {
    position: relative;
    top: 81px;
    right: 0;
    font-weight: bold;
    color: red; }
    #new-password #resetPassword .error p {
      display: none; }
  #new-password #resetPassword .bottom-wrap {
    overflow: hidden;
    margin-top: 20px;
    text-align: center; }
  #new-password #resetPassword label[for="show_password"] {
    display: block;
    margin-bottom: 20px; }
  #new-password #resetPassword label[for="show_password"],
  #new-password #resetPassword #show_password {
    cursor: pointer; }
  #new-password #resetPassword #new-password-submit {
    border: none; }
#new-password #passwordResetSuccessfully {
  margin: 0 auto;
  padding: 45px 30px;
  border: 1px solid rgba(0, 0, 0, 0.2);
  display: none; }
  #new-password #passwordResetSuccessfully h1 {
    font-size: 30px;
    text-align: center;
    margin-bottom: 20px; }
  #new-password #passwordResetSuccessfully p {
    text-align: center; }

body.home-page {
  font-family: Roboto, sans-serif;
  /**
   * Responsive Classes
   */ }
  body.home-page h1,
  body.home-page h2,
  body.home-page h3,
  body.home-page h4,
  body.home-page h5,
  body.home-page h6 {
    font-weight: 300;
    margin-top: 0;
    margin-bottom: 30px;
    text-align: center; }
  body.home-page .navbar {
    margin-bottom: 0;
    padding-top: 8px; }
  body.home-page #footer-v2 {
    margin-top: 0; }
  body.home-page section {
    padding-top: 50px;
    padding-bottom: 50px;
    margin: 0; }
    body.home-page section p {
      font-size: 18px;
      font-weight: 300;
      color: #354353;
      text-align: center; }
    body.home-page section h2,
    body.home-page section p {
      max-width: 750px;
      margin-left: auto;
      margin-right: auto; }
    body.home-page section h2 {
      line-height: 1.3; }
    body.home-page section.top-section {
      padding-bottom: 20px; }
      body.home-page section.top-section h1 {
        text-align: left;
        line-height: 1.3; }
      body.home-page section.top-section p {
        text-align: left;
        margin-bottom: 30px; }
        body.home-page section.top-section p.under-btn-txt {
          text-align: center;
          font-weight: 500;
          color: #000000;
          opacity: .43;
          margin-top: 15px;
          margin-bottom: 0; }
      body.home-page section.top-section img,
      body.home-page section.top-section figcaption {
        padding-left: 30px;
        padding-right: 30px; }
      body.home-page section.top-section img {
        margin-top: 30px;
        margin-bottom: 10px; }
      body.home-page section.top-section figcaption {
        font-size: 13px; }
        body.home-page section.top-section figcaption a {
          color: inherit; }
      body.home-page section.top-section .btn-wrap {
        text-align: center; }
        body.home-page section.top-section .btn-wrap .ob-btn {
          font-size: 20px; }
    body.home-page section.advantage p {
      margin-bottom: 25px; }
    body.home-page section.advantage .device-examples-carousel {
      margin-top: 20px; }
      body.home-page section.advantage .device-examples-carousel .item {
        padding: 0 20px; }
        body.home-page section.advantage .device-examples-carousel .item img {
          max-height: 380px;
          margin: 0 auto; }
    body.home-page section.examples img {
      margin: 0 auto 20px; }
    body.home-page section.features h2 {
      margin-bottom: 25px; }
    body.home-page section.features .feature {
      text-align: center; }
      body.home-page section.features .feature .icon {
        margin-bottom: 30px;
        margin-top: 30px; }
        body.home-page section.features .feature .icon i.fa {
          font-size: 80px;
          color: #043E79; }
      body.home-page section.features .feature .title {
        font-size: 18px;
        font-weight: 400;
        color: #354353; }
      body.home-page section.features .feature .badge {
        font-size: 14px;
        text-transform: uppercase;
        border-radius: 5px; }
        body.home-page section.features .feature .badge.badge-premium {
          color: #fff;
          background-color: #FF8B00; }
      body.home-page section.features .feature p {
        font-size: 16px;
        line-height: 1.5em;
        margin-left: 45px;
        margin-right: 45px;
        padding-bottom: 30px; }
      body.home-page section.features .feature.premium-feature .title {
        font-weight: 600;
        margin-bottom: 10px; }
      body.home-page section.features .feature.premium-feature .icon i.fa {
        color: #FF991F; }
      body.home-page section.features .feature.premium-feature .badge {
        margin-bottom: 10px; }
    body.home-page section.testimonials .container {
      padding-left: 50px;
      padding-right: 50px; }
    body.home-page section.testimonials h2 {
      font-size: 24px; }
    body.home-page section.testimonials #writersCarousel .carousel-inner .item a.img-wrap {
      display: block;
      max-width: 100px;
      margin: 0 auto; }
      body.home-page section.testimonials #writersCarousel .carousel-inner .item a.img-wrap img {
        border-radius: 50%; }
    body.home-page section.testimonials #writersCarousel .carousel-control.right,
    body.home-page section.testimonials #writersCarousel .carousel-control.left {
      background-image: none;
      color: #043E79; }
    body.home-page section.testimonials #writersCarousel .carousel-control.right {
      right: -40px; }
    body.home-page section.testimonials #writersCarousel .carousel-control.left {
      left: -40px; }
    body.home-page section.testimonials #writersCarousel .carousel-indicators li {
      border-color: #043E79; }
    body.home-page section.testimonials #writersCarousel .carousel-indicators li.active {
      background-color: #043E79; }
    body.home-page section.testimonials #writersCarousel .item h4 {
      font-size: 19px;
      line-height: 1.375em;
      font-weight: 400;
      font-style: italic;
      margin-top: 35px;
      margin-bottom: 70px;
      margin-left: 0;
      margin-right: 0; }
    body.home-page section.testimonials #writersCarousel .item a.profile-href {
      display: inline-block;
      font-style: normal;
      margin-top: 10px; }
    body.home-page section.faq #faq-accordion.panel-group .panel {
      border-radius: 0; }
      body.home-page section.faq #faq-accordion.panel-group .panel .panel-heading {
        padding: 0;
        background-color: #fff; }
        body.home-page section.faq #faq-accordion.panel-group .panel .panel-heading h4.panel-title {
          font-size: 18px;
          color: #354353;
          font-weight: 400;
          margin-bottom: 0;
          padding-right: 1rem;
          text-align: left; }
          body.home-page section.faq #faq-accordion.panel-group .panel .panel-heading h4.panel-title a {
            padding: 20px 20px;
            line-height: 1.2;
            display: block; }
            body.home-page section.faq #faq-accordion.panel-group .panel .panel-heading h4.panel-title a:hover, body.home-page section.faq #faq-accordion.panel-group .panel .panel-heading h4.panel-title a:focus {
              text-decoration: none; }
      body.home-page section.faq #faq-accordion.panel-group .panel .panel-collapse .panel-body {
        padding: 15px 20px;
        border-top: none; }
        body.home-page section.faq #faq-accordion.panel-group .panel .panel-collapse .panel-body p {
          max-width: none;
          text-align: left; }
    body.home-page section.call-to-action {
      background: #fff;
      color: inherit; }
      body.home-page section.call-to-action h2 {
        font-size: 28px; }
      body.home-page section.call-to-action .btn-wrap {
        text-align: center; }
        body.home-page section.call-to-action .btn-wrap .ob-btn {
          padding: 12px 25px;
          font-size: 22px;
          font-family: Roboto, sans-serif;
          font-weight: 500; }
  body.home-page.logged-in h2 {
    max-width: none; }
  body.home-page.logged-in .welcome-message {
    margin-bottom: 40px;
    margin-top: 30px; }
    body.home-page.logged-in .welcome-message h3 {
      text-align: center; }
  body.home-page.logged-in .formatSelection #ob_create_new_book_box {
    margin-bottom: 30px; }
  @media (min-width: 768px) {
    body.home-page section.testimonials .container {
      padding-left: 15px;
      padding-right: 15px; }
    body.home-page section.faq #faq-accordion.panel-group .panel .panel-heading h4.panel-title a {
      padding: 20px 40px; }
    body.home-page section.faq #faq-accordion.panel-group .panel .panel-collapse .panel-body {
      padding: 15px 40px; }
    body.home-page section.features .feature {
      height: 301px; } }

body.page-template-dummy {
  font-family: Roboto, sans-serif;
  /**
   * Responsive Classes
   */ }
  body.page-template-dummy h1,
  body.page-template-dummy h2,
  body.page-template-dummy h3,
  body.page-template-dummy h4,
  body.page-template-dummy h5,
  body.page-template-dummy h6 {
    font-weight: 300;
    margin-top: 0;
    margin-bottom: 30px;
    text-align: center; }
  body.page-template-dummy .navbar {
    margin-bottom: 0;
    padding-top: 8px; }
  body.page-template-dummy #footer-v2 {
    margin-top: 0; }
  body.page-template-dummy section {
    padding-top: 50px;
    padding-bottom: 50px;
    margin: 0; }
    body.page-template-dummy section p {
      font-size: 18px;
      font-weight: 300;
      color: #354353;
      text-align: center; }
    body.page-template-dummy section h2,
    body.page-template-dummy section p {
      max-width: 750px;
      margin-left: auto;
      margin-right: auto; }
    body.page-template-dummy section h2 {
      line-height: 1.3; }
    body.page-template-dummy section.top-section {
      padding-bottom: 20px; }
      body.page-template-dummy section.top-section h1 {
        text-align: center;
        line-height: 1.3; }
      body.page-template-dummy section.top-section p {
        text-align: left;
        margin-bottom: 30px; }
        body.page-template-dummy section.top-section p.under-btn-txt {
          text-align: center;
          font-weight: 500;
          color: #000000;
          opacity: .43;
          margin-top: 15px;
          margin-bottom: 0; }
      body.page-template-dummy section.top-section img,
      body.page-template-dummy section.top-section figcaption {
        padding-left: 30px;
        padding-right: 30px; }
      body.page-template-dummy section.top-section img {
        margin-top: 30px;
        margin-bottom: 10px; }
      body.page-template-dummy section.top-section figcaption {
        font-size: 13px; }
        body.page-template-dummy section.top-section figcaption a {
          color: inherit; }
      body.page-template-dummy section.top-section .btn-wrap {
        text-align: center; }
        body.page-template-dummy section.top-section .btn-wrap .ob-btn {
          font-size: 20px; }
    body.page-template-dummy section.advantage p {
      margin-bottom: 25px; }
    body.page-template-dummy section.advantage .device-examples-carousel {
      margin-top: 20px; }
      body.page-template-dummy section.advantage .device-examples-carousel .item {
        padding: 0 20px; }
        body.page-template-dummy section.advantage .device-examples-carousel .item img {
          max-height: 380px;
          margin: 0 auto; }
    body.page-template-dummy section.examples img {
      margin: 0 auto 20px; }
    body.page-template-dummy section.features h2 {
      margin-bottom: 25px; }
    body.page-template-dummy section.features .feature {
      text-align: center; }
      body.page-template-dummy section.features .feature .icon {
        margin-bottom: 30px;
        margin-top: 30px; }
        body.page-template-dummy section.features .feature .icon i.fa {
          font-size: 80px;
          color: #043E79; }
      body.page-template-dummy section.features .feature .title {
        font-size: 18px;
        font-weight: 400;
        color: #354353; }
      body.page-template-dummy section.features .feature .badge {
        font-size: 14px;
        text-transform: uppercase;
        border-radius: 5px; }
        body.page-template-dummy section.features .feature .badge.badge-premium {
          color: #fff;
          background-color: #FF8B00; }
      body.page-template-dummy section.features .feature p {
        font-size: 16px;
        line-height: 1.5em;
        margin-left: 45px;
        margin-right: 45px;
        padding-bottom: 30px; }
      body.page-template-dummy section.features .feature.premium-feature .title {
        font-weight: 600;
        margin-bottom: 10px; }
      body.page-template-dummy section.features .feature.premium-feature .icon i.fa {
        color: #FF991F; }
      body.page-template-dummy section.features .feature.premium-feature .badge {
        margin-bottom: 10px; }
    body.page-template-dummy section.testimonials .container {
      padding-left: 50px;
      padding-right: 50px; }
    body.page-template-dummy section.testimonials h2 {
      font-size: 24px; }
    body.page-template-dummy section.testimonials #writersCarousel .carousel-inner .item a.img-wrap {
      display: block;
      max-width: 100px;
      margin: 0 auto; }
      body.page-template-dummy section.testimonials #writersCarousel .carousel-inner .item a.img-wrap img {
        border-radius: 50%; }
    body.page-template-dummy section.testimonials #writersCarousel .carousel-control.right,
    body.page-template-dummy section.testimonials #writersCarousel .carousel-control.left {
      background-image: none;
      color: #043E79; }
    body.page-template-dummy section.testimonials #writersCarousel .carousel-control.right {
      right: -40px; }
    body.page-template-dummy section.testimonials #writersCarousel .carousel-control.left {
      left: -40px; }
    body.page-template-dummy section.testimonials #writersCarousel .carousel-indicators li {
      border-color: #043E79; }
    body.page-template-dummy section.testimonials #writersCarousel .carousel-indicators li.active {
      background-color: #043E79; }
    body.page-template-dummy section.testimonials #writersCarousel .item h4 {
      font-size: 19px;
      line-height: 1.375em;
      font-weight: 400;
      font-style: italic;
      margin-top: 35px;
      margin-bottom: 70px;
      margin-left: 0;
      margin-right: 0; }
    body.page-template-dummy section.testimonials #writersCarousel .item a.profile-href {
      display: inline-block;
      font-style: normal;
      margin-top: 10px; }
    body.page-template-dummy section.faq #faq-accordion.panel-group .panel {
      border-radius: 0; }
      body.page-template-dummy section.faq #faq-accordion.panel-group .panel .panel-heading {
        padding: 0;
        background-color: #fff; }
        body.page-template-dummy section.faq #faq-accordion.panel-group .panel .panel-heading h4.panel-title {
          font-size: 18px;
          color: #354353;
          font-weight: 400;
          margin-bottom: 0;
          padding-right: 1rem;
          text-align: left; }
          body.page-template-dummy section.faq #faq-accordion.panel-group .panel .panel-heading h4.panel-title a {
            padding: 20px 20px;
            line-height: 1.2;
            display: block; }
            body.page-template-dummy section.faq #faq-accordion.panel-group .panel .panel-heading h4.panel-title a:hover, body.page-template-dummy section.faq #faq-accordion.panel-group .panel .panel-heading h4.panel-title a:focus {
              text-decoration: none; }
      body.page-template-dummy section.faq #faq-accordion.panel-group .panel .panel-collapse .panel-body {
        padding: 15px 20px;
        border-top: none; }
        body.page-template-dummy section.faq #faq-accordion.panel-group .panel .panel-collapse .panel-body p {
          max-width: none;
          text-align: left; }
    body.page-template-dummy section.call-to-action {
      background: #fff;
      color: inherit; }
      body.page-template-dummy section.call-to-action h2 {
        font-size: 28px; }
      body.page-template-dummy section.call-to-action .btn-wrap {
        text-align: center; }
        body.page-template-dummy section.call-to-action .btn-wrap .ob-btn {
          padding: 12px 25px;
          font-size: 22px;
          font-family: Roboto, sans-serif;
          font-weight: 500; }
  body.page-template-dummy.logged-in h2 {
    max-width: none; }
  body.page-template-dummy.logged-in .welcome-message {
    margin-bottom: 40px;
    margin-top: 30px; }
    body.page-template-dummy.logged-in .welcome-message h3 {
      text-align: center; }
  body.page-template-dummy.logged-in .formatSelection #ob_create_new_book_box {
    margin-bottom: 30px; }
  @media (min-width: 768px) {
    body.page-template-dummy section.testimonials .container {
      padding-left: 15px;
      padding-right: 15px; }
    body.page-template-dummy section.faq #faq-accordion.panel-group .panel .panel-heading h4.panel-title a {
      padding: 20px 40px; }
    body.page-template-dummy section.faq #faq-accordion.panel-group .panel .panel-collapse .panel-body {
      padding: 15px 40px; }
    body.page-template-dummy section.features .feature {
      height: 301px; } }

body.page-template-thank-you-premium .hi,
body.page-template-thank-you-teacher .hi {
  font-size: 22px; }
body.page-template-thank-you-premium h3,
body.page-template-thank-you-teacher h3 {
  margin-bottom: 40px;
  text-transform: uppercase; }
body.page-template-thank-you-premium p,
body.page-template-thank-you-teacher p {
  font-size: 18px; }
  body.page-template-thank-you-premium p.b-600,
  body.page-template-thank-you-teacher p.b-600 {
    font-weight: 600;
    margin-bottom: 20px; }
body.page-template-thank-you-premium i.fa,
body.page-template-thank-you-teacher i.fa {
  color: #69ACF3;
  font-size: 20px;
  margin-right: 7px; }
body.page-template-thank-you-premium ul.premium-benefits,
body.page-template-thank-you-teacher ul.premium-benefits {
  list-style-type: none;
  margin-bottom: 20px;
  padding-left: 20px; }
body.page-template-thank-you-premium li,
body.page-template-thank-you-teacher li {
  font-size: 17px;
  margin-bottom: 7px; }
body.page-template-thank-you-premium .whats-next,
body.page-template-thank-you-teacher .whats-next {
  margin-top: 60px;
  margin-bottom: 30px;
  font-size: 22px; }
body.page-template-thank-you-premium .whats-next-item,
body.page-template-thank-you-teacher .whats-next-item {
  text-align: center;
  color: #354353; }
  body.page-template-thank-you-premium .whats-next-item a,
  body.page-template-thank-you-teacher .whats-next-item a {
    color: inherit; }
    body.page-template-thank-you-premium .whats-next-item a:hover,
    body.page-template-thank-you-teacher .whats-next-item a:hover {
      text-decoration: none; }
  body.page-template-thank-you-premium .whats-next-item .icon,
  body.page-template-thank-you-teacher .whats-next-item .icon {
    margin-bottom: 30px;
    margin-top: 30px; }
    body.page-template-thank-you-premium .whats-next-item .icon i.fa,
    body.page-template-thank-you-teacher .whats-next-item .icon i.fa {
      font-size: 80px;
      color: #043E79; }
  body.page-template-thank-you-premium .whats-next-item .title,
  body.page-template-thank-you-teacher .whats-next-item .title {
    font-size: 18px;
    font-weight: 600; }
  body.page-template-thank-you-premium .whats-next-item p,
  body.page-template-thank-you-teacher .whats-next-item p {
    font-size: 16px;
    line-height: 1.5em;
    margin-left: 45px;
    margin-right: 45px;
    padding-bottom: 30px; }
  body.page-template-thank-you-premium .whats-next-item:hover,
  body.page-template-thank-you-teacher .whats-next-item:hover {
    background-color: #efefef;
    border-radius: 15px;
    -webkit-transition: background-color 500ms linear;
    -ms-transition: background-color 500ms linear;
    transition: background-color 500ms linear; }

body.page-template-upgrade-premium h1 {
  margin-bottom: 40px;
  font-size: 26px;
  line-height: 1.5; }
@media (min-width: 768px) {
  body.page-template-upgrade-premium h1 {
    margin-bottom: 40px;
    font-size: 32px; } }

body.page-template-help-center .page-header {
  line-height: 1.3;
  margin-top: 0; }
body.page-template-help-center .academyArticle .academyArticleTitle {
  font-size: 16px; }

body.single-academy {
  font-size: 16px; }
  body.single-academy .article-header {
    line-height: 1.3;
    margin-top: 0;
    margin-bottom: 25px; }
  body.single-academy .articleTop {
    padding: 20px 0;
    border-bottom: 1px solid #e5e5e5; }
  body.single-academy .breadcrumbs {
    color: #666666; }
  body.single-academy .academyArticle .academyArticleTitle {
    font-size: 16px; }

.helpArticleSidebar {
  border-left: 1px solid #e5e5e5;
  padding: 0 15px; }
  .helpArticleSidebar ul {
    list-style: none;
    padding-left: 15px; }
  .helpArticleSidebar h4 {
    margin-top: 0; }

#author-dashboard {
  margin-top: 20px;
  margin-bottom: 60px; }
  #author-dashboard h3 {
    font-size: 22px; }
  #author-dashboard .author-greet {
    font-size: 16px;
    padding: 0 0 10px;
    margin-bottom: 10px;
    border-bottom: 1px solid #e5e5e5; }
  #author-dashboard .author-dashboard-sidebar {
    padding: 10px;
    margin-top: 5px;
    border: 1px solid #e5e5e5;
    box-shadow: 0 1px 1px #0000000a; }
  #author-dashboard .widget-title {
    font-size: 18px;
    margin-bottom: 15px; }
  #author-dashboard .inspiration-books .bookItemDetails {
    display: none; }
  #author-dashboard .inspiration-books .inspire-others {
    max-width: 212px;
    height: 200px;
    margin: 0 auto;
    padding-top: 45px;
    padding-bottom: 15px;
    font-size: 22px;
    border: 2px dashed #D2973C; }
  #author-dashboard .featured-collections {
    margin: 30px 0;
    padding-top: 30px;
    border-top: 1px solid #e5e5e5; }
    #author-dashboard .featured-collections h3 {
      line-height: 1.2; }
    #author-dashboard .featured-collections .author-image {
      text-align: center; }
      #author-dashboard .featured-collections .author-image img {
        width: 120px; }
    #author-dashboard .featured-collections .collection-link a {
      display: block;
      text-align: center;
      font-size: 22px;
      margin-top: 15px; }
    @media (min-width: 414px) {
      #author-dashboard .featured-collections .author-image {
        margin-right: 30px; }
      #author-dashboard .featured-collections .collection-link a {
        margin-top: 0; } }

body.page-template-mels-collection h1 {
  margin-bottom: 30px; }
body.page-template-mels-collection .collection {
  border-top: 2px solid #69ACF3; }
body.page-template-mels-collection h3 {
  margin-bottom: 20px; }
body.page-template-mels-collection .author-image {
  display: block;
  text-align: center; }
  body.page-template-mels-collection .author-image img {
    max-width: 200px; }
body.page-template-mels-collection .collection-books-slider .bookItem {
  padding: 10px; }
  body.page-template-mels-collection .collection-books-slider .bookItem .bookItemDetails {
    background: none; }
body.page-template-mels-collection .collection-books-slider .slick-prev,
body.page-template-mels-collection .collection-books-slider .slick-next {
  top: 42%; }
  body.page-template-mels-collection .collection-books-slider .slick-prev:before,
  body.page-template-mels-collection .collection-books-slider .slick-next:before {
    font-size: 32px; }
body.page-template-mels-collection ul.social-buttons {
  display: inline-block;
  padding: 10px 0 0;
  list-style-type: none; }
  body.page-template-mels-collection ul.social-buttons li {
    float: left;
    margin-right: 10px; }
    body.page-template-mels-collection ul.social-buttons li i {
      font-size: 40px; }
    body.page-template-mels-collection ul.social-buttons li img {
      width: 40px;
      height: 40px; }

body.page-template-verifyEmail .email-verification-form-container {
  max-width: 400px;
  margin: 40px auto 0;
  border: 1px solid #ccc;
  text-align: center;
  padding: 25px; }
body.page-template-verifyEmail .act-activation-msg {
  font-size: 18px; }
  body.page-template-verifyEmail .act-activation-msg .msg {
    margin-top: 25px; }
  body.page-template-verifyEmail .act-activation-msg .icon i {
    font-size: 85px; }
    body.page-template-verifyEmail .act-activation-msg .icon i.success {
      color: green; }
    body.page-template-verifyEmail .act-activation-msg .icon i.failed {
      color: red; }
body.page-template-verifyEmail .lds-ellipsis {
  display: block;
  position: relative;
  width: 80px;
  height: 80px;
  margin: 0 auto; }
body.page-template-verifyEmail .lds-ellipsis div {
  position: absolute;
  top: 33px;
  width: 13px;
  height: 13px;
  border-radius: 50%;
  background: #69ACF3;
  animation-timing-function: cubic-bezier(0, 1, 1, 0); }
body.page-template-verifyEmail .lds-ellipsis div:nth-child(1) {
  left: 8px;
  animation: lds-ellipsis1 0.6s infinite; }
body.page-template-verifyEmail .lds-ellipsis div:nth-child(2) {
  left: 8px;
  animation: lds-ellipsis2 0.6s infinite; }
body.page-template-verifyEmail .lds-ellipsis div:nth-child(3) {
  left: 32px;
  animation: lds-ellipsis2 0.6s infinite; }
body.page-template-verifyEmail .lds-ellipsis div:nth-child(4) {
  left: 56px;
  animation: lds-ellipsis3 0.6s infinite; }
@keyframes lds-ellipsis1 {
  0% {
    transform: scale(0); }
  100% {
    transform: scale(1); } }
@keyframes lds-ellipsis3 {
  0% {
    transform: scale(1); }
  100% {
    transform: scale(0); } }
@keyframes lds-ellipsis2 {
  0% {
    transform: translate(0, 0); }
  100% {
    transform: translate(24px, 0); } }
/** Forms */
body.page-template-signup h1 {
  font-size: 24px;
  margin-top: 20px;
  margin-bottom: 30px; }
body.page-template-signup .signup-footer {
  max-width: 400px;
  margin: 0 auto;
  padding: 15px;
  border-top: 1px solid #e5e5e5; }
  body.page-template-signup .signup-footer p {
    margin: 0;
    text-align: center;
    font-size: 14px; }
@media (min-width: 414px) {
  body.page-template-signup h1 {
    font-size: 28px; } }

#signup-form-container {
  max-width: 400px;
  margin: 0 auto; }
  #signup-form-container form#signup-form .error.help-block {
    font-size: 13px; }
  #signup-form-container form#signup-form label[for="agreeToTerms"] {
    display: block;
    text-align: center;
    font-size: 13px;
    font-weight: normal; }
    #signup-form-container form#signup-form label[for="agreeToTerms"] input#agreeToTerms {
      width: 14px;
      height: 14px;
      margin: 0;
      padding: 0;
      vertical-align: bottom;
      position: relative;
      top: -1px; }
  #signup-form-container form#signup-form .signup-errors {
    padding: 15px; }
  #signup-form-container form#signup-form .g-recaptcha > div {
    margin: 0 auto; }
  #signup-form-container form#signup-form .fa.fa-exclamation-circle {
    color: #60AF3F;
    font-size: 18px; }

#login-form-container {
  max-width: 400px;
  margin: 0 auto; }
  #login-form-container h1 {
    font-size: 24px;
    margin-top: 20px;
    margin-bottom: 30px; }
  #login-form-container form#login-form .login-errors {
    font-size: 13px;
    color: #a94442; }
  #login-form-container form#login-form .error.help-block {
    font-size: 13px; }
  #login-form-container form#login-form .fa.fa-exclamation-circle {
    color: #60AF3F;
    font-size: 18px; }
  #login-form-container .login-footer {
    padding: 15px;
    text-align: center;
    font-size: 12px;
    border-top: 1px solid #e5e5e5; }
    #login-form-container .login-footer p + p {
      margin: 0; }
  @media (min-width: 414px) {
    #login-form-container h1 {
      font-size: 28px; } }

/** Editor */
/*
 * Book Creation & Edit
 * This is the stylesheet for the book create/edit page (id 26), with the ACF field group id 1289
 */
/**
  Ourboox Color Scheme
 */
#linksInContentModal .modal-dialog .modal-content .modal-header .modal-title {
  line-height: 1.4;
  font-size: 22px; }
#linksInContentModal .modal-dialog .modal-content .modal-body label[for="linksInContentModalDontShowAgain"] {
  text-align: center;
  margin: 15px 0 0; }
#linksInContentModal .modal-dialog .modal-content .modal-footer {
  padding-top: 0; }

#blockUIModal .modal-dialog {
  width: max-content;
  margin-top: 0;
  top: calc(40% - 40px); }
  #blockUIModal .modal-dialog .modal-content {
    background-color: #fff;
    border: 3px solid #043E79;
    box-shadow: none; }
    #blockUIModal .modal-dialog .modal-content .modal-body {
      color: #333;
      text-align: center;
      padding: 20px 40px; }
      #blockUIModal .modal-dialog .modal-content .modal-body p {
        font-size: 24px;
        margin: 0; }

form#ob_acf_frontend_form {
  /** Form fields */
  /** Hide submit button */
  /** Hide 'New Page' button */
  /* Make Square book rows half screen width */
  /* #acf-book_creation tr.row {width:478px;float:left;display:block;}
      #acf-book_creation tr.row:nth-child(odd) {border-right:1px solid #e5e5e5;} */
  /*---------------------------------------------------------------------------------------------
  *	Make the default ACF repeater remove button visible at all times (overriding input.css)
  *---------------------------------------------------------------------------------------------*/
  /*---------------------------------------------------------------------------------------------
  *	Move the default ACF repeater remove button to the top (overriding input.css)
  *---------------------------------------------------------------------------------------------*/
  /*---------------------------------------------------------------------------------------------
  *	Un-hide the "Add Media" button on text book
  *---------------------------------------------------------------------------------------------*/ }
  form#ob_acf_frontend_form > .acf-fields {
    /** Book Title (book_title) */
    /** PDF Placeholder (pdf_placeholder_div) */
    /**
     * Cover, Book direction, Categories
     */
    /* Book Type (book_type) */
    /** Book Description (book_description) */
    /** Allow download (book_allow_download) - PDF Only */
    /** Hide Book Genre & Book Language fields */ }
    form#ob_acf_frontend_form > .acf-fields input[type="text"] {
      font-size: 1.7em;
      height: 1.7em; }
    form#ob_acf_frontend_form > .acf-fields .acf-field-528dd59f32661 {
      padding: 0 0 15px 0; }
      form#ob_acf_frontend_form > .acf-fields .acf-field-528dd59f32661 .acf-label {
        display: none; }
      form#ob_acf_frontend_form > .acf-fields .acf-field-528dd59f32661 .acf-input .acf-input-wrap input[type="text"] {
        width: 100%;
        border: 1px solid #e5e5e5;
        box-shadow: 0 1px 1px #0000000a; }
    form#ob_acf_frontend_form > .acf-fields .acf-field-5b1e7e99d8cd7 .acf-label {
      display: none; }
    form#ob_acf_frontend_form > .acf-fields .acf-tab-wrap {
      background: none; }
    form#ob_acf_frontend_form > .acf-fields .acf-field-repeater > .acf-label {
      display: none; }
    form#ob_acf_frontend_form > .acf-fields .acf-field-repeater .acf-input .acf-repeater > table.acf-table {
      border: none;
      background: #FFF;
      border-collapse: separate;
      border-spacing: 0 20px; }
      form#ob_acf_frontend_form > .acf-fields .acf-field-repeater .acf-input .acf-repeater > table.acf-table tr.acf-row td.acf-fields {
        border: #ddd solid 2px;
        /** Choose Page Type (ourboox_children_text_or_art) */
        /** Text page (ourboox_children_text_page) */
        /** Page content: Artwork (ourboox_children_artwork_page) */ }
        form#ob_acf_frontend_form > .acf-fields .acf-field-repeater .acf-input .acf-repeater > table.acf-table tr.acf-row td.acf-fields .acf-field-529daa2d33519:before {
          display: none; }
        form#ob_acf_frontend_form > .acf-fields .acf-field-repeater .acf-input .acf-repeater > table.acf-table tr.acf-row td.acf-fields .acf-field-529daa2d33519 .acf-label {
          display: none; }
        form#ob_acf_frontend_form > .acf-fields .acf-field-repeater .acf-input .acf-repeater > table.acf-table tr.acf-row td.acf-fields .acf-field-529daa2d33519 .acf-input {
          width: 100%; }
          form#ob_acf_frontend_form > .acf-fields .acf-field-repeater .acf-input .acf-repeater > table.acf-table tr.acf-row td.acf-fields .acf-field-529daa2d33519 .acf-input ul.acf-radio-list li {
            width: 50%;
            margin: 0; }
            form#ob_acf_frontend_form > .acf-fields .acf-field-repeater .acf-input .acf-repeater > table.acf-table tr.acf-row td.acf-fields .acf-field-529daa2d33519 .acf-input ul.acf-radio-list li:first-child {
              display: none; }
            form#ob_acf_frontend_form > .acf-fields .acf-field-repeater .acf-input .acf-repeater > table.acf-table tr.acf-row td.acf-fields .acf-field-529daa2d33519 .acf-input ul.acf-radio-list li label {
              padding: 13px 15px;
              text-align: center;
              font-size: 18px; }
              form#ob_acf_frontend_form > .acf-fields .acf-field-repeater .acf-input .acf-repeater > table.acf-table tr.acf-row td.acf-fields .acf-field-529daa2d33519 .acf-input ul.acf-radio-list li label input {
                margin-right: 10px; }
            form#ob_acf_frontend_form > .acf-fields .acf-field-repeater .acf-input .acf-repeater > table.acf-table tr.acf-row td.acf-fields .acf-field-529daa2d33519 .acf-input ul.acf-radio-list li:hover {
              background-color: #f5f5f5; }
        form#ob_acf_frontend_form > .acf-fields .acf-field-repeater .acf-input .acf-repeater > table.acf-table tr.acf-row td.acf-fields .acf-field-529daa7d3351a:before {
          display: none; }
        form#ob_acf_frontend_form > .acf-fields .acf-field-repeater .acf-input .acf-repeater > table.acf-table tr.acf-row td.acf-fields .acf-field-529daa7d3351a .acf-label {
          display: none; }
        form#ob_acf_frontend_form > .acf-fields .acf-field-repeater .acf-input .acf-repeater > table.acf-table tr.acf-row td.acf-fields .acf-field-529daa7d3351a .acf-input {
          width: 100%; }
        form#ob_acf_frontend_form > .acf-fields .acf-field-repeater .acf-input .acf-repeater > table.acf-table tr.acf-row td.acf-fields .acf-field-529dab1a3351b:before {
          display: none; }
        form#ob_acf_frontend_form > .acf-fields .acf-field-repeater .acf-input .acf-repeater > table.acf-table tr.acf-row td.acf-fields .acf-field-529dab1a3351b .acf-label {
          display: none; }
        form#ob_acf_frontend_form > .acf-fields .acf-field-repeater .acf-input .acf-repeater > table.acf-table tr.acf-row td.acf-fields .acf-field-529dab1a3351b .acf-input {
          width: 100%; }
        form#ob_acf_frontend_form > .acf-fields .acf-field-repeater .acf-input .acf-repeater > table.acf-table tr.acf-row td.acf-fields .acf-field-529dab1a3351b .acf-image-uploader {
          text-align: center;
          -webkit-touch-callout: none;
          /* iOS Safari */
          -webkit-user-select: none;
          /* Chrome/Safari/Opera */
          -moz-user-select: none;
          /* Firefox */
          -ms-user-select: none;
          /* IE/Edge */
          user-select: none; }
          form#ob_acf_frontend_form > .acf-fields .acf-field-repeater .acf-input .acf-repeater > table.acf-table tr.acf-row td.acf-fields .acf-field-529dab1a3351b .acf-image-uploader .image-wrap {
            float: none; }
            form#ob_acf_frontend_form > .acf-fields .acf-field-repeater .acf-input .acf-repeater > table.acf-table tr.acf-row td.acf-fields .acf-field-529dab1a3351b .acf-image-uploader .image-wrap img {
              margin: 0 auto; }
            form#ob_acf_frontend_form > .acf-fields .acf-field-repeater .acf-input .acf-repeater > table.acf-table tr.acf-row td.acf-fields .acf-field-529dab1a3351b .acf-image-uploader .image-wrap .acf-actions .-hover {
              /*            top: 0;
                          right: 0;
                          visibility: visible;
                          opacity: 1;*/ }
      form#ob_acf_frontend_form > .acf-fields .acf-field-repeater .acf-input .acf-repeater > table.acf-table tr.acf-row td.acf-row-handle.order, form#ob_acf_frontend_form > .acf-fields .acf-field-repeater .acf-input .acf-repeater > table.acf-table tr.acf-row td.acf-row-handle.remove {
        background: none;
        border: none; }
      form#ob_acf_frontend_form > .acf-fields .acf-field-repeater .acf-input .acf-repeater > table.acf-table tr.acf-row td.acf-row-handle.order span {
        font-size: 32px; }
    form#ob_acf_frontend_form > .acf-fields .acf-field-533aa1bb3e5b0 {
      display: none; }
    form#ob_acf_frontend_form > .acf-fields .acf-field-52b07da77f61f .acf-input textarea {
      height: 110px;
      min-height: 110px;
      resize: none; }
    form#ob_acf_frontend_form > .acf-fields .acf-field-620bca7e75887 .acf-label {
      display: none; }
    form#ob_acf_frontend_form > .acf-fields .acf-field-5374efc34db5f,
    form#ob_acf_frontend_form > .acf-fields .acf-field-53f9f8534fbf2 {
      display: none; }
  form#ob_acf_frontend_form .acf-form-submit {
    visibility: hidden; }
    form#ob_acf_frontend_form .acf-form-submit input[type="submit"] {
      display: none; }
  form#ob_acf_frontend_form .acf-field-528dd59f339ba a.acf-button[data-event="add-row"] {
    display: none; }
  form#ob_acf_frontend_form .wp-editor-container {
    border: none !important; }
    form#ob_acf_frontend_form .wp-editor-container .mce-tinymce {
      max-width: 600px;
      margin: 0 auto 25px;
      background: #fff;
      border-color: #CCCCCC #CCCCCC #DFDFDF;
      border-style: solid;
      border-radius: 3px 3px 0 0;
      border-width: 1px; }
      form#ob_acf_frontend_form .wp-editor-container .mce-tinymce .mce-path {
        display: none !important; }
      form#ob_acf_frontend_form .wp-editor-container .mce-tinymce .mce-statusbar .mce-wordcount {
        padding: 2px 10px; }
  form#ob_acf_frontend_form .mce-content-body {
    overflow-y: hidden; }
  form#ob_acf_frontend_form #acf-illustrated_by {
    width: 44%;
    float: left;
    clear: left; }
  form#ob_acf_frontend_form #acf-book_artwork_margin {
    float: right;
    width: 44%;
    clear: right; }
  form#ob_acf_frontend_form #acf-book_cover {
    float: right;
    width: 44%;
    clear: right; }
    form#ob_acf_frontend_form #acf-book_cover .acf-image-uploader img {
      margin: 0 auto; }
    form#ob_acf_frontend_form #acf-book_cover .has-image {
      width: 100%; }
    form#ob_acf_frontend_form #acf-book_cover .hover {
      width: 120px;
      top: 0;
      right: 0; }
  form#ob_acf_frontend_form td.mceIframeContainer {
    padding-top: 0 !important;
    padding-left: 0 !important; }
  form#ob_acf_frontend_form .acf_wysiwyg iframe {
    min-height: 320px !important; }
  form#ob_acf_frontend_form .acf-button-add.add-row-before,
  form#ob_acf_frontend_form .acf-button-remove {
    /* margin:0 auto; */ }
  form#ob_acf_frontend_form table.acf-input-table > tbody > tr > td {
    border-right: none; }
  form#ob_acf_frontend_form table.acf_input tbody tr td.label {
    display: none;
    width: 100%; }
  form#ob_acf_frontend_form table.acf-table > div.acf-label {
    display: none; }
  form#ob_acf_frontend_form .repeater > table > tbody > tr > td.remove > a.acf-button-add,
  form#ob_acf_frontend_form .repeater > table > tbody > tr > td.remove > a.acf-button-remove {
    visibility: visible !important;
    opacity: 1 !important; }
  form#ob_acf_frontend_form .repeater > table > thead > tr > th.remove,
  form#ob_acf_frontend_form .repeater > table > tbody > tr > td.remove {
    /* vertical-align: top; */ }
  form#ob_acf_frontend_form .acf-button-remove {
    background-position: -66px -216px; }
    form#ob_acf_frontend_form .acf-button-remove:hover {
      background-position: -66px -266px; }
  form#ob_acf_frontend_form .acf-field-52b07a66206f5 a.button.insert-media.add_media {
    /*[id*='wp-wysiwyg-acf-field-text_book-'][id$='-media-buttons']  {*/
    color: #fff;
    font-size: 14px;
    border: 0;
    border-radius: 0;
    background-color: transparent;
    box-shadow: none;
    margin: 0;
    height: auto;
    width: auto; }
  form#ob_acf_frontend_form .acf-field-52b07a66206f5 a.button.insert-media.add_media .wp-media-buttons-icon {
    font-size: 14px; }
  form#ob_acf_frontend_form .acf-field-52b07a66206f5 .wp-media-buttons {
    display: block;
    background-color: #428bca;
    padding: 7px 0; }
  form#ob_acf_frontend_form tr.row td.acf_input-wrap {
    border: none; }
  form#ob_acf_frontend_form td.label,
  form#ob_acf_frontend_form #acf-text_book td.order {
    display: none; }

body.page-create-edit-book {
  margin-bottom: 0 !important;
  /**
   * Media Modal
   */
  /** Editor Tooltips */ }
  body.page-create-edit-book ul {
    list-style-type: none; }
  body.page-create-edit-book label,
  body.page-create-edit-book .label {
    text-align: left; }
  body.page-create-edit-book .create-book-preview {
    float: right; }
  body.page-create-edit-book #message.updated {
    margin: 0 0 20px; }
    body.page-create-edit-book #message.updated p {
      font-size: 14px; }
  body.page-create-edit-book div.updated,
  body.page-create-edit-book div.error {
    margin: 0 0 20px; }
  body.page-create-edit-book .create-sidebar#editor-vertical-ad {
    width: 204.5px; }
  body.page-create-edit-book .create-sidebar#editor-controls {
    max-width: 300px; }
    body.page-create-edit-book .create-sidebar#editor-controls.affix {
      width: 100%; }
  body.page-create-edit-book .create-sidebar.affix {
    top: 10px;
    z-index: 10 !important; }
  body.page-create-edit-book .create-sidebar .sidebar-box {
    background-color: #fff;
    border: 1px solid #e5e5e5;
    box-shadow: 0 1px 1px #0000000a;
    margin-bottom: 10px;
    font-size: 13px;
    font-weight: normal; }
    body.page-create-edit-book .create-sidebar .sidebar-box .editor-button {
      background: #0085ba;
      border-color: #0073aa #006799 #006799;
      box-shadow: 0 1px 0 #006799;
      color: #fff;
      text-decoration: none;
      text-shadow: 0 -1px 1px #006799, 1px 0 1px #006799, 0 1px 1px #006799, -1px 0 1px #006799; }
    body.page-create-edit-book .create-sidebar .sidebar-box .sidebar-box-title {
      border-bottom: 1px solid #eee;
      padding: 8px 12px; }
      body.page-create-edit-book .create-sidebar .sidebar-box .sidebar-box-title h2 {
        font-size: 14px;
        font-weight: 600;
        margin: 0;
        line-height: 1.4; }
    body.page-create-edit-book .create-sidebar .sidebar-box .sidebar-box-content {
      padding: 6px 10px 8px; }
    body.page-create-edit-book .create-sidebar .sidebar-box .major-actions {
      text-align: right;
      border-top: 1px solid #eee;
      background: #f5f5f5; }
    body.page-create-edit-book .create-sidebar .sidebar-box .share-and-embed {
      text-align: center; }
      body.page-create-edit-book .create-sidebar .sidebar-box .share-and-embed button {
        margin: 0 10px; }
    body.page-create-edit-book .create-sidebar .sidebar-box.upgrade-cta {
      border: 1px solid #FF991F;
      box-shadow: 0 1px 1px #0000000a; }
      body.page-create-edit-book .create-sidebar .sidebar-box.upgrade-cta .sidebar-box-title {
        font-size: 13px;
        font-weight: 550; }
    body.page-create-edit-book .create-sidebar .sidebar-box.editor-tips .sidebar-box-title {
      position: relative; }
      body.page-create-edit-book .create-sidebar .sidebar-box.editor-tips .sidebar-box-title .fa {
        font-size: 20px;
        color: #FF991F;
        position: absolute;
        top: 8px;
        right: 12px; }
    body.page-create-edit-book .create-sidebar .sidebar-box .file-icon {
      flex-basis: 20%;
      text-align: center; }
      body.page-create-edit-book .create-sidebar .sidebar-box .file-icon .fa {
        font-size: 40px; }
        body.page-create-edit-book .create-sidebar .sidebar-box .file-icon .fa.fa-file-pdf-o {
          color: #F40F02; }
    body.page-create-edit-book .create-sidebar .sidebar-box .file-metadata {
      overflow: hidden;
      padding-left: 7px; }
      body.page-create-edit-book .create-sidebar .sidebar-box .file-metadata .file-metadata-item {
        word-wrap: break-word;
        padding: 3px 0; }
        body.page-create-edit-book .create-sidebar .sidebar-box .file-metadata .file-metadata-item strong {
          display: inline; }
        body.page-create-edit-book .create-sidebar .sidebar-box .file-metadata .file-metadata-item.truncate {
          width: 100%;
          white-space: nowrap;
          overflow: hidden;
          text-overflow: ellipsis; }
    body.page-create-edit-book .create-sidebar .sidebar-box ul {
      padding: 0;
      margin: 0; }
      body.page-create-edit-book .create-sidebar .sidebar-box ul li {
        padding: 6px 10px 8px; }
    body.page-create-edit-book .create-sidebar .sidebar-box .current-status {
      margin-left: 10px; }
    body.page-create-edit-book .create-sidebar .sidebar-box a.change-book-status-btn {
      margin-left: 20px;
      cursor: pointer; }
    body.page-create-edit-book .create-sidebar .sidebar-box #bookUrlInput {
      height: auto;
      padding: 3px 6px;
      font-size: 13px; }
    body.page-create-edit-book .create-sidebar .sidebar-box .trash-story {
      text-decoration: underline;
      cursor: pointer;
      float: left; }
      body.page-create-edit-book .create-sidebar .sidebar-box .trash-story i.fa {
        font-size: 18px;
        color: #fff; }
    body.page-create-edit-book .create-sidebar .sidebar-box .sidebar-ad-box {
      padding: 10px; }
  body.page-create-edit-book .floating-footer {
    position: fixed;
    bottom: 0;
    right: 0;
    padding: 12px 0;
    z-index: 20; }
    body.page-create-edit-book .floating-footer .floating-footer-buttons {
      text-align: left; }
      body.page-create-edit-book .floating-footer .floating-footer-buttons i {
        padding-left: 3px; }
  body.page-create-edit-book .media-modal {
    width: 65%;
    margin: 0 auto; }
    body.page-create-edit-book .media-modal .media-modal-close .screen-reader-text {
      display: none; }
    body.page-create-edit-book .media-modal .media-modal-content {
      			/** Screen Reader
                   *	From common.css
                   */
      /* Hide visually but not from screen readers */ }
      body.page-create-edit-book .media-modal .media-modal-content .media-frame .media-frame-menu {
        display: none; }
      body.page-create-edit-book .media-modal .media-modal-content .media-frame .attachments-browser ul.attachments {
        margin-top: 40px; }
      body.page-create-edit-book .media-modal .media-modal-content .media-frame .attachments-browser .media-sidebar .attachment-details {
        /* Hide "edit image" link */ }
        body.page-create-edit-book .media-modal .media-modal-content .media-frame .attachments-browser .media-sidebar .attachment-details a.edit-attachment {
          display: none; }
        body.page-create-edit-book .media-modal .media-modal-content .media-frame .attachments-browser .media-sidebar .attachment-details label.setting[data-setting="url"], body.page-create-edit-book .media-modal .media-modal-content .media-frame .attachments-browser .media-sidebar .attachment-details label.setting[data-setting="description"], body.page-create-edit-book .media-modal .media-modal-content .media-frame .attachments-browser .media-sidebar .attachment-details label.setting[data-setting="caption"] {
          display: none; }
      body.page-create-edit-book .media-modal .media-modal-content .screen-reader-text,
      body.page-create-edit-book .media-modal .media-modal-content .screen-reader-text span,
      body.page-create-edit-book .media-modal .media-modal-content .ui-helper-hidden-accessible {
        border: 0;
        clip: rect(1px, 1px, 1px, 1px);
        -webkit-clip-path: inset(50%);
        clip-path: inset(50%);
        height: 1px;
        margin: -1px;
        overflow: hidden;
        padding: 0;
        position: absolute;
        width: 1px;
        word-wrap: normal !important;
        /* many screen reader and browser combinations announce broken words as they would appear visually */ }
      body.page-create-edit-book .media-modal .media-modal-content .screen-reader-shortcut {
        position: absolute;
        top: -1000em; }
      body.page-create-edit-book .media-modal .media-modal-content .screen-reader-shortcut:focus {
        left: 6px;
        top: -25px;
        height: auto;
        width: auto;
        display: block;
        font-size: 14px;
        font-weight: 600;
        padding: 15px 23px 14px;
        background: #f1f1f1;
        color: #0073aa;
        z-index: 100000;
        line-height: normal;
        box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
        text-decoration: none;
        outline: none; }

.acf-loading {
  float: right;
  /*background: transparent url(../img/tail-spin.svg) no-repeat 50% 50%;*/ }

td.custom_remove {
  text-align: right; }

a.custom_remove_button {
  width: 20px;
  height: 20px;
  color: red;
  font-size: 20px;
  line-height: 20px; }

div#misc-publishing-actions label[for=post_status]:before,
#post-body #visibility:before,
#post-body .misc-pub-revisions:before,
.curtime #timestamp:before,
span.wp-media-buttons-icon:before {
  color: #fff; }

/**
 *	Editor Footer
 */
#footer-create {
  display: none;
  position: fixed;
  bottom: 0;
  width: 100%;
  padding: 12px 0;
  /*height: 60px;*/
  background-color: #fff;
  -webkit-box-shadow: 0px 3px 11px rgba(50, 50, 50, 0.58);
  -moz-box-shadow: 0px 3px 11px rgba(50, 50, 50, 0.58);
  box-shadow: 0px 3px 11px rgba(50, 50, 50, 0.58); }
  #footer-create .nav {
    margin: 0; }
    #footer-create .nav.navbar-left li {
      margin-right: 10px; }
      #footer-create .nav.navbar-left li a.published-book-url,
      #footer-create .nav.navbar-left li a.shareable-draft-url {
        font-size: 12px;
        padding: 0;
        display: block;
        margin-right: 5px; }
      #footer-create .nav.navbar-left li a.publish-story,
      #footer-create .nav.navbar-left li a.un-publish-story {
        cursor: pointer;
        margin-top: 16px;
        padding: 0;
        display: inline-block;
        margin-right: 5px; }
      #footer-create .nav.navbar-left li a.publish-story ~ .fa,
      #footer-create .nav.navbar-left li a.un-publish-story ~ .fa {
        color: #5bc0de;
        font-size: 22px;
        cursor: pointer; }
      #footer-create .nav.navbar-left li a.publish-story:hover,
      #footer-create .nav.navbar-left li a.shareable-draft-url:hover,
      #footer-create .nav.navbar-left li a.published-book-url:hover,
      #footer-create .nav.navbar-left li a.un-publish-story:hover {
        background-color: transparent;
        text-decoration: underline; }
  #footer-create ul#footer-book-buttons {
    margin: 12px 0 0; }
    #footer-create ul#footer-book-buttons li button,
    #footer-create ul#footer-book-buttons li a {
      font-size: 16px;
      font-weight: normal; }
    #footer-create ul#footer-book-buttons li a {
      display: inline-block;
      padding: 6px 12px; }
    #footer-create ul#footer-book-buttons.nav > li {
      margin-left: 5px;
      float: left; }
    #footer-create ul#footer-book-buttons.nav > li > a.preview-book {
      line-height: normal; }
    #footer-create ul#footer-book-buttons.nav > li > a.preview-book:hover, #footer-create ul#footer-book-buttons.nav > li > a.preview-book:focus, #footer-create ul#footer-book-buttons.nav > li > a.preview-book:active {
      background-color: #ec971f;
      border-color: #d58512; }

/*
 * CREATE FOOTER CONTROLS & site-wide input[type="submit"]
 * ---------------------------------------------------------*
 */
/* input[type="submit"], */
/**
 *	Tooltips
 */
.tooltip-inner {
  max-width: 350px;
  /* If max-width does not work, try using width instead */
  width: 350px; }

/**
 *	Change Page Type Warning Modal
 */
/** Components */
section.pricing-table {
  font-size: 13px;
  /**
    Second style
   */ }
  section.pricing-table.blue-gradient {
    background: -webkit-linear-gradient(50deg, #69ACF3, #043E79) !important;
    background: -o-linear-gradient(50deg, #69ACF3, #043E79) !important;
    background: linear-gradient(40deg, #69ACF3, #043E79) !important; }
  section.pricing-table .grey-text {
    color: #9e9e9e; }
  section.pricing-table .panel {
    -webkit-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s;
    -webkit-border-radius: 15px;
    border-radius: 15px; }
    section.pricing-table .panel .panel-title {
      font-size: 16px;
      letter-spacing: .2rem;
      font-weight: 500;
      color: #9e9e9e;
      margin-bottom: 12px; }
    section.pricing-table .panel .panel-price {
      font-size: 43px;
      font-weight: 400; }
    section.pricing-table .panel .panel-price .term {
      font-size: 14px; }
    section.pricing-table .panel .fa-ul {
      margin-right: 20px;
      margin-left: 40px;
      margin-bottom: 16px; }
      section.pricing-table .panel .fa-ul li:not(:last-child) {
        margin-bottom: 20px; }
  @media (min-width: 992px) {
    section.pricing-table .panel:hover {
      -webkit-box-shadow: 0 0.5rem 1rem 0 rgba(0, 0, 0, 0.3);
      box-shadow: 0 0.5rem 1rem 0 rgba(0, 0, 0, 0.3); } }
  section.pricing-table .table-responsive {
    border: none; }
  section.pricing-table .table {
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
    border: 1px solid transparent;
    background-color: #fff; }
    section.pricing-table .table thead tr td {
      text-align: center;
      text-transform: uppercase;
      font-size: 16px;
      letter-spacing: .2rem;
      font-weight: 500;
      color: #9e9e9e;
      margin-bottom: 12px;
      padding: 12px 10px; }
    section.pricing-table .table thead tr.price-row td {
      border: none;
      letter-spacing: 0;
      text-transform: none;
      color: #222;
      font-size: 18px;
      font-weight: 700; }
    section.pricing-table .table tbody tr td {
      padding: 12px 10px;
      white-space: normal; }
      section.pricing-table .table tbody tr td i.fa {
        color: #69ACF3;
        font-size: 20px; }
      section.pricing-table .table tbody tr td.free-col, section.pricing-table .table tbody tr td.pro-col {
        text-align: center;
        vertical-align: middle; }
    section.pricing-table .table tfoot tr td .ob-btn {
      font-size: 15px;
      padding: 6px 12px; }
  @media (min-width: 768px) {
    section.pricing-table {
      font-size: 16px; }
      section.pricing-table .table thead tr td {
        font-size: 16px;
        margin-bottom: 12px;
        padding: 12px 10px; }
        section.pricing-table .table thead tr td.features-column {
          width: 60%; }
      section.pricing-table .table thead tr.price-row td {
        font-size: 20px; } }

.loading {
  text-align: center;
  padding: calc(50% - 62px) 0; }
  .loading .loading-img {
    margin-bottom: 15px; }
  .loading p {
    margin: 0;
    font-size: 17px; }

/** My Books Widget */
.my-books-widget .author-my-books-widget-title {
  font-size: 18px;
  margin-bottom: 15px; }
.my-books-widget .author-my-books-widget-stats {
  margin-bottom: 10px; }
.my-books-widget .recently-edited-title {
  font-size: 16px;
  font-weight: 300;
  margin-bottom: 10px; }
.my-books-widget .author-my-books-widget-book-item {
  overflow: hidden;
  margin-bottom: 15px; }
  .my-books-widget .author-my-books-widget-book-item:last-child {
    margin-bottom: 0; }
  .my-books-widget .author-my-books-widget-book-item .author-my-books-widget-book-item-thumbnail {
    flex-shrink: 0;
    width: 64px;
    height: 64px;
    margin-right: 10px;
    padding: 2px;
    border: 1px solid #ddd;
    border-radius: 4px; }
    .my-books-widget .author-my-books-widget-book-item .author-my-books-widget-book-item-thumbnail img {
      max-height: 58px;
      margin: 0 auto; }
  .my-books-widget .author-my-books-widget-book-item .author-my-books-widget-book-item-body {
    min-width: 0; }
    .my-books-widget .author-my-books-widget-book-item .author-my-books-widget-book-item-body .author-my-books-widget-book-item-title {
      overflow: hidden;
      text-overflow: ellipsis;
      display: -webkit-box;
      -webkit-line-clamp: 2;
      -webkit-box-orient: vertical; }
    .my-books-widget .author-my-books-widget-book-item .author-my-books-widget-book-item-body .author-my-books-widget-book-item-options ul {
      list-style-type: none;
      padding: 0;
      margin: 0 0 5px; }
      .my-books-widget .author-my-books-widget-book-item .author-my-books-widget-book-item-body .author-my-books-widget-book-item-options ul li {
        display: inline-block;
        font-size: 13px;
        border-right: 1px solid #333;
        padding-right: 3px; }
        .my-books-widget .author-my-books-widget-book-item .author-my-books-widget-book-item-body .author-my-books-widget-book-item-options ul li:last-child {
          border-right: none;
          padding-right: 0; }
.my-books-widget .author-my-books-widget-footer {
  text-align: right; }

.my-profile-widget .my-profile-widget-avatar {
  width: 64px;
  height: 64px;
  margin-right: 10px; }
  .my-profile-widget .my-profile-widget-avatar img {
    max-height: 58px;
    margin: 0 auto; }
.my-profile-widget .my-profile-widget-body {
  flex-grow: 1; }
  .my-profile-widget .my-profile-widget-body .my-profile-widget-user-name {
    font-size: 16px; }
  .my-profile-widget .my-profile-widget-body .my-profile-widget-edit-link {
    text-align: right; }

.formatSelection {
  max-width: 850px;
  padding: 20px;
  outline: 2px dashed #92b0b3;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 60px; }
  .formatSelection .title {
    margin-bottom: 0; }
  .formatSelection .formatBox {
    display: flex;
    flex: 1 0 0%;
    flex-direction: column;
    align-items: center;
    justify-content: center; }
  .formatSelection #html5-create {
    padding: 30px 20px; }
  .formatSelection #pdf-create {
    padding: 30px 20px; }
    .formatSelection #pdf-create a {
      margin-bottom: 15px; }
    .formatSelection #pdf-create + .tooltip {
      font-size: 15px; }
      .formatSelection #pdf-create + .tooltip .tooltip-arrow {
        border-bottom-color: #fff; }
      .formatSelection #pdf-create + .tooltip .tooltip-inner {
        color: #000;
        background-color: #fff;
        border: 1px solid #FF991F;
        border-radius: 6px; }
        .formatSelection #pdf-create + .tooltip .tooltip-inner:before {
          font-family: "FontAwesome";
          font-weight: 900;
          content: "\f005";
          color: #FF991F;
          margin-right: 10px; }
  .formatSelection .format-desc {
    color: #757070;
    font-size: 13px;
    margin: 0; }

/** Embed Code Creator */
#embed-code-creator {
  /**
    * Radio Button Images
    * CodePen: https://codepen.io/DavidBradbury/pen/HuCqx
   */
  /* Stuff after this is only to make things more pretty */ }
  #embed-code-creator p {
    margin-top: 0; }
  @media (min-width: 768px) {
    #embed-code-creator .row.equal {
      display: flex;
      flex-wrap: wrap; } }
  #embed-code-creator form#embed-code-inputs fieldset p {
    font-weight: 600;
    text-align: left; }
  #embed-code-creator form#embed-code-inputs fieldset.fieldset-embed-mode {
    text-align: left;
    margin-bottom: 15px; }
    #embed-code-creator form#embed-code-inputs fieldset.fieldset-embed-mode label {
      height: 100%;
      margin-bottom: 0;
      padding: 8px;
      background-color: #fff;
      border-radius: 3px;
      font-weight: 600; }
      #embed-code-creator form#embed-code-inputs fieldset.fieldset-embed-mode label .embed-type-desc {
        display: block;
        margin-top: 2px;
        font-size: 13px;
        font-weight: 400; }
  #embed-code-creator form#embed-code-inputs fieldset.fieldset-embed-code {
    margin-bottom: 15px; }
    #embed-code-creator form#embed-code-inputs fieldset.fieldset-embed-code .copyBox {
      margin-top: 15px; }
      #embed-code-creator form#embed-code-inputs fieldset.fieldset-embed-code .copyBox .copyBtn {
        float: right; }
        #embed-code-creator form#embed-code-inputs fieldset.fieldset-embed-code .copyBox .copyBtn.btn {
          border-radius: 0;
          background-color: #428bca;
          color: #fff; }
        #embed-code-creator form#embed-code-inputs fieldset.fieldset-embed-code .copyBox .copyBtn:hover {
          background-color: #69ACF3; }
      #embed-code-creator form#embed-code-inputs fieldset.fieldset-embed-code .copyBox .linkCopiedMsg {
        float: right;
        display: inline-block;
        padding: 6px 12px;
        font-size: 15px; }
  #embed-code-creator form#embed-code-inputs label {
    display: inline-block;
    font-weight: normal;
    margin-bottom: 15px; }
  #embed-code-creator form#embed-code-inputs textarea {
    padding: 10px;
    height: 100px;
    width: 100%;
    resize: none; }
  #embed-code-creator .previewContainer p {
    font-weight: 600;
    text-align: left; }
  #embed-code-creator .previewContainer .previewPane {
    border: 1px solid #ccc;
    text-align: center; }
    #embed-code-creator .previewContainer .previewPane iframe {
      display: block; }
  #embed-code-creator .input-hidden {
    position: absolute;
    left: -9999px; }
  #embed-code-creator input[type=radio]:checked + label {
    border: 1px solid #fff;
    box-shadow: 0 0 1px 3px #69ACF3; }
  #embed-code-creator input[type=radio] + label > img {
    border: 1px dashed #444;
    width: 150px;
    height: 150px;
    transition: 500ms all; }
  #embed-code-creator input[type=radio]:checked + label > img {
    transform: rotateZ(-10deg) rotateX(10deg); }

/** Slick Slider **/
/* Slider */
.slick-slider {
  position: relative;
  display: block;
  box-sizing: border-box;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent; }

.slick-list {
  position: relative;
  overflow: hidden;
  display: block;
  margin: 0;
  padding: 0; }
  .slick-list:focus {
    outline: none; }
  .slick-list.dragging {
    cursor: pointer;
    cursor: hand; }

.slick-slider .slick-track,
.slick-slider .slick-list {
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0); }

.slick-track {
  position: relative;
  left: 0;
  top: 0;
  display: block;
  margin-left: auto;
  margin-right: auto; }
  .slick-track:before, .slick-track:after {
    content: "";
    display: table; }
  .slick-track:after {
    clear: both; }
  .slick-loading .slick-track {
    visibility: hidden; }

.slick-slide {
  float: left;
  height: 100%;
  min-height: 1px;
  display: none; }
  [dir="rtl"] .slick-slide {
    float: right; }
  .slick-slide img {
    display: block; }
  .slick-slide.slick-loading img {
    display: none; }
  .slick-slide.dragging img {
    pointer-events: none; }
  .slick-initialized .slick-slide {
    display: block; }
  .slick-loading .slick-slide {
    visibility: hidden; }
  .slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent; }

.slick-arrow.slick-hidden {
  display: none; }

/* Slider */
.slick-loading .slick-list {
  background: #fff url("assets/slick/ajax-loader.gif") center center no-repeat; }

/* Icons */
@font-face {
  font-family: "slick";
  src: url("assets/slick/fonts/slick.eot");
  src: url("assets/slick/fonts/slick.eot?#iefix") format("embedded-opentype"), url("assets/slick/fonts/slick.woff") format("woff"), url("assets/slick/fonts/slick.ttf") format("truetype"), url("assets/slick/fonts/slick.svg#slick") format("svg");
  font-weight: normal;
  font-style: normal; }
/* Arrows */
.slick-prev,
.slick-next {
  position: absolute;
  display: block;
  height: 20px;
  width: 20px;
  line-height: 0px;
  font-size: 0px;
  cursor: pointer;
  background: transparent;
  color: transparent;
  top: 50%;
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  transform: translate(0, -50%);
  padding: 0;
  border: none;
  outline: none; }
  .slick-prev:hover, .slick-prev:focus,
  .slick-next:hover,
  .slick-next:focus {
    outline: none;
    background: transparent;
    color: transparent; }
    .slick-prev:hover:before, .slick-prev:focus:before,
    .slick-next:hover:before,
    .slick-next:focus:before {
      opacity: 1; }
  .slick-prev.slick-disabled:before,
  .slick-next.slick-disabled:before {
    opacity: 0.25; }
  .slick-prev:before,
  .slick-next:before {
    font-family: "slick";
    font-size: 20px;
    line-height: 1;
    color: #69ACF3;
    opacity: 0.75;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale; }

.slick-prev {
  left: -25px; }
  [dir="rtl"] .slick-prev {
    left: auto;
    right: -25px; }
  .slick-prev:before {
    content: "←"; }
    [dir="rtl"] .slick-prev:before {
      content: "→"; }

.slick-next {
  right: -25px; }
  [dir="rtl"] .slick-next {
    left: -25px;
    right: auto; }
  .slick-next:before {
    content: "→"; }
    [dir="rtl"] .slick-next:before {
      content: "←"; }

/* Dots */
.slick-dotted.slick-slider {
  margin-bottom: 30px; }

.slick-dots {
  position: absolute;
  bottom: -25px;
  list-style: none;
  display: block;
  text-align: center;
  padding: 0;
  margin: 0;
  width: 100%; }
  .slick-dots li {
    position: relative;
    display: inline-block;
    height: 20px;
    width: 20px;
    margin: 0 5px;
    padding: 0;
    cursor: pointer; }
    .slick-dots li button {
      border: 0;
      background: transparent;
      display: block;
      height: 20px;
      width: 20px;
      outline: none;
      line-height: 0px;
      font-size: 0px;
      color: transparent;
      padding: 5px;
      cursor: pointer; }
      .slick-dots li button:hover, .slick-dots li button:focus {
        outline: none; }
        .slick-dots li button:hover:before, .slick-dots li button:focus:before {
          opacity: 1; }
      .slick-dots li button:before {
        position: absolute;
        top: 0;
        left: 0;
        content: "•";
        width: 20px;
        height: 20px;
        font-family: "slick";
        font-size: 6px;
        line-height: 20px;
        text-align: center;
        color: black;
        opacity: 0.25;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale; }
    .slick-dots li.slick-active button:before {
      color: black;
      opacity: 0.75; }

/** Modals */
.modal-dialog .modal-content {
  border-radius: 0;
  background-color: #E4E9EC;
  border: none; }
  .modal-dialog .modal-content .modal-header {
    border: none;
    background-color: #428bca; }
    .modal-dialog .modal-content .modal-header button.close {
      font-size: 30px; }
    .modal-dialog .modal-content .modal-header .modal-title {
      color: #fff;
      margin: 0; }
      .modal-dialog .modal-content .modal-header .modal-title i.fa {
        font-size: 24px; }

#ShareModal .modal-dialog .modal-content {
  padding: 0 15px;
  border-radius: 13px;
  background-color: #fff;
  border: none;
  color: #212529; }
  #ShareModal .modal-dialog .modal-content .modal-header {
    border-bottom: 1px solid #e9ecef;
    background-color: #fff; }
    #ShareModal .modal-dialog .modal-content .modal-header button.close {
      font-size: 30px; }
    #ShareModal .modal-dialog .modal-content .modal-header h4.modal-title {
      color: #212529;
      font-weight: 600; }
  #ShareModal .modal-dialog .modal-content .modal-body h5 {
    font-weight: 600;
    font-size: 16px; }
  #ShareModal .modal-dialog .modal-content .modal-body .share-buttons {
    border-bottom: 1px solid #e9ecef;
    padding-bottom: 15px; }
  #ShareModal .modal-dialog .modal-content .modal-body p {
    margin: 0 0 10px; }
  #ShareModal .modal-dialog .modal-content .modal-body .ob-share-modal-sharing-container {
    display: flex;
    flex-wrap: wrap; }
    #ShareModal .modal-dialog .modal-content .modal-body .ob-share-modal-sharing-container .social-icon {
      flex-basis: 25%; }
      #ShareModal .modal-dialog .modal-content .modal-body .ob-share-modal-sharing-container .social-icon a {
        display: block;
        text-align: center;
        color: #3b3b3b; }
        #ShareModal .modal-dialog .modal-content .modal-body .ob-share-modal-sharing-container .social-icon a span {
          display: block;
          margin: 0 auto;
          border-radius: 50%;
          width: 61px;
          height: 61px;
          background-color: aliceblue;
          padding: 4px;
          border: 1px solid #dee2e6; }
        #ShareModal .modal-dialog .modal-content .modal-body .ob-share-modal-sharing-container .social-icon a p {
          text-transform: capitalize;
          margin-bottom: 16px; }
        #ShareModal .modal-dialog .modal-content .modal-body .ob-share-modal-sharing-container .social-icon a img {
          width: 26px;
          height: 26px;
          position: relative;
          top: 13px; }
        #ShareModal .modal-dialog .modal-content .modal-body .ob-share-modal-sharing-container .social-icon a i {
          background-color: aliceblue;
          font-size: 26px; }
          #ShareModal .modal-dialog .modal-content .modal-body .ob-share-modal-sharing-container .social-icon a i:before {
            position: relative;
            top: 13px; }
  #ShareModal .modal-dialog .modal-content .copyLinkBox #copyLinkInput {
    display: inline-block;
    width: 83.33333333%;
    height: 40px;
    background-color: #e6e2e2;
    border: none;
    float: left;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0; }
  #ShareModal .modal-dialog .modal-content .copyLinkBox .copyLinkBtn {
    width: 16.66666667%;
    max-width: 44px;
    height: 40px;
    float: left; }
    #ShareModal .modal-dialog .modal-content .copyLinkBox .copyLinkBtn.btn {
      border-top-left-radius: 0;
      border-bottom-left-radius: 0;
      background-color: #e6e2e2;
      color: #212529;
      border: none; }
    #ShareModal .modal-dialog .modal-content .copyLinkBox .copyLinkBtn:hover {
      background-color: #69ACF3; }
  #ShareModal .modal-dialog .modal-content .copyLinkBox .linkCopiedMsg {
    display: inline-block;
    font-size: 11px; }
  #ShareModal .modal-dialog .modal-content .modal-footer {
    text-align: left;
    color: #212529; }
    #ShareModal .modal-dialog .modal-content .modal-footer label {
      display: block;
      font-weight: 600;
      font-size: 16px;
      margin-bottom: 8px; }

/**
   *  Avatar Upload Box
   */
.modal#avatarUploadModal .modal-dialog .modal-content .modal-header .modal-title {
  margin-bottom: 0 !important;
  text-align: left;
  font-weight: 500; }

#ob_avatar_drag_and_drop_uploader {
  width: 100%;
  text-align: center;
  margin: 0 auto; }
  #ob_avatar_drag_and_drop_uploader h1 {
    font-size: 42px;
    font-weight: 300;
    color: #0f3c4b;
    margin-bottom: 40px; }
    #ob_avatar_drag_and_drop_uploader h1 a:hover,
    #ob_avatar_drag_and_drop_uploader h1 a:focus {
      color: #69ACF3; }
  #ob_avatar_drag_and_drop_uploader nav {
    margin-bottom: 40px; }
    #ob_avatar_drag_and_drop_uploader nav a {
      border-bottom: 2px solid #c8dadf;
      display: inline-block;
      padding: 4px 8px;
      margin: 0 5px; }
      #ob_avatar_drag_and_drop_uploader nav a.is-selected {
        font-weight: 700;
        color: #69ACF3;
        border-bottom-color: currentColor; }
      #ob_avatar_drag_and_drop_uploader nav a:not(.is-selected):hover, #ob_avatar_drag_and_drop_uploader nav a:not(.is-selected):focus {
        border-bottom-color: #0f3c4b; }
  #ob_avatar_drag_and_drop_uploader footer {
    color: #92b0b3;
    margin-top: 40px; }
  #ob_avatar_drag_and_drop_uploader footer p + p {
    margin-top: 1em; }
  #ob_avatar_drag_and_drop_uploader footer a:hover,
  #ob_avatar_drag_and_drop_uploader footer a:focus {
    color: #69ACF3; }
  #ob_avatar_drag_and_drop_uploader #progress_bar {
    margin: 10px 0;
    padding: 3px;
    border: 1px solid #000;
    font-size: 14px;
    clear: both;
    opacity: 0;
    -moz-transition: opacity 1s linear;
    -o-transition: opacity 1s linear;
    -webkit-transition: opacity 1s linear; }
  #ob_avatar_drag_and_drop_uploader #progress_bar.loading {
    opacity: 1.0; }
  #ob_avatar_drag_and_drop_uploader #progress_bar .percent {
    background-color: #99ccff;
    height: auto;
    width: 0; }
  #ob_avatar_drag_and_drop_uploader .svg-wrap {
    width: 95px;
    margin: 0 auto; }
    #ob_avatar_drag_and_drop_uploader .svg-wrap svg {
      width: 100%;
      height: 100%; }
  #ob_avatar_drag_and_drop_uploader .upload-btn {
    box-shadow: none; }
  #ob_avatar_drag_and_drop_uploader .box {
    height: 100%;
    font-size: 1.25rem;
    /* 20 */
    position: relative;
    padding: 30px 30px;
    outline: 2px dashed #92b0b3;
    outline-offset: -10px;
    -webkit-transition: outline-offset .15s ease-in-out, background-color .15s linear;
    transition: outline-offset .15s ease-in-out, background-color .15s linear; }
    #ob_avatar_drag_and_drop_uploader .box .title {
      font-weight: 300;
      margin-top: 0;
      margin-bottom: 30px; }
    #ob_avatar_drag_and_drop_uploader .box.has-advanced-upload {
      outline: 2px dashed #92b0b3;
      outline-offset: -10px;
      -webkit-transition: outline-offset .15s ease-in-out, background-color .15s linear;
      transition: outline-offset .15s ease-in-out, background-color .15s linear; }
  #ob_avatar_drag_and_drop_uploader .box.is-dragover {
    outline-offset: -17px;
    outline-color: #69ACF3;
    background-color: #fff; }
  #ob_avatar_drag_and_drop_uploader .box__dragndrop,
  #ob_avatar_drag_and_drop_uploader .box__icon {
    display: none; }
  #ob_avatar_drag_and_drop_uploader .box.has-advanced-upload .box__dragndrop {
    display: inline; }
  #ob_avatar_drag_and_drop_uploader .box.has-advanced-upload .box__icon {
    width: 100%;
    height: 80px;
    fill: #69ACF3;
    display: block;
    margin-bottom: 20px; }
  #ob_avatar_drag_and_drop_uploader .supported-file-types {
    color: #777;
    line-height: 34px;
    font-size: 13px; }
  #ob_avatar_drag_and_drop_uploader .box.is-uploading .box__input,
  #ob_avatar_drag_and_drop_uploader .box.is-success .box__input,
  #ob_avatar_drag_and_drop_uploader .box.is-error .box__input {
    visibility: hidden; }
  #ob_avatar_drag_and_drop_uploader .box__uploading,
  #ob_avatar_drag_and_drop_uploader .box__success,
  #ob_avatar_drag_and_drop_uploader .box__error {
    display: none; }
  #ob_avatar_drag_and_drop_uploader .box__error span {
    display: block;
    margin: 10px 0 0; }
  #ob_avatar_drag_and_drop_uploader .box.is-uploading .box__uploading,
  #ob_avatar_drag_and_drop_uploader .box.is-success .box__success,
  #ob_avatar_drag_and_drop_uploader .box.is-error .box__error {
    display: block;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%); }
  #ob_avatar_drag_and_drop_uploader .box.is-uploading .box__uploading,
  #ob_avatar_drag_and_drop_uploader .box.is-success .box__success,
  #ob_avatar_drag_and_drop_uploader .box.is-error .box__error {
    color: #222222;
    font-size: 16px; }
  #ob_avatar_drag_and_drop_uploader .box__uploading {
    font-style: italic; }
  #ob_avatar_drag_and_drop_uploader .box__success {
    -webkit-animation: appear-from-inside .25s ease-in-out;
    animation: appear-from-inside .25s ease-in-out; }
@-webkit-keyframes appear-from-inside {
  from {
    -webkit-transform: translateY(-50%) scale(0); }
  75% {
    -webkit-transform: translateY(-50%) scale(1.1); }
  to {
    -webkit-transform: translateY(-50%) scale(1); } }
@keyframes appear-from-inside {
  from {
    transform: translateY(-50%) scale(0); }
  75% {
    transform: translateY(-50%) scale(1.1); }
  to {
    transform: translateY(-50%) scale(1); } }
  #ob_avatar_drag_and_drop_uploader .box__restart {
    font-weight: 700; }
  #ob_avatar_drag_and_drop_uploader .box__restart:focus,
  #ob_avatar_drag_and_drop_uploader .box__restart:hover {
    color: #69ACF3; }
  #ob_avatar_drag_and_drop_uploader .box__button {
    font-weight: 700;
    color: #e5edf1;
    background-color: #69ACF3;
    display: none;
    padding: 8px 16px;
    margin: 40px auto 0; }
    #ob_avatar_drag_and_drop_uploader .box__button:hover, #ob_avatar_drag_and_drop_uploader .box__button:focus {
      background-color: #0f3c4b; }

.js .box__file {
  width: 0.1px;
  height: 0.1px;
  opacity: 0;
  overflow: hidden;
  position: absolute;
  z-index: -1; }

.js .box__file + label {
  font-weight: normal;
  font-size: 14px;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: block;
  overflow: hidden;
  color: #222222;
  margin: 0; }
  .js .box__file + label strong {
    cursor: pointer; }
  .js .box__file + label:focus {
    outline: none; }

.js .box__file + label:hover strong,
.box__file:focus + label strong,
.box__file.has-focus + label strong {
  color: #69ACF3; }

.js .box__file:focus + label,
.js .box__file.has-focus + label {
  outline: 1px dotted #000; }

.js .box__file + label * {
  /* pointer-events: none; */
  /* in case of FastClick lib use */ }

.no-js .box__file + label {
  display: none; }
.no-js .box__button {
  display: block; }

#embedModal .modal-dialog {
  width: calc(100% - 40px);
  max-width: 1100px; }
  @media (min-width: 992px) {
    #embedModal .modal-dialog {
      width: 80%; } }
  #embedModal .modal-dialog .modal-content {
    border-radius: 0;
    background-color: #E4E9EC;
    border: none; }
    #embedModal .modal-dialog .modal-content .modal-header {
      border: none;
      background-color: #428bca; }
      #embedModal .modal-dialog .modal-content .modal-header button.close {
        font-size: 30px; }
      #embedModal .modal-dialog .modal-content .modal-header h4.modal-title {
        color: #fff; }
    #embedModal .modal-dialog .modal-content .modal-footer {
      display: none; }

#upgradeModal {
  font-family: 'Open Sans', sans-serif; }
  #upgradeModal .modal-dialog {
    max-width: 460px; }
    #upgradeModal .modal-dialog .modal-content {
      border-radius: 0;
      background-color: #fff;
      border: none; }
      #upgradeModal .modal-dialog .modal-content .modal-header {
        border: none;
        background-image: url(https://s3-eu-west-1.amazonaws.com/ourboox-media-prod/frontend/ob_footer_bg_optimized.png);
        background-repeat: repeat-x;
        background-size: cover; }
        #upgradeModal .modal-dialog .modal-content .modal-header button.close {
          font-size: 30px; }
        #upgradeModal .modal-dialog .modal-content .modal-header .modal-title {
          margin: 0;
          text-align: left;
          color: #fff;
          font-size: 17px;
          font-weight: 500; }
        #upgradeModal .modal-dialog .modal-content .modal-header .fa {
          color: #FFC808; }
      #upgradeModal .modal-dialog .modal-content .modal-body h4 {
        margin: 20px 0 30px;
        line-height: 1.4;
        font-weight: 500; }
      #upgradeModal .modal-dialog .modal-content .modal-body .fa {
        color: #12b886;
        font-size: 20px;
        margin-right: 4px; }
      #upgradeModal .modal-dialog .modal-content .modal-body ul {
        list-style-type: none;
        width: 85%;
        margin: 0 auto;
        padding-left: 35px;
        font-weight: 550; }
        #upgradeModal .modal-dialog .modal-content .modal-body ul li {
          padding: 3px 0; }
      #upgradeModal .modal-dialog .modal-content .modal-body .cta {
        margin: 30px 0 20px;
        text-align: center; }
      #upgradeModal .modal-dialog .modal-content .modal-footer {
        display: none; }

#newBookModal {
  font-family: 'Open Sans', sans-serif; }
  #newBookModal .modal-dialog {
    max-width: 460px; }
    #newBookModal .modal-dialog .modal-content {
      border-radius: 0;
      background-color: #fff;
      border: none; }
      #newBookModal .modal-dialog .modal-content .modal-header {
        background-image: url(https://s3-eu-west-1.amazonaws.com/ourboox-media-prod/frontend/ob_footer_bg_optimized.png);
        background-repeat: repeat-x;
        background-size: cover; }
        #newBookModal .modal-dialog .modal-content .modal-header .modal-title {
          margin: 0;
          text-align: left;
          font-size: 18px;
          font-weight: 500; }
          #newBookModal .modal-dialog .modal-content .modal-header .modal-title i.fa {
            font-size: 18px; }
      #newBookModal .modal-dialog .modal-content .modal-body .create-title-submit {
        width: 30%; }
      #newBookModal .modal-dialog .modal-content .modal-body .character-count {
        overflow: hidden;
        margin: 5px 0; }
        #newBookModal .modal-dialog .modal-content .modal-body .character-count span.red {
          color: red; }
  @media only screen and (min-width: 768px) {
    #newBookModal .modal-dialog {
      margin-top: 220px; } }
  @media only screen and (min-width: 1024px) {
    #newBookModal .modal-dialog {
      margin-top: 100px; } }
  @media only screen and (min-width: 1200px) {
    #newBookModal .modal-dialog {
      margin-top: 350px; } }

#newPDFBookModal {
  font-family: 'Open Sans', sans-serif; }
  #newPDFBookModal .modal-dialog {
    max-width: 460px; }
    #newPDFBookModal .modal-dialog .modal-content {
      border-radius: 0;
      background-color: #fff;
      border: none; }
      #newPDFBookModal .modal-dialog .modal-content .modal-header {
        background-image: url(https://s3-eu-west-1.amazonaws.com/ourboox-media-prod/frontend/ob_footer_bg_optimized.png);
        background-repeat: repeat-x;
        background-size: cover; }
        #newPDFBookModal .modal-dialog .modal-content .modal-header .modal-title {
          margin: 0;
          text-align: left;
          font-size: 18px;
          font-weight: 500; }
          #newPDFBookModal .modal-dialog .modal-content .modal-header .modal-title i.fa {
            font-size: 18px; }
      #newPDFBookModal .modal-dialog .modal-content .modal-body .create-title-submit {
        width: 30%; }
      #newPDFBookModal .modal-dialog .modal-content .modal-body .character-count {
        overflow: hidden;
        margin: 5px 0; }
        #newPDFBookModal .modal-dialog .modal-content .modal-body .character-count span.red {
          color: red; }
  @media only screen and (min-width: 768px) {
    #newPDFBookModal .modal-dialog {
      margin-top: 220px; } }
  @media only screen and (min-width: 1024px) {
    #newPDFBookModal .modal-dialog {
      margin-top: 100px; } }
  @media only screen and (min-width: 1200px) {
    #newPDFBookModal .modal-dialog {
      margin-top: 350px; } }

#deleteBookConfirmationModal {
  font-family: 'Open Sans', sans-serif; }
  #deleteBookConfirmationModal .modal-dialog {
    max-width: 460px; }
    #deleteBookConfirmationModal .modal-dialog .modal-content {
      border-radius: 0;
      background-color: #fff;
      border: none; }
      #deleteBookConfirmationModal .modal-dialog .modal-content .modal-header button.close {
        font-size: 30px; }
      #deleteBookConfirmationModal .modal-dialog .modal-content .modal-header .modal-title {
        margin: 0;
        text-align: left;
        color: #fff;
        font-size: 18px;
        font-weight: 500; }
      #deleteBookConfirmationModal .modal-dialog .modal-content .modal-body p {
        font-size: 18px;
        text-align: center;
        font-weight: 500; }
  @media only screen and (min-width: 768px) {
    #deleteBookConfirmationModal .modal-dialog {
      margin-top: 220px; } }
  @media only screen and (min-width: 1024px) {
    #deleteBookConfirmationModal .modal-dialog {
      margin-top: 100px; } }
  @media only screen and (min-width: 1200px) {
    #deleteBookConfirmationModal .modal-dialog {
      margin-top: 350px; } }

#loginModal .modal-dialog {
  width: 320px;
  margin: 80px auto; }
  #loginModal .modal-dialog .modal-content {
    background-color: #fff; }
    #loginModal .modal-dialog .modal-content .modal-body {
      padding-bottom: 0; }
      #loginModal .modal-dialog .modal-content .modal-body .subtitle {
        text-align: center;
        color: #b3b3b3; }
    #loginModal .modal-dialog .modal-content .modal-footer {
      text-align: center;
      font-size: 12px; }
      #loginModal .modal-dialog .modal-content .modal-footer p + p {
        margin: 0; }

#signupModal .modal-dialog {
  width: 320px;
  margin: 80px auto; }
  #signupModal .modal-dialog .modal-content {
    background-color: #fff; }
    #signupModal .modal-dialog .modal-content .modal-body {
      padding-bottom: 0; }
      #signupModal .modal-dialog .modal-content .modal-body h1 {
        display: none; }
      #signupModal .modal-dialog .modal-content .modal-body .subtitle {
        text-align: center;
        color: #b3b3b3; }
    #signupModal .modal-dialog .modal-content .modal-footer {
      padding: 15px;
      text-align: center;
      font-size: 12px; }
      #signupModal .modal-dialog .modal-content .modal-footer p {
        margin: 0; }

/** Shortcodes */
#pricing-detailed-plan-comparison-shortcode {
  /** Sticky headers */ }
  #pricing-detailed-plan-comparison-shortcode .table-responsive {
    border: none; }
    #pricing-detailed-plan-comparison-shortcode .table-responsive > .table > tbody > tr > td, #pricing-detailed-plan-comparison-shortcode .table-responsive > .table > tbody > tr > th, #pricing-detailed-plan-comparison-shortcode .table-responsive > .table > tfoot > tr > td, #pricing-detailed-plan-comparison-shortcode .table-responsive > .table > tfoot > tr > th, #pricing-detailed-plan-comparison-shortcode .table-responsive > .table > thead > tr > td, #pricing-detailed-plan-comparison-shortcode .table-responsive > .table > thead > tr > th {
      white-space: normal; }
  #pricing-detailed-plan-comparison-shortcode .plan-comparison-table tr.plan-titles th {
    padding: 8px;
    font-size: 16px;
    text-align: center;
    font-weight: 600; }
  #pricing-detailed-plan-comparison-shortcode .plan-comparison-table a:hover {
    text-decoration: underline; }
  #pricing-detailed-plan-comparison-shortcode .plan-comparison-table td,
  #pricing-detailed-plan-comparison-shortcode .plan-comparison-table th {
    border: none !important;
    padding: 8px 0;
    width: 18.33%; }
    #pricing-detailed-plan-comparison-shortcode .plan-comparison-table td:nth-child(1),
    #pricing-detailed-plan-comparison-shortcode .plan-comparison-table th:nth-child(1) {
      width: 45%; }
  #pricing-detailed-plan-comparison-shortcode .plan-comparison-table th {
    font-weight: bold; }
  #pricing-detailed-plan-comparison-shortcode .plan-comparison-table tbody td {
    font-size: 12px;
    font-weight: normal;
    color: black; }
  #pricing-detailed-plan-comparison-shortcode .plan-comparison-table thead {
    border-bottom: 1px solid #ccc; }
    #pricing-detailed-plan-comparison-shortcode .plan-comparison-table thead th {
      font-size: 18px;
      color: #333333; }
  #pricing-detailed-plan-comparison-shortcode .plan-comparison-table i.fa-check-circle,
  #pricing-detailed-plan-comparison-shortcode .plan-comparison-table i.fa-minus-circle {
    font-size: 20px; }
  #pricing-detailed-plan-comparison-shortcode .plan-comparison-table i.fa-check {
    color: #69ACF3; }
  #pricing-detailed-plan-comparison-shortcode .plan-comparison-table i.fa-minus-circle {
    color: #999; }
  #pricing-detailed-plan-comparison-shortcode .plan-comparison-table i.fa-info-circle {
    color: #999; }
  @media only screen and (min-width: 768px) {
    #pricing-detailed-plan-comparison-shortcode .plan-comparison-table tbody td {
      font-size: 16px; }
    #pricing-detailed-plan-comparison-shortcode .plan-titles.stick {
      position: fixed;
      display: flex !important;
      top: 0;
      max-width: 1020px;
      width: 100%;
      left: 50%;
      transform: translateX(-50%);
      padding: 0;
      justify-content: space-evenly;
      background: white; }
      #pricing-detailed-plan-comparison-shortcode .plan-titles.stick th {
        flex-grow: 0;
        flex-shrink: 1;
        flex-basis: 18.33%; }
        #pricing-detailed-plan-comparison-shortcode .plan-titles.stick th:first-child {
          flex-grow: 1;
          flex-basis: 25%; } }
  @media only screen and (min-width: 769px) {
    #pricing-detailed-plan-comparison-shortcode .table-responsive {
      padding: 0 24px; }
      #pricing-detailed-plan-comparison-shortcode .table-responsive .table {
        margin-bottom: 40px; }
    #pricing-detailed-plan-comparison-shortcode .plan-comparison-table .plan-titles {
      display: table-row; }
      #pricing-detailed-plan-comparison-shortcode .plan-comparison-table .plan-titles th {
        font-size: 22px; }
    #pricing-detailed-plan-comparison-shortcode .plan-comparison-table tbody td {
      width: 20%;
      display: table-cell; }
    #pricing-detailed-plan-comparison-shortcode .plan-comparison-table tbody td:first-child {
      width: 40%; }
    #pricing-detailed-plan-comparison-shortcode .plan-comparison-table td:before {
      content: ""; }
    #pricing-detailed-plan-comparison-shortcode .plan-comparison-table tbody tr:nth-child(odd) {
      background: #F7F7F873; } }

/** Fonts */
/**
  https://fonts.google.com/specimen/Montserrat?selection.family=Montserrat:400,500,600,700
 */
.ob-spinner {
  display: none;
  height: 20px;
  width: 20px;
  vertical-align: text-top;
  background: transparent url(../img/spinner.gif) no-repeat 50% 50%; }
  .ob-spinner.is-active {
    display: inline-block; }

.tooltip.in {
  opacity: 1; }

.tooltip-arrow {
  border-top-color: #fff; }

.tooltip-inner {
  max-width: 240px;
  width: auto;
  background-color: #fff;
  color: black;
  text-align: left;
  padding: 20px;
  border-radius: 6px;
  box-shadow: 0 4px 10px 0 rgba(57, 83, 136, 0.21);
  font-size: 14px; }
  .tooltip-inner p {
    margin: 0; }

.popover {
  margin-top: 7px;
  border: none; }
  .popover.top > .arrow:after {
    bottom: 2px; }
  .popover .popover-content {
    color: black;
    box-shadow: 0 4px 10px 0 rgba(57, 83, 136, 0.21);
    font-size: 14px; }
    .popover .popover-content p {
      margin: 0; }

[v-cloak] {
  display: none; }

.noselect {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none; }

.nodrag {
  -webkit-user-drag: none;
  -khtml-user-drag: none;
  -moz-user-drag: none;
  -o-user-drag: none;
  user-drag: none; }

.new-icon {
  background-color: #ea9333;
  border-radius: 4px;
  font-size: inherit;
  text-align: center;
  color: #fff;
  padding: 1px 3px;
  text-transform: uppercase; }

.clear {
  width: 100%;
  height: 1px;
  clear: both; }

.easy-divider {
  padding-bottom: 5px;
  margin: 10px 0;
  border-bottom: 1px solid #eee; }

.spacer-60 {
  height: 60px;
  clear: both; }

b {
  font-weight: bold; }

.ourbooxAlert {
  margin-bottom: 0; }

.external-link-icon:after {
  content: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAAQElEQVR42qXKwQkAIAxDUUdxtO6/RBQkQZvSi8I/pL4BoGw/XPkh4XigPmsUgh0626AjRsgxHTkUThsG2T/sIlzdTsp52kSS1wAAAABJRU5ErkJggg==);
  margin: 0 3px 0 5px; }

/**
 * CSS
 * ----------------------------------------------------------------------------
 */
html {
  position: relative;
  min-height: 100%;
  background-color: #fff; }

body {
  font-family: 'Open Sans', sans-serif;
  /*font-family:'Lucida Grande', 'Lucida Sans Unicode', Helvetica, Arial, Verdana, sans-serif;
  font-family: "Lato", "Helvetica Neue", Helvetica, Arial, sans-serif;*/ }

.separator {
  /* margin: 40px 0; */
  margin: 10px 0;
  padding: 0.5px;
  background: -webkit-gradient(linear, 0 0, 100% 0, from(#FFF), to(#FFF), color-stop(50%, #BDC3C7));
  background: -moz-linear-gradient(top left, #fff, #BDC3C7, #fff);
  clear: both;
  height: 1px;
  border-bottom: 1px solid #F7F7F7; }

/* Menu */
.menu-main-container {
  float: right;
  padding-right: 30px; }

.menu-main-container ul {
  list-style-type: none;
  float: right; }

.menu-main-container li {
  float: left;
  /* padding:0 10px; */
  /* border-right:1px solid #ace; */ }

.menu-main-container li a {
  line-height: 85px;
  color: #1F75CC;
  font-size: 16px;
  text-decoration: none;
  border-right: 1px solid #1F75CC;
  padding-right: 10px;
  margin-right: 10px; }

.menu-main-container li:last-child > a {
  border-right: 0;
  padding: 0;
  margin: 0; }

.menu-main-container li > a:hover {
  text-decoration: underline; }

/*
 *	Content
 *	------------------------------------------------------------------------- */
#main-wrapper {
  padding-top: 3px;
  position: relative;
  overflow: hidden;
  background: url("https://s3-eu-west-1.amazonaws.com/ourboox-media-prod/frontend//header-colors.png") repeat-x; }

#main-content {
  position: relative; }

#content {
  min-height: 300px; }

#content p {
  line-height: 1.4;
  margin-bottom: 20px; }

#content h1 {
  line-height: 1.4;
  margin-bottom: 20px; }

#content h2 {
  font-size: 18px;
  font-weight: bold;
  line-height: 1.6;
  margin-bottom: 20px; }

#content h3 {
  font-size: 16px;
  font-weight: bold;
  line-height: 1.6;
  margin-bottom: 20px;
  color: #565960; }

#page-width {
  width: 1000px;
  margin: 0 auto;
  /* padding:0 20px; */ }

section {
  /* overflow:hidden; */
  margin-bottom: 60px; }

section h2.section-title {
  font-size: 48px;
  font-family: 'zeyada';
  font-weight: normal;
  margin-bottom: 20px; }

section h2.section-title span {
  color: #65a5da; }

/*
 *	Homepage
 *	------------------------------------------------------------------------- */
/*
 *	Main Banner
 *	------------------------------------------ */
#main-banner {
  margin-bottom: 15px;
  /* background-image:url('img/ourboox-banner-bg_2.png');
  background-repeat:repeat-x; */
  /* background-color:#69ADF3; */
  /* background-image: -ms-linear-gradient(top, #EAF4FF 0%, #69ADF3 100%);
  background-image: -moz-linear-gradient(top, #EAF4FF 0%, #69ADF3 100%);
  background-image: -o-linear-gradient(top, #EAF4FF 0%, #69ADF3 100%);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #EAF4FF), color-stop(1, #69ADF3));
  background-image: -webkit-linear-gradient(top, #EAF4FF 0%, #69ADF3 100%);
  background-image: linear-gradient(to bottom, #EAF4FF 0%, #69ADF3 100%); */
  background-color: #95C7F5;
  background-size: 100%;
  background-repeat: no-repeat;
  border-bottom: 1px #b3b3b3 solid;
  /* border-bottom: 1px #BAD8EB solid; */ }

#main-banner-content {
  width: 1170px;
  position: relative;
  height: 250px;
  margin: 0 auto;
  padding: 0;
  /* border-bottom:1px solid #ccc; */
  /*background-image:url('img/ourboox-banner-bg.jpg');*/
  /* background-image:url('img/into-banner-bg.png');*/
  /* background-image:url('img/ourboox-banner-bg_2.png'); */
  /* background-image:url('img/ourboox-banner-15-05.png'); */ }

#main-banner-content h1,
#main-banner-content h2,
#main-banner-content h3 {
  font-weight: normal;
  /* font-family:'Lato',Helvetica,sans-serif; */
  font-family: 'Open Sans';
  letter-spacing: 0.5px;
  /* color:#032b54; */
  /* color: #fafafa; */ }

#main-banner-content h1 {
  margin: 0;
  padding: 35px 0 0;
  font-size: 36px;
  line-height: 40px;
  font-weight: 300;
  letter-spacing: 2px;
  color: #505050;
  text-align: center;
  /* text-shadow:1px 1px 2px rgba(255, 255, 255, 1); */
  /* text-shadow:0px 0px 3px #000; */
  text-shadow: 1px 1px 1px #FFF;
  /* -webkit-text-stroke-width: 0.5px;
  -webkit-text-stroke-color: black; */ }

/* #main-banner-content h1>small {
    display:block;
    margin-top:20px;
    font-size:38px;
} */
#main-banner-content h2 {
  font-size: 38px;
  font-weight: bold;
  margin: 0;
  color: #505050;
  text-align: center;
  line-height: 80px;
  font-weight: 600;
  text-shadow: 1px 1px 1px #FFF; }

#main-banner-content h3 {
  text-align: left;
  letter-spacing: 1.5px;
  font-size: 18px;
  line-height: 1.6; }

.intro-links {
  text-align: center; }

a.how-it-works {
  display: block;
  margin: 10px 0 0; }

.main-banner-cta-button {
  padding: 12px 20px;
  font-weight: 700;
  margin: 0;
  background-color: #fff;
  -webkit-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.1);
  box-shadow: 0 2px 3px rgba(0, 0, 0, 0.1);
  display: inline-block;
  font: 700 20px/20px 'Lato', Helvetica, sans-serif;
  text-transform: uppercase;
  border: 1px solid #1F75CC;
  -webkit-transition: color 0.2s,background-color 0.2s,box-shadow 0.2s,border 0.2s;
  -moz-transition: color 0.2s,background-color 0.2s,box-shadow 0.2s,border 0.2s;
  -o-transition: color 0.2s,background-color 0.2s,box-shadow 0.2s,border 0.2s;
  transition: color 0.2s,background-color 0.2s,box-shadow 0.2s,border 0.2s;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px; }

/*
 *	Boxes Element (3rd's)
 *	------------------------------------------ */
.info-icon-boxes {
  padding-bottom: 20px; }

.info-icon-boxes h3 {
  color: #000;
  font-size: 18px;
  line-height: 24px;
  font-weight: normal;
  margin-bottom: 15px;
  margin-top: 0; }

.icon-box-content-wrap {
  display: block; }

.icon-box-content {
  display: block;
  width: 100%;
  line-height: 150%; }

i.icon {
  float: left;
  position: relative;
  font-size: 42px;
  line-height: 52px;
  text-align: center;
  width: 70px;
  height: 31px; }

/*
.home-col {float:left;width:320px;margin-right:20px;}
	.home-col.intro-vid {width:600px;margin-right:0;float:right;}
		.home-col.intro-vid iframe {display:block;}
	.home-col.ourboox-woot li:before {
		content:"Γûá";
		font-size:16px;
		color: #65A5DA;
		margin-right:7px;
	}

.home-col h2 {font-family:'Lato',Helvetica,sans-serif;text-align: left;font-size: 18px;font-style:italic;margin:0 0 20px 0;}
.ourboox-woot ul {list-style-type:none;margin:30px auto;padding-left:20px;}
	.ourboox-woot ul>li {font-size:12px;line-height:20px;} */
/* .library-section-header {
	border-top:1px solid #ccc;
	border-bottom:1px solid #ccc;
	padding:10px;
	overflow:hidden;
	clear:both;
}
	.library-section-header h3,
	.library-section-header h5 {
		margin:0;
	} */
section#take-action ul {
  list-style-type: none; }

section#take-action ul > li {
  width: 150px;
  margin-right: 20px;
  float: left;
  text-align: center; }

section#take-action ul > li:last-child {
  margin-right: 0; }

section#take-action ul > li img {
  display: block;
  margin: 0 auto; }

/* body.home-page #main-wrapper {
	padding-top:0;
} */
body.home-page #page-width {
  padding: 0; }

body.home-page #content {
  margin-bottom: 40px; }

/*
 *	Footer
 *	------------------------------------------------------------------------- */
#footer-general {
  margin-top: 60px;
  padding-top: 20px;
  background-color: #313233; }
  #footer-general p {
    color: #fff; }
  #footer-general h4 {
    color: #5bc0de;
    text-transform: uppercase; }
  #footer-general a {
    color: #DADADA; }
  #footer-general a:hover {
    color: #fff;
    text-decoration: none; }
  #footer-general .footer-below {
    padding: 25px 0;
    background-color: #1F1F1F;
    background-image: url("https://s3-eu-west-1.amazonaws.com/ourboox-media-prod/frontend/header-colors.png");
    background-repeat: repeat-x;
    background-position: center bottom; }
  #footer-general .footer-row {
    border-bottom: 1px dotted #CCC;
    padding: 0 0 20px;
    margin: 0 auto 20px; }
  #footer-general .footer-row ul li:before {
    content: "\003E";
    color: #c193cc;
    padding-right: 5px; }
  #footer-general .footer-row ul li a {
    font-size: 13px; }
  #footer-general .footer-row h3 {
    font-weight: bold;
    margin-bottom: 20px;
    color: #565960; }

/*@media (max-width: 992px) {*/
@media (max-width: 768px) {
  body {
    margin-bottom: 0;
    padding-bottom: 0; }

  #footer-general {
    height: auto;
    position: static;
    margin-top: 60px; } }
.home-page #footer-general {
  margin-top: 0; }

.footer-col {
  margin-bottom: 40px; }

ul#footer-blog-posts li {
  padding: 0 0 10px;
  margin: 0 0 10px;
  border-bottom: 1px solid #ccc; }

#social-icons {
  width: 144px;
  margin: 0 auto; }

#social-icons ul {
  padding: 22.5px 0 0;
  list-style-type: none;
  overflow: hidden; }

#social-icons li {
  float: left;
  margin-right: 12px; }

a.social-icon {
  display: block;
  width: 36px;
  height: 36px;
  /* 	background-repeat:no-repeat; */ }

.site-footer {
  width: 1000px;
  border-top: 1px solid #ccc;
  clear: both;
  margin: 0 auto; }

.site-info {
  padding-bottom: 20px; }

.site-info span {
  display: block;
  text-align: center;
  color: #69adf3;
  margin-bottom: 10px; }

.site-info p {
  text-align: center;
  margin: 5px 0; }

.site-info a {
  color: #69adf3; }

/* Seperators */
.seperator {
  height: 1px;
  background-color: #ccc;
  width: 100%;
  margin: 10px 0; }

/* Forms */
.gform_body ul {
  list-style-type: none;
  padding: 0 !important; }

.gform_body ul li {
  padding-left: 0 !important; }

/*
 *	Repeating
 *	-------------------------------------------------------------------------
 */
/* Messages */
body:not(.buddypress) #message.updated {
  background-color: #FFFFE0;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  border-width: 1px;
  border-style: solid;
  border-color: #E6DB55;
  margin: 0 0 0 0;
  padding: 5px 20px; }

body:not(.buddypress) #message.updated p {
  font-size: 16px;
  margin: 0; }

/*
 *	Templates
 *	-------------------------------------------------------------------------
 */
/**
 *  Donate to Ourboox
 */
body.page-template-donate-to-ourboox article p {
  font-size: 16px;
  line-height: 1.6; }

/* LIBRARY */
.category-title {
  /*padding-bottom: 9px;*/
  margin: 0 0 20px;
  /*border-bottom: 1px solid #eee;*/ }

.books-row {
  padding-bottom: 20px; }

.book-filters {
  overflow: hidden;
  /* padding:15px 0; */ }

.book-filters .col-25 {
  padding: 15px 30px;
  /* border-right:1px solid #ccc; */ }

.book-filters .col-25:first-child {
  border-left: 1px solid #ccc;
  border-right: 1px solid #ccc; }

.filter-books-by {
  display: block;
  text-align: left; }

.footer-row .filter-books-by {
  display: inline; }

#library-wrap {
  /*background:url('img/book-shelf.png') repeat-y;
  background-position: top center;
  background-color: #F7F7F7;*/ }

.book-shadow {
  -moz-box-shadow: inset 0 0 6px #555;
  -webkit-box-shadow: inset 0 0 6px #555;
  box-shadow: inset 0 0 6px #555;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0; }

.book-item a.book-cover {
  display: block;
  position: relative;
  /*height:180px;*/
  border: 1px solid #ccc; }

.home .book-item a.book-cover {
  display: block;
  /*height:140px;*/
  border: 1px solid #ccc; }

.book-item a.book-cover:hover {
  border: 1px solid #5bc0de; }

.book-item a.book-cover img {
  margin: 0 auto;
  /*width: 100%;*/
  height: 100%;
  /*padding: 2px;*/ }

.book-item:nth-of-type(4n) {
  margin-right: 0 !important; }

.book-item h2 {
  height: 55px;
  line-height: 20px;
  padding: 5px 0 10px 0;
  margin: 0 !important; }

.book-center {
  width: 185px;
  height: 185px;
  margin: 0 auto 1px;
  background-repeat: no-repeat;
  background-size: 100%;
  position: relative; }

.book-outer-shadow {
  -webkit-box-shadow: 0px 0px 5px 1px rgba(50, 50, 50, 0.22);
  -moz-box-shadow: 0px 0px 5px 1px rgba(50, 50, 50, 0.22);
  box-shadow: 0px 0px 5px 1px rgba(50, 50, 50, 0.22); }

.book-inner-shadow {
  /* -webkit-box-shadow: inset 0px 0px 3px 2px rgba(50, 50, 50, 0.41);
  -moz-box-shadow:    inset 0px 0px 3px 2px rgba(50, 50, 50, 0.41);
  box-shadow:         inset 0px 0px 3px 2px rgba(50, 50, 50, 0.41); */ }

.book-link::before {
  display: block;
  content: '';
  position: absolute;
  width: 100%;
  height: 100%;
  -webkit-box-shadow: inset 0px 0px 3px 2px rgba(50, 50, 50, 0.41);
  -moz-box-shadow: inset 0px 0px 3px 2px rgba(50, 50, 50, 0.41);
  box-shadow: inset 0px 0px 3px 2px rgba(50, 50, 50, 0.41); }

a.book-title {
  display: block;
  padding: 3px 0 0;
  font-size: 14px;
  color: #333;
  margin: 0; }

.book-author {
  margin-top: 5px; }

/* Book Pre Create */
#poststuff {
  padding-top: 0; }

body.page-template-create h1 {
  line-height: 1;
  font-size: 32px;
  /* margin:0 0 40px; */ }

body.page-template-create ul#pre-create-select li h2 {
  font-size: 22px;
  text-align: center;
  margin-bottom: 20px; }

body.page-template-create ul#pre-create-select {
  width: 100%;
  height: 550px;
  clear: both;
  list-style-type: none;
  margin-bottom: 60px;
  overflow: hidden; }

body.page-template-create ul#pre-create-select > li {
  width: 50%;
  height: 100%;
  float: left;
  border: #e8e8e8 solid 1px;
  padding: 10px 30px 30px 30px;
  -webkit-transition: background 0.5s linear;
  -moz-transition: background 0.5s linear;
  -ms-transition: background 0.5s linear;
  -o-transition: background 0.5s linear;
  transition: background 0.5s linear; }

body.page-template-create ul#pre-create-select > li a {
  color: inherit;
  text-decoration: none; }

body.page-template-create ul#pre-create-select > li:hover {
  background-color: #1F75CC; }

body.page-template-create ul#pre-create-select > li:hover h2,
body.page-template-create ul#pre-create-select > li:hover {
  color: #fff; }

body.page-template-create ul#pre-create-select li:first-child {
  border-right: 0; }

body.page-template-create .format-container {
  /*height:262px;*/
  margin-bottom: 15px; }

body.page-template-create .format-container img {
  max-width: 100%;
  display: block;
  margin: 0 auto; }

body.page-template-create ul#pre-create-select li ul.format-features {
  list-style-type: disc; }

body.page-template-create ul#pre-create-select li > ul.format-features li {
  float: none;
  width: 100%;
  padding: 0 0 10px;
  border: none; }

/* My Boox */
/*
.pagination_links {
	clear: both;
	overflow: hidden;
	padding: 5px 0;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	margin: 10px 0;
}
.page-numbers {display:none;}
.page-numbers.next,
.page-numbers.prev {display:block;}
.pagination_links .prev {float:left;}
.pagination_links .next {float:right;}

.pagination_links .prev,
.pagination_links .next {font-size:24px;}

*/
#users-books-table {
  border-collapse: separate;
  border-spacing: 20px;
  width: 100%; }

/* #users-books-table>tbody>tr:nth-of-type(1n+4) {background-color:#ccc;} */
#users-books-table > tbody > tr.users-books-table-separator-row {
  height: 20px; }

#users-books-table > tbody > tr > td.users-books-table-controls {
  width: 20%; }

#users-books-table > tbody > tr > td.users-books-table-controls ul > li {
  border-bottom: 1px solid #ccc;
  padding: 3px 0 3px 1px; }

#users-books-table > tbody > tr > td.users-books-table-controls ul > li a {
  font-size: 14px;
  /* cursor:hand; */ }

#users-books-table > tbody > tr > td.users-books-table-controls,
#users-books-table > tbody > tr > td.users-books-table-description {
  vertical-align: top; }

/** Un-used? */
table.book-details {
  border-top: 0; }

table.book-details, table.book-details td {
  border: 1px solid #ccc; }

table.book-details {
  width: 225px;
  list-style-type: none; }

table.book-details td {
  width: 50%;
  font-size: 12px;
  line-height: 20px;
  padding: 3px;
  text-align: left; }

/* Edit Profile (TML Template) */
.display_none {
  display: none; }

body.page-edit-profile p.submit {
  text-align: center;
  margin: 20px 0 0 0 !important; }

#your-profile table.form-table {
  width: 100%; }

#your-profile .form-table th {
  text-align: left;
  width: 20%; }

#your-profile table.form-table td {
  width: 100%;
  position: relative;
  padding: 0; }

#wp-avatar {
  height: 215px; }

p#wpua-add-button, p#wpua-remove-button {
  margin: 0 !important; }

p#wpua-add-button {
  position: absolute;
  top: 0;
  left: 0; }

p#wpua-remove-button {
  position: absolute;
  top: 0;
  left: 126px; }

p#wpua-preview, p#wpua-thumbnail {
  position: absolute;
  top: 40px; }

p#wpua-preview {
  left: 0; }

p#wpua-thumbnail {
  left: 130px; }

p#wpua-message {
  position: absolute;
  bottom: 0;
  left: 0;
  margin-bottom: 0 !important;
  padding: 5px 10px;
  border: 1px solid #E6DB55;
  background-color: #FFFFE0;
  color: #333 !important; }

#wpua-errors, #wpua-message, #wpua-readable-size-error, .wpua-error {
  margin-top: 20px; }

/* #theme-my-login input[type="text"] {width:100%;} */
#your-profile .form-table th {
  padding-left: 0; }

#theme-my-login label {
  width: 100%; }

#your-profile tr#password span {
  display: block; }

#your-profile tr#password p.description.indicator-hint {
  clear: both;
  text-align: left; }

/* Create Edit Book */
#book-info {
  margin: 0 0 20px; }

#book-info h2 {
  font-weight: bold;
  padding-left: 20px; }

.book-info-inner {
  padding: 7px 30px; }

/* body.page-beta-edit-book #primary.beta,
body.page-beta-create-book #primary.beta {width:100%;float:none;} */
/* ACF front end reapeater styles - overriding acf-repeater/css/input.css */
.repeater > table > tbody > tr > td.order {
  width: 25px !important;
  font-size: 25px;
  color: #007EE5; }

.repeater > table > tbody > tr > td.order:hover {
  color: #ccc; }

/* READER UI */
/* #reader-top {height:68px;background:url('img/read-ui/ui-sprite.png') repeat-x;} */
/* Text Editor Line Numbers */
body#tinymce {
  background-color: #FFFFFF;
  background-image: url("http://www.mydomain.com/images/editor_lines.png") !important;
  background-repeat: repeat-y !important;
  font-family: Helvetica, sans-serif;
  font-size: 12pt;
  line-height: 19px;
  margin: 1px 0 0;
  padding-left: 40px !important;
  /*space for the png*/ }

/** CONTACT US **/
.page-template-contact-php h3.gform_title {
  font-size: 30px;
  font-weight: bold;
  line-height: 1.6;
  margin-bottom: 20px; }

/* Bootstrapped from Bootstratp - .alert .alert-warning */
.page-template-contact-php #gform_wrapper_3 .validation_error {
  background-image: -webkit-linear-gradient(top, #fcf8e3 0, #f8efc0 100%);
  background-image: linear-gradient(to bottom, #fcf8e3 0, #f8efc0 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fffcf8e3', endColorstr='#fff8efc0', GradientType=0);
  border-color: #f5e79e;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.2);
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.25), 0 1px 2px rgba(0, 0, 0, 0.05);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.25), 0 1px 2px rgba(0, 0, 0, 0.05);
  background-color: #fcf8e3;
  border-color: #faebcc;
  color: #8a6d3b;
  padding: 5px;
  margin-bottom: 20px;
  border: 1px solid transparent;
  border-radius: 4px; }

/* Bootstrapped from Bootstratp - .alert .alert-danger */
.page-template-contact-php #gform_wrapper_3 .validation_message {
  background-image: -webkit-linear-gradient(top, #f2dede 0, #e7c3c3 100%);
  background-image: linear-gradient(to bottom, #f2dede 0, #e7c3c3 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff2dede', endColorstr='#ffe7c3c3', GradientType=0);
  border-color: #dca7a7;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.2);
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.25), 0 1px 2px rgba(0, 0, 0, 0.05);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.25), 0 1px 2px rgba(0, 0, 0, 0.05);
  background-color: #f2dede;
  border-color: #ebccd1;
  color: #a94442;
  padding: 5px;
  margin-bottom: 20px;
  margin-top: 10px;
  border: 1px solid transparent;
  border-radius: 4px; }

/* .page-template-contact-php #content {
	width:500px;
	margin:0 auto;
} */
label.gfield_label {
  display: block;
  line-height: 30px; }

li.gfield {
  margin-bottom: 10px; }

.page-template-contact-php input[type="text"],
.page-template-contact-php input[type="email"],
.page-template-contact-php textarea {
  width: 100% !important;
  padding: 6px;
  margin: 0 !important;
  resize: none;
  -webkit-border-radius: 3px !important;
  -moz-border-radius: 3px !important;
  border-radius: 3px !important;
  border: 1px solid #ccc;
  background: #fafafa;
  color: #888;
  font: inherit;
  font-size: 100%; }

/*
 *	Login & Register & Lostpass & Activate
 *	.uf (User Forms) is the unified class for all the above templates
 *	-------------------------------------------------------------------------
 */
/* .uf#register-page {display:none;} */
.uf {
  max-width: 330px;
  margin: 0 auto 30px; }

.uf-header {
  padding: 0 0 40px 0; }

.uf h1 {
  font-size: 40px;
  line-height: 42px;
  font-weight: 700;
  color: #555;
  letter-spacing: -1px;
  -ms-word-wrap: break-word;
  word-wrap: break-word;
  -ms-word-break: break-word;
  word-break: break-word; }

.uf h2 {
  font-size: 22px;
  line-height: 26px;
  font-weight: 400;
  color: #777;
  max-width: 600px;
  padding-top: 10px;
  -ms-word-wrap: break-word;
  word-wrap: break-word;
  -ms-word-break: break-word;
  word-break: break-word; }

.uf h3 {
  font-size: 18px;
  line-height: 26px;
  font-weight: 400;
  color: #777;
  max-width: 600px;
  padding-top: 10px;
  -ms-word-wrap: break-word;
  word-wrap: break-word;
  -ms-word-break: break-word;
  word-break: break-word; }

.uf .top-message {
  text-align: center;
  padding-bottom: 20px; }

.uf p.error {
  margin-bottom: 20px; }

#pass-strength-result {
  border-style: solid;
  border-width: 1px;
  /* float: left; */
  margin: 10px auto;
  padding: 3px 5px;
  text-align: center;
  width: 200px;
  /* display: none; */ }

#pass-strength-result {
  background-color: #EEE;
  border-color: #DDD !important; }

#pass-strength-result.short {
  background-color: #FFA0A0;
  border-color: #F04040 !important; }

#pass-strength-result.good {
  background-color: #FFEC8B;
  border-color: #FC0 !important; }

#pass-strength-result.strong {
  background-color: #C3FF88;
  border-color: #8DFF1C !important; }

p.description.indicator-hint {
  display: block;
  margin-bottom: 20px; }

.divi {
  background: transparent url("img/login_reg_divider.png") repeat-x left 9px;
  text-align: center;
  height: 16px;
  padding-bottom: 20px;
  margin-bottom: 15px; }

.divi span {
  background-color: #fff;
  font-size: 14px;
  line-height: 16px;
  text-transform: lowercase;
  padding: 0 10px; }

/********************/
/*	REGISTER FORM   */
/********************/
#gform_wrapper_4 .gfield_required {
  color: red; }

body.register #profile-details-section,
body.register #signup_form p#registration-info,
body.register .register-section h4:first-child {
  display: none !important; }

body.register #buddypress .standard-form#signup_form div.submit {
  float: none;
  text-align: center; }

body.register #basic-details-section {
  width: auto !important;
  float: none !important; }

form#login_form p.status {
  margin-bottom: 15px; }

form#login_form p.status.login-error {
  color: #A00; }

.uf .form-row {
  overflow: hidden;
  position: relative;
  padding: 0 0 15px 0; }

.uf .form-row .label-wrap,
.uf .form-row .input-wrap {
  float: left; }

.uf .form-row .label-wrap {
  width: 150px;
  padding-right: 10px; }

.uf .form-row .label-wrap label {
  display: inline !important;
  line-height: 32px;
  font-size: 12px;
  margin: 0 !important;
  text-transform: uppercase; }

.uf .form-row .input-wrap {
  width: 100%; }

.uf .form-row .center-text {
  text-align: center; }

.activate .bp-template-notice.updated {
  display: none; }

/*
 * Blog posts
 */
.blog-post {
  padding: 20px 0; }

.blog-post-title {
  margin-bottom: 20px;
  font-size: 40px; }

.blog-post-meta {
  margin-bottom: 20px;
  color: #999; }

.blog-main h1, .blog-main .h1,
.blog-main h2, .blog-main .h2,
.blog-main h3, .blog-main .h3,
.blog-main h4, .blog-main .h4,
.blog-main h5, .blog-main .h5,
.blog-main h6, .blog-main .h6 {
  margin-top: 0;
  font-weight: normal;
  color: #333; }

/*	PAGES	*/
/*
 * Main column and sidebar layout
 */
.blog-main {
  font-size: 14px;
  line-height: 1.5; }

/* Welcome Page */
a.welcome-link {
  border: 1px solid #ddd;
  border-radius: 4px;
  display: block;
  padding: 40px 0; }

a.welcome-link:hover {
  border: 1px solid #5bc0de; }

a.welcome-link i.fa {
  color: #555; }

a.welcome-link:hover i.fa {
  color: #5bc0de; }

a.welcome-link h4 {
  color: black; }

a.welcome-link:hover,
a.welcome-link:hover h4 {
  text-decoration: none; }

/** Buttons in profile edit (buddypress) */
#buddypress .comment-reply-link, #buddypress a.button, #buddypress button, #buddypress div.generic-button a, #buddypress input[type=button], #buddypress input[type=reset], #buddypress input[type=submit], #buddypress ul.button-nav li a, a.bp-title-button {
  font-size: 1.8rem !important; }

/** User Profile */
.profile .user-profile-details.table-responsive table th,
.profile .user-profile-details.table-responsive table td {
  border-top: none; }

/**
	Activity Feed
 */
.recent-activity h3 {
  margin: 0 0 15px 0; }

#activity-feed div {
  font-size: 12px;
  padding: 7px 0;
  border-bottom: 1px solid #dddfe2;
  overflow: hidden; }

/**
  PDF upload or new book box
 */
body.page-template-create .panos-btn,
body.page-template-home .panos-btn {
  padding-left: 20px;
  padding-right: 20px; }
body.page-template-create #ob_create_new_book_box,
body.page-template-home #ob_create_new_book_box {
  margin-bottom: 60px; }
body.page-template-create #ob_create_new_book_box,
body.page-template-home #ob_create_new_book_box {
  height: 338px;
  text-align: center;
  margin: 0 auto;
  padding: 30px 30px; }
  body.page-template-create #ob_create_new_book_box .flex-grid,
  body.page-template-home #ob_create_new_book_box .flex-grid {
    height: 100%;
    align-items: center;
    flex-direction: column; }
  body.page-template-create #ob_create_new_book_box .panos-btn,
  body.page-template-home #ob_create_new_book_box .panos-btn {
    box-shadow: none; }
  body.page-template-create #ob_create_new_book_box ul,
  body.page-template-home #ob_create_new_book_box ul {
    max-width: 340px;
    padding-left: 0;
    padding-right: 0;
    padding-bottom: 40px; }
    body.page-template-create #ob_create_new_book_box ul li,
    body.page-template-home #ob_create_new_book_box ul li {
      font-size: 16px;
      font-weight: 500;
      color: #222222;
      list-style-type: none;
      text-align: left;
      margin-bottom: 12px; }
      body.page-template-create #ob_create_new_book_box ul li i.fa,
      body.page-template-home #ob_create_new_book_box ul li i.fa {
        font-size: 20px;
        color: limegreen;
        margin-right: 10px; }

/**
  Adsense
 */
.author-profile-ad-placement {
  margin-top: 20px;
  margin-bottom: 20px;
  text-align: center; }

.remove-ads {
  float: right;
  color: #0073aa;
  font-size: 13px;
  text-decoration: underline;
  cursor: pointer; }

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