/**
Theme Name: TM Pro Child Theme
Author: Tiffany Mark
Author URI: https://tiffanymark.com/
Description: This child theme uses TM Pro, one of the fastest and most versatile theme suitable for blogs, portfolios, business and nonprofit websites. It is very lightweight and offers unparalleled speed.
Version: 1.0.20
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: tm-child-theme
Template: astra
*/

/* Copyright logo */
a.tm-logo, 
a.tm-logo:hover {
  text-decoration: none;
  color: var(--ast-global-color-5); /*white*/
  opacity: .5;
}
a.tm-logo:hover {
  opacity: 1;
}
.tm-logo img {
  vertical-align: middle;
}

/* Fluent Forms */
div.fluentform .ff-el-is-error .ff-el-form-control {
	border-color: #d40202;
}
div.fluentform .text-danger,
div.fluentform .ff-el-input--label.ff-el-is-required.asterisk-right label:after,
div.fluentform .ff-el-is-error .ff-el-form-check-label, 
div.fluentform .ff-el-is-error .ff-el-form-check-label a {
	color: #d40202;
}

/* Typography */
.ast-single-post .entry-content .uagb-toc__wrap a{
	text-decoration: underline !important;
}

/* Buttons */
button, 
.ast-button, 
.button, input[type="button"], 
input[type="reset"], 
input[type="submit"],
.awsm-selectric {
	box-shadow: none;
}

/* Triangle Map */
/*.triangle-container {
    position: relative;
    width: 30vw !important;
    height: 25.98vw !important;
    clip-path: polygon(50% 0%, 100% 100%, 0% 100%);
    background: transparent;
}
.triangle-section {
    position: absolute;
	width: 100%;
	height: 25%;
    left: 0;
    cursor: pointer;
	opacity: .5;
	transition: opacity 0.3s;
}
.level-1 { top: 0; background: var(--ast-global-color-0); }
.level-2 { top: 25%; background: var(--ast-global-color-7); }
.level-3 { top: 50%; background: var(--ast-global-color-9); }
.level-4 { top: 75%; background: var(--ast-global-color-8); }

.triangle-section.active {
	opacity: 1;
	transition: opacity 0.3s;
}

.box {
    border-color: transparent !important;
    transition: border 0.3s;
}

#box-1.active {border-color: var(--ast-global-color-0) !important; }
#box-2.active {border-color: var(--ast-global-color-7) !important; }
#box-3.active {border-color: var(--ast-global-color-6) !important; }
#box-4.active {border-color: var(--ast-global-color-8) !important; }
*/

/* Gradient Text */
@-webkit-keyframes animationgradienttitle {
  0% {
    background-position: 0 1600px;
  }
  100% {
    background-position: 1600px 0;
  }
}
@keyframes animationgradienttitle {
  0% {
      background-position: 0 1600px;
  }
  100% {
      background-position: 1600px 0;
  }
}
.animated-gradient .uagb-heading-text {
  background: -webkit-linear-gradient(left, var(--ast-global-color-1), var(--ast-global-color-8), var(--ast-global-color-1));
  background-size: 1600px 200px;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  -webkit-animation-duration: 5s;
          animation-duration: 5s;
  -webkit-animation-name: animationgradienttitle;
          animation-name: animationgradienttitle;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
}
/* Circle border */
.circle-border {
	max-width: 60px;
	width: 60px !important;
	height: 60px;
	padding: 10px;
}
.circle-border:before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border: 2px solid var(--ast-global-color-0);
	border-radius: 50%;
} 
.border-yellow:before {
	border-color: var(--ast-global-color-0);
}
.border-red:before {
	border-color: var(--ast-global-color-7);
}
.border-orange:before {
	border-color: var(--ast-global-color-6);
}
.border-blue:before {
	border-color: var(--ast-global-color-2);
}
.border-blue-1:before {
	border-color: var(--ast-global-color-8);
}
.border-blue-2:before {
	border-color: #5E98F1;
}
.border-green:before {
	border-color: #5CC97B;
}
.border-purple:before {
	border-color: #B05DF1;
}
.border-teal:before {
	border-color: #54A2A2;
}
/* Tokenization Graphic */
.rewards-fill.active {
	fill: #B05DF1;
}
.team-fill.active {
	fill: var(--ast-global-color-7);
}
.treasury-fill.active {
	fill: var(--ast-global-color-8); 
}
#rewards.hover,
#team.hover, 
#treasury.hover {
	box-shadow: 0px 5px 40px -10px var(--ast-global-color-1);
}