/** Bellows Custom Menu Styles (Customizer) **/ /* main */ .bellows.bellows-main, .bellows.bellows-main .bellows-menu-item, .bellows.bellows-main .bellows-menu-item .bellows-target { font-family:Arial; } /* Status: Loaded from Transient */ .comments-link { display: none; } .cmplz-hidden{display:none!important;} .ctl-bullets-container { display: block; position: fixed; bottom: 0; height: 100%; z-index: 1049; font-weight: normal; height: 70vh; overflow-x: hidden; overflow-y: auto; margin: 15vh auto; } body { background-color:#3b3939 } .header { background-color:#ffffff } h1 { font: normal 40px/48px Arial, Helvetica, sans-serif; color:; } h2 { font: normal 36px/43px Arial, Helvetica, sans-serif; color:#3b3939; } h3 { font: normal 30px/30px Arial, Helvetica, sans-serif; color:#3b3939; } h4 { font: normal 26px/31px Arial, Helvetica, sans-serif; color:#3b3939; } h5 { font: normal 24px/29px Arial, Helvetica, sans-serif; color:#3b3939; } h6 { font: normal 20px/25px Arial, Helvetica, sans-serif; color:#3b3939; } body { font-weight: normal;} .logo_h__txt, .logo_link { font: normal 40px/38px Tahoma, Geneva, sans-serif; color:#363f45; } .sf-menu > li > a { font: normal 14px/18px Open Sans; color:#3b3939; } .nav.footer-nav a { font: normal 12px/14px Arial, Helvetica, sans-serif; color:#ffffff; } /* -- customizazione home page 02/2020 -- */ .posts-grid.facing-unknown li.span12 .thumbnail { margin: 0 30px 10px 0; } .posts-grid.facing-unknown li .thumbnail { margin: 0 0 10px 0; } .posts-grid.facing-unknown { border-top: 0px solid #f5f5f6; padding: 8px 0 5px; } .posts-grid li { margin-bottom: 5px; } p.excerpt { margin: 0px; text-align: left; } div.type-page p { margin: 0px; } .banner-wrap { overflow: hidden; margin: 0 0 100px; padding: 0; } .banner-wrap:last-of-type { overflow: hidden; margin: 0px; padding: 0; } .banner-wrap .featured-thumbnail a { border: 0px; } .banner-wrap h5 { color: #3e454c; font: 300 20px/1em 'Open Sans', 'sans-serif'; text-transform: uppercase; text-align: center; } /* --------------------------- */ /* IVAN --------------- */ @media screen and (max-width: 600px) { .mobile-no { visibility: hidden; display: none; } .page-id-31946 #content{ padding-top: 10px !important; } } @media screen and (min-width: 601px) { .desk-no { visibility: hidden; display: none; } } body.term-73 article header, body.term-88 article header{ padding-bottom: 0px; } body.term-73 article .post_content, body.term-88 article .post_content{ padding-bottom: 0px; } body.term-73 article .excerpt, body.term-88 article .excerpt{ margin-bottom: 0px; } body.term-73 article .post_meta, body.term-88 article .post_meta{ border: none; margin-bottom: 0px; } body.term-73 article .post_meta .post_category, body.term-73 article .post_meta .post_comment,body.term-88 article .post_meta .post_category, body.term-88 article .post_meta .post_comment{ display: none; } .single-news .title-section{ margin-bottom: 0px; } .single-news div[data-motopress-static-file="static/static-title.php"]{ margin-bottom: 40px; } .slider_off{ display:none; } .thirty_accordions_box .accordion-group { margin-bottom: 10px; } .thirty_accordions_box .accordion-heading { background-color: #f5f5f5; padding: 15px 0 15px; } .thirty_accordions_box .accordion-heading:hover { background-color: #DCDEDF } .thirty_accordions_box .accordion-heading a { color: #3b3939; font: 200 32px/1em 'Open Sans', 'sans-serif'; text-transform: uppercase; } .thirty_accordions_box .accordion-heading a:hover { text-decoration:none; color: #5f823e; } @media (min-width: 1200px){ .im-6to7 .row .span2 { width: 141px; } } @media (max-width: 767px){ .im-6to7 .row .span2 { width: 25%; float: left; } } footer .textwidget { font: 12px/1.2em "Helvetica Neue", Helvetica, Arial, sans-serif; } footer .textwidget p { margin-bottom: 5px; } footer .textwidget p.phone { margin-top: 20px; } footer .textwidget p.envelope { margin-top: 20px; } .nav__primary .sf-menu >li >a { height: 64.546px !important; } .title-box.title-centered .title-box_primary, .title-box.title-centered .title-box_secondary{ text-align: center; } .page-id-203 .posts-grid h5, .page-id-2254 .posts-grid h5, .page-id-20877 .posts-grid h5, .page-id-21421 .posts-grid h5{ text-transform: uppercase; font: 300 18px/1em 'Open Sans', 'sans-serif'; margin-bottom: 36px; } .page-id-203 .posts-grid h5 a, .page-id-2254 .posts-grid h5 a, .page-id-20877 .posts-grid h5 a, .page-id-21421 .posts-grid h5 a { color: #3b3939; } .page-id-203 .posts-grid h5 a:hover, .page-id-2254 .posts-grid h5 a:hover, .page-id-20877 .posts-grid h5 a:hover, .page-id-21421 .posts-grid h5 a:hover{ text-decoration: none; color: #5f823e; } .title-section .title-header { margin-top: 30px !important; } .news-template-default.single.single-news #page-content p, .news-template-default.single.single-news #page-content ul li, .news-template-default.single.single-news #page-content ol li{ font-size: 1.2em; line-height: 1.8em; } /* 30 YEARS PAGES */ .thirty-home-title { /* margin-top: -70px; */ } .nav__primary .sf-menu >li#menu-item-23651, .nav__primary .sf-menu >li#menu-item-23685{ background-color: #8dbf41; border-left: 1px solid #8dbf41; } .nav__primary .sf-menu >li#menu-item-23651 a, .nav__primary .sf-menu >li#menu-item-23685 a{ color: white; } .nav__primary .sf-menu >li#menu-item-23651.current-menu-item, .nav__primary .sf-menu >li#menu-item-23685.current-menu-item{ background-color: #373f45; border-left: 1px solid #373f45; } .nav__primary .sf-menu >li#menu-item-23651:hover, .nav__primary .sf-menu >li#menu-item-23685:hover{ border-left: 1px solid #e5e6e6; } .nav__primary .sf-menu >li#menu-item-23651:hover a, .nav__primary .sf-menu >li#menu-item-23685:hover a{ color: #373f45; } .nav__primary .sf-menu >li#menu-item-23651 >.sub-menu >.menu-item a:hover, .nav__primary .sf-menu >li#menu-item-23685 >.sub-menu >.menu-item a:hover{ color: #8dbf41; } .nav__primary .sf-menu >li#menu-item-23651 >.sub-menu >.menu-item.current-menu-item a{ color: #8dbf41; } /*nuovo organigramma */ .nav__primary .sf-menu >li { width: 120px; } .nav__primary .sf-menu >li#menu-item-30192 { width: 196px; } .nav__primary .sf-menu >li#menu-item-5177 { width: 180px; padding: 0 20px } .nav__primary .sf-menu >li#menu-item-21101 { width: 132px; } .nav__primary .sf-menu >li#menu-item-23651{ padding: 0 20px; } .nav__primary .sf-menu >li#menu-item-23685{ padding: 0 8px; } .nav__primary .sf-menu >li#menu-item-21288{ padding: 0 8px; } .nav__primary .sf-menu >li#menu-item-21285{ padding: 0 10px; } /* 5x1000 5xMille */ .mille-banner { margin-top: -80px; background: silver url("https://www.crs4.it/wp-content/uploads/2022/02/SedePula.CRS4_.01-min.jpg") no-repeat scroll center; height: 350px; background-size: cover; position: relative; } .mille-page.mille-banner { margin-top: -31px; } .text-mille{ position: absolute; bottom: 0; left: 0; background-color: rgba(0,0,0,0.55); padding: 7px 20px; margin-left: 20px; margin-bottom: 15px } .text-mille h2:first-of-type{ color: white; font-size: 2.4em; } .next-banner { margin-top: -50px; background: silver url("https://www.crs4.it/wp-content/uploads/2023/06/next-banner.jpg") no-repeat scroll right top; height: 350px; background-size: cover; position: relative; } .covid-banner { margin-top: -80px; background: silver url("https://www.crs4.it/wp-content/uploads/2021/01/CRS4againstCOVID19-min-scaled.jpg") no-repeat scroll center; height: 250px; background-size: cover; position: relative; } .covid-page.covid-banner { margin-top: -31px; } .text-covid{ position: absolute; bottom: 0; left: 0; background-color: rgba(0,0,0,0.35); padding: 7px 20px; margin-left: 20px; margin-bottom: 15px } .text-covid h2:first-of-type{ color: white; font-size: 2.8em; } .text-covid a{ color: #fff; } .text-covid:hover{ background-color: rgba(255,255,255,0.5); } .text-covid a:hover{ color: #000; text-decoration: none; } .button-covid{ position: absolute; bottom: 20px; right: 20px; } .single-cool_timeline #content.span8 { /* width: 1170px; */ } .single-cool_timeline #sidebar { padding-top: 0px } .post-template-default.single.single-post #sidebar, .single-cool_timeline #sidebar { padding-top: 0px } .single-cool_timeline #sidebar .menu-item-22860, .single-cool_timeline #sidebar .menu-item-22546{ background-color: #373f45; } .single-cool_timeline #sidebar .menu-item-22860 a, .single-cool_timeline #sidebar .menu-item-22546 a{ color: white; } .single-cool_timeline #sidebar .menu-item-22860:hover, .single-cool_timeline #sidebar .menu-item-22546:hover{ background-color: #dcdedf; } .single-cool_timeline #sidebar .menu-item-22860:hover a, .single-cool_timeline #sidebar .menu-item-22546:hover a{ color: black; } .single-cool_timeline #sidebar > div { margin-top: 0px } #nav_menu-4 li{ width: 100%; } .single-cool_timeline .type-cool_timeline p { font: 200 1.2em/1.6em 'Open Sans', 'sans-serif'; } .single-cool_timeline .type-cool_timeline p:last-child { margin-bottom: 80px; } .post-template-default.single.single-post #content img.wp-post-image { float:left; padding: 0px 20px 10px 0px; } .post-template-default .post-author, .post-template-default .breadcrumb, .single-cool_timeline .post-author, .single-cool_timeline .breadcrumb{ display: none; } .title-box sup { text-transform: lowercase !important; } .years30-small h2 { font-size: 32px !important; margin: 0 !important; display: block; } #main_countedown_1 .element_conteiner { min-width:70px !important; } #main_countedown_1 .time_left { background-color: #B0CA21 !important; font: inherit !important; color: #fff !important; font-weight: 900 !important; font-size: 24px !important; padding-bottom: 20%; padding-top: 20%; } #main_countedown_1 .time_description { font: inherit !important; font-size: 12px !important; color: #000000; text-transform: uppercase; font-weight: 100 !important; } .animation-logo { margin: 60px auto; } .wpcf7 .wpcf7-form p input[type="tel"]{ margin: 0; height: 35px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } @media (min-width: 1200px){ .row-fluid .next{ margin-left: 30px !important; padding-right: 30px !important; } .row-fluid .next-textarea{ } } .page-id-21694 .title-section, .page-id-21421 .title-section, .page-id-21469 .title-section, .page-id-21427 .title-section, .page-id-21426 .title-section, .page-id-21425 .title-section, .page-id-21446 .title-section, .page-id-21448 .title-section, .page-id-21450 .title-section, .page-id-21471 .title-section, .page-id-22360 .title-section, .page-id-22362 .title-section, .page-id-22364 .title-section, .page-id-22366 .title-section, .page-id-22656 .title-section, .page-id-21424 .title-section, .page-id-22965 .title-section, .page-id-22822 .title-section, .page-id-23096 .title-section, .page-id-21429 .title-section, .page-id-22835 .title-section, .page-id-22575 .title-section, .page-id-24274 .title-section, .page-id-24276 .title-section, .page-id-24951 .title-section, .page-id-24870 .title-section, .page-id-26625 .title-section, .page-id-26914 .title-section, .page-id-26940 .title-section, .page-id-27991 .title-section, .page-id-28721 .title-section, .page-id-29376 .title-section, .page-id-29732 .title-section, .page-id-29734 .title-section, .page-id-29722 .title-section, .page-id-29725 .title-section, .page-id-29728 .title-section, .page-id-29730 .title-section, .page-id-30423 .title-section, .page-id-30524 .title-section, .page-id-30839 .title-section, .page-id-30859 .title-section, .page-id-30864 .title-section, .page-id-30869 .title-section, .page-id-30856 .title-section, .page-id-30861 .title-section, .page-id-30866 .title-section, .page-id-31080 .title-section, .page-id-31100 .title-section, .page-id-31061 .title-section, .page-id-31184 .title-section, .page-id-28046 .title-section, .page-id-31893 .title-section, .page-id-31946 .title-section, .page-id-27787 .title-section { display: none; } .page-id-21694 #content, .page-id-21421 #content, .page-id-21469 #content, .page-id-21427 #content, .page-id-21426 #content, .page-id-21425 #content, .page-id-21446 #content, .page-id-21448 #content, .page-id-21450 #content, .page-id-21471 #content, .page-id-22360 #content, .page-id-22362 #content, .page-id-22364 #content, .page-id-22366 #content, .page-id-22656 #content, .page-id-21424 #content, .page-id-22965 #content, .page-id-22822 #content, .page-id-23096 #content, .page-id-21429 #content, .page-id-22835 #content, .page-id-22575 #content, .page-id-24274 #content, .page-id-24276 #content, .page-id-24951 #content, .page-id-24870 #content, .page-id-26625 #content, .page-id-26914 #content, .page-id-27991 #content, .page-id-26940 #content, .page-id-28721 #content, .page-id-29376 #content, .page-id-29732 #content, .page-id-29734 #content, .page-id-29722 #content, .page-id-29725 #content, .page-id-29728 #content, .page-id-29730 #content, .page-id-30423 #content, .page-id-30524 #content, .page-id-30839 #content, .page-id-30869 #content, .page-id-30859 #content, .page-id-30864 #content, .page-id-30856 #content, .page-id-30861 #content, .page-id-30866 #content, .page-id-31080 #content, .page-id-31100 #content, .page-id-28046 #content, .page-id-31893 #content, .page-id-31946 #content, .page-id-27787 #content { padding-top: 100px; padding-bottom: 80px; } .page-id-29732 #content, .page-id-29734 #content, .page-id-29722 #content, .page-id-29725 #content, .page-id-29728 #content, .page-id-29730 #content, .page-id-30423 #content, .page-id-30869 #content, .page-id-30859 #content, .page-id-30864 #content, .page-id-30856 #content, .page-id-30861 #content, .page-id-30866 #content, .page-id-31061 #content, .page-id-31184 #content { padding-top: 40px } .page-id-29734 #content img{ padding-bottom: 40px; } img.next_site.rounded { width: 150px; border-radius: 50%; border: 10px solid #e3e3e3; } .next_site .nav-tabs { border-bottom: 1px solid #6b9a24 } .next_site .nav-tabs li{ text-transform: uppercase; font-weight: 700 !important; font: normal 16px/18px Open Sans; } .next_site .nav-tabs li.active a{ background-color: #8dbf41; color: white; border-bottom: 1px solid #6b9a24 } .next_site .plan h3{ text-transform: none; font-weight: 700 !important; font: normal 16px/18px Open Sans; background-color: #e5e6e6; } .next_site .plan.highlight h3{ background-color: #8dbf41; border-color: #6b9a24; font-weight: 900 !important; } .next_site .plan h4{ text-transform: none; font-weight: 400 !important; font: normal 14px/18px Open Sans; color: #373f45; background-color: #c0c0c0; } .next_site .plan.highlight h4{ background-color: #b1d678; border-color: #6b9a24; color: white } .next-page.covid-page-cta-button.text-center{ text-transform:none } .next_site .plan .plan-container .plan-features-row{ text-transform: none; padding:8px; font-size: 12px; line-height: 16px !important; } .next_site .plan .plan-container .plan-features-row .small{ font-size: 10px; line-height: 12px !important; color: #888; } .ngs_site .ngs_top_button { background: #f0f1f1; padding: 9px 15px; border: 1px solid #e5e6e6; border-top: 8px solid #373f45; } .ngs_site .ngs_top_button h1{ text-transform: uppercase; font-weight: 700 !important; color: #3b3939; font: normal 16px/18px Open Sans; } .ngs_site .ngs_top_button p { font-weight: 400 !important; color: #3b3939; font: normal 12px/16px Open Sans; } .ngs_site .ngs_top_button a { font-weight: 700 !important; color: #8dbf41; font: normal 12px/18px Open Sans; display: block; margin: 12px 12px 12px 0px; } .row.thirty-header .title-box { margin: 5px 0 0px; } .row.thirty-header .title-box .title-box_primary{ color: #3b3939; font: 200 54px/1em 'Open Sans', 'sans-serif'; } .row.thirty-header .title-box .title-box_secondary{ color: #3b3939; } .row.thirty-header.thirty-home .title-box .title-box_primary{ text-align: center; font: 200 40px/1em 'Open Sans', 'sans-serif'; margin-bottom: 50px } .row.thirty-header.thirty-home .title-box .title-box_secondary{ text-align: center; } .row.thirty-header.thirty-home img{ margin: 30px auto 30px; } .row.thirty-well-centered .title-box .title-box_primary{ text-align: center; font: 200 20px/1em 'Open Sans', 'sans-serif'; margin: 20px 0; } .row.thirty-well-centered .title-box .title-box_secondary{ text-align: center; font: 200 14px/1em 'Open Sans', 'sans-serif'; } .thirty-menu, #menu-30years, #menu-30anni{ padding:0px; list-style-type: none; background-color: #f7f7f7; border-radius: 3px; margin: 0; } #menu-covid-projects-en, #menu-covid-projects{ padding:0px; list-style-type: none; background-color: #f7f7f7; border-radius: 3px; margin: 0; } .thirty-menu li, #menu-30years li, #menu-30anni li{ background-color: #f7f7f7; float: left; position: relative; display: inline-block; border:none !important; padding:4px 8px; transition: all 0.3s ease 0s; transition-property: all; transition-duration: 0.3s; transition-timing-function: ease; transition-delay: 0s; } #menu-covid-projects-en li, #menu-covid-projects li{ background-color: #f7f7f7; position: relative; display: block; border:none !important; padding:9px 18px; transition: all 0.3s ease 0s; transition-property: all; transition-duration: 0.3s; transition-timing-function: ease; transition-delay: 0s; } .page-list.thirty-menu .page_item > a, #menu-30years .menu-item > a, #menu-30anni .menu-item > a{ color: black; text-decoration: none; text-transform: uppercase; font: normal 12.5px/18px Open Sans } #menu-covid-projects-en .menu-item > a, #menu-covid-projects .menu-item > a{ color: black; text-decoration: none; text-transform: uppercase; font: bold 15px/18px Open Sans } .thirty-menu li:hover, #menu-30years li:hover, #menu-30anni li:hover, #menu-covid-projects li:hover, #menu-covid-projects-en li:hover{ background-color: #dcdedf; } .page-list.thirty-menu .page_item.current_page_item, #menu-30years .menu-item.current-menu-item, #menu-30anni .menu-item.current-menu-item, #menu-covid-projects .menu-item.current-menu-item, #menu-covid-projects-en .menu-item.current-menu-item{ background-color: #373f45; } .page-list.thirty-menu .page_item.current_page_item > a, #menu-30years .menu-item.current-menu-item > a, #menu-30anni .menu-item.current-menu-item > a, #menu-covid-projects .menu-item.current-menu-item > a, #menu-covid-projects-en .menu-item.current-menu-item > a{ color: #fff } .page-list.thirty-menu .page_item.current_page_item:hover, #menu-30years .menu-item.current-menu-item:hover, #menu-30anni .menu-item.current-menu-item:hover, #menu-covid-projects .menu-item.current-menu-item:hover, #menu-covid-projects-en .menu-item.current-menu-item:hover{ background-color: #373f45; } .thirty-menu li a:hover, #menu-30years li a:hover, #menu-30anni li a:hover, #menu-covid-projects li a:hover, #menu-covid-projects-en li a:hover{ text-decoration: none; } #menu-30years .sub-menu, #menu-30anni .sub-menu{ display: none; position: absolute; left: -1px; width: 200px; margin-left: 1px; margin-top: 3.6px; background-color: #f1f1f1; } #menu-30years li:hover > .sub-menu, #menu-30years li .sub-menu:hover, #menu-30anni li:hover > .sub-menu, #menu-30anni li .sub-menu:hover { visibility: visible; opacity: 1; display: block; } #menu-30years li .sub-menu li, #menu-30anni li .sub-menu li{ display: block; clear: both; width: 100%; } .row.thirty-links ul { list-style-type: none; margin: 0; padding: 0; overflow: hidden; } .row.thirty-links li { float: left; background-color: #f0f1f1; transition: all 0.3s ease 0s; transition-property: all; transition-duration: 0.3s; transition-timing-function: ease; transition-delay: 0s; } .row.thirty-links .hr { margin: 10px 0; } .row.thirty-links li a { display: block; color: #3b3939; text-align: center; padding: 5px 15px; text-decoration: none; text-transform: uppercase; font: normal 14px/18px Open Sans; } .row.thirty-links li:hover { background-color: #dcdedf; } .row.thirty-links li a:hover { text-decoration: none; } .row.thirty-links li.active { background-color: #373f45; } .row.thirty-links li.active a { color: #fff; } .row.thirty-title .title-box .title-box_primary{ color: #3b3939; font: 200 40px/1em 'Open Sans', 'sans-serif'; margin: 30px 0; } .cursor-zoomin { cursor: zoom-in; } p.big, ul.big li, ol.big li, .row.thirty-title p{ font: 300 20px/1.5em 'Open Sans', 'sans-serif'; } p.big a { font-weight: 400; } @media (max-width: 767px){ .row.thirty-header .title-box { margin: 5px 0 0px; } .row.thirty-header .title-box .title-box_primary{ color: #3b3939; font: 200 40px/1em 'Open Sans', 'sans-serif'; margin: 20px 0; text-align: center; } .row.thirty-header .title-box .title-box_secondary{ color: #3b3939; text-align: center; } .row.thirty-header a img.alignright{ float: none; margin-bottom: 50px; } .row.thirty-links li { float: none; } .row.thirty-title .title-box .title-box_primary { font: 200 28px/1em 'Open Sans', 'sans-serif'; } .thirty-title iframe { margin-top: 40px; } } .thirty-logos img { /* filter: gray; /* -webkit-filter: grayscale(1); filter: grayscale(1); opacity: 0.8; */ } .thirty-logos img:hover { /* -webkit-filter: grayscale(0); filter: none; opacity: 1; */ } .thirty-logos .small-logo { padding: 80px; } /* FINE 30 years*/ #loghist { background-color: white; border-radius: 10px; /* padding: 10px; */ color: black; text-align: center; margin-top: -50px; } #logocrs4footer { padding-top: 20px; } .mille.covid-page-cta { background-image: url(https://www.crs4.it/wp-content/uploads/2022/03/foto-di-gruppo_©CRS4_2-small-scaled.jpeg); background-size: cover; background-repeat: no-repeat; background-attachment: fixed; } .covid-page-cta { background-image: url(https://www.crs4.it/wp-content/uploads/2021/01/next_crs4_-2.jpg); background-size: cover; background-repeat: no-repeat; background-attachment: fixed; } .covid-page-cta .covid-page-filterwhite{ background-color: rgba(0,40,95,0.3); padding: 30px; } .covid-page-cta1.title-box{ margin-bottom: 4px; } .covid-page-cta1.title-box .title-box_primary { font: 500 26px/1em 'Open Sans', 'sans-serif'; color: white; } .covid-page-cta2.title-box, .airport4all-page-cta{ } .covid-page-cta2.title-box .title-box_primary, .covid-page-cta2.title-box .title-box_secondary{ margin:0px 15% 12px; font-weight: 700; color: white; } .covid-page-cta a.btn{ background: #8dbf41; } .covid-page-news { } .covid-page-news > h2 { font: 500 27.2px/1em 'Open Sans', 'sans-serif'; text-transform: uppercase; } .covid-page-news .owl-wrapper{ display: flex !important; } .covid-page-news .owl-item{ background-color: #f7f7f7; padding: 10px; margin-right: 15px; width: 180px !important; } .covid-page-news .owl-item:hover{ text-decoration: none; background-color: #8dbf41; color:black; } .covid-page-news .owl-item .desc h5 { margin-top: 0px; margin-bottom: 3px; } .covid-page-news .owl-item .desc h5 a{ font: 700 10.8px/1em 'Open Sans', 'sans-serif'; text-transform: uppercase; } .covid-page-news .owl-item .desc p{ font: 300 13.6px/1.3em 'Open Sans', 'sans-serif'; } .covid-page-title.title-box .title-box_secondary { font: 500 27.2px/1em 'Open Sans', 'sans-serif'; margin: 30px 0px; } @media (max-width: 979px) and (min-width: 768px){ #slider-wrapper { margin-top: 66px; } .camera_caption > div > h2{ font-size: 1.8em !important; padding: 0 150px !important; font-weight: 600 !important; } } @media (max-width: 767px){ #slider-wrapper { display: none; } } @media (max-width: 468px) and (min-width: 300px){ .logo .logo_tagline { float: none; width: 100%; margin: 1px 0 0 0; font: 200 10px/1.2em 'Open Sans', 'sans-serif'; } } @media (max-width: 480px){ #lang_sel{ zoom: 0.8; margin-bottom: -30px; } .logo .logo_tagline { margin-top: 10px; font-size: 9px } .nav.nav__primary.clearfix { padding-top: 0px } .button-covid{ display:none; } .covid-banner { margin-top: 0px; margin-bottom: 30px; background: silver url("https://www.crs4.it/wp-content/uploads/2021/01/CRS4againstCOVID19-min-scaled.jpg") no-repeat scroll center; height: 160px; background-size: cover; position: relative; } .text-covid { width: 100%; margin: 0px 0px 8px; text-align: center; } .text-covid h2:first-of-type { font-weight: 400; font-size: 1.3em; text-align: center; } .thirty-home-title { /*margin-top: -50px;*/ } .logo.pull-left { margin: 0; padding: 0; } .logo img{ width: 35%; margin-right: 10px } .logo p { } #menu-30years li:last-child, #menu-30anni li:last-child{ margin-bottom: 40px; } .thirty-menu li, #menu-30years li, #menu-30anni li{ width: 100%; } #menu-30years .sub-menu, #menu-30anni .sub-menu{ display: block; visibility: visible; opacity: 1; display: block; } #menu-30years .sub-menu, #menu-30anni .sub-menu{ display: block; visibility: visible; opacity: 1; display: block; position: relative; background-color: transparent; } #menu-30years .sub-menu li, #menu-30anni .sub-menu li{ display: block; visibility: visible; opacity: 1; display: block; position: relative; background-color: transparent; } #menu-30years .current-menu-item .sub-menu li a, #menu-30anni .current-menu-item .sub-menu li a{ color: white; } #menu-30years .sub-menu li a:before, #menu-30anni .sub-menu li a:before{ content: "- "; } #menu-30years .sub-menu li:last-child, #menu-30anni .sub-menu li:last-child{ margin-bottom: 0px; } .title-box .title-box_secondary { font-size: 16px; } #loghist { margin-top: 10px; } } #nav_menu-3 h4:lang(it)::before{ content: "Ricerca e Sviluppo"; } #nav_menu-3 h4:lang(en)::before{ content: "R&D Shortcuts"; } #general_info h4:lang(it)::before{ content: "Informazioni generali"; } #general_info h4:lang(en)::before{ content: "General Info"; } .ctl-bullets-container{ /* display: none !important;*/ } table.datacenter-table { border:2px solid #666 } table.datacenter-table th, table.datacenter-table td{ border:1px solid #666; padding: 8px 15px } table.datacenter-table th{ background-color: #7cb632; color: white; padding: 8px 5px } #wpcf7-f26913-p26914-o1 .input-btn.btn.btn-from-top, #wpcf7-f26913-p26940-o1 .input-btn.btn.btn-from-top{ padding: 0; } #wpcf7-f26913-p26914-o1 .input-btn.btn.btn-from-top input, #wpcf7-f26913-p26940-o1 .input-btn.btn.btn-from-top input{ padding: 15px 50px; height: auto; } #wpcf7-f26913-p26914-o1 .input-btn.btn.btn-from-top .ajax-loader, #wpcf7-f26913-p26940-o1 .input-btn.btn.btn-from-top .ajax-loader{ display: none; } #wpcf7-f26913-p26914-o1 form.sent .wpcf7-response-output, #wpcf7-f26913-p26940-o1 form.sent .wpcf7-response-output{ border: 1px solid #46b450 !important; background-color: #c1efc5; color: #0d3503; font-size: 24px; line-height: 32px; padding: 28px !important; } #wpcf7-f26913-p26914-o1 form.invalid .wpcf7-response-output, #wpcf7-f26913-p26940-o1 form.invalid .wpcf7-response-output{ font-size: 20px; line-height: 32px; padding: 18px !important; } /********************************/ /********************************/ /* font awesome v5 Icon Footer */ .contacts p.home:before { font-family: "Font Awesome 5 Free"; font-weight: 900; content: "\f015" !important; } .contacts p.phone::before { font-family: "Font Awesome 5 Free"; font-weight: 900; content: "\f879" !important; } .contacts p.envelope:before { font-family: "Font Awesome 5 Free"; font-weight: 900; content: '\f0e0' !important; } #back-top-wrapper #back-top a span::after { font-family: "Font Awesome 5 Free"; content: "\f35b"; font-weight: 900; position: absolute; left: 50%; top: 50%; margin: -8px 0px 0px -6px !important; } /*******************************/ /* fonts opensans by google */ /* open-sans-300 - latin */ @font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 300; src: url('/wp-content/themes/theme49466/fonts/open-sans-v29-latin/open-sans-v29-latin-300.eot'); /* IE9 Compat Modes */ src: local(''), url('/wp-content/themes/theme49466/fonts/open-sans-v29-latin/open-sans-v29-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('/wp-content/themes/theme49466/fonts/open-sans-v29-latin/open-sans-v29-latin-300.woff2') format('woff2'), /* Super Modern Browsers */ url('/wp-content/themes/theme49466/fonts/open-sans-v29-latin/open-sans-v29-latin-300.woff') format('woff'), /* Modern Browsers */ url('/wp-content/themes/theme49466/fonts/open-sans-v29-latin/open-sans-v29-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */ url('/wp-content/themes/theme49466/fonts/open-sans-v29-latin/open-sans-v29-latin-300.svg#OpenSans') format('svg'); /* Legacy iOS */ } /* open-sans-regular - latin */ @font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 400; src: url('/wp-content/themes/theme49466/fonts/open-sans-v29-latin/open-sans-v29-latin-regular.eot'); /* IE9 Compat Modes */ src: local(''), url('/wp-content/themes/theme49466/fonts/open-sans-v29-latin/open-sans-v29-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('/wp-content/themes/theme49466/fonts/open-sans-v29-latin/open-sans-v29-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */ url('/wp-content/themes/theme49466/fonts/open-sans-v29-latin/open-sans-v29-latin-regular.woff') format('woff'), /* Modern Browsers */ url('/wp-content/themes/theme49466/fonts/open-sans-v29-latin/open-sans-v29-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */ url('/wp-content/themes/theme49466/fonts/open-sans-v29-latin/open-sans-v29-latin-regular.svg#OpenSans') format('svg'); /* Legacy iOS */ } /* open-sans-500 - latin */ @font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 500; src: url('/wp-content/themes/theme49466/fonts/open-sans-v29-latin/open-sans-v29-latin-500.eot'); /* IE9 Compat Modes */ src: local(''), url('/wp-content/themes/theme49466/fonts/open-sans-v29-latin/open-sans-v29-latin-500.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('/wp-content/themes/theme49466/fonts/open-sans-v29-latin/open-sans-v29-latin-500.woff2') format('woff2'), /* Super Modern Browsers */ url('/wp-content/themes/theme49466/fonts/open-sans-v29-latin/open-sans-v29-latin-500.woff') format('woff'), /* Modern Browsers */ url('/wp-content/themes/theme49466/fonts/open-sans-v29-latin/open-sans-v29-latin-500.ttf') format('truetype'), /* Safari, Android, iOS */ url('/wp-content/themes/theme49466/fonts/open-sans-v29-latin/open-sans-v29-latin-500.svg#OpenSans') format('svg'); /* Legacy iOS */ } /* open-sans-600 - latin */ @font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 600; src: url('/wp-content/themes/theme49466/fonts/open-sans-v29-latin/open-sans-v29-latin-600.eot'); /* IE9 Compat Modes */ src: local(''), url('/wp-content/themes/theme49466/fonts/open-sans-v29-latin/open-sans-v29-latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('/wp-content/themes/theme49466/fonts/open-sans-v29-latin/open-sans-v29-latin-600.woff2') format('woff2'), /* Super Modern Browsers */ url('/wp-content/themes/theme49466/fonts/open-sans-v29-latin/open-sans-v29-latin-600.woff') format('woff'), /* Modern Browsers */ url('/wp-content/themes/theme49466/fonts/open-sans-v29-latin/open-sans-v29-latin-600.ttf') format('truetype'), /* Safari, Android, iOS */ url('/wp-content/themes/theme49466/fonts/open-sans-v29-latin/open-sans-v29-latin-600.svg#OpenSans') format('svg'); /* Legacy iOS */ } /* open-sans-700 - latin */ @font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 700; src: url('/wp-content/themes/theme49466/fonts/open-sans-v29-latin/open-sans-v29-latin-700.eot'); /* IE9 Compat Modes */ src: local(''), url('/wp-content/themes/theme49466/fonts/open-sans-v29-latin/open-sans-v29-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('/wp-content/themes/theme49466/fonts/open-sans-v29-latin/open-sans-v29-latin-700.woff2') format('woff2'), /* Super Modern Browsers */ url('/wp-content/themes/theme49466/fonts/open-sans-v29-latin/open-sans-v29-latin-700.woff') format('woff'), /* Modern Browsers */ url('/wp-content/themes/theme49466/fonts/open-sans-v29-latin/open-sans-v29-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */ url('/wp-content/themes/theme49466/fonts/open-sans-v29-latin/open-sans-v29-latin-700.svg#OpenSans') format('svg'); /* Legacy iOS */ } /* open-sans-800 - latin */ @font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 800; src: url('/wp-content/themes/theme49466/fonts/open-sans-v29-latin/open-sans-v29-latin-800.eot'); /* IE9 Compat Modes */ src: local(''), url('/wp-content/themes/theme49466/fonts/open-sans-v29-latin/open-sans-v29-latin-800.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('/wp-content/themes/theme49466/fonts/open-sans-v29-latin/open-sans-v29-latin-800.woff2') format('woff2'), /* Super Modern Browsers */ url('/wp-content/themes/theme49466/fonts/open-sans-v29-latin/open-sans-v29-latin-800.woff') format('woff'), /* Modern Browsers */ url('/wp-content/themes/theme49466/fonts/open-sans-v29-latin/open-sans-v29-latin-800.ttf') format('truetype'), /* Safari, Android, iOS */ url('/wp-content/themes/theme49466/fonts/open-sans-v29-latin/open-sans-v29-latin-800.svg#OpenSans') format('svg'); /* Legacy iOS */ } /* open-sans-300italic - latin */ @font-face { font-family: 'Open Sans'; font-style: italic; font-weight: 300; src: url('/wp-content/themes/theme49466/fonts/open-sans-v29-latin/open-sans-v29-latin-300italic.eot'); /* IE9 Compat Modes */ src: local(''), url('/wp-content/themes/theme49466/fonts/open-sans-v29-latin/open-sans-v29-latin-300italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('/wp-content/themes/theme49466/fonts/open-sans-v29-latin/open-sans-v29-latin-300italic.woff2') format('woff2'), /* Super Modern Browsers */ url('/wp-content/themes/theme49466/fonts/open-sans-v29-latin/open-sans-v29-latin-300italic.woff') format('woff'), /* Modern Browsers */ url('/wp-content/themes/theme49466/fonts/open-sans-v29-latin/open-sans-v29-latin-300italic.ttf') format('truetype'), /* Safari, Android, iOS */ url('/wp-content/themes/theme49466/fonts/open-sans-v29-latin/open-sans-v29-latin-300italic.svg#OpenSans') format('svg'); /* Legacy iOS */ } /* open-sans-italic - latin */ @font-face { font-family: 'Open Sans'; font-style: italic; font-weight: 400; src: url('/wp-content/themes/theme49466/fonts/open-sans-v29-latin/open-sans-v29-latin-italic.eot'); /* IE9 Compat Modes */ src: local(''), url('/wp-content/themes/theme49466/fonts/open-sans-v29-latin/open-sans-v29-latin-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('/wp-content/themes/theme49466/fonts/open-sans-v29-latin/open-sans-v29-latin-italic.woff2') format('woff2'), /* Super Modern Browsers */ url('/wp-content/themes/theme49466/fonts/open-sans-v29-latin/open-sans-v29-latin-italic.woff') format('woff'), /* Modern Browsers */ url('/wp-content/themes/theme49466/fonts/open-sans-v29-latin/open-sans-v29-latin-italic.ttf') format('truetype'), /* Safari, Android, iOS */ url('/wp-content/themes/theme49466/fonts/open-sans-v29-latin/open-sans-v29-latin-italic.svg#OpenSans') format('svg'); /* Legacy iOS */ } /* open-sans-500italic - latin */ @font-face { font-family: 'Open Sans'; font-style: italic; font-weight: 500; src: url('/wp-content/themes/theme49466/fonts/open-sans-v29-latin/open-sans-v29-latin-500italic.eot'); /* IE9 Compat Modes */ src: local(''), url('/wp-content/themes/theme49466/fonts/open-sans-v29-latin/open-sans-v29-latin-500italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('/wp-content/themes/theme49466/fonts/open-sans-v29-latin/open-sans-v29-latin-500italic.woff2') format('woff2'), /* Super Modern Browsers */ url('/wp-content/themes/theme49466/fonts/open-sans-v29-latin/open-sans-v29-latin-500italic.woff') format('woff'), /* Modern Browsers */ url('/wp-content/themes/theme49466/fonts/open-sans-v29-latin/open-sans-v29-latin-500italic.ttf') format('truetype'), /* Safari, Android, iOS */ url('/wp-content/themes/theme49466/fonts/open-sans-v29-latin/open-sans-v29-latin-500italic.svg#OpenSans') format('svg'); /* Legacy iOS */ } /* open-sans-600italic - latin */ @font-face { font-family: 'Open Sans'; font-style: italic; font-weight: 600; src: url('/wp-content/themes/theme49466/fonts/open-sans-v29-latin/open-sans-v29-latin-600italic.eot'); /* IE9 Compat Modes */ src: local(''), url('/wp-content/themes/theme49466/fonts/open-sans-v29-latin/open-sans-v29-latin-600italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('/wp-content/themes/theme49466/fonts/open-sans-v29-latin/open-sans-v29-latin-600italic.woff2') format('woff2'), /* Super Modern Browsers */ url('/wp-content/themes/theme49466/fonts/open-sans-v29-latin/open-sans-v29-latin-600italic.woff') format('woff'), /* Modern Browsers */ url('/wp-content/themes/theme49466/fonts/open-sans-v29-latin/open-sans-v29-latin-600italic.ttf') format('truetype'), /* Safari, Android, iOS */ url('/wp-content/themes/theme49466/fonts/open-sans-v29-latin/open-sans-v29-latin-600italic.svg#OpenSans') format('svg'); /* Legacy iOS */ } /* open-sans-700italic - latin */ @font-face { font-family: 'Open Sans'; font-style: italic; font-weight: 700; src: url('/wp-content/themes/theme49466/fonts/open-sans-v29-latin/open-sans-v29-latin-700italic.eot'); /* IE9 Compat Modes */ src: local(''), url('/wp-content/themes/theme49466/fonts/open-sans-v29-latin/open-sans-v29-latin-700italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('/wp-content/themes/theme49466/fonts/open-sans-v29-latin/open-sans-v29-latin-700italic.woff2') format('woff2'), /* Super Modern Browsers */ url('/wp-content/themes/theme49466/fonts/open-sans-v29-latin/open-sans-v29-latin-700italic.woff') format('woff'), /* Modern Browsers */ url('/wp-content/themes/theme49466/fonts/open-sans-v29-latin/open-sans-v29-latin-700italic.ttf') format('truetype'), /* Safari, Android, iOS */ url('/wp-content/themes/theme49466/fonts/open-sans-v29-latin/open-sans-v29-latin-700italic.svg#OpenSans') format('svg'); /* Legacy iOS */ } /* open-sans-800italic - latin */ @font-face { font-family: 'Open Sans'; font-style: italic; font-weight: 800; src: url('/wp-content/themes/theme49466/fonts/open-sans-v29-latin/open-sans-v29-latin-800italic.eot'); /* IE9 Compat Modes */ src: local(''), url('/wp-content/themes/theme49466/fonts/open-sans-v29-latin/open-sans-v29-latin-800italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('/wp-content/themes/theme49466/fonts/open-sans-v29-latin/open-sans-v29-latin-800italic.woff2') format('woff2'), /* Super Modern Browsers */ url('/wp-content/themes/theme49466/fonts/open-sans-v29-latin/open-sans-v29-latin-800italic.woff') format('woff'), /* Modern Browsers */ url('/wp-content/themes/theme49466/fonts/open-sans-v29-latin/open-sans-v29-latin-800italic.ttf') format('truetype'), /* Safari, Android, iOS */ url('/wp-content/themes/theme49466/fonts/open-sans-v29-latin/open-sans-v29-latin-800italic.svg#OpenSans') format('svg'); /* Legacy iOS */ } /* Enter Your Custom CSS Here */ /* CARLO */ .pub-thumb { width: 100px; height: 75px; } .pub-thumb, .proj-thumb { display: block; /* width: 100px; height: 75px; */ max-width: 100px; max-height: 75px; border-radius: 0.65em; padding: 0.1em; } .pub-year, .project-status { border-bottom: 1px solid #31353D; padding-bottom: 5px; } .row-pub-container, .row-proj-container { padding-bottom: 0.9em; } .row-pub-container > div.span2, .row-proj-container > div.span2 { width: 115px; } .pub-authors { font-size: 0.9em; } .pub-journal { font-size: 0.75em; padding-right: 10px; } .pub-doi { font-size: 0.75em; padding-right: 10px; } .pub-volume { font-size: 0.75em; padding-right: 10px; } .pub-publisher { font-size: 0.75em; padding-right: 10px; } .pub-number { font-size: 0.75em; padding-right: 10px; } .row-well { padding: 10px; } .anti-row { /* margin-left: 0px; */ } .proj-acronym, .proj-funder, .proj-dates {font-size: 0.9em;} .proj-groups {font-size: 0.9em;} .waiting-class { background-image: url("/wp-content/themes/theme49466/images/infinite-loading.gif"); background-repeat: no-repeat; /* background-attachment: fixed; */ background-position: center; height: 80px; } span.proj-boldify, p.boldify { font-weight: bold;} .thumb-very-small-people { display: block; width: 70px; height: 70px; /* width: 90px; height: 90px; */ border-radius: 0.6em; padding: 0.1em; } .thumb-small-people { display: block; width: 120px; height: 120px; /* width: 90px; height: 90px; */ border-radius: 0.7em; padding: 0.1em; } .thumb-people { display: block; width: 180px; height: 180px; border-radius: 0.8em; padding: 0.1em; } .thumb-project { display: block; max-width: 120px; /* height: 120px; */ max-height: 90px; border-radius: 0.5em; padding: 0.1em; } .single-people-pad { padding-top: 21px; } div.users-block-list p{ color: #363f45; } div.people-list div.span2 { width: 100px; } .users-block-list { padding-bottom: 1.5em; /* height: 9.5em; width: 5.5em; */ height: 10.5em; width: 7.5em; } .users-block-list > a > p { line-height: 1.1em; margin-bottom: 1px; font-size: 0.9em; } .users-list-item > a > p { font-size: 0.9em; } .users-list-item > .span3 { width: 187px; } .users-block-list > a > p > small { margin-bottom: 1px; font-size: 0.7em; } #bsearchresults h1.page-title { /* margin-bottom: 1.1em; */ } #bsearchresults .bsearch_nav { margin-bottom: 1.1em; } div.results-block { margin-bottom: 1.8em; } div.results-block hr { margin: 15px; } #people-index-container div.well, div.pub-container div.well, div.proj-container div.well { background-color: transparent; border: none; box-shadow: none; } .abstract-tab, .contacts-tab, .positions-tab, .groups-tab { padding-bottom: 20px; } .contacts-tab h5, .positions-tab h5, .groups-tab h5 { border-bottom: 1px solid #f5f5f6; /* #31353D; */ padding-bottom: 5px; } .contacts-tab .span2 p, .positions-tab .span2 p, .groups-tab .span3 p, .positions-tab .span3 p { margin-bottom: 2px; } .proj-table { width: 100%; } .proj-table tr > th { border-bottom: 1px solid; } div.project-data { padding-top: 47px; } div.project-data > p { margin-bottom: 17px; } div.people-index .btn:hover, div.people-index .reply a:hover, div.people-index .btn:active, div.people-index .reply a:hover { color: black; } .proj-table { width: 100%; } .proj-table tr > th { border-bottom: 1px solid; } div.project-data { padding-top: 47px; } div.project-data > p { margin-bottom: 17px; } div.people-index .btn:hover, div.people-index .reply a:hover, div.people-index .btn:active, div.people-index .reply a:hover { color: black; } .nav-tabs li.active a { background-color: #ddd; } .pagination ul > li > strong > a, .pagination ul > li > span { float:left; padding:4px 12px; line-height:23px; text-decoration:none; background-color:#fff; border:1px solid #ddd; /* border-left-width:0; */ font-weight: 400; } .pagination ul > li:first-child > strong > a, .pagination ul > li:first-child > span { border-left-width:1px; -webkit-border-top-left-radius:4px; -moz-border-radius-topleft:4px; border-top-left-radius:4px; -webkit-border-bottom-left-radius:4px; -moz-border-radius-bottomleft:4px; border-bottom-left-radius:4px; } .pagination ul > li:last-child > strong > a, .pagination ul > li:last-child > span { -webkit-border-top-right-radius:4px; -moz-border-radius-topright:4px; border-top-right-radius:4px; -webkit-border-bottom-right-radius:4px; -moz-border-radius-bottomright:4px; border-bottom-right-radius:4px; } .underlined { border-bottom: 1px solid; } .authors { color: #363f45; text-decoration: underline; } .space5{ margin-right: 5px; } ul.nooz-list > li > time { /* margin-right: 15px; */ display: block; } ul.nooz-list > li { margin-bottom: 10px; } @media (max-width: 767px) { #people-index-container [class*="span"] { float: left; margin-left: 20px; } #people-index-container .span12 { /*margin-right: 20px; */ width: 95%; } } @media (max-width: 420px) { .thumb-small-people { height: 100px; width: 100px; } .users-block-list { width: 6em; } #people-index-container [class*="span"] { margin-left: 0.6em; } } /* @media (max-width: 420px) { */ @media (max-width: 319px) { #people-index-container [class*="span"] { float: none; margin-left: 0px; } } #ecl-notice { border-top: 2px dashed yellowgreen; } /* ******************************************* */ /* PERSONALIZZAZIONI AD PERSONAM */ div.pub-tab-user-luigi-filippini, div.proj-tab-user-luigi-filippini { display: none; } /* *************************************** */ /* PERSONALIZZAZIONE GUESTBOOK */ #gwolle_gb_write_button .btn-default:hover { background-color: brown; border-color: brown; } /* ********************************* */ /* se menu su due righe bisogna abbassare i titoli */ .title-section { margin: 40px 0; padding: 30px 0 3px; position: relative; }
CRS4

Center for Advanced Studies, Research and Development in Sardinia

Interoperability between clinical systems

Available standards and guidelines, and how CRS4’s activities contribute to them

In this focus Alessandro Sulis (Healthcare Flows group, CRS4) will discuss the need for interoperability between clinical systems, the available standards and guidelines, and how CRS4’s activities contribute to them.
In modern hospitals it is crucial that different clinical domains (e.g., laboratory, radiology, etc.) be able to exchange information. From the technical point of view, this requirement implies that different domains need to be able to exchange mutually understandable messages carrying information about patients and healthcare processes. This apparently simple requirement is difficult to satisfy in practice. In fact, clinical systems tend to be designed as separate “information islands” that do not easily communicate with the rest of the world.
As a reaction, clinical informatics interoperability standards and guidelines have been developed in the past twenty years and are now starting to be widely supported by vendors. CRS4 is actively contributing to the development of these standards and guidelines – particularly the ones in the Pathology and Laboratory domains – and to their implementation in real-world clinical systems.

Alessandro Sulis acting as a Monitor at the European Connectathon 2013, Istanbul
Alessandro Sulis acting as a Monitor at the European Connectathon 2013, Istanbul

Alessandro Sulis, Graduated in Electronic Engineering at the University of Cagliari and II level Master in Information Technology, at the Center of Excellence CEFRIEL in Milan. He works at CRS4 since 2007, as a technologist involved on different research projects about biomedical and clinical engineering applied to real clinical contexts. Currently he is working on clinical systems interoperability, following the main standards and best practices; he strictly collaborates with the reference organizations (IHE and HL7 international): in particular, he is a member of the IHE PaLM (Pathology and Laboratory Medicine) domain Technical Committee.

(with english subtitles gently generated by an algorithm by Gavin Brelstaff)

— E. Falqui

Technical Corner

Health IT interoperability has an important role in health service quality and effectiveness at different levels, from the intra-institutional communication between department-based clinical systems (such as Laboratory Information Systems, Radiology Information Systems, etc.) to the inter-institutional interaction and coordination of regional or national components of a healthcare system. Also, in clinical and biomedical research, data integration is essential as a basis for guiding differential outcome analysis. Interoperability implies an exchange and mutual interpretation of information by two or more systems. In fact, the first definition of interoperability in the IEEE Standard Computer Dictionary stated, “the ability of two or more systems or components to exchange information and to use the information that has been exchanged”1. Notice that the concept is not limited to information exchange, since this action is necessary but not sufficient to achieve interoperability. Focusing on health informatics, HL7 International2 gave a more detailed characterization3 identifying three main types of health IT interoperability:

This classification goes beyond simple labels, creating a hierarchical model which can guide interoperability implementation in different contexts: the activity of Healthcare Flows Research Program spans all the three types above and the following paragraphs show some of the results obtained in this field.

Technical Interoperability
From the technical interoperability perspective, the group develops and maintains HL7apy, an innovative Python package to manage HL7 v2.x messages for fast prototyping of HL7-compliant software. As shown in Figure 1, the main library components are:

  1. inner components: core classes and an API to create and manage HL7 messages; Message Parser, to parse ER7-encoded messages; and Validator, to validate messages;
  2. two utility scripts: an XSD Parser, to generate Python modules for every HL7 v2 minor version; and a Message Profiles Parser, to serialize files for message profiles.
technical_corner-1
Figure 1. HL7apy Library Architecture

The main classes defined in HL7apy to represent HL7 elements are:

The core classes allow the developer to create HL7-compliant messages, to navigate their structure and to manipulate HL7 elements in a compact form, as shown in the code examples in Figure 2, Figure 3 and Figure 4.

technical_corner-1
Figure 2. Elements Instantiation Example
technical_corner-1
Figure 3. Element Navigation Example
technical_corner-1
Figure 4. Message Parsing Example

One of the most important features provided by HL7apy is the validation of messages, since it ensures their compliance with the standard for the specific message type and HL7 version. The library allows two levels of validation: STRICT and TOLERANT.
A detailed description of HL7apy can be found in4; the project is still under development and the code is released under an open-source license5.

Semantic and Process interoperability
The Healthcare Flows group also actively works on semantic and process interoperability, collaborating intensely with IHE6– the reference institution for information sharing and healthcare systems interoperability. In 2010 the group joined the IHE Technical Committee for the Laboratory Domain, now called “Pathology and Laboratory Medicine (PaLM)” Domain. Our first contribution in this context was the proposal of an extension to the IHE Laboratory guidelines to enhance traceability in the pre-analytical phase, going from the prescription of exams to sample preparation for analysis7. For each domain, IHE models clinical processes by defining the main workflow steps in detail, the main use cases, the actors involved, the transactions and, for each transaction, the messages to be used and the specific meaning of each message field. Concerning the laboratory pre-analytical process, IHE defines two main steps, identification and sample collection, mapping them to IHE PDQ (Patient Demographics Query) and LBL (Laboratory Specimen Barcode Labeling) profiles. The actors involved are:

  1. Patient Demographics Consumer (PDC): to query a set of patient information;
  2. Patient Demographic Supplier (PDS): provides patient-specific information;
  3. Label information Provider (LIP): the actor that provides information about labels;
  4. Label Broker (LB): the actor responsible for the labeling of the containers according to the information provided by the LIP.

The transactions for the two profiles are:

  1. ITI-21 and ITI-22 for PDQ;
  2. LAB-61 and LAB-62 for LBL

All of them are based on HL7 messages exchange. Concerning LBL, in a phlebotomy process supported by automation, the robotized labeling of specimen containers considers two different scenarios: Request Mode and Query Mode. These are both showed in Figure 5.

technical_corner-1
Figure 5. IHE Pre-analytical Laboratory Process

The main information needed for the labeling process is carried by the HL7 messages exchanged between the actors. In detail they provide: patient data, drawn specimens with their unique id, tests to be performed on every specimen and type of container to use. This information is very useful for traceability purposes, but no details are provided by the LBL profile regarding the preparation of the sample container and the sample collection. For these reasons, we proposed an extension of this profile, adding two new transactions, LAB-63 (Labeled Containers Production Confirmation) and LAB-64 (Specimen Collection Confirmation), depicted in Figure 6.

technical_corner-1
Figure 6. IHE Pre-analytical Laboratory Process Revised

The HL7 messages chosen to define these transactions are OML^O33 (Laboratory Order Message) and ORL^O34 for acknowledgment, since they are specimen-centric and their structures contain all the information needed for traceability purposes.

technical_corner-1
Figure 7. OML^O33 Message Structure
technical_corner-1
igure 8. ORL^O34 Message Structure

We submitted the profile extension in a Supplement to the Committee for public discussion in July 2011. LAB-63 was reviewed and immediately accepted and – after the trial implementation period – was included in IHE PaLM Domain Technical Framework8. LAB-64 was considered above LBL scope, as it also involves other IHE profiles; for these reasons, the proposed profile became the starting point for a completely new profile, called Specimen Event Tracking (SET), which we have been developing since 2016 in strict collaboration with PALM Technical Committee.


  1. http://www.en13606.org/the-ceniso-en13606-standard/semantic-interoperability 

  2. http://www.hl7.org 

  3. HL7 EHR Interoperability Work Group, “Coming to terms”, available at https://www.hln.com/assets/pdf/Coming-to-Terms-February-2007.pdf 

  4. Meloni V. et al, “HL7apy: a Python library to parse, create and handle HL7 v2.x messages” ”, EJBI - European Journal for Biomedical Informatics, Volume: 12, 2016, available at http://www.ejbi.org/scholarly-articles/hl7apy-a-python-library-to-parse-create-and-handle-hl7v2x-messages.pdf 

  5. https://github.com/crs4/hl7apy 

  6. http://www.ihe.net 

  7. Sulis A. et al, “Traceability Based Description of Clinical Processes: Extension of IHE Guidelines for Phlebotomy Workflows”, EJBI - European Journal for Biomedical Informatics, Volume: 12, 2016, available at http://ihic2016.eu/Doc/02_2016_06_13_HL7apy@IHIC_Sulis.pdf 

  8. http://www.ihe.net/Technical_Frameworks/#PaLM 

Manage Cookie Consent We use cookies to optimize our website and our service.
Functional Always active The technical storage or access is strictly necessary for the legitimate purpose of enabling the use of a specific service explicitly requested by the subscriber or user, or for the sole purpose of carrying out the transmission of a communication over an electronic communications network.
Preferences The technical storage or access is necessary for the legitimate purpose of storing preferences that are not requested by the subscriber or user.
Statistics The technical storage or access that is used exclusively for statistical purposes. The technical storage or access that is used exclusively for anonymous statistical purposes. Without a subpoena, voluntary compliance on the part of your Internet Service Provider, or additional records from a third party, information stored or retrieved for this purpose alone cannot usually be used to identify you.
Marketing The technical storage or access is required to create user profiles to send advertising, or to track the user on a website or across several websites for similar marketing purposes.
Manage options Manage services Manage vendors Read more about these purposes View preferences {title} {title} {title}