.override-rtl{
    direction:rtl;
}
.monolingual-course{
    padding-left: 20px;
    padding-right: 0;
}
.override-ltr{
    direction:ltr;
}
span.ltr{
    left:0 !important;
    right:inherit !important;
}
.override-strong strong{
    font-weight: 700 !important;
}

.tt-suggestion{
    padding-bottom: 10px;
    padding-top: 10px;
}

@media (min-width: 768px) and (max-width: 991px) {
    .override-ltr .col-lg-1,
    .override-ltr .col-lg-10,
    .override-ltr .col-lg-11,
    .override-ltr .col-lg-12,
    .override-ltr .col-lg-2,
    .override-ltr .col-lg-3,
    .override-ltr .col-lg-4,
    .override-ltr .col-lg-5,
    .override-ltr .col-lg-6,
    .override-ltr .col-lg-7,
    .override-ltr .col-lg-8,
    .override-ltr .col-lg-9 {
        float: left !important;
    }

    .override-ltr .col-lg-offset-2 {
        margin-right: 0 !important;
    }

    .override-ltr .col-sm-offset-1 {
        margin-left: 8.33333333%;
        margin-right: 0;
    }
}

@media (min-width: 992px) {
	.override-ltr .col-lg-1,
	.override-ltr .col-lg-10,
	.override-ltr .col-lg-11,
	.override-ltr .col-lg-12,
	.override-ltr .col-lg-2,
	.override-ltr .col-lg-3,
	.override-ltr .col-lg-4,
	.override-ltr .col-lg-5,
	.override-ltr .col-lg-6,
	.override-ltr .col-lg-7,
	.override-ltr .col-lg-8,
	.override-ltr .col-lg-9 {
	        float: left!important;
	}

	.override-ltr .col-lg-offset-2 {
		 margin-right: 0!important;
		 margin-left:  16.66666667%!important;
	}
	.override-ltr .col-sm-offset-1 {
		  margin-left: 8.33333333%;
		  margin-right: 0;
	}
}
.override-ltr div.row.vocabulary div.col-sm-3 p {
         margin-right: 30px!important;
         margin-left: auto!important;

}
.override-ltr  a.audio-link:before {
        background-position: left top;
        margin-right: 8px;
        margin-left: 0;
}
.consonants:hover {
        border-bottom: 2px solid #23527c!important;
}
.consonants {
        border-bottom: 1px solid #23527c!important;
        color: #23527c!important;
}

.container.page-container {
    overflow: visible;
}

div#header-row div.row-menu div.lecture-nav-container div.navbar nav.lecture-nav .navbar-toggle:focus .icon-close-cross {
        background: url(../svg/nav-cross-black-lg.svg) no-repeat;
        background-size: cover;
}

header div.row-menu div.navbar.navbar-default.navbar-static-top nav.main-nav .navbar-toggle:focus .close-cross {
        background: url(../svg/nav-cross-xs.svg) no-repeat;
        background-size: cover;
}

div#the-basics.rtl span.twitter-typeahead {
    width: 100%;
}
div#the-basics.rtl span.twitter-typeahead .input-lg{
	padding-left: 20px;
        direction: rtl;
}

div#the-basics.rtl span.twitter-typeahead input[type="search"].tt-input {
    background-image: url(../svg/icon-lupe.svg);
	background-repeat: no-repeat;
	padding-left: 20px;
	padding-right: 44px;
        direction: rtl;

	background-position: 7% 14px;
}
span.course-score-ltr,
button.course-reset-ltr {
    left: inherit !important;
    right: 15px !important;
}

#header-row {
    margin-bottom: 58px;
}

@media (min-width: 768px) {
    div#the-basics.rtl span.twitter-typeahead input[type="search"].tt-input {
            background-position: 3% 14px;
    }
    span.course-score-ltr,
    button.course-reset-ltr {
        left: inherit !important;
        right: 56px !important;
    }
    #header-row {
        margin-bottom: 58px;
    }
}
@media (min-width: 992px) {
    div#the-basics.rtl span.twitter-typeahead input[type="search"].tt-input {
            background-position: 2% 14px;
	}

    span.course-score-ltr,
    button.course-reset-ltr {
        left: inherit !important;
        right: 20px !important;
    }
	#header-row {
        margin-bottom: 84px;
	}
}

.richtext-content-container img {
    max-width: 300px;
}

#newsletter-subscribe, #newsletter-unsubscribe {
    display: none;
}

.user-profile-button {
    padding-top: 8px;
}

.need-help-link {
    padding-top:20px;
    padding-bottom:10px;
}

.cookie {
    position: fixed;
    bottom: 0;
    width: 100%;
    background: rgba(59, 68, 77, 0.9);
    z-index: 1000;
    font: normal normal 400 12px/18px Arial, Helvetica, sans-serif;
}

.cookie--visible > div {
    transition: 350ms 250ms ease-out;
    transform: translateY(0%);
}

.cookie__wrap {
    width: 940px;
    color: rgb(255, 255, 255);
    margin: 18px auto;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    -moz-justify-content: space-between;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    align-items: center;
    letter-spacing: 0.5px;
}

@media (max-width: 940px) {
    .cookie__wrap {
        width: auto;
        margin: 18px 18px;
        flex-direction: column;
        -webkit-box-direction: normal;
        -webkit-box-orient: vertical;
        -moz-box-direction: normal;
        -moz-box-orient: vertical;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
    }

    .cookie__text {
        -ms-align-self: flex-start;
        -webkit-align-self: flex-start;
        -moz-align-self: flex-start;
        -ms-flex-item-align: start;
        align-self: flex-start;
    }

    .cookie__buttons {
        -ms-align-self: flex-end;
        -webkit-align-self: flex-end;
        -moz-align-self: flex-end;
        -ms-flex-item-align: end;
        align-self: flex-end;
    }
}

.cookie__item {
    -ms-flex-item-align: stretch;
    -webkit-align-self: stretch;
    -moz-align-self: stretch;
    align-self: stretch;
}

.cookie__text {
    font-size: 12px;
    font-weight: 400;
}

.cookie__buttons {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    -moz-justify-content: space-between;
    justify-content: space-between;
}

.cookie__buttons a {
    border: none;
    color: rgb(255, 255, 255);
    padding: 7px 14px 8px;
    font-weight: 700;
    display: flex;
    justify-content: center;
    flex-direction: column;
    text-align: center;
    white-space: nowrap;
}

a.cookie__btn--more {
    background-color: rgb(127, 136, 145);
    margin: 0 8px;
}

a.cookie__btn--more:hover {
    background-color: rgb(216, 221, 226);
    color: rgb(59, 68, 77);
    text-decoration: none;
}

a.cookie__btn--ok {
    background-color: rgb(0, 165, 255);
}

a.cookie__btn--ok:hover {
    background-color: rgb(255, 255, 255);
    color: rgb(0, 165, 255);
    text-decoration: none;
}
a.glossar-modal.custom-modal:focus {
    border: 2px solid #0098FF;
}