.sidebar { background-color: var(--color-sidebar-bg); color: var(--color-sidebar-text); font-family: GoogleSansFlex, "Google Sans", ui-sans-serif,system-ui,sans-serif; font-size: 18px; line-height: 28px; } :where(.sidebar) a:not(.button) { color: var(--color-sidebar-links); transition: opacity 0.2s ease; } :where(.sidebar) a:not(.button):hover { opacity: 0.7; } .sidebar-sticky { position: sticky; top: var(--space-single); } .admin-bar .sidebar-sticky { top: calc(32px + var(--space-single)); } .sidebar section { margin-block-end: var(--space-single); } .sidebar section:not(:last-child) { padding-block-end: var(--space-single); border-block-end: 1px solid var(--color-border); } .sidebar ul { list-style: none; margin: 0; padding: 0; } .sidebar li:not(:last-child) { padding-block-end: var(--space-half); border-block-end: 1px solid color-mix(in srgb, var(--color-border), transparent 50%); margin-block-end: var(--space-half); } :where(.sidebar) .sidebar-title { color: var(--color-sidebar-title); font-size: 27px; line-height: 39px; } @media (max-width: 992px) { .sidebar { font-size: 17px; line-height: 26px; } .sidebar-title { font-size: 27px; line-height: 39px; } } @media (max-width: 768px) { .alignright, .alignleft { clear: both; display: block; float: none; margin-inline: auto; text-align: center; } } @media (max-width: 640px) { .sidebar { font-size: 16px; line-height: 25px; } .sidebar-title { font-size: 20px; line-height: 29px; } } .sidebar .widget:not(:last-child), .footer .widget:not(:last-child) { margin-block-end: 2.9375rem; } .box-style, .box-style-list ul, .tagcloud, #wp-calendar { margin-inline-start: 0; } :where(.style-default) .box-style, :where(.style-default) .box-style-list ul, :where(.style-default) .tagcloud, :where(.style-default) #wp-calendar { background-color: var(--color-content-bg); border-radius: 2px; box-shadow: var(--shadow-md); color: var(--color-text); } :where(.style-default) .box-style-list ul { padding: 1.9375rem; } .widget_md_email .sidebar-title { color: inherit; } .content-spotlight, .widget_md_content_spotlight a.content-spotlight { background-color: var(--color-secondary); background-position: center center; background-repeat: no-repeat; border-bottom-width: 0; color: var(--color-button-text); display: block; text-align: center; } .content-spotlight small { text-transform: uppercase; } .content-spotlight .content-spotlight-title { font-weight: bold; } .rsswidget img { margin-inline-end: 4px; margin-block-start: 9px; } .rss-date, .widget_rss cite { display: block; margin-block-start: 13px; } .rss-date { margin-block-end: 1rem; } .widget_rss cite:before { content: "\2014\00a0"; } #wp-calendar { border-collapse: collapse; border-radius: 0 0 3px 3px; text-align: center; width: 100%; } #wp-calendar td { padding: 9px 1rem; } #wp-calendar thead th { padding-block-end: 9px; padding-block-start: 9px; } #wp-calendar thead th { background-color: color-mix(in srgb, var(--color-content-bg), white 6%); } #wp-calendar tbody a { font-weight: bold; } #wp-calendar thead tr, #wp-calendar tbody td { border-bottom: 1px solid var(--color-border); } #wp-calendar caption { background-color: var(--color-primary); border-radius: 2px 2px 0 0; color: var(--color-button-text); padding: 1rem; } .accordion { background-color: var(--color-content-bg); border: 1px solid var(--color-border); border-top: 4px solid var(--color-secondary); border-radius: 3px; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); } .accordion .current { font-weight: 700; } .accordion-group:not(:last-child) { border-bottom: 1px solid var(--color-border); } .accordion-group.active .accordion-content { display: block; } .accordion-title { color: var(--color-text); cursor: pointer; font-weight: 700; padding: 1rem; position: relative; } .accordion-title:after { content: '\e80e'; display: inline-block; font-family: 'md-icon'; position: absolute; top: 1rem; right: 1rem; } .accordion-group.active .accordion-title:after { content: '\e817'; } .accordion-content { display: none; padding-block-end: 1rem; padding-inline-start: 1rem; padding-inline-end: 1rem; } .accordion .list { font-size: 0.9em; margin-inline-start: 0; } :where(.sidebar) .accordion a { border-bottom: 0; color: var(--color-links); } :where(.sidebar) .accordion a:hover { border-bottom: 0; }