The
invisible habit that disguises itself as intelligence while slowly shrinking
your life.
The light from my laptop was the only
thing still awake in the room.
It was 1:17 a.m.
A half-finished document sat on the
screen.
Three browser tabs explained
productivity.
Two more explained decision-making.
Another promised a framework for
reducing uncertainty.
I hadn't written a single meaningful
sentence.
My chest felt tight.
Not because I didn't know what to
do.
Because I couldn't stop thinking
about whether it was the right thing to do.
At the time, I called it
preparation.
Reflection.
Strategic thinking.
Years later, I realized something
less flattering.
I was overthinking.
And overthinking wasn't protecting
me from mistakes.
It was protecting me from movement.
That distinction changed everything.
Because most people imagine
overthinking as an annoying mental habit.
What they don't realize is that
overthinking quietly steals the future.
Not all at once.
One postponed decision at a time.
One delayed opportunity at a time.
One unfinished conversation at a
time.
The damage is subtle enough to feel
harmless.
Until years pass.
And suddenly the life you imagined
exists only in your imagination.
What I discovered next wasn't
another mindset trick.
It was something much quieter.
And far more uncomfortable.
The problem wasn't that I was
thinking too little.
It was that I was using thinking to
avoid living.
Within the first year of my
business, I lost nearly $12,000 worth of opportunities because of this pattern.
Not from bad decisions.
From delayed decisions.
I would analyze projects until they
expired.
Draft proposals until competitors
won the contract.
Research ideas until the market
moved on.
One afternoon, after losing a client
I desperately wanted, I sat alone in a coffee shop staring at a cold cup of
coffee.
I opened a notebook and wrote one
sentence:
"Certainty is not a
prerequisite for action."
That sentence became the foundation
of everything that follows.
Why
Overthinking Feels Responsible Even When It's Destructive
The lie is seductive.
We're taught that careful thinking
prevents mistakes.
And to a degree, that's true.
The problem begins when thinking
becomes an endless loop instead of a bridge to action.
Most overthinkers aren't lazy.
They're conscientious.
They're intelligent.
They're trying to make good choices.
Which is exactly why the habit
becomes dangerous.
It disguises itself as wisdom.
I call this The Safety Theater
Effect.
The Safety Theater Effect occurs
when mental activity creates the illusion of progress without creating actual
progress.
The mind feels productive.
Reality remains unchanged.
I once spent three weeks comparing
software tools for a project that ultimately took two days to complete.
Three weeks of thinking.
Two days of doing.
The ratio should have embarrassed
me.
Instead, it felt normal.
That's the trap.
Overthinking creates emotional
relief today by creating practical problems tomorrow.
If this pattern feels familiar, try
something simple:
Write down the decision.
Set a firm deadline.
Gather only the information that truly matters.
Make the decision when the deadline arrives.
Not when you feel confident.
Not when every risk disappears.
When the deadline arrives.
One of the most common mistakes
intelligent people make is continuing to collect information after the answer
is already visible. At that point, it is no longer research.
It's hesitation disguised as preparation.
It's fear disguised as
responsibility.
And it's one of the easiest ways to
lose momentum without realizing it.
The truth is uncomfortable but
liberating:
Clarity is rarely the reward for
thinking longer. More often, it is the reward for moving first.
Action reveals what analysis cannot.
The first step creates information
the mind could never discover sitting still.
The
Real Cost of Overthinking Is Opportunity Decay
Most people think overthinking
wastes time.
Time is actually the smallest cost.
The real cost is opportunity decay.
Opportunities have expiration dates.
Relationships change.
Markets move.
Ideas lose relevance.
Energy shifts.
Life doesn't pause while we
evaluate.
I call this The Melting Ice Cube
Principle.
Every meaningful opportunity slowly
melts while we think about whether to pick it up.
Not dramatically.
Quietly.
A friend once spent eight months
deciding whether to launch her newsletter.
She analyzed platforms.
Studied audience growth.
Researched monetization.
Compared creators.
When she finally launched, the
audience she wanted had already moved to a different conversation.
Her idea wasn't wrong.
Her timing disappeared.
That's what overthinking does.
It charges interest.
To apply this principle:
Identify one opportunity you've delayed for over thirty
days.
Ask what changes if you wait another thirty.
Measure the cost of inaction, not just the risk of
action.
Most decision frameworks focus on
downside risk.
Few examine the downside of standing
still.
The landmine here is perfectionism.
Perfectionism often sounds
responsible.
In practice, it's frequently fear
with excellent branding.
The future is usually lost through
hesitation, not catastrophe.
How
Overthinking Turns Possibility Into Identity
Something stranger happens when
overthinking becomes chronic.
The dream starts feeling more
satisfying than reality.
Because reality can disappoint.
Possibility cannot.
This creates what I call Identity
Parking.
Identity Parking happens when people
emotionally attach themselves to who they might become instead of becoming that
person.
The aspiring writer who never
publishes.
The entrepreneur who never launches.
The creator who never posts.
The athlete who never enters the
competition.
Their future identity becomes a
protected fantasy.
Action threatens that fantasy.
Because action introduces feedback.
Years ago, I met a man who had
talked about writing a book for over a decade.
He knew the market.
Understood storytelling.
Read constantly.
Yet every chapter remained inside
his head.
One evening he admitted something
painful.
"If I never finish it, I can
still believe it would have been great."
That sentence stayed with me.
Because it revealed the hidden
bargain.
Sometimes overthinking protects
self-image.
Not outcomes.
Try this exercise:
Finish one version before imagining a better version.
Publish before optimizing.
Treat feedback as data, not judgment.
The trap is confusing potential with
achievement.
Potential feels exciting.
Achievement requires exposure.
The life you imagine cannot help you
until it becomes the life you live.
Why Your Brain Mistakes Uncertainty for Danger
Human beings evolved to survive.
For most of human history, uncertainty wasn't an
inconvenience.
It was a threat.
A rustle in the bushes could mean a predator.
An unfamiliar path could lead to danger.
The brain learned an important lesson:
Unknown often meant unsafe.
That survival mechanism helped our ancestors stay alive.
But in the modern world, the same system frequently
misfires.
A difficult conversation.
A career change.
A creative project.
A business idea.
A new relationship.
None of these are life-threatening.
Yet the nervous system often reacts as if they are.
The future is unclear.
The brain interprets unclear as risky.
So we start searching for certainty.
We analyze.
We compare.
We prepare.
Then we analyze some more.
What feels like careful thinking is often an attempt to
escape uncertainty.
I call this Prediction Addiction.
Prediction Addiction is the belief that if we think long
enough, research deeply enough, and prepare thoroughly enough, uncertainty will
eventually disappear.
But it never does.
The future remains stubbornly uninterested in our
forecasts.
Reading the work of Daniel Kahneman helped me understand
something I had missed for years:
Human judgment wasn't designed for perfect prediction.
It was designed for survival.
And survival systems almost always favor safety over
growth.
That's why overthinking feels responsible.
It feels protective.
It feels intelligent.
But many of the most important decisions in life arrive
without guarantees.
A simple question changed everything for me.
Instead of asking:
"What if this goes wrong?"
I started asking:
"What if uncertainty is simply the admission
price for a meaningful life?"
That question reframed everything.
Suddenly, uncertainty stopped looking like a warning
sign.
It started looking like evidence that I was stepping
into something real.
Something that mattered.
The mistake most people make is waiting for confidence
before they act.
But confidence is rarely the starting point.
It's the byproduct.
It grows through experience.
Through repetition.
Through surviving situations you once believed you
weren't ready for.
The people we call courageous aren't free from doubt.
They're simply willing to move before certainty arrives.
Courage is not certainty in disguise. It's the decision to move
while uncertainty is still sitting beside you.
I
Need to Be Honest About Something
I need to be honest about something.
I still fall into this trap.
A few months ago, I spent nearly two
weeks analyzing whether to start a new writing project.
I built outlines.
Created folders.
Researched positioning.
Read articles.
Made spreadsheets.
The project itself would have taken
less time than the preparation.
One morning I noticed something
uncomfortable.
I wasn't trying to improve the
project.
I was trying to eliminate the
possibility of failure.
That realization stung.
Because I write about these ideas.
And yet the habit still finds new
disguises.
That's when I remembered something
important.
Overthinking isn't a problem you
solve once.
It's a tendency you learn to
recognize sooner.
I wrote this because I need to read
it again myself.
The
Small Practice That Interrupts Overthinking
Most advice tells people to stop
overthinking.
That's like telling someone to stop
blinking.
The goal isn't elimination.
It's interruption.
I call this The Next Visible Step
Rule.
When overwhelmed by uncertainty,
identify only the next visible step.
Not the next ten.
Not the entire roadmap.
Just the next action reality can
support.
When I began using this rule,
something surprising happened.
Momentum returned.
Because momentum feeds on
completion.
Not certainty.
For example:
Don't plan the entire business.
Send the first email.
Don't design the whole fitness
journey.
Walk for twenty minutes.
Don't architect the perfect book.
Write the first page.
Simple.
Not easy.
But effective.
The trap is making the next step
unnecessarily sophisticated.
Remember:
Most "gurus" sell
complexity because simplicity doesn't require a subscription.
And simplicity, while less exciting,
tends to work.
For
Those Who Skimmed With Good Reason
Overthinking is often fear disguised as intelligence.
Every delayed decision quietly reduces future
opportunities.
Potential feels safe; action changes lives.
Uncertainty is not proof you're on the wrong path.
Confidence is built through movement, not waiting.
Focus on the next visible step instead of the entire
journey.
The sentence I wrote in that coffee
shop years ago still hangs above my desk.
"Certainty is not a
prerequisite for action."
I've ignored that lesson more times
than I'd like to admit.
And every time I did, life seemed to
shrink.
The possibilities became smaller.
The opportunities became fewer.
The future felt further away.
But whenever I trusted that simple
sentence and moved before I felt ready, something unexpected happened.
The path revealed itself.
Not all at once.
Just enough for the next step.
Then the next.
Then the next.
If you've been trapped inside your
own thoughts lately, trying to think your way into certainty, remember this:
The future does not belong to the
people who predict it perfectly.
It belongs to the people who are
willing to step toward it while questions still remain.
Because clarity is rarely found at
the beginning.
It's discovered along the way.
And one day, the life you're waiting
to feel ready for will simply become the life you're living.
If you enjoy thoughtful essays about
psychology, self-improvement, and the quieter truths that shape a meaningful
life, you'll find more of them here when the time feels right.
Tags
Self
Improvement
Psychology
Personal Development
Overthinking
Mental Clarity
<![CDATA[/*
-----------------------------------------------
Blogger Template Style
Name: Vexo
License: Free Version
Version: 1.0
Author: TemplatesYard
Author Url: https://www.templatesyard.com/
----------------------------------------------- */
/*
*/
/*-- Google Fonts --*/
@font-face{font-family:'Fira Sans';font-style:italic;font-weight:400;font-display:swap;src:local('Fira Sans Italic'),local(FiraSans-Italic),url(https://fonts.gstatic.com/s/firasans/v10/va9C4kDNxMZdWfMOD5VvkrjEYTLHdQ.woff2) format("woff2");unicode-range:U+0460-052F,U+1C80-1C88,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}
@font-face{font-family:'Fira Sans';font-style:italic;font-weight:400;font-display:swap;src:local('Fira Sans Italic'),local(FiraSans-Italic),url(https://fonts.gstatic.com/s/firasans/v10/va9C4kDNxMZdWfMOD5VvkrjNYTLHdQ.woff2) format("woff2");unicode-range:U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:'Fira Sans';font-style:italic;font-weight:400;font-display:swap;src:local('Fira Sans Italic'),local(FiraSans-Italic),url(https://fonts.gstatic.com/s/firasans/v10/va9C4kDNxMZdWfMOD5VvkrjFYTLHdQ.woff2) format("woff2");unicode-range:U+1F00-1FFF}
@font-face{font-family:'Fira Sans';font-style:italic;font-weight:400;font-display:swap;src:local('Fira Sans Italic'),local(FiraSans-Italic),url(https://fonts.gstatic.com/s/firasans/v10/va9C4kDNxMZdWfMOD5VvkrjKYTLHdQ.woff2) format("woff2");unicode-range:U+0370-03FF}
@font-face{font-family:'Fira Sans';font-style:italic;font-weight:400;font-display:swap;src:local('Fira Sans Italic'),local(FiraSans-Italic),url(https://fonts.gstatic.com/s/firasans/v10/va9C4kDNxMZdWfMOD5VvkrjGYTLHdQ.woff2) format("woff2");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+1EA0-1EF9,U+20AB}
@font-face{font-family:'Fira Sans';font-style:italic;font-weight:400;font-display:swap;src:local('Fira Sans Italic'),local(FiraSans-Italic),url(https://fonts.gstatic.com/s/firasans/v10/va9C4kDNxMZdWfMOD5VvkrjHYTLHdQ.woff2) format("woff2");unicode-range:U+0100-024F,U+0259,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Fira Sans';font-style:italic;font-weight:400;font-display:swap;src:local('Fira Sans Italic'),local(FiraSans-Italic),url(https://fonts.gstatic.com/s/firasans/v10/va9C4kDNxMZdWfMOD5VvkrjJYTI.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Fira Sans';font-style:italic;font-weight:500;font-display:swap;src:local('Fira Sans Medium Italic'),local(FiraSans-MediumItalic),url(https://fonts.gstatic.com/s/firasans/v10/va9f4kDNxMZdWfMOD5VvkrA6Qif1VFn2lg.woff2) format("woff2");unicode-range:U+0460-052F,U+1C80-1C88,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}
@font-face{font-family:'Fira Sans';font-style:italic;font-weight:500;font-display:swap;src:local('Fira Sans Medium Italic'),local(FiraSans-MediumItalic),url(https://fonts.gstatic.com/s/firasans/v10/va9f4kDNxMZdWfMOD5VvkrA6Qif8VFn2lg.woff2) format("woff2");unicode-range:U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:'Fira Sans';font-style:italic;font-weight:500;font-display:swap;src:local('Fira Sans Medium Italic'),local(FiraSans-MediumItalic),url(https://fonts.gstatic.com/s/firasans/v10/va9f4kDNxMZdWfMOD5VvkrA6Qif0VFn2lg.woff2) format("woff2");unicode-range:U+1F00-1FFF}
@font-face{font-family:'Fira Sans';font-style:italic;font-weight:500;font-display:swap;src:local('Fira Sans Medium Italic'),local(FiraSans-MediumItalic),url(https://fonts.gstatic.com/s/firasans/v10/va9f4kDNxMZdWfMOD5VvkrA6Qif7VFn2lg.woff2) format("woff2");unicode-range:U+0370-03FF}
@font-face{font-family:'Fira Sans';font-style:italic;font-weight:500;font-display:swap;src:local('Fira Sans Medium Italic'),local(FiraSans-MediumItalic),url(https://fonts.gstatic.com/s/firasans/v10/va9f4kDNxMZdWfMOD5VvkrA6Qif3VFn2lg.woff2) format("woff2");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+1EA0-1EF9,U+20AB}
@font-face{font-family:'Fira Sans';font-style:italic;font-weight:500;font-display:swap;src:local('Fira Sans Medium Italic'),local(FiraSans-MediumItalic),url(https://fonts.gstatic.com/s/firasans/v10/va9f4kDNxMZdWfMOD5VvkrA6Qif2VFn2lg.woff2) format("woff2");unicode-range:U+0100-024F,U+0259,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Fira Sans';font-style:italic;font-weight:500;font-display:swap;src:local('Fira Sans Medium Italic'),local(FiraSans-MediumItalic),url(https://fonts.gstatic.com/s/firasans/v10/va9f4kDNxMZdWfMOD5VvkrA6Qif4VFk.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Fira Sans';font-style:italic;font-weight:600;font-display:swap;src:local('Fira Sans SemiBold Italic'),local(FiraSans-SemiBoldItalic),url(https://fonts.gstatic.com/s/firasans/v10/va9f4kDNxMZdWfMOD5VvkrAWRSf1VFn2lg.woff2) format("woff2");unicode-range:U+0460-052F,U+1C80-1C88,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}
@font-face{font-family:'Fira Sans';font-style:italic;font-weight:600;font-display:swap;src:local('Fira Sans SemiBold Italic'),local(FiraSans-SemiBoldItalic),url(https://fonts.gstatic.com/s/firasans/v10/va9f4kDNxMZdWfMOD5VvkrAWRSf8VFn2lg.woff2) format("woff2");unicode-range:U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:'Fira Sans';font-style:italic;font-weight:600;font-display:swap;src:local('Fira Sans SemiBold Italic'),local(FiraSans-SemiBoldItalic),url(https://fonts.gstatic.com/s/firasans/v10/va9f4kDNxMZdWfMOD5VvkrAWRSf0VFn2lg.woff2) format("woff2");unicode-range:U+1F00-1FFF}
@font-face{font-family:'Fira Sans';font-style:italic;font-weight:600;font-display:swap;src:local('Fira Sans SemiBold Italic'),local(FiraSans-SemiBoldItalic),url(https://fonts.gstatic.com/s/firasans/v10/va9f4kDNxMZdWfMOD5VvkrAWRSf7VFn2lg.woff2) format("woff2");unicode-range:U+0370-03FF}
@font-face{font-family:'Fira Sans';font-style:italic;font-weight:600;font-display:swap;src:local('Fira Sans SemiBold Italic'),local(FiraSans-SemiBoldItalic),url(https://fonts.gstatic.com/s/firasans/v10/va9f4kDNxMZdWfMOD5VvkrAWRSf3VFn2lg.woff2) format("woff2");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+1EA0-1EF9,U+20AB}
@font-face{font-family:'Fira Sans';font-style:italic;font-weight:600;font-display:swap;src:local('Fira Sans SemiBold Italic'),local(FiraSans-SemiBoldItalic),url(https://fonts.gstatic.com/s/firasans/v10/va9f4kDNxMZdWfMOD5VvkrAWRSf2VFn2lg.woff2) format("woff2");unicode-range:U+0100-024F,U+0259,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Fira Sans';font-style:italic;font-weight:600;font-display:swap;src:local('Fira Sans SemiBold Italic'),local(FiraSans-SemiBoldItalic),url(https://fonts.gstatic.com/s/firasans/v10/va9f4kDNxMZdWfMOD5VvkrAWRSf4VFk.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Fira Sans';font-style:italic;font-weight:700;font-display:swap;src:local('Fira Sans Bold Italic'),local(FiraSans-BoldItalic),url(https://fonts.gstatic.com/s/firasans/v10/va9f4kDNxMZdWfMOD5VvkrByRCf1VFn2lg.woff2) format("woff2");unicode-range:U+0460-052F,U+1C80-1C88,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}
@font-face{font-family:'Fira Sans';font-style:italic;font-weight:700;font-display:swap;src:local('Fira Sans Bold Italic'),local(FiraSans-BoldItalic),url(https://fonts.gstatic.com/s/firasans/v10/va9f4kDNxMZdWfMOD5VvkrByRCf8VFn2lg.woff2) format("woff2");unicode-range:U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:'Fira Sans';font-style:italic;font-weight:700;font-display:swap;src:local('Fira Sans Bold Italic'),local(FiraSans-BoldItalic),url(https://fonts.gstatic.com/s/firasans/v10/va9f4kDNxMZdWfMOD5VvkrByRCf0VFn2lg.woff2) format("woff2");unicode-range:U+1F00-1FFF}
@font-face{font-family:'Fira Sans';font-style:italic;font-weight:700;font-display:swap;src:local('Fira Sans Bold Italic'),local(FiraSans-BoldItalic),url(https://fonts.gstatic.com/s/firasans/v10/va9f4kDNxMZdWfMOD5VvkrByRCf7VFn2lg.woff2) format("woff2");unicode-range:U+0370-03FF}
@font-face{font-family:'Fira Sans';font-style:italic;font-weight:700;font-display:swap;src:local('Fira Sans Bold Italic'),local(FiraSans-BoldItalic),url(https://fonts.gstatic.com/s/firasans/v10/va9f4kDNxMZdWfMOD5VvkrByRCf3VFn2lg.woff2) format("woff2");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+1EA0-1EF9,U+20AB}
@font-face{font-family:'Fira Sans';font-style:italic;font-weight:700;font-display:swap;src:local('Fira Sans Bold Italic'),local(FiraSans-BoldItalic),url(https://fonts.gstatic.com/s/firasans/v10/va9f4kDNxMZdWfMOD5VvkrByRCf2VFn2lg.woff2) format("woff2");unicode-range:U+0100-024F,U+0259,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Fira Sans';font-style:italic;font-weight:700;font-display:swap;src:local('Fira Sans Bold Italic'),local(FiraSans-BoldItalic),url(https://fonts.gstatic.com/s/firasans/v10/va9f4kDNxMZdWfMOD5VvkrByRCf4VFk.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Fira Sans';font-style:normal;font-weight:400;font-display:swap;src:local('Fira Sans Regular'),local(FiraSans-Regular),url(https://fonts.gstatic.com/s/firasans/v10/va9E4kDNxMZdWfMOD5VvmojLeTY.woff2) format("woff2");unicode-range:U+0460-052F,U+1C80-1C88,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}
@font-face{font-family:'Fira Sans';font-style:normal;font-weight:400;font-display:swap;src:local('Fira Sans Regular'),local(FiraSans-Regular),url(https://fonts.gstatic.com/s/firasans/v10/va9E4kDNxMZdWfMOD5Vvk4jLeTY.woff2) format("woff2");unicode-range:U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:'Fira Sans';font-style:normal;font-weight:400;font-display:swap;src:local('Fira Sans Regular'),local(FiraSans-Regular),url(https://fonts.gstatic.com/s/firasans/v10/va9E4kDNxMZdWfMOD5Vvm4jLeTY.woff2) format("woff2");unicode-range:U+1F00-1FFF}
@font-face{font-family:'Fira Sans';font-style:normal;font-weight:400;font-display:swap;src:local('Fira Sans Regular'),local(FiraSans-Regular),url(https://fonts.gstatic.com/s/firasans/v10/va9E4kDNxMZdWfMOD5VvlIjLeTY.woff2) format("woff2");unicode-range:U+0370-03FF}
@font-face{font-family:'Fira Sans';font-style:normal;font-weight:400;font-display:swap;src:local('Fira Sans Regular'),local(FiraSans-Regular),url(https://fonts.gstatic.com/s/firasans/v10/va9E4kDNxMZdWfMOD5VvmIjLeTY.woff2) format("woff2");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+1EA0-1EF9,U+20AB}
@font-face{font-family:'Fira Sans';font-style:normal;font-weight:400;font-display:swap;src:local('Fira Sans Regular'),local(FiraSans-Regular),url(https://fonts.gstatic.com/s/firasans/v10/va9E4kDNxMZdWfMOD5VvmYjLeTY.woff2) format("woff2");unicode-range:U+0100-024F,U+0259,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Fira Sans';font-style:normal;font-weight:400;font-display:swap;src:local('Fira Sans Regular'),local(FiraSans-Regular),url(https://fonts.gstatic.com/s/firasans/v10/va9E4kDNxMZdWfMOD5Vvl4jL.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Fira Sans';font-style:normal;font-weight:500;font-display:swap;src:local('Fira Sans Medium'),local(FiraSans-Medium),url(https://fonts.gstatic.com/s/firasans/v10/va9B4kDNxMZdWfMOD5VnZKveSxf6TF0.woff2) format("woff2");unicode-range:U+0460-052F,U+1C80-1C88,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}
@font-face{font-family:'Fira Sans';font-style:normal;font-weight:500;font-display:swap;src:local('Fira Sans Medium'),local(FiraSans-Medium),url(https://fonts.gstatic.com/s/firasans/v10/va9B4kDNxMZdWfMOD5VnZKveQhf6TF0.woff2) format("woff2");unicode-range:U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:'Fira Sans';font-style:normal;font-weight:500;font-display:swap;src:local('Fira Sans Medium'),local(FiraSans-Medium),url(https://fonts.gstatic.com/s/firasans/v10/va9B4kDNxMZdWfMOD5VnZKveShf6TF0.woff2) format("woff2");unicode-range:U+1F00-1FFF}
@font-face{font-family:'Fira Sans';font-style:normal;font-weight:500;font-display:swap;src:local('Fira Sans Medium'),local(FiraSans-Medium),url(https://fonts.gstatic.com/s/firasans/v10/va9B4kDNxMZdWfMOD5VnZKveRRf6TF0.woff2) format("woff2");unicode-range:U+0370-03FF}
@font-face{font-family:'Fira Sans';font-style:normal;font-weight:500;font-display:swap;src:local('Fira Sans Medium'),local(FiraSans-Medium),url(https://fonts.gstatic.com/s/firasans/v10/va9B4kDNxMZdWfMOD5VnZKveSRf6TF0.woff2) format("woff2");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+1EA0-1EF9,U+20AB}
@font-face{font-family:'Fira Sans';font-style:normal;font-weight:500;font-display:swap;src:local('Fira Sans Medium'),local(FiraSans-Medium),url(https://fonts.gstatic.com/s/firasans/v10/va9B4kDNxMZdWfMOD5VnZKveSBf6TF0.woff2) format("woff2");unicode-range:U+0100-024F,U+0259,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Fira Sans';font-style:normal;font-weight:500;font-display:swap;src:local('Fira Sans Medium'),local(FiraSans-Medium),url(https://fonts.gstatic.com/s/firasans/v10/va9B4kDNxMZdWfMOD5VnZKveRhf6.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Fira Sans';font-style:normal;font-weight:600;font-display:swap;src:local('Fira Sans SemiBold'),local(FiraSans-SemiBold),url(https://fonts.gstatic.com/s/firasans/v10/va9B4kDNxMZdWfMOD5VnSKzeSxf6TF0.woff2) format("woff2");unicode-range:U+0460-052F,U+1C80-1C88,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}
@font-face{font-family:'Fira Sans';font-style:normal;font-weight:600;font-display:swap;src:local('Fira Sans SemiBold'),local(FiraSans-SemiBold),url(https://fonts.gstatic.com/s/firasans/v10/va9B4kDNxMZdWfMOD5VnSKzeQhf6TF0.woff2) format("woff2");unicode-range:U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:'Fira Sans';font-style:normal;font-weight:600;font-display:swap;src:local('Fira Sans SemiBold'),local(FiraSans-SemiBold),url(https://fonts.gstatic.com/s/firasans/v10/va9B4kDNxMZdWfMOD5VnSKzeShf6TF0.woff2) format("woff2");unicode-range:U+1F00-1FFF}
@font-face{font-family:'Fira Sans';font-style:normal;font-weight:600;font-display:swap;src:local('Fira Sans SemiBold'),local(FiraSans-SemiBold),url(https://fonts.gstatic.com/s/firasans/v10/va9B4kDNxMZdWfMOD5VnSKzeRRf6TF0.woff2) format("woff2");unicode-range:U+0370-03FF}
@font-face{font-family:'Fira Sans';font-style:normal;font-weight:600;font-display:swap;src:local('Fira Sans SemiBold'),local(FiraSans-SemiBold),url(https://fonts.gstatic.com/s/firasans/v10/va9B4kDNxMZdWfMOD5VnSKzeSRf6TF0.woff2) format("woff2");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+1EA0-1EF9,U+20AB}
@font-face{font-family:'Fira Sans';font-style:normal;font-weight:600;font-display:swap;src:local('Fira Sans SemiBold'),local(FiraSans-SemiBold),url(https://fonts.gstatic.com/s/firasans/v10/va9B4kDNxMZdWfMOD5VnSKzeSBf6TF0.woff2) format("woff2");unicode-range:U+0100-024F,U+0259,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Fira Sans';font-style:normal;font-weight:600;font-display:swap;src:local('Fira Sans SemiBold'),local(FiraSans-SemiBold),url(https://fonts.gstatic.com/s/firasans/v10/va9B4kDNxMZdWfMOD5VnSKzeRhf6.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Fira Sans';font-style:normal;font-weight:700;font-display:swap;src:local('Fira Sans Bold'),local(FiraSans-Bold),url(https://fonts.gstatic.com/s/firasans/v10/va9B4kDNxMZdWfMOD5VnLK3eSxf6TF0.woff2) format("woff2");unicode-range:U+0460-052F,U+1C80-1C88,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}
@font-face{font-family:'Fira Sans';font-style:normal;font-weight:700;font-display:swap;src:local('Fira Sans Bold'),local(FiraSans-Bold),url(https://fonts.gstatic.com/s/firasans/v10/va9B4kDNxMZdWfMOD5VnLK3eQhf6TF0.woff2) format("woff2");unicode-range:U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:'Fira Sans';font-style:normal;font-weight:700;font-display:swap;src:local('Fira Sans Bold'),local(FiraSans-Bold),url(https://fonts.gstatic.com/s/firasans/v10/va9B4kDNxMZdWfMOD5VnLK3eShf6TF0.woff2) format("woff2");unicode-range:U+1F00-1FFF}
@font-face{font-family:'Fira Sans';font-style:normal;font-weight:700;font-display:swap;src:local('Fira Sans Bold'),local(FiraSans-Bold),url(https://fonts.gstatic.com/s/firasans/v10/va9B4kDNxMZdWfMOD5VnLK3eRRf6TF0.woff2) format("woff2");unicode-range:U+0370-03FF}
@font-face{font-family:'Fira Sans';font-style:normal;font-weight:700;font-display:swap;src:local('Fira Sans Bold'),local(FiraSans-Bold),url(https://fonts.gstatic.com/s/firasans/v10/va9B4kDNxMZdWfMOD5VnLK3eSRf6TF0.woff2) format("woff2");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+1EA0-1EF9,U+20AB}
@font-face{font-family:'Fira Sans';font-style:normal;font-weight:700;font-display:swap;src:local('Fira Sans Bold'),local(FiraSans-Bold),url(https://fonts.gstatic.com/s/firasans/v10/va9B4kDNxMZdWfMOD5VnLK3eSBf6TF0.woff2) format("woff2");unicode-range:U+0100-024F,U+0259,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Fira Sans';font-style:normal;font-weight:700;font-display:swap;src:local('Fira Sans Bold'),local(FiraSans-Bold),url(https://fonts.gstatic.com/s/firasans/v10/va9B4kDNxMZdWfMOD5VnLK3eRhf6.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
/*-- Reset CSS --*/
.CSS_LIGHTBOX{z-index:999999!important}.CSS_LIGHTBOX_ATTRIBUTION_INDEX_CONTAINER .CSS_HCONT_CHILDREN_HOLDER > .CSS_LAYOUT_COMPONENT.CSS_HCONT_CHILD:first-child > .CSS_LAYOUT_COMPONENT{opacity:0}a,abbr,acronym,address,applet,b,big,blockquote,body,caption,center,cite,code,dd,del,dfn,div,dl,dt,em,fieldset,font,form,h1,h2,h3,h4,h5,h6,html,i,iframe,img,ins,kbd,label,legend,li,object,p,pre,q,s,samp,small,span,strike,strong,sub,sup,table,tbody,td,tfoot,th,thead,tr,tt,u,ul,var{
padding:0;
border:0;
outline:0;
vertical-align:baseline;
background:0 0;
text-decoration:none
}
#google_translate_element { clear: both; }.thread-expanded .thread-count a { display: none; }.comments .continue { display: none!important; }
form,textarea,input,button{
-webkit-appearance:none;
-moz-appearance:none;
appearance:none;
border-radius:0
}
dl,ul{
list-style-position:inside;
font-weight:400;
list-style:none
}
ul li{
list-style:none
}
caption,th{
text-align:center
}
img{
border:none;
position:relative
}
a,a:visited{
text-decoration:none
}
.clearfix{
clear:both
}
.section,.widget,.widget ul{
margin:0;
padding:0
}
a{
color:$(body.link.color)
}
/* visited link */
.post-body a:visited {
color: blue;
}
/* selected link */
a:active {
color: blue;
}
a img{
border:0
}
abbr{
text-decoration:none
}
.CSS_LIGHTBOX{
z-index:999999!important
}
.separator a{
clear:none!important;
float:none!important;
margin-left:0!important;
margin-right:0!important
}
#navbar-iframe,.widget-item-control,a.quickedit,.home-link,.feed-links{
display:none!important
}
.center{
display:table;
margin:0 auto;
position:relative
}
.widget > h2,.widget > h3{
display:none
}
/*-- Body Content CSS --*/
body{
background:$(body.background);
background-color:$(body.background.color);
background-repeat: no-repeat;
background-size: cover;
background-attachment: fixed;
background-position: center center;
font-family:'Fira Sans',Arial,sans-serif;
font-size:14px;
font-weight:400;
color:$(body.text.color);
word-wrap:break-word;
margin:0;
padding:0
}
h1,h2,h3,h4,h5,h6{
}
#outer-wrapper{
margin:0 auto;
background: #ffffff;
}
.row{
width:1180px
}
#content-wrapper{
margin:30px auto 30px;
}
#content-wrapper > .container{
margin:0
}
#main-wrapper{
float:left;
overflow:hidden;
width:calc(100% - (320px + 30px));
box-sizing:border-box;
word-wrap:break-word;
padding:0;
margin:0
}
#sidebar-wrapper{
float:right;
overflow:hidden;
width:320px;
box-sizing:border-box;
word-wrap:break-word;
padding:0
}
.post-image-wrap{
position:relative;
display:block
}
.post-image-link,.about-author .avatar-container,.comments .avatar-image-container{
background-color:rgba(155,155,155,0.07);
color:transparent!important
}
.index-post .post-thumb {
}
.post-thumb{
display:block;
position:relative;
width:100%;
height:100%;
object-fit:cover;
object-position: top;
z-index:1;
opacity: 0;
transition:opacity .17s ease,transform .35s ease
}
.post-thumb.lazy-yard {
opacity: 1;
}
.post-image-link:hover .post-thumb,.post-image-wrap:hover .post-image-link .post-thumb,.hot-item-inner:hover .post-image-link .post-thumb{
transform: scale(1.05);
}
.post-image-link:hover .post-thumb,.post-image-wrap:hover .post-image-link .post-thumb{
opacity:.9
}
.item-post .post-body img{
max-width:100%;
opacity: 0;
transition: opacity .17s ease,transform .35s ease;
}
.item-post .post-body img.lazy-yard{
opacity: 1;
}
.post-title a{
display:block
}
#top-bar{
width:100%;
overflow:hidden;
margin:0;
background:$(main.color);
}
#top-bar .container{
margin:0 auto;
}
.top-bar-nav{
position:relative;
float:left;
display:block
}
.top-bar-nav .widget > .widget-title{
display:none
}
.top-bar-nav ul li{
float:left
}
.top-bar-nav ul li > a{
height:34px;
display:block;
color:#ffffff;
font-size:12px;
font-weight:400;
line-height:34px;
margin:0 10px 0 0;
padding:0 5px;
transition:color .17s
}
.top-bar-nav ul li:first-child > a{
padding:0 5px 0 0
}
.top-bar-nav ul > li:hover > a{
color:$(main.dark.color);
}
.top-bar-social{
position:relative;
float:right;
display:block
}
.top-bar-social .widget > .widget-title{
display:none
}
.top-bar-social ul > li{
float:left;
display:inline-block
}
.top-bar-social ul > li > a{
display:block;
color:#ffffff;
text-decoration:none;
font-size:14px;
text-align:center;
line-height:34px;
padding:0 5px;
margin:0 0 0 10px;
transition:color .17s
}
.top-bar-social ul > li.facebook > a {
margin: 0;
}
.top-bar-social ul > li:last-child > a{
padding:0 0 0 5px
}
.top-bar-social ul > li:hover > a{
color:$(main.dark.color);
}
.social a:before{
display:inline-block;
font-family:'Font Awesome 5 Brands';
font-style:normal;
font-weight:400
}
.social .facebook a:before{
content:"\f09a"
}
.social .twitter a:before{
content:"\f099"
}
.social .gplus a:before{
content:"\f0d5"
}
.social .rss a:before{
content:"\f09e";
font-family:'Font Awesome 5 Free';
font-weight:900
}
.social .youtube a:before{
content:"\f167"
}
.social .skype a:before{
content:"\f17e"
}
.social .stumbleupon a:before{
content:"\f1a4"
}
.social .tumblr a:before{
content:"\f173"
}
.social .vk a:before{
content:"\f189"
}
.social .stack-overflow a:before{
content:"\f16c"
}
.social .github a:before{
content:"\f09b"
}
.social .linkedin a:before{
content:"\f0e1"
}
.social .dribbble a:before{
content:"\f17d"
}
.social .soundcloud a:before{
content:"\f1be"
}
.social .behance a:before{
content:"\f1b4"
}
.social .digg a:before{
content:"\f1a6"
}
.social .instagram a:before{
content:"\f16d"
}
.social .pinterest a:before{
content:"\f0d2"
}
.social .twitch a:before{
content:"\f1e8"
}
.social .delicious a:before{
content:"\f1a5"
}
.social .codepen a:before{
content:"\f1cb"
}
.social .reddit a:before{
content:"\f1a1"
}
.social .whatsapp a:before{
content:"\f232"
}
.social .snapchat a:before{
content:"\f2ac"
}
.social .email a:before{
content:"\f0e0";
font-family: 'Font Awesome 5 Free';
font-weight: 400;
}
.social .external-link a:before{
content:"\f35d"
}
.social .tiktok a:before{
content:"\e07b"
}
.social .telegram a:before{
content:"\f2c6"
}
.social-color .facebook a{
background-color:#3b5999
}
.social-color .twitter a{
background-color:#00acee
}
.social-color .gplus a{
background-color:#db4a39
}
.social-color .youtube a{
background-color:#db4a39
}
.social-color .instagram a{
background:linear-gradient(15deg,#ffb13d,#dd277b,#4d5ed4)
}
.social-color .pinterest a{
background-color:#ca2127
}
.social-color .dribbble a{
background-color:#ea4c89
}
.social-color .linkedin a{
background-color:#0077b5
}
.social-color .tumblr a{
background-color:#365069
}
.social-color .twitch a{
background-color:#6441a5
}
.social-color .rss a{
background-color:#ffc200
}
.social-color .skype a{
background-color:#00aff0
}
.social-color .stumbleupon a{
background-color:#eb4823
}
.social-color .vk a{
background-color:#4a76a8
}
.social-color .stack-overflow a{
background-color:#f48024
}
.social-color .github a{
background-color:#24292e
}
.social-color .soundcloud a{
background:linear-gradient(#ff7400,#ff3400)
}
.social-color .behance a{
background-color:#191919
}
.social-color .digg a{
background-color:#1b1a19
}
.social-color .delicious a{
background-color:#0076e8
}
.social-color .codepen a{
background-color:#000
}
.social-color .reddit a{
background-color:#ff4500
}
.social-color .whatsapp a{
background-color:#3fbb50
}
.social-color .snapchat a{
background-color:#ffe700
}
.social-color .email a{
background-color:#888
}
.social-color .external-link a{
background-color:$(main.dark.color)
}
.social-color .telegram a{
background-color:#229ED9
}
.social-color .tiktok a{
background-color:#EE1D52
}
.social-text .telegram a:after{
content:"Telegram"
}
.social-text .tiktok a:after{
content:"Tiktok"
}
.social-text .facebook a:after{
content:"Facebook"
}
.social-text .twitter a:after{
content:"Twitter"
}
.social-text .gplus a:after{
content:"Google Plus"
}
.social-text .rss a:after{
content:"Rss"
}
.social-text .youtube a:after{
content:"YouTube"
}
.social-text .skype a:after{
content:"Skype"
}
.social-text .stumbleupon a:after{
content:"StumbleUpon"
}
.social-text .tumblr a:after{
content:"Tumblr"
}
.social-text .vk a:after{
content:"VKontakte"
}
.social-text .stack-overflow a:after{
content:"Stack Overflow"
}
.social-text .github a:after{
content:"Github"
}
.social-text .linkedin a:after{
content:"LinkedIn"
}
.social-text .dribbble a:after{
content:"Dribbble"
}
.social-text .soundcloud a:after{
content:"SoundCloud"
}
.social-text .behance a:after{
content:"Behance"
}
.social-text .digg a:after{
content:"Digg"
}
.social-text .instagram a:after{
content:"Instagram"
}
.social-text .pinterest a:after{
content:"Pinterest"
}
.social-text .twitch a:after{
content:"Twitch"
}
.social-text .delicious a:after{
content:"Delicious"
}
.social-text .codepen a:after{
content:"CodePen"
}
.social-text .flipboard a:after{
content:"Flipboard"
}
.social-text .reddit a:after{
content:"Reddit"
}
.social-text .whatsapp a:after{
content:"Whatsapp"
}
.social-text .messenger a:after{
content:"Messenger"
}
.social-text .snapchat a:after{
content:"Snapchat"
}
.social-text .email a:after{
content:"Email"
}
.social-text .external-link a:after{
content:"WebSite"
}
#header-wrap{
position:relative;
width:100%;
height:70px;
background-color: $(header.bg);
border-bottom: 1px solid #e5e7eb;
z-index:1010;
}
#header-wrap .container{
position:relative;
margin:0 auto
}
.header-logo{
float:left;
margin:0 20px 0 0
}
.main-logo{
position:relative;
float:left;
width:auto;
max-width:250px;
max-height:52px;
margin:0;
padding:9px 0
}
.main-logo .header-image-wrapper{
display:block
}
.main-logo img{
max-width:100%;
max-height:52px;
margin:0
}
.main-logo h1, .main-logo h1 a{
color:$(main.dark.color);
font-size:20px;
line-height:52px;
margin:0
}
.main-logo p{
font-size:12px;
margin:5px 0 0;
display:none;
}
.header-menu{
float:left;
}
#main-menu .widget,#main-menu .widget > h3{
display:none
}
#main-menu .show-menu{
display:block
}
#main-menu{
position:static;
height:70px;
z-index:15
}
#main-menu ul > li{
float:left;
position:relative;
margin:0;
padding:0;
transition:background .17s ease
}
#main-menu ul > li > a{
position:relative;
color:$(menu.color);
font-size:14px;
font-weight:500;
line-height:70px;
display:inline-block;
text-decoration:none;
margin:0;
padding:0 15px;
transition:color .17s ease
}
#main-menu ul#main-menu-nav > li:hover{
background-color:rgba(255,255,255,0.05)
}
#main-menu ul#main-menu-nav > li:hover > a{
color:$(menu.color)
}
#main-menu ul > li > ul{
position:absolute;
float:left;
left:0;
top:70px;
width:180px;
background-color:$(submenu.bg);
z-index:99999;
margin-top:0;
padding:0;
border:1px solid rgba(155,155,155,0.15);
box-shadow:0 2px 2px rgba(0,0,0,0.2);
visibility:hidden;
opacity:0
}
#main-menu ul > li > ul > li > ul{
position:absolute;
float:left;
top:0;
left:100%;
margin:-1px 0 0
}
#main-menu ul > li > ul > li{
display:block;
float:none;
position:relative;
background-color:rgba(255,255,255,0.03);
border-bottom:1px solid rgba(155,155,155,0.15);
transition:background .17s ease
}
#main-menu ul > li > ul > li a{
display:block;
height:36px;
font-size:13px;
color:$(submenu.color);
font-weight:500;
line-height:36px;
box-sizing:border-box;
margin:0;
padding:0 15px;
transition:color .17s ease
}
#main-menu ul > li > ul > li:last-child{
border-bottom:0
}
#main-menu ul > li.has-sub > a:after{
content:'\f078';
float:right;
font-family:'Font Awesome 5 Free';
font-size:12px;
font-weight:900;
margin:0 0 0 6px
}
#main-menu ul > li > ul > li.has-sub > a:after{
content:'\f054';
float:right;
margin:0
}
#main-menu ul > li > ul > li a:hover{
color:$(main.color)
}
#main-menu ul > li:hover > ul,#main-menu ul > li > ul > li:hover > ul{
visibility:visible;
opacity:1
}
#main-menu ul ul{
transition:all .17s ease
}
#main-menu .mega-menu{
position:static!important
}
#main-menu .mega-menu > ul{
width:100%;
box-sizing:border-box;
padding:20px 10px
}
#main-menu .mega-menu > ul.mega-menu-inner{
overflow:hidden
}
#main-menu ul > li:hover > ul,#main-menu ul > li > ul > li:hover > ul{
visibility:visible;
opacity:1
}
#main-menu ul ul{
transition:all .25s ease
}
.mega-menu-inner .mega-item{
float:left;
width:20%;
box-sizing:border-box;
padding:0 10px
}
.mega-menu-inner .mega-content{
position:relative;
width:100%;
overflow:hidden;
padding:0
}
.mega-content .post-image-wrap{
width:100%;
height:120px
}
.mega-content .post-image-link{
width:100%;
height:100%;
z-index:1;
display:block;
position:relative;
overflow:hidden;
padding:0
}
.mega-content .post-title{
position:relative;
font-size:13px;
font-weight:600;
line-height:1.5em;
margin:7px 0 5px;
padding:0
}
.mega-content .post-title a{
display:block;
color:$(posts.title.color);
transition:color .17s
}
.mega-content .post-title a:hover{
color:$(main.color)
}
.mega-content .post-meta{
font-size:11px
}
.no-posts{
float:left;
width:100%;
height:100px;
line-height:100px;
text-align:center
}
.mega-menu .no-posts{
line-height:60px;
color:$(title.color)
}
.show-search,.hide-search{
position:absolute;
top:0;
right:0;
display:block;
width:58px;
height:70px;
background-color:rgba(255,255,255,0.05);
line-height:70px;
z-index:20;
color:$(menu.color);
font-size:16px;
font-weight:400;
text-align:right;
cursor:pointer;
transition:color .17s ease
}
.show-search:hover,.hide-search:hover{
color:$(menu.color)
}
.show-search:before{
content:"\f002";
font-family:'Font Awesome 5 Free';
font-weight: 900;
}
.hide-search:before{
content:"\f00d";
font-family:'Font Awesome 5 Free';
font-weight: 900;
}
#nav-search{
display:none;
position:absolute;
left:0;
top:0;
width:100%;
height:70px;
z-index:99;
background-color:$(header.bg);
box-sizing:border-box;
padding:0
}
#nav-search .search-form{
width:100%;
height:70px;
background-color:rgba(0,0,0,0);
line-height:70px;
overflow:hidden;
padding:0
}
#nav-search .search-input{
width:100%;
height:70px;
font-family:inherit;
color:$(menu.color);
margin:0;
padding:0 58px 0 10px;
background-color:rgba(0,0,0,0);
font-size:13px;
font-weight:400;
box-sizing:border-box;
border:0
}
#nav-search .search-input:focus{
color:$(menu.color);
outline:none
}
.mobile-menu-toggle{
display:none;
position:absolute;
top:0;
left:0;
width:58px;
height:70px;
line-height:70px;
background-color:rgba(255,255,255,0.05);
z-index:20;
color:$(menu.color);
font-size:17px;
font-weight:400;
text-align:center;
cursor:pointer;
transition:color .17s ease
}
.mobile-menu-toggle:hover{
color:$(menu.color)
}
.mobile-menu-toggle:before{
content:"\f0c9";
font-family:'Font Awesome 5 Free';
font-weight:900;
}
.nav-active .mobile-menu-toggle:before{
content:"\f00d";
font-family:'Font Awesome 5 Free';
font-weight:900;
}
.overlay{
display:none;
position:fixed;
top:0;
left:0;
right:0;
bottom:0;
z-index:990;
background:rgba(255,255,255,0.8)
}
.mobile-menu-wrap{
display:none;
position:absolute;
top:70px;
left:0;
width:100%;
background-color:$(submenu.bg);
box-sizing:border-box;
visibility:hidden;
z-index:1000;
opacity:0;
transition:all .17s ease
}
.nav-active .mobile-menu-wrap{
visibility:visible;
opacity:1
}
.mobile-menu{
position:relative;
overflow:hidden;
padding:20px;
border-top:1px solid rgba(255,255,255,0.03)
}
.mobile-menu > ul{
margin:0
}
.mobile-menu .m-sub{
display:none;
padding:0
}
.mobile-menu ul li{
position:relative;
display:block;
overflow:hidden;
float:left;
width:100%;
font-size:14px;
line-height:38px
}
.mobile-menu > ul > li{
font-weight:500;
}
.mobile-menu > ul li ul{
overflow:hidden
}
.mobile-menu ul li a{
color:$(submenu.color);
padding:0;
display:block;
transition:all .17s ease
}
.mobile-menu ul li.has-sub .submenu-toggle{
position:absolute;
top:0;
right:0;
color:$(submenu.color);
cursor:pointer
}
.mobile-menu ul li.has-sub .submenu-toggle:after{
content:'\f105';
font-family:'Font Awesome 5 Free';
font-weight:900;
float:right;
width:34px;
font-size:14px;
text-align:center;
transition:all .17s ease
}
.mobile-menu ul li.has-sub.show > .submenu-toggle:after{
transform:rotate(90deg)
}
.mobile-menu > ul > li > ul > li > a{
color:$(submenu.color);
opacity:.7;
padding:0 0 0 15px
}
.mobile-menu > ul > li > ul > li > ul > li > a{
color:$(submenu.color);
opacity:.7;
padding:0 0 0 30px
}
.ad-wrapper .widget > .widget-title {
display: none;
}
.ad-wrapper {
margin:0 auto;
}
.ad-wrapper .widget-content {
position:relative;
max-width:100%;
max-height:92px;
line-height:1;
margin:30px auto 0
}
#prev-ad .widget, #nxt-ad .widget {
width: 100%;
margin: 20px 0 0;
border-top: 1px solid #f2f2f6;
padding: 15px 0 0;
box-sizing: border-box;
}
#nxt-ad .widget {
padding-bottom: 15px;
margin-bottom: 15px;
border-bottom: 1px solid #f2f2f6;
}
#home-ad-top2 .widget-content {
margin:0 auto 30px
}
.owl-carousel{
display:none;
width:100%;
-webkit-tap-highlight-color:transparent;
position:relative;
z-index:1
}
.owl-carousel .owl-stage{
position:relative;
-ms-touch-action:pan-Y
}
.owl-carousel .owl-stage:after{
content:".";
display:block;
clear:both;
visibility:hidden;
line-height:0;
height:0
}
.owl-carousel .owl-stage-outer{
position:relative;
overflow:hidden;
-webkit-transform:translate3d(0px,0px,0px)
}
.owl-carousel .owl-controls .owl-nav .owl-prev,.owl-carousel .owl-controls .owl-nav .owl-next,.owl-carousel .owl-controls .owl-dot{
cursor:pointer;
cursor:hand;
-webkit-user-select:none;
-khtml-user-select:none;
-moz-user-select:none;
-ms-user-select:none;
user-select:none
}
.owl-carousel.owl-loaded{
display:block
}
.owl-carousel.owl-loading{
opacity:0;
display:block
}
.owl-carousel.owl-hidden{
opacity:0
}
.owl-carousel .owl-refresh .owl-item{
display:none
}
.owl-carousel .owl-item{
position:relative;
min-height:1px;
float:left;
-webkit-backface-visibility:visible;
-webkit-tap-highlight-color:transparent;
-webkit-touch-callout:none;
-webkit-user-select:none;
-moz-user-select:none;
-ms-user-select:none;
user-select:none
}
.owl-carousel.owl-text-select-on .owl-item{
-webkit-user-select:auto;
-moz-user-select:auto;
-ms-user-select:auto;
user-select:auto
}
.owl-carousel .owl-grab{
cursor:move;
cursor:-webkit-grab;
cursor:-o-grab;
cursor:-ms-grab;
cursor:grab
}
.owl-carousel.owl-rtl{
direction:rtl
}
.owl-carousel.owl-rtl .owl-item{
float:right
}
.no-js .owl-carousel{
display:block
}
.owl-carousel .animated{
-webkit-animation-duration:1000ms;
animation-duration:1000ms;
-webkit-animation-fill-mode:both;
animation-fill-mode:both
}
.owl-carousel .owl-animated-in{
z-index:1
}
.owl-carousel .owl-animated-out{
z-index:0
}
.owl-height{
-webkit-transition:height 500ms ease-in-out;
-moz-transition:height 500ms ease-in-out;
-ms-transition:height 500ms ease-in-out;
-o-transition:height 500ms ease-in-out;
transition:height 500ms ease-in-out
}
.owl-prev,.owl-next{
position:relative;
float:left;
width:10px;
height:24px;
font-family:'Font Awesome 5 Free';
font-weight: 900;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-size:14px;
line-height:24px;
color:$(main.color);
text-align:center;
cursor:pointer;
border:0px solid rgba(0,0,0,0.08);
box-sizing:border-box;
transition:all .25s ease
}
.owl-prev:before{
content:'\f053'
}
.owl-next:before{
content:'\f054'
}
.owl-prev:hover,.owl-next:hover{
color:$(main.dark.color);
}
#break-wrapper-outer {
overflow:hidden;
}
#break-wrapper {
padding: 0;
box-sizing: border-box;
}
#break-wrapper{
margin:30px auto 0
}
#break-section .widget{
display:none
}
#break-section .show-ticker, #break-section .PopularPosts{
align-items: flex-start;
padding: 0;
margin: 0;
display: flex;
background:#fce9e8;
border: 1px solid #f6d9d8;
}
#break-section .hot-loader {
height: 30px;
}
#break-section .no-posts{
height:30px;
line-height:30px;
text-align:center;
padding:0;
box-sizing: border-box;
}
#break-section .widget > .widget-title{
padding: 0 30px 0 0;
}
#break-section .widget > .widget-title > h3 {
font-size: 14px;
position:relative;
background-color: $(main.color);
color: #ffffff;
font-weight: 700;
line-height: 30px;
padding: 0 15px;
margin:0;
text-transform: uppercase;
}
#break-section .widget > .widget-title > h3:before {
content: '\f0e7';
font-family: 'Font Awesome 5 Free';
float: left;
font-size: 11px;
font-weight: 900;
margin: 0 5px 0 0;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
#break-section .widget-content{
position:relative;
font-size:13px;
display: flex;
justify-content: space-between;
flex: 1;
overflow:hidden;
height:30px;
padding:0;
box-sizing: border-box;
float: left;
width: 100%;
}
ul.ticker-widget{
width:100%!important;
box-sizing:border-box;
padding:0
}
.PopularPosts ul.ticker-widget {
opacity:0;
transition: opacity .17s ease,transform .35s ease;
}
.PopularPosts ul.ticker-widget.owl-carousel.owl-theme.owl-loaded {
opacity:1;
}
.ticker-widget .ticker-item{
position: relative;
float: left;
display: block;
padding: 0;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
box-sizing: border-box;
}
.ticker-widget .post-info, #break-section .PopularPosts .ticker-widget .post-info {
overflow: hidden;
z-index: 5;
box-sizing: border-box;
padding: 0;
}
.ticker-widget .post-title, #break-section .PopularPosts .ticker-widget .post-title{
font-size:13px;
font-weight:600;
line-height:30px;
margin:0;
padding:0;
float:left;
}
.ticker-widget .post-title a, #break-section .PopularPosts .ticker-widget .post-title a{
position:relative;
display: -webkit-box;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;
overflow: hidden;
color:$(title.color);
transition:color .25s
}
.ticker-widget .post-title a:hover, #break-section .PopularPosts .ticker-widget .post-title a:hover{
color:$(main.color)
}
.ticker-widget .post-tag {
position: static;
background-color: $(main.dark.color);
float: left;
margin: 6px 10px 0 0;
line-height: 18px;
}
.ticker-widget .owl-nav{
position:absolute;
bottom: 2px;
right: 4px;
z-index: 5;
}
.ticker-widget .owl-nav .owl-prev{
}
.ticker-widget .owl-nav .owl-next{
margin:0 0 0 4px
}
@keyframes fadeInLeft {
from{
opacity:0;
transform:translate3d(-30px,0,0)
}
to{
opacity:1;
transform:none
}
}
@keyframes fadeOutLeft {
from{
opacity:1
}
to{
opacity:0;
transform:translate3d(-30px,0,0)
}
}
@keyframes fadeInRight {
from{
opacity:0;
transform:translate3d(30px,0,0)
}
to{
opacity:1;
transform:none
}
}
.fadeInRight{
animation-name:fadeInRight
}
@keyframes fadeOutRight {
from{
opacity:1
}
to{
opacity:0;
transform:translate3d(30px,0,0)
}
}
.fadeOutRight{
animation-name:fadeOutRight
}
.home-ad .widget > .widget-title{
display:none
}
.home-ad .widget-content{
float:left;
width:728px;
max-width:100%;
line-height:0;
margin:0 0 40px
}
#hot-wrapper .container{
margin:0 auto
}
#hot-section .widget,#hot-section .widget > .widget-title{
display:none
}
#hot-section .show-hot, #hot-section .widget.PopularPosts{
display:block!important
}
#hot-section .show-hot .widget-content, #hot-section .PopularPosts .widget-content{
position: relative;
overflow: hidden;
margin:30px 0 0
}
.hot-loader{
position:relative;
height:380px;
overflow:hidden;
display:block
}
.hot-loader:after{
content:'';
position:absolute;
top:50%;
left:50%;
width:26px;
height:26px;
margin:-16px 0 0 -16px;
border:3px solid #eaeaea;
border-left-color:$(main.color);
border-right-color:$(main.color);
border-radius:100%;
animation:spinner .8s infinite linear;
transform-origin:center
}
@-webkit-keyframes spinner {
0%{
-webkit-transform:rotate(0deg);
transform:rotate(0deg)
}
to{
-webkit-transform:rotate(1turn);
transform:rotate(1turn)
}
}
@keyframes spinner {
0%{
-webkit-transform:rotate(0deg);
transform:rotate(0deg)
}
to{
-webkit-transform:rotate(1turn);
transform:rotate(1turn)
}
}
ul.hot-posts, .PopularPosts ul.hot-posts{
position: relative;
overflow: hidden;
margin: 0 -10px;
}
.hot-posts .hot-item, PopularPosts .hot-posts .hot-item{
position:relative;
float:left;
width:40%;
height:220px;
overflow:hidden;
box-sizing:border-box;
padding: 0;
}
.hot-posts .item-0, .PopularPosts .hot-posts .item-0{
width:60%;
height:450px;
margin:0;
padding: 0 10px;
}
.hot-posts .item-1, .PopularPosts .hot-posts .item-1{
margin:0 0 10px
}
.hot-item-inner, PopularPosts .hot-item-inner{
position:relative;
float:left;
width:100%;
height:100%;
overflow:hidden;
display:block;
}
.hot-posts .item-0 .hot-item-inner, .PopularPosts .hot-posts .item-0 .hot-item-inner {
height: 450px;
}
.hot-posts .hot-item .post-image-wrap, .PopularPosts .hot-posts .hot-item .post-image-wrap {
position: relative;
display: block;
width:100%;
height:100%;
}
.hot-posts .post-image-link, .PopularPosts .hot-posts .post-image-link{
width:100%;
height:100%;
position:relative;
overflow:hidden;
display:block;
border-radius:0;
}
.hot-posts .post-image-link .post-thumb, .PopularPosts .hot-posts .post-image-link .post-thumb {
}
.hot-posts .post-image-link:before, .PopularPosts .hot-posts .post-image-link:before {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
content: "";
background: rgba(7, 7, 7, 0.4);
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
z-index: 2;
opacity: 1;
margin: 0;
transition: opacity .25s ease;
}
.hot-posts .post-info, .PopularPosts .hot-posts .post-info{
position: absolute;
bottom: 0;
left: 0;
width: 100%;
overflow: hidden;
z-index: 5;
box-sizing: border-box;
padding: 20px;
}
.hot-posts .item-0 .post-info, .PopularPosts .hot-posts .item-0 .post-info {
padding: 20px;
}
.hot-posts .post-tag, .PopularPosts .hot-posts .post-tag{
background: $(main.color);
color:#ffffff;position: static;
display: inline-block;
height: 22px;
line-height: 22px;
padding: 0 8px;
font-size: 12px;
text-transform: capitalize;
font-weight: 400;
border: 0;
margin: 0 0 8px;
z-index: 5;
border-radius: 4px;
}
.post-tag{
position:absolute;
top:15px;
left:15px;
height:18px;
z-index:5;
background-color:$(main.color);
color:#fff;
font-size:10px;
line-height:18px;
font-weight:700;
text-transform:uppercase;
padding:0 6px
}
.hot-posts .post-title, .PopularPosts .hot-posts .post-title{
font-size:18px;
font-weight:600;
display:block;
line-height:1.3em;
margin:0 0 7px;
}
.hot-posts .item-0 .post-title, .PopularPosts .hot-posts .item-0 .post-title {
font-size:26px;
margin:0 0 7px;
line-height:1.5em;
}
.hot-posts .post-title a, .PopularPosts .hot-posts .post-title a{
color:#ffffff;
text-shadow: 0 1px 2px rgb(0 0 0 / 50%);
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
}
.hot-posts .post-title a:hover, .PopularPosts .hot-posts .post-title a:hover{
color:$(main.color)
}
.hot-posts .item-0 .post-title a, .PopularPosts .hot-posts .item-0 .post-title a{
display:block;
}
.hot-posts .post-meta, .PopularPosts .hot-posts .post-meta, .hot-posts .post-meta a, .PopularPosts .hot-posts .post-meta a{
font-size:11px;
color:#fef3f3
}
.hot-posts .post-snippet, .PopularPosts .hot-posts .post-snippet {
display:none;
}
.PopularPosts .hot-posts .post-info .post-meta .post-date {
margin-top:0;
}
.show-hot .no-posts, .PopularPosts .no-posts{
position:absolute;
top:calc(50% - 50px);
left:0;
width:100%;
text-align:center;
}
.home-ad .widget > .widget-title{
display:none
}
.home-ad .widget{
width:728px;
max-width:100%;
margin:0 auto
}
.home-ad .widget .widget-content{
position:relative;
width:100%;
max-height:90px;
overflow:hidden;
line-height:1;
margin:0 0 30px
}
.title-wrap{
position:relative;
float:left;
width:100%;
height:34px;
display:block;
background:$(main.dark.color);
margin:0;
}
.home-posts-headline {
margin-bottom: 20px;
}
.item .title-wrap{
border-width: 0 0 1px 0;
}
.title-wrap > h3{
position: relative;
float: left;
height: 34px;
font-size:12px;
color:#ffffff;
background:$(main.dark.color);
text-transform:uppercase;
line-height:34px;
text-transform:uppercase;
text-align: left;
border-radius: 0;
padding: 0 25px 0 12px;
margin: 0;
}
a.view-all{
float: right;
height: 18px;
font-size: 9px;
line-height: 18px;
border-radius: 3px;
margin-top: 8px;
margin-right: 8px;
padding: 0 5px;
font-weight: bold;
text-transform: uppercase;
transition: background .17s ease;
background-color: $(main.color);
color:#fff;
}
a.view-all:hover{
background: #e0e0e0;
}
a.view-all:after{
content:'\f105';
float:right;
font-weight:900;
font-family:'Font Awesome 5 Free';
margin:0 0 0 3px
}
.queryMessage{
overflow:hidden;
background-color:#fff;
color:$(title.color);
font-size:13px;
font-weight:400;
padding:8px 10px;
margin:0 0 25px;
border:1px solid #ebebf3;
border-radius:3px
}
.queryMessage .query-info{
margin:0 5px
}
.queryMessage .search-query,.queryMessage .search-label{
font-weight:700;
text-transform:uppercase
}
.queryMessage .search-query:before,.queryMessage .search-label:before{
content:"\201c"
}
.queryMessage .search-query:after,.queryMessage .search-label:after{
content:"\201d"
}
.queryMessage a.show-more{
float:right;
color:$(main.color);
text-decoration:underline;
transition:opacity .17s
}
.queryMessage a.show-more:hover{
opacity:.8
}
.queryEmpty{
font-size:13px;
font-weight:400;
padding:10px 0;
margin:0 0 25px;
text-align:center
}
.custom-widget li{
overflow:hidden;
padding:15px 0 0;
margin:15px 0 0;
border-top:1px dotted #ebebf3
}
.custom-widget li:first-child{
padding:0;
margin:0;
border:0
}
.custom-widget .post-image-link{
position:relative;
width:75px;
height:60px;
float:left;
overflow:hidden;
display:block;
vertical-align:middle;
margin:0 12px 0 0;
border-radius:3px
}
.custom-widget .post-info{
overflow:hidden
}
.custom-widget .post-title{
overflow:hidden;
font-size:15px;
font-weight:400;
line-height:1.5em;
margin:0
}
.custom-widget .post-title a{
display:block;
color:$(title.color);
transition:color .17s
}
.custom-widget li:hover .post-title a{
color:$(main.color)
}
.index-post-wrap{
display: block;
box-sizing: border-box;
padding: 0;
margin: 0;
}
.grid-posts {
display: grid;
grid-template-columns: 1fr;
grid-gap: 35px;
}
.blog-post{
display:block;
overflow:hidden;
word-wrap:break-word
}
.index-post{
float: left;
width: 100%;
padding: 0;
margin: 0;
}
.index-post:last-child {
margin: 0;
}
.index-post .post-image-wrap{
float: left;
width: 320px;
height: 250px;
overflow: hidden;
margin: 0 15px 0 0;
}
.index-post .post-image-wrap .post-image-link{
width:100%;
height:100%;
position:relative;
display:block;
z-index:1;
overflow:hidden;
}
.index-post .post-info{
overflow: hidden;
padding: 0;
box-sizing: border-box;
}
.index-post .post-info > h2{
float:left;
width:100%;
overflow:hidden;
font-size:22px;
font-weight:500;
line-height:1.4em;
text-decoration:none;
margin:0
}
.index-post .post-info > h2 > a{
float:left;
display:block;
color:$(title.color);
transition:color .17s
}
.index-post .post-info > h2 > a:hover{
color:$(main.color)
}
.widget iframe,.widget img{
max-width:100%
}
.post-meta{
overflow:hidden;
color:#aaa;
font-size:13px;
font-weight:400;
padding:0 1px
}
.post-meta .post-author,.post-meta .post-date{
float:left;
display:inline-block;
margin:0 10px 0 0
}
.post-meta .post-author:before,.post-meta .post-date:before{
font-family:'Font Awesome 5 Free';
color:$(main.dark.color);
font-weight:900;
margin:0 3px 0 0;
font-size: 11px;
}
.hot-posts .post-meta .post-author:before, .hot-posts .post-meta .post-date:before, .footer .post-meta .post-author:before, .footer .post-meta .post-date:before, #grid-wrapper .post-meta .post-author:before, #grid-wrapper .post-meta .post-date:before {
color:#afafaf;
}
.post-meta .post-author:before{
content:'BY';
font-family: 'Fira Sans',Arial,sans-serif;
}
.post-meta .post-date:before{
content:'\f073'
}
.post-meta a{
color:#aaa;
transition:color .17s
}
.post-meta a:hover{
color:$(main.color)
}
.post-meta .post-author .meta-avatar{
float:left;
height:20px;
width:20px;
overflow:hidden;
margin:0 7px 0 0;
border-radius:100%;
box-shadow:0 0 3px rgba(0,0,0,0.1)
}
.post-meta .post-author .meta-avatar img{
display:block;
width:100%;
height:100%;
border-radius:100%
}
.index-post .post-meta{
margin:0
}
.post-snippet{
position:relative;
display:block;
overflow:hidden;
font-size:13px;
line-height:1.5em;
font-weight:400;
margin:8px 0 0;
}
.index-post-footer{
position:relative;
float:left;
width:100%;
padding: 0;
margin: 7px 0 0;
}
a.read-more{
float:left;
overflow:hidden;
position:relative;
height:28px;
background-color:#fdfdff;
color:$(title.color);
font-size:12px;
font-weight:500;
text-transform:uppercase;
line-height:28px;
padding:0 13px;
margin:10px 0 0;
border:1px solid #f2f2f6;
border-radius:3px;
transition:all .17s ease
}
a.read-more span {
display: inline-block;
position: relative;
z-index: 9;
}
a.read-more:hover {
color:#fff;
}
.read-more::before{
content:'\f064';
font-family:'Font Awesome 5 Free';
font-weight:900;
margin:0 5px 0 0;
z-index: 9;
position: relative;
}
.read-more:after {
content: "";
position: absolute;
inset: 0;
width: 100%;
border-radius: 4px;
transform: scaleX(0);
transform-origin: 100% 50%;
transition-property: transform;
transition-duration: 0.5s;
transition: all 0.3s;
transition-timing-function: ease-out;
}
.read-more:hover:after {
transform: scaleX(1);
transition-timing-function: cubic-bezier(.52,1.64,.37,.66);
background-color: $(main.color);
color:#fff;
}
a.post-tag{
float:left;
height:28px;
background-color:#fdfdff;
color:$(title.color);
font-size:12px;
font-weight:500;
text-transform:uppercase;
line-height:28px;
padding:0 13px;
margin:0;
border:1px solid #f2f2f6;
border-radius:3px;
transition:all .17s ease
}
a.post-tag:hover{
background-color:$(main.color);
color:#fff;
border-color:$(main.color)
}
.index-post .post-info .post-tag {
position: static;
height: 22px;
line-height: 22px;
padding: 0 8px;
margin-bottom: 7px;
font-size: 12px;
text-transform: capitalize;
font-weight: 400;
background: $(main.color);
border: 0;
color: #ffffff;
}
#breadcrumb{
font-size:12px;
font-weight:400;
height:34px;
background-color:$(main.dark.color);
color:#aaa;
line-height:34px;
padding:0 15px;
margin:0 0 15px;
}
#breadcrumb a{
color:#aaa;
transition:color .17s
}
#breadcrumb a:hover{
color:$(main.color)
}
#breadcrumb a,#breadcrumb em{
display:inline-block
}
#breadcrumb .delimiter:after{
content:'\f054';
font-family:'Font Awesome 5 Free';
font-size:7px;
font-weight:900;
font-style:normal;
vertical-align:middle;
margin:0 3px
}
.item-post h1.post-title{
color:$(title.color);
font-size:30px;
line-height:1.4em;
font-weight:400;
position:relative;
display:block;
padding:0;
margin:0 0 15px
}
.static_page .item-post h1.post-title{
margin:15px 0 0
}
.item-post .post-body{
width:100%;
font-size:15px;
line-height:1.6em;
overflow:hidden;
box-sizing:border-box;
padding:20px 0 0;
margin:15px 0 20px;
border-top:1px solid #f2f2f6
}
.item-post .post-outer{
padding:0
}
.item-post .post-body img{
max-width:100%
}
.main .widget{
margin:0
}
.main .Blog{
border-bottom-width:0
}
.post-item-inner{
position:relative;
float:left;
width:100%;
overflow:hidden;
box-sizing:border-box;
margin:0 0 35px;
}
.post-item-inner .post-meta{
padding:0
}
.post-footer{
position:relative;
float:left;
width:100%;
margin:0
}
.inline-ad{
position:relative;
display:block;
max-height:60px;
margin:0 0 30px
}
.inline-ad > ins{
display:block!important;
margin:0 auto!important
}
.item .inline-ad{
float:left;
width:100%;
margin:20px 0 0
}
.item-post-wrap > .inline-ad{
margin:0 0 20px
}
.post-labels{
overflow:hidden;
height:auto;
position:relative;
padding:0;
margin:0 0 20px
}
.post-labels a{
float:left;
height:22px;
background-color:#fdfdff;
color:$(title.color);
font-size:12px;
line-height:22px;
font-weight:400;
margin:0;
padding:0 10px;
border:1px solid #f2f2f6;
border-radius:3px;
margin:0 5px 0 0;
transition:all .17s ease
}
.post-labels a:hover{
background-color:$(main.color);
color:#fff;
border-color:$(main.color)
}
.post-reactions{
height:28px;
display:block;
padding:0;
margin:0 0 15px
}
.post-reactions span{
float:left;
color:$(title.color);
font-size:12px;
line-height:25px;
text-transform:uppercase;
font-weight:500
}
.reactions-inner{
float:left;
margin:0;
height:28px
}
.post-share{
position:relative;
float:left;
width:100%;
overflow:hidden;
background-color:#fdfdff;
box-sizing:border-box;
padding:15px 0;
margin:0;
border-top:2px solid #f2f2f6
}
ul.share-links{
position:relative;
margin:0 -2.5px
}
.share-links li{
width:calc(100% / 7);
float:left;
box-sizing:border-box;
padding:0 2.5px;
margin:0
}
.share-links li a{
float:left;
display:inline-block;
cursor:pointer;
width:100%;
height:32px;
line-height:32px;
color:#fff;
font-weight:400;
font-size:17px;
text-align:center;
box-sizing:border-box;
opacity:1;
border-radius:3px;
transition:all .17s ease
}
.share-links li a:hover{
opacity:.8
}
ul.post-nav{
position:relative;
overflow:hidden;
display:block;
padding:0 5px;
margin:0 0 35px
}
.post-nav li{
display:inline-block;
width:50%
}
.post-nav .post-prev{
float:left;
text-align:left;
box-sizing:border-box;
padding:0 10px 0 0
}
.post-nav .post-next{
float:right;
text-align:right;
box-sizing:border-box;
padding:0 0 0 10px
}
.post-nav li a{
color:$(title.color);
line-height:1.4em;
display:block;
overflow:hidden;
transition:color .17s
}
.post-nav li:hover a{
color:$(main.color)
}
.post-nav li span{
display:block;
font-size:11px;
color:#aaa;
font-weight:500;
text-transform:uppercase;
padding:0 0 3px
}
.post-nav .post-prev span:before{
content:"\f053";
float:left;
font-family:'Font Awesome 5 Free';
font-size:10px;
font-weight:900;
text-transform:none;
margin:0 2px 0 0
}
.post-nav .post-next span:after{
content:"\f054";
float:right;
font-family:'Font Awesome 5 Free';
font-size:10px;
font-weight:900;
text-transform:none;
margin:0 0 0 2px
}
.post-nav p{
font-size:12px;
font-weight:400;
line-height:1.5em;
margin:0
}
.post-nav .post-nav-active p{
color:#aaa
}
.about-author{
position:relative;
display:block;
overflow:hidden;
background-color:$(main.dark.color);
padding:20px;
margin:0 0 35px;
border:1px solid #252525;
border-radius:3px
}
.about-author .avatar-container{
position:relative;
float:left;
width:80px;
height:80px;
background-color:rgba(255,255,255,0.05);
overflow:hidden;
margin:0 15px 0 0
}
.about-author .author-avatar{
float:left;
width:100%;
height:100%;
border-radius:3px;
opacity: 0;
transition: opacity .17s ease;
}
.about-author .author-avatar.lazy-yard{
opacity: 1;
}
.author-name{
overflow:hidden;
display:inline-block;
font-size:16px;
font-weight:500;
margin:0
}
.author-name span{
color:#aaaaaa
}
.author-name a{
color:$(main.color);
transition:opacity .17s
}
.author-name a:hover{
opacity:.8
}
.author-description{
display:block;
color:#ffffff;
overflow:hidden;
font-size:12px;
font-weight:400;
line-height:1.6em
}
.author-description a:hover{
text-decoration:underline
}
#related-wrap{
overflow:hidden;
background-color:#fff;
margin:0 0 35px;
}
#related-wrap .related-tag{
display:none
}
.related-ready{
float:left;
width:100%;
box-sizing:border-box;
padding:15px 0
}
.related-ready .loader{
height:178px
}
ul.related-posts{
position:relative;
overflow:hidden;
margin:0 -10px;
padding:0
}
.related-posts .related-item{
width:33.33333333%;
position:relative;
overflow:hidden;
float:left;
display:block;
box-sizing:border-box;
padding:0 10px;
margin:0
}
.related-posts .post-image-link{
width:100%;
height:120px;
position:relative;
overflow:hidden;
display:block;
margin:0 0 10px;
border-radius:3px
}
.related-posts .post-title{
font-size:15px;
font-weight:400;
line-height:1.5em;
display:block;
margin:0
}
.related-posts .post-title a{
color:$(title.color);
transition:color .17s
}
.related-posts .post-meta .post-date, .custom-widget li .post-meta .post-date, .PopularPosts .post-info .post-meta .post-date {
font-size:11px;
margin:8px 0 0
}
.custom-widget li .post-meta .post-date, .PopularPosts .post-info .post-meta .post-date {
margin:4px 0 0
}
.related-posts .related-item:hover .post-title a{
color:$(main.color)
}
#blog-pager{
float:left;
width:100%;
font-size:15px;
font-weight:500;
text-align:center;
clear:both;
box-sizing:border-box;
padding: 20px 0 0;
margin: 20px 0;
border-top:1px solid rgba(155,155,155,0.1)
}
.index #blog-pager, .archive #blog-pager {
margin:0;
border:0;
}
#blog-pager .load-more{
display:inline-block;
height:34px;
background-color:$(main.color);
font-size:14px;
color:#ffffff;
font-weight:400;
line-height:34px;
box-sizing:border-box;
padding:0 30px;
margin:0;
border:1px solid rgba(0,0,0,.1);
border-bottom-width:2px;
border-radius:2px
}
#blog-pager #load-more-link{
color:#fff;
cursor:pointer
}
#blog-pager #load-more-link:hover{
background-color:$(main.color);
color:#fff
}
#blog-pager .load-more.no-more{
background-color:rgba(155,155,155,0.05);
color:$(main.color)
}
#blog-pager .loading,#blog-pager .no-more{
display:none
}
#blog-pager .loading .loader{
position:relative;
height:100%;
overflow:hidden;
display:block;
margin:0
}
#blog-pager .loading .loader{
height:34px
}
#blog-pager .no-more.show{
display:inline-block
}
#blog-pager .loading .loader:after{
width:26px;
height:26px;
margin:-15px 0 0 -15px
}
#blog-pager .loading .loader:after{
content:'';
position:absolute;
top:50%;
left:50%;
width:28px;
height:28px;
margin:-16px 0 0 -16px;
border:2px solid $(main.color);
border-right-color:rgba(155,155,155,0.2);
border-radius:100%;
animation:spinner 1.1s infinite linear;
transform-origin:center
}
@-webkit-keyframes spinner {
0%{
-webkit-transform:rotate(0deg);
transform:rotate(0deg)
}
to{
-webkit-transform:rotate(1turn);
transform:rotate(1turn)
}
}
@keyframes spinner {
0%{
-webkit-transform:rotate(0deg);
transform:rotate(0deg)
}
to{
-webkit-transform:rotate(1turn);
transform:rotate(1turn)
}
}
.archive #blog-pager,.home .blog-pager .blog-pager-newer-link,.home .blog-pager .blog-pager-older-link{
display:none
}
.blog-post-comments{
display:none;
overflow:hidden;
background-color:#fff;
margin:0 0 35px;
}
.blog-post-comments .comments-title{
margin:0 0 20px
}
.comments-system-disqus .comments-title,.comments-system-facebook .comments-title{
margin:0
}
#disqus_thread{
float:left;
width:100%;
padding:10px 15px;
box-sizing:border-box
}
.blog-post-comments .fb_iframe_widget{
box-sizing:border-box;
padding:0 5px
}
#comments{
margin:0
}
#gpluscomments{
float:left!important;
width:100%!important;
margin:0 0 25px!important
}
#gpluscomments iframe{
float:left!important;
width:100%
}
.comments{
display:block;
clear:both;
padding:0 15px;
margin:0;
color:$(title.color)
}
.comments .comment-thread > ol{
padding:0
}
.comments > h3{
font-size:13px;
font-weight:400;
font-style:italic;
padding-top:1px
}
.comments .comments-content .comment{
list-style:none;
margin:0;
padding:0 0 8px
}
.comments .comments-content .comment:first-child{
padding-top:0
}
.facebook-tab,.fb_iframe_widget_fluid span,.fb_iframe_widget iframe{
width:100%!important
}
.comments .item-control{
position:static
}
.comments .avatar-image-container{
float:left;
overflow:hidden;
position:absolute
}
.comments .avatar-image-container,.comments .avatar-image-container img{
height:35px;
max-height:35px;
width:35px;
max-width:35px;
border-radius:100%
}
.comments .comment-block{
overflow:hidden;
padding:0 0 20px
}
.comments .comment-block,.comments .comments-content .comment-replies{
margin:0 0 0 50px
}
.comments .comments-content .inline-thread{
padding:0
}
.comments .comment-actions{
float:left;
width:100%;
position:relative;
margin:0
}
.comments .comments-content .comment-header{
font-size:16px;
display:block;
overflow:hidden;
clear:both;
margin:0 0 3px;
padding:0 0 5px;
border-bottom:1px dotted #ebebf3
}
.comments .comments-content .comment-header a{
color:$(title.color);
transition:color .17s
}
.comments .comments-content .comment-header a:hover{
color:$(main.color)
}
.comments .comments-content .user{
font-style:normal;
font-weight:400;
display:block
}
.comments .comments-content .icon.blog-author{
display:none
}
.comments .comments-content .comment-content{
float:left;
font-size:13px;
color:#5E5E5E;
font-weight:400;
text-align:left;
line-height:1.4em;
margin:10px 0
}
.comments .comment .comment-actions a{
margin-right:5px;
padding:2px 5px;
background-color:#fdfdff;
color:$(title.color);
font-weight:400;
font-size:10px;
border:1px solid #f2f2f6;
border-radius:3px;
transition:all .17s ease
}
.comments .comment .comment-actions a:hover{
color:#fff;
background-color:$(main.color);
border-color:$(main.color);
text-decoration:none
}
.comments .comments-content .datetime{
float:left;
font-size:11px;
font-weight:400;
color:#aaa;
position:relative;
padding:0 1px;
margin:5px 0 0;
display:block
}
.comments .comments-content .datetime a,.comments .comments-content .datetime a:hover{
color:#aaa
}
.comments .thread-toggle{
margin-bottom:4px
}
.comments .thread-toggle .thread-arrow{
height:7px;
margin:0 3px 2px 0
}
.comments .thread-count a,.comments .continue a{
transition:opacity .17s
}
.comments .thread-count a:hover,.comments .continue a:hover{
opacity:.8
}
.comments .continue a{
display:none
}
.comments .thread-expanded{
padding:5px 0 0
}
.comments .thread-chrome.thread-collapsed{
display:none
}
.thread-arrow:before{
content:'';
font-family:'Font Awesome 5 Free';
color:$(title.color);
font-weight:900;
margin:0 2px 0 0
}
.comments .thread-expanded .thread-arrow:before{
content:'\f0d7'
}
.comments .thread-collapsed .thread-arrow:before{
content:'\f0da'
}
.comments .comments-content .comment-thread{
margin:0
}
.comments .continue a{
padding:0 0 0 60px;
font-weight:400
}
.comments .comments-content .loadmore.loaded{
margin:0;
padding:0
}
.comments .comment-replybox-thread{
margin:0
}
.thread-expanded .thread-count,.thread-expanded .thread-arrow,.comments .comments-content .loadmore,.comments .comments-content .loadmore.loaded{
display:none
}
#comment-editor{
margin:0 0 20px
}
.post-body h1,.post-body h2,.post-body h3,.post-body h4,.post-body h5,.post-body h6{
color:$(title.color);
font-weight:500;
margin:0 0 15px
}
.post-body h1,.post-body h2{
font-size:24px
}
.post-body h3{
font-size:21px
}
.post-body h4{
font-size:18px
}
.post-body h5{
font-size:16px
}
.post-body h6{
font-size:13px
}
blockquote{
font-style:italic;
padding:10px;
margin:0;
border-left:4px solid $(main.color)
}
blockquote:before,blockquote:after{
display:inline-block;
font-family:'Font Awesome 5 Free';
font-style:normal;
font-weight:900;
color:#aaa;
line-height:1
}
blockquote:before{
content:'\f10d';
margin:0 10px 0 0
}
blockquote:after{
content:'\f10e';
margin:0 0 0 10px
}
.widget .post-body ul,.widget .post-body ol{
line-height:1.5;
font-weight:400
}
.widget .post-body li{
margin:5px 0;
padding:0;
line-height:1.5
}
.post-body ul{
padding:0 0 0 20px
}
.post-body ul li:before{
content:"\f105";
font-family:'Font Awesome 5 Free';
font-size:13px;
font-weight:900;
margin:0 5px 0 0
}
.post-body u{
text-decoration:underline
}
.post-body a{
transition:color .17s ease
}
.post-body strike{
text-decoration:line-through
}
.contact-form{
overflow:hidden
}
.contact-form .widget-title{
display:none
}
.contact-form .contact-form-name{
width:calc(50% - 5px)
}
.contact-form .contact-form-email{
width:calc(50% - 5px);
float:right
}
.sidebar .widget{
position:relative;
overflow:hidden;
background-color:#fff;
box-sizing:border-box;
padding: 0;
margin:0 0 35px;
}
.sidebar .widget > .widget-title{
position:relative;
float:left;
width:100%;
height:34px;
color:#fff;
display:block;
text-align:center;
margin:0 0 20px;
background: $(widget.title.bg);
}
.sidebar .widget > .widget-title > h3{
position: relative;
display:block;
height:34px;
font-size:12px;
background:$(widget.title.bg);
color:#fff;
font-weight:700;
line-height:34px;
text-transform:uppercase;
text-align: center;
border-radius: 0;
padding: 0;
margin: 0;
}
.sidebar .widget-content{
float:left;
width:100%;
box-sizing: border-box;
padding: 0;
margin:0
}
ul.social-counter{
margin:0 -5px
}
.social-counter li{
float:left;
width:20%;
box-sizing:border-box;
padding:0 5px;
margin:10px 0 0
}
.social-counter li:nth-child(1),.social-counter li:nth-child(2),.social-counter li:nth-child(3),.social-counter li:nth-child(4),.social-counter li:nth-child(5){
margin-top:0
}
.social-counter li a{
display:block;
position:relative;
height:40px;
font-size:22px;
color:#fff;
text-align:center;
line-height:40px;
border-radius:3px;
transition:opacity .17s
}
.social-counter li a:hover{
opacity:.8
}
.list-label li{
position:relative;
display:block;
padding:7px 0;
border-top:1px dotted #ebebf3
}
.list-label li:first-child{
padding-top:0;
border-top:0
}
.list-label li:last-child{
padding-bottom:0;
border-bottom:0
}
.list-label li a{
display:block;
color:$(title.color);
font-size:13px;
font-weight:400;
text-transform:capitalize;
transition:color .17s
}
.list-label li a:before{
content:"\f054";
float:left;
color:$(title.color);
font-weight:900;
font-family:'Font Awesome 5 Free';
font-size:6px;
margin:6px 3px 0 0;
transition:color .17s
}
.list-label li a:hover{
color:$(main.color)
}
.list-label .label-count{
position:relative;
float:right;
font-size:11px;
font-weight:400;
text-align:center;
line-height:16px
}
.cloud-label li{
position:relative;
float:left;
margin:0 5px 5px 0
}
.cloud-label li a{
display:block;
height:26px;
background-color:#fdfdff;
color:$(title.color);
font-size:12px;
line-height:26px;
font-weight:400;
padding:0 10px;
border:1px solid #f2f2f6;
border-radius:3px;
transition:all .17s ease
}
.cloud-label li a:hover{
color:#fff;
background-color:$(main.color);
border-color:$(main.color)
}
.cloud-label .label-count{
display:none
}
.sidebar .FollowByEmail > .widget-title > h3{
margin:0
}
.FollowByEmail .widget-content{
position:relative;
overflow:hidden;
text-align:center;
font-weight:400;
box-sizing:border-box;
padding:20px
}
.FollowByEmail .widget-content > h3{
font-size:17px;
color:$(widget.title);
font-weight:500;
margin:0 0 13px
}
.FollowByEmail .before-text{
font-size:13px;
line-height:1.5em;
margin:0 0 15px;
display:block;
padding:0 10px;
overflow:hidden
}
.FollowByEmail .follow-by-email-inner{
position:relative
}
.FollowByEmail .follow-by-email-inner .follow-by-email-address{
width:100%;
height:32px;
color:$(title.color);
font-size:11px;
font-family:inherit;
padding:0 10px;
margin:0 0 10px;
box-sizing:border-box;
border:1px solid #eee;
border-radius:3px;
transition:ease .17s
}
.FollowByEmail .follow-by-email-inner .follow-by-email-submit{
width:100%;
height:32px;
font-family:inherit;
font-size:11px;
color:#fff;
background-color:$(main.color);
text-transform:uppercase;
text-align:center;
font-weight:500;
cursor:pointer;
margin:0;
border:0;
border-radius:3px;
transition:background .17s ease
}
.FollowByEmail .follow-by-email-inner .follow-by-email-submit:hover{
background-color:$(main.dark.color)
}
#ArchiveList ul.flat li{
color:$(title.color);
font-size:13px;
font-weight:400;
padding:7px 0;
border-bottom:1px dotted #eaeaea
}
#ArchiveList ul.flat li:first-child{
padding-top:0
}
#ArchiveList ul.flat li:last-child{
padding-bottom:0;
border-bottom:0
}
#ArchiveList .flat li > a{
display:block;
color:$(title.color);
transition:color .17s
}
#ArchiveList .flat li > a:hover{
color:$(main.color)
}
#ArchiveList .flat li > a:before{
content:"\f054";
float:left;
color:$(title.color);
font-weight:900;
font-family:'Font Awesome 5 Free';
font-size:6px;
margin:6px 3px 0 0;
display:inline-block;
transition:color .17s
}
#ArchiveList .flat li > a > span{
position:relative;
float:right;
width:16px;
height:16px;
background-color:$(main.color);
color:#fff;
font-size:11px;
font-weight:400;
text-align:center;
line-height:16px
}
.PopularPosts .post{
overflow:hidden;
padding:15px 0 0;
margin:15px 0 0;
border-top:1px dotted #ebebf3
}
.PopularPosts .post:first-child{
padding:0;
margin:0;
border:0
}
.PopularPosts .post-image-link{
position:relative;
width:75px;
height:60px;
float:left;
overflow:hidden;
display:block;
vertical-align:middle;
margin:0 12px 0 0;
border-radius:3px
}
.PopularPosts .post-info{
overflow:hidden
}
.PopularPosts .post-title{
font-size:15px;
font-weight:400;
line-height:1.5em;
margin:0
}
.PopularPosts .post-title a{
display:block;
color:$(title.color);
transition:color .17s
}
.PopularPosts .post:hover .post-title a{
color:$(main.color)
}
.PopularPosts .post-date:before{
font-size:10px
}
.FeaturedPost .post-image-link{
display:block;
position:relative;
width:100%;
height:170px;
overflow:hidden;
margin:0 0 10px
}
.FeaturedPost .post-tag {
line-height: 18px;
}
.FeaturedPost .post-title{
font-size: 18px;
overflow: hidden;
font-weight: 600;
line-height: 1.5em;
margin: 0 0 5px;
}
.FeaturedPost .post-title a{
color:$(title.color);
display:block
}
.FeaturedPost .post-title a:hover{
color:$(main.color);
text-decoration:underline
}
.Text{
font-size:13px
}
.contact-form-widget{
float:left;
width:100%;
box-sizing:border-box;
padding:15px
}
.contact-form-widget form{
font-weight:400
}
.contact-form-widget form > p{
margin:0
}
.contact-form-widget form > span{
color:red
}
.contact-form-name{
float:left;
width:100%;
height:30px;
font-family:inherit;
font-size:13px;
line-height:30px;
box-sizing:border-box;
padding:5px 10px;
margin:0 0 10px;
border:1px solid #ebebf3;
border-radius:3px
}
.contact-form-email{
float:left;
width:100%;
height:30px;
font-family:inherit;
font-size:13px;
line-height:30px;
box-sizing:border-box;
padding:5px 10px;
margin:0 0 10px;
border:1px solid #ebebf3;
border-radius:3px
}
.contact-form-email-message{
float:left;
width:100%;
font-family:inherit;
font-size:13px;
box-sizing:border-box;
padding:5px 10px;
margin:0 0 10px;
border:1px solid #ebebf3;
border-radius:3px
}
.contact-form-button-submit{
float:left;
width:100%;
height:30px;
background-color:$(main.color);
font-family:inherit;
font-size:13px;
color:#fff;
line-height:30px;
cursor:pointer;
box-sizing:border-box;
padding:0 10px;
margin:0;
border:0;
border-radius:3px;
transition:background .17s ease
}
.contact-form-button-submit:hover{
background-color:$(main.dark.color)
}
.contact-form-error-message-with-border{
float:left;
width:100%;
background-color:#fbe5e5;
font-size:11px;
text-align:center;
line-height:11px;
padding:3px 0;
margin:10px 0;
box-sizing:border-box;
border:1px solid #fc6262
}
.contact-form-success-message-with-border{
float:left;
width:100%;
background-color:#eaf6ff;
font-size:11px;
text-align:center;
line-height:11px;
padding:3px 0;
margin:10px 0;
box-sizing:border-box;
border:1px solid #5ab6f9
}
.contact-form-cross{
margin:0 0 0 3px
}
.contact-form-error-message,.contact-form-success-message{
margin:0
}
.BlogSearch .search-input{
float:left;
width:75%;
height:30px;
background-color:#fff;
font-weight:400;
font-family:inherit;
font-size:13px;
line-height:30px;
box-sizing:border-box;
padding:5px 10px;
border:1px solid #ebebf3;
border-right-width:0;
border-radius:3px 0 0 3px
}
.BlogSearch .search-action{
float:right;
width:25%;
height:30px;
font-family:inherit;
font-size:13px;
line-height:30px;
cursor:pointer;
box-sizing:border-box;
background-color:$(main.color);
color:#fff;
padding:0 5px;
border:0;
border-radius:0 3px 3px 0;
transition:background .17s ease
}
.BlogSearch .search-action:hover{
background-color:$(main.dark.color)
}
.Profile .profile-img{
float:left;
width:80px;
height:80px;
margin:0 15px 0 0;
transition:all .17s ease
}
.Profile .profile-datablock{
margin:0
}
.Profile .profile-data .g-profile{
display:block;
font-size:18px;
color:$(title.color);
font-weight:700;
margin:0 0 5px;
transition:color .17s ease
}
.Profile .profile-data .g-profile:hover{
color:$(main.color)
}
.Profile .profile-info > .profile-link{
color:$(title.color);
font-size:11px;
margin:5px 0 0;
transition:color .17s ease
}
.Profile .profile-info > .profile-link:hover{
color:$(main.color)
}
.Profile .profile-datablock .profile-textblock{
display:none
}
.common-widget .LinkList ul li,.common-widget .PageList ul li{
width:calc(50% - 5px);
padding:7px 0 0
}
.common-widget .LinkList ul li:nth-child(odd),.common-widget .PageList ul li:nth-child(odd){
float:left
}
.common-widget .LinkList ul li:nth-child(even),.common-widget .PageList ul li:nth-child(even){
float:right
}
.common-widget .LinkList ul li a,.common-widget .PageList ul li a{
display:block;
color:$(title.color);
font-size:13px;
font-weight:400;
transition:color .17s ease
}
.common-widget .LinkList ul li a:hover,.common-widget .PageList ul li a:hover{
color:$(main.color)
}
.common-widget .LinkList ul li:first-child,.common-widget .LinkList ul li:nth-child(2),.common-widget .PageList ul li:first-child,.common-widget .PageList ul li:nth-child(2){
padding:0
}
#grid-wrapper {
overflow: hidden;
}
#grid-wrapper .container {
margin: 0 auto;
}
#grid-wrapper .widget {
display: none;
}
.featured-grid1 {
margin: 0 0 30px;
}
.featured-grid2 {
margin: 30px 0 0;
}
#grid-wrapper .show-grid {
display: block;
margin: 0;
}
#grid-wrapper .widget > .widget-title{
position: relative;
float: left;
width: 100%;
height: 34px;
display: block;
margin: 0 0 15px;
text-align:center;
background:$(main.dark.color);
}
#grid-wrapper .widget > .widget-title > h3 {
position: relative;
height: 34px;
font-size:14px;
color:#ffffff;
background:$(main.dark.color);
text-transform:uppercase;
line-height:34px;
text-transform:uppercase;
text-align:center;
border-radius: 0;
padding:0;
margin: 0;
}
#grid-wrapper .hot-loader {
height: 100px;
}
#grid-wrapper .show-grid .widget-content {
float:left;
width:100%;
position: relative;
overflow: hidden;
padding: 0;
box-sizing: border-box;
}
ul.grid-big{
display: grid;
grid-template-columns: repeat(3,1fr);
grid-gap: 20px;
}
.featured-grid1 ul.grid-big {
display: block;
margin: 0 -5px;
}
.grid-big li{
position:relative;
float:left;
width:100%;
overflow:hidden;
box-sizing:border-box;
padding:0;
margin:0
}
.featured-grid1 .grid-big li {
width: calc(100% / 3);
padding: 0 5px;
margin: 10px 0 0;
}
.featured-grid1 .grid-big li.item-0, .featured-grid1 .grid-big li.item-1 {
width: 50%;
height: 380px;
margin: 0;
}
.grid-big .feat-inner{
position:relative;
float:left;
width:100%;
overflow:hidden
}
.grid-big .post-image-link{
position:relative;
float:left;
width:100%;
height:320px;
display:block;
overflow:hidden;
margin:0
}
.featured-grid1 .grid-big li.item-0 .post-image-link, .featured-grid1 .grid-big li.item-1 .post-image-link {
height:380px;
}
.grid-big .post-image-link:before {
content: '';
position: absolute;
left: 0;
right: 0;
bottom: 0;
height: 70%;
background-image: linear-gradient(to bottom,transparent,rgba(0,0,0,0.8));
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
z-index: 2;
opacity: 1;
margin: 0;
transition: opacity .25s ease;
}
.grid-big .post-title{
overflow:hidden;
font-size:18px;
font-weight:500;
line-height:1.4em;
margin:0 0 10px
}
.grid-big .post-info{
position: absolute;
bottom: 0;
left: 0;
width: 100%;
background-image: linear-gradient(to bottom,transparent,rgba(0,0,0,0.8));
overflow: hidden;
z-index: 5;
box-sizing: border-box;
padding: 20px;
}
.grid-big .post-title a{
color:#ffffff;
transition:color .17s ease
}
.grid-big .post-title a:hover{
color:$(main.color)
}
.grid-big .post-snippet {
margin: 7px 0 0;
}
.featured-grid3 {
margin: 30px 0 0;
}
featured-grid3 .container{
margin: 0 auto;
}
.featured-grid3 ul.grid-big{
display: grid;
grid-template-columns: repeat(3,1fr);
grid-gap: 30px;
}
.featured-grid3 .grid-big li {
background:#f5f5f5;
border:1px solid #e5e7eb;
padding:16px;
}
.featured-grid3 .grid-big .post-image-link {
float:left;
width:130px;
height:110px;
margin-bottom:0;
margin-right: 15px;
}
.featured-grid3 .grid-big .post-image-link:before, .featured-grid3 .grid-big .post-info .post-meta .post-author {
display:none;
}
.featured-grid3 .grid-big .post-info {
position:relative;
display: block;
overflow: hidden;
padding: 0;
box-sizing: border-box;
background-image:none;
width: auto;
}
.featured-grid3 .grid-big .post-title {
font-size:15px;
}
.featured-grid3 .grid-big .post-title a {
color: $(title.color);
}
#footer-wrapper{
display:block;
width:100%;
overflow:hidden;
background-color:$(footer.bg);
padding:0;
}
#footer-wrapper .primary-footer{
background: $(footer.bg);
float:left;
width:100%;
margin:0
}
#footer-about-area{
position:relative;
float:left;
width:100%;
padding:25px 0;
margin:0
}
#footer-about-area .widget{
position:relative;
float:left;
box-sizing:border-box;
margin:0
}
#footer-about-area{
width:calc(100% - (320px + 30px));
padding:0
}
#footer-about-area .footer-logo{
display:block;
float:left;
box-sizing:border-box;
padding:0 25px 0 0;
margin:0
}
#footer-about-area .footer-logo img{
display:block;
max-height:40px;
margin:0
}
#footer-about-area .Image .image-caption{
font-size:13px;
line-height:1.6em;
margin:0
}
#footer-about-area .Image .image-caption a{
color:$(main.color)
}
#footer-about-area .Image .image-caption a:hover{
color:$(main.dark.color)
}
.foot-bar-social{
float:right;
width:300px;
margin:0;
position: relative;
box-sizing: border-box;
}
.foot-bar-social ul > li {
float: left;
margin: 0 0 0 10px;
}
.foot-bar-social ul > li > a {
display: block;
position:relative;
width: 40px;
height: 40px;
background-color: rgba(155,155,155,0.1);
font-size: 16px;
color: #ffffff;
text-align: center;
line-height: 40px;
box-sizing: border-box;
border: 0;
border-radius:3px;
}
.foot-bar-social ul > li > a:after, .social-counter li a:after {
content: '';
background: -o-linear-gradient(top,rgba(255,255,255,.2) 0,rgba(255,255,255,0) 100%);
background: -webkit-gradient(linear,left top,left bottom,color-stop(0,rgba(255,255,255,.2)),to(rgba(255,255,255,0)));
background: -webkit-linear-gradient(top,rgba(255,255,255,.2) 0,rgba(255,255,255,0) 100%);
background: -moz-linear-gradient(top,rgba(255,255,255,.2) 0,rgba(255,255,255,0) 100%);
background: linear-gradient(180deg,rgba(255,255,255,.2) 0,rgba(255,255,255,0) 100%);
-webkit-box-shadow: inset 0 0 0 1px rgb(0 0 0 / 15%);
-moz-box-shadow: inset 0 0 0 1px rgba(0,0,0,.15);
box-shadow: inset 0 0 0 1px rgb(0 0 0 / 15%);
width: 100%;
height: 100%;
display: block;
position: absolute;
top: 0;
border-radius: 3px;
}
#footer-wrapper .container{
overflow:hidden;
margin:0 auto;
padding:15px 0;
border-bottom:1px solid #4a4a4a;
}
#footer-wrapper #sub-footer-wrapper .container {
border: 0;
}
.footer-widgets-wrap{
position:relative;
display:flex;
margin:0 -15px
}
#footer-wrapper .footer{
display:inline-block;
float:left;
width:33.33333333%;
box-sizing:border-box;
padding:0 15px
}
#footer-wrapper .footer .widget{
float:left;
width:100%;
padding:0;
margin:25px 0 0
}
#footer-wrapper .footer .Text{
margin:10px 0 0
}
#footer-wrapper .footer .widget:first-child{
margin:0
}
#footer-wrapper .footer .widget-content{
float:left;
width:100%
}
.footer .widget > .widget-title{
position:relative;
float:left;
width:100%;
height:30px;
display:block;
margin:0 0 20px;
background:#1a1b1d;
border-bottom:2px solid rgb(155 155 155 / 15%)
}
.footer .widget > .widget-title > h3{
position:relative;
text-align:center;
height:30px;
line-height:30px;
font-size:16px;
color:$(footer.color);
margin:0
}
.footer .PopularPosts .post,.footer .custom-widget li,.footer .FeaturedPost .post-meta{
border-color:rgb(155 155 155 / 15%)
}
.footer .post-image-link{
}
.footer .custom-widget .post-title a,.footer .PopularPosts .post-title a,.footer .FeaturedPost .post-title a,.footer .LinkList ul li a,.footer .PageList ul li a,.footer .Profile .profile-data .g-profile,.footer .Profile .profile-info > .profile-link{
color:$(footer.color)
}
.footer .custom-widget .post-title a:hover,.footer .PopularPosts .post-title a:hover,.footer .FeaturedPost .post-title a:hover,.footer .LinkList ul li a:hover,.footer .PageList ul li a:hover,.footer .Profile .profile-data .g-profile:hover,.footer .Profile .profile-info > .profile-link:hover{
color:$(main.color)
}
.footer .no-posts{
color:$(footer.color)
}
.footer .FollowByEmail .widget-content > h3{
color:$(footer.color)
}
.footer .FollowByEmail .widget-content{
}
.footer .FollowByEmail .before-text,#footer-wrapper .footer .Text{
}
.footer .FollowByEmail .follow-by-email-inner .follow-by-email-submit:hover{
}
.footer .FollowByEmail .follow-by-email-inner .follow-by-email-address{
color:$(footer.color);
}
.footer #ArchiveList .flat li > a{
color:$(footer.color)
}
.footer .list-label li,.footer .BlogArchive #ArchiveList ul.flat li{
}
.footer .list-label li:first-child{
padding-top:0
}
.footer .list-label li a,.footer .list-label li a:before,.footer #ArchiveList .flat li > a,.footer #ArchiveList .flat li > a:before{
color:$(footer.color)
}
.footer .list-label li > a:hover,.footer #ArchiveList .flat li > a:hover{
color:$(main.color)
}
.footer .list-label .label-count,.footer #ArchiveList .flat li > a > span{
color:$(footer.color)
}
.footer .cloud-label li a{
}
.footer .cloud-label li a:hover{
background-color:$(main.color);
color:#fff
}
.footer .BlogSearch .search-input{
color:$(footer.color);
}
.footer .contact-form-name,.footer .contact-form-email,.footer .contact-form-email-message{
color:$(footer.color);
}
.footer .BlogSearch .search-action:hover,.footer .FollowByEmail .follow-by-email-inner .follow-by-email-submit:hover,.footer .contact-form-button-submit:hover{
}
#sub-footer-wrapper{
display:block;
width:100%;
background-color: $(footer.bg);
overflow:hidden;
color:$(footer.color);
padding:0
}
#footer-wrapper .copyright-area{
float:left;
font-size:13px;
display:block;
height:34px;
color:$(footer.color);
font-weight:500;
line-height:34px
}
#footer-wrapper .copyright-area a{
color:$(main.color);
transition:color .17s
}
#menu-footer{
float:right;
position:relative;
display:block
}
#menu-footer .widget > .widget-title{
display:none
}
#menu-footer ul li{
float:left;
display:inline-block;
height:34px;
padding:0;
margin:0
}
#menu-footer ul li a{
font-size:11px;
font-weight:500;
display:block;
color:$(footer.color);
text-transform:uppercase;
line-height:34px;
padding:0 10px;
margin:0 0 0 5px;
transition:color .17s ease
}
#menu-footer ul li:last-child a{
padding:0 0 0 5px
}
#menu-footer ul li a:hover{
color:$(main.color)
}
.hidden-widgets{
display:none;
visibility:hidden
}
.back-top{
display:none;
z-index:1010;
width:32px;
height:32px;
position:fixed;
bottom:15px;
right:15px;
cursor:pointer;
overflow:hidden;
font-size:13px;
color:#fff;
text-align:center;
line-height:32px;
border-radius:3px
}
.back-top:before{
content:'';
position:absolute;
top:0;
left:0;
right:0;
bottom:0;
background-color:$(main.color);
opacity:.5;
transition:opacity .17s ease
}
.back-top:after{
content:'\f077';
position:relative;
font-family:'Font Awesome 5 Free';
font-weight:900;
opacity:.8;
transition:opacity .17s ease
}
.back-top:hover:before,.back-top:hover:after,.nav-active .back-top:after,.nav-active .back-top:before{
opacity:1
}
.error404 #main-wrapper{
width:100%!important;
margin:0!important
}
.error404 #sidebar-wrapper{
display:none
}
.errorWrap{
color:$(title.color);
text-align:center;
padding:80px 0 100px
}
.errorWrap h3{
font-size:160px;
line-height:1;
margin:0 0 30px
}
.errorWrap h4{
font-size:25px;
margin:0 0 20px
}
.errorWrap p{
margin:0 0 10px
}
.errorWrap a{
display:block;
color:$(main.color);
padding:10px 0 0
}
.errorWrap a i{
font-size:20px
}
.errorWrap a:hover{
text-decoration:underline
}
@media screen and (max-width: 1100px) {
#outer-wrapper{
max-width:100%
}
.row{
width:100%
}
#hot-wrapper {
box-sizing:border-box;
padding:0 20px;
box-sizing: border-box;
}
#top-bar .container {
margin: 0 auto;
padding: 0 10px;
box-sizing: border-box;
}
#header-wrap{
box-sizing:border-box;
padding:0 20px
}
.ad-wrapper, #grid-wrapper {
padding: 0 20px;
box-sizing: border-box;
}
#break-wrapper-outer {
padding: 0 20px;
box-sizing: border-box;
}
#content-wrapper{
position:relative;
box-sizing:border-box;
padding:0 20px;
}
.featured-grid3 ul.grid-big {
grid-template-columns: repeat(2, 1fr);
}
#footer-wrapper .container{
box-sizing:border-box;
padding:10px 20px
}
}
@media screen and (max-width: 980px) {
#content-wrapper > .container{
margin:0
}
#header-wrap{
padding:0
}
#header-inner a{
display:inline-block!important
}
.header-logo,.main-logo{
width:100%;
max-width: 226px;
text-align: center;
margin: 0 auto;
float: none;
}
.header-menu{
display:none
}
.mobile-menu-wrap,.mobile-menu-toggle{
display:block
}
#nav-search .search-input{
padding:0 58px 0 20px
}
#main-wrapper,#sidebar-wrapper{
width:100%;
padding:0
}
.index-post .post-image-wrap {
float: left;
width: 100%;
margin: 0 0 15px;
}
.index-post .post-info {
float: left;
width: 100%;
}
#sidebar-wrapper {
margin-top: 20px;
}
#footer-about-area {
width: 100%;
text-align: center;
padding: 0;
}
#footer-about-area .widget {
width: 100%;
}
#footer-about-area .footer-logo {
float: none;
display: inline-block;
max-width: unset;
padding: 0;
}
#footer-about-area .Image .image-caption {
line-height: inherit;
margin: 10px 0 0;
}
.foot-bar-social {
width: 100%;
padding: 25px 0 0;
text-align: center;
}
.foot-bar-social ul > li {
float: none;
display: inline-block;
margin: 0 5px;
}
.foot-bar-social ul > li > a {
width: 30px;
height: 30px;
line-height: 30px;
font-size: 14px;
}
}
@media screen and (max-width: 880px) {
.featured-grid1 .grid-big li {
width: calc(100% / 2);
}
.featured-grid1 .grid-big li.item-0, .featured-grid1 .grid-big li.item-1, .featured-grid1 .grid-big li.item-0 .post-image-link, .featured-grid1 .grid-big li.item-1 .post-image-link {
height: 320px;
}
.grid-posts, .grid-posts, ul.grid-big {
grid-template-columns: repeat(2,1fr);
}
.footer-widgets-wrap{
display:block
}
#footer-wrapper .footer{
width:100%;
margin-right:0
}
#footer-sec2,#footer-sec3{
margin-top:25px
}
}
@media screen and (max-width: 760px) {
.hot-posts .hot-item, PopularPosts .hot-posts .hot-item {
width: calc(100% / 2);
}
#hot-section .show-hot .widget-content, #hot-section .PopularPosts .widget-content, ul.hot-posts, .PopularPosts ul.hot-posts {
height: auto;
}
.hot-posts .item-0, .PopularPosts .hot-posts .item-0 {
width: 100%;
margin: 0 0 4px;
}
.hot-posts .item-2, .PopularPosts .hot-posts .item-2, .hot-posts .item-3, .PopularPosts .hot-posts .item-3 {
margin: 0 0 4px;
}
ul.hot-posts, .PopularPosts ul.hot-posts {
margin:0 -4px;
}
.hot-posts .hot-item, PopularPosts .hot-posts .hot-item {
padding: 0 4px;
}
}
@media screen and (max-width: 680px) {
#breadcrumb{
height:auto;
line-height:1.5em;
padding:10px 15px
}
#menu-footer,#footer-wrapper .copyright-area{
width:100%;
height:auto;
line-height:inherit;
text-align:center
}
#menu-footer{
margin:10px 0 0
}
#footer-wrapper .copyright-area{
margin:15px 0
}
#menu-footer ul li{
float:none;
height:auto
}
#menu-footer ul li a{
line-height:inherit;
margin:0 3px 5px
}
}
@media screen and (max-width: 560px) {
#nav-search{
width:100%
}
.top-bar-nav {
display: none;
}
.top-bar-social {
float:none;
margin:0 auto;
text-align: center;
}
.top-bar-social ul > li {
float: none;
display: inline-block;
}
#break-section .widget > .widget-title > h3 {
width: 10px;
height: 30px;
overflow: hidden;
padding: 0 8px;
}
#break-section .widget > .widget-title {
padding: 0 8px 0 0;
}
.ticker-widget .post-tag {
display: none;
}
.ticker-widget .owl-nav, #break-section .widget > .widget-title > h3:after {
display: none;
}
.featured-grid1 .grid-big li.item-0, .featured-grid1 .grid-big li.item-1, .featured-grid1 .grid-big li {
width: 100%;
}
.hot-posts .item-0, .PopularPosts .hot-posts .item-0, .hot-posts .item-0 .hot-item-inner, .PopularPosts .hot-posts .item-0 .hot-item-inner, .hot-posts .item-1, .PopularPosts .hot-posts .item-1, .hot-posts .item-1 .hot-item-inner, .PopularPosts .hot-posts .item-1 .hot-item-inner {
height: 310px;
}
.featured-grid3 ul.grid-big {
grid-gap: 10px;
}
.featured-grid3 .grid-big .post-image-link {
width:100%;
margin:0 0 10px;
}
.featured-grid3 .grid-big .post-info {
float: left;
width: 100%;
}
ul.related-posts{
margin:0
}
.related-posts .related-item{
width:100%;
padding:0;
margin:20px 0 0
}
.related-posts .item-0{
margin:0
}
.related-posts .post-image-link{
width:75px;
height:60px;
float:left;
margin:0 12px 0 0
}
.related-posts .post-title{
font-size:15px;
overflow:hidden;
margin:0 0 5px
}
.post-reactions{
display:none
}
.index-post .post-image-wrap, .index-post .post-image-wrap .post-image-link {
float: left;
width: 100%;
height: 185px;
overflow: hidden;
}
}
@media screen and (max-width: 520px) {
.grid-posts, ul.grid-big {
grid-template-columns: 1fr;
}
}
@media screen and (max-width: 480px) {
.hot-posts .item-0, .PopularPosts .hot-posts .item-0, .hot-posts .item-0 .hot-item-inner, .PopularPosts .hot-posts .item-0 .hot-item-inner, .hot-posts .item-1, .PopularPosts .hot-posts .item-1, .hot-posts .item-1 .hot-item-inner, .PopularPosts .hot-posts .item-1 .hot-item-inner {
height: 205px;
}
.hot-posts .hot-item, PopularPosts .hot-posts .hot-item {
height: 205px;
}
.hot-posts .item-0 .post-title, .PopularPosts .hot-posts .item-0 .post-title, .hot-posts .item-1 .post-title, .PopularPosts .hot-posts .item-1 .post-title {
font-size:18px;
}
.hot-posts .item-0 .post-snippet, .PopularPosts .hot-posts .item-0 .post-snippet, .hot-posts .item-1 .post-snippet, .PopularPosts .hot-posts .item-1 .post-snippet {
display:none;
}
.hot-posts .hot-item, PopularPosts .hot-posts .hot-item {
width: 100%;
margin: 0 0 4px;
}
.hot-posts .hot-item:last-child, PopularPosts .hot-posts .hot-item:last-child {
margin:0;
}
}
@media screen and (max-width: 440px) {
.queryMessage{
text-align:center
}
.queryMessage a.show-more{
width:100%;
margin:10px 0 0
}
.item-post h1.post-title{
font-size:27px
}
.about-author{
text-align:center
}
.about-author .avatar-container{
float:none;
display:table;
margin:0 auto 10px
}
#comments ol{
padding:0
}
.errorWrap{
padding:70px 0 100px
}
.errorWrap h3{
font-size:120px
}
}
@media screen and (max-width: 360px) {
.header-social li{
margin:20px 5px 5px
}
.about-author .avatar-container{
width:60px;
height:60px
}
}
]]>
<![CDATA[
/*------Layout (No Edit)----------*/
body#layout #outer-wrapper,body#layout .row{width:auto;padding:0}
body#layout{width:800px;position:relative;padding:95px 5px 0;margin:0}
body#layout div.section{margin:0 5px 10px!important;padding:16px 16px 18px!important}
body#layout .section h4{font-size:14px;margin:0}
body#layout .layout-widget-description{display:none}
body#layout .theme-options,body#layout #main-menu .widget{display:block!important}
body#layout div.sora-panel{background-color:#d7d7d7!important;overflow:hidden!important;border-color:#bcbcbc}
body#layout .sora-panel .widget{float:left;width:49%;margin-right:2%}
body#layout .sora-panel #LinkList71{margin-right:0}
body#layout #top-bar {
height: auto;
clear:both;
}
body#layout .top-bar-nav, body#layout .top-bar-social {
width: 44.5%;
float:left;
}
body#layout #header-wrap {
clear:both;
}
body#layout #header-wrap{height:auto}
body#layout .header-header{float:left;width:100%;height:auto;padding:0}
body#layout .header-header .container{display:flex}
body#layout div.header-logo,body#layout div.main{float:none}
body#layout #header-wrap > .container{display:flex}
body#layout div.header-logo,body#layout div.header-menu{float:none;width:50%;max-width:none;max-height:none;margin:0}
body#layout .main-logo{float:none;max-width:none;max-height:none}
body#layout .mobile-menu-wrap,body#layout .show-search{display:none}
body#layout #main-menu{height:auto}
body#layout #break-wrapper .widget {
display: block;
}
body#layout #content-wrapper{margin:0}
body#layout #content-wrapper > .container{display:flex;margin:0}
body#layout #main-wrapper{width:66.66%;padding:0}
body#layout #sidebar-wrapper{width:33.33%;padding:0}
body#layout .sidebar .widget,body#layout .sidebar .widget-content{float:none;width:auto;overflow:visible}
body#layout .footer-widgets-wrap{display:flex}
body#layout .footer-widgets-wrap div.footer{width:100%}
body#layout .home-ad .widget-content{float:none;width:auto;margin:0}
body#layout #hot-wrapper .widget{display:block}
body#layout .primary-footer .container {
display: flex;
}
body#layout .footer-about-area, body#layout .foot-bar-social {
width: 100%;
float: left;
display: block;
}
/*------Layout (end)----------*/
]]>
Previous Post
Next Post
Load More
That is All
NONE
recentPostsHeadline
true
boxedVersion
false
5
NONE
5
commentsSystem
blogger
disqusShortname
true
postPerPage
soratemplates
fixedSidebar
postPerPage
NONE
About
https://vexo-templatesyard.blogspot.com/p/about-us.html
Home
https://vexo-templatesyard.blogspot.com/p/contact-us.html
/
Contact
#
NONE
#
twitter
https://twitter.com/LiveBlogger1
facebook
https://www.instagram.com/livebloggerofficial/
pinterest
https://www.facebook.com/templatesyard/
instagram
skype
false
Comments
#ffffff
true
by
true
#ffffff
true
#ffffff
TextAndImage
#ffffff
true
1x1
true
false
Tags
true
1
false
#ffffff
false
false
Disabled
Disabled
Disabled
Disabled
"image": {
"@type": "ImageObject",
"url": " ",
"height": 630,
"width": 1200
"url": "https://lh3.googleusercontent.com/ULB6iBuCeTVvSjjjU1A-O8e9ZpVba6uvyhtiWRti_rBAs9yMYOFBujxriJRZ-A=w1200",
"height": 348,
"width": 1200
},
"publisher": {
"@type": "Organization",
"name": "Blogger",
"logo": {
"@type": "ImageObject",
"url": "https://lh3.googleusercontent.com/ULB6iBuCeTVvSjjjU1A-O8e9ZpVba6uvyhtiWRti_rBAs9yMYOFBujxriJRZ-A=h60",
"width": 206,
"height": 60
}
},
Disabled
Disabled
]]>
10
true
true
LAST_WEEK
]]>
ALPHA
CLOUD
ALL
false
ALPHA
LIST
ALL
true
( )