/* ==========================================
   Hide unused elements
   ========================================== */

.post-navigation,
.posts-navigation,
.comment-navigation,
.author-box,
.entry-author,
.post-author {
    display: none;
}

/* ==========================================
   Responsive media
   ========================================== */

img,
iframe,
embed,
object,
video {
    max-width: 100%;
    height: auto;
    display: block;
}

/* ==========================================
   Featured images
   ========================================== */

.post-thumbnail img,
.wp-post-image,
.attachment-post-thumbnail {
    width: 100%;
    height: auto;
}

/* ==========================================
   Ad containers
   ========================================== */

.ad-container,
.widget_advertisement,
.ad-widget,
.google-ad,
.adsbygoogle,
.ad-slot {
    width: 100%;
    min-height: 280px;
    margin: 30px 0;
    overflow: hidden;
    text-align: center;
}

/* ==========================================
   Sidebar widgets
   ========================================== */

.widget {
    min-height: 50px;
}

.sidebar,
#secondary {
    position: static;
}

/* ==========================================
   Tables
   ========================================== */

table {
    width: 100%;
    table-layout: fixed;
}

/* ==========================================
   Prevent content overflow
   ========================================== */

.container,
.site-content,
.entry-content {
    overflow-wrap: break-word;
}

/* ==========================================
   Article images
   ========================================== */

.entry-content img {
    margin: 1rem auto;
}

/* ==========================================
   Buttons
   ========================================== */

button,
.wp-block-button__link,
input[type="submit"] {
    min-height: 44px;
}

/* ==========================================
   Font rendering
   ========================================== */

body {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-rendering: optimizeLegibility;
}

/* ==========================================
   Lazy-loaded images
   ========================================== */

img[loading="lazy"] {
    background: #f5f5f5;
}

/* ==========================================
   Smooth image loading
   ========================================== */

.lazyloaded,
.lazyload {
    transition: opacity .3s ease;
}