/* Header */ .header {position:relative;font-family:"Roboto Condensed","Arial Narrow",sans-serif;font-size:12px;text-transform:uppercase;padding-top:11px;height:146px;box-sizing:border-box;} .header-top {display:flex;flex-flow:row wrap;justify-content:space-between;} .lang a {font-weight:bold;} .pages-menu li {float:left;margin-right:26px;} .pages-menu li.donate {font-weight:bold;} .social-header li {display:inline;margin-right:26px;} .header-middle {width:100%;text-align:center;margin:10px 0;height:64px;box-sizing:border-box;} .logo img {width:auto;height:100%;max-height:54px;} .main-menu {text-align:center;display:flex;justify-content:space-between;} .main-menu li:last-child, .social-header li:last-child {margin-right:0px;} .search-btn {background: transparent; color: inherit; border: none;} .search-btn a::before, .social-small li a::before {font-family:'Toi-new';content:"";font-size:12px;margin-right:4px;line-height:12px;} .social-small li.ajc a::before {content:"\e94f";font-size:14px;} .social-small li.facebook a::before {content:"\e915";} .social-small li.twitter a::before {content:"\e95d";} .social-small li.youtube a::before {content:"\e954";} .social-small li.subscribe a::before {content:"\e919";} .social-small li.telegram a::before {content:"\e956";} .social-small li.email a::before {content:"\e919";} .social-small li.print a::before {content:"\e934";} .social-small li.tiktok a::before {content:"\e957";} .header-bottom {border-top:0.5px solid;padding:13px 0 12px;height:40px;box-sizing:border-box;} .header-bottom .social-small {display:none;} /* .search-btn span {display:none;} */ .section-header .has-children .sub-menu, .pages-menu div.has-children .sub-menu, .main-menu li.has-children .sub-menu {width:254px;left:calc(-254px / 2 + 50%);text-align:left;} .editions-menu .lang.has-children .sub-menu {width:120px;left:calc(-120px / 2 + 50%);} .main-menu > li {display:inline;} .new-header-toi .main-menu > li a {vertical-align:text-top;} .header-bottom .social-small li.current, .main-menu > li.current {font-weight:bold;position:relative;} .main-menu > li.current::after {position:absolute;bottom:-11px;left:0px;content:"";border-bottom:2px solid;width:100%;margin-top:10px;} .search-btn a::before {content:"\ea18";font-size:14px;margin:0;} .has-children {position:relative;cursor:pointer;} .has-children > a::after, .has-children > h2::after {font-family:'Toi-new';content:"\ea16";font-weight:400;margin-left:2px;} .has-children.active > a::after, .has-children.active > h2::after {content:"\ea14";} .sub-menu-dropdown {display:none;} .sub-menu {padding:20px;position:absolute;z-index:5;top:calc(100% + 10px);left:0;font-family:"Roboto",sans-serif;box-sizing:border-box;box-shadow:0px 2px 4px 2px rgba(0,0,0,0.25);} .sub-menu:after {position:absolute;left:0;margin-left:calc(50% - 8px);top:-8px;content:"";display:block;width:0;height:0;border-left:8px solid transparent;border-right:8px solid transparent;border-bottom:8px solid;} .has-children .sub-menu li {margin-bottom:12px;padding-bottom:10px;margin-right:0;border-bottom:0.5px solid;width:100%;} .section-header .has-children .sub-menu li:last-child, .main-menu .has-children .sub-menu li:last-child, .has-children .sub-menu li:last-child {margin-bottom:0;padding-bottom:0;border-bottom:none;} .main-menu .has-children .sub-menu li, .section-header .has-children .sub-menu li {text-transform:capitalize;padding-bottom:16px;margin-bottom:24px;} .main-menu .has-children .sub-menu li span, .section-header .has-children .sub-menu li span {display:inline-block;clear:both;text-transform:uppercase;font-weight:bold;margin-top:5px;} .main-menu .community-dropdown-menu .sub-menu li {padding-bottom:18px;margin-bottom:20px;} .header-title {float:right;text-align:center;width:calc(100% - 470px);padding:0 20px;font-family:"Roboto",sans-serif;font-size:14px;line-height:30px;text-transform:none;white-space:nowrap;overflow:hidden;text-overflow: ellipsis;box-sizing:border-box;} .main-menu .has-children .sub-menu.newsletters-menu li span {margin:0 0 5px;} .he-link {font-size:13px;line-height:12px;font-family:'Open Sans Hebrew', serif;} /* sticky header */ .header > .search-btn {display:none;float:right;width:50px;min-width:50px;height:50px;text-align:center;border-left:1px solid;cursor:pointer;} .header > .search-btn a::before {line-height:50px;} .menu-control {display:none;float:left;width:50px;min-width:50px;height:50px;text-align:center;border: 0;border-right:1px solid;cursor:pointer;background: transparent; color: inherit; align-items: center; justify-content: center;} .menu-control::before {font-family:'Toi-new';content:"\e922";font-size:16px;cursor:pointer;line-height:50px;cursor:pointer;} body.sticky-header {padding-top:146px;} body.sticky-header.small-header {padding-top:50px;} body.sticky-header .header {position:fixed;top:0;right:0;z-index:100;width:100%;min-height:50px;padding:0;height:inherit;-webkit-transform:translate3d(0, 0, 0);-o-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);} body.sticky-header:not(.small-header) .header{ animation:stickyheader 1s ease 0s;backface-visibility:hidden;-webkit-backface-visibility:hidden;} body.sticky-header .header > .container {padding:12px 20px;height:26px;width:calc(100% - 142px);clear:none;float:left;} body.sticky-header .header .header-top {float:right;display:inherit;flex-flow:inherit;justify-content:inherit;} body.sticky-header .header-top .social-small {margin-top:9px;} body.sticky-header .header .header-bottom {display:none;width:100%;clear:both;} body.sticky-header .header .header-middle {width:275px;height:100%;margin:0;float:left;text-align:left;display:block;} body.sticky-header .header .main-menu .search-btn, body.sticky-header .header .header-top .lang.has-children, body.sticky-header .header > .social-small li.subscribe, body.sticky-header .header > .social-header li span {display:none;} body.sticky-header .header > .social-header li {margin-right:12px;} body.sticky-header .header > .social-header li.twitter {margin:0;} body.sticky-header .header > .social-small li a::before {font-size:24px;line-height:30px;margin-right:0;} body.sticky-header .header > .social-small li.facebook a::before {content:"\e910";} body.sticky-header .header > .social-small li.twitter a::before {content:"\e90e";} body.sticky-header .header-bottom .social-small, body.sticky-header .header .menu-control{display: flex;} body.sticky-header .header > .search-btn{ display: flex; align-items: center; justify-content: center; } body.sticky-header .header .pages-menu{display:none;} body.sticky-header .main-menu > li.current::after {bottom:-12px;} /*.social-header.social {margin-top:2.5px;}*/ .social-header.social li {margin-right:12px;} .social-header.social li a::before {font-size:24px;} /* Search Header */ .header-search {display:none;position:absolute;z-index:4;left:0;width:100%;top:100%;height:74px;padding:20px 0;box-sizing:border-box;font-family:"Roboto",sans-serif;box-shadow:0px 2px 4px 2px rgba(0,0,0,0.25);} .wrap-input {float:left;position:relative;width:calc(100% - 120px);margin-right:18px;} .clear-text {background: transparent;border: none;outline: none;display:none;position:absolute;right:0;bottom:0;padding-bottom:12px;cursor:pointer;z-index:1;} .clear-text::before {content:"\e925";font-family:'Toi-new';font-size:14px;line-height:16px;} .search-form input[type="text"] {float:left;width:100%;padding-right:30px;box-sizing:border-box;font-size:24px;border:0;border-bottom:1px solid;transition:0.25s;} .search-form input[type="submit"] {float:left;width:102px;height:34px;border:0;font-size:12px;font-weight:bold;text-transform:uppercase;} .search-form input[type="text"]::-webkit-input-placeholder {font-size:16px;} .search-form input[type="text"]::-moz-placeholder {font-size:16px;} .search-form input[type="text"]:-ms-input-placeholder {font-size:16px;} .search-form input[type="text"]:-moz-placeholder {font-size:16px;} .search-form input[type="text"].active {padding-bottom:5px;transition:0.25s;} /* Header article features special (half, full) */ .single-features-special.sticky-header.small-header {padding-top:0;padding-bottom:0;} .single-features-special.sticky-header .header .header-bottom, .single-features-special .header {background-color:transparent;transition:background-color 1s;} .single-features-special.sticky-header .header > .container {padding:12px 20px 12px 8px;width:calc(100% - 78px);} .single-features-special.sticky-header .header > .search-btn {display:none;} .single-features-special.sticky-header .header .main-menu .search-btn {display:block;} .single-features-special .menu-control {border-right:0;} .single-features-special .social-header.social li {margin-right:0;width:50px;} .single-features-special .header.open {background:rgba(30,30,30,1) !important;transition:background 1s !important;} .single-features-special .header.close {transition:background 1s !important;} /*! NEW HEADER TOI */ .main-menu > li.current::after{display: none;} body.menu-opened{overflow: hidden;} .block-screen{overflow:hidden} .single-features-special.sticky-header .new-header-toi.header .join-community{padding-right:44px;background-size:48px;opacity: 1;} .new-header-toi{height:auto;padding:0} .new-header-toi *{-webkit-box-sizing:border-box;box-sizing:border-box} .new-header-toi .ar-link,.new-header-toi .far-link{font-family:'Droid Arabic Kufi',Tahoma,sans-serif;line-height:22px} .new-header-toi .he-link{font-size:12px;line-height:17px} .new-header-toi .logo img{min-width: 480px;} .new-header-toi .header-middle{margin:0;margin-top:-20px;height:auto;padding-bottom:26px;min-height:80px;display: grid;justify-items: center;} .new-header-toi .wrap-wide1{position:relative} .new-header-toi .header-top{padding:15px 20px 0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;-webkit-box-sizing:border-box;box-sizing:border-box;width:100%;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end} .new-header-toi .header-bottom{border-top:solid 1px #3e72ab;height:auto;padding: 0;} .new-header-toi .header-bottom .main-menu .adding-items{display:none} .new-header-toi .header-bottom .main-menu>li{display:block;padding:12px 10px 13px;} .new-header-toi .header-bottom .main-menu>li.current::after{content:none} .new-header-toi .header-bottom .main-menu>li a{font-size:14px;line-height:16px} .new-header-toi .header-bottom .main-menu>li.hide-for-navbar-top {display: none;} .new-header-toi .header-bottom .main-menu .sub-menu a{font-size:12px;line-height:10px} .new-header-toi .header-search .wrap-wide{max-width:1150px;margin:0 auto} .new-header-toi .lang a{color:#fff} .new-header-toi .pages-menu{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;position:absolute;right:20px;bottom:0;padding:10px 0;z-index: 1;} .new-header-toi .pages-menu li{line-height:14px;color:rgba(255,255,255,.75);float:none;position:relative;margin-right:8px;padding-right:8px} .new-header-toi .pages-menu li::after{content:"";background-color:rgba(255,255,255,.25);height:100%;width:1px;position:absolute;right:0;top:0} .new-header-toi .pages-menu li:last-child{margin-right:0;padding-right:0} .new-header-toi .pages-menu li:last-child::after{content:none} .new-header-toi .new-account{position:relative;z-index: 1;} .new-header-toi .new-account ul.new-list{display:-webkit-box;display:-ms-flexbox;display:flex} .new-header-toi .new-account ul.new-list a{display:inline-block;font-weight:700;font-size:12px;line-height:32px;border-radius:3px;text-align:center;height:32px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center} .new-header-toi .new-account ul.new-list a::before{content:"";font-family:Toi-new;font-weight:400} .new-header-toi .new-account ul.new-list .a-news a{border:1px solid rgba(255,255,255,.3);padding:0 12px} .new-header-toi .new-account ul.new-list .a-news a::before{content:"\e919";font-size:18px;margin-right:8px;margin-top:-3px} .new-header-toi .new-account ul.new-list .a-profile{margin-left:10px} .new-header-toi .new-account ul.new-list .a-profile>a{background-color:#e9ff4e;color:#0e4f97;padding:0 12px} .new-header-toi .new-account ul.new-list .a-profile img{margin-right:8px} .new-header-toi .new-account ul.new-list .a-profile.has-children a::after{font-size:14px;margin-left:5px} .new-header-toi .new-account ul.new-list ul.sub-menu{background-color:#e9ff4e;padding:15px;top:calc(100% + 5px);min-width:137px;left:auto;right:0;border-radius:3px;-webkit-box-shadow:0 0 4px 0 rgba(0,0,0,.3);box-shadow:0 0 4px 0 rgba(0,0,0,.3)} .new-header-toi .new-account ul.new-list ul.sub-menu::after{content:none} .new-header-toi .new-account ul.new-list ul.sub-menu li{border:none;padding:0;margin:0;margin-bottom:5px;white-space:nowrap} .new-header-toi .new-account ul.new-list ul.sub-menu li:last-child{margin-bottom:0} .new-header-toi .new-account ul.new-list ul.sub-menu a{color:#0e4f97;border:none;height:auto;padding:0;text-align:left;font-size:14px;line-height:20px;text-transform:none;font-weight:400} .community-member .new-header-toi .join-community{display:none!important} .community-member .new-header-toi .pages-menu{padding-top:10px;position:relative;right:auto;bottom:auto} .community-member .new-header-toi .header-top{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between} .community-member .new-account .a-profile a{padding:0 10px} .anonim-member .new-header-toi .join-community,.registered-member .new-header-toi .join-community{display:block} .registered-member .new-header-toi .new-account ul.new-list .a-profile>a{padding:0 10px} body:not(.sticky-header) .hide-for-navbar-top {display: none;} /*.join-community{position:absolute;height:100%;left:0;top:0;text-align:center;display:none;background-image:url("data:image/svg+xml;charset=utf8,%3C?xml version='1.0' encoding='UTF-8'?%3E%3Csvg width='97px' height='127px' viewBox='0 0 97 127' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Ctitle%3Efold%3C/title%3E%3Cdefs%3E%3ClinearGradient x1='50%25' y1='69.9184535%25' x2='35.89295%25' y2='56.6519669%25' id='linearGradient-1'%3E%3Cstop stop-color='%23000000' stop-opacity='0' offset='0%25'%3E%3C/stop%3E%3Cstop stop-color='%23000000' stop-opacity='0.15' offset='100%25'%3E%3C/stop%3E%3C/linearGradient%3E%3Cpath d='M-3.49735698e-14,107 C25.6666667,35.6666667 38.5,1.89257449e-14 38.5,1.89257449e-14 C34.890268,44.6367655 77,40.66 77,40.66 C77,40.66 51.3333333,62.7733333 -3.49735698e-14,107 Z' id='path-2'%3E%3C/path%3E%3Cfilter x='-16.9%25' y='-14.0%25' width='144.2%25' height='131.8%25' filterUnits='objectBoundingBox' id='filter-3'%3E%3CfeOffset dx='4' dy='2' in='SourceAlpha' result='shadowOffsetOuter1'%3E%3C/feOffset%3E%3CfeGaussianBlur stdDeviation='5' in='shadowOffsetOuter1' result='shadowBlurOuter1'%3E%3C/feGaussianBlur%3E%3CfeColorMatrix values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.2 0' type='matrix' in='shadowBlurOuter1'%3E%3C/feColorMatrix%3E%3C/filter%3E%3C/defs%3E%3Cg id='Header-Redesign' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='fold' transform='translate(6.000000, 8.000000)'%3E%3Crect id='Rectangle' x='0' y='0' width='77' height='107'%3E%3C/rect%3E%3Cg id='Combined-Shape-Copy'%3E%3Cuse fill='black' fill-opacity='1' filter='url(%23filter-3)' xlink:href='%23path-2'%3E%3C/use%3E%3Cuse fill='%23E9FF4E' fill-rule='evenodd' xlink:href='%23path-2'%3E%3C/use%3E%3Cuse fill='url(%23linearGradient-1)' fill-rule='evenodd' xlink:href='%23path-2'%3E%3C/use%3E%3C/g%3E%3Cpolygon id='Rectangle' fill='%23E9FF4E' points='9.36740269e-13 0 39 0 0 107'%3E%3C/polygon%3E%3C/g%3E%3C/g%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right;padding-right:95px;background-size:102px}*/ .join-community{position:absolute;height:100%;left:0;top:0;text-align:center;display:none;background-image:var(--community-banner);background-repeat:no-repeat;background-position:right;padding-right:95px;background-size:102px;z-index: 1;} .join-community .j-inner{background-color:#e9ff4e;padding:14px 0;padding-left:20px;height:100%} .join-community .ttl{font-size:22px;line-height:30px;color:#0e4f97;font-weight:700;pointer-events:none} .join-community .sub-ttl{font-size:14px;line-height:15px;text-transform:none;color:#0e4f97;font-weight:500;margin-bottom:10px;pointer-events:none;font-family:Roboto,sans-serif} .join-community .j-button a{font-family:Roboto,sans-serif;display:inline-block;height:26px;border-radius:26px;font-size:12px;font-weight:700;background-color:#0e4f97;text-align:center;line-height:26px;padding:0 18px} .sticky-header .new-header-toi.header{min-height:unset;height:50px;width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between} .sticky-header .new-header-toi.header .new-account{display:none} .sticky-header .new-header-toi.header .search-btn{display: none !important;} .sticky-header .new-header-toi.header .header-search{display:none!important} .sticky-header .new-header-toi.header .wrap-wide1{width:100%;display:-webkit-box;display:-ms-flexbox;display:flex} .sticky-header .new-header-toi.header .logo img{max-height:none;max-width:237px;height: 100%;min-width: auto;} .sticky-header .new-header-toi.header .header-top{width:auto;padding:0;padding-left:16px} .sticky-header .new-header-toi.header .header-middle{margin:0;padding:0;height:auto;width:auto;min-width:237px;min-height:unset} .new-header-toi.header .header-bottom .container{height:auto;padding:0;width:100%;float:none;clear:both;position:static} .sticky-header .new-header-toi.header .join-community{-webkit-transform:scaleX(-1);transform:scaleX(-1);left:auto;right:0;padding-right:41px;background-size:45px} .sticky-header .new-header-toi.header .join-community .j-inner{-webkit-transform:scaleX(-1);transform:scaleX(-1);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding-left:0;padding-right:15px;padding-left:5px} .sticky-header .new-header-toi.header .join-community .j-inner .ttl{pointer-events:all;font-size:18px;line-height:1} .sticky-header .new-header-toi.header .join-community .j-inner .sub-ttl{pointer-events:all;font-size:14px;line-height:18px;margin-bottom:0;margin-left:10px;font-family:"Roboto Condensed","Arial Narrow",sans-serif} .sticky-header .new-header-toi.header .join-community .j-button{display:none} .new-header-toi.header.open .menu-control::before{content:"\e924"} .new-header-toi.header.close .header-bottom{-webkit-animation-name:st-header-off;animation-name:st-header-off} .new-header-toi.header.close .header-bottom[data-state="closed"]{display: none;} .new-header-toi.header.open .header-bottom {-webkit-animation-name: st-header-on;animation-name: st-header-on;} body.sticky-header .header .header-bottom{background-color: #0b3f78;display: unset;} .single-features-special.sticky-header .header .header-bottom{background-color: #0b3f78;transition: background-color 1s;} .single-features-special.sticky-header .new-header-toi .new-account ul.new-list .a-profile>a, .page-template-video_page.sticky-header .new-header-toi .new-account ul.new-list .a-profile>a, .article-video-template.sticky-header .new-header-toi .new-account ul.new-list .a-profile>a, .community-page-template.sticky-header .new-header-toi .new-account ul.new-list .a-profile>a, .article-podcast-template.sticky-header .new-header-toi .new-account ul.new-list .a-profile>a{background-color: #fff;color: #000;} .new-header-toi.header .header-bottom{-webkit-animation-duration:.3s;animation-duration:.3s;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;-webkit-transform:translateX(-100%);transform:translateX(-100%);opacity:0;direction:rtl;position:fixed;width:100%;height:100vh;top:0;left:0;max-width:340px;display:block;border:none;background-color:#0b3f78;padding:30px 20px 15px;overflow-y:auto;z-index: 2;} .new-header-toi.header .header-bottom .wrap-wide{direction:ltr} .new-header-toi.header .header-bottom:not(.mobile-menu-wrapper)::-webkit-scrollbar{width:2px;left:0;right:0} .new-header-toi.header .header-bottom:not(.mobile-menu-wrapper)::-webkit-scrollbar-track{-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,.3);box-shadow:inset 0 0 6px rgba(0,0,0,.3)} .new-header-toi.header .header-bottom:not(.mobile-menu-wrapper)::-webkit-scrollbar-thumb{border-radius:5px;background-color:rgba(255,255,255,.8)} .new-header-toi.header .header-bottom .main-menu{display:block;text-align:left;font-family:Roboto,"Arial Narrow",sans-serif;font-weight:500} .new-header-toi.header .header-bottom .main-menu .adding-items{display:block} .new-header-toi.header .header-bottom .main-menu li{margin:0;margin-bottom:20px;text-transform:none;float: none;clear: both;font-family:Roboto,"Arial Narrow",sans-serif;font-weight:500;} .new-header-toi.header .header-bottom .main-menu li.hide-for-navbar-top{display: block;} .new-header-toi.header .header-bottom .main-menu li a, .new-header-toi.header .header-bottom .main-menu li h2{font-size:20px;line-height:24px;font-weight: 700;padding: 0;} .new-header-toi.header .header-bottom .main-menu li.first-of-type{padding-top:10px} .new-header-toi.header .header-bottom .main-menu li.first-of-type .dropdown-btn{border-top:solid 1px rgba(255,255,255,.2)} .new-header-toi.header .header-bottom .main-menu li.last-of-type{margin-bottom:30px} .new-header-toi.header .header-bottom .main-menu .has-children > a::after{display: block;} .new-header-toi.header .header-bottom .main-menu .has-children{text-transform:uppercase;font-weight:700;margin-bottom:0} .new-header-toi.header .header-bottom .main-menu .has-children.active{border-bottom:solid 1px rgba(255,255,255,.2)} .new-header-toi.header .header-bottom .main-menu .has-children.active .dropdown-btn{border-bottom:none} .new-header-toi.header .header-bottom .main-menu .has-children .dropdown-btn{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;width:100%;padding:12px 0 13px;border-bottom:solid 1px rgba(255,255,255,.2)} .new-header-toi.header .header-bottom .main-menu .has-children .sub-menu{position:relative;width:100%;left:auto;top:auto;padding:0;background-color:unset;font-family:Roboto,sans-serif;-webkit-box-shadow:none;box-shadow:none} .new-header-toi.header .header-bottom .main-menu .has-children .sub-menu li{font-family:Roboto,sans-serif;border:none;padding-bottom:0;font-weight:400} .new-header-toi.header .header-bottom .main-menu .has-children .sub-menu li a{font-family:Roboto,sans-serif;font-size:14px;line-height:20px;font-weight:500} .new-header-toi.header .header-bottom .main-menu .has-children .sub-menu li a span{font-family:Roboto,sans-serif;font-weight:500;margin:0} .new-header-toi.header .header-bottom .main-menu .has-children .sub-menu::after{content:none} .new-header-toi.header .header-bottom .main-menu .has-children .sub-menu.newsletters-menu li a span{text-transform:none;font-size:20px;line-height:24px} .new-header-toi.header .header-bottom .main-menu .has-children .sub-menu.partners-menu li a{text-transform:uppercase} .new-header-toi.header .header-bottom .main-menu .has-children .sub-menu.partners-menu li a span{text-transform:none;font-size:20px;line-height:24px} .new-header-toi.header .header-bottom .main-menu .mnl-text{text-align:center;font-size:24px;line-height:30px;margin-bottom:10px;font-weight:700} .new-header-toi.header .header-bottom .main-menu .menu-follow-us{padding:30px 0;border-bottom:solid 1px rgba(255,255,255,.2);margin-bottom:30px} .new-header-toi.header .header-bottom .main-menu .menu-follow-us .menu-follow-inner{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center} .new-header-toi.header .header-bottom .main-menu .menu-follow-us .menu-follow-inner a{font-size:20px;line-height:51px;text-align:center;display:block;width:52px;height:52px;border:solid 1px #3b6593;border-radius:52px;margin:0 10px} .new-header-toi.header .header-bottom .main-menu .menu-follow-us .menu-follow-inner a span{display:none} .new-header-toi.header .header-bottom .main-menu .menu-follow-us .menu-follow-inner a::before{font-family:Toi-new;content:"";font-weight:400} .new-header-toi.header .header-bottom .main-menu .menu-follow-us .menu-follow-inner a.facebook::before{content:"\e915"} .new-header-toi.header .header-bottom .main-menu .menu-follow-us .menu-follow-inner a.twitter::before{content:"\e95d"} .new-header-toi.header .header-bottom .main-menu .menu-newsletter{padding:30px 0;border-bottom:solid 1px rgba(255,255,255,.2);border-top:solid 1px rgba(255,255,255,.2);margin-bottom:0} .new-header-toi.header .header-bottom .main-menu .menu-newsletter .newsletter-error{margin-top:9px;float: none;clear: both;} .new-header-toi.header .header-bottom .main-menu .menu-newsletter .thank-you{font-size:12px;line-height:18px} .new-header-toi.header .header-bottom .main-menu .menu-newsletter .ml-form-inner{overflow:hidden;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;height:50px;border-radius:50px} .new-header-toi.header .header-bottom .main-menu .menu-newsletter .ml-form-inner input{width:100%;border:none;padding:0 10px 0 20px;color:#000;font-size:17px} .new-header-toi.header .header-bottom .main-menu .menu-newsletter .ml-form-inner input::-webkit-input-placeholder{color:#3b8bea} .new-header-toi.header .header-bottom .main-menu .menu-newsletter .ml-form-inner input::-moz-placeholder{color:#3b8bea} .new-header-toi.header .header-bottom .main-menu .menu-newsletter .ml-form-inner input:-ms-input-placeholder{color:#3b8bea} .new-header-toi.header .header-bottom .main-menu .menu-newsletter .ml-form-inner input::-ms-input-placeholder{color:#3b8bea} .new-header-toi.header .header-bottom .main-menu .menu-newsletter .ml-form-inner input::placeholder{color:#3b8bea} .new-header-toi.header .header-bottom .main-menu .menu-newsletter .ml-form-inner input:focus::-webkit-input-placeholder{color:transparent} .new-header-toi.header .header-bottom .main-menu .menu-newsletter .ml-form-inner input:focus::-moz-placeholder{color:transparent} .new-header-toi.header .header-bottom .main-menu .menu-newsletter .ml-form-inner input:focus:-ms-input-placeholder{color:transparent} .new-header-toi.header .header-bottom .main-menu .menu-newsletter .ml-form-inner input:focus::-ms-input-placeholder{color:transparent} .new-header-toi.header .header-bottom .main-menu .menu-newsletter .ml-form-inner input:focus::placeholder{color:transparent} .new-header-toi.header .header-bottom .main-menu .menu-newsletter .ml-form-inner .submit{border:none;display:block;min-width:80px;background-color:#3b8bea;color:#fff;text-align:left;padding-left:24px;cursor:pointer;position:relative} .new-header-toi.header .header-bottom .main-menu .menu-newsletter .ml-form-inner .submit span{display:none} .new-header-toi.header .header-bottom .main-menu .menu-newsletter .ml-form-inner .submit::before{font-family:Toi-new;content:"\e958";font-size:20px;font-weight:400;line-height:1} .new-header-toi.header .header-bottom .main-menu .menu-newsletter .loader .submit::before{content:"";display:block;position:absolute;top:10px;left:24px;width:30px;height:30px;border-radius:30px;-webkit-box-sizing:border-box;box-sizing:border-box;border:solid 5px #fff;border-top:5px solid transparent;-webkit-animation:load-animate infinite linear 1s;animation:load-animate infinite linear 1s} .new-header-toi.header .header-bottom .main-menu .menu-credits{font-size:12px;line-height:18px;font-weight:400;text-align:center} .new-header-toi.header .header-bottom .main-menu .menu-credits .terms{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center} .new-header-toi.header .header-bottom .main-menu .menu-credits .terms a{font-size:12px;line-height:18px;margin:0 5px;text-decoration:underline} .sticky-header .new-header-toi.header .new-account{display:block;position:absolute;right:20px;top:50%;z-index:5;-webkit-transform:translateY(-50%);transform:translateY(-50%)} .new-header-toi.header .header-bottom .main-menu .menu-newsletter .ml-form-inner .submit { border-top-right-radius: 52px; border-bottom-right-radius: 52px; } .sticky-header .new-header-toi.header .header-bottom { padding: 30px 20px 15px; height: 96vh !important; top: 50px !important; } .sticky-header.small-header .new-header-toi.header .header-top{padding-left: 0;} .sticky-header.small-header .new-header-toi.header .menu-control{position: absolute;background: none !important;z-index: 2;} .sticky-header.small-header .new-header-toi.header .wrap-wide1{justify-content: center;} .sticky-header.small-header .new-header-toi.header .israel-war{display: none !important;} /*add search field in menu*/ .new-header-toi.header .header-bottom .new-mobile-search-block {display: none;} .new-header-toi.header .header-bottom .new-mobile-search-block {display:block;margin-bottom:30px;background-color:#0c3f78;position:relative;width:100%;/*position:-webkit-sticky;position:sticky;top:0;*/z-index:6} .new-header-toi.header .header-bottom .new-mobile-search-block .new-mobile-header-search{width:100%} .new-header-toi.header .header-bottom .new-mobile-search-block .new-search-form{background-color:#0e4f97;width:100%;height:40px;width:100%;position:relative;overflow:hidden;border-radius:40px;} .new-header-toi.header .header-bottom .new-mobile-search-block .submit{border: none;box-shadow: none;background:unset;display:inline-block;position:absolute;color:#fff;left:10px;top:0;line-height:1;width:25px;height:100%;font-size:14px} .new-header-toi.header .header-bottom .new-mobile-search-block .submit span{display:none} .new-header-toi.header .header-bottom .new-mobile-search-block .submit::before{content:"\ea18";font-family:Toi-new;font-weight:400} .new-header-toi.header .header-bottom .new-mobile-search-block input{padding:10px 15px 10px 40px;height:100%;-webkit-box-shadow:none;box-shadow:none;border:none;background-color:unset;font-size:16px;line-height:16px;width:100%;font-family:Roboto,sans-serif;/*color:rgba(255,255,255,.5);*/color: #fff;} .new-header-toi.header .header-bottom .new-mobile-search-block input::-webkit-input-placeholder{color:rgba(255,255,255,.5)} .new-header-toi.header .header-bottom .new-mobile-search-block input::-moz-placeholder{color:rgba(255,255,255,.5)} .new-header-toi.header .header-bottom .new-mobile-search-block input:-ms-input-placeholder{color:rgba(255,255,255,.5)} .new-header-toi.header .header-bottom .new-mobile-search-block input::-ms-input-placeholder{color:rgba(255,255,255,.5)} .new-header-toi.header .header-bottom .new-mobile-search-block input::placeholder{color:rgba(255,255,255,.5)} .new-header-toi.header .header-bottom .new-mobile-search-block input:focus::-webkit-input-placeholder{color:transparent} .new-header-toi.header .header-bottom .new-mobile-search-block input:focus::-moz-placeholder{color:transparent} .new-header-toi.header .header-bottom .new-mobile-search-block input:focus:-ms-input-placeholder{color:transparent} .new-header-toi.header .header-bottom .new-mobile-search-block input:focus::-ms-input-placeholder{color:transparent} .new-header-toi.header .header-bottom .new-mobile-search-block input:focus::placeholder{color:transparent} .podcasts-header-link a {display: flex;} .podcasts-header-link a strong {font-size: 13px;margin-top: -1px;border-radius: 1px;background: #4396FA;padding: 1px 4px 0px;font-weight: bold;margin-left: 5px;} .sticky-header .podcasts-header-link a strong {margin-left: 10px;padding: 3px 3px 2px;font-size: 14px;line-height: 1;margin-top: 0;} .sticky-header .podcasts-header-link a {align-items: center;} @-webkit-keyframes st-header-on{ 0%{opacity:0;-webkit-transform:translateX(-100%);transform:translateX(-100%)} 50%{opacity:.5} 80%{-webkit-transform:translateX(0);transform:translateX(0)} 100%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)} } @keyframes st-header-on{ 0%{opacity:0;-webkit-transform:translateX(-100%);transform:translateX(-100%)} 50%{opacity:.5} 80%{-webkit-transform:translateX(0);transform:translateX(0)} 100%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)} } @-webkit-keyframes st-header-off{ 0%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)} 50%{opacity:.5} 80%{-webkit-transform:translateX(-100%);transform:translateX(-100%)} 100%{opacity:0;-webkit-transform:translateX(-100%);transform:translateX(-100%)} } @keyframes st-header-off{ 0%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)} 50%{opacity:.5} 80%{-webkit-transform:translateX(-100%);transform:translateX(-100%)} 100%{opacity:0;-webkit-transform:translateX(-100%);transform:translateX(-100%)} } @-webkit-keyframes load-animate{ 0%{-webkit-transform:rotate(0);transform:rotate(0)} 50%{-webkit-transform:rotate(180deg);transform:rotate(180deg);opacity:.35} 100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)} } @keyframes load-animate{ 0%{-webkit-transform:rotate(0);transform:rotate(0)} 50%{-webkit-transform:rotate(180deg);transform:rotate(180deg);opacity:.35} 100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)} } @media only screen and (max-width:1080px){ .new-header-toi .logo{padding-right:0;padding-left:10px} .new-header-toi .logo img{max-height:42px} .new-header-toi .join-community .j-inner{padding-left:10px} .community-member .new-header-toi .logo,.registered-member .new-header-toi .logo{padding-right:10px;padding-left:0} } @media only screen and (max-width:1190px){ .header-top .pages-menu>li:not(.editions-menu){display:block} } @media only screen and (min-width:1190px) { .header-top .editions-menu .has-children > a::after, .header-top .editions-menu .lang > span {display:none;} } @media only screen and (max-width:1190px) { .header-top .pages-menu > li:not(.editions-menu) {display:none;} .header-top .social-header li {margin-right:15px;} } @media only screen and (max-width:1280px) { body.sticky-header .header .header-middle {width:235px;} } .new-header-toi{z-index:999999} .new-header-toi.header.header-video{background: rgb(30, 30, 30);z-index:1} body.topic_is_video .new-header-toi.header{background:#1e1e1e} .header-middle{padding-left:12px;} .sticky-header .israel-war{ right: -434px; top: 0;} .sticky-header .new-header-toi.header .header-bottom .main-menu .menu-newsletter .ml-form-inner .submit{ border-top-right-radius: 52px; border-bottom-right-radius: 52px;} body.sticky-header .header-bottom .social-small {border-top-color:rgba(255, 255, 255, 0.1);} .header {background-color:#0e4f97;color:#fff;} .header > .search-btn {border-left-color:rgba(255, 255, 255, 0.1);} .header-bottom {border-color:rgba(255, 255, 255, 0.45);} .menu-control {border-right-color:rgba(255, 255, 255, 0.1);} .header-search {background:#fff;} .mobile .header-search-mobile {border-color:rgba(255, 255, 255, 0.45);} .mobile .header .newsletter input::-webkit-input-placeholder {color:#3b8bea;} .mobile .header .newsletter input {color:#3b8bea;} .mobile .header .newsletter input:-moz-placeholde {color:#3b8bea;} .mobile .header .newsletter input:-ms-input-placeholder {color:#3b8bea;} .mobile .header .newsletter input::-moz-placeholder {color:#3b8bea;} .mobile .header .newsletter .submit {background-color:#3b8bea;} .mobile .header .newsletter .submit::after {color:#fff;} .mobile .header-bottom > ul {border-color:rgba(255, 255, 255, 0.45);} /*! NEW HEADER TOI MOBILE */ /* .mobile.sticky-header.small-header.anonim-member,.mobile.sticky-header.small-header.registered-member{padding-top:98px} */ /* .mobile.sticky-header.small-header.registered-member{padding-top:98px} */ /* .mobile.sticky-header.small-header.community-member,.mobile.sticky-header.small-header.anonim-member{padding-top:50px} */ .mobile.sticky-header.small-header.single-features-special.anonim-member .article-header{max-height:calc(100vh - 98px)} .mobile.sticky-header.small-header.single-features-special .above-headline.stat_position{margin-top:5px} .mobile.sticky-header.small-header.single-features-special.community-member .article-header{max-height:calc(100vh - 50px)} .mobile.sticky-header .new-header-toi-mobile.header{display:block;min-height:50px;} .mobile.sticky-header .new-header-toi-mobile.header button{border:none;-webkit-box-shadow:none;box-shadow:none;-webkit-appearance:none;border-radius:0} .mobile.sticky-header .new-header-toi-mobile.header .menu-control{width:auto;height:auto;clear:both;float:none;text-align:unset} .mobile.sticky-header .new-header-toi-mobile.header .menu-control::before{line-height:unset;line-height:1;font-weight:400;content:"\e923"} .mobile.sticky-header .new-header-toi-mobile.header .logo{padding:0;line-height:0} .mobile.sticky-header .new-header-toi-mobile.header .logo img{height:auto;width:220px;max-width:220px;display:block;margin:auto} .mobile.sticky-header .new-header-toi-mobile.header .mob-header-wrapper{position:absolute;left:0;top:0;background-color:#0e4f97;z-index:10;height:100%;width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;padding:0 15px;border-bottom:solid 1px rgba(255,255,255,.3)} .mobile.sticky-header .new-header-toi-mobile.header .mob-header-wrapper .menu-control{position:absolute;left:0;top:0;height:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;width:50px;z-index:1} .mobile.sticky-header .new-header-toi-mobile.header .mob-header-wrapper .new-account{position:absolute;width:50px;height:100%;display:-webkit-box;display:-ms-flexbox;display:flex;z-index:1;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;top:0;right:4px} .mobile.sticky-header .new-header-toi-mobile.header .new-account{display:block;position:relative;top:auto;right:auto;-webkit-transform:none;transform:none} .mobile.sticky-header .new-header-toi-mobile.header .new-account ul.new-list .a-profile{margin:0} .mobile.sticky-header .new-header-toi-mobile.header .new-account ul.new-list .a-profile .dropdown-btn{padding:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;width:28px;height:28px;border-radius:28px;border:none} .mobile.sticky-header .new-header-toi-mobile.header .new-account ul.new-list .a-profile .dropdown-btn img{margin:0;display:inline-block} .mobile.sticky-header .new-header-toi-mobile.header .new-account ul.new-list .a-profile .dropdown-btn::after,.mobile.sticky-header .new-header-toi-mobile.header .new-account ul.new-list .a-profile .dropdown-btn::before{content:none;margin:0} .mobile.sticky-header .new-header-toi-mobile.header .new-account ul.new-list .a-profile.active .dropdown-btn{background-color:unset;color:#fff} .mobile.sticky-header .new-header-toi-mobile.header .new-account ul.new-list .a-profile.active .dropdown-btn img{display:none} .mobile.sticky-header .new-header-toi-mobile.header .new-account ul.new-list .a-profile.active .dropdown-btn::after{content:"\e924";font-size:16px;line-height:1;font-weight:400} .mobile.sticky-header .new-header-toi-mobile.header .new-account ul.new-list .a-profile.registered{display:none} .mobile.sticky-header .new-header-toi-mobile.header .new-account ul.new-list ul.sub-menu{min-width:163px;padding:16px 20px;top:calc(100% + 11px);right:-15px} .mobile.sticky-header .new-header-toi-mobile.header .new-account ul.new-list ul.sub-menu li{margin-bottom:10px} .mobile.sticky-header .new-header-toi-mobile.header .new-account ul.new-list ul.sub-menu li:last-child{margin-bottom:0} .mobile.sticky-header .new-header-toi-mobile.header .new-account ul.new-list ul.sub-menu a{font-size:16px} .mobile.sticky-header .new-header-toi-mobile.header .join-community-mobile{display:none;background-color:#0e4f97;-webkit-transition:-webkit-transform .2s;transition:-webkit-transform .2s;transition:transform .2s;transition:transform .2s,-webkit-transform .2s;position:absolute;left:0;top:50px;width:100%} .mobile.sticky-header .new-header-toi-mobile.header .join-community-mobile .j-inner{height:50px;width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;padding-right:15px} .mobile.sticky-header .new-header-toi-mobile.header .join-community-mobile .j-inner .ttl{padding-right:44px;font-weight:700;min-width:52%;height:100%;background-image:url("data:image/svg+xml;charset=utf8,%3C?xml version='1.0' encoding='UTF-8'?%3E%3Csvg width='97px' height='127px' viewBox='0 0 97 127' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Ctitle%3Efold%3C/title%3E%3Cdefs%3E%3ClinearGradient x1='50%25' y1='69.9184535%25' x2='35.89295%25' y2='56.6519669%25' id='linearGradient-1'%3E%3Cstop stop-color='%23000000' stop-opacity='0' offset='0%25'%3E%3C/stop%3E%3Cstop stop-color='%23000000' stop-opacity='0.15' offset='100%25'%3E%3C/stop%3E%3C/linearGradient%3E%3Cpath d='M-3.49735698e-14,107 C25.6666667,35.6666667 38.5,1.89257449e-14 38.5,1.89257449e-14 C34.890268,44.6367655 77,40.66 77,40.66 C77,40.66 51.3333333,62.7733333 -3.49735698e-14,107 Z' id='path-2'%3E%3C/path%3E%3Cfilter x='-16.9%25' y='-14.0%25' width='144.2%25' height='131.8%25' filterUnits='objectBoundingBox' id='filter-3'%3E%3CfeOffset dx='4' dy='2' in='SourceAlpha' result='shadowOffsetOuter1'%3E%3C/feOffset%3E%3CfeGaussianBlur stdDeviation='5' in='shadowOffsetOuter1' result='shadowBlurOuter1'%3E%3C/feGaussianBlur%3E%3CfeColorMatrix values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.2 0' type='matrix' in='shadowBlurOuter1'%3E%3C/feColorMatrix%3E%3C/filter%3E%3C/defs%3E%3Cg id='Header-Redesign' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='fold' transform='translate(6.000000, 8.000000)'%3E%3Crect id='Rectangle' x='0' y='0' width='77' height='107'%3E%3C/rect%3E%3Cg id='Combined-Shape-Copy'%3E%3Cuse fill='black' fill-opacity='1' filter='url(%23filter-3)' xlink:href='%23path-2'%3E%3C/use%3E%3Cuse fill='%23E9FF4E' fill-rule='evenodd' xlink:href='%23path-2'%3E%3C/use%3E%3Cuse fill='url(%23linearGradient-1)' fill-rule='evenodd' xlink:href='%23path-2'%3E%3C/use%3E%3C/g%3E%3Cpolygon id='Rectangle' fill='%23E9FF4E' points='9.36740269e-13 0 39 0 0 107'%3E%3C/polygon%3E%3C/g%3E%3C/g%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right;background-size:48px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center} .mobile.sticky-header .new-header-toi-mobile.header .join-community-mobile .j-inner .ttl a{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;width:100%;height:100%;text-align:center;padding-left:15px;font-size:14px;line-height:1;color:#0e4f97;background-color:#e9ff4e} .mobile.sticky-header .new-header-toi-mobile.header .join-community-mobile .j-inner .sub-ttl{text-align:center;color:#e9ff4e;font-size:14px;line-height:1;text-transform:none;font-family:Roboto,sans-serif;font-weight:500;text-align:center;width:100%} .mobile.sticky-header .new-header-toi-mobile.header .join-community-mobile .j-inner .sub-ttl span{white-space:nowrap} .mobile.sticky-header .new-header-toi-mobile.header.open .header-bottom{-webkit-animation-name:st-header-on-mobile;animation-name:st-header-on-mobile} .mobile.sticky-header .new-header-toi-mobile.header.close .header-bottom{-webkit-animation-name:st-header-off-mobile;animation-name:st-header-off-mobile} .mobile.sticky-header .new-header-toi-mobile.header .header-bottom{min-height:100%;float:none;clear:both;max-height:none;max-width:none;width:100%;direction:ltr;overflow:hidden;overflow-y:auto;top:0;z-index:15;-webkit-transform:translateX(-100%);transform:translateX(-100%);padding-top:0;padding-bottom:115px} .mobile.sticky-header .new-header-toi-mobile.header .header-bottom .menu-control{width:35px;height:35px;position:absolute;top:16px;right:-10px;z-index:10;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center} .mobile.sticky-header .new-header-toi-mobile.header .header-bottom .menu-control::before{content:"\e924";font-size:16px;font-weight:400;line-height:1;} .mobile.sticky-header .new-header-toi-mobile.header .header-bottom .main-menu .menu-newsletter .ml-form-inner{max-width:334px;margin:0 auto;background:0 0} .mobile.sticky-header .new-header-toi-mobile.header .header-bottom .main-menu .menu-newsletter .ml-form-inner .submit{padding:0;padding-left:24px;border-radius:0 25px 25px 0} .mobile.sticky-header .new-header-toi-mobile.header .header-bottom .main-menu .menu-newsletter .ml-form-inner .email-address{display:block} .mobile.sticky-header .new-header-toi-mobile.header .header-bottom .main-menu .menu-newsletter .newsletter-error{font-size:12px;line-height:1} .mobile.sticky-header .new-header-toi-mobile.header .header-bottom .main-menu .community-dropdown-menu .sub-menu li a{font-size:20px;line-height:24px} .mobile.sticky-header .new-header-toi-mobile.header .header-bottom .main-menu .community-dropdown-menu .sub-menu li a span{text-transform:none} .mobile.sticky-header .new-header-toi-mobile.header .header-bottom .new-mobile-search-block{display:block;padding-bottom:10px;margin-bottom:10px;background-color:#0c3f78;position:relative;width:100%;padding-top:14px;position:-webkit-sticky;position:sticky;top:0;z-index:6} .mobile.sticky-header .new-header-toi-mobile.header .header-bottom .new-mobile-search-block .new-mobile-header-search{width:100%} .mobile.sticky-header .new-header-toi-mobile.header .header-bottom .new-mobile-search-block .new-search-form{background-color:#0e4f97;width:100%;height:38px;width:100%;position:relative;overflow:hidden;border-radius:38px;max-width:calc(100% - 36px)} .mobile.sticky-header .new-header-toi-mobile.header .header-bottom .new-mobile-search-block .submit{background:unset;display:block;position:absolute;color:#fff;left:10px;top:0;line-height:1;width:25px;height:100%;font-size:17px;padding:0 6px 0 6px;} .mobile.sticky-header .new-header-toi-mobile.header .header-bottom .new-mobile-search-block .submit span{display:none} .mobile.sticky-header .new-header-toi-mobile.header .header-bottom .new-mobile-search-block .submit::before{content:"\ea18";font-family:Toi-new;font-weight:400} .mobile.sticky-header .new-header-toi-mobile.header .header-bottom .new-mobile-search-block input{padding:10px 15px 10px 40px;height:100%;-webkit-box-shadow:none;box-shadow:none;border:none;background-color:unset;font-size:17px;line-height:20px;width:100%;font-family:Roboto,sans-serif;color:rgba(255,255,255,.5)} .mobile.sticky-header .new-header-toi-mobile.header .header-bottom .new-mobile-search-block input::-webkit-input-placeholder{color:rgba(255,255,255,.5)} .mobile.sticky-header .new-header-toi-mobile.header .header-bottom .new-mobile-search-block input::-moz-placeholder{color:rgba(255,255,255,.5)} .mobile.sticky-header .new-header-toi-mobile.header .header-bottom .new-mobile-search-block input:-ms-input-placeholder{color:rgba(255,255,255,.5)} .mobile.sticky-header .new-header-toi-mobile.header .header-bottom .new-mobile-search-block input::-ms-input-placeholder{color:rgba(255,255,255,.5)} .mobile.sticky-header .new-header-toi-mobile.header .header-bottom .new-mobile-search-block input::placeholder{color:rgba(255,255,255,.5)} .mobile.sticky-header .new-header-toi-mobile.header .header-bottom .new-mobile-search-block input:focus::-webkit-input-placeholder{color:transparent} .mobile.sticky-header .new-header-toi-mobile.header .header-bottom .new-mobile-search-block input:focus::-moz-placeholder{color:transparent} .mobile.sticky-header .new-header-toi-mobile.header .header-bottom .new-mobile-search-block input:focus:-ms-input-placeholder{color:transparent} .mobile.sticky-header .new-header-toi-mobile.header .header-bottom .new-mobile-search-block input:focus::-ms-input-placeholder{color:transparent} .mobile.sticky-header .new-header-toi-mobile.header .header-bottom .new-mobile-search-block input:focus::placeholder{color:transparent} .mobile.sticky-header .new-header-toi-mobile.header .header-bottom .lang-block{border-bottom:solid 1px rgba(255,255,255,.2);margin-bottom:29px} .mobile.sticky-header .new-header-toi-mobile.header .header-bottom .lang-block .pages-menu{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;position:relative;right:auto;top:auto} .mobile.sticky-header .new-header-toi-mobile.header .header-bottom .lang-block .pages-menu li.lang a{font-weight:400} .mobile.sticky-header .new-header-toi-mobile.header .header-bottom .lang-block .pages-menu li{color:rgba(255,255,255,.5);margin:0;padding:0;font-size:14px;font-weight:400} .mobile.sticky-header .new-header-toi-mobile.header .header-bottom .lang-block .pages-menu li::after{content:none} .mobile.sticky-header .new-header-toi-mobile.header .header-bottom .lang-block .pages-menu li.spacer{font-size:18px;margin-top:-2px;font-weight:100;color:rgba(255,255,255,.3)} .mobile.sticky-header .new-header-toi-mobile.header .header-bottom .lang-block .pages-menu li.he-link{margin-top:-2px} .mobile.sticky-header .new-header-toi-mobile.header .header-bottom .lang-block .pages-menu li.far-link{margin-top:-2px} .mobile.sticky-header.hide-community-banner .join-community-mobile{-webkit-transform:translateY(-100%);transform:translateY(-100%)} .mobile.sticky-header.anonim-member .new-header-toi-mobile.header .join-community-mobile{display:block} .mobile.sticky-header.registered-member .new-header-toi-mobile.header .join-community-mobile{display:block} .mobile.sticky-header.community-member .new-header-toi-mobile.header .join-community-mobile{display:none} @media only screen and (max-width:380px){ .mobile.sticky-header .new-header-toi-mobile.header .join-community-mobile .j-inner .ttl a{padding-left:10px;white-space:nowrap} .mobile.sticky-header .new-header-toi-mobile.header .join-community-mobile .j-inner .sub-ttl a{white-space:nowrap} .mobile.sticky-header .new-header-toi-mobile.header .join-community-mobile .j-inner{padding-right:10px} } @media only screen and (max-width:320px){ .mobile.sticky-header .new-header-toi-mobile.header .logo img{max-width:200px} .mobile.sticky-header .new-header-toi-mobile.header .join-community-mobile .j-inner .ttl a{white-space:normal} .mobile.sticky-header .new-header-toi-mobile.header .join-community-mobile .j-inner .sub-ttl a{white-space:normal} } @-webkit-keyframes st-header-on-mobile{ 0%{opacity:0;-webkit-transform:translateY(-100%);transform:translateY(-100%)} 50%{opacity:.5} 80%{-webkit-transform:translateY(0);transform:translateY(0)} 100%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)} } @keyframes st-header-on-mobile{ 0%{opacity:0;-webkit-transform:translateY(-100%);transform:translateY(-100%)} 50%{opacity:.5} 80%{-webkit-transform:translateY(0);transform:translateY(0)} 100%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)} } @-webkit-keyframes st-header-off-mobile{ 0%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)} 50%{opacity:.5} 80%{-webkit-transform:translateY(-100%);transform:translateY(-100%)} 100%{opacity:0;-webkit-transform:translateY(-100%);transform:translateY(-100%)} } @keyframes st-header-off-mobile{ 0%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)} 50%{opacity:.5} 80%{-webkit-transform:translateY(-100%);transform:translateY(-100%)} 100%{opacity:0;-webkit-transform:translateY(-100%);transform:translateY(-100%)} } /* {TOI} Design and develop video article template */ .new-header-toi.header.header-video{ background: rgb(30, 30, 30); } /* {TOI} Main, Blogs | FIx spacing in menu */ .new-header-toi.header .header-bottom .main-menu { display: block; text-align: left; font-family: Roboto, "Arial Narrow", sans-serif; font-weight: 500; } .new-header-toi.header .header-bottom .main-menu li{ padding: 0 10px 0 10px; } /* {TOI} Adjust War Day counter position */ /* {TOI} Changes to social icons in footers and menus */ .menu-follow-inner .footer-social-icons { display: flex; justify-content: center; gap: 0px; margin-bottom: 20px; } .new-header-toi-mobile .menu-follow-inner .footer-social-icons{margin-bottom: 15px;} .menu-follow-inner .footer-social-icons a { margin: 0; } .menu-follow-inner .footer-social-icons .facebook-icon img, .menu-follow-inner .footer-social-icons .instagram-icon img, .menu-follow-inner .footer-social-icons .twitter-icon img{width:18px;} .menu-follow-inner .footer-social-icons .youtube-icon img{width:25.2px;} .new-header-toi.header .header-bottom .main-menu .menu-follow-us { padding: 24px 0 10px 0; border-bottom: solid 1px rgba(255, 255, 255, .2); margin-bottom: 30px; } .new-header-toi-mobile.new-header-toi.header .header-bottom .main-menu .menu-follow-us{margin-bottom: 11px;} /* .new-header-toi.header .header-bottom .main-menu .menu-newsletter .ml-form-inner{overflow: visible;} */ .mobile.sticky-header .new-header-toi-mobile.header .header-bottom .main-menu .menu-newsletter .ml-form-inner .email-address{ border-top-left-radius: 52px; border-bottom-left-radius: 52px; width:100%; } .new-header-toi.header .header-bottom .main-menu .menu-follow-us{ margin-bottom: 10px;} .mobile.sticky-header .new-header-toi-mobile.header .header-bottom{padding-bottom: 0;} .new-header-toi.header .header-bottom .main-menu li.menu-credits{margin-bottom:0px;} .new-header-toi.header .header-bottom .main-menu li.adding-items{margin-bottom:15px;} /* {TOI} Design and develop podcast article template {37} */ .mobile.sticky-header.podcast-template.small-header.anonim-member{padding-top: 50px;} body.sticky-header.podcast-template.small-header{padding-bottom: 0;} .mobile.sticky-header.podcast-template .new-header-toi-mobile.header .mob-header-wrapper{background:rgb(16, 17, 20);} .sr-only { clip: rect(0 0 0 0); clip-path: inset(50%); height: 1px; overflow: hidden; position: absolute; white-space: nowrap; width: 1px; } .mobile-only { display: none; } .new-header-toi.header .header-bottom-new .menu-control.header-bottom-menu-control { display: block; height: 43px; border: 0; } .new-header-toi .header-bottom-new { border-top: solid 1px #3e72ab; height: auto; padding: 0; border-color: rgba(255, 255, 255, 0.45); } .sticky-header .header-bottom-new { display: none; } .new-header-toi .header-bottom-new .main-menu > li a { font-size: 14px; line-height: 16px; } .new-header-toi .header-bottom-new .main-menu > li { display: block; padding: 12px 10px 13px; } .new-header-toi .header-bottom-new .main-menu > li.adding-items { display: none; } .sticky-header .new-header-toi.header .header-bottom .menu-control.header-bottom-menu-control { display: none; } .mobile.sticky-header .new-header-toi.header .header-bottom .header-bottom-menu-control { width: 35px; height: 35px; position: absolute; top: 16px; right: 10px; z-index: 10; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .new-header-toi.header .header-bottom-new .menu-control.header-bottom-menu-control:before { line-height: 0.9; } div.footer-social-icons a { display: flex; align-items: center; justify-content: center; } .footer-social-icons a:before { font-family: "Toi-new"; content: ""; font-size: 20px; font-weight: 400; } .footer-social-icons a.facebook-icon:before { content: "\e915"; } .footer-social-icons a.tg-icon:before { content: "\e956"; } .footer-social-icons a.twitter-icon:before { content: "\e95d"; } .footer-social-icons a.youtube-icon:before { content: "\e954"; } .footer-social-icons a.instagram-icon:before { content: "\e951"; } .footer-social-icons a.threads-icon:before { content: "\e95b"; } .footer-social-icons a.bluesky-icon:before { content: "\e963"; } .footer-social-icons a.whatsapp-icon:before { content: "\e913"; } body.page-template-page-cat-cards.sticky-header.community-member .new-header-toi.header .new-account { display: none; } footer.footer .container { max-width: 1024px; padding-inline: 30px; box-sizing: border-box; width: 100%; } .footer .rgbmedia { background-color: #fff; color: #000; font-family: Arial, helvetica, sans-serif; text-transform: uppercase; font-size: 10px; height: 60px; } .footer .rgbmedia-wrap { background-color: #fff; color: #000; font-family: Arial, helvetica, sans-serif; text-transform: uppercase; font-size: 10px; display: flex; align-items: center; justify-content: space-around; height: 60px; max-width: 455px; margin: 0 auto; width: 100%; } .footer .rgbmedia .rgblogo img { display: block; margin-top: -3px; margin-right: 7px; } .footer .rgbmedia .salalogo { display: block; margin-bottom: 2px; } .footer .rgbmedia .salalogo img { display: block; margin-top: -3px; } @media only screen and (min-width: 1024px) { .sticky-header:not(.small-header):not(.community-member) .new-header-toi.header .new-account{ display: none; } body:not(.sticky-header) .header-bottom .menu-control{ display: flex; z-index: 9; position: relative; border-right: 0; margin-top: -30px; } } @media only screen and (max-width: 1190px) { body:not(.salamandra-popup) .wrap-wide { max-width: 980px; width: 100%; } .new-header-toi.header .header-bottom-new .main-menu li.hide-shrink { display: none; } .header-top .pages-menu > li.spacer { display: none; } } @media screen and (max-width: 1150px) { .new-header-toi .logo img { min-width: 380px; } .footer .footer-middle { display: none; } .footer .rgbmedia { background-color: #fff; color: #000; font-family: Arial, helvetica, sans-serif; text-transform: uppercase; font-size: 10px; height: 50px; } .footer .rgbmedia-wrap { background-color: #fff; color: #000; font-family: Arial, helvetica, sans-serif; text-transform: uppercase; font-size: 9px; display: flex; align-items: center; justify-content: space-around; height: 50px; max-width: 300px; margin: 0 auto; width: 100%; } .footer .rgbmedia .rgblogo img { max-height: 18px; } .footer .rgbmedia .salalogo img { max-height: 12px; } .footer-social-icons a img { width: 20px; height: 30px; object-fit: contain; } } @media screen and (max-width: 1024px) { .new-header-toi.header .header-bottom .main-menu li.hide-shrink { display: block; } .footer .footer-top img { max-height: 22px; } .sr-only-mobile { clip: rect(0 0 0 0); clip-path: inset(50%); height: 1px; overflow: hidden; position: absolute; white-space: nowrap; width: 1px; } .mobile-only { display: inline; } .desktop-only { display: none; } .new-header-toi.header { display: block; min-height: 50px; height: 50px; display: flex; align-items: center; justify-content: center; border-bottom: 1px solid rgba(255, 255, 255, 0.3); } .header .pages-menu { display: none; } .sticky-header .new-header-toi.header.spotlight-topic .menu-control { background: transparent; } .sticky-header .israel-war, .israel-war { right: 0; top: 44px; } .sticky-header .new-header-toi.header .header-middle, .new-header-toi.header .header-middle { height: auto; width: 220px; max-width: 220px; margin: auto; min-width: 220px; position: unset; min-height: 50px; display: flex; align-items: center; justify-content: center; padding: 0; } .new-header-toi .logo { display: flex; align-items: center; justify-content: center; padding: 0; } .header .new-account ul.new-list .a-profile .dropdown-btn { padding: 0; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 28px; height: 28px; border-radius: 28px; border: none; } .new-header-toi.header .new-account ul.new-list .a-profile.active .dropdown-btn { background-color: unset; color: #fff; } .new-header-toi.header .new-account ul.new-list .a-profile.active .dropdown-btn img, .new-header-toi .new-account ul.new-list a::before { display: none; } body.sticky-header header.new-header-toi.header.spotlight-topic .menu-control{ background: transparent; } body.spotlight_topic.sticky-header .new-header-toi.header{ border-bottom: 0; } .new-header-toi.header .new-account ul.new-list .a-profile .dropdown-btn::after { content: none; } .new-header-toi.header .new-account ul.new-list .a-profile.active .dropdown-btn::after { content: "\e924"; font-size: 16px; line-height: 1; font-weight: 400; margin: 0; } .new-header-toi .new-account ul.new-list .a-profile, .new-header-toi .new-account ul.new-list .a-profile img { margin: 0; } .new-header-toi .new-account ul.new-list ul.sub-menu li { margin-bottom: 10px; } .sticky-header .new-header-toi.header .new-account, .community-member .new-header-toi.header .new-account { top: 0; right: 4px; width: 50px; z-index: 1; transform: none; height: 100%; align-items: center; display: flex; justify-content: center; position: absolute; } .new-header-toi.header .menu-control { position: absolute; left: 0; top: 0; height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 50px; z-index: 1; } .sticky-header .new-header-toi.header .header-top { padding: 0 !important; } .sticky-header .new-header-toi.header .wrap-wide1 { width: 100%; } .new-header-toi.header .logo img { width: 100%; min-width: 0; } .new-header-toi.header .new-account ul.new-list ul.sub-menu { min-width: 163px; padding: 16px 20px; top: calc(100% + 11px); right: -15px; } .new-header-toi.header .new-account ul.new-list ul.sub-menu a { font-size: 16px; } .sticky-header .new-header-toi.header .header-bottom, .new-header-toi.header .header-bottom { max-width: 100%; width: 100%; max-height: none; overflow: hidden; overflow-y: auto; top: 0 !important; left: 0; position: fixed; z-index: 15; background-color: #0b3f78; animation-fill-mode: both; transform: translateX(-100%); height: 100vh !important; padding: 30px 20px 15px; padding-bottom: 0; animation-duration: 0.3s; opacity: 0; display: block; padding-top: 0; } .new-header-toi.header.close .header-bottom[data-state="closed"] { display: none; } .new-header-toi.header .header-bottom .wrap-wide { width: 100%; } .new-header-toi.header .header-bottom .main-menu { display: block; text-align: left; font-family: Roboto, "Arial Narrow", sans-serif; font-weight: 500; } .sticky-header .new-header-toi.header.close .header-bottom, .new-header-toi.header.close .header-bottom { -webkit-animation-name: st-header-off-mobile; animation-name: st-header-off-mobile; } .sticky-header .new-header-toi.header.open .header-bottom, .new-header-toi.header.open .header-bottom { -webkit-animation-name: st-header-on-mobile; animation-name: st-header-on-mobile; } .sticky-header .new-header-toi.header .header-bottom .new-mobile-search-block, .new-header-toi.header .header-bottom .new-mobile-search-block { display: block; padding-bottom: 10px; margin-bottom: 10px; background-color: #0c3f78; position: relative; width: 100%; padding-top: 14px; position: -webkit-relative; position: relative; top: 0; z-index: 6; } .new-header-toi.header .header-bottom .new-mobile-search-block .new-search-form { background-color: #0e4f97; width: 100%; height: 38px; width: 100%; position: relative; overflow: hidden; border-radius: 38px; max-width: calc(100% - 36px); } .new-header-toi.header .header-bottom .new-mobile-search-block .submit span { display: none; } .new-header-toi.header .header-bottom .new-mobile-search-block .submit::before { content: "\ea18"; font-family: Toi-new; font-weight: 400; color: #fff; font-size: 17px; line-height: 1; } .new-header-toi.header .header-bottom .new-mobile-search-block input { padding: 10px 15px 10px 40px; height: 100%; -webkit-box-shadow: none; box-shadow: none; border: none; background-color: unset; font-size: 16px; line-height: 20px; width: 100%; font-family: Roboto, sans-serif; color: rgba(255, 255, 255, 0.5); } .new-header-toi.header .header-bottom .new-mobile-search-block .submit { background: unset; display: block; position: absolute; color: #fff; left: 10px; top: 0; line-height: 1; width: 25px; height: 100%; font-size: 17px; padding: 0 6px 0 6px; border: none; box-shadow: none; } .menu-control { border: 0; } .social-header.g-social-podcast-page{ display: none; } .sticky-header .new-header-toi.header.spotlight-topic .wrap-wide1{ background: transparent !important; } body.single-features-special header.new-header-toi.header .header-top .new-account{ display: flex; } .new-header-toi.header .header-bottom .lang-block { border-bottom: solid 1px rgba(255, 255, 255, 0.2); margin-bottom: 29px; display: block; } .new-header-toi.header .header-bottom .lang-block .pages-menu { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; position: relative; right: auto; top: auto; } .new-header-toi.header .header-bottom .lang-block .pages-menu li { color: rgba(255, 255, 255, 0.5); margin: 0; padding: 0; font-size: 14px; font-weight: 400; } .new-header-toi.header .header-bottom .lang-block .pages-menu li.spacer { font-size: 18px; margin-top: -2px; font-weight: 100; color: rgba(255, 255, 255, 0.3); } .new-header-toi .header-bottom .pages-menu li::after { display: none; } .new-header-toi.header .header-bottom .main-menu { display: block; text-align: left; font-family: Roboto, "Arial Narrow", sans-serif; font-weight: 500; } .new-header-toi.header .header-bottom .main-menu li { margin: 0; margin-bottom: 20px; text-transform: none; float: none; clear: both; font-family: Roboto, "Arial Narrow", sans-serif; padding: 0 10px 0 10px; font-weight: 500; } .new-header-toi.header .header-bottom .main-menu li.first-of-type { padding-top: 10px; } .new-header-toi.header .header-bottom .main-menu .has-children { text-transform: uppercase; font-weight: 700; margin-bottom: 0; } .single-features-special.sticky-header .new-header-toi.header .join-community{ padding-right: 0; } .new-header-toi.header .header-bottom .main-menu li a, .new-header-toi.header .header-bottom .main-menu li h2 { font-size: 20px; line-height: 24px; font-weight: 700; padding: 0; } .new-header-toi.header .header-bottom .main-menu li.first-of-type .dropdown-btn { border-top: solid 1px rgba(255, 255, 255, 0.2); } .new-header-toi.header .header-bottom .main-menu .has-children .dropdown-btn { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; width: 100%; padding: 12px 0 13px; border-bottom: solid 1px rgba(255, 255, 255, 0.2); } .new-header-toi.header .header-bottom .main-menu .adding-items { display: block; } .new-header-toi.header .header-bottom .main-menu li.adding-items { margin-bottom: 15px; } .new-header-toi.header .header-bottom .main-menu .menu-newsletter { padding: 30px 0; border-bottom: solid 1px rgba(255, 255, 255, 0.2); border-top: solid 1px rgba(255, 255, 255, 0.2); margin-bottom: 0; } .new-header-toi.header .header-bottom .main-menu .mnl-text { text-align: center; font-size: 24px; line-height: 30px; margin-bottom: 10px; font-weight: 700; } .new-header-toi.header .header-bottom .main-menu .menu-newsletter .ml-form-inner { max-width: 334px; margin: 0 auto; background: 0 0; overflow: visible; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; height: 50px; border-radius: 50px; } .new-header-toi.header .header-bottom .main-menu .menu-newsletter .newsletter-error { margin-top: 9px; float: none; clear: both; font-size: 12px; line-height: 1; } .new-header-toi.header .header-bottom .main-menu .menu-newsletter .ml-form-inner input { width: 100%; border: none; padding: 0 10px 0 20px; color: #000; font-size: 17px; } .new-header-toi.header .header-bottom .main-menu .menu-newsletter .ml-form-inner .email-address { display: block; } .new-header-toi.header .header-bottom .main-menu .menu-newsletter .ml-form-inner .email-address { border-top-left-radius: 52px; border-bottom-left-radius: 52px; width: 100%; } .new-header-toi.header .header-bottom .main-menu .menu-newsletter .ml-form-inner .submit { border: none; display: block; min-width: 80px; background-color: #3b8bea; color: #fff; text-align: left; padding-left: 24px; cursor: pointer; position: relative; } .new-header-toi.header .header-bottom .main-menu .menu-newsletter .ml-form-inner .submit { padding: 0; padding-left: 24px; border-radius: 0 25px 25px 0; } .new-header-toi.header .header-bottom .main-menu .menu-newsletter .ml-form-inner .submit span { display: none; } .new-header-toi.header .header-bottom .main-menu .menu-newsletter .ml-form-inner .submit::before { font-family: Toi-new; content: "\e958"; font-size: 20px; font-weight: 400; line-height: 1; color: #fff; text-align: left; } .new-header-toi.header .header-bottom .main-menu .menu-follow-us { padding: 24px 0 10px 0; border-bottom: solid 1px rgba(255, 255, 255, 0.2); margin-bottom: 30px; } .new-header-toi.header .header-bottom .main-menu .menu-follow-us { margin-bottom: 10px; } .new-header-toi.header .header-bottom .main-menu .menu-follow-us .menu-follow-inner { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .new-header-toi.header .header-bottom .main-menu .menu-follow-us .menu-follow-inner a { font-size: 20px; line-height: 51px; text-align: center; display: block; width: 52px; height: 52px; border: solid 1px #3b6593; border-radius: 52px; margin: 0 10px; } .new-header-toi.header .header-bottom .main-menu .menu-credits { font-size: 12px; line-height: 18px; font-weight: 400; text-align: center; } .new-header-toi.header .header-bottom .main-menu li.menu-credits { margin-bottom: 0px; } .new-header-toi.header .header-bottom .main-menu .menu-credits .terms { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .new-header-toi.header .header-bottom .main-menu .menu-credits .terms a { font-size: 12px; line-height: 18px; margin: 0 5px; text-decoration: underline; } .new-header-toi.header .header-bottom .main-menu li.last-of-type { margin-bottom: 30px; display: block; } .header .newsletter .submit, .header .newsletter input { height: 50px; } .header .newsletter .submit::after { display: none; } .header div.newsletter { float: none; margin: 0; padding: 0; } .new-header-toi.header .header-bottom .main-menu .has-children .sub-menu { position: relative; width: 100%; left: auto; top: auto; padding: 0; background-color: unset; font-family: Roboto, sans-serif; -webkit-box-shadow: none; box-shadow: none; } .new-header-toi.header .header-bottom .main-menu .has-children .sub-menu:after { display: none; } .new-header-toi.header .header-bottom .main-menu .has-children .sub-menu li { font-family: Roboto, sans-serif; border: none; padding-bottom: 0; font-weight: 400; } .new-header-toi.header .header-bottom .main-menu .has-children.active .dropdown-btn { border-bottom: none; } .new-header-toi.header .header-bottom .main-menu .has-children .sub-menu.partners-menu li a { text-transform: uppercase; } .new-header-toi.header .header-bottom .main-menu .has-children .sub-menu.partners-menu li a span { text-transform: none; font-size: 20px; line-height: 24px; } .sticky-header.anonim-member:not(.community-member) .new-header-toi.header .new-account{ display: flex; } body.community-newsletter-template.sticky-header .new-header-toi.header .header-middle { margin-right: auto; } a.those-we-have-lost-contact-us { display: none; } body.page-template-page-cat-cards.sticky-header.community-member .new-header-toi.header .new-account { display: flex; } .g-new-podcast-page.page .new-header-toi .new-account ul.new-list .a-profile > a { background-color: #fff; color: #000; } .g-new-podcast-page.sticky-header .new-header-toi.header .new-account{ display: flex; } .page-template-podcast_page .new-header-toi.header, .single-features-special.sticky-header .new-header-toi.header{ border-bottom: 0; } .sticky-header .new-header-toi.header .join-community { display: none; background-color: #0e4f97; -webkit-transition: -webkit-transform 0.2s; transition: -webkit-transform 0.2s; transition: transform 0.2s; transition: transform 0.2s, -webkit-transform 0.2s; position: absolute; left: 0; top: 50px; width: 100%; padding: 0; } .sticky-header.anonim-member .new-header-toi.header .join-community { display: block; opacity: 1; } .sticky-header .new-header-toi.header .join-community .j-inner { height: 50px; width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding-right: 15px; padding: 0; background-color: transparent; } .sticky-header .new-header-toi.header .join-community .j-inner .ttl { padding-right: 44px; font-weight: 700; min-width: 52%; height: 100%; background-image: url("data:image/svg+xml;charset=utf8,%3C?xml version='1.0' encoding='UTF-8'?%3E%3Csvg width='97px' height='127px' viewBox='0 0 97 127' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Ctitle%3Efold%3C/title%3E%3Cdefs%3E%3ClinearGradient x1='50%25' y1='69.9184535%25' x2='35.89295%25' y2='56.6519669%25' id='linearGradient-1'%3E%3Cstop stop-color='%23000000' stop-opacity='0' offset='0%25'%3E%3C/stop%3E%3Cstop stop-color='%23000000' stop-opacity='0.15' offset='100%25'%3E%3C/stop%3E%3C/linearGradient%3E%3Cpath d='M-3.49735698e-14,107 C25.6666667,35.6666667 38.5,1.89257449e-14 38.5,1.89257449e-14 C34.890268,44.6367655 77,40.66 77,40.66 C77,40.66 51.3333333,62.7733333 -3.49735698e-14,107 Z' id='path-2'%3E%3C/path%3E%3Cfilter x='-16.9%25' y='-14.0%25' width='144.2%25' height='131.8%25' filterUnits='objectBoundingBox' id='filter-3'%3E%3CfeOffset dx='4' dy='2' in='SourceAlpha' result='shadowOffsetOuter1'%3E%3C/feOffset%3E%3CfeGaussianBlur stdDeviation='5' in='shadowOffsetOuter1' result='shadowBlurOuter1'%3E%3C/feGaussianBlur%3E%3CfeColorMatrix values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.2 0' type='matrix' in='shadowBlurOuter1'%3E%3C/feColorMatrix%3E%3C/filter%3E%3C/defs%3E%3Cg id='Header-Redesign' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='fold' transform='translate(6.000000, 8.000000)'%3E%3Crect id='Rectangle' x='0' y='0' width='77' height='107'%3E%3C/rect%3E%3Cg id='Combined-Shape-Copy'%3E%3Cuse fill='black' fill-opacity='1' filter='url(%23filter-3)' xlink:href='%23path-2'%3E%3C/use%3E%3Cuse fill='%23E9FF4E' fill-rule='evenodd' xlink:href='%23path-2'%3E%3C/use%3E%3Cuse fill='url(%23linearGradient-1)' fill-rule='evenodd' xlink:href='%23path-2'%3E%3C/use%3E%3C/g%3E%3Cpolygon id='Rectangle' fill='%23E9FF4E' points='9.36740269e-13 0 39 0 0 107'%3E%3C/polygon%3E%3C/g%3E%3C/g%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: right; background-size: 48px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .sticky-header .new-header-toi.header .join-community .j-inner .ttl a { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 100%; height: 100%; text-align: center; padding-left: 15px; font-size: 14px; line-height: 1; color: #0e4f97; background-color: #e9ff4e; } .sticky-header .new-header-toi.header .join-community .j-inner .sub-ttl { text-align: center; color: #e9ff4e; font-size: 14px; line-height: 1; text-transform: none; font-family: Roboto, sans-serif; font-weight: 500; text-align: center; width: 100%; margin: 0; } .sticky-header .new-header-toi.header .new-account { display: block; position: relative; top: auto; right: auto; -webkit-transform: none; transform: none; } .sticky-header .new-header-toi.header .new-account { position: absolute; width: 50px; height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; z-index: 1; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; top: 0; right: 4px; } } @media only screen and (max-width: 768px) { .footer-social-icons{flex-wrap: wrap; gap: 15px; } div.footer-social-icons a{max-width: 20%;} } @media only screen and (max-width: 380px) { .sticky-header .new-header-toi.header .join-community .j-inner .sub-ttl a { white-space: nowrap; } .sticky-header .new-header-toi.header .join-community .j-inner { padding-right: 10px; } .sticky-header .new-header-toi.header .join-community .j-inner .ttl a { padding-left: 10px; white-space: nowrap; } }