WPForms

/**
* Adjusts the display of header images based on the user’s preference for dark color schemes.
*/
@media (prefers-color-scheme: light) {
.header-wrapper.dark-mode {
display: none !important;
}
}

@media (prefers-color-scheme: dark) {
.header-wrapper.dark-mode {
display: table-row !important;
}
.header-wrapper.dark-mode + .light-mode {
display: none !important;
}
}

@media only screen and (max-width: 599px) {
.wpforms-layout-table-display-rows .wpforms-layout-table-row .field-name {
display: block !important;
}
.wpforms-layout-table .wpforms-layout-table-row {
display: block;
width: 100%;
}
.wpforms-layout-table .wpforms-layout-table-row table, .wpforms-layout-table .wpforms-layout-table-row thead, .wpforms-layout-table .wpforms-layout-table-row tbody, .wpforms-layout-table .wpforms-layout-table-row tr, .wpforms-layout-table .wpforms-layout-table-row td, .wpforms-layout-table .wpforms-layout-table-row th {
display: block;
width: 100% !important;
padding-bottom: 0 !important;
}
.wpforms-layout-table .wpforms-layout-table-row tr {
padding-top: 0 !important;
}
.wpforms-layout-table .wpforms-layout-table-row td.field-value {
padding-bottom: 25px !important;
}
.wpforms-layout-table .wpforms-layout-table-row td.field-name {
padding-bottom: 10px !important;
}
.wpforms-layout-table > td {
padding-bottom: 0 !important;
}
}

@media only screen and (max-width: 599px) {
.body-inner {
padding-top: 25px !important;
padding-bottom: 25px !important;
}
.wrapper-inner {
padding: 0 25px 25px 25px !important;
}
.header {
padding-bottom: 25px !important;
}
.header .has-image-size-small img {
max-height: 100px !important;
}
.header .has-image-size-medium img {
max-height: 140px !important;
}
.header .has-image-size-large img {
max-height: 180px !important;
}
.wpforms-layout-table .wpforms-layout-table-row td.field-value {
padding-bottom: 10px !important;
}
.wpforms-layout-table .wpforms-layout-table-row td.field-name {
padding-bottom: 7px !important;
}
.wpforms-layout-table-display-blocks table:not(:first-child) .field-repeater-name {
padding-top: 25px !important;
}
}

@media (prefers-color-scheme: dark) {
body, .body {
background-color: #2d2f31 !important;
}

.wrapper-inner {
background-color: #1f1f1f !important;
border: 1px solid #525252 !important;
}

body, table.body, h1, h2, h3, h4, h5, h6, p, td, th, a {
color: #dddddd !important;
font-family: -apple-system, BlinkMacSystemFont, avenir next, avenir, segoe ui, helvetica neue, helvetica, Cantarell, Ubuntu, roboto, noto, arial, sans-serif !important;
}

a, a:visited,
a:hover, a:active,
h1 a, h1 a:visited,
h2 a, h2 a:visited,
h3 a, h3 a:visited,
h4 a, h4 a:visited,
h5 a, h5 a:visited,
h6 a, h6 a:visited {
color: #e27730 !important;
}

a.button-link {
background-color: #1f1f1f !important;
border: 1px solid #e27730 !important;
color: #e27730 !important;
}

.content .field-value,
.wpforms-layout-table > td {
border-bottom: 1px solid #3e3e3e !important;
}

.footer, .footer a {
color: #7a7a7a !important;
}

table.wpforms-order-summary-preview {
border: 1px solid #3e3e3e !important;
}

table.wpforms-order-summary-preview td {
border-top: 1px solid #3e3e3e !important;
}

.dark-mode .header-image {
max-width: 350px !important;
}
.dark-mode .header-image img {
max-height: 180px !important;
}
}