/*
Theme Name: HiReza
Theme URI: https://hireza.ir
Author: Reza Dehghani
Author URI: https://hireza.ir
Description: WordPress conversion of the HiReza Laravel portfolio and blog template.
Version: 1.0.0
Requires at least: 6.4
Tested up to: 6.5
Requires PHP: 7.4
Text Domain: hireza
Tags: blog, portfolio, rtl-language-support, custom-logo, custom-menu, featured-images
*/

:root {
  --hireza-accent: #ffbd39;
  --hireza-dark: #000000;
  --hireza-blue: #008cff;
}

.article-body img,
.entry-content img {
  max-width: 100%;
  height: auto;
}

.footer {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  gap: 1rem;
  flex-wrap: wrap;
}

.comment,
.comment-body,
.entry-content,
.widget,
.sidebar-box,
.ftco-footer,
.search-form,
.contact-form,
.about-author,
.hero-wrap,
.breadcrumbs,
.post-card-body {
  text-align: right;
}

img.img-fluid.mb-4 {
  max-width: 60%;
  float: left;
}

.about-author .desc {
  flex: 1.8;
}

.about-author .bio {
  flex: 1;
}

.about-author .desc h3 a {
  font-weight: 900;
}

.about-author .desc p {
  text-align: justify;
}

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

.screen-reader-text:focus {
  clip: auto !important;
  clip-path: none;
  height: auto;
  width: auto;
  background: #fff;
  color: #000;
  display: block;
  padding: 1rem;
  top: 1rem;
  left: 1rem;
  z-index: 100000;
}

.post-card-banner img.banner-img {
  width: 100%;
  height: auto;
  display: block;
}

.comment-list,
.comment-list .children {
  list-style: none;
  padding: 0;
}

.comment-list .children {
  margin-right: 2rem;
}

.pagination,
.posts-navigation,
.post-navigation {
  margin-top: 2rem;
}

.sidebar-box .tagcloud a,
.tag-widget .tagcloud a,
.wp-block-tag-cloud a {
  display: inline-block;
  margin: 0 0 0.5rem 0.5rem;
}

.main-navigation ul {
  margin: 0;
}

.main-navigation li {
  list-style: none;
}

/* app.css styles */

.article-body img{
    max-width: 100%;
}

.footer{
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
}
.comment{
    text-align: right;
}

img.img-fluid.mb-4 {
    max-width: 60%;
    float: left;
}
.about-author .desc{
    flex: 1.8;
}

.about-author .bio{
    flex: 1;
}

.about-author .desc h3 a{
    font-weight: 900;
}

.about-author .desc p{
    text-align: justify;
}