img.wp-smiley,
    img.emoji {
      display: inline !important;
      border: none !important;
      box-shadow: none !important;
      height: 1em !important;
      width: 1em !important;
      margin: 0 .07em !important;
      vertical-align: -0.1em !important;
      background: none !important;
      padding: 0 !important;
    }

    .site-typeface-title,
    site-typeface-title-1,
    site-typeface-title-2,
    site-typeface-title-3 {
      font-family: 'playfair display';
      font-weight: 400
    }

    .site-typeface-headline {
      font-family: 'kite one';
      font-weight: 400
    }

    .site-typeface-content {
      font-family: 'pt serif';
      font-weight: 400
    }

    .site-typeface-body {
      font-family: lato;
      font-weight: 400
    }

    body,
    html {
      font-size: 18px;
      line-height: 1.4em
    }

    body h1 {
      font-size: 2.2em;
      line-height: 1.1em;
      font-weight: 400
    }

    body h2 {
      font-size: 2em;
      line-height: 1.1em;
      font-weight: 400
    }

    body h3 {
      font-size: 1.8em;
      line-height: 1.1em;
      font-weight: 400
    }

    .typo-size-content {
      font-size: 21px;
      line-height: 1.5em
    }

    .color-scheme-sand .site-palette-yang-1-color a,
    .site-palette-yang-2-color a,
    .site-palette-yang-3-color a,
    .site-palette-yang-4-color a {
      color: #dfd8d9
    }

    .color-scheme-sand .site-palette-yin-1-color a,
    .site-palette-yin-2-color a,
    .site-palette-yin-3-color a,
    .site-palette-yin-4-color a {
      color: #ab5d6a
    }

    .color-scheme-sand .site-palette-yang-1-background-color a {
      color: #ab5d6a
    }

    .color-scheme-sand .site-palette-yin-1-background-color a {
      color: #dfd8d9
    }

    .color-scheme-sand .site-palette-yin-1-color .site-palette-special-1-color,
    .site-palette-yin-2-color .site-palette-special-1-color,
    .site-palette-yin-3-color .site-palette-special-1-color,
    .site-palette-yin-4-color .site-palette-special-1-color {
      color: #ab5d6a
    }

    .color-scheme-sand .site-palette-yin-1-background-color .site-palette-special-1-background-color,
    .site-palette-yin-2-background-color .site-palette-special-1-background-color,
    .site-palette-yin-3-background-color .site-palette-special-1-background-color,
    .site-palette-yin-4-background-color .site-palette-special-1-background-color {
      background-color: #ab5d6a
    }

    .color-scheme-sand .site-palette-yin-1-border-color .site-palette-special-1-border-color,
    .site-palette-yin-2-border-color .site-palette-special-1-border-color,
    .site-palette-yin-3-border-color .site-palette-special-1-border-color,
    .site-palette-yin-4-border-color .site-palette-special-1-border-color {
      border-color: #ab5d6a
    }

    .color-scheme-sand .site-palette-yin-1-color .site-palette-special-2-color,
    .site-palette-yin-2-color .site-palette-special-2-color,
    .site-palette-yin-3-color .site-palette-special-2-color,
    .site-palette-yin-4-color .site-palette-special-2-color {
      color: #4a3ddd
    }

    .color-scheme-sand .site-palette-yin-1-background-color .site-palette-special-2-background-color,
    .site-palette-yin-2-background-color .site-palette-special-2-background-color,
    .site-palette-yin-3-background-color .site-palette-special-2-background-color,
    .site-palette-yin-4-background-color .site-palette-special-2-background-color {
      background-color: #4a3ddd
    }

    .color-scheme-sand .site-palette-yin-1-border-color .site-palette-special-2-border-color,
    .site-palette-yin-2-border-color .site-palette-special-2-border-color,
    .site-palette-yin-3-border-color .site-palette-special-2-border-color,
    .site-palette-yin-4-border-color .site-palette-special-2-border-color {
      border-color: #4a3ddd
    }

    .color-scheme-sand .site-palette-yin-1-color .site-palette-special-1-color,
    .site-palette-yin-2-color .site-palette-special-1-color,
    .site-palette-yin-3-color .site-palette-special-1-color,
    .site-palette-yin-4-color .site-palette-special-1-color {
      color: #ab5d6a
    }

    .color-scheme-sand .site-palette-yin-1-background-color .site-palette-special-1-background-color,
    .site-palette-yin-2-background-color .site-palette-special-1-background-color,
    .site-palette-yin-3-background-color .site-palette-special-1-background-color,
    .site-palette-yin-4-background-color .site-palette-special-1-background-color {
      background-color: #ab5d6a
    }

    .color-scheme-sand .site-palette-yin-1-border-color .site-palette-special-1-border-color,
    .site-palette-yin-2-border-color .site-palette-special-1-border-color,
    .site-palette-yin-3-border-color .site-palette-special-1-border-color,
    .site-palette-yin-4-border-color .site-palette-special-1-border-color {
      border-color: #ab5d6a
    }

    .color-scheme-sand .site-palette-yin-1-color .site-palette-special-2-color,
    .site-palette-yin-2-color .site-palette-special-2-color,
    .site-palette-yin-3-color .site-palette-special-2-color,
    .site-palette-yin-4-color .site-palette-special-2-color {
      color: #4a3ddd
    }

    .color-scheme-sand .site-palette-yin-1-background-color .site-palette-special-2-background-color,
    .site-palette-yin-2-background-color .site-palette-special-2-background-color,
    .site-palette-yin-3-background-color .site-palette-special-2-background-color,
    .site-palette-yin-4-background-color .site-palette-special-2-background-color {
      background-color: #4a3ddd
    }

    .color-scheme-sand .site-palette-yin-1-border-color .site-palette-special-2-border-color,
    .site-palette-yin-2-border-color .site-palette-special-2-border-color,
    .site-palette-yin-3-border-color .site-palette-special-2-border-color,
    .site-palette-yin-4-border-color .site-palette-special-2-border-color {
      border-color: #4a3ddd
    }

    .color-scheme-sand .site-palette-yin-1-color,
    .color-scheme-sand a.site-palette-yin-1-color {
      color: #4f3939
    }

    .color-scheme-sand .site-palette-yin-2-color,
    .color-scheme-sand a.site-palette-yin-2-color {
      color: #694c4c
    }

    .color-scheme-sand .site-palette-yin-3-color,
    .color-scheme-sand a.site-palette-yin-3-color {
      color: #916d6e
    }

    .color-scheme-sand .site-palette-yin-4-color,
    .color-scheme-sand a.site-palette-yin-4-color {
      color: #b18d8e
    }

    .color-scheme-sand .site-palette-yang-1-color,
    .color-scheme-sand a.site-palette-yang-1-color {
      color: #fcfaf5
    }

    .color-scheme-sand .site-palette-yang-2-color,
    .color-scheme-sand a.site-palette-yang-2-color {
      color: #f8f4e9
    }

    .color-scheme-sand .site-palette-yang-3-color,
    .color-scheme-sand a.site-palette-yang-3-color {
      color: #f6f0e1
    }

    .color-scheme-sand .site-palette-yang-4-color,
    .color-scheme-sand a.site-palette-yang-4-color {
      color: #f3ead6
    }

    .color-scheme-sand .site-palette-yin-1-background-color,
    .color-scheme-sand a.site-palette-yin-1-background-color {
      background-color: #4f3939
    }

    .color-scheme-sand .site-palette-yin-2-background-color,
    .color-scheme-sand a.site-palette-yin-2-background-color {
      background-color: #694c4c
    }

    .color-scheme-sand .site-palette-yin-3-background-color,
    .color-scheme-sand a.site-palette-yin-3-background-color {
      background-color: #916d6e
    }

    .color-scheme-sand .site-palette-yin-4-background-color,
    .color-scheme-sand a.site-palette-yin-4-background-color {
      background-color: #b18d8e
    }

    .color-scheme-sand .site-palette-yang-1-background-color,
    .color-scheme-sand a.site-palette-yang-1-background-color {
      background-color: #fcfaf5
    }

    .color-scheme-sand .site-palette-yang-2-background-color,
    .color-scheme-sand a.site-palette-yang-2-background-color {
      background-color: #f8f4e9
    }

    .color-scheme-sand .site-palette-yang-3-background-color,
    .color-scheme-sand a.site-palette-yang-3-background-color {
      background-color: #f6f0e1
    }

    .color-scheme-sand .site-palette-yang-4-background-color,
    .color-scheme-sand a.site-palette-yang-4-background-color {
      background-color: #f3ead6
    }

    .color-scheme-sand .site-palette-yin-1-border-color,
    .color-scheme-sand a.site-palette-yin-1-border-color {
      border-color: #4f3939
    }

    .color-scheme-sand .site-palette-yin-2-border-color,
    .color-scheme-sand a.site-palette-yin-2-border-color {
      border-color: #694c4c
    }

    .color-scheme-sand .site-palette-yin-3-border-color,
    .color-scheme-sand a.site-palette-yin-3-border-color {
      border-color: #916d6e
    }

    .color-scheme-sand .site-palette-yin-4-border-color,
    .color-scheme-sand a.site-palette-yin-4-border-color {
      border-color: #b18d8e
    }

    .color-scheme-sand .site-palette-yang-1-border-color,
    .color-scheme-sand a.site-palette-yang-1-border-color {
      border-color: #fcfaf5
    }

    .color-scheme-sand .site-palette-yang-2-border-color,
    .color-scheme-sand a.site-palette-yang-2-border-color {
      border-color: #f8f4e9
    }

    .color-scheme-sand .site-palette-yang-3-border-color,
    .color-scheme-sand a.site-palette-yang-3-border-color {
      border-color: #f6f0e1
    }

    .color-scheme-sand .site-palette-yang-4-border-color,
    .color-scheme-sand a.site-palette-yang-4-border-color {
      border-color: #f3ead6
    }

    .color-scheme-sand .site-palette-yin-1-gradient-from-20 {
      background: linear-gradient(0deg, #4f3939 20%, rgba(200, 200, 200, 0) 100%)
    }

    .color-scheme-sand .site-palette-yin-2-gradient-from-20 {
      background: linear-gradient(0deg, #694c4c 20%, rgba(200, 200, 200, 0) 100%)
    }

    .color-scheme-sand .site-palette-yin-3-gradient-from-20 {
      background: linear-gradient(0deg, #916d6e 20%, rgba(200, 200, 200, 0) 100%)
    }

    .color-scheme-sand .site-palette-yin-4-gradient-from-20 {
      background: linear-gradient(0deg, #b18d8e 20%, rgba(200, 200, 200, 0) 100%)
    }

    .color-scheme-sand .site-palette-yang-1-gradient-from-20 {
      background: linear-gradient(0deg, #fcfaf5 20%, rgba(200, 200, 200, 0) 100%)
    }

    .color-scheme-sand .site-palette-yang-2-gradient-from-20 {
      background: linear-gradient(0deg, #f8f4e9 20%, rgba(200, 200, 200, 0) 100%)
    }

    .color-scheme-sand .site-palette-yang-3-gradient-from-20 {
      background: linear-gradient(0deg, #f6f0e1 20%, rgba(200, 200, 200, 0) 100%)
    }

    .color-scheme-sand .site-palette-yang-4-gradient-from-20 {
      background: linear-gradient(0deg, #f3ead6 20%, rgba(200, 200, 200, 0) 100%)
    }

    .select-css {
      display: block;
      font-size: 16px;
      font-family: Arial, sans-serif;
      font-weight: 400;
      color: #444;
      line-height: 1.3;
      padding: .4em 1.4em .3em .8em;
      width: 400px;
      max-width: 100%;
      box-sizing: border-box;
      margin: 0;
      border: 1px solid #aaa;
      box-shadow: 0 1px 0 1px rgba(0, 0, 0, .03);
      border-radius: .3em;
      -moz-appearance: none;
      -webkit-appearance: none;
      appearance: none;
      background-color: #fff;
      background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%23007CB2%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E'), linear-gradient(to bottom, #fff 0, #f7f7f7 100%);
      background-repeat: no-repeat, repeat;
      background-position: right .7em top 50%, 0 0;
      background-size: .65em auto, 100%
    }

    .select-css::-ms-expand {
      display: none
    }

    .select-css:hover {
      border-color: #888
    }

    .select-css:focus {
      border-color: #aaa;
      box-shadow: 0 0 1px 3px rgba(59, 153, 252, .7);
      box-shadow: 0 0 0 3px -moz-mac-focusring;
      color: #222;
      outline: 0
    }

    .select-css option {
      font-weight: 400
    }

    option {
      color: #1f1f1d !important;
    }


  .header-site-body {
  padding: 20px;
  background: #555;
  color: #f1f1f1;
  position: fixed;
  width: 100%;
  align-content:center;
  text-align: left;
}

/* Botones para subir y bajar el tamaño de la fuente */

    .button-font-size {
      font-size: 16px;
      padding: 5px 10px;
    }

    #increaseFont {
      margin-right: 3px;
    }

    #decreaseFont {
      margin-left: 3px;
    }

        .recentcomments a {
          display: inline !important;
          padding: 0 !important;
          margin: 0 !important;
        }

        .container-btn-mode {
          position: absolute;
          top: 20px;
          right: 30px;
          cursor: pointer;
          z-index: 2;
          font-size: 0;
        }

        .btn-mode {
          display: inline-block;
          width: 50px;
          height: 30px;
          border: 2px solid black;
          transition: background-color .5s;
        }

        .btn-mode i {
          display: block;
          font-size: 17px;
          text-align: center;
          line-height: 30px;
        }

        .btn-mode.sun {
          border-top-left-radius: 20px;
          border-bottom-left-radius: 20px;
          border-right: 1px solid transparent;
          border-bottom: 31px solid transparent;
        }

        .btn-mode.moonlight {
          border-top-right-radius: 20px;
          border-bottom-right-radius: 20px;
          height: 35px;
        }

        .active {
          background-color: black;
          color: #ffcd5c !important;
        }



        .dark-mode {
          background-color: #0e0e0e;
          transition: background-color .5s;
        }

        .dark-mode .card {
          background-color: #1A1C1E;
        }

        .dark-mode h1,
        .dark-mode h2,
        .dark-mode p,
        .dark-mode .btn-contact {
          color: white;
        }

        .dark-mode .btn-mode {
          background-color: #1A1C1E;
          border: 1px solid white;
          color: white;
        }


/* Progress-bar */

.progress-bar {
  position: fixed;
  width: 100%;
  height: 10px;
}

.progress {
  width: 0%;
  height: 100%;
  background-color: red;
}