ꦫꦣꦺꦤ꧀ꦄꦤ꧀ꦠꦱꦺꦤ

PATH: home / letacommog / aperobusiness / wp-content / themes / deep / inc / visualcomposer / params / radio / assets / css

/*  # Radio Select Param
=========================================*/
.wn-radio-wrap label {
  margin-right: 8px;
  margin-bottom: 20px;
  margin-top: 5px;
  display:inline-block;
  line-height: 21px;
}
.wn-radio-wrap input[type="radio"] {
  position: absolute;
  opacity: 0;
  width: auto;
}
.wn-radio-wrap input[type="radio"] + label:before {
  content: '';
  background: #f8f8f8;
  border-radius: 33px;
  border: 1px solid #b4b4b4;
  display: inline-block;
  width: 20px;
  height: 20px;
  top: 2px;
  position: relative;
  margin-right: 6px;  
  vertical-align: top;
  box-shadow: inset 0 1px 3px -1px rgba(0,0,0,0.1), 0 1px 7px -1px rgba(0,0,0,0.17);
  cursor: pointer;
  text-align: center;
  box-sizing:border-box;
  -webkit-transition: all .3s ease;
  transition: all .3s ease;
}
.wn-radio-wrap input[type="radio"]:checked + label:before {
  background-color: #008aff;
  box-shadow: 0 0 0 1px #008aff, 0 1px 11px -2px #008aff;
  border:4px solid #fff;
}
.wn-radio-wrap input[type="radio"]:focus + label:before {
  outline: none;
  border-color: #fff;
}
.wn-radio-wrap input[type="radio"]:disabled + label:before {
  box-shadow: inset 0 0 0 4px #ffffff;
  border-color: #b4b4b4;
  background: #b4b4b4;
}
.wn-radio-wrap input[type="radio"] + label:empty:before {
  margin-right: 0;
}
.wn-radio-wrap label {
  text-transform: capitalize;
}
.wn-font-style .italic {
  font-style: italic; 
}
.wn-font-style .underline {
  text-decoration: underline; 
}
.wn-font-style .bold {
  font-weight: bolder;  
}

[+] ..
[-] radio.css [edit]