/* Version 1.2 */
/* 2021/02/18 */

/* HIDE RADIO */
[type="radio"] {
  position: absolute;
  opacity: 0;
  width: 0;
  height: 0;
}

/* IMAGE STYLES */
[type="radio"]+img {
  cursor: pointer;
}

/* CHECKED STYLES */
[type="radio"]:checked+img {
  outline: 3px solid #0f0;
  border-radius: 3px;
}

/* SEARCH BTN / NEWSLETTER BTN*/
.search {
  width: 200px;
  display: flex;
}
.newsletter {
  width: 200px;
  display: flex;
}

.searchTerm {
  width: 100%;
  border: 1px solid #D3D3D3;
  border-right: none;
  padding: 3px;
  height: 33px;
  border-radius: 10px 0 0 10px;
  outline: none;
  color: #111;
  background: rgba(220, 220, 220, 0.6);
}

.searchButton {
  width: 40px;
  height: 33px;
  padding: auto;
  border: 1px solid #D3D3D3;
  background: #3f3f3f;
  text-align: center;
  color: rgba(220, 220, 220, 0.6);
  border-radius: 0 10px 10px 0;
  cursor: pointer;
  font-size: 18px;
}

.searchButton:hover {
  color: #eee;
}

/* Checkbox */
.checkbox-wrapper-18 .round {
  position: relative;
  margin: 5px 25px;
}

.checkbox-wrapper-18 .round label {
  background-color: #fff;
  border: 1px solid #ccc;
  border-radius: 50%;
  cursor: pointer;
  height: 28px;
  width: 28px;
  display: flex;
}

.checkbox-wrapper-18 .round label:after {
  border: 2px solid #ffffff;
  border-top: none;
  border-right: none;
  content: "";
  height: 6px;
  left: 8px;
  opacity: 0;
  position: absolute;
  top: 9px;
  transform: rotate(-45deg);
  width: 12px;
}

.checkbox-wrapper-18 .round input[type="checkbox"] {
  visibility: hidden;
  display: none;
  opacity: 0;
}

.checkbox-wrapper-18 .round input[type="checkbox"]:checked+label {
  background-color: #19af20;
  border-color: #005204;
}

.checkbox-wrapper-18 .round input[type="checkbox"]:checked+label:after {
  opacity: 1;
}