/* -------------------------------- 
GUTENBERG STUFF
-------------------------------- */

.has-brand-color        { color: hsla(var(--brand),1) }
.has-brand-second-color { color: hsla(var(--brand-second),1) }
.has-dark-color         { color: hsla(var(--dark),1) }


.wp-block-separator,
.styled-separator { margin: var(--space-l) 0; border:none; height: 1px; background-color:hsla(var(--dark),.2)   }


.wp-block-verse {
    white-space: pre-wrap;
    font-size: 15px;
    padding: var(--space-s);
    background-color: hsla(var(--brand),.07);
    margin-bottom: var(--space-m);
}

.wp-block-quote, .wp-block-pullquote,
.wp-block-quote.is-large, .wp-block-quote.is-style-large { 
  position: relative; 
  margin: var(--space-l) auto;
  padding: 0;
  border:6px solid hsla(var(--brand),.2);
  /*background-color: hsla(var(--brand),.2);*/
  /*border-radius:16px;*/
}

.wp-block-quote, .wp-block-pullquote {
    margin-left: calc(20% - 20vw);
    margin-right: calc(20% - 20vw);
    width: auto;
    max-width:100vw;
}

.blockquote .wp-block-quote, .blockquote .wp-block-pullquote  {
  margin: 0 auto;
}


.wp-block-quote p, .wp-block-pullquote p,
.wp-block-quote.is-large p, .wp-block-quote.is-style-large p {

  font-family: var(--font-primary); 
  font-size: var(--text-m);
  font-weight: 600;
  color:hsla(var(--brand),1);
  font-style: normal;
  margin: 0!important;
  position: relative;
  z-index: 2;
  padding:var(--space-m);

}

.wp-block-quote cite, .wp-block-pullquote cite,
.wp-block-quote.is-large cite, .wp-block-quote.is-style-large cite {
  font-family: var(--font-secondary); 
  font-size: var(--text-xxs);
  font-style: italic;
  padding:var(--space-s);
  margin: 0;
  color:hsla(var(--brand-second),1);
  display: block;
  width: 100%;
  text-align: right;
 }  

 
 



@media only screen and (max-width:890px) {



}
 

@media only screen and (max-width:512px) { 

/*.wp-block-quote, .wp-block-pullquote {
    margin-left: calc(50% - 50vw);
    margin-right: calc(50% - 50vw);
    width: auto;
    max-width:100vw;
}
 */
 
} 

 

.wp-block-button .wp-block-button__link
 {
    padding: var(--space-s) var(--space-m);
    border:none;
    text-align: center;
    font-size: var(--p);
    font-weight: 600;
    text-align: center;
    transform: scale(1);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    position: relative;
    border-radius: var(--radius8);
    text-decoration: none;
    line-height: var(--body-line-height);

    overflow: hidden;
    margin: var(--space-l) 0 var(--space-xl);
}


.wp-block-button__link          { color:hsla(var(--light),1); background:hsla(var(--brand-third),1); box-shadow: var(--shadow-third10) }
.wp-block-button__link:hover    { color:hsla(var(--light),1); box-shadow: var(--shadow-third30) }

.b_secondary .wp-block-button__link         { color:hsla(var(--light),1); background:hsla(var(--brand-second),1); box-shadow: var(--shadow-second10) }
.b_secondary .wp-block-button__link:hover   { color:hsla(var(--light),1); box-shadow: var(--shadow-second30) }

.wp-block-embed {
    margin: 0 0 var(--space-l);
}


.wp-block-embed figcaption,
.wp-block-image figcaption {
    color: hsla(var(--dark),1);
    font-size: var(--text-xxs);
    text-align: center;
} 



p.has-drop-cap:not(:focus):first-letter {
  float: left;
  font-family: 'vtorregular';
  font-size: var(--text-huge);
  font-weight: 600;
  line-height: .68;
  margin: .1em .1em 0 0;
  text-transform: uppercase;
  color:hsl(var(--brand));
}


img.alignright  { float: right; margin: 0 0 1em 1em; }
img.alignleft   { float: left; margin: 0 1em 1em 0; }
img.aligncenter { display: block; margin-left: auto; margin-right: auto;}
.alignright     { float: right; }
.alignleft      { float: left; }
.aligncenter    { display: block; margin-left: auto; margin-right: auto; text-align: center;  }


.alignfull,
figure.wp-block-table.alignfull {
margin-left: calc(50% - 50vw);
margin-right: calc(50% - 50vw);
width: calc(100% + calc(100vw - 100%));
max-width:100vw;

margin-left:  calc(50% - 50vw + 8px);
width:        calc(100% + calc(100vw - 100% - 16px));

}


@media (hover: none) and (pointer: coarse) {
.alignfull,
figure.wp-block-table.alignfull {
  margin-left: calc(50% - 50vw);
  width: calc(100% + calc(100vw - 100%));
}
}

.alignwide,
figure.wp-block-table.alignwide {
margin-left: calc(25% - 25vw);
margin-right: calc(25% - 25vw);
width: auto;
max-width:100vw;
}

.alignwide img,
.alignfull img,
figure.alignwide,
figure.alignfull {
display: block;
} 

  
.wp-block-embed__wrapper {
  position: relative;
  padding-bottom: 56.25%; 
  height: 0;

}

.wp-block-embed__wrapper iframe  {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
 
 
@media (max-width: 56em) {

 
 } 



/* =================== Tables ===================
 *
 * Overrides to match theme table styling
 *
 */
 
figure.wp-block-table {
    display: table;
    margin:0 0 var(--space-l);
    border-collapse: collapse;
    width: 100%;/* max-width: 600px; margin:0 auto var(--space-l);*/
}

figure.wp-block-table thead { background: hsla(var(--dark),.5); color: hsla(var(--light),1); }
figure.wp-block-table tr,
figure.wp-block-table td,
figure.wp-block-table th { margin: 0; padding:var(--space-s) var(--space-m); } 
figure.wp-block-table td {
    padding:var(--space-s) var(--space-m); border-bottom:1px solid hsla(var(--dark),.1)!important;
}