/*
Theme Name: Vienlapis
Theme URI: https://ezernamsdzintars.lv
Author: Ezernams Dzintars
Author URI: https://ezernamsdzintars.lv
Description: Pielāgota one-page (vienlapis) WordPress tēma ar lipīgu galveni, hero sadaļu, virslapas kontaktu/soc. ikonām, Google Translate integrāciju, elastīgu satura platumu un pielāgojamu krāsu paleti. Izveidota viesu namam Ezernams Dzintars.
Version: 2.9.1
Requires at least: 6.0
Requires PHP: 7.4
Text Domain: vienlapis
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
*/
/* ==========================================================================
1. CSS MAINĪGIE (noklusētā krāsu palete)
========================================================================== */
:root {
--ed-forest: #2F4A3D;
--ed-moss: #5C8A5A;
--ed-lake: #2E6E82;
--ed-amber: #D9A441;
--ed-amber-light: #F4E3B2;
--ed-charcoal: #2B2B28;
--ed-gray-alt: #F2F2F0;
--ed-font-heading: "New Rocker", system-ui, sans-serif;
--ed-font-body: "Century Gothic", CenturyGothic, AppleGothic, sans-serif;
--ed-container-width: 1200px;
--ed-header-height: 84px;
}
/* ==========================================================================
2. BĀZES / RESET
========================================================================== */
*, *::before, *::after { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body {
margin: 0;
font-family: var(--ed-font-body);
color: var(--ed-charcoal);
background: var(--ed-body-bg, #ffffff);
line-height: 1.6;
font-size: 16px;
}
h1, h2, h3, h4, h5, h6 {
font-family: var(--ed-font-heading);
color: var(--ed-forest);
line-height: 1.2;
margin: 0 0 .5em;
}
/* Satura H2 virsraksti (Gutenberg "Heading" bloks) — lielāks fonts,
atstarpe no augšas vienāda ar 1 fonta lielumu (1em) */
h2.wp-block-heading {
font-size: 2.4rem;
margin-top: 1em;
}
/* Visas saites dzintara krāsā, hover — tumši zaļš, bez pasvītrojuma */
a { color: var(--ed-amber); text-decoration: none; transition: color .2s ease; }
a:hover, a:focus, a:active { color: var(--ed-forest); text-decoration: none; }
img { max-width: 100%; height: auto; display: block; }
button, .ed-btn { font-family: var(--ed-font-body); cursor: pointer; }
.wp-block-button__link {
background: var(--ed-amber);
color: var(--ed-forest);
border-radius: 4px;
}
.wp-block-button.is-style-outline .wp-block-button__link {
border: 2px solid var(--ed-forest);
color: var(--ed-forest);
}
/* Enkuru sadaļām atstarpe zem lipīgās galvenes */
section[id] { scroll-margin-top: 80px; }
/* ==========================================================================
3. LAYOUT / CONTAINER (Boxed vs Full-Width)
========================================================================== */
.ed-container { width: 100%; margin: 0 auto; padding: 0 20px; }
body.ed-layout-boxed .ed-container { max-width: var(--ed-container-width); }
body.ed-layout-full .ed-container { max-width: none; padding: 0 40px; }
/* ==========================================================================
4. VIRSLAPA (Top Header Bar) — kontakti + soc./kontaktu ikonu izvēlne
========================================================================== */
.ed-topbar {
background: var(--ed-forest);
color: #fff;
font-size: 14px;
padding: 8px 0;
}
.ed-topbar .ed-container {
display: flex;
align-items: center;
justify-content: space-between;
flex-wrap: wrap;
gap: 10px;
}
.ed-topbar a { color: #fff; }
.ed-topbar a:hover { color: var(--ed-amber-light); }
.ed-topbar-contacts { display: flex; align-items: center; gap: 18px; }
.ed-topbar-contacts .material-symbols-outlined { font-size: 18px; vertical-align: middle; margin-right: 4px; }
.ed-topbar.ed-topbar-reversed .ed-container { flex-direction: row-reverse; }
/* --- #menu-social: kontaktu/soc. ikonu josla (Waze, Google Maps, WhatsApp, FB, IG, Translate) --- */
#menu-social.menu {
display: flex;
align-items: center;
flex-wrap: wrap;
list-style: none;
margin: 0;
padding: 0;
}
#menu-social.menu li {
border: 0px solid var(--ed-amber);
border-radius: 6px;
background-color: rgba(255,255,255,.08);
margin: 1px;
padding: 3px;
font-weight: 600;
transition: background-color .2s ease;
}
#menu-social.menu li:hover { background-color: var(--ed-lake); }
/* Ikona-tikai vienumi (teksts paliek DOM'ā ekrāna lasītājiem, vizuāli slēpts) */
.menu-item.waze-link a,
.menu-item.google-maps-link a,
.menu-item.whatsapp-link a,
.menu-item.facebook-link a,
.menu-item.instagram-link a {
display: inline-flex;
align-items: center;
justify-content: center;
font-size: 0;
line-height: 0;
padding: 4px;
}
.menu-item.waze-link a::before,
.menu-item.google-maps-link a::before,
.menu-item.whatsapp-link a::before,
.menu-item.facebook-link a::before,
.menu-item.instagram-link a::before {
content: "";
display: inline-block;
width: 18px;
height: 18px;
background-color: var(--ed-amber);
}
.menu-item.waze-link a::before {
-webkit-mask: url('data:image/svg+xml;utf8,') no-repeat center / contain;
mask: url('data:image/svg+xml;utf8,') no-repeat center / contain;
}
.menu-item.google-maps-link a::before {
-webkit-mask: url('data:image/svg+xml;utf8,') no-repeat center / contain;
mask: url('data:image/svg+xml;utf8,') no-repeat center / contain;
}
/* Oficiālās zīmola formas (Simple Icons resurss), krāsotas ar mask tehniku */
.menu-item.whatsapp-link a::before {
-webkit-mask: url('https://cdn.simpleicons.org/whatsapp/000000') no-repeat center / contain;
mask: url('https://cdn.simpleicons.org/whatsapp/000000') no-repeat center / contain;
}
.menu-item.facebook-link a::before {
-webkit-mask: url('https://cdn.simpleicons.org/facebook/000000') no-repeat center / contain;
mask: url('https://cdn.simpleicons.org/facebook/000000') no-repeat center / contain;
}
.menu-item.instagram-link a::before {
-webkit-mask: url('https://cdn.simpleicons.org/instagram/000000') no-repeat center / contain;
mask: url('https://cdn.simpleicons.org/instagram/000000') no-repeat center / contain;
}
/* Google Translate — vienmēr pie labās malas */
.menu-item.gtranslate-item {
margin-left: auto;
order: 999;
background-color: transparent !important;
padding: 0 6px !important;
}
.menu-item.gtranslate-item .goog-te-gadget,
.menu-item.gtranslate-item select { font-size: 13px; vertical-align: middle; }
/* ==========================================================================
5. GALVENE (Header & Navigation) + Sticky
========================================================================== */
.ed-header {
position: relative;
z-index: 100;
width: 100%;
transition: background-color .3s ease, box-shadow .3s ease, padding .3s ease;
}
.ed-header .inside-header {
padding: 5px;
display: flex;
align-items: center;
justify-content: space-between;
min-height: var(--ed-header-height);
}
.ed-header-brand { display: flex; align-items: center; gap: 12px; }
.ed-header-brand img.ed-logo { max-height: 56px; width: auto; }
.ed-header-title-group { display: flex; flex-direction: column; justify-content: center; }
.main-title,
.main-title a {
color: var(--ed-amber) !important;
font-family: var(--ed-site-identity-font, "New Rocker", system-ui);
font-weight: 400;
font-style: normal;
font-size: var(--ed-site-identity-size, 26px);
margin: 0;
line-height: 1.15;
}
body.ed-sticky-transparent .ed-header:not(.is-stuck) .main-title,
body.ed-sticky-transparent .ed-header:not(.is-stuck) .main-title a { color: #fff !important; }
/* Devīze zem vietnes virsraksta */
.site-tagline {
margin: 2px 0 0;
font-size: 13px;
font-family: var(--ed-font-body);
color: var(--ed-moss);
letter-spacing: .02em;
line-height: 1.3;
}
body.ed-sticky-transparent .ed-header:not(.is-stuck) .site-tagline { color: rgba(255,255,255,.85); }
.ed-header.ed-sticky-enabled.is-stuck .site-tagline { color: var(--ed-moss); }
#site-navigation { display: flex; align-items: center; gap: 30px; }
@media (min-width: 769px) {
#site-navigation { flex: 1 1 auto; }
#site-navigation #primary-menu a {
color: var(--ed-moss);
font-weight: 700;
text-transform: uppercase;
font-size: 1rem;
padding: 6px 2px;
border-bottom: 2px solid transparent;
}
#site-navigation #primary-menu a:hover,
#site-navigation #primary-menu a:focus,
#site-navigation #primary-menu .current-menu-item > a {
color: var(--ed-amber);
border-bottom-color: var(--ed-amber);
}
#site-navigation .inside-navigation.grid-container {
justify-content: center;
max-width: none;
display: flex;
align-items: center;
width: 100%;
}
}
body.ed-sticky-transparent .ed-header:not(.is-stuck) #site-navigation #primary-menu a { color: #fff; }
#primary-menu { list-style: none; display: flex; gap: 24px; margin: 0; padding: 0; }
.ed-secondary-nav ul { list-style: none; display: flex; gap: 16px; margin: 0; padding: 0; align-items: center; }
.ed-burger { display: none; background: none; border: none; padding: 8px; }
.ed-burger span {
display: block; width: 26px; height: 3px; margin: 5px 0;
background: var(--ed-forest); border-radius: 2px; transition: all .25s ease;
}
body.ed-sticky-transparent .ed-header:not(.is-stuck) .ed-burger span { background: #fff; }
.ed-header.ed-sticky-enabled { position: sticky; top: 0; }
.ed-header.ed-style-transparent { background: transparent; }
.ed-header.ed-style-solid { background: #fff; box-shadow: 0 2px 10px rgba(0,0,0,.06); }
.ed-header.ed-sticky-enabled.is-stuck {
background: rgba(255,255,255,.96);
box-shadow: 0 2px 14px rgba(0,0,0,.1);
backdrop-filter: blur(6px);
}
.ed-header.ed-sticky-enabled.is-stuck .main-title,
.ed-header.ed-sticky-enabled.is-stuck .main-title a,
.ed-header.ed-sticky-enabled.is-stuck #site-navigation #primary-menu a,
.ed-header.ed-sticky-enabled.is-stuck .ed-burger span { color: var(--ed-forest) !important; }
.ed-header.ed-sticky-enabled.is-stuck .ed-burger span { background: var(--ed-forest); }
@media (max-width: 860px) {
#site-navigation { display: none; }
#site-navigation.is-open {
display: flex; flex-direction: column; align-items: flex-start;
position: absolute; top: 100%; left: 0; right: 0;
background: #fff; padding: 20px; box-shadow: 0 10px 20px rgba(0,0,0,.08);
}
#site-navigation.is-open #primary-menu,
#site-navigation.is-open .ed-secondary-nav ul { flex-direction: column; gap: 14px; }
#site-navigation.is-open a { color: var(--ed-charcoal) !important; }
.ed-burger { display: block; }
.ed-topbar .ed-container { flex-direction: column; align-items: flex-start; }
}
/* ==========================================================================
6. HERO SADAĻA (#sakums)
========================================================================== */
#sakums {
position: relative;
}
/* Foto/efekta zona — FIKSĒTS augstums, satur TIKAI virsrakstu/pogu
(nekad nesatur zemāko lapas saturu — tas ir ĀRPUS šī bloka) */
.ed-hero-photo {
position: relative;
min-height: 82vh;
display: flex;
align-items: center;
justify-content: center;
overflow: hidden;
color: #fff;
text-align: center;
background-size: cover;
background-position: center;
background-repeat: no-repeat;
}
.ed-hero-photo.bg-fixed { background-attachment: fixed; }
@media (max-width: 781px) {
.ed-hero-photo { background-attachment: scroll !important; }
}
.ed-hero-overlay {
position: absolute;
inset: 0;
z-index: 1;
background: linear-gradient(180deg, rgba(43,43,40,.45) 0%, rgba(43,43,40,.55) 200%);
}
.ed-hero-content {
position: relative;
z-index: 2;
max-width: var(--ed-hero-content-width, 780px);
width: 100%;
padding: 40px 20px;
}
.ed-hero-content h1,
.ed-hero-content p,
.ed-hero-content strong { color: #ffffff; }
.ed-hero-content h1 {
font-size: clamp(24px, 6vw, var(--ed-hero-title-size, 44px));
font-weight: 300;
letter-spacing: .15em;
}
.ed-hero-content p {
font-size: var(--ed-hero-subtitle-size, 19px);
margin-bottom: 1.6em;
text-transform: uppercase;
}
.ed-btn-cta {
display: inline-block;
background: var(--ed-amber);
color: var(--ed-charcoal);
font-weight: 700;
padding: 14px 32px;
border-radius: 6px;
border: none;
font-size: var(--ed-hero-btn-size, 16px);
letter-spacing: .3px;
}
.ed-btn-cta:hover { background: var(--ed-amber-light); color: var(--ed-charcoal); }
/* Mobilajās ierīcēs: garantē hierarhiju virsraksts > apakšvirsraksts >
pogas teksts, neatkarīgi no Customizer izvēlētajiem (t.sk. lielajiem)
izmēriem uz desktop. Uz lielākiem ekrāniem šis noteikums nedarbojas —
viss pārējais paliek, kā bija. */
@media (max-width: 600px) {
.ed-hero-content h1 {
font-size: clamp(26px, 8vw, 36px);
}
.ed-hero-content p {
font-size: clamp(13px, 4vw, 16px);
}
.ed-btn-cta {
font-size: clamp(12px, 3.5vw, 14px);
padding: 11px 24px;
}
}
/* Lapas saturs (Par mums, Galerija u.c. no lapas redaktora).
Uzvedība atkarīga no Customizer "Satura platums" iestatījuma: */
.ed-page-content { position: relative; }
body.ed-layout-boxed .ed-page-content { background: var(--ed-content-bg, #ffffff); }
/* BOXED režīmā (noklusējums): Customizer platuma iestatījums ir
AUTORITATĪVS pār atsevišķu bloku "full width" izvēli — PILNĪGI VISS
saturs, arī sekcijas ar "alignfull" klasi, paliek noteiktajā box
platumā. Tas nozīmē, ka "alignfull" sekciju FONA KRĀSA vairs
nestiepjas līdz malām — ja to vēlaties, pārslēdziet Customizer →
Satura platums → "Full-Width". */
body.ed-layout-boxed .ed-page-content > * {
max-width: var(--ed-container-width);
margin-left: auto;
margin-right: auto;
padding-left: 20px;
padding-right: 20px;
box-sizing: border-box;
}
/* FULL-WIDTH režīmā: "alignfull" sekcijas drīkst stiepties līdz
malām (tā fona krāsa/attēls aizpilda visu ekrāna platumu), pārējais
saturs paliek lasāmā, kontrolētā platumā. */
body.ed-layout-full .ed-page-content > *:not(.alignwide):not(.alignfull) {
max-width: var(--ed-container-width);
margin-left: auto;
margin-right: auto;
padding-left: 20px;
padding-right: 20px;
}
body.ed-layout-full .ed-page-content > .alignwide {
max-width: calc(var(--ed-container-width) + 200px);
margin-left: auto;
margin-right: auto;
}
body.ed-layout-full .ed-page-content > .alignfull {
max-width: none;
}
/* --- Rezervācijas poga (lielā CTA, izmantojama arī citās sadaļās) --- */
.ed-btn-reserve {
display: inline-block;
background: var(--ed-amber);
color: var(--ed-moss);
border: 3px double #ffffff;
border-radius: 6px;
padding: .9rem 1.5rem;
font-weight: 700;
font-size: 2rem;
text-decoration: none;
margin-top: 1.75rem;
margin-bottom: 1.75rem;
transition: background .15s ease, color .15s ease;
}
.ed-btn-reserve, .ed-btn-reserve:visited { color: #ffffff; }
.ed-btn-reserve:hover, .ed-btn-reserve:focus { background: var(--ed-forest); color: #fff; }
/* ==========================================================================
7. HERO DALĪTĀJI (Divider) — taisnā mala pieskaras attēla malai,
forma ieliecas sekcijas iekšpusē (augšā "uz leju", apakšā "uz augšu")
========================================================================== */
.ed-divider {
position: absolute;
left: 0;
width: 100%;
height: 70px;
z-index: 2;
pointer-events: none;
}
.ed-divider-top { top: 0; }
.ed-divider-bottom { bottom: 0; }
.ed-divider svg { width: 100%; height: 100%; display: block; }
.ed-divider-fog.ed-divider-top {
background: linear-gradient(to bottom, rgba(255,255,255,.9) 0%, rgba(255,255,255,.3) 60%, transparent 100%);
}
.ed-divider-fog.ed-divider-bottom {
background: linear-gradient(to top, rgba(255,255,255,.9) 0%, rgba(255,255,255,.3) 60%, transparent 100%);
}
/* ==========================================================================
8. PAMATA SATURA SADAĻAS
========================================================================== */
.ed-section { padding: 80px 0; }
.ed-section.ed-section-alt,
.entry-content > .wp-block-group.alignfull:nth-of-type(even),
section.wp-block-group.alignfull:nth-of-type(even) { background-color: var(--ed-gray-alt); }
.ed-section h2 { font-size: 34px; margin-bottom: .3em; }
.ed-section .ed-section-lead { color: #555; margin-bottom: 2em; max-width: 720px; }
/* --- Ērtību / pakalpojumu kartiņas (izmanto [ed_amenities] īsskodu) --- */
.ed-amenities-grid {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 1.5rem;
margin-top: 2.5rem;
}
.ed-amenity-card {
background: #ffffff;
border-radius: 14px;
box-shadow: 0 2px 10px rgba(43,43,40,.08);
padding: 2rem 1.5rem;
text-align: center;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
gap: .5rem;
transition: transform .2s ease, box-shadow .2s ease;
}
.ed-amenity-card:hover { transform: translateY(-3px); box-shadow: 0 6px 16px rgba(43,43,40,.12); }
.ed-amenity-card .ed-amenity-icon {
font-size: 2rem;
line-height: 1;
margin-bottom: .25rem;
filter: grayscale(1) sepia(1) saturate(4) hue-rotate(-10deg) brightness(.95);
}
.ed-amenity-card h3 { margin: 0; font-size: 1.05rem; color: var(--ed-forest); }
.ed-amenity-card p { margin: 0; font-size: .9rem; color: var(--ed-charcoal); }
@media (max-width: 781px) { .ed-amenities-grid { grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 480px) { .ed-amenities-grid { grid-template-columns: 1fr; } }
/* --- Migla efekts (vispārīga utilītklase, lietojama jebkurā blokā) --- */
.fog-overlay { position: relative; }
.fog-overlay::after {
content: "";
position: absolute;
bottom: 0; left: 0; width: 100%; height: 80px;
background: linear-gradient(to top, var(--ed-gray-alt) 0%, rgba(255,255,255,.7) 30%, transparent 100%);
pointer-events: none;
}
/* --- "Svarīga informācija" (Gutenberg Details bloks / akordeons) --- */
details.wp-block-details { border-radius: 10px; }
/* Dubulta meža zaļā līnija PIRMS katra (akordeona virsraksta) */
details.wp-block-details summary {
cursor: pointer;
padding: .5rem .25rem;
font-size: 1.15rem;
font-weight: 600;
color: var(--ed-forest);
border-top: 4px double var(--ed-forest);
padding-top: 14px;
margin-top: 14px;
}
/* Pirmajam akordeona vienumam sekcijā līnija nav vajadzīga */
details.wp-block-details:first-of-type summary {
border-top: none;
margin-top: 0;
padding-top: .5rem;
}
/* Atvērtā satura panelis — LĒNĀKA, mīkstāka parādīšanās animācija */
details.wp-block-details[open] > :not(summary) {
background-color: var(--ed-gray-alt);
border-radius: 10px;
padding: 1rem 1.25rem;
margin-top: .5rem;
animation: ed-details-reveal .5s ease;
}
@keyframes ed-details-reveal {
from { opacity: 0; transform: translateY(-8px); }
to { opacity: 1; transform: translateY(0); }
}
/* Paragrāfi akordeona saturā — noapaļots balts fons + iekšējais ēnojums */
details.wp-block-details .wp-block-paragraph {
background: #ffffff;
border-radius: 10px;
box-shadow: inset 0 2px 6px rgba(43,43,40,.12);
padding: 14px 18px;
margin: 0 0 .75em;
}
details.wp-block-details .wp-block-paragraph:last-child { margin-bottom: 0; }
/* ==========================================================================
9. KĀJENE (Footer)
========================================================================== */
.ed-footer { background: var(--ed-footer-bg, var(--ed-forest)); color: #eee; padding: 60px 0 0; }
.ed-footer a { color: #eee; }
.ed-footer a:hover { color: var(--ed-amber-light); }
.ed-footer-widgets {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 40px;
padding-bottom: 40px;
border-bottom: 1px solid rgba(255,255,255,.15);
}
.ed-footer-widgets .widget-title,
.ed-footer h1,
.ed-footer h2,
.ed-footer h3,
.ed-footer h4,
.ed-footer h5,
.ed-footer h6,
.ed-footer .wp-block-heading {
color: var(--ed-amber);
font-family: var(--ed-font-heading);
font-size: 20px;
}
.ed-footer-bottom {
display: flex; justify-content: space-between; align-items: center;
flex-wrap: wrap; gap: 10px; padding: 20px 0; font-size: 13px; color: #cfd6cf;
}
.ed-footer-bottom nav ul { list-style: none; display: flex; gap: 18px; margin: 0; padding: 0; }
@media (max-width: 780px) { .ed-footer-widgets { grid-template-columns: 1fr; } }
/* ==========================================================================
10. "ATPAKAĻ UZ AUGŠU" POGA
========================================================================== */
.ed-back-to-top {
position: fixed; right: 24px; bottom: 24px; width: 48px; height: 48px;
display: flex; align-items: center; justify-content: center;
border: none; background: var(--ed-amber); color: var(--ed-charcoal);
box-shadow: 0 4px 14px rgba(0,0,0,.2);
opacity: 0; visibility: hidden; transform: translateY(10px);
transition: opacity .25s ease, transform .25s ease, background-color .2s ease;
z-index: 999;
}
.ed-back-to-top.is-visible { opacity: 1; visibility: visible; transform: translateY(0); }
.ed-back-to-top.shape-circle { border-radius: 50%; }
.ed-back-to-top.shape-square { border-radius: 0; }
.ed-back-to-top.shape-rounded { border-radius: 8px; }
/* ==========================================================================
11. KOMENTĀRI (rāda/slēpj atkarībā no Customizer iestatījuma)
========================================================================== */
body.ed-comments-disabled .comments-area { display: none !important; }
/* ==========================================================================
12. Material Symbols noklusējuma iestatījums
========================================================================== */
.material-symbols-outlined {
font-variation-settings: 'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 24;
}
/* ==========================================================================
13. "MAIZES DRUPATAS" (Breadcrumbs)
========================================================================== */
.ed-breadcrumbs {
font-size: 14px;
color: #6b6b66;
margin: 24px 0 8px;
}
.ed-breadcrumbs a { color: var(--ed-lake); }
.ed-breadcrumbs a:hover { color: var(--ed-forest); }
.ed-breadcrumbs .ed-breadcrumb-sep { margin: 0 6px; color: #b5b5ae; }
.ed-breadcrumbs .ed-breadcrumb-current { color: var(--ed-charcoal); font-weight: 600; }
/* ==========================================================================
14. BLOGA SARAKSTS — attēls kreisajā pusē kā ikona, teksts centrēts
vertikāli
========================================================================== */
.ed-post-list-item {
display: flex;
align-items: center;
gap: 20px;
padding: 22px 0;
border-bottom: 1px solid var(--ed-gray-alt);
}
.ed-post-list-item:first-of-type { padding-top: 8px; }
.ed-post-thumb {
flex: 0 0 auto;
display: block;
width: 84px;
height: 84px;
border-radius: 14px;
overflow: hidden;
}
.ed-post-thumb img {
width: 100%;
height: 100%;
object-fit: cover;
display: block;
}
.ed-post-body { flex: 1 1 auto; min-width: 0; }
.ed-post-body h2 { margin: 0 0 .3em; font-size: 1.4rem; }
.ed-post-body .entry-summary { margin: 0; color: #555; }
@media (max-width: 480px) {
.ed-post-thumb { width: 64px; height: 64px; border-radius: 10px; }
.ed-post-body h2 { font-size: 1.15rem; }
}