body{
	direction: rtl;
}
.lesson__sidebar{
	right: 0;
}

@import url('https://fonts.googleapis.com/css?family=Heebo&subset=hebrew');

.overview-sidebar__progress.brand--ui .progress-bar {
     font-family: 'Heebo' !important;	
}
.lesson-link--section.brand--ui .lesson-link--section-title {
     font-family: 'Heebo' !important;
}
.lesson-lists__item .lesson-link__name.brand--ui {
     font-family: 'Heebo' !important;
}

.overview-list__item .overview-list__item-container .brand--ui.overview-list__link {
     font-family: 'Heebo' !important;
}
.brand--ui.overview-list__link {
     font-family: 'Heebo' !important;
}
.overview-list__item .brand--ui.overview-list__link div {
     font-family: 'Heebo' !important;
}
.overview-list .overview-list__title-content {
     font-family: 'Heebo' !important;
}
.brand--ui.overview__details-trigger-text {
     font-family: 'Heebo' !important;
}
.brand--ui.overview__button {
     font-family: 'Heebo' !important;
}


.icon-chevron-right:before {
    content: "\e600";
}
.icon-chevron-left:before {
    content: "\e601";
}

.quiz-multiple-choice-option .radio-button__label{
    margin-right: 10px;
}
.quiz-multiple-choice-option .checkbox__indicator{
    margin-left: 10px;
}

.quiz-match
{
    direction: ltr;
}
.blocks-accordion__header{
    direction: ltr;
}
.block-image__row{
    direction: ltr;
}
.blocks-accordion__title .fr-view, .blocks-accordion__toggler{

    float: right;
}

.block-list--numbered .block-list__item:before {
    content: unset;
}
.block-list--numbered .block-list__item:after {
    content: attr(data-number);
    position: absolute;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 4rem;
    height: 4rem;
    top: 0.8rem;
    text-align: center;
    line-height: 2em;
    font-size: 1.8rem;
    color: #fff;
    border: .2rem solid #313537;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    right: -5.5rem;
}
.block-image__col{
    float:right;
}
.block-image__col p span {
    display: block;
    direction: rtl;
}

.block-list__list .block-list__animated-item {
    margin-right: 43px;
}
.block-gallery__slider-container {
    direction: ltr;
}

.next-lesson__name.brand--ui ,.block-continue__content,.previous-lesson__title.brand--ui,
.fr-view,  .next-lesson__name.brand--ui .fr-view, .quiz-card__submit .quiz-card__button, .overview-list-item__title.brand--ui{
    font-family: Heebo !important;
    font-size: 20px;
}

.block-gallery__row > div:first-child{
    display: flex;
    /*flex-direction: row-reverse;*/
}
.overview-list-item__link {
    display: flex;
    flex-direction: row-reverse;
}
.overview-list-item__icon {
    order: 2;
}
.overview__title-wrap h1 {
    font-size: 100%;
}
.lesson-header__title .fr-view{
    font-size: xx-large;
}

.next-lesson__name.brand--ui, .block-continue__content, .previous-lesson__title.brand--ui,
.fr-view, .next-lesson__name.brand--ui .fr-view, .quiz-card__submit .quiz-card__button,
.overview-list__list .overview-list-item .overview-list-item__title.brand--ui,
.lesson-lists__item a div span, .overview-list__section-title.brand--ui {
    font-family: Heebo !important;
}


/*   mobile ---------------------------------------------------------------------------------------------     */


@media (min-width: 60em){
.lesson--open {
    padding-left: 0rem;
    padding-right: 28rem;
	}

    .lesson--open .process__controls{
        left: 17rem;
    }
}

@media (max-width:59.9375em) {
    .lesson--open-mobile .lesson__content {
        -webkit-transform: translateX(-26rem);
        -ms-transform: translateX(-26rem);
        transform: translateX(-26rem)
    }
}

@media (min-width: 48em){
    .process__next {

        left: 31px;
        right: auto !important;
        margin-top: 100px;
    }
        .process__previous{
            left: 1295px;
            margin-top: 100px;
        }
    .process__controls--clip {
        clip: auto;
    }
    .process__previous.brand--max768--color{
        display: none;
    }
    .process__controls--clip{
        transform: translate(-12px, -50px);

    }

    .process__controls--at-start .process__next .process__control-animation{
        animation-direction: reverse;
    }

    .process-arrow.process-arrow--right{
        right: 50px !important;
    }

    .process-arrow.process-arrow--left{
        left: 38px !important;
    }

}