/*
Theme Name: Triennale 2023
Author: einicher.net
Author URI: http://einicher.net
*/

@font-face {
	font-family: Triennale;
	src: url('https://triennale-kaernten.at/wp-content/themes/triennale-2023/triennale-regular.woff') format("woff");
	font-weight: 400;
}

@font-face {
	font-family: Triennale;
	src: url('https://triennale-kaernten.at/wp-content/themes/triennale-2023/triennale-medium.woff') format("woff");
	font-weight: 500;
}

* { word-break: break-word; hyphens: auto; border: 0; margin: 0; padding: 0; outline: 0; scrollbar-width: thin; scrollbar-color: #FFF #000; vertical-align: baseline; font-family: inherit; font-size: inherit; font-style: inherit; font-weight: inherit; box-sizing: border-box; }
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; }
audio, canvas, video { display: inline-block; max-width: 100%; }

html { font-size: 10px; }
body { font-family: "Triennale", sans-serif; font-size: 1.6rem; background: #FFF; color: #000; }
html, body { height: 100%; }
h1, h2, h3, p { margin: 0 0 2rem 0; }
h1 { font-size: 2.4rem; }
h1, h2, h3 { font-weight: 500; }
ul, ol { padding: 0 0 0 2em; margin: 0 0 20px 0; }
li { margin: 0 0 10px 0; }
a { color: #73AEC0; }
b { font-weight:bold; }
i { font-style: oblique; }
strong { font-weight: 800; }
hr { background: #CCC; height: 1px; margin: 20px -30px; }
img { width: 100%; height: auto; }
input,
button,
textarea { border: 2px solid #CCC; width: 100%; border-radius: 5px; padding: 1rem 1rem; }
button,
.button,
.cd-upload-btn,
input[type=submit] { border-color: #000; font-weight: bold; color: #FFF; background: #000; border-radius: 5px; padding: 10px 20px; display: inline-block; }

.wp-editor-tabs { display: none; }
.bx-wrapper { background: transparent; margin: 0; padding: 0; box-shadow: none; border: 0 none; }

main-container { display: flex; flex-direction: column; min-height: 100vh; position: relative; background-size: cover; background-position: center; }
header.main { display: flex; }
header.main h1  { line-height: 120%; font-size: 2.4rem; margin: 2rem; width: 11rem; }
header.main h1 a { text-decoration: none; color: inherit; }
header.main h2 { display: none; }

menu-toggle { z-index: 888; position: absolute;width: 60px;height: 60px;top: 1rem;right: 1rem;transition-duration: 0.5s;transform: scale(0.5); } 
menu-toggle icon-left {transition-duration: 0.5s;position: absolute;height: 8px;width: 30px;top: 30px;background-color: #000;left: 0px; } 
menu-toggle icon-left:before {transition-duration: 0.5s;position: absolute;width: 30px;height: 8px;background-color: #000;content: '';top: -20px; } 
menu-toggle icon-left:after {transition-duration: 0.5s;position: absolute;width: 30px;height: 8px;background-color: #000;content: '';top: 20px; } 
menu-toggle icon-left:hover {cursor: pointer; } 
menu-toggle icon-right {transition-duration: 0.5s;position: absolute;height: 8px;width: 30px;top: 30px;background-color: #000;left: 30px; } 
menu-toggle icon-right:before {transition-duration: 0.5s;position: absolute;width: 30px;height: 8px;background-color: #000;content: '';top: -20px; } 
menu-toggle icon-right:after {transition-duration: 0.5s;position: absolute;width: 30px;height: 8px;background-color: #000;content: '';top: 20px; } 
body.open menu-toggle icon-left {transition-duration: 0.5s;background: transparent; } 
body.open menu-toggle icon-left:before {transform: rotateZ(45deg) scaleX(1.4) translate(4px, 4px); } 
body.open menu-toggle icon-left:after {transform: rotateZ(-45deg) scaleX(1.4) translate(4px, -4px); } 
body.open menu-toggle icon-right {transition-duration: 0.5s;background: transparent; } 
body.open menu-toggle icon-right:before {transform: rotateZ(-45deg) scaleX(1.4) translate(-4px, 4px); } 
body.open menu-toggle icon-right:after {transform: rotateZ(45deg) scaleX(1.4) translate(-4px, -4px); } 
menu-toggle:hover {cursor: pointer; } 

body.home main-wrap { display: flex; flex-direction: column; background: url('https://triennale-kaernten.at/wp-content/uploads/2026/04/Startscreen-Website.jpg'); background-size: cover; background-position: center; }
body.home.landscape main-wrap { background: url('https://triennale-kaernten.at/wp-content/uploads/2026/04/Startscreen-Website.jpg'); background-size: cover; background-position: center; }
main { display: flex; flex: 1 0; flex-direction: column; padding: 2rem; }
body.home main { padding: 0 2rem 2rem 2rem; }
article.main { flex: 1 0; }
body.home main-container {  }
sidebar { z-index: 666; display: flex; flex-direction: column; box-shadow: 0 0 5px rgba(0, 0, 0, .1); width: 25.6rem; transition: right .2s; position: fixed; top: 0; bottom: 0; right: -320px; background: #C8E1EA; border-left: 1.2rem solid #A8D1DE; }
.admin-bar sidebar { top: 46px; }
body.open sidebar { right: 0; }
nav { display: flex; flex-direction: column; flex: 1 0; font-weight: 500; font-size: 2.4rem; }
.menu-main-container { margin: 2rem 2rem 2rem 2rem; }
.menu-sidebar-mitte-container { margin: 2rem 2rem auto 2rem; }
.menu-service-container { margin: auto 2rem 2rem 2rem; }
nav ul { list-style-type: none; margin: 0; padding: 0 }
nav ul li a { text-decoration: none; color: #000; }
nav ul li a:hover { -border-bottom: .3rem solid; color: #73AEC0;; }
nav ul li.current-menu-item a { color: #FA6900; }


body.home article.main h1 { display: none; }
body.home article.main { display: flex; flex-direction: column; font-style: italic; font-family: Georgia, 'Times New Roman', Times, serif; font-size: 7rem; }
.slogan { margin: auto 0; }
.slogan img { width: auto; height: 80%; margin: auto 2rem 2rem auto; display: block; }
.tagline { margin: 0; font-family: "Open Sans", sans-serif; font-size: 2rem; font-style: italic; }
.result { display: block; margin: 0 0 3rem 0; background: #F6F6F6; text-decoration: none; font-weight: 500; color: #000; }
.result .title { font-weight: 500; font-size: 2.4rem; padding: 1rem; }
.result.project .title { font-size: 2.4rem; padding: 1rem 1rem 2rem 1rem; font-weight: 500; }
.result .date { padding: 1rem 1rem 0 1rem; }
.result .location { padding: 0 1rem; }
.result img { display: block; }
.result.artist img { display: none; }
.result.artist { background: transparent; text-decoration: underline; font-size: 1.7rem; padding: 0; margin: 0; }
.result.artist .title {  text-decoration: underline; font-size: 1.7rem; padding: 0; margin: 0; }

project-wrap,
artist-wrap { padding: 2rem; display: block; margin: 0 -2rem 2rem -2rem; background: #F6F6F6; }
details-box { display: flex; flex-direction: column; background: #F6F6F6; margin: 0 0 2rem 0; }
details-left { font-size: 1.7rem; font-weight: 500; }
details-left .date { margin: 0 0 2rem 0; }
details-left .location { margin: 0 0 2rem 0; }
artists-links { display: block; margin: 0 0 2rem 0; }
artists-links a { font-weight: bold; }
short-bio { padding: 0 2rem 2rem 2rem; font-weight: bold; order: 1; }
figure { order: 0; margin: 0; }
figure img { display: block; }
figcaption { padding: 1rem 2rem; font-weight: 500; font-size: smaller; }
artist-details img { display: block; }
artist-details figure { margin: 0; display: block; }
artist-details figcaption { font-weight: bold; padding: 1rem 2rem 1rem 0; }
artist-project { display: block; margin: 4rem 0; }
artist-statement { display: block; margin: 4rem 0; }

footer.main { -font-weight: bold; display: flex; flex-direction: column; padding: 2rem; }
footer.main .menu { list-style-type: none; margin: 0; padding: 0; }
footer.main .menu li { margin: 0; }
footer.main a { text-decoration: none; color: #000; }

ul.projects { font-size: 2.4rem; font-weight: bold; }

@media (max-width: 1160px) {
    footer.main .menu-item-100 a { text-align: center; padding: 1rem 2rem; display: block; background: #000; color: #FFF; border-radius: 5px; margin: 1rem 0; }
}

@media (min-width: 1160px) {
    .bx-wrapper .bx-controls-direction { display: flex; }
    .bx-wrapper .bx-controls-direction a { position: static; text-indent: 0; margin: 0; width: auto; height: auto;  }
    .bx-wrapper .bx-prev { margin: 0 0 0 auto !important; background: transparent; color: #3B3B3B; font-size: 1.6rem; text-decoration: none; padding: 1rem 3rem; }
    .bx-wrapper .bx-next { margin: 0 2rem 0 0 !important; background: transparent; color: #3B3B3B; font-size: 1.6rem; text-decoration: none; padding: 1rem 3rem; }
    .admin-bar sidebar { top: 32px; }
    body.home { background: url('https://triennale-kaernten.at/wp-content/uploads/2026/04/Startscreen-Website.jpg') center; background-size: cover; }
    body.home.landscape { background: url('https://triennale-kaernten.at/wp-content/uploads/2026/04/Startscreen-Website.jpg') center; background-size: cover; }
    main-container { width: 110rem; margin: auto; min-height: 100vh; }
    body.logged-in main-container { min-height: calc(100vh - 32px); }
    main-wrap { background: transparent !important; flex: 1 0; }
    body.home main-wrap { background: transparent !important; }
    header.main h1 { line-height: 44px; font-size: 44px; margin: 3rem 0 0 3rem; width: 27rem; }
    sidebar { width: 50%; right: -55%; }
    main { padding: 0; }
    body.home main {  }
    article.main { flex: 1 0; padding: 5rem 3rem 3rem 3rem; }
    article.main p {  font-size: 2.4rem; }
    body.home article.main { justify-content: center; flex: 1 0; min-width: 0; margin: 0; padding: 0; }
    .slogan { margin: auto 0; }
    .slogan img { width: 50rem; margin: auto; }
    /*.tagline { position: absolute; left: 3rem; top: 14.2rem; font-size: 2.4rem; }*/
    .tagline { display: none; font-size: 1.6rem; text-align: center; }

    article.main h1 { font-size: 4rem; }
    article.main h2 { font-size: 4rem; }

    list-artists,
    list-projects { gap: 3rem; display: grid; grid-template-columns: auto auto auto; }
    list-events { display: flex; flex-direction: column; }
    list-events .result { margin: 0 0 3rem 0; display: flex; flex: 1 0; width: 100%; }
    list-projects .result { margin: 0; }
    list-projects .result:hover { background: #F2F8FA; }
    .result img { display: block; }
    list-events .result img { width: 34rem; }
    list-events .result .details { padding: 1.5rem 3rem; }
    list-events .result .title { font-size: 2.4rem; font-weight: 400; margin: 2.4rem 0 0 0; padding: 0; }
    list-events .result .date { padding: 0; font-size: 2.4rem; font-weight: 500; }
    list-events .result .location { font-size: 2.4rem; font-weight: 500; padding: 0; margin: 0; }
    .result .title { padding: 1rem 2rem; }
    .result.artist { background: #F6F6F6; text-decoration: none; }
    .result.artist:hover { background: #F2F8FA; }
    .result.artist img { display: block; }
    .result.artist .title { padding: 1.5rem; font-size: 2.4rem; text-decoration: none; }

    project-wrap,
    artist-wrap { padding: 0; }
    artist-details { flex-direction: row; }
    artist-details img { width: 60rem; }
    short-bio { order: 0; min-width: 37rem; padding: 2rem; }
    figure,
    gallery-wrap { order: 1; }
    event-details { display: flex; flex-direction: column; }
    details-box { flex-direction: row; }
    details-left { padding: 1.5rem; flex: 1 0; font-size: 2.4rem; }
    details-box img { width: 710px; height: auto; }
    project-event { font-size: 2.4rem; }

    footer.main { flex-direction: row; flex: 0 0; display: flex; padding: 3rem; }
    footer-col {  }
    footer-col:nth-child(2) { text-align: center; flex-grow: 1; }
    footer-col:nth-child(3) { text-align: right; }
}

@media (min-width: 1920px) {
    .admin-bar sidebar { top: 32px; }
    list-artists { display: grid; grid-template-columns: auto auto auto; gap: 2rem; }
}