.cpp-form { }
.cpp-form:after {
content: "";
display: table;
clear: both;
}
.cpp-form__error {
border: 1px dashed darkred;
color: darkred;
padding: 10px 15px;
background-color: whitesmoke;
}
.cpp-form__error-list {
margin-left: 20px;
margin-bottom: 0;
}
.cpp-form__title {
font-size: 24px;
}
.cpp-form__fields {
list-style: none;
margin-top: 15px;
float: left;
width: 100%;
margin-bottom: 0;
}
.cpp-form__fields:last-of-type {
margin-bottom: 15px;
}
.cpp-form__field {
width: 100%;
float: left;
}
.cpp-form__field:not(:first-child) {
margin-top: 15px;
}
.cpp-form__row {
float: left;
width: calc(100% + 10px);
margin-left: -5px;
margin-right: -5px;
}
.cpp-form__row > div {
float: left;
padding-left: 5px;
padding-right: 5px;
}
.cpp-form .name--first,
.cpp-form .name--first--fpl {
width: 38%;
}
.cpp-form .name--prefix,
.cpp-form .name--prefix--fpl {
width: 24%;
}
.cpp-form .name--last,
.cpp-form .name--last--fpl {
width: 38%;
}
.cpp-form .name--first--fl {
width: 50%;
}
.cpp-form .name--last--fl {
width: 50%;
}
.cpp-form .name--last--l {
width: 100%;
}
@media screen and (max-width: 480px) {
.cpp-form .name--first {
width: 100%;
margin-bottom: 10px;
}
.cpp-form .name--prefix {
width: 25%;
}
.cpp-form .name--last {
width: 75%;
}
}
.cpp-form .select input,
.cpp-form .select select {
float: left;
margin-top: 5px;
}
.cpp-form .select input,
.cpp-form .select select,
.cpp-form .select label {
display: inline-block;
cursor: pointer;
}
.cpp-form .buttons {
list-style: none;
margin: 10px 0;
}
.cpp-form .buttons > li {
display: inline-block;
border: 1px solid black;
border-radius: 5px;
margin: 5px 0;
padding: 5px 10px;
cursor: pointer;
}
.cpp-form .buttons > li:not(:last-child) {
margin-right: 10px;
}
.cpp-form .buttons > li.active {
background-color: lightgrey;
}
.cpp-form .buttons--time > li {
min-width: 75px;
text-align: center;
}
.cpp-form .contact-options {
list-style: none;
margin: 0;
}
.cpp-form .custom-combobox input,
.cpp-form .custom-combobox select,
.cpp-form .custom-combobox a {
height: 40px;
line-height: 30px;
padding: 5px 15px;
margin-top: -4px;
}
.cpp-form__footer {
margin-top: 15px;
float: left;
width: 100%;
}
.cpp-form__footer div.g-recaptcha {
float: left;
width: 100%;
}
.cpp-form__footer input[type=submit] {
margin-top: 10px;
opacity: 1;
transition: opacity 0.3s;
-moz-transition: opacity 0.3s;
-webkit-transition: opacity 0.3s;
}
.cpp-form__footer input[type=submit]:disabled {
opacity: .2;
}
.error {
border: 1px solid darkred !important;
}