#signup-section .consent-placeholder{
position: relative;
margin: 3.5vh auto;
display: block;
}
.plain-ml-wrapper label:not(.goptin_checkbox){
position:static;
transform:none;
}
#signup-section .plain-ml-wrapper .consent-placeholder input[type="checkbox"]:not(:checked),
#signup-section .plain-ml-wrapper .consent-placeholder input[type="checkbox"]:checked {
position: absolute;
left: 0px;
width: 1.28vw;
height: 1.28vw;
z-index: 10;
top: 0px;
opacity: 0;
cursor: pointer;
margin: 0;
-webkit-appearance: none;
padding: 0;
}
#signup-section .plain-ml-wrapper .consent-placeholder input[type="checkbox"]:not(:checked) + label:before,
#signup-section .plain-ml-wrapper .consent-placeholder input[type="checkbox"]:checked + label:before {
content: "";
position: absolute;
left: 0px;
top: auto;
width: 1.28vw;
height: 1.28vw;
border: 2px solid #fff;
background: transparent;
border-radius: 0px;
box-sizing: border-box;
}
#signup-section .plain-ml-wrapper .consent-placeholder input[type="checkbox"].errored:not(:checked) + label:before {
border-color: red;
}
#signup-section .plain-ml-wrapper .mlform .consent-placeholder input[type="checkbox"] + label {
display: inline-block;
box-sizing: border-box;
line-height: 1;
text-align: left;
text-transform: none;
letter-spacing: 0;
font-size: 0.68vw;
padding-left: 2.04vw;
vertical-align: top;
font-weight: 400;
position: static;
transform: none;
pointer-events: auto;
}
#signup-section .plain-ml-wrapper .consent-placeholder input[type="checkbox"]:checked + label:after {
content: "\2713";
position: absolute;
top: 0.58vh;
line-height: 1;
left: 0.25vw;
font-size: 1vw;
color: #fff;
font-weight: 700;
text-align: center;
}
#signup-section .plain-ml-wrapper .consent-placeholder input[type="checkbox"]:checked + label:after {
color: #ffffff;
}
#signup-section .consent-placeholder span.input-error {
color: red;
position: absolute;
top: -3.25vh;
left: 0;
bottom: auto;
}
#signup-section .secondform .consent-placeholder {
margin: 2vh auto;
}
#signup-section .plain-ml-wrapper .mlform .consent-placeholder label a,
#signup-section .plain-ml-wrapper .mlform .consent-placeholder label span {
color: #fff;
}
#signup-section .plain-ml-wrapper .mlform .consent-placeholder label a{
text-decoration:underline;
}
#signup-section .plain-ml-wrapper .mlform .consent-placeholder label a:hover {
opacity: 0.5;
}
@media only screen and (max-width: 1023px) and (orientation:portrait){
#signup-section .plain-ml-wrapper .mlform .consent-placeholder input[type="checkbox"] + label {
font-size: 3vw;
padding-left: 6vw;
}
#signup-section .plain-ml-wrapper .consent-placeholder input[type="checkbox"]:not(:checked),
#signup-section .plain-ml-wrapper .consent-placeholder input[type="checkbox"]:checked,
#signup-section .plain-ml-wrapper .consent-placeholder input[type="checkbox"]:not(:checked) + label:before,
#signup-section .plain-ml-wrapper .consent-placeholder input[type="checkbox"]:checked + label:before {
width:5vw;
height: 5vw;
}
#signup-section .consent-placeholder span.input-error, .input-error{
font-size: 3.25vw;
}
#signup-section .plain-ml-wrapper .consent-placeholder input[type="checkbox"]:checked + label:after {
top: 0.4vh;
left: 0.8vw;
font-size: 3.85vw;
}
}
@media only screen and (max-width:1023px) and (orientation:landscape){
.input-error{
font-size: 1.25vw;
}
#signup-section .plain-ml-wrapper .mlform .consent-placeholder input[type="checkbox"] + label{
font-size: 1.68vw;
padding-left: 4.04vw;
}
#signup-section .plain-ml-wrapper .consent-placeholder input[type="checkbox"]:not(:checked) + label:before,
#signup-section .plain-ml-wrapper .consent-placeholder input[type="checkbox"]:checked + label:before{
width: 2.28vw;
height: 2.28vw;
}
#signup-section .plain-ml-wrapper .consent-placeholder input[type="checkbox"]:checked + label:after{
font-size: 2vw;
}
}
@media only screen and (max-height: 1366px) and (min-width: 1024px) and (orientation: portrait) {
.content-wrapper {
padding-top: 44vw;
}
#signup-section .plain-ml-wrapper .mlform .consent-placeholder input[type="checkbox"]+label{
font-size: 2.268vw;
padding-left: 3.54vw;
}
#signup-section .plain-ml-wrapper .consent-placeholder input[type="checkbox"]:checked+label:after{
top:0;
font-size:2vw;
}
#signup-section .consent-placeholder {
position: relative;
margin: 2vh auto ;
}
.input-error{
font-size: 1.8vw;
}
#signup-section .consent-placeholder span.input-error{
top: -1.5vh;
}
#signup-section .plain-ml-wrapper .consent-placeholder input[type="checkbox"]:not(:checked)+label:before,
#signup-section .plain-ml-wrapper .consent-placeholder input[type="checkbox"]:checked+label:before,
#signup-section .plain-ml-wrapper .consent-placeholder input[type="checkbox"]:not(:checked),
#signup-section .plain-ml-wrapper .consent-placeholder input[type="checkbox"]:checked{
width: 2.28vw;
height: 2.28vw;
}
}