/*
Theme Name: DJ Geppo
Author: Custom conversion from original djgeppo.it
Version: 3.7.0
Description: Conversione WordPress del sito storico DJ Geppo, mantenendo la grafica originale.
*/
*{box-sizing:border-box}
html,body{margin:0;padding:0;min-height:100%;background:#000}
body{font-family:Arial,Helvetica,sans-serif;color:#333;font-size:13px}
a{color:#FD8A0D;text-decoration:none} a:hover{text-decoration:underline}
.site-bg{min-height:100vh;background:#000 url('assets/immagini/background.jpg') center top/auto 767px no-repeat}
.home-bg{background-image:url('assets/immagini/background_index.jpg');background-size:auto 481px;background-repeat:no-repeat}
.site-container{width:1000px;max-width:calc(100% - 24px);margin:0 auto}
.home-spacer{height:450px}
.site-header{height:464px;background:#000 url('assets/immagini/background.jpg') center top/auto 767px no-repeat}
.site-header-inner{width:548px;max-width:100%;margin:0 auto;padding-top:96px}
.main-nav{height:32px;display:flex;justify-content:center;align-items:center;gap:12px;white-space:nowrap}
.main-nav a{font-size:12px;color:#fff}.main-nav a:hover,.main-nav .current-menu-item>a{color:#FFE4AF}
.nav-sep{color:#fff}
.content-shell{width:548px;max-width:100%;margin:-320px auto 0;padding:10px 0 50px;min-height:260px;position:relative;z-index:2}
.content-inner{width:290px;margin-left:258px;max-width:calc(100% - 258px)}
.page-title{font-size:13px;color:#FD8A0D;font-weight:bold;margin:0 0 14px}
.old-content{font-size:12px;line-height:1.55;color:#787878}
.old-content p{margin:0 0 18px}
.arrow{display:inline-block;width:11px;height:11px;background:url('assets/immagini/freccia.gif') center/contain no-repeat;margin-right:10px}
.accent{color:#FD8A0D;font-weight:bold}.subtle{color:#787878;font-size:11px}
.site-footer{min-height:25px;background:#000;display:flex;color:#555;font-size:9px;align-items:center}
.footer-orange{height:25px;background:#FFA02A;flex:1}
.footer-copy{flex:1;padding:5px 12px}
.home-layout{display:grid;grid-template-columns:1fr 1fr}
.djgeppo-home-logo{text-align:right;margin:0 0 0 0}.djgeppo-home-logo img{width:427px;max-width:100%;height:auto;display:inline-block}.djgeppo-home-logo a{display:inline-block}
.newsletter-box{width:287px;margin:0 auto;color:#FFE4AF;font-size:11px;padding-top:60px}
.newsletter-box .intro{color:#FFE4AF;margin-bottom:10px}.newsletter-box .privacy{color:#ccc;font-size:10px}
.legacy-input{width:172px;height:20px;font:11px Arial;background:#fff;border:1px solid #FF930C;padding:2px 5px;color:#333}
.newsletter-row{display:flex;align-items:flex-end;gap:5px;margin-top:5px}
.newsletter-submit{height:18px;background:#fff;border:1px solid #FF930C;font:11px Arial;color:#333;cursor:pointer}
.reflection{display:block;width:170px;height:20px;object-fit:cover}.reflection-small{width:60px;height:17px;object-fit:cover}
.legacy-list{list-style:none;padding:0;margin:0}.legacy-list li{margin:0 0 15px}
.legacy-list .item-title{font-size:12px;color:#FD8A0D;font-weight:bold}
.legacy-list .item-sub{color:#333;font-weight:bold;font-size:12px;margin:4px 0 0 21px}
.legacy-list .item-desc{font-size:11px;color:#787878;margin:3px 0 0 21px;line-height:1.4}
.gallery-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin-top:10px}
.gallery-grid img{width:100%;height:82px;object-fit:cover;border:1px solid #555}
.album{margin-bottom:24px}.album h3{font-size:12px;color:#FD8A0D;margin:0 0 8px}
.rank-table{width:100%;border-collapse:collapse;font-size:11px}.rank-table td{padding:4px 2px;vertical-align:top}
.rank-table .genre{color:#FD8A0D;font-weight:bold;padding-top:12px}.rank-table .artist{color:#787878}
.radio-list a{color:#FD8A0D;font-weight:bold}
.contact-form input,.contact-form textarea{width:245px;border:1px solid #FF930C;background:#fff;padding:5px;font:11px Arial}
.contact-form textarea{height:80px;resize:vertical}.contact-form button{height:80px;border:1px solid #FF930C;background:#fff;font:11px Arial;cursor:pointer}
.contact-row{display:flex;gap:6px;align-items:flex-start;margin-bottom:8px}
.notice{font-size:11px;padding:7px;border:1px solid #FF930C;background:#FFF2DC;color:#454545;margin-bottom:10px}
.privacy-box{font-size:10px;color:#454545;background:#fff;padding:6px;height:70px;overflow:auto;margin-top:10px}
@media(max-width:760px){
 .site-container{max-width:100%;padding:0 10px}.site-header{height:auto;min-height:300px;background-size:auto 500px}
 .site-header-inner{padding-top:60px}.main-nav{flex-wrap:wrap;height:auto;padding:12px 5px;white-space:normal}
 .home-spacer{height:300px}.home-layout{grid-template-columns:1fr}.home-logo{text-align:center}
 .newsletter-box{padding-top:25px}.content-inner{width:100%;margin-left:0;padding:0 15px}
 .content-shell{min-height:300px;margin:0 auto}.gallery-grid{grid-template-columns:repeat(2,1fr)}
 .site-footer{display:block}.footer-orange,.footer-copy{text-align:center}
}

/* Home button */
.home-button{
 display:inline-flex!important;
 align-items:center;
 justify-content:center;
 width:25px;
 height:25px;
 margin-left:3px;
 vertical-align:middle;
 color:#fff!important;
 text-decoration:none!important;
}
.home-button svg{width:15px;height:15px;display:block}
.home-button:hover{color:#FFE4AF!important}


@media(max-width:760px){.logo-home-hit{left:18px;top:48px;width:100px;height:52px}}

.main-nav .home-menu{font-weight:bold;color:#fff}


/* Photogallery: miniature compatte come nel sito originale. */
body.page-template-page-photogallery .content-inner .wp-block-image{
 display:inline-block;
 vertical-align:top;
 width:31%;
 margin:0 2% 8px 0;
}
body.page-template-page-photogallery .content-inner figure.wp-block-image:nth-of-type(3n){margin-right:0}
body.page-template-page-photogallery .content-inner .wp-block-image img{
 display:block;
 width:100%;
 height:82px;
 object-fit:cover;
 border:1px solid #555;
}
body.page-template-page-photogallery .content-inner .wp-block-image a{display:block}
@media(max-width:760px){
 body.page-template-page-photogallery .content-inner .wp-block-image{width:48%;margin-right:2%}
 body.page-template-page-photogallery .content-inner .wp-block-image:nth-of-type(3n){margin-right:2%}
}


/* Photogallery v3.3: miniature compatte e allineate anche nel frontend. */
body.page-template-page-photogallery .content-inner{overflow:hidden}
body.page-template-page-photogallery .content-inner .wp-block-image{box-sizing:border-box}
body.page-template-page-photogallery .content-inner .wp-block-image img{max-width:100%;}


/* Footer widget areas - v3.4 */
.site-footer-wrap{
 background:#000;
 color:#555;
 font-size:9px;
}
.footer-widgets{
 width:548px;
 max-width:100%;
 margin:0 auto;
 padding:14px 10px 10px;
 display:grid;
 grid-template-columns:1fr 1fr;
 gap:18px;
 color:#ccc;
}
.footer-widget{
 min-width:0;
 font-size:11px;
 line-height:1.45;
}
.footer-widget-title{
 margin:0 0 6px;
 color:#FD8A0D;
 font-size:12px;
 font-weight:bold;
}
.footer-widget p{margin:0 0 7px}
.footer-widget a{color:#FD8A0D}
.footer-widget ul{margin:0;padding-left:18px}
.footer-widget img{max-width:100%;height:auto}
.footer-copy-bar{
 display:flex;
 align-items:center;
 min-height:25px;
 background:#000;
 color:#555;
 font-size:9px;
}
.footer-copy-bar .footer-orange{height:25px;background:#FFA02A;flex:1}
.footer-copy-bar .footer-copy{flex:1;padding:5px 12px}
@media(max-width:760px){
 .footer-widgets{grid-template-columns:1fr;padding:12px 15px 8px;text-align:center}
 .footer-widget ul{display:inline-block;text-align:left}
 .footer-copy-bar{display:block;text-align:center}
 .footer-copy-bar .footer-orange,.footer-copy-bar .footer-copy{display:block;text-align:center}
}


/* WordPress navigation menu - v3.5 */
.main-nav .djgeppo-menu{
 display:flex;
 justify-content:center;
 align-items:center;
 gap:0;
 margin:0;
 padding:0;
 list-style:none;
 white-space:nowrap;
}
.main-nav .djgeppo-menu > li{
 display:flex;
 align-items:center;
 margin:0;
 padding:0;
}
.main-nav .djgeppo-menu > li > a{
 display:inline-flex;
 align-items:center;
 min-height:25px;
 padding:0 8px;
 font-size:12px;
 color:#fff;
 text-decoration:none;
}
.main-nav .djgeppo-menu > li > a:hover,
.main-nav .djgeppo-menu > li.current-menu-item > a,
.main-nav .djgeppo-menu > li.current-menu-ancestor > a{
 color:#FFE4AF;
}
.main-nav .djgeppo-menu > li:not(:last-child)::after{
 content:"|";
 color:#fff;
 margin:0 1px;
}
.main-nav .djgeppo-menu > li.djgeppo-home-item > a::before{
 content:"⌂";
 font-size:16px;
 line-height:1;
 margin-right:5px;
}
.main-nav .djgeppo-menu > li.djgeppo-home-item > a{
 font-weight:normal;
}
.main-nav .djgeppo-menu .sub-menu{
 display:none;
}

/* v3.7 footer clean */
.site-footer-wrap{clear:both;background:#000;color:#ccc}
.footer-widgets{width:548px;max-width:100%;margin:0 auto;padding:14px 10px 10px;display:grid;grid-template-columns:1fr 1fr;gap:18px}
.footer-widget{min-width:0;font-size:11px;line-height:1.45}
.footer-widget-title{margin:0 0 6px;color:#FD8A0D;font-size:12px}
.footer-widget a{color:#FD8A0D}
.footer-widget img{max-width:100%;height:auto}
.site-footer .footer-orange{height:25px;background:#FFA02A}
@media(max-width:760px){.footer-widgets{grid-template-columns:1fr;padding:12px 15px 8px;text-align:center}}