:root {
  --zy-blue: #0f6fff;
  --zy-cyan: #12c6d9;
  --zy-ink: #071426;
  --zy-muted: #64748b;
  --zy-soft: #f4f8fb;
}
body.light-skin,
body {
  background: linear-gradient(180deg, #f5f9ff 0%, #ffffff 320px) !important;
  color: var(--zy-ink);
  font-family: "Open Sans", Arial, sans-serif;
}
.wrapper { background: transparent !important; }
.header-custom {
  background: linear-gradient(135deg, #061834 0%, #0f2e66 58%, #0aa6c7 100%) !important;
  border-bottom: 0 !important;
  box-shadow: 0 18px 55px rgba(15, 46, 102, .22);
}
.container-logonav { padding-top: 18px; padding-bottom: 18px; }
.navbar-default {
  background: rgba(255,255,255,.96) !important;
  border: 1px solid rgba(255,255,255,.35) !important;
  border-radius: 18px !important;
  box-shadow: 0 18px 45px rgba(2, 8, 23, .16);
  padding: 8px 14px;
}
.navbar-default .navbar-nav > li > a {
  color: #22324a !important;
  font-weight: 800;
  letter-spacing: .01em;
}
.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a.navbar_current_page {
  color: var(--zy-blue) !important;
}
.logo img { max-height: 54px; width: auto; }
.subheader,
.subheader_image,
.page-header {
  background: linear-gradient(135deg, #061834, #0f6fff) !important;
}
.container.content-container,
#content.container,
.mainpane.container { max-width: 1180px; }
.timeline:before { background: linear-gradient(180deg, var(--zy-blue), var(--zy-cyan)) !important; width: 3px !important; }
.timeline-badge {
  background: var(--zy-blue) !important;
  border: 4px solid #dff7ff !important;
  box-shadow: 0 0 0 6px rgba(18,198,217,.12) !important;
}
.timeline-panel,
.blogstyle-post,
.archive-post,
.panel {
  border: 1px solid #e6eef7 !important;
  border-radius: 18px !important;
  box-shadow: 0 18px 50px rgba(15, 23, 42, .08) !important;
  overflow: hidden;
}
.timeline-panel h2,
.blogstyle-post h2,
.entry-title,
h2 a {
  color: #071426 !important;
  font-weight: 900 !important;
  line-height: 1.18 !important;
}
.timeline-panel h2 a:hover,
h2 a:hover { color: var(--zy-blue) !important; text-decoration: none !important; }
.timeline-body,
.blogstyle-post-body,
.serendipity_entry_body {
  color: #334155;
  font-size: 16px;
  line-height: 1.72;
}
.btn-theme,
.btn-readmore,
input.quicksearch_submit {
  background: linear-gradient(135deg, var(--zy-blue), #3155e7) !important;
  border: 0 !important;
  color: #fff !important;
  border-radius: 999px !important;
  font-weight: 800 !important;
  box-shadow: 0 12px 28px rgba(15,111,255,.22);
}
.btn-theme:hover,
.btn-readmore:hover { filter: brightness(1.06); transform: translateY(-1px); }
.sidebar_plugin,
.panel-default {
  border-radius: 18px !important;
  border: 1px solid #e6eef7 !important;
  box-shadow: 0 14px 40px rgba(15, 23, 42, .06) !important;
}
.sidebar_plugin h3,
.panel-heading {
  color: #071426 !important;
  font-weight: 900 !important;
  border-bottom: 1px solid #e6eef7 !important;
}
.sidebar_plugin a { color: #0f6fff !important; font-weight: 700; }
.timeline-footer,
.entry-footer {
  background: #f8fbff !important;
  border-top: 1px solid #e6eef7 !important;
}
.serendipity_comments,
.serendipity_section_commentform { display: none; }
@media (max-width: 767px) {
  .navbar-default { border-radius: 14px !important; }
  .timeline:before { display: none; }
  .timeline > li,
  .timeline > li.timeline-inverted { width: 100% !important; left: 0 !important; }
  .timeline-panel { margin-left: 0 !important; margin-right: 0 !important; }
}

/* ZY Solutions RD hide non-public CMS archive chrome */
.serendipity_plugin_archives { display: none !important; }

/* ZY Solutions RD refined timeline readability final */
.timeline,
.timeline > li,
.timeline > li.timeline-inverted,
.timeline > li > .timeline-panel,
.timeline-panel,
.timeline-heading,
.timeline-body,
.timeline-footer {
  background: transparent !important;
  background-color: transparent !important;
}
.timeline > li > .timeline-panel,
.timeline-panel {
  background: #ffffff !important;
  border: 1px solid #dbeafe !important;
  border-radius: 16px !important;
  box-shadow: 0 18px 46px rgba(15, 23, 42, .09) !important;
  overflow: hidden !important;
}
.timeline-body {
  background: #ffffff !important;
  color: #334155 !important;
  padding: 18px 18px 20px !important;
}
.timeline-body h2,
.timeline-body h2 a,
.timeline-panel h2,
.timeline-panel h2 a {
  color: #071426 !important;
  font-size: 24px !important;
  line-height: 1.22 !important;
  font-weight: 900 !important;
}
.timeline-body p,
.timeline-body div,
.serendipity_entry_body { color: #475569 !important; }
.timeline-heading img,
.timeline-panel img.img-responsive {
  border-radius: 14px 14px 0 0 !important;
  border: 0 !important;
  width: 100% !important;
}
.timeline:before {
  background: linear-gradient(180deg, #0f6fff, #12c6d9) !important;
  opacity: .55 !important;
}
.timeline-badge {
  background: #ffffff !important;
  border: 3px solid #0f6fff !important;
  box-shadow: 0 0 0 5px rgba(15,111,255,.10) !important;
}
.timeline-badge i,
.timeline-badge .glyphicon { color: #0f6fff !important; }
a.btn, .btn, .btn-success, .btn-primary, .btn-theme,
.timeline-body a[href*="#extended"] {
  background: linear-gradient(135deg, #0f6fff, #3155e7) !important;
  border-color: transparent !important;
  color: #ffffff !important;
  border-radius: 999px !important;
  font-weight: 800 !important;
}
.serendipity_plugin_plug,
.serendipity_plugin_superuser,
.serendipity_plugin_syndication,
.serendipity_plugin_archives { display: none !important; }
@media (min-width: 768px) {
  .timeline > li > .timeline-panel,
  .timeline-panel { max-width: 398px !important; }
}
@media (max-width: 767px) {
  .timeline { margin: 0 !important; padding: 0 10px !important; }
  .timeline:before,
  .timeline-badge { display: none !important; }
  .timeline > li,
  .timeline > li.timeline-inverted { margin: 0 0 24px !important; padding: 0 !important; }
  .timeline > li > .timeline-panel,
  .timeline-panel { width: 100% !important; float: none !important; margin: 0 !important; }
}