/*
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 */
    }
}

section#block-14 {
    width: 100%;
}

p.title.usmall, #comment {
    font-family: 'Tanha', serif;
}

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-25.widget.widget_block {
    width: 30%;
}

footer section#block-23.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;
}

body.single.single-post .fullcover .content .epcl-page-wrapper .grid-30 .hide-on-desktop.mobile-sidebar.sidebar-wrapper {
    display: block !important;
}

@media screen and (max-width: 1024px) {
    body.single.single-post .fullcover .content .epcl-page-wrapper .grid-30 .hide-on-desktop.mobile-sidebar.sidebar-wrapper {
        margin-top: 20px;
    }
}

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

.fullcover .content .epcl-page-wrapper #sidebar .sidebar-wrapper .widget.widget_block {
    background-color: #F2EEF7;
}