:root {
  --ck-todo-list-checkmark-size: 17px;
  --primary: #1D4D7E;
  --secondary: #853a51;
  --tertiary: #94C4C1;
}

ul.social-media {
  list-style-type: none;
  display: flex;
  justify-content: flex-end;
  align-items: center;
  flex-wrap: wrap;
}

ul.social-media li {
  display: inline-block;
  padding: 0; 
  display: flex;
  font-size: 0.9rem;
  margin: 0 8px 0 0;
}

ul.social-media li:first-child {
  margin-right: 8px;
  display: flex;
  justify-content: center;
  align-items: center;
  min-width: 72px;
}

ul.social-media li.email-btn {
  background-color: var(--secondary);
  border-radius: 4px;
}

ul.social-media li.email-btn a i {
  padding-top: 2px;
}

ul.social-media li a {
  text-decoration: none;
  padding: 3px 12px;
  display: flex;
}

ul.social-media li a i {
  display: flex;
  align-items: center;
  margin-right: 8px;
}

.card.video-card {
  clear: both;
}

.blog-badge span.badge {
  font-size: 15px;
  font-weight: 400;
  padding: 6px 8px;
}

.nexus-post-date {
  margin-top: 20px;
  font-weight: 700;
}

ul.nexus-authors {
  margin-top: 2px;
  margin-bottom: 20px;
  list-style-type: none;
  padding-left: 0;
}

ul.nexus-authors li {
  display: inline-block;
  font-style: italic;
}

ul.nexus-authors li:not(:last-child) {
  /*margin-right: 25px;*/
}

ul.nexus-authors li > div {
  /*
  display: flex;
  align-items: center;*/
  display: inline-block;
}

ul.nexus-authors li i {
  margin-right: 10px;
  color: #d4d4d4;
  font-size: 3rem;
}

ul.nexus-authors li img {
  max-width: 70px;
  max-height: 70px;
  -webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
  filter: grayscale(100%); 
  clip-path: circle();
  margin-right: 10px;
}

.nexus-content {
  margin-top: 20px;
}

.post-last-updated {
  margin-top: 10px;
  margin-bottom: 10px;
  color: #7f7f7f;
  font-style: italic;
}

.post-tags {
  list-style-type: none;
  padding-left: 0;
}

.post-tags li {
  display: inline-block;
}

.post-related-news .card {
  /*height: 100%;*/
  margin-bottom: 20px;
}

figure.post-image {
  display: flex;
  flex-flow: column;
  width: 100%;
  height: auto;
  max-width: min-content;
  /*padding: 4px;
  border: thin #bcbdbe solid;*/
}

figure.post-image img {
  padding: 14px;
  border: 2px solid #ededed;
  border-radius: 4px;
  height: auto;
  /*max-width: 100%;*/
}

figure.post-image figcaption {
  font: italic smaller sans-serif;
  text-align: center;
  font-weight: 600;
}

figure.post-image.card-view {
  padding: 4px;
  border: thin #eaeaea solid;
}

figure.post-image.card-view figcaption {
  background-color: #272727;
  background-color: #20558a;
  color: #fff;
  font-weight: 400;
}

figure.post-image img {
  width: auto;
  height: auto;
}

figure.table {
  box-sizing: border-box;
  margin-top: 1.75em;
  margin-bottom: 1.75em;
  clear: both;
  width: auto;
  margin-left: auto;
  margin-right: auto;
  overflow: auto;
}

figure,
figure.table table {
  display: block;
  clear: both;
}

figure.table figure::after {
  display: block;
  clear: both;
  content: "";
}

figure.table table {
  color: #fff;
  background: #20558a;
  border-color: #BCBDBE;
  caption-side: unset;
  font-size: 16px;
  border-collapse: collapse;
  border-left: 1px solid #BCBDBE;
  border-right: 1px solid #BCBDBE;
  display: table;
  font-weight: 400;
  line-height: 24px;
  text-align: start;
  text-indent: 0px;
  text-size-adjust: 100%;
  unicode-bidi: isolate;
  vertical-align: top;
  width: 100%;
}

figure.table table thead {
  display: table-header-group;
}

figure.table table thead tr th {
  color: #fff;
  background: #20558a;
  border-color: #4d77a1;
  padding: 16px 12px;
  display: table-cell;
  line-height: 24px;
  padding: 16px 12px;
  font-weight: 400;
  line-height: 24px;
  text-align: start;
  text-indent: 0px;
  text-size-adjust: 100%;
  unicode-bidi: isolate;
  vertical-align: middle;
}

figure.table table tbody {
  display: table-row-group;
  vertical-align: middle;
  unicode-bidi: isolate;
  border-color: inherit;
  border-style: solid;
  border-width: 0;
}

thead, tbody, tfoot, tr, td, th {
  border-color: inherit;
  border-style: solid;
  border-width: 0;
}

figure.table table > tbody > tr:nth-of-type(odd) > * {
  background-color: #ececec;
}

figure.table table tbody tr td {
  display: table-cell;
  padding: 16px 12px;
  line-height: 24px;
  text-size-adjust: 100%;
  vertical-align: middle;
  text-align: start;
  text-indent: 0px;
  border-bottom: 1px solid #BCBDBE;
}

figure.table table tbody tr a {
  text-decoration: none;
}

figure.table table tbody tr a:hover {
  text-decoration: underline;
}

figure.table figcaption {
  padding-top: 5px;
}

ul.todo-list {
  list-style-type: none;
  padding-left: 9px;
}

ul.todo-list li {
  list-style: none;
}

ul.todo-list li label {
  display: flex;
  align-items: center;
}

ul.todo-list li input {
  margin-right: 8px;
  appearance: none;
  -webkit-appearance: none;
  display: inline-block;
  position: relative;
  width: var(--ck-todo-list-checkmark-size);
  height: var(--ck-todo-list-checkmark-size);
  vertical-align: middle;
  border: 0;
  /*left: -25px;*/
  left: 0px;
  right: 0;
  margin-left: 0;
  border-radius: 1px;
}


ul.todo-list li label.todo-list__label input[checked]::before {
  background: hsl(126, 64%, 41%);
  border-color: hsl(126, 64%, 41%);
}

ul.todo-list li label.todo-list__label input::before {
  display: block;
  position: absolute;
  box-sizing: border-box;
  content: '';
  width: 100%;
  height: 100%;
  border: 1px solid hsl(0, 0%, 31%);
  border-radius: 3px;
  transition: 250ms ease-in-out box-shadow;
}

ul.todo-list li label.todo-list__label input[checked]::after {
  border-color: hsl(0, 0%, 100%);
}

ul.todo-list li label.todo-list__label input::after {
  display: block;
  position: absolute;
  box-sizing: content-box;
  pointer-events: none;
  content: '';
  left: calc(var(--ck-todo-list-checkmark-size) / 3);
  top: calc(var(--ck-todo-list-checkmark-size) / 5.3);
  width: calc(var(--ck-todo-list-checkmark-size) / 5.3);
  height: calc(var(--ck-todo-list-checkmark-size) / 2.6);
  border-style: solid;
  border-color: transparent;
  border-width: 0 calc(var(--ck-todo-list-checkmark-size) / 8) calc(var(--ck-todo-list-checkmark-size) / 8) 0;
  transform: rotate(45deg);
}

.post-contact,
.post-categories,
.post-last-updated,
.post-related-news {
  clear: both;
}

/* Special case for already publsihed Nexus news (stage & prod)  */
#post__684c6770b6ec0e94ee036d02 .post-categories,
#post__682f837e7dea63d0df09aae2 .post-categories {
  clear: none;
}

.post-hr-bottom {
  clear: both;
}

.nexus-post-releases {
  list-style-type: none;
  padding-left: 0;
  margin-bottom: 2px;
}

.nexus-post-releases li {
  display: inline-block;
}

.nexus-post-releases li a {
  text-decoration: none;
}

/* Nexus Post Listing
--------------------------------------------*/
.nexus-posts h2 {
  margin-top: 20px;
}

.nexus-posts h2 a {
  text-decoration: none;
}

.nexus-posts .post-division {
  margin-top: 25px;
}

.nexus-posts .post-date-authors {
  margin-bottom: 8px;
}

.post-topic-label,
.post-cat-label {
  font-weight: 600;
  margin-bottom: 4px;
}

/* Articles by Issue
-----------------------------------------------*/
.issues {
  list-style-type: none;
  padding-left: 0;
}

.issues li {
  margin-bottom: 4px;
}

.issues li a {
  text-decoration: none;
  font-weight: 700;
  font-size: 1.3rem;
}

@media only screen and (max-width: 767px) {
  .nexus-content .post-image {
    float: none !important;
    max-width: none !important;
    width: 100% !important;
    height: auto !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }

  figure.table {
    width: auto !important;
  }

  .video-card .border-start {
    border-left: none !important;
  } 

  .video-card .border-end {
    border-right: none !important;
  }

  .post-related-news .row > div {
    margin-bottom: 16px;
  }

  .nexus-posts {
    padding-left: 12px;
    padding-right: 12px;
  }

}