CINXE.COM

<!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml" lang="en"> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="google" content="notranslate" /> <title> The Hindu Crossword+ </title> <meta name="title" content="Crossword, Crossword Puzzles Online, Crossword Games- Daily crossword from The Hindu" /> <meta name="atdlayout" content="homepage"/> <meta name="description" content="Test your word knowledge with The Hindu crossword puzzles, solve online crosswords, crossword puzzles, crossword puzzle maker, crossword clue, crossword game, easy crossword puzzles, crossword solver, anagrams etc."/> <meta name="keywords" content="Crossword,Crosswords,Crossword Puzzles,Crossword solver,Crossword puzzle maker,Crossword clue,Crossword games,Easy crossword puzzles,Anagrams,Solutionist,Enigmatologist,Cruciverbalist"> <meta name="twitter:title" content="The Hindu Crossword+"> <meta name="twitter:description" content="The Hindu Crossword+"> <meta name="twitter:image" content="https://crossword.thehindu.com/images/crossword-logos/og-image.jpg"> <meta name="twitter:card" content="summary_large_image"/> <meta name="twitter:site" content="@The_Hindu"/> <meta name="twitter:domain" content="crossword.thehindu.com"/>  <meta property="fb:app_id" content="137450626398044"/> <meta property="fb:pages" content="163974433696568" /> <meta property="og:site_name" content="The Hindu Crossword+"/> <meta property="og:url" content="https://crossword.thehindu.com/" /> <meta property="og:type" content="website" /> <meta property="og:title" content="The Hindu Crossword+" /> <meta property="og:description" content="The Hindu Crossword+" /> <meta property="og:image" content="https://crossword.thehindu.com/images/crossword-logos/og-image.jpg" /> <link rel="icon" type="image/ico" href="https://crossword.thehindu.com/favicon.ico"/> <link rel="shortcut icon" type="image/x-icon" href="https://crossword.thehindu.com/favicon.ico"/> <link rel="apple-touch-icon" href="https://crossword.thehindu.com/apple-touch-icon.png"/> <link rel="apple-touch-icon-precomposed" href="https://crossword.thehindu.com/apple-touch-icon-precomposed.png"/>   <link href="https://crossword.thehindu.com/css/bootstrapV3.min.css?20250222185022" rel="stylesheet"> <link href="https://crossword.thehindu.com/css/fontawesome.min.css" rel="stylesheet"> <link href="https://fonts.googleapis.com/css?family=Fira+Sans:400,600" rel="stylesheet"> <link href="https://crossword.thehindu.com/css/font-awesome.min.css" rel="stylesheet" type="text/css" media="all"> <link href="https://crossword.thehindu.com/css/magnific-popup.min.css" rel="stylesheet" type="text/css" media="all"> <link href="https://crossword.thehindu.com/css/owl.carousel.min.css" rel="stylesheet" type="text/css" media="all"> <link href="https://crossword.thehindu.com/css/style.css?20250222185022" rel="stylesheet"> <link href="https://d2r1yp2w7bby2u.cloudfront.net/js/a.js" rel="dns-prefetch"> <link href="https://d2r1yp2w7bby2u.cloudfront.net/js/a.js" rel="preconnect"> <link href="https://wzrkt.com" rel="dns-prefetch"> <link href="https://wzrkt.com" rel="preconnect"> <script> if(!(window.fetch&&window.Promise&&[].includes&&Object.assign&&window.Map)){ document.write('<script src="https://cdn.polyfill.io/v2/polyfill.min.js?features=default,fetch"></scr'+'ipt>'); } </script> <script>(function(src) { var a = document.createElement("script"); a.type = "text/javascript"; a.async = true; a.src = src; var b = document.getElementsByTagName("script")[0]; b.parentNode.insertBefore(a, b) })("https://experience.tinypass.com/xbuilder/experience/load?aid=DC3REpZYpu"); tp = window["tp"] || [];</script> <script async type="text/javascript" src="https://csm.cxpublic.com/THG.js"> </script> <script type="text/javascript" data-cfasync="false"> var thgCookieConsent = new Promise(function(resolve, reject) { let script = document.createElement('script'); script.src = "https://consent.truste.com/notice?domain=hindugroup.com&c=teconsent&gtm=1&pcookie&js=nj&noticeType=bb&privacypolicylink=https%3A%2F%2Fwww.thehindugroup.com%2Fprivacy.html"; script.async = true; script.onload = function(){ resolve(script); } script.onerror =function(){ resolve(script); } document.head.append(script); }); </script> <script type="text/javascript" data-cfasync="false"> (function() { const makeStub = () => { const TCF_LOCATOR_NAME = '__tcfapiLocator'; const TCF_LOCATOR_ID = '__tcfapiTrustarc'; const queue = []; let win = window; let cmpFrame; function addFrame() { const doc = win.document; const otherCMP = !!(win.frames[TCF_LOCATOR_NAME]); if (!otherCMP) { if (doc.body) { const iframe = doc.createElement('iframe'); iframe.name = TCF_LOCATOR_NAME; iframe.style.display = 'none'; iframe.id = TCF_LOCATOR_ID; iframe.src = 'https://trustarc.mgr.consensu.org/asset/cmpcookie.v2.html'; doc.body.appendChild(iframe); } else { setTimeout(addFrame, 5); } } return !otherCMP; } function tcfAPIHandler(...args) { let gdprApplies; if (!args.length) { /** * shortcut to get the queue when the full CMP * implementation loads; it can call tcfapiHandler() * with no arguments to get the queued arguments */ return queue; } else if (args[0] === 'setGdprApplies') { /** * shortcut to set gdprApplies if the publisher * knows that they apply GDPR rules to all * traffic (see the section on "What does the * gdprApplies value mean" for more */ if (args.length > 3 && parseInt(args[1], 10) === 2 && typeof args[3] === 'boolean') { gdprApplies = args[3]; if (typeof args[2] === 'function') { args[2]('set', true); } } } else if (args[0] === 'ping') { /** * Only supported method; give PingReturn * object as response */ const retr = { gdprApplies: gdprApplies, cmpLoaded: false, cmpStatus: 'stubCMP', apiVersion: '2.0' }; if (typeof args[2] === 'function') { args[2](retr, true); } } else { /** * some other method, just queue it for the * full CMP implementation to deal with */ queue.push(args); } } function postMessageEventHandler(event) { const msgIsString = typeof event.data === 'string'; let json = {}; try { /** * Try to parse the data from the event. This is important * to have in a try/catch because often messages may come * through that are not JSON */ if (msgIsString) { json = JSON.parse(event.data); } else { json = event.data; } } catch (ignore) {} const payload = json.__tcfapiCall; if (payload) { window.__tcfapi( payload.command, payload.version, function(retValue, success) { let returnMsg = { __tcfapiReturn: { returnValue: retValue, success: success, callId: payload.callId, }, }; if (msgIsString) { returnMsg = JSON.stringify(returnMsg); } event.source.postMessage(returnMsg, '*'); }, payload.parameter ); } } /** * Iterate up to the top window checking for an already-created * "__tcfapilLocator" frame on every level. If one exists already then we are * not the master CMP and will not queue commands. */ while (win) { try { if (win.frames[TCF_LOCATOR_NAME]) { cmpFrame = win; break; } } catch (ignore) {} // if we're at the top and no cmpFrame if (win === window.top) { break; } // Move up win = win.parent; } if (!cmpFrame) { // we have recur'd up the windows and have found no __tcfapiLocator frame addFrame(); win.__tcfapi = tcfAPIHandler; win.addEventListener('message', postMessageEventHandler, false); } }; makeStub(); }()); </script> <script type="text/javascript" data-cfasync="false"> function readCookie(name) { var nameEQ = name + "="; var ca = document.cookie.split(';'); for (var i = 0; i < ca.length; i++) { var c = ca[i]; while (c.charAt(0) == ' ') c = c.substring(1, c.length); if (c.indexOf(nameEQ) == 0) return c.substring(nameEQ.length, c.length); } return null; } var thg={required:!0,functional:!1,advertising:!1,requiredCookie:function(){return thg.required},functionalCookie:function(){return thg.functional},advertisingCookie:function(){return thg.advertising}};thgCookieConsent.then(function(){var constentbehavior=readCookie("notice_behavior"),cookieconsent=readCookie("cmapi_cookie_privacy");null==cookieconsent&&null!=constentbehavior&&-1==constentbehavior.indexOf("eu")?(thg.functional=!0,thg.advertising=!0):null!==cookieconsent?(cookieconsent.indexOf("permit")>-1&&cookieconsent.indexOf("2")>-1&&(thg.functional=!0),cookieconsent.indexOf("permit")>-1&&cookieconsent.indexOf("3")>-1&&(thg.advertising=!0)):null==constentbehavior&&(thg.functional=!0,thg.advertising=!0);});</script> <script type="text/javascript" crossorigin src='//consent.trustarc.com/notice?domain=hindugroup.com&text=true&pcookie&gtm=1&js=nj&noticeType=bb' data-cfasync="false"></script> <script async type="text/javascript" src="https://www.thehindu.com/theme/js/thgevnt.min.js?ver=15042022"> </script> <script> function baseURL(){ return "https://crossword.thehindu.com/"; } function baseTHURL(){ return "https://crossword.thehindu.com/"; } var siteId=""; </script> <script type="text/javascript" src="https://crossword.thehindu.com/js/jquery-3.4.1.min.js"></script> <script type="text/javascript" src="https://crossword.thehindu.com/js/jquery.sticky.min.js"></script>  <script type="text/javascript" src="https://crossword.thehindu.com/js/bootstrapv3.min.js"></script> <script type="text/javascript" src="https://crossword.thehindu.com/js/jquery.magnific-popup.min.js"></script> <script type="text/javascript" src="https://crossword.thehindu.com/js/owl.carousel.min.js"></script> <script type="text/javascript" src="https://crossword.thehindu.com/js/scripts2.js?20250222185022"></script> <script type="text/javascript" src="https://crossword.thehindu.com/js/require.min.js"></script>  <script> if(thg.functionalCookie()){ (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){ (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o), m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m) })(window,document,'script','//www.google-analytics.com/analytics.js','ga'); ga('create', 'UA-10158580-38', 'auto'); } </script> <script type="text/javascript"> if(thg.functionalCookie()){ var clevertap = {event:[], profile:[], account:[], onUserLogin:[], notifications:[], privacy:[]}; clevertap.account.push({"id": "R9K-5K8-965Z"}); clevertap.privacy.push({optOut: false}); //set the flag to true, if the user of the device opts out of sharing their data clevertap.privacy.push({useIP: true}); //set the flag to true, if the user agrees to share their IP data (function () { var wzrk = document.createElement('script'); wzrk.type = 'text/javascript'; wzrk.async = true; wzrk.src = ('https:' == document.location.protocol ? 'https://d2r1yp2w7bby2u.cloudfront.net' : 'http://static.clevertap.com') + '/js/a.js'; var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(wzrk, s); })(); } </script>   <script type='text/javascript'> if(thg.advertisingCookie()){ window._tfa = window._tfa || []; window._tfa.push({notify: 'event', name: 'page_view', id: 1179651}); !function (t, f, a, x) { if (!document.getElementById(x)) { t.async = 1;t.src = a;t.id=x;f.parentNode.insertBefore(t, f); } }(document.createElement('script'), document.getElementsByTagName('script')[0], '//cdn.taboola.com/libtrc/unip/1179651/tfa.js', 'tb_tfa_script'); } </script> <noscript> <img src='//trc.taboola.com/1179651/log/3/unip?en=page_view' width='0' height='0' style='display:none'/> </noscript>   <script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); })(window,document,'script','dataLayer','GTM-PPPPHNQV');</script>  <script type="text/javascript"> var utm_params = window.location.search.match(/utm_[a-z0-9=]*/ig); window.addEventListener("click", function(e) { var utms =window.location.search.match(/utm_[a-z0-9=]*/ig); var href = e.target.getAttribute("href"); if(href == null && e.target.closest("a")){ href = e.target.closest("a").getAttribute("href"); } if(href && utms) { location.href =href + (href.includes("?") ? "&" : "?" ) + utms.join("&") ; e.preventDefault(); } }); </script> </head> <body class="cwWordSeries">  <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-PPPPHNQV" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>  <link href="https://crossword.thehindu.com/css/responsive.css?20250222185022" rel="stylesheet" type="text/css" media="all"> <style> /* Font Family */ body { font-family: 'Muli', sans-serif; } h5.sidemenu-title { font-weight: 600 !important; font-size: 1.25rem !important; } * { -webkit-overflow-scrolling: touch; } html { scroll-behavior: smooth; } a{ cursor:pointer; } .nopad { padding: 0; } .progressbar{ display:none; } #resetsubmit{ background-color:#310a8a !important; border-radius:25px; } .myHeader{ background:#fff; margin: 3px 0; } .thsubscription .select2-container { display: block; width: 100% !important; } div#personalinfo{ margin-bottom:15px; } .cwplanpad .planpagecw{ margin-top: 20px !important; } .signuploginmodal a, .subscriptlist, .signuploginmodal label, .signuploginmodal input:not([type="checkbox"]), p.termscondtion, .signuploginmodal p, i.showpassword{ font-family: Fira Sans !important; color: #310a8a !important; } .signuploginmodal button{ font-family: Fira Sans !important; } .cwCustomoverlay{ overflow:hidden; background:#ccc; } div#logo-crossword>a { display: block; margin: 0 auto; width: 480px; } .page-wrapper { position: relative; width: 100%; height: 100%; /*overflow: hidden; overflow-y: auto;*/ webkit-box-shadow: -2px 13px 22px -11px rgba(0,0,0,0.75); -moz-box-shadow: -2px 13px 22px -11px rgba(0,0,0,0.75); box-shadow: -2px 13px 22px -24px rgba(0,0,0,0.75); } .top-nav { position: relative; top: 0; left: 0; right: 0; width: 100%; float:left; background: #fff; box-shadow: 0 0 10px 1px rgba(0, 0, 0, 0.1); z-index:1; } #sso-signin { max-width: 110px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; padding-left: 0; display: inline-block; cursor: default; color: #000; position: relative; top: 5px; padding-right: 5px; } .top-nav.affix{ position: -webkit-sticky; z-index:99999; top: 0; left: 0; width: 100%; } .top-nav.affix .toggler-container{ padding:10px; } .top-nav .toggler-container { position: relative; width: 100%; padding: 12px 15px; float: left; } .top-nav .toggler-container .hamburger { width: 34px; height: auto; background: transparent; border: none; cursor: pointer; display: flex; flex-direction: row; flex-wrap: wrap; justify-content: flex-start; align-items: center; position: absolute; top: 0.7em; left:1.3em; } .top-nav .toggler-container .hamburger.hamCross{ top: 0.7em; left:1em; } .top-nav .toggler-container .hamburger div { color: #310a8a; } .top-nav .toggler-container .hamburger:focus { outline: none; } .top-nav .toggler-container .hamburger:hover { transition: all 0.2s ease-in-out; } .top-nav .toggler-container .hamburger:hover .line:nth-child(1) { width: 100%; } .top-nav .toggler-container .hamburger:hover .line:nth-child(2) { width: 100%; } .top-nav .toggler-container .hamburger:hover .line:nth-child(3) { width: 100%; } .top-nav .toggler-container .hamburger .line { transition: all 0.2s ease-in-out; height: 2px; margin: 2px 0; border-radius: 5px; background: #000; } .hamCwCloseText { font-size: 8px; color: #000; font-weight: 700; position: relative; bottom: 3px; } .hamCwClose{ top: 6px; } .top-nav .toggler-container .hamburger .line:nth-child(1) { width: 100%; } .top-nav .toggler-container .hamburger .line:nth-child(2) { width: 100%; } .top-nav .toggler-container .hamburger .line:nth-child(3) { width: 100%; } .top-nav .toggler-container .hamCross .line:nth-child(1) { -webkit-transform: rotate(-46deg) translate(-6px, 4px); transform: rotate(-46deg) translate(-6px, 4px); } .top-nav .toggler-container .hamCross .line:nth-child(2) { opacity: 0; } .top-nav .toggler-container .hamCross .line:nth-child(3) { -webkit-transform: rotate(43deg) translate(-3px, -3px); transform: rotate(43deg) translate(-4px, -3px); } .toggler-container .logo { padding: 0; } .DeskLogo { width: 356px !important; height: auto !important; } .subscribeDiv{ text-align:right; top:4px; padding: 0; } .subscribeDiv a .fa-user { padding: 0px 15px; color: #310a8a; } .subscribeDiv a.cwSubBtn { padding: 3px 15px 5px; border-radius: 15.5px; background-color: #310a8a; color: #fff; font-size: 12px; } /*sidenav*/ body::-webkit-scrollbar { width: 1em; } body::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3); } body::-webkit-scrollbar-thumb { background-color: darkgrey; outline: 1px solid slategrey; } /*right nav*/ .rightmenuCw { padding: 0; display: inline-block; } .menu-cw { width: 30px; height: 30px; position: relative; cursor: pointer; } .bar-cw { width: 20px; top: 11px; color: #000; } .dropdown-menu-cw { padding: 10px 0; top: 3em; right: -300px; display: block; position: fixed; opacity: 0; visibility: hidden; transition: all 0.5s ease; background:#ccc; height: 100%; } .menu-cw:hover .dropdown-menu-cw { right: -5.8em; opacity: 1; visibility: visible; //overflow-y:scroll; } .dropdown-menu-cw .linkCw { width: 100%; margin: 10px 0; padding: 5px 10px; display: inline-block; position: relative; color: #000; text-align: left; transition: all 0.5s ease; } .dropdown-menu-cw .linkCw:before { background: #ddd; width: 3px; height: 21px; top: 24%; right: -15px; display: block; position: absolute; content: ""; transition: all 0.5s ease; transform: translate(0, 0); } .dropdown-menu-cw .linkCw:hover { opacity: 0.5; } .dropdown-menu-cw .linkCw:focus { letter-spacing: 2px; } .dropdown-menu-cw .linkCw:focus-within:before { width: 3px; background: #310a8a; } /* toggle fun*/ #toggle { width: 100px; height: 100px; background: #ccc; } .clicknavbtn{ background: transparent; border: none; color:#000; position:relative; top:0px; } .clicknavbtn_div.active{ position:fixed; right: 0; opacity: 1; visibility: visible; transition: all 0.5s ease; } .clicknavbtn_div{ top: 4.2em; right: -20em; position: fixed; opacity: 0; visibility: hidden; transition: all 0.5s ease; background:#000; height: 100%; max-width: 250px; width: 100%; overflow-y:scroll; z-index:99999999999999999999999; } .side-content-lt.active{ position:fixed; left: 0; opacity: 1; visibility: visible; transition: all 0.5s ease; } .side-content-lt{ z-index:9999999999999999999999; padding: 10px 0; top: 4.2em; left: -20em; position: fixed; opacity: 0; visibility: hidden; transition: all 0.5s ease; background:#000; height: 100%; max-width: 350px; width: 100%; overflow-y:scroll; } .cwRtMenuIcon { display:none; } /*new inside close left*/ .close-btn-parent, .close-btn-parent-rt{ position: relative; width: 100%; float: left; } .side-content-lt .close-btn , .side-content-rt .close-btn-rt{ position: absolute; top: 0; width: 25px; height: 40px; background: transparent; border: none; cursor: pointer; display: flex; flex-direction: row; flex-wrap: wrap; justify-content: flex-start; align-items: center; color: #fff; font-size: 18px; } .side-content-lt .close-btn{ right: 0; top:-14px; } .side-content-rt .close-btn-rt { right: 0em; top:-5px; } /*.side-content-lt .close-btn:focus, .side-content-rt .close-btn-rt:focus { outline: none; } .side-content-lt .close-btn:hover , .side-content-rt .close-btn-rt:hover{ transition: all 0.2s ease-in-out; } .side-content-lt .close-btn:hover .line:nth-child(1), .side-content-rt .close-btn-rt:hover .line:nth-child(1) { transform: rotate(0) translate(-5px, 8px); } .side-content-lt .close-btn:hover .line:nth-child(2) , .side-content-rt .close-btn-rt:hover .line:nth-child(2){ transform: rotate(0) translate(-5px, 0); } .side-content-lt .close-btn .line, .side-content-rt .close-btn-rt .line { transition: all 0.2s ease-in-out; height: 2px; width: 100%; margin: 3px 0; border-radius: 5px; background: #fff; } .side-content-lt .close-btn .line:nth-child(1), .side-content-rt .close-btn-rt .line:nth-child(1) { transform: rotate(45deg) translate(1px, 10px); } .side-content-lt .close-btn .line:nth-child(2), .side-content-rt .close-btn-rt .line:nth-child(2) { transform: rotate(-45deg) translate(-4.5px, -5px); } */ /* cloase button left & right*/ .cwtitleSubHead{ padding: 12px 0px 12px; text-align: center; background: #310a8a; color: #fff; } .cwtitleSubHead a{ color: #fff; } .cwtitleSubHead span{ color:#ffd563; } .slick-dots{ display:none !important; } .stextrtMobile{ display:none; } .todaysCrosswordDiv .SectionsInDiv, .sampleCrosswordDiv .SectionsInDiv, .SectionsCrosswordDiv .SectionsInDiv{ position:relative; } .cwCoverDiv{ position: absolute; width: 100%; top: 0; left: 0; height: 100%; outline:none; } a:focus{ outline:none; } .side-innerContent-lt, .side-innerContent-rt{ text-align:center; } .side-innerContent-rt .nav li img{ padding:20px 0px 5px; } /*nav left inner design*/ .nav-container-left, .nav-container-right{ width:100%; float:left; transition: all 0.3s linear; } .nav-container-right li a{ padding-bottom:0 !important; padding: 9px 12px 4px !important; } .nav-container-left .nav, .nav-container-right .nav{ list-style-type:none; margin:0px 0px 4.8em; padding:0; } .nav-container-left li ,.nav-container-right li{ height:auto; position:relative; width: 100%; float: left; } .nav-container-left a, .nav-container-right a { text-decoration:none; display:block; height:100%; width:100%; line-height:26px; color:#bbb; text-transform: uppercase; font-weight: bold; padding-left:25%; letter-spacing:1px; transition: all 0.3s linear; text-align: left; padding: 0; } .nav-container-left a{ border-left: 5px solid #000000; } .nav-container-right a{ border-right: 5px solid #000000; } .nav-container-left .active a, .nav-container-right .active a{ color: #fff; background-color: #1B1B1B; outline:0; width:100%; float:left; } .nav-container-left .active a{ border-left:5px solid #f22a86; padding:15px 15px; } .nav-container-left span.descTextCw{ font-size: 12px; text-transform: capitalize; color:#ccc8c8bd; float:left; width:100%; padding-left:0px; line-height: 18px; letter-spacing: 0.5px; } .nav-container-right .active a{ border-left:none; border-right:5px solid #f22a86; } .nav-container-left li:not(.active):hover a, .nav-container-right li:not(.active):hover a{ color: #eee; border-left: 5px solid #f22a86; background-color: #1B1B1B; } .nav-container-right li:not(.active):hover a{ border-left: none; border-right: 5px solid #f22a86; } .nav-container-left span[class ^= "icon"], .nav-container-right span[class ^= "icon"]{ position:absolute; left:20px; font-size: 1.5em; transition: all 0.3s linear; } .nav-container-left li:nth-child(3) a:after, .nav-container-right li:nth-child(3) a:after{ content:''; width:100px; border-bottom:1px solid #4a4a4a; } .sidebarLogo{ max-width: 285px; width: 100%; float: left; margin: 15px; } /* Right Sidebar inner content*/ .rightSidebarLogoRow{ width:100%; float:left; margin: 0; padding:15px 10px 15px 0px; border-bottom:1px solid #4a4a4a; } #hello-user{ color:#fff; max-width: 110px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; padding-left: 0; display: inline-block; cursor: default; position: relative; top: 5px; } .rightSidebarLogoRow p{ color:#fff; text-transform:uppercase; text-align: left; margin-top:5px; } .rightSidebarLogoRow p span{ width:100%; float:left; color:#ccc4c4; } .rightSidebarLogo img{ //border: 1px solid #bf44e2; padding: 5px 5px; // border-radius: 50%; // background: #bf44e2; } .cwRtMenuIcon{ height:32px; width: 29px; background-image: url("https://crossword.thehindu.com/images/crossword-logos/cw_sprite.png"); float: left; } .nav-container-right a span.text{ padding-left: 10px; } .cwRtMenuIcon1{ background-position: 11em -0.5em; } .cwRtMenuIcon2{ background-position: -0.7em -0.6em; } .cwRtMenuIcon3{ background-position: 18.9em -0.6em; } .nav>li>a{ width: 100%; float:left; } /*.nav>li>a:focus, .nav>li>a:hover{ background:#1B1B1B !important; }*/ .nav>li>a:focus, .nav>li>a:hover { background-color: #F5F5F5 !important; } .nav-tabs .nav-item { margin-bottom: 1px; } .cwRtMenuIconLn1{ background-position: 32.2em -0.6em; } .cwRtMenuIconLn2{ background-position: 29.5em -0.6em; } .cwRtMenuIconLn3{ background-position: 26.7em -0.6em; } .cwRtMenuIconLn4{ background-position: 24em -0.6em; } .cwRtMenuIconLn5{ background-position: 21.3em -0.6em; } .cwRtMenuIconLn6{ background-position: 18.9em -0.6em; } .cwRtMenuIconLn7{ background-position: 16.2em -0.6em; } .cwRtMenuIconLn8{ background-position: 13.6em -0.6em; } .cwRtMenuIconLn9{ background-position: 8.2em -0.6em; } .nav-container-left li:nth-child(2) , .nav-container-left li:nth-child(15){ border-bottom: 1px solid #353131; } .side-content-lt .close-btn .line{ display:none; } /*media query*/ @media screen and (min-width: 1201px) { .subscribeDiv a.cwSubBtn{ font-size: 14px !important; } .subscribeDiv a.cwSubBtn{ margin-right: 10px; } .subscribeDiv{ padding:0; } .clicknavbtn i { font-size: 1.4em; } } @media screen and (max-width: 767px) { .games-info p.game-duration{ line-height: 40px !important; height: auto !important; } /*.graynum{ padding: 13px !important; top: 27.5% !important; left: 27.5% !important; } .graynum.num15{ padding: 13px 8px !important; }*/ .small-btn{ padding: 5px 11px !important; } .hndu-copyright p{ font-size: 14px !important; } .crossword-info p{ height: 35px !important; } .header-btns .btn-hide { display: none; } .is-sticky .header-btns .btn-hide, .fixed-header .header-btns .btn-hide { display: block; } .fixed-header .header-link{ position: relative; bottom:0; right:0; } .side-content-lt .close-btn .line{ display:block; } .cwtitleSubHead{ margin:0px 10px !important; } .nav-container-right img{ display:none; } .side-content-lt{ max-width: 250px !important; } .sidebarLogo{ max-width: 204px; margin: 20px 15px; } .side-content-lt .close-btn { right: 0px; top: -7px; } .side-content-lt, .clicknavbtn_div{ top:0; } .mobileLogo { display: block !important; } .DeskLogo { display: none !important; } .hamburger-menu-button { left: 0; } .cwUserDetails { right: 0; } .toggler-container div{ padding:0; } .rightSidebarLogoRow{ padding: 15px 10px 15px 0px !important; } .subscribeDiv { //top: 6px; top: 4px; } .toggler-container .logo{ padding: 8px 15px; } .SectionsCrosswordDiv div.col-md-4:nth-child(2), .SectionsCrosswordDiv div.col-md-4:nth-child(5) { border-left: none; border-right: none; } .Published-daily { font-size: 14px !important; } .comBlockHead p{ padding: 11px 21px 0px; } .comBlockHead a{ margin-top: 5px; } .tblockCw h4{ font-size:16px !important; } .top-nav .toggler-container{ // padding: 10px; padding: 5px 10px 15px; } .hamCwClose { top: 2px; left:2px; } /*.top-nav .toggler-container .hamburger .line{ margin: 1.7px 0px; }*/ .toggler-container .logo{ padding:0; } .nav-container-left span.descTextCw{ display:none; } /*.top-nav .toggler-container .hamburger{ width: 100%; padding:0px 4px; }*/ #sso-signin{ display:none; } #sso-signin{ cursor: default; text-decoration: none; } .SectionsCrosswordDiv .SectionsInDiv{ width:48%; display:inline-block; padding:0; } .SectionsCrosswordDiv{ padding:0px 15px; } .changepassimg{ display:none; } #changepassword{ margin:0; } .hamCwCloseText{ visibility:hidden !important; } .fixed-header #sub_hide { position: relative; top: 7px; left: 0; } .fixed-header .header-link { position: relative; bottom: 9px; right: 0; } .userIconSec { position: relative; top: 4px; } } @media screen and (max-width: 991px) and (min-width: 320px) { .games-wrap .active .more-info-btn, .more-info-btn:hover{ width: 95px; bottom: 8px; padding: 0 5px; } a.more-info-btn span{ font-size: 11px; } .top-nav .toggler-container .hamburger{ top: 0.38em; left: 0.7em; } .top-nav .toggler-container .hamburger.hamCross { top: 0.2em; left: 0.5em; } .linetxt { width: 22px !important; height: 7px !important; } .boxtxt { width: 4px !important; height: 4px !important; margin: 2px 0.2px !important; } .hamCross .menu__item--hamburger .linetxt:nth-child(1), .hamCross .menu__item--hamburger .linetxt:nth-child(1) { transform: rotate(45deg) translate(13px, 4px) !important; } .hamCross .menu__item--hamburger .linetxt:nth-child(3), .hamCross .menu__item--hamburger .linetxt:nth-child(3) { transform: rotate(-45deg) translate(1px, -4px) !important; } .cwtitleSubHead{ margin:0px 10px !important; } .signupsubscriptioncontent{ background:transparent; } .clicknavbtn i { font-size: 1.4em; } .tblockCw h4{ font-size:17px; } .stextrt h4{ font-size: 15px; } .Published-daily { font-size: 14px !important; } .SectionsCrosswordDiv div.col-md-4:nth-child(2),.SectionsCrosswordDiv div.col-md-4:nth-child(11), .SectionsCrosswordDiv div.col-md-4:nth-child(5),.SectionsCrosswordDiv div.col-md-4:nth-child(8) { border-left: none; border-right: none; } .sampleCrosswordSubDiv{ padding: 0px 5px; position:relative; } .sampleCrosswordSubDiv .stextrt{ display:none; } .sampleCrosswordSubDiv .stextrtMobile{ display:block !important; } .stextrtMobile h4, .stextrtMobile p, .stextrtMobile h6{ margin:5px 0px; } .stextrtMobile, .stextrtMobile p{ text-align:center; } .stextrtMobile h4{ font-size:14px; } .sblockBottom a{ font-size: 12px; } .lblockCw{ width:100%; } } @media screen and (max-width: 991px) and (min-width: 768px) { .more-info-btn { bottom: 8px !important; } .owl-stage { padding-left: 0px !important; } #sso-signin{ position: relative; top: 0px !important; padding-right: 5px; } .logodivimg{ padding:0; } .top-nav .toggler-container .hamburger { top: 0.9em; left: 1.3em; } .top-nav .toggler-container .hamburger.hamCross { top: 0.2em; left: 0.5em; } .header-btns .btn-hide{ display: none; } .fixed-header #sub_hide{ display: block; } .header-link{ float:right; } .headhamburgerdiv { position: relative; top: 6px !important; } .hndu-header.hndu-sticky.fixed-header{ padding: 5px 20px 0px; } .fixed-header.subhide_fixed{ padding: 5px 20px 12px !important; } .hndu-header.hndu-sticky{ padding: 5px 20px 12px; } .games-item{ min-height: 197px !important; padding: 12px !important; } h4.games-title { font-size: 17px !important; } .games-item .hndu-image { max-width: 99px; margin-right: 13px !important; } /* #sub_hide{ max-width: 125px !important; min-width: 125px !important; padding: 4px 8px !important; } .header-btns .btn-hide { display: none; } .is-sticky .header-btns .btn-hide, .fixed-header .header-btns .btn-hide { display: block; } .fixed-header #sub_hide { position: relative; top: 7px; left: 0; }*/ /*.fixed-header .header-link { position: relative; bottom: 4px; right: -4em; } .header-link { position: relative; right: -4em; }*/ /*.header-btns { position: relative; bottom: 4px; } .userIconSec .textright{ position: relative; bottom: 4px; right: -4em; }*/ } @media screen and (max-width: 767px) and (min-width: 566px) { .sample-crossword .crossword-item-wrap { padding: 5px !important; } .crossword-item-wrap { padding: 5px !important; } .video-item{ margin: 8px !important; } .SectionsCrosswordDiv .SectionsInDiv{ width:49%; display:inline-block; padding:0; } .stextrt h4{ font-size:13px !important; } .mobileLogo img{ position: relative; top: 5px; } } @media screen and (max-width: 565px) { .mobileLogo img{ position: relative; top: 0px; } .SectionsCrosswordDiv .SectionsInDiv{ width:100%; padding:0; margin:0 !important; } .stextrt h4{ font-size:14px !important; } .lblockCw{ border-bottom: 1px dashed #827a7a; } .SectionsCrosswordDiv .SectionsInDiv:last-child .lblockCw{ border-bottom: none; } .cwDayFmt{ margin-right:5px; } .CrosswordContainerDiv h1{ font-size: 17px; padding: 10px 5px; } .comBlockHead p { padding: 11px 0px 0px; font-size:13px; } .comBlockHead a{ padding: 3px 25px; margin-top: 5px; } .sblockBottom{ padding: 2px; } .stextrtMobile p{ display:none; } .stextrt h6 { font-size: 12px; } .lblockCw{ width:100%; } .toggler-container .logo{ padding: 8px 15px!important; } .top-nav .toggler-container { padding: 4px 10px 4px; } .tblockBottom{ min-height: 72px; } } @media screen and (max-width: 767px) and (min-width: 431px) { .mobileLogo{ width: 230px !important; margin: 0 !important; } } @media screen and (max-width: 430px) and (min-width: 361px) { .mobileLogo{ width: 180px !important; } .subscribeDiv a.cwSubBtn{ padding: 3px 10px 5px; } .clicknavbtn{ padding: 0; top: 4px; } .mobileLogo img{ left: -8px; } .cwtitleSubHead{ font-size: 12px; padding: 8px 0px 8px; margin: 0; } } @media screen and (max-width: 360px) and (min-width: 320px) { .mobileLogo{ width: 165px !important; } .subscribeDiv a.cwSubBtn{ padding: 2px 10px 4px; } .clicknavbtn{ padding: 0; top: 2px; } .subscribeDiv { top: 5px; } .mobileLogo img{ left: -8px; } .cwtitleSubHead{ font-size: 12px; padding: 8px 0px 8px; margin: 0; } .todaysCrosswordDiv .slick-slide{ width:260px !important; padding: 0px 5px; } } .top-nav { position: -webkit-sticky; z-index: 1; } .sticky-head { position: fixed; width: 100%; left: 0; top: 0; z-index: 99999999999999999999; border-top: 0; } @media screen and (max-width: 1199px) and (min-width: 992px){ #sso-signin{ position: relative; top: 0px !important; padding-right: 5px; } .subscribeDiv { text-align: right; padding: 0; } .subscribeDiv a.cwSubBtn { padding: 3px 7px 5px !important; } } /*ham n=menu design start*/ .boxtxt { transition: all 300ms cubic-bezier(0.175, 0.885, 0.32, 1.275); } .boxtxt { width: 6px; height: 6px; background: #000; margin: 2px 1px; display: inline-block; } .linetxt{ width:60px; height:10px; } .menu__wrapper > div:hover, .menu__wrapper > div:focus { outline: none; } .menu__wrapper > span { display: inline-block; text-align: center; line-height: 1.2; margin-top: auto; } .hamCross .menu__item--hamburger .linetxt:nth-child(1), .hamCross .menu__item--hamburger .linetxt:nth-child(1){ transform: rotate(45deg) translate(16px, 11px); } .hamCross .menu__item--hamburger .linetxt:nth-child(2) .boxtxt, .hamCross .menu__item--hamburger .linetxt:nth-child(2) .boxtxt{ color:#fff; background:transparent; transform: rotate(45deg) translate(16px, 11px); } .hamCross .menu__item--hamburger .linetxt:nth-child(3), .hamCross .menu__item--hamburger .linetxt:nth-child(3) { transform: rotate(-45deg) translate(14px, -16px); } /* .menu__item--hamburger:hover .linetxt:nth-child(1), .menu__item--hamburger:focus .linetxt:nth-child(1) { transform: rotate(45deg) translate(16px, 11px); } .menu__item--hamburger:hover .linetxt:nth-child(2) .boxtxt, .menu__item--hamburger:focus .linetxt:nth-child(2) .boxtxt{ color:#fff; background:transparent; } .menu__item--hamburger:hover .linetxt:nth-child(2), .menu__item--hamburger:focus .linetxt:nth-child(2) { visibility: visible; } .menu__item--hamburger:hover .linetxt:nth-child(3), .menu__item--hamburger:focus .linetxt:nth-child(3) { transform: rotate(-45deg) translate(14px, -16px); }*/ /**/ /** Redesign css start **/ /* Hindu Buttons */ .hndu-btn { display: inline-block; vertical-align: middle; width: 100%; max-width: 190px; padding: 12px 15px;; color: #ffffff; background: #2D038B; background-image: linear-gradient(to right, #2D038B, #63218F, #63218F, #2D038B); background-size: 300% 100%; font-weight: 700; font-size: 16px; font-family: 'Quicksand', sans-serif; text-align: center; border: 2px solid transparent; position: relative; outline: none; overflow: hidden; cursor: pointer; -webkit-border-radius: 100px; -ms-border-radius: 100px; border-radius: 100px; box-shadow: none; -webkit-transition: all ease .3s; -ms-transition: all ease .3s; transition: all ease .3s; -webkit-box-shadow: 0 0 0 rgba(0, 6, 66, 0.3); -ms-box-shadow: 0 0 0 rgba(0, 6, 66, 0.3); box-shadow: 0 0 0 rgba(0, 6, 66, 0.3); } .hndu-btn:hover, .hndu-btn:focus { border-color: transparent; color: #ffffff; background-position: 98% 0; -webkit-box-shadow: 0 3px 15px rgba(15, 37, 255, 0.2); -ms-box-shadow: 0 3px 15px rgba(15, 37, 255, 0.2); box-shadow: 0 3px 15px rgba(15, 37, 255, 0.2); } .hndu-border-btn { border-color: #63218F; color: #63218F; background-image: linear-gradient(to right, #ffffff, #ffffff, #63218F, #2D038B); } .hndu-border-btn:hover, .hndu-border-btn:focus { background-color: #63218F; color: #ffffff; } .small-btn { font-size: 14px; max-width: 150px; min-width: 150px; padding: 8px 15px; } /*Main Wrap*/ .hndu-header { width: 100%; padding: 7px 20px; background: #ffffff; text-align: center; -webkit-box-shadow: 0 3px 17px rgba(25, 24, 19, 0.1); -ms-box-shadow: 0 3px 17px rgba(25, 24, 19, 0.1); box-shadow: 0 3px 17px rgba(25, 24, 19, 0.1); z-index: 99; } /*Menu*/ .hndu-menu { position: relative; float: left; width: 30px; height: 28px; margin-right: 30px; } .hndu-menu-btn { position: absolute; width: 30px; height: 28px; top: 0; left: 0; -webkit-transition-duration: 0.5s; transition-duration: 0.5s; } .hndu-menu-btn .icon-left { -webkit-transition-duration: 0.5s; transition-duration: 0.5s; position: absolute; height: 4px; width: 15px; top: 12px; left: 0; background-color: #212121; } .hndu-menu-btn .icon-left:before { -webkit-transition-duration: 0.5s; transition-duration: 0.5s; position: absolute; width: 15px; height: 4px; background-color: #212121; content: ""; top: -10px; left: 0; } .hndu-menu-btn .icon-left:after { -webkit-transition-duration: 0.5s; transition-duration: 0.5s; position: absolute; width: 15px; height: 4px; background-color: #212121; content: ""; top: 10px; left: 0; } .hndu-menu-btn .icon-left:hover { cursor: pointer; } .hndu-menu-btn .icon-right { -webkit-transition-duration: 0.5s; transition-duration: 0.5s; position: absolute; height: 4px; width: 15px; top: 12px; background-color: #212121; left: 15px; } .hndu-menu-btn .icon-right:before { -webkit-transition-duration: 0.5s; transition-duration: 0.5s; position: absolute; width: 15px; height: 4px; background-color: #212121; content: ""; top: -10px; left: 0; } .hndu-menu-btn .icon-right:after { -webkit-transition-duration: 0.5s; transition-duration: 0.5s; position: absolute; width: 15px; height: 4px; background-color: #212121; content: ""; top: 10px; left: 0; } .hndu-menu-btn.open .icon-left { -webkit-transition-duration: 0.5s; transition-duration: 0.5s; background: transparent; } .hndu-menu-btn.open .icon-left:before { -webkit-transform: rotateZ(45deg) scaleX(1.4) translate(2px, 2px); transform: rotateZ(45deg) scaleX(1.4) translate(2px, 2px); } .hndu-menu-btn.open .icon-left:after { -webkit-transform: rotateZ(-45deg) scaleX(1.4) translate(2px, -2px); transform: rotateZ(-45deg) scaleX(1.4) translate(2px, -2px); } .hndu-menu-btn.open .icon-right { -webkit-transition-duration: 0.5s; transition-duration: 0.5s; background: transparent; } .hndu-menu-btn.open .icon-right:before { -webkit-transform: rotateZ(-45deg) scaleX(1.4) translate(-2px, 2px); transform: rotateZ(-45deg) scaleX(1.4) translate(-2px, 2px); } .hndu-menu-btn.open .icon-right:after { -webkit-transform: rotateZ(45deg) scaleX(1.4) translate(-2px, -2px); transform: rotateZ(45deg) scaleX(1.4) translate(-2px, -2px); } .hndu-menu-btn:hover { cursor: pointer; } .hndu-menu-btn.open { opacity: 0; } /*End*/ .post-grid-view { display: inline-block; vertical-align: middle; width: 45px; height: 45px; float: left; padding-top: 4px; } .post-grid-view .grid-icon { float: left; clear: both; width: 10px; height: 10px; margin-bottom: 4px; border: 1px solid #63218F; position: relative; -webkit-transition: all ease .3s; -ms-transition: all ease .3s; transition: all ease .3s; background-color: #63218F; -webkit-border-radius: 2px; -ms-border-radius: 2px; border-radius: 2px; } .post-grid-view .grid-icon:before, .post-grid-view .grid-icon:after { position: absolute; top: -1px; left: 14px; width: 10px; height: 10px; border: 1px solid #63218F; content: ""; -webkit-transition: all ease .3s; -ms-transition: all ease .3s; transition: all ease .3s; z-index: 1; background-color: #63218F; -webkit-border-radius: 2px; -ms-border-radius: 2px; border-radius: 2px; } .post-grid-view .grid-icon:after { left: 29px; } .post-grid-view:hover .grid-icon, .post-grid-view:hover .grid-icon::before, .post-grid-view:hover .grid-icon::after { background: none; } .hndu-header .hndu-image { text-align: center; } .hndu-header .hndu-image.mobile-logo { display: none; } .header-link, .header-btns { display: inline-block; } .header-btns .hndu-border-btn { margin-left: 15px; } .header-btns{ position:relative; display: inline-block; } .header-btns .btn-hide { opacity: 0; visibility: hidden; } #sub_hide{ /*opacity: 1; visibility: visible; position: relative; right: 0; top: -5px; position: absolute; right: 0;*/ } .fixed-header #sub_hide{ position: relative; } .hndu-header.hndu-sticky.fixed-header { position: fixed; top: -1px; } .is-sticky .header-btns .btn-hide, .fixed-header .header-btns .btn-hide { opacity: 1; visibility: visible; } .header-link { /*padding-left: 17px;*/ padding-left: 5px; vertical-align: middle; } .header-link a { color: #63218F; } .header-link a:hover { color: #232323; } .header-link a i { font-size: 28px; } .hndu-main-wrap { background: #f5f5f5; } /* Register/Subscribe Section */ .hndu-subscribe-secction { padding-top: 10px; } .hndu-subs-wrap { background: #ffffff; padding: 18px 30px 22px; -webkit-border-radius: 10px; -ms-border-radius: 10px; border-radius: 10px; } .hndu-subs-wrap h4 { color: #000555; font-size: 28px; padding-bottom: 5px; } .hndu-subs-wrap p { color: #777777; font-size: 16px; line-height: 24px; padding: 0; margin: 0 0 15px; font-weight: 500; } .hndu-btns-wrap .hndu-btn { margin-right: 10px; } /* Menu Sidebar */ .menu-sidebar { position: fixed; max-height: calc(100vh - 64px); background: #000000; width: 100%; max-width: 440px; left: 0; top: 64px; transform: translateX(-440px); padding: 20px 0; -webkit-transition: all ease .4s; -ms-transition: all ease .4s; transition: all ease .4s; z-index: 9999999999999; height:100%; } .menu-sidebar h5.sidemenu-title { color: #fff; } .sidebar-inner { max-height: calc(100vh - 130px); overflow-y: scroll; padding: 0 30px; -webkit-overflow-scrolling: touch; } .sidebar-inner::-webkit-scrollbar { width: 14px; } .sidebar-inner::-webkit-scrollbar-track { background: #000000; } .sidebar-inner::-webkit-scrollbar-thumb { background-color: #f5f5f5; border-radius: 100px; border: 4px solid #000000; } .sidebar-inner::-webkit-scrollbar-thumb:hover { background-color: #ffffff; border: 2px solid #000000; } .menu-sidebar.active { transform: translateX(0); -webkit-transition: all ease .4s; -ms-transition: all ease .4s; transition: all ease .4s; } .menu-sidebar ul.menu-items { padding-left: 0; list-style-type: none; float: left; display: inline-block; } .menu-sidebar ul li { float: left; display: inline-block; width: 100%; padding: 10px 0; margin: 5px 0; } .close-btn-parent { display: inline-block; text-align: right; width: 100%; padding: 0 40px 5px 30px; } .close-btn-parent button.close-btn { float: right; background: none; border: none; font-size: 23px; display: inline-block; position: relative; cursor: pointer; color: #ffffff; padding: 0; width: 20px; height: 20px; } .close-btn-parent button.close-btn:before, .close-btn-parent button.close-btn:after { content: ""; position: absolute; left: 0; width: 20px; height: 2px; background: #ffffff; display: inline-block; transform: rotate(45deg); } .close-btn-parent button.close-btn:after { transform: rotate(-45deg); } .close-btn-parent button.close-btn:focus { outline: none; } .sidemenu-item { display: inline-block; width: 100%; text-align: left; } .sidemenu-item h5.sidemenu-title:after { content: ""; background: #ededed; width: 100%; height: 1px; display: block; margin-top: 4px; } .menu-sidebar ul li img { margin-right: 12px; float: left; } span.menu-info p { margin: 0; font-weight: 500; } .menu-sidebar ul li a { color: #ffffff; display: flex; align-items: center; } span.menu-info { display: inline-block; float: left; width: 80%; } span.menu-title { padding-bottom: 1px; font-size: 15px; font-weight: bold; text-transform: uppercase; } .menu-sidebar ul li { position: relative; } .menu-sidebar ul li:before { content: ""; background: #63218F; width: 5px; height: 100%; position: absolute; left: -30px; top: 0; opacity: 0; -webkit-transition: all ease .4s; -ms-transition: all ease .4s; transition: all ease .4s; } .menu-sidebar ul li:hover:before { opacity: 1; -webkit-transition: all ease .4s; -ms-transition: all ease .4s; transition: all ease .4s; } .menu-sidebar ul li:after { content: "\f105"; font-family: "Fontawesome"; position: absolute; top: 50%; right: 0; transform: translateY(-13px); font-size: 20px; color: #666; } html.menu-open { overflow: hidden; padding-right: 14px; } .menu-open .fixed-header{ overflow: visible; right:14px; } .menu-open .fixed-header .logodivimg{ } .menu-overlay { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.2); z-index: 100; opacity: 0; visibility: hidden; -webkit-transition: all ease .4s; -ms-transition: all ease .4s; transition: all ease .4s; } .menu-open .menu-overlay { opacity: 1; visibility: visible; } /* Menu Sidebar */ .user-menu { position: fixed; background: #000000; width: 100%; max-width: 360px; right: 0; top: 64px; transform: translateX(440px); min-height: 300px; max-height: calc(100vh - 64px); padding: 15px 0; -webkit-transition: all ease .4s; -ms-transition: all ease .4s; transition: all ease .4s; z-index: 9999999999999; border-radius: 10px 0 0 10px; } .user-menu-inner { max-height: calc(100vh - 164px); overflow-y: scroll; padding: 0 30px; } .user-menu-inner::-webkit-scrollbar { width: 14px; } .user-menu-inner::-webkit-scrollbar-track { background: #000000; } .user-menu-inner::-webkit-scrollbar-thumb { background-color: #f5f5f5; border-radius: 100px; border: 4px solid #000000; } .user-menu-inner::-webkit-scrollbar-thumb:hover { border: 2px solid #000000; } .user-menu.active { transform: translateX(0); -webkit-transition: all ease .4s; -ms-transition: all ease .4s; transition: all ease .4s; } .user-menu ul { padding: 0; margin: 0; list-style: none; text-align: left; } .user-menu ul li { font-size: 18px; font-weight: 700; color: #232323; text-transform: uppercase; padding: 10px 0px 5px; } .user-menu ul li a { color: #ffffff; display: block; } .user-menu ul li a:hover { color: #f5f5f5; } .user-menu ul li span { width: 40px; height: 40px; line-height: 40px; background: #232323; color: #ffffff; display: inline-block; font-size: 18px; text-align: center; border-radius: 100px; margin-right: 15px; } .user-menu .close-btn-parent button.close-btn { float: right; } /* Tab Menu */ .tab-menu-wrap { display: inline-block; width: 100%; margin: 0 auto; } .tab-menu-wrap ul { padding: 0; list-style-type: none; text-align: center; margin-bottom: 10; margin-top: 20px; } .tab-menu-wrap ul li { display: inline-block; float: none; margin: 0 10px; } .tab-menu-wrap ul li a { color: #232323; font-size: 15px; font-weight: 700; } .tab-menu-wrap ul li a:hover { color: #63218F; text-decoration: underline; } .h4, h4 { font-size: 18px; } a.more-info-btn span{ color: #63218F !important; } body.cwWordLancher #hndu-back-top{ display:none; visibility:hidden !important; } .fullnamefield label{ top:-13px !important; } .fullnamefield .inputlabel.active{ top:0 !important; } .tab-pane{ width:100%; float:left; } /*.tab-con>.tab-pane, .tab-con>.tab-pane .games-wrap { display: none !important; } .tab-con>.active , .tab-con>.active .games-wrap{ display: contents !important; }*/ @media screen and (max-width: 575px){ .games-tab ul.nav-tabs li{ padding: 8px 10px 9px !important; font-size: 16px !important; } a.more-info-btn:focus span{ left: 8px !important; } .user-menu ul li{ font-size: 16px !important; padding: 7px 0; } .user-menu-inner { max-height: calc(100vh - 130px) !important; padding: 0 20px; } .more-info-btn { bottom: 8px !important; } .games-item { min-height: 170px !important; } .small-btn { min-width: 133px; } .menu-sidebar ul li:after { right: -10px; } .sidebar-inner{ padding: 0px 20px 40px; } .close-btn-parent{ padding: 0 25px 5px 30px; } } .user-menu-inner.cw-signin.ssologin ul{ display:none; } .user-menu-inner.cw-signin.ssologin ul:last-child{ display:block !important; } @media screen and (max-width: 575px){ .user-menu.active{ height:100%; } } @media screen and (max-width: 1199px) { .menu-open .fixed-header { overflow: visible; position: fixed !important; right:0 !important; } html.menu-open { overflow: hidden; padding-right: 0px; } } .menu-open .hndu-back-top{ z-index:1 !important; } .games-item{ min-height: 230px; } .games-wrap, .games-item, .games-tab{ width:100%; float:left; } @media screen and (max-width:320px) { .fixed-header .header-link { position: relative; bottom: 0px; right: 0; } .hndu-blog-item .row.align-items-center{ display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } } /* header sec css new*/ .headhamburgerdiv{ position: relative; top: 11px; } .userIconSec{ position: relative; top: 5px; } /*.textright{ width: 100%; float: left; padding: 0; }*/ .textright { text-align: right; } #mob_visible{ display:none; } .default-logo-mobile{ display:none; } @media screen and (max-width: 767px) and (min-width: 320px) { .default-logo-mobile{ display:block; z-index: 99999999; } .default-logo{ display:none; } .fixed-header .default-logo-mobile{ display:none; } .hndu-image.default-logo-mobile { width: 250px; top: 14px; position: absolute; left: 9em; } .header-btns .btn-hide{ display: none; } .fixed-header #sub_hide{ display: block; } .fixed-header .headhamburgerdiv { position: relative; top: 11px !important; } .hndu-header .hndu-image.mobile-logo{ position:relative; top:5px; } .headhamburgerdiv { position: relative; top: 6px !important; } .hndu-header.hndu-sticky.fixed-header{ padding: 5px 20px 10px; } .fixed-header .userIconSec { position: relative; top: 1px; } .subhide_fixed.fixed-header .userIconSec { position: relative; top: 16px; } .hndu-header{ padding: 7px 20px 15px; } .userIconSec .textright{ margin-bottom: 0; } #pills-tabContent .games-info p { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; } } @media screen and (max-width: 991px) and (min-width: 768px) { .games-info p.game-duration{ line-height: 40px !important; height: auto !important; } .sample-crossword .crossword-item-wrap { padding: 5px !important; } .crossword-item-wrap { padding: 5px !important; } .video-item{ margin: 8px !important; } .hndu-blog-item{ margin-bottom:0; } .blog-page-img{ margin-top: 35px !important; } .tabs-wrap { top: 51px; } } @media screen and (max-width: 799px) and (min-width: 768px) { .hndu-image.default-logo { position: relative; top: 5px; } } @media screen and (max-width: 849px) and (min-width: 800px) { .hndu-image.default-logo { position: relative; top: 4px; } } @media screen and (max-width: 920px) and (min-width: 850px) { .hndu-image.default-logo { position: relative; top: 4px; } } @media screen and (max-width: 991px) and (min-width: 921px) { .hndu-image.default-logo { position: relative; top: 2px; } } @media screen and (max-width: 1024px) and (min-width: 992px) { .hndu-image.default-logo { position: relative; top: 9px; } } @media screen and (max-width: 1199px) and (min-width: 1025px) { .hndu-image.default-logo { position: relative; top: 6px; } } @media screen and (max-width: 1300px) and (min-width: 1200px) { .hndu-image.default-logo { position: relative; top: 4px; } .userIconSec { padding: 0; } } @media screen and (max-width: 1380px) and (min-width: 1301px) { .hndu-image.default-logo { position: relative; top: 1px; } .userIconSec { padding: 0; } } @media screen and (max-width: 767px) and (min-width: 576px) { .more-info-btn{ bottom: 8px; } .games-tab .games-item{ padding: 12px; } .games-item .hndu-image{ margin-right: 10px; } #pills-tabContent .games-wrap .col-md-6{ width:50% !important; } .blog-page-img{ margin-top: 25px !important; } h4.games-title{ font-size: 15px; } .games-tab .card-body p{ font-size: 13px; line-height: 22px; } .games-info p.game-duration{ font-size: 13px; } .games-item { min-height: 190px; } .games-item .hndu-image{ max-width: 90px; } .games-info span{ font-size: 13px; } .user-menu, .menu-open .user-menu, .user-menu.active{ width:100%; height:100%; } } @media screen and (max-width: 575px){ .close-btn-parent{ position: absolute; top: 12px; left: 0; } .games-tab .games-item{ padding: 12px; } .games-item .hndu-image{ margin-right: 10px; } .small-btn { min-width: 98px; max-width: 100px; padding: 5px 8px !important; } .user-menu, .menu-open .user-menu, .user-menu.active{ width:100%; height:100%; right:0; } .user-menu.active{ left:0; max-width: 100% !important; } .fixed-header #sub_hide{ display:block; } #sub_hide{ display:none; } .hndu-header { padding: 7px 10px 12px; overflow: hidden; } .blog-page-img{ margin-top: 7px !important; } /*.games-item { min-height: 190px; } .hndu-menu-btn .icon-left{ width: 20px; height:3px; } .hndu-menu-btn .icon-left:before, .hndu-menu-btn .icon-left:after{ width: 10px; height:3px; } .hndu-menu-btn .icon-left:before{ top:-6px; }*/ .hndu-image.default-logo-mobile { width: 180px !important; top: 15px !important; position: absolute !important; left: 5em !important; } .header-link a i { font-size: 28px; } .headhamburgerdiv{ top: 3px !important; } /*.hndu-menu-btn .icon-left:after{ top:6px; } .hndu-menu-btn .icon-right{ width:10px; left:5px; height:3px; } .hndu-menu-btn .icon-right:before, .hndu-menu-btn .icon-right:after{ width:10px; left:5px; height:3px; } .hndu-menu-btn .icon-right:before{ top:-6px; } .hndu-menu-btn .icon-right:after{ top:6px; }*/ .hndu-header .hndu-image.mobile-logo { position: relative; top: 0; } .hndu-header.hndu-sticky.fixed-header { padding: 8px 0px; } .fixed-header .userIconSec{ position: relative; top: 5px; } .fixed-header #sub_hide{ position: relative; top: 0; left: 0; font-size:11px; } .fixed-header .textright{ position: absolute; top: 4px; right:15px; } .fixed-header .header-link { position: relative; bottom: 9px; right: 0; } .more-info-btn { width: 26px; padding: 0.5px 4.5px 0px 4px; height: 26px; line-height: 22px; } } @media screen and (max-width:414px) { #mob_visible{ float: left; } #mob_visible a{ min-width: 124px; max-width: 124px; } .fixed-header #mob_visible{ display:block; } .fixed-header #sub_hide { display: none !important; } #mob_visible{ display:none; font-size:11px; } .fixed-header .textright{ position: absolute; top: 4px; right:15px; padding:0; } .fixed-header .header-link { position: relative; bottom: -5px !important; right: 0; } .header-btns{ position: relative; top: 8px; } .fixed-header .userIconSec { position: relative; top: 0 !important; } } .blogs-page, .hndu-crossword-secction, .hndu-videos-secction, .hndu-tabs-section{ width: 100%; float:left; } .hndu-image.default-logo{ position:relative; } .owl-carousel .owl-item .video-item img{ width: 100%; } .menu-items li a img, .mobile-logo{ width:40px !important; } .header-link i.fa{ padding: 0 !important; margin: 0 !important; } .pDeskContent{ display:block; } .pMobileContent{ display:none; } @media screen and (max-width: 767px){ .pDeskContent{ display:none; } .pMobileContent{ display:block; } } </style> <div id='teconsent'></div> <header class="hndu-header hndu-sticky"> <div class="hndu-header-inner"> <div class="container-fluid"> <div class="hndu-image default-logo-mobile"> <a href="https://crossword.thehindu.com/"><img src="https://crossword.thehindu.com/images/crossword-logos/svg/TH_CW_logo.svg" alt="logo" width="420"></a></div> <div class="row align-items-center"> <div class="col-lg-4 col-md-2 col-sm-2 col-xs-2 headhamburgerdiv"> <div class="hndu-menu"> <div class="hndu-menu-btn"> <div class="icon-left"></div> <div class="icon-right"></div> </div> </div> </div> <div class="col-lg-4 col-md-4 col-sm-4 col-xs-3 logodivimg"> <div class="hndu-image default-logo"> <a href="https://crossword.thehindu.com/"><img src="https://crossword.thehindu.com/images/crossword-logos/svg/TH_CW_logo.svg" alt="logo" width="420"></a></div> <div class="hndu-image mobile-logo"><a href="https://crossword.thehindu.com/"><img src="https://crossword.thehindu.com//images/cwLandingPageImgReDesign/favicon.png" alt="logo" width="40"></a></div> </div> <div class="col-lg-4 col-md-6 col-sm-6 col-xs-7 userIconSec"> <ul class="textright"> <li id="mob_visible"><a href="https://crossword.thehindu.com/subscription/" class="hndu-btn small-btn">Subscribe Now</a></li> <li class="header-btns"> <a href="https://crossword.thehindu.com/subscription/" class="hndu-btn small-btn btn-hide" id="sub_hide">Subscribe Now</a> </li> <li class="header-link"> <a href="javascript:void(0);"><span id="sso-signin"></span><i class="fa fa-user" aria-hidden="true"></i></a> </li> </div> </div> </div> </div> <div class="menu-sidebar"> <div class="close-btn-parent"> <button class="close-btn"></button> </div> <div class="sidebar-inner">  <div class="sidemenu-item"> <h5 class="sidemenu-title">Discover Crossword</h5> <ul class="menu-items"> <li> <a href="https://crossword.thehindu.com/"> <img src="https://crossword.thehindu.com//images/cwLandingPageImgReDesign/menu/Home@2x.png" alt="logo" width="40"> <span class="menu-info"> <span class="menu-title">Crossword Home</span> <p>View All Crosswords</p> </span> </a> </li> <li class="subUserChangeText"> <a href="https://crossword.thehindu.com/subscription/"> <img src="https://crossword.thehindu.com//images/cwLandingPageImgReDesign/menu/Subscription@2x.png" alt="logo" width="40"> <span class="menu-info"> <span class="menu-title">Crossword subscription</span> <p>Subscribe to The Hindu Crosswords</p> </span> </a> </li> <li class="subUserChangeTextebook"> <a href="https://crossword.thehindu.com/Cryptic_Crossword_Ebook.pdf" target="_blank"> <img src="https://crossword.thehindu.com//images/cwLandingPageImgReDesign/menu/Subscription@2x.png" alt="logo" width="40"> <span class="menu-info"> <span class="menu-title">Crossword e-Book</span> <p>Learn how to crack cryptic crosswords</p> </span> </a> </li> </ul> </div>  <div class="sidemenu-item"> <h5 class="sidemenu-title">More From Crossword</h5> <ul class="menu-items"> <li> <a href="https://crossword.thehindu.com/crossword/hindu-cryptic-sunday"> <img src="https://crossword.thehindu.com/images/crossword-logos/svg/TH_Cryptic_Sunday.svg" alt="logo" width="40"> <span class="menu-info"> <span class="menu-title">The Hindu Cryptic on Sunday</span> <p>Spice up your Sundays too with The Hindu Cryptic, now fitted with training wheels!</p> </span> </a> </li> <li> <a href="https://crossword.thehindu.com/crossword/hindu-cryptic"> <img src="https://crossword.thehindu.com/images/crossword-logos/svg/TH_Cryptic_logo.svg" alt="logo" width="40"> <span class="menu-info"> <span class="menu-title">The Hindu Cryptic</span> <p> Seemingly meaningless words and phrases hold the key to this crossword. Work it out.</p> </span> </a> </li> <li> <a href="https://crossword.thehindu.com/crossword/hindu-quick"> <img src="https://crossword.thehindu.com/images/crossword-logos/svg/TheGuardian_quick_logo.svg" alt="logo" width="40"> <span class="menu-info"> <span class="menu-title">The Guardian Quick </span> <p>Figure out the straightforward meanings of clues to solve this crossword.</p> </span> </a> </li> <li> <a href="https://crossword.thehindu.com/crossword/hindu-everyman"> <img src="https://crossword.thehindu.com/images/crossword-logos/svg/Guardian_everyman_logo.svg" alt="logo" width="40"> <span class="menu-info"> <span class="menu-title">Everyman</span> <p>Though the clues in it are cryptic, this crossword is recommended for everyone.</p> </span> </a> </li> <li> <a href="https://crossword.thehindu.com/crossword/hindu-one-down"> <img src="https://crossword.thehindu.com/images/crossword-logos/svg/onedown_logo.svg" alt="logo" width="40"> <span class="menu-info"> <span class="menu-title">One Down</span> <p>Figuring out the meanings will help you crack this short and simple crossword.</p> </span> </a> </li> <li> <a href="https://crossword.thehindu.com/crossword/hindu-sportstar"> <img src="https://crossword.thehindu.com/images/crossword-logos/svg/Sportstar_logo.svg" alt="logo" width="40"> <span class="menu-info"> <span class="menu-title">The Sportstar Crossword</span> <p>A quiz-style crossword for the sports fans.</p> </span> </a> </li> <li> <a href="https://crossword.thehindu.com/crossword/hindu-sport-on"> <img src="https://crossword.thehindu.com/images/crossword-logos/svg/Sport_on_logo.svg" alt="logo" width="40"> <span class="menu-info"> <span class="menu-title">Sport On</span> <p>If you know your sports trivia, this crossword will be a breeze. </p> </span> </a> </li> <li> <a href="https://crossword.thehindu.com/clued-in"> <img src="https://crossword.thehindu.com/images/crossword-logos/svg/Clued_in_logo.svg" alt="logo" width="40"> <span class="menu-info"> <span class="menu-title">Clued In (Blogs)</span> <p>The blog that break down the clues, however cryptic they are.</p> </span> </a> </li> </ul> </div> <div class="sidemenu-item"> <h5 class="sidemenu-title">More from Sudoku</h5> <ul class="menu-items"> <li> <a href="https://crossword.thehindu.com/crossword/hindu-sudoku-easy"> <img src="https://crossword.thehindu.com/images/crossword-logos/svg/sudoku_easy_logo.svg" alt="logo" width="40"> <span class="menu-info"> <span class="menu-title">Sudoku Easy</span> <p>The easiest version of the game that requires just nine numbers.</p> </span> </a> </li> <li> <a href="https://crossword.thehindu.com/crossword/hindu-mini-sudoku"> <img src="https://crossword.thehindu.com/images/crossword-logos/svg/sudoku_mini_logo.svg" alt="logo" width="40"> <span class="menu-info"> <span class="menu-title">Mini Sudoku</span> <p>A game that can be solved with the apt use of just six numbers.</p> </span> </a> </li> <li> <a href="https://crossword.thehindu.com/crossword/hindu-sudoku"> <img src="https://crossword.thehindu.com/images/crossword-logos/svg/sudoku_medium_logo.svg" alt="logo" width="40"> <span class="menu-info"> <span class="menu-title">Sudoku Medium</span> <p>A game that needs just nine numbers, set just right for the regular solver.</p> </span> </a> </li> <li> <a href="https://crossword.thehindu.com/crossword/hindu-sudoku-hard"> <img src="https://crossword.thehindu.com/images/crossword-logos/svg/sudoku_hard_logo.svg" alt="logo" width="40"> <span class="menu-info"> <span class="menu-title">Sudoku Hard</span> <p>It doesn't get harder than this in this number game.</p> </span> </a> </li> </ul> </div> <div class="sidemenu-item"> <h5 class="sidemenu-title">More From Word Search</h5> <ul class="menu-items"> <li> <a href="https://crossword.thehindu.com/crossword/hindu-word-hunt"> <img src="https://crossword.thehindu.com/images/crossword-logos/svg/word_hunt.svg" alt="logo" width="40"> <span class="menu-info"> <span class="menu-title">Word Hunt</span> <p>Hints help you in the hunt for thematic words in a letter grid.</p> </span> </a> </li> <li> <a href="https://crossword.thehindu.com/crossword/hindu-word-work"> <img src="https://crossword.thehindu.com/images/crossword-logos/svg/word_work.svg" alt="logo" width="40"> <span class="menu-info"> <span class="menu-title">Word Work</span> <p>Where descriptive clues guide you toward words in a maze of letters.</p> </span> </a> </li> <li> <a href="https://crossword.thehindu.com/crossword/hindu-track-down"> <img src="https://crossword.thehindu.com/images/crossword-logos/svg/Trackdown.png" alt="logo" width="40"> <span class="menu-info"> <span class="menu-title">Track Down</span> <p>Hints help you in the hunt for thematic words in a letter grid.</p> </span> </a> </li> <li> <a href="https://crossword.thehindu.com/crossword/hindu-name-game"> <img src="https://crossword.thehindu.com/images/crossword-logos/svg/Namegame.png" alt="logo" width="40"> <span class="menu-info"> <span class="menu-title">Name Game</span> <p>Hints help you in the hunt for thematic words in a letter grid.</p> </span> </a> </li> </ul> </div>  <div class="sidemenu-item"> <h5 class="sidemenu-title">About Crossword</h5> <ul class="menu-items"> <li> <a href="https://crossword.thehindu.com/faq"> <img src="https://crossword.thehindu.com//images/cwLandingPageImgReDesign/menu/Help@2x.png" alt="logo" width="40"> <span class="menu-info"> <span class="menu-title">Help and support (FAQ)</span> <p>All you need to know about The Hindu Crossword+</p> </span> </a> </li> <li> <a href="https://crossword.thehindu.com/about"> <img src="https://crossword.thehindu.com//images/cwLandingPageImgReDesign/menu/About Us@2x.png" alt="logo" width="40"> <span class="menu-info"> <span class="menu-title">About Us</span> <p>A one-stop-shop for interactive puzzles offered by THG Publishing Private Limited.</p> </span> </a> </li> </ul> </div> </div> </div> <div class="user-menu"> <div class="close-btn-parent"> <button class="close-btn"></button> </div> <div class="user-menu-inner cw-signin"> </div> </div> <div class="menu-overlay"></div> </header> <script> /** Common functions Start **/ tp = window["tp"] || []; tp.push(['init',function() { tp.pianoId.init({ loggedIn : function(data) { isloggedinUser(data) }, loggedOut : function() { location.reload(); } }); var userId = ""; if (tp.user.isUserValid()) { userId = tp.pianoId.getUser().uid; } if(userId !==""){ isloggedinUser(); }else{ console.log("isUserValid-->",tp.user.isUserValid()); islogoutUser(); } function isloggedinUser(data){ $('#reg_hide').css('display','none'); $('#sub_reg').css('display','none'); isUserDetails = data; var userName = typeof tp.pianoId.getUser().firstName != "undefined" ? "Hi " + tp.pianoId.getUser().firstName : 'Hi User'; console.log(userName); document.getElementById("sso-signin").innerText = userName; //document.getElementById("hello-user").innerText = hello_userName; var dropdown ='<ul class="cwaflogin" ><li><a href="https://crossword.thehindu.com/myaccount"><span><img src="https://crossword.thehindu.com//images/cwLandingPageImgReDesign/Profile@2x.png" alt="logo" width="40"></span>My Account</a></li><li><a href="https://crossword.thehindu.com/stats"><span><img src="https://crossword.thehindu.com//images/cwLandingPageImgReDesign/Stat@2x.png" alt="logo" width="40"></span>Stats</a></li><li><a href="https://crossword.thehindu.com/faq"><span><img src="https://crossword.thehindu.com//images/cwLandingPageImgReDesign/Help and support@2x.png" alt="logo" width="40"></span>Help and support</a></li><li><a href onclick="tp.user.logout()"><span><img src="https://crossword.thehindu.com//images/cwLandingPageImgReDesign/Sign out@2x.png" alt="logo" width="40"></span>Sign out</a></li></ul>'; //console.log(dropdown); var list = document.querySelectorAll(".cw-signin"); for (var i = 0; i < list.length; ++i) { list[i].classList.add('ssologin'); list[i].insertAdjacentHTML('beforeend',dropdown); } } function islogoutUser(){ $('.cwtitleSubHead').css('display','block'); $('.clicknavbtn i').css('color','#000'); var dropdown = '<ul class=cwbflogin" ><li><a class="thgsignin"><span><img src="https://crossword.thehindu.com//images/cwLandingPageImgReDesign/Before/Sign in-Sign up@2x.png" alt="logo" width="40"></span>Sign in/Sign up</a></li><li><a href="https://crossword.thehindu.com/subscription/"><span><img src="https://crossword.thehindu.com//images/cwLandingPageImgReDesign/Before/Subscribe@2x.png" alt="logo" width="40"></span>Subscribe</a></li><li><a href="https://crossword.thehindu.com/faq"><span><img src="https://crossword.thehindu.com//images/cwLandingPageImgReDesign/Before/Help and support@2x.png" alt="logo" width="40"></span>Help and support</a></li></ul>'; var list = document.querySelectorAll(".cw-signin"); for (var i = 0; i < list.length; ++i) { list[i].classList.add('ssologin'); list[i].insertAdjacentHTML('beforeend',dropdown); } //document.getElementById("hello-user").innerText = "User"; } $(function(){ $(document).on("click",".thgsignin",function() { console.log("inin"); tp.pianoId.show({ loggedIn: function(data) { location.reload(); }, loggedOut: function() {location.reload();} }); $(".user-menu").hide(); }); }); }]); function daysleft(enddate){ var day_start = new Date(); var day_end = new Date(enddate); day_end.setHours(23,59,59,999); var enddatefinal = new Date(day_end); var total_days = (enddatefinal - day_start) / (1000 * 60 * 60 * 24); total_days = total_days - 1; if(Math.ceil(total_days) < 1){ total_days = "0"; } return Math.ceil(total_days); } function hide_menu_in_pg_page() { $("#menudashboard, #menuuser").hide(); $("#sso-signin").html(""); $("#menuuser").find("ul").remove(); } /** Common functions End **/ $(document).ready(function(){ $(".hamburger").click(function(e){ e.stopPropagation(); $(".hamburger").toggleClass("hamCross"); $(".side-content-lt").toggleClass("active"); $('.clicknavbtn_div').removeClass("active"); $('body').toggleClass('cwCustomoverlay'); }); $(".close-btn").click(function(e){ e.stopPropagation(); $(".hamburger").removeClass("hamCross"); $('body').removeClass('cwCustomoverlay'); $(".side-content-lt").removeClass("active"); }); $(".clicknavbtn").click(function(e){ e.stopPropagation(); $(".clicknavbtn_div").toggleClass("active"); $(".side-content-lt").removeClass("active"); $(".hamburger").removeClass("hamCross"); $('body').toggleClass('cwCustomoverlay'); }); $(".clicknavbtn-close-btn").click(function(e){ e.stopPropagation(); $(".clicknavbtn_div").removeClass("active"); $('body').addClass('cwCustomoverlay'); }); $('body').click( function() { $('.clicknavbtn_div').removeClass("active"); $(".side-content-lt").removeClass("active"); $(".hamburger").removeClass("hamCross"); $('body').removeClass('cwCustomoverlay'); }); $('.nav-container-left li').click(function(){ $(this).addClass('active') .siblings() .removeClass('active'); }); $('.nav-container-right li').click(function(){ $(this).addClass('active') .siblings() .removeClass('active'); }); }); $(document).ready(function() { //islogoutUser(); var height = $('.top-nav').outerHeight(); $(window).scroll(function() { if($(this).scrollTop() > height) { $('.top-nav').css('position','fixed'); $('body').css('padding-bottom',height+'px'); } else if($(this).scrollTop() <= height) { $('.top-nav').css('position','static'); $('body').css('padding-bottom','0'); } }); $(window).scroll(); }); </script> <script type="text/javascript"> window.addEventListener("message", receiveMessage, !1); function receiveMessage(a) { try { if ("https://cdn3.amuselabs.com" === (a.origin || a.originalEvent.origin)) { var origin = a.origin || a.originalEvent.origin; if (a.data) { a = JSON.parse(a.data); } if ("event" == a.type) { // The message type is event, received when the crossword element is clicked for the first time var offset = (a.gridOffset) ? a.gridOffset : 0; scrollTop = document.getElementsByTagName("crosswordFrame")[0].offsetTop; // scroll the crossword to fit it in the viewport document.getElementsByTagName('body')[0].scrollTop = scrollTop + offset; } if ("crossword" == a.src && a.frameHeight) { // If the data contains frame height, set the iframe height to the given height document.getElementById("crosswordFrame").setAttribute("height", a.frameHeight ); if (typeof console !== 'undefined') { console.log("Receive message frame height:" + a.frameHeight); } } } } catch (error) { if (typeof console !== 'undefined') { console.log("Receive message error:" + error); } } }; function crossword(url , containerId , paywall ,login) { console.log("inside function"); tp = window["tp"] || []; tp.push(['init',function() { login = typeof login !== 'undefined' ? login : true; //console.log(tp.user.isUserValid()); //console.log(tp.pianoId.getUser().uid); // var userId = ""; if (tp.user.isUserValid()) { var userId = tp.pianoId.getUser().uid; } //console.log("USERID",userId); var ifrm = document.createElement("iframe"); ifrm.setAttribute("src",url + (typeof userId != "undefined" ? "&uid=" + userId : "") ); ifrm.width = "100%"; ifrm.height = "700"; ifrm.id="crosswordFrame" ifrm.allowfullscreen = "true"; ifrm.name = "hindu-one-down"; ifrm.style = "border:none;width: 100% !important;position: static;display: block !important;margin: 0 !important;" document.getElementById(containerId).innerHTML = ''; document.getElementById(containerId) .append(ifrm); console.log(ifrm); }]); } setInterval(function () { $('body').append('<style>.cwWordSeries:before{display:none !important;}</style>'); },3000); </script> <style> body:before{ position:absolute; z-index: -1; display:block; content:""; top:50%; left:50%; width:64px; height:64px; transform: translate(-32px, -32px); background-repeat: no-repeat; background-image: url(data:image/gif;base64,R0lGODlhPwA/AJECAAAAAP///////wAAACH/C05FVFNDQVBFMi4wAwEAAAAh/wtYTVAgRGF0YVhNUDw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQ1IDc5LjE2MzQ5OSwgMjAxOC8wOC8xMy0xNjo0MDoyMiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDo3ODk1MTdlMS01Yzg4LTRkYzItYmEzMy1jYjdhYzM4ZmQ5MWIiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6OUI2MDdBNEJENzg0MTFFOUE3NjNFOTM5MUNGQTAxMkUiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6OUI2MDdBNEFENzg0MTFFOUE3NjNFOTM5MUNGQTAxMkUiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTkgKE1hY2ludG9zaCkiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDozYzQ0MTcwMi02ZDc0LTRjNTEtYTBkZC04OGI4OWM2MzM3MzAiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6Nzg5NTE3ZTEtNWM4OC00ZGMyLWJhMzMtY2I3YWMzOGZkOTFiIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+Af/+/fz7+vn49/b19PPy8fDv7u3s6+rp6Ofm5eTj4uHg397d3Nva2djX1tXU09LR0M/OzczLysnIx8bFxMPCwcC/vr28u7q5uLe2tbSzsrGwr66trKuqqainpqWko6KhoJ+enZybmpmYl5aVlJOSkZCPjo2Mi4qJiIeGhYSDgoGAf359fHt6eXh3dnV0c3JxcG9ubWxramloZ2ZlZGNiYWBfXl1cW1pZWFdWVVRTUlFQT05NTEtKSUhHRkVEQ0JBQD8+PTw7Ojk4NzY1NDMyMTAvLi0sKyopKCcmJSQjIiEgHx4dHBsaGRgXFhUUExIREA8ODQwLCgkIBwYFBAMCAQAAIfkEBQAAAgAsAAAAAD8APwAAAreEj6nL7R2inLTaCK7e0vBvZeCIiSRonpynfml7sbD2zpRsV3Ve8qGv2/GEORwwQLQZgcnZ0teEPYfHybRY7URbW9VVme2Fu6evM4wkk9QjsxTt5sLZqDncPsZn6S7+Sl/ltxHnBXgkSIMYY8g09/AIGQl5N6b4U0m5Z6nDCNVJhZkXuveJNRpYCnZ6mHq22vjqGQuqmRm4edP6NmtaK+pLyqsKjCrsSsxqvIsMyyzrTHsrOU0dWQAAIfkEBRQAAgAsAQABAB4AHgAAAhyEj6nL7Q+jnLTai7PevPsPhuJIluaJpurKtmsBACH5BAUUAAIALAEAAQA9AB4AAAJdjI+pa+APo5yP2Xuo3hD7xYXUR2biWZUkyqore7ofHMsYLdo3zukX3/MxgBvhkDgyKpBJJYI5cSagEumT2rE2sCktt2v9OrTbLzkgBpzTa3HbTGbH3XO4l363h8UFACH5BAUUAAIALCAAAQAeAD0AAAJAjI+py+0Po5y02ouz3rz7D4biSJbmiabqyrYrAMfyTNf2jef6zvf+DwwKh8Si8YhMKpfMpvMJjUqn1Kr1ik0WAAAh+QQFFAACACwBACAAPQAeAAACXYSPqXvhD6OcjtmLqN4Pe8aF00dm4lmVJYqqKyu6JBzLHh3aN77pGN/zWYAa4ZA4Mi6QSWWCKXEqoBHpk9qxNrApLYDb1YIDXsO4/AWjz2W21y1Wt+Vvepy7tlvHBQAh+QQFAAACACwBACAAHgAeAAACHIyPqcvtD6OctNqLs968+w+G4kiW5omm6sq2awEAOw==);} #iframeContainer{ min-height: 100vh; } </style> <style> footer{ margin-top:0 !important; } .cwWordSeries .page-wrapper{ box-shadow: none !important; } .cwWordSeries .sticky-head{ position:relative !important; box-shadow: none !important; } .cwBreadcrumbDiv img{ width:50px; margin:10px 15px 10px 8px; position:relative; } .cwBreadcrumbDiv i{ position: absolute; right: 0.7em; top: 0.6em; cursor:pointer; } .cwBreadcrumbDiv span{ font-size: 26px; font-weight: 700; text-transform: capitalize; position: absolute; top: 0.6em; } .cwBreadcrumbDiv a{ color:#000; } @media screen and (max-width: 767px) { .cwBreadcrumbDiv i{ font-size:20px; top: 1.1em; } .cwBreadcrumbDiv span { font-size: 18px; top: 1.1em; } } </style> <div class="container-fluid cwBreadcrumbDiv" id="cwBreadcrumbDiv"> <div class="row"> <div class="col-xs-12"> <a href="https://crossword.thehindu.com/crossword/hindu-one-down"> <img src="https://crossword.thehindu.com/images/crossword-logos/svg/onedown_logo.svg"> <span>One Down</span> </a> <i class="fa fa-calendar fa-2x" aria-hidden="true"></i> <script type="text/javascript"> $('.cwBreadcrumbDiv i').click(function(){ crossword("https://cdn3.amuselabs.com/hindu/calendar-picker?set=hindu-one-down&timezone=IST" , "iframeContainer" , true); }); </script> </div> </div> </div> <div id="iframeContainer" ></div> <script type="text/javascript"> tp = window.tp || []; tp.push(['init', function () { if (tp.user.isUserValid()) { crossword("https://cdn3.amuselabs.com/hindu/date-picker?set=hindu-one-down&embed=1", "iframeContainer", true); } else { console.log("User is not logged in. Crossword will not be loaded."); } }]); if(thg.functionalCookie()){ var path = window.location.href; path = path.replace(/\/$/, ""); path = decodeURIComponent(path); var sPath = window.location.href; var sPage = sPath.substring(sPath.lastIndexOf('/') + 1); console.log("ssaseries"+sPage); if(typeof clevertap != "undefined" ){ clevertap.event.push("Crossword_Series_Page",{ "Section":sPage, "Date": new Date() }); } } </script> <style> /*Copyright*/ .hndu-copyright-secction { border-top: 1px solid #e6e6e6; width:100%; float:left; } .hndu-copyright { padding: 20px; } .hndu-copyright p { text-align: center; color: #777777; font-size: 16px; line-height: 26px; padding: 0; margin: 0; font-weight: 500; } /*back to top new*/ #hndu-back-top i{ display: block; width: 40px; height: 40px; padding: 6px; font-size: 22px; text-align: center; background: #63218F; background-image: linear-gradient(to top, #2D038B, #63218F); -webkit-border-radius: 100px; -ms-border-radius: 100px; border-radius: 100px; color:#fff; } #hndu-back-top{ display: inline-block; // background-color: #FF9800; width: 50px; height: 50px; text-align: center; border-radius: 4px; position: fixed; bottom: 10px; right: 20px; transition: background-color .3s, opacity .5s, visibility .5s; opacity: 0; visibility: hidden; z-index:9; text-decoration: none; } /*#hndu-back-top::after { content: "\f077"; font-family: FontAwesome; font-weight: normal; font-style: normal; font-size: 2em; line-height: 50px; color: #fff; } #hndu-back-top:hover { cursor: pointer; background-color: #333; } #hndu-back-top:active { background-color: #555; }*/ #hndu-back-top.show { opacity: 1; visibility: visible; } </style> <div id="consent_blackbar"></div> <div class="hndu-copyright-secction"> <div class="container"> <div class="row"> <div class="col-md-12"> <div class="hndu-copyright"> <p>Copyright漏 2025, THG PUBLISHING PVT LTD.</p> </div> </div> </div> </div> </div> <a id="hndu-back-top"><i class="fa fa-angle-up" aria-hidden="true"></i></a> <script> function baseURL(){ return "https://crossword.thehindu.com/"; } /*var path = window.location.href; path = path.replace(/\/$/, ""); path = decodeURIComponent(path); var sPath = window.location.href; var sPage = sPath.substring(sPath.lastIndexOf('/') + 1); if(typeof clevertap != "undefined" ){ clevertap.event.push("Crossword_Played",{ "Section":sPage, "Date": new Date() }); }*/ $(document).ready(function() { var btn = $('#hndu-back-top'); $(window).scroll(function() { if ($(window).scrollTop() > 50) { btn.addClass('show'); } else { btn.removeClass('show'); } }); btn.on('click', function(e) { e.preventDefault(); $('html, body').animate({scrollTop:0}, '2000'); }); }); </script> </body> </html>