/**
 * #.# Common SCSS
 *
 * Can include things like variables and mixins
 * that are used across the project.
*/
.wp-block-table figcaption {
  color: #7f7f7f;
  font-size: 14px;
  line-height: 18px; }
  @media screen and (min-width: 768px) {
    .wp-block-table figcaption {
      font-size: 14px;
      line-height: 18px; } }

.editor-block-list__block,
.block-editor-block-list__block {
  font-family: var(--font__body); }
  .lang-zh .editor-block-list__block, .editor-block-list__block.lang-zh, .lang-zh
  .block-editor-block-list__block,
  .block-editor-block-list__block.lang-zh {
    font-family: "Noto Sans SC", sans-serif; }
  .editor-block-list__block .editor-block-list__block-edit:before,
  .editor-block-list__block .block-editor-block-list__block-edit:before,
  .block-editor-block-list__block .editor-block-list__block-edit:before,
  .block-editor-block-list__block .block-editor-block-list__block-edit:before {
    right: -1.875rem !important;
    left: -1.875rem !important; }
  .editor-inner-blocks .editor-block-list__block .editor-block-list__block-edit:before, .editor-inner-blocks
  .editor-block-list__block .block-editor-block-list__block-edit:before, .editor-inner-blocks
  .block-editor-block-list__block .editor-block-list__block-edit:before, .editor-inner-blocks
  .block-editor-block-list__block .block-editor-block-list__block-edit:before {
    right: 0 !important;
    left: 0 !important; }

@media screen and (min-width: 768px) {
  .wp-block-columns {
    margin: 0 -59.66667px 2rem !important; } }

@media screen and (min-width: 1024px) {
  .wp-block-columns {
    margin: 0 -169.33333px 2rem !important; } }

@media screen and (min-width: 1280px) {
  .wp-block-columns {
    margin: 0 -169.33333px 2rem !important; } }

@media screen and (min-width: 1441px) {
  .wp-block-columns {
    margin: 0 -101.33333px 2rem !important; } }

.wp-block-columns.block-editor-block-list__block {
  max-width: 46.25rem;
  margin: 0 auto !important; }

.wp-block-table {
  border-spacing: 0;
  border-collapse: inherit;
  background-color: transparent; }
  .wp-block-table table {
    border-bottom: 1px solid #f3f4f5; }
  .wp-block-table table tbody tr:nth-child(odd) {
    background-color: #f4f4f4; }
  .wp-block-table th, .wp-block-table td {
    border-color: transparent; }
  .wp-block-table figcaption {
    padding-top: 0.5rem; }

.table-source {
  font-size: 14px;
  padding: 10px 0; }
  .table-source span {
    display: inline-block;
    margin-right: 0.5rem; }

.table-source--edit {
  background: #fafafa;
  margin-top: 10px;
  padding: 10px;
  font-size: 14px; }
  .table-source--edit span {
    display: block;
    border: 1px solid #ddd;
    border-radius: 0.1875rem;
    background: white;
    padding: 0.3125rem;
    margin-bottom: 0.3125rem; }
    .table-source--edit span.table-source-title:before {
      content: 'Source title:';
      opacity: 0.7;
      display: inline-block;
      height: 100%;
      line-height: 100%;
      padding: 0 0.3125rem;
      font-size: 10px; }
    .table-source--edit span.table-source-link:before {
      content: 'Source url:';
      opacity: 0.7;
      display: inline-block;
      height: 100%;
      line-height: 100%;
      padding: 0 0.3125rem;
      font-size: 10px; }

.block-editor-block-list__layout .block-editor-block-list__block[data-type="cd/story-image"]:before {
  left: -35px;
  right: -35px; }

.wp-block-columns .block-editor-block-list__layout .block-editor-block-list__block[data-type="cd/story-image"]:before {
  left: -15px;
  right: -15px; }

.wp-block-embed__wrapper--aspect-ratio {
  position: relative; }
  .wp-block-embed__wrapper--aspect-ratio iframe {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0; }

.embed-aspect-ratio--edit {
  background: #F2F2F2;
  padding: 10px;
  border-radius: 5px; }
  .embed-aspect-ratio--edit select {
    width: 7.5rem;
    margin-left: 0.625rem;
    margin-bottom: 0.375rem; }

/**
 * #.# Styles
 *
 * CSS for both Frontend+Backend.
 */
.block--did-you-know {
  background: var(--color__theme-primary-lighter);
  border-left: 0.25rem solid var(--color__theme-primary);
  color: #000000;
  /*margin: 0 $space-sm $space-sm column-width(-2, $xlarge-container);
  width: column-width(4, $xlarge-container);*/
  padding: 1rem 0.75rem;
  position: relative;
  z-index: 2; }
  .block--did-you-know.alignleft {
    margin-right: 1rem;
    display: block; }
  .block--did-you-know__title {
    font-size: 22px;
    line-height: 24px;
    font-family: var(--font__headings);
    margin: 0; }
    .lang-zh .block--did-you-know__title, .block--did-you-know__title.lang-zh {
      font-family: "Noto Sans SC", sans-serif; }
  .block--did-you-know__content p {
    font-size: 14px;
    line-height: 18px; }
    .block--did-you-know__content p:last-of-type {
      margin-bottom: 0; }
  @media screen and (min-width: 768px) {
    .block--did-you-know {
      margin: 0 1.5rem 1.5rem -59.66667px;
      width: 222.66667px; } }
  @media screen and (min-width: 1024px) {
    .block--did-you-know {
      margin: 0 1.5rem 1.5rem -152.66667px;
      width: 289.33333px; } }
  @media screen and (min-width: 1280px) {
    .block--did-you-know {
      margin: 0 1.5rem 1.5rem -169.33333px;
      width: 322.66667px; } }
  @media screen and (min-width: 1441px) {
    .block--did-you-know {
      margin: 0 1.5rem 1.5rem -101.33333px;
      width: 288px; } }
  .block--did-you-know.alignright {
    margin-left: 1rem;
    display: block; }
    @media screen and (min-width: 768px) {
      .block--did-you-know.alignright {
        margin: 0 -59.66667px 1.5rem 1.5rem; } }
    @media screen and (min-width: 1024px) {
      .block--did-you-know.alignright {
        margin: 0 -169.33333px 1.5rem 1.5rem; } }
    @media screen and (min-width: 1280px) {
      .block--did-you-know.alignright {
        margin: 0 -169.33333px 1.5rem 1.5rem; } }
    @media screen and (min-width: 1441px) {
      .block--did-you-know.alignright {
        margin: 0 -101.33333px 1.5rem 1.5rem; } }
/**
 * #.# Common SCSS
 *
 * Can include things like variables and mixins
 * that are used across the project.
*/
.block--pullout-stat__title {
  font-size: 22px;
  line-height: 24px; }
  @media screen and (min-width: 768px) {
    .block--pullout-stat__title {
      font-size: 22px;
      line-height: 24px; } }

.block--pullout-stat__content p {
  font-size: 14px;
  line-height: 18px; }
  @media screen and (min-width: 768px) {
    .block--pullout-stat__content p {
      font-size: 14px;
      line-height: 18px; } }

.wp-block-table figcaption {
  color: #7f7f7f;
  font-size: 14px;
  line-height: 18px; }
  @media screen and (min-width: 768px) {
    .wp-block-table figcaption {
      font-size: 14px;
      line-height: 18px; } }

.editor-block-list__block,
.block-editor-block-list__block {
  font-family: var(--font__body); }
  .lang-zh .editor-block-list__block, .editor-block-list__block.lang-zh, .lang-zh
  .block-editor-block-list__block,
  .block-editor-block-list__block.lang-zh {
    font-family: "Noto Sans SC", sans-serif; }
  .editor-block-list__block .editor-block-list__block-edit:before,
  .editor-block-list__block .block-editor-block-list__block-edit:before,
  .block-editor-block-list__block .editor-block-list__block-edit:before,
  .block-editor-block-list__block .block-editor-block-list__block-edit:before {
    right: -1.875rem !important;
    left: -1.875rem !important; }
  .editor-inner-blocks .editor-block-list__block .editor-block-list__block-edit:before, .editor-inner-blocks
  .editor-block-list__block .block-editor-block-list__block-edit:before, .editor-inner-blocks
  .block-editor-block-list__block .editor-block-list__block-edit:before, .editor-inner-blocks
  .block-editor-block-list__block .block-editor-block-list__block-edit:before {
    right: 0 !important;
    left: 0 !important; }

@media screen and (min-width: 768px) {
  .wp-block-columns {
    margin: 0 -59.66667px 2rem !important; } }

@media screen and (min-width: 1024px) {
  .wp-block-columns {
    margin: 0 -169.33333px 2rem !important; } }

@media screen and (min-width: 1280px) {
  .wp-block-columns {
    margin: 0 -169.33333px 2rem !important; } }

@media screen and (min-width: 1441px) {
  .wp-block-columns {
    margin: 0 -101.33333px 2rem !important; } }

.wp-block-columns.block-editor-block-list__block {
  max-width: 46.25rem;
  margin: 0 auto !important; }

.wp-block-table {
  border-spacing: 0;
  border-collapse: inherit;
  background-color: transparent; }
  .wp-block-table table {
    border-bottom: 1px solid #f3f4f5; }
  .wp-block-table table tbody tr:nth-child(odd) {
    background-color: #f4f4f4; }
  .wp-block-table th, .wp-block-table td {
    border-color: transparent; }
  .wp-block-table figcaption {
    padding-top: 0.5rem; }

.table-source {
  font-size: 14px;
  padding: 10px 0; }
  .table-source span {
    display: inline-block;
    margin-right: 0.5rem; }

.table-source--edit {
  background: #fafafa;
  margin-top: 10px;
  padding: 10px;
  font-size: 14px; }
  .table-source--edit span {
    display: block;
    border: 1px solid #ddd;
    border-radius: 0.1875rem;
    background: white;
    padding: 0.3125rem;
    margin-bottom: 0.3125rem; }
    .table-source--edit span.table-source-title:before {
      content: 'Source title:';
      opacity: 0.7;
      display: inline-block;
      height: 100%;
      line-height: 100%;
      padding: 0 0.3125rem;
      font-size: 10px; }
    .table-source--edit span.table-source-link:before {
      content: 'Source url:';
      opacity: 0.7;
      display: inline-block;
      height: 100%;
      line-height: 100%;
      padding: 0 0.3125rem;
      font-size: 10px; }

.block-editor-block-list__layout .block-editor-block-list__block[data-type="cd/story-image"]:before {
  left: -35px;
  right: -35px; }

.wp-block-columns .block-editor-block-list__layout .block-editor-block-list__block[data-type="cd/story-image"]:before {
  left: -15px;
  right: -15px; }

.wp-block-embed__wrapper--aspect-ratio {
  position: relative; }
  .wp-block-embed__wrapper--aspect-ratio iframe {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0; }

.embed-aspect-ratio--edit {
  background: #F2F2F2;
  padding: 10px;
  border-radius: 5px; }
  .embed-aspect-ratio--edit select {
    width: 7.5rem;
    margin-left: 0.625rem;
    margin-bottom: 0.375rem; }

/**
 * #.# Styles
 *
 * CSS for both Frontend+Backend.
 */
.block--pullout-stat {
  background: var(--color__theme-primary-lighter);
  border-left: 0.25rem solid var(--color__theme-primary);
  color: #000000;
  padding: 1rem 0.75rem;
  position: relative;
  z-index: 2; }
  .block--pullout-stat__title {
    font-family: var(--font__headings);
    margin: 0; }
    .lang-zh .block--pullout-stat__title, .block--pullout-stat__title.lang-zh {
      font-family: "Noto Sans SC", sans-serif; }
  .block--pullout-stat.alignleft {
    margin-right: 1rem;
    display: block; }
  .block--pullout-stat__content p:last-of-type {
    margin-bottom: 0; }
  @media screen and (min-width: 768px) {
    .block--pullout-stat {
      margin: 0 1.5rem 1.5rem -59.66667px;
      width: 222.66667px; } }
  @media screen and (min-width: 1024px) {
    .block--pullout-stat {
      margin: 0 1.5rem 1.5rem -169.33333px;
      width: 322.66667px; } }
  @media screen and (min-width: 1280px) {
    .block--pullout-stat {
      margin: 0 1.5rem 1.5rem -169.33333px;
      width: 322.66667px; } }
  @media screen and (min-width: 1441px) {
    .block--pullout-stat {
      margin: 0 1.5rem 1.5rem -101.33333px;
      width: 288px; } }
  .block--pullout-stat.alignright {
    margin-left: 1rem;
    display: block; }
    @media screen and (min-width: 768px) {
      .block--pullout-stat.alignright {
        margin: 0 -59.66667px 1.5rem 1.5rem; } }
    @media screen and (min-width: 1024px) {
      .block--pullout-stat.alignright {
        margin: 0 -169.33333px 1.5rem 1.5rem; } }
    @media screen and (min-width: 1280px) {
      .block--pullout-stat.alignright {
        margin: 0 -169.33333px 1.5rem 1.5rem; } }
    @media screen and (min-width: 1441px) {
      .block--pullout-stat.alignright {
        margin: 0 -101.33333px 1.5rem 1.5rem; } }
/**
 * #.# Common SCSS
 *
 * Can include things like variables and mixins
 * that are used across the project.
*/
.wp-block-table figcaption {
  color: #7f7f7f;
  font-size: 14px;
  line-height: 18px; }
  @media screen and (min-width: 768px) {
    .wp-block-table figcaption {
      font-size: 14px;
      line-height: 18px; } }

.editor-block-list__block,
.block-editor-block-list__block {
  font-family: var(--font__body); }
  .lang-zh .editor-block-list__block, .editor-block-list__block.lang-zh, .lang-zh
  .block-editor-block-list__block,
  .block-editor-block-list__block.lang-zh {
    font-family: "Noto Sans SC", sans-serif; }
  .editor-block-list__block .editor-block-list__block-edit:before,
  .editor-block-list__block .block-editor-block-list__block-edit:before,
  .block-editor-block-list__block .editor-block-list__block-edit:before,
  .block-editor-block-list__block .block-editor-block-list__block-edit:before {
    right: -1.875rem !important;
    left: -1.875rem !important; }
  .editor-inner-blocks .editor-block-list__block .editor-block-list__block-edit:before, .editor-inner-blocks
  .editor-block-list__block .block-editor-block-list__block-edit:before, .editor-inner-blocks
  .block-editor-block-list__block .editor-block-list__block-edit:before, .editor-inner-blocks
  .block-editor-block-list__block .block-editor-block-list__block-edit:before {
    right: 0 !important;
    left: 0 !important; }

@media screen and (min-width: 768px) {
  .wp-block-columns {
    margin: 0 -59.66667px 2rem !important; } }

@media screen and (min-width: 1024px) {
  .wp-block-columns {
    margin: 0 -169.33333px 2rem !important; } }

@media screen and (min-width: 1280px) {
  .wp-block-columns {
    margin: 0 -169.33333px 2rem !important; } }

@media screen and (min-width: 1441px) {
  .wp-block-columns {
    margin: 0 -101.33333px 2rem !important; } }

.wp-block-columns.block-editor-block-list__block {
  max-width: 46.25rem;
  margin: 0 auto !important; }

.wp-block-table {
  border-spacing: 0;
  border-collapse: inherit;
  background-color: transparent; }
  .wp-block-table table {
    border-bottom: 1px solid #f3f4f5; }
  .wp-block-table table tbody tr:nth-child(odd) {
    background-color: #f4f4f4; }
  .wp-block-table th, .wp-block-table td {
    border-color: transparent; }
  .wp-block-table figcaption {
    padding-top: 0.5rem; }

.table-source {
  font-size: 14px;
  padding: 10px 0; }
  .table-source span {
    display: inline-block;
    margin-right: 0.5rem; }

.table-source--edit {
  background: #fafafa;
  margin-top: 10px;
  padding: 10px;
  font-size: 14px; }
  .table-source--edit span {
    display: block;
    border: 1px solid #ddd;
    border-radius: 0.1875rem;
    background: white;
    padding: 0.3125rem;
    margin-bottom: 0.3125rem; }
    .table-source--edit span.table-source-title:before {
      content: 'Source title:';
      opacity: 0.7;
      display: inline-block;
      height: 100%;
      line-height: 100%;
      padding: 0 0.3125rem;
      font-size: 10px; }
    .table-source--edit span.table-source-link:before {
      content: 'Source url:';
      opacity: 0.7;
      display: inline-block;
      height: 100%;
      line-height: 100%;
      padding: 0 0.3125rem;
      font-size: 10px; }

.block-editor-block-list__layout .block-editor-block-list__block[data-type="cd/story-image"]:before {
  left: -35px;
  right: -35px; }

.wp-block-columns .block-editor-block-list__layout .block-editor-block-list__block[data-type="cd/story-image"]:before {
  left: -15px;
  right: -15px; }

.wp-block-embed__wrapper--aspect-ratio {
  position: relative; }
  .wp-block-embed__wrapper--aspect-ratio iframe {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0; }

.embed-aspect-ratio--edit {
  background: #F2F2F2;
  padding: 10px;
  border-radius: 5px; }
  .embed-aspect-ratio--edit select {
    width: 7.5rem;
    margin-left: 0.625rem;
    margin-bottom: 0.375rem; }

/**
 * #.# Styles
 *
 * CSS for both Frontend+Backend.
 */
.block--related-news {
  border-top: 0.0625rem solid rgba(207, 207, 207, 0.5);
  border-bottom: 0.0625rem solid rgba(207, 207, 207, 0.5);
  color: #000000;
  padding: 1rem 0;
  margin-bottom: 0.625rem;
  position: relative;
  z-index: 2;
  display: -ms-flexbox;
  display: flex; }
  .entry-content .block--related-news {
    border-bottom: 0.0625rem solid rgba(207, 207, 207, 0.5); }
  .block--related-news.alignright {
    margin-left: 1rem;
    display: -ms-flexbox;
    display: flex; }
  .block--related-news__image {
    min-height: 6.1875rem;
    width: 50%;
    margin-right: 1rem; }
    .loading .block--related-news__image {
      background: #F2F2F2; }
  .block--related-news__content {
    width: 50%; }
  .block--related-news__heading {
    display: block;
    min-height: 0.625rem;
    margin-bottom: 0;
    color: var(--color__theme-primary);
    text-transform: uppercase;
    letter-spacing: 0.05em;
    font-size: 0.875rem;
    font-family: var(--font__body); }
    .lang-zh .block--related-news__heading, .block--related-news__heading.lang-zh {
      font-family: "Noto Sans SC", sans-serif; }
  .block--related-news__title {
    font-size: 17px;
    line-height: 20px;
    font-family: var(--font__headings);
    margin: 0;
    display: block;
    min-height: calc(100% - 30px); }
    .lang-zh .block--related-news__title, .block--related-news__title.lang-zh {
      font-family: "Noto Sans SC", sans-serif; }
    .loading .block--related-news__title {
      background: #F2F2F2;
      background: -webkit-repeating-linear-gradient(bottom, #ffffff, #ffffff 10px, #F2F2F2 10px, #F2F2F2 20px);
      background: -o-repeating-linear-gradient(bottom, #ffffff, #ffffff 10px, #F2F2F2 10px, #F2F2F2 20px);
      background: repeating-linear-gradient(0deg, #ffffff, #ffffff 10px, #F2F2F2 10px, #F2F2F2 20px); }
  @media screen and (min-width: 768px) {
    .block--related-news {
      width: 222.66667px; } }
  @media screen and (min-width: 1024px) {
    .block--related-news {
      width: 289.33333px; } }
  @media screen and (min-width: 1280px) {
    .block--related-news {
      width: 322.66667px; } }
  @media screen and (min-width: 1441px) {
    .block--related-news {
      width: 288px; } }
/**
 * #.# Common SCSS
 *
 * Can include things like variables and mixins
 * that are used across the project.
*/

.block--pull-quote__quote {
  font-size: 24px;
  line-height: 28px; }
  @media screen and (min-width: 768px) {
    
    .block--pull-quote__quote {
      font-size: 36px;
      line-height: 40px; } }

.wp-block-table figcaption, .block--pull-quote__cite {
  color: #7f7f7f;
  font-size: 14px;
  line-height: 18px; }
  @media screen and (min-width: 768px) {
    .wp-block-table figcaption, .block--pull-quote__cite {
      font-size: 14px;
      line-height: 18px; } }

.editor-block-list__block,
.block-editor-block-list__block {
  font-family: var(--font__body); }
  .lang-zh .editor-block-list__block, .editor-block-list__block.lang-zh, .lang-zh
  .block-editor-block-list__block,
  .block-editor-block-list__block.lang-zh {
    font-family: "Noto Sans SC", sans-serif; }
  .editor-block-list__block .editor-block-list__block-edit:before,
  .editor-block-list__block .block-editor-block-list__block-edit:before,
  .block-editor-block-list__block .editor-block-list__block-edit:before,
  .block-editor-block-list__block .block-editor-block-list__block-edit:before {
    right: -1.875rem !important;
    left: -1.875rem !important; }
  .editor-inner-blocks .editor-block-list__block .editor-block-list__block-edit:before, .editor-inner-blocks
  .editor-block-list__block .block-editor-block-list__block-edit:before, .editor-inner-blocks
  .block-editor-block-list__block .editor-block-list__block-edit:before, .editor-inner-blocks
  .block-editor-block-list__block .block-editor-block-list__block-edit:before {
    right: 0 !important;
    left: 0 !important; }

@media screen and (min-width: 768px) {
  .wp-block-columns {
    margin: 0 -59.66667px 2rem !important; } }

@media screen and (min-width: 1024px) {
  .wp-block-columns {
    margin: 0 -169.33333px 2rem !important; } }

@media screen and (min-width: 1280px) {
  .wp-block-columns {
    margin: 0 -169.33333px 2rem !important; } }

@media screen and (min-width: 1441px) {
  .wp-block-columns {
    margin: 0 -101.33333px 2rem !important; } }

.wp-block-columns.block-editor-block-list__block {
  max-width: 46.25rem;
  margin: 0 auto !important; }

.wp-block-table {
  border-spacing: 0;
  border-collapse: inherit;
  background-color: transparent; }
  .wp-block-table table {
    border-bottom: 1px solid #f3f4f5; }
  .wp-block-table table tbody tr:nth-child(odd) {
    background-color: #f4f4f4; }
  .wp-block-table th, .wp-block-table td {
    border-color: transparent; }
  .wp-block-table figcaption {
    padding-top: 0.5rem; }

.table-source {
  font-size: 14px;
  padding: 10px 0; }
  .table-source span {
    display: inline-block;
    margin-right: 0.5rem; }

.table-source--edit {
  background: #fafafa;
  margin-top: 10px;
  padding: 10px;
  font-size: 14px; }
  .table-source--edit span {
    display: block;
    border: 1px solid #ddd;
    border-radius: 0.1875rem;
    background: white;
    padding: 0.3125rem;
    margin-bottom: 0.3125rem; }
    .table-source--edit span.table-source-title:before {
      content: 'Source title:';
      opacity: 0.7;
      display: inline-block;
      height: 100%;
      line-height: 100%;
      padding: 0 0.3125rem;
      font-size: 10px; }
    .table-source--edit span.table-source-link:before {
      content: 'Source url:';
      opacity: 0.7;
      display: inline-block;
      height: 100%;
      line-height: 100%;
      padding: 0 0.3125rem;
      font-size: 10px; }

.block-editor-block-list__layout .block-editor-block-list__block[data-type="cd/story-image"]:before {
  left: -35px;
  right: -35px; }

.wp-block-columns .block-editor-block-list__layout .block-editor-block-list__block[data-type="cd/story-image"]:before {
  left: -15px;
  right: -15px; }

.wp-block-embed__wrapper--aspect-ratio {
  position: relative; }
  .wp-block-embed__wrapper--aspect-ratio iframe {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0; }

.embed-aspect-ratio--edit {
  background: #F2F2F2;
  padding: 10px;
  border-radius: 5px; }
  .embed-aspect-ratio--edit select {
    width: 7.5rem;
    margin-left: 0.625rem;
    margin-bottom: 0.375rem; }

/**
 * #.# Styles
 *
 * CSS for both Frontend+Backend.
 */
.block--pull-quote {
  border-top: 0.0625rem solid rgba(207, 207, 207, 0.5);
  border-bottom: 0.0625rem solid rgba(207, 207, 207, 0.5);
  text-align: center;
  padding: 6rem 1.5rem;
  margin: 2rem 0; }
  .block--pull-quote--no-citation {
    padding: 6rem 1.5rem 2.5rem; }
  .block--pull-quote__wrapper {
    position: relative; }
    @media screen and (min-width: 768px) {
      .block--pull-quote__wrapper {
        max-width: 580.66667px;
        margin: 0 auto; } }
    @media screen and (min-width: 1024px) {
      .block--pull-quote__wrapper {
        max-width: 747.33333px;
        margin: 0 auto; } }
    @media screen and (min-width: 1280px) {
      .block--pull-quote__wrapper {
        max-width: 830.66667px;
        margin: 0 auto; } }
    @media screen and (min-width: 1441px) {
      .block--pull-quote__wrapper {
        max-width: 997.33333px;
        margin: 0 auto; } }
    .block--pull-quote__wrapper:before {
      content: '';
      display: block;
      background: url("./images/icons/quote.svg");
      position: absolute;
      top: -1.5rem;
      left: 50%;
      height: 2rem;
      width: 2rem;
      -webkit-transform: translate(-50%, -100%);
          -ms-transform: translate(-50%, -100%);
              transform: translate(-50%, -100%); }
    .cd-theme--blue .block--pull-quote__wrapper:before {
      background: url("./images/icons/quote-blue.svg"); }
  .block--pull-quote__quote {
    margin: 0;
    padding: 0;
    border-left: 0;
    font-family: var(--font__headings); }
    .lang-zh .block--pull-quote__quote, .block--pull-quote__quote.lang-zh {
      font-family: "Noto Sans SC", sans-serif; }
  .block--pull-quote__cite {
    position: absolute;
    bottom: -1rem/16pxrem;
    left: 0;
    -webkit-transform: translateY(100%);
        -ms-transform: translateY(100%);
            transform: translateY(100%);
    width: 100%;
    padding: 0 1.875rem;
    text-align: center;
    font-style: normal; }
  @media screen and (min-width: 768px) {
    .block--pull-quote {
      margin: 2rem -59.66667px; } }
  @media screen and (min-width: 1024px) {
    .block--pull-quote {
      margin: 2rem -169.33333px; } }
  @media screen and (min-width: 1280px) {
    .block--pull-quote {
      margin: 2rem -169.33333px; } }
  @media screen and (min-width: 1441px) {
    .block--pull-quote {
      margin: 2rem -101.33333px; } }
/**
 * #.# Common SCSS
 *
 * Can include things like variables and mixins
 * that are used across the project.
*/

.block--accordion__title {
  font-size: 16px;
  line-height: 24px; }
  @media screen and (min-width: 768px) {
    
    .block--accordion__title {
      font-size: 17px;
      line-height: 28px; } }

.block--accordion__content p {
  font-size: 14px;
  line-height: 18px; }
  @media screen and (min-width: 768px) {
    .block--accordion__content p {
      font-size: 14px;
      line-height: 18px; } }

.wp-block-table figcaption {
  color: #7f7f7f;
  font-size: 14px;
  line-height: 18px; }
  @media screen and (min-width: 768px) {
    .wp-block-table figcaption {
      font-size: 14px;
      line-height: 18px; } }

.editor-block-list__block,
.block-editor-block-list__block {
  font-family: var(--font__body); }
  .lang-zh .editor-block-list__block, .editor-block-list__block.lang-zh, .lang-zh
  .block-editor-block-list__block,
  .block-editor-block-list__block.lang-zh {
    font-family: "Noto Sans SC", sans-serif; }
  .editor-block-list__block .editor-block-list__block-edit:before,
  .editor-block-list__block .block-editor-block-list__block-edit:before,
  .block-editor-block-list__block .editor-block-list__block-edit:before,
  .block-editor-block-list__block .block-editor-block-list__block-edit:before {
    right: -1.875rem !important;
    left: -1.875rem !important; }
  .editor-inner-blocks .editor-block-list__block .editor-block-list__block-edit:before, .editor-inner-blocks
  .editor-block-list__block .block-editor-block-list__block-edit:before, .editor-inner-blocks
  .block-editor-block-list__block .editor-block-list__block-edit:before, .editor-inner-blocks
  .block-editor-block-list__block .block-editor-block-list__block-edit:before {
    right: 0 !important;
    left: 0 !important; }

@media screen and (min-width: 768px) {
  .wp-block-columns {
    margin: 0 -59.66667px 2rem !important; } }

@media screen and (min-width: 1024px) {
  .wp-block-columns {
    margin: 0 -169.33333px 2rem !important; } }

@media screen and (min-width: 1280px) {
  .wp-block-columns {
    margin: 0 -169.33333px 2rem !important; } }

@media screen and (min-width: 1441px) {
  .wp-block-columns {
    margin: 0 -101.33333px 2rem !important; } }

.wp-block-columns.block-editor-block-list__block {
  max-width: 46.25rem;
  margin: 0 auto !important; }

.wp-block-table {
  border-spacing: 0;
  border-collapse: inherit;
  background-color: transparent; }
  .wp-block-table table {
    border-bottom: 1px solid #f3f4f5; }
  .wp-block-table table tbody tr:nth-child(odd) {
    background-color: #f4f4f4; }
  .wp-block-table th, .wp-block-table td {
    border-color: transparent; }
  .wp-block-table figcaption {
    padding-top: 0.5rem; }

.table-source {
  font-size: 14px;
  padding: 10px 0; }
  .table-source span {
    display: inline-block;
    margin-right: 0.5rem; }

.table-source--edit {
  background: #fafafa;
  margin-top: 10px;
  padding: 10px;
  font-size: 14px; }
  .table-source--edit span {
    display: block;
    border: 1px solid #ddd;
    border-radius: 0.1875rem;
    background: white;
    padding: 0.3125rem;
    margin-bottom: 0.3125rem; }
    .table-source--edit span.table-source-title:before {
      content: 'Source title:';
      opacity: 0.7;
      display: inline-block;
      height: 100%;
      line-height: 100%;
      padding: 0 0.3125rem;
      font-size: 10px; }
    .table-source--edit span.table-source-link:before {
      content: 'Source url:';
      opacity: 0.7;
      display: inline-block;
      height: 100%;
      line-height: 100%;
      padding: 0 0.3125rem;
      font-size: 10px; }

.block-editor-block-list__layout .block-editor-block-list__block[data-type="cd/story-image"]:before {
  left: -35px;
  right: -35px; }

.wp-block-columns .block-editor-block-list__layout .block-editor-block-list__block[data-type="cd/story-image"]:before {
  left: -15px;
  right: -15px; }

.wp-block-embed__wrapper--aspect-ratio {
  position: relative; }
  .wp-block-embed__wrapper--aspect-ratio iframe {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0; }

.embed-aspect-ratio--edit {
  background: #F2F2F2;
  padding: 10px;
  border-radius: 5px; }
  .embed-aspect-ratio--edit select {
    width: 7.5rem;
    margin-left: 0.625rem;
    margin-bottom: 0.375rem; }

/**
 * #.# Styles
 *
 * CSS for both Frontend+Backend.
 */
.block--accordion__title {
  margin: 0;
  padding: 0;
  border-left: 0;
  font-weight: 500;
  background: #E8F0F1;
  padding: 0.5rem 1.5rem;
  display: -ms-flexbox;
  display: flex;
  min-height: 3.5rem;
  -ms-flex-align: center;
      align-items: center;
  cursor: pointer;
  -webkit-transition: background 0.15s;
  -o-transition: background 0.15s;
  transition: background 0.15s;
  position: relative; }
  .block--accordion__title:hover, .block--accordion__title:focus, .block--accordion__title:active {
    background: #d4edee; }
  .block--accordion__title:after {
    content: '';
    height: 1.25rem;
    width: 0.125rem;
    background: #000000;
    position: absolute;
    right: 1.5rem;
    top: 50%;
    -webkit-transform: translate(-0.5625rem, -50%);
        -ms-transform: translate(-0.5625rem, -50%);
            transform: translate(-0.5625rem, -50%);
    -webkit-transition: height 0.1s;
    -o-transition: height 0.1s;
    transition: height 0.1s; }
  .block--accordion__title:before {
    content: '';
    width: 1.25rem;
    height: 0.125rem;
    background: #000000;
    position: absolute;
    right: 1.5rem;
    top: 50%;
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%); }
  .open .block--accordion__title:after {
    height: 0.125rem; }

.block--accordion__content {
  overflow: hidden;
  height: 0px;
  -webkit-transition: height 0.15s cubic-bezier(0.4, 0, 0.2, 1);
  -o-transition: height 0.15s cubic-bezier(0.4, 0, 0.2, 1);
  transition: height 0.15s cubic-bezier(0.4, 0, 0.2, 1);
  background: #E8F0F1;
  color: #444444; }
  .block--accordion__content__inner {
    padding: 0.5rem 1.5rem 1.5rem; }
  .block--accordion__content p:first-child {
    margin-top: 0; }
  .block--accordion__content p:last-child {
    margin-bottom: 0; }
/**
 * #.# Common SCSS
 *
 * Can include things like variables and mixins
 * that are used across the project.
*/
.wp-block-table figcaption, .block--article-image__caption,
.block--article-image figcaption,
figure.wp-caption__caption,
figure.wp-caption figcaption {
  color: #7f7f7f;
  font-size: 14px;
  line-height: 18px; }
  @media screen and (min-width: 768px) {
    .wp-block-table figcaption, .block--article-image__caption,
    .block--article-image figcaption,
    figure.wp-caption__caption,
    figure.wp-caption figcaption {
      font-size: 14px;
      line-height: 18px; } }

.editor-block-list__block,
.block-editor-block-list__block {
  font-family: var(--font__body); }
  .lang-zh .editor-block-list__block, .editor-block-list__block.lang-zh, .lang-zh
  .block-editor-block-list__block,
  .block-editor-block-list__block.lang-zh {
    font-family: "Noto Sans SC", sans-serif; }
  .editor-block-list__block .editor-block-list__block-edit:before,
  .editor-block-list__block .block-editor-block-list__block-edit:before,
  .block-editor-block-list__block .editor-block-list__block-edit:before,
  .block-editor-block-list__block .block-editor-block-list__block-edit:before {
    right: -1.875rem !important;
    left: -1.875rem !important; }
  .editor-inner-blocks .editor-block-list__block .editor-block-list__block-edit:before, .editor-inner-blocks
  .editor-block-list__block .block-editor-block-list__block-edit:before, .editor-inner-blocks
  .block-editor-block-list__block .editor-block-list__block-edit:before, .editor-inner-blocks
  .block-editor-block-list__block .block-editor-block-list__block-edit:before {
    right: 0 !important;
    left: 0 !important; }

@media screen and (min-width: 768px) {
  .wp-block-columns {
    margin: 0 -59.66667px 2rem !important; } }

@media screen and (min-width: 1024px) {
  .wp-block-columns {
    margin: 0 -169.33333px 2rem !important; } }

@media screen and (min-width: 1280px) {
  .wp-block-columns {
    margin: 0 -169.33333px 2rem !important; } }

@media screen and (min-width: 1441px) {
  .wp-block-columns {
    margin: 0 -101.33333px 2rem !important; } }

.wp-block-columns.block-editor-block-list__block {
  max-width: 46.25rem;
  margin: 0 auto !important; }

.wp-block-table {
  border-spacing: 0;
  border-collapse: inherit;
  background-color: transparent; }
  .wp-block-table table {
    border-bottom: 1px solid #f3f4f5; }
  .wp-block-table table tbody tr:nth-child(odd) {
    background-color: #f4f4f4; }
  .wp-block-table th, .wp-block-table td {
    border-color: transparent; }
  .wp-block-table figcaption {
    padding-top: 0.5rem; }

.table-source {
  font-size: 14px;
  padding: 10px 0; }
  .table-source span {
    display: inline-block;
    margin-right: 0.5rem; }

.table-source--edit {
  background: #fafafa;
  margin-top: 10px;
  padding: 10px;
  font-size: 14px; }
  .table-source--edit span {
    display: block;
    border: 1px solid #ddd;
    border-radius: 0.1875rem;
    background: white;
    padding: 0.3125rem;
    margin-bottom: 0.3125rem; }
    .table-source--edit span.table-source-title:before {
      content: 'Source title:';
      opacity: 0.7;
      display: inline-block;
      height: 100%;
      line-height: 100%;
      padding: 0 0.3125rem;
      font-size: 10px; }
    .table-source--edit span.table-source-link:before {
      content: 'Source url:';
      opacity: 0.7;
      display: inline-block;
      height: 100%;
      line-height: 100%;
      padding: 0 0.3125rem;
      font-size: 10px; }

.block-editor-block-list__layout .block-editor-block-list__block[data-type="cd/story-image"]:before {
  left: -35px;
  right: -35px; }

.wp-block-columns .block-editor-block-list__layout .block-editor-block-list__block[data-type="cd/story-image"]:before {
  left: -15px;
  right: -15px; }

.wp-block-embed__wrapper--aspect-ratio {
  position: relative; }
  .wp-block-embed__wrapper--aspect-ratio iframe {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0; }

.embed-aspect-ratio--edit {
  background: #F2F2F2;
  padding: 10px;
  border-radius: 5px; }
  .embed-aspect-ratio--edit select {
    width: 7.5rem;
    margin-left: 0.625rem;
    margin-bottom: 0.375rem; }

/**
 * #.# Styles
 *
 * CSS for both Frontend+Backend.
 */
.block--article-image,
figure.wp-caption {
  border-bottom: 1px solid rgba(207, 207, 207, 0.5);
  padding-bottom: 1rem;
  text-align: left; }
  .block--article-image.alignleft,
  figure.wp-caption.alignleft {
    width: calc(50% - 0.5rem);
    margin-right: 1.5rem; }
  .block--article-image.alignright,
  figure.wp-caption.alignright {
    width: calc(50% - 0.5rem);
    margin-left: 1.5rem; }
  .block--article-image .heading,
  figure.wp-caption .heading {
    font-size: 1.5rem;
    font-weight: 600; }
  .block--article-image__image,
  figure.wp-caption__image {
    width: 100%;
    height: auto;
    display: block;
    position: relative;
    cursor: pointer; }
    .block--article-image__image:after,
    figure.wp-caption__image:after {
      content: '';
      background: url("./images/icons/expand.svg") no-repeat center/55% rgba(12, 27, 52, 0.6);
      height: 2rem;
      width: 2rem;
      position: absolute;
      bottom: 0;
      right: 0; }
    .block--article-image__image img,
    figure.wp-caption__image img {
      display: block;
      width: 100%; }
  .block--article-image__caption,
  .block--article-image figcaption,
  figure.wp-caption__caption,
  figure.wp-caption figcaption {
    margin-top: 0.5rem;
    width: calc(100% - 70px); }
  .block--article-image figcaption,
  figure.wp-caption figcaption {
    text-align: left;
    margin: 0.5rem 0 0 0; }
/**
 * #.# Common SCSS
 *
 * Can include things like variables and mixins
 * that are used across the project.
*/
.wp-block-table figcaption, .block--story-image__caption {
  color: #7f7f7f;
  font-size: 14px;
  line-height: 18px; }
  @media screen and (min-width: 768px) {
    .wp-block-table figcaption, .block--story-image__caption {
      font-size: 14px;
      line-height: 18px; } }

.editor-block-list__block,
.block-editor-block-list__block {
  font-family: var(--font__body); }
  .lang-zh .editor-block-list__block, .editor-block-list__block.lang-zh, .lang-zh
  .block-editor-block-list__block,
  .block-editor-block-list__block.lang-zh {
    font-family: "Noto Sans SC", sans-serif; }
  .editor-block-list__block .editor-block-list__block-edit:before,
  .editor-block-list__block .block-editor-block-list__block-edit:before,
  .block-editor-block-list__block .editor-block-list__block-edit:before,
  .block-editor-block-list__block .block-editor-block-list__block-edit:before {
    right: -1.875rem !important;
    left: -1.875rem !important; }
  .editor-inner-blocks .editor-block-list__block .editor-block-list__block-edit:before, .editor-inner-blocks
  .editor-block-list__block .block-editor-block-list__block-edit:before, .editor-inner-blocks
  .block-editor-block-list__block .editor-block-list__block-edit:before, .editor-inner-blocks
  .block-editor-block-list__block .block-editor-block-list__block-edit:before {
    right: 0 !important;
    left: 0 !important; }

@media screen and (min-width: 768px) {
  .wp-block-columns {
    margin: 0 -59.66667px 2rem !important; } }

@media screen and (min-width: 1024px) {
  .wp-block-columns {
    margin: 0 -169.33333px 2rem !important; } }

@media screen and (min-width: 1280px) {
  .wp-block-columns {
    margin: 0 -169.33333px 2rem !important; } }

@media screen and (min-width: 1441px) {
  .wp-block-columns {
    margin: 0 -101.33333px 2rem !important; } }

.wp-block-columns.block-editor-block-list__block {
  max-width: 46.25rem;
  margin: 0 auto !important; }

.wp-block-table {
  border-spacing: 0;
  border-collapse: inherit;
  background-color: transparent; }
  .wp-block-table table {
    border-bottom: 1px solid #f3f4f5; }
  .wp-block-table table tbody tr:nth-child(odd) {
    background-color: #f4f4f4; }
  .wp-block-table th, .wp-block-table td {
    border-color: transparent; }
  .wp-block-table figcaption {
    padding-top: 0.5rem; }

.table-source {
  font-size: 14px;
  padding: 10px 0; }
  .table-source span {
    display: inline-block;
    margin-right: 0.5rem; }

.table-source--edit {
  background: #fafafa;
  margin-top: 10px;
  padding: 10px;
  font-size: 14px; }
  .table-source--edit span {
    display: block;
    border: 1px solid #ddd;
    border-radius: 0.1875rem;
    background: white;
    padding: 0.3125rem;
    margin-bottom: 0.3125rem; }
    .table-source--edit span.table-source-title:before {
      content: 'Source title:';
      opacity: 0.7;
      display: inline-block;
      height: 100%;
      line-height: 100%;
      padding: 0 0.3125rem;
      font-size: 10px; }
    .table-source--edit span.table-source-link:before {
      content: 'Source url:';
      opacity: 0.7;
      display: inline-block;
      height: 100%;
      line-height: 100%;
      padding: 0 0.3125rem;
      font-size: 10px; }

.block-editor-block-list__layout .block-editor-block-list__block[data-type="cd/story-image"]:before {
  left: -35px;
  right: -35px; }

.wp-block-columns .block-editor-block-list__layout .block-editor-block-list__block[data-type="cd/story-image"]:before {
  left: -15px;
  right: -15px; }

.wp-block-embed__wrapper--aspect-ratio {
  position: relative; }
  .wp-block-embed__wrapper--aspect-ratio iframe {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0; }

.embed-aspect-ratio--edit {
  background: #F2F2F2;
  padding: 10px;
  border-radius: 5px; }
  .embed-aspect-ratio--edit select {
    width: 7.5rem;
    margin-left: 0.625rem;
    margin-bottom: 0.375rem; }

/**
 * #.# Styles
 *
 * CSS for both Frontend+Backend.
 */
.block--story-image {
  border-bottom: 1px solid rgba(207, 207, 207, 0.5);
  padding-bottom: 1rem;
  text-align: left; }
  @media screen and (min-width: 768px) {
    .block--story-image {
      margin: 0 -59.66667px !important; } }
  @media screen and (min-width: 1024px) {
    .block--story-image {
      margin: 0 -169.33333px !important; } }
  @media screen and (min-width: 1280px) {
    .block--story-image {
      margin: 0 -169.33333px !important; } }
  @media screen and (min-width: 1441px) {
    .block--story-image {
      margin: 0 -101.33333px !important; } }
  .wp-block-columns .block--story-image {
    margin: 0 0 !important; }
  .block--story-image.alignleft {
    width: calc(50% - 0.5rem);
    margin-right: 1.5rem; }
  .block--story-image.alignright {
    width: calc(50% - 0.5rem);
    margin-left: 1.5rem; }
  .block--story-image .heading {
    font-size: 1.5rem;
    font-weight: 600; }
  .block--story-image__image {
    width: 100%;
    height: auto;
    display: block;
    position: relative;
    cursor: pointer; }
    .block--story-image__image:after {
      content: '';
      background: url("./images/icons/expand.svg") no-repeat center/55% rgba(12, 27, 52, 0.6);
      height: 2rem;
      width: 2rem;
      position: absolute;
      bottom: 0;
      right: 0; }
    .block--story-image__image img {
      display: block;
      width: 100%; }
  .block--story-image__caption {
    margin-top: 0.5rem;
    width: calc(100% - 70px); }
/**
 * #.# Common SCSS
 *
 * Can include things like variables and mixins
 * that are used across the project.
*/
.wp-block-table figcaption, .block--map-embed__caption {
  color: #7f7f7f;
  font-size: 14px;
  line-height: 18px; }
  @media screen and (min-width: 768px) {
    .wp-block-table figcaption, .block--map-embed__caption {
      font-size: 14px;
      line-height: 18px; } }

.editor-block-list__block,
.block-editor-block-list__block {
  font-family: var(--font__body); }
  .lang-zh .editor-block-list__block, .editor-block-list__block.lang-zh, .lang-zh
  .block-editor-block-list__block,
  .block-editor-block-list__block.lang-zh {
    font-family: "Noto Sans SC", sans-serif; }
  .editor-block-list__block .editor-block-list__block-edit:before,
  .editor-block-list__block .block-editor-block-list__block-edit:before,
  .block-editor-block-list__block .editor-block-list__block-edit:before,
  .block-editor-block-list__block .block-editor-block-list__block-edit:before {
    right: -1.875rem !important;
    left: -1.875rem !important; }
  .editor-inner-blocks .editor-block-list__block .editor-block-list__block-edit:before, .editor-inner-blocks
  .editor-block-list__block .block-editor-block-list__block-edit:before, .editor-inner-blocks
  .block-editor-block-list__block .editor-block-list__block-edit:before, .editor-inner-blocks
  .block-editor-block-list__block .block-editor-block-list__block-edit:before {
    right: 0 !important;
    left: 0 !important; }

@media screen and (min-width: 768px) {
  .wp-block-columns {
    margin: 0 -59.66667px 2rem !important; } }

@media screen and (min-width: 1024px) {
  .wp-block-columns {
    margin: 0 -169.33333px 2rem !important; } }

@media screen and (min-width: 1280px) {
  .wp-block-columns {
    margin: 0 -169.33333px 2rem !important; } }

@media screen and (min-width: 1441px) {
  .wp-block-columns {
    margin: 0 -101.33333px 2rem !important; } }

.wp-block-columns.block-editor-block-list__block {
  max-width: 46.25rem;
  margin: 0 auto !important; }

.wp-block-table {
  border-spacing: 0;
  border-collapse: inherit;
  background-color: transparent; }
  .wp-block-table table {
    border-bottom: 1px solid #f3f4f5; }
  .wp-block-table table tbody tr:nth-child(odd) {
    background-color: #f4f4f4; }
  .wp-block-table th, .wp-block-table td {
    border-color: transparent; }
  .wp-block-table figcaption {
    padding-top: 0.5rem; }

.table-source {
  font-size: 14px;
  padding: 10px 0; }
  .table-source span {
    display: inline-block;
    margin-right: 0.5rem; }

.table-source--edit {
  background: #fafafa;
  margin-top: 10px;
  padding: 10px;
  font-size: 14px; }
  .table-source--edit span {
    display: block;
    border: 1px solid #ddd;
    border-radius: 0.1875rem;
    background: white;
    padding: 0.3125rem;
    margin-bottom: 0.3125rem; }
    .table-source--edit span.table-source-title:before {
      content: 'Source title:';
      opacity: 0.7;
      display: inline-block;
      height: 100%;
      line-height: 100%;
      padding: 0 0.3125rem;
      font-size: 10px; }
    .table-source--edit span.table-source-link:before {
      content: 'Source url:';
      opacity: 0.7;
      display: inline-block;
      height: 100%;
      line-height: 100%;
      padding: 0 0.3125rem;
      font-size: 10px; }

.block-editor-block-list__layout .block-editor-block-list__block[data-type="cd/story-image"]:before {
  left: -35px;
  right: -35px; }

.wp-block-columns .block-editor-block-list__layout .block-editor-block-list__block[data-type="cd/story-image"]:before {
  left: -15px;
  right: -15px; }

.wp-block-embed__wrapper--aspect-ratio {
  position: relative; }
  .wp-block-embed__wrapper--aspect-ratio iframe {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0; }

.embed-aspect-ratio--edit {
  background: #F2F2F2;
  padding: 10px;
  border-radius: 5px; }
  .embed-aspect-ratio--edit select {
    width: 7.5rem;
    margin-left: 0.625rem;
    margin-bottom: 0.375rem; }

/**
 * #.# Styles
 *
 * CSS for both Frontend+Backend.
 */
.block--map-embed {
  border-bottom: 1px solid rgba(207, 207, 207, 0.5);
  padding-bottom: 1rem;
  text-align: left; }
  @media screen and (min-width: 768px) {
    .block--map-embed {
      margin: 0 -59.66667px !important; } }
  @media screen and (min-width: 1024px) {
    .block--map-embed {
      margin: 0 -169.33333px !important; } }
  @media screen and (min-width: 1280px) {
    .block--map-embed {
      margin: 0 -169.33333px !important; } }
  @media screen and (min-width: 1441px) {
    .block--map-embed {
      margin: 0 -101.33333px !important; } }
  .wp-block-columns .block--map-embed {
    margin: 0 0 !important; }
  .block--map-embed.alignleft {
    width: calc(50% - 0.5rem);
    margin-right: 1.5rem; }
  .block--map-embed.alignright {
    width: calc(50% - 0.5rem);
    margin-left: 1.5rem; }
  .block--map-embed__embed {
    width: 100%;
    height: auto;
    display: block;
    position: relative; }
    .block--map-embed__embed.aspect-ratio--16-9 {
      position: relative; }
      .block--map-embed__embed.aspect-ratio--16-9:before {
        display: block;
        content: "";
        width: 100%;
        padding-top: 56.25%; }
      .block--map-embed__embed.aspect-ratio--16-9 > .ar-content {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0; }
    .block--map-embed__embed.aspect-ratio--4-3 {
      position: relative; }
      .block--map-embed__embed.aspect-ratio--4-3:before {
        display: block;
        content: "";
        width: 100%;
        padding-top: 75%; }
      .block--map-embed__embed.aspect-ratio--4-3 > .ar-content {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0; }
    .block--map-embed__embed iframe {
      width: 100%;
      height: 100%;
      position: absolute;
      top: 0;
      left: 0;
      border: none; }
  .block--map-embed__caption {
    margin-top: 0.5rem;
    width: calc(100% - 70px); }
/**
 * #.# Common SCSS
 *
 * Can include things like variables and mixins
 * that are used across the project.
*/
.wp-block-table figcaption {
  color: #7f7f7f;
  font-size: 14px;
  line-height: 18px; }
  @media screen and (min-width: 768px) {
    .wp-block-table figcaption {
      font-size: 14px;
      line-height: 18px; } }

.editor-block-list__block,
.block-editor-block-list__block {
  font-family: var(--font__body); }
  .lang-zh .editor-block-list__block, .editor-block-list__block.lang-zh, .lang-zh
  .block-editor-block-list__block,
  .block-editor-block-list__block.lang-zh {
    font-family: "Noto Sans SC", sans-serif; }
  .editor-block-list__block .editor-block-list__block-edit:before,
  .editor-block-list__block .block-editor-block-list__block-edit:before,
  .block-editor-block-list__block .editor-block-list__block-edit:before,
  .block-editor-block-list__block .block-editor-block-list__block-edit:before {
    right: -1.875rem !important;
    left: -1.875rem !important; }
  .editor-inner-blocks .editor-block-list__block .editor-block-list__block-edit:before, .editor-inner-blocks
  .editor-block-list__block .block-editor-block-list__block-edit:before, .editor-inner-blocks
  .block-editor-block-list__block .editor-block-list__block-edit:before, .editor-inner-blocks
  .block-editor-block-list__block .block-editor-block-list__block-edit:before {
    right: 0 !important;
    left: 0 !important; }

@media screen and (min-width: 768px) {
  .wp-block-columns {
    margin: 0 -59.66667px 2rem !important; } }

@media screen and (min-width: 1024px) {
  .wp-block-columns {
    margin: 0 -169.33333px 2rem !important; } }

@media screen and (min-width: 1280px) {
  .wp-block-columns {
    margin: 0 -169.33333px 2rem !important; } }

@media screen and (min-width: 1441px) {
  .wp-block-columns {
    margin: 0 -101.33333px 2rem !important; } }

.wp-block-columns.block-editor-block-list__block {
  max-width: 46.25rem;
  margin: 0 auto !important; }

.wp-block-table {
  border-spacing: 0;
  border-collapse: inherit;
  background-color: transparent; }
  .wp-block-table table {
    border-bottom: 1px solid #f3f4f5; }
  .wp-block-table table tbody tr:nth-child(odd) {
    background-color: #f4f4f4; }
  .wp-block-table th, .wp-block-table td {
    border-color: transparent; }
  .wp-block-table figcaption {
    padding-top: 0.5rem; }

.table-source {
  font-size: 14px;
  padding: 10px 0; }
  .table-source span {
    display: inline-block;
    margin-right: 0.5rem; }

.table-source--edit {
  background: #fafafa;
  margin-top: 10px;
  padding: 10px;
  font-size: 14px; }
  .table-source--edit span {
    display: block;
    border: 1px solid #ddd;
    border-radius: 0.1875rem;
    background: white;
    padding: 0.3125rem;
    margin-bottom: 0.3125rem; }
    .table-source--edit span.table-source-title:before {
      content: 'Source title:';
      opacity: 0.7;
      display: inline-block;
      height: 100%;
      line-height: 100%;
      padding: 0 0.3125rem;
      font-size: 10px; }
    .table-source--edit span.table-source-link:before {
      content: 'Source url:';
      opacity: 0.7;
      display: inline-block;
      height: 100%;
      line-height: 100%;
      padding: 0 0.3125rem;
      font-size: 10px; }

.block-editor-block-list__layout .block-editor-block-list__block[data-type="cd/story-image"]:before {
  left: -35px;
  right: -35px; }

.wp-block-columns .block-editor-block-list__layout .block-editor-block-list__block[data-type="cd/story-image"]:before {
  left: -15px;
  right: -15px; }

.wp-block-embed__wrapper--aspect-ratio {
  position: relative; }
  .wp-block-embed__wrapper--aspect-ratio iframe {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0; }

.embed-aspect-ratio--edit {
  background: #F2F2F2;
  padding: 10px;
  border-radius: 5px; }
  .embed-aspect-ratio--edit select {
    width: 7.5rem;
    margin-left: 0.625rem;
    margin-bottom: 0.375rem; }

/**
 * #.# Styles
 *
 * CSS for both Frontend+Backend.
 */
.block--company-profile {
  border: 1px solid #cfcfcf;
  padding: 18px 22px;
  -webkit-transition: max-height 0.5s ease-out;
  -o-transition: max-height 0.5s ease-out;
  transition: max-height 0.5s ease-out;
  max-height: 100px;
  overflow: hidden; }
  .block--company-profile.open {
    max-height: 2000px; }
    .block--company-profile.open .block--company-profile__toggle-text:after {
      -webkit-transform: none !important;
          -ms-transform: none !important;
              transform: none !important; }
  .block--company-profile__row {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
        flex-direction: row;
    -ms-flex-align: center;
        align-items: center;
    margin-bottom: 17px; }
  .block--company-profile__text-container {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
        flex-direction: column; }
    .block--company-profile__text-container h3 {
      margin: 6px 0 0 !important;
      font-size: 22px; }
    .block--company-profile__text-container p {
      margin: 0 !important; }
    .block--company-profile__text-container small {
      color: #e23333;
      text-transform: uppercase;
      font-size: 14px;
      line-height: 1.14;
      letter-spacing: 1px;
      font-family: 'Work Sans', 'Noto Sans', sans-serif; }
  .block--company-profile__icon {
    height: 64px;
    width: 64px;
    margin-right: 17px; }
  .block--company-profile__button-container {
    margin-top: 30px;
    text-align: center; }
    .block--company-profile__button-container .button {
      display: inline-block;
      border-bottom: none;
      margin-bottom: 26px; }
  .block--company-profile__toggle-text {
    margin-left: auto;
    opacity: 0.9;
    font-size: 14px;
    font-weight: 500;
    letter-spacing: 1px;
    display: -ms-flexbox;
    display: flex;
    cursor: pointer; }
    .block--company-profile__toggle-text span {
      margin-right: 10px;
      text-transform: uppercase;
      position: relative;
      top: 2px;
      display: none; }
      @media (min-width: 768px) {
        .block--company-profile__toggle-text span {
          display: block; } }
    .block--company-profile__toggle-text:after {
      content: '';
      background-image: url("/content/themes/china-dialogue-theme/dist/images/icons/close-red.svg");
      height: 1.5rem;
      width: 1.5rem;
      display: block;
      background-position: center;
      background-repeat: no-repeat;
      -webkit-transform: rotate(45deg);
          -ms-transform: rotate(45deg);
              transform: rotate(45deg);
      position: relative;
      -webkit-transition: -webkit-transform 0.2s;
      transition: -webkit-transform 0.2s;
      -o-transition: transform 0.2s;
      transition: transform 0.2s;
      transition: transform 0.2s, -webkit-transform 0.2s; }