/* Theme Name: Smartnews Theme URI: https://www.deshjagaran.com/ Author: M.R. LITON Author URI: https://www.facebook.com/litonofc/ Description: Smart News is a modern, fast-loading Bengali news/magazine WordPress theme. Each installation is licensed to a single approved domain: after installing, request a licence from the dashboard and activate the unique key issued for your domain. Version: 7.6.30 Requires at least: 5.3 Tested up to: 6.6 Requires PHP: 7.4 License: GNU General Public License v2 or later License URI: https://www.gnu.org/licenses/gpl-2.0.html Text Domain: smart-news Tags: one-column, two-columns, right-sidebar, accessibility-ready, custom-background, custom-colors, custom-header, custom-menu, editor-style, featured-images, flexible-header, microformats, post-formats, rtl-language-support, sticky-post, threaded-comments, translation-ready, blog */ /* ============================================================================ v7.6.30 — Search Console রিমাইন্ডার নোটিসের পজিশন ঠিক করা হলো: • আগে এটা SEO ট্যাবের একদম উপরে (ফিল্ডগুলোর আগে) দেখাত। এখন থেকে SEO ট্যাবের সব ফিল্ড/মেনুর *নিচে* দেখাবে (inc/theme-options.php)। • অন্য কোনো ট্যাব/অ্যাডমিন পেজে এটা দেখায় না — শুধু Theme Settings → SEO-তে, এবং ইংরেজিতে (inc/seo.php)। ভেরিফিকেশন কোড/ফাইল সেভ করলে আগের মতোই অটো লুকিয়ে যায়। v7.6.29 — কোনো প্লাগিন ছাড়াই, থিমের কোডেই কয়েকটি নিরাপদ (ডিজাইন/ ফিচার অক্ষত রেখে) স্পিড-অপটিমাইজেশন যোগ করা হলো (inc/speed-optimizer.php): • হোমপেজের "পঠিত/আলোচিত/সর্বশেষ" সাইডবার — ৩টি ভারী কোয়েরি এখন ৫ মিনিট transient cache করা, নতুন পোস্ট পাবলিশ/আপডেট হলেই অটো-পার্জ। • .htaccess-এ নিরাপদ browser-caching/GZIP নিয়ম (থিম অ্যাক্টিভেশনে একবার, insert_with_markers দিয়ে — বিদ্যমান নিয়ম অক্ষত থাকে)। • Font Awesome ও Lightgallery CSS — non-blocking preload (আইকন/ লাইটবক্সের জন্য, মূল লেআউট এগুলোর উপর নির্ভর করে না)। • হেডার লোগোতে fetchpriority="high", ফুটারের ছোট আইকনে lazy-load, এবং section-eight.php-এ বহিরাগত via.placeholder.com-এর বদলে থিমের নিজস্ব লোকাল fallback ইমেজ। ============================================================================ */ /* ============================================================================ v7.6.28 — Google AdSense সহজে চালানোর জন্য থিমকে আরও উপযোগী করা হলো (functions.php, inc/theme-options.php): • নতুন "Google AdSense Publisher ID" ফিল্ড (Theme Settings → Advertisements → ads.txt Manager) — শুধু pub-XXXXXXXXXXXXXXXX একবার বসালেই: 1) ads.txt-এ সঠিক ফরম্যাটের লাইন ("google.com, pub-..., DIRECT, f08c47fec0942fa0") অটো-যোগ হয় (আগের কাস্টম ads.txt কনটেন্টের সাথে মিশে যায়, ডুপ্লিকেট চেক করে), 2) প্রতিটি পেজের -এ AdSense-এর প্রয়োজনীয় সাইট- ভেরিফিকেশন/Auto ads স্ক্রিপ্ট (adsbygoogle.js) অটো-প্রিন্ট হয় — হেডার ফাইল এডিট করে হাতে বসাতে হয় না। • বিদ্যমান Ad Manager-এর সব বিজ্ঞাপন-বক্স (sidebar, single, page, footer, drop-nav, sticky-footer) আগে থেকেই raw HTML/শর্টকোড সাপোর্ট করে — তাই AdSense-এর ম্যানুয়াল অ্যাড-ইউনিট কোডও সরাসরি পেস্ট করা যায় (কোনো পরিবর্তন লাগেনি, শুধু নিশ্চিত করা হলো)। Publisher ID খালি রাখলে নতুন কোনো আউটপুট হয় না — আগের আচরণ অপরিবর্তিত। ============================================================================ */ /* ============================================================================ v7.6.27 — Google Search Console ভেরিফিকেশন যতটা সম্ভব সহজ/স্বয়ংক্রিয় করা হলো (inc/seo.php, inc/theme-options.php): • নতুন "HTML file" ভেরিফিকেশন মেথড যোগ — Search Console থেকে পাওয়া ফাইলনেম (googleXXXXXXXXXXXXX.html) Theme Settings → SEO-তে পেস্ট করলেই থিম সেটা yoursite.com/googleXXXXXXXXXXXXX.html-এ নিজে থেকে সার্ভ করে দেয় — কোনো FTP/ফাইল আপলোড লাগে না। আগে থেকে থাকা "HTML tag" (মেটা ট্যাগ) মেথডও (seo_google_verify) অপরিবর্তিত। • অ্যাডমিন ড্যাশবোর্ডে একবার রিমাইন্ডার নোটিশ — ভেরিফিকেশন কোড/ফাইল সেট না থাকলে সরাসরি Search Console লিংক ও কোথায় পেস্ট করতে হবে তা দেখায়; সেট হয়ে গেলে নোটিশ নিজে থেকেই আর দেখাবে না। গুরুত্বপূর্ণ সীমাবদ্ধতা (সৎভাবে জানানো হচ্ছে): Google-এ সাইটের মালিকানা প্রমাণ করাটা একটা নিরাপত্তা-শর্ত — এই একটা ধাপ (একবার Google অ্যাকাউন্ট দিয়ে লগইন করে Search Console-এ সাইট যোগ করা) কোনো থিম/প্লাগিনই স্বয়ংক্রিয়ভাবে এড়িয়ে যেতে পারে না। এই আপডেট শুধু সেই একটা ধাপের *পরের* সবকিছু (কোড বসানো, সাইটম্যাপ প্রস্তুত রাখা) সম্পূর্ণ স্বয়ংক্রিয় করে দেয়। ============================================================================ */ /* ============================================================================ v7.6.26 — SEO আরও শক্তিশালী করা হলো (inc/seo.php, functions.php): • RSS/Atom ফিড অটো-ডিসকভারি লিংক যোগ (add_theme_support ('automatic-feed-links')) — নতুন পোস্ট দ্রুত আবিষ্কারে সাহায্য করে। • বাল্ক IndexNow সাবমিশন যোগ — থিম অ্যাক্টিভেট হওয়ার সময় একবার, ব্যাকগ্রাউন্ডে (নন-ব্লকিং), সাইটের ইতিমধ্যে পাবলিশড সব পোস্টের URL Bing/Yandex/Seznam/Naver-কে IndexNow প্রোটোকলে জানিয়ে দেয় (আগে শুধু নতুন পাবলিশ/আপডেট হওয়া পোস্টের জন্যই পিং যেত, পুরনো আর্কাইভের জন্য কখনো যেত না)। মনে রাখবেন: গুগল IndexNow সাপোর্ট করে না — গুগলের জন্য মূল ভরসা এখনও sitemap ও Search Console-ই। • হোম/আর্কাইভ/পেজের ডিফল্ট OG ইমেজে og:image:width/height যোগ (আগে শুধু সিঙ্গেল পোস্টের ইমেজে ছিল) — ফেসবুক/হোয়াটসঅ্যাপ যাতে ভুল অনুপাতে ক্রপ না করে। কোনো ডিজাইন/ভিজ্যুয়াল পরিবর্তন নেই। এই আপডেট কোনো প্লাগিন/থিমের পক্ষে অসম্ভব এমন কিছু (যেমন "গুগলে র‍্যাংক #১ নিশ্চিত করা" বা "তাৎক্ষণিক ইনডেক্স নিশ্চিত করা") দাবি করে না — এগুলো নির্ভর করে কনটেন্টের মান, সাইট স্পিড, ব্যাকলিংক ও প্রতিযোগিতার ওপর, যা কোনো কোড দিয়ে গ্যারান্টি দেওয়া যায় না। ============================================================================ */ /* ============================================================================ v7.6.25 — Loading speed অপটিমাইজেশন (কোনো ডিজাইন/ভিজ্যুয়াল পরিবর্তন হয়নি): • style.css থেকে পুরনো ভার্সন-বাই-ভার্সন changelog কমেন্ট (৩৫০+ কিলোবাইট) মুছে ফেলা হলো — এগুলো শুধু ডকুমেন্টেশন ছিল, কোনো CSS নিয়মের অংশ নয়, তাই ডিলিট করলে ফাইলের সাইজ ৪৫৫KB থেকে ~১০৫KB-তে নেমে আসে, প্রতিটি পেজ লোডে কম ডেটা ডাউনলোড হয়। (পুরনো changelog-এর সারসংক্ষেপ এখন ডেভেলপমেন্ট নোটে সংরক্ষিত আছে, থিম ফাইলে নেই।) • css/bootstrap.css, lightgallery.css, mypage.css, reporter-profile.css, flexslider.css, normalize.css, fonts.css — এই ফ্রন্ট-এন্ড CSS ফাইলগুলো থেকে কমেন্ট ও অপ্রয়োজনীয় হোয়াইটস্পেস সরিয়ে হালকা করা হলো (bootstrap.css: 192KB → 176KB)। কোনো সিলেক্টর/রুল বদলানো হয়নি। • header.php-এ Google Fonts (fonts.googleapis.com, fonts.gstatic.com) এর জন্য যোগ করা হলো, যাতে ফন্ট লোড হওয়ার DNS/TLS বিলম্ব কমে। ============================================================================ */ :root { --sn-site-max-width: 1280px; --sn-accent: #c4302b; --sn-accent-dark: #9a1515; --sn-text: #1a1a1a; --sn-text-muted: #6b7280; --sn-border: #e6e6e6; --sn-space-section: 25px; --sn-radius-sm: 6px; --sn-radius-md: 10px; --sn-shadow-header: 0 2px 10px rgba(0, 0, 0, 0.06); --sn-shadow-card-hover: 0 6px 18px rgba(0, 0, 0, 0.09); --sn-transition: 0.2s ease; } * { margin: 0; padding: 0; box-sizing: border-box } li { list-style: none } a, a:hover { text-decoration: none !important } blockquote { margin: 0 !important } img { display: block } img.wp-post-image { filter: brightness(95%); max-width: unset; } img.wp-post-image:hover { filter: brightness(110%); transition: .2s } #myBtn { display: none; z-index: 99; outline: 0; background-color: transparent; cursor: pointer; padding: 10px; position: fixed; overflow: hidden; z-index: 99999999; color: #f3151c; width: 40px; height: 40px; border: 3px solid #f3151c; line-height: 20px; right: 30px; bottom: 30px; padding-top: 2px; border-radius: 50px; -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out } #myBtn i { font-size: 25px; left: 0; bottom: 0; position: relative } .nav_container { max-width: var(--sn-site-max-width, 1200px); padding: 0 15px; width: 100%; margin: auto } @media only screen and (max-width: 979px) { header.nav_container { padding-left: 0 !important; padding-right: 0 !important; } } @media only screen and (min-width:991px) { header.nav_container { display: flex; flex-direction: column; } header.nav_container .top_nav { order: 1; } header.nav_container .bottom_parent { order: 2; } header.nav_container .social_toggle_div { order: 3; } } .top_nav { background: #1a1a1a; padding: 4px 15px 4px 0; color: #fff; height: 32px; display: flex; flex-wrap: wrap } .date_time { height: max-content; display: flex } .date_time li { height: max-content; padding: 0 13px; font-size: 14px; position: relative } .top_nav .nav_menu { display: flex; flex-wrap: wrap; margin-bottom: 0 } .top_nav .nav_menu li { padding: 0 13px; font-size: 14px; position: relative } .top_nav .nav_menu li a:link, .top_nav .nav_menu li a:visited { text-decoration: none; color: #fff } .date_time li:nth-child(2)::before, .top_nav ul.nav_menu li::before { position: absolute; background-color: #fff; width: 1px; top: 5px; left: 0; content: ""; height: 14px } .social { display: flex; margin-left: auto } .social li { padding: 0 5px; font-size: 14px; color: #fff } .social li a:link i, .social li a:visited i { color: #fff } .share_tiggle { display: none } .mobile_meta_bar { display: none; } .social_toggle_div { text-align: center; display: none; height: 46px; background-color: #f3f3f3; width: 100%; padding: 6px } .social_toggle { display: flex } .flex_item { display: flex; margin: auto } .social_toggle li a { color: #fff } .social_toggle li:last-child { display: none } .social_toggle li>a>i { position: relative; text-align: center; padding-top: 6px; font-weight: 400; margin: 0 7px; height: 30px; width: 30px; font-size: 17px; border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50% } .social_toggle li a i.fa_md { background-color: #3b5998; box-shadow: 0 3px 10px rgba(0, 0, 0, .25) } .social_toggle li a i.tt_md { background-color: #55acee; box-shadow: 0 3px 10px rgba(0, 0, 0, .25) } .social_toggle li a i.yu_md { background-color: red; box-shadow: 0 3px 10px rgba(0, 0, 0, .25) } .social_toggle li a i.pt_md { background-color: #fa004b; box-shadow: 0 3px 10px rgba(0, 0, 0, .25) } .social_toggle li a i.in_md { background-color: #1b77b5; box-shadow: 0 3px 10px rgba(0, 0, 0, .25) } .social_toggle li a i.int_md { background: radial-gradient(circle at 30% 107%, #fdf497 0, #fdf497 5%, #fd5949 45%, #d6249f 60%, #285aeb 90%); box-shadow: 0 3px 10px rgba(0, 0, 0, .25) } .bottom_parent { width: auto; border-bottom: 2px solid #000; z-index: 9; position: relative; background: #fff; } .bottom_nav { display: flex; height: 70px } .bottom_nav .logo a { width: 180px; height: 70px; display: flex; align-items: center } .bottom_nav .logo a img { max-width: 100% } .nav_menu_ground { display: flex; width: 100%; z-index: 999 } .bottom_nav .nav_menu_ground ul.first_ull_menu { display: flex; margin: auto; align-items: center } .bottom_nav .nav_menu_ground ul.first_ull_menu li { font-size: 16px; padding: 0 9px; font-weight: 600; height: 70px; display: flex; align-items: center } .bottom_nav .nav_menu_ground ul.first_ull_menu li a { white-space: nowrap; text-decoration: none; color: #484848; font-weight: 700; height: 100%; display: flex; align-items: center } .bottom_nav .nav_menu_ground ul.first_ull_menu li:hover>a { color: #1e88e5 !important } .ham_burger { margin-left: auto } .ham_burger ul { display: flex; z-index: 99 } .ham_burger ul li span { padding: 0 0px; font-size: 16px; font-weight: 600; height: 70px; color: #4d4d4d; display: flex; align-items: center; cursor: pointer } .ham_burger ul li { height: 70px; display: flex; align-items: center; padding: 0 9px } .drop_menu { display: none; position: absolute; max-width: var(--sn-site-max-width, 1200px); height: auto; width: calc(var(--sn-site-max-width, 1200px) - 30px); z-index: 999; left: 0; right: 0; margin: auto } .fixed { position: fixed; background-color: #fff; top: 0; z-index: 99; max-width: var(--sn-site-max-width, 1200px); width: calc(var(--sn-site-max-width, 1200px) - 30px); left: 0; right: 0; margin: auto; box-shadow: 0 4px 3px -3px #000; border-bottom: none } .drop_nav_menu { background-color: #f7f7f7; padding: 20px; border-top: 1px solid #000 } .drop_menu ul:nth-child(1), .drop_menu ul:nth-child(2) { display: grid; grid-template-columns: repeat(6, 1fr); grid-template-rows: auto; padding-bottom: 10px; border-bottom: 1px solid #ccc } .drop_menu ul:nth-child(2) { margin-bottom: 0 } .drop_menu ul:nth-child(1) li a, .drop_menu ul:nth-child(2) li a { font-size: 16px; color: #484848; text-decoration: none; font-weight: 600; line-height: 35px } .drop_menu ul:nth-child(2) li i { margin-right: 10px } #dg_desktop_menu_panel .drop_nav_menu > ul { display: grid !important; grid-template-columns: repeat(3, 1fr) !important; grid-template-rows: auto !important; column-gap: 24px !important; row-gap: 4px !important; } #dg_desktop_menu_panel .drop_nav_menu > ul li a { display: flex !important; align-items: center !important; gap: 8px !important; } #dg_desktop_menu_panel .drop_nav_menu > ul li.share_tiggle { grid-column: 1 / -1 !important; border-bottom: 1px solid #ccc !important; padding-bottom: 8px !important; margin-bottom: 8px !important; } .search_form { display: none; width: 100% } .search_form_inner { padding: 12.5px 0; display: flex; width: 100%; align-items: center } .screen-reader-text { position: absolute; left: -999px } #close_search, #close_search1 { border: 1px solid gray; background-color: #f80000; height: 45px; display: flex; width: 50px; border-radius: 0 5px 5px 0 } #close_search1 { margin-top: 0 } #close_search i, #close_search1 i { margin: auto } #close_search1:hover, #close_search:hover { background-color: #e21919; transition: .3s } #seachsubmit { border: 1px solid gray; position: relative; height: 45px; display: flex; background-color: #00c3ff; width: 50px } #seachsubmit:hover { background-color: #1da9d3; transition: .3s } #seachsubmit i { margin: auto } #s { padding: 9px 16px; border-radius: 5px 0 0 5px; border: 1px solid gray; width: 100% } .mobile_search { margin: 10px 0; display: flex; width: 100% } @media only screen and (max-width:1230px) { .fixed { max-width: 960px; width: 100% } .nav_container { max-width: 960px; width: 100%; padding: 0 } .drop_menu { max-width: 960px; width: 100% } .bottom_nav .nav_menu_ground ul.first_ull_menu li:last-child { display: none } } @media only screen and (max-width:990px) { .bottom_nav, .nav_container { width: 760px; margin: auto } .top_nav { height: auto } .fixed { width: 760px } .drop_menu { width: 760px } .nav_menu_ground { display: none } .ham_burger { position: relative; width: inherit; z-index: 99; background-color: #fff } .drop_menu ul:nth-child(1) { display: grid; grid-template-columns: repeat(2, 1fr); grid-template-rows: repeat(auto, 25px); border-bottom: 1px solid #666 } .drop_menu ul:nth-child(2) { display: grid; grid-template-columns: repeat(2, 1fr); grid-template-rows: repeat(auto, 25px); border-bottom: 1px solid #666; margin: 0; padding: 0 } .ham_burger ul { width: 100%; display: flex; justify-content: space-between; position: relative; margin-bottom: 0; z-index: 99; background-color: #fff } .ham_burger ul li:nth-child(1) span:nth-child(2) { display: none } .bottom_nav .logo { width: 100%; width: inherit; position: absolute; display: flex } .bottom_nav .logo a { margin: auto; z-index: 999 } .top_nav .date_time li:nth-child(1) { display: none } .date_time li::before { display: none } .top_nav { display: none !important; } .mobile_meta_bar { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; background-color: #f3f3f3; color: #333; padding: 10px 15px; font-size: 13px; border-bottom: 1px solid #e2e2e2; } .ham_burger ul li#drop_ground i.fa-bars, .ham_burger ul li#open_search i.fa-search { font-size: 22px; } .drop_category_menu_list { display: flex; flex-wrap: wrap; list-style: none; border-bottom: 1px solid #e2e2e2; } .drop_category_menu_list li { width: 50%; box-sizing: border-box; } .drop_category_menu_list li a { display: block; padding: 8px 15px; color: #222; text-decoration: none; font-size: 13px; border-bottom: 1px solid #eee; } .social { display: none } .share_tiggle { display: block; margin-left: auto; margin-bottom: 0 } .drop_nav_menu > ul { display: flex; flex-wrap: wrap; } .drop_nav_menu > ul li { width: 50%; box-sizing: border-box; } .drop_nav_menu > ul li a { display: flex; align-items: center; gap: 8px; } .drop_nav_menu > ul li.share_tiggle { width: 100%; margin-left: 0; border-bottom: 1px solid #ccc; padding-bottom: 8px; margin-bottom: 8px; } .drop_nav_menu > ul li.share_tiggle a { color: #1e88e5; font-weight: 700; } } .pic-loop { border-bottom: 1px solid #ccc; margin-bottom: 25px } .pic-loop a { overflow: hidden; display: block; position: relative } .pic-loop a i { position: absolute; left: 0; top: 0; z-index: 1; color: #fff; background: rgba(0, 0, 0, .5); padding: 6px 7px 5px 9px; opacity: .8; } .pic-loop img { transition: all .3s ease-out; max-width: 100%; } .pic-loop a:hover img { transform: scale(1.1); } .pic-loop a:hover i { background: #c4302b } @media only screen and (max-width:770px) { .photo_subcat_posts_grid { grid-template-columns: repeat(2, 1fr) !important } .bottom_nav, .nav_container { width: 100%; margin: auto } .ham_burger ul, .search_form { max-width: 570px; width: 100%; margin: auto } .fixed { width: 100% } .drop_menu { width: 100% } } .page_container { max-width: var(--sn-site-max-width, 1200px); width: 100%; margin: auto; padding: 0 15px } @media only screen and (max-width:1230px) { .page_container { width: 960px; margin: auto; padding: 0 15px } } @media only screen and (max-width:990px) { .page_container { width: 760px; margin: auto; padding: 0 15px } } @media only screen and (max-width:770px) { .page_container { max-width: 570px; width: 97%; margin: auto; padding: 0 10px } } article.page h2 { font-size: calc(1em + 1vw); margin: 15px 0; color: #383838; text-align: center } article.page p { font-size: calc(1em + .3vw); color: #484848; line-height: calc(1em + .5vw); margin-bottom: 30px } .home_page_ad { display: block; padding: 10px 0; margin: 0; width: 100%; text-align: center; overflow: hidden } .home_page_ad p { margin-bottom: 0; width: 100% } .home_lest_ad img { width: 100%; height: auto; max-height: 950px } .home_page_ad img, .home_page_ad a, .home_page_ad iframe, .home_page_ad ins { width: 100% !important; max-width: 100% !important; height: auto !important; margin: 0 auto !important; display: block } .home_page { max-width: var(--sn-site-max-width, 1200px); width: 100%; margin: auto; padding: 0 15px; display: flex } .home_page .home_page_left { flex: 1; min-width: 0; padding-right: 25px } .home_page .home_page_right { width: 324px; flex: 0 0 324px; padding-left: 24px } .home_page.home_page-no-sidebar .home_page_left { flex: 1 1 100%; width: 100%; padding-right: 0 } .sidebar_ad { display: flex; justify-content: center; padding: 10px 0 } .sidebar_ad img, .sidebar_ad a, .sidebar_ad iframe, .sidebar_ad ins { width: 400px !important; aspect-ratio: 1 / 1; max-width: 100%; height: auto !important; object-fit: cover; margin: 0 auto; display: block } .sigle_right .sidebar_ad img, .sigle_right .sidebar_ad a, .sigle_right .sidebar_ad iframe, .sigle_right .sidebar_ad ins { width: 300px !important; height: 250px !important; aspect-ratio: 300 / 250; max-width: 100%; object-fit: contain; margin: 0 auto; display: block } .readmore_ad { display: flex; justify-content: center; padding: 10px 0 } .readmore_ad img, .readmore_ad a, .readmore_ad iframe, .readmore_ad ins { width: 215px !important; max-width: 100%; height: auto !important; margin: 0 auto; display: block } #id { height: auto; max-height: 250px; width: 300px; float: right; margin: 5px 0 5px 5px } .button_group { display: flex; justify-content: space-between } .button_group .leatest_btn, .button_group .popular_btn, .last_btn { font-size: 1rem; background-color: #3a495e; color: #fff; border: none; text-align: center; padding: 5px 0; width: 45%; border-radius: 5px; font-weight: 700; cursor: pointer } .buttonfixed, .popular_btn { background-color: transparent !important; color: #3a495e !important } .buttonfixed:hover, .popular_btn:hover { background-color: #eee !important } .popbuttonfixed { background-color: #3a495e !important; color: #fff !important } .popbuttonfixed:hover { background-color: #3a495e !important } .last_btn { width: 100%; cursor: pointer } .fixed_height { height: 430px; overflow-y: scroll } .first_item item6, .second_item item6 { width: 100%; display: flex; margin: 10px 0 10px 0 } .first_item item6 thumb_sidebar a img, .second_item item6 thumb_sidebar a img { width: 108px; display: block; height: 74px; object-fit: cover } .first_item item6 h2, .second_item item6 h2 { margin: auto 0; padding-left: 10px; color: #000; text-align: left; line-height: 21px; font-size: 1.05rem } .first_item item6 h2 a, .second_item item6 h2 a { color: #000; line-height: 22px; font-weight: 700 } .right_poll_block { width: 100%; margin: 15px 0; overflow: hidden; border-radius: 5px; background: #f0f0ed } .right_poll_block .right_poll_title, .widgettitle { background-size: cover; background-repeat: no-repeat; text-align: center; color: #fff; margin-bottom: 0; font-size: 20px; line-height: 35px; font-weight: 700; background-position: bottom center; background-image: url(img/right-poll-bg.png) } .blocks-gallery-grid, .wp-block-gallery { width: 100%; } .right_poll_block .right_poll_title a:link, .right_poll_block .right_poll_title a:visited { color: #fff } .wp-polls p strong { display: block; margin: 5px 0 10px; font-size: 16px; font-weight: 700; line-height: 22px } .right_poll_cont { border: 1px solid #d17c29; border-top: 0; padding: 10px; overflow: hidden; border-radius: 0 0 5px 5px } input[type=radio] { display: none } .wp-polls-ul { display: flex; justify-content: space-between; margin-left: 0; margin-bottom: 0 } .wp-polls-ul li label { display: flex; align-items: center } .wp-polls-ul li .pollbar { display: none } .wp-polls-ans p:nth-child(3) { display: none } .radio_three input[type=radio]+label:before, .radio_two input[type=radio]+label:before, [type=radio]+label:before { content: ""; width: 30px; height: 30px; padding: 3px; margin-right: 10px; background-clip: content-box; border: 3px solid #e00; transition: .9s; border-radius: 50% } .radio_three input[type=radio]:checked+label:before, .radio_two input[type=radio]:checked+label:before, input[type=radio]:checked+label:before { width: 30px; height: 30px; background-color: #f30303 } .wp-polls-ul li:nth-child(1) input[type=radio]+label:before { border: 3px solid green } .wp-polls-ul li:nth-child(1) input[type=radio]:checked+label:before { background-color: green } .wp-polls-ul li:nth-child(3) input[type=radio]+label:before { border: 3px solid #0053ee } .wp-polls-ul li:nth-child(3) input[type=radio]:checked+label:before { background-color: #0053ee } .wp-polls .Buttons { margin-top: 15px; padding: 4px 20px; background: #00a651; color: #fff; width: inherit; border: none; border-radius: 5px } .homepage_leatest_three_post { display: grid; grid-column-gap: 30px; grid-row-gap: 10px; grid-template-columns: repeat(3, 1fr); grid-template-rows: repeat(2, 1fr); aspect-ratio: 1.8 / 1 } .homepage_leatest_three_post .homepage_leatest_three_post_inner { display: flex; flex-direction: column; height: 100%; overflow: hidden } .homepage_leatest_three_post .homepage_leatest_three_post_inner a { display: block; position: relative; overflow: hidden; border-radius: 4px; flex: 1 1 auto; min-height: 0 } .homepage_leatest_three_post .homepage_leatest_three_post_inner:first-of-type { grid-column: 1/3; grid-row: 1/3 } .homepage_leatest_three_post .homepage_leatest_three_post_inner figcaption.figure-caption { flex: 0 0 auto; max-height: 3.2rem; overflow: hidden; margin-top: 10px } .homepage_leatest_three_post .homepage_leatest_three_post_inner:first-of-type figcaption.figure-caption { padding: 0; margin-top: 10px; max-height: 4.4rem } .homepage_leatest_three_post .homepage_leatest_three_post_inner figcaption.figure-caption a { width: 100% !important; display: -webkit-box !important; -webkit-box-orient: vertical !important; -webkit-line-clamp: 2 !important; line-clamp: 2 !important; overflow: hidden !important } .homepage_leatest_three_post .homepage_leatest_three_post_inner:first-of-type figcaption.figure-caption a { font-size: calc(1.5em + .4vw) !important; line-height: 1.2 !important; position: static !important; aspect-ratio: unset !important; height: auto !important } .leatest_nine_post { display: grid; grid-template-columns: repeat(3, 1fr); grid-template-rows: repeat(3, auto); grid-column-gap: 30px; grid-row-gap: 1rem } .leatest_nine_post a { display: block } .leatest_nine_post a thumb { display: block; position: relative; overflow: hidden; aspect-ratio: 16 / 10 } .homepage_leatest_three_post img, .leatest_nine_post a img { width: 100% !important; height: 100% !important; object-fit: cover !important; object-position: center; display: block; margin-bottom: .5rem; position: absolute; top: 0; left: 0 } .leatest_nine_post a img { margin-bottom: 0; position: absolute } .homepage_leatest_three_post .homepage_leatest_three_post_inner figcaption.figure-caption a, .leatest_nine_post a figcaption.figure-caption { color: #000 !important; font-size: 17px; font-weight: 600; line-height: 24px } .leatest_nine_post a figcaption.figure-caption { width: 100%; display: -webkit-box !important; -webkit-box-orient: vertical !important; -webkit-line-clamp: 2 !important; line-clamp: 2 !important; overflow: hidden !important; max-height: 48px !important; margin-top: 10px } .leatest_nine_post a:hover h4, img { color: #1e88e5 } .sn_two_mini_grid { display: grid; grid-template-columns: repeat(2, 1fr); grid-column-gap: 30px } .sn_mini_grid_col { display: grid; grid-template-columns: repeat(2, 1fr); grid-column-gap: 15px } .sn_mini_grid_item a { display: block; position: relative; overflow: hidden; aspect-ratio: 16 / 11; border-radius: 4px } .sn_mini_grid_item img { position: absolute; inset: 0; width: 100% !important; height: 100% !important; object-fit: cover !important; object-position: center; margin-bottom: 0; display: block } .sn_mini_grid_item figcaption.figure-caption { margin-top: 10px } .sn_mini_grid_item figcaption.figure-caption a { color: #000 !important; font-size: 14px; font-weight: 600; line-height: 20px } .two_coloumn_grid { display: flex; justify-content: space-between } .two_coloumn_grid .national { width: 48% } .two_coloumn_grid .political { width: 48% } .photo h3, .sports_grid_container h3, .two_coloumn_grid h3, .video h3 { line-height: 36px; color: #484848; font-size: 24px; font-weight: 600; padding-left: 2px; border-bottom: none; margin-top: 8px; margin-bottom: 8px } .photo h3 a, .sports_grid_container h3 a, .two_coloumn_grid h3 a, .video h3 a { color: #484848; font-weight: 700 } .vid.item { position: relative; width: 100%; padding-bottom: 56.25%; height: 0 } .vid.item iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; margin-bottom: 35px } .cat_arrow { display: none } .two_coloumn_grid .national a:nth-child(2) img, .two_coloumn_grid .political a:nth-child(2) img { width: 100%; aspect-ratio: 16 / 10; object-fit: cover; display: block } .two_coloumn_grid .national a:nth-child(3), .two_coloumn_grid .national a:nth-child(4), .two_coloumn_grid .national a:nth-child(5), .two_coloumn_grid .national a:nth-child(6), .two_coloumn_grid .political a:nth-child(3), .two_coloumn_grid .political a:nth-child(4), .two_coloumn_grid .political a:nth-child(5), .two_coloumn_grid .political a:nth-child(6) { display: flex; margin: 5px 5px 5px 0 } .two_coloumn_grid .national a:nth-child(3) thumb img, .two_coloumn_grid .national a:nth-child(4) thumb img, .two_coloumn_grid .national a:nth-child(5) thumb img, .two_coloumn_grid .national a:nth-child(6) thumb img, .two_coloumn_grid .political a:nth-child(3) thumb img, .two_coloumn_grid .political a:nth-child(4) thumb img, .two_coloumn_grid .political a:nth-child(5) thumb img, .two_coloumn_grid .political a:nth-child(6) thumb img { width: 90px; height: 60px; object-fit: cover; display: block; margin: 5px 10px 5px 0; flex-shrink: 0 } .two_coloumn_grid .national a:nth-child(2) h4, .two_coloumn_grid .political a:nth-child(2) h4 { font-size: 20px; line-height: 24px; padding: 10px 0; margin: 0; font-weight: 600; color: #212529 } .two_coloumn_grid .national a:nth-child(3) h4, .two_coloumn_grid .national a:nth-child(4) h4, .two_coloumn_grid .national a:nth-child(5) h4, .two_coloumn_grid .national a:nth-child(6) h4, .two_coloumn_grid .political a:nth-child(3) h4, .two_coloumn_grid .political a:nth-child(4) h4, .two_coloumn_grid .political a:nth-child(5) h4, .two_coloumn_grid .political a:nth-child(6) h4 { font-size: 1rem; line-height: 22px; margin: auto 7px auto 0; align-items: center; font-weight: 600; color: #000 } .two_coloumn_grid a:link, .two_coloumn_grid a:visited { color: #484848 } .two_coloumn_grid .national a:nth-child(2):hover h4, .two_coloumn_grid .political a:nth-child(2):hover h4 { color: #1e88e5 } .two_coloumn_grid .national a h4:hover, .two_coloumn_grid .political a h4:hover { color: #1e88e5 } .sports_grid { display: grid; grid-template-columns: repeat(4, 1fr); grid-template-rows: repeat(2, auto); grid-column-gap: 30px; grid-row-gap: 15px } .sports_grid a img { width: 100%; aspect-ratio: 4 / 3; object-fit: cover; display: block } .sports_grid a h4 { font-size: 20px; padding-top: 10px } .sports_grid a:nth-child(2) h4, .sports_grid a:nth-child(3) h4, .sports_grid a:nth-child(4) h4, .sports_grid a:nth-child(5) h4 { color: #000; font-size: 16px; line-height: 20px; font-weight: 600; margin: auto 0; padding-top: 10px } .sports_grid a h4:hover { color: #1e88e5 } .sports_grid a h4, p { color: #000; font-weight: 600; margin-bottom: 5px } .sports_grid a:nth-child(1) { grid-column: 1/3; grid-row: 1/3 } @media only screen and (min-width: 771px) { .sports_grid a:nth-child(1) { display: flex; flex-direction: column; overflow: hidden } .sports_grid a:nth-child(1) thumb { display: block; flex: 1 1 auto; min-height: 0; overflow: hidden; position: relative } .sports_grid a:nth-child(1) img { aspect-ratio: unset !important; height: 100% !important; width: 100%; object-fit: cover; display: block } .sports_grid a:nth-child(1) h4, .sports_grid a:nth-child(1) p { flex: 0 0 auto } } .sports_grid a:nth-child(1):hover h4 { color: #1e88e5 } .sports_grid a p { display: none; font-weight: 400 } .sports_grid a:nth-child(1) p { display: block; font-size: 1rem; margin-top: .5rem } .three_col_grid { display: flex; justify-content: space-between } .three_col_grid .part_one { width: 31% } .three_col_grid .part_two { width: 31% } .three_col_grid .part_three { width: 31% } .three_col_grid .part_one h3, .three_col_grid .part_three h3, .three_col_grid .part_two h3 { line-height: 36px; color: #484848; font-size: 24px; font-weight: 600; padding: 0; padding-left: 2px; border-bottom: none; margin-top: 8px; margin-bottom: 8px } .three_col_grid .part_one h3 a, .three_col_grid .part_three h3 a, .three_col_grid .part_two h3 a { text-decoration: none; color: #484848; font-weight: 700 } .three_col_grid .part_one a img, .three_col_grid .part_three a img, .three_col_grid .part_two a img { width: 100%; aspect-ratio: 16 / 10; object-fit: cover; display: block } .three_col_grid .part_one a:nth-child(3), .three_col_grid .part_one a:nth-child(4), .three_col_grid .part_one a:nth-child(5), .three_col_grid .part_one a:nth-child(6), .three_col_grid .part_three a:nth-child(3), .three_col_grid .part_three a:nth-child(4), .three_col_grid .part_three a:nth-child(5), .three_col_grid .part_three a:nth-child(6), .three_col_grid .part_two a:nth-child(3), .three_col_grid .part_two a:nth-child(4), .three_col_grid .part_two a:nth-child(5), .three_col_grid .part_two a:nth-child(6) { display: flex; margin-bottom: 5px; margin-top: 10px } .three_col_grid .part_one a:nth-child(3) img, .three_col_grid .part_one a:nth-child(4) img, .three_col_grid .part_one a:nth-child(5) img, .three_col_grid .part_one a:nth-child(6) img, .three_col_grid .part_three a:nth-child(3) img, .three_col_grid .part_three a:nth-child(4) img, .three_col_grid .part_three a:nth-child(5) img, .three_col_grid .part_three a:nth-child(6) img, .three_col_grid .part_two a:nth-child(3) img, .three_col_grid .part_two a:nth-child(4) img, .three_col_grid .part_two a:nth-child(5) img, .three_col_grid .part_two a:nth-child(6) img { width: 90px; height: 60px; aspect-ratio: auto; object-fit: cover; flex-shrink: 0; margin: 0 10px 7px 0 } .three_col_grid .part_one h4, .three_col_grid .part_three h4, .three_col_grid .part_two h4 { color: #343a40; font-size: 20px; line-height: 27px; font-weight: 600; padding-top: 10px; margin-bottom: 15px } .three_col_grid .part_one a:nth-child(3) h4, .three_col_grid .part_one a:nth-child(4) h4, .three_col_grid .part_one a:nth-child(5) h4, .three_col_grid .part_one a:nth-child(6) h4, .three_col_grid .part_three a:nth-child(3) h4, .three_col_grid .part_three a:nth-child(4) h4, .three_col_grid .part_three a:nth-child(5) h4, .three_col_grid .part_three a:nth-child(6) h4, .three_col_grid .part_two a:nth-child(3) h4, .three_col_grid .part_two a:nth-child(4) h4, .three_col_grid .part_two a:nth-child(5) h4, .three_col_grid .part_two a:nth-child(6) h4 { font-size: 14px; line-height: 20px; color: #000; padding-top: 0; margin: auto 0 } .photo_video { padding-bottom: 20px; display: grid; grid-gap: 15px; grid-template-columns: repeat(3, 1fr); grid-template-rows: none; grid-column-gap: 10px } .photo { grid-column: 1/3 } .video_grid { display: grid; grid-template-columns: repeat(2, 1fr); grid-template-rows: repeat(2, auto); grid-gap: 15px } .video_content { width: 100%; position: relative } .video_content:nth-child(1) { grid-column: 1/3 } .video_content:nth-child(1) .the_title { border-bottom: 1px solid #dee2e6; color: #696969; padding: 5px 0 } .video_content img { width: 100%; aspect-ratio: 16 / 10; object-fit: cover; display: block } .yt_logo i { position: absolute; z-index: 9; color: #fff; background: rgba(0, 0, 0, .5); padding: 13px 10px 12px 14px; top: 0; left: 0; opacity: .8 } .video_content:hover i { color: #ff004c } .video_content:nth-child(2) .yt_logo i, .video_content:nth-child(3) .yt_logo i { padding: 6px 7px 6px 9px; font-size: 14px } .the_title { font-size: 16px; text-align: left; line-height: 20px; margin-top: 10px } .leatest_popular_home { display: none } @media only screen and (max-width:1230px) { .home_page { width: 960px; padding: 0 } } @media only screen and (max-width:990px) { .home_page { width: 760px } } @media only screen and (max-width:770px) { .home_page { margin: 0 auto; display: flex; max-width: 100%; width: 100%; padding-left: 16px !important; padding-right: 16px !important; box-sizing: border-box; flex-direction: column } .leatest_popular_home { display: block } .home_page .leatest_popular_sidebar { display: none } .home_page_left .home_lest_ad { display: none } .home_page_ad { width: 100vw; max-width: 100vw; margin-left: calc(-50vw + 50%); margin-right: calc(-50vw + 50%); padding: 10px 0; box-sizing: border-box } .home_page_ad img { border-radius: 0 !important } .homepage_leatest_three_post, .leatest_nine_post { display: grid; grid-template-columns: repeat(2, 1fr); grid-template-rows: repeat(auto, auto); aspect-ratio: unset } .homepage_leatest_three_post .homepage_leatest_three_post_inner { height: auto; overflow: visible } .homepage_leatest_three_post .homepage_leatest_three_post_inner a { flex: none; min-height: unset } .homepage_leatest_three_post .homepage_leatest_three_post_inner:not(:first-of-type) a { aspect-ratio: 16 / 11; height: auto } .homepage_leatest_three_post .homepage_leatest_three_post_inner figcaption.figure-caption { max-height: none } .homepage_leatest_three_post .homepage_leatest_three_post_inner:first-of-type { grid-column: 1/3; position: relative } .homepage_leatest_three_post .homepage_leatest_three_post_inner:first-of-type a { height: auto; aspect-ratio: 16 / 10 } .homepage_leatest_three_post .homepage_leatest_three_post_inner:first-of-type img { margin-bottom: 0 } .homepage_leatest_three_post_inner:first-of-type figcaption.figure-caption { position: absolute; bottom: 0; left: 0; background: rgba(0, 0, 0, .5); color: #f1f1f1 !important; width: 100%; max-height: none; padding: 10px !important } .homepage_leatest_three_post_inner:first-of-type figcaption.figure-caption a { color: #f1f1f1 !important } .leatest_nine_post a:last-of-type { display: none } .sn_two_mini_grid { grid-template-columns: 1fr; grid-row-gap: 15px } .sports_grid { display: flex; flex-direction: column } .sports_grid a:nth-child(1) p { display: none } .sports_grid a:nth-child(1) { position: relative } .sports_grid a:nth-child(1) thumb { display: block; position: relative; overflow: hidden; aspect-ratio: 16 / 9; background-color: #f2f2f2; } .sports_grid a:nth-child(1) img { position: absolute; inset: 0; width: 100%; height: 100%; aspect-ratio: unset; object-fit: cover; display: block; margin: 0; } .sports_grid a:nth-child(1) h4 { position: absolute; left: 0; bottom: 0; width: 100%; color: #fff; padding: 7px; font-size: 23px; background-color: rgba(0, 0, 0, .383); margin-bottom: 0 } .sports_grid a:nth-child(2), .sports_grid a:nth-child(3), .sports_grid a:nth-child(4), .sports_grid a:nth-child(5) { display: flex } .sports_grid a:nth-child(2) img, .sports_grid a:nth-child(3) img, .sports_grid a:nth-child(4) img, .sports_grid a:nth-child(5) img { width: 90px; height: 60px; aspect-ratio: auto; object-fit: cover; flex-shrink: 0; margin-right: 10px } .two_coloumn_grid { display: flex; flex-direction: column } .photo h3 a, .sports_grid_container h3 a, .two_coloumn_grid h3 a, .video h3 a { display: flex; justify-content: space-between } .photo h3 .cat_arrow, .sports_grid_container h3 .cat_arrow, .two_coloumn_grid h3 .cat_arrow, .video h3 .cat_arrow { display: block; color: red; font-size: 24px } .two_coloumn_grid .political { width: 100% } .two_coloumn_grid .national { width: 100% } .two_coloumn_grid .national a:nth-child(2), .two_coloumn_grid .political a:nth-child(2) { position: relative; display: block } .two_coloumn_grid .national a:nth-child(2) h4, .two_coloumn_grid .political a:nth-child(2) h4 { position: absolute; left: 0; bottom: 0; width: 100%; color: #fff; padding: 7px; font-size: 23px; background-color: rgba(0, 0, 0, .383) } .three_col_grid { display: flex; flex-direction: column } .three_col_grid .part_one, .three_col_grid .part_three, .three_col_grid .part_two { width: 100% } .three_col_grid .part_one a:nth-child(2), .three_col_grid .part_three a:nth-child(2), .three_col_grid .part_two a:nth-child(2) { display: block; position: relative } .three_col_grid .part_one a:nth-child(2) h4, .three_col_grid .part_three a:nth-child(2) h4, .three_col_grid .part_two a:nth-child(2) h4 { position: absolute; left: 0; bottom: 0; width: 100%; color: #fff; padding: 7px; font-size: 23px; background-color: rgba(0, 0, 0, .383) } .home_page .home_page_left { width: 100%; padding-right: 0 } .home_page .home_page_right { width: 100%; text-align: center; padding-left: 0 } .photo_video { display: flex; flex-direction: column } .video_content:nth-child(2) .yt_logo img, .video_content:nth-child(3) .yt_logo img { width: 35px; bottom: 45% } } .sn-footer { width: 100%; background-color: #f5f5f5; color: #222222; text-align: center; } .sn-footer-topbar, .sn-footer-bottombar { width: 100%; height: 3px; background-color: #9e9e9e; } .sn-footer-inner { max-width: 900px; margin: 0 auto; padding: 40px 20px 24px; display: flex; flex-direction: column; align-items: center; } .sn-footer-logo { margin-bottom: 18px; line-height: 0; } .sn-footer-logo img { display: inline-block; border-radius: 50%; object-fit: contain; } .sn-footer-editor { font-size: 1.7rem; font-weight: 700; margin: 0 0 10px; line-height: 1.4; } .sn-footer-editor-label { font-weight: 700; } .sn-footer-editor-name { font-weight: 700; } .sn-footer-address { font-size: 1.05rem; font-weight: 400; margin: 0 0 16px; line-height: 1.6; opacity: .9; } .sn-footer-address p { margin: 0 0 4px; } .sn-footer-menu { margin-bottom: 18px; width: 100%; } .sn-footer-menu ul.sn-footer-menu-ul { list-style: none; display: flex; flex-wrap: wrap; align-items: center; justify-content: center; gap: 0; margin: 0; padding: 0; } .sn-footer-menu ul.sn-footer-menu-ul li { display: flex; align-items: center; font-size: 1rem; } .sn-footer-menu ul.sn-footer-menu-ul li a { color: #222222; padding: 0 14px; display: inline-block; transition: color .2s ease; } .sn-footer-menu ul.sn-footer-menu-ul li a:hover { color: #d0342c; } .sn-footer-menu ul.sn-footer-menu-ul li:not(:last-child)::after { content: "|"; color: #9e9e9e; } .sn-footer-social { list-style: none; display: flex; gap: 10px; margin: 0 0 18px; padding: 0; } .sn-footer-social li a { display: flex; align-items: center; justify-content: center; width: 34px; height: 34px; border-radius: 50%; background: rgba(0, 0, 0, .08); color: #222222; transition: background-color .2s ease, color .2s ease, transform .2s ease; } .sn-footer-social li a:hover { background-color: #d0342c; color: #ffffff; transform: translateY(-2px); } .sn-footer-extra { display: flex; align-items: center; justify-content: center; gap: 14px; margin-bottom: 18px; } .sn-footer-extra img { height: 40px; width: auto; border-radius: 5px; } .sn-footer-copyright-wrap { width: 100%; padding-top: 14px; border-top: 1px solid rgba(0, 0, 0, .12); } .sn-footer-copyright-left { font-size: .85rem; font-weight: 400; opacity: .75; margin: 0 0 6px; } .sn-footer-copyright { font-size: .95rem; font-weight: 400; margin: 0; } .sn-footer-copyright a { color: inherit; text-decoration: underline; } @media only screen and (max-width: 767px) { .sn-footer-inner { padding: 30px 16px 18px; } .sn-footer-editor { font-size: 1.3rem; } .sn-footer-address { font-size: .95rem; } .sn-footer-menu ul.sn-footer-menu-ul li a { padding: 0 8px; font-size: .9rem; } } .single_page_container { max-width: var(--sn-site-max-width, 1200px); width: 100%; margin: auto; padding: 0 15px } .single_top_cat { display: block; margin: 18px 0 4px; padding-bottom: 10px; border-bottom: 1px solid #e6e6e6; } .single_top_cat ul { display: none; } .single_top_cat a:link, .single_top_cat a:visited { color: #000; font-weight: 700; font-size: .95rem; text-decoration: none; text-transform: uppercase; letter-spacing: .3px; } .single_top_cat a:hover { text-decoration: underline; } .sn_media_caption { width: 100%; font-size: 13.5px; line-height: 1.7; color: #444; padding: 10px 2px 12px; margin-bottom: 4px; border-bottom: 1px solid #ececec; } .sn_media_caption_text { color: #3a3a3a; } .sn_media_credit_text { display: inline-block; color: #9a9a9a; font-style: italic; white-space: nowrap; } .sn_media_caption_text + .sn_media_credit_text { margin-left: 8px; padding-left: 10px; border-left: 1px solid #d8d8d8; } .sn_content_image_block { margin: 20px 0; width: 100%; } .sn_content_image_block img { width: 100%; height: auto; border-radius: 8px; display: block; box-shadow: 0 2px 14px rgba(0, 0, 0, .07); } .sn_photo_gallery_block { margin: 20px 0; } .sn_pg_item { margin-bottom: 26px; padding-bottom: 20px; border-bottom: 1px solid #ececec; } .sn_pg_item:last-child { border-bottom: none; margin-bottom: 0; padding-bottom: 0; } .sn_pg_zoom { position: relative; display: block; border-radius: 10px; overflow: hidden; line-height: 0; } .sn_pg_item img { width: 100%; height: auto; display: block; transition: transform .35s ease; } .sn_pg_zoom:hover img { transform: scale(1.02); } .sn_pg_counter { position: absolute; top: 14px; left: 14px; z-index: 2; display: inline-flex; align-items: center; justify-content: center; line-height: 1.2; background: #fff; color: #c4302b; font-size: 14px; font-weight: 700; letter-spacing: .3px; padding: 9px 22px; border: 1.5px solid #c4302b; border-radius: 50px; box-shadow: 0 2px 10px rgba(0, 0, 0, .15); } .the_post_banner { margin-bottom: 10px; position: relative; } .sn_in_image_ad { position: absolute; left: 0; right: 0; bottom: 0; z-index: 5; background: rgba(255, 255, 255, .92); padding: 6px 6px 6px 6px; box-sizing: border-box; isolation: isolate; } .sn_in_image_ad_inner { display: flex; justify-content: center; align-items: center; max-height: 90px; overflow: hidden; padding-right: 0px; } .sn_in_image_ad_inner img, .sn_in_image_ad_inner a, .sn_in_image_ad_inner iframe, .sn_in_image_ad_inner ins { max-width: 100% !important; max-height: 90px !important; width: auto !important; height: auto !important; margin: 0 auto; display: block } .sn_in_image_ad_close { position: absolute; top: -22px; right: 1px; width: 30px; height: 30px; padding: 0; line-height: 28px; text-align: center; background: rgba(255, 255, 255, .92); color: #4a4a4a; border: none; border-radius: 50%; box-shadow: 0 1px 5px rgba(0, 0, 0, .35); font-size: 17px; font-weight: 400; font-family: Arial, sans-serif; cursor: pointer; z-index: 999999; pointer-events: auto; } .sn_in_image_ad_close:hover { background: #fff; color: #111; } @media(max-width:767px) { .sn_in_image_ad { padding: 4px; } .sn_in_image_ad_inner { padding-right: 0px; } .sn_in_image_ad_inner, .sn_in_image_ad_inner img, .sn_in_image_ad_inner a, .sn_in_image_ad_inner iframe, .sn_in_image_ad_inner ins { max-height: 60px !important; } .sn_in_image_ad_close { width: 26px; height: 26px; line-height: 24px; font-size: 15px; top: -19px; right: 1px; } } .sn_video_banner { background: #000; } .sn_video_layout .single_main_col { padding-top: 10px; } .sn_video_embed_wrap { position: relative; width: 100%; height: 0; padding-bottom: 56.25%; overflow: hidden; background: #000; } .sn_video_embed_wrap iframe, .sn_video_embed_wrap video, .sn_video_embed_wrap embed, .sn_video_embed_wrap object { position: absolute; top: 0; left: 0; width: 100% !important; height: 100% !important; border: 0; } .sn_video_embed_wrap > * { width: 100%; height: 100%; } .sn-video-auto-thumb-note { color: #6b7280; font-size: 12.5px; font-style: italic; } .sn_post_format_badge { display: inline-block; margin: 0 0 10px; padding: 3px 12px; border-radius: 20px; font-size: 11px; font-weight: 700; letter-spacing: .3px; text-transform: uppercase; color: #fff; background: #005a84; } .sn_post_format_badge.sn_format_video { background: #b56100; } .sn_post_format_badge.sn_format_image { background: #6c5ce7; } .sn_post_format_badge.sn_format_live_stream { background: #d63031; } .sn_post_format_badge.sn_format_news_live { background: #e17055; } .sn_post_format_badge.sn_format_audio { background: #00897b; } .sn_priority_ribbon { display: flex; align-items: center; gap: 7px; width: fit-content; margin: 0 0 12px; padding: 6px 14px; border-radius: 4px; font-size: 12.5px; font-weight: 800; letter-spacing: .4px; text-transform: uppercase; color: #fff; } .sn_priority_ribbon i { font-size: 11px; } .sn_priority_ribbon_breaking { background: #d63638; animation: sn-priority-ribbon-pulse 1.8s infinite; } .sn_priority_ribbon_live { background: #d63638; animation: sn-priority-ribbon-pulse 1.8s infinite; } @keyframes sn-priority-ribbon-pulse { 0% { box-shadow: 0 0 0 0 rgba(214,54,56,.45); } 70% { box-shadow: 0 0 0 8px rgba(214,54,56,0); } 100% { box-shadow: 0 0 0 0 rgba(214,54,56,0); } } .sn_grid_priority_flag { display: inline-block; background: #d63638; color: #fff; font-size: 11px; font-weight: 800; letter-spacing: .3px; padding: 2px 8px; border-radius: 4px; vertical-align: middle; margin-right: 2px; animation: sn-priority-ribbon-pulse 1.8s infinite; } .single_container .sigle_left .info_box { margin-top: 0; } .the_content_single p { margin: 12px 0; font-weight: 400; font-size: calc(1em + .1vw); line-height: 1.7; text-align: justify } .the_content_single img { width: 100%; height: auto } .the_content_single blockquote { background: #fef8e0; border-top: 3px solid #c4302b; border-radius: 4px; margin: 24px 0; padding: 20px 22px; } .the_content_single blockquote p { margin: 0; font-size: calc(1em + .1vw); font-weight: 700; line-height: 1.85; color: #262626; text-align: left; } .the_content_single blockquote p + p { margin-top: 10px; } .the_content_single blockquote cite { display: block; margin-top: 10px; font-size: .85rem; font-weight: 400; font-style: normal; color: #777; } .the_content_single .sn_inline_readmore { margin: 24px 0; } .sn_inline_readmore_label { display: block; font-size: .85rem; font-weight: 700; color: #5c5c5c; margin-bottom: 8px; } .sn_inline_readmore_card { display: flex; align-items: center; justify-content: space-between; gap: 14px; background: #fff; border: 1px solid #e0e0e0; border-radius: 6px; padding: 14px 16px; text-decoration: none !important; } .sn_inline_readmore_card:hover { border-color: #c4302b; } .sn_inline_readmore_info { flex: 1; min-width: 0; } .sn_inline_readmore_title { display: block; font-size: calc(1em + .05vw); font-weight: 700; line-height: 1.5; color: #1a1a1a; } .sn_inline_readmore_card:hover .sn_inline_readmore_title { color: #c4302b; } .sn_inline_readmore_time { display: block; font-size: .82rem; color: #888; margin-top: 6px; } .sn_inline_readmore_thumb { flex: 0 0 92px; width: 92px; height: 68px; border-radius: 4px; overflow: hidden; } .sn_inline_readmore_thumb img { width: 100% !important; height: 100% !important; object-fit: cover; display: block; } .single_container { display: flex } .single_main_col { flex: 1; min-width: 0; } .single_below_row { display: flex; } .single_page_container .sigle_leftbar { padding-right: 15px; width: 230px; flex: 0 0 230px } .single_page_container .sigle_left { padding: 0 0 0 0px; flex: 1; min-width: 0 } .single_page_container .sigle_right { padding-left: 35px; width: 335px; flex: 0 0 335px } .sn_readmore_box { border: 1px solid #e6e6e6; border-radius: 4px; padding: 14px 16px; margin-top: 18px; } .sn_readmore_box h3 { font-size: 1rem; font-weight: 700; color: #222; margin: 8px 0 8px 0; padding-bottom: 0; border-bottom: none; } .sn_readmore_list li { padding: 9px 0; border-bottom: 1px dashed #e0e0e0; } .sn_readmore_list li:last-child { border-bottom: none; } .sn_readmore_list li a { color: #262626; font-size: .92rem; line-height: 1.4; text-decoration: none; display: block; } .sn_readmore_list li a:hover { color: #c4302b; } .single_page_container .single_first_ad { text-align: center } .single_page_container .single_first_ad img { width: auto; height: auto; margin: 5px auto } .Custom_breadcrumb { background: 0 0; font-weight: 700; margin: 20px 0; font-size: 1.1rem } .breadcrumb1 { margin: 20px 0; font-size: 1.1rem } .breadcrumb1 a { color: #1e88e5 } .single_container .single_main_col h1 { font-size: calc(1em + .9vw); font-weight: 600; color: #333; margin: 8px 0; padding-bottom: 0; border-bottom: none; } .single_container .sigle_left .info_box { display: flex; align-items: stretch; justify-content: space-between; flex-wrap: wrap; row-gap: 12px; border-bottom: #d0d0d0 1px solid; margin-bottom: 15px; padding-bottom: 15px; gap: 12px; } .info_box_right { margin-top: 0 } .sn_byline { display: flex; align-items: center; flex-wrap: wrap; gap: 14px; row-gap: 10px; flex: 1; min-width: 200px; } .sn_byline_avatar { flex: 0 0 auto; display: flex; align-items: center; justify-content: center; width: 56px; height: 56px; border-radius: 50%; background: transparent; overflow: hidden; } .sn_byline_avatar img.sn_reporter_photo { display: block !important; width: 100%; height: 100%; border-radius: 50%; object-fit: cover; background: transparent; margin: 0 !important; vertical-align: middle; } .sn_byline_meta { display: flex; flex-direction: column; justify-content: center; align-self: center; line-height: 1.4; padding-top: 0; } .sn_byline_name { font-weight: 700; font-size: 0.95rem; color: #1a1a1a; line-height: 1.3; margin-bottom: 3px; } .sn_byline_date { font-size: 0.80rem; color: #888888; margin-top: 0px; line-height: 1.2; } .sn_byline_extra_avatar { background: transparent; } .sn_byline_extra_icon { font-size: 56px; line-height: 1; color: #c7c7c7; } .sn_byline_extra_meta .sn_byline_name { margin-bottom: 0; } .sn_share_bar { display: flex; align-items: center; gap: 18px; flex-wrap: wrap; } .sn_share_bar .sn_share_menu .sn_share_stats { display: flex; flex-direction: row; align-items: baseline; justify-content: center; gap: 6px; line-height: 1.05; width: 100%; margin-top: 4px; padding-top: 10px; border-top: 1px solid #ececec; user-select: none; } .sn_share_bar .sn_share_count { font-size: 16px; font-weight: 800; color: #1a1a1a; } .sn_share_bar .sn_share_label { font-size: 13px; font-weight: 600; color: #444; } .sn_share_bar .sn_share_toggle_wrap { position: relative; display: inline-flex; } .sn_share_bar .sn_share_toggle { width: 64px; height: 64px; display: inline-flex; align-items: center; justify-content: center; border-radius: 3px; background: #fff; border: 1px solid #e2e2e2; color: #1a1a1a; font-size: 26px; cursor: pointer; transition: background-color .15s ease, border-color .15s ease; } .sn_share_bar .sn_share_toggle:hover, .sn_share_bar .sn_share_toggle[aria-expanded="true"] { background: #f5f5f5; border-color: #cfcfcf; } .sn_share_bar .sn_share_menu { position: absolute; top: calc(100% + 10px); left: 50%; transform: translateX(-50%); z-index: 60; display: flex; flex-direction: column; flex-wrap: nowrap; align-items: center; gap: 10px; width: max-content; padding: 12px 10px; background: #fff; border: 1px solid #e2e2e2; border-radius: 14px; box-shadow: 0 10px 30px rgba(0, 0, 0, .14); } .sn_share_bar .sn_share_menu[hidden] { display: none; } @media (max-width: 480px) { .sn_share_bar .sn_share_menu { left: auto; right: 0; transform: none; } } .sn_share_bar .sn_share_icon, .sn_share_bar .sn_font_btn { width: 40px; height: 40px; display: inline-flex; align-items: center; justify-content: center; border-radius: 10px; font-size: 16px; text-decoration: none; cursor: pointer; line-height: 1; background: #fff; color: #1a1a1a; border: 1px solid #e2e2e2; transition: background-color .15s ease, border-color .15s ease, opacity .15s ease; } .sn_share_bar .sn_share_icon:hover, .sn_share_bar .sn_font_btn:hover { background: #f5f5f5; border-color: #cfcfcf; } .sn_share_bar .sn_share_newscard.sn_nc_loading { opacity: .6; pointer-events: none; } .sn_share_bar .sn_font_btn { font-weight: 700; font-size: 14px; font-family: inherit; } .sn_share_bar .sn_share_bookmark { display: inline-flex; align-items: center; justify-content: center; gap: 8px; height: 64px; padding: 0 18px; border-radius: 3px !important; background: #fff; border: 1px solid #e2e2e2; color: #1a1a1a; font-family: inherit; font-size: 15px; font-weight: 600; line-height: 1; white-space: nowrap; cursor: pointer; transition: background-color .15s ease, border-color .15s ease; } .sn_share_bar .sn_share_bookmark i { font-size: 18px; line-height: 1; } .sn_share_bar .sn_share_bookmark:hover { background: #f5f5f5; border-color: #cfcfcf; } .sn_share_bar .sn_share_bookmark.sn_bookmarked { background: #1a1a1a; color: #fff; border-color: #1a1a1a; } .sn_toast_msg { position: fixed; left: 50%; bottom: 30px; transform: translate(-50%, 10px); background: #212529; color: #fff; padding: 10px 18px; border-radius: 6px; font-size: .95rem; opacity: 0; transition: opacity .25s ease, transform .25s ease; z-index: 9999; pointer-events: none; } .sn_toast_msg.sn_toast_show { opacity: 1; transform: translate(-50%, 0); } @media print { .sn_share_bar, .bottom_nav, .sn_post_tags, .sn_single_ad_box, .more_single, .sn_infinite_scroll_root { display: none !important; } } .sn_infinite_scroll_root { margin-top: 0; } .sn_infinite_article { margin-top: 40px; padding-top: 40px; border-top: 3px solid #e0e0e0; position: relative; } .sn_infinite_article::before { content: '\f1ea'; font-family: 'Font Awesome 5 Free'; font-weight: 900; position: absolute; top: -14px; left: 50%; transform: translateX(-50%); width: 28px; height: 28px; background: #ffffff; border: 3px solid #e0e0e0; border-radius: 50%; display: flex; align-items: center; justify-content: center; color: #c0392b; font-size: 13px; line-height: 1; } .sn_infinite_sentinel { display: flex; align-items: center; justify-content: center; gap: 10px; min-height: 50px; padding: 20px 0; color: #777; font-size: .95rem; } .sn_infinite_spinner { width: 20px; height: 20px; border: 3px solid #e0e0e0; border-top-color: #c0392b; border-radius: 50%; display: inline-block; animation: sn_infinite_spin .8s linear infinite; } @keyframes sn_infinite_spin { to { transform: rotate(360deg); } } .sn_infinite_end { color: #999; font-size: .9rem; } .sn_infinite_retry { background: #f1f1f1; color: #333; border: 1px solid #d8d8d8; border-radius: 6px; padding: 6px 16px; cursor: pointer; font-family: inherit; font-size: .9rem; } .the_post_banner img { width: 100%; height: auto } .single_page_container .more_single { max-width: var(--sn-site-max-width, 1200px); margin: 30px auto 10px; padding: 0 15px; } .more_single h2 { color: #222; font-size: calc(1em + .2vw); font-weight: 700; padding: 0 0 10px; border-bottom: 2px solid #e3e3e3; margin-top: 8px; margin-bottom: 18px } .more_six_posts { display: grid; grid-gap: 18px; grid-template-columns: repeat(4, 1fr); grid-template-rows: repeat(auto, auto); grid-auto-rows: max-content } @media only screen and (max-width:990px) { .more_six_posts { grid-template-columns: repeat(2, 1fr); } } .more_six_posts a { display: block; text-decoration: none; border: 1px solid #e0e0e0; border-radius: 3px; overflow: hidden; background: #fff; transition: box-shadow .2s ease, border-color .2s ease } .more_six_posts a:hover { border-color: #c9c9c9; box-shadow: 0 2px 8px rgba(0, 0, 0, .08) } .more_six_posts a thumb { display: block; width: 100%; height: 160px; line-height: 0 } .more_six_posts a img { width: 100%; height: 160px; object-fit: cover; display: block } .more_six_posts h4 { color: #1a4a8e; font-size: 15px; line-height: 22px; font-weight: 700; padding: 10px 12px; margin: 0 } .single_right_more h3 { font-size: 1.05rem; margin: 20px 0 12px; color: #222; font-weight: 700; padding: 2px 0 2px 12px; border-left: 4px solid #c4302b; line-height: 1.3; } .single_right_more .single_right_post a { display: flex; flex-direction: row-reverse; align-items: center; justify-content: flex-end; gap: 10px; margin: 0; padding: 10px 0; border-bottom: 1px solid #eee; } .single_right_more .single_right_post a:last-child { border-bottom: none; } .single_right_more .single_right_post rihgt_thumb { flex: 0 0 auto; display: block; line-height: 0; } .single_right_more .single_right_post rihgt_thumb img { width: 96px; height: 68px; object-fit: cover; border-radius: 3px; margin: 0 } .single_right_more .single_right_post a h2 { font-size: .92rem; color: #222; margin: 0; font-weight: 600; line-height: 1.35; flex: 1; } @media only screen and (max-width:1230px) { .single_page_container { width: 960px; margin: auto; padding: 0 } } @media only screen and (max-width:990px) { .single_page_container { width: 760px; margin: auto; padding: 0 } .sigle_leftbar { display: none } .info_box .smp-regular-but [data-network=linkedin], .info_box .smp-regular-but [data-network=pinterest] { display: none } .single_page_container .single_first_ad { display: none } .info_box_right i.pr_md { display: none } .sn_infinite_article { margin-top: 38px; padding-top: 38px; } .sn_infinite_article::before { top: -13px; width: 28px; height: 28px; font-size: 16px; } } @media only screen and (max-width:770px) { .single_page_container { max-width: 570px; width: 97% } .single_container { display: flex; flex-direction: column } .single_container .sigle_left .info_box { display: flex; flex-direction: column; align-items: flex-start; height: auto; border-bottom: none } .single_container .sigle_left .info_box .sn_byline { width: 100%; align-items: center; padding-bottom: 12px; border-bottom: #d0d0d0 1px solid } .sn_byline_avatar { width: 50px; height: 50px; flex: 0 0 50px; } .sn_byline_avatar img.sn_reporter_photo { width: 50px; height: 50px; } .sn_byline_extra_icon { font-size: 50px; } .sn_byline_name { font-size: 0.90rem; } .sn_byline_date { font-size: 0.75rem; } .info_box_right { margin: 12px auto 0 auto; width: 100%; justify-content: flex-start; } .info_box .smp-regular-but [data-network=linkedin], .info_box .smp-regular-but [data-network=pinterest] { display: block } .single_page_container .sigle_left { padding: 0; width: 100% } .single_page_container .sigle_right { padding-left: 0; width: 100% } .sigle_leftbar { display: none } .more_single h2 { color: #222; background: none; font-size: 1.05rem; font-weight: 700; padding: 0 0 8px; border-bottom: 2px solid #e3e3e3 !important; margin-top: 10px; margin-bottom: 14px } .single_page_container .more_single { padding-left: 0; padding-right: 0 } .more_six_posts { display: grid; grid-gap: 12px; grid-template-columns: repeat(2, 1fr); grid-template-rows: repeat(auto, auto) } .more_six_posts a thumb, .more_six_posts a img { height: 110px } .more_six_posts h4 { font-size: 13px; line-height: 18px; padding: 8px } .sn_infinite_article { margin-top: 35px; padding-top: 35px; border-top: 3px solid #e0e0e0; } .sn_infinite_article::before { top: -13px; width: 26px; height: 26px; font-size: 14px; } } .archive_page_container { max-width: var(--sn-site-max-width, 1200px); margin: auto; padding: 0 15px } .all_posts_container { max-width: var(--sn-site-max-width, 1200px); width: 100%; margin: auto; padding: 0 15px; display: flex } .all_posts_container_left { flex: 1; min-width: 0; padding-right: 25px } .all_posts_container_right { width: 324px; flex: 0 0 324px; padding-left: 24px } @media only screen and (max-width:1230px) { .all_posts_container { width: 960px; padding: 0 } } @media only screen and (max-width:990px) { .all_posts_container { width: 760px; padding: 0 } } @media only screen and (max-width:770px) { .all_posts_container { max-width: 570px; width: 97%; margin: auto; padding: 0; display: flex; flex-direction: column } .all_posts_container_left, .all_posts_container_right { width: 100%; padding: 0 } } .archieve_top_cat { margin-bottom: 16px; padding-top: 15px; display: flex; align-items: center; height: 45px; padding: 5px 0; font-size: 1rem; border-bottom: 1px solid #ccc } .archieve_top_cat a { font-size: 19px; font-weight: 600 } .archieve_top_cat ul { display: flex; margin-bottom: 0; margin-left: 20px; font-weight: 600 } .archieve_top_cat ul li { margin-right: 10px; padding-right: 10px; border-right: #acacac 1px solid } .archieve_top_cat ul li:last-child { border: none } .archieve_top_cat ul li a:link, .archieve_top_cat ul li a:visited { font-size: 1rem; color: #484848 !important; font-weight: 700 } .archieve_top_cat ul li a:hover { color: #1e88e5 !important } .archive_first_ad img { max-width: 100%; height: auto; margin: 10px auto } .archive_leatest_three_posts { display: grid; grid-template-columns: repeat(3, 1fr); grid-template-rows: auto auto; grid-column-gap: 26px; grid-row-gap: 15px } .archive_leatest_three_posts item3:nth-child(1) { grid-column: 1/3; grid-row: 1/3; position: relative } .archive_leatest_three_posts item3:nth-child(2) { grid-row: 1/2 } .archive_leatest_three_posts item3:nth-child(3) { grid-row: 2/3 } .archive_leatest_three_posts item3 img { height: 100%; width: 100%; object-fit: cover } .archive_leatest_three_posts item3 { position: relative } .archive_leatest_three_posts item3 h4 { margin-bottom: 0; padding-bottom: 0; font-size: calc(1em + .9vw) } .archive_leatest_three_posts item3 h4 a { width: 100%; position: absolute; bottom: 0; color: #fff; font-weight: 700; background: linear-gradient(0deg, #222, transparent); left: 0; padding: 10px 10px 10px 15px } .archive_leatest_three_posts item3:nth-child(2) h4 a, .archive_leatest_three_posts item3:nth-child(3) h4 a { font-size: .7em } .archive_leatest_three_posts item3:hover h4 a { color: #ffb300 } .archive_container { display: flex } .archieve_left_part { flex: 1; min-width: 0; padding-right: 12px } .archieve_right_part { width: 300px; flex: 0 0 300px; padding-left: 13px; margin-top: 15px } .subcat_six_posts { margin-top: 15px } .subcat_six_posts h2 { width: 100%; line-height: 36px; color: #484848; font-size: 24px; padding-left: 2px; border-bottom: none; display: flex; margin-top: 8px; margin-bottom: 8px } .subcat_six_posts h2 a:link, .subcat_six_posts h2 a:visited { color: #484848; font-weight: 600; text-decoration: none } .subcat_six_posts_grid h4 { margin-bottom: 0; padding-bottom: 0; font-size: 1rem } .subcat_six_posts_grid h4 a:link, .subcat_six_posts_grid h4 a:visited { color: #000; display: block; margin-top: 7px; font-weight: 600 } .subcat_six_posts_grid h4 a:hover { color: #1e88e5 } .subcat_six_posts_grid item6 thumb1 { display: block; width: 100%; height: auto; margin-bottom: .5rem; line-height: 0 } .subcat_six_posts_grid item6 thumb1 img { position: relative; width: 100%; height: auto; object-fit: cover; display: block; max-height: 180px; aspect-ratio: 16/9 } .subcat_six_posts_grid { margin-top: 10px; display: grid; grid-template-columns: repeat(3, 1fr); grid-template-rows: repeat(3, auto); grid-column-gap: 30px; grid-row-gap: 15px } .down, .down h2 { display: none } .archive_sub_cat_for_mobile { display: none } @media only screen and (max-width:1230px) { .archive_page_container { width: 960px; margin: auto; padding: 0 } } @media only screen and (max-width:990px) { .archieve_top_cat { margin-bottom: 0; border-bottom: none; background-color: #e9ecef } .archieve_top_cat ul { display: none } .archive_page_container { width: 760px; margin: auto; padding: 0 } .archieve_top_cat a { color: #000 !important; margin-left: 15px } .archive_sub_cat_for_mobile { align-items: center; display: flex; background-color: #f8f9fa } .archive_sub_cat_for_mobile ul { margin-bottom: 0; } .archive_sub_cat_for_mobile li { padding-left: 15px } .archive_sub_cat_for_mobile li a { color: #484848; text-decoration: none; font-weight: 600; line-height: 35px } .down { display: flex; align-items: center; width: 100% } .down h2 { display: block; color: #000; font-size: 22px; font-weight: 600; margin-left: 45%; margin-top: 10px; padding-left: 5px; border-left: 2px solid red } .archive_sub_cat_for_mobile ul { margin-left: 0; z-index: 99; background-color: #f3f3f3; display: grid; max-width: 760px; width: 100%; grid-template-columns: repeat(2, 1fr); grid-template-rows: repeat(auto, auto) } .archive_leatest_three_posts { margin-top: 10px; display: grid; grid-template-columns: repeat(2, 1fr); grid-template-rows: repeat(3, auto); grid-gap: 15px } .archive_leatest_three_posts item3:nth-child(1) { grid-column-start: 1; grid-column-end: 3 } .archive_leatest_three_posts item3:nth-child(2) { grid-row: 3/4 } .archive_leatest_three_posts item3:nth-child(3) { grid-row: 3/4 } .archive_leatest_three_posts item3:nth-child(2) img, .archive_leatest_three_posts item3:nth-child(3) img { height: 140px; object-fit: cover; margin-bottom: 5px } .archive_leatest_three_posts item3:nth-child(2) h4, .archive_leatest_three_posts item3:nth-child(3) h4 { line-height: 15px; margin: 7px 0 } .archive_leatest_three_posts item3:nth-child(2) h4 a, .archive_leatest_three_posts item3:nth-child(3) h4 a { color: #020202; background: 0 0; padding: 0; font-size: .7em; position: relative } .subcat_six_posts_grid item6:nth-last-child(-n+3) { display: none } .subcat_six_posts_grid { display: flex; flex-direction: column } .subcat_six_posts_grid item6:nth-child(1) { position: relative } .subcat_six_posts_grid item6:nth-child(1) h4 a { position: absolute; font-size: 25px; color: #fff; background-color: rgba(0, 0, 0, .323); width: 100%; bottom: 0; padding: 8px 0; left: 0 } .subcat_six_posts_grid item6:nth-child(2), .subcat_six_posts_grid item6:nth-child(3) { display: flex } .subcat_six_posts_grid item6:nth-child(2) h4, .subcat_six_posts_grid item6:nth-child(3) h4 { margin: auto 5px } .subcat_six_posts_grid item6:nth-child(2) thumb1 img, .subcat_six_posts_grid item6:nth-child(3) thumb1 img { width: 90px; height: 60px; object-fit: cover } } @media only screen and (max-width:770px) { .subcat_six_posts h2 .cat_arrow { display: block; color: red; font-size: 24px; margin-left: auto } .archive_page_container { max-width: 570px; width: 97%; margin: auto; padding: 0 } .archive_first_ad { display: none } #id { display: none } .archieve_left_part { width: 100%; padding-right: 0 } .archieve_right_part { width: 100% } .archive_container { margin: 0 5px; display: flex; flex-direction: column } } .subcat_archive_container { max-width: var(--sn-site-max-width, 1200px); margin: 0 auto; padding: 0 15px } .subcat_page_container { display: flex } .subcat_page_container .subcat_left { flex: 1; min-width: 0; padding-right: 9px } .subcat_page_container .subcat_right { width: 300px; flex: 0 0 300px; padding-left: 13px; margin-top: 15px } .archive_leatest_eighteen_posts { display: grid; grid-template-columns: repeat(3, 1fr); grid-template-rows: repeat(5, auto); grid-column-gap: 30px; grid-row-gap: 5px } .archive_leatest_eighteen_posts item15 img { width: 100%; height: 150px; object-fit: cover } .archive_leatest_eighteen_posts item15 { margin-top: 15px } .archive_leatest_eighteen_posts item15 h4 { color: #000; display: block; font-size: 1rem; text-decoration: none; overflow: hidden; margin-top: 7px } .archive_leatest_eighteen_posts item15 h4 a { color: #000; font-weight: 600 } .fullwidth { width: 100%; padding: 10px; display: block; text-align: center; background-color: #337ab7; font-size: 20px; margin: 5px 0 } a.fullwidth a { text-decoration: none; color: #fff } @media only screen and (max-width:1230px) { .subcat_archive_container { width: 960px; margin: auto; padding: 0 } } @media only screen and (max-width:990px) { .bottom_parent { border-bottom: none; box-shadow: 0 4px 3px -4.5px #000; } .subcat_archive_container { width: 760px; margin: auto; padding: 0 } .archive_leatest_eighteen_posts { display: grid; grid-template-columns: repeat(1, 1fr); grid-template-rows: repeat(auto, auto); grid-gap: 10px } .archive_leatest_eighteen_posts item15 { display: flex; margin-top: 0 } .archive_leatest_eighteen_posts item15 h4 { margin: auto 5px } .archive_leatest_eighteen_posts item15 img { width: 120px; height: 68px; object-fit: cover } } @media only screen and (max-width:770px) { .subcat_archive_container { max-width: 570px; width: 97%; padding: 0 } .subcat_page_container { display: flex; flex-direction: column } .subcat_page_container .subcat_left { width: 100%; padding-right: 0 } .subcat_page_container .subcat_right { width: 100%; background-color: rgba(95, 158, 160, .411) } } .photo_archive_conatiner { max-width: var(--sn-site-max-width, 1200px); width: 100%; margin: 0 auto; padding: 0 15px; display: flex } .photo_archieve_left_part { width: 70% } .photo_subcat { padding: 0 10px 10px 10px; border: 1px solid #a5a5a5; border-top: 2px solid #000; margin-bottom: 30px } .photo_subcat h2 { margin-bottom: 10px; font-size: 20px } .photo_subcat h2 a { background: #630933; clip-path: polygon(0 0, 100% 0, 90% 100%, 0 100%); text-decoration: none; padding: 1px 25px 4px 25px; color: #fff } .photo_subcat_posts_grid item8 { background-color: #f7f7f7; border: 1px solid #ddd; position: relative } .photo_subcat_posts_grid item8 { position: relative } .photo_subcat_posts_grid item8 figure { width: 100%; height: auto; margin: 0; line-height: 0 } .photo_subcat_posts_grid item8 img { width: 100%; height: auto; display: block; object-fit: cover; aspect-ratio: 1.5/1; max-height: 200px } .photo_subcat_posts_grid item8 i { position: absolute; border: 2px solid #fff; color: #fff; background: rgba(0, 0, 0, .5); padding: 13px 10px 12px 14px; opacity: .8; top: 20%; left: 35%; border-radius: 50%; -webkit-border-radius: 50% } figure { display: block; margin-block-start: 0; margin-block-end: 0; margin-inline-start: 0; margin-inline-end: 0 } .photo_subcat_posts_grid item8 h4 { color: #000; font-size: 16px; text-align: center; border-top: 1px solid #ddd; padding: 5px } .photo_subcat_posts_grid item8:hover h4 { text-decoration: underline } .photo_subcat_posts_grid { display: grid; grid-template-columns: repeat(4, 1fr); grid-template-rows: repeat(2, auto); grid-gap: 15px } .photo_archieve_right_part { width: 30% } .pv_bread { margin: 15px 0 15px 0; font-size: 1rem; font-weight: 700 } .pv_bread a { color: #000; font-size: 18px } .video_archive_conatner { max-width: var(--sn-site-max-width, 1200px); width: 100%; margin: 0 auto; padding: 0 15px; display: flex } .all_twinty_posts { display: flex; flex-direction: column; gap: 15px } .all_twinty_posts > a { display: flex; gap: 12px; align-items: flex-start } .all_twinty_posts > a img { width: 160px; height: 100px; object-fit: cover; flex-shrink: 0 } .all_twinty_posts .item20span h4 { font-size: 1rem; font-weight: 600; color: #333; margin-bottom: 5px } .all_twinty_posts .item20span p { font-size: .85rem; color: #777 } @media only screen and (max-width:770px) { .all_twinty_posts > a img { width: 110px; height: 75px } } .pagination1 { width: 100%; margin: 10px 0; display: flex } .page-numbers { position: relative; display: block; padding: .3rem .75rem; margin-left: -1px; line-height: 1.25; color: #1e88e5; background-color: #fff; border: 1px solid #dee2e6 } .pagination1 .current { color: red } .pagi_inner { margin-left: auto; display: flex } .home_menu_inner { width: 100%; margin: 0 0 10px; position: relative } .map_inner_block { width: 100%; background: #e6e6fa; margin-bottom: 0; position: relative } .map_inner { background: #e6e6fa; padding: 15px; overflow: hidden } .st0 { opacity: .7 } .st1 { fill: #80c2eb; cursor: pointer } .st2 { fill: none; cursor: pointer } .st3 { fill: #008c44; stroke: #fff; stroke-width: .75; stroke-miterlimit: 10; cursor: pointer } .st4 { fill: #008c44; stroke: #fff; stroke-width: .75; stroke-miterlimit: 10; cursor: pointer } .st5 { fill: #008c44; stroke: #fff; stroke-width: .75; stroke-miterlimit: 10; cursor: pointer } .st6 { fill: #008c44; stroke: #fff; stroke-width: .75; stroke-miterlimit: 10; cursor: pointer } .st7 { fill: #008c44; stroke: #fff; stroke-width: .75; stroke-miterlimit: 10; cursor: pointer } .st8 { fill: #008c44; stroke: #fff; stroke-width: .75; stroke-miterlimit: 10; cursor: pointer } .st9 { fill: #008c44; stroke: #fff; stroke-width: .75; stroke-miterlimit: 10; cursor: pointer } .st10 { fill: #008c44; stroke: #fff; stroke-width: .75; stroke-miterlimit: 10; cursor: pointer } .st11 { fill: #008c44; stroke: #fff; stroke-width: .75; stroke-miterlimit: 10; cursor: pointer } .st13 { fill: #008c44; stroke: #fff; stroke-width: .25; stroke-miterlimit: 10; cursor: pointer } .st14 { fill: #008c44; stroke: #fff; stroke-width: .75; stroke-miterlimit: 10; cursor: pointer } .st15 { fill: #008c44; stroke: #fff; stroke-width: .25; stroke-miterlimit: 10; cursor: pointer } .st16 { enable-background: new; cursor: pointer } .st17 { fill: #fff; cursor: pointer } .st18 { opacity: .34; cursor: pointer } .st19 { fill: #008c44; cursor: pointer } #rangpur:hover path { fill: #9a1515 } #rangpur:hover path.st17 { fill: #fff } #rangpur:hover path.st19 { fill: #d5d5d5 } #mymensingh:hover path { fill: #9a1515 } #mymensingh:hover path.st17 { fill: #fff } #mymensingh:hover path.st19 { fill: #d5d5d5 } #sylhet:hover path { fill: #9a1515 } #sylhet:hover path.st17 { fill: #fff } #sylhet:hover path.st19 { fill: #d5d5d5 } #rajshahi:hover path { fill: #9a1515 } #rajshahi:hover path.st17 { fill: #fff } #rajshahi:hover path.st19 { fill: #d5d5d5 } #khulna:hover path { fill: #9a1515 } #khulna:hover path.st17 { fill: #fff } #khulna:hover path.st19 { fill: #d5d5d5 } #borishal:hover path { fill: #9a1515 } #borishal:hover path.st17 { fill: #fff } #borishal:hover path.st19 { fill: #d5d5d5 } #chittagong:hover path { fill: #9a1515 } #chittagong:hover path.st17 { fill: #fff } #chittagong:hover path.st19 { fill: #d5d5d5 } #dhaka:hover path { fill: #9a1515 } #dhaka:hover path.st17 { fill: #fff } #dhaka:hover path.st19 { fill: #d5d5d5 } .home_menu_online { width: 100%; border-bottom: 1px solid #fe0104; padding-left: 7px } .home_menu_online .catTitle { margin-bottom: 0 !important; font-size: 24px; line-height: 36px } .info_box_right .st-btn { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; -moz-transition: opacity .2s ease-in, top .2s ease-in; -ms-transition: opacity .2s ease-in, top .2s ease-in; -o-transition: opacity .2s ease-in, top .2s ease-in; -webkit-transition: opacity .2s ease-in, top .2s ease-in; transition: opacity .2s ease-in, top .2s ease-in; -moz-border-radius: 20px; -webkit-border-radius: 20px; border-radius: 20px; border: none; cursor: pointer; display: inline-block; height: 35px !important; width: 35px !important; line-height: 40px; margin-right: 8px; padding: 0 10px; position: relative; text-align: center; top: 0 !important; vertical-align: baseline; white-space: nowrap; display: inline-block !important } .info_box_right .st-total { display: inline-block; position: relative; width: 60px; border-right: 1px solid #cecece; margin-right: 15px; text-align: center; color: #282828 !important; line-height: 10px; margin-right: 5px !important } .info_box_right .st-btn>img { display: inline-block; height: 25px !important; width: 25px !important; position: relative; top: 5px !important; left: -4px; vertical-align: top } :root { --sn-accent: #d81f26; --sn-accent-dark: #a9151b; --sn-ink: #1a1a1a; --sn-muted: #6b6b6b; --sn-line: #eaeaea; --sn-card-bg: #ffffff; --sn-radius: 10px; --sn-shadow: 0 2px 14px rgba(0, 0, 0, 0.07); --sn-shadow-hover: 0 8px 24px rgba(0, 0, 0, 0.12); } html { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; scroll-behavior: smooth; } html, body { overflow-x: hidden; max-width: 100%; } a, button, input, .btn, img { transition: all 0.2s ease-in-out; } img.wp-post-image, .sn-default-thumb, .home_page_ad img, .sidebar_ad img, .archive_first_ad img, .single_first_ad img { border-radius: 6px; } .sn-default-thumb { width: 100%; max-width: 100%; object-fit: cover; display: block; } img.wp-post-image:hover, .sn-default-thumb:hover { transform: translateY(-2px); filter: brightness(0.97); } a:focus-visible, button:focus-visible, input:focus-visible { outline: 2px solid var(--sn-accent); outline-offset: 2px; } ::-webkit-scrollbar { width: 10px; height: 10px; } ::-webkit-scrollbar-track { background: #f1f1f1; } ::-webkit-scrollbar-thumb { background: #c9c9c9; border-radius: 8px; } ::-webkit-scrollbar-thumb:hover { background: var(--sn-accent); } ::selection { background: var(--sn-accent); color: #fff; } @media only screen and (min-width:991px) { .top_nav { background: #fff; color: #333; height: auto; min-height: 40px; padding: 10px 0; display: flex; align-items: center; border-bottom: 1px solid #e6e6e6; } .date_time { flex-direction: column; justify-content: center; height: auto; } .date_time li { height: auto; padding: 0; font-size: 12.5px; line-height: 1.5; color: #666; font-weight: 400; } .date_time li:first-child { font-size: 15px; color: #111; font-weight: 700; margin-bottom: 2px; } .date_time li:nth-child(2)::before, .date_time li:nth-child(3)::before { display: none; } .top_nav .nav_menu { display: none; } .top_nav .share_tiggle { display: none; } .social { margin-left: auto; align-items: center; } .social li { width: 30px; height: 30px; margin: 0 4px; padding: 0; display: flex; align-items: center; justify-content: center; background-color: #1a1a1a; border-radius: 50%; transition: background-color .2s ease, transform .2s ease; } .social li:hover { background-color: var(--sn-accent, #c4302b); transform: translateY(-2px); } .social li a:link i, .social li a:visited i { color: #fff; font-size: 13px; } .social li:hover a i { color: #fff; } .social li:nth-child(1) { order: 1; } .social li:nth-child(6) { order: 2; } .social li:nth-child(2) { order: 3; } .social li:nth-child(3) { order: 4; } .social li:nth-child(4), .social li:nth-child(5), .social li:nth-child(7) { display: none; } .sn_header_tools { display: none !important; } .bottom_parent { position: relative; border-bottom: 1px solid #e2e2e2 !important; } header.nav_container .bottom_nav { flex-wrap: wrap !important; height: auto !important; padding: 26px 0 22px !important; } header.nav_container .bottom_nav .logo { width: 100% !important; order: 1 !important; flex-direction: column; justify-content: center; display: flex !important; height: auto !important; padding-bottom: 0; } header.nav_container .bottom_nav .logo a { margin: 0 auto; height: auto !important; width: auto; max-width: 260px; } header.nav_container .bottom_nav .logo a img { max-height: 58px; width: auto; margin: 0 auto; } .sn_logo_tagline { display: block; text-align: center; margin-top: 10px; font-size: 13px; color: #7a7a7a; letter-spacing: .3px; } header.nav_container .bottom_nav .nav_menu_ground { order: 3 !important; width: auto !important; flex: 1 1 auto; min-width: 0; justify-content: flex-start; border-top: 1px solid #e6e6e6; background-color: #fff; margin-top: 22px; } header.nav_container .bottom_nav .nav_menu_ground ul.first_ull_menu { justify-content: flex-start; width: 100%; margin: auto 0; } header.nav_container .bottom_nav .nav_menu_ground ul.first_ull_menu li { height: 48px; font-size: 15px; padding: 0 14px 0 0; } header.nav_container .bottom_nav .nav_menu_ground ul.first_ull_menu li:first-child { padding-left: 0; } header.nav_container .bottom_nav .nav_menu_ground ul.first_ull_menu li a { position: relative; color: #262626; } header.nav_container .bottom_nav .nav_menu_ground ul.first_ull_menu li a::after { content: ""; position: absolute; left: 0; right: 0; bottom: 6px; height: 2px; background-color: var(--sn-accent, #c4302b); transform: scaleX(0); transition: transform .2s ease; } header.nav_container .bottom_nav .nav_menu_ground ul.first_ull_menu li:hover>a { color: var(--sn-accent, #c4302b) !important; } header.nav_container .bottom_nav .nav_menu_ground ul.first_ull_menu li:hover>a::after { transform: scaleX(1); } header.nav_container .ham_burger { display: flex !important; order: 4; margin-left: auto; flex-shrink: 0; border-top: 1px solid #e6e6e6; margin-top: 22px; } header.nav_container .ham_burger ul { height: 48px; align-items: center; } header.nav_container .ham_burger ul li { height: 48px; padding: 0 8px; cursor: pointer; } header.nav_container .ham_burger ul li#open_search { order: 1; } header.nav_container .ham_burger ul li#drop_ground { order: 2; margin-left: 6px; padding-left: 14px; border-left: 1px solid #e2e2e2; } header.nav_container .ham_burger ul li span:nth-child(2) { display: none; } header.nav_container .ham_burger ul li span, header.nav_container .ham_burger ul li i { font-size: 16px; color: #333; height: auto; } header.nav_container .ham_burger ul li:hover span, header.nav_container .ham_burger ul li:hover i { color: var(--sn-accent, #c4302b); } } .sn_shoulder { display: block; color: #000; font-weight: 700; font-size: 15px; letter-spacing: .3px; margin-top: 8px; margin-bottom: 8px; padding-bottom: 8px; border-bottom: 1px solid #e6e6e6; text-transform: uppercase; } .sn_grid_shoulder { display: inline; color: var(--sn-accent, #c4302b); font-weight: 700; } .sn_grid_subtitle { display: inline; color: var(--sn-accent, #c4302b); font-weight: 700; } .sn_sub_heading { font-size: 1.15rem; font-weight: 500; color: #444; margin: 8px 0 8px 0; padding-bottom: 0; border-bottom: none; line-height: 1.5; } .sn_reporter_photo { display: inline-block !important; width: 26px; height: 26px; border-radius: 50%; object-fit: cover; vertical-align: middle; margin-right: 6px; } .sn_lead { font-size: 1.1rem; font-weight: 600; line-height: 1.7; color: #222; margin: 14px 0; padding-left: 12px; border-left: 3px solid #c4302b; } .sn_sub_lead { font-size: 1rem; font-weight: 500; line-height: 1.6; color: #333; margin: 0 0 14px 0; } .sn_live_updates_wrap { margin: 4px 0 22px; } .sn_live_pinned_summary { background: #fdecec; border-left: 3px solid #d63638; border-radius: 4px; padding: 14px 16px; margin-bottom: 20px; } .sn_live_pinned_label { display: block; font-size: 12px; font-weight: 800; letter-spacing: .3px; text-transform: uppercase; color: #a9151b; margin-bottom: 6px; } .sn_live_pinned_label i { margin-right: 5px; } .sn_live_pinned_text p { margin: 0 0 6px; font-size: 1rem; font-weight: 600; line-height: 1.7; color: #222; } .sn_live_pinned_text p:last-child { margin-bottom: 0; } .sn_live_updates_feed { display: flex; flex-direction: column; } .sn_live_update_card { position: relative; border-left: 3px solid #d63638; padding: 2px 0 20px 16px; margin-bottom: 6px; border-bottom: 1px dashed #ddd; } .sn_live_update_card:last-child { border-bottom: none; padding-bottom: 2px; margin-bottom: 0; } .sn_live_update_meta { display: flex; align-items: center; justify-content: space-between; gap: 10px; margin-bottom: 8px; } .sn_live_update_time { font-size: .82rem; font-weight: 700; color: #888; display: inline-flex; align-items: center; gap: 6px; } .sn_live_update_time i { font-size: 7px; color: #d63638; } .sn_live_update_share { width: 28px; height: 28px; border-radius: 50%; background: #f2f2f2; color: #666; display: inline-flex; align-items: center; justify-content: center; font-size: 12px; text-decoration: none; flex: 0 0 auto; transition: background .15s ease, color .15s ease; } .sn_live_update_share:hover { background: #d63638; color: #fff; } .sn_live_update_content p { margin: 0 0 12px; font-size: calc(1em + .05vw); line-height: 1.75; color: #262626; text-align: justify; } .sn_live_update_content p:last-child { margin-bottom: 0; } .sn_live_update_content img { width: 100%; height: auto; border-radius: 4px; margin: 8px 0; } .sn_live_update_content iframe { max-width: 100%; } @media (max-width: 782px) { .sn_live_update_card { padding-left: 12px; } } .sn_post_tags { margin: 18px 0; padding-top: 12px; border-top: 1px dashed #ddd; font-size: .95rem; } .sn_post_tags a { display: inline-block; background: #f2f2f2; color: #333; padding: 4px 12px; margin: 3px 4px; border-radius: 20px; text-decoration: none; font-size: .85rem; } .sn_post_tags a:hover { background: #c4302b; color: #fff; } .sn_single_ad_box, .sn_single_shortcode_wrap, .sn_sidebar_bottom_boxes, .sn_category_section_box_wrap { margin: 16px 0; } .sn_shortcode_box, .sn_single_shortcode_box, .sn_sidebar_bottom_box, .sn_category_section_box { margin-bottom: 14px; text-align: center; overflow: hidden; } .sn-load-more-wrap { text-align: center; margin: 12px 0 24px 0; } .sn-load-more-btn { background-color: #c4302b; color: #fff; border: none; padding: 9px 26px; font-size: .95rem; font-weight: 600; border-radius: 4px; cursor: pointer; transition: background-color .2s ease; } .sn-load-more-btn:hover { background-color: #a5271f; } .sn-load-more-btn:disabled { opacity: .6; cursor: default; } @media only screen and (max-width:770px) { .sn_lead { font-size: 1rem; } } @media only screen and (max-width: 767px) { html, body { overflow-x: hidden; width: 100%; } .nav_container, .bottom_nav, .fixed, .drop_menu, .drop_nav_menu, .page_container, .single_page_container, .archive_page_container, .subcat_archive_container, .sn-cat-block-wrap, .sn-tag-block-wrap, .all_posts_container, .photo_archive_conatiner, .ham_burger ul, .search_form, .sn-footer-inner { max-width: 100% !important; width: 100% !important; margin-left: auto !important; margin-right: auto !important; padding-left: 16px !important; padding-right: 16px !important; box-sizing: border-box !important; } .home_page .home_page_left, .home_page .home_page_right, .single_page_container .sigle_left, .single_page_container .sigle_right, .archive_page_container .archieve_left_part, .archive_page_container .archieve_right_part, .subcat_page_container .subcat_left, .subcat_page_container .subcat_right, .all_posts_container_left, .all_posts_container_right { padding-left: 0 !important; padding-right: 0 !important; width: 100% !important; } img, iframe, video, table, embed, object { max-width: 100% !important; height: auto; } #id { width: 100% !important; max-width: 300px; float: none !important; margin: 10px auto !important; } h1, h2, h3, h4, h5, h6, p { word-break: break-word; overflow-wrap: break-word; } .all_twinty_posts, .archive_leatest_eighteen_posts, .photo_subcat_posts_grid { width: 100%; box-sizing: border-box; } .all_twinty_posts > a, item8, item15, item20 { max-width: 100%; box-sizing: border-box; } } @media only screen and (max-width: 374px) { .all_twinty_posts > a img { width: 90px; height: 65px; } } @media only screen and (max-width: 979px) { .dg_mobile_wrapper .bottom_nav { position: relative !important; display: flex !important; align-items: center !important; width: 100% !important; max-width: 100% !important; padding: 0 16px !important; margin: 0 !important; box-sizing: border-box !important; height: 60px !important; } .dg_mobile_wrapper .bottom_nav .nav_menu_ground { display: none !important; } .dg_mobile_wrapper .bottom_nav .ham_burger, .dg_mobile_wrapper .bottom_nav .ham_burger ul { display: contents !important; } .dg_mobile_wrapper .bottom_nav .ham_burger ul li { width: auto !important; flex: 0 0 auto !important; display: flex !important; align-items: center !important; padding: 0 !important; margin: 0 !important; } .dg_mobile_wrapper .bottom_nav .ham_burger ul li#drop_ground { order: 1 !important; } .dg_mobile_wrapper .bottom_nav .ham_burger ul li#open_search { order: 3 !important; } .dg_mobile_wrapper .bottom_nav .logo { order: 2 !important; position: static !important; width: auto !important; flex: 1 1 auto !important; display: flex !important; align-items: center !important; justify-content: center !important; margin: 0 !important; min-width: 0 !important; } .dg_mobile_wrapper .bottom_nav .logo a { position: static !important; margin: 0 !important; width: auto !important; height: auto !important; max-width: 100% !important; justify-content: center !important; } .dg_mobile_wrapper .bottom_nav .logo a img { max-width: 100% !important; height: auto !important; } .dg_mobile_wrapper .search_form { max-width: 100% !important; width: 100% !important; padding-left: 16px !important; padding-right: 16px !important; margin: 0 !important; box-sizing: border-box !important; } } @media only screen and (max-width: 979px) { .dg_mobile_wrapper .bottom_parent.fixed { position: fixed !important; top: 0 !important; left: 0 !important; right: 0 !important; width: 100% !important; max-width: 100% !important; margin: 0 !important; padding: 0 !important; background-color: #ffffff !important; z-index: 99999 !important; box-shadow: 0 2px 6px rgba(0, 0, 0, 0.12) !important; box-sizing: border-box !important; } .dg_mobile_wrapper .bottom_parent .dg_top_thick_bar { width: 100% !important; height: 3px !important; background-color: #d9d9d9 !important; display: block !important; clear: both !important; } } body > .dg_top_thick_bar { width: 100% !important; height: 5px !important; background-color: #4a4a4a !important; display: block !important; clear: both !important; } @media only screen and (max-width: 979px) { body > .dg_top_thick_bar { display: none !important; } } .sn-ad-slot-header-1, .sn-ad-slot-header-rest, .sn-ad-slot-footer-1, .sn-ad-slot-footer-rest { max-width: var(--sn-site-max-width, 1200px) !important; width: 100% !important; margin: 12px auto !important; padding: 0 15px !important; box-sizing: border-box !important; } @media only screen and (max-width: 767px) { .sn-ad-slot-header-1, .sn-ad-slot-header-rest, .sn-ad-slot-footer-1, .sn-ad-slot-footer-rest { padding: 0 16px !important; margin: 10px auto !important; } } .sn-ad-slot { display: flex !important; justify-content: center !important; align-items: center !important; flex-wrap: wrap !important; width: 100%; box-sizing: border-box !important; overflow: hidden; text-align: center; } .sn-ad-box { max-width: 100%; box-sizing: border-box; overflow: hidden; margin: 0 auto !important; text-align: center; } .sn-ad-box img { max-width: 100% !important; height: auto !important; margin: 0 auto !important; } .sn-ad-box iframe, .sn-ad-box ins, .sn-ad-box embed, .sn-ad-box object, .sn-ad-box video { max-width: 100% !important; width: 100% !important; height: auto !important; border: 0; margin: 0 auto !important; } .sn-ad-code, .sn-ad-code * { max-width: 100% !important; float: none !important; margin-left: auto !important; margin-right: auto !important; box-sizing: border-box !important; } .sn-ad-code { display: block !important; width: 100%; text-align: center; } .sn-ad-code table { width: 100% !important; } .sn-ad-slot-homepage-section { width: 100% !important; margin: 14px auto 16px auto !important; padding: 0 !important; box-sizing: border-box !important; } .sn-ad-slot-homepage-0, .home_page > .sn-ad-slot { max-width: var(--sn-site-max-width, 1200px) !important; margin: 12px auto !important; padding: 0 15px !important; } @media only screen and (max-width: 767px) { .sn-ad-slot-homepage-section { margin: 10px auto 12px auto !important; } .sn-ad-slot-homepage-0, .home_page > .sn-ad-slot { padding: 0 !important; } } @media only screen and (max-width: 480px) { .sn-ad-slot-homepage-section { margin: 8px auto 10px auto !important; } .sn-ad-slot-homepage-0, .home_page > .sn-ad-slot { padding: 0 !important; } } .sn-ad-slot-homepage-sidebar { width: 100% !important; max-width: 300px !important; margin: 0 auto !important; padding: 0 !important; box-sizing: border-box !important; display: block !important; } .sn-ad-slot-homepage-sidebar-3 { max-width: 300px !important; } .sn-ad-slot-homepage-sidebar img, .sn-ad-slot-homepage-sidebar iframe { max-width: 100% !important; height: auto !important; display: block !important; margin: 0 auto !important; border: 0 !important; } .sn-ad-slot-homepage-sidebar .sn-ad-item { width: 100% !important; margin: 0 !important; padding: 0 !important; } .sn-ad-slot-homepage-sidebar:empty { display: none !important; } @media only screen and (max-width: 991px) { .sn-ad-slot-homepage-sidebar { max-width: 300px !important; margin: 12px auto !important; } } @media only screen and (max-width: 480px) { .sn-ad-slot-homepage-sidebar { max-width: 100% !important; margin: 8px auto !important; } .sn-ad-slot-homepage-sidebar img, .sn-ad-slot-homepage-sidebar iframe { max-width: 100% !important; } } html.sn-desktop-mode .dg_desktop_wrapper { display: block !important; } html.sn-desktop-mode .dg_mobile_wrapper { display: none !important; } html.sn-desktop-mode body { min-width: var(--sn-site-max-width, 1280px); }