.content-heading { font-weight: 600; font-size: 30px; padding-bottom: 0.8rem; color: #1e283c; } .toc_list { padding: 0px !important; background: white; } .letter-word { background-color: var(--primary-color); border-radius: 2px; padding: 10px 2rem; } .toc_list .sameStyle { color: #000 !important; } tbody{ background-color: #E8FFFB; } .table-bordered td, .table-bordered th{ padding: 1.5rem 3rem; border: 1px solid #3E3E3E; } .allletters span{ box-sizing: border-box; line-height: 30px; letter-spacing: 0.3px; box-sizing: border-box; letter-spacing: 0.3px; font-size: 12px; list-style: none; padding: 8px 0; background: #f8f9fa; border-radius: 5px; margin-right: 10px; margin-left: 0px; width: auto; min-width: 100px; text-align: center; border: solid 1px var(--black-color); box-shadow: 2px 2px 1px 0 var(--black-color); display: block; } .toc_list .tabledata { box-sizing: border-box; line-height: 30px; letter-spacing: 0.3px; box-sizing: border-box; letter-spacing: 0.3px; font-size: 12px; list-style: none; padding: 8px 0; background: #f8f9fa; border-radius: 5px; margin-right: 10px; margin-left: 0px; width: auto; min-width: 100px; text-align: center; border: solid 1px var(--black-color); box-shadow: 2px 2px 1px 0 var(--black-color); } .content_sub_heading { font-weight: 600; font-size: 18px; padding-bottom: 0.8rem; color: #1e283c; } #toc_container { background: #fff; box-shadow: 0 0 1px grey; /* border: 1px solid #aaa; */ display: table; font-size: 95%; margin-bottom: 1em; padding: 20px; width: 100%; } .listofwords .wordsdata { margin-bottom: 40px; } .wordsdata .word-heading { margin: 20px 0; /* margin-bottom: 40px; */ color: #000; vertical-align: baseline; cursor: pointer; line-height: 1.5; font-family: Montserrat, sans-serif; font-weight: 600; line-height: 1.5; border-radius: 2px; } .word-details{ margin-top: 2rem; } .wordsdata .word-title { font-size: 15px; margin: 0px 0; /* margin-bottom: 40px; */ color: #000; vertical-align: baseline; cursor: pointer; line-height: 1.5; font-family: Montserrat, sans-serif; font-weight: 600; line-height: 1.5; background-color: var(--primary-color); padding: 10px 2rem; display: inline; } .wordsdata .wordsDetails { margin-left: 20px; line-height: 30px; letter-spacing: .3px; font-size: 13px; color: #585858; font-weight: 600; } .inner-dropdown { display: flex; justify-content: space-evenly; } .inner-dropdown li { list-style: none; padding: 5px 0; text-align: left; } .anchor_links { text-decoration: none; color: white; font-size: 13px; } .anchor_links:hover { text-decoration: underline !important; color: white; } @media (max-width:768px) { .inner-dropdown { flex-direction: column; } .wordsdata .wordsDetails { font-size: 12px; } .wordsdata .word-title { font-size: 14px !important; } .word-heading, .content_sub_heading { font-size: 14px; line-height: 25px; } .anchor_links { font-size: inherit !important; } }