/* Pages */
/*!
Theme Name: Ki-Cab
Theme URI: http://underscores.me/
Author: Augusto Flores
Author URI: https://centralmedia.mx/
Description: Tema 2022
Version: 1.0.0
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: kicab
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned.

Ki-Cab is based on Underscores https://underscores.me/, (C) 2012-2020 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/
.morado {
  color: #99529D;
}

.morado-fuerte {
  color: #75187A;
}

.morado-claro {
  color: #B299F5;
}

.rosa {
  color: #F2B48F;
}

body {
  font-family: "Poppins", sans-serif;
  color: #898989;
}

img {
  display: block;
  width: 100%;
  margin: 0 auto;
}
@media (min-width: 992px) {
  img {
    text-align: left;
  }
}

section {
  padding: 1rem 0;
}
@media (min-width: 992px) {
  section {
    padding: 3rem 0;
  }
}

header {
  overflow: hidden;
  color: white;
  background-image: url("../images/home/Background_1.png");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: right top;
  margin-bottom: 2rem;
}
@media (min-width: 992px) {
  header {
    background-position: center top;
    margin-bottom: 0px;
  }
}
header img {
  display: block;
  width: 100%;
  max-width: 870px;
  margin: 0 auto;
  padding-top: 3rem;
}
@media (min-width: 992px) {
  header img {
    text-align: left;
  }
}

.logo {
  padding: 1rem;
  text-align: center;
}
@media (min-width: 992px) {
  .logo {
    padding: 3rem;
    text-align: left;
  }
}
.logo #logo {
  max-width: 220px;
  width: 100%;
  display: initial;
}

main {
  background-color: #75187A;
  padding: 4rem 0;
}
main p {
  color: #716F76;
}
main h1 {
  font-weight: 500;
  font-size: 34pt;
  color: #fff;
}
main h1 span {
  font-size: 44pt;
  color: #F2B48F;
}

.over-content {
  margin-top: 100px;
}
.over-content .over-img {
  max-width: 400px;
  margin-top: -180px;
}
@media (min-width: 992px) {
  .over-content .over-img {
    padding-bottom: 0px;
  }
}
.over-content .aplicaciones h3 {
  text-align: center;
  padding: 1rem 0;
  color: #fff;
  font-size: 16pt;
}
@media (min-width: 992px) {
  .over-content .aplicaciones .img-left h3 {
    text-align: left;
  }
}
@media (min-width: 992px) {
  .over-content .aplicaciones .img-right h3 {
    text-align: right;
  }
}

.icons {
  margin: 1.5rem 0;
}

.bold {
  font-weight: 600;
}

h1 {
  font-weight: 500;
  font-size: 34pt;
}
h1 span {
  font-size: 44pt;
}

h2 {
  font-weight: bold;
  font-size: 18px;
}
@media (min-width: 1200px) {
  h2 {
    font-size: 22px;
  }
}

p {
  font-size: 16px;
}
p span {
  color: #99529D;
  font-weight: bold;
}
@media (min-width: 992px) {
  p {
    font-size: 18px;
  }
}

.referencias {
  font-size: 9pt;
}

.top-bar {
  background-color: #99529D;
  display: flex;
  justify-content: end;
  padding: 20px 40px;
}
.top-bar p {
  margin: 0;
}
.top-bar a {
  color: #fff;
  text-decoration: none;
}

.menu {
  background-color: #75187A;
}
@media (min-width: 992px) {
  .menu {
    background-color: transparent;
  }
}

button {
  background-color: #F2B48F;
  color: #fff;
  border-radius: 30px;
  border: 0px;
  padding: 4px 10px;
  margin: 4px 10px;
}
@media (min-width: 992px) {
  button {
    margin: 0;
    padding: 10px 20px;
  }
}
button a {
  color: #fff !important;
}

.home header {
  background-image: url("../images/home/Background.png");
  background-repeat: no-repeat;
  background-size: cover;
}

.interiores main header h1 {
  font-weight: 100;
  font-size: 40pt;
  padding: 0;
  color: #99529D;
}
.interiores header {
  background-image: url("../images/que_es/background.png");
  background-repeat: no-repeat;
  background-size: cover;
}
.interiores header h1 {
  font-weight: 100;
  font-size: 44pt;
  padding: 3% 0;
}
.interiores.papilocare header {
  background-image: url("../images/papilocare/Background_1.png");
  background-repeat: no-repeat;
  background-size: cover;
}
.interiores.papilocare header .banner {
  padding: 0rem 0;
}
@media (min-width: 992px) {
  .interiores.papilocare header .banner {
    padding: 6rem 0;
  }
}
.interiores.papilocare header .banner img {
  padding: 2rem 0;
}
.interiores.papilocare header .banner img.logo {
  max-width: 324px;
}
.interiores.papilocare header .banner button {
  background-color: #fff;
  text-align: center;
  width: 220px;
  margin: 0 auto;
}
.interiores.papilocare header .banner button a {
  color: #75187A !important;
  font-weight: 600;
  text-decoration: none;
}
.interiores.papilocare h3 {
  color: #fff !important;
}
.interiores.que_es header {
  background-position: top center;
}
.interiores.que_es .banner {
  padding: 6rem 0;
}
.interiores.que_es .banner h1 {
  font-size: 38pt;
  font-weight: 100;
  text-align: center;
}
@media (min-width: 992px) {
  .interiores.que_es .banner h1 {
    font-size: 96pt;
  }
}
.interiores.que_es h1 {
  font-size: 38px;
}
@media (min-width: 992px) {
  .interiores.que_es h1 {
    font-size: 52pt;
  }
}
.interiores.que_es .text-left-center {
  text-align: center;
}
@media (min-width: 992px) {
  .interiores.que_es .text-left-center {
    text-align: left;
  }
}
.interiores.que_es .mexico {
  margin-right: 10px;
}
.interiores.que_es .vacuna {
  margin-left: -10%;
}
@media (min-width: 992px) {
  .interiores.que_es .vacuna {
    margin-left: -20%;
  }
}
.interiores.no_estas_sola header {
  background-image: url("../images/no_estas_sola/bacground.png");
  background-repeat: no-repeat;
  background-size: cover;
}
.interiores.no_estas_sola header .banner {
  padding: 3rem 0 0 0;
}
.interiores.no_estas_sola header .banner h1 {
  font-weight: 100;
  font-size: 32pt;
}
@media (min-width: 992px) {
  .interiores.no_estas_sola header .banner h1 {
    font-size: 122pt;
  }
}
.interiores.comprar header {
  background-image: url("../images/comprar/background.png");
  background-repeat: no-repeat;
  background-size: cover;
}
.interiores.comprar header .banner {
  padding: 3rem 0;
}
.interiores.comprar header .banner img {
  width: 78%;
}
.interiores.comprar header h1 {
  font-size: 48pt;
  text-transform: uppercase;
}
.interiores.comprar header h1 span {
  font-size: 30px;
  color: #B299F5;
}
.interiores.comprar h1 {
  font-size: 44px;
}
@media (min-width: 992px) {
  .interiores.comprar h1 {
    font-size: 52px;
  }
}
.interiores.contacto header {
  background-image: url("../images/contacto/background.png");
  background-repeat: no-repeat;
  background-size: cover;
}
.interiores.contacto header .banner {
  padding: 3rem 0 0 0;
}
.interiores.contacto header h1 {
  font-size: 48pt;
  text-align: center;
}
@media (min-width: 992px) {
  .interiores.contacto header h1 {
    font-size: 100pt;
    text-align: center;
  }
}
.interiores.contacto form input {
  padding: 0.375rem 0.75rem;
}
.interiores.contacto form .ninja-forms-req-symbol {
  display: none;
}
.interiores.contacto form ::-moz-placeholder {
  color: #99529D;
  font-weight: 600;
}
.interiores.contacto form ::placeholder {
  color: #99529D;
  font-weight: 600;
}
.interiores.contacto form button {
  background-color: #99529D;
  padding: 10px 60px;
  font-size: 10pt;
}
.interiores .frecuencia .row > div {
  padding-right: 0px;
}
@media (min-width: 992px) {
  .interiores .frecuencia .row > div {
    padding-right: 85px;
  }
}
@media (min-width: 1420px) {
  .interiores .frecuencia .row > div {
    padding-right: 0px;
  }
}
.interiores .frecuencia:before {
  background: url(" ");
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
}
@media (min-width: 992px) {
  .interiores .frecuencia:before {
    background: url("../images/que_es/mexico.png");
    background-repeat: no-repeat;
    background-position: right;
  }
}

.mitos span {
  margin-right: 10px;
}

.single-post main {
  background-color: #fff;
}

footer {
  background-color: #fff;
  padding: 70px;
}
footer img {
  max-width: 120px;
  padding-right: 20px;
  padding-bottom: 20px;
}
@media (min-width: 992px) {
  footer img {
    padding-bottom: 0px;
  }
}
footer p {
  font-size: 9pt;
  margin: 0;
}
footer #whatsapp {
  position: fixed;
  bottom: 1rem;
  right: 1rem;
  width: 60px;
}
footer {

}

header.entry-header {
  background: unset !important;
}

#navigation {
  /*BUTTON MENU MOBILE*/
}
#navigation .menu-btn {
  -webkit-font-smoothing: antialiased;
  background-color: #13a0c9;
  border: none;
  color: white;
  display: inline-block;
  font-size: 1em;
  font-weight: bold;
  line-height: 1;
  padding: 0.75em 1em;
  text-decoration: none;
  text-align: center;
  width: 100%;
  display: none;
  position: relative;
}
@media (max-width: 768px) {
  #navigation .menu-btn {
    display: inline-block;
  }
}
#navigation nav {
  justify-content: end !important;
  /*Boton Hamburguesa*/
}
#navigation nav .navbar-toggler {
  color: #F2B48F !important;
  border-color: #F2B48F !important;
  margin-bottom: 10px;
}
#navigation nav .navbar-toggler span {
  filter: invert(41%) sepia(99%) saturate(2138%) hue-rotate(311deg) brightness(100%) contrast(103%);
}
#navigation nav {
  /*Elementos Menu*/
}
#navigation nav .navbar-nav {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: end;
  margin: 4px;
  width: 100%;
}
@media (min-width: 992px) {
  #navigation nav .navbar-nav {
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    margin: 0;
  }
}
#navigation nav .navbar-nav button {
  background-color: #75187A;
  color: #fff;
  border-radius: 30px;
  border: 0px;
  padding: 10px 20px;
  margin: 4px 0;
}
@media (min-width: 768px) {
  #navigation nav .navbar-nav button {
    margin: 0;
  }
}
#navigation nav .navbar-nav button a {
  color: #fff !important;
}
#navigation nav .navbar-nav a {
  color: #fff;
  margin: 0;
  padding: 4px 10px;
  text-decoration: none;
  font-weight: 500;
}
#navigation nav .navbar-nav a.active {
  color: #F2B48F;
}
@media (min-width: 992px) {
  #navigation nav .navbar-nav a {
    color: #75187A;
    padding: 0;
  }
}/*# sourceMappingURL=style.css.map */