.dharma-astro-tool {
--dharma-ink: #1a1a2e;
--dharma-ink-soft: #2d2d4a;
--dharma-paper: #faf8f3;
--dharma-paper-warm: #f4f0e6;
--dharma-gold: #b8924a;
--dharma-gold-soft: #d4b876;
--dharma-line: rgba(26, 26, 46, 0.12);
--dharma-muted: #6b6b7d;
max-width: 720px;
margin: 2rem auto;
padding: 2.5rem 2rem;
background: var(--dharma-paper);
border: 1px solid var(--dharma-line);
border-radius: 2px;
font-family: inherit;
color: var(--dharma-ink);
line-height: 1.6;
position: relative;
}
.dharma-astro-tool::before {
content: "";
position: absolute;
top: 0;
left: 0;
right: 0;
height: 3px;
background: linear-gradient(90deg, var(--dharma-gold), var(--dharma-gold-soft), var(--dharma-gold));
}
.dharma-astro-header {
text-align: center;
margin-bottom: 2.5rem;
padding-bottom: 1.5rem;
border-bottom: 1px solid var(--dharma-line);
}
.dharma-astro-eyebrow {
font-size: 0.75rem;
letter-spacing: 0.2em;
text-transform: uppercase;
color: var(--dharma-gold);
margin: 0 0 0.5rem;
font-weight: 500;
}
.dharma-astro-title {
font-family: Georgia, 'Playfair Display', serif;
font-size: 2.25rem;
font-weight: 400;
margin: 0 0 1rem;
color: var(--dharma-ink);
letter-spacing: -0.01em;
}
.dharma-astro-lede {
color: var(--dharma-muted);
font-size: 0.975rem;
max-width: 540px;
margin: 0 auto;
} .dharma-astro-form {
display: flex;
flex-direction: column;
gap: 1.25rem;
}
.dharma-astro-row {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 1rem;
}
.dharma-astro-row label.dharma-astro-full {
grid-column: 1 / -1;
}
.dharma-astro-form label {
display: flex;
flex-direction: column;
gap: 0.5rem;
font-size: 0.85rem;
position: relative;
}
.dharma-astro-form label > span {
color: var(--dharma-ink-soft);
letter-spacing: 0.05em;
text-transform: uppercase;
font-size: 0.7rem;
font-weight: 600;
}
.dharma-astro-form input[type="date"],
.dharma-astro-form input[type="time"],
.dharma-astro-form input[type="text"] {
width: 100%;
padding: 0.75rem 0.9rem;
border: 1px solid var(--dharma-line);
background: #fff;
font-size: 1rem;
font-family: inherit;
color: var(--dharma-ink);
border-radius: 2px;
transition: border-color 0.2s, box-shadow 0.2s;
box-sizing: border-box;
}
.dharma-astro-form input:focus {
outline: none;
border-color: var(--dharma-gold);
box-shadow: 0 0 0 3px rgba(184, 146, 74, 0.12);
} .dharma-astro-time-group {
display: grid;
grid-template-columns: 1fr auto 1fr;
gap: 0.5rem;
align-items: center;
} .dharma-astro-date-group {
display: grid;
grid-template-columns: 1fr auto 1fr auto 1.4fr;
gap: 0.4rem;
align-items: center;
}
.dharma-astro-time-group input[type="number"],
.dharma-astro-date-group input[type="number"] {
text-align: center;
font-variant-numeric: tabular-nums;
font-size: 1.1rem;
padding: 0.7rem 0.4rem;
-moz-appearance: textfield;
}
.dharma-astro-time-group input[type="number"]::-webkit-outer-spin-button,
.dharma-astro-time-group input[type="number"]::-webkit-inner-spin-button,
.dharma-astro-date-group input[type="number"]::-webkit-outer-spin-button,
.dharma-astro-date-group input[type="number"]::-webkit-inner-spin-button {
-webkit-appearance: none;
margin: 0;
}
.dharma-astro-time-separator,
.dharma-astro-date-separator {
font-size: 1.3rem;
font-weight: 300;
color: var(--dharma-muted);
line-height: 1;
padding-bottom: 2px;
} .dharma-astro-suggestions {
position: absolute;
top: 100%;
left: 0;
right: 0;
background: #fff;
border: 1px solid var(--dharma-line);
border-top: none;
border-radius: 0 0 2px 2px;
max-height: 240px;
overflow-y: auto;
z-index: 10;
box-shadow: 0 4px 16px rgba(26, 26, 46, 0.08);
}
.dharma-astro-suggestion {
padding: 0.7rem 0.9rem;
cursor: pointer;
font-size: 0.9rem;
border-bottom: 1px solid var(--dharma-line);
transition: background 0.15s;
}
.dharma-astro-suggestion:last-child {
border-bottom: none;
}
.dharma-astro-suggestion:hover {
background: var(--dharma-paper-warm);
}
.dharma-astro-suggestion .country {
color: var(--dharma-muted);
font-size: 0.8rem;
margin-left: 0.4rem;
} .dharma-astro-submit {
margin-top: 0.5rem;
padding: 0.95rem 2rem;
background: var(--dharma-ink);
color: var(--dharma-paper);
border: none;
font-size: 0.85rem;
font-family: inherit;
letter-spacing: 0.15em;
text-transform: uppercase;
font-weight: 500;
cursor: pointer;
border-radius: 2px;
transition: background 0.2s, transform 0.1s;
display: flex;
align-items: center;
justify-content: center;
gap: 0.75rem;
}
.dharma-astro-submit:hover:not(:disabled) {
background: var(--dharma-gold);
}
.dharma-astro-submit:active {
transform: translateY(1px);
}
.dharma-astro-submit:disabled {
opacity: 0.6;
cursor: not-allowed;
}
.dharma-astro-spinner {
width: 14px;
height: 14px;
border: 2px solid rgba(250, 248, 243, 0.3);
border-top-color: var(--dharma-paper);
border-radius: 50%;
animation: dharma-spin 0.7s linear infinite;
}
@keyframes dharma-spin {
to { transform: rotate(360deg); }
} .dharma-astro-results {
margin-top: 2.5rem;
padding-top: 2rem;
border-top: 1px solid var(--dharma-line);
animation: dharma-fade-in 0.4s ease-out;
}
@keyframes dharma-fade-in {
from { opacity: 0; transform: translateY(8px); }
to   { opacity: 1; transform: translateY(0); }
}
.dharma-astro-results h3 {
font-family: Georgia, serif;
font-size: 1.4rem;
font-weight: 400;
margin: 0 0 1.25rem;
color: var(--dharma-ink);
}
.dharma-astro-results h4 {
font-family: Georgia, serif;
font-size: 1.05rem;
font-weight: 500;
margin: 1.5rem 0 0.75rem;
color: var(--dharma-ink-soft);
} .dharma-juno-card {
background: linear-gradient(180deg, #fff, var(--dharma-paper-warm));
padding: 2rem;
border: 1px solid var(--dharma-line);
border-radius: 2px;
text-align: center;
}
.dharma-juno-card .symbol {
font-size: 3rem;
color: var(--dharma-gold);
margin-bottom: 0.5rem;
line-height: 1;
}
.dharma-juno-card .sign-name {
font-family: Georgia, serif;
font-size: 2rem;
color: var(--dharma-ink);
margin: 0.25rem 0;
}
.dharma-juno-card .degree {
color: var(--dharma-muted);
font-size: 0.95rem;
margin: 0.5rem 0 1.25rem;
letter-spacing: 0.05em;
}
.dharma-juno-card .house {
display: inline-block;
padding: 0.4rem 1rem;
background: var(--dharma-ink);
color: var(--dharma-paper);
font-size: 0.8rem;
letter-spacing: 0.1em;
text-transform: uppercase;
border-radius: 2px;
}
.dharma-juno-interpretation {
margin-top: 1.5rem;
padding: 1.25rem;
background: #fff;
border-left: 3px solid var(--dharma-gold);
font-size: 0.95rem;
color: var(--dharma-ink-soft);
line-height: 1.7;
} .dharma-royal-table {
width: 100%;
border-collapse: collapse;
margin-top: 1rem;
font-size: 0.9rem;
}
.dharma-royal-table th {
text-align: left;
padding: 0.6rem 0.75rem;
background: var(--dharma-paper-warm);
font-weight: 500;
color: var(--dharma-ink-soft);
text-transform: uppercase;
letter-spacing: 0.08em;
font-size: 0.7rem;
border-bottom: 1px solid var(--dharma-line);
}
.dharma-royal-table td {
padding: 0.75rem;
border-bottom: 1px solid var(--dharma-line);
vertical-align: middle;
}
.dharma-royal-table tbody tr:hover {
background: rgba(184, 146, 74, 0.04);
}
.dharma-royal-table .planet-name {
font-weight: 500;
}
.dharma-royal-table .star-name {
font-style: italic;
color: var(--dharma-ink-soft);
}
.dharma-royal-table .orb {
color: var(--dharma-gold);
font-variant-numeric: tabular-nums;
font-weight: 500;
}
.dharma-royal-empty {
text-align: center;
padding: 2rem 1rem;
color: var(--dharma-muted);
font-style: italic;
background: var(--dharma-paper-warm);
border-radius: 2px;
}
.dharma-royal-summary {
background: #fff;
padding: 1.25rem;
border-left: 3px solid var(--dharma-gold);
margin-bottom: 1.5rem;
font-size: 0.95rem;
color: var(--dharma-ink-soft);
}
.dharma-royal-summary strong {
color: var(--dharma-ink);
} .dharma-astro-cta {
margin-top: 2.5rem;
padding: 2rem 1.75rem;
background: linear-gradient(135deg, var(--dharma-ink) 0%, var(--dharma-ink-soft) 100%);
color: var(--dharma-paper);
text-align: center;
border-radius: 2px;
position: relative;
overflow: hidden;
}
.dharma-astro-cta::before {
content: "";
position: absolute;
top: 0;
left: 0;
right: 0;
height: 2px;
background: linear-gradient(90deg, transparent, var(--dharma-gold), transparent);
}
.dharma-astro-cta-title {
font-family: Georgia, serif;
font-size: 1.15rem;
font-weight: 400;
color: var(--dharma-gold-soft);
margin: 0 0 0.75rem;
line-height: 1.4;
}
.dharma-astro-cta-text {
font-size: 0.92rem;
line-height: 1.7;
color: rgba(250, 248, 243, 0.85);
margin: 0 0 1.5rem;
max-width: 480px;
margin-left: auto;
margin-right: auto;
}
.dharma-astro-cta-button {
display: inline-block;
padding: 0.85rem 2rem;
background: var(--dharma-gold);
color: var(--dharma-ink) !important;
text-decoration: none !important;
font-size: 0.8rem;
font-weight: 600;
letter-spacing: 0.15em;
text-transform: uppercase;
border-radius: 2px;
transition: background 0.2s, transform 0.1s;
border: none;
}
.dharma-astro-cta-button:hover {
background: var(--dharma-gold-soft);
color: var(--dharma-ink) !important;
transform: translateY(-1px);
text-decoration: none !important;
}
.dharma-astro-cta-button:active {
transform: translateY(0);
} .dharma-astro-error {
margin-top: 1.5rem;
padding: 1rem;
background: #fdf2f0;
border-left: 3px solid #c53030;
color: #742a2a;
font-size: 0.9rem;
border-radius: 2px;
} @media (max-width: 600px) {
.dharma-astro-tool {
padding: 1.75rem 1.25rem;
margin: 1rem auto;
}
.dharma-astro-title {
font-size: 1.75rem;
}
.dharma-astro-row {
grid-template-columns: 1fr;
}
.dharma-royal-table {
font-size: 0.8rem;
}
.dharma-royal-table th,
.dharma-royal-table td {
padding: 0.5rem 0.4rem;
}
}.blocker{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%;overflow:auto;z-index:1;padding:20px;box-sizing:border-box;background-color:#000;background-color:rgba(0,0,0,0.75);text-align:center}.blocker:before{content:"";display:inline-block;height:100%;vertical-align:middle;margin-right:-0.05em}.blocker.behind{background-color:transparent}#secondline-psb-subs-modal.modal{display:none;vertical-align:middle;overflow:visible;position:relative;z-index:2;max-width:500px;box-sizing:border-box;width:90%;background:#fff;padding:15px 30px;-webkit-border-radius:8px;-moz-border-radius:8px;-o-border-radius:8px;-ms-border-radius:8px;border-radius:8px;-webkit-box-shadow:0 0 10px #000;-moz-box-shadow:0 0 10px #000;-o-box-shadow:0 0 10px #000;-ms-box-shadow:0 0 10px #000;box-shadow:0 0 10px #000;text-align:left}#secondline-psb-subs-modal.modal a.close-modal{position:absolute;top:-12.5px;right:-12.5px;display:block;width:30px;height:30px;text-indent:-9999px;background-size:contain;background-repeat:no-repeat;background-position:center center;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAA8CAYAAAA6/NlyAAAAAXNSR0IArs4c6QAAA3hJREFUaAXlm8+K00Acx7MiCIJH/yw+gA9g25O49SL4AO3Bp1jw5NvktC+wF88qevK4BU97EmzxUBCEolK/n5gp3W6TTJPfpNPNF37MNsl85/vN/DaTmU6PknC4K+pniqeKJ3k8UnkvDxXJzzy+q/yaxxeVHxW/FNHjgRSeKt4rFoplzaAuHHDBGR2eS9G54reirsmienDCTRt7xwsp+KAoEmt9nLaGitZxrBbPFNaGfPloGw2t4JVamSt8xYW6Dg1oCYo3Yv+rCGViV160oMkcd8SYKnYV1Nb1aEOjCe6L5ZOiLfF120EjWhuBu3YIZt1NQmujnk5F4MgOpURzLfAwOBSTmzp3fpDxuI/pabxpqOoz2r2HLAb0GMbZKlNV5/Hg9XJypguryA7lPF5KMdTZQzHjqxNPhWhzIuAruOl1eNqKEx1tSh5rfbxdw7mOxCq4qS68ZTjKS1YVvilu559vWvFHhh4rZrdyZ69Vmpgdj8fJbDZLJpNJ0uv1cnr/gjrUhQMuI+ANjyuwftQ0bbL6Erp0mM/ny8Fg4M3LtdRxgMtKl3jwmIHVxYXChFy94/Rmpa/pTbNUhstKV+4Rr8lLQ9KlUvJKLyG8yvQ2s9SBy1Jb7jV5a0yapfF6apaZLjLLcWtd4sNrmJUMHyM+1xibTjH82Zh01TNlhsrOhdKTe00uAzZQmN6+KW+sDa/JD2PSVQ873m29yf+1Q9VDzfEYlHi1G5LKBBWZbtEsHbFwb1oYDwr1ZiF/2bnCSg1OBE/pfr9/bWx26UxJL3ONPISOLKUvQza0LZUxSKyjpdTGa/vDEr25rddbMM0Q3O6Lx3rqFvU+x6UrRKQY7tyrZecmD9FODy8uLizTmilwNj0kraNcAJhOp5aGVwsAGD5VmJBrWWbJSgWT9zrzWepQF47RaGSiKfeGx6Szi3gzmX/HHbihwBser4B9UJYpFBNX4R6vTn3VQnez0SymnrHQMsRYGTr1dSk34ljRqS/EMd2pLQ8YBp3a1PLfcqCpo8gtHkZFHKkTX6fs3MY0blKnth66rKCnU0VRGu37ONrQaA4eZDFtWAu2fXj9zjFkxTBOo8F7t926gTp/83Kyzzcy2kZD6xiqxTYnHLRFm3vHiRSwNSjkz3hoIzo8lCKWUlg/YtGs7tObunDAZfpDLbfEI15zsEIY3U/x/gHHc/G1zltnAgAAAABJRU5ErkJggg==)}.modal-spinner{display:none;position:fixed;top:50%;left:50%;transform:translateY(-50%) translateX(-50%);padding:12px 16px;border-radius:5px;background-color:#111;height:20px}.modal-spinner>div{border-radius:100px;background-color:#fff;height:20px;width:2px;margin:0 1px;display:inline-block;-webkit-animation:sk-stretchdelay 1.2s infinite ease-in-out;animation:sk-stretchdelay 1.2s infinite ease-in-out}.modal-spinner .rect2{-webkit-animation-delay:-1.1s;animation-delay:-1.1s}.modal-spinner .rect3{-webkit-animation-delay:-1.0s;animation-delay:-1.0s}.modal-spinner .rect4{-webkit-animation-delay:-0.9s;animation-delay:-0.9s}@-webkit-keyframes sk-stretchdelay{0%,40%,100%{-webkit-transform:scaleY(0.5)}20%{-webkit-transform:scaleY(1.0)}}@keyframes sk-stretchdelay{0%,40%,100%{transform:scaleY(0.5);-webkit-transform:scaleY(0.5)}20%{transform:scaleY(1.0);-webkit-transform:scaleY(1.0)}}
body #secondline-psb-subs-modal.modal a.close-modal {
background-color: #000;
border-radius: 50%;
color: #000;
text-indent: 0;
}
body #secondline-psb-subs-modal.modal a.close-modal:hover {
opacity: .8;
}
body #secondline-psb-subs-modal {
max-width: 400px;
}
.secondline-psb-subscribe-modal ul {
list-style: none;
padding: 0;
}
.secondline-psb-subscribe-modal ul li {
padding: 0;    
margin: 0 0 0 0;
}
.secondline-psb-subscribe-modal ul li:not(:last-child) {
border-bottom: 1px solid #f7f7f7;
margin-bottom: 20px;
padding-bottom: 20px;
}
.secondline-psb-subscribe-modal ul li:last-child {
padding-bottom: 10px;
}
img.secondline-psb-subscribe-img {
margin-right: 20px;
height: 32px!important;
width: 32px;	
}
.secondline-psb-subscribe-modal img.secondline-psb-subscribe-img, .button img.secondline-psb-subscribe-img {
display: inline-block;
vertical-align: middle;
}
body .blocker {
z-index: 99999 !important;    
} .secondline-psb-subscribe-inline a.button.podcast-subscribe-button {
margin-right: 10px;
margin-bottom: 10px;
}
.secondline-psb-alignment-left {
text-align: left;
}
.secondline-psb-alignment-center {
text-align: center;
}
.secondline-psb-alignment-right {
text-align: right;
}
.secondline-psb-alignment-none {
text-align: none;
}
.wp-block.wp-block-secondline-themes-podcast-subscribe-button * {
pointer-events: none;
}
body [id^=podcast-subscribe-button].secondline-psb-square-style a.button.podcast-subscribe-button {
border-radius: 0 !important;
}
body [id^=podcast-subscribe-button].secondline-psb-radius-style a.button.podcast-subscribe-button {
border-radius: 4px !important;
}
body [id^=podcast-subscribe-button].secondline-psb-round-style a.button.podcast-subscribe-button {
border-radius: 50px !important;
}
body [id^=podcast-subscribe-button] .secondline-psb-subscribe-list ul {
list-style: none;
margin: 0;
padding: 0;
}
body [id^=podcast-subscribe-button] li {
list-style: none !important;        
}
body [id^=podcast-subscribe-button] li:before, body [id^=podcast-subscribe-button] li:after {
display: none !important;
}
body [id^=podcast-subscribe-button] .secondline-psb-subscribe-list li {
margin-bottom: 20px;
}
body [id^=podcast-subscribe-button] .secondline-psb-subscribe-list li a.button.podcast-subscribe-button {
min-width: 150px;
}
body [id^=podcast-subscribe-button] a.button.podcast-subscribe-button {
line-height: 1;
border: none;
text-align: center;
display: inline-block;
width: auto;
padding: 14px 20px;
font-size: 1em;
}
body [id^=podcast-subscribe-button] a.button.podcast-subscribe-button img {
box-shadow: none;
}
body [id^=podcast-subscribe-button] .secondline-psb-subscribe-icons img.secondline-psb-subscribe-img {
height: 42px;
width: 42px;
}
body [id^=podcast-subscribe-button] .secondline-psb-subscribe-icons a.button.podcast-subscribe-button {
padding: 0 !important;
border: none !important;	
background-color: transparent !important;
}
body [id^=podcast-subscribe-button] .secondline-psb-subscribe-icons span {
display: inline-block;
margin: 10px 0;
}