#mc_embed_signup { background: linear-gradient(to right, #6dd5ed, #2193b0); font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; padding: 20px; border-radius: 8px; box-shadow: 2px 5px 9px rgba(53, 67, 33, 0.1); } #mc_embed_signup h2 { color: #333; /* Dark grey color for the title */ } .mc-field-group label { color: #555; /* Slightly lighter color for labels */ } #mc_embed_signup .button { background-color: #0073aa; /* WordPress blue for the button */ color: white; border: none; border-radius: 4px; padding: 10px 20px; cursor: pointer; transition: background-color 0.3s ease; } #mc_embed_signup .button:hover { background-color: #005f8d; /* Darker shade for hover effect */ } @media (max-width: 768px) { #mc_embed_signup { width: auto; margin: 10px; } } /* Compact header: branding and navigation only */ #masthead .header-inner { position: relative; display: block; min-height: 0; padding: 16px 24px; box-sizing: border-box; } #masthead .header-inner > .site-logo { display: grid; grid-template-columns: 56px minmax(0,1fr); column-gap: 12px; align-items: center; float: none; width: auto; margin: 0 58px 0 0; min-height: 56px; } #masthead .site-logo-link { display: block; grid-row: 1 / 3; } #masthead .site-logo-link img.site-logo { display: block; float: none; width: 56px; height: 56px; max-width: 100%; margin: 0; object-fit: contain; } #masthead .site-title { margin: 0; padding: 0; font-size: 24px; line-height: 1.2; } #masthead .site-description { margin: 4px 0 0; padding: 0; font-size: 11px; line-height: 1.4; } #masthead #secondary { display: block; float: none; width: 100%; margin: 0; text-align: left; } body.home #masthead .peb-archive-search { display: none; } @media screen and (min-width: 954px) { #masthead .header-inner { display: flex; align-items: center; flex-wrap: wrap; gap: 12px 28px; padding: 16px 32px; } #masthead .header-inner > .site-logo { grid-template-columns: 64px auto; margin: 0; flex: 0 0 auto; } #masthead .site-logo-link img.site-logo { width: 64px; height: 64px; } #masthead #secondary { flex: 1 1 640px; width: auto; } #masthead #site-navigation ul.menu { display: flex; flex-wrap: nowrap; justify-content: flex-end; align-items: center; gap: 16px; margin: 0; padding: 0; } #masthead #site-navigation ul.menu > li { float: none; margin: 0; } #masthead #site-navigation ul.menu > li > a { display: block; padding: 8px 0; white-space: nowrap; font-size: 12px; line-height: 1.5; letter-spacing: 1px; } } @media screen and (max-width: 953px) { #masthead .menu-toggle { position: absolute; top: 22px; right: 24px; display: flex; align-items: center; justify-content: center; width: 44px; height: 44px; margin: 0; padding: 0; border: 1px solid #333; } #masthead .menu-toggle:before { display: block; margin: 0; padding: 0; border: 0; font-size: 25px; line-height: 1; } #masthead .main-small-navigation > div { margin: 0; padding: 0; } #masthead .main-small-navigation ul.nav-menu.toggled-on { position: static; box-sizing: border-box; width: 100%; margin: 16px 0 0; max-height: 60vh; overflow-y: auto; } #masthead #secondary > .peb-archive-search { margin-top: 14px; } } @media screen and (max-width: 400px) { #masthead .header-inner { padding: 14px 16px; } #masthead .header-inner > .site-logo { grid-template-columns: 44px minmax(0,1fr); column-gap: 10px; margin-right: 52px; } #masthead .site-logo-link img.site-logo { width: 44px; height: 44px; } #masthead .site-title { font-size: 21px; } #masthead .site-description { font-size: 9px; } #masthead .menu-toggle { right: 16px; top: 20px; } }