/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme-child/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 2.0.0
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/* Add your custom styles here */

	@font-face {
        font-family: "Zero Hour";
        src: url("https://autoshare.fyrefli.ie/wp-content/uploads/ZeroHour-Regular.woff");
      }

      #needle {
        transform-box: view-box;
        transform-origin: 50% 50%;
        transition: all 0.5s linear;
      }

      .hue {
        transition: all 0.5s linear;
        filter: hue-rotate(-90deg);
      }

      #Mask {
        transition: all 0.5s linear;
        stroke-dashoffset: 342;
      }

      #Light {
        opacity: 0.2;
      }

      #Mask {
        stroke-width: 100;
        fill: none;
        stroke-dasharray: 683;
        transform: rotate(90deg);
        transform-origin: 50% 50%;
        transform-box: view-box;
      }

      #Outline {
        stroke-dasharray: 40 8;
      }

      #OutlineLight {
        opacity: 0.2;
        stroke-dasharray: 40 8;
        stroke-dashoffset: 8;
      }

      #range {
        margin: auto;
        width: 100%;
        max-width: 500px;
        position: absolute;
        bottom: 45%;
        left: 50%;
        transform: translateX(-50%);
      }