:root {
  --spacing-edge-v: 15px;
  --spacing-edge-h: 15px;
  --spacing-v: calc(var(--spacing-edge-v) * 2);
  --spacing-h: calc(var(--spacing-edge-h) * 2);
  --spacing-inline: 1.7rem;
  --content-width: 800px;
  --content-width-wide: 1140px;
  --content-width-aligncenter: max(640px, calc(var(--content-width) * .75));
  --content-width-alignside: 50%; /*max(calc(var(--content-width) / 2 - var(--spacing-h)), 50%);*/
  --font-family: "Open Sans", Sans-serif;
  --color-primary: #0279c7;
  --color-bg: #f9f9f9;
  --color-bg-article: rgb(17, 13, 13);
  --color-link-hover: #32373c;
}

body {
    font-size: 17px;
}
a {
    color: var(--color-primary);
    text-decoration: none;
}
a:hover {
    color: var(--color-link-hover);
    text-decoration: underline;
}
p {
  margin-bottom: var(--spacing-inline);
}
h2 {
  font-size: 1.5rem;
  font-weight: 700;
}
.wp-block-image {
  margin-top: 1rem;
  margin-bottom: var(--spacing-inline);
}
/*.wp-block-cover {
    min-height: 100%;
}*/
.wp-block-cover, .wp-block-group.has-background, p.has-background {
    padding: var(--spacing-v) var(--spacing-edge-h);
}


/*
experiment
*/

.wp-block-columns {
    display: grid;
    grid-gap: var(--spacing-h);
  }
  
  .wp-block-columns > * {
    grid-column: 1 / -1;
    margin: 0 !important;
  }
  

  @media (min-width: 700px) {
    .wp-block-columns {
      grid-template-columns: repeat(12, 1fr);
    }
  
    .wp-block-column {
      grid-column-start: auto;
      grid-column-end: span 6;
    }
  
    .wp-block-column:only-child {
      grid-column-end: span 12;
    }

  }


  @media (min-width: 1000px) {
    /* Three column layout */
    .wp-block-column:not([style*='flex-basis']):nth-last-child(3):first-child,
    .wp-block-column:not([style*='flex-basis']):nth-last-child(3):first-child
      ~ .wp-block-column {
      grid-column-end: span 4;
    }
  
    /* "25 / 50 / 25" layout */
    .wp-block-column[style*='25%'] {
      grid-column-end: span 3;
    }
    .wp-block-column[style*='50%'] {
      grid-column-end: span 6;
    }
  
    /* "30 / 70" and "70 / 30" layouts */
    .wp-block-column[style*='33.33%'] {
      grid-column-end: span 4;
    }
    .wp-block-column[style*='66.66%'] {
      grid-column-end: span 8;
    }
  }