/*
 Theme Name:   Knowledge Hub Template Child
 Description:  Child Theme for Knowledge Hub Template
 Author:       Teejit
 Author URI:   httpw://www.teejit.de
 Template:     knowledge-hub-template
 Version:      1.0.4
 Last Update: 2025-07-10
 Text Domain:  wp_tj_knowhub_template-child
*/

#t-main-header:has(.t-main-page-content) {
	display:none;	
}
main > .t-main {
	background-image: url('https://demo.elearning-tourismus.de/wp-content/uploads/2025/12/ltv-lsa-bg1.png');
	background-size: 120%;
    background-position: bottom;
    background-attachment: fixed;
}
.t-main .wrapper {
	box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important;
    background: white;
	margin-top: 50px;
	margin-bottom: 50px
}
@font-face {
    font-family: 'Lato';
    font-style: normal;
    font-weight: 400;
    src: local('Lato'),
    url('https://demo.elearning-tourismus.de/wp-content/themes/knowledge-hub-template-child/src/fonts/Lato/Lato-Regular.ttf') format('truetype');
}
@font-face {
    font-family: 'Josefin Sans';
    font-style: normal;
    font-weight: 400;
    src: local('Josefin Sans'),
    url('https://demo.elearning-tourismus.de/wp-content/themes/knowledge-hub-template-child/src/fonts/Josefin_Sans/JosefinSans-VariableFont_wght.ttf') format('truetype');
}
.header-logo-wrap span, .t-login-img > span {
	font-weight: bold;
	font-size:20px;
	line-height: 1;
	font-family: 'Josefin Sans', sans-serif;
	    text-transform: uppercase;
	    color: #151515;
}
body, p, span {
	font-family: 'Lato', sans-serif;
}
h1, h2, h3, h4, h5, h6, span {
	font-family: 'Josefin Sans', sans-serif;
}
.header-logo-wrap a, .t-login-img:has(#header-logo-img) {
    align-items: center;
}
.t-login-img:has(#header-logo-img) {
	background: var(--primary-background);
	padding:5px 15px 5px 5px;
}
.center-login-button {
    flex-direction: column;
}
.center-login-button p {
    text-align: center;
}
.center-login-button a {
    justify-content: center;
    display: flex;
}
.t-tag-nav-home-flag-active, .t-tag-nav:hover, .t-nav-head-user .t-tag-nav:hover .material-icons {
    color: var(--primary-background) !important;
}
#t-nav-toggle-left-menu {
    height: 42px;
}
.t-nav-head-user .t-tag-nav {
	align-items: center;
}

    
/* fall back if not defined in src/style.css */
.t-login-form-loading {
    background-color: rgba(255, 255, 255, 0.9);
    display: none !important;
    height: calc(100% - var(--teejit-padding-xl) * 2);
    position: absolute;
    width: calc(100% - var(--teejit-padding-xl) * 2);
    justify-content: center;
    align-items: center;
}

/* teejit loading logo  */
.lds-dual-ring,
.lds-dual-ring:after {
    box-sizing: border-box;
}
.lds-dual-ring {
    display: block !important;
    width: 50px;
    height: 50px;
}
.rotating-group {
    animation: teejit-loading 4s linear infinite;
    transform-origin: 218.4px 213.38px; /* Mittelpunkt des viewBox */
    fill: var(--primary-background);
}
.teejit-loading-2 {
    animation: teejit-loading-2 4s linear infinite;
}
.t-loading {
    fill: var(--primary-background);
}
@keyframes teejit-loading {
    from { transform: rotate(0deg); }
    to { transform: rotate(360deg); }
}
@keyframes teejit-loading-2 {
    from { transform: rotate(360deg); }
    to { transform: rotate(-360deg); }
}
@keyframes lds-dual-ring {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}
/* root */
:root {
    --gap-small: 8px;
    --gap-medium: 12px;
    --gap-large: 24px;
    --sidebar-nav-width: 250px;
    --text-color: #333;
    --teejit--accent--gray: #e9e9e9;
    --primary-background: #FFDF65; /*#e10019;*/
    --primary-color:#000;
    --primary-background-hover: #ffd73f; /* if not set --primary-color */
    --primary-color-hover: #212529; /* if not set --primary-background */
    --primary-padding:8px 16px;
    --secondary-background: rgba(25,25,25,0.8);
    --secondary-color: #fff;
    --secondary-background-hover: rgba(25,25,25,1); /* if not set --secondary-color */
    --secondary-color-hover: #fff; /* if not set --secondary-background */
    --accordion-background: #859e9b; /* if not set --secondary-background */
    --accordion-color: #151515; /* if not set --secondary-color */
    --overlay-white-07:rgba(255, 255, 255, 0.7);
    --overlay-white-02:rgba(255, 255, 255, 0.2);
    --header-nav-bar-background: #FFDF65;
    --teejit-success: #27ae60;
    --teejit-error: #c0392b;
    --teejit-advise: #ff8c00;
    --teejit-advise-contrast: #333;
    --process-background-done: #27ae60;
    --process-background-undone: #7f8c8d;
    --tag-label-background: #FFDF65;
    --tag-label-color: #151515;
    --tag-label-border-color: #151515;
    --tag-categroy-background: #fff;
    --tag-categroy-color: #333;
    --tag-categroy-border-color: #3698db;
    --tag-audience-background: #fff;
    --tag-audience-color: #333;
    --tag-audience-border-color: #e4e4e4;
    --teejit-tag-border-radius: 3px; /*könnte das gleich sein wie --teejit-btn-border-radius-small*/
    --teejit-box-shadow-1: 0px 1px 4px 0px rgba(0,0,0,0.2),
    0px 1px 4px 0px rgba(0,0,0,0.14),
    0px 2px 1px -1px rgba(0,0,0,0.12);
    --teejit-box-shadow-1-hover: 0px 0px 7px 0.8px rgba(0,0,0,0.6);
    --teejit-box-shadow-2:0 0 2px 0 rgba(0,0,0,.2); /*use for messages like login error*/
    --teejit-btn-inner-element-padding:16px 16px 0;
    --teejit-btn-inner-element-padding-bottom:16px;
    --teejit-padding-xxl:24px;
    --teejit-padding-xl:20px;
    --teejit-padding-l:16px;
    --teejit-padding-m:12px;
    --teejit-padding-s:8px;
    --teejit-padding-xs:4px;
    --font-size-p: 16px;
    --font-size-p-small:14px;
    --font-size-p-xsmall:12px;
    --font-size-h1: 24px;
    --font-weight-h1: ;
    --font-size-h2: 20px;
    --font-weight-h2: bold;
    --font-size-h3: 20px;
    --font-weight-h3: ;
    --teejit-btn-h1:16px;
    --teejit-btn-p:14px;
    --teejit-btn-span-medium: 12px;
    --teejit-btn-span-small: 10px;
    --teejit-btn-border-radius-medium: 3px;
    --teejit-btn-border-radius-small: 3px;
    --teejit-form-border: #e9e9e9;
    --teejit-input-border: #e9e9e9;
}