@charset "UTF-8";
/*
Theme Name: roknews
Theme URI: https://www.rtl-theme.com/roknews-wordpress-theme/
Author: محمد رحمتی فخر
Author URI: https://www.rtl-theme.com/author/famo-ir/
Description: پوسته سبک و مینیمال رک نیوز مناسب برای راه اندازی انواع پوسته های خبری همراه با صفحه ساز قدرتمند
Tags: ویژوال کامپوزر، فرم 7، ابزارک، منو، پنل تنظیمات
Version: 1.0.4
Requires at least: 5.0
Tested up to: 5.4
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: roknews
This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/
@font-face{font-family:iranyekan;font-style:normal;font-weight:700;src:url(assets/fonts/eot/iranyekanwebboldfanum.eot);src:url(assets/fonts/eot/iranyekanwebboldfanum.eot?#iefix) format("embedded-opentype"),url(assets/fonts/woff/iranyekanwebboldfanum.woff) format("woff"),url(assets/fonts/ttf/iranyekanwebboldfanum.ttf) format("truetype")}
@font-face{font-family:iranyekan;font-style:normal;font-weight:100;src:url(assets/fonts/eot/iranyekanwebthinfanum.eot);src:url(assets/fonts/eot/iranyekanwebthinfanum.eot?#iefix) format("embedded-opentype"),url(assets/fonts/woff/iranyekanwebthinfanum.woff) format("woff"),url(assets/fonts/ttf/iranyekanwebthinfanum.ttf) format("truetype")}
@font-face{font-family:iranyekan;font-style:normal;font-weight:300;src:url(assets/fonts/eot/iranyekanweblightfanum.eot);src:url(assets/fonts/eot/iranyekanweblightfanum.eot?#iefix) format("embedded-opentype"),url(assets/fonts/woff/iranyekanweblightfanum.woff) format("woff"),url(assets/fonts/ttf/iranyekanweblightfanum.ttf) format("truetype")}
@font-face{font-family:iranyekan;font-style:normal;font-weight:400;src:url(assets/fonts/eot/iranyekanwebregularfanum.eot);src:url(assets/fonts/eot/iranyekanwebregularfanum.eot?#iefix) format("embedded-opentype"),url(assets/fonts/woff/iranyekanwebregularfanum.woff) format("woff"),url(assets/fonts/ttf/iranyekanwebregularfanum.ttf) format("truetype")}
@font-face{font-family:iranyekan;font-style:normal;font-weight:500;src:url(assets/fonts/eot/iranyekanwebmediumfanum.eot);src:url(assets/fonts/eot/iranyekanwebmediumfanum.eot?#iefix) format("embedded-opentype"),url(assets/fonts/woff/iranyekanwebmediumfanum.woff) format("woff"),url(assets/fonts/ttf/iranyekanwebmediumfanum.ttf) format("truetype")}
@font-face{font-family:iranyekan;font-style:normal;font-weight:800;src:url(assets/fonts/eot/iranyekanwebextraboldfanum.eot);src:url(assets/fonts/eot/iranyekanwebextraboldfanum.eot?#iefix) format("embedded-opentype"),url(assets/fonts/woff/iranyekanwebextraboldfanum.woff) format("woff"),url(assets/fonts/ttf/iranyekanwebextraboldfanum.ttf) format("truetype")}
@font-face{font-family:iranyekan;font-style:normal;font-weight:900;src:url(assets/fonts/eot/iranyekanwebblackfanum.eot);src:url(assets/fonts/eot/iranyekanwebblackfanum.eot?#iefix) format("embedded-opentype"),url(assets/fonts/woff/iranyekanwebblackfanum.woff) format("woff"),url(assets/fonts/ttf/iranyekanwebblackfanum.ttf) format("truetype")}
@font-face{font-family:iranyekan;font-style:normal;font-weight:950;src:url(assets/fonts/eot/iranyekanwebextrablackfanum.eot);src:url(assets/fonts/eot/iranyekanwebextrablackfanum.eot?#iefix) format("embedded-opentype"),url(assets/fonts/woff/iranyekanwebextrablackfanum.woff) format("woff"),url(assets/fonts/ttf/iranyekanwebextrablackfanum.ttf) format("truetype")}
@font-face{font-family:iconly;font-style:normal;font-weight:200;src:url(assets/fonts/Iconly-light.eot);src:url(assets/fonts/Iconly-light.eot?#iefix) format("embedded-opentype"),url(assets/fonts/Iconly-light.woff) format("woff"),url(assets/fonts/Iconly-light.ttf) format("truetype"),url(assets/fonts/Iconly-light.svg#Iconly-light) format("svg")}
[class^="iconly-"], [class*="iconly-"] {
  font-family: 'iconly' !important;
  speak: never;
  font-style: normal;
  font-variant: normal;
  text-transform: none;
  font-weight: 200;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.iconly-Activity:before{content:"\e900"}
.iconly-Add-User:before{content:"\e901"}
.iconly-Arrow-Down:before{content:"\e902"}
.iconly-Arrow-Down-2:before{content:"\e903"}
.iconly-Arrow-Down-3:before{content:"\e904"}
.iconly-Arrow-Down-Circle:before{content:"\e905"}
.iconly-Arrow-Down-Square:before{content:"\e906"}
.iconly-Arrow-Left:before{content:"\e907"}
.iconly-Arrow-Left-2:before{content:"\e908"}
.iconly-Arrow-Left-3:before{content:"\e909"}
.iconly-Arrow-Left-Circle:before{content:"\e90a"}
.iconly-Arrow-Left-Square:before{content:"\e90b"}
.iconly-Arrow-Right:before{content:"\e90c"}
.iconly-Arrow-Right-2:before{content:"\e90d"}
.iconly-Arrow-Right-3:before{content:"\e90e"}
.iconly-Arrow-Right-Circle:before{content:"\e90f"}
.iconly-Arrow-Right-Square:before{content:"\e910"}
.iconly-Arrow-Up:before{content:"\e911"}
.iconly-Arrow-Up-2:before{content:"\e912"}
.iconly-Arrow-Up-3:before{content:"\e913"}
.iconly-Arrow-Up-Circle:before{content:"\e914"}
.iconly-Arrow-Up-Square:before{content:"\e915"}
.iconly-Bag:before{content:"\e916"}
.iconly-Bag-2:before{content:"\e917"}
.iconly-Bookmark:before{content:"\e918"}
.iconly-Buy:before{content:"\e919"}
.iconly-Calendar:before{content:"\e91a"}
.iconly-Call:before{content:"\e91b"}
.iconly-Call-Missed:before{content:"\e91c"}
.iconly-Call-Silent:before{content:"\e91d"}
.iconly-Calling:before{content:"\e91e"}
.iconly-Camera:before{content:"\e91f"}
.iconly-Category:before{content:"\e920"}
.iconly-Chart:before{content:"\e921"}
.iconly-Chat:before{content:"\e922"}
.iconly-Close-Square:before{content:"\e923"}
.iconly-Danger:before{content:"\e924"}
.iconly-Delete:before{content:"\e925"}
.iconly-Discount:before{content:"\e926"}
.iconly-Discovery:before{content:"\e927"}
.iconly-Document:before{content:"\e928"}
.iconly-Download:before{content:"\e929"}
.iconly-Edit:before{content:"\e92a"}
.iconly-Edit-Square:before{content:"\e92b"}
.iconly-Filter:before{content:"\e92c"}
.iconly-Filter-2:before{content:"\e92d"}
.iconly-Folder:before{content:"\e92e"}
.iconly-Game:before{content:"\e92f"}
.iconly-Graph:before{content:"\e930"}
.iconly-Heart:before{content:"\e931"}
.iconly-Hide:before{content:"\e932"}
.iconly-Home:before{content:"\e933"}
.iconly-Image:before{content:"\e934"}
.iconly-Image-2:before{content:"\e935"}
.iconly-Info-Circle:before{content:"\e936"}
.iconly-Info-Square:before{content:"\e937"}
.iconly-Location:before{content:"\e938"}
.iconly-Lock:before{content:"\e939"}
.iconly-Login:before{content:"\e93a"}
.iconly-Logout:before{content:"\e93b"}
.iconly-Message:before{content:"\e93c"}
.iconly-More-Circle:before{content:"\e93d"}
.iconly-More-Square:before{content:"\e93e"}
.iconly-Notification:before{content:"\e93f"}
.iconly-Paper:before{content:"\e940"}
.iconly-Paper-Download:before{content:"\e941"}
.iconly-Paper-Fail:before{content:"\e942"}
.iconly-Paper-Negative:before{content:"\e943"}
.iconly-Paper-Plus:before{content:"\e944"}
.iconly-Paper-Upload:before{content:"\e945"}
.iconly-Password:before{content:"\e946"}
.iconly-Play:before{content:"\e947"}
.iconly-Plus:before{content:"\e948"}
.iconly-Profile:before{content:"\e949"}
.iconly-Scan:before{content:"\e94a"}
.iconly-Search:before{content:"\e94b"}
.iconly-Send:before{content:"\e94c"}
.iconly-Setting:before{content:"\e94d"}
.iconly-Shield-Done:before{content:"\e94e"}
.iconly-Shield-Fail:before{content:"\e94f"}
.iconly-Show:before{content:"\e950"}
.iconly-Star:before{content:"\e951"}
.iconly-Swap:before{content:"\e952"}
.iconly-Tick-Square:before{content:"\e953"}
.iconly-Ticket:before{content:"\e954"}
.iconly-Ticket-Star:before{content:"\e955"}
.iconly-Time-Circle:before{content:"\e956"}
.iconly-Time-Square:before{content:"\e957"}
.iconly-Unlock:before{content:"\e958"}
.iconly-Upload:before{content:"\e959"}
.iconly-User2:before{content:"\e95a"}
.iconly-User3:before{content:"\e95b"}
.iconly-Video:before{content:"\e95c"}
.iconly-Voice:before{content:"\e95d"}
.iconly-Voice-2:before{content:"\e95e"}
.iconly-Volume-Down:before{content:"\e95f"}
.iconly-Volume-Off:before{content:"\e960"}
.iconly-Volume-Up:before{content:"\e961"}
.iconly-Wallet:before{content:"\e962"}
.iconly-Work:before{content:"\e963"}
* {
  outline: 0;
  box-sizing: border-box;
  border: 0;
  padding: 0;
  margin: 0;
}
:root{
  --main-background: #f5f5f5;
  --main-text-color: #2b2d42;
  --main-color: #ef233c;
  --main-color-glass: rgb(239 35 60 / 10%);
}
body{
  font-family: iranyekan;
  font-size: 13px;
  font-weight: 400;
  line-height: normal;
  background: var(--main-background);
  color: var(--main-text-color);
}
a{
  text-decoration: none;
  transition: all .3s;
}
input,
textarea{
  font-family: iranyekan;
}
@media (min-width: 1400px){
  .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
    max-width: 1280px;
  }
}
.header{
  background: var(--main-color);
  display: block;
  height: 100px;
}
.header .content{
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  width: 100%;
}
.header .logo{
  max-width: 36px;
  min-width: 36px;
  height: 41px;
  margin-top: 28px;
  margin-left: 20px;
}
.header .logo img{
	width: 100%;
	height: auto;
}
.header .left{
  flex-grow: 1;
}
.header .left .top{
  float: right;
      width: 100%;
      margin-top: 12px;
      padding-bottom: 12px;
      border-bottom: 1px solid rgb(0 0 0 / 7%);
}
.header .left .title{
  float: right;
      margin-left: 30px;
      font-weight: bold;
      font-size: 13px;
      margin-top: 5px;
}
.header .left .title a{
  color: #fff;
}
.header .left .mainMenu{
  float: right;
      margin-top: 3px;
}
.header .left .mainMenu li{
  float: right;
  list-style-type: none;
  margin-left: 35px;
}
.header .left .mainMenu li a{
  color: #fff;
  float: right;
  padding: 2px 6px;
  border-radius: 4px;
}
.header .left .mainMenu li a:hover{
  background: rgb(0 0 0 / 7%);
}
.header .left .mainMenu .menu-item-has-children{
  position: relative;
}
.header .left .mainMenu .menu-item-has-children > a:hover{
}
.header .left .mainMenu .menu-item-has-children > a:before{
  content: "\e903";
  font-family: 'iconly' !important;
  speak: never;
  font-style: normal;
  font-variant: normal;
  text-transform: none;
  font-weight: 200;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  float: left;
  font-size: 10px;
  margin-top: 5px;
  padding-right: 7px;
  color: #fff;
}
.header .left .mainMenu .menu-item-has-children .sub-menu{
  position: absolute;
  right: 0;
  width: 180px;
  background: #fff;
  border-radius: 8px;
  top: 100%;
  padding: 10px;
  margin-top: 17px;
  box-shadow: 0 0 15px 0 rgb(0 0 0 / 5%);
  z-index: 1000;
  visibility: hidden;
  opacity: 0;
  pointer-events: none;
  transition: all .3s;
}
.header .left .mainMenu .menu-item-has-children .sub-menu:before{
  content: '';
      border-right: 10px solid transparent;
      border-bottom: 7px solid #fff;
      border-left: 10px solid transparent;
      position: absolute;
      right: 18px;
      top: -6px;
      z-index: 1001;
}
.header .left .mainMenu .menu-item-has-children:hover .sub-menu{
  visibility: visible;
  opacity: 1;
  pointer-events: auto;
  margin-top: 7px;
}
.header .left .mainMenu .menu-item-has-children .sub-menu li{
margin-bottom: 7px;
margin-left: 0;
width: 100%;
}
.header .left .mainMenu .menu-item-has-children .sub-menu li:last-child{
  margin-bottom: 0;
}
.header .left .mainMenu .menu-item-has-children .sub-menu li a{
color: var(--main-text-color);
}
.header .left .mainMenu .menu-item-has-children .sub-menu li a:hover{
  background: transparent;
  margin-right: 10px;
  opacity: .8;
}
.header .left .search{
  float: left;
      position: relative;
}
.header .left .search input[type="text"]{
  background: rgb(0 0 0 / 7%);
  height: 30px;
  line-height: 30px;
  width: 200px;
  border-radius: 4px;
  padding-right: 7px;
  color: #fff;
  font-size: 12px;
}
.header .left .search input[type="text"]::placeholder{
  color: #fff;
}
.header .left .search button{
  position: absolute;
      left: 0;
      top: 0;
      height: 30px;
      width: 30px;
      background: transparent;
}
.header .left .search button span{
  color: #fff;
  cursor: pointer;
}
.header .left .search .result-ajax{
  position: absolute;
  left: 0;
  top: 100%;
  width: 300px;
  z-index: 999;
  opacity: 0;
  pointer-events: none;
  visibility: hidden;
  transition: all .3s;
  margin-top: 25px;
}
.header .left .search .result-ajax.active{
  margin-top: 15px;
  opacity: 1;
  pointer-events: all;
  visibility: visible;
}
.header .left .search .result-ajax ul{
  float: right;
  width: 100%;
  background: #fff;
  padding: 10px;
  border-radius: 8px;
  list-style-type: none;
  box-shadow: 0 0 15px 0 rgb(0 0 0 / 5%);
}
.header .left .search .result-ajax ul li{
  float: right;
  width: 100%;
  margin-bottom: 5px;
  padding-bottom: 5px;
  border-bottom: 1px solid rgb(0 0 0 / 5%);
}
.header .left .search .result-ajax ul li:last-child{
  margin-bottom: 0;
  padding-bottom: 0;
  border: 0;
}
.header .left .search .result-ajax ul li a{
  font-size: 11px;
  color: var(--main-text-color);
  float: right;
  width: 100%;
}
.header .left .search .result-ajax ul li a:hover{
  color: var(--main-color);
}
.header .left .search .result-ajax ul li a img{
  float: right;
  width: 50px;
  height: auto;
  border-radius: 5px;
  margin-left: 7px;
}
.header .left .search .result-ajax ul li a h3{
  display: block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.header .left .search .result-ajax ul li a .post-date{
  display: block;
  overflow: hidden;
  margin-top: 5px;
  opacity: .7;
}
.header .left .search .result-ajax ul li .loader{
  border: 1px solid #f3f3f3;
  border-top: 1px solid var(--main-color);
  border-radius: 50%;
  width: 24px;
  height: 24px;
  animation: spin 1s linear infinite;
  display: block;
  margin: 0 auto;
}
.header .left .bottom{
  float: right;
  width: 100%;
}
.header .left .tags{
float: right;
margin-top: 13px;
}
.header .left .tags .name{
  float: right;
      margin-left: 30px;
      font-weight: bold;
      font-size: 13px;
      color: #fff;
}
.header .left .tags ul,
.header .left .tags ul li{
  float: right;
  list-style-type: none;
}
.header .left .tags a{
  float: right;
  margin-left: 25px;
  font-size: 12px;
  color: #fff;
}
.header .left .tags a:hover{
  opacity: .8;
}
.header .left .tags a i{
  font-style: normal;
      opacity: .8;
}
.header .left .date{
  float: left;
  color: #fff;
  font-size: 10px;
  margin-top: 14px;
  margin-right: 15px;
}
.header .left .special{
  float: left;
      margin-top: 7px;
}
.header .left .special ul,
.header .left .special ul li{
  list-style-type: none;
  float: left;
}
.header .left .special a{
  float: left;
  margin-right: 10px;
  font-size: 12px;
  background: rgb(0 0 0 / 7%);
  color: #fff;
  padding: 6px 8px;
  border-radius: 4px;
}
.header .left .special a:hover{
  background: rgb(0 0 0 / 14%);
}
.newsticker{
  background: var(--main-color);
      display: block;
      height: 35px;
      border-top: 1px solid rgb(0 0 0 / 7%);
      padding-top: 6px;
      margin-bottom: 20px;
}
.newsticker .iconly-Time-Circle{
  float: right;
      margin-left: 5px;
      color: #fff;
      margin-top: 3px;
}
.newsticker ul{
  display: block;
}
.newsticker ul li{
  display: block;
  list-style-type: none;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  color: #fff;
}
.newsticker ul li a{
  color: #fff;
  font-size: 11px;
}
.newsticker ul li a:hover{
  opacity: .8;
}
.gridNews{
  margin-bottom: 20px;
}
.gridNews .mainSliderHome{
  margin-bottom: 20px;
}
.gridNews .mainSliderHome .item{
  float: right;
  width: 100%;
  position: relative;
}
.gridNews .mainSliderHome .item .cat{
  position: absolute;
      right: 0;
      top: 0;
      background: var(--main-color);
      color: #fff;
      padding: 4px 6px;
      border-radius: 4px;
      right: 15px;
      top: 15px;
      font-size: 12px;
      box-shadow: 0 0 15px -4px var(--main-color);
      z-index: 3;
}
.gridNews .mainSliderHome .item .image{
float: right;
width: 100%;
z-index: 2;
overflow: hidden;
border-radius: 8px;
position: relative;
}
.gridNews .mainSliderHome .item .image img{
  height: auto;
}
.gridNews .mainSliderHome .item .image h2{
  position: absolute;
  right: 0;
  bottom: 0;
  z-index: 3;
  color: #fff;
  line-height: 2;
  font-size: 17px;
  padding: 15px;
  font-weight: 400;
}
.gridNews .mainSliderHome .item .image .cover{
  position: absolute;
      left: 0;
      top: 0;
      width: 100%;
      height: 100%;
      background-color: transparent;
      background-image: linear-gradient(
  0deg
  , rgb(0 0 0 / 35%) 0%, transparent 100%);
      z-index: 2;
      transition: all .3s;
      opacity: .5;
}
.gridNews .mainSliderHome .item .image:hover .cover{
  opacity: 1;
}
.gridNews .mainSliderHome .owl-nav{
  position: absolute;
  left: 10px;
  top: 15px;
}
.gridNews .mainSliderHome .owl-nav button{
  float: right;
  width: 30px;
  height: 30px;
  background: #fff;
  color: var(--main-color);
  border-radius: 4px;
  margin-left: 5px;
  line-height: 35px;
  transition: all .3s;
}
.gridNews .mainSliderHome .owl-nav button:hover{
  background: var(--main-color);
  color: #fff;
}
.gridNews .card{
  float: right;
      width: 100%;
}
.gridNews .card .image{
  float: right;
  width: 100%;
  margin-bottom: 15px;
}
.gridNews .card .image img{
  width: 100%;
      height: auto;
      border-radius: 8px;
}
.gridNews .card .image h2{
  float: right;
  width: 100%;
  line-height: 2;
  font-size: 14px;
  color: var(--main-text-color);
  font-weight: 400;
  transition: all .3s;
  max-height: 65px;
  overflow: hidden;
}
.gridNews .card .image:hover h2{
color: var(--main-color);
}
.gridNews .card ul{
  float: right;
  width: 100%;
}
.gridNews .card ul li{
  float: right;
  width: 100%;
  margin-bottom: 10px;
  list-style-type: none;
  position: relative;
  padding-right: 15px;
}
.gridNews .card ul li:last-child{
  margin-bottom: 0;
}
.gridNews .card ul li:before{
  content: '';
  width: 6px;
  height: 6px;
  background: var(--main-color);
  position: absolute;
  right: 0;
  top: 5px;
  border-radius: 50px;
}
.gridNews .card ul li a{
  white-space: nowrap;
      float: right;
      width: 100%;
      overflow: hidden;
      text-overflow: ellipsis;
      color: #7b7d92;
}
.gridNews .card ul li a:hover{
  color: var(--main-color);
}
.sidebar{
  float: right;
      width: 100%;
}
.widget{
  float: right;
      width: 100%;
      background: #fff;
      border-radius: 8px;
      padding: 10px;
      box-shadow: 0 0 15px 0 rgb(0 0 0 / 5%);
      margin-bottom: 1.5rem;
}
.widget .title{
  float: right;
  width: 100%;
  margin-bottom: 15px;
}
.widget .title h3{
  position: relative;
  font-weight: 400;
  font-size: 14px;
  padding-right: 12px;
}
.widget .title h3:before{
  content: '';
  width: 4px;
  height: 15px;
  position: absolute;
  right: 0;
  top: 2px;
  background: var(--main-color);
  border-radius: 3px;
}
.widget .content{
  float: right;
  width: 100%;
}
.widget .content .image,
.footer .widget .content .image{
  display: block;
  margin: 0 auto;
  max-width: 100%;
  height: auto;
}
.widget.newsText .content ul,
.footer .widget.newsText .content ul{
  float: right;
      width: 100%;
      padding-right: 15px;
}
.widget.newsText .content ul li,
.footer .widget.newsText .content ul li{
  float: right;
      width: 100%;
      margin-bottom: 10px;
}
.widget.newsText .content ul li:last-child,
.footer .widget.newsText .content ul li:last-child{
  margin-bottom: 0;
}
.widget.newsText .content ul li::marker,
.footer .widget.newsText .content ul li::marker{
    color: var(--main-color);
}
.widget.newsText .content ul li a,
.footer .widget.newsText .content ul li a{
  color: var(--main-text-color);
      line-height: 1.8;
      font-size: 12px;
}
.widget.newsText .content ul li a:hover,
.footer .widget.newsText .content ul li a:hover{
  color: var(--main-color);
}
.widget.views .content ul,
.footer .widget.views .content ul{
  float: right;
      width: 100%;
      padding-right: 0;
}
.widget.views .content ul li,
.footer .widget.views .content ul li{
  float: right;
      width: 100%;
      margin-bottom: 10px;
      list-style-type: none;
}
.widget.views .content ul li:last-child,
.footer .widget.views .content ul li:last-child{
  margin-bottom: 0;
}
.widget.views .content ul li a,
.footer .widget.views .content ul li a{
  float: right;
      width: 100%;
      color: var(--main-text-color);
      line-height: 1.8;
      font-size: 12px;
}
.widget.views .content ul li a:hover,
.footer .widget.views .content ul li a:hover{
  color: var(--main-color);

}
.widget.views .content ul li i,
.footer .widget.views .content ul li i{
  float: right;
      width: 14px;
      height: 14px;
      border-radius: 3px;
      line-height: 0;
      padding-top: 8px;
      background: var(--main-color-glass);
      color: var(--main-color);
      font-size: 10px;
      text-align: center;
      font-style: normal;
      margin-top: 4px;
      margin-left: 5px;
}
.widget.pictureNews .container,
.footer .widget.pictureNews .container{
padding: 0 .5rem;
}
.widget.pictureNews .container .row{

}
.widget.pictureNews .container .col-6{

}
.widget.pictureNews .item,
.footer .widget.pictureNews .item{
  float: right;
      width: 100%;
      margin-bottom: 10px;
}
.widget.pictureNews .item img,
.footer .widget.pictureNews .item img{
  width: 100%;
  border-radius: 8px;
  height: auto;
}
.widget.pictureNews .item h3,
.footer .widget.pictureNews .item h3{
  font-weight: 400;
  font-size: 12px;
  color: var(--main-text-color);
  margin-bottom: 6px;
  line-height: 1.8;
  transition: all .3s;
  float: right;
  max-height: 65px;
  overflow: hidden;
}
.widget.pictureNews .item:hover h3,
.footer .widget.pictureNews .item:hover h3{
  color: var(--main-color);

}
.widget.pictureNews2 ul,
.footer .widget.pictureNews2 ul{
float: right;
width: 100%;
padding-right: 0;
}
.widget.pictureNews2 ul li,
.footer .widget.pictureNews2 ul li{
  float: right;
  width: 100%;
  list-style-type: none;
  margin-bottom: 10px;
}
.widget.pictureNews2 ul li:last-child,
.footer .widget.pictureNews2 ul li:last-child{
  margin-bottom: 0;
}
.widget.pictureNews2 ul li a,
.footer .widget.pictureNews2 ul li a{
  float: right;
  width: 100%;
}
.widget.pictureNews2 ul li a img,
.footer .widget.pictureNews2 ul li a img{
  float: right;
      margin-left: 10px;
      width: 75px;
      height: auto;
      border-radius: 8px;
}
.widget.pictureNews2 ul li a h3,
.footer .widget.pictureNews2 ul li a h3{
  font-weight: 400;
  font-size: 12px;
  color: var(--main-text-color);
  line-height: 1.8;
  transition: all .3s;
  overflow: hidden;
  display: block;
  max-height: 42px;
  white-space: nowrap;
text-overflow: ellipsis;
}
.widget.pictureNews2 ul li a:hover h3,
.footer .widget.pictureNews2 ul li a:hover h3{
  color: var(--main-color);
}
.widget.pictureNews2 ul li a .date{
  overflow: hidden;
  display: block;
  margin-top: 5px;
font-size: 10px;
opacity: 0.6;
    color: var(--main-text-color);
}
.widget.pictureNews2 ul li a .date i{
  float: right;
    margin-left: 4px;
    font-size: 13px;
}
.newsClassic{
  float: right;
      width: 100%;
      background: #fff;
      border-radius: 8px;
      padding: 10px;
      box-shadow: 0 0 15px 0 rgb(0 0 0 / 5%);
      margin-bottom: 1.5rem;
      display: flex;
}
.newsClassic .thumbnail{
  float: right;
      width: 160px;
      height: 120px;
      margin-left: 10px;
}
.newsClassic .thumbnail img{
  width: 160px;
  height: auto;
  border-radius: 8px;
  max-width: none;
}
.newsClassic .content{
  flex-grow: 1;
      float: right;
      width: 100%;
}
.newsClassic .content h3{
  font-weight: 400;
      font-size: 14px;
      color: var(--main-text-color);
      margin-bottom: 6px;
      line-height: 1.8;
      transition: all .3s;
      float: right;
}
.newsClassic .content h3:hover{
  color: var(--main-color);

}
.newsClassic .content .summary{
  float: right;
      width: 100%;
      margin-bottom: 7px;
      font-size: 12px;
      line-height: 1.7;
      opacity: .7;
}
.newsClassic .content .date{
  float: right;
      font-size: 10px;
      opacity: 0.6;
}
.newsClassic .content .date i{
  float: right;
      margin-left: 4px;
      font-size: 13px;
}
.newsClassic .content .more{
  float: left;
      font-size: 11px;
      color: var(--main-color);
}
.newsClassic .content .more:hover{
  color: var(--main-text-color);
}
.newsModern,
.newsModernType2{
  float: right;
      width: 100%;
      background: #fff;
      border-radius: 8px;
      padding: 10px;
      box-shadow: 0 0 15px 0 rgb(0 0 0 / 5%);
      margin-bottom: 1.5rem;
}
.newsModern .title,
.newsModernType2 .title{
  float: right;
      width: 100%;
      margin-bottom: 15px;
}
.newsModern .title h3,
.newsModernType2 .title h3{
  font-weight: 400;
  font-size: 14px;
  float: right;
  position: relative;
  padding-right: 12px;
}
.newsModern .title h3:before,
.newsModernType2 .title h3:before{
  content: '';
      width: 4px;
      height: 15px;
      position: absolute;
      right: 0;
      top: 2px;
      background: var(--main-color);
      border-radius: 3px;
}
.newsModern .title .moreArchive,
.newsModernType2 .title .moreArchive{
  float: left;
  font-size: 11px;
  color: var(--main-color);
}
.newsModern .title .moreArchive:hover,
.newsModernType2 .title .moreArchive:hover{
  color: var(--main-text-color);
}
.newsModern .content,
.newsModernType2 .content{
  float: right;
      width: 100%;
}
.newsModern .content .main{
  float: right;
      width: 100%;
      display: flex;
}
.newsModern .content .main .thumbnail{
  float: right;
  width: 50%;
  margin-left: 10px;
}
.newsModern .content .main .thumbnail img{
  width: 100%;
      height: auto;
      border-radius: 8px;
}
.newsModern .content .main .cont{
  float: right;
      width: 50%;
}
.newsModern .content .main .cont .heading{
  float: right;
  margin-bottom: 10px;
}
.newsModern .content .main .cont .heading h3{
  font-weight: 400;
  font-size: 14px;
  color: var(--main-text-color);
  line-height: 1.8;
  transition: all .3s;
  float: right;
}
.newsModern .content .main .cont .heading h3:hover{
  color: var(--main-color);
}
.newsModern .content .main .cont .summary{
  float: right;
  width: 100%;
  margin-bottom: 7px;
  font-size: 12px;
  line-height: 1.7;
  opacity: .7;
  max-height: 80px;
  overflow: hidden;
}
.newsModern .content .main .cont .date,
.newsModern .content .secondary .date{
  float: right;
      font-size: 10px;
      opacity: 0.6;
      margin-top: 5px;
      color: var(--main-text-color);
}
.newsModern .content .main .cont .date i,
.newsModern .content .secondary .date i{
  float: right;
      margin-left: 4px;
      font-size: 13px;
}
.newsModern .content .secondary{
  float: right;
  width: 100%;
  margin-top: 15px;
}
.newsModern .content .secondary li{
  float: right;
  width: 100%;
  list-style-type: none;
  margin-bottom: 15px;
}
.newsModern .content .secondary li:last-child{
  margin-bottom: 0;
}
.newsModern .content .secondary li a{
  float: right;
      width: 100%;
}
.newsModern .content .secondary li a img{
  width: 105px;
  border-radius: 8px;
  height: auto;
  float: right;
  margin-left: 10px;
}
.newsModern .content .secondary .txt{
  display: block;
  overflow: hidden;
}
.newsModern .content .secondary li a h3{
  display: block;
  overflow: hidden;
  font-weight: 400;
  font-size: 14px;
  color: var(--main-text-color);
  line-height: 1.8;
  transition: all .3s;
}
.newsModern .content .secondary li a:hover h3{
  color: var(--main-color);

}
.newsModern .content .secondary li a p{
  color: var(--main-text-color);
      font-size: 12px;
      line-height: 1.7;
      overflow: hidden;
      display: block;
      opacity: .7;
      white-space: nowrap;
    text-overflow: ellipsis;
}
.newsModernType2 .content .main{
  float: right;
  width: 100%;
  margin-bottom: 15px;
}
.newsModernType2 .content .main .thumbnail{
  float: right;
  width: 100%;
  margin-bottom: 10px;
}
.newsModernType2 .content .main .thumbnail img{
  width: 100%;
      height: auto;
      border-radius: 8px;
}
.newsModernType2 .content .main .cont{
  float: right;
  width: 100%;
}
.newsModernType2 .content .main .cont .heading{
  float: right;
      width: 100%;
      margin-bottom: 10px;
}
.newsModernType2 .content .main .cont .heading h3{
  font-weight: 400;
      font-size: 14px;
      color: var(--main-text-color);
      line-height: 1.8;
      transition: all .3s;
      float: right;
}
.newsModernType2 .content .main .cont .heading h3:hover{
  color: var(--main-color);

}
.newsModernType2 .content .main .cont .summary{
  float: right;
      width: 100%;
      margin-bottom: 7px;
      font-size: 12px;
      line-height: 1.7;
      opacity: .7;
}
.newsModernType2 .content .main .cont .date{
  float: right;
      font-size: 10px;
      opacity: 0.6;
      margin-top: 5px;
}
.newsModernType2 .content .main .cont .date i{
  float: right;
  margin-left: 4px;
  font-size: 13px;
}
.newsModernType2 .content ul{
  float: right;
      width: 100%;
      padding-right: 15px;
}
.newsModernType2 .content ul li{
  float: right;
      width: 100%;
      margin-bottom: 10px;
}
.newsModernType2 .content ul li:last-child{
  margin-bottom: 0;
}
.newsModernType2 .content ul li::marker{
    color: var(--main-color);
}
.newsModernType2 .content ul li a{
  color: var(--main-text-color);
      line-height: 1.8;
      font-size: 12px;
}
.newsModernType2 .content ul li a:hover{
  color: var(--main-color);
}
.videos-news{
  float: right;
  width: 100%;
  background: #111;
  border-radius: 8px;
  padding: 1.5rem;
  box-shadow: 0 0 15px 0 rgb(0 0 0 / 5%);
  margin-bottom: 1.5rem;
}
.big-news-video{
  float: right;
  width: 100%;
}
.big-news-video a{
  float: right;
  width: 100%;
  position: relative;
}
.big-news-video a:before{
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgb(0 0 0 / 40%);
  z-index: 1;
}
.big-news-video a img{
  width: 100%;
  height: auto;
  display: block;
}
.big-news-video a h4{
  position: absolute;
  right: 0;
  bottom: 0;
  color: #fff;
  z-index: 2;
  font-size: 18px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  padding: 20px;
  width: 100%;
font-weight: 400;
}
.big-news-video a .iconly-Play{
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  color: #fff;
  z-index: 2;
  font-size: 6rem;
  transition: all .3s;
}
.big-news-video a:hover .iconly-Play{
  font-size: 7rem;
}
.small-news-video{
  float: right;
  width: 100%;
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  justify-content: center;
  height: 100%;
  list-style-type: none;
}
.small-news-video li{
  float: right;
  width: 100%;
  flex: 0 0 auto;
  margin-bottom: 7px;
  padding-bottom: 7px;
  border-bottom: 1px solid rgb(255 255 255 / 5%);
}
.small-news-video li:last-child{
  margin-bottom: 0;
  padding-bottom: 0;
  border: 0;
}
.small-news-video a{
  float: right;
  width: 100%;
}
.small-news-video a img{
  float: right;
  margin-left: 10px;
  width: 100px;
  height: auto;
}
.small-news-video a h4{
  display: block;
  overflow: hidden;
  color: #fff;
  font-size: 15px;
  font-weight: 400;
  margin-bottom: 10px;
  transition: color .3s;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.small-news-video a:hover h4{
color: #ddd;
}
.small-news-video a p{
  display: block;
  overflow: hidden;
  color: #888;
  line-height: 1.7;
  max-height: 60px;
  font-size: 12px;
}
.footer{
  background: #fff;
      box-shadow: 0 0 15px 0 rgb(0 0 0 / 5%);
      padding: 30px 0 0;
}
.footer .widget{
  float: right;
  width: 100%;
  margin-bottom: 1.5rem;
  background: transparent;
  border-radius: 0;
  padding: 0;
  box-shadow: none;
}
.footer .widget .title{
  float: right;
  width: 100%;
  margin-bottom: 15px;
}
.footer .widget .title h4{
  position: relative;
  font-weight: 400;
  font-size: 14px;
  padding-right: 12px;
}
.footer .widget .title h4:before{
  content: '';
      width: 4px;
      height: 15px;
      position: absolute;
      right: 0;
      top: 2px;
      background: var(--main-color);
      border-radius: 3px;
}
.footer .widget .content{
  float: right;
  width: 100%;
}
.footer .widget.aboutus img{
  display: block;
      margin: 0 auto;
      margin-bottom: 15px;
}
.footer .widget.aboutus p{
  display: block;
      text-align: center;
      font-size: 12px;
      line-height: 1.8;
}
.footer .widget.aboutus h5{
  display: block;
  text-align: center;
  font-size: 14px;
  font-weight: bold;
  margin-bottom: 15px;
}
.footer .widget.aboutus p a{
  color: #a3a5bd;
}
.footer .widget.aboutus p a:hover{
  color: var(--main-color);
}
.footer .widget .content ul{
  float: right;
      width: 100%;
      padding-right: 15px;
}
.footer .widget .content ul li{
  float: right;
      width: 100%;
      margin-bottom: 10px;
}
.footer .widget .content ul li::marker{
    color: var(--main-color);
}
.footer .widget .content ul li:last-child{
  margin-bottom: 0;

}
.footer .widget .content ul li a{
  color: var(--main-text-color);
      line-height: 1.8;
      font-size: 12px;
}
.footer .widget .content ul li a:hover{
  color: var(--main-color);

}
.copyright{
  height: 50px;
  background: var(--main-color);
  color: #fff;
}
.copyright p{
  float: right;
  font-size: 12px;
  margin-top: 16px;
}
.copyright .famo{
  float: left;
      margin-right: 10px;
      font-size: 12px;
      background: rgb(0 0 0 / 7%);
      color: #fff;
      padding: 7px 12px;
      border-radius: 4px;
      margin-top: 11px;
}
.copyright .famo:hover{
  background: rgb(0 0 0 / 14%);

}
.menuMobile{
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 1005;
  display: none;
}
.menuMobile ul,
.menuMobile ul li{
	list-style-type: none;
}
.menuMobile > ul{
	position: absolute;
		right: -100%;
		top: 0;
		z-index: 2;
		background: var(--main-color);
		width: 300px;
		height: calc(100vh);
		padding: 10px;
}
.menuMobile > ul li{
	float: right;
width: 100%;
margin-bottom: 10px;
}
.menuMobile > ul li:last-child{
	margin-bottom: 0;
}
.menuMobile > ul li a{
	color: #fff;
font-size: 12px;
display: block;
	background: rgb(0 0 0 / 5%);
padding: 8px 7px;
border-radius: 6px;
}
.menuMobile > ul li a:hover{
	background: rgb(0 0 0 / 10%);
}
.menuMobile > ul li.menu-item-has-children{
	display: flex;
	flex-wrap: wrap;
}
.menuMobile > ul li.menu-item-has-children > a{
order: 1;
flex: 1 1 auto;
}
.menuMobile > ul li.menu-item-has-children > ul{
order: 3;
flex: 1 1 auto;
width: 100%;
padding: 10px 20px 0 0;
}
.menuMobile > ul li.menu-item-has-children > .arrow{
font-family: 'iconly' !important;
speak: never;
font-style: normal;
font-variant: normal;
text-transform: none;
font-weight: normal;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
order: 2;
color: #fff;
font-size: 12px;
display: block;
background: rgb(0 0 0 / 5%);
padding: 8px 7px;
border-radius: 6px;
width: 32px;
height: 32px;
text-align: center;
line-height: 16px;
margin-right: 10px;
flex: 0 1 auto;
}
.menuMobile > ul li.menu-item-has-children.active > .arrow{
	background: rgb(0 0 0 / 15%);
}
.menuMobile > ul li.menu-item-has-children > .arrow:before{
	content: "\e908";
}
.menuMobile > ul li.menu-item-has-children.active > .arrow:before{
	content: "\e903";
}
.menuMobile > ul li ul {
	display: none;
	transition: none;
}
.menuMobile .shadow{
  background: #000;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  opacity: .3;
  z-index: 1;
}
.btnMenuMobile{
  float: right;
      color: #fff;
      font-size: 16px;
      margin-top: 7px;
      cursor: pointer;
      display: none;
}
.btnTagsMobile{
  float: right;
    color: #fff;
    font-size: 16px;
    position: relative;
    display: none;
}
.btnTagsMobile .cont{
  position: absolute;
      right: 100%;
      background: #fff;
      border-radius: 8px;
      margin-right: 15px;
      top: -12px;
      padding: 10px;
      box-shadow: 0 0 15px 0 rgb(0 0 0 / 5%);
      z-index: 1000;
      transition: all .3s;
      width: 125px;
      pointer-events: none;
      visibility: hidden;
      opacity: 0;
}
.btnTagsMobile:hover .cont,
.header .left .tags .name:hover ~ .btnTagsMobile .cont{
  pointer-events: auto;
  visibility: visible;
  opacity: 1;
  margin-right: 5px;
}
.btnTagsMobile .cont:before{
  content: '';
  border-right: 5px solid transparent;
  border-bottom: 5px solid transparent;
  border-top: 5px solid transparent;
  border-left: 5px solid #fff;
  position: absolute;
  right: -10px;
  top: 15px;
  z-index: 1001;
}
.btnTagsMobile .cont ul,
.btnTagsMobile .cont ul li{
  float: right;
  list-style-type: none;
}
.btnTagsMobile .cont ul li{
  margin-bottom: 10px;
  width: 100%;
}
.btnTagsMobile .cont ul li:last-child{
  margin-bottom: 0;
}
.btnTagsMobile .cont a{
  color: var(--main-text-color)!important;
  font-family: 'iranyekan';
  margin: 0 0 0!important;
  width: 100%;
  font-weight: 400;
  display: block!important;
}
.btnTagsMobile .cont a i{

}
.btnTagsMobile .cont a:hover{
  color: var(--main-color)!important;
}
.singlePost{
  float: right;
      width: 100%;
}
.singlePost .breadcrumbs{
  float: right;
      width: 100%;
      background: #fff;
      border-radius: 8px;
      padding: 10px;
      box-shadow: 0 0 15px 0 rgb(0 0 0 / 5%);
      margin-bottom: 1.5rem;
}
.singlePost .breadcrumbs .iconly-Location{
  float: right;
      font-size: 15px;
      margin-left: 5px;
}
.singlePost .breadcrumbs a{
  font-size: 11px;
  color: #9899a9;
}
.singlePost .breadcrumbs a:hover{
  color: var(--main-color);
}
.singlePost .breadcrumbs .breadcrumb_last{
  font-size: 11px;
      color: #9899a9;
}
.singlePost .breadcrumbs .iconly-Arrow-Left-2{
  display: inline-block;
      font-size: 8px;
      opacity: .5;
      margin: 0 4px;
}
.singlePost-post{
	direction: rtl;
  float: right;
      width: 100%;
      background: #fff;
      border-radius: 8px;
      padding: 10px;
      box-shadow: 0 0 15px 0 rgb(0 0 0 / 5%);
      margin-bottom: 1.5rem;
}
.singlePost-post .title{
  float: right;
  width: 100%;
  margin-bottom: 20px;
}
.singlePost-post .title h1{
  float: right;
  width: 100%;
  font-size: 16px;
  font-weight: bold;
  margin-bottom: 10px;
  line-height: 1.8;
}
.singlePost-post .title ul{
  float: right;
  width: 100%;
}
.singlePost-post .title ul li{
  list-style-type: none;
  float: right;
  margin-left: 15px;
  color: #9899a9;
  font-size: 11px;
}
.singlePost-post .title ul li a{
  color: #9899a9;
}
.singlePost-post .title ul li a:hover{
  color: var(--main-color);
}
.singlePost-post .content{
  float: right;
  width: 100%;
  line-height: 2;
}
.singlePost-post .content p{
  margin-bottom: 15px;
}
.singlePost-post .content .thumbnail{
  width: 300px;
      height: auto;
      float: left;
      border-radius: 8px;
      margin-right: 15px;
      margin-bottom: 15px;
}
.singlePost-post .content .tags{
  display: block;
  margin-top: 20px;
}
.singlePost-post .content .tags a{
  display: inline-block;
      margin-left: 15px;
      font-size: 11px;
      color: #9899a9;
}
.singlePost-post .content .tags a i{
  font-style: normal;
  margin-left: 2px;
}
.singlePost-post .content .tags a:hover{
  color: var(--main-color);
}
.singlePost-post .content blockquote{
  background: rgb(0 0 0 / 5%);
  padding: 10px;
  border-radius: 8px;
  margin: 10px 0;
}
.singlePost-post .content ul,
.singlePost-post .content ol{
  padding-right: 30px;
}
.singlePost-post .content ul li::marker,
.singlePost-post .content ol li::marker{
  color: var(--main-color);
}
.singlePost-post .content a{
  color: var(--main-color);
}
.singlePost-post .content a:hover{
  color: var(--main-text-color);
}
.singlePost-post .content table{
  width: 100%;
  border-collapse: collapse;
}
.singlePost-post .content table td,
.singlePost-post .content table th{
  border: 1px solid #eee;
      padding: 6px;
}
.singlePost-post .content table th{
  font-weight: bold;
}
.singlePost-post .content .alignright{
  float: right;
  margin-left: 10px;
}
.singlePost-post .content .alignleft{
  float: left;
  margin-right: 10px;
}
.singlePost-post .content .aligncenter,
.singlePost-post .content .alignnone{
  display: block;
  margin: 0 auto;
  margin-bottom: 10px;
}
.singlePost-post .content img{
  max-width: 100%;
  height: auto;
}
.singlePost-post .content .wp-video{
  margin: 0 auto;
}
.singlePost .share{
  float: right;
  width: 100%;
  background: #fff;
  border-radius: 8px;
  padding: 10px;
  box-shadow: 0 0 15px 0 rgb(0 0 0 / 5%);
  margin-bottom: 1.5rem;
}
.singlePost .share ul{
  float: right;
}
.singlePost .share ul li{
  list-style-type: none;
      float: right;
      margin-left: 15px;
      font-size: 12px;
}
.singlePost .share ul li a{
  color: #9899a9;
      font-size: 12px;
}
.singlePost .share ul li a:hover{
  color: var(--main-color);
}
.singlePost .share .like{
  float: left;
  color: var(--main-color);
  font-size: 11px;
}
.singlePost .share .like .iconly-Heart{
  float: right;
  margin-left: 5px;
  font-size: 15px;
  margin-top: 1px;
}
.singlePost .commentPost{
  float: right;
      width: 100%;
      background: #fff;
      border-radius: 8px;
      padding: 10px;
      box-shadow: 0 0 15px 0 rgb(0 0 0 / 5%);
      margin-bottom: 1.5rem;
}
.comments-area,
.commentlist,
.comment-respond{
  float: right;
      width: 100%;
}
.commentlist .reply {
  float: right;
}
.commentlist .reply a {
  float: right;
      font-size: 12px;
      color: #9899a9;
      margin: 5px 0;
}
.commentlist .reply a:hover{
  color: var(--main-color);
}
.commentlist .alt {}
.commentlist .odd {}
.commentlist .even {}
.commentlist .thread-alt {}
.commentlist .thread-odd {}
.commentlist .thread-even {}
.commentlist li ul.children .alt {}
.commentlist li ul.children .odd {}
.commentlist li ul.children .even {}

.commentlist .vcard {
  float: right;
      width: 100%;
      margin-bottom: 10px;
}
.commentlist .vcard cite.fn {
  display: block;
  overflow: hidden;
  font-style: normal;
  color: var(--main-text-color);
  padding: 3px 0;
  font-weight: 400;
}
.commentlist .vcard span.says {}
.commentlist .vcard img.photo {}
.commentlist .vcard img.avatar {
  float: right;
  margin-left: 5px;
  border-radius: 50px;
}
.commentlist .vcard cite.fn a.url {
  color: var(--main-text-color);
}
.commentlist .vcard cite.fn a.url:hover {
  color: var(--main-color);
}

.commentlist .comment-meta {
  display: block;
      overflow: hidden;
}
.commentlist .comment-meta a {
  color: #9899a9;
  font-size: 10px;
  float: right;
  margin-left: 10px;
}
.commentlist .commentmetadata {}
.commentlist .commentmetadata a {}

.commentlist .parent {}
.commentlist .comment {}
.commentlist .children {
  float: right;
      width: 100%;
      margin-top: 15px;
      border-right: 2px solid #9899a9;
      padding-right: 15px;
}
.commentlist .pingback {}
.commentlist .bypostauthor {}
.commentlist .comment-author {}
.commentlist .comment-author-admin {}

.commentlist {}
.commentlist li {
  list-style-type: none;
  float: right;
  width: 100%;
  margin-bottom: 15px;
}
.commentlist li p {}
.commentlist li ul {}
.commentlist li ul.children li {}
.commentlist li ul.children li.alt {}
.commentlist li ul.children li.byuser {}
.commentlist li ul.children li.comment {}
.commentlist li ul.children li.depth-{id} {}
.commentlist li ul.children li.bypostauthor {}
.commentlist li ul.children li.comment-author-admin {}
.commentlist li:last-child{
  margin: 0;
}
.commentlist .comment-body{
  float: right;
  width: 100%;
}
.commentlist .comment-text{
  float: right;
      width: 100%;
      line-height: 1.8;
      font-size: 12px;
}
.commentlist .comment-text a{
  color: var(--main-color);
}
#cancel-comment-reply-link {
  color: var(--main-color);
}
#cancel-comment-reply-link:hover {
  color: var(--main-text-color);

}
.comment-reply-title{
  float: right;
  width: 100%;
  margin-bottom: 10px;
  font-weight: 400;
  font-size: 13px;
}
.comment-reply-title small{
  display: inline-block;
  margin-right: 5px;
}
.comment-form{
  float: right;
      width: 100%;
}
.comment-respond{
  margin-top: 15px;
}
.comment-notes{
  float: right;
      width: 100%;
      font-size: 11px;
      line-height: 1.8;
      color: #9899a9;
}
.comment-form-comment,
.comment-form-author,
.comment-form-email,
.comment-form-url,
.comment-form-cookies-consent{
  float: right;
      width: 100%;
      margin-bottom: 10px;
}
.comment-form label{
  float: right;
  width: 100%;
  padding: 5px;
  font-size: 12px;
}
.comment-form textarea{
  float: right;
  width: 100%!important;
  background: rgb(0 0 0 / 3%);
  border-radius: 8px;
  line-height: 1.8;
  padding: 8px 10px;
  color: var(--main-text-color);
  font-size: 12px;
  max-height: 120px;
}
.comment-form input[type="text"]{
  float: right;
      background: rgb(0 0 0 / 3%);
      border-radius: 8px;
      padding: 8px 10px;
      color: var(--main-text-color);
      font-size: 12px;
}
.comment-form-cookies-consent label{
  width: auto;
  font-size: 11px;
}
.comment-form-cookies-consent input{
  float: right;
      margin-top: 7px;
      margin-left: 2px;
}
.form-submit{
  float: right;
  width: 100%;
}
.form-submit .submit{
  float: right;
      background: var(--main-color-glass);
      color: var(--main-color);
      padding: 5px 8px;
      border-radius: 5px;
      margin-top: 10px;
      cursor: pointer;
	  line-height: normal;
}
.commentlist .sl-wrapper{
  float: left;
}
.commentlist .sl-wrapper i{
  float: left;
  font-size: 16px;
  color: var(--main-color);
}
.commentlist .sl-wrapper .sl-count{
  line-height: 1;
  float: right;
  margin-left: 4px;
  font-size: 12px;
  color: #9899a9;
  margin-top: 2px;
}
.sl-wrapper #sl-loader {
  display: none;
  border: 1px solid #f3f3f3;
  border-top: 1px solid var(--main-color);
  border-radius: 50%;
  width: 14px;
  height: 14px;
  animation: spin 1s linear infinite;
  float: left;
}
.sl-wrapper #sl-loader.active {
  display: block;
}
@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}
.singlePost .share .like .sl-wrapper{
  float: right;
}
.singlePost .share .like .sl-wrapper i{
  float: left;
  color: var(--main-color);
}
.singlePost .share .like .sl-wrapper .sl-count{
  float: right;
      margin-left: 2px;
      color: var(--main-color);
}
.elementor-column-gap-default>.elementor-column>.elementor-element-populated{
  padding: 0!important;
}
.wp-pagenavi{
  float: right;
      width: 100%;
      background: #fff;
      border-radius: 8px;
      padding: 10px;
      box-shadow: 0 0 15px 0 rgb(0 0 0 / 5%);
      margin-bottom: 1.5rem;
}
.wp-pagenavi a,
.wp-pagenavi span{
  float: right;
  border: 0;
  margin: 0;
  margin-left: 8px;
  padding: 4px 10px;
  line-height: 21px;
  height: 26px;
  font-size: 12px;
  border-radius: 5px;
  color: var(--main-text-color);
  background: rgb(0 0 0 / 3%);
  font-weight: 400!important;
}
.wp-pagenavi a:hover,
.wp-pagenavi .current{
  background: var(--main-color);
  color: #fff;
}
.tagcloud a {
    display: inline-block;
    margin: 0 4px;
    color: var(--main-text-color);
    font-size: 12px!important;
    line-height: 2;
}
.tagcloud a:hover{
  color: var(--main-color);
}
.related{
  float: right;
  width: 100%;
  background: #fff;
  border-radius: 8px;
  padding: 10px;
  box-shadow: 0 0 15px 0 rgb(0 0 0 / 5%);
  margin-bottom: 1.5rem;
}
.related .title{
  float: right;
  width: 100%;
  margin-bottom: 15px;
}
.related .title h3{
  position: relative;
  font-weight: 400;
  font-size: 14px;
  padding-right: 12px;
}
.related .title h3:before{
  content: '';
      width: 4px;
      height: 15px;
      position: absolute;
      right: 0;
      top: 2px;
      background: var(--main-color);
      border-radius: 3px;
}
.related .content{
  float: right;
  width: 100%;
}
.related .content ul{
  float: right;
  width: 100%;
}
.related .content li{
  float: right;
  width: 100%;
  margin-bottom: 10px;
  list-style-type: none;
}
.related .content li:last-child{
  margin-bottom: 0;
}
.related .content li a{
  float: right;
      width: 100%;
      color: var(--main-text-color);
      line-height: 1.8;
      font-size: 12px;
}
.related .content li a i{
  float: right;
  width: 14px;
  height: 14px;
  border-radius: 3px;
  line-height: 0;
  padding-top: 8px;
  background: var(--main-color-glass);
  color: var(--main-color);
  font-size: 10px;
  text-align: center;
  font-style: normal;
  margin-top: 4px;
  margin-left: 5px;
}
.related .content li a:hover{
  color: var(--main-color);

}
.container .vc_column_container>.vc_column-inner{
  padding-left: calc(var(--bs-gutter-x) * .5);
  padding-right: calc(var(--bs-gutter-x) * .5);
}
.container .vc_row{
  margin-left: calc(var(--bs-gutter-x) * -.5);
  margin-right: calc(var(--bs-gutter-x) * -.5);
}
.vc_col-lg-1, .vc_col-lg-10, .vc_col-lg-11, .vc_col-lg-12, .vc_col-lg-2, .vc_col-lg-3, .vc_col-lg-4, .vc_col-lg-5, .vc_col-lg-6, .vc_col-lg-7, .vc_col-lg-8, .vc_col-lg-9, .vc_col-md-1, .vc_col-md-10, .vc_col-md-11, .vc_col-md-12, .vc_col-md-2, .vc_col-md-3, .vc_col-md-4, .vc_col-md-5, .vc_col-md-6, .vc_col-md-7, .vc_col-md-8, .vc_col-md-9, .vc_col-sm-1, .vc_col-sm-10, .vc_col-sm-11, .vc_col-sm-12, .vc_col-sm-2, .vc_col-sm-3, .vc_col-sm-4, .vc_col-sm-5, .vc_col-sm-6, .vc_col-sm-7, .vc_col-sm-8, .vc_col-sm-9, .vc_col-xs-1, .vc_col-xs-10, .vc_col-xs-11, .vc_col-xs-12, .vc_col-xs-2, .vc_col-xs-3, .vc_col-xs-4, .vc_col-xs-5, .vc_col-xs-6, .vc_col-xs-7, .vc_col-xs-8, .vc_col-xs-9{
  float: right!important;
}
.wpb_button, .wpb_content_element, ul.wpb_thumbnails-fluid>li{
  margin-bottom: var(--bs-gutter-x)!important;
}
.aligncenter{
  display: block;
  margin: 0 auto;
}
.alignright{
  float: right;
  margin-left: 10px;
}
.alignleft{
  float: left;
  margin-right: 10px;
}
.term-description{
  display: block;
  line-height: 2em;
}
.wpcf7 label{

}
.wpcf7 input,
.wpcf7 textarea{
  background: rgb(43 45 66 / 10%);
  border-radius: 8px;
  padding: 8px;
  color: #2b2d42;
  max-width: 100%;
}
.wpcf7 input:hover,
.wpcf7 textarea:hover,
.wpcf7 input:focus,
.wpcf7 textarea:focus{

}
.wpcf7 input[type="submit"]{
  background: var(--main-color);
  color: #fff;
  cursor: pointer;
}
.wpcf7 input[type="submit"]:hover{
  opacity: .7;
}
.comment-form-author, .comment-form-email{
	width: 50%;
}
.archive-title{
    float: right;
    width: 100%;
    margin-bottom: 15px;
}
.archive-title h2{
    display: block;
    font-size: 18px;
}