/*
Gutenberg Styles
*/
/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Variables
# Normalize
# Typography
	## Headings
	## Copy
# Elements
	## Lists
	## Tables
# Forms
	## Buttons
	## Fields
# Navigation
	## Links
	## Menus
	## Next & Previous
# Accessibility
# Alignments
# Clearings
# Layout
# Widgets
# Content
	## Archives
	## Posts and pages
	## Comments
# Blocks
# Media
	## Captions
	## Galleries
--------------------------------------------------------------*/
.has-black-color {
  color: #000 !important; }

.has-black-background-color {
  background-color: #000 !important;
  /*make white text on dark backgrounds*/
  color: white; }

.has-black-background-color:hover {
  background-color: shade(#000, 10%) !important; }

.has-white-color {
  color: #fff !important; }

.has-white-background-color {
  background-color: #fff !important;
  /*make white text on dark backgrounds*/ }

.has-white-background-color:hover {
  background-color: shade(#fff, 10%) !important; }

.has-db-pink-color {
  color: #9e0039 !important; }

.has-db-pink-background-color {
  background-color: #9e0039 !important;
  /*make white text on dark backgrounds*/
  color: white; }

.has-db-pink-background-color:hover {
  background-color: shade(#9e0039, 10%) !important; }

.has-db-blue-color {
  color: #237dbc !important; }

.has-db-blue-background-color {
  background-color: #237dbc !important;
  /*make white text on dark backgrounds*/
  color: white; }

.has-db-blue-background-color:hover {
  background-color: shade(#237dbc, 10%) !important; }

.has-db-medblue-color {
  color: #1e6a9f !important; }

.has-db-medblue-background-color {
  background-color: #1e6a9f !important;
  /*make white text on dark backgrounds*/
  color: white; }

.has-db-medblue-background-color:hover {
  background-color: shade(#1e6a9f, 10%) !important; }

.has-db-cream-color {
  color: #f0e6ce !important; }

.has-db-cream-background-color {
  background-color: #f0e6ce !important;
  /*make white text on dark backgrounds*/ }

.has-db-cream-background-color:hover {
  background-color: shade(#f0e6ce, 10%) !important; }

.has-db-brown-color {
  color: #5f4a28 !important; }

.has-db-brown-background-color {
  background-color: #5f4a28 !important;
  /*make white text on dark backgrounds*/
  color: white; }

.has-db-brown-background-color:hover {
  background-color: shade(#5f4a28, 10%) !important; }

.has-db-yellow-color {
  color: #fcb040 !important; }

.has-db-yellow-background-color {
  background-color: #fcb040 !important;
  /*make white text on dark backgrounds*/ }

.has-db-yellow-background-color:hover {
  background-color: shade(#fcb040, 10%) !important; }

.has-db-taupe-color {
  color: #cac1ae !important; }

.has-db-taupe-background-color {
  background-color: #cac1ae !important;
  /*make white text on dark backgrounds*/ }

.has-db-taupe-background-color:hover {
  background-color: shade(#cac1ae, 10%) !important; }

/*
 * Chrome renders extra-wide   characters for the Hoefler Text font.
 * This results in a jumping cursor when typing in both the Classic and block
 * editors. The following font-face override fixes the issue by manually inserting
 * a custom font that includes just a Hoefler Text space replacement for that
 * character instead.
 */
@font-face {
  font-family: 'NonBreakingSpaceOverride';
  src: url(data:application/font-woff2;charset=utf-8;base64,d09GMgABAAAAAAMoAA0AAAAACDQAAALTAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAP0ZGVE0cGh4GYACCahEICjx3CywAATYCJANUBCAFhiEHgWwbXQfILgpsY+rQRRARwyAs6uL7pxzYhxEE+32b3aeHmifR6tklkS9hiZA0ewkqGRJE+H7/+6378ASViK/PGeavqJyOzsceKi1s3BCiQsiOdn1r/RBgIJYEgCUhbm/8/8/h4saPssnTNkkiWUBrTRtjmQSajw3Ui3pZ3LYDPD+XG2C3JA/yKAS8/rU5eNfuGqRf4eNNgV4YAlIIgxglEkWe6FYpq10+wi3g+/nUgvgPFczNrz/RsTgVm/zfbPuHZlsuQECxuyqBcQwKFBjFgKO8AqP4bAN9tFJtnM9xPcbNjeXS/x1wY/xU52f5W/X1+9cnH4YwKIaoRRAkUkj/YlAAeF/624foiIDBgBmgQBeGAyhBljUPZUm/l2dTvmpqcBDUOHdbPZWd8JsBAsGr4w8/EDn82/bUPx4eh0YNrQTBuHO2FjQEAGBwK0DeI37DpQVqdERS4gZBhpeUhWCfLFz7J99aEBgsJCHvUGAdAPp4IADDCAPCEFMGpMZ9AQpTfQtQGhLbGVBZFV8BaqNyP68oTZgHNj3M8kBPfXTTC9t90UuzYhy9ciH0grVlOcqyCytisvbsERsEYztiznR0WCrmTksJwbSNK6fd1Rvr25I9oLvctUoEbNOmXJbqgYgPXEHJ82IUsrCnpkxh23F1rfZ2zcRnJYoXtauB3VTFkFXQg3uoZYD5qE0kdjDtoDoF1h2bulGmev5HbYhbrjtohQSRI4aNOkffIcT+d3v6atpaYh3JvPoQsztCcqvaBkppDSPcQ3bw3KaCBo1f5CJWTZEgW3LjLofYg51MaVezrx8xZitYbQ9KYeoRaqQdVLwSEfrKXLK1otCWOKNdR/YwYAfon5Yk8O2MJfSD10dPGA5PIJJQMkah0ugMJiv6x4Dm7LEa8xnrRGGGLAg4sAlbsA07sAt76DOsXKO3hIjtIlpnnFrt1qW4kh6NhS83P/6HB/fl1SMAAA==) format("woff2"), url(data:application/font-woff;charset=utf-8;base64,d09GRgABAAAAAAUQAA0AAAAACDQAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAE9AAAABwAAAAchf5yU0dERUYAAATYAAAAHAAAAB4AJwAbT1MvMgAAAaAAAABJAAAAYJAcgU5jbWFwAAACIAAAAF4AAAFqUUxBZ2dhc3AAAATQAAAACAAAAAgAAAAQZ2x5ZgAAApAAAAAyAAAAPL0n8y9oZWFkAAABMAAAADAAAAA2Fi93Z2hoZWEAAAFgAAAAHQAAACQOSgWaaG10eAAAAewAAAAzAAAAVC7TAQBsb2NhAAACgAAAABAAAAAsAOQBAm1heHAAAAGAAAAAHQAAACAAWQALbmFtZQAAAsQAAAF6AAADIYvD/Adwb3N0AAAEQAAAAI4AAADsapk2o3jaY2BkYGAA4ov5mwzj+W2+MnCzXwCKMNzgCBSB0LfbQDQ7AxuI4mBgAlEAFKQIRHjaY2BkYGD3+NvCwMDBAALsDAyMDKhAFAA3+wH3AAAAeNpjYGRgYBBl4GBgYgABEMnIABJzAPMZAAVmAGUAAAB42mNgZlJhnMDAysDCKsKygYGBYRqEZtrDYMT4D8gHSmEHjgUFOQwODAqqf9g9/rYwMLB7MNUAhRlBcsxBrMlASoGBEQAj8QtyAAAAeNrjYGBkAAGmWQwMjO8gmBnIZ2NA0ExAzNjAAFYJVn0ASBsD6VAIDZb7AtELAgANIgb9AHjaY2BgYGaAYBkGRgYQSAHyGMF8FgYPIM3HwMHAxMDGoMCwQIFLQV8hXvXP//9AcRCfAcb///h/ygPW+w/vb7olBjUHCTCyMcAFGZmABBO6AogThgZgIUsXAEDcEzcAAHjaY2BgECMCyoEgACZaAed42mNgYmRgYGBnYGNgYAZSDJqMgorCgoqCjECRXwwNrCAKSP5mAAFGBiRgyAAAi/YFBQAAeNqtkc1OwkAUhU/5M25cEhcsZick0AwlBJq6MWwgJkAgYV/KAA2lJeUn+hY+gktXvpKv4dLTMqKycGHsTZNv7px7z50ZAFd4hYHjdw1Ls4EiHjVncIFnzVnc4F1zDkWjrzmPW+NNcwGlzIRKI3fJlUyrEjZQxb3mDH2fNGfRx4vmHKqG0JzHg6E0F9DOlFBGBxUI1GEzLNT4S0aLuTtsGAEUuYcQHkyg3KmIum1bNUvKlrjbbAIleqHHnS4iSudpQcySMYtdFiXlAxzSbAwfMxK6kZoHKhbjjespMTioOPZnzI+4ucCeTVyKMVKLfeAS6vSWaTinuZwzyy/Dc7vaed+6KaV0kukdPUk6yOcctZPvvxxqksq2lEW8RvHjMEO2FCl/zy6p3NEm0R9OFSafJdldc4QVeyaaObMBO0/5cCaa6d9Ggyubxire+lEojscdjoWUR1xGOy8KD8mG2ZLO2l2paDc3A39qmU2z2W5YNv5+u79e6QfGJY/hAAB42m3NywrCMBQE0DupWp/1AYI7/6DEaLQu66Mrd35BKUWKJSlFv1+rue4cGM7shgR981qSon+ZNwUJ8iDgoYU2OvDRRQ99DDDECAHGmGCKmf80hZSx/Kik/LliFbtmN6xmt+yOjdg9GztV4tROnRwX/Bsaaw51nt4Lc7tWaZYHp/MlzKx51LZs5htNri+2AAAAAQAB//8AD3jaY2BkYGDgAWIxIGZiYARCESBmAfMYAAR6AEMAAAABAAAAANXtRbgAAAAA2AhRFAAAAADYCNuG) format("woff"); }
/* If we add the border using a regular CSS border, it won't look good on non-retina devices,
 * since its edges can look jagged due to lack of antialiasing. In this case, we are several
 * layers of box-shadow to add the border visually, which will render the border smoother. */
/* Calculates maximum width for post content */
/* Nested sub-menu padding: 10 levels deep */
/* Ensure all font family declarations come with non-latin fallbacks */
/* Build our non-latin font styles */
/* Typography */
/* Elements */
/* Forms */
/* Accessibility */
/* Text meant only for screen readers. */
.screen-reader-text {
  border: 0;
  clip: rect(1px, 1px, 1px, 1px);
  clip-path: inset(50%);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute !important;
  width: 1px;
  word-wrap: normal !important;
  /* Many screen reader and browser combinations announce broken words as they would appear visually. */ }
  .screen-reader-text:focus {
    background-color: #f1f1f1;
    border-radius: 3px;
    box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
    clip: auto !important;
    clip-path: none;
    color: #21759b;
    display: block;
    font-size: 14px;
    font-size: 0.875rem;
    font-weight: bold;
    height: auto;
    left: 5px;
    line-height: normal;
    padding: 15px 23px 14px;
    text-decoration: none;
    top: 5px;
    width: auto;
    z-index: 100000;
    /* Above WP toolbar. */ }

/* Do not show the outline on the skip link target. */
#content[tabindex="-1"]:focus {
  outline: 0; }

/* Alignments */
:root {
  --global--spacing-horizontal: $size__spacing-horizontal;
  --responsive--spacing-horizontal: calc(2 * $size__spacing-horizontal * 0.6);
  --responsive--aligndefault-width: 90vw;
  --responsive--alignwide-width: 90vw;
  --responsive--alignfull-width: 100vw;
  --responsive--alignright-margin: $size__spacing-horizontal;
  --responsive--alignleft-margin: $size__spacing-horizontal; }
  @media only screen and (min-width: 600px) {
    :root {
      --responsive--aligndefault-width: 90vw;
      --responsive--alignright-margin: calc(0.5 * (100vw - var(--responsive--aligndefault-width)));
      --responsive--alignleft-margin: calc(0.5 * (100vw - var(--responsive--aligndefault-width))); } }
  @media only screen and (min-width: 768px) {
    :root {
      --responsive--aligndefault-width: min(80vw, 610px);
      --responsive--alignwide-width: min( 80vw, 1240px); } }
  @media only screen and (min-width: 1168px) {
    :root {
      --responsive--aligndefault-width: min(70vw, 80vw);
      --responsive--alignwide-width: min( 80vw, 1379px); } }

.alignwide,
.wide-max-width {
  width: 100%;
  /*margin-left: calc(25% - 25vw);
  margin-right: calc(25% - 25vw);*/ }

.alignfull,
.wp-block-group .wp-block-group__inner-container > *.alignfull,
.full-max-width {
  width: 100%;
  /*max-width: var(--responsive--alignfull-width);
  width: var(--responsive--alignfull-width);
  margin-left: -5vw;
  margin-right: -5vw;
  
  @include media(tablet){
  	margin-left: calc(50% - 50vw);
  	margin-right: calc(50% - 50vw);
  }*/ }

.alignleft {
  /*rtl:ignore*/
  float: left;
  /*rtl:ignore*/
  margin-right: 1rem; }
  @media only screen and (min-width: 768px) {
    .alignleft {
      /*rtl:ignore*/
      margin-right: calc(2 * 1rem); } }

.alignright {
  /*rtl:ignore*/
  float: right;
  /*rtl:ignore*/
  margin-left: 1rem; }
  @media only screen and (min-width: 768px) {
    .alignright {
      /*rtl:ignore*/
      margin-left: calc(2 * 1rem); } }

.aligncenter {
  clear: both;
  display: block;
  margin-left: auto;
  margin-right: auto; }

.has-sidebar .alignwide,
.has-sidebar .wide-max-width {
  margin-left: 0;
  margin-right: 0;
  width: unset; }
@media only screen and (min-width: 768px) {
  .has-sidebar .alignfull,
  .has-sidebar .wp-block-group .wp-block-group__inner-container > *.alignfull,
  .has-sidebar .full-max-width {
    width: unset;
    margin-left: -1.2rem;
    margin-right: -1.2rem; } }

/* Clearings */
.clear:before,
.clear:after,
.entry-content:before,
.entry-content:after,
.comment-content:before,
.comment-content:after,
.site-header:before,
.site-header:after,
.site-footer:before,
.site-footer:after {
  content: "";
  display: table;
  table-layout: fixed; }

.clear:after,
.entry-content:after,
.comment-content:after,
.site-header:after,
.site-footer:after {
  clear: both; }

/* Widgets */
/* Media */
/* Blocks */
/* Gutenberg Blocks */
.entry-content > div[class^="wp-block-"] {
  margin-bottom: calc(2* 1rem); }

/* Text */
/***************** Text Blocks (Default) *****************/
/*
  # Paragraph
  # Font Sizes
  # Quote
  # Pullquotes
  # Code
  # Preformatted
  # Table
*/
/* Paragraph */
p.has-background {
  padding: calc($size__spacing-unit * 2); }
p.has-drop-cap:not(:focus)::first-letter {
  float: left;
  font-size: 8.4em;
  line-height: .68;
  margin: .05em .1em 0 0;
  text-transform: uppercase;
  font-style: normal; }

/* Font Sizes */
.has-font-s-font-size, .has-small-font-size {
  font-size: 0.8888888889em; }

.has-font-l-font-size, .has-large-font-size {
  font-size: 1.6875em; }

.has-font-xl-font-size, .has-x-large-font-size {
  font-size: 2.25em; }

/* Quote  */
.wp-block-quote {
  border-left: 2px solid #9e0039;
  padding: 0 0 0 1rem; }
  .wp-block-quote > p {
    margin: 0 0 1rem;
    font-style: italic; }
  .wp-block-quote cite {
    color: #767676; }
  .wp-block-quote.is-style-large {
    margin-top: calc(1rem * 2);
    margin-bottom: calc(1rem * 2);
    padding: 0 calc(1rem * 2); }
    .wp-block-quote.is-style-large > p {
      font-size: 1.5em;
      font-style: italic;
      line-height: 1.6; }
    .wp-block-quote.is-style-large cite {
      font-size: 1.125em;
      text-align: right; }

/* Pullquote */
.wp-block-pullquote {
  padding: 3em 0;
  text-align: center;
  border: 0;
  float: none;
  margin-left: auto;
  margin-right: auto; }
  .wp-block-pullquote:not(.is-style-solid-color) {
    background: none; }
  .wp-block-pullquote p {
    font-style: italic;
    font-size: 1.6875em; }
  .wp-block-pullquote cite {
    color: currentColor;
    text-transform: uppercase;
    font-size: .8125em;
    font-style: normal; }
  .wp-block-pullquote.is-style-solid-color {
    background-color: #9e0039;
    color: white; }
    .wp-block-pullquote.is-style-solid-color blockquote {
      margin-left: auto;
      margin-right: auto;
      text-align: left;
      max-width: 60%; }
  @media only screen and (min-width: 768px) {
    .wp-block-pullquote.alignleft {
      float: left;
      margin-right: calc(2 * 1rem); }
    .wp-block-pullquote.alignright {
      float: right;
      margin-left: calc(2 * 1rem); } }

/* Code */
.wp-block-code {
  background-color: #eee; }

/* Preformatted */
.wp-block-preformatted {
  margin-top: calc(1rem * 2 );
  margin-bottom: calc(1rem * 2 ); }

/* Tables */
.wp-block-table.alignwide {
  margin: 0;
  width: 100%;
  clear: both; }
.wp-block-table thead {
  border-bottom: 3px solid;
  font-family: "Titillium Web", sans-serif;
  font-weight: 700; }
.wp-block-table tbody {
  font-family: "Open Sans", sans-serif; }
.wp-block-table tfoot {
  border-top: 3px solid;
  font-family: "Open Sans", sans-serif; }

/* Verse */
.wp-block-verse {
  font-family: inherit;
  font-size: 14px;
  overflow: auto;
  white-space: pre-wrap; }

/* Media */
/***************** Media Blocks (Default) *****************/
/*
    #Images
    #Gallery
*/
/* Images */
.wp-block-image img {
  display: block;
  margin: 0 auto; }
.wp-block-image figcaption {
  width: 100%; }

/* Gallery */
.wp-block-gallery.alignwide {
  width: 100%;
  margin: 0;
  clear: both; }

.wp-block-cover {
  width: unset;
  max-width: 100vw; }

/* Design */
/* Widgets */
/* Embeds */