@charset "utf-8";
/* CSS Document for Love Sanremo
author: Luca Capponi
author website: www.lucacapponi.it
*/
/* Legenda
01 - Reset CSS
02 - Tipografia
03 - Parametri generici
04 - Layout
05 - NAVIGAZIONE 
06 - personalizzazioni
07 - dispositivi specifici*/
/************** 01 Reset CSS *************/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {margin: 0;padding: 0;border: 0; font-size: 16px;font: inherit;vertical-align: baseline;}
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section { display: block;}
body { line-height: 1;}
ol { list-style: decimal;margin-left: 1.15em; font-size:26px; line-height:32px;}
ul {list-style: circle;margin-left: 1.15em; font-size:26px; line-height:32px;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after,
q:before, q:after {content: '';content: none;}
table { border-collapse: collapse;border-spacing: 0;}
/* gdpr*/
aside#moove_gdpr_cookie_info_bar {border: none !important;}
.moove-gdpr-button-holder button {background-color: #009FE3!important;border-color: #009FE3 !important;}
.moove-gdpr-tab-nav { color: #009FE3 !important;}
.moove-gdpr-infobar-settings-btn , .moove-gdpr-infobar-close-btn {color: #fff !important;}
.mgbutton {padding: 11px 30px 9px 30px!important;}
/* Basic Styles */
body { font-size: 16px;line-height: 1.6; background-color: #ffff;color: #000;font-family: elza;}
a {text-decoration: none;transition: all 0.3s ease; color:#009FE3}
/**************** 02 TIPOGRAFIA ******************/
.site-title{font-weight:700;font-family: elza; font-size:40px; margin-bottom:0;}
h1{margin-bottom:20px;font-family: elza;  font-size:50px; line-height:55px; font-weight:bold;}
h2{margin-bottom:15px; font-family: elza;margin-top:15px;  font-size:50px; line-height:55px; color:#009FE3; font-weight:bold;}
h3{margin-bottom:14px; font-family: elza;margin-top:14px;  font-size:32px; line-height:1.8rem; font-weight:600;}
h4{margin-bottom:16px; font-family: elza;  font-size:28px; line-height:36px; font-weight:600;}
p{margin-bottom:15px;font-family: elza; margin-top:15px;  font-size:26px; line-height:34px;}
p::selection{background-color:#009FE3;font-family: elza; color:#fff;}
pre {margin: 20px 0;padding:font-family: elza; 20px;color: #2080ad;background-color: #fafafa;}
@media only screen and (min-width: 901px) and (max-width: 1600px) {
h2{margin-bottom:15px; font-family: elza;margin-top:15px;  font-size:46px; line-height:50px; color:#009FE3; font-weight:bold;}
}
@media only screen and (min-width: 631px) and (max-width: 900px) {
h1{margin-bottom:20px;  font-size:2rem!important; line-height:2rem!important;}
h2{margin-bottom:18px; margin-top:18px;  font-size:1.5rem; line-height:1.8rem;}
h3{margin-bottom:14px; margin-top:14px;  font-size:24px; line-height:28px; font-weight:600;}
h4{margin-bottom:16px;  font-size:1.2rem; line-height:1.6rem;}
p{margin-bottom:15px; margin-top:15px;  font-size:23px; line-height:27px;}
}
@media only screen and (max-width: 630px) {
h1{margin-bottom:20px;  font-size:35px; line-height:40px;}
h2{margin-bottom:18px; margin-top:18px;  font-size:1.5rem; line-height:1.8rem;}
h3{margin-bottom:14px; margin-top:14px;  font-size:24px; line-height:28px; font-weight:600;}
h3.has-large-font-size{font-size:1.55rem!important;}
h4{margin-bottom:16px;  font-size:1.2rem; line-height:1.6rem;}
p{margin-bottom:15px; margin-top:15px; font-size:19px; line-height:24px;}
}
.entry-meta{font-size: 1rem; line-height:1.4rem; margin:10px 0;}
.entry-meta-archive{font-size: 0.85rem; line-height:0.95rem; margin:0 0 20px 0; text-align:center;}
.entry-summary p{font-size:1rem;}
h2.entry-title{font-size: 1.85rem;line-height: 1.8rem; margin:25px 0; text-align:center; width:100%;}
/*interviste*/
.category-interviste h2.entry-title, .category-articoli h2.entry-title{font-size: 35px;line-height: 40px; font-weight:bold; padding:15px 0; text-align:left; border-top:6px solid #000;}
.category-interviste h2.entry-title a, .category-articoli h2.entry-title a{color:#000;}
strong{ font-weight:500;}
/**************** 03 PARAMETRI GENERICI *******/
.single .entry-tag ul li{font-size:0.95rem;}
.single .entry-tag ul li:before{content:' \f02c';font: var(--fa-font-solid); margin-right:5px; }
.tag-title{margin-bottom:0; line-height:inherit; margin-right:8px;}
.single h3{}
.single a{}
.single h1 a, .single h2 a, .single h3 a,.single h4 a{}
/**************** 04 LAYOUT ******************/
img{max-width:100%; height: auto;}
blockquote {font-style: italic;margin: 20px 40px;padding-left: 20px;border-left-width: 3px;border-style: solid;border-left-color:green;}
blockquote cite {position: relative;display: block;padding: 10px 0 0 20px;color: #555;}
blockquote cite:before {position: absolute;left: 0;content: "—"}
q:before, q:after, blockquote:before,
blockquote:after {content: "";}
.contenitore-generale{ background-color:#fff;}
.col-md-12{width:100%;}
.container-page .col-md-12{max-width:1280px; margin: 30px auto;}
article{width:100%;}
.pagination {width: 100%;clear: both; margin:0 0 20px 0; padding:1.5%;}
.site-header{max-width:96%; margin:20px 2%;}
.related-posts ul li{width: 100%; text-align:left; list-style-type:none;}
.related-posts ul li a{ color:#000; font-weight:bold; font-size:45px; line-height:50px;}
.related-post-thumbnail{margin-bottom:20px;}
.single #main-content{margin:0 0 30px 0;}
.row{display:flex; flex-direction:row; flex-wrap:wrap;}
.category-container {margin: 30px auto;max-width: 1650px;}
.category .row{display:flex; flex-direction:row; flex-wrap:wrap; width:100%;}
.col-md-8{flex-basis: 71%;max-width: 71%; margin:0 1%; padding:1%; }
.col-md-6{flex-basis: 50%;max-width: 50%;}
.col-md-4{display:flex; flex-basis: 22%; max-width: 22%; margin:0 1%; padding:0 1%; height:100%; align-items:center; border-right:1px solid #ccc;}
.col-md-2{display:flex; flex-basis: 14.4%; max-width: 14.4%; margin:0 1%; padding:0 1%; height:100%; align-items:center; border-right:1px solid #ccc;}
.col-md-2.last { border: none;padding: 0 0 0 0.5%;max-width: 15%;flex-basis: 15%;}
/*header*/
#masthead .container{ display:flex; align-items:center; max-width:1770px; margin:0 auto; height:100px; justify-content:center;}
.site-branding{width: 50%;padding: 0;}
.main-navigation{width: 50%;padding: 0;; justify-content:start;}
.site-search{width: 6%;padding: 0 0.5% 0 0.5%; margin:0; display:flex; flex-direction:row; align-items: center; justify-content:center; height:109.4px; background-color:#f70759;}
.site-search i{margin-right:5px; font-size:21px}
.site-search .widget { width: 50%; margin:0 auto;}
.form-ricerca{position:absolute; top:0; left:0; z-index:250; background-color:rgba(0,0,0,0.95); width:100vw; height:100vh; display:flex; align-items:center; justify-content:center; display:none; }
.search-open {background-color:#f70759;border:none;font-size: 1rem;padding: 8px;border-radius: 100%; color:#fff;}
.search-close{position:absolute; top:0; right:5px; background-color:transparent; border:none; color:#fff; font-size:2rem; line-height:2.4rem;}
.site-search input{ width: 100%; line-height:2.4rem; border:1px solid #ddd; border-radius:4px; background-color:#fff; font-size: 1.15rem; padding: 1.25%;}
.site-search input:focus{box-shadow: 2px 2px 5px red; box-sizing:none!important; border:none!important}
.ricerca {width: 100% !important;}
/*content*/
/*pagina categoria*/
.category-image-mobile{display:none;}
.post-category{display:flex; flex-direction:column;  max-width:31%; flex-basis:31%; margin:1%;}
.evidenza li{display:flex; flex-direction:row; flex-wrap:wrap; align-items: center; padding:5px 0;}
.sticky-posts{border:4px solid #ff6600; padding: 1% 0 1% 0; max-width:1280px; margin: 20px auto;}
.sticky-posts span{font-size:2rem; line-height:2.4rem; margin-left: 2%;}
.sticky-posts h2 a{color:#ff6600; font-size: 1.85rem;line-height: 1.8rem; font-family:Montserrat Extra Bold, sans-serif}
.post-thumbnail{flex-basis: 28%;max-width: 28%; padding:1%;}
.post-details{flex-basis: 68%; max-width: 68%; padding:1%;}
.entry-summary p{font-size:1rem;}
.entry-meta-archive .entry-category i{margin-left:0; margin-right:5px}
.entry-meta-archive .entry-date i{margin-left:5px; margin-right:5px;}
.archive-header{position:relative;height: 350px; }
.category-details, .tag-details{display:flex; width:100%;height: 350px; justify-content: center; align-items:center; flex-direction:row;}
.category-images{position:absolute; top:0; left:0; z-index:0; width:100%; height: 350px;overflow: hidden; }
.archive-title, .category-description{color:#fff!important;}
.category-description{color: #222 !important; bottom:0; background-color: rgba(255,255,255,0.9);max-width: 896px;left: calc((100vw - 896px) / 2);}
.category-description p{  padding: 1.25em 2.375em;}
.post-article-thumbnail{ width:100%; position:relative}
.post-article-thumbnail img{width:100%; height:auto;}
.post-article-details{padding:1%; margin:1%;}
.page-numbers {padding: 1%;border: 1px solid #f70759;border-radius: 6px;margin: 0 0 0 5px;}
.page-numbers.current {border: 2px solid #f70759;}
/* articolo singolo*/
.wp-element-caption{font-size:0.85rem;text-align: center;}
.breadcrumbs{margin: 0 0;padding: 1%; font-size:1.15rem; width:auto; background-color:#f70759; height:100px; display:flex; align-items:center; justify-content:center;}
.breadcrumbs{color:#fff;}
.breadcrumbs a{color:#ddd;}
.single .article-container{}
.sep-bred{margin:0 6px; font-size:0.8rem;}
/*tag*/
.entry-tag-single{display:flex; padding:10px 0;border-top:1px solid #ddd; margin-top:20px}
.entry-tag-single ul{display:flex; flex-wrap:wrap; flex-direction:row; justify-content:end;}
.entry-tag-single ul li { margin-right:8px; letter-spacing: 0.03rem; border-radius: 0.3em; color:#fff; padding:4px 6px; text-transform:uppercase; font-size:0.75rem; }
.entry-tag-single ul li a{color:#fff;}
.entry-tag-single ul li a:before{content:'\f02b'; font: var(--fa-font-solid); margin-right:5px; }
li.tag-in-citta{background-color:#222;}
li.tag-musica{background-color:#c01215;}
li.tag-specialita{background-color:#0c7cc4;}
li.tag-cucina-tipica{background-color:#20b482;}
li.tag-informazioni{background-color:#999;}
li.tag-nei-dintorni{background-color:#06C;}
li.tag-sanremo{background-color:#be7102;}
.entry-meta i{margin-right:5px;}
.entry-meta .entry-category i{margin-left:0;}
.entry-meta .entry-date i{margin-left:5px;}
.condivisione{display:flex; flex-direction:row; flex-wrap:wrap; padding:15px 0; border-top:1px solid #ddd; border-bottom:1px solid #ddd; margin:0 0 20px 0;}
.social-share {display:flex; flex-direction:row; flex-wrap:wrap; justify-content:end; align-items:center; width:70%; margin-left: 0 !important;}
.social-share li{margin:0 0.5%; width:18%; flex-basis:18%;display:flex; align-items:center; justify-content:center; padding:1% 0.5%; border-radius:20px; font-size:1rem;}
.social-share li a{color:#fff;}
.social-share li a:hover{ text-decoration:none!important; transform: scale(-1, 1);}
.testo-condivisione{width:30%;}
.facebook{ background-color:#0266ff;}
.twitter{ background-color:#000;}
.linkedin{ background-color:#436b8d;}
.whatsapp{ background-color:#1dc95b;}
.mail{ background-color:#444;}
.related-posts{margin-top:20px; max-width:1650px; margin-bottom:100px;}
.related-posts ul{display:flex; flex-wrap:wrap; flex-direction:row; width:100%; margin-left:0!important;}
.post-navigation{border-top:1px solid #ddd; border-bottom:1px solid #ddd; margin: 20px 0; padding:15px 0; display: flex;flex-wrap: wrap; flex-direction:row;}
.nav-previous, .nav-next{ padding:1% 0; display:Block;}
.nav-previous{float:left; width:50%;}
.nav-next{float:right; width:50%; text-align:right;}
/*tag*/
.entry-tag{display:flex;justify-content:center; padding:10px 0;}
.entry-tag ul{display:flex; flex-wrap:wrap; flex-direction:row; justify-content:end;}
.entry-tag ul li { margin-right:8px; letter-spacing: 0.03rem; border-radius: 0.3em; color:#fff; padding:4px 6px; text-transform:uppercase; font-size:0.75rem;}
.entry-tag ul li a{color:#fff;}
.entry-tag ul li a:before{content:'\f02b'; font: var(--fa-font-solid); margin-right:5px; }
/*footer*/
#sup{opacity:0}
.go-to-top {position: fixed; bottom: 50%;transform: translateY(-31px);right: 0; width:15px; height:62px; background-color:#000; overflow:hidden; padding:1%;}
.footer-dinamic, .footer-dinamic .widget {display: flex;width: 100%;height: auto;margin: 0;padding: 0; max-width:inherit;}
.footer-dinamic p{margin:0; display:flex;}
.footer-top{width:100%; background-color:#000;height:100px; display:flex; align-items:center;}
.footer-top span{font-weight:bold; font-size: 36px; line-height:43px; padding-left: 50px; color:#fff;}
.widget-area-bottom{width:100%; background-color:#fff;}
.widget-area-bottom h4{font-size:16px; font-weight:bold; line-height:22px; padding-left: 6px;}
.container-footer{max-width:100%; margin:0 auto; color:#000; display:flex; flex-wrap: wrap; flex-direction:row; align-items: center; height:218px}
.container-footer #block-8 p{font-size:13px; line-height:18px; text-align:right;}
.site-footer{background-color:#000}
.col-md-3{flex-basis:30%; width:30%; margin:1.5%;}
.col-md-3 a{color:#fff;}
.col-md-3 ul{width:100%; padding-left:0; margin-left:0;}
.container-footer ul li{list-style:none;}
/*colophon*/
#colophon .container-footer { height: auto; padding:2% 0;}
#colophon .col-md-8 {flex-basis: 69%;max-width: 69%;margin: 0 1%;padding:0 1%; border:none; display:flex;}
#colophon .col-md-4{border:none; justify-content:end;} 
#nav_menu-3 .menu, #nav_menu-4 .menu{display:flex;} 
#nav_menu-3 .menu li a, #nav_menu-4 .menu li a{color:#fff; text-transform:uppercase; font-size:16px; font-weight:bold; padding-right:40px;}
#nav_menu-3 .menu li .sub-menu{display:none}
.site-info{color:#fff; width:97%; margin:120px 1.5% 30px 1.5%; display:flex; align-items:end; }
.site-info p{margin:0;}
.site-info .col-md-8 p{font-size:18px; line-height:22px;}
.site-info .col-md-4 p{text-align:right; font-size:12px; line-height:18px;}
@media only screen and (min-width: 1024px) and (max-width: 1633px) {
.site-header, .home .site-header  {margin: 20px 2%!important; width: 96%!important;}
.category-container {margin: 30px auto;max-width: 90%;}
}
@media only screen and (min-width: 631px) and (max-width: 1023px) {
img{width:100%; height:auto;}
.site-branding{flex-basis: 40%;width: 40%;padding: 0; margin:0 1%;}
.main-navigation{flex-basis: 18%;width: 18%;padding: 0; margin:0 1%; justify-content: end;display: flex;}
/*categoria*/
.archive-header{position:relative;height: 150px;overflow: hidden; margin-bottom:50px; }
.category-interviste .category-details .row, .category-articoli .category-details .row  {display: flex;gap: 20px;width: 100% !important; margin-left: calc(100% - -51px) !important;}
.category-details, .tag-details{display:flex; width:100%;height: 150px; justify-content: center; align-items:center; flex-direction:column; position:absolute; top:0; left:0; z-index:20; text-align:center }
.category-images{position:absolute; top:0; left:0; z-index:0}
.category-image-desktop{display:block; width:auto; height: 350px; position:relative; left:-50%;}
.archive-title, .category-description{color:#fff!important;}
.col-md-8{flex-basis: 98%;max-width: 98%; margin:0 1%;}
.col-md-4{flex-basis: 98%;max-width: 98%; padding:0 1%;}
.category-image-mobile{display:none;}
.post-category{display:flex; flex-direction:row; flex-wrap:wrap; align-items: center; padding:25px 0; border-bottom:1px solid #ddd;}
.post-thumbnail{flex-basis: 35%;max-width: 35%; padding:1%;}
.post-details{flex-basis: 61%; max-width: 61%; padding:1%;}
.entry-summary p{font-size:1rem;}
.entry-tag{display:flex;justify-content:center; margin: 10px 0;}
.entry-tag ul{display:flex; flex-wrap:wrap; flex-direction:row; justify-content:end;}
.entry-tag ul li { margin-right:8px; letter-spacing: 0.03rem; border-radius: 0.3em; background-color:#E87800; color:#fff; padding:4px 6px; text-transform:uppercase; }
.entry-tag ul li a{color:#fff;}
.entry-meta-archive{;font-size: 0.85rem; line-height:0.95rem; margin:20px 0;}
.entry-meta-archive .entry-date i{margin-left:5px; margin-right:5px;}
.post-thumbnail{flex-basis: 40%;max-width: 40%; padding:1%; margin:1%;}
.post-thumbnail img{width:100%; height:auto;}
.post-details{flex-basis: 52%; max-width: 52%; padding:1%; margin:1%;}
.social-share li a {font-size: 0.9rem;}
.container-footer #menu-principale .menu-item {text-align: left;}
.container-footer .col-md-4{flex-basis: 22%;max-width: 22%;}
article{width:94%; margin:0 3%;}
.fuoribordo img {max-width: 100%}
}
@media only screen and (max-width: 630px) {
ul {margin-left: 0.15em !important;}
.social-area i{font-size:1.095rem; margin-right:14px; line-height:55px; padding:4px;}
.site-header{margin: 0 auto;}
.site-branding{flex-basis: 78%;width: 78%;padding: 0; margin:0 1%;}
.site-logo{max-width:78%; padding-top: 8px;}
.site-logo img{width:100%; height:auto}
.main-navigation{flex-basis: 18%;width: 18%;padding: 0; margin:0 1%; justify-content: end;display: flex;}
.site-search .widget {width: calc(100% - 35px);}
.col-md-8{flex-basis: 96%;max-width: 96%; margin:0 2%;}
.col-md-4{flex-basis: 100%; max-width: 100%; margin:0; padding:40px 0; width: 100%; justify-content: center; text-align: center;border-right:none; border-bottom:1px solid #ccc; }
.col-md-2{flex-basis: 100%; max-width: 100%; margin:0; padding:40px 0; border-right:none; border-bottom:1px solid #ccc; width: 100%; justify-content: center; text-align: center;}
.last{width:98%; max-width:100%!important; padding:40px 1%!important; }
.last p{text-align:center!important;}
.widget{width:100%; }
.col-md-8{flex-basis: 71%;max-width: 71%; margin:0 1%; padding:1%;}
.col-md-6{flex-basis: 96%;max-width: 96%; margin:0 2%; }
.wp-block-categories{margin-left:1.25em!important;}
/* categorie*/
.archive-header{position:relative;height: 250px;overflow: hidden; margin-bottom:30px; }
.category-details, .tag-details{display:flex; width:96%; padding:2%;height: 250px; justify-content: center; align-items:center;margin-bottom: 50px; flex-direction:column;  text-align:center }
.category-images{position:absolute; top:0; left:0; z-index:0}
.category-image-desktop{display:none;}
.category-image-mobile{display:block; width:100%; height: 350px;}
.archive-title{color:#fff!important;}
.category-description{color:#222!important;}
.post-thumbnail{flex-basis: 96%;max-width: 96%; padding:1%; margin:1%;}
.post-thumbnail{width:100%; height:auto;}
.post-details{flex-basis: 96%; max-width: 96%; padding:1%; margin:1%;}
.post-category{margin:3%; width:94%; flex-basis: 94%;max-width: inherit;}
entry-summary p{font-size:1rem;}
.entry-tag{display:flex;justify-content:center; padding:10px 0; margin: 10px 0; flex-direction: column;}
.entry-tag ul{display:flex; flex-wrap:wrap; flex-direction:row; justify-content:center;}
.entry-tag ul li { margin-right:8px; letter-spacing: 0.03rem; border-radius: 0.3em; background-color:#E87800; color:#fff; padding:4px 6px; text-transform:uppercase; }
.entry-tag ul li a{color:#fff;}
.entry-meta-archive{;font-size: 0.85rem; line-height:0.95rem; margin:20px 0; text-align:center;}
h2.entry-title{font-size: 1.85rem;line-height: 1.8rem;font-weight: 700; margin:25px 0; text-align:center}
.entry-meta-archive .entry-date i{margin-left:5px; margin-right:5px;}
.col-md-8{margin: 3%;}
/*articolo*/
article{width:94%; margin:0 3%;}
.fuoribordo img {max-width: 100%}
.breadcrumbs {font-size: 0.90rem;justify-content: center;padding: 3%;}
.articoli-collegati h3 { left: 0!important;}
.related-posts ul{flex-wrap:inherit!important;}
.related-posts ul li{flex-basis: 100%;width: 100%!important; text-align:center; border:1px solid #ddd; margin:2% 1%; flex-wrap:inherit!important}
.condivisione{display:flex; flex-direction:column; flex-wrap:wrap; padding:15px 0; border-top:1px solid #ddd; border-bottom:1px solid #ddd; margin:20px auto;}
.social-share {display:flex; flex-direction:row; flex-wrap:wrap; justify-content:center; align-items:center; width:100%;}
.social-share li{margin:2% 0.5%; width:48%; flex-basis:48%;display:flex; align-items:center; justify-content:center; padding:1% 0.5%; border-radius:20px; font-size:1rem;}
.social-share li a {font-size: 0.9rem;}
.testo-condivisione{width:98%; margin:2% 0.5%; text-align:center;}
.wp-block-image .alignright, .wp-block-image .alignleft{float:none; width:100%; height:auto;  margin:inherit;}
.wp-block-image .alignright img, .wp-block-image .alignleft img{float:none; width:100%!important; height:auto;  margin:inherit;}
.entry-tag-single {flex-direction: column;}
.entry-tag-single ul {justify-content: center;}
.tag-title { margin-bottom: 20px;text-align: center;}
.col-md-3{flex-basis:97%; width:97%; margin:1.5%;}
.container-footer #menu-principale .menu-item {text-align: left;}
.footer-top span {font-size: 26px;line-height: 43px;padding-left: 10px;}
.container-footer {flex-direction: column; height:auto;}
.widget-area-bottom .gb-grid-column {width: 50% !important;}
#colophon .col-md-8 {flex-basis: 96%;max-width: 96%;margin: 0 1%;padding:20px 1%; border:none; display:flex; width:96%; justify-content: center;}
#nav_menu-3 .menu, #nav_menu-4 .menu {display: flex;flex-direction: column;align-items: center;}
#nav_menu-3 .menu li a, #nav_menu-4 .menu li a {padding-right: 0; line-height: 45px;}
.site-info {flex-direction: column; text-align:center;}
#colophon .col-md-4 {border: none;justify-content: center;}
#colophon .col-md-4 p{text-align:center;}
}
/************* 04 NAVIGAZIONE *****************/
/*desktop */
.menu-toggle{display:none;}
#primary-menu {display: flex;flex-direction: row; align-items:center; justify-content:start; margin-left: 6.1%;}
#primary-menu li {margin: 0 10px; font-size:16px; line-height:19px; font-family: elza;  text-transform:uppercase; position:relative; width: 100%; margin:0; width:auto; list-style-type:none;}
#primary-menu li a{padding-right:94px; font-style:normal; font-weight:900; color:#000;}
#primary-menu li:last-of-type a {padding-right: 0}
#primary-menu li a:hover{text-decoration:none;}
.sub-menu li { line-height:25px!important;}
.sub-menu li:last-child{border:none;}
.menu-close{display:none;}
.sub-menu li a::after {content:none;}
.sub-menu {opacity: 0; position:absolute; left:0;  z-index:200;display: none;transition: opacity 0.3s ease-in-out;  margin-left:0!important;  border-bottom:4px solid #000; }
.sub-menu li a{font-size:14px; font-weight:500!important;padding: 0 !important;}
.sub-menu .menu-item a:hover{text-decoration:none; background-color:transparent!important; border-radius:0; color:#222!important;}
.menu-item:hover .sub-menu {display: block; opacity: 1;}
@media only screen and (min-width: 631px) and (max-width: 1080px) {
.menu-toggle, .menu-close{display:block;}
#masthead .container{display:flex;margin:0 auto; flex-wrap:wrap;}
.main-navigation{flex: 1;width: 63%;padding: 2%; margin: 1%; display:flex; justify-content: end;align-items: center;}
#primary-menu {display: none;flex-direction: column;width: 100%;height: 100vh;position: absolute;top: 0;left: 0;background-color:#000;z-index: 1000; align-items: center;justify-content: center; transition: all 0.3s ease; margin:0;}
#primary-menu li a{color:#fff; padding-right:0; padding-left:0;}
#primary-menu li {font-size:1.5rem; line-height: 2em; width:50%; }
.menu-toggle{font-size:24px; border:none; background-color:transparent; margin-left:10px;}
.menu-close {position: absolute;top: 0;right: 0;border:none;background-color: transparent;font-size: 28px;color: #fff;}
.menu-item{text-align:center;}
#primary-menu .menu-item-has-children .sub-menu {display: none; position:inherit; bottom:inherit; left:inherit;z-index:inherit; border:1px solid #fff; background-color:transparent;}
#primary-menu .menu-item-has-children.show-sub-menu .sub-menu { display: block; opacity:1;}
.sub-menu li {border-bottom: none; width:100%!important;}
.sub-menu .menu-item a, .sub-menu .menu-item a:visited{ line-height:2.8rem; font-size:1rem; color:#fff;}
.menu-item-has-children a::after {content: "\F4FE";font-family: "bootstrap-icons"; margin: 0 0 0 2px;}
.show-sub-menu a::after { content: "\F2EA";font-family: "bootstrap-icons";margin: 0 0 0 2px;}
}
@media only screen and (max-width: 630px) {
.menu-toggle, .menu-close{display:block;}
#masthead .container{display:flex;margin:0 auto; flex-wrap:wrap; max-width:96%;padding: 20px 0 30px 0; height: auto;}
#primary-menu {display: none;flex-direction: column;width: 100vw;height: 100vh;position: absolute;top: 0;left: 0;background-color:#000;z-index: 1000; align-items: center;justify-content: center; transition: all 0.3s ease; margin-left: -4% !important;}
#primary-menu li a{color:#fff; padding-right:0;}
#primary-menu li {font-size:1.5rem; line-height: 2em; width:100%;  }.menu-item-has-children {padding-left: 22px;}
.menu-toggle{font-size:24px; border:none; background-color:transparent; margin-left:10px;}
.menu-close {position: absolute;top: 0;right: 0;border:none;background-color: transparent;font-size: 28px;color: #fff;}
.menu-item{text-align:center;}
#primary-menu .menu-item-has-children .sub-menu {display: none; position:inherit; bottom:inherit; left:inherit;z-index:inherit; border:1px solid #fff; background-color:transparent; width:98%!important; margin-left: -2.2% !important;}
#primary-menu .menu-item-has-children.show-sub-menu .sub-menu { display: block; opacity:1;}
.sub-menu li {border-bottom: none; }
.sub-menu .menu-item a, .sub-menu .menu-item a:visited{ line-height:2.8rem; font-size:1rem; color:#fff;}
.menu-item-has-children a::after {content: "\F4FE";font-family: "bootstrap-icons"; margin: 0 0 0 2px;}
.show-sub-menu a::after { content: "\F2EA";font-family: "bootstrap-icons";margin: 0 0 0 2px;}
}
/************** 05 PERSONALIZZAZIONI ****************/
/*desktop */
/*home page*/
#masthead .container {position: relative;z-index: 5; background-color:transparent;}
.home .site-header {margin: 20px 2%;position: absolute; top: 0;width: 96%;}
.dynamic-image{position:relative; z-index:0; }
.title-home {position: absolute !important;left: 6.2vw;z-index: 3;margin: 0 auto;top: 27vh;}
.title-home h1{  font-size: 70px; line-height:75px;}
.first-block{margin-top:-430px;}
/* pagine*/
/* pagina risultati ricerca*/
.search-header{display:flex; justify-content:center; align-items:center; min-height:190px;}
.search-results .type-page {border: 1px solid #ddd; padding: 1%; border-radius: 8px;}
.search-results article.post:nth-child(odd) {background-color: #f2f2f2; padding:1.5%;}
.search-results article.post:nth-child(even) {background-color: #ffffff; padding:1.5%;}
.search-header h1{color:#222;}
.row.search-raw {min-height: calc(100vh - 109px);}
.risto { background-color: #f9f9f9; border: 1px solid #eee;padding-left: 2%; padding-right: 2%;border-radius: 8px; margin-top: 1%;}
.infoplus { border: 1px solid #eee; padding-top:2.5%; padding-bottom:2.5%; padding-left: 2%; padding-right: 2%;border-radius: 8px; margin-top: 1.5%; margin-bottom:1.5%}
/*search form*/
.em-view-container, div[data-view-id] { position:relative; }
.em-wrapper label span.screen-reader-text, #em-wrapper label span.screen-reader-text { clip: rect(1px 1px 1px 1px); position: absolute !important; height: 1px; width: 1px; overflow: hidden; }
.em-search-main.em-search-main-bar{display: flex;flex-wrap: wrap;border: 1px solid #ddd;padding: 0.5%; line-height:2.5rem; margin-bottom: 50px;}
.em-search-text,.em-search-scope{flex-basis: 43%;width: 43%; padding:0.5%;}
.em-search-text,.em-search-scope{ width:90%; font-size:16px; line-height:16px; padding:8px; border:none; color:#666; text-overflow: ellipsis; display:inline-block; }
.em-search-scope{border-left:1px solid #ddd; border-right:1px solid #ddd;}
.em-search-text input,.em-search-scope input{width:95%; margin:1%; line-height:1.8rem; border:none;}
.em-search-submit {flex-basis: 9%;width: 9%;  align-items: center;justify-content: center; display: flex;padding:0.5%;}
.button-primary{width:100%; display:flex; flex-basis:100%; text-align:center;  color:#fff; font-size:20px; border:none;  background-color:#f70759; line-height:2rem; padding:8px 10px; cursor:pointer;}
/*interviste*/
.category-interviste .category-details, .category-eventi .category-details, .category-articoli .category-details{display: flex;justify-content: flex-start; /* Allinea tutto a sinistra */max-width: 1250px; /* Stessa larghezza della riga */margin: 0 auto; /* Per centrare l'elemento nel layout */}
.category-interviste .category-details .row, .category-eventi .category-details .row, .category-articoli .category-details .row{display: flex; gap: 20px; /* Spazio tra le colonne */width: calc(100% - 677px); /* Sottrae lo spazio del menu */margin-left: 677px; /* Sposta tutto per allinearlo al menu */}
.category-interviste .archive-title, .archive-title, .entry-title a, .row.page-details h1{font-weight:700;  color:#039FE3!important; text-transform:uppercase;  position: relative;  border-bottom: 2px solid transparent; background: linear-gradient(to right, #039FE3 100px, transparent 100px);background-size: 100% 12px;  background-repeat: no-repeat; /* Evita ripetizioni */background-position: bottom; /* Posiziona il bordo simulato in basso */padding-bottom: 15px; /* Distanza tra testo e bordo */ display:flex;}
.category-interviste .post-category .post-article-details, .category-articoli .post-category .post-article-details {display: none;}
.galleria-template .archive-title{margin-left:2%;}
.foto{margin-left:2%;}
.category-interviste .archive-title h2, .archive-title h2{font-size:32px!important; line-height:42px!important;}
#colonna-foto-sx .archive-title {margin-left: 0;}
.dettagli-interviste .entry-title{margin-left:0px;}
.entry-title{margin-left:30px;}
.entry-title a{color:#000;}
.category-interviste .category-container, .category-eventi .category-container, .category-articoli .category-container {max-width:1250px;}
.category-interviste .post-category, .category-articoli .post-category{display:flex; flex-direction:column; align-items: center; flex-basis:48%; justify-content: space-between;}
.category-interviste .post-category:nth-child(even), .category-articoli .post-category:nth-child(even) { margin-left: 3.5%; /* Sposta tutti gli articoli pari (colonna destra) */ width: 46%;max-width: 45.5%;flex-basis: inherit;}
.category-interviste .post-category:nth-child(odd), .category-articoli .post-category:nth-child(odd) {  width: 46%;max-width: 45.5%;margin-right: 3.5%; flex-basis: inherit;/* Stessa distanza della seconda colonna */}
.category-eventi .post-category:nth-child(even) { margin-left: 3.5%; /* Sposta tutti gli articoli pari (colonna destra) */ width: 42.5%;max-width: 42.5%;flex-basis: inherit;}
.category-eventi .post-category:nth-child(odd) {  width: 42.5%;max-width: 42.5%;margin-right: 3.5%; flex-basis: inherit;/* Stessa distanza della seconda colonna */}
.category-container.eventi {max-width: 1650px !important;}
.category-interviste .post-article-thumbnail{max-width:100%; height: auto;}
.category-interviste .post-article-thumbnail a{position:relative; top:0; left:0; height: 100%;display: flex;}
.interviste-overlay{position:absolute; top:0; left:0; width:100%; height:100%; background-color: rgba(2,159,227,0.3); z-index:3; padding:0; display: flex;flex-direction: column;align-items: flex-end;justify-content: flex-end; opacity:0; transition: opacity 0.3s ease-in-out;}
.category-interviste .post-article-thumbnail:hover .interviste-overlay { opacity: 1; transition: opacity 0.3s ease-in-out;}
.category-interviste .post-article-thumbnail p{  width:96%; position:relative; bottom:0; z-index:5;color:#000!important; font-weight:bold; font-size:30px; text-transform:uppercase; margin:20px 2%;!important;  transition: opacity 0.3s ease-in-out;border-top: 2px solid transparent; /* Per aggiungere un piccolo spazio sotto * background: linear-gradient(to right, #000 20%, transparent 20%);background-size: 100% 6px; /* Imposta la larghezza e l'altezza del gradiente */background-repeat: no-repeat; /* Evita ripetizioni */background-position: top; /* Posiziona il bordo simulato in basso */padding-top: 15px; /* Distanza tra testo e bordo */display:inline-block;}
.row.page-details { margin-top: 163px;}
.row.page-details h1 {margin-left: 40px;}
.category-interviste .post-article-thumbnail p a{}
/*pagina singola intervista*/
.entry-header-interviste{display:flex; flex-direction:row; margin-top: 163px;}
.copertina-interviste {width:53%;}
.dettagli-interviste{width:47%;}
.dettagli-interviste{ justify-content: space-between;display: flex; flex-direction: column;}
.sottotitolo {margin-bottom: 28px;}
.copertina-interviste .post-thumbnail-single img{width:700px; height:700px; max-width:inherit;}
.featured-image-caption {text-align: left;font-family: "elza", Sans-serif;font-size: 21px;font-weight: 300;margin-block-start: -2px;}
.dettagli-interviste .entry-category a{text-align:left; color:#039FE3;font-family: elza; font-size:45px!important; font-weight:bold; text-transform:uppercase; position: relative; /* Necessario per gestire correttamente il padding */border-bottom: 2px solid transparent; /* Per aggiungere un piccolo spazio sotto */background: linear-gradient(to right, #039FE3 40%, transparent 40%);background-size: 100% 12px; /* Imposta la larghezza e l'altezza del gradiente */background-repeat: no-repeat; /* Evita ripetizioni */background-position: bottom; /* Posiziona il bordo simulato in basso */padding-bottom: 25px; /* Distanza tra testo e bordo */ display:inline-block;}
.fuoribordo img {max-width: none}
.corpo-articolo{margin:117px 0;}
.second-interviste{margin:50px 0;}
/* gallerie interviste*/
.wp-element-caption {position: relative !important;background: white !important;color: #000 !important;text-shadow: none !important; font-size:16px!important; line-height:15px!important;}
.wp-element-caption{text-align: left;font-family: "elza", Sans-serif;font-size: 21px;font-weight: 300;margin-block-start: 5px;}
.gb-container.gb-container-dbcbca48 {border-bottom: 4px solid #000; padding-bottom: 150px;}
.articoli-collegati {display: flex;flex-direction: column;align-items: flex-end;width: 100%;position: relative;}
.articoli-collegati h3 {position: absolute!important;left: 53%;}
.articoli-collegati ul { width: 100%; display: flex;flex-direction: column;align-items: flex-end;list-style: none;padding: 0;margin-top: 160px;}
.articoli-collegati ul li {width: 48%; transition: width 0.3s ease-in-out;text-align: left;position: relative;padding: 10px 0;cursor: pointer;}
/* Testo (h4) che rimane fisso e non si sposta */
.articoli-collegati ul li h4 {position: relative;z-index: 2;padding: 0 5px;font-size: 1rem;background: none; margin-bottom:0!important;}
.articoli-collegati ul li h4 a:hover{color:#039FE3}
/* Linea orizzontale nera che si estende su tutta la larghezza dell'ul */
.articoli-collegati ul li::after {content: "";position: absolute;left: -8%;top: 45%;transform: translateY(-50%);transform: translateX(-45%);width: 220%;  /* La linea si estende su tutta la larghezza dell'ul */height: 4px;background-color: black;opacity: 0;  /* Inizialmente invisibile */}
/* La linea diventa visibile durante l'hover */
.articoli-collegati ul li:hover::after {opacity: 1;}
/* Sfondo bianco dietro al testo, che si estende su tutta la larghezza dell'ul */
.articoli-collegati ul li::before {content: "";position: absolute;top: 50%;left: 0;right: 0;  /* Estende lo sfondo su tutta la larghezza dell'ul */height: 20px; background-color: white;transform: translateY(-50%); z-index: 1; opacity: 0;  /* Inizialmente invisibile */}
/* Lo sfondo bianco diventa visibile durante l'hover */
.articoli-collegati ul li:hover::before { opacity: 1;}
.bordo{border-top:6px solid #000; padding-top:60px;}
.articoli-collegati h3{text-align:left; color:#039FE3;font-family: elza; font-size:45px!important; font-weight:bold; margin-bottom:50px; text-transform:uppercase; position: relative; /* Necessario per gestire correttamente il padding */border-bottom: 2px solid transparent; /* Per aggiungere un piccolo spazio sotto */ background: linear-gradient(to right, #039FE3 40%, transparent 40%);background-size: 100% 12px; /* Imposta la larghezza e l'altezza del gradiente */ background-repeat: no-repeat; /* Evita ripetizioni */ background-position: bottom; /* Posiziona il bordo simulato in basso */  padding-bottom: 25px; /* Distanza tra testo e bordo */ display:inline-block; margin-top: 70px;}
/*fotografie*/
.appunti {font-size: 25px;text-transform: uppercase;font-weight: 600;line-height: 32px;}
.sottocategorie {text-transform: uppercase;line-height: 1;}
.sottocategorie-gallery {font-size: 55px;font-weight: 600;line-height: 55px;}
#menu-gallerie .e-con-inner {display:flex;}
#menu-gallerie .e-con-boxed{}
#menu-gallerie ul  li{border-right:1px solid #000;width: auto; padding:0 17px; max-height: 38px;}
#menu-gallerie .current-menu-item a{  position: relative;}
#menu-gallerie .current-menu-item a::after {content: ''; /* Crea un elemento vuoto */position: absolute;left: 0;bottom: -5px; /* Distanza dal fondo dell'elemento */width: 100%;height: 4px;background-color: #000; /* Colore del bordo */}
#menu-gallerie ul  li a{max-width:100%; padding:0;}
#menu-gallerie ul  li:first-of-type{padding-left:0!important;}
#menu-gallerie ul  li:last-of-type{border-right:none; align-items: end;}
#menu-gallerie ul  li a.elementor-item-active {color:#000!important}
.widget-image-caption{font-size:19px!important;}
.gallery-title{background-position: right 27px bottom 28px !important;}
.gallery-title:hover h3, .gallery-title:hover .elementor-heading-title {color: #039FE3!important; /* Cambia colore all'h3 */}
.gallery-title:hover .appunti {color: #000 !important; /* Mantiene il colore originale */}
#riga-prima-foto {margin-top: -45px;}
.mobile-page-title {display: none;}
/*eventi % press*/
.category-eventi .entry-content{margin-top:35px;}
.related-posts ul li{border:none; margin-bottom:15px}
.eventi .post-category {display: flex;flex-direction: column;border-top: 6px solid #000;border-bottom: 6px solid #000;border-left;max-width: 44%;flex-basis: 44%;margin: 1%; padding:1.5%; }
.event-date{font-weight:100; font-size:30px;}
.eventi .entry-title{ font-size:40px; text-transform:uppercase; text-align:left; line-height:45px; margin: 0;background: none;}
.eventi .entry-title a{color:#000;}
.eventi .entry-content{font-size:30px; line-height:40px; font-weight:300; display:inline;align-items: center;}
.read-more {width: 100%;display: block;margin: 20px 0;}
/* pagine gutember*/
#page-content{margin-top:180px;}
.elenco-bio{padding-left:25px; margin-bottom:30px;}
.elenco-bio  li {list-style-image: url(https://quadernicontinentali.it/wp-content/themes/quaderni-continentali-wp/img/freccia-elenchi.png); font-size:26px; line-height:34px;}
@media only screen and (min-width: 902px) and (max-width: 1633px) {
.title-home h1 {font-size: 57px;line-height: 60px;}
.gb-grid-column {padding: 0 1%;}
.fuoribordo img, figure img {max-width: 100%;height: auto !important;}
#primary-menu li a{padding-right:69px}
.entry-header-interviste{max-width:98%; margin-left:auto; margin-right: auto;}
}
@media only screen and (max-width: 1366px) {
.copertina-interviste .post-thumbnail-single img{max-width:95%; height:auto;}
#central-image figure, .last-image-gallery figure {max-width: 95%; margin:0 auto!important;}
#riga-prima-foto {margin-top: 65px;}
#primary-menu li a {padding-right: 32px;}
}
@media only screen and (min-width: 901px) and (max-width: 1180px) {
#masthead .container{  max-width:98%; padding:20px 0 40px 0; margin:0 auto}
#above-home{min-height:68vh;}
.category-interviste .post-article-thumbnail {width: 100% !important;height: auto;}
.post-article-thumbnail img {width: 100%;height: auto;min-width: 100%;}
.interviste-overlay { opacity: 1;position: relative;top: inherit;left: inherit;display: flex;height: auto;background: transparent;}
.category-interviste .post-article-thumbnail p {font-size: 21px;font-weight: 600;}
.copertina-interviste .post-thumbnail-single img {width: 100%;height: auto; max-width: 100%;}
.title-home {position: absolute !important;left: 5.2vw;z-index: 3;margin: 0 auto;top: 25vh;}
}
@media only screen and (max-width: 1024px) {
.vision-title h2{font-size:30px;}
.appunti {font-size: 20px;}
.widget-image-caption {font-size: 20px !important;}
#menu-gallerie ul {max-width: 98%;margin: 0;}
#menu-gallerie ul li:first-of-type { padding-left: 0px!important; border-right:0px;}
#menu-gallerie ul li{ border-right:0px; padding: 10px 0px;border-bottom: 1px solid #000;}
#menu-gallerie ul li br{display:none;}
.second-image-gallery .elementor-widget-container {margin-top: -70px !important;}
#freccia-bianca-menu-gallery img {width: auto;}
#menu-gallerie .current-menu-item a::after {content: ''; /* Crea un elemento vuoto */position: absolute;left: 0;bottom: -5px; /* Distanza dal fondo dell'elemento */width: 100%;height: 4px;background-color: #fff; /* Colore del bordo */}
#menu-gallerie ul  li a.elementor-item-active {color:#039FE3!important; background-color:transparent;}
.last-image-gallery {max-width: 60% !important;}
}
@media only screen and (min-width: 631px) and (max-width: 900px) {
#masthead .container{  max-width:98%; padding:10px 0; margin:0 auto}
#above-home .elementor-container {min-height:auto;}
.first-block {margin-top: -150px !important;}
.title-home {top: 18vh;}
.freccia-gallery-home img {width: 180px;height: auto;}
.elenco-bio  li {list-style-image: url(http://localhost/quaderni/wp-content/themes/quaderni-continentali-wp/img/freccia-elenchi.png); font-size:23px; line-height:27px;}
.category-interviste .post-article-thumbnail {width: 100% !important;height: auto;}
.post-article-thumbnail img {width: 100%;height: auto;min-width: 100%;}
.interviste-overlay { background-color: rgba(2,159,227,0.5);opacity: 1;transition: opacity 0.3s ease-in-out;}
.category-interviste .post-article-thumbnail p {font-size: 21px;font-weight: 600;}
.gb-grid-column {padding: 0 1%;}
.fuoribordo img, figure img {max-width: 100%;height: auto !important;}
.last-image-gallery {max-width: 70% !important;}
.title-home h1 {font-size: 40px;line-height: 45px;}
.category-interviste .post-category:nth-child(odd) {  width: 46%;max-width: 46%;margin-right: 3%; flex-basis: inherit;/* Stessa distanza della seconda colonna */}
.category-eventi .post-category:nth-child(even) { margin-left: 3%; /* Sposta tutti gli articoli pari (colonna destra) */ width: 46%;max-width: 46%;flex-basis: inherit;}
.colonna-meta-foto{flex-direction:column;}
.mobile-page-title {display: block;font-size: 16px;font-weight: 500;text-transform: uppercase;line-height: 19px; margin:6%; width:88%; border-bottom:1px solid #000;}
}
@media only screen and (max-width: 630px) {
html, body {overflow-x: hidden;}
#above-home .elementor-container {min-height:auto;}
.wp-block-columns.is-not-stacked-on-mobile {flex-wrap: wrap !important;}
.dynamic-image {display: flex;justify-content: center;align-items: center;position: relative;}
.title-home {top: 18vh;}
.sinistra-foto-home {min-height: 300px!important;}
.sottotitolo {max-width: 100%; border-bottom:1px solid #ddd;}
.tag-home li {margin-left: 0 !important;}
.sottotitolo h2{padding:1.6rem!important;font-size:1.25rem; line-height:1.55rem}
.category-interviste .post-category, .eventi .post-category  {display: flex;flex-direction: column;align-items: center; max-width: 95%;flex-basis: 95%;margin: 2.5%;border: none;}
.category-interviste .post-article-thumbnail {width: auto; min-width:100%;height:auto}
.featured-image-caption, .wp-element-caption  {font-size: 17px;}
.eventi .post-category {display: flex;flex-direction: column;border-top: 6px solid #000;border-bottom: 6px solid #000;}
.pagine-interne-top { margin-top: 200px !important;}
.col-sx, .col-dx{flex-basis:98%; width:98%; margin:1%;}
.em-search-main.em-search-main-bar{width:95%; margin:4% 1%;}
.em-search-text,.em-search-scope{flex-basis: 98%;width: 98%; padding:0.5%;}
.em-search-text,.em-search-scope{ width:90%; font-size:16px; line-height:16px; padding:8px; border:none; color:#666; text-overflow: ellipsis; display:inline-block; }
.em-search-scope{border-top:1px solid #ddd; border-bottom:1px solid #ddd;}
.em-search-text input,.em-search-scope input{width:95%; margin:1%; line-height:1.8rem; border:none;}
.em-search-submit {flex-basis: 98%;width: 98%;  align-items: center;justify-content: center; display: flex;padding:3.5% 0.5%;}
.elenco-bio {padding-left: 35px; margin-bottom: 30px;}
.elenco-bio li {font-size: 19px;line-height: 24px;}
.category-interviste .post-article-thumbnail {width: 100% !important;height: auto;}
.archive-title {margin: 0; font-size:40px}
.post-article-thumbnail img {width: 100%;height: auto;min-width: 100%;}
.interviste-overlay { opacity: 1;position: relative;top: inherit;left: inherit;display: flex;height: auto;background: transparent;}
.category-interviste .post-article-thumbnail p {font-size: 21px;font-weight: 600;}
.entry-header-interviste {flex-direction: column;}
.copertina-interviste, .dettagli-interviste {width: 100%; max-width:100%;}
.gb-grid-column {}
.corpo-articolo {margin: 60px 0;}
.fuoribordo img, figure img {max-width: 100%;height: auto !important; margin:2% auto;}
.second-interviste{flex-direction:column-reverse;}
.articoli-collegati {max-width: 100%;flex-basis: 100%; margin: 1% 3%;}
.second-image-gallery .elementor-widget-container {margin-top: 0px !important;}
#central-image figure {max-width: 100%;}
.four-image-gallery figcaption {padding-left: 18px;}
.last-image-gallery figcaption {text-align: left !important;}
.gb-container.gb-container-dbcbca48 {border-bottom: 0px;padding-bottom: 30px;}
.gb-container.gb-container-6edb403d {border-bottom: 4px solid #000;padding-bottom: 40px; padding-top:40px;}
.related-posts ul li a {font-size: 30px;line-height: 35px;}
.entry-title {margin-left:0px;}
.entry-content {}
.foto{margin-left:2%;}
.last-image-gallery {max-width: 100% !important;}
.galleria-template .archive-title {margin-left: 0;}
.colonna-meta-foto{flex-direction:column;}
.mobile-page-title {display: block;font-size: 16px;font-weight: 500;text-transform: uppercase;line-height: 19px; margin:2%; width:96%; border-bottom:1px solid #000;}
#riga-prima-foto {margin-top: -25px;}
.title-home h1 {font-size: 30px;line-height: 35px;}
.first-block {margin-top: 0;}
.category-interviste .category-details, .category-eventi .category-details {justify-content: center;}
.category-interviste .category-details .row, .category-eventi .category-details .row {display: flex; gap: 0;width:100%;margin-left: 0;}
.category-interviste .post-category:nth-child(odd), .category-articoli .post-category:nth-child(odd) {  width: 95%;max-width: 95%; margin-right: 2.5%; margin-left: 2.5% flex-basis: inherit;/* Stessa distanza della seconda colonna */}
.category-interviste .post-category:nth-child(even), .category-articoli .post-category:nth-child(even) {  width: 95%;max-width: 95%; margin-right: 2.5%; margin-left: 2.5% flex-basis: inherit;/* Stessa distanza della seconda colonna */}
.category-eventi .post-category:nth-child(odd) { margin-left: 2.5%; margin-right: 2.5%; /* Sposta tutti gli articoli pari (colonna destra) */ width: 98%;max-width: 98%;flex-basis: inherit;}
.category-eventi .post-category:nth-child(even) { margin-left: 2.5%; margin-right: 2.5%; /* Sposta tutti gli articoli pari (colonna destra) */ width: 98%;max-width: 98%;flex-basis: inherit;}
.category-interviste .post-article-thumbnail a{ display:block;}
.category-interviste .post-article-thumbnail p{margin:12px 2%; padding-top:0px; border:none;}
.row.page-details h1 {margin-left: 0px;}
}
@media only screen and (min-width: 375px) and (max-width: 430px) {
.category-interviste .post-article-thumbnail {width: 100% !important;height: auto;}
.post-article-thumbnail img {width: 100%;height: auto;min-width: 100%;}
.interviste-overlay { opacity: 1;position: relative;top: inherit;left: inherit;display: flex;height: auto;background: transparent;}
.category-interviste .post-article-thumbnail p {font-size: 21px;font-weight: 600;}
.entry-header-interviste {flex-direction: column;}
.copertina-interviste, .dettagli-interviste {width: 100%;}
.gb-grid-column {padding: 0 1%;}
.fuoribordo img, figure img {max-width: 100%;height: auto !important;}
.second-interviste{flex-direction:column-reverse;}
.articoli-collegati {max-width: 100%;flex-basis: 100%; margin: 1% 3%;}
.title-home h1 {font-size: 27x;line-height: 32px;}
.sinistra-foto-home {min-height: 300px!important;}
}
/* widget categorie*/
.widget_block{max-width:1280px; margin:0 auto;}
.widget_block iframe{width:100%; height:202px;}
/* 07 personalizzazioni per viewport specifici*/
/* tutti i dispositivi*/
@media only screen and (min-width: 1801px){
.article-container{max-width:81%; margin:0 9.5%;}
}
@media only screen and (min-width: 312px) and (max-width: 1800px){
.article-container{max-width:96%; margin:0 2%;}
.row.category-container {max-width: 96%; margin: auto 2%;}
}
/*imac ricordi*/
@media only screen and (min-width: 1512px) and (max-width: 1512px) and (min-height: 982px) and (max-height: 982px) { 
#masthead .container{  max-width:1450px; padding:20px 0 60px 0; margin:0 auto}
.category-interviste .category-details .row {display: flex;gap: 20px;width: calc(100% - 608px);margin-left: 608px;}
#primary-menu li a {padding-right: 56px;}
}
/*laptop 1440*/
@media only screen and (min-width: 1440px) and (max-width: 1440px) and (min-height: 900px) and (max-height: 900px) {
#masthead .container{  padding:20px 0 50px 0; margin:0 auto}
#primary-menu li a {padding-right: 32px;}
}
/*ipad pro 12*/
@media only screen and (min-width: 1366px) and (max-width: 1366px) and (min-height: 1024px) and (max-height: 1024px) {
#masthead .container{  padding:20px 0 50px 0; margin:0 auto}
.title-home h1{font-size:60px; line-height:65px;}
#primary-menu li a {padding-right: 32px;}
}
/*ipad pro 11*/
@media only screen and (min-width: 1194px) and (max-width: 1194px) and (min-height: 834px) and (max-height: 834px) {
#masthead .container{  padding:20px 0 40px 0; margin:0 auto}
.title-home h1{font-size:55px; line-height:60px;}
}
/*laptop piccoli*/
@media only screen and (min-width: 1280px) and (max-width: 1280px) and (min-height: 800px) and (max-height: 800px) {
#masthead .container{  padding:20px 0 40px 0; margin:0 auto}
.title-home h1{font-size:50px; line-height:55px;}
	#menu-gallerie ul li {padding: 0 11px;}
}
/*ipad air*/
@media only screen and (min-width: 1180px) and (max-width: 1180px) and (min-height: 820px) and (max-height: 820px) {
#masthead .container{  padding:15px 0 40px 0; margin:0 auto}
.title-home{ left:80px; z-index:3; margin:0 auto; top:200px;}
.title-home h1{font-size:55px; line-height:60px;}
}
/*ipad*/
@media only screen and (min-width: 1080px) and (max-width: 1080px) and (min-height: 810px) and (max-height: 810px) {
#masthead .container{  padding:15px 0 40px 0; margin:0 auto;}
.title-home h1{font-size:45px; line-height:50px;}
}
/*ipad mini*/
@media only screen and (min-width: 1024px) and (max-width: 1024px) and (min-height: 768px) and (max-height: 768px) {
#masthead .container{  padding:15px 0 30px 0; margin:0 auto;}
.title-home h1{font-size:55px; line-height:60px;}
}