/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme/
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: 1.0.1
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
*/
.clearfix::after, .gform_fields::after, .gform_page_footer::after, .frm-right-half::after{
  content: "";
  clear: both;
  display: table;
}
.text-right {
    text-align:right;
}
.no-p-margin p {
  margin: 0;
}
.button:focus {
  outline: none;
  box-shadow: none;
}
.elementor hr {
  border-width: 0;
  border-bottom: dashed 2px #CDCCCC;
  background-color: transparent;
  margin-bottom: 10px;
}
.gform_fields, .gfield_radio, .gfield_checkbox {
  list-style: none;
  padding: 0;
  margin: 0;
}

.section-box {
  background: #F8F7F7;
  border: 2px solid #CDCCCC;
  border-radius: 0 22px 0 22px;
  padding: 15px;
  margin-bottom: 40px;
}
.gfield_description {
  position: absolute;
  top: 0;
  right: 8px;
}
.consent-message {
	font-style:italic;
	color:#0D76BB;
}
.partial_entry_warning {
	display:none;
}
/* fields */
.
label {
  font-weight: bold;
  margin-bottom: 6px;
}
input[type="text"], input[type="email"], input[type="phone"], input[type="number"], textarea, select {
  border: 2px solid #CDCCCC;
  border-radius: 0 10px 0 10px;
}
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 {
    border-color: #00A17D;
}
.charleft.ginput_counter {
	display:none;
}
.gfield {
  padding-bottom: 15px;
  padding-right: 45px;
  position: relative;
  display: block;
}
.gfield_visibility_hidden {
	display:none !important;
}
.gfield_error input, .gfield_error textarea, .gfield_error select {
  border: 2px solid #E5201D;
}
.gf_name_has_3 {
  font-size: 0; /* using inlibne block so need to hide space in code output */
}
.gf_name_has_3 span {
  display: inline-block;
  width: 33%;
}
.gf_name_has_3 span:nth-child(1) {
  width: 18%;
  margin-right: 2%;
}
.gf_name_has_3 span:nth-child(2) {
  width: 39%;
  margin-right: 2%;
}
.gf_name_has_3 span:nth-child(3) {
  width: 39%;
}
#field_1_87 {
	padding-right:0;
}
/* Postcode lookup */
.pcode-lookup-field {
  width: 100%;
  margin-bottom: 10px;
}
.pcode-lookup-btn input[type="button"] {
  width: 100%;
}

.postcode-outer .gfield_description {
  bottom: 26px;
}
/* Select */
select {
    background: url(images/select-arrow.svg) no-repeat right 10px center #fff;
    -webkit-appearance: none;
    padding-right:35px;
}
/* Radio */
.gfield_radio li {
  display: inline-block;
  margin-right: 15px;
}
.gfield_radio li label {
  font-weight: normal;
  margin-left: 5px;
}
/* Radio Buttons */
.radio-buttons input[type="radio"] {
  opacity: 0;
  position: fixed;
  width: 0;
}
.radio-buttons .gfield_label {
  display: none;
}
.radio-buttons .gfield_radio label {
  display: inline-block;
  background-color: #fff;
  padding: 10px 15px;
  font-family: sans-serif, Arial;
  font-size: 16px;
  border: 2px solid #0D76BB;
  border-radius: 0 8px 0 8px;
  color: #0D76BB;
  font-weight: bold;
  width:100%;
  text-align:center;
}
.radio-buttons input[type="radio"]:checked + label {
  background-color: #00A17D;
  border-color: #00A17D;
  color: #fff;
}
.radio-buttons input[type="radio"]:focus + label {
  border: 2px solid #00A17D;
}
.radio-buttons .gfield_radio label:hover {
  border-color: #00A17D;
}
.radio-buttons .gfield_radio li {
  display: inline-block;
  margin-left: 10px;
	width:100%;
}
.radio-buttons .gfield_radio li:last-child input[type="radio"]:checked + label {
  background-color: #CC3517;
  border-color: #CC3517;
  color: #fff;
}
/* Validation */
.gfield_required {
  display: none;
}
.validation_message {
  color: #E5201D;
  padding: 5px 0;
  background-color: transparent;
	font-size:14px;
}
.gfield_description.validation_message {
    position:relative;
    left:auto;
    top:auto;
    right:auto;
}
.validation_error {
  color: #E5201D;
}
/* Help */
.tips .tip {
  display: none;
}

.tip {
    position: absolute;
    width: 220px;
    top: 67px;
    left: -234px;
    background: #fff;
    z-index: 1;
    padding: 20px;
-webkit-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.48); 
box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.48);
}
.tip {
  font-size: 14px;
  font-style: italic;
    text-align:left;
}
.tip h6 {
  font-size: 16px;
  color: #00A17D;
    margin-bottom:0;
}
.tip h6::after {
	content:'x';
	position:absolute;
	right:6px;
	top:3px;
}
.elementor-element.tip p::before {
	content:'x';
	position:absolute;
	right:6px;
	top:3px;
	font-weight:bold;
	color:#00A17D;
}
.sorry .tip h6 {
    color:#CC3517; 
}
.arrow-left {
  position: absolute;
  top: 0;
  right: -25px;
  width: 0;
  height: 0;
  border-top: 11px solid transparent;
  border-bottom: 11px solid transparent;
  border-right: 11px solid #CDCCCC;
}
.arrow-left-el {
  position: absolute;
  top: 10px;
  right: -28px;
  width: 0;
  height: 0;
  border-top: 11px solid transparent;
  border-bottom: 11px solid transparent;
  border-right: 11px solid #CDCCCC;
}
.arrow-left-disagree {
  position: absolute;
    top: 11px;
    right: -17px;
  width: 0;
  height: 0;
  border-top: 11px solid transparent;
  border-bottom: 11px solid transparent;
  border-right: 11px solid #CDCCCC;
}
.arrow-left .arrow-inner,.arrow-left-el .arrow-inner, .arrow-left-disagree  .arrow-inner {
  position: absolute;
  top: -9px;
  left: 4px;
  width: 0;
  height: 0;
  border-top: 9px solid transparent;
  border-bottom: 9px solid transparent;
  border-right: 9px solid #fff;
}
/* form footer */
/*
.gform_page_footer {
  background: #F8F7F7;
  border: 1px solid #CDCCCC;
  border-radius: 0 22px 0 22px;
  padding: 30px 25px;
} */


/*
----------------------------------------------------------------

Gravity Forms Date Picker Styles
http: //www.gravityforms.com
updated: January 31, 2014 3:32 PM

Customized styles for the jQuery UI Datepicker 1.9.2
copyright 2012 jQuery Foundation and other contributors
Released under the MIT license.
http://jquery.org/license
some styles courtesty of http://www.hongkiat.com/

Gravity Forms is a Rocketgenius project
copyright 2008 - 2014 Rocketgenius Inc.
http: //www.rocketgenius.com

NOTE: DO NOT EDIT THIS FILE! MAKE ANY MODIFICATIONS IN YOUR
THEME STYLESHEET. THIS FILE IS REPLACED DURING AUTO-UPDATES
AND ANY CHANGES MADE HERE WILL BE OVERWRITTEN.

If you need to make extensive customizations,
copy the contents of this file to your theme
style sheet for editing. Then, go to the form
settings page & set the 'output CSS' option
to no.

----------------------------------------------------------------
*/
.ui-datepicker {
  width: 216px;
  height: auto;
  margin: 5px auto 0;
  font: 9pt Arial, sans-serif;
  -webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, .5);
  -moz-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, .5);
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, .5);
}
.ui-datepicker a {
  text-decoration: none;
}
.ui-datepicker table {
  width: 100%;
  border-collapse: collapse;
}
.ui-datepicker-header {
  background-color: #666; /* set the header background color */
  color: #e0e0e0;
  font-weight: bold;
  -webkit-box-shadow: inset 0px 1px 1px 0px rgba(250, 250, 250, .2);
  -moz-box-shadow: inset 0px 1px 1px 0px rgba(250, 250, 250, .2);
  box-shadow: inset 0px 1px 1px 0px rgba(250, 250, 250, .2);
  text-shadow: 1px -1px 0px #000;
  filter: dropshadow(color=#000, offx=1, offy=-1);
  line-height: 30px;
  min-height: 30px !important;
  border-width: 1px 0 0 0;
  border-style: solid;
  border-color: #666;
}
.ui-datepicker-title {
  text-align: center;
}
.ui-datepicker-title select {
  margin-top: 2.5%;
  border-radius: 0;
  margin: 0;
}
.ui-datepicker-prev, .ui-datepicker-next {
  display: inline-block;
  width: 30px;
  height: 30px;
  text-align: center;
  cursor: pointer;
  background-image: url('images/datepicker/arrow.png');
  background-repeat: no-repeat;
  line-height: 600%;
  overflow: hidden;
}
.ui-datepicker-prev {
  float: left;
  background-position: center -30px;
}
.ui-datepicker-next {
  float: right;
  background-position: center 0px;
}
.ui-datepicker thead {
  background: #f7f7f7;
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Y3ZjdmNyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmMWYxZjEiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
  background: -moz-linear-gradient(top, #f7f7f7 0%, #f1f1f1 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f7f7f7), color-stop(100%, #f1f1f1));
  background: -webkit-linear-gradient(top, #f7f7f7 0%, #f1f1f1 100%);
  background: -o-linear-gradient(top, #f7f7f7 0%, #f1f1f1 100%);
  background: -ms-linear-gradient(top, #f7f7f7 0%, #f1f1f1 100%);
  background: linear-gradient(to bottom, #f7f7f7 0%, #f1f1f1 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f7f7f7', endColorstr='#f1f1f1', GradientType=0);
  border-bottom: 1px solid #bbb;
}
.ui-datepicker th {
  text-transform: uppercase;
  text-align: center;
  font-size: 6pt;
  padding: 5px 0;
  color: #666666;
  text-shadow: 1px 0px 0px #fff;
  filter: dropshadow(color=#fff, offx=1, offy=0);
}
.ui-datepicker tbody td {
  padding: 0;
  border-top: 1px solid #bbb;
  border-right: 1px solid #bbb;
}
.ui-datepicker tbody td:last-child {
  border-right: 0px;
}
.ui-datepicker tbody tr {
  border-bottom: 1px solid #bbb;
}
.ui-datepicker tbody tr:last-child {
  border-bottom: 0px;
}
.ui-datepicker td span, .ui-datepicker td a {
  display: inline-block;
  font-weight: bold;
  text-align: center;
  width: 30px;
  height: 30px;
  line-height: 30px;
  color: #666666;
  text-shadow: 1px 1px 0px #fff;
  filter: dropshadow(color=#fff, offx=1, offy=1);
}
.ui-datepicker-calendar .ui-state-default {
  background: #ededed;
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2VkZWRlZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNkZWRlZGUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
  background: -moz-linear-gradient(top, #ededed 0%, #dedede 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ededed), color-stop(100%, #dedede));
  background: -webkit-linear-gradient(top, #ededed 0%, #dedede 100%);
  background: -o-linear-gradient(top, #ededed 0%, #dedede 100%);
  background: -ms-linear-gradient(top, #ededed 0%, #dedede 100%);
  background: linear-gradient(to bottom, #ededed 0%, #dedede 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#dedede', GradientType=0);
  -webkit-box-shadow: inset 1px 1px 0px 0px rgba(250, 250, 250, .5);
  -moz-box-shadow: inset 1px 1px 0px 0px rgba(250, 250, 250, .5);
  box-shadow: inset 1px 1px 0px 0px rgba(250, 250, 250, .5);
}
.ui-datepicker-calendar .ui-state-hover {
  background: #f7f7f7;
}
.ui-datepicker-calendar .ui-state-active {
  background: #FFF2AA; /* set the active date background color */
  border: 1px solid #c19163; /* set the active date border color */
  color: #666; /* set the active date font color */
  -webkit-box-shadow: inset 0px 0px 10px 0px rgba(0, 0, 0, .1);
  -moz-box-shadow: inset 0px 0px 10px 0px rgba(0, 0, 0, .1);
  box-shadow: inset 0px 0px 10px 0px rgba(0, 0, 0, .1);
  text-shadow: 0px 1px 0px #FFF;
  filter: dropshadow(color=#FFF, offx=0, offy=1);
  position: relative;
  margin: -1px;
}
.ui-datepicker-unselectable .ui-state-default {
  background: #f4f4f4;
  color: #b4b3b3;
}
.ui-datepicker-calendar td:first-child .ui-state-active {
  width: 29px;
  margin-left: 0;
}
.ui-datepicker-calendar td:last-child .ui-state-active {
  width: 29px;
  margin-right: 0;
}
.ui-datepicker-calendar tr:last-child .ui-state-active {
  height: 29px;
  margin-bottom: 0;
}
td.ui-datepicker-unselectable.ui-state-disabled {
  background-color: #d7d7d7;
}
table.ui-datepicker-calendar {
  margin: 0 0 0 0 !important;
}
body div#ui-datepicker-div[style] {
  z-index: 9999 !important;
}
/* field grid */

.gfield.frm-right-half .gfield_description {
  right: -38px;
}
.gfield.frm-right-half .gfield_description.validation_message {
    right: auto;
}	
.gfield.frm-left-half .tips .tip {
  left: 409px;
  right: auto;
}
.gfield.frm-left-half .arrow-left {
  left: 380px;
  ;
  right: auto;
}
.gfield.frm-right-half::after {
  content: "";
  clear: both;
  display: table;
}

.gfield.frm-left-half input[type="radio"] ,.gfield.frm-right-half input[type="radio"] {
	margin-top:15px;
}
.gform_hidden {
	display:none;
}

/* Buttons */
.gform_page_footer .button {
	width:100%;
	margin-bottom:10px;
}

.gform_previous_button {
	background:#fff !important;
	color:#00A17D !important;
}
.gform_previous_button:hover {
	background:#00A17D !important;
	color:#fff !important;
}

/*
::::::::::::::::::::::::::::::::::::::::::::::::::::
Bootstrap 4 breakpoints
*/
/* 
Extra small devices (portrait phones, less than 576px) 
No media query since this is the default in Bootstrap because it is "mobile first"
*/
/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) {}
/* Medium devices (tablets, 768px and up) The navbar toggle appears at this breakpoint */
@media (min-width: 768px) {
	.form-outer {
  width: 75%;
}
.gfield.frm-right-half .gfield_description {
    right: -29px;
}
	.gfield.frm-right-half .gfield_description.validation_message {
    right: auto;
}	
	/* fields */
.title {
	display: inline-block !important;
	width:25%;
	padding-right: 10px !important;
}
.firstname {
	display: inline-block !important;
	width:34%;
	padding-right: 10px !important;
}
.surname {
	display: inline-block !important;
	width:34%;
	padding-right: 0 !important;
}
	.gfield_date_dropdown_day {
		    width: 33%;
    display: inline-block;
    margin-right: 1%;
	}
	.gfield_date_dropdown_month {
		    width: 32%;
    display: inline-block;
    margin-right: 1%;
	}
	.gfield_date_dropdown_year {
		width: 33%;
    display: inline-block;
	}
	
	/* Buttons */
	.gform_page_footer input[type="submit"] {
	float:right;
}
.gform_next_button {
  float: right;
}
.gform_page_footer .button {
	width:auto;
	margin-bottom:0;
}
	.radio-buttons .gfield_radio li {
	width:auto;
}
	.radio-buttons .gfield_radio label {
  width:auto;
}
	.pcode-lookup-field {
  width: 59%;
  margin-right: 2%;
  float: left;
  margin-bottom: 10px;
}
.pcode-lookup-btn input[type="button"] {
  width: 100%;
}
.pcode-lookup-btn {
  display: inline-block;
  float: left;
  width: 39%;
}
	/* field grid */
.gfield.frm-left-half {
  width: 49%;
  display: inline-block;
  padding-right: 45px;
}
.gfield.frm-right-half {
  width: 43%;
  margin-left: 1%;
  display: inline-block;
  padding-right: 0;
}
	.frm-right-half.left-offset {
  margin-left: 50%;
}
/* Tool tip */
.tip {
    position: absolute;
    right: -205px;
    left: auto;
    background: transparent;
    width: 166px;
    top: -2px;
    padding: 0;
    box-shadow: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: -none;
}
	.elementor-element.tip p::before {
	content:'';
}
}
/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) {
	/* Tool tip */
				.gfield.frm-right-half .gfield_description {
    right: -39px;
}
.gfield.frm-right-half .gfield_description.validation_message {
    right: auto;
}	
		.tip {
  position: absolute;
  right: -264px;
  left:auto;
  background: transparent;
  width: 220px;
  top: -2px;
	padding: 0;
	box-shadow: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: -none;
}
	.tip h6::after {
	content:'';

} 
	.tip {
  font-size: 16px;
}
}
/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
	#field_1_54 .gfield_label {
		min-height: 48px;
	}

}
@media (min-width: 1462px) {

}
/*
::::::::::::::::::::::::::::::::::::::::::::::::::::
Custom media queries
*/

@media only screen and (max-width: 576px) {
	.gfield.frm-right-half .gfield_description {
    right: 8px;
}
.gfield.frm-right-half .gfield_description.validation_message {
    right: auto;
}	
	.gfield.frm-left-half .tips .tip {
    left: -234px;
    right: auto;
}
	.gform_previous_button {
		width:49% !important;
		float:left;
}
	.gform_next_button, #gform_submit_button_1 {
		width:49% !important;
		float:right;
	}
}

@media only screen and (max-width: 768px) {

	
	.elementor-264 .elementor-element.elementor-element-297d673 {
    padding: 0 !important;
}
	#field_1_1.gfield, #field_1_3.gfield, #field_1_4.gfield {
		    padding-right: 15px;
}
		#field_1_1 .gfield_radio > li, #field_1_3 .gfield_radio > li, #field_1_4 .gfield_radio > li {
		    margin-bottom:10px;
			  margin-left:0;
}
	label {
    font-size: 14px;
    margin-bottom: 2px;
}
	.gfield_date_dropdown_day, .gfield_date_dropdown_month  {
		margin-bottom:10px;
	}
	#idpc_dropdown {
		margin-top:10px;
	}
	select {
	    font-size: 14px;
	}
	.validation_message {
    color: #E5201D;
    border: 0;
    border-radius: 0 10px 0 10px;
    padding: 0;
    margin-top: 5px;
    background-color: transparent;
}
	.gfield_label {
		margin-bottom:6px;
	}

	.ginput_container_radio {
		margin-top:5px;
	}
	.validation_error {
    padding-top: 10px;
}
}