/* # Theme Unit Test - CSS Index
  -----------------------------------
  1. WordPress Core
  2. Blog
  3. Page
*/
/*--------------------------------------------------------------
# 1. WordPress Core
--------------------------------------------------------------*/
.alignnone {
  margin: 5px 20px 20px 0;
}

.aligncenter,
div.aligncenter {
  display: block;
  margin: 5px auto 5px auto;
}

.alignright {
  float:right;
  margin: 5px 0 20px 20px;
}

.alignleft {
  float: left;
  margin: 5px 20px 20px 0;
}

a img.alignright {
  float: right;
  margin: 5px 0 20px 20px;
}

a img.alignnone {
  margin: 5px 20px 20px 0;
}

a img.alignleft {
  float: left;
  margin: 5px 20px 20px 0;
}

a img.aligncenter {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.wp-caption {
  background: #fff;
  border: 1px solid #f0f0f0;
  max-width: 96%; /* Image does not overflow the content area */
  padding: 5px 3px 10px;
  text-align: center;
}

.wp-caption.alignnone {
  margin: 5px 20px 20px 0;
}

.wp-caption.alignleft {
  margin: 5px 20px 20px 0;
}

.wp-caption.alignright {
  margin: 5px 0 20px 20px;
}

.wp-caption img {
  border: 0 none;
  height: auto;
  margin: 0;
  max-width: 98.5%;
  padding: 0;
  width: auto;
}

.wp-caption p.wp-caption-text {
  font-size: 11px;
  line-height: 17px;
  margin: 0;
  padding: 0 4px 5px;
}

/* 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. */
}

.gallery-caption {
  display: block;
}

.bypostauthor {
  display: block;
}

/*--------------------------------------------------------------
# 2. Blog
--------------------------------------------------------------*/
.tp-postbox-item.sticky {
	border-color: var(--tp-theme-primary);
}

.wp-block-heading {
	font-size: 24px;
}

.wp-block-latest-posts.wp-block-latest-posts__list {
	padding-left: 17px !important;
}

.wp-block-search__label {
	color: var(--tp-common-black);
	font-weight: 600 !important;
}

.wp-block-search__button {
	background-color: var(--tp-theme-primary);
}
/* ---------- Details blog ---------- */
.tp-postbox-details-content a:hover {
	color: var(--tp-theme-primary);
}

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

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

.tp-page-area ul,
.tp-blog-comments-content ul,
.tp-postbox-details-content ul {
	padding-left: 15px;
}

.tp-page-area ol,
.tp-blog-comments-content ol,
.tp-postbox-details-content ol {
	padding-left: 30px;
}

.tp-postbox-details-content ul li {
	margin-bottom: 5px;
}
.tp-postbox-details-content ul li a {
  text-decoration: underline;
}
.tp-postbox-details-content ul li a:hover {
  text-decoration: none;
}

.wp-block-rss,
.wp-block-latest-posts,
.wp-block-latest-comments,
.wp-block-post-template,
.wp-block-navigation,
.wp-block-navigation .wp-block-page-list {
	padding-left: 0 !important;
}

.wp-block-group {
  margin-bottom: 20px;
}

.wp-block-group__inner-container p {
	margin-bottom: 0;
    padding: 5px 10px;
}

.wp-block-post-title {
	font-size: 36px;
}

.wp-block-post-template .wp-block-post {
	margin-bottom: 25px;
}

/* ---------- details content pagination ---------- */
.wp-block-query-pagination {
	margin-bottom: 8px;
}

.page-links .post-page-numbers,
.wp-block-query-pagination-numbers a,
.wp-block-query-pagination-numbers span {
	border: 1px solid rgba(0, 0, 0, 0.175);
	padding: 4px 12px;
	min-width: 32px;
	display: inline-block;
}

.page-links .post-page-numbers {
	margin-right: 5px;
}

.page-links .post-page-numbers:not(.current):hover,
.wp-block-query-pagination-numbers a:hover {
	border-color: var(--tp-theme-primary);
}

.page-links .post-page-numbers.current, 
.wp-block-query-pagination-numbers span.current {
	border-color: var(--tp-theme-primary);
}

.wp-block-query-pagination-previous:hover,
.wp-block-query-pagination-next:hover {
  color: var(--tp-theme-primary);
}

/* ---------- comment ---------- */
.tp-postbox-details-content .comment-reply-link {
	display: inline-block;
	border: 1px solid #DEDFDF;
	padding: 0px 10px 3px;
	font-weight: 500;
}

.wp-block-comment-template {
	margin: 20px auto;
}

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

.wp-block-post-comments-form .form-submit input.submit {
	font-weight: 600;
	font-size: 15px;
	letter-spacing: -0.01em;
	text-transform: uppercase;
	color: var(--tp-common-white);
	background: var(--tp-theme-primary);
	line-height: 1;
	padding: 20px 28px;
	display: inline-flex;
	align-items: center;
	gap: 20px;
    border: none;
}
.wp-block-post-comments-form .form-submit input.submit:hover {
	background: var(--tp-common-mulberry);
	color: var(--tp-common-white);
}

/* ---------- calendar ---------- */
.wp-block-calendar table a {
	color: var(--tp-theme-primary);
}

.wp-block-calendar #today {
    background: var(--tp-theme-primary);
	color: #fff;
}

.wp-block-page-list ul {
	margin-bottom: 0;
}

/* ---------- search input ---------- */
.tp-postbox-details-content .wp-block-search__input {
	color: var(--tp-common-black);
	background: #f5f5f8;
	border: 0;
	height: 50px;
	width: 100%;
	padding: 0 15px;
}
.tp-postbox-details-content .wp-block-search__button {
	width: 120px;
	height: 50px;
	background: var(--tp-theme-primary);
	color: #fff;
	border: 0;
	transition: .3s;
}
.tp-postbox-details-content .wp-block-search__button.has-icon {
	width: 80px;
}

/* ---------- tag cloud ---------- */
.tp-postbox-details-content .wp-block-tag-cloud a {
	display: inline-block;
	font-family: var(--tp-ff-body);
	font-weight: 400;
	font-size: 14px !important;
	line-height: 1;
	color: var(--tp-grey-1);
	box-shadow: 0px 1px 3px rgba(3, 4, 28, 0.06);
	padding: 9px 18.5px;
	background-color: var(--tp-common-emerald);
	text-transform: capitalize;
	margin-bottom: 6px;
	margin-right: 2px;
	border-radius: 4px;
}
.tp-postbox-details-content .wp-block-tag-cloud a:hover {
	color: var(--tp-theme-primary);
}

.tp-postbox-details-content .wp-block-buttons,
.tp-postbox-details-content .wp-block-columns {
	margin-bottom: 30px !important;
}

.tp-postbox-details-content .wp-block-columns .wp-block-column > p {
  margin-bottom: 0;
} 

/* ---------- media category blocks ---------- */
.wp-block-cover p {
  color: #fff;
}

.wp-block-cover {
	margin-bottom: 20px;
}
.wp-block-file * + .wp-block-file__button {
	padding: 4px 14px;
}
.wp-block-file:not(.wp-element-button) {
	margin-bottom: 20px;
}

.wp-block-media-text {
	margin-bottom: 20px;
}

.wp-block-image figcaption a {
	color: var(--tp-theme-primary);
}

figcaption.blocks-gallery-caption {
	margin-bottom: 20px;
}

.wp-block-gallery.columns-2 {
	margin-right: 20px;
}

.gallery-columns-2 .gallery-item {
	display: inline-block;
	max-width: 50%;
	text-align: center;
	vertical-align: top;
	padding-right: 5px !important;
	width: 100%;
}

.tp-postbox-details-content select {
	background-color: #fff;
	border-radius: 5px;
	border: solid 1px #e8e8e8;
    padding: 0 16px;
	height: 40px;
	min-width: 150px;
	cursor: pointer;
}

/* ---------- attribute select ---------- */
.tp-postbox-details-content [class*="-dropdown wp-block-"] {margin-bottom: 20px;}

.tp-page-area pre,
.tp-postbox-details-wrap pre {
	display: block;
	font-size: 87.5%;
	color: #212529;
	border: 1px solid #ddd;
	padding: 15px;
}

.tp-postbox-details-wrap pre.wp-block-preformatted {
	margin: 15px 0;
}

/* ---------- Table ---------- */
.tp-page-area table,
.tp-postbox-details-wrap table {
  margin-bottom: 30px;
  width: 100%;
}

.tp-page-area table, .tp-page-area th, .tp-page-area td,
.tp-postbox-details-wrap table, 
.tp-postbox-details-wrap th, 
.tp-postbox-details-wrap td {
  border: 1px solid #d1d1d1;
}

.tp-page-area table th,
.tp-postbox-details-wrap table th {
  padding: 12px 12px;
  font-size: 15px;
  border-color: #ddd;
  text-align: center;
  font-weight: 600;
}   

.tp-page-area table th {text-align: left;}

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

.tp-page-area table a,
.tp-postbox-details-wrap table a {
  color: var(--tp-theme-primary);
}

.tp-page-area table td,
.tp-postbox-details-wrap table td {
  border-color: #ddd;
  padding: 12px 12px;
}

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

.tp-page-area blockquote,
.tp-postbox-details-wrap blockquote {
	background: #fff;
	padding: 20px 30px;
	border-left: 3px solid var(--tp-grey-1);
}

.tp-page-area blockquote p,
.tp-postbox-details-wrap blockquote p {margin-bottom: 0;}

/* ---------- input ---------- */
.tp-postbox-details-content:where(:not(textarea)) input {
	height: 50px;
}

.tp-postbox-details-content textarea {
	min-height: 100px;
}

.tp-postbox-details-content input[type="submit"] {
	width: 120px;
	height: 50px;
	background: #16171a;
	color: #fff;
    font-weight: 500;
	border: 0;
	margin-top: 10px;
	transition: .3s;
	position: relative;
}
.tp-postbox-details-content input[type="submit"]:hover {
  background: var(--tp-common-mulberry);
}

/* ---------- Comments ---------- */
.postbox__comment {
	list-style: none;
}

.postbox__comment .children {
	list-style: none;
}

.gallery-item {
	display: inline-block;
	max-width: 33.33%;
	text-align: center;
	vertical-align: top;
	width: 100%;
	padding-right: 5px !important;
}

/* ---------- Page ---------- */
.tp-page-area .page-links {
	clear: both;
}

/*--------------------------------------------------------------
# 3. Widget Sidebar
--------------------------------------------------------------*/
/* Table */
.wp-calendar-table {
  width: 100%;
  background: #fff;
}

.wp-calendar-table tbody,
.wp-calendar-table td,
.wp-calendar-table tfoot,
.wp-calendar-table th,
.wp-calendar-table thead,
.wp-calendar-table tr {
  border: 1px solid #ddd;
  text-align: center;
}

.wp-calendar-table thead th {
  color: var(--tp-common-black);
  padding: 12px 12px;
}

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

.wp-calendar-table tbody #today {
  background: var(--tp-theme-primary);
  color: #fff;
}

.tp-widget-sidebar ul li ul {
	margin-top: 5px;
}

.widget_recent_comments ul {
	padding-left: 0;
	list-style: none;
}

.widget_recent_comments ul li {
	cursor: unset;
}

.widget_recent_comments ul li:hover {
	color: var(--tp-common-mulberry);
}

.widget_recent_comments ul li::before {
	content: none;
}

.widget_recent_comments ul li a {
	display: contents;
	color: var(--tp-theme-primary);
}

/* .tp-widget-sidebar ul li a {
	color: var(--tp-common-mulberry);
}*/

.widget_rss .rss-date {
	font-style: italic;
	font-size: 14px;
}

.tp-widget-sidebar .tp-widget-support {margin: -35px;}
.tp-widget-ad-overly::before {background: rgba(var(--tp-widget-banner-bg-color-rgb), 0.9)}

/* nice-select */
.tp-footer-widget .nice-select,
.tp-widget-sidebar .nice-select {
	float: none;
	height: 45px;
}

.tp-footer-widget .nice-select::after,
.tp-widget-sidebar .nice-select::after {
	top: 50%;
	right: 15px;
}

.tp-footer-widget .nice-select .list,
.tp-widget-sidebar .nice-select .list {
	width: 100%;
}

.tp-footer-widget .nice-select ul.list li:last-child,
.tp-widget-sidebar .nice-select ul.list li:last-child {
	margin-bottom: 10px;
}

.tp-footer-widget .nice-select .option,
.tp-widget-sidebar .nice-select .option {
	line-height: 24px;
	min-height: inherit;
	white-space: break-spaces; /* word wrap */
}

.tp-footer-widget .nice-select .option.selected,
.tp-widget-sidebar .nice-select .option.selected {
	padding-block: 10px;
}
/*--------------------------------------------------------------
# 4. Widget Footer
--------------------------------------------------------------*/
.tp-footer-widget .wp-calendar-table {
	table-layout: fixed;
}

.tp-footer-widget .wp-calendar-table caption {
	color: var(--tp-common-white-2);
}

.tp-footer-widget .wp-calendar-nav {
	color: var(--tp-common-white-2);
}

.tp-footer-widget.widget_categories ul li ul {
	padding-left: 15px;
}

.tp-footer-widget.widget_recent_comments li {
	color: #fff;
}

.tp-footer-widget.widget_recent_comments ul li:hover {
	color: var(--tp-common-white-2);
}

.tp-footer-widget.widget_text p,
.tp-footer-widget.widget_text strong,
.tp-footer-widget.widget_rss cite,
.tp-footer-widget .rss-date,
.tp-footer-widget .rssSummary {
	color: var(--tp-common-white-2);
}

.tp-footer-widget.widget_text .wp-caption-text {
	color: var(--tp-grey-1) !important;
}

.tp-footer-widget.widget_nav_menu ul li ul {
	padding-left: 15px;
}