/* Jaloin Ydin: yleiset julkisen sivuston tyylit. */

/* Ulkoiset linkit: alkuperäinen Jaloin Kadence Child -teeman nuolikuvake. */
a.external-link {
  position: relative;
  color: inherit;
  text-decoration: underline;
  text-underline-offset: 4px;
  transition: color 0.2s ease;
}


a.external-link:hover {
	text-decoration:none;
}

a.external-link::after {
  content: '';
  display: inline-block;
  width: 0.6em;
  height: 0.6em;
  margin-left: 0;
  margin-right: 0.5em;
  background-color: currentColor;
  mask: url("data:image/svg+xml,%3Csvg viewBox='0 0 7 7' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.0426 6.8097L0.3778 6.1449L5.3210 1.1932H1.5028L1.5114 0.2727H6.9063V5.6761H5.9773L5.9858 1.8580L1.0426 6.8097Z'/%3E%3C/svg%3E") no-repeat center;
  -webkit-mask: url("data:image/svg+xml,%3Csvg viewBox='0 0 7 7' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.0426 6.8097L0.3778 6.1449L5.3210 1.1932H1.5028L1.5114 0.2727H6.9063V5.6761H5.9773L5.9858 1.8580L1.0426 6.8097Z'/%3E%3C/svg%3E") no-repeat center;
  background-size: contain;
  vertical-align: baseline;
  transition: background-color 0.2s ease-in-out;
}

/* Tarkoitukselliset yleiskäyttöiset poikkeukset, myös valmiiksi merkityille linkeille. */
a.no-ext-icon::after {
  content: none !important;
}

a.button.external-link::after,
a.wp-block-button__link.external-link::after,
.wp-social-link a.external-link::after,
a.social-button.external-link::after {
  display: none !important;
}

nav a.external-link::after,
.menu a.external-link::after,
header a.external-link::after,
.site-header a.external-link::after {
  content: none !important;
}