/*
Theme Name: Divi Child - Market Forces UK
Template: Divi
Author: Matt T
Author URI: http://www.elegantthemes.com
Description: Divi Child - Market Forces UK
Version: 1.1.1586744217
Updated: 2020-04-13 02:16:57

*/

/* Gravity Forms Styles */

/* Removing margins and adding padding so that Subject / Message Fields can be visually seperated from contact fields */
/* Add 'dark-background' class to Gravity form fields to give them the darker background */

.gform_wrapper {
  margin: 0!important;
  padding: 4px 0 0 0 !important;
  background-color: #903e4c;
}


.gform_heading {

  margin: 0!important;
  padding: 0 26px!important
}

.gform_wrapper h3.gform_title {
  color: #3b68a0;
  margin: 0!important;
  padding: 0!important;
}
.gform_description,
.gfield label {
  color: #fff;
}

/*note: changed top padding from 16px due to different checkbox*/

.gform_wrapper ul li.gfield,
.gform_wrapper ul li.field_description_below div.ginput_container_checkbox, body .gform_wrapper ul li.field_description_below div.ginput_container_radio {
    margin-top: 0!important;
    padding-top: 0px;
    padding-right: 16px;
    padding-left: 16px;
}

.gf-form-light .gform_wrapper {
  background: transparent;
}
.gf-form-light .gfield_label,
.gf-form-light .gfield_description,
.gf-form-light .gfield label {
  color: inherit;
}
.gf-form-light .gform_wrapper .gform_footer {
  background: transparent;
}
.gf-form-light .button, .gf-form-light [type="submit"] {
  display: inline-block;
  position: relative;
  border-radius: 0;
  padding: 0.563em 1.125em 0.813em;
  cursor: pointer;
  font-size: 16px;
  font-weight: inherit;
  line-height: 1.3;
  text-align: center;
  vertical-align: middle;
  transition: all .15s linear;

  color: #ffffff;
  border-color: rgb(144,62,76);
  background-color: rgb(144,62,76);
  margin-bottom: 0.25em;
  text-shadow: 0 0.075em 0.075em rgb(0 0 0 / 50%);
  box-shadow: 0 0.25em 0 0 rgb(209 146 157 / 41%), 0 4px 9px rgb(0 0 0 / 75%);
  border-radius: 0.25em;

  font-size: 1.2em;
  width: 300px;
  text-transform: uppercase;
}

@media all and (max-width: 767px) {

/*  .gfield:not(.gf_left_half) {
    padding: 0 26px 0 0 ;
  }

  .gfield:not(.gf_right_half) {
    padding: 0  0 0 26px;
  }
*/
  .gfield:not(.gf_left_half) {
    padding: 0 ;
  }

  .gfield:not(.gf_right_half) {
    padding: 0;
  }
}

.gform_wrapper .pad-bottom {
	margin-bottom: 14px;
}

.gform_wrapper .pad-top {
	padding-top: 18px!important;;
} 
.gfield.dark-background {
  background-color: #433244;
}
/* space between the two dark checkbox fields */

#field_1_10 {
    margin-bottom: -1em;
}

.gfield.dark-background .gfield_description  {
	color:#fff;
	font-size: 14px;
	line-height: 18px;
}

.gfield_label {
  color: #fff;
  line-height: 1;
  padding-top: 1em;
}

@media all and (min-width: 642px) {
.gform_wrapper .gform_footer {
  background-color: #903e4c;
  margin: 0 0 0 0 !important;
  padding: 12px 26px 18px!important
}
}

@media all and (max-width: 642px) {
  .gform_wrapper .gform_footer {
    background-color: #903e4c;
    margin: -8px 0 0 0 !important;
    padding: 12px 26px 18px!important
  }
}

.gform_wrapper li.gfield.gfield_error, .gform_wrapper li.gfield.gfield_error.gfield_contains_required.gfield_creditcard_warning {
  border: none!important;
  background: none!important;

}

.gform_button {
  background-color: #A1B93A;
  color: #fff;
  font-weight: bold;
  font-size: 20px;
  border: none!important;
  margin-top: 12px !important;
  padding: 12px 18px;
	cursor:pointer;
}

.gform_next_button.button {
  background-color: #A1B93A;
  color: #fff;
  font-weight: bold;
  font-size: 20px;
  border: none!important;
  margin-top: 12px !important;
  padding: 12px 18px;
	cursor:pointer;
}

.gform_previous_button.button {
  background-color: #fff;
  border: solid 2px #a1b93a!important;
  font-weight: bold;
  font-size: 20px;
  border: none!important;
  margin-top: 12px !important;
  padding: 10px 16px;
	cursor:pointer;	
}

.gform_wrapper .gfield_error .gfield_label,
.gform_wrapper .validation_message {
	color: #a00000!important;
}
.gform_wrapper div.validation_error {
	color:#a00000!important;
	border-top: 2px solid #a00000!important;
	border-bottom: 2px solid #a00000!important;
}

.gform_wrapper .gfield_error .gfield_label {
	color:#a00000;
}

.gfield_description {
	color:#fff;
}
	

/*Checkbox Styles */

/*Note - removed this section due to issue with Font Awesome plugin*/

.fineprint { 
font-size: 12px;

}

/* Superscript & subscript styling in Divi */

sup {
	font-size: 0.6em;
	vertical-align: super;
	bottom: 0;
}
sub {
	font-size: 0.6em;
	vertical-align: sub;
	bottom: 0;
}

mark { 
  background-color: #903e4c;
  color: white;
}

.image-caption {
	font-size: 0.8em;
	font-style: italic;
}

.button-align-bottom .et_pb_button_module_wrapper {
  width: 100%;
  position: absolute;
  bottom: 0px;
}

/* use class "dollar" to add a dollar symbol to a number counter module */

.dollar .percent-value:before { content:'$';}

.btn-mf-randomizer {
  border: none;
/*  padding: 5px 10px 5px 10px;*/
  display: flex;
  justify-content: center;
  background-color: #fff;
  width: 100%;
  font-size: 14px;
  font-weight: bold;
  color: #903e4c;
  border: 3px solid #a1b93a;
  padding: 1em;
}
.btn-mf-randomizer::after {
  /*font-family: ETmodules !important;
  font-size: inherit;
  line-height: 1em;
  content: "\35";
  opacity: 1;
  position: absolute;
  margin-left: 0;
  -webkit-transition: all .2s;
  transition: all .2s;
  text-transform: none;
  -webkit-font-feature-settings: "kern" off;
  font-feature-settings: "kern" off;
  font-variant: none;
  font-style: normal;
  font-weight: 400;
  text-shadow: none;
  margin-left: 10px;
  font-size: 1.2em;
  */

  content: " ";
  background-image: url(/wp-content/themes/Divi-child/mf/gf/img/icon-reload-small.png);
  background-repeat: no-repeat;
  background-position: center center;
  /* align-content: center; */
  width: 20px;
  height: 20px;
  background-size: contain;
  display: inline-block;
  margin-left: 10px;
}


/* footer sign-up form, horizontal */
@media only screen and (min-width: 768px) {
  .gform_wrapper .gf_simple_horizontal {
    display: grid;
    grid-template-columns: 1fr .15fr;
  } 
  .gform_wrapper .gf_simple_horizontal .gform_body {
    width: 100%;
    max-width: unset !important;
  }

  .gform_wrapper .gf_simple_horizontal .gform_footer {
    padding: 0 !important;
    margin: 0 !important;
    width: 100% !important;
    max-width: unset !important;
  }
  .gform_wrapper .gf_simple_horizontal .gform_footer input {
    display: block;
    padding: 6px;
    margin: 0;
    width: 100%;
    margin-top: 0px !important;
  }
}
@media all and (max-width: 767px) {
  .gform_wrapper .gf_simple_horizontal {
    display: block;
  } 
  .gform_wrapper .gf_simple_horizontal .gform_body {
    width: 100% !important;
    max-width: unset !important;
    display: block !important;
  }
  .gform_wrapper .gf_simple_horizontal .gform_body .top_label,
  .gform_wrapper .gf_simple_horizontal .gform_body .top_label .gfield {
    display: block !important;
    width: 100% !important;
    padding: 0 !important;
    margin: 0 !important;
    margin-bottom: 20px !important;
  }
  .gform_wrapper .gf_simple_horizontal .gform_body .top_label .gfield .ginput_complex span {
    padding: 0 !important;
  }
  .gform_wrapper .gf_simple_horizontal .gform_body .top_label .gfield input {
    padding: 10px 15px;
    font-size: 1.2em;
  }
  .gform_wrapper .gf_simple_horizontal .gform_footer {
    text-align: center!important;
    width: 100%!important;
    padding: 0!important;
    max-width: unset !important;
    display: block !important;
  }
}

.mf-form-reverse .gfield_error label,
.mf-form-reverse   .gfield_error .gfield_label,
.mf-form-reverse .gfield_error label {
  color: #FFFF00 !important;
}

.mf-form-reverse .gfield_validation_message {
  background: transparent;
  border: none;
  padding: 0 !important;
  color: yellow !important;
  margin-top: 0 !important;
  font-style: italic;
}




.mf-gf-theme-white_wrapper,
.mf-gf-theme-white_wrapper .gform_footer  {
  background: #fff; 
}
.mf-gf-theme-white_wrapper .gfield_label,
.mf-gf-theme-white_wrapper .gform_description, 
.mf-gf-theme-white_wrapper .gfield label  {
  color: #000000;
  line-height: 1.5em;
}
.mf-gf-theme-white_wrapper .gform_footer  {
  padding: 24px 0px 18px!important;
}

.mf-gf-theme-white_wrapper .gform_heading {
  padding: 20px 0px !important;
  border-top: solid 2px #ccc !important;
}
.mf-gf-theme-white_wrapper fieldset.gfield {
  margin-bottom: 20px;
}
.mf-gf-theme-white_wrapper .gform_button {
  color: #ffffff;
  border-color: rgb(144,62,76);
  background-color: rgb(144,62,76);
  margin-bottom: 0.25em;
  text-shadow: 0 0.075em 0.075em rgb(0 0 0 / 50%);
  box-shadow: 0 0.25em 0 0 rgb(209 146 157 / 41%), 0 4px 9px rgb(0 0 0 / 75%);
  border-radius: 0.25em;
}