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

Social Wall

Social Wall

Modular Interactive Wall for Collaborative Environments

Contact

Samuel Aldo Iacolina, valorisation@crs4.it

Challenge

The wide availability of large multi-touch screens is opening the possibility to easily create different interactive applications devised to infotainment, education and learning, exploiting various techniques for a more natural interaction, especially in open and shared places. Direct manipulation and touch sensing help the exploration of contents, especially for 3D scenes and interactive maps, where people find more comfortable the use of gestures and manipulation. Despite this touch screens allow many interaction at the same time (multi-touch point) and, therefore, those devices can host potentially more than a user at time, most applications still are single-user and do not allow collaboration.

Overview

CRS4 Social Wall creates an interactive surface starting from a real wall that supports multi-user applications enabling collaborative work. The system can be used in co-working spaces (e.g. classrooms, labs), where a group of users can work together to examine the contents, exploring them by gestures, to share information and even to communicate remotely with other collaborative platforms. It is based on several modules which detect interactions between objects and people in proximity of the surface that you want to make interactive. The technology supports different configurations (horizontal and vertical) for the construction of interactive surfaces from pre-existing physical surfaces (e.g. walls, pavement and ceiling of rooms). Moreover, it develops an innovative paradigm that not only include multi-touch events but also the interaction of objects with the surface.

The system allows:

Through social networks and Web technologies, the Social Wall allows users to sign in with their mobile device (smartphone or tablet), keeping connection with the outside world towards other platforms that make it a valid tool even for remote collaborative work. Its Maker version is based on a technology that deals with the construction of big interactive surfaces by using easily obtainable materials. It then defines DIY (Do It Yourself) instructions that make it possible for the general public to assemble, repeat and customize installations. Its wide customizability (via the Web) makes the Social Wall constantly renewable in terms of graphical layout and presented data, by means of low-cost, sustainable technologies.

Innovative features

Potential users

The Social Wall as a DIY tool is useful for makers of all ages. It’s also useful for didactic applications: thanks to interactive modules, a user can get in touch with logical components and understand how an interactive system works and can be assembled.

Impact sectors

Tourism and local area development (expos and fairs) - Infotainment (reception areas) - Trade (interactive shops) - Didactics - Communication.

Other resources

  1. Web site: http://socialwall.crs4.it/
  2. Facebook page: https://www.facebook.com/CRS4SocialWall/
  3. 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}