/** 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

Smart Mobility and IOT

Cristian Lai talks about sustainable transport applications and Internet of Things jointly developed by CRS4 and Entando

Smart mobility is the workshop held in Cagliari on June the 27th 2019. The topic requires an in-depth explanation in order not to fall into superficiality. Contextually, it is necessary to illustrate the objectives and tools clearly. We talk about it with one of the organizers, Cristian Lai, Ph.D. in Computer Science (University of Compiègne - France) and member of the CRS4's ISOC (Information SOCiety) group, since 2000, and one of the project managers of the Smart Environments and Technologies team.

technical_corner-1
Cristian Lai (photo: F. Bandel)

Why speak about smart mobility, and what does CRS4 do in this field?

Smart mobility, Smart City, and Internet of Things (IoT) are the hot topics of this workshop. The workshop is part of the dissemination of a joint-project between CRS4 and Entando. The project is funded under the ERDF (European Regional Development Fund), PO Sardegna FESR 2007-2013, PIA 2013 (project: n.295), and is going to complete in September 2019. The overall objective is to develop a low-code, component-based Smart User Experience Platform (UXP). The platform opens the door for accelerated development besides connecting humans to a more pervasive digital world.
The development of the platform is based on the Digital Transformation (DX) paradigm, a process driven by user or customer-oriented technologies. The CRS4's commitment starts from an in-depth analysis of state of the art Internet of Things/Internet of Everything (IoT/IoE) devices, commonly referred to as smart devices. This analysis is for defining a microservices architecture. In line with the goals expected from the Entando's UXP platform, the microservices architecture allows mitigating the hardware weaknesses and limits and creating networks composed of a large number of objects. The CRS4's outcomes include a high-level architectural model suitable for integrating pervasive IoT/IoE components and a Smart City vertical application, called SmartMobility, for multimobility information urban services, using an ecosystem of IoT devices and developed using the Entando's UXP. The application provides information about park and ride facilities. Drivers are encouraged shifting from private cars to sustainable transport modes, such as bus, carsharing, and bikesharing, for part of their journey. SmartMobility aims at contributing to reducing traffic generated by private vehicles in the city besides helping drivers going towards high traffic areas by presenting real-time mobility data from different sources (video).
Other CRS4's outcomes, in terms of dissemination, are scientific papers publication. Four original manuscripts have been submitted to high-quality International Conferences. Topics encompasses multiple aspects of “Future Internet of Things and Cloud”, “Internet and Web Applications and Services”, “Software Technologies” and “Web Information Systems and Technologies”. The papers are going to be published in the conferences’ proceedings, under an ISBN, and sent to the most relevant Citation Indexes such as ISI, DBLP, Elsevier, Scopus, Google Scholar, Semantic Scholar.

During the round table on June the 27th, emerged the need for collaboration with the institutions. The public sector might contribute with data and information. Moreover, policymakers must be involved in several choices, especially concerning Information Technologies infrastructures. What do you think about the role of the Public Administration?

Worldwide re-use of information helps in better participation of citizens in the decision-making processes of their country, to enhance the transparency of public spending and political handling. The case study of the metropolitan area of Cagliari demonstrates the active participation of public administrations in everyday technology-driven life. For example, real-time traffic information is available thanks to an infrastructure of inductive-loop traffic detectors (commonly referred to as traffic sensors) that can sense vehicles passing by. These sensors are installed at the main roads connecting the suburbs to the city center. Data returned by REST APIs contain the flow of vehicles per unit of time and the average speed. This information allows estimating traffic flow at the time the user is supposed to pass to have the necessary information to elude high traffic zones. Another case is the public transport information. Most of the public transport companies in Cagliari and its extended area offer data on their bus services for free. Bus service information takes account of available bus lines, bus stops, the time-schedule, and the reliability of each line.

From a scientific point of view, based on your experience, what does move "intelligent mobility" from experimental to the applicative and commercial?

The future is already here. Intelligent mobility originates from intelligent systems designed by human beings. Artificial Intelligence (AI) is the most prominent topic contributing to smart cities and intelligent mobility. For example, systems for parking space vacancy detection can use cameras and image processing algorithms for detecting vacant and occupied parking spaces. Drivers can directly drive to the area closest to their destination. There, they will most likely find a free parking spot, avoiding in this way time and fuel wasting besides reducing traffic congestion. The automotive industry is the most prominent example of technology entering the market.
On the one hand, Advanced Driver Assistance Systems (ADAS) and autonomous vehicles, including camera-based machine vision systems, radar-based detection units, driver condition evaluation, are de-facto utilities and commodities in everyday life vehicles. On the other hand, In-Vehicle Infotainment (IVI) systems include speech recognition and gesture recognition, eye tracking and driver monitoring, virtual assistance, and natural language interfaces. The IVI provides human drivers the user experience required for pleasant driving. The recent IVI development allows “mirroring” features from a mobile phone to a car's compatible in-dash information and entertainment unit. Google Android Auto and Apple CarPlay are the primary IVI standards. Thanks to mirroring, the mobile phone's APPs are displayed and available in the vehicle, avoiding installation on the car's unit. SmatMobility is already available in Google Android Auto, getting a hands-free driving mode thanks to virtual voice assistants.

The joint-project that inspired the workshop is carried out in collaboration with a private company, Entando. What does it mean for a researcher to deal with the private sector?

This project is held thanks to the European Regional Development Fund (ERDF), a fund allocated by the European Union and transferred to Regions for investing in infrastructures and promoting regional development. It allows the Sardinia region to start attracting private sector investments besides creating jobs on its own. The synergies between CRS4 and Entando started years ago on the occasion of several collaborations. Many of the Entando's strategies are attainable thanks to the CRS4's know-how and its scientific background. Entando is a player with substantial business experience. Entando's market positioning and the way it is distinguished from the products of the competitors are interesting for CRS4. Multiple IT products and services can be jointly developed and shared with the entire regional and international network.

— A. Mameli

Technical Corner

SmartMobility is a MaaS (Mobility as a Service) application that provides information about the park and ride facilities, encouraging drivers to shift from private cars to sustainable transport modes, such as bus, carsharing and bikesharing, for part of their journey. Specifically, SmartMobility aims at contributing to reducing traffic generated by private vehicles in the city besides helping drivers in going towards high traffic areas by presenting real-time mobility information from different sources, using an ecosystem of IoT devices.

technical_corner-1
Figure 1: SmartMobility integrates sustainable transport modes.

In recent years, the amount of connected devices available in everyday life has significantly grown as a crucial part of the IoT. In the IoT, the volume of devices can be remarkable. The IoT accentuates the connectivity between physical devices and data and contributes to the transportation systems supporting the smart city vision. Smart cities, mainly, are more and more enriched with sophisticated services, especially in terms of citizens’ mobility. Multimobility integrates different modalities of transportation; private car, bus, carsharing, and bikesharing. The shift towards multimodal mobility is growing in popularity, especially in urban centers, with recurring problems associated with congestion, parking, and an overall lack of space. Driving a car is essential for people because it is an opportunity for autonomy. A driver going from sparsely populated areas to a relatively big or vast city may be motivated to park the private car and use alternative transportation options. That is why their main issues are related to finding a parking slot, catching the bus on time, or choosing an appropriate alternative.

In the context of MaaS, the IoT acts as an enabler for the integration of private and public transport. Every single element of SmartMobility, i.e., parking area, bus stop, car or bike sharing station, takes part in an extremely sophisticated network of miscellaneous connected IoT devices, each one with its proprietary protocols, specifications, and characteristics. Consequently, there is a need to handle such elements, consisting of both physical (commercial instruments, custom sensor boards etc.) and logical (other web platforms, open data services etc.) devices independently.

technical_corner-1
Figure 2: SmartMobility integrates physical and logical devices.

SmartMobility is built on top of a microservice architecture specifically designed for the IoT, such as a collection of independently deployable and loosely coupled basic services. Each microservice runs its own process, communicates with lightweight mechanisms, such as HTTP resource API, and implements a definite feature. The microservice architecture used for SmartMobility is CRS4 Microservice Core for the IoT (CMC-IoT). It is able to integrate a variety of IoT devices and services. These services are composed of smaller entities, referred to as devices, which provide only a part of the service functionality and have a specific location in the city. Examples of the latter are bus stops, parking areas, and sharing stations among others. CMC-IoT extends CMC (CRS4 Microservice Core)1 and is a fork of our first open source project implementing a general-purpose microservice architecture.

technical_corner-1
Figure 3: CMC-IoT, the CRS4's microservice architecture for the IoT.

Despite the conventional and business-oriented MaaS platforms, such as UbiGo and myCicero, SmartMobility neither provides any booking or payment services nor any travel planner functionality. To the best of our knowledge, no application provides information regarding parking areas occupancy. Of course, drivers may be alerted regarding empty parking places either by displays on street signs or by looking at the map on the smartphone. Nevertheless, SmartMobility focuses on parking areas providing firsthand information to the drivers looking for parking and desiring to use an alternative transportation option, park and ride facilities.
A real case study has been set up in the metropolitan area of Cagliari. Before entering the city center, the driver, using SmartMobility, can check available free parking spots in the monitored parking areas that are close to his/her position. Moreover, he or she does not have to drive around the city looking for a free parking spot. Can view real-time traffic information on the main city roads shown on SmartMobility. Once a parking lot has been identified and chosen, the user can check on the application the availability of mobility services around the parking area, such as bus stops and sharing services, and their reliability. So, he or she can choose the one most suitable as per his or her needs or walk to the final destination.

technical_corner-1
Figure 4: SmartMobility is available for laptop, mobile phone, and Google Android Auto; provides information on parking areas and sustainable transport modes.

smartmobility.crs4.it


  1. https://github.com/smartenv-crs4 

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}