html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	font-size: 101%;
}

@font-face {
    font-family: Manrope;
    font-weight: 300;
    font-style: normal;
    src: url('../fonts/Manrope-Regular.ttf') format('truetype');
}

@font-face {
    font-family: 'Noto Serif Regular';
    font-weight: 400;
    font-style: normal;
    src: url('../fonts/NotoSerif-Regular.ttf') format('truetype');
}

@font-face {
    font-family: 'Noto Serif Bold';
    font-weight: 700;
    font-style: bold;
    src: url('../fonts/NotoSerif-Bold.ttf') format('truetype');
}

:root {
    /* BG */
    --btk-bg-opacity: 1;
    --btk-bg-color: rgb(254 249 241 / var(--btk-bg-opacity, 1));
    --btk-footer-bg-color: rgb(242 237 229 / var(--btk-bg-opacity, 1));
    --btk-sidebar-bg: rgb(248 243 235 / var(--btk-bg-opacity, 1));

    /* Text & fonts */
    --btk-text-opacity: 1;
    --btk-text-color: rgb(29 28 23 / var(--btk-text-opacity, 1));
    --btk-color-primary: rgb(121 0 12 / var(--btk-text-opacity, 1));
    --btk-body-font: Manrope;
    --btk-link-color: rgb(68 64 60 / var(--btk-text-opacity, 1));
    --btk-footer-text-color: rgb(120 113 108 / var(--btk-text-opacity, 1));
    --btk-heading-font: 'Noto Serif Bold';
    --btk-headline-font: 'Noto Serif Regular';
    --btk-headline-color: rgb(89 65 62 / var(--btk-text-opacity, 1));
    --btk-mainnav-color: rgb(157 27 30 / var(--btk-text-opacity, 1));
}

:root {
    --body-font-family: var(--btk-body-font);
    --body-font-size: 1rem;
    --body-font-weight: 400;
    --body-font-style: normal;
    --body-line-height: 1.625;
    --body-letter-spacing: 0px;
    --t4-font-family: var(--btk-body-font);
    --t4-font-size: 1.125rem;
    --t4-font-weight: 400;
    --t4-font-style: normal;
    --t4-line-height: 1.5;
    --t4-letter-spacing: 0px;
    --heading-font-family: var(--btk-heading-font);
    --heading-font-weight: 700;
    --heading-font-style: bold;
    --heading-line-height: 1;
    --h1-font-size: 4.5rem;
    --h2-font-size: 2.5rem;
    --h3-font-size: 2rem;
    --h4-font-size: 1.875rem;
    --h5-font-size: 1.7rem;
    --h6-font-size: 1.5rem;
}
:root {
    --color-primary: var(--btk-color-primary); /**/
    --color-secondary: #6c757d;
    --color-success: #198754;
    --color-info: #0dcaf0;
    --color-warning: #fd7e14;
    --color-danger: #dc3545;
    --color-light: #f8f9fa;
    --color-dark: #212529;
    --color-white: #ffffff;
    --color-black: #000000;
    --body-bg-color: var(--btk-bg-color); /**/
    --body-text-color: var(--btk-text-color); /**/
    --body-link-color: var(--btk-color-primary); /**/
    --body-link-hover-color: var(--btk-color-primary); /**/
    --mainnav-text-color: var(--btk-link-color); /**/
    --mainnav-link-color: var(--btk-link-color); /**/
    --mainnav-link-hover-color: var(--btk-color-primary); /**/
    --mainnav-link-active-color: var(--btk-color-primary); /**/
    --footer-bg-color: var(--btk-footer-bg-color); /**/
    --footer-text-color: var(--btk-footer-text-color); /**/
    --footer-link-color: var(--btk-footer-text-color);
    --footer-link-hover-color: var(--btk-link-color);
}

::selection {
    background-color: #ffdad6;
}

.text-primary {
    color: var(--btk-text-primary);
}

body {
    background-color: var(--btk-bg-color);
    color: var(--btk-text-color);
    overflow-x: hidden;
}

.t4-content-inner {
    flex-direction: column !important;
    min-height: 100vh !important;
    display: flex !important;
}

#t4-footnav {
    margin-top: auto !important;
}

/* Header */
.t4-header,
.not-at-top #t4-header.t4-sticky {
    background-color: var(--btk-bg-color);
    border-bottom: 1px solid var(--btk-footer-bg-color);
    box-shadow: none;
}

#t4-header .t4-section-inner.container-fluid {
    padding: 0;
}

#t4-header .t4-section-inner.container-fluid .header-block {
    padding: 0;
}

#t4-header {
    z-index: 1000;
}

.site-name {
    font-family: var(--btk-heading-font);
    color: var(--btk-mainnav-color);
    font-size: 1.5rem;
}

.site-slogan {
    color: var(--btk-headline-color);
    text-transform: uppercase !important;
    opacity: 0.7 !important;
    letter-spacing: 0.1em;
    font-size: 0.75rem !important;
    line-height: 1rem !important;
}

.t4-megamenu .navbar-nav>li>a, 
.t4-megamenu .navbar-nav>li>.nav-link {
  font-size: 1.35rem;
  font-weight: bold;
}

/* Article */ 

h1, h2 {
    color: var(--btk-color-primary);
}
h3 {
    font-size: var(--h3-font-size);
    margin-bottom: 1.875rem;
}
h4 {
    font-size: var(--h4-font-size);
    margin-bottom: 1.875rem;
}
h5 {
    font-size: var(--h5-font-size);
    margin-bottom: 1.875rem;
}
h6 {
    font-size: var(--h6-font-size);
    margin-bottom: 1.875rem;
}

.headline {
    font-family: var(--btk-headline-font);
    color: var(--btk-headline-color);
    font-style: italic;

}
.headline::first-letter {
    color: var(--btk-color-primary);
    initial-letter: 2;
}


/* Table */

.table-responsive {
    max-width: 100%;
    overflow-x: auto;
}

table {
    min-width: 600px;
}

thead {
    border-color: rgb(225 191 187 / var(--tw-border-opacity, 1));
    --t4-table-accent-bg: rgb(248 243 235 / var(--tw-bg-opacity, 1));
}

tbody {
    --t4-table-accent-bg: var(--btk-bg-color);
    --t4-table-hover-bg: rgb(248 243 235 / var(--btk-bg-opacity, 1));
}

thead th {
    background: lightgray; 
}

th {
    color: var(--btk-headline-color) !important;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    font-size: 0.7rem;
    padding: 1rem;
    vertical-align: middle;
}

th:nth-child(1) {
  width: 6.44%;
}
th:nth-child(2) {
  width: 15.48%;
}
th:nth-child(3) {
  width: 25.09%;
}
th:nth-child(4) {
  width: 21.19%;
}
th:nth-child(5) {
  width: 9.06%;
}
th:nth-child(6) {
  width: 5.94%;
}
th:nth-child(7) {
  width: 7.74%;
}
th:nth-child(8) {
  width: 9.06%;
}

td {
    font-size: 0.9rem;
    vertical-align: middle;
    line-height: 1.3;
}

td p {
    margin: 0;
}

tr:not(.table-row-default) td:nth-child(1) {
    color: var(--btk-color-primary);
}

tr:not(.table-row-default) td:nth-child(3) {
    font-weight: bold;
}

.table-notes {
    --t4-table-accent-bg: rgb(255 255 255 / 0.5);
}

.table-notes:hover > * {
    --t4-table-bg-state: rgb(255 255 255 / 0.5) !important;
}

.table-notes td {
    color: rgb(84 69 41 / var(--btk-text-opacity, 1));
    font-style: italic;
    font-size: 0.875rem;
    line-height: 1.25rem;
}

.table-notes td:nth-child(2)::before
 {
    font-family: "Font Awesome 5 Free";
    content: "\f4ad";
    margin: 0 6px;
}

/* Custom Audio Player Styling for Webkit */
audio::-webkit-media-controls-panel {
    background-color: #f2ede5;
    border-radius: 0.125rem;
}

audio::-webkit-media-controls-play-button,
audio::-webkit-media-controls-mute-button {
    filter: sepia(100%) saturate(300%) brightness(50%) hue-rotate(-50deg);
}

audio {
    width: 13rem;
    height: 2rem;
    --btk-scale-x: .9;
    --btk-scale-y: .9;
    --btk-translate-x: 0;
    --btk-translate-y: 0;
    --btk-rotate: 0;
    --btk-skew-x: 0;
    --btk-skew-y: 0;
    transform: translate(var(--btk-translate-x), var(--btk-translate-y)) rotate(var(--btk-rotate)) skewX(var(--btk-skew-x)) skewY(var(--btk-skew-y)) scaleX(var(--btk-scale-x)) scaleY(var(--btk-scale-y));
    transform-origin: left;
    opacity: 0.8;
}

/* Offcanvas */
.t4-offcanvas {
    background: var(--btk-sidebar-bg);
}

.t4-offcanvas .t4-off-canvas-body .t4-module .module-inner {
    padding: 0;
}

.t4-offcanvas .nav .nav-link img,
.t4-offcanvas .nav .dropdown-item img {
    display: none;
}

.t4-offcanvas .t4-off-canvas-body .navbar.drilldown-effect .sub-menu-back,
.t4-offcanvas .t4-off-canvas-header {
    background: var(--btk-footer-bg-color);
}

.t4-offcanvas .t4-off-canvas-header {
    font-family: var(--btk-heading-font);
    font-size: 1.25rem;
}

.t4-offcanvas .navbar .dropdown-menu {
    --t4-dropdown-bg: rgb(248 243 235 / var(--btk-bg-opacity, 1));
}

.t4-offcanvas .navbar .nav-link,
.t4-offcanvas .navbar .dropdown-item {
    --btk-text-opacity: 1;
    color: rgb(87 83 78 / var(--btk-text-opacity, 1));
    letter-spacing: 0.1em;
    text-transform: uppercase;
    font-size: 0.75rem;
}

.aside-left {
    display: none;
}

/* Footer */
/* .t4-footnav {
    padding-top: 15px;
    --mask:
        radial-gradient(18.87px at 50% 26px,#000 99%,#0000 101%) calc(50% - 20px) 0/40px 100%,
        radial-gradient(18.87px at 50% -16px,#0000 99%,#000 101%) 50% 10px/40px 100% repeat-x;
    mask: var(--mask);
} */

.t4-footnav .t4-section-inner.container-fluid {
    padding: 0;
    
}    

.t4-footnav .t4-row {
    align-items: center;
}    



/*********************/
/*****  LAYOUTS  *****/
/*********************/

/***  HOME Layout  ***/
.layout-home {
    .mod-articles-items.mod-list {
        list-style: none;
    }

    .t4-section-1 {
        padding: 0;
    }

    .t4-section-inner {
        padding-top: 0 !important;
        padding-bottom: 0 !important;
    }

    .t4-section-1 .section-1 .hero-fixed {
        background-image: url("images/papp-janos-sh.jpg");
        display: block;
        position: fixed;
        top: 0;
        left: 0;
        /* width: 50%; */
        width: 30%;
        height: 100vh;
        z-index: 0;
        margin-top: 80px;
        background-size: cover;
        /* background-position: 20% 25%; */
        background-position: calc(100% - 60%);
        background-repeat: no-repeat;
    }

    .t4-section-1 .section-1 .hero-overlay {
        display: block;
        position: absolute;
        top: 0;
        right: 0;
        left: 0;
        bottom: 0;
        background-image: linear-gradient(to right, transparent 75%, #fef9f1 100%);
    }

    .t4-section-1 .home-content {
        /* margin-left: 50%; */
        margin-left: 33%;
        padding: 5rem 1rem 4rem 1rem;
        z-index: 10;
    }

    .introduction .mod-articles-title {
        font-size: var(--h1-font-size);
        color: var(--btk-color-primary);
    }

    .introduction ul {
        padding: 0;
    }

    .blog-list .blog-item {
        --t4-card-spacer-y: 1rem;
        --t4-card-spacer-x: 1rem;
        --t4-card-title-spacer-y: 0.5rem;
        --t4-card-title-color: ;
        --t4-card-subtitle-color: ;
        --t4-card-border-width: 1px;
        --t4-card-border-color: rgba(0, 0, 0, 0.125);
        --t4-card-border-radius: 0.25rem;
        --t4-card-box-shadow: ;
        --t4-card-inner-border-radius: calc(0.25rem - 1px);
        --t4-card-cap-padding-y: 0.5rem;
        --t4-card-cap-padding-x: 1rem;
        --t4-card-cap-bg: rgba(0, 0, 0, 0.03);
        --t4-card-cap-color: ;
        --t4-card-height: ;
        --t4-card-color: ;
        --t4-card-bg: #fff;
        --t4-card-img-overlay-padding: 1rem;
        --t4-card-group-margin: 1rem;
        position: relative;
        display: flex;
        flex-direction: column;
        min-width: 0;
        height: var(--t4-card-height);
        color: var(--t4-body-color);
        word-wrap: break-word;
        background-color: var(--t4-card-bg);
        background-clip: border-box;
        border: var(--t4-card-border-width) solid var(--t4-card-border-color);
        border-radius: var(--t4-card-border-radius);
        text-align: center;
        padding: .5rem;
    }

    .blog-list .item-image img {
        border: none;
        box-shadow: none !important;
        max-width: 50%;
    }

    .blog-list a.item-image::after{
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        z-index: 1;
        pointer-events: auto;
        content: "";
    }

    .module-title {
        --btk-text-opacity: 1;
        color: rgb(121 0 12 / var(--btk-text-opacity, 1));
        font-weight: 400;
        font-size: 1.875rem;
        line-height: 2.25rem;
        text-transform: none;
    }

    .blog-list .blog-item {
        transition: background-color .3s ease-in-out, box-shadow .2s ease-in;
        h3 a {
            transition: color .3s ease-in-out;
        }
    }
    .blog-list .blog-item:hover,
    .blog-list .blog-item:has(a:focus) {
        --t4-card-bg: var(--btk-sidebar-bg);
        box-shadow: 4px 4px 8px var(--btk-headline-color);
        h3 a {
            color: var(--btk-color-primary) !important;
            text-decoration: underline;
        }
    }

    @media screen and (max-width: 1400px) {
        .t4-section-1 .section-1 .hero-fixed {
            width: 35%;
        }

        .t4-section-1 .home-content {
            margin-left: 38%;
        }

        .home-content {
            width: 62.66666667%;
        }
    }

    @media screen and (max-width: 1200px) {
        .t4-section-1 .section-1 .hero-fixed {
            width: 40%;
        }

        .t4-section-1 .home-content {
            margin-left: 42%;
        }

        .home-content {
            width: 57.66666667%;
        }
    }

    @media screen and (max-width: 991px) {
        .t4-section-1 .section-1 .hero-fixed {
            width: 100%;
        }

        .t4-section-1 .home-content {
            margin-left: 0;
        }

        .home-content {
            width: 100%;
        }
    }
}


/***  COLLECTIONS Layout  ***/
/** Sidebar **/
/* Make the main layout container behave properly */
.layout-default-aside {
    .t4-wrapper {
        display: flex;
        min-height: 100vh;
    }

    .aside-left {
        width: 16rem;
        display: block;
        position: sticky;
        top: 0;
        height: 100vh;
        background: rgb(248 243 235);
        overflow-y: auto;
        padding: 1rem;
    }

    /* Ensure the mainbody row expands to fill space */
    .t4-content {
        flex: 1;
        min-width: 0;
    }

    /* Side image */
    .aside-left .side-photo-img {
        object-fit: cover;
        --btk-border-opacity: 1;
        border: 1px solid rgb(225 191 187 / var(--btk-border-opacity, 1));
        border-radius: 0.75rem;
        width: 3rem;
        height: 3rem;
    }

    .aside-left .side-photo-name {
        margin: 0;
        line-height: 1.3;
        font-family: "Noto Serif Regular";
        color: var(--btk-mainnav-color);
        font-weight: 400;
    }

    .aside-left .side-photo-title {
        --tw-text-opacity: 1;
        color: rgb(89 65 62 / var(--tw-text-opacity, 1));
        letter-spacing: 0.1em;
        text-transform: uppercase;
        font-size: 0.65rem;
        margin-bottom: 0;
    }

    /* Side menu */
    .aside-left .navbar {
        padding: 0;
    }

    .aside-left .navbar .nav-link,
    .aside-left .navbar .dropdown-item {
        --btk-text-opacity: 1;
        color: rgb(87 83 78 / var(--btk-text-opacity, 1));
        letter-spacing: 0.1em;
        text-transform: uppercase;
        font-size: 0.75rem;
    }

    .aside-left .navbar .nav-item span[itemprop="name"] {
        display: flex;
        align-items: center;
        gap: 0.75rem;
    }

    .aside-left .navbar .nav-item a {
        padding: 0.75rem 0;
    }

    .aside-left .navbar .nav-item a:hover,
    .aside-left .navbar .nav-item a:focus {
        background-color: transparent;
        text-decoration: underline;
    }

    .aside-left .navbar .nav-item img {
        filter: brightness(0.5);
    }

    .aside-left .navbar .dropdown-menu {
        --t4-dropdown-bg: rgb(248 243 235 / var(--btk-bg-opacity, 1));
        --t4-dropdown-padding-y: 0;
        display: block;
        border: none;
    }

    .aside-left .navbar .dropdown-menu[data-bs-popper] {
        margin-top: 0;
    }

    .aside-left .nav li ul > li.active > a {
        color: var(--btk-mainnav-color);
        font-weight: 700;
    }

    .aside-left .nav li ul > li.active > a img {
        filter: brightness(0) saturate(100%) invert(10%) sepia(100%) saturate(3630%) hue-rotate(349deg) brightness(97%) contrast(89%);
    }

    .aside-left .navbar .nav-item .dropdown-item::before {
        content: "";
    }

    .aside-left .navbar .nav-item .separator {
        font-size: 0.75rem;
        font-weight: 700;
        padding: .75rem 0 0 0;
        cursor: auto;
        border-bottom: 1px solid rgb(87 83 78 / var(--btk-text-opacity, 1));
    }

    .aside-left .dropdown-toggle::after {
        display: none;
    }

    /* Hide aside, show off-canvas */
    @media screen and (max-width: 1140px) {
        .aside-left {
            display: none;
        }
        .t4-offcanvas-toggle.d-lg-none {
            display: block !important;
        }
    }

    @media screen and (min-width: 1141px) {
        .t4-offcanvas-toggle.d-lg-none {
            display: none !important;
        }
    }

}