:root { --show-sub-sub-menus: block;  --show-main-banner: block;  --separ-history-elements: 1px solid rgba(185, 155, 74, 0.5);  --separ-history-elements-short: auto;  --background-color: #ededed;  --main-color: #ab8211;  --main-color-faded: #d7c89d;  --dark-color: #603f00;  --alt-color: #b99b4a;  --dark-shadow-color: #444444; --light-shadow-color: #f3f3f3; --dark-text-shadow-color: 1px 1px 1px var(--dark-shadow-color); --light-text-shadow-color: 1px 1px 1px var(--light-shadow-color); --background-alt0: transparent;  --background-alt1: #d3d3d3;  --background-alt2: #b3b3b3;  --background-alt3: #939393;  --background-alt4: #737373;  --background-alt5: #bbbbbb;  --background-alt6: #9b9b9b;  --background-alt7: #c3c3c3;  --background-alt8: #beb59d;  --background-spe0: #ffffff;  --background-spe1: #d3d3d3;  --background-spe2: #b3b3b3;  --background-spe3: #e3e3e3;  --background-spe4: #595959;  --background-spe5: #393939;  --background-spe6: #ededed;  --background-spe7: #c3c3c3;  --background-spe8: #cdcdcd;  --background-oth1: #a5a0a5;  --background-oth2: #8d858d;  --background-oth3: #9d9b9d;  --link-decoration-color: #737373; --link-decoration-light-color: #bbbbbb; --test-decoration-color: #ff0000; --shadow-color: var(--light-shadow-color); --text-shadow-color: var(--light-text-shadow-color); --thumbnail-max-width: 500px; --table-odd-background: var(--background-spe2); --table-even-background: var(--background-spe1); --special-font: Manus; --alternate-font: Arial; --site-title-font-size: 40px; --site-description-font-size: 28px; --entry-title-font-size: 48px; --page-h1-font-size: 36px; --page-h2-font-size: 24px; --site-main-small-top: 20px; --article-footer-bottom: 20px; --normal-header-max-height: 140px; --mobile-header-max-height: 80px; --normal-header-max-width: 400px; --mobile-header-max-width: 250px; --normal-branding-width: max-content; --mobile-branding-width: max-content; --normal-branding-padding: 10px; --mobile-branding-padding: 0px; --postnav-margin-top: -30px; --postnav-margin-bottom: 0px; --widget-spacing-vertical: 0px; --widget-column-gap: 20px; --footer-spacing-vertical: 0px; --footer-parts-spacing-vertical: 10Px; --footer-search-padding: 5px; --footer-search-margin-top: 0px; --footer-search-margin-bottom: 5px; --footer-search-color: var(--background-spe5); --footer-search-background: var(--background-spe0); --footer-search-hover-color: var(--background-spe0); --footer-search-hover-background: var(--background-spe4); --mobile-site-logo-max-width: 200px; --sub-menu-background: var(--background-spe3); --current-menu-decoration: solid; --sub-menu-marker: url('images/sup.png'); --list-marker: url('images/sup.png'); --subtitle-top-position: -40px; --subtitle-medium-top-position: -30px; --subtitle-small-top-position: -22px; --subtitle-verysmall-top-position: -18px; --subtitle-font-size: 36px; --subtitle-medium-font-size: 28px; --subtitle-small-font-size: 24px; --subtitle-verysmall-font-size: 22px; --subtitle-smallest-font-size: 18px; --primary-nav-small-font-size: 16px; --primary-nav-menu-line-number: 1; --primary-nav-menu-border: 1px solid var(--dark-color); --primary-nav-used-font-size: min(2.5vw, 18px); --primary-nav-used-menu-size: calc(var(--primary-nav-menu-line-number) * 1.15 * var(--primary-nav-used-font-size) + 11px); --primary-nav-used-toggle-size: var(--primary-nav-used-menu-size); --primary-sub-used-font-size: calc(0.8 * var(--primary-nav-used-font-size)); --primary-sub-used-menu-size: calc(0.8 * var(--primary-nav-used-menu-size)); --primary-signature-used-font-size: min(2.5vw, 18px); --history-left-max-width: 160px; --history-left-width: 30%; --history-odd-background: var(--background-spe3); --history-even-background: var(--background-spe6); --timeline-event-height: 17em; --timeline-event-padding-bottom: 100px; --timeline-date-font-size: 22px; --timeline-date-small-font-size: 16px; --timeline-title-font-size: 18px; --timeline-title-small-font-size: 14px; --timeline-title-smaller-font-size: 13px; --timeline-excerpt-background: var(--background-spe3); --timeline-hover-background: var(--background-spe2); --timeline-hover-background-light: var(--background-spe1); --announce-background: var(--background-alt1); --announce-hover-background: var(--background-alt2); --keynotes-normal-background: var(--background-spe7); --keynotes-hover-background: var(--background-spe1); --sponsor-excerpt-background: var(--background-spe3); --headlines-title-font-size: 24px; --headlines-title-small-font-size: 22px; --headlines-title-font-weight: normal; --headlines-date-font-size: 12px; --headlines-hover-background: var(--background-spe3); --teaser-hover-background: var(--background-spe3); --highlight-background: var(--background-spe3);  --lowlight-background: var(--background-spe1);  --list-buttons-padding: 5px; --list-buttons-margin-top: 0px; --list-buttons-margin-bottom: 15px; --list-buttons-color: var(--background-spe5); --list-buttons-background: var(--background-spe0); --list-buttons-hover-color: var(--background-spe0); --list-buttons-hover-background: var(--background-spe5); --pcmembers-odd-background: var(--background-spe3); --pcmembers-even-background: var(--background-spe6); --panelists-cv-background: var(--background-spe3); } @font-face { font-family: 'Manus'; src: url('fonts/Manus.otf'); src: url('fonts/Manus.otf') format('truetype'); font-weight: normal; font-style: normal; } @font-face { font-family: 'FontAwesome'; src: url('fonts/fontawesome-webfont.eot?v=4.6.1'); src: url('fonts/fontawesome-webfont.eot?#iefix&v=4.6.1') format('embedded-opentype'), url('fonts/fontawesome-webfont.woff2?v=4.6.1') format('woff2'), url('fonts/fontawesome-webfont.woff?v=4.6.1') format('woff'), url('fonts/fontawesome-webfont.ttf?v=4.6.1') format('truetype'), url('fonts/fontawesome-webfont.svg?v=4.6.1#fontawesomeregular') format('svg'); font-weight: normal; font-style: normal; } body, #page { background-color: var(--background-color) !important; } a.custom-logo-link { display: inline-block !important; } img.custom-logo, img.custom-logo:active, img.custom-logo:hover, img.custom-logo:focus, a.custom-logo-link, a.custom-logo-link:active, a.custom-logo-link:hover, a.custom-logo-link:focus { background-color: transparent !important; outline: none !important; } .site-info .site-logo a.custom-logo-link:focus { outline: 1px solid var(--main-color-faded) !important; } .site-header { padding-top: 30px !important; padding-bottom: 10px !important; row-gap: 0px !important; } .site-header > .site-logo { padding-bottom: 30px !important; border-bottom: 2px solid var(--main-color) !important; margin-bottom: 0px !important; } .site-header > .site-logo img { max-height: var(--normal-header-max-height) !important; max-width: var(--normal-header-max-width) !important; } .site-branding { position: relative !important; top: 0px !important; left: 0px !important; width: var(--normal-branding-width) !important; padding-right: var(--normal-branding-padding) !important; } .site-branding a, .site-branding a:active, .site-branding a:hover { text-decoration: none !important; outline: none !important; } .site-title, .site-description { font-family: var(--special-font) !important; text-align: left !important; color: var(--main-color) !important; } .site-title { text-transform: none !important; text-align: left; letter-spacing: 4px !important; font-weight: normal !important; font-size: var(--site-title-font-size) !important; padding: 0px !important; margin: 0px !important; } .site-title a { text-decoration: none !important; } .site-description { font-size: var(--site-description-font-size) !important; line-height: 1 !important; } .primary-navigation { margin: 0px 0px 0px auto !important; padding-top: 0.5em !important; width: initial !important; } .primary-navigation a { height: var(--primary-nav-used-menu-size) !important; font-size: var(--primary-nav-used-font-size) !important; } .primary-navigation .primary-menu-container svg { margin-top: 0px !important; } .primary-navigation .primary-menu-container > ul > .menu-item > a { font-weight: bold !important; font-size: var(--primary-nav-used-font-size) !important; padding-top: 5px !important; padding-left: 5px !important; padding-bottom: 3px !important; margin-top: auto !important; margin-left: 0px !important; margin-bottom: 10px !important; text-decoration: none !important; border-bottom: 3px solid transparent !important; border-left: var(--primary-nav-menu-border) !important; } .primary-navigation .primary-menu-container > ul > .menu-item > a > span { display: block !important; } .primary-navigation .primary-menu-container > ul > .menu-item > a:hover, .primary-navigation .primary-menu-container > ul > .menu-item > a:focus { text-decoration: none !important; border-bottom: 3px solid var(--alt-color) !important; } .primary-navigation .primary-menu-container > ul > li > a { padding-right: 5px !important; } .primary-navigation > div > .menu-wrapper { margin: 0.5rem 13px 0px 15px !important; } .primary-navigation > div > .menu-wrapper .sub-menu-toggle { cursor: pointer !important; padding: 0px 5px !important; width: 29px !important; margin-top: auto !important; margin-bottom: 11px !important; height: var(--primary-nav-used-toggle-size) !important; } .primary-navigation .primary-menu-container .sub-menu-toggle:active, .primary-navigation .primary-menu-container .sub-menu-toggle:hover, .primary-navigation .primary-menu-container .sub-menu-toggle:focus { outline: none !important; border: none !important; } .primary-navigation .primary-menu-container .sub-menu-toggle .icon-plus, .primary-navigation .primary-menu-container .sub-menu-toggle .icon-minus { align-items: flex-end !important; padding-bottom: 4px !important; margin-top: auto !important; height: max-content !important; } .primary-navigation > div > .menu-wrapper li:last-child .sub-menu-toggle { border-right: 1px solid var(--dark-color) !important; } .primary-navigation > div > .menu-wrapper > li > .sub-menu { padding: 2px 10px 5px 10px !important; background-color: var(--sub-menu-background) !important; border-radius: 10px !important; } .primary-navigation > div > .menu-wrapper > li > .sub-menu li a { font-size: var(--primary-sub-used-font-size) !important; font-weight: 500 !important; height: var(--primary-sub-used-menu-size) !important; } .primary-navigation > div > .menu-wrapper > li > .sub-menu .sub-menu { display: var(--show-sub-sub-menus) !important; margin-left: 40px !important; } .primary-navigation > div > .menu-wrapper > li > .sub-menu .sub-menu li { display: list-item !important; } .primary-navigation > div > .menu-wrapper > li > .sub-menu .sub-menu li a { margin-left: -0.5rem !important; border-bottom: 2px solid transparent !important; } .primary-navigation > div > .menu-wrapper > li > .sub-menu .sub-menu li a::before { content: "\f105"; font-family: FontAwesome !important; font-weight: bold !important; color: var(--main-color) !important; margin-right: 0.5rem !important; vertical-align: top !important; } .primary-navigation > div > .menu-wrapper > li > .sub-menu .sub-menu li a:focus, .primary-navigation > div > .menu-wrapper > li > .sub-menu .sub-menu li a:hover { text-decoration: none !important; border-bottom: 2px solid var(--alt-color) !important; } .primary-navigation > div > .menu-wrapper > li > .sub-menu::after { border-color: var(--sub-menu-background) transparent !important; } .primary-navigation > div > .menu-wrapper > li > .sub-menu li { padding: 0px !important; background-color: var(--sub-menu-background) !important; border-radius: 6px !important; } .primary-navigation > div > .menu-wrapper > li > .sub-menu li a { padding: 5px !important; border-bottom: 2px solid transparent !important; } .primary-navigation > div > .menu-wrapper > li > .sub-menu li a:focus, .primary-navigation > div > .menu-wrapper > li > .sub-menu li a:hover { text-decoration: none !important; border-bottom: 2px solid var(--alt-color) !important; } .primary-navigation > div > .menu-wrapper > li > .sub-menu li a.nohover:focus, .primary-navigation > div > .menu-wrapper > li > .sub-menu li a.nohover:hover { border-bottom: 2px solid transparent !important; } .primary-navigation .primary-menu-container > ul > .current-menu-ancestor > a:first-child, .primary-navigation .primary-menu-container > ul > .current_menu > a:first-child { text-decoration: none !important; padding-bottom: 4px !important; border-bottom: 2px solid var(--dark-color) !important; } .primary-navigation .primary-menu-container > ul > .current-menu-ancestor > a:first-child:focus, .primary-navigation .primary-menu-container > ul > .current-menu-ancestor > a:first-child:hover, .primary-navigation .primary-menu-container > ul > .current_page_item > a:first-child:focus, .primary-navigation .primary-menu-container > ul > .current_page_item > a:first-child:hover { text-decoration: none !important; padding-bottom: 3px !important; border-bottom: 3px solid var(--alt-color) !important; } .primary-navigation .sub-menu .current_page_item > a:first-child, .primary-navigation .sub-menu .current-page-parent .sub-menu .current_page_item > a:first-child, .primary-navigation .sub-menu .current_page_item > a:first-child:focus, .primary-navigation .sub-menu .current_page_item > a:first-child:hover, .primary-navigation .sub-menu .current-page-parent .sub-menu .current_page_item > a:first-child:focus, .primary-navigation .sub-menu .current-page-parent .sub-menu .current_page_item > a:first-child:hover { text-decoration: none !important; padding-bottom: 3px !important; border-bottom: 2px solid var(--dark-color) !important; } .primary-navigation .sub-menu a { width: max-content !important; margin-right: auto !important; } .primary-navigation a, .primary-navigation a:active, .primary-navigation a:hover, .primary-navigation a:focus { background-color: transparent !important; } #primary-mobile-menu, #primary-mobile-menu:active, #primary-mobile-menu:hover, #primary-mobile-menu:focus { border: none !important; outline: none !important; } .navigation .nav-links { font-size: var(--global--font-size-base) !important; } .navigation .nav-links a, .navigation .nav-links a:active, .navigation .nav-links a:focus { text-decoration: none !important; outline: none !important; } .navigation .nav-links a:hover { text-decoration: underline !important; outline: none !important; } .wide-search, .site-search { background-color: transparent !important; text-align: right !important; margin: 0px auto !important; width: 100% !important; } .wide-search .twc-search-container, .site-search .twc-search-container { width: max-content !important; margin-left: auto !important; } .wide-search .twc-search-inner, .site-search .twc-search-inner { position: relative !important; width: max-content !important; } .wide-search .twc-search-inner::after, .site-search .twc-search-inner::after { position: absolute !important; left: 8px !important; top: 0.35rem !important; font-family: FontAwesome !important; font-size: 14px !important; content: "\f002" !important; color: var(--main-color) !important; } .wide-search .search-field, .site-search .search-field { position: relative !important; top: -0.2rem !important; margin: 0px !important; color: var(--footer-search-color) !important; background-color: var(--footer-search-background) !important; border: 2px solid var(--main-color) !important; padding: 0px 5px 2px 24px !important; font-size: var(--primary-sub-used-font-size) !important; font-style: italic !important; width: 15em !important; text-decoration: none !important; } .site-main > article > .entry-footer { padding-bottom: var(--article-footer-bottom) !important; margin-bottom: var(--article-footer-bottom) !important; } .post-navigation { margin: var(--postnav-margin-top) auto var(--postnav-margin-bottom) auto !important; background-color: var(--background-alt2) !important; width: 81% !important; max-width: 81% !important; padding: 0px 15px 15px 15px !important; } .special-navigation { margin: 20px auto !important; background-color: transparent !important; width: 100% !important; max-width: 100% !important; padding: 0px 15px 15px 15px !important; } .special-top-navigation { max-width: var(--responsive--alignwide-width) !important; margin: 50px auto 0px auto !important; height: 55px !important; } .special-top-navigation .special-navigation { position: relative !important; top: 10px !important; margin: 0px !important; padding-bottom: 0px !important; } .post-navigation .nav-links .nav-previous, .post-navigation .nav-links .nav-next, .special-navigation .nav-links .nav-previous, .special-navigation .nav-links .nav-next { padding: 0px 5px 5px 5px !important; background-color: var(--background-spe1) !important; border: 1px solid var(--main-color) !important; border-radius: 10px !important; } .special-navigation .nav-links .nav-previous, .special-navigation .nav-links .nav-next { margin-top: 3px !important; } .special-navigation .nav-links .nav-next { text-align: right !important; } .site-footer { margin-top: 0px !important; } .site-footer > *, .widget-area > * { margin-top: var(--footer-parts-spacing-vertical) !important; margin-bottom: var(--footer-parts-spacing-vertical) !important; } .widget-area { padding-top: var(--widget-spacing-vertical) !important; margin: var(--widget-spacing-vertical) auto !important; } .footer-navigation { margin: var(--footer-spacing-vertical) auto !important; } .footer-navigation a { outline: 2px solid var(--background-spe1) !important; text-decoration: none !important; background-color: var(--background-spe0) !important; } .footer-navigation .footer-navigation-wrapper li a, .footer-navigation .footer-navigation-wrapper li a:focus { outline: none !important; text-decoration: none !important; background-color: transparent !important; } .footer-navigation .footer-navigation-wrapper li a:focus svg { outline: 1px solid black !important; text-decoration: none !important; background-color: transparent !important; } .post-navigation .nav-links .meta-nav { font-size: 18px !important; } .post-navigation .current-post-title, .post-navigation .nav-links .post-title { font-size: 20px !important; font-style: italic !important; font-weight: bold !important; margin: 0px !important; } .post-navigation .current-post-title { margin: 0px auto !important; text-align: center !important; } .post-navigation .nav-links .nav-prev, .post-navigation .nav-links .nav-next, .post-navigation .nav-links .nav-placeholder, .special-navigation .nav-links .nav-prev, .special-navigation .nav-links .nav-next, .special-navigation .nav-links .nav-placeholder { min-width: 180px !important; } .post-section { width: 100% !important; max-width: 100% !important; padding: 15px !important; } .post-section table, .post-section table td { border: none !important; line-height: 1.2rem !important; padding: 0px 5px 5px 5px !important; } .post-section table td:first-child { width: 7.5em !important; min-width: 7.5em !important; vertical-align: top !important; } .post-section table td:first-child::before { content: "\f105\00A0\00A0"; font-family: FontAwesome !important; font-weight: bold !important; color: var(--main-color) !important; vertical-align: top !important; } .post-section h2, .wide-section h2, .page-section h2 { font-size: var(--page-h1-font-size) !important; font-weight: bold !important; color: var(--main-color) !important; text-align: center !important; text-shadow: var(--text-shadow-color) !important; width: 90% !important; max-width: 90% !important; margin: auto !important; padding-bottom: 30px !important; } .post-section h2.twc-smaller, .wide-section h2.twc-smaller, .page-section h2.twc-smaller { font-size: calc(var(--page-h1-font-size) * 0.8) !important; } .wide-section h2.darkcolor, .page-section h2.darkcolor, .block-section h2.darkcolor { color: var(--dark-color) !important; } .post-section .back1 h2, .post-section .back2 h2, .post-section .back3 h2, .wide-section .back1 h2, .wide-section .back2 h2, .wide-section .back3 h2, .page-section .back1 h2, .page-section .back2 h2, .page-section .back3 h2 { color: var(--dark-color) !important; } .wide-section h3, .page-section h3 { font-size: var(--page-h2-font-size) !important; line-height: 1.3em !important; font-weight: bold !important; text-align: left !important; color: var(--main-color) !important; width: 90% !important; max-width: 90% !important; margin: auto !important; } .wide-section h3.darkcolor, .page-section h3.darkcolor { color: var(--dark-color) !important; } .wide-section h3.centered, .page-section h3.centered { text-align: center !important; width: 100% !important; } .wide-section h4, .page-section h4 { font-size: var(--page-h2-font-size) !important; line-height: 1.3em !important; font-weight: bold !important; text-align: left !important; color: var(--main-color) !important; width: 90% !important; max-width: 90% !important; margin: auto !important; } .wide-section h2 a, .page-section h2 a, .block-section h2 a { color: var(--main-color) !important; } .wide-section h2 a.darkcolor, .page-section h2 a.darkcolor, .block-section h2 a.darkcolor { color: var(--dark-color) !important; text-shadow: var(--text-shadow-color) !important; } .wide-section h3 a, .page-section h3 a, .block-section h3 a { color: var(--main-color) !important; } .wide-section .back1 h3, .page-section .back1 h3, .block-section .back1 h3, .wide-section .back1 h3 a, .page-section .back1 h3 a, .block-section .back1 h3 a, .wide-section .back1 h4, .page-section .back1 h4, .block-section .back1 h4, .wide-section .back1 h4 a, .page-section .back1 h4 a, .block-section .back1 h4 a, .wide-section .back2 h3, .page-section .back2 h3, .block-section .back2 h3, .wide-section .back2 h3 a, .page-section .back2 h3 a, .block-section .back2 h3 a, .wide-section .back2 h4, .page-section .back2 h4, .block-section .back2 h4, .wide-section .back2 h4 a, .page-section .back2 h4 a, .block-section .back2 h4 a, .wide-section .back3 h3, .page-section .back3 h3, .block-section .back3 h3, .wide-section .back3 h3 a, .page-section .back3 h3 a, .block-section .back3 h3 a, .wide-section .back3 h4, .page-section .back3 h4, .block-section .back3 h4, .wide-section .back3 h4 a, .page-section .back3 h4 a, .block-section .back3 h4 a, .wide-section .back7 h3, .page-section .back7 h3, .block-section .back7 h3, .wide-section .back7 h3 a, .page-section .back7 h3 a, .block-section .back7 h3 a, .wide-section .back7 h4, .page-section .back7 h4, .block-section .back7 h4, .wide-section .back7 h4 a, .page-section .back7 h4 a, .block-section .back7 h4 a { color: var(--dark-color) !important; text-shadow: var(--text-shadow-color) !important; } .wide-section a, .page-section a, .block-section a, .category-timeline a, .category-keynotes a, .category-panel a, .category-sponsors a, .category-headlines a, .category-announce a { display: inline !important; text-decoration: underline !important; text-decoration-thickness: 1px !important; text-decoration-color: var(--link-decoration-light-color) !important; background-color: transparent !important; } .category-announce .post-thumbnail { display: none !important; } .specialblock.back1 a, .wide-section .back2 a, .page-section .back2 a, .block-section .back2 a, .wide-section .back3 a, .page-section .back3 a, .block-section .back3 a, .wide-section .back7 a, .page-section .back7 a, .block-section .back7 a { text-decoration-color: var(--link-decoration-color) !important; } .wide-section a:active, .wide-section a:hover, .wide-section a:focus, .page-section a:active, .page-section a:hover, .page-section a:focus, .block-section a:active, .block-section a:hover, .block-section a:focus { text-decoration: underline !important; outline: none !important; text-decoration-thickness: 2px !important; text-decoration-color: black !important; background-color: transparent !important; } .wide-section a:focus img, .page-section a:focus img, .block-section a:focus img { outline: 1px solid var(--link-decoration-color) !important; } .block-section { padding: 20px 0px 120px 0px !important; } .block-section.twc-medium { padding: 20px 0px 60px 0px !important; } .block-section.twc-short { padding: 20px 0px 20px 0px !important; } .block-section a { word-break: break-word !important; } .block-separator { width: 100% !important; height: 0px !important; background-color: var(--background-color) !important; } h2.narrow { width: 80% !important; } hr:not(.narrow) { width: 90% !important; border: 1px solid var(--main-color) !important; margin-top: 50px !important; } hr.narrow:not(.special) { width: 50% !important; border: 1px solid var(--main-color) !important; margin-bottom: 30px !important; } hr.narrow.special { width: 15rem !important; border: 1px solid var(--dark-color) !important; margin: 40px auto 45px auto !important; } img { display: inline-block !important; } .entry-header { padding: 0px !important; margin-bottom: 50px !important; border: none !important; max-width: 90% !important; } .entry-title { font-family: var(--special-font) !important; font-size: var(--entry-title-font-size) !important; font-weight: normal !important; letter-spacing: 5px !important; text-align: center !important; color: var(--main-color) !important; width: max-content !important; max-width: 100% !important; margin: auto !important; padding: 5px 10px !important; border: 4px solid var(--main-color) !important; border-radius: 10px !important; } .entry-title a { text-decoration: none !important; } .site-main { padding-top: calc(2 * var(--global--spacing-vertical)) !important; } img.page-banner { display: var(--show-main-banner) !important; width: var(--responsive--alignwide-width) !important; margin: auto !important; } .page-section { max-width: var(--responsive--alignwide-width) !important; margin: auto !important; } .wide-section { width: 100% !important; max-width: 100% !important; } .wide-section .wide-section, .page-section .wide-section, .block-section .wide-section, .wide-section .page-section, .page-section .page-section, .block-section .page-section, .wide-section .block-section, .page-section .block-section, .block-section .block-section { max-width: 100% !important; } .wide-section .wide-section > div, .page-section .wide-section > div, .block-section .wide-section > div, .wide-section .page-section > div, .page-section .page-section > div, .block-section .page-section > div, .wide-section .block-section > div, .page-section .block-section > div, .block-section .block-section > div { background-color: transparent !important; padding: 0px !important; } .page-subtitle { position: relative !important; top: var(--subtitle-top-position) !important; font-family: var(--special-font) !important; font-size: var(--subtitle-font-size) !important; width: max-content !important; color: var(--main-color) !important; background-color: var(--background-color) !important; margin: 0px auto !important; padding: 0px 0.5em !important; border-top-left-radius: 20px !important; border-top-right-radius: 20px !important; } .centered {  text-align: center !important; } .justified {  text-align: justify !important; } .page-section > p { text-align: justify !important; margin: 10px auto 20px auto !important; } .top-border { border-top: 6px solid var(--main-color) !important; margin-top: 50px !important; } .top-line {  border-top: 6px solid var(--main-color) !important; margin-top: 50px !important; padding-top: 30px !important; } .short-top-line {  border-top: 2px solid var(--main-color) !important; width: 90% !important; margin: 50px auto 0px auto !important; padding-top: 30px !important; } .flex-person { display: flex !important; display: -webkit-flex; justify-content: center !important; flex-flow: row nowrap; margin: auto !important; width: var(--responsive--alignwide-width) !important; } .wide-section .flex-person { max-width: 900px !important; } .flex-person:not(.flex-alt-person):not(.flex-med-person):not(:first-of-type):not(.special-margin) { margin-top: 30px !important; padding-top: 30px !important; } .flex-person.special-margin { margin-top: 15px !important; margin-bottom: 30px !important; } .flex-person.flex-alt-person { min-height: 110px !important; } .flex-person.flex-med-person { min-height: 130px !important; } .flex-person.flex-alt-person:not(:first-of-type), .flex-person.flex-med-person:not(:first-of-type) { margin-top: 20px !important; } .flex-person .person-picture { width: 200px !important; min-width: 200px !important; margin: auto 0px !important; } .flex-person.special-margin .person-picture { margin: auto 20px !important; } .flex-person .person-picture img { border: 8px solid var(--main-color) !important; border-radius: 50% !important; width: 100% !important; } .flex-person .person-alt-picture { width: 80px !important; min-width: 80px !important; margin: auto 0px !important; } .flex-person .person-med-picture { width: 110px !important; min-width: 80px !important; margin: auto 0px !important; } .flex-person .person-alt-picture img, .flex-person .person-med-picture img { border: 4px solid var(--main-color) !important; border-radius: 50% !important; width: 100% !important; } .flex-person .person-about { margin-left: 25px !important; margin-right: 0px !important; padding: 15px !important; text-align: justify !important; width: calc(100% - 220px) !important; } .flex-person.flex-alt-person .person-about, .flex-person.flex-med-person .person-about { margin-left: 10px !important; } .flex-person .person-about h3 { padding-left: 20px !important; } .flex-person .person-about h3 span:first-child { display: inline-block !important; width: 1px !important; } .flex-person .person-about p { width: 100% !important; font-size: 90% !important; } .flex-person .person-about .person-cv-container { margin: 0px !important; padding: 0px !important; } .flex-person.right .person-about { margin-left: 0px !important; margin-right: 25px !important; } .flex-person.right.flex-alt-person .person-about, .flex-person.right.flex-med-person .person-about { margin-right: 10px !important; } table { border-collapse: collapse !important; margin-top: 20px !important; } table, table tr, table td { border: none !important; } table tr.history { border-bottom: 2px solid var(--main-color) !important; } table tr.history:first-child { border-top: 2px solid var(--main-color) !important; } table tr.history:nth-child(odd) { background-color: var(--history-odd-background) !important; } table tr.history:nth-child(even) { background-color: var(--history-even-background) !important; } table tr.history td:first-child { width: var(--history-left-max-width) !important; } table tr.history td:first-child p { width: max-content !important; margin: auto !important; } table tr.history ul { list-style-type: none !important; padding-left: 0.5rem !important; } table tr.history ul li span { display: block !important; margin-left: -0.2rem !important; } table tr.history ul li span::before { content: "\f105\00A0\00A0"; font-family: FontAwesome !important; font-weight: bold !important; color: var(--main-color) !important; vertical-align: top !important; } table tr.history ul li:not(:first-child) span { border-top: var(--separ-history-elements) !important; width: var(--separ-history-elements-short) !important; } .programview { overflow-x: auto !important; } .programview tr td { padding: 10px 5px !important; } .programview tr td span { display: inline-block !important; width: 100% !important; padding: 0px 5px !important; } .programview tr td span:nth-of-type(odd) { background-color: var(--background-spe3) !important; } .programview tr td span:nth-of-type(even) { background-color: var(--background-spe1) !important; } .programschedule { padding: 0px 20px !important; min-height: 1000px !important; margin: auto !important; } .schedule-container { display: none !important; } table.schedule { line-height: 1.5em !important; border-color: var(--dark-color) !important; } table.schedule td { border: 1px solid var(--dark-color) !important; } table.schedule th.psday { color: var(--dark-color) !important; font-size: 130% !important; text-align: center !important; height: 80px !important; } table.schedule th.pshour, table.schedule td.pshour { width: 5rem !important; color: var(--dark-color) !important; } table.schedule td.psnavleft { width: 2rem !important; border: none !important; padding: 0px 6px 0px 2px !important; vertical-align: middle !important; } table.schedule td.psnavright { width: 2rem !important; border: none !important; padding: 0px 2px 0px 6px !important; vertical-align: middle !important; } table.schedule td > ul.flexmode { display: flex !important; justify-content: flex-start !important; flex-wrap: wrap !important; font-size: 16px !important; list-style-type: none !important; padding: 0px !important; } table.schedule td > ul.flexmode.onecol > li { width: 100% !important; border: 1px solid var(--background-color) !important; } table.schedule td > ul.flexmode.twocols > li { width: 50% !important; border: 1px solid var(--background-color) !important; } table.schedule td > ul.flexmode.threecols > li { width: 33.33% !important; border: 1px solid var(--background-color) !important; } table.schedule td.isabreak > ul.flexmode.twocols > li, table.schedule td.isabreak > ul.flexmode.threecols > li { width: 100% !important; border: none !important; text-align: center !important; color: var(--dark-color) !important; font-size: 160% !important; font-weight: bold !important; } table.schedule td > ul.flexmode li.pssess { position: relative !important; padding: 5px 5px 10px 1.2rem !important; line-height: 1.3em !important; break-inside: avoid !important; } table.schedule td > ul.flexmode li.pssess::before, table.schedule td > ul.flexmode ul >li::before { content: "\f105"; font-family: FontAwesome !important; font-weight: bold !important; color: var(--dark-color) !important; margin-left: -0.8rem !important; margin-right: 0.4rem !important; vertical-align: top !important; } table.schedule td > ul.flexmode li.pssess > span { display: inline-block !important; padding-right: 20px !important; } table.schedule td > ul.flexmode li.pssess .twc-right-program { position: absolute !important; top: 5px !important; right: -5px !important; } table.schedule td > ul.flexmode ul { font-size: 75% !important; list-style-type: none !important; padding: 0px 0px 0px 1rem !important; } table.schedule span.psinprev { display: inline-block !important; float: left !important; } table.schedule span.psinnext { display: inline-block !important; float: right !important; } table.schedule span.psinprev img, table.schedule span.psinnext img { max-height: 30px !important; } table.schedule img.psprev { opacity: 0 !important; } div.registration-container { width: auto !important; max-width: 800px!important; } table.registration { margin: 0px !important; } table.registration th, table.registration td { padding: 0px 15px !important; } table.registration tr:nth-child(odd) { background-color: var(--history-odd-background) !important; } table.registration tr:nth-child(even) { background-color: var(--history-even-background) !important; } table.pc-members.with-separ { border-top: 1px solid var(--background-color) !important; margin-bottom: 10px !important; } .wide-section ol.leftposition, .page-section ol.leftposition, .block-section ol.leftposition, .wide-section ul.leftposition, .page-section ul.leftposition, .block-section ul.leftposition { padding-left: 1em !important; } div.highlights, p.highlights, ul.highlights { width: max-content !important; max-width: 90% !important; margin: 1rem auto 1rem 10% !important; padding: 1rem !important; background: var(--highlight-background) !important; border: 2px solid var(--main-color) !important; border-radius: 10px !important; } div.highlights.lowpad { padding: 0.3rem !important; } .with-decoration ul.highlights { max-width: none !important; } div.highlights.centerposition, p.highlights.centerposition, ul.highlights.centerposition { margin: 1rem auto!important; } div.highlights.centerspaced, p.highlights.centerspaced, ul.highlights.centerspaced { margin: 50px auto 1rem auto !important; } div.highlights.centerbottomspaced, p.highlights.centerbottomspaced, ul.highlights.centerbottomspaced { margin: 1rem auto 50px auto !important; } div.highlights.leftposition, p.highlights.leftposition, ul.highlights.leftposition { margin: 1rem auto 1rem 0px !important; } ul.highlights::before { opacity: 0.5 !important; padding-right: 20px !important; } div.highlights.left, p.highlights.left, ul.highlights.left { margin: 1rem auto 1rem 5% !important; max-width: 90% !important; } .multi-columns { display: flex !important; margin: auto !important; max-width: var(--responsive--alignwide-width) !important; } .multi-columns.grouped { width: 100% !important; margin-top: 25px !important; } .multi-columns:not(.grouped) > div { margin-top: 20px !important; } .multi-columns.buttons > div { margin-top: 0px !important; } .multi-columns div { text-align: justify !important; } .multi-columns div p.nojustify { text-align: left !important; } .multi-columns .col-left-33 { width: 33.33% !important; min-width: 33.33% !important; padding: 10px !important; } .multi-columns .col-left-50, .multi-columns .col-right-50 { width: 50% !important; min-width: 50% !important; padding: 10px !important; } .multi-columns .col-left-66 { width: 66.66% !important; min-width: 66.66% !important; padding: 15px !important; } .multi-columns .col-left-66.twc-nopad { padding: 0px !important; } .multi-columns .col-third:nth-child(1) { width: 33.33% !important; padding: 10px !important; border-right: 1px solid var(--alt-color) !important; } .multi-columns .col-third:nth-child(2) { width: 33.33% !important; padding: 10px !important; } .multi-columns .col-third:nth-child(3) { width: 33.33% !important; padding: 10px !important; border-left: 1px solid var(--alt-color) !important; } .multi-columns .col-right-33 { width: 33.33% !important; min-width: 33.33% !important; padding: 10px !important; border: none !important; } .multi-columns .col-right-50 { width: 50% !important; min-width: 50% !important; padding: 10px !important; border: none !important; } .multi-columns .col-right-66 { width: 66.66% !important; min-width: 66.66% !important; padding: 10px !important; border: none !important; } .multi-columns .col-bottom { display: none !important; padding: 10px !important; margin: 0px 10px 20px 10px !important; border-bottom: 1px solid var(--main-color) !important; } .multi-columns.widecolumns .with-border { margin: auto !important; width: max-content !important; padding: 5px 15px !important; border: 4px solid var(--main-color) !important; border-radius: 10px !important; } .multi-columns.widecolumns .with-border.hidden { border: 4px solid transparent !important; } .multi-columns.widecolumns .with-border ul.lowlights { margin: 10px auto 10px auto !important; } .col-full { padding: 10px 0px 30px 0px !important; } .col-full div { padding: 0px 10px 0px 10px !important; } .left-padded {  padding-left: 10px !important; } .timeline-container { width: 100% !important; max-width: 100% !important; height: calc(var(--timeline-event-height) + 2em) !important; } .timeline-showmore { position: relative !important; left: 23px !important; top: calc(var(--timeline-event-height) - 1.3em) !important; height: 1.5em !important; } .timeline-showmore a { text-decoration: none !important; } .timeline-showmore a:focus, .timeline-showmore a:hover { text-decoration: underline !important; } .panel-head, .welcome-head, .timeline-head { text-align: left !important; padding: 10px 0px 10px 0px !important; } .timeline-list { display: flex !important; justify-content: flex-start !important; flex-wrap: wrap !important; list-style-type: none !important; padding: 0px 0px 20px 10px !important; margin: 10px 10px 0px 0px !important; height: var(--timeline-event-height) !important; } .timeline-mainpast { opacity: 0.3 !important; } .timeline-list > .timeline-item-block { position: relative !important; padding: 5px 0px 0px 0px !important; min-width: 4.2em !important; width: 4.2em !important; border-bottom: 5px solid var(--main-color) !important; border-left: 1px solid var(--main-color) !important; cursor: help !important; } .timeline-list > .timeline-item-block:last-child { border-right: 1px solid var(--alt-color) !important; } .timeline-list > .timeline-item-block.timeline-borderpast { padding-top: 5px; border-left: 1px solid var(--main-color-faded) !important; border-bottom: 5px solid var(--main-color-faded) !important; } .wide-section .timeline-link, .wide-section .timeline-link:active, .wide-section .timeline-link:hover, .page-section .timeline-link, .page-section .timeline-link:active, .page-section .timeline-link:hover, .block-section .timeline-link, .block-section .timeline-link:active, .block-section .timeline-link:hover { text-decoration: none !important; outline: none !important; } .timeline-list .timeline-item-border { position: absolute !important; left: 10px !important; bottom: -12px !important; width: 20px !important; height: 20px !important; background-color: var(--main-color) !important; border: 2px solid var(--main-color) !important; border-radius: 50% !important; } .timeline-list .timeline-item-border.timeline-borderpast { background-color: var(--main-color-faded) !important; border: 2px solid var(--main-color-faded) !important; } .timeline-list .timeline-item { margin: 0px !important; padding-left: 10px !important; writing-mode: vertical-rl !important; transform: rotate(-180deg) !important; text-align: left !important; } .timeline-list .timeline-item .timeline-item-content { display: block !important; padding: 15px 0px 5px 10px !important; height: var(--timeline-event-height) !important; } .timeline-list .timeline-item .timeline-item-date { font-size: var(--timeline-date-font-size) !important; font-weight: bold !important; padding-bottom: 4px !important; } .timeline-list .timeline-item .timeline-title { font-size: var(--timeline-title-font-size) !important; line-height: 1.4rem !important; height: var(--timeline-event-height) !important; cursor: inherit !important; text-align: left !important; } .timeline-item-excerpt { display: none !important; opacity: 0 !important; position: absolute !important; text-align: left !important; padding: 10px !important; background-color: var(--timeline-excerpt-background) !important; border: 2px solid var(--main-color) !important; border-radius: 10px !important; width: 600px !important; max-width: max-content !important; cursor: default !important; z-index: 999 !important; } .timeline-item .timeline-item-suite { position: absolute !important; bottom: 0px !important; right: 20px !important; } .timeline-list .timeline-item-cursor { display: none !important; content: url('images/help.png') !important; position: absolute; bottom: -1px !important; right: -2px !important; width: 26px !important; height: 26px !important; padding: 0px !important; opacity: 0.2 !important; } .timeline-item-hover { display: none !important; background: var(--timeline-hover-background) !important; } .timeline-item-hover-light { display: none !important; background: var(--timeline-hover-background-light) !important; } .timeline-page-list { list-style-type: none !important; padding: 10px 0px 50px 0px !important; } .timeline-page-list > li { position: relative !important; list-style-type: none !important; border-top: 1px solid var(--main-color) !important; border-bottom: none !important; border-left: 5px solid var(--main-color) !important; padding-top: 0px !important; padding-right: 20px !important; width: 100% !important; } .timeline-page-list > li:nth-child(odd) { background-color: var(--table-odd-background) !important; } .timeline-page-list > li:nth-child(even) { background-color: var(--table-even-background) !important; } .timeline-page-list > li:last-child { border-bottom: 1px solid var(--main-color) !important; } .timeline-page-list > li.timeline-borderpast { border-top: 1px solid var(--main-color-faded) !important; border-left: 5px solid var(--main-color-faded) !important; border-bottom: none !important; } .timeline-page-list .timeline-page-item-border { position: absolute !important; top: 9px !important; left: -12px !important; width: 20px !important; height: 20px !important; background-color: var(--main-color) !important; border: 2px solid var(--main-color) !important; border-radius: 50% !important; } .timeline-page-list .timeline-page-item-border.timeline-borderpast { background-color: var(--main-color-faded) !important; border: 2px solid var(--main-color-faded) !important; } .timeline-page-list .timeline-page-item { margin-top: 0px !important; padding-left: 10px !important; text-align: left !important; } .timeline-page-list .timeline-page-item .timeline-page-item-content { padding: 0px 6px 16px 8px !important; } .timeline-page-list .timeline-page-item .timeline-page-item-date { padding: 0px 4px 0px 0px !important; font-size: var(--timeline-date-font-size) !important; font-weight: bold !important; } .timeline-page-list .timeline-page-item .timeline-page-title { color: var(--main-color) !important; font-weight: bold !important; } .timeline-incl, .timeline-incl-full { transform: matrix(1, 0, -0.5, 1, 0, 0) !important; transform-origin: bottom !important; } .timeline-incl-full .timeline-item-date, .timeline-incl-full .timeline-title { transform: matrix(1.1, 0.4, 0, 1, 0, 0) !important; } .timeline-border-noincl { transform: matrix(1, 0, 0.5, 1, 2, 0) !important; } .timeline-all-excerpt { position: relative !important; height: 1px !important; width: 100% !important; max-height: 1px !important; } .timeline-date-passed { font-weight: normal !important; font-style: italic !important; } div.highlights.announce { width: 100% !important; max-width: 100% !important; margin: 20px auto 20px auto !important; padding: 0px !important; border: 6px solid var(--dark-color) !important; } div.highlights.announce > .announce-title, div.highlights.announce > a > .announce-title { font-weight: bold !important; text-align: center !important; color: var(--dark-color) !important; font-size: var(--page-h1-font-size) !important; } div.highlights.announce > .announce-title > a { font-weight: bold !important; color: var(--dark-color) !important; text-decoration: none !important; outline: none !important; } div.highlights.announce > .announce-title > a:focus, div.highlights.announce > .announce-title > a:hover { text-decoration: underline !important; } div.highlights.announce .announce-item-content a, div.highlights.announce .announce-item-excerpt a { text-decoration: underline !important; text-decoration-thickness: 1px !important; text-decoration-color: var(--link-decoration-color) !important; background-color: transparent !important; } div.highlights.announce .announce-item-content a:hover, div.highlights.announce .announce-item-content a:focus, div.highlights.announce .announce-item-excerpt a:hover, div.highlights.announce .announce-item-excerpt a:focus { text-decoration-thickness: 2px !important; text-decoration-color: black !important; } div.highlights.announce .announce-title, div.highlights.announce .announce-item-content, div.highlights.announce .announce-item-content-nopad, div.highlights.announce .announce-item-excerpt { display: block !important; } div.highlights.announce .announce-time { text-align: right !important; font-size: 60% !important; font-style: italic !important; padding-right: 10px !important; } div.highlights.announce > a, div.highlights.announce > a:hover { width: 100% !important; text-decoration: none !important; outline: none !important; } .announce-point { position: relative !important; border-radius: 20px !important; margin: 10px 0px 30px 0px !important; background: var(--announce-background) !important; } .announce-point > a { width: 100% !important; } .announce-point > a:focus, .announce-point > a:hover { text-decoration: none !important; outline: none !important; } .announce-item-content { padding: 0px 10px 5px 10px !important; } .announce-item-content a { font-weight: bold !important; text-decoration: underline !important; } .announce-item-content-nopad { padding: 0px 10px !important; } .announce-item-exclink { display: inline-block !important; width: max-content !important; padding-left: 10px !important; } .announce-item-suite a, .announce-item-suite a:hover { text-decoration: none !important; outline: none !important; } .announce-item-normal { display: none !important; color: var(--main-color) !important; background: var(--announce-background) !important; } .announce-item-hover { display: none !important; background: var(--announce-hover-background) !important; } .announce-item-cursor { display: none !important; content: url('images/pointer.png') !important; position: absolute; top: 20px !important; right: -5px !important; width: 26px !important; height: 26px !important; padding: 0px !important; opacity: 0.2 !important; } .special-toggle, .block-toggle, .block-show, .keynotes-list-hide { display: none !important; } .block-toggle { position: relative !important; z-index: 10 !important; float: right !important; margin: -50px 0px 0px 0px !important; padding: 0px !important; height: 20px !important; } .block-toggle.normal-place { margin: 5px 0px -10px 0px !important; } .block-toggle.special-place { margin: 10px 0px -40px 0px !important; } .block-toggle.to-top { margin: -55px 0px 0px 0px !important; } .block-toggle.to-right { margin: -50px -20px 0px 0px !important; } .block-toggle.to-bottom { margin: 50px 0px -40px 0px !important; } .block-toggle img.block-show, .block-toggle img.block-hide { height : 15px !important; cursor: pointer !important; } .keynotes-list-large { padding-left: 0px !important; margin-top: 20px !important; } .keynotes-list-large .keynotes-item-large { display: flex !important; justify-content: center !important; width: 100% !important; margin: 10px auto 20px auto !important; padding: 20px !important; border-radius: 20px !important; background-color: var(--keynotes-normal-background) !important; } .keynotes-list-line { display: flex !important; justify-content: center !important; padding-left: 0px !important; margin-top: 20px !important; } .keynotes-list-line .keynotes-item-narrow { width: 30% !important; margin: 10px auto 20px auto !important; padding: 5px !important; border-radius: 20px !important; background-color: var(--keynotes-normal-background) !important; } .keynotes-list-line.twc-narrow .keynotes-item-narrow { width: 37.5% !important; } .twc-special-talks .keynotes-list-line .keynotes-item-narrow { background-color: var(--background-alt2) !important; } .keynotes-list-large .keynotes-item-large .keynotes-item-person { text-align: center !important; width: 40% !important; margin: auto !important; } .keynotes-list-line .keynotes-item-narrow .keynotes-item-person { display: flex !important; flex-wrap: wrap !important; text-align: center !important; width: 100% !important; margin: auto !important; padding-top: 15px !important; } .keynotes-list-large .keynotes-item-large .keynotes-item-talk { text-align: center !important; width: 60% !important; margin: auto 10px !important; font-size: 90% !important; } .keynotes-list-large .keynotes-item-picture { width: 200px !important; max-width: 90% !important; margin: auto !important; } .keynotes-list-line .keynotes-item-narrow .keynotes-item-picture { width: min(200px, 90%) !important; max-width: 90% !important; margin: auto !important; } .keynotes-list-line .keynotes-item-narrow .keynotes-item-content { padding: 10px 0px !important; line-height: 1.1 !important; } .keynotes-list-line .keynotes-item-narrow .keynotes-item-content p { padding: 10px 0px 0px 0px !important; line-height: 1.1 !important; } .keynotes-item-person .keynotes-item-picture img { border: 8px solid var(--main-color) !important; border-radius: 50% !important; } .keynotes-item-person .keynotes-item-picture img:active, .keynotes-item-person .keynotes-item-picture img:hover, .keynotes-item-person .keynotes-item-picture img:focus { border: 8px solid var(--alt-color) !important; border-radius: 50% !important; } .keynotes-list-large .twc-talk-info { margin: auto 0px !important; } .keynotes-list-large .twc-talk-info p { padding-top: 5px !important; line-height: 1.1 !important; } .keynotes-list { display: flex !important; justify-content: center !important; padding-left: 0px !important; margin-top: 20px !important; } .keynotes-list > div { position: relative !important; width: 50% !important; margin: 10px 5px 20px 5px !important; } .keynotes-list .keynotes-item { padding: 20px 0px 0px 0px !important; border-radius: 20px !important; text-align: center !important; background-color: var(--keynotes-normal-background) !important; } .keynotes-item div.twc-focus-link { position: relative !important; top: 0px !important; width: 90% !important; height: 1px !important; max-height: 1px !important; padding: 0px !important; margin: auto !important; } .keynotes-item div.twc-focus-link a { width: 100% !important; } .keynotes-list .keynotes-draft { border-right: 1px solid var(--test-decoration-color) !important; } .keynotes-centered .keynotes-item { width: calc(50% - 10px) !important; margin: auto !important; } .keynotes-list .keynotes-item .keynotes-item-picture { max-width: 200px !important; margin: auto !important; } .keynotes-list .keynotes-item .keynotes-item-picture img { border: 8px solid var(--main-color) !important; border-radius: 50% !important; } .keynotes-list .keynotes-item .keynotes-item-content { padding: 10px 0px 25px 0px !important; margin: 10px 0px 0px 0px !important; border-bottom-left-radius: 20px !important; border-bottom-right-radius: 20px !important; border-bottom: 1px solid transparent !important; } .keynotes-list > .keynotes-item a { text-decoration: none !important; } .keynotes-list .keynotes-item-excerpt { padding: 5px !important; } .keynotes-list .keynotes-item-excerpt p:not(:first-of-type) { margin-top: 15px !important; } .keynotes-item .keynotes-item-suite { position: absolute !important; bottom: 20px !important; right: 20px !important; } .keynotes-item .keynotes-item-suite a { text-decoration: none !important; } .keynotes-item .keynotes-item-cursor { display: none !important; content: url('images/pointer.png') !important; position: absolute; bottom: 0px !important; right: -5px !important; width: 26px !important; height: 26px !important; padding: 0px !important; opacity: 0.2 !important; } .keynotes-item-normal, .keynotes-item-normal-keynote { display: none !important; background-color: var(--keynotes-normal-background) !important; } .keynotes-item-normal-sponsor { display: none !important; background-color: var(--background-alt2) !important; } .keynotes-item-hover, .keynotes-item-hover-keynote, .keynotes-item-hover-sponsor { display: none !important; background-color: var(--keynotes-hover-background) !important; } .keynotes-all-popups { position: relative !important; height: 1px !important; width: 100% !important; max-height: 1px !important; } .keynotes-popup { display: none !important; opacity: 0 !important; position: absolute !important; padding: 0px 15px 5px 15px !important; background-color: var(--panelists-cv-background) !important; border: 2px solid var(--main-color) !important; border-radius: 10px !important; text-align: justify !important; cursor: default !important; z-index: 999 !important; } .keynotes-popup .post-section { padding-top: 5px !important; margin: 15px auto !important; } .keynotes-popup p { margin: 15px auto !important; } .keynotes-picture-container { width: 100% !important; text-align: center !important; } .keynotes-picture { width: 200px !important; max-width: 200px !important; margin: auto !important; border: 8px solid var(--main-color) !important; border-radius: 50% !important; } .headlines-list { padding-left: 0px !important; padding-bottom: 20px !important; margin: 30px 0px 0px 0px !important; } .headlines-list-page { padding: 0px 0px 50px 0px !important; margin: 10px 0px 0px 0px !important; } .headlines-list > li, .headlines-list-page > li { position: relative !important; list-style-type: none !important; padding-bottom: 20px !important; } .headlines-list-page > li:nth-child(odd) { background-color: var(--table-odd-background) !important; } .headlines-list-page > li:nth-child(even) { background-color: var(--table-even-background) !important; } .headlines-item { padding-top: 20px !important; border-radius: 20px !important; border-left: 1px solid transparent !important; } .headlines-item.clickable { cursor: pointer !important; } .headlines-draft { border-right: 1px solid var(--test-decoration-color) !important; } .headlines-list-page .headlines-item { border-radius: 0px !important; } .headlines-item div { padding: 0px 5px !important; } .headlines-item div.twc-focus-link { position: relative !important; top: 20px !important; width: 90% !important; height: 1px !important; max-height: 1px !important; padding: 0px !important; margin: auto !important; } .headlines-item div.twc-focus-link a { width: 100% !important; } .headlines-item p{ padding-top: 0px !important; } .headlines-item a img, .headlines-item a img:active, .headlines-item a img:hover, .headlines-item a img:focus, .headlines-item a, .headlines-item a:active, .headlines-item a:hover, .headlines-item a:focus { background-color: transparent !important; text-decoration: none !important; outline: none !important; } .headlines-item .headlines-title { color: var(--dark-color) !important; width: max-content !important; max-width: 100% !important; font-size: var(--headlines-title-font-size) !important; font-weight: var(--headlines-title-font-weight) !important; line-height: var(--headlines-title-font-size) !important; text-align: left !important; padding: 10px 0px 0px 0px !important; } .headlines-item .headlines-more { color: var(--dark-color) !important; } .headlines-item .headlines-more:active, .headlines-item .headlines-more:hover, .headlines-item .headlines-more:focus, .headlines-item .headlines-title:active, .headlines-item .headlines-title:hover, .headlines-item .headlines-title:focus { color: black !important; } .headlines-item .headlines-title .headlines-title-text { display: inline-block !important; width: max-content !important; } .headlines-item .headlines-item-date { font-size: var(--headlines-date-font-size) !important; font-style: italic !important; padding: 2px 0px 0px 0px !important; } .headlines-item .headlines-item-excerpt { text-align: left !important; padding: 0px 0px 26px 0px !important; } .headlines-item .headlines-item-cursor { display: none !important; content: url('images/pointer.png') !important; position: absolute !important; bottom: 0px !important; right: -5px !important; width: 26px !important; height: 26px !important; padding: 0px !important; opacity: 0.2 !important; } .headlines-item-normal { display: none !important; color: var(--dark-color) !important; background: transparent !important; } .headlines-item-hover { display: none !important; background: var(--headlines-hover-background) !important; } .headlines-thumbnail-page, .multi-columns .headlines-thumbnail { border: 2px solid var(--main-color) !important; border-radius: 20px !important; font-family: var(--alternate-font) !important; font-weight: bold !important; font-style: italic !important; text-align: center !important; color: var(--main-color) !important; } .multi-columns .headlines-thumbnail { max-height: 80px !important; max-width: max-content !important; margin: 0px auto 0px auto !important; background-color: var(--background-color) !important; } .headlines-thumbnail-page { margin: 10px auto 20px auto !important; width: max-content !important; max-width: 80% !important; max-height: 120px !important; background-color: var(--background-alt1) !important; } .multi-columns .headlines-thumbnail a { display: inline-block !important; color: var(--main-color) !important; padding: 2px 10px !important; width: 100% !important; } .multi-columns .headlines-thumbnail img { max-height: 70px !important; padding-top: 3px !important; } .headlines-thumbnail a { display: inline-block !important; width: 100% !important; } .headlines-thumbnail-page img { max-height: 120px !important; padding-bottom: 3px !important; } .headlines-thumbnail-page a img, .headlines-thumbnail-page a img:active, .headlines-thumbnail-page a img:hover, .headlines-thumbnail-page a img:focus, .headlines-thumbnail-page a, .headlines-thumbnail-page a:active, .headlines-thumbnail-page a:hover, .headlines-thumbnail-page a:focus { background-color: transparent !important; text-decoration: none !important; outline: none !important; } .headlines-all-popups { position: relative !important; height: 1px !important; width: 100% !important; max-height: 1px !important; } .headlines-popup { display: none !important; opacity: 0 !important; position: absolute !important; padding: 0px 15px 5px 15px !important; background-color: var(--panelists-cv-background) !important; border: 2px solid var(--main-color) !important; border-radius: 10px !important; text-align: justify !important; cursor: default !important; z-index: 999 !important; } .headlines-popup .post-section { padding-top: 5px !important; margin: 15px auto 5px auto !important; } .headlines-popup .post-section .post-section { margin: 0px !important; } .headlines-popup p { margin: 15px auto !important; } .headlines-popup p.twc-headlines-help { margin: 0px 0px 5px 0px !important; } .panelists-block { position: relative !important; } .panelists-list { display: flex !important; flex-wrap: wrap !important; justify-content: center !important; padding-left: 0px !important; margin-top: 0px !important; } .panelists-item-0, .panelists-item-1, .panelists-item-2, .panelists-item-3 { position: relative !important; max-width: calc(98% / 6) !important; text-align: center !important; font-size: 90% !important; } .panelists-item-0.specialwidth, .panelists-item-1.specialwidth, .panelists-item-2.specialwidth, .panelists-item-3.specialwidth { max-width: calc(98% / 8) !important; font-size: 80% !important; } .panelists-item-0 { margin: 0px auto auto auto !important; } .panelists-item-1 { margin: 25px auto auto auto !important; } .panelists-item-2 { margin: 50px auto auto auto !important; } .panelists-item-3 { margin: 75px auto auto auto !important; } .panelists-item-0 img, .panelists-item-1 img, .panelists-item-2 img, .panelists-item-3 img { border: 5px solid var(--main-color) !important; border-radius: 50% !important; cursor: help !important; } .panelists-item-cursor { display: none !important; content: url('images/help.png') !important; position: absolute !important; bottom: 2em !important; right: 5px !important; width: 26px !important; height: 26px !important; padding: 0px !important; background-color: transparent !important; opacity: 0.2 !important; } .panelists-all-cvs { position: relative !important; height: 1px !important; width: 100% !important; max-height: 1px !important; } .panelists-cv { display: none !important; position: absolute !important; float: left !important; padding: 0px 15px 5px 15px !important; background-color: var(--panelists-cv-background) !important; border: 2px solid var(--main-color) !important; border-radius: 10px !important; max-width: 780px !important; text-align: justify !important; cursor: pointer !important; z-index: 999 !important; } .panelists-draft { border-bottom: 1px solid var(--test-decoration-color) !important; } ul.highlights li { padding: 0.25rem 0px 0px 2.5rem !important; line-height: 1.3em !important; list-style-type: none !important; } ul.speciallist { padding: 0px !important; } ul.speciallist > li { padding: 0.25rem 0px 0px 0.5rem !important; line-height: 1.3em !important; list-style-type: none !important; } ul.speciallist > li span a { color: var(--dark-color) !important; } p.specialtitle {  margin-left: 10px !important; font-weight: bold !important; color: var(--dark-color) !important; } h3.specialtitle {  width: max-content !important; margin: auto auto auto 10px !important; } p.specialtitle > span:first-of-type, h3.specialtitle > span:first-of-type, ul.highlights li > span:first-of-type, ul.speciallist li > span:first-of-type { display: inline-block !important; width: 1px !important; height: 1px !important; } div.highlights table { border-collapse: collapse !important; margin-top: 0px !important; } div.highlights table th, div.highlights table td { border: none !important; padding: 0px 10px !important; } table th.twc-numeric, table td.twc-numeric { text-align: right !important; } div.lowlights, p.lowlights, ul.lowlights { width: max-content !important; margin: 1rem auto 1rem 10% !important; padding: 1rem !important; background-color: var(--lowlight-background) !important; border-radius: 10px !important; } div.lowlights.leftposition, p.lowlights.leftposition, ul.lowlights.leftposition { margin: 1rem auto 1rem 0px !important; } ul.lowlights.leftposition { margin: 1rem auto 1rem 10px !important; } ul.lowlights li { padding: 0.25rem 0 !important; list-style-type: none !important; } ul.lowlights.with-bullet li::before, ul.lowlights li a::before { content: "\f105\00A0\00A0"; font-family: FontAwesome !important; font-weight: bold !important; color: var(--main-color) !important; vertical-align: top !important; } .category-timeline, .category-keynotes, .category-panel, .category-sponsors, .category-headlines, .category-announce { width: 90% !important; max-width: 90% !important; margin: auto !important; } .category-timeline p, .category-keynotes p, .category-panel p, .category-sponsors p, .category-headlines p, .category-announce p { width: 90% !important; max-width: 90% !important; margin: 15px auto !important; text-align: justify !important; } .category-timeline .site-branding p, .category-keynotes .site-branding p, .category-panel .site-branding p, .category-sponsors .site-branding p, .category-headlines .site-branding p, .category-announce .site-branding p { width: 100% !important; max-width: 100% !important; margin: 0px !important; text-align: justify !important; } .category-timeline .post-section p, .category-keynotes .post-section p, .category-panel .post-section p, .category-sponsors .post-section p, .category-headlines .post-section p, .category-announce .post-section p { width: 96% !important; max-width: 96% !important; margin: 15px auto !important; text-align: justify !important; } .category-timeline .post-section p.nojustify, .category-keynotes .post-section p.nojustify, .category-panel .post-section p.nojustify, .category-sponsors .post-section p.nojustify, .category-headlines .post-section p.nojustify, .category-announce .post-section p.nojustify { text-align: left !important; } .category-timeline a:hover, .category-timeline a:focus, .category-keynotes a:hover, .category-keynotes a:focus, .category-panel a:hover, .category-panel a:focus, .category-sponsors a:hover, .category-sponsors a:focus, .category-headlines a:hover, .category-headlines a:focus, .category-announce a:hover, .category-announce a:focus { text-decoration: underline !important; } .category-timeline .entry-content, .category-keynotes .entry-content, .category-panel .entry-content, .category-sponsors .entry-content, .category-headlines .entry-content, .category-announce .entry-content { width: 90% !important; min-width: 90% !important; } .post .category-timeline .entry-footer, .post .category-keynotes .entry-footer, .post .category-panel .entry-footer, .post .category-sponsors .entry-footer, .post .category-headlines .entry-footer, .post .category-announce .entry-footer { width: 90% !important; min-width: 90% !important; background-color: var(--background-alt2) !important; padding: 0px 15px !important; } .newsletter img, .category-timeline .post-thumbnail img, .category-keynotes .post-thumbnail img, .category-panel .post-thumbnail img, .category-sponsors .post-thumbnail img, .category-headlines .post-thumbnail img, .category-announce .post-thumbnail img { border: 2px solid var(--main-color) !important; border-radius: 20px !important; max-width: var(--thumbnail-max-width) !important; } .post-thumbnail img { border: 8px solid var(--main-color) !important; border-radius: 50% !important; width: 100% !important; } div.sidemargins { margin: auto 20px !important; } div.withmargins { margin: auto !important; padding: 5px !important; max-width: var(--responsive--alignwide-width) !important; } div.fitcontent { width: 100% !important; max-width: 100% !important; } .wide-section .leftfloat, .page-section .leftfloat, .block-section .leftfloat { float: left !important; } .post-section .leftpadded, .wide-section .leftpadded, .page-section .leftpadded, .block-section .leftpadded {  padding-left: 20px !important; } .wide-section .smallleftspaced, .page-section .smallleftspaced, .block-section .smallleftspaced {  margin-left: 15px !important; } .wide-section .leftspaced, .page-section .leftspaced, .block-section .leftspaced {  margin-left: 20px !important; } .wide-section .mediumleftspaced, .page-section .mediumleftspaced, .block-section .mediumleftspaced {  margin-left: 40px !important; } .wide-section .specialleftspaced, .page-section .specialleftspaced, .block-section .specialleftspaced {  margin-left: 3.2rem !important; } .wide-section ul.specialleftspaced, .page-section ul.specialleftspaced, .block-section ul.specialleftspaced { margin-left: 3.2rem !important; padding-left: 2rem !important; } .wide-section .bigleftspaced, .page-section .bigleftspaced, .block-section .bigleftspaced {  margin-left: 80px !important; } .wide-section .verybigleftspaced, .page-section .verybigleftspaced, .block-section .verybigleftspaced {  margin-left: 120px !important; } .post-section .bigtoppadded, .wide-section .bigtoppadded, .page-section .bigtoppadded, .block-section .bigtoppadded {  padding-top: 40px !important; } .post-section .smalltoppadded, .wide-section .smalltoppadded, .page-section .smalltoppadded, .block-section .smalltoppadded {  padding-top: 10px !important; } .post-section .toppadded, .wide-section .toppadded, .page-section .toppadded, .block-section .toppadded {  padding-top: 20px !important; } .wide-section .bigtopspaced, .page-section .bigtopspaced, .block-section .bigtopspaced {  margin-top: 50px !important; } .wide-section .topspaced, .page-section .topspaced, .block-section .topspaced {  margin-top: 40px !important; } .post-section p.topspaced { margin: 40px auto 15px auto !important; } .post-section .leftspaced { margin-left: 50px !important; } .wide-section .smalltopspaced, .page-section .smalltopspaced, .block-section .smalltopspaced {  margin-top: 15px !important; } .wide-section .bottomspaced, .page-section .bottomspaced, .block-section .bottomspaced {  margin-bottom: 40px !important; } .wide-section .smallbottomspaced, .page-section .smallbottomspaced, .block-section .smallbottomspaced {  margin-bottom: 15px !important; } .post-section .bottompadded, .wide-section .bottompadded, .page-section .bottompadded, .block-section .bottompadded {  padding-bottom: 30px !important; } .post-section .bigbottompadded, .wide-section .bigbottompadded, .page-section .bigbottompadded, .block-section .bigbottompadded {  padding-bottom: 50px !important; } .post-section .smallbottompadded, .wide-section .smallbottompadded, .page-section .smallbottompadded, .block-section .smallbottompadded {  padding-bottom: 15px !important; } .wide-section .sidepadded, .page-section .sidepadded, .block-section .sidepadded { padding-left: 15px !important; padding-right: 15px !important; } .wide-section .padded, .page-section .padded, .block-section .padded {  padding: 15px !important; } .wide-section .specialpadded, .page-section .specialpadded, .block-section .specialpadded {  padding: 40px 15px !important; } .block-section.mediumbottompadded { padding-bottom: 70px !important; } .wide-section .round, .page-section .round, .block-section .round {  padding: 15px !important; border-radius: 20px !important; } .wide-section .nospace, .page-section .nospace, .block-section .nospace { padding: 0px !important; margin: 0px !important; } .back1 {  background-color: var(--background-alt1) !important; } .back2 {  background-color: var(--background-alt2) !important; } .back3 {  background-color: var(--background-alt3) !important; } .back4 {  background-color: var(--background-alt4) !important; } .back5 {  background-color: var(--background-alt5) !important; } .back6 {  background-color: var(--background-alt6) !important; } .back7 {  background-color: var(--background-alt7) !important; } .back8 {  background-color: var(--background-alt8) !important; } .backspe3 { background-color: var(--background-spe3) !important; } .backspe4 { background-color: var(--background-spe4) !important; } .backspe5 { background-color: var(--background-spe5) !important; } .backspe6 { background-color: var(--background-spe6) !important; } .backspe7 { background-color: var(--background-spe7) !important; } .backoth1 { background-color: var(--background-oth1) !important; } .backoth2 { background-color: var(--background-oth2) !important; } .backoth3 { background-color: var(--background-oth3) !important; } .centered {  text-align: center !important; } .with-decoration { display: flex !important; text-align: center !important; } .with-decoration .decoration { display: inline-block !important; vertical-align: middle !important; width: max-content !important; margin: auto !important; content: url('/wp-content/uploads/Site/www2022_ico.png') !important; opacity: 0.6 !important; } .with-decoration ul, .with-decoration ul.highlights, .with-decoration ul.lowlights { display: inline-block !important; vertical-align: middle !important; text-align: left !important; padding: 14px 20px 20px 20px !important; margin: auto !important; } .with-decoration ul.lowlights.wide { padding: 14px 80px 20px 60px !important; } .with-decoration ul ul { display: block !important; padding: 0px 0px 0px 40px !important; } .wide-section .left, .wide-section .alignleft, .page-section .left, .page-section .alignleft, .block-section .left, .block-section .alignleft { text-align: left !important; } .page-section .nodeco { text-decoration: none !important; } .page-section .nodeco:active, .page-section .nodeco:hover { text-decoration: none !important; outline: none !important; } .list-buttons > form, .list-buttons > .fblock { display: flex !important; flex-wrap: wrap !important; justify-content: space-between !important; background-color: transparent !important; } .list-buttons .list-prevblock input, .list-buttons .list-nextblock input { padding: var(--list-buttons-padding) !important; margin-top: var(--list-buttons-margin-top) !important; margin-bottom: var(--list-buttons-margin-bottom) !important; color: var(--list-buttons-color) !important; background-color: var(--list-buttons-background) !important; } .list-buttons .list-prevblock input:focus, .list-buttons .list-prevblock input:hover, .list-buttons .list-nextblock input:focus, .list-buttons .list-nextblock input:hover { color: var(--list-buttons-hover-color) !important; background-color: var(--list-buttons-hover-background) !important; } .header-404 { margin-bottom: 20px !important; border-bottom: 1px solid var(--main-color) !important; padding-bottom: 30px !important; } .error-404 { margin-top: 20px !important; padding-bottom: 30px !important; } input, input:active, input:hover, input:focus { outline: none !important; } .site-info { justify-content: space-between !important; } .site-info a { text-decoration: none !important; } .site-info a:active, .site-info a:hover, .site-info a:focus { background-color: transparent !important; text-decoration: underline !important; } .side-smallpadded { padding: 0px 10px !important; } .side-padded { padding: 0px 30px !important; } .twc-proceedings td { padding: 0px !important; vertical-align: top !important; font-size: 1.5vw !important; } .twc-proceedings .left-image { padding-right: 10px !important; width: 15% !important; min-width: 80px !important; } .twc-proceedings td.middle-text { padding-right: 10px !important; } .twc-special-function { display: inline-block !important; padding-left: 20px !important; font-weight: normal !important; font-style: italic !important; font-size: 90% !important; color: black !important; } .twc-buttons-fadded { opacity: 0.4 !important; cursor: default !important; } .twc-flex { display: inline-flex !important; justify-content: center !important; flex-wrap: wrap !important; } img.twc-oval { border: 8px solid var(--main-color) !important; border-radius: 50% !important; width: 110px !important; } .twc-flex > div { margin: 2.5px !important; } .twc-flex > div > span { display: inline-block !important; max-width: 110px !important; font-size: 14px !important; vertical-align: top !important; margin: 5px !important; } .twc-flex span span { font-style: italic !important; color: var(--main-color) !important; } .twc-signature { font-weight: bold !important; font-style: italic !important; font-size: var(--primary-signature-used-font-size) !important; } .twc-normal {  font-style: normal !important; } .twc-italic {  font-style: italic !important; } .twc-crossed {  text-decoration: line-through !important; } .twc-nobold {  font-weight: normal !important; } .twc-special-wrap, .twc-nowrap {  white-space: nowrap !important; } .twc-lightbold {  font-weight: 500 !important; } .twc-bold {  font-weight: bold !important; } .twc-verybold {  font-weight: 900 !important; } .twc-reduce {  line-height: 1.2 !important; } .twc-bigreduce {  line-height: 1 !important; } .twc-round { border-radius: 10px !important; } .maincolor { color: var(--main-color) !important; } .altcolor { color: var(--alt-color) !important; } .darkcolor { color: var(--dark-color) !important; } .redcolor { color: red !important; } .multi-columns .twc-center, .page-section h4.twc-center, .twc-center {  width: 100% !important; text-align: center !important; } .twc-align-center { width: max-content !important; margin: auto !important; } .twc-verylightsmaller {  font-size: 95% !important; } .twc-lightsmaller {  font-size: 85% !important; } .twc-smaller {  font-size: 70% !important; } .twc-lightbigger {  font-size: 110% !important; } .twc-bigger {  font-size: 130% !important; } .twc-verybig {  font-size: 150% !important; } .twc-verybigger {  font-size: 200% !important; } .twc-underline {  border-bottom: 1px solid black !important; } .twc-top-line {  border-top: 1px solid black !important; } .twc-top-lowline {  border-top: 1px solid var(--background-color) !important; } .twc-nospace {  margin: 0px !important; } .twc-left {  text-align: left !important; } .twc-ul-left {  padding-left: 25px !important; } p.twc-decoline { position : relative !important; top: -19px !important; margin: auto 30px !important; height: 1px !important; border-bottom: 1px solid var(--dark-color) !important; opacity: 0.5 !important; z-index: 1 !important; } p.twc-decoline.twc-pctitlespaced { top: 1px !important; } .twc-emphasis { margin: auto 20px !important; padding: 10px 20px !important; background-color: var(--background-color) !important; border: 1px solid var(--main-color) !important; border-radius: 20px !important; } div.twc-inline {  display: inline !important; } div.twc-inline-block {  display: inline-block !important; } div.twc-special-block { display: inline-block !important; vertical-align: middle !important; font-weight: bold !important; margin-left: 20px !important; } div.twc-fullwidth {  width: 100% !important; } img.twc-size-limit {  width: 100% !important; max-width: 500px !important; } .twc-special-title, .wide-section .twc-special-title, .page-section .twc-special-title { margin: 10px auto 0px 0px !important; } .twc-special-title span, .wide-section .twc-special-title span, .page-section .twc-special-title span { font-weight: normal !important; font-size: 80% !important; } .twc-with-radius { border-radius: 20px !important; } .twc-smallerimage { width: 50% !important; max-width: 300px !important; } .twc-smallimage { width: 50% !important; } .twc-image { width: 80% !important; } .twc-reply { display: block !important; padding-left: 40px !important; } .twc-reply::before { position: relative !important; left: -25px !important; content: '+' !important; margin-right: -16px !important; font-weight: bold !important; } .twc-alt-reply { padding-left: 0px !important; } .category-timeline .post-section .twc-courtesy, .category-keynotes .post-section .twc-courtesy, .category-panel .post-section .twc-courtesy, .category-sponsors .post-section .twc-courtesy, .category-headlines .post-section .twc-courtesy, .category-announce .post-section .twc-courtesy, .post-section .twc-courtesy, .wide-section .twc-courtesy, .page-section .twc-courtesy { width: 100% !important; text-align: right !important; font-size: 14px !important; font-style: italic !important; } .wide-section .link-underline , .page-section .link-underline , .block-section .link-underline { text-decoration: underline !important; } .twc-gototop { width: 100% !important; text-align: right !important; margin: 0px 0px -40px 0px !important; } .twc-gototop.up40 { position: relative !important; top: -40px !important; } .twc-gototop.down30 { position: relative !important; top: 30px !important; } .twc-gototop.down80 { position: relative !important; top: 80px !important; } .twc-medium .twc-gototop.down80 { top: 20px !important; } .twc-bloc-gototop { width: 100% !important; text-align: right !important; margin: 0px !important; } .twc-gototop a { margin-left: auto !important; } .twc-bloc-gototop a:active, .twc-bloc-gototop a:focus, .twc-bloc-gototop a:hover, .twc-bloc-gototop img, .twc-gototop a:active, .twc-gototop a:focus, .twc-gototop a:hover, .twc-gototop img { background-color: transparent !important; text-decoration: none !important; outline: none !important; } .twc-gototop a.twc-footer-button:focus img { outline: 1px solid black !important; } .twc-bloc-gototop img, .twc-gototop img { width: 18px !important; height: 18px !important; } .twc-bloc-gototop a, .twc-gototop a { padding: 5px !important; } .twc-choice-container { margin-top: -30px !important; padding-top: 30px !important; text-align: right !important; } .twc-page-menu { width: max-content !important; margin: 0px 0px 5px auto !important; padding: 0px 10px 5px 10px !important; background-color: var(--sub-menu-background) !important; border: 1px solid #000000 !important; border-radius: 10px !important; text-align: left !important; font-size: var(--primary-sub-used-font-size) !important; font-weight: 700 !important; line-height: 1.6 !important; list-style-type: none !important; } select.twc-page-menu { padding: 3px 25px 5px 10px !important; cursor: pointer !important; } select.twc-page-menu:active, select.twc-page-menu:hover { outline: none !important; } select.twc-page-menu:focus { text-decoration: underline !important; outline: none !important; } .twc-page-menu li::before { content: "\f105"; font-family: FontAwesome !important; font-weight: bold !important; color: var(--main-color) !important; margin-right: 0.5rem !important; vertical-align: top !important; } .twc-page-menu a:hover { text-decoration-color: var(--main-color) !important; } .twc-read-more, .multi-columns .twc-read-more, .multi-columns .read-more { width: 100% !important; text-align: right !important; } .read-more a { font-style: italic !important; font-size: 14px !important; margin-left: auto !important; } .twc-read-more a { font-weight: bold !important; font-size: 20px !important; margin-left: auto !important; } .twc-link-group, .twc-link-button, .twc-big-link-button { width: 100% !important; text-align: center !important; margin-bottom: 20px !important; } .twc-link-group.centerplaced, .twc-link-button.centerplaced, .twc-big-link-button.centerplaced { width: max-content !important; margin-left: auto !important; margin-right: auto !important; } .twc-link-group .twc-link-button { display: inline !important; white-space: nowrap !important; line-height: 2.8 !important; } .twc-link-button > a, .twc-big-link-button > a { background-color: var(--dark-color) !important; color: white !important; font-weight: bold !important; font-size: 20px !important; } .twc-link-button > a { padding: 10px 15px !important; border-radius: 5px !important; } .twc-link-button.twc-smaller-button > a { font-size: 16px !important; } .twc-link-button.twc-bigger-button > a { padding: 20px 30px !important; border-radius: 10px !important; font-size: 24px !important; } .twc-link-button.twc-special-button { margin-bottom: 0px !important; height: 50px !important; text-align: center !important; } .twc-link-button.twc-bigger-button.twc-special-button { height: 70px !important; } .twc-link-button.twc-special-button > a { position: relative !important; top: 20px !important; } .twc-big-link-button > a { padding: 10px 1px !important; } .twc-link-button a:hover, .twc-link-button a:focus, .twc-link-button a:active, .twc-big-link-button a:hover, .twc-big-link-button a:focus, .twc-big-link-button a:active { background-color: var(--main-color) !important; } .twc-big-link-button > a span { padding: 0px 5px !important; } .program-toggle-button { position: relative !important; width: 100% !important; text-align: center !important; z-index: 999 !important; } .program-toggle-button > form > input[type=submit] { margin: 0px auto !important; border: none !important; border-radius: 10px !important; padding: 8px 15px !important; background-color: var(--dark-color) !important; color: white !important; font-weight: bold !important; font-size: 20px !important; } .program-toggle-button > form > input[type=submit]:hover, .program-toggle-button > form > input[type=submit]:focus, .program-toggle-button > form > input[type=submit]:active { background-color: var(--main-color) !important; } .twc-small-button { text-align: left !important; font-size: 14px !important; font-weight: bold !important; padding-left: 10px !important; height: 25px !important; } .twc-small-button a { position: relative !important; top: 25px !important; padding: 3px 8px 5px 8px !important; border-radius: 10px !important; background-color: var(--main-color) !important; } .twc-small-button a:hover, .twc-small-button a:focus, .twc-small-button a:active { background-color: var(--main-color-faded) !important; } .twc-lowgrade { opacity: 0.3 !important; } .with-diamond { line-height: 1.3em !important; padding-left: 40px !important; } .special.with-diamond { display: inline-block !important; max-width: 1px !important; padding-left: 0px !important; } .main-text {  color: var(--main-color) !important; } .dark-text {  color: var(--dark-color) !important; } h3.speciallist { padding-left: 0px !important; } h3.speciallist.twc-smaller { font-size: 90% !important; width: 95% !important; max-width: 95% !important; } h3.longtext { padding-left: 40px !important; } h3.speciallist span:first-of-type, h3.longtext span:first-of-type { display: inline-block !important; width: 1px !important; } .wide-section .block-section > div.pc-members-padded { padding-top: 20px !important; } .pc-members-choice { margin-bottom: 30px !important; margin-left: 20px !important; } .pc-members-choice button { padding: 3px 5px 5px 5px !important; margin-right: 1px !important; line-height: 1rem !important; border: 1px solid var(--dark-color) !important; border-radius: 6px !important; background-color: var(--background-color) !important; color: var(--dark-color) !important; } .pc-members-choice button:focus { outline: none !important; background-color: var(--dark-color) !important; color: var(--background-color) !important; } .pc-members-choice button.twc-fadded { opacity: 0.4 !important; cursor: default !important; } .page-section div.pc-members-container, .wide-section div.pc-members-container { padding: 0px 30px !important; margin-bottom: 20px !important; } .page-section div.pc-members-container h4, .wide-section div.pc-members-container h4 { width: 100% !important; max-width: 100% !important; padding-left: 12px !important; } .page-section h4.pc-members-track, .wide-section h4.pc-members-track { margin-top: 20px !important; margin-bottom: 10px !important; line-height: 0.9em !important; } .page-section h4.pc-members-track:first-of-type, .wide-section h4.pc-members-track:first-of-type { margin-top: 0px !important; } .page-section .twc-compact h4.pc-members-track, .page-section .twc-compact h4.pc-members-track:first-of-type, .wide-section .twc-compact h4.pc-members-track, .wide-section .twc-compact h4.pc-members-track:first-of-type { text-align: center !important; width: max-content !important; padding: 0px 10px !important; } .page-section .twc-compact.back1 h4.pc-members-track, .wide-section .twc-compact.back1 h4.pc-members-track { position: relative !important; background-color: var(--background-alt1) !important; z-index: 100 !important; } .page-section .twc-compact.back2 h4.pc-members-track, .wide-section .twc-compact.back2 h4.pc-members-track { position: relative !important; background-color: var(--background-alt2) !important; z-index: 100 !important; } .page-section .twc-compact.back1 h4.pc-members-track.twc-pctitlespaced, .wide-section .twc-compact.back1 h4.pc-members-track.twc-pctitlespaced, .page-section .twc-compact.back2 h4.pc-members-track.twc-pctitlespaced, .wide-section .twc-compact.back2 h4.pc-members-track.twc-pctitlespaced { top: 20px !important; } .page-section div.pc-members-container.twc-pctitlespaced, .wide-section div.pc-members-container.twc-pctitlespaced { margin-top: 20px !important; } ul.twc-page-menu.with-columns, div.pc-members-container.with-columns { column-count: 2 !important; column-rule: 1px solid var(--background-color) !important; } div.pc-members-container.with-three-columns { column-count: 3 !important; column-rule: 1px solid var(--background-color) !important; } table.pc-members { border-collapse: collapse !important; margin-top: 0px !important; break-inside: avoid !important; } table.pc-members th, table.pc-members td { border: none !important; vertical-align: top !important; padding: 0px !important; } table.pc-members th:not(.person) { width: 30px !important; max-width: 40px !important; } table.pc-members th span.with-diamond { display: inline-block !important; padding-left: 0px !important; } table.pc-members th span.with-diamond::before, table.pc-members th span.with-diamond::after { left: 0px !important; } table.pc-members th.person { padding-top: 3px !important; padding-top: 10px !important; padding-left: 10px !important; line-height: 1.4rem !important; } table.pc-members td { padding-left: 30px !important; line-height: 1.6rem !important; font-style: italic !important; } table.pc-members td.twc-normal { font-style: normal !important; } div.event-info { padding: 15px 0px !important; } div.event-info.with-columns { column-count: 2 !important; column-rule: 1px solid var(--background-color) !important; column-gap: normal !important; } div.event-info table { border-collapse: collapse !important; margin-top: 0px !important; break-inside: avoid !important; } div.event-info table td { vertical-align: top !important; padding: 10px 5px 20px 0px !important; border: none !important; border-top: 1px solid var(--background-color) !important; } div.event-info table td span.with-diamond { display: inline-block !important; padding-left: 0px !important; } div.event-info table td span.with-diamond::before, div.event-info table td span.with-diamond::after { left: 0px !important; } div.event-info table td h3 { display: inline !important; padding-left: 10px !important; color: var(--dark-color) !important; font-size: 110% !important; } div.event-info table td h3 a:hover { color: var(--main-color) !important; } div.event-info table td h3 a { color: var(--dark-color) !important; } div.event-info table td p { margin-left: 50px !important; line-height: 1.3 !important; } div.event-info table td ul { position: relative !important; top: -10px !important; margin-left: 50px !important; } div.event-info table td { padding-left: 30px !important; line-height: 1.6rem !important; } table.track-list { margin-top: 5px !important; } table.track-list td { border: none !important; vertical-align: top !important; text-align: left !important; padding: 0px !important; } table.track-list td.tracklisthead { width: 30px !important; max-width: 40px !important; } table.track-list td.tracklisthead span.with-diamond{ display: inline-block !important; padding-left: 0px !important; padding-bottom: 5px !important; } table.track-list td h3.longtext { padding: 5px 0px 0px 15px !important; margin: 0px !important; } table.track-list td.tracklisthead span.with-diamond::before, table.track-list td.tracklisthead span.with-diamond::after { left: 0px !important; } ul.pc-members { list-style-type: none !important; font-size: 90% !important; } ul.pc-members li { margin-left: 10px !important; break-inside: avoid !important; } ul.pc-members li span.with-diamond { display: inline-block !important; padding-left: 0px !important; } ul.pc-members li span.with-diamond::before, ul.pc-members li span.with-diamond::after { left: 0px !important; } ul.pc-members li span.person { display: inline-block !important; font-weight: bold !important; } ul.pc-members li > p { display: inline-block !important; margin-left: 60px !important; } ul.pc-members.with-columns { column-count: 2 !important; column-rule: 1px solid var(--background-color) !important; } ul.highlights li span:first-child::before, ul.lowlights li span:first-child::before, h3.speciallist span:first-child::before, h3.longtext span:first-child::before, .flex-person .person-about h3 span:first-child::before, .with-diamond::before { content: "" !important; display: block !important; position: relative !important; width: 0 !important; bottom: -0.75em !important; left: -45px !important; border-style: solid !important; border-width: 0 20px 7px 19px !important; } .flex-person .person-about h3 span:first-child::before, h3.speciallist span:first-child::before, h3.longtext span:first-child::before, .with-diamond::before { border-color: var(--dark-color) transparent !important; } ul.highlights li span:first-child::before, ul.lowlights li span:first-child::before { border-color: var(--main-color) transparent !important; } .twc-video-container { width: 100% !important; max-width: 100% !important; margin: 15px auto !important; padding: 20px 0px !important; } .twc-video-container.specialpad { padding: 20px 0px 5px 0px !important; } .twc-video-container.specialpad p.twc-teaser-title { margin: -15px 0px 5px 0px !important; padding: 0px 10px !important; text-align: center !important; font-size: 80% !important; } .twc-video-container .leftpadded { padding-left: 40px !important; font-size: 16px !important; } .twc-video { width: 100% !important; margin: 15px auto !important; text-align: center !important; } .twc-video h3 { padding: 0px 5px !important; } .twc-video-inner { width: 95% !important; margin: 25px auto 0px auto !important; } .twc-headlines-help, .twc-teaser-help { width: 100% !important; margin: 0px !important; padding: 0px 5px 0px 0px !important; text-align: right !important; font-style: italic !important; font-size: 60% !important; opacity: 0.8 !important; } .twc-teaser-item-normal { display: none !important; color: var(--dark-color) !important; background: transparent !important; } .twc-teaser-item-hover { display: none !important; background: var(--teaser-hover-background) !important; } div.event-info table td p.twc-teaser-container { margin: 5px auto 5px 50px !important; } div.event-info table td p.twc-teaser-container a:focus img { outline: none !important; } .twc-teaser-link { display: inline-block !important; font-weight: bold !important; margin: 0px 0px 0px -5px !important; vertical-align: top !important; padding: 5px !important; border: 2px solid transparent !important; border-radius: 10px !important; } .twc-teaser-image { margin-left: 5px !important; vertical-align: text-bottom !important; height: 25px !important; width: 25px !important; } .twc-teaser-nolink { display: inline-block !important; font-weight: bold !important; font-style: italic !important; margin: 0px 0px 0px -5px !important; vertical-align: top !important; padding: 5px !important; border: 2px solid transparent !important; border-radius: 10px !important; } .twc-teaser-close { text-align: right !important; font-size: 14px !important; font-weight: bold !important; padding-right: 10px !important; height: 25px !important; } .twc-teaser-close a { padding: 3px 8px 5px 8px !important; border-radius: 10px !important; background-color: var(--main-color) !important; } .twc-teaser-close a:hover, .twc-teaser-close a:focus, .twc-teaser-close a:active { background-color: var(--main-color-faded) !important; } div.event-info table td p.twc-teaser-spacer { font-size: 8px !important; height: 15px !important; } .twc-teaser-item-cursor { display: none !important; content: url('images/pointer.png') !important; position: relative !important; top: 5px !important; right: 5px !important; width: 26px !important; height: 26px !important; padding: 0px !important; opacity: 0.2 !important; } .program-page ul { list-style-type: none !important; font-weight: bold !important; } .program-page.with-decoration ul li { margin-left: 40px !important; } .program-page ul li a { color: var(--dark-color) !important; } .program-page ul li span.with-diamond { display: inline-block !important; padding-left: 0px !important; width: 10px !important; } .all-program-abstracts, .twc-teaser-all-popups { position: relative !important; height: 0px !important; width: 100% !important; max-height: 0px !important; margin: 0px !important; } .program-abstract, .twc-teaser-popup { display: none !important; opacity: 0 !important; position: relative !important; padding: 0px 15px 5px 15px !important; background-color: var(--panelists-cv-background) !important; border: 2px solid var(--main-color) !important; border-radius: 10px !important; max-width: 1100px !important; text-align: justify !important; cursor: default !important; z-index: 999 !important; } .twc-table { border : none !important; margin: 5px auto 5px 0px !important; width: max-content !important; text-align: left !important; } .twc-table th, .twc-table td { border : none !important; padding: 0px 10px !important; } .twc-table .twc-rate { text-align: right !important; } .twc-table .with-diamond { padding-left: 55px !important; } ul.highlights li span:first-child::after, ul.lowlights li span:first-child::after, h3.speciallist span:first-child::after, h3.longtext span:first-child::after, .flex-person .person-about h3 span:first-child::after, .with-diamond::after { content: "" !important; display: block !important; position: relative !important; width: 0 !important; top: -0.55em !important; left: -45px !important; border-style: solid !important; border-width: 7px 20px 0px 19px !important; } h3.speciallist span:first-child::after, h3.longtext span:first-child::after, .flex-person .person-about h3 span:first-child::after, .with-diamond::after { border-color: var(--dark-color) transparent !important; } ul.highlights li span:first-child::after, ul.lowlights li span:first-child::after { border-color: var(--main-color) transparent !important; } .sponsor-logo { width: max-content!important; margin: 0px auto !important; background-color: var(--background-spe3) !important; padding: 10px !important; border-radius: 10px !important; } .sponsors-logo-block { position: relative !important; padding: 10px 5px 20px 5px !important; width: 100% !important; } .sponsors-logo-list { display: flex !important; flex-wrap: wrap !important; justify-content: center !important; } .sponsors-logo-list a { margin: 10px 20px !important; } .sponsor-page-logo img, .sponsor-logo-img { margin: 0px !important; max-width: 300px !important; background-color: var(--background-spe3) !important; padding: 10px !important; border-radius: 10px !important; border: 1px solid transparent !important; } .sponsor-page-logo img { margin: 20px auto !important; } .sponsors-all-logo-block { padding: 0px 20px 50px 0px !important; margin-top: 0px !important; font-size: 20px !important; font-style: italic !important; width: 100% !important; } .site .sponsor-page-logo img:hover, .site .sponsors-logo-list a:hover img { text-decoration: none !important; outline: none !important; border: 1px solid var(--main-color) !important; } .site .sponsor-page-logo img:focus, .site .sponsors-logo-list a:focus img { text-decoration: none !important; outline: none !important; border: 2px solid var(--main-color) !important; } .sponsors-item { position: relative !important; } .sponsors-item .sponsor-excerpt-text { display: none !important; opacity: 0 !important; position: absolute !important; text-align: left !important; padding: 10px !important; background-color: var(--sponsor-excerpt-background) !important; border: 2px solid var(--main-color) !important; border-radius: 10px !important; max-width: max-content !important; height: max-content !important; cursor: default !important; z-index: 999 !important; } .sponsors-item .sponsors-item-cursor { display: none !important; content: url('images/pointer.png') !important; position: absolute !important; bottom: 8px !important; right: -2px !important; width: 26px !important; height: 26px !important; padding: 0px !important; opacity: 0.2 !important; cursor: pointer !important; } .sponsors-posts { display: flex; flex-wrap: wrap !important; justify-content: center !important; background-color: var(--background-alt2) !important; padding: 30px 0px !important; max-width: 90% !important; } .sponsors-posts .sponsor-logo { margin: 15px !important; height: max-content !important; } .sponsors-posts .sponsor-excerpt-text { display: block !important; margin-top: 15px !important; opacity: 0.5 !important; text-align: left !important; padding: 10px !important; background-color: var(--sponsor-excerpt-background) !important; border: 2px solid var(--main-color) !important; border-radius: 10px !important; width: max-content !important; max-width: 320px !important; height: max-content !important; cursor: default !important; z-index: 999 !important; } .social-list-line { display: flex !important; flex-wrap: wrap !important; justify-content: center !important; padding-left: 0px !important; } .social-list-line img { margin: 25px !important; width: 100px !important; } .screen-too-small { display: none !important; text-align: center !important; } .inactive { opacity: 0.4 !important; } .event-time { margin: 50px auto 0px auto !important; text-align: center !important; font-weight: bold !important; font-size: 28px !important; } .archive .entry-content { background-color: var(--background-alt1) !important; } .archive.category-timeline .entry-content, .archive.category-authors .entry-content, .archive.category-attendees .entry-content { padding-bottom: 4em !important; } .archive .event-time { position: relative !important; top: -8em !important; height: 1px !important; } .page-numbers { font-weight: 500 !important; } .page-numbers:hover { text-decoration: none !important; outline: none !important; } .multi-columns .twc-view-full, .twc-view-full { text-align: right !important; font-weight: bold !important; font-style: italic !important; font-size: 20px !important; margin-top: 30px !important; } .twc-nobullet { list-style-type: none !important; } .twc-nobullet li.with-bullet::before { content: "\f105"; font-family: FontAwesome !important; font-weight: bold !important; color: var(--dark-color) !important; margin-left: -0.8rem !important; margin-right: 0.4rem !important; vertical-align: top !important; } .twc-nobottompad {  padding-bottom: 0px !important; } .twc-roman { list-style-type: lower-roman !important; } .twc-Alpha { list-style-type: upper-alpha !important; } div.welcome-excerpt { padding: 15px !important; } body.search .page-header { padding-bottom: 30px !important; margin-bottom: 40px !important; } body.search .page-title { font-size: 2.5rem !important; font-weight: bold !important; } body.search .page-title .search-term { font-style: italic !important; } body.search .search-result-count { margin: 40px auto 40px auto !important; } body.search article { width: 90% !important; max-width: 90% !important; margin: 0px auto 0px auto !important; padding-top: 40px !important; } body.search article .entry-header { margin-bottom: 10px !important; } body.search article .entry-content { margin-bottom: 10px !important; padding: 0px 10px !important; } body.search article .entry-content > p { width: max-content !important; max-width: 100% !important; text-align: justify !important; padding: 0px 10px !important; } body.search article .entry-footer, body.search article .entry-no-footer { width: 80% !important; max-width: 80% !important; margin-top: 10px !important; font-style: italic !important; } body.search article .entry-footer { border-bottom: var(--separator--height) solid transparent !important; } body.search article .entry-no-footer { margin-top: 40px !important; border-bottom: var(--separator--height) solid transparent !important; } body.search article:last-of-type .entry-footer, body.search article:last-of-type .entry-no-footer { border-bottom: var(--separator--height) solid transparent !important; } body.blog .site-main article { width: 90% !important; max-width: 90% !important; margin: 0px auto 0px auto !important; padding-top: 40px !important; } body.blog .site-main article .entry-content { width: 100% !important; max-width: 100% !important; padding: 0px 10px !important; } body.blog .site-main article .entry-content > p { width: max-content !important; max-width: 100% !important; text-align: justify !important; padding: 0px 10px !important; } body.blog .site-main article footer { margin: 20px auto 0px auto !important; border-bottom: var(--separator--height) solid transparent !important; } body.blog .category-timeline .entry-footer, body.blog .category-keynotes .entry-footer, body.blog .category-panel .entry-footer, body.blog .category-sponsors .entry-footer, body.blog .category-headlines .entry-footer, body.blog .category-announce .entry-footer { background-color: transparent !important; } #bsearchresults { width: 90% !important; margin: auto !important; } #bsearchresults table { margin-bottom: 30px !important; } .bsearch_nav { margin-top: 0px !important; } .bsearch_nav td, .bsearch_nav th { border: none !important; } .bsearch_nav_row2 { display: none !important; } #bsearchresults article { width: 100% !important; min-width: 100% !important; padding: 0px 20px 20px 20px !important; } #bsearchresults article:nth-child(odd) { background-color: var(--background-alt2) !important; } #bsearchresults article:nth-child(even) { background-color: var(--background-alt1) !important; } .bsearch-entry-title a { color: var(--dark-color) !important; text-decoration-thickness: 2px !important; } .bsearch-entry-title a:hover { color: black !important; text-decoration-style: solid !important; outline: none !important; } .bsearch_excerpt { margin-bottom: 20px !important; } .bsearch_score, .bsearch_date { display: block !important; font-size: 60% !important; font-style: italic !important; } .bsearch_footer { margin-top: 40px !important; margin-bottom: 30px !important; } .bsearch_footer a, .bsearch_footer a:hover { color: var(--dark-color) !important; font-weight: 500 !important; text-decoration: underline !important; text-decoration-thickness: 2px !important; text-decoration-style: solid !important; } .bsearch_footer a:hover { color: black !important; } .bsearch_footer b, .bsearch_footer a:not(first-child) { margin-left: 30px !important; } .bsearch-failed { margin: 30px 0px 20px 50px !important; font-size: 24px !important; font-style: italic !important; } #bsearchresults article.bsearch-post-hidden { padding-top: 15px !important; font-weight: 500 !important; font-style: italic !important; }  #adminmenu #menu-media, a[href="/www2022/wp-admin/media-new.php"] { display: none !important; }  #wp-content-media-buttons #insert-media-button { display: none !important; } .MLP-alert { margin: 10px auto !important; text-align: center !important; text-decoration: underline solid red 3px !important; text-underline-offset: 5px !important; font-weight: bold !important; color: red !important; } #ft-panel { top: 312px !important; }  .gg-music, .gg-music::after, .gg-music::before { display: block; box-sizing: border-box; border: 2px solid } .gg-music { border-top-left-radius: 4px; border-top-right-radius: 4px; border-bottom: 0; margin-top: -4px; position: absolute; transform: skewY(-15deg) scale(1); width: 14px; height: 16px; top: 1.5em; right: 1em; transition: all 100ms } .gg-music::after, .gg-music::before { content: ""; position: absolute; width: 7px; height: 7px; top: 9px; left: -7px; transform: skewY(15deg); border-radius: 10px } .gg-music::after { left: 5px } .page-subtitle a { display: inline-block; position: relative; } .page-subtitle a:hover { opacity: 0.35 !important; text-decoration: none !important; cursor: pointer !important; } .page-subtitle a:hover .gg-music { top:1.3em; } .page-subtitle a:active .gg-music {  animation: shake 0.5s;  animation-iteration-count: infinite; } @keyframes shake { 0% { transform: translate(1px, 1px) rotate(0deg); } 10% { transform: translate(-1px, -2px) rotate(-1deg); } 20% { transform: translate(-3px, 0px) rotate(1deg); } 30% { transform: translate(3px, 2px) rotate(0deg); } 40% { transform: translate(1px, -1px) rotate(1deg); } 50% { transform: translate(-1px, 2px) rotate(-1deg); } 60% { transform: translate(-3px, 1px) rotate(0deg); } 70% { transform: translate(3px, 1px) rotate(-1deg); } 80% { transform: translate(-1px, -1px) rotate(1deg); } 90% { transform: translate(1px, 2px) rotate(0deg); } 100% { transform: translate(1px, -2px) rotate(-1deg); } } .page-subtitle a { color: var(--main-color) !important; text-decoration: none !important; } .page-subtitle a.wiki{ position: absolute !important; color: var(--main-color) !important; text-decoration: none !important; top: 2.1em !important; left: 0px !important; font-size: 0.5em !important; } .page-subtitle a.info{ position: absolute !important; color: var(--main-color) !important; text-decoration: none !important; top: 2.1em !important; font-size: 0.5em !important; } .twc-move-up { margin-top: -20px !important; } .twc-special-logo { padding: 10px !important; background: var(--background-alt3) !important; border-radius: 20px !important; } .twc-logo-item, .twc-logo-item-smaller { margin-top: 10px !important; } .twc-logo-item img { height: 75px !important; margin: 0px 15px !important; } .twc-logo-item-smaller img { height: 50px !important; margin: 15px 15px 0px 15px !important; } .twc-right-note, .page-section .block-section .twc-right-note, .wide-section .block-section .twc-right-note { text-align: right !important; padding-right: 10px !important; font-style: italic !important; } .twc-right-note.twc-upper { position: relative !important; top: -20px !important; } .twc-right-note.twc-down { position: relative !important; top: 30px !important; } .twc-right-cv { float: right !important; margin: -15px -15px -34px 0px !important; padding: 0px !important; } .twc-right-track { float: right !important; margin: 0px 0px -25px 0px !important; } .twc-right-program { float: right !important; position: relative !important; top: -30px !important; right: -10px !important; z-index: 999 !important; } .twc-right-program.smaller { transform: scale(0.8) !important; } .twc-right-cv img.twc-show, .twc-right-track img.twc-show, .twc-right-program img.twc-show, .twc-right-cv img.twc-hide, .twc-right-track img.twc-hide, .twc-right-program img.twc-hide { height : 15px !important; cursor: pointer !important; } .twc-clear { clear: both !important; } .twc-hidden { display: none !important; } .twc-printonly { display: none !important; } .twc-nobreak { page-break-inside: avoid !important; } .twc-publication-date { position: relative !important; top: 50px !important; max-width: var(--responsive--alignwide-width) !important; margin: 0px auto !important; padding: 0px 15px !important; height: 30px; line-height: 25px !important; font-style: italic !important; text-align: right !important; } .twc-special-keynotes { padding-top: 15px !important; } .twc-keynotes-talks { padding-bottom: 15px !important; } .twc-special-talks { margin-top: 20px !important; padding-bottom: 15px !important; } .twc-verynarrow { width: 50% !important; margin-left: auto !important; margin-right: auto !important; } .twc-narrow { width: 80% !important; margin-left: auto !important; margin-right: auto !important; } h3.paperslist, h3.memberslist { padding-top: 10px !important; } ul.paperslist, ul.memberslist { margin-left: 12vw !important; padding-left: 0px !important; font-size: 18px !important; list-style-type: none !important; } ul.paperslist li, ul.memberslist li { padding: 5px 0px 5px 30px !important; } ul.paperslist li.with-separ, ul.memberslist li.with-separ { border-top: 1px solid var(--background-color) !important; } ul.paperslist li::before, ul.memberslist li::before { content: "\f105"; font-family: FontAwesome !important; font-weight: bold !important; color: var(--dark-color) !important; margin-right: 0.5rem !important; margin-left: -0.9rem !important; vertical-align: top !important; } ul.paperslist.with-columns, ul.memberslist.with-columns { column-count: 2 !important; column-rule: 1px solid var(--background-color) !important; margin: 0px 10px !important; } ul.memberslist.with-three-columns { column-count: 3 !important; column-rule: 1px solid var(--background-color) !important; margin: 0px 10px !important; } .sessionsblock { padding: 20px 15px 40px 15px !important; } div.sessionslist { margin: 0px !important; font-size: 18px !important; } div.sessionslist ul { width: 100% !important; padding-left: 0px !important; list-style-type: none !important; } div.sessionslist ul ul { padding-left: 10px !important; } div.sessionslist ul > li { padding: 5px 0px 5px 30px !important; break-inside: avoid !important; line-height: 1.3 !important; } div.sessionslist ul ul li { padding-left: 10px !important; line-height: 1.5 !important; } div.sessionslist ul > li.with-separ { border-top: 1px solid var(--background-color) !important; } div.sessionslist ul li:not(.no-bullet)::before { font-weight: bold !important; color: var(--dark-color) !important; margin-right: 0.5rem !important; margin-left: -0.9rem !important; } div.sessionslist ul > li:not(.no-bullet)::before { font-family: FontAwesome !important; content: "\f105"; vertical-align: top !important; } div.sessionslist ul ul > li::before { content: "\2022"; vertical-align: top !important; } div.sessionslist ul.with-columns { column-count: 2 !important; column-rule: 1px solid var(--background-color) !important; } div.sessionslist span.program-track-title { display: inline-block !important; margin-right: 35px !important; } .list-can-toggle { display: none !important; } .keynotes-list .twc-talk-info { border-top: 1px solid var(--main-color-faded) !important; } .deploy-container > div { display: none !important; padding: 10px !important; overflow: hidden !important; } .volunteers-form input[type=text], .volunteers-form textarea, .volunteers-form select { padding: 0px 5px !important; margin-bottom: 20px !important; border: 2px solid var(--dark-color) !important; border-radius: 8px !important; } .program-form select { padding: 0px 25px 0px 5px !important; margin: 10px 20px 10px 10px !important; border: 2px solid var(--dark-color) !important; border-radius: 8px !important; } .volunteers-form a.volunteerbutton { font-weight: var(--button--font-weight) !important; font-family: var(--button--font-family) !important; font-size: var(--button--font-size) !important; line-height: var(--button--line-height) !important; text-decoration: none !important; } .volunteers-form a.volunteerbutton, .volunteers-form input[type=submit], .program-form input[type=submit] { position: relative !important; background-color: var(--dark-color) !important; color: white !important; padding: 5px 10px !important; border-radius: 10px !important; border: var(--button--border-width) solid var(--dark-color) !important; z-index: 999 !important; } .program-form input[type=submit]:hover, .program-form input[type=submit]:focus, .program-form input[type=submit]:active { background-color: var(--main-color) !important; border: var(--button--border-width) solid var(--main-color) !important; } .program-form:not(.nospace) input[type=submit] { margin-bottom: 40px !important; } .volunteers-form a.volunteerbutton:active, .volunteers-form input[type=submit]:active, .volunteers-form a.volunteerbutton:hover, .volunteers-form input[type=submit]:hover, .volunteers-form a.volunteerbutton:focus, .volunteers-form input[type=submit]:focus { border: var(--button--border-width) solid var(--background-color) !important; } .volunteers-ident { background-color: var(--background-alt1) !important; cursor: pointer !important; padding: 0px 5px 2px 5px !important; border-radius: 8px !important; } .volunteers-popup { display: none !important; opacity: 0 !important; background-color: var(--background-alt1) !important; padding: 0px 8px !important; position: relative !important; border: 2px solid var(--main-color) !important; border-radius: 10px !important; } .orange-block { width: 80% !important; max-width: 800px !important; text-align: center !important; line-height: 1.3 !important; margin: auto !important; border-spacing: 8px !important; border-collapse: separate !important; table-layout: fixed !important; font-family: Arial, var(--entry-content--font-family) !important; font-size: 18px !important; } .orange-block td { border: 1px solid #ffffff !important; } .orange-block.noborder td { border: 1px solid transparent !important; } .orange-line1 td { padding: 24px 0px !important; } .orange-line2 td { padding: 15.7px 0px !important; } .orange-type1 { background-color: #ff7900 !important; color: #ffffff !important; } .orange-type2 { background-color: #000000 !important; color: #ffffff !important; } .twc-default-button { display: inline-block; padding: 5px; margin-top: 30px; border: 2px solid black; border-radius: 4px; color: black; font-weight: bold; text-decoration: none; background: #cdcdcd; cursor: pointer; } .twc-up80 { position: relative !important; top: -80px !important; margin-bottom: -80px !important; } .twc-up50 { position: relative !important; top: -50px !important; margin-bottom: -50px !important; } .twc-up65 { position: relative !important; top: -65px !important; margin-bottom: -65px !important; } .twc-up75 { position: relative !important; top: -75px !important; } .twc-down70 { position: relative !important; top: 70px !important; } .twc-default-button:active, .twc-default-button:focus, .twc-default-button:hover { color: black; box-shadow: 0px 0px 0px transparent; background: #adadad; } @media only screen and (min-width: 1101px) { .flex-person { max-width: min(80vw, calc(100% - 40px)) !important; } } @media only screen and (max-width: 1100px) { .flex-person { max-width: 100% !important; } .flex-person.flex-norm-person { max-width: calc(100% - 40px) !important; } #ft-panel { top: 402px !important; } } @media only screen and (max-width: 1080px) { .multi-columns.widecolumns { flex-wrap: wrap !important; } .multi-columns.widecolumns .col-left-50, .multi-columns.widecolumns .col-right-50 { min-width: 100% !important; margin-left: auto !important; margin-right: auto !important; padding: 10px 20px !important; border: none !important; } .timeline-all-excerpt > .timeline-special-5, .timeline-all-excerpt > .timeline-special-6 { right: 10px !important; left: unset !important; } .orange-block { width: 90% !important; } table.schedule td > ul.flexmode.threecols > li { width: 50% !important; } } @media only screen and (min-width: 1024px) { .widget-area { grid-template-columns: repeat(2, 1fr) !important; } } @media only screen and (max-width: 990px) { .panelists-cv { max-width: 95% !important; } table.registration { font-size: 16px !important; } ul.memberslist.with-three-columns, div.pc-members-container.with-three-columns { column-count: 2 !important; } .programschedule { padding: 0px 5px !important; } table.schedule td ul { font-size: 14px !important; } } @media only screen and (max-width: 960px) { .entry-title { font-size: calc(48px - (960px - 100vw) / 120) !important; } .page-subtitle { top: var(--subtitle-medium-top-position) !important; font-size: var(--subtitle-medium-font-size) !important; } h1 { font-size: calc(36px - (960px - 100vw) / 120) !important; } h2 { font-size: calc(24px - (960px - 100vw) / 120) !important; } .twc-special-function { display: block !important; padding-left: 0px !important; padding-bottom: 10px !important; line-height: 0.7 !important; } } @media only screen and (max-width: 920px) { .multi-columns { flex-wrap: wrap !important; } .multi-columns .col-left-33, .multi-columns .col-left-50, .multi-columns .col-left-66, .multi-columns .col-right-33, .multi-columns .col-right-50, .multi-columns .col-right-66, .multi-columns .col-third:nth-child(1), .multi-columns .col-third:nth-child(2), .multi-columns .col-third:nth-child(3) { min-width: 100% !important; margin-left: auto !important; margin-right: auto !important; padding: 10px 20px !important; border: none !important; } .multi-columns .multi-columns .col-right, .multi-columns .multi-columns .col-right, .multi-columns .multi-columns .col-right { width: 100% !important; min-width: 100% !important; } .wide-section .col-right-33 h3, .page-section .col-right-33 h3 { padding-left: 20px !important; } .multi-columns .col-bottom { display: none !important; } .keynotes-list { flex-wrap: wrap !important; } .keynotes-list > div { width: 100% !important; } .keynotes-list .keynotes-item { border-radius: 20px !important; } .keynotes-centered { padding: 10px 5px !important; } .keynotes-centered .keynotes-item { width: 100% !important; } .timeline-container { height: auto !important; padding-bottom: 15px !important; } .timeline-showmore { top: 0px !important; } .timeline-list { display: block !important; width: 100% !important; height: auto !important; padding: 0px 0px 20px 15px !important; } .timeline-list > .timeline-item-block { position: relative !important; list-style-type: none !important; border-top: 1px solid var(--main-color) !important; border-bottom: none !important; border-left: 5px solid var(--main-color) !important; padding-top: 0px !important; padding-right: 20px !important; width: 50% !important; max-width: 320px !important; } .timeline-list > .timeline-item-block:last-child { border-right: none !important; border-bottom: 1px solid var(--alt-color) !important; } .timeline-list > .timeline-item-block.timeline-borderpast { border-top: 1px solid var(--main-color-faded) !important; border-left: 5px solid var(--main-color-faded) !important; border-bottom: none !important; } .timeline-list .timeline-item-border { position: absolute !important; top: 9px !important; left: -12px !important; width: 20px !important; height: 20px !important; background-color: var(--main-color) !important; border: 2px solid var(--main-color) !important; border-radius: 50% !important; } .timeline-list .timeline-item { margin-top: 0px !important; padding-left: 10px !important; text-align: left !important; cursor: help !important; writing-mode: horizontal-tb !important; transform: none !important; } .timeline-list .timeline-item .timeline-item-date { padding: 0px 4px 0px 0px !important; } .timeline-list .timeline-item .timeline-item-content { height: auto !important; padding: 0px 6px 16px 8px !important; } .timeline-list .timeline-item .timeline-title { text-align: left !important; width: auto !important; max-width: 100% !important; height: auto !important; white-space: nowrap !important; overflow: visible !important; } .timeline-incl, .timeline-incl-full, .timeline-border-noincl, .timeline-incl-full .timeline-item-date, .timeline-incl-full .timeline-title { transform: none !important; } .timeline-all-excerpt > .timeline-special-1, .timeline-all-excerpt > .timeline-special-2, .timeline-all-excerpt > .timeline-special-3, .timeline-all-excerpt > .timeline-special-4, .timeline-all-excerpt > .timeline-special-5, .timeline-all-excerpt > .timeline-special-6, .timeline-all-excerpt > .timeline-special-7, .timeline-all-excerpt > .timeline-special-8 { right: unset !important; bottom: unset !important; left: 50% !important; max-width: calc(50% - 5px) !important; font-size: 90% !important; } .timeline-all-excerpt > .timeline-special-1 { top: 0.9rem !important; } .timeline-all-excerpt > .timeline-special-2 { top: 5.6rem !important; } .timeline-all-excerpt > .timeline-special-3 { top: 10.4rem !important; } .timeline-all-excerpt > .timeline-special-4 { top: 15.1rem !important; } .timeline-all-excerpt > .timeline-special-5 { top: 19.9rem !important; } .timeline-all-excerpt > .timeline-special-6 { top: 24.7rem !important; } .timeline-all-excerpt > .timeline-special-7 { top: 29.4rem !important; } .timeline-all-excerpt > .timeline-special-8 { top: 34.2rem !important; } .orange-block { font-size: 17px!important; } .twc-up50, .twc-up65, .twc-up75, .twc-down70 { top: 0px !important; margin-bottom: 0px !important; } } @media only screen and (max-width: 894px) { .wide-section .left, .wide-section .alignleft, .page-section .left, .page-section .alignleft, .block-section .left, .block-section .alignleft { width: 100% !important; } .with-decoration .decoration.other { display: none !important; } ul.paperslist.with-columns, ul.memberslist.with-columns, ul.memberslist.with-three-columns, div.sessionslist ul.with-columns, ul.twc-page-menu.with-columns, div.pc-members-container.with-columns, div.pc-members-container.with-three-columns, div.event-info.with-columns { column-count: 1 !important; } .page-section .twc-compact.back1 h4.pc-members-track, .wide-section .twc-compact.back1 h4.pc-members-track { z-index: auto !important; } .page-section .twc-compact.back2 h4.pc-members-track, .wide-section .twc-compact.back2 h4.pc-members-track { z-index: auto !important; } p.twc-decoline { display: none !important; } .panelists-item-0, .panelists-item-1, .panelists-item-2, .panelists-item-3 { font-size: 80% !important; } .panelists-item-0.specialwidth, .panelists-item-1.specialwidth, .panelists-item-2.specialwidth, .panelists-item-3.specialwidth { font-size: 70% !important; } .twc-video-container.specialpad p.twc-teaser-title { font-size: 70% !important; } .twc-headlines-help, .twc-teaser-help { font-size: 56% !important; } } @media only screen and (max-width: 863px) { #ft-panel { top: 436px !important; } .orange-block { width: 100% !important; } .twc-smallimage { width: 80% !important; } } @media only screen and (max-width: 850px) { table.registration { font-size: 14px !important; } table.schedule td > ul.flexmode.threecols > li { font-size: 16px !important; width: 100% !important; } } @media only screen and (max-width: 710px) { .wide-search .search-field, .site-search .search-field { top: -0.3rem !important; } .wide-search .twc-search-inner::after, .site-search .twc-search-inner::after { top: 0.25rem !important; } .primary-navigation { margin: 0px -30px !important; width: calc(100% + 58px) !important; max-width: calc(100% + 58px) !important; } .primary-navigation .primary-menu-container { margin-left: auto !important; width: max-content !important; } .primary-navigation > div > .menu-wrapper { margin: 0px 13px 0px 10px !important; } .page-subtitle { top: var(--subtitle-small-top-position) !important; font-size: var(--subtitle-small-font-size) !important; } .with-decoration .decoration { display: none !important; } .timeline-all-excerpt > .timeline-special-1, .timeline-all-excerpt > .timeline-special-2, .timeline-all-excerpt > .timeline-special-3, .timeline-all-excerpt > .timeline-special-4, .timeline-all-excerpt > .timeline-special-5, .timeline-all-excerpt > .timeline-special-6, .timeline-all-excerpt > .timeline-special-7, .timeline-all-excerpt > .timeline-special-8 { right: 0px !important; left: unset !important; max-width: calc(45% - 5px) !important; padding: 5px !important; font-size: 85% !important; } body.search article .entry-content > p { padding: 0px !important; } body.blog .site-main article .entry-content > p { padding: 0px !important; } .gg-music { transform: skewY(-15deg) scale(0.8); } .panelists-item-0, .panelists-item-1, .panelists-item-2, .panelists-item-3 { max-width: calc(98% / 3) !important; margin: 0px auto 20px auto !important; } .panelists-item-0.specialwidth, .panelists-item-1.specialwidth, .panelists-item-2.specialwidth, .panelists-item-3.specialwidth { max-width: calc(98% / 4) !important; margin: 0px auto 20px auto !important; } .panelists-item-0 img, .panelists-item-1 img, .panelists-item-2 img, .panelists-item-3 img { max-width: 23vw !important; } .panelists-item-0.specialwidth img, .panelists-item-1.specialwidth img, .panelists-item-2.specialwidth img, .panelists-item-3.specialwidth img { max-width: 18vw !important; } .flex-person.flex-norm-person { flex-wrap: wrap !important; } .flex-person.flex-norm-person.right { flex-direction: column-reverse !important; } .flex-person.flex-norm-person .person-about { margin: 0px !important; width: calc(100% - 20px) !important; } .flex-person.flex-norm-person .person-picture { margin: 10px auto !important; } .orange-block { font-size: 14px !important; } .program-page.with-decoration ul { margin-left: 50px !important; } .program-page.with-decoration ul li { margin-left: 0px !important; } } @media only screen and (max-width: 680px) { .twc-video h3 { font-size: 28px !important; } .twc-smallimage, .twc-image { width: 100% !important; } table.registration { font-size: 12px !important; } .side-padded { padding: 0px !important; } } @media only screen and (min-width: 652px) { .widget-area { column-gap: var(--widget-column-gap) !important; } .page-narrow { margin-right: 10px !important; } .page-narrow .block-section { padding: 20px 0px !important; margin: 10px 0px 40px 0px !important; } .page-narrow .flex-person .person-about { width: calc(70vw - 220px) !important; margin-left: 40px !important; line-height: 1.7 !important; } .page-narrow .flex-person .person-about p { font-size: 20px !important; font-weight: normal !important; color: #28303d !important; } .page-narrow .flex-person .person-about a { color: #28303d !important; text-underline-offset: 3px; text-decoration-color: var(--link-decoration-light-color) !important; } } @media only screen and (max-width: 651px) { .primary-navigation .primary-menu-container .sub-menu-toggle .icon-plus, .primary-navigation .primary-menu-container .sub-menu-toggle .icon-minus { padding-bottom: 3px !important; } .flex-person, .flex-person.flex-alt-person, .flex-person.flex-med-person { width: calc(100% - 20px) !important; min-width: calc(100% - 20px) !important; } .flex-person.special-margin { flex-wrap: wrap !important; } .flex-person.special-margin .person-picture { margin: auto 10px 10px 0px !important; } .flex-person:not(.special-margin) .person-picture { width: 130px !important; min-width: 130px !important; margin: auto 10px auto 0px !important; } .flex-person.right .person-picture { margin: auto 0px auto 10px !important; } .flex-person .person-picture img { width: 100% !important; min-width: 100% !important; } .flex-person .person-alt-picture, .flex-person .person-med-picture { width: 80px !important; min-width: 80px !important; } .flex-person.flex-norm-person .person-picture { width: 200px !important; min-width: 200px !important; margin: 10px auto !important; } .flex-person .person-alt-picture img, .flex-person .person-med-picture img { width: 100% !important; min-width: 100% !important; } .flex-person .person-about, .flex-person.right .person-about { margin: 0px !important; width: calc(100% - 20px) !important; } .primary-navigation > div > .menu-wrapper .sub-menu-toggle { padding-right: 0px !important; } .page-section { font-size: 80% !important; } table tr.history td:first-child { width: var(--history-left-width) !important; } table.track-list td h3.longtext { padding: 2px 0px 0px 15px !important; } .twc-publication-date { line-height: 30px !important; font-size: 80% !important; } .twc-teaser-image { height: 22px !important; width: 22px !important; } .twc-video-container.specialpad p.twc-teaser-title { font-size: 60% !important; } .twc-headlines-help, .twc-teaser-help { font-size: 52% !important; } .twc-small-button, .twc-teaser-close { font-size: 12px !important; height: 23px !important; } .twc-small-button a { top: 22px !important; } .keynotes-list-line.twc-narrow { width: 100% !important; } .special-toggle, .block-toggle, .block-show { display: block !important; } .block-can-toggle { display: none !important; } .keynotes-list-line, .keynotes-list-large .keynotes-item-large { flex-wrap: wrap !important; } .keynotes-list-large .keynotes-talk-left { flex-direction: column-reverse !important; } .keynotes-list-line .keynotes-item-narrow, .keynotes-list-line.twc-narrow .keynotes-item-narrow, .keynotes-list-large .keynotes-item-large .keynotes-item-talk { width: calc(100% - 30px) !important; margin-top: 10px !important; } .keynotes-list-line .keynotes-item-narrow .keynotes-item-person { flex-wrap: nowrap !important; } .keynotes-list-line .keynotes-item-narrow .keynotes-item-picture { width: 150px !important; } .keynotes-list-line .keynotes-item-narrow .keynotes-item-content { padding: 40px 0px !important; } .multi-columns .twc-view-full, .twc-view-full, .twc-read-more a { font-size: 14px !important; } .orange-block { font-size: 13px !important; } table.schedule th.pshour { width: 4rem !important; } } @media only screen and (max-width: 620px) { table.registration th, table.registration td { padding: 0px 5px !important; } .twc-link-button.twc-bigger-button.twc-special-button > a { font-size: 20px !important; } table.schedule td > ul.flexmode.threecols > li { font-size: 14px !important; } } @media only screen and (max-width: 600px) { .primary-navigation > div > .menu-wrapper .sub-menu-toggle { padding-right: 0px !important; } .page-section { font-size: 80% !important; } table tr.history td:first-child { width: var(--history-left-width) !important; } .page-subtitle { top: var(--subtitle-verysmall-top-position) !important; font-size: var(--subtitle-verysmall-font-size) !important; } .wide-search .search-field, .site-search .search-field { width: 15.5em !important; top: -0.4rem !important; } .wide-search .twc-search-inner::after, .site-search .twc-search-inner::after { top: 0.2rem !important; } .timeline-list .timeline-item-block { padding-right: 15px !important; } .timeline-list .timeline-item .timeline-item-date { font-size: var(--timeline-date-small-font-size) !important; } .timeline-list .timeline-item .timeline-title { font-size: var(--timeline-title-small-font-size) !important; } .timeline-all-excerpt > .timeline-special-1 { top: 0.9rem !important; } .timeline-all-excerpt > .timeline-special-2 { top: 5.1rem !important; } .timeline-all-excerpt > .timeline-special-3 { top: 9.3rem !important; } .timeline-all-excerpt > .timeline-special-4 { top: 13.4rem !important; } .timeline-all-excerpt > .timeline-special-5 { top: 17.5rem !important; } .timeline-all-excerpt > .timeline-special-6 { top: 21.6rem !important; } .timeline-all-excerpt > .timeline-special-7 { top: 25.7rem !important; } .timeline-all-excerpt > .timeline-special-8 { top: 29.8rem !important; } .twc-video h3 { font-size: 24px !important; } .gg-music { transform: skewY(-15deg) scale(0.75); } .orange-block { margin-left: -15px !important; width: calc(100% + 30px) !important; border-spacing: 5px !important; } .orange-line1 td { padding: 18.32px 0px !important; } .orange-line2 td { padding: 10px 0px !important; } } @media only screen and (min-width: 592px) { .special-top-navigation .special-navigation .nav-links { justify-content: space-between !important; } } @media only screen and (max-width: 560px) { .flex-person, .flex-person.flex-alt-person, .flex-person.flex-med-person { flex-wrap: wrap !important; } .flex-person.right, .flex-person.flex-alt-person.right, .flex-person.flex-med-person.right { flex-direction: column-reverse !important; } .flex-person:not(.special-margin), .flex-person.flex-alt-person, .flex-person.flex-med-person { width: calc(100% - 20px) !important; min-width: calc(100% - 20px) !important; margin-top: 0px !important; } .flex-person.flex-norm-person { width: 100% !important; min-width: 100% !important; margin-top: 0px !important; } .flex-person.flex-alt-person:not(:first-of-type), .flex-person.flex-med-person:not(:first-of-type) { margin-top: 0px !important; } .flex-person:not(.special-margin) .person-picture, .flex-person.right .person-picture, .flex-person .person-alt-picture, .flex-person.right .person-alt-picture, .flex-person .person-med-picture, .flex-person.right .person-med-picture, .flex-person.flex-alt-person .person-alt-picture, .flex-person.flex-alt-person.right .person-alt-picture, .flex-person.flex-med-person .person-med-picture, .flex-person.flex-med-person.right .person-med-picture { text-align: center !important; width: 80px !important; min-width: 80px !important; margin: 5px auto 5px auto !important; } .flex-person.flex-norm-person .person-picture { text-align: center !important; width: 140px !important; min-width: 140px !important; margin: 10px auto 10px auto !important; } .flex-person .person-picture img, .flex-person .person-alt-picture img, .flex-person .person-med-picture img { width: 100% !important; min-width: 100% !important; } .flex-person.flex-alt-person .person-about, .flex-person.flex-med-person .person-about { width: 100% !important; } .flex-person .person-about, .flex-person.right .person-about { margin: 0px !important; width: 100% !important; } .flex-person .person-about.twc-compact, .flex-person.right .person-about.twc-compact { padding: 5px 15px !important; } .flex-person .person-about.twc-compact .twc-right-cv, .flex-person.right .person-about.twc-compact .twc-right-cv { margin: -10px -15px -34px 0px !important; } .flex-person .person-about h3, .flex-person.right .person-about h3 { font-size: calc(0.8 * var(--page-h2-font-size)) !important; } .page-section h3.twc-compact.topspaced { margin-top: 20px !important; margin-bottom: 0px !important; } .page-section h3.twc-compact.topspaced:not(:first-of-type) { border-top: 2px solid var(--dark-color) !important; } .wide-search .search-field, .site-search .search-field { width: 15.5em !important; top: -0.5rem !important; } .wide-search .twc-search-inner::after, .site-search .twc-search-inner::after { top: 0.2rem !important; font-size: 13px !important; } .page-section h2.twc-compact { font-size: calc(0.7 * var(--page-h1-font-size)) !important; padding-bottom: 20px !important; } .block-section.twc-compact { padding: 0px 0px 60px 0px !important; } .twc-gototop.down30, .twc-gototop.down80 { top: 10px !important; } .twc-page-menu { font-size: calc(0.7 * var(--primary-nav-small-font-size)) !important; } .post-navigation .nav-links .nav-placeholder { display: none !important; } .post-section .leftspaced { margin-left: 15px !important; } .twc-link-group .twc-link-button { line-height: 3 !important; } .twc-video-container.specialpad p.twc-teaser-title { font-size: 50% !important; } .twc-headlines-help, .twc-teaser-help { font-size: 48% !important; } .twc-small-button, .twc-teaser-close { font-size: 11px !important; height: 22px !important; } table.registration { font-size: 11px !important; } table.registration th, table.registration td { padding: 0px 2px !important; } .orange-block { font-size: 12px !important; } .twc-link-button.twc-bigger-button.twc-special-button { height: 50px !important; } .twc-link-button.twc-bigger-button > a { padding: 10px 15px !important; border-radius: 5px !important; font-size: 20px !important; } h3.program-schedule.centered { font-size: 20px !important; } table.schedule td > ul.flexmode.threecols > li { font-size: 12px !important; } } @media only screen and (max-width: 510px) { .primary-navigation > div > .menu-wrapper .sub-menu-toggle { padding-right: 2px !important; } .twc-video h3 { font-size: 20px !important; } .panelists-cv { max-width: 93% !important; } .twc-link-button > a, .twc-big-link-button > a { font-size: 16px !important; } h3.paperslist { padding-left: 10px !important; } table.registration { font-size: 10px !important; } .orange-block { font-size: 11px !important; } .twc-link-button.twc-bigger-button.twc-special-button > a { font-size: 18px !important; } } @media only screen and (min-width: 482px) { .primary-navigation .primary-menu-container { position: relative !important; top: 0px !important; } .special-navigation .nav-links { justify-content: space-between !important; } } @media only screen and (max-width: 481px) { html { overflow-x: hidden !important; } .site-header > .site-logo { margin-top: 0px !important; padding-bottom: 10px !important; } .site-header > .site-logo img { max-height: var(--mobile-header-max-height) !important; max-width: var(--mobile-header-max-width) !important; } .wide-search .search-field, .site-search .search-field { font-size: calc(0.7 * var(--primary-nav-small-font-size)) !important; } .wide-search .twc-search-inner::after, .site-search .twc-search-inner::after { top: 0.1rem !important; } .site-header.has-logo.has-title-and-tagline.has-menu .site-branding { max-width: none !important; } .primary-navigation { margin: 0px !important; padding-top: 0px !important; width: 100% !important; } .primary-navigation div { background-color: var(--background-color) !important; } .primary-navigation div.menu-button-container { background-color: transparent !important; } .primary-navigation a { width: max-content !important; font-size: var(--primary-nav-small-font-size) !important; margin-right: auto !important; } .primary-navigation .primary-menu-container { margin-left: auto !important; width: 100% !important; } .primary-navigation .primary-menu-container a { font-size: var(--primary-nav-small-font-size) !important; } .primary-navigation > div > .menu-wrapper > li > .sub-menu li a { font-size: var(--primary-nav-small-font-size) !important; height: var(--primary-nav-used-menu-size) !important; } .primary-navigation .primary-menu-container > ul > .menu-item > a { margin-top: 10px !important; font-size: var(--primary-nav-small-font-size) !important; padding: 2px !important; border-left: none !important; } .primary-navigation .primary-menu-container > ul > .menu-item > a > span { display: inline-block !important; } .primary-navigation > div > .menu-wrapper > li > .sub-menu { border: none !important; left: 10px !important; padding: 2px 10px 5px 15px !important; margin-right: 0px !important; } .primary-navigation > div > .menu-wrapper > li > .sub-menu li { display: list-item !important; background-color: transparent !important; } .primary-navigation > div > .menu-wrapper > li > .sub-menu li a { margin-left: -0.5rem !important; } .primary-navigation > div > .menu-wrapper .sub-menu a::before { content: "\f105"; font-family: FontAwesome !important; font-weight: bold !important; color: var(--main-color) !important; margin-right: 0.5rem !important; } .primary-navigation > div > .menu-wrapper > li > .sub-menu .sub-menu { display: var(--show-sub-sub-menus) !important; margin-left: 20px !important; } .site-title { letter-spacing: 2px !important; font-weight: normal !important; font-size: calc(var(--site-title-font-size) * 0.8) !important; } .site-description { font-size: calc(var(--site-description-font-size) * 0.75) !important; } .entry-title { font-size: calc(var(--entry-title-font-size) * 0.75) !important; } .site-main { padding-top: var(--site-main-small-top) !important; } .site-logo .custom-logo { max-width: var(--mobile-site-logo-max-width) !important; } .twc-signature { font-size: 75%; } .page-section { font-size: 70% !important; } div.highlights.left, p.highlights.left, ul.highlights.left { margin: 1rem auto 1rem 0px !important; } .twc-video h3 { font-size: 18px !important; } .entry-footer { font-size: 16px !important; } .post-navigation .nav-links .meta-nav { font-size: 16px !important; } .post-navigation .nav-links .post-title { font-size: 16px !important; } .twc-teaser-image { height: 20px !important; width: 20px !important; } table.schedule td > ul.flexmode.threecols > li { font-size: 14px !important; } table.schedule td.psnavleft, table.schedule td.psnavright { width: 1.7rem !important; } table.schedule th.pshour { width: 3.5rem !important; } } @media only screen and (max-width: 410px) { .wide-section h2, .page-section h2 { padding-left: 20px !important; } .wide-section h3, .page-section h3 { padding-left: 20px !important; } .wide-section .twc-keynotes-talks h3, .page-section .twc-keynotes-talks h3 { padding-left: 50px !important; } .wide-section .col-right-33 h3, .page-section .col-right-33 h3 { padding-left: 40px !important; } h3.specialtitle, h3.speciallist { padding-left: 0px !important; } h3.longtext.paperslist { padding-left: 20px !important; } h3.longtext:not(.paperslist), h3.with-diamond { padding-left: 45px !important; } h3.welcome-head, h3.welcome-top, h3.timeline-head.with-diamond, .sponsors-logo-block h3.with-diamond { padding-left: 50px !important; } .page-section { font-size: 65% !important; } .site-branding { width: var(--mobile-branding-width) !important; padding-right: var(--mobile-branding-padding) !important; } .site-title { letter-spacing: 2px !important; font-weight: normal !important; font-size: calc(var(--site-title-font-size) * 0.7) !important; } .site-description { font-size: calc(var(--site-description-font-size) * 0.65) !important; } .entry-title { font-size: calc(var(--entry-title-font-size) * 0.65) !important; } .timeline-list .timeline-item .timeline-title { font-size: calc(var(--timeline-title-small-font-size) * 0.9) !important; } .timeline-all-excerpt > .timeline-special-1, .timeline-all-excerpt > .timeline-special-2, .timeline-all-excerpt > .timeline-special-3, .timeline-all-excerpt > .timeline-special-4, .timeline-all-excerpt > .timeline-special-5, .timeline-all-excerpt > .timeline-special-6, .timeline-all-excerpt > .timeline-special-7, .timeline-all-excerpt > .timeline-special-8 { max-width: calc(35% - 5px) !important; font-size: 80% !important; } .multi-columns .col-left-33, .multi-columns .col-left-50, .multi-columns .col-left-66, .multi-columns .col-right-33, .multi-columns .col-right-50, .multi-columns .col-right-66, .multi-columns .col-third:nth-child(1), .multi-columns .col-third:nth-child(2), .multi-columns .col-third:nth-child(3) { padding: 10px 10px !important; } div.welcome-excerpt { padding: 10px !important; } .twc-video h3 { font-size: 16px !important; } table.track-list td h3.longtext { padding: 0px 0px 0px 15px !important; } table.registration { width: 106% !important; margin: 0px -10px !important; } .orange-block { font-size: 10px !important; } .twc-link-button.twc-bigger-button > a, .twc-link-button.twc-bigger-button.twc-special-button > a { padding: 8px 12px !important; border-radius: 5px !important; font-size: 16px !important; } h3.program-schedule.centered { text-align: left !important; padding-left: 0px !important; } table.schedule td > ul.flexmode.threecols > li { font-size: 10px !important; } table.schedule td ul ul { font-size: 85% !important; } } @media only screen and (max-width: 380px) { .page-subtitle { top: var(--subtitle-verysmall-top-position) !important; font-size: var(--subtitle-smallest-font-size) !important; } .site-title { letter-spacing: 2px !important; font-weight: normal !important; font-size: calc(var(--site-title-font-size) * 0.6) !important; } .site-description { font-size: calc(var(--site-description-font-size) * 0.58) !important; } .entry-title { font-size: calc(var(--entry-title-font-size) * 0.55) !important; } .with-decoration ul.lowlights.wide { padding: 14px 60px 20px 40px !important; } .timeline-list .timeline-item .timeline-title { font-size: calc(var(--timeline-title-small-font-size) * 0.8) !important; } .entry-content img { max-width: 90% !important; } .twc-video h3 { font-size: 14px !important; } .gg-music { transform: skewY(-15deg) scale(0.6); } .twc-link-button > a, .twc-big-link-button > a { font-size: 14px !important; } .twc-special-wrap { white-space: normal !important; } .orange-block { margin-left: -17px !important; width: calc(100% + 34px) !important; border-spacing: 2px !important; } .orange-block.noborder { border-spacing: 4px !important; } .orange-line1 td { padding: 12.3px 0px !important; } .orange-line2 td { padding: 5.547px 0px !important; } .program-page.with-decoration ul { margin-left: 25px !important; } table.schedule th.psday { height: 70px !important; } } @media only screen and (max-width: 360px) { .multi-columns.widecolumns { font-size: 85% !important; } .twc-table .with-diamond{ padding-left: 45px !important; } .orange-block { font-size: 9px !important; } .twc-link-button.twc-bigger-button > a, .twc-link-button.twc-bigger-button.twc-special-button > a { font-size: 14px !important; } h3.program-schedule.centered { font-size: 18px !important; } } @media only screen and (max-width: 345px) { .with-diamond, h3.longtext, h3.with-diamond, h3.timeline-head.with-diamond, .sponsor-logo-block h3.with-diamond { padding-left: 10px !important; } ul.highlights li { padding: 0.25rem 0px 0px 1.6rem !important; } h3.speciallist span:first-child::before, h3.longtext span:first-child::before, .with-diamond::before { display: none !important; } h3.speciallist span:first-child::after, h3.longtext span:first-child::after, .with-diamond::after { display: none !important; } .wide-section .specialleftspaced, .page-section .specialleftspaced, .block-section .specialleftspaced { margin-left: 1.5rem !important; } .wide-section ul.specialleftspaced, .page-section ul.specialleftspaced, .block-section ul.specialleftspaced { margin-left: 1rem !important; } .twc-link-button > a, .twc-big-link-button > a { font-size: 13px !important; } .keynotes-list-toggle { margin: -40px 0px 0px 0px !important; } .twc-table .with-diamond{ padding-left: 20px !important; } .program-page.with-decoration ul { margin-left: 0px !important; } h3.program-schedule.centered { font-size: 16px !important; } } @media only screen and (max-width: 320px) { .site-logo, .site-logo img { width: 100% !important; max-width: 100% !important; } .entry-content img { width: 90% !important; max-width: 90% !important; } .site-branding { top: 10px !important; max-width: 100% !important; } .site-branding h1 { font-size: 80% !important; } .site-branding p { font-size: 60% !important; } .site-search, .primary-navigation, .footer-navigation, .twc-gototop, .site-content { display: none !important; } .screen-too-small { display: block !important; } } @media print { .twc-printonly { display: block; } .twc-noprint { display: none; } }