/**
 * Typewheel Gravity Forms CSS
 */

 /* Read Only Fields */
 input[readonly="readonly"] {
 	background-image: url('/wp-content/plugins/typewheel/images/lock.svg');
 	background-repeat: no-repeat;
 	background-position: 98% 50%;
 }
 .gfield.percentage input {
 	background-image: url('/wp-content/plugins/typewheel/images/percent.svg');
 	background-repeat: no-repeat;
 	background-position: 93% 50%;
 }
 .gfield.toggle .ginput_container {
	position: relative;
 }
 .gfield.initials {
    display: grid;
    grid-template-columns: 6em 1fr;
    grid-template-areas: "input label";
    grid-gap: 1.5em;
    align-items: center;
}
.gfield.initials label {
   grid-area: label;
}
.gfield.initials .ginput_container {
   grid-area: input;
   align-self: start;
}

 .gform_wrapper {
	font-size: 1em;
 }

 /* Checkbox & Radio */
 .gform_wrapper ul.gfield_checkbox li input[type="checkbox"],
 .gform_wrapper div.ginput_container_consent input[type="checkbox"],
 .gform_wrapper ul.gfield_radio li input[type="radio"],
 .gform_wrapper div.gfield_checkbox div input[type="checkbox"],
 .gform_wrapper div.gfield_radio div input[type="radio"] {
   display: inherit;
   position: absolute;
   left: -9999px;
 }
 .gform_wrapper ul.gfield_checkbox li[class^="gchoice"],
 .gform_wrapper ul.gfield_radio li[class^="gchoice"],
 .gform_wrapper div.gfield_checkbox div[class^="gchoice"],
 .gform_wrapper div.gfield_radio div[class^="gchoice"] {
     overflow: visible;
     position: relative;
 }
 .gform_wrapper .gfield_checkbox input[type="checkbox"]+label,
 .gform_wrapper div.ginput_container_consent input[type="checkbox"]+label,
 .gform_wrapper .gfield_radio input[type="radio"]+label {
   margin: 0;
   padding-left: 35px;
   position: relative;
   white-space: nowrap;
 }
 .gform_body input[type="checkbox"]+label:before,
 .gform_body input[type="radio"]+label:before,
 .gform_body input[type="checkbox"]+label:after {
     content: '';
     background: var(--gravityforms-color-light);
     border-radius: 50%;
     width: 1.313em;
     height: 1.313em;
     display: inline-block;
     border: 1px solid var(--gravityforms-color-medium);
     z-index: 1;
     position: absolute;
 	top: .2em;
     left: 0;
     transition: all ease .5s;
 }
 .gform_body input[type="checkbox"]:focus+label:before,
 .gform_body input[type="radio"]:focus+label:before,
 .gform_body input[type="checkbox"]:focus+label:after {
	border: 2px solid var(--gravityforms-color-dark);
 }
 .gform_body input[type="checkbox"]+label:before,
 .gform_body input[type="checkbox"]+label:after {
     width: 18px;
     height: 18px;
 }
 .gform_body input[type="checkbox"]+label:after {
     border-radius: 0;
 }
 .gform_body input[type="checkbox"]:checked+label:after,
 .gform_body input[type="radio"]:checked+label:before {
     border-radius: 50% 0 50% 50%;
     transition: all ease .75s;
     transform: rotate( 45deg );
     background: var(--gravityforms-color-dark);
     border: 1px solid var(--gravityforms-color-dark);
 }
 .gform_body input[type="checkbox"]:checked+label:before {
     transition: all ease .75s;
     border-radius: 0 50% 50% 0;
     background: var(--gravityforms-color-dark);
     border: 1px solid var(--gravityforms-color-dark);
 }

 .gform_body .show-check input[type="checkbox"]:checked+label:before {
   transition: none;
   border-radius: 0;
   background-color: var(--gravityforms-color-light);
}
.gform_body .show-check input[type="checkbox"]:checked+label:after {
   transition: none;
   transition: all ease .75s;
   transform: rotate( 0deg );
   background: transparent;
   border: transparent;
   content: '✕';
   top: 1px;
   left: 3px;
}

 @media only screen and ( min-width: 641px ) {
 	.gform_wrapper li.gf_list_inline ul.gfield_checkbox li,
    .gform_wrapper li.gf_list_inline ul.gfield_radio li,
    .gform_wrapper div.gf_list_inline div.gfield_checkbox > div,
    .gform_wrapper div.gf_list_inline div.gfield_radio > div {
 		margin-right: 30px !important;
 	}
 }

 /* Textarea */
 input[type="file"], input[type="text"], input[type="email"], input[type="url"], input[type="password"], input[type="number"], input[type="date"], input[type="datetime"], input[type="datetime-local"], input[type="week"], input[type="tel"], input[type="time"], input[type="month"], input[type="tel"], textarea, .StripeElement { /* input[type="search"]:focus, */
    transition: all ease .5s;
    padding: 12px !important;
	border: 0 !important;
	box-shadow: inset 0px 0px 0px var(--gravityforms-field-general-box-shadow-width) var(--gravityforms-color-medium);
	background-color: var(--gravityforms-color-lightest);
	border-radius: var(--gravityforms-field-general-border-radius);
	height: var(--gravityforms-field-general-height);
 }
 .StripeElement  {
	padding: calc( ( var(--gravityforms-field-general-height) - 16.8px ) / 2 ) 12px !important;
 }
 input[type="file"] {
	 min-height: 48px;
 }
 input[type="text"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="password"]:focus, textarea:focus, .StripeElement--focus { /* input[type="search"]:focus,*/
     transition: all ease .75s;
     box-shadow: inset var(--gravityforms-field-general-focused-box-shadow-offset-horizontal) 0px 0px var(--gravityforms-field-general-focused-box-shadow-width) var(--gravityforms-color-dark), inset 0px 0px 0px var(--gravityforms-field-general-focused-box-shadow-width) var(--gravityforms-color-dark), 1px 2px 6px rgba( 52, 67, 75, .3 );
	 background-color: var(--gravityforms-color-lightest);
	 outline: none;
 }
 input[type="file"].typewheel-valued:not(:focus),
 input[type="text"].typewheel-valued:not(:focus),
 input[type="email"].typewheel-valued:not(:focus),
 input[type="url"].typewheel-valued:not(:focus),
 input[type="password"].typewheel-valued:not(:focus),
 textarea.typewheel-valued:not(:focus),
 .StripeElement--complete:not(.StripeElement--focus) {
     box-shadow: inset 0px 0px 0px var(--gravityforms-field-general-filled-box-shadow-width) var(--gravityforms-color-dark);
     color: var(--gravityforms-color-dark);
 }
 .StripeElement > div {
 	top: -1px;
 }

.ginput_container_creditcard {
    display: grid;
    grid-auto-flow: row;
    grid-template-columns: 1fr 1fr;
    grid-gap: 1em;
}
@media screen and ( max-width: 1024px ) {
	.ginput_container_creditcard {
		grid-template-columns: 1fr;
	}
}

/* SURVEY */
table.gsurvey-likert td.gsurvey-likert-choice {
  background-color: var(--gravityforms-color-lightest);
  background-image: none;
  padding: 1.25em;
}
table.gsurvey-likert td.gsurvey-likert-choice.gsurvey-likert-selected {
  border: var(--gravityforms-field-general-box-shadow-width) solid var(--gravityforms-color-dark);
  background-image: none;
}
table.gsurvey-likert td.gsurvey-likert-choice::before {
  content: '';
  background: var(--gravityforms-color-light);
  border-radius: 50%;
  width: 1.313em;
  height: 1.313em;
  display: inline-block;
  border: 1px solid var(--gravityforms-color-medium);
  z-index: 1;
  position: absolute;
  top: calc( 50% - 1.313em / 2 );
  left: calc( 50% - 1.313em / 2 );
  transition: all ease .5s;
}
table.gsurvey-likert td.gsurvey-likert-choice.gsurvey-likert-selected::before {
  transition: all ease .75s;
  background: var(--gravityforms-color-dark);
  border: 1px solid var(--gravityforms-color-dark);
}

 /* CHOSEN DROPDOWN */

 .gform_wrapper .ginput_list .chosen-container {
 	font-size: inherit;
 }
 .gform_wrapper .chosen-container-single a.chosen-single {
 	color: var(--gravityforms-color-dark);
 	border: 2px solid var(--gravityforms-color-dark);
 	border-radius: 3px;
     /* padding: 5px 10px; */
     height: var(--gravityforms-field-general-height);
     background: var(--gravityforms-color-lightest);
     line-height: 1.5;
     top: 2px;
     box-shadow: none;
 }
 .gform_wrapper .chosen-container-single .chosen-single span {
	margin: calc( ( var(--gravityforms-field-general-height) - ( 2 * var(--gravityforms-field-general-box-shadow-width ) ) - 1.5em ) / 2 );
	color: var(--gravityforms-color-dark);
 }
 .gform_wrapper .chosen-container-single.chosen-container-active a.chosen-single {
 	border: 2px solid var(--gravityforms-color-dark);
 	background-color: var(--gravityforms-color-light);
 	outline: 0;
 	background-image: none;
 	box-shadow: none;
 }
 .gform_wrapper .chosen-container-single a.chosen-single > div {
 	display: none;
 }
 .gform_wrapper .chosen-container-single div.chosen-search input[type=text] {
 	background-color: var(--gravityforms-color-lightest);
 	background-image: none!important;
 }
 .gform_wrapper .chosen-container-single div.chosen-drop {
 	border: 2px solid var(--gravityforms-color-dark);
 	background-color: var(--gravityforms-color-light);
 	border-top: 0;
 	border-radius: 0 0 4px 4px;
 }
 .gform_wrapper .chosen-container ul.chosen-results li {
	color: var(--gravityforms-color-medium);
 }
 .gform_wrapper .chosen-container ul.chosen-results li.highlighted {
 	background-color: var(--gravityforms-color-lightest);
 	background-image: none;
 	color: var(--gravityforms-color-accent);
 }
 .gform_wrapper .chosen-container-single a.chosen-single span:after,
 .gform_wrapper .chosen-container-single.chosen-container-active a.chosen-single span:after,
 .gform_wrapper .chosen-container-single div.chosen-search:after {
 	display:inline-block;
 	font-family:"Material Design Icons";
 	speak:none;
 	font-style:normal;
 	font-weight:normal;
 	font-variant:normal;
 	text-transform:none;
 	text-rendering:auto;
 	line-height:1;
 	-webkit-font-smoothing:antialiased;
 	-moz-osx-font-smoothing:grayscale;
 }
 .gform_wrapper .chosen-container-single a.chosen-single span:after {
 	content: '\F0572';
 	position: absolute;
 	right: .75em;
	font-size: 1.5em;
 	top: calc( ( var(--gravityforms-field-general-height) / 2 ) - .75rem );
 }
 .gform_wrapper .chosen-container-single.chosen-container-active a.chosen-single span:after {
 	content: '\F0157';
 }
 .gform_wrapper .chosen-container-single div.chosen-search:after {
 	content: '\F0349';
 	position: relative;
 	left: -2.25em;
 }
 .gf_simply_enhance_select .chosen-search {
 	display: none;
 }
 @media only screen and ( max-width: 641px ) {
 	.gform_wrapper.gf_browser_chrome .chosen-container-single .chosen-single, .gform_wrapper.gf_browser_gecko .chosen-container-single .chosen-single, .gform_wrapper.gf_browser_safari .chosen-container-single .chosen-single {
 		line-height: 2.25 !important;
 	}
 	.gform_wrapper.gf_browser_chrome .chosen-container-single .chosen-single span:after, .gform_wrapper.gf_browser_gecko .chosen-container-single .chosen-single span:after, .gform_wrapper.gf_browser_safari .chosen-container-single .chosen-single span:after {
 		top: 1em;
 	}
 }

 /* File Uploads */
 .ginput_container_fileupload + div[id^="gform_preview"]:not(:empty),
 .ginput_container_fileupload > div[id^="gform_preview"]:not(:empty) {
     border: var(--gravityforms-field-general-filled-box-shadow-width) solid var(--gravityforms-color-dark);
     padding: 1em;
     background-color: var(--gravityforms-color-light);
 }

 /*
  * Select
  */

 .gform_wrapper select {
 	display: block;
 	/* font-size: 16px; */
 	/* font-family: sans-serif; */
 	/* font-weight: 700; */
 	/* color: #444; */
 	line-height: 1.3;
 	padding: .6em 1.4em .5em .8em !important;
 	/* width: 100%; */
 	max-width: 100%;
 	box-sizing: border-box;
 	margin: 0;
 	box-shadow: inset 0px 0px 0px var(--gravityforms-field-general-box-shadow-width) var(--gravityforms-color-medium);
 	border-radius: var(--gravityforms-field-general-border-radius);
 	-moz-appearance: none;
 	-webkit-appearance: none;
 	background-repeat: no-repeat, repeat;
 	background-position: right .7em top 50%, 0 0;
 	background-size: .65em auto, 100%;
	transition: all ease .5s;
 }
 .gform_wrapper select::-ms-expand {
 	display: none;
 }
 .gform_wrapper select:focus {
 	box-shadow: inset 0px 0px 0px var(--gravityforms-field-general-focused-box-shadow-width) var(--gravityforms-color-dark);
 	/* box-shadow: 0 0 1px 3px rgba(59, 153, 252, .7);
 	box-shadow: 0 0 0 3px -moz-mac-focusring; */
 	color: #222;
 	outline: none;
	transition: all ease .5s;
 }
 select option {
 	font-weight:normal;
 }


/* Slider */
input.slider + .slider-display {
   background-color: var(--gravityforms-color-light);
}

/* Spinner */
.gform_wrapper .gform_ajax_spinner {
   vertical-align: middle;
   margin-bottom: .25em;
   padding-left: 0;
}

/* Gravity Grid */
.gravity-grid ul.gform_fields {
    display: grid;
	grid-gap: 5px;
    grid-template-columns: repeat( 12, calc( 8.33% - 4.853px ) );
}
.gravity-grid .gfield {
	grid-column: 1 / end;
}
.gravity-grid li[class~="ggc-start1"] { grid-column-start: 1; }
.gravity-grid li[class~="ggc-start2"] { grid-column-start: 2; }
.gravity-grid li[class~="ggc-start3"] { grid-column-start: 3; }
.gravity-grid li[class~="ggc-start4"] { grid-column-start: 4; }
.gravity-grid li[class~="ggc-start5"] { grid-column-start: 5; }
.gravity-grid li[class~="ggc-start6"] { grid-column-start: 6; }
.gravity-grid li[class~="ggc-start7"] { grid-column-start: 7; }
.gravity-grid li[class~="ggc-start8"] { grid-column-start: 8; }
.gravity-grid li[class~="ggc-start9"] { grid-column-start: 9; }
.gravity-grid li[class~="ggc-start10"] { grid-column-start: 10; }
.gravity-grid li[class~="ggc-start11"] { grid-column-start: 11; }
/* Column Ends */
.gravity-grid li[class~="ggc-span1"] { grid-column-end: span 1; width: auto!important; }
.gravity-grid li[class~="ggc-span2"] { grid-column-end: span 2; width: auto!important; }
.gravity-grid li[class~="ggc-span3"] { grid-column-end: span 3; width: auto!important; }
.gravity-grid li[class~="ggc-span4"] { grid-column-end: span 4; width: auto!important; }
.gravity-grid li[class~="ggc-span5"] { grid-column-end: span 5; width: auto!important; }
.gravity-grid li[class~="ggc-span6"] { grid-column-end: span 6; width: auto!important; }
.gravity-grid li[class~="ggc-span7"] { grid-column-end: span 7; width: auto!important; }
.gravity-grid li[class~="ggc-span8"] { grid-column-end: span 8; width: auto!important; }
.gravity-grid li[class~="ggc-span9"] { grid-column-end: span 9; width: auto!important; }
.gravity-grid li[class~="ggc-span10"] { grid-column-end: span 10; width: auto!important; }
.gravity-grid li[class~="ggc-span11"] { grid-column-end: span 11; width: auto!important; }
.gravity-grid li[class~="ggc-span12"] { grid-column-end: span 12; width: auto!important; }

/* Save & Continue Link */
a.gform_save_link {
    float: right;
    padding: 10px 20px;
    background-color: var(--color-quaternary);
	color: var(--color-gray-light);
	font-size: 80% !important;
}
a.gform_save_link::before {
	display:inline-block;
	font-family:"Material Design Icons";
	speak:none;
	font-style:normal;
	font-weight:normal;
	font-variant:normal;
	text-transform:none;
	text-rendering:auto;
	line-height:1;
	-webkit-font-smoothing:antialiased;
	-moz-osx-font-smoothing:grayscale;
	margin-right: .25em;
	width: 1em;
	text-align: center;
	font-size: 125%;
	position: relative;
	top: .1em;
}
a.gform_save_link::before {
	content: "\F0193";
}
a.gform_save_link:hover {
	background-color: var(--color-tertiary);
	color: var(--color-white-pseudo);
}
