/* WordPress content and fallback-template layout. */
.comments-area a,
.page-content a,
.entry-content a { text-decoration: underline; }

.alignright { float: right; margin: .35rem 0 1rem 1.25rem; }
.alignleft { float: left; margin: .35rem 1.25rem 1rem 0; }
.aligncenter { display: block; clear: both; margin-inline: auto; }
.alignwide { margin-inline: -80px; }
.alignfull { width: 100vw; max-width: 100vw; margin-inline: calc(50% - 50vw); }
.alignfull img { width: 100vw; }

.wp-caption { max-width: 100%; margin-block-end: 1.5rem; }
.wp-caption img { display: block; margin-inline: auto; }
.wp-caption-text { margin: 0; }
.gallery-caption { display: block; padding: .65rem 0; color: var(--na-text-muted); font-size: var(--na-font-size-caption, .875rem); line-height: 1.7; }

.sticky { position: relative; display: block; }
.hide { display: none !important; }
.show { display: initial; }

.page-header {
  margin-block: 2rem 1.5rem;
}

.page-header .entry-title {
  margin-block: 0;
  padding-block-end: .8rem;
  border-block-end: 1px solid var(--na-rule);
  color: var(--na-theme-deep);
  font-size: clamp(1.75rem, 3vw, 2.25rem);
}

.entry-content,
.page-content {
  color: var(--na-text);
  line-height: 1.95;
}

.entry-content > :first-child,
.page-content > :first-child { margin-block-start: 0; }

.entry-content > :last-child,
.page-content > :last-child { margin-block-end: 0; }

body:not([class*="elementor-page-"]) .site-main > article.post,
body:not([class*="elementor-page-"]) .site-main > article.page {
  margin-block: 2rem;
  padding: clamp(1.25rem, 3vw, 2.25rem);
  border: 1px solid var(--na-border);
  background: var(--na-surface);
  box-shadow: var(--na-shadow);
}

.post .entry-title { margin-block-start: 0; }
.post .entry-title a { color: var(--na-theme-deep); text-decoration: none; }
.post .entry-title a:hover { color: var(--na-gold-dark); }
.post .wp-post-image { width: 100%; max-height: 500px; object-fit: cover; }

.pagination,
.navigation.pagination {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: .4rem;
  margin: 2rem auto;
}

.pagination .page-numbers,
.navigation.pagination .page-numbers,
.navigation.pagination .nav-links > a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 40px;
  min-height: 40px;
  padding: .35rem .7rem;
  border: 1px solid var(--na-border);
  border-radius: var(--na-radius);
  background: var(--na-surface);
  color: var(--na-theme-dark);
  text-decoration: none;
}

.pagination .page-numbers:hover,
.navigation.pagination .page-numbers:hover,
.navigation.pagination .nav-links > a:hover {
  border-color: var(--na-gold);
  background: var(--na-gold-soft);
}

.pagination .page-numbers.current,
.navigation.pagination .page-numbers.current {
  border-color: var(--na-theme);
  background: var(--na-theme);
  color: var(--na-white);
}

.post-password-form {
  max-width: 540px;
  margin: 3rem auto;
  padding: 1.5rem;
  border: 1px solid var(--na-border);
  background: var(--na-surface);
}

.post-password-form p { display: flex; align-items: flex-end; width: 100%; }
.post-password-form input[type="submit"] { margin-inline-start: .35rem; }

.screen-reader-text {
  position: absolute !important;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip: rect(1px, 1px, 1px, 1px);
  word-wrap: normal !important;
}

.screen-reader-text:focus {
  z-index: 100000;
  top: 5px;
  left: 5px;
  display: block;
  width: auto;
  height: auto;
  padding: 12px 24px;
  clip: auto !important;
  clip-path: none;
  border: 1px solid var(--na-gold);
  background: var(--na-gold-soft);
  color: var(--na-theme-deep);
  font-size: 1rem;
  line-height: normal;
  text-decoration: none;
}

#comments {
  margin-block-start: 2.5rem;
  padding: clamp(1.1rem, 3vw, 2rem);
  border-block-start: 2px solid var(--na-gold);
  background: var(--na-surface);
}

#comments .comments-title,
#comments .comment-reply-title { color: var(--na-theme-deep); }
#comments .comment-list { margin: 0; padding: 0; list-style: none; font-size: .92em; }
#comments .comment,
#comments .pingback { position: relative; }
#comments .comment-body { display: flex; flex-direction: column; padding: 1.5rem 0 1.5rem 60px; border-block-end: 1px solid var(--na-border); }
#comments .avatar { position: absolute; left: 0; margin-inline-end: 10px; border: 1px solid var(--na-border); border-radius: 50%; }
#comments .comment-meta { display: flex; flex-wrap: wrap; justify-content: space-between; gap: .4rem; margin-block-end: .75rem; color: var(--na-text-muted); }
#comments .comment-metadata,
#comments .reply { font-size: var(--na-font-size-caption, .875rem); line-height: 1.5; }
#comments .children { position: relative; margin: 0; padding-inline-start: 30px; list-style: none; }

.page-header .entry-title,
.site-footer .footer-inner,
.site-header .header-inner,
body:not([class*="elementor-page-"]) .site-main {
  width: 100%;
  margin-inline: auto;
}

@media (max-width: 575px) {
  .page-header .entry-title,
  .site-footer .footer-inner,
  .site-header .header-inner,
  body:not([class*="elementor-page-"]) .site-main { padding-inline: 14px; }
}

@media (min-width: 576px) {
  .page-header .entry-title,
  .site-footer .footer-inner,
  .site-header .header-inner,
  body:not([class*="elementor-page-"]) .site-main { max-width: 540px; }
}

@media (min-width: 768px) {
  .page-header .entry-title,
  .site-footer .footer-inner,
  .site-header .header-inner,
  body:not([class*="elementor-page-"]) .site-main { max-width: 700px; }
}

@media (min-width: 992px) {
  .page-header .entry-title,
  .site-footer .footer-inner,
  .site-header .header-inner,
  body:not([class*="elementor-page-"]) .site-main { max-width: 920px; }
}

@media (min-width: 1200px) {
  .page-header .entry-title,
  .site-footer .footer-inner,
  .site-header .header-inner,
  body:not([class*="elementor-page-"]) .site-main { max-width: var(--na-max, 1140px); }
}

.site-footer.footer-full-width .footer-inner,
.site-header.header-full-width .header-inner { max-width: 100%; }
.site-header + .elementor { min-height: calc(100vh - 320px); }

html[dir="rtl"] .alignright { float: left; margin-right: 1.25rem; margin-left: 0; }
html[dir="rtl"] .alignleft { float: right; margin-right: 0; margin-left: 1.25rem; }
html[dir="rtl"] .screen-reader-text:focus { right: 5px; left: auto; }
body.rtl #comments .avatar,
html[dir="rtl"] #comments .avatar { right: 0; left: auto; }
html[dir="rtl"] #comments .comment-body { padding-right: 60px; padding-left: 0; }

@media (max-width: 991px) {
  .alignwide { margin-inline: 0; }
  .post .wp-post-image { max-height: 400px; }
}

@media (max-width: 575px) {
  .post .wp-post-image { max-height: 300px; }
  body:not([class*="elementor-page-"]) .site-main > article.post,
  body:not([class*="elementor-page-"]) .site-main > article.page { margin-block: 1rem; }
}

@media (max-width: 767px) {
  #comments .comment-body,
  html[dir="rtl"] #comments .comment-body { padding: 1.25rem 0; }
  #comments .children { padding-inline-start: 18px; }
  #comments .avatar { position: inherit; float: left; }
  body.rtl #comments .avatar,
  html[dir="rtl"] #comments .avatar { float: right; }
}