/*
 * Drukinkt, ported from the Aries WordPress theme 1.0.1 (yellow skin) by
 * Tom / wplov.in, GPL v2 or later. Crete Round: SIL OFL 1.1, see fonts/OFL.txt.
 */

@font-face {
  font-family: "Crete Round";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(fonts/crete-round-latin-ext.woff2) format("woff2");
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: "Crete Round";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(fonts/crete-round-latin.woff2) format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* normalize.css v3.0.2 subset | MIT License */
html { font-family: sans-serif; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; }
article, aside, figcaption, figure, footer, header, main, nav, section { display: block; }
[hidden] { display: none; }
a:active, a:hover { outline: 0; }
b, strong { font-weight: bold; }
small { font-size: 80%; }
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }
svg:not(:root) { overflow: hidden; }
/* Keep a second generic fallback to preserve normalized monospace sizing. */
code, kbd, pre, samp { font-family: monospace, sans-serif; font-size: 1em; }
button, input, select, textarea { color: inherit; font: inherit; margin: 0; }
button, input[type="submit"] { -webkit-appearance: button; appearance: button; cursor: pointer; }
button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }
input { line-height: normal; }
input[type="search"] { -webkit-appearance: textfield; appearance: textfield; box-sizing: content-box; }
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; appearance: none; }
td, th { padding: 0; }

.clearfix::before, .clearfix::after { content: " "; display: table; }
.clearfix::after { clear: both; }

/* Global */
.screen-reader-text {
  position: absolute !important;
  width: 1px;
  height: 1px;
  margin: -1px;
  overflow: hidden;
  clip-path: inset(50%);
  word-wrap: normal !important;
}
.screen-reader-text:focus {
  clip-path: none;
  width: auto;
  height: auto;
  top: 45px;
  left: 45px;
  z-index: 100000;
  padding: 15px 23px;
  background: #ddd;
  color: #444;
  line-height: normal;
}
body {
  margin: 0;
  background: #1f7cc4;
  padding: 30px 0;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 16px;
  line-height: 1.7em;
  color: #555; /* NOSONAR: S7924 - inherited text color; content has its own light background. */
}
img { border: 0; width: auto; max-width: 100%; height: auto; }
a { background-color: transparent; color: #deb662; text-decoration: none; }
a:hover { color: #c9962a; text-decoration: underline; }
.icon { width: 1em; height: 1em; vertical-align: -0.125em; fill: none; stroke: currentColor; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; }

/* Typography */
h1, h2, h3, h4, h5, h6 { font-family: "Crete Round", Arial, sans-serif; font-weight: normal; color: #555; }
h1 { font-size: 4em; line-height: 1em; margin: 0.67em 0; }
h2 { font-size: 3em; line-height: 1em; }
h3 { font-size: 2em; line-height: 1em; }
h4 { font-size: 1em; line-height: 1em; }
h5 { font-size: 0.9em; line-height: 1em; }
h6 { font-size: 0.8em; line-height: 1em; }
a, blockquote, cite, q, .site-logo, .site-description, dt,
.pagination .current, .widget_search input, label, input[type="submit"] {
  font-family: "Crete Round", Arial, sans-serif;
}

/* HTML elements */
blockquote {
  font-family: Georgia, serif;
  font-style: italic;
  background: #fff;
  margin: 0;
  padding: 15px 30px;
  color: #888; /* NOSONAR: S7924 - preserve the original theme contrast. */
  text-indent: 30px;
  font-size: 1.4em;
  line-height: 1.8em;
}
cite, q { font-size: 0.9em; font-weight: bold; }
table { border-collapse: collapse; border-spacing: 0; border: 1px dashed #d4d4d4; text-align: center; width: 100%; }
table tr, table td, table th { border: 1px dashed #d4d4d4; text-align: center; padding: 5px; }
table a { font-weight: bold; font-size: 0.8em; }
thead, tfoot { text-transform: uppercase; }
dt { font-weight: bold; }
dd { margin: 0 0 30px 0; font-size: 0.9em; }
code, kbd, var { background: #dedede; padding: 0 5px; font-style: normal; font-size: 0.8em; }
pre { overflow: auto; background: #dedede; padding: 10px; }
hr { box-sizing: content-box; height: 0; border: 0; border-top: 1px solid #d4d4d4; }

/* Header and navigation */
.header-wrap { padding: 50px 0; text-align: center; }
.site-logo { padding: 0 60px; display: inline-block; }
.site-logo span { font-size: 8em; line-height: 1em; color: #f7f7f7; overflow-wrap: break-word; }
.site-logo:hover { color: #f7f7f7; text-decoration: none; }
.site-description { color: #f7f7f7; padding: 0 60px; display: inline-block; margin-top: 15px; }

.navigation-trigger {
  position: fixed;
  top: 0;
  z-index: 199;
  margin: 60px;
  padding: 0;
  border: 0;
  background: none;
}
.navigation-right .navigation-trigger { right: 0; }
.navigation-wrap {
  position: fixed;
  left: 0;
  width: 100%;
  z-index: 99;
  overflow-y: auto;
  background: rgba(220, 178, 90, 0.85);
  transition: transform 0.5s ease-in-out;
}
.navigation-wrap.navigation-active { transform: translate(0, 0); }
.navigation-wrap.navigation-inactive { transform: translate(0, -100%); }
.navigation-wrap .navigation-main { padding: 90px 60px 30px 60px; }
.navigation-wrap .navigation-main ul { padding: 0; margin: 0; list-style-type: none; display: block; }
.navigation-wrap .navigation-main ul li {
  display: inline;
  vertical-align: middle;
  width: 240px;
  font-size: 1.2em;
  padding-bottom: 30px;
}
.navigation-wrap .navigation-main ul li a {
  display: block;
  border-bottom: 2px solid #f7f7f7;
  color: #f7f7f7;
  padding-bottom: 15px;
}
.navigation-right .navigation-main { text-align: right; }
.navigation-right .navigation-main ul, .navigation-right .navigation-main li { float: right; }
.navigation-right .navigation-main > ul > li { float: left; }
.navigation-right .navigation-main ul li a { margin-left: 30px; margin-right: 0; }

.hamburger-icon { display: block; width: 30px; height: 30px; position: relative; cursor: pointer; }
.hamburger-icon span {
  display: block;
  position: absolute;
  height: 3px;
  width: 100%;
  background: #fff;
  left: 0;
  transition: 0.25s ease-in-out;
}
.hamburger-icon span:nth-child(1) { top: 0; }
.hamburger-icon span:nth-child(2), .hamburger-icon span:nth-child(3) { top: 10px; }
.hamburger-icon span:nth-child(4) { top: 20px; }
.hamburger-icon.open span:nth-child(1), .hamburger-icon.open span:nth-child(4) { top: 0; width: 0%; left: 50%; }
.hamburger-icon.open span:nth-child(2) { transform: rotate(45deg); }
.hamburger-icon.open span:nth-child(3) { transform: rotate(-45deg); }

/* Content */
.content-wrap { background: #f7f7f7; width: 80%; margin: 0 auto; max-width: 1240px; }
.content-wrap-inner { width: 100%; margin: 0 auto; }
.posts-wrapper { width: 55%; float: left; padding: 5%; padding-right: 0; }
.archive-title { text-align: center; margin: 0; color: #aeaeae; font-size: 1em; padding-top: 5%; }
.archive-title span { background: #ebd3a1; color: #fff; padding: 5px; } /* NOSONAR: S7924 - preserve the original theme contrast. */

/* Articles */
article.hentry { margin: 0 0 60px; padding-bottom: 30px; border-bottom: 1px solid #d4d4d4; }
article.hentry .entry-title { font-size: 4em; line-height: 1em; margin: 0 0 0.67em; overflow-wrap: break-word; }
article.hentry .entry-header a { color: #555; }
article.hentry .entry-header a:hover { color: #3b3b3b; text-decoration: none; }
article.hentry .entry-header span.date { display: block; margin-top: -30px; margin-bottom: 30px; }
article.hentry .entry-header span.date a,
article.hentry .entry-header span.date .icon,
article.hentry .entry-meta span a,
article.hentry .entry-meta span .icon { color: #aeaeae; font-size: 0.9em; }
article.hentry .entry-header span.date a:hover,
article.hentry .entry-meta span a:hover { color: #888; }
article.hentry .date .icon, article.hentry .entry-meta .icon { margin-right: 5px; }
.draft-label { display: inline-block; vertical-align: middle; background: #ebd3a1; color: #3b3b3b; font-size: 0.8rem; line-height: 1.4; padding: 0 5px; margin-left: 0.5em; }
article.hentry .entry-meta { margin-top: 30px; }
article.hentry .entry-meta span { display: block; }
.entry-content::after { content: ""; display: table; clear: both; }
/* Article subsections keep the look of the bold text they replaced. */
.entry-content h2 { font-family: inherit; font-size: 1em; font-weight: bold; line-height: inherit; margin: 2em 0 1em; clear: left; }
.entry-content p:has(> a:only-child > img:only-child) + h2 { clear: both; }
.page article.hentry, .single article.hentry { margin: 0; padding-bottom: 0; border-bottom: none; }

/* Comments */
.comments-area, .comment, .comment-respond { scroll-margin-top: 60px; }
.comments-area { margin-top: 30px; padding-top: 30px; border-top: 1px solid #d4d4d4; }
.comments-title, .comment-reply-title { font-size: 2em; margin: 0 0 30px; }
.comment-list, .comment-list .children { list-style: none; margin: 0; padding: 0; }
.comment-list .children { margin-left: 30px; }
.comment { background: #fff; padding: 30px; margin-bottom: 30px; overflow-wrap: break-word; }
.comment-pending { opacity: 0.7; border-left: 3px solid #ebd3a1; }
.comment-meta { margin-bottom: 15px; }
.comment-author { font-family: "Crete Round", Arial, sans-serif; font-weight: normal; font-size: 1.2em; color: #555; margin-right: 10px; }
.comment-date { color: #aeaeae; font-size: 0.9em; }
.comment-reply-to { color: #888; font-size: 0.9em; margin-right: 10px; }
.comment-status { background: #ebd3a1; color: #3b3b3b; font-size: 0.8em; padding: 0 5px; margin-left: 10px; }
.comment-content blockquote { font-size: 1.1em; text-indent: 0; padding: 10px 20px; background: #f7f7f7; }
.comment-actions { margin-top: 15px; font-size: 0.9em; }
.comment-actions a { margin-right: 15px; }
.comment-moderate, .comment-logout { display: inline; }
.comment-moderate button, .comment-logout button { background: none; border: none; padding: 0; margin-right: 15px; color: #deb662; font-family: "Crete Round", Arial, sans-serif; }
.comment-moderate button:hover, .comment-logout button:hover { text-decoration: underline; }
.comment-respond { background: #fff; padding: 30px; }
.comment-form label { display: block; }
.comment-form textarea, .comment-form input[type="email"], .comment-form input[type="text"] { box-sizing: border-box; width: 100%; border: 1px solid #d4d4d4; background: #f7f7f7; margin-bottom: 15px; }
.comment-form .comment-check { margin-bottom: 15px; }
.comment-notes { color: #aeaeae; font-size: 0.9em; }
.comment-logout { display: block; margin-top: 15px; color: #aeaeae; font-size: 0.9em; }
.comment-hp { position: absolute; left: -10000px; width: 1px; height: 1px; overflow: hidden; }

/* Sidebar */
.sidebar-wrap { width: 30%; float: right; margin: 0; padding: 5%; }
.sidebar-wrap .widget { background: #fff; padding: 30px; margin-bottom: 30px; }
.sidebar-wrap .widget:last-child { margin-bottom: 0; }
.sidebar-wrap .widget .widget-title { margin: 0 0 30px; text-transform: uppercase; font-size: 1.3em; }
.sidebar-wrap .widget ul { padding: 0; list-style-type: none; margin: 0 -30px -30px; }
.sidebar-wrap .widget ul li { border-top: 1px solid #f7f7f7; }
.sidebar-wrap .widget ul li a { display: inline-block; padding: 15px 30px; }
.sidebar-wrap .widget a { color: #959595; }
.sidebar-wrap .widget a:hover { color: #626262; }
.sidebar-wrap .widget input { max-width: 100%; width: 100%; }
.sidebar-wrap .widget_search { padding-top: 0; }
.sidebar-wrap .widget_search form { margin: 0 -30px -30px; }
.sidebar-wrap .widget_search input[type="search"] {
  font-size: 1.2em;
  padding: 30px 5%;
  width: 90%;
  text-align: center;
  border: none;
}
.sidebar-wrap .widget_search input[type="submit"] { display: none; }

/* Pagination */
.pagination { background: #fff; overflow: hidden; }
.pagination .prev { float: left; }
.pagination .next { float: right; }
.pagination a, .pagination span { padding: 15px 30px; display: inline-block; color: #555; }
.pagination a:hover { background: #ebd3a1; color: #fff; text-decoration: none; } /* NOSONAR: S7924 - preserve the original theme contrast. */
.pagination .current { background: #deb662; color: #fff; } /* NOSONAR: S7924 - preserve the original theme contrast. */

/* Footer */
.footer-wrap { padding: 15px 0; text-align: center; }
.footer-wrap footer { max-width: 1240px; margin: 0 auto; color: #f7f7f7; font-size: 0.8em; }
.footer-wrap footer a { color: #f7f7f7; }
.footer-wrap footer .icon { color: #f9334a; fill: currentColor; stroke: none; }

/* Inputs */
input, textarea, select { padding: 15px; }
input[type="submit"] { border: none; background: #ebd3a1; color: #fff; padding: 15px 30px; display: inline-block; } /* NOSONAR: S7924 - preserve the original theme contrast. */
label { margin-bottom: 5px; }

/* Article images */
.alignright { float: right; margin-left: 30px; margin-bottom: 30px; }
.alignleft { float: left; margin-right: 30px; margin-bottom: 30px; }
.entry-content p img.alignright, .entry-content p img.alignleft { clear: both; }
.entry-content img.cover { max-width: min(200px, 40%); }

/* Frame */
.frame span::before, .frame span::after { content: ""; position: fixed; background-color: #fff; z-index: 9999; }
.frame .top-bottom::before { top: 0; left: 0; width: 100%; height: 30px; }
.frame .top-bottom::after { bottom: 0; left: 0; width: 100%; height: 30px; }
.frame .left-right::before { top: 0; left: 0; width: 30px; height: 100%; }
.frame .left-right::after { top: 0; right: 0; width: 30px; height: 100%; }

/* Responsive */
@media only screen and (max-width: 1666px) {
  .posts-wrapper { width: 60%; }
  .sidebar-wrap { width: 25%; }
}
@media only screen and (max-width: 1280px) {
  .site-logo { max-width: 80%; font-size: 0.6em; }
}
@media only screen and (max-width: 959px) {
  .site-logo { font-size: 0.4em; }
  .posts-wrapper, .sidebar-wrap { width: 80%; padding: 10%; }
  .navigation-wrap { right: 0; margin: 0 30px; width: auto; height: 100%; }
  .navigation-wrap .navigation-main { padding: 90px; }
  .navigation-wrap .navigation-main ul > li { width: 100%; }
  .navigation-wrap .navigation-main ul > li a { margin: 0; }
  body.navigation-visible { overflow-y: hidden; }
  article.hentry .entry-title { font-size: 2.5em; }
  article.hentry .entry-header span.date { margin-top: -15px; }
  .sidebar-wrap { margin-top: 0; background: #f0f0f0; }
}
@media only screen and (max-width: 783px) {
  body { padding-top: 0; }
  .site-logo { font-size: 0.3em; }
  .navigation-wrap { margin: 0 15px; }
  .navigation-wrap .navigation-main { padding: 90px 60px; }
  .navigation-wrap .navigation-main ul > li a { padding-bottom: 5px; }
  .navigation-trigger { margin: 30px; }
  .pagination .prev, .pagination .next { width: 100%; }
  .pagination a, .pagination span { padding: 15px 0; width: 100%; text-align: center; }
  .pagination .page-numbers, .pagination .current { display: none; }
  .pagination a.prev, .pagination a.next { display: block; }
  .frame .top-bottom::before, .frame .top-bottom::after { height: 15px; }
  .frame .left-right::before, .frame .left-right::after { width: 15px; }
}
@media only screen and (max-width: 600px) {
  .site-logo { font-size: 0.2em; }
}