/* Sarbatoritii zilei pe stilul nou: templates/sarbatoriti_pagina.ihtml. Se incarca dupa cautare.css + online.css (grila, cardul,
   comutatorul de gen, paginarea). Fara flexbox/grid (browsere vechi pe mobil); pe mobil images/ios/css/test.css stilizeaza h1:
   suprascrieri cu #content. */

/* capul: foaia de calendar (luna + ziua), titlul, data si cate persoane */
.sz-cap { overflow: hidden; margin: 0 0 14px; }
.sz-zi { float: left; width: 56px; height: 60px; margin: 0 14px 0 0; overflow: hidden; border: 1px solid #f1c9da; border-radius: 12px; background: #fff; text-align: center; }
.sz-zi-l { display: block; height: 20px; background: #c2185b; color: #fff; font-size: 11px; font-weight: bold; letter-spacing: .04em; line-height: 20px; }
.sz-zi-n { display: block; color: #231a1f; font-size: 24px; font-weight: bold; line-height: 38px; }
.sz-nr { float: right; margin-left: 12px; color: #6c5e65; font-size: 13px; font-weight: bold; line-height: 60px; }
.sz-cap-tx { overflow: hidden; padding-top: 6px; }
.sz-titlu, #content .sz-titlu { margin: 0; padding: 0; border: 0; background: none; color: #231a1f; font-size: 22px; font-weight: bold; line-height: 28px; text-align: left; text-shadow: none; }
.sz-sub { color: #6c5e65; font-size: 13px; font-weight: bold; line-height: 18px; }
.on-m .sz-cap { margin-bottom: 12px; }
.on-m .sz-zi { width: 48px; height: 52px; margin-right: 12px; border-radius: 11px; }
.on-m .sz-zi-l { height: 18px; font-size: 10px; line-height: 18px; }
.on-m .sz-zi-n { font-size: 21px; line-height: 32px; }
.on-m .sz-cap-tx { padding-top: 4px; }
.on-m .sz-titlu, #content .on-m .sz-titlu { font-size: 20px; line-height: 26px; }

/* comutatorul de gen, cu numarul de sarbatoriti pe fiecare optiune */
.sz-seg-n { margin-left: 5px; font-weight: normal; opacity: .8; }
.on-m .sz-seg .on-seg-opt { font-size: 13px; }
.on-m .sz-seg-n { margin-left: 3px; }

/* niciun sarbatorit in tabul ales */
.sz-gol p { margin: 0 0 4px; color: #231a1f; font-size: 16px; font-weight: bold; }
.sz-gol small { display: block; margin: 0 0 14px; color: #6c5e65; font-size: 13px; line-height: 18px; }
.on .sz-gol a.on-btn { display: block; margin: 0 auto 8px; max-width: 320px; }
.on .sz-gol a.sz-b2 { display: block; height: 44px; margin: 0 auto; max-width: 320px; border: 1px solid #d8ccd2; border-radius: 22px; background: #fff; color: #3a2e33; font-size: 14px; font-weight: bold; line-height: 42px; text-decoration: none; }
.on .sz-gol a.sz-b2:hover { border-color: #c2185b; }
.on .sz-gol a:active { opacity: .75; }