OwlCyberSecurity - MANAGER
Edit File: main.css
/** 1.0 Normalize 2.0 Header 3.0 Ticker 4.0 Banner Slider 4.5 Banner Layout Five 5.0 Full Width Sectin 6.0 Left Content Right Sidebar 7.0 Right Content Left Sidebar 8.0 Bottom Full Width Section 9.0 Grid Layout 9.4 Grid Layout Four 10.0 List Layout 11.4 List Layout Four 11.0 Carousel Layout 11.2 Carousel Layout Two 12.0 Filter Layout 12.1 Filter Layout One 13.0 Footer Section 14.0 Widgets 15.0 Image Hover Effect 16.0 Title Hover Effect 17.0 Archive Layouts 17.1 Archive Layout One 17.2 Archive Layout Two 18.0 Single Post Layouts 19.0 Breadcrumb 20.0 Footer Option Section 21.0 Pagination 22.0 Box Full Layouts 23.0 Social Icon 24.0 Litemode Darkmode 25.0 Miscellaneous 26.0 Menu Hover Effect 27.0 Move To Top 28.0 404 Page 29.0 Stickey Sidebar 30.0 Stickey Menu 31.0 Box Shadow 33.0 Featured Post is Sticky 34.0 Width Layout **/ /*1.0 Normalize */ :root { /* presets */ --digital-newspaper-global-preset-color-1: #c2113c; --digital-newspaper-global-preset-color-2: #289dcc; --digital-newspaper-global-preset-color-3: #d95f3d; --digital-newspaper-global-preset-color-4: #000000; --digital-newspaper-global-preset-color-5: #545454; --digital-newspaper-global-preset-color-6: #333333; --digital-newspaper-global-preset-gradient-color-1: linear-gradient(90deg, #66ffff 0%, #ff9999 100%); --digital-newspaper-global-preset-gradient-color-2: linear-gradient(90deg, #009FFF 0%, #ec2F4B 100%); --digital-newspaper-global-preset-gradient-color-3: linear-gradient(90deg, #FF5F6D 0%, #FFC371 100%); --digital-newspaper-global-preset-gradient-color-4: linear-gradient(90deg, #ffffcc 0%, #ff9999 100%); --digital-newspaper-global-preset-gradient-color-5: linear-gradient(90deg, #ff4b1f 0%, #1fddff 100%); --digital-newspaper-global-preset-gradient-color-6: linear-gradient(90deg, #ccccff 0%, #ff99cc 100%); --main-bk-color: #fff; --site-bk-color: #fbfbfb; /* Top Header */ --top-header-bk-color: linear-gradient(135deg,rgb(253,79,24) 10%,rgb(247,157,22) 100%); --top-header-border-btm-c: #E8E8E8; --top-date-time-bk-color: #f9f9f9; --top-header-dt-color: #222222; /* Header Bk Color */ --header-bk-color: #fff; --header-toggle-bk-color: #f3f3f3; --toggle-close-bk-color: #f3f3f3; --toggle-close-btn-color: #33333380; /* Menu Bk Color */ --menu-bk-color: #fff; --menu-border-top-color: #FD4F18; --submenu-border-btm-color: #ebebeb; /* Mode Toggle Color */ --mode-toggle-color: #000; /* Ticket background */ --ticker-outer-bk-color: #f5f5f5; --ticker-inner-bk-color: #f9f9f9; /* Banner background color */ --banner-content-bk-color: #fff; /* archive bk color */ --archive-content-bk-color: #fff; /* Single bk color */ --single-content-bk-color: #fff; /* 404 error bk color */ --404-error-content-bk-color: #fff; /* search bk color */ --search-content-bk-color: #fff; /** Section background color */ --full-width-section-bk-color: #F0F1F2; --leftc-rights-section-bk-color: #F0F1F2; --lefts-rightc-section-bk-color: #F0F1F2; --full-width-bottom-section-bk-color: #F0F1F2; /* Section content bk color */ --full-width-content-bk-color: #ffffff; --leftc-rights-content-bk-color: #ffffff; --lefts-rightc-content-bk-color: #ffffff; --full-width-bottom-content-bk-color: #ffffff; /** Theme archive bk color */ --theme-section-bk-color: #545454; --theme-content-bk-color: #ffffff; /* border bottom color */ --border-bottom-color: #f0f0f0; --block-title-border-bottom-color: #e5e5e5; --load-more-border-color: #8d8d8d; /* body text default color */ --body-text-default-color: #404040; --green-text-color: #2AB391; --border-line-color: #E2E2E2; --menu-active-color: #DE4331; /* noimg bk color */ --noimg-bk-color: #cccccc; --white-text: #fff; --white-bk-color: #fff; --author-color: #333333; --meta-text-color: #8A8A8C; --main-content-text-color: #505050; --post-content-font: 'Cabin', sans-serif; --post-meta-font: 'Heebo', sans-serif; --block-title-color: #161616; --block-title-color-black: #000; --post-title-color: #000000; --post-content-color: #505050; --post-meta-color: #8A8A8C; --theme-color-red: #FD4F18; --dark-bk-color: #000000; --inner-container-bk: #fff; --theme-block-top-border-color: linear-gradient( 135deg, #485563 10%, #29323c 100%); --theme-block-top-border-height: 2px; --mobile-menu-bk-color: #f8f8f8; --mobile-menu-border-btm-color: #e8e8e8; --text-background-color: #fff; --block-title-bk-color: #e1e1e1; --slick-button-color: #525252; --button-bk-color: #fff; --horizontal-shadow-offset: 0; --vertical-shadow-offset: 2px; --blur-radius: 4px; --spread-radus: 0; --shadow-color: rgb(0 0 0 / 8%); --box-shadow-inset: ''; /** Site Title font */ --site-title-size: 38px; --site-title-size-tab: 38px; --site-title-size-mobile: 38px; --site-title-family: 'Jost'; --site-title-lineheight: 42px; --site-title-lineheight-tab: 38px; --site-title-lineheight-mobile: 38px; --site-title-letterspacing: 0; --site-title-letterspacing-tab: 0; --site-title-letterspacing-mobile: 0; --site-title-textdecoration: 'none'; --site-title-texttransform: 'Capitalize'; --site-title-weight: 700; /** Block Title Font */ --block-title-size: 26px; --block-title-size-tab: 26px; --block-title-size-mobile: 25px; --block-title-family: 'Jost', sans-serif; --block-title-lineheight: 30px; --block-title-lineheight-tab: 30px; --block-title-lineheight-mobile: 30px; --block-title-letterspacing: 0; --block-title-letterspacing-tab: 0; --block-title-letterspacing-mobile: 0; --block-title-textdecoration: 'none'; --block-title-texttransform: 'capitalize'; --block-title-texttransform-tab: 'capitalize'; --block-title-texttransform-mobile: 'capitalize'; --block-title-weight: 500; /** Post Title Font */ --post-title-size: 22px; --post-title-size-tab: 20px; --post-title-size-mobile: 19px; --post-title-family: 'Jost', sans-serif; --post-title-lineheight: 27px; --post-title-lineheight-tab: 27px; --post-title-lineheight-mobile: 27px; --post-title-letterspacing: 0; --post-title-letterspacing-tab: 0; --post-title-letterspacing-mobile: 0; --post-title-textdecoration: 'none'; --post-title-textdecoration-tab: 'none'; --post-title-textdecoration-mobile: 'none'; --post-title-texttransform: 'lowercase'; --post-title-texttransform-tab: 'lowercase'; --post-title-texttransform-mobile: 'lowercase'; --post-title-weight: 600; /** Meta Title Font */ --meta-size: 14px; --meta-size-tab: 14px; --meta-size-mobile: 14px; --meta-family: 'jost', sans-serif; --meta-lineheight: 20px; --meta-lineheight-tab: 20px; --meta-lineheight-mobile: 20px; --meta-letterspacing: 0; --meta-letterspacing-tab: 0; --meta-letterspacing-mobile: 0; --meta-textdecoration: 'none'; --meta-texttransform: 'capitalize'; --meta-weight: 400; /** Content Font */ --content-size: 16px; --content-size-tab: 16px; --content-size-mobile: 16px; --content-family: 'inter', sans-serif; --content-lineheight: 24px; --content-lineheight-tab: 24px; --content-lineheight-mobile: 22px; --content-letterspacing: 0; --content-letterspacing-tab: 0; --content-letterspacing-mobile: 0; --content-textdecoration: 'none'; --content-textdecoration-tab: 'none'; --content-textdecoration-mobile: 'none'; --content-texttransform: 'lowercase'; --content-texttransform-tab: 'lowercase'; --content-texttransform-mobile: 'lowercase'; --content-weight: 400; /** Menu Font */ --menu-size: 15px; --menu-size-tab: 16px; --menu-size-mobile: 16px; --menu-family: 'Jost', sans-serif; --menu-lineheight: 24px; --menu-lineheight-tab: 24px; --menu-lineheight-mobile: 22px; --menu-letterspacing: 0; --menu-letterspacing-tab: 0; --menu-letterspacing-mobile: 0; --menu-textdecoration: 'none'; --menu-texttransform: capitalize; --menu-color: #000; --menu-color-hover: #FD4F18; --menu-weight: 700; --menu-color-active: #FD4F18; --menu-color-submenu: #000000; --menu-color-submenu-hover: #FD4F18; /* Submenu */ --submenu-size: 15px; --submenu-size-tab: 15px; --submenu-size-mobile: 15px; --submenu-family: 'Jost', sans-serif; --submenu-lineheight: 24px; --submenu-lineheight-tab: 24px; --submenu-lineheight-mobile: 22px; --submenu-weight: 700; --submenu-letterspacing: 0; --submenu-letterspacing-tab: 0; --submenu-letterspacing-mobile: 0; --submenu-textdecoration: 'none'; --submenu-texttransform: capitalize; /** Single Post */ --single-title-size: 34px; --single-title-size-tab: 32px; --single-title-size-mobile: 30px; --single-title-family: 'Jost', sans-serif; --single-title-lineheight: 34px; --single-title-lineheight-tab: 32px; --single-title-lineheight-mobile: 30px; --single-title-letterspacing: 0; --single-title-letterspacing-tab: 0; --single-title-letterspacing-mobile: 0; --single-title-textdecoration: 'none'; --single-title-texttransform: 'uppercase'; --single-title-weight: 600; /* single-meta */ --single-meta-size: 14px; --single-meta-size-tab: 14px; --single-meta-size-mobile: 14px; --single-meta-family: 'Jost', sans-serif; --single-meta-lineheight: 24px; --single-meta-lineheight-tab: 24px; --single-meta-lineheight-mobile: 22px; --single-meta-letterspacing: 0; --single-meta-letterspacing-tab: 0; --single-meta-letterspacing-mobile: 0; --single-meta-textdecoration: 'none'; --single-meta-texttransform: 'lowercase'; --single-meta-weight: 400; /* single-content */ --single-content-size: 17px; --single-content-size-tab: 16px; --single-content-size-mobile: 16px; --single-content-family: 'Inter', sans-serif; --single-content-lineheight: 24px; --single-content-lineheight-tab: 24px; --single-content-lineheight-mobile: 22px; --single-content-letterspacing: 0; --single-content-letterspacing-tab: 0; --single-content-letterspacing-mobile: 0; --single-content-textdecoration: 'none'; --single-content-texttransform: 'lowercase'; --single-content-weight: 400; /** Breadcrumb Options */ --breadcrumb-background-color: #ffffff; --breadcrumb-link-color: #000000; --breadcrumb-link-color-hover: #000000; --breadcrumb-text-color: #000000; /** Move to top options */ --move-to-top-color: #ffffff; --move-to-top-color-hover: #ffffff; --move-to-top-background-color: #FD4F18; --move-to-top-background-color-hover: #FD4F18; --move-to-top-border-color: #FD4F18; --move-to-top-border-color-hover: #FD4F18; --move-to-top-font-size: 20px; --move-to-top-font-size-tablet: 16px; --move-to-top-font-size-smartphone: 14px; --readmore-button-font-size: 14px; --readmore-button-font-size-tablet: 12px; --readmore-button-font-size-smartphone: 10px; /** Header Padding **/ --header-padding: 15px; --header-padding-tablet: 10px; --header-padding-smartphone: 10px; /** Top Header **/ --top-header-menu-color: #525252; --top-header-menu-color-hover: #000; --top-header-social-color: #ffffff; --top-header-social-color-hover: #ffffff; /* Newsletter and Random news */ --header-letter-random-color: #525252; /** Sidebar Toggle color */ --sidebar-toggle-color: #000; --sidebar-toggle-color-hover: #FD4F18; /** NewsLetter color */ --newsletter-color: #ffffff; --newsletter-color-hover: #ffffff; /** Random News color */ --random-news-color: #ffffff; --random-news-color-hover: #ffffff; /** Search color */ --search-color: #000000; --search-color-hover: #FD4F18; --website-frame-color: #d95f3d; /** Footer Text color **/ --footer-text-color: #ffffff; /** bottom text color **/ --footer-bottom-text-color: #8A8A8C; --footer-bottom-link-color: #878787; --footer-bottom-link-color-hover: #f9f9f9; --footer-bottom-author-color: #c5c5c5; --ticker-overlay-color: #fff; --title-before-icon: #000; /** slick top header text color **/ --top-header-slider-color: #fff; --top-header-slider-color-hover: #fff; --top-header-slider-arrow-color: #fff; --top-header-slider-arrow-color-hover: #fff; --date-header-bk-color: #f9f9f9; --pagination-color: #333333; --pagination-bk-color: #fff; --post-list-number-bk-color: #d1d1d1; --live-search-color: #555; --live-search-bk-color: #fff; } .digital_newspaper_dark_mode { --main-bk-color: #000; --slick-button-color: #fff; --block-title-bk-color: #202024; --top-header-bk-color: #000; --top-header-menu-color: #fff; --top-header-menu-color-hover: #fff; --top-date-time-bk-color: #27272b; --top-header-dt-color: #fff; --top-header-social-color: #fff; --top-header-social-color-hover: #fff; --header-letter-random-color: #fff; --header-toggle-bk-color: #000; --toggle-close-bk-color: #222222; --toggle-close-btn-color: #fff; --header-bk-color: #000; --white-bk-color: #202024; --button-bk-color: #202024; --text-background-color: #202024; --menu-bk-color: #000; --menu-color-submenu: #fff; --submenu-border-btm-color: #2a2a2a; --mobile-menu-bk-color: #000; --mobile-menu-border-btm-color: #2a2a2a; --menu-color: #fff; --search-color: #fff; --sidebar-toggle-color: #fff; --newsletter-color: #fff; --random-news-color: #fff; --ticker-outer-bk-color: #212121; --ticker-inner-bk-color: #000000; --banner-content-bk-color: #202024; --archive-content-bk-color: #202024; --single-content-bk-color: #202024; --search-content-bk-color: #202024; --full-width-section-bk-color: #27272b; --leftc-rights-section-bk-color: #27272b; --lefts-rightc-section-bk-color: #27272b; --full-width-bottom-section-bk-color: #27272b; --full-width-content-bk-color: #202024; --leftc-rights-content-bk-color: #202024; --lefts-rightc-content-bk-color: #202024; --full-width-bottom-content-bk-color: #202024; --404-error-content-bk-color: #202024; --theme-section-bk-color: #545454; --theme-content-bk-color: #202024; --border-bottom-color: #525252; --block-title-border-bottom-color: #444444; --body-text-default-color: #ffffff; --green-text-color: #2AB391; --border-line-color: #E2E2E2; --menu-active-color: #DE4331; --noimg-bk-color: #282828; --white-text: #fff; --author-color: #8A8A8C; --meta-text-color: #8A8A8C; --main-content-text-color: #c6c6c6; --block-title-color: #f9f9f9; --block-title-color-black: #f9f9f9; --post-title-color: #f3f3f3; --post-content-color: #505050; --post-meta-color: #c3c3c3; --theme-color-red: #FD4F18; --dark-bk-color: #1a1a1a; --inner-container-bk: #202024; --website-frame-color: #d95f3d; --ticker-overlay-color: #747474; --title-before-icon: #fff; /** Breadcrumb Options */ --breadcrumb-background-color: #202024; --breadcrumb-link-color:#ffffff; --breadcrumb-link-color-hover:#f0f0f0; --breadcrumb-text-color: #fff; --pagination-color: #fff; --pagination-bk-color: #202024; --post-list-number-bk-color: #27272b; --live-search-color: #fff; --live-search-bk-color: #27272b; } html { scroll-behavior: smooth; } body { font-family: var(--block-title-family); scroll-behavior: smooth; font-size: 16px; background: var(--site-bk-color); } body.digital_newspaper_dark_mode { background: #27272b; } figure { margin: 0px; } img { width: 100%; object-fit: cover; } .post-thumb img { display: block; } .digital-newspaper-container-fluid{ width: 100%; padding-right: var(--bs-gutter-x, 0.75rem); padding-left: var(--bs-gutter-x, 0.75rem); margin-right: auto; margin-left: auto; max-width: 120rem; } .digital-newspaper-container-fluid .row{ padding: 0 2rem; } .digital-newspaper-container { --bs-gutter-x: 1.5rem; --bs-gutter-x: 1.5rem; width: 100%; padding-right: var(--bs-gutter-x, 0.75rem); padding-left: var(--bs-gutter-x, 0.75rem); margin-right: auto; margin-left: auto; } .row { --bs-gutter-x: 1.5rem; --bs-gutter-y: 0; margin-top: calc(var(--bs-gutter-y) * -1); margin-right: calc(var(--bs-gutter-x) * -.5); margin-left: calc(var(--bs-gutter-x) * -.5); } .widget-title, h2.section-title { margin-top: 0px; color: var(--block-title-color); } .posts-list-wrap.layout-one .no-feat-img figure{ padding-bottom: 73%; background: var(--noimg-bk-color); background-position: center; background-size: cover; overflow: hidden; min-height: 75px; } .posts-list-wrap.layout-two .no-feat-img figure{ padding-bottom: 73%; background: var(--noimg-bk-color); background-position: center; background-size: cover; overflow: hidden; min-height: 75px; } .posts-list-wrap.layout-two .post-item:first-child .no-feat-img figure, .posts-list-wrap.layout-three .post-item:first-child .no-feat-img figure { padding-bottom: 23%; background: var(--noimg-bk-color); background-position: center; background-size: cover; overflow: hidden; min-height: 165px; } .wp-block-calendar table caption, .wp-block-calendar table tbody { color: var(--block-title-color); } .dark_bk .wp-block-calendar table caption, .wp-block-calendar table tbody { color: var(--white-text); } .widget .has-avatars .wp-block-latest-comments__comment .wp-block-latest-comments__comment-excerpt, .widget .has-avatars .wp-block-latest-comments__comment .wp-block-latest-comments__comment-meta { margin-left: 1.25em; } .wp-block-calendar table th, .wp-block-calendar table tr { color: var(--post-title-color); } .dark_bk .wp-block-calendar table tr { color: var(--white-text); } .wp-block-calendar table th { background-color: var(--border-bottom-color); } /*main container **/ @media only screen and (max-width: 680px) { .digital-newspaper-container-fluid .row { padding: 0 0.5rem; } } @media (min-width: 576px) { .digital-newspaper-container { max-width: 540px; } } @media (min-width: 676px) { .digital-newspaper-container { max-width: 620px; } } @media (min-width: 768px) { .digital-newspaper-container { max-width: 720px; } } @media (min-width: 868px) { .digital-newspaper-container { max-width: 820px; } .digital-newspaper-container { padding-right: var(--bs-gutter-x, 1rem); padding-left: var(--bs-gutter-x, 1rem); } } @media (min-width: 992px) { .digital-newspaper-container { max-width: 960px; } } @media (min-width: 1086px) { .digital-newspaper-container { max-width: 1060px; } } @media (min-width: 1200px) { .digital-newspaper-container { max-width: 1140px; } } @media (min-width: 1300px) { .digital-newspaper-container { max-width: 1240px; } } @media (min-width: 1400px) { .digital-newspaper-container { max-width: 1320px; } } .post-categories { text-transform: uppercase; text-decoration: none; margin: 0px; padding-left: 0px; } .post-categories a{ text-decoration: none; color: var(--white-text); font-size: calc(var(--meta-size)*0.86); font-family: var(--meta-family); box-sizing: border-box; transition: all .4s ease; vertical-align: middle; padding: 3px 7px 2px; display: block; } .widget .post-categories a { font-weight: var(--meta-weight); } .post-categories li::marker { color: transparent; } .post-title { color: var(--post-title-color); font-family: var(--post-title-family); line-height: var(--post-title-lineheight); letter-spacing: var(--post-title-letterspacing); text-decoration: var(--post-title-textdecoration); text-transform: var(--post-title-texttransform); font-weight: var(--post-title-weight); } h2.section-title { font-family: var(--post-title-family); } h2.digital-newspaper-block-title, h2.digital-newspaper-widget-title, h2.widget-title { display: block; margin-top: 0; margin-bottom: 16px; color: var(--block-title-color); font-size: calc(var(--block-title-size)*0.68); font-family: var(--block-title-family); line-height: var(--block-title-lineheight); letter-spacing: var(--block-title-letterspacing); text-decoration: var(--block-title-textdecoration); text-transform: var(--block-title-texttransform); font-weight: var(--block-title-weight); } h2.digital-newspaper-block-title span, h2.digital-newspaper-widget-title span, h2.widget-title span, .archive .page-title, .search .page-title { background: var(--theme-color-red); color: var(--white-text); padding: 6px 12px; display: inline-block; margin-bottom: -2px; position: relative; } /* Block Title Layout One */ .block-title--layout-one h2.digital-newspaper-block-title, .block-title--layout-one h2.digital-newspaper-widget-title, .block-title--layout-one h2.widget-title { border-bottom: 2px solid var(--theme-color-red); } /* Block Title Layout Four */ .block-title--layout-four h2.digital-newspaper-block-title, .block-title--layout-four h2.digital-newspaper-widget-title, .block-title--layout-four .news-filter .post_title_filter_wrap, .block-title--layout-four h2.widget-title, .archive.block-title--layout-four .page-header, .search.block-title--layout-four .page-header { border-bottom: 2px solid var(--block-title-border-bottom-color); } .block-title--layout-four h2.digital-newspaper-block-title span, .block-title--layout-four h2.digital-newspaper-widget-title span, .block-title--layout-four h2.widget-title span, .archive.block-title--layout-four .page-header h1, .search.block-title--layout-four .page-header h1 { background-color: transparent; color: var(--block-title-color-black); padding: 0 0 5px; border-bottom: 2px solid var(--theme-color-red); font-size: calc(var(--block-title-size)*0.78); } .block-title--layout-four .dark_bk h2.widget-title span { color: var(--white-text); } /* Block Title Layout Finish */ h2.digital-newspaper-block-title span sub, h2.digital-newspaper-widget-title span sub { font-size: inherit; position: initial; } .post-element a.post-link-button:hover, .post-element a.post-link-button:hover i { color: var(--theme-color-red); } .post-element a.post-link-button:hover i { padding-left: 8px; } .post-meta span, .post-meta time { color: var(--meta-text-color); font-size: calc(var(--meta-size)*0.95); font-family: var(--meta-family); font-weight: var(--meta-weight); text-transform: var(--meta-texttransform); text-decoration: var(--meta-textdecoration); } .post-meta a{ text-decoration: none; } .post-meta .author_name { color: var(--meta-text-color); font-size: var(--meta-size); font-family: var(--meta-family); font-weight: var(--meta-weight); text-transform: var(--meta-texttransform); text-decoration: var(--meta-textdecoration); } .news-carousel.layout--two .post-meta .author_name, .news-carousel.layout--two .post-meta span.author_name:before, .news-carousel.layout--two .post-meta a.author_name:before { color: var(--white-text); } #theme-content { padding: 10px 0; } .home.blog #theme-content .widget .post-item { background: var(--archive-content-bk-color); padding: 7px; } .single #theme-content { background: transparent; } #theme-content .row { display: flex; } body.both-sidebar #theme-content .row .secondary-left-sidebar{ flex: 0 1 25%; margin-right: 20px; } body.both-sidebar #theme-content .row .secondary-sidebar { flex: 0 1 25%; margin-left: 20px; padding: 0; } body.right-sidebar #theme-content .row .secondary-left-sidebar, body.left-sidebar #theme-content .row .secondary-left-sidebar{ flex: 0 1 30%; margin-right: 20px; } body.right-sidebar #theme-content .row .secondary-sidebar { flex: 0 1 30%; margin-left: 20px; } .home.blog #theme-content .row .primary-content article .blaze_box_wrap { position: relative; padding: 7px; background: var(--archive-content-bk-color); } .widget_block h2{ margin: 0px; } /** page sidebar **/ body.both-sidebar #theme-content .row .primary-content { max-width: 50%; flex: 0 1 50%; } body.right-sidebar #theme-content .row .primary-content, body.left-sidebar #theme-content .row .primary-content { max-width: 70%; flex: 0 1 70%; } .page .primary-content .post-inner-wrapper { padding: 20px; } body.page #theme-content .row .primary-content{ background-color: var(--inner-container-bk); } .page h1.entry-title { margin-top: 0px; } /* ========================================= 2.0 Header 2.3 Header Three 2.3 Responsive ========================================= */ .header-width--full-width header .digital-newspaper-container { width: initial; max-width: initial; margin: 0 30px; } .header-width--full-width header .digital-newspaper-container .row { margin: 0; } header.site-header { padding-bottom: 10px; } header .main-header { box-shadow: 0 3px 4px 0 #0000000d; } header.with-no-bottom-box-shadow .main-header { box-shadow: none; } #wp-custom-header img { width: 100%; display: block; } .menu-item-description { font-size: 9px; padding: 2px 4px; margin: 0 3px; line-height: 10px; left: calc(100% - 25px); background: var(--theme-color-red); color: #fff; position: absolute; border-radius: 1px; line-height: normal; top: 0; margin: 0 3px; font-weight: 700; display: inline-table; word-break: keep-all; overflow-wrap: unset; width: max-content; z-index: 1; } .menu-item-description:after { position: absolute; content: ''; width: 0; height: 0; border-left: 0 solid transparent; border-right: 5px solid transparent; border-top: 5px solid var(--theme-color-red); left: 3px; bottom: -4px; } .sub-menu .menu-item-description { left: auto; top: auto; margin-left: 10px; margin-top: 5px; } .sub-menu .menu-item-description:after { content: none; bottom: 0; } /* 2.1 Header One */ .site-header.layout--default .top-header { background: var(--top-header-bk-color); } .digital_newspaper_dark_mode .site-header.layout--default .top-header { border-bottom: 1px solid #222222; } .site-header.layout--default .top-header .row{ display: flex; align-items: center; min-height: 40px; justify-content: space-between; -webkit-justify-content: space-between; } .site-header.layout--default .top-header li.menu-item { display: inline-block; } .site-header.layout--default .top-date-time { flex: 0 1 30%; font-family: var(--menu-family); font-size: 14px; font-weight: 500; color: var(--top-header-dt-color); line-height: 14px; } .site-header.layout--default .top-date-time .date { padding-left: 8px; } /* Top Ticker News */ .top-ticker-news .ticker-item-wrap { visibility: hidden; } .top-ticker-news .ticker-item-wrap.slick-slider { visibility: visible; } .site-header.layout--default .top-ticker-news { flex: 1 1 40%; height: 44px; overflow: hidden; } .site-header.layout--default .top-ticker-news ul { padding-left: 0; position: relative; } .site-header.layout--default .top-ticker-news .slick-arrow { position: absolute; cursor: pointer; background: transparent; border: none; top: 10px; font-size: 0.7rem; padding: 5px 10px; } .site-header.layout--default .top-ticker-news .slick-prev.slick-arrow { right: 30px; } .site-header.layout--default .top-ticker-news .slick-next.slick-arrow { right: 0; } .site-header.layout--default .top-ticker-news .slick-prev.slick-arrow:after { content: ''; width: 2px; height: 11px; display: block; background-color: #fff9; position: absolute; right: -2px; top: 5px; } .site-header.layout--default .top-ticker-news .slick-list { width: 91%; } .site-header.layout--default .top-ticker-news .slick-list li { margin: 13px 0; text-align: right; position: relative; padding-right: 5px; } .site-header.layout--default .top-ticker-news .slick-list li a { text-decoration: none; color: var(--top-header-slider-color); font-size: calc(var(--post-title-size)*0.66); font-family: var(--post-title-family); line-height: 16px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; } .site-header.layout--default .top-nav-menu { flex: 1 1 40%; overflow: hidden; } .top-nav-menu ul { padding: 0; margin: 0; } .top-header li.menu-item { display: inline-block; } .top-header .top-nav-menu ul li { display: inline-block; padding: 0 5px; font-family: var(--menu-family); font-size: 14px; font-weight: 500; } .top-header .top-nav-menu ul li a{ text-decoration: none; color: var(--white-text); } /* Social Icons */ .site-header.layout--default .social-icons-wrap { flex: 0 1 20%; } .site-header.layout--default .social-icons-wrap .social-icon{ color: var(--top-header-social-color); font-size: 16px; font-weight: 500; text-decoration: none; padding: 0px 4px } .site-header.layout--default .site-branding-section { background-color: var(--header-bk-color); padding: var(--header-padding) 0; } .site-header.layout--default .main-header .site-title { margin: 0; padding: 0 5px; } .site-header.layout--default .main-header .site-description { margin: 0; padding: 5px 5px 0; } .site-header.layout--default .main-header .site-branding-section .row { display: flex; align-items: center; padding-top: 5px; padding-bottom: 5px; } /** Menu Section **/ .site-header.layout--default .menu-section { background-color: transparent; } .site-header.layout--default .menu-section .row { height: auto; align-items: center; display: flex; border-top: 2px solid var(--theme-color-red); } .site-header.layout--default .sidebar-toggle-wrap { flex: 1; } .site-header.layout--default nav.main-navigation{ flex: 1 1 90%; height: 100%; } .site-header.layout--default .search-wrap { flex: 0 1 1%; padding: 0 6px 0 20px; position: relative; } .site-header.layout--default .search-wrap .search-trigger { background-color: transparent; border: none; color: var(--search-color); padding: 0; } .site-header.layout--default .search-wrap .search-trigger:hover { color: var(--theme-color-red); } .site-header.layout--default .search-form-wrap.hide { display: none; } /* Search Layout One */ .site-header.layout--default .search-form-wrap { position: absolute; width: 330px; height: auto; padding: 15px 10px; background-color: var(--inner-container-bk); right: 0; top: 40px; border-top: 2px solid var(--theme-color-red); z-index: 999999; box-shadow: 0px 3px 5px 3px rgba(0,0,0,0.20); -webkit-box-shadow: 0px 3px 5px 3px rgba(0,0,0,0.20); -moz-box-shadow: 0px 3px 5px 3px rgba(0,0,0,0.20); } .site-header.layout--default .search-form-wrap form { text-align: center; } .site-header.layout--default .search-submit { border: none; background-color: var(--theme-color-red); color: var(--white-text); vertical-align: top; padding-bottom: 10px; text-transform: uppercase; } .site-header.layout--default .search-submit:hover, .search-wrap .search-trigger:hover { cursor: pointer; } .digital_newspaper_sidetoggle_menu_burger{ display:flex; align-items:center; flex-direction:column; cursor:pointer; } .digital_newspaper_sidetoggle_menu_burger span{ background-color:var(--sidebar-toggle-color); width: 1.5em; height: 0.14em; margin: 0.19em 0; display:block; transition: all .4s ease; transform-origin:0 0; } .digital_newspaper_sidetoggle_menu_burger:hover span, .sidebar-toggle-trigger.slideshow .digital_newspaper_sidetoggle_menu_burger span{ background-color: var(--theme-color-red); } .sidebar-toggle-trigger.slideshow .digital_newspaper_sidetoggle_menu_burger span:nth-child(1) { transform: rotate(45deg) translate(1px, -1px); } .sidebar-toggle-trigger.slideshow .digital_newspaper_sidetoggle_menu_burger span:nth-child(2) { transform: scaleX(0); } .sidebar-toggle-trigger.slideshow .digital_newspaper_sidetoggle_menu_burger span:nth-child(3) { transform: rotate(-45deg) translate(1px, 0); } .search-popup--style-one .search_close_btn{ display: none; } /** Main Menu **/ @media (min-width: 48.1em){ .main-navigation .menu ul, .main-navigation .nav-menu ul{ display: flex; list-style: none; line-height: 1.6; align-items: center; height: inherit; vertical-align: middle; } .main-navigation>div, .main-navigation ul.menu, .main-navigation ul.menu li .main-navigation ul.nav-menu, .main-navigation ul.nav-menu li{ height: inherit; vertical-align: middle; } .site-header.layout--three .main-navigation .menu-header-menu-container { float: right; } .main-navigation .menu li, .main-navigation .nav-menu.menu li { display: flex; align-items: center; } .main-navigation .menu li a, .main-navigation .nav.menu li a{ position: relative; padding: 15px 15px; transition: all .4s ease; transform-origin:0 0; color: var(--menu-color); font-family: var(--menu-family); font-weight: var(--menu-weight); font-size: calc(var(--menu-size)*1.05); line-height: var(--menu-lineheight); letter-spacing: var(--menu-letterspacing); text-transform: var(--menu-texttransform); text-decoration: var(--menu-textdecoration); } .digital_newspaper_dark_mode .main-navigation .menu li a, .digital_newspaper_dark_mode .main-navigation .nav.menu li a { color: #fff; } .main-navigation .menu li.current-menu-item > a, .main-navigation .nav.menu li.current-menu-item > a, .main-navigation .menu li.current_page_item > a, .main-navigation .nav.menu li.current_page_item > a { color: var(--theme-color-red); } .main-navigation .menu li a:hover, .main-navigation .nav.menu li a:hover{ color: var(--theme-color-red); } .main-navigation ul.menu ul, .main-navigation ul.nav-menu ul { background-color: var(--inner-container-bk); display: block; left: -999em; margin: 0; position: absolute; box-shadow: rgb(0 0 0 / 8%) 0px 2px 3px -1px, rgb(0 0 0 / 6%) 0px 4px 11px -2px; z-index: 110; padding: 5px 0; display: initial; box-shadow: 0px 9px 17px -10px rgb(0 0 0 / 58%); -webkit-box-shadow: 0px 9px 17px -10px rgb(0 0 0 / 58%); -moz-box-shadow: 0px 9px 17px -10px rgba(0,0,0,0.58); } .main-navigation ul.menu ul li, .main-navigation ul.nav-menu ul li { float: none; border-top: 0; position: relative; padding: 0 15px; } .main-navigation ul.menu ul.sub-menu > li:last-child > a, .main-navigation ul.nav-menu ul.sub-menu > li:last-child > a { border-bottom: none; } .main-navigation ul.menu ul li a, .main-navigation ul.nav-menu ul li a { font-size: 15px; min-width: 200px; width: 100%; color: var(--menu-color-submenu); border-bottom: 1px solid var(--submenu-border-btm-color); font-family: var(--submenu-family); font-weight: var(--submenu-weight); font-size: var(--submenu-size); line-height: var(--submenu-lineheight); letter-spacing: var(--submenu-letterspacing); text-transform: var(--submenu-texttransform); text-decoration: var(--submenu-textdecoration); } .main-navigation ul.menu ul li a:hover, .main-navigation ul.nav-menu ul li a:hover { color: var(--theme-color-red); } .main-navigation ul.menu ul li a:hover:after, .main-navigation ul.nav-menu ul li a:hover:after { color: var(--theme-color-red); } .main-navigation ul.menu li:hover > ul, .main-navigation ul.menu li.focus > ul, .main-navigation ul.nav-menu li:hover > ul, .main-navigation ul.nav-menu li.focus > ul { right: auto; left: 0; -webkit-animation: zoomIn .3s ease-in; -moz-animation: zoomIn .3s ease-in; animation: zoomIn .3s ease-in; height: auto; } /** For header layout 3 **/ header.layout--three .main-navigation ul.menu li:hover > ul, header.layout--three .main-navigation ul.menu li.focus > ul, header.layout--three .main-navigation ul.nav-menu li:hover > ul, header.layout--three .main-navigation ul.nva-menu li.focus > ul { right: 0; left: auto; -webkit-animation: zoomIn .3s ease-in; -moz-animation: zoomIn .3s ease-in; animation: zoomIn .3s ease-in; height: auto; } .main-navigation .menu > li li a, .main-navigation .nav-menu > li li a { float: none; display: block; padding: 12px 0px; text-decoration: none; } .main-navigation ul.menu ul li:hover > ul, .main-navigation ul.menu ul li.focus > ul, .main-navigation ul.nav-menu ul li:hover > ul, .main-navigation ul.nav-menu ul li.focus > ul { right: auto; left: -100%; } /** for header layout 3 **/ header.layout--three .main-navigation ul.menu ul li:hover > ul, header.layout--three .main-navigation ul.menu ul li.focus > ul, header.layout--three .main-navigation ul.nav-menu ul li:hover > ul, header.layout--three .main-navigation ul.nav-menu ul li.focus > ul { right: 100%; left: auto; } /* arrow */ .main-navigation ul.menu li.menu-item-has-children > a:after, .main-navigation ul.menu li.page_item_has_children > a:after, .main-navigation ul.nav-menu li.menu-item-has-children > a:after, .main-navigation ul.nav-menu li.page_item_has_children > a:after { display: inline-block; font-family: "Font Awesome 5 Free"; content: "\f107"; font-style: normal; font-size: calc(var(--menu-size)*0.9); font-weight: 900; line-height: var(--menu-lineheight); margin-left: 8px; } .main-navigation ul.menu ul li.menu-item-has-children > a:after, .main-navigation ul.menu ul li.page_item_has_children > a:after, .main-navigation ul.nav-menu ul li.menu-item-has-children > a:after, .main-navigation ul.nav-menu ul li.page_item_has_children > a:after { display: inline-block; font-family: "Font Awesome 5 Free"; content: "\f105"; font-style: normal; font-size: 14px; font-weight: 900; line-height: 1; margin-left: 8px; float: right; line-height: inherit; } } nav.main-navigation .toggle-sub-menu, nav.main-navigation ul.menu .toggle-sub-menu, nav.main-navigation ul.nav-menu .toggle-sub-menu { display: none; } nav.main-navigation ul ul { border-top: 2px solid var(--theme-color-red); } @media (max-width: 940px){ .main-navigation .menu li a, .main-navigation .nav.menu li a{ font-size: var(--menu-size-tab); line-height: var(--menu-lineheight-tab); letter-spacing: var(--menu-letterspacing-tab); } .main-navigation ul.menu ul li a, .main-navigation ul.nav-menu ul li a { font-size: var(--submenu-size-tab); line-height: var(--submenu-lineheight-tab); letter-spacing: var(--submenu-letterspacing-tab); } } #digital_newspaper_menu_burger span{ background-color: var(--theme-color-red); } @media (max-width: 769px){ .site-header.layout--default .top-date-time { display: none; } .site-header.layout--default .top-ticker-news { flex: 1; padding: 0 15px; } .site-header.layout--default .social-icons-wrap { flex: 1; } .site-header.layout--default .main-header .site-branding-section .row{ flex-direction: column; align-items: center; } .site-header.layout--default .main-header .site-branding-section .site-branding { padding: 20px 5px; text-align: center; } .site-header.layout--three .header-smh-button-wrap { width: 100%; } #digital_newspaper_menu_burger{ display:flex; align-items:center; flex-direction:column; cursor:pointer; } #digital_newspaper_menu_burger span{ width: 1.5em; height: .15em; margin: 0.2em 0; display: block; transition: all .4s ease; transform-origin: 0 0; } .main-navigation.toggled #digital_newspaper_menu_burger span:nth-child(1) { transform: rotate(45deg) translate(1px, -1px); } .main-navigation.toggled #digital_newspaper_menu_burger span:nth-child(2) { Transform: scaleX(0); } .main-navigation.toggled #digital_newspaper_menu_burger span:nth-child(3) { transform: rotate(-45deg) translate(1px, 0); } .sidebar-toggle-wrap { display: none; flex: 0; } button.menu-toggle { background-color: transparent; display: flex; align-items: center; border: none; border-radius: 3px; background: transparent; color: rgba(0, 0, 0, 0.8); line-height: 1; padding: 0.3em 0.5em 0.3em 0; } .menu_txt { display: block; color: var(--theme-color-red); padding-left: 10px; float: none; font-weight: 600; font-size: 18px; text-transform: uppercase; } nav.main-navigation ul.menu, nav.main-navigation ul.nav-menu { background-color: var(--mobile-menu-bk-color); z-index: 10; position: absolute; width: 100%; left: 0; padding: 10px 30px; } nav.main-navigation ul.menu li, nav.main-navigation ul.nav-menu li { float: none; border-top: 0; position: relative; border-bottom: 1px solid var(--mobile-menu-border-btm-color); } nav.main-navigation ul li.menu-item-has-children { display: inline-block; width: 100%; } nav.main-navigation ul.menu li:last-child, nav.main-navigation ul.nav-menu li:last-child { border-bottom: none; } nav.main-navigation ul.menu li a, nav.main-navigation ul.nav-menu li a{ font-size: var(--menu-size-mobile); font-weight: var(--menu-weight); letter-spacing: var(--menu-letterspacing-mobile); color: var(--menu-color); font-family: var(--menu-family); float: none; display: block; padding: 9px 0; text-decoration: var(--menu-textdecoration-mobile); } nav.main-navigation.toggled ul>li .children, nav.main-navigation.toggled ul>li .sub-menu { display: none; } nav.main-navigation .toggle-sub-menu, nav.main-navigation ul.menu .toggle-sub-menu, nav.main-navigation ul.nav-menu .toggle-sub-menu { display: inline-block; width: 15px; } nav.main-navigation .toggle-sub-menu { display: inline-block; position: absolute; top: 5px; right: 2px; } nav.main-navigation ul>li > .sub-menu.isShow, nav.main-navigation ul>li > .children.isShow { display: block; position: relative; width: 100%; border-top: none; padding-left: 20px; } nav.main-navigation .toggle-sub-menu { padding-right: 20px; display: inline-block; text-align: right; } .main-navigation .menu li a, .main-navigation .nav.menu li a{ font-size: var(--menu-size-mobile); line-height: var(--menu-lineheight-mobile); letter-spacing: var(--menu-letterspacing-mobile); } .main-navigation ul.menu ul li a, .main-navigation ul.nav-menu ul li a { font-size: var(--submenu-size-mobile); line-height: var(--submenu-lineheight-mobile); letter-spacing: var(--submenu-letterspacing-mobile); } .main-navigation .menu li a, .main-navigation .nav.menu li a{ font-size: var(--menu-size-mobile); line-height: var(--menu-lineheight-mobile); letter-spacing: var(--menu-letterspacing-mobile); } } .after-header.header-layout-banner-two .ads-banner { text-align: center; padding: 10px 0; } /** Header Two **/ .site-branding .site-title a { font-size: var(--site-title-size); line-height: var(--site-title-lineheight); letter-spacing: var(--site-title-letterspacing); text-decoration: var(--site-title-textdecoration); text-transform: var(--site-title-texttransform); font-weight: var(--site-title-weight); font-family: var(--site-title-family); } .site-header.layout--default .newsletter-element a { color: var(--newsletter-color); } .site-header.layout--default .newsletter-element a:hover { color: var(--newsletter-color-hover); } .site-header.layout--default .random-news-element a { color: var(--random-news-color); } .site-header.layout--default .random-news-element a:hover { color: var(--random-news-color-hover); } /* Header Layout Three */ /* Top Header */ .site-header.layout--three .top-date-time { flex: 0 1 20%; } .site-header.layout--three .top-date-time .time:before { position: relative; margin: 0 1px; content: "\f017"; font-family: 'Font Awesome 5 Free'; padding-left: 0px; padding-right: 5px; margin-left: 2px; font-size: 12px; font-weight: normal; opacity: 0.8; } .top-date-time-inner { display: inline-block; background-color: var(--top-date-time-bk-color); padding: 6px 9px 5px; font-size: 13px; line-height: 1.1; font-weight: 500; border-radius: 2px; } .top-date-time-inner .time { font-weight: bold; } .site-header.layout--three .title-text { display: none; } /* Main Header */ .site-header.layout--three .main-header .site-branding-section .site-branding { text-align: left; flex: 0 1 25%; } .site-header .site-branding .site-title a { font-size: calc(var(--site-title-size)*0.65); } .site-header .header-smh-button-wrap { flex: 0 1 75%; display: flex; align-items: center; background-color: transparent; } .site-header .nav-menu { justify-content: flex-end; -webkit-justify-content: flex-end; } .site-header .search-wrap { padding: 0 0 0 20px; } .site-header .sidebar-toggle-wrap { padding: 0 0 0 20px; } .site-header .digital_newspaper_sidetoggle_menu_burger span { width: 1.2em; height: 2px; margin: 0.16em 0; } .site-header .social-icons-wrap { flex: 0 1 20%; text-align: right; } .site-header.layout--three .top-header-nrn-button-wrap { flex: 0 1 7%; text-align: right; } .site-header.layout--three .top-header-nrn-button-wrap > div { display: inline-block; padding-left: 15px; } /*** sidebar Toggle **/ body.bodynoscroll { position: fixed; width: 100%; overflow-y: scroll; } .body_show_sidetoggle .digital_newspaper_ovelay_div, .newsletter-popup-active .digital_newspaper_ovelay_div { content: ""; position: fixed; z-index: 120; height: 100%; width: 100%; top: 0; right: 0; background: rgba(0,0,0,.3); transition: opacity .3s ease-in-out; } .body_show_sidetoggle .digital_newspaper_ovelay_div:hover, .newsletter-popup-active .digital_newspaper_ovelay_div:hover { cursor: w-resize; } .sidebar-toggle { position: fixed; z-index: 99999; left: 0; top: 0; width: 80vw; max-width: 370px; height: 100vh; visibility: hidden; transition: .4s ease-in-out; transition-property: transform,visibility; content-visibility: auto; transform: translate3d(-100%,0,0); } body.header-width--full-width .sidebar-toggle .digital-newspaper-container { margin: 0; } .sidebar-toggle-close { float: right; background: var(--toggle-close-bk-color); padding: 10px 15px; color: var(--toggle-close-btn-color); width: 100%; text-align: center; cursor: pointer; -webkit-box-shadow: 0 3px 5px 0 rgb(0 1 1 / 10%); box-shadow: 0 3px 5px 0 rgb(0 1 1 / 10%); -webkit-transition: all .25s ease-in-out; transition: all .25s ease-in-out; } .body_show_sidetoggle .sidebar-toggle { transform: translate3d(0,0,0); visibility: visible; } .sidebar-toggle .digital-newspaper-container { padding: 35px 25px; height: 100%; overflow-x: hidden; overflow-y: auto; box-shadow: 0 0 48px rgb(34 96 191 / 24%); background-color: var(--header-toggle-bk-color); } .site-header.layout--default .digital-newspaper-container .sidebar-toggle .row{ height: initial; align-items: initial; display: initial; } .sidebar-toggle .digital-newspaper-container::-webkit-scrollbar { width: 4px; } .sidebar-toggle .digital-newspaper-container::-webkit-scrollbar-thumb { background-color: var(--theme-color-red); border-radius: 20px; } /* ========================================= 3.0 Ticker 3.1 Ticker One 3.2 Tricker Two 3.3 Responsive ========================================= */ .ticker-item-wrap .post-date time{ font-size: 12px; font-family: var(--meta-family); color: var(--meta-text-color); font-weight: var(--meta-weight); text-decoration: none; text-transform: capitalize; } .ticker-item-wrap .post-date a { text-decoration: none; } .ticker-news-wrap span.ticker_label_title_string { text-transform: uppercase; font-size: 0.85rem; letter-spacing: 1px; font-weight: 500; } .ticker-news-wrap .icon { margin-right: 8px; font-size: 13px; } .ticker-news-wrap .icon i { text-decoration: blink; -webkit-animation-name: blinker; -webkit-animation-duration: 0.6s; -webkit-animation-iteration-count:infinite; -webkit-animation-timing-function:ease-in-out; -webkit-animation-direction: alternate; } @keyframes blinker { from { opacity: 1.0; } to { opacity: 0.0; } } /** Ticker One **/ .digital-newspaper-ticker-box { height: auto; overflow: hidden; flex: 1 1 85%; position: relative; } .digital-newspaper-ticker-box:after, .digital-newspaper-ticker-box:before { content: ""; position: absolute; top: 0; bottom: 0; width: 80px; } .digital-newspaper-ticker-box:before { width: 30px; } .digital-newspaper-ticker-box:after { right: 0; background-image: linear-gradient(to right, rgba(255, 255, 255, 0), var(--ticker-overlay-color)); } .digital-newspaper-ticker-box:before { left: 0; background-image: linear-gradient(to left, rgba(255, 255, 255, 0), var(--ticker-overlay-color)); } .digital_newspaper_dark_mode .digital-newspaper-ticker-box:before { background: none; } .ticker-news-wrap { position: relative; margin: 10px 0; padding: 10px; background-color: var(--inner-container-bk); } .ticker-news-wrap .ticker-item h2.post-title { overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical; line-height: inherit; display: -webkit-box; } .ticker-item-wrap { list-style: none; margin: 0; } .ticker-item-wrap .feature_image img { display: block; } .digital-newspaper-ticker-controls button:hover { cursor: pointer; } .ticker_label_title { position: relative; } /* Ticker Three */ .ticker-news-wrap.layout--three .ticker-title { padding: 3px 10px; background-color: var(--theme-color-red); color: var(--white-text); margin: -10px 0 15px -10px; width: auto; display: inline-block; top: -7px; } .ticker-news-wrap.layout--three .digital-newspaper-ticker-box { max-height: 80px; } .ticker-news-wrap.layout--three .digital-newspaper-ticker-box .js-marquee { display: flex; } .ticker-news-wrap.layout--three .digital-newspaper-ticker-box ul li { display: flex; align-items: center; margin-right: 15px; padding-right: 15px; border-right: 1px solid #d7d7d7; } .ticker-news-wrap.layout--three .ticker-item .feature_image { max-width: 90px; height: 80px; margin-right: 15px; } .ticker-news-wrap.layout--three .ticker-item .feature_image img { height: 100%; border-radius: 8px; } .ticker-news-wrap.layout--three .ticker-item .title-wrap { max-width: 370px; } .ticker-news-wrap.layout--three .ticker-item .post-title { font-size: calc(var(--post-title-size) * 0.73); font-family: var(--post-title-family); margin: 5px 0 0; } .ticker-news-wrap.layout--three .digital-newspaper-ticker-controls { position: absolute; top: 0; right: 0; /* z-index: 2; */ } .ticker-news-wrap.layout--three .digital-newspaper-ticker-controls button { padding: 5px 10px 6px; border: none; border-radius: 0; } .ticker-news-wrap.layout--three .digital-newspaper-ticker-controls button i { font-size: 0.7rem; line-height: 1.5; } /* ========================================= 4.0 Banner Slider 4.1 Banner Slider One 4.2 Banner Slider Two 3.3 Responsive ========================================= */ figure.post-thumb-wrap { margin: 0px; } .post_slider_template_one .post-excerpt { color: var(--white-text); } ul.post-categories li { display: inline-block; margin: 5px 2px 0 0; } .ticker-news-wrap .fas.fa-ban, .top-header-nrn-button-wrap .fas.fa-ban, .post-link-button .fas.fa-ban { display: none; } .main-banner-wrap article.slide-item { position: relative; } .main-banner-wrap .post-element { position: absolute; bottom: 0; left: 0; padding: 20px; background-image: linear-gradient(to top, #1a1919, transparent); color: var(--white-text); width: 100%; } .main-banner-wrap .post-element p { margin: 0; } .main-banner-wrap .post-meta ul { margin: 0; list-style: none; padding-left: 0; } .main-banner-wrap .post-meta ul a{ text-decoration: none; } .main-banner-wrap .post-meta .post-categories { display: inline-block; font-weight: 500; font-size: 18px; padding-right: 5px; } .main-banner-wrap .post-element .post-title { color: var(--white-text); font-size: calc(var(--post-title-size) * 1.53); width: 90%; margin: 15px 0 5px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } .main-banner-wrap .post-element .post-title a{ color: inherit; text-decoration: inherit; } .main-banner-wrap .post-element .post-excerpt { letter-spacing: 0.2px; font-size: var(--content-size); } .main-banner-wrap .post-element .post-excerpt p{ overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; } .main-banner-wrap .slick-arrow { position: absolute; top: 48%; z-index: 9; background-color: transparent; border: none; font-size: 15px; padding: 0; visibility: hidden; cursor: pointer; } .main-banner-wrap .slick-arrow i { padding: 9px 12px; border: 1px solid var(--white-text); border-radius: 2px; -webkit-transition: 0.5s ease; transition: 1s ease; } .main-banner-wrap .main-banner-slider:hover .slick-arrow { visibility: visible; } .main-banner-wrap .slick-arrow:hover i { color: var(--theme-color-red); background-color: var(--white-text); border-color: var(--white-text); } .main-banner-wrap .slick-prev { left: 10px; } .main-banner-wrap .slick-next { right: 10px; } .main-banner-wrap .slick-dots { position: absolute; display: block; width: 100%; padding: 0; margin: 0; list-style: none; text-align: right; bottom: 40px; height: 0; right: 10px; } .main-banner-wrap .slick-dots li{ position: relative; display: inline-block; width: 20px; height: 20px; margin: 0 5px; padding: 0; cursor: pointer; } .main-banner-wrap .slick-dots li button { font-size: 0; line-height: 0; display: block; width: 20px; height: 20px; padding: 5px; cursor: pointer; color: transparent; border: 0; outline: none; background: transparent; } .main-banner-wrap .slick-dots li.slick-active button:before { content: ''; background-color: var(--theme-color-red); opacity: 1; } .main-banner-wrap .slick-dots li button::before { content: ''; background-color: var(--white-text); opacity: 1; font-family: slick; font-size: 50px; line-height: 20px; position: absolute; top: 0px; left: 0px; width: 15px; height: 15px; content: "•"; text-align: center; opacity: 0.75; -webkit-font-smoothing: antialiased; } #main-banner-section { padding: 1em 0; padding-bottom: 2em; } @media (max-width: 500px) { .main-banner-wrap .post-element .post-excerpt { display: none; } } /* ========================================= 4.5 Banner Layout Five ========================================= */ .banner-layout--five img { width: 100%; height: 100%; object-fit: cover; } .banner-layout--five h2.section-title { font-size: calc(var(--block-title-size)*0.8); margin-bottom: 8px; } .banner-layout--five .row { display: flex; flex-wrap: wrap; justify-content: center; -webkit-justify-content: center; } /* Main Banner List Posts */ .banner-layout--five .main-banner-list-posts { flex: 0 1 23%; padding-right: 8px; } .banner-layout--five .main-banner-list-posts article { position: relative; } .banner-layout--five .main-banner-list-posts article:first-child .post-element { position: absolute; bottom: 0; background-image: linear-gradient(to top, #1a1919, transparent); width: 100%; padding: 13px 20px; } .banner-layout--five .main-banner-list-posts article:first-child .post-categories li { margin-right: 5px; } .banner-layout--five .main-banner-list-posts article:first-child .post-title { padding: 0; margin-top: 12px; } .main-banner-list-posts article:first-child a { color: var(--white-text); } .banner-layout--five .main-banner-list-posts article:first-child .post-meta, .banner-layout--five .main-banner-list-posts article:not(:first-child) .post-categories { display: none; } .banner-layout--five .main-banner-list-posts article:not(:first-child) { margin-bottom: 12px; background-color: var(--banner-content-bk-color); padding: 7px; } .banner-layout--five .main-banner-list-posts article:last-child { margin-bottom: 0; } .banner-layout--five .main-banner-grid-posts article:last-child, #main-banner-section .main-banner-wrap .slick-list .main-banner-related-posts-section-wrap ul li:last-child { margin-bottom: 0; padding-bottom: 0; border-bottom: none; } .banner-layout--five .main-banner-list-posts article .post-thumb { margin-bottom: 12px; position: relative; height: 212px; } .banner-layout--five .main-banner-list-posts article .post-thumb .post-categories { position: absolute; bottom: 10px; left: 10px; } .banner-layout--five .main-banner-list-posts article .post-title { font-size: calc(var(--post-title-size)*0.73); margin: 0; position: relative; padding: 0 7px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } .banner-layout--five .main-banner-list-posts article .post-meta { padding: 6px 7px 0; } .banner-layout--five .main-banner-list-posts article .post-meta .author_name, .banner-layout--five .main-banner-list-posts article .post-meta time { font-size: 0.8rem; } .banner-layout--five .main-banner-list-posts article .post-meta .post-date:before { color: var(--meta-text-color); } /* Main Banner Wrap */ .banner-layout--five .main-banner-wrap { flex: 0 1 55%; max-width: 55%; padding: 0 8px; } .banner-layout--five .main-banner-wrap article .post-thumb { height: 581px; } .banner-layout--five .main-banner-wrap .post-date time, .banner-layout--five .main-banner-wrap .post-excerpt, .banner-layout--five .post-meta span.post-date:before { color: var(--white-text); } .main-banner-related-posts-section-wrap .related-posts-wrap { margin: 15px 0 0 8px; padding: 15px 0 0 17px; border-top: 1px dashed #ffffff61; position: relative; } body .main-banner-wrap .main-banner-slider .slick-list article .post-element .main-banner-related-posts-section-wrap ul li { font-size: calc(var(--post-title-size) * 0.78); margin: 0 0 8px; font-weight: 400; font-style: italic; width: 100%; line-height: 27px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; } .main-banner-wrap .main-banner-related-posts-section-wrap ul li:before { content: '\f0da'; font-family: 'Font Awesome 5 Free'; color: var(--white-text); font-weight: 900; position: absolute; left: 0; font-size: 0.86rem; } /* Main Banner Grid Posts */ .banner-layout--five .main-banner-grid-posts { flex: 0 1 22%; max-width: 22%; padding-left: 8px; position: relative; } .banner-layout--five .main-banner-grid-posts .grid-posts-wrap { position: initial; } .banner-layout--five .main-banner-grid-posts .slick-arrow { position: absolute; top: 0; cursor: pointer; color: var(--slick-button-color); padding: 7px 13px; font-size: 0.79rem; background-color: var(--white-bk-color); border: none; border-radius: 0; box-shadow: 0px 0px 20px -9px rgb(0 0 0 / 75%); -webkit-box-shadow: 0px 0px 20px -9px rgb(0 0 0 / 75%); -moz-box-shadow: 0px 0px 20px -9px rgba(0,0,0,0.75); -webkit-transition: 0.5s ease; transition: 1s ease; } .banner-layout--five .main-banner-grid-posts .slick-arrow.slick-prev { right: 50px; } .banner-layout--five .main-banner-grid-posts .slick-arrow.slick-next { right: 12px; } .banner-layout--five .main-banner-grid-posts.digital_newspaper_vertical_slider .slick-arrow { transform: rotate(270deg); padding: 9px 8px; } .banner-layout--five .main-banner-grid-posts article { position: relative; margin-bottom: 16px; } .slick-vertical .slick-slide { border: none; } .banner-layout--five .main-banner-grid-posts article .post-thumb { height: 170px; } .banner-layout--five .main-banner-grid-posts article .post-element { position: absolute; bottom: 0; background-image: linear-gradient(to top, #1a1919, transparent); width: 100%; padding: 30px 20px 14px; } .banner-layout--five .main-banner-grid-posts article .post-element .post-title { font-size: calc(var(--post-title-size)*0.83); margin: 0; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } .banner-layout--five .main-banner-grid-posts .post-title a { color: var(--white-text); } /* Banner Re-order */ /* grid_slider--list_posts--banner_slider */ .grid_slider--list_posts--banner_slider .main-banner-wrap { order: 3; padding-right: 0; } .grid_slider--list_posts--banner_slider .main-banner-list-posts { order: 2; } .grid_slider--list_posts--banner_slider .main-banner-grid-posts { padding: 0 16px 0 0; } /* list_posts--grid_slider--banner_slider */ .list_posts--grid_slider--banner_slider .main-banner-wrap { order: 3; padding: 0 0 0 16px; } /* banner_slider--list_posts--grid_slider */ .banner_slider--list_posts--grid_slider .main-banner-wrap { order: 1; padding: 0 16px 0 0; } .banner_slider--list_posts--grid_slider .main-banner-list-posts { order: 2; } .banner_slider--list_posts--grid_slider .main-banner-grid-posts { order: 3; } /* banner_slider--grid_slider--list_posts */ .banner_slider--grid_slider--list_posts .main-banner-wrap { order: 1; padding-left: 0; } .banner_slider--grid_slider--list_posts .main-banner-grid-posts { order: 2; } .banner_slider--grid_slider--list_posts .main-banner-list-posts { order: 3; padding: 0 0 0 16px; } /* grid_slider--banner_slider--list_posts */ .grid_slider--banner_slider--list_posts .main-banner-grid-posts { order: 1; padding: 0 8px 0 0; } .grid_slider--banner_slider--list_posts .main-banner-wrap { order: 2; } .grid_slider--banner_slider--list_posts .main-banner-list-posts { order: 3; padding: 0 0 0 8px; } /* No Featured Image */ .banner-layout--five article.no-feat-img .post-thumb { background-color: var(--noimg-bk-color); } /* slick button hover effect */ .banner-layout--five .main-banner-grid-posts .slick-arrow:hover, .digital-newspaper-widget-carousel-posts .slick-arrow:hover { background-color: var(--theme-color-red); color: var(--white-text); } /* Banner six */ .banner-layout--six article.no-feat-img .post-thumb { background-color: var(--noimg-bk-color); } .banner-layout--six .main-banner-wrap article .post-thumb { height: 520px; } .banner-layout--six img { width: 100%; height: 100%; object-fit: cover; } .banner-layout--six .row { display: flex; flex-wrap: wrap; justify-content: center; -webkit-justify-content: center; } .banner-layout--six .row .main-banner-wrap { flex: 0 1 55%; max-width: 55%; order: 1; padding-right: 20px; } .banner-layout--six .row .main-banner-trailing-posts .trailing-posts-wrap .post-item { margin-bottom: } .banner-layout--six .row .main-banner-trailing-posts .post-thumb { margin-bottom: 20px; } .banner-layout--six .row .main-banner-trailing-posts .post-thumb:nth-child(2) { margin-bottom: 0; } .banner-layout--six .row .main-banner-trailing-posts .post-thumb{ position: relative; height: 249.5px; } .banner-layout--six .row .main-banner-trailing-posts { flex: 0 1 45%; order: 2; } .banner-layout--six .main-banner-wrap .post-element .post-excerpt p{ color: var(--white-text); } .banner-layout--six .main-banner-wrap .post-meta span, .banner-layout--six .main-banner-wrap .post-meta time, .banner-layout--six .main-banner-wrap .post-meta .author_name, .banner-layout--six .main-banner-wrap .post-meta span.post-date:before { color: #c5c5c5; } .banner-layout--six .main-banner-trailing-posts .post-title a{ color: var(--white-text); } .banner-layout--six .main-banner-trailing-posts .post-meta span, .banner-layout--six .main-banner-trailing-posts .post-meta time, .banner-layout--six .main-banner-trailing-posts .post-meta .author_name, .banner-layout--six .main-banner-trailing-posts .post-meta span.post-date:before { color: #c5c5c5; } .banner-layout--six .row .main-banner-trailing-posts .post-element-wrap{ position: absolute; bottom: 0; background-image: linear-gradient(to top, #1a1919, transparent); width: 100%; padding: 30px 20px 8px; } #page .digital-newspaper-section.banner-layout--six { padding-top: 20px; } .digital-newspaper-section.banner-layout--six .main-banner-wrap .slick-dots li.slick-active button:before { width: 25px; } .banner-layout--six .main-banner-wrap .slick-dots li button::before { width: 15px; height: 10px; border-radius: 15px; } .banner-layout--six .slick-dots li.slick-active { margin-right: 10px; } .banner-layout--six .row .main-banner-trailing-posts figure.post-thumb { overflow: hidden; } .banner-layout--six .row .main-banner-trailing-posts figure.post-thumb .post-element-wrap{ transform: translateY(20px); -webkit-transition: transform 0.3s ease-in-out; -moz-transition: transform 0.3s ease-in-out; -o-transition: transform 0.3s ease-in-out; transition: transform 0.3s ease-in-out; } .banner-layout--six .row .main-banner-trailing-posts figure.post-thumb .post-element-wrap .post-meta{ opacity: 0; } .banner-layout--six .row .main-banner-trailing-posts figure.post-thumb:hover .post-element-wrap { transform: translateY(0px); } .banner-layout--six .row .main-banner-trailing-posts figure.post-thumb:hover .post-element-wrap .post-meta{ opacity: 1; } /* column two */ .banner-layout--six .row .main-banner-trailing-posts.layout--column { flex-shrink: 0; } .banner-layout--six .row .main-banner-trailing-posts.layout--column .trailing-posts-wrap { display: flex; } .banner-layout--six .row .main-banner-trailing-posts.layout--column .trailing-posts-wrap .post-item { flex: 0 1 50%; } .banner-layout--six .row .main-banner-trailing-posts.layout--column .trailing-posts-wrap .post-item:nth-child(1) { padding-right: 10px; } .banner-layout--six .row .main-banner-trailing-posts.layout--column .trailing-posts-wrap .post-item:nth-child(2) { padding-left: 10px; } .banner-layout--six .row .main-banner-trailing-posts.layout--column .post-thumb { height: 520px; margin-bottom: 0; } @media(max-width: 840px){ .banner-layout--six .row { flex-direction: column; } .banner-layout--six .row .main-banner-trailing-posts figure.post-thumb .post-element-wrap{ transform: translateY(0px); } .banner-layout--six .row .main-banner-trailing-posts figure.post-thumb .post-element-wrap .post-meta{ opacity: 1; } .banner-layout--six .row .main-banner-wrap { max-width: 100%; flex: 1; padding-right: 0; padding-bottom: 15px; } .banner-layout--six .row .main-banner-trailing-posts.layout--column .post-thumb { height: 320px; } } @media(max-width: 700px){ .banner-layout--six .row .main-banner-trailing-posts.layout--column .trailing-posts-wrap { flex-direction: column; } .digital-newspaper-section.banner-layout--six .row .main-banner-trailing-posts.layout--column .trailing-posts-wrap .post-item { padding: 0; padding-bottom: 10px; } } /* ========================================= 5.0 Full Width Sectin ========================================= */ #full-width-section { background: var(--full-width-section-bk-color); padding: 10px 0; } #full-width-section .row > div { margin-bottom: 20px; } #full-width-section .row .news-grid.layout--four { margin-bottom: 4px; } #full-width-section article .blaze_box_wrap{ position: relative; background: var(--full-width-content-bk-color); padding: 7px; } .secondary-sidebar .widget, .sidebar-toggle .widget { position: relative; } .digital_newspaper_site_block_border_top #full-width-section .row > div .blaze_box_wrap:before, .digital_newspaper_site_block_border_top #bottom-full-width-section .row > div .blaze_box_wrap:before, .digital_newspaper_site_block_border_top .digital-newspaper-section .primary-content > div .blaze_box_wrap:before, .digital_newspaper_site_block_border_top .banner-layout--two .main-banner-popular-posts article:before, .digital_newspaper_site_block_border_top .banner-layout--two .main-banner-slider .post-element:before, .digital_newspaper_site_block_border_top #theme-content .primary-content .blaze_box_wrap:before, .digital_newspaper_site_block_border_top .post-inner:before, .digital_newspaper_site_block_border_top .comments-area:before, .digital_newspaper_site_block_border_top .single-related-posts-section:before, .archive.author.digital_newspaper_site_block_border_top .digital-newspaper-container.digital-newspaper-author-section .row:before, .digital_newspaper_site_block_border_top .secondary-sidebar .widget .post-item:before, .digital_newspaper_site_block_border_top .secondary-sidebar .widget.widget_block:before, .digital_newspaper_site_block_border_top .sidebar-toggle .widget .post-item:before, .digital_newspaper_site_block_border_top .sidebar-toggle .widget.widget_block:before { content: ''; height: var(--theme-block-top-border-height); background: var(--theme-block-top-border-color); display: block; position: absolute; top: 0; width: 100%; left: 0; margin-top: calc(var(--theme-block-top-border-height) * -1); } .single.digital_newspaper_site_block_border_top #theme-content .primary-content:before { content: none; } /* ========================================= 6.0 Left Content Right Sidebar ========================================= */ .leftc-rights-section { background: var(--leftc-rights-section-bk-color); padding: 10px 0; } .leftc-rights-section .row { display: flex; } .leftc-rights-section .primary-content { flex: 0 1 70%; } .leftc-rights-section .primary-content > div { margin-bottom: 20px; } .leftc-rights-section .primary-content article .blaze_box_wrap { position: relative; padding: 7px; background-color: var(--leftc-rights-content-bk-color); } .leftc-rights-section .secondary-sidebar { flex: 0 1 30%; margin-left: 20px; } .digital_newspaper_site_block_border_top .digital-newspaper-section .primary-content > div article .blaze_box_wrap, .digital_newspaper_site_block_border_top .full-width-section .row > div .blaze_box_wrap, .digital_newspaper_site_block_border_top .bottom-full-width-section .row > div .blaze_box_wrap, .digital_newspaper_site_block_border_top .secondary-sidebar .widget, .digital_newspaper_site_block_border_top .secondary-left-sidebar .widget, .digital_newspaper_site_block_border_top .sidebar-toggle .widget, .digital_newspaper_site_block_border_top #theme-content .primary-content, .digital_newspaper_site_block_border_top .banner-layout--two .main-banner-popular-posts, .archive.author.digital_newspaper_site_block_border_top .digital-newspaper-container.digital-newspaper-author-section .row { margin-top: var(--theme-block-top-border-height); } .digital-newspaper-section .primary-content > div:last-child, #full-width-section .row > div:last-child, #bottom-full-width-section .row > div:last-child, .secondary-sidebar section:last-child { margin-bottom: 0; } /* ========================================= 7.0 Right Content Left Sidebar ========================================= */ .lefts-rightc-section { background: var(--lefts-rightc-section-bk-color); padding: 10px 0; } .lefts-rightc-section .row { display: flex; } .lefts-rightc-section .primary-content { flex: 0 1 70%; } .lefts-rightc-section .primary-content > div { margin-bottom: 20px; } .lefts-rightc-section .primary-content article .blaze_box_wrap { position: relative; padding: 7px; background-color: var(--lefts-rightc-content-bk-color); } .lefts-rightc-section .secondary-sidebar { flex: 0 1 30%; margin-right: 20px; } /* ========================================= 8.0 Bottom Full Width Section ========================================= */ #bottom-full-width-section { background-color: var(--full-width-bottom-section-bk-color); padding: 10px 0; } #bottom-full-width-section .row > div { margin-bottom: 20px; } #bottom-full-width-section .row article .blaze_box_wrap { position: relative; background-color: var(--full-width-bottom-content-bk-color); padding: 7px; } /* ========================================= 9.0 Grid Layout 9.1 Grid Layout One 9.2 Grid Layout Two 9.3 Grid Layout Three 9.4 Grid Layout Four ========================================= */ .news-grid .news-grid-post-wrap { display: flex; flex-wrap: wrap; margin: 0 -8px; } .news-grid .news-grid-post-wrap article.grid-item { flex: 0 1 33.333%; padding: 0 8px; padding-bottom: 16px; } .news-grid .news-grid-post-wrap article .post-element { padding: 15px; } .post-excerpt { margin-top: 10px; font-size: var(--content-size); color: var(--main-content-text-color); font-family: var(--content-family); font-weight: var(--content-weight); text-decoration: var(--content-textdecoration); text-transform: var(--content-texttransform); letter-spacing: var(--content-letterspacing); line-height: var(--content-lineheight); } .post-meta span { padding-right: 10px; } .post-meta span:last-child { padding-right: 0; } span.author_name:before, a.author_name:before { content: '\f2bd'; font-family: 'Font Awesome 5 Free'; font-weight: 400; margin-right: 7px; font-size: calc(var(--meta-size)*0.8); } span.post-date:before { color: var(--meta-text-color); position: relative; margin-right: 7px; content: "\f017"; font-family: 'Font Awesome 5 Free'; font-size: calc(var(--meta-size)*0.8); } span.post-comment:before { color: var(--meta-text-color); position: relative; margin-right: 7px; content: "\f4ad"; font-family: 'Font Awesome 5 Free'; font-size: calc(var(--meta-size)*0.8); } .grid-item.no-feat-img .post-thumb-wrap { position: relative; padding-bottom: 62%; background: var(--noimg-bk-color); background-position: center; background-size: cover; overflow: hidden; } #full-width-section .grid-item.no-feat-img .post-thumb-wrap { position: relative; padding-bottom: 62%; background: var(--noimg-bk-color); background-position: center; background-size: cover; overflow: hidden; } /* NO Featured Image */ .news-grid.section-no-thumbnail figure.post-thumb-wrap { display: none; } /* ========================================= 9.4 Grid Layout Four ========================================= */ .news-grid.layout--four .post-thumb-wrap img { display: block; width: 100%; } .news-grid.layout--four .post-element { width: 90%; position: relative; margin: 0 auto; margin-top: -3rem; z-index: 9; background-color: var(--text-background-color); padding: 15px 20px; } .news-grid.layout--four .post-categories li { margin: 0 7px 8px 0; } .news-grid.layout--four .post-categories li a { padding: 0; } .news-grid.layout--four .post-title { font-size: calc(var(--post-title-size)*0.83); margin: 0 0 6px; } .leftc-rights-section .news-grid.layout--four .column--four .post-title, .lefts-rightc-section .news-grid.layout--four .column--four .post-title { font-size: calc( var(--post-title-size)*0.76); line-height: 1.5; } /* Four Column */ .news-grid .news-grid-post-wrap.column--four article { flex: 0 1 25%; } /* No Featured Image */ .news-grid.section-no-thumbnail.layout--four .post-element { margin-top: 0; width: 100%; padding: 0; background-color: inherit; } /* ========================================= 10.0 List Layout 10.1 List Layout One 10.2 List Layout Two 10.3 List Layout Three 10.4 List Layout Four ========================================= */ .list-item.no-feat-img .post-thumb-wrap { position: relative; padding-bottom: 22%; background: var(--noimg-bk-color); background-position: center; background-size: cover; overflow: hidden; min-height: 100px; } #lefts-rightc-section .list-item.no-feat-img .post-thumb-wrap, #leftc-rights-section .list-item.no-feat-img .post-thumb-wrap { background-color: var(--noimg-bk-color); min-height: 100px; } /* No Featured Image */ .news-list.section-no-thumbnail.layout--four .list-item { align-items: flex-start; } .news-list.section-no-thumbnail figure.post-thumb-wrap { display: none; } .news-list.section-no-thumbnail.layout--four .list-item .post-title { margin: 0; padding: 0 0 10px 0; } .news-list-post-wrap article .blaze_box_wrap { display: flex; align-items: center; } /* ========================================= 10.1 List Layout One ========================================= */ .news-list-post-wrap .list-item { margin-bottom: 16px; } .news-list-post-wrap .list-item figure.post-thumb-wrap{ flex: 0 1 35%; overflow: hidden; align-self: flex-start; position: relative; } .news-list-post-wrap .list-item figure.post-thumb-wrap img{ display: block; object-fit: cover; } .news-list-post-wrap .list-item figure.post-thumb-wrap .post-categories{ position: absolute; bottom: 10px; left: 10px; display: flex; flex-wrap: wrap; } .news-list-post-wrap .list-item figure.post-thumb-wrap .post-categories li { margin-right: 5px; } .news-list-post-wrap .list-item .post-element{ flex: 0 1 65%; margin-left: 20px; padding: 5px 5px 5px 0; } .news-list-post-wrap .list-item .post-title { margin: 0 0 5px; } #theme-content .news-list-post-wrap .list-item .post-title { font-size: var(--post-title-size); } .post-title a { color: inherit; text-decoration: none; line-height: initial; } .news-list-post-wrap .list-item .post-excerpt p { margin: 12px 0 0; } #theme-content .news-list-wrap .post-element .post-excerpt p{ margin: 0px; } /* ========================================= 10.4 List Layout Four ========================================= */ .news-list.layout--four .list-item .post-title { margin-left: -40px; position: relative; z-index: 9; } .full-width-section .news-list.layout--four .list-item .post-title { background: var(--full-width-content-bk-color); } .leftc-rights-section .news-list.layout--four .list-item .post-title { background: var(--leftc-rights-content-bk-color); } .lefts-rightc-section .news-list.layout--four .list-item .post-title { background: var(--lefts-rightc-content-bk-color); } .bottom-full-width-section .news-list.layout--four .list-item .post-title { background: var(--full-width-bottom-content-bk-color); } .news-list.layout--four .column--two .post-title { line-height: 1.4; padding: 11px 0 10px 15px; margin-bottom: 0; } /** News List columnts 2 **/ .news-list-post-wrap.column--two { display: flex; flex-wrap: wrap; margin: 0 -8px; } .news-list-post-wrap.column--two .list-item { flex: 0 1 50%; padding: 0 8px; } .news-list-post-wrap.column--two .list-item.no-feat-img .post-thumb-wrap { position: relative; padding-bottom: 21%; } .news-list-post-wrap.column--two .post-excerpt { font-size: calc(var(--content-size)*0.95); margin-top: 7px; } .lefts-rightc-section .news-list-post-wrap.column--two .list-item .post-title { font-size: calc(var(--post-title-size)*0.75); overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } /* NO Featured Image */ .news-list.section-no-thumbnail .post-element { flex: 100%; } /* ========================================= 11.0 Carousel Layout 11.1 Carousel Layout One 11.2 Carousel Layout Two ========================================= */ .news-carousel-post-wrap { display: grid } .news-carousel { position: relative; } .news-carousel .slick-slider { position: initial; overflow: hidden; } .news-carousel .slick-arrow { position: absolute; cursor: pointer; width: 34px; height: 34px; font-size: 0.8rem; z-index: 9; top: 50%; transform: translateY(-50%); padding: 5px; background-color: transparent; border: 1px solid var(--white-text); border-radius: 2px; visibility: hidden; -webkit-transition: 0.5s ease; transition: 0.5s ease; } .news-carousel .slick-dots { position: absolute; display: block; width: 80%; padding: 0; margin: 0; list-style: none; top: 6px; text-align: right; right: 0; } .news-carousel .slick-dots li{ position: relative; display: inline-block; padding: 0; margin: 0 8px; cursor: pointer; } .news-carousel .slick-dots li button { font-size: 0; line-height: 0; display: block; width: 10px; height: 10px; cursor: pointer; outline: none; background: transparent; border: 1px solid var(--theme-color-red); border-radius: 50%; } .news-carousel .slick-dots li.slick-active { background-color: var(--theme-color-red); border-radius: 50%; } .news-carousel .slick-list { margin: 0 -8px; } .news-carousel article { padding: 2px 8px; } .news-carousel article .post-element { padding: 15px; } .news-carousel .post-title a { color: inherit; text-decoration: none; line-height: initial; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; display: inline; } .news-carousel .post-excerpt { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; color: var(--white-text); } .news-carousel .post-categories li { background-color: var(--theme-color-red); margin-right: 5px; } .news-carousel .post-thumb-wrap { position: relative; min-height: 200px; } .news-carousel .no-feat-img .post-thumb-wrap { position: relative; padding-bottom: 62.5%; background: var(--noimg-bk-color); background-position: center; background-size: cover; overflow: hidden; } .news-carousel .post-thumb-wrap img { width: 100%; height: 200px; object-fit: cover; height: 200px; } .news-carousel.layout--two .post-title { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } /* ========================================= 11.2 Carousel Layout Two ========================================= */ .news-carousel.layout--two .slick-arrow { top: 62%; } .news-carousel.layout--two .slick-prev.slick-arrow { left: 22px; } .news-carousel.layout--two .slick-next.slick-arrow { right: 22px; } .news-carousel.layout--two .thumb-overlay, .widget .layout--two .thumb-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: #00000059; } body .news-carousel.layout--two .post-element { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); text-align: center; width: 100%; } .news-carousel.layout--two .post-categories li { margin: 0 5px 10px 0; } .news-carousel.layout--two .post-title { font-size: calc(var(--post-title-size)*0.86); margin: 0 0 10px 0; color: var(--white-text); } .news-carousel.layout--two .post-title a { color: var(--white-text); } .news-carousel.layout--two .post-meta span, .news-carousel.layout--two .post-meta time { color: var(--white-text); font-size: 0.85rem; } .news-carousel.layout--two .post-meta span.post-comment:before, .news-carousel.layout--two .post-meta span.post-date:before { color: var(--white-text); } .news-carousel .news-carousel-post-wrap:hover .slick-arrow { visibility: visible; } .news-carousel .news-carousel-post-wrap .slick-arrow:hover { background: var(--white-text); color: var(--theme-color-red); } .news-carousel .slick-prev.slick-arrow { left: 30px; } .news-carousel .slick-next.slick-arrow { right: 30px; } /* ========================================= 12.0 Filter Layout 12.1 Filter Layout One 12.2 Filter Layout Two 12.3 Filter Layout Three 12.4 Filter Layout Four ========================================= */ .news-filter .post_title_filter_wrap { display: flex; flex-wrap: wrap; align-items: center; border-bottom: 2px solid var(--theme-color-red); margin-bottom: 16px; } .news-filter h2.digital-newspaper-block-title { flex: 0 1 50%; margin: 0; border-bottom: none; } .news-filter .filter-tab-wrapper { flex: 0 1 50%; text-align: right; padding-bottom: 0px; } .news-filter .tab-title { padding-right: 9px; padding-left: 9px; display: inline-block; cursor: pointer; font-size: 13px; text-transform: capitalize; font-weight: var(--post-title-weight); } .news-filter .tab-title.isActive { color: var(--theme-color-red); } .news-filter .row-wrap { display: flex; flex-wrap: wrap; } .news-filter .post-thumb-wrap { position: relative; } .news-filter img { display: block; object-fit: cover; } .news-filter .post-categories { position: absolute; bottom: 10px; left: 10px; } .news-filter .post-categories li { background-color: var(--theme-color-red); margin-right: 5px; } .news-filter .featured-post .post-title { font-size: var(--post-title-size); margin: 0 0 8px; } .news-filter .trailing-post .post-title { margin: 0 0 6px 0; font-size: calc(var(--post-title-size)*0.85); line-height: 1.5; } .full-width-section .news-filter .featured-post .post-title, .bottom-full-width-section .news-filter .featured-post .post-title { font-size: calc(var(--post-title-size)*1.2); } .leftc-rights-section .news-filter .trailing-post .post-title, .lefts-rightc-section .news-filter .trailing-post .post-title { font-size: calc(var(--post-title-size)*0.75); } .news-filter .post-title a { color: inherit; text-decoration: none; line-height: initial; } .news-filter .post-excerpt p { margin: 10px 0 0; } .news-filter .trailing-post .post-excerpt { display: none; } .news-filter .trailing-post .post-excerpt p { margin-top: 6px; } .featured-post .filter-item.no-feat-img .post-thumb-wrap { height: 305px; background-color: var(--noimg-bk-color); } .trailing-post .filter-item.no-feat-img .post-thumb-wrap { position: relative; padding-bottom: 23%; background: var(--noimg-bk-color); background-position: center; background-size: cover; overflow: hidden; min-height: 100px; } .retrieving-posts .filter-tab-content-wrapper .tab-content{ opacity: 0.2; } .retrieving-posts .filter-tab-content-wrapper:after { content: url('../images/loader/loader_one.gif'); position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); } .news-filter .trailing-post .post-thumb-wrap { overflow: hidden; align-self: flex-start; } /* ========================================= 12.1 Filter Layout One ========================================= */ .news-filter.layout--one { position: relative; } .news-filter.layout--one .featured-post { flex: 0 1 50%; padding-right: 8px; } .news-filter .featured-post article { margin-bottom: 16px; } .news-filter.layout--one .featured-post article .post-element { padding: 15px; } .news-filter.layout--one .trailing-post { flex: 0 1 50%; padding-left: 8px; } /* Traling Post */ .news-filter.layout--one .trailing-post article .blaze_box_wrap { display: flex; flex-wrap: wrap; align-items: center; margin-bottom: 16px; } .news-filter.layout--one .trailing-post article:last-child { border-bottom: none; } .news-filter.layout--one .trailing-post .post-thumb-wrap { flex: 0 1 30%; } .news-filter.layout--one .trailing-post .post-element { flex: 0 1 70%; padding: 0 5px 0 18px; } /* Bottom Traling Post */ .news-filter.layout--one .trailing-post.bottom-trailing-post { flex: 100%; padding: 0; display: flex; flex-wrap: wrap; justify-content: space-between; -webkit-justify-content: space-between; } .leftc-rights-section .news-filter.layout--one .trailing-post.bottom-trailing-post article { flex: 0 1 49.1%; } .leftc-rights-section.width-full-width--layout .news-filter.layout--one .trailing-post.bottom-trailing-post article { flex: 0 1 49.4%; } /* Advertisement */ body .digital-newspaper-advertisement-block { padding: 0 !important; background-color: transparent !important; box-shadow: none !important; margin-top: 0 !important; } body .widget.widget_digital_newspaper_banner_ads_widget { background-color: transparent !important; } body .digital-newspaper-advertisement-block:before, body .widget.widget_digital_newspaper_banner_ads_widget:before { display: none !important; } .digital-newspaper-advertisement-block img { display: block; margin: 0 auto; width: auto; } body .widget.widget_digital_newspaper_banner_ads_widget { box-shadow: none; margin-top: 0 !important; } body.home.blog #page.site .digital-newspaper-container .row .section-no-thumbnail article .blaze_box_wrap { padding: 20px; } .section-no-thumbnail article .blaze_box_wrap .post-element { margin: 0; padding: 0; } /* ========================================= 13.0 Footer Section ========================================= */ /* ========================================= 13.1 Bottom Footer Four Column ========================================= */ .dark_bk .widget.widget_block, .dark_bk .widget .post-item, body.error404.digital_newspaper_main_body .dark_bk .widget .post-item, body.error404.digital_newspaper_main_body .dark_bk .widget.widget_block, .dark_bk .widget.widget_nav_menu, .dark_bk .widget.widget_meta ul, .dark_bk .widget.widget_digital_newspaper_social_icons_widget .social-block-widget, .dark_bk .posts-grid-wrap.layout-two .post-content-wrap, .dark_bk .categories-wrap.layout-two .post-thumb, .dark_bk .post-card.author-wrap { background-color: #2e2e2e; box-shadow: none; } body .dark_bk .widget_digital_newspaper_posts_list_widget .layout-three .post-item:not(:first-child) .post_thumb_image span { background-color: #444444; } .dark_bk .widget.widget_block, .dark_bk .widget { margin: 16px 0; } body footer.site-footer.dark_bk .digital-newspaper-category-no-bk ul.post-categories li a, body footer.site-footer.dark_bk .digital-newspaper-category-no-bk .card__content-category a { color: var(--meta-text-color); } .dark_bk .digital-newspaper-widget-carousel-posts .slick-arrow { background-color: #2e2e2e; } .dark_bk .widget_digital_newspaper_posts_list_widget .card__content-title a, .dark_bk .widget.widget_block p, .dark_bk .widget p, .dark_bk .widget h2, .dark_bk .widget a, .dark_bk .widget .no-comments.wp-block-latest-comments { color: var(--footer-text-color); } footer .main-footer { background-color: #393939; padding: 35px 0; display: flex; flex-wrap: wrap; margin-top: -1px; } footer .main-footer .row { display: flex; flex-wrap: wrap; } .footer-widget.column-one { flex: 100%; padding: 0 15px; } .main-footer .footer-widget.column-two { flex: 0 1 50%; padding: 0 15px; } .main-footer .footer-widget.column-three { flex: 0 1 33.33%; padding: 0 15px; } .main-footer .footer-widget.column-four { flex: 0 1 25%; padding: 0 15px; } .main-footer h2.digital-newspaper-widget-title span { color: var(--white-text); } /* Responsive */ @media (max-width: 900px) { .main-footer .footer-widget.column-four { flex: 0 1 50%; } } @media (max-width: 768px) { footer .row { flex-direction: column; } } /* ========================================= 13.2 Bottom Footer Social Icons ========================================= */ .widget a.social-icon { margin-bottom: 7px; display: inline-block; } footer .social-icons-wrap { margin-bottom: 14px; } footer .social-icons-wrap a { color: var(--footer-bottom-link-color); margin: 0 5px 10px; display: inline-block; } footer .social-icons-wrap a i { font-size: 0.95rem; width: 42px; height: 42px; background: #3a3a3a; border-radius: 50%; text-align: center; line-height: 2.8; } footer .social-icons-wrap a:hover { color: var(--footer-bottom-link-color-hover); } /* ========================================= 13.3 Bottom Footer Menu ========================================= */ .bottom-menu { flex: 0 1 50%; text-align: right; margin: 6px 0; } .bottom-menu ul { margin: 0; padding: 0; } .bottom-menu ul li { display: inline-block; padding: 0 8px; font-family: var(--menu-family); text-transform: capitalize; font-weight: 600; font-size: 0.9rem; vertical-align: top; } .bottom-menu ul li a { text-decoration: none; color: var(--footer-bottom-link-color); } .bottom-menu a{ color: var(--footer-bottom-link-color); text-decoration: none; } .bottom-menu a:hover, .bottom-menu ul li a:hover, .site-footer .site-info a:hover { color: var(--footer-bottom-link-color-hover); } .site-footer.dark_bk { border-top: 5px solid #FD4F18; } .site-footer .bottom-footer { padding: 20px 0; background-color:#333; text-align: center; margin-top: -1px; } .site-footer .bottom-footer .bottom-inner-wrapper { display: flex; flex-wrap: wrap; justify-content: center; -webkit-justify-content: center; } .site-footer .site-info { color: var(--footer-bottom-text-color); font-size: 0.95rem; flex: 0 1 50%; text-align: left; margin: 6px 0; font-family: var(--content-family); } .site-footer .site-info a { color: var(--footer-bottom-author-color); text-decoration: none; font-size: 0.9rem; } /* ========================================= 14.0 Widgets Widget normalize 14.1 Widget Comments 14.2 Posts List Layout One 14.3 Posts List Layout Two 14.4 Sidebar Author 14.5 Sidebar Author Layout Two 14.6 Sidebar Category Collection Layout One 14.7 Sidebar Category Collection Layout Two 14.8 Widget Title 14.9 Align Center 14.10 Widget Popular Post 14.11 widget slider horizontal 14.12 Widget carasoul 14.13 Widget Tabbed Posts 14.15 Grid Two Column 14.16 Post Grid 14.17 Filter Tabbed Widget ========================================= */ /* Widget normalize */ .widget { margin-bottom: 16px; } .widget .post-item, .widget.widget_block { position: relative; } .widget.widget_block ul, .widget ul, .widget.widget_block ol, .widget .posts-list-wrap { margin: 0; padding: 0px; } .widget .wp-block-page-list, .widget .wp-block-latest-posts.wp-block-latest-posts__list, .widget .menu { padding-left: 5px; } .widget ul li, .widget ol li { border-bottom: 1px solid #8a8a8c2e; padding: 9px 0 9px 16px; font-size: calc(var(--post-title-size)*0.68); font-family: var(--post-title-family); list-style: none; position: relative; } .widget ul li:before, .widget ol li:before { content: '\f105'; font-family: 'Font Awesome 5 Free'; color: var(--theme-color-red); font-weight: 900; position: absolute; left: 0; opacity: .8; font-size: 13px; top: 11px; } .widget.widget_recent_comments ol li:before { display: none; } .widget ul li:last-child, .widget ol li:last-child{ border-bottom: none; padding-bottom: 0; } .widget ul li a, .widget ol li a, .widget .no-comments.wp-block-latest-comments { color: var(--post-title-color); text-decoration: none; line-height: initial; font-weight: 400; } .wp-calendar-table caption { padding: 10px 15px; font-weight: 600; } .wp-calendar-nav-prev a{ text-decoration: none; color: var(--theme-color-red); } .widget.widget_recent_entries .post-date { display: block; color: var(--meta-text-color); } .widget.widget_block p { margin-bottom: 0; margin-top: 0px; text-align: initial; } .widget.widget_block .wp-block-tag-cloud { margin-bottom: 0; margin-top: 0px; text-align: center; } .widget.widget_block p.wp-block-tag-cloud { text-align: center; } .wp-block-tag-cloud a { text-decoration: none; font-size: 0.75rem !important; background-color: var(--dark-bk-color); color: var(--white-text); padding: 6px 12px; margin: 5px 5px 5px 0; font-family: var(--post-title-family); font-weight: 500; } .widget.widget_nav_menu .menu-item-has-children, .widget.widget_nav_menu .page_item_has_children { padding-bottom: 0; } .widget.widget_nav_menu .menu-item-has-children .sub-menu, .widget.widget_nav_menu .page_item_has_children .children { padding: 0; border-top: 1px solid #8a8a8c2e; margin: 10px 0; } .widget.widget_nav_menu .sub-menu li.menu-item-has-children, .widget.widget_nav_menu .children li.page_item_has_children { border-bottom: none; } .widget.widget_block.widget_search { padding: 10px 15px 15px; } .widget.widget_search label{ font-weight: 600; font-size: 18px; padding-bottom: 7px; display: inline-block; vertical-align: middle; } .digital_newspaper_dark_mode .widget.widget_search .wp-block-search__input { background: #27272b; border-color: #343434; color: var(--white-text); } .wp-block-search__button, .widget.widget_search .search-submit { background-color: var(--theme-color-red); color: var(--white-text); border: none; text-transform: uppercase; font-size: 15px; line-height: 17px; padding: 5px 12px; padding-bottom: 4px; vertical-align: middle; } .widget.widget_search .search-submit { padding: 10px 12px; vertical-align: top; } .wp-block-search__button:hover { cursor: pointer; opacity: 0.9; } .wp-block-image { margin-bottom: 0; } .wp-block-image img { width: 100%; } .widget .post-item, .widget-tabs-content .comment-item, .widget .categories-wrap .post-thumb, .widget.widget_block, .widget_digital_newspaper_author_info_widget .author-wrap, .widget.widget_nav_menu, .widget.widget_meta ul { padding: 7px; background-color: var(--inner-container-bk); } .widget.widget_block input { width: 100%; } /* 14.1 Widget Comments */ .wp-block-latest-comments li { margin-bottom: 0; } .wp-block-latest-comments__comment img { margin-top: 4px; } .widget .wp-block-latest-comments__comment-author { color: var(--theme-color-red); font-style: italic; font-size: 1rem; } .wp-block-latest-comments__comment-link { font-weight: 500; } .wp-block-latest-comments__comment-meta time { margin-top: 10px; font-size: 0.8rem; color: var(--meta-text-color); } .widget .wp-block-latest-comments__comment-excerpt p { padding: 0; margin-bottom: 0; font-size: 0.9rem; color: var(--main-content-text-color); font-family: var(--content-family); font-weight: var(--content-weight); margin-top: 3px; line-height: 1.6; } /* 14.2 Posts List Layout One*/ .widget_digital_newspaper_posts_list_widget .post-item { display: flex; flex-wrap: wrap; margin-bottom: 15px; } .widget_digital_newspaper_posts_list_widget .post-item:last-child { margin-bottom: 0; } .widget_digital_newspaper_posts_list_widget .posts-list-wrap.layout-one .post-item figure.post-thumb { min-height: 73px; overflow: hidden; } .widget_digital_newspaper_posts_list_widget .post-item:first-child figure.post-thumb { min-height: 180px; overflow: hidden; } .sidebar-toggle .widget_digital_newspaper_posts_list_widget .post-item:first-child figure.post-thumb, .sidebar-toggle .widget_digital_newspaper_posts_list_widget .post-item figure.post-thumb { max-height: initial; } .widget_digital_newspaper_posts_list_widget .post-item .post_thumb_image { flex: 0 1 30%; } .widget_digital_newspaper_posts_list_widget .post-item .post-content-wrap { flex: 0 1 70%; padding: 0 5px 0 15px; } .widget_digital_newspaper_posts_list_widget img { height: 100%; object-fit: cover; object-position: center center; width: 100%; } .widget_digital_newspaper_posts_list_widget .card__content-category { margin: 0 0 6px 0; display: inline-block; margin-right: 8px; } .widget_digital_newspaper_posts_list_widget .card__content-category a { color: var(--theme-color-red); padding: 0; } .widget_digital_newspaper_posts_list_widget .card__content-title { line-height: 1.5; font-size: calc(var(--post-title-size)*0.7); overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } .widget_digital_newspaper_posts_list_widget .card__content-title a { text-decoration: none; color: inherit; font-family: var(--post-title-family); } .widget_digital_newspaper_posts_list_widget .post-content { margin-top: 8px; font-size: 0.8rem; color: var(--main-content-text-color); font-family: var(--content-family); font-weight: var(--content-weight); } /* 14.3 Posts List Layout Two */ .widget_digital_newspaper_posts_list_widget .layout-two .post-item:first-child { flex-direction: column; } .widget_digital_newspaper_posts_list_widget .layout-two .post-item:first-child .post-title { font-size: calc(var(--post-title-size) * 0.8); } .widget_digital_newspaper_posts_list_widget .layout-two .post-item:first-child .post-content-wrap { padding: 15px; } /* 14.3 Posts List Layout Three */ .widget_digital_newspaper_posts_list_widget .layout-three .post-item:not(:first-child) { align-items: center; } .widget_digital_newspaper_posts_list_widget .layout-three .post-item:first-child { flex-direction: column; } .widget_digital_newspaper_posts_list_widget .layout-three .post-item:first-child .post-title { font-size: calc(var(--post-title-size)*0.8); display: initial; } .widget_digital_newspaper_posts_list_widget .layout-three .post-item:first-child .post-numbering { float: right; font-size: 2rem; font-style: italic; color: #d1d1d1; font-weight: 500; -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; } .widget_digital_newspaper_posts_list_widget .layout-three .post-item:first-child .post-content-wrap { padding: 15px; } .widget_digital_newspaper_posts_list_widget .layout-three .post-item .post-meta { margin-top: 6px; } .widget_digital_newspaper_posts_list_widget .layout-three .post-item:not(:first-child) .post_thumb_image { flex: 0 1 20%; text-align: center; overflow: visible; border-radius: 50%; } .widget_digital_newspaper_posts_list_widget .layout-three .post-item:not(:first-child) .post-content-wrap { flex: 0 1 80%; padding: 5px 5px 5px 10px; } .widget_digital_newspaper_posts_list_widget .layout-three .post-item:not(:first-child) .post_thumb_image span { font-style: italic; background-color: var(--post-list-number-bk-color); font-size: 1.2rem; padding-right: 3px; width: 50px; height: 50px; line-height: 2.5; display: inline-block; border-radius: 50%; color: var(--white-text); font-weight: 500; -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; } .widget_digital_newspaper_posts_list_widget .layout-three .post-item:first-child:hover .post-numbering { color: var(--theme-color-red); } body .widget_digital_newspaper_posts_list_widget .layout-three .post-item:not(:first-child):hover .post-numbering { background-color: var(--theme-color-red); } /* 14.4 Sidebar Author */ .widget_digital_newspaper_author_info_widget.layout-two h2.widget-title{ text-align: left; padding: 10px 0; } .author-wrap.layout-one { text-align: center; } .widget_digital_newspaper_author_info_widget .author-wrap { padding: 20px; } .author-wrap.layout-one .post-thumb { width: 150px; height: 150px; margin: 0 auto; margin-bottom: 10px; background-color: var(--theme-color-red); border-radius: 50%; } .author-wrap.layout-one .post-thumb img { border-radius: 48%; width: 150px; height: 150px; object-fit: cover; } .author-wrap.layout-one .author-thumb-wrap span { color: var(--theme-color-red); } .widget_digital_newspaper_author_info_widget .author-tag { text-transform: capitalize; } .author-name { margin: 10px 0 4px; font-family: 'jost'; } .author-name a { text-decoration: none; color: inherit; } .author-desc { font-size: 0.9rem; font-family: var(--content-family); color: var(--meta-text-color); } /* 14.6 Sidebar Category Collection Layout One */ .widget.widget_block, .widget.widget_nav_menu, .widget.widget_meta ul { padding: 15px; } /* 14.7 Sidebar Category Collection Layout Two */ .categories-wrap.layout-two .category-item { position: relative; margin-bottom: 16px; } .categories-wrap.layout-two .category-item:last-child { margin-bottom: 0; } .categories-wrap.layout-two .category-item:hover .cat-meta { height: 80px; } .categories-wrap.layout-two .category-item img { height: 80px; width: 100%; object-fit: cover; display: block; } .categories-wrap.layout-two .category-item a { position: absolute; bottom: 7px; text-decoration: none; width: calc(100% - 14px); } .categories-wrap.layout-two .cat-meta { height: 40px; display: flex; align-items: center; background: linear-gradient(90deg, var(--theme-color-red) 0%, rgb(0 0 0 / 54%) 100%); color: var(--white-text); padding: 0 15px; justify-content: space-between; -webkit-transition: 0.2s ease-in-out; -moz-transition: 0.2s ease-in-out; -ms-transition: 0.2s ease-in-out; -o-transition: 0.2s ease-in-out; transition: 0.2s ease-in-out; -webkit-justify-content: space-between; } .categories-wrap.layout-two .category-count { font-style: italic; font-size: 12px; } .categories-wrap.layout-two .cat-meta span.news_text { padding-left: 4px; } /* 14.8 Widget Title */ .widget.widget_digital_newspaper_widget_title_widget { z-index: 9; } .sidebar-toggle .widget.widget_digital_newspaper_widget_title_widget { margin-bottom: 0; } .widget.widget_text P { margin-top: 0; color: var(--main-content-text-color); font-family: var(--content-family); font-weight: var(--content-weight); } /* 14.9 Align Center */ .digital-newspaper-widget-title.align--center { text-align: center; } /* Align Right */ .digital-newspaper-widget-title.align--right { text-align: right; } /* 14.12 Widget carasoul **/ .digital-newspaper-widget-carousel-posts .slick-prev { position: absolute; right: 33px; } .digital-newspaper-widget-carousel-posts .slick-next { position: absolute; right: 0; } .digital-newspaper-widget-carousel-posts .slick-arrow { cursor: pointer; font-size: 0.86rem; background-color: var(--white-bk-color); color: var(--slick-button-color); border: none; border-radius: 0; -webkit-transition: 0.5s ease; transition: 1s ease; box-shadow: 0px 0px 20px -9px rgb(0 0 0 / 75%); -webkit-box-shadow: 0px 0px 20px -9px rgb(0 0 0 / 75%); -moz-box-shadow: 0px 0px 20px -9px rgba(0,0,0,0.75); } .digital-newspaper-widget-carousel-posts .carousel-posts-wrap { display: grid; } .digital-newspaper-widget-carousel-posts.layout--one .carousel-posts-wrap .post-element .post-categories { display: none; } .digital-newspaper-widget-carousel-posts .no-feat-img .post-thumb-wrap { position: relative; padding-bottom: 62.5%; background: var(--noimg-bk-color); background-position: center; background-size: cover; overflow: hidden; } .digital-newspaper-widget-carousel-posts.layout--one .post-thumb-wrap { position: relative; } .digital-newspaper-widget-carousel-posts.layout--one .carousel-posts-wrap .post-categories { position: absolute; bottom: 10px; left: 10px; display: flex; flex-wrap: wrap; } .digital-newspaper-widget-carousel-posts .post-element { padding: 15px; } .digital-newspaper-widget-carousel-posts .carousel-posts-wrap h2{ margin: 0 0 5px 0; font-size: calc(var(--post-title-size)*0.85); line-height: 1.4; } .digital-newspaper-widget-carousel-posts .carousel-posts-wrap .post-categories li { margin-right: 5px; } .digital-newspaper-widget-carousel-posts .carousel-posts-wrap .post-categories a { text-decoration: none; color: var(--white-text); font-size: 0.8rem; } /** Horizongtal Arrow **/ .digital-newspaper-widget-carousel-posts.digital_newspaper_horizontal_slider .slick-arrow { padding: 6px 10px; top: -51px; } .digital-newspaper-widget-carousel-posts.digital_newspaper_horizontal_slider.no_heading_widget .slick-arrow { cursor: pointer; padding: 5px 8px; top: 5px; z-index: 999; } .widget .digital-newspaper-widget-carousel-posts ul li:before, .widget .digital-newspaper-widget-carousel-posts ol li:before { display: none; } /* 14.13 Widget Tabbed Posts */ #main-banner-section { padding: 10px 0; } .widget ul.post-categories li a:before { content: none; } .widget ul.post-categories li { border: none; padding: 0; } /* 14.15 Grid Two Column */ /* Grid Two Column One */ .widget_digital_newspaper_posts_grid_two_column_widget .layout-one .post-thumb { position: relative; } .widget_digital_newspaper_posts_grid_two_column_widget .layout-one .post-categories { position: absolute; bottom: 8px; left: 10px; } .widget_digital_newspaper_posts_grid_two_column_widget .layout-one .post-categories h5 { margin: 0 6px 0 0; } .widget_digital_newspaper_posts_grid_two_column_widget .layout-one .post-categories a { font-size: calc(var(--meta-size)*0.78); } .widget_digital_newspaper_posts_grid_two_column_widget .layout-one .post-title { margin: 0; padding: 10px 8px 5px; } /* Grid Two Column Two */ .widget_digital_newspaper_posts_grid_two_column_widget .posts-grid-two-column-wrap { display: flex; flex-wrap: wrap; margin: 0 -8px; } .widget_digital_newspaper_posts_grid_two_column_widget .posts-grid-two-column-wrap > div { flex: 0 1 50%; padding: 0 8px; margin-bottom: 16px; display: flex; } .widget_digital_newspaper_posts_grid_two_column_widget .card__content-category { margin: 0 8px 0px 0; display: inline-block; } .widget_digital_newspaper_posts_grid_two_column_widget .post-title { line-height: 1.4; font-size: calc(var(--post-title-size)*0.65); margin-top: 6px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; } /* 14.16 Post Grid */ /* Layout Two */ .posts-grid-wrap .post-item { margin-bottom: 16px; } .posts-grid-wrap .post-item:last-child { margin-bottom: 0; } .posts-grid-wrap.layout-two .post-content-wrap { width: 90%; z-index: 9; position: relative; background-color: var(--text-background-color); margin: 0 auto; margin-top: -3rem; padding: 10px 17px; } .posts-grid-wrap .post-categories h5 { margin: 0 10px 7px 0; display: inline-block; } .posts-grid-wrap.layout-two .post-categories h5 a { padding: 0; } .posts-grid-wrap .post-title { line-height: 1.5; font-size: calc(var(--post-title-size)*0.75); overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } .posts-grid-wrap .post-content { margin-top: 8px; font-size: 0.83rem; color: var(--main-content-text-color); font-family: var(--content-family); font-weight: var(--content-weight); } /* 14.17 Widget Social Icons */ .widget.widget_digital_newspaper_social_icons_widget .social-block-widget { background-color: var(--archive-content-bk-color); padding: 20px; } /* No bk img */ .widget_digital_newspaper_posts_grid_two_column_widget .no-feat-img .post-thumb, .widget.widget_digital_newspaper_posts_grid_widget .no-feat-img .post-thumb { padding-bottom: 75%; background: var(--noimg-bk-color); } /* ========================================= 15.0 Single Page ========================================= */ .single #theme-content .row .primary-content { background: none; } .single .row .secondary-sidebar { flex: 0 1 30%; } .single .post-inner { padding: 20px; background: var(--single-content-bk-color); } .single h1.entry-title { color: var(--post-title-color); font-family: var(--single-title-family); font-size: var(--single-title-size); font-weight: var(--single-title-weight); margin: 15px 0; line-height: var(--single-title-lineheight); letter-spacing: var(--single-title-letterspacing); } .single .entry-header .post-categories li { background-color: var(--theme-color-red); border-radius: 3px; line-height: var(--single-meta-lineheight); font-weight: var(--single-meta-weight); font-family: var(--single-meta-family); margin: 0 5px 5px 0; } .single .entry-header .post-categories li a, .single .entry-header .post-categories li a { font-size: calc(var(--single-meta-size)*0.85); font-family: var(--single-meta-family); } .single .entry-header .entry-meta { color: var(--meta-text-color); margin-bottom: 20px; } .single .entry-header .entry-meta > span { margin-right: 15px; font-size: var(--single-meta-size); } .single .entry-header .entry-meta a, .single .entry-header .entry-meta span { color: var(--meta-text-color); text-decoration: initial; font-family: var(--single-meta-family); text-transform: capitalize; } .single .post-inner .entry-content{ font-family: var(--single-content-family); font-size: var(--single-content-size); font-weight: var(--single-content-weight); line-height: var(--single-content-lineheight); letter-spacing: var(--single-content-letterspacing); } .single .post-inner .entry-content h1, .single .post-inner .entry-content h2, .single .post-inner .entry-content h3, .single .post-inner .entry-content h4, .single .post-inner .entry-content h5, .single .post-inner .entry-content h6 { line-height: initial; } .entry-footer .tags-links a{ color: #fff; background-color: var(--dark-bk-color); padding: 2px 9px; margin: 5px; display: inline-block; margin-bottom: 5px; } /* Single Post Comment */ .comments-area h2.comments-title { font-family: var(--post-title-family); font-size: 1.4rem; letter-spacing: -.005em; font-weight: 400; } .comment-meta .comment-author.vcard { margin-top: -15px; } .read-time:before { margin-right: 7px; content: "\f5da"; font-family: 'Font Awesome 5 Free'; font-size: calc(var(--meta-size)*0.8); font-weight: 900; } .comments-area h2.comments-title span { font-weight: 600; font-size: 1.8rem; font-style: italic; text-decoration: underline; } ol.comment-list { margin-left: 0; padding-left: 0; } ol.comment-list li { margin-bottom: 15px; position: relative; } ol.comment-list li a { text-decoration: none; color: inherit; font-family: var(--post-title-family); } .comment-list .comment-meta > div { display: inline-block; } .comment-list .comment-author img { margin-right: 20px; width: 40px; object-fit: cover; height: 100%; bottom: -25px; position: relative; } .comment-list .comment-author a { font-size: 14px; font-weight: 600; margin-right: 3px; } .comment-metadata, .says { color: #999; font-size: 13px; font-weight: 400; } .edit-link { color: #000; margin-left: 5px; font-size: 1rem; } .comment-content p { margin-top: 0; margin-left: 60px; font-size: 0.938rem; line-height: 1.714; border-bottom: 1px dashed #e8e8e8; padding-bottom: 20px; margin-bottom: 0; font-family: var(--post-title-family); } .comment-list .reply { position: relative; right: 15px; font-size: 12px; border-bottom: 1px solid var(--theme-color-red); text-align: right; float: right; margin-top: -29px; } .comment-list .reply a { color: #999; padding: 5px 0; display: block; letter-spacing: .03em; font-family: var(--post-title-family); text-transform: uppercase; } .comment-list .reply a:before { content: '\f064'; font-family: 'Font Awesome 5 Free'; font-weight: 900; padding-right: 6px; } ol.children { margin-top: 10px; } ol.children .comment-content p { font-size: 0.9rem; } /* Form */ .comment-respond h3 { font-size: 1.1rem; margin: 0 0 20px; text-transform: uppercase; font-family: var(--post-title-family); } .comment-form { display: flex; flex-wrap: wrap; justify-content: space-between; -webkit-justify-content: space-between; } .comment-form > * { width: 100%; } .comment-form p { margin: 0 0 20px; color: #777; } .comment-form .comment-form-comment textarea { display: block; } .digital_newspaper_dark_mode .comment-form .comment-form-comment textarea, .digital_newspaper_dark_mode form.comment-form p input { background: #202024; border-color: #525252; color: var(--white-text); } .comment-form-author, .comment-form-email, .comment-form-url { width: calc(33% - 15px); } .comment-form-author input, .comment-form-email input, .comment-form-url input { width: 100%; height: 41px; } .comment-form .comment-form-cookies-consent label { margin-left: 6px; font-size: 0.95rem; } .comment-form .form-submit input { padding: 15px 20px; vertical-align: middle; font-size: 13px; text-transform: uppercase; margin-top: 10px; font-family: var(--post-title-family); font-weight: 700; letter-spacing: .03em; color: var(--white-text); background-color: var(--dark-bk-color); border: none; cursor: pointer; } #comments ol.comment-list { padding: 20px; border: 1px solid var(--border-bottom-color); list-style: none; } @media (max-width: 1024px) { .comment-form-author, .comment-form-email, .comment-form-url { width: 100%; } } /* Single Related Post */ .single-related-posts-section-wrap { margin-top: 20px; margin-top: 20px; } .single-related-posts-section { background-color: var(--single-content-bk-color); position: relative; padding: 20px 20px 0; } .single-related-posts-wrap { display: flex; flex-wrap: wrap; margin: 0 -10px; } .single-related-posts-wrap img { display: block; } .single-related-posts-wrap h2.post-title { line-height: 1.36; margin: 0 0 10px; font-size: calc(var(--post-title-size)*0.8); } .single-related-posts-wrap h2.post-title a { text-decoration: none; color: inherit; } .single-related-posts-wrap .post-meta span { font-size: 12px; font-weight: 500; } .single-related-posts-wrap .post-meta span:before, .single-related-posts-wrap .post-meta a.author_name:before { font-size: 11px; } body.single #theme-content .primary-content .single-related-posts-section-wrap.layout--list .single-related-posts-section article{ flex: 0 1 50%; display: flex; flex-wrap: wrap; flex-direction: row; } .single-related-posts-section-wrap.layout--list .single-related-posts-section article figure.post-thumb-wrap { flex: 0 1 25%; } .single-related-posts-section-wrap.layout--list .single-related-posts-section article .post-element { flex: 1 1 75%; padding-left: 15px; } .single #theme-content .widget .post-item { background: var(--single-content-bk-color); } .layout--grid .single-related-posts-wrap h2.post-title { margin-top: 11px; } /* ========================================= 16.0 Archive Layouts ========================================= */ #theme-content .primary-content, #theme-content .widget{ position: relative; } #theme-content .widget:last-child { margin-bottom: 0; } .archive .primary-content .blaze_box_wrap { position: relative; background-color: var(--theme-content-bk-color); padding: 7px; } .archive .secondary-sidebar, .search .secondary-sidebar { flex: 0 1 30%; } .archive .page-header, .search .page-header { border-bottom: 2px solid var(--theme-color-red); display: block; margin: 0; margin-bottom: 16px; } .archive.author .page-header { margin: 0; border-bottom: none; } .archive .page-title, .search .page-title { margin: 0; margin-bottom: -2px; font-size: calc(var(--block-title-size)*0.86); font-family: var(--block-title-family); line-height: var(--block-title-lineheight); letter-spacing: var(--block-title-letterspacing); text-decoration: var(--block-title-textdecoration); text-transform: var(--block-title-texttransform); font-weight: var(--block-title-weight); } /** Search **/ .search.search-results #theme-content .primary-content .blaze_box_wrap { position: relative; padding: 7px; background: var(--search-content-bk-color); } .search .news-list-post-wrap figure.post-thumb-wrap.no-feat-img { position: relative; padding-bottom: 22%; background: var(--noimg-bk-color); background-position: center; background-size: cover; overflow: hidden; min-height: 100px; } .widget .wp-block-search__input { width: 100%; } /* left-both-sidebar */ .left-both-sidebar #theme-content .secondary-left-sidebar, .left-both-sidebar #theme-content .secondary-sidebar { flex: 1 1 25%; margin-right: 20px; } .left-both-sidebar #theme-content .primary-content { flex: 0 1 50%; order: 3; } /* right-both-sidebar */ .right-both-sidebar #theme-content .secondary-left-sidebar, .right-both-sidebar #theme-content .secondary-sidebar { flex: 1 1 25%; margin-left: 20px; } .right-both-sidebar #theme-content .secondary-left-sidebar { order: 2; } .right-both-sidebar #theme-content .secondary-sidebar { order: 3; } .right-both-sidebar #theme-content .primary-content { flex: 0 1 50%; } /* ======================================================== 12.0 Image Hover Effect ======================================================== */ body.no_image_design #primary .post-thumb a:before, body.no_image_design #primary .post-thumb a:after{ background: none; } /* effect-one */ /* Circle */ .digital-newspaper-image-hover--effect-one .post-thumb, .digital-newspaper-image-hover--effect-one .post-thumb-wrap{ position: relative; width: 100%; object-fit: cover; } .digital-newspaper-image-hover--effect-one .post-thumb::before, .digital-newspaper-image-hover--effect-one .post-thumb-wrap::before { position: absolute; top: 50%; left: 50%; z-index: 2; display: block; content: ''; width: 0; height: 0; background: rgba(255,255,255,.2); border-radius: 100%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); opacity: 0; } .digital-newspaper-image-hover--effect-one .post-thumb:hover::before, .digital-newspaper-image-hover--effect-one .post-thumb-wrap:hover::before { -webkit-animation: circle 1s; animation: circle 1s; } @-webkit-keyframes circle { 0% { opacity: 1; } 40% { opacity: 1; } 100% { width: 150%; height: 150%; opacity: 0; } } @keyframes circle { 0% { opacity: 1; } 40% { opacity: 1; } 100% { width: 150%; height: 150%; opacity: 0; } } /* effect-two */ /* Shine */ .digital-newspaper-image-hover--effect-two .post-thumb, .digital-newspaper-image-hover--effect-two .post-thumb-wrap { position: relative; overflow: hidden; } .digital-newspaper-image-hover--effect-two .post-thumb::before, .digital-newspaper-image-hover--effect-two .post-thumb-wrap::before { position: absolute; top: 0; left: -75%; z-index: 2; display: block; content: ''; width: 50%; height: 100%; background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%); background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%); -webkit-transform: skewX(-25deg); transform: skewX(-25deg); } .digital-newspaper-image-hover--effect-two .post-thumb:hover::before, .digital-newspaper-image-hover--effect-two .post-thumb-wrap:hover::before { -webkit-animation: shine 1s; animation: shine 1s; } @-webkit-keyframes shine { 100% { left: 125%; } } @keyframes shine { 100% { left: 125%; } } /* effect-three */ /* rotate */ .digital-newspaper-image-hover--effect-three .post-thumb, .digital-newspaper-image-hover--effect-three .post-thumb-wrap { overflow: hidden; } .digital-newspaper-image-hover--effect-three .post-thumb img, .digital-newspaper-image-hover--effect-three .post-thumb-wrap img { -webkit-transform: rotate(0) scale(1); transform: rotate(0) scale(1); -webkit-transition: .2s ease-in-out; transition: .2s ease-in-out; } .digital-newspaper-image-hover--effect-three .post-thumb:hover img, .digital-newspaper-image-hover--effect-three .post-thumb-wrap:hover img { -webkit-transform: rotate(2deg) scale(1.05); transform: rotate(2deg) scale(1.05); -webkit-transition: .2s ease-in-out; transition: .2s ease-in-out; } .digital-newspaper-image-hover--effect-three .post-thumb img, .digital-newspaper-image-hover--effect-three .post-thumb-wrap img { display: block; overflow: hidden; } /* effect-four */ /* Zoom In #1 */ .digital-newspaper-image-hover--effect-four .post-thumb, .digital-newspaper-image-hover--effect-four .post-thumb-wrap { overflow: hidden; } .digital-newspaper-image-hover--effect-four .post-thumb img, .digital-newspaper-image-hover--effect-four .post-thumb-wrap img { -webkit-transform: scale(1); transform: scale(1); -webkit-transition: .3s ease-in-out; transition: .3s ease-in-out; } .digital-newspaper-image-hover--effect-four .post-thumb:hover img, .digital-newspaper-image-hover--effect-four .post-thumb-wrap:hover img { -webkit-transform: scale(1.05); transform: scale(1.05); } body .digital-newspaper-image-hover--effect-four .post-thumb a, body .digital-newspaper-image-hover--effect-four .post-thumb:hover a { display: block; overflow: hidden; } /* effect-five */ /* gray scale */ .digital-newspaper-image-hover--effect-five .post-thumb img, .digital-newspaper-image-hover--effect-five .post-thumb-wrap img { -webkit-filter: grayscale(0); filter: grayscale(0); } .digital-newspaper-image-hover--effect-five .post-thumb:hover img, .digital-newspaper-image-hover--effect-five .post-thumb-wrap:hover img { -webkit-filter: grayscale(100%); filter: grayscale(100%); -webkit-transition: .3s ease-in-out; transition: .3s ease-in-out; } /* effect-six */ /* Zoom Out */ .digital-newspaper-image-hover--effect-six .post-thumb , .digital-newspaper-image-hover--effect-six .post-thumb-wrap { overflow: hidden; } .digital-newspaper-image-hover--effect-six .post-thumb img, .digital-newspaper-image-hover--effect-six .post-thumb-wrap img { -webkit-transform: scale(1.1); transform: scale(1.1); -webkit-transition: .4s ease-in-out; transition: .4s ease-in-out; } .digital-newspaper-image-hover--effect-six .post-thumb:hover img, .digital-newspaper-image-hover--effect-six .post-thumb-wrap:hover img, .categories-wrap.layout-two .post-thumb img { -webkit-transform: scale(1); transform: scale(1); } /* effect-seven */ /* Rotate */ .digital-newspaper-image-hover--effect-seven .post-thumb , .digital-newspaper-image-hover--effect-seven .post-thumb-wrap { overflow: hidden; } .digital-newspaper-image-hover--effect-seven .post-thumb img, .digital-newspaper-image-hover--effect-seven .post-thumb-wrap img { -webkit-transform: rotate(5deg) scale(1.17); transform: rotate(5deg) scale(1.17); -webkit-transition: .4s ease-in-out; transition: .4s ease-in-out; } .digital-newspaper-image-hover--effect-seven .post-thumb:hover img, .digital-newspaper-image-hover--effect-seven .post-thumb-wrap:hover img { -webkit-transform: rotate(0) scale(1); transform: rotate(0) scale(1); } /* effect-eight */ /* Opacity */ .digital-newspaper-image-hover--effect-eight figure.post-thumb, .digital-newspaper-image-hover--effect-eight figure.post-thumb-wrap { position: relative; -webkit-transition: .4s ease-in-out; transition: .4s ease-in-out; } .digital-newspaper-image-hover--effect-eight figure.post-thumb:before, .digital-newspaper-image-hover--effect-eight figure.post-thumb-wrap:before { content: ''; background-color: #0003; top: 0; left: 0; position: absolute; } .digital-newspaper-image-hover--effect-eight figure.post-thumb:hover:before, .digital-newspaper-image-hover--effect-eight figure.post-thumb-wrap:hover:before { width: 100%; height: 100%; } /* effect-nine */ /* Opacity */ .digital-newspaper-image-hover--effect-nine .post-thumb, .digital-newspaper-image-hover--effect-nine .post-thumb-wrap { background: linear-gradient(-180deg, var(--white-text) 10%, #000 100%); } .digital-newspaper-image-hover--effect-nine .post-thumb:hover img, .digital-newspaper-image-hover--effect-nine .post-thumb-wrap:hover img { opacity: .5; } .digital-newspaper-image-hover--effect-nine .widget_digital_newspaper_posts_list_widget .layout-three .post-item:not(:first-child) .post_thumb_image { background: none; } /* effect-ten */ /* Flash */ .digital-newspaper-image-hover--effect-ten .post-thumb:hover img, .digital-newspaper-image-hover--effect-ten .post-thumb-wrap:hover img { opacity: 1; -webkit-animation: flash 1.5s; animation: flash 1.5s; } @-webkit-keyframes flash { 0% { opacity: .4; } 100% { opacity: 1; } } @keyframes flash { 0% { opacity: .4; } 100% { opacity: 1; } } /* ======================================================== 16.0 Title Hover Effect ======================================================== */ /* Title effect one */ .digital-newspaper-title-one .post-title a, .digital-newspaper-title-one .news-carousel .post-title a, .digital-newspaper-title-one .widget_block ul li a, .digital-newspaper-title-one .widget_nav_menu ul li a { display: inline; background-image: linear-gradient(transparent calc(100% - 1px), var(--theme-color-red) 1px); -webkit-transition: 0.5s ease; transition: 1s ease; background-repeat: no-repeat; background-size: 0; text-decoration: none; } .digital-newspaper-title-one .post-title a:hover, .digital-newspaper-title-one .news-carousel .post-title a:hover, .digital-newspaper-title-one .widget_block ul li a:hover, .digital-newspaper-title-one .widget_nav_menu ul li a:hover { background-size: 100%; } /* Title effect two */ .digital-newspaper-title-two .post-title a, .digital-newspaper-title-two .news-carousel .post-title a, .digital-newspaper-title-two .widget_block ul li a, .digital-newspaper-title-two .widget_nav_menu ul li a { display: inline; -webkit-transition: 0.5s ease; transition: 1s ease; } .digital-newspaper-title-two .post-title a:hover, .digital-newspaper-title-two .news-carousel .post-title a:hover, .digital-newspaper-title-two .widget_block ul li a:hover, .digital-newspaper-title-two .widget_nav_menu ul li a:hover { color: var(--theme-color-red); text-decoration: none; background-image: none; background-size: 0; } /* Title effect three */ .digital-newspaper-title-three .post-title a, .digital-newspaper-title-three .news-carousel .post-title a, .digital-newspaper-title-three .widget_block ul li a, .digital-newspaper-title-three .widget_nav_menu ul li a { display: inline; background-repeat: no-repeat; text-decoration: none; } .digital-newspaper-title-three .post-title a:hover, .digital-newspaper-title-three .news-carousel .post-title a:hover, .digital-newspaper-title-three .widget_block ul li a:hover, .digital-newspaper-title-three .widget_nav_menu ul li a:hover { background-image: linear-gradient(transparent calc(100% - 1px), var(--theme-color-red) 1px); background-size: 100%; } /** Title effect four */ .digital-newspaper-title-four .post-title a, .digital-newspaper-title-four .news-carousel .post-title a, .digital-newspaper-title-four .widget_block ul li a, .digital-newspaper-title-four .widget_nav_menu ul li a { display: inline; background-image: linear-gradient(transparent calc(100% - 20px), var(--theme-color-red) 20px); background-repeat: no-repeat; -webkit-transition: 0.5s ease; transition: 1s ease; background-repeat: no-repeat; background-size: 0; text-decoration: none; } .digital-newspaper-title-four .post-title a:hover, .digital-newspaper-title-four .news-carousel .post-title a:hover, .digital-newspaper-title-four .widget_block ul li a:hover, .digital-newspaper-title-four .widget_nav_menu ul li a:hover { background-size: 100%; } /** Title effect five */ .digital-newspaper-title-five .post-title a, .digital-newspaper-title-five .news-carousel .post-title a, .digital-newspaper-title-five .widget_block ul li a, .digital-newspaper-title-five .widget_nav_menu ul li a { text-decoration: none; background-image: linear-gradient(#222b40, #222b40), linear-gradient( rgb(176, 251, 188), rgb(176, 251, 188) ), linear-gradient(var(--theme-color-red), var(--theme-color-red)); background-size: 0; background-position: calc(20px * -1) 100%, 100% 100%, 0 100%; background-repeat: no-repeat; transition: background-size 1s linear, background-position 1s linear; } .digital-newspaper-title-five .post-title a:hover, .digital-newspaper-title-five .news-carousel .post-title a:hover, .digital-newspaper-title-five .widget_block ul li a:hover, .digital-newspaper-title-five .widget_nav_menu ul li a:hover { background-size: 20px 2px, 0 2px, 100% 2px; background-position: calc(100% + 20px) 100%, 100% 100%, 0 100%; } /* Title effect six */ .digital-newspaper-title-six .banner-layout--two .main-banner-wrap .post-element .post-title a, .digital-newspaper-title-six .post-title a, .digital-newspaper-title-six .widget_block ul li a, .digital-newspaper-title-six .widget_nav_menu ul li a { -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-image: linear-gradient(to right,var(--theme-color-red),var(--theme-color-red) 50%,var(--post-title-color) 50%); background-size: 200% 100%; background-position: 100%; transition: all 0.7s cubic-bezier(0,0,.23,1); word-break: break-word; } .digital-newspaper-title-six .banner-layout--two .main-banner-wrap .post-element .post-title a:hover, .digital-newspaper-title-six .post-title a:hover, .digital-newspaper-title-six .news-carousel .post-title a:hover, .digital-newspaper-title-six .widget_block ul li a:hover, .digital-newspaper-title-six .widget_nav_menu ul li a:hover { background-position: 0%; } .digital-newspaper-title-six .main-banner-wrap .post-element .post-title a, .digital-newspaper-title-six .banner-trailing-posts .post-element .post-title a, .digital-newspaper-title-six .main-banner-grid-posts .post-element .post-title a, .digital-newspaper-title-six .main-banner-list-posts article:first-child .post-title a, .digital-newspaper-title-six .dark_bk .footer-widget .widget.widget_block ul li a, .digital-newspaper-title-six .dark_bk .footer-widget .widget.widget_block ol li a, .digital-newspaper-title-six .dark_bk .widget .post-title a, .digital-newspaper-title-six .news-carousel.layout--two .post-title a { background-image: linear-gradient(to right,var(--theme-color-red),var(--theme-color-red) 50%,var(--white-text) 50%); } /* Title effect seven */ .digital-newspaper-title-seven .post-title a, .digital-newspaper-title-seven .news-carousel .post-title a, .digital-newspaper-title-seven .widget_block ul li a, .digital-newspaper-title-seven .widget_nav_menu ul li a { color: transparent; -webkit-background-clip: text; background-repeat: no-repeat; transition: 0.9s ease-out; background-image: linear-gradient(to bottom, var(--theme-color-red) 45%, var(--post-title-color) 55%); background-size: 100% 220%; background-position: 50% 100%; } .digital-newspaper-title-seven .post-title a:hover, .digital-newspaper-title-seven .news-carousel .post-title a:hover, .digital-newspaper-title-seven .widget_block ul li a:hover, .digital-newspaper-title-seven .widget_nav_menu ul li a:hover { background-position: 50% 0%; color: transparent; } .digital-newspaper-title-seven .banner-layout--five .main-banner-wrap .post-element .post-title a, .digital-newspaper-title-seven .banner-trailing-posts .post-element .post-title a, .digital-newspaper-title-seven .main-banner-grid-posts .post-element .post-title a, .digital-newspaper-title-seven .main-banner-list-posts article:first-child .post-title a, .digital-newspaper-title-seven .dark_bk .footer-widget .widget.widget_block ul li a, .digital-newspaper-title-seven .dark_bk .footer-widget .widget.widget_block ol li a, .digital-newspaper-title-seven .dark_bk .widget .post-title a, .digital-newspaper-title-seven .news-carousel.layout--two .post-title a { background-image: linear-gradient(to bottom, var(--theme-color-red) 45%, var(--white-text) 55%); } /* Title effect eight */ .digital-newspaper-title-eight .post-title a, .digital-newspaper-title-eight .news-carousel .post-title a, .digital-newspaper-title-eight .widget_block ul li a, .digital-newspaper-title-eight .widget_nav_menu ul li a { color: transparent; -webkit-background-clip: text; background-repeat: no-repeat; background-image: linear-gradient(to bottom, var(--theme-color-red), var(--theme-color-red)), linear-gradient(to bottom, var(--post-title-color), var(--post-title-color)); background-size: 0% 100%, 100% 100%; background-position: 0% 50%, 50% 50%; transition: 0.5s background-size ease-out; } .digital-newspaper-title-eight .post-title a:hover, .digital-newspaper-title-eight .news-carousel .post-title a:hover, .digital-newspaper-title-eight .widget_block ul li a:hover, .digital-newspaper-title-eight .widget_nav_menu ul li a:hover { background-size: 100% 100%, 100% 100%; background-position: 100% 50%, 50% 50%; color: transparent; } .digital-newspaper-title-eight .banner-layout--five .main-banner-wrap .post-element .post-title a, .digital-newspaper-title-eight .banner-trailing-posts .post-element .post-title a, .digital-newspaper-title-eight .main-banner-grid-posts .post-element .post-title a, .digital-newspaper-title-eight .main-banner-list-posts article:first-child .post-title a, .digital-newspaper-title-eight .dark_bk .footer-widget .widget.widget_block ul li a, .digital-newspaper-title-eight .dark_bk .footer-widget .widget.widget_block ol li a, .digital-newspaper-title-eight .dark_bk .widget .post-title a, .digital-newspaper-title-eight .news-carousel.layout--two .post-title a { background-image: linear-gradient(to bottom, var(--theme-color-red), var(--theme-color-red)), linear-gradient(to bottom, var(--white-text), var(--white-text)); } /* Title effect nine */ .digital-newspaper-title-nine .post-title a, .digital-newspaper-title-nine .news-carousel .post-title a, .digital-newspaper-title-nine .widget_block ul li a, .digital-newspaper-title-nine .widget_nav_menu ul li a { color: transparent; -webkit-background-clip: text; background-repeat: no-repeat; background-image: linear-gradient(to bottom, var(--theme-color-red), var(--theme-color-red)), linear-gradient(to bottom, var(--post-title-color), var(--post-title-color)); background-size: 0% 100%, 100% 100%; background-position: center; transition: 0.5s ease-out; } .digital-newspaper-title-nine .post-title a:hover, .digital-newspaper-title-nine .news-carousel .post-title a:hover, .digital-newspaper-title-nine .widget_block ul li a:hover, .digital-newspaper-title-nine .widget_nav_menu ul li a:hover { background-size: 100% 100%, 100% 100%; color: transparent; } .digital-newspaper-title-nine .banner-layout--five .main-banner-wrap .post-element .post-title a, .digital-newspaper-title-nine .banner-trailing-posts .post-element .post-title a, .digital-newspaper-title-nine .main-banner-grid-posts .post-element .post-title a, .digital-newspaper-title-nine .main-banner-list-posts article:first-child .post-title a, .digital-newspaper-title-nine .dark_bk .footer-widget .widget.widget_block ul li a, .digital-newspaper-title-nine .dark_bk .footer-widget .widget.widget_block ol li a, .digital-newspaper-title-nine .dark_bk .widget .post-title a, .digital-newspaper-title-nine .news-carousel.layout--two .post-title a { background-image: linear-gradient(to bottom, var(--theme-color-red), var(--theme-color-red)), linear-gradient(to bottom, var(--white-text), var(--white-text)); } /* Title effect ten */ .digital-newspaper-title-ten .post-title a, .digital-newspaper-title-ten .news-carousel .post-title a, .digital-newspaper-title-ten .widget_block ul li a, .digital-newspaper-title-ten .widget_nav_menu ul li a { color: transparent; -webkit-background-clip: text; background-clip: text; background-repeat: no-repeat; transition: 0.5s ease-out; background-image: radial-gradient(closest-side, var(--theme-color-red) 50%, transparent 100%), linear-gradient(to bottom, var(--post-title-color), var(--post-title-color)); background-size: 0% 0%, 100% 100%; background-position: 50% 50%, center; } .digital-newspaper-title-ten .post-title a:hover, .digital-newspaper-title-ten .news-carousel .post-title a:hover, .digital-newspaper-title-ten .widget_block ul li a:hover, .digital-newspaper-title-ten .widget_nav_menu ul li a:hover { background-size: 260% 260%, 100% 100%; color: transparent; } .digital-newspaper-title-ten .banner-layout--five .main-banner-wrap .post-element .post-title a, .digital-newspaper-title-ten .banner-trailing-posts .post-element .post-title a, .digital-newspaper-title-ten .main-banner-grid-posts .post-element .post-title a, .digital-newspaper-title-ten .main-banner-list-posts article:first-child .post-title a, .digital-newspaper-title-ten .dark_bk .footer-widget .widget.widget_block ul li a, .digital-newspaper-title-ten .dark_bk .footer-widget .widget.widget_block ol li a, .digital-newspaper-title-ten .dark_bk .widget .post-title a, .digital-newspaper-title-ten .news-carousel.layout--two .post-title a { background-image: radial-gradient(closest-side, var(--theme-color-red) 50%, transparent 100%), linear-gradient(to bottom, var(--white-text), var(--white-text)); } /* Title effect none */ .digital-newspaper-title-none .post-title a:hover { background-image: none; background-size: 0; } /* ======================================================== 17.0 Archive Layout ======================================================== */ body.right-sidebar #theme-content .secondary-left-sidebar { display: none; } body.left-sidebar #theme-content .secondary-sidebar { display: none; } body.no-sidebar #theme-content .secondary-left-sidebar, body.no-sidebar #theme-content .secondary-sidebar { display: none; } .search-results #theme-content .primary-content .news-list-post-wrap.column--one article:last-child { margin-bottom: 0; padding-bottom: 0; } #theme-content .primary-content article figure{ position: relative; } #theme-content .primary-content article figure img{ display: block; object-fit: cover; } .nav-previous { padding: 5px 0; text-align: left; margin: 8px 2px; } /** 17.1 Archive Layout **/ body.post-layout--one #theme-content .primary-content article figure .post-categories { position: absolute; bottom: 10px; left: 10px; display: flex; flex-wrap: wrap; } body.post-layout--one #theme-content .primary-content article figure .post-categories li { margin-right: 5px; } body.post-layout--one #theme-content .primary-content article .post-element h2{ margin: 0 0 11px 0; font-size: var(--post-title-size); } body.post-layout--one.both-sidebar #theme-content .primary-content article .post-element h2, body.post-layout--one.right-both-sidebar #theme-content .primary-content article .post-element h2, body.post-layout--one.left-both-sidebar #theme-content .primary-content article .post-element h2 { font-size: calc(var(--post-title-size)*0.83); } body.post-layout--one #theme-content .primary-content article .post-element .post-excerpt { margin-top: 8px; } /** 17.2 Archive Layout **/ .ticker-item-wrap .post-date a{ text-decoration: none; } .modified .published { display: none; } .modified .updated { display: inline-block; } @media(max-width: 940px){ a.post-link-button { font-size: var(--readmore-button-font-size-tablet); } a.post-link-button i { font-size: var(--readmore-button-font-size-tablet); } } @media(max-width: 610px){ a.post-link-button { font-size: var(--readmore-button-font-size-smartphone); } a.post-link-button i { font-size: var(--readmore-button-font-size-smartphone); } } a.post-link-button i { font-size: var(--readmore-button-font-size); transition: 0.2s ease-in; padding-left: 5px; vertical-align: middle; } .post-element a.post-link-button { margin: 10px 0 0; display: inline-block; font-family: var(--meta-family); font-weight: 500; font-size: var(--readmore-button-font-size); text-decoration: none; color: var(--post-title-color); } /* post layout one */ body.post-layout--one #theme-content .primary-content article .blaze_box_wrap{ display: flex; align-items: center; margin-bottom: 16px; } body.post-layout--one #theme-content .primary-content article:last-child .blaze_box_wrap { margin-bottom: 0; } body.post-layout--one.single #theme-content .primary-content .post-inner-wrapper > article{ padding-top: 0px; flex-direction: column; } body.post-layout--one #theme-content .primary-content article figure { flex: 0 1 35%; align-self: flex-start; } body.post-layout--one #theme-content .primary-content article .entry-content figure { margin-right: 0px; } body.post-layout--one #theme-content .primary-content .post-element { flex: 0 1 65%; padding: 5px 5px 5px 18px; } .post-layout--one #theme-content figure.no-feat-img { position: relative; padding-bottom: 25%; background: var(--noimg-bk-color); background-position: center; background-size: cover; overflow: hidden; } /* post layout two */ body.post-layout--two #theme-content .primary-content .news-list-wrap { display: flex; flex-wrap: wrap; margin: 0 -8px; } body.post-layout--two #theme-content .primary-content .news-list-wrap .post-title{ font-size: calc(var(--post-title-size)* 0.86); margin: 0 0 10px; } body.post-layout--two.no-sidebar #theme-content .primary-content .news-list-wrap article{ flex: 0 1 33.33%; } body.post-layout--two #theme-content .primary-content .news-list-wrap article{ flex: 0 1 50%; padding: 0 8px; margin-bottom: 16px; display: flex; } body.post-layout--two #theme-content .primary-content .news-list-wrap .post-element { padding: 15px; } body.post-layout--two #theme-content .primary-content .news-list-wrap article figure.post-thumb-wrap { margin: 0px; position: relative; height: auto; } body.post-layout--two #theme-content .primary-content .news-list-wrap article figure .post-categories { position: absolute; bottom: 10px; left: 10px; display: flex; flex-wrap: wrap; } body.post-layout--two #theme-content .primary-content .news-list-wrap article figure .post-categories li { margin-right: 5px; } body.post-layout--two #theme-content figure.no-feat-img { position: relative; padding-bottom: 66.5%; background: var(--noimg-bk-color); background-position: center; background-size: cover; overflow: hidden; } .navigation.posts-navigation { width: 100%; display: block; margin-bottom: 0; } .navigation.posts-navigation a{ text-decoration: none; font-size: 1rem; color: var(--pagination-color); position: relative; } .navigation.posts-navigation .nav-previous a:before, .navigation.posts-navigation .nav-next a:after { font-family: 'Font Awesome 5 Free'; color: var(--pagination-color); font-weight: 900; line-height: 1; transition: 0.2s ease-in; position: absolute; } .navigation.posts-navigation .nav-previous a:before { content: '\f104'; padding-right: 6px; left: 14px; } .navigation.posts-navigation .nav-next a:after { content: '\f105'; padding-left: 6px; right: 14px; } .navigation.posts-navigation .nav-previous a:hover:before { left: 11px; } .navigation.posts-navigation .nav-next a:hover:after { right: 11px; } /* ============================ 18.0 Single Post Layouts ============================ */ body.single #theme-content .primary-content .news-list-wrap article { padding-top: 0px; } .both-sidebar.single h1.entry-title { font-size: 2rem; } body.single.both-sidebar #theme-content .row .primary-content { margin-right: 0px; } body.single #theme-content .row .primary-content .post-thumbnail img { height: 100%; width: auto; object-fit: cover; display: block; } body.single.both-sidebar #theme-content .row .secondary-sidebar { padding-left: 0px; } body.single.both-sidebar #theme-content .primary-content .single-related-posts-wrap article{ flex: 0 1 50%; } body.single #theme-content .primary-content .single-related-posts-wrap article{ flex: 0 1 33.33%; padding: 0 10px; display: flex; flex-direction: column; border-bottom: none; margin-bottom: 20px; } body.single #theme-content .primary-content .single-related-posts-wrap article figure{ margin-right: 0px; } body.single #theme-content .primary-content .single-related-posts-wrap article figure.no-feat-img { position: relative; padding-bottom: 60%; background: var(--noimg-bk-color); background-position: center; background-size: cover; overflow: hidden; width: 100%; } body.single .navigation.post-navigation{ background-color: var(--ticker-outer-bk-color); padding: 30px 20px; margin-bottom: 0; margin-top: 15px; display: block; } body.single .navigation.post-navigation a{ text-decoration: none; color: var(--author-color); } .navigation.post-navigation .nav-subtitle { font-weight: 600; display: block; margin-bottom: 13px; color: var(--theme-color-red); } .navigation.post-navigation .nav-previous { padding: 0; margin: 0; } nav.navigation.post-navigation { display: block; flex: 1 1 100%; } body.single .navigation.post-navigation .nav-previous i { padding-right: 5px; } body.single .navigation.post-navigation .nav-next i { padding-left: 5px; } body.single .navigation.post-navigation .nav-previous, body.single .navigation.post-navigation .nav-next { -webkit-transition: 0.6s ease-out; -moz-transition: 0.6s ease-out; transition: 0.6s ease-out; } body.single .navigation.post-navigation .nav-previous { text-align: right; padding-right: 20px; } body.single .navigation.post-navigation .nav-links > div { border-right: 1px solid #d9d9d9; } body.single .navigation.post-navigation .nav-links > div:last-child { border: none; } body.single .navigation.post-navigation .nav-next { text-align: left; padding-left: 20px; } body.single article a{ text-decoration: none; } body.single .post-inner-wrapper > article.post .post-inner .entry-content a:hover{ text-decoration: underline; } /** comment **/ .logged-in-as a{ color: var(--theme-color-red); text-decoration: none; padding-right: 5px; } .comments-area { margin-top: 20px; margin-bottom: 0px; background-color: var(--single-content-bk-color); padding: 20px; position: relative; } .comments-area h2.comments-title{ font-size: calc( var(--post-title-size)*0.8 ); border-top: 2px solid var(--border-bottom-color); border-bottom: 2px solid var(--border-bottom-color); line-height: 1.5; padding: 10px; background-color: var(--theme-color-red); color: var(--white-text); } .comments-area h2.comments-title span{ font-size: inherit; text-decoration: none; } #respond { padding: 20px; border: 1px solid var(--border-bottom-color); } .single-related-posts-section .related_post_close { display: none; } /* ======================================================== 19.0 Breadcrumb ======================================================== */ .digital-newspaper-breadcrumb-wrap { width: 100%; background: var(--breadcrumb-background-color); margin-bottom: 20px; padding: 15px; } .digital-newspaper-breadcrumb-wrap ul { margin: 0; padding: 0; list-style: none; text-decoration: none; } .digital-newspaper-breadcrumb-wrap ul li a{ color: inherit; text-decoration: none; } .digital-newspaper-breadcrumb-wrap ul li, .digital-newspaper-breadcrumb-wrap ul li a, .digital-newspaper-breadcrumb-wrap ul li a span { display: inline-block; color: var(--breadcrumb-link-color); } .digital-newspaper-breadcrumb-wrap ul li a:hover,.digital-newspaper-breadcrumb-wrap ul li a:hover span{ color: var(--breadcrumb-link-color-hover); } .digital-newspaper-breadcrumb-wrap ul li span { color: var(--breadcrumb-text-color); } .digital_newspaper_dark_mode .digital-newspaper-breadcrumb-wrap ul li span { color: #fff; } .digital-newspaper-breadcrumb-wrap ul li a:after{ color: var(--breadcrumb-link-color); position: relative; margin: 0 5px; content: "\f101"; font-family: 'Font Awesome 5 Free'; padding-left: 7px; padding-right: 2px; margin-left: 0; font-size: 0.6rem; font-weight: 900; } .digital-newspaper-breadcrumb-wrap ul li:last-child a:after{ content: none; } .primary-content .digital-newspaper-breadcrumb-wrap { padding: 15px 20px; } .archive .primary-content .digital-newspaper-breadcrumb-wrap { padding: 15px; } .digital-newspaper-breadcrumb-wrap a{ color: inherit; text-decoration: none; } .archive-description { margin: 15px 0 10px 0; } /* ======================================================== 21.0 Pagination ======================================================== */ .post-layout--one .pagination { margin-top: 16px; } ul.page-numbers { margin-left: 0; list-style: none; padding-left: 0px; margin-bottom: 0; text-align: left; } ul.page-numbers li { display: inline-block; margin: 2px 5px 2px 2px; } .pagination span, .pagination a { text-decoration: none; font-size: 15px; font-weight: 600; padding: 0; text-align: center; border: 0; height: 36px; width: 37px; line-height: 37px; margin: 5px 0; display: block; color: var(--theme-color-red); background-color: var(--pagination-bk-color); -webkit-transition: 0.5s ease; transition: 1s ease; box-shadow: 0px 0px 8px -1px rgb(0 0 0 / 20%); -webkit-box-shadow: 0px 0px 8px -1px rgb(0 0 0 / 20%); -moz-box-shadow: 0px 0px 8px -1px rgba(0,0,0,0.20); } .pagination span.current { background-color: var(--theme-color-red); color: var(--white-text); } .pagination .nav-previous a, .pagination .nav-next a { display: inline; } .pagination .nav-previous a { padding: 12px 20px 12px 30px; } .pagination .nav-next a { padding: 12px 30px 12px 20px; } .pagination .nav-next { padding: 5px 0; margin: 8px 2px; } .pagination .navigation.posts-navigation .nav-previous a:before, .pagination .navigation.posts-navigation .nav-next a:after { top: 16px; } .pagination .page-numbers a:hover { background-color: var(--theme-color-red); color: var(--white-text); } .prev.page-numbers, .next.page-numbers { font-size: 0.8rem; } .pagination .nav-links a { text-transform: capitalize; } /** ======================================================== 22.0 Box Full layouts ======================================================== */ body.site-boxed--layout #page{ margin: 20px 60px; box-shadow: 0 0 15px rgb(0 0 0 / 10%); position: relative; } body.digital_newspaper_dark_mode.site-boxed--layout #page{ background-color: #111111; } @media(max-width: 1025px){ body.site-boxed--layout #page { margin: 15px 30px; } } @media(max-width: 1025px){ body.site-boxed--layout #page { margin: 15px 20px; } } body.digital_newspaper_website_frame_wrap { position: relative; } body.digital_newspaper_website_frame_wrap .digital_newspaper_website_frame { box-shadow: 0 0 100px 100px #fff; position: fixed; pointer-events: none; bottom: 0px; left: 0px; right: 0px; top: 0px; z-index: 999999; display: block; } /* ======================================================== 23.0 Social Icons ========================================================*/ .social-block-widget a.social-icon i { border: 2px solid var(--theme-color-red); font-size: 20px; padding: 8px 10px; background-color: var(--theme-color-red); color: var(--white-text); vertical-align: middle; line-height: 1; margin-right: 5px; border-radius: 3px; display: inline-block; } .social-block-widget a.social-icon i{ font-size: 20px; } .social-block-widget a.social-icon:hover i { color: var(--theme-color-red); background-color: transparent; } /** Default social icon colors **/ /** Instagram **/ .social-block-widget.global-color-icon a.social-icon .fa-instagram, .widget_digital_newspaper_author_info_widget .author-social-networks a.social-item .fa-instagram { background-color: #3f729b; border: 2px solid #3f729b; } .social-block-widget a.social-icon:hover .fa-instagram, .widget_digital_newspaper_author_info_widget .author-social-networks a.social-item:hover .fa-instagram { color: #3f729b; background-color: transparent; } /** Facebook **/ .social-block-widget.global-color-icon a.social-icon .fa-facebook, .social-block-widget.global-color-icon a.social-icon .fa-facebook-f, .widget_digital_newspaper_author_info_widget .author-social-networks a.social-item .fa-facebook-f { background-color: #3b5998; border: 2px solid #3b5998; } .social-block-widget.global-color-icon a.social-icon:hover .fa-facebook, .social-block-widget.global-color-icon a.social-icon:hover .fa-facebook-f, .widget_digital_newspaper_author_info_widget .author-social-networks a.social-item:hover .fa-facebook-f { color: #3b5998; background-color: transparent; } /** pinterest **/ .social-block-widget.global-color-icon a.social-icon .fa-pinterest, .social-block-widget.global-color-icon a.social-icon .fa-pinterest-p { background-color: #bd081c; border: 2px solid #bd081c; } .social-block-widget.global-color-icon a.social-icon:hover .fa-pinterest, .social-block-widget.global-color-icon a.social-icon:hover .fa-pinterest-p { color: #bd081c; background-color: transparent; } /** Linkedin **/ .social-block-widget.global-color-icon a.social-icon .fa-linkedin, .widget_digital_newspaper_author_info_widget .author-social-networks a.social-item .fa-linkedin-in { background-color: #0077b5; border: 2px solid #0077b5; } .social-block-widget.global-color-icon a.social-icon:hover .fa-linkedin, .widget_digital_newspaper_author_info_widget .author-social-networks a.social-item:hover .fa-linkedin-in { color: #0077b5; background-color: transparent; } /** Digg **/ .social-block-widget.global-color-icon a.social-icon .fa-digg { background-color: #000000; border: 2px solid #000000; } .social-block-widget.global-color-icon a.social-icon:hover .fa-digg { color: #000000; background-color: transparent; } /** Dilicious **/ .social-block-widget.global-color-icon a.social-icon .fa-delicious { background-color: #3399ff; border: 2px solid #3399ff; } .social-block-widget.global-color-icon a.social-icon:hover .fa-delicious { color: #3399ff; background-color: transparent; } /** Stumbleupon **/ .social-block-widget.global-color-icon a.social-icon .fa-stumbleupon { background-color: #eb4924; border: 2px solid #eb4924; } .social-block-widget.global-color-icon a.social-icon:hover .fa-stumbleupon { color: #eb4924; background-color: transparent; } /** Tumblr **/ .social-block-widget.global-color-icon a.social-icon .fa-tumblr { background-color: #00405d; border: 2px solid #00405d; } .social-block-widget.global-color-icon a.social-icon:hover .fa-tumblr { color: #00405d; background-color: transparent; } /** Reddit **/ .social-block-widget.global-color-icon a.social-icon .fa-reddit { background-color: #ff4500; border: 2px solid #ff4500; } .social-block-widget.global-color-icon a.social-icon:hover .fa-reddit { color: #ff4500; background-color: transparent; } /** Weibo **/ .social-block-widget.global-color-icon a.social-icon .fa-weibo { background-color: #ce1126; border: 2px solid #ce1126; } .social-block-widget.global-color-icon a.social-icon:hover .fa-weibo { color: #ce1126; background-color: transparent; } /** xing **/ .social-block-widget.global-color-icon a.social-icon .fa-xing { background-color: #026466; border: 2px solid #026466; } .social-block-widget.global-color-icon a.social-icon:hover .fa-xing { color: #026466; background-color: transparent; } /** WhatsApp **/ .social-block-widget.global-color-icon a.social-icon .fa-whatsapp { background-color: #43d854; border: 2px solid #43d854; } .social-block-widget.global-color-icon a.social-icon:hover .fa-whatsapp { color: #43d854; background-color: transparent; } /** Blogger **/ .social-block-widget.global-color-icon a.social-icon .fa-blogger { background-color: #f57d00; border: 2px solid #f57d00; } .social-block-widget.global-color-icon a.social-icon:hover .fa-blogger { color: #f57d00; background-color: transparent; } /** Amazon **/ .social-block-widget.global-color-icon a.social-icon .fa-amazon { background-color: #000000; border: 2px solid #000000; } .social-block-widget.global-color-icon a.social-icon:hover .fa-amazon { color: #000000; background-color: transparent; } /** Yahoo Mail **/ .social-block-widget.global-color-icon a.social-icon .fa-mail { background-color: #410093; border: 2px solid #410093; } .social-block-widget.global-color-icon a.social-icon:hover .fa-mail { color: #410093; background-color: transparent; } /** Newsvine**/ .social-block-widget.global-color-icon a.social-icon .fa-newsvine { background-color: #00b488; border: 2px solid #00b488; } .social-block-widget.global-color-icon a.social-icon:hover .fa-newsvine { color: #00b488; background-color: transparent; } /** Evernote**/ .social-block-widget.global-color-icon a.social-icon .fa-evernote { background-color: #2dbe60; border: 2px solid #2dbe60; } .social-block-widget.global-color-icon a.social-icon:hover .fa-evernote { color: #2dbe60; background-color: transparent; } /** Myspace**/ .social-block-widget.global-color-icon a.social-icon .fa-myspace { background-color: #00405d; border: 2px solid #00405d; } .social-block-widget.global-color-icon a.social-icon:hover .fa-myspace { color: #00405d; background-color: transparent; } /** Viadeo**/ .social-block-widget.global-color-icon a.social-icon .fa-viadeo { background-color: #f07355; border: 2px solid #f07355; } .social-block-widget.global-color-icon a.social-icon:hover .fa-viadeo { color: #f07355; background-color: transparent; } /** Line**/ .social-block-widget.global-color-icon a.social-icon .fa-line { background-color: #00c300; border: 2px solid #00c300; } .social-block-widget.global-color-icon a.social-icon:hover .fa-line { color: #00c300; background-color: transparent; } /** flipboard **/ .social-block-widget.global-color-icon a.social-icon .fa-flipboard { background-color: #e12828; border: 2px solid #e12828; } .social-block-widget.global-color-icon a.social-icon:hover .fa-flipboard { color: #e12828; background-color: transparent; } /** Yummly **/ .social-block-widget.global-color-icon a.social-icon .fa-yummly { background-color: #00405d; border: 2px solid #00405d; } .social-block-widget.global-color-icon a.social-icon:hover .fa-yummly { color: #00405d; background-color: transparent; } /** Viber **/ .social-block-widget.global-color-icon a.social-icon .fa-viber { background-color: #00405d; border: 2px solid #00405d; } .social-block-widget.global-color-icon a.social-icon:hover .fa-viber { color: #00405d; background-color: transparent; } /** Telegram **/ .social-block-widget.global-color-icon a.social-icon .fa-Telegram { background-color: #00405d; border: 2px solid #00405d; } .social-block-widget.global-color-icon a.social-icon:hover .fa-Telegram { color: #00405d; background-color: transparent; } /** Youtube **/ .social-block-widget.global-color-icon a.social-icon .fa-youtube { background-color: #cd201f; border: 2px solid #cd201f; } .social-block-widget.global-color-icon a.social-icon:hover .fa-youtube { color: #cd201f; background-color: transparent; } /** Vimeo **/ .social-block-widget.global-color-icon a.social-icon .fa-vimeo { background-color: #1ab7ea; border: 2px solid #1ab7ea; } .social-block-widget.global-color-icon a.social-icon:hover .fa-vimeo { color: #1ab7ea; background-color: transparent; } /** Fpirsqiare **/ .social-block-widget.global-color-icon a.social-icon .fa-foursquare { background-color: #00405d; border: 2px solid #00405d; } .social-block-widget.global-color-icon a.social-icon:hover .fa-foursquare { color: #00405d; background-color: transparent; } /** Behance **/ .social-block-widget.global-color-icon a.social-icon .fa-behance { background-color: #1769ff; border: 2px solid #1769ff; } .social-block-widget.global-color-icon a.social-icon:hover .fa-behance { color: #1769ff; background-color: transparent; } /** Github **/ .social-block-widget.global-color-icon a.social-icon .fa-github { background-color: #00405d; border: 2px solid #00405d; } .social-block-widget.global-color-icon a.social-icon:hover .fa-github { color: #00405d; background-color: transparent; } /** Skype **/ .social-block-widget.global-color-icon a.social-icon .fa-skype { background-color: #00aff0; border: 2px solid #00aff0; } .social-block-widget.global-color-icon a.social-icon:hover .fa-skype { color: #00aff0; background-color: transparent; } /** Snapchat **/ .social-block-widget.global-color-icon a.social-icon .fa-snapchat { background-color: #fffa37; border: 2px solid #fffa37; } .social-block-widget.global-color-icon a.social-icon:hover .fa-snapchat { color: #fffa37; background-color: transparent; } /** Toktok **/ .social-block-widget.global-color-icon a.social-icon .fa-tiktok { background-color: #000000; border: 2px solid #000000; } .social-block-widget.global-color-icon a.social-icon:hover .fa-tiktok { color: #000000; background-color: transparent; } /** Twitter **/ .social-block-widget.global-color-icon a.social-icon .fa-twitter, .widget_digital_newspaper_author_info_widget .author-social-networks a.social-item .fa-twitter { background-color: #55acee; border: 2px solid #55acee; } .social-block-widget.global-color-icon a.social-icon:hover .fa-twitter, .widget_digital_newspaper_author_info_widget .author-social-networks a.social-item:hover .fa-twitter { color: #55acee; background-color: transparent; } /** vk **/ .social-block-widget.global-color-icon a.social-icon .fa-vk { background-color: #0077ff; border: 2px solid #0077ff; } .social-block-widget.global-color-icon a.social-icon:hover .fa-vk { color: #0077ff; background-color: transparent; } /** social wifi **/ .social-block-widget.global-color-icon a.social-icon .fa-wifi { background-color: #099; border: 2px solid #099; } .social-block-widget.global-color-icon a.social-icon:hover .fa-wifi { color: #099; background-color: transparent; } /* ======================================================== 24.0 LItemode Darkmode ========================================================*/ /* .site-header.layout--default .mode_toggle_wrap { flex: 0 1 2.5%; padding-left: 20px; pointer-events: none; } .mode_toggle { pointer-events: initial; display: block; --size: 1.1rem; appearance: none; outline: none; cursor: pointer; margin-bottom: 3px; width: var(--size); height: var(--size); box-shadow: inset calc(var(--size) * 0.33) calc(var(--size) * -0.25) 0; border-radius: 999px; color: var(--mode-toggle-color); transition: all 500ms; } .mode_toggle:checked { --ray-size: calc(var(--size) * -0.4); --offset-orthogonal: calc(var(--size) * 0.65); --offset-diagonal: calc(var(--size) * 0.45); transform: scale(0.75); color: var(--theme-color-red); box-shadow: inset 0 0 0 var(--size), calc(var(--offset-orthogonal) * -1) 0 0 var(--ray-size), var(--offset-orthogonal) 0 0 var(--ray-size), 0 calc(var(--offset-orthogonal) * -1) 0 var(--ray-size), 0 var(--offset-orthogonal) 0 var(--ray-size), calc(var(--offset-diagonal) * -1) calc(var(--offset-diagonal) * -1) 0 var(--ray-size), var(--offset-diagonal) var(--offset-diagonal) 0 var(--ray-size), calc(var(--offset-diagonal) * -1) var(--offset-diagonal) 0 var(--ray-size), var(--offset-diagonal) calc(var(--offset-diagonal) * -1) 0 var(--ray-size); } .mode_toggle { z-index: 1; } .mode_toggle:hover { color: var(--theme-color-red); } .mode_toggle:checked ~ .background { --bg: white; } */ .blaze-switcher-button { position: fixed; right: 0; top: 50%; z-index: 10; -moz-transform: rotate(90deg); -webkit-transform: rotate(90deg); -o-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); } .blaze-switcher-button .blaze-switcher-button-inner-left { cursor: pointer; border-radius: 1em; } .blaze-switcher-button-inner-left:before, .blaze-switcher-button-inner-left:after { box-sizing: border-box; margin: 0; padding: 0; -webkit-transition: .4s ease-in-out; -moz-transition: .4s ease-in-out; -o-transition: .4s ease-in-out; transition: .4s ease-in-out; outline: none; } .blaze-switcher-button .blaze-switcher-button-inner-left:before { content: "\f185"; font-family: "Font Awesome 5 Free"; font-size: 14px; display: block; color: #666; position: absolute; z-index: 1; margin: 2px; right: 26px; -moz-transform: rotate(-90deg); -webkit-transform: rotate(-90deg); -o-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); background: #fff; border-radius: 50%; padding: 1px 0px 0px 4px; width: 22px; height: 22px; top: 2px; box-shadow: 0px 0px 5px 0px #00000059; } .blaze-switcher-button .blaze-switcher-button-inner-left:after { content: ""; display: inline-block; color: #fff; width: 3.4em; height: 1.9em; -webkit-border-radius: 1em; -moz-border-radius: 1em; border-radius: 1em; vertical-align: middle; background: #0000001a; } .blaze-switcher-button.active .blaze-switcher-button-inner-left:before { right: 4px; content: "\f186"; font-family: "Font Awesome 5 Free"; font-size: 14px; color: #fff; -moz-transform: rotate(-90deg); -webkit-transform: rotate(-90deg); -o-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); background-color: #000; } .blaze-switcher-button.active .blaze-switcher-button-inner-left:after { background-color: #ffffff4d; border: 1px solid rgba(235,235,235,.2); } /* ======================================================== 25.0 Miscellaneous ======================================================== */ .widget_digital_newspaper_banner_ads_widget { background-color: transparent !important; padding: 0 !important; } .news-grid, .news-list { position: relative; } a.view-all-button { position: absolute; top: 10px; right: 10px; z-index: 9; background: var(--theme-color-red); border-radius: 100%; -webkit-transition: 0.6s ease-out; -moz-transition: 0.6s ease-out; transition: 0.6s ease-out; border: none; width: 25px; height: 25px; } .news-filter .viewall_enabled .filter-tab-wrapper { padding-right: 45px; } .news-carousel .viewall_enabled .slick-dots { right: 40px; } body a.view-all-button { border: none; padding: 0; text-decoration: none; } a.view-all-button i { color: var(--white-text); display: block; text-align: center; line-height: 26px; font-size: 0.86rem; padding-left: 2px; -webkit-transition: 0.4s ease-out; -moz-transition: 0.4s ease-out; transition: 0.4s ease-out; } a.view-all-button:hover i { color: var(--white-text); -webkit-transform: rotateZ(360deg); -moz-transform: rotateZ(360deg); transform: rotateZ(360deg); } .archive-description { font-size: 1rem; color: var(--meta-text-color); } footer.entry-footer { clear: both; margin-top: 15px; } /* ======================================================== 26.0 Menu Hover Effect ======================================================== */ .main-navigation.hover-effect--one .menu > li > a:before, .main-navigation.hover-effect--one .nav.menu > li > a:before { position: absolute; left: 75%; right: 75%; height: 2.2px; bottom: 10px; content: ""; background-color: var(--menu-color-hover); transition: 0.5s cubic-bezier(0.68, -0.55, 0.265, 1.55); transform: translate3d(0, 0, 0); } .main-navigation.hover-effect--one .menu > li > a:hover:before, .main-navigation.hover-effect--one .nav.menu > li > a:hover:before { left: 15px; right: 15px; } /* ======================================================== 27.0 Move To Top ======================================================== */ #digital-newspaper-scroll-to-top { position: fixed; bottom: 5px; right: 5px; padding: 8px 20px; z-index: 999999999; display: none; font-size: var(--move-to-top-font-size); color: var(--move-to-top-color); background-color: var(--theme-color-red); } @media(max-width: 940px){ #digital-newspaper-scroll-to-top { font-size: var(--move-to-top-font-size-tablet); } } @media(max-width: 610px){ #digital-newspaper-scroll-to-top { font-size: var(--move-to-top-font-size-smartphone); } } #digital-newspaper-scroll-to-top.align--right { right: 5px; } #digital-newspaper-scroll-to-top.align--left { left: 5px; right: auto; } #digital-newspaper-scroll-to-top.align--center { left: 50%; right: auto; } #digital-newspaper-scroll-to-top.show { display: block; } #digital-newspaper-scroll-to-top:hover { cursor: pointer; color: var(--move-to-top-color-hover); background-color: var(--move-to-top-background-color-hover); } #digital-newspaper-scroll-to-top span, #digital-newspaper-scroll-to-top span i{ font-style: inherit; } #digital-newspaper-scroll-to-top .icon-text { padding-left: 3px; } #digital-newspaper-scroll-to-top.show:hover { border-color: #FD4F18 ; } /* ======================================================== 28.0 404 Page ======================================================== */ .error404 sub { bottom: 0; color: var(--theme-color-red); } .error404 h1.page-title { margin: 5px 0 15px 0; } .error404 #theme-content .row .primary-content { padding: 20px; background: var(--404-error-content-bk-color); } .error404 #theme-content .row .primary-content p{ font-size: var(--post-title-size); text-align: center; color: var(--post-title-color); } .error404 .page-footer { text-align: center; } .error404 #theme-content .button-404 { text-align: center; color: var(--white-text); background-color: var(--theme-color-red); display: inline-block; padding: 10px 20px; text-decoration: none; font-weight: 500; text-transform: uppercase; font-size: var(--post-title-size); } /* ======================================================== 29.0 Stickey Sidebar ======================================================== */ .single.sidebar-sticky #theme-content .row .secondary-sidebar { z-index: 1; } .single.sidebar-sticky #theme-content .primary-content { z-index: 2; } .single.sidebar-sticky #theme-content .row .secondary-sidebar aside{ position: relative; z-index: 999; } .sidebar-sticky .secondary-sidebar, .sidebar-sticky .secondary-left-sidebar, .sidebar-sticky .secondary-sidebar, .sidebar-sticky .primary-content { position: -webkit-sticky!important; position: sticky!important; top: 0; align-self: flex-start; } @media(max-width: 1026px) { .sidebar-sticky .secondary-sidebar, .sidebar-sticky .secondary-left-sidebar, .sidebar-sticky .secondary-sidebar, .sidebar-sticky .primary-content { position: initial!important; } } /* ======================================================== 30.0 Stickey Menu ======================================================== */ .main-header.fixed_header{ position: fixed; z-index: 999; width: 100%; top: 0; left: 0; right: 0; } .admin-bar .main-header.fixed_header{ top: 32px; } .wp-customizer .main-header.fixed_header{ position: relative!important; } .main-header.fixed_header .site-branding .site-title a { font-size: calc(var(--site-title-size)*0.55); } .main-header.fixed_header .site-branding .site-description{ display: none; } .main-header.fixed_header .site-branding-section { padding: 5px 0; } .main-header.fixed_header .site-branding img { width: 70%; } @media screen and (max-width: 584px) { body.admin-bar .main-header.fixed_header{ top: 0px; } } button, input[type="button"], input[type="reset"], input[type="submit"] { background-color: var(--theme-color-red); color: var(--white-text); } .widget_email-subscribers-form form { margin-top: 20px; } .widget_email-subscribers-form input{ width: 100%; } .widget_email-subscribers-form .es_submit_button{ border: none; font-weight: 500; padding-bottom: 9px; text-transform: uppercase; font-family: var(--block-title-family); } #top-header-menu li { display: inline-block; } .dark_bk .digital-newspaper-widget-carousel-posts .slick-prev i, .dark_bk .digital-newspaper-widget-carousel-posts .slick-next i { padding-bottom: 2px; color: #bbb; } body .digital-newspaper-category-no-bk .post-categories .cat-item { background-color: transparent !important; } body.digital_newspaper_dark_mode .digital-newspaper-category-no-bk .post-categories .cat-item a { color: #8a8a8c; } /* 31.0 Box Shadow */ /** box shadow **/ body.home #theme-content .primary-content article .blaze_box_wrap, .post-inner, .single #comments, .digital-newspaper-breadcrumb-wrap, .secondary-sidebar .widget .post-item, .secondary-left-sidebar .widget .post-item, .digital-newspaper-section .primary-content > div .blaze_box_wrap, .full-width-section .row > div .blaze_box_wrap, .bottom-full-width-section .row > div .blaze_box_wrap, .ticker-news-wrap, .banner-layout--two .main-banner-popular-posts article, .single-related-posts-section, .archive.author .digital-newspaper-container.digital-newspaper-author-section .row, .widget.widget_digital_newspaper_social_icons_widget .social-block-widget, .sidebar-toggle .widget .post-item, .digital_newspaper_main_body .banner-layout--two .main-banner-slider .slick-list article, .search .post-inner-wrapper article .blaze_box_wrap, .archive.category .post-inner-wrapper article .blaze_box_wrap, .error404 .primary-content, .banner-layout--five .main-banner-list-posts article:not(:first-child) { box-shadow: var(--box-shadow-inset) var(--horizontal-shadow-offset) var(--vertical-shadow-offset) var(--blur-radius) var(--spread-radus) var(--shadow-color); -webkit-box-shadow: var(--box-shadow-inset) var(--horizontal-shadow-offset) var(--vertical-shadow-offset) var(--blur-radius) var(--spread-radus) var(--shadow-color); -moz-box-shadow: var(--box-shadow-inset) var(--horizontal-shadow-offset) var(--vertical-shadow-offset) var(--blur-radius) var(--spread-radus) var(--shadow-color); } .widget.widget_block, .widget .categories-wrap .post-thumb, .widget_digital_newspaper_author_info_widget .author-wrap, .widget.widget_nav_menu, .widget.widget_meta ul { box-shadow: var(--box-shadow-inset) var(--horizontal-shadow-offset) var(--vertical-shadow-offset) var(--blur-radius) var(--spread-radus) var(--shadow-color); -webkit-box-shadow: var(--box-shadow-inset) var(--horizontal-shadow-offset) var(--vertical-shadow-offset) var(--blur-radius) var(--spread-radus) var(--shadow-color); -moz-box-shadow: var(--box-shadow-inset) var(--horizontal-shadow-offset) var(--vertical-shadow-offset) var(--blur-radius) var(--spread-radus) var(--shadow-color); } .single.single-post #theme-content .primary-content { box-shadow: none; } /* ============================= 33.0 Featured Post is Sticky ============================= */ .archive.category article.sticky-hide { display: none; } .featured-post.is-sticky { position: relative; height: 550px; margin-bottom: 20px; width: 100%; } .featured-post.is-sticky .post-thumb-wrap img { display: block; height: 550px; width: 100%; object-fit: cover; } .featured-post.is-sticky .post-element { position: absolute; bottom: 0; left: 0; width: 100%; background-image: linear-gradient(to top, #1a191969, transparent); padding: 50px 50px 40px; } .featured-post.is-sticky .post-element ul li { margin-right: 5px; } .featured-post.is-sticky .post-element h2 { margin: 25px 0 15px; font-size: calc(var(--post-title-size)*1.6); font-weight: 700; color: var(--white-text); width: 55%; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } .featured-post.is-sticky .post-meta .author_name, .featured-post.is-sticky .post-meta time, .featured-post.is-sticky .post-meta a.author_name:before, .featured-post.is-sticky .post-meta span.post-date:before { color: var(--white-text); } /* ============================= 34.0 Author ============================= */ .archive.author .digital-newspaper-container.digital-newspaper-author-section { margin-bottom: 20px; } .archive.author .digital-newspaper-container.digital-newspaper-author-section .row { padding: 40px 35px; position: relative; background-color: var(--theme-content-bk-color); } .archive.author .digital-newspaper-container.digital-newspaper-author-section img { width: 150px; height: 150px; object-fit: cover; border-radius: 50%; } .archive.author .digital-newspaper-container.digital-newspaper-author-section .author-content { margin-left: 35px; } .archive.author .digital-newspaper-container.digital-newspaper-author-section h2 { font-size: calc(var(--post-title-size)*1.2); } .archive.author .digital-newspaper-container.digital-newspaper-author-section .author-desc { margin: 4px 0 25px; font-size: var(--content-size); font-weight: 500; } .archive.author .digital-newspaper-container.digital-newspaper-author-section .author-social-networks a { color: var(--meta-text-color); margin-right: 16px; font-size: 15px; } @media (max-width: 425px) { body.archive.author #theme-content .digital-newspaper-container.digital-newspaper-author-section .row { flex-direction: column !important; align-items: center; padding: 20px; } .archive.author .digital-newspaper-container.digital-newspaper-author-section .author-content { margin: 10px 0 0; text-align: center; } } /* =========================== 34.0 Content Width Layout =========================== */ .ticker-news-section--full-width--layout .digital-newspaper-container, #main-banner-section.width-full-width--layout .digital-newspaper-container, .full-width-section.width-full-width--layout .digital-newspaper-container, .leftc-rights-section.width-full-width--layout .digital-newspaper-container, .lefts-rightc-section.width-full-width--layout .digital-newspaper-container, .bottom-full-width-section.width-full-width--layout .digital-newspaper-container, .home .site-main.width-full-width--layout .digital-newspaper-container, .search .site-main.width-full-width--layout .digital-newspaper-container, .error404 .site-main.width-full-width--layout .digital-newspaper-container, .single .site-main.width-full-width--layout .digital-newspaper-container, .archive .width-full-width--layout .digital-newspaper-container, .bottom-footer.width-full-width--layout .digital-newspaper-container, .page .site-main.width-full-width--layout .digital-newspaper-container { width: initial; max-width: initial; margin: 0 30px; } .ticker-news-section--full-width--layout .row, #main-banner-section.width-full-width--layout .row, .full-width-section.width-full-width--layout .row, .leftc-rights-section.width-full-width--layout .row, .lefts-rightc-section.width-full-width--layout .row, .bottom-full-width-section.width-full-width--layout .row, .home .site-main.width-full-width--layout .row, .search .site-main.width-full-width--layout .row, .error404 .site-main.width-full-width--layout .row, .single .site-main.width-full-width--layout .row, .archive .width-full-width--layout .row, .bottom-footer.width-full-width--layout .row, .page .site-main.width-full-width--layout .digital-newspaper-container .row { margin: 0; } /* ============================== 35.0 Post blocks hover effect ============================== */ .digital-newspaper-post-blocks-hover--effect-one .digital-newspaper-section .row .primary-content .blaze_box_wrap, .digital-newspaper-post-blocks-hover--effect-one .full-width-section .row > div .blaze_box_wrap, .digital-newspaper-post-blocks-hover--effect-one .bottom-full-width-section .row > div .blaze_box_wrap, .digital-newspaper-post-blocks-hover--effect-one .banner-layout--five .main-banner-list-posts article:not(:first-child), .digital-newspaper-post-blocks-hover--effect-one .widget_digital_newspaper_author_info_widget .author-wrap, .digital-newspaper-post-blocks-hover--effect-one #theme-content article .blaze_box_wrap, .digital-newspaper-post-blocks-hover--effect-one .widget .post-item, .digital-newspaper-post-blocks-hover--effect-one .widget.widget_block, .digital-newspaper-post-blocks-hover--effect-one .widget.widget_digital_newspaper_social_icons_widget .social-block-widget, .digital-newspaper-post-blocks-hover--effect-one .widget.widget_nav_menu, .digital-newspaper-post-blocks-hover--effect-one .widget.widget_meta ul { transition: all .25s cubic-bezier(.02,.01,.47,1); } .digital-newspaper-post-blocks-hover--effect-one .digital-newspaper-section .row .primary-content .blaze_box_wrap:hover, .digital-newspaper-post-blocks-hover--effect-one .full-width-section .row > div .blaze_box_wrap:hover, .digital-newspaper-post-blocks-hover--effect-one .bottom-full-width-section .row > div .blaze_box_wrap:hover, .digital-newspaper-post-blocks-hover--effect-one .banner-layout--five .main-banner-list-posts article:not(:first-child):hover, .digital-newspaper-post-blocks-hover--effect-one .widget_digital_newspaper_author_info_widget .author-wrap:hover, .digital-newspaper-post-blocks-hover--effect-one #theme-content article .blaze_box_wrap:hover, .digital-newspaper-post-blocks-hover--effect-one .widget .post-item:hover, .digital-newspaper-post-blocks-hover--effect-one .widget.widget_block:hover, .digital-newspaper-post-blocks-hover--effect-one .widget.widget_digital_newspaper_social_icons_widget .social-block-widget:hover, .digital-newspaper-post-blocks-hover--effect-one .widget.widget_nav_menu:hover, .digital-newspaper-post-blocks-hover--effect-one .widget.widget_meta ul:hover { box-shadow: -2px 6px 15px 0px rgb(53 52 52 / 20%); -webkit-box-shadow: -2px 6px 15px 0px rgb(53 52 52 / 20%); -moz-box-shadow: -2px 6px 15px 0px rgba(53,52,52,0.75); transform: translateY(-2px); } .post-inner-wrapper.news-list-wrap .pagination { flex: 0 1 100%; padding: 2px 8px; } /* ============================= 33.0 Elementor Compatibility ============================= */ body .nekit-banner-wrap ul.post-categories li.cat-item, body .nekit-filter-widget ul.post-categories li.cat-item, body .nekit-carousel-widget ul.post-categories li.cat-item, body .nekit-block-widget ul.post-categories li.cat-item, body .nekit-full-width-banner-wrap ul.post-categories li.cat-item, body .nekit-list-widget ul.post-categories li.cat-item, body .nekit-grid-widget ul.post-categories li.cat-item, body .nekit-archive-posts-wrap ul.post-categories li.cat-item, body.single .nekit-list-widget ul.post-categories li.cat-item, body.single .nekit-grid-widget ul.post-categories li.cat-item, body.archive .nekit-list-widget ul.post-categories li.cat-item, body.archive .nekit-grid-widget ul.post-categories li.cat-item { background-color: transparent; } body .post, body .page { margin: 0; } /* LIST */ body .nekit-list-widget.nekit-widget-section figure.post-thumb-wrap { flex: initial; } body .nekit-list-widget .post-item .post-element { flex: 1; } body .nekit-list-widget.nekit-widget-section .news-list-post-wrap { margin: 0; } body .nekit-list-widget .news-list-post-wrap .post-item { display: initial; padding: 0; border: none; } body .nekit-list-widget.layout--two .post-title { margin-left: -5rem; } body .nekit-list-widget.nekit-widget-section .news-list-post-wrap { padding: 0; } /* CAROUSEL */ body .news-carousel.layout--three .post-categories { position: initial; } body .nekit-carousel-widget.nekit-widget-section .slick-arrow { width: initial; height: initial; } /* BANNER */ body .nekit-banner-wrap .main-banner-wrap, body .nekit-banner-wrap.banner-layout--two .main-banner-popular-posts { max-width: 100%; } body .nekit-banner-wrap.banner-layout--one .main-banner-tabs, body .nekit-banner-wrap.banner-layout--two .main-banner-popular-posts { background-color: transparent; box-shadow: none; } body .nekit-banner-wrap.banner-layout--one .main-banner-tabs article { padding: 0; margin: 0; border: none; } body #theme-content .nekit-widget-section.nekit-banner-wrap .row, body .nekit-widget-section.nekit-banner-wrap.banner-layout--five .row { display: grid; } body .nekit-banner-wrap .main-banner-wrap .slick-arrow i { padding: 0; border: none; border-radius: 0 } body .nekit-banner-wrap.banner-layout--two .row { background-color: transparent; padding: 0; } body .nekit-banner-wrap.banner-layout--two .slick-prev { right: initial; } body .nekit-banner-wrap.banner-layout--two .main-banner-wrap .post-thumb-wrap a { position: initial; } body .nekit-banner-wrap.main-banner-section .post-element { background-image: initial; } body .nekit-banner-wrap.banner-layout--two .popular-posts-wrap .slick-prev i { padding: 0; } body .nekit-banner-wrap.banner-layout--two .post-categories li { margin: 0; } body .nekit-banner-wrap.banner-layout--two .popular-posts-wrap .post-count { width: initial; height: initial; top: initial; left: initial; border: initial; line-height: initial; } body .nekit-banner-wrap.banner-layout--two .popular-posts-wrap .post-element { padding: 0; } body .nekit-banner-wrap.banner-layout--two .popular-posts-wrap .post-categories a { padding: 0; } body .nekit-banner-wrap.banner-layout--three .main-banner-block-posts { margin: 0; padding: 0; } body .nekit-banner-wrap.banner-layout--three .main-banner-wrap, body .nekit-banner-wrap.banner-layout--three .main-banner-block-posts article { margin: 0; } body .nekit-banner-wrap.banner-layout--three .slick-list article, body .nekit-banner-wrap.banner-layout--three .slick-list article .post-thumb, body .nekit-banner-wrap.banner-layout--three .slick-list article .post-thumb img { height: initial; } body .nekit-banner-wrap.main-banner-section .post-thumb-wrap, body .nekit-banner-wrap.main-banner-section .post-thumb { padding-bottom: initial; } body .nekit-banner-wrap.banner-layout--four .main-banner-block-posts { padding-left: initial; height: initial; margin: initial; } body .nekit-banner-wrap.banner-layout--four .main-banner-wrap { margin-bottom: initial; } body .nekit-banner-wrap.banner-layout--four .main-banner-block-posts article { margin-bottom: initial; } body .nekit-banner-wrap.banner-layout--four .main-banner-wrap .post-item { height: initial; } body .nekit-banner-wrap.banner-layout--five .main-banner-wrap { max-width: initial; order: initial; } body .nekit-banner-wrap.banner-layout--five .main-banner-wrap .main-banner-slider { height: initial; } @media (max-width: 500px) { body .nekit-banner-wrap .main-banner-wrap .post-excerpt { display: block; } } body .nekit-item-box-wrap a { text-decoration: none; } body .nekit-archive-posts-wrap .nav-previous, body .nekit-archive-posts-wrap .nav-next { padding: 0; } body .nekit-archive-posts-wrap .posts-navigation .nav-links a:after { content: none; } /* SINGLE */ body .nekit-single-related-post .single-related-posts-wrap { margin: 0; } /* VIDEO PLAYLIST */ @media (max-width: 610px) { .nekit-video-playlist-wrap.widget-layout--one .playlist-items-wrap { height: 222px; } } /* CAROUSEL */ body .nekit-carousel-widget .news-carousel { margin: 0; } /* ARCHIVE */ body .nekit-archive-posts-wrap .navigation.posts-navigation .nav-links a:before { content: none; } /* TEXT ANIMATION */ body .elementor-widget-container .custom-animation--one a:hover { background-size: 100%; } body .elementor-widget-container .post-title.custom-animation--two a { background-size: 200% 100%; } /* Slider loader **/ .main-banner-slider:not(.slick-initialized){ visibility: hidden; position: relative; height: 350px; } .main-banner-slider:not(.slick-initialized):before{ visibility: visible; position: absolute; height: 430px; content: url(../images/loader/loader_one.gif); vertical-align: middle; background-size: 40px; width: 100%; text-align: center; background-color: rgba(0,0,0,0.15); vertical-align: middle; display: flex; align-items: center; text-align: center; justify-content: center; border-radius: 15px; } /** category banner **/ body.single .elementor-widget-nekit-archive-posts .post-categories .cat-item { background-color: transparent; } body .elementor-element .post-categories .cat-item:hover, body .elementor-element .post-categories .cat-item:hover a { background-color: transparent; } body .elementor-element .news-carousel.layout--three .post-categories { text-align: inherit; } body .elementor-element .post-meta span { padding-right: initial; }