@import url('/assets/themes/ntd/css/fonts.css?ver=20231023'); /* header start */ body { font-family: 'Ringside Narrow'; } #header a, #footer a { color: #000; } #header { display: block; margin: 0 auto; width: 100%; } .home #header { display: block; margin: 0 auto; } #header .hidden { display: none; } #header .top_container { background: #fffcf8; border-bottom: solid 1px #dedede; } #header .toprow { position: relative; height: 30px; line-height: 30px; width: 100%; max-width: 1260px; margin: 0 auto; } #header .toprow > div { display: inline-flex; float: left; font-size: 13px; } #header .left_col { padding-left: 30px; font-family: 'Ringside Narrow'; } #header .toprow .left_col { width: 40%; } #header .toprow .language { padding-right: 18px; } #header .toprow .language:after { content: ''; border-left: 5px solid transparent; border-right: 5px solid transparent; border-top: 7px solid #000; position: relative; top: 10px; margin-left: 3px; } #header .toprow .donate { margin-left: 20px; } #header .toprow .date { width: 20%; text-align: center; font-family: "Ringside Narrow"; font-size: 14px; display: block; } #header .language_panel ul { position: absolute; top: 30px; left: 29px; min-width: 150px; text-align: left; background-color: #fff; padding: 10px 18px 25px; z-index: 101; box-shadow: 0px 15px 10px -15px #111; border: 1px solid #dedede; } #header .language_panel ul li { font-family: "Ringside Narrow"; list-style-type: none; text-transform: uppercase; line-height: 25px; } #header .language_panel a, #header .language_panel a:visited, #header .language_panel a:hover { color: #000; } #header .right_col { text-align: right; padding-right: 30px; height: inherit; display: flex; justify-content: flex-end; align-items: center; } #header .toprow .right_col { width: 40%; } header .right_col .subscribe { color: #fff; padding: 4px 9px; border-radius: 4px; font-family: "Ringside Narrow"; font-size: 12px; background-color: #DF4A4A; } header .right_col .login a { display: none; padding: 3px 9px; font-family: "Ringside Narrow"; text-transform: uppercase; } header .right_col .anonymous { display: inline-block; } header .right_col .my_subscription { color: #fff; padding: 4px 9px; border-radius: 4px; font-family: "Ringside Narrow"; font-size: 12px; background-color: #777; margin-right: 8px; } #header .right_col .subscribe a, #header .right_col .my_subscription a { color: #fff; } #header .right_col .search:before { content: '\f129'; font-family: 'Genericons'; font-size: 15px; color: #000; margin-right: 5px; margin-left: 25px; vertical-align: middle; } #header #user_wrapper { position: relative; display: inline-block; margin-right: 40px; font-family: "Ringside Narrow"; width: 60%; height: 30px; vertical-align: middle; } .top_wrapper #user_wrapper { height: 45px; } #user_wrapper.hidden { display: none !important; } #user_wrapper .user_name { position: relative; display: inline-block; width: 100%; height: 30px; text-transform: uppercase; cursor: pointer; } #user_wrapper .user_name:after { content: ''; position: absolute; bottom: 11px; right: -15px; width: 0; height: 0; border-style: solid; border-width: 9px 5px 0 5px; border-color: #000 transparent transparent transparent; } #user_wrapper:hover ul { display: block; } #user_wrapper ul { position: absolute; display: none; top: 29px; right: -15px; width: 150px; background-color: #fff; padding: 10px 18px 10px; z-index: 101; box-shadow: 2px 3px 7px -3px #111; border: 1px solid #dedede; } .top_wrapper #user_wrapper ul { top: 43px; } #user_wrapper li { list-style: none; line-height: 30px; } .icon_wrapper a { text-transform: uppercase; } .icon_wrapper a::before { content: ''; font-family: 'Genericons'; font-size: 15px; color: #000; margin-right: 5px; vertical-align: middle; } .icon_wrapper .donate::before { content: '\f19a'; font-size: 18px; color: #1e1e1e; } .icon_wrapper .newsletter::before { content: '\f11d'; font-size: 19px; } .home #header #search_pannel { top: -9px; } #header #search_pannel { position: absolute; top: 51px; right: 30px; width: 240px; box-shadow: 0 0 6px #e7e7e7; background: #fff; z-index: 1002; } #header #search_pannel form { position: relative; } #header #search_pannel input { display: block; border-radius: 3px; height: 36px; outline: 0; border: 0; box-shadow: inset 0 0 1px #999; width: 100%; padding-right: 35px; padding-left: 10px; } #header #search_pannel .search_icon:before { font-family: genericons; content: '\f129'; font-size: 15px; color: #000; } .search_form button { position: absolute; right: 2px; top: 8px; background-color: #fff; border: 0; border-left: 1px solid #999; padding-top: 3px; cursor: pointer; } #login_wrapper, .right_col .search { display: inline-block; } .ui-widget-overlay { background: #fff; opacity: 0; filter: Alpha(Opacity=30); } .ui-widget-overlay { position: fixed; top: 0; left: 0; width: 100%; height: 100%; } #header .main_logo { text-align: center; margin-top: 17px; height: 47px; } #header .main_logo img { max-height: 47px; height: 47px; } #hidden_menu { width: 100%; font-size: 15px; font-family: "Ringside Narrow"; background-color: #fff; z-index: 10; padding: 0 9% 30px; box-shadow: 0px 15px 10px -15px #111; overflow-y: auto; -webkit-overflow-scrolling: touch; height: auto; } .navigation { width: 100%; max-width: 1200px; min-width: 820px; font-size: 14px; position: relative; background-color: white; border-radius: 5px; margin: 0 auto; transition: 0.5s ease-in-out; } .navigation > .nav-wrap > ul { display: flex; overflow-x: auto; height: 43px; margin-right: 35px; justify-content: flex-start; } .navigation > .nav-wrap > ul > li { min-width: fit-content; list-style: none; padding: 3px 9px; } .navigation > .nav-wrap > ul > li > a { font-size: 16px; text-transform: uppercase; font-family: 'Ringside Narrow'; letter-spacing: -0.5px; line-height: 20px; } #more-nav { position: absolute; top: 0; right: 0; background-color: white; font-size: 20px; line-height: 20px; padding: 10px 0px 0 12px; cursor: pointer; } #more-nav::after { font-family: Genericons; content: "\f19e"; } .full_menu_items .nav-menu, .full_menu_items .feature-menu { width: 25%; padding-right: 10px; } .navigation .full_menu_items { display: flex; justify-content: space-evenly; flex-direction: row; flex-wrap: nowrap; background-color: #FCFCFC; border-radius: 5px; padding: 20px 0 10px; } .navigation .nav-wrap .full_menu_items > ul { flex: 0 1 200px; min-width: 160px; } #header .nav-wrap { display: flex; justify-content: center; text-align: center; flex-direction: row; } .full_menu_items > ul > li { list-style: none; padding-bottom: 20px; } .full_menu_items > ul > li > a { font-family: "Ringside Narrow"; font-weight: 700; color: #222; text-transform: uppercase; } .full_menu_items ul.sub-menu { padding-top: 3px; } .full_menu_items ul.sub-menu > li { line-height: 1.25rem; list-style: disc inside; } .full_menu_items ul.sub-menu > li > a { font-family: "Ringside Narrow"; font-size: 14px; color: #222; background-image: linear-gradient(rgba(128,128,128,1), rgba(128,128,128,1)), linear-gradient(rgba(128,128,128,0), rgba(128,128,128,0)); background-size: 0 1px, 100% 1px; background-position: 0 100%, 100% 100%; background-repeat: no-repeat, no-repeat; transition: background-size 0.15s ease-in; } .full_menu_items ul.sub-menu > li > a:hover { background-size: 100% 1px, 0 1px; } /* single header start */ #header .container { position: relative; height: 45px; width: 100%; max-width: 1260px; margin: 0 auto; } #header .top_wrapper { line-height: 1; } #header .top_wrapper .logo img { height: 20px; vertical-align: middle; } .logo > a { margin: auto; } #header .top_wrapper > div { display: inline-flex; float: left; line-height: 45px; height: 45px; font-size: 13px; } #header .top_wrapper .left_col { position: relative; width: 30%; text-transform: uppercase; } #header .top_wrapper .toggle { display: inline-block; width: 40px; } #header .top_wrapper .about_us, #header .toprow .about_us { margin: 0 10px; } #header .top_wrapper .right_col { width: 30%; } #header .top_wrapper .toggle:before { font-family: 'Genericons'; content: '\f128'; font-size: 28px; color: #000; position: absolute; top: 6px; } #header .close_icon > a::after { font-family: 'Genericons'; content: '\f107'; font-size: 15px; color: #000; position: relative; top: 3px; padding-left: 5px; } #header .close_icon { text-align: right; padding: 10px 0; font-weight: normal; } #header .container .close:before { font-family: 'Genericons'; content: '\f107'; font-size: 20px; top: 3px; } #header .logo { width: 40%; text-align: center; } #header .center_container { position: relative; align-items: center; max-width: 1260px; margin: 0 auto; } #header .tagline { font-style: italic; text-transform: uppercase; font-size: 16px; text-align: center; letter-spacing: 0.2px; height: 100%; display: flex; flex-wrap: nowrap; justify-content: center; white-space: nowrap; margin-top: 10px; } #header .tagline:after { content: url('/assets/themes/ntd/images/logo_rightDec.png'); height: 10px; padding-left: 5px; display: inline-block; } #header .tagline:before { content: url('/assets/themes/ntd/images/logo_leftDec.png'); height: 10px; padding-right: 5px; display: inline-block; } #login_wrapper > iframe { width: 221px; vertical-align: middle; } @media screen and (max-width: 865px) { #header .subscribe, #header .donate { padding-right: 10px; } #header .cat_name { display: none; } .main_content .top_part .middle_side { width: 72% !important; margin-right: 0 !important; margin-left: 0 !important; padding-left: 0 !important; padding-right: 5px !important; } .main_content .top_part .right_side { width: 25% !important; } .main_content .top_part .left_side { width: 90% !important; } } @media screen and (max-width: 700px) { #header .toprow .left_col { width: 50%; } #header .toprow .date { display: none; } #header .toprow .right_col { width: 50%; } .main_content .top_part .middle_side { width: 100% !important; } .main_content .top_part .right_side { width: 45% !important; float: right; } .main_content .top_part .left_side { width: 45% !important; float: left; } } @media screen and (max-width: 670px) { #header .container .icon_wrapper { display: none; } } /* header end */ /* footer start */ #footer { display: inline-block; width: 100%; height: auto; background: #f5f5f5; } footer ul li { list-style: none; } #footer .container { max-width: 1260px; margin: auto; padding: 50px 0; line-height: 1; } #footer .toprow { display: inline-block; width: 100%; height: auto; border-bottom: solid 1px #cccccc; padding-bottom: 20px; line-height: 21px; } #footer .toprow .logo { height: 24px; margin-right: 50px; } #footer .toprow .logo img { height: 100%; } #footer .toprow > div { display: inline-block; float: left; } #footer .toprow .icon_wrapper { width: calc(100% - 325px); } #footer .toprow .icon_wrapper a { border: 1px solid #000; padding: 9px; border-radius: 5px; margin: 0 6px; font-family: "Ringside Narrow"; font-weight: 700; font-size: 13px; } #footer .toprow .icon_wrapper a:first-child { margin-left: 0; } #footer #menu-feature-menu { border-bottom: solid 1px #cccccc; padding: 5px 0; } #footer #menu-feature-menu li { display: inline-block; padding: 5px 10px; } #footer #menu-feature-menu li:first-child { display: inline-block; padding-left: 0; } #footer #menu-feature-menu li a { font-family: 'Roboto', sans-serif; font-weight: 700; font-size: 14px; color: #000; text-transform: uppercase; } #footer .link_menu { display: inline-block; float: left; width: 25%; margin: 35px 0; padding-right: 10px; line-height: 1.2; } #footer .link_menu .others, #footer .link_menu .languages { -webkit-column-count: 2; -moz-column-count: 2; column-count: 2; } #footer .link_menu a { font-family: "Ringside Narrow"; font-size: 14px; color: #000; line-height: 17px; } #footer .block_title { font-family: "Ringside Narrow"; font-weight: 700; font-size: 14px; color: #000; padding: 25px 0; } #footer .full_menu_items { display: inline-block; float: left; width: 75%; margin: 35px 0; border-left: 1px solid #ccc; font-family: "Ringside Narrow"; font-size: 14px; line-height: 17px; } footer .full_menu_items > ul, footer .full_menu_items > div > ul { display: inline-block; float: left; width: 25%; padding-left: 3%; vertical-align: top; } footer ul.nav-menu > li > a { font-family: "Ringside Narrow"; font-weight: 700; } footer ul.sub-menu > li > a { font-family: "Ringside Narrow"; } #footer .copyright { width: 100%; text-align: center; margin: 20px 0; padding: 20px 0; font-family: "Ringside Narrow"; font-size: 12px; border-top: 1px solid #ccc; color: #000; } .post_content > .copyright { font-style: italic; } @media screen and (max-width: 1300px) { #footer .container { padding: 50px 30px; } } @media screen and (max-width: 865px) { #footer .toprow .icon_wrapper { width: 100%; height: auto; margin-top: 20px; } #footer .link_menu { width: 100%; } #footer .link_menu .others, #footer .link_menu .language { -webkit-column-count: 5; -moz-column-count: 5; column-count: 5; } #footer .full_menu_items { width: 100%; border-left: none; margin-top: 0; } .full_menu_items > span:first-child { padding-left: 0; } } #footer #backtotop { display: block; } #footer #backtotop .totop { opacity: 0.7; height: 45px; width: 45px; z-index: 10; position: fixed; bottom: 80px; right: 10px; box-shadow: 0 0 10px rgba(0, 0, 0, 0.05); overflow: hidden; display: inline-block; background:url(/load/view.php?a=aHR0cHM6Ly93d3cuZXBvY2h0aW1lcy5jb20uYnIvYXNzZXRzL3RoZW1lcy9udGQvaW1hZ2VzL2JhY2t0b3RvcC5zdmc) no-repeat; } #ntd_cookie_bar.ntd-general.cookie-bar { display: none; position: fixed; bottom: 0; width: 100%; background-color: #3d5a96; z-index: 999; vertical-align: middle; padding: 15px; font-size: 16px; color: #f2f2f2; line-height: 22px; } #ntd_cookie_bar.cookie-bar .warning-text { width: calc(100% - 350px); padding: 0 30px 0 40px; text-align: left; } #ntd_cookie_bar.ntd-general.cookie-bar span { display: inline-block; vertical-align: middle; } #ntd_cookie_bar.ntd-general.cookie-bar a { text-decoration: none; } #ntd_cookie_bar.ntd-general.cookie-bar .accept-btn { background-color: #fff; box-shadow: 0 -1px 1px rgba(0, 0, 0, 0.25); -webkit-border-radius: 6px; padding: 5px 15px 6px; font-weight: 700; color: #000; margin-right: 20px; } #ntd_cookie_bar.ntd-general.cookie-bar .accept-btn a { color: #000; } #ntd_cookie_bar.cookie-bar .read-more a { color: #fff; padding: 0 10px; font-weight: bold; margin: 0 30px 0 25px; } #ntd_cookie_bar.cookie-bar #top_close a { color: #fff; font-size: 40px; } #ntd_cookie_bar.ntd-general.cookie-bar .accept-btn a:hover, #ntd_cookie_bar.cookie-bar .read-more a:hover, #ntd_cookie_bar.cookie-bar #top_close a:hover { color: #E28504 !important; text-decoration: none; } @media screen and (min-width: 1000px) { #footer #backtotop .totop { right: 30px; bottom: 80px; } } @media screen and (max-width: 999px) and (min-width: 700px) { #footer #backtotop .totop { right: 20px; bottom: 20px; } } @media screen and (max-width: 699px) { #footer #backtotop .totop { right: 20px; bottom: 20px; } #header .top_wrapper .left_col { padding-left: 0; } #header .top_wrapper .right_col { padding-right: 10px; } } /* footer end */ .ntd_video_icon { position: absolute; width: 45px; height: 45px; bottom: 10px; left: 10px; background-image: url(/assets/themes/ntd/images/MET_Play_Button_big.svg); background-size: cover; } .sticky-native-ad { background-color: white; z-index: 1; position: fixed; top: 0px; } .widefat { width: 100%; clear: both; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } .message { display: none; } .error-message { position: relative; width: 100%; text-align: center; padding: 7px 0; background-color: #acacac; color: #fff; font-size: 16px; line-height: 20px; margin: 10px 0 2px; } .error-message #response { display: inline-block; } .errorclose { display: inline-block; position: absolute; right: 0; top: 0; width: 34px; line-height: 34px; text-align: center; background-color: rgba(51, 51, 51, 0.5); cursor: pointer; } .success-message #response { display: block; text-align: center; color: #000; padding: 20px 0; margin-bottom: 10px; font-family: "Ringside Narrow"; } .success-message { width: 100%; margin: 0 auto; text-align: right; margin-top: 100px; margin-bottom: 150px; font-weight: 700; } .successclose { font-size: 18px; cursor: pointer; } .successclose:before { content: 'Close'; margin-right: 5px; font-size: 13px; vertical-align: middle; } .reg-button > p { text-align: center; } .right_col .top_news { margin-top: 40px; } .right_col .top_news .block_title, .right_col .primary_post .title { font-family: "Ringside Narrow Bold"; font-size: 16px; line-height: 18px; margin-bottom: 10px; } .right_col .top_news .block_title a, .right_col .primary_post .title a { color: #000; } .right_col .top_news ul, .right_col .top_news li, .right_col .primary_post ul { list-style-type: none; font-size: 0; line-height: 0; display: inline-block; width: 100%; height: auto; } .right_col .top_news li { padding: 15px 0; margin: 0; border-bottom: 1px dotted #acacac; } .right_col .top_news li:first-child { border-top: 1px dotted #acacac; } .right_col .top_news li .title_author_date { display: inline-block; float: left; width: 63%; } .right_col .top_news li .title, .right_col .primary_post li .post_title { font-size: 16px; line-height: 19px; font-family: "Source Serif"; margin: 0; } .right_col .top_news li .title a, .right_col .primary_post li .post_title a { color: #000; } .right_col .top_news li .author_date { font-family: "Ringside Narrow"; font-size: 12px; line-height: 14px; color: #777; padding-top: 6px; text-transform: uppercase; font-weight: bold; } .right_col .top_news li .author_date a { color: #777; } .right_col .top_news li .author_date .date { font-style: italic; color: #000; margin-right: 10px; font-weight: normal; } .time_diff .new { color: red; } .right_col .top_news li .image { display: inline-block; float: right; width: 33%; } .right_col .top_news li .image a { position: relative; } .right_col .top_news li .image img { max-width: 100%; height: auto; } .top_news .ntd_video_icon { position: absolute; width: 25px; height: 25px; bottom: 5px; left: 5px; background-image: url(/assets/themes/ntd/images/MET_Play_Button_big.svg); background-size: cover; } /*-- newsletter --*/ #newsletter-reg { display: inline-block; width: 100%; height: auto; border: 1px dotted #979797; padding: 20px 20px 30px; margin-bottom: 10px; } input#morning_brief { display: none; } .newsletter .eet_logo { text-align: center; } .newsletter .middle_title { font-family: "Ringside Narrow"; font-size: 36px; line-height: 55px; text-align: center; color: #000; } .newsletter .eet_logo img { width: 120px; } .newsletter .block_title { width: 100%; text-align: center; font-size: 15px; font-family: "Ringside Narrow"; letter-spacing: -0.5px; margin-bottom: 3px; } .email_subscribe .mail { display: inline-block; width: 100%; background-color: #f4f4f4; border-radius: 3px; margin-bottom: 10px; } .email_subscribe .mail input { display: inline-block; width: 100%; border: none; padding: 10px; margin: 0; background: none; font-size: 15px; line-height: 15px; font-family: "Ringside Narrow"; border: 1px solid #999; border-radius: 3px; } #import-data { display: initial; } .email_subscribe .reg-button { margin: 0 auto; text-align: center; background-color: unset; } .email_subscribe .reg-button input { display: inline-block; width: 100%; border: none; padding: 7px 10px 6px; margin: 0; background: none; color: #fff; font-size: 16px; line-height: 26px; font-family: "Ringside Narrow Bold"; font-style: initial; } .message { display: none; } .error-message { position: relative; width: 100%; text-align: center; padding: 7px 0; background-color: #acacac; color: #fff; font-size: 16px; line-height: 20px; margin: 15px 0 30px 0; } .error-message #response { display: inline-block; } .errorclose { display: inline-block; position: absolute; right: 0; top: 0; width: 34px; line-height: 34px; text-align: center; background-color: rgba(51, 51, 51, 0.5); cursor: pointer; } .success-message #response { display: block; text-align: center; color: #000; padding: 20px 0; margin-bottom: 10px; font-family: "Ringside Narrow"; } .success-message { width: 100%; margin: 0 auto; text-align: right; font-weight: 700; } .successclose { font-size: 18px; cursor: pointer; } .successclose:before { content: 'Close'; margin-right: 5px; font-size: 13px; vertical-align: middle; } .reg-button > p { display: inline-block; width: 138px; background-color: #000; border-radius: 3px; text-align: center; } #eet_newsletter_captcha { margin-top: -10px; max-width: 260px; } #eet_newsletter_captcha > div { margin: 15px auto; } #eet_newsletter_captcha iframe { transform: scale(0.855); position: relative; left: -21px; } .link_menu .block_title { padding: 25px 0 15px !important; margin-bottom: 0; } .app_store img{ max-width: 49%; height: 45px; width: auto; } .download_app .block_title { padding-bottom: 15px; margin-bottom: 0; } @media (max-width:699px){.ntd-hide-small{display:none!important}.w3-mobile{display:block;width:100%!important;}} @media (min-width:1000px){.ntd-hide-large{display:none!important;}} @media (max-width:999px) and (min-width:700px){.ntd-hide-medium{display:none!important;}}