#container { width: 960px; margin: 0 auto; position: relative; border-top: 3px solid #79BA5C; } #main { padding: 15px; background: #FFFFFF; } #main-fullwidth { padding: 15px; background: #FFFFFF; } #content { overflow: hidden; float: left; width: 615px; } #sidebar-primary { overflow: hidden; float: left; width: 300px; margin-left: 15px; } #sidebar-primary ul li { margin-bottom: 0.5em; } /* Some General Formattings ----------- */ h4 { border-bottom: 1px solid #bbb; padding-bottom: 0.2em; } h4.more+div { display: none; } h4.more { border-bottom: 1px solid #555; padding-bottom: 0.5em; background-position: right center; background-repeat: no-repeat; cursor: pointer; } h4.more.opened { background-image: url(../img/iconminus.png); } h4.more.closed { background-image: url(../img/iconplus.png); } @media only screen and (max-width: 800px) { #logocnr, a#arearis, #search, #lang_sel_list, #fontsize, .videohp, .widget-container #widget-easy-twitter-feed-widget-kamn-2, .widget-container #text-2, #sidebar-primary /* #tabs */ { display: none; } .home #sidebar-primary { display: block; } div#hpzone div, div#hpcol1, div#hpcol2, div#hpcol3 { width: 100%; } div#menu-primary-mobile { display: block; } div#menu-primary-mobile #click-menu { } div.menu-secondary-container { display: none; } #container, #footer-container { width: 100%; } #main, #main-fullwidth, #header, #footer-widgets, #footer { padding-left: 10px; padding-right: 10px; } #main, #main-fullwidth { background-image: none; } #header { height: 100%; padding-top: 10px; padding-bottom: 10px; } .logo, .header-right { float: none; text-align: center; padding-left: 0; padding-right: 0; margin-left: 0; margin-right: 0; } .header-right { padding-top: 10px; } #search { float: none; width: 90%; margin: 20px auto; clear: both; } #search input { margin-top: 20px; margin-bottom: 20px; } #header #topsearch { margin-left: 0; margin-right: 0; width: 100%; } #top-social-profiles { float: none; width: 100%; display: block; text-align: center; } #content, #sidebar-secondary { width: 100%; float: none; padding: 0; margin: 0; display: block; } #sidebar-primary { width: 100%; float: none; padding: 0; margin: 0; } .menu-primary-container, .menu-secondary-container { float: none; margin-left: 0; margin-right: 0; display: block; } .fp-slider, #fb-root { display: none; } .post-box { width: 100%; height: 100%; float: none; overflow: hidden; margin: 0; padding: 0; } #footer-widgets-container #footer-widgets { width: inherit; } .footer-widget-box { width: 100%; float: none; margin: 0; padding: 0; } #copyrights, #credits { display: block; float: none; text-align: center; } #footer-container #copyrights, #footer-container #credits { padding: 5px 0; } #footer-container #footer { width: auto; padding-left: 10px; padding-right: 10px; } div.videohp:nth-child(odd) { clear: left; } div.videohp h2 { min-height: 3em; } div#homepagevideo h2.title, div#hpzonelicenza { clear: left; } div#hpzone div:last-child { float: left; margin-left: 5px; } #personaletable div.personalecell { width: 96%; } img.wp-image-297 { display: none; } div#grafico-tipoprogetto { display: none; } .single-project #sidebar-primary, .single-focus #sidebar-primary, .single-product #sidebar-primary, .single-outreach #sidebar-primary { display: block; } div.col-md-3 { width: 100%; line-height: normal !important; padding: 5px; } #logodesktop, #logocnr { display: none; } .logo img { margin-left: 0px; } #logomobile { display: block; } } @media only screen and (max-width: 480px) { .menu-secondary-responsive-container { display: none; margin: 20px auto; } .menu-primary-container, .menu-secondary-container { display: none; } #header .menu-primary-responsive-container, #header .menu-primary-responsive-container { margin-left: 0; margin-right: 0; width: 100%; } div.videohp { max-width: 90%; } div#hpcol1, div#hpcol2, div#hpcol3 { width: 90%; float: left; } } /* Convegni */ .single-conference #content { } div#proceedings { border: 2px solid #79BA5C; padding: 10px; } .conference { line-height: 1.5em; } .conference #descrizione table td { vertical-align: middle; } .single-conference #sidebar-primary h4 { font-weight: bold; padding-bottom: 0.5em; border-bottom: 1px solid #555; } #publicationfilter { margin-bottom: 1em; } #p_tipo { max-width: 50%; } #p_sede { max-width: 20%; margin-right: 0; } #p_anno { max-width: 15%; } #p_anno, #p_tipo, #p_sede { border: 1px solid #d8d8d8; border-radius: 0; padding: 4px 10px; margin-right: 6px; } #p_submit { color: #79ba5c; background: #E4E4E4 url(images/readmore-bg.png) left top repeat-x; padding: 8px 14px; font-size: 12px; font-size: 1.2rem; line-height: 12px; line-height: 1.2rem; display: inline-block; text-decoration: none; text-transform: uppercase; border: 1px solid #E5E1E1; float: right; } #p_submit:hover { color: #fff; background: #88d167 url(images/readmore-bg.png) left -126px repeat-x; text-decoration: none; border: 1px solid #79ba5c; } form#form_convegni fieldset { margin-bottom: 1em; } form#form_convegni input[type="text"] { padding: 6px; width: 60%; margin-bottom: 20px; border: 1px solid #ccc; } form#form_convegni input[type=submit] { padding: 5px 50px; border: 1px solid #ccc; background: #eee; color: #79ba5c; background: #E4E4E4 url(images/readmore-bg.png) left top repeat-x; padding: 8px 14px; font-size: 12px; font-size: 1.2rem; line-height: 12px; line-height: 1.2rem; text-decoration: none; text-transform: uppercase; border: 1px solid #E5E1E1; } form#form_convegni input[type=submit]:hover { color: #fff; background: #88d167 url(images/readmore-bg.png) left -126px repeat-x; text-decoration: none; border: 1px solid #79ba5c; } @media only screen and (max-width: 800px) { #p_tipo { max-width: 40%; } } @media only screen and (max-width: 600px) { #p_tipo { max-width: 30%; } #p_submit { float: none; } }