/*
Theme Name: Postbrands
Theme URI: https://postbrands.webandcrafts.com
Description: Postbrands is a creative WordPress theme with great focus on design & content presentation. This theme is a great choice for any small to medium sized creative/digital/fashion/ad agency, photo studio, small business, personal or freelancer to craft their website in a trendy look. Postbrands Theme created by Webandcrafts.
Author: Webandcrafts
Author URI: https://webandcrafts.com/
License: GNU General Public License version 3.0
License URI: http://www.gnu.org/licenses/gpl-3.0.html
Requires at least: 5.3
Tested up to: 6.4.3
Requires PHP: 7.3
Version: 1.9
Tags: one-column, two-columns, right-sidebar, featured-image-header, featured-images, portfolio, blog, sticky-post, theme-options, translation-ready
Text Domain: postbrands

Designed & Handcrafted by Webandcrafts
All files, unless otherwise stated, are released under the GNU General Public License
*/


/* Style by Ancil */
.wp-block-button.is-style-squared .wp-block-button__link {
	border-radius: 0px;
}

.wp-block-button.alignright {
	text-align: right;
}

.wp-block-button.alignleft {
	text-align: left;
}

.wp-block-cover.has-background-dim {
	color: #FFF;
}

ul.blocks-gallery-grid {
	list-style: none;
}

ul.blocks-gallery-grid li {
	padding-left: 0 !important;
}

ul.blocks-gallery-grid li::before {
	display: none !important;
}

ul.blocks-gallery-grid img {
	margin-bottom: 0px;
}

.wp-block-latest-comments {
	list-style: none;
}

ol.wp-block-latest-comments li {
	padding-left: 0 !important;
}

ol.wp-block-latest-comments li::before {
	display: none !important;
}

blockquote {
	background: #f8f8f8;
	padding: 20px 0px;
	padding-left: 20px;
	border-left: 3px solid #999;
}

.admin-content-area ol ol li {
	padding-left: 2rem;
}

.admin-content-area ol ol ol li {
	padding-left: 2.5rem;
}

.admin-content-area ol ol ol ol li {
	padding-left: 3rem;
}

.admin-content-area ol ol ol ol ol li {
	padding-left: 3.5rem;
}

code {
	/* background: #111; */
	display: block;
	padding: 20px;
}

.admin-content-area figure {
	max-width: 100%;
}

/* Style by Ancil End */






/* Style by Najumudheen */


/* common  */
/* .admin-content-area>* {
	margin-top: 1.5rem;
	margin-bottom: 1.5rem;
} */

a:hover {
	text-decoration-style: dotted;
	text-decoration-skip-ink: none;
}

.admin-content-area p {
	word-wrap: break-word;
}

.admin-content-area img {
	margin-bottom: 0;
}


/* common  end*/


/* table  */

table td,
table th,
.wp-block-table td,
.wp-block-table th {
	border: 1px solid;
	padding: calc(0.5 * 20px);
}

/* table end */


/* blog  */

.detailed-blog__title {
	-ms-word-wrap: break-word;
	word-wrap: break-word;
}


.detailed-blog__wrap .detailed-blog__category a {
	text-decoration: none;
	margin-bottom: 25px;
	display: inline-block;
	margin-left: 4px;
}

/* blog end */

/* select  */

select {
	border: 1px solid #ebebeb;
	color: #28303d;
	-moz-appearance: none;
	-webkit-appearance: none;
	appearance: none;
	line-height: 1.7;
	padding: calc(0.5 * 20px) calc(3 * calc(0.5 * 20px)) calc(0.5 * 20px) calc(0.5 * 20px);
	background: #fff url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='10' height='10' fill='%2328303d'><polygon points='0,0 10,0 5,5'/></svg>") no-repeat;
	background-position: right calc(0.5 * 20px) top 60%;
	width: 100%;
}

.has-drop-cap:not(:focus)::after {
	content: "";
	display: table;
	clear: both;
	padding-top: 14px;
}

/* select end  */

/* input  */

.admin-content-area .wp-block-search__input.wp-block-search__input {
	border: none;
	border-bottom: 1px solid black;
}

/* input end  */


/* calendar */

table.wp-calendar-table thead,
table.wp-calendar-table tbody {
	color: currentColor;
	border: 1px solid #EBEBEB;
}

table.wp-calendar-table td,
table.wp-calendar-table th {
	background: transparent;
	border: 0;
	text-align: center;
	line-height: 2;
	vertical-align: middle;
	word-break: normal;
	padding: calc(0.5 * 20px);
}

nav.wp-calendar-nav {
	/* text-align: left; */
	padding-top: 15px;
}

/* calendar end  */

/* gallery  */

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

.gallery-item {
      display: inline-block;
      text-align: center;
      vertical-align: top;
      width: 100%;
}

.blocks-gallery-grid:not(.has-nested-images),
.wp-block-gallery:not(.has-nested-images) {
      display: flex;
      flex-wrap: wrap;
      list-style-type: none;
      padding: 0;
      margin: 0;
}

.post-thumbnail,
.admin-content-area .wp-audio-shortcode,
.admin-content-area>*:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.wp-block-separator),
*[class*=inner-container]>*:not(.admin-content-area):not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.wp-block-separator),
.default-max-width {
      /* max-width: min(calc(100vw - 8 * 25px), 610px); */
/* margin-left: auto;
margin-right: auto;
} */

/* */
/* gallery end */


blockquote.has-text-color.has-very-dark-gray-color::before {
	font-size: 6rem;
	font-style: normal;
	line-height: 1;
	font-weight: bold;
	align-items: center;
}


.wp-block-latest-posts__list.has-dates.wp-block-latest-posts li::before,
.wp-block-latest-posts__list.is-grid li::before,
li.wp-block-rss__item::before {
	content: '' !important;
	background-color: transparent !important;
}

hr.wp-block-separator {
	opacity: 1;
}

.wp-block-button .wp-block-button__link {
	border-radius: 0 !important;
}

.wp-block-quote.is-style-large {
	padding: 20px 0px !important;
	padding-left: 20px !important;
	border-left: 3px solid #000;
}


/* najumudheen end  */


/* Ancil Starts */
.blog-listing-classic__container .container {
	padding: 0 !important;
}

.blog-listing-classic__sidebar {
	/* background-color: #f899f8; */
	padding-left: 3.6vw;
}

.blog-listing-classic__sidebar .widget-heading {
	font-size: 20px !important;
	text-transform: uppercase;
	margin-bottom: 45px;
}

.blog-listing-classic__sidebar .widget {
	margin-bottom: 65px;
}

.blog-listing-classic__sidebar ul,
.widget_meta ul,
.widget_recent_comments ul,
.widget_recent_entries ul {
	list-style: none;
	padding-left: 0px;
}

.blog-listing-classic__sidebar .widget_archive ul li,
.widget_meta ul li,
.widget_recent_comments ul li,
.widget_recent_entries ul li,
.widget_rss ul li {
	font-size: 16px;
	text-decoration: none;
	text-transform: uppercase;
	color: #000;
	padding-bottom: 26px;
	margin-bottom: 30px;
	border-bottom: #EBEBEB solid 1px;
	position: relative;
}

.widget_meta ul li::before,
.widget_recent_comments ul li::before {
	content: '';
	display: inline-block;
	width: 1px;
	height: auto;
}


.blog-listing-classic__sidebar .widget_archive ul li::after,
.widget_meta ul li::after,
.widget_recent_comments ul li::after,
.widget_recent_entries ul li::after {
	content: '';
	position: absolute;
	bottom: 0;
	left: 0;
	width: 0;
	height: 1px;
	background-color: #000;
	transition: all 0.4s ease-in-out;

}

.blog-listing-classic__sidebar .widget_archive ul li:hover::after,
.widget_meta ul li:hover::after,
.widget_recent_comments ul li:hover::after,
.widget_recent_entries ul li:hover::after {
	width: 100%;
}


.blog-listing-classic__sidebar .widget_archive ul li a,
.widget_meta ul li a {
	color: #000;
	text-decoration: none;
	position: absolute;
	width: 100%;
	height: 100%;
	display: inline-block;
	bottom: 0px;
	left: 0px;
	background-color: #FFF;
	background: #fff url('assets/icons/arrow-right.svg') no-repeat;
	/* transform: rotate(90deg); */
	background-position: 99.5% 7px;
	/* padding-top: 0; */
}

table.wp-calendar-table {
	width: 100%;
}

table.wp-calendar-table caption {
	text-transform: uppercase;
	margin-bottom: 0px !important;
}

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

.blog-listing-classic__sidebar .widget ul ul {
	padding-left: 16px;
}

.blog-listing-classic__sidebar .widget img {
	max-width: 100%;
	height: auto;
}

.blog-listing-classic__sidebar .master-expander ul {
	padding-bottom: 6px;
}

.blog-listing-classic__sidebar .master-expander>ul>li {
	border-bottom: #000 solid 1px;
	padding-bottom: 25px;
}

.blog-listing-classic__sidebar .master-expander ul li,
.widget_meta ul li {
	font-size: 16px;
	font-weight: 500;
	text-transform: uppercase;
	margin-bottom: 25px;
}

.widget_recent_entries ul li a,
.widget_recent_comments ul li a,
.calendar_wrap a,
.widget_rss a {
	text-decoration: none;

}

.blog-listing-classic__sidebar .master-expander ul li a,
.widget_rss .widget-heading a {
	color: #000;
	text-decoration: none;
}

.blog-listing-classic__sidebar .master-expander ul li:last-child {
	margin-bottom: 0px;
}

.blog-listing-classic__sidebar .master-expander ul.children {
	margin-top: 15px;
}

.blog-listing-classic__sidebar .master-expander ul.sub-menu {
	margin-top: 15px;
}


.blog-listing-classic__sidebar .master-expander ul ul li {
	font-size: 14px;
	font-weight: 400;
}

.is-parent-category {
	position: relative;
}

.expander-wrap {
	width: 17px;
	height: 17px;
	display: inline-block;
	position: absolute;
	right: 0;
	top: 0;
	cursor: pointer;
	transform: translateY(4px);
}

.expander-wrap span {
	width: 100%;
	height: 1px;
	background-color: #000;
	display: inline-block;
	transform-origin: center;
	position: absolute;
	top: 8px;

}

.expander-wrap span.vertical {
	transform: rotate(-90deg);
}

.is-parent-category>ul {
	display: none;
}

.tagcloud a {
	color: #000 !important;
	text-decoration: none;
	font-size: 13px !important;
	font-weight: 500;
	text-transform: uppercase;
	padding: 10px 15px;
	border: #707070 solid 1px;
	border-radius: 25px;
	display: inline-block;
	margin-bottom: 8px;
	padding-top: 12px;
}

.blog-listing-classic__sidebar .widget_nav_menu ul {
	padding-bottom: 6px;
}

.blog-listing-classic__sidebar .widget_nav_menu ul li {
	font-size: 16px;
	font-weight: 500;
	text-transform: uppercase;
	margin-bottom: 20px;
}

.blog-listing-classic__sidebar .widget_nav_menu ul ul li {
	font-size: 14px;
}

.widget_search .search-form {
	display: flex;
	border-bottom: 1px solid #000;
	padding-bottom: 5px;
	width: 100%;
}

.widget_search .search-form label {
	width: calc(100% - 21px);
}

.widget_search .search-form .search-field {
	border: none;
	/* border-bottom: 1px solid; */
	width: 100%;
}

.widget_search .search-form .search-field::placeholder {
	color: #000;
}

.widget_search .search-form .search-submit {
	width: 21px;
	text-indent: -222px;
	overflow: hidden;
	border: none;
	background: #fff url('assets/icons/search-icon.svg') no-repeat;
	background-size: 21px 21px;
}

/* Text meant only for screen readers. */
.says,
.screen-reader-text {
    clip: rect(1px, 1px, 1px, 1px);
    height: 1px;
    overflow: hidden;
    position: absolute !important;
    width: 1px;
    word-wrap: normal !important;
}

.screen-reader-text:focus {
    background-color: #f2f2f2;
    -webkit-box-shadow: 0 0 2px 2px rgba(38, 38, 40, 0.15);
    box-shadow: 0 0 2px 2px rgba(38, 38, 40, 0.15);
    clip: auto !important;
    color: #262628;
    display: block;
    font-size: 14px;
    font-size: 0.882rem;
    font-weight: 500;
    height: auto;
    left: 5px;
    line-height: normal;
    padding: 15px 23px 14px;
    text-decoration: none;
    top: 5px;
    width: auto;
    z-index: 100000;
    /* Above WP toolbar. */
}


.bypostauthor {
    padding: 0;
    margin: 0;
}