#jp_category_main h1 {font-size:2.2em; font-family: 'Raleway', Helvetica, Arial; color:#333;} #jp_category_main h1 { border-bottom:2px solid #bbb; padding-bottom:.5em; text-align: center;} #jp_category_main h1 em { color:#274b04;} #jp_category_main h1.cat { color:#777;} #jp_category_main h1 small { font-size: .7em;} #jp_category_main h3 {font-size:1.5em; font-family: 'Raleway', Helvetica, Arial; color:#333; margin: 1em 0;} #jp_category_main .main-content-sec { display: flex; } #jp_category_main .left-main { max-width: 800px; width: 98%; margin-right: 1em;} #jp_category_main .right-sidebar { width: 300px; margin-top: 4.5em;} /* Fertured term */ #jp_category_main .category-trending { display: flex;} #jp_category_main .featured_term {max-width:550px; width: 100%;} #jp_category_main .featured_term .word_of_day_label { display: inline-block; background: #37570e; color: #fff; padding: .4em 1em; font-family: 'Raleway', Helvetica, Arial; } #jp_category_main .featured_term .word_of_day_label { margin-bottom: .5em; } #jp_category_main .featured_term { background: #fff; padding: 2em 2em; border:2px solid #ddd; box-shadow: 1px 1px 3px -1px rgba(0,0,0,0.35);} #jp_category_main .featured_term .cur_date { display: block; font-size: 1em; margin-top: 1em; color: #aaa; float: right; font-family: 'Raleway', Helvetica, Arial; } #jp_category_main .featured_term dt { font-family: 'Raleway', Helvetica, Arial; font-size:1.5em; color:#333;} #jp_category_main .featured_term dt h2 { display:inline; font-size:1.9em;} #jp_category_main .featured_term dd { font-size:.95em;} #jp_category_main .featured_term dd em { display:block; margin-bottom:1em; color:#61931E;} #jp_category_main .featured_term dd p { color:#555; margin-bottom:.5em;} #jp_category_main .featured_term dd p i { color:#888;} #jp_category_main a.wft-link:hover { text-decoration: none;} #jp_category_main .get-def { display: block; margin-top: 1.5em; font-size: .95em; color: #5c97b3; font-weight: bold;} /* trending */ #jp_category_main .trending-sec { margin: 0 0 0 2em; font-family: "Raleway", sans-serif;} #jp_category_main .trending-sec h6 { font-size: 1em; color: #444; } #jp_category_main .trending-sec ul { width: 400px; display: block; } #jp_category_main .trending-sec li { background: #c5c5c5; width: 100px; } #jp_category_main .trending-sec li:hover { width: 100% !important;} #jp_category_main .trending-sec li a:hover { background: #075c1c; text-decoration: none; color: #fff !important; } #jp_category_main .trending-sec li a { font-size: 1em; color: #444; white-space: nowrap; display: block; padding: .8em 1em; } #jp_category_main .trending-sec li a span { display: inline-block; margin-right: 1em; } #jp_category_main .trending-sec li.one { width: 95%; } #jp_category_main .trending-sec li.two { width: 80%; background: #c5c5c5; } #jp_category_main .trending-sec li.three { width: 70%; background: #ccc; } #jp_category_main .trending-sec li.four { width: 60%; background: #ddd; } #jp_category_main .trending-sec li.four a { color: #444; font-size: 1em;} #jp_category_main .trending-sec li.five { width: 50%; background: #e1e1e1; } #jp_category_main .trending-sec li.five a { color: #777; font-size: 1em;} #jp_category_main .trending-sec li.six { width: 40%; background: none; border: none; } #jp_category_main .trending-sec li.six a { color: #888; font-size: 1em;} #jp_category_main .trending-sec a.browse { float: right; font-weight: bold; color: #2E882D; font-size: .9em;} #jp_category_main .featured-video-sec { margin: 0 1em; } #jp_category_main .featured-video-sec a.more-videos { float: right; font-weight: bold; color: #2E882D; font-size: .9em; } /*word preview*/ .words-preview .item { background:#fff; border:1px solid #ccc; padding:1px; margin-bottom:1.2em; } .words-preview .item {box-shadow: 0px 1px 4px rgba(50, 50, 50, 0.3); width:48%; } .words-preview .item a:hover { text-decoration:none;} .words-preview .item img { width:100%;} .words-preview .item .text-sec { padding:1em .5em;} .words-preview .item .text-sec h5 { font-size:1.2em; color: #497E32; margin-bottom:1em; font-family: 'Roboto', Helvetica, Arial;} .words-preview .item .text-sec p { font-size:.8em; color:#666; line-height:1.5em;} .words-preview .item .text-sec p em { display:block; margin-bottom:.5em; color:#777; font-size:.9em;} .words-preview .item span.link { background:#f1f1f1; padding:.5em 1em; text-align: right; font-size:.76em; color: #095B8C; display:block;} /*Define it here*/ #jp_category_main .add_word_master_sec { border:4px solid #2b8040; border-left: none; border-right: none; background: #333; margin: 0;} #jp_category_main .add_word_master_sec .item { width: 100%; max-width: 90%; } #jp_category_main .add_word_sec_br { display: none;} #jp_category_main .add_word_master_sec .add-word { background: #333; padding: 2em 1em; text-align: center; display: table;} #jp_category_main .add_word_master_sec .add-word hgroup { display: table-cell; vertical-align: middle;} #jp_category_main .add_word_master_sec .add-word h6 { font-size:.9em; color:#aaa; margin-bottom:.5em;} #jp_category_main .add_word_master_sec .add-word h2 { font-size:1.5em; color:#ccc; font-family: "Raleway", sans-serif;} #jp_category_main .add_word_master_sec .add-word h2 a { text-decoration:underline; color: #8abd48; display: inline-block; margin-top: 0.3em;} /* quiz-sec --------------------------------------*/ #jp_category_main .quiz-sec { padding: 1em 0;} #jp_category_main .quiz-sec .content { display: flex; justify-content: space-between; } #jp_category_main .quiz-sec .content a.item { display: block; width: 48%; background: #fff; border: 1px solid #ddd; border-radius: 15px;} #jp_category_main .quiz-sec .content a.item:hover { text-decoration: none;} #jp_category_main .quiz-sec .content .item img { display: block; width: 100%; } #jp_category_main .quiz-sec .content .item em { font-size: 1.3em; display: block; margin: 1em 1em 1em 1em; color: #444; } #jp_category_main .quiz-sec .content .item p { font-size: .9em; color: #777; margin: 0 1em; line-height: 1.7em;} #jp_category_main .quiz-sec .content .item span.play { font-size: 1em; margin: 1.5em 1em; display: block; color: #cb1913; } #jp_category_main .view-all { margin: 1em auto 0 auto; display: block; font-size: .8em; color: #fff; width: 100%; max-width: 120px;} #jp_category_main .view-all { background: #1a68b0; padding: .8em 1em; text-align: center; border-radius: 15px;} #jp_category_main .post-listing { background: #fcfcfc; padding: 1em;} #jp_category_main .post-listing a.article { border-bottom:1px solid #ddd; margin-bottom:1em; display: flex; } #jp_category_main .post-listing a.article .img_sec { width:150px; min-width: 150px; margin-right: 1em; } #jp_category_main .post-listing a.article .img_sec img { width:100%;} #jp_category_main .post-listing a.article .text span.title { font-size:1.4em; color: #346b11; font-family: "Raleway", sans-serif;} #jp_category_main .post-listing a.article .text p { margin:1em 0; font-size:.79em; color:#444; line-height:1.7em;/* font-family: Helvetica, Arial;*/} #jp_category_main .post-listing a.article .text .summary { color: #444;} #jp_category_main .post-listing a.article .text .more { font-size:.8em; color: #4aafdd;} #jp_category_main .post-listing a.article:hover { text-decoration:none;} /* browse category */ #jp_category_main aside .categories { background: #ddd; padding: 1em;} #jp_category_main aside .categories h4 {font-size: 1.2em; color: #444;} #jp_category_main aside .categories li { font-size: .9em; margin-bottom: 0.5em;} #jp_category_main aside .categories li a { color: #444;} #jp_category_main aside .categories .all { float: right; font-size: .85em; color: #095B8C; } /*-------------------------------------------------------- Medium Screen ---------------------------------------------------------*/ @media screen and (max-width: 850px) { #jp_category_main h1 {font-size:1.8em; } #jp_category_main .category-trending { display: block;} #jp_category_main .featured_term {max-width:550px; width: 80%; margin: 0 auto 2em auto; } #jp_category_main .trending-sec { margin: 2em auto 1em auto; max-width: 450px; width: 90%; } #jp_category_main .trending-sec ul { width: 370px; } #jp_category_main .main-content-sec { display: block; } #jp_category_main .left-main { margin-right:0;} #jp_category_main .left-main .latest, #jp_category_main .left-main .quiz-sec { padding: 1em;} #jp_category_main .main-content-sec .trending_blog_sec h3 { margin-left: 1em;} #jp_category_main .right-sidebar { width: 98%; margin-top: 1em;} } @media screen and (max-width: 600px) { /* Alphabet list*/ .dictionary-alphabet { display:none;} .dictionary-alphabet li.popular { width:70px;} .dictionary-alphabet li { width:35px; margin-bottom:1.2em; font-size:1em; } /*word preview*/ .words-preview .item { width:47%; max-width: 450px; } } @media screen and (max-width: 577px) { #jp_category_main .featured_term dt h2 { font-size:1.4em;} /* #homepage { margin: 2em 0 1em 0; max-width: 400px; width: 90%; display: none;} #homepage .other.trending-sec ul { width: 350px; } */ }