/*
Theme Name: Hub Child
Theme URI: http://hub.liquid-themes.com/
Author: Liquid Themes
Author URI: https://themeforest.net/user/liquidthemes
Template: hub
Description: Smart, Powerful and Unlimited Customizable WordPress Theme.
Version: 1.0
License: GNU General Public License
License URI: license.txt
Text Domain: hub-child
Tags: responsive, retina, rtl-language-support, blog, portfolio, custom-colors, live-editor
*/


/* importacion */

@import url('https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,100..1000;1,9..40,100..1000&family=Google+Sans:ital,opsz,wght@0,17..18,400..700;1,17..18,400..700&display=swap');


:root {
  --dm: "DM Sans", sans-serif;
  --goo: "Google Sans", sans-serif;
  --naranja: #E65458;
  /*--verde: #55957F;*/
  --verde: #179588;
  --celeste: #7D8FC1;
  --celesteo: #5979D4;
  --verdec: #95D1AB;
  --turq: #00A399;
  --griso: #6A6A6A;
  --gris: #F9F6F6;
  --blanco: #FFFFFF;
}

.fw400 {
  font-weight: 400 !important;
}

.fw700 {
  font-weight: 700 !important;
}

.fw800 {
  font-weight: 800 !important;
}

.mia {
  margin-inline: auto !important;
}

.dm50blanco {
  font-family: var(--dm);
  font-weight: 700;
  font-size: 50px;
  letter-spacing: 0px;
  line-height: 57px;
  color: var(--blanco);
}

.dm22blanco {
  font-family: var(--dm);
  font-weight: 500;
  font-size: 22px;
  letter-spacing: 0px;
  line-height: 24px;
  color: var(--blanco);
}

.dm18verde {
  font-family: var(--dm);
  font-weight: 600;
  font-size: 18px;
  letter-spacing: 0px;
  line-height: normal;
  color: var(--verde);
}

.dm18naranja {
  font-family: var(--dm);
  font-weight: 800;
  font-size: 18px;
  letter-spacing: 0px;
  line-height: normal;
  color: var(--naranja);
}

.dm36blanco {
  font-family: var(--dm);
  font-weight: 800;
  font-size: 36px;
  letter-spacing: 0px;
  line-height: 42px;
  color: white;
}

.dm20blanco {
  font-family: var(--dm);
  font-weight: 500;
  font-size: 20px;
  letter-spacing: 0px;
  line-height: 25px;
  color: white;
}

.goo36verde {
  font-family: var(--goo);
  font-weight: 700;
  font-size: 36px;
  letter-spacing: 0px;
  line-height: normal;
  color: var(--verde);
}

.dm20griso {
  font-family: var(--dm);
  font-weight: 400;
  font-size: 20px;
  letter-spacing: 0px;
  line-height: 25px;
  color: var(--griso);
}


.dm20griso>span {
  font-weight: 700;
}

.goo36celeste {
  font-family: var(--goo);
  font-weight: 700;
  font-size: 36px;
  letter-spacing: 0px;
  line-height: normal;
  color: var(--celeste);
}

.dm36verde {
  font-family: var(--dm);
  font-weight: 700;
  font-size: 36px;
  letter-spacing: 0px;
  line-height: normal;
  color: var(--verde);
}

.dm16verde {
  font-family: var(--dm);
  font-weight: 400;
  font-size: 16px;
  letter-spacing: 0px;
  line-height: 20px;
  color: var(--verde);
}

.dm36blanco {
  font-family: var(--dm);
  font-weight: 800;
  font-size: 36px;
  letter-spacing: 0px;
  line-height: 39px;
  color: white;
}

.dm18blanco {
  font-family: var(--dm);
  font-weight: 700;
  font-size: 18px;
  letter-spacing: 0px;
  line-height: 22px;
  color: white;
}

.dm36celesteo {
  font-family: var(--dm);
  font-weight: 800;
  font-size: 36px;
  letter-spacing: 0px;
  line-height: 39px;
  color: var(--celesteo);
}

.dm52blanco {
  font-family: var(--dm);
  font-weight: 400;
  font-size: 52px;
  letter-spacing: 0px;
  line-height: 57px;
  color: var(--blanco);
}

.dm52blanco>span {
  font-weight: 600;
}

.dm21verde {
  font-family: var(--dm);
  font-weight: 800;
  font-size: 21px;
  letter-spacing: 0px;
  line-height: 25px;
  color: var(--verde);
}

.dm14griso {
  font-family: var(--dm);
  font-weight: 400;
  font-size: 14px;
  letter-spacing: 0px;
  line-height: 19px;
  color: var(--griso);
}

.dm14blanco {
  font-family: var(--dm);
  font-weight: 400;
  font-size: 18px;
  letter-spacing: 0px;
  line-height: 21px;
  color: white;
}

.goo36blanco {
  font-family: var(--goo);
  font-weight: 700;
  font-size: 36px;
  letter-spacing: 0px;
  line-height: normal;
  color: white;
}

.goo36celesteo {
  font-family: var(--goo);
  font-weight: 700;
  font-size: 36px;
  letter-spacing: 0px;
  line-height: normal;
  color: var(--celesteo);
}


@media only screen and (max-width: 900px) {

  .dm50blanco {
    font-size: 40px;
    line-height: 42px;
  }

  .dm22blanco {
    font-size: 20px;
    line-height: 24px;
  }

  .dm20blanco {
    font-size: 18px;
    line-height: 23px;
  }

  .dm36blanco {
    font-size: 34px;
  }

}

@media only screen and (max-width: 600px) {

  .dm50blanco {
    font-size: 26px;
    line-height: 30px;
  }

  .dm22blanco {
    font-size: 16px;
    line-height: 18px;
  }

  .dm18naranja {
    font-size: 16px;
    line-height: normal;
  }

  .dm18verde {
    font-size: 16px;
  }

  .dm36blanco {
    font-size: 24px;
    line-height: 25px;
  }

  .dm20blanco {
    font-size: 16px;
    line-height: 20px;
  }

  .goo36verde {
    font-size: 24px;
    line-height: normal;
  }

  .dm20griso {
    font-size: 16px;
    line-height: 20px;
  }

  .goo36celeste {
    font-size: 24px;
    line-height: normal;
  }

  .dm36verde {
    font-size: 24px;
    line-height: normal;
  }

  .dm16verde {
    font-size: 14px;
    line-height: 18px;
  }

  .dm36celesteo {
    font-size: 24px;
    line-height: normal;
  }

  .dm52blanco {
    font-size: 39px;
    line-height: 40px;
  }

  .goo36blanco {
    font-size: 24px;
  }

  .dm21verde {
    font-size: 19px;
    line-height: 23px;
  }

}