/* Web Studio Šime — editorial footer signature */
.oc-footer__credit {
  position: relative;
  display: grid !important;
  grid-template-columns: auto 20px;
  grid-template-areas:
    "label arrow"
    "name arrow"
    "url arrow";
  column-gap: 12px;
  row-gap: 3px;
  margin: 0 !important;
  padding: 3px 23px 8px 20px !important;
  border-left: 1px solid rgba(255,255,255,.18);
  color: #fff !important;
  text-decoration: none !important;
  text-transform: none;
  line-height: normal;
  transition: color .25s ease;
}

.oc-footer__operations {
	display: inline-block;
	margin-top: 9px;
	color: #aebdb9;
	font-size: .76rem;
	text-decoration: none;
}

.oc-footer__operations:hover,
.oc-footer__operations:focus { color: #f4c55a; }

.oc-footer__credit::after {
  content: '';
  position: absolute;
  left: 20px;
  bottom: 0;
  width: 34px;
  height: 1px;
  background: var(--coral);
  transition: width .3s cubic-bezier(.2,.8,.2,1), background .25s ease;
}

.oc-footer__credit-label { grid-area: label; color: var(--coral); font: 700 8px/1 Arial,Helvetica,sans-serif; letter-spacing: .12em; text-transform: uppercase; }
.oc-footer__credit strong { grid-area: name; color: #f2be83; font: 800 11px/1.2 Arial,Helvetica,sans-serif; letter-spacing: .07em; text-transform: uppercase; transition: color .25s ease; }
.oc-footer__credit em { grid-area: url; color: rgba(255,255,255,.5); font: 500 8px/1.2 Arial,Helvetica,sans-serif; font-style: normal; letter-spacing: .03em; text-transform: lowercase; transition: color .25s ease; }
.oc-footer__credit i { grid-area: arrow; align-self: center; color: #d9e8e7; font: 400 15px/1 Arial,Helvetica,sans-serif; font-style: normal; transition: transform .25s ease,color .25s ease; }

.oc-footer__credit:hover { color: #fff !important; }
.oc-footer__credit:hover::after { width: calc(100% - 43px); background: #d9e8e7; }
.oc-footer__credit:hover strong { color: #d9e8e7; }
.oc-footer__credit:hover em { color: rgba(255,255,255,.78); }
.oc-footer__credit:hover i { color: var(--coral); transform: translate(3px,-2px); }

@media (max-width:760px) {
  .oc-footer__legal { display: block; }
  .oc-footer__legal .oc-footer__credit { display: grid !important; width: max-content; margin-top: 16px !important; padding: 3px 22px 8px 0 !important; border-left: 0; }
  .oc-footer__credit::after { left: 0; }
}