Newslampungterkini.com – Penyakit diabetes dan kanker menjadi penyakit yang cukup mematikan di Indonesia, bahkan bagi masyarakat dunia. Berdasarkan data dari International Diabetes Federation (IDF), jumlah penderita diabetes di Indonesia pada tahun 2021 sebesar 19,47 juta jiwa. Jumlah penderita diabetes akan semakin meningkat hingga 28,57 juta jiwa pada tahun 2045.
Selain itu, menurut data dari Global Cancer Statistics (Globocan) menyatakan, kasus kanker di Indonesia mengalami peningkatan di tahun 2020 yang mencapai 396.914 kasus dengan jumlah kematian mencapai 234.511 kasus. Adapun rincian penyakit kanker yang mengalami peningkatan terbanyak yakni terdiri atas penyakit kanker payudara (16,6%), dan kanker serviks (8,8%).
Menurut informasi dari Kementerian Kesehatan (Kemenkes) Republik Indonesia tahun 2019, diabetes melitus (DM) merupakan penyakit kronis yang terjadi saat pankreas tidak menghasilkan cukup insulin atau tubuh tidak dapat menggunakan insulin yang dihasilkan secara efektif. Penanganan penyakit DM saat ini dilakukan melalui pemberian insulin dan obat-obatan antidiabetes seperti sulfonylurea dan metformin.
Namun ternyata, beberapa kasus penyakit DM ternyata tidak dapat ditangani dengan sulfonylurea dan metformin . Penyakit DM ditandai dengan Hiperglikemia kronis yang dapat menyebabkan kerusakan pada sel makhluk hidup, sehingga dapat memicu terbentuknya sel kanker.
Selain pengobatan mengenai penyakit DM, proses pengobatan penyakit kanker juga dilakukan dengan kemoterapi, radioterapi, dan pembedahan. Namun, kemoterapi ternyata justru memberikan efek samping karena obat-obatan yang digunakan menyerang sel-sel normal dalam tubuh dan pembedahan tidak seluruhnya mampu mengangkat jaringan tubuh yang terkena kanker.
Berbagai masalah dan keresahan tadi membuat para mahasiswa Universitas Lampung termotivasi untuk membuat inovasi alternatif bahan obat dari kulit kayu. Adapun inovasi yang dilakukan oleh para mahasiswa Unila pada Pekan Kreativitas Mahasiswa bidang Riset Eksakta (PKM-RE) ini bertemakan “Alternatif Bahan Obat Antidiabetes dan Antikanker Berupa Senyawa Aktif yang Berasal dari Kulit Kayu Famili Dipterocarpaceae”.
Para mahasiswa tersebut terbentuk dalam sebuah kelompok yang dikenal dengan sebutan tim Dipterocarpaceae, terinspirasi dari bahan kulit kayu untuk bahan obat yang termasuk dalam famili dipterocarpaceae . Mereka merupakan sekumpulan mahasiswa dari Fakultas Matematika dan Ilmu Pengetahuan Alam (FMIPA) Unila dibawah bimbingan dosen Prof. Dr. Noviany S.Si., M. Si.
Tim Dipterocarpaceae sendiri memutuskan untuk melakukan beberapa penelitian pengujian ekstrak dan senyawa aktif bahan alam yang memiliki bioaktivitas sebagai alternatif untuk obat diabetes dan kanker dilakukan sebagai upaya menangani kedua penyakit tersebut. Senyawa-senyawa aktif tersebut masuk dalam golongan senyawa metabolit sekunder.
Dina Elviana (Kimia 2021), selaku anggota dari tim Dipterocarpaceae juga menjelaskan terkait proses dan tahapan dalam pembuatan alternatif bahan obat ini saat diajukan dalam Pekan Kreativitas Mahasiswa bidang Riset Eksakta tingkat Universitas.
“Kalau proses untuk riset kami sendiri itu ada 3, kami melakukan ekstraksi dan isolasi senyawa metabolit sekunder dari kulit kayu famili dipterocarpaceae, uji aktivitas antidiabetes ekstrak dan senyawa hasil isolasi secara in vitro menggunakan enzim a-amilase, kemudian kami juga melakukan uji aktivitas antikanker secara in vitro menggunakan sel kanker MCF-7,” ujar Sidik, Selasa, 30 Juli 2024.
Adapun bahan-bahan yang digunakan dalam riset ini antara lain yakni metanol, n-heksana, etil asetat, kloroform, aquadest, kertas saring, pereaksi Folin-Ciocalteau (FC), Na2CO3 1 M, asam galat, buffer fosfat 0,1 M pH 6,9 (NaH2PO4 dan Na2HPO4), DMSO, a-amilase, HCl 1 M, pereaksi iodin, amilum, serta sampel berupa serbuk kulit kayu yang diperoleh dari Kecamatan Lengkiti, Kabupaten Ogan Komering Ulu, Sumatra Selatan.
Selain proses penelitian, riset ini juga bertujuan untuk mengetahui kandungan senyawa metabolit sekunder, menentukan kadar fenolik total, serta mengetahui aktivitas antidiabetes dan sitotoksik dari kulit Hopea Mengarawan.
Dina juga memaparkan, bahwa proses pengujian terhadap senyawa aktif dari genus lain famili dipterocarpaceae sebagai antidiabetes dan antikanker belum banyak atau bahkan belum pernah dilakukan. Hal ini menjadi dorongan bagi para mahasiswa FMIPA Unila untuk melakukan riset mengenai ekstraksi dan mengisolasi senyawa aktif dari kulit kayu dipterocarpaceae sebagai alternatif untuk bahan obat.
Dilansir dari akun instagram @pkmre.dipterocarpaceae, Senyawa aktif dari kulit kayu Dipterocarpus littoralis yang termasuk dalam famili dipterocarpaceae, diketahui memiliki aktivitas antidiabetes, antioksidan dan antiplasmodial. Selain itu, hasil ekstraksi dari tumbuhan tersebut diketahui sebagai antibakteri Staphylococcus aureus, Salmonella enteritidis, dan Pseudomonas aeruginosa, antioksidan, serta antikanker.
“Sebenarnya, semua yang ada di bumi ini pasti diciptakan untuk dimanfaatkan dan dipergunakan sesuai dengan takarannya. Oleh karena itu, kami mencoba untuk menggali potensi dari tanaman famili dipterocarpaceae untuk dijadikan alternatif bahan obat antidiabetes dan antikanker. Hasil riset ini diharapkan dapat menjadi pembaharuan di dunia penelitian, terkait alternatif bahan obat yang berasal dari tumbuhan.“ ujar Dina
Dina juga menceritakan mengenai kendala yang terjadi selama melakukan riset. Menurutnya, hasil riset yang diperoleh belum tentu mendapatkan pengaruh dan khasiat yang baik, sehingga perlu dilakukan pengujian berulang kali. Dina bersama teman-teman juga sempat mengalami trial and error karena berbagai percobaan eksperimen dan takaran yang kurang pas.
Namun, dengan motivasi, keinginan yang kuat, serta dukungan antar anggota tim menjadi kekuatan untuk menyelesaikan penelitian PKM-RE ini. Prinsip dari tim Dipterocarpaceae sendiri adalah berusaha untuk menyelesaikan apa yang telah dimulai. Meskipun gagal beberapa kali, jangan pantang menyerah dan terus mencoba hingga mendapatkan hasil yang terbaik.
Lewat hasil penelitian tersebut, tim Dipterocarpaceae juga berupaya untuk mempublikasikan inovasi bahan obat kulit kayu dalam sebuah artikel ilmiah. Selain itu, hasil penelitian ini diharapkan dapat menjadi solusi bagi perkembangan inovasi medis untuk pengobatan.
Pesan dari tim Dipterocarpaceae, jangan takut untuk mencoba hal baru. Selalu menaati aturan dengan segala panduan dan kaidah yang ada, termasuk pada PKM. Terus bersemangat dan bersungguh-sungguh dengan setiap proses yang telah dilakukan, dan tak lupa untuk percaya diri akan kemampuan yang dimiliki.
(sn/hm/vd)
Baca Lebih Banyak Berita Klik di Google News
Post navigation
/*
Theme Name: Newsphere
Theme URI: https://afthemes.com/products/newsphere/
Author: AF themes
Author URI: https://www.afthemes.com/
Requires at least: 4.0
Requires PHP: 5.3
Tested up to: 6.8
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: 4.4.3
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, three-columns, four-columns, grid-layout, block-patterns, block-styles, left-sidebar, right-sidebar, custom-header, flexible-header, custom-background, custom-logo, custom-menu, custom-colors, featured-images, full-width-template, post-formats, rtl-language-support, footer-widgets, translation-ready, theme-options, threaded-comments, wide-blocks
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',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: #000000;
font-family: 'Roboto',sans-serif;
font-size: 1rem;
font-size: 17px;
line-height: 1.5;
}
h1, h2, h3, h4, h5, h6 {
clear: both;
color: #000000;
}
.site-title, h1, h2, h3, h4, h5, h6 {font-weight: 600;}
.wp-block-search__label,
.min-read,
.nav-tabs>li,
.main-navigation ul li a ,
.site-title, h1, h2, h3, h4, h5, h6 {
font-family: 'Roboto',sans-serif;
}
p {
margin-bottom: 15px;
font-family: 'Roboto',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;
}
ul.wp-block-list{
list-style-type: revert;
margin-left: 1.5em;
}
ol.wp-block-list {
list-style-type: decimal;
margin-left: 1.5em;
}
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:last-child {
margin-bottom: 5px;
padding-bottom: 5px;
}
.social-widget-menu ul li a,
.aft-small-social-menu ul li a {
font-size: 14px;
font-family: 'aft-icons' !important;
line-height: 1;
vertical-align: middle;
}
.social-widget-menu ul li a:after,
.aft-small-social-menu ul li a:after {
font-family: 'aft-icons' !important;
font-size: 14px;
}
.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;
}
.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*="x.com"],
.social-widget-menu ul li a[href*="x.com"],
.aft-small-social-menu ul li a[href*="x.com"],
.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: #000;
}
.em-author-details ul li a[href*="tiktok.com"],
.social-widget-menu ul li a[href*="tiktok.com"],
.aft-small-social-menu ul li a[href*="tiktok.com"] {
color: #000;
}
.em-author-details ul li a[href*="buffer.com"],
.social-widget-menu ul li a[href*="buffer.com"],
.aft-small-social-menu ul li a[href*="buffer.com"] {
color: #000;
}
.em-author-details ul li a[href*="threads.com"],
.social-widget-menu ul li a[href*="threads.com"],
.aft-small-social-menu ul li a[href*="threads.com"] {
color: #000;
}
.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*="telegram.com"],
.social-widget-menu ul li a[href*="telegram.com"],
.aft-small-social-menu ul li a[href*="telegram.com"] {
color: #0088cc;
}
.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*="buffer.com"]:after,
.social-widget-menu ul a[href*="buffer.com"]:before {
content: "\e925";
}
.aft-small-social-menu ul a[href*="snapchat.com"]:after,
.social-widget-menu ul a[href*="snapchat.com"]:before {
content: "\f2ad";
}
.aft-small-social-menu ul a[href*="viber.com"]:after,
.social-widget-menu ul a[href*="viber.com"]:before {
content: "\e90c";
}
.aft-small-social-menu ul a[href*="twitch.com"]:after,
.social-widget-menu ul a[href*="twitch.com"]:before {
content: "\e90b";
}
.aft-small-social-menu ul a[href*="tiktok.com"]:after,
.social-widget-menu ul a[href*="tiktok.com"]:before {
content: "\e900";
}
.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";
}
.aft-small-social-menu ul a[href*="threads.com"]:after,
.social-widget-menu ul a[href*="threads.com"]:before {
content: "\e916";
}
.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*="x.com"]:after,
.social-widget-menu ul a[href*="x.com"]:before,
.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: "\f16a";
}
.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";
}
.aft-small-social-menu ul a[href*="t.me"]:after,
.social-widget-menu ul a[href*="t.me"]:before {
content: "\f2c6";
}
.aft-small-social-menu ul a[href*="ok.ru"]:after,
.social-widget-menu ul a[href*="ok.ru"]:before {
content: "\f263";
}
.aft-small-social-menu ul a[href*="wechat.com"]:after,
.social-widget-menu ul a[href*="wechat.com"]:before {
content: "\f1d7";
}
.aft-small-social-menu ul a[href*="weibo.com"]:after,
.social-widget-menu ul a[href*="weibo.com"]:before {
content: "\f18a";
}
.aft-small-social-menu ul a[href*="github.com"]:after,
.social-widget-menu ul a[href*="github.com"]:before {
content: "\e902";
}
.aft-small-social-menu ul a[href*="soundcloud.com"]:after,
.social-widget-menu ul a[href*="soundcloud.com"]:before {
content: "\f1be";
}
.aft-small-social-menu ul a[href*="behance.net"]:after,
.social-widget-menu ul a[href*="behance.net"]:before {
content: "\f1b4";
}
.aft-small-social-menu ul a[href*="quora.com"]:after,
.social-widget-menu ul a[href*="quora.com"]:before {
content: "\f2c4";
}
.aft-small-social-menu ul a[href*="yahoo.com"]:after,
.social-widget-menu ul a[href*="yahoo.com"]:before {
content: "\e90d";
}
.aft-small-social-menu ul a[href*="spotify.com"]:after,
.social-widget-menu ul a[href*="spotify.com"]:before {
content: "\f1bc";
}
.aft-small-social-menu ul a[href*="messenger.com"]:after,
.social-widget-menu ul a[href*="messenger.com"]:before {
content: "\e901";
}
.aft-small-social-menu ul a[href*="stackoverflow.com"]:after,
.social-widget-menu ul a[href*="stackoverflow.com"]:before {
content: "\f16c";
}
.aft-small-social-menu ul a[href*="slack.com"]:after,
.social-widget-menu ul a[href*="slack.com"]:before {
content: "\f198";
}
.aft-small-social-menu ul a[href*="telegram.com"]:after,
.social-widget-menu ul a[href*="telegram.com"]:before {
content: "\f2c6";
}
/*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: #ffffff;}
.main-navigation ul li:nth-child(7n+2):after {background-color: #ffffff;}
.main-navigation ul li:nth-child(7n+3):after {background-color: #ffffff;}
.main-navigation ul li:nth-child(7n+4):after {background-color: #ffffff;}
.main-navigation ul li:nth-child(7n+5):after {background-color: #ffffff;}
.main-navigation ul li:nth-child(7n+6):after {background-color: #ffffff;}
.main-navigation ul li:nth-child(7n+7):after {background-color: #ffffff;}
/*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: 'aft-icons' !important;
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: 'aft-icons' !important;
padding-left: 10px;
float: right;
}
.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: block;
position: relative;
color: #1c1c1c;
}
.aft-home-icon {
display: inline-block;
padding: 12px;
float: left;
background: #FF0000;
line-height: 1;
margin-right: 10px;
min-height: 50px;
}
.aft-home-icon a {
color: #fff;
font-size: 24px;
color: #ffffff;
}
.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;
padding-top: 0;
padding-bottom: 0;
-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 {
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 0 0 15px;
margin: 0;
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,
.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;
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;
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;
padding: .375em .625em;
}
.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: 18px;
}
.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-search__label,
.wp-block-group .wp-block-heading{
position: relative;
padding: 5px 0;
text-transform: uppercase;
letter-spacing: 1px;
font-size: 18px;
line-height: 1.5;
margin: 0 0 10px;
}
.wp-block-search__label::before,
.wp-block-group .wp-block-heading::before {
content: "";
position: absolute;
left: 0;
bottom: 0;
width: 100%;
height: 2px;
background-color: #898989;
opacity: 0.2;
}
.wp-block-search__label::after,
.wp-block-group .wp-block-heading::after {
content: "";
position: absolute;
left: 0;
bottom: 0;
width: 100px;
height: 2px;
background-color: #ffbf3f;
}
.wp-block-search__label.has-text-align-center::after,
.wp-block-group .wp-block-heading.has-text-align-center::after {
left: 50%;
transform: translateX(-50%);
}
.wp-block-search__label.has-text-align-right::after,
.wp-block-group .wp-block-heading.has-text-align-right::after {
left: unset;
right: 0;
}
.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;}
body .entry-content a.wp-block-button__link:hover {text-decoration: none;}
body.aft-dark-mode .is-style-fill a.wp-block-button__link:not(.has-text-color),
body.aft-default-mode .is-style-fill a.wp-block-button__link:not(.has-text-color){
color: #fff;
background-color:#ffbf3f;
}
body.aft-dark-mode .is-style-outline a.wp-block-button__link:not(.has-text-color),
body.aft-default-mode .is-style-outline a.wp-block-button__link:not(.has-text-color){
border-color:#ffbf3f;
color: #ffbf3f;
}
/*exclusive posts-----*/
.exclusive-posts {
font-size: 14px;
line-height: 45px;
margin: 0px;
position: relative;
}
.exclusive-posts .exclusive-now {
background: #6495ED;
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: 19px;
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: "\e908";
font-family: 'aft-icons' !important;
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: 12px;
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 h3 {
font-size: 16px;
margin: 5px 0;
font-weight: normal;
line-height: 1.3;
}
.read-title h3 a {
color: #1c1c1c;
font-weight: 600;
}
.sticky .read-title h3 a:before {
content: "\e91c";
font-family: 'aft-icons' !important;
color: #ffbf3f;
padding-right: 5px;
}
.read-title h3 a:hover, .read-title h3 a:focus, .read-title h3 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 h3 {
font-size: 18px;
}
/*grid posts-----*/
/*list posts-----*/
.list-style .read-bg-img {
height: 300px;
}
.list-style .read-single {
display: flex;
align-items: center;
}
.list-style .read-title h3 {
font-size: 18px;
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 h3 {
font-size: 19px;
margin: 10px 0 0;
line-height: 1.3;
}
.big-grid .cat-links a,
.big-grid .read-details .entry-meta span ,
.big-grid .read-details .entry-meta span a,
.big-grid .read-title h3 a {
color: #fff;
}
.newsphere_posts_express_grid .big-grid.col-2 .read-title h3 {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 h3{
font-size: 16px;
margin: 5px 0 0;
}
.aft-trending-latest-popular .small-gird-style .big-grid .read-title h3{
font-size: 22px;
}
/*big + list posts-----*/
/*grid + list posts-----*/
.grid-plus-list .grid-part .read-title h3 {
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 h3 {
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 h3 a,
.banner-carousel-1 .read-title h3 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: 'aft-icons' !important;
font-size: 22px;
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 h3 a,
.banner-carousel-2 .read-details .entry-meta span.byline span,
.banner-carousel-2 .read-details .entry-meta span,
.banner-carousel-2 .read-title h3 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 h3,
#secondary .banner-slider-2 .big-grid .read-title h3,
.site-footer .banner-slider-2 .big-grid .read-title h3{
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 h3 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: #FA8072;
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: 600;
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: 19px;
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: 19px;
}
.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: '\e90f';
font-family: 'aft-icons' !important;
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 h3 {
font-size: 14px;
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 h3,
.af-double-column.list-style .aft-spotlight-posts-1 .read-title h3 {
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: 22px;
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):not[class*="wc-block"],
.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 h3 {
font-size: 19px;
}
.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 h3 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 h3 a,
.main-banner-widget-section .read-title h3 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 h3,
#sidr .af-sec-list-txt .read-title h3,
#secondary .af-sec-list-txt .read-title h3{
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 ul#menu-social-menu-items li:last-child {
margin-bottom: 5px;
padding-bottom: 5px;
}
.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;
}
.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;
}
.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 h3 {
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;
}
.wp-block-latest-comments__comment {
font-size: 14px;
line-height: 1.5;
}
.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;
font-style: normal;
}
#scroll-up .fa-angle-up:before {
line-height: 50px;
}
/*--------------------------------------------------------------
##Back to top
--------------------------------------------------------------*/
/*--------------------------------------------------------------
# off canvas close button
--------------------------------------------------------------*/
#sidr {
padding-top: 60px;
}
a.sidr-class-sidr-button-close {
position: absolute;
right: 15px;
top: 15px;
height: 30px;
width: 30px;
line-height: 30px;
border: 2px solid #000;
}
.aft-dark-mode a.sidr-class-sidr-button-close {
border-color: #ccc;
}
a.sidr-class-sidr-button-close:focus {
outline: 1px dotted #000;
}
a.sidr-class-sidr-button-close::before {
content: "";
}
a.sidr-class-sidr-button-close::before, a.sidr-class-sidr-button-close::after {
position: absolute;
content: '';
width: 20px;
height: 2px;
left: 5px;
top: 6px;
background-color: #000;
-webkit-transition: all .075s ease-in-out;
-moz-transition: all .075s ease-in-out;
-ms-transition: all .075s ease-in-out;
-o-transition: all .075s ease-in-out;
transition: all .075s ease-in-out;
}
a.sidr-class-sidr-button-close:before {
-webkit-transform: translate(-2px, 6px) rotateZ(-45deg);
-moz-transform: translate(-2px, 6px) rotateZ(-45deg);
-ms-transform: translate(-2px, 6px) rotateZ(-45deg);
-o-transform: translate(-2px, 6px) rotateZ(-45deg);
transform: translate(-2px, 6px) rotateZ(-45deg);
}
a.sidr-class-sidr-button-close:after {
top: 22px;
-webkit-transform: translate(-2px, -10px) rotateZ(45deg);
-moz-transform: translate(-2px, -10px) rotateZ(45deg);
-ms-transform: translate(-2px, -10px) rotateZ(45deg);
-o-transform: translate(-2px, -10px) rotateZ(45deg);
transform: translate(-2px, -10px) rotateZ(45deg);
}
.aft-dark-mode a.sidr-class-sidr-button-close::before,
.aft-dark-mode a.sidr-class-sidr-button-close::after {
background-color: #ccc;
}
/*--------------------------------------------------------------
# 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-search__label,
.site-footer .wp-block-group .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 h3 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 h3 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 h3 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 h3 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 .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 h3 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 h3 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 h3 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: 1300px;
margin-left: 0;
margin-right: 0;
}
.entry-content ul.blockspare-social-links{
margin-left: 0;
margin-right: 0;
padding: 0;
}
.blockspare-blank-canvas .blockspare-page-section>.alignwide {
max-width: 1300px;
}
.blockspare-page-section .alignwide{
max-width: 1300px;
margin: auto;
}
/*==================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: 21px;
}
.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) {
.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,
.banner-slider-2 .read-img.read-bg-img,
.grid-part .read-img.read-bg-img,
.grid-style.big-grid-small .small-gird-style .big-grid .read-img.read-bg-img,
.grid-style.big-grid-small .big-grid .read-img.read-bg-img,
.banner-carousel-1 .read-img.read-bg-img,
.banner-carousel-1.banner-carousel-single .read-img.read-bg-img,
.small-gird-style .big-grid .read-img.read-bg-img,
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;
}
.big-grid .read-title h3 {
font-size: 18px;
}
.af-main-banner-latest-posts .read-title h3 {
font-size: 16px;
}
}
/*--------------------------------------------------------------
# media queries------------------------------------------------
--------------------------------------------------------------*/
.swiper-container{
width:100% !important;
}
.swiper-container {
margin: 0 auto;
position: relative;
overflow: hidden;
list-style: none;
padding: 0;
/* Fix of Webkit flickering */
z-index: 1;
}
.trending-posts-vertical.swiper-container,
.af-widget-carousel.vertical-slider.swiper-container{
height:550px !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;
}
.blockspare-blank-canvas #content.container-wrapper,
.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 */
/* builder compatible css */
.vcwb button,
.fl-builder button{
height: unset;
}
body.full-width-content.aft-pagebuilder-blank-canvas .aft-pagebuilder-page-section>.alignwide,
.aft-pagebuilder-blank-canvas .aft-pagebuilder-page-section>.alignwide {
max-width: 1300px;
margin-left: auto;
margin-right: auto;
padding-left: 25px;
padding-right: 25px;
width: 100%;
}
.aft-pagebuilder-blank-canvas .aft-pagebuilder-page-section>:where(:not(.alignleft):not(.alignright):not(.alignfull)),
.aft-pagebuilder-blank-canvas .aft-pagebuilder-page-section>.aligncenter{
max-width: 740px;
margin-left: auto;
margin-right: auto;
width: 100%;
}
.fl-row-fixed-width,
.aft-pagebuilder-page-section > .vce-row-container {
max-width: 1270px;
}
.aft-pagebuilder-page-section > .elementor,
.aft-pagebuilder-page-section > .fl-builder-content ,
.aft-pagebuilder-full-width-content .site-main>.rz-root__container,
.aft-pagebuilder-full-width-content .site-main>.fl-builder-content {
max-width: unset;
}
.container-wrapper #primary.aft-pagebuilder-full-width-content {
width: 100%;
padding: 0;
}
div[class*="vce-row--col"]:not(div[class*="elementor-col-"]),
div[class*="vce-col"]:not(div[class*="elementor-col-"]){
padding: 0;
}
/* builder compatible css */
