/*
Theme Name: GeneratePress Child
Theme URI: https://generatepress.com
Description: Default GeneratePress child theme
Author: Tom Usborne
Author URI: https://tomusborne.com
Template: generatepress
Version: 0.1
*/
img.custom-logo {
width: 220px;
height: 28px;
}
p, a, li, .entry-content, .site-main {
overflow-wrap: break-word;
word-wrap: break-word;
word-break: break-word;
}
/* Prevent browser layout jumps during scroll locking */
html {
scroll-behavior: smooth;
}
/* Scroll-locking state applied to html & body */
html.nav-press-new-lock-scroll {
scrollbar-gutter: stable;
overflow: hidden !important;
}
html.nav-press-new-lock-scroll body {
overflow: hidden !important;
touch-action: none; /* Prevents background dragging in iOS */
}
:root {
--nav-press-new-accent-color: #C0243C;
--nav-press-new-accent-hover: #C0243CE0; /* 85% opacity */
--nav-press-new-bg-color: #F8F9FA;
--nav-press-new-header-bg: #F7F8FC;
--nav-press-new-border-color: #EBEBEB;
--nav-press-new-text-color: #1A1A1A;
--nav-press-new-white: #FFFFFF;
}
/* --- Sticky Header Box --- */
.nav-press-new-header {
position: sticky;
top: 0;
z-index: 9999; /* Max safety overlay hierarchy in WordPress */
background-color: var(--nav-press-new-header-bg);
border-bottom: 1px solid var(--nav-press-new-border-color);
width: 100%;
height: 62px;
display: flex;
align-items: center;
transition: padding-right 0.25s ease; /* Fluid padding alignment with anti-shift */
}
.nav-press-new-header-container {
display: flex;
justify-content: space-between;
align-items: center;
width: 100%;
max-width: 1250px;
margin: 0 auto;
padding: 0 16px;
box-sizing: border-box;
}
.nav-press-new-trigger-col,
.nav-press-new-search-col {
flex: 1;
display: flex;
}
.nav-press-new-search-col { justify-content: flex-end; }
.nav-press-new-logo-col {
flex: 2;
display: flex;
justify-content: center;
}
/* --- Navigation Buttons --- */
.nav-press-new-trigger,
.nav-press-new-search-trigger {
background: transparent;
border: none;
cursor: pointer;
color: var(--nav-press-new-text-color);
padding: 8px;
display: flex;
align-items: center;
justify-content: center;
border-radius: 50%;
transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
}
.nav-press-new-trigger:hover,
.nav-press-new-search-trigger:hover {
color: var(--nav-press-new-accent-color);
background-color: rgba(0, 0, 0, 0.04);
}
.nav-press-new-logo-wrapper {
display: flex;
align-items: center;
justify-content: center;
}
.nav-press-new-logo-image {
height: 34px;
max-height: 38px;
max-width: 100%;
display: block;
object-fit: contain;
}
/* --- Backdrop Overlay Layer --- */
.nav-press-new-backdrop {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(15, 17, 20, 0.55);
backdrop-filter: blur(2px); /* Premium soft aesthetic filter */
z-index: 100000;
opacity: 0;
pointer-events: none;
transition: opacity 0.25s cubic-bezier(0.4, 0, 0.2, 1);
}
.nav-press-new-backdrop.nav-press-new-is-open {
opacity: 1;
pointer-events: auto;
}
/* --- Slide Drawer Navigation --- */
.nav-press-new-drawer {
position: fixed;
top: 0;
left: 0;
width: 350px;
max-width: 85vw;
height: 100%;
background-color: var(--nav-press-new-white);
z-index: 100001; /* Layer overlay on top of backdrop */
border-right: 1px solid var(--nav-press-new-border-color);
transform: translateX(-100%); /* Modern layout slide standard (No static -350px leaks) */
transition: transform 0.25s cubic-bezier(0.4, 0, 0.2, 1);
display: flex;
flex-direction: column;
overflow-y: auto;
overscroll-behavior: contain; /* Prevents outer parent from scroll scrolling */
}
.nav-press-new-drawer.nav-press-new-is-open {
transform: translateX(0);
}
/* Drawer Header with Title and Close Button */
.nav-press-new-drawer-header {
display: flex;
justify-content: space-between;
align-items: center;
padding: 16px 20px;
border-bottom: 1px solid var(--nav-press-new-border-color);
background-color: var(--nav-press-new-bg-color);
}
.nav-press-new-drawer-title {
font-size: 12px;
font-weight: 700;
letter-spacing: 1.2px;
color: var(--nav-press-new-text-color);
opacity: 0.8;
}
.nav-press-new-drawer-close {
background: transparent;
border: none;
cursor: pointer;
color: var(--nav-press-new-text-color);
padding: 6px;
display: flex;
align-items: center;
border-radius: 50%;
transition: all 0.15s;
}
.nav-press-new-drawer-close:hover {
color: var(--nav-press-new-accent-color);
background-color: rgba(0, 0, 0, 0.04);
}
/* --- Search Input Fields --- */
.nav-press-new-search-container {
display: flex;
border: 1.5px solid var(--nav-press-new-border-color);
border-radius: 4px;
overflow: hidden;
transition: border-color 0.2s;
}
.nav-press-new-search-container:focus-within {
border-color: var(--nav-press-new-accent-color);
}
.nav-press-new-search-input {
flex-grow: 1;
border: none;
outline: none;
padding: 0 14px;
height: 42px;
font-size: 14px;
color: var(--nav-press-new-text-color);
background-color: var(--nav-press-new-white);
font-family: inherit;
}
.nav-press-new-search-submit {
background-color: var(--nav-press-new-accent-color);
color: var(--nav-press-new-white);
border: none;
cursor: pointer;
display: flex;
align-items: center;
justify-content: center;
padding: 0 14px;
transition: background-color 0.15s;
}
.nav-press-new-search-submit:hover {
background-color: var(--nav-press-new-accent-hover);
}
/* --- Menu Arrays Layout Normalization --- */
.nav-press-new-primary-menu,
.nav-press-new-meta-links-1,
.nav-press-new-meta-links-2,
.nav-press-new-dropdown-menu {
list-style: none !important;
margin: 0 !important;
padding: 0 !important;
}
.nav-press-new-menu-link,
.nav-press-new-meta-link {
display: flex;
justify-content: space-between;
align-items: center;
padding: 13px 20px;
color: var(--nav-press-new-text-color);
text-decoration: none !important;
font-size: 16px;
font-weight: 600;
transition: all 0.15s;
}
.nav-press-new-menu-link:hover,
.nav-press-new-meta-link:hover {
background-color: var(--nav-press-new-bg-color);
color: var(--nav-press-new-accent-color);
}
/* --- Collapsible Accordion Dropdown Setup --- */
.nav-press-new-dropdown-menu {
background-color: var(--nav-press-new-bg-color);
max-height: 0;
overflow: hidden;
transition: max-height 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}
.nav-press-new-menu-item.nav-press-new-active .nav-press-new-dropdown-menu {
max-height: 350px; /* Expands smoothly without breaking */
border-bottom: 1px solid var(--nav-press-new-border-color);
}
/* Smooth arrow rotations */
.nav-press-new-dropdown-arrow {
transition: transform 0.25s ease;
opacity: 0.6;
}
.nav-press-new-menu-item.nav-press-new-active .nav-press-new-dropdown-arrow {
transform: rotate(180deg);
color: var(--nav-press-new-accent-color);
opacity: 1;
}
.nav-press-new-dropdown-link {
display: block;
padding: 10px 32px;
font-size: 13.5px;
color: var(--nav-press-new-text-color);
text-decoration: none !important;
transition: color 0.15s;
}
.nav-press-new-dropdown-link:hover {
color: var(--nav-press-new-accent-color);
background-color: rgba(0, 0, 0, 0.02);
}
/* --- Section Dividers --- */
.nav-press-new-meta-gap {
height: 16px;
padding-top:25px;
background-color: var(--nav-press-new-bg-color);
border-bottom: 1px solid var(--nav-press-new-border-color);
}
/* --- Drawer Footer Section --- */
.nav-press-new-drawer-footer {
margin-top: auto;
padding: 24px 20px;
background-color: var(--nav-press-new-bg-color);
border-top: 1px solid var(--nav-press-new-border-color);
}
.nav-press-new-footer-text {
font-size: 13px;
color: #888888;
margin: 0;
text-align: center;
line-height: 1.5;
}
#rp-footer-wrapper {
background-color: #f9f9f9;
color: #333333;
border-top: 1px solid #e5e7eb;
padding: 2.5rem 0 1.5rem 0;
width: 100%;
box-sizing: border-box;
}
#rp-footer-wrapper *,
#rp-footer-wrapper *::before,
#rp-footer-wrapper *::after {
box-sizing: inherit;
}
.rp-footer-container {
max-width: 1250px;
margin: 0 auto;
padding: 0 1.5rem;
}
/* 1. Top Link Row Styles */
#rp-footer-top-nav {
margin-bottom: 2rem;
}
#rp-footer-top-nav ul {
display: flex;
flex-wrap: wrap;
gap: 1.5rem 2.5rem;
list-style: none;
padding: 0;
margin: 0;
}
#rp-footer-top-nav a {
color: #000000;
text-decoration: none;
font-weight: 700;
font-size: 0.975rem;
transition: color 0.15s ease;
}
#rp-footer-top-nav a:hover {
color: #2563eb;
}
/* 2. Grid Columns Arrangement */
.rp-footer-grid {
display: grid;
grid-template-columns: 1fr 300px;
gap: 1.5rem 4rem;
margin-bottom: 2.5rem;
}
/* Column Left: Brand Branding */
.rp-footer-brand-col {
display: flex;
flex-direction: column;
gap: 1.25rem;
}
.rp-footer-logo {
display: block;
max-width: 220px;
height: auto;
}
.rp-footer-desc {
font-size: 0.975rem;
line-height: 1.65;
color: #4b5563;
margin: 0;
}
.rp-footer-secondary-links {
display: flex;
flex-wrap: wrap;
gap: 1.25rem;
margin-top: 0.25rem;
}
.rp-footer-secondary-links a {
color: #4b5563;
text-decoration: none;
font-size: 0.975rem;
font-weight: 500;
transition: color 0.15s ease;
}
.rp-footer-secondary-links a:hover {
color: #2563eb;
}
/* Column Right: Contact Framework */
.rp-footer-contact-col {
display: flex;
flex-direction: column;
gap: 1.25rem;
}
.rp-footer-contact-info {
display: flex;
flex-direction: column;
gap: 0.75rem;
}
.rp-footer-contact-item {
display: flex;
align-items: center;
gap: 0.75rem;
font-size: 0.975rem;
color: #333333;
}
.rp-footer-contact-item svg {
flex-shrink: 0;
color: #6b7280;
}
.rp-footer-contact-item a {
color: inherit;
text-decoration: none;
transition: color 0.15s ease;
}
.rp-footer-contact-item a:hover {
color: #2563eb;
}
.rp-footer-socials {
display: flex;
margin-top: 0.25rem;
}
/* This ensures styling applies even without adding specific classes to every link */
.rp-footer-partners-list a {
color: #4b5563;
text-decoration: none;
font-size: 0.975rem;
font-weight: 500;
transition: color 0.15s ease;
}
.rp-footer-partners-list a:hover {
color: #2563eb;
}
.rp-footer-social-link {
color: #dc2626; /* Facebook Icon matching your screenshot tint */
transition: opacity 0.15s ease;
}
.rp-footer-socials a:hover {
opacity: 0.8;
}
.rp-footer-accreditation {
font-size: 0.975rem;
line-height: 1.4;
color: #4b5563;
margin: 0;
}
.rp-footer-accreditation a {
color: #333333;
text-decoration: none;
font-weight: 500;
}
/* Row 3 inside Grid: Full-Width Media Partners Section */
.rp-footer-partners-col {
grid-column: span 2;
display: flex;
flex-direction: column;
gap: 1rem;
border-top: 1px solid #e5e7eb;
padding-top: 1.75rem;
}
#rp-footer-partners-title {
font-size: 1.125rem;
font-weight: 700;
color: #000000;
margin: 0;
}
.rp-footer-partners-list {
display: flex;
flex-wrap: wrap;
gap: 0.75rem 1.5rem;
}
.rp-footer-partner-link {
color: #4b5563;
text-decoration: none;
font-size: 0.975rem;
font-weight: 500;
transition: color 0.15s ease;
}
.rp-footer-partner-link:hover {
color: #2563eb;
}
/* 3. Footer Bottom Bar Styling */
.rp-footer-bottom {
border-top: 1px solid #e5e7eb;
padding-top: 1.5rem;
display: flex;
justify-content: space-between;
align-items: center;
flex-wrap: wrap;
gap: 1rem;
}
.rp-footer-copyright {
font-size: 0.975rem;
color: #4b5563;
margin: 0;
}
.rp-footer-legal-links {
display: flex;
gap: 1.5rem;
}
.rp-footer-legal-links a {
color: #4b5563;
text-decoration: none;
font-size: 0.975rem;
font-weight: 500;
transition: color 0.15s ease;
}
.rp-footer-legal-links a:hover {
color: #2563eb;
}
/* ==========================================================================
Responsive Adaptations (Breakpoints)
========================================================================== */
@media (max-width: 1024px) {
.rp-footer-grid {
grid-template-columns: 1fr;
gap: 2rem;
}
.rp-footer-partners-col {
grid-column: span 1;
}
}
@media (max-width: 768px) {
.rp-footer-bottom {
flex-direction: column;
align-items: flex-start;
gap: 1rem;
}
.rp-footer-legal-links {
flex-wrap: wrap;
gap: 1rem;
}
}
.generate-columns.grid-33,
.grid-sizer.grid-33 {
width: 100% !important;
padding-left: 0px;
}
.rajoni-post-description a {
color: #767676;
font-weight: bold;
}
.rajoni-post-description {
display: block;
}
.tabat-rajoni {
display: flex;
flex-wrap: wrap;
padding-bottom: 30px;
font-size: 14px;
}
.tabat-rajoni .tab {
flex: 1;
text-align: center;
padding: 10px;
background-color: #fff;
border-bottom: 1px solid #f0f0f0;
cursor: pointer;
}
.tabat-rajoni .tab.active {
background-color: #f0f0f0;
border: 1px solid #f0f0f0;
border-top-left-radius: 6px;
border-top-right-radius: 6px;
}
img {
display: block;
vertical-align: middle;
}
.sektori-top {
width: 100%;
}
.top-bar {
display: none;
}
.titulli-onepost-wrapper {
display: flex;
align-items: center;
border-bottom: 1px solid #ddd;
padding-bottom: 30px;
background: #e4e4e4;
padding-top: 30px;
padding-left: 30px;
padding-right: 30px;
border-radius: 15px;
}
.titulli-onepost-image {
width: 45%;
float: left;
}
.titulli-onepost-image img {
border-radius: 7.5px;
max-width: 100%;
}
.onepost-content {
margin-top: 10px;
}
.titulli-onepost-content {
width: 55%;
float: left;
padding: 3%;
}
.titulli-onepost-content a {
text-decoration: none;
}
::selection {
background-color: #ffe500;
color: #000000;
}
a:visited {
text-decoration: none !important;
}
.no-tags {
border-bottom: 1px solid #e8e9ea;
}
.vija-poste {
display: none;
}
.similar-post-title a {
font-size: 1.1rem;
line-height: 1.3;
color: #000;
text-decoration: none;
font-weight: bold;
margin-top: 10px;
}
body a:visited {
text-decoration: none;
}
button:hover {
opacity: 1;
}
.break-long-words {
word-break: break-all;
}
p a {
color: inherit;
text-decoration: none;
background-image: -webkit-gradient(
linear,
left top,
left bottom,
from(#fdede7),
to(#fdede7)
);
background-image: linear-gradient(to bottom, #fdede7 0%, #fdede7 100%);
background-repeat: no-repeat;
background-size: 100% 00%;
background-position: 0 111%;
-webkit-transition: background-size 0.25s ease-in;
transition: background-size 0.25s ease-in;
padding-left: 2px;
padding-right: 2px;
border-bottom: 2px solid #d21e3e;
-webkit-transition: all 0.3s;
transition: all 0.3s;
word-break: break-all;
}
p a:hover {
background-size: 100% 100%;
}
.banner-r-d-kategori {
margin-top: 20px;
margin-bottom: 0px;
}
.banner-r-d-artikull {
margin-top: 0px;
margin-bottom: 40px;
}
.rajoni-post-container img {
border-radius: 5px;
}
.adhome-reklama {
display: block;
}
.artikulli-content-column-1 img {
max-width: 100%;
height: auto;
margin-bottom: 20px;
}
.artikulli-content-column-1 iframe {
margin-top: 40px;
width: 100%;
height: 346px;
}
.onepost-image img {
width: 100%;
}
.sub-desktop-menu-rajonale {
display: block;
display: flex;
list-style: none;
margin: 0;
overflow-x: auto;
white-space: nowrap;
-webkit-overflow-scrolling: touch;
scroll-behavior: smooth;
-webkit-scroll-snap-stop: always;
-ms-scroll-snap-stop: always;
scroll-snap-stop: always;
-webkit-overflow-scrolling: touch;
-ms-overflow-style: none;
scrollbar-width: none;
margin-top: -80px;
}
.menu-container-nav {
display: none;
}
.horizontal-nav__list {
display: flex;
list-style: none;
padding: 0;
margin: 0;
margin-top: 70px;
padding-bottom: 20px;
}
.horizontal-nav__list li {
position: relative;
padding-right: 8px;
padding-left: 8px;
}
.horizontal-nav__list li ul {
display: none;
position: absolute;
top: 100%;
left: 0;
background-color: #f6f8fc;
padding: 0;
margin: 0;
padding-bottom: 20px;
padding-top: 20px;
width: 200px;
z-index: 1;
margin-top: -3px;
transition: all 0.8s ease-in-out;
}
.horizontal-nav__list li:hover > ul {
display: block;
}
.horizontal-nav__list li a {
display: block;
color: #333;
text-decoration: none;
padding-top: 10px;
padding-bottom: 10px;
transition: all 0.3s ease-in-out;
font-weight: bold;
font-size: 17px;
padding-left: 5px;
padding-right: 5px;
}
.horizontal-nav__list li ul li {
display: block;
}
.horizontal-nav__list li ul li a {
padding: 10px 20px;
}
/* Active link styling */
.horizontal-nav__list li.current-menu-item > a,
.horizontal-nav__list li.current-menu-parent > a {
border-bottom: 3px solid #d21e3e;
font-weight: bold;
}
.horizontal-nav__list li ul li.current-menu-item > a {
font-weight: bold;
}
.horizontal-nav__list li a:hover {
background-color: #d21e3e;
color: #fff;
}
.horizontal-nav__list_mob {
display: flex;
list-style: none;
padding: 0;
margin: 0;
margin-top: 10px;
}
.horizontal-nav__list_mob li {
position: relative;
padding-right: 8px;
padding-left: 8px;
}
.horizontal-nav__list_mob li ul {
display: none;
position: absolute;
top: 100%;
left: 0;
background-color: #f6f8fc;
padding: 0;
margin: 0;
padding-bottom: 20px;
padding-top: 20px;
width: 200px;
z-index: 1;
margin-top: -3px;
transition: all 0.8s ease-in-out;
}
.horizontal-nav__list_mob li:hover > ul {
display: block;
}
.horizontal-nav__list_mob li a {
display: block;
color: #333;
text-decoration: none;
padding-top: 5px;
padding-bottom: 5px;
transition: all 0.3s ease-in-out;
font-weight: bold;
font-size: 17px;
padding-left: 3px;
padding-right: 3px;
}
.horizontal-nav__list_mob li ul li {
display: block;
}
.horizontal-nav__list_mob li ul li a {
padding: 10px 20px;
}
/* Active link styling */
.horizontal-nav__list_mob li.current-menu-item > a,
.horizontal-nav__list_mob li.current-menu-parent > a {
border-bottom: 3px solid #d21e3e;
font-weight: bold;
}
.horizontal-nav__list_mob li ul li.current-menu-item > a {
font-weight: bold;
}
.horizontal-nav__list_mob li a:hover {
background-color: #d21e3e;
color: #fff;
}
.foto-similar-ksh {
width: 120px;
align-items: center;
}
.foto-similar-ksh img {
border: 1px solid #ddd;
margin-bottom: 20px;
border-radius: 5px;
}
.similar-posts-ksh h4 {
font-weight: bold;
}
.art-similar-ksh {
width: 80%;
padding: 10px;
}
.permb-similar-ksh {
display: flex;
width: 100%;
border-bottom: 1px solid #ddd;
}
#over-flow-test {
overflow: hidden;
}
.similar-posts-container-ksh {
display: flex;
flex-wrap: wrap;
width: 100%;
}
.similar-post-ksh {
display: flex;
align-items: center;
width: 100%;
padding: 10px;
/* Adjust as needed */
}
.similar-post-ksh.first {
width: 100%;
/* Adjust as needed */
}
.similar-post-ksh a {
display: flex;
align-items: center;
text-decoration: none;
}
.similar-post-ksh h4 {
margin-left: 10px;
/* Adjust as needed */
}
.similar-post-row-ksh {
flex-basis: 100%;
height: 0;
}
.menu-container {
position: fixed;
z-index: 1;
}
.nav-links-arkiva {
margin: 40px 0;
text-align: center;
}
.page-numbers-arkiva .page-numbers,
.page-numbers-arkiva .prev,
.page-numbers-arkiva .next {
margin: 0 3px;
padding: 5px 10px;
border: 1px solid #ddd;
border-radius: 5px;
color: #555;
font-size: 13px;
text-decoration: none;
transition: all 0.3s ease-in-out;
margin-top: 30px;
justify-content: center;
}
.page-numbers-arkiva .page-numbers:hover,
.page-numbers-arkiva .prev:hover,
.page-numbers-arkiva .next:hover {
background-color: #ddd;
color: #333;
}
.page-numbers-arkiva .current {
background-color: #d21e3e;
color: #fff;
border-color: #d21e3e;
}
.page-numbers-arkiva .page-numbers:not(.current) {
margin: 0 3px;
padding: 5px 10px;
border: 1px solid #ddd;
border-radius: 5px;
color: #555;
font-size: 13px;
text-decoration: none;
transition: all 0.3s ease-in-out;
}
.page-numbers-arkiva .page-numbers:not(.current):hover {
background-color: #ddd;
color: #333;
}
.page-numbers-arkiva .page-numbers.current {
background-color: #d21e3e;
color: #fff;
border-color: #d21e3e;
}
.custom-search-field-wrapper {
position: relative;
display: inline-block;
width: 100%;
}
.custom-search-input {
width: 100%;
padding-right: 40px;
/* Adjust the padding to create space for the search button */
box-sizing: border-box;
}
.custom-search-submit {
position: absolute;
top: 0;
right: 0;
height: 100%;
width: 80px;
background-color: #d21e3e;
color: #ffffff;
/* Set the text color to white for better visibility */
}
/* Custom styles for category archive with two columns */
.konkurset-two-columns .rajonipress-category-archive-posts {
display: grid;
grid-template-columns: repeat(2, 1fr);
grid-gap: 20px;
}
.konkurset-two-columns .rajonipress-category-archive-post-wrapper {
/* Adjust styling for each post wrapper in two columns */
/* Example styles */
background-color: #f7f7f7;
padding: 20px;
}
.konkurset-two-columns .rajonipress-category-archive-post-thumbnail {
/* Adjust styling for each post thumbnail in two columns */
/* Example styles */
text-align: center;
}
.konkurset-two-columns .rajonipress-category-archive-post-content {
/* Adjust styling for each post content in two columns */
/* Example styles */
padding-top: 10px;
}
.shpalljet-detajet-data {
margin-top: 20px;
font-size: 1rem;
width: 100%;
}
.perkuj-korniza {
border-left: 8px solid #888;
border-right: 8px solid #888;
border-top: 8px solid #888;
border-bottom: 8px solid #888;
padding: 30px;
}
.perkujtimet-artk-img {
width: 300px;
margin: 0 auto;
}
.perkujtimet-artk {
max-width: 800px;
width: 100%;
justify-content: center;
margin-bottom: 30px;
box-sizing: border-box;
}
.artikulli-content-wrapper-shpk p {
width: 100%;
overflow-wrap: break-word;
word-wrap: break-word;
word-break: break-word;
}
.artikulli-content-wrapper p {
width: 100%;
overflow-wrap: break-word;
word-wrap: break-word;
word-break: break-word;
}
.artikulli-content-wrapper-shpk {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
margin-top: 20px;
max-width: 800px;
width: 100%;
box-sizing: border-box;
border-bottom: 1px solid #ddd;
}
.artikulli-content-wrapper-konkurse p {
width: 100%;
overflow-wrap: break-word;
word-wrap: break-word;
word-break: break-word;
-webkit-hyphens: auto;
-ms-hyphens: auto;
hyphens: auto;
}
.artikulli-content-wrapper-konkurse {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
margin-top: 20px;
padding-bottom: 20px;
max-width: 850px;
width: 100%;
box-sizing: border-box;
border-bottom: 1px solid #ddd;
}
.tit-maksimum-gjer-konkurse {
max-width: 850px;
width: 100%;
box-sizing: border-box;
}
.shpalljet-detajet-time {
font-size: 1rem;
}
.tit-maksimum-gjer-pkshp {
max-width: 800px;
width: 100%;
box-sizing: border-box;
}
.entry-title-shpalljet {
border-bottom: 1px solid #ddd;
margin-bottom: 10px;
padding-bottom: 10px;
font-weight: bold;
}
.entry-title-shpalljet-tjera {
border-bottom: 1px solid #ddd;
margin-bottom: 10px;
padding-bottom: 10px;
font-weight: bold;
font-size: 1.3rem;
}
.shpalljet-detajet {
margin-top: 10px;
margin-bottom: 10px;
padding-bottom: 10px;
font-size: 1rem;
}
.shpalljet-detajet-info {
margin-bottom: 0px;
font-size: 1rem;
}
.numri-pozitave {
font-size: 1rem;
margin-bottom: 0;
}
.afati-i-aplikimit {
margin-bottom: 10px;
padding-bottom: 10px;
font-size: 1rem;
}
.rajoni-shpko-head {
display: flex;
}
.rajoni-shpa-kolona {
}
.rajoni-shpa-kolona-1 {
margin-right: 25px;
width: 36%;
border: 1px solid #ddd;
line-height: 0;
}
.rajoni-shpa-kolona-2 {
width: 74%;
padding: 15px;
border: 1px solid #ddd;
}
.rajoni-shpa-kolona-3 {
width: 100%;
padding: 15px;
border: 1px solid #ddd;
}
.rajoni-shpa-kolona-1 img {
display: block;
max-width: 100%;
height: auto;
}
.rajoni-other-shpko-head {
display: flex;
margin-top: 30px;
}
.rajoni-other-shpa-kolona {
margin: 0 10px;
/* Add margin to the left and right sides */
}
.rajoni-other-shpa-kolona-1 {
width: 33.33333%;
margin-right: 25px;
border: 1px solid #ddd;
padding: 15px;
}
.rajoni-other-shpa-kolona-2 {
width: 33.33333%;
background-color: #f1f1f1;
margin-right: 25px;
border: 1px solid #ddd;
padding: 15px;
}
.rajoni-other-shpa-kolona-3 {
width: 33.33333%;
background-color: #f1f1f1;
border: 1px solid #ddd;
padding: 15px;
}
.artikulli-content-rajoni-shpkonper {
padding-left: 4%;
padding-right: 4%;
margin-top: 0px;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
margin-top: 20px;
width: 100%;
}
.search-container-mobil {
flex: 1;
position: relative;
}
.search-form .search-icon {
position: absolute;
top: 50%;
right: 5px;
/* Adjust the position as needed */
transform: translateY(-50%);
background: none;
border: none;
background-image: url('data:image/svg+xml;charset=UTF-8,');
background-position: 10px center;
background-repeat: no-repeat;
font-size: 16px;
color: #000;
/* Adjust the color as needed */
cursor: pointer;
pointer-events: auto;
}
.search-form-section {
width: 100%;
}
.search-submit {
margin-top: 20px;
display: flex;
justify-content: center;
margin: 0 auto;
margin-top: 20px;
}
#search-field {
width: 100%;
box-sizing: border-box;
border: 2px solid #ccc;
border-radius: 4px;
font-size: 16px;
background-image: url('data:image/svg+xml;charset=UTF-8,');
background-position: 10px center;
background-repeat: no-repeat;
padding-left: 26px;
/* Adjust the padding as needed */
padding: 12px 20px 12px 40px;
-webkit-transition: width 0.4s ease-in-out;
transition: width 0.4s ease-in-out;
}
.rajonisp-search-keyword {
width: 100%;
display: grid;
margin-bottom: 20px;
padding: 20px;
border-bottom: 3px solid #ddd;
}
.rajoni-search-highlight {
background-color: yellow;
font-weight: bold;
}
.rajonisp-search-results {
max-width: 1250px;
width: 100%;
margin: 0 auto;
box-sizing: border-box;
}
.rajonisp-search-listing {
display: grid;
gap: 20px;
width: 100%;
}
.rajonisp-search-post {
display: flex;
align-items: center;
gap: 10px;
width: 100% !important;
margin-bottom: 10px;
text-decoration: none;
border-bottom: 1px solid #ccc;
padding-bottom: 30px;
}
.rajonisp-search-thumbnail {
flex-shrink: 0;
width: 35%;
}
.rajonisp-search-thumbnail img {
display: block;
width: 100%;
height: auto;
border-radius: 5px;
}
.rajonisp-search-content {
flex-grow: 1;
}
.rajonisp-search-post-title {
font-size: 20px;
color: #000;
margin: 0;
}
.rajonisp-search-post-title a {
font-weight: bold;
color: #000;
text-decoration: none;
}
.rajonisp-search-post-title a:hover {
font-weight: bold;
color: #000;
text-decoration: underline;
}
.rajonisp-search-post-excerpt {
font-size: 14px;
margin: 0;
}
.rajonisp-search-post-date {
font-size: 12px;
color: #777;
margin: 0;
}
.gp-icon svg {
height: 1.4em;
width: 1.5em;
top: 0.395em;
position: relative;
fill: currentColor;
}
.mobile-header-navigation.has-menu-bar-items .mobile-header-logo {
width: 195px;
}
.navigation-branding img {
height: 55px;
width: 195px !important;
}
.sektori-button-op {
display: inline-flex;
align-items: center;
justify-content: center;
color: #767676;
padding: 4px 16px;
border-radius: 4px;
font-size: 14px;
text-decoration: none;
font-weight: bold;
border: 1px solid #8ca8ac;
border-radius: 10px;
margin-bottom: 1px;
}
.sektori-header-clean {
font-size: 1.5rem;
margin: 0;
font-weight: 700;
letter-spacing: 0.01em;
color: #333;
text-decoration: none;
padding-bottom: 10px;
}
.rajoni-full-column {
width: 100%;
margin-bottom: 0px;
}
/*.my-custom-menu-class li:last-child a:after {
content: "\25BE";
margin-left: 5px;
}
*/
.desktop-menu {
overflow-x: auto;
white-space: nowrap;
-webkit-overflow-scrolling: touch;
scroll-behavior: smooth;
-webkit-scroll-snap-stop: always;
-ms-scroll-snap-stop: always;
scroll-snap-stop: always;
-webkit-overflow-scrolling: touch;
-ms-overflow-style: none;
scrollbar-width: none;
margin-top: 70px;
}
.my-custom-menu-class {
display: inline-flex;
flex-wrap: nowrap;
}
.first-post .rajonipress-category-archive-post-thumbnail {
flex: 0 0 60%;
max-width: 60%;
margin-right: 40px;
}
.first-post .rajonipress-category-archive-post-content {
max-width: 40%;
}
.first-post .rajonipress-category-archive-entry-title {
font-size: 36px;
margin-top: 0;
margin-bottom: 10px;
}
.first-post .rajonipress-category-archive-entry-summary {
font-size: 20px;
line-height: 1.5;
}
.first-post {
background-color: #f6f8fc;
}
.similar-posts-container {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
margin-top: 20px;
}
.similar-post {
width: calc(25% - 25px);
margin-bottom: 20px;
margin-right: 25px;
}
.similar-post:first-child {
margin-right: 20px;
}
.similar-post:last-child {
margin-left: 20px;
}
.similar-post-row {
clear: both;
}
.similar-post a {
display: block;
}
.similar-post img {
width: 100%;
height: auto;
border-radius: 5px;
}
.similar-post h4 a:hover {
text-decoration: underline;
}
.similar-post h4 a {
text-decoration: none;
color: #000000;
font-weight: bold;
line-height: 1.3;
font-size: 1.2rem;
}
.similar-posts-title {
margin-top: 0px;
font-weight: bold;
}
.similar-post.first {
margin-right: 20px;
}
.artikulli-tags {
border-top: 1px solid #e8e9ea;
padding-top: 30px;
padding-bottom: 20px;
}
.artikulli-share-buttons {
display: flex;
flex-wrap: wrap;
margin-top: 20px;
border-bottom: 1px solid #e8e9ea;
}
.artikulli-share-buttons a {
display: inline-block;
width: 40px;
height: 40px;
border-radius: 50%;
font-size: 20px;
color: #c7c7c7;
text-align: center;
line-height: 40px;
margin-right: 5px;
}
.artikulli-print-button {
color: #c7c7c7;
font-size: 14px;
line-height: 40px;
padding: 0 15px;
border-radius: 20px;
margin-right: 5px;
}
.breadcrumbs {
color: #d21e3e;
font-size: 16px;
margin-top: 0px;
margin-bottom: 10px;
}
#breadcrumbs a {
color: #d21e3e;
font-size: 16px;
}
#breadcrumbs a:hover {
color: #d21e3e;
font-size: 16px;
text-decoration: none;
}
.entry-meta {
color: #767676;
margin-top: 20px;
font-size: 14px;
}
.entry-featured-image {
margin-top: 24px;
width: 100%;
max-width: 1000px;
box-sizing: border-box;
}
.entry-featured-image img {
border-radius: 8px;
max-width: 100%;
width: 1000px;
height: auto;
display: block;
}
.tit-maksimum-gjer {
max-width: 1000px;
width: 100%;
box-sizing: border-box;
}
.drejtimi-i-permbatjes {
display: flex;
flex-direction: column;
align-items: center;
width: 100%;
box-sizing: border-box;
}
.artikulli-meta-details {
display: flex;
align-items: center;
flex-wrap: wrap;
gap: 8px;
max-width: 1000px;
width: 100%;
margin: 10px 0 16px 0;
font-size: 0.95rem;
color: #555;
box-sizing: border-box;
}
.artikulli-meta-details .foto-credit {
color: #777;
font-size: 0.9rem;
}
.artikulli-content-wrapper {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
margin-top: 20px;
max-width: 1000px;
width: 100%;
box-sizing: border-box;
}
.artikulli-content-column-1 {
width: 66%;
margin-right: 1%;
border-right: 1px solid #ddd;
padding-right: 4%;
margin-top: 15px;
}
.artikulli-content-wrapper .content-column img {
max-width: 100%;
height: auto;
}
.artikulli-content-column-2 {
width: 30%;
margin-top: 25px;
}
.rajonipress-category-archive-pagination {
display: flex;
justify-content: center;
margin-top: 30px;
margin-bottom: 30px;
}
.rajonipress-category-archive-pagination .page-numbers {
margin: 0 3px;
padding: 5px 10px;
border: 1px solid #ddd;
border-radius: 5px;
color: #555;
font-size: 13px;
text-decoration: none;
transition: all 0.3s ease-in-out;
}
.rajonipress-category-archive-pagination .page-numbers:hover {
background-color: #ddd;
color: #333;
}
.rajonipress-category-archive-pagination .page-numbers.current {
background-color: #d21e3e;
color: #fff;
border-color: #d21e3e;
}
.rajonipress-category-archive-posts {
width: 100%;
}
.rajonipress-category-archive-title {
font-weight: bold;
margin-top: 20px;
}
.rajonipress-category-archive-entry-title a {
font-weight: bold;
color: #000;
text-decoration: none;
}
.rajonipress-category-archive-entry-title a:hover {
text-decoration: underline;
}
.rajonipress-category-archive-main {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.rajonipress-category-archive-post-wrapper {
padding: 25px;
}
.rajonipress-category-archive-post-thumbnail img {
max-width: 100%;
height: auto;
display: block;
border-radius: 5px;
}
.rajonipress-category-archive-entry-title {
margin-top: 0;
margin-bottom: 10px;
font-size: 26px;
line-height: 1.3;
}
.rajonipress-category-archive-entry-meta {
color: #999;
font-size: 14px;
}
.rajonipress-category-archive-entry-summary p {
margin-bottom: 0;
}
.rajonipress-category-archive-post-wrapper {
display: flex;
align-items: center;
border-bottom: 1px solid #ddd;
}
.rajonipress-category-archive-post-thumbnail,
.rajonipress-category-archive-entry-title-thumbnail {
flex: 0 0 auto;
margin-right: 1rem;
}
.rajonipress-category-archive-entry-title-thumbnail h2 {
margin: 0;
}
.post-image-above-header .inside-article .featured-image,
.post-image-above-header .inside-article .post-image {
margin-top: 0;
margin-bottom: 0em !important;
}
.separate-containers .comments-area,
.separate-containers .inside-article,
.separate-containers .page-header,
.separate-containers .paging-navigation {
padding: 0px;
}
.main-navigation ul ul {
box-shadow: 0px 0px 0 rgba(0, 0, 0, 0.1);
}
.your-custom-class-name .sub-menu {
background-color: #fff;
border: 0px solid #ccc;
padding: 10px;
}
.your-custom-class-name .sub-menu li {
margin-bottom: 5px;
border: none;
}
.your-custom-class-name .sub-menu li a {
color: #333;
text-decoration: none;
transition: all 0.3s ease-in-out;
}
.your-custom-class-name .sub-menu li a:hover {
color: #d21e3e;
}
/* Off-canvas menu styling */
.your-custom-class-name {
font-size: 18px;
text-transform: uppercase;
padding-top: 5px;
padding-bottom: 5px;
padding-left: 20px;
padding-right: 20px;
margin-bottom: 5px;
border-bottom: 1px solid #eee;
}
.your-custom-class-name:last-child {
border-bottom: none;
margin-bottom: 0;
}
.your-custom-class-name a {
color: #333;
text-decoration: none;
transition: all 0.3s ease-in-out;
}
.your-custom-class-name a:hover {
color: #d21e3e;
}
.slideout-menu .close-button {
font-size: 24px;
color: #333;
position: absolute;
top: 20px;
right: 20px;
}
.slideout-menu .close-button:hover {
color: #ff5722;
cursor: pointer;
}
/* Decrease spacing between menu items */
.slideout-menu .main-nav .menu-item {
margin-bottom: 5px;
}
/* Add background color to menu items on hover */
.slideout-menu .main-nav .menu-item:hover {
background-color: #f7f7f7;
}
.onepost-meta {
font-size: 14px;
}
.site-header {
border-bottom: 1px solid #ddd;
}
.sub-menu-container-nav {
max-width: 1300px;
margin: 0 auto;
}
.sub-desktop-menu {
display: block;
text-align: left;
margin-top: -20px;
}
.sub-desktop-menu ul {
list-style: none;
margin: 0;
padding: 0;
}
.sub-desktop-menu li {
display: inline-block;
}
.sub-desktop-menu li:last-child {
margin-right: 0;
}
.sub-desktop-menu a {
display: block;
color: #767676;
text-decoration: none;
padding: 10px;
transition: all 0.3s ease-in-out;
font-weight: bold;
font-size: 15px;
}
.sub-desktop-menu a:hover {
color: #000000;
}
.desktop-menu {
display: block;
text-align: left;
}
.desktop-menu ul {
list-style: none;
margin: 0;
padding: 0;
}
.desktop-menu li {
display: inline-block;
margin-right: 20px;
}
.desktop-menu li:last-child {
margin-right: 0;
}
.my-custom-menu-class li {
display: inline-block;
margin-right: 20px;
}
.my-custom-menu-class li.current-menu-item a {
border-bottom: 3px solid #d21e3e;
}
.desktop-menu a {
display: block;
color: #333;
text-decoration: none;
padding-top: 10px;
padding-bottom: 10px;
padding-left: 4px;
padding-right: 4px;
transition: all 0.3s ease-in-out;
font-weight: bold;
font-size: 17px;
}
.desktop-menu a:hover {
background-color: #d21e3e;
color: #fff;
}
.desktop-menu a:active {
border-bottom: 3px solid #d21e3e;
color: #000000;
}
.sektori-header-container {
display: flex;
justify-content: space-between;
align-items: center;
}
.sektori-header-container-reset {
display: flex;
justify-content: space-between;
align-items: center;
}
.sektori-button {
display: inline-flex;
align-items: center;
justify-content: center;
color: #767676;
padding: 4px 16px;
border-radius: 4px;
font-size: 14px;
text-decoration: none;
font-weight: bold;
border: 1px solid #8ca8ac;
border-radius: 10px;
margin-bottom: 16px;
}
.sektori-button-tag {
display: inline-flex;
align-items: center;
justify-content: center;
color: #767676;
padding: 5px 24px;
margin-right: 10px;
border-radius: 4px;
font-size: 16px;
text-decoration: none;
font-weight: bold;
border: 1px solid #ddd;
border-radius: 10px;
text-transform: capitalize;
margin-bottom: 10px;
}
.sektori-button-tag a {
color: #767676;
}
.sektori-button-tag a:hover {
color: #333;
}
/* Tre postime */
.fillimi-post-category a {
text-decoration: none;
color: #b3002d;
font-weight: 700;
font-size: 16px;
}
.rajoni-fillimi-post-category a {
text-decoration: none;
color: #767676;
font-weight: bold;
}
.rajoni-post-thumbnail img {
width: 100%;
height: auto;
border-radius: 5px;
}
.rajoni-post-content p {
margin-bottom: 1em;
}
.pagination {
margin-top: 2em;
}
.rajoni-post-title a {
font-weight: bold;
color: #000000;
text-decoration: none;
}
.rajoni-post-title a:hover {
color: #000000;
}
.rajoni-post-title a:visited {
text-decoration: none;
}
.rajoni-post-title-side {
font-size: 1.5rem;
}
.rajoni-post-title-side a {
font-weight: bold;
color: #000000;
text-decoration: none;
}
.rajoni-post-title-side a:hover {
color: #000000;
}
.rajoni-post-title-fillimi a {
font-weight: bold;
color: #000000;
text-decoration: none;
}
.rajoni-post-title-fillimi a:hover {
color: #000000;
}
.rajoni-post-list {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
background: #f6f8fc;
padding-top: 30px;
padding-left: 30px;
padding-right: 30px;
margin-bottom: 55px;
}
.rajoni-post-container {
width: calc(25% - 20px);
margin-bottom: 30px;
}
.rajoni-post {
box-sizing: border-box;
overflow: hidden;
margin: 0;
}
.rajoni-post-thumbnail {
width: 100%;
float: left;
margin-right: 20px;
}
.rajoni-post-title {
margin: 0;
font-weight: bold;
font-size: 1.15rem;
color: #000000;
line-height: 1.2;
margin-bottom: 10px;
margin-top: 10px;
}
.rajoni-post-title-fillimi {
margin: 0;
font-weight: bold;
font-size: 1.2em;
color: #000000;
line-height: 1.2;
margin-bottom: 10px;
}
.rajoni-post-content {
margin-top: 20px;
line-height: 1.5;
font-size: 18px;
}
.rajoni-post img {
max-width: 100%;
height: auto;
border-radius: 5px;
}
/* Tre postime mbarimi */
/* Dy postime */
.rajoni-dy-post-thumbnail img {
width: 100%;
height: auto;
border-radius: 5px;
}
.rajoni-dy-post-content p {
margin-bottom: 1em;
}
.rajoni-dy-post-title a {
font-weight: bold;
color: #000000;
text-decoration: none;
}
.rajoni-dy-post-title a:hover {
color: #000000;
text-decoration: underline;
}
.rajoni-dy-post-list {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
margin-bottom: 40px;
}
.rajoni-dy-post-container {
width: calc(50% - 20px);
margin-bottom: 30px;
}
.rajoni-dy-post {
box-sizing: border-box;
overflow: hidden;
margin: 0;
}
.rajoni-dy-post-thumbnail {
width: 100%;
float: left;
margin-right: 20px;
}
.rajoni-dy-post-title {
font-weight: bold;
font-size: 1.5rem;
line-height: 1.3;
color: #000000;
margin-top: 10px;
margin-bottom: 0.5em;
}
.rajoni-dy-post-content {
margin-top: 20px;
line-height: 1.5;
font-size: 18px;
}
.rajoni-dy-post img {
max-width: 100%;
height: auto;
border-radius: 5px;
}
/* Dy postime mbarimi */
.custom-post {
display: flex;
align-items: center;
margin-bottom: 20px;
}
.custom-post-title a {
color: #000000;
text-decoration: none;
}
.custom-post-title a:hover {
color: #000000;
text-decoration: underline;
}
.custom-post-content {
width: 75%;
}
.custom-post-meta span {
margin-right: 10px;
}
.sektori {
width: 100%;
}
.sektori-similar {
width: 100%;
display: block;
}
.qendrore-posts-container,
.magazina-posts-container {
width: 100%;
}
.custom-post-container {
margin-bottom: 20px;
display: flex;
align-items: center;
justify-content: space-between;
}
.rajoni-lajm-post-container {
margin-bottom: 20px;
display: flex;
justify-content: space-between;
}
.onepost-title {
margin-bottom: 10px;
}
.one-post-container {
margin-bottom: 30px;
display: block;
width: 100%;
align-items: center;
justify-content: space-between;
}
.custom-post-thumbnail {
max-width: 25%;
margin-right: 15px;
}
.custom-post-thumbnail img {
border-radius: 5px;
}
.custom-post-title {
margin: 0 0 10px;
font-size: 1.4rem;
font-weight: bold;
line-height: 1.3;
}
.kryesore-custom-post-title {
margin: 0 0 0px;
font-size: 1.05rem;
line-height: 1.3;
}
.kryesore-custom-post-title a {
color: #000;
text-decoration: none;
font-weight: 600;
}
.kryesore-custom-post-title-fillimi a:hover {
color: #000;
text-decoration: underline;
}
.kryesore-custom-post-title-fillimi {
margin: 0 0 0px;
font-size: 1rem;
line-height: 1.3;
}
.kryesore-custom-post-title-fillimi a {
color: #000;
text-decoration: none;
font-weight: 600;
}
.kryesore-custom-post-title a:hover {
color: #000;
text-decoration: underline;
}
.article-kryesore-custom-post-title {
margin: 0 0 0px;
font-size: 1rem;
line-height: 1.3;
}
.article-kryesore-custom-post-title a {
color: #000;
text-decoration: none;
font-weight: 600;
}
.article-kryesore-custom-post-title a:hover {
color: #000;
text-decoration: underline;
}
.custom-post-meta {
display: flex;
align-items: center;
font-size: 0.8rem;
color: #777;
margin-bottom: 10px;
}
.custom-post-meta > * {
margin-right: 10px;
}
.custom-post-date::before {
content: "\f017";
font-family: FontAwesome;
margin-right: 5px;
}
.custom-post-author {
display: flex;
align-items: center;
font-size: 1.2rem;
line-height: 1.5;
margin-bottom: 5px;
}
.custom-post-author img {
border-radius: 50%;
margin-right: 10px;
width: 50px;
height: 50px;
}
.custom-post-author a {
font-weight: 600;
color: #333;
text-decoration: none;
transition: all 0.2s ease-in-out;
text-transform: capitalize;
}
.custom-post-author a:hover {
color: #d21e3e;
}
.custom-post-excerpt {
font-size: 1rem;
}
.sektori-header {
font-size: 1.5rem;
margin: 0;
padding: 1rem 0;
font-weight: 700;
letter-spacing: 0.01em;
color: #333;
padding-bottom: 20px;
text-decoration: none;
}
.sektori-header-underline {
width: 100%;
border-bottom: 2px solid #e9ecef;
margin-bottom: 20px;
}
.onepost {
display: flex;
flex-direction: column;
margin-bottom: 30px;
margin: 120px;
}
.onepost img {
width: 100%;
height: auto;
object-fit: cover;
}
.onepost-image img {
border-radius: 5px;
}
.onepost .onepost-content {
background-color: #fff;
padding: 20px;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
text-align: center;
}
.onepost {
font-size: 24px;
font-weight: 700;
margin-bottom: 15px;
}
.onepost-title a {
color: #000000;
font-weight: 700;
font-family: Titillium Web, sans-serif;
font-size: 1.8rem;
line-height: 1;
}
.onepost .onepost-date {
font-size: 14px;
font-weight: 400;
margin-bottom: 10px;
}
.onepost .onepost-author {
font-size: 14px;
font-weight: 700;
text-transform: uppercase;
color: #888;
margin-bottom: 20px;
}
.onepost-content h2 {
margin-top: 0;
font-weight: 700;
color: #000000;
}
.onepost-content h2 a {
color: #000000;
}
.onepost-content p {
margin-bottom: 20px;
}
.onepost-content a {
text-decoration: none;
}
.onepost-content a:hover {
text-decoration: underline;
}
.onepost-content a:visited {
text-decoration: none;
}
.rajoni-two-thirds {
display: flex;
flex-wrap: wrap;
margin-bottom: 20px;
}
.rajoni-column {
}
.rajoni-column:nth-child(1) {
width: 67%;
}
.rajoni-column:nth-child(2) {
width: 33%;
padding-left: 20px;
}
.rajoni-two-thirds-tefundit {
display: flex;
flex-wrap: wrap;
margin-bottom: 20px;
}
.rajoni-column-tefundit {
}
.rajoni-column-tefundit:nth-child(1) {
width: 67%;
}
.rajoni-column-tefundit:nth-child(2) {
width: 33%;
padding-left: 20px;
}
.rajoni-half-colums {
display: flex;
flex-wrap: wrap;
padding-bottom: 20px;
}
.rajoni-half-colums-reset {
display: flex;
flex-wrap: wrap;
padding-bottom: 20px;
}
.rajoni-column-half {
}
.rajoni-column-half:nth-child(1) {
width: 50%;
padding-right: 10px;
}
.rajoni-column-half:nth-child(2) {
width: 50%;
padding-left: 10px;
}
.rajoni-33-colums {
display: flex;
flex-wrap: wrap;
}
.rajoni-column-33 {
padding: 20px;
}
.rajoni-column-33:nth-child(1) {
background-color: #ccc;
width: 33.333333%;
}
.rajoni-column-33:nth-child(2) {
background-color: #eee;
width: 33.333333%;
padding-left: 20px;
}
.rajoni-column-33:nth-child(3) {
background-color: #ddd;
width: 33.333333%;
padding-left: 20px;
}
.rajoni-header-top-nav {
width: 1280px;
margin: 0 auto;
display: flex;
flex-wrap: wrap;
}
.rajoni-header-top-nav-kolonat {
padding: 20px;
}
.rajoni-header-top-nav-kolonat:nth-child(1) {
background-color: #ccc;
width: 10%;
}
.rajoni-header-top-nav-kolonat:nth-child(2) {
background-color: #eee;
width: 80%;
padding-left: 0px;
}
.rajoni-header-top-nav-kolonat:nth-child(3) {
background-color: #ddd;
width: 10%;
padding-left: 20px;
}
/* Media queries for tablet devices */
@media only screen and (max-width: 1280px) {
.sektori-top {
width: 100%;
padding-left: 2%;
padding-right: 2%;
}
.rajonisp-search-results {
max-width: 100%; width: 100%; box-sizing: border-box;
padding-left: 3%;
padding-right: 3%;
}
.inside-header {
padding: 10px 10px 10px 20px;
}
.rajoni-full-column {
padding-left: 3%;
padding-right: 3%;
}
.rajoni-two-thirds {
padding-left: 2%;
padding-right: 2%;
}
.rajoni-two-thirds-tefundit {
padding-left: 0%;
padding-right: 0%;
}
.desktop-menu {
padding-left: 2%;
padding-right: 2%;
}
.sektori {
padding-left: 2%;
padding-right: 2%;
}
.entry-header {
padding-left: 3%;
padding-right: 3%;
}
.artikulli-content-wrapper {
padding-left: 3%;
padding-right: 3%;
}
.breadcrumbs {
padding-left: 3%;
padding-right: 3%;
}
.rajonipress-category-archive-main {
padding-left: 3%;
padding-right: 3%;
}
.rajonipress-category-archive-header {
padding-left: 3%;
padding-right: 3%;
}
.menu-container-nav {
display: none;
}
.menu-container-nav-desk {
padding-left: 3%;
padding-right: 3%;
}
.sektori {
padding-left: 3%;
padding-right: 3%;
}
}
/* Media queries for tablet devices */
@media only screen and (min-width: 768px) and (max-width: 1024px) {
.rajoni-post-description {
display: none;
}
.sektori-top {
width: 100%;
padding-left: 2%;
padding-right: 2%;
}
.horizontal-nav__list_mob li a:hover {
background-color: transparent;
color: #fff;
}
.banner-r-d-artikull {
margin-top: -20px;
}
.adhome-reklama {
display: none;
}
.menu-container-nav {
display: block;
display: flex;
list-style: none;
padding-left: 3%;
padding-right: 3%;
margin: 0;
overflow-x: auto;
white-space: nowrap;
-webkit-overflow-scrolling: touch;
scroll-behavior: smooth;
-webkit-scroll-snap-stop: always;
-ms-scroll-snap-stop: always;
scroll-snap-stop: always;
-webkit-overflow-scrolling: touch;
-ms-overflow-style: none;
scrollbar-width: none;
}
.menu-container-nav-desk {
display: none;
}
.rajoni-two-thirds-tefundit {
padding-left: 0%;
padding-right: 0%;
}
.konkurset-two-columns .rajonipress-category-archive-posts {
display: block;
}
.konkurset-two-columns .rajonipress-category-archive-post-wrapper {
padding: 10px;
margin-bottom: 30px;
}
.konkurset-two-columns .rajonipress-category-archive-post-thumbnail {
text-align: center;
}
.konkurset-two-columns .rajonipress-category-archive-post-content {
padding-top: 5px;
}
.perkujtimet-artk {
width: 100%;
}
.perkuj-korniza {
width: 100%;
padding: 10px;
}
.artikulli-content-wrapper-shpk {
width: 100%;
}
.tit-maksimum-gjer-pkshp {
width: 100%;
}
.artikulli-content-wrapper-konkurse {
width: 100%;
}
.tit-maksimum-gjer-konkurse {
width: 100%;
}
.rajonisp-search-results {
max-width: 100%; width: 100%; box-sizing: border-box;
padding-left: 3%;
padding-right: 3%;
}
.artikulli-content-column-1 {
border: none;
padding-right: 0%;
}
.first-post .rajonipress-category-archive-entry-title {
font-size: 1.8rem;
}
.rajonipress-category-archive-entry-title {
font-size: 1.2rem;
line-height: 1.2;
}
.rajonipress-category-archive-title {
font-size: 2rem;
}
.article-kryesore-custom-post-title {
font-size: 1.25rem;
line-height: 1.5;
}
.similar-post h4 a {
font-size: 1.1rem;
}
.entry-featured-image img {
border-radius: 0px;
}
.custom-post-author {
font-size: 1rem;
}
.entry-header {
padding-left: 4%;
padding-right: 4%;
}
.rajonipress-category-archive-header {
padding-left: 3%;
padding-right: 3%;
}
.artikulli-content-wrapper {
padding-left: 4%;
padding-right: 4%;
margin-top: 0px;
width: 100%;
}
.breadcrumbs {
padding-left: 4%;
padding-right: 4%;
}
.artikulli-content-column-1 {
margin-bottom: 30px;
width: 100%;
margin-top: 20px;
}
.artikulli-content-column-2 {
width: 100%;
}
.rajoni-column:nth-child(1) {
width: 55%;
}
.rajoni-column:nth-child(2) {
width: 45%;
}
.kryesore-custom-post-title {
margin: 0 0 0px;
font-size: 1rem;
margin-bottom: 0;
}
.kryesore-custom-post-title-fillimi {
margin: 0 0 0px;
font-size: 1rem;
margin-bottom: 0;
}
.fillimi-post-category a {
font-size: 13px;
}
.rajoni-column-half:nth-child(2) {
width: 100%;
padding-left: 0px;
}
.rajoni-column-half:nth-child(1) {
width: 100%;
padding-right: 10px;
}
.custom-post-thumbnail {
max-width: 25%;
margin-right: 8px;
}
.rajoni-post-title {
font-size: 1rem;
}
.rajoni-post-title-side {
font-size: 1.5rem;
}
.rajoni-post-title-fillimi {
font-size: 1rem;
}
.custom-post-title {
font-size: 1rem;
}
}
/* ==========================================================================
HOMEPAGE MODERNIZED BLOCK & CARD STYLING
========================================================================== */
.ad-sidebar-box {
width: 300px;
max-width: 100%;
margin: 0 auto;
display: flex;
justify-content: center;
align-items: center;
min-height: 250px;
}
.adhome-reklama {
width: 100%;
max-width: 1250px;
margin: 25px auto;
text-align: center;
display: flex;
justify-content: center;
align-items: center;
}
.magazina-posts-grid {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 24px;
width: 100%;
max-width: 1250px;
margin: 0 auto 35px auto;
box-sizing: border-box;
}
.magazina-grid-item .one-post-container {
margin-bottom: 0;
}
.magazina-grid-item .onepost-image {
border-radius: 8px;
overflow: hidden;
margin-bottom: 10px;
}
.magazina-grid-item .onepost-image img {
border-radius: 8px;
width: 100%;
aspect-ratio: 450 / 302;
object-fit: cover;
display: block;
transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}
.magazina-grid-item:hover .onepost-image img {
transform: scale(1.03);
}
.magazina-grid-item .onepost-title a {
font-size: 1.15rem;
font-weight: 700;
line-height: 1.35;
color: #111827;
text-decoration: none;
transition: color 0.2s ease;
}
.magazina-grid-item .onepost-title a:hover {
color: var(--nav-press-new-accent-color, #c0243c);
}
/* Editorial 4-Card Grid */
.rajoni-post-list {
display: grid !important;
grid-template-columns: repeat(4, 1fr) !important;
gap: 20px !important;
background: #f6f8fc;
padding: 24px !important;
border-radius: 10px;
margin-bottom: 35px !important;
box-sizing: border-box;
}
.rajoni-post-container {
width: 100% !important;
margin-bottom: 0 !important;
margin-left: 0 !important;
display: flex;
flex-direction: column;
}
.rajoni-post-thumbnail {
border-radius: 8px;
overflow: hidden;
margin-bottom: 10px;
position: relative;
width: 100% !important;
}
.rajoni-post-thumbnail img {
border-radius: 8px;
width: 100% !important;
aspect-ratio: 450 / 302;
object-fit: cover;
display: block;
transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}
.rajoni-post-container:hover .rajoni-post-thumbnail img {
transform: scale(1.04);
}
.rajoni-post-title a {
font-size: 1.05rem;
font-weight: 700;
line-height: 1.35;
color: #111827;
text-decoration: none;
transition: color 0.2s ease;
}
.rajoni-post-title a:hover {
color: var(--nav-press-new-accent-color, #c0243c);
}
.rajoni-post-meta,
.rajoi-post-meta {
margin-top: auto;
padding-top: 8px;
}
/* Two-column block (Kronika e Zeze) */
.rajoni-dy-post-list {
display: grid !important;
grid-template-columns: repeat(2, 1fr) !important;
gap: 24px !important;
margin-bottom: 35px !important;
box-sizing: border-box;
}
.rajoni-dy-post-container {
width: 100% !important;
margin-bottom: 0 !important;
}
.rajoni-dy-post-thumbnail {
border-radius: 8px;
overflow: hidden;
margin-bottom: 12px;
}
.rajoni-dy-post-thumbnail img {
border-radius: 8px;
width: 100% !important;
aspect-ratio: 608 / 405;
object-fit: cover;
display: block;
transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}
.rajoni-dy-post-container:hover .rajoni-dy-post-thumbnail img {
transform: scale(1.03);
}
.rajoni-dy-post-title a {
font-size: 1.25rem;
font-weight: 700;
line-height: 1.3;
color: #111827;
text-decoration: none;
transition: color 0.2s ease;
}
.rajoni-dy-post-title a:hover {
color: var(--nav-press-new-accent-color, #c0243c);
}
/* Card Hover Elevation & Smooth Thumbnail Transitions */
.custom-post-thumbnail,
.titulli-onepost-image,
.onepost-image {
overflow: hidden;
border-radius: 6px;
}
.custom-post-thumbnail img,
.titulli-onepost-image img,
.onepost-image img {
transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}
.custom-post-container:hover .custom-post-thumbnail img,
.rajoni-lajm-post-container:hover .custom-post-thumbnail img,
.titulli-onepost-wrapper:hover .titulli-onepost-image img,
.one-post-container:hover .onepost-image img {
transform: scale(1.04);
}
/* Smooth Title Transitions */
.onepost-title a:hover,
.titulli-onepost-content a:hover,
.kryesore-custom-post-title a:hover,
.custom-post-title a:hover {
color: var(--nav-press-new-accent-color, #c0243c) !important;
}
/* Clean Category Badges */
.fillimi-post-category a {
display: inline-block;
padding: 3px 8px;
background: #f1f3f5;
color: #4b5563;
border-radius: 4px;
font-size: 11.5px;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 0.03em;
text-decoration: none;
transition: background 0.2s ease, color 0.2s ease;
}
.fillimi-post-category a:hover {
background: var(--nav-press-new-accent-color, #c0243c);
color: #ffffff;
}
/* Clean Section Headers */
.sektori-header-container,
.sektori-header-container-reset {
display: flex;
justify-content: space-between;
align-items: center;
border-bottom: 2px solid var(--nav-press-new-accent-color, #c0243c);
padding-bottom: 8px;
margin-top: 28px;
margin-bottom: 18px;
}
.sektori-header-clean {
font-size: 1.25rem;
font-weight: 800;
letter-spacing: 0.04em;
color: #111827;
margin: 0;
text-transform: uppercase;
}
.sektori-header-clean a {
color: inherit;
text-decoration: none;
}
.sektori-button {
font-size: 13px;
font-weight: 700;
color: var(--nav-press-new-accent-color, #c0243c);
text-decoration: none;
display: inline-flex;
align-items: center;
gap: 4px;
transition: transform 0.2s ease, color 0.2s ease;
}
.sektori-button:hover {
color: #901426;
transform: translateX(3px);
}
/* Media queries for mobile devices */
@media only screen and (max-width: 767px) {
/* Global safe layout & box-sizing */
*, *::before, *::after {
box-sizing: border-box;
}
html, body {
overflow-x: hidden;
}
/* ----------------------------------------------------
1. UNIFORM CONTAINER SAFE GUTTERS (16px left/right)
---------------------------------------------------- */
.sektori-top,
.rajoni-two-thirds,
.rajoni-two-thirds-tefundit,
.sektori,
.rajoni-full-column,
.rajoni-full-column-edit,
.rajoni-full-column-raj,
.rajoni-full-column-ek,
.rajoni-full-column-shen,
.rajoni-full-column-ksl,
.rajoni-full-column-ds,
.sub-menu-container-nav,
.breadcrumbs,
#breadcrumbs,
.tit-maksimum-gjer,
.entry-header,
.entry-featured-image,
.artikulli-meta-details,
.artikulli-share-buttons,
.artikulli-content-wrapper,
.artikulli-tags,
.rajonipress-category-archive-header,
.rajonipress-category-archive-main,
.rajonipress-category-archive-posts,
.rajonisp-search-results,
.archive-header,
.perkuj-korniza,
.tit-maksimum-gjer-konkurse,
.tit-maksimum-gjer-pkshp,
.artikulli-content-wrapper-shpk,
.artikulli-content-wrapper-konkurse {
padding-left: 16px !important;
padding-right: 16px !important;
width: 100% !important;
max-width: 100% !important;
box-sizing: border-box !important;
}
/* ----------------------------------------------------
2. MOBILE HORIZONTAL CATEGORY NAVIGATION BAR
---------------------------------------------------- */
.menu-container-nav {
display: flex !important;
list-style: none;
padding: 8px 16px 10px 16px !important;
margin: 0 0 12px 0 !important;
overflow-x: auto;
white-space: nowrap;
-webkit-overflow-scrolling: touch;
scroll-behavior: smooth;
scrollbar-width: none;
-ms-overflow-style: none;
background: #ffffff;
border-bottom: 1px solid #ededed;
width: 100%;
box-sizing: border-box;
}
.menu-container-nav::-webkit-scrollbar {
display: none;
width: 0;
height: 0;
}
.menu-container-nav-desk {
display: none !important;
}
.menu-container-nav .horizontal-nav__list_mob {
display: inline-flex !important;
align-items: center;
gap: 8px;
padding: 0 !important;
margin: 0 !important;
list-style: none;
}
.menu-container-nav .horizontal-nav__list_mob li {
padding: 0 !important;
margin: 0 !important;
flex-shrink: 0;
}
.menu-container-nav .horizontal-nav__list_mob li a {
display: inline-flex;
align-items: center;
padding: 6px 14px !important;
background: #f3f4f6;
color: #1f2937 !important;
border-radius: 9999px;
font-size: 14px !important;
font-weight: 600 !important;
text-decoration: none !important;
line-height: 1.25;
transition: all 0.15s ease-in-out;
border: 1px solid #e5e7eb;
}
.menu-container-nav .horizontal-nav__list_mob li a:hover,
.menu-container-nav .horizontal-nav__list_mob li a:active {
background: #e5e7eb;
color: #c0243c !important;
}
.menu-container-nav .horizontal-nav__list_mob li.current-menu-item > a,
.menu-container-nav .horizontal-nav__list_mob li.current-menu-parent > a {
background: #c0243c !important;
color: #ffffff !important;
border-color: #c0243c !important;
}
/* ----------------------------------------------------
3. SINGLE POST PAGE POLISH
---------------------------------------------------- */
.drejtimi-i-permbatjes {
width: 100%;
align-items: stretch;
}
.breadcrumbs, #breadcrumbs {
margin: 10px 0 14px 0 !important;
font-size: 13px !important;
color: #6b7280;
line-height: 1.4;
}
.breadcrumbs a, #breadcrumbs a {
color: #c0243c;
text-decoration: none;
font-weight: 500;
}
.entry-header {
margin-bottom: 14px;
}
.entry-title {
font-size: 1.625rem !important; /* 26px */
line-height: 1.28 !important;
font-weight: 800 !important;
color: #111827;
margin: 0 0 12px 0 !important;
letter-spacing: -0.015em;
}
.entry-meta {
font-size: 13px;
display: flex;
flex-wrap: wrap;
align-items: center;
gap: 8px 12px;
color: #6b7280;
margin-bottom: 12px;
}
.entry-meta .custom-post-author {
display: inline-flex;
align-items: center;
gap: 8px;
font-weight: 600;
color: #1f2937;
}
.entry-meta .custom-post-author img {
border-radius: 50%;
width: 32px;
height: 32px;
}
.entry-featured-image {
margin: 4px 0 14px 0 !important;
}
.entry-featured-image img {
border-radius: 8px !important;
width: 100% !important;
height: auto !important;
object-fit: cover;
box-shadow: 0 1px 3px rgba(0,0,0,0.06);
display: block;
}
.entry-caption {
font-size: 12.5px;
color: #6b7280;
margin-top: 6px;
font-style: italic;
}
.artikulli-meta-details {
display: flex !important;
align-items: center;
flex-wrap: wrap;
gap: 8px;
margin: 8px 0 14px 0 !important;
font-size: 13px !important;
color: #6b7280;
border-bottom: 1px solid #f3f4f6;
padding-bottom: 10px !important;
}
.artikulli-meta-details .foto-credit {
color: #6b7280;
}
.artikulli-share-buttons {
display: flex !important;
align-items: center;
flex-wrap: wrap;
gap: 8px;
margin: 0 0 18px 0 !important;
padding-bottom: 12px !important;
border-bottom: 1px solid #f0f0f0;
}
.artikulli-share-buttons a {
display: inline-flex !important;
align-items: center;
justify-content: center;
width: 40px !important;
height: 40px !important;
border-radius: 50% !important;
margin-right: 0 !important;
color: #ffffff !important;
text-decoration: none;
transition: transform 0.15s ease, opacity 0.15s ease;
}
.artikulli-share-buttons a:active {
transform: scale(0.92);
}
.artikulli-facebook-share { background-color: #1877F2 !important; }
.artikulli-twitter-share { background-color: #000000 !important; }
.artikulli-messenger-share{ background-color: #0084FF !important; }
.artikulli-email-share { background-color: #6B7280 !important; }
.artikulli-print-button { background-color: #4B5563 !important; }
.artikulli-content-wrapper {
display: block !important;
margin-top: 0 !important;
}
.artikulli-content-column-1 {
width: 100% !important;
margin-right: 0 !important;
border: none !important;
padding-left: 0 !important;
padding-right: 0 !important;
margin-top: 0 !important;
margin-bottom: 24px !important;
}
.artikulli-content-column-1 article p,
.artikulli-content-column-1 p {
font-size: 1.0625rem !important; /* 17px */
line-height: 1.75 !important;
color: #1f2937;
margin-bottom: 1.25rem;
overflow-wrap: break-word;
word-break: break-word;
}
.artikulli-content-column-1 h2 {
font-size: 1.35rem;
line-height: 1.3;
font-weight: 700;
margin: 1.75rem 0 0.75rem 0;
color: #111827;
}
.artikulli-content-column-1 h3 {
font-size: 1.2rem;
line-height: 1.35;
font-weight: 700;
margin: 1.5rem 0 0.5rem 0;
color: #111827;
}
.artikulli-content-column-1 iframe,
.artikulli-content-column-1 video,
.artikulli-content-column-1 embed {
width: 100% !important;
max-width: 100% !important;
height: auto !important;
aspect-ratio: 16 / 9;
border-radius: 8px;
margin: 16px 0 !important;
}
.artikulli-content-column-1 img {
max-width: 100% !important;
height: auto !important;
border-radius: 6px;
margin: 12px 0 16px 0;
}
.artikulli-tags {
display: flex;
flex-wrap: wrap;
gap: 8px;
margin: 16px 0 24px 0 !important;
padding-left: 0 !important;
padding-right: 0 !important;
}
.sektori-button-tag {
display: inline-block;
padding: 6px 12px;
background: #f3f4f6;
color: #4b5563 !important;
border-radius: 4px;
font-size: 13px !important;
font-weight: 500;
text-decoration: none;
border: 1px solid #e5e7eb;
}
.artikulli-content-column-2 {
width: 100% !important;
padding: 0 !important;
margin-top: 20px !important;
}
.similar-posts-container {
display: grid !important;
grid-template-columns: 1fr 1fr;
gap: 12px;
width: 100% !important;
}
.similar-post {
width: 100% !important;
margin: 0 0 16px 0 !important;
}
.similar-post img {
border-radius: 6px;
width: 100%;
aspect-ratio: 450 / 302;
object-fit: cover;
}
.similar-post h4 a {
font-size: 0.95rem !important;
line-height: 1.35;
font-weight: 600;
color: #111827;
margin-top: 6px;
display: block;
text-decoration: none;
}
/* ----------------------------------------------------
4. HOMEPAGE BLOCKS & SECTIONS
---------------------------------------------------- */
.rajoni-two-thirds,
.rajoni-two-thirds-tefundit {
display: block !important;
margin-bottom: 20px !important;
}
.rajoni-column,
.rajoni-column-tefundit,
.rajoni-column-half,
.rajoni-column-33 {
width: 100% !important;
padding: 0 !important;
margin: 0 0 16px 0 !important;
}
.rajoni-post-description {
display: none !important;
}
.titulli-onepost-wrapper {
display: block !important;
padding: 0 !important;
border-bottom: none;
background: none;
}
.titulli-onepost-image,
.titulli-onepost-content {
width: 100% !important;
float: none !important;
padding: 0 !important;
}
.titulli-onepost-image img,
.onepost-image img {
border-radius: 8px;
width: 100%;
display: block;
}
.one-post-container {
margin-bottom: 16px !important;
width: 100%;
}
.onepost-title a {
font-size: 1.25rem !important;
line-height: 1.3;
font-weight: 700;
color: #111827;
text-decoration: none;
margin-top: 8px;
display: block;
}
.custom-post-container,
.rajoni-lajm-post-container {
display: flex !important;
align-items: flex-start;
gap: 12px;
padding: 10px 0 !important;
margin-bottom: 0 !important;
border-bottom: 1px solid #f0f0f0;
width: 100%;
}
.custom-post-thumbnail {
flex: 0 0 100px !important;
max-width: 100px !important;
width: 100px !important;
margin-right: 0 !important;
}
.custom-post-thumbnail img {
border-radius: 6px;
width: 100px !important;
height: 68px !important;
object-fit: cover;
display: block;
}
.custom-post-content {
flex: 1;
min-width: 0;
width: auto !important;
}
.custom-post-title,
.kryesore-custom-post-title,
.kryesore-custom-post-title-fillimi {
font-size: 0.95rem !important;
line-height: 1.35 !important;
font-weight: 600 !important;
margin: 0 0 4px 0 !important;
}
.custom-post-title a,
.kryesore-custom-post-title a,
.kryesore-custom-post-title-fillimi a,
.rajoni-post-title a,
.rajoni-dy-post-title a {
color: #111827;
text-decoration: none !important;
font-weight: 600;
}
.sektori-header-container,
.sektori-header-container-reset {
display: flex;
justify-content: space-between;
align-items: center;
margin: 24px 0 12px 0;
border-bottom: 2px solid #c0243c;
padding-bottom: 6px;
}
.sektori-header-clean,
.sektori-header {
font-size: 1.15rem !important;
font-weight: 800 !important;
letter-spacing: 0.04em;
color: #111827;
margin: 0;
text-transform: uppercase;
}
.sektori-header-clean a {
color: inherit;
text-decoration: none;
}
.sektori-button {
font-size: 12px;
font-weight: 600;
color: #c0243c;
text-decoration: none;
}
.rajoni-post-container,
.rajoni-dy-post-container {
width: 100% !important;
margin-left: 0 !important;
margin-bottom: 16px !important;
}
.rajoni-post-container img,
.rajoni-dy-post-thumbnail img {
border-radius: 8px;
width: 100% !important;
}
.rajoni-post-list {
display: grid !important;
grid-template-columns: 1fr;
gap: 12px;
padding: 0 !important;
margin-bottom: 24px !important;
}
/* ----------------------------------------------------
5. CATEGORY & ARCHIVE LISTINGS
---------------------------------------------------- */
.rajonipress-category-archive-header {
margin-bottom: 12px;
}
.rajonipress-category-archive-title {
font-size: 1.5rem !important;
font-weight: 800;
color: #111827;
margin: 12px 0 6px 0;
}
.rajonipress-category-archive-main {
display: block !important;
}
.rajonipress-category-archive-posts {
display: block !important;
width: 100% !important;
}
.rajonipress-category-archive-post-wrapper {
display: flex !important;
align-items: flex-start;
gap: 12px;
padding: 12px 0 !important;
margin: 0 !important;
border-bottom: 1px solid #ededed !important;
width: 100% !important;
}
.rajonipress-category-archive-post-wrapper.first-post {
display: block !important;
padding-bottom: 16px !important;
margin-bottom: 8px !important;
border-bottom: 2px solid #e5e7eb !important;
}
.first-post .rajonipress-category-archive-post-thumbnail {
width: 100% !important;
max-width: 100% !important;
flex: none !important;
margin-right: 0 !important;
margin-bottom: 8px;
}
.first-post .rajonipress-category-archive-post-thumbnail img {
width: 100% !important;
height: auto !important;
border-radius: 8px;
aspect-ratio: 16 / 9;
object-fit: cover;
}
.first-post .rajonipress-category-archive-entry-title {
font-size: 1.25rem !important;
line-height: 1.3;
font-weight: 700;
margin: 8px 0 4px 0 !important;
}
.first-post .rajonipress-category-archive-post-content {
max-width: 100% !important;
width: 100% !important;
}
.rajonipress-category-archive-post-thumbnail {
flex: 0 0 105px !important;
max-width: 105px !important;
width: 105px !important;
margin-right: 0 !important;
}
.rajonipress-category-archive-post-thumbnail img {
width: 105px !important;
height: 72px !important;
border-radius: 6px;
object-fit: cover;
display: block;
}
.rajonipress-category-archive-post-content {
flex: 1;
min-width: 0;
max-width: none !important;
}
.rajonipress-category-archive-entry-title {
font-size: 0.95rem !important;
line-height: 1.35 !important;
font-weight: 600;
margin: 0 0 4px 0 !important;
}
.rajonipress-category-archive-entry-title a {
color: #111827;
text-decoration: none !important;
}
.konkurset-two-columns .rajonipress-category-archive-posts {
display: block !important;
}
.konkurset-two-columns .rajonipress-category-archive-post-wrapper {
padding: 14px !important;
margin-bottom: 16px !important;
border-radius: 8px;
border: 1px solid #e5e7eb;
background: #fafafa;
display: block !important;
}
/* ----------------------------------------------------
6. SEARCH RESULTS & WIDGETS
---------------------------------------------------- */
.rajonisp-search-results {
min-width: 0 !important;
}
.custom-search-field-wrapper {
display: flex;
width: 100%;
}
.custom-search-input {
flex: 1;
min-height: 48px;
font-size: 16px !important; /* Prevents iOS auto-zoom on input focus */
padding: 8px 12px;
border-radius: 6px 0 0 6px;
}
.custom-search-submit {
min-height: 48px;
min-width: 48px;
border-radius: 0 6px 6px 0;
}
.banner-r-d-artikull,
.banner-r-d-kategori,
.adhome-reklama {
display: none !important;
}
#wpadminbar {
position: fixed !important;
}
}
/* Core Web Vitals: Strict Aspect Ratios for 0.00 CLS */
/* Maps to 'prind-thumbnail' (450x302) */
.onepost-image img,
.rajoni-post-thumbnail img,
.rajoni-post-container img {
width: 100%;
height: auto;
aspect-ratio: 450 / 302;
object-fit: cover;
}
/* Maps to 'homethumb-thumbnail' (225x151) */
.custom-post-thumbnail img {
width: 100%;
height: auto;
aspect-ratio: 225 / 151;
object-fit: cover;
}
/* Maps to 'fokus-thumbnail' (837x561) */
.titulli-onepost-image img {
width: 100%;
height: auto;
aspect-ratio: 837 / 561;
object-fit: cover;
}
/* Maps to 'kryesore-balline' (608x405) */
.rajoni-dy-post-thumbnail img {
width: 100%;
height: auto;
aspect-ratio: 608 / 405;
object-fit: cover;
}
/* General fallback to prevent any unstyled image shift */
img {
max-width: 100%;
height: auto;
font-style: italic; /* for alt text */
background-color: #f6f8fc; /* low-contrast placeholder color */
}
/* Core Web Vitals: Reserve space for Font Awesome icons in WP menus */
.menu-item a i.fa,
.menu-item a i.fas,
.menu-item a i.fab {
display: inline-block;
width: 1.25em; /* Standard FontAwesome width */
text-align: center;
}