/*
Theme Name: Personal CV Resume Child
Theme URI: https://athemeart.com/downloads/pcr-wordpress-resume-template/
Template: personal-cv-resume
Author: aThemeArt
Author URI: https://athemeart.com/
Description: Personal CV Resume is a Modern, Minimal & Creative WordPress theme for online resume, cv, or a personal website. This beautiful online resume template comes with a built-in portfolio type . Personal-CV-Resume is suitable for designer, developer, freelancer, photographer, architects, Artists and many more individual who want to showcase his/her work. It is a high performance template it’s help to load your website fast and it’s fully optimize and clean code help search engine to optimize website. It comes with pre-defined sections for skills, education, work experience, etc. All theme options can be easily set up using live theme customizer. The Portfolio theme cloud be great alternative or best competitor RyanCV, Oshine, Pofo, Droow And more . It’s 100% responsive that’s why it will work nicely on all smart devices( smart phones, tablet, PCs and desktops ). It’s also well documented and clean coded that’s why anyone can change it easily.
Tags: rtl-language-support,blog,photography,portfolio,one-column,right-sidebar,custom-header,custom-background,custom-logo,custom-menu,featured-images,threaded-comments,translation-ready,editor-style,post-formats
Version: 1.2.3.1776092261
Updated: 2026-04-13 16:57:41

1. KOLORY – jasny niebieski
   ================================ */
   :root {
   --primary-color: #64748b;
   --secondary-color: #3b82f6;
   --secondary-color-rgb: rgba(59, 130, 246, 0.20);
   --tertiary-color: #0f172a;
   --quaternary-color: #ffffff;
   --secondary-alpha: #eff6ff;

```
--nav-color: #334155;
```

```
--nav-h-color: #2563eb;
--nav-bg-h: #ffffff;
--nav-wrap-bg: #3b82f6;
```

}

/* ===============================
2. GLOBALNE ZMNIEJSZENIE
================================ */
html {
font-size: 93%;
}

body {
font-size: 15px;
line-height: 1.6;
}

/* Nagłówki */
h1 { font-size: 28px; }
h2 { font-size: 24px; }
h3 { font-size: 20px; }
h4 { font-size: 18px; }
h5 { font-size: 16px; }
h6 { font-size: 14px; }

/* ===============================
3. SEKCJE (mniej odstępów)
================================ */
#primary .content-post-wrap,
.single-prev-next,
#comments,
header.page-header {
padding: 20px;
margin-bottom: 30px;
}

/* ===============================
4. LAYOUT TREŚCI
================================ */
#main.site-main {
margin: 15px 5% 0;
}

.content-post-wrap .post p {
margin-bottom: 12px;
}

/* ===============================
5. SIDEBAR MENU
================================ */
#aside-nav-wrapper #navbar ul > li > a {
padding: 15px 5px 15px 40px;
font-size: 14px;
}

/* ===============================
6. META (autor, data)
================================ */
.content-post-wrap .post .post-meta li {
font-size: 12px;
letter-spacing: 1px;
margin-right: 10px;
padding-right: 10px;
}

/* ===============================
7. PRZYCISKI
================================ */
.theme-btn,
.navigation.posts-navigation a {
padding: 8px 20px;
font-size: 12px;
letter-spacing: 1px;
}

/* ===============================
8. WIDGETY
================================ */
.widget {
padding-bottom: 30px;
}

.widget h3.widget-title,
.widget.widget_block h2 {
font-size: 16px;
}

.widget ul li {
padding-top: 6px;
padding-bottom: 6px;
font-size: 13px;
}

/* ===============================
9. FORMULARZE
================================ */
.comment-form form input,
.comment-form form textarea {
font-size: 14px;
padding: 10px;
}

/* ===============================
10. NADPISANIE ZIELENI
================================ */

/* Linki */
a,
.theme-color {
color: var(--secondary-color) !important;
}

/* Sidebar header */
#aside-nav-wrapper .wp-header-image {
background-color: rgba(96, 165, 250, 0.22);
}

/* Checkbox */
.comment-form input[type="checkbox"]:checked {
background: var(--secondary-color);
}

/* Linki w komentarzach */
.comments-area a {
color: var(--secondary-color);
}

/* Widget badge */
.widget h3.widget-title span,
.widget.widget_block span {
background: var(--secondary-color);
color: var(--quaternary-color);
}

/* Hover widgetów */
.widget ul li a:hover,
.widget ol li a:hover,
.widget ul li a:focus,
.widget ol li a:focus,
.widget ul li:hover:before,
.widget ol li:hover:before {
color: var(--secondary-color);
}

/* Przyciski wyszukiwania */
.widget_search .search-submit,
#primary .search-form .search-submit,
.woocommerce-product-search button,
.wp-block-search__button {
background: var(--secondary-color);
color: var(--quaternary-color);
}

/* WooCommerce (był ciemnozielony) */
.woocommerce-product-search button {
background: #2563eb;
}

/* Focus states */
input:focus,
textarea:focus {
border-color: var(--secondary-color);
}

/* ===============================
   MENU – czarne + niebieski hover + aktywny stan
================================ */

/* Domyślny link */
#aside-nav-wrapper #navbar ul > li > a {
	color: #111; /* czarny */
	font-weight: 500;
}

/* Hover */
#aside-nav-wrapper #navbar ul > li > a:hover,
#aside-nav-wrapper #navbar ul > li > a:focus {
	color: var(--secondary-color);
}

/* Lewy pasek (hover) */
#aside-nav-wrapper #navbar ul > li > a:before {
	background: var(--secondary-color);
}

/* ===============================
   AKTYWNY ELEMENT MENU
================================ */

/* WordPress current item */
#aside-nav-wrapper #navbar ul > li.current_page_item > a,
#aside-nav-wrapper #navbar ul > li.current-menu-item > a {
	color: var(--secondary-color);
	font-weight: 600;
	background: rgba(59, 130, 246, 0.08);
}

/* Pasek aktywny – zawsze widoczny */
#aside-nav-wrapper #navbar ul > li.current_page_item > a:before,
#aside-nav-wrapper #navbar ul > li.current-menu-item > a:before {
	transform: scale(1);
}

/* Opcjonalnie: delikatne zaokrąglenie */
#aside-nav-wrapper #navbar ul > li.current_page_item > a {
	border-radius: 6px 0 0 6px;
}

/* ===============================
   SUBMENU (jeśli używasz)
================================ */

#aside-nav-wrapper #navbar ul ul li.current-menu-item > a {
	color: var(--secondary-color);
	font-weight: 600;
}
/* ===============================
FONTY – Inter (body) + Sora (heading)
================================ */

/* Zmiana zmiennych motywu */
:root {
--body-font: 'Inter', sans-serif;
--heading-font: 'Inter', sans-serif;
--nav-font: 'Inter', sans-serif;
}

/* Typografia bazowa */
body {
font-family: var(--body-font);
font-weight: 400;
letter-spacing: 0.2px;
}

/* Nagłówki – bardziej „design” */
h1, h2, h3, h4, h5, h6 {
font-family: var(--heading-font);
font-weight: 600;
letter-spacing: -0.2px;
}

/* Menu – czytelne, UI-style */
#aside-nav-wrapper #navbar ul > li > a {
font-family: var(--nav-font);
font-weight: 500;
}

/* Meta / drobne teksty */
.content-post-wrap .post .post-meta li {
font-family: var(--body-font);
font-weight: 500;
font-size: 12px;
}

/* Przyciski */
.theme-btn,
.navigation.posts-navigation a {
font-family: var(--nav-font);
font-weight: 500;
}