html, body {
padding: 0;
margin: 0;
font-family: "Lato", sans-serif;
background-color: #FFFFF8; }
body {
top: 0 !important; }
body > .skiptranslate,
.goog-te-banner-frame.skiptranslate,
iframe.VIpgJd-ZVi9od-ORHb-OEVmcd {
display: none !important; }
@media (min-width: 1367px) and (max-width: 1440px) {
.menu-wraper {
position: relative;
left: 6%; } }
@media (min-width: 1441px) and (max-width: 1680px) {
.workspace-page .header .header-nav .logo {
gap: 10px;
margin-left: 5px;
color: var(--workspace-ink);
text-decoration: none;
margin: 0 20px; }
.header .header-nav .logo {
display: flex;
align-items: center;
gap: 12px;
margin: 0px; }
.menu-wraper {
position: relative;
left: 0; }
html[lang="el"] .header .header-nav .logo {
margin-right: 45px;
margin-left: 0px; } }
:root {
--add-record-bar-height: 42px;
--header-height: 58px;
--header-content-gap: 20px;
--page-top-offset: calc(var(--add-record-bar-height) + var(--header-height) + var(--header-content-gap)); }
.no-entries {
text-align: center;
margin-top: 2rem;
margin-right: 125px;
color: #2f2f2f; }
@media (max-width: 1366px) {
.no-entries {
text-align: center;
margin-top: 2rem;
margin-right: 0;
color: #2f2f2f;
margin-left: 15px; } }
* {
box-sizing: border-box; }
p, li {
line-height: 25px; }
p strong, p b {
color: #7d7d7d !important; }
h1 b, h1 strong, h2 b, h2 strong, h3 b, h3 strong, h4 b, h4 strong, h5 b, h5 strong, h6 b, h6 strong {
color: #6b6b6b !important; }
.header {
padding: 15px;
background-color: #333;
background-color: #bc9346;
background-color: #ab853e;
position: fixed;
top: var(--add-record-bar-height);
width: 100%;
z-index: 100;
-webkit-box-shadow: 2px -1px 15px 5px rgba(0, 0, 0, 0.31);
box-shadow: 2px -1px 15px 5px rgba(0, 0, 0, 0.31); }
.header .header-nav {
display: flex;
justify-content: space-between;
align-items: center;
position: relative; }
.header .header-nav .logo {
display: flex;
align-items: center;
gap: 12px;
margin: 0 80px; }
.header .header-nav .logo .logo-icon {
width: 38px;
height: 38px;
object-fit: contain; }
.header .header-nav .logo p {
font-family: "Tangerine", cursive;
font-weight: 400;
font-style: normal;
font-size: 45px;
margin: 0;
line-height: 30px;
color: white;
white-space: nowrap; }
.header .header-nav .menu-toggle,
.header .header-nav .hamburger,
.header .header-nav .sidebar-toggle {
display: none; }
.header .header-nav .sr-only {
position: absolute;
width: 1px;
height: 1px;
padding: 0;
margin: -1px;
overflow: hidden;
clip: rect(0, 0, 0, 0);
white-space: nowrap;
border: 0; }
.header .header-nav .header-menu {
display: flex;
justify-content: center;
list-style: none;
padding: 0;
margin: 0;
position: relative; }
.header .header-nav .header-menu li a:link, .header .header-nav .header-menu li a:visited {
text-decoration: none;
font-size: 18px;
color: #333;
text-transform: uppercase;
color: whitesmoke; }
.header .header-nav .header-menu li a:link:hover, .header .header-nav .header-menu li a:visited:hover {
color: white; }
.header .header-nav .header-menu li:not(:last-of-type) {
margin-right: 40px; }
.header .header-nav .logout {
position: absolute;
top: 50%;
right: 30px;
transform: translateY(-50%); }
.header .header-nav .logout a {
padding: 5px 20px 10px 20px;
text-decoration: none;
border-radius: 4px;
color: white; }
.header .header-nav .logout a i {
font-size: 30px;
color: white;
transition: all .4s; }
.header .header-nav .logout a i:hover {
font-size: 31px; }
.grid {
display: flex;
min-height: calc(100dvh - var(--page-top-offset));
margin-top: var(--page-top-offset);
align-items: stretch; }
.grid-left {
width: 20%;
min-height: calc(100dvh - var(--page-top-offset));
background-color: #008cff;
background-color: #5c5c5c;
position: fixed;
top: 0;
bottom: 0;
left: 0;
overflow-y: auto;
color: white; }
.grid-left .menu-navigator {
position: sticky;
top: 160px;
width: 94%;
margin: 0 auto;
margin-left: 20px;
height: 78vh;
overflow-y: auto; }
.grid-left .menu-navigator .language-selector {
width: 90%;
margin: 0 auto 0 auto;
padding: 0;
position: relative;
top: 20px; }
.grid-left .menu-navigator .language-selector p {
margin: 0 0 8px;
color: #eaaa31;
font-size: 17px;
font-weight: bold; }
.grid-left .menu-navigator .language-selector .goog-te-gadget {
color: white; }
.grid-left .menu-navigator .language-selector .goog-te-combo {
width: 100%;
max-width: 220px;
min-height: 20px;
margin: 0;
padding: 5px;
border: 1px solid rgba(255, 255, 255, 0.35);
border-radius: 6px;
background-color: white;
color: #333;
font: inherit; }
.grid-left .menu-navigator a {
font-size: 18px; }
.grid-left .menu-navigator a:hover {
text-decoration: none !important; }
.grid-left .categories {
width: 90%;
margin: 0 auto;
padding: 0;
list-style: none;
margin-top: 50px;
font-size: 17px; }
.grid-left .categories h2 {
color: #008cff;
color: white;
color: #eaaa31; }
.grid-left .categories li {
margin-bottom: 5px;
margin-left: 10px; }
.grid-left .categories li a:link, .grid-left .categories li a:visited {
text-decoration: none;
color: #008cff;
color: white;
font-weight: bold; }
.grid-left .categories li a:link:hover, .grid-left .categories li a:visited:hover {
color: #eaaa31; }
.grid-left .categories .sub-categories {
list-style: none;
padding: 0; }
.grid-left .categories .sub-categories li {
margin-bottom: 5px;
margin-left: 10px; }
.grid-left .categories .sub-categories li a:link, .grid-left .categories .sub-categories li a:visited {
text-decoration: none;
color: white; }
.grid-left .categories .sub-categories li a:link:hover, .grid-left .categories .sub-categories li a:visited:hover {
color: #eaaa31 !important; }
.grid-left .tags {
width: 90%;
margin: 0 auto;
padding: 0;
list-style: none;
margin-top: 25px;
font-size: 17px; }
.grid-left .tags h2 {
color: #eaaa31; }
.grid-left .tags .tags-wraper {
display: flex;
justify-content: flex-start;
flex-wrap: wrap;
width: 90%;
margin-left: 10px;
margin-top: 30px; }
.grid-left .tags .tags-wraper li {
margin-bottom: 25px; }
.grid-left .tags .tags-wraper li a {
color: white;
text-decoration: none;
padding: 10px;
background-color: #bc9346;
font-size: 14px;
border-radius: 8px; }
.grid-left .tags .tags-wraper li a:hover {
background-color: #987637; }
.grid-left .tags .tags-wraper li:not(:last-of-type) {
margin-right: 5px; }
.grid-right {
position: relative;
width: 80%;
margin-left: 20%; }
.grid-right-wraper {
width: 80%;
margin: 0 auto;
margin-left: 0 auto;
padding: 40px 0 80px 0; }
.grid-right-wraper h1, .grid-right-wraper h2, .grid-right-wraper h3, .grid-right-wraper h4 {
font-weight: 300;
color: #2f2f2f; }
.grid-right-wraper .post-type-title {
text-align: center;
margin-right: 150px;
font-weight: 300; }
.grid-right-wraper .article-title {
text-align: center;
margin-right: 150px;
font-weight: 300;
margin-bottom: 40px; }
.grid-right-wraper .preview {
display: flex;
justify-content: space-evenly; }
.grid-right-wraper .preview:not(:last-of-type) {
margin-bottom: 40px; }
.grid-right-wraper .preview .icon {
align-self: center; }
.grid-right-wraper .preview .icon i {
font-size: 100px;
color: #616161;
margin-right: 50px; }
.grid-right-wraper .preview .content h2 {
margin-bottom: 0;
font-weight: 300;
font-size: 23px; }
.grid-right-wraper .preview .content p {
margin: 5px 0 10px 0;
font-size: 17px;
font-weight: 300;
font-size: 19px;
width: 85%;
color: #4e4e4e; }
.grid-right-wraper .preview .content .view-single-btn:link, .grid-right-wraper .preview .content .view-single-btn:visited {
background-color: #008cff;
background-color: #5c5c5c;
background-color: #bc9346;
color: white;
padding: 10px 20px;
border-radius: 8px;
transition: all .4s;
text-decoration: none;
display: inline-block; }
.grid-right-wraper .preview .content .view-single-btn:link:hover, .grid-right-wraper .preview .content .view-single-btn:visited:hover {
background-color: #0070cc;
background-color: royalblue;
background-color: #333;
background-color: #987637; }
html[lang="el"] .header .header-nav .header-menu {
flex-wrap: wrap;
row-gap: 8px; }
html[lang="el"] .header .header-nav .header-menu li a:link,
html[lang="el"] .header .header-nav .header-menu li a:visited {
font-size: 18px;
white-space: normal; }
html[lang="el"] .header .header-nav .header-menu li:not(:last-of-type) {
margin-right: 5px; }
html[lang="el"] .grid-left {
width: 20%; }
html[lang="el"] .grid-left .categories,
html[lang="el"] .grid-left .tags {
overflow-wrap: anywhere; }
html[lang="el"] .grid-right {
width: 80%;
margin-left: 20%; }
html[lang="el"] .grid-right .view-single-btn {
white-space: normal; }
html[lang="el"] .grid-right-wraper .preview .content p {
margin: 5px 0 10px 0;
font-size: 17px;
font-weight: 300;
font-size: 19px;
width: 90%;
color: #4e4e4e; }
@media (max-width: 500px) {
html[lang="el"] .grid-right-wraper .preview .content p {
margin: 0 auto 14px;
font-size: 17px;
line-height: 1.55;
height: 135px;
overflow-y: hidden;
width: 90%; } }
.pagination {
text-align: center;
margin: 30px 0; }
.pagination a,
.pagination span {
display: inline-block;
margin: 0 4px;
padding: 8px 12px;
border: 1px solid #ccc;
color: #333;
text-decoration: none;
border-radius: 4px;
font-size: 14px;
transition: background-color 0.2s ease; }
.pagination a:hover {
background-color: #bc9346;
color: white;
border-color: #ffa200; }
.pagination .current {
background-color: #333;
color: white;
font-weight: bold;
border-color: #ffa200;
background-color: #bc9346; }
/* end pagination */
.article-content {
font-weight: 300;
width: 85%; }
.article-content img {
max-width: 100%;
height: auto;
aspect-ratio: auto !important;
object-fit: contain; }
.article-content .media {
max-width: 100%;
margin: 24px auto; }
.article-content .media iframe {
max-width: 100%;
border: 0; }
.article-content h2, .article-content h3, .article-content h4, .article-content h5, .article-content h6, .article-content p {
font-weight: 300;
color: #4e4e4e; }
.article-content p, .article-content li, .article-content ol, .article-content ul {
font-size: 19px; }
.article-content li {
font-weight: 300;
color: #4e4e4e; }
.article-content a:link, .article-content a:visited {
color: #414141; }
.edit-record-btn,
.edit-record-btn:link,
.edit-record-btn:visited {
position: absolute;
top: 32px;
right: 10%;
padding: 8px;
color: #777;
background: transparent;
text-decoration: none;
font-size: 24px; }
@media (max-width: 700px) {
.edit-record-btn,
.edit-record-btn:link,
.edit-record-btn:visited {
position: absolute;
top: -10px;
right: 1%;
padding: 8px;
color: #777;
background: transparent;
text-decoration: none;
font-size: 24px; } }
.edit-record-btn:hover,
.edit-record-btn:focus-visible {
color: #4e4e4e;
background: transparent; }
.swot-analysis h2 {
margin-right: 45px; }
.swot-analysis-wraper {
display: grid;
width: 95%;
margin: 0 auto;
margin-right: 265px;
grid-template-columns: 1fr 1fr;
grid-template-rows: 1fr 1fr;
margin-top: 40px;
margin-bottom: 40px; }
.swot-analysis-wraper .swot-box .center {
text-align: center; }
.swot-analysis-wraper .swot-box-content {
margin: 20px; }
.swot-analysis-wraper .border-right {
border-right: 0.5px solid #333; }
.swot-analysis-wraper .border-bottom {
border-bottom: 0.5px solid #333; }
.main-login {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
height: 85vh; }
.main-login h1 {
text-align: center;
font-family: "Arizonia", cursive;
text-align: center;
font-weight: 300;
color: #474747; }
.login-logo {
margin-bottom: 20px; }
.login-logo i {
color: #daa544;
color: #af7d23;
font-size: 100px; }
.login-form {
width: 50%;
text-align: center; }
.login-form .form-group {
width: 50%;
margin: 0 auto; }
.login-form .form-group .form-control {
margin: 10px;
width: 100%;
padding: 10px;
margin-bottom: 10px; }
.login-form .btn.btn-primary {
background-color: #c48d27;
color: white;
padding: 10px 20px;
transition: all .4s;
border-radius: 8px;
border: none;
margin-top: 10px; }
.login-form .btn.btn-primary:hover {
background-color: #af7d23; }
.auth-page {
min-height: 100dvh;
color: #24211c;
background: #f6f2e9; }
.register-shell {
display: grid;
grid-template-columns: minmax(300px, 0.9fr) minmax(540px, 1.1fr);
min-height: 100dvh; }
.register-intro {
display: flex;
flex-direction: column;
justify-content: space-between;
position: relative;
overflow: hidden;
padding: clamp(32px, 5vw, 72px);
color: white;
background: linear-gradient(145deg, #27241f 0%, #463a28 100%); }
.register-intro::after {
content: "";
position: absolute;
right: -150px;
bottom: -190px;
width: 430px;
height: 430px;
border: 1px solid rgba(234, 170, 49, 0.35);
border-radius: 50%;
box-shadow: 0 0 0 65px rgba(234, 170, 49, 0.05), 0 0 0 130px rgba(234, 170, 49, 0.035); }
.register-intro > * {
position: relative;
z-index: 1; }
.register-intro h1 {
max-width: 620px;
margin: 10px 0 22px;
font-size: clamp(40px, 5vw, 72px);
line-height: 1.04;
letter-spacing: -.04em; }
.register-intro p {
max-width: 540px;
color: rgba(255, 255, 255, 0.72);
font-size: 18px;
line-height: 1.65; }
.register-brand {
display: inline-flex;
align-items: center;
align-self: flex-start;
gap: 13px;
color: white;
text-decoration: none; }
.register-brand img {
width: 42px;
height: 42px;
object-fit: contain; }
.register-brand span {
font-family: "Tangerine", cursive;
font-weight: 400;
font-style: normal;
font-size: 45px; }
.register-intro .register-eyebrow,
.register-kicker {
margin: 0;
color: #d7aa55;
font-size: 12px;
font-weight: 900;
letter-spacing: .16em;
text-transform: uppercase; }
.register-panel {
display: grid;
place-items: center;
padding: 48px clamp(28px, 6vw, 96px); }
.register-card {
width: min(100%, 640px); }
.register-card header {
margin-bottom: 26px; }
.register-card header h2 {
margin: 7px 0 5px;
color: #27241f;
font-size: clamp(30px, 3vw, 42px);
letter-spacing: -.025em; }
.register-card header > p:last-child {
margin: 0;
color: #777067; }
.google-button {
display: flex;
align-items: center;
justify-content: center;
gap: 12px;
min-height: 50px;
border: 1px solid #d5cec1;
border-radius: 10px;
color: #302d28;
background: white;
font-weight: 700;
text-decoration: none;
transition: border-color .2s, box-shadow .2s, transform .2s; }
.google-button svg {
width: 22px;
height: 22px; }
.google-button:hover {
border-color: #a99c88;
box-shadow: 0 5px 18px rgba(45, 39, 29, 0.08);
transform: translateY(-1px); }
.google-button.is-disabled {
opacity: .62; }
.google-note,
.auth-help {
margin: 6px 0 0;
color: #7b756c;
font-size: 12px;
line-height: 1.4; }
.google-note {
text-align: center; }
.auth-divider {
display: flex;
align-items: center;
gap: 14px;
margin: 22px 0;
color: #898176;
font-size: 12px; }
.auth-divider::before, .auth-divider::after {
content: "";
flex: 1;
height: 1px;
background: #ddd6c9; }
.register-grid {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 17px 18px; }
.auth-field label {
display: block;
margin-bottom: 7px;
color: #423e37;
font-size: 13px;
font-weight: 700; }
.auth-field .auth-input {
width: 100%;
min-height: 48px;
padding: 11px 13px;
border: 1px solid #d5cec1;
border-radius: 8px;
outline: none;
color: #292621;
background: rgba(255, 255, 255, 0.82);
font: inherit;
transition: border-color .2s, box-shadow .2s; }
.auth-field .auth-input:focus {
border-color: #b17c21;
box-shadow: 0 0 0 3px rgba(177, 124, 33, 0.13); }
.auth-field.has-error .auth-input {
border-color: #a84444; }
.auth-error {
margin-top: 5px;
color: #9d3030;
font-size: 12px;
line-height: 1.35; }
.auth-alert {
margin: 0 0 16px;
padding: 11px 13px;
border-left: 3px solid #a84444;
border-radius: 5px;
color: #7b2828;
background: #faeaea;
font-size: 13px; }
.auth-alert ul {
margin: 0;
padding-left: 18px; }
.register-submit {
width: 100%;
min-height: 50px;
margin-top: 22px;
border: 0;
border-radius: 9px;
color: white;
background: #a56e12;
font: inherit;
font-weight: 900;
cursor: pointer;
transition: background .2s, transform .2s; }
.register-submit:hover {
background: #875708;
transform: translateY(-1px); }
.auth-switch {
margin: 20px 0 0;
color: #6d675e;
font-size: 14px;
text-align: center; }
.auth-switch a {
color: #865708;
font-weight: 900; }
.login-shell {
grid-template-columns: minmax(340px, 1fr) minmax(480px, 1fr); }
.login-intro h1 {
max-width: 680px; }
.login-card {
width: min(100%, 500px); }
.login-form-modern {
display: grid;
gap: 18px; }
.login-form-modern .register-submit {
margin-top: 4px; }
.login-divider {
height: 1px;
margin-top: 26px;
background: #ddd6c9; }
.auth-alert-success {
border-left-color: #568657;
color: #315d32;
background: #edf6ed; }
@media (max-width: 900px) {
.register-shell {
grid-template-columns: 1fr; }
.register-intro {
min-height: auto;
padding: 24px clamp(20px, 6vw, 48px) 30px; }
.register-intro > div:last-child {
margin-top: 42px; }
.register-intro h1 {
max-width: 700px;
margin-bottom: 12px;
font-size: clamp(34px, 8vw, 54px); }
.register-intro p {
margin-bottom: 0;
font-size: 16px; }
.register-panel {
padding: 38px clamp(20px, 6vw, 48px) 50px; }
.login-shell {
grid-template-columns: 1fr; } }
@media (max-width: 560px) {
.register-intro h1 {
font-size: 34px; }
.register-intro > div:last-child {
margin-top: 30px; }
.register-panel {
display: block;
padding: 32px 18px 44px; }
.register-grid {
grid-template-columns: 1fr;
gap: 15px; }
.register-card header {
margin-bottom: 22px; } }
.add-record-bar {
display: flex;
position: fixed;
top: 0;
right: 0;
left: 0;
z-index: 10000;
justify-content: space-between;
height: var(--add-record-bar-height);
padding: 0 30px;
background: #eaaa31;
background-color: #856830; }
.record-search-form {
display: flex;
align-items: center;
width: min(420px, 45vw);
margin-right: 12px;
align-self: center; }
.record-search-form label {
position: absolute;
width: 1px;
height: 1px;
padding: 0;
margin: -1px;
overflow: hidden;
clip: rect(0, 0, 0, 0);
white-space: nowrap;
border: 0; }
.record-search-form input {
min-width: 0;
width: 100%;
height: 30px;
padding: 0 38px 0 11px;
border: 1px solid rgba(255, 255, 255, 0.45);
border-radius: 4px;
outline: none;
color: #333;
background: #fff;
font: inherit; }
.record-search-form input:focus {
border-color: #fff;
box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.25); }
.record-search-form button {
width: 38px;
height: 30px;
margin-left: -38px;
border: 0;
color: #5b5b5b;
background: transparent;
cursor: pointer; }
.add-record-menu {
position: relative; }
.header-nav > .language-selector {
display: flex;
position: absolute;
top: 50%;
right: 5px;
z-index: 3;
align-items: center;
height: 36px;
transform: translateY(-50%); }
.header-nav > .language-selector .language-flags {
display: flex;
align-items: center;
gap: 4px;
padding: 3px;
border: 1px solid #ded5c8;
border-radius: 9px;
background: #f7f2ea; }
.header-nav > .language-selector .language-flag {
display: grid;
width: 34px;
height: 30px;
padding: 0;
place-items: center;
border: 1px solid transparent;
border-radius: 6px;
background: transparent;
cursor: pointer;
font-size: 19px;
line-height: 1; }
.header-nav > .language-selector .language-flag:hover, .header-nav > .language-selector .language-flag:focus-visible {
outline: none;
background: #ebe2d5; }
.header-nav > .language-selector .language-flag.is-active {
border-color: #d7aa55;
background: #f3e5c9;
box-shadow: inset 0 0 0 1px rgba(215, 170, 85, 0.18); }
.header-nav > .language-selector .language-flag:disabled {
cursor: wait;
opacity: .5; }
.header-nav > .language-selector #google_translate_element {
position: absolute;
width: 1px;
height: 1px;
overflow: hidden;
clip: rect(0, 0, 0, 0);
clip-path: inset(50%);
white-space: nowrap; }
.add-record-button {
display: flex;
align-items: center;
gap: 9px;
height: 42px;
padding: 0 14px;
border: 0;
color: white;
background: transparent;
cursor: pointer;
font-family: inherit;
font-size: 15px;
font-weight: 700; }
.add-record-button:hover, .add-record-button:focus-visible, .add-record-button[aria-expanded="true"] {
outline: none;
background: #5b5b5b; }
.add-record-button .fa-plus {
display: grid;
width: 22px;
height: 22px;
place-items: center;
border: 2px solid #fff;
border-radius: 50%;
font-size: 12px; }
.add-record-chevron {
font-size: 11px;
transition: transform .2s ease; }
[aria-expanded="true"] .add-record-chevron {
transform: rotate(180deg); }
.add-record-dropdown {
position: absolute;
z-index: 120;
top: calc(100% + 7px);
right: 0;
width: 220px;
margin: 0;
padding: 7px 0;
list-style: none;
border: 1px solid #696969;
border-radius: 4px;
background: #484848;
box-shadow: 0 9px 24px rgba(0, 0, 0, 0.35); }
.add-record-dropdown[hidden] {
display: none; }
.add-record-dropdown li {
margin: 0; }
.add-record-dropdown a,
.add-record-dropdown a:link,
.add-record-dropdown a:visited {
display: block;
padding: 10px 16px;
color: white;
text-decoration: none; }
.add-record-dropdown a:hover,
.add-record-dropdown a:focus-visible {
outline: none;
color: white;
background: #606060; }
@media (max-width: 1366px) {
.add-record-bar {
padding: 0 16px; }
.add-record-dropdown {
width: min(280px, calc(100vw - 32px)); } }
@media (max-width: 700px) {
.add-record-bar {
gap: 5px;
padding: 0 8px; }
.record-search-form {
flex: 1;
width: auto;
margin-right: 4px; }
.add-record-button {
flex: 0 0 auto;
padding: 0 9px; }
.add-record-button span,
.add-record-button .add-record-chevron {
display: none; }
.add-record-dropdown {
position: fixed;
top: calc(var(--add-record-bar-height) + 6px);
right: 12px;
left: 12px;
width: auto; } }
.record-form-page {
width: 70%;
margin: 150px auto 40px; }
.record-form-card {
width: 100%;
padding: 42px clamp(24px, 6vw, 72px);
border-radius: 8px;
background: #fff;
box-shadow: 0 4px 18px rgba(0, 0, 0, 0.12); }
.record-form-card h1,
.record-form-card .form-intro {
text-align: center; }
.form-intro {
margin-bottom: 32px;
color: #666; }
.record-form {
display: flex;
flex-direction: column;
align-items: stretch;
width: 100%;
margin: 0 auto; }
.form-field {
display: flex;
flex-direction: column;
width: 100%;
margin: 0 0 24px; }
.form-field input:not([type="checkbox"]):not([type="radio"]),
.form-field select,
.form-field textarea {
display: block;
width: 100%;
min-height: 48px;
padding: 12px 14px;
border: 1px solid #aaa;
border-radius: 5px;
background: #fff;
font: inherit; }
.form-field select[multiple] {
min-height: 150px;
padding: 6px; }
.form-field select[multiple] option {
padding: 8px 10px; }
.form-field textarea {
min-height: 150px;
resize: vertical; }
.form-field input:focus,
.form-field select:focus,
.form-field textarea:focus {
border-color: #a16900;
outline: 2px solid rgba(161, 105, 0, 0.2); }
.form-field small {
display: block;
width: 100%;
margin-top: 7px;
color: #666;
line-height: 1.45; }
.form-field .errorlist {
width: 100%;
margin: 7px 0 0;
padding-left: 20px;
color: #a40000; }
.form-field .ck-editor,
.form-field .django-ckeditor-widget {
width: 100% !important; }
.form-field > div:has(.tag-choice-input) {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
gap: 10px;
width: 100%; }
.form-field > div:has(.tag-choice-input) > div {
min-width: 0; }
.form-field > div:has(.tag-choice-input) label {
display: flex;
align-items: center;
gap: 10px;
min-height: 48px;
padding: 10px 12px;
border: 1px solid #aaa;
border-radius: 5px;
background: #fff;
cursor: pointer;
overflow-wrap: anywhere; }
.form-field > div:has(.tag-choice-input) label:has(input:checked) {
border-color: #a16900;
background: rgba(161, 105, 0, 0.1); }
.form-field > div:has(.tag-choice-input) input[type="checkbox"] {
flex: 0 0 auto;
width: 22px;
height: 22px;
margin: 0;
accent-color: #a16900; }
.form-errors {
margin-bottom: 20px;
color: #a40000; }
.form-submit {
align-self: center;
min-width: 190px;
padding: 13px 24px;
border: 0;
border-radius: 5px;
color: white;
background: #bc9346;
cursor: pointer;
font-size: 16px;
transition: all .8s; }
.form-submit:hover,
.form-submit:focus-visible {
background: #a16900;
background-color: #987637; }
.form-actions {
display: flex;
justify-content: center;
flex-wrap: wrap;
gap: 12px; }
.form-delete {
min-width: 190px;
padding: 13px 24px;
border: 0;
border-radius: 5px;
color: white;
background: #9e4646;
cursor: pointer;
font-size: 16px;
transition: all .8s; }
.form-delete:hover,
.form-delete:focus-visible {
background-color: #7b3636; }
@media (max-width: 700px) {
.record-form-page {
width: 85%;
margin: 135px auto 40px auto; }
.record-form-card {
padding: 28px 18px; }
.form-field > div:has(.tag-choice-input) {
grid-template-columns: 1fr; } }
@media (max-width: 500px) {
.record-form-page {
width: 95%;
margin: 135px auto 40px auto; } }
@media (max-width: 1366px) {
:root {
--header-height: 60px;
--header-content-gap: 14px; }
html,
body {
max-width: 100%;
overflow-x: hidden; }
img,
video,
iframe,
table {
max-width: 100%; }
img,
video {
height: auto; }
.header {
padding: 10px 16px; }
.header .header-nav {
display: flex;
justify-content: center;
min-height: 40px;
padding: 0 52px 0 96px; }
.header .header-nav .logo {
justify-content: center;
gap: 9px;
margin: 0; }
.header .header-nav .logo .logo-icon {
display: block;
width: 34px;
height: 34px; }
.header .header-nav .logo p {
margin: 0;
font-size: 30px; }
.header .header-nav .menu-wraper {
position: absolute;
top: calc(100% + 10px);
left: -16px;
width: calc(100% + 32px);
max-height: 0;
overflow: hidden;
visibility: hidden;
opacity: 0;
background-color: #c39e59;
box-shadow: 0 8px 12px rgba(0, 0, 0, 0.24);
transition: max-height .35s ease, opacity .25s ease, visibility 0s linear .35s; }
.header .header-nav .header-menu {
display: block;
width: 100%;
padding: 8px 0; }
.header .header-nav .header-menu li:not(:last-of-type) {
margin-right: 0; }
.header .header-nav .header-menu li a:link,
.header .header-nav .header-menu li a:visited {
display: block;
padding: 12px 24px;
font-size: 16px;
text-align: center; }
.header .header-nav .header-menu li a:hover,
.header .header-nav .header-menu li a:focus-visible {
background-color: rgba(255, 255, 255, 0.12); }
.header .header-nav .menu-toggle {
position: absolute;
width: 1px;
height: 1px;
opacity: 0; }
.header .header-nav .hamburger {
display: flex;
position: absolute;
top: 50%;
left: 0;
flex-direction: column;
justify-content: center;
gap: 5px;
width: 40px;
height: 40px;
padding: 8px;
border-radius: 4px;
cursor: pointer;
transform: translateY(-50%); }
.header .header-nav .hamburger span:not(.sr-only) {
display: block;
width: 100%;
height: 2px;
background: white;
transition: transform .2s ease, opacity .2s ease; }
.header .header-nav .sidebar-toggle {
display: flex;
position: absolute;
top: 50%;
left: 44px;
z-index: 2;
flex-direction: column;
justify-content: center;
gap: 5px;
width: 40px;
height: 40px;
padding: 8px;
border: 0;
border-radius: 4px;
background: transparent;
cursor: pointer;
transform: translateY(-50%); }
.header .header-nav .sidebar-toggle span {
display: block;
width: 100%;
height: 2px;
background: white;
transition: transform .25s ease, opacity .2s ease; }
.header .header-nav .sidebar-toggle:focus-visible {
outline: 2px solid white;
outline-offset: 2px; }
.header .header-nav .menu-toggle:focus-visible + .hamburger {
outline: 2px solid white;
outline-offset: 2px; }
.header .header-nav .menu-toggle:checked + .hamburger span:not(.sr-only):nth-of-type(2) {
transform: translateY(7px) rotate(45deg); }
.header .header-nav .menu-toggle:checked + .hamburger span:not(.sr-only):nth-of-type(3) {
opacity: 0; }
.header .header-nav .menu-toggle:checked + .hamburger span:not(.sr-only):nth-of-type(4) {
transform: translateY(-7px) rotate(-45deg); }
.header .header-nav .menu-toggle:checked ~ .menu-wraper {
max-height: calc(100dvh - var(--add-record-bar-height) - var(--header-height));
overflow-y: auto;
visibility: visible;
opacity: 1;
transition: max-height .35s ease, opacity .25s ease, visibility 0s; }
.header .header-nav .logout {
top: 50%;
right: 0;
transform: translateY(-50%); }
.header .header-nav .logout a {
padding: 6px 8px; }
.header .header-nav .logout a i {
font-size: 25px; }
.grid {
margin-top: var(--page-top-offset); }
.grid-left {
display: block;
position: fixed;
inset: 0;
z-index: 10020;
width: 100%;
height: 100dvh;
overflow-y: auto;
overscroll-behavior: contain;
padding: 72px 20px 40px;
visibility: hidden;
transform: translateX(-100%);
transition: transform .35s ease, visibility 0s linear .35s; }
.grid-left .menu-navigator {
position: static;
width: min(100%, 620px);
margin: 0 auto; }
.grid-left .menu-navigator .language-selector {
width: 100%;
padding: 10px 0 20px 0; }
.grid-left .categories,
.grid-left .tags {
width: 100%;
margin-right: 0;
margin-left: 0; }
.grid-left .categories {
margin-top: 0; }
.grid-right {
width: 100%;
margin-left: 0; }
.grid-right-wraper {
width: min(92%, 1080px);
margin: 0 auto;
padding: 40px 0 64px; }
.grid-right-wraper .post-type-title,
.grid-right-wraper .article-title {
margin-right: 0; }
.grid-right-wraper .preview {
justify-content: flex-start; }
.grid-right-wraper .preview .icon i {
margin-right: 32px; }
.grid-right-wraper .preview .content {
min-width: 0; }
.grid-right-wraper .preview .content p {
width: 100%; }
html[lang="el"] .grid-left, html[lang="el"] .grid-right {
width: 100%;
margin-left: 0; }
.article-content {
width: 100%; }
.article-content pre,
.article-content table {
display: block;
max-width: 100%;
overflow-x: auto; }
.article-content code,
.article-content pre,
.article-content p,
.article-content li,
.article-content a {
overflow-wrap: anywhere; }
.swot-analysis > h2[style] {
margin-right: 0 !important; }
.swot-analysis-wraper {
width: 100%;
margin: 32px 0; }
.login-form {
width: min(80%, 520px); }
.login-form .form-group {
width: 100%; }
body.sidebar-open {
overflow: hidden; }
body.sidebar-open .header {
z-index: 10030;
background: transparent;
box-shadow: none;
-webkit-backdrop-filter: none;
backdrop-filter: none;
pointer-events: none; }
body.sidebar-open .header .logo,
body.sidebar-open .header .hamburger,
body.sidebar-open .header .logout,
body.sidebar-open .header .language-selector,
body.sidebar-open .header .menu-wraper {
visibility: hidden; }
body.sidebar-open .header .header-nav .sidebar-toggle {
position: fixed;
top: 20px;
left: 16px;
z-index: 10040;
visibility: visible;
pointer-events: auto; }
body.sidebar-open .header .header-nav .sidebar-toggle span:nth-child(1) {
transform: translateY(7px) rotate(45deg); }
body.sidebar-open .header .header-nav .sidebar-toggle span:nth-child(2) {
opacity: 0; }
body.sidebar-open .header .header-nav .sidebar-toggle span:nth-child(3) {
transform: translateY(-7px) rotate(-45deg); }
body.sidebar-open .grid-left {
padding-top: 84px;
visibility: visible;
transform: translateX(0);
transition: transform .35s ease, visibility 0s; }
body.sidebar-open .grid-left .categories > h2 {
display: block;
width: 100%;
margin: 0 0 16px;
padding: 0 0 10px;
border-bottom: 1px solid rgba(255, 255, 255, 0.16);
color: #d8d0c4;
font-size: 13px;
line-height: 1.35;
letter-spacing: .1em;
text-align: left;
text-transform: uppercase; } }
@media (max-width: 500px) {
body.sidebar-open .header .header-nav .sidebar-toggle {
position: fixed;
top: 50px;
left: 16px;
z-index: 10040;
visibility: visible;
pointer-events: auto; } }
@media (max-width: 700px) {
:root {
--header-height: 54px; }
.header {
padding: 8px 12px; }
.header .header-nav {
min-height: 38px;
padding: 0 40px 0 82px; }
.header .header-nav .logo {
gap: 7px;
position: relative;
right: 5px; }
.header .header-nav .logo .logo-icon {
width: 30px;
height: 30px; }
.header .header-nav .logo p {
font-size: 25px;
line-height: 30px; }
.header .header-nav .menu-wraper {
top: calc(100% + 8px);
left: -12px;
width: calc(100% + 24px); }
.header .header-nav .hamburger {
left: -4px; }
.header .header-nav .sidebar-toggle {
left: 36px; }
.header .header-nav .logout {
top: 50%;
right: -4px;
transform: translateY(-50%); }
.grid {
min-height: calc(100vh - 54px);
margin-top: var(--page-top-offset); }
.grid-right-wraper {
width: 100%;
padding: 28px 30px 48px; }
.grid-right-wraper .post-type-title,
.grid-right-wraper .article-title {
margin: 0 0 28px;
font-size: 29px;
line-height: 1.2; }
.grid-right-wraper .preview {
flex-direction: column;
align-items: center;
padding-bottom: 32px;
text-align: center; }
.grid-right-wraper .preview:not(:last-of-type) {
margin-bottom: 28px;
border-bottom: 1px solid #e5e5e5; }
.grid-right-wraper .preview .icon i {
margin: 0 0 10px;
font-size: 54px; }
.grid-right-wraper .preview .content {
width: 100%; }
.grid-right-wraper .preview .content h2 {
margin: 4px 0 10px;
font-size: 22px;
line-height: 1.3; }
.grid-right-wraper .preview .content p {
margin: 0 auto 14px;
font-size: 17px;
line-height: 1.55;
height: 135px;
overflow-y: hidden;
width: 90%; }
.grid-right-wraper .preview .content .view-single-btn:link,
.grid-right-wraper .preview .content .view-single-btn:visited {
min-height: 44px;
padding: 11px 20px; }
.article-content h2 {
font-size: 22px;
line-height: 1.3; }
.article-content h3 {
font-size: 19px; }
.article-content p,
.article-content li,
.article-content ol,
.article-content ul {
font-size: 17px;
line-height: 1.6; }
.article-content ul,
.article-content ol {
padding-left: 24px; }
.swot-analysis-wraper {
grid-template-columns: 1fr;
grid-template-rows: auto; }
.swot-analysis-wraper .swot-box {
padding: 8px 0 20px;
border-right: 0;
border-bottom: 1px solid #aaa; }
.swot-analysis-wraper .swot-box:last-child {
border-bottom: 0; }
.swot-analysis-wraper .swot-box-content {
min-height: 0;
margin: 12px 0 0; }
.pagination {
display: flex;
flex-wrap: wrap;
justify-content: center;
gap: 8px; }
.pagination a,
.pagination span {
margin: 0;
min-width: 40px;
min-height: 40px; }
.main-login {
min-height: 85vh;
height: auto;
padding: 32px 18px; }
.login-logo i {
font-size: 78px; }
.login-form {
width: min(100%, 420px); }
.login-form .form-group .form-control {
width: 100%;
min-height: 44px;
margin: 8px 0;
font-size: 16px; }
.login-form .btn.btn-primary {
min-height: 44px; } }
@media (min-width: 456px) and (max-width: 700px) {
.header .header-nav .logo {
gap: 7px;
position: relative;
right: 5px; }
.header .header-nav .logo .logo-icon {
width: 30px;
height: 30px; }
.header .header-nav .logo p {
font-size: 25px;
line-height: 30px; } }
@media (max-width: 380px) {
.grid-right-wraper {
padding-right: 14px;
padding-left: 14px; } }
@media (max-width: 455px) {
.header .header-nav .logo {
gap: 5px; }
.header .header-nav .logo .logo-icon {
width: 27px;
height: 27px; }
.header .header-nav .logo p {
font-size: 17px; } }
.workspace-page {
--add-record-bar-height: 48px;
--workspace-ink: #28251f;
--workspace-muted: #756f65;
--workspace-line: #e2dacf;
--workspace-paper: #fffdfa;
--workspace-canvas: #f5f1e9;
--workspace-gold: #a56e12;
--workspace-gold-dark: #815307;
background: radial-gradient(circle at 85% 8%, rgba(199, 151, 70, 0.09), transparent 24rem), var(--workspace-canvas);
color: var(--workspace-ink); }
.workspace-page .add-record-bar {
height: 48px;
padding-inline: clamp(14px, 3vw, 40px);
border-bottom: 1px solid rgba(255, 255, 255, 0.09);
background: #25221e; }
.workspace-page .record-search-form {
width: min(460px, 46vw); }
.workspace-page .record-search-form input {
height: 34px;
padding-inline: 14px 40px;
border-color: rgba(255, 255, 255, 0.16);
border-radius: 8px;
color: white;
background: rgba(255, 255, 255, 0.09); }
.workspace-page .record-search-form input::placeholder {
color: rgba(255, 255, 255, 0.62); }
.workspace-page .record-search-form input:focus {
border-color: rgba(215, 170, 85, 0.8);
box-shadow: 0 0 0 3px rgba(215, 170, 85, 0.12); }
.workspace-page .record-search-form button {
color: rgba(255, 255, 255, 0.72); }
.workspace-page .add-record-button {
height: 48px;
color: #f8f2e8; }
.workspace-page .add-record-button:hover, .workspace-page .add-record-button:focus-visible, .workspace-page .add-record-button[aria-expanded="true"] {
background: rgba(255, 255, 255, 0.1); }
.workspace-page .add-record-dropdown {
top: calc(100% + 9px);
overflow: hidden;
border: 1px solid #514b43;
border-radius: 10px;
background: #302c27; }
.workspace-page .header {
top: 48px;
padding: 12px clamp(18px, 3vw, 42px);
border-bottom: 1px solid rgba(62, 48, 25, 0.16);
background: rgba(255, 253, 250, 0.96);
box-shadow: 0 6px 24px rgba(49, 39, 23, 0.08);
backdrop-filter: blur(12px); }
.workspace-page .header .header-nav {
min-height: 42px; }
.workspace-page .header .header-nav .logo {
gap: 10px;
color: var(--workspace-ink);
text-decoration: none; }
.workspace-page .header .header-nav .logo .logo-icon {
width: 34px;
height: 34px; }
.workspace-page .header .header-nav .logo p {
color: var(--workspace-ink);
font-size: 40px; }
.workspace-page .header .header-nav .header-menu {
gap: clamp(17px, 2vw, 34px); }
.workspace-page .header .header-nav .header-menu li:not(:last-of-type) {
margin-right: 0; }
.workspace-page .header .header-nav .header-menu li a:link,
.workspace-page .header .header-nav .header-menu li a:visited {
position: relative;
padding: 12px 0;
color: #625c52;
font-size: 17px;
font-weight: 900;
letter-spacing: .055em; }
.workspace-page .header .header-nav .header-menu li a:link::after,
.workspace-page .header .header-nav .header-menu li a:visited::after {
content: "";
position: absolute;
right: 0;
bottom: 5px;
left: 0;
height: 2px;
background: var(--workspace-gold);
transform: scaleX(0);
transition: transform .2s ease; }
.workspace-page .header .header-nav .header-menu li a:link:hover,
.workspace-page .header .header-nav .header-menu li a:visited:hover {
color: var(--workspace-ink); }
.workspace-page .header .header-nav .header-menu li a:link:hover::after,
.workspace-page .header .header-nav .header-menu li a:visited:hover::after {
transform: scaleX(1); }
.workspace-page .workspace-account {
display: flex;
align-items: center;
gap: 13px;
margin: 0 92px 0 80px; }
.workspace-page .user-badge {
display: flex;
align-items: center;
gap: 9px;
min-width: 0; }
.workspace-page .user-avatar {
display: grid;
flex: 0 0 34px;
width: 34px;
height: 34px;
place-items: center;
border-radius: 50%;
color: white;
background: #a56e12;
font-size: 13px;
font-weight: 900; }
.workspace-page .user-details {
display: grid;
max-width: 110px;
line-height: 1.1; }
.workspace-page .user-details small {
color: #8a8378;
font-size: 9px;
text-transform: uppercase; }
.workspace-page .user-details strong {
overflow: hidden;
color: #3a362f;
font-size: 12px;
text-overflow: ellipsis;
white-space: nowrap; }
.workspace-page .header .header-nav .logout {
position: static;
transform: none; }
.workspace-page .header .header-nav .logout a {
display: grid;
width: 36px;
height: 36px;
padding: 0;
place-items: center;
border: 1px solid var(--workspace-line);
border-radius: 9px;
color: #625c52;
transition: color .2s, background .2s, border-color .2s; }
.workspace-page .header .header-nav .logout a i {
color: inherit;
font-size: 17px; }
.workspace-page .header .header-nav .logout a:hover {
border-color: #c9bda9;
color: #8c3c35;
background: #faf2ef; }
.workspace-page .header .header-nav .logout a:hover i {
font-size: 17px; }
.workspace-page .grid {
min-height: calc(100dvh - 120px);
margin-top: 115px; }
.workspace-page .grid-left {
top: 115px;
width: 20%;
min-height: calc(100dvh - 120px);
padding: 28px 16px;
border-right: 1px solid #403b35;
color: #f6efe3;
background: #302d28; }
.workspace-page .grid-left .menu-navigator {
position: static;
width: 100%;
height: 75vh;
margin: 0;
padding: 0 8px 30px;
scrollbar-color: #665f55 transparent;
margin-top: 40px; }
.workspace-page .grid-left .menu-navigator .language-selector {
top: 0;
width: 100%;
margin-bottom: 30px; }
.workspace-page .grid-left .menu-navigator .language-selector p {
margin-bottom: 9px;
color: #bdb5a8;
font-size: 11px;
letter-spacing: .1em;
text-transform: uppercase; }
.workspace-page .grid-left .menu-navigator .language-selector .goog-te-combo {
max-width: none;
min-height: 36px;
border-color: #5c554c;
color: #eee8de;
background: #3b3731; }
.workspace-page .grid-left .categories,
.workspace-page .grid-left .tags {
width: 100%;
margin: 0 0 28px; }
.workspace-page .grid-left .categories h2,
.workspace-page .grid-left .tags h2 {
margin: 0 0 13px;
color: #bdb5a8;
font-size: 11px;
font-weight: 900;
letter-spacing: .1em;
text-transform: uppercase; }
.workspace-page .grid-left .categories > li {
margin: 0 0 3px; }
.workspace-page .grid-left .categories li a:link,
.workspace-page .grid-left .categories li a:visited {
display: block;
padding: 8px 10px;
border-radius: 7px;
color: #f4eee5;
font-size: 14px;
font-weight: 700; }
.workspace-page .grid-left .categories li a:link:hover,
.workspace-page .grid-left .categories li a:visited:hover {
color: white;
background: rgba(255, 255, 255, 0.08); }
.workspace-page .grid-left .categories .sub-categories {
padding-left: 13px; }
.workspace-page .grid-left .categories .sub-categories li {
margin: 0; }
.workspace-page .grid-left .categories .sub-categories li a:link,
.workspace-page .grid-left .categories .sub-categories li a:visited {
padding-block: 6px;
color: #bdb5a8;
font-size: 13px;
font-weight: 400; }
.workspace-page .grid-left .tags .tags-wraper {
gap: 7px;
width: 100%;
margin: 0; }
.workspace-page .grid-left .tags .tags-wraper li,
.workspace-page .grid-left .tags .tags-wraper li:not(:last-of-type) {
margin: 0; }
.workspace-page .grid-left .tags .tags-wraper li a {
display: block;
padding: 6px 9px;
border: 1px solid #5b544b;
border-radius: 999px;
color: #ddd5c9;
background: #3b3731;
font-size: 12px; }
.workspace-page .grid-left .tags .tags-wraper li a:hover {
border-color: #8c7550;
color: white;
background: #50483c; }
.workspace-page .grid-left .taxonomy-control,
.workspace-page .grid-left .taxonomy-control:not(:last-of-type) {
width: 100%;
margin: 5px 0 0;
list-style: none; }
.workspace-page .grid-left .taxonomy-add-button {
display: flex;
align-items: center;
gap: 7px;
width: 100%;
padding: 7px 9px;
border: 1px dashed #70675c;
border-radius: 7px;
color: #d9cdbb;
background: transparent;
cursor: pointer;
font: inherit;
font-size: 12px;
text-align: left; }
.workspace-page .grid-left .taxonomy-add-button span {
font-size: 17px;
line-height: 1; }
.workspace-page .grid-left .taxonomy-add-button:hover, .workspace-page .grid-left .taxonomy-add-button:focus-visible {
outline: none;
border-color: #b68c48;
color: white;
background: rgba(255, 255, 255, 0.08); }
.workspace-page .grid-left .taxonomy-subcategory-control {
padding-left: 0; }
.workspace-page .grid-left .taxonomy-add-subcategory {
padding-block: 5px;
border-color: transparent;
color: #a9a093;
font-size: 11px; }
.workspace-page .grid-left .tags .tags-wraper .taxonomy-tag-control {
flex: 1 0 100%; }
.workspace-page .grid-left .taxonomy-item-with-delete > .taxonomy-item-row > a {
padding-right: 34px !important; }
.workspace-page .grid-left .taxonomy-item-row {
position: relative; }
.workspace-page .grid-left .categories .taxonomy-item-row {
display: inline-block;
max-width: 100%; }
.workspace-page .grid-left .taxonomy-delete-button {
display: grid;
position: absolute;
top: 50%;
right: 4px;
z-index: 2;
width: 23px;
height: 23px;
padding: 0;
place-items: center;
border: 0;
border-radius: 50%;
color: white;
background: #eaaa31;
cursor: pointer;
font: inherit;
font-size: 18px;
font-weight: 900;
line-height: 1;
transform: translateY(-50%); }
.workspace-page .grid-left .taxonomy-delete-button > span {
display: block;
position: relative;
width: 100%;
height: 100%;
font-size: 0;
transform: none; }
.workspace-page .grid-left .taxonomy-delete-button > span::before, .workspace-page .grid-left .taxonomy-delete-button > span::after {
content: "";
position: absolute;
top: 50%;
left: 50%;
width: 11px;
height: 2px;
border-radius: 1px;
background: currentColor;
transform: translate(-50%, -50%) rotate(45deg); }
.workspace-page .grid-left .taxonomy-delete-button > span::after {
transform: translate(-50%, -50%) rotate(-45deg); }
.workspace-page .grid-left .taxonomy-delete-button:hover, .workspace-page .grid-left .taxonomy-delete-button:focus-visible {
outline: 2px solid rgba(255, 255, 255, 0.75);
outline-offset: 1px;
background: #e8a01a; }
.workspace-page .grid-left .taxonomy-delete-button:disabled {
cursor: wait;
opacity: .55; }
.workspace-page .grid-left .sub-categories .taxonomy-delete-button {
width: 21px;
height: 21px;
font-size: 16px; }
.workspace-page .grid-left .sub-categories .taxonomy-delete-button > span::before,
.workspace-page .grid-left .sub-categories .taxonomy-delete-button > span::after {
width: 10px; }
.workspace-page .grid-left .tags .tags-wraper .taxonomy-item-with-delete .taxonomy-item-row {
display: inline-flex;
align-items: center; }
.workspace-page .grid-left .tags .tags-wraper .taxonomy-item-with-delete .taxonomy-item-row > a {
padding-right: 31px; }
.workspace-page .grid-left .tags .tags-wraper .taxonomy-item-with-delete .taxonomy-delete-button {
top: 50%;
right: 4px;
width: 20px;
height: 20px;
font-size: 15px; }
.workspace-page .grid-left .tags .tags-wraper .taxonomy-item-with-delete .taxonomy-delete-button > span::before,
.workspace-page .grid-left .tags .tags-wraper .taxonomy-item-with-delete .taxonomy-delete-button > span::after {
width: 9px; }
.workspace-page .grid-left .taxonomy-default-category > .taxonomy-item-row > a::after {
content: "Default";
margin-left: 7px;
color: #a9a093;
font-size: 9px;
font-weight: 700;
letter-spacing: .08em;
text-transform: uppercase; }
.workspace-page .grid-right {
width: calc(100% - 260px); }
.workspace-page .grid-right-wraper {
width: min(100% - 64px, 1050px);
margin: 0 auto;
padding: 52px 0 90px;
width: 80%; }
.workspace-page .grid-right-wraper .post-type-title,
.workspace-page .grid-right-wraper .article-title {
margin: 0 0 38px;
color: var(--workspace-ink);
font-size: clamp(32px, 4vw, 48px);
font-weight: 900;
letter-spacing: -.035em;
text-align: left; }
.workspace-page .grid-right-wraper .preview {
justify-content: flex-start;
gap: 24px;
padding: 26px;
border: 1px solid var(--workspace-line);
border-radius: 14px;
background: rgba(255, 253, 250, 0.88);
box-shadow: 0 8px 28px rgba(51, 42, 27, 0.055);
transition: transform .2s, box-shadow .2s, border-color .2s; }
.workspace-page .grid-right-wraper .preview:not(:last-of-type) {
margin-bottom: 18px; }
.workspace-page .grid-right-wraper .preview:hover {
border-color: #d1c2aa;
box-shadow: 0 13px 36px rgba(51, 42, 27, 0.09);
transform: translateY(-2px); }
.workspace-page .grid-right-wraper .preview .icon {
display: grid;
flex: 0 0 58px;
width: 58px;
height: 58px;
place-items: center;
border-radius: 12px;
background: #efe5d3; }
.workspace-page .grid-right-wraper .preview .icon i {
margin: 0;
color: #9a6b1d;
font-size: 25px; }
.workspace-page .grid-right-wraper .preview .content {
flex: 1;
min-width: 0; }
.workspace-page .grid-right-wraper .preview .content h2 {
margin: 0 0 8px;
color: var(--workspace-ink);
font-size: 22px;
font-weight: 900; }
.workspace-page .grid-right-wraper .preview .content p {
width: 100%;
margin: 0 0 17px;
color: var(--workspace-muted);
font-size: 16px;
font-weight: 400;
line-height: 1.65; }
.workspace-page .grid-right-wraper .preview .content .view-single-btn:link,
.workspace-page .grid-right-wraper .preview .content .view-single-btn:visited {
padding: 8px 14px;
border: 1px solid #d9c9ac;
border-radius: 8px;
color: #825407;
background: #fffaf1;
font-size: 13px;
font-weight: 900; }
.workspace-page .grid-right-wraper .preview .content .view-single-btn:link:hover,
.workspace-page .grid-right-wraper .preview .content .view-single-btn:visited:hover {
border-color: var(--workspace-gold);
color: white;
background: var(--workspace-gold); }
.workspace-page .no-entries {
margin: 60px 0;
padding: 40px;
border: 1px dashed #cfc4b3;
border-radius: 12px;
color: var(--workspace-muted);
background: rgba(255, 253, 250, 0.55);
text-align: center; }
.workspace-page .pagination {
margin: 36px 0 0; }
.workspace-page .pagination a,
.workspace-page .pagination span {
border-color: var(--workspace-line);
border-radius: 8px;
color: #625c52;
background: var(--workspace-paper); }
.workspace-page .pagination a:hover,
.workspace-page .pagination .current {
border-color: var(--workspace-gold);
color: white;
background: var(--workspace-gold); }
.workspace-page .single-article {
position: relative;
padding: clamp(28px, 5vw, 60px);
border: 1px solid var(--workspace-line);
border-radius: 16px;
background: var(--workspace-paper);
box-shadow: 0 10px 36px rgba(51, 42, 27, 0.065); }
.workspace-page .article-content {
width: 100%;
color: #4f4a42; }
.workspace-page .article-content h2,
.workspace-page .article-content h3,
.workspace-page .article-content h4 {
margin-top: 1.6em;
color: #332f29;
font-weight: 900; }
.workspace-page .article-content p,
.workspace-page .article-content li,
.workspace-page .article-content ol,
.workspace-page .article-content ul {
color: #565047;
font-size: 17px;
font-weight: 400;
line-height: 1.75; }
.workspace-page .edit-record-btn,
.workspace-page .edit-record-btn:link,
.workspace-page .edit-record-btn:visited {
top: -20px;
right: 14px;
display: grid;
width: 42px;
height: 42px;
padding: 0;
place-items: center;
border: 1px solid var(--workspace-line);
border-radius: 10px;
color: #ffffff;
background: #545454;
background: #bb8113;
font-size: 17px; }
.workspace-page .record-form-page {
width: min(100% - 40px, 920px);
margin: 115px auto 56px;
padding: 40px;
width: 80%; }
.workspace-page .record-form-card {
padding: clamp(28px, 5vw, 60px);
border: 1px solid var(--workspace-line);
border-radius: 16px;
background: var(--workspace-paper);
box-shadow: 0 12px 40px rgba(51, 42, 27, 0.07); }
.workspace-page .record-form-card h1 {
margin: 6px 0 8px;
color: var(--workspace-ink);
font-size: clamp(30px, 4vw, 44px);
font-weight: 900;
letter-spacing: -.03em; }
.workspace-page .form-eyebrow {
margin: 0;
color: var(--workspace-gold);
font-size: 11px;
font-weight: 900;
letter-spacing: .14em;
text-align: center;
text-transform: uppercase; }
.workspace-page .form-label {
margin-bottom: 8px;
color: #423d35;
font-size: 13px;
font-weight: 900; }
.workspace-page .form-field {
margin-bottom: 21px; }
.workspace-page .form-field input:not([type="checkbox"]):not([type="radio"]),
.workspace-page .form-field select,
.workspace-page .form-field textarea {
border-color: #d7cfc2;
border-radius: 8px;
background: #fff; }
.workspace-page .form-submit,
.workspace-page .form-delete {
border-radius: 9px;
font-weight: 900; }
.workspace-page .form-submit {
background: var(--workspace-gold); }
.workspace-page .form-submit:hover {
background: var(--workspace-gold-dark); }
@media (min-width: 1367px) {
.workspace-page .header .header-nav .workspace-account {
margin-right: 92px !important; } }
@media (max-width: 1366px) {
.workspace-page .header .header-nav .workspace-account {
right: 92px !important;
margin-right: 0 !important; } }
.taxonomy-modal[hidden] {
display: none; }
.taxonomy-modal {
position: fixed;
inset: 0;
z-index: 10100;
display: grid;
padding: 20px;
place-items: center; }
.taxonomy-modal-backdrop {
position: absolute;
inset: 0;
border: 0;
background: rgba(24, 21, 17, 0.7);
cursor: default; }
.taxonomy-modal-card {
position: relative;
z-index: 1;
width: min(100%, 460px);
padding: 32px;
border: 1px solid #ded3c3;
border-radius: 14px;
background: #fffdfa;
box-shadow: 0 24px 70px rgba(0, 0, 0, 0.3); }
.taxonomy-modal-card h2 {
margin: 3px 0 8px;
color: #28251f;
font-size: 28px; }
.taxonomy-modal-kicker {
margin: 0;
color: #9a6817;
font-size: 11px;
font-weight: 900;
letter-spacing: .1em;
text-transform: uppercase; }
.taxonomy-modal-context {
margin: 0 0 22px;
color: #756f65;
font-size: 14px; }
.taxonomy-modal-close {
position: absolute;
top: 12px;
right: 12px;
width: 38px;
height: 38px;
border: 0;
border-radius: 8px;
color: #625c52;
background: transparent;
cursor: pointer;
font-size: 28px; }
.taxonomy-modal-close:hover, .taxonomy-modal-close:focus-visible {
outline: none;
background: #eee7dc; }
.taxonomy-modal-form label {
display: block;
margin-bottom: 7px;
color: #423d35;
font-size: 13px;
font-weight: 900; }
.taxonomy-modal-form input[type="text"] {
width: 100%;
height: 46px;
padding: 0 13px;
border: 1px solid #cfc3b2;
border-radius: 8px;
outline: none;
font: inherit; }
.taxonomy-modal-form input[type="text"]:focus {
border-color: #a56e12;
box-shadow: 0 0 0 3px rgba(165, 110, 18, 0.14); }
.taxonomy-modal-error {
margin: 9px 0 0;
color: #a52f27;
font-size: 13px; }
.taxonomy-modal-submit {
width: 100%;
min-height: 44px;
margin-top: 18px;
border: 0;
border-radius: 8px;
color: white;
background: #8e5c0b;
cursor: pointer;
font: inherit;
font-weight: 900; }
.taxonomy-modal-submit:hover, .taxonomy-modal-submit:focus-visible {
outline: none;
background: #6f4505; }
.taxonomy-modal-submit:disabled {
cursor: wait;
opacity: .65; }
.taxonomy-modal-open {
overflow: hidden; }
@media (max-width: 1024px) {
.workspace-page .add-record-bar {
gap: 10px; }
.workspace-page .add-record-bar .record-search-form {
flex: 1 1 auto;
width: auto;
max-width: 460px; }
.workspace-page .add-record-dropdown {
position: fixed;
top: calc(var(--add-record-bar-height) + 8px);
right: 16px;
left: auto;
width: min(320px, calc(100vw - 32px));
max-height: calc(100dvh - var(--add-record-bar-height) - 20px);
overflow-x: hidden;
overflow-y: auto;
overscroll-behavior: contain; } }
@media (max-width: 700px) {
.workspace-page .add-record-dropdown {
right: 12px;
left: 12px;
width: auto; } }
html[lang="el"] .workspace-page .header .header-nav .header-menu {
gap: clamp(9px, 1.15vw, 18px); }
@media (max-width: 500px) {
html[lang="el"] .workspace-page .header .header-nav .logo {
margin-right: clamp(18px, 2.5vw, 42px);
margin-left: 0 !important;
position: relative;
right: 14%; }
.workspace-page .grid-right-wraper .preview {
justify-content: flex-start;
gap: 24px;
padding: 26px;
border: 1px solid var(--workspace-line);
border-radius: 14px;
background: rgba(255, 253, 250, 0.88);
box-shadow: 0 8px 28px rgba(51, 42, 27, 0.055);
transition: transform .2s, box-shadow .2s, border-color .2s; }
.header .header-nav .header-menu {
left: 0; }
html[lang="el"] .workspace-page .header .header-nav .header-menu {
left: 0; }
.workspace-page .header .header-nav .header-menu li a:link:hover, .workspace-page .header .header-nav .header-menu li a:visited:hover {
color: white; } }
@media (max-width: 420px) {
.workspace-page .header .header-nav .logo p {
display: none; } }
@media (min-width: 320px) and (max-width: 500px) {
.workspace-page .record-form-page {
width: min(100% - 40px, 920px);
margin: 115px auto 56px;
padding: 20px 10px;
width: 100%; }
.workspace-page .record-form-card {
padding: clamp(28px, 5vw, 60px);
border: 1px solid var(--workspace-line);
border-radius: 16px;
background: var(--workspace-paper);
box-shadow: 0 12px 40px rgba(51, 42, 27, 0.07);
padding: 20px 10px; }
.workspace-page .header .header-nav .logo p {
color: var(--workspace-ink);
font-size: 24px; }
.workspace-page .header .header-nav .logo {
margin: 0;
margin-right: 0%; }
.workspace-page .grid-right-wraper {
width: min(100% - 64px, 1050px);
margin: 0 auto;
padding: 52px 0;
width: 93% !important; }
.workspace-page .grid-right-wraper .preview .content .view-single-btn:link, .workspace-page .grid-right-wraper .preview .content .view-single-btn:visited {
padding: 14px;
border: 1px solid #d9c9ac;
border-radius: 8px;
color: #825407;
background: #fffaf1;
font-size: 13px;
font-weight: 900; }
.workspace-page .edit-record-btn, .workspace-page .edit-record-btn:link, .workspace-page .edit-record-btn:visited {
top: -19px;
right: 10px;
display: grid;
width: 42px;
height: 42px;
padding: 0;
place-items: center;
border: 1px solid var(--workspace-line);
border-radius: 10px;
color: #ffffff;
font-size: 17px; }
.workspace-page .single-article {
position: relative;
padding: clamp(28px, 5vw, 60px);
border: 1px solid var(--workspace-line);
border-radius: 16px;
background: var(--workspace-paper);
box-shadow: 0 10px 36px rgba(51, 42, 27, 0.065);
padding: 15px; }
.workspace-page .workspace-account {
display: flex;
align-items: center;
gap: 13px;
margin: 0 5px; }
.workspace-page .header .header-nav .logo {
margin: 0;
margin-right: 9%;
position: relative;
right: 15%; }
.workspace-page .header .header-nav .logo .logo-icon {
width: 25px;
height: 25px;
position: relative;
left: 8px; } }
@media (min-width: 320px) and (max-width: 375px) {
.workspace-page .header .header-nav .logo p {
color: var(--workspace-ink);
font-size: 20px; }
.workspace-page .edit-record-btn, .workspace-page .edit-record-btn:link, .workspace-page .edit-record-btn:visited {
top: -19px;
right: 10px;
display: grid;
width: 42px;
height: 42px;
padding: 0;
place-items: center;
border: 1px solid var(--workspace-line);
border-radius: 10px;
color: #ffffff;
background: #545454;
font-size: 17px; } }
@media (min-width: 501px) and (max-width: 700px) {
.workspace-page .record-search-form {
width: auto; }
.workspace-page .header {
padding-inline: 12px; }
.workspace-page .header .header-nav {
padding-inline: 88px 46px; }
.workspace-page .header .header-nav .logo p {
font-size: 34px; }
.workspace-page .grid-right-wraper {
width: min(100% - 28px, 1050px);
padding-top: 34px; }
.workspace-page .grid-right-wraper .post-type-title,
.workspace-page .grid-right-wraper .article-title {
margin-bottom: 26px;
font-size: 34px; }
.workspace-page .grid-right-wraper .preview {
display: block;
padding: 21px; }
.workspace-page .grid-right-wraper .preview .icon {
width: 46px;
height: 46px;
margin-bottom: 16px; }
.workspace-page .grid-right-wraper .preview .content {
text-align: left; }
.workspace-page .grid-right-wraper .preview .content h2,
.workspace-page .grid-right-wraper .preview .content p {
text-align: left; }
.workspace-page .grid-right-wraper .preview .content p {
height: auto;
margin: 0 0 15px; }
.workspace-page .single-article {
padding: 24px 20px; }
.workspace-page .workspace-page .edit-record-btn, .workspace-page .workspace-page .edit-record-btn:link, .workspace-page .workspace-page .edit-record-btn:visited {
top: -20px;
right: 18px; }
.workspace-page .edit-record-btn,
.workspace-page .edit-record-btn:link,
.workspace-page .edit-record-btn:visited {
top: -20px;
right: 18px; }
.workspace-page .record-form-page {
width: 100%;
margin-top: 124px;
padding: 20px; }
.workspace-page .grid-right-wraper .preview .content .view-single-btn:link, .workspace-page .grid-right-wraper .preview .content .view-single-btn:visited {
padding: 14px 14px;
border: 1px solid #d9c9ac;
border-radius: 8px;
color: #825407;
background: #fffaf1;
font-size: 13px;
font-weight: 900; }
.header .header-nav .header-menu {
left: 0; }
html[lang="el"] .workspace-page .header .header-nav .header-menu {
left: 0; }
html[lang="el"] .workspace-page .header .header-nav .logo p {
font-size: 28px; }
.workspace-page .header .header-nav .header-menu li a:link:hover, .workspace-page .header .header-nav .header-menu li a:visited:hover {
color: white; }
.workspace-page .workspace-account {
display: flex;
align-items: center;
gap: 13px;
margin: 0 5px; }
.workspace-page .header .header-nav .logo {
margin: 0;
margin-right: 0 !important; }
html[lang="el"] .header .header-nav .logo {
margin-right: 45px;
margin-left: 0 10px !important; }
html[lang="el"] .header .header-nav .logo {
margin-right: 45px;
margin-left: 0 10px !important;
position: relative;
right: 10%; }
.workspace-page .header .header-nav .logo {
margin: 0;
margin-right: 9%;
position: relative;
right: 10%; } }
@media (min-width: 1441px) and (max-width: 1680px) {
.workspace-page .workspace-account {
display: flex;
align-items: center;
gap: 13px;
margin-left: 0 20px;
margin: 0 20px; }
html[lang="el"] .header .header-nav .logo {
margin-right: 0px;
margin-left: 0px; }
html[lang="el"] .header .header-nav .header-menu li:not(:last-of-type) {
margin-right: 0px; }
html[lang="el"] .menu-wraper {
position: relative; }
html[lang="el"] .workspace-page .header .header-nav .header-menu {
gap: clamp(9px, 1.15vw, 18px);
left: 0%; }
html[lang="el"] .workspace-page .header .header-nav .logo p {
color: var(--workspace-ink);
font-size: 20px; } }
@media (min-width: 1367px) {
.workspace-page.workspace-single-page .header .header-nav .sidebar-toggle {
display: flex;
position: absolute;
top: 50%;
left: 0;
z-index: 3;
flex-direction: column;
justify-content: center;
gap: 5px;
width: 40px;
height: 40px;
padding: 8px;
border: 0;
border-radius: 6px;
background: transparent;
cursor: pointer;
transform: translateY(-50%); }
.workspace-page.workspace-single-page .header .header-nav .sidebar-toggle span {
display: block;
width: 100%;
height: 2px;
background: #4b453d;
transition: transform .25s ease, opacity .2s ease; }
.workspace-page.workspace-single-page .header .header-nav .sidebar-toggle:hover, .workspace-page.workspace-single-page .header .header-nav .sidebar-toggle:focus-visible {
outline: none;
background: rgba(165, 110, 18, 0.1); }
.workspace-page.workspace-single-page .grid-left {
z-index: 10020;
width: min(360px, 28vw);
visibility: hidden;
box-shadow: 12px 0 30px rgba(25, 22, 18, 0.2);
transform: translateX(-100%);
transition: transform .35s ease, visibility 0s linear .35s; }
.workspace-page.workspace-single-page .grid-right {
width: 100%;
margin-left: 0; }
.workspace-page.workspace-single-page.sidebar-open {
overflow: hidden; }
.workspace-page.workspace-single-page.sidebar-open .header {
z-index: 10030; }
.workspace-page.workspace-single-page.sidebar-open .grid-left {
visibility: visible;
transform: translateX(0);
transition: transform .35s ease, visibility 0s; }
.workspace-page.workspace-single-page.sidebar-open .header .header-nav .sidebar-toggle {
position: fixed;
top: 100px;
left: 18px;
z-index: 10040;
background: #302d28; }
.workspace-page.workspace-single-page.sidebar-open .header .header-nav .sidebar-toggle span {
background: white; }
.workspace-page.workspace-single-page.sidebar-open .header .header-nav .sidebar-toggle:hover, .workspace-page.workspace-single-page.sidebar-open .header .header-nav .sidebar-toggle:focus-visible {
background: #403b35; }
.workspace-page.workspace-single-page.sidebar-open .header .header-nav .sidebar-toggle span:nth-child(1) {
transform: translateY(7px) rotate(45deg); }
.workspace-page.workspace-single-page.sidebar-open .header .header-nav .sidebar-toggle span:nth-child(2) {
opacity: 0; }
.workspace-page.workspace-single-page.sidebar-open .header .header-nav .sidebar-toggle span:nth-child(3) {
transform: translateY(-7px) rotate(-45deg); } }
@media (min-width: 701px) and (max-width: 1366px) {
.workspace-page .article-content {
width: 100%; }
.workspace-page .article-content figure.image {
width: min(100%, 760px) !important;
max-width: 100%;
margin-right: auto;
margin-left: auto; }
.workspace-page .article-content img {
display: block;
width: 100%;
max-width: 760px;
max-height: 72vh;
margin-right: auto;
margin-left: auto;
object-fit: contain; } }
@media (max-width: 700px) {
.workspace-page .article-content {
width: 100%; }
.workspace-page .article-content figure.image {
width: 100% !important;
max-width: 100%;
margin-right: 0;
margin-left: 0; }
.workspace-page .article-content img {
display: block;
width: 100% !important;
max-width: 100%;
height: auto;
margin-right: 0;
margin-left: 0;
object-fit: contain; } }
@media (max-width: 1366px) {
.workspace-page .header .header-nav {
padding: 0 94px; }
.workspace-page .header .header-nav .logo {
margin: 0;
margin-right: 9%; }
.workspace-page .header .header-nav .menu-wraper {
top: calc(100% + 12px);
background: #302d28; }
.workspace-page .header .header-nav .header-menu li a:link,
.workspace-page .header .header-nav .header-menu li a:visited {
color: #f4eee5; }
.workspace-page .header .header-nav .hamburger span:not(.sr-only),
.workspace-page .header .header-nav .sidebar-toggle span {
background: #4b453d; }
.workspace-page .workspace-account {
position: absolute;
right: 92px;
gap: 8px;
margin: 0; }
.workspace-page .user-badge {
display: none; }
.workspace-page .grid-left {
top: 0;
width: 100%;
padding-top: 72px; }
.workspace-page .grid-left .menu-navigator {
height: auto; }
.workspace-page .grid-right {
width: 100%;
margin-left: 0; }
.workspace-page.sidebar-open .header .header-nav .sidebar-toggle span {
background: #fff; }
.workspace-page .grid-right-wraper {
width: min(100% - 64px, 1050px);
margin: 0 auto;
padding: 52px 0 90px;
width: 85%; }
.header .header-nav .header-menu {
left: 0; }
html[lang="el"] .workspace-page .header .header-nav .header-menu {
left: 0; }
.workspace-page .header .header-nav .header-menu li a:link:hover, .workspace-page .header .header-nav .header-menu li a:visited:hover {
color: white; } }
@media (min-width: 1024px) and (max-width: 1366px) {
.workspace-page .record-form-page {
width: 90%;
margin-top: 124px;
padding: 20px; } }
@media (min-width: 1367px) and (max-width: 1440px) {
.workspace-page .header .header-nav .logo {
gap: 0;
margin-left: 0px;
color: var(--workspace-ink);
text-decoration: none;
margin: 0 5px;
position: relative;
left: 2%; }
.workspace-page .header .header-nav .logo p {
font-size: 25px; }
.workspace-page .header .header-nav .logo .logo-icon {
width: 25px;
height: 25px; }
.workspace-page .workspace-account {
display: flex;
align-items: center;
gap: 13px;
margin: 0 5px; }
.menu-wraper {
position: relative;
left: 0; }
.workspace-page.workspace-single-page .header .header-nav .sidebar-toggle {
display: flex;
position: absolute;
top: 50%;
left: 0;
left: -2%;
z-index: 3;
flex-direction: column;
justify-content: center;
gap: 5px;
width: 40px;
height: 40px;
padding: 8px;
border: 0;
border-radius: 6px;
background: transparent;
cursor: pointer;
transform: translateY(-50%); }
html[lang="el"] .workspace-page .header .header-nav .header-menu {
gap: clamp(9px, 1.15vw, 18px);
left: 1%; }
html[lang="el"] .workspace-page .header .header-nav .logo {
gap: 10px;
margin-left: 0px;
color: var(--workspace-ink);
text-decoration: none; }
html[lang="el"] .workspace-page .header .header-nav .logo p {
color: var(--workspace-ink);
font-size: 20px; }
html[lang="el"] .menu-wraper {
position: relative;
left: 0; }
html[lang="el"] .header .header-nav .header-menu li:not(:last-of-type) {
margin-right: 0px; }
html[lang="el"] .header .header-nav .header-menu li a:link, html[lang="el"] html[lang="el"] .header .header-nav .header-menu li a:visited {
font-size: 17px;
white-space: normal; }
html[lang="el"] .workspace-page .record-form-page {
width: 90%;
margin-top: 124px;
padding: 20px; } }
@media (min-width: 1367px) and (max-width: 1440px) and (max-width: 1920px) {
.header .header-nav .header-menu {
position: relative; } }
@media (min-width: 1441px) and (max-width: 1680px) {
.workspace-page.workspace-single-page .header .header-nav .sidebar-toggle {
display: flex;
position: absolute;
top: 50%;
left: 0;
left: -2%;
z-index: 3;
flex-direction: column;
justify-content: center;
gap: 5px;
width: 40px;
height: 40px;
padding: 8px;
border: 0;
border-radius: 6px;
background: transparent;
cursor: pointer;
transform: translateY(-50%); }
.workspace-page .header .header-nav .logo {
gap: 0px;
color: var(--workspace-ink);
text-decoration: none;
position: relative;
left: 2%; }
.workspace-page .header .header-nav .logo p {
font-size: 25px; }
.workspace-page .header .header-nav .logo .logo-icon {
width: 25px;
height: 25px; } }
@media (min-width: 1441px) and (max-width: 1565px) {
html[lang="el"] .header .header-nav .header-menu li a {
font-size: 15px !important;
white-space: normal; } }
@media (min-width: 1681px) and (max-width: 1838px) {
html[lang="el"] .workspace-page .header .header-nav .logo p {
color: var(--workspace-ink);
font-size: 30px; }
html[lang="el"] .header .header-nav .logo {
display: flex;
align-items: center;
gap: 12px;
margin: 0px 50px; }
html[lang="el"] .header .header-nav .header-menu li a {
font-size: 17px; }
html[lang="el"] .header .header-nav .header-menu li a:link, html[lang="el"] .header .header-nav .header-menu li a:visited {
font-size: 16px;
white-space: normal; } }
@media (min-width: 1440px) {
.single-article {
position: relative;
padding: clamp(28px, 5vw, 60px);
border: 1px solid var(--workspace-line);
border-radius: 16px;
background: var(--workspace-paper);
box-shadow: 0 10px 36px rgba(51, 42, 27, 0.065);
width: 85%;
margin: 0 auto; } }
@media (min-width: 1676px) {
.single-article {
position: relative;
padding: clamp(28px, 5vw, 60px);
border: 1px solid var(--workspace-line);
border-radius: 16px;
background: var(--workspace-paper);
box-shadow: 0 10px 36px rgba(51, 42, 27, 0.065);
width: 75%;
margin: 0 auto; } }
/*# sourceMappingURL=app.css.map */