![]() Server : LiteSpeed System : Linux premium84.web-hosting.com 4.18.0-553.44.1.lve.el8.x86_64 #1 SMP Thu Mar 13 14:29:12 UTC 2025 x86_64 User : claqxcrl ( 523) PHP Version : 8.1.32 Disable Function : NONE Directory : /home/claqxcrl/askdragao.com/wp-content/themes/newsphere/ |
/* Theme Name: Newsphere Theme URI: https://afthemes.com/products/newsphere/ Author: AF themes Author URI: https://www.afthemes.com/ Requires PHP: 5.3 Tested up to: 6.2 Description: Newsphere is a perfect news and magazine responsive WordPress theme that lets you write articles and blog posts with ease. Create a great news website the help of live customizer options and custom widgets, you can design your website as you like and preview the changes live. It is compatible with the Gutenberg and RTL along with WooCommerce plugin which helps you to integrate an online business with our newspaper template. As it includes many useful features that require to build an awesome looking newsportal, the theme is perfect for blogging and excellent for a news, newspaper, magazine, publishing or review site. The theme is well optimized that helps to rank your website in the top of search engines and users will get an outstanding support from the team if there will be any difficulties while using the theme. There are number of demos available in this theme so choose the one you like and start to build a website. See our demos: https://afthemes.com/products/newsphere/#aft-view-starter-sites Videos: https://www.youtube.com/@wpafthemes/ and Docs: https://docs.afthemes.com/newsphere/ Version: 3.2.6 License: GNU General Public License v2 or later License URI: http://www.gnu.org/licenses/gpl-2.0.html Text Domain: newsphere Tags: news, blog, entertainment, one-column, two-columns, grid-layout, block-styles, left-sidebar, right-sidebar, custom-header, flexible-header, custom-background, custom-menu, featured-images, full-width-template, post-formats, sticky-post, rtl-language-support, footer-widgets, translation-ready, theme-options, threaded-comments This theme, like WordPress, is licensed under the GPL. Use it to make something cool, have fun, and share what you've learned with others. Newsphere is based on Underscores https://underscores.me/, (C) 2012-2017 Automattic, Inc. Underscores is distributed under the terms of the GNU GPL v2 or later. Newsphere WordPress Theme, Copyright 2023 AF themes Newsphere is distributed under the terms of the GNU GPL v2 or later. */ /*Normalizing styles have been helped along thanks to the fine work of Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/ */ /*-------------------------------------------------------------- >>> TABLE OF CONTENTS: ---------------------------------------------------------------- # Normalize # Typography # Elements # Forms # Navigation ## Links ## Menus # Accessibility # Alignments # Clearings # Widgets # Content ## Posts and pages ## Comments # Infinite scroll # Media ## Captions ## Galleries # Footer --------------------------------------------------------------*/ /*-------------------------------------------------------------- # Normalize --------------------------------------------------------------*/ html { font-family: 'Roboto', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen-Sans, Ubuntu, Cantarell, 'Helvetica Neue', sans-serif; font-size: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } body { margin: 0; } article, aside, details, figcaption, figure, footer, header, main, menu, nav, section, summary { display: block; } audio, canvas, progress, video { display: inline-block; vertical-align: baseline; } audio:not([controls]) { display: none; height: 0; } [hidden], template { display: none; } a { background-color: transparent; } a:active, a:hover { outline: 0; } a:focus-within { outline: 1px dotted; } abbr[title] { border-bottom: 1px dotted; } b, strong { font-weight: bold; } dfn { font-style: italic; } h1 { font-size: 2em; margin: 0.67em 0; } mark { background: #ffc107; color: #000; } small { font-size: 80%; } sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sup { top: -0.5em; } sub { bottom: -0.25em; } img { border: 0; } svg:not(:root) { overflow: hidden; } figure { margin: 1em 40px; } hr { box-sizing: content-box; height: 0; } pre { overflow: auto; } code, kbd, pre, samp { font-family: monospace, monospace; font-size: 1em; } button, input, optgroup, select, textarea { color: inherit; font: inherit; margin: 0; } button { overflow: visible; } button, select { text-transform: none; } button, html input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance: button; cursor: pointer; } button[disabled], html input[disabled] { cursor: default; } button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; } input { line-height: normal; } input[type="checkbox"], input[type="radio"] { box-sizing: border-box; padding: 0; } select { height: 35px; } body.aft-dark-mode select { color-scheme: dark; border-color: rgba(200,200,200,.15); color: #fff; } input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button { height: auto; } input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; } fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em; } legend { border: 0; padding: 0; } textarea { overflow: auto; } optgroup { font-weight: bold; } table { border-collapse: collapse; border-spacing: 0; } td, th { padding: 0; } body.aft-default-mode input[type=file], body.aft-default-mode input[type="text"], body.aft-default-mode input[type="email"], body.aft-default-mode input[type="url"], body.aft-default-mode input[type="password"], body.aft-default-mode input[type="search"], body.aft-default-mode input[type="number"], body.aft-default-mode input[type="tel"], body.aft-default-mode input[type="range"], body.aft-default-mode input[type="date"], body.aft-default-mode input[type="month"], body.aft-default-mode input[type="week"], body.aft-default-mode input[type="time"], body.aft-default-mode input[type="datetime"], body.aft-default-mode input[type="datetime-local"], body.aft-default-mode input[type="color"], body.aft-default-mode textarea, body.aft-default-mode .comment-form input[type="text"], body.aft-default-mode .comment-form input[type="email"], body.aft-default-mode .comment-form input[type="url"], body.aft-default-mode .comment-form textarea{ background-color: rgb(250, 250, 250); } body.aft-light-mode input[type=file], body.aft-light-mode input[type="text"], body.aft-light-mode input[type="email"], body.aft-light-mode input[type="url"], body.aft-light-mode input[type="password"], body.aft-light-mode input[type="search"], body.aft-light-mode input[type="number"], body.aft-light-mode input[type="tel"], body.aft-light-mode input[type="range"], body.aft-light-mode input[type="date"], body.aft-light-mode input[type="month"], body.aft-light-mode input[type="week"], body.aft-light-mode input[type="time"], body.aft-light-mode input[type="datetime"], body.aft-light-mode input[type="datetime-local"], body.aft-light-mode input[type="color"], body.aft-light-mode textarea, body.aft-light-mode .comment-form input[type="text"], body.aft-light-mode .comment-form input[type="email"], body.aft-light-mode .comment-form input[type="url"], body.aft-light-mode .comment-form textarea{ background-color: rgb(250, 250, 250); } /*-------------------------------------------------------------- # Normalize --------------------------------------------------------------*/ /*-------------------------------------------------------------- # Typography --------------------------------------------------------------*/ body, button, input, select, optgroup, textarea { color: #4a4a4a; font-family: 'Roboto', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen-Sans, Ubuntu, Cantarell, 'Helvetica Neue', sans-serif; font-size: 1rem; font-size: 16px; line-height: 1.5; } h1, h2, h3, h4, h5, h6 { clear: both; color: #000000; } .site-title, h1, h2, h3, h4, h5, h6 {font-weight: 700;} .min-read, .nav-tabs>li, .main-navigation ul li a , .site-title, h1, h2, h3, h4, h5, h6 { font-family: 'Rubik', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen-Sans, Ubuntu, Cantarell, 'Helvetica Neue', sans-serif; } p { margin-bottom: 15px; font-family: 'Roboto', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen-Sans, Ubuntu, Cantarell, 'Helvetica Neue', sans-serif; } dfn, cite, em, i { font-style: italic; } blockquote { font-style: italic; border: 0; position: relative; text-align: center; font-size: 1.5625em; line-height: 1.44; margin-top: 2.57143em; margin-bottom: 2.14286em; padding-top: 1.71429em; padding-bottom: 1.71429em; } blockquote blockquote { font-size: 1em; margin-bottom: 0; padding-bottom: 0; } blockquote blockquote:after { border-bottom: 0; } @media not screen and (min-width: 992px) { blockquote { font-size: 1.125em; line-height: 1.33333; margin-top: 2.66667em; margin-bottom: 2em; padding: 0.66667em; padding-top: 1.33333em; padding-bottom: 1.33333em; } } blockquote:before { content: "\201C"; position: absolute; top: -0.75em; left: 50%; padding: 0 0.857em; color: black; background: white; z-index: 1; -webkit-transform: translateX(-50%); transform: translateX(-50%); } blockquote:after { content: ""; display: block; width: 9em; margin-left: -4.5em; position: absolute; top: 0; bottom: 0; left: 50%; border: 1px solid #e5e5e5; border-left: 0; border-right: 0; } blockquote cite { display: block; margin-top: 1.5em; font-size: 0.57143em; line-height: 1.5; font-style: normal; } address { margin: 0 0 1.5em; } abbr, acronym { border-bottom: 1px dotted #666; cursor: help; } mark, ins { /*background: #fff9c0;*/ text-decoration: none; } big { font-size: 125%; } /*-------------------------------------------------------------- # Typography --------------------------------------------------------------*/ /*-------------------------------------------------------------- # Elements --------------------------------------------------------------*/ html { box-sizing: border-box; } *, *:before, *:after { box-sizing: inherit; } body { background-color: #f3f3f3; } hr { background-color: #ccc; border: 0; height: 1px; margin-bottom: 1.5em; } ul, ol { margin: 0; padding: 0; list-style: none; } li > ul, li > ol { margin-bottom: 0; margin-left: 1.5em; } dl { border: 2px solid #e8e8e8; padding: 2.5em; } dt { text-align: left; font-size: 130%; font-weight: bold; } dd { margin: 0; padding: 0 0 1em 0; } img { height: auto; max-width: 100%; } figure { margin: 0 auto; } table { margin: 0 0 1.5em; width: 100%; } /*-------------------------------------------------------------- # Elements --------------------------------------------------------------*/ /*-------------------------------------------------------------- # Preloader --------------------------------------------------------------*/ #af-preloader { width: 100%; height: 100%; position: fixed; background-color: #fff; z-index: 99999999; top: 0; left: 0; } body.aft-dark-mode #af-preloader{ background-color: #181818; } .af-preloader-wrap { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .af-sp { width: 42px; height: 42px; clear: both; margin: 20px auto; } /* Spinner Wave */ .af-sp-wave { border-radius: 50%; position: relative; opacity: 1; } .af-sp-wave:before, .af-sp-wave:after { content: ''; border: 2px #ffbf3f solid; border-radius: 50%; width: 100%; height: 100%; position: absolute; left: 0px; } .af-sp-wave:before { transform: scale(1, 1); opacity: 1; -webkit-animation: spWaveBe 0.6s infinite linear; animation: spWaveBe 0.6s infinite linear; } .af-sp-wave:after { transform: scale(0, 0); opacity: 0; -webkit-animation: spWaveAf 0.6s infinite linear; animation: spWaveAf 0.6s infinite linear; } @-webkit-keyframes spWaveAf { from { -webkit-transform: scale(0.5, 0.5); opacity: 0; } to { -webkit-transform: scale(1, 1); opacity: 1; } } @keyframes spWaveAf { from { transform: scale(0.5, 0.5); opacity: 0; } to { transform: scale(1, 1); opacity: 1; } } @-webkit-keyframes spWaveBe { from { -webkit-transform: scale(1, 1); opacity: 1; } to { -webkit-transform: scale(1.5, 1.5); opacity: 0; } } @keyframes spWaveBe { from { -webkit-transform: scale(1, 1); opacity: 1; } to { -webkit-transform: scale(1.5, 1.5); opacity: 0; } } /*-------------------------------------------------------------- # Preloader --------------------------------------------------------------*/ /*-------------------------------------------------------------- # Forms --------------------------------------------------------------*/ /*-------------------------------------------------------------- # Forms --------------------------------------------------------------*/ /*-------------------------------------------------------------- # Navigation --------------------------------------------------------------*/ /*-------------------------------------------------------------- # Navigation --------------------------------------------------------------*/ /*-------------------------------------------------------------- ## Links --------------------------------------------------------------*/ a { color: #404040; text-decoration: none; } a:visited { color: #404040; } a:hover, a:focus, a:active { color: #1c1c1c; outline: 0; text-decoration: none; } a:focus { outline: 1px dotted; } a:hover, a:active { outline: 0; text-decoration: none; } /*-------------------------------------------------------------- ## color --------------------------------------------------------------*/ /*-------------------------------------------------------------- ## color --------------------------------------------------------------*/ /*-------------------------------------------------------------- ## grid --------------------------------------------------------------*/ .col-1 { width: 100%; } .col-2 { width: 50%; } .col-3 { width: 33.33%; } .col-4 { width: 25%; } .col-16 { width: 16.6667%; } .col-40 { width: 40%; } .col-60 { width: 60%; } .col-66 { width: 66.67%; } .col-75 { width: 75%; } .col-85 { width: 85%; } .float-l { float: left; } .pad { padding-left: 10px; padding-right: 10px; } .marg-15-lr { margin-right: 10px; margin-left: 10px; } .marg-btm-lr { margin-bottom: 10px; } .af-container-row { margin-right: -10px; margin-left: -10px; } .container-wrapper:before, .container-wrapper:after { content: ""; display: table; } .container-wrapper:after { clear: both; } .container-wrapper { max-width: 1300px; margin: 0 auto; padding-left: 15px; padding-right: 15px; } .pos-rel { position: relative; } .container-wrapper #primary { width: 70%; padding-right: 10px; } .container-wrapper #secondary { width: 30%; padding-left: 10px; } #content.container-wrapper{ display: flex; flex-wrap: wrap; align-items: flex-start; } @media only screen and (min-width: 991px){ body.aft-sticky-sidebar #secondary.sidebar-sticky-bottom { position: sticky; bottom: 0; align-self: flex-end; } body.aft-sticky-sidebar #secondary.sidebar-sticky-top { position: sticky; top: 30px; } } body.full-width-content #primary , .container-wrapper #primary.aft-no-sidebar { width: 100%; padding: 0; } .container-wrapper #primary, .container-wrapper #secondary { float: left; } .af-flex-container{ display: flex; } body.align-content-right .container-wrapper #primary, body.align-content-right .container-wrapper #secondary { float: right; } body.align-content-right .container-wrapper #primary { padding-right: 0; padding-left: 10px; } body.align-content-right .container-wrapper #secondary { padding-left: 0; padding-right: 10px; } body.align-content-right #content.container-wrapper{ flex-direction: row-reverse; } /*-------------------------------------------------------------- ## grid --------------------------------------------------------------*/ /*-------------------------------------------------------------- ## Menus --------------------------------------------------------------*/ /*social-navigation=================================*/ .aft-small-social-menu { text-align: right; } .social-widget-menu ul li, .aft-small-social-menu ul li { display: inline-block; vertical-align: middle; } .top-bar-right .aft-small-social-menu ul li{ margin-bottom: 3px; } .social-widget-menu ul li a, .aft-small-social-menu ul li a { font-size: 14px; font-family: FontAwesome; line-height: 1; vertical-align: middle; } .social-widget-menu ul li a:after, .aft-small-social-menu ul li a:after { vertical-align: middle; font-family: FontAwesome; font-size: 14px; line-height: 1; vertical-align: middle; } .social-widget-menu ul li a, .aft-small-social-menu ul li a, .em-author-details ul li a { display: block; width: 30px; height: 30px; font-size: 18px; line-height: 29px; position: relative; text-align: center; } .social-widget-menu ul li a, .em-author-details ul li a, .aft-small-social-menu ul li a { color: #000; } .aft-small-social-menu ul a[href*="dribbble.com"]:after, .social-widget-menu ul a[href*="dribbble.com"]:before { content: "\f17d"; } .aft-small-social-menu ul a[href*="facebook.com"]:after, .social-widget-menu ul a[href*="facebook.com"]:before { content: "\f09a"; } .em-author-details ul li a[href*="facebook.com"], .social-widget-menu ul li a[href*="facebook.com"], .aft-small-social-menu ul li a[href*="facebook.com"] { color: #3b5999; } .em-author-details ul li a[href*="dribbble.com"], .social-widget-menu ul li a[href*="dribbble.com"], .aft-small-social-menu ul li a[href*="dribbble.com"] { color: #ea4c89; } .em-author-details ul li a[href*="vk.com"], .social-widget-menu ul li a[href*="vk.com"], .aft-small-social-menu ul li a[href*="vk.com"] { color: #4c75a3; } .em-author-details ul li a[href*="twitter.com"], .social-widget-menu ul li a[href*="twitter.com"], .aft-small-social-menu ul li a[href*="twitter.com"] { color: #55acee; } .em-author-details ul li a[href*="linkedin.com"], .social-widget-menu ul li a[href*="linkedin.com"], .aft-small-social-menu ul li a[href*="linkedin.com"] { color: #0077B5; } .em-author-details ul li a[href*="instagram.com"], .social-widget-menu ul li a[href*="instagram.com"], .aft-small-social-menu ul li a[href*="instagram.com"] { color: #3F729B; } .em-author-details ul li a[href*="youtube.com"], .social-widget-menu ul li a[href*="youtube.com"], .aft-small-social-menu ul li a[href*="youtube.com"] { color: #cd201f; } .em-author-details ul li a[href*="vimeo.com"], .social-widget-menu ul li a[href*="vimeo.com"], .aft-small-social-menu ul li a[href*="vimeo.com"] { color: #1ab7ea; } .em-author-details ul li a[href*="plus.google.com"], .social-widget-menu ul li a[href*="plus.google.com"], .aft-small-social-menu ul li a[href*="plus.google.com"] { color: #dd4b39; } .em-author-details ul li a[href*="pinterest.com"], .social-widget-menu ul li a[href*="pinterest.com"], .aft-small-social-menu ul li a[href*="pinterest.com"] { color: #bd081c; } .em-author-details ul li a[href*="tumblr.com"], .social-widget-menu ul li a[href*="tumblr.com"], .aft-small-social-menu ul li a[href*="tumblr.com"] { color: #34465d; } .em-author-details ul li a[href*="wordpress.org"], .social-widget-menu ul li a[href*="wordpress.org"], .aft-small-social-menu ul li a[href*="wordpress.org"] { color: #21759b; } .em-author-details ul li a[href*="whatsapp.com"], .social-widget-menu ul li a[href*="whatsapp.com"], .aft-small-social-menu ul li a[href*="whatsapp.com"] { color: #25D366; } .em-author-details ul li a[href*="reddit.com"], .social-widget-menu ul li a[href*="reddit.com"], .aft-small-social-menu ul li a[href*="reddit.com"] { color: #ff5700; } .em-author-details ul li a[href*="t.me"], .social-widget-menu ul li a[href*="t.me"], .aft-small-social-menu ul li a[href*="t.me"] { color: #00405d; } .em-author-details ul li a[href*="ok.ru"], .social-widget-menu ul li a[href*="ok.ru"], .aft-small-social-menu ul li a[href*="ok.ru"] { color: #ed812b; } .em-author-details ul li a[href*="wechat.com"], .social-widget-menu ul li a[href*="wechat.com"], .aft-small-social-menu ul li a[href*="wechat.com"] { color: #09b83e; } .em-author-details ul li a[href*="weibo.com"], .social-widget-menu ul li a[href*="weibo.com"], .aft-small-social-menu ul li a[href*="weibo.com"] { color: #ce1126; } .em-author-details ul li a[href*="github.com"], .social-widget-menu ul li a[href*="github.com"], .aft-small-social-menu ul li a[href*="github.com"] { color: #00405d; } .social-widget-menu ul li a, .em-author-details ul li a, .aft-small-social-menu ul li a { background: #fff; box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.15); } .aft-small-social-menu ul a[href*="vk.com"]:after, .social-widget-menu ul a[href*="vk.com"]:before { content: "\f189"; } .aft-small-social-menu ul a[href*="twitter.com"]:after, .social-widget-menu ul a[href*="twitter.com"]:before { content: "\f099"; } .aft-small-social-menu ul a[href*="linkedin.com"]:after, .social-widget-menu ul a[href*="linkedin.com"]:before { content: "\f0e1"; } .aft-small-social-menu ul a[href*="instagram.com"]:after, .social-widget-menu ul a[href*="instagram.com"]:before { content: "\f16d"; } .aft-small-social-menu ul a[href*="youtube.com"]:after, .social-widget-menu ul a[href*="youtube.com"]:before { content: "\f167"; } .aft-small-social-menu ul a[href*="vimeo.com"]:after, .social-widget-menu ul a[href*="vimeo.com"]:before { content: "\f27d"; } .aft-small-social-menu ul a[href*="plus.google.com"]:after, .social-widget-menu ul a[href*="plus.google.com"]:before { content: "\f0d5"; } .aft-small-social-menu ul a[href*="pinterest.com"]:after, .social-widget-menu ul a[href*="pinterest.com"]:before { content: "\f0d2"; } .aft-small-social-menu ul a[href*="tumblr.com"]:after, .social-widget-menu ul a[href*="tumblr.com"]:before { content: "\f173"; } .aft-small-social-menu ul a[href*="wordpress.org"]:after, .social-widget-menu ul a[href*="wordpress.org"]:before, .aft-small-social-menu ul a[href*="wordpress.com"]:after, .social-widget-menu ul a[href*="wordpress.com"]:before { content: "\f19a"; } .aft-small-social-menu ul a[href*="whatsapp.com"]:after, .social-widget-menu ul a[href*="whatsapp.com"]:before { content: "\f232"; } .aft-small-social-menu ul a[href*="reddit.com"]:after, .social-widget-menu ul a[href*="reddit.com"]:before { content: "\f281"; } .social-navigation ul a[href*="t.me"]:after, .social-widget-menu ul a[href*="t.me"]:before { content: "\f2c6"; } .social-navigation ul a[href*="ok.ru"]:after, .social-widget-menu ul a[href*="ok.ru"]:before { content: "\f263"; } .social-navigation ul a[href*="wechat.com"]:after, .social-widget-menu ul a[href*="wechat.com"]:before { content: "\f1d7"; } .social-navigation ul a[href*="weibo.com"]:after, .social-widget-menu ul a[href*="weibo.com"]:before { content: "\f18a"; } .social-navigation ul a[href*="github.com"]:after, .social-widget-menu ul a[href*="github.com"]:before { content: "\f09b"; } /*social-navigation=================================*/ /*-------------------------------------------------------------- # Navigation --------------------------------------------------------------*/ .top-bar-flex { display: flex; align-items: center; position: relative; min-height: 30px; } .top-bar-left { display: flex; align-items: center; } .off-cancas-panel { line-height: 1; margin-right: 15px; } .offcanvas { display: inline-block; } button.offcanvas-nav{ display: inline-block; padding: 2px; line-height: 0; height: auto; background: transparent; } body.aft-default-mode button.toggle-menu, body.aft-default-mode button.offcanvas-nav { background: transparent; } .offcanvas-nav:focus { outline: 1px dotted; } button.offcanvas-nav:focus-within { outline: 1px dotted #fff; } body.aft-light-mode .offcanvas-nav:focus-within { outline: 1px dotted #000; } .offcanvas-menu { position: relative; overflow: hidden; width: 24px; height: 17px; margin: 0 auto; } .offcanvas-menu span { position: absolute; display: inline-block; width: 100%; left: 0; height: 3px; background-color: #fff; border-color: #fff; transition: .1s all linear; } .offcanvas-menu span.mbtn-mid { top: 50%; margin-top: -1.5px; } body.aft-default-mode .header-style1:not(.header-layout-2) .top-header .offcanvas-menu span.mbtn-top , body.aft-default-mode .header-style1 .top-header .offcanvas-menu span.mbtn-top , .offcanvas-menu span.mbtn-top { background: transparent; border-right:5px solid; border-left:1.1em solid; border-color: #fff; } body.aft-default-mode .header-style1:not(.header-layout-2) .top-header .offcanvas-menu span.mbtn-bot , body.aft-default-mode .header-style1 .top-header .offcanvas-menu span.mbtn-bot , .offcanvas-menu span.mbtn-bot { bottom: 0; background: transparent; border-left:5px solid; border-right:1.1em solid; border-color: #fff; } body.aft-default-mode .header-style1 .top-header .offcanvas:hover .offcanvas-menu span.mbtn-top, .offcanvas:hover .offcanvas-menu span.mbtn-top{ border-left:5px solid; border-right:1.1em solid; border-color: #fff; } body.aft-default-mode .header-style1 .top-header .offcanvas:hover .offcanvas-menu span.mbtn-bot, .offcanvas:hover .offcanvas-menu span.mbtn-bot{ border-right:5px solid; border-left:1.1em solid; border-color: #fff; } #sidr{ width: 380px; visibility: hidden; opacity: 0; padding-left: 15px; padding-right: 15px; position: fixed; top: 0; } @media only screen and (min-width: 992px){ body.sidr-open:before { content: ""; left: 0; top: 0; z-index: 102; width: 100%; height: 100%; position: fixed; cursor: pointer; -webkit-transition: visibility 0s, opacity 0.4s linear; transition: visibility 0s, opacity 0.4s linear; visibility: visible; opacity: 1; background-color: rgba(0, 0, 0, .54); } } @media screen and (min-width: 600px){ body.admin-bar #sidr{ top:32px; } } .sidr.left{ left: -380px; } body.sidr-open #sidr{ visibility: visible; opacity: 1; } .sidr-class-sidr-button-close { font-size: 34px; text-align: right; display: block; } .date-bar-left { line-height: 1; color: #fff; } /*for all navigation==============*/ .main-navigation ul li { position: relative; display: inline-block; transition-duration: 0.5s; text-transform: uppercase; font-size: 14px; line-height: 19px; padding: 15px 25px; padding-left: 0; font-weight: 700; } .main-navigation ul li:after { position: absolute; content: ''; width: 100%; height: 3px; left: 0; bottom: 0; background-color: #fff; } .main-navigation ul li:hover:after { -webkit-animation: af-menu-animation .5s ease-in-out; /* Safari 4+ */ -moz-animation: af-menu-animation .5s ease-in-out; /* Fx 5+ */ -o-animation: af-menu-animation .5s ease-in-out; /* Opera 12+ */ animation: af-menu-animation .5s ease-in-out; /* IE 10+, Fx 29+ */ } @-webkit-keyframes af-menu-animation { 0% { width: 0; } 100% { width: 100%; } } @-moz-keyframes af-menu-animation { 0% { width: 0; } 100% { width: 100%; } } @-o-keyframes af-menu-animation { 0% { width: 0; } 100% { width: 100%; } } @keyframes af-menu-animation { 0% { width: 0; } 100% { width: 100%; } } /*border-bottom-color-repeat*/ .main-navigation ul li:nth-child(7n+1):after {background-color: #2196F3;} .main-navigation ul li:nth-child(7n+2):after {background-color: #4caf50;} .main-navigation ul li:nth-child(7n+3):after {background-color: #ffbf3f;} .main-navigation ul li:nth-child(7n+4):after {background-color: #ff5722;} .main-navigation ul li:nth-child(7n+5):after {background-color: #00BCD4;} .main-navigation ul li:nth-child(7n+6):after {background-color: #9c27b0;} .main-navigation ul li:nth-child(7n+7):after {background-color: #8bc34a;} /*border-bottom-color-repeat*/ .main-navigation .hide-menu-border ul li:after , .main-navigation ul.menu-mobile li:after , .main-navigation ul.sub-menu li:after {display: none;} .main-navigation ul li a { color: #fff; } .main-navigation ul li.page_item_has_children > a:after, .main-navigation ul li.menu-item-has-children > a:after { content: "\f107"; font-family: FontAwesome; padding: 0 5px; color: inherit; font-size: inherit; } .main-navigation ul.children li.page_item_has_children > a:after, .main-navigation ul .sub-menu li.menu-item-has-children > a:after{display: none;} .main-navigation ul.children li.page_item_has_children > a:before, .main-navigation ul .sub-menu li.menu-item-has-children > a:before{ content: "\f105"; font-family: FontAwesome; padding-right: 10px; float: left; } .main-navigation ul.menu-mobile ul.children li.page_item_has_children > a:before, .main-navigation ul.menu-mobile .sub-menu li.menu-item-has-children > a:before{ display: none; } .main-navigation ul ul { float: left; position: absolute; /*top: calc(100% + 5px);*/ top: 100%; left: -999em; z-index: 99999; } .main-navigation .menu ul ul, .main-navigation ul .sub-menu { min-width: 245px; margin-left: 0; width: auto; background: #fff; -webkit-box-shadow: -1px 2px 5px 0 rgba(0, 0, 0, 0.15); -moz-box-shadow: -1px 2px 5px 0 rgba(0, 0, 0, 0.15); -ms-box-shadow: -1px 2px 5px 0 rgba(0, 0, 0, 0.15); -o-box-shadow: -1px 2px 5px 0 rgba(0, 0, 0, 0.15); box-shadow: -1px 2px 5px 0 rgba(0, 0, 0, 0.15); } .main-navigation ul li:focus-within > ul{ left: auto; } .main-navigation ul li:hover > ul, .main-navigation ul li:focus > ul { left: auto; } .main-navigation ul ul li:focus-within > ul{ left: calc(100% + 1px); top: 0; } .main-navigation ul ul li:hover > ul, .main-navigation ul ul li:focus > ul { left: calc(100% + 1px); top: 0; } .main-navigation ul.children li, .main-navigation ul .sub-menu li { display: block; float: none; text-align: left; padding: 0; border-top: 1px solid #f3f3f3; } .main-navigation ul.children li:first-child, .main-navigation ul .sub-menu li:first-child{ border:none; } .main-navigation ul.children li a, .main-navigation ul .sub-menu li a { padding: 10px 15px; display: inline-block; position: relative; color: #1c1c1c; } .aft-home-icon { display: inline-block; padding: 12px; float: left; background: #ffbf3f; line-height: 1; margin-right: 10px; min-height: 50px; } .aft-home-icon a { color: #fff; font-size: 24px; color: #1c1c1c; } .ham { width: 23px; height: 2px; /*top: 50%;*/ display: block; margin-right: auto; background-color: #fff; position: relative; -webkit-transition: all .25s ease-in-out; -moz-transition: all .25s ease-in-out; -ms-transition: all .25s ease-in-out; -o-transition: all .25s ease-in-out; transition: all .25s ease-in-out; } .ham:before, .ham:after { position: absolute; content: ''; width: 100%; height: 2px; left: 0; top: -8px; background-color: #fff; -webkit-transition: all .25s ease-in-out; -moz-transition: all .25s ease-in-out; -ms-transition: all .25s ease-in-out; -o-transition: all .25s ease-in-out; transition: all .25s ease-in-out; } .ham:after { top: 8px; } .ham.exit { background-color: transparent; } body.aft-default-mode .ham.exit{background-color:transparent;} .ham.exit:before { -webkit-transform: translateY(8px) rotateZ(-45deg); -moz-transform: translateY(8px) rotateZ(-45deg); -ms-transform: translateY(8px) rotateZ(-45deg); -o-transform: translateY(8px) rotateZ(-45deg); transform: translateY(8px) rotateZ(-45deg); } .ham.exit:after { -webkit-transform: translateY(-8px) rotateZ(45deg); -moz-transform: translateY(-8px) rotateZ(45deg); -ms-transform: translateY(-8px) rotateZ(45deg); -o-transform: translateY(-8px) rotateZ(45deg); transform: translateY(-8px) rotateZ(45deg); } .main-navigation .menu li a button.mobile-has-submenu {display: none;} @media screen and (max-width: 992px) { .main-navigation .menu li a button.mobile-has-submenu {display: block;} } @media screen and (max-width: 992em) { .toggle-menu { display: block; float: left; } .main-navigation .menu .menu-mobile { margin: 0; padding: 0; display: block; list-style: none; text-align: left; position: absolute; top: 100%; width: 100%; z-index: 9999; display: none; background: #fff; } .main-navigation .menu .menu-mobile li { display: block; border-top: 1px solid #f7f7f7; float: none; padding: 0px; } .main-navigation .menu .menu-mobile li a { line-height: 50px; display: block; position: relative; padding-right: 50px; padding-left: 10px; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } .main-navigation .menu .menu-mobile li a:hover { filter: alpha(opacity=70); opacity: 0.7; } .main-navigation .menu .menu-mobile li a button { position: absolute; top: 0; right: 0; bottom: 0; width: 30px; z-index: 1; background-color: transparent; padding: 25px 20px; color: #404040; } .main-navigation .menu .menu-mobile li a button:focus-within { outline: 1px dotted; } .main-navigation .menu .menu-mobile li a button.active:after { width: 13px; height: 1px; } .main-navigation .menu .menu-mobile li a button:before, .main-navigation .menu .menu-mobile li a button:after { content: ''; width: 13px; height: 2px; background-color: #000; position: absolute; margin: auto; top: 0; right: 0; bottom: 0; left: 0; } .main-navigation .menu .menu-mobile li a button:after { width: 2px; height: 13px; } .main-navigation .menu .menu-mobile li .children , .main-navigation .menu .menu-mobile li .sub-menu { list-style: none; padding: 0; margin: 0; border-top: 1px solid #2d2d2d; display: none; position: relative; box-shadow: none; border-radius: 0px; width: 100%; float: none; left: 0; top: 0; } .main-navigation ul ul a:hover { background: transparent; } .main-navigation ul>li>a:hover:after{ background: transparent; } .main-navigation ul.menu-mobile ul ul, .main-navigation ul.menu-mobile ul li:hover > ul, .main-navigation ul.menu-mobile ul li.focus > ul { left: 0; } body.aft-default-mode .main-navigation ul.menu-mobile li a, .main-navigation ul.menu-mobile a{ color: #000; } .main-navigation .menu .menu-mobile li .children > li a , .main-navigation .menu .menu-mobile li .sub-menu > li a { margin-left: 0; width: 100%; } .main-navigation .menu .menu-mobile li .children > li:first-child , .main-navigation .menu .menu-mobile li .sub-menu > li:first-child { border-top: 0; } } /* Small menu. */ .menu-toggle, .main-navigation.toggled ul { display: block; } .main-navigation .toggle-menu { height: 50px; width: 40px; text-align: center; cursor: pointer; font-size: 15px; display: none; padding: 0; padding-left: 0; background-color: transparent; } .main-navigation .toggle-menu:focus-within{ outline: 1px dotted #fff; outline-offset: -2px; } @media screen and (min-width: 37.5em) { .menu-toggle { display: none; } .main-navigation ul { display: block; } } /*menu-description*/ .main-navigation .menu-description { position: absolute; top: 2px; left: calc(100% - 25px); background-color: #ffbf3f; font-size: 9px; padding: 2px 4px; line-height: 10px; color: #404040; } .main-navigation .menu-description:after { position: absolute; content: ''; width: 0; height: 0; border-left: 0px solid transparent; border-right: 5px solid transparent; border-top: 5px solid #ffbf3f; left: 3px; bottom: -4px; } .main-navigation .menu-item-has-children .menu-description { left: calc(100% - 35px); } .main-navigation .sub-menu .menu-description{ top: 50%; left: inherit; transform: translateY(-50%); margin: 0 5px; } .main-navigation .sub-menu .menu-description:after{display: none;} /*menu-description*/ /*for all navigation==============*/ /*header style 1==============*/ .header-style1 .top-header { padding: 5px 0; background: #1c1c1c; } .header-style1.header-layout-2 .top-header{ padding: 25px 0; } .header-style1 { background: #f0f0f0; } .header-style1 .logo-brand { text-align: center; } .header-style1 .logo-brand .site-description, .header-style1 .logo-brand .site-title { margin: 0; text-transform: uppercase; } .header-style1 .navigation-section-wrapper .container-wrapper { display: flex; align-items: center; justify-content: space-between; position: relative; } .header-style1 .header-middle-part { display: inline-block; flex: auto; } .header-style1 .header-right-part { display: flex; align-items: center; float: right; } .header-style1 .header-right-part > div { margin: 0 2px; /*width: 25px;*/ text-align: center; } .header-style1 .header-right-part > div > a { color: #000; font-size: 14px; } /*search*/ .af-search-wrap { width: 25px; position: relative; display: inline-block; text-align: center; } .search-icon { display: block; line-height: 38px; font-size: 14px; color: #fff; font-weight: 700; text-align: center; outline: 0; } .search-icon:visited, .search-icon:hover, .search-icon:focus, .search-icon:active { color: #fff; outline: 0; } .search-icon:focus{ outline: 1px dotted; } .search-icon:focus-within { outline: 1px dotted; } .af-search-form { background: #fff; position: absolute; right: 0; top: 120%; width: 325px; text-align: left; visibility: hidden; filter: alpha(opacity=0); opacity: 0; margin: 0 auto; margin-top: 1px; padding: 14px; z-index: 99; border-radius: 0px; -webkit-transition: opacity 0.2s, top 0.4s, visibility 0s linear 0.4s; -moz-transition: opacity 0.2s, top 0.4s, visibility 0s linear 0.4s; -ms-transition: opacity 0.2s, top 0.4s, visibility 0s linear 0.4s; -o-transition: opacity 0.2s, top 0.4s, visibility 0s linear 0.4s; transition: opacity 0.2s, top 0.4s, visibility 0s linear 0.4s; -webkit-box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.15); -moz-box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.15); -ms-box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.15); -o-box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.15); box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.15); } .search-overlay.reveal-search .af-search-form { visibility: visible; filter: alpha(opacity=1); opacity: 1; z-index: 999; top: 100%; -webkit-transition: opacity 0.4s, top 0.4s; -moz-transition: opacity 0.4s, top 0.4s; -ms-transition: opacity 0.4s, top 0.4s; -o-transition: opacity 0.4s, top 0.4s; transition: opacity 0.4s, top 0.4s; } .search-form label { width: 75%; float: left; } input.search-field { float: none; width: 100%; padding: 0 14px; height: 38px; -moz-box-sizing: border-box; box-sizing: border-box; background: #fafafa; border: 1px solid #eee; font-size: 13px; font-weight: normal; } .woocommerce-product-search button[type="submit"], input.search-submit { background: #313131; border: 1px solid #313131; border-radius: 0px 3px 3px 0px; color: #fff; padding: 0px; height: 37px; font-size: 13px; width: 25%; margin: 0; } .woocommerce-product-search .search-form { width: 75%; float: left; } .wp-block-search__button.has-icon .search-icon { color: #000; } input[type=search].wp-block-search__input { border-radius: 0; padding: 0 10px; box-sizing: border-box; width: 70%; border: none; } .wp-block-search__button { margin-left: 0; border-radius: 0; background-color: #ffbf3f; color: #000; width: 30%; border: unset; font-size: 14px; } .wp-block-search__button.has-icon { width: unset; } .wp-block-search__inside-wrapper { width: 100% !important; } .wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper { padding: 0; border: unset; } .wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper .wp-block-search__input { padding-right: 10px; padding-left: 10px; } /*search*/ .header-style1.header-layout-2 .top-header .banner-promotions-wrapper{ padding-top: 10px; } /*header style 1==============*/ /*header style 2==============*/ .header-style1 .main-header .af-flex-container{ align-items: center; position: relative; padding-bottom: 25px; padding-top: 25px; } /*.header-style1 .main-header.data-bg .af-flex-container{*/ /*padding-top: 40px;*/ /*padding-bottom: 40px;*/ /*}*/ .header-style1 .top-header.data-bg, .header-style1 .main-header.data-bg{ background-size: cover; background-position: center; background-repeat: no-repeat; position: relative; } .header-style1 .top-header.data-bg:before, .header-style1 .main-header.data-bg:before{ position: absolute; content: ''; top: 0; left: 0; height: 100%; width: 100%; background-color: #000; opacity: 0.5; } .header-style1 .main-header .logo-brand { text-align: left; } /*header style 2==============*/ .header-menu-part { height: 50px; } .bottom-bar { width: 100%; /*height: 49px;*/ z-index: 100; position: relative; background: #1c1c1c; -webkit-transition: height 0s, -webkit-transform .3s; transition: height 0s, -webkit-transform .3s; transition: transform .3s, height 0s; transition: transform .3s, height 0s, -webkit-transform .3s; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); -webkit-transform-style: preserve-3d; transform-style: preserve-3d; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .bottom-bar.aft-sticky-navigation { top: 0; position: fixed; -webkit-transform: translate3d(0, -150px, 0); transform: translate3d(0, -150px, 0); } .admin-bar .bottom-bar.aft-sticky-navigation { top: 32px; } .bottom-bar.aft-sticky-navigation.nav-down { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } /*af sticky navigation*/ /*af sticky navigation*/ /*-------------------------------------------------------------- # Navigation --------------------------------------------------------------*/ /*-------------------------------------------------------------- # Accessibility --------------------------------------------------------------*/ /* Text meant only for screen readers. */ .screen-reader-text { border: 0; clip: rect(1px, 1px, 1px, 1px); clip-path: inset(50%); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute !important; width: 1px; word-wrap: normal !important; /* Many screen reader and browser combinations announce broken words as they would appear visually. */ } .screen-reader-text:focus { background-color: #f1f1f1; border-radius: 3px; box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6); clip: auto !important; clip-path: none; color: #21759b; display: block; font-size: 14px; font-size: 0.875rem; font-weight: bold; height: auto; left: 5px; line-height: normal; padding: 15px 23px 14px; text-decoration: none; top: 5px; width: auto; z-index: 100000; /* Above WP toolbar. */ } /*-------------------------------------------------------------- # Alignments --------------------------------------------------------------*/ .alignleft { display: inline; float: left; margin-right: 1.5em; } .alignright { display: inline; float: right; margin-left: 1.5em; } .aligncenter { clear: both; display: block; margin-left: auto; margin-right: auto; } /*-------------------------------------------------------------- # Clearings --------------------------------------------------------------*/ /*-------------------------------------------------------------- # Widgets --------------------------------------------------------------*/ /*-------------------------------------------------------------- # Content --------------------------------------------------------------*/ .aft-blocks { margin-bottom: 30px; } .comments-title, .widget-title, .header-after1 { position: relative; /* margin: 0 0 10px; */ font-size: 22px; } .comments-title, .widget .widget-title{ margin: 0 0 10px; } .related-title:after, .widget-title:after, .header-after1:after { position: absolute; content: ''; height: 2px; width: 100%; background: #898989; opacity: 0.2; left: 0; bottom: 0; } .widget-title span, .header-after1 span { display: inline-block; position: relative; z-index: 1; padding: 5px; padding-left: 0; padding-right: 10px; text-transform: uppercase; letter-spacing: 1px; border-bottom: 2px solid #ffbf3f; } .wp-block-group .wp-block-search__label, .wp-block-group .wp-block-group__inner-container h1.wp-block-heading, .wp-block-group .wp-block-group__inner-container h2.wp-block-heading, .wp-block-group .wp-block-group__inner-container h3.wp-block-heading, .wp-block-group .wp-block-group__inner-container h4.wp-block-heading, .wp-block-group .wp-block-group__inner-container h5.wp-block-heading, .wp-block-group .wp-block-group__inner-container h6.wp-block-heading{ position: relative; padding: 5px 0; text-transform: uppercase; letter-spacing: 1px; font-size: 22px; line-height: 1.5; margin: 0 0 10px; } .wp-block-group .wp-block-search__label::before, .wp-block-group .wp-block-group__inner-container h1.wp-block-heading::before, .wp-block-group .wp-block-group__inner-container h2.wp-block-heading::before, .wp-block-group .wp-block-group__inner-container h3.wp-block-heading::before, .wp-block-group .wp-block-group__inner-container h4.wp-block-heading::before, .wp-block-group .wp-block-group__inner-container h5.wp-block-heading::before, .wp-block-group .wp-block-group__inner-container h6.wp-block-heading::before { content: ""; position: absolute; left: 0; bottom: 0; width: 100%; height: 2px; background-color: #898989; opacity: 0.2; } .wp-block-group .wp-block-search__label::after, .wp-block-group .wp-block-group__inner-container h1.wp-block-heading::after, .wp-block-group .wp-block-group__inner-container h2.wp-block-heading::after, .wp-block-group .wp-block-group__inner-container h3.wp-block-heading::after, .wp-block-group .wp-block-group__inner-container h4.wp-block-heading::after, .wp-block-group .wp-block-group__inner-container h5.wp-block-heading::after, .wp-block-group .wp-block-group__inner-container h6.wp-block-heading::after { content: ""; position: absolute; left: 0; bottom: 0; width: 100px; height: 2px; background-color: #ffbf3f; } .wp-block-group ul.wp-block-archives li, .wp-block-group ul.wp-block-categories li, .wp-block-group ul.wp-block-categories__list li, .wp-block-group .wp-block-latest-posts.wp-block-latest-posts__list li { margin-bottom: 5px; padding-bottom: 5px; } .aft-dark-mode .entry-content .wp-block-group .wp-block-latest-posts.wp-block-latest-posts__list li a:not(.has-text-color) , .aft-dark-mode .entry-content .wp-block-group .wp-block-tag-cloud a:not(.has-text-color), .aft-dark-mode .entry-content .wp-block-group .wp-block-latest-comments li a:not(.has-text-color), .aft-dark-mode .entry-content .wp-block-group ul.wp-block-archives li a:not(.has-text-color), .aft-dark-mode .entry-content .wp-block-group ul.wp-block-categories li a:not(.has-text-color), .aft-dark-mode .entry-content .wp-block-group ul.wp-block-categories__list li a:not(.has-text-color), .aft-dark-mode .wp-block-group .wp-block-latest-posts.wp-block-latest-posts__list li a { color: #fff; } .aft-default-mode .entry-content .wp-block-group .wp-block-latest-posts.wp-block-latest-posts__list li a:not(.has-text-color) , .aft-default-mode .entry-content .wp-block-group .wp-block-tag-cloud a:not(.has-text-color), .aft-default-mode .entry-content .wp-block-group .wp-block-latest-comments li a:not(.has-text-color), .aft-default-mode .entry-content .wp-block-group ul.wp-block-archives li a:not(.has-text-color), .aft-default-mode .entry-content .wp-block-group ul.wp-block-categories li a:not(.has-text-color), .aft-default-mode .entry-content .wp-block-group ul.wp-block-categories__list li a:not(.has-text-color) , .aft-default-mode .wp-block-group .wp-block-latest-posts.wp-block-latest-posts__list li a { color: #404040; } #secondary .widget-area.color-pad .widget .wp-block-tag-cloud {margin: 0;} /*exclusive posts-----*/ .exclusive-posts { font-size: 14px; line-height: 45px; margin: 0px; position: relative; } .exclusive-posts .exclusive-now { background: #af0000; color: #ffffff; float: left; text-transform: uppercase; position: relative; padding: 0 15px; margin-right: 5px; } .exclusive-posts .exclusive-now strong span{ margin-left: 5px; } .exclusive-slides { padding: 0 5px; overflow: hidden; } .exclusive-slides .marquee { width: 10000px; } .exclusive-slides .marquee, .exclusive-slides .marquee .js-marquee { display: flex; align-items: center; } .exclusive-posts .marquee font, .exclusive-posts .marquee a { padding: 0 25px; font-weight: bold; display: flex; align-items: center; } .exclusive-posts .marquee a span.circle-marq { width: 30px; height: 30px; overflow: hidden; border-radius: 100%; display: inline-block; line-height: 1; margin-right: 5px; position: relative; } .exclusive-posts .marquee a img { height: 30px; width: 30px; object-fit: cover; margin: 0; } .exclusive-posts .marquee a span.circle-marq .trending-no { position: absolute; top: 0; left: 0; height: 100%; width: 100%; color: #fff; background: rgba(28, 28, 28, 0.4); text-align: center; line-height: 28px; font-size: 16px; } /*exclusive posts-----*/ /*grid posts-----*/ .read-single:not(.entry-content-wrap) { margin-bottom: 20px; } .read-img img { width: 100%; } .read-img.read-bg-img { background-size: cover; background-position: center; background-repeat: no-repeat; height: 180px; background-color: #404040; } .read-img.read-bg-img img { margin:0; width: 100%; height: 100%; object-fit: cover; } .read-img.read-bg-img a { display: block; height: 100%; width: 100%; font-size: 0; position: absolute; top: 0; left: 0; } .grid-style .read-bg-img { height: 250px; } .min-read { color: #fff; background: grey; padding: 3px 10px; font-size: 12px; border-radius: 5px; background-color: rgba(0, 0, 0, 0.5); display: inline-block; } .read-img .min-read-post-format { position: absolute; left: 10px; bottom: 10px; display: inline-block; } .af-double-column.list-style .read-img .min-read-post-format { left: 50%; margin: auto; transform: translateX(-50%); min-width: 72px; text-align: center; } .af-post-format { width: 40px; height: 30px; display: inline-block; text-align: center; } .af-post-format i { color: #fff; font-size: 12px; width: 12px; height: 12px; position: relative; } .af-post-format i:after { position: absolute; content: ''; top: 50%; left: 50%; width: 30px; height: 30px; border: 3px solid; border-color: #fff; border-radius: 50%; transform: translate(-50%, -50%); box-sizing: border-box; } .read-img .min-read-post-comment { position: absolute; top: 10px; left: 10px; background: #ffbf3f; display: inline-block; padding: 0px 10px; height: 22px; line-height: 20px; border-radius: 3px; z-index: 1; } .read-img .min-read-post-comment:after { content: ''; position: absolute; width: 0; height: 0; border-right: 11px solid transparent; border-left: 0px solid transparent; border-top: 8px solid #ffbf3f; bottom: -5px; right: 5px; } .entry-meta .min-read-post-comment { margin-right: 8px; } .entry-meta .min-read-post-comment:before { content: "\f0e5"; font-family: FontAwesome; color: inherit; font-size: inherit; } .read-img .min-read-post-comment a { color: #1c1c1c; font-size: 12px; font-weight: bold; line-height: 24px; display: flex; align-items: center; justify-content: center; } /* .aft-dark-mode .read-img .min-read-post-comment a { color: #1c1c1c; } */ .grid-part .read-details, .grid-style .read-details { padding-top: 10px; } .cat-links li { display: inline-block; font-size: 14px; margin-right: 8px; line-height: 1.5; } .cat-links li a, .cat-color-1 { border-bottom: 1px solid #ffbf3f; color: #2b2b2b; padding-bottom: 2px; display: block; } .read-title h4 { font-size: 16px; margin: 5px 0; font-weight: normal; line-height: 1.3; } .read-title h4 a { color: #1c1c1c; font-weight: 700; } .sticky .read-title h4 a:before { content: "\f08d"; font-family: fontawesome; color: #ffbf3f; padding-right: 5px; } .read-title h4 a:hover, .read-title h4 a:focus, .read-title h4 a:active{ color: #000000; } .read-details .entry-meta span { font-size: 12px; color: #1c1c1c; display: inline-block; } .read-details .entry-meta span i { font-size: 12px; } .read-details .entry-meta span.posts-date { margin-right: 8px; } .banner-carousel-1 .read-details .entry-meta span.byline a { color: #fff; } .banner-carousel-1 .read-title h4 { font-size: 22px; } /*grid posts-----*/ /*list posts-----*/ .list-style .read-bg-img { height: 300px; } .list-style .read-single { display: flex; align-items: center; } .list-style .read-title h4 { font-size: 22px; margin: 10px 0; } .full-item-discription{ margin-top: 8px; } .read-descprition { padding: 10px 0; } .post-description p, .read-descprition p { margin: 0; } /*list posts-----*/ /*big + list posts-----*/ .big-grid .read-details:after { position: absolute; content: ''; top: 0; left: 0; height: 100%; width: 100%; opacity: 0.7; background-image: linear-gradient(to bottom, transparent, #000); } .big-grid .read-details { position: absolute; width: 100%; left: 0; bottom: 0; padding: 0 20px 20px 20px; color: #fff; } .big-grid .read-details > *{ position: relative; z-index: 1; } .big-grid .read-details .read-categories {margin-top: 10px;} .big-grid .read-details .af-post-format {width: 30px;} .big-grid .cat-links { margin-bottom: 10px; } .big-grid .read-title h4 { font-size: 32px; margin: 10px 0 0; } .big-grid .cat-links a, .big-grid .read-details .entry-meta span , .big-grid .read-details .entry-meta span a, .big-grid .read-title h4 a { color: #fff; } .newsphere_posts_express_grid .big-grid.col-2 .read-title h4 {font-size: 22px;} .big-grid .read-descprition { padding: 0; } .grid-plus-list .list-style .read-img .read-bg-img { height: 180px; } .grid-part .read-img.read-bg-img { height: 280px; } .banner-post-grid .grid-part .read-img.read-bg-img { height: 300px; } .grid-style.big-grid-small .read-img.read-bg-img { height: 130px; } .grid-style.big-grid-small .big-grid .read-img.read-bg-img { height: 380px; } .small-gird-style .big-grid .read-img.read-bg-img{ height: 220px; } .aft-trending-latest-popular .af-main-banner-featured-posts .small-gird-style .big-grid .read-img.read-bg-img{ height: 265px; } .grid-style.big-grid-small .small-gird-style .big-grid .read-img.read-bg-img{ height: 180px; } .small-gird-style .big-grid .read-details { padding: 10px; } .small-gird-style .big-grid .read-title h4{ font-size: 16px; margin: 5px 0 0; } .aft-trending-latest-popular .small-gird-style .big-grid .read-title h4{ font-size: 22px; } /*big + list posts-----*/ /*grid + list posts-----*/ .grid-plus-list .grid-part .read-title h4 { font-size: 22px; margin: 10px 0; } .grid-plus-list .grid-part .read-descprition { padding: 10px 0; padding-top: 0; } .grid-plus-list .list-part .list-style .read-title h4 { font-size: 14px; } /*grid + list posts-----*/ /*single column-----*/ .newsphere_single_col_categorised_posts .list-style .read-bg-img{margin-right: 15px;} /*single column-----*/ /*banner carousel 1-----*/ .aft-blocks.banner-carousel-1-wrap { background: #1c1c1c; padding: 30px 0; padding-bottom: 10px; background-position: center; background-repeat: no-repeat; background-size: cover; position: relative; } .aft-blocks.banner-carousel-1-wrap.bg-fixed { background-attachment: fixed; } .aft-blocks.banner-carousel-1-wrap.af-main-banner-image-active:before { position: absolute; content: ''; top: 0; left: 0; height: 100%; width: 100%; background: #000; opacity: 0.4; } .banner-carousel-1 .read-single { margin-bottom: 0; } .banner-carousel-1 .read-img.read-bg-img , .banner-carousel-1.banner-carousel-single .read-img.read-bg-img { height: 395px; } .banner-carousel-1.banner-carousel-single.col-60 .read-img.read-bg-img { height: 355px; } .banner-slider-1 .read-single .read-details, .banner-carousel-1 .read-single .read-details { padding: 20px 15px; } .banner-carousel-1 .read-single .read-details { display: flex; align-items: center; min-height: 115px; flex-direction: column; justify-content: center; box-sizing: content-box; } .banner-carousel-1.banner-single-slider .read-single .read-details { display: block; position: absolute; color: #fff; box-sizing: border-box; } .banner-carousel-1.banner-single-slider .read-img.read-bg-img { height: 540px; } .banner-carousel-1 .read-single .read-details > div { width: 100%; } .banner-slider-1 .read-title h4 a, .banner-carousel-1 .read-title h4 a , .banner-slider-1 .read-details .entry-meta span.byline span, .banner-carousel-1 .read-details .entry-meta span.byline span , .banner-slider-1 .read-details .entry-meta span, .banner-carousel-1 .read-details .entry-meta span { color: #fff; } /*af-slider-button===*/ .swiper-slide{ box-sizing: border-box; } .af-widget-carousel .af-slider-btn{ visibility: hidden; opacity: 0; -webkit-transform: scale(0.7); -ms-transform: scale(0.7); transform: scale(0.7); -webkit-transition: 0.4s; -o-transition: 0.4s; transition: 0.4s; } .af-widget-carousel:hover .af-slider-btn{ opacity: 1; visibility: visible; -webkit-transform: translateY(-50%) scale(1); -ms-transform: translateY(-50%) scale(1); transform: translateY(-50%) scale(1); } .af-widget-carousel:hover .af-slider-btn.swiper-button-disabled{ display: none; } .swiper-button-next.af-slider-btn, .swiper-button-prev.af-slider-btn{ background: transparent; width: 35px; height: 35px; font-size: 24px; margin: 0; } .swiper-button-prev.af-slider-btn{left: 0px;} .swiper-button-next.af-slider-btn{right: 0px;} .swiper-button-next.af-slider-btn:after, .swiper-button-prev.af-slider-btn:after{ content: '\f105'; position: absolute; font-family: FontAwesome; font-size: 24px; line-height: 35px; opacity: 0.75; width: 35px; height: 35px; color: #404040; background: #fff; text-align: center; } .swiper-button-prev.af-slider-btn:after{ content: '\f104'; } /*af-slider-button===*/ /*banner carousel 1-----*/ /*banner carousel 2-----*/ .banner-slider-2 .read-single, .banner-carousel-2 .read-single { position: relative; margin-bottom: 0; } .banner-carousel-2 .read-img.read-bg-img { height: 470px; } .banner-slider-2 .read-details{ display: block; position: absolute; color: #fff; padding: 25px; } .banner-slider-2 .read-details .min-read-post-format{ display: inline-block; margin-bottom: 2px; } .banner-slider-2 .read-details .entry-meta span.byline span, .banner-slider-2 .read-details .entry-meta span, .banner-slider-2 .read-title h4 a, .banner-carousel-2 .read-details .entry-meta span.byline span, .banner-carousel-2 .read-details .entry-meta span, .banner-carousel-2 .read-title h4 a { color: #fff; } .banner-slider-2 .read-details .entry-meta span.byline a, .banner-slider-2 .category-color-1, .banner-carousel-2 .category-color-1 { color: #fff; } /*banner carousel 2-----*/ /*banner carousel 3------*/ .banner-carousel-2.center-enabled .active.center { transform: scale(1); -webkit-filter: grayscale(0); /* Safari 6.0 - 9.0 */ filter: grayscale(0); } .banner-carousel-2.center-enabled .active { transform: scale(.92); transition: .6s ease; -webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */ filter: grayscale(100%); } /*banner carousel 3------*/ /*banner slider 1-----*/ .banner-slider-2 .read-single, .banner-slider-1 .read-single { margin-bottom: 0px; } .banner-slider-1 .read-img .read-bg-img { height: 550px; } .banner-slider-1 .read-single .read-details { text-align: center; } .banner-slider-1 .read-img .min-read-post-format { position: absolute; left: 0; bottom: 8px; display: block; width: 100%; text-align: center; } /*banner slider 1-----*/ /*banner slider 2-----*/ .banner-slider-2 .read-img.read-bg-img { height: 525px; } #sidr .banner-slider-2 .read-img.read-bg-img, #secondary .banner-slider-2 .read-img.read-bg-img, .site-footer .banner-slider-2 .read-img.read-bg-img{ height: 230px; } #sidr .posts-slider.banner-slider-2 .read-single , #secondary .posts-slider.banner-slider-2 .read-single , .site-footer .posts-slider.banner-slider-2 .read-single { margin-bottom: 0; } #sidr .banner-slider-2 .big-grid .read-title h4, #secondary .banner-slider-2 .big-grid .read-title h4, .site-footer .banner-slider-2 .big-grid .read-title h4{ font-size: 18px; } /*banner slider 2-----*/ /*banner slider 3------*/ .banner-slider-3 .read-single { display: flex; margin-bottom: 0; align-items: center; } .banner-slider-3 .read-img .read-bg-img { height: 350px; } /*banner slider 3------*/ /* banner order */ .aft-main-banner-wrapper.order-2 { display: flex; flex-wrap: wrap; } .aft-main-banner-wrapper.order-2 .col-66 {order: 2;} .aft-main-banner-wrapper.order-2 .col-3 {order: 1;} .aft-main-banner-wrapper.order-2 .col-66 .af-flex-container .col-60{order: 1;} .aft-main-banner-wrapper.order-2 .col-66 .af-flex-container .col-40{order: 2;} /* banner order */ /*post carousel-----*/ .af-widget-carousel.owl-carousel .owl-nav button.owl-next, .af-widget-carousel.owl-carousel .owl-nav button.owl-prev { display: none; opacity: 0; } .af-widget-carousel.owl-carousel:hover .owl-nav button.owl-next, .af-widget-carousel.owl-carousel:hover .owl-nav button.owl-prev { display: inline-block; opacity: 1; } /*post carousel-----*/ /*post slider-----*/ .posts-slider.banner-slider-2 .read-single { margin-bottom: 30px; } /*post slider-----*/ /*video slider-----*/ span.af-bg-play.af-hide-iframe, .fluid-width-video-wrapper.af-iframe-added, .af-hide-iframe.af-display-iframe{ display: none; } .vid-container.af-video-wrap { background-position: center; background-size: cover; background-repeat: no-repeat; margin-bottom: 10px; position: relative; } span.af-bg-play.af-hide-iframe.af-display-iframe { display: inline-block; } .af-bg-play { display: inline-block; text-align: center; margin-right: 5px; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); text-align: center; } .af-bg-play i { font-size: 25px; width: 35px; height: 35px; color: #fff; line-height: 38px; text-shadow: 0px 1px 5px rgba(0, 0, 0, 0.3); } .af-bg-play i:after { position: absolute; content: ''; top: 50%; left: 50%; width: 55px; height: 55px; border: 5px solid; border-color: #fff; border-radius: 50%; transform: translate(-50%, -50%); box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.3); box-sizing: border-box; } .af-video-slider .swiper-slide{ transition: all 300ms ease-out; border: 2px solid transparent; } .af-video-slider .swiper-slide:hover{ opacity: 0.9; } .af-video-slider .swiper-slide.selected{ opacity: 1; border: 2px solid; } .newsphere_youtube_video_slider_widget .slider-pro{ margin-bottom: 20px; } /*video slider-----*/ /*vertical slider-----*/ .vertical-slider{ height: 539px; margin-bottom: 20px; } .vertical-slider .read-single{ background: #2b2b2b; margin-bottom: 0; padding: 0 10px; min-height: 100px; } .vertical-slider .read-title h4 a, .vertical-slider .cat-links li a{ color: #fff; } .vertical-slider .swiper-button-next.af-slider-btn, .vertical-slider .swiper-button-prev.af-slider-btn, .vertical-slider .af-double-column.list-style .entry-meta{ display: none; } /*vertical slider-----*/ /*trending post vertical slider-----*/ .trending-posts-vertical{ height: 539px; margin-bottom: 20px; } .trending-posts-vertical .trending-no { position: absolute; top: 0; left: 0; background: #ffbf3f; color: #1c1c1c; width: 25px; height: 25px; text-align: center; line-height: 24px; font-size: 14px; font-weight: bold; } .aft-main-banner-wrapper span.trending-no { background: #ffbf3f; padding: 5px 10px; color: #1c1c1c; font-weight: 700; display: inline-block; } #sidr .trending-posts-vertical, #secondary .trending-posts-vertical, .site-footer .trending-posts-vertical{ margin-bottom: 0; } .site-footer .trending-posts-vertical .af-double-column.list-style .read-bg-img, #sidr .trending-posts-vertical .af-double-column.list-style .read-bg-img, #secondary .trending-posts-vertical .af-double-column.list-style .read-bg-img{ height: 100px; } .site-footer .trending-posts-vertical .af-double-column.list-style .read-details, #sidr .trending-posts-vertical .af-double-column.list-style .read-details, #secondary .trending-posts-vertical .af-double-column.list-style .read-details{ height: 100px; overflow: hidden; } .site-footer .trending-posts-vertical .list-style .read-single , #sidr .trending-posts-vertical .list-style .read-single , #secondary .trending-posts-vertical .list-style .read-single { margin-bottom: 0px; align-items: flex-start; } /*trending post vertical slider-----*/ /*author info-----*/ .posts-author-wrapper .aft-small-social-menu, .posts-author-wrapper{ text-align: center; } .posts-author-wrapper .read-img.read-bg-img { height: 150px; width: 150px; border-radius: 50%; margin: 0 auto; background-color: transparent; } .af-author-details { padding: 15px 0; } h4.af-author-display-name { margin-top: 0; font-size: 24px; font-weight: normal; color: #4a4a4a; } .af-author-details ul li { display: inline-block; margin: 3px; } .widget .af-author-details ul li {padding: 0;} .widget .af-author-details ul > li:last-child {margin-bottom: 3px;} #sidr .widget.newsphere_author_info_widget .container-wrapper , #secondary .widget.newsphere_author_info_widget .container-wrapper , footer .widget.newsphere_author_info_widget .container-wrapper{ padding-left: 0; padding-right: 0; } /*author info-----*/ /*aft-trending-latest-popular tab-----*/ .aft-trending-latest-popular{position: relative;} .aft-trending-latest-popular .tabbed-head{margin-bottom: 10px;} .aft-trending-latest-popular .nav-tabs{ border:none; display: flex; } .aft-trending-latest-popular .nav-tabs li{ flex: 1; background: #2b2b2b; text-align: center; justify-content: center; } .aft-trending-latest-popular .nav-tabs>li > a:hover, .aft-trending-latest-popular .nav-tabs>li a.active{ background: #ffbf3f; } .aft-trending-latest-popular .nav-tabs>li>a{ border-radius: 0; border: none; font-size: 16px; color: #fff; font-weight: bold; margin: 0; } .aft-trending-latest-popular .nav-tabs>li>a:focus-within{ outline: 1px dotted; background-color: #ffbf3f; } .aft-trending-latest-popular .nav-tabs>li>a.active:hover, .aft-trending-latest-popular .nav-tabs>li>a:hover, .aft-trending-latest-popular .nav-tabs>li>a.active{ color: #1c1c1c; } .aft-trending-latest-popular .nav-tabs>li>a:hover, .aft-trending-latest-popular .nav-tabs>li>a.active{ border: none; } .aft-trending-latest-popular .read-single{ margin-bottom: 10px; } .aft-trending-latest-popular .af-double-column.list-style .read-bg-img{ height: 90px; width: 25%; } .aft-trending-latest-popular .af-double-column.list-style .read-details.pad.color-tp-pad{ width: 100%; min-height: 90px; display: flex; flex-direction: column; justify-content: center; } .aft-trending-latest-popular .af-double-column.list-style .read-bg-img + .read-details.pad.color-tp-pad{ width: calc(75% - 5px); padding-top: 0; padding-bottom: 0; display: block; min-height: 0; } .swiper-slide .list-part.af-sec-post { width: 100%; } /*aft-trending-latest-popular tab-----*/ /*tabbed post-----*/ .newsphere_tabbed_posts_widget .tabbed-head { position: relative; } .newsphere_tabbed_posts_widget .tabbed-head:after { position: absolute; content: ''; height: 2px; width: 100%; background: #898989; opacity: 0.2; left: 0; bottom: 0; } .newsphere_tabbed_posts_widget .nav-tabs { border: none; margin-bottom: 10px; display: flex; } .newsphere_tabbed_posts_widget .article-tabbed-list > li, .newsphere_tabbed_posts_widget .nav-tabs > li{ margin-bottom: 0; padding-bottom: 0; flex: 1; } .newsphere_tabbed_posts_widget .nav-tabs > li > a.active , .newsphere_tabbed_posts_widget .nav-tabs > li > a { background-color: transparent; border: none; margin: 0; font-size: 16px; color: #1c1c1c; opacity: 0.5; font-weight: bold; display: flex; align-items: center; } .nav-tabs>li>a i { font-size: 14px; margin-right: 5px; } .newsphere_tabbed_posts_widget .nav-tabs > li > a:hover { background-color: transparent; border: none; opacity: 1; } .newsphere_tabbed_posts_widget .nav-tabs > li > a:hover , .newsphere_tabbed_posts_widget .nav-tabs > li > a.active { background-color: transparent; border: none; opacity: 1; border-bottom: 2px solid #ffbf3f; } .newsphere_tabbed_posts_widget .af-double-column.list-style .read-bg-img{ width: 25%; min-width: 100px; } .newsphere_tabbed_posts_widget .af-double-column.list-style .read-details.pad.color-tp-pad{ width: 100%; min-height: 90px; display: flex; flex-direction: column; justify-content: center; } .newsphere_tabbed_posts_widget .af-double-column.list-style .read-bg-img + .read-details.pad.color-tp-pad{ width: calc(75% - 5px); padding-top: 0; padding-bottom: 0; display: block; min-height: 0; } .newsphere_tabbed_posts_widget .list-style .read-single { margin-bottom: 10px; } /*tabbed post-----*/ /*category-pagination-----*/ section.pagination { padding: 15px 0; background: #fff; } .category-part span { font-size: 12px; } .category-part h3 { margin: 5px 0; font-size: 24px; } .pagination-part { padding: 5px 0; } nav.breadcrumb a { font-size: 16px; } nav.breadcrumb a:after { content: '/'; padding: 0 5px; } nav.breadcrumb a:last-child:after { display: none; } /*category-pagination-----*/ /*aft-popular-taxonomies-lists-----*/ .aft-popular-tags { padding: 10px 0px; background: #d2d2d2; font-size: 14px; } .aft-popular-taxonomies-lists strong { margin-right: 10px; color: #1c1c1c; } .aft-popular-taxonomies-lists ul { display: inline-block; } .aft-popular-taxonomies-lists ul li { display: inline-block; margin-right: 10px; } .aft-popular-taxonomies-lists ul li a { color: #1c1c1c; } .aft-popular-taxonomies-lists ul li a:before { content: '\f292'; font-family: FontAwesome; font-size: 12px; padding: 0 5px; } /*aft-popular-taxonomies-lists-----*/ /*double-category---------*/ .af-double-column.list-style .read-bg-img { height: 100px; margin: 0; } .af-double-column.list-style .read-bg-img img{ margin: 0; } .af-double-column.list-style .read-bg-img .min-read-post-format .af-post-format{ display: none; } .af-double-column.list-style .read-title h4 { font-size: 16px; margin: 5px 0; } .af-double-column.list-style .aft-spotlight-posts-1 .read-single { flex-wrap: wrap; } .newsphere_posts_express_list .grid-part .read-title h4, .af-double-column.list-style .aft-spotlight-posts-1 .read-title h4 { font-size: 22px; } .af-double-column.list-style .aft-spotlight-posts-1 .read-details, .af-double-column.list-style .aft-spotlight-posts-1 .read-bg-img { width: 100%; } .af-double-column.list-style .aft-spotlight-posts-1 .read-details{ padding: 10px; } .site-footer .af-double-column.list-style .aft-spotlight-posts-1 .read-bg-img , #sidr .af-double-column.list-style .aft-spotlight-posts-1 .read-bg-img , #secondary .af-double-column.list-style .aft-spotlight-posts-1 .read-bg-img , .af-double-column.list-style .aft-spotlight-posts-1 .read-bg-img { height: 280px; margin: 0; } .af-double-column.list-style .aft-spotlight-posts-1 .read-bg-img .af-post-format {display: inline-block;} .af-double-column.list-style .aft-spotlight-posts-1 .read-bg-img .min-read-post-format { display: inline-block; left: 15px; transform: translateX(0); } /*double-category---------*/ /*featured story---------*/ .af-main-banner-featured-posts.featured-posts .header-after1{ text-align: center; } .af-main-banner-featured-posts.featured-posts .header-after1 span{ padding-left: 10px; } .featured-posts .list-style .read-bg-img .min-read-post-format .em-post-format { display:none; } .featured-posts .list-style .read-bg-img .min-read-post-format .min-read { font-size: 12px; padding: 0 4px; } /*featured story---------*/ /*breadcrumb---------*/ .breadcrumb-trail.breadcrumbs { padding: 20px 0px; } body.aft-single-full-header .breadcrumb-trail.breadcrumbs { padding-bottom: 20px; } ul.trail-items { font-size: 13px; } ul.trail-items li { display: inline-block; margin-right: 5px; } ul.trail-items li a{ font-size: 13px; opacity: 0.7; } ul.trail-items li a:hover{ opacity: 1; transition: all 1200ms cubic-bezier(.215,.610,.355,1); } ul.trail-items li:after { content: ' / '; padding: 0 2px; color: #393E46; font-size: 13px; } ul.trail-items li:last-child:after { display: none; } /*breadcrumb---------*/ /*archive pagination---------*/ .newsphere-pagination { text-align: center; } .newsphere-pagination .nav-links .page-numbers.current, .newsphere-pagination .nav-links .page-numbers { min-width: 30px; height: 30px; text-align: center; line-height: 28px; font-size: 14px; font-weight: 600; display: inline-block; color: rgb(136, 136, 136); padding: 0px; border-width: 1px; border-style: solid; border-color: rgb(222, 222, 222); border-image: initial; text-decoration: none; padding: 0px 10px; } .aft-dark-mode .newsphere-pagination .nav-links .page-numbers { border-color: unset; } .newsphere-pagination .nav-links .page-numbers.current{ color: #1c1c1c; background: #ffbf3f; border-color: #ffbf3f; } .newsphere-pagination span.load-btn{ color: #404040; border: 1px solid; padding: 6px 14px; font-weight: 600; display: inline-block; } .aft-dark-mode .newsphere-pagination span.load-btn{ color: rgba(255,255,255,.75); } /*archive pagination---------*/ /*banner-promotions-wrapper---------*/ .banner-promotions-wrapper .promotion-section { text-align: center; position: relative; } @media screen and (min-width: 769px){ .header-layout-1 .banner-promotions-wrapper .promotion-section{text-align: right;} } /*banner-promotions-wrapper---------*/ /*blog page-----*/ header.header-style2.pag { background: #fff; border-bottom: 1px solid; border-color: #dfdfdf; } body.blog #content{margin-top: 20px;} /*blog page-----*/ /*single page default-----*/ .header-title-wrapper{margin:0;padding-bottom: 0;} h1.page-title{margin-top: 10px;margin-bottom: 20px;} .entry-header .entry-title { margin: 10px 0; } body.single-post .entry-title { font-size: 32px; margin:10px 0; } .wp-block-comment-content a, .logged-in-as a, .comment-content a, .post-excerpt a, .widget_text a, footer .widget_text a, #sidr .widget_text a, .entry-content > [class*="wp-block-"] a:not(.has-text-color), .entry-content > ul a, .entry-content > ul a:visited, .entry-content > ol a, .entry-content > ol a:visited, .entry-content > p a, .entry-content > p a:visited{color: #1e70cd;} .wp-block-heading a, .wp-block-comment-content a, .logged-in-as a, .comment-content a, .post-excerpt a, .widget_text a, footer .widget_text a, .entry-content > [class*="wp-block-"] a:hover, .entry-content > ul a, .entry-content > ul a:hover, .entry-content > ol a, .entry-content > ol a:hover, .entry-content > p a, .entry-content > p a:hover { text-decoration: underline; } body.single-post .min-read-post-format .aft-image-caption { color: #fff; display: block; background: rgba(0, 0, 0,0.5); padding: 5px 10px; } body.single-post .min-read-post-format .aft-image-caption p{ margin-bottom: 0; } body.single-post:not(.aft-single-full-header) .entry-header span.min-read-post-format .af-post-format i{ color: #404040; } body.single-post:not(.aft-single-full-header) .entry-header span.min-read-post-format .af-post-format i:after{ border-color: #404040; } /*single page default-----*/ /*single page full-----*/ body.single-post.aft-single-full-header .entry-title { margin: 10px 0; } body.single-post.aft-single-full-header .read-img .full-width-image { position: relative; } body.single-post.aft-single-full-header .read-img .full-width-image:after { position: absolute; content: ''; top: 0; left: 0; height: 100%; width: 100%; background-color: #000; opacity: 0.5; } body.single-post.aft-single-full-header .read-img .full-width-image img { width: 100%; height: 500px; object-fit: cover; margin: 0; } body.single-post.aft-single-full-header .entry-header .read-details { position: absolute; bottom: 3%; left: 50%; z-index: 1; max-width: 1300px; width: 100%; transform: translate(-50%,0%); color: #fff; padding: 0 15px; } body.single-post.aft-single-full-header .entry-header .read-img .min-read-post-format { position: absolute; left: 50%; right: 15px; bottom: 15px; display: inline-block; max-width: 1300px; width: 100%; transform: translateX(-50%); padding: 0 15px; } body.single-post.aft-single-full-header .entry-header span.min-read-post-format .af-post-format i, body.single-post.aft-single-full-header .entry-header .cat-links li a, body.single-post.aft-single-full-header .entry-header .entry-meta span a, body.single-post.aft-single-full-header .entry-header .entry-meta span, body.single-post.aft-single-full-header .entry-header .read-details .entry-title{ color: #fff; } body.single-post.aft-single-full-header .post-excerpt{ font-size: 18px; } body.single-post .post-excerpt, body.single-post .read-details .entry-meta{ margin-top: 10px; } body.single-post span.min-read-post-format, body.single-post.aft-single-full-header span.min-read-post-format{ margin-top: 10px; display: inline-block; } body.single-post.aft-single-full-header header.entry-header.pos-rel.aft-no-featured-image { min-height: 300px; background: #1c1c1c; } body.single-post.aft-single-full-header .entry-header span.min-read-post-format .af-post-format i:after{ border-color: #fff; } /*single page full-----*/ /*single1 page-----*/ .read-single-notbanner .read-img.read-img .read-bg-img { height: 400px; } body.single span.tags-links{ display: block; margin: 5px 0; font-weight: 500; } body.single span.tags-links a{ padding: 2px 5px; border: 1px solid rgba(57, 62, 70, 0.50); color: rgba(57, 62, 70, 0.80); font-size: 13px; font-weight: normal; transition: all 300ms ease-out; } body.single span.tags-links a:hover{ border: 1px solid #1c1c1c; } body.single.aft-dark-mode span.tags-links a { border-color: rgba(255,255,255,.2); } /*single1 page-----*/ /*single2 page-----*/ .read-single-overbanner { position: relative; } .read-single-overbanner .read-img.read-bg-img { height: 500px; } .read-single-overbanner .read-img.read-bg-img:after { content: ''; position: absolute; top: 0; left: 0; height: 100%; width: 100%; background-color: #000; opacity: 0.25; } .read-single-overbanner .read-details { position: absolute; width: 100%; bottom: 0; left: 0; padding: 15px; background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.75) 100%); background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.75) 100%); background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.75) 100%); } .posts-slider.banner-slider-2 .read-small-piece, .read-single-overbanner .read-small-piece { color: #fff; position: relative; padding-top: 15px; opacity: 0.8; } .posts-slider.banner-slider-2 .read-small-piece p { margin: 15px 0; } .posts-slider.banner-slider-2 .read-small-piece:before, .read-single-overbanner .read-small-piece:before { content: ''; height: 1px; width: 250px; background: #fff; position: absolute; opacity: 0.7; } .read-single-overbanner .read-title h4 { font-size: 36px; } .read-single-overbanner .read-details .entry-meta span.byline span, .read-single-overbanner .read-details .entry-meta span, .read-single-overbanner .cat-color-1, .read-single-overbanner .read-title h4 a { color: #fff; } /*single2 page-----*/ /*inside main banner-----*/ .main-banner-widget-section { position: relative; } .aft-trending-latest-popular .read-single, .main-banner-widget-section .read-single { background: #2b2b2b; } .main-banner-widget-section .af-double-column.list-style .aft-spotlight-posts-1 .read-details, .main-banner-widget-section .read-details { padding: 15px; } .aft-trending-latest-popular .af-main-banner-featured-posts .small-gird-style .big-grid .cat-links li a, .aft-trending-latest-popular .read-details .entry-meta span, .aft-trending-latest-popular .read-details .entry-meta span a, .main-banner-widget-section .read-details .entry-meta span, .main-banner-widget-section .read-details .entry-meta span a, .aft-trending-latest-popular .read-title h4 a, .main-banner-widget-section .read-title h4 a, .main-banner-widget-section .read-details, body.aft-light-mode .af-main-banner-image-active .main-banner-widget-section .header-after1 span, body.aft-default-mode .af-main-banner-image-active .main-banner-widget-section .header-after1 span, .main-banner-widget-section .header-after1 span{ color: #fff; } .aft-trending-latest-popular .cat-links li a, .main-banner-widget-section .cat-links li a, .main-banner-widget-section .cat-color-1 { color: #ffbf3f; } .main-banner-widget-section .header-after1:after{ background: #fff; } /*inside main banner-----*/ /*-------------------------------------------------------------- # Content --------------------------------------------------------------*/ /*-------------------------------------------------------------- # secondary widgets --------------------------------------------------------------*/ #secondary .widget { margin-bottom: 30px; } .site-footer .af-sec-post , #sidr .af-sec-post , #secondary .af-sec-post { width: 100%; } .site-footer .af-sec-list-img, #sidr .af-sec-list-img, #secondary .af-sec-list-img{ width: 25%; height: 100px; } .site-footer .af-sec-list-txt .read-descprition, #sidr .af-sec-list-txt .read-descprition, #secondary .af-sec-list-txt .read-descprition, .site-footer .af-sec-list-img .min-read-post-format, #sidr .af-sec-list-img .min-read-post-format, #secondary .af-sec-list-img .min-read-post-format{ display: none; } .site-footer .af-sec-list-txt, #sidr .af-sec-list-txt, #secondary .af-sec-list-txt{ width: 75%; } .site-footer .af-sec-list-txt .read-title h4, #sidr .af-sec-list-txt .read-title h4, #secondary .af-sec-list-txt .read-title h4{ font-size: 16px; margin: 5px 0; line-height: 1.3; } .site-footer .af-double-column.list-style .read-bg-img, #sidr .af-double-column.list-style .read-bg-img, #secondary .af-double-column.list-style .read-bg-img{ min-width: 100px; } .site-footer .newsphere_posts_list .col-2, #sidr .newsphere_posts_list .col-2, #secondary .newsphere_posts_list .col-2{ width: 100%; } /*-------------------------------------------------------------- # secondary widgets --------------------------------------------------------------*/ /*-------------------------------------------------------------- # wordpress defaults --------------------------------------------------------------*/ .widget ul li { margin-bottom: 5px; padding-bottom: 5px; font-size: 14px; color: #888888; } .widget .cat-links { padding: 0; margin: 0; } .widget .cat-links li { margin-bottom: 2px; padding-bottom: 0; } .widget ul ul { padding-top: 5px; margin-top: 5px; margin-left: 10px; padding-left: 10px; } .wp-block-group .wp-block-latest-posts.wp-block-latest-posts__list li:last-child, .widget ul > li:last-child { margin-bottom: 0; padding-bottom: 0; border-bottom: none; } #sidr .widget > ul > li a, #secondary .widget > ul > li a{ font-size: 15px; color: #404040; } #sidr .widget > ul > li a:hover, #secondary .widget > ul > li a:hover{ color: #1c1c1c; } #sidr .widget , #secondary .widget , footer .widget { margin-bottom: 30px; padding: 0; } #sidr .widget:last-child , #secondary .widget:last-child , footer .widget:last-child { margin-bottom: 0; } /*----------===tag cloud===---------*/ .tagcloud a { display: inline-block; padding: 5px 10px; border: 1px solid; line-height: 1; font-size: 14px !important; margin-right: 5px; margin-bottom: 7px; } /*----------===tag cloud===---------*/ /*----------===calendar===---------*/ #wp-calendar caption { text-align: right; color: #777; font-size: 14px; font-weight: bold; letter-spacing: 1px; } #wp-calendar thead { font-size: 12px; } #wp-calendar thead th { padding: 8px; text-align: center; } #wp-calendar tbody { color: #aaa; } #wp-calendar tbody td { border: 1px solid; border-color: #ddd; text-align: center; padding: 8px; } body.aft-dark-mode #wp-calendar tbody td { border-color: rgba(255,255,255,.2); } #wp-calendar tfoot #prev { font-size: 12px; text-transform: uppercase; padding-top: 15px; } #wp-calendar tfoot #next { font-size: 11px; text-transform: uppercase; text-align: right; } #wp-calendar tbody td a, #wp-calendar tbody td#today { color: #ffbf3f; } /*----------===calendar===---------*/ /*navigation posts navigation====================*/ .nav-links a { color: #000; font-weight: 500; transition: all 300ms ease; display: block; } .nav-links .nav-next a:after { transition: all 300ms ease; } .nav-links .next-post-thumb, .nav-links .prev-post-thumb { display: inline-block; width: 30%; border-radius: 50%; } .post-navigation{ overflow: visible; padding: 10px 0; } .thump-wrap { line-height: 100px; text-align: center; overflow: hidden; position: relative; display: inline-block; width: 100px; height: 100px; border-radius: 50%; } .nav-links .next-post-thumb{ float: right; } .next-post-info, .prev-post-info, .nav-links .prev-post-thumb { float: left; } .nav-links .nav-next:hover .thump-wrap:after, .nav-links .nav-previous:hover .thump-wrap:after { visibility: visible; } .nav-links .prev-post-thumb .thump-wrap:after, .nav-links .next-post-thumb .thump-wrap:after{ position: absolute; height: 100%; width: 100%; font-family: FontAwesome; color: #fff; background: rgba(0,0,0,0.5); top: 0; left: 0; visibility: hidden; } .nav-links .next-post-thumb .thump-wrap:after{content: "\f101";} .nav-links .prev-post-thumb .thump-wrap:after{content: "\f100";} .prev-post-info, .next-post-info { width: 70%; margin-top: 20px; padding: 0 10px; } span.meta-nav { display: block; color: #ababab; font-weight: normal; } span.em-post-navigation { display: block; } .nav-links .nav-previous a:before, .nav-links .nav-next a:after{ padding: 0 5px; font-family: FontAwesome; } .navigation.post-navigation:after, .navigation.post-navigation:after{ content: ""; display: table; } .navigation.post-navigation:after{ clear: both; } .comment-navigation .nav-previous, .posts-navigation .nav-previous, .post-navigation .nav-previous { float: left; text-align: left; width: 50%; } .comment-navigation .nav-next, .posts-navigation .nav-next, .post-navigation .nav-next { float: right; text-align: right; width: 50%; } /*navigation posts navigation====================*/ button, input[type="button"], input[type="reset"], input[type="submit"] { border: none; border-radius: 0; background: #ffbf3f; color: rgb(0, 0, 0); font-size: 14px; line-height: normal; font-weight: bold; letter-spacing: 0.3px; height: 38px; padding: 5px 12px; transition: all 300ms ease-out; } /*-------------------------------------------------------------- # wordpress defaults --------------------------------------------------------------*/ /*-------------------------------------------------------------- ## archive posts --------------------------------------------------------------*/ /*list style posts right image---*/ article.archive-image-alternate:nth-of-type(even) .list-style .read-single , article.archive-image-right .list-style .read-single { flex-direction: row-reverse; } article.archive-image-alternate:nth-of-type(even) .list-style .read-details , article.archive-image-right .list-style .read-details { text-align: right; } /*list style posts right image---*/ /*grid style posts---*/ article.latest-posts-grid{ margin-bottom: 20px; } article.latest-posts-grid .read-single{ margin-bottom: 0; } .archive-masonry-post .read-single img { margin: 0; } /*grid alternate----*/ article.archive-image-up-alternate .archive-grid-post .read-single { display: flex; } article:nth-of-type(3n+1).archive-image-up-alternate .archive-grid-post .read-single { flex-direction: column; } article:nth-of-type(3n+2).archive-image-up-alternate .archive-grid-post .read-single { flex-direction: column-reverse; } article:nth-of-type(3n+3).archive-image-up-alternate .archive-grid-post .read-single { flex-direction: column; } /*grid alternate----*/ /*grid alternate list----*/ article:nth-of-type(4n).archive-image-full-alternate , article:nth-of-type(4n).archive-image-list-alternate { width: 100%; } article:nth-of-type(4n).archive-image-list-alternate .archive-grid-post .read-single { display: flex; align-items: center; } article:nth-of-type(4n).archive-image-list-alternate .archive-grid-post .read-bg-img { height: 300px; width: 50%; float: left; } article:nth-of-type(4n).archive-image-list-alternate .archive-grid-post .read-details { float: left; padding: 0 10px; width: 50%; } /*grid alternate list----*/ /*grid alternate full----*/ article:nth-of-type(4n).archive-image-full-alternate .archive-grid-post .read-bg-img { height: 400px; } /*grid alternate full----*/ /*grid style posts---*/ /*full style posts---*/ article.latest-posts-full .read-title h4 { font-size: 24px; } article.latest-posts-full .read-img img{ width: 100%; margin: 0; } /*full style posts---*/ /*full style posts---*/ .aft-masonry-archive-posts .latest-posts-masonry:not(.has-post-thumbnail) .read-img, .archive-layout-full .latest-posts-full:not(.has-post-thumbnail) .read-img{ display: none; } /*full style posts---*/ /*-------------------------------------------------------------- ## archive posts --------------------------------------------------------------*/ /*-------------------------------------------------------------- ## Posts and pages --------------------------------------------------------------*/ /*-------------------------------------------------------------- ## Comments --------------------------------------------------------------*/ /*comments section====*/ .comment { list-style: none; margin-left: 0; padding-bottom: 13px; border-bottom: 1px dashed #ededed; margin-bottom: 21px; } .comment ol, .comment .children { margin-left: 70px; padding-top: 16px; border-top: 1px dashed #ededed; margin-top: 13px; } .comment ol .comment:last-child, .comment .children .comment:last-child { margin-bottom: 0; padding-bottom: 0; border-bottom: 0; } .comment .wp-block-columns {margin-bottom: 0;} .wp-block-comment-template ol { padding-left: 0; } .widget .wp-block-latest-comments__comment:last-child { margin-bottom: 0; } .comment-author img { float: left; margin-right: 20px; margin-bottom: 20px; width: 50px; } .reply, .comment div#respond, .comment-content { margin-left: 70px; } .comment-content p{ margin-bottom: 5px; } .comment-metadata a { font-size: 12px; color: #7d7d7d; } .fn a { color: #000; } /*comments section====*/ /*comments reply form section====*/ #comments.comments-area{ background: #fff; padding: 15px; } div#respond { margin-top: 20px; padding: 20px; } div#respond h3#reply-title { margin-top: 0; font-weight: 700; font-size: 18px; } div#respond p{ margin-bottom: 5px; } div#respond label { font-weight: normal; } div#respond textarea { width: 100%; background: #fafafa; padding: 10px; } p.comment-form-url, p.comment-form-email, p.comment-form-author { display: inline-block; width: 100%; } p.comment-form-url label, p.comment-form-email label, p.comment-form-author label { display: block; } p.comment-form-url input, p.comment-form-email input, p.comment-form-author input { width: 100%; padding: 10px; border-width: 1px; } p.comment-form-cookies-consent label { margin-left: 8px; position: relative; top: -1px; } div#respond input[type="submit"]{ display: inline-block; margin-top: 10px; } #reply-title small a { display: inline-block; margin-left: 10px; } /*comments reply form section====*/ .wp-block-comment-reply-link a, .reply a { background: rgba(0, 0, 0, 0.1); padding: 4px 10px; border-radius: 3px; display: inline-block; } .aft-dark-mode .wp-block-comment-reply-link a, .aft-dark-mode .reply a { background: rgba(255,255,255,.1); } .comment-content a { word-wrap: break-word; } .bypostauthor { display: block; } /*-------------------------------------------------------------- ## Comments --------------------------------------------------------------*/ /*-------------------------------------------------------------- ##Back to top --------------------------------------------------------------*/ #scroll-up { position: fixed; z-index: 99; bottom: 40px; right: 20px; display: none; width: 50px; height: 50px; font-size: 28px; line-height: 50px; text-align: center; text-decoration: none; cursor: pointer; color: #1c1c1c; background-color: #ffbf3f; opacity: 1 !important; } #scroll-up i { display: inline-block; } /*-------------------------------------------------------------- ##Back to top --------------------------------------------------------------*/ /*-------------------------------------------------------------- # Infinite scroll --------------------------------------------------------------*/ /*-------------------------------------------------------------- # Media --------------------------------------------------------------*/ /*-------------------------------------------------------------- ## Captions --------------------------------------------------------------*/ .wp-caption { margin-bottom: 1.5em; max-width: 100%; } .wp-caption img[class*="wp-image-"] { display: block; margin-left: auto; margin-right: auto; } .wp-caption .wp-caption-text { margin: 0.8075em 0; } .wp-caption-text { text-align: center; } /*-------------------------------------------------------------- ## Galleries --------------------------------------------------------------*/ .gallery-caption { display: block; background: #000; background: rgba(0, 0, 0, .75); color: #fff; font-size: 85%; line-height: 1.22857143; position: absolute; bottom: 0; left: 5px; right: 5px; padding: 15px; text-align: left; } .gallery:after {content:"";display:table;clear:both;} img.aligncenter, div.aligncenter, figure.aligncenter, img.wp-post-image {display:block; margin:1em auto;} img.alignright, div.alignright, figure.alignright {float:right; margin:1em 0 1em 2em;} img.alignleft, div.alignleft, figure.alignleft, img.wp-post-image.attachment-thumb {float:left; margin:1em 1em 2em 0;} figure.gallery-item {max-width: 100%; height: auto; margin:1em 0;} p img.alignright, p img.alignleft {margin-top:0;} .gallery figure img {max-width:100%; height:auto; margin:0 auto; display:block;width: 100%;} .gallery figure {float:left; margin:0 2% 1em 0;margin-bottom: 10px;} .gallery.gallery-columns-1 figure {width:100%; margin:0 0 1em 0; float:none;} .gallery.gallery-columns-3 figure {width:32%;} .gallery.gallery-columns-3 figure:nth-of-type(3n+3) {margin-right:0;} .gallery.gallery-columns-3 figure:nth-of-type(3n+4) {clear:left;} .gallery.gallery-columns-2 figure {width:49%;} .gallery.gallery-columns-2 figure:nth-of-type(even) {margin-right:0;} .gallery.gallery-columns-2 figure:nth-of-type(odd) {clear:left;} .gallery.gallery-columns-4 figure {width:23.25%;} .gallery.gallery-columns-4 figure:nth-of-type(4n+4) {margin-right:0;} .gallery.gallery-columns-4 figure:nth-of-type(4n+5) {clear:left;} .gallery.gallery-columns-5 figure {width:18%;} .gallery.gallery-columns-5 figure:nth-of-type(5n+5) {margin-right:0;} .gallery.gallery-columns-5 figure:nth-of-type(5n+6) {clear:left;} .gallery.gallery-columns-6 figure {width:14.2%;} .gallery.gallery-columns-6 figure:nth-of-type(6n+6) {margin-right:0;} .gallery.gallery-columns-6 figure:nth-of-type(6n+7) {clear:left;} .gallery.gallery-columns-7 figure {width:12%;} .gallery.gallery-columns-7 figure:nth-of-type(7n+7) {margin-right:0;} .gallery.gallery-columns-7 figure:nth-of-type(7n+8) {clear:left;} .gallery.gallery-columns-8 figure {width:10.2%;} .gallery.gallery-columns-8 figure:nth-of-type(8n+8) {margin-right:0;} .gallery.gallery-columns-8 figure:nth-of-type(8n+9) {clear:left;} .gallery.gallery-columns-9 figure {width:8.85%;} .gallery.gallery-columns-9 figure:nth-of-type(9n+9) {margin-right:0;} .gallery.gallery-columns-9 figure:nth-of-type(9n+10) {clear:left;} @media (max-width:767px) { img.alignright, div.alignright, figure.alignright, img.alignleft, div.alignleft, figure.alignleft, img.wp-post-image.attachment-thumb {display:block; margin:1em auto; float:none;} .gallery.gallery-columns-4 figure, .gallery.gallery-columns-5 figure, .gallery.gallery-columns-6 figure, .gallery.gallery-columns-7 figure, .gallery.gallery-columns-8 figure, .gallery.gallery-columns-9 figure {width:100%; margin:0 0 1em 0; float:none;} } /*-------------------------------------------------------------- # mailchimp --------------------------------------------------------------*/ .mailchimp-block { padding: 50px 0; background: #FFECB3; } .mailchimp-block .block-title{ margin: 0; margin-bottom: 10px; } .inner-suscribe { margin: 0 auto; max-width: 730px; width: 100%; } .inner-suscribe p { margin-bottom: 0; } .inner-suscribe .mc4wp-form-fields{ position: relative; } .inner-suscribe .mc4wp-form-fields label { display: none; } .inner-suscribe input { border: none; background: #fff; outline: 0!important; width: 100%; line-height: 38px; padding: 10px 30px; color: #8a8a8a; font-size: 14px; } .inner-suscribe input[type=submit] { border: 0; margin: 0; color: #000; width: 120px; height: 58px; padding: 14px 0; line-height: 30px; background-color: #ffbf3f; position: absolute; border-radius: 0px; right: 0; top: 0; text-transform: uppercase; -webkit-transition: all 0.4s ease; transition: all 0.4s ease; } /*-------------------------------------------------------------- # mailchimp --------------------------------------------------------------*/ /*-------------------------------------------------------------- # Footer --------------------------------------------------------------*/ footer.site-footer { padding-top: 20px; background-color: #1c1c1c; } .footer-navigation .menu li{ display: inline-block; margin-right: 10px; } .aft-default-mode .site-footer .wp-block-group .wp-block-latest-posts.wp-block-latest-posts__list li a, .site-footer a, .footer-navigation .menu li a{ color: #fff; } .footer-navigation .menu li:last-child{ margin-right: 0; } .site-info { text-align: center; padding: 10px 0; } .site-info a{ color: #fff; } .secondary-footer .af-flex-container{ align-items: center; padding: 5px 0; min-height: 30px; } .site-footer h4.af-author-display-name{ color: #fff; } /*-------------------------------------------------------------- # Footer --------------------------------------------------------------*/ /*-------------------------------------------------------------- ##gutenberg support --------------------------------------------------------------*/ figure.alignfull,figure.alignwide{padding: 0;} .aligncenter{text-align: center;} figure.wp-block-gallery {margin-bottom: 20px;} .widget figure.wp-block-gallery {margin-bottom: 0px;} body.full-width-content .alignwide { max-width : 100vw; } .entry-content ol:not([class*="wp-"]) , .entry-content ul:not([class*="wp-"]) { padding-left: 20px; margin-left: 15px; margin-bottom: 15px; } .entry-content ol:not([class*="wp-"]) { list-style: decimal; } .entry-content ul:not([class*="wp-"]) { list-style: disc; } .entry-content ol:not([class*="wp-"]) li, .entry-content ul:not([class*="wp-"]) li{ padding-bottom: 5px; padding-top: 5px; } .entry-content ol:not([class*="wp-"]) ol, .entry-content ol:not([class*="wp-"]) ul, .entry-content ul:not([class*="wp-"]) ol, .entry-content ul:not([class*="wp-"]) ul{ margin-bottom: 0; } .entry-content ol:not([class*="wp-"]) ol li:last-child, .entry-content ol:not([class*="wp-"]) ul li:last-child, .entry-content ul:not([class*="wp-"]) ol li:last-child, .entry-content ul:not([class*="wp-"]) ul li:last-child{ padding-bottom: 0; } .wp-block-cover, .wp-block-cover-image{ margin-bottom: 20px; } p.has-drop-cap:not(:focus):first-letter { font-weight: bold; } body.single-content-mode-boxed.page .breadcrumb-trail.breadcrumbs , body.single-content-mode-boxed.single .breadcrumb-trail.breadcrumbs { padding: 20px 0px; } body.single-content-mode-boxed article.af-single-article{ background-color: #fff; margin-bottom: 20px; } body.single-content-mode-boxed article.af-single-article .color-pad .read-details.color-tp-pad{ padding: 0; } @media (min-width: 1200px){ body.single-content-mode-boxed article.af-single-article{ padding: 5.34em 6.67em; } body.single-content-mode-boxed .af-single-article .alignwide{ margin-left: -3.35em; margin-right: -3.35em; } body.single-content-mode-boxed .af-single-article .alignfull{ margin-left: -6.67em; margin-right: -6.67em; } body.single-content-mode-boxed .af-single-article .alignwide .alignwide, body.single-content-mode-boxed .af-single-article .alignwide .alignfull, body.single-content-mode-boxed .af-single-article .alignfull .alignwide, body.single-content-mode-boxed .af-single-article .alignfull .alignfull{ margin-right: 0; margin-left: 0; } } @media (max-width: 1200px){ body.single-content-mode-boxed article.af-single-article{ margin: 0; padding: 3.34em 2.4em; } body.single-content-mode-boxed .af-single-article .alignwide{ margin-left: -1.2em; margin-right: -1.2em; } body.single-content-mode-boxed .af-single-article .alignfull{ margin-left: -2.4em; margin-right: -2.4em; } body.single-content-mode-boxed .af-single-article .alignwide .alignwide, body.single-content-mode-boxed .af-single-article .alignwide .alignfull, body.single-content-mode-boxed .af-single-article .alignfull .alignwide, body.single-content-mode-boxed .af-single-article .alignfull .alignfull{ margin-right: 0; margin-left: 0; } } @media (max-width: 921px){ body.single-content-mode-boxed article.af-single-article{ padding: 1.5em 2.14em; } body.single-content-mode-boxed .af-single-article .alignwide{ margin-left: -1.07em; margin-right: -1.07em; } body.single-content-mode-boxed .af-single-article .alignfull{ margin-left: -2.14em; margin-right: -2.14em; } } @media (max-width: 544px){ body.single-content-mode-boxed article.af-single-article{ padding: 1.5em 1em; } body.single-content-mode-boxed .af-single-article .alignwide{ margin-left: -.5em; margin-right: -.5em; } body.single-content-mode-boxed .af-single-article .alignfull{ margin-left: -1em; margin-right: -1em; } } @media only screen and ( max-width: 480px ) { .wp-block-media-text{ display: block; } .wp-block-media-text .wp-block-media-text__media{ margin: 10px auto; } .wp-block-media-text .wp-block-media-text__content{ padding: 0; } } /*-------------------------------------------------------------- ##gutenberg support --------------------------------------------------------------*/ /*-------------------------------------------------------------- ##plugin --------------------------------------------------------------*/ .elementor-html #af-preloader{ display: none; } /*language switcher-----*/ .trp-language-switcher .trp-ls-shortcode-language { display: block; height: 0; } .trp-language-switcher > div.trp-ls-shortcode-current-language{ background-color: transparent; background-image: linear-gradient(45deg, transparent 50%, white 50%), linear-gradient(135deg, white 50%, transparent 50%); border: none; } .trp-language-switcher > div.trp-ls-shortcode-current-language a{ color: #fff; } .trp-language-switcher:focus .trp-ls-shortcode-current-language, .trp-language-switcher:hover .trp-ls-shortcode-current-language { visibility: visible; } .trp-language-switcher:focus .trp-ls-shortcode-language, .trp-language-switcher:hover .trp-ls-shortcode-language { top: 100%; } .trp-language-switcher > div.trp-ls-shortcode-language {background-image: none;} .trp-ls-shortcode-language a.trp-ls-shortcode-disabled-language { display: none; } /*language switcher-----*/ /*author box-----*/ .wp-post-author-shortcode{ margin-bottom: 20px; } .wp-post-author-shortcode ul.awpa-contact-info{ margin: 0; padding: 5px 0; } .awpa-img.awpa-author-block { width: auto; } .aft-dark-mode .wp-post-author-meta .wp-post-author-meta-more-posts a, .aft-dark-mode .wp-post-author-shortcode { border-color: rgba(255,255,255,.2); } /*author box-----*/ /*-------------------------------------------------------------- ##plugin --------------------------------------------------------------*/ /*-------------------------------------------------------------- ##show hide date comment and author --------------------------------------------------------------*/ .newsphere_posts_express_grid .small-gird-style .af-post-format, body.aft-hide-minutes-read-in-list .newsphere_posts_express_grid .small-gird-style .min-read, body.aft-hide-minutes-read-in-list .af-double-column.list-style .min-read-post-format, body.aft-hide-comment-count-in-list .af-double-column.list-style .min-read-post-comment, body.aft-hide-comment-count-in-list .newsphere_posts_express_grid .min-read-post-comment, body.aft-hide-date-author-in-list .af-double-column.list-style .author-links, body.aft-hide-date-author-in-list .newsphere_posts_express_grid .author-links { display: none; } body.aft-hide-comment-count-in-list .af-double-column.list-style .aft-spotlight-posts-1 .min-read-post-comment, body.aft-hide-date-author-in-list .af-double-column.list-style .aft-spotlight-posts-1 .author-links{ display: inline-block; } /*-------------------------------------------------------------- ##show hide date comment and author --------------------------------------------------------------*/ /*-------------------------------------------------------------- ##full width content --------------------------------------------------------------*/ body.full-width-content #primary .grid-style.big-grid-small .read-img.read-bg-img{ height: 150px; } body.full-width-content #primary .af-double-column.list-style .read-bg-img { height: 110px; } body.full-width-content #primary .grid-part .read-img.read-bg-img { height: 330px; } body.full-width-content #primary .read-img.read-bg-img{ height: 250px; } body.full-width-content #primary .banner-slider-2 .read-img.read-bg-img { height: 550px; } body.full-width-content #primary .list-style .read-bg-img { height: 330px; } body.full-width-content #primary .af-double-column.list-style .aft-spotlight-posts-1 .read-bg-img{ height: 300px; } body.full-width-content #primary .aft-trending-latest-popular .af-double-column.list-style .read-bg-img{ height: 90px; } body.full-width-content #primary .banner-carousel-1 .read-img.read-bg-img { height: 395px; } body.full-width-content #primary .grid-style.big-grid-small .big-grid .read-img.read-bg-img { height: 500px; } body.full-width-content #primary .trending-posts-vertical .af-double-column.list-style .read-bg-img { height: 100px; } body.full-width-content #primary article:nth-of-type(4n).archive-image-full-alternate .archive-grid-post .read-bg-img{ height: 525px; } body.full-width-content .newsphere_posts_express_grid .small-gird-style .af-post-format, .aft-main-banner-section .newsphere_posts_express_grid .small-gird-style .af-post-format{ display: inline-block; } /*-------------------------------------------------------------- ##full width content --------------------------------------------------------------*/ /*-------------------------------------------------------------- ##color change --------------------------------------------------------------*/ /*for default section ========*/ body .af-single-article .read-details .entry-header-details { padding: 15px; } body.aft-light-mode .af-single-article .read-details .entry-header-details, body.aft-default-mode .af-single-article .read-details .entry-header-details, body.aft-default-mode .sidr, body.aft-default-mode .read-single .color-pad, body.aft-default-mode #secondary .widget-area.color-pad .widget, body.aft-default-mode .read-single.color-pad { background-color: #fff; } /*for default section ========*/ /*for main banner section default========*/ .site-footer .read-single.color-pad , body.aft-default-mode .aft-main-banner-section .read-single.color-pad , .aft-main-banner-section .read-single.color-pad { background-color: #2b2b2b; } body.aft-light-mode.aft-transparent-main-banner-box .aft-main-banner-section .read-single.color-pad , body.aft-dark-mode.aft-transparent-main-banner-box .aft-main-banner-section .read-single.color-pad , body.aft-default-mode.aft-transparent-main-banner-box .aft-main-banner-section .read-single.color-pad { background-color: transparent; position: relative; z-index: 1; } body.aft-light-mode.aft-transparent-main-banner-box .aft-main-banner-section .aft-trending-latest-popular li.af-double-column.list-style, body.aft-dark-mode.aft-transparent-main-banner-box .aft-main-banner-section .aft-trending-latest-popular li.af-double-column.list-style, body.aft-default-mode.aft-transparent-main-banner-box .aft-main-banner-section .aft-trending-latest-popular li.af-double-column.list-style{ position: relative; } body.aft-light-mode.aft-transparent-main-banner-box .aft-main-banner-section .aft-trending-latest-popular li.af-double-column.list-style:before, body.aft-dark-mode.aft-transparent-main-banner-box .aft-main-banner-section .aft-trending-latest-popular li.af-double-column.list-style:before, body.aft-default-mode.aft-transparent-main-banner-box .aft-main-banner-section .aft-trending-latest-popular li.af-double-column.list-style:before, body.aft-light-mode.aft-transparent-main-banner-box .aft-main-banner-section .read-single.color-pad:before , body.aft-dark-mode.aft-transparent-main-banner-box .aft-main-banner-section .read-single.color-pad:before , body.aft-default-mode.aft-transparent-main-banner-box .aft-main-banner-section .read-single.color-pad:before{ position: absolute; content: ''; height: 100%; width: 100%; top: 0; left: 0; background-color: #2b2b2b; opacity: 0.7; } body.aft-light-mode.aft-transparent-main-banner-box .aft-main-banner-section .read-single.color-pad:before , body.aft-dark-mode.aft-transparent-main-banner-box .aft-main-banner-section .read-single.color-pad:before , body.aft-default-mode.aft-transparent-main-banner-box .aft-main-banner-section .read-single.color-pad:before{ z-index: -1; } .site-footer .color-pad .cat-links li a{ color: #ffbf3f; border-bottom: 1px solid #FFF; } .aft-main-banner-section .color-pad .cat-links li a{ border-bottom: 1px solid #ffbf3f; } .site-footer .wp-block-group .wp-block-search__label, .site-footer .wp-block-group .wp-block-group__inner-container h1.wp-block-heading, .site-footer .wp-block-group .wp-block-group__inner-container h2.wp-block-heading, .site-footer .wp-block-group .wp-block-group__inner-container h3.wp-block-heading, .site-footer .wp-block-group .wp-block-group__inner-container h4.wp-block-heading, .site-footer .wp-block-group .wp-block-group__inner-container h5.wp-block-heading, .site-footer .wp-block-group .wp-block-group__inner-container h6.wp-block-heading, .site-footer .color-pad, .site-footer .widget-title span, .site-footer .header-after1 span, .site-footer .color-pad .entry-meta span a, .site-footer .color-pad .entry-meta span, .site-footer .color-pad .read-title h4 a, .aft-main-banner-section .color-pad, .aft-main-banner-section .color-pad .entry-meta span a, .aft-main-banner-section .color-pad .entry-meta span, .aft-main-banner-section .color-pad .read-title h4 a{ color: #fff; } body.full-width-content #primary .newsphere_posts_carousel_widget .read-img.read-bg-img, .aft-main-banner-section .newsphere_posts_carousel_widget .read-img.read-bg-img{ height: 250px; } body.full-width-content #primary .grid-style.big-grid-small .small-gird-style .big-grid .read-img.read-bg-img, .aft-main-banner-section .grid-style.big-grid-small .small-gird-style .big-grid .read-img.read-bg-img{ height: 210px; } body.full-width-content #primary .grid-style.big-grid-small .big-grid .read-img.read-bg-img, .aft-main-banner-section .grid-style.big-grid-small .big-grid .read-img.read-bg-img{ height: 440px; } .aft-main-banner-section .grid-part .read-img.read-bg-img{ height: 300px; } /*for main banner section default========*/ /*=============for dark mode===========*/ body.custom-background.aft-dark-mode, body.aft-dark-mode{ background-color: #181818; } body.aft-dark-mode .header-style1, body.aft-dark-mode .aft-popular-tags{ background-color: #000; } body.aft-dark-mode.single-post:not(.aft-single-full-header) .entry-header span.min-read-post-format .af-post-format i, body.aft-dark-mode .newsphere_tabbed_posts_widget .nav-tabs > li > a:hover, body.aft-dark-mode .newsphere_tabbed_posts_widget .nav-tabs > li > a, body.aft-dark-mode .aft-popular-taxonomies-lists ul li a, body.aft-dark-mode .aft-popular-taxonomies-lists strong, body.aft-dark-mode .exclusive-posts .marquee a, body.aft-dark-mode #sidr .widget > ul > li a, body.aft-dark-mode #secondary .widget > ul > li a, body.aft-dark-mode #scroll-up, body.aft-dark-mode h1, body.aft-dark-mode h2, body.aft-dark-mode h3, body.aft-dark-mode h4, body.aft-dark-mode h5, body.aft-dark-mode h6, body.aft-dark-mode a, body.aft-dark-mode{ color: #fff; } /* body.aft-dark-mode #scroll-up, body.aft-dark-mode .aft-home-icon a{color: #1c1c1c;} body.aft-dark-mode .insta-feed-head a{color: #404040;} */ body.aft-dark-mode footer.site-footer , body.aft-dark-mode .mailchimp-block { background: #111111; } body.aft-dark-mode.single-post:not(.aft-single-full-header) .entry-header span.min-read-post-format .af-post-format i:after, body.aft-dark-mode .af-video-slider .swiper-slide.selected{ border-color: #fff; } body.aft-dark-mode .af-single-article .read-details .entry-header-details, body.aft-dark-mode .af-search-form, body.aft-dark-mode #comments.comments-area, body.aft-dark-mode blockquote:before, body.aft-dark-mode .sidr, body.aft-dark-mode div#respond, body.aft-dark-mode .read-single .color-pad, body.aft-dark-mode.single-content-mode-boxed article.af-single-article, body.aft-dark-mode #secondary .widget-area.color-pad .widget, body.aft-dark-mode .read-single.color-pad { background-color: #212121; } body.aft-dark-mode.aft-transparent-main-banner-box .aft-main-banner-section .aft-trending-latest-popular li.af-double-column.list-style:before, body.aft-dark-mode.aft-transparent-main-banner-box .aft-main-banner-section .read-single.color-pad:before { background-color: #212121; } .aft-dark-mode .comment, .aft-dark-mode .comment ol, .aft-dark-mode .comment .children { border-color: #6e6e6e; } body.aft-dark-mode div#respond{ border-color: transparent; } .main-banner-widget-section .color-tp-pad.no-color-pad, .af-double-column.list-style .aft-spotlight-posts-1 .color-pad .read-details.pad.color-tp-pad, .color-pad .read-details.color-tp-pad { padding: 15px; } .color-pad .read-details.pad.color-tp-pad { padding-top: 0; padding-bottom: 0; } .swiper-slide .color-pad .read-details.pad.color-tp-pad { width: 100%; } .color-tp-pad.no-color-pad { padding: 10px 0; } body.aft-dark-mode .color-pad .cat-links li a{ color: #ffbf3f; border-bottom: 1px solid #FFF; } body.aft-dark-mode blockquote:before, body.aft-dark-mode .color-pad, body.aft-dark-mode .color-pad a, body.aft-dark-mode .color-pad #wp-calendar caption, body.aft-dark-mode .color-pad .nav-links a, body.aft-dark-mode .read-details .entry-meta span, body.aft-dark-mode .color-pad .entry-meta span a, body.aft-dark-mode .color-pad .entry-meta span, body.aft-dark-mode .color-pad .read-title h4 a{ color: #fff; } body.aft-dark-mode .main-navigation ul.children li a, body.aft-dark-mode .main-navigation ul .sub-menu li a, body.aft-dark-mode .main-navigation .menu ul ul, body.aft-dark-mode .main-navigation ul .sub-menu, body.aft-dark-mode .social-widget-menu ul li a, body.aft-dark-mode .em-author-details ul li a, body.aft-dark-mode .aft-small-social-menu ul li a{ background: #000; color: #fff; } body.aft-dark-mode .main-navigation ul.children li, body.aft-dark-mode .main-navigation ul .sub-menu li{ border-top: 1px solid #424242; } body.aft-dark-mode .main-navigation ul.children li:first-child, body.aft-dark-mode .main-navigation ul .sub-menu li:first-child{ border-top-color: transparent; } body.aft-dark-mode .social-widget-menu ul li a, body.aft-dark-mode .em-author-details ul li a, body.aft-dark-mode .aft-small-social-menu ul li a {box-shadow: none;} body.aft-dark-mode input, body.aft-dark-mode input.search-field, body.aft-dark-mode div#respond textarea{ border-color: transparent; background-color: #333333; color: #fff; } /* body.aft-dark-mode button:not(.offcanvas-nav):not(.toggle-menu), body.aft-dark-mode input[type="button"], body.aft-dark-mode input[type="reset"], body.aft-dark-mode input[type="submit"]{ background: #ffbf3f; color: #000; } */ /*forsidebar section========*/ #secondary .widget-area.color-pad .widget{ padding: 10px; } body.aft-default-mode .site-footer .widget-area.color-pad .read-single.color-pad , body.aft-default-mode #secondary .widget-area.color-pad .read-single.color-pad , body.aft-dark-mode .site-footer .widget-area.color-pad .read-single.color-pad , body.aft-dark-mode #secondary .widget-area.color-pad .read-single.color-pad { background-color: transparent; } .widget-area.color-pad .read-details.color-tp-pad { /*padding-top: 0px;*/ padding-bottom: 0px; padding-left: 0px; padding-right: 0px; } .site-footer .widget-area.color-pad .read-details.pad.color-tp-pad , #sidr .widget-area.color-pad .read-details.pad.color-tp-pad , #secondary .widget-area.color-pad .read-details.pad.color-tp-pad { padding-left: 10px; padding-right: 10px; } body.aft-dark-mode .site-footer .widget-area.color-pad .widget > ul > li { color: #bdbdbd; } body.aft-dark-mode .site-footer .widget-area.color-pad .tagcloud a, body.aft-dark-mode .site-footer .widget-area.color-pad .widget > ul > li a, body.aft-dark-mode #secondary .widget-area.color-pad .tagcloud a, body.aft-dark-mode #secondary .widget-area.color-pad .widget > ul > li a{ color: #fff; } /*for main banner section========*/ body.aft-dark-mode .aft-main-banner-section .read-single.color-pad{ background-color: #2b2b2b; } body.aft-dark-mode .aft-main-banner-section .color-pad .cat-links li a{ color: #ffbf3f; border-bottom: 1px solid #FFF; } body.aft-dark-mode .aft-main-banner-section .color-pad, body.aft-dark-mode .aft-main-banner-section .color-pad .entry-meta span a, body.aft-dark-mode .aft-main-banner-section .color-pad .entry-meta span, body.aft-dark-mode .aft-main-banner-section .color-pad .read-title h4 a{ color: #fff; } body.aft-dark-mode .aft-main-banner-section .vertical-slider .cat-links li a{ color: #fff; border-color: #ffbf3f; } /*=============for dark mode===========*/ /*=============for light mode===========*/ body.aft-light-mode .header-style1 .top-header, body.custom-background.aft-light-mode, body.aft-light-mode{ background-color: #f7f7f7; } body.aft-light-mode .header-style1, body.aft-light-mode .aft-popular-tags{ background-color: #f0f0f0; } body.aft-light-mode .offcanvas-menu span{ background-color: #000; } body.aft-light-mode .offcanvas:hover .offcanvas-menu span.mbtn-bot, body.aft-light-mode .offcanvas:hover .offcanvas-menu span.mbtn-top, body.aft-light-mode .offcanvas-menu span.mbtn-top, body.aft-light-mode .offcanvas-menu span.mbtn-bot{ border-color: #000; background-color: transparent; } body.aft-light-mode .bottom-bar{ background-color: #e8e8e8; } body.aft-light-mode .aft-blocks.banner-carousel-1-wrap{ background-color: #f3f3f3; } body.aft-light-mode .trp-language-switcher > div.trp-ls-shortcode-current-language{ background-image: linear-gradient(45deg, transparent 50%, black 50%), linear-gradient(135deg, black 50%, transparent 50%); } /* body.aft-light-mode .af-video-slider .swiper-slide.selected{ border-color: #ffbf3f; } body.aft-light-mode #scroll-up{ background-color: #ffbf3f; } */ body.aft-light-mode .trp-language-switcher > div.trp-ls-shortcode-current-language a, body.aft-light-mode .main-banner-widget-section .header-after1 span, body.aft-light-mode .main-banner-widget-section .read-details, body.aft-light-mode .aft-popular-taxonomies-lists ul li a, body.aft-light-mode .aft-popular-taxonomies-lists strong, body.aft-light-mode .site-footer .header-after1 span, body.aft-light-mode .site-footer .widget-title span, body.aft-light-mode .exclusive-posts .marquee a, body.aft-light-mode .main-navigation ul li a, body.aft-light-mode .search-icon:visited, body.aft-light-mode .search-icon:hover, body.aft-light-mode .search-icon:focus, body.aft-light-mode .search-icon:active, body.aft-light-mode .date-bar-left, body.aft-light-mode h1, body.aft-light-mode h2, body.aft-light-mode h3, body.aft-light-mode h4, body.aft-light-mode h5, body.aft-light-mode h6, body.aft-light-mode a, body.aft-light-mode{ color: #1c1c1c; } body.aft-light-mode .insta-feed-head a{ color: #404040; } body.aft-light-mode .ham:before, body.aft-light-mode .ham:after, body.aft-light-mode .ham{ background-color:#1c1c1c; } body.aft-light-mode .ham.exit{background-color:transparent;} body.aft-light-mode footer.site-footer{ background: #fff; } body.aft-light-mode .mailchimp-block { background: #f3f3f3; } body.aft-light-mode .sidr, body.aft-light-mode .read-single .color-pad, body.aft-light-mode #secondary .widget-area.color-pad .widget, body.aft-light-mode .read-single.color-pad { background-color: #fff; } body.aft-light-mode.aft-transparent-main-banner-box .aft-main-banner-section .aft-trending-latest-popular li.af-double-column.list-style:before, body.aft-light-mode.aft-transparent-main-banner-box .aft-main-banner-section .read-single.color-pad:before { background-color: #fff; } body.aft-light-mode .color-pad .cat-links li a{ color: #2b2b2b; border-bottom: 1px solid #ffbf3f; } body.aft-light-mode #scroll-up, body.aft-light-mode .color-pad, body.aft-light-mode .color-pad a, body.aft-light-mode #wp-calendar caption, body.aft-light-mode .color-pad .nav-links a, body.aft-light-mode .color-pad .entry-meta span a, body.aft-light-mode .color-pad .entry-meta span, body.aft-light-mode .color-pad .read-title h4 a{ color: #1c1c1c; } body.aft-light-mode .big-grid .cat-links li a, body.aft-light-mode .big-grid .read-details .entry-meta span, body.aft-light-mode .big-grid .read-details .entry-meta span a, body.aft-light-mode .big-grid .read-title h4 a{ color: #fff; } body.aft-light-mode .main-banner-widget-section .header-after1:after { background: #898989; } /*forsidebar section========*/ body.aft-light-mode #secondary .widget-area.color-pad .read-single.color-pad { background-color: transparent; } body.aft-light-mode .site-footer .widget-area.color-pad .tagcloud a, body.aft-light-mode .site-footer .widget-area.color-pad .widget > ul > li a, body.aft-light-mode #secondary .widget-area.color-pad .tagcloud a, body.aft-light-mode #secondary .widget-area.color-pad .widget > ul > li a{ color: #404040; } /*for main banner section========*/ body.aft-light-mode .aft-main-banner-section .read-single.color-pad{ background-color: #fff; } body.aft-light-mode .aft-main-banner-section .color-pad .cat-links li a{ color: #ffbf3f; border-bottom: 1px solid #FFF; } body.aft-light-mode .aft-trending-latest-popular .nav-tabs>li>a, body.aft-light-mode .aft-main-banner-section .color-pad, body.aft-light-mode .aft-main-banner-section .color-pad .entry-meta span a, body.aft-light-mode .aft-main-banner-section .color-pad .entry-meta span, body.aft-light-mode .aft-main-banner-section .color-pad .read-title h4 a{ color: #404040; } body.aft-light-mode .aft-main-banner-section .vertical-slider .cat-links li a, body.aft-light-mode .aft-main-banner-section .vertical-slider .cat-links li a{ color: #2b2b2b; border-color: #ffbf3f; } body.aft-light-mode .aft-trending-latest-popular .nav-tabs li{ background-color: #fff; } body.aft-light-mode .aft-trending-latest-popular .nav-tabs>li a.active{ background: #ffbf3f; } /*=============for light mode===========*/ /*==================category colors=========================*/ /*for default mode*/ body.aft-light-mode .color-pad .cat-links li a.newsphere-categories.category-color-1, a.newsphere-categories.category-color-1{border-color: #ffbf3f;} body.aft-light-mode .color-pad .cat-links li a.newsphere-categories.category-color-2, a.newsphere-categories.category-color-2{border-color: #ff5722;} body.aft-light-mode .color-pad .cat-links li a.newsphere-categories.category-color-3, a.newsphere-categories.category-color-3{border-color: #2196F3;} body.aft-light-mode .color-pad .cat-links li a.newsphere-categories.category-color-4, a.newsphere-categories.category-color-4{border-color: #d327f1;} body.aft-light-mode .color-pad .cat-links li a.newsphere-categories.category-color-5, a.newsphere-categories.category-color-5{border-color: #4caf50;} body.aft-light-mode .color-pad .cat-links li a.newsphere-categories.category-color-6, a.newsphere-categories.category-color-6{border-color: #8bc34a;} body.aft-light-mode .color-pad .cat-links li a.newsphere-categories.category-color-7, a.newsphere-categories.category-color-7{border-color: #00BCD4;} .aft-main-banner-section .color-pad .cat-links li a.newsphere-categories.category-color-1, .main-banner-widget-section .color-pad .cat-links li a.newsphere-categories.category-color-1{ color: #ffbf3f;border-color: #fff; } .aft-main-banner-section .color-pad .cat-links li a.newsphere-categories.category-color-2, .main-banner-widget-section .color-pad .cat-links li a.newsphere-categories.category-color-2{ color: #ff5722;border-color: #fff; } .aft-main-banner-section .color-pad .cat-links li a.newsphere-categories.category-color-3, .main-banner-widget-section .color-pad .cat-links li a.newsphere-categories.category-color-3{ color: #2196F3;border-color: #fff; } .aft-main-banner-section .color-pad .cat-links li a.newsphere-categories.category-color-4, .main-banner-widget-section .color-pad .cat-links li a.newsphere-categories.category-color-4{ color: #d327f1;border-color: #fff; } .aft-main-banner-section .color-pad .cat-links li a.newsphere-categories.category-color-5, .main-banner-widget-section .color-pad .cat-links li a.newsphere-categories.category-color-5{ color: #4caf50;border-color: #fff; } .aft-main-banner-section .color-pad .cat-links li a.newsphere-categories.category-color-6, .main-banner-widget-section .color-pad .cat-links li a.newsphere-categories.category-color-6{ color: #8bc34a;border-color: #fff; } .aft-main-banner-section .color-pad .cat-links li a.newsphere-categories.category-color-7, .main-banner-widget-section .color-pad .cat-links li a.newsphere-categories.category-color-7{ color: #00BCD4;border-color: #fff; } /*for default mode*/ /*for dark mode*/ body.aft-dark-mode .aft-main-banner-section .color-pad .cat-links li a.newsphere-categories.category-color-1, body.aft-dark-mode .main-banner-widget-section .color-pad .cat-links li a.newsphere-categories.category-color-1, body.aft-dark-mode .color-pad .cat-links li a.newsphere-categories.category-color-1{color: #ffbf3f;border-color: #fff;} body.aft-dark-mode .aft-main-banner-section .color-pad .cat-links li a.newsphere-categories.category-color-2, body.aft-dark-mode .main-banner-widget-section .color-pad .cat-links li a.newsphere-categories.category-color-2, body.aft-dark-mode .color-pad .cat-links li a.newsphere-categories.category-color-2{color: #ff5722;border-color: #fff;} body.aft-dark-mode .aft-main-banner-section .color-pad .cat-links li a.newsphere-categories.category-color-3, body.aft-dark-mode .main-banner-widget-section .color-pad .cat-links li a.newsphere-categories.category-color-3, body.aft-dark-mode .color-pad .cat-links li a.newsphere-categories.category-color-3{color: #2196F3;border-color: #fff;} body.aft-dark-mode .aft-main-banner-section .color-pad .cat-links li a.newsphere-categories.category-color-4, body.aft-dark-mode .main-banner-widget-section .color-pad .cat-links li a.newsphere-categories.category-color-4, body.aft-dark-mode .color-pad .cat-links li a.newsphere-categories.category-color-4{color: #d327f1;border-color: #fff;} body.aft-dark-mode .aft-main-banner-section .color-pad .cat-links li a.newsphere-categories.category-color-5, body.aft-dark-mode .main-banner-widget-section .color-pad .cat-links li a.newsphere-categories.category-color-5, body.aft-dark-mode .color-pad .cat-links li a.newsphere-categories.category-color-5{color: #4caf50;border-color: #fff;} body.aft-dark-mode .aft-main-banner-section .color-pad .cat-links li a.newsphere-categories.category-color-6, body.aft-dark-mode .main-banner-widget-section .color-pad .cat-links li a.newsphere-categories.category-color-6, body.aft-dark-mode .color-pad .cat-links li a.newsphere-categories.category-color-6{color: #8bc34a;border-color: #fff;} body.aft-dark-mode .aft-main-banner-section .color-pad .cat-links li a.newsphere-categories.category-color-7, body.aft-dark-mode .main-banner-widget-section .color-pad .cat-links li a.newsphere-categories.category-color-7, body.aft-dark-mode .color-pad .cat-links li a.newsphere-categories.category-color-7{color: #00BCD4;border-color: #fff;} /*for dark mode*/ /*for light mode*/ body.aft-light-mode .aft-main-banner-section .color-pad .cat-links li a.newsphere-categories.category-color-1, body.aft-light-mode .main-banner-widget-section .color-pad .cat-links li a.newsphere-categories.category-color-1{ color: #2b2b2b; } body.aft-light-mode .aft-main-banner-section .color-pad .cat-links li a.newsphere-categories.category-color-2, body.aft-light-mode .main-banner-widget-section .color-pad .cat-links li a.newsphere-categories.category-color-2{ color: #2b2b2b; } body.aft-light-mode .aft-main-banner-section .color-pad .cat-links li a.newsphere-categories.category-color-3, body.aft-light-mode .main-banner-widget-section .color-pad .cat-links li a.newsphere-categories.category-color-3{ color: #2b2b2b; } body.aft-light-mode .aft-main-banner-section .color-pad .cat-links li a.newsphere-categories.category-color-4, body.aft-light-mode .main-banner-widget-section .color-pad .cat-links li a.newsphere-categories.category-color-4{ color: #2b2b2b; } body.aft-light-mode .aft-main-banner-section .color-pad .cat-links li a.newsphere-categories.category-color-5, body.aft-light-mode .main-banner-widget-section .color-pad .cat-links li a.newsphere-categories.category-color-5{ color: #2b2b2b; } body.aft-light-mode .aft-main-banner-section .color-pad .cat-links li a.newsphere-categories.category-color-6, body.aft-light-mode .main-banner-widget-section .color-pad .cat-links li a.newsphere-categories.category-color-6{ color: #2b2b2b; } body.aft-light-mode .aft-main-banner-section .color-pad .cat-links li a.newsphere-categories.category-color-7, body.aft-light-mode .main-banner-widget-section .color-pad .cat-links li a.newsphere-categories.category-color-7{ color: #2b2b2b; } /*for light mode*/ /*==================category colors=========================*/ /*-------------------------------------------------------------- ##color change --------------------------------------------------------------*/ /*==================blockspare plugin support=========================*/ .blockspare-blocks .blockspare-blocks.alignwide{ width: auto; max-width: none; margin-left: 0; margin-right: 0; } .entry-content ul.blockspare-social-links{ margin-left: 0; margin-right: 0; padding: 0; } /*==================blockspare plugin support=========================*/ /*-------------------------------------------------------------- # media queries------------------------------------------------ --------------------------------------------------------------*/ @media (min-width: 1600px) { /*.container { width: 1570px; }*/ } @media only screen and (max-width: 1200px) and (min-width: 1024px) { .nav>li>a{ padding: 10px 5px; } } @media screen and (max-width: 990px) { .container-wrapper #secondary, .container-wrapper #primary { width: 100%; padding: 0; } .main-navigation .menu-description:after, .main-navigation ul li.page_item_has_children > a:after, .main-navigation ul li.menu-item-has-children > a:after{ display: none; } .main-navigation .menu-item-has-children .menu-description, .main-navigation .menu-description{ top: 50%; left: inherit; transform: translateY(-50%); margin: 0 5px; } .header-style1 .header-middle-part{ display: block; position: relative; } .header-style1 .header-right-part{ position: absolute; right: 15px; top: 6px; } .col-3.full-wid-resp, .col-66.full-wid-resp{ width: 100%; } .aft-main-banner-wrapper.order-2 .col-66 { margin-top: 10px; } .aft-trending-latest-popular .af-double-column.list-style .read-bg-img{ height: 150px; } .featured-posts .col-3{ width: 50%; } .af-main-banner-latest-posts.grid-layout .col-4, #secondary .newsphere_posts_grid .af-sec-post { width: 33.33%; } } @media screen and (max-width: 768px) { .header-style1 .main-header .af-flex-container{ flex-wrap: wrap; } .header-style1 .main-header .af-flex-container > div:nth-child(2){ padding-top: 10px; } .header-style1 .main-header .logo-brand{ text-align: center; } .banner-carousel-1 .read-single { margin-bottom: 20px; } .aft-main-banner-wrapper .af-flex-container{ flex-wrap: wrap; flex-direction: column-reverse; } .aft-main-banner-wrapper.order-2 .col-66 .af-flex-container{ flex-direction: column; } .header-style1 .main-header .af-flex-container .col-3, .header-style1 .main-header .af-flex-container .col-66, .full-wid-resp, .aft-main-banner-wrapper .col-66 .col-60, .aft-main-banner-wrapper .col-66 .col-40{ width: 100%; } .aft-trending-latest-popular .af-double-column.list-style .read-bg-img{ height: 90px; } .af-double-column.list-style .col-3.pad, .af-main-banner-latest-posts.grid-layout .col-4, .small-gird-style .big-grid.af-sec-post, .newsphere_posts_grid .af-sec-post , #secondary .newsphere_posts_grid .af-sec-post { width: 50%; } body.single-post.aft-single-full-header .post-excerpt{ display: none; } body.single-post.aft-single-full-header .entry-title{ font-size: 35px; } .aft-popular-tags{display: none;} .aft-trending-latest-popular .nav-tabs>li>a{ font-size: 15px; font-weight: normal; } } @media screen and (max-width: 480px) { body.full-width-content #primary .grid-style.big-grid-small .small-gird-style .big-grid .read-img.read-bg-img, .aft-main-banner-section .grid-style.big-grid-small .small-gird-style .big-grid .read-img.read-bg-img, .read-img.read-bg-img{ height: 265px; } .af-sec-post, .col-2,.col-3,.col-4{ width: 100%; } .list-style .read-single{ flex-wrap: wrap; } .af-double-column.list-style .read-single{ flex-wrap: nowrap; } .list-style .read-single .read-details{ padding-top: 10px; } .admin-bar .bottom-bar.aft-sticky-navigation { top: 0; } .top-bar-flex{ flex-wrap: wrap; } .top-bar-left{ justify-content: space-between; } .top-bar-middle .site-branding{ padding: 10px 0; } .aft-small-social-menu { text-align: center; } .header-style1:not(.header-layout-2) .top-header .top-bar-flex{ flex-wrap: nowrap; align-items: flex-start; } .header-style1:not(.header-layout-2) .top-header .top-bar-flex .top-bar-left{ justify-content: unset; } .header-style1:not(.header-layout-2) .top-header .top-bar-flex .top-bar-right .aft-small-social-menu { text-align: right; } .small-gird-style .big-grid.af-sec-post, .af-main-banner-latest-posts.grid-layout .col-4, .newsphere_posts_grid .af-sec-post , #secondary .newsphere_posts_grid .af-sec-post , .af-double-column.list-style .col-3.pad{ width: 100%; } .col-2.af-double-column.list-style .col-4, .col-2 .af-double-column.list-style .col-4, .af-double-column.list-style .col-1 .col-4, .af-double-column.list-style .col-3 .col-4, .af-double-column.list-style .col-4{ width: 25%; min-width: 100px; } .af-double-column.list-style .aft-spotlight-posts-1 .read-details, .af-double-column.list-style .aft-spotlight-posts-1 .read-bg-img, .af-main-banner-latest-posts.grid-layout .col-4, #secondary .newsphere_posts_grid .af-sec-post { width: 100%; } body.full-width-content #primary .af-double-column.list-style .read-bg-img{ height: 100px; } .grid-style.big-grid-small .read-img.read-bg-img { height: 200px; } body .color-pad .read-details.pad.color-tp-pad { padding-top: 15px; padding-bottom: 15px; } .newsphere_single_col_categorised_posts .list-style .read-bg-img { margin-right: 0; } .secondary-footer .af-flex-container { align-items: center; flex-wrap: wrap; text-align: center; } .secondary-footer .af-flex-container > div{ padding: 5px 0; } #sidr{ width: 320px; } .sidr.left{ left: -320px; } } /*-------------------------------------------------------------- # media queries------------------------------------------------ --------------------------------------------------------------*/ .swiper-container{ width:100% !important; } .trending-posts-vertical.swiper-container, .af-widget-carousel.vertical-slider.swiper-container{ height:539px !important; } /* for elementor */ .elementor-default .container-wrapper .elementor-section.elementor-section-full_width.elementor-section-stretched > .elementor-container, .elementor-default .container-wrapper .elementor-section.elementor-section-boxed.elementor-section-stretched > .elementor-container, .elementor-page .container-wrapper .elementor-section.elementor-section-full_width.elementor-section-stretched > .elementor-container, .elementor-page .container-wrapper .elementor-section.elementor-section-boxed.elementor-section-stretched > .elementor-container{ margin-left: auto; margin-right: auto; } .elementor-page .container-wrapper, .elementor-default .container-wrapper { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; } .elementor-page .container-wrapper > *, .elementor-default .container-wrapper > * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .elementor-template-canvas #content.container-wrapper, .elementor-template-full-width #content.container-wrapper{ display: unset; } /* for elementor */ /* for elespare */ .elementor-template-full-width .site > #content.container-wrapper { max-width: unset; padding-right: 0; padding-left: 0; justify-content: center; } .elementor-page .elespare-site-footer .elementor-section-wrap > section.elementor-section > .elementor-container, .elementor-default .elespare-site-footer .elementor-section-wrap > section.elementor-section > .elementor-container, .elementor-page .elespare-site-header .elementor-section-wrap > section.elementor-section > .elementor-container, .elementor-default .elespare-site-header .elementor-section-wrap > section.elementor-section > .elementor-container{ max-width: 1300px; } @media screen and (max-width: 768px){ .elementor-page .elespare-site-footer .elementor-section-wrap > section.elementor-section > .elementor-container, .elementor-default .elespare-site-footer .elementor-section-wrap > section.elementor-section > .elementor-container, .elementor-page .elespare-site-header .elementor-section-wrap > section.elementor-section > .elementor-container, .elementor-default .elespare-site-header .elementor-section-wrap > section.elementor-section > .elementor-container{ padding-left: 15px; padding-right: 15px; } } /* for elespare */