/*
Version: 1.0
Tested up to: 6.0
Requires PHP: 8.1
Theme Name: Foolad Hounam
Text Domain: Foolad Hounam
Author: Abolfazl Shoja Dizaj
Author URI: #
*/

@font-face {
font-weight: 600;
font-style: normal;
font-family: "PeydaWeb-Bold";
src: url('assets/fonts/Peyda/PeydaWeb-Bold.woff') format('woff');
}

@font-face {
font-weight: 400;
font-style: normal;
font-family: "IRANSansWeb";
src: url('assets/fonts/IRANSans/IRANSansWeb.eot');
src: url('assets/fonts/IRANSans/IRANSansWeb.eot?#iefix') format('embedded-opentype'),
url('assets/fonts/IRANSans/IRANSansWeb.woff2') format('woff2'),
url('assets/fonts/IRANSans/IRANSansWeb.woff') format('woff'),
url('assets/fonts/IRANSans/IRANSansWeb.svg#test') format('svg'),
url('assets/fonts/IRANSans/IRANSansWeb.ttf') format('truetype');
}

* {
box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
}

html {
width: 100%;
height: 100%;
direction: rtl;
}

::selection {
color: #ffffff;
background: #7b1a21;
}

body {
margin: 0;
z-index: 0;
color: #262626;
overflow-y: scroll;
background-color: #f0f0f1;
overflow-x: hidden !important;
font-family: "PeydaWeb-Bold" !important;
}

ul, li {
list-style: none;
list-style-type: none;
}

a:link,
a:active,
a:visited {
opacity: 0.9;
color: #262626;
font-weight: bold;
transition: all 0.5s;
text-decoration: none;
-o-transition: all 0.5s;
-ms-transition: all 0.5s;
-moz-transition: all 0.5s;
-webkit-transition: all 0.5s;
font-family: "PeydaWeb-Bold";
}

a:hover {opacity: 1; color: #282828; font-weight: bold; text-decoration: none;}
h1, h2, h3, h4 {color: #252525; font-weight: bold; font-family: "PeydaWeb-Bold" !important;}
ul, li, a {font-weight: bold; font-family: "PeydaWeb-Bold" !important;}
p {color: #404040; font-weight: normal; font-family: "IRANSansWeb" !important;}

/* Begin Container */
.container {margin: 0 auto;}

/*** Begin Header ***/
.heder-top {
padding: 10px;
display: flex;
flex-wrap: nowrap;
flex-direction: row;
align-items: center;
vertical-align: middle;
justify-content: space-between;
}

@media(max-width:992px) {
.heder-top {
display: flex;
line-height: 2.2;
align-items: center;
vertical-align: middle;
flex-direction: column;
justify-content: center;
}

.logo {
flex: 1;
display: flex;
font-size: 18px;
vertical-align: middle;
}

.logo img {
margin-top: 22px;
width: 80px !important;
height: 50px !important;
}

.logo-text {
font-size: 18px;
}}

.logo {
display: flex;
flex-wrap: nowrap;
flex-direction: row-reverse;
}

.logo-text {
padding-right: 5px;
vertical-align: middle;
}

.logo img {
width: 150px;
height: 80px;
}

.heder-top svg {padding-left: 10px;}

.header-phone-link {
gap: 10px;
display: flex;
align-items: center;
text-decoration: none;
}

.header-phone-text {
font-size: 18px;
white-space: nowrap;
font-family: "PeydaWeb-Bold";
}

.header-phone-icon svg {
width: 50px;
height: 50px;
display: block;
}

/*** Begin Slide Box ***/
.slider-box {
display: block;
}

.slider {
max-width: 100%;
border-radius: 0.8rem;
background-color: #ffffff;
border: 1px solid transparent;
}

/* Begin Divider */
.divider {display: flex; align-items: center;}
.divider::before, .divider::after {flex: 1; margin: 5px; content: ''; padding: 1px; background-color: #7b1a21;}

h2.divider {
color: #040120;
}

.all-categorty {
margin: 20px;
display: block;
padding: 0 10px;
border-radius: 0.8rem;
background-color: #ffffff;
border: 1px solid #f5f5f5;
box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
}

.all-categorty img {
opacity: 0.9;
cursor: pointer;
transition: all 0.5s;
border-radius: 0.8rem;
backdrop-filter: blur(6px);
-webkit-backdrop-filter: blur(6px);
}

.all-categorty img:hover {
opacity: 1;
cursor: pointer;
}

/*** Begin Posts Carousel ***/
.posts {
margin: 20px;
display: flex;
flex-wrap: wrap;
border-radius: 0.8rem;
flex-direction: column;
background-color: #ffffff;
padding: 25px 20px 25px 20px;
border: 1px solid transparent;
}

#pcp_wrapper-253 .sp-pcp-post {
padding:10px;
display: flex;
overflow: hidden;
margin-bottom:20px;
border-radius: 12px;
flex-direction: column;
background-color: #ffffff;
box-shadow: 0 4px 12px rgba(0,0,0,0.08);
}

#pcp_wrapper-253 .pcp-post-thumb-wrapper {
overflow: hidden;
border-radius: 10px;
margin-bottom: 10px;
}

#pcp_wrapper-253 .pcp-post-thumb-wrapper img {
width:100%;
height:auto;
display:block;
border-radius:10px;
}

#pcp_wrapper-253 .sp-pcp-post-details-content {
display:flex;
flex-direction:column;
gap:10px;
}

#pcp_wrapper-253 .sp-pcp-title a {
font-size:1.2em;
color:#111;
text-decoration:none;
text-align:center;
}

#pcp_wrapper-253 .sp-pcp-post-content p {
font-size:0.95em;
color:#555;
text-align:justify;
margin:0;
}

#pcp_wrapper-253 .sp-pcp-readmore a {
display: flex;
color: #ffffff;
transition: 0.3s;
margin-top: 10px;
padding: 7px 15px;
border-radius:6px;
align-items: center;
text-decoration: none;
justify-content: center;
background-color: #040120;
}

#pcp_wrapper-253 .sp-pcp-readmore a:hover {
background-color:#7b1a21;
}

#pcp_wrapper-253 .pcp-pagination,
#pcp_wrapper-253 .pcp-button-prev,
#pcp_wrapper-253 .pcp-button-next {
display: none !important;
}

.tags {
width: 100%;
display: block;
border-radius: 0.5rem;
padding: 2px 5px 2px 5px;
border: 1px solid #cccccc;
box-shadow: 0 4px 12px rgba(0,0,0,0.08);
}

.items {
display: flex;
align-items: center;
justify-content: space-between;
}

/* Begin Mobile Responsive for Posts Carousel */
@media(max-width:768px){
#pcp_wrapper-253 .sp-pcp-post {
flex-direction:column;
padding:10px;
}

#pcp_wrapper-253 .pcp-post-thumb-wrapper {
margin-bottom:15px;
}

#pcp_wrapper-253 .sp-pcp-readmore a {
width:100%;
justify-content:center;
}}

@media(max-width:480px){
#pcp_wrapper-253 .pcp-pagination,
#pcp_wrapper-253 .pcp-button-prev,
#pcp_wrapper-253 .pcp-button-next {
display: none !important;
}}

/*** Begin Brands Carousel ***/
.brands {
margin: 20px;
display: block;
padding: 0 10px;
border-radius: 0.8rem;
background-color: #ffffff;
border: 1px solid #f5f5f5;
box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
}

/* Begin Footer Items */
.footer-container {
display: flex;
background-color: #ffffff;
border-top: 1px solid #e1e2e2;
justify-content: space-between;
box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
}

.footer-container ul, .footer-container li {padding: 5px 0 5px 0;}
.footer-container span {padding-left: 6px;}
.footer-section {flex: 1; gap: 10px; padding: 10px;}
.footer-section li {line-height: 1.8;}
.footer-section h3 {margin-bottom: 10px;}
.footer-section span {color: #7b1a21; margin-left: 6px;}

@media only screen and (max-width: 960px) {
.footer-container {
display: flex;
flex-direction: column;
align-items: flex-start;
}
}

.footer-contant {
width: 80%;
display: flex;
text-align: right;
font-weight: bold;
align-items: center;
border-radius: 0.8rem;
vertical-align: middle;
justify-content: center;
border: 3px solid #f5f5f5;
}

.footer-contant span {font-size: 16px; font-weight: bold; font-family: "PeydaWeb-Bold";}
span.footer-phone {font-size: 18px; font-weight: bold; font-family: "PeydaWeb-Bold";}
.footer-address span {font-size: 16px; font-weight: bold; font-family: "PeydaWeb-Bold";}
.footer-address p {font-family: "IRANSansWeb";}
.footer-time {line-height: 2;}
.footer-time span {font-family: "PeydaWeb-Bold";}

/* Begin Copyright -> Main Footer */
#copyright {
padding: 6px;
display: flex;
font-size: 14px;
flex-wrap: nowrap;
text-align: center;
align-items: center;
background-color: #040120;
border-top: 1px solid #e1e2e2;
justify-content: space-between;
}

#copyright > div:first-child {padding-right: 8px;}
#copyright > div:nth-child(2), #copyright span {padding-left: 8px;}
#copyright a, #copyright p {color: #ffffff;}

@media only screen and (max-width: 992px) {
#copyright {
display: flex;
flex-wrap: wrap;
font-size: 12px;
text-align: center;
align-items: center;
flex-direction: column;
justify-content: center;
}}

/* single.php > Begin Post */
.hounam-single-main {
gap: 20px;
padding: 3vw;
display: flex;
margin: 0 auto;
max-width: 90vw;
border-radius: 0.8rem;
background-color: #ffffff;
flex-direction: row-reverse;
border: 1px solid transparent;
}

.hounam-single-content {
flex: 3;
}

.hounam-single-sidebar {
flex: 1;
border-left: 1px solid #e2e2e2;
}

.hounam-single-post {
gap: 15px;
display: flex;
flex-direction: column;
text-align: justify;
text-align-last: right;
}

.hounam-single-post img {
height: auto;
max-width: 100%;
object-fit: cover;
border-radius: 4px;
margin-bottom: 15px;
}

.hounam-single-post-title {
font-size: 1.8rem;
text-align: center;
margin-bottom: 10px;
}

.hounam-single-post-content {
line-height: 1.6;
}

/* Breadcrumb */
.breadcrumb {
border-radius: 6px;
padding: 10px 15px;
margin-bottom: 20px;
background-color: #e0e0e0;
}

.breadcrumb a {
color: #252525;
text-decoration: none;
}

.breadcrumb i {
margin: 0 5px;
}

/* Mobile Responsive Single Post */
@media (max-width: 960px) {
.hounam-single-main {
flex-direction: column;
}

.hounam-single-sidebar {
border-left: none;
border-top: 1px solid #e2e2e2;
margin-top: 20px;
}}

/*** Category View Mode ***/
.category-controls{
display:flex;
justify-content:space-between;
align-items:center;
margin-bottom:20px;
flex-wrap:wrap;
gap:10px;
}

.category-controls .category-filter,
.category-controls .view-toggle {
display:flex;
align-items:center;
gap:8px;
}

.category-controls select {
padding: 5px 10px;
font-size: 0.95em;
}

.view-toggle i {
padding: 5px;
cursor: pointer;
font-size: 1.2em;
border-radius: 5px;
transition:background-color 0.3s;
}

.view-toggle i.active {
color: #7b1a21;
background-color: rgba(0,115,170,0.1);
}

#posts-container {
gap: 20px;
display:flex;
flex-wrap: wrap;
}

/*** Post Show Carousel ***/
#posts-container.grid .post-item-box {
gap: 10px;
display: flex;
padding: 15px;
text-align: center;
align-items: center;
border-radius: 12px;
box-sizing: border-box;
flex-direction: column;
background-color: #ffffff;
width: calc(33.333% - 13.33px);
box-shadow: 0 4px 12px rgba(0,0,0,0.08);
}

#posts-container.grid .post-thumbnail img{
width: 100%;
border-radius: 10px;
}

#posts-container.grid .post-title {
margin: 0;
font-size: 18px;
}

#posts-container.grid .btn-view-post {
width:100%;
display: flex;
color: #f5f5f5;
transition: 0.3s;
padding: 6px 15px;
border-radius: 6px;
align-items: center;
text-decoration:none;
justify-content: center;
background-color: #040120;
}

#posts-container.grid .btn-view-post:hover {
background-color: #7b1a21;
}

#posts-container.list .post-item-box {
gap: 20px;
width: 100%;
display: flex;
padding: 15px;
border-radius: 12px;
flex-direction: row;
box-sizing: border-box;
align-items: flex-start;
background-color: #ffffff;
box-shadow: 0 4px 12px rgba(0,0,0,0.08);
}

#posts-container.list .post-thumbnail {
gap: 10px;
display: flex;
flex: 0 0 180px;
flex-direction: column;
}

#posts-container.list .post-thumbnail img {
width: 100%;
border-radius: 10px;
}

#posts-container.list .post-title {
margin: 0;
font-size: 18px;
}

#posts-container.list .post-content {
flex: 1;
gap: 1 5px;
display: flex;
align-items: center;
flex-direction: row;
justify-content: space-between;
}

#posts-container.list .btn-view-post {
color: #f5f5f5;
flex-shrink: 0;
transition: 0.3s;
padding: 6px 15px;
border-radius: 6px;
text-decoration: none;
display: inline-block;
background-color: #040120;
}

#posts-container.list .btn-view-post:hover {
background-color: #7b1a21;
}

/* Mobile Responsive for Posts Grid/List */
@media(max-width:992px) {
#posts-container.grid .post-item-box{
width: calc(50% - 10px);
}}

@media(max-width:768px) {
.category-controls {
display: none;
}

#posts-container.grid .post-item-box {
width: 100%;
}

#posts-container.list .post-item-box,
#posts-container.list {
flex-direction:column;
width: 100%;
}

#posts-container.list .post-thumbnail {
width: 100%;
margin-bottom: 10px;
}

#posts-container.list .post-content {
gap: 10px;
flex-direction: column;
}

#posts-container.list .btn-view-post {
align-self:center;
width:100%;
}}

/*** Pagination ***/
.pagination-wrapper {
display: flex;
margin: 40px 0;
padding: 10px 0;
border-radius: 12px;
justify-content: center;
background-color: #f5f5f5;
}

.pagination {
gap: 8px;
display: flex;
flex-wrap: wrap;
}

.pagination a, .pagination span {
color: #f5f5f5;
min-width: 32px;
transition: 0.3s;
padding: 8px 12px;
border-radius: 6px;
text-align: center;
text-decoration: none;
display: inline-block;
background-color: #040120;
}

.pagination a:hover {
color: #f5f5f5;
background-color: #7b1a21;
}

.pagination .current {
color: #f5f5f5;
border-color: #040120;
background-color: #7b1a21;
}

.pagination span.dots {
border: none;
color: #555555;
padding: 8px 5px;
background: none;
}

/*** Begin Team Jobs ***/
.team-job {
gap: 10px;
margin: 25px;
display: flex;
flex-wrap: nowrap;
text-align: center;
align-items: center;
flex-direction: row;
justify-content: space-around;
}

.team-job-item {
padding: 10px;
width: 250px;
height: 200px;
text-align: center;
border-radius: 0.8rem;
border: 1px solid #f5f5f5;
background-color: #ffffff;
box-shadow:0 4px 12px rgba(0,0,0,0.08);
}

@media only screen and (max-width: 992px) {
.team-job {
display: flex;
flex-wrap: wrap;
flex-direction: column;
}

.team-job-item {
flex: 1 2;
}}

.team-job-item .fa {
padding-top: 20px;
font-size: 4.8rem;
}

.fa-truck {
color: #c4df16;
}

.fa-shopping-cart {
color: #004b4b;
}

.fa-headphones {
color: #10027c;
}

.fa-money {
color: #004141;
}

.team-job-item h3 {
color: #000f0f;
font-size: 1.5rem;
}