/* Button container */

.translation_box {
    text-align: center;
    margin: 18px 0 12px;
}


/* default is english */

[lang="eng"] {
    display: block;
}

span[lang="eng"], 
strong[lang="eng"],
a[lang="eng"], 
p[lang="eng"],
.same_row[lang="eng"] {
    display: inline-block;
}

[lang="hin"].different_row
{
    display: none !important;
}

html.enable_hindi [lang="hin"].different_row
{
    display: table !important;
}

html:not(.enable_hindi) [lang="eng"].different_row
{
    display: table !important;
}


[lang="hin"] {
    display: none;
}

.enable_english [lang="hin"] {
    display: none;
}


/* hindi enable */

.enable_hindi .profile_link {
    min-width: 152px;
    display: inline-block;
}

.enable_hindi [lang="eng"] {
    display: none;
}

.enable_hindi [lang="hin"] {
    display: block;
}

.enable_hindi span[lang="hin"], 
.enable_hindi strong[lang="hin"], 
.enable_hindi a[lang="hin"], 
.enable_hindi p[lang="hin"] {
    display: inline-block;
}


/* Special case - In some cases span and p need to be inline so .di is added to them. It stands for display inline. */
.enable_hindi span.di[lang="hin"], .enable_hindi p.di[lang="hin"] {
    display: inline;
}

.enable_english span.di[lang="eng"], .enable_english p.di[lang="eng"] {
    display: inline;
}



html:not(.translated-ltr) .hindi_link {
    display: none;
}

.translated-ltr .add_LI{
    display: none;
}

.translated-ltr .hindi_link{
    display: block;
}

.add_LI.hindi_link {
    width: 125px;
}

.translated-ltr .add_LI.hindi_link + br {
    display: none;
}

.revert_back {
    display: none;
}

.translated-ltr .revert_back {
    display: block;
    margin: 10px 0;
    border: 2px solid rgba(255, 0, 0, 0.061);
    padding: 6px 10px;
    line-height: 1.8;
    background-color: #ffebeb75;
}


.hindi_box {
    background-color: rgb(255 252 247);
    display: block;
    padding: 16px;
    font-size: 16px;
    border: 1px solid rgb(245 217 171);
}

.hindi_box h2 {
    padding-bottom: 0;
    margin-bottom: 19px;
    border: 0 !important;
}

#google_translate_element {
    margin-bottom: 10px;
}

.enable_hindi .life_story_button[lang="hin"],
.enable_english .life_story_button[lang="eng"] {
    display: block;
}