/*
Theme Name: کاتن
Theme URI: https://aliniyazi.info
Author: گروه طراحی و برنامه نویسی علی نیازی
Author URI: https://aliniyazi.info
Description: قالب وردپرس مجله ای و وبلاگی مینیمال
Version: 1.0.3
*/

/* Fonts  */
@font-face {
    font-family: 'IRY';
    src: url('fonts/IRY-ExtraBlack.eot');
    src: url('fonts/IRY-ExtraBlack.eot?#iefix') format('embedded-opentype'),
        url('fonts/IRY-ExtraBlack.woff2') format('woff2'),
        url('fonts/IRY-ExtraBlack.woff') format('woff'),
        url('fonts/IRY-ExtraBlack.ttf') format('truetype'),
        url('fonts/IRY-ExtraBlack.svg#IRY-ExtraBlack') format('svg');
    font-weight: 900;
    font-style: normal;
}

@font-face {
    font-family: 'IRY';
    src: url('fonts/IRY-ExtraBold.eot');
    src: url('fonts/IRY-ExtraBold.eot?#iefix') format('embedded-opentype'),
        url('fonts/IRY-ExtraBold.woff2') format('woff2'),
        url('fonts/IRY-ExtraBold.woff') format('woff'),
        url('fonts/IRY-ExtraBold.ttf') format('truetype'),
        url('fonts/IRY-ExtraBold.svg#IRY-ExtraBold') format('svg');
    font-weight: 800;
    font-style: normal;
}

@font-face {
    font-family: 'IRY';
    src: url('fonts/IRY-Black.eot');
    src: url('fonts/IRY-Black.eot?#iefix') format('embedded-opentype'),
        url('fonts/IRY-Black.woff2') format('woff2'),
        url('fonts/IRY-Black.woff') format('woff'),
        url('fonts/IRY-Black.ttf') format('truetype'),
        url('fonts/IRY-Black.svg#IRY-Black') format('svg');
    font-weight: 900;
    font-style: normal;
}

@font-face {
    font-family: 'IRY';
    src: url('fonts/IRY-Light.eot');
    src: url('fonts/IRY-Light.eot?#iefix') format('embedded-opentype'),
        url('fonts/IRY-Light.woff2') format('woff2'),
        url('fonts/IRY-Light.woff') format('woff'),
        url('fonts/IRY-Light.ttf') format('truetype'),
        url('fonts/IRY-Light.svg#IRY-Light') format('svg');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'IRY';
    src: url('fonts/IRY-Medium.eot');
    src: url('fonts/IRY-Medium.eot?#iefix') format('embedded-opentype'),
        url('fonts/IRY-Medium.woff2') format('woff2'),
        url('fonts/IRY-Medium.woff') format('woff'),
        url('fonts/IRY-Medium.ttf') format('truetype'),
        url('fonts/IRY-Medium.svg#IRY-Medium') format('svg');
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: 'IRY';
    src: url('fonts/IRY-Thin.eot');
    src: url('fonts/IRY-Thin.eot?#iefix') format('embedded-opentype'),
        url('fonts/IRY-Thin.woff2') format('woff2'),
        url('fonts/IRY-Thin.woff') format('woff'),
        url('fonts/IRY-Thin.ttf') format('truetype'),
        url('fonts/IRY-Thin.svg#IRY-Thin') format('svg');
    font-weight: 100;
    font-style: normal;
}

@font-face {
    font-family: 'IRY';
    src: url('fonts/IRY-Bold.eot');
    src: url('fonts/IRY-Bold.eot?#iefix') format('embedded-opentype'),
        url('fonts/IRY-Bold.woff2') format('woff2'),
        url('fonts/IRY-Bold.woff') format('woff'),
        url('fonts/IRY-Bold.ttf') format('truetype'),
        url('fonts/IRY-Bold.svg#IRY-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'IRY';
    src: url('fonts/IRY.eot');
    src: url('fonts/IRY.eot?#iefix') format('embedded-opentype'),
        url('fonts/IRY.woff2') format('woff2'),
        url('fonts/IRY.woff') format('woff'),
        url('fonts/IRY.ttf') format('truetype'),
        url('fonts/IRY.svg#IRY') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'YBkh';
    src: url('fonts/YBkh-Bold.eot');
    src: url('fonts/YBkh-Bold.eot?#iefix') format('embedded-opentype'),
        url('fonts/YBkh-Bold.woff2') format('woff2'),
        url('fonts/YBkh-Bold.woff') format('woff'),
        url('fonts/YBkh-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'YBkh Hairline';
    src: url('fonts/YBkh-Hairline.eot');
    src: url('fonts/YBkh-Hairline.eot?#iefix') format('embedded-opentype'),
        url('fonts/YBkh-Hairline.woff2') format('woff2'),
        url('fonts/YBkh-Hairline.woff') format('woff'),
        url('fonts/YBkh-Hairline.ttf') format('truetype');
    font-weight: 100;
    font-style: normal;
}

@font-face {
    font-family: 'YBkh';
    src: url('fonts/YBkh-Thin.eot');
    src: url('fonts/YBkh-Thin.eot?#iefix') format('embedded-opentype'),
        url('fonts/YBkh-Thin.woff2') format('woff2'),
        url('fonts/YBkh-Thin.woff') format('woff'),
        url('fonts/YBkh-Thin.ttf') format('truetype');
    font-weight: 100;
    font-style: normal;
}

@font-face {
    font-family: 'YBkh';
    src: url('fonts/YBkh-Heavy.eot');
    src: url('fonts/YBkh-Heavy.eot?#iefix') format('embedded-opentype'),
        url('fonts/YBkh-Heavy.woff2') format('woff2'),
        url('fonts/YBkh-Heavy.woff') format('woff'),
        url('fonts/YBkh-Heavy.ttf') format('truetype');
    font-weight: 900;
    font-style: normal;
}

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

@font-face {
    font-family: 'YBkh Fat';
    src: url('fonts/YBkh-Fat.eot');
    src: url('fonts/YBkh-Fat.eot?#iefix') format('embedded-opentype'),
        url('fonts/YBkh-Fat.woff2') format('woff2'),
        url('fonts/YBkh-Fat.woff') format('woff'),
        url('fonts/YBkh-Fat.ttf') format('truetype');
    font-weight: 900;
    font-style: normal;
}

@font-face {
    font-family: 'YBkh';
    src: url('fonts/YBkh-Light.eot');
    src: url('fonts/YBkh-Light.eot?#iefix') format('embedded-opentype'),
        url('fonts/YBkh-Light.woff2') format('woff2'),
        url('fonts/YBkh-Light.woff') format('woff'),
        url('fonts/YBkh-Light.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'YBkh';
    src: url('fonts/YBkh-Medium.eot');
    src: url('fonts/YBkh-Medium.eot?#iefix') format('embedded-opentype'),
        url('fonts/YBkh-Medium.woff2') format('woff2'),
        url('fonts/YBkh-Medium.woff') format('woff'),
        url('fonts/YBkh-Medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
}




/* Generals */
body{
    direction: rtl;
    letter-spacing: 0;
}
.me-2 {
    margin-right: initial!important;
    margin-left: 0.5rem!important;
}
.me-auto {
    margin-right: initial!important;
    margin-left: auto!important;
}
.ps-0 {
    padding-left: initial!important;
    padding-right: 0!important;
}
ol, ul {
    padding-left: initial;
    padding-right: 2rem;
}
.float-end {
    float: left!important;
}
.float-start{float:right!important}
.ms-2 {
    margin-left: initial!important;
    margin-right: 0.5rem!important;
}


/* header  */
.navbar-nav{
    padding-left: initial;
    padding-right: 0;
}
.header-default .navbar-nav {
    margin-left: initial;
    margin-right: 50px;
}
.dropdown-menu:after {
    left: initial;
    right: 25%;
}
.menu-item-has-children.dropdown a[aria-haspopup]::after {
    margin-left: initial;
    margin-right: 5px;
}
.dropdown .dropdown .dropdown-item::after {
    right: initial;
    left: 20px;
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
}
.list-inline{
    padding-left: initial;
    padding-right: 0;
}
.list-inline-item:not(:last-child) {
    margin-right: initial;
    margin-left: 0.5rem;
}
.social-icons li:not(:last-child) {
    margin-right: initial;
    margin-left: 1rem;
}
.header-right .header-buttons {
    margin-left: initial;
    margin-right: 50px;
}
.header-right .header-buttons button {
    margin-left: initial;
    margin-right: 10px;
}
.header-right .header-buttons button:first-child {
    margin-left: initial;
    margin-right: 0;
}

.search-popup .btn-close {
    right: initial;
    left: 30px;
}
.canvas-menu {
    right: initial;
    left: 0;
    -webkit-box-shadow: -4px 0px 20px rgb(32 54 86 / 10%);
    -moz-box-shadow: -4px 0px 20px rgba(32, 54, 86, 0.1);
    box-shadow: -4px 0px 20px rgb(32 54 86 / 10%);
    -webkit-transform: translateX(-350px);
    -moz-transform: translateX(-350px);
    -ms-transform: translateX(-350px);
    -o-transform: translateX(-350px);
    transform: translateX(-350px);

}
.canvas-menu .btn-close {
    right: initial;
    left: 30px;
}
.canvas-menu .vertical-menu li .switch {
    right: initial;
    left: 0;
}



/* Body  */
.nav{
    padding-left: initial;
    padding-right: 0;
}
.nav-fill .nav-item, .nav-fill > .nav-link {
    margin-right: initial;
    margin-left: 10px;
}
.nav-fill .nav-item > .nav-link {
    margin-right: initial;
    margin-left: 10px;
}
.nav-fill .nav-item:last-child, .nav-fill > .nav-link:last-child {
    margin-right: initial;
    margin-left: 0;
}
.post.post-list-sm .thumb {
    float: right;
}
.post.post-list-sm.circle .details {
    margin-left: initial;
    margin-right: 80px;
}

.widget_categories ul li a:before, .widget_archive ul li a:before, .widget_meta ul li a:before, .widget_pages ul li a:before, .widget_recent_entries ul li a:before, .widget_nav_menu ul li a:before, .widget_block ul li a:before {
    content: "\e605";
    margin-right: initial;
    margin-left: 25px;
    float: right;
    line-height: 26px;
}
.post .meta li:not(:last-child) {
    margin-right: initial;
    margin-left: 0.8rem;
}
.post .meta li:after {
    margin-left: initial;
    margin-right: 1rem;
}
.post .category-badge {
    left: initial;
    right: 20px;
}
.post .meta li img.author {
    margin-right: initial;
    margin-left: 12px;
}
.post.post-list-sm.square .details {
    margin-left: initial;
    margin-right: 130px;
}

.post.post-list-sm.counter:before {
    left: initial;
    right: 0;
}
.widget ul {
    padding-left: initial;
    padding-right: 0;
}
.widget ul li span.widget-count {
    right: initial;
    left: 0;
}
.post .post-format {
    right: initial;
    left: 20px;
}

.slick-slide{
    direction: rtl;
}
.slick-arrows-top {
    right: initial;
    left: 0;
}
.icon-arrow-left:before {
    content: "\e606";
}
.post.post-list .thumb {
    float: right;
}
.post.post-list .thumb + .details {
    margin-left: initial;
    margin-right: 295px;
}
.post .post-bottom .social-share .icons li:not(:last-child) {
    margin-right: initial;
    margin-left: 0.8rem;
}
.post .post-format-sm {
    left: initial;
    right: 20px;
}
.tags a, .tagcloud a, .wp-block-tag-cloud a {
    margin-right: initial;
    margin-left: 5px;
}
#return-to-top i {
    margin-right: initial;
    margin-left: 10px;
}

.load-more .btn i, .load-more .wp-block-search button[type=submit] i, .wp-block-search .load-more button[type=submit] i, .load-more .widget .searchform input[type=submit] i, .widget .searchform .load-more input[type=submit] i, .load-more .comment-reply-link i, .load-more input[type=submit] i {
    margin-right: initial;
    margin-left: 10px;
}
.contact-item .details {
    margin-left: initial;
    margin-right: 20px;
}
.wpcf7 input[type="url"], .wpcf7 input[type="email"], .wpcf7 input[type="tel"],.form-control,.wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output, .wpcf7 form.payment-required .wpcf7-response-output {
    direction: rtl;
    text-align: right;
}
.wpcf7 p{
    text-align: right;
}
.format-gallery .post-gallery{
    direction: rtl!important;
}
.post-gallery .slick-prev {
    left: initial;
    right: 30px;
}
.post-gallery .slick-next {
    right: initial;
    left: 30px;
}
[dir='rtl'] .slick-prev:before {
    content: "\e606"
}
[dir='rtl'] .slick-next:before {
    content: "\e605"
}
.post .post-bottom .more-link i {
    margin-left: initial;
    margin-right: 10px;
    right: initial;
    left: 0;
}
.icon-arrow-right:before {
    content: "\e605";
}
.post .post-bottom .more-link:hover i {
    right: initial;
    left: -5px;
}
.post-carousel-lg .slick-prev {
    left: initial;
    right: 30px;
}
.post-carousel-lg .slick-next {
    right: initial;
    left: 30px;
}






/* Blog  */
.breadcrumb li {
    padding-left: initial;
    padding-right: 0.5rem;
}
.breadcrumb li:first-child {
    padding-left: initial;
    padding-right: 0;
}
.breadcrumb li:before {
    float: right;
    padding-right: initial;
    padding-left: 0.5rem;
}
.breadcrumb li:first-child:before {
    padding-right: initial;
    padding-left: 0;
}
.single-post i.icon-bubble{
    float: right;
    line-height: 24px;
    margin-left: 5px;
}
.nextprev-post.next {
    text-align: left;
}
.about-author .thumb {
    float: right;
}
.about-author .details {
    margin-left: initial;
    margin-right: 130px;
}

.comments li.comment .thumb, .comments li.trackback .thumb, .comments li.pingback .thumb {
    float: right;
}
.comments li.comment .details, .comments li.trackback .details, .comments li.pingback .details {
    margin-left: initial;
    margin-right: 90px;
}
.bypostauthor span.by-post-author {
    margin-left: initial;
    margin-right: 10px;
}

.switcher-button {
    right: initial;
    left: 0;
}
.wpcf7-form{
    direction: rtl;
}
.switcher-button .switcher-button-inner-left:after{
    vertical-align:initial
}
/* woocommerce */
.woocommerce-error, .woocommerce-info, .woocommerce-message {
    padding: 1em 3.5em 1em 2em;
}
.woocommerce nav.woocommerce-pagination ul li {
    border-left: 0;
}
.woocommerce ul.products li.product .onsale {
    right: auto;
    left: 10px;
}
.woocommerce span.onsale {
    left: initial;
    right: 10px;

}
.woocommerce div.product .woocommerce-tabs ul.tabs li {
    margin-right: initial;
    margin-left: 10px;
}
.woocommerce #reviews #comments ol.commentlist li .comment-text {
    margin: 0 50px 0 0;
}
#add_payment_method table.cart td.actions .coupon .input-text, .woocommerce-cart table.cart td.actions .coupon .input-text, .woocommerce-checkout table.cart td.actions .coupon .input-text {
    float: right;
    margin: 0 0 0 4px;
}
.woocommerce ul#shipping_method li input,#ship-to-different-address-checkbox {
    display: inline-block;
    width: initial;
    margin-top: 7px;
}

.woocommerce ul.products li.product .price del{
    margin-left: 3px;
}
.rtl.woocommerce .price_label, .rtl.woocommerce .price_label span {
    direction: rtl;
}
.woocommerce .woocommerce-widget-layered-nav-list .woocommerce-widget-layered-nav-list__item span.count {
    right: initial;
    left: 0;
}
.woocommerce ul.cart_list li, .woocommerce ul.product_list_widget li .quantity{
    font-size: 13px;
}




/* Respon  */
@media only screen and (min-width: 992px){
.navbar .nav-item .dropdown-menu .sub-menu {
    transform-origin: center right;
}
}
@media (min-width: 992px){
.nav-item .sub-menu {
    left: initial;
    right: 100%;
}
}
@media (min-width: 768px){
.float-md-end {
    float: left!important;
}
}
@media only screen and (max-width: 767px){
.post.post-list .thumb {
    float: none;
    max-width: 550px;
}
}
@media only screen and (max-width: 767px){
.post.post-list .thumb + .details {
    margin-left: initial;
    margin-right: 0;
}
}
@media (min-width: 768px){
.float-md-start {
    float: right!important;
}
}
@media (min-width: 768px){
.text-md-end {
    text-align: left!important;
}
}
@media (max-width: 767px){
img.alignright, div.alignright, figure.alignright, img.alignleft, div.alignleft, figure.alignleft, img.wp-post-image.attachment-thumb ,.wp-block-image .alignleft{
    display: block;
    margin: 1em auto;
    float: none;
}}

@media only screen and (max-width: 767px){
.about-author .thumb {
    float: none;
    margin: auto;
}
}
@media only screen and (max-width: 767px){
.about-author .details {
    margin-left: initial;
    margin-right: 0;
}
}

@media (min-width: 992px){
.float-lg-none {
    float: none!important;
}
}

















/* typography */
.navbar-nav,body,.canvas-menu .vertical-menu li a,.btn,.woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.buttonو .wp-block-search button[type=submit], .widget .searchform input[type=submit], .comment-reply-link, .post-password-form input[type=submit], input[type=submit],.post.post-list-sm.counter:before,.ads-title{
    font-family: 'IRY';
}
h1, h2,.text-logo{
    font-family: 'YBkh Fat';
}
h3,h4,h5,h6,.woocommerce-loop-product__title,.slogan,.woocommerce div.product .product_title,.post .meta,.woocommerce div.product .woocommerce-tabs .panel h2{
    font-family: 'YBkh';
}
.dropdown-menu{
    text-align: right;
}
.post .excerpt {
    font-size: 15px;
}