/**
Theme Name: Trulata Child Theme
Author: Trulata Solutions
Author URI: https://trulata.com
Description:
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: trulata-child-theme
Template: astra
*/
:root{
	--theme-brand:#064bd2;
	--theme-gold:#A6976A;
	--theme-dark-gold:#ffffff;
	--purchase-summary-li-font-size: 0.9rem;
}

/*Will Package PopUp Form*/
.package-summary{}
.package-summary.essential{}
.package-summary h3{}
.package-summary p{
	font-style:normal;
	font-size:0.9rem;
	line-height:1.3;
	color:var(--e-global-color-secondary);
	margin-bottom:1rem;
}
.package-summary ul{
	list-style: none;
	margin-left:0;
	padding-left:1.5625rem;
	padding-top:0.625rem;
}
.package-summary li{
	display:flex;
	align-items:center;
	font-family: "Kantumruy Pro", Sans-serif;
	font-size:var(--purchase-summary-li-font-size);
	font-weight:300;
	line-height:1.2;
	color:var(--e-global-color-secondary);
	margin-bottom:1.2rem;
}
.package-summary li::before{
	content:'';
	display:inline-block;
	line-height:1;
	background-image:url('/wp-content/uploads/2025/04/icon-15.svg');
	background-size:contain;
	background-repeat:no-repeat;
	min-width:1.4rem;
	min-height:1.4rem;
	margin-right:0.5rem;
}
/*Clio Purchase Form*/
.inbox-lead-form button .elementor-button-icon,
.purchase-form button .elementor-button-icon{
	height: 3.125rem;
	width: 3.125rem;
	border-radius: 100%;
	border-left: 1px solid rgba(255, 255, 255, 0.40);
	background: linear-gradient(90deg, rgba(255, 255, 255, 0.40) 0%, rgba(255, 255, 255, 0.10) 100%);
	display: flex;
	justify-content: center;
	align-items: center;
}
.inbox-lead-form button svg path,
.purchase-form button svg path{
	fill: none!important;
}
.inbox-lead-form button:hover svg rect,
.purchase-form button:hover svg rect{
	fill: #fff;
	stroke: none;
}
.inbox-lead-form button .elementor-button-icon,
.inbox-lead-form button .elementor-button-text,
.purchase-form button .elementor-button-icon,
.purchase-form button .elementor-button-text{
	margin-left:auto;
}
.purchase-form button .elementor-button-text{
	flex-grow:1!important;
}
/*General Clio Intake Form*/
.clio-intake-form .elementor-field-type-radio{
	align-self:start;
}

.clio-intake-form .elementor-field-type-radio:has([id^="form-field-add_"]) input[type='radio']{
	/*do the old school trick to remove the radio button --maybe throw an icon in there?*/
	appearance:none;
	-webkit-appearance: none;
}

.clio-intake-form .elementor-field-type-radio:has([id^="form-field-add_"]) label{
	display:flex;
	align-items:center;
	color:var(--theme-brand)!important;
	text-decoration:underline;
	transition:all 350ms ease-in-out;
	cursor:pointer;
}

.clio-intake-form .elementor-field-type-radio:has([id^="form-field-add_"]) label svg{
	display:inline-block;
	background-color:var(--theme-brand)!important;
	width:1em;
	height:1em;
	border-radius:50%;
	padding:0.125rem;
	margin-right:0.125rem;
	transition:all 350ms ease-in-out;
}

.clio-intake-form .elementor-field-type-radio:has([id^="form-field-add_"]) label:hover{
	cursor:pointer;
	color:var(--e-global-color-astglobalcolor6)!important;
}
.clio-intake-form .elementor-field-type-radio:has([id^="form-field-add_"]) label:hover svg{
	background-color:var(--e-global-color-astglobalcolor6)!important;
}

.clio-intake-form [class*="elementor-field-group-primary_"] {
  margin-bottom:0!important;
	align-self:center;
}
.clio-intake-form .elementor-field-type-html{
	border-bottom:1px solid #111;
	margin-bottom:2rem!important;
}
.clio-intake-form h4{
	margin-bottom:0;
}
/* elementor-field-subgroup  elementor-subgroup-inline */
/*Loader*/
#new_will_purchase_loader{
	display:none;
	inset:0;
}
.nn-loader-wrapper{
	position:relative;
	width:100%;
	height:100%;
}
.nn-loader {
	display:block;
	position: relative;
	top:50%;
	left:50%;
	color: #F3EFE9;
	font-size: 45px;
	text-indent: -9999em;
	overflow: hidden;
	width: 1em;
	height: 1em;
	border-radius: 50%;
	transform: translateZ(0);
	animation: mltShdSpin 1.7s infinite ease, round 1.7s infinite ease;
}

@keyframes mltShdSpin {
  0% {
    box-shadow: 0 -0.83em 0 -0.4em,
    0 -0.83em 0 -0.42em, 0 -0.83em 0 -0.44em,
    0 -0.83em 0 -0.46em, 0 -0.83em 0 -0.477em;
  }
  5%,
  95% {
    box-shadow: 0 -0.83em 0 -0.4em, 
    0 -0.83em 0 -0.42em, 0 -0.83em 0 -0.44em, 
    0 -0.83em 0 -0.46em, 0 -0.83em 0 -0.477em;
  }
  10%,
  59% {
    box-shadow: 0 -0.83em 0 -0.4em, 
    -0.087em -0.825em 0 -0.42em, -0.173em -0.812em 0 -0.44em, 
    -0.256em -0.789em 0 -0.46em, -0.297em -0.775em 0 -0.477em;
  }
  20% {
    box-shadow: 0 -0.83em 0 -0.4em, -0.338em -0.758em 0 -0.42em,
     -0.555em -0.617em 0 -0.44em, -0.671em -0.488em 0 -0.46em, 
     -0.749em -0.34em 0 -0.477em;
  }
  38% {
    box-shadow: 0 -0.83em 0 -0.4em, -0.377em -0.74em 0 -0.42em,
     -0.645em -0.522em 0 -0.44em, -0.775em -0.297em 0 -0.46em, 
     -0.82em -0.09em 0 -0.477em;
  }
  100% {
    box-shadow: 0 -0.83em 0 -0.4em, 0 -0.83em 0 -0.42em, 
    0 -0.83em 0 -0.44em, 0 -0.83em 0 -0.46em, 0 -0.83em 0 -0.477em;
  }
}

@keyframes round {
  0% { transform: rotate(0deg) }
  100% { transform: rotate(360deg) }
}