body { direction: rtl; text-align: right; } /* Apply RTL styles only to main content */ .entry-content, .site-content { direction: rtl; text-align: right; } /* Further specific styling for content blocks */ .entry-content p, .entry-content h1, .entry-content h2, .entry-content h3 { text-align: right; } header#masthead .site-branding { justify-content: right; } header#masthead .main-navigation ul { justify-content: right; } header#masthead .main-navigation ul ul .menu-item-has-children::after, .page_item_has_children::after { content: '⮟'; position: absolute; top: 30%; transform: rotate(90deg) translateY(-50%); right: 85px; font-size: 12px; } #secondary { border-right: solid 1px #eee; border-left: none; } .widget { margin-bottom: 30px; border-bottom: solid 1px #eee; padding: 20px 20px; text-align: right; margin-left: 0; } @media (max-width: 768px) { /* Adjust breakpoint as needed */ main#primary { padding: 20px; } #secondary { padding-top: 5px; } } @media (min-width: 768px) { /* Adjust breakpoint as needed */ main#primary { padding-top: 20px; } #secondary { padding-top: 20px; } } @media (max-width: 480px) { /* For very small screens */ main#primary { padding: 5px; } #secondary { padding: 5px; } } /* Primary Content Area */ .grid .row article { border: none; margin: 0; } .grid .row .post-content { text-align: center; background: #ffffff; border-bottom: solid 1px #eee; padding: 20px; margin: 0 0 1rem; } @media (max-width: 480px) { .grid article { padding: 0px 6px; } } img { height: auto; max-width: 100%; aspect-ratio: 4 / 3; object-fit: cover; } .grid .entry-content p { font-size: 14px; color: #4a4a4a; text-align: center; opacity: .8; }