/* Small devices (portrait phones, less then 575px) */
@media ( max-width: 575px) {
.wp-block-contact-form-7-contact-form-selector {
padding: 0px;
}
.wp-block-column.contact-form-column-detail {
padding-left: 30px !important;
}
}
/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) {
.wp-block-contact-form-7-contact-form-selector {
padding: 0px;
}
}
/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) {
.wp-block-contact-form-7-contact-form-selector {
padding: 20px;
}
.wp-block-column.contact-form-column-detail {
overflow-y: auto;
max-height: 607px;
margin-top: 30px;
}
}
/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) {
.wp-block-contact-form-7-contact-form-selector {
padding: 30px;
}
}
/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
.wp-block-contact-form-7-contact-form-selector {
padding: 30px;
}
}
.wp-block-column.contact-form-column-detail p {
padding-bottom: .6rem;
}
.wp-block-column.contact-form-column-detail h5 {
margin: 1.0rem 0 1rem;
}
.wp-block-contact-form-7-contact-form-selector.contact-form-shadow .wpcf7 {
box-shadow: 1px 1px 15px #cecece;
padding: 20px;
}
.wp-block-contact-form-7-contact-form-selector.contact-form-shadow textarea {
font-size: 1.0rem;
color: #181818;
}
.wp-block-contact-form-7-contact-form-selector.contact-form-shadow label {
font-size: 1.0rem;
color: #181818;
line-height: 30px;
width: 100%;
padding: 0 10px;
margin-top: 10px;
}
.wp-block-contact-form-7-contact-form-selector.contact-form-shadow label,
.wp-block-contact-form-7-contact-form-selector.contact-form-shadow select,
.wp-block-contact-form-7-contact-form-selector.contact-form-shadow input {
font-size: 1.0rem;
color: #181818;
line-height: 35px;
width: 100%;
padding: 0 10px;
}
.wp-block-contact-form-7-contact-form-selector.contact-form-shadow input,
.wp-block-contact-form-7-contact-form-selector.contact-form-shadow textarea {
background-color: #FAFAFA;
border-width: 0px;
width: 100%;
}
.wp-block-contact-form-7-contact-form-selector.contact-form-shadow input:focus,
.wp-block-contact-form-7-contact-form-selector.contact-form-shadow textarea:focus {
outline: 2px #012E72 solid;
}
.wp-block-contact-form-7-contact-form-selector.contact-form-shadow .wpcf7-form-control.wpcf7-submit {
background-color: #FF6620;
font-size: 0.9rem;
color: #FFFFFF;
border-width: 0px;
width: 120px;
margin: 20px 10px;
}
.wp-block-contact-form-7-contact-form-selector.contact-form-service textarea {
font-size: 1.0rem;
color: #181818;
}
.wp-block-contact-form-7-contact-form-selector.contact-form-service select,
.wp-block-contact-form-7-contact-form-selector.contact-form-service input {
font-size: 1.0rem;
color: #181818;
line-height: 50px;
width: 100%;
padding: 0 10px;
margin: 0px 0px 16px 0px;
}
.wp-block-contact-form-7-contact-form-selector.contact-form-service input,
.wp-block-contact-form-7-contact-form-selector.contact-form-service textarea {
background-color: #FFFFFFCC;
border-width: 0px;
width: 100%;
margin: 0px 0px 16px 0px;
}
.wp-block-contact-form-7-contact-form-selector.contact-form-service input:focus,
.wp-block-contact-form-7-contact-form-selector.contact-form-service textarea:focus {
outline: 2px #012E72 solid;
}
.wp-block-contact-form-7-contact-form-selector.contact-form-service .wpcf7-submit {
background-color: #FF6620;
font-size: 0.9rem;
color: #FFFFFF;
border-width: 0px;
width: 120px;
margin: 20px 10px;
}
.wp-block-contact-form-7-contact-form-selector.contact-form-service .wpcf7 p {
position: relative;
}
.wp-block-contact-form-7-contact-form-selector.contact-form-service .wpcf7 p .fa {
position: absolute;
color: #18191a;
z-index: 100;
font-size: 18px;
top: 28%;
left: 1.5%;
}
.wp-block-contact-form-7-contact-form-selector.contact-form-service .wpcf7 p .fa-commenting-o {
top: 3%;
left: 1.5%
}
.wp-block-contact-form-7-contact-form-selector.contact-form-service .wpcf7 .wpcf7-text,
.wp-block-contact-form-7-contact-form-selector.contact-form-service .wpcf7 .wpcf7-textarea {
text-indent: 35px;
}
.wp-block-contact-form-7-contact-form-selector.contact-form-service .wpcf7-response-output {
background-color: #FFFFFF;
color: #181818;
}