OwlCyberSecurity - MANAGER
Edit File: main.css
/** 1.0 Normalize 2.0 Header 3.0 Ticker 4.0 Banner Slider 4.1 Banner Layout One 4.2 Banner Layout Two 4.3 Banner Layout Three 4.4 Banner Layout Four 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.1 Grid Layout One 9.2 Grid Layout Two 9.3 Grid Layout Three 9.4 Grid Layout Four 10.0 List Layout 10.1 List Layout One 10.2 List Layout Two 11.3 List Layout Three 11.4 List Layout Four 11.0 Carousel Layout 11.1 Carousel Layout One 11.2 Carousel Layout Two 11.3 Carousel Layout Three 11.4 Carousel Layout Four 12.0 Filter Layout 12.1 Filter Layout One 12.2 Filter Layout Two 11.3 Filter Layout Three 11.4 Filter Layout Four 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 32.0 Featured Post is Sticky 33.0 Elementor Compatibility **/ /*1.0 Normalize */ :root { /* presets */ --newsmatic-global-preset-color-1: #c2113c; --newsmatic-global-preset-color-2: #289dcc; --newsmatic-global-preset-color-3: #d95f3d; --newsmatic-global-preset-color-4: #000000; --newsmatic-global-preset-color-5: #545454; --newsmatic-global-preset-color-6: #333333; --newsmatic-global-preset-gradient-color-1: linear-gradient(90deg, #66ffff 0%, #ff9999 100%); --newsmatic-global-preset-gradient-color-2: linear-gradient(90deg, #009FFF 0%, #ec2F4B 100%); --newsmatic-global-preset-gradient-color-3: linear-gradient(90deg, #FF5F6D 0%, #FFC371 100%); --newsmatic-global-preset-gradient-color-4: linear-gradient(90deg, #ffffcc 0%, #ff9999 100%); --newsmatic-global-preset-gradient-color-5: linear-gradient(90deg, #ff4b1f 0%, #1fddff 100%); --newsmatic-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: #1b8415; --top-header-border-btm-c: #E8E8E8; --top-header-dt-color: #fff; /* 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: #1b8415; --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; /* 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; --post-title-color: #000000; --post-content-color: #505050; --post-meta-color: #8A8A8C; --theme-color-red: #1B8415; --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: 1px; --mobile-menu-bk-color: #f8f8f8; --mobile-menu-border-btm-color: #e8e8e8; --text-background-color: #fff; --horizontal-shadow-offset: 0; --vertical-shadow-offset: 2px; --blur-radius: 4px; --spread-radus: 0; --shadow-color: rgb(0 0 0 / 8%); /** 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; /** Site description font */ --site-tagline-size: 16px; --site-tagline-size-tab: 16px; --site-tagline-size-mobile: 16px; --site-tagline-family: 'Roboto'; --site-tagline-lineheight: 22px; --site-tagline-lineheight-tab: 22px; --site-tagline-lineheight-mobile: 22px; --site-tagline-letterspacing: 0; --site-tagline-letterspacing-tab: 0; --site-tagline-letterspacing-mobile: 0; --site-tagline-textdecoration: 'none'; --site-tagline-texttransform: 'unset'; --site-tagline-weight: 300; /** Block Title Font */ --block-title-size: 26px; --block-title-size-tab: 26px; --block-title-size-mobile: 25px; --block-title-family: 'Roboto', sans-serif; --block-title-lineheight: 32px; --block-title-lineheight-tab: 32px; --block-title-lineheight-mobile: 32px; --block-title-letterspacing: 0; --block-title-letterspacing-tab: 0; --block-title-letterspacing-mobile: 0; --block-title-textdecoration: 'none'; --block-title-texttransform: 'capitalize'; --block-title-weight: 700; /** Post Title Font */ --post-title-size: 22px; --post-title-size-tab: 20px; --post-title-size-mobile: 19px; --post-title-family: 'Roboto', 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: 500; /** 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: 500; /** Content Font */ --content-size: 15px; --content-size-tab: 15px; --content-size-mobile: 15px; --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: 'Roboto', 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: uppercase; --menu-color: #000; --menu-color-hover: #1B8415; --menu-weight: 700; --menu-color-active: #1B8415; --menu-color-submenu: #000000; --menu-color-submenu-hover: #1B8415; /* Submenu */ --submenu-size: 15px; --submenu-size-tab: 15px; --submenu-size-mobile: 15px; --submenu-family: 'Roboto', 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: uppercase; /** Single Post */ --single-title-size: 34px; --single-title-size-tab: 32px; --single-title-size-mobile: 30px; --single-title-family: 'Roboto', 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: #1B8415; --move-to-top-background-color-hover: #1B8415; --move-to-top-border-color: #1B8415; --move-to-top-border-color-hover: #1B8415; --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: 35px; --header-padding-tablet: 30px; --header-padding-smartphone: 30px; /** Top Header **/ --top-header-menu-color: #525252; --top-header-menu-color-hover: #000; --top-header-social-color: #525252; --top-header-social-color-hover: #000; /* Newsletter and Random news */ --header-letter-random-color: #525252; /** Sidebar Toggle color */ --sidebar-toggle-color: #000; --sidebar-toggle-color-hover: #1B8415; /** NewsLetter color */ --newsletter-color: #525252; --newsletter-color-hover: #1B8415; /** Random News color */ --random-news-color: #525252; --random-news-color-hover: #1B8415; /** Search color */ --search-color: #000000; --search-color-hover: #1B8415; --website-frame-color: #d95f3d; /** Custom button **/ --custom-btn-color: #ffffff; --custom-btn-color-hover: #ffffff; /** Footer Text color **/ --footer-text-color: #ffffff; --footer-text-color-hover: #d95f3d; /** bottom text color **/ --footer-bottom-text-color: #8A8A8C; --footer-bottom-link-color: #878787; --footer-bottom-link-color-hover: #f9f9f9; --footer-bottom-author-color: #c5c5c5; --live-search-color: #555; --live-search-bk-color: #fff; } .newsmatic_dark_mode { --main-bk-color: #000; --top-header-bk-color: #000; --top-header-menu-color: #fff; --top-header-menu-color-hover: #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: #282727; --text-background-color: #282727; --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: #000; --archive-content-bk-color: #000; --single-content-bk-color: #000; --search-content-bk-color: #000; --full-width-section-bk-color: #222222; --leftc-rights-section-bk-color: #222222; --lefts-rightc-section-bk-color: #222222; --full-width-bottom-section-bk-color: #222222; --full-width-content-bk-color: #000000; --leftc-rights-content-bk-color: #000000; --lefts-rightc-content-bk-color: #000000; --full-width-bottom-content-bk-color: #000000; --theme-section-bk-color: #545454; --theme-content-bk-color: #000000; --border-bottom-color: #525252; --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; --post-title-color: #f3f3f3; --post-content-color: #505050; --post-meta-color: #c3c3c3; --theme-color-red: #1B8415; --dark-bk-color: #1a1a1a; --inner-container-bk: #222222; --website-frame-color: #d95f3d; /** Breadcrumb Options */ --breadcrumb-background-color: #191919; --breadcrumb-link-color:#ffffff; --breadcrumb-link-color-hover:#f0f0f0; --breadcrumb-text-color: #fff; --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.newsmatic_dark_mode { background: #131313; } figure { margin: 0px; } .post-thumb img { display: block; } body.page, body.post { margin: 0; } .newsmatic-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; } .newsmatic-container-fluid .row { padding: 0 2rem; } .newsmatic-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{ padding-bottom: 23%; background: var(--noimg-bk-color); background-position: center; background-size: cover; overflow: hidden; min-height: 165px; } article { overflow: hidden; } .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) { .newsmatic-container-fluid .row { padding: 0 0.5rem; } } @media (min-width: 576px) { .newsmatic-container { max-width: 540px; } } @media (min-width: 676px) { .newsmatic-container { max-width: 620px; } } @media (min-width: 768px) { .newsmatic-container { max-width: 720px; } } @media (min-width: 868px) { .newsmatic-container { max-width: 820px; } .newsmatic-container { padding-right: var(--bs-gutter-x, 1rem); padding-left: var(--bs-gutter-x, 1rem); } } @media (min-width: 992px) { .newsmatic-container { max-width: 960px; } } @media (min-width: 1086px) { .newsmatic-container { max-width: 1060px; } } @media (min-width: 1200px) { .newsmatic-container { max-width: 1140px; } } @media (min-width: 1300px) { .newsmatic-container { max-width: 1240px; } } @media (min-width: 1400px) { .newsmatic-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.newsmatic-block-title, h2.newsmatic-widget-title, h2.widget-title { border-bottom: 2px solid var(--border-bottom-color); display: block; margin-top: 0; margin-bottom: 20px; color: var(--block-title-color); padding-bottom: 6px; font-size: calc(var(--block-title-size)*0.9); 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.newsmatic-block-title span, h2.newsmatic-widget-title span, h2.widget-title span { position: relative; } h2.newsmatic-block-title span::after, h2.newsmatic-widget-title span::after, h2.widget-title span:after { content: ''; width: 100%; height: 2px; background: linear-gradient(176deg,var(--theme-color-red),transparent); position: absolute; left: 0; bottom: -10px; } h2.newsmatic-block-title span sub, h2.newsmatic-widget-title span sub { font-size: inherit; position: initial; } a.post-link-button i{ padding-left: 5px; vertical-align: middle; } .post-element a.post-link-button:hover, .post-element a.post-link-button:hover i { color: var(--theme-color-red); } .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: capitalize; text-decoration: var(--meta-textdecoration); } .post-meta a{ text-decoration: none; } .post-meta .author_name { color: var(--meta-text-color); font-weight: 500; padding-right: 7px; 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); } #theme-content { padding: 10px 0; } .home.blog #theme-content .widget { background: var(--archive-content-bk-color); } .single #theme-content { background: transparent; } #theme-content .row { display: flex; } .no-sidebar #theme-content .row { display: grid; } body.both-sidebar #theme-content .row .secondary-left-sidebar{ flex: 0 1 25%; margin-right: 20px; max-width: 25%; } body.both-sidebar #theme-content .row .secondary-sidebar { flex: 0 1 25%; margin-left: 20px; padding: 0; max-width: 25%; } 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 { background: var(--archive-content-bk-color); } body.post-layout--two #theme-content .row .primary-content { padding: 20px 10px; } body.post-layout--two #theme-content .pagination { padding: 0 10px; } .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.1 Header One 2.2 Header Two 2.3 Responsive ========================================= */ header.site-header { padding-bottom: 10px; } #wp-custom-header img { width: 100%; display: block; } .menu-item-description { font-size: 8.5px; padding: 2px 4px 4px 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: -1px; margin: 0 3px; font-weight: 700; display: inline-table; word-break: keep-all; overflow-wrap: unset; width: max-content; letter-spacing: 0.3px; z-index: 9; } .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); } .newsmatic_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; } .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); align-items: center; line-height: 14px; } .site-header.layout--default .top-date-time .time { padding-left: 10px; } /* 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: 85%; } .site-header.layout--default .top-ticker-news .slick-list li { margin: 13px 0; text-align: right; position: relative; } .site-header.layout--default .top-ticker-news .slick-list li a { text-decoration: none; color: var(--white-text); 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; } /* Top Header Nav */ .top-header .top-nav-menu { flex: 1 1 70%; } .top-header .top-nav-menu ul { padding: 0; margin: 0; text-align: right; } .top-header .top-nav-menu ul li { display: inline-block; padding-left: 10px; font-family: var(--menu-family); font-size: 14px; font-weight: 500; } .top-header .top-nav-menu ul li a { color: var(--white-text); text-decoration: none; } /* Social Icons */ .site-header.layout--default .social-icons-wrap { flex: 0 1 25%; } .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 .social-icons-wrap .social-icon:hover{ color: var(--top-header-social-color-hover); } .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; line-height: 1; } .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; } /* Site Title */ .site-header.layout--default .main-header .site-branding-section .site-branding { flex: 0 1 50%; text-align: center; } .newsmatic_dark_mode .site-branding .site-title a { color: #fff; } /* Newslettter and Random News */ .site-header.layout--one .header-right-button-wrap { flex: 0 1 25%; text-align: end; padding: 0 5px; } .site-header.layout--default .header-right-button-wrap > div { display: inline-block; padding-left: 15px; } .site-header.layout--default .header-right-button-wrap > div:first-child { padding-left: 0; } .site-header.layout--default .header-right-button-wrap > div a { text-decoration: none; } .site-header.layout--default .header-right-button-wrap .title-icon i { padding-right: 6px; } .site-header.layout--default .header-right-button-wrap span.title-text { font-family: var(--menu-family); font-weight: var(--menu-weight); font-size: calc(var(--menu-size)*0.92); text-transform: uppercase; } .site-header.layout--default .order--social-logo-buttons .social-icons-wrap, .site-header.layout--default .order--social-logo-buttons .site-branding { flex: 0 1 25%; } .site-header.layout--default .main-header.order--social-logo-buttons .site-branding { flex: 0 1 50%; } @media (max-width: 320px) { .site-header.layout--one .header-right-button-wrap { text-align: center; } } /* Newsletter popup */ .site-header .newsletter-element { position: relative; } .site-header .modal-content h2{ margin-top: 5px; } .site-header .modal-content::-webkit-scrollbar { width: 7px; } .site-header .modal-content::-webkit-scrollbar-thumb { background-color: var(--theme-color-red); border-radius: 20px; } .site-header .modal-content::-webkit-scrollbar-track { box-shadow: inset 0 0 5px var(--theme-color-red); border-radius: 10px; } .after-header.header-layout-banner-two .ads-banner img{ width: 100%; height: auto; display: block; } .site-title a { text-decoration: none; } /** Menu Section **/ .site-header.layout--default .menu-section { background-color: var(--menu-bk-color); } .site-header.layout--default .menu-section .row { height: auto; align-items: center; display: flex; border-top: 3px solid var(--menu-border-top-color); } .site-header.layout--default .sidebar-toggle-wrap { flex: 1; padding: 0 5px; } .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(--search-color-hover); } .site-header.layout--default .search-form-wrap.hide { display: none; } .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: 3px 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 { cursor: pointer; } /* Search toggle */ /* The container of the hamburger lines */ .search-wrap .search-trigger:hover{ cursor: pointer; } .newsmatic_sidetoggle_menu_burger{ display:flex; align-items:center; flex-direction:column; cursor:pointer; } .newsmatic_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; } .newsmatic_sidetoggle_menu_burger:hover span, .sidebar-toggle-trigger.slideshow .newsmatic_sidetoggle_menu_burger span{ background-color: var(--sidebar-toggle-color-hover); } .sidebar-toggle-trigger.slideshow .newsmatic_sidetoggle_menu_burger span:nth-child(1) { transform: rotate(45deg) translate(1px, -1px); } .sidebar-toggle-trigger.slideshow .newsmatic_sidetoggle_menu_burger span:nth-child(2) { transform: scaleX(0); } .sidebar-toggle-trigger.slideshow .newsmatic_sidetoggle_menu_burger span:nth-child(3) { transform: rotate(-45deg) translate(1px, 0); } @media(max-width: 450px){ .site-header.layout--default .search-form-wrap { position: absolute; width: 300px; height: auto; padding: 10px 5px; right: -25px; } .site-header.layout--default .search-submit { margin-top: 5px; } } @media(max-width: 305px){ .site-header.layout--default .search-form-wrap { width: 200px; } } /* live Search */ .search-form-wrap form { display: flex; } .search-form-wrap form label { width: 100%; margin-right: 10px; position: relative; } .search-form-wrap form .search-field { width: 100%; outline: none; } .search-results-wrap { padding: 15px 3px 0; } .search-form-wrap .search-posts-wrap { max-height: 600px; overflow-y: scroll; padding-right: 8px; } .search-results-wrap .article-item { display: flex; padding: 10px 0; border-bottom: 1px solid var(--border-bottom-color); } .search-results-wrap .article-item:last-child { border-bottom: none; padding-bottom: 0; } .search-results-wrap .article-item .post-thumb-wrap { flex: 0 1 20%; margin-right: 15px; } .search-results-wrap .article-item .post-thumb-wrap img { display: block; } .search-results-wrap .article-item .post-element { flex: 0 1 80%; } .search-results-wrap .article-item .post-element .post-title { margin: 0 0 6px; line-height: 22px; font-size: calc(var(--post-title-size) * 0.68); } .search-results-wrap .article-item .post-element .post-date a { text-decoration: none; } .search-results-wrap span.post-date:before { color: var(--meta-text-color); 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; } .search-results-wrap span 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); } .search-form-wrap .search-posts-wrap::-webkit-scrollbar { width: 4px; } .search-form-wrap .search-posts-wrap::-webkit-scrollbar-thumb { background-color: var(--theme-color-red); border-radius: 20px; } .search-form.retrieving-posts label:before { content: '\f110'; font-family: 'Font Awesome 5 Free'; font-weight: 600; display: inline-block; color: var(--live-search-color); background: var(--live-search-bk-color); position: absolute; right: 5px; border-radius: 50%; top: 6px; font-size: 1.1rem; -webkit-animation: tie-spin 3s infinite linear; animation: tie-spin 3s infinite linear; } @keyframes tie-spin { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } .search-results-wrap.no-posts-found h2 { margin: 0; font-size: 1.3rem; } .search-results-wrap.no-posts-found p { margin: 8px 0 0; } .newsmatic_dark_mode .search-form-wrap form .search-field { background: #27272b; border-color: #343434; color: var(--white-text); outline: 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; } .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: var(--menu-size); line-height: var(--menu-lineheight); letter-spacing: var(--menu-letterspacing); text-transform: var(--menu-texttransform); text-decoration: var(--menu-textdecoration); } .newsmatic_dark_mode .main-navigation .menu li a, .newsmatic_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(--menu-color-hover); } .main-navigation .menu li a:hover, .main-navigation .nav.menu li a:hover{ color: var(--menu-color-hover); } .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:after, .main-navigation ul.nav-menu ul li a:after { color: var(--menu-color); } .main-navigation ul.menu ul li a:hover, .main-navigation ul.nav-menu ul li a:hover { color: var(--menu-color); } .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; 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%; } /* 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; } @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); } } #newsmatic_menu_burger span{ background-color: #525252; } @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; } .top-header .top-nav-menu ul { text-align: center; padding: 8px 0; } .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; } #newsmatic_menu_burger{ display:flex; align-items:center; flex-direction:column; cursor:pointer; } #newsmatic_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 #newsmatic_menu_burger span:nth-child(1) { transform: rotate(45deg) translate(1px, -1px); } .main-navigation.toggled #newsmatic_menu_burger span:nth-child(2) { Transform: scaleX(0); } .main-navigation.toggled #newsmatic_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; } .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%; 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); } } /* @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); } } @media (max-width: 768px){ .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 .main-header .site-description { margin: 0; padding: 8px 5px 0; font-family: var(--site-tagline-family); font-weight: var(--site-tagline-weight); font-size: var(--site-tagline-size); line-height: var(--site-tagline-lineheight); letter-spacing: var(--site-tagline-letterspacing); text-decoration: var(--site-tagline-textdecoration); text-transform: var(--site-tagline-texttransform); } .site-header.layout--default .newsletter-element a { color: var(--newsletter-color); } .site-header.layout--default .newsletter-element a:hover { color: var(--theme-color-red); } .site-header.layout--default .random-news-element a { color: var(--random-news-color); } .site-header.layout--default .random-news-element a:hover { color: var(--theme-color-red); } /*** sidebar Toggle **/ body.bodynoscroll { position: fixed; width: 100%; overflow-y: scroll; } .body_show_sidetoggle .newsmatic_ovelay_div, .newsletter-popup-active .newsmatic_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 .newsmatic_ovelay_div:hover, .newsletter-popup-active .newsmatic_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); } .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 .newsmatic-container { padding: 5px 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 .menu-section .sidebar-toggle .row{ height: initial; align-items: initial; display: initial; } .sidebar-toggle .newsmatic-container::-webkit-scrollbar { width: 4px; } .sidebar-toggle .newsmatic-container::-webkit-scrollbar-thumb { background-color: var(--theme-color-red); border-radius: 20px; } /** new feature newsmatic-version-2 **/ .menu-section .newsmatic-container .row { position: relative; } .header-custom-button { position: absolute; right: 0; top: -26px; padding: 3px 8px; font-size: 13px; color: #fff; border-radius: 3px 3px 0 0; text-decoration: none; font-weight: 500; } .header-custom-button .ticker_label_title_string, .header-custom-button .icon { color: var(--custom-btn-color); } .header-custom-button:hover .ticker_label_title_string, .header-custom-button:hover .icon { color: var(--custom-btn-color-hover); } .header-custom-button .ticker_label_title_string { padding-left: 3px; } .header-custom-button .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; } } .site-header.layout--one .order--buttons-logo-social .social-icons-wrap { order: 3; text-align: right; } .site-header.layout--one .order--buttons-logo-social .site-branding { order: 2; } .site-header.layout--one .order--buttons-logo-social .header-right-button-wrap{ order: 1; text-align: left; } .order--buttons-logo-social .header-custom-button { left: 0; right: auto; } /* ========================================= 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.icon { margin-right: 10px; } /** Ticker One **/ .newsmatic-ticker-box { height: auto; overflow: hidden; flex: 1 1 85%; } .ticker-news-wrap { margin: 10px 0; padding: 10px; background-color: var(--inner-container-bk); } .ticker-item-wrap { list-style: none; margin: 0; } .ticker-item-wrap .feature_image img { display: block; } .newsmatic-ticker-controls button:hover { cursor: pointer; } .ticker_label_title { position: relative; } /** Ticker Two **/ .ticker-news-wrap.layout--two .ticker_label_title { font-size: 18px; font-weight: 500; text-transform: uppercase; background-color: var(--theme-color-red); color: var(--white-text); text-align: center; padding: 12px; margin-right: 0; line-height: 35px; min-height: 60px; flex: 0 0 12%; font-weight: 600; position: relative; } .ticker-news-wrap.layout--two .ticker_label_title:after { content: ''; position: absolute; top: 34%; right: -9px; border-width: 10px 0 10px 10px; border-style: solid; z-index: 9; border-color: transparent transparent transparent var(--theme-color-red); } .ticker-news-wrap.layout--two { width: 100%; height: auto; display: flex; align-items: center; } .ticker-news-wrap.layout--two .ticker-item { position: relative; float: left; clear: none; display: inline-block; } .ticker-news-wrap.layout--two .newsmatic-ticker-box { background-color: var(--ticker-inner-bk-color); padding: 5px 0; max-height: 61px; } .ticker-news-wrap.layout--two .newsmatic-ticker-box ul li { float: left; align-items: flex-start; display: flex!important; margin-right: 30px; } .ticker-news-wrap.layout--two .ticker-item .feature_image{ max-width: 75px; height: 50px; margin-right: 20px; } .ticker-news-wrap.layout--two .title-wrap { display: flex; flex-direction: column; } .ticker-news-wrap.layout--two .ticker-item h2.post-title{ font-size: calc(var(--post-title-size) * 0.73); font-family: var(--post-title-family); margin-bottom: 2px; margin-top: 2px; display: inline-block; float: left; } .ticker-news-wrap.layout--two .ticker-item h2.post-title a{ color: inherit; text-decoration: none; font-weight: inherit; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } .ticker-news-wrap.layout--two .newsmatic-ticker-controls button { background-color: var(--theme-color-red); border: none; height: 60px; border-radius: 0; } .ticker-news-wrap.layout--two .newsmatic-ticker-controls button i { color: var(--white-text); } /* ========================================= 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, .header-right-button-wrap .fas.fa-ban, .post-link-button .fas.fa-ban { display: none; } .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; } .post_slider_template_one .post-meta .post-date time { color: var(--white-text); } .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; opacity: .8; visibility: hidden; } .main-banner-wrap .slick-arrow i { padding: 9px 12px; border: 1px solid #fff; border-radius: 2px; } .main-banner-wrap .main-banner-slider:hover .slick-arrow { visibility: visible; } .main-banner-wrap .slick-arrow:hover { cursor: pointer; opacity: 1; } .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: 10px 0; } @media (max-width: 500px) { .main-banner-wrap .post-element .post-excerpt { display: none; } .banner-layout--four .main-banner-slider .post-title { font-size: 1.6rem; line-height: 30px; } } /** BannerTwo **/ figure.post-thumb-wrap { margin: 0px; } .main-banner-wrap article.slide-item { position: relative; } .popular-posts-wrap .slick-prev { position: absolute; top: -10px; right: 55px; background-color: transparent; border-radius: 1px; } .newsmatic_vertical_slider .popular-posts-wrap .slick-prev { right: 60px; } .popular-posts-wrap .slick-next { position: absolute; top: -10px; right: 20px; background-color: transparent; border-radius: 1px; } .popular-posts-wrap .slick-prev i { padding-bottom: 2px; } .popular-posts-wrap .slick-arrow{ cursor: pointer; } .newsmatic_vertical_slider .popular-posts-wrap .slick-arrow { transform-origin: 0 0; transform: rotate(270deg); padding: 7px; text-align: center; padding-top: 9px; color: var(--body-text-default-color); } .popular-posts-wrap .slick-track article { display: flex; align-items: center; padding: 12px 1px; height: 114px; } .popular-posts-wrap .slick-track article figure.post-thumb{ flex: 0 1 32%; position: relative; height: 100%; } .popular-posts-wrap .slick-track article .post-element { flex: 0 1 68%; padding-left: 20px; } .widget .post-element .post-categories a { color: var(--theme-color-red); font-size: calc( var(--meta-size) * 0.86 ); } .post-thumb .post-count{ position: absolute; color: var(--white-text); background-color: var(--theme-color-red); width: 30px; height: 30px; border-radius: 50%; top: -12px; left: 15px; line-height: 1; font-size: 0.9rem; font-weight: 500; text-align: center; padding: 6px 7px 7px; border: 2px solid var(--white-text); z-index: 9999; } .popular-posts-wrap .post-title { margin: 0px; padding-top: 5px; font-size: calc(var(--post-title-size)*0.75); line-height: 1.5; text-decoration: none; color: var(--post-title-color); overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } .popular-posts-wrap .post-title a{ text-decoration: none; color: inherit; } .popular-posts-wrap .post-meta { margin-top: 5px; font-size: 0.9rem; } .widget .newsmatic_horizontal_slider .popular-posts-wrap .slick-list .slick-track { display: block; } /* ========================================= 4.4 Banner Layout Four ========================================= */ .banner-layout--four .row:first-child { display: grid; grid-template-columns: 50%50%; } .banner-layout--four .main-banner-wrap { padding-right: 4px; margin-bottom: 8px; } .banner-layout--four .main-banner-wrap .slick-list article, .banner-layout--four .main-banner-wrap .slick-list .post-thumb { height: 430px; overflow: hidden; } .banner-layout--four .main-banner-wrap .no-feat-img .post-thumb { background-color: var(--noimg-bk-color); } .banner-layout--four img { width: 100%; object-fit: cover; height: 100%; } .banner-layout--four .post-categories li { margin-right: 5px; } /*.banner-layout--four .post-categories li a { padding: 3px 7px 2px; }*/ .banner-layout--four .post-meta .post-date time, .banner-layout--four .post-meta span.post-date:before { color: var(--white-text); } .banner-layout--four .main-banner-wrap .post-excerpt { color: var(--white-text); } /* Trailing Post */ .banner-layout--four .main-banner-block-posts.banner-trailing-posts { padding-left: 4px; height: 430px; } .banner-layout--four .banner-trailing-posts { display: flex; flex-wrap: wrap; margin: 0 -4px; } .banner-layout--four .main-banner-block-posts article { flex: 0 1 50%; padding: 0 4px; position: relative; margin-bottom: 8px; height: 211px; } .banner-layout--four .banner-trailing-posts .post-thumb, .banner-layout--four .banner-trailing-posts .post-thumb a { height: 100%; } .banner-layout--four .post-item.no-feat-img .post-thumb { padding-bottom: 62%; background: var(--noimg-bk-color); } .banner-layout--four .banner-trailing-posts .post-element { position: absolute; bottom: 0; padding: 15px 18px 13px; background-image: linear-gradient(to top, #1a1919, transparent); width: calc(100% - 8px); } .banner-layout--four .banner-trailing-posts .post-title { font-size: calc(var(--post-title-size)*0.8); color: var(--white-text); margin: 11px 0 0; line-height: 1.5; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } /* Bottom Trailing Post */ .banner-layout--four .main-banner-trailing-block-posts article { flex: 0 1 25%; padding: 0 4px; position: relative; margin-bottom: 8px; height: 211px; } /* Re-Order */ .tab_slider--banner_slider .main-banner-wrap { order: 2; padding: 0 0 0 8px; } @media (max-width: 500px) { .banner-layout--four .main-banner-wrap .slick-list article, .banner-layout--four .main-banner-wrap .slick-list .post-thumb { height: 370px; } } /** Banner Layout five **/ /* Banner five */ .banner-layout--five article.no-feat-img .post-thumb { background-color: var(--noimg-bk-color); } .banner-layout--five .main-banner-wrap article .post-thumb { height: 520px; } .banner-layout--five img { width: 100%; height: 100%; object-fit: cover; } .banner-layout--five .row { display: flex; flex-wrap: wrap; justify-content: center; -webkit-justify-content: center; } .banner-layout--five .row .main-banner-wrap { flex: 0 1 55%; max-width: 55%; order: 1; padding-right: 20px; } .banner-layout--five .row .main-banner-trailing-posts .post-thumb { margin-bottom: 20px; } .banner-layout--five .row .main-banner-trailing-posts .post-thumb:nth-child(2) { margin-bottom: 0; } .banner-layout--five .row .main-banner-trailing-posts .post-thumb{ position: relative; height: 249.5px; } .banner-layout--five .row .main-banner-trailing-posts { flex: 0 1 45%; order: 2; } .banner-layout--five .main-banner-wrap .post-element .post-excerpt p{ color: var(--white-text); } .banner-layout--five .main-banner-wrap .post-meta span, .banner-layout--five .main-banner-wrap .post-meta time, .banner-layout--five .main-banner-wrap .post-meta .author_name, .banner-layout--five .main-banner-wrap .post-meta span.post-date:before { color: #fbfbfb; } .banner-layout--five .main-banner-trailing-posts .post-title a{ color: var(--white-text); } .banner-layout--five .main-banner-trailing-posts .post-meta span, .banner-layout--five .main-banner-trailing-posts .post-meta time, .banner-layout--five .main-banner-trailing-posts .post-meta .author_name, .banner-layout--five .main-banner-trailing-posts .post-meta span.post-date:before { color: #fbfbfb; } .banner-layout--five .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 .newsmatic-section.banner-layout--five { padding-top: 20px; } .newsmatic-section.banner-layout--five .main-banner-wrap .slick-dots li.slick-active button:before { width: 25px; } .banner-layout--five .main-banner-wrap .slick-dots li button::before { width: 15px; height: 10px; border-radius: 15px; } .banner-layout--five .slick-dots li.slick-active { margin-right: 10px; } .banner-layout--five .row .main-banner-trailing-posts figure.post-thumb { overflow: hidden; } .banner-layout--five .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--five .row .main-banner-trailing-posts figure.post-thumb .post-element-wrap .post-meta{ opacity: 0; } .banner-layout--five .row .main-banner-trailing-posts figure.post-thumb:hover .post-element-wrap { transform: translateY(0px); } .banner-layout--five .row .main-banner-trailing-posts figure.post-thumb:hover .post-element-wrap .post-meta{ opacity: 1; } /* column two */ .banner-layout--five .row .main-banner-trailing-posts.layout--column { flex-shrink: 0; } .banner-layout--five .row .main-banner-trailing-posts.layout--column .trailing-posts-wrap { display: flex; } .banner-layout--five .row .main-banner-trailing-posts.layout--column .trailing-posts-wrap .post-item { flex: 0 1 50%; } .banner-layout--five .row .main-banner-trailing-posts.layout--column .trailing-posts-wrap .post-item:nth-child(1) { padding-right: 10px; } .banner-layout--five .row .main-banner-trailing-posts.layout--column .trailing-posts-wrap .post-item:nth-child(2) { padding-left: 10px; } .banner-layout--five .row .main-banner-trailing-posts.layout--column .post-thumb { height: 520px; margin-bottom: 0; } /* Re-Order */ .tab_slider--banner_slider.banner-layout--five .main-banner-wrap { order: 2; padding: 0 0 0 20px; } .tab_slider--banner_slider.banner-layout--five .main-banner-trailing-posts { order: 1; padding: 0; } @media(max-width: 840px){ .banner-layout--five .row { flex-direction: column; } .banner-layout--five .row > div{ width: 100%; } .banner-layout--five .row .main-banner-trailing-posts figure.post-thumb .post-element-wrap{ transform: translateY(0px); } .banner-layout--five .row .main-banner-trailing-posts figure.post-thumb .post-element-wrap .post-meta{ opacity: 1; } .banner-layout--five .row .main-banner-wrap { max-width: 100%; flex: 1; padding-right: 0; padding-bottom: 15px; } .banner-layout--five .row .main-banner-trailing-posts.layout--column .post-thumb { height: 320px; } .tab_slider--banner_slider.banner-layout--five .main-banner-wrap { order: 1; padding: 0 0 20px 0; } } @media(max-width: 700px){ .banner-layout--five .row .main-banner-trailing-posts.layout--column .trailing-posts-wrap { flex-direction: column; } .newsmatic-section.banner-layout--five .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 { background-color: var(--full-width-content-bk-color); padding: 20px 20px 20px 20px; } .secondary-sidebar .widget, .sidebar-toggle .widget { position: relative; } .newsmatic_site_block_border_top #full-width-section .row > div:before, .newsmatic_site_block_border_top #bottom-full-width-section .row > div:before, .newsmatic_site_block_border_top .newsmatic-section .primary-content > div:before, .newsmatic_site_block_border_top .secondary-sidebar .widget:before, .newsmatic_site_block_border_top .secondary-left-sidebar .widget:before, .newsmatic_site_block_border_top #theme-content .primary-content:before, .newsmatic_site_block_border_top .post-inner:before, .newsmatic_site_block_border_top .comments-area:before, .newsmatic_site_block_border_top .single-related-posts-section:before, .archive.author.newsmatic_site_block_border_top .newsmatic-container.newsmatic-author-section .row:before, .newsmatic_site_block_border_top .sidebar-toggle .widget: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.newsmatic_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 { padding: 20px; background-color: var(--leftc-rights-content-bk-color); } .leftc-rights-section .secondary-sidebar { flex: 0 1 30%; margin-left: 20px; } .leftc-rights-section .secondary-sidebar .widget { background-color: var(--leftc-rights-content-bk-color); } .newsmatic-section .primary-content > div, .full-width-section .row > div, .bottom-full-width-section .row > div, .secondary-sidebar .widget, .secondary-left-sidebar .widget { margin-bottom: 20px; position: relative; } .newsmatic_site_block_border_top .newsmatic-section .primary-content > div, .newsmatic_site_block_border_top .full-width-section .row > div, .newsmatic_site_block_border_top .bottom-full-width-section .row > div, .newsmatic_site_block_border_top .secondary-sidebar .widget, .newsmatic_site_block_border_top .sidebar-toggle .widget, .newsmatic_site_block_border_top .secondary-left-sidebar .widget, .newsmatic_site_block_border_top #theme-content #comments { margin-top: calc( var(--theme-block-top-border-height) + 20px ); } body.newsmatic_site_block_border_top .secondary-sidebar .widget_newsmatic_widget_title_widget, body.newsmatic_site_block_border_top .secondary-left-sidebar .widget_newsmatic_widget_title_widget, body.newsmatic_site_block_border_top .sidebar-toggle .widget_newsmatic_widget_title_widget { margin-bottom: calc( ( calc( var(--theme-block-top-border-height) + 20px ) ) * -1 ); } .newsmatic_site_block_border_top .newsmatic-section .primary-content > div:first-child, .newsmatic_site_block_border_top .full-width-section .row > div:first-child, .newsmatic_site_block_border_top .bottom-full-width-section .row > div:first-child, .newsmatic_site_block_border_top .secondary-sidebar .widget:first-child, .newsmatic_site_block_border_top .secondary-left-sidebar .widget:first-child, .newsmatic_site_block_border_top .sidebar-toggle .widget:first-child, .newsmatic_site_block_border_top #theme-content .primary-content, .archive.author.newsmatic_site_block_border_top .newsmatic-container.newsmatic-author-section .row { margin-top: var(--theme-block-top-border-height); } .newsmatic-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 { padding: 20px; background-color: var(--lefts-rightc-content-bk-color); } .lefts-rightc-section .secondary-sidebar { flex: 0 1 30%; margin-right: 20px; } .lefts-rightc-section .secondary-sidebar .widget{ background-color: var(--lefts-rightc-content-bk-color); } /* ========================================= 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 { background-color: var(--full-width-bottom-content-bk-color); padding: 20px; } /* ========================================= 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-right: -10px; margin-left: -10px; } .news-grid .news-grid-post-wrap article.grid-item { flex: 0 1 33.333%; padding: 0 10px; padding-bottom: 20px; display: flex; flex-direction: column; } .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.author_name:before, .post-meta a.author_name:before { content: '\f2bd'; font-family: 'Font Awesome 5 Free'; font-weight: 900; padding-right: 5px; font-size: 12px; display: inline-block; color: var(--meta-text-color); } .post-meta span.post-date:before { color: var(--meta-text-color); 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; } .post-meta span.post-comment:before { color: var(--meta-text-color); position: relative; margin: 0 5px; content: "\f4ad"; font-family: 'Font Awesome 5 Free'; padding-left: 7px; padding-right: 0px; margin-left: 3px; font-size: 12px; font-weight: 500; } .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; } .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; } /* ========================================= 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%; 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 0 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: 8px 0 6px; } /* 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 figure.post-thumb-wrap { display: none; } .news-list-post-wrap .list-item { display: flex; padding:20px 0; border-bottom: 1px solid var(--border-bottom-color); align-items: flex-start; } .news-list-post-wrap .list-item figure.post-thumb-wrap{ flex: 0 1 35%; margin: 0; margin-right: 25px; overflow: hidden; position: relative; } .news-list-post-wrap .list-item figure.post-thumb-wrap img{ display: block; width: 100%; } .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%; } .news-list-post-wrap .list-item .post-title { margin: 5px 0; font-size: calc(var(--post-title-size)*1.2); } #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.2 List Layout Two ========================================= */ .news-list.layout--two .list-item figure.post-thumb-wrap { order: 2; margin: 0 0 0 18px; } .news-list.layout--two .list-item figure.post-thumb-wrap .post-categories { top: 10px; right: 10px; bottom: initial; left: initial; } .news-list.layout--two .list-item figure.post-thumb-wrap .post-categories li { margin: 0 0 5px 5px; } .news-list.layout--two .column--two .post-categories { flex-direction: column; align-items: flex-end; } /** News List columnts 2 **/ .news-list-post-wrap.column--two { display: flex; flex-wrap: wrap; margin: 0 -10px; } .news-list-post-wrap.column--two .list-item { flex: 0 1 50%; border-bottom: none; padding: 0 10px 15px; margin-bottom: 5px; } .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 .list-item .post-title { font-size: calc(var(--post-title-size)*0.75); } .news-list-post-wrap.column--two .post-excerpt, .news-list-post-wrap.column--three .post-excerpt { font-size: calc(var(--content-size)*0.95); margin-top: 7px; } .leftc-rights-section .news-list-post-wrap.column--two .list-item .post-title, .lefts-rightc-section .news-list-post-wrap.column--two .list-item .post-title { 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 { margin-bottom: 50px; } .news-carousel { position: relative; } .news-carousel .slick-slider { position: initial; } .news-carousel .slick-arrow { position: absolute; cursor: pointer; background-color: var(--white-text); border: none; border-radius: 50%; width: 40px; height: 40px; font-size: 0.86rem; z-index: 9; top: 50%; transform: translateY(-50%); padding: 5px; box-shadow: 0 4px 17px 0 rgb(0 0 0 / 16%); transition: .25s ease-in; } .news-carousel .slick-dots { position: absolute; display: block; width: 80%; padding: 0; margin: 0; list-style: none; top: 25px; text-align: right; right: 15px; } .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 -10px; } .news-carousel article { padding: 0 10px; } .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; overflow: hidden; } .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%; object-fit: cover; } /* ========================================= 11.3 Carousel Layout Three ========================================= */ .news-carousel.layout--three .slick-arrow { background-color: transparent; border: 1px solid var(--white-text); border-radius: 3px; box-shadow: none; width: 35px; height: 35px; font-size: 0.85rem; opacity: .8; visibility: hidden; -webkit-transition: .25s ease; transition: .25s ease; } .news-carousel.layout--three .news-carousel-post-wrap:hover .slick-arrow { visibility: visible; -webkit-transition: .25s ease; transition: .25s ease; } .news-carousel.layout--three .slick-prev.slick-arrow { left: 30px; } .news-carousel.layout--three .slick-next.slick-arrow { right: 30px; } .news-carousel.layout--three .post-categories { position: absolute; bottom: 0; width: 100%; text-align: center; } .news-carousel.layout--three .post-element { text-align: center; } .news-carousel.layout--three .post-title { font-size: calc(var(--post-title-size)*0.83); margin: 12px 0 8px 0; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } /* Carousel widget */ .widget .newsmatic-widget-carousel-posts { display: grid; } /* ========================================= 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(--border-bottom-color); margin-bottom: 25px; } .news-filter h2.newsmatic-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-left: 15px; display: inline-block; cursor: pointer; font-size: 14px; text-transform: uppercase; 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; flex-direction: column; } .news-filter .row-wrap > div { width: 100%; } .news-filter .post-thumb-wrap { position: relative; align-self: flex-start; overflow: hidden; } .news-filter img { display: block; } .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: 15px 0 7px; } .news-filter .trailing-post .post-title { margin: 2px 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; } .news-filter .featured-post article { padding-bottom: 20px; } /* Bottom Trailing Post */ .news-filter .trailing-post.bottom-trailing-post { flex: 100%; } .news-filter .trailing-post.bottom-trailing-post article { flex: 0 1 33.33%; } /* ========================================= 12.4 Filter Layout Four ========================================= */ .news-filter.layout--four .featured-post { display: flex; flex-wrap: wrap; margin: 0 -10px; } .news-filter.layout--four .featured-post article { flex: 1 1 50%; padding: 0 10px; margin-bottom: 20px; } .primary-content .news-filter.layout--four .featured-post .post-title { font-size: calc(var(--post-title-size)*0.9); } /* Trailing Post */ .news-filter.layout--four .trailing-post { display: flex; flex-wrap: wrap; margin: 0 -10px; } .news-filter.layout--four .trailing-post article { flex: 0 1 50%; display: flex; flex-wrap: wrap; margin-bottom: 20px; padding: 0 10px; } .news-filter.layout--four .trailing-post .post-thumb-wrap { flex: 0 1 35%; } .news-filter.layout--four .trailing-post .post-element { flex: 0 1 65%; padding-left: 18px; } /* Advertisement */ body .newsmatic-advertisement-block { padding: 0 !important; background-color: transparent !important; box-shadow: none !important; margin-top: 0 !important; } body .newsmatic-advertisement-block:before, body .widget.widget_newsmatic_banner_ads_widget:before { display: none !important; } .newsmatic-advertisement-block img { display: block; margin: 0 auto; } body .widget.widget_newsmatic_banner_ads_widget { box-shadow: none; margin-top: 0 !important; } /* ========================================= 13.0 Footer Section ========================================= */ /* ========================================= 13.1 Bottom Footer Four Column ========================================= */ .dark_bk .widget, body.error404.newsmatic_main_body .dark_bk .widget { background-color: transparent; padding: 0; margin: 10px 0; } .dark_bk .widget-title { color: var(--white-text); } .dark_bk .widget.widget_newsmatic_widget_title_widget { background-color: transparent; padding: 0 0 10px; margin: 10px 0; } .dark_bk .widget-tabs-content .tab-item .post-title { color: var(--white-text); } .dark_bk h2.newsmatic-widget-title span, .dark_bk .widget_newsmatic_posts_list_widget .card__content-title a, .dark_bk .widget ul li a, .dark_bk .widget ol li a, .dark_bk .popular-posts-wrap .post-title a, .dark_bk .popular-posts-wrap .slick-arrow { color: var(--white-text); } .dark_bk .widget_newsmatic_popular_posts_widget .newsmatic_horizontal_slider .popular-posts-wrap .slick-arrow { color: var(--white-text); } .dark_bk .widget.widget_block ul, .dark_bk .widget ul, .dark_bk .widget.widget_block ol, .dark_bk .widget .posts-list-wrap, .dark_bk .wp-block-tag-cloud, .dark_bk .widget.widget_block p, .dark_bk .widget_newsmatic_popular_posts_widget { background-color: transparent; padding: 0; color: var(--white-text); } .dark_bk .post-card.author-wrap, .dark_bk .widget .categories-wrap { background-color: transparent; color: var(--white-text); } .dark_bk .wp-block-tag-cloud a { background-color: var(--theme-color-red); color: var(--white-text); } .dark_bk .widget_newsmatic_posts_list_widget .post-content, .dark_bk .widget.widget_block p, .dark_bk .widget p, .dark_bk .widget h2, .dark_bk .widget a{ color: var(--footer-text-color); } .dark_bk .widget_newsmatic_posts_list_widget .post-item { border-bottom-color: #8a8a8c2e; } /* Footer Popular Post */ .widget .popular-posts-wrap .slick-track article { width: 100% !important; overflow: hidden; } footer .widget .popular-posts-wrap .slick-track article figure.post-thumb { max-width: 155px; } footer .main-footer { background-color: #000000ed; 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; overflow-y: hidden; } .main-footer .footer-widget.column-two { flex: 0 1 50%; padding: 0 15px; overflow-y: hidden; } .main-footer .footer-widget.column-three { flex: 0 1 33.33%; padding: 0 15px; overflow-y: hidden; } .main-footer .footer-widget.column-four { flex: 0 1 25%; padding: 0 15px; overflow-y: hidden; } /* Responsive */ @media (max-width: 900px) { .main-footer .footer-widget.column-four { flex: 0 1 50%; } } @media (max-width: 768px) { footer .row { flex-direction: column; } footer .row > div{ width: 100%; } } /* ========================================= 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 #1B8415; } .site-footer .bottom-footer { padding: 20px 0; background-color: var(--dark-bk-color); text-align: center; margin-top: -1px; } .site-footer .bottom-footer .bottom-inner-wrapper { display: flex; flex-wrap: wrap; 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; } footer .widget_newsmatic_posts_list_widget .layout-three .post-item:not(:first-child) .post_thumb_image:before{ display: none; } /* ========================================= 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.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.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 14px; 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: '\f0da'; font-family: 'Font Awesome 5 Free'; color: var(--theme-color-red); font-weight: 900; position: absolute; left: 0; opacity: .8; } .widget ul li:last-child, .widget ol li:last-child, .widget_newsmatic_posts_list_widget .post-item: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-top: 10px; } .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_search { background-color: var(--inner-container-bk); padding: 10px 15px 15px; } .secondary-sidebar .widget_search label{ font-weight: 600; font-size: 18px; padding-bottom: 7px; display: inline-block; vertical-align: middle; } .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%; } /* 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_newsmatic_posts_list_widget .post-item { display: flex; flex-wrap: wrap; padding: 12px 0; border-bottom: 1px solid var(--border-bottom-color); } .widget_newsmatic_posts_list_widget .post-item:first-child { padding-top: 0px; } .widget_newsmatic_posts_list_widget .feature-post-block.layout-three .post-item:first-child figure.post-thumb { max-height: 180px; overflow: hidden; height: 180px; } .widget_newsmatic_posts_list_widget img { height: 100%; object-fit: cover; object-position: center center; width: 100%; } .widget_newsmatic_posts_list_widget .card__content-category { margin: 0 0 6px 0; display: inline-block; margin-right: 8px; } .widget_newsmatic_posts_list_widget .card__content-category a { color: var(--theme-color-red); padding: 0; } .widget_newsmatic_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_newsmatic_posts_list_widget .card__content-title a { text-decoration: none; color: inherit; font-family: var(--post-title-family); } /* 14.3 Posts List Layout Three */ .widget_newsmatic_posts_list_widget .layout-three .post-item:not(:first-child) { align-items: center; } .widget_newsmatic_posts_list_widget .layout-three .post-item:first-child { flex-direction: column; } .widget_newsmatic_posts_list_widget .layout-three .post-item:first-child > div { width: 100%; } .widget_newsmatic_posts_list_widget .layout-three .post-content-wrap { padding-left: 0; } .widget_newsmatic_posts_list_widget .layout-three .post-item:first-child .post-title { font-size: calc(var(--post-title-size)*0.8); display: initial; } .widget_newsmatic_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_newsmatic_posts_list_widget .layout-three .post-item:first-child .post-content-wrap { padding-top: 7px; } .widget_newsmatic_posts_list_widget .layout-three .post-item .post-meta { margin-top: 6px; } .widget_newsmatic_posts_list_widget .layout-three .post-item:not(:first-child) .post_thumb_image { flex: 0 1 20%; text-align: center; overflow: visible; } .widget_newsmatic_posts_list_widget .layout-three .post-item:not(:first-child) .post-content-wrap { flex: 0 1 80%; padding-left: 8px; } .widget_newsmatic_posts_list_widget .layout-three .post-item:not(:first-child) .post_thumb_image span { font-style: italic; background-color: #d1d1d1; font-size: 1.3rem; padding: 10px 12px 10px 10px; border-radius: 50%; color: var(--white-text); font-weight: 500; -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; } .newsmatic_dark_mode .widget_newsmatic_posts_list_widget .layout-three .post-item:not(:first-child) .post_thumb_image span { background-color: #2e2e2e; } .widget_newsmatic_posts_list_widget .layout-three .post-item:first-child:hover .post-numbering { color: var(--theme-color-red); } body .widget_newsmatic_posts_list_widget .layout-three .post-item:not(:first-child):hover .post-numbering { background-color: var(--theme-color-red); } /* 14.4 Sidebar Author */ .widget_newsmatic_author_info_widget h2.widget-title { text-align: center; } .widget_newsmatic_author_info_widget h2.widget-title span:after { background: linear-gradient(135deg,transparent,var(--theme-color-red),transparent); } .author-wrap.layout-one { text-align: center; } .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_newsmatic_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{ background-color: var(--inner-container-bk); padding: 15px; } .widget .categories-wrap.layout-one .category-item { position: relative; margin-bottom: 15px; } .widget .categories-wrap.layout-one .category-item:last-child { margin-bottom: 0; } .widget .categories-wrap.layout-one img { width: 100%; object-fit: cover; display: block; } .widget .categories-wrap.layout-one .cat-meta-wrap { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); color: var(--white-text); text-decoration: none; background: #00000070; padding: 5px 8px; width: 60%; text-align: center; } .widget .categories-wrap.layout-one .post-title { display: flex; display: flex; flex-direction: column; text-align: center; } .categories-wrap.layout-one span.category-count:before { content: '-'; padding: 0 5px; } .categories-wrap.layout-one .category-count { font-style: italic; font-size: 14px; } /* 14.8 Widget Title */ .widget.widget_newsmatic_widget_title_widget { margin-bottom: 0; background: var(--inner-container-bk); padding-bottom: 0!important; z-index: 9; box-shadow: none; margin-bottom: calc(var(--theme-block-top-border-height) * -1); } .sidebar-toggle .widget.widget_newsmatic_widget_title_widget { margin-bottom: 0; } .newsmatic_site_block_border_top .widget_newsmatic_widget_title_widget { margin-bottom: calc(var(--theme-block-top-border-height) * -1); } .widget_newsmatic_widget_title_widget h2.newsmatic-widget-title { 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 */ .newsmatic-widget-title.align--center { text-align: center; } .newsmatic-widget-title.align--center span:after { background: linear-gradient(135deg,transparent,var(--theme-color-red),transparent); } /* Align Right */ .newsmatic-widget-title.align--right { text-align: right; } .newsmatic-widget-title.align--right span:after { background: linear-gradient(274deg,var(--theme-color-red),transparent); } /* 14.10 Widget Popular Post */ .widget_newsmatic_popular_posts_widget ul.post-categories { background-color: transparent; margin-top: 5px; } .widget_newsmatic_popular_posts_widget ul.post-categories li { border-bottom: none; padding: 0; margin: 0 5px 0 0; } .widget_newsmatic_popular_posts_widget ul.post-categories li:before { display: none; } .widget_newsmatic_popular_posts_widget ul.post-categories li a { padding: 0; } .widget_newsmatic_popular_posts_widget ul li a:before { display: none; } @media (max-width: 940px) { .widget .popular-posts-wrap .slick-track article figure.post-thumb { max-width: 160px; } } /* 14.11 widget slider Vertical **/ .widget_newsmatic_popular_posts_widget .newsmatic_vertical_slider .popular-posts-wrap .slick-arrow { transform-origin: 0 0; transform: rotate(270deg); padding: 7px; text-align: center; padding-top: 9px; top: -35px; } .widget_newsmatic_popular_posts_widget .newsmatic_vertical_slider.no_heading_widget .popular-posts-wrap .slick-arrow { top: 12px; } .widget_newsmatic_popular_posts_widget .newsmatic_vertical_slider.no_heading_widget .popular-posts-wrap .slick-arrow.slick-prev { right: 60px; } .widget_newsmatic_popular_posts_widget article.no-feat-img figure { background: var(--noimg-bk-color); height: 80px; } /* 14.12 Widget carasoul **/ .newsmatic-widget-carousel-posts .slick-prev { position: absolute; right: 60px; background-color: transparent; border-radius: 1px; } .newsmatic-widget-carousel-posts .slick-next { position: absolute; right: 20px; background-color: transparent; border-radius: 1px; } .newsmatic-widget-carousel-posts .slick-prev i { padding-bottom: 2px; } .newsmatic-widget-carousel-posts .slick-arrow{ cursor: pointer; top: -35px; } .newsmatic-widget-carousel-posts .carousel-posts-wrap { display: grid; } .newsmatic-widget-carousel-posts.layout--one .carousel-posts-wrap .post-item { overflow: hidden; } .newsmatic-widget-carousel-posts.layout--one .carousel-posts-wrap .post-element .post-categories { display: none; } .newsmatic-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; } .newsmatic-widget-carousel-posts.layout--one .carousel-posts-wrap .post-categories { position: absolute; bottom: 10px; left: 10px; display: flex; flex-wrap: wrap; } .newsmatic-widget-carousel-posts .carousel-posts-wrap h2{ margin: 10px 0 5px 0; font-size: calc(var(--post-title-size)*0.85); line-height: 1.4; } .newsmatic-widget-carousel-posts .carousel-posts-wrap .post-categories li { margin-right: 5px; } .newsmatic-widget-carousel-posts .carousel-posts-wrap .post-categories a { text-decoration: none; color: var(--white-text); font-size: 0.8rem; } /** Horizongtal Arrow **/ .newsmatic-widget-carousel-posts.newsmatic_horizontal_slider .slick-prev i { padding-bottom: 0px; } .newsmatic-widget-carousel-posts.newsmatic_horizontal_slider .slick-arrow { cursor: pointer; padding: 5px 8px; top: -62px; color: var(--body-text-default-color); } .newsmatic-widget-carousel-posts.newsmatic_horizontal_slider .slick-arrow.slick-prev { right: 50px; } .newsmatic-widget-carousel-posts.newsmatic_horizontal_slider.no_heading_widget .slick-arrow { cursor: pointer; padding: 5px 8px; top: 5px; z-index: 999; } .widget .newsmatic-widget-carousel-posts ul li:before, .widget .newsmatic-widget-carousel-posts ol li:before { display: none; } /* 14.13 Widget Tabbed Posts */ .popular-posts-wrap .post-thumb img { width: 100%; height: 100%; object-fit: cover; } .widget ul.post-categories li a:before { content: none; } .widget ul.post-categories li { border: none; padding: 0; } /* 14.15 Grid Two Column */ .widget_newsmatic_posts_grid_two_column_widget .layout-one .post-thumb { position: relative; } .widget_newsmatic_posts_grid_two_column_widget .layout-one .post-categories { position: absolute; bottom: 8px; left: 10px; } .widget_newsmatic_posts_grid_two_column_widget .layout-one .post-categories h5 { margin: 0 6px 0 0; } .widget_newsmatic_posts_grid_two_column_widget .layout-one .post-categories a { font-size: calc(var(--meta-size)*0.78); } .widget_newsmatic_posts_grid_two_column_widget .layout-one .post-title { margin-top: 10px; } .widget_newsmatic_posts_grid_two_column_widget .posts-grid-two-column-wrap { display: flex; flex-wrap: wrap; margin: 0 -10px; } .widget_newsmatic_posts_grid_two_column_widget .posts-grid-two-column-wrap > div { flex: 0 1 50%; padding: 0 10px; margin-bottom: 15px; } .widget_newsmatic_posts_grid_two_column_widget .card__content-category { margin: 10px 8px 0px 0; display: inline-block; } .widget_newsmatic_posts_grid_two_column_widget .layout-two h5 a { padding: 0; } .widget_newsmatic_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 One */ .posts-grid-wrap.layout-one .post_thumb_image { position: relative; } .posts-grid-wrap.layout-one .post-categories { position: absolute; bottom: 0; width: 100%; text-align: center; } .posts-grid-wrap.layout-one .post-categories h5 { margin: 5px 7px 0 0; } .posts-grid-wrap.layout-one .post-content-wrap { text-align: center; padding: 0 5px; } .posts-grid-wrap.layout-one .post-title { margin-top: 10px; } .posts-grid-wrap .post-item { margin-bottom: 20px; } .posts-grid-wrap .post-item:last-child { margin-bottom: 0; } .posts-grid-wrap .post-categories h5 { margin: 0 10px 7px 0; display: inline-block; } .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); } /* ========================================= 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: 8px; 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 .author a { color: var(--author-color); } .single .entry-header .author:before { content: '\f2bd'; font-family: 'Font Awesome 5 Free'; font-weight: 900; padding-right: 7px; font-size: var(--single-meta-size); display: inline-block; color: var(--meta-text-color); } .single .entry-header .post-date:before { content: "\f017"; font-family: 'Font Awesome 5 Free'; padding-right: 5px; margin-left: 5px; } .single .post-comment:before { margin: 0 5px; content: "\f4ad"; font-family: 'Font Awesome 5 Free'; padding: 0 2px 0 7px; margin-left: 0; font-size: var(--single-meta-size); font-weight: 500; } .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: 0 5px; content: "\f5da"; font-family: 'Font Awesome 5 Free'; padding: 0 2px 0 7px; margin-left: 0; font-size: 12px; font-weight: 900; margin-left: 3px; } .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; } .comment-form > * { width: 100%; } .comment-form p { margin: 0 0 20px; color: #777; } .comment-form .comment-form-comment textarea { display: block; } .newsmatic_dark_mode .comment-form .comment-form-comment textarea, .newsmatic_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 { padding: 20px 20px 0; background-color: var(--single-content-bk-color); position: relative; } .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 { background: var(--single-content-bk-color); } /* Relater Posts Popup */ .single-related-posts-section-wrap.related_posts_popup .single-related-posts-wrap { margin-top: 33px; height: 244px; overflow-y: auto; } body.single #theme-content .related_posts_popup.layout--list .single-related-posts-wrap article:last-child { margin-bottom: 0; } .related_posts_popup .newsmatic-block-title { margin: 0; padding: 0 10px; border: 0; background: var(--theme-color-red); display: block; position: absolute; top: 0; left: 0; color: var(--white-text); } .related_posts_popup h2.newsmatic-block-title span::after { display: none; } .related_posts_popup h2.newsmatic-block-title span { font-size: calc(var(--block-title-size)*0.6); letter-spacing: 2px; } .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, .search .primary-content { background-color: var(--theme-content-bk-color); padding: 20px; flex: 1 1 70%; } .archive .secondary-sidebar, .search .secondary-sidebar { flex: 0 1 30%; } .archive .page-header, .search .page-header { border-bottom: 2px solid var(--border-bottom-color); display: block; margin: 0; margin-bottom: 20px; font-size: 1.5rem; } .archive.author .page-header { margin: 0; border-bottom: none; } .archive .page-title, .search .page-title { display: inline-block; position: relative; bottom: -2px; padding-bottom: 4px; margin: 0; margin-top: -7px; font-size: calc(var(--block-title-size)*0.9); 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 .page-title span { color: var(--theme-color-red); } .archive .page-title:after, .search .page-title:after { content: ''; width: 100%; height: 2px; background: linear-gradient(176deg,var(--theme-color-red),transparent); position: absolute; left: 0; bottom: 0; } body.post-layout--two.archive header.page-header { margin: -4px 10px 20px; } /** Search **/ .search.search-results #theme-content .primary-content { padding: 20px; background: var(--search-content-bk-color); } .search.search-results #theme-content .widget { 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; } .search .news-list-post-wrap article .post-element { padding-right: 25px; } .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 */ .newsmatic-image-hover--effect-one .post-thumb, .newsmatic-image-hover--effect-one .post-thumb-wrap{ position: relative; width: 100%; object-fit: cover; } .newsmatic-image-hover--effect-one .post-thumb::before, .newsmatic-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; } .newsmatic-image-hover--effect-one .post-thumb:hover::before, .newsmatic-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 */ .newsmatic-image-hover--effect-two .post-thumb, .newsmatic-image-hover--effect-two .post-thumb-wrap { position: relative; overflow: hidden; } .newsmatic-image-hover--effect-two .post-thumb::before, .newsmatic-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); visibility: hidden; } .newsmatic-image-hover--effect-two .post-thumb:hover::before, .newsmatic-image-hover--effect-two .post-thumb-wrap:hover::before { visibility: visible; -webkit-animation: shine 1s; animation: shine 1s; } @-webkit-keyframes shine { 100% { left: 125%; } } @keyframes shine { 100% { left: 125%; } } /* effect-three */ /* rotate */ .newsmatic-image-hover--effect-three .post-thumb, .newsmatic-image-hover--effect-three .post-thumb-wrap { overflow: hidden; } .newsmatic-image-hover--effect-three .post-thumb img, .newsmatic-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; } .newsmatic-image-hover--effect-three .post-thumb:hover img, .newsmatic-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; } .newsmatic-image-hover--effect-three .post-thumb img, .newsmatic-image-hover--effect-three .post-thumb-wrap img { display: block; overflow: hidden; } .popular-posts-wrap .post-thumb{ overflow: visible!important; } .newsmatic-image-hover--effect-three .popular-posts-wrap .post-thumb:hover img{ -webkit-transform: rotate(0deg) scale(1.02); transform: rotate(0deg) scale(1.02); } /* effect-four */ /* Zoom In #1 */ .newsmatic-image-hover--effect-four .post-thumb, .newsmatic-image-hover--effect-four .post-thumb-wrap { overflow: hidden; } .newsmatic-image-hover--effect-four .post-thumb img, .newsmatic-image-hover--effect-four .post-thumb-wrap img { -webkit-transform: scale(1) translate(-50%,-50%); transform: scale(1) translate(-50%,-50%); -webkit-transition: .3s ease-in-out; transition: .3s ease-in-out; } .newsmatic-image-hover--effect-four .post-thumb:hover img, .newsmatic-image-hover--effect-four .post-thumb-wrap:hover img { -webkit-transform: scale(1.05) translate(-47%,-47%); transform: scale(1.05) translate(-47%,-47%); } .newsmatic-image-hover--effect-four #main-banner-section figure.post-thumb img, .newsmatic-image-hover--effect-four #main-banner-section figure.post-thumb-wrap img, .newsmatic-image-hover--effect-four .author-wrap.layout-one .post-thumb img{ -webkit-transform: scale(1); transform: scale(1); -webkit-transition: .3s ease-in-out; transition: .3s ease-in-out; left: initial; top: initial; } .newsmatic-image-hover--effect-four #main-banner-section figure.post-thumb:hover img, .newsmatic-image-hover--effect-four #main-banner-section figure.post-thumb-wrap:hover img { -webkit-transform: scale(1.05); transform: scale(1.05); } body .newsmatic-image-hover--effect-four .post-thumb a, body .newsmatic-image-hover--effect-four .post-thumb:hover a { display: block; overflow: hidden; } /* effect-five */ /* gray scale */ .newsmatic-image-hover--effect-five .post-thumb img, .newsmatic-image-hover--effect-five .post-thumb-wrap img { -webkit-filter: grayscale(0); filter: grayscale(0); } .newsmatic-image-hover--effect-five .post-thumb:hover img, .newsmatic-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 */ /* Sepia */ .newsmatic-image-hover--effect-six .post-thumb img, .newsmatic-image-hover--effect-six .post-thumb-wrap img { -webkit-filter: sepia(0); filter: sepia(0); } .newsmatic-image-hover--effect-six .post-thumb:hover img, .newsmatic-image-hover--effect-six .post-thumb-wrap:hover img { -webkit-filter: sepia(100%); filter: sepia(100%); -webkit-transition: .3s ease-in-out; transition: .3s ease-in-out; } /* ======================================================== 16.0 Title Hover Effect ======================================================== */ /* Title effect one */ .newsmatic-title-one .post-title a, .newsmatic-title-one .news-carousel .post-title a, .newsmatic-title-one .widget_block ul li a, .newsmatic-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; } .newsmatic-title-one .post-title a:hover, .newsmatic-title-one .news-carousel .post-title a:hover, .newsmatic-title-one .widget_block ul li a:hover, .newsmatic-title-one .widget_nav_menu ul li a:hover { background-size: 100%; } /* Title effect two */ .newsmatic-title-two .post-title a, .newsmatic-title-two .news-carousel .post-title a, .newsmatic-title-two .widget_block ul li a, .newsmatic-title-two .widget_nav_menu ul li a { display: inline; -webkit-transition: 0.5s ease; transition: 1s ease; } .newsmatic-title-two .post-title a:hover, .newsmatic-title-two .news-carousel .post-title a:hover, .newsmatic-title-two .widget_block ul li a:hover, .newsmatic-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 */ .newsmatic-title-three .post-title a, .newsmatic-title-three .news-carousel .post-title a, .newsmatic-title-three .widget_block ul li a, .newsmatic-title-three .widget_nav_menu ul li a { display: inline; background-repeat: no-repeat; text-decoration: none; } .newsmatic-title-three .post-title a:hover, .newsmatic-title-three .news-carousel .post-title a:hover, .newsmatic-title-three .widget_block ul li a:hover, .newsmatic-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 */ .newsmatic-title-four .post-title a, .newsmatic-title-four .news-carousel .post-title a, .newsmatic-title-four .widget_block ul li a, .newsmatic-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; } .newsmatic-title-four .post-title a:hover, .newsmatic-title-four .news-carousel .post-title a:hover, .newsmatic-title-four .widget_block ul li a:hover, .newsmatic-title-four .widget_nav_menu ul li a:hover { background-size: 100%; } /** Title effect five */ .newsmatic-title-five .post-title a, .newsmatic-title-five .news-carousel .post-title a, .newsmatic-title-five .widget_block ul li a, .newsmatic-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; } .newsmatic-title-five .post-title a:hover, .newsmatic-title-five .news-carousel .post-title a:hover, .newsmatic-title-five .widget_block ul li a:hover, .newsmatic-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 none */ .newsmatic-title-none .post-title a:hover, .newsmatic-title-three .news-carousel .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 { padding: 0; padding-bottom: 20px; } .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{ margin: auto; position: relative; } #theme-content .primary-content article figure img{ display: block; } .nav-previous { padding: 5px 15px; text-align: left; } /** 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.86); } 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); } .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); } a.post-link-button:hover i { margin-left: 4px; } /* post layout one */ body.post-layout--one #theme-content .primary-content { display: initial; padding: 20px; align-items: flex-start; margin-right: 0px; } body.post-layout--one #theme-content .primary-content article{ display: flex; border-bottom: 1px solid var(--border-bottom-color); align-items: flex-start; padding: 0 0 15px 0; margin-bottom: 15px; } body.post-layout--one #theme-content .primary-content article:first-child{ padding-top: 0px; } body.post-layout--one #theme-content .primary-content article:last-child{ border-bottom: none; padding-bottom: 0; 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%; margin: 0; margin-right: 25px; position: relative; overflow: hidden; } 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%; } .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; } body.post-layout--two #theme-content .primary-content .news-list-wrap .post-title{ font-size: calc(var(--post-title-size)* 0.86); margin: 10px 0 5px; } 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 10px; } body.post-layout--two #theme-content .primary-content .news-list-wrap article .post-tile{ font-size: var(--post-title-size); } body.post-layout--two #theme-content .primary-content .news-list-wrap article figure.post-thumb-wrap { margin: 0px; position: relative; height: auto; overflow: hidden; } 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(--theme-color-red); position: relative; } .navigation.posts-navigation .nav-previous a:before { content: '\f104'; font-family: 'Font Awesome 5 Free'; color: var(--theme-color-red); font-weight: 900; padding-right: 6px; line-height: 1; transition: 0.2s ease-in; display: inline-block; position: absolute; left: -13px; top: 4px; } .navigation.posts-navigation .nav-next { padding-right: 20px; } .navigation.posts-navigation .nav-next a:after { content: '\f105'; font-family: 'Font Awesome 5 Free'; color: var(--theme-color-red); font-weight: 900; padding-left: 6px; line-height: 1; transition: 0.2s ease-in; position: absolute; right: -13px; top: 4px; } .navigation.posts-navigation .nav-previous a:hover:before { left: -18px; } .navigation.posts-navigation .nav-next a:hover:after { right: -18px; } a.post-link-button i { transition: 0.2s ease-in; } .pagination .ajax-load-more { background-color: transparent; color: var(--post-title-color); position: relative; padding: 10px 18px; font-weight: 600; cursor: pointer; text-transform: uppercase; min-width: 30%; font-size: 12px; letter-spacing: 1px; border: 1px solid var(--border-bottom-color); } .pagination .ajax-load-more:after, .pagination .ajax-load-more:before { content: ''; width: 100%; height: 1px; background: var(--border-bottom-color); margin: auto; position: absolute; pointer-events: none; top: 0; bottom: 0; } .pagination .ajax-load-more:before { right: 100%; margin-right: 20px; } .pagination .ajax-load-more:after { left: 100%; margin-left: 20px; } .pagination .ajax-load-more:hover { background-color: var(--theme-color-red); border-color: var(--theme-color-red); color: var(--white-text); } /* ======================================================== 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: 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; } 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: 25px; 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; } main.site-main .primary-content .single-related-posts-section article figure.post-thumb-wrap { padding-bottom: calc( 0.2 * 100% ); } /* ======================================================== 19.0 Breadcrumb ======================================================== */ .newsmatic-breadcrumb-wrap { width: 100%; background: var(--breadcrumb-background-color); margin-bottom: 20px; padding: 15px; } .newsmatic-breadcrumb-wrap ul { margin: 0; padding: 0; list-style: none; text-decoration: none; } .newsmatic-breadcrumb-wrap ul li a{ color: inherit; text-decoration: none; } .newsmatic-breadcrumb-wrap ul li, .newsmatic-breadcrumb-wrap ul li a, .newsmatic-breadcrumb-wrap ul li a span { display: inline-block; color: var(--breadcrumb-link-color); } .newsmatic-breadcrumb-wrap ul li a:hover,.newsmatic-breadcrumb-wrap ul li a:hover span{ color: var(--breadcrumb-link-color-hover); } .newsmatic-breadcrumb-wrap ul li span { color: var(--breadcrumb-text-color); } .newsmatic_dark_mode .newsmatic-breadcrumb-wrap ul li span { color: #fff; } .newsmatic-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; } .newsmatic-breadcrumb-wrap ul li:last-child a:after{ content: none; } .primary-content .newsmatic-breadcrumb-wrap { padding: 15px 20px; } .archive .primary-content .newsmatic-breadcrumb-wrap { padding: 15px; } .newsmatic-breadcrumb-wrap a{ color: inherit; text-decoration: none; } .archive-description { margin: 15px 0 10px 0; } /* ======================================================== 21.0 Pagination ======================================================== */ .pagination { margin-top: 20px; text-align: center; overflow: hidden; } ul.page-numbers { margin-left: 0; list-style: none; padding-left: 0px; margin-top: 10px; margin-bottom: 0; text-align: left; } ul.page-numbers li { display: inline-block; margin: 2px 5px 2px 0; } .pagination span, .pagination a { text-decoration: none; color: var(--white-text); font-size: 14px; font-weight: 500; line-height: 1; background-color: transparent; border: 2px solid var(--theme-color-red); padding: 0; text-align: center; border: 0; -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; height: 32px; width: 36px; line-height: 30px; display: block; } .pagination span, .pagination a { color: var(--theme-color-red); border: 2px solid var(--theme-color-red); border-color: var(--theme-color-red); background-color: transparent; border-radius: 2px; } .pagination span.current { background-color: var(--theme-color-red); color: var(--white-text); } .pagination .nav-previous a, .pagination .nav-next a { display: inline; border: none; padding: 0 5px; } .pagination .navigation.posts-navigation .nav-previous a:before, .pagination .navigation.posts-navigation .nav-next a:after { top: 2px; } .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.newsmatic_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.newsmatic_website_frame_wrap { position: relative; } body.newsmatic_website_frame_wrap .newsmatic_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_newsmatic_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_newsmatic_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_newsmatic_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_newsmatic_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_newsmatic_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_newsmatic_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_newsmatic_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_newsmatic_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; } .mode_toggle { 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(--theme-color-red); 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; } /* ======================================================== 25.0 Miscellaneous ======================================================== */ .widget_newsmatic_banner_ads_widget { background-color: transparent !important; padding: 0 !important; } .news-grid, .news-list { position: relative; } a.view-all-button { position: absolute; top: 24px; right: 20px; 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: 30px; height: 30px; opacity: .5; } a.view-all-button:hover { opacity: 1; } .news-filter-post-wrap a.view-all-button, .news-carousel a.view-all-button { top: 2px; right: 2px; } body a.view-all-button { border: none; padding: 0; text-decoration: none; } a.view-all-button i { color: var(--white-text); display: block; padding: 0; text-align: center; line-height: 2.2; letter-spacing: -1px; -webkit-transition: 0.4s ease-out; -moz-transition: 0.4s ease-out; transition: 0.4s ease-out; } .newsmatic_dark_mode a.view-all-button i { line-height: 3.5; } 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(--theme-color-red); 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 ======================================================== */ #newsmatic-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(--move-to-top-background-color); } @media(max-width: 940px){ #newsmatic-scroll-to-top { font-size: var(--move-to-top-font-size-tablet); } } @media(max-width: 610px){ #newsmatic-scroll-to-top { font-size: var(--move-to-top-font-size-smartphone); } } #newsmatic-scroll-to-top.align--right { right: 5px; } #newsmatic-scroll-to-top.align--left { left: 5px; right: auto; } #newsmatic-scroll-to-top.align--center { left: 50%; right: auto; } #newsmatic-scroll-to-top.show { display: block; } #newsmatic-scroll-to-top:hover { cursor: pointer; color: var(--move-to-top-color-hover); background-color: var(--move-to-top-background-color-hover); } #newsmatic-scroll-to-top span, #newsmatic-scroll-to-top span i{ font-style: inherit; } #newsmatic-scroll-to-top .icon-text { padding-left: 3px; } #newsmatic-scroll-to-top.show:hover { border-color: #1B8415 ; } /* ======================================================== 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); } .error404 .widget { background: var(--404-error-content-bk-color); } /* ======================================================== 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 .menu-section.fixed_header{ position: fixed; z-index: 99999; width: 100%; top: 0; left: 0; right: 0; } .admin-bar .main-header .menu-section.fixed_header{ top: 32px; } .wp-customizer .main-header .menu-section.fixed_header{ position: relative!important; } @media screen and (max-width: 584px) { body.admin-bar .main-header .menu-section.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 .newsmatic-widget-carousel-posts.newsmatic_horizontal_slider .slick-arrow, .dark_bk .popular-posts-wrap .slick-arrow { border-radius: 3px; border-color: #bbb; color: #bbb; } .dark_bk .newsmatic-widget-carousel-posts .slick-arrow i { padding-bottom: 2px; color: #bbb; } body .newsmatic-category-no-bk .post-categories .cat-item { background-color: transparent!important; } /* 31.0 Box Shadow */ /** box shadow **/ #theme-content .primary-content, .post-inner, .single #comments, .newsmatic-breadcrumb-wrap, .secondary-sidebar .widget, .secondary-left-sidebar .widget, .newsmatic-section .primary-content > div, .full-width-section .row > div, .bottom-full-width-section .row > div, .ticker-news-wrap, .single-related-posts-section, .archive.author .newsmatic-container.newsmatic-author-section .row, .sidebar-toggle .widget { box-shadow: var(--horizontal-shadow-offset) var(--vertical-shadow-offset) var(--blur-radius) var(--spread-radus) var(--shadow-color); -webkit-box-shadow: var(--horizontal-shadow-offset) var(--vertical-shadow-offset) var(--blur-radius) var(--spread-radus) var(--shadow-color); -moz-box-shadow: var(--horizontal-shadow-offset) var(--vertical-shadow-offset) var(--blur-radius) var(--spread-radus) var(--shadow-color); } .single.single-post #theme-content .primary-content, .widget.widget_newsmatic_widget_title_widget { box-shadow: none; } /* ============================= 32.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; transform: initial; top: initial; position: relative; left: initial; } .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 .newsmatic-container.newsmatic-author-section { margin-bottom: 20px; } .archive.author .newsmatic-container.newsmatic-author-section .row { padding: 40px 35px; position: relative; background-color: var(--theme-content-bk-color); } .archive.author .newsmatic-container.newsmatic-author-section img { width: 150px; height: 150px; object-fit: cover; border-radius: 50%; } .archive.author .newsmatic-container.newsmatic-author-section .author-content { margin-left: 35px; } .archive.author .newsmatic-container.newsmatic-author-section h2 { font-size: calc(var(--post-title-size)*1.2); } .archive.author .newsmatic-container.newsmatic-author-section .author-desc { margin: 4px 0 25px; font-size: var(--content-size); font-weight: 500; } .archive.author .newsmatic-container.newsmatic-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 .newsmatic-container.newsmatic-author-section .row { flex-direction: column !important; align-items: center; padding: 20px; } .archive.author .newsmatic-container.newsmatic-author-section .author-content { margin: 10px 0 0; text-align: center; } } /* ============================= 35.0 Aditional css for image ration ============================= */ /* For banner **/ /** For inner blocks **/ article figure.post-thumb-wrap, .post-item figure.post-thumb, .widget_newsmatic_category_collection_widget .category-item.post-thumb{ position: relative; padding-bottom: calc( 0.7 * 100% ); } article figure.post-thumb-wrap img, .post-item figure.post-thumb img, .category-item.post-thumb img{ height: 100%; width: 100%; object-fit: cover; position: absolute; top: 50%; left: 50%; transform: scale(1) translate(-50%,-50%); } #main-banner-section .main-banner-slider figure.post-thumb { overflow: hidden; } #main-banner-section .post-item figure.post-thumb { padding-bottom: initial; overflow-y: hidden; } .filter-tab-content-wrapper .trailing-post figure.post-thumb-wrap { padding-bottom: 120px!important; width: 100%; } .news-list-post-wrap .list-item figure.post-thumb-wrap { width: 100%; } .search-results-wrap .article-item .post-thumb-wrap img { transform: none; -webkit-transform: none; } .widget ul li.wp-social-link::before { display: none; } .widget ul li.wp-social-link { padding: 4px; padding-bottom: 0; } /* ============================= 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-section .post-element a.post-link-button:hover, .post-element a.post-link-button:hover i { color: inherit; } body.elementor-page #theme-content .primary-content, .post-inner, body.elementor-page .single #comments, body.elementor-page .newsmatic-breadcrumb-wrap, body.elementor-page .secondary-sidebar .widget, body.elementor-page .secondary-left-sidebar .widget, body.elementor-page .newsmatic-section .primary-content > div, body.elementor-page .full-width-section .row > div, body.elementor-page .bottom-full-width-section .row > div, body.elementor-page .ticker-news-wrap, .single-related-posts-section, body.elementor-page .archive.author .newsmatic-container.newsmatic-author-section .row, body.elementor-page .sidebar-toggle .widget { box-shadow: none; } body.elementor-page.newsmatic_site_block_border_top #full-width-section .row > div:before, body.elementor-page.newsmatic_site_block_border_top #bottom-full-width-section .row > div:before, body.elementor-page.newsmatic_site_block_border_top .newsmatic-section .primary-content > div:before, body.elementor-page.newsmatic_site_block_border_top .secondary-sidebar .widget:before, body.elementor-page.newsmatic_site_block_border_top .secondary-left-sidebar .widget:before, body.elementor-page.newsmatic_site_block_border_top #theme-content .primary-content:before, body.elementor-page.newsmatic_site_block_border_top .post-inner:before, body.elementor-page.newsmatic_site_block_border_top .comments-area:before, body.elementor-page.newsmatic_site_block_border_top .single-related-posts-section:before, body.elementor-page.archive.author.newsmatic_site_block_border_top .newsmatic-container.newsmatic-author-section .row:before, body.elementor-page.newsmatic_site_block_border_top .sidebar-toggle .widget:before { background: transparent; } body.elementor-page #theme-content .news-list-post-wrap .list-item .post-title { font-size: inherit; }