@import url("https://fonts.googleapis.com/css2?family=League+Gothic&family=Roboto:ital,wght@0,100..900;1,100..900&display=swap");
/*---------------------------------------
basic styles 
---------------------------------------*/
:root {
  --transition: all .4s ease-in-out;
  --bs-dark:#2E2F2E;
  --bs-light:#F9F9F9;
  --bs-gray:#7F7F7F;
  --bs-gray-light:#C6C6C6;
  --bs-orange:#FF7F00;
  --bs-red:#F13D00;
  --bs-yellow:#FDBD00;
  --radius:3px;
  --respiro-theme-padding:60px;
  --wp--preset--font-size--small: 13px !impostant;
  --wp--preset--font-size--medium: 16px !impostant;
  --wp--preset--font-size--large: 22px !important;
  --wp--preset--font-size--x-large:26px !important; }

.container {
  width: 90vw;
  max-width: none;
  margin: 0 auto; }

.container-fluid {
  padding-left: 0;
  padding-right: 0; }

@media (max-width: 991px) {
  .noBr br {
    display: none; } }
@media (min-width: 992px) {
  :root {
    --respiro-theme-padding:80px;
    --wp--preset--font-size--small: 14px !impostant;
    --wp--preset--font-size--medium: 20px !impostant;
    --wp--preset--font-size--large: 26px !important;
    --wp--preset--font-size--x-large: 32px !important; } }
.has-small-font-size,
.has-medium-font-size,
.has-large-font-size,
.has-x-large-font-size {
  line-height: 1.3em; }

::selection {
  color: black;
  background-color: rgba(255, 255, 0, 0.5); }

body:not(.wp-admin),
.editor-styles-wrapper.block-editor-writing-flow {
  font-family: "Roboto", sans-serif;
  color: var(--bs-dark);
  background-color: white;
  background-image: url("../images/bg.png"); }

.body {
  max-width: 100vw;
  overflow: hidden;
  width: 100vw; }

/*---------------------------------------
basic styles 
---------------------------------------*/
/*color-theme */
.has-dark-color {
  color: var(--bs-dark); }

.has-light-color {
  color: var(--bs-light); }

.has-gray-color {
  color: var(--bs-gray); }

.has-red-color {
  color: var(--bs-red); }

.has-orange-color {
  color: var(--bs-orange); }

.has-yellow-color {
  color: var(--bs-yellow); }

/*background-color-theme */
.has-background-dark-color {
  color: white;
  background-color: var(--bs-dark); }

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

.has-background-gray-color {
  background-color: var(--bs-gray); }

.has-background-red-color {
  background-color: var(--bs-red); }

.has-background-orange-color {
  background-color: var(--bs-orange); }

.has-background-yellow-color {
  background-color: var(--bs-yellow); }

/*---------------------------------------
titulos e paragrafos
---------------------------------------*/
.font-georgia {
  font-family: Georgia, "serif"; }

.line-2x {
  line-height: 2em; }

.font-league-gothic {
  font-family: "League Gothic", sans-serif;
  font-weight: 400; }

h1, .h1 {
  font-family: "League Gothic", sans-serif;
  font-weight: 400;
  line-height: 0.92em;
  font-size: 62px; }

h2, .h2 {
  font-family: "League Gothic", sans-serif;
  font-weight: 400;
  line-height: 0.92em;
  font-size: 36px; }
  h2.small, .h2.small {
    font-size: 28px; }

h3, .h3 {
  font-family: "League Gothic", sans-serif;
  font-weight: 400;
  line-height: 0.92em;
  font-size: 28px; }

.line-height-2x {
  line-height: 2em; }

@media (min-width: 992px) {
  h1, .h1 {
    font-size: 86px; }

  h2, .h2 {
    font-size: 110px; }
    h2.small, .h2.small {
      font-size: 70px; } }
/*---------------------------------------
links + button
---------------------------------------*/
a {
  cursor: pointer;
  color: var(--bs-orange);
  transition: var(--transition); }
  a img, a:before, a:after {
    transition: var(--transition); }
  a:hover {
    color: var(--black);
    filter: brightness(1.1); }

.btn {
  cursor: pointer;
  display: inline-block;
  line-height: 1em;
  border-radius: 0;
  font-size: 18px;
  font-weight: 700;
  text-transform: uppercase;
  text-align: center;
  transition: var(--transition);
  background-color: var(--bs-dark);
  border-radius: 0;
  border: 3px solid var(--bs-dark);
  color: var(--bs-light);
  padding: 20px 40px; }
  .btn.btn-full {
    width: 100%; }
  .btn.btn-primary:hover {
    background-color: black;
    border-color: black; }
  .btn.btn-outline-light {
    background-color: transparent;
    color: white;
    border-color: white; }
    .btn.btn-outline-light:hover {
      background-color: white;
      color: black;
      border-color: white; }
  .btn.btn-outline-dark {
    background-color: transparent;
    color: var(--bs-dark);
    border-color: var(--bs-dark); }
    .btn.btn-outline-dark:hover {
      background-color: var(--bs-dark);
      color: white;
      border-color: var(--bs-dark); }

@media (max-width: 576px) {
  .btn {
    display: block; } }
/*---------------------------------------
GENERAL
---------------------------------------*/
.text-justify {
  text-align: justify; }

/*---------------------------------------
AEROI
---------------------------------------*/
.areoi-strip,
.respiro-theme {
  padding: var(--respiro-theme-padding) 0; }

/*---------------LG---------------*/
@media (max-width: 991px) {
  main .col + .col {
    margin-top: 1em; } }