Skip to content

Instantly share code, notes, and snippets.

Embed
What would you like to do?
.form-has-collapsible-sections_wrapper {
border-radius: 5px;
background-color: #fff;
box-shadow: 0 0 50px 0 rgba(0, 0, 0, 0.15);
position: relative;
}
.form-has-collapsible-sections_wrapper .gsection.collapsible-sections-field {
padding: 20px 40px 20px 40px!important;
margin-top: 0 !important;
border: none !important;
border-top: 1px solid #ececee !important;
background-color: #fff;
transition: background-color 0.3s;
}
.form-has-collapsible-sections_wrapper .gsection.collapsible-sections-field:first-of-type {
padding-top: 40px !important;
border-radius: 5px 5px 0 0;
border-top: none !important;
}
.form-has-collapsible-sections_wrapper .gsection.collapsible-sections-field:last-of-type {
padding-bottom: 30px !important;
border-radius: 0 0 5px 5px;
}
.form-has-collapsible-sections_wrapper .gsection.collapsible-sections-field .gsection_title {
background: transparent;
border-radius: 0;
padding: 0;
margin-top: 0;
font-size: 17px;
padding-right: 50px !important;
color:#3D495A;
}
.form-has-collapsible-sections_wrapper .gsection.collapsible-sections-field .gsection_title:after {
text-align: center;
padding-top: 9px;
color: #78bca1;
background-color: #f8f7fc;
width: 36px;
height: 36px;
border-radius: 50%;
overflow: hidden;
transition: background-color 0.3s;
top: 0;
bottom: auto;
transform: none;
}
.form-has-collapsible-sections_wrapper .gsection.collapsible-sections-field.collapsible-sections-open .gsection_title:after {
padding-top: 7px;
background-color: #fff;
}
.form-has-collapsible-sections_wrapper .gsection.collapsible-sections-field .gsection_description {
color: #9B9B9B;
font-size: 13px;
padding: 0;
}
.form-has-collapsible-sections_wrapper .collapsible-sections-collapsible-body {
border: none;
background-color: #f8f7fc;
padding: 0 40px 30px;
}
.form-has-collapsible-sections_wrapper .collapsible-sections-collapsible-body > .gfield:first-child,
.form-has-collapsible-sections_wrapper .collapsible-sections-collapsible-body > .gfield:first-child .ginput_container {
margin-top: 0 !important;
}
.form-has-collapsible-sections_wrapper .gsection.collapsible-sections-field.collapsible-sections-open {
background-color: #f8f7fc;
}
.form-has-collapsible-sections_wrapper .validation_error {
margin-bottom: 0;
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
background: #b3304c;
}
.form-has-collapsible-sections_wrapper .gsection.collapsible-sections-field.collapsible-sections-section-error {
border-color: #b3304c !important;
background-color: #fff;
}
.form-has-collapsible-sections_wrapper .gsection.collapsible-sections-field.collapsible-sections-section-error + .collapsible-sections-collapsible-body .gfield_error input,
.form-has-collapsible-sections_wrapper .gsection.collapsible-sections-field.collapsible-sections-section-error + .collapsible-sections-collapsible-body .gfield_error textarea,
.form-has-collapsible-sections_wrapper .gsection.collapsible-sections-field.collapsible-sections-section-error + .collapsible-sections-collapsible-body .gfield_error select {
border-color: #b3304c;
color: #b3304c;
}
.form-has-collapsible-sections_wrapper .gsection.collapsible-sections-field.collapsible-sections-section-error + .collapsible-sections-collapsible-body .gfield_error .gfield_label {
color: #790000;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment