/**
 * https://penguindojo.com/reviews/
 */

.glsr form.glsr-form > div:not(.glsr-field) {
    display: flex;
}
.glsr form.glsr-form [type=submit] {
    background-color: #535fab;
    border: 1px solid #535fab;
    color: #fff;
    cursor: pointer
    font-size: 22px;
    font-weight: bold;
    letter-spacing: 1px;
    margin: auto;
    padding: 10px 60px;
    text-align: center;
    text-transform: uppercase;
}
.glsr form.glsr-form label.glsr-label  {
    color: #283440;
    font-family: 'Lato',sans-serif;
    font-size: 18px;
    font-weight: bold;
    margin: .25em 0;
}
.glsr form.glsr-form input.glsr-input,
.glsr form.glsr-form select.glsr-select,
.glsr form.glsr-form textarea.glsr-textarea {
    box-shadow: 0px 2px 3px 0px #ccc
}
.glsr .glsr-field.glsr-field-rating {
    display: flex;
    gap: 20px;
}
@media (min-width: 640px) {
    /* display the form fields in 2 columns and add a 1rem gap between columns */
    .glsr form.glsr-form {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        grid-column-gap: 1rem;
        column-gap: 1rem;
    }
    /* make fields span 2 columns by default */
    .glsr form.glsr-form .glsr-field,
    .glsr form.glsr-form > div:not(.glsr-field) {
        grid-column: span 2 / span 2;
    }
    /* make the name and email fields span 1 column */
    .glsr form.glsr-form .glsr-field:nth-of-type(-1n+3) {
        grid-column: span 1 / span 1;
    }
}