.section-feature input[type=text] { border-color:var(--secondary); padding:1rem; margin-bottom:1.5rem }
.section-feature input[type=text]:focus { -webkit-box-shadow:none; box-shadow:none }
.section-feature input[type=text]::-webkit-input-placeholder { text-transform:capitalize; }
.section-feature input[type=text]::-moz-placeholder { text-transform:capitalize; }
.section-feature input[type=text]:-ms-input-placeholder { text-transform:capitalize; }
.section-feature input[type=text]::-ms-input-placeholder { text-transform:capitalize; }
.section-feature input[type=text]::placeholder { text-transform:capitalize; }
.section-feature input[type=checkbox] { border:0; clip:rect(0,0,0,0); height:0; margin:0; opacity:0; overflow:hidden; padding:0; width:0; position:absolute }
.section-feature input[type=checkbox]+.form-check-label { position:relative; padding-left:1.5rem; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center; line-height:1.85; cursor:pointer; -webkit-transition:color .2s ease-in-out; transition:color .2s ease-in-out; color:hsl(0deg 0% 0% / 50%); }
.section-feature input[type=checkbox]+.form-check-label:before { position:absolute; content:""; top:0.5rem; left:0; width:1rem; height:1rem; border-radius:2px; border:1px solid hsla(0,0%,0%,.5) }
.section-feature input[type=checkbox]+.form-check-label:after { position: absolute; content: "\2714"; top: 0.5rem; left: 0.1rem; width: 1rem; height: 1rem; font-size: 1rem; line-height: 1rem; color: var(--blue); -webkit-transform: scale(0); transform: scale(0); -webkit-transition: transform 0.2s ease-in-out; transition: transform 0.2s ease-in-out; }
.section-feature input[type=checkbox]:checked+.form-check-label { color:var(--secondary); }
.section-feature input[type=checkbox]:checked+.form-check-label:after { -webkit-transform:scale(1); transform:scale(1) }
.section-feature .btn-generate { top:.5rem; background:none; border:unset; padding:7px 25px 11px; align-items:center; gap:10px; text-transform:uppercase; color:var(--blue); }
.section-feature .btn-generate:after { content: ""; background-image: url(/wp-content/themes/sumobaby/images/white-arrow.svg); width: 12px; height: 12px; background-repeat: no-repeat; background-position: center; filter: invert(140%) sepia(8%) saturate(78%) hue-rotate(90deg) brightness(8%) contrast(100%); }
.section-feature .btn-clear, .section-feature .btn-reset, .section-feature .btn-copy { border:none; background:unset; display: inline-flex; align-items: center; gap: 6px; }
.section-feature .btn-clear:before { content:""; background-image: url(/wp-content/themes/sumobaby/images/pencil-icon.png); width: 20px; height: 20px; background-repeat: no-repeat; background-position: center; display:inline-block; }
.section-feature .btn-reset:before { content:""; background-image: url(/wp-content/themes/sumobaby/images/delete-icon.png); width: 20px; height: 20px; background-repeat: no-repeat; background-position: center; display:inline-block; }
.section-feature .btn-copy:before { content:""; background-image: url(/wp-content/themes/sumobaby/images/copy-icon.png); width: 30px; height: 40px; background-repeat: no-repeat; background-position: center; display:inline-block; }
.section-feature .btn-clear { margin-right: 3rem; }
.section-feature .btn-reset { margin-left: 1.8rem; }
.section-feature .form-check { padding-left:0 }
.section-feature .generated-slug label { color:hsla(0,0%,0%,.5); font-size:1.2rem; line-height:1.85 }
.section-feature .generated-slug [type=text] { font-weight:700; font-size:3rem; line-height:1.095; padding:0; color:var(--blue); border:none; }
.section-feature .generated-slug [type=text].generated { border-bottom:none }


@media only screen and (min-width: 768px) and (max-width: 991px) {
	.section-feature .generated-slug [type=text] { font-size:2.5em; }
}

@media (max-width: 768px) {
	.section-feature .generated-slug [type=text] { font-size:2em; }
	.section-feature .btn-reset { margin-left: 0; }
}