/*
Theme Name:     Unit Five Progression Child
Description:    Unit Five Progression Child Theme
Author:         Progression Studios
Template:       unit-five-progression
}
*/


/*
span.wpcf7-form-control-wrap.GuideCheckbox {
	border: 1px solid #833792;
	 width: 100%;
    margin: 10px;
}
*/

/* 
 * 2021-10-25 - Pankaj
 * Link to fix CSS for Checkbox not showing up correctly in Edge browser
 * https://stackoverflow.com/questions/43929283/custom-checkbox-not-working-in-contact-form-7 
 * Fiddle: https://jsfiddle.net/a2k73v0y/2/
 * */
.wpcf7-checkbox, .radio {
  display: block;
  margin: 10px 0 0;
}

.wpcf7-checkbox .wpcf7-list-item, .radio .wpcf7-list-item {
  display: block;
}

.wpcf7-checkbox .wpcf7-list-item input[type=checkbox]:checked + .wpcf7-list-item-label::before {
  background: red;
  border: 1px solid red;
  border-radius: 3px;
  content: "";
  height: 15px;
  left: -22px;
  position: absolute;
  width: 15px;
}

.wpcf7-checkbox .wpcf7-list-item-label, .radio .wpcf7-list-item-label {
  display: inline-block;
  font-family: "Arial", sans-serif;
  font-size: 14px;
  font-weight: normal;
  left: 15px;
  line-height: 15px;
  margin: 0 0 5px;
  position: absolute;
}

/*
.wpcf7-checkbox .wpcf7-list-item-label::before, .radio .wpcf7-list-item-label::before {
  background: black;
  border: 1px solid #000000;
  border-radius: 3px;
  content: "";
  height: 15px;
  left: -22px;
  position: absolute;
  width: 15px;
}
*/
.wpcf7-checkbox .wpcf7-list-item-label:hover, .radio .wpcf7-list-item-label:hover {
  cursor: pointer;
}

span.wpcf7-list-item { 
	display: table-row; 
    background-color: #fff;
    padding: 10px;
    border: 1px solid #833792;
    width: 100%;
    margin: 0px;
}

span.wpcf7-list-item * {
	display: table-cell;
    padding-left: 10px;
	padding-right: 10px;
    background-color: #fff;
	color: #444444;
	font-weight:normal;	
}

input[type="checkbox"],input[type="radio"]{
  position: static !important;
}

label.label_form {
	margin: 3px;
}