/*
Theme Name: Allevamento Impero Romano - Identico Mockup
Description: Riproduzione WordPress della grafica fornita.
Version: 1.8
Author: Allevamento Impero Romano
*/
html,body{
 margin:0;
 padding:0;
 background:#700016;
}
body{
 font-family:Georgia,serif;
}
.impero-page{
 width:100%;
 text-align:center;
 background:#700016;
}
.impero-page img{
 width:100%;
 height:auto;
 display:block;
 margin:0 auto;
}


/* V16 - vero full width */
html, body, #page, .site, .site-content, .content-area, .container,
.impero-page, .roman-frame, main, header, footer {
 width:100% !important;
 max-width:none !important;
 margin-left:0 !important;
 margin-right:0 !important;
}

body {
 overflow-x:hidden;
}

.impero-page img {
 display:block;
 width:100%;
 height:auto;
}

/* elimina eventuali spazi laterali del tema */
.site-main, .entry-content, .wp-site-blocks {
 max-width:none !important;
 width:100% !important;
 padding-left:0 !important;
 padding-right:0 !important;
}


/* V17 homepage senza nessun contenitore WordPress */
.homepage-fullscreen,
.homepage-fullscreen body {
 margin:0 !important;
 padding:0 !important;
 width:100vw !important;
 max-width:100vw !important;
 overflow-x:hidden;
}
.mockup-fullscreen {
 width:100vw !important;
 margin:0 !important;
 padding:0 !important;
}
.mockup-fullscreen img {
 width:100vw !important;
 height:auto !important;
 display:block !important;
}

/* V18 - correzione desktop definitiva: breakout sul viewport */
@media screen and (min-width: 769px) {
  html {
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 0 !important;
    background: #700016 !important;
  }

  body.homepage-fullscreen {
    position: relative !important;
    display: block !important;
    width: 100% !important;
    min-width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 0 !important;
    background: #700016 !important;
    overflow-x: clip !important;
  }

  body.homepage-fullscreen .mockup-fullscreen {
    position: relative !important;
    left: 50% !important;
    width: 100vw !important;
    min-width: 100vw !important;
    max-width: 100vw !important;
    margin-left: -50vw !important;
    margin-right: -50vw !important;
    padding: 0 !important;
    box-sizing: border-box !important;
  }

  body.homepage-fullscreen .mockup-fullscreen img {
    display: block !important;
    width: 100% !important;
    min-width: 100% !important;
    max-width: none !important;
    height: auto !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
  }
}


/* Template pagine interne Impero Romano */
.impero-menu-interno{
background:#650d0d;
border-top:2px solid #c79a43;
border-bottom:2px solid #c79a43;
padding:14px;
text-align:center;
}
.impero-menu-interno a{
color:#f0d28b;
text-decoration:none;
margin:0 12px;
font-family:Georgia,serif;
text-transform:uppercase;
}
.impero-foglio-pagina{
max-width:1200px;
margin:30px auto;
background:#fff8e8;
border:12px solid #650d0d;
box-shadow:0 0 0 3px #c79a43 inset;
padding:45px;
}
.impero-foglio-pagina h1{
font-family:Georgia,serif;
color:#650d0d;
text-align:center;
font-size:48px;
}
.contenuto-pagina{
font-family:Georgia,serif;
color:#3b2118;
line-height:1.8;
font-size:18px;
}
.contenuto-pagina img{
max-width:100%;
height:auto;
}