/* Medioevo in Umbria — foglio di stile del tema Grav "medioevo".
   Riproduce l'aspetto del tema Aparatus con CSS moderno; le misure desktop sono quelle originali. */

@font-face {
  font-family: "Steelfish";
  src: url("../fonts/steelfish-rg.woff2") format("woff2");
  font-display: swap;
}

:root {
  --maroon: #750000;
  --maroon-bg: #6f0202;
  --red-btn: #ab1515;
  --grey-box: #eee;
  --grey-line: #ddd;
  --text: #333;
  --serif: Times, "Times New Roman", serif;
  --sans: Arial, Helvetica, sans-serif;
  --verdana: Verdana, Arial, Helvetica, sans-serif;
  --title: "Steelfish", Helvetica, Arial, sans-serif;
}

* { margin: 0; padding: 0; }
html { -webkit-text-size-adjust: 100%; }
body {
  background: var(--maroon-bg) url("../images/pattern-sfondo.gif");
  font-family: var(--serif);
  font-size: 16px;
}
a { outline: none; }
a:focus-visible, button:focus-visible, input:focus-visible, [tabindex]:focus-visible { outline: 2px solid #f5c400; outline-offset: 1px; }
a img { border: none; }
picture { display: contents; }
button { font: inherit; color: inherit; background: none; border: 0; cursor: pointer; }
[hidden] { display: none !important; }
.visually-hidden, .skip-link:not(:focus) {
  position: absolute !important; width: 1px; height: 1px; overflow: hidden;
  clip-path: inset(50%); white-space: nowrap;
}
.skip-link:focus { position: fixed; top: 8px; left: 8px; z-index: 3000; background: #fff; color: var(--maroon); padding: 8px 12px; font: bold 14px var(--verdana); }

.alignright { float: right; }
.alignleft { float: left; }
.alignnone { clear: both; }
.aligncenter { margin-left: auto; margin-right: auto; }
img.alignright, img.alignleft { display: inline; }
img.aligncenter { margin: 0 auto; display: block; }
img.alignnone { clear: both; }
blockquote {
  background: url("../images/blockquote-bg.png") top left no-repeat;
  padding: 5px 0 0 35px;
  font-family: Georgia, "Lucida Grande", "Lucida Sans Unicode", serif;
  font-style: italic;
}

/* ------------------------------------------------------------------ struttura */

#center { margin: 0 auto; width: 1050px; }

#header {
  position: relative;
  clear: both;
  box-sizing: content-box;
  width: 1053px;
  height: 208px;
  padding: 70px 49px 0;
  margin-left: -74px;
  text-align: left;
  background: url("../images/header.png") no-repeat bottom left;
}
#twitter-badge { float: right; margin-right: 4em; margin-top: .8em; }
#logo_img { height: 80px; width: auto; margin: 8px 0 0 56px; }

#navigation { clear: both; height: 64px; position: relative; }
#page-nav {
  float: right;
  height: 34px;
  margin: -7px 48px 0 0;
  font: bold 10px var(--verdana);
}
#page-nav li { float: left; list-style: none; display: block; padding: 5px 7px 0 10px; }
#page-nav a { color: #000; text-decoration: none; }
#page-nav a:hover { color: #999; }

#cat-nav { clear: both; margin-left: 23px; padding: 0 0 0 7px; }
.menu-toggle { display: none; }
#nav2, #nav2 ul { float: left; padding: 0; list-style: none; }
#nav2 a { display: block; text-decoration: none; font-size: 22px; }
#nav2 li {
  float: left;
  position: relative;
  z-index: 1000;
  margin-right: 3px;
  padding: 0 6px;
  line-height: 27px;
}
#nav2 > li {
  font-family: var(--title);
  background: url("../images/diamante.gif") no-repeat right 10px;
}
#nav2 > li.last { background-image: none; }
#nav2 li a { color: var(--maroon); margin-right: 8px; letter-spacing: 1px; }
#nav2 li a:hover { color: #000; background: none; }
#nav2 .sub-menu {
  position: absolute;
  left: -999em;
  z-index: 1000;
  width: 15em;
  padding-top: 1px;
}
#nav2 > li:hover > .sub-menu,
#nav2 > li:focus-within > .sub-menu { left: auto; }
#nav2 .sub-menu li {
  width: 15em;
  margin: 0 3px 0 0;
  font-family: var(--verdana);
  line-height: 28px;
  background: #fff;
  border: 1px solid #dedbd1;
  border-top: 0;
}
#nav2 .sub-menu a { font-size: 12px; }

#searchform {
  padding-top: 3px;
  margin-right: 23px;
  text-align: right;
  border: 1px solid var(--grey-line);
  border-top: 0;
}
input.go { background: var(--red-btn); color: #fff; }

#wrap {
  box-sizing: content-box;
  width: 940px;
  padding: 0 68px 48px;
  margin: -48px 0 0 -36px;
  overflow: hidden;
  text-align: center;
  background: url("../images/background.png") repeat-y;
}

/* ------------------------------------------------------------------ colonna principale */

.main-container {
  position: relative;
  float: left;
  width: 590px;
  margin: 20px 20px 20px 0;
  overflow: hidden;
  text-align: left;
  font-family: var(--sans);
  font-size: 13px;
}
.main-container a { color: var(--maroon); text-decoration: none; }
.main-container a:hover { color: #666; text-decoration: underline; }

.title-area {
  margin-bottom: 25px;
  padding: 15px 10px 8px;
  font-size: 30px;
  font-weight: normal;
  color: var(--maroon);
  background: var(--grey-box);
  border: 1px solid var(--grey-line);
}
.retweet-btn-small { float: right; position: relative; top: 6px; left: 22px; }

.post-title { margin-bottom: 5px; font-family: var(--title); font-size: 22px; line-height: 26px; letter-spacing: 1px; }
.post-title a { color: var(--text); text-decoration: none; }
.post-title a:hover { color: var(--maroon); text-decoration: underline; }
.post-title-big {
  margin-bottom: 4px;
  font-size: 32px;
  font-weight: normal;
  line-height: 38px;
  text-transform: capitalize;
  border-bottom: 1px solid #ededed;
}
.post-title-big a, .main-container .post-title-big a { color: var(--text); text-decoration: none; }
.post-title-big a:hover { text-decoration: none; }
.post-meta-data { margin-bottom: 15px; font-family: Georgia, serif; font-size: 11px; color: #434343; text-transform: uppercase; }
img.thumbs-in-archive { float: right; padding: 5px; border: 1px solid #ccc; margin: 1px 0 0 15px; }
.post-excerpt { height: 85px; margin-bottom: 22px; overflow: hidden; line-height: 20px; }
.author-box-small {
  margin-bottom: 15px;
  padding: 5px 10px 5px 5px;
  text-align: right;
  font: 11px var(--verdana);
  background: var(--grey-box);
  border: 1px solid var(--grey-line);
  text-shadow: 0 1px 0 #fff;
}

.post-content { clear: both; margin-bottom: 30px; line-height: 20px; }
.post-content a { background: var(--grey-box); text-shadow: 0 1px 0 #fff; }
.post-content ol, .post-content ul { padding: 10px 0 10px 40px; }
.post-content li ol, .post-content li ul { padding-left: 20px; }
.post-content p { padding: 0 0 15px; text-align: justify; }
.post-content h1, .post-content h2, .post-content h3, .post-content h4, .post-content h5, .post-content h6 {
  padding-bottom: 10px; font-size: 24px; font-weight: normal; line-height: 30px;
}
.post-content img { border: 0 !important; }
.post-content img.alignright, .post-content a img.alignright, .post-content p a img.alignright { display: inline; margin: 8px 0 5px 20px; }
.post-content img.alignleft, .post-content a img.alignleft, .post-content p a img.alignleft { display: inline; margin: 8px 20px 5px 0; }
.post-content p img.alignright { margin: 20px 0 5px 20px; }
.post-content p img.alignleft { margin: 20px 20px 5px 0; }
.post-content img.aligncenter, .post-content img.alignnone { clear: both; display: block; margin: 10px auto; }
.wp-caption { margin: 0 auto; padding: 8px 3px 0; text-align: center; border: 1px solid #eee; max-width: 100%; }
.wp-caption.alignright { margin: 8px 0 5px 15px; }
.wp-caption.alignleft { margin: 8px 15px 5px 0; }
.wp-caption.aligncenter, .wp-caption.alignnone { clear: both; display: block; margin: 15px auto; }
p.wp-caption-text { text-align: center; font: italic 11px/13px Georgia, serif; }
.gallery { margin: auto; }
.gallery .gallery-item { float: left; margin-top: 10px; text-align: center; }
.gallery img { border: 2px solid #cfcfcf; }
.gallery-columns-3 .gallery-item { width: 33%; }
.gallery-caption { margin-left: 0; }
.ad-single { min-height: 60px; }

/* paginazione WP-PageNavi */
.wp-pagenavi {
  float: right;
  clear: both;
  margin: 10px 0;
  font: bold 11px var(--verdana);
  text-transform: uppercase;
}
.wp-pagenavi a, .wp-pagenavi span { margin: 2px; padding: 2px 4px; }
.main-container .wp-pagenavi a { color: #fff; text-decoration: none; background: var(--maroon); border: 1px solid var(--maroon); }
.main-container .wp-pagenavi a:hover { color: #000; background: #fff; text-decoration: none; }
.wp-pagenavi span.pages { color: #000; background: var(--grey-box); border: 1px solid var(--grey-line); text-shadow: 0 1px 0 #fff; }
.wp-pagenavi span.current { font-weight: bold; background: var(--grey-box); border: 1px solid var(--grey-line); }
.wp-pagenavi span.extend { color: #000; background: #fff; border: 1px solid #000; }

/* ------------------------------------------------------------------ slideshow in evidenza */

.content { margin-bottom: 20px; }
.slideshow {
  position: relative;
  z-index: 5;
  width: 590px;
  height: 278px;
  overflow: hidden;
  background: #000;
  font-family: Arial, Helvetica, sans-serif;
}
.slide {
  position: absolute;
  inset: 0;
  visibility: hidden;
  opacity: 0;
  background: #000;
  transition: opacity .5s ease, visibility 0s linear .5s;
}
.slide.is-active { visibility: visible; opacity: 1; transition: opacity .5s ease; }
.slide-img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: none;
  object-position: center;
}
.slideInfoZone {
  position: absolute;
  z-index: 10;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 88px;
  overflow: hidden;
  color: #fff;
  background: url("../images/gallery/slideinfozone-bg.png");
}
.slideInfoZone h2 { margin: 2px 8px; font: bold 24px Arial, Helvetica, sans-serif; letter-spacing: -1px; color: #fff; }
.slideInfoZone p { height: 50px; margin: 2px 8px; overflow: hidden; font: 13px Arial, Helvetica, sans-serif; color: #eee; }
.slideshow .left, .slideshow .right {
  position: absolute;
  top: 0;
  z-index: 10;
  width: 25%;
  height: 99%;
  opacity: .2;
}
.slideshow .left { left: 0; background: url("../images/gallery/fleche1.png") no-repeat center left; }
.slideshow .right { right: 0; background: url("../images/gallery/fleche2.png") no-repeat center right; }
.slideshow .left:hover, .slideshow .right:hover, .slideshow .left:focus-visible, .slideshow .right:focus-visible { opacity: .8; }
.slide .open {
  position: absolute;
  top: 0;
  left: 25%;
  z-index: 10;
  width: 50%;
  height: 99%;
  opacity: .8;
}
.slide .open:hover { background: url("../images/gallery/open.png") no-repeat center; }
.carouselContainer {
  position: absolute;
  z-index: 10;
  top: -115px;
  left: 0;
  width: 100%;
  height: 135px;
  transition: top .4s ease;
}
.carouselContainer.is-open { top: 0; }
.carousel { position: absolute; top: 0; left: 0; width: 100%; height: 115px; overflow: hidden; color: #fff; background: #333; }
.carouselWrapper { position: absolute; top: 10px; left: 0; width: 100%; height: 78px; overflow: hidden; }
.carouselInner { position: relative; display: flex; gap: 10px; padding-left: 10px; }
.carousel .thumbnail { flex: 0 0 auto; width: 100px; height: 75px; overflow: hidden; background: #000; border: 1px solid #fff; }
.carousel .thumbnail img { display: block; width: 100%; height: 100%; object-fit: cover; }
.carousel .thumbnail.is-active { border-color: #f5c400; }
.carousel .label { position: absolute; bottom: 7px; left: 10px; font-size: 13px; }
.carousel .label .number { color: #b5b5b5; }
.carouselBtn {
  position: absolute;
  right: 30px;
  bottom: 0;
  height: 20px;
  padding: 0 10px;
  font: 13px Arial, Helvetica, sans-serif;
  line-height: 20px;
  color: #fff;
  background: #333;
}

/* ------------------------------------------------------------------ carosello libri */

.book-carousel { display: block; width: 590px; margin-top: 64px; }
.theme-default { margin: 20px 0 0; }
.theme-default .arrow-right, .theme-default .arrow-left { width: 30px; height: 270px; }
.theme-default .arrow-right { float: right; background: url("../images/carousel/carousel-bg-corners.png") top right no-repeat; }
.theme-default .arrow-left { float: left; background: url("../images/carousel/carousel-bg-corners.png") top left no-repeat; }
.theme-default .arrow-left button, .theme-default .arrow-right button { display: block; width: 25px; height: 30px; margin: 112px 0 0; }
.theme-default .arrow-left button { background: url("../images/carousel/arrow_left.png") top left no-repeat; }
.theme-default .arrow-right button { background: url("../images/carousel/arrow_right.png") top right no-repeat; }
.carousel-default-background { margin: 0 30px; background: url("../images/carousel/carousel-bg.png") top left repeat-x; }
.jcarousel-clip { position: relative; height: 270px; padding: 0 1px; overflow: hidden; }
.jcarousel-list {
  position: relative;
  display: flex;
  margin: 0;
  padding: 0;
  overflow: hidden;
  list-style: none;
  transition: transform .5s ease;
}
.jcarousel-list .panel {
  flex: 0 0 auto;
  width: 100px;
  height: 270px;
  margin: 0 10px 0 0;
  padding: 10px;
  border: 1px solid #5b5b5b;
  border-radius: 5px;
  background: #383838 url("../images/carousel/carousel-panel-bg.png") bottom left repeat-x;
}
.jcarousel-list .panel > a img { width: 100px; height: 140px; }
.jcarousel-list .panel-text { color: #fff; }

/* ------------------------------------------------------------------ sidebar */

#sidebar { float: left; width: 330px; min-height: 700px; overflow: hidden; }
#adblock-big { margin-top: 20px; padding: 15px 10px; background: #e5e5e5; border: 1px solid var(--grey-line); }
.consent-frame, .consent-frame iframe { display: inline-block; width: 300px; height: 169px; vertical-align: baseline; border: 0; }
.consent-frame { position: relative; background: #e5e5e5; }
.consent-frame .consent-open {
  position: absolute;
  inset: 0;
  width: 100%;
  font: 11px var(--verdana);
  color: #777;
}
.consent-frame .consent-open:hover { color: var(--maroon); text-decoration: underline; }
.consent-frame.is-loaded .consent-open { display: none; }
#socialnetwork { width: 331px; height: 30px; margin: 6px 0 11px; }
#mc_embed_signup { padding: 10px; text-align: left; background: #fff; }
.sidebar-row {
  margin-bottom: 14px; padding: 12px 15px;
  font-family: verdana, arial, helvetica; font-size: 11px; line-height: 18px; text-align: left;
  text-shadow: 0 1px 0 #fff; background: #e5e5e5; border: 1px solid var(--grey-line);
}
.sidebar-row h3 { padding-bottom: 10px; font-size: 17px; color: var(--maroon); }
.sidebar-row ul { padding: 0 10px; }
.sidebar-row li {
  list-style: none; padding: 5px 0 0 19px; border-bottom: 1px dashed #ccc;
  background: url("../images/list-item-style-maroon.gif") no-repeat 0 8px;
}
.sidebar-row a { color: #000; text-decoration: none; }
.sidebar-row a:hover { text-decoration: underline; color: var(--maroon); }
#mc-embedded-subscribe { margin-bottom: 10px; padding: 3px 10px; border: 0; }
#mc-embedded-subscribe:hover { opacity: .8; }
.mc-hp { position: absolute; left: -5000px; }
.mc-privacy { float: right; font-size: 12px; }
.adblock-small {
  clear: both;
  margin-bottom: 20px;
  padding: 20px 0 10px 28px;
  overflow: hidden;
  background: #ededed;
  border: 1px solid var(--grey-line);
}
.adblock-small li { float: left; list-style: none; padding: 10px 14px 10px 0; }
.adblock-small ins { margin-left: -26px; }

#tabbed-container {
  clear: both;
  height: 444px;
  margin-bottom: 20px;
  padding: 16px 0 20px 16px;
  text-align: left;
  font: 11px/16px var(--verdana);
  color: #666;
  background: #ededed;
  border: 1px solid var(--grey-line);
}
#myTabs { width: 300px; height: 320px; }
.mootabs_title {
  height: 24px;
  padding: 0;
  list-style: none;
  font: bold 14px/16px Rockwell, "Courier New", Courier, Georgia, serif;
  letter-spacing: -1px;
  text-transform: uppercase;
  color: var(--maroon);
  text-shadow: 0 1px 0 #fff;
}
.mootabs_title li {
  float: left;
  display: block;
  height: 22px;
  margin-right: 4px;
  padding: 5px 7px 0;
  line-height: 16px;
  cursor: pointer;
  background: url("../images/cat-nav-bg.png") repeat-x;
  border: 1px solid var(--grey-line);
  border-bottom-color: #ccc;
}
.mootabs_title li.active { color: #fff; text-shadow: none; background: url("../images/cat-nav-current-bg.png"); border: 1px solid var(--maroon); }
.mootabs_panel {
  position: relative;
  top: 12px;
  display: none;
  clear: both;
  width: 240px;
  height: 287px;
  padding: 15px 25px 25px;
  overflow: hidden;
  border: 1px solid var(--grey-line);
}
.mootabs_panel.active { display: block; height: 367px; background: #fff; }
.mootabs_panel a { color: #666; text-decoration: none; }
.mootabs_panel a:hover { color: #000; text-decoration: underline; }
.mootabs_panel ul { padding: 0 10px 0 0; }
.mootabs_panel li {
  list-style: none;
  padding: 5px 0 0 16px;
  border-bottom: 1px dashed #ccc;
  background: url("../images/list-item-style-maroon.gif") no-repeat 0 9px;
}
#Popular li { background-position: 0 8px; }
#Svago, #Musei, #Archivio { font-weight: bold; color: #000; }
#Svago a, #Musei a, #Archivio a { font-weight: normal; padding-left: 5px; }

/* ------------------------------------------------------------------ footer */

#footer {
  position: relative;
  clear: both;
  box-sizing: content-box;
  width: 960px;
  height: 106px;
  padding: 70px 49px 0;
  margin: -70px 0 0 -27px;
  text-align: left;
  background: url("../images/footer.png") no-repeat top left;
}
#logo-footer { display: block; clear: both; margin: 18px 7px 2px 0; font-size: 30px; text-align: right; text-transform: uppercase; color: #000; }
#page-nav-footer { float: right; text-align: right; }
#page-nav-footer li {
  float: left;
  list-style: none;
  margin-bottom: 3px;
  padding: 0 8px 2px;
  line-height: 8px;
  background: url("../images/credits-sep.png") no-repeat top left;
}
#page-nav-footer li.first { background: none; }
#page-nav-footer a { font: 11px/8px var(--verdana); color: #fff; text-decoration: none; }
#page-nav-footer a:hover { text-decoration: underline; }
#credits { display: block; clear: both; padding: 2px 7px 0 0; font: 11px Georgia, serif; text-align: right; color: #c1c1c1; }
#credits a { color: #fff; text-decoration: none; }
.consent-link { font: inherit; color: #c1c1c1; text-decoration: underline; text-underline-offset: 2px; }

/* ------------------------------------------------------------------ consenso e lightbox */

.consent {
  position: fixed;
  z-index: 2000;
  right: 0;
  bottom: 0;
  left: 0;
  padding: 16px;
  font: 13px/1.5 var(--verdana);
  color: #222;
  background: rgba(255, 255, 255, .97);
  border-top: 4px solid var(--maroon);
  box-shadow: 0 -4px 18px rgba(0, 0, 0, .35);
}
.consent-box { position: relative; max-width: 965px; margin: 0 auto; padding-right: 32px; }
.consent-title { margin-bottom: 4px; font: 26px var(--title); letter-spacing: 1px; color: var(--maroon); }
.consent a { color: var(--maroon); }
.consent-actions { display: flex; flex-wrap: wrap; gap: 10px; justify-content: flex-end; margin-top: 10px; }
.consent-btn { min-width: 120px; padding: 8px 16px; font: bold 12px var(--verdana); text-transform: uppercase; color: var(--maroon); background: #fff; border: 1px solid var(--maroon); }
.consent-btn:hover { background: var(--grey-box); }
.consent-accept { color: #fff; background: var(--maroon); }
.consent-accept:hover { background: #5a0000; }
.consent-close { position: absolute; top: -6px; right: 0; width: 32px; height: 32px; font-size: 26px; line-height: 1; color: #555; }

.lightbox {
  max-width: 92vw;
  max-height: 92vh;
  margin: auto;
  padding: 10px;
  overflow: visible;
  background: #fff;
  border: 0;
  box-shadow: 0 0 25px rgba(0, 0, 0, .6);
}
.lightbox::backdrop { background: rgba(0, 0, 0, .7); }
.lightbox img { display: block; max-width: calc(92vw - 20px); max-height: calc(92vh - 20px); width: auto; height: auto; }
.lightbox-close {
  position: absolute;
  top: -15px;
  right: -15px;
  width: 30px;
  height: 30px;
  font-size: 0;
  background: url("../images/fancy_close.png") no-repeat;
}

/* ------------------------------------------------------------------ schermi stretti
   Il sito WordPress non era responsive: sotto i 1100 px la struttura diventa fluida
   mantenendo colori, caratteri e componenti. */

@media (max-width: 1100px) {
  body { background-attachment: fixed; }
  #center { width: auto; max-width: 960px; padding: 0 10px; }
  #header { width: auto; height: auto; margin: 0; padding: 12px 12px 0; background: #fff; }
  #twitter-badge { display: none; }
  #logo { display: block; }
  #logo_img { max-width: 100%; height: auto; margin: 0; }
  #navigation { height: auto; padding-bottom: 8px; }
  #page-nav { float: none; height: auto; margin: 8px 0; }
  #page-nav ul { display: flex; flex-wrap: wrap; }
  #page-nav li { float: none; padding: 4px 10px 4px 0; font-size: 12px; }
  #cat-nav { margin: 0; padding: 0; display: flex; flex-wrap: wrap; align-items: center; gap: 8px; }
  .menu-toggle {
    display: inline-block;
    padding: 4px 12px;
    font: 22px var(--title);
    letter-spacing: 1px;
    color: #fff;
    background: var(--maroon);
  }
  #nav2 { display: none; float: none; order: 3; width: 100%; }
  #nav2.is-open { display: block; }
  #nav2 li, #nav2 > li { float: none; margin: 0; padding: 0; background: none; border-bottom: 1px solid var(--grey-line); }
  #nav2 a { padding: 4px 0; }
  #nav2 .sub-menu { position: static; float: none; width: auto; padding: 0 0 6px 16px; }
  #nav2 .sub-menu li { width: auto; border: 0; line-height: 24px; background: none; }
  #searchform { margin: 0 0 0 auto; border: 0; }
  #wrap { width: auto; margin: 0; padding: 0 12px 24px; background: #fff; }
  .main-container, #sidebar { float: none; width: auto; min-height: 0; margin: 16px 0; }
  .slideshow { width: 100%; height: auto; aspect-ratio: 590 / 278; }
  .slideInfoZone { height: auto; max-height: 45%; }
  .slideInfoZone h2 { font-size: 18px; }
  .slideInfoZone p { display: none; }
  .book-carousel { width: 100%; }
  #socialnetwork { width: auto; height: auto; }
  #socialnetwork img { max-width: 100%; height: auto; }
  #tabbed-container { height: auto; padding-right: 16px; }
  #myTabs { width: auto; height: auto; }
  .mootabs_title { height: auto; overflow: hidden; }
  .mootabs_panel, .mootabs_panel.active { width: auto; height: auto; margin-bottom: 12px; }
  .post-content img { max-width: 100%; height: auto; }
  .post-content iframe, .post-content embed, .post-content object { width: 100%; height: auto; aspect-ratio: 16 / 9; }
  .post-content table { max-width: 100%; }
  #footer { width: auto; height: auto; margin: 0; padding: 16px 12px; background: #2a0000; }
  #logo-footer { color: #fff; font-size: 24px; margin: 0 0 8px; }
  #page-nav-footer { float: none; }
  #page-nav-footer ul { display: flex; flex-wrap: wrap; justify-content: flex-end; }
  #page-nav-footer li { float: none; line-height: 16px; }
}

@media (max-width: 600px) {
  .post-title-big { font-size: 26px; line-height: 32px; }
  .title-area { font-size: 24px; }
  img.thumbs-in-archive { max-width: 80px; height: auto; }
  .post-content img.alignright, .post-content img.alignleft, .post-content p img.alignright, .post-content p img.alignleft {
    float: none; display: block; margin: 10px auto;
  }
  .post-content p, .post-content [style*="justify"] { text-align: left !important; }
  .wp-pagenavi { float: none; display: flex; flex-wrap: wrap; justify-content: center; }
  .consent-actions { justify-content: stretch; }
  .consent-btn { flex: 1; }
}

@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { transition-duration: 0s !important; animation-duration: 0s !important; }
}

@media print {
  #header, #sidebar, #footer, .consent, .book-carousel, .wp-pagenavi, .ad-single { display: none !important; }
  #center, #wrap, .main-container { width: auto; margin: 0; padding: 0; background: none; float: none; }
}

/* spazi pubblicitari: restano vuoti, con la stessa misura, finché manca il consenso */
.adsbygoogle { display: inline-block; }
.ad-468x60 { width: 468px; height: 60px; }
.ad-300x250 { width: 300px; height: 250px; }
@media (max-width: 520px) {
  .ad-468x60 { display: none; }
}