﻿:root {
    --base-color: #e94362;
    --border-color: #e5e7eb;
    --input-border-color: #ddd;
    --mox-button-color: #000;
    --mox-button-background-color: #eee;
    --mox-button-background-color-hover: #cacaca;
    --mox-button-save-color: #fff;
    --mox-button-save-background-color: #e94362;
    --mox-button-save-background-color-hover: #c12b47;
    --mox-menu-tabs-border-color-hover: #999;
    --mox-menu-tabs-border-color-selected: #e94362;
    --checkbox-accent-color: #e94362;

    --identity-header-image-color: #fff;
    --identity-header-image-background-color: #e94362;
}

.mox-header-logo {
    text-indent: -999999px;
    background-image: url('/Public/Static/images/log-press-kogyo-sweden.png');
    height: 120px;
    background-size: 180px;
    filter: invert(1);
}

.mox-header-menu-container > .mox-menu > li > a:before { font-family: "Font Awesome 5 Pro"; font-weight: 500; font-size: 20px; vertical-align: bottom; width: 25px; text-align: center; display: inline-block; margin-right: 12px; }
.mox-header-menu-container > .mox-menu > li > a.selected:before { font-weight: 900; }
li[data-id="Stores"] > a:before { content: '\f54e' }
li[data-id="MoxSettings"] > a:before { content: '\f013' }
li[data-id="Documents"] > a:before { content: '\f07b' }
li[data-id="News"] > a:before { content: '\f086' }
li[data-id="SignOut"] { margin-top: 40px; }
li[data-id="SignOut"] > a:before { content: '\f2f5' }

.mox-content fieldset > div { margin: 1em 0; }

input[type="checkbox"]:checked ~ .hidden-if-checked { display: none; }
input[type="checkbox"]:not(:checked) ~ .hidden-if-not-checked { display: none; }

.tagify { --tags-focus-border-color: #000; box-sizing: border-box; border-radius: 3px; margin: 0; height: 35px; width: 100%; border-radius: 5px; box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05); }

.mox-filters .tagify { height: 30px; }
.mox-filters .tagify__input { --tag-pad: 0; }
.mox-filters .tagify__tag { margin-block: 2px; }

.news-tag { padding: 4px 8px; background-color: #e0e0e0; font-style: normal; border-radius: 5px; margin-right: 4px; color: #000; text-decoration: none; }
a.news-tag:hover { text-decoration: underline; }

.quill-content p { margin: 0; }
.quill-content { line-height: 1.8; }


.news-post { max-width: 600px; border: 1px solid var(--border-color); padding: 20px; border-radius: 6px;  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05); margin-bottom: 20px;}
.news-post h1 { margin-top: 0; }
.news-post h1 a { color: #24292e; text-decoration: none; }
.news-post-image-list { list-style: none; padding: 0; }
.news-post-image img { aspect-ratio: 1/1; width: 100%; object-fit: cover; object-position: center; }
.news-post-file-list { list-style: none; padding: 0; }
.news-post-file a { text-decoration: none; color: #24292e; }
.news-post-file a:hover { text-decoration: underline; }

.mox-breadcrumbs + .news-post { margin-top: 26px; }

.news-post-list .news-post .news-post-image img { aspect-ratio: 5/1 !important; }
.news-post-list .news-post .news-post-image+.news-post-image { display: none; }
.news-post-list .quill-content { max-height: 300px; }

a.red-link { color: var(--base-color); display: block; margin-top: 10px; }