/*
Theme Name: Echate Pa Lla
Theme URI: https://echatepalla.com
Author: Echate Pa Lla
Description: Tema a medida para Echate Pa Lla Spanish Restaurant (Doral, FL). Landing + Carta.
Version: 1.0
Requires at least: 6.0
Tested up to: 6.6
Requires PHP: 7.4
License: GNU General Public License v2 or later
Text Domain: echatepalla
*/

*, *::before, *::after { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { margin: 0; background: #2B2724; -webkit-font-smoothing: antialiased; overflow-x: clip;
  font-family: Quicksand, system-ui, -apple-system, sans-serif; color: #2B2724; }
img { max-width: 100%; }
a { color: #8E2A1B; text-decoration: none; }
a:hover { color: #B03B26; }
h1, h2, h3, p { text-wrap: pretty; }
.epl-page section[id] { scroll-margin-top: 96px; }
.epl-carta section[id], .epl-carta [id] { scroll-margin-top: 200px; }
@keyframes epl-rise { from { opacity: 0; transform: translateY(18px); } to { opacity: 1; transform: none; } }

/* estados hover generados desde el diseno */
.h1:hover{color: #C9A98B}
.h2:hover{color: #C9A98B}
.h3:hover{color: #C9A98B}
.h4:hover{color: #C9A98B}
.h5:hover{background: #B03B26; color: #fff}
.h6:hover{background: #B03B26; color: #fff}
.h7:hover{background: rgba(235,224,206,0.12); color: #fff}
.h8:hover{background: #fff; color: #8E2A1B}
.h9:hover{background: #B03B26; color: #fff}
.h10:hover{color: #C9A98B}
.h11:hover{background: #B03B26; color: #fff}
.h12:hover{background: rgba(235,224,206,0.12); color: #fff}
.h13:hover{color: #EBE0CE}
.h14:hover{color: #EBE0CE}
.h15:hover{color: #EBE0CE}
.h16:hover{color: #C9A98B}
.h17:hover{color: #C9A98B}
.h18:hover{color: #C9A98B}
.h19:hover{background: #B03B26; color: #fff}
.h20:hover{background: #8E2A1B; color: #EBE0CE; border-color: #8E2A1B}
.h21:hover{background: #8E2A1B; color: #EBE0CE; border-color: #8E2A1B}
.h22:hover{background: #8E2A1B; color: #EBE0CE; border-color: #8E2A1B}
.h23:hover{background: #8E2A1B; color: #EBE0CE; border-color: #8E2A1B}
.h24:hover{background: #8E2A1B; color: #EBE0CE; border-color: #8E2A1B}
.h25:hover{background: #8E2A1B; color: #EBE0CE; border-color: #8E2A1B}
.h26:hover{background: #8E2A1B; color: #EBE0CE; border-color: #8E2A1B}
.h27:hover{background: #8E2A1B; color: #EBE0CE; border-color: #8E2A1B}
.h28:hover{background: #8E2A1B; color: #EBE0CE; border-color: #8E2A1B}
.h29:hover{background: #B03B26; color: #fff}
.h30:hover{background: rgba(43,39,36,0.08)}
.h31:hover{color: #EBE0CE}
.h32:hover{color: #EBE0CE}
.h33:hover{color: #EBE0CE}

/* movil */
@media (max-width: 900px) {
  .epl-nav { display: none !important; }
  .epl-nav-mobile { display: flex !important; }
  .epl-header { padding: 10px 18px !important; }
  .epl-page > section, .epl-carta > section { padding-left: 20px !important; padding-right: 20px !important; }
}
@media (min-width: 901px) { .epl-nav-mobile { display: none !important; } }

/* accesibilidad */
.screen-reader-text { position: absolute !important; width: 1px; height: 1px; overflow: hidden;
  clip: rect(1px,1px,1px,1px); white-space: nowrap; }