/*
Gutenberg blocks CSS
*/
/* Variables */
:root {
  --lightBlue: #A2CAF0;
  --lightBlue: #6693bd;
  --lightBlueHover: #526e96;
  --linkBlue: #6693bd;
  --midBlue: #526e96;
  --darkBlue: #2e3a50;
  --white: #ffffff;
  --offWhite: #f8f6f4;
  --text: rgba(44, 44, 44, 0.7);
  --placeholder: rgba(155,155,155,0.7); }

/* Placeholders */
/* Mixins */
/* Typography */
:root {
  --lightBlue: #A2CAF0;
  --lightBlue: #6693bd;
  --lightBlueHover: #526e96;
  --linkBlue: #6693bd;
  --midBlue: #526e96;
  --darkBlue: #2e3a50;
  --white: #ffffff;
  --offWhite: #f8f6f4;
  --text: rgba(44, 44, 44, 0.7);
  --placeholder: rgba(155,155,155,0.7); }

@font-face {
  font-family: 'Metropolis';
  src: url("/wp-content/themes/advocacy21/webfonts/metropolis/metropolis-regular-webfont.woff2") format("woff2"), url("/wp-content/themes/advocacy21/webfonts/metropolis/metropolis-regular-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'Metropolis';
  src: url("/wp-content/themes/advocacy21/webfonts/metropolis/metropolis-regularitalic-webfont.woff2") format("woff2"), url("/wp-content/themes/advocacy21/webfonts/metropolis/metropolis-regularitalic-webfont.woff") format("woff");
  font-weight: normal;
  font-style: italic; }

@font-face {
  font-family: 'Metropolis';
  src: url("/wp-content/themes/advocacy21/webfonts/metropolis/metropolis-semibold-webfont.woff2") format("woff2"), url("/wp-content/themes/advocacy21/webfonts/metropolis/metropolis-semibold-webfont.woff") format("woff");
  font-weight: bold;
  font-style: normal; }

@font-face {
  font-family: 'Metropolis';
  src: url("/wp-content/themes/advocacy21/webfonts/metropolis/metropolis-semibolditalic-webfont.woff2") format("woff2"), url("/wp-content/themes/advocacy21/webfonts/metropolis/metropolis-semibolditalic-webfont.woff") format("woff");
  font-weight: bold;
  font-style: italic; }

body {
  font-family: "Metropolis", Helvetica, Arial, sans-serif;
  font-size: calc(6px + 0.25vw + 0.75vh);
  line-height: 1.6em;
  font-weight: 400;
  color: rgba(77, 77, 77, 0.7); }

h1, h2, h3, h4, h5, h6 {
  margin: calc(1rem + 2vh) 0;
  font-weight: 400; }

h1, h2, h3, h5, a.sidebar-cta span {
  font-family: "Metropolis", Helvetica, Arial, sans-serif; }

h6 {
  font-weight: 500; }

h1, h2, h3, h4, h5, h6,
h1 a, h2 a, h3 a {
  color: #393939; }

h1, h2, h3, blockquote {
  line-height: 1.2em;
  letter-spacing: -0.02em; }

h1 {
  font-size: calc(2rem + 2vw + 2vh); }

h2 {
  font-size: calc(1rem + 2vw + 2vh); }

h3 {
  font-size: calc(1.5rem + 1vw + 1vh); }

h4, blockquote {
  font-size: calc(0.75rem + 1vw + 1vh);
  line-height: 1.3em; }

h5, a.sidebar-cta span {
  font-size: calc(0.75rem + 1vw + 1vh); }

h6 {
  font-size: calc(1rem + 0.5vw + 0.5vh); }

#banner h2 {
  font-family: "Metropolis", Helvetica, Arial, sans-serif;
  font-weight: 400 !important;
  font-size: 2.4em; }

a[title="button"],
input[type="submit"] {
  font-weight: 700; }

h1, h2, h3, h5, a.sidebar-cta span {
  font-family: "Metropolis", Helvetica, Arial, sans-serif; }

h1, h2, h3, h4, h5, h6 {
  margin: calc(1rem + 2vh) 0 0 0;
  font-weight: 400; }

h6 {
  font-weight: 500; }

h1, h2, h3, h4, h5, h6,
h1 a, h2 a, h3 a {
  color: var(--darkBlue); }

h1, h2, h3, blockquote {
  line-height: 1.2em;
  letter-spacing: -0.02em; }

h1 {
  font-size: calc(0.8rem + 1.5vw + 1.5vh) !important; }

h2 {
  font-size: calc(1.5rem + 1vw + 1vh); }

h3 {
  font-size: calc(1rem + 1vw + 1vh); }

h4, blockquote {
  font-size: calc(0.75rem + 1vw + 1vh);
  line-height: 1.3em; }

h5, a.sidebar-cta span {
  font-size: calc(0.5rem + 1vw + 1vh);
  line-height: 1.3em; }

h6 {
  font-size: calc(1rem + 0.5vw + 0.5vh);
  line-height: 1.3em; }

a[title="button"],
input[type="submit"] {
  font-weight: 700;
  margin: 0 !important; }

p {
  max-width: 60em !important; }

.block-editor .editor-styles-wrapper {
  font-family: "Metropolis", Helvetica, Arial, sans-serif !important;
  font-size: calc(6px + 0.25vw + 0.75vh) !important;
  line-height: 1.6em !important;
  font-weight: 400 !important;
  color: rgba(77, 77, 77, 0.7) !important;
  background-color: #fbf9f9; }
  .block-editor .editor-styles-wrapper h1, .block-editor .editor-styles-wrapper h2, .block-editor .editor-styles-wrapper h3, .block-editor .editor-styles-wrapper h5, .block-editor .editor-styles-wrapper h6 {
    color: #393939; }
  .block-editor .editor-styles-wrapper p {
    font-size: calc(6px + 0.25vw + 0.75vh); }
  .block-editor .editor-styles-wrapper .wp-block {
    max-width: 80%; }
  .block-editor .editor-styles-wrapper .block-editor-block-list__layout .block-editor-block-list__block[data-align=full] {
    margin: 0;
    max-width: 100%; }

.has-blue-color {
  color: #00aae7; }

.has-dark-blue-color {
  color: #0071d6; }

.has-green-color {
  color: #00c063; }

.has-gold-color {
  color: #f9b841; }

.has-red-color {
  color: #d94148; }

.has-dark-gray-color {
  color: #393939; }

.has-mid-gray-color {
  color: #4d4d4d; }

.has-gray-color {
  color: #808080; }

.has-light-gray-color {
  color: #a4a7a9; }

.has-off-white-color {
  color: #fbf9f9; }

.has-white-color {
  color: #ffffff; }

.has-black-color {
  color: #222222; }

.has-blue-background-color {
  background-color: #00aae7; }

.has-dark-blue-background-color {
  background-color: #0071d6; }

.has-green-background-color {
  background-color: #00c063; }

.has-gold-background-color {
  background-color: #f9b841; }

.has-red-background-color {
  background-color: #d94148; }

.has-dark-gray-background-color {
  background-color: #393939; }

.has-mid-gray-background-color {
  background-color: #4d4d4d; }

.has-gray-background-color {
  background-color: #808080; }

.has-light-gray-background-color {
  background-color: #a4a7a9; }

.has-off-white-background-color {
  background-color: #fbf9f9; }

.has-white-background-color {
  background-color: #ffffff; }

.has-black-background-color {
  background-color: #222222; }

.wp-block-group {
  padding: 2vw 0 !important;
  margin-bottom: 2vw; }
  .wp-block-group.alignfull, .wp-block-group.has-background {
    padding: 3vw !important; }
  .wp-block-group.alignfull {
    margin-left: -10vw;
    margin-right: -10vw; }
  .wp-block-group.has-background {
    margin-bottom: 0; }

.wp-block-quote {
  border-left: none; }