/* 
Theme Name: Shen Theme
Description: A child theme for Hello by Elementor.
Template: hello-elementor
Version: 1.0.1
Text Domain: shen
License:
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
*/

.gform_wrapper.gravity-theme .gfield_required{
	color: #E02C2C;
}

.gform_required_legend {
	display: none !important;
}


	
.gform-theme--framework input[type="radio"]:where(:not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *))::before {
	  background: linear-gradient(180deg, rgba(0, 0, 0, 0.00) 0%, rgba(0, 0, 0, 0.10) 100%), var(--site-color)!important;
		block-size: 10px!important;
		inline-size: 10px!important;
}
	
input[type="text"], input[type="email"], input[type="url"], input[type="tel"], input[type="date"],  input[type="number"], textarea {
	border-radius: 10px!important;
	background: #FFF;
	box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.10) !important;
}
	
	input[type="date"], input[type="email"], input[type="number"], input[type="password"], input[type="search"], input[type="tel"], input[type="text"], input[type="url"], select, textarea, input[type="radio"] {
	border: 0px solid !important;
}
	
	input[type="text"]{
border-radius: 16px;
background: #FFF;
box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.10);
	}

	
	.gform-theme--foundation .gform_fields{
		row-gap: 8px;
	}
	
	.gform_wrapper textarea{
		padding: .5rem 1rem;
	}
	
	 #gform_submit_button_1, #gform_submit_button_2, .gform_button, input[type="submit"] {
		 width: 100%;
border-radius: 100px;
background: linear-gradient(180deg, rgba(0, 0, 0, 0.00) 0%, rgba(0, 0, 0, 0.10) 100%), var(--site-color);
box-shadow: 0px 0px 8px 0px var(--site-color);
		 font-size: 24px;
		 font-weight: 700;
		 text-shadow: 0px 2px 4px rgba(0, 0, 0, 0.10);
	}
	
	#gform_submit_button_1:hover, #gform_submit_button_2:hover, .gform_button:hover, input[type="submit"]:hover{
		background: linear-gradient(180deg, rgba(0, 0, 0, 0.00) 0%, rgba(0, 0, 0, 0.10) 100%), var(--site-color)!important;
	}
	
.gform-theme--framework .gfield_list_group_item::before, .gform-theme--framework .gform-field-label, input, textarea, gform_confirmation_message, html, body {
	#font-family: "Noto Sans SC"!important;
	font-family: "Open Sans"!important;
	font-size: 18px;
}

@media only screen and (max-width: 768px) {
	.gform-theme--framework .gfield_list_group_item::before, .gform-theme--framework .gform-field-label, input, textarea, gform_confirmation_message, html, body {
		font-size: 17px;
	}
  }

@media only screen and (max-width: 340px) {
	.gform-theme--framework .gfield_list_group_item::before, .gform-theme--framework .gform-field-label, input, textarea, gform_confirmation_message, html, body {
		font-size: 16px;
	}
  }
@media only screen and (max-width: 315px) {
	.gform-theme--framework .gfield_list_group_item::before, .gform-theme--framework .gform-field-label, input, textarea, gform_confirmation_message, html, body {
		font-size: 15px;
	}
  }
	
	input[type="date"]:focus, input[type="email"]:focus, input[type="number"]:focus, input[type="password"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="text"]:focus, input[type="url"]:focus, select:focus, textarea:focus, input[type="radio"]:focus{
		box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.10), 0px 0px 8px 0px var(--site-coloraa)!important;
	}
/* https://markheath.net/post/customize-radio-button-css */
	
	.radio-toolbar input[type="radio"] {
  opacity: 0;
  position: fixed;
  width: 0;
		border-radius: 10px!important;
		box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.10) !important;
}
	
	.radio-toolbar input[type="radio"]
	{
		display: none!important;
	}

	.radio-toolbar label {
    display: inline-block;
    background-color: #fafafa;
    padding: 10px 20px;
    font-family: sans-serif, Arial;
    font-size: 16px;
    border: 4px solid #e7e7e7;
		border-radius: 10px!important;
		box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.10) !important;
}
	
	.radio-toolbar input[type="radio"]:checked + label {
    color:#fff;
		background-color: var(--site-color);
    border-color: var(--site-coloraa);
		border-radius: 10px!important;
		box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.10) !important;
}
	
	.radio-toolbar input[type="radio"]:hover + label {
    border: 4px solid var(--site-color);
		border-radius: 10px!important;
		box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.10) !important;
}
	
.radio-toolbar .gform-field-label
{
  --gf-local-margin-x: 0px;
}
	
	.gform-theme--foundation .gfield textarea.small{
		block-size: 38px!important;
		min-block-size: inherit;
	}
	
	.gform-theme--framework .gfield--type-choice .gfield_checkbox, .gform-theme--framework .gfield--type-choice .gfield_radio{
		display: inherit;
	}
	

.submission-success-message h2{
	margin: 12px 0; 
	padding: 12px 0; 
	width: 80%; 
	text-align: center;
	border-bottom: 2px solid var(--site-color);
	font-size: 24px;
	font-family: "Open Sans";
	font-weight: 700;
	color: #000000;
	margin:auto;
}
	
	.gchoice{
		display: inline-block!important;
		padding-inline-end: 0px!important;
		width: 49.5%;
	}
	
	@media screen and (max-width: 520px) {
  .gchoice {
    width: 49%;
  }
}
	
	.gchoice .gform-field-label {
		text-align: center;
	}

	#field_2_15.form-extrapad {
		padding: 10px 0px;
	  }

	  .gfield-choice-input {
		border-radius: 5px!important;
		background: #FFF;
		box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.10);
	  }

	  input[type="checkbox"]:checked {
		color:#fff;
		background-color: var(--site-color);
	    border-color: var(--site-coloraa);
		border-radius: 5px!important;
		box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.10) !important;
	}
	input[type="checkbox"]:checked::before {
		color: #FFF;
	}

	.gfield_checkbox input[type="checkbox"] {
		float:left;
		margin-top: 3px;
		}
	.gfield_checkbox label {
		margin: 0px !important;
		text-align: left;
		padding-left: 30px !important;
		padding-top: 2px;
		}

		.gchoice .gform-field-label{
			text-align: left;
		}

		.gfield_checkbox .gchoice{
			width: 100%;
		}

		#input_2_14{
			padding-top: 10px;
		}