How Overthinking Quietly Steals Your Future

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:

  1. Write down the decision.
  2. Set a firm deadline.
  3. Gather only the information that truly matters.
  4. 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)----------*/ ]]>

Post a Comment

0 Comments