/*
Theme Name: Malino 3.0
Theme URI: http://www.malino.co
Author: Hossein Hematyar
Author URI: https://hematyar.me
Description: Malino
Version: 3.0
*/

@font-face {
    font-family: IRANYekanX;
    font-style: normal;
    font-weight: 300;
    src: url('../fonts/woff/IRANYekanX-Light.woff') format('woff'),
    url('../fonts/woff2/IRANYekanX-Light.woff2') format('woff2');
}


@font-face {
    font-family: IRANYekanX;
    font-style: normal;
    font-weight: 900;
    src: url('../fonts/woff/IRANYekanX-Black.woff') format('woff'),
    url('../fonts/woff2/IRANYekanX-Black.woff2') format('woff2');
}

@font-face {
    font-family: IRANYekanX;
    font-style: normal;
    font-weight: 950;
    src: url('../fonts/woff/IRANYekanX-ExtraBlack.woff') format('woff'),
    url('../fonts/woff2/IRANYekanX-ExtraBlack.woff2') format('woff2');
}


@font-face {
    font-family: IRANYekanX;
    font-style: normal;
    font-weight: bold;
    src: url('../fonts/woff/IRANYekanX-Bold.woff') format('woff'),
    url('../fonts/woff2/IRANYekanX-Bold.woff2') format('woff2');
}

@font-face {
    font-family: IRANYekanX;
    font-style: normal;
    font-weight: normal;
    src: url('../fonts/woff/IRANYekanX-Regular.woff') format('woff'),
    url('../fonts/woff2/IRANYekanX-Regular.woff2') format('woff2');
}

a {
    text-decoration: none !important;
}

body {
    font-family: IRANYekanX !important;
    direction: rtl;
    text-align: right;
}

.btn i {
    float: right;
    margin: 4px 0;
}

.btn-sm i {
    margin: 0 !important;
}

.navbar {
    margin-top: 24px;
    padding: 16px;
    border-radius: 16px;
    border: 1px solid;
}

.navbar .nav-item {
    margin-left: 16px;
}

.navbar .nav-link {
    font-weight: 700;
    font-size: 14px;
    text-align: right;
}

.navbar-brand {
    margin-right: 0 !important;
}

.badge {
    font-size: 12px;
    font-weight: 500;
}

.badge i {
    margin-left: 4px;
}

.card {
    overflow: hidden;
    border-radius: 16px;
    text-decoration: none;
}

.card:hover img {
    opacity: 0.8;
    -webkit-transition: all .3s ease-in-out !important;
    -moz-transition: all .3s ease-in-out !important;
    -o-transition: all .3s ease-in-out !important;
    transition: all .3s ease-in-out !important;
}

.card .card-img-top .wp-post-image {
    width: 100%;
    height: auto;
    -webkit-transition: all .3s ease-in-out !important;
    -moz-transition: all .3s ease-in-out !important;
    -o-transition: all .3s ease-in-out !important;
    transition: all .3s ease-in-out !important;
}

.card .card-body {
    padding: 24px;
}

.card .card-body h2 {
    font-weight: 700;
    font-size: 16px;
    line-height: 25px;
}

.card .card-body p {
    font-size: 14px;
    line-height: 23px;
}

.podcast_card h2 {
    margin-top: 16px;
}

.card-img-right {
    float: right;
    margin-left: 24px;
}


#posts-container {
    float: right;
    width: 100%;
    margin-top: 16px;
}

#posts-container .card {
    margin-bottom: 24px;
    border: none;
}

#posts-container .card h2 {
    font-size: 20px;
    margin-bottom: 24px;
}

#posts-container img {
    float: right;
    margin-left: 24px;
    border-radius: 8px !important;
}

.nav-pills {
    padding-right: 0;
}

.form-control{
    border: 1px solid #f2f2f2;
}

.form-control:focus {
    border-color: #c0b7ff !important;
    box-shadow: 0 0 0 .2rem rgb(75 13 253 / 8%) !important;
}

.form-control::placeholder {
    font-size: 14px;
}

.input-group > :not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) {
    border-top-left-radius: 4px !important;
    border-bottom-left-radius: 4px !important;
}

.input-group:not(.has-validation) > .dropdown-toggle:nth-last-child(n+3), .input-group:not(.has-validation) > .form-floating:not(:last-child) > .form-control, .input-group:not(.has-validation) > .form-floating:not(:last-child) > .form-select, .input-group:not(.has-validation) > :not(:last-child):not(.dropdown-toggle):not(.dropdown-menu):not(.form-floating) {
    border-top-right-radius: 4px !important;
    border-bottom-right-radius: 4px !important;
}

/********************************* OverBootstrap 5.3 *********************************/


.header-nav {
    padding: 16px 0;
}

.header-nav ul {
    padding: 0;
    margin: 0;
}

.header-nav ul li {
    float: right;
    list-style: none;
    padding: 0 16px;
}

.header-nav ul li a {
    font-weight: 700;
    font-size: 14px;
    text-align: right;
    text-decoration: none;
}

.navbar .input-group {
    margin-bottom: 0;
}

.instant_news {
    padding: 12px 0 4px 0;
}

.instant_news {
    padding: 12px 0 4px 0;
}

.instant_news .label {
    float: right;
    margin-left: 16px;
    font-weight: 700;
    font-size: 14px;
}

.instant_news .label i {
    font-size: 16px;
    display: inline-block;
}

.instant_news .label span {
    margin-top: 2px;
    float: right;
}

.pulse-wrapper {
    position: relative;
    display: inline-block;
    margin-left: 10px;
    margin-top: 5px;
    float: right;
}

.pulse-wrapper::before,
.pulse-wrapper::after {
    content: "";
    position: absolute;
    top: 43%;
    right: -12px;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    transform: translate(-50%, -50%);
    animation: pulse-ring 1.5s infinite ease-out;
}

.pulse-wrapper::after {
    animation-delay: 0.5s; /* دومی با تاخیر */
}

@keyframes pulse-ring {
    0% {
        transform: translate(-50%, -50%) scale(1);
        opacity: 0.8;
    }
    100% {
        transform: translate(-50%, -50%) scale(2);
        opacity: 0;
    }
}

.pulse-icon {
    position: relative;
    font-size: 24px;
    z-index: 1;
}

.news-ticker {
    width: auto;
    height: 32px;
    overflow: hidden;
    position: relative;
}

.news-item {
    text-align: right;
    position: absolute;
    top: 100%;
    right: 0;
    width: 100%;
    transition: top 0.3s ease-in-out;
}

.news-item a {
    text-decoration: none;
    font-weight: 400;
    font-size: 14px;
}

.news-item a:hover {
    opacity: 0.6;
}


.prices {
    border-radius: 16px;
    padding: 16px;
    margin-top: 24px;
    border: 1px solid;
}

.prices ul{
    margin: 0;
    padding: 0;
    float: right;
    width: 100%;
}


.prices .item{
    float: right;
    margin-left: 32px;
    list-style: none;
}

.prices .item img {
    margin-left: 4px;
}

.prices .item span {
    font-weight: 400;
    font-size: 14px;
}

.prices .item strong {
    font-weight: 700;
    font-size: 14px;
    margin-right: 8px;
}

.swiper-wrapper {
    height: auto;
}

.swiper {
    margin-top: 24px;
}


.swiper .item {
    border: none;
    text-decoration: none !important;
}

.swiper .card {
    border: none;
}

.swiper .card img {
    border-radius: 8px !important;
    margin-bottom: 16px;
}

.swiper .card .card-body {
    padding: 0 24px 24px 24px;
}

.swiper .item .item-body img {
    border-radius: 8px !important;
    -webkit-transition: all .3s ease-in-out !important;
    -moz-transition: all .3s ease-in-out !important;
    -o-transition: all .3s ease-in-out !important;
    transition: all .3s ease-in-out !important;
}


.swiper .item:hover img {
    opacity: 0.8;
}


.hero_box {
    float: right;
    width: 100%;
    height: 325px;
    border-radius: 16px;
    padding: 10% 40px;
    margin-top: 24px;
    background-image: url("../images/hematyar.png");
    background-repeat: no-repeat;
    background-position: left bottom;
    background-size: 289px;
    -webkit-transition: all .2s ease-in-out !important;
    -moz-transition: all .2s ease-in-out !important;
    -o-transition: all .2s ease-in-out !important;
    transition: all .2s ease-in-out !important;
}

.hero_box i {
    font-size: 56px;
    margin-bottom: 16px;
    display: block;
}

.hero_box h1 {
    font-weight: 900;
    font-size: 28px;
    margin-bottom: 16px;
    display: block;
}

.hero_box strong {
    font-weight: 900;
    font-size: 24px;
    margin-bottom: 16px;
    display: block;
}

.hero_box span {
    font-weight: 400;
    font-size: 16px;
    display: block;

}

.episode_time {
    float: left;
}

.podcasts {
    margin-top: 32px !important;
}

.section {
    float: right;
    width: 100%;
    margin: 48px 0 0 0;
    padding: 48px 0 0 0;
}

.section .head {
    margin-bottom: 24px;
}

.section .head i {
    float: right;
    font-size: 32px;
    margin-left: 8px;
    margin-top: -2px;
}

.section .head h3 {
    font-weight: 700;
    font-size: 24px;
    float: right;
}

.section .head h4 {
    font-weight: 700;
    font-size: 18px;
    float: right;
}

.section .head .btn {
    float: left;
}

.ads {
    margin-bottom: 24px;
    -webkit-transition: all .2s ease-in-out !important;
    -moz-transition: all .2s ease-in-out !important;
    -o-transition: all .2s ease-in-out !important;
    transition: all .2s ease-in-out !important;
}

.ads:hover i,
.ads:hover h2,
.ads:hover p {
    padding-right: 8px;
    -webkit-transition: all .2s ease-in-out !important;
    -moz-transition: all .2s ease-in-out !important;
    -o-transition: all .2s ease-in-out !important;
    transition: all .2s ease-in-out !important;
}

.ads i {
    float: right;
    margin-left: 16px;
    font-size: 40px;
    -webkit-transition: all .3s ease-in-out !important;
    -moz-transition: all .3s ease-in-out !important;
    -o-transition: all .3s ease-in-out !important;
    transition: all .3s ease-in-out !important;
}

.ads h2 {
    font-weight: 900;
    font-size: 20px !important;
    margin: 0 0 8px 0 !important;
}

.ads p {
    font-weight: 400;
    font-size: 16px;
    display: block;
    margin: 0;
}

.post_list {
    margin: 0;
    padding: 0;
    float: right;
    width: 100%;
}

.post_list li {
    float: right;
    width: 100%;
    list-style: none;
}

.post_list li:last-child {
    border: none;
}

.post_list li:last-child a {
    margin-bottom: 0 !important;
}

.post_list li a {
    float: right;
    width: 100%;
    color: #1F1F1F;
    font-weight: 700;
    font-size: 14px !important;
    line-height: 25px;
    text-decoration: none;
    margin: 16px 0 !important;
    -webkit-transition: all .3s ease-in-out !important;
    -moz-transition: all .3s ease-in-out !important;
    -o-transition: all .3s ease-in-out !important;
    transition: all .3s ease-in-out !important;
}

.footer{
    float: right;
    width: 100%;
    margin-top: 64px;
    padding: 24px;
    border-radius: 16px;
}

.footer .head {
    float: right;
    width: 100%;
    margin: 16px 0 !important;
}

.footer .head h4{
    font-weight: 700;
    font-size: 16px;
    margin-bottom: 0 !important;
}

.footer .content {
    float: right;
    width: 100%;
}

.footer .content p {
    font-weight: 400;
    font-size: 14px;
    line-height: 30px;
}


.footer .content ul {
    margin: 0;
    padding: 0;
    float: right;
    width: 100%;
}

.footer .content ul li {
    float: right;
    width: 100%;
    list-style: none;
}

.footer .content ul li:last-child {
    border: none;
}

.footer .content ul li:last-child a {
    margin-bottom: 0 !important;
}

.footer .content ul li a {
    float: right;
    color: #1F1F1F;
    font-weight: 500;
    font-size: 14px !important;
    line-height: 25px;
    text-decoration: none;
    margin: 8px 0 !important;
    -webkit-transition: all .3s ease-in-out !important;
    -moz-transition: all .3s ease-in-out !important;
    -o-transition: all .3s ease-in-out !important;
    transition: all .3s ease-in-out !important;
}

.footer .content ul li .badge {
    margin-top: 11px;
    margin-right: 8px;
}

.footer .content .social_links {
    text-align: center;
}

.footer .content .social_links a {
    font-size: 32px;
}

.footer .content .social_links a img {
    height: 24px;
    width: auto;
}

.copyright {
    float: right;
    width: 100%;
    text-align: center;
    padding: 32px 0;
}

.copyright p {
    font-weight: 400;
    font-size: 12px;
    margin-bottom: 0;
}

.breadcrumbs{
    margin-bottom: 24px;
}

#breadcrumbs{
    margin-bottom: 0;
}

#breadcrumbs span {
    font-weight: 300;
    font-size: 12px;
    color: #1F1F1F;
}

#breadcrumbs span a {
    text-decoration: none;
}

#breadcrumbs i {
    font-size: 12px;
    margin-left: 4px;
    margin-right: 4px;
}

.page .head {
    float: right;
    width: 100%;
    padding-bottom: 24px;
}

.page .head h1 {
    font-weight: 700;
    font-size: 26px;
    line-height: 33.8px;
    margin-bottom: 0;
}

.page .head h2 {
    font-weight: 700;
    font-size: 20px;
    line-height: 30px;
    margin-bottom: 0;
}

.page .content_area {
    float: right;
    width: 100%;
    font-weight: 400;
    font-size: 16px;
    line-height: 30px;
    padding: 32px;
    border-radius: 16px;
}


.page .content_area h2{
    font-weight: 700;
    font-size: 24px;
    line-height: 33.8px;
    margin: 16px 0;
}


.page .content_area h3{
    font-weight: 500;
    font-size: 18px;
    line-height: 28.6px;
}


.page .content_area h4{
    font-weight: 500;
    font-size: 16px;
    line-height: 23.4px;
}

.content_area .accordion{
    float: right;
    width: 100%;
}

.content_area .accordion h3{
    width: 100%;
    font-weight: 700;
    font-size: 16px;
}

.content_area .wp-post-image{
    border-radius: 16px;
}

.post_details {
    float: right;
    width: 100%;
    margin-top: 16px;
}

.post_details ul {
    padding: 0;
    margin: 0;
    font-weight: 400;
    font-size: 14px;
}

.post_details ul li {
    float: right;
    margin-left: 32px;
    list-style: none;
}

.post_details ul li {
    float: right;
    margin-left: 32px;
    list-style: none;
}

.post_details ul li strong {
    font-weight: 400;
    font-size: 14px;
    color: #1F1F1F;
}

.post_details ul li a {
    color: #1f1f1f;
    text-decoration: none;
}

.sidebar .wiki .card-body {
    padding: 24px 24px 16px 24px !important;
}

.page .box {
    float: right;
    width: 100%;
    padding: 24px;
    border-radius: 16px;
    margin-bottom: 24px;
    -webkit-transition: all .3s ease-in-out !important;
    -moz-transition: all .3s ease-in-out !important;
    -o-transition: all .3s ease-in-out !important;
    transition: all .3s ease-in-out !important;
}

.page .box:hover img {
    opacity: 0.8;
}

.page .box img {
    border-radius: 16px;
    margin-bottom: 16px;
    -webkit-transition: all .3s ease-in-out !important;
    -moz-transition: all .3s ease-in-out !important;
    -o-transition: all .3s ease-in-out !important;
    transition: all .3s ease-in-out !important;
}

.page .box h2 {
    font-weight: 700;
    font-size: 16px;
    line-height: 25px;
}

.page .box p {
    font-weight: 400;
    font-size: 14px;
    line-height: 25px;
}

.page .box .title {
    -webkit-transition: all .3s ease-in-out !important;
    -moz-transition: all .3s ease-in-out !important;
    -o-transition: all .3s ease-in-out !important;
    transition: all .3s ease-in-out !important;
}

.category-description {
    float: right;
    width: 100%;
    margin-bottom: 16px;
}

.pagination {
    float: right;
    width: 100%;
    text-align: center;
    display: inline-block;
    margin-top: 32px;
}

.pagination a {
    font-size: 14px;
    color: #1a1d20;
    border-radius: 4px;
    margin: 0 2px;
    padding: 8px 14px;
    min-width: 40px;
    min-height: 40px;
}

.pagination a:hover {
    opacity: 0.7;
}

.pagination span {
    font-size: 14px;
    color: #1a1d20;
    margin: 0 2px;
    border-radius: 4px;
    padding: 8px 14px;
    min-width: 40px;
    min-height: 40px;
}

.pagination .current {
    font-size: 14px;
    margin: 0 2px;
    border-radius: 4px;
    padding: 8px 14px;
    min-width: 40px;
    min-height: 40px;
}

.author-avatar {
    float: right;
}

.author-avatar img {
    float: right;
    border-radius: 16px;
    margin-left: 16px;
}

.author-details {
    float: right;
    margin-top: 16px;
}

.author-details .author {
    float: right;
}

.author-details .nic {
    float: right;
    width: 100%;
    margin-top: 16px;
}

.author-details .author h1 {
    font-weight: 700;
    font-size: 24px;
    line-height: 25px;
    float: right;
    margin-bottom: 0;
    margin-top: 8px;
}

.author-details .author a {
    margin-right: 16px;
}

.author-details p {
    font-weight: 400;
    font-size: 14px;
    line-height: 25px;
}

.author-details .nicname {
    float: right;
    display: block;
}

.biography {
    float: right;
    width: 100%;
}

#darkModeToggle {
    height: 40px !important;
}

.podcast_player {
    margin-bottom: 24px;
}

.castos-player.dark-mode .player {
    border-radius: 8px !important;
}

.castos-player.dark-mode .progress, .castos-player.dark-mode .ssp-progress {
    background-color: #292929 !important;
}

.castos-player .player__body {
    padding: 24px !important;
}

.castos-player .currently-playing .show {
    font-family: IRANYekanX !important;
}

.castos-player .episode-title {
    font-family: IRANYekanX !important;
    margin-bottom: 16px !important;
}

.single .wp-post-image {
    width: 100%;
    height: auto;
    border-radius: 16px;
    -webkit-transition: all .3s ease-in-out !important;
    -moz-transition: all .3s ease-in-out !important;
    -o-transition: all .3s ease-in-out !important;
    transition: all .3s ease-in-out !important;
}

.single .wp-post-image:hover {
    opacity: 0.8;
}

.resource{
    float: right;
    width: 100%;
    padding: 16px;
    border-radius: 16px;
}

.resource p{
    margin-bottom: 0;
}