/*!
Theme Name: WP template
Author: Triggerfish
Author URI: http://triggerfish.se/
Description: Triggerfish base WP theme
Version: 2.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: wptemplate
Text Domain: wptemplate
*/

:root {
    --underline-intrinsic-width: 8;
    --underline-width: 12;
    --underline-color: var( --web-red );
    --underline-cap-width: 4px;
    --underline-offset-y: -2px;
    --underline-padding-x: 0.12em;
  }
  
  .project-title > span {
      display: inline;
      --underline-width-scale: 0;
      padding: 0;
      box-decoration-break: clone;
      background-repeat: no-repeat;
      background-image: linear-gradient(180deg, var(--underline-color), var(--underline-color));
      background-position-y: calc(100% - var(--underline-offset-y) * -1);
      background-size: calc(10% - calc(var(--underline-cap-width) * var(--underline-width-scale) * 2)) calc(var(--underline-width) * 1px);
      transition: all 0.3s linear;
  }
  
  .project-title > span:hover {
      background-size: calc(100% - calc(var(--underline-cap-width) * var(--underline-width-scale) * 2)) calc(var(--underline-width) * 1px) !important;
  }