.form__wrap
padding: 5rem 2rem background-color: $pure-white
.form__block
display: flex flex-flow: wrap justify-content: space-between
.form–title
padding-bottom: 2rem
.form–strap
padding-bottom: 5rem
.form__elem
display: flex flex-direction: column
.form–elem
padding: 1.1rem 0
.form–label
padding: 1rem 0 padding-top: 2rem
.form–input
text-indent: 1rem &:focus background-color: rgba($env-primary , .1)
.form–textarea
padding-left: 1rem
/* Switch .checkbox-label
display: none
.checkbox-label–mod
padding: 3rem 0 0 margin: 0 cursor: pointer display: flex flex-wrap: nowrap flex-direction: row justify-content: space-between p padding: 0 margin: 0
.styled-checkbox__block
display: flex flex-direction: column justify-content: center .yes display: none padding: .8rem 0 width: 100% text-align: center .icon cursor: pointer //width: 10% //margin: 2rem
input.switch
cursor: pointer
.checkbox-label–mod .no
text-align: center padding: .8rem 0 width: 100%
input.switch
&:checked + .icon background: $opd-light-blue ~ .yes display: block transition: all .2s ease-in-out .no display: none transition: all .2s ease-in-out appearance: none outline: none display: none
.checkbox-label–mod .icon
position: relative width: 40px height: 24px border-radius: 12px background-color: $env-primary box-shadow: inset 0px 0px 4px -2px rgba(0, 0, 0, 0.1) cursor: pointer outline: none transition: all .2s ease-in-out .icon--elem position: absolute content: '' width: 25.72px height: 25.72px border-radius: 50% background-color: $pure-white transform: scale(0.7) left: 0 top: calc(50% - 13px) transition: all .2s ease-in-out &:before content: '' position: absolute width: 2px height: 8px background: blue top: calc(50% - 4px) left: calc(50% - 1px) background: $env-primary
.styled-checkbox:checked
background: $opd-coral + .icon span left: calc(100% - 25.732px) &:before background: $opd-light-blue
.content__gdpr
display: flex flex-wrap: wrap
.content__gdprBlock
border-top: solid 2px $env-primary fieldset border: none padding: 0 width: 100%
.gdpr–title
padding: 4rem 0 2rem
.content__gdprLegal
font-size: 1.8rem padding: 2rem 0 a text-decoration: none color: $env-primary
mc-embedded-subscribe
border-radius: 6px background-color: $pure-white border: solid 1px $env-primary color: $env-primary padding: 1.6rem 5rem text-align: center text-decoration: none cursor: pointer //display: inline-block font-size: 1.6rem margin: 5rem 0 0 transition: .2s ease-in-out &:hover transform: scale(.99) color: $pure-white background-color: $env-primary
.mc–full
width: 100%
.mc–half
width: 100%
.mc-asterisk
color: $env-primary
@media screen and ( min-width: 768px )
.mc--half width: 45% .form__wrap padding: 5rem background-color: $pure-white border-radius: 20px
.response
padding: 2rem 0
.mce_inline_error
padding: 1rem 0 font-size: $sm-font-size color: $led