.body-sec { max-width:100%; margin-left:auto; margin-right:auto; } .jp-inner { max-width:1070px; width:90%; margin:0 auto; font-family: "Roboto", serif; } .jp-inner.full { width:95%; } #browse-dictionary h1 { font-family: 'Raleway', Helvetica, Arial; font-size: 1.8em; text-align: center; padding: 0 0 .5em 0; border-bottom: 1px solid #bbb;} #browse-dictionary h1 { color: #aaa;} #browse-dictionary h2 { font-family: 'Raleway', Helvetica, Arial; margin: 1em 0; font-size: 1.8em;} #browse-dictionary a.jp_view_all { display: block; width: 120px; margin: 0 auto; background: #444; font-size: .8em; color: #fff; text-align: center; } #browse-dictionary a.jp_view_all { border-radius: 10px; border: 1px solid #666; padding: .6em 1em; background: #333; } #browse-dictionary a.jp_view_all.green { border: 1px solid #46A045; padding: .6em 1em; background: #2E882D;} #browse-dictionary a.jp_view_all:hover { background: #1a68b0; text-decoration: none;} /* top-sec */ #browse-dictionary .top-sec-outer { } #browse-dictionary .intro-sec { display: flex; } #browse-dictionary .content-sec {max-width:700px; width: 100%; } #browse-dictionary .latest_terms { background: #fff; padding: 2em 2em; border:2px solid #ddd; box-shadow: 1px 1px 3px -1px rgba(0,0,0,0.35);} #browse-dictionary .latest_terms h4 { display: inline-block; background: #37570e; color: #fff; padding: .4em 1em; font-family: 'Raleway', Helvetica, Arial; margin-bottom: 2em;} #browse-dictionary .latest_terms .more { float: right; font-size: .8em; color: #1a68b0;} #browse-dictionary .latest_terms li { border-bottom: 1px solid #eee; margin-bottom: 1.5em;} #browse-dictionary .latest_terms li a { color: #444; display: flex; justify-content: space-between; padding-bottom: 0.5em;} #browse-dictionary .latest_terms li a:hover { text-decoration: none; background: #f2f2f2;} #browse-dictionary .latest_terms li a .left {} #browse-dictionary .latest_terms li a .left em { font-size: 1.2em; margin-right: .5em; color: #3a8633;} #browse-dictionary .latest_terms li a .left small { font-size: .7em; color: #aaa;} #browse-dictionary .latest_terms li a .right { font-size: .7em; color: #aaa;} #browse-dictionary .latest_terms li:first-child .left em { font-size: 1.8em; color: #126e09;} #browse-dictionary .latest_terms li:first-child .left small { color: #777; } #browse-dictionary .latest_terms li:last-child .left em { font-size: .9em;} /* trending */ #browse-dictionary .trending-sec { margin: 0 0 0 2em; font-family: "Raleway", sans-serif;} #browse-dictionary .trending-sec h3 { font-size: 1.3em; margin-bottom: 1em; color: #555;} #browse-dictionary .trending-sec ul { width: 400px; display: block; } #browse-dictionary .trending-sec li { background: #c5c5c5; width: 100px; } #browse-dictionary .trending-sec li:hover { width: 100% !important;} #browse-dictionary .trending-sec li a:hover { background: #075c1c; text-decoration: none; color: #fff !important; } #browse-dictionary .trending-sec li a { font-size: 1.1em; color: #222; white-space: nowrap; display: block; padding: .8em 1em; } #browse-dictionary .trending-sec li a span { display: inline-block; margin-right: 1em; } #browse-dictionary .trending-sec li.one { width: 95%; } #browse-dictionary .trending-sec li.two { width: 80%; background: #c5c5c5; } #browse-dictionary .trending-sec li.three { width: 70%; background: #ccc; } #browse-dictionary .trending-sec li.four { width: 60%; background: #ddd; } #browse-dictionary .trending-sec li.four a { color: #444; font-size: 1em;} #browse-dictionary .trending-sec li.five { width: 50%; background: #e1e1e1; } #browse-dictionary .trending-sec li.five a { color: #888; font-size: 1em;} #browse-dictionary .trending-sec li.six { width: 40%; background: none; border: none; } #browse-dictionary .trending-sec li.six a { color: #888; font-size: 1em;} #browse-dictionary .trending-sec a.browse { float: right; font-weight: bold; color: #4a6420; font-size: .9em;} /* browse categories */ #browse-dictionary .browse_category h2, #browse-dictionary .latest_quizzes h2 { color: #fff;} #browse-dictionary .browse_category { background: #244625; padding: 1em 0;} #browse-dictionary .browse_category .category-preview { background: #0b2e07; border: 1px solid #316633; padding: 1.5em; } /* browse quizzes */ #browse-dictionary .latest_quizzes { background: #555; padding: 1em;} #browse-dictionary .latest_quizzes .category-preview { background: #333; border-color: #555; } /*Categories*/ #browse-dictionary .category-preview { display: flex; flex-wrap: nowrap; width: auto; overflow-x: auto; border: 1px solid #ddd; padding: 1em;} #browse-dictionary .category-preview { background: #ddd;} .category-preview::-webkit-scrollbar { display: none;} #browse-dictionary .category-preview .item { flex:0 0 150px; margin-right: 1em; background:#fff; border: 1px solid #ddd; display: block;} #browse-dictionary .category-preview .item.df { background:#fff; border: 1px solid #ddd; width:200px; } #browse-dictionary .category-preview .item.df { box-shadow: 0px 1px 4px rgba(50, 50, 50, 0.3);} #browse-dictionary .category-preview .item img { width: 100%;} #browse-dictionary .category-preview .item.df em { font-size:1.1em; text-align:center; color:#274b04; padding:1em 0; display: block;} #browse-dictionary .category-preview .item.df em small { font-size:.75em; color:#555;} #browse-dictionary .category-preview .item.df a:hover { text-decoration:none; background: #222;} #browse-dictionary .categories a.load-more { flex: 0 0 130px; align-self: center;} #browse-dictionary .categories a.load-more { color:#fff; background:#666; text-align:center; font-size:.8em; padding:.5em;} #browse-dictionary .categories a.load-more:hover { text-decoration:none; background:#360;} #browse-dictionary .categories .loading { align-self: center; display: none;} #browse-dictionary .latest_quizzes #quiz-view .item.q { flex:0 0 250px; margin-right: 1.5em; } #browse-dictionary .latest_quizzes #quiz-view .item.q:hover { text-decoration: none; } #browse-dictionary .latest_quizzes #quiz-view .item.q img { height: 200px; object-fit: cover;} #browse-dictionary .latest_quizzes #quiz-view .item.q em { font-size: 1.2em; display: block; margin: 1em 1em 1em 1em; color: #444; } #browse-dictionary .latest_quizzes #quiz-view .item.q span.play { font-size: .9em; margin: 1.5em 1em; display: block; color: #cb1913; } /* Arrow nan */ #browse-dictionary .categories:hover .horizontal_arrow_con {display: block;} #browse-dictionary .horizontal_arrow_con { position: relative; display: none; height: 0;} #browse-dictionary .horizontal_arrow_con .arrow { font-size: 3em; background: #444; border: 1px solid #ccc; text-align: center; color: #fff; top: 100px;} #browse-dictionary .horizontal_arrow_con .arrow { box-shadow: 0px 1px 4px rgba(50, 50, 50, 0.3); width: 40px; height: 60px; display: block; position: absolute;} #browse-dictionary .horizontal_arrow_con .arrow.left {} #browse-dictionary .horizontal_arrow_con .arrow.right {right: 0;} /* Phasebook section */ #browse-dictionary #phrases-preview .item { padding: 1em; flex:0 0 110px; } #browse-dictionary .dictionary-sec .nothing-found { font-size:1em; color:#666;} /*Define it here*/ #browse-dictionary .add_word_master_sec { border:4px solid #2b8040; border-left: none; border-right: none; background: #333; margin: 0;} #browse-dictionary .add_word_master_sec .item { width: 100%; max-width: 90%; } #browse-dictionary .add_word_sec_br { display: none;} #browse-dictionary .add_word_master_sec .add-word { background: #333; padding: 2em 1em; } #browse-dictionary .add_word_master_sec .add-word hgroup { display: table-cell; vertical-align: middle; display: block; } #browse-dictionary .add_word_master_sec .add-word h6 { font-size:.9em; color:#aaa; margin-bottom:.5em; text-align: center; } #browse-dictionary .add_word_master_sec .add-word h2 { font-size:1.5em; color:#ccc; font-family: "Raleway", sans-serif; text-align: center; } #browse-dictionary .add_word_master_sec .add-word h2 a { text-decoration:underline; color: #8abd48; display: inline-block; margin-top: 0.3em;} /*Translator Demo -----------------------------------------*/ #browse-dictionary .translator-demo-sec-bg {background: #244625; } #browse-dictionary .translator-demo-sec { padding: 3em 1em 2em 1em; } #browse-dictionary .translator-demo-sec hgroup { text-align: center; color: #fff;} #browse-dictionary .translator-demo-sec hgroup h6{ font-size: .9em; margin-bottom: 1em; color: #ccc;} #browse-dictionary .translator-demo-sec hgroup h4 { font-size: 1.7em; font-family: "Raleway", sans-serif;} #browse-dictionary .translator-demo-sec input#translator_demo_text { max-width: 650px; width: 95%; margin: 1em auto; display: block; border-radius: 5px; font-size: .9em;} #browse-dictionary .translator-demo-sec input#translator_demo_text { height: 30px; padding: .4em; text-align: center;} #browse-dictionary .translator-demo-sec a#translator_demo_link { border-radius: 5px; border: 1px solid #46A045; padding: .6em 1em; background: #2E882D; } #browse-dictionary .translator-demo-sec a#translator_demo_link { color: #fff; max-width: 100px; width: 100%; text-align: center; font-family: "Trebuchet MS", Helvetica, sans-serif; font-size: .8em; display: block; margin: 1em auto;} /* posts */ #browse-dictionary .post-listing { background: #fcfcfc; padding: 1em;} #browse-dictionary .post-listing a.article { border-bottom:1px solid #ddd; margin-bottom:1em; display: flex; } #browse-dictionary .post-listing a.article .img_sec { width:150px; min-width: 150px; margin-right: 1em; } #browse-dictionary .post-listing a.article .img_sec img { width:100%;} #browse-dictionary .post-listing a.article .text span.title { font-size:1.4em; color: #346b11; font-family: "Raleway", sans-serif;} #browse-dictionary .post-listing a.article .text p { margin:1em 0; font-size:.79em; color:#444; line-height:1.7em;/* font-family: Helvetica, Arial;*/} #browse-dictionary .post-listing a.article .text .summary { color: #444;} #browse-dictionary .post-listing a.article .text .more { font-size:.8em; color: #4aafdd;} #browse-dictionary .post-listing a.article:hover { text-decoration:none;} /* academy */ #browse-dictionary .join-academy { background: #ddd; padding: 2em 1em; } #browse-dictionary .join-academy .jp-inner {display: flex; align-items: center; justify-content: space-between; } #browse-dictionary .join-academy p { width: 90%; font-size: 1em; } #browse-dictionary .join-academy p em { font-weight: bold; display: inline-block; font-family: "Raleway", sans-serif; color: #444; font-size: 1.2em; margin-bottom: .5em;} #browse-dictionary .join-academy a { display: block; font-size: 1em; background: #444; color: #fff; padding: 1em; width: 240px; margin-left: 2em;text-align: center; font-weight: bold; border-radius: 25px; } #browse-dictionary .join-academy a:hover { text-decoration: none; background: #1a68b0;} #browse-dictionary .join-academy small { color: #666;} @media screen and (max-width: 800px) { /*Word of the Day ------------------------------*/ #browse-dictionary .intro-sec { display: block;} #homepage .wft-day-container {max-width:950px; width: 100%;} /* trending */ #browse-dictionary .trending-sec { margin: 2em auto 1em auto; max-width: 450px; width: 90%; } #browse-dictionary .trending-sec ul { width: 370px; } /* patwah-academy-sec -----------------------------------------*/ #browse-dictionary .join-academy .jp-inner { display: block; align-items: center; justify-content: space-between; } #browse-dictionary .join-academy p { margin-bottom: 2em; text-align: center;} #browse-dictionary .join-academy p em { margin-bottom: .7em; } #browse-dictionary .join-academy a { margin: 0 auto; } /*Word of the Day*/ /* #homepage .wft-day { padding: 2em 1em; } #homepage .wft-day dt {font-size:2em;} #homepage .wft-day dt h2 { font-size:1.2em;} #homepage .wft-day dd { font-size:.9em;} */ /* trending --------------------------------------*/ /* #homepage .trending-sec ul { width: 370px; display: block; } */ /* quiz-sec --------------------------------------*/ /* #homepage .quiz-sec .content { display: block; } #homepage .quiz-sec .content a.item { display: block; width: 90%; margin-bottom: 2em;} */ /* download-app-sec --------------------------------------*/ #homepage .download-app-sec .item { width: 90%;} #homepage .download-app-sec .item img { width: 100%; display: block;} #homepage .download-app-sec .item em { display: block; font-size: 1.3em; margin-bottom: 1em; text-align: center;} #homepage .download-app-sec .item p { font-size: .9em; color: #555; margin-bottom: 1em; text-align: center; display: block;} #homepage .download-app-sec .item a.btn { width: 200px; margin: 0 auto; display: block; } #homepage .download-app-sec .item a.btn img { width: 100%;} } /*-------------------------------------------------------- Medium Screen ---------------------------------------------------------*/ /*@media screen and (min-width: 760px) and (max-width: 800px) { #browse-dictionary .category-preview .item {width:30%; } }*/ @media screen and (max-width: 880px) { /* #browse-dictionary .dictionary-sec { float: none; } #browse-dictionary .dictionary-sec-inner {margin-right:0; padding:0; } #browse-dictionary .dictionary-sec h2, h1 {font-size:2em; padding-left: .5em;} #browse-dictionary .dictionary-sec .col { width:28%; } */ } @media screen and (max-width: 600px) { #browse-dictionary h1 { font-size: 1.5em;} #browse-dictionary h2 { font-size: 1.5em;} /* posts */ #browse-dictionary .post-listing { } #browse-dictionary .post-listing a.article { display: block; } #browse-dictionary .post-listing a.article .img_sec { width:100%; height: 100%; height: 150px; max-width: 350px; margin: 0 auto 1em auto; } #browse-dictionary .post-listing a.article .img_sec img { width:100%; height: 100%; object-fit: cover;} #browse-dictionary .post-listing a.article .text { max-width: 350px; width: 100%; margin: 0 auto; } #browse-dictionary .post-listing a.article .text span.title { font-size:1.4em; color: #346b11; font-family: "Raleway", sans-serif;} #browse-dictionary .post-listing a.article .text span.title { display: block; text-align: center;} #browse-dictionary .post-listing a.article .text p { display: none;} #browse-dictionary .post-listing a.article .text .more { display: none;} /* Alphabet list*/ /* .dictionary-alphabet li.popular { width:70px;} .dictionary-alphabet li { width:35px; margin-bottom:1.2em; font-size:1em; } */ /* Sidebar */ /* #browse-dictionary aside { flex-direction: column; flex-wrap: wrap; } #browse-dictionary aside .item.article { flex: 1; margin-right: 0;} */ } @media screen and (max-width: 560px) { /*most popular*/ /* #browse-dictionary .dictionary-sec .col { width:41%; margin-right: .3em;} #browse-dictionary .dictionary-sec .col.latest_terms { margin-right: 0;} #browse-dictionary .dictionary-sec .col.fav { display: none;} #browse-dictionary .dictionary-sec .col ul li a { font-size:.85em; } */ } /*-------------------------------------------------------- Small Screen ---------------------------------------------------------*/ @media screen and (max-width: 420px) { /* #browse-dictionary .dictionary-sec h2, h1 {font-size:1.7em;} */ } @media screen and (max-width: 480px) { /*#browse-dictionary .category-preview .item {width:45%; }*/ /* #browse-dictionary .category-preview .item h4 { font-size:.95em; } */ } /*-------------------------------------------------------- Medium Screen ---------------------------------------------------------*/