@charset "UTF-8";
@import url("https://fonts.googleapis.com/css2?family=Hanken+Grotesk:ital,wght@0,100..900;1,100..900&family=Space+Mono:ital,wght@0,400;0,700;1,400;1,700&display=swap");
/*---------------------------------------
basic styles 
---------------------------------------*/
:root {
  --transition: all .3s ease-in;
  --radius:4px;
  --bs-dark:#212121;
  --bs-light:#F7F5ED;
  --bs-green:#5EBD86;
  --bs-green-light:#A7EAC3;
  --bs-blue:#1C347B;
  --bs-blue-dark:#1E2F51;
  --bs-purple:#8A7AE4;
  --bs-purple-dark:#594AB1;
  --bs-purple-light:#B0A2FF; }

body {
  font-family: "Hanken Grotesk", sans-serif;
  font-style: normal;
  font-size: 16px;
  line-height: 1.65em;
  color: var(--bs-dark);
  background-color: var(--bs-light); }

small {
  font-size: 0.66em;
  line-height: 1em; }

.space-mono {
  font-family: "Space Mono", monospace;
  font-weight: 400;
  font-style: normal; }

/*---------------------------------------
basic styles 
---------------------------------------*/
.bg-blue-dark {
  background-color: var(--bs-blue-dark);
  color: var(--bs-light); }
  .bg-blue-dark a {
    color: white; }
    .bg-blue-dark a:hover {
      color: var(--bs-green-light); }

.bg-purple-light {
  background-color: var(--bs-purple-light);
  color: white; }

.bg-green-light {
  background-color: var(--bs-green-light);
  color: var(--bs-blue); }

.bg-blue {
  background-color: var(--bs-blue);
  color: var(--bs-light); }
  .bg-blue a {
    color: white; }
    .bg-blue a:hover {
      color: var(--bs-green-light); }

.bg-light {
  background-color: var(--bs-light);
  color: var(--bs-blue); }

.bg-contain .areoi-background__image {
  background-size: 100%;
  background-repeat: no-repeat;
  background-position: center -80px; }

/*---------------------------------------
titulos e paragrafos
---------------------------------------*/
h1, .h1 {
  font-weight: 900;
  font-size: 32px;
  line-height: 1em; }
  h1.breadcrumb, .h1.breadcrumb {
    font-size: 14px;
    font-family: "Space Mono", monospace;
    text-transform: uppercase;
    margin-bottom: 36px;
    display: block; }

h2, .h2 {
  font-weight: 700;
  font-size: 28px;
  line-height: 1em; }

h3, .h3 {
  font-weight: 700;
  font-size: 24px;
  line-height: 1em; }

h4, .h4 {
  font-weight: 700;
  font-size: 21px;
  line-height: 1.4em; }

.font-weight-400 {
  font-weight: 400; }

@media (min-width: 992px) {
  body {
    font-size: 20px; }

  h1, .h1 {
    font-size: 72px; }
    h1.breadcrumb, .h1.breadcrumb {
      font-size: 18px; }

  h2, .h2 {
    font-size: 53px; }

  h3, .h3 {
    font-size: 34px; }

  h4, .h4 {
    font-size: 30px; } }
/*---------------------------------------
links + button
---------------------------------------*/
a {
  text-transform: none;
  transition: var(--transition); }
  a.noDeco {
    text-decoration: none; }

.btn {
  cursor: pointer;
  transition: var(--transition);
  text-transform: uppercase;
  font-family: "Space Mono", monospace;
  font-weight: bold;
  line-height: 1rem;
  font-size: 20px;
  padding: 0.75em  1em; }

.btn-primary {
  border-color: var(--bs-green-light);
  background-color: var(--bs-green-light);
  color: var(--bs-blue-dark); }

.btn-primary:hover {
  color: white;
  background-color: var(--bs-green);
  border-color: var(--bs-green); }

.btn-info {
  border-color: var(--bs-purple);
  background-color: var(--bs-purple);
  color: var(--bs-green-light); }

.btn-info:hover {
  color: white;
  background-color: var(--bs-purple-dark);
  border-color: var(--bs-purple-dark); }

.font-400,
.font-regular {
  font-weight: 400; }

.font-light,
.font-300 {
  font-weight: 300; }

.lineheight-large {
  line-height: 1.5em; }

.lineheight-xlarge {
  line-height: 2em; }

/*---------------------------------------
BOOTSTRAP
---------------------------------------*/
hr {
  background-color: white;
  opacity: 1;
  margin: 2em 0; }

.areoi-strip {
  padding: 6em 0;
  overflow: hidden; }

/* só no editor */
.editor-styles-wrapper .block-editor-block-list__layout.is-root-container * {
  display: block; }

body .block-editor-block-list__layout.is-root-container .wp-block.col,
.editor-styles-wrapper .block-editor-block-list__layout.is-root-container .wp-block.col {
  max-width: none; }

/*---------------LG---------------*/
@media (min-width: 992px) {
  .areoi-strip {
    padding: 8em 0; } }