/* ========================================
   RTL (Right-to-Left) Support for Arabic
   ======================================== */

html[dir="rtl"] {
    direction: rtl;
}

html[dir="rtl"] body {
    text-align: right;
}

html[dir="rtl"] blockquote:before {
    margin-left: 0;
    margin-right: -0.55em;
}

html[dir="rtl"] ul,
html[dir="rtl"] ol {
    margin-left: 0;
    margin-right: 3ch;
}

html[dir="rtl"] ul > li,
html[dir="rtl"] ol > li {
    padding: 0 1ch 0 0;
}

html[dir="rtl"] .navbar .navbar__menu > li {
    margin-left: 0;
    margin-right: 0.2428571429rem;
}

html[dir="rtl"] .navbar .navbar__menu > li.has-submenu > a,
html[dir="rtl"] .navbar .navbar__menu > li.has-submenu > span {
    padding-left: 1.4571428571rem;
    padding-right: 0.7285714286rem;
}

html[dir="rtl"] .navbar .has-submenu::after {
    border-width: 5px 4px 0 4px;
    border-color: #fff transparent transparent transparent;
    left: 12px;
    right: auto;
}

html[dir="rtl"] .navbar_mobile_sidebar {
    left: auto;
    right: 0;
}

html[dir="rtl"] .navbar_mobile_sidebar.is-hidden {
    left: auto;
    right: -400px;
}

html[dir="rtl"] .sidebar {
    border-left: none;
    border-right: 1px solid var(--border-color-light);
    padding-left: 0;
    padding-right: 1.9428571429rem;
}

html[dir="rtl"] .featured__image-link,
html[dir="rtl"] .authors__image-link {
    margin-right: 0;
    margin-left: 1.5rem;
}

html[dir="rtl"] .u-header__meta > div * {
    margin-right: 0;
    margin-left: 0.7285714286rem;
}

html[dir="rtl"] .u-header__avatar {
    margin-right: 0;
    margin-left: 0.7285714286rem;
}

html[dir="rtl"] .u-author__avatar {
    float: right;
}

html[dir="rtl"] .u-author__avatar + div {
    margin-left: 0;
    margin-right: 5.8285714286rem;
}

html[dir="rtl"] .c-card__tag {
    left: auto;
    right: 0.7285714286rem;
}

html[dir="rtl"] .content__featured-image > figcaption {
    right: auto;
    left: 0.9714285714rem;
}

html[dir="rtl"] .content__nav__prev {
    text-align: right;
}

html[dir="rtl"] .content__nav__prev img {
    margin-right: 0;
    margin-left: 0.9714285714rem;
}

html[dir="rtl"] .content__nav__next {
    text-align: left;
    margin-left: 0;
    margin-right: auto;
}

html[dir="rtl"] .content__nav__next img {
    margin-left: 0;
    margin-right: 0.9714285714rem;
}

html[dir="rtl"] .post__image--left {
    float: right;
    margin-right: 0;
    margin-left: 2.6714285714rem;
}

html[dir="rtl"] .post__image--right {
    float: left;
    margin-left: 0;
    margin-right: 2.6714285714rem;
}

html[dir="rtl"] .page--author__avatar {
    float: right;
}

html[dir="rtl"] .page--author__avatar + div {
    margin-left: 0;
    margin-right: 5.8285714286rem;
}

html[dir="rtl"] .subpages__list {
    margin-left: 0;
    margin-right: 2ch;
}

html[dir="rtl"] .subpages__list ul {
    margin: 0 2ch 0 0;
}

html[dir="rtl"] .subpages__list li {
    padding: 0 1ch 0 0;
}

html[dir="rtl"] .dropcap:first-letter {
    float: right;
    margin-right: 0;
    margin-left: 0.4857142857rem;
    padding: 0.4857142857rem 0 0.4857142857rem 0.4857142857rem;
}

html[dir="rtl"] .pagination__item--prev:hover svg {
    -webkit-transform: translate(0.2428571429rem, 0);
    transform: translate(0.2428571429rem, 0);
}

html[dir="rtl"] .pagination__item--next:hover svg {
    -webkit-transform: translate(-0.2428571429rem, 0);
    transform: translate(-0.2428571429rem, 0);
}

html[dir="rtl"] .footer__logo {
    margin-right: 0;
    margin-left: 4rem;
}

html[dir="rtl"] .footer__nav-item {
    padding: 0 0 0 0.7285714286rem;
}

html[dir="rtl"] .footer__follow {
    margin-left: 0;
    margin-right: auto;
}

html[dir="rtl"] .follow > a {
    margin: 0 0 0.2428571429rem 1%;
}

html[dir="rtl"] .follow > a:before {
    border-right: none;
    border-left: 1px solid rgba(255, 255, 255, 0.3);
    left: auto;
    right: 1.3rem;
}

html[dir="rtl"] .follow .u-icon {
    float: right;
    left: auto;
    right: 0.2428571429rem;
    margin: 0 0.4857142857rem;
}

html[dir="rtl"] .infobar__search {
    margin-left: 0;
    margin-right: auto;
}

html[dir="rtl"] .search__input {
    padding: 0.3642857143rem 1.2142857143rem 0.3642857143rem 2.4285714286rem;
}

html[dir="rtl"] .search__button {
    right: auto;
    left: 0.7285714286rem;
}

html[dir="rtl"] .content__share {
    margin: 0.7285714286rem 0 0 auto;
}

html[dir="rtl"] .content__tag {
    margin-left: 0;
}

html[dir="rtl"] .content__tag li {
    padding: 0 0 0.2428571429rem 0;
}

html[dir="rtl"] .post__toc ul {
    margin: 0.4857142857rem 2ch 0 0;
}

html[dir="rtl"] .post__toc ul ul li:before {
    margin-left: 0;
    margin-right: -20px;
}

html[dir="rtl"] .u-comment-count {
    right: auto;
    left: 0.9714285714rem;
}

html[dir="rtl"] .u-comment-count:after {
    border-width: 7px 0 0 7px;
    border-color: transparent transparent transparent var(--color);
    left: auto;
    right: 8px;
}

html[dir="rtl"] .u-comment-count:hover:after {
    border-color: transparent transparent transparent var(--dark);
}

html[dir="rtl"] fieldset > legend {
    margin-left: 1rem;
    margin-right: -1rem;
}

html[dir="rtl"] label {
    margin: 0 0 0.9714285714rem 0.7285714286rem;
}

html[dir="rtl"] input[type="checkbox"] + label,
html[dir="rtl"] input[type="radio"] + label {
    margin-left: 0;
    margin-right: -1px;
}

html[dir="rtl"] input[type="checkbox"] + label:before,
html[dir="rtl"] input[type="radio"] + label:before {
    margin-right: 0;
    margin-left: 0.4857142857rem;
}

html[dir="rtl"] select:not([multiple]) {
    background-position: 10% 50%;
    padding-left: 2.9142857143rem;
}

html[dir="rtl"] .gallery__item figcaption {
    left: auto;
    right: 50%;
    -webkit-transform: translate(50%, 1.2rem);
    transform: translate(50%, 1.2rem);
}

html[dir="rtl"] .gallery__item:hover figcaption {
    -webkit-transform: translate(50%, 0);
    transform: translate(50%, 0);
}

html[dir="rtl"] .page--author__website a {
    margin-left: 0;
    margin-right: 0.4rem;
}

html[dir="rtl"] .u-author__website a {
    margin-left: 0;
    margin-right: 0.4rem;
}

html[dir="rtl"] .main-content {
    text-align: right;
}

html[dir="rtl"] .l-grid--2col-1-2 .c-card:nth-child(3n-2) {
    grid-column: span 2;
}

html[dir="rtl"] .l-grid--2col-2-1 .c-card:nth-child(3n) {
    grid-column: span 2;
}

html[dir="rtl"] .l-grid--2col-1-4 .c-card:nth-child(5n-4) {
    grid-column: span 2;
}

html[dir="rtl"] .l-grid--2col-4-1 .c-card:nth-child(5n) {
    grid-column: span 2;
}

html[dir="rtl"] input[type="checkbox]:checked + label:before,
html[dir="rtl"] input[type="radio"]:checked + label:before {
    background-position: 50% 50%;
}

html[dir="rtl"] .navbar_mobile_overlay .navbar__menu li a[aria-haspopup="true"]::after,
html[dir="rtl"] .navbar_mobile_overlay .navbar__menu li span[aria-haspopup="true"]::after {
    left: auto;
    right: 0.4857142857rem;
}

html[dir="rtl"] .navbar_mobile_sidebar .navbar__menu li a,
html[dir="rtl"] .navbar_mobile_sidebar .navbar__menu li .is-separator {
    padding: 10px 0 10px 20px;
}

html[dir="rtl"] .navbar_mobile_sidebar .navbar__menu li a[aria-haspopup="true"]::after,
html[dir="rtl"] .navbar_mobile_sidebar .navbar__menu li .is-separator[aria-haspopup="true"]::after {
    left: 0;
    right: auto;
}

html[dir="rtl"] .navbar_mobile_sidebar .navbar__submenu {
    margin: 0 24px 0 0;
}

html[dir="rtl"] .content__aside {
    flex-direction: row-reverse;
}

html[dir="rtl"] .content__related-item > figcaption {
    text-align: right;
}

html[dir="rtl"] @media all and (min-width: 56.25em) {
    html[dir="rtl"] .main-content {
        grid-template-columns: 1fr minmax(auto, var(--main-col-width)) calc(var(--sidebar-width) + 1.2142857143rem) 1fr;
    }
}

html[dir="rtl"] .newsletter ul li input[type="checkbox"] {
    left: auto;
    right: 0;
}

html[dir="rtl"] .tags > li {
    flex-direction: row-reverse;
}

html[dir="rtl"] .tags > li > a {
    text-align: right;
}

html[dir="rtl"] .tags > li > span {
    text-align: left;
}