/* Desktop */
body:not(.f-width) .magcontent {
    display: flex;
    float: right;
    flex-direction: column;
    position: relative;
    width: 50%;
    min-height: 100vh;
    right: 0;
}

/* Mobile */
@media screen and (max-width: 768px) {
    .magcontent,
    body:not(.f-width) .magcontent {
        width: 100%;
        float: none;
        min-height: auto;
    }
}

/* Desktop */
.magcover {
    float: left;
    position: fixed;
    z-index: 4;
    width: 50%;
    height: 100vh;
    background: #ffffff;
    min-height: 500px;
}

.magcontent {
    display: flex;
    float: right;
    flex-direction: column;
    position: relative;
    width: 50%;  /* Changed from 60% to match the available space */
    min-height: 100vh;
}

@media screen and (max-width: 768px) {
    .magcover {
        position: relative;
        float: none;
        width: 100%;
        height: 100vh;  /* This will make it exactly screen height */
        min-height: unset; /* Remove the min-height constraint */
        display: block !important; /* Force display */
        margin-bottom: 20px;
    }

    .cover-content {
        position: relative;
        height: 100%;
    }
}
    
    .magcontent {
        width: 100%;      /* Full width */
        float: none;      /* Remove float */
        min-height: auto; /* Remove min-height constraint */
    }

    /* Adjust the shadow positioning for mobile */
    .fold-shadow-right {
        display: none;
    }

h1.entry-title {
	font-size:2.5rem;
}
}

body p,
.post-content p,
.post-content a,
a:any-link,
.post-content a:any-link {
    overflow-wrap: anywhere !important;    /* Changed to 'anywhere' to allow more aggressive wrapping */
    word-wrap: break-word !important;
    word-break: break-all !important;    
    -ms-word-break: break-all !important;
    white-space: pre-wrap !important;     /* Changed to pre-wrap to preserve the full URL */
    display: inline !important;           /* Changed from inline-block to inline */
    max-width: 100% !important;          
    overflow: visible !important;         /* Added to ensure text isn't hidden */
}

/* Target the containers too */
.post-content,
.post-entry,
.entry-content {
    overflow-wrap: anywhere !important;
    word-wrap: break-word !important;
    overflow: visible !important;         /* Changed from hidden to visible */
    max-width: 100% !important;
    width: 100% !important;
}

body, .post-list-entry p, .post-entry .post-meta li, .post-content, .post-author, .thecomment p, .latest-posts-meta, #post-navigation span, .sidebar .widget_recent_comments ul, .widget_meta li a, .about-content, .sidebar .widget_recent_comments .recentcomments .url, .comment-text .date, .post-navigation span, .searchform-overlay p, .searchform-overlay .search-field, .searchform-overlay .search-button, input, select, .hidden-sidebar-button a.open-hidden-sidebar, textarea {
	color:#525252;
}

.post-content blockquote p {
	font-style: normal;
}

[data-interlace="loaded"] img + img {
    position: absolute;
    opacity: 1;
    z-index: 2;
}