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

There are more things in heaven and earth, Horatio...

[PDF download]

Today there is so much information around us that it is hard to organize and benefit from it in a rational way. We need an innovative approach to the problem. Which one? We ask Hanan Samet, who is visiting CRS4.

Some time ago I was sipping a coffee at the bar of CRS4 with a friend. «That's a new colleague, an expert in databases», I observed, pointing at the person. Sporting his usual English humor, my friend replied: «A database is a table of rows and columns. How can one be an expert in a table?». My friend had in mind a relational1 model database. It is an idea that dates back to the '70s of the last century - shortly after the appearance of the first "modern" computers - whose importance lies, of course, not in the table itself but rather in the possibility to perform operations on the contents, from the elementary ones concerning creation, read, update, and deletion (CRUD) to the more sophisticated SCRUD which also includes search.

Today's society, with newspapers, TV, radio, the Web, and social networks, is totally imbued with informative contents. For now, digital storage of this contents does not seem to be an insurmountable problem for current technology. After all, this is the raison d'être for databases, isn't it? Among others, coupled with the original idea of a two-dimensional table, more sophisticated multidimensional2 as well alternative models, optimized for specific tasks, have also been proposed. We will not dwell on this but, for the non-expert readers, we point out two interesting contributions, one in favor of the hotshots on the horizon, the NoSQL (Not Only SQL) models3, and the other in defense of "traditional" models4. These technological armaments, well-supported by the availability of high performance hardware, are doing their job. Geographic data. Images. Protein catalogues. The Web. These are just some of the many examples of data arising more and more frequently in the applied sciences and technology in a world of increasing complexity, like ours, represented and manipulated efficiently with databases of various kinds.

And here we are confronted with the real issue: how can we extract - in a targeted and intelligent way - the required information from this plethora5 of data? The current approach, keyword-based, requires the use of one or more keywords (with the possible exclusion of other keywords, and the indication of the type of resource sought, etc). Often, however, the user is not able to specify the exact keywords because he has only a partial idea of the search object. In these cases, one would definitely appreciate a search engine that is able to work also "by approximation" using synonyms or, to put it in more technical jargon, capable of proximity searches as well as of keyword matching. Another feature that is now hard to give up, is "granularity": to overcome the difficulties of visualization and navigation in an endless sea of information, it makes sense to start the search by selecting one of a limited number of generic options offered by the search engine, and then refining the query iteratively, once the proposed options will become more specific.

Hanan Samet at CRS4, July 2015 (photo by A. Mameli)
Hanan Samet at CRS4, July 2015 (photo by A. Mameli)

Today we meet someone who offers an effective solution to these problems: his idea is to index spatial attributes (such as the coordinates on a map, a piecewise linear curve approximating a road or a river, or a rectangular area defining a geographic region) in a database and to make search engines that query it more powerful and flexible. Of course, if you are looking for the latest articles on the solution of the 3D bidomain equations using finite volumes (key search words: "bidomain equations" "finite volumes" 3D -monodomain filetype:pdf), then you are probably not interested in specifying whether the place of publication is New Zealand rather than Milan or Boston. In other words, the spatial granularity is not so fundamental to the query (you do not expect hundreds of thousands of articles on the subject). However, for topics which are more general and more relevant to our daily lives, the locations associated with them are important and hence a map query interface can make a difference. This is also because many of us have in our pocket something potentially capable of measuring (and transmitting) spatial attributes related to our movements: our GPS-enabled smartphones6. Very likely, spatial attributes will become more and more common and increasingly present in the near future.

Our guest, Hanan Samet, is an undisputed guru in the field of multi-dimensional and spatial data structures and mathematical techniques for sorting spatial information. His book "Foundations of multidimensional and metric data structures"7 is a must have for anyone involved in search algorithms of spatial data in computer graphics, visualization, GIS, image processing, computer vision, game programming, and beyond. Hanan, who got his Ph.D. from Stanford University in 1975 and is currently a Distinguished University Professor at the University of Maryland, as well as being ACM Distinguished Speaker, has received an impressive number of academic awards8 including the ACM Paris Kanellakis Theory and Practice Award as well as the IEEE Computer Society's Wallace McDowell Award. We met him9 thanks to Enrico Gobbetti and Fabio Bettio from the Visual Computing Lab of CRS4.

Professor Samet, it is a great pleasure to meet you here at CRS4. Why here?

I am here to deliver a series of three seminars in the ACM Distinguished Lecture Series organized by CRS410: this is one of the initiatives of the European project DIVA11, led by Enrico Gobbetti from CRS4 and Renato Pajarola from the University of Zurich, focused on the visualization and analysis of large volumes of data. In addition, I have come to meet Enrico Gobbetti and researchers of the Visual Computing Lab at CRS4, and to see in greater detail the results of their work. It's the first time I visit their center and I was impressed both by the results of research in Visual Computing, which are absolutely at the international level, and by the wide variety of practical applications. In addition to the lab, I visited, for example, the installation at the National Archaeological Museum of Cagliari for the interactive exploration of the Mont'e Prama statuary [we'll talk about in a very short time, stay tuned!].

You are a well-known expert in multidimensional and metric data structures and the use of databases to store such data. Why are these kind of data structures and databases so important, especially in comparison to the ones that are used in traditional relational databases?

Actually, traditional relational databases can be used to store multidimensional data12 as each record in a relational database can be viewed as a point in a multidimensional space. The issue is that some multidimensional data such as spatial data aside from point data such as individual locations is different in that it has extent (e.g., aggregates of locations such as line segments, regions, surfaces, and volumes). For example, line segments can be transformed into points in a higher dimensional space by just recording the coordinate values of their endpoints. However, this transformation does not preserve proximity [see the Technical Corner] as two line segments that are close to each other in the space from which they are drawn may not be close to each other in the transformed higher dimensional space which makes search inefficient as the transformed space is much larger than the space from which they are drawn. As we know, we encounter locations and collections thereof (e.g., trajectories for paths) in daily applications once we use our GPS-enabled devices such as our smartphones. The efficient representation of the data is crucial to the utility of the devices. Of course, there is also the issue of privacy in terms of whether we want our locations to be divulged to others such as service providers, but this is another topic that is beyond the scope of my visit.

Which are, nowadays, the most popular applications of multidimensional and metric data structures?

They are certainly very much used in similarity searching, for example to search for the nearest neighbors in machine learning and other applications where the ultimate goal is to find those objects that are similar to the query object. These data structures allow you to use a non-traditional meaning of the concept of sorting, expanding on the usual meaning of an order which means using a mono-dimensional index. The key idea is that we are interpreting the term sorting as the action of differentiating among the objects. Of course, it is possible to sort the data by mapping the multidimensional spatial attributes (e.g., the coordinate values) into a 1D space through a linear mapping. Our differentiation action is accomplished by sorting the data with respect to the space that it occupies. This is like bucketing or imposing a grid on the underlying space to facilitate access as is often the case with the map indexes with which we are all familiar.

Today, computer graphics plays a key role in the sciences, engineering, education, medicine, media and other applications, and generally requires serious computing power. What are the biggest challenges for computer graphics and why are hierarchical representations so important?

Well, invariably the operations that are performed involve searching, and the way to accelerate this task is to "organize" the data, usually through sorting. This can be seen by noting that many algorithms in computer graphics involve the key questions of "given a location, which features are there?" or "given a feature or event, where does it take place?". Obviously we are not always aware of this process, but that is what happens in practice.

In your book you present a large number of methods for the sorting of spatial data, such as those based on a decomposition of the underlying space and those that use object hierarchies with minimum bounding rectangles which may or may not be disjoint. It is a crowded zoo. Why so many methods and how can we choose the one that best suits our applications?

In fact, as I often like to say, there are two families of methods, one based on a hierarchy of objects and one based on a hierarchy of cells: surprisingly, this is not always understood. Moreover, the problems often arise from different application areas. So, different people try to solve them in different ways. In my book, I make an attempt to show the similarity of apparently different methods. So, yes, there are a number of techniques but often they are related to one another.

How have data structures changed over time with respect to the early models, proposed almost 40 years ago? Some, like quadtrees and their variants, are still used. Is this a surprise for you?

Not really. I think that many people did not understand how applicable and general these methods are. The issues have changed over time and also the methods to address them have evolved in parallel. For instance, applications like video games and location-based services are now commonly used and they make use of data structures such as quadtrees, while in the past quadtrees were considered exotic objects used only by those who did image processing. Today with smartphones, spatial attributes are no "different" from the other data. In such cases, for example, knowledge of where events take place is important information: so location can be an effective way to index the events. Given an appropriate interaction device, I don't need to know exactly what I'm looking for: I can indicate a point on a map, zoom in, move, and view the information associated with certain spatial coordinate values. For example, if I'm looking for a rock concert in Manhattan and if I find one in Harlem, then it's a good result, because Harlem is contained in Manhattan; but also a rock concert in Brooklyn is likely to fit my query, because it is a reasonably nearby sibling borough, although not exactly matching my query. Lastly, if the result is an event in New York City, then this is quite generic in the sense that New York City contains Manhattan, but is still better than no result. These distinctions are more important than you might think. In particular, if you use a traditional search engine and type in non exact keywords, then you will probably not find the event in which you are interested; on the contrary, the search for location allows a significant flexibility. Obviously, this makes it necessary to implement an index based on location and use appropriate data structures.

Along with your coworkers, you developed NewsStand13, an application for browsing information and news by location. Could you explain us how it works?

The most important aspect is that it enables me to search for events whose details I do not know beforehand: selecting a location on the map, I can decrease the scale to get more detail, pan the map, and see what happened in which place, and only then make my choice. Of course you can also perform keyword searches, for instance concerning a well-defined event, and NewsStand will indicate the location or locations where this event took or will take place. The detail of information and events provided by NewsStand depends on the geographical scale selected: a local event concerning Sardinia is probably not shown when the user views the entire globe, but instead becomes visible when the search is performed on a more local geographic scale. In other words, NewsStand works according to a "granularity" principle to locate information and events.

The innovative idea of NewsStand is to make the map the querying medium of choice: it is an approach that can be extended to documents other than the news (e.g., you've developed TwitterStand, whose targets are obvious from the name). What do you consider the most promising fields of application in the near future?

I think it will be possible to access more and more information through location: photos, tweets, etc. Generally any object with an ontology and a spatial attribute can be inserted into a multidimensional database, explorable via map-type queries, based on geographic information. One type of research which in my view is very appealing is associated with time-based queries. Take for example the spread of a disease like Ebola: the appearance of the virus will likely be mentioned in the local media, and thanks to the information contained in the news database it will be possible to reconstruct the evolution over space and time of the epidemic and the history of its propagation. Another important application for companies is to identify the geographical areas where a particular brand is mentioned, more or less often in the newspapers, TV, Web, and other media. For example, this can help to plan rational advertising, rather than making generalized campaigns that may be more expensive and less effective. Moreover, it is often useful for embassies to collect mentions in local news media concerning the country of origin and return them to their central government. These are all examples of investigations, typically made by human experts, which NewsStand could dramatically accelerate.

A very impressive idea you faced in the course of your research work14 is the attempt to predict the characteristics of future events, using the information of the recent past and present. Can you tell us more about this topic?

It's a good question. Think about the previous example of the disease propagation: I can try to compute the future pattern of distribution of the epidemic from the recent trend. It is a very general topic: it covers both events which are much discussed in the media but also unexpected events. The applications are obvious, such as for resource planning or to minimize the risks related to natural events which may be catastrophic (for example, predicting where a hurricane will strike). It is a natural direction for future research that can have evident benefits for society.

Will you work in this direction? More generally, how do you choose your research topics? And which is your relationship with companies dealing with such data?

[Smiles] Much of my work depends on whether or not I find students interested to work on a particular topic. This is a general problem of research: you can have a good idea, but then you have to convince others. You can not force anyone to work on something that they do not believe in. As I like to say, you can lead a horse to water but you can not make it drink it. The relationship with companies is not easy. In general they have a short-term vision of what can be done. We do not have much financial support for our students from companies. Also, we must always be aware of the "elephant in the room", the company most famous in the world for what concerns search engines. Most people believe that this company has solved all existing problems related to search and manipulating all data. However, this is not true for all data and topics. There still remain many topics of research and important open problems to be tackled and solved in the next years.

— F. Maggio

Technical Corner

While "classical" realational databases rely on a 2D traditional row and column structure, multidimensional databases result from using a hypercube representation, where each dimension is associated with an object attribute. As an illustration, consider the example below consisting of the ratings of three leading Italian red wines presented using both a relational (Table 1) and a multidimensional database (Figure 1).

//table.RedWines {width:80%; margin-left: auto; margin-right: auto; border-radius: 10px; border-collapse: //collapse; border-spacing:0; box-shadow: 0 2px 10px #666;} table.RedWines {width:80%; margin-left: auto; margin-right: auto; border-collapse: collapse; border-spacing:0; box-shadow: 0 2px 10px #666;} table.RedWines th {background-color: #756F52; color:white; text-align:center; border-bottom: 1px solid #999;} //table.RedWines th:first-child {border-radius: 10px 0 0 0;} //table.RedWines th:last-child {border-radius: 0 10px 0 0;} //table.RedWines tr:last-child td:first-child {border-radius: 0 0 0 10px;} //table.RedWines tr:last-child td:last-child {border-radius: 0 0 10px 0;} table.RedWines tr:last-child td {border-bottom: none;} table.RedWines thead tr th {background-image: linear-gradient(top, #f7f7f7 0%, #d4d4d4 100%);;} table.RedWines td {background-color:white; text-align:center; border-right: 1px solid #999; border-bottom: 1px solid #999; color: black;} table.RedWines td:last-child {border-right: none;} table.RedWines td.footnotes {background-color:white; font-size: 80%; text-align: left; border 0px none important!; height: 20px; padding: 0 0 0 5px;} Table 1. Scores of three leading Italian red wines using a relational database id wine producer year Aa Bb Cc Dd total 11 I Sodi di San Nicolò Castellare di Castellina 2006 99 85 93 90 367 14 Turriga Argiolas 2006 95 85 95 90 365 21 Barolo Cannubi Boschis Luciano Sandrone 2006 95 90 93 85 363 a Gambero rosso, http://www.gamberorosso.it/vini
b L'Espresso, http://goo.gl/UYOQCI
c Veronelli, http://www.seminarioveronelli.com
d Luca Maroni, http://lucamaroni.com

Let us now suppose that we want to add more data to our red wine database, say the ratings of these wines for the years 2007 and 2008. In the case of a relational database, a simple way to do this is to add 3 new rows to Table 1 for each of the two additional years. Alternatively, we can represent the same information using the multidimensional database shown in Figure 1:

Figure 1. The multidimensional database corresponding to the relational database of Table 1 (with the addition of 2007 and 2008 years)
Figure 1. The multidimensional database corresponding to the relational database of Table 1 (with the addition of 2007 and 2008 years)

From now on, we no longer dwell on the difference between relational and multidimensional databases (often refered to as models) as either one or the other model can be used for representing spatial data - the actual object of our interest -, by simply setting the appropriate attributes. For instance, the spatial attributes for a line segment representing a portion of a road or a river, consist of 2 pairs of \((x,y)\) coordinate values15 of their endpoints, resulting in either 4 columns in a table or a point in a 4-dimensional real space. Independently of the model adopted, the representation of spatial data has a well-known problem: indexes commonly used for query and look up in non spatial databases are not well-suited for manipulation and search of spatial datasets. In fact, while traditional indexes do a great job when simple retrieval of data is needed, they have serious drawbacks with spatial queries: one of the most important being that they do not preserve proximity16. For example, consider the situation depicted in Figure 2, where segments \(AB\) and \(CD\) are part of the representation of a river \(R\) and a road \(S\), respectively, and one wants to query if \(S\) is near \(R\) or, even more importantly, if \(S\) crosses \(R\).

Actually, given a simple representation of a segment \(AB\) in terms of the coordinate values of its endpoints, the metric distance in a 4-dimensional space between the segments is clearly an unreliable indicator of the proximity of the two spatial objects. This representation shows a major issue in practical queries with spatial data which is that it only identifies the space spanned by the data objects (e.g., all of the points that make up the line segment), information which is not feasible to provide explicitly. For example, it is not practical for the database to store the names of all of the roads that pass through each point in the underlying space, or equivalently to store the name of every road that crosses every river.

Figure 2. The proximity violation for a pair of segments represented by the coordinate values of the two endpoints
Figure 2. The proximity violation for a pair of segments represented by the coordinate values of the two endpoints

Such considerations motivated researchers to introduce new index types, complying with proximity preservation, and often based on suitable mathematical structures like trees to speed up access to the underlying data. The obvious idea is to separate the non-spatial components, which can be handled in a standard way, from the spatial components which deserve special indexing treatment. A comprehensive introduction and analysis of the different spatial index types may be found in the previously mentioned book of Hanan Samet. Here we limit ourselves to summarizing the main features of the most important families of such methods, without going into too much detail. The basic idea is to decompose the space to which the data belong into regions called buckets. There are several ways to do that.

The reference in the title is so celebrated that we need add no further details. Instead, we take the chance to remember a former colleague and friend who left us a few days ago. This focus is a homage to Gianfranco Frau (Cagliari 1974, Cagliari 2015).


  1. Actually a relational database may consist of multiple linked tables which, along with a suitable manipulation system (RDBMS), should comply with strictly defined rules, described in Codd EF, A relational model of data for large shared data banks, Communications of the ACM, 13, 6:377-387, 1970 and subsequent technical papers. We do not linger over this topic 

  2. The latter are based on hypercube representation, where all similar information is grouped along the same axis, making search operations easier. See the Technical Corner for more details. The multidimensional model better reflects the intrinsic structure of a dataset: the relationships between the various data are more obvious and the operations of manipulation of the objects are in general more performing, see for example Collins J, An assessment of multi-dimensional databases and their use, http://goo.gl/Bf1Ze0, 2003 

  3. Oliver AC, Which freaking database should I use?, InfoWorld, http://goo.gl/YYRRJQ, 2012 

  4. Sotnikov D, Don’t write off relational databases for big data just yet, ReadWrite, http://goo.gl/1sw95, 2013 

  5. For an example of a spatial database and the operations that it can support, see Samet H, Alborzi H, Brabec F, Esperança C, Hjaltason GR, Morgan F, and Tanin E, Use of the SAND spatial browser for digital government applications, Communications of the ACM, 46(1):63-66, 2003 

  6. Other consumer electronics products are moving in this direction; see, for example, the geotagging feature of the latest cameras 

  7. By H. Samet, Morgan Kauffman Publishers, 2006, http://goo.gl/Oh2rkS 

  8. http://goo.gl/XEviOQ 

  9. The interview was conducted on 22/07/2015 by myself and Andrea Mameli at the Is Molas Hotel in Pula, whom we thank for hosting us. We also wish to thank Hanan for the effort he has devoted to improving this focus, including the English style and grammar. 

  10. http://goo.gl/ScxIJN 

  11. http://diva-itn.ifi.uzh.ch/ 

  12. It is important to stress the difference between multidimensional databases (as opposed to relational ones, see the Technical Corner) and multidimensional data

  13. http://newsstand.umiacs.umd.edu/web/. Also see the article Samet H, Sankaranarayanan J, Lieberman MD, Adelfio MD, Fruin BC, Lotkowski JM, Panozzo D, Sperling J and Teitler BE, Reading news with maps by exploiting spatial synonyms, Communications of the ACM, 57(10):64-77, 2014 found at http://tinyurl.com/newsstand-cacm as well as the accompanying video at http://vimeo.com/106352925 

  14. Ho S, Lieberman M, Wang P and Samet H, Mining future spatiotemporal events and their sentiment from online news articles for location-aware recommendation system, Proceedings 1st ACM MobiGIS, 2012, 25-32 

  15. We assume a flat Earth approximation 

  16. Samet H, A sorting approach to indexing spatial data, International Journal on Shape Modeling, 14(1):15-37, 2008 

  17. Samet H, Sorting in space: multidimensional, spatial, and metric data structures for computer graphics applications, in ACM SIGGRAPH 2008 classes, 2008, ACM New York, 90, 1-106 

  18. Aref WG, Samet H, Efficient processing of window queries in the pyramid data structure, in Proceedings of the 9th ACM SIGACT-SIGMOD-SIGART Symposium on Principles of Database Systems (PODS), Nashville, TN, 1990, 265-272 

  19. See http://donar.umiacs.umd.edu/quadtree/index.html 

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}