/* iwttheme: WordPress-specific styles (admin bar, forms, pagination and blog post content). */

/* admin bar (logged-in users) */
.admin-bar .nav{top:calc(46px + 14px)}
@media (min-width:783px){.admin-bar .nav{top:calc(32px + 14px)}}
@media (max-width:600px){#wpadminbar{position:fixed}}

/* spam honeypot */
.iwt-hp{position:absolute!important;left:-10000px!important;width:1px;height:1px;overflow:hidden}
.iwt-ferr{margin-top:12px;font-size:14px;line-height:1.5;color:var(--red)}
.iwt-ferr a{color:inherit;text-decoration:underline}

/* pagination */
.pagination{margin-top:clamp(36px,4vw,56px)}
.pagination .nav-links{display:flex;flex-wrap:wrap;gap:8px;justify-content:center}
.pagination .page-numbers{min-width:46px;height:46px;padding:0 16px;display:inline-grid;place-items:center;border-radius:100px;background:#fff;border:1px solid var(--line);font-weight:700;font-size:15px;transition:background .3s,color .3s}
.pagination a.page-numbers:hover{background:var(--sky)}
.pagination .page-numbers.current{background:var(--grad);color:#fff;border-color:transparent}
.pagination .dots{background:none;border:0}
.screen-reader-text{border:0;clip:rect(1px,1px,1px,1px);clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute!important;width:1px;word-wrap:normal!important}

/* search form */
.iwt-search{margin-top:22px}
.search-form{display:flex;gap:10px;max-width:520px}
.search-form label{flex:1}
.search-form .search-field{width:100%;height:52px;padding:0 20px;border-radius:100px;border:1px solid var(--line);background:#fff;font:inherit}
.search-form .search-submit{height:52px;padding:0 24px;border:0;border-radius:100px;background:var(--grad);color:#fff;font:inherit;font-weight:700;cursor:pointer}

/* blog post / page content written in WordPress */
:where(.po-body)>:where(*+*){margin-top:16px}
.po-body h2{margin:40px 0 12px}
.po-body h3{font-family:var(--display);font-weight:800;font-size:clamp(20px,1.9vw,26px);letter-spacing:-.02em;margin:32px 0 10px}
.po-body h4,.po-body h5,.po-body h6{font-family:var(--display);font-weight:700;font-size:19px;margin:26px 0 8px}
.po-body ol{padding-left:22px;display:grid;gap:10px;margin-top:12px}
.po-body ol li{padding-left:4px}
.po-body ol li::before{display:none}
.po-body li>ul,.po-body li>ol{margin-top:8px}
.po-body strong{color:var(--ink)}
.po-body img{height:auto;border-radius:18px}
.po-body p>img,.po-body figure img{margin-inline:auto}
.po-body figure{margin:28px 0}
.po-body figcaption,.po-body .wp-caption-text{font-size:14px;color:var(--muted);margin-top:8px;text-align:center}
.po-body blockquote{margin:28px 0;padding:18px 24px;border-left:3px solid var(--blue);background:var(--sky);border-radius:0 16px 16px 0;font-size:18px}
.po-body blockquote p{margin:0}
.po-body table{width:100%;border-collapse:collapse;font-size:16px;margin:24px 0}
.po-body th,.po-body td{border:1px solid var(--line);padding:10px 12px;text-align:left;vertical-align:top}
.po-body th{background:var(--bg)}
.po-body pre{background:#0B1B2B;color:#e6f3fa;padding:18px;border-radius:14px;overflow:auto;font-size:14px}
.po-body code{font-size:.92em;background:var(--bg);padding:2px 6px;border-radius:6px}
.po-body pre code{background:none;padding:0}
.po-body hr{border:0;height:1px;background:var(--line);margin:36px 0}
.po-body iframe,.po-body video,.po-body embed{max-width:100%}
.po-body .alignleft{float:left;margin:6px 24px 12px 0;max-width:50%}
.po-body .alignright{float:right;margin:6px 0 12px 24px;max-width:50%}
.po-body .aligncenter{margin-left:auto;margin-right:auto}
.po-body::after{content:"";display:table;clear:both}
.po-body .wp-block-button__link{display:inline-flex;padding:14px 26px;border-radius:100px;background:var(--grad);color:#fff;text-decoration:none}
.po-body .po-cta{clear:both}
@media (max-width:600px){.po-body .alignleft,.po-body .alignright{float:none;margin:20px 0;max-width:100%}}
.po-body .po-cta .btn--grad{color:#fff}
body.page .po-hero+.po{padding-top:clamp(24px,3vw,40px)}

/* form submit: loading state */
button[type=submit].is-loading,button[type=submit][disabled]{cursor:default}
button[type=submit].is-loading{position:relative;color:transparent!important}
button[type=submit].is-loading>:not(.iwt-busy){visibility:hidden}
.iwt-busy{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;white-space:nowrap;font-weight:inherit}
.iwt-spin{display:inline-block;width:16px;height:16px;margin-right:10px;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;vertical-align:-3px;animation:iwt-spin .7s linear infinite;flex:none}
@keyframes iwt-spin{to{transform:rotate(360deg)}}
@media (prefers-reduced-motion:reduce){.iwt-spin{animation-duration:2s}}