/**
 * @version     CVS: 1.0.0
 * @package     com_dogslife
 * @copyright   2019 holdysoftware
 * @license     GNU General Public License verzie 2 alebo neskoršej; Pozrite si súbor LICENSE.txt
 * @author      holdysoftware <office@holdysoftware.sk>
 */
.card{background:#fff;border:1px solid #e9ecf1;border-radius:16px;transition:box-shadow .18s,transform .18s}
.card:hover{transform:translateY(-4px);box-shadow:0 18px 36px -16px rgba(16,24,40,.16)}
.card{margin:5px;width:430px;padding:22px;display:flex;flex-direction:column;gap:16px;float:left}
.head{display:flex;gap:16px}
.date{width:64px;flex-shrink:0;border-radius:12px;overflow:hidden;text-align:center;border:1px solid #e9ecf1}
.date .m{background:#4f46e5;color:#fff;font-size:.7rem;font-weight:800;letter-spacing:.09em;padding:5px 0}
.date .d{font-size:1.5rem;font-weight:800;padding:7px 0;letter-spacing:-.02em}
.head h3{font-size:1.05rem;letter-spacing:-.01em;line-height:1.35;margin-bottom:6px}
.tag{display:inline-block;font-size:.7rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase;
  color:#0369a1;background:#e0f2fe;padding:3px 9px;border-radius:999px}

.tag_zlta{display:inline-block;font-size:.7rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase;
  color: #322f20;background:#ffd700;padding:3px 9px;border-radius:999px}

.tag_zelena{display:inline-block;font-size:.7rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase;
  color: #194f2f;background:#3cb371;padding:3px 9px;border-radius:999px}

.tag_cervena{display:inline-block;font-size:.7rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase;
  color: #b90000;background: #ff7373;padding:3px 9px;border-radius:999px}

.tag_magenta{display:inline-block;font-size:.7rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase;
  color:  #960097; background:#fe79ff;;padding:3px 9px;border-radius:999px}

.meta{display:flex;flex-direction:column;gap:9px;font-size:.86rem;color:#667085}
.meta div{display:flex;align-items:center;gap:9px}
.meta svg{width:16px;height:16px;stroke:#98a2b3;fill:none;stroke-width:1.9;flex-shrink:0}
.foot{display:flex;align-items:center;justify-content:space-between;padding-top:16px;border-top:1px solid #f0f2f6}
.who{display:flex;align-items:center}
.who i{width:29px;height:29px;border-radius:50%;border:2px solid #fff;margin-left:-9px;
  display:grid;place-items:center;font-style:normal;font-size:.7rem;font-weight:800;color:#fff}
.who i:first-child{margin-left:0}
.who span{font-size:.79rem;color:#667085;margin-left:10px}
.btn{border:0;background:#4f46e5;color:#fff;font:inherit;font-size:.85rem;font-weight:700;
  padding:9px 16px;border-radius:9px;cursor:pointer}
.btn:hover{background:#4338ca}
.responsive-image {  
  background-color: #fff;
  border: 1px solid #dee2e6;
  border-radius: 0.25rem;
  max-width: 180px;
  height: auto;
  
  
  
}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{transition:none!important;animation:none!important}}