/*
Version: 1.0
Requires PHP: 8
Author: Abolfazl Shoja Dizaj
Theme Name: Foulad Gostar Elin Co
License: Foulad Gostar Elin Co. License v2 or later
*/

/* Begin Font Face */
@font-face {font-weight: 500; font-style: normal; font-family: "PeydaWeb-Medium"; src: url('assets/fonts/Peyda/PeydaWeb-Medium.woff') format('woff');}
@font-face {font-weight: 600; font-style: normal; font-family: "PeydaWeb-SemiBold"; src: url('assets/fonts/Peyda/PeydaWeb-SemiBold.woff') format('woff');}

/* Begin Main Tags */
html {width: 100%; height: 100%; direction: rtl;}
body {margin: 0; color: #262626; overflow-y: scroll; background-color: #FCF6F5; overflow-x: hidden !important; font-family: "PeydaWeb-Medium";}
a:link, a:active, a:visited {color: #262626; font-weight: bold; transition: all 0.5; text-decoration: none; -o-transition: all 0.5; -ms-transition: all 0.5; -moz-transition: all 0.5; -webkit-transition: all 0.5; font-family: "PeydaWeb-SemiBold";}
a:hover {color: #282828; font-weight: bold; text-decoration: none;}
ul, li {list-style: none;}
form {width: 100%;}
hr.dark {color: #FCF6F5; max-width: 8vw;}
section {padding: 2vw 0 2vw 0;}

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

/* Begin Main Header */
.main-header {display: flex; overflow: hidden; flex-wrap: nowrap; align-items: center; flex-direction: row; justify-content: space-between; border-bottom: 2px solid #f0f0f1;}
@media only screen and (max-width: 992px) {.main-header {width: 100%; display: flex; flex-wrap: wrap; flex-direction: column;}}
.main-header div {padding: 8px 12px;}
.main-header > .logo {text-align: right;}
.main-header > .contact-us-sell .sell-btn {outline: none; cursor: pointer; font-size: 20px; padding: 5px 8px; border-radius: 0.8rem; border: 2px solid #e2e2e2; background-color: transparent;}
.main-header > .contact-us-sell .sell-btn:hover {outline: none; cursor: pointer; transition: all 0.5s; -o-transition: all 0.5s; -ms-transition: all 0.5s; -moz-transition: all 0.5s; border: 2px solid #990011; -weblit-transition: all 0.5s; background-color: transparent;}
.main-header > .contact-us-sell .sell-btn a {color: #009787;}
.main-header > .contact-us-sell .sell-btn svg {margin: 0 8px; vertical-align: middle;}

/* Begin Mega Menu */
#mega-menu-wrap-cat_menu .mega-sticky {top: 4px !important; overflow: hidden;}
.mega-sticky.mega-stuck.mega-reveal {background: #FCF6F5; margin-top: 0 !important;}
.cat-menu {z-index: 99; background: #FCF6F5; border-top: 1px solid #990011;}
@media only screen and (max-width: 992px) {.cat-menu.sticky-cat-menu .container-fluid {padding: 0;} .mega-toggle-label {display: none;}}
.cat-menu.sticky {top: 0; width: 100%; margin-top: 0; position: fixed; box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.05), 0 1px 0 0 rgba(0, 0, 0, 0.08); }
.cat-menu .list-inline {position: relative;}
.cat-menu .list-inline .list-inline-item {margin-right: 0;}
.cat-menu .list-inline > .menu-item-has-children > .sub-menu {border-bottom: none !important; box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.05), 0 1px 0 0 rgba(0, 0, 0, 0.08);}
.cat-menu .menu-item .nav-link {color: #990011; padding-left: 0.75rem; padding-right: 0.75rem;}
.cat-menu .menu-item .nav-link:hover, .cat-menu .menu-item .nav-link:active, .cat-menu .menu-item .nav-link:focus {color: #FCF6F5;}
.cat-menu .menu-item .nav-link .cat-icon {top: 5px; left: 5px; line-height: 0; font-size: 25px; position: relative;}
.cat-menu .menu-item .nav-link .mdi-chevron-down {top: 4px; right: 5px; color: #990011; line-height: 0; position: relative;}
.cat-menu .menu-item-has-children {position: relative;}
.cat-menu .menu-item-has-children .sub-menu {right: 0; top: 100%; z-index: 99; display: none; min-width: 220px; position: absolute; background-color: #FCF6F5; border: 1px solid #990011;}
.cat-menu .menu-item-has-children .sub-menu .menu-item {display: block;}
.cat-menu .menu-item-has-children .sub-menu .menu-item .nav-link {display: block;}
.cat-menu .menu-item-has-children .sub-menu .menu-item .nav-link .mdi-chevron-down {left: 5px; top: 25px; right: auto; position: absolute; transform: rotate(90deg);}
.cat-menu .menu-item-has-children .sub-menu .menu-item .nav-link:hover {background-color: #990011;}
.cat-menu .menu-item-has-children .sub-menu .menu-item .sub-menu {top: 0; right: 100%;}
.cat-menu .menu-item-has-children .sub-menu .menu-item:hover > .nav-link {color: #FCF6F5; background-color: #990011;}
.cat-menu .menu-item-has-children .sub-menu .menu-item:hover > .sub-menu {right: 100%; display: block;}
.cat-menu .menu-item-has-children:hover > .nav-link {color: #FCF6F5;}
.cat-menu .menu-item-has-children:hover > .sub-menu {top: 100%; display: block;}
.cat-menu .list-inline-item.mega-menu {position: static;}
.cat-menu .list-inline-item.mega-menu .sub-menu {width: 100%;}
.cat-menu .list-inline-item.mega-menu .sub-menu .mdi {display: none;}
.cat-menu .list-inline-item.mega-menu .sub-menu .sub-menu {border: none; display: block; position: static; padding-right: 15px; background-color: transparent;}
.cat-menu .list-inline-item.mega-menu .sub-menu .sub-menu .menu-item {color: #990011; font-size: 12px; font-weight: 400 !important;}
.cat-menu .list-inline-item.mega-menu .sub-menu .sub-menu .menu-item .nav-link {padding-top: 0.2rem; padding-bottom: 0.2rem;}
.cat-menu .list-inline-item.mega-menu .sub-menu .menu-item:hover > .nav-link {background-color: transparent;}
.cat-menu .list-inline-item.mega-menu > .sub-menu > li {float: right; font-weight: 500; display: inline-block;}
.cat-menu .list-inline-item.mega-menu > .sub-menu > li > .nav-link:before {top: 1px; left: 3px; float: right; color: #626268; content: '\fa12'; position: relative; font-family: "Material Design Icons";}
.cat-menu .list-inline-item.mega-menu > .sub-menu > li > .nav-link:hover {background-color: transparent !important; }
.cat-menu .list-inline-item.mega-menu.mega-menu-col-2 > .sub-menu > li {width: 32.99%; }
.cat-menu .list-inline-item.mega-menu.mega-menu-col-3 > .sub-menu > li {width: 24.99%; }
.cat-menu .list-inline-item.mega-menu.mega-menu-col-4 > .sub-menu > li {width: 19.99%; }
.cat-menu .list-inline-item.mega-menu.mega-menu-col-5 > .sub-menu > li {width: 16.65%; }
.cat-menu .list-inline-item.mega-menu.mega-menu-col-6 > .sub-menu > li {width: 14.27%; }
.cat-menu.sticky-cat-menu {width: 100% !important;}
.mega-sub-menu li a{text-align: right !important;}
#mega-menu-wrap-cat_menu #mega-menu-cat_menu > li.mega-menu-tabbed > ul.mega-sub-menu > li.mega-menu-item {padding: 0; width: 100%; position: static;}
#mega-menu-wrap-cat_menu #mega-menu-cat_menu > li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-item, #mega-menu-wrap-cat_menu #mega-menu-cat_menu > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item {float: left; clear: none; color: #626268; display: block; font-size: 14px; vertical-align: top; font-family: inherit; padding: 0px 0px 5px 0px;}
#mega-menu-wrap-main-menu,#mega-menu-wrap-main-menu #mega-menu-main-menu,#mega-menu-wrap-main-menu #mega-menu-main-menu ul.mega-sub-menu,#mega-menu-wrap-main-menu #mega-menu-main-menu li.mega-menu-item,#mega-menu-wrap-main-menu #mega-menu-main-menu a.mega-menu-link{text-align:right!important}
#mega-menu-wrap-main-menu #mega-menu-main-menu li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row .mega-menu-column{float:right!important}
#mega-menu-wrap-main-menu #mega-menu-main-menu > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-menu ul.mega-sub-menu ul.mega-sub-menu{margin-right:15px;margin-left:0!important}
#mega-menu-wrap-main-menu #mega-menu-main-menu > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item > a.mega-menu-link:hover{display:inline-block}
#mega-menu-wrap-main-menu #mega-menu-main-menu > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item > a.mega-menu-link:before{content:''; font-size:20px;margin-left:3px;margin-top:2px}
#mega-menu-wrap-main-menu #mega-menu-main-menu[data-effect="fade"] li.mega-menu-item.mega-menu-megamenu.mega-toggle-on li ul.mega-sub-menu{margin-right:15px}
#mega-menu-wrap-main-menu li.widget_media_image{padding-left:0!important;padding-bottom:0!important}
#mega-menu-wrap-cat_menu #mega-menu-cat_menu > li.mega-menu-tabbed > ul.mega-sub-menu > li.mega-menu-item > a.mega-menu-link{float:right !important;}
#mega-menu-wrap-cat_menu #mega-menu-cat_menu > li.mega-menu-tabbed > ul.mega-sub-menu > li.mega-menu-item > ul.mega-sub-menu{right: 20% !important; left: unset !important;}
#mega-menu-wrap-cat_menu #mega-menu-cat_menu > li.mega-menu-tabbed > ul.mega-sub-menu > li.mega-menu-item > ul.mega-sub-menu > li.mega-menu-item {float: right !important;}
#mega-menu-wrap-main-menu #mega-menu-main-menu > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item > a.mega-menu-link::before {margin-top: 2px; font-size: 13px; content: "\E00F"; margin-left: 3px;}
.mega-sub-menu .mega-indicator {display: none !important;}
.mega-menu-link {text-align: right !important; font-family: "PeydaWeb-SemiBold" !important;}
.mega-sub-menu{background: #ffffff !important;}
.mega-toggle-on .mega-menu-item {padding: 4px 7px !important;}
#mega-menu-wrap-main-menu #mega-menu-main-menu > li.mega-menu-tabbed > ul.mega-sub-menu:before{top: 0; right: 0; width: 20%; content: ' '; height: 100%; display: block; position: absolute; background-color: #ffffff !important;}
a.mega-menu-link{border-radius: 0 !important;}
.mega-menu-item:first-child li ul{background: #ffffff !important;}

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

/* Begin Main Slidshow */
.main-slideshow {margin: 0; padding: 0; display: block; box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;}
@media only screen and (max-width: 992px) {.main-slideshow {width:100%; display: block;}}

/* Begin Grid */
.garid {padding: 10px; overflow: hidden; border-radius: 0.5rem; box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;}
.garid img {text-align: center; border-radius: 0.5rem;}
@media only screen and (max-width: 992px) {.garid {display: block;}}

/* Begin About */
#about {display: flex; color: #FCF6F5; text-align: center; overflow: hidden; align-items: center; flex-direction: row; background-color: #990011; justify-content: flex-start; box-shadow: rgba(17, 12, 46, 0.15) 0px 48px 100px 0px;}
@media only screen and (max-width: 992px) {#about {display: flex; flex-wrap: wrap; flex-direction: column;}}
#about > .about-container {flex: 50%; padding: 20px; line-height: 1.8;}
#about > .about-container h2 {text-align: center;}
#about > .about-container p {text-align: justify; text-align-last: right;}

/* Begin Job */
#job {width: 100%; filter: none; height: 350px; display: block; color: #fefefe; text-align: center; background-size: 100%; background-repeat: no-repeat; background-image: url('assets/images/job.webp');}
@media only screen and (max-width: 992px) {#job {display: none;}}
#job > .job-container {padding: 5vw; display: flex; color: #f5f5f5; flex-wrap: wrap; text-align: center; align-items: center; flex-direction: column; justify-content: center;}
#job a {outline: none; color: #FCF6F5; cursor: pointer; padding: 12px 10px; border-radius: 0.5rem; border: 2px solid #fefefe;}
#job a:hover {color: #FCF6F5; border: 2px solid #990011;}

/* single.php > Begin Post */
#post > .container {max-width: 960px; line-height: 2.2; text-align: justify; text-align-last: right; padding-top: 0; padding: 20px !important; background-color: #ffffff; box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;}
#post > .container img {width: 100%; display: block; height: auto;}
@media only screen and (max-width: 992px) {#post > .container {display: block;} #post > .container img {width: 100%; display: block; height: auto;}}
#post > .entry-title {font-size: 1.5rem; padding-bottom: 1rem; border-bottom: 1px dashed #dedede;}
#post > .thumbnail {display: block;}

/* single.php > Begin Comments */
#comments {width: 100%;}
@media only screen and (max-width: 992px) {#comments {width: 100%; display: block;}}
.card-title {font-family: "PeydaWeb-SemiBold";}
.card-header {padding: 10px !important;}
.card-body {line-height: 23px;}
.card {padding: 5px; margin: 5px 0px; background: #ffffff; border-radius: 0.5rem; border: 2px solid #f0f0f1; box-shadow: 0 3px 8px 0 rgba(0,0,0,.08);}

/* Begin Category */
.fge-category {display: block; list-style-type: none; background-color: #ADD8E6; border: 2px solid #7dc0da;}
.fge-category li {display: inline-flex; padding: 0 10px 0 10px;}
.fge-category li:first-child:after {content: ">"; margin-right: 10px;}

/* single.php > Begin Meta Tags */
.meta {display: block; padding: 20px 0; border-top: 1px solid #e2e2e2;}
@media only screen and (max-width: 992px) {.meta {width: 100%; display: block;}}
.meta a, .meta span {padding: 5px; margin:0 3px; color: #f5f5f5; font-size: 11px; border-radius: 0.5rem; background-color: #9d003d;}

/* Begin Brabds */
.main-title {padding: 10px; color: #040404; display: block; text-align: center; border-radius: 0.5rem; border: 1px solid #f0f0f1; background-color: #ffffff;}
.main-color {color: #fa3d09;}

/* Begin Footer Flex Box */
.footer {width: 100%; background-color: #FCF6F5;}
.footer .footer-row {padding: 50px; display: flex; flex-wrap: wrap; justify-content: space-between;}
.footer-row .footer-col h4 {color: #292929; font-weight: 400; font-size: 1.2rem;}
@media only screen and (max-width: 992px) {.footer .footer-row {display: flex; flex-wrap: wrap; text-alig: center; flex-direction: column;}}
.footer a {color: #292929;line-height: 2; text-decoration: none;}
.footer iframe {border-radius: 0.8rem; border: 2px solid #990011;}

/* Begin Footer Order Line*/
.order {padding: 5px; border-radius: 0.5rem; border: 3px solid #e2e2e2;}
.order a {font-size: 1.2rem; margin-right: 8px;}

/* Begin Social */
.social {font-size: 2.5rem; text-align: center;}
.social a {padding: 5px;}
.fa-instagram {background: radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%, #d6249f 60%, #285AEB 90%); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent;}
.fa-telegram {color: #24A1DE;}
.fa-whatsapp {color: #25D366;}
.fa-twitter {color: #1DA1F2;}

/* Begin Copyright*/
.copyright {width: 100%; display: flex; color: #FCF6F5; align-items: center; flex-direction: row; background-color: #990011; justify-content: space-between;}
@media only screen and (max-width: 992px) {.copyright {display: flex; flex-direction: column;}}
.copyright a {color: #FCF6F5; font-weight: bold; text-decoration: none;}
.copyright p {margin: 0; padding: 10px; font-size: 13px;}
.copyright span {vertical-align: middle;}

/* Begin 404 Page*/
.not-found {display: flex; padding: 68px 0; line-height: 22px; align-items: center; flex-direction: column; justify-content: center; background-size: auto 100%; background: url(../images/404bg.png);}
.not-found h3 {margin: 25px auto; line-height: 1.222; font-size: 2.571rem;}
.not-found a {border: none; font-size: 2em; color: #ffffff; min-width: 161px; border-radius: 8px; padding: 10px 20px; text-decoration: none; margin: 10px 19.5px 46px; background-color: #6ab946;}

/* Begin Text Sell */
.text-sell {padding: 10px; display: block; text-align: center; background-color: #ffffff;}
.text-sell h3 {color: #8b8b8b;}
.text-sell-color {color: #25d266;}

/* Begin Object*/
.object {display: flex; text-align: center; align-items: center; flex-direction: row; background-color: #f1f1f1; justify-content: space-between;}
@media only screen and (max-width: 992px) {.object {display: flex; flex-wrap: wrap; flex-basis: 100%; flex-direction: column;}}
.object-item {margin: 1rem; color: #262626; border-radius: 16px; align-items: center; border-radius: 0.5rem; flex-direction: column; backdrop-filter: blur(10.7px); background: rgba(255, 255, 255, 0.51); -webkit-backdrop-filter: blur(10.7px); border: 1px solid rgba(255, 255, 255, 1); box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);}
.object-item span {font-size: 2.5rem; text-align: center;}
.object-title {color: #292929; display: block; text-align: center;}
.object .fa {margin: 1rem; padding: 1rem; color: #fa3d09; border-radius: 50%; background: #f0f0f1;}
.object-item p {margin: 1rem; max-width: 250px; text-align: justify; text-align-last: center;}

/* Begin archive.php*/
.archive-content {padding: 10px;}

/* Begin Contact 7*/
.contact-form {display: flex; color: #50586C; align-items: center; border-radius: 0.5rem; justify-content: center; background-color: #FCF6F5; border: 2px solid #e2e2e2; padding-left: 50px !important; padding-right: 50px !important;}
.contact-form > .item {width: 50%; padding: 1rem;}
@media only screen and (max-width: 992px) {.contact-form {display: flex; overflow: hidden; flex-direction: column-reverse;} .contact-form > .item {width: 100%; padding: 1rem;}}
.wpcf7 {padding: 20px; text-align: right; border-radius: 0.5rem; background-color: #FCF6F5; border: 2px solid  #e2e2e2;}
.wpcf7 lable {font-size: 16px; text-align: right;}
.wpcf7 input {width: 100%; height: 5vh; border-radius: 0.5rem; border: 2px solid #f0f0f1; background-color: #ffffff;}
.wpcf7 textarea {width: 100%; border-radius: 0.5rem; border: 2px solid #f0f0f1; background-color: #ffffff;}
.wpcf7-submit {display: block; color: #990011; font-size: 20px; cursor: pointer; text-align: center; transition: all 0.5s; -o-transition: all 0.5s; -ms-transition: all 0.5s; -moz-transition: all 0.5s; border: 2px solid #990011; -webkit-transition: all 0.5s; font-family: "PeydaWeb-SemiBold"; background-color: rgba(255, 255, 255, 0.5); box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;}
.wpcf7-submit:hover {color: #FCF6F5; font-weight: bold; text-align: center; border-color: #990011; background-color: #990011; font-family: "PeydaWeb-SemiBold";}
.wpcf7-select {width: 30%; height: 4vh; margin: 8px; outline: none; border-radius: 0.5rem; border: 2px solid #e2e2e2; background-color: #ffffff;}