:root {
  --global-cl-dark-red: #950000;
  --global-cl-red: #D32F2F;
  --global-cl-light-red: #FF6666;

  --global-cl-dark-green: #1B5E20;
  --global-cl-green: #2E7D32;
  --global-cl-light-green: #81C784;

  --global-cl-dark-blue: #0D47A1;
  --global-cl-blue: #1976D2;
  --global-cl-light-blue: #64B5F6;

  --global-cl-dark-gray: #374151;
  --global-cl-gray: #9CA3AF;
  --global-cl-light-gray: #E5E7EB;

  --global-cl-primary-text: #1D1E1F;
  --global-cl-secondary-text: #54595F;
}

body {
  min-height: 100vh;
  margin: 0;
  display: flex;
  flex-direction: column;
  box-sizing: border-box;
}

body.admin-bar {
  height: calc(100% - 32px);
  margin-top: -32px;
  padding-top: 32px;
}

.site-main {
    flex: 1;
    width: 100%;
}

.entry-content.is-layout-constrained > :where(:not(.alignleft):not(.alignright):not(.alignfull)) {
    max-width: var(--wp--style--global--content-size, 800px);
    margin-left: auto !important;
    margin-right: auto !important;
}

.entry-content.is-layout-constrained > .alignwide {
    max-width: var(--wp--style--global--wide-size, 1200px);
    margin-left: auto !important;
    margin-right: auto !important;
}

.entry-content.is-layout-constrained > .alignfull {
    max-width: none;
    margin-left: auto !important;
    margin-right: auto !important;
    width: 100%;
}

.entry-content  > [class^="wp-block-uagb-"],
.entry-content  > [class*=" wp-block-uagb-"] {
    width: 100%;
    max-width: none !important;
}

/* GRADIENT TEXT */

.gradient-text {
  background: linear-gradient(112deg, #123E8A 0%, #1F5FC7 44%, #A11D2A 100%);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
}

/* TYPEWRITER EFFECT */

.tw-cursor::after {
  content: "|";
  color: #A11D2A;
  display: inline-block;
  margin-left: 0.055em;
  font-weight: 400;
  opacity: 1;
  transform: translateY(-0.035em);
}

.tw-cursor.tw-cursor-blink::after  {
  animation: twCursorBlink 0.82s steps(1, end) infinite;
}

.tw-cursor-cursor.tw-cursor-fade-out::after  {
  animation: none;
  opacity: 0;
  transition: opacity 0.5s ease;
}

@keyframes twCursorBlink {
  0%, 48% {
    opacity: 1;
  }

  49%, 100% {
    opacity: 0;
  }
}