@import url("https://use.typekit.net/rmy6dru.css");
/*---------------------------------------
basic styles 
---------------------------------------*/
:root {
  --transition: all .4s ease-in-out;
  --transition-fast: all .2s ease-in-out;
  --bs-salmon:#F7AD78;
  --bs-purple:#7F2347;
  --bs-red:#CC112C;
  --bs-green:#28A745;
  --bs-orange:#F28D30;
  --bs-yellow-neon:#DDDF00;
  --bs-yellow:#FFCC00;
  --bs-navy:#002E3B;
  --bs-blue:#30277C;
  --bs-cyan:#0088CD;
  --bs-acqua:#94D4EB;
  --bs-dark:#313131;
  --bs-gray:#7F7F7F;
  --bs-gray-light:#D8D8D8;
  --bs-light:#EAEAEA;
  --bs-light-light:#F3F3F3;
  --bs-black:#0b0b0b;
  --bs-white:#f2f6fc;
  --radius:50px;
  --radius-short:10px;
  --respiro-theme-padding:50px;
  --wp--preset--font-size--small: 13px !impostant;
  --wp--preset--font-size--medium: 20px !impostant;
  --wp--preset--font-size--large: 24px !important;
  --wp--preset--font-size--x-large:32px !important; }

.row {
  --bs-gutter-x: 0.75rem;
  --bs-gutter-y: 0; }

@media (max-width: 575px) {
  :root {
    --wp--preset--font-size--small: 13px !impostant;
    --wp--preset--font-size--medium: 18px !impostant;
    --wp--preset--font-size--large: 22px !important;
    --wp--preset--font-size--x-large:28px !important; } }
@media (max-width: 991px) {
  .noBr br {
    display: none; } }
@media (min-width: 1200px) {
  :root {
    --respiro-theme-padding:80px;
    --wp--preset--font-size--small: 14px !impostant;
    --wp--preset--font-size--medium: 24px !impostant;
    --wp--preset--font-size--large: 32px !important;
    --wp--preset--font-size--x-large: 42px !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(221, 223, 0, 0.4); }

body:not(.wp-admin),
.editor-styles-wrapper.block-editor-writing-flow {
  color: var(--bs-dark);
  background-color: white;
  font-family: "poppins", sans-serif;
  line-height: 1.5em;
  font-size: 18px; }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.font-georgia {
  font-family: Georgia, "serif"; }

h1, h2, h3 {
  text-wrap: balance; }

article h2,
article h3 {
  text-wrap: wrap; }

h1, .h1 {
  font-family: "poppins", sans-serif;
  font-weight: 400;
  font-size: 42px;
  margin-bottom: 0.5em; }
  h1 strong, h1 b, .h1 strong, .h1 b {
    font-weight: 700; }

h2, .h2 {
  font-family: "poppins", sans-serif;
  font-weight: 400;
  font-size: 36px;
  margin-bottom: 0.5em; }
  h2 strong, h2 b, .h2 strong, .h2 b {
    font-weight: 700; }

h3, .h3 {
  font-family: "poppins", sans-serif;
  font-weight: 400;
  font-size: 28px;
  margin-bottom: 0.5em; }
  h3 strong, h3 b, .h3 strong, .h3 b {
    font-weight: 700; }

h4, .h4 {
  font-family: "poppins", sans-serif;
  font-weight: 400;
  font-size: 24px;
  margin-bottom: 0.5em; }
  h4 strong, h4 b, .h4 strong, .h4 b {
    font-weight: 700; }

h5, .h5 {
  font-weight: 400;
  font-size: 1em;
  margin-bottom: 0.5em; }
  h5 strong, h5 b, .h5 strong, .h5 b {
    font-weight: 700; }

p + p {
  margin-top: 2em; }

@media (max-width: 575px) {
  h2.small-mob {
    font-size: 32px; } }
@media (min-width: 992px) {
  h1, .h1 {
    font-size: 58px; }
    h1.font-gg, .h1.font-gg {
      font-size: 100px;
      line-height: 1em; }

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

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

  h4, .h4 {
    font-size: 24px; }

  h5, .h5 {
    font-size: 1em; } }
/*---------------------------------------
links + button
---------------------------------------*/
a {
  cursor: pointer;
  transition: var(--transition);
  color: var(--bs-dark); }
  a img, a:before, a:after {
    transition: var(--transition); }
  a:hover {
    color: var(--bs-cyan); }
  a.no-undeline {
    text-decoration: none; }
    a.no-undeline:hover {
      text-decoration: none; }

.btn {
  transition: var(--transition-fast);
  cursor: pointer;
  display: inline-block;
  font-family: "poppins", sans-serif;
  line-height: 1em;
  border-radius: 10px;
  font-size: 18px;
  font-weight: 700;
  text-align: center;
  background-color: black;
  border-radius: calc( var(--radius-short) / 1.5);
  border: 3px solid black;
  padding: 20px 30px 16px;
  text-decoration: none;
  background-color: var(--bs-blue);
  border-color: var(--bs-blue);
  color: white; }
  .btn:hover {
    filter: brightness(1.2);
    color: var(--bs-acqua); }
  .btn:disabled {
    filter: grayscale(0.7);
    opacity: 0.8; }
  .btn i.ms-3 {
    margin-left: 0.25rem !important; }
  .btn.btn-sm {
    padding: 15px 15px 12px;
    font-size: 16px; }
  .btn.btn-lg {
    font-size: var(--wp--preset--font-size--large); }
  .btn.btn-link {
    padding: 0;
    background-color: transparent;
    border-radius: 0;
    border: none;
    color: var(--bs-dark);
    font-weight: 500; }
    .btn.btn-link i.ms-3 {
      margin-left: 0.25rem !important; }
    .btn.btn-link:before {
      content: '';
      position: absolute;
      left: 0;
      right: 0;
      bottom: -5px;
      height: 2px;
      background-color: var(--bs-dark);
      display: block;
      transition: var(--transition);
      z-index: 0;
      border-radius: 4px; }
    .btn.btn-link:hover {
      color: var(--bs-acqua); }
      .btn.btn-link:hover:before {
        height: calc(100% + 10px);
        border-radius: 2px;
        left: -8px;
        right: -8px;
        z-index: -1; }
    .btn.btn-link.btn-link-yellow {
      color: var(--bs-yellow); }
      .btn.btn-link.btn-link-yellow:before {
        background-color: var(--bs-yellow); }
      .btn.btn-link.btn-link-yellow:hover {
        color: black; }
    .btn.btn-link.btn-link-yellow-neon {
      color: var(--bs-yellow-neon); }
      .btn.btn-link.btn-link-yellow-neon:before {
        background-color: var(--bs-yellow-neon); }
      .btn.btn-link.btn-link-yellow-neon:hover {
        color: black; }
  .btn.btn-primary {
    background-color: var(--bs-cyan);
    border-color: var(--bs-cyan);
    color: var(--bs-yellow-neon); }
    .btn.btn-primary:hover {
      background-color: var(--bs-blue);
      border-color: var(--bs-blue); }
    .btn.btn-primary.txt-white {
      color: white; }
  .btn.btn-secondary {
    background-color: var(--bs-gray);
    border-color: var(--bs-gray); }
  .btn.btn-success {
    background-color: var(--bs-green);
    border-color: var(--bs-green); }
  .btn.btn-danger {
    background-color: var(--bs-red);
    border-color: var(--bs-red); }
  .btn.btn-warning {
    background-color: var(--bs-yellow);
    border-color: var(--bs-yellow); }
  .btn.btn-info {
    background-color: var(--bs-acqua);
    border-color: var(--bs-acqua);
    color: var(--bs-navy); }
    .btn.btn-info:hover {
      background-color: var(--bs-cyan);
      border-color: var(--bs-cyan); }
  .btn.btn-light {
    background-color: white;
    border-color: white;
    color: var(--bs-dark); }
    .btn.btn-light:hover {
      background-color: var(--bs-cyan);
      border-color: var(--bs-cyan);
      color: white;
      filter: none; }
  .btn.btn-dark {
    background-color: var(--bs-dark);
    border-color: var(--bs-dark); }
  .btn.btn-outline-primary {
    background-color: transparent;
    color: var(--bs-cyan);
    border-color: var(--bs-acqua); }
    .btn.btn-outline-primary:hover {
      background-color: var(--bs-cyan);
      color: var(--bs-navy);
      border-color: var(--bs-cyan); }
  .btn.btn-outline-secondary {
    background-color: transparent;
    color: var(--bs-gray);
    border-color: var(--bs-gray); }
  .btn.btn-outline-success {
    background-color: var(--bs-green);
    border-color: var(--bs-green); }
  .btn.bt-outlinen-danger {
    background-color: transparent;
    color: var(--bs-red);
    border-color: var(--bs-red); }
  .btn.btn-outline-warning {
    background-color: transparent;
    color: var(--bs-yellow);
    border-color: var(--bs-yellow); }
  .btn.bt-outlinen-info {
    background-color: transparent;
    color: var(--bs-navy);
    border-color: var(--bs-navy); }
  .btn.btn-outline-light {
    background-color: transparent;
    color: white;
    border-color: white; }
    .btn.btn-outline-light:hover {
      background-color: white;
      border-color: white;
      color: var(--bs-cyan);
      filter: none; }
  .btn.btn-outline-dark {
    background-color: transparent;
    color: var(--bs-dark);
    border-color: var(--bs-dark); }
    .btn.btn-outline-dark:hover {
      background-color: black;
      border-color: black;
      color: var(--bs-acqua);
      filter: none; }
  .btn.btn-outline-transparent {
    background-color: transparent;
    color: var(--bs-acqua);
    border-color: transparent; }
    .btn.btn-outline-transparent:hover {
      background-color: var(--bs-acqua);
      border-color: var(--bs-acqua);
      color: var(--bs-navy);
      filter: none; }
  .btn.btn-whatsapp {
    color: #25D366;
    font-weight: 600;
    padding: 15px 30px; }
    .btn.btn-whatsapp:after {
      content: 'whatsapp'; }
    .btn.btn-whatsapp i.ms-3 {
      margin: 0 5px !important; }
    .btn.btn-whatsapp:hover {
      background-color: #25D366;
      color: black; }

@media screen and (max-width: 782px) {
  html #wpadminbar {
    opacity: 0.7;
    position: fixed; } }
@media (max-width: 991px) {
  .container {
    max-width: 86%; } }
/*---------------------------------------
GENERAL
---------------------------------------*/
.text-justify {
  text-align: justify; }

/*---------------------------------------
AEROI
---------------------------------------*/
main {
  overflow: hidden; }

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

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