/*
Theme Name: Custom Theme

Adding support for languages written in a Right To Left (RTL) direction is easy -
it's just a matter of overwriting all the horizontal positioning attributes
of your CSS stylesheet in a separate stylesheet file named rtl.css.

https://codex.wordpress.org/Right-to-Left_Language_Support

*/

/* #region - global */

body {
    direction: rtl;
    unicode-bidi: embed;
    font-family: 'Neo Sans Arabic';
}

/* #endregion */

/* #region - buttons */

i[class*='-left'],
i[class*='-right'] {
    transform: scaleX(-1);
}

.button-link i {
    margin-left: 0;
    margin-right: .75rem;
}

.button-download i {
    margin-left: 0;
    margin-right: .5rem;
}

/* #endregion */

/* #region - input, select, file */

.is-ios input[type='date'],
.is-ios input::-webkit-date-and-time-value {
    text-align: right;
}

.select::after {
    left: .5rem;
    right: auto;
}

.select>select {
    padding-left: 1.75rem;
    padding-right: .5rem;
}

.file .file__upload {
    left: auto;
    right: 2px;
}

/* #endregion */

/* #region - wysiwyg */

.wysiwyg ul,
.wysiwyg ol {
    padding-left: 0;
    padding-right: 1.5rem;
}

.wysiwyg blockquote {
    padding-left: 0;
    padding-right: 1em;
}

.wysiwyg thead {
    text-align: right;
}

.wysiwyg tfoot {
    text-align: right;
}

.wysiwyg .note {
    padding-left: 2rem;
    padding-right: 4rem;
}

.wysiwyg .note::before {
    left: auto;
    right: 2rem;
}

/* #endregion */

/* #region - bootstrap modal */

.modal__close {
    left: 1rem;
    right: auto;
}

/* #endregion */

/* #region - bootstrap tab */

.tab__list.is-scroll::after {
    left: 0;
    right: auto;
    transform: scaleX(-1);
}

.tab__link {
    margin-left: 2px;
    margin-right: 0;
}

.tab__link:not(:last-child) {
    border-left: 1px solid rgba(0, 0, 0, .1);
    border-right: 0;
}

/* #endregion */

/* #region - bootstrap popover */

.bs-popover-right,
.bs-popover-auto[x-placement^='right'] {
    margin-left: 0;
    margin-right: .5rem;
}

.bs-popover-right>.arrow,
.bs-popover-auto[x-placement^='right']>.arrow {
    left: auto;
    right: calc(-.5rem - 1px);
}

.bs-popover-right>.arrow::before,
.bs-popover-auto[x-placement^='right']>.arrow::before {
    border-left-width: .5rem;
    border-right-width: 0;
    border-left-color: var(--c-silver);
    border-right-color: transparent;
    left: auto;
    right: 0;
}

.bs-popover-right>.arrow::after,
.bs-popover-auto[x-placement^='right']>.arrow::after {
    border-left-width: .5rem;
    border-right-width: 0;
    border-left-color: transparent;
    border-right-color: var(--c-silver);
    left: auto;
    right: 1px;
}

.bs-popover-left,
.bs-popover-auto[x-placement^='left'] {
    margin-left: .5rem;
    margin-right: 0;
}

.bs-popover-left>.arrow,
.bs-popover-auto[x-placement^='left']>.arrow {
    left: calc(-.5rem - 1px);
    right: auto;
}

.bs-popover-left>.arrow::before,
.bs-popover-auto[x-placement^='left']>.arrow::before {
    border-left-width: 0;
    border-right-width: .5rem;
    border-left-color: transparent;
    border-right-color: var(--c-silver);
    left: 0;
    right: auto;
}

.bs-popover-left>.arrow::after,
.bs-popover-auto[x-placement^='left']>.arrow::after {
    border-left-width: 0;
    border-right-width: .5rem;
    border-left-color: transparent;
    border-right-color: var(--c-white);
    left: 1px;
    right: auto;
}

/* #endregion */

/* #region - bootstrap tooltip */

.bs-tooltip-right .arrow,
.bs-tooltip-auto[x-placement^='right'] .arrow {
    left: auto;
    right: 0;
}

.bs-tooltip-right .arrow::before,
.bs-tooltip-auto[x-placement^='right'] .arrow::before {
    border-left-width: .4rem;
    border-right-width: 0;
    border-left-color: var(--c-black);
    border-right-color: transparent;
    left: 0;
    right: auto;
}

.bs-tooltip-left .arrow,
.bs-tooltip-auto[x-placement^='left'] .arrow {
    left: 0;
    right: auto;
}

.bs-tooltip-left .arrow::before,
.bs-tooltip-auto[x-placement^='left'] .arrow::before {
    border-left-width: 0;
    border-right-width: .4rem;
    border-left-color: transparent;
    border-right-color: var(--c-black);
    left: auto;
    right: 0;
}

/* #endregion */

/* #region - plyr (video) */

.video__control i {
    margin-left: .5rem;
    margin-right: 0;
}

/* #endregion */

/* #region - fullcalendar */

.fc .fc-toolbar-chunk:nth-child(3) {
    text-align: left;
}

.fc .fc-daygrid-event:not(.fc-event-start) {
    padding-left: 0;
    padding-right: .5rem;
}

.fc-popover .popover-body i {
    margin-left: .75rem;
    margin-right: 0;
}

/* #endregion */

/* #region - form */

.wpcf7 {
    direction: rtl;
}

.wpcf7 input {
    direction: rtl !important;
}

.form__main input[type='checkbox'] {
    margin-left: .5rem;
    margin-right: 0;
}

.form__main label>span.is-required::after {
    margin-left: 0;
    margin-right: .25rem;
}

.form .wpcf7-spinner {
    left: calc(var(--fs-h5) * -1);
    right: auto;
}

.form form .wpcf7-response-output p::before {
    margin-left: .75rem;
    margin-right: 0;
}

.form form .wpcf7-response-output ul {
    padding-left: 0;
    padding-right: 1.25rem;
}

/* #endregion */

/* #region - search */

.search__field {
    padding-left: 2rem;
    padding-right: .5rem;
}

.search__button,
.search__close {
    left: 0;
    right: auto;
}

/* #endregion */

/* #region - header */

.page__header {
    left: auto;
    right: 0;
}

.header__drawer {
    left: auto;
    right: var(--hd-bar);
}

.nav__expand {
    transform: scaleX(-1);
}

.nav__sublist {
    left: auto;
    right: 100%;
    transform: translateX(1rem);
}

.nav__sublist .nav__sublist {
    left: auto;
    right: calc(100% + .5rem);
}

.nav__sublist::before {
    left: auto;
    right: -.5rem;
}

.nav--has-dm .nav__sublist .nav__sublist {
    left: auto;
    right: 100%;
}

.nav--is-active .page__main,
.nav--is-active .page__footer {
    padding-left: 0;
    padding-right: var(--hd-bar);
}

.nav--has-mc.nav--is-active .page__main,
.nav--has-mc.nav--is-active .page__footer {
    transform: translateX(calc(var(--hd-drawer) * -1));
}

.nav--has-rc.nav--is-active .page__main,
.nav--has-rc.nav--is-active .page__footer {
    padding-left: 0;
    padding-right: var(--hd-expanded);
}

.nav--has-sm .nav__sublist {
    left: auto;
    right: 0;
    transform: translateX(-100%);
}

.nav--has-sm .nav__item:hover>.nav__link[aria-expanded='false']~.nav__sublist {
    transform: translateX(-100%);
}

/* #endregion */

/* #region - main */

.page__main {
    padding-left: 0;
    padding-right: var(--hd-bar);
}

/* #endregion */

/* #region - footer */

.page__footer {
    padding-left: 0;
    padding-right: var(--hd-bar);
}

@media screen and (max-width: 60em) {

    .page__footer .scroll-top {
        left: 3rem;
        right: auto;
    }

}

/* #endregion */

/* #region - home */

.h-hb__background-video .video__control {
    left: 1.5rem;
    right: auto;
}

.h-hb__drawing {
    transform: scaleX(-1);
}

.h-ol-m .swiper-navigation .swiper-button-prev::before,
.h-ol-m .swiper-navigation .swiper-button-next::before {
    transform: scaleX(-1);
}

@media screen and (max-width: 40em) {

    .h-hb__logo-image {
        margin-left: 0;
        margin-right: auto;
    }

}

.h-au__text {
    margin-left: 0;
    margin-right: auto;
}

/* #endregion */

/* #region - b: archive posts */

.b-ap__filter .filter__list {
    margin-left: auto;
    margin-right: 0;
}

.b-ap__item-button i {
    margin-left: 0;
    margin-right: .5rem;
}

.b-ap__loader i {
    margin-left: .5rem;
    margin-right: 0;
}

.b-ap__body-m .swiper-navigation .swiper-button-prev::before,
.b-ap__body-m .swiper-navigation .swiper-button-next::before {
    transform: scaleX(-1);
}

/* #endregion */

/* #region - b: breadcrumbs */

.b-bc__items>li:not(:last-child)::after {
    transform: scaleX(-1);
}

/* #endregion */

/* #region - b: form + text */

.b-ft__deco svg {
    left: 0;
    right: auto;
    transform: scaleX(-1);
}

/* #endregion */

/* #region - b: hero */

.b-hb__header::after {
    border-left: 1px solid;
    border-right: 0;
    left: auto;
    right: 1.5rem;
}

/* #endregion */

/* #region - b: message slider */

.b-ms__swiper .swiper-navigation {
    margin-left: 0;
    margin-right: auto;
}

/* #endregion */

/* #region - b: testimonial slider */

.b-tms__deco svg {
    left: 2rem;
    right: auto;
    transform: scaleX(-1);
}

/* #endregion */

/* #region - b: text + card */

.b-tc__card ol {
    padding-left: 0;
    padding-right: 2.25rem;
}

.b-tc__card ol>li::before {
    left: auto;
    right: -2.25rem;
}

.b-tc.has-bird .b-tc__quote figure {
    transform-origin: bottom right;
}

.b-tc__deco svg:nth-child(1) {
    left: 0;
    right: auto;
    transform: translate(50%, 50%) scaleX(-1);
}

.b-tc__deco svg:nth-child(2) {
    left: auto;
    right: 0;
    transform: translate(-50%, -50%) scaleY(-1);
}

/* #endregion */

/* #region - b: text + carousel */

.b-tcs__swiper {
    clip-path: polygon(100% 0%, -100vw 0%, -100vw 100%, 100% 100%);
}

/* #endregion */

/* #region - b: text slider + image slider */

.b-tsis__ts-swiper .swiper-navigation {
    margin-left: 0;
    margin-right: auto;
}

.b-tsis__is-swiper {
    clip-path: polygon(100% 0%, -100vw 0%, -100vw 100%, 100% 100%);
}

/* #endregion */

/* #region - b: text slider + image */

.b-tsi__swiper {
    padding-left: 4rem;
    padding-right: 0;
}

.b-tsi__swiper .swiper-navigation {
    margin-left: 0;
    margin-right: auto;
}

@media screen and (max-width: 70em) {

    .b-tsi__swiper {
        padding-left: 0;
    }

    .b-tsi__image {
        margin-left: 0;
        margin-right: -3rem;
    }

}

@media screen and (max-width: 40em) {

    .b-tsi__image {
        margin-left: 0;
        margin-right: -2rem;
    }

}

/* #endregion */

/* #region - b: text + text */

.b-tt-s1 .b-tt__text:nth-child(1) {
    padding-left: 4rem;
    padding-right: 0;
}

.b-tt-s1 .b-tt__text:nth-child(1)::before {
    left: 0;
    right: auto;
}

@media screen and (max-width: 90em) {

    .b-tt-s1 .b-tt__text:nth-child(1) {
        padding-left: 3rem;
        padding-right: 0;
    }

}

@media screen and (max-width: 70em) {

    .b-tt-s1 .b-tt__text:nth-child(1) {
        padding-left: 0;
    }

    .b-tt-s1 .b-tt__text:nth-child(1)::before {
        left: -3rem;
        right: auto;
    }

}

/* #endregion */

/* #region - b: post */

.b-post__terms li {
    margin-left: .5rem;
    margin-right: 0;
}

.b-post__share ul {
    padding: 0;
}

.b-post__deco svg:nth-child(1) {
    left: 0;
    right: auto;
    transform: translate(50%, 50%) scaleX(-1);
}

.b-post__deco svg:nth-child(2) {
    left: auto;
    right: 0;
    transform: translate(-50%, -50%) scaleY(-1);
}

/* #endregion */

/* #region - b: popup message */

.b-pm .modal__close {
    left: 0;
    right: auto;
}

.b-pm__image {
    border-radius: 0% 50% 50% 0%;
}

.b-pm__logo {
    left: 1rem;
    right: auto;
}

/* #endregion */

/* #region - mobile menu mod */

@media screen and (max-width: 40em) {

    .page__main,
    .page__footer,
    .nav--is-active .page__main,
    .nav--is-active .page__footer {
        padding-right: 0;
    }

}

/* #endregion */