/*
 Theme Name:   Bricks Child Theme
 Theme URI:    https://bricksbuilder.io/
 Description:  Use this child theme to extend Bricks.
 Author:       Bricks
 Author URI:   https://bricksbuilder.io/
 Template:     bricks
 Version:      1.1
 Text Domain:  bricks
*/

.crn {position:absolute;width:16px;height:16px;border:2px solid #efbf04;z-index:4;}
.crn.tl {top:-1px;left:-1px;border-right:0;border-bottom:0;}
.crn.tr {top:-1px;right:-1px;border-left:0;border-bottom:0;}
.crn.bl {bottom:-1px;left:-1px;border-right:0;border-top:0;}
.crn.br {bottom:-1px;right:-1px;border-left:0;border-top:0;}
.dot {position:absolute;width:9px;height:9px;border:1.5px solid #efbf04;border-radius:50%;/*background:#060a14*/;z-index:4;}
.dot.t {top:-5px;left:50%;transform:translateX(-50%);}
.dot.b {bottom:-5px;left:50%;transform:translateX(-50%);}
.dot.l {left:-5px;top:50%;transform:translateY(-50%);}
.dot.r {right:-5px;top:50%;transform:translateY(-50%);}
.idx {position:absolute;text-align:center;z-index:3;line-height:.74;}
.idx.tl {top:16px;left:18px;}
.idx.tr {top:16px;right:18px;}
.idx.bl {bottom:16px;left:18px;transform:rotate(180deg);}
.idx.br {bottom:16px;right:18px;transform:rotate(180deg);}
.idx .k {font-family:"Bebas Neue",Impact,sans-serif;font-size:2.7rem;color:#efbf04;display:block;}
.idx img {width:30px;display:block;margin:3px auto 0;}

.tk-like{
  --tk-heart:#EFBF04;              /* brand gold, filled state */
  --tk-idle:#94a1b8;               /* muted outline, resting */
  display:inline-flex; align-items:center; gap:.4em;
  background:none; border:0; padding:.3em .5em; cursor:pointer;
  font:inherit; line-height:1; color:var(--tk-idle);
  -webkit-tap-highlight-color:transparent;
	font-family:'Barlow';
}
.tk-like__icon{
  width:1.4em; height:1.4em;
  fill:none; stroke:currentColor; stroke-width:2;
  transition:transform .18s ease, fill .18s ease, stroke .18s ease;
}
.tk-like:hover .tk-like__icon{ transform:scale(1.12); }
.tk-like:active .tk-like__icon{ transform:scale(.9); }
.tk-like.is-liked{ color:var(--tk-heart); }
.tk-like.is-liked .tk-like__icon{ fill:currentColor; stroke:currentColor; animation:tk-pop .28s ease; }
@keyframes tk-pop{ 0%{transform:scale(1)} 40%{transform:scale(1.35)} 100%{transform:scale(1)} }
.tk-like__count{ font-variant-numeric:tabular-nums; font-size:.95em; }