Newslampungterkini.com – Pj. Gubernur Lampung Samsudin melepas kafilah Provinsi Lampung mengikuti Musabaqah Tilawatil Quran (MTQ) Tingkat Nasional XXX Tahun 2024, di Kalimantan Timur. Pelepasan dilakukan di Aula Mahan Agung, Bandarlampung, Rabu (4/9/2024) malam.
Kafilah yang diberangkatkan sebanyak 47 orang, terdiri dari 27 peserta dan 20 pendamping.
Sekretaris Umum LPTQ Erwinto, mewakili Ketua LPTQ Provinsi Lampung, menjelaskan bahwa target utama kafilah adalah masuk 10 besar.
“Pelaksanaan seleksi telah dilakukan sejak jauh hari dan telah dilaksanakan pemusatan latihan beberapa waktu lalu, yang menghadirkan pengajar, pembimbing, serta pelatih yang profesional untuk memberikan ilmu yang bermanfaat serta memberikan hasil yang maksimal bagi qari-qariah, maupun hafidz dan hafidzah,” ujar Erwinto.
Pj. Gubernur Samsudin, dalam sambutannya, menyampaikan selamat kepada seluruh peserta, pelatih dan official.
“Saya berharap kafilah Provinsi Lampung dapat meraih hasil maksimal, sehingga mampu mengharumkan nama daerah dan menghasilkan generasi-generasi berprestasi yang diharapkan tidak hanya berjaya ditingkat Nasional, melainkan mampu menembus tingkat Internasional,” ujarnya.
Kepada official tim maupun pelatih, Pj. Gubernur Samsudin berharap agar selalu menerapkan metode terbaik dalam mentransfer ilmu dan pengalaman untuk meningkatkan kemampuan para peserta.
Samsudin menekankan kepada seluruh peserta MTQ Nasional asal Lampung untuk percaya diri, dan yakin akan memberikan hasil yang terbaik.
“Dengan mengucap Bismillah hirrahman nirrahim Kafilah Lampung pada MTQ Nasional ke-30 Tahun 2024 di Kalimantan Timur secara resmi saya nyatakan dilepas,” ujar Samsudin.
Dalam kesempatan ini, Pj. Gubernur Lampung yang pula didampingi oleh Ketua LPTQ Provinsi Lampung, serta Ketua DPRD Sementara Provinsi Lampung
Pada kesempatan itu, Pj. Gubernur Samsudin, didampingi Ketua LPTQ Provinsi Lampung, memberikan tali asih kepada kafilah Provinsi Lampung berupa baju batik, setelan jas dan baju yang dipakai saat tampil.
(sn)
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 */
