/*
Theme Name: Public Press
Theme URI: http://vocidicorridoio.sacrocuoretdm.it
Author: Andrea Maccioni
Description: Public Press — home a blocchi PHP (hero sticky, griglie, newsletter), mockup lavanda/blu, footer allineato, Open Sans, barra avvisi e header sticky rifiniti. Tema tipologia “testata” per Voci di Corridoio e siti simili.
Version: 2.2.28
Text Domain: public-press
*/
/**
* Table of Contents
*
* 1.0 - Normalize
* 2.0 - Genericons
* 3.0 - Typography
* 4.0 - Elements
* 5.0 - Forms
* 6.0 - Navigation
* 6.1 - Links
* 6.2 - Menus
* 7.0 - Accessibility
* 8.0 - Alignments
* 9.0 - Clearings
* 10.0 - Widgets
* 11.0 - Content
* 11.1 - Header
* 11.2 - Posts and pages
* 11.3 - Post Formats
* 11.4 - Comments
* 11.5 - Sidebar
* 11.6 - Footer
* 12.0 - Media
* 12.1 - Captions
* 12.2 - Galleries
* 13.0 - Multisite
* 14.0 - Media Queries
* 14.1 - >= 710px
* 14.2 - >= 783px
* 14.3 - >= 910px
* 14.4 - >= 985px
* 14.5 - >= 1200px
* 15.0 - Print
*/
/**
* 1.0 - Normalize
*
* Normalizing styles have been helped along thanks to the fine work of
* Nicolas Gallagher and Jonathan Neal http://necolas.github.com/normalize.css/
*/
/*
FONTS:
font-family: 'Open Sans', sans-serif;
*/
html {
font-family: 'Open Sans', sans-serif;
-webkit-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
scrollbar-gutter: stable;
}
body {
margin: 0;
}
:root{
--public-press-after-header-gap: 1rem;
}
/*
* Barra amministrazione WP: margine su html (come il core).
* WP aggiunge la classe admin-bar al body, non a html — usiamo :has() così il bump funziona sempre.
* `html.admin-bar` resta come fallback se un filtro aggiunge la classe anche a .
*/
html:has(body.admin-bar),
html.admin-bar {
margin-top: 32px !important;
scroll-padding-top: 32px;
}
@media screen and (max-width: 782px) {
html:has(body.admin-bar),
html.admin-bar {
margin-top: 46px !important;
scroll-padding-top: 46px;
}
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
menu,
nav,
section,
summary {
display: block;
}
audio,
canvas,
progress,
video {
display: inline-block;
vertical-align: baseline;
}
audio:not([controls]) {
display: none;
height: 0;
}
[hidden],
template {
display: none;
}
a {
background-color: transparent;
}
abbr[title] {
border-bottom: 1px dotted;
}
b,
strong {
font-weight: 900;
}
small {
font-size: 80%;
}
sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}
sup {
top: -0.5em;
}
sub {
bottom: -0.25em;
}
img {
border: 0;
}
svg:not(:root) {
overflow: hidden;
}
figure {
margin: 0;
}
hr {
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
box-sizing: content-box;
}
code,
kbd,
pre,
samp {
font-size: 1em;
}
button,
input,
optgroup,
select,
textarea {
color: inherit;
font: inherit;
margin: 0;
}
select {
text-transform: none;
}
button {
overflow: visible;
}
button,
input,
select,
textarea {
max-width: 100%;
}
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
-webkit-appearance: button;
cursor: pointer;
}
button[disabled],
html input[disabled] {
cursor: default;
opacity: .5;
}
button::-moz-focus-inner,
input::-moz-focus-inner {
border: 0;
padding: 0;
}
input[type="checkbox"],
input[type="radio"] {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
margin-right: 0.4375em;
padding: 0;
}
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
height: auto;
}
input[type="search"] {
-webkit-appearance: textfield;
}
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
-webkit-appearance: none;
}
fieldset {
border: 1px solid #d1d1d1;
margin: 0 0 1.75em;
min-width: inherit;
padding: 0.875em;
}
fieldset > :last-child {
margin-bottom: 0;
}
legend {
border: 0;
padding: 0;
}
textarea {
overflow: auto;
vertical-align: top;
}
optgroup {
font-weight: bold;
}
.home-lnk, .home-lnk > a, .home-lnk > a:before{
color: #002372;
}
.scuola, .scuola > a, .scuola > a:before{
color: #F2790F;
}
.economia-politica, .economia-politica > a, .economia-politica > a:before{
color: #007632;
}
.lettura-poesie, .lettura-poesie > a, .lettura-poesie > a:before{
color: #030E93;
}
.viaggi, .viaggi > a, .viaggi > a:before{
color: #66B42D;
}
.arte-moda, .arte-moda > a, .arte-moda > a:before{
color: #AA0531;
}
.scienza-tech, .scienza-tech > a, .scienza-tech > a:before{
color: #3FBF48;
}
.sport, .sport > a, .sport > a:before{
color: #6F06DB;
}
/* not yeet used
.salute, .salute > a, .salute > a:before{
color:#007193;
}
.meteo, .meteo > a, .meteo > a:before{
color: #58d5d7;
}
.scienza-e-tecnologia, .scienza-e-tecnologia > a, .scienza-e-tecnologia > a:before{
color: #572759;
}*/
.intrattenimento, .intrattenimento > a, .intrattenimento > a:before{
color:#4E98D9;
}
.category.scuola:before, .loop-scuola h2.title, .bgClr.scuola{
border-color: #F2790F;
}
.category.economia-politica:before, .loop-economia-politica h2.title, .bgClr.economia-politica{
border-color: #007632;
}
.category.lettura-poesie:before, .loop-lettura-poesie h2.title, .bgClr.lettura-poesie{
border-color: #030E93;
}
.category.sport:before, .loop-sport h2.title, .bgClr.sport{
border-color: #6F06DB;
}
.category.viaggi:before, .loop-viaggi h2.title, .bgClr.viaggi{
border-color: #66B42D;
}
.category.arte-moda:before, .loop-arte-moda h2.title, .bgClr.arte-moda{
border-color: #AA0531;
}
.category.scienza-tech:before, .loop-scienza-tech h2.title, .bgClr.scienza-tech{
border-color: #3FBF48;
}
.category.salute:before, .loop-salute h2.title, .bgClr.salute{
border-color:#007193;
}
.category.meteo:before, .loop-meteo h2.title, .bgClr.meteo{
border-color: #58d5d7;
}
.category.scienza-e-tecnologia:before, .loop-scienza-e-tecnologia h2.title, .bgClr.scienza-e-tecnologia{
border-color: #572759;
}
.category.intrattenimento:before, .loop-intrattenimento h2.title, .bgClr.intrattenimento{
border-color:#4E98D9;
}
/*
.loop-scuola h2.title > a, .bg.scuola, .pagination.scuola a:hover{
background-color: #2A9D81;
}
.loop-economia-politica h2.title > a, .bg.economia-politica, .pagination.economia-politica a:hover{
background-color: #007632;
}
.loop-lettura-poesie h2.title > a, .bg.lettura-poesie, .pagination.lettura-poesie a:hover{
background-color: #007193;
}
.loop-sport h2.title > a, .bg.sport, .pagination.sport a:hover{
background-color: #6F06DB;
}
.loop-viaggi h2.title > a, .bg.viaggi, .pagination.viaggi a:hover{
background-color: #66B42D;
}
.loop-arte-moda h2.title > a, .bg.arte-moda, .pagination.arte-moda a:hover{
background-color: #E30613;
}
.loop-scienza-tech h2.title > a, .bg.scienza-tech, .pagination.scienza-tech a:hover{
background-color: #3FBF48;
}
.loop-salute h2.title > a, .bg.salute, .pagination .salute:hover{
background-color:#007193;
}
.loop-meteo h2.title > a, .bg.meteo, .pagination.meteo a:hover{
background-color: #58d5d7;
}
.loop-scienza-e-tecnologia h2.title > a, .bg.scienza-e-tecnologia, .pagination.scienza-e-tecnologia a:hover{
background-color: #572759;
}
.loop-intrattenimento h2.title > a, .bg.intrattenimento, .pagination.intrattenimento a:hover{
background-color:#cb275a;
}*/
/**
* 2.0 - Genericons
*/
.social i:after,
.menu-item-has-children a:after,
.social-navigation a:before,
.dropdown-toggle:after,
.bypostauthor > article .fn:after,
.comment-reply-title small a:before,
.pagination .prev:before,
.pagination .next:before,
.pagination .nav-links:before,
.pagination .nav-links:after,
.search-submit:before {
-moz-osx-font-smoothing: grayscale;
-webkit-font-smoothing: antialiased;
display: inline-block;
font-family: "Genericons";
font-size: 16px;
font-style: normal;
font-variant: normal;
font-weight: normal;
line-height: 1;
speak: none;
text-align: center;
text-decoration: inherit;
text-transform: none;
vertical-align: top;
}
/**
* 3.0 - Typography
*/
body,
button,
input,
select,
textarea {
color: #1a1a1a;
font-size: 16px;
font-size: 1rem;
line-height: 1.75;
}
h1,
h2,
h3,
h4,
h5,
h6 {
clear: both;
font-weight: 700;
margin: 0;
text-rendering: optimizeLegibility;
font-family: 'Open Sans', sans-serif;
}
p {
margin: 0 0 1.75em;
}
dfn,
cite,
em,
i {
font-style: italic;
}
blockquote {
border: 0 solid #1a1a1a;
border-left-width: 4px;
color: #686868;
font-size: 19px;
font-size: 1.1875rem;
font-style: italic;
line-height: 1.4736842105;
margin: 0 0 1.4736842105em;
padding: 0 0 0 1.263157895em;
}
blockquote,
q {
quotes: none;
}
blockquote:before,
blockquote:after,
q:before,
q:after {
content: "";
}
blockquote p {
margin-bottom: 1.4736842105em;
}
blockquote cite,
blockquote small {
color: #1a1a1a;
display: block;
font-size: 16px;
font-size: 1rem;
line-height: 1.75;
}
blockquote cite:before,
blockquote small:before {
content: "\2014\00a0";
}
blockquote em,
blockquote i,
blockquote cite {
font-style: normal;
}
blockquote strong,
blockquote b {
font-weight: 700;
}
blockquote > :last-child {
margin-bottom: 0;
}
address {
font-style: italic;
margin: 0 0 1.75em;
}
code,
kbd,
tt,
var,
samp,
pre {
font-family: 'Open Sans', sans-serif;
}
pre {
border: 1px solid #d1d1d1;
font-size: 16px;
font-size: 1rem;
line-height: 1.3125;
margin: 0 0 1.75em;
max-width: 100%;
overflow: auto;
padding: 1.75em;
white-space: pre;
white-space: pre-wrap;
word-wrap: break-word;
}
code {
background-color: #d1d1d1;
padding: 0.125em 0.25em;
}
abbr,
acronym {
border-bottom: 1px dotted #d1d1d1;
cursor: help;
}
big {
font-size: 125%;
}
/**
* 4.0 - Elements
*/
html {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
*,
*:before,
*:after {
/* Inherit box-sizing to make it easier to change the property for components that leverage other behavior; see http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */
-webkit-box-sizing: inherit;
-moz-box-sizing: inherit;
box-sizing: inherit;
}
body {
background: #fff;
/* Fallback for when there is no custom background color defined. */
}
hr {
background-color: #d1d1d1;
border: 0;
height: 1px;
margin: 0 0 1.75em;
}
ul,
ol {
margin: 0 0 1.75em 1.25em;
padding: 0;
}
ul {
list-style: disc;
}
ol {
list-style: decimal;
margin-left: 1.5em;
}
li > ul,
li > ol {
margin-bottom: 0;
}
dl {
margin: 0 0 1.75em;
}
dt {
font-weight: 700;
}
dd {
margin: 0 0 1.75em;
}
img {
height: auto;
/* Make sure images are scaled correctly. */
max-width: 100%;
/* Adhere to container width. */
vertical-align: middle;
}
del {
opacity: 0.8;
}
table,
th,
td {
border: 1px solid #d1d1d1;
}
table {
border-collapse: separate;
border-spacing: 0;
border-width: 1px 0 0 1px;
margin: 0 0 1.75em;
table-layout: fixed;
/* Prevents HTML tables from becoming too wide */
width: 100%;
}
caption,
th,
td {
font-weight: normal;
text-align: left;
}
th {
border-width: 0 1px 1px 0;
font-weight: 700;
}
td {
border-width: 0 1px 1px 0;
}
th,
td {
padding: 0.4375em;
}
/* Placeholder text color -- selectors need to be separate to work. */
::-webkit-input-placeholder {
color: #686868;
}
:-moz-placeholder {
color: #686868;
}
::-moz-placeholder {
color: #686868;
opacity: 1;
/* Since FF19 lowers the opacity of the placeholder by default */
}
:-ms-input-placeholder {
color: #686868;
}
/**
* 5.0 - Forms
*/
input {
line-height: normal;
}
button,
button[disabled]:hover,
button[disabled]:focus,
input[type="button"],
input[type="button"][disabled]:hover,
input[type="button"][disabled]:focus,
input[type="reset"],
input[type="reset"][disabled]:hover,
input[type="reset"][disabled]:focus,
input[type="submit"],
input[type="submit"][disabled]:hover,
input[type="submit"][disabled]:focus {
background: #1a1a1a;
border: 0;
border-radius: 2px;
color: #fff;
font-weight: 700;
letter-spacing: 0.046875em;
line-height: 1;
padding: 0.84375em 0.875em 0.78125em;
text-transform: uppercase;
}
button:hover,
button:focus,
input[type="button"]:hover,
input[type="button"]:focus,
input[type="reset"]:hover,
input[type="reset"]:focus,
input[type="submit"]:hover,
input[type="submit"]:focus {
background: #007acc;
}
button:focus,
input[type="button"]:focus,
input[type="reset"]:focus,
input[type="submit"]:focus {
outline: thin dotted;
outline-offset: -4px;
}
input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="tel"],
input[type="number"],
textarea {
background: #f7f7f7;
background-image: -webkit-linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0));
border: 1px solid #d1d1d1;
border-radius: 2px;
color: #686868;
padding: 1em 1.4375em;
width: 100%;
}
input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="number"]:focus,
textarea:focus {
background-color: #fff;
border-color: #007acc;
color: #1a1a1a;
outline: 0;
}
.post-password-form {
margin-bottom: 1.75em;
}
.post-password-form label {
color: #686868;
display: block;
font-size: 13px;
font-size: 0.8125rem;
letter-spacing: 0.076923077em;
line-height: 1.6153846154;
margin-bottom: 1.75em;
text-transform: uppercase;
}
.post-password-form input[type="password"] {
margin-top: 0.4375em;
}
.post-password-form > :last-child {
margin-bottom: 0;
}
.search-form {
position: relative;
text-align: right;
max-width:250px;
width: 100%;
float:right;
}
input[type="search"].search-field {
border-radius: 2px 0 0 2px;
width: -webkit-calc(100% - 56px);
width: calc(100% - 56px);
background: #e2e2e2;
border: 0;
font-size: 13px;
font-size: .8rem;
}
.search-submit:before {
content: '';
height: 28px;
width: 28px;
background: url('images/sprite_v2.png') no-repeat;
background-position: 0 0;
}
.search-submit {
border-radius: 0 2px 2px 0;
bottom: 0;
overflow: hidden;
padding: 0;
position: absolute;
left: 0;
background:none;
top: 0;
width: 42px;
}
.page-content .search-form{
float:none;
max-width:300px;
}
/**
* 6.0 - Navigation
*/
/**
* 6.1 - Links
*/
a {
color: #007acc;
text-decoration: none;
}
a:hover,
a:focus,
a:active {
color: #002372;
}
h2 a:hover,
h2 a:focus,
h2 a:active {
color: #58585a;
}
a:focus {
outline: thin dotted;
}
a:hover,
a:active {
outline: 0;
}
/**
* 6.2 - Menus
*/
.site-header-menu {
-webkit-flex: 0 1 100%;
-ms-flex: 0 1 100%;
flex: 0 1 100%;
margin: 0.875em 0;
}
.site-footer .main-navigation {
margin-bottom: 1.75em;
}
.main-navigation ul {
list-style: none;
margin: 0;
text-align: center;
}
.main-navigation li {
border-top: 1px solid #d1d1d1;
position: relative;
}
.main-navigation a {
color: #1a1a1a;
display: block;
line-height: 1.3125;
outline-offset: -1px;
padding: 0.84375em 0;
font-family: 'Open Sans', sans-serif;
}
.main-navigation a:hover,
.main-navigation a:focus {
color: #002372;
}
.main-navigation .current-menu-item > a,
.main-navigation .current-menu-ancestor > a {
font-weight: 700;
}
.main-navigation ul ul {
display: none;
margin-left: 0.875em;
}
.no-js .main-navigation ul ul {
display: block;
}
.main-navigation ul .toggled-on {
display: block;
}
.main-navigation .primary-menu {
border-bottom: 1px solid #d1d1d1;
}
.main-navigation .menu-item-has-children > a {
margin-right: 56px;
}
.dropdown-toggle {
background-color: transparent;
border: 0;
border-radius: 0;
color: #1a1a1a;
content: "";
height: 48px;
padding: 0;
position: absolute;
right: 0;
text-transform: none;
top: 0;
width: 48px;
}
.dropdown-toggle:after {
border: 0 solid #d1d1d1;
border-left-width: 1px;
content: "\f431";
font-size: 24px;
left: 1px;
position: relative;
width: 48px;
}
.dropdown-toggle:hover,
.dropdown-toggle:focus {
background-color: transparent;
color: #007acc;
}
.dropdown-toggle:focus {
outline: thin dotted;
outline-offset: -1px;
}
.dropdown-toggle:focus:after {
border-color: transparent;
}
.dropdown-toggle.toggled-on:after {
content: "\f432";
}
.site-header .main-navigation + .social-navigation {
margin-top: 1.75em;
}
.site-footer .social-navigation {
margin-bottom: 1.75em;
}
.social-navigation ul {
list-style: none;
margin: 0 0 -0.4375em;
}
.social-navigation li {
float: left;
margin: 0 0.4375em 0.4375em 0;
}
.social-navigation a {
border: 1px solid #d1d1d1;
border-radius: 50%;
color: #1a1a1a;
display: block;
height: 35px;
position: relative;
width: 35px;
}
.social-navigation a:before {
content: "\f415";
height: 33px;
line-height: 33px;
text-align: center;
width: 33px;
}
.social-navigation a:hover:before,
.social-navigation a:focus:before {
color: #007acc;
}
.social-navigation a[href*="codepen.io"]:before {
content: "\f216";
}
.social-navigation a[href*="digg.com"]:before {
content: "\f221";
}
.social-navigation a[href*="dribbble.com"]:before {
content: "\f201";
}
.social-navigation a[href*="dropbox.com"]:before {
content: "\f225";
}
.social-navigation a[href*="facebook.com"]:before {
content: "\f203";
}
.social-navigation a[href*="flickr.com"]:before {
content: "\f211";
}
.social-navigation a[href*="foursquare.com"]:before {
content: "\f226";
}
.social-navigation a[href*="plus.google.com"]:before {
content: "\f206";
}
.social-navigation a[href*="github.com"]:before {
content: "\f200";
}
.social-navigation a[href*="instagram.com"]:before {
content: "\f215";
}
.social-navigation a[href*="linkedin.com"]:before {
content: "\f208";
}
.social-navigation a[href*="path.com"]:before {
content: "\f219";
}
.social-navigation a[href*="pinterest.com"]:before {
content: "\f210";
}
.social-navigation a[href*="getpocket.com"]:before {
content: "\f224";
}
.social-navigation a[href*="polldaddy.com"]:before {
content: "\f217";
}
.social-navigation a[href*="reddit.com"]:before {
content: "\f222";
}
.social-navigation a[href*="skype.com"]:before {
content: "\f220";
}
.social-navigation a[href*="stumbleupon.com"]:before {
content: "\f223";
}
.social-navigation a[href*="tumblr.com"]:before {
content: "\f214";
}
.social-navigation a[href*="twitter.com"]:before {
content: "\f202";
}
.social-navigation a[href*="vimeo.com"]:before {
content: "\f212";
}
.social-navigation a[href*="wordpress.com"]:before,
.social-navigation a[href*="wordpress.org"]:before {
content: "\f205";
}
.social-navigation a[href*="youtube.com"]:before {
content: "\f213";
}
.social-navigation a[href^="mailto:"]:before {
content: "\f410";
}
.social-navigation a[href*="spotify.com"]:before {
content: "\f515";
}
.social-navigation a[href*="twitch.tv"]:before {
content: "\f516";
}
.social-navigation a[href$="/feed/"]:before {
content: "\f413";
}
.main-navigation .primary-menu > li {
display: inline;
}
.main-navigation .primary-menu > li > a:before {
content: '';
position: absolute;
left:0;
top: 10%;
height: 80%;
border-left: 3px solid;
}
#menu-footer_menu a {
font-size: 13px;
}
#menu-footer_menu a:before {
content:none;
}
.post-navigation {
border-top: 4px solid #1a1a1a;
border-bottom: 4px solid #1a1a1a;
clear: both;
margin: 0 7.6923% 3.5em;
}
.post-navigation a {
color: #1a1a1a;
display: block;
padding: 1.75em 0;
}
.post-navigation span {
display: block;
}
.post-navigation .meta-nav {
color: #686868;
font-size: 13px;
font-size: 0.8125rem;
letter-spacing: 0.076923077em;
line-height: 1.6153846154;
margin-bottom: 0.5384615385em;
text-transform: uppercase;
}
.post-navigation .post-title {
display: inline;
font-size: 23px;
font-size: 1.4375rem;
font-weight: 700;
line-height: 1.2173913043;
text-rendering: optimizeLegibility;
}
.post-navigation a:hover .post-title,
.post-navigation a:focus .post-title {
color: #007acc;
}
.post-navigation div + div {
border-top: 4px solid #1a1a1a;
}
.pagination {
border-top: 4px solid #58585a;
font-size: 19px;
font-size: 1.1875rem;
margin: 0 7.6923% 2.947368421em;
min-height: 56px;
position: relative;
}
.pagination:before,
.pagination:after {
background-color: #58585a;
content: "";
height: 52px;
position: absolute;
top:0;
width: 52px;
z-index: 0;
}
.pagination:before {
right: 0;
}
.pagination:after {
right: 54px;
}
.pagination a:hover,
.pagination a:focus {
color: #1a1a1a;
}
.pagination .nav-links {
padding-right: 106px;
position: relative;
}
.pagination .nav-links:before,
.pagination .nav-links:after {
color: #fff;
font-size: 32px;
line-height: 51px;
opacity: 0.3;
position: absolute;
width: 52px;
z-index: 1;
}
.pagination .nav-links:before {
content: "\f429";
right: -1px;
}
.pagination .nav-links:after {
content: "\f430";
right: 55px;
}
/* reset screen-reader-text */
.pagination .current .screen-reader-text {
position: static !important;
}
.pagination .prev:before, .pagination .next:before{
color: #fff;
}
.pagination .page-numbers {
display: none;
letter-spacing: 0.013157895em;
line-height: 1;
margin: 0 0.31em 0 0;
padding: 0.8157894737em 0.7368421053em 0.3947368421em;
text-transform: uppercase;
}
.pagination .current {
display: inline-block;
font-weight: 700;
}
.pagination a{
color: #002372;
}
.pagination a:hover{
background: #002372;
color: #fff;
}
.pagination .prev,
.pagination .next {
background-color: #58585a;
color: #fff;
display: inline-block;
height: 52px;
margin: 0;
overflow: hidden;
padding: 0;
position: absolute;
top: 0;
width: 52px;
z-index: 2;
}
.pagination .prev:before,
.pagination .next:before {
font-size: 32px;
height: 53px;
line-height: 52px;
position: relative;
width: 53px;
}
.pagination .prev:hover,
.pagination .prev:focus,
.pagination .next:hover,
.pagination .next:focus {
background-color: #002372;
color: #fff;
}
.pagination .prev:focus,
.pagination .next:focus {
outline: 0;
}
.pagination .prev {
right: 54px;
}
.pagination .prev:before {
content: "\f430";
left: -1px;
top: -1px;
}
.pagination .next {
right: 0;
}
.pagination .next:before {
content: "\f429";
right: -1px;
top: -1px;
}
.image-navigation,
.comment-navigation {
border-top: 1px solid #d1d1d1;
border-bottom: 1px solid #d1d1d1;
color: #686868;
font-size: 13px;
font-size: 0.8125rem;
line-height: 1.6153846154;
margin: 0 7.6923% 2.1538461538em;
padding: 1.0769230769em 0;
}
.comment-navigation {
margin-right: 0;
margin-left: 0;
}
.comments-title + .comment-navigation {
border-bottom: 0;
margin-bottom: 0;
}
.image-navigation .nav-previous:not(:empty),
.image-navigation .nav-next:not(:empty),
.comment-navigation .nav-previous:not(:empty),
.comment-navigation .nav-next:not(:empty) {
display: inline-block;
}
.image-navigation .nav-previous:not(:empty) + .nav-next:not(:empty):before,
.comment-navigation .nav-previous:not(:empty) + .nav-next:not(:empty):before {
content: "\002f";
display: inline-block;
opacity: 0.7;
padding: 0 0.538461538em;
}
/**
* 7.0 - Accessibility
*/
/* Text meant only for screen readers */
.says,
.screen-reader-text {
clip: rect(1px, 1px, 1px, 1px);
height: 1px;
overflow: hidden;
position: absolute !important;
width: 1px;
/* many screen reader and browser combinations announce broken words as they would appear visually */
word-wrap: normal !important;
}
/* must have higher specificity than alternative color schemes inline styles */
.site .skip-link {
background-color: #f1f1f1;
box-shadow: 0 0 1px 1px rgba(0, 0, 0, 0.2);
color: #21759b;
display: block;
font-size: 14px;
font-weight: 700;
left: -9999em;
outline: none;
padding: 15px 23px 14px;
text-decoration: none;
text-transform: none;
top: -9999em;
}
.logged-in .site .skip-link {
box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.2);
}
.site .skip-link:focus {
clip: auto;
height: auto;
left: 6px;
top: 7px;
width: auto;
z-index: 100000;
}
/**
* 8.0 - Alignments
*/
.alignleft {
float: left;
margin: 0.375em 1.75em 1.75em 0;
}
.alignright {
float: right;
margin: 0.375em 0 1.75em 1.75em;
}
.aligncenter {
clear: both;
display: block;
margin: 0 auto 1.75em;
}
blockquote.alignleft {
margin: 0.3157894737em 1.4736842105em 1.473684211em 0;
}
blockquote.alignright {
margin: 0.3157894737em 0 1.473684211em 1.4736842105em;
}
blockquote.aligncenter {
margin-bottom: 1.473684211em;
}
/**
* 9.0 - Clearings
*/
.entry-content > .item{
float:none;
}
.clear:before,
.clear:after,
blockquote:before,
blockquote:after,
.entry-content:before,
.entry-content:after,
.entry-summary:before,
.entry-summary:after,
.comment-content:before,
.comment-content:after,
.site-content:before,
.site-content:after,
.site-main > article:before,
.site-main > article:after,
.primary-menu:before,
.primary-menu:after,
.social-links-menu:before,
.social-links-menu:after,
.textwidget:before,
.textwidget:after,
.content-bottom-widgets:before,
.content-bottom-widgets:after {
content: "";
display: table;
}
.clear:after,
blockquote:after,
.entry-content:after,
.entry-summary:after,
.comment-content:after,
.site-content:after,
.site-main > article:after,
.primary-menu:after,
.social-links-menu:after,
.textwidget:after,
.content-bottom-widgets:after {
clear: both;
}
/**
* 10.0 - Widgets
*/
.widget {
margin-bottom: 3em;
}
.widget:first-child{
margin-top: 1em;
}
.widget-area > :last-child,
.widget > :last-child {
margin-bottom: 0;
}
.widget .widget-title, h2.widget-like {
font-family: 'Open Sans', sans-serif;
font-size: 25.6px;
font-size: 1.6rem;
letter-spacing: 0.046875em;
line-height: 1.3125;
margin: 0 0 1em;
text-transform: uppercase;
text-align: center;
color: #d1c002;
font-weight:400;
}
.widget .widget-title:empty {
margin-bottom: 0;
}
.widget_recent_entries h2.widget-title {
color: #d12c1c;
}
.widget_recent_entries h2.widget-title:after {
content: ':';
}
.widget-title a {
color: #1a1a1a;
}
/* Tag Cloud widget */
.tagcloud a {
border: 1px solid #d1d1d1;
border-radius: 2px;
display: inline-block;
line-height: 1;
margin: 0 0.1875em 0.4375em 0;
padding: 0.5625em 0.4375em 0.5em;
}
.tagcloud a:hover,
.tagcloud a:focus {
border-color: #007acc;
color: #007acc;
outline: 0;
}
/**
* 11.0 - Content
*/
.site {
background-color: #fff;
}
.site-inner {
position: relative;
}
.site-inner > *:not(.skip-link) {
margin: 0 auto;
max-width: 1900px;
width: 100%;
box-sizing: border-box;
}
.site-content {
word-wrap: break-word;
padding: 4em 2%;
max-width: 1600px;
}
/* Do not show the outline on the skip link target. */
#content[tabindex="-1"]:focus {
outline: 0;
}
.site-main {
padding-bottom: 3.5em;
}
.site-main > :last-child {
margin-bottom: 0;
}
/**
* 11.1 - Header
*/
.site-header {
padding: 1.375em 7.6923% 0;
color: #555;
}
.site-header-main {
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
position: relative;
}
.site-branding {
width: 100%;
/* Avoid overflowing wide custom logo in small screens in Firefox and IEs */
max-width: 100%;
min-width: 0;
overflow: hidden;
}
/* Header tema: consentire logo/header image più alti (overflow-y non taglia). */
.public-press-site-header .site-branding {
overflow-x: hidden;
overflow-y: visible;
}
.custom-logo-link {
display: block;
}
.custom-logo {
max-width: 180px;
}
.site-title {
font-size: 23px;
font-size: 1.4375rem;
font-weight: 700;
line-height: 1.2173913043;
margin: 0;
}
.site-branding .site-title a {
color: #1a1a1a;
}
.site-branding .site-title a:hover,
.site-branding .site-title a:focus {
color: #007acc;
}
.wp-custom-logo .site-title {
margin-top: 0.608695652em;
}
.site-description {
color: #686868;
display: none;
font-size: 13px;
font-size: 0.8125rem;
font-weight: 400;
line-height: 1.0769230769;
margin: 0.538461538em 0 0;
}
.menu-toggle {
background-color: transparent;
border: 1px solid #d1d1d1;
color: #57575a;
font-size: 13px;
font-size: 0.8125rem;
margin: 1.076923077em 0;
padding: 0.769230769em;
}
.no-js .menu-toggle {
display: none;
}
#menu-toggle, #menu-close{
position: absolute;
right: 3%;
top: 3%;
}
#menu-close{
top: 15px;
right: 3vw;
display: none;
font-size: 20px;
color: #333;
z-index: 10000001;
}
body.admin-bar #menu-close {
z-index: 99998 !important;
}
#menu-close:after{
content: '\f406';
}
.menu-toggle:hover,
.menu-toggle:focus {
background-color: transparent;
border-color: #007acc;
color: #007acc;
}
.menu-toggle.toggled-on,
.menu-toggle.toggled-on:hover,
.menu-toggle.toggled-on:focus {
background-color: #57575a;
border-color: #57575a;
color: #fff;
}
.menu-toggle:focus {
outline: 0;
}
.menu-toggle.toggled-on:focus {
outline: thin dotted;
}
.header-image {
clear: both;
margin: 0.875em 0;
}
.header-image a {
display: block;
}
.header-image a:hover img,
.header-image a:focus img {
opacity: 0.85;
}
#top-navigation {
position: absolute;
top: 3px;
right: 100px;
font-size: .7em;
text-transform: uppercase;
}
#top-navigation ul{
margin: 0;
}
#top-navigation li{
list-style: none;
display:inline-block;
}
#top-navigation li:before{
display: inline-block;
vertical-align: middle;
content: '|';
}
#top-navigation li:first-child:before{
content: none;
}
#top-navigation a {
padding: 0 .3em;
color: #002372;
display: inline-block;
vertical-align: middle;
}
#top-navigation a:hover {
color: #007acc;
}
/**
* 11.2 - Posts and pages
*/
.site-main > article {
margin-bottom: 3.5em;
position: relative;
clear:both;
}
.page article{
padding-top: 30px;
}
.entry-header,
.entry-summary,
.entry-content,
.entry-footer,
.page-content {
margin-right: 3.6923%;
margin-left: 3.6923%;
}
.entry-title {
font-size: 28px;
font-size: 1.75rem;
font-weight: 700;
line-height: 1.25;
margin-bottom: .3em;/*1em;*/
}
.entry-title a {
color: #1a1a1a;
}
.entry-title a:hover,
.entry-title a:focus {
color: #007acc;
}
.post-thumbnail {
display: block;
margin: 0 7.6923% .75em;/*1.75em;*/
}
.single .post-thumbnail{
clear: both;
margin-top: 25px;
}
.single .entry-content {
text-align: justify;
hyphens: auto;
-ms-hyphens: auto;
-webkit-hyphens: auto;
overflow-wrap: break-word;
}
.single .entry-content pre,
.single .entry-content .wp-block-code {
text-align: start;
}
.post-thumbnail img {
display: block;
margin:0 auto;
}
a.post-thumbnail:hover,
a.post-thumbnail:focus {
opacity: 0.85;
}
.entry-content,
.entry-summary {
border-color: #d1d1d1;
}
.entry-content h1,
.entry-summary h1,
.comment-content h1,
.textwidget h1 {
font-size: 28px;
font-size: 1.75rem;
line-height: 1.25;
margin-top: 2em;
margin-bottom: 1em;
}
#multipage-box-BM{
margin:0;
}
.entry-content h2,
.entry-summary h2,
.comment-content h2,
.textwidget h2,
.entry-content h3,
.entry-summary h3,
.comment-content h3,
.textwidget h3,
.entry-content h4,
.entry-content h5,
.entry-content h6,
.entry-summary h4,
.entry-summary h5,
.entry-summary h6,
.comment-content h4,
.comment-content h5,
.comment-content h6{
font-size: 22px;
line-height: inherit;
margin: 0 0 1em;
}
.textwidget h4,
.textwidget h5,
.textwidget h6 {
font-size: 16px;
font-size: 1rem;
line-height: 1.3125;
margin-top: 3.5em;
margin-bottom: 1.75em;
}
.entry-content h4,
.entry-summary h4,
.comment-content h4,
.textwidget h4 {
letter-spacing: 0.140625em;
text-transform: uppercase;
}
.entry-content h6,
.entry-summary h6,
.comment-content h6,
.textwidget h6 {
font-style: italic;
}
.entry-content h1,
.entry-content h2,
.entry-content h3,
.entry-content h4,
.entry-content h5,
.entry-content h6,
.entry-summary h1,
.entry-summary h2,
.entry-summary h3,
.entry-summary h4,
.entry-summary h5,
.entry-summary h6,
.comment-content h1,
.comment-content h2,
.comment-content h3,
.comment-content h4,
.comment-content h5,
.comment-content h6,
.textwidget h1,
.textwidget h2,
.textwidget h3,
.textwidget h4,
.textwidget h5,
.textwidget h6 {
font-weight: 900;
}
.entry-content h1:first-child,
.entry-content h2:first-child,
.entry-content h3:first-child,
.entry-content h4:first-child,
.entry-content h5:first-child,
.entry-content h6:first-child,
.entry-summary h1:first-child,
.entry-summary h2:first-child,
.entry-summary h3:first-child,
.entry-summary h4:first-child,
.entry-summary h5:first-child,
.entry-summary h6:first-child,
.comment-content h1:first-child,
.comment-content h2:first-child,
.comment-content h3:first-child,
.comment-content h4:first-child,
.comment-content h5:first-child,
.comment-content h6:first-child,
.textwidget h1:first-child,
.textwidget h2:first-child,
.textwidget h3:first-child,
.textwidget h4:first-child,
.textwidget h5:first-child,
.textwidget h6:first-child {
margin-top: 0;
}
#widgetSeguici {
border: 1px solid #ccc;
margin: 0 auto;
padding: 10px 25px;
width: 250px;
}
#widgetSeguici_txt {
text-align: left;
font-size: 16px;
margin: 0 0 5px 0;
}
.widgetSeguici_s{
display:inline-block;
margin: 0 6.7%;
vertical-align: middle;
}
.post-navigation .post-title,
.entry-title,
.comments-title {
-webkit-hyphens: auto;
-moz-hyphens: auto;
-ms-hyphens: auto;
hyphens: auto;
}
body:not(.search-results) .entry-summary {
color: #686868;
font-size: 19px;
font-size: 1.1875rem;
line-height: 1.4736842105;
margin-bottom: 1.4736842105em;
}
body:not(.search-results) .entry-header + .entry-summary {
margin-top: -0.736842105em;
}
body:not(.search-results) .entry-summary p,
body:not(.search-results) .entry-summary address,
body:not(.search-results) .entry-summary hr,
body:not(.search-results) .entry-summary ul,
body:not(.search-results) .entry-summary ol,
body:not(.search-results) .entry-summary dl,
body:not(.search-results) .entry-summary dd,
body:not(.search-results) .entry-summary table {
margin-bottom: 1.4736842105em;
}
body:not(.search-results) .entry-summary li > ul,
body:not(.search-results) .entry-summary li > ol {
margin-bottom: 0;
}
body:not(.search-results) .entry-summary th,
body:not(.search-results) .entry-summary td {
padding: 0.3684210526em;
}
body:not(.search-results) .entry-summary fieldset {
margin-bottom: 1.4736842105em;
padding: 0.3684210526em;
}
body:not(.search-results) .entry-summary blockquote {
border-color: currentColor;
}
body:not(.search-results) .entry-summary blockquote > :last-child {
margin-bottom: 0;
}
body:not(.search-results) .entry-summary .alignleft {
margin: 0.2631578947em 1.4736842105em 1.4736842105em 0;
}
body:not(.search-results) .entry-summary .alignright {
margin: 0.2631578947em 0 1.4736842105em 1.4736842105em;
}
body:not(.search-results) .entry-summary .aligncenter {
margin-bottom: 1.4736842105em;
}
.entry-content > :last-child,
.entry-summary > :last-child,
body:not(.search-results) .entry-summary > :last-child,
.page-content > :last-child,
.comment-content > :last-child,
.textwidget > :last-child {
margin-bottom: 0;
}
.more-link {
white-space: nowrap;
}
.author-name{
text-transform: capitalize;
}
.author-info {
border-color: inherit;
border-style: solid;
border-width: 1px 0 1px 0;
clear: both;
padding-top: 1.75em;
padding-bottom: 1.75em;
}
.author-description > :last-child {
margin-bottom: 0;
}
.entry-content .author-title {
clear: none;
font-size: 16px;
font-size: 1rem;
font-weight: 900;
line-height: 1.75;
margin: 0;
}
.entry-footer {
color: #686868;
font-size: 13px;
font-size: 0.8125rem;
line-height: 1.6153846154;
margin-top: 2.1538461538em;
}
.entry-footer:empty {
margin: 0;
}
.entry-footer a {
color: #686868;
}
.entry-footer a:hover,
.entry-footer a:focus {
color: #007acc;
}
.entry-footer > span:not(:last-child):after {
content: "\002f";
display: inline-block;
opacity: 0.7;
padding: 0 0.538461538em;
}
.entry-footer .avatar {
height: 21px;
margin: -0.1538461538em 0.5384615385em 0 0;
width: 21px;
}
.sticky-post {
color: #686868;
display: block;
font-size: 13px;
font-size: 0.8125rem;
letter-spacing: 0.076923077em;
line-height: 1.6153846154;
margin-bottom: 0.5384615385em;
text-transform: uppercase;
}
/**
* IE8 and earlier will drop any block with CSS3 selectors.
* Do not combine these styles with the next block.
*/
.updated:not(.published) {
display: none;
}
.single .byline,
.group-blog .byline,
.single .posted-on{
display: inline;
font-size: 12px;
}
.post-ratings{
text-align: right;
margin: 0 0 10px;
position: relative;
}
.post-ratings-text {
position: absolute;
right: 4px;
bottom: -12px;
font-size: 13px;
}
.page-header {
margin: 0 7.6923% 3.5em;
padding-top: 1.75em;
}
#header_post-category {
margin: 15px 0 25px;
text-align: center;
}
#header_post-category img{
margin-bottom: 2em;
}
.yarpp-related {
text-align: left;
clear: both;
}
div.yarpp-related > h3, .loop-wrapper.lasts > h3, #elenco-singlegallery h2{
text-transform: uppercase;
font-size: 24px;
color: #fff;
padding: 13px;
font-weight: 700;
display: inline-block;
margin: 0;
letter-spacing: 1px;
}
.yarpp-related > h3 ~ div, .loop-wrapper.lasts > h3 ~ div, #elenco-singlegallery h2 ~ div{
border-top: 3px solid;
}
.yarpp-related .loop-single, .loop-wrapper.lasts .loop-single{
margin-top: 25px;
}
.yarpp-related .loop-single:nth-child(even) {
padding-right: 0;
}
.yarpp-related ol{
list-style: none;
}
.yarpp-related li {
padding: 3px 0;
border-bottom: 1px dotted #ccc;
}
.yarpp-related li:first-child {
border-top: 1px dotted #ccc;
}
.yarpp-related li a{
color: #000;
display: block;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
max-height: 2em;
font-weight: 400;
}
.yarpp-related li a:hover{
color: #002372;
}
.yarpp-related li:before {
content: '\f501';
float: left;
font-family: Genericons;
font-weight: normal;
font-size: 12px;
line-height: 2.45em;
margin: 0 0.5em 0 -1.5em;
-moz-osx-font-smoothing: grayscale;
-webkit-font-smoothing: antialiased;
font-style: normal;
}
.loop-single div.yarpp-related > h3, .loop-single .loop-wrapper.lasts > h3,
.loop-single #elenco-singlegallery h2,
.yarpp-related abbr{
display: none;
}
body.error404 .page-header,
body.search-no-results .page-header {
border-top: 0;
padding-top: 0;
}
.page-title {
font-size: 23px;
font-size: 1.4375rem;
line-height: 1.2173913043;
}
.taxonomy-description {
color: #686868;
font-size: 13px;
font-size: 0.8125rem;
line-height: 1.6153846154;
}
.taxonomy-description p {
margin: 0.5384615385em 0 1.6153846154em;
}
.taxonomy-description > :last-child {
margin-bottom: 0;
}
.page-links {
clear: both;
margin: 0 0 1.75em;
}
.page-links a,
.page-links > span {
border: 1px solid #d1d1d1;
border-radius: 2px;
display: inline-block;
font-size: 13px;
font-size: 0.8125rem;
height: 1.8461538462em;
line-height: 1.6923076923em;
margin-right: 0.3076923077em;
text-align: center;
width: 1.8461538462em;
}
.page-links a {
background-color: #1a1a1a;
border-color: #1a1a1a;
color: #fff;
}
.page-links a:hover,
.page-links a:focus {
background-color: #007acc;
border-color: transparent;
color: #fff;
}
.page-links > .page-links-title {
border: 0;
color: #1a1a1a;
height: auto;
margin: 0;
padding-right: 0.6153846154em;
width: auto;
}
.entry-attachment {
margin-bottom: 1.75em;
}
.entry-caption {
color: #686868;
font-size: 13px;
font-size: 0.8125rem;
font-style: italic;
line-height: 1.6153846154;
padding-top: 1.0769230769em;
}
.entry-caption > :last-child {
margin-bottom: 0;
}
.content-bottom-widgets {
margin: 0 7.6923%;
clear:both;
}
.content-bottom-widgets .widget-area {
margin: 1.5em 0;
}
/**
* 11.3 - Post Formats
*/
.blog .format-status .entry-title,
.archive .format-status .entry-title {
display: none;
}
/**
* 11.4 - Comments
*/
.comments-area {
margin: 0 7.6923% 3.5em;
}
.comment-list + .comment-respond,
.comment-navigation + .comment-respond {
padding-top: 1.75em;
}
.comments-title,
.comment-reply-title {
border-top: 4px solid #1a1a1a;
font-size: 23px;
font-size: 1.4375rem;
font-weight: 700;
line-height: 1.3125;
padding-top: 1.217391304em;
}
.comments-title {
margin-bottom: 1.217391304em;
}
.comment-list {
list-style: none;
margin: 0;
}
.comment-list article,
.comment-list .pingback,
.comment-list .trackback {
border-top: 1px solid #d1d1d1;
padding: 1.75em 0;
}
.comment-list .children {
list-style: none;
margin: 0;
}
.comment-list .children > li {
padding-left: 0.875em;
}
.comment-author {
color: #1a1a1a;
margin-bottom: 0.4375em;
}
.comment-author .avatar {
float: left;
height: 28px;
margin-right: 0.875em;
position: relative;
width: 28px;
}
.bypostauthor > article .fn:after {
content: "\f304";
left: 3px;
position: relative;
top: 5px;
}
.comment-metadata,
.pingback .edit-link {
color: #686868;
font-size: 13px;
font-size: 0.8125rem;
line-height: 1.6153846154;
}
.comment-metadata {
margin-bottom: 2.1538461538em;
}
.comment-metadata a,
.pingback .comment-edit-link {
color: #686868;
}
.comment-metadata a:hover,
.comment-metadata a:focus,
.pingback .comment-edit-link:hover,
.pingback .comment-edit-link:focus {
color: #007acc;
}
.comment-metadata .edit-link,
.pingback .edit-link {
display: inline-block;
}
.comment-metadata .edit-link:before,
.pingback .edit-link:before {
content: "\002f";
display: inline-block;
opacity: 0.7;
padding: 0 0.538461538em;
}
.comment-content ul,
.comment-content ol {
margin: 0 0 1.5em 1.25em;
}
.comment-content li > ul,
.comment-content li > ol {
margin-bottom: 0;
}
.comment-reply-link {
border: 1px solid #d1d1d1;
border-radius: 2px;
color: #007acc;
display: inline-block;
font-size: 13px;
font-size: 0.8125rem;
line-height: 1;
margin-top: 2.1538461538em;
padding: 0.5384615385em 0.5384615385em 0.4615384615em;
}
.comment-reply-link:hover,
.comment-reply-link:focus {
border-color: currentColor;
color: #007acc;
outline: 0;
}
.comment-form {
padding-top: 1.75em;
}
.comment-form label {
color: #686868;
display: block;
font-size: 13px;
font-size: 0.8125rem;
letter-spacing: 0.076923077em;
line-height: 1.6153846154;
margin-bottom: 0.5384615385em;
text-transform: uppercase;
}
.comment-list .comment-form {
padding-bottom: 1.75em;
}
.comment-notes,
.comment-awaiting-moderation,
.logged-in-as,
.form-allowed-tags {
color: #686868;
font-size: 13px;
font-size: 0.8125rem;
line-height: 1.6153846154;
margin-bottom: 2.1538461538em;
}
.no-comments {
border-top: 1px solid #d1d1d1;
font-weight: 700;
margin: 0;
padding-top: 1.75em;
}
.comment-navigation + .no-comments {
border-top: 0;
padding-top: 0;
}
.form-allowed-tags code {
font-family: 'Open Sans', sans-serif;
}
.form-submit {
margin-bottom: 0;
}
.required {
color: #007acc;
}
.comment-reply-title small {
font-size: 100%;
}
.comment-reply-title small a {
border: 0;
float: right;
height: 32px;
overflow: hidden;
width: 26px;
}
.comment-reply-title small a:hover,
.comment-reply-title small a:focus {
color: #1a1a1a;
}
.comment-reply-title small a:before {
content: "\f405";
font-size: 32px;
position: relative;
top: -5px;
}
/**
* 11.5 - Sidebar
*/
.banner-adv{
text-align: center;
}
/**
* 11.6 - Footer
*/
.site-footer {
/* Top dimezzato; la metà “risparmiata” (0.875em) va in margin-bottom sul logo → più aria tra immagine e riga testo. */
padding: 0.875em 1% 1.75em;
background: #e8e4f5; /* stesso lavanda della hero home (.public-press-home-lavender) */
text-align: center;
}
.site-info {
color: #686868;
font-size: 13px;
font-size: 0.8125rem;
line-height: 1.6153846154;
}
.site-info a {
color: #686868;
}
.site-info a:hover,
.site-info a:focus {
color: #007acc;
}
.site-footer .site-title {
font-size: inherit;
font-weight: 400;
}
/*
* Logo footer: altezza sempre limitata (a differenza dell’header).
* Contenitore + !important: evita che altri CSS o attributi width/height enormi (es. immagine “full”) gonfino il footer.
*/
#colophon.site-footer #logo-footer.public-press-site-footer__logo {
box-sizing: border-box;
max-height: 132px;
overflow: hidden;
display: flex;
align-items: center;
justify-content: center;
padding: 0.35rem 0;
margin: 0 auto 0.875em;
width: 100%;
}
#colophon.site-footer #logo-footer img,
#colophon.site-footer #logo-footer .public-press-footer-logo-img {
display: block;
margin-left: auto;
margin-right: auto;
max-width: min(100%, 354px) !important;
max-height: 120px !important;
width: auto !important;
height: auto !important;
object-fit: contain;
flex-shrink: 0;
}
/**
* 12.0 - Media
*/
.site .avatar {
border-radius: 50%;
}
.entry-content .wp-smiley,
.entry-summary .wp-smiley,
.comment-content .wp-smiley,
.textwidget .wp-smiley {
border: none;
margin-top: 0;
margin-bottom: 0;
padding: 0;
}
.entry-content a img,
.entry-summary a img,
.comment-content a img,
.textwidget a img {
display: block;
margin:0 auto;
}
/* Make sure embeds and iframes fit their containers. */
embed,
iframe,
object,
video {
margin-bottom: 1.75em;
max-width: 100%;
vertical-align: middle;
}
p > embed,
p > iframe,
p > object,
p > video {
margin-bottom: 0;
}
.entry-content .wp-audio-shortcode a,
.entry-content .wp-playlist a {
box-shadow: none;
}
.wp-audio-shortcode,
.wp-video,
.wp-playlist.wp-audio-playlist {
margin-top: 0;
margin-bottom: 1.75em;
}
.wp-playlist.wp-audio-playlist {
padding-bottom: 0;
}
.wp-playlist .wp-playlist-tracks {
margin-top: 0;
}
.wp-playlist-item .wp-playlist-caption {
border-bottom: 0;
padding: 0.7142857143em 0;
}
.wp-playlist-item .wp-playlist-item-length {
top: 0.7142857143em;
}
/**
* 12.1 - Captions
*/
.wp-caption {
margin-bottom: 1.75em;
max-width: 100%;
}
.wp-caption img[class*="wp-image-"] {
display: block;
margin: 0;
}
.wp-caption .wp-caption-text {
color: #686868;
font-size: 13px;
font-size: 0.8125rem;
font-style: italic;
line-height: 1.6153846154;
padding-top: 0.5384615385em;
}
/**
* 12.2 - Galleries
*/
.gallery {
margin: 0 -1.1666667% 1.75em;
}
.gallery-item {
display: inline-block;
max-width: 33.33%;
padding: 0 1.1400652% 2.2801304%;
text-align: center;
vertical-align: top;
width: 100%;
}
.gallery-columns-1 .gallery-item {
max-width: 100%;
}
.gallery-columns-2 .gallery-item {
max-width: 50%;
}
.gallery-columns-4 .gallery-item {
max-width: 25%;
}
.gallery-columns-5 .gallery-item {
max-width: 20%;
}
.gallery-columns-6 .gallery-item {
max-width: 16.66%;
}
.gallery-columns-7 .gallery-item {
max-width: 14.28%;
}
.gallery-columns-8 .gallery-item {
max-width: 12.5%;
}
.gallery-columns-9 .gallery-item {
max-width: 11.11%;
}
.gallery-icon img {
margin: 0 auto;
}
.gallery-caption {
color: #686868;
display: block;
font-size: 13px;
font-size: 0.8125rem;
font-style: italic;
line-height: 1.6153846154;
padding-top: 0.5384615385em;
}
.gallery-columns-6 .gallery-caption,
.gallery-columns-7 .gallery-caption,
.gallery-columns-8 .gallery-caption,
.gallery-columns-9 .gallery-caption {
display: none;
}
.widget_recent_entries ul{
margin:0;
}
.widget_recent_entries li {
padding: 1em 0 .4em;
font-size: 13px;
list-style: none;
font-weight: normal;
position: relative;
text-align: center;
}
.widget_recent_entries li:after {
clear: both;
display: block;
content: '';
}
.widget_recent_entries li:before {
position: absolute;
bottom: 0;
content: '';
left: 20%;
width: 60%;
border-bottom: 2px solid #5d5d5d;
}
.widget_recent_entries .post-date {
color: #002372;
display: block;
text-align: center;
font-style: italic;
font-weight:700;
font-size: 1.1em;
letter-spacing: 0.5px;
}
.widget_recent_entries li a {
display: inline-block;
width: 100%;
color: #555;
line-height: 1.4;
padding: .3em;
}
.uo-title a{
color: #555;
vertical-align: middle;
}
.uo-title a:after {
content: '';
display: inline-block;
width: 13px;
height: 13px;
background: url("data:image/svg+xml,");
background-size: 100%;
margin-left: 1em;
transition:.3s all ease;
}
.uo-title a:hover:after{
width: 16px;
height: 16px;
}
.widget_recent_entries li a:hover, .uo-title a:hover{
color: #002372;
}
/**
* 13.0 - Multisites
*/
.page-content .search-form-wrapper{
position: static;
}
#galleryBM h1{
float: left;
}
#galleryHead {
margin-top: 2.5rem;
}
.entry-content .thumbBox{
width: 800px;
max-width: 100%;
margin: 15px auto;
}
.thumbBox .imgTmb{
height: auto !important;
}
#elenco-singlegallery h2{
background: #58585a;
}
#elenco-singlegallery h2 ~ div{
border-color: #58585a;
}
.numFoto {
color: #58585a;
}
.numFoto p{
margin:0;
}
.widecolumn {
margin-bottom: 3.5em;
padding: 0 7.6923%;
}
.widecolumn .mu_register {
width: auto;
}
.widecolumn .mu_register .mu_alert {
background: transparent;
border-color: #d1d1d1;
color: inherit;
margin-bottom: 3.5em;
padding: 1.75em;
}
.widecolumn form,
.widecolumn .mu_register form {
margin-top: 0;
}
.widecolumn h2 {
font-size: 23px;
font-size: 1.4375rem;
font-weight: 900;
line-height: 1.2173913043;
margin-bottom: 1.2173913043em;
}
.widecolumn p {
margin: 1.75em 0;
}
.widecolumn p + h2 {
margin-top: 2.4347826087em;
}
.widecolumn label,
.widecolumn .mu_register label {
color: #686868;
font-size: 13px;
font-size: 0.8125rem;
font-weight: 400;
letter-spacing: 0.076923077em;
line-height: 1.6153846154;
text-transform: uppercase;
}
.widecolumn .mu_register label {
margin: 2.1538461538em 0.7692307692em 0.5384615385em 0;
}
.widecolumn .mu_register label strong {
font-weight: 400;
}
.widecolumn #key,
.widecolumn .mu_register #blog_title,
.widecolumn .mu_register #user_email,
.widecolumn .mu_register #blogname,
.widecolumn .mu_register #user_name {
font-size: 16px;
font-size: 1rem;
width: 100%;
}
.widecolumn .mu_register #blogname {
margin: 0;
}
.widecolumn .mu_register #blog_title,
.widecolumn .mu_register #user_email,
.widecolumn .mu_register #user_name {
margin: 0 0 0.375em;
}
.widecolumn #submit,
.widecolumn .mu_register input[type="submit"] {
font-size: 16px;
font-size: 1rem;
margin: 0;
width: auto;
}
.widecolumn .mu_register .prefix_address,
.widecolumn .mu_register .suffix_address {
font-size: inherit;
}
.widecolumn .mu_register > :last-child,
.widecolumn form > :last-child {
margin-bottom: 0;
}
/**
* 14.0 - Media Queries
*/
/**
* Does the same thing as ,
* but in the future W3C standard way. -ms- prefix is required for IE10+ to
* render responsive styling in Windows 8 "snapped" views; IE10+ does not honor
* the meta tag. See https://core.trac.wordpress.org/ticket/25888.
*/
@-ms-viewport {
width: device-width;
}
@viewport {
width: device-width;
}
/**
* 14.1 - >= 710px
*/
@media screen and (min-width: 44.375em) {
/*.site-main {
padding-bottom: 5.25em;
}*/
.custom-logo {
max-width: 210px;
}
.site-title {
font-size: 28px;
font-size: 1.75rem;
line-height: 1.25;
}
.wp-custom-logo .site-title {
margin-top: 0.5em;
}
.site-description {
display: block;
}
.menu-toggle {
font-size: 16px;
font-size: 1.0rem;
margin: 1.3125em 0;
padding: 0.8125em 0.875em 0.6875em;
}
.site-header-menu {
margin: 1.3125em 0;
}
.site-header .main-navigation + .social-navigation {
margin-top: 2.625em;
}
.header-image {
margin: 1.3125em 0;
}
.pagination {
margin: 0 23.0769% 4.421052632em 7.6923%
}
.post-navigation {
margin-bottom: 5.25em;
}
.post-navigation .post-title {
font-size: 28px;
font-size: 1.75rem;
line-height: 1.25;
}
/* restore screen-reader-text */
.pagination .current .screen-reader-text {
position: absolute !important;
}
.pagination .page-numbers {
display: inline-block;
}
/*.site-main > article {
margin-bottom: 5.25em;
}
/*
.entry-header,
.post-thumbnail,
.entry-content,
.entry-summary,
.entry-footer,
.comments-area,
.image-navigation,
.post-navigation,
.page-header,
.page-content,
.content-bottom-widgets {
margin-right: 23.0769%;
}*/
.entry-title {
font-size: 33px;
font-size: 2.0625rem;
line-height: 1.2727272727;
/*margin-bottom: 0.8484848485em;*/
}
.entry-content blockquote.alignleft,
.entry-content blockquote.alignright {
border-width: 4px 0 0 0;
padding: 0.9473684211em 0 0;
width: -webkit-calc(50% - 0.736842105em);
width: calc(50% - 0.736842105em);
}
.entry-content blockquote:not(.alignleft):not(.alignright),
.entry-summary blockquote,
.comment-content blockquote {
margin-left: -1.473684211em;
}
.entry-content blockquote blockquote:not(.alignleft):not(.alignright),
.entry-summary blockquote blockquote,
.comment-content blockquote blockquote {
margin-left: 0;
}
.entry-content ul,
.entry-summary ul,
.comment-content ul,
.entry-content ol,
.entry-summary ol,
.comment-content ol {
margin-left: 0;
}
.entry-content li > ul,
.entry-summary li > ul,
.comment-content li > ul,
.entry-content blockquote > ul,
.entry-summary blockquote > ul,
.comment-content blockquote > ul {
margin-left: 1.25em;
}
.entry-content li > ol,
.entry-summary li > ol,
.comment-content li > ol,
.entry-content blockquote > ol,
.entry-summary blockquote > ol,
.comment-content blockquote > ol {
margin-left: 1.5em;
}
.comment-author {
margin-bottom: 0;
}
.comment-author .avatar {
height: 42px;
position: relative;
top: 0.25em;
width: 42px;
}
.comment-list .children > li {
padding-left: 1.75em;
}
.comment-list + .comment-respond,
.comment-navigation + .comment-respond {
padding-top: 3.5em;
}
.comments-area{
margin-bottom: 5.25em;
}
.widecolumn {
margin-bottom: 5.25em;
padding-right: 23.0769%;
}
body:not(.search-results) .entry-summary li > ul,
body:not(.search-results) .entry-summary blockquote > ul {
margin-left: 1.157894737em;
}
body:not(.search-results) .entry-summary li > ol,
body:not(.search-results) .entry-summary blockquote > ol {
margin-left: 1.473684211em;
}
}
/**
* 14.2 - >= 783px
*/
@media screen and (min-width: 48.9375em) {
body:not(.custom-background-image).admin-bar:before {
top: 32px;
}
}
/**
* 14.3 - >= 910px
*/
@media screen and (min-width: 900px) {
.site-header {
padding-right: 2%;
padding-left: 2%;
}
.site-header-main {
-webkit-align-items: flex-start;
-ms-flex-align: start;
align-items: flex-start;
}
.wp-custom-logo .site-header-main {
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
.site-header-menu {
display: block;
-webkit-flex: 0 1 auto;
-ms-flex: 0 1 auto;
flex: 0 1 auto;
width:100%;
}
.main-navigation .primary-menu,
.main-navigation .primary-menu > li {
border: 0;
}
.main-navigation a {
padding: 0.65625em 1.3%;
text-align: center;
white-space: nowrap;
font-size: 16px;
display:inline-block;
text-transform: uppercase;
position:relative;
}
.main-navigation ul ul {
border-bottom: 1px solid #d1d1d1;
display: block;
left: -999em;
margin: 0;
position: absolute;
z-index: 99999;
}
.main-navigation ul ul ul {
top: -1px;
}
.main-navigation ul ul ul:before,
.main-navigation ul ul ul:after {
border: 0;
}
.main-navigation ul ul li {
background-color: #fff;
border: 1px solid #d1d1d1;
border-bottom-width: 0;
}
.main-navigation ul ul a {
white-space: normal;
width: 12.6875em;
}
.main-navigation ul ul:before,
.main-navigation ul ul:after {
border-style: solid;
content: "";
position: absolute;
}
.main-navigation ul ul:before {
border-color: #d1d1d1 transparent;
border-width: 0 10px 10px;
right: 9px;
top: -9px;
}
.main-navigation ul ul:after {
border-color: #fff transparent;
border-width: 0 8px 8px;
right: 11px;
top: -7px;
}
.main-navigation li:hover > ul,
.main-navigation li.focus > ul {
left: auto;
right: 0;
}
.main-navigation ul ul li:hover > ul,
.main-navigation ul ul li.focus > ul {
left: auto;
right: 100%;
}
.main-navigation .menu-item-has-children > a {
margin: 0;
padding-right: 2.25em;
}
.main-navigation .menu-item-has-children > a:after {
content: "\f431";
position: absolute;
right: 0.625em;
top: 0.8125em;
}
.main-navigation ul ul .menu-item-has-children > a {
padding-right: 2.0625em;
}
.main-navigation ul ul .menu-item-has-children > a:after {
right: 0.5625em;
top: 0.875em;
-webkit-transform: rotate(90deg);
-moz-transform: rotate(90deg);
-ms-transform: rotate(90deg);
transform: rotate(90deg);
}
.dropdown-toggle,
.main-navigation ul .dropdown-toggle.toggled-on,
.menu-toggle,
.site-header .social-navigation{
display: none;
}
.entry-header,
.post-thumbnail,
.entry-content,
.entry-summary,
.entry-footer,
.comments-area,
.image-navigation,
.post-navigation,
.pagination,
.page-header,
.page-content,
.content-bottom-widgets {
margin-right: 0;
margin-left: 0;
}
.widget {
font-size: 13px;
font-size: 0.8125rem;
line-height: 1.6153846154;
}
.widget .widget-title {
margin-bottom: .8em;
}
.widget p,
.widget address,
.widget hr,
.widget ul,
.widget ol,
.widget dl,
.widget dd,
.widget table {
margin-bottom: 1.6153846154em;
}
.widget li > ul,
.widget li > ol {
margin-bottom: 0;
}
.widget blockquote {
font-size: 16px;
font-size: 1rem;
line-height: 1.3125;
margin-bottom: 1.3125em;
padding-left: 1.0625em;
}
.widget blockquote cite,
.widget blockquote small {
font-size: 13px;
font-size: 0.8125rem;
line-height: 1.6153846154;
}
.widget th,
.widget td {
padding: 0.5384615385em;
}
.widget pre {
font-size: 13px;
font-size: 0.8125rem;
line-height: 1.6153846154;
margin-bottom: 1.6153846154em;
padding: 0.5384615385em;
}
.widget fieldset {
margin-bottom: 1.6153846154em;
padding: 0.5384615385em;
}
.widget button,
.widget input,
.widget select,
.widget textarea {
font-size: 13px;
font-size: 0.8125rem;
line-height: 1.6153846154;
}
.widget button,
.widget input[type="button"],
.widget input[type="reset"],
.widget input[type="submit"] {
line-height: 1;
padding: 0.846153846em;
}
.widget input[type="text"],
.widget input[type="email"],
.widget input[type="url"],
.widget input[type="password"],
.widget input[type="search"],
.widget input[type="tel"],
.widget input[type="number"],
.widget textarea {
padding: 0.4615384615em 0.5384615385em;
}
.widget h1 {
font-size: 23px;
font-size: 1.4375rem;
line-height: 1.2173913043;
margin-bottom: 0.9130434783em;
}
.widget h2 {
font-size: 19px;
font-size: 1.1875rem;
line-height: 1.1052631579;
margin-bottom: 1.1052631579em;
}
.widget h3 {
font-size: 16px;
font-size: 1rem;
line-height: 1.3125;
margin-bottom: 1.3125em;
}
.widget h4,
.widget h5,
.widget h6 {
font-size: 13px;
font-size: 0.8125rem;
line-height: 1.6153846154;
margin-bottom: 0.9130434783em;
}
.widget .alignleft {
margin: 0.2307692308em 1.6153846154em 1.6153846154em 0;
}
.widget .alignright {
margin: 0.2307692308em 0 1.6153846154em 1.6153846154em;
}
.widget .aligncenter {
margin-bottom: 1.6153846154em;
}
.widget_calendar td,
.widget_calendar th {
line-height: 2.6923076923;
padding: 0;
}
.widget_rss .rssSummary:last-child {
margin-bottom: 1.615384615em;
}
.widget input[type="search"].search-field {
width: -webkit-calc(100% - 35px);
width: calc(100% - 35px);
}
.widget .search-submit:before {
font-size: 16px;
left: 1px;
line-height: 35px;
width: 34px;
}
.widget button.search-submit {
padding: 0;
width: 35px;
}
.tagcloud a {
margin: 0 0.2307692308em 0.5384615385em 0;
padding: 0.5384615385em 0.4615384615em 0.4615384615em;
}
.textwidget h1 {
margin-top: 1.8260869565em;
}
.textwidget h2 {
margin-top: 2.2105263158em;
}
.textwidget h3 {
margin-top: 2.625em;
}
.textwidget h4 {
letter-spacing: 0.153846154em;
}
.textwidget h4,
.textwidget h5,
.textwidget h6 {
margin-top: 3.2307692308em;
}
.content-bottom-widgets .widget-area:nth-child(1):nth-last-child(2),
.content-bottom-widgets .widget-area:nth-child(2):nth-last-child(1) {
float: left;
margin-right: 7.1428571%;
width: 46.42857145%;
}
.content-bottom-widgets .widget-area:nth-child(2):nth-last-child(1):last-of-type {
margin-right: 0;
}
.site-footer .social-navigation {
margin: 0;
-webkit-order: 2;
-ms-flex-order: 2;
order: 2;
}
.site-info {
margin: 0.538461538em auto 0.538461538em 0;
-webkit-order: 1;
-ms-flex-order: 1;
order: 1;
}
.widecolumn {
padding-right: 15%;
padding-left: 15%;
}
}
/**
* 14.4 - >= 985px
*/
@media screen and (min-width: 61.5625em) {
/*.site-main {
padding-bottom: 7.0em;
}*/
.image-navigation {
margin-bottom: 3.230769231em;
}
.post-navigation {
margin-bottom: 7.0em;
}
.pagination {
margin-bottom: 5.894736842em;
}
/* .site-main > article {
margin-bottom: 7.0em;
}
*/
.entry-title {
font-size: 35px;
font-size: 2.2rem;
line-height: 1.225;
/*margin-bottom: 1.05em;*/
}
.post-thumbnail {
/*margin-bottom: 2.625em;*/
}
.entry-content h1,
.entry-summary h1,
.comment-content h1 {
font-size: 33px;
font-size: 2.0625rem;
line-height: 1.2727272727;
margin-top: 1.696969697em;
margin-bottom: 0.8484848485em;
}
.author-info {
border-bottom-width: 0;
padding-bottom: 0;
}
.comment-list + .comment-respond,
.comment-navigation + .comment-respond {
padding-top: 5.25em;
}
.comments-area,
.widecolumn {
margin-bottom: 7.0em;
}
body:not(.search-results) .entry-summary {
margin-bottom: 2.210526316em;
}
body:not(.search-results) .entry-header + .entry-summary {
margin-top: -1.105263158em;
}
body:not(.search-results) article:not(.type-page) img.below-entry-meta,
body:not(.search-results) article:not(.type-page) figure.below-entry-meta {
clear: both;
display: block;
float: none;
margin-right: 0;
margin-left: -40%;
max-width: 140%;
}
body:not(.search-results) article:not(.type-page) figure.below-entry-meta img.below-entry-meta,
body:not(.search-results) article:not(.type-page) table figure.below-entry-meta,
body:not(.search-results) article:not(.type-page) table img.below-entry-meta {
margin: 0;
max-width: 100%;
}
body:not(.search-results) article:not(.type-page) .entry-footer {
float: none;
margin-top: 0.1538461538em;
width: 21.42857143%;
}
body:not(.search-results) article:not(.type-page) .entry-footer > span:not(:last-child):after {
display: none;
}
.single .byline,
.full-size-link,
body:not(.search-results).group-blog .byline,
body:not(.search-results) .entry-format,
body:not(.search-results) .cat-links,
body:not(.search-results) .tags-links,
body:not(.search-results) article:not(.sticky) .posted-on,
body:not(.search-results) article:not(.type-page) .comments-link,
body:not(.search-results) article:not(.type-page) .entry-footer .edit-link {
display: inline-block;
margin-bottom: 0.5384615385em;
}
body:not(.search-results) article:not(.type-page) .entry-footer > span:last-child {
margin-bottom: 0;
}
body:not(.search-results) article:not(.type-page) .entry-footer .avatar {
display: block;
height: auto;
margin: 0 0 0.5384615385em;
width: 49px;
}
}
/**
* 14.5 - >= 1200px
*/
@media screen and (min-width: 75em) {
body:not(.search-results) .entry-summary {
font-size: 23px;
font-size: 1.4375rem;
line-height: 1.5217391304;
margin-bottom: 1.826086957em;
}
body:not(.search-results) .entry-header + .entry-summary {
margin-top: -0.913043478em;
}
body:not(.search-results) .entry-summary p,
body:not(.search-results) .entry-summary address,
body:not(.search-results) .entry-summary hr,
body:not(.search-results) .entry-summary ul,
body:not(.search-results) .entry-summary ol,
body:not(.search-results) .entry-summary dl,
body:not(.search-results) .entry-summary dd,
body:not(.search-results) .entry-summary table {
margin-bottom: 1.5217391304em;
}
body:not(.search-results) .entry-summary li > ul,
body:not(.search-results) .entry-summary blockquote > ul {
margin-left: 0.956521739em;
}
body:not(.search-results) .entry-summary li > ol,
body:not(.search-results) .entry-summary blockquote > ol {
margin-left: 1.52173913em;
}
body:not(.search-results) .entry-summary blockquote {
font-size: 23px;
font-size: 1.4375rem;
line-height: 1.5217391304;
margin: 0 0 1.5217391304em;
padding-left: 1.347826087em;
}
body:not(.search-results) .entry-summary blockquote:not(.alignleft):not(.alignright) {
margin-left: -1.52173913em;
}
body:not(.search-results) .entry-summary blockquote blockquote:not(.alignleft):not(.alignright) {
margin-left: 0;
}
body:not(.search-results) .entry-summary blockquote cite,
body:not(.search-results) .entry-summary blockquote small {
font-size: 19px;
font-size: 1.1875rem;
line-height: 1.8421052632;
}
body:not(.search-results) .entry-summary th,
body:not(.search-results) .entry-summary td {
padding: 0.3043478261em;
}
body:not(.search-results) .entry-summary pre {
font-size: 16px;
font-size: 1rem;
line-height: 1.75;
margin-bottom: 1.75em;
padding: 1.75em;
}
body:not(.search-results) .entry-summary fieldset {
margin-bottom: 1.5217391304em;
padding: 0.3043478261em;
}
body:not(.search-results) .entry-summary h1 {
margin-top: 2.121212121em;
margin-bottom: 1.060606061em;
}
body:not(.search-results) .entry-summary h2 {
margin-top: 2.5em;
margin-bottom: 1.25em;
}
body:not(.search-results) .entry-summary h3 {
margin-top: 3.043478261em;
margin-bottom: 1.52173913em;
}
body:not(.search-results) .entry-summary h4,
body:not(.search-results) .entry-summary h5,
body:not(.search-results) .entry-summary h6 {
margin-top: 3.684210526em;
margin-bottom: 1.842105263em;
}
body:not(.search-results) .entry-summary h1:first-child,
body:not(.search-results) .entry-summary h2:first-child,
body:not(.search-results) .entry-summary h3:first-child,
body:not(.search-results) .entry-summary h4:first-child,
body:not(.search-results) .entry-summary h5:first-child,
body:not(.search-results) .entry-summary h6:first-child {
margin-top: 0;
}
body:not(.search-results) .entry-summary .alignleft {
margin: 0.2608695652em 1.5217391304em 1.5217391304em 0;
}
body:not(.search-results) .entry-summary .alignright {
margin: 0.2608695652em 0 1.5217391304em 1.5217391304em;
}
body:not(.search-results) .entry-summary .aligncenter {
margin-bottom: 1.5217391304em;
}
}
/**
* 15.0 - Print
*/
@media print {
form,
button,
input,
select,
textarea,
.navigation,
.main-navigation,
.social-navigation,
.sidebar,
.content-bottom-widgets,
.header-image,
.page-links,
.edit-link,
.comment-respond,
.comment-edit-link,
.comment-reply-link,
.comment-metadata .edit-link,
.pingback .edit-link {
display: none;
}
body,
blockquote cite,
blockquote small,
pre,
.entry-content h4,
.entry-content h5,
.entry-content h6,
.entry-summary h4,
.entry-summary h5,
.entry-summary h6,
.comment-content h4,
.comment-content h5,
.comment-content h6,
.entry-content .author-title {
font-size: 12pt;
}
blockquote {
font-size: 14.25pt;
}
.site-title,
.page-title,
.comments-title,
.widecolumn h2 {
font-size: 17.25pt;
}
.site-description {
display: block;
}
.entry-title {
font-size: 24.75pt;
line-height: 1.2727272727;
margin-bottom: 1.696969697em;
}
.format-aside .entry-title,
.format-image .entry-title,
.format-video .entry-title,
.format-quote .entry-title,
.format-gallery .entry-title,
.format-status .entry-title,
.format-link .entry-title,
.format-audio .entry-title,
.format-chat .entry-title {
font-size: 17.25pt;
line-height: 1.304347826;
margin-bottom: 1.826086957em;
}
.entry-content h1,
.entry-summary h1,
.comment-content h1 {
font-size: 21pt;
}
.entry-content h3,
.entry-summary h3,
.comment-content h3,
body:not(.search-results) .entry-summary {
font-size: 14.25pt;
}
.site-description,
.author-bio,
.entry-footer,
.sticky-post,
.taxonomy-description,
.entry-caption,
.comment-metadata,
.comment-notes,
.comment-awaiting-moderation,
.site-info,
.wp-caption .wp-caption-text,
.gallery-caption {
font-size: 9.75pt;
}
body,
.site {
background: none !important; /* Brute force since user agents all print differently. */
}
body,
blockquote cite,
blockquote small,
.site-branding .site-title a,
.entry-title a,
.comment-author {
color: #1a1a1a !important; /* Make sure color schemes don't affect to print */
}
blockquote,
.page-header,
.comments-title {
border-color: #1a1a1a !important; /* Make sure color schemes don't affect to print */
}
blockquote,
.site-description,
body:not(.search-results) .entry-summary,
body:not(.search-results) .entry-summary blockquote,
.author-bio,
.entry-footer,
.entry-footer a,
.sticky-post,
.taxonomy-description,
.entry-caption,
.comment-author,
.comment-metadata a,
.comment-notes,
.comment-awaiting-moderation,
.site-info,
.site-info a,
.wp-caption .wp-caption-text,
.gallery-caption {
color: #686868 !important; /* Make sure color schemes don't affect to print */
}
code,
hr {
background-color: #d1d1d1 !important; /* Make sure color schemes don't affect to print */
}
pre,
abbr,
acronym,
table,
th,
td,
.author-info,
.comment-list article,
.comment-list .pingback,
.comment-list .trackback,
.no-comments {
border-color: #d1d1d1 !important; /* Make sure color schemes don't affect to print */
}
a {
color: #007acc !important; /* Make sure color schemes don't affect to print */
}
.site-inner {
max-width: none;
}
.site-main {
padding-bottom: 3.5em;
}
.entry-header,
.entry-footer,
.page-header,
.page-content,
.entry-content,
.entry-summary,
.post-thumbnail,
.comments-area {
margin-right: 0;
margin-left: 0;
}
.post-thumbnail,
.site-main > article {
margin-bottom: 3.5em;
}
.entry-content blockquote.alignleft,
.entry-content blockquote.alignright {
border-width: 4px 0 0 0;
padding: 0.9473684211em 0 0;
width: -webkit-calc(50% - 0.736842105em);
width: calc(50% - 0.736842105em);
}
body:not(.search-results) .entry-header + .entry-summary {
margin-top: -1.473684211em;
}
.site-footer,
.widecolumn {
padding: 0;
}
}
/* Public Press — CSS aggiuntivo */
#versi_section {
margin: 4em auto 5em;
max-width: 700px;
text-align: center;
}
#versi_section header {
display: flex;
}
#versi_section header > *{
width: 20%;
}
#versi_section header h2{
width: 60%;
}
#vignette_section {
margin: 6em 0 0;
text-align: center;
}
#vignette_section h2 {
margin-top: .5em;
color: #000;
}
a.to-archive {
margin-top: 1em;
display: inline-block;
background: #007acc;
color: #fff;
padding: .3em 1em;
text-transform: uppercase;
font-size: .8em;
transition: .3s background ease;
}
a.to-archive:hover{
background: #d1c002;
}
.public-press-mail:before {
background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAAUCAYAAADRA14pAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAlpJREFUeNrEWIFNxDAM7E9ARugIYQI6QtmgI3QDskHEBB2hbBA2KExQNggblEZy0L3lpC1NhSXr4T9v++yz4/6tKicNvdakQR5W1cJZlXg/yjv7/3vVV+H9w3I7+f0Q9Muq7Y6zIeiPE4kM8rzqW/VPEqq4kLpVewquoQqWkJbse/BzmYTADTmxq3bC5xFwd4F/DUBbimO5qnIOwKDOQN8IeKLXoWAMinyhXZsA3NCZGeIcWStkwXpwVDN6TVDRCDg6jOBL0NmBvSiGAVbgN9LdENhlbxGmHRSNTizQDQPye7O7YZ8nDwEriNUKSVaQtCToaNAcCIqf74AhtiBYjK+hz/ckdkxhqhNTUGUomjKmIfvTzmorRmOVKchMYPXBWVBLmW0Eig+ZKZ5jhAUW2EziFBt8aoOBe8HyOB069EJ1O9bPka4oWy3QABgvLCh49WzNDsNmBpccxUcsaJswNJNitWcBsNu4S2dheTDAKk9A3Ub1DGNhJ8TrEwy5a1kj3G9SdRfapviZFOAeKtcL10jsV82Y5jd6WJPyeBq4g3MD8c5Q/KIHujo2gDq2mEiDbsjQWMEKmuo3aXBZFuciMG7ItEZM0m+5Pes3C2tlzzYZT8mYGGDFJnT9h6vJJO5PJ7QAP4f+pdZYcIsaychwIFAH25BmW9qZjWsUwDio6sL+jg8vrTAbeB+fkhEo5IW+KrFL9zCFpfYxbNIj+xa4Wn0JwD1z1FTlRLMkbm1vNWNVTMaMDz63QpVQ9GD+WRBw+LHgCSocfkB4XPWr+mfRrK+u0PngdpWUHwEGAH57RdOwt4egAAAAAElFTkSuQmCC');
background-size: 100%;
width: 60px;
height: 20px;
display: inline-block;
content: '';
background-repeat: no-repeat;
vertical-align: middle;
}
.public-press-cup:before {
background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAYAAACM/rhtAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAt5JREFUeNrEWO2RmzAQhYz/h1RwpIIjFYQO4lQQOggdHK6AEnAHXCoAVwCpAKcC6IBYM6uZN5rVSgEU78zO2Sd5tdp9+6Uo2k8Z8dNofXDlWFdcPFPBTlg/057ZIUfJaI9WLqfDG49LrLTfBoP1aAUTsooSnDowKFlQyRkcF9hEDQktPdy70meOSlqvj3avtp5Ek8cluhDWiwgvruj0gUAZAn8RHTo7lKxofSCs/VcM6gBwWanxiPTMI5+y9MGxPj74OwSEzdKRw8134uhoBXM4+M64rgO3/bL8vqNgUvuvIZK0xpgN/FIKKaESZSGCpBJcG4UAvUmx43B16xeP2y8P/g3fe2Z9PCpqO4hck2daHyzrPqxl1I7AEvMaYm86QKkVsDgYyiaSQicPi2o8jobrtFs/MhBILdbJScZCiiVUBL4C1lW2uNgivoKki7dsaS0nThzBpffVguVnxroIr0ZSUB9UQ0Owl/VFS8ihK8kvICNgaaxiRsG3B38iN2BSzhjXvVqseTMimqskDVPjF3CvUnw5Cdgz8dYfnOL+AObe6XNBXtPnnU/R8+kLeOtGMPihLW7W4t6I3pD0Cn1nQVH8ExTNuTRzN34cklJIPVgyr2RRtX6NLV2y2vA5oHJ6INM5L6Uz1fdvZNGF3G9tQEO6uXCkpEE6v/CchffQBKNEDUm6lrqn1KggoaxYbxlDcygxLTSag6uY73Bt59tP4stAzmCxPUjJGs7B+ty45E8Wk2NNHLb0buCdAepuZswrTk+twkiYwACvb5t6ppECFJAsJY6tMXQvF2FuLaiJSGEcHaGeanphHjR7kt07XsesIwi2PYkHyFvPzrn0tHYJ5zufJqZ/eCnNoEzlxgztW01wxChcmxEvEwXNkWNlQvIq46xZUi5mIu6NUWyk2nhj/mc2tRHT0GYMfBbqAy/Ss0gsVJUzDTPZjhTDzcY3+vu+d3DnMLclYW9+OFL0V4ABAHlLXvKfK8u0AAAAAElFTkSuQmCC');
background-size: contain;
width: 40px;
height: 40px;
display: inline-block;
content: '';
background-repeat: no-repeat;
vertical-align: middle;
margin-top:-8px;
}
#versi_section header .public-press-mail{
text-align: right;
}
#versi_section header .public-press-cup{
text-align: left;
}
.verso {
color: #0071bc;
}
.verso h3 {
font-style: italic;
}
.h-align{
display: flex;
text-align: center;
}
.h-align > *{
width: 100%;
}
.widget .h-align{
width: 75%;
margin: 4em auto 1em;
}
.widget.lastricetta{
text-align: center;
}
.author-poesia {
color: #002372;
}
.widget .verso{
text-align: center;
}
.widget .verso h3 {
font-family: 'Open Sans';
margin-bottom:.3em;
}
.overlayer{
display: block;
position: relative;
}
.overlayer h3{
position: absolute;
bottom: 0;
left: 0;
width: 100%;
padding: 1em .3em;
text-align: center;
background:rgba(0,0,0,.7);
opacity: 0;
color: #fff;
transition: .3s opacity ease;
}
.overlayer:hover h3{
opacity: 1;
}
#updated-date {
display: block;
margin: 0 auto;
}
.loop-wrapper{
clear: both;
}
.loop-cat-link{
float: right;
margin: -56px 1% 0 0;
position: relative;
z-index: 1;
font-size: 18px;
color: #58585a;
}
.loop-cat-link b{
font-weight: 400;
text-transform: uppercase;
}
.loop-cat-link:hover,
.loop-single .title:hover,
#updated-date span.theme-color{
color: #002372;
}
.site-branding > * {
width: 24%;
vertical-align: middle;
display: inline-block;
}
#brand{
margin-top:0;
text-align: center;
width: 50%;
}
.clearfix:after{
content: '';
display:block;
clear:both;
}
#today-date {
vertical-align: top;
color: #002372;
text-transform: uppercase;
font-size: .7em;
}
#today-date i {
font-style: normal;
}
#ultima-ora {
margin: 20px 0 0;
position: relative;
border-top: 2px solid #999;
border-bottom: 2px solid #999;
display: flex;
align-items: stretch;
flex-wrap: nowrap;
}
/* Tre colonne: stessa altezza minima; orologio e social centrati; tab + avvisi centrati verticalmente. Separatori = stesso stile della linea superiore. */
#ultima-ora > * {
padding: 10px 6px;
border-right: 2px solid #999;
box-sizing: border-box;
display: flex;
align-items: center;
justify-content: center;
flex: 0 0 19.5%;
min-height: 5.75rem;
}
#ultima-ora > .ultima-ora-wrapper {
flex: 1 1 59%;
min-width: 0;
max-width: 59%;
flex-direction: column;
justify-content: center;
align-items: center;
overflow: hidden;
}
#ultima-ora > *:last-child{
border-right: none;
border-left: 2px solid #999;
}
.ultima-ora-wrapper{
overflow: hidden;
padding: 0 !important;
width: 100%;
}
#ultima-ora > .ultima-ora-wrapper{
border: none;
padding-top: 0.5rem !important;
padding-bottom: 0.5rem !important;
}
/* Riga avvisi: spazio fisso ai lati; tutto su una riga (niente a capo; lo scroller orizzontale gestisce il testo lungo) */
#ultima-ora > .ultima-ora-wrapper .scroller-wrapper-main-h,
#ultima-ora > .ultima-ora-wrapper .scroller-wrapper-main {
padding-left: clamp(0.65rem, 2.2vw, 1.15rem);
padding-right: clamp(0.65rem, 2.2vw, 1.15rem);
box-sizing: border-box;
}
#ultima-ora .scroll-box .ultima-ora,
#ultima-ora .scroll-box .uo-title,
#ultima-ora .scroll-box .uo-title a {
white-space: nowrap;
}
#ultima-ora .public-press-ultima-ora__sep {
display: inline;
margin: 0;
padding: 0 0.3em;
font-weight: 400;
}
.public-press-avvisi-tab {
display: inline-block;
background: #002372;
color: #fff;
margin: 0 0 0.5rem;
padding: 0.45rem 1rem 0.5rem;
border-radius: 12px;
font-size: .9em;
line-height: 1.35;
box-shadow: 0 1px 2px rgba(15, 23, 42, 0.08);
}
.ultima-ora-wrapper.avvisi-box:before {
content: none;
display: none;
}
.time{
display:inline-block;
width: 16px;
height: 16px;
border: 2px solid #002372;
border-radius: 50px;
position: relative;
}
.time:before{
content: '';
width: 7%;
height: 40%;
background: #002372;
display: block;
position: absolute;
top: 13%;
left: 47%;
}
.time:after{
content: '';
width: 40%;
height: 7%;
background: #002372;
display: block;
position: absolute;
top: 51%;
left: 47%;
}
/* Orologio + ora: line-height 1 sul contenitore e sull’ora (evita cifre “in basso” con align-items:center). Spazio con margin, così vale anche con display:block su mobile. */
#ultima-ora > #current-time {
line-height: 1;
}
#ultima-ora > #current-time .public-press-current-time__value {
line-height: 1;
font-size: inherit;
margin-left: 0.35em;
}
#current-time .time {
flex-shrink: 0;
width: 22px;
height: 22px;
position: relative;
vertical-align: middle;
}
.one-fifth, .three-fifth {
display: inline-block;
vertical-align: middle;
width: 19.5%;
min-height: 1px;
text-align: center;
}
.three-fifth {
width: 59%;
}
.one-fifth:last-child{
border-right:0;
}
.ultima-ora {
position: relative;
display: inline-block;
}
.uo-title{
display:block;
line-height: 1.6;
text-align: left;
}
.category:before {
content: '';
display: inline-block;
border-left: 4px solid #aaa;
width: 10px;
height: 12px;
position: relative;
top: 2px;
}
.category {
text-transform: uppercase;
font-size: 12px;
display: inline-block;
}
.fly {
vertical-align: middle;
margin-right: 1em;
}
/* Data avvisi: niente margine destro (altrimenti doppio “vuoto” prima del |) */
.ultima-ora .post-time.fly {
margin-right: 0;
}
.category.fly {
bottom: 3px;
left: 110px;
}
.read-more.fly{
left:initial;
right: 0;
}
.read-more{
text-decoration: underline;
font-style:italic;
color: #002372;
}
.breadcrumbs{
float: left;
/*max-width: 50%;*/
line-height: 1.2;
font-size: 12px;
}
/* social */
.fb_iframe_widget {
display: inline-block;
position: relative;
bottom: -43px;
float: left;
margin-top: -25px;
}
/* Condivisione nativa singolo articolo (inc/public-press-single-share.php): nessun plugin richiesto */
.public-press-single-share {
clear: both;
display: flex;
justify-content: flex-end;
width: 100%;
box-sizing: border-box;
margin: 1.75rem 0 0.75em;
padding: 0;
}
.public-press-single-share__list {
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: flex-end;
gap: 0.65rem;
list-style: none;
margin: 0;
padding: 0;
}
.public-press-single-share__item {
margin: 0;
padding: 0;
}
.public-press-single-share__btn {
display: inline-flex;
align-items: center;
justify-content: center;
width: 44px;
height: 44px;
min-width: 44px;
min-height: 44px;
border: 0;
border-radius: 50%;
box-sizing: border-box;
cursor: pointer;
text-decoration: none;
box-shadow: 0 1px 3px rgba(15, 23, 42, 0.12);
transition: transform 0.12s ease, box-shadow 0.12s ease;
-webkit-appearance: none;
appearance: none;
}
.public-press-single-share__btn:hover,
.public-press-single-share__btn:focus {
transform: translateY(-1px);
box-shadow: 0 3px 10px rgba(15, 23, 42, 0.18);
outline: none;
}
.public-press-single-share__btn:focus-visible {
outline: 2px solid #2563eb;
outline-offset: 2px;
}
.public-press-single-share__icon::before {
font-family: Genericons;
display: block;
font-size: 22px;
line-height: 1;
color: #fff;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.public-press-single-share__btn--fb {
background: #1877f2;
}
.public-press-single-share__btn--fb .public-press-single-share__icon::before {
content: '\f204';
}
.public-press-single-share__btn--x {
background: #000;
}
.public-press-single-share__btn--x .public-press-single-share__icon::before {
content: '\f202';
}
.public-press-single-share__btn--pin {
background: #bd081c;
}
.public-press-single-share__btn--pin .public-press-single-share__icon::before {
content: '\f210';
}
.public-press-single-share__btn--wa {
background: #25d366;
color: #fff;
}
.public-press-single-share__wa-wrap {
display: flex;
align-items: center;
justify-content: center;
width: 22px;
height: 22px;
flex-shrink: 0;
}
.public-press-single-share__wa-svg {
display: block;
width: 22px;
height: 22px;
}
.public-press-single-share__btn--mail {
background: #64748b;
}
.public-press-single-share__btn--mail .public-press-single-share__icon::before {
content: '\f410';
}
.public-press-single-share__btn--print {
background: #334155;
}
.public-press-single-share__btn--print .public-press-single-share__icon::before {
content: '\f469';
}
.social-wrapper-single {
float: right;
}
#galleryBM .social-wrapper-single{
clear:both;
}
.social > *{
padding: 8px;
margin: 0 3px;
color: #fff;
font-size: 12px;
line-height: 1.3;
display:inline-block;
}
.social > *:hover{
color: #333;
}
.social span{
padding: 3px 0 3px 5px;
border-left: 1px solid #bbb;
}
.social i{
padding: 0 3px;
}
.fb{
background: #1877f2;
}
.tw{
background: #bd081c;
}
.gg{
background: #db4437;
}
.yt{
background: #cc181e;
}
.inst{
background: #833ab4;
background: linear-gradient(135deg, #833ab4 0%, #e1306c 38%, #fd1d1d 62%, #fcb045 100%);
}
.inst i:after{
content: '\f215';
font-size: 21px;
line-height: 15px;
}
.fb i:after{
content: '\f204';
}
.tw i:after{
content: '\f209';
}
.gg i:after,
.fa-google-plus:before {
content: '\f206' !important;
font-family: Genericons;
}
.yt i:after{
content: '\f213';
}
.social-wrapper-links > a {
border: 0;
border-radius: 50%;
background-clip: padding-box;
box-sizing: border-box;
display: inline-flex;
align-items: center;
justify-content: center;
padding: 0;
width: 36px;
height: 36px;
text-align: center;
z-index: 9;
position: relative;
box-shadow: 0 1px 3px rgba(15, 23, 42, 0.12);
transition: transform 0.12s ease, box-shadow 0.12s ease;
}
.social-wrapper-links > a:before {
content: '';
opacity: 0;
background: #fff;
position: absolute;
inset: 0;
border-radius: 50%;
pointer-events: none;
transition: opacity 0.15s ease;
}
.social-wrapper-links > a:hover:before {
opacity: 0.1;
}
.social-wrapper-links > a:hover {
transform: translateY(-1px);
box-shadow: 0 3px 10px rgba(15, 23, 42, 0.18);
}
.social-wrapper-links a i{
position: relative;
z-index: 1;
color: #fff;
}
.social-wrapper-links > a.fb i:after,
.social-wrapper-links > a.inst i:after{
color: #fff;
font-size: 18px;
line-height: 1;
}
a.fb:hover i{
color: #fff;
}
a.tw:hover i{
color: #bd081c;
}
a.gg:hover i{
color: #db4437;
}
a.yt:hover i{
color: #cc181e;
}
/* end social */
.hidden{
display: none;
}
/* scroller horizontal */
.scroller-wrapper-main-h,
.scroller-wrapper-main {
width: 100%;
overflow: hidden;
position: relative;
min-height: 2.75rem;
}
.scroller-wrapper-h {
width: 10000px;
min-height: 2.75rem;
}
/* Pista avvisi: flex (niente float) così le slide non si sovrappongono se la larghezza al primo paint era errata. */
#ultima-ora .scroller-wrapper-h {
display: flex;
flex-direction: row;
flex-wrap: nowrap;
align-items: flex-start;
}
#ultima-ora .scroller-wrapper-h::after {
content: none;
display: none;
}
.scroll-box {
display:none;
float: left;
width: 10%;
padding: 0 5px;
}
#ultima-ora .scroll-box {
padding-left: clamp(0.5rem, 1.8vw, 1rem);
padding-right: clamp(0.5rem, 1.8vw, 1rem);
box-sizing: border-box;
float: none;
flex: 0 0 auto;
}
.loader-gif{
position: absolute;
left:50%;
top:50%;
margin: -16px 0 0 -16px;
z-index: 99;
}
/* END scroller horizontal */
.title {
text-transform: uppercase;
color: #002372;
font-weight: 700;
letter-spacing: 1px;
}
#trend-topics .title {
font-size: 35px;
line-height: 1;
display: inline-block;
vertical-align: middle;
/*width: 33%;*/
font-weight: 900;
}
#trend-topics-wrapper-all {
background: #eee;
padding: 15px 4.5455%;
}
#trend-topics-wrapper {
display: inline-block;
width: 67%;
vertical-align: middle;
}
.topic {
text-transform: uppercase;
color: #999;
font-size: 22px;
padding: 5px 2%;
font-weight: 900;
}
.evidenza-post{
width: 32.657%;
margin: 0 0 .3% .69%;
position: relative;
min-height: 10vw;
float:left;
}
.evidenza-post.first{
width: 100%;
padding:0;
margin-left: 0;
}
.post-thumb-placeholder{
width: 100%;
padding-bottom: 62.32%;
}
.evidenza-post.first .post-thumb-placeholder{
padding-bottom: 0;
}
.overlay{
position: absolute;
z-index:2;
}
.evidenza-post:nth-child(4){
clear:both;
margin-left: 0;
}
.evidenza-post .overlay{
bottom: 0;
left: 0;
width: 86%;
padding: 2% 7% 1%;
background: rgba(0,0,0,.2);
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
box-sizing: content-box;
}
.img-wrapper{
display:block;
}
#isc-link {
vertical-align: top;
text-align: right;
}
#isc-link .public-press-header-emblem-img {
max-width: 50px;
width: auto;
height: auto;
vertical-align: middle;
}
.public-press-site-header__logo .custom-logo-link {
display: inline-block;
}
.public-press-site-header__logo .custom-logo {
max-width: min(640px, 100%);
max-height: min(420px, 60vh);
width: auto;
height: auto;
object-fit: contain;
vertical-align: middle;
}
.evidenza-post .overlay, .evidenza-post .category{
font-size: 12px;
text-shadow: 0 0 2px #000;
}
.evidenza-post .title {
color: #fff;
font-size: 1.1vw;
line-height: 1.3;
}
.evidenza-post .excerpt{
font-size: .9em;
overflow: hidden;
display: -webkit-box !important;
-webkit-line-clamp: 5;
-webkit-box-orient: vertical;
text-overflow: -o-ellipsis-lastline;
max-height: 10em;
vertical-align: bottom;
color:inherit;
}
.evidenza-post .excerpt:after{
content: '... (continua)';
position: absolute;
}
.evidenza-post a.title:hover, h2.title a:hover{
color: #002372;
text-shadow: 0 0 0 #000;
}
.evidenza-post img{
width: 100%;
height:auto;
}
.evidenza-post .date{
margin: 0 6% 0 0;
}
.evidenza-post .category:before {
border-left-width: 4px;
height: 16px;
top: 3px;
}
.evidenza-post.first .overlay{
left: initial;
right: 0;
top: 0;
width: 25%;
padding: 7% 3%;
text-align: center;
color: #002372;
background: rgba(255,255,255,.7);
text-shadow: none;
transition: .3s background ease;
}
.evidenza-post.first:hover .overlay{
background: rgba(255,255,255,.9);
}
.evidenza-post.first .overlay > *{
margin: 1em 0;
display:block;
}
.evidenza-post.first .category{
text-shadow: none;
}
.evidenza-post.first .category:before {
border-left-width: 6px;
height: 22px;
top: 4px;
content:none;
}
.evidenza-post.first .overlay, .evidenza-post.first .category{
font-size: 15px;
}
.evidenza-post.first .title{
font-size: 1.7vw;
line-height: 1.3;
color: #002372;
font-weight: 400;
font-family: 'Open Sans', sans-serif;
}
.author{
/*font-style:italic;*/
font-weight: 700;
color: #0071bc;
}
#primary{
position:relative;
}
#main{
padding-right: 0;
min-height: 1600px;
}
#header_post-category h3, #header_post-category h1 {
font-size: 80px;
text-transform: uppercase;
text-align: center;
line-height: 1.1;
}
.v-spacer{
min-height: 30px;
width:100%;
}
.post-tags-wrapper {
float: right;
}
.breadcrumbs, .post-tags-wrapper ul{
margin: 15px 0;
}
.post-tags-wrapper li {
list-style: none;
display: inline-block;
}
.post-tags-wrapper li a {
background: #333;
color: #fff;
text-transform: uppercase;
font-weight: 300;
font-size: 11px;
padding: 3px 8px;
}
.post-tags-wrapper li a:hover {
background: #002372;
}
aside{
width:300px;
position:absolute;
top:0;
right:0;
bottom:0;
height:100%;
}
.entry-content{
text-align: center;
}
.entry-content p, .entry-content ul, .entry-content h2, .entry-content h3, .entry-content h4 {
text-align: left;
}
.loop{
margin: 35px 0 0;
}
h2.title {
border-bottom: 3px solid #eee;
margin: 0 0 25px;
position: relative;
}
h2.title > *{
position:relative;
z-index: 2;
display: inline-block;
/*padding: 0 13px;*/
}
/*
h2.title a{
background: #58585a;
color: #fff;
}*/
.loop-wrapper.little-wrapper {
margin-top: 25px;
}
.loop-single {
width: 49.5%;
display:inline-block;
padding: 0 1.5%;
margin: 25px 0;
vertical-align: top;
}
.loop-single:nth-child(odd) {
padding-left: 0;
}
.loop-single:nth-child(even) {
padding-right: 0;
}
.loop-single .title {
color: #111;
display: block;
padding: .5em 0 .3em;
font-family: 'Open Sans', sans-serif;
font-size: 19px;
line-height: 21px;
font-weight:900;
}
.single .author,
.single .g_numero,
.single .post-date,
.loop-single .author,
.loop-single .g_numero,
.loop-single .post-date {
font-weight: 500 !important;
color: #002372 !important;
text-transform: uppercase !important;
font-size: 12px !important;
}
.loop-single .g_numero a {
color: #002372 !important;
}
.single .g_numero a:hover,
.loop-single .g_numero a:hover {
color: #0071bc !important;
}
.single .author .sep,
.single .g_numero .sep,
.loop-single .author .sep,
.loop-single .g_numero .sep {
color: #0071bc !important;
font-style: normal !important;
}
.single .g_numero,
.loop-single .g_numero {
color: #002372 !important;
}
.loop-single .img-wrapper, .evidenza-post .img-wrapper {
vertical-align: top;
position: relative;
width: 100%;
padding-bottom: 56.25%;
}
.loop-single .img-wrapper img, .evidenza-post .img-wrapper img{
width: 100%;
position: absolute;
top: 0;
left: 0;
height: 100%
}
.post-type-archive-vignette .loop-single{
margin-bottom: 4em;
}
.post-type-archive-vignette .loop-single .img-wrapper{
padding-bottom: 0;
}
.post-type-archive-vignette .loop-single .img-wrapper img{
position: static;
}
.post-date {
color: #aaa;
}
.overlay .post-date {
color: #fff;
}
.excerpt{
font-size: 15px;
}
.fullRow .loop-single{
width: 100%;
}
.loop-single.little > * {
display: inline-block;
width: 49.5%;
vertical-align: middle;
padding-bottom: 28.125%;
}
.fullRow .loop-single.little > .img-wrapper{
width: 40%;
}
.fullRow .loop-single.little > .info-wrapper{
width: 59.5%;
}
.little .info-wrapper{
padding: 0 0 0 3%;
}
.social-shares-wrapper{
position: fixed;
bottom:0;
left:0;
height: 36px;
width:100%;
z-index:99;
display:none;
}
.share-link.inst{
/* http://colorzilla.com/gradient-editor/#6b3ddd+0,f70dbc+33,f80e41+66,f9f852+100 */
background: #6b3ddd ; /* Old browsers */
background: -moz-linear-gradient(top, #6b3ddd 0%, #f70dbc 33%, #f80e41 66%, #f9f852 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #6b3ddd 0%,#f70dbc 33%,#f80e41 66%,#f9f852 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #6b3ddd 0%,#f70dbc 33%,#f80e41 66%,#f9f852 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6b3ddd ', endColorstr='#f9f852 ',GradientType=0 ); /* IE6-9 */
}
.share-link.fb{
background-color: #3b5998;
background-image: url('data:image/svg+xml;utf8,');
}
.share-link.tw{
background-color: #00aced;
background-image: url('data:image/svg+xml;utf8,');
}
.share-link.wa{
background-color: #64d448;
background-image: url('data:image/svg+xml;utf8,');
}
.share-link.gg{
background-color: #E02F2F;
background-image: url('data:image/svg+xml;utf8,');
}
.share-link.mail{
background-color: #666;
background-image: url('data:image/svg+xml;utf8,');
}
.share-link{
width: 20%;
height: 36px;
float:left;
display: block;
background-repeat: no-repeat;
background-position: center center;
background-size: 18px 18px;
}
.mobile-hour, .wa-share-btn{
display: none;
}
.site-inner > #masthead-sticky-wrapper {
width: 100%;
max-width: 1900px;
margin-left: auto;
margin-right: auto;
box-sizing: border-box;
}
#masthead-sticky-wrapper:not(.is-sticky){
height:auto !important;
}
.is-sticky > #masthead #ultima-ora {
margin-top: 0 !important;
}
/* Barra admin WP (z-index 99999): masthead sticky sotto, mai sopra */
body.admin-bar .is-sticky > #masthead {
z-index: 9990 !important;
}
body.admin-bar .is-sticky > #masthead .site-header-main.public-press-site-header__top {
z-index: 9991 !important;
}
@media screen and (max-width: 782px) {
body.admin-bar #site-header-menu {
top: 46px;
height: calc(100vh - 46px);
}
}
@media screen and (min-width:901px){
.is-sticky > #masthead{
background: #fff;
z-index: 99999;
/* Nessun bordo qui: i bordi della barra avvisi sono tutti grigi su #ultima-ora */
border-bottom: none;
padding-top: 0;
width: 100%;
/*
* jQuery sticky imposta `position: fixed` senza `left/right`: su alcuni layout il masthead
* può “derivare” lateralmente durante lo scroll. Forziamo il centramento nel viewport.
*/
left: 0;
right: 0;
max-width: 1900px;
margin-left: auto;
margin-right: auto;
}
.is-sticky > #masthead .site-header-main.public-press-site-header__top {
position: absolute;
top: 0;
left: 0;
right: 0;
height: 0;
overflow: visible;
z-index: 100001;
}
.is-sticky > #masthead .site-branding{
margin: 0;
}
.is-sticky > #masthead .site-header-menu {
margin: 0;
}
.is-sticky h1 img{
max-height: 60px;
width: auto;
}
.is-sticky #brand{
position: absolute;
left: 2%;
bottom: 0;
width: 55px;
height: 51px;
background: url() no-repeat;
background-size: contain;
}
.is-sticky #brand img, .is-sticky #top-navigation, .is-sticky #today-date, .is-sticky #isc-link{
display: none;
}
}
/* image zoom on hover */
a.img-wrapper{
overflow: hidden;
}
a.img-wrapper img, .css-animate{
display: block;
-webkit-transition: all 0.5s ease; /* Safari and Chrome */
-moz-transition: all 0.5s ease; /* Firefox */
-ms-transition: all 0.5s ease; /* IE 9 */
-o-transition: all 0.5s ease; /* Opera */
transition: all 0.5s ease;
}
.css-animate-fast{
display: block;
-webkit-transition: all 0.3s ease; /* Safari and Chrome */
-moz-transition: all 0.3s ease; /* Firefox */
-ms-transition: all 0.3s ease; /* IE 9 */
-o-transition: all 0.3s ease; /* Opera */
transition: all 0.3s ease;
}
a.img-wrapper:hover img, .evidenza-post:hover img{
-webkit-transform:scale(1.10); /* Safari and Chrome */
-moz-transform:scale(1.10); /* Firefox */
-ms-transform:scale(1.10); /* IE 9 */
-o-transform:scale(1.10); /* Opera */
transform:scale(1.10);
}
.css-animate-color, .social-wrapper-links > a i{
-webkit-transition: color 0.6s ease; /* Safari and Chrome */
-moz-transition: color 0.6s ease; /* Firefox */
-ms-transition: color 0.6s ease; /* IE 9 */
-o-transition: color 0.6s ease; /* Opera */
transition: color 0.6s ease;
}
.css-animate-opacity, .social-wrapper-links > a:before{
-webkit-transition: opacity 0.6s ease; /* Safari and Chrome */
-moz-transition: opacity 0.6s ease; /* Firefox */
-ms-transition: opacity 0.6s ease; /* IE 9 */
-o-transition: opacity 0.6s ease; /* Opera */
transition: opacity 0.6s ease;
}
.css-animate-left{
-webkit-transition: left 0.3s ease; /* Safari and Chrome */
-moz-transition: left 0.3s ease; /* Firefox */
-ms-transition: left 0.3s ease; /* IE 9 */
-o-transition: left 0.3s ease; /* Opera */
transition: left 0.3s ease;
}
.css-animate-right{
-webkit-transition: right 0.3s ease; /* Safari and Chrome */
-moz-transition: right 0.3s ease; /* Firefox */
-ms-transition: right 0.3s ease; /* IE 9 */
-o-transition: right 0.3s ease; /* Opera */
transition: right 0.3s ease;
}
@media screen and (max-width: 1400px){
#header_post-category h3, #header_post-category h1{
font-size: 5vw;
}
.evidenza-post .title{
font-size: 15px;
}
.evidenza-post.first .category:before {
border-left-width: 3px;
height: 20px;
}
.main-navigation a {
padding: 0.65625em .9%;
font-size: 15px;
}
}
@media screen and (max-width: 1300px){
#trend-topics .title{
font-size: 2.8vw;
}
.topic{
font-size:1.4vw;
}
}
@media screen and (max-width: 1200px){
.evidenza-post .title{
font-size: 15px;
-webkit-line-clamp: 2;
max-height: 2.4em;
}
.main-navigation a {
font-size: 14px;
}
#masthead-sticky-wrapper:not(.is-sticky) #top-navigation li{
display: block;
text-align: right;
}
#masthead-sticky-wrapper:not(.is-sticky) #top-navigation li:before{
content: none;
}
}
@media screen and (max-width:1160px){
.evidenza-post.first .title {
font-size: 26px;
line-height: 1.3;
}
.site-header {
padding-right: 1%;
padding-left: 1%;
}
.main-navigation a{
font-size: 1.3vw;
padding: 0.65625em .2% 0.65625em .8%;
}
.evidenza-post.first {
width: 100%;
}
.evidenza-post{
width: 48.5%;
padding: 0;
margin: 10px 0 10px 3%;
}
.evidenza-post:nth-child(even){
margin-left:0;
}
.evidenza-post:nth-child(2){
padding-left:0;
}
.evidenza-post:last-child{
padding-right:0;
clear:both;
}
.evidenza-post .img-wrapper{
margin:0;
}
.loop-wrapper.little-wrapper .loop-single, .archive .loop-single{
width: 100%;
padding: 15px 0;
}
.loop-wrapper.little-wrapper .loop-single .img-wrapper{
width: 33%;
}
.loop-wrapper.little-wrapper .loop-single .info-wrapper{
width: 63%;
}
.loop-cat-link{
font-size: 14px;
margin-top: -51px;
}
#masthead-sticky-wrapper{
height: auto !important;
}
}
@media screen and (max-width: 1000px) and (min-width:900px){
.loop-cat-link {
font-size: 1.2vw;
margin-top: -47px;
}
@media screen and (max-width: 920px){
.loop-cat-link {
font-size: 1.1vw;
}
}
}
@media screen and (max-width:950px) and (min-width:750px){
.social-wrapper-links > a {
width: 32px;
height: 32px;
}
.social-wrapper-links > a.fb i:after,
.social-wrapper-links > a.inst i:after{
font-size: 16px;
}
}
@media screen and (max-width:900px){
.menu-toggle{
margin: .5em 0;
}
.site-main{
padding-bottom: 0;
}
.site-main > article{
margin-bottom: 1.5em;
}
#isc-link{
display: none;
}
#header_post-category h3, #header_post-category h1{
font-size: 38px;
}
.v-spacer {
min-height: 20px;
}
.search-submit:before{
height: 23px;
width: 23px;
background-position: -77px 0;
}
#masthead{
position: sticky;
top: 0;
width:100%;
z-index:999;
padding-top: 1rem;
background: #fff;
}
/* Spazio bianco DOPO la barra (fuori dall’header) */
#content.site-content{
padding-top: calc(4em + var(--public-press-after-header-gap, 1rem));
}
body.admin-bar #masthead {
top: 32px !important;
}
@media screen and (max-width: 782px) {
body.admin-bar #masthead {
top: 46px !important;
}
}
/* Con jQuery sticky attivo, .is-sticky azzerava il margin della barra avvisi: su mobile resta respiro sotto i logo. */
.is-sticky > #masthead #ultima-ora {
margin-top: 0.75rem !important;
}
#top-navigation {
top: initial;
bottom: 0;
right: 0;
width: 100%;
background: #f6f6f6;
}
#top-navigation ul {
display: flex;
max-width: 400px;
margin: 0 auto;
}
#top-navigation li {
text-align: center !important;
width: 100%;
}
#top-navigation li:before{
content: none;
}
#top-navigation a{
padding: 1em;
}
#site-navigation-footer{
display:none;
}
#updated-date{
font-size: 12px;
}
#today-date, .search-form-wrapper{
position: absolute;
top: 130px;
z-index: 10000000;
left: 100vw;
width: auto;
opacity:0;
}
.widget.widget_text{
text-align: center;
}
input[type="search"].search-field{
font-size: 17px;
font-size: 1.1rem;
padding: .6em .8em;
}
#today-date{
top: 92px;
color: #ddd;
}
#today-date i {
color: #fff;
}
.search-form{
max-width:450px;
width: 60vw;
}
.search-submit{
left: initial;
right:0;
}
input[type="search"].search-field{
width:100%;
}
.site-header {
padding: 1.375em 1.6923% 0;
}
#brand{
width:300px;
display: block;
margin: 0 auto;
}
#menu-toggle:before {
content: '\f419';
font-family: 'Genericons';
position: relative;
top: 2px;
padding-right: 5px;
color: #002372;
}
#site-header-menu{
position: fixed;
z-index: 999999;
right: -100%;
top: 0;
background:#fff;
border-bottom: 5px solid #002372;
width: 100%;
height: 100vh;
margin: 0;
}
body.admin-bar #site-header-menu{
z-index: 99998 !important;
top: 32px;
height: calc(100vh - 32px);
}
.main-navigation .menu-main_menu-container{
padding-top: 180px;
background: #333;
}
.main-navigation :not(#menu-footer_menu).primary-menu {
border-bottom: 0;
margin-top: 80px;
border-top: 5px solid #002372;
padding-top: 10px;
max-height: 78vh;
max-height: calc( 100vh - 225px );
overflow: auto;
background: #fff; /* For browsers that do not support gradients */
background: -webkit-linear-gradient(right, #fff, #f6f6f6); /* For Safari 5.1 to 6.0 */
background: -o-linear-gradient(left, #fff, #f6f6f6); /* For Opera 11.1 to 12.0 */
background: -moz-linear-gradient(left, #fff, #f6f6f6); /* For Firefox 3.6 to 15 */
background: linear-gradient(left, #fff, #f6f6f6); /* Standard syntax */
}
.main-navigation a{
font-size: 17px;
margin-bottom: 5px;
position: relative;
}
.main-navigation .primary-menu>li>a:before {
font-size: 40px;
content: '__________';
width: 100%;
text-align: center;
left: 0;
bottom: 0;
top: initial;
border:0;
}
#masthead:target #brand, .menu-open #brand{
width: 100% !important;
position: absolute;
z-index: 9999999;
left: 0;
background: #fefefe;
top: 0;
padding: 2px 3% 0;
}
body.admin-bar #masthead:target #brand,
body.admin-bar.menu-open #brand{
z-index: 99990 !important;
}
#masthead:target #brand img, .menu-open #brand img{
width: 300px;
}
#masthead:target #site-header-menu, .menu-open #site-header-menu{
right: 0;
}
#masthead:target #menu-close, .menu-open #menu-close{
display: block;
}
#masthead:target .search-form-wrapper, .menu-open .search-form-wrapper{
left: 22vw;
opacity: 1;
}
#masthead:target #isc-link, .menu-open #isc-link{
position: fixed;
display: block;
bottom: 55px;
left: 50%;
z-index: 9999999;
width: auto;
margin-left: -25px;
}
body.admin-bar #masthead:target #isc-link,
body.admin-bar.menu-open #isc-link{
z-index: 99990 !important;
}
#trend-topics .title{
font-size: 24px;
}
.topic{
font-size: 13px;
}
.mobile-hour{
display: inline;
}
/* incolonno la colonna */
#brand {
width: 260px;
margin: .5vw 0;
}
#updated-date {
position: absolute;
left: 13px;
top: 48px;
}
body {
padding-top: 0 !important;
}
#page.site{
padding-top: 0 !important;
}
/* Su mobile il masthead è sticky (nel flusso): niente offset calcolati sul contenuto. */
/*.evidenza-post, .loop-single{
width:100%;
padding: 0 0 25px;
}*/
#main{
padding-right:0;
min-height: 0!important;
}
aside{
position: static;
margin: 0 auto 50px;
width: 100%;
text-align: center;
padding-top: 50px;
border-top: 15px solid #002372;
}
aside .widget {
display: inline-block;
padding: 0 1%;
vertical-align: middle;
}
.widget_recent_entries{
width:100%;
}
#colophon.site-footer #logo-footer img,
#colophon.site-footer #logo-footer .public-press-footer-logo-img {
max-width: min(100%, 150px) !important;
max-height: 100px !important;
width: auto !important;
height: auto !important;
object-fit: contain;
}
#colophon.site-footer #logo-footer.public-press-site-footer__logo {
max-height: 112px;
}
.site-footer {
padding-top: 0.875em;
}
#header_post-category h3, #header_post-category h1{
font-size: 7vw;
}
.v-spacer{
min-height: 2vh;
}
.archive .loop-single{
width: 49.5%;
}
#today-date{
top: 91px;
}
}
@media screen and (max-width: 44.375em) {
#brand{
margin:0;
}
}
@media screen and (max-width: 750px){
.main-navigation .primary-menu{
max-height: calc( 100vh - 165px );
}
.social-wrapper-links{
position: fixed;
right: -450px;
bottom: 75px;
z-index: 999;
width: 65%;
min-width: 200px;
}
.menu-open #isc-link{
left: 25%;
}
.menu-open .social-wrapper-links{
right: 0;
}
.one-fifth:last-child{
width: 0;
position: absolute;
}
}
@media screen and (max-height: 500px) and (orientation: landscape) and (max-width: 800px),
screen and (max-height: 800px) and (orientation: portrait){
.social-shares-wrapper{
display: block;
}
.fb_iframe_widget, .wa-share-btn{
display: none !important;
}
a.wa-share-btn {
position: relative;
z-index: 1;
font-size: 23px;
margin: 44px 15px -44px;
float: left;
color: #fff;
background: #64d448;
border-radius: 50px;
width: 36px;
text-align: center;
vertical-align: middle;
line-height: 34px;
height: 36px;
display: inline-block;
}
}
@media screen and (max-width:680px){
.loop-cat-link {
margin: -15px 1% 15px;
}
}
@media screen and (max-width:500px){
#today-date{
top: 88px;
}
.entry-content, .entry-summary {
line-height: 1.6;
}
.textwidget h2 {
font-size: 18px;
font-size: 1.12rem;
}
.lSAction > span{
padding:3px 2vw;
}
.box_arrows{
font-size: 14px;
line-height: 26px;
}
.entry-title{
margin-bottom: 1em;
}
#header_post-category h3, #header_post-category h1{
font-size: 30px;
padding-bottom: 10px;
margin-top: 30px;
}
.evidenza-post:not(.first) .overlay{
position: static;
color: inherit;
text-shadow: none;
width: 100%;
margin: 10px 0;
padding:0;
background:none;
}
.evidenza-post:not(.first) .category{
color: #aaa;
text-shadow: none;
}
.evidenza-post:not(.first) .title {
color: #111;
font-weight: 900;
font-size: 17px;
-webkit-line-clamp: initial;
max-height: initial;
}
.evidenza-post:not(.first) .date {
display: block;
margin-top: 9px;
}
div.yarpp-related > h3, .loop-wrapper.lasts > h3{
font-size: 17px;
}
#masthead:target .search-form-wrapper, .menu-open .search-form-wrapper {
left: 5vw;
}
.search-form {
width: 90vw;
float: none;
}
#menu-close{
top: 20px;
right: 15px;
}
#trend-topics .title {
font-size: 24px;
display: block;
width: 100%;
margin: 0 0 10px;
}
#trend-topics-wrapper{
width:100%;
}
.archive .loop-single{
width: 100%;
}
#masthead:target #brand, .menu-open #brand{
text-align: left;
margin:0;
}
#menu-close {
top: 6vw;
}
.evidenza-post.first .title{
font-size: 25px;
line-height: 1.4;
}
.loop-single .title, .evidenza-post:not(.first) .title{
font-size: 14px;
line-height: 1.4;
}
.post-date,
.evidenza-post.first .overlay, .evidenza-post.first .category {
font-size: 12px;
}
.evidenza-post.first .category:before {
border-left-width: 4px;
height: 18px;
top: 4px;
}
.evidenza-post.first .overlay{
position: static;
color: inherit;
text-shadow: none;
width: 100%;
margin: 10px 0;
padding:0;
background:none;
}
.evidenza-post.first .category{
color: #aaa;
text-shadow: none;
}
.evidenza-post.first .title {
color: #111;
font-weight: 900;
font-size: 17px;
}
.evidenza-post.first .date {
display: block;
}
.loop-single, .evidenza-post{
width: 100%;
padding: 0 0 20px;
border-bottom: 1px solid #ddd;
margin: 0 0 25px;
}
.loop-single:last-child, .evidenza-post:last-child {
border: 0;
}
.overlay .post-date {
color: #aaa;
}
}
@media screen and (max-width: 440px){
.main-navigation :not(#menu-footer_menu).primary-menu {
max-height: 48vh;
max-height: calc( 100vh + ( 1px - 52vw ) );
}
#masthead:target #brand > a, .menu-open #brand > a{
width: 80vw;
display: block;
}
#today-date {
top: 19.5vw;
}
.main-navigation .menu-main_menu-container {
padding-top: 40.7vw;
}
.search-form-wrapper {
position: absolute;
top: 29vw;
}
input[type="search"].search-field {
padding: 2.5vw .8em;
}
.public-press-avvisi-tab {
display: block;
border-radius: 12px;
width: fit-content;
max-width: calc(100% - 1rem);
margin-left: auto;
margin-right: auto;
margin-top: 0.15rem;
margin-bottom: 0.75rem;
}
}
@media screen and (max-width: 400px){
#brand{
width: 240px;
margin-top: -2px;
}
.main-navigation :not(#menu-footer_menu).primary-menu {
max-height: 48vh;
max-height: calc( 100vh - 180px );
}
#menu-toggle {
width: 29px;
overflow: hidden;
border: 0;
}
#menu-toggle:before {
font-size: 23px;
line-height: 1;
}
}
@media screen and (max-width:380px){
.home h2.title {
font-size: 6.3vw;
}
}
@media screen and (max-width:360px){
.main-navigation :not(#menu-footer_menu).primary-menu{
max-height: 67vh;
}
}
@media screen and (max-height:450px){
#today-date{
display: none;
}
#masthead:target #brand, .menu-open #brand{
border-bottom-width: 5px !important;
}
.search-form-wrapper{
top: 100px;
}
.main-navigation .menu-main_menu-container {
padding-top: 148px;
}
.menu-open #isc-link, .menu-open .social-wrapper-links{
display: none;
}
.main-navigation :not(#menu-footer_menu).primary-menu {
max-height: 74vh;
max-height: calc( 100vh - 127px );
}
}
@media screen and (max-height:380px), screen and (max-width: 400px){
#today-date {
top: 67px;
font-size: 12px;
}
.search-form-wrapper {
top: 100px;
}
input[type="search"].search-field {
padding: .2em .8em;
}
.main-navigation .menu-main_menu-container {
padding-top: 135px;
}
#menu-close {
top: 20px;
}
#masthead:target #brand, .menu-open #brand {
border-bottom-width: 27px;
}
#masthead:target #brand > a, .menu-open #brand > a {
width: 250px;
}
@media screen and (max-height: 380px){
.search-form-wrapper {
top: 77px;
}
.main-navigation .menu-main_menu-container {
padding-top: 109px;
}
}
}
@media screen and (max-height:300px){
.search-form-wrapper{
display: none;
}
.main-navigation .menu-main_menu-container {
padding-top: 63px;
}
}
@media screen and (max-height:270px){
.main-navigation a {
font-size: 15px;
margin-bottom: 4px;
}
.main-navigation .primary-menu>li>a:before {
font-size: 35px;
}
}
/* -------------------------------------------------------------------------
* Homepage statica + Elementor (front-page.php)
* Allarga l’area contenuto: le sezioni Elementor gestiscono padding/larghezza.
* ------------------------------------------------------------------------- */
.public-press-front-page-static .site-main,
.public-press-front-page-static .content-area {
max-width: 100%;
width: 100%;
}
.public-press-front-page-static .public-press-elementor-entry-content > .elementor {
margin-left: auto;
margin-right: auto;
}
/* -------------------------------------------------------------------------
* Homepage statica: layout a blocchi PHP (.public-press-home-php) — schema mockup
* ------------------------------------------------------------------------- */
.public-press-home-php .site-main,
.public-press-home-php .content-area {
max-width: 100%;
width: 100%;
padding-left: 0;
padding-right: 0;
}
/* Variabili anche sul contenitore primario: la hero le usa per il lavanda anche se il DOM cambia */
.public-press-home-php {
--public-press-home-lavender: #e8e4f5;
--public-press-home-blue: #2563eb;
--public-press-home-blue-hover: #1d4ed8;
--public-press-home-radius-lg: 16px;
--public-press-home-radius-md: 12px;
--public-press-home-shadow: 0 4px 24px rgba(15, 23, 42, 0.08);
}
.public-press-home-mockup {
--public-press-home-lavender: #e8e4f5;
--public-press-home-blue: #2563eb;
--public-press-home-blue-hover: #1d4ed8;
--public-press-home-blue-band: #1e40af;
--public-press-home-max: 1140px;
--public-press-home-radius-lg: 16px;
--public-press-home-radius-md: 12px;
--public-press-home-shadow: 0 4px 24px rgba(15, 23, 42, 0.08);
--public-press-home-font: 'Open Sans', sans-serif;
font-family: var(--public-press-home-font);
color: #111827;
}
/* --- Hero (fascia lavanda, due colonne) --- */
.public-press-home-php .public-press-home-hero {
background: var(--public-press-home-lavender, #e8e4f5);
padding: clamp(2rem, 5vw, 3.5rem) clamp(1.25rem, 4vw, 2rem);
}
.public-press-home-php .public-press-home-hero__inner {
max-width: var(--public-press-home-max);
margin: 0 auto;
display: grid;
grid-template-columns: minmax(0, 1fr) minmax(260px, 400px);
grid-template-rows: auto auto;
grid-template-areas:
"hero-text hero-media"
"hero-cta hero-media";
align-items: start;
column-gap: clamp(1.75rem, 4vw, 3rem);
row-gap: 1rem;
}
.public-press-home-php .public-press-home-hero__col {
min-width: 0;
}
.public-press-home-php .public-press-home-hero__col--text {
grid-area: hero-text;
max-width: 36rem;
align-self: start;
}
.public-press-home-php .public-press-home-hero__col--cta {
grid-area: hero-cta;
align-self: start;
}
.public-press-home-php .public-press-home-hero__col--media {
grid-area: hero-media;
display: flex;
justify-content: center;
justify-self: center;
align-self: center;
}
.public-press-home-php .public-press-home-hero__title {
margin: 0 0 1rem;
font-size: clamp(1.6rem, 4.2vw, 2.35rem);
font-weight: 700;
line-height: 1.2;
color: #0f172a;
letter-spacing: -0.02em;
}
.public-press-home-php .public-press-home-hero__excerpt {
margin: 0;
color: #334155;
line-height: 1.6;
font-size: 1.05rem;
}
.public-press-home-php .public-press-home-hero__excerpt p {
margin: 0 0 0.5em;
}
.public-press-home-php .public-press-home-hero__excerpt p:last-child {
margin-bottom: 0;
}
.public-press-home-php .public-press-home-hero__cta-wrap {
margin: 0;
}
.public-press-home-php .public-press-home-hero__btn {
display: inline-block;
padding: 0.7rem 1.6rem;
background: var(--public-press-home-blue);
color: #fff !important;
text-decoration: none;
font-weight: 600;
font-size: 0.95rem;
border-radius: var(--public-press-home-radius-md);
box-shadow: 0 2px 12px rgba(37, 99, 235, 0.35);
transition: background 0.2s ease, transform 0.15s ease, box-shadow 0.2s ease;
}
.public-press-home-php .public-press-home-hero__btn:hover,
.public-press-home-php .public-press-home-hero__btn:focus {
background: var(--public-press-home-blue-hover);
color: #fff !important;
transform: translateY(-1px);
box-shadow: 0 4px 16px rgba(37, 99, 235, 0.4);
}
.public-press-home-php .public-press-home-hero__media-link {
display: block;
line-height: 0;
width: 100%;
max-width: 400px;
margin-left: auto;
margin-right: auto;
}
.public-press-home-php .public-press-home-hero__img {
width: 100%;
height: auto;
border-radius: var(--public-press-home-radius-lg);
object-fit: cover;
aspect-ratio: 1 / 1;
box-shadow: var(--public-press-home-shadow);
}
.public-press-home-php .public-press-home-hero__img--placeholder {
display: block;
width: 100%;
aspect-ratio: 1 / 1;
border-radius: var(--public-press-home-radius-lg);
background: var(--public-press-home-blue);
box-shadow: var(--public-press-home-shadow);
}
/* Hero + header avvisi: layout mobile (titolo → estratto → immagine → pulsante; logo centrato; barra avvisi a tutta larghezza) */
@media screen and (max-width: 900px) {
/*
* La home PHP è dentro #content.site-content: il padding globale 4em in alto lasciava una banda bianca
* tra masthead fisso e la fascia lavanda della hero.
*/
.site-content:has(#primary.public-press-home-php) {
padding-top: var(--public-press-after-header-gap, 1rem);
padding-left: 0;
padding-right: 0;
}
.public-press-home-php .public-press-home-hero {
padding-top: clamp(1rem, 3.5vw, 1.75rem);
padding-bottom: clamp(1.5rem, 4vw, 2.75rem);
padding-left: max(clamp(1.25rem, 5.5vw, 2rem), env(safe-area-inset-left, 0px));
padding-right: max(clamp(1.25rem, 5.5vw, 2rem), env(safe-area-inset-right, 0px));
scroll-margin-top: 0.5rem;
}
.public-press-home-php .public-press-home-hero__inner {
display: flex;
flex-direction: column;
align-items: stretch;
gap: 1.25rem;
}
.public-press-home-php .public-press-home-hero__col--text,
.public-press-home-php .public-press-home-hero__col--media,
.public-press-home-php .public-press-home-hero__col--cta {
grid-area: auto;
max-width: none;
width: 100%;
justify-self: stretch;
align-self: stretch;
}
.public-press-home-php .public-press-home-hero__col--media {
max-width: min(400px, 100%);
margin-left: auto;
margin-right: auto;
}
.public-press-home-php .public-press-home-hero__col--cta {
text-align: center;
}
.public-press-home-php .public-press-home-hero__title {
display: block;
color: #0f172a;
font-size: clamp(1.35rem, 5.5vw, 1.95rem);
line-height: 1.25;
margin: 0 0 0.75rem;
padding: 0;
overflow-wrap: anywhere;
word-break: break-word;
max-width: 100%;
position: relative;
z-index: 1;
}
.public-press-home-php .public-press-home-hero__excerpt {
margin-bottom: 0.25rem;
font-size: clamp(0.95rem, 3.8vw, 1.05rem);
line-height: 1.55;
max-width: 100%;
}
.public-press-home-php .public-press-home-hero__cta-wrap {
margin-top: 0.25rem;
}
/* Padding orizzontale solo sulla riga logo/menu: #ultima-ora va a tutta larghezza → bordo superiore continuo */
.public-press-site-header.site-header {
padding-left: 0;
padding-right: 0;
}
.public-press-site-header .site-header-main.public-press-site-header__top {
padding-left: max(16px, 4vw, env(safe-area-inset-left, 0px));
padding-right: max(16px, 4vw, env(safe-area-inset-right, 0px));
box-sizing: border-box;
}
.public-press-site-header#masthead #brand {
width: auto;
max-width: min(300px, 88vw);
margin-left: auto;
margin-right: auto;
display: block;
text-align: center;
}
.public-press-site-header #brand .custom-logo-link,
.public-press-site-header #brand .public-press-header-brand-link {
display: inline-block;
margin-left: auto;
margin-right: auto;
}
.public-press-site-header #ultima-ora {
width: 100%;
margin-left: 0;
margin-right: 0;
box-sizing: border-box;
align-items: stretch;
}
/* Colonna orologio: niente width/display conflittuali; stessa altezza della colonna avvisi, contenuto centrato. */
#ultima-ora > #current-time.one-fifth {
flex: 0 0 clamp(4.25rem, 20vw, 6rem);
width: auto !important;
max-width: 32%;
margin: 0 !important;
padding: 0.5rem max(6px, 2vw) !important;
display: flex !important;
align-items: center;
justify-content: center;
align-self: stretch;
box-sizing: border-box;
}
/* Avvisi: ticker orizzontale anche su mobile (no stack verticale) */
#ultima-ora > .ultima-ora-wrapper,
#ultima-ora > .ultima-ora-wrapper.three-fifth {
justify-content: center;
align-items: stretch;
text-align: left;
max-width: none;
flex: 1 1 0%;
min-width: 0;
width: auto !important;
padding-left: max(10px, 2.5vw) !important;
padding-right: max(10px, 2.5vw) !important;
}
#ultima-ora > .ultima-ora-wrapper .public-press-avvisi-tab {
margin-left: auto;
margin-right: auto;
align-self: center;
text-align: center;
}
#ultima-ora > .ultima-ora-wrapper .scroller-wrapper-main-h,
#ultima-ora > .ultima-ora-wrapper .scroller-wrapper-main {
width: 100%;
max-width: 100%;
align-self: stretch;
}
/* Mai width:100% sulla pista: ogni slide ha la larghezza del viewport dello scroller e si impilerebbero */
#ultima-ora > .ultima-ora-wrapper .scroller-wrapper-h {
text-align: left;
margin-left: 0;
margin-right: 0;
max-width: none;
}
#ultima-ora > .ultima-ora-wrapper .scroll-box .uo-title,
#ultima-ora > .ultima-ora-wrapper .scroll-box .ultima-ora {
text-align: left;
margin-left: 0;
margin-right: 0;
width: auto;
max-width: none;
}
/*
* Mobile: titolo, ora e categoria non devono sovrapporsi (.category.fly / nowrap).
*/
#ultima-ora > .ultima-ora-wrapper .scroll-box .ultima-ora {
display: flex;
flex-direction: column;
align-items: flex-start;
align-self: stretch;
gap: 0.35rem;
width: 100%;
max-width: 100%;
box-sizing: border-box;
vertical-align: top;
}
#ultima-ora > .ultima-ora-wrapper .scroll-box .uo-title,
#ultima-ora > .ultima-ora-wrapper .scroll-box .uo-title a {
white-space: normal;
overflow-wrap: anywhere;
word-break: break-word;
max-width: 100%;
font-size: clamp(0.875rem, 2.85vw, 1rem);
line-height: 1.45;
}
#ultima-ora > .ultima-ora-wrapper .scroll-box .category.fly,
#ultima-ora > .ultima-ora-wrapper .scroll-box .read-more.fly {
position: static;
left: auto !important;
right: auto !important;
bottom: auto !important;
top: auto;
margin-left: 0;
margin-right: 0;
max-width: 100%;
}
#ultima-ora > .ultima-ora-wrapper .scroll-box .public-press-ultima-ora__time.fly {
margin-right: 0;
}
.public-press-home-php .public-press-home-grid {
padding-left: max(clamp(1.25rem, 5.5vw, 2rem), env(safe-area-inset-left, 0px));
padding-right: max(clamp(1.25rem, 5.5vw, 2rem), env(safe-area-inset-right, 0px));
}
}
/* --- Griglie (sfondo bianco, titolo centrato, card mockup) --- */
.public-press-home-php .public-press-home-grid {
padding: clamp(2.5rem, 6vw, 4rem) clamp(1.25rem, 4vw, 2rem);
background: #fff;
}
.public-press-home-php .public-press-home-grid__container {
max-width: var(--public-press-home-max);
margin: 0 auto;
width: 100%;
}
.public-press-home-php .public-press-home-grid__heading {
text-align: center;
margin: 0 0 clamp(1.75rem, 4vw, 2.5rem);
font-size: clamp(1.35rem, 3vw, 1.85rem);
font-weight: 700;
color: #0f172a;
letter-spacing: -0.02em;
}
.public-press-home-php .public-press-home-grid__list {
list-style: none !important;
list-style-type: none !important;
margin: 0 !important;
padding: 0 !important;
padding-left: 0 !important;
width: 100%;
display: grid !important;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: clamp(1.25rem, 3vw, 1.75rem);
}
.public-press-home-php .public-press-home-grid__item {
margin: 0 !important;
padding: 0 !important;
list-style: none !important;
list-style-type: none !important;
display: flex;
min-width: 0;
}
.public-press-home-php .public-press-home-grid__item::marker {
content: none;
}
.public-press-home-php .public-press-home-grid__card {
display: flex !important;
flex-direction: column !important;
align-items: stretch;
text-decoration: none;
height: 100%;
width: 100%;
box-sizing: border-box;
background: #fff;
border-radius: var(--public-press-home-radius-lg);
overflow: hidden;
box-shadow: var(--public-press-home-shadow);
border: 1px solid rgba(15, 23, 42, 0.06);
transition: box-shadow 0.2s ease, transform 0.2s ease;
}
/* Ultimi articoli e «Per categoria»: testo card neutro in home (i colori per slug restano su archivio / titoli categoria). */
.public-press-home-php .public-press-home-grid--latest .public-press-home-grid__card {
color: #0f172a;
}
.public-press-home-php .public-press-home-grid--categories .public-press-home-grid__card,
.public-press-home-php .public-press-home-grid--categories .public-press-home-grid__card:before {
color: #0f172a;
}
.public-press-home-php .public-press-home-grid__card:hover,
.public-press-home-php .public-press-home-grid__card:focus {
box-shadow: 0 8px 32px rgba(15, 23, 42, 0.12);
transform: translateY(-2px);
}
.public-press-home-php .public-press-home-grid__thumb-wrap,
.public-press-home-php .public-press-home-grid__card-title {
display: block;
width: 100%;
}
.public-press-home-php .public-press-home-grid__thumb-wrap {
overflow: hidden;
line-height: 0;
background: #e2e8f0;
border-radius: 0;
}
.public-press-home-php .public-press-home-grid__thumb {
width: 100%;
height: auto;
display: block;
aspect-ratio: 16 / 10;
object-fit: cover;
}
.public-press-home-php .public-press-home-grid__thumb--placeholder {
display: block;
width: 100%;
aspect-ratio: 16 / 10;
background: var(--public-press-home-blue);
}
.public-press-home-php .public-press-home-grid__card-title {
font-weight: 600;
font-size: 0.9375rem;
line-height: 1.4;
text-align: left;
padding: 1rem 1.1rem 1.2rem;
margin: 0;
}
.public-press-home-php .public-press-home-grid--latest .public-press-home-grid__card-title {
color: #0f172a;
}
.public-press-home-php .public-press-home-grid--categories .public-press-home-grid__card-title {
color: #0f172a;
}
.public-press-home-php .public-press-home-grid__card:hover .public-press-home-grid__card-title,
.public-press-home-php .public-press-home-grid__card:focus .public-press-home-grid__card-title {
text-decoration: none;
color: var(--public-press-home-blue);
}
/* --- Newsletter (fascia blu, testo bianco, bottone scuro come mockup) --- */
.public-press-home-php .public-press-home-newsletter {
background: var(--public-press-home-blue-band);
color: #fff;
padding: clamp(2rem, 5vw, 3rem) clamp(1.25rem, 4vw, 2rem);
text-align: center;
}
.public-press-home-php .public-press-home-newsletter__inner {
max-width: 40rem;
margin: 0 auto;
}
.public-press-home-php .public-press-home-newsletter__text {
margin: 0 0 1.35rem;
font-size: clamp(1.05rem, 2.5vw, 1.2rem);
line-height: 1.5;
font-weight: 500;
}
.public-press-home-php .public-press-home-newsletter__action {
margin: 0;
}
.public-press-home-php .public-press-home-newsletter__btn {
display: inline-block;
padding: 0.6rem 1.5rem;
background: #111827;
color: #fff !important;
text-decoration: none;
font-weight: 600;
font-size: 0.9rem;
border-radius: var(--public-press-home-radius-md);
border: none;
cursor: pointer;
transition: background 0.2s ease, transform 0.15s ease;
}
.public-press-home-php .public-press-home-newsletter__btn--static {
cursor: default;
}
.public-press-home-php .public-press-home-newsletter__btn:hover,
.public-press-home-php .public-press-home-newsletter__btn:focus {
background: #000;
color: #fff !important;
transform: translateY(-1px);
}
.public-press-home-php .public-press-home-pagination {
margin-top: 2rem;
padding: 0.75rem 1rem;
background: var(--public-press-home-lavender);
border-radius: var(--public-press-home-radius-md);
max-width: var(--public-press-home-max);
margin-left: auto;
margin-right: auto;
}
.public-press-home-php .public-press-home-pagination .page-numbers {
display: inline-flex;
flex-wrap: wrap;
gap: 0.5rem 1rem;
list-style: none;
margin: 0;
padding: 0;
justify-content: center;
width: 100%;
}
.public-press-home-php .public-press-home-pagination li {
display: inline-block;
margin: 0;
}
.public-press-home-php .public-press-home-pagination a,
.public-press-home-php .public-press-home-pagination span {
text-decoration: none;
color: #111;
padding: 0.25rem 0.5rem;
border-radius: 999px;
}
.public-press-home-php .public-press-home-pagination span.current {
background: #4338ca;
color: #fff;
}
@media screen and (max-width: 782px) {
.public-press-home-php .public-press-home-grid__list {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
}
@media screen and (max-width: 500px) {
.public-press-home-php .public-press-home-grid__list {
grid-template-columns: minmax(0, 1fr);
}
}