/*
Theme Name: Moria 
Description: Change the look in Customizer and the behavior in functions.php or template files.
Version: 20180908
Template: twenty8teen
Author: joyously

A child theme provides its own style.css to override or extend the
parent style.css. This style sheet will be loaded by the twenty8teen theme.
You can remove scripts or style sheets if needed, in functions.php.

*/

/*  ------------------------------------------------------
 Add specific style overrides here.

Just for example, this style will change the background color for the site,
but this will not affect the value used in the Customizer (for default value).
This is a CSS Custom Property (CSS Variable).
*/

:root {
	--background_color: #ffffd6;
}

hr, .nav-links {
	background-image: linear-gradient(to right, transparent, var(--accent_color, currentColor) 20%, var(--accent_color, currentColor) 80%, transparent);
}
.nav-links {
  background-repeat: no-repeat;
  background-size: 100% 2px;
  padding: 4px 0;
}

.custom-target, :target {
  animation: 1.8s ease-out 0s normal none 1 running target-highlight;
}
@keyframes target-highlight {
  0% {
    background-color: var(--accent_color);
  }
  100% {
    background-color: var(--background_color);
  }
}

/* class is used in scale-post-thumbnail.php */
.scale-thumb {
	transition: all 0.4s ease;
}
.scale-thumb:hover {
	transform: scale(1.05);
}
.entry-title {
	hyphens: auto;
}