/*
Theme Name: Gecko
Author: Onboarding Content & Blogging
Version: 1.1
*/

.alignnone,
.aligncenter .alignwide {
  margin-right: auto;
  margin-left: auto;
}

/* Wide */

.alignwide {
  max-width: 64rem;
  position: relative;
  width: calc(100% - 4rem);
}

/* Center */

.aligncenter,
.aligncenter img {
  margin-left: auto;
  margin-right: auto;
}

/* Left and right */
.alignleft {
  margin-right: auto;
}

.alignright {
  margin-left: auto;
}

.alignleft,
.alignright {
  max-width: 50%;
}

.is-layout-flex {
  display: flex;
}

.entry-content > .wp-block-quote,
.entry-content > .wp-block-separator {
  max-width: 1024px;
  margin: 0 auto;
}

.content-wrapper .entry-content > :where(:not(.alignleft):not(.alignright):not(.alignfull)) {
  max-width: 1024px;
}

.content-wrapper .entry-content > :where(:not(.alignleft):not(.alignright):not(.alignfull)),
.entry-content > p {
  margin-left: auto !important;
  margin-right: auto !important;
}

.entry-content {
  padding: 0.1px 0;
  margin: 0 auto;
}

.entry-content a,
cbt-modal a {
  text-decoration: underline;
  font-weight: 600;
  color: var(--cbt-campaign-link-color, --cbt-campaign-font-color);
}

p.has-medium-font-size {
  font-size: 13px;
}

p.has-medium-font-size {
  font-size: 20px;
}

p.has-large-font-size {
  font-size: 36px;
}

p.has-x-large-font-size {
  font-size: 42px;
}

:where(.wp-block-group.has-background) {
  padding: 1.25em 2.375em;
}

.wp-block-group {
  align-items: center;
}

.wp-block-columns {
  display: flex;
  margin-bottom: 1.75em;
  box-sizing: border-box;
  flex-wrap: wrap !important;
  align-items: normal !important;
  width: 100%;
}

figure.wp-block-gallery {
  column-gap: 0.5em;
  flex-wrap: wrap;
  display: flex;
  row-gap: 0.5rem;
}

.content-wrapper {
  max-width: 1920px;
  margin: auto;
}

.entry-content .alignfull {
  max-width: 100%;
}

@media (min-width: 782px) {
  .wp-block-columns {
    flex-wrap: nowrap !important;
  }
}

.wp-block-cover {
  margin: auto !important;
}

.wp-block-group.is-layout-grid.wp-block-group-is-layout-grid,
.wp-block-group.is-layout-flex.wp-block-group-is-layout-flex {
  row-gap: 0.5em;
  column-gap: 0.5em;
}

.wp-block-group.is-layout-flex.wp-block-group-is-layout-flex {
  flex-wrap: wrap;
}

.wp-block-group.is-layout-flex.wp-block-group-is-layout-flex.is-nowrap {
  flex-wrap: nowrap;
}

.wp-block-columns.is-layout-flex.wp-block-columns-is-layout-flex {
  row-gap: 2em;
}

.is-layout-grid.wp-block-group-is-layout-grid > figure,
.is-layout-flex.wp-block-group-is-layout-flex > figure {
  margin: 0;
}

.is-layout-grid.wp-block-group-is-layout-grid figure.wp-block-image,
.is-layout-flex.wp-block-group-is-layout-flex figure.wp-block-image {
  overflow-wrap: break-word;
  pointer-events: auto;
  position: relative;
  user-select: text;
  max-width: none;
}

@media (max-width: 767px) {
  [class^='wp-container'],
  [class^='wp-block'] {
    column-gap: 16px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 959px) {
  [class^='wp-container'],
  [class^='wp-block'] {
    column-gap: 32px;
  }
}

@media only screen and (min-width: 960px) and (max-width: 1199px) {
  [class^='wp-container'],
  [class^='wp-block'] {
    column-gap: 32px;
  }
}

@media (min-width: 1200px) {
  [class^='wp-container'],
  [class^='wp-block'] {
    column-gap: 32px;
  }
}

/* spacing */

.entry-content {
  --wp--preset--spacing--20: 0.44rem;
  --wp--preset--spacing--30: 0.67rem;
  --wp--preset--spacing--40: 1rem;
  --wp--preset--spacing--50: 1.5rem;
  --wp--preset--spacing--60: 2.25rem;
  --wp--preset--spacing--70: 3.38rem;
  --wp--preset--spacing--80: 5.06rem;
}

/* shadows */
.entry-content {
  --wp--preset--shadow--natural: 6px 6px 9px rgba(0, 0, 0, 0.2);
  --wp--preset--shadow--deep: 12px 12px 50px rgba(0, 0, 0, 0.4);
  --wp--preset--shadow--sharp: 6px 6px 0px rgba(0, 0, 0, 0.2);
  --wp--preset--shadow--outlined: 6px 6px 0px -3px rgba(255, 255, 255, 1), 6px 6px rgba(0, 0, 0, 1);
  --wp--preset--shadow--crisp: 6px 6px 0px rgba(0, 0, 0, 1);
}

figure.wp-block-image.zen-image-style {
  margin-inline-start: 0;
  margin-inline-end: 0;
  display: block;
}

figure.wp-block-image.zen-image-style img {
  object-fit: cover;
}

@media (max-width: 959px) {
  .mobile-hidden {
    display: none !important;
  }

  .wp-block-image.zen-image-style img {
    height: 190px;
    width: 100%;
  }
}

@media (min-width: 960px) {
  .desktop-hidden {
    display: none !important;
  }

  .wp-block-image.zen-image-style img {
    height: 240px;
  }
}

.wp-block-table {
  margin: 0 0 1em;
}

.wp-block-table thead {
  background-color: var(--cbt-theme-primary-color);
  border-bottom: 3px solid var(--cbt-theme-primary-color);
  color: var(--cbt-table-header-txt-color, #ffffffde);
  text-align: center;
}

.wp-block-table th,
.wp-block-table td {
  border: none;
  padding: 0.5em;
  text-align: center;
}

.wp-block-table tbody tr {
  border-bottom: 0.5px solid #bebebe;
}

.wp-block-table tfoot {
  border-top: 3px solid var(--cbt-theme-primary-color);
  color: currentColor;
  text-align: center;
}

.wp-block-table.is-style-transparent figcaption,
.wp-block-table.is-style-filled figcaption {
  text-align: center;
  color: #bebebe;
}

@media (max-width: 1024px) {
  .wp-block-table.is-style-transparent,
  .wp-block-table.is-style-filled {
    margin: 16px;
  }
}

.wp-block-table.is-style-transparent table {
  border: none;
  color: currentColor;
  background-color: transparent !important;
}

.wp-block-table.is-style-transparent thead {
  border-bottom: 3px solid var(--cbt-theme-primary-color);
  color: currentColor;
  background-color: transparent;
}

.wp-block-table.is-style-transparent tbody tr {
  border-bottom: 0.5px solid #bebebe;
}

.wp-block-table.is-style-transparent tfoot {
  border-top: 3px solid var(--cbt-theme-primary-color);
  color: currentColor;
}

.wp-block-table.is-style-filled table {
  box-shadow:
    0px 2px 4px rgba(0, 0, 0, 0.14),
    0px 4px 5px rgba(0, 0, 0, 0.12),
    0px 1px 10px rgba(0, 0, 0, 0.2);
  border-radius: 4px;
  overflow: hidden;
}

.wp-block-table.is-style-simple th,
.wp-block-table.is-style-simple td {
  text-align: left;
}

.wp-block-table.is-style-simple thead {
  background-color: var(--cbt-simple-table-head-background-color);
  border-bottom: 3px solid var(--cbt-simple-table-head-background-color);
  color: var(--cbt-simple-table-txt-color);
}

.wp-block-table.is-style-simple thead th {
  font-weight: var(--cbt-simple-table-header-weight);
}

.wp-block-table.is-style-simple tbody tr {
  background-color: var(--cbt-simple-table-background-color);
  border-bottom: 0.5px solid var(--cbt-simple-table-border-color);
}

.wp-block-table.is-style-simple tbody td {
  font-weight: var(--cbt-simple-table-normal-col-weight);
}

.wp-block-table.is-style-simple tbody td:first-child {
  font-weight: var(--cbt-simple-table-first-col-weight);
}

.wp-block-table.is-style-simple table {
  table-layout: fixed;
  width: 100%;
}

@media (min-width: 768px) {
  .wp-block-table.is-style-simple th:nth-child(1):nth-last-child(2),
  .wp-block-table.is-style-simple td:nth-child(1):nth-last-child(2) {
    width: 75%;
  }

  .wp-block-table.is-style-simple th:nth-child(2):nth-last-child(1),
  .wp-block-table.is-style-simple td:nth-child(2):nth-last-child(1) {
    width: 25%;
  }
}

.content-wrapper .wp-align-wrapper {
  max-width: 840px;
}

.content-wrapper .wp-align-wrapper > .wp-block,
.content-wrapper .wp-align-wrapper.wp-align-full {
  max-width: none;
}

.content-wrapper .wp-align-wrapper.wp-align-wide {
  max-width: 840px;
}

.content-wrapper a {
  transition: none;
}

.content-wrapper code,
.content-wrapper kbd {
  padding: 0;
  margin: 0;
  background: inherit;
  font-size: inherit;
  font-family: monospace;
}

.has-white-color {
  color: rgba(255, 255, 255, 1);
}

.wp-block-image.alignleft {
  float: left;
  margin-inline-start: 0;
  margin-inline-end: 2em;
}

.wp-block-image.alignright {
  float: right;
  margin-inline-start: 2em;
  margin-inline-end: 0;
}

.wp-block-image :where(figcaption),
.wp-block-table :where(figcaption),
.wp-block-video :where(figcaption),
.wp-block-embed :where(figcaption),
.blocks-gallery-caption {
  font-size: 13px;
  text-align: center;
  color: #999999;
}

mark {
  white-space: pre-wrap;
}

.content-wrapper .entry-content :where(.has-border-color) {
  border-style: solid;
}

/* Separator */
.wp-block-separator {
  border: none;
  border-bottom: 2px solid;
  margin-left: auto;
  margin-right: auto;
  clear: both;
}

.wp-block-separator.has-css-opacity {
  opacity: 0.4;
}

.wp-block-separator.has-alpha-channel-opacity {
  opacity: 1;
}

.wp-block-separator:not(.is-style-wide):not(.is-style-dots) {
  width: 100px;
}

.wp-block-separator.has-background:not(.is-style-dots) {
  border-bottom: none;
  height: 1px;
}

.wp-block-separator.has-background:not(.is-style-wide):not(.is-style-dots) {
  height: 2px;
}

.wp-block-separator.is-style-wide {
  width: 100%;
}

.wp-block-separator.has-background {
  border: none;
}

/* Quote */
.wp-block-quote {
  border-left: 0.25em solid;
  margin: 0 0 1.75em;
  padding-left: 1em;
}

.wp-block-quote cite,
.wp-block-quote footer {
  color: currentColor;
  font-size: 0.8125em;
  font-style: normal;
  position: relative;
}

.wp-block-quote.has-text-align-right {
  border-left: none;
  border-right: 0.25em solid;
  padding-left: 0;
  padding-right: 1em;
}

.wp-block-quote.has-text-align-center {
  border: none;
  padding-left: 0;
}

.wp-block-quote.is-large,
.wp-block-quote.is-style-large,
.wp-block-quote.is-style-plain {
  border: none;
}

.wp-block-video,
.wp-block-embed {
  margin: 0 0 1em;
}

:host(.zen-campaign) h1.wp-block-heading {
  font-size: 24px;
}

:host(.zen-campaign) h2.wp-block-heading {
  font-size: 20px;
  font-weight: 600;
}
