This commit is contained in:
Roman Pyrih
2026-03-06 15:14:23 +01:00
parent 2f54c22cd6
commit f541250b59
42 changed files with 819 additions and 535 deletions

View File

@@ -2177,7 +2177,6 @@ h6 {
.error-404 .page-title,
.comments-title,
blockquote {
-webkit-hyphens: auto;
hyphens: auto;
word-break: break-word;
word-wrap: break-word;
@@ -2186,7 +2185,6 @@ blockquote {
/* Do not hyphenate entry title on tablet view and bigger. */
@media only screen and (min-width: 768px) {
.entry-title {
-webkit-hyphens: none;
hyphens: none;
}
}
@@ -2255,11 +2253,11 @@ html {
}
::-moz-selection {
background-color: #bfdcea;
background-color: rgb(191.25, 220, 233.75);
}
::selection {
background-color: #bfdcea;
background-color: rgb(191.25, 220, 233.75);
}
*,
@@ -2279,7 +2277,7 @@ a {
a:hover,
a:active {
color: #005177;
color: rgb(0, 80.5, 119);
outline: 0;
text-decoration: none;
}
@@ -2515,7 +2513,7 @@ a:visited {
color: #0073aa;
}
a:hover, a:active {
color: #005177;
color: rgb(0, 80.5, 119);
outline: 0;
text-decoration: none;
}
@@ -2531,19 +2529,6 @@ a:focus {
.main-navigation {
display: block;
margin-top: 0.25rem;
/* Un-style buttons */
/*
* Sub-menu styles
*
* :focus-within needs its own selector so other similar
* selectors dont get ignored if a browser doesnt recognize it
*/
/**
* Fade-in animation for top-level submenus
*/
/**
* Off-canvas touch device styles
*/
}
body.page .main-navigation {
display: block;
@@ -2551,6 +2536,9 @@ body.page .main-navigation {
.main-navigation > div {
display: inline;
}
.main-navigation {
/* Un-style buttons */
}
.main-navigation button {
display: inline-block;
border: none;
@@ -2596,7 +2584,7 @@ body.page .main-navigation {
margin-right: 0.5rem;
}
.main-navigation .main-menu > li > a:hover, .main-navigation .main-menu > li > a:hover + svg {
color: #005177;
color: rgb(0, 80.5, 119);
}
.main-navigation .main-menu > li.menu-item-has-children {
display: inline-block;
@@ -2700,12 +2688,12 @@ body.page .main-navigation {
.main-navigation .sub-menu > li > a:hover, .main-navigation .sub-menu > li > a:focus,
.main-navigation .sub-menu > li > .menu-item-link-return:hover,
.main-navigation .sub-menu > li > .menu-item-link-return:focus {
background: #005177;
background: rgb(0, 80.5, 119);
}
.main-navigation .sub-menu > li > a:hover:after, .main-navigation .sub-menu > li > a:focus:after,
.main-navigation .sub-menu > li > .menu-item-link-return:hover:after,
.main-navigation .sub-menu > li > .menu-item-link-return:focus:after {
background: #005177;
background: rgb(0, 80.5, 119);
}
.main-navigation .sub-menu > li > .menu-item-link-return {
width: 100%;
@@ -2726,6 +2714,14 @@ body.page .main-navigation {
top: 0.2rem;
margin-right: calc(0.25 * 1rem);
}
.main-navigation {
/*
* Sub-menu styles
*
* :focus-within needs its own selector so other similar
* selectors dont get ignored if a browser doesnt recognize it
*/
}
.main-navigation .main-menu .menu-item-has-children:not(.off-canvas):focus-within > .sub-menu {
display: block;
left: 0;
@@ -2734,7 +2730,6 @@ body.page .main-navigation {
width: auto;
min-width: 100%;
/* Non-mobile position */
/* Nested sub-menu dashes */
}
@media only screen and (min-width: 768px) {
.main-navigation .main-menu .menu-item-has-children:not(.off-canvas):focus-within > .sub-menu {
@@ -2785,6 +2780,9 @@ body.page .main-navigation {
max-width: 100%;
}
}
.main-navigation .main-menu .menu-item-has-children:not(.off-canvas):focus-within > .sub-menu {
/* Nested sub-menu dashes */
}
.main-navigation .main-menu .menu-item-has-children:not(.off-canvas):focus-within > .sub-menu .sub-menu {
counter-reset: submenu;
}
@@ -2804,7 +2802,6 @@ body.page .main-navigation {
width: auto;
min-width: 100%;
/* Non-mobile position */
/* Nested sub-menu dashes */
}
@media only screen and (min-width: 768px) {
.main-navigation .main-menu .menu-item-has-children:not(.off-canvas):hover > .sub-menu,
@@ -2868,6 +2865,11 @@ body.page .main-navigation {
max-width: 100%;
}
}
.main-navigation .main-menu .menu-item-has-children:not(.off-canvas):hover > .sub-menu,
.main-navigation .main-menu .menu-item-has-children:not(.off-canvas):focus > .sub-menu,
.main-navigation .main-menu .menu-item-has-children.is-focused:not(.off-canvas) > .sub-menu {
/* Nested sub-menu dashes */
}
.main-navigation .main-menu .menu-item-has-children:not(.off-canvas):hover > .sub-menu .sub-menu,
.main-navigation .main-menu .menu-item-has-children:not(.off-canvas):focus > .sub-menu .sub-menu,
.main-navigation .main-menu .menu-item-has-children.is-focused:not(.off-canvas) > .sub-menu .sub-menu {
@@ -2881,9 +2883,19 @@ body.page .main-navigation {
content: " " counters(submenu, " ", none);
counter-increment: submenu;
}
.main-navigation {
/**
* Fade-in animation for top-level submenus
*/
}
.main-navigation .main-menu > .menu-item-has-children:not(.off-canvas):hover > .sub-menu {
animation: fade_in 0.1s forwards;
}
.main-navigation {
/**
* Off-canvas touch device styles
*/
}
.main-navigation .main-menu .menu-item-has-children.off-canvas .sub-menu .submenu-expand .svg-icon {
transform: rotate(270deg);
}
@@ -2920,19 +2932,23 @@ body.page .main-navigation {
max-width: 100vw;
transform: translateX(100%);
animation: slide_in_right 0.3s forwards;
/* Prevent menu from being blocked by admin bar */
}
.main-navigation .main-menu .menu-item-has-children.off-canvas .sub-menu.expanded-true > .mobile-parent-nav-menu-item {
display: block;
}
.main-navigation .main-menu .menu-item-has-children.off-canvas .sub-menu.expanded-true {
/* Prevent menu from being blocked by admin bar */
}
.admin-bar .main-navigation .main-menu .menu-item-has-children.off-canvas .sub-menu.expanded-true {
top: 46px;
height: calc(100vh - 46px);
/* WP core breakpoint */
}
.admin-bar .main-navigation .main-menu .menu-item-has-children.off-canvas .sub-menu.expanded-true .sub-menu.expanded-true {
top: 0;
}
.admin-bar .main-navigation .main-menu .menu-item-has-children.off-canvas .sub-menu.expanded-true {
/* WP core breakpoint */
}
@media only screen and (min-width: 782px) {
.admin-bar .main-navigation .main-menu .menu-item-has-children.off-canvas .sub-menu.expanded-true {
top: 32px;
@@ -3082,11 +3098,10 @@ body.page .main-navigation {
height: 1em;
}
.post-navigation .nav-links a .post-title {
-webkit-hyphens: auto;
hyphens: auto;
hyphens: auto;
}
.post-navigation .nav-links a:hover {
color: #005177;
color: rgb(0, 80.5, 119);
}
@media only screen and (min-width: 1168px) {
.post-navigation .nav-links .nav-previous,
@@ -3203,8 +3218,7 @@ body.page .main-navigation {
.screen-reader-text {
border: 0;
clip: rect(1px, 1px, 1px, 1px);
-webkit-clip-path: inset(50%);
clip-path: inset(50%);
clip-path: inset(50%);
height: 1px;
margin: -1px;
overflow: hidden;
@@ -3218,8 +3232,7 @@ body.page .main-navigation {
border-radius: 3px;
box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
clip: auto !important;
-webkit-clip-path: none;
clip-path: none;
clip-path: none;
color: #21759b;
display: block;
font-size: 0.875rem;
@@ -3339,7 +3352,6 @@ body.page .main-navigation {
.site-branding {
color: #767676;
-webkit-hyphens: auto;
hyphens: auto;
position: relative;
word-wrap: break-word;
@@ -3391,7 +3403,6 @@ body.page .main-navigation {
margin: auto;
display: inline;
color: #111;
/* When there is no description set, make sure navigation appears below title. */
}
.site-title a {
color: #111;
@@ -3400,7 +3411,7 @@ body.page .main-navigation {
color: #111;
}
.site-title a:hover {
color: #4a4a4a;
color: rgb(74.375, 74.375, 74.375);
}
.featured-image .site-title {
margin: 0;
@@ -3410,6 +3421,9 @@ body.page .main-navigation {
display: inline-block;
}
}
.site-title {
/* When there is no description set, make sure navigation appears below title. */
}
.site-title + .main-navigation {
display: block;
}
@@ -3438,22 +3452,6 @@ body.page .main-navigation {
/* Add text shadow to text, to increase readability. */
text-shadow: 0 1px 2px rgba(0, 0, 0, 0.35);
/* Set white text color when featured image is set. */
/* add focus state to social media icons */
/* Entry header */
/* Custom Logo Link */
/* Make sure important elements are above pseudo elements used for effects. */
/* Set up image filter layer positioning */
/* Background & Effects */
/* Shared background settings between pseudo elements. */
background-position: center;
background-repeat: no-repeat;
background-size: cover;
/* The intensity of each blend mode is controlled via layer opacity. */
/* Second layer: screen. */
/* Third layer: multiply. */
/* When image filters are inactive, a black overlay is added. */
/* Fourth layer: overlay. */
/* Fifth layer: readability overlay */
}
.site-header.featured-image .site-branding .site-title,
.site-header.featured-image .site-branding .site-description,
@@ -3507,6 +3505,9 @@ body.page .main-navigation {
.site-header.featured-image .main-navigation .sub-menu a {
opacity: inherit;
}
.site-header.featured-image {
/* add focus state to social media icons */
}
.site-header.featured-image .social-navigation a:focus {
color: #fff;
opacity: 1;
@@ -3517,6 +3518,9 @@ body.page .main-navigation {
/* Use -webkit- only if supporting: Chrome < 54, iOS < 9.3, Android < 4.4.4 */
filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.35));
}
.site-header.featured-image {
/* Entry header */
}
.site-header.featured-image .site-featured-image {
/* First layer: grayscale. */
}
@@ -3531,7 +3535,6 @@ body.page .main-navigation {
transform: translateX(-50%) translateY(-50%);
width: auto;
z-index: 1;
/* When image filters are active, make it grayscale to colorize it blue. */
}
@supports ((-o-object-fit: cover) or (object-fit: cover)) {
.site-header.featured-image .site-featured-image .post-thumbnail img {
@@ -3544,6 +3547,9 @@ body.page .main-navigation {
width: 100%;
}
}
.site-header.featured-image .site-featured-image .post-thumbnail img {
/* When image filters are active, make it grayscale to colorize it blue. */
}
.image-filters-enabled .site-header.featured-image .site-featured-image .post-thumbnail img {
filter: grayscale(100%);
}
@@ -3552,7 +3558,6 @@ body.page .main-navigation {
margin-bottom: 0;
margin-left: 0;
margin-right: 0;
/* Entry meta */
}
@media only screen and (min-width: 768px) {
.site-header.featured-image .site-featured-image .entry-header {
@@ -3563,6 +3568,9 @@ body.page .main-navigation {
.site-header.featured-image .site-featured-image .entry-header .entry-title:before {
background: #fff;
}
.site-header.featured-image .site-featured-image .entry-header {
/* Entry meta */
}
.site-header.featured-image .site-featured-image .entry-header .entry-meta {
font-weight: 500;
}
@@ -3607,6 +3615,9 @@ body.page .main-navigation {
bottom: 100%;
}
}
.site-header.featured-image {
/* Custom Logo Link */
}
.site-header.featured-image .custom-logo-link {
background: #fff;
box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
@@ -3614,6 +3625,9 @@ body.page .main-navigation {
.site-header.featured-image .custom-logo-link:hover, .site-header.featured-image .custom-logo-link:active, .site-header.featured-image .custom-logo-link:focus {
box-shadow: 0 0 0 2px white;
}
.site-header.featured-image {
/* Make sure important elements are above pseudo elements used for effects. */
}
.site-header.featured-image .site-branding {
position: relative;
z-index: 10;
@@ -3622,6 +3636,9 @@ body.page .main-navigation {
position: relative;
z-index: 9;
}
.site-header.featured-image {
/* Set up image filter layer positioning */
}
.site-header.featured-image .site-branding-container:after,
.site-header.featured-image .site-featured-image:before,
.site-header.featured-image .site-featured-image:after, .site-header.featured-image:after {
@@ -3633,11 +3650,24 @@ body.page .main-navigation {
width: 100%;
height: 100%;
}
.site-header.featured-image {
/* Background & Effects */
/* Shared background settings between pseudo elements. */
background-position: center;
background-repeat: no-repeat;
background-size: cover;
/* The intensity of each blend mode is controlled via layer opacity. */
/* Second layer: screen. */
}
.image-filters-enabled .site-header.featured-image .site-featured-image:before {
background: #0073aa;
mix-blend-mode: screen;
opacity: 0.1;
}
.site-header.featured-image {
/* Third layer: multiply. */
/* When image filters are inactive, a black overlay is added. */
}
.site-header.featured-image .site-featured-image:after {
background: #000;
mix-blend-mode: multiply;
@@ -3655,6 +3685,9 @@ body.page .main-navigation {
opacity: 1;
}
}
.site-header.featured-image {
/* Fourth layer: overlay. */
}
.image-filters-enabled .site-header.featured-image .site-branding-container:after {
background: rgba(0, 0, 0, 0.35);
mix-blend-mode: overlay;
@@ -3667,6 +3700,9 @@ body.page .main-navigation {
background: rgba(255, 255, 255, 0.35);
}
}
.site-header.featured-image {
/* Fifth layer: readability overlay */
}
.site-header.featured-image:after {
background: #000;
/**
@@ -3679,7 +3715,7 @@ body.page .main-navigation {
/* When image filters are active, a blue overlay is added. */
}
.image-filters-enabled .site-header.featured-image:after {
background: #000e14;
background: rgb(0, 13.8, 20.4);
opacity: 0.38;
}
@media only screen and (min-width: 768px) {
@@ -3738,9 +3774,6 @@ body.page .main-navigation {
margin: calc(3 * 1rem) calc(10% + 60px) 1rem;
}
}
.entry .entry-title {
margin: 0;
}
.entry .entry-title:before {
background: #767676;
content: " ";
@@ -3756,11 +3789,14 @@ body.page .main-navigation {
.entry .entry-title.has-text-align-right:before {
margin-left: auto;
}
.entry .entry-title {
margin: 0;
}
.entry .entry-title a {
color: inherit;
}
.entry .entry-title a:hover {
color: #4a4a4a;
color: rgb(74.375, 74.375, 74.375);
}
.entry .entry-meta,
.entry .entry-footer {
@@ -3981,9 +4017,6 @@ body.page .main-navigation {
margin: calc(3 * 1rem) calc(10% + 60px);
}
}
.author-bio .author-title {
display: inline;
}
.author-bio .author-title:before {
background: #767676;
content: " ";
@@ -3999,6 +4032,9 @@ body.page .main-navigation {
.author-bio .author-title.has-text-align-right:before {
margin-left: auto;
}
.author-bio .author-title {
display: inline;
}
.author-bio .author-description {
display: inline;
color: #767676;
@@ -4009,7 +4045,7 @@ body.page .main-navigation {
display: inline-block;
}
.author-bio .author-description .author-link:hover {
color: #005177;
color: rgb(0, 80.5, 119);
text-decoration: none;
}
@@ -4025,13 +4061,9 @@ body.page .main-navigation {
}
.comments-area {
-webkit-hyphens: auto;
hyphens: auto;
margin: calc(2 * 1rem) 1rem;
word-wrap: break-word;
/* Add extra margin when the comments section is located immediately after the
* post itself (this happens on pages).
*/
}
@media only screen and (min-width: 768px) {
.comments-area {
@@ -4058,6 +4090,11 @@ body.page .main-navigation {
margin-bottom: calc(3 * 1rem);
}
}
.comments-area {
/* Add extra margin when the comments section is located immediately after the
* post itself (this happens on pages).
*/
}
.entry + .comments-area {
margin-top: calc(3 * 1rem);
}
@@ -4068,9 +4105,6 @@ body.page .main-navigation {
justify-content: space-between;
}
}
.comments-area .comments-title-wrap .comments-title {
margin: 0;
}
.comments-area .comments-title-wrap .comments-title:before {
background: #767676;
content: " ";
@@ -4086,6 +4120,9 @@ body.page .main-navigation {
.comments-area .comments-title-wrap .comments-title.has-text-align-right:before {
margin-left: auto;
}
.comments-area .comments-title-wrap .comments-title {
margin: 0;
}
@media only screen and (min-width: 768px) {
.comments-area .comments-title-wrap .comments-title {
flex: 1 0 25vw;
@@ -4227,14 +4264,14 @@ body.page .main-navigation {
color: inherit;
}
.comment .comment-author .fn a:hover {
color: #005177;
color: rgb(0, 80.5, 119);
}
.comment .comment-author .post-author-badge {
border-radius: 100%;
display: block;
height: 18px;
position: absolute;
background: #008fd3;
background: rgb(0, 142.6, 210.8);
right: calc(100% - 2.5rem);
top: -3px;
width: 18px;
@@ -4264,7 +4301,7 @@ body.page .main-navigation {
}
.comment .comment-metadata > a:hover,
.comment .comment-metadata .comment-edit-link:hover {
color: #005177;
color: rgb(0, 80.5, 119);
text-decoration: none;
}
.comment .comment-metadata > * {
@@ -4322,7 +4359,7 @@ body.page .main-navigation {
}
.comment-reply-link:hover,
#cancel-comment-reply-link:hover {
color: #005177;
color: rgb(0, 80.5, 119);
}
.discussion-avatar-list {
@@ -4469,7 +4506,6 @@ body.page .main-navigation {
flex-wrap: wrap;
}
#colophon .widget-column .widget {
-webkit-hyphens: auto;
hyphens: auto;
width: 100%;
word-wrap: break-word;
@@ -4482,7 +4518,6 @@ body.page .main-navigation {
}
#colophon .site-info {
color: #767676;
-webkit-hyphens: auto;
hyphens: auto;
word-wrap: break-word;
}
@@ -4501,11 +4536,13 @@ body.page .main-navigation {
/* Widgets */
.widget {
margin: 0 0 1rem;
/* Make sure select elements fit in widgets. */
}
.widget .widget-title {
font-size: 1.6875em;
}
.widget {
/* Make sure select elements fit in widgets. */
}
.widget select {
max-width: 100%;
}
@@ -4513,7 +4550,7 @@ body.page .main-navigation {
color: #0073aa;
}
.widget a:hover {
color: #005177;
color: rgb(0, 80.5, 119);
}
.widget_archive ul,
@@ -5291,8 +5328,6 @@ body.page .main-navigation {
margin-top: 2rem;
max-width: 2.25em;
text-align: left;
/* Remove duplicate rule-line when a separator
* is followed by an H1, or H2 */
}
.entry .entry-content .wp-block-separator:not(.wp-block-separator),
.entry .entry-content hr:not(.wp-block-separator) {
@@ -5329,10 +5364,6 @@ body.page .main-navigation {
.entry .entry-content .wp-block-separator.is-style-dots,
.entry .entry-content hr.is-style-dots {
max-width: 100%;
background-color: inherit;
border: inherit;
height: inherit;
text-align: center;
}
@media only screen and (min-width: 768px) {
.entry .entry-content .wp-block-separator.is-style-dots,
@@ -5346,6 +5377,13 @@ body.page .main-navigation {
max-width: calc(50vw - 28px);
}
}
.entry .entry-content .wp-block-separator.is-style-dots,
.entry .entry-content hr.is-style-dots {
background-color: inherit;
border: inherit;
height: inherit;
text-align: center;
}
.entry .entry-content .wp-block-separator.is-style-dots:not(.has-text-color):not(.has-background),
.entry .entry-content hr.is-style-dots:not(.has-text-color):not(.has-background) {
color: #767676;
@@ -5356,6 +5394,11 @@ body.page .main-navigation {
letter-spacing: 0.8888888889em;
padding-left: 0.8888888889em;
}
.entry .entry-content .wp-block-separator,
.entry .entry-content hr {
/* Remove duplicate rule-line when a separator
* is followed by an H1, or H2 */
}
.entry .entry-content .wp-block-separator + h1:before, .entry .entry-content .wp-block-separator + h2:before,
.entry .entry-content hr + h1:before,
.entry .entry-content hr + h2:before {
@@ -5571,7 +5614,7 @@ body.page .main-navigation {
}
.entry .entry-content .has-secondary-background-color,
.entry .entry-content .wp-block-pullquote.is-style-solid-color.has-secondary-background-color {
background-color: #005177;
background-color: rgb(0, 80.5, 119);
}
.entry .entry-content .has-dark-gray-background-color,
.entry .entry-content .wp-block-pullquote.is-style-solid-color.has-dark-gray-background-color {
@@ -5595,7 +5638,7 @@ body.page .main-navigation {
.entry .entry-content .wp-block-pullquote blockquote.has-secondary-color,
.entry .entry-content .wp-block-pullquote.is-style-solid-color blockquote.has-secondary-color,
.entry .entry-content .wp-block-pullquote.is-style-solid-color blockquote.has-secondary-color > p {
color: #005177;
color: rgb(0, 80.5, 119);
}
.entry .entry-content .has-dark-gray-color,
.entry .entry-content .wp-block-pullquote.is-style-solid-color blockquote.has-dark-gray-color,