html, body.managed-page, #main {
background-color: #F6F9FB;
position: initial !important;
}
* {
box-sizing: border-box;
}
#main * {
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
line-height: 1.6em;
}
#main {
max-width: 500px;
padding: 3% 0 20px 0;
margin: auto;
}
body.managed-page p {
font-size: 14px;
}
body.managed-page .no-margin-top {
margin-top: 0;
}
body.managed-page.view #main, body.managed-page.archive #main {
max-width: 700px;
}
body.managed-page.view #main h2.subject-line, body.managed-page.archive #main h2.subject-line {
font-size: 24px;
line-height: 1.2;
margin-top: -10px;
padding: 0 30px 20px;
border-bottom: 1px solid #cccccc;
margin-left: -30px;
margin-right: -30px;
}
body.managed-page.view #main .list-wrap, body.managed-page.archive #main .list-wrap {
margin: auto -30px;
}
body.managed-page.view #main .list-wrap .wp-list-table.archive-list, body.managed-page.archive #main .list-wrap .wp-list-table.archive-list {
border-width: 1px 0;
width: 100%;
}
body.managed-page.view #main .pagination, body.managed-page.archive #main .pagination {
display: flex;
justify-content: center;
gap: 10px;
margin-top: 20px;
}
body.managed-page.view #main .pagination .active, body.managed-page.archive #main .pagination .active {
font-weight: bold;
}
#main .box {
margin-top: 20px;
margin-left: 0;
padding: 30px;
font-weight: 400;
overflow: hidden;
background: #FFFFFF;
box-shadow: 5px 5px 30px rgba(24, 45, 70, 0.05); border-radius: 5px;
border: none;
}
#main .box > p:first-child {
margin-top: 0;
}
#main .box > p:last-child {
margin-bottom: 0;
}
#main h1 a {
background-size: 84px;
background-position: center top;
background-repeat: no-repeat;
color: #444;
height: 84px;
font-size: 20px;
font-weight: 400;
line-height: 1.3em;
margin: 0 auto 25px;
padding: 0;
text-decoration: none;
width: 84px;
text-indent: -9999px;
outline: 0;
overflow: hidden;
display: block;
}
* {
margin: 0;
padding: 0;
}
#main .notice {
margin: 0 0 10px 0;
}
#main .notice:last-child {
margin-bottom: 0;
}
.right {
float: right;
}
.align-center {
text-align: center;
}
@media screen and (max-width: 360px) {
.right {
float: none;
}
}
body p {
margin: 1.1em 0;
}
a {
outline: 0;
}
a {
color: #0073aa;
transition-property: border, background, color;
transition-duration: 0.05s;
transition-timing-function: ease-in-out;
text-decoration: none;
}
.notice a {
text-decoration: underline;
}
a:active, a:hover {
color: #00a0d2;
}
label {
cursor: pointer;
font-size: 14px;
font-weight: 500;
}
p#credit,
#extralinks {
color: #555d66;
text-align: center;
}
p#credit img {
vertical-align: middle;
}
#main .preference-options a {
margin: 10px 0 0 0;
padding: 8px 20px;
display: inline-block;
width: 100%;
border-radius: 5px;
font-size: 14px;
}
#main .preference-options a:hover {
background-color: rgba(16, 38, 64, 0.05);
}
#main .preference-options a.preference-unsubscribe,
#main .preference-options a.preference-gdpr_delete {
color: #e91f4f;
}
#main .preference-options a.preference-unsubscribe:hover,
#main .preference-options a.preference-gdpr_delete:hover {
color: #c2133d;
background-color: rgba(194, 19, 61, 0.05);
}
#main label.gh-checkbox-label {
display: flex;
gap: 5px;
align-items: start;
}
#main label.gh-checkbox-label input {
margin-top: 6px;
}
#main p .gh-checkbox-label + br {
display: none;
}
#main span.optional {
font-weight: normal;
}
#main select,
#main textarea,
#main input[type=email],
#main input[type=tel],
#main input[type=search],
#main input[type=date],
#main input[type=datetime-local],
#main input[type=text] {
background: #fbfbfb;
border-radius: 4px;
font-size: 15px;
width: 100%;
padding: 4px 8px;
margin: 2px 6px 16px 0;
border: 1px solid #7e8993;
box-shadow: 0 0 0 transparent;
color: #32373c;
outline: 0;
transition: 50ms border-color ease-in-out;
}
#main p.form-field-description {
margin: 0;
font-style: italic;
}
#main div.radio-buttons,
#main div.checkboxes {
display: flex;
flex-direction: column;
margin: 2px 6px 16px 0;
}
#main #gh-submit,
#main button[type=submit],
#main .button {
display: inline-block;
text-decoration: none;
white-space: nowrap;
border: none;
color: #FFFFFF;
border-radius: 5px;
padding: 6px 10px;
font-size: 16px;
font-weight: 400;
background: #0075ff;
cursor: pointer;
}
#main #gh-submit *,
#main button[type=submit] *,
#main .button * {
font-size: 16px;
}
#main #gh-submit:hover,
#main button[type=submit]:hover,
#main .button:hover {
background: #005ecc;
}
#main #gh-submit.secondary,
#main button[type=submit].secondary,
#main .button.secondary {
background-color: rgba(0, 117, 255, 0.02);
color: #102640;
}
#main #gh-submit.danger,
#main button[type=submit].danger,
#main .button.danger {
background: #e91f4f;
}
#main #gh-submit.danger:hover,
#main button[type=submit].danger:hover,
#main .button.danger:hover {
background: #c2133d;
}
#main .contact-name {
border-bottom: 1px dotted;
}
.erase #main ul {
padding-left: 20px;
list-style-type: disc;
}
form.list-search {
display: flex;
gap: 5px;
align-items: stretch;
float: right;
margin-bottom: 10px;
}
form.list-search input#search-input {
margin: 0 !important;
font-size: 14px;
}
form.list-search button#search-submit {
font-size: 14px;
}