p {
    margin: 0px;
}

#word_title {
    margin-top: 0;
    margin-bottom: 8px;
    font-weight: 900;
    font-style: italic;
}

#word_level {
    margin-left: 10px;
    font-weight: bold;
    color: #853333;
}

.word_semantic_category {
    font-style: italic;
    font-weight: 400;
    color:#217844;
    font-size: 14px;
}

.word_pos_category {
    font-style: italic;
    font-weight: 400;
    color:#333333;
    font-size: 14px;
}

#audio_icon{
    font-size: 12px;
}

#native_equivalent_link{
    font-size: 14px;
    color: white;
}

#native_equivalent_link_icon{
    font-size: 12px;
    margin-right: 6px;
}

#loanword_attention {
  background: #da4545;
  color: white;
  padding: 8px;
  border-radius: 6px;
  font-size: 14px;
  font-weight: bold;
  font-style: italic;
  margin-top: 16px;
  margin-bottom: 16px;
}


.pronunciation {
    text-decoration: none;
}

#pos {
    margin-top: 4px;
    margin-bottom: 4px;
    font-weight: 900;
    font-style: italic;
}

#grammatical_information {
    margin-bottom: 4px;
    font-style: italic;
}

#ipa_link {
    margin-left: 24px;
    padding: 2px 6px;
    border-radius: 4px;
    text-decoration: none;
    background-color: #774000;
    color: white;
}

#primary_article {
    font-size: 18px;
    font-weight: 500;
    margin-bottom: 8px;
    margin-top: 16px;
}

#secondary_article {
    font-size: 15px;
}

#definitions_heading,
#declinations_heading,
#verbdetails_heading,
#etymology_heading,
#literature_heading {
    color: white;
    padding: 2px 8px 7px 32px;
    background-color: #217844;
    border-top-left-radius: 10000px;
    border-bottom-right-radius: 10000px;
    font-size: 20px;
    font-style: italic;
    font-weight: 900;
}

#definition_list {
    padding-left: 18px;
}

button[id^="definition_dropdown_btn"] {
    display: relative;
    left: 20px;
    background-color: rgb(236, 236, 236);
    border-radius: 2px;
    border: none;
    align-self: flex-start;
}

div[id^="definition_dropdown_content"][show] {
    display: block;
}

div[id^="definition_dropdown_content"][hide] {
    display: none;
}

.definition_container {
    display: flex;
    justify-content: space-between;
    margin: 8px 0px;
    gap: 8px;
}

.definition {
    font-style: italic;
    font-weight: 400;
    color: #246777;
}

.definition_before_word,
.definition_word,
.definition_after_word {
    color: rgb(168, 64, 60);
    font-weight: bold;
}

.definition_examples_heading,
.definition_sayings_heading,
.definition_synonyms_heading,
.definition_antonyms_heading,
.definition_translations_heading {
    margin: 8px 0px;
    border-bottom: 1px solid rgb(231, 231, 231);
    font-weight: 500;
    font-size: 16px;
    color: rgb(119, 64, 0);
}

.definition_example,
.definition_saying {
    font-style: italic;
    margin-left: 8px;
    color: rgb(33, 98, 141);
    font-size: 15px;
}

.definition_example_source {
    margin: 7px 0px;
    text-align: right;
    font-style: italic;
    font-size: 13px;
}

.definition_saying_meaning {
    margin: 7px 0px;
    margin-left: 24px;
    font-size: 14px;
}

.definition_synonyms,
.definition_antonyms {
    margin: 8px 0px;
    margin-left: 8px;
}

.definition_translation_language_heading {
    font-weight: 600;
    font-size: 15px;
    margin: 4px 0px;
    margin-left: 8px;
    font-style: italic;
}

.definition_translations {
    margin: 8px 0px;
    margin-left: 16px;
    font-size: 14px;
}

.definition_images_container {
    margin: 8px 0px;
    margin-top: 16px;
}

.definition_image {
    width: 80px;
    height: 80px;
    border-radius: 4px;
    cursor: zoom-in;
}

.declination_table,
.verbforms_table,
.adverbial_forms_table {
    margin: 16px auto;
    border-right: 1px solid rgb(223, 223, 223);
    border-bottom: 1px solid rgb(223, 223, 223);
    padding-bottom: 8px;
    border-bottom-right-radius: 8px;
    box-shadow: 1px 1px 2px rgb(241, 241, 241);
    width: 100%;
}

.declination_table caption,
.verbforms_table caption,
.participles_table caption,
.verbal_nouns_table caption,
.adverbial_forms_table caption {
    text-align: left;
    margin: 8px 0px;
}

.declination_table caption p,
.verbforms_table caption p,
.participles_table caption p,
.verbal_nouns_table caption p,
.adverbial_forms_table caption p {
    font-weight: 900;
    font-style: italic;
    font-size: 22px;
}


.declination_table table,
.verbforms_table table,
.adverbial_forms_table table {
    margin-left: 32px;
}

.declination_table a,
.verbforms_table a,
.adverbial_forms_table a {
    text-decoration: none;
}


.caption_info_heading {
    padding-right: 10px;
    font-weight: 600;
    font-size: 13px;
}


.declination_table th,
.verbforms_table th,
.adverbial_forms_table th {
    text-align: left;
    padding-right: 44px;
    width: 33%;
    color: rgb(119, 64, 0);
    font-size: 16px;
    font-weight: 500;
}

.declination_table tr,
.verbforms_table tr,
.adverbial_forms_table tr {
    font-size: 12px;
}

.tense_name,
.case_name,
.adverbial_name {
    font-weight: 600;
}

.verb_details_table td:first-child,
.participles_table td:first-child,
.verbal_nouns_table td:first-child {
    width: 100px;
}

#etymology_info_text {
    font-size: 12px;
    text-align: center;
    font-style: italic;
    color: rgb(121, 121, 121);
}

#etymology_root {
    text-align: center;
    margin: 16px 0px 6px 0px;
    font-weight: 800;
    font-size: 24px;
}

#etymology_root_meanings_list {
    padding-left: 22px;
    margin: 0px;
}

#etymology_root_meanings_list_container {
    display: flex;
    justify-content: center;
}

#etymology_info_text2,
#etymology_info_text3 {
    margin: 16px 0px 8px 0px;
    font-size: 12px;
    text-align: center;
    font-style: italic;
    color: rgb(121, 121, 121);
}

#etymology_root_derived_words {
    text-align: center;
}

#derivation_rule {
    text-align: center;
    font-size: 22px;
    font-weight: bold;
    margin-bottom: 22px;
    color: #217844;
}

@media (min-width: 600px) {
    #word_page {
        display: flex;
        gap: 32px;
    }

    #first_column {
        width: 50%;
    }
    
    #second_column {
        width: 50%;
    }
}