/*
  Version: 1.1
  Author: Alireza Roshanaie
  Author URI: https://mihanjs.com/
*/

/*----------> fonts start <----------*/
@font-face {
     font-family: 'shabnam';
     font-style: normal;
     font-weight: normal;
     src: url('../fonts/shabnam-fa-num/Shabnam-Light-FD.eot');
     src: url('../fonts/shabnam-fa-num/Shabnam-Light-FD.eot?#iefix') format('embedded-opentype'),
          url('../fonts/shabnam-fa-num/Shabnam-Light-FD.woff2') format('woff2'),
          url('../fonts/shabnam-fa-num/Shabnam-Light-FD.woff') format('woff'),
          url('../fonts/shabnam-fa-num/Shabnam-Light-FD.ttf') format('truetype');
}
/*----------> fonts end <----------*/

/* اعمال فونت و ریست استایل‌ها صرفاً در محدوده باکس منو */
#digi-menu-container, 
#digi-menu-container * {
     font-family: 'shabnam', Tahoma, sans-serif;
     margin: 0;
     padding: 0;
     box-sizing: border-box;
}

#digi-menu-container a, 
#digi-menu-container a:hover {
     text-decoration: none;
     -webkit-transition: all .2s ease;
     transition: all .2s ease;
}

#digi-menu-container p {
     margin-bottom: 0;
}

#digi-menu-container input, 
#digi-menu-container input:focus, 
#digi-menu-container button, 
#digi-menu-container button:focus {
     border: 0;
     outline: none;
}

#digi-menu-container ul {
     list-style: none;
     padding: 0;
     margin: 0;
}

#digi-menu-container .container {
     max-width: 1366px;
}

/* هدر در سطح اول زیرمجموعه کانتینر جدید است */
#digi-menu-container header.page-header {
     background: #fff;
     position: relative;
     top: 0;
     left: 0;
     right: 0;
     z-index: 100;
     box-shadow: 0 4px 8px rgba(0,0,0,0.05);
     direction: rtl;
}

#digi-menu-container header.page-header .nav-wrapper {
     position:relative;
     background: #fff;
     left: 0;
     top: 100%;
     right: 0;
     z-index: 99;
     padding: 0 15px;
     box-shadow: 0 4px 8px rgba(0,0,0,0.05);
     transition: all 0.2s ease-in-out;
}

#digi-menu-container header.page-header .nav-wrapper > ul {
     display: flex;
     position: relative;
     max-width: 1366px;
     float: right;
     margin: auto;
     padding: 0 15px;
}

#digi-menu-container header.page-header .nav-wrapper > ul > li {
     margin-right: 20px;
}

#digi-menu-container header.page-header .nav-wrapper > ul > li > a {
     display: flex;
     align-items: center;
     font-weight: 600;
}

#digi-menu-container header.page-header .nav-wrapper > ul > li > a:hover {
     color: #007bff;
}

#digi-menu-container header.page-header .nav-wrapper > ul > li > a i {
     font-size: 16px;
     font-weight: bold;
     margin-left: 5px;
}

#digi-menu-container header.page-header .nav-wrapper > ul > li a {
     display: block;
     color: #000;
     line-height: 55px;
}

#digi-menu-container header.page-header .nav-wrapper > ul > li.category-list::before {
     content: '';
     background: #fff;
     box-shadow: 0 8px 16px rgba(0,0,0,0.05);
     min-width: 1100px;
     min-height: 455px;
     position: absolute;
     top: 100%;
     right: 0;
     border-radius: 0 0 5px 5px;
     display: none;
     transition: all 0.2s ease-in-out;
}

#digi-menu-container header.page-header .nav-wrapper > ul > li.category-list:hover::before {
     display: block;
}

#digi-menu-container header.page-header .nav-wrapper > ul > li.category-list > ul {
     position: absolute;
     background: #fff;
     min-height: 455px;
     right: 0;
     width: 220px;
     top: 100%;
     border-left: 1px solid #e0e0e0;
     display: none;
}

#digi-menu-container header.page-header .nav-wrapper > ul > li.category-list:hover > ul {
     display: block;
}

#digi-menu-container header.page-header .nav-wrapper > ul > li.category-list > ul > li > a {
     border-top: 1px solid transparent;
     border-bottom: 1px solid transparent;
     padding-right: 10px;
     line-height: 45px;
     font-weight: bold;
     text-align: right;
     direction: rtl;
}

#digi-menu-container header.page-header .nav-wrapper > ul > li.category-list > ul > li.active > a {
     background-color: #f5f5f5;
     border-top: 1px solid #e6e6e6;
     border-bottom: 1px solid #e6e6e6;
}

#digi-menu-container header.page-header .nav-wrapper > ul > li.category-list > ul > li > ul {
     background: #fff;
     position: absolute;
     width: 870px;
     height: auto !important;
     overflow: hidden;
     top: 0;
     right: 220px;
     padding: 0 15px;
     margin-right: 1px;
     display: none;
}

#digi-menu-container header.page-header .nav-wrapper > ul > li.category-list > ul > li.active > ul {
     display: flex;
}

#digi-menu-container header.page-header .nav-wrapper > ul > li.category-list > ul > li > ul > li {
     padding: 0 10px;
}

#digi-menu-container header.page-header .nav-wrapper > ul > li.category-list > ul > li > ul > li > a {
     display: flex;
     align-items: center;
     font-weight: bold;
     line-height: 35px;
     white-space: normal;
     overflow: hidden;
     text-overflow: ellipsis;
}

#digi-menu-container header.page-header .nav-wrapper > ul > li.category-list > ul > li > ul > li > a:hover {
     color: #007bff;
     padding-right: 5px;
}

#digi-menu-container header.page-header .nav-wrapper > ul > li.category-list > ul > li > ul > li > a::after {
     content: "\f104";
     font-family: "Font Awesome 5 Pro";
     position: relative;
     left: -3px;
     top: 0;
}

#digi-menu-container header.page-header .nav-wrapper > ul > li.category-list > ul > li > ul > li > ul li a {
     color: #202020;
     font-size: 13px;
     line-height: 27px;
}

#digi-menu-container header.page-header .nav-wrapper > ul > li.category-list > ul > li > ul > li .list-item-image:hover {
     padding-right: 0;
}

#digi-menu-container ul#sub3menu {
    text-align: right;
    direction: rtl;
}

.menu-bars-icon {
    display: inline-block;
    margin-left: 6px;
    font-size: 21px;
    line-height: 1;
}