/* =====================================================================
   TIMELY COST — Sitewide Modern Theme
   Include on every page via:
   <link rel="stylesheet" type="text/css" media="all" href="/sites/all/themes/zen/timelyzen/css/timely-theme.css" />
   ===================================================================== */

@import url("https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@500;600;700&family=Inter:wght@400;500;600&display=swap");

html, body {
  margin: 0 !important;
  padding: 0 !important;
  background: #0b1220 !important;
  background-image:
    radial-gradient(1200px 800px at 90% -10%, rgba(14,156,173,0.18), transparent 60%),
    radial-gradient(900px 600px at -10% 20%, rgba(154,237,247,0.10), transparent 55%) !important;
  color: #eaf3f7 !important;
  font-family: 'Inter', system-ui, sans-serif !important;
  line-height: 1.65 !important;
}

#page-wrapper, #page { background: transparent !important; }

a { color: #9AEDF7 !important; text-decoration: none; }
a:hover { color: #C7F5F9 !important; text-decoration: underline; }
img { max-width: 100%; }

h1, h2, h3, h4 { font-family: 'Space Grotesk', sans-serif !important; color: #ffffff !important; margin: 0 0 0.5em; }

/* ===================== HEADER ===================== */
#header {
  background: rgba(11,18,32,0.85) !important;
  border-bottom: 1px solid rgba(154,237,247,0.14) !important;
  padding: 0 !important;
}
#header .section,
#header .region-header {
  max-width: 1200px;
  margin: 0 auto;
  padding: 14px 24px;
  overflow: hidden; /* clearfix via float */
}
#header .region-header:after { content: ""; display: table; clear: both; }

#block-block-5 {
  float: left !important;
  margin: 4px 24px 4px 0 !important;
}
#block-block-5 img {
  height: 42px !important;
  width: auto !important;
  border-radius: 8px !important;
}

#block-menu-primary-links {
  float: left !important;
}
#block-menu-primary-links .menu,
#block-menu-secondary-links .content > ul.menu {
  list-style: none !important;
  margin: 0 !important;
  padding: 0 !important;
}
#block-menu-primary-links .menu li {
  float: left !important;
  list-style: none !important;
  margin: 0 6px 0 0 !important;
}
#block-menu-primary-links .menu a {
  display: inline-block !important;
  padding: 9px 16px !important;
  border-radius: 999px !important;
  color: #9fb0c6 !important;
  font-weight: 500 !important;
  font-size: 0.94rem !important;
  background: transparent !important;
}
#block-menu-primary-links .menu a:hover {
  color: #ffffff !important;
  background: #16223f !important;
  text-decoration: none !important;
}
#block-menu-primary-links .menu a.active {
  color: #002529 !important;
  background: #9AEDF7 !important;
  font-weight: 600 !important;
}
#block-block-4 { display: none !important; }

/* ===================== LAYOUT ===================== */
#main-wrapper {
  max-width: 1200px !important;
  margin: 0 auto !important;
  padding: 40px 24px 60px !important;
  overflow: hidden;
}
#main.clearfix:after { content: ""; display: table; clear: both; }

#content.column {
  float: left !important;
  width: 66% !important;
  margin-right: 4% !important;
  box-sizing: border-box !important;
}
.region-sidebar-second.column.sidebar {
  float: left !important;
  width: 30% !important;
  box-sizing: border-box !important;
}

/* single-column pages without sidebar */
body.sidebar-none #content.column,
body.one-sidebar.sidebar-first #content.column {
  width: 100% !important;
  margin-right: 0 !important;
}

@media (max-width: 900px) {
  #content.column, .region-sidebar-second.column.sidebar {
    float: none !important;
    width: 100% !important;
    margin-right: 0 !important;
  }
}

/* ===================== PAGE TITLE ===================== */
.title, h1.title {
  font-size: 2.2rem !important;
  letter-spacing: -0.02em !important;
  color: #ffffff !important;
  margin-bottom: 6px !important;
}
.title:after {
  content: "" !important;
  display: block !important;
  width: 64px !important;
  height: 4px !important;
  margin-top: 14px !important;
  border-radius: 4px !important;
  background: #0e9cad !important;
}

/* ===================== CONTENT CARD ===================== */
#content-area {
  background: #121b34 !important;
  border: 1px solid rgba(154,237,247,0.14) !important;
  border-radius: 16px !important;
  padding: 36px 40px !important;
  margin-top: 26px !important;
  overflow: hidden;
}
#content-area p, #content-area li, #content-area td {
  color: #9fb0c6 !important;
}
#content-area p span[style*="color"] { color: #9fb0c6 !important; }
#content-area strong em {
  color: #9AEDF7 !important;
  font-style: normal !important;
  font-weight: 600 !important;
  border-left: 3px solid #0e9cad !important;
  padding-left: 10px !important;
}
#content-area a { color: #9AEDF7 !important; }

/* Views exposed filter forms (e.g. members_list) */
.view-filters,
#views-exposed-form-members-list-page-1 {
  background: #16223f !important;
  border: 1px solid rgba(154,237,247,0.14) !important;
  border-radius: 12px !important;
  padding: 18px 20px !important;
  margin-bottom: 24px !important;
  overflow: hidden;
}
.view-filters label,
#views-exposed-form-members-list-page-1 label {
  color: #9fb0c6 !important;
  font-size: 0.85rem !important;
}
.view-filters input[type="text"],
.view-filters select,
#views-exposed-form-members-list-page-1 input[type="text"],
#views-exposed-form-members-list-page-1 select {
  background: #0f1830 !important;
  border: 1px solid rgba(154,237,247,0.2) !important;
  color: #eaf3f7 !important;
  border-radius: 8px !important;
  padding: 6px 10px !important;
}
.view-filters .form-submit,
#views-exposed-form-members-list-page-1 .form-submit {
  background: #0e9cad !important;
  color: #ffffff !important;
  border: none !important;
  border-radius: 8px !important;
  padding: 8px 18px !important;
  font-weight: 600 !important;
  cursor: pointer !important;
}
.view-filters .form-submit:hover,
#views-exposed-form-members-list-page-1 .form-submit:hover {
  background: #9AEDF7 !important;
  color: #002529 !important;
}

/* Views grid / member tables */
table.views-view-grid,
#content-area table {
  width: 100% !important;
  border-collapse: separate !important;
  border-spacing: 0 10px !important;
  background: transparent !important;
}
table.views-view-grid td,
#content-area table td,
#content-area table th {
  background: #16223f !important;
  border: 1px solid rgba(154,237,247,0.14) !important;
  color: #eaf3f7 !important;
  padding: 14px 18px !important;
  border-radius: 10px !important;
  vertical-align: top !important;
}
table.views-view-grid td.col-first { border-radius: 10px 0 0 10px !important; }
table.views-view-grid td.col-last { border-radius: 0 10px 10px 0 !important; }
.fullname { color: #ffffff !important; font-weight: 600 !important; font-family: 'Space Grotesk', sans-serif !important; }
.institution { color: #9fb0c6 !important; }
.website a { color: #9AEDF7 !important; }

/* Slideshare / embed widgets */
#__ss_5442170 {
  margin-top: 26px !important;
  padding: 20px 24px !important;
  background: #16223f !important;
  border: 1px solid rgba(154,237,247,0.14) !important;
  border-radius: 12px !important;
  width: auto !important;
}
#__ss_5442170 strong a {
  color: #ffffff !important;
  font-family: 'Space Grotesk', sans-serif !important;
  font-size: 1.05rem !important;
}
#__ss_5442170 div { color: #9fb0c6 !important; font-size: 0.9rem !important; }

/* ===================== SIDEBAR ===================== */
.region-sidebar-second .block {
  margin-bottom: 26px !important;
}

#block-views-news_scroll-block_1 {
  background: #16223f !important;
  border: 1px solid rgba(154,237,247,0.14) !important;
  border-radius: 16px !important;
  padding: 22px 24px !important;
  position: relative !important;
  overflow: hidden !important;
}
.views-field-title { overflow: hidden; }
.views-label-title {
  float: left !important;
  margin-right: 8px !important;
  font-size: 0.72rem !important;
  text-transform: uppercase !important;
  letter-spacing: 0.1em !important;
  color: #9AEDF7 !important;
  font-weight: 700 !important;
}
.views-field-title .field-content a {
  font-family: 'Space Grotesk', sans-serif !important;
  font-size: 1.15rem !important;
  color: #ffffff !important;
  font-weight: 600 !important;
}
.views_slideshow_singleframe_hidden { display: none !important; }

#block-menu-secondary-links {
  background: #121b34 !important;
  border: 1px solid rgba(154,237,247,0.14) !important;
  border-radius: 16px !important;
  padding: 22px 24px !important;
  overflow: hidden;
}
#block-menu-secondary-links .content > ul.menu li {
  list-style: none !important;
  margin: 0 0 2px !important;
}
#block-menu-secondary-links .content ul.menu a {
  display: block !important;
  padding: 10px 12px !important;
  border-radius: 8px !important;
  color: #9fb0c6 !important;
  font-weight: 500 !important;
  text-decoration: none !important;
}
#block-menu-secondary-links .content ul.menu a.active {
  background: rgba(154,237,247,0.12) !important;
  color: #9AEDF7 !important;
  font-weight: 700 !important;
  border-left: 3px solid #9AEDF7 !important;
}
#block-menu-secondary-links .content ul.menu a:hover {
  color: #ffffff !important;
  background: #16223f !important;
}
#block-menu-secondary-links ul.menu ul.menu {
  list-style: none !important;
  margin: 2px 0 4px 10px !important;
  padding: 0 0 0 12px !important;
  border-left: 1px solid rgba(154,237,247,0.14) !important;
}
#block-menu-secondary-links ul.menu ul.menu li a {
  padding: 7px 10px !important;
  font-size: 0.9rem !important;
  color: #9fb0c6 !important;
}
#block-menu-secondary-links ul.menu ul.menu li a.active {
  color: #9AEDF7 !important;
  background: transparent !important;
  border-left: none !important;
  font-weight: 600 !important;
}

#block-user-0 {
  background: #121b34 !important;
  border: 1px solid rgba(154,237,247,0.14) !important;
  border-radius: 16px !important;
  padding: 22px 24px !important;
}
#block-user-0 .title { font-size: 1rem !important; color: #ffffff !important; margin-bottom: 14px !important; }
#block-user-0 label { display: block !important; margin-bottom: 14px !important; font-size: 0.9rem !important; color: #9fb0c6 !important; }
.form-required { color: #9AEDF7 !important; }
#block-user-0 input[type="text"],
#block-user-0 input[type="password"] {
  background: #0f1830 !important;
  border: 1px solid rgba(154,237,247,0.2) !important;
  color: #eaf3f7 !important;
  border-radius: 8px !important;
  padding: 6px 10px !important;
  width: 100% !important;
  box-sizing: border-box !important;
}

/* ===================== FOOTER ===================== */
#footer {
  border-top: 1px solid rgba(154,237,247,0.14) !important;
  margin-top: 20px !important;
  background: #0f1830 !important;
}
#footer .section,
#footer .region-footer {
  max-width: 1200px !important;
  margin: 0 auto !important;
  padding: 20px 24px !important;
  overflow: hidden;
}
#block-menu-menu-footermenu .menu li {
  float: left !important;
  list-style: none !important;
  margin: 0 20px 0 0 !important;
  color: #9fb0c6 !important;
  font-size: 0.85rem !important;
}
#block-menu-menu-footermenu .menu li a { color: #9AEDF7 !important; }