* {
  box-sizing: border-box;
  text-decoration: none;
}

html {
  line-height: 1.15;
}

.site-content:after, .site-content:before,
.right-sidebar:after,
.right-sidebar:before,
.related-themes:after,
.related-themes:before {
  clear: both;
  content: "";
  display: table;
}

body {
  color: #677d89;
  font-family: var(--font-family-primary, "Merriweather", serif);
  margin: 0;
}

a {
  color: #0369a1;
  text-decoration: underline;
  text-decoration-thickness: 2px; /* Adjust the value as needed */
}

h1 {
  font-family: var(--font-family-heading, "Fira Sans", sans-serif);
  font-size: 2.5rem;
}

h2 {
  font-family: var(--font-family-heading, "Fira Sans", sans-serif);
  font-size: 2rem;
}

h3 {
  font-family: var(--font-family-heading, "Fira Sans", sans-serif);
  font-size: 1.5rem;
}

h4 {
  font-family: var(--font-family-heading, "Fira Sans", sans-serif);
  font-size: 1.25rem;
}

h5 {
  font-family: var(--font-family-heading, "Fira Sans", sans-serif);
  font-size: 1.125rem;
}

h6 {
  font-family: var(--font-family-heading, "Fira Sans", sans-serif);
  font-size: 1rem;
}

pre {
  background-color: #f4f4f4; /* Light gray background */
  color: #333; /* Dark gray text */
  padding: 15px; /* Spacing inside the box */
  border-radius: 8px; /* Rounded corners */
  font-family: "Courier New", monospace; /* Monospace font */
  font-size: 14px; /* Readable font size */
  line-height: 1.5; /* Improve spacing */
  white-space: pre-wrap; /* Preserve formatting but allow wrapping */
  word-wrap: break-word; /* Ensure long lines break */
  border: 1px solid #ccc; /* Subtle border */
  overflow: auto; /* Scroll if content overflows */
}

pre {
  overflow: auto;
  word-wrap: normal;
}
pre code {
  padding: 0;
  font-size: 15px;
  background: transparent;
}

code {
  padding: 0.125rem 0.25rem;
  font-family: Source Code Pro, Monaco, Consolas, Andale Mono WT, Andale Mono, Lucida Console, Lucida Sans Typewriter, DejaVu Sans Mono, Bitstream Vera Sans Mono, Liberation Mono, Nimbus Mono L, Courier New, Courier, monospace;
  font-size: 14px;
  background: rgba(214, 224, 231, 0.25);
  border-radius: 3px;
}

.site-header {
  background: #000000;
  padding: 0.5rem;
}
.site-header .branding-navigation {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 1.125rem;
}
.site-header .branding-navigation .site-branding {
  display: flex;
  align-items: center;
}
.site-header .branding-navigation .site-branding .sep {
  font-size: 1.125rem;
  margin-left: 0.75rem;
  margin-right: 0.75rem;
}
.site-header .branding-navigation .site-branding .site-title,
.site-header .branding-navigation .site-branding .site-description {
  margin: 0;
  padding: 0;
}
.site-header .branding-navigation .site-branding .site-title {
  font-size: 1.75rem;
  margin-left: 1rem;
}
.site-header .branding-navigation .site-branding .site-title a {
  border-bottom: none;
  color: #ffffff;
  text-decoration: none;
}
.site-header .branding-navigation .site-branding .site-description {
  color: #ffffff;
  font-size: 15px;
}

.site-content {
  margin: 1.125rem auto;
  max-width: 80rem;
}

.site-footer {
  background: #000000;
  padding: 0.5rem;
  text-align: center;
}
.site-footer .site-info {
  color: #ffffff;
  line-height: 1.8rem;
}

@media screen and (max-width: 768px) {
  .menu-toggle {
    background: #ffffff;
    border: none;
    bottom: 1.125rem;
    color: #ffffff;
    cursor: pointer;
    font-family: var(--font-family-primary, "Merriweather", serif);
    left: 1.125rem;
    padding: 0.5rem 1rem;
    position: fixed;
  }
  .menu-items {
    left: -9999rem;
    position: absolute;
  }
  .toggled .menu-items {
    background: #ffffff;
    display: block;
    bottom: 3.5rem;
    left: 1.25rem;
    margin: 0;
    padding: 0;
    position: fixed;
    right: 1.125rem;
    text-align: left;
  }
  .toggled .menu-items .menu-item {
    list-style-type: none;
    margin: 0.6rem;
    padding: 0.6rem;
  }
  .toggled .menu-items .menu-item a {
    color: #ffffff;
    text-decoration: none;
  }
  .toggled .menu-items .menu-item .dropdown-toggle {
    background: transparent;
    border: none;
    margin: 0;
    padding: 0;
    position: absolute;
    right: 1.25rem;
  }
  .toggled .menu-items .menu-item .dropdown-toggle .fontawesome {
    color: #ffffff;
    font-size: 1.125rem;
    padding: 0.6rem;
  }
  .toggled .menu-items .menu-item .dropdown-toggle .fontawesome:before {
    content: "";
    cursor: pointer;
    display: inline-block;
    border: solid white;
    border-width: 0 0.25rem 0.25rem 0;
    transform: rotate(-135deg);
    padding: 0.25rem;
    margin-right: 0.2rem;
  }
  .toggled .menu-items .menu-item .sub-menu {
    left: -9999rem;
    list-style-type: none;
    margin: 0;
    padding: 0;
    position: absolute;
  }
  .toggled .menu-items .menu-item.toggled-on .dropdown-toggle {
    background: transparent;
    border: none;
    margin: 0;
    padding: 0;
    position: absolute;
    right: 1.25rem;
  }
  .toggled .menu-items .menu-item.toggled-on .dropdown-toggle .fontawesome {
    color: #ffffff;
    font-family: "Font Awesome 5 Free";
    font-size: 1.25rem;
    padding: 0.6rem;
  }
  .toggled .menu-items .menu-item.toggled-on .dropdown-toggle .fontawesome:before {
    content: "";
    display: inline-block;
    border: solid white;
    border-width: 0 0.25rem 0.25rem 0;
    transform: rotate(45deg);
    padding: 0.25rem;
    margin-right: 0.2rem;
  }
  .toggled .menu-items .menu-item.toggled-on .sub-menu {
    background: transparent;
    left: 0;
    right: 0;
    padding-left: 0;
    position: relative;
  }
}
@media screen and (min-width: 769px) {
  .primary-menu .menu-toggle {
    display: none;
  }
  .primary-menu .menu-items {
    display: flex;
    list-style-type: none;
    margin: 0;
    padding: 0;
    position: static;
    justify-content: right;
  }
  .primary-menu .menu-items .menu-item {
    left: unset;
    position: relative;
    width: -moz-max-content;
    width: max-content;
  }
  .primary-menu .menu-items .menu-item:hover {
    color: #ffffff;
    text-decoration: underline;
    text-decoration-thickness: 2px;
    text-underline-offset: 4px;
  }
  .primary-menu .menu-items .menu-item.menu-item-has-children > a:after {
    content: "";
    display: inline-block;
    border: solid white;
    border-width: 0 0.25rem 0.25rem 0;
    transform: rotate(45deg);
    padding: 0.25rem;
    margin-left: 0.6rem;
  }
  .primary-menu .menu-items .menu-item.menu-item-has-children .sub-menu .menu-item-has-children a:after {
    display: none;
  }
  .primary-menu .menu-items .menu-item.current-menu-item a {
    color: #ffffff;
    padding: 0.5rem 1rem;
    text-decoration: underline;
    text-decoration-thickness: 2px;
    text-underline-offset: 4px;
  }
  .primary-menu .menu-items .menu-item.current-menu-item .sub-menu .menu-item a {
    color: #ffffff;
    padding: 0.5rem 1rem;
    text-decoration: none;
    text-decoration-thickness: 0;
    text-underline-offset: 0;
  }
  .primary-menu .menu-items .menu-item a {
    color: #ffffff;
    padding: 0.5rem 1rem;
    text-decoration: none;
  }
  .primary-menu .menu-items .menu-item .dropdown-toggle {
    display: none;
  }
  .primary-menu .menu-items .menu-item .sub-menu {
    background: #ffffff;
    left: 0;
    list-style-type: none;
    margin: 0.7rem 0;
    opacity: 0;
    padding: 0.5rem 0;
    position: absolute;
    transform: translateY(-1em);
    visibility: hidden;
    transition: all 0.3s ease-in-out 0s, visibility 0s linear 0.3s, z-index 0s linear 0.01s;
  }
  .primary-menu .menu-items .menu-item .sub-menu .menu-item {
    margin: 0 0 0.5rem 0;
    padding: 0.5rem;
  }
  .primary-menu .menu-items .menu-item .sub-menu .menu-item a {
    color: #ffffff;
  }
  .primary-menu .menu-items .menu-item .sub-menu .menu-item:last-child {
    margin: 0;
  }
  .primary-menu .menu-items .menu-item:hover .sub-menu, .primary-menu .menu-items .menu-item:focus-within .sub-menu, .primary-menu .menu-items .menu-item.focus .sub-menu {
    left: 0;
    visibility: visible; /* shows sub-menu */
    opacity: 1;
    z-index: 1;
    transform: translateY(0%);
    transition-delay: 0s, 0s, 0.3s;
  }
}
/* Base Styles for Social Menu */
#social {
  display: flex;
  justify-content: center; /* Center-align the icons */
  align-items: center;
  padding: 0.5rem;
  /* Menu Items */
}
#social .menu-items {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  /* Individual Menu Items */
}
#social .menu-items .menu-item {
  margin-right: 0.5rem; /* Space between icons */
}
#social .menu-items .menu-item a {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 30px; /* Smaller width */
  height: 30px; /* Smaller height */
  border-radius: 5px; /* Small rounded corners */
  text-decoration: none;
  transition: background 0.3s ease-in-out;
}
#social .menu-items .menu-item a svg {
  width: 25px; /* Smaller SVG size */
  height: 25px;
  fill: #ffffff; /* White fill color for SVG */
  color: black;
}

/* Container Styling */
.pagination {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 1.125rem;
}

.pagination-title {
  margin-right: 0.5rem;
}

/* List Styling */
.pagination-items {
  list-style-type: none;
  font-size: 14px;
  padding: 0;
  margin: 0;
  display: flex;
}

/* Item Styling */
.pagination-item {
  margin-right: 0.75rem;
}

/* Common Anchor Styles */
.pagination-anchor {
  display: block;
  padding: 0.25rem 1rem;
  font-weight: bold;
  text-decoration: none;
  transition: background-color 0.3s, color 0.3s;
}

/* Current Page Styles */
.pagination-anchor--current {
  background-color: #333; /* Replace with your primary color */
  color: #fff;
  border-radius: 0.25rem;
}

/* Number Links */
.pagination-anchor--link {
  color: #333;
  background-color: #f7f7f7;
  border: 1px solid #ddd;
  border-radius: 0.25rem;
}

/* Hover and Focus States */
.pagination-anchor--link:hover,
.pagination-anchor--link:focus {
  background-color: #333;
  color: #fff;
}

/* "Next" Button Styles */
.pagination-item--next .pagination-anchor--link {
  padding-right: 1.25rem; /* Space for arrow */
}

.pagination-item--next .pagination-anchor::after {
  margin-left: 0.5rem;
}

/* Small Screens Adjustments */
@media (max-width: 640px) {
  .pagination-item {
    margin-right: 0.5rem;
  }
  .pagination-anchor {
    padding: 0.375rem 0.75rem;
    font-size: 0.875rem;
  }
}
.site-introduction .content-area article {
  margin: 0 auto;
  max-width: 800px;
}
.site-introduction .content-area article .entry-header {
  text-align: center;
}
.site-introduction .content-area article .entry-header .entry-title {
  color: #ffffff;
}
.site-introduction .content-area article .entry-content {
  color: #ffffff;
  text-align: center;
}

.site-themes .content-area article {
  margin: 0 auto;
  max-width: 80rem;
  padding: 1.125rem 0;
}
.site-themes .content-area article .entry-header {
  text-align: center;
}
.site-themes .content-area article .entry-header .entry-title {
  color: #000000;
  margin: 0;
  padding: 0;
}
.site-themes .content-area article .entry-content {
  color: #ffffff;
  margin-top: 1.125rem;
  text-align: center;
}
.site-themes .content-area article .entry-content .grid-items {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  grid-gap: 1.125rem;
  list-style-type: none;
  margin: 0;
  padding: 0;
}
.site-themes .content-area article .entry-content .grid-items .grid-item {
  border: 0.063rem dotted #000000;
  border-bottom: 0.063rem solid #000000;
  position: relative;
  padding: 1.125rem;
}
.site-themes .content-area article .entry-content .grid-items .grid-item .caption {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  background-color: rgba(0, 0, 0, 0.8);
  text-align: center;
  padding: 0.5rem;
}
.site-themes .content-area article .entry-content .grid-items .grid-item .caption .entry-title {
  margin: 0;
  padding: 0;
}
.site-themes .content-area article .entry-content .grid-items .grid-item .caption .entry-title a {
  color: #ffffff;
  text-decoration: none;
}
.site-themes .content-area article .entry-content .grid-items .grid-item .caption span {
  color: #ffffff;
}

.right-sidebar .content-area {
  float: left;
  width: 70%;
}
.right-sidebar .content-area .post {
  border: 0.063rem dotted #000000;
  border-bottom: 0.063rem solid #000000;
  margin-top: 1.125rem;
  padding: 1.125rem;
}
.right-sidebar .content-area .post:first-child {
  margin-top: 0;
}
.right-sidebar .content-area .post .entry-header .entry-title {
  margin: 0;
  padding: 0;
}
.right-sidebar .widget-area {
  float: right;
  width: 28.59375%;
}
.right-sidebar .widget-area .widget {
  border: 0.063rem dotted #000000;
  border-bottom: 0.063rem solid #000000;
  padding: 1.125rem;
  font-size: 14px;
  margin-top: 1.125rem;
}
.right-sidebar .widget-area .widget:first-child {
  margin-top: 0;
}
.right-sidebar .widget-area .widget .widget-title {
  margin: 0;
  padding: 0;
}
.right-sidebar .widget-area .widget ul {
  list-style-type: none;
  margin-top: 1.125rem;
  padding: 0;
}
.right-sidebar .widget-area .widget ul li {
  line-height: 1.8rem;
}

.related-themes {
  display: block;
  margin: 1.125rem 0;
}
.related-themes .content-area {
  margin: 0 auto;
  max-width: 1280px;
}
.related-themes .content-area .grid-items {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  grid-gap: 1.125rem;
  list-style-type: none;
  margin: 0;
  padding: 0;
}
.related-themes .content-area .grid-items .grid-item {
  border: 0.063rem dotted #000000;
  border-bottom: 0.063rem solid #000000;
  padding: 1.125rem;
  position: relative;
}
.related-themes .content-area .grid-items .grid-item .caption {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  background-color: rgba(0, 0, 0, 0.8);
  text-align: center;
  padding: 0.5rem;
}
.related-themes .content-area .grid-items .grid-item .caption .entry-title {
  margin: 0;
  padding: 0;
}
.related-themes .content-area .grid-items .grid-item .caption .entry-title a {
  color: #ffffff;
  text-decoration: none;
}
.related-themes .content-area .grid-items .grid-item .caption span {
  color: #ffffff;
}

.left-sidebar .content-area {
  float: right;
  width: 70%;
}
.left-sidebar .content-area .post {
  border: 0.063rem dotted #000000;
  border-bottom: 0.063rem solid #000000;
  margin-top: 1.125rem;
  padding: 1.125rem;
}
.left-sidebar .content-area .post:first-child {
  margin-top: 0;
}
.left-sidebar .content-area .post .entry-header .entry-title {
  margin: 0;
  padding: 0;
}
.left-sidebar .widget-area {
  float: left;
  width: 28.59375%;
}
.left-sidebar .widget-area .widget {
  border: 0.063rem dotted #000000;
  border-bottom: 0.063rem solid #000000;
  padding: 1.125rem;
  font-size: 14px;
  margin-top: 1.125rem;
}
.left-sidebar .widget-area .widget:first-child {
  margin-top: 0;
}
.left-sidebar .widget-area .widget .widget-title {
  margin: 0;
  padding: 0;
}
.left-sidebar .widget-area .widget ul {
  list-style-type: none;
  margin-top: 1.125rem;
  padding: 0;
}
.left-sidebar .widget-area .widget ul li {
  line-height: 1.8rem;
}

.related-themes {
  display: block;
  margin: 1.125rem 0;
}
.related-themes .content-area {
  margin: 0 auto;
  max-width: 1280px;
}
.related-themes .content-area .grid-items {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  grid-gap: 1.125rem;
  list-style-type: none;
  margin: 0;
  padding: 0;
}
.related-themes .content-area .grid-items .grid-item {
  border: 0.063rem dotted #000000;
  border-bottom: 0.063rem solid #000000;
  padding: 1.125rem;
  position: relative;
}
.related-themes .content-area .grid-items .grid-item .caption {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  background-color: rgba(0, 0, 0, 0.8);
  text-align: center;
  padding: 0.5rem;
}
.related-themes .content-area .grid-items .grid-item .caption .entry-title {
  margin: 0;
  padding: 0;
}
.related-themes .content-area .grid-items .grid-item .caption .entry-title a {
  color: #ffffff;
  text-decoration: none;
}
.related-themes .content-area .grid-items .grid-item .caption span {
  color: #ffffff;
}

.content-area {
  line-height: 2rem;
}
.content-area .page {
  margin-top: 3rem;
}
.content-area .page:first-child {
  margin-top: 0;
}
.content-area .page .entry-header {
  margin-left: auto;
  margin-right: auto;
  max-width: 640px;
}
.content-area .page .entry-header .entry-title {
  color: #000000;
  margin: 0;
}
.content-area .page .entry-header .entry-title a {
  color: #ffffff;
  text-decoration: none;
}
.content-area .page .entry-header .entry-title a:hover {
  text-decoration: underline;
}
.content-area .page .entry-header .entry-metadata {
  color: #959595;
  font-family: var(--font-family-date, "Tangerine", cursive);
  font-size: 1.625rem;
}
.content-area .page .entry-header .entry-metadata .fa-user {
  color: #959595;
  padding-right: 0.313em;
}
.content-area .page .entry-header .entry-metadata .fa-calendar-alt,
.content-area .page .entry-header .entry-metadata .fa-comment {
  color: #959595;
  padding: 0 0.313em 0 0.688em;
}
.content-area .page .entry-content {
  margin: 1rem auto;
  max-width: 640px;
}
.content-area .page .entry-content .entry-more-link {
  font-size: 14px;
  font-style: italic;
}
.content-area .page .entry-taxonomies {
  text-align: center;
}
.content-area .page .entry-taxonomies .cat-link,
.content-area .page .entry-taxonomies .tag-link {
  display: block;
  font-size: 14px;
  margin-bottom: 5px;
}
.content-area .page .entry-taxonomies .tag-list,
.content-area .page .entry-taxonomies .cat-list {
  font-size: 12px;
}

.archive .content-area {
  font-size: 14px;
}
.archive .content-area .grid-col-3 {
  margin-top: 0;
}
.archive .content-area .grid-col-3 .post {
  background: #ffffff;
  box-shadow: 0 0.375rem 0.375rem hsla(0, 0%, 0%, 0.3);
  padding: 1.125rem;
}
.archive .content-area .grid-col-3 .post:first-child {
  margin-top: 0;
}
.archive .content-area .grid-col-3 .post .post-thumbnail {
  margin-top: 0;
}
.archive .content-area .grid-col-3 .post .entry-header .entry-title {
  line-height: 2.6rem;
  margin: 0;
  padding: 0;
}
.archive .content-area .grid-col-3 .post .entry-header .entry-title a {
  color: #000000;
  text-decoration: none;
}
.archive .content-area .grid-col-3 .post .entry-header .entry-metadata {
  font-family: var(--font-family-date, "Tangerine", cursive);
  font-size: 1.8rem;
}

.content-area .archive-header {
  border: 0.063rem dotted #000000;
  padding: 1.125rem;
}
.content-area .archive-header .archive-title {
  margin: 0;
  padding: 0;
}
.content-area .grid-items {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  grid-gap: 1.125rem;
  list-style-type: none;
  margin: 0;
  padding: 0;
}
.content-area .grid-items .grid-item {
  position: relative;
}
.content-area .grid-items .grid-item article.collection.themes {
  border: 0.063rem dotted #000000;
  border-bottom: 0.063rem solid #000000;
  overflow: hidden;
  padding: 1.125rem;
}
.content-area .grid-items .grid-item article.collection.themes .caption {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  background-color: rgba(0, 0, 0, 0.8);
  text-align: center;
  padding: 0.5rem;
}
.content-area .grid-items .grid-item article.collection.themes .caption .entry-title {
  margin: 0;
  padding: 0;
}
.content-area .grid-items .grid-item article.collection.themes .caption .entry-title a {
  color: white;
  text-decoration: none;
}
.content-area .grid-items .grid-item article.collection.themes .caption span {
  color: white;
  text-align: center;
}

.comments-area {
  background: #ffffff;
  margin: 1.125rem auto;
  max-width: 640px;
}
.comments-area .comments-title {
  margin: 0;
  padding: 0;
}
.comments-area .comment-list {
  list-style-type: none;
  margin-top: 1.125rem;
  padding: 0;
}
.comments-area .comment-list .comments {
  border: 0.063rem solid #cccccc;
  margin-top: 1.125rem;
  padding: 1.125rem;
}
.comments-area .comment-list .comments:first-child {
  margin-top: 0;
}
.comments-area .comment-list .comments .comment-meta {
  border-bottom: 0.063rem solid #cccccc;
  font-weight: bold;
}
.comments-area .comment-list .comments .comment-meta a {
  text-decoration: none;
}
.comments-area .comment-list .comments .comment-meta a:hover {
  text-decoration: underline;
  text-decoration-thickness: 2px;
}
.comments-area .comment-list .comments .comment-meta .sep {
  font-size: 0.875rem;
}
.comments-area .comment-list .comments .comment-meta .comment-permalink {
  font-size: 0.875rem;
  font-weight: normal;
}
.comments-area .comment-list .comments .comment-meta .comment-edit {
  font-size: 0.875rem;
  font-weight: normal;
}
.comments-area .comment-list .comments .comment-meta .comment-reply {
  font-size: 0.875rem;
  font-weight: normal;
}
.comments-area .comment-list .comments .children {
  border: none;
}
.comments-area .comment-list .comments .children .comments {
  border: none;
}
.comments-area .comment-list .comments .children .comments .comment__parent-link {
  font-size: 0.813rem;
}
.comments-area .comment-list .comments .children .comments svg {
  height: 1em;
  vertical-align: text-bottom;
  padding: 0 0.25em 0.1em;
}
.comments-area .comment-list .bypostauthor > .comment-body {
  background: #eeeeee;
  border: 0.063rem solid #cccccc;
  padding: 1.125rem;
}
.comments-area .comment-list .comment-meta {
  border-bottom: 0.063rem solid #cccccc;
}
.comments-area .comment-list .comment-meta .comment-author .fn {
  font-size: 1.125rem;
  font-weight: bold;
}
.comments-area .comment-list .comment-meta .comment-author .fn a {
  border-bottom: none;
}
.comments-area .comment-list .comment-meta .comment-author .says {
  display: none;
}
.comments-area .comment-list .comment-meta .comment-metadata {
  font-size: 0.875rem;
}
.comments-area .comment-list .comment-meta .comment-metadata .comment-edit-link {
  display: none;
}
.comments-area .comment-list .reply {
  font-size: 0.875rem;
  text-align: right;
}
.comments-area .comment-list .children {
  list-style-type: none;
  margin-top: 1.125rem 0;
  padding-left: 2.25rem;
}
.comments-area .comment-list .children .comment {
  border: none;
  padding: 0;
}
.comments-area .comment-respond {
  border: 0.063rem solid #cccccc;
  margin-top: 1.125rem;
  padding: 1.125rem;
}
.comments-area .comment-respond .comment-reply-title {
  margin: 0;
  padding: 0;
}
.comments-area .comment-respond .comment-reply-title small {
  font-size: 14px;
  margin-left: 0.5rem;
}
.comments-area .comment-respond .logged-in-as {
  font-size: 0.875rem;
}
.comments-area .comment-respond .comment-form {
  margin-top: -1rem;
}
.comments-area .comment-respond .comment-form .comment-form-comment textarea {
  border: 0.063em solid #cccccc;
  box-sizing: border-box;
  font-family: "Merriewather", serif;
  font-size: 1rem;
  max-height: 230px;
  max-width: 100%;
  display: block;
  padding: 0.5rem;
  width: 100%;
}
.comments-area .comment-respond .comment-form .comment-form-author {
  float: left;
  width: 49.2063492063%;
}
.comments-area .comment-respond .comment-form .comment-form-author input[type=text] {
  border: 0.063em solid #cccccc;
  box-sizing: border-box;
  font-family: "Merriewather", serif;
  font-size: 1em;
  display: block;
  padding: 0.5em;
  width: 100%;
}
.comments-area .comment-respond .comment-form .comment-form-email {
  float: right;
  width: 49.2063492063%;
}
.comments-area .comment-respond .comment-form .comment-form-email input[type=email] {
  border: 0.063em solid #cccccc;
  box-sizing: border-box;
  font-family: "Merriewather", serif;
  font-size: 1em;
  display: block;
  padding: 0.5em;
  width: 100%;
}
.comments-area .comment-respond .comment-form .comment-form-url {
  margin-bottom: 1.3em;
  width: 100%;
}
.comments-area .comment-respond .comment-form .comment-form-url input[type=url] {
  border: 0.063em solid #cccccc;
  box-sizing: border-box;
  font-family: "Merriewather", serif;
  font-size: 1em;
  display: block;
  padding: 0.5em;
  width: 100%;
}
.comments-area .comment-respond .comment-form .form-submit {
  margin-bottom: 0;
}
.comments-area .comment-respond .comment-form .form-submit .submit {
  cursor: pointer;
  display: inline-block;
  margin: 0;
  padding: 0.75rem 2rem;
  line-height: 1;
  font-family: var(--font-family-secondary);
  font-size: 1rem;
  border-radius: 3px;
  white-space: normal;
  word-break: break-all;
  transition: all 0.5s ease-in-out;
}
.comments-area .comment-respond .comment-form .required {
  color: #FF0000;
  font-size: 0.625em;
}
.comments-area .comment-respond .comment-form .comment-notes {
  font-size: 12px;
}
.comments-area .comment-respond .comment-form .comment-form-cookies-consent {
  font-size: 14px;
}
.comments-area .comment-respond .comment-form .comment-form-cookies-consent input[type=checkbox] {
  margin-right: 0.25rem;
}

.widget_text_portfolio {
  line-height: 1.8rem;
}
.widget_text_portfolio table {
  width: 100%;
  border-collapse: collapse;
  font-size: 0.875rem; /* Smaller font size */
}
.widget_text_portfolio table th, .widget_text_portfolio table td {
  padding: 0;
  border-bottom: none;
}
.widget_text_portfolio table th {
  text-align: left;
  font-weight: bold;
  color: #333;
  width: 10%;
}
.widget_text_portfolio table th svg {
  height: 25px;
  width: 25px;
  margin-left: 0.25rem;
  margin-top: 0.25rem;
}
.widget_text_portfolio table td {
  text-align: left; /* Aligns text to the right */
  color: #555;
}
.widget_text_portfolio table a {
  color: #0073aa;
  text-decoration: none;
}
.widget_text_portfolio table a:hover {
  text-decoration: underline;
}

.screen-reader-text {
  clip: rect(1px, 1px, 1px, 1px);
  clip-path: inset(50%);
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  word-wrap: normal;
  border: none;
}
.screen-reader-text:active, .screen-reader-text:focus {
  clip: auto;
  clip-path: none;
  display: block;
  height: auto;
  width: auto;
  z-index: 100000;
  text-decoration: none;
}

.alignleft {
  float: left;
  margin-right: 1.5em;
}

.alignright {
  float: right;
  margin-left: 1.5em;
}

.aligncenter {
  clear: both;
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.alignwide {
  margin: 18px -185px;
  max-width: 1170px;
  width: auto;
}

.alignfull {
  margin: 0 calc(50% - 50vw);
  max-width: 100vw;
  width: 100vw;
}

.grid-col-1 {
  display: grid;
  grid-template-columns: repeat(1, 1fr);
  grid-gap: 1.125rem;
  padding: 0;
}

.grid-col-2 {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-gap: 1.125rem;
  padding: 0;
}

.grid-col-3 {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-gap: 1.125rem;
  padding: 0;
}

.grid-col-4 {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-gap: 1.125rem;
  padding: 0;
}

.grid-col-5 {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  grid-gap: 1.125rem;
  padding: 0;
}

.grid-col-6 {
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  grid-gap: 1.125rem;
  padding: 0;
}

.grid-col-7 {
  display: grid;
  grid-template-columns: repeat(7, 1fr);
  grid-gap: 1.125rem;
  padding: 0;
}

.grid-col-8 {
  display: grid;
  grid-template-columns: repeat(8, 1fr);
  grid-gap: 1.125rem;
  padding: 0;
}

.grid-col-9 {
  display: grid;
  grid-template-columns: repeat(9, 1fr);
  grid-gap: 1.125rem;
  padding: 0;
}

.grid-col-10 {
  display: grid;
  grid-template-columns: repeat(10, 1fr);
  grid-gap: 1.125rem;
  padding: 0;
}

.gallery-columns-3 {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 1.125rem;
  max-width: 896px;
}

img {
  height: auto;
  max-width: 100%;
}

figure {
  margin: 0;
}

table {
  width: 100%;
  border-collapse: collapse;
  margin: 0;
  background-color: #ffffff; /* Background color for the entire table */
}
table th, table td {
  padding: 12px 15px;
  border-bottom: 1px solid #dddddd; /* Border bottom for th and td */
}
table th {
  background-color: #ffffff; /* White background for th */
  font-weight: bold;
  text-align: left; /* Align th to the left */
}
table td {
  text-align: right; /* Align td to the right */
}
table a {
  color: #007bff;
  text-decoration: none;
}
table a:hover {
  text-decoration: underline;
}