/* Zlatko's custom CSS override for YOOtheme child theme Asperger site*/
/* Main menu text styling */
.uk-navbar-nav > li > a {
font-size: 1.1rem !important;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 1px;
color: #ffffff;
text-shadow: .5px .5px .5px rgba(0, 0, 0, 1);
transition: color 0.3s ease;
}
/* Hover effect */
.uk-navbar-nav > li > a:hover {
color: #cccccc;
}
.uk-navbar-dropdown-nav {
font-size: 1.15rem !important;
font-family: 'PT Sans Narrow';
font-weight: 700;
line-height: 1.25 !important;
letter-spacing: .5px;
}
/* .uk-navbar-dropdown-nav>li>a {
color: #767881 !important;
} */
/* ========================
Font Face Declarations
======================== */
@font-face {
font-family: 'Merriweather';
src: url('../fonts/Merriweather-Regular.woff') format('woff');
font-weight: 400;
font-style: normal;
}
@font-face {
font-family: 'Merriweather';
src: url('../fonts/Merriweather-Italic.woff') format('woff');
font-weight: 400;
font-style: italic;
}
@font-face {
font-family: 'Merriweather';
src: url('../fonts/Merriweather-Bold.woff') format('woff');
font-weight: 700;
font-style: normal;
}
@font-face {
font-family: 'Merriweather';
src: url('../fonts/Merriweather-BoldItalic.woff') format('woff');
font-weight: 700;
font-style: italic;
}
@font-face {
font-family: 'Partner UltraCondensed';
src: url('../fonts/partnerlightultracondensed-webfont.woff') format('woff');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'PT Sans Narrow';
src: url('../fonts/PTSans-Narrow.woff') format('woff');
font-weight: 400;
font-style: normal;
}
@font-face {
font-family: 'PT Sans Narrow';
src: url('../fonts/PTSans-NarrowBold.woff') format('woff');
font-weight: 700;
font-style: normal;
}
/* ========================
Font Usage Mapping
======================== */
body, p {
font-family: 'Merriweather', serif !important;
font-size: 1.1rem !important;
line-height: 1.8;
font-weight: 400;
/* color: #190710 !important; */
}
.partner-big {
font-family: 'Partner UltraCondensed', sans-serif !important;
font-weight: normal;
letter-spacing: 0.5px;
color: #434343 !important;
}
.partner-middle {
font-family: 'Partner UltraCondensed', sans-serif !important;
font-weight: normal;
font-size: 2.1rem;
/* letter-spacing: 0.5px; */
color: #174f82 !important;
line-height: 1.6em;
}
h3, h4, h5, h6 {
font-family: 'PT Sans Narrow', sans-serif !important;
font-weight: 700;
}
/*Font sizes*/
.h1,.uk-h1,h1 {
font-size: 2.5rem !important;
line-height: 1.6;
font-family: 'Partner UltraCondensed'
}
.h2,.uk-h2,h2 {
font-size: 2rem !important;
line-height: 1.6;
font-family: 'Partner UltraCondensed'
}
.h3,.uk-h3,h3 {
font-size: 1.75rem !important;
line-height: 1.7;
font-family: 'PT Sans Narrow';
font-weight: 700
}
.h4,.uk-h4,h4 {
font-size: 1.5rem !important;
line-height: 1.4;
font-family: 'PT Sans Narrow';
font-weight: 700
}
.h5,.uk-h5,h5 {
font-size: 1.35rem !important;
line-height: 1.6;
font-family: 'PT Sans Narrow';
font-weight: 700
}
.h6,.uk-h6,h6 {
font-size: 1.25rem !important;
line-height: 1.4;
font-family: 'PT Sans Narrow';
font-weight: 700
}
.custom-pt-sans-narrow {
font-family: "PT Sans Narrow", Arial, serif !important;
font-size: 16px !important;
font-weight: 600 !important;
color: rgb(9, 9, 10);
}
/* meta-infoblock in articles */
.article-meta-line {
font-family: 'PT Sans Narrow', sans-serif;
font-size: 17px;
font-weight: 500;
color: #444;
letter-spacing: 0.4px;
}
.meta-icon {
margin-right: 5px;
color: #666;
vertical-align: baseline; /* ensures better alignment with text */
font-size: 0.95em; /* optional size tweak */
}
.pt-serif-text {
font-family: 'PT Serif', serif !important;
}
/*Logo Mobile*/
@media (max-width: 649px) {
.uk-logo {
display: block !important;
margin-bottom: 10px;
}
.uk-logo svg,
.uk-logo img {
height: 55px !important;
width: auto !important;
}
}
/* Default menu items */
.uk-navbar-nav > li > a {
color: #C9C9DA; /* your base blue */
transition: color 0.2s ease;
}
/* Hover */
.uk-navbar-nav > li > a:hover {
color: #ffffff;
}
/* Active item (THIS is the key) */
.uk-navbar-nav > li.uk-active > a,
.uk-navbar-nav > li > a[aria-current="page"] {
color: #ffffff !important;
}
/* Force "home/start" to behave like others */
.uk-navbar-nav > li.uk-navbar-nav-item-home > a {
color: #D7D7E7;
}
.uk-navbar-nav > li.uk-navbar-nav-item-home.uk-active > a {
color: #ffffff !important;
}
/*Social icons */
.tm-headerbar-default .uk-icon-button, .tm-toolbar-default .uk-icon-button, .uk-card-primary.uk-card-body .uk-icon-button, .uk-card-primary>:not([class*=uk-card-media]) .uk-icon-button, .uk-card-secondary.uk-card-body .uk-icon-button, .uk-card-secondary>:not([class*=uk-card-media]) .uk-icon-button, .uk-light .uk-icon-button, .uk-navbar-container:not(.uk-navbar-transparent) .uk-icon-button, .uk-offcanvas-bar .uk-icon-button, .uk-overlay-primary .uk-icon-button, .uk-section-primary:not(.uk-preserve-color) .uk-icon-button, .uk-section-secondary:not(.uk-preserve-color) .uk-icon-button, .uk-tile-primary:not(.uk-preserve-color) .uk-icon-button, .uk-tile-secondary:not(.uk-preserve-color) .uk-icon-button {
background-color: white !important;
color: rgb(53 43 43 / 70%);
border-color: rgb(43 17 17 / 95%) !important;
}
.pt-serif-text {
font-family: 'PT Serif', serif !important;
}
@media screen and (max-width: 639px) {
.uk-width-1-5\@m.uk-first-column {
display: none !important;
}
}
/*Tabs-Headers */
[data-rlta-element=container][data-rlta-state=ready][data-rlta-type=accordions]>[data-rlta-element=button]>[data-rlta-element=heading], [data-rlta-element=container][data-rlta-state=ready][data-rlta-type=tabs]>[data-rlta-element=button-list]>[data-rlta-element=button]>[data-rlta-element=heading] {
font: bold .9rem/1.2rem 'PT Sans Narrow',"Verdana","Geneva",sans-serif !important;
margin-bottom: 1px;
}
[data-rlta-element=container][data-rlta-state=ready][data-rlta-theme=neutral][data-rlta-type=tabs]>[data-rlta-element=button-list]>[data-rlta-element=button] {
padding: 3px 0px 4px 0px !important;
}
[data-rlta-element=container][data-rlta-state=ready][data-rlta-theme=neutral][data-rlta-type=accordions]>[data-rlta-element=panel]>[data-rlta-element=panel-content], [data-rlta-element=container][data-rlta-state=ready][data-rlta-theme=neutral][data-rlta-type=tabs]>[data-rlta-element=panels]>[data-rlta-element=panel]>[data-rlta-element=panel-content] {
padding: 7px 0px 0px 7px !important;
}
[data-rlta-element=container][data-rlta-state=ready][data-rlta-theme=neutral][data-rlta-positioning=top]>[data-rlta-element=button-list]>[data-rlta-element=button]:not([data-rlta-state=closed]) [data-rlta-element=heading] {
font: bold .9rem/1.2rem 'PT Sans Narrow',"Verdana","Geneva",sans-serif !important;
margin-bottom: 1px;
}
.raxo-pagination-tabs .raxo-item-nor .raxo-title,
.raxo-pagination-tabs .raxo-item-nor .raxo-title a {
font-size: .95rem !important;
line-height: 1.3rem !important;
font-weight: 700 !important;
}
/* Raxo Category Blog */
.raxo-title {
font-family: 'PT Sans Narrow', sans-serif !important;
font-size: 3rem;
color: #174f82 !important;
line-height: 1.2em;
font-weight: normal;
margin-bottom: 0.5em;
/* letter-spacing: -0.5px; */
}
/* Stacked metadata layout */
.raxo-meta-stacked {
font-family: 'PT Sans Narrow', sans-serif !important;
font-size: 0.95rem;
color: #333;
margin-bottom: 1rem;
}
.raxo-meta-stacked .meta-label {
font-weight: normal;
margin-top: 1.2em !important;
margin-bottom: 0.2em;
color: #222;
}
.raxo-meta-stacked .meta-row {
display: flex;
align-items: center;
gap: 0.2em;
/* margin-bottom: 0.4em; */
}
.raxo-meta-stacked .meta-row i {
font-size: 1rem;
width: 1.2em;
text-align: center;
color: #444;
}
.raxo-meta-stacked .meta-row span {
display: inline-block;
}
/* Article image */
/* .raxo-image img {
max-width: 100%;
height: auto;
margin-top: 1.5em;
margin-bottom: 1.2em;
} */
/* Intro text */
.raxo-text {
font-family: 'Merriweather', serif;
font-size: 1rem;
color: #2a2a2a;
margin-bottom: 1.5em;
}
.raxo-bricks {
margin: 0 0 24px !important;
box-sizing: border-box;
}
/* ----------------------------------------
๐ค Global Font Base for All RAXO Modules
---------------------------------------- */
.raxo-default,
.raxo-bricks,
.raxo-grid,
.allmode-bricks,
.allmode-columns,
.allmode-latest,
.raxo-bricks *,
.raxo-bricks .raxo-info * {
font-family: 'PT Sans Narrow', sans-serif !important;
color: #3c3c3c;
}
/* ----------------------------------------
๐ฆ Titles
---------------------------------------- */
.raxo-item-top .raxo-title,
.raxo-item-top .raxo-title a {
font-size: 1.6rem;
line-height: 1.8rem;
font-weight: 700;
color: #174F82 !important;
text-decoration: none;
transition: color 0.2s ease;
}
.raxo-item-nor .raxo-title,
.raxo-item-nor .raxo-title a {
font-size: 1.2rem;
line-height: 1.5rem;
font-weight: 700;
color: #174F82 !important;
text-decoration: none;
transition: color 0.2s ease;
}
.raxo-title a:hover {
color: #c3b4b4 !important;
text-decoration: underline;
}
/* ----------------------------------------
๐ Meta Info (date, author, hits, comments)
---------------------------------------- */
.raxo-info,
.raxo-meta,
.allmode-info {
font-size: 1.1rem;
line-height: 1.6rem;
color: #cc1f1f;
gap: 8px;
margin: 6px 0;
}
.raxo-bricks .raxo-info.raxo-vertical-meta {
display: flex;
flex-direction: column;
}
/* ----------------------------------------
๐งพ Text / Intro Content
---------------------------------------- */
.raxo-item-top .raxo-text {
font-size: 1.1rem;
line-height: 1.45rem;
font-family: 'PT Sans Narrow', sans-serif !important;
color: #4c4c4c;
margin-top: 18px;
}
.raxo-item-nor .raxo-text,
.allmode-text {
font-size: 1.1rem;
line-height: 1.45rem;
font-family: 'PT Sans Narrow', sans-serif !important;
color: #4c4c4c;
margin-top: 18px;
}
/* ----------------------------------------
๐งญ Font Awesome Icons
---------------------------------------- */
.raxo-date::before,
.raxo-author::before,
.raxo-category::before,
.raxo-hits::before,
.raxo-comments::before {
font-family: 'Font Awesome 6 Free' !important;
padding-right: 6px !important;
color: #71626a !important;
}
.raxo-date::before { content: "\f073" !important; } /* calendar */
.raxo-author::before { content: "\f007" !important; } /* user */
.raxo-category::before { content: "\f03a" !important; } /* folder */
.raxo-comments::before { content: "\f075" !important; } /* comment */
/* .raxo-bricks .raxo-hits::before {
content: "\f06e" !important;
font-family: 'Font Awesome 5 Free' !important;
margin-right: 0px !important;
color: #71626a !important;
} */
.raxo-pagination-tabs .raxo-author::before {
content: none !important;
display: none !important;
}
.raxo-hits,
.raxo-comments {
padding-right: 10px;
}
/* ๐ง Force each meta item to be aligned properly */
.raxo-info span {
display: flex;
align-items: center;
gap: 6px;
}
/* ----------------------------------------
๐งฑ Layout-specific Adjustments
---------------------------------------- */
.raxo-default article,
.allmode-columns .allmode-item {
padding: 15px 0;
}
.raxo-date::before {
content: "\f073" !important;
}
.raxo-default .raxo-date::before {
content: none !important;
}
.allmode-columns .allmode-item .allmode-img img {
margin: 2px 16px 18px 0;
}
.allmode-columns .allmode-item .allmode-title {
font-size: 1rem;
margin: 5px 0 10px;
}
.raxo-block-button,
.raxo-block-button a {
font-size: 0.95rem;
font-weight: 700;
color: #174F82 !important;
text-decoration: none;
}
.raxo-grid .raxo-block-button a {
font-size: 1.1rem;
}
.allmode-latest .allmode-item {
padding: 14px 0 2px;
}
.raxo-bricks .raxo-info span + span {
margin-left: 0 !important;
}
/* ๐ Force PT Sans Narrow on all text inside RAXO bricks */
.raxo-bricks,
.raxo-bricks * {
font-family: 'PT Sans Narrow', sans-serif !important;
}
.raxo-bricks .raxo-info.raxo-vertical-meta {
display: flex;
flex-direction: column;
gap: 1px; /* originally 6px โ now reduced by 4px */
}
.raxo-grid .raxo-meta {
display: flex;
flex-direction: column;
align-items: flex-start; /* or center if you prefer */
gap: 4px;
margin-top: 10px;
}
.raxo-grid .raxo-meta span {
display: flex;
align-items: center;
gap: 6px;
}
.raxo-grid .raxo-meta {
display: flex;
flex-direction: column;
align-items: flex-start;
gap: 4px;
}
.raxo-grid .raxo-meta span {
display: flex;
align-items: center;
gap: 6px;
}
/* Font Awesome eye icon for Hits */
.raxo-grid .raxo-hits .icon::before {
content: "\f06e";
font-family: 'Font Awesome 5 Free';
color: #71626a;
}
/* Label styling */
.raxo-grid .raxo-hits .label {
font-family: 'PT Sans Narrow', sans-serif;
font-weight: 700;
color: #3c3c3c;
}
/* ๐งฑ RAXO Header Layout */
.raxo-bricks .raxo-header {
display: flex;
justify-content: space-between;
align-items: flex-end; /* Aligns button to bottom of text block */
flex-wrap: wrap;
padding: 12px 12px 14px 2px !important;
background-color: #ffffff !important;
border-bottom: none !important;
border-color: #000000 !important;
border-width: 1px 0 0 !important;
}
.raxo-grid .raxo-header {
display: flex;
justify-content: space-between;
align-items: flex-end; /* Aligns button to bottom of text block */
flex-wrap: wrap;
padding: 14px 12px 14px 2px !important;
background-color: #ffffff !important;
border-bottom: none !important;
border-color: #000000 !important;
}
/* ๐ฏ Section Title (e.g., "Essays") */
.raxo-bricks .raxo-block-name {
font-family: "Partner UltraCondensed", sans-serif !important;
font-weight: normal !important;
font-size: 220% !important;
color: #174f82 !important;
padding: 6px 0 0 4px !important;
margin: 0;
}
.raxo-grid {
border-width: 1px 0 1px !important;
}
.raxo-grid {
& .raxo-normal {
margin-block: 12px !important;
}
}
/* ๐ต Button Wrapper */
.raxo-block-button {
margin-top: 4px !important; /* ๐ฝ Nudge the button downward */
}
/* ๐ Button Styling */
.raxo-block-button a {
display: inline-block;
padding: 5px 14px !important;
font-size: 1.2rem !important;
font-weight: 700;
color: #ffffff !important;
background-color: #3598dc;
text-decoration: none;
border-radius: 4px;
transition: all 0.2s ease;
}
.raxo-block-button a:hover {
opacity: 0.85;
text-decoration: underline;
}
.raxo-bricks .raxo-top .raxo-text {
font-size: 18px !important;
line-height: 24px !important;
}
/* ----------------------------------------
๐ RAXO Pagination โ Unified Final Stylesheet
---------------------------------------- */
.raxo-pagination {
margin: 2.4rem 0 !important;
font-family: 'PT Sans Narrow', sans-serif !important;
color: #2a2a2a !important;
}
/* Section Title */
.raxo-pagination .raxo-block-name {
font-family: "Partner UltraCondensed", sans-serif !important;
font-weight: normal !important;
font-size: 2.2rem !important;
color: #174f82 !important;
margin-bottom: 1rem !important;
padding: 0 !important;
}
/* Optional Intro Text */
.raxo-pagination .raxo-block-intro {
font-family: 'Merriweather', serif !important;
font-size: 1rem !important;
line-height: 1.6 !important;
color: #2a2a2a !important;
margin-bottom: 1.5rem !important;
}
/* Pagination Item Wrapper */
.raxo-pagination article {
padding: 1.8rem 0 !important;
/* border-top: 1px solid #ccc !important; */
}
.raxo-pagination article.raxo-item-upper {
padding-top: 0 !important;
border-top: none !important;
}
/* Article Image */
.raxo-pagination .raxo-image {
margin: 1.5em 0 1.2em !important;
border-radius: 2px !important;
border: 0px solid #999 !important;
}
.raxo-pagination .raxo-image img {
max-width: 100% !important;
height: auto !important;
}
/* /* Title Block (neutralises h4) */
.raxo-pagination .raxo-title {
margin: 0 !important;
padding: 0 !important;
font-size: 1.2rem !important;
line-height: 1.5rem !important;
font-weight: 700 !important;
font-family: 'PT Sans Narrow', sans-serif !important;
color: #434343 !important;
}
.raxo-pagination .raxo-title a {
color: #174F82 !important;
text-decoration: none !important;
transition: color 0.2s ease;
}
.raxo-pagination .raxo-title a:hover {
color: #c3b4b4 !important;
text-decoration: underline !important;
}
/* Text Content */
.raxo-pagination .raxo-text {
font-family: 'Merriweather', serif !important;
font-size: 1rem !important;
line-height: 1.6 !important;
color: #2a2a2a !important;
margin-bottom: 1.5em !important;
}
/* Meta Block */
.raxo-pagination .raxo-meta {
font-family: 'PT Sans Narrow', sans-serif !important;
font-size: 0.95rem !important;
color: #333 !important;
margin-bottom: 1rem !important;
display: flex !important;
flex-wrap: wrap;
gap: 0.4em;
}
.raxo-pagination .raxo-meta span {
display: flex !important;
align-items: center !important;
gap: 0.3em !important;
color: #444 !important;
}
/* Pagination Navigation */
.raxo-pagination .raxo-navigation {
margin-top: 1.5rem !important;
font-family: 'PT Sans Narrow', sans-serif !important;
font-size: 0.95rem !important;
background-color: #f9f9f9 !important;
padding: 0.5rem 1rem !important;
border-radius: 4px !important;
display: flex !important;
flex-wrap: wrap;
gap: 0.3em;
}
.raxo-pagination .raxo-navigation a {
display: inline-block !important;
margin: 0 0.2rem !important;
padding: 0.3rem 0.6rem !important;
color: #174f82 !important;
text-decoration: none !important;
border-radius: 2px !important;
background-color: transparent !important;
}
.raxo-pagination .raxo-navigation a:hover {
background-color: #ffffff !important;
text-decoration: underline !important;
}
/* Neutralise any H4 default styles inside pagination */
.raxo-pagination h4.raxo-title {
margin: 0 !important;
padding: 0 !important;
font-size: 1.35rem !important;
line-height: 2.5rem !important;
font-weight: 700 !important;
font-family: 'PT Sans Narrow', sans-serif !important;
color: #174F82 !important;
}
/* .raxo-pagination .raxo-author::before,
.raxo-pagination .raxo-hits::before, */
.raxo-pagination .raxo-comments::before,
.raxo-pagination .raxo-date::before,
.raxo-pagination .raxo-category::before {
content: none !important;
display: none !important;
}
/* Extra icons for pagination hits and author */
.raxo-pagination .raxo-author,
.raxo-pagination .raxo-hits {
background-image: none !important;
padding-left: 0 !important;
}
.raxo-pagination .raxo-author::before,
.raxo-pagination .raxo-hits::before {
font-family: 'Font Awesome 6 Free' !important;
font-weight: 900 !important;
display: inline-block !important;
padding-right: 6px !important;
color: #71626a !important;
}
.raxo-pagination .raxo-author::before {
content: "\f007" !important; /* user */
}
.raxo-pagination .raxo-hits::before {
content: "\f06e" !important; /* eye */
}
/* Buch Kaufen Button */
.asperger-buy-button {
position: fixed;
right: 5px;
top: 62%;
transform: translateY(-50%);
z-index: 99999999;
}
.asperger-buy-button img {
display: block;
width: 24px;
height: auto;
}
.asperger-buy-button:hover {
transform: translateY(-50%) scale(1.05);
}
.uk-breadcrumb>*>* {
font-size: 18px !important;
color: #b4b5ba;
font-family: 'PT Sans Narrow';
font-weight: 700 !important;
}
/*Author box*/
#author_infobox {
background-color: #EFEFEF !important;
color: #000000 !important;
border: 1px solid #463939 !important;
border-radius: 5px 5px 5px 5px !important;
margin: 40px 5px 5px 5px !important;
padding: 10px !important;
overflow: hidden !important;
clear: both !important;
}
.author_infobox_image_profile {
width: 20% !important;
margin: 10px 20px 10px 10px !important;
padding: 3px;
border: 1px solid;
}
.box-grey a {
color: #ffffff !important;
font: bold 1.3rem/1.6rem "Pt Sans Narrow", Tahoma, Helvetica, Arial, sans-serif !important;
}
#author_infobox .author_infobox_description, #author_infobox .author_infobox_articles_list {
width: 100% !important;
font-family: 'Pt Sans Narrow',sans-serif !important;
line-height: 1.8rem !important;
}
#author_infobox .author_infobox_title {
font-family: 'Pt Sans Narrow',sans-serif !important;
font-size: 120% !important;
font-weight: bold !important;
margin-bottom: 10px !important;
}
.ajaxsearch_371 {
width: 90% !important;
}
/* Blockquote modifications */
blockquote {
border-left: none !important;
margin: 34px 0 !important;
}
/* Target both normal and inline-styled center-aligned text inside
*/
blockquote p,
blockquote [style*="text-align: center"] {
font: bold 1.5rem/2.2rem 'Pt Sans Narrow',sans-serif !important;
color: #4994b3 !important;
margin: 20px 50px 20px 50px !important;
text-align: center !important;
}
/* Top border (before) */
blockquote:before {
border-top: 5px solid #e7e7e7 !important;
}
/* Decorative lines above and below */
blockquote:after,
blockquote:before {
content: "" !important;
display: block !important;
margin: 0 auto !important;
height: 0 !important;
width: 40% !important;
}
blockquote:after {
border-top: 5px solid #e7e7e7 !important;
}
.meta-label {
font-weight: inherit;
color: inherit;
}
.meta-author {
color: #7a2f2f; /* muted bordeaux */
font-weight: 600;
}
.btn, .uk-button {
font-size: 1.1rem !important;
font-weight: 700 !important;
}
.rscomment blockquote:before,
.rscomment blockquote:after {
content: none !important;
display: none !important;
}
input.subbutton {
all: unset;
display: inline-block;
font-family: 'PT Sans Narrow', sans-serif !important;
font-size: 0.95rem;
font-weight: bold;
/* text-transform: uppercase; */
letter-spacing: .7px;
color: #ffffff;
background-color: #217acb;
padding: 4px 18px;
border-radius: 6px;
cursor: pointer;
text-align: center;
transition: background-color 0.3s ease;
}
.eb-inst .eb-header {
font-size: 1.6em;
line-height: 1.45em;
margin-bottom: 20px;
opacity: .8;
}
#template-cPT-48Y7\#1 .leseprobe-block {
margin: 0 0 78px 0 !important;
}
/*Banner "Suibscribe Newsletter"*/