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

Hypergate

Hypergate

A Node.js library for the integration of local resources to the Internet of Things (IoT)

Contact

Maurizio Agelli, valorisation@crs4.it

Challenge

Many businesses that produce digital goods and services are moving or are considering to move their applications to the cloud in order to scale geographically, to reduce maintenance costs and to allow their staff and clients to access their systems from any device with Internet access. In order to fill the gap between the local resources, sources of the data, and the web/cloud applications it is necessary either to give an Internet connection and network management logic to each device, or to connect them to an IoT gateway that manages the network access and relay application requests and device data to their intended targets.
The gateway option is the most practical and cost effective way to go for contexts where the resources are clustered or not too distant from each other. Although there are already many off-the-shelf IoT gateway hardware in the market, developing, customizing and scaling the software component remains a big challenge, since it implies the integration of disparate devices that may have proprietary communication protocols.

Overview

Hypergate is a Node.js library for developing the software of IoT gateways. This means that it can be used as a framework for building solutions that bridge the gap between web or cloud applications and instruments, local databases, sensors, legacy hardware, or virtually any non-IoT ready device.

With Hypergate it’s possible to integrate new devices or resources with independent and specific applications or plugins, which don’t need to manage the network connectivity and can be agnostic of the underlying IoT protocols. A plugin only needs to understand the data and command protocol and to translate it into JSON messages to exchange with the main gateway application through standard I/O streams, a JSON file or a local socket connection. The plugins to be used by the gateway application and their settings can be specified to Hypergate by means of a simple JSON string.

Hypergate provides protocol-specific modules or web interfaces for the most popular IoT protocols like Websockets, HTTP REST and MQTT, so that it’s easy to connect your gateway application to your cloud and web services without having to reinvent the wheel. It’s only necessary to specify the specific network settings like endpoints and credentials, and all the messages from/to the cloud will be converted in commands/events that Hypergate use to manage and communicate with the plugins and therefore with the local resources.

Hypergate allows you to integrate one type of device at a time while giving very simple requirements to your plugin developer who will be free to use any programming language and development tools. You can also use more than one web interface at a time and develop your own interfaces that might fit better to your needs.

Innovative features

Potential users

Software developers, system integrators and IoT architects.

Impact sectors

Biomedical services, building automation, smart environments.

Other resources

  1. Hypergate presentation video

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}