/*!
Theme Name: Kadence
Theme URI: https://www.liquidweb.com/software/kadence/
Author: Kadence WP
Author URI: https://www.liquidweb.com/
Description: Kadence Theme is a lightweight yet full featured WordPress theme for creating beautiful fast loading and accessible websites, easier than ever. It features an easy to use drag and drop header and footer builder to build any type of header in minutes. It features a full library of gorgeous starter templates that are easy to modify with our intelligent global font and color controls. With extensive integration with the most popular 3rd party plugins, you can quickly build impressive ecommerce websites, course websites, business websites, and more.
Version: 1.5.2
License: GNU General Public License v3.0 (or later)
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Text Domain: kadence
Requires at least: 6.3
Tested up to: 6.9.1
Tags: translation-ready, accessibility-ready, two-columns, right-sidebar, left-sidebar, footer-widgets, blog, custom-logo, custom-background, custom-menu, rtl-language-support, editor-style, threaded-comments, custom-colors, featured-images, wide-blocks, full-width-template, theme-options, e-commerce
Requires PHP: 7.4

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share
what you've learned with others.
*/

/* Varikons Editorial System */
:root {
	--vk-ink: #15231f;
	--vk-green: #173f36;
	--vk-rust: #b9462f;
	--vk-paper: #f6f1e7;
	--vk-sand: #e8dfd0;
	--vk-muted: #64716c;
	--vk-white: #fffdf8;
}
body { background: var(--vk-paper); color: var(--vk-ink); font-family: "DM Sans", sans-serif; }
h1, h2, h3, .site-title { font-family: "Newsreader", Georgia, serif; letter-spacing: -.025em; }
.varikons-shell { width: min(1180px, calc(100% - 40px)); margin-inline: auto; }
.varikons-kicker, .varikons-label { color: var(--vk-rust); font-size: 12px; font-weight: 700; letter-spacing: .16em; text-transform: uppercase; }
.varikons-text-link { color: var(--vk-ink); display: inline-flex; gap: 10px; align-items: center; font-size: 14px; font-weight: 700; text-decoration: none; border-bottom: 1px solid rgba(21,35,31,.4); padding-bottom: 4px; }
.varikons-text-link:hover { color: var(--vk-rust); border-color: var(--vk-rust); }
#masthead { border-bottom: 1px solid rgba(21,35,31,.12); }
.site-main-header-inner-wrap { min-height: 74px; }
.site-branding .site-title { font-family: "DM Sans", sans-serif; font-size: 25px; font-weight: 800; letter-spacing: .08em; }
.site-branding .site-title a::after { content: "."; color: var(--vk-rust); }
.main-navigation .primary-menu-container > ul > li.menu-item > a { font-size: 13px; font-weight: 700; letter-spacing: .03em; }
.varikons-home { overflow: hidden; }
.varikons-intro { padding: 92px 0 76px; border-bottom: 1px solid rgba(21,35,31,.14); background: linear-gradient(135deg, var(--vk-paper) 0%, #fbf8f1 60%, #eee3d2 100%); }
.varikons-intro-grid { display: grid; grid-template-columns: 1.55fr .75fr; gap: 90px; align-items: end; }
.varikons-intro h1 { font-size: clamp(52px, 6.5vw, 92px); line-height: .94; margin: 16px 0 0; color: var(--vk-ink); }
.varikons-intro h1 em { color: var(--vk-rust); font-weight: 500; }
.varikons-intro-copy { padding-bottom: 8px; }
.varikons-intro-copy p { font-family: "Newsreader", Georgia, serif; font-size: 22px; line-height: 1.45; color: #40514b; margin: 0 0 28px; }
.varikons-feature { padding-block: 76px; }
.varikons-feature-grid { display: grid; grid-template-columns: 1.2fr 1fr; background: var(--vk-green); color: white; min-height: 510px; }
.varikons-feature-media { display: block; min-height: 100%; overflow: hidden; }
.varikons-feature-media img, .varikons-card-media img { width: 100%; height: 100%; object-fit: cover; transition: transform .5s ease; }
.varikons-feature-media:hover img, .varikons-card-media:hover img { transform: scale(1.025); }
.varikons-feature-content { display: flex; flex-direction: column; justify-content: center; padding: clamp(34px, 5vw, 68px); }
.varikons-feature-content .varikons-meta { color: rgba(255,255,255,.68); }
.varikons-feature-content h2 { font-size: clamp(34px, 4vw, 55px); line-height: 1.02; margin: 22px 0 18px; }
.varikons-feature-content h2 a { color: white; text-decoration: none; }
.varikons-feature-content > p:not(.varikons-label) { color: rgba(255,255,255,.8); font-size: 16px; }
.varikons-button { align-self: flex-start; margin-top: 18px; padding: 13px 18px; border: 1px solid rgba(255,255,255,.45); color: white; font-size: 13px; font-weight: 700; text-decoration: none; }
.varikons-button:hover { background: white; color: var(--vk-green); }
.varikons-image-fallback { display: block; width: 100%; height: 100%; min-height: 260px; background: linear-gradient(135deg, #9b775a, #273e37); }
.varikons-latest { padding: 28px 0 94px; }
.varikons-section-heading { display: flex; align-items: end; justify-content: space-between; gap: 30px; margin-bottom: 34px; }
.varikons-section-heading h2 { font-size: clamp(36px, 4vw, 52px); margin: 8px 0 0; }
.varikons-card-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 42px 25px; }
.varikons-card { background: transparent; box-shadow: none; }
.varikons-card-media { aspect-ratio: 16 / 10; display: block; overflow: hidden; background: var(--vk-sand); }
.varikons-card-body { padding-top: 18px; }
.varikons-meta { color: var(--vk-muted); font-size: 11px; font-weight: 700; letter-spacing: .06em; text-transform: uppercase; }
.varikons-meta span { padding-inline: 5px; color: var(--vk-rust); }
.varikons-card h2, .varikons-card h3 { font-size: 27px; line-height: 1.08; margin: 11px 0 12px; }
.varikons-card h2 a, .varikons-card h3 a { color: var(--vk-ink); text-decoration: none; }
.varikons-card h2 a:hover, .varikons-card h3 a:hover { color: var(--vk-rust); }
.varikons-card p { color: #5b6964; font-size: 14px; line-height: 1.55; margin: 0; }
.varikons-topics { background: var(--vk-ink); color: white; padding: 88px 0; }
.varikons-topics h2 { color: white; }
.varikons-topic-grid { display: grid; grid-template-columns: repeat(4, 1fr); border-top: 1px solid rgba(255,255,255,.18); border-left: 1px solid rgba(255,255,255,.18); }
.varikons-topic { min-height: 300px; padding: 28px; color: white; text-decoration: none; border-right: 1px solid rgba(255,255,255,.18); border-bottom: 1px solid rgba(255,255,255,.18); transition: background .25s ease; }
.varikons-topic:hover { background: var(--vk-rust); color: white; }
.varikons-topic > span { color: rgba(255,255,255,.48); font: 600 12px "DM Sans", sans-serif; }
.varikons-topic h3 { color: white; font-size: 30px; line-height: 1.02; margin: 64px 0 14px; }
.varikons-topic p { color: rgba(255,255,255,.65); font-size: 13px; line-height: 1.55; }
.varikons-topic b { display: block; margin-top: 28px; font-size: 20px; }
.varikons-standard { display: grid; grid-template-columns: 1fr 2fr; gap: 60px; padding-block: 90px; }
.varikons-standard h2 { font-size: clamp(42px, 5vw, 64px); margin: 0 0 14px; }
.varikons-standard div > p { font: 21px/1.5 "Newsreader", Georgia, serif; color: #50605a; max-width: 720px; }
.varikons-footer-intro { background: #0e1916; color: white; padding: 46px 0; }
.varikons-footer-intro .varikons-shell { display: flex; align-items: center; justify-content: space-between; gap: 40px; }
.varikons-footer-brand { color: white; font-size: 23px; font-weight: 800; letter-spacing: .08em; text-decoration: none; }
.varikons-footer-brand span { color: var(--vk-rust); }
.varikons-footer-intro p { margin: 7px 0 0; color: rgba(255,255,255,.55); font-size: 13px; }
.varikons-footer-intro nav { display: flex; flex-wrap: wrap; gap: 20px; }
.varikons-footer-intro nav a { color: rgba(255,255,255,.75); font-size: 12px; font-weight: 600; text-decoration: none; }
.varikons-footer-intro nav a:hover { color: white; }
.varikons-archive { padding-block: 72px 92px; }
.varikons-archive-header { max-width: 760px; margin-bottom: 48px; }
.varikons-archive-header h1 { font-size: clamp(48px, 7vw, 78px); line-height: 1; margin: 12px 0 16px; }
.varikons-pagination { margin-top: 50px; }
.single-post .content-area { margin-top: 3.5rem; }
.single-post .entry-title { font-size: clamp(38px, 5vw, 64px); line-height: 1.03; }
.single-post .entry-content { font: 19px/1.75 "Newsreader", Georgia, serif; }
.single-post .entry-content h2, .single-post .entry-content h3 { font-family: "DM Sans", sans-serif; letter-spacing: -.02em; }
.site-footer { background: #0e1916; color: rgba(255,255,255,.65); }
@media (max-width: 900px) {
	.varikons-intro-grid, .varikons-feature-grid { grid-template-columns: 1fr; }
	.varikons-intro-grid { gap: 32px; }
	.varikons-feature-media { min-height: 360px; }
	.varikons-card-grid { grid-template-columns: repeat(2, 1fr); }
	.varikons-topic-grid { grid-template-columns: repeat(2, 1fr); }
	.varikons-standard { grid-template-columns: 1fr; gap: 20px; }
}
@media (max-width: 620px) {
	.varikons-shell { width: min(100% - 28px, 1180px); }
	.varikons-intro { padding: 58px 0 48px; }
	.varikons-intro h1 { font-size: 49px; }
	.varikons-intro-copy p { font-size: 19px; }
	.varikons-feature { padding-block: 42px; }
	.varikons-feature-media { min-height: 250px; }
	.varikons-card-grid, .varikons-topic-grid { grid-template-columns: 1fr; }
	.varikons-section-heading { align-items: flex-start; flex-direction: column; }
	.varikons-topic { min-height: 250px; }
	.varikons-latest, .varikons-standard { padding-block: 58px; }
	.varikons-footer-intro .varikons-shell { align-items: flex-start; flex-direction: column; }
}