/*
Theme Name:   Wavy Child
Theme URI:    https://estudiopatagon.com/projects/wavy-for-wordpress/
Author: EstudioPatagon
Author URI: https://estudiopatagon.com/
Description:  Child theme, based on Wavy
Template: wavy

*/

/* Add your custom code just below */
/* downloaded from https://rokaweb.ir */

/*Grid thumb image size fix*/
/* For screens up to 767px wide (mobile devices) */
@media screen and (max-width: 414px) {
    div.articles.grid-posts article .featured-image .thumb {
        height: 21.1vh; /* As calculated for mobile devices */
    }
}

@media screen and (min-width: 415px) and (max-width: 767px) {
    div.articles.grid-posts article .featured-image .thumb {
        height: 27.23vh; /* As calculated for mobile devices */
    }
}

/* For screens between 768px and 1024px wide (tablets and small laptops) */
@media screen and (min-width: 768px) and (max-width: 1024px) {
    div.articles.grid-posts article .featured-image .thumb {
        height: 40vh; /* Slightly larger height for medium screens */
    }
}

/* For screens wider than 1024px (desktops and large laptops) */
@media screen and (min-width: 1025px) {
    div.articles.grid-posts article .featured-image .thumb {
        height: calc(200px + 4.46vh); /* Larger height for larger screens */
    }
}

p.title.usmall, #comment, span, a, input, button {
    font-family: 'Tanha' !important;
}
span.ab-icon {
    font-family: 'dashicons' !important;
}
article.item.epcl-flex.post.type-post.status-publish.format-standard.has-post-thumbnail.hentry {
    flex-direction: column;
}
#single section.related article .thumb .fullimage{
    position:relative;
}
#single section.related article .thumb {
    margin-bottom: 20px;
}
/* Adjust featured image responsivity */
#single.fullcover .fullcover-wrapper .featured-image img {
    height: auto !important;
}
/* Unset padding for body tables */
figure.wp-block-table.table-no-padding td {
    padding: 0;
}
/* To fix WP overridden styles - Make sure to remove & debug later */
.has-text-align-left{
    text-align: left;
}
.has-text-align-center{
    text-align: center;
}
.has-text-align-right{
    text-align: right;
}
p.has-text-align-center.simple-border {
    padding: 3px;
    border: 3px solid var(--epcl-border-color);
}
.left.grid-60.tablet-grid-60.np-mobile.selato-category-title-box {
    width: 100% !important;
}
h1.title.bordered.no-margin.selato-category-title {
    text-align: center;
    padding-right: 0;
}
.total.selato-total-cat-posts {
    text-align: center;
}
.tag-description.bg-box.selato-cat-box.no-image {
    padding: 20px !important;
    margin: 20px auto !important;
}
@media screen and (max-width: 767px) {
    #single.fullcover .fullcover-wrapper .featured-image {
        margin: 0 -19px;
    }
}
article section.post-content .text ul.wp-block-list li {
    list-style: disc;
}
@media screen and (max-width: 768px) {
    main#archives .grid-container.grid-medium div.bg-box.no-image.selato-cat-box.tag-description {
        min-height: unset;
    }
    .wp-block-table .has-fixed-layout td, .wp-block-table .has-fixed-layout th {
        word-break: break-word;
        padding: 0;
        white-space: pre-wrap;
    }
}

/*footer*/
footer section#block-13.widget.widget_block {
    width: 30%;
}

footer section#block-15.widget.widget_block {
    width: 35%;
    text-align: center;
    padding-right: 40px !important;
}

.wp-social-link.wp-social-link-mail {
    background: #d6d2d9;
}

.footer-ad-title-mobile {
    margin-bottom: 10px;
}

.embedded-pdf.wp-block-file a:not(.wp-block-file__button) {
    position: relative;
    bottom: 1rem;
}

ul#menu-header.menu.underline-effect li.hide-on-mobile.hide-on-tablet.search-menu-item {
    padding: 0;
}

.hide-on-mobile.hide-on-tablet .lightbox.mfp-inline span.link-name {
    display: none;
}

p.yn-heading {
    font-family: 'Tanha';
}

.single-post #wrapper #single.fullcover .content .epcl-page-wrapper .no-sidebar .default-sidebar.sidebar-wrapper {
    display: block !important;
}
@media screen and (max-width: 767px) {
    .single-post #wrapper #single.fullcover .content .epcl-page-wrapper .no-sidebar .default-sidebar.sidebar-wrapper {
        margin-top: 20px;
    }
}