/* Theme Name: Ataxia Global Initiative (Twenty Sixteen Child) Theme URI: http://Startseite.de/ Description: Ataxia Global Initiative Theme Author: et-agentur Author URI: http://et-agentur.de/ Template: twentysixteen Version: 1.0.1 Tags: Schlagwörter Text Domain: Ataxia-Global-Initiatives */ @import url("../twentysixteen/style.css"); /* = CSS -------------------------------------------------------------- */ /* Colors lila: #47007d 79,0,125 helllila: #870794 135,7,148 rotlila: #8a075f 138,7,95 blaulila: #3a0794 56,7,148 blau: #1207ba 18,7,138 grey: #585858 Table red: #e1c5ca green: #99ebbf -------------------------------------------------------------- */ :root { --maincol: #47007d; --maincollight: #870794; --maincoltonew: #8a075f; --maincoltonec: #3a0794; --seccol: #1207ba; --grey: #585858; --tablered: #e1c5ca; --tablegreen: #99ebbf; --schwarz: #000000; --grayvdk: #1a1a1a; --graydk: #333333; --graymd: #686868; --graylt: #e5e5e5; --weiss: #ffffff; --violettdk: #47007d; --violettmd: #7323b0; --violettlt: #b070e0; --violettvlt: #ede5f2; --blaugraudk: #325c7d; --blaugraumd: #668ea6;; --blaugrault: #9ac0cf; --blaugrauvlt: #c9dfe8; } body:not(.custom-background-image):before, body:not(.custom-background-image):after { height: 0px; } /* Logo */ body.page-template-page-sca-global .site-branding {width:100%} body.page-template-page-arca-global .site-branding {width:100%} .site-branding .SCA-Global-Logo {width:40%; min-width:286px; float:right} .site-branding .ARCA-Global-Logo {width:40%; min-width:286px; margin:auto} /* Logo */ /* Startseite ohne Seitentitel */ .page-id-39 header.entry-header {display:none} /* Startseite ohne Seitentitel */ /* Navigation | Menü */ .main-navigation a:hover, .main-navigation a:focus { color: var(--violettdk) !important} .main-navigation li:hover > a, .main-navigation li.focus > a { color: var(--violettdk) !important} @media screen and (min-width: 910px) { /* 1ter Menupunkt Home Icon */ .main-navigation li#menu-item-2475 a:before { font-family: Genericons; content: "\F409"; font-size: 2rem; padding: 0 10px 0 0; position: absolute; right: 0em; top: 0em; } .main-navigation li#menu-item-2475 a { font-size: 0; height: 42px; width: 34px; } .main-navigation li#menu-item-2504 a, .main-navigation li#menu-item-4077 a { white-space:pre-wrap; } .main-navigation li#menu-item-2504 a { min-width: 290px } .main-navigation li#menu-item-4077 a { min-width: 340px } } /* End Home */ /*kiwi-floating-bar*/ .kiwi-floating-bar:before { width: 40px; display: block; text-align: center; font-size: 11px; font-weight: bold; content: "share"; background-color: rgba(255,255,255,0.5); border-radius: 5px;} ul.kiwi-floating-bar li a.network-label:before { content:"share on " } ul.kiwi-floating-bar.pill.right>li .network-label { width: 165px !important } /*kiwi-floating-bar*/ .img-circle {text-align: center} .img-circle img {border-radius:100%; box-shadow: 4px 4px 20px rgba(0,0,0,0.5); width:150px;margin: 0 auto !important} .img-circle .wp-caption {margin-bottom:-28px;} .display_none { display:none; } span.byline { display: none ! important; } a.diss:hover { cursor: default ! important } .toggled-on .main-navigatifon .menu-item-has-children > a.diss:after { content:""} body.page-template-page-os .content-area { width: 100%; } h1,h2,h3,h4,h5,h6 { font-weight: 700 !important; } div#page { overflow:hidden; } .custom-logo { width: 100%; max-width: 600px; } .clear { clear:both; } a { color: var(--violettdk) } a.invisible { color: #333333; } .center { text-align: center } .entry-content a, .entry-summary a, .taxonomy-description a, .logged-in-as a, .comment-content a, .pingback .comment-body > a, .textwidget a, .entry-footer a:hover, .site-info a:hover { box-shadow: none; } .button_narrow { margin-top:-1.615384615em} .button p a button:first-child { font-size: 1.1em ! important } .button p a button:hover { background-color: #3a0794 } button, button[disabled]:hover, button[disabled]:focus, input[type="button"], input[type="button"][disabled]:hover, input[type="button"][disabled]:focus, input[type="reset"], input[type="reset"][disabled]:hover, input[type="reset"][disabled]:focus, input[type="submit"], input[type="submit"][disabled]:hover, input[type="submit"][disabled]:focus { background: var(--violettdk); } button:hover, button:focus, input[type="button"]:hover, input[type="button"]:focus, input[type="reset"]:hover, input[type="reset"]:focus, input[type="submit"]:hover, input[type="submit"]:focus { background: #3a0794; } .page-header, .widget { border-top: none; } .post-navigation { border-top: 1px solid var(--violettdk); border-bottom: 1px solid var(--violettdk); } .main-navigation .primary-menu > li { border-right: 2px solid #585858; } .main-navigation .primary-menu > li:last-child { border-right: none; } @media screen and (min-width: 910px) { .main-navigation ul.primary-menu > .menu-item-has-children > a:after { content: "\f432"; } .main-navigation ul.primary-menu > .menu-item-has-children:hover > a:after {content:"\F431"} .main-navigation ul ul li#menu-item-2520:hover > ul, .main-navigation ul ul li#menu-item-2520:focus > ul { left: auto; right:100% } /* sub sub Pfeil nach rechts*/ .main-navigation .menu-item-has-children > a:after { content: "\f432"; } } /* sub sub */ .main-navigation ul ul li:hover > ul, .main-navigation ul ul li.focus > ul { left: 100%; right: auto; } .main-navigation .menu-item-object-custom.current-menu-item a { font-weight: normal } @media screen and (min-width: 1320px) { .main-navigation a { padding: 0.65625em 0.475em } } @media screen and (min-width: 1260px) and (max-width: 1319px) { .main-navigation a { padding: 0.65625em 0.3em } .main-navigation ul.primary-menu > .menu-item-has-children > a:after { right:0.2em !important } } @media screen and (min-width: 910px) and (max-width: 1259px) { .main-navigation a { padding: 0.65625em 0.25em; font-size:14px; line-height: 23px } .main-navigation ul.primary-menu > .menu-item-has-children > a { padding-right:1.5em; margin-right: 0 } .main-navigation ul.primary-menu > .menu-item-has-children > a:after { right:0em !important } .main-navigation li#menu-item-2475 a:before { font-size: 1.6rem; padding: 8px 5px 0 0; } .main-navigation li#menu-item-2475 a { height: 42px; width: 20px;} } @media screen and (min-width: 910px) and (max-width: 1010px) { .main-navigation a { font-size:13px; } .main-navigation ul.primary-menu > .menu-item-has-children > a { padding-right:1.3em; } } .widget .closely p { margin-bottom: 0.6em } .widget .table_reg { font-size: 14px ! important; font-size: 0.9rem ! important; } .PDFsymbol a[href$= ".pdf"]:before, a[href$= ".pdf"]:before, a.pdf:before { content:url(img/pdf-20.png); padding-right:5px; vertical-align:-10%; } .noPDFsymbol a[href$= ".pdf"]:before, a.noPDFsymbol[href$= ".pdf"]:before {content:""; padding:0} @media screen and (min-width: 56.875em) { .main-navigation ul ul a { white-space: nowrap; width: auto; } } .site { margin: 0px; } .site-header { padding: 2em 4.5455%; } .site-header-main .site-title, .site-header-main .site-description { visibility: hidden; max-height: 1px; max-width: 200px; margin:0; padding:0 } form.search-form { float: right; } button.search-submit { border-radius: 0 6px 6px 0; background-color: var(--violettdk); height: 42px; } button.search-submit:hover { background-color: #3a0794; } input[type="search"].search-field { border-radius: 6px 0 0 6px } div#site-header-menu.site-header-menu { margin: 1.75em auto; } .siteorigin-widget-tinymce ul { display: inline-block ! important } .button h3.widget-title:nth-child(1) { background-color: var(--violettdk); color: white; display: inline-block; padding: 10px 20px; border-radius: 2px; } .section { border-top: 1px solid var(--violettdk); padding-top: 60px; } #colophon .main-navigation .primary-menu > li, .toggled-on .main-navigation .primary-menu > li { border-right: none; } div#mailpoet_form_1 p { float: left; display: block; width: 50%; } div#mailpoet_form_1 p input.mailpoet_text { width: 96% } div#mailpoet_form_1 p:nth-child(4) { width: 100%; text-align: center } div#mailpoet_form_1 p input.mailpoet_submit { width: 96%; background-color:var(--violettdk) } div#mailpoet_form_1 p input.mailpoet_submit:hover { background-color:#3a0794 } div.newsletter h3.widget-title { text-align: center } div.newsletter h3.widget-title:after { display: block; font-weight: normal; font-size: 0.8rem; text-transform: none; font-style: italic; content:"*Denotes required field" } div.newsletter { max-width: 800px; margin: 10px auto; background-color: lightgrey } div#mailpoet_form_1 form { width: calc(100% - 20px ); margin: auto; } div.newsletter .so-panel { margin-bottom: 0 ! important } div.newsletter .form_news_agree { background-color: white; text-align: center; margin-top: -1.5em; } ul.mailpoet_archive {list-style-type:none; margin-left:0 !important} span.mailpoet_archive_date { display: block;font-size: 12px;font-style: italic;color: #999; } span.mailpoet_archive_subject { display:block; margin-bottom:6px } div.newsletter .form_news_agree { background-color: white; text-align: center; margin-top: -1.5em; } .site-footer { clear: both; } #header-widgets-wrap { display:block; float: right; margin-bottom: 4px; } #header-widgets-wrap .widget { margin: 0; padding: 0 } #header-widgets button { background-color: var(--violettdk); font-family: genericons; } #header-widgets button:hover { background-color: #3a0794; } #header-widgets button { border-radius: 0 2px 2px 0; overflow: hidden; padding: 0; width: 42px; color: white; } #header-widgets button:before { font-size: 24px; line-height: 42px; width: 40px; } #header-widgets button.mail:before { content: "@"; font-weight: normal; position:relative; bottom: 6px; } #header-widgets button.tel:before { content: "\f50c" } #header-widgets button.letter:before { content: "\f410" } #header-widgets button.location:before { content: "\f417" } #header-widgets li#menu-social, #header-widgets ul#menu-social, .spons_socials li, .spons_socials ul { margin: 0 !important; padding: 0 } #header-widgets #menu-social li, .spons_socials ul li { list-style-type:none; float: left; } #header-widgets #menu-social a, .spons_socials ul li a { font-size: 0; margin-left: 4px; } #header-widgets #menu-social a:before, .spons_socials ul li a:before { color: white; font-family: "Genericons"; font-style: normal; font-variant: normal; font-weight: normal; border-radius: 6px; line-height: 42px; height: 42px; width: 42px; speak: none; text-align: center; text-decoration: inherit; text-transform: none; vertical-align: top; display: inline-block; margin-bottom:4px } #header-widgets #menu-social a:hover:before, .spons_socials ul li a:hover:before { box-shadow: 1px 1px 4px rgba(0,0,0,0.5)} #header-widgets #menu-social a[href*="twitter.com"]:before, .spons_socials ul li a[href*="twitter.com"]:before { content: "\f202"; background-color:#55acee; font-size: 26px; } #header-widgets #menu-social a[href*="facebook.com"]:before, .spons_socials ul li a[href*="facebook.com"]:before { content: "\f204"; background-color:#3b5998; font-size: 30px; } #header-widgets #menu-social a[href*="linkedin.com"]:before, .spons_socials ul li [href*="linkedin.com"]:before { content: "\f207"; background-color:#0073b1; font-size: 30px; } #header-widgets #menu-social a[href*="youtube.com"]:before, .spons_socials ul li [href*="youtube.com"]:before { content: "\f213"; background-color:#ff0000; font-size: 30px; } #header-widgets #menu-social a[href*="xing.com"]:before, .spons_socials ul li [href*="xing.com"]:before { font-family: "sow-fontawesome-brands"; content: "\F168"; background-color:#006567; font-size: 30px; } #header-widgets #menu-social a[href*="instagram.com"]:before, .spons_socials ul li [href*="instagram.com"]:before { content: "\f215"; font-family: "sow-fontawesome-brands"; content: "\F16D"; background-color:#ff0000; font-size: 30px; background: #f09433; background: -moz-linear-gradient(45deg, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%); background: -webkit-linear-gradient(45deg, #f09433 0%,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888 100%); background: linear-gradient(45deg, #f09433 0%,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f09433', endColorstr='#bc1888',GradientType=1); } /* Single Page */ #share a { margin: 0 5px} a.tweet:before, a.facebookshare:before { font-family: "Genericons"; color: white; font-size: 24px; vertical-align: -6px; margin-right:10px } a.tweet, a.facebookshare { color: white; padding: 10px; border-radius: 5px; } a.tweet:hover, a.facebookshare:hover { box-shadow: 1px 1px 4px rgba(0,0,0,0.5)} a.tweet { background-color:#55acee; } a.tweet:before { content: "\f202"; } a.facebookshare { background-color:#3b5998; } a.facebookshare:before { content: "\f204"; } @media screen and (min-width: 985px) { body.single .entry-header { margin-left: 30px !important; } } /* Footer */ #footer-wrap { background-color: #ffffff; color: black; margin: 0; padding: 10px; text-align:center } #footer-wrap .social-navigation:before {content:"Follow us"} #footer-widgets-wrap { text-align: center; width: calc(100% - 200px); margin-right: 0px; float: right; } #footer_1_4 .footer-widget-column { width: 100%; float: left; text-align: center; margin:0 6.5%; box-sizing: border-box; } #footer-wrap .social-navigation a { color: white } #footer-wrap .social-navigation { display: block; float: left; padding-left: 2% } #footer-wrap .social-navigation li { float: left; padding: 4px 4px; margin: 0; } #footer-wrap .social-navigation a { font-size: 0; height: 42px; width: 42px; } #footer-wrap .social-navigation a:before { color: white; font-family: "Genericons"; font-style: normal; font-variant: normal; font-weight: normal; border-radius: 6px; line-height: 42px; height: 42px; width: 42px; speak: none; text-align: center; text-decoration: inherit; text-transform: none; vertical-align: top; display: inline-block; } #footer-wrap .social-navigation a:hover:before { box-shadow: 1px 1px 4px rgba(0,0,0,0.5)} #footer-wrap .social-navigation a[href*="twitter.com"]:before { content: "\f202"; background-color:#55acee; font-size: 26px; } #footer-wrap .social-navigation a[href*="facebook.com"]:before { content: "\f204"; background-color:#3b5998; font-size: 30px; } #footer-wrap .social-navigation a[href*="youtube.com"]:before { content: "\f213"; background-color:#ff0000; font-size: 30px; } @media (max-width: 767px) { #footer-widgets-wrap { text-align: center; width: 100%; margin-right: 0px; float: right; } #footer-wrap .social-navigation { display: block; float: none; padding: 2% } #footer-wrap .social-navigation li { float: left; text-align: center; padding:0px 2px } #footer-wrap .social-navigation .social-links-menu { display:inline-block; } #footer-wrap .social-navigation .social-links-menu:before { margin: auto; font-size: 18px; } #footer_1_4 .footer-widget-column { float: left; width: 100%; margin:0 2%; box-sizing: border-box; } } /* End Footer */ @media (max-width: 450px) { .custom-logo { max-width: 100%; } } .no-sidebar .entry-header, .no-sidebar .entry-content, .no-sidebar .entry-summary, .no-sidebar .entry-footer, .no-sidebar .comments-area, .no-sidebar .image-navigation, .no-sidebar .post-navigation, .no-sidebar .pagination, .no-sidebar .page-header, .no-sidebar .page-content, .no-sidebar .content-bottom-widgets { margin-right: 60px; margin-left: 60px; } body.no-sidebar:not(.search-results) article.category-events-past .entry-content, body.no-sidebar:not(.search-results) article.category-events .entry-content { margin-right: 60px !important; margin-left: 60px !important; display: block ! important; float:none ! important; } @media (min-width: 985px) { body.no-sidebar:not(.search-results) article:not(.type-page) .entry-footer { clear: both !important } body.no-sidebar:not(.search-results) article:not(.type-page) .entry-content { margin-left: 30px !important; width: 70% !important; } } @media (min-width: 911px) and (max-width: 1200px) { .no-sidebar .entry-header, .no-sidebar .entry-content, .no-sidebar .entry-summary, .no-sidebar .entry-footer, .no-sidebar .comments-area, .no-sidebar .image-navigation, .no-sidebar .post-navigation, .no-sidebar .pagination, .no-sidebar .page-header, .no-sidebar .page-content, .no-sidebar .content-bottom-widgets { margin-right: 0%; margin-left: 0%; } body.no-sidebar:not(.search-results) article.category-events-past .entry-content, body.no-sidebar:not(.search-results) article.category-events .entry-content { margin-right: 0px !important; margin-left: 0px !important; width: 100% ! important; } } @media (max-width: 510px) { .no-sidebar .entry-content { margin-right: 20px; margin-left: 20px; } body.no-sidebar:not(.search-results) article.category-events-past .entry-content, body.no-sidebar:not(.search-results) article.category-events .entry-content { margin-right: 20px !important; margin-left: 20px !important; width: 100% ! important; } } h6 { font-size: 16px; font-size: 1rem; font-weight: 400 ! important } p.smaller { font-size: 15px; margin-bottom: 8px; margin-left: 15px;} .small { font-size: 0.75rem} .no-b-m { margin-bottom: 0px ! important } .entry-content ul, .entry-summary ul, .comment-content ul, .entry-content ol, .entry-summary ol, .comment-content ol { margin-left: 20px } .widget { font-size: 16px; font-size: 1rem; } /* home */ .home header.entry-header { display: none } .home #Title h1 { font-family: Montserrat, "Helvetica Neue", sans-serif; font-size: 40px; font-size: 2.5rem; font-weight: 700; } .grey, .blue { margin: 0 -20px; padding: 20px } .grey { background-color: #efefef; } .blue { background-color: #870794; } .wide { margin: 0 -100%; padding: 20px 100% } .video { background-color: #1F4E79;background-image: url("img/world.png");background-size: 50%; background-repeat: no-repeat; background-position: center; min-height: 300px;} .wide.video {padding: 80px 100%;} .video-2105 { background-image: url("img/world-map2.png");background-size: contain; background-repeat: no-repeat; background-position: center; min-height: 300px;} .wide.video-2105 {padding: 80px 100%;} .video-4551 { padding: 150px 0 150px 20px !important; margin-bottom:32px; background-image: url(https://ataxia-global-initiative.net/wp-content/uploads/2024/05/Ataxia-ACT.png); background-size: contain; background-repeat: no-repeat; background-position: center; } .grey li { margin-top: 0.5em } .three-inline-buttons button { display: inline-block; margin-right: 1%; width: 32.666666%; } .three-inline-buttons a:last-child button { margin-right: 0%; } @media (max-width: 1070px) { .three-inline-buttons button { margin-right: 0%; margin-left:0%; width: 100%; margin-bottom: 5px; } } /* News / Events */ .big h3.rpwe-title a { font-size:1.5rem; line-height: 1.4 } #RPWE .rpwe-time { display:none } article.category-events-past .entry-date, article.category-events .entry-date { display: none } body.single-post .post-navigation, body.single-post .cat-links { display:none !important; } body.single-post article h1.entry-title { font-size: 1.5rem; line-height: 1.4 } @media (max-width: 600px) { .rpwe-alignleft { display:block ! important; width:100% ! important } } @media (min-width: 510px) { .post-thumbnail { max-width: calc(30% - 32px); float: right; } } /* FlipBox */ .widget_cl-flipbox { margin-bottom: 0px ! important; } p.cl-flipbox-front-desc { line-height: 1.25 } p.cl-flipbox-back-desc { margin-bottom: 0 ! important; } a.cl-btn { color: #000000; background-color: #ffffff; min-width: 200px } a.cl-btn:hover { color: #ffffff ! important; background-color: #000000 ! important; } .cl-flipbox-back-h a.cl-btn { position: absolute; bottom: 20px; left: calc(50% - 100px) } .cl-flipbox-back-h p.cl-flipbox-back-desc a.cl-btn { position: absolute; bottom: 70px; left: calc(50% - 100px) } h4.cl-flipbox-back-title { padding-top: 30px ! important } @media (max-width: 360px) { h4.cl-flipbox-front-title { font-size: 14px ! important} h4.cl-flipbox-back-title { font-size: 13px ! important } } @media (min-width: 781px) and (max-width: 990px) { h4.cl-flipbox-front-title { font-size: 13px ! important} h4.cl-flipbox-back-title { font-size: 11px ! important } } @media (max-width: 719px) { .table-desktop-br { float: left ! important } .table-responsive .table-center { text-align: left; vertical-align: top; } } /* anchor links */ div#ataxia-clinics-worldwide:focus, div#SCA-clinical-research-initiatives:focus, div#something:focus { outline: 0; } /* table-responsive */ table.table-responsive {} table.table_bluewhite { border-left: 1px solid var(--violettdk); border-top: 1px solid var(--violettdk); margin-bottom: 0px; } .art-tbody { border-left: 1px solid var(--violettdk); border-right: 1px solid var(--violettdk); margin-bottom: 0px; } /* RESPONSIVE div */ .art-table .art-tbody, .art-table .art-tbody .art-tr, .art-table .art-tbody .art-tr .art-td { width: 100%; display: block; } .art-table .art-tbody .art-tr .art-td .art-td-first, .art-table .art-tbody .art-tr .art-td .art-td-last { width: 50%; float: left; padding: 10px; box-sizing: border-box; } .art-table .art-tbody .art-tr .art-td { background-image:linear-gradient(90deg, #a6a6a6 50%, white 50%) } .art-table .art-tbody .art-tr .art-td:first-child { background-image:linear-gradient(90deg, var(--violettdk) 50%, white 50%) } .art-table .art-tbody .art-tr .art-td:first-child a { color:#ffffff; text-decoration: underline } .art-table .art-tbody .art-tr .art-td .art-td-first { color: white} .art-table .art-tbody .art-tr .art-td .art-clearfix { display: block; clear: both; } .art-table .art-tbody .art-tr:first-child { border-top: 1px solid var(--violettdk) } .art-td { border-bottom: 1px solid var(--violettdk); background-color: white; } /* Accordions */ .accordion-title div.so-widget-sow-accordion h3.widget-title, .toggle div.so-widget-sow-accordion h3.widget-title { background-color: var(--violettdk); color:white; padding-right:40px} .blue-title div.so-widget-sow-accordion h3.widget-title, .toggle div.so-widget-sow-accordion h3.widget-title { background-color: var(--violettdk); color:white; padding-right:40px} /* CPMS */ .columns .textwidget ul li { float: left; display: block; min-width: 200px; min-height: 30px; } .columns .textwidget ul li a[href$= ".pdf"]:before, .columns .textwidget ul li a.pdf:before { font-family: genericons; content:"\f101"; color: #666666; padding-right: 5px; vertical-align: -10%; } /* Experts Centers */ div.so-widget-sow-accordion h3.widget-title { margin: 0 -10px 10px -10px ! important; padding: 10px 10px; font-size: 1.2rem ! important; border-radius: 2px; background-color: #efefef; color:inherit; } .near_panels .sow-accordion-panel { margin-bottom: 5px !important } .near_panels .so-panel { margin-bottom: 10px !important;} /* Startseite Services Farben */ .so-widget-lsow-services .lsow-service-wrapper:nth-child(1), .so-widget-lsow-services .lsow-service-wrapper:nth-child(5) { background-color: var(--violettdk) ! important } .so-widget-lsow-services .lsow-service-wrapper:nth-child(2), .so-widget-lsow-services .lsow-service-wrapper:nth-child(3), .so-widget-lsow-services .lsow-service-wrapper:nth-child(4), .so-widget-lsow-services .lsow-service-wrapper:nth-child(6), .so-widget-lsow-services .lsow-service-wrapper:nth-child(7), .so-widget-lsow-services .lsow-service-wrapper:nth-child(8), .so-widget-lsow-services .lsow-service-wrapper:nth-child(9), .so-widget-lsow-services .lsow-service-wrapper:nth-child(10), .so-widget-lsow-services .lsow-service-wrapper:nth-child(11), .so-widget-lsow-services .lsow-service-wrapper:nth-child(12) { background-color: var(--violettdk) ! important } /* Services */ .so-widget-lsow-services .lsow-service-wrapper { padding-top: 20px; min-height: 290px; margin-top:20px } .so-widget-lsow-services .lsow-service-wrapper:hover { background-color: #b2124d ! important; -webkit-transition: background-color 500ms ease; -ms-transition: background-color 500ms ease; transition: background-color 500ms ease; } .so-widget-lsow-services .lsow-service-text h3.lsow-title { color: white ! important; line-height: 1.3rem ! important; font-size: 0.9rem ! important; } .so-widget-lsow-services .lsow-service-text .lsow-service-details { color: white } .acc_flags div.sow-accordion-title, #acc_flags div.sow-accordion-title { padding-left: 50px; background-repeat: no-repeat; background-position: 10px center; } div.sow-accordion-panel-header { padding: 5px 10px ! important; } div.sow-accordion-panel-border { padding: 5px 20px ! important; } div.sow-accordion-panel-border ul, div.sow-accordion-panel-border ol, div.sow-accordion-panel-border p { margin-bottom:0.25rem ! important } div.sow-accordion-panel-border ul:last-child, div.sow-accordion-panel-border ol:last-child, div.sow-accordion-panel-border p:last-child { margin-bottom:0 ! important } div.country-link h3.widget-title { margin: 0 -40px 10px -40px ! important; padding: 10px 40px; font-size: 1.2rem ! important; box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.5); border-radius: 22px; background-color: var(--violettdk); color:white; } .country-link ul { list-style:none; margin-left:0;width:100%;} .country-link li {background-color:#efefef;margin-bottom:2px;border-radius:10px;line-height:1.8rem; width:100%} @media (min-width: 950px) { .country-link li {width:24%;float:left;margin-right:1%} } @media (min-width: 600px) and (max-width: 949px) { .country-link li {width:32%;float:left;margin-right:1%} } @media (min-width:400px) and (max-width:599px){ .country-link li {width:48%;float:left;margin-right:1%} } .country-link li:hover {background-color:#3a0794} .country-link a {display:block; padding-left: 50px; background-repeat: no-repeat; background-position: 10px center} .country-link a:hover{color:white} a.bel, [data-anchor="belgium"] div.sow-accordion-title { background-image: url("img/flags/bel.gif"); } a.bul, [data-anchor="bulgarian"] div.sow-accordion-title, [data-anchor="bulgaria"] div.sow-accordion-title { background-image: url("img/flags/bul.gif"); } a.cro, [data-anchor="croatian"] div.sow-accordion-title, [data-anchor="croatia"] div.sow-accordion-title { background-image: url("img/flags/cro.gif"); } a.cze, [data-anchor="czech"] div.sow-accordion-title, [data-anchor="czech-republic"] div.sow-accordion-title { background-image: url("img/flags/cze.gif"); } a.den, [data-anchor="danish"] div.sow-accordion-title, [data-anchor="denmark"] div.sow-accordion-title { background-image: url("img/flags/den.gif"); } a.est, [data-anchor="estonian"] div.sow-accordion-title, [data-anchor="estonia"] div.sow-accordion-title { background-image: url("img/flags/est.gif"); } a.fin, [data-anchor="finnish"] div.sow-accordion-title, [data-anchor="finland"] div.sow-accordion-title { background-image: url("img/flags/fin.gif"); } a.fra, [data-anchor="french"] div.sow-accordion-title, [data-anchor="france"] div.sow-accordion-title { background-image: url("img/flags/fra.gif"); } a.ger, [data-anchor="german"] div.sow-accordion-title, [data-anchor="germany"] div.sow-accordion-title { background-image: url("img/flags/ger.gif"); } a.gre, [data-anchor="greek"] div.sow-accordion-title, [data-anchor="greece"] div.sow-accordion-title { background-image: url("img/flags/gre.gif"); } a.hun, [data-anchor="hungarian"] div.sow-accordion-title, [data-anchor="hungary"] div.sow-accordion-title { background-image: url("img/flags/hun.gif"); } a.ita, [data-anchor="italian"] div.sow-accordion-title, [data-anchor="italy"] div.sow-accordion-title { background-image: url("img/flags/ita.gif"); } a.lat, [data-anchor="latvian"] div.sow-accordion-title, [data-anchor="latvia"] div.sow-accordion-title { background-image: url("img/flags/lat.gif"); } a.ltu, [data-anchor="lithuanian"] div.sow-accordion-title, [data-anchor="lithuania"] div.sow-accordion-title { background-image: url("img/flags/ltu.gif"); } a.mal, [data-anchor="maltese"] div.sow-accordion-title, [data-anchor="malta"] div.sow-accordion-title { background-image: url("img/flags/mal.gif"); } a.ned, [data-anchor="netherlands"] div.sow-accordion-title { background-image: url("img/flags/ned.gif"); } a.por, [data-anchor="portuguese"] div.sow-accordion-title, [data-anchor="portugal"] div.sow-accordion-title {background-image: url("img/flags/por.gif"); } a.pol, [data-anchor="polish"] div.sow-accordion-title, [data-anchor="poland"] div.sow-accordion-title {background-image: url("img/flags/pol.gif"); } a.rom, [data-anchor="romanian"] div.sow-accordion-title, [data-anchor="romania"] div.sow-accordion-title {background-image: url("img/flags/rom.gif"); } a.slo, [data-anchor="slovak"] div.sow-accordion-title, [data-anchor="slovakia"] div.sow-accordion-title { background-image: url("img/flags/slo.gif"); } a.svk, [data-anchor="slovene"] div.sow-accordion-title, [data-anchor="slovenia"] div.sow-accordion-title { background-image: url("img/flags/svk.gif"); } a.esp, [data-anchor="spanish"] div.sow-accordion-title, [data-anchor="spain"] div.sow-accordion-title { background-image: url("img/flags/esp.gif"); } a.swe, [data-anchor="swedish"] div.sow-accordion-title, [data-anchor="sweden"] div.sow-accordion-title { background-image: url("img/flags/swe.gif"); } a.uk, [data-anchor="english"] div.sow-accordion-title, [data-anchor="uk"] div.sow-accordion-title { background-image: url("img/flags/gbr.gif"); } #ec .art-table .art-tbody .art-tr .art-td .art-td-first { width: calc(100% - 50px) ! important; } #ec .art-table .art-tbody .art-tr .art-td .art-td-last { width: 50px ! important; } #ec .art-table .art-tbody .art-tr .art-td:nth-child(1) .art-td-last { width: 100% ! important;} #ec .art-td:nth-child(1) { background-color: var(--violettdk); color: white; font-weight: bold; } #ec .art-td:nth-child(1) a { color: white; text-decoration: underline } #ec .art-td:nth-child(1) .art-td-first { display:none;} #ec .art-table .art-tbody .art-tr .art-td:nth-child(1) .art-td-last { width: 100%;} #ec .art-td:nth-child(2) { background-color: white; color: inherit; } #ec .art-td-last { text-align: center; } #ec .art-td-last .ec-yes, #ec .art-td-last .ec-no { text-align: center; width:30px; height: 30px; line-height: 30px; border-radius:50%; font-size: 20px; font-weight: bold } .ec-yes { text-align: center; background-color: #99ebbf; } div.ec-yes:after { content: '+'} .ec-no { text-align: center; line-height: 27px ! important; background-color: #e1c5ca; } div.ec-no:after { content: '–'} td div.ec-yes, td div.ec-no { font-size: 16px; font-weight: bold } /* Work Packages */ #wp .art-td:nth-child(1) { background-color: var(--violettdk); color: white; font-weight: bold; } #wp .art-td:nth-child(1) a { color: white; text-decoration: underline } #wp .art-table .art-tbody .art-tr .art-td:nth-child(1) .art-td-first { display: none;} #wp .art-table .art-tbody .art-tr .art-td:nth-child(1) .art-td-last { width: 100%; text-align: center } #wp .art-table .art-tbody .art-tr .art-td:nth-child(1) .art-td-last:before { content: "WP " } #wp .art-table .art-tbody .art-tr .art-td:nth-child(n+1) .art-td-first { width: 100% ! important; background-color: var(--violettdk); color: white; line-height: 10px;} #wp .art-table .art-tbody .art-tr .art-td .art-td-last { width: 100% ! important; } #wp .table-responsive thead th:nth-child(1) { width: 40px; text-align: center; } #wp .table-responsive thead th:nth-child(2) { width: auto } #wp .table-responsive thead th:nth-child(3) { width: auto } #wp .table-responsive td:first-child { text-align: center } /* Patient Advocates */ #pa .art-td:nth-child(1) { background-color: var(--violettdk); color: white; font-weight: bold; } #pa .art-td:nth-child(1) a { color: white; text-decoration: underline; } #pa .art-table .art-tbody .art-tr .art-td:nth-child(1) .art-td-first { display: none;} #pa .art-table .art-tbody .art-tr .art-td:nth-child(1) .art-td-last { width: 100%; text-align: center } #pa .art-table .art-tbody .art-tr .art-td:nth-child(2) .art-td-first { width: 100% ! important; background-color: var(--violettdk); color: white; line-height: 10px;} #pa .art-table .art-tbody .art-tr .art-td .art-td-last { width: 100% ! important; } /* Diagnostic Tests */ #dt .art-td:nth-child(1) { background-color: var(--violettdk); color: white; font-weight: bold; } #dt .art-td:nth-child(1) a { color: white; text-decoration: underline} #dt .art-table .art-tbody .art-tr .art-td:nth-child(1) .art-td-first { display: none;} #dt .art-table .art-tbody .art-tr .art-td:nth-child(1) .art-td-last { width: 100%; text-align: center } #dt .art-table .art-tbody .art-tr .art-td .art-td-first { width: 100% ! important; background-color: var(--violettdk); color: white; line-height: 10px;} #dt .art-table .art-tbody .art-tr .art-td .art-td-last { width: 100% ! important; } #dt .table-responsive thead th:nth-child(1) { width: 20% ! important; } #dt .table-responsive thead th:nth-child(2) { width: 15% ! important; } #dt .table-responsive thead th:nth-child(3) { width: 40% ! important; } #dt .table-responsive thead th:nth-child(4) { width: 25% ! important; } /* Registries */ #reg .art-td:nth-child(1) { background-color: var(--violettdk); color: white; font-weight: bold; } #reg .art-td:nth-child(1) a { color: white; text-decoration: underline; } #reg .art-table .art-tbody .art-tr .art-td:nth-child(1) .art-td-first { display: none;} #reg .art-table .art-tbody .art-tr .art-td:nth-child(1) .art-td-last { width: 100%; text-align: center } #reg .art-table .art-tbody .art-tr .art-td .art-td-first { width: 100% ! important; background-color: var(--violettdk); color: white; line-height: 10px;} #reg .art-table .art-tbody .art-tr .art-td .art-td-last { width: 100% ! important; } #reg th.rotate { height: 290px;} #reg .table-responsive.ata thead th:nth-child(1) { width: 10% ! important; } #reg .table-responsive.ata thead th:nth-child(2) { width: 10% ! important; } #reg .table-responsive.ata thead th:nth-child(3) { width: 12% ! important; } #reg .table-responsive.ata thead th:nth-child(4) { width: 17% ! important; } #reg .table-responsive.ata thead th:nth-child(5) { width: 5% ! important; } #reg .table-responsive.ata thead th:nth-child(6) { width: 23% ! important; } #reg .table-responsive.ata thead th:nth-child(7) { width: 4% ! important; } #reg .table-responsive.ata thead th:nth-child(8) { width: 8% ! important; } #reg .table-responsive.ata thead th:nth-child(9) { width: 11% ! important; } #reg .table-responsive.dys thead th:nth-child(1) { width: 10% ! important; } #reg .table-responsive.dys thead th:nth-child(2) { width: 10% ! important; } #reg .table-responsive.dys thead th:nth-child(3) { width: 8% ! important; } #reg .table-responsive.dys thead th:nth-child(4) { width: 24% ! important; } #reg .table-responsive.dys thead th:nth-child(5) { width: 5% ! important; } #reg .table-responsive.dys thead th:nth-child(6) { width: 19% ! important; } #reg .table-responsive.dys thead th:nth-child(7) { width: 4% ! important; } #reg .table-responsive.dys thead th:nth-child(8) { width: 8% ! important; } #reg .table-responsive.dys thead th:nth-child(9) { width: 12% ! important; } #reg .table-responsive thead th:nth-child(1) { width: 10% ! important; } #reg .table-responsive thead th:nth-child(2) { width: 12% ! important; } #reg .table-responsive thead th:nth-child(3) { width: 12% ! important; } #reg .table-responsive thead th:nth-child(4) { width: 11% ! important; } #reg .table-responsive thead th:nth-child(5) { width: 7% ! important; } #reg .table-responsive thead th:nth-child(6) { width: 28% ! important; } #reg .table-responsive thead th:nth-child(7) { width: 4% ! important; } #reg .table-responsive thead th:nth-child(8) { width: 8% ! important; } #reg .table-responsive thead th:nth-child(9) { width: 8% ! important; } #reg .table-responsive.leuko thead th:nth-child(1) { width: 14% ! important; } #reg .table-responsive.leuko thead th:nth-child(2) { width: 12% ! important; } #reg .table-responsive.leuko thead th:nth-child(3) { width: 17% ! important; } #reg .table-responsive.leuko thead th:nth-child(4) { width: 16% ! important; } #reg .table-responsive.leuko thead th:nth-child(5) { width: 5% ! important; } #reg .table-responsive.leuko thead th:nth-child(6) { width: 20% ! important; } #reg .table-responsive.leuko thead th:nth-child(7) { width: 8% ! important; } #reg .table-responsive.leuko thead th:nth-child(8) { width: 9% ! important; } #reg .table-responsive.apd thead th:nth-child(1) { width: 13% ! important; } #reg .table-responsive.apd thead th:nth-child(2) { width: 9% ! important; } #reg .table-responsive.apd thead th:nth-child(3) { width: 11.5% ! important; } #reg .table-responsive.apd thead th:nth-child(4) { width: 12% ! important; } #reg .table-responsive.apd thead th:nth-child(5) { width: 4.5% ! important; } #reg .table-responsive.apd thead th:nth-child(6) { width: 10.5% ! important; } #reg .table-responsive.apd thead th:nth-child(7) { width: 5% ! important; } #reg .table-responsive.apd thead th:nth-child(8) { width: 4% ! important; } #reg .table-responsive.apd thead th:nth-child(9) { width: 8% ! important; } #reg .table-responsive.apd thead th:nth-child(10) { width: 7.5% ! important; } #reg .table-responsive.apd thead th:nth-child(11) { width: 8% ! important; } #reg .table-responsive.apd thead th:nth-child(12) { width: 8% ! important; } @media (max-width: 1023px) { #reg table.table-responsive { display: none } #reg .art-table { display: block } } .table-desktop-br { display: none; } .table-responsive .table-desktop-br { display: block } .table-responsive .table-center { text-align: center; vertical-align: middle; } .table-responsive span { height:0; } .table-responsive { width: 100%; height: auto; background-color: white; } .table-responsive td { vertical-align: top; } .table-responsive td:nth-child(1) { color:white; font-weight: bold; background-color: var(--violettdk); border-bottom: 1px solid white; } .table-responsive td:nth-child(1) a { color:white; text-decoration: underline } .table-responsive thead, th { background-color: #a6a6a6; } .table-responsive th, td { padding: 5px; border-bottom: 1px solid var(--violettdk); border-right: 1px solid var(--violettdk) } .table-responsive th { color: white } .table-responsive table { border-top: 1px solid var(--violettdk); border-left: 1px solid var(--violettdk); margin-bottom: 20px; border-spacing: 0px } .table-responsive td.border-r { border-bottom: none } .art-table ol li, .table-responsive ol li { list-style-type: decimal ! important; } .art-table ol.roman li, .table-responsive ol.roman li { list-style-type: lower-roman ! important; } .art-table ol.alpha li, .table-responsive ol.alpha li { list-style-type: lower-alpha ! important; } .table-responsive ol ol li { list-style-type: lower-alpha!important; } .table_ec2 td { padding-left: 50px; color: var(--violettdk); line-height: 1.25; font-weight: bold; background-color: white; border-bottom: 1px solid var(--violettdk); background-position: 10px center; background-repeat: no-repeat;} .table_ec2 td.et-head { padding: 5px 10px; text-align: center; color: white; font-weight: bold; background-color: var(--violettdk); border-bottom: 1px solid white;} .table_ec2 td.Belgium { background-image: url("img/flags/bel.gif"); } .table_ec2 td.Bulgaria { background-image: url("img/flags/bul.gif"); } .table_ec2 td.Czech { background-image: url("img/flags/cze.gif"); } .table_ec2 td.France { background-image: url("img/flags/fra.gif"); } .table_ec2 td.Germany { background-image: url("img/flags/ger.gif"); } .table_ec2 td.Hungary { background-image: url("img/flags/hun.gif"); } .table_ec2 td.Italy { background-image: url("img/flags/ita.gif"); } .table_ec2 td.Lithuania { background-image: url("img/flags/ltu.gif"); } .table_ec2 td.Netherlands { background-image: url("img/flags/ned.gif"); } .table_ec2 td.Poland { background-image: url("img/flags/pol.gif"); } .table_ec2 td.Slovenia { background-image: url("img/flags/slo.gif"); } .table_ec2 td.Spain { background-image: url("img/flags/esp.gif"); } .table_ec2 td.UK { background-image: url("img/flags/gbr.gif"); } th.rotate { height: 320px; width: 30px;} th.rotate.z3 { width: 55px;} th.rotate.z4 { width: 55px;} th.rotate > div { transform-origin: 0px 0px; transform: translate(0px, 0px)rotate(270deg); margin-bottom: -75px; width: 300px; height: 75px; line-height: 1.4em; } @media (min-width: 768px) and (max-width: 1023px) { .table-responsive thead, th:nth-child(1) { max-width: 200px; } th.rotate { height: 420px; } th.rotate > div { width: 400px; line-height: 1.2em; } } /* Patients Organisations */ .h3-wide h3 { margin: 0 -100% 10px -100% ! important; padding: 10px 100%; font-size: 1.2rem ! important; background-color: white } .h3-normal h3 { margin: 0 -40px 10px -40px ! important; padding: 10px 40px; font-size: 1.2rem ! important; box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.5); border-radius: 22px; background-color: white; } .h3-small h3 { margin: 0 0 10px -20px ! important; padding: 10px 20px; font-size: 1.2rem ! important; box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.5); border-radius: 22px; background-color: white; } .h3-blue1 h3,.h3-blue1 h3.widget-title { background-color: var(--violettdk) !important; color: whitesmoke; } .h3-blue2 h3,.h3-blue2 h3.widget-title { background-color: #035897 !important; color: whitesmoke; } .h3-blue3 h3,.h3-blue3 h3.widget-title { background-color: #02629d !important; color: whitesmoke; } .h3-blue4 h3,.h3-blue4 h3.widget-title { background-color: #026da4 !important; color: whitesmoke; } .h3-blue5 h3,.h3-blue5 h3.widget-title { background-color: #0178aa !important; color: whitesmoke; } .h3-blue6 h3,.h3-blue6 h3.widget-title { background-color: #0183b1 !important; color: whitesmoke; } .h3-blue7 h3,.h3-blue7 h3.widget-title { background-color: #008eb7 !important; color: whitesmoke; } .h3-blue8 h3,.h3-blue8 h3.widget-title { background-color: #3a0794 !important; color: whitesmoke; } .h3-blue9 h3,.h3-blue9 h3.widget-title { background-color: #33a6b6 !important; color: whitesmoke; } .h3-blue10 h3,.h3-blue10 h3.widget-title { background-color: #33b2b3 !important; color: whitesmoke; } .h3-blue11 h3,.h3-blue11 h3.widget-title { background-color: #33baaf !important; color: whitesmoke; } .panel-grid:nth-child(1) .h3-blue h3 { background-color: var(--violettdk); color: whitesmoke; } .panel-grid:nth-child(2) .h3-blue h3 { background-color: #035897; color: whitesmoke; } .panel-grid:nth-child(3) .h3-blue h3 { background-color: #02629d; color: whitesmoke; } .panel-grid:nth-child(4) .h3-blue h3 { background-color: #026da4; color: whitesmoke; } .panel-grid:nth-child(5) .h3-blue h3 { background-color: #0178aa; color: whitesmoke; } .panel-grid:nth-child(6) .h3-blue h3 { background-color: #0183b1; color: whitesmoke; } .panel-grid:nth-child(7) .h3-blue h3 { background-color: #008eb7; color: whitesmoke; } .panel-grid:nth-child(8) .h3-blue h3 { background-color: #3a0794; color: whitesmoke; } .panel-grid:nth-child(9) .h3-blue h3 { background-color: #33a6b6; color: whitesmoke; } .panel-grid:nth-child(10) .h3-blue h3 { background-color: #33b2b3; color: whitesmoke; } .panel-grid:nth-child(11) .h3-blue h3 { background-color: #33baaf; color: whitesmoke; } /* Disease Resources */ .text p, .text h4, .text h6 { margin-bottom: 0.7em } .text h6 { margin-top: 1.4em } .nopad div.sow-accordion-panel-border { padding: 0px ! important; } .nopad div.sow-accordion-panel-border table.table-responsive {margin-bottom:0 !important} /* et-submen Lists all childs */ #et-submen { margin-top: -10px } #et-submen ul { margin-left: 0px; padding-left: 0; line-height: 1 } #et-submen li { height:0; overflow:hidden; padding:0; list-style-type:none} #et-submen li.current-menu-ancestor, #et-submen li.current-menu-ancestor li, #et-submen li.current_page_item, #et-submen li.current_page_item li { height:auto; overflow:visible; padding:0 } #et-submen li.current-menu-ancestor a { display:none } #et-submen li.current_page_item > a { display: block; font-weight: bold; background-color: var(--violettdk); color:white; margin:10px -10px; padding:10px} #et-submen li.current-menu-item li a { display:block; margin-bottom:12px } #et-submen li.current-menu-item ul ul { display:none } /* et-sismen Lists all sisters example disease resources */ #et-sismen { margin-top: -10px } #et-sismen ul { margin-left: 0px; padding-left: 0; line-height: 1 } #et-sismen li { list-style-type:none } #et-sismen li:not(.current-menu-ancestor) { display:none } #et-sismen li.current-menu-ancestor > a { display: none} #et-sismen li.current-menu-parent > a { display: block; font-weight: bold; background-color: var(--violettdk); color:white; margin:10px -10px; padding:10px} #et-sismen li.current-menu-ancestor.current-menu-parent li { display:block; margin-bottom:12px } #et-sismen li.current_page_item > a {font-weight:bold} #et-sismen li.current-menu-ancestor.current-menu-parent li ul { display:none } /* training resources */ .graph { box-shadow: 3px 3px 12px rgba(63,63,63,0.75 ); padding: 0 20px 10px 20px; } .graph h3 { margin-top: -35px ! important; margin-bottom: 30px ! important } .graph div.so-widget-sow-accordion h3.widget-title { margin-top: -35px ! important; margin-bottom: 30px ! important } .graph .wp-caption-text { background-color: #5a5a4a; color: white; display: inline-block; padding: 5px 10px; border-radius: 4px; font-size: 1rem; margin-top: 10px; } /* Disease Knowledge */ .border { border:1px solid black; padding:10px } .border h3.widget-title { color: var(--violettdk); font-size:1.4rem;} /* Posts with pic 61.5625em*/ @media screen and (min-width: 985px) { body.no-sidebar:not(.search-results) article:not(.type-page) .entry-content { margin-left: 17%; width: 45%; } body.no-sidebar:not(.search-results) article:not(.type-page) .entry-footer { margin-left: 0px; width: 15%; } } @media (min-width: 1201px) { body.no-sidebar:not(.search-results) article:not(.type-page) .entry-footer { margin-left: 60px; } } /* >= 710px >= 783px >= 910px >= 985px >= 1200px */ /* sca-global / work-group */ table.work-group { border: 1px solid #a6a6a6; } table.work-group td { border: none } table.work-group td ul { margin-bottom: 0 } table.work-group tr td:first-child { background-color: var(--violettdk); color:white; font-weight: bold; border-bottom: 1px solid white; width:30% } table.work-group tr td:first-child a { color: #ffffff; text-decoration: underline } table.work-group tr td { border-bottom: 1px solid #a6a6a6; vertical-align:top } table.work-group tr:last-child td { border-bottom: none; } table.work-group tr:first-child td:first-child { background-color: #a6a6a6; text-align: center; font-family: Montserrat, "Helvetica Neue", sans-serif; font-size: 1.4rem; line-height: 1rem } #Working-Group-1 h3.widget-title, #Working-Group-2 h3.widget-title, #Working-Group-3 h3.widget-title, #Working-Group-4 h3.widget-title { visibility:hidden; margin-top: -33px } /* SCA-Global Conference 2020 */ .scacc_programme table, .scacc_programme table td {border:none} .scacc_programme th {visibility:hidden; height:0; overflow:hidden} /*.scacc_programme tr:nth-child(2n+1) {background-color:#cccccc}*/ .scacc_programme td:nth-child(2n+1) {width: 5%; min-width:80px; text-align:right;vertical-align:top} .scacc_programme tr.grey td {background-color:#dddddd} .scacc_programme td:nth-child(2n) {width: 95%} .scacc_programme tr:first-child td {text-align:left;font-weight:bold} .scacc_programme tr:first-child {background-color:#ffc102} .scacc_head h3.widget-title {color:#17365d;font-family:Merriweather, Georgia, serif; font-size:2rem;text-transform:none} @media (max-width: 767px) { .spons-gold .sow-image-container img { padding: 0 0 } .spons-silver .sow-image-container img { padding: 0 15% } .spons-exhibit .sow-image-container img { padding: 0 30% } } #sponsor .so-panel { margin-bottom: 0 !important } #sponsor .so-panel:nth-child(2) { padding-top: 0.8125em } #sponsor .so-panel:not(:first-child) .widget-title { text-transform: inherit } #sponsor .so-panel .widget-title, #sponsor .so-panel p { margin-bottom: 0.5em } .spons_address, .spons_mail, .spons_web { margin-left: 60px; position:relative } .spons_address .widget-title, .spons_mail .widget-title, .spons_web .widget-title { text-transform: inherit } .spons_address:before, .spons_mail:before, .spons_web:before { color: var(--violettdk); font-family: "sow-fontawesome-free"; font-style: normal; font-variant: normal; font-weight: 400; font-size: 40px; line-height: 42px; speak: none; text-align: center; text-decoration: inherit; text-transform: none; vertical-align: top; display: inline-block; position:absolute; left:-60px; top:5px; } .spons_address:before { content: "\F5A0"; font-weight: 900; } .spons_mail:before { content: "\F0E0"; font-weight: 400; } .spons_web:before { content: "\F0AC"; font-weight: 900; } .spons_flyer a[href$= ".pdf"] { position:relative; line-height: 130px } .spons_flyer a[href$= ".pdf"]:before { position:absolute; top:-72px; font-size: 60px; line-height: 63px; padding-left: 10px; font-family: "sow-fontawesome-free"; content: "\F0C5" } .spons_full .sow-image-container img { width: 100%; height: auto } /* SCA-Arco-Global Conference 2020 */ .scaarcacc_programme table, .scaarcacc_programme table td {border:none;vertical-align:top} .scaarcacc_programme th {visibility:hidden; height:0; overflow:hidden} .scaarcacc_programme th:first-child {width: 75px;} .scaarcacc_programme td:first-child {text-align:right;vertical-align:top; font-weight:bold} .scaarcacc_programme td:not(:first-child) {font-size:14px; padding-left:20px} .scaarcacc_programme td:not(:first-child) strong {font-size:16px; margin-left:-2px} .scaarcacc_programme tr.grey td {background-color:#dddddd} .scaarcacc_programme th:not(:first-child) {width: 47.5%} .scaarcacc_programme tr:first-child td {text-align:left;font-weight:bold} .scaarcacc_programme tr:first-child {background-color:#ffc102} .scaarcacc_programme tr:not(:first-child) { height:70px } .scaarcacc_head h3.widget-title {color:#17365d;font-family:Merriweather, Georgia, serif; font-size:2rem;text-transform:none} .sow-image-container > a { display:block !important } /* Young-Investigator-Initiative */ .Young-Investigator-Initiative {width:228; float:right;margin-left:10px} .Young-Investigator-Initiative img { border-radius:100%; box-shadow: 4px 4px 20px rgba(0,0,0,0.5); width:150px;height:auto;margin: 0 auto !important } .Young-Investigator-Initiative .wp-caption-text {text-align:center} @media (max-width: 639px) { .Young-Investigator-Initiative {width:100%;margin-left:0px} .Young-Investigator-Initiative figure {width:46% !important; margin:2%; float:left} .Young-Investigator-Initiative br {display:none} } /* Section Überschrift */ .entry-title .widget-title { font-size: 40px; font-size: 2.5rem; line-height: 1.225; margin-bottom: 1.05em; text-transform: none;} /* Table firstlila z.B. Project */ .overflow { overflow-x:scroll } table.firstlila th { background-color: #999999; color: white } table.firstlila td:first-child { background-color: var(--violettdk); color: white; border-bottom: 1px solid white } table.firstlila td:first-child a { color:white; text-decoration: underline; } /* AllEvents */ .button.events a.slash:before {font-family: "sow-fontawesome-free"; content: "\F061"; margin-right: 5px; margin-left: 5px; font-size: 14px;font-weight: 900;} /* Ataxia Act */ /* cookie-notice-container */ .cookie-notice-container a { color: #870794 } .cookie-notice-container a:hover { color: lightgray } /* RELAUNCH 2023 */ -------------------------------------------------------------- */ /* Colors graydk #1a1a1a 26, 26, 26 graymd #686868 104, 104, 104 graylt #e5e5e5 229, 229, 229 blauhell #d3d8ea 211, 216, 234 weiss #ffffff 255, 255, 255 violettdk #47007d 71, 0, 125 violettmd #7323b0 115, 35, 176 violettlt #b070e0 176, 112, 224 blaugraudk #325c7d 50, 92, 125 blaugraumd #9ac0cf 154, 192, 207 blaugrault #c9dfe8 201, 223, 232 -------------------------------------------------------------- */ .has-agi-schwarz-color {color: #000000} .has-agi-schwarz-background-color {background-color: #000000} .has-agi-grayvdk-color {color: #1a1a1a} .has-agi-grayvdk-background-color {background-color: #1a1a1a} .has-agi-graydk-color {color: #333333} .has-agi-graydk-background-color {background-color: #333333} .has-agi-graymd-color {color: #686868} .has-agi-graymd-background-color {background-color: #686868} .has-agi-graylt-color {color: #e5e5e5} .has-agi-graylt-background-color {background-color: #e5e5e5} .has-agi-weiss-color {color: #ffffff} .has-agi-weiss-background-color {background-color: #ffffff} .has-agi-violettdk-color {color: #47007d} .has-agi-violettdk-background-color {background-color: #47007d} .has-agi-violettmd-color {color: #7323b0} .has-agi-violettmd-background-color {background-color: #7323b0} .has-agi-violettlt-color {color: #b070e0} .has-agi-violettlt-background-color {background-color: #b070e0} .has-agi-violettvlt-color {color: #ede5f2} .has-agi-violettvlt-background-color {background-color: #ede5f2} .has-agi-blaugraudk-color {color: #325c7d} .has-agi-blaugraudk-background-color {background-color: #325c7d} .has-agi-blaugraumd-color {color: #668ea6} .has-agi-blaugraumd-background-color {background-color: #668ea6} .has-agi-blaugrault-color {color: #9ac0cf} .has-agi-blaugrault-background-color {background-color: #9ac0cf} .has-agi-blaugrauvlt-color {color: #c9dfe8} .has-agi-blaugrauvlt-background-color {background-color: #c9dfe8} .mt_-30 { margin-top: -30px !important } .mt_-20 { margin-top: -20px !important } .mt_-10 { margin-top: -10px !important } .mt_0 { margin-top: 0 !important } .mt_10 { margin-top: 10px !important } .mt_20 { margin-top: 20px !important } .mt_30 { margin-top: 30px !important } .mb_-30 { margin-bottom: -30px !important } .mb_-20 { margin-bottom: -20px !important } .mb_-10 { margin-bottom: -10px !important } .mb_0 { margin-bottom: 0 !important } .mb_10 { margin-bottom: 10px !important } .mb_20 { margin-bottom: 20px !important } .mb_30 { margin-bottom: 30px !important } .pt_0 { padding-top: 0 !important } .pt_10 { padding-top: 10px !important } .pt_20 { padding-top: 20px !important } .pt_30 { padding-top: 30px !important } .pb_0 { padding-bottom: 0 !important } .pb_10 { padding-bottom: 10px !important } .pb_20 { padding-bottom: 20px !important } .pb_30 { padding-bottom: 30px !important } html, body { overflow-x:hidden } .alignfull { width: 100vw; margin-left: calc(50% - 50vw); padding-left: 40px; padding-right: 40px; } .alignwide { width: 100vw; margin-left: calc(50% - 50vw); padding-left: calc(50vw - 50%); padding-right: calc(50vw - 50%); } body.page-template-page-RL2023, .page-template-page-RL2023 button, .page-template-page-RL2023 input, .page-template-page-RL2023 select, .page-template-page-RL2023 textarea, .page-template-page-RL2023 .main-navigation, .page-template-page-RL2023 .entry-title { font-family: Lexend, "Helvetica Neue", sans-serif !important; } .page-template-page-RL2023 .custom-logo { width: 100%; max-width: 200px; } .page-template-page-RL2023 .site-header .site-branding { margin-right: 0; } .page-template-page-RL2023 .site-header-main { position: relative; } .page-template-page-RL2023 div#site-header-menu.site-header-menu { margin: 1.75em 0.5em 1.75em 1.75em; position: absolute; right: 0 } /* Socials */ .page-template-page-RL2023 #header-widgets #menu-social a[href*="twitter.com"]:before { content: "\e61b"; background-color: #55acee; font-size: 26px; font-family: 'Font Awesome 6 Brands';} /* END Socials */ /* Socials Kiwi */ .page-template-page-RL2023 .kiwi-floating-bar .kicon-twitter:before { content: "\e61b"; font-family: 'Font Awesome 6 Brands';} .page-template-page-RL2023 .kiwi-floating-bar .kiwi-nw-twitter { font-size: 0 } .page-template-page-RL2023 .kiwi-floating-bar .kiwi-nw-twitter:before, .page-template-page-RL2023 .kiwi-floating-bar .kiwi-nw-twitter:after { font-size: 13px; } .page-template-page-RL2023 .kiwi-floating-bar .kiwi-nw-twitter:after { content: "\e61b"; font-family: 'Font Awesome 6 Brands';} .page-template-page-RL2023 .site-header-main #menu-toggle { position: absolute; right: 0; } /* END Socials Kiwi */ @media screen and (min-width: 910px) { /* 1ter Menupunkt Home Icon */ .main-navigation li#menu-item-4304 a:before { font-family: Genericons; content: "\F409"; font-size: 2rem; padding: 0 10px 0 0; position: absolute; right: 0em; top: 0em; } .main-navigation li#menu-item-4304 a { font-size: 0; height: 42px; width: 34px; } } @media screen and (min-width: 910px) and (max-width: 1234px) { .main-navigation li#menu-item-4304 a:before { font-size: 1.6rem; padding: 8px 5px 0 0; } .main-navigation li#menu-item-4304 a { height: 42px; width: 20px;} } .page-template-page-RL2023 .site-header { border-bottom: 5px solid var(--violettdk); padding-bottom: 0px !important; width:100vw; margin-left: calc(50% - 50vw) } @media screen and (min-width: 1320px) { .page-template-page-RL2023 .site-header { padding-left: calc(50vw - 600px)} } /* content */ .page-template-page-RL2023 h1, .page-template-page-RL2023 h2 { font-weight: 600 !important } .page-template-page-RL2023 h3, .page-template-page-RL2023 h4, .page-template-page-RL2023 h5, .page-template-page-RL2023 h6 { font-weight: 400 !important } /* Footer */ .page-template-page-RL2023 #footer-wrap { text-align: left; padding-bottom: 0 } .page-template-page-RL2023 #footer-bottom aside#block-2, .page-template-page-RL2023 #footer-bottom aside#block-3 { width: 100vw; margin-bottom:0; margin-left: calc(50% - 50vw); padding: 5px calc(50vw - 50% + 40px) } .page-template-page-RL2023 #footer-bottom aside#block-2 { background-color: var(--blaugrauvlt); border-top: 4px solid var(--blaugraumd); } .page-template-page-RL2023 #footer-bottom aside#block-3 { background-color: var(--blaugraumd); border-top: 4px solid #ffffff; } .page-template-page-RL2023 #footer-bottom aside#block-3 p:last-child { margin-bottom:0 } .page-template-page-RL2023 #footer-bottom aside#block-3 a { color: var(--violettdk) } .page-template-page-RL2023 #footer-bottom aside#block-3 a:hover { color: #ffffff } .page-template-page-RL2023 #footer-bottom aside { padding-top: 8px; margin-bottom: 8px; } .page-template-page-RL2023 #footer-bottom .wp-block-columns { row-gap: 10px } .page-template-page-RL2023 #footer-bottom .wp-block-columns { flex-wrap:wrap !important } @media screen and (min-width: 768px) and (max-width: 1023px) { .page-template-page-RL2023 #footer-bottom .wp-block-columns .wp-block-column:nth-child(1), .page-template-page-RL2023 #footer-bottom .wp-block-columns .wp-block-column:nth-child(2), .page-template-page-RL2023 #footer-bottom .wp-block-columns .wp-block-column:nth-child(3), .page-template-page-RL2023 #footer-bottom .wp-block-columns .wp-block-column:nth-child(4), .page-template-page-RL2023 #footer-bottom .wp-block-columns .wp-block-column:nth-child(5), .page-template-page-RL2023 #footer-bottom .wp-block-columns .wp-block-column:nth-child(6) { flex-basis: calc(50% - 25px) !important } } @media screen and (min-width: 1024px) and (max-width: 1279px) { .page-template-page-RL2023 #footer-bottom .wp-block-columns .wp-block-column:nth-child(1), .page-template-page-RL2023 #footer-bottom .wp-block-columns .wp-block-column:nth-child(2), .page-template-page-RL2023 #footer-bottom .wp-block-columns .wp-block-column:nth-child(3), .page-template-page-RL2023 #footer-bottom .wp-block-columns .wp-block-column:nth-child(4), .page-template-page-RL2023 #footer-bottom .wp-block-columns .wp-block-column:nth-child(5), .page-template-page-RL2023 #footer-bottom .wp-block-columns .wp-block-column:nth-child(6) { flex-basis: calc(33% - 20px) } } @media screen and (min-width: 1280px) { .page-template-page-RL2023 #footer-bottom .wp-block-columns { flex-wrap:nowrap !important } .page-template-page-RL2023 #footer-bottom .wp-block-columns .wp-block-column:nth-child(1) {flex-basis: 110px} .page-template-page-RL2023 #footer-bottom .wp-block-columns .wp-block-column:nth-child(2) {flex-basis: 136px} .page-template-page-RL2023 #footer-bottom .wp-block-columns .wp-block-column:nth-child(3) {flex-basis: 200px} .page-template-page-RL2023 #footer-bottom .wp-block-columns .wp-block-column:nth-child(4) {flex-basis: 200px} .page-template-page-RL2023 #footer-bottom .wp-block-columns .wp-block-column:nth-child(5) {flex-basis: 180px} .page-template-page-RL2023 #footer-bottom .wp-block-columns .wp-block-column:nth-child(6) {flex-basis: 270px} } .page-template-page-RL2023 #footer-bottom .wp-block-columns .wp-block-column:nth-child(6) figure:first-child { width:33%; float:right } .page-template-page-RL2023 #footer-bottom .wp-block-columns .wp-block-column:nth-child(6) .wp-block-group { width:67%; float:left } .page-template-page-RL2023 #footer-bottom .wp-block-columns .wp-block-column p { line-height: 1.2em; margin-bottom: 8px } .page-template-page-RL2023 #footer-bottom .wp-block-columns .wp-block-column h5 { font-size: 18px; margin-bottom: 8px; color: var(--violettdk) } .page-template-page-RL2023 #footer-bottom .wp-block-columns .wp-block-column a { color: #333333 } .page-template-page-RL2023 #footer-bottom .wp-block-columns .wp-block-column a:hover { color: var(--violettdk) } /* Home */ .page-template-page-RL2023 .Home-row1 figure.img-rounded-outline { height: 40px; } .page-template-page-RL2023 .Home-row1 figure.img-rounded-outline img { border-radius: 12%; border: 6px solid white; position: relative; } .page-template-page-RL2023 .Home-row1 { padding-top: 40px; } .page-template-page-RL2023 .Home-row2, .page-template-page-RL2023 .Home-row3 p{ line-height: 1.5em; line-height: 24px } @media screen and (max-width: 1023px) { .page-template-page-RL2023 .Home-row3 > .wp-block-column:first-child { display:none } .page-template-page-RL2023 .Home-row3 > .wp-block-column:nth-child(2) { flex-basis: 100% !important } } .page-template-page-RL2023 .Home-row3 .wp-block-columns { column-gap: 32px } @media screen and (min-width: 782px) { .page-template-page-RL2023 .Home-row3 .wp-block-columns .wp-block-column:not(:first-child) { margin-left:-16px; padding-left: 16px; border-left:1px solid var(--blaugrauvlt) } } .page-template-page-RL2023 .Home-row3 .wp-block-columns h1, .page-template-page-RL2023 .Home-row3 .wp-block-columns h2, .page-template-page-RL2023 .Home-row3 .wp-block-columns h3, .page-template-page-RL2023 .Home-row3 .wp-block-columns h4, .page-template-page-RL2023 .Home-row3 .wp-block-columns h5, .page-template-page-RL2023 .Home-row3 .wp-block-columns h6 { margin-bottom: 8px } .page-template-page-RL2023 .Home-row3 .wp-block-columns p { margin-bottom: 4px } .page-template-page-RL2023 .Home-row2 p:last-child, .page-template-page-RL2023 .Home-row3 p:last-child { margin-bottom: 0px } @media screen and (max-width: 767px) { .page-template-page-RL2023 .Home-row1.is-not-stacked-on-mobile { flex-wrap: wrap !important; row-gap: 0 } .page-template-page-RL2023 .Home-row1 figure.img-rounded-outline { width: 50%; height: auto} .page-template-page-RL2023 .Home-row1 figure.img-rounded-outline img { border-width: 4px } .page-template-page-RL2023 .Home-row1 .wp-block-column { flex-basis: 100% !important } } @media screen and (min-width: 768px) { .page-template-page-RL2023 .wp-block-stackable-feature-grid .stk-row { flex-wrap: nowrap !important } } .page-template-page-RL2023 .wp-block-stackable-feature-grid .wp-block-heading { margin-top: 16px; margin-bottom: 16px } .page-template-page-RL2023 .wp-block-stackable-feature-grid .wp-block-stackable-text { line-height: 1.4em } .page-template-page-RL2023 .subscribe { row-gap: 0 } @media screen and (min-width: 782px) { .page-template-page-RL2023 .subscribe .has-text-align-center { text-align:left } } .page-template-page-RL2023 .home-chart { border-radius: 15px; padding: 2px; column-gap:2px;row-gap:2px } .page-template-page-RL2023 .home-chart .wp-block-column:first-child { text-align: center; padding:10px 2% } .page-template-page-RL2023 .home-chart .wp-block-column:nth-child(2) { border-radius: 13px; padding: 15px 50px }