@charset "UTF-8";/* co2info.gr – Cassiopeia child "cassiopeia_co2info" (media/templates/site/cassiopeia_co2info/css/user.css)
   Port of the Purity III custom.css look: green #0f6e5c brand, green sticky navbar, card sidebar, tables, tool widgets. 2026-10-14 */

:root {
  --c-text: #1f2a30;
  --c-muted: #5f6b73;
  --c-brand: #0f6e5c;
  --c-brand-dark: #0a5245;
  --c-accent: #e8f4f0;
  --c-border: #e3e8eb;
  --c-bg-soft: #f6f8f9;
  --radius: 12px;
  --font: system-ui, -apple-system, "Segoe UI", Roboto, "Noto Sans", "Helvetica Neue", Arial, sans-serif;
  --cassiopeia-color-primary: #0f6e5c;
  --cassiopeia-color-link: #0f6e5c;
  --cassiopeia-color-hover: #0a5245;
  --cassiopeia-font-family-body: var(--font);
  --cassiopeia-font-family-headings: var(--font);
  --link-color: #0f6e5c;
  --link-hover-color: #0a5245;
  --bs-link-color: #0f6e5c;
  --bs-link-color-rgb: 15, 110, 92;
  --bs-link-hover-color: #0a5245;
  --bs-link-hover-color-rgb: 10, 82, 69;
  --co2-wrap: 1200px;
}

/* ---------- Base typography ---------- */
html { -webkit-text-size-adjust: 100%; }
body.co2 {
  font-family: var(--font);
  font-size: 17px;
  line-height: 1.7;
  color: var(--c-text);
  background: #fff;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
  margin: 0;
}
.co2 h1, .co2 h2, .co2 h3, .co2 h4, .co2 h5, .co2 h6 {
  font-family: var(--font);
  color: #13232b;
  font-weight: 700;
  letter-spacing: -0.01em;
  line-height: 1.25;
}
.co2 a { color: var(--c-brand); text-decoration-thickness: 1px; text-underline-offset: 3px; }
.co2 a:hover, .co2 a:focus { color: var(--c-brand-dark); }
.co2 ::selection { background: #cdeee4; }

.co2-wrap { max-width: var(--co2-wrap); margin: 0 auto; padding: 0 20px; box-sizing: border-box; }

/* ---------- Header / top navigation ---------- */
.co2-header {
  position: sticky;
  top: 0;
  z-index: 1030;
  background: var(--c-brand);
  box-shadow: 0 2px 12px rgba(0,0,0,.08);
  color: #fff;
}
.co2-header-row {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0 18px;
  min-height: 56px;
}
.co2 .co2-brand {
  color: #fff;
  font-weight: 700;
  font-size: 20px;
  text-decoration: none;
  white-space: nowrap;
  padding: 10px 0;
}
.co2 .co2-brand:hover { color: #fff; opacity: .9; }
.co2-nav { flex: 1 1 auto; }
.co2-nav ul.mod-menu, .co2-nav ul.nav { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: row; flex-wrap: wrap; gap: 2px; }
.co2-nav li { margin: 0; }
.co2 .co2-nav a, .co2 .co2-nav .nav-header, .co2 .co2-nav .separator {
  display: block;
  color: #fff;
  font-weight: 600;
  text-decoration: none;
  padding: 8px 14px;
  border-radius: 8px;
  line-height: 1.4;
}
.co2 .co2-nav a:hover, .co2 .co2-nav a:focus,
.co2 .co2-nav .current > a, .co2 .co2-nav .active > a {
  background: rgba(255,255,255,.14);
  color: #fff;
}
.co2-nav ul ul { display: none; }
.co2-head-search { margin-left: auto; }
.co2-head-search .mod-languages { margin: 0; }
.co2-head-search .mod-languages ul { margin: 0; padding: 0; display: flex; gap: 8px; }
.co2-head-search .mod-languages li { margin: 0; list-style: none; }
.co2-head-search .mod-languages a { display: block; padding: 4px; border-radius: 4px; line-height: 0; }
.co2-head-search .mod-languages .lang-active a { background: rgba(255,255,255,.25); }
.co2-head-search .mod-languages img { display: block; }
.co2-toggler {
  display: none;
  background: transparent;
  border: 1px solid rgba(255,255,255,.5);
  color: #fff;
  border-radius: 8px;
  padding: 6px 10px;
  font-size: 18px;
  line-height: 1;
  cursor: pointer;
}

@media (min-width: 992px) {
  .co2-nav.collapse:not(.show) { display: block; }
}
@media (max-width: 991.98px) {
  .co2-toggler { display: inline-block; order: 3; }
  .co2-head-search { order: 2; }
  .co2-nav { order: 4; flex-basis: 100%; }
  .co2-nav ul.mod-menu, .co2-nav ul.nav { flex-direction: column; padding: 4px 0 12px; }
}

/* ---------- Main layout ---------- */
.co2-main {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 36px;
  padding-top: 32px;
  padding-bottom: 48px;
}
.has-sidebar .co2-main { grid-template-columns: minmax(0, 1fr) 300px; }
.co2-content { min-width: 0; }
.co2 .page-header { border-bottom: 0; margin-top: 0; padding-bottom: 0; }

/* Menu page heading above the article: small label instead of a second big title (as in Purity) */
.co2 .page-header .page-title {
  font-size: 13px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: .09em;
  color: var(--c-brand);
  margin: 0 0 6px;
  line-height: 1.4;
}

/* Breadcrumbs */
.co2 .mod-breadcrumbs, .co2 .breadcrumb {
  background: transparent;
  padding: 0;
  margin-bottom: 16px;
  font-size: 14px;
  color: var(--c-muted);
}
.co2 .breadcrumb a { color: var(--c-muted); }
.co2-content-top ol.breadcrumb, .co2-content-top ol { padding-left: 0 !important; padding-top: 0 !important; margin-left: 0; }

/* ---------- Article ---------- */
.co2 .com-content-article, .co2 .item-page, .co2 .com-content-category-blog, .co2 .blog-featured, .co2 .category-list { max-width: 760px; }
.co2 .com-content-article .page-header h1, .co2 .com-content-article .page-header h2,
.co2 .item-page .page-header h1, .co2 .item-page .page-header h2 {
  font-size: clamp(28px, 3.4vw, 40px);
  line-height: 1.18;
  margin: 4px 0 12px;
}
.co2 .page-header h2 a, .co2 .item-title a { color: #13232b; text-decoration: none; }
.co2 .page-header h2 a:hover, .co2 .item-title a:hover { color: var(--c-brand); }

.co2 .article-info, .co2 dl.article-info {
  font-size: 14px;
  color: var(--c-muted);
  margin-bottom: 24px;
  display: flex;
  flex-wrap: wrap;
  gap: 4px 16px;
}
.co2 .article-info dd { margin: 0; }
.co2 .article-info .article-info-term { display: none; }

.co2 .com-content-article__body, .co2 :is(.com-content-article__body, [itemprop="articleBody"]) { font-size: 18px; }
.co2 .com-content-article__body p, .co2 :is(.com-content-article__body, [itemprop="articleBody"]) p { margin: 0 0 1.15em; }
.co2 .com-content-article__body > p:first-child { font-size: 1.12em; color: #26363e; }
.co2 :is(.com-content-article__body, [itemprop="articleBody"]) h2 { font-size: 28px; margin: 2em 0 .6em; padding-top: .2em; }
.co2 :is(.com-content-article__body, [itemprop="articleBody"]) h3 { font-size: 21px; margin: 1.6em 0 .5em; color: var(--c-brand-dark); }
.co2 :is(.com-content-article__body, [itemprop="articleBody"]) h2[id], .co2 :is(.com-content-article__body, [itemprop="articleBody"]) h3[id] { scroll-margin-top: 80px; }
.co2 :is(.com-content-article__body, [itemprop="articleBody"]) ul, .co2 :is(.com-content-article__body, [itemprop="articleBody"]) ol { padding-left: 1.4em; margin: 0 0 1.3em; }
.co2 :is(.com-content-article__body, [itemprop="articleBody"]) li { margin-bottom: .45em; }
.co2 :is(.com-content-article__body, [itemprop="articleBody"]) li::marker { color: var(--c-brand); }
.co2 :is(.com-content-article__body, [itemprop="articleBody"]) strong { color: #13232b; }
.co2 :is(.com-content-article__body, [itemprop="articleBody"]) img { max-width: 100%; height: auto; border-radius: var(--radius); }
.co2 :is(.com-content-article__body, [itemprop="articleBody"]) iframe { max-width: 100%; }
.co2 :is(.com-content-article__body, [itemprop="articleBody"]) hr { border: 0; border-top: 1px solid var(--c-border); margin: 2em 0; opacity: 1; }
.co2 :is(.com-content-article__body, [itemprop="articleBody"]) blockquote {
  border-left: 4px solid var(--c-brand);
  background: var(--c-accent);
  padding: 14px 20px;
  border-radius: 0 var(--radius) var(--radius) 0;
  color: #24343b;
}

/* Tables (articles use .table .table-striped .table-bordered) */
.co2 :is(.com-content-article__body, [itemprop="articleBody"]) table {
  width: 100%;
  border-collapse: separate;
  border-spacing: 0;
  border: 1px solid var(--c-border) !important;
  border-radius: var(--radius);
  overflow: hidden;
  font-size: 16px;
  margin: 1.4em 0 1.8em;
}
.co2 :is(.com-content-article__body, [itemprop="articleBody"]) table th {
  background: var(--c-accent);
  color: #13232b;
  font-weight: 700;
  border: 0 !important;
  border-bottom: 1px solid var(--c-border) !important;
  padding: 12px 14px !important;
  vertical-align: bottom;
}
.co2 :is(.com-content-article__body, [itemprop="articleBody"]) table td {
  border: 0 !important;
  border-top: 1px solid var(--c-border) !important;
  padding: 11px 14px !important;
  vertical-align: top;
}
.co2 :is(.com-content-article__body, [itemprop="articleBody"]) .table-striped > tbody > tr:nth-of-type(odd) > * { --bs-table-accent-bg: var(--c-bg-soft); --bs-table-bg-type: var(--c-bg-soft); }

/* Cassiopeia sets .table thead th { white-space: nowrap }, which widens article tables past 375px */
.co2 .com-content-article__body table th:not(:is(.cre, .ccf, .ceb, .cq, .cfv, .cas) th) { white-space: normal; }

/* Category / tag list filter row: let the search box and buttons wrap on phones */
.co2 .com-content__filter.btn-group, .co2 .com-tags-tags__filter.btn-group, .co2 .com-tags-tag__filter.btn-group { flex-wrap: wrap; max-width: 100%; gap: 6px; }
.co2 .com-content__filter input, .co2 .com-tags-tags__filter input, .co2 .com-tags-tag__filter input { min-width: 0; flex: 1 1 160px; }

/* In-article ad units: breathing room */
.co2 :is(.com-content-article__body, [itemprop="articleBody"]) ins.adsbygoogle { margin: 28px 0; display: block; }

/* Prev / next */
.co2 .pagenavigation { margin-top: 40px; }
.co2 .pagenavigation .btn, .co2 .pagination .page-link {
  border-radius: 999px;
  border: 1px solid var(--c-border);
  background: #fff;
  color: var(--c-brand);
  padding: 8px 18px;
  font-weight: 600;
}
.co2 .pagenavigation .btn:hover { background: var(--c-accent); }

/* Tags */
.co2 .tags .btn, .co2 .tags a, .co2 ul.tags .btn-info {
  background: var(--c-accent);
  color: var(--c-brand-dark);
  border: 0;
  border-radius: 999px;
  padding: 5px 12px;
  font-weight: 600;
  font-size: 13px;
  text-decoration: none;
}

/* Modules below the article / content (Related articles, Latest articles) */
.co2-article-bottom, .co2-content-bottom { max-width: 760px; margin-top: 32px; }
.co2-article-bottom .moduletable > h3, .co2-content-bottom .moduletable > h3 {
  font-size: 15px;
  text-transform: uppercase;
  letter-spacing: .06em;
  color: var(--c-brand-dark);
  margin: 0 0 12px;
}
.co2-article-bottom .moduletable, .co2-content-bottom .moduletable { margin-bottom: 28px; }
.co2-article-bottom ul.mod-articles-items, .co2-content-bottom ul.mod-articles-items,
.co2-article-bottom ul, .co2-content-bottom ul { padding-left: 1.2em; }

/* ---------- Sidebar ---------- */
.co2-sidebar .moduletable {
  background: var(--c-bg-soft);
  border: 1px solid var(--c-border);
  border-radius: var(--radius);
  padding: 18px 20px;
  margin-bottom: 22px;
}
.co2-sidebar .moduletable > h3 {
  font-size: 15px;
  text-transform: uppercase;
  letter-spacing: .06em;
  color: var(--c-brand-dark);
  margin: 0 0 12px;
}
.co2-sidebar ul { padding-left: 0; list-style: none; margin: 0; }
.co2-sidebar li { font-size: 15px; line-height: 1.45; padding: 7px 0; border-top: 1px solid var(--c-border); }
.co2-sidebar li:first-child { border-top: 0; padding-top: 0; }
.co2 .co2-sidebar li a { color: #24343b; text-decoration: none; }
.co2 .co2-sidebar li a:hover { color: var(--c-brand); }
.co2-sidebar .mod-tagspopular li, .co2-sidebar .tagspopular li { display: inline-block; border: 0; padding: 0; margin: 0 6px 8px 0; }
.co2 .co2-sidebar .mod-tagspopular li a, .co2 .co2-sidebar .tagspopular li a {
  display: inline-block;
  background: #fff;
  border: 1px solid var(--c-border);
  border-radius: 999px;
  padding: 4px 12px;
  font-size: 13px;
}
.co2-sidebar .tag-count { display: none; }
.co2-sidebar input[type="search"], .co2-sidebar input[type="text"], .co2-sidebar .form-control {
  border-radius: 999px;
  border: 1px solid var(--c-border);
  padding: 8px 16px;
  height: auto;
  box-shadow: none;
}
.co2-sidebar .mod-finder__search { display: flex; gap: 6px; }
.co2-sidebar .mod-finder .btn { border-radius: 999px; background: var(--c-brand); border-color: var(--c-brand); color: #fff; }

/* ---------- Blog / featured / category listings ---------- */
.co2 .blog-item, .co2 .blog-items > .blog-item, .co2 .com-content-category-blog__item {
  border-bottom: 1px solid var(--c-border);
  padding-bottom: 24px;
  margin-bottom: 24px;
}
.co2 .blog-item h2, .co2 .item-content h2 { font-size: 24px; }
.co2 .readmore .btn, .co2 a.btn.btn-secondary.readmore, .co2 p.readmore a.btn {
  border-radius: 999px;
  background: var(--c-brand);
  border-color: var(--c-brand);
  color: #fff;
  font-weight: 600;
}
.co2 .readmore .btn:hover { background: var(--c-brand-dark); }
.co2 .category-list table td, .co2 .category-list table th { padding: 12px 10px; }

/* ---------- Footer ---------- */
.co2-footer {
  background: #12262d;
  color: #b8c4c9;
  font-size: 14px;
  padding: 28px 0 22px;
}
.co2 .co2-footer a { color: #e2f2ec; }
.co2-footer .mod-custom { margin: 0; }
.co2-footer-links { font-size: 15px; line-height: 1.9; margin: 0 0 6px; text-align: center; color: #b8c4c9; }
.co2 .co2-footer-links a { color: #e2f2ec; text-decoration: none; font-weight: 600; }
.co2 .co2-footer-links a:hover { text-decoration: underline; color: #fff; }
.co2-footer-copy { font-size: 13px; color: #8fa3ab; text-align: center; margin: 0; }

/* ---------- Mobile ---------- */
@media (max-width: 991.98px) {
  .has-sidebar .co2-main { grid-template-columns: minmax(0, 1fr); }
}
@media (max-width: 767px) {
  body.co2 { font-size: 16px; }
  .co2-wrap { padding: 0 16px; }
  .co2-main { padding-top: 20px; gap: 24px; }
  .co2 .com-content-article__body, .co2 :is(.com-content-article__body, [itemprop="articleBody"]) { font-size: 17px; }
  .co2 :is(.com-content-article__body, [itemprop="articleBody"]) h2 { font-size: 24px; }
  .co2 :is(.com-content-article__body, [itemprop="articleBody"]) h3 { font-size: 19px; }
  .co2 :is(.com-content-article__body, [itemprop="articleBody"]) table { font-size: 15px; }
  .co2 :is(.com-content-article__body, [itemprop="articleBody"]) table th, .co2 :is(.com-content-article__body, [itemprop="articleBody"]) table td { padding: 9px 10px !important; }
}