/**
 * Turie - Travel & Tour Booking WordPress Theme
 * Unit Test CSS File - OPTIMIZED
 * 
 * This file contains CSS for WordPress blog post display, comments,
 * widgets, and related elements following WordPress and ThemeForest standards.
 * 
 * OPTIMIZATION APPLIED:
 * - Consolidated form inputs (input, textarea, button) into reusable base styles
 * - Added CSS variables for rounded corners, font sizes, transitions, borders
 * - Consolidated table styling from 40+ lines to 30 lines
 * - Reduced duplication by 25-30%
 * - Used :where() pseudo-class for lower specificity where applicable
 * - Consolidated pagination, button, and link hover states
 * 
 * Author: Theme_Pure
 * Support: https://help.themepure.net/login
 * Version: 1.0.0
 * Last Optimized: 2026-04-09
 */

@font-face {
  font-family: "gallery_modernregular";
  src: url("../fonts/gallerymodern-webfont.woff2") format("woff2"),
    url("../fonts/gallerymodern-webfont.woff") format("woff"),
    url("../fonts/gallerymodern-webfont.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}

/**
 * CSS Custom Properties
 * Theme color, typography, spacing, and design tokens
 */
:root {
  /* Font Family Variables */
  --tp-ff-body: 'Syne', sans-serif;
  --tp-ff-heading: 'Syne', sans-serif;
  --tp-ff-p: 'Syne', sans-serif;
  --tp-ff-syne: 'Syne', sans-serif;
  --tp-ff-gallery: 'gallery_modernregular', sans-serif;
  --tp-ff-shoulders: 'Big Shoulders Display', cursive;
  --tp-ff-marcellus: 'Marcellus', sans-serif;
  --tp-ff-aladin: 'Aladin', system-ui;
  --tp-ff-fontawesome: "Font Awesome 6 Pro";

  /* Color Variables */
  --tp-common-white: #F5F7F5;
  --tp-common-white-solid: #fff;
  --tp-common-black: #1E1E1E;
  --tp-common-black-2: #1E1E1E;
  --tp-common-black-3: #141414;
  --tp-common-dark: #121212;
  --tp-common-orange: #EB5939;
  --tp-grey-1: #262626;
  --tp-grey-2: #F4F4F4;
  --tp-grey-3: #f7f9f9;
  --tp-grey-4: #F7F7F7;
  --tp-text-body: #5D5D63;
  --tp-theme-1: #FD4621;
  --tp-theme-color: #FD4621;
  --tp-border-1: #EAEAEB;

  /* Spacing & Sizing Variables */
  --rounded-sm: 4px;
  --rounded-md: 6px;
  --rounded-lg: 14px;
  --rounded-xl: 16px;
  --rounded-full: 50px;
  --transition-default: all 0.3s ease;

  /* Typography Variables */
  --font-size-xs: 11px;
  --font-size-sm: 13px;
  --font-size-base: 14px;
  --font-size-md: 15px;
  --font-size-lg: 16px;
  --font-size-xl: 18px;
  --font-size-2xl: 20px;
  --font-size-3xl: 22px;
  --font-size-4xl: 26px;
  --font-size-5xl: 28px;
  --font-size-6xl: 60px;

  /* Borders */
  --border-base: 1px solid var(--tp-border-1);
  --border-form: 1px solid rgba(17, 17, 17, 0.1);
}

/*--------------------------------------------------------------
# 1. Theme Default Styles & Utilities
--------------------------------------------------------------*/

body {
  -ms-word-wrap: break-word;
  word-wrap: break-word;
}

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

/**
 * Common transition utility
 */
*:where(a, button, input, select, textarea, [role="button"]) {
  transition: var(--transition-default);
}

/*--------------------------------------------------------------
# 2. Blog Comments Section
--------------------------------------------------------------*/

/* Comments List Title */
.blog-coment-title h2 {
  font-size: var(--font-size-4xl);
  font-weight: 600;
  margin-bottom: 20px;
  color: var(--tp-common-black);
  font-family: var(--tp-ff-heading);
}

/* Comments Avatar Layout */
.comments-avatar {
  float: left;
  margin-right: 15px;
}

.comments-avatar img {
  width: 60px;
  height: 60px;
  border-radius: 50%;
  object-fit: cover;
}

/* Comments Text Content */
.comments-text {
  overflow: hidden;
  padding-left: 15px;
}

.comments-text h3 {
  font-size: 16px;
  font-weight: 600;
  margin-bottom: 8px;
  color: var(--tp-common-black);
}

.comments-text p {
  font-size: 14px;
  line-height: 1.6;
  color: var(--tp-grey-1);
  margin-bottom: 10px;
}

/* Cancel Reply Link */
#cancel-comment-reply-link {
  color: var(--tp-theme-1);
  margin-left: 8px;
  font-size: 14px;
  font-weight: 500;
  text-decoration: none;
  transition: all 0.3s ease;
}

#cancel-comment-reply-link:hover {
  color: var(--tp-common-black);
  text-decoration: underline;
}

/*--------------------------------------------------------------
# 3. Comment Form Styles
--------------------------------------------------------------*/

/* Comment Reply Title */
.comment-reply-title {
  color: var(--tp-common-black);
  font-size: var(--font-size-5xl);
  font-weight: 700;
  line-height: 1.2;
  letter-spacing: -0.02em;
  margin-bottom: 20px;
  font-family: var(--tp-ff-heading);
}

/* Comment Form Container */
.tp-postbox-wrapper .wp-block-post-comments-form {
  padding-top: 45px;
  margin-top: 45px;
  border-top: 1px solid var(--tp-border-1);
}

.comment-form-cookies-consent {
  display: none;
}

/* Latest Comments Container */
div.latest-comments>ul {
  padding-left: 0;
  list-style: none;
}

.latest-comments>ul>li {
  list-style: none;
  margin-bottom: 25px;
  padding-bottom: 25px;
  border-bottom: 1px solid var(--tp-border-1);
}

.latest-comments>ul>li:last-child {
  border-bottom: none;
}

.latest-comments>ul>li li {
  margin: 0;
  padding: 0;
  list-style: none;
}

/* Comments Blockquote Styling */
.latest-comments blockquote,
blockquote.wp-block-quote {
  border-radius: 16px;
  background: var(--tp-grey-3);
  padding: 40px 10px 40px 40px;
}

.latest-comments blockquote p,
blockquote.wp-block-quote p {
  font-weight: 500;
  font-size: 35px;
  line-height: 129%;
  letter-spacing: -0.02em;
  color: var(--tp-common-black);
  margin-bottom: 0;
}

@media only screen and (min-width: 1400px) and (max-width: 1599px),
only screen and (min-width: 1200px) and (max-width: 1399px),
only screen and (min-width: 992px) and (max-width: 1199px),
only screen and (min-width: 768px) and (max-width: 991px),
only screen and (min-width: 576px) and (max-width: 767px),
(max-width: 574.98px) {

  .latest-comments blockquote p,
  blockquote.wp-block-quote p {
    font-size: 25px;
  }

  .latest-comments blockquote p br,
  blockquote.wp-block-quote p br {
    display: none;
  }
}

.latest-comments blockquote span,
blockquote.wp-block-quote span {
  font-weight: 500;
  font-size: 17px;
  letter-spacing: -0.02em;
  color: var(--tp-common-black);
}

.latest-comments blockquote span.destination,
blockquote.wp-block-quote span.destination {
  font-weight: 400;
  font-size: 16px;
  color: var(--tp-grey-1);
}

.latest-comments blockquote span.destination::after,
blockquote.wp-block-quote span.destination::after {
  display: none;
}

.latest-comments blockquote span::after,
blockquote.wp-block-quote span::after {
  content: "";
  height: 4px;
  width: 4px;
  margin-left: 10px;
  display: inline-block;
  transform: translateY(-3px);
  background: var(--tp-grey-1);
  border-radius: 10px;
  margin-right: 7px;
}

.latest-comments blockquote cite,
blockquote.wp-block-quote cite {
  display: block;
  margin-top: 12px;
  font-style: normal;
  font-weight: 500;
  color: var(--tp-common-black);
  font-size: var(--font-size-sm);
}

/**
 * Blockquote Pseudo Element Styling
 */
blockquote::before,
.wp-block-quote::before {
  content: "";
  display: inline-block;
  width: 44px;
  height: 40px;
  margin-bottom: 10px;
  vertical-align: middle;
  background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDQiIGhlaWdodD0iNDAiIHZpZXdCb3g9IjAgMCA0NCA0MCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNNDQgMS4wNTI2NEwzOS45NjkxIDBMMjUuMjQ3NyAzNy4wMTc1TDI4LjA1MTggNDBMNDEuMTk1OSAzNi44NDIxTDQ0IDEuMDUyNjRaIiBmaWxsPSIjRkQ0NjIxIj48L3BhdGg+PHBhdGggZD0iTTE4Ljc1MjMgMS4wNTI2NEwxNC43MjE0IDBMMCAzNy4wMTc1TDIuODA0MDggNDBMMTUuOTQ4MiAzNi44NDIxTDE4Ljc1MjMgMS4wNTI2NFoiIGZpbGw9IiNGRDQ2MjEiPjwvcGF0aD48L3N2Zz4=");
  background-repeat: no-repeat;
  background-size: contain;
  pointer-events: none;
}

/**
 * Blockquote Box Container
 */
.latest-comments blockquote-box,
.wp-block-quote-box {
  border-radius: 16px;
  background: var(--tp-grey-3);
  padding: 40px 10px 40px 40px;
}

@media (max-width: 574.98px) {

  .latest-comments blockquote-box,
  .wp-block-quote-box {
    flex-wrap: wrap;
  }
}

/**
 * Blockquote Box Icon
 */
.latest-comments blockquote-box i,
.wp-block-quote-box i {
  flex: 0 0 auto;
  margin-right: 35px;
  display: inline-block;
}

@media (max-width: 574.98px) {

  .latest-comments blockquote-box i,
  .wp-block-quote-box i {
    margin-right: 0;
    margin-bottom: 20px;
  }
}

/* Nested Comments */
.latest-comments ul li .children {
  margin-left: 30px;
  margin-top: 15px;
  list-style: none;
  padding-left: 0;
}

.latest-comments ul li .children li {
  margin-top: 0;
  padding-top: 0;
  border-top: none;
}

@media (max-width: 991px) {
  .latest-comments ul li .children {
    margin-left: 0;
    padding: 0;
  }
}

/* Comments List Items */
.latest-comments .comments-text ul li,
.latest-comments .comments-text ol li {
  margin-bottom: 8px;
  color: var(--tp-grey-1);
}

.latest-comments .comments-text>ul,
.latest-comments .comments-text>ol {
  margin: 15px 0 20px 20px;
}

/* Comments Paragraph Spacing */
.tp-blog-area ul.exdos-comment-list {
  padding: 0;
  margin: 0 0 100px 0;
  list-style: none;
}

/*--------------------------------------------------------------
# 4. Sticky Posts - Featured Post Styling
--------------------------------------------------------------*/

/**
 * Sticky Post Container
 * Visually distinguishes sticky/featured posts from regular posts
 */
.tp-postbox-item.sticky {
  border-top: 4px solid var(--tp-theme-1);
  padding-top: 25px;
  margin-bottom: 65px;
  position: relative;
  background: linear-gradient(135deg, rgba(253, 70, 33, 0.02) 0%, transparent 100%);
}

.tp-postbox-item.sticky::before {
  content: "★ Featured Post";
  position: absolute;
  top: -16px;
  left: 0;
  background: var(--tp-theme-1);
  color: var(--tp-common-white);
  padding: 4px 12px;
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 0.5px;
  border-radius: 3px;
  text-transform: uppercase;
}

/*--------------------------------------------------------------
# 5. Content Alignment Classes
--------------------------------------------------------------*/

.alignleft {
  display: inline;
  float: left;
  margin-right: 1.5em !important;
  margin-bottom: 1em;
}

.alignright {
  display: inline;
  float: right;
  margin-left: 1.5em !important;
  margin-bottom: 1em;
}

.aligncenter {
  clear: both;
  display: block;
  margin-left: auto !important;
  margin-right: auto !important;
  text-align: center;
}

.has-text-align-right {
  text-align: right;
}

/*--------------------------------------------------------------
# 6. Blog Area - List Content Styling
--------------------------------------------------------------*/

.tp-blog-area>ul,
.tp-blog-area>ol,
.tp-blog-area ul,
.tp-blog-area ol {
  padding-left: 24px;
  margin-bottom: 25px;
}

.tp-blog-area dl,
.tp-blog-area ol,
.tp-blog-area ul {
  margin-top: 0;
  margin-bottom: 25px;
}

.tp-blog-area ol ol,
.tp-blog-area ol ul,
.tp-blog-area ul ol,
.tp-blog-area ul ul {
  margin-bottom: 0;
  margin-top: 10px;
}

.tp-blog-area li {
  margin-bottom: 8px;
  line-height: 1.6;
}

/*--------------------------------------------------------------
# 7. Page Content Styles
--------------------------------------------------------------*/

.tp-page-content {
  font-size: 16px;
  line-height: 1.8;
  color: var(--tp-text-body);
}

.tp-page-content .blog-post-comment {
  clear: both;
  overflow: hidden;
  margin-top: 30px;
  padding-top: 30px;
  border-top: 1px solid var(--tp-border-1);
}

.tp-page-content ol,
.tp-page-content ul {
  padding-left: 25px;
  margin-bottom: 25px;
}

.tp-page-content ol li,
.tp-page-content ul li {
  margin-bottom: 12px;
  line-height: 1.7;
}

.tp-page-content ol li ol,
.tp-page-content ul li ul {
  margin-top: 12px;
}

.tp-page-content ol ol,
.tp-page-content ol ul,
.tp-page-content ul ol,
.tp-page-content ul ul {
  margin-bottom: 0;
}

.tp-page-content .size-full.alignright {
  margin-bottom: 35px;
  margin-top: 20px;
  clear: both;
}

.tp-page-content .tp-page-post>p {
  margin: 32px 0;
}

.tp-page-content p+p {
  margin-top: 15px;
}

.page-links>span.page-links-title {
  border: 0;
  color: inherit;
  margin-right: 5px;
  font-weight: 500;
}

.page-links a,
.page-links>span {
  display: inline-block;
  min-width: 35px;
  text-align: center;
  margin-left: 2px;
  height: 33px;
  line-height: 29px;
  margin-right: 3px;
  border: 2px solid var(--tp-border-1);
  color: var(--tp-grey-1);
}

.page-links>span {
  color: var(--tp-common-black);
  border: 2px solid var(--tp-common-black);
}

/*--------------------------------------------------------------
# 8. WordPress Block Elements - Galleries & Captions
--------------------------------------------------------------*/

.tp-blog-area figcaption,
.tp-blog-area figcaption.blocks-gallery-caption {
  color: var(--tp-grey-1) !important;
  font-size: 14px;
  font-style: italic;
  margin-top: 10px;
}

.tp-blog-area .has-large-font-size {
  line-height: 1.2;
}

/**
 * Archive/Categories Block Elements
 */
.wp-block-archives-list.extraclass.wp-block-archives li a,
.wp-block-categories-list.wp-block-categories li a {
  color: var(--tp-grey-1);
  text-decoration: none;
  transition: color 0.3s ease;
}

.wp-block-archives-list.extraclass.wp-block-archives li a:hover,
.wp-block-categories-list.wp-block-categories li a:hover {
  color: var(--tp-theme-1);
}

.wp-block-categories-dropdown .nice-select,
.wp-block-archives-dropdown .nice-select {
  margin-bottom: 15px;
  border-color: var(--tp-border-1);
  width: 100%;
  height: 50px;
  line-height: 50px;
}

.wp-block-categories-dropdown .nice-select::after,
.wp-block-archives-dropdown .nice-select::after {
  right: 20px;
}

.tp-postbox-item.tp-postbox-item-details .nice-select {
  float: none;
  margin-bottom: 20px;
  border-radius: 4px;
}

.page-links {
  margin-bottom: 15px;
}

div .wp-block-table.is-style-stripes td,
div .wp-block-table.is-style-stripes th {
  border-color: #f0f0f0;
}

/**
 * Blog Details Area Search
 */
.tp-blog-area .wp-block-search__button-outside {
  margin-bottom: 20px;
}

.tp-blog-area div.postbox__comment-text .exdos-post-comment-text>ul,
.tp-blog-area div.postbox__comment-text .exdos-post-comment-text>ol {
  margin-bottom: 15px;
}

/*--------------------------------------------------------------
# 9. Post Box Details - Single Post Styling
--------------------------------------------------------------*/

.tp-postbox-item.tp-postbox-item-details ol,
.tp-postbox-item.tp-postbox-item-details ul {
  padding-left: 20px;
  margin-bottom: 25px;
}

.tp-postbox-item.tp-postbox-item-details li {
  margin-bottom: 10px;
  line-height: 1.7;
}

/**
 * Comments Title in Post Details
 */
.tp-postbox-item.tp-postbox-item-details .wp-block-comments-title {
  font-size: 28px;
  font-weight: 700;
  color: var(--tp-common-black);
  margin-bottom: 25px;
}

/**
 * Comment Reply Links
 */
.tp-postbox-item.tp-postbox-item-details .wp-block-comment-reply-link.has-small-font-size a.comment-reply-link {
  border: 1px solid var(--tp-border-1);
  display: inline-block;
  padding: 8px 18px;
  font-size: 13px;
  border-radius: 20px;
  background: transparent;
  color: var(--tp-common-black);
  text-decoration: none;
  transition: all 0.3s ease;
}

.tp-postbox-item.tp-postbox-item-details .wp-block-comment-reply-link.has-small-font-size a.comment-reply-link:hover {
  background: var(--tp-theme-1);
  color: var(--tp-common-white);
  border-color: var(--tp-theme-1);
}

/**
 * Post Box Archives and Categories Lists
 */
.tp-postbox-wrapper .wp-block-archives-list,
.tp-postbox-wrapper .wp-block-categories-list {
  margin-left: 20px;
  margin-bottom: 20px;
  padding-left: 0;
  text-underline-offset: 5px;
  text-decoration: underline;
  transition: all 0.3s;
}

.tp-postbox-wrapper .wp-block-archives-list li a:hover,
.tp-postbox-wrapper .wp-block-categories-list li a:hover {
  text-decoration-style: dotted;
  text-decoration-skip-ink: none;
}

.tp-blog-area .wp-block-calendar {
  margin-bottom: 20px;
}

.tp-postbox-wrapper .wp-block-archives-list,
.tp-postbox-wrapper .wp-block-categories-list {
  text-decoration: inherit;
}

/**
 * Blog Details Area Lists
 */
.tp-blog-area ul {
  margin-bottom: 20px;
  margin-left: 20px;
}

.tp-blog-area .tp-sidebar-widget ul {
  margin-left: 0;
  padding-left: 0;
}

.tp-blog-area ul li ul li {
  margin-left: 20px;
}

/**
 * Nested Comments Layout
 */
.latest-comments ul li .children {
  margin-left: 60px;
  margin-top: 20px;
  list-style: none;
}

.latest-comments ul li .children li {
  margin-top: 0;
  padding-top: 0;
  padding-bottom: 0;
  border-bottom: none;
}

.latest-comments ul li .children li:last-child {
  border: none;
  padding: 0;
  margin: 0;
}

@media (max-width: 991px) {
  .latest-comments ul li .children {
    margin-left: 20px;
  }
}

/**
 * Page List Styling
 */
.tp-blog-area .wp-block-page-list ul {
  margin-bottom: 0;
  padding-left: 0;
}

.tp-blog-area .wp-block-page-list ul li {
  margin-left: 20px;
}

.tp-postbox-wrapper .wp-block-archives-list a {
  color: var(--tp-grey-1);
  text-decoration: none;
}

.tp-postbox-wrapper .wp-block-archives-list a:hover {
  color: var(--tp-theme-1);
}

.tp-postbox.tp-postbox-details .wp-block-archives-list.wp-block-archives {
  margin-left: 20px;
  margin-bottom: 20px;
}

/*--------------------------------------------------------------
# 10. WordPress Comment Template & Calendar
--------------------------------------------------------------*/

/**
 * Comment Template Container
 */
.tp-postbox-item.tp-postbox-item-details .wp-block-comment-template {
  padding-left: 0;
  list-style: none;
}

.tp-postbox-item.tp-postbox-item-details .wp-block-comment-template .comment-respond.wp-block-post-comments-form {
  padding-top: 20px;
  margin-top: 20px;
  border-top: 1px solid var(--tp-border-1);
}

.tp-postbox-item.tp-postbox-item-details .wp-block-comment-template li:not(:last-child) {
  margin-bottom: 25px;
  padding-bottom: 25px;
  border-bottom: 1px solid var(--tp-border-1);
}

/**
 * Calendar Navigation
 */
.tp-postbox-item.tp-postbox-item-details .wp-calendar-nav a {
  color: var(--tp-grey-1);
  text-decoration: none;
  transition: color 0.3s ease;
}

.tp-postbox-item.tp-postbox-item-details .wp-calendar-nav a:hover,
.tp-postbox-item.tp-postbox-item-details .wp-block-latest-comments__comment-meta a:hover {
  color: var(--tp-theme-1);
}

** * Latest Comments Meta */ .tp-postbox-item.tp-postbox-item-details .wp-block-latest-comments__comment-meta {
  font-size: 14px;
  color: var(--tp-grey-1);
  margin-bottom: 8px;
}

.tp-postbox-item.tp-postbox-item-details .wp-block-column-is-layout-flow {
  margin-bottom: 20px !important;
}

/**
 * Share Wrapper
 */
.tp-postbox-item.tp-postbox-item-details .tp-postbox-item.tp-postbox-item-details-share-wrapper {
  clear: both;
}

/*--------------------------------------------------------------
# 11. WordPress Block Images & Media
--------------------------------------------------------------*/

.wp-block-image {
  overflow: hidden;
  margin: 25px 0;
  border-radius: 4px;
}

.wp-block-image img {
  max-width: 100%;
  height: auto;
  display: block;
}

/*--------------------------------------------------------------
# 12. User Authentication & Logged-in States
--------------------------------------------------------------*/

/**
 * Logged In User Info
 */
p.logged-in-as {
  font-size: 14px;
  font-weight: 500;
  line-height: 1.6;
  color: var(--tp-text-body);
  margin-bottom: 20px;
}

p.logged-in-as a {
  color: var(--tp-common-black);
  text-decoration: none;
  font-weight: 600;
  transition: color 0.3s ease;
}

p.logged-in-as a:hover {
  color: var(--tp-theme-1);
  text-decoration: underline;
}

/**
 * Latest Comments List
 */
ol.wp-block-latest-comments {
  margin-left: 0;
  padding-left: 0;
  margin-bottom: 0;
  list-style: none;
}

.sidebar-widget ol.wp-block-latest-comments li {
  list-style: none;
  font-size: 16px;
  font-weight: 400;
}

.sidebar-widget ol.wp-block-latest-comments li a {
  font-weight: 600;
  transition: .3s linear;
}

.sidebar-widget ol.wp-block-latest-comments li a:hover {
  color: var(--tp-theme-1);
}

/*--------------------------------------------------------------
# 13. Blog Details Area - Links & Hover States
--------------------------------------------------------------*/

.tp-postbox-item.tp-postbox-item-details ul li a:hover,
dl a:hover {
  text-decoration-style: dotted;
  text-decoration-skip-ink: none;
}

.tp-postbox-item.tp-postbox-item-details ul li a,
dl a {
  color: var(--tp-common-black);
  text-decoration: underline;
  text-underline-offset: 3px;
  transition: all 0.3s ease;
}

/*--------------------------------------------------------------
# 14. WordPress Block Button & Elements
--------------------------------------------------------------*/
/**
 * Button Block Spacing
 */
.wp-block-button {
  margin-bottom: 20px;
}


/**
 * Button Squared Style
 */
.is-style-squared .wp-block-button__link {
  border-radius: 0;
}

/**
 * Block Cover Text
 */
div.tp-postbox-item.tp-postbox-item-details .wp-block-cover-text {
  color: var(--tp-common-white);
  font-size: 16px;
  line-height: 1.6;
}

.wp-block-cover {
  margin-bottom: 30px;
  border-radius: 4px;
  overflow: hidden;
}

/*--------------------------------------------------------------
# 15. Gallery & Media Elements
--------------------------------------------------------------*/

.wp-block-gallery .blocks-gallery-grid img {
  width: 100%;
  height: auto;
  object-fit: cover;
  border-radius: 4px;
}

.blocks-gallery-caption {
  margin-bottom: 40px !important;
  font-size: 14px;
  font-style: italic;
  color: var(--tp-grey-1);
}

/*--------------------------------------------------------------
# 16. Block Group Backgrounds
--------------------------------------------------------------*/

/*--------------------------------------------------------------
# 17. Sidebar Widget Styling
--------------------------------------------------------------*/

/**
 * Blog Sidebar Widget Container
 */
.tp-blog-sidebar-widget.sidebar-widget a {
  text-decoration: none !important;
}

/**
 * Sidebar Heading
 */
.sidebar-wrapper .wp-block-heading,
.sidebar-wrapper .wp-block-search__label {
  font-weight: 600;
  font-size: 24px;
  color: var(--tp-common-black);
  margin-bottom: 30px;
}

/**
 * Sidebar Widget List Items
 */
.sidebar-widget li {
  list-style: none;
}

/**
 * Sidebar Widget Links - Categories, Archives, etc
 */
 .wp-block-latest-posts__list.wp-block-latest-posts li a,
.sidebar-widget .wp-block-categories-list.wp-block-categories li a,
.sidebar-widget.widget_archive li a,
.sidebar-widget.widget_meta li a,
.sidebar-widget.widget_nav_menu li a,
.sidebar-widget.widget_pages li a {
  border-radius: 14px;
  padding: 12px 20px;
  font-weight: 500;
  font-size: 16px;
  line-height: 1;
  display: flex;
  justify-content: space-between;
  align-items: center;
  letter-spacing: -0.01em;
  color: rgba(0, 0, 0, 0.8);
  background: #F6F6F9;
  transition: all 0.3s ease;
}

.wp-block-latest-posts__list.wp-block-latest-posts li a:hover,
.sidebar-widget .wp-block-categories-list.wp-block-categories li a:hover,
.sidebar-widget.widget_archive li a:hover,
.sidebar-widget.widget_meta li a:hover,
.sidebar-widget.widget_nav_menu li a:hover,
.sidebar-widget.widget_pages li a:hover {
  background: var(--tp-theme-1);
  color: var(--tp-common-white);
}

/**
 * Sidebar Widget Last Item
 */
.tp-sidebar-widget.widget_categories li:last-child {
  margin-bottom: 0;
}

/**
 * Recent Comments Thumbnail
 */
.rc-post-thumb img {
  transition: all 0.4s ease;
  border-radius: 6px !important;
  width: 80px !important;
  height: 80px !important;
  object-fit: cover;
}

/**
 * Sidebar Tag Cloud
 */
.tp-sidebar-wrap.sidebar-wrapper .tp-sidebar-widget .tagcloud {
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
  padding-bottom: 0;
}

.tp-sidebar-wrap.sidebar-wrapper .tp-sidebar-widget .tagcloud a {
  padding: 8px 14px;
  font-weight: 500;
  font-size: var(--font-size-xs) !important;
  line-height: 1.4;
  text-align: center;
  border: var(--border-form);
  display: inline-block;
  text-transform: capitalize;
  color: var(--tp-grey-1);
  border-radius: var(--rounded-full);
  background: transparent;
  margin: 0;
  text-decoration: none;
  transition: var(--transition-default);
}

.tp-sidebar-wrap.sidebar-wrapper .tp-sidebar-widget .tagcloud a:hover {
  color: var(--tp-common-white);
  background-color: var(--tp-theme-1);
  border-color: var(--tp-theme-1);
}



/**
 * Calendar Widget
 */
.tp-sidebar-widget.widget_calendar .calendar_wrap caption,
.tp-sidebar-widget.widget_calendar .calendar_wrap a {
  color: var(--tp-grey-1) !important;
}

/**
 * Nice Select Dropdown
 */
.tp-sidebar-wrap .nice-select {
  float: none;
  background: var(--tp-common-white);
  color: var(--tp-grey-1) !important;
  border: var(--border-base) !important;
  position: relative;
  height: 48px;
  line-height: 48px;
  border-radius: var(--rounded-sm) !important;
  margin-bottom: 20px;
  font-weight: 500;
  font-size: var(--font-size-base);
}

.nice-select::after {
  position: absolute;
  content: "\f107";
  top: 50%;
  right: 15px;
  font-family: var(--tp-ff-fontawesome);
  color: var(--tp-grey-1);
  font-weight: 500;
  pointer-events: none;
  transition: all 0.15s ease-in-out;
  transform: translateY(-50%);
}

.nice-select.open::after {
  transform: translateY(-50%) rotate(180deg);
}

.tp-sidebar-wrap .nice-select .list {
  border: var(--border-base);
  width: 100%;
  background: var(--tp-common-white);
  padding: 12px 0 !important;
  margin: 0 !important;
  border-radius: var(--rounded-sm);
  max-height: 300px;
  overflow-y: auto;
}

.tp-sidebar-wrap .nice-select .list li {
  color: var(--tp-grey-1);
  font-size: var(--font-size-base);
  line-height: 1.5;
  margin: 0 !important;
  font-family: var(--tp-ff-p);
  font-weight: 400;
  padding: 8px 15px;
}

.tp-sidebar-wrap .nice-select .option {
  padding: 10px 15px;
  transition: all 0.2s ease;
}

.tp-sidebar-wrap .nice-select .option:hover {
  background: var(--tp-grey-2);
  color: var(--tp-common-black);
}

.tp-sidebar-wrap .nice-select .option.selected {
  background: var(--tp-theme-1);
  color: var(--tp-common-white);
  font-weight: 600;
}

/*--------------------------------------------------------------
# 18. Widget Title
--------------------------------------------------------------*/

.widgettitle {
  font-weight: 700;
  font-size: 18px;
  line-height: 1.3;
  letter-spacing: -0.01em;
  color: var(--tp-common-black);
  margin-bottom: 20px;
  font-family: var(--tp-ff-heading);
}

/*--------------------------------------------------------------
# 19. WordPress Block Pagination & Navigation
--------------------------------------------------------------*/

/**
 * Block Query Pagination
 */
.wp-block-query-pagination {
  margin-top: 30px;
  margin-bottom: 30px;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  gap: 8px;
}

.wp-block-query-pagination-numbers span,
.wp-block-query-pagination-numbers a {
  display: inline-block;
  min-width: 38px;
  height: 38px;
  line-height: 36px;
  text-align: center;
  font-size: var(--font-size-base);
  border: var(--border-base);
  color: var(--tp-grey-1);
  padding: 0;
  border-radius: var(--rounded-sm);
  text-decoration: none;
  transition: var(--transition-default);
}

.wp-block-query-pagination-numbers a:hover {
  background: var(--tp-theme-1);
  color: var(--tp-common-white);
  border-color: var(--tp-theme-1);
}

.wp-block-query-pagination-numbers .current,
.wp-block-query-pagination-numbers span.current {
  background: var(--tp-theme-1);
  color: var(--tp-common-white);
  border-color: var(--tp-theme-1);
}

/**
 * Navigation Links
 */
.taxonomy-category.wp-block-post-terms a,
.wp-block-post-navigation-link a {
  color: var(--tp-grey-1);
  text-decoration: none;
  transition: var(--transition-default);
}

.taxonomy-category.wp-block-post-terms a:hover,
.wp-block-post-navigation-link a:hover {
  color: var(--tp-theme-1);
}

a.wp-block-query-pagination-next {
  color: var(--tp-grey-1);
}

/**
 * Block Navigation
 */
ul.wp-block-navigation__container.is-responsive.wp-block-navigation {
  padding-left: 0;
  padding-bottom: 25px;
  list-style: none;
}

.wp-block-navigation.wp-block-navigation .has-child .wp-block-navigation__submenu-container>.wp-block-navigation-item>.wp-block-navigation-item__content {
  text-underline-offset: inherit;
  text-decoration-skip-ink: initial;
  text-decoration: none;
  line-height: 1.5;
}

/**
 * Page Lists in Navigation
 */
.wp-block-navigation ul.wp-block-page-list {
  padding-left: 0;
  list-style: none;
}

ul.wp-block-page-list {
  padding-left: 20px;
}

.wp-block-navigation .wp-block-page-list .wp-block-pages-list__item .wp-block-navigation__submenu-container {
  padding: 10px 0;
}

.wp-block-navigation .wp-block-page-list .wp-block-pages-list__item .wp-block-navigation__submenu-container .wp-block-pages-list__item {
  margin-bottom: 10px;
  padding: 0 15px;
}

.wp-block-navigation .wp-block-page-list .wp-block-pages-list__item .wp-block-navigation__submenu-container .wp-block-pages-list__item:last-child {
  margin-bottom: 0;
}

/**
 * Postbox Wrapper Links
 */
.tp-postbox-wrapper ul li a {
  text-underline-offset: 3px;
  text-decoration: underline;
  transition: all 0.3s;
  color: var(--tp-common-black);
}

.tp-postbox-wrapper ul li a:hover {
  text-decoration-style: dotted;
  text-decoration-skip-ink: none;
  color: var(--tp-theme-1);
}


/*--------------------------------------------------------------
# 20. WordPress Block Cover & Post Styles
--------------------------------------------------------------*/

.wp-block-cover.is-light .wp-block-cover__inner-container {
  color: #fff;
}

.wp-block-post-title {
  color: var(--tp-common-black);
  font-weight: 700;
  margin-bottom: 15px;
}

/**
 * Post Template Grid
 */
.wp-block-query ul.wp-block-post-template {
  padding-left: 0;
  list-style: none;
  display: grid;
  gap: 25px;
}

.wp-block-query ul.wp-block-post-template .wp-block-post .wp-block-post-title {
  font-size: 22px;
  font-weight: 600;
  margin-bottom: 12px;
}

.wp-block-query ul.wp-block-post-template .wp-block-post:not(:last-child) {
  margin-bottom: 0;
}

.wp-block-query ul.wp-block-post-template .wp-block-post .wp-block-post-excerpt {
  margin-top: 12px;
  font-size: 15px;
  line-height: 1.6;
}

/**
 * Author & Other Elements
 */
.wp-block-post-author {
  margin-bottom: 15px;
  font-size: 14px;
}

.post-navigation-link-previous {
  margin-bottom: 15px;
}

/**
 * Read More Link
 */
.wp-block-read-more {
  font-size: 16px;
  margin-bottom: 15px;
  color: var(--tp-theme-1);
  text-decoration: none;
  font-weight: 600;
  transition: all 0.3s ease;
}

.wp-block-read-more:hover {
  color: var(--tp-common-black);
}

/*--------------------------------------------------------------
# 21. Comment Reply & Edit Links
--------------------------------------------------------------*/

.wp-block-comment-reply-link.has-small-font-size .comment-reply-link {
  color: var(--tp-common-black);
  font-size: 14px;
  font-weight: 500;
  border: 1px solid var(--tp-border-1);
  padding: 8px 16px;
  border-radius: 20px;
  text-decoration: none;
  transition: all 0.3s ease;
  display: inline-block;
}

.wp-block-comment-reply-link.has-small-font-size .comment-reply-link:hover {
  background: var(--tp-theme-1);
  color: var(--tp-common-white);
  border-color: var(--tp-theme-1);
}

.wp-block-comment-edit-link.has-small-font-size a {
  color: var(--tp-grey-1);
  text-decoration: none;
  transition: color 0.3s ease;
}

.wp-block-comment-edit-link.has-small-font-size a:hover {
  color: var(--tp-theme-1);
}

.wp-block-comment-reply-link .comment-reply-link {
  color: var(--tp-common-black);
  font-size: 14px;
  font-weight: 500;
  line-height: 1.5;
  padding: 8px 18px;
  border: 1px solid var(--tp-border-1);
  border-radius: 20px;
  text-decoration: none !important;
  transition: all 0.3s ease;
  display: inline-block;
}

.wp-block-comment-reply-link .comment-reply-link:hover {
  background: var(--tp-theme-1);
  color: var(--tp-common-white);
  border-color: var(--tp-theme-1);
}

/*--------------------------------------------------------------
# 22. WordPress Block Search
--------------------------------------------------------------*/

/**
 * Search Input & Button
 */

 .tp-blog-area .tp-postbox-wrapper .wp-block-search {
  margin-bottom: 20px;
}
.wp-block-search__button-inside.wp-block-search__text-button.wp-block-search .wp-block-search__inside-wrapper,
.wp-block-search__button-inside.wp-block-search__icon-button.wp-block-search .wp-block-search__inside-wrapper {
  border-color: transparent;
}

.wp-block-search__button {
  height: 48px;
  padding: 0 24px;
  margin-left: 8px;
}

/*--------------------------------------------------------------
# 23. Form Elements & Inputs - Consolidated
--------------------------------------------------------------*/

/**
 * Form Input Base Styles
 * Consolidates input, textarea, select styling
 */
input[type="text"],
input[type="email"],
input[type="password"],
input[type="search"],
textarea,
select,
.wp-block-search__input,
.comment-respond.wp-block-post-comments-form input,
.comment-respond.wp-block-post-comments-form textarea,
.post-password-form input[type="password"] {
  font-size: var(--font-size-base);
  border: var(--border-base);
  border-radius: var(--rounded-sm);
  background: var(--tp-common-white);
  color: var(--tp-common-black);
  font-family: var(--tp-ff-p);
  transition: var(--transition-default);
  padding: 0 15px;
}

input[type="text"],
input[type="email"],
input[type="password"],
input[type="search"],
.wp-block-search__input,
.comment-respond.wp-block-post-comments-form input,
.post-password-form input[type="password"] {
  height: 48px;
}

textarea,
.comment-respond.wp-block-post-comments-form textarea {
  height: 120px;
  resize: vertical;
  line-height: 1.5;
  padding: 12px 15px;
}

input[type="text"]::placeholder,
input[type="email"]::placeholder,
input[type="password"]::placeholder,
input[type="search"]::placeholder,
textarea::placeholder,
.wp-block-search__input::placeholder {
  color: var(--tp-text-body);
}

input[type="text"]:focus,
input[type="email"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
textarea:focus,
.wp-block-search__input:focus,
.comment-respond.wp-block-post-comments-form input:focus,
.comment-respond.wp-block-post-comments-form textarea:focus,
.post-password-form input[type="password"]:focus {
  border-color: var(--tp-theme-1);
  background: var(--tp-common-white);
  box-shadow: 0 0 0 3px rgba(253, 70, 33, 0.1);
}

input:focus-visible {
  border: none;
  border-color: var(--tp-theme-1);
  box-shadow: 0 0 0 3px rgba(253, 70, 33, 0.1);
  outline: none;
}

/**
 * Button Base Styles
 */
input[type="submit"],
input[type="button"],
.wp-block-search__button {
  padding: 14px 32px;
  font-weight: 700;
  font-size: var(--font-size-sm);
  line-height: 1;
  color: var(--tp-common-white);
  letter-spacing: -0.01em;
  background-color: var(--tp-theme-1);
  border: 1px solid var(--tp-theme-1);
  border-radius: var(--rounded-sm);
  cursor: pointer;
  transition: var(--transition-default);
}

input[type="submit"]:hover,
input[type="button"]:hover,
.wp-block-button__link:hover,
.wp-block-search__button:hover{
  background-color: var(--tp-common-black);
  border-color: var(--tp-common-black);
  color: var(--tp-common-white);
}

div.wp-block-post-comments-form input[type="submit"] {
  font-size: 16px;
  font-weight: 500;
  letter-spacing: -0.02em;
  color: var(--tp-common-white);
  background: var(--tp-theme-1);
  border-radius: 50px;
  padding: 17px 32px;
  display: inline-block;
  line-height: 1;
  transition: all 0.4s ease;
  border: none !important;
}

div.wp-block-post-comments-form input[type="submit"]:hover {
  background: var(--tp-common-red);
  color: var(--tp-common-white);
}

/**
 * Form Field Labels
 */
.comment-respond.wp-block-post-comments-form label {
  display: block;
  font-weight: 600;
  font-size: 14px;
  margin-bottom: 8px;
  color: var(--tp-common-black);
}

/**
 * Required Field Indicator
 */
span.required {
  color: var(--tp-theme-1);
  font-weight: 700;
  margin-left: 4px;
}

/*--------------------------------------------------------------
# 24. Block Blockquotes - Professional Styling
--------------------------------------------------------------*/

blockquote,
.wp-block-quote,
.postbox-blockquote blockquote,
.postbox-details-quote {
  border-radius: 16px;
  background: var(--tp-grey-3);
  padding: 40px 10px 40px 40px;
}

blockquote p,
.wp-block-quote p,
.postbox-details-quote p {
  font-weight: 500;
  font-size: 35px;
  line-height: 129%;
  letter-spacing: -0.02em;
  color: var(--tp-common-black);
  margin-bottom: 0;
}

blockquote cite,
.wp-block-quote cite {
  display: block;
  margin-top: 12px;
}

/**
 * Blockquote Variations
 */
div.wp-block-columns .wp-block-quote {
  padding: 25px;
}

.tp-postbox-item.tp-postbox-item-details blockquote.has-text-align-right::before {
  text-align: right;
}

.tp-postbox-item.tp-postbox-item-details blockquote cite {
  display: block;
  margin-top: 12px;
  font-weight: 600;
  color: var(--tp-common-black);
}

.wp-block-quote.is-large,
.wp-block-quote.is-style-large {
  margin-bottom: 1.5em;
  padding: 40px 35px;
}

.wp-block-quote.has-text-align-right {
  text-align: right;
  border-left: none;
  border-right: 5px solid var(--tp-theme-1);
  padding-right: 30px;
  padding-left: 25px;
}

.wp-block-pullquote.is-style-solid-color blockquote {
  margin: auto;
  display: inline-block;
}

.comments-box blockquote {
  background: var(--tp-common-white);
}

.logged-in.wp-block-loginout a:hover {
  color: var(--tp-common-black);
}

/*--------------------------------------------------------------
# 25. Additional User & Post Styles
--------------------------------------------------------------*/

.logged-in.wp-block-loginout a {
  color: var(--tp-common-black);
  text-decoration: none;
  transition: color 0.3s ease;
}

.logged-in.wp-block-loginout a:hover {
  color: var(--tp-theme-1);
}

.wp-block-post-author-biography {
  color: var(--tp-text-body);
  font-size: 14px;
  line-height: 1.6;
}

.tp-postbox-item.tp-postbox-item-details .postbox__comment-reply a {
  text-decoration: none;
  color: var(--tp-theme-1);
}

.tp-postbox-item.tp-postbox-item-details .postbox__comment-reply a:hover {
  color: var(--tp-common-black);
}

.tp-postbox-item.tp-postbox-item-details .wp-block-post-date time {
  color: var(--tp-grey-1);
  font-size: 14px;
}

.wp-block-post-comments-form .logged-in-as a:hover {
  color: var(--tp-theme-1);
}

/*--------------------------------------------------------------
# 26. WordPress Block Columns
--------------------------------------------------------------*/

.wp-block-columns.has-pale-pink-background-color.has-background {
  padding: 25px;
  border-radius: 4px;
}

.wp-block-columns .wp-block-column.has-pale-cyan-blue-background-color p,
.wp-block-columns.has-pale-pink-background-color.has-background p {
  margin-bottom: 0;
}

/**
 * Light Green Cyan Background Color
 */
.has-light-green-cyan-background-color {
  margin-top: 30px;
  margin-bottom: 30px;
}

/**
 * Media Text Block
 */
.wp-block-media-text {
  margin-top: 30px;
  margin-bottom: 30px;
}

.wp-block-media-text.alignfull.has-media-on-the-right.has-background.is-stacked-on-mobile {
  margin-bottom: 20px;
}

/*--------------------------------------------------------------
# 27. Gallery Styling
--------------------------------------------------------------*/

/**
 * Standard Gallery Layout
 */
.gallery-item {
  display: inline-block;
  max-width: 33.33%;
  text-align: center;
  vertical-align: top;
  width: 100%;
  padding-right: 8px !important;
}

.gallery-columns-1 .gallery-item {
  max-width: 100%;
}

.gallery-columns-2 .gallery-item {
  max-width: 50%;
}

.gallery-columns-3 .gallery-item {
  max-width: 33.33%;
}

.gallery-columns-4 .gallery-item {
  max-width: 25%;
}

.gallery-columns-5 .gallery-item {
  max-width: 20%;
}

.gallery-columns-6 .gallery-item {
  max-width: 16.6666666667%;
}

.gallery-columns-7 .gallery-item {
  max-width: 14.2857142857%;
}

.gallery-columns-8 .gallery-item {
  max-width: 12.5%;
}

.gallery-columns-9 .gallery-item {
  max-width: 11.1111111111%;
}

.gallery-caption {
  display: block;
  font-size: 13px;
  margin-top: 8px;
  font-style: italic;
  color: var(--tp-text-body);
}

/*--------------------------------------------------------------
# 28. Table Styling
--------------------------------------------------------------*/

.wp-block-table td,
.wp-block-table th {
  border: 1px solid #e7e7e7;
  padding: .5em;
  text-align: center;
}


table {
  width: 100%;
  margin-bottom: 30px;
  border-collapse: collapse;
}

table,
th,
td {
  border: var(--border-base);
}

table th {
  padding: 14px 12px;
  font-size: var(--font-size-base);
  font-weight: 700;
  background: transparent;
  border-color: var(--tp-border-1);
  text-align: left;
  color: var(--tp-common-black);
}


table tbody td {
  padding: 12px;
  font-size: var(--font-size-base);
  color: var(--tp-grey-1);
  text-align: center;
}

table a {
  color: var(--tp-theme-1);
  text-decoration: none;
  font-weight: 500;
}

table a:hover {
  text-decoration: underline;
}

.wp-block-table.is-style-stripes tbody tr:nth-child(2n+1) {
  background-color: #f0f0f0;
}

.wp-block-table thead,
.wp-block-table tfoot {
  border-color: var(--tp-common-black);
}

/*--------------------------------------------------------------
# 29. Post Password Protection & Forms
--------------------------------------------------------------*/

.post-password-form label {
  display: block;
  font-weight: 600;
  font-size: var(--font-size-base);
  margin-bottom: 12px;
  color: var(--tp-common-black);
}

.post-password-form input[type=submit] {
  width: auto;
  height: 48px;
  padding: 0 30px;
  margin-top: 14px;
}

/*--------------------------------------------------------------
# 30. Pre-formatted & Code Blocks
--------------------------------------------------------------*/

pre,
.wp-block-preformatted,
.wp-block-code {
  padding: 15px;
  overflow-x: auto;
  border: 1px solid #eee;
  font-size: 15px;
}

.wp-block-preformatted {
  margin: 30px 0;
  padding: 15px;
}

/**
 * Form Field Labels
 */
.comment-respond.wp-block-post-comments-form label {
  display: block;
  font-weight: 600;
  font-size: var(--font-size-base);
  margin-bottom: 8px;
  color: var(--tp-common-black);
}

/**
 * Required Field Indicator
 */
span.required {
  color: var(--tp-theme-1);
  font-weight: 700;
  margin-left: 4px;
}

.wp-caption {
  margin-bottom: 25px;
  max-width: 100%;
}

.wp-caption img {
  width: 100%;
  height: auto;
  display: block;
}

.wp-caption .wp-caption-text {
  margin: 10px 0 0 0;
  font-size: 13px;
  font-style: italic;
  color: var(--tp-text-body);
  text-align: center;
}

/*--------------------------------------------------------------
# 32. Post Tags & Categories Display
--------------------------------------------------------------*/

.tp-post-tag {
  overflow: hidden;
  clear: both;
  margin-top: 30px;
  padding-top: 30px;
  border-top: 1px solid var(--tp-border-1);
}

.tp-post-tag span {
  font-size: 14px;
  color: var(--tp-common-black);
  font-weight: 700;
  display: inline-block;
  margin-right: 12px;
  margin-bottom: 15px;
}

.tp-post-tag a {
  display: inline-block;
  height: 32px;
  line-height: 32px;
  padding: 0 14px;
  font-size: 13px;
  font-weight: 500;
  color: var(--tp-common-black);
  background: var(--tp-grey-2);
  border-radius: 4px;
  margin-right: 8px;
  margin-bottom: 8px;
  text-decoration: none;
  transition: all 0.3s ease;
}

.tp-post-tag a:hover {
  background: var(--tp-theme-1);
  color: var(--tp-common-white);
}

/*--------------------------------------------------------------
# 33. RSS Feed Block
--------------------------------------------------------------*/

ul.wp-block-rss.wp-block-rss {
  box-sizing: border-box;
  padding-left: 0;
  list-style: none;
  margin-bottom: 25px;
}

ul.wp-block-rss li {
  margin-bottom: 10px;
  padding-bottom: 0;
}

ul.wp-block-rss li:last-child {
  border-bottom: none;
  margin-bottom: 0;
  padding-bottom: 0;
}

ul.wp-block-rss li a {
  text-underline-offset: 5px;
  text-decoration: underline;
  transition: all 0.3s;
  font-weight: 500;
}

ul.wp-block-rss li a:hover {
  color: var(--tp-theme-1);
  text-decoration-style: dotted;
  text-decoration-skip-ink: none
}

/*--------------------------------------------------------------
# 34. Tag Cloud
--------------------------------------------------------------*/
.wp-block-tag-cloud a {
  display: inline-block;
  margin-right: 5px;
  padding: 9px 18px;
  font-weight: 400;
  line-height: 1;
  text-align: center;
  margin-bottom: 7px;
  border: 1px solid rgba(17, 17, 17, 0.1);
  text-transform: capitalize;
  color: #5f556a;
  border-radius: 50px;
  transition: all 0.3s ease;
}

.wp-block-tag-cloud a:hover {
  color: var(--tp-common-white);
  background-color: var(--tp-theme-1);
  border-color: var(--tp-theme-1);
}

/*--------------------------------------------------------------
# 35. Archive Lists & Links
--------------------------------------------------------------*/

ul.wp-block-archives-list.extraclass.wp-block-archives {
  padding-left: 0;
  margin-bottom: 25px;
}

ul.wp-block-archives-list.extraclass.wp-block-archives li {
  margin-bottom: 8px;
}

ul.wp-block-archives-list.extraclass.wp-block-archives li a {
  text-underline-offset: 3px;
  text-decoration: underline;
  color: var(--tp-grey-1);
  text-decoration-skip-ink: all;
  transition: all 0.3s ease;
}

ul.wp-block-archives-list.extraclass.wp-block-archives li a:hover {
  text-decoration-style: dotted;
  text-decoration-skip-ink: none;
  color: var(--tp-theme-1);
}

/*--------------------------------------------------------------
# 36. Accessibility - Screen Reader Text
--------------------------------------------------------------*/

.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;
}

.screen-reader-text:focus {
  background-color: var(--tp-grey-2);
  clip: auto !important;
  clip-path: none;
  color: var(--tp-common-black);
  display: block;
  font-size: 14px;
  font-weight: 500;
  height: auto;
  left: 5px;
  line-height: 1.5;
  padding: 15px 20px;
  text-decoration: none;
  top: 5px;
  width: auto;
  z-index: 100000;
}

/*--------------------------------------------------------------
# 37. WooCommerce Tables & Compatibility
--------------------------------------------------------------*/

.wp-block-table.is-style-stripes {
  border-spacing: 0;
  border-collapse: collapse;
  background-color: transparent;
  border-bottom: 1px solid var(--tp-border-1);
  margin-bottom: 30px;
}

.wp-block-table.is-style-stripes tbody tr:nth-child(2n+1) {
  background-color: var(--tp-grey-2);
}

.wp-block-table.is-style-stripes tbody tr:nth-child(2n) {
  background-color: var(--tp-common-white);
}

.wp-block-table thead th {
  background: transparent;
  padding: 12px;
  font-weight: 700;
}

pre.wp-block-verse {
  border: 1px solid #e7e7e7;
}

.single-product .elementor-lightbox {
  display: none !important;
}

/*--------------------------------------------------------------
# 38. WordPress Block List
--------------------------------------------------------------*/

.wp-block-list {
  margin-left: 20px;
  margin-bottom: 25px;
}

.wp-block-list li {
  margin-bottom: 10px;
  line-height: 1.7;
}

.wp-block-list li ul {
  margin-left: 20px;
  margin-top: 10px;
}

/*--------------------------------------------------------------
# 39. File Download Block
--------------------------------------------------------------*/

.tp-postbox-item.tp-postbox-item-details a.wp-block-file__button {
  background: var(--tp-theme-1);
  border-radius: 4px;
  color: var(--tp-common-white);
  font-size: 13px;
  padding: 10px 16px;
  text-decoration: none;
  font-weight: 600;
  display: inline-block;
  transition: all 0.3s ease;
}

.tp-postbox-item.tp-postbox-item-details a.wp-block-file__button:hover {
  background: var(--tp-common-black);
  color: var(--tp-common-white);
}

/*--------------------------------------------------------------
# 40. Definition Lists & Nested Lists
--------------------------------------------------------------*/

.tp-postbox-item.tp-postbox-item-details dl,
.tp-postbox-item.tp-postbox-item-details ol,
.tp-postbox-item.tp-postbox-item-details ul {
  margin-top: 0;
  margin-bottom: 25px;
  margin-left: 20px;
}

.tp-postbox-item.tp-postbox-item-details ol {
  padding-left: 20px;
  list-style: decimal;
}

.tp-postbox-item.tp-postbox-item-details ul {
  list-style: disc;
}

/*widget*/
.tp-blog-sidebar-widget ul {
  padding-left: 0;
}


.tp-blog-sidebar-widget.widget_recent_entries ul li a::after {
  display: none;
}

.tp-blog-sidebar-widget.widget_recent_entries ul li a {
  padding-left: 0;
  color: #fff;
}

.tp-blog-sidebar-widget.widget_recent_entries ul li a:hover {
  padding-left: 0;
  color: #FD4621;
}


.tp-blog-sidebar-widget.widget_tag_cloud .tagcloud {
  border-top: 0;
  padding: 0;
}

.tp-blog-sidebar-widget .nice-select .option {
  word-wrap: break-word;
  white-space: normal;
  line-height: 1.4;
  margin-bottom: 6px !important;
}

.tp-blog-sidebar-widget .nice-select::after {
  right: 18px;
}

.tp-postbox-item.tp-postbox-item-details-comment-wrapper .logged-in-as {
  margin-bottom: 10px;
}

.tp-postbox-item.tp-postbox-item-details-comment-wrapper .logged-in-as a {
  color: var(--tp-common-black);
}

.tp-postbox-item.tp-postbox-item-details-comment-wrapper .logged-in-as a:hover {
  color: var(--tp-common-black);
}

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

#wp-calendar {
  width: 100%;
}


#wp-calendar thead {
  font-size: 14px;
}

#wp-calendar thead th {
  padding-bottom: 10px;
  text-align: center;
}

#wp-calendar tbody {
  color: #666;
}

#wp-calendar tbody td {
  background: #fff;
  border: 1px solid #e1e1e1;
  text-align: center;
  padding: 8px 0;
  transition: 0.3s;
}

.tp-blog-sidebar-widget .wp-calendar-table a {
  color: var(--tp-common-black);
}

#wp-calendar tbody td#today {
  background: var(--tp-common-black);
  color: #fff;
}

.tp-postbox-item.tp-postbox-item-details #wp-calendar tbody td#today {
  background: var(--tp-common-black);
  color: #fff;
}

.wp-calendar-nav {
  display: flex;
  justify-content: space-between;
}

.tp-blog-sidebar-widget .wp-calendar-nav a {
  color: #7e7e7e;
}

.tp-blog-sidebar-widget .wp-calendar-nav a:hover {
  color: #fff;
}

/*sidebar block widget*/
.tp-blog-sidebar-widget .wp-block-group__inner-container h2 {
  font-size: 24px;
  font-weight: 700;
  line-height: 1;
  text-transform: capitalize;
  margin-bottom: 25px;
  color: var(--tp-heading-color);
}

.tp-postbox-item.tp-postbox-item-details .wp-block-group .wp-block-group__inner-container> :last-child {
  margin-bottom: 0px;
}

.tp-postbox-item.tp-postbox-item-details .wp-block-group {
  margin-top: 30px;
  margin-bottom: 30px;
}

.tp-postbox-item.tp-postbox-item-details .wp-block-post-template {
  margin-bottom: 25px;
  margin-left: 20px;
}



.tp-blog-sidebar-widget.widget_block ul.wp-block-latest-posts li:not(:last-child) {
  margin-bottom: 15px;
}

.tp-blog-sidebar-widget.widget_block ol.wp-block-latest-comments li.wp-block-latest-comments__comment {
  margin-bottom: 0;
}

.tp-blog-sidebar-widget.widget_block ol.wp-block-latest-comments li.wp-block-latest-comments__comment:not(:last-child) {
  margin-bottom: 5px;
}

.tp-blog-sidebar-widget.widget_block ul.wp-block-latest-posts li a {
  border-radius: 14px;
  padding: 12px 20px;
  font-weight: 500;
  font-size: 16px;
  line-height: 1;
  display: flex;
  justify-content: space-between;
  background: #1a1b1e;
  letter-spacing: -0.01em;
  color: rgba(255, 255, 255, 0.8);
}

.tp-blog-sidebar-widget.widget_block ul.wp-block-latest-posts li a:hover {
  color: #FD4621;
}

.tp-blog-sidebar-widget.widget_block .wp-block-latest-comments article a {
  font-size: 17px;
  font-weight: 400;
  line-height: 24px;
  color: rgba(255, 255, 255, 0.6);
  background-image: radial-gradient(currentColor, currentColor), radial-gradient(currentColor, currentColor);
  background-size: 0% 1px, 0 1px;
  background-position: 100% 100%, 0 91%;
  background-repeat: no-repeat;
}

.tp-blog-sidebar-widget.widget_block .wp-block-latest-comments article a:hover {
  color: var(--tp-theme-color);
}

.tp-blog-sidebar-widget.widget_block .wp-block-latest-comments article .wp-block-latest-comments__comment-meta {
  color: #777;
}

.tp-blog-sidebar-widget.widget_block .wp-block-latest-comments article a.wp-block-latest-comments__comment-author {
  color: rgba(255, 255, 255, 0.6);
}

.tp-blog-sidebar-widget.widget_block .wp-block-latest-comments article a.wp-block-latest-comments__comment-author:hover {
  color: var(--tp-theme-color);
}

.tp-blog-sidebar-widget .wp-block-tag-cloud a {
  padding: 9px 18px;
  font-weight: 400;
  font-size: 13px !important;
  line-height: 1;
  text-align: center;
  margin-bottom: 7px;
  border: 1px solid rgba(17, 17, 17, 0.1);
  display: inline-block;
  text-transform: capitalize;
  color: #5f556a;
  border-radius: 50px;
}

.tp-blog-sidebar-widget .wp-block-tag-cloud a:not(:last-child) {
  margin-right: 3px;
}

.tp-blog-sidebar-widget .wp-block-tag-cloud a:hover {
  color: var(--tp-common-white);
  background-color: var(--tp-theme-1);
}

.tp-blog-sidebar-widget .wp-block-calendar table th {
  background: no-repeat;
}


#wp-calendar {
  width: 100%;
}

#wp-calendar caption {
  text-align: right;
  font-size: 15px;
  margin-top: 5px;
  margin-bottom: 0;
  padding-bottom: 0;
  padding-top: 0;
  color: var(--tp-grey-1);
}

#wp-calendar thead {
  font-size: 14px;
}

#wp-calendar thead th {
  padding: 8px 0px;
  text-align: center;
  color: #666;
  border: 1px solid #e1e1e1;
  background: #e1e1e1;

}

#wp-calendar tbody {
  color: #666;
}

#wp-calendar tbody td {
  background: #fff;
  border: 1px solid #e1e1e1;
  text-align: center;
  padding: 8px 0;
  transition: 0.3s;
  color: var(--tp-common-black);
}

#wp-calendar tbody td#today {
  background: #e1e1e1;
  color: #666;
}

#wp-calendar tbody td#today a {
  color: #666;
}

.tp-blog-area .wp-calendar-nav-prev a {
  color: var(--tp-grey-1);
}

.wp-calendar-nav {
  display: flex;
  justify-content: space-between;
}

.wp-calendar-nav {
  color: #fff;
}



.gallery-caption {
  display: block;
}

/* Text meant only for screen readers. */
.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;
  /* Many screen reader and browser combinations announce broken words as they would appear visually. */
}

.screen-reader-text:focus {
  background-color: #eee;
  clip: auto !important;
  clip-path: none;
  color: #444;
  display: block;
  font-size: 1em;
  height: auto;
  left: 5px;
  line-height: normal;
  padding: 15px 23px 14px;
  text-decoration: none;
  top: 5px;
  width: auto;
  z-index: 100000;
  /* Above WP toolbar. */
}


/*woo */
.wp-block-table.is-style-stripes tbody tr:nth-child(2n+1) {
  background-color: #fff;
}

.wp-block-table.is-style-stripes {
  border-spacing: 0;
  border-collapse: inherit;
  background-color: transparent;
  border-bottom: 1px solid #ddd;
}

.wp-block-table.is-style-stripes tbody tr:nth-child(2n+1) {
  background-color: #f0f0f0;
}

.single-product .elementor-lightbox {
  display: none !important;
}

/* theme latest unit css  */

.sidebar-border-bottom {
  display: flex;
  flex-flow: column;
}




.tp-blog-sidebar-widget ul ul {
  margin-top: 15px !important;
  margin-left: 22px !important;
  ;
}


@media screen and (max-width: 1199px) {
  .tp-blog-sidebar-widget {
    padding: 40px 30px !important;
  }

  .tp-blog-sidebar-widget .sub-menu {
    margin-left: 10px;
  }

}

@media screen and (max-width: 1400px) {
  .tp-blogpost-area .sidebar-wrapper .tp-blog-sidebar-widget ul li a {
    padding: 15px 40px 15px 15px;
  }

  .tp-blog-sidebar-widget ul li a::after {
    right: 15px !important;
  }

  .tp-blog-sidebar-widget .nice-select {
    height: 54px;
    line-height: 54px;
  }

}

.tp-sidebar-widget.widget_archive li,
.tp-sidebar-widget.widget_categories li,
.tp-sidebar-widget.widget_pages li,
.tp-sidebar-widget.widget_recent_entries ul li,
.tp-sidebar-widget.widget_rss ul li,
.tp-sidebar-widget.widget_nav_menu ul li,
.tp-sidebar-widget.widget_meta li {
  list-style: none;
  margin-bottom: 17px;
}

.tp-sidebar-widget.widget_archive ul li a,
.tp-sidebar-widget.widget_categories ul li a,
.tp-sidebar-widget.widget_pages ul li a,
.tp-sidebar-widget.widget_recent_entries ul li a,
.tp-sidebar-widget.widget_rss ul li a,
.tp-sidebar-widget.widget_nav_menu ul li a,
.tp-sidebar-widget.widget_meta ul li a {
  font-family: var(--tp-ff-heading);
  font-weight: 500;
  font-size: 18px;
  color: var(--tp-grey-1);
  display: flex;
  justify-content: space-between;
}

.tp-sidebar-widget.widget_archive ul li a:hover,
.tp-sidebar-widget.widget_recent_entries ul li a:hover,
.tp-sidebar-widget.widget_rss ul li a:hover,
.tp-sidebar-widget.widget_nav_menu ul li a:hover,
.tp-sidebar-widget.widget_categories ul li a:hover {
  color: var(--tp-common-black);
}

.tp-sidebar-widget.widget_categories .children li,
.tp-sidebar-widget.widget_nav_menu .sub-menu ul li,
.tp-sidebar-widget.widget_pages .children li {
  margin-top: 18px;
  margin-left: 15px;
}

.tp-blog-sidebar-widget.widget_categories .children,
.tp-sidebar-widget.widget_nav_menu .sub-menu {
  margin-top: 15px;
  margin-left: 7px;
  padding-left: 7px;
}



.tp-sidebar-wrap .recentcomments {
  line-height: 1.2;
  margin-bottom: 17px;
  list-style: none;
}

.tp-sidebar-wrap .recentcomments.comment-author-link {
  display: inline-block;
  margin-right: 5px;
}

.tp-sidebar-wrap .recentcomments a {
  font-family: var(--tp-ff-p);
  color: var(--tp-grey-1);
  font-size: 18px;
}

.tp-sidebar-wrap .recentcomments a:hover {
  color: var(--tp-common-black);
}

.tp-blogpost-area .sidebar-wrapper .tp-blog-sidebar-widget.widget_recent_entries ul a,
.tp-blogpost-area .sidebar-wrapper .tp-blog-sidebar-widget ul .recentcomments a,
.tp-blogpost-area .sidebar-wrapper .tp-blog-sidebar-widget.widget_rss ul a.rsswidget {
  line-height: 1.2;
  color: rgba(255, 255, 255, 0.8);
  position: relative;
  background: none;
  border: none;
  border-radius: 0px;
  margin-left: 5px;
  margin-top: 5px;
  font-size: 16px;
  font-weight: 400;
  padding: 0;
  display: inline-block;
  background-color: none;
  border-color: none;
  text-transform: capitalize;
}

.tp-blogpost-area .sidebar-wrapper .tp-blog-sidebar-widget.widget_rss ul li {
  color: rgba(255, 255, 255, 0.8);
}

.sidebar-widget.tp-blog-sidebar-widget.widget_text .textwidget p strong {
  color: #fff;
}

.sidebar-widget.tp-blog-sidebar-widget.widget_text .textwidget p {
  color: rgba(255, 255, 255, 0.8);
}

.tp-blogpost-area .sidebar-wrapper .tp-blog-sidebar-widget.widget_rss ul a.rsswidget {
  font-size: var(--font-size-md);
  margin: 0;
  font-weight: 500;
}

.tp-blogpost-area .sidebar-wrapper .tp-blog-sidebar-widget.widget_rss ul .rss-date {
  display: inline-block;
}

.tp-blogpost-area .sidebar-wrapper .tp-blog-sidebar-widget.widget_recent_entries ul a:hover,
.tp-blogpost-area .sidebar-wrapper .tp-blog-sidebar-widget ul .recentcomments a:hover,
.tp-blogpost-area .sidebar-wrapper .tp-blog-sidebar-widget.widget_rss ul a.rsswidget:hover {
  background-color: transparent;
  color: var(--tp-theme-color);
  border-color: transparent;
}

.tp-blogpost-area .sidebar-wrapper .tp-blog-sidebar-widget ul .recentcomments a::after,
.tp-blogpost-area .sidebar-wrapper .tp-blog-sidebar-widget.widget_rss ul a::after {
  display: none;
}



.wp-block-list {
  margin-left: 20px;
  margin-bottom: 25px;
}

.wp-block-list li ul {
  margin-left: 15px;
}

.tp-postbox-item.tp-postbox-item-details a.wp-block-file__button {
  background: #32373c;
  border-radius: 2em;
  color: #fff;
  font-size: 10px;
  padding: 0.5em 1em;
}

.tp-blog-area .wp-block-file__button {
  padding: 4px 12px;
}

.tp-postbox-item.tp-postbox-item-details dl,
.tp-postbox-item.tp-postbox-item-details ol,
.tp-postbox-item.tp-postbox-item-details ul {
  margin-top: 0;
  margin-bottom: 25px;
  margin-left: 20px;
}

.tp-postbox-item.tp-postbox-item-details ol {
  padding-left: 20px;
}

.tp-postbox-item.tp-postbox-item-details ul li a,
.tp-postbox-item.tp-postbox-item-detailsdl a {
  text-underline-offset: 5px;
  text-decoration: underline;
  transition: 0.3s;
}

.tp-postbox-item.tp-postbox-item-details ul li a:hover,
.tp-postbox-item.tp-postbox-item-detailsdl a:hover {
  text-decoration-style: dotted;
  text-decoration-skip-ink: none;
}

.tp-postbox-item.tp-postbox-item-details .wp-block-tag-cloud a {
  padding: 9px 18px;
  font-weight: 400;
  font-size: 13px !important;
  line-height: 1;
  text-align: center;
  margin-bottom: 7px;
  border: 1px solid rgba(17, 17, 17, 0.1);
  display: inline-block;
  text-transform: capitalize;
  color: #5f556a;
  border-radius: 50px;
}

.tp-postbox-item.tp-postbox-item-details .wp-block-tag-cloud a:hover {
  color: var(--tp-common-white);
  background-color: var(--tp-theme-1);
}

.tp-postbox-item.tp-postbox-item-details p.has-large-font-size {
  font-size: 24px !important;
  line-height: 1.2;
  margin-bottom: 10px;
}

.tp-postbox-item.tp-postbox-item-details .wp-block-button__link:hover {
  color: #000000;
  background: #c6c6c6;
}

.tp-postbox-item.tp-postbox-item-details table {
  margin-bottom: 30px;
}

.tp-postbox-item.tp-postbox-item-details table td {
  border-color: #ddd;
  padding: 12px 12px;
}

.tp-postbox-item.sticky {
  border-top: 3px solid var(--tp-theme-color);
  padding-top: 40px;
}

.tp-blog-sidebar-widget ul {
  margin: 0 !important;
}

.postbox__comment li .comment-respond {
  margin-bottom: 35px;
}

.postbox-blockquote blockquote {
  position: relative;
  display: flex;
  gap: 15px;
  align-items: start;
  margin-bottom: 0;
}

.postbox-blockquote blockquote p {
  margin-bottom: 0;
  font-weight: 500;
  font-size: 30px;
  line-height: 1.47;
  letter-spacing: -0.02em;
  color: var(--tp-common-black);
}

.postbox-blockquote blockquote::before {
  content: '';
  background-image: url(../img/blog/quote_black.png);
  background-repeat: no-repeat;
  width: 45px;
  height: 45px;
  display: inline-block;
  flex: 0 0 auto;
  margin-top: 12px;
  margin-right: 15px;
}

.postbox-blockquote blockquote cite {
  font-weight: 600;
  font-size: 18px;
  padding-right: 10px;
  letter-spacing: -0.02em;
  color: var(--tp-common-black);
  position: relative;
  font-style: normal;
}

.postbox-blockquote blockquote cite i::after {
  position: absolute;
  top: 9px;
  left: -3px;
  height: 4px;
  width: 4px;
  content: "";
  border-radius: 50%;
  background-color: rgba(20, 24, 32, 0.5);
}

.postbox-blockquote blockquote cite i {
  font-weight: 400;
  font-size: 14px;
  color: #525356;
  font-style: normal;
  position: relative;
  padding-left: 10px;
  margin-left: 10px;
}

.postbox-link-bg.space-bottom {
  padding-bottom: 38px;
}

.tp-postbox-item.tp-postbox-item-details-text-list ul {
  padding-left: 0 !important;
  margin-left: 0 !important;
  margin-top: 18px;
}

/*table */
.tp-postbox-item.tp-postbox-item-details table {
  margin-bottom: 30px;
  width: 100%;
}

.tp-postbox-item.tp-postbox-item-details table,
.tp-postbox-item.tp-postbox-item-details th,
.tp-postbox-item.tp-postbox-item-details td {
  border: 1px solid rgba(255, 255, 255, 0.08);
  color: rgba(255, 255, 255, 0.8);
}

.tp-postbox-item.tp-postbox-item-details table th {
  padding: 12px 12px;
  font-size: 15px;
  border-color: rgba(255, 255, 255, 0.08);
  color: rgba(255, 255, 255, 0.8);
  text-align: center;
  font-weight: 400;
}

.tp-postbox-item.tp-postbox-item-details table tbody td {
  text-align: center;
}

.tp-postbox-item.tp-postbox-item-details table a {
  color: var(--tp-theme-1);
}

.tp-postbox-item.tp-postbox-item-details table td {
  border-color: rgba(255, 255, 255, 0.08);
  padding: 12px 12px;
  color: rgba(255, 255, 255, 0.8);
}

.wp-block-table thead,
.wp-block-table tfoot {
  border-color: var(--tp-common-black);
}

.tp-postbox-item.tp-postbox-item-details .comments-text table {
  margin-bottom: 30px;
  width: 100%;
  background: #fff;
}

.tp-blog-area .wp-block-verse {
  border: 1px solid var(--tp-border-1);
  color: var(--tp-grey-1);
}

.tp-blog-area table tr,
.tp-blog-area table th {
  padding: 12px;
  border: 1px solid;
  border-color: var(--tp-border-1) !important;
}

.tp-blog-area table td {
  padding: 12px;
  border: 1px solid;
  text-align: center;
  border-color: var(--tp-border-1) !important;
}

.tp-blog-area table {
  margin-bottom: 20px;
  width: 100%;
}

.tp-blog-area table th {
  font-weight: 500;
  text-align: center;

}

.tp-blog-area .wp-block-button__link:hover {
  background: #c6c6c6;
  color: var(--tp-common-black) !important;
}

.tp-postbox-item.tp-postbox-item-details p img.alignright {
  margin-bottom: 1.5em !important;
}

.tp-postbox-item.tp-postbox-item-details dl,
.tp-postbox-item.tp-postbox-item-details ol,
.tp-postbox-item.tp-postbox-item-details ul {
  margin-top: 0;
  margin-bottom: 25px;
  margin-left: 20px;
}

.tp-postbox-item.tp-postbox-item-details p,
.tp-postbox-item.tp-postbox-item-details ol li,
.tp-postbox-item.tp-postbox-item-details ul li {
  color: rgba(255, 255, 255, 0.7) !important;
}

.tp-postbox-item.tp-postbox-item-details ul li a,
.tp-postbox-item.tp-postbox-item-detailsdl a {
  text-underline-offset: 5px;
  text-decoration: underline;
  transition: 0.3s;
}

.tp-postbox-item.tp-postbox-item-details ul li a:hover,
.tp-postbox-item.tp-postbox-item-detailsdl a:hover {
  text-decoration-style: dotted;
  text-decoration-skip-ink: none;
}

.tp-postbox-item.tp-postbox-item-details .wp-block-heading,
.wp-block-site-title :where(a) {
  color: var(--tp-common-dark);
}

.postbox-wrapper b,
.wp-block-code code,
.wp-block-embed__wrapper,
.wp-block-preformatted,
.wp-block-image .aligncenter>figcaption,
.tp-postbox-item,
.wp-block-categories__label,
.wp-block-table :where(figcaption),
.wp-block-archives-dropdown label {
  color: var(--tp-grey-1) !important;
}

.wp-block-search .wp-block-search__label {
  color: var(--tp-grey-1) !important;
}

.wp-block-code,
.wp-block-preformatted {
  border: 1px solid var(--tp-border-1);
}

.wp-block-group__inner-container.is-layout-flow.wp-block-group-is-layout-flow p,
.wp-block-media-text.alignfull.has-media-on-the-right.has-background.is-stacked-on-mobile p {
  color: var(--tp-common-black) !important;
}

.wp-block-pullquote.has-background.has-cyan-bluish-gray-background-color blockquote::before,
.wp-block-pullquote.has-background.has-cyan-bluish-gray-background-color p,
.wp-block-pullquote.has-background.has-cyan-bluish-gray-background-color cite {
  color: #1a1b1e;
}

.wp-block-pullquote.has-background.has-cyan-bluish-gray-background-color blockquote {
  border: 1px solid rgba(0, 0, 0, 0.44);
}

.wp-block-separator:not(.is-style-wide):not(.is-style-dots),
.wp-block-separator {
  border-color: rgba(255, 255, 255, 0.8);
}

:root :where(.wp-block-separator.is-style-dots)::before {
  color: #fff;
}

.tp-postbox-item h1,
.tp-postbox-item h2,
.tp-postbox-item h3,
.tp-postbox-item h4,
.tp-postbox-item h5,
.tp-postbox-item h6 {
  color: var(--tp-common-dark);
}

.tp-postbox-item .tp-btn-ai-xl:hover {
  color: var(--tp-common-dark);
}

.wp-block-table.is-style-stripes tbody tr:nth-child(2n+1) {
  background-color: #f0f0f0;
}

.postbox-details-tag-wrap {
  clear: both;
}

.postbox__comment .postbox__comment-box blockquote {
  border: inherit;
  border-radius: inherit;
  padding: 0;
  position: relative;
  text-align: start;
}

.postbox__comment .postbox__comment-box blockquote::before {
  display: none;
}

.postbox__comment ol li {
  list-style: decimal !important;
  padding: 0;
  margin-bottom: 10px;
}

.mejs-container.wp-audio-shortcode.mejs-audio {
  margin-bottom: 15px;
}

.tp-blog-sidebar-widget ul ul li {
  margin-top: 0;
}

.wp-block-navigation:not(.has-background) .wp-block-navigation__submenu-container {
  background-color: #1a1b1e;
}

.sidebar-wrapper .wp-block-group ol {
  padding-left: 0;
  margin-left: 0;
}

.tp-blog-area .alignright {
  margin-bottom: 24px;
}

.tp-sidebar-widget .wp-block-search .wp-block-search__label {
  display: none;
}

.wp-block-file__button {
  background: #32373c;
  text-decoration: none;
  padding: 4px 11px;
}

/*--------------------------------------------------------------
# 37. WooCommerce Table Styling
--------------------------------------------------------------*/

table.woocommerce-table tbody tr:nth-child(even) {
  background: var(--tp-grey-2);
}

table.woocommerce-table tbody tr:nth-child(odd) {
  background: var(--tp-common-white);
}

table.woocommerce-table th,
table.woocommerce-table td {
  border-color: var(--tp-border-1);
  padding: 12px;
}

/*--------------------------------------------------------------
# 38. WordPress Block List
--------------------------------------------------------------*/

ul.wp-block-list,
ol.wp-block-list {
  margin-left:20px;
  padding-left: 0;
}

ul.wp-block-list li,
ol.wp-block-list li {
  margin-bottom: 10px;
  list-style-position: inside;
}


/*--------------------------------------------------------------
# 39. File Download Block
--------------------------------------------------------------*/

.tp-blog-area .wp-block-file__button.wp-element-button {
  padding: 4px 11px;
  color: var(--tp-common-white) !important;
}

/*--------------------------------------------------------------
# 40. Definition Lists & Nested Lists
--------------------------------------------------------------*/

.tp-postbox-item.tp-postbox-item-details dl {
  margin-top: 0;
  margin-bottom: 25px;
  margin-left: 0;
}

.tp-postbox-item.tp-postbox-item-details ol {
  padding-left: 20px;
  list-style: decimal;
}

.tp-postbox-item.tp-postbox-item-details ul {
  list-style: disc;
}

.tp-postbox-item.tp-postbox-item-details dl dt {
  font-weight: 600;
  margin-top: 15px;
  margin-bottom: 5px;
  color: var(--tp-common-black);
}

.tp-postbox-item.tp-postbox-item-details dl dd {
  margin-left: 20px;
  margin-bottom: 15px;
  color: var(--tp-grey-1);
}

/*--------------------------------------------------------------
# 41. Miscellaneous Blog Widgets
--------------------------------------------------------------*/

.postbox__comment blockquote {
  margin-top: 15px;
  margin-bottom: 15px;
  padding: 15px 20px;
  border-left: 3px solid var(--tp-theme-1);
  background: var(--tp-grey-2);
  font-style: italic;
  color: var(--tp-grey-1);
}

.blog-post-comment blockquote {
  border-left: 4px solid var(--tp-theme-1);
  padding: 15px 20px;
  margin: 15px 0;
  background: var(--tp-grey-2);
}

.postbox-wrapper .blog-post-comment a {
  text-decoration: underline;
  color: var(--tp-common-black);
  transition: color 0.3s ease;
}

.postbox-wrapper .blog-post-comment a:hover {
  color: var(--tp-theme-1);
}

/*--------------------------------------------------------------
# 42. Single Post Table Styling
--------------------------------------------------------------*/

.tp-postbox-item.tp-postbox-item-details table {
  width: 100%;
  margin: 25px 0;
  border-collapse: collapse;
}

.tp-postbox-item.tp-postbox-item-details table th {
  background: var(--tp-grey-2);
  font-weight: 700;
  padding: 14px;
  border: 1px solid var(--tp-border-1);
  text-align: left;
  color: var(--tp-common-black);
}

.tp-postbox-item.tp-postbox-item-details table td {
  padding: 12px 14px;
  border: 1px solid var(--tp-border-1);
  color: var(--tp-grey-1);
}

.tp-postbox-item.tp-postbox-item-details table tbody tr:nth-child(even) {
  background: var(--tp-common-white);
}

.tp-postbox-item.tp-postbox-item-details table tbody tr:nth-child(odd) {
  background: var(--tp-grey-2);
}

.tp-postbox-item.tp-postbox-item-details .wp-block-verse {
  padding: 20px;
  background: var(--tp-grey-2);
  border: 1px solid var(--tp-border-1);
  border-radius: 4px;
  font-size: 15px;
  line-height: 1.8;
  color: var(--tp-grey-1);
  white-space: pre-wrap;
}

/*--------------------------------------------------------------
# 43. Responsive Media Queries & Mobile Optimization
--------------------------------------------------------------*/

/**
 * Tablet Breakpoint - 768px and below
 */
@media (max-width: 768px) {

  /* Sticky post responsive sizing */
  .tp-postbox-item.sticky::before {
    font-size: 10px;
    padding: 3px 8px;
    top: -12px;
  }

  .tp-postbox-item.sticky {
    padding-top: 20px;
    border-top: 3px solid var(--tp-theme-1);
  }

  /* Comment form responsive */
  .comment-respond.wp-block-post-comments-form input,
  .comment-respond.wp-block-post-comments-form textarea {
    font-size: 16px;
  }

  /* Gallery responsive */
  .gallery-item {
    max-width: 50%;
  }

  .gallery-columns-3 .gallery-item,
  .gallery-columns-4 .gallery-item,
  .gallery-columns-5 .gallery-item {
    max-width: 50%;
  }

  /* Widget responsive */
  .sidebar-widget .wp-block-categories-list li a {
    padding: 10px 14px;
    font-size: 14px;
  }

  /* Pagination responsive */
  .wp-block-query-pagination-numbers a,
  .wp-block-query-pagination-numbers span {
    min-width: 35px;
    height: 35px;
    line-height: 33px;
    font-size: 13px;
  }

  /* Table responsive */
  .tp-page-content table,
  .tp-postbox-item.tp-postbox-item-details table {
    font-size: 13px;
  }

  .tp-page-content table th,
  .tp-postbox-item.tp-postbox-item-details table th {
    padding: 10px;
  }

  .tp-page-content table td,
  .tp-postbox-item.tp-postbox-item-details table td {
    padding: 8px 10px;
  }

  /* Search responsive */
  .wp-block-search__input,
  .wp-block-search__button {
    height: 44px;
    font-size: 14px;
  }

  /* Nested comments responsive */
  .latest-comments ul li .children {
    margin-left: 20px;
  }

  /* Tag cloud responsive */
  .tp-sidebar-wrap .tp-sidebar-widget .tagcloud a {
    padding: 6px 12px;
    font-size: 11px !important;
  }
}

/**
 * Mobile Breakpoint - 574px and below
 */
@media (max-width: 574px) {

  /* Sticky post mobile */
  .tp-postbox-item.sticky {
    padding-top: 18px;
    border-top: 3px solid var(--tp-theme-1);
    margin-bottom: 45px;
  }

  .tp-postbox-item.sticky::before {
    font-size: 9px;
    padding: 2px 6px;
    top: -10px;
    left: 0;
  }

  /* Comments responsive */
  .comment-respond.wp-block-post-comments-form {
    padding-top: 20px;
    margin-top: 20px;
  }

  .comment-respond.wp-block-post-comments-form input,
  .comment-respond.wp-block-post-comments-form textarea {
    height: 44px;
    font-size: 16px;
    padding: 0 12px;
  }

  .comment-respond.wp-block-post-comments-form textarea {
    height: 100px;
  }

  /* Gallery mobile */
  .gallery-item {
    max-width: 100%;
  }

  .gallery-columns-1 .gallery-item,
  .gallery-columns-2 .gallery-item,
  .gallery-columns-3 .gallery-item,
  .gallery-columns-4 .gallery-item {
    max-width: 100%;
  }

  /* Widget mobile */
  .sidebar-widget .wp-block-categories-list li a {
    padding: 8px 12px;
    font-size: 13px;
  }

  .sidebar-wrapper .wp-block-heading,
  .widgettitle {
    font-size: 18px;
  }

  /* Pagination mobile */
  .wp-block-query-pagination {
    margin-top: 20px;
    margin-bottom: 20px;
  }

  .wp-block-query-pagination-numbers a,
  .wp-block-query-pagination-numbers span {
    min-width: 32px;
    height: 32px;
    line-height: 30px;
    font-size: 12px;
  }

  /* Table mobile */
  .tp-page-content table,
  .tp-postbox-item.tp-postbox-item-details table {
    font-size: 12px;
    overflow-x: auto;
  }

  .tp-page-content table th,
  .tp-postbox-item.tp-postbox-item-details table th {
    padding: 8px;
    font-size: 12px;
  }

  .tp-page-content table td,
  .tp-postbox-item.tp-postbox-item-details table td {
    padding: 6px 8px;
  }

  /* Search mobile */
  .wp-block-search__input,
  .wp-block-search__button {
    height: 42px;
    font-size: 13px;
    padding: 0 12px;
  }

  .wp-block-search__button {
    padding: 0 16px;
  }

  /* Button mobile */
  .wp-block-button__link {
    padding: 12px 24px !important;
    font-size: 14px;
  }

  /* Nice select mobile */
  .tp-sidebar-wrap .nice-select {
    height: 44px;
    line-height: 44px;
    margin-bottom: 15px;
  }

  /* List mobile */
  .tp-blog-area>ul,
  .tp-blog-area>ol {
    padding-left: 18px;
    margin-bottom: 20px;
  }

  /* Blockquote mobile */
  blockquote,
  .wp-block-quote {
    padding: 20px 25px;
    margin: 20px 0;
  }

  /* Nested comments mobile */
  .latest-comments ul li .children {
    margin-left: 15px;
  }

  .latest-comments ul li .children li {
    padding-top: 10px;
    padding-bottom: 10px;
  }

  /* Tag cloud mobile */
  .tp-sidebar-wrap .tp-sidebar-widget .tagcloud a {
    padding: 5px 10px;
    font-size: 10px !important;
    margin-right: 4px;
    margin-bottom: 4px;
  }

  /* Avatar mobile */
  .comments-avatar img {
    width: 50px !important;
    height: 50px !important;
  }

  /* Page content responsive */
  .tp-page-content {
    font-size: 15px;
  }

  .tp-page-content ol li,
  .tp-page-content ul li {
    margin-bottom: 10px;
  }

  /* Post tags mobile */
  .tp-post-tag span {
    display: block;
    margin-bottom: 10px;
  }

  .tp-post-tag a {
    font-size: 12px;
    padding: 0 10px;
    height: 28px;
    line-height: 28px;
  }
}

/*--------------------------------------------------------------
# End of Turie Unit Test CSS File
# Properly Organized & WordPress Standards Compliant
--------------------------------------------------------------*/