/*
Theme Name: Twenty Eleven Child Full Width
Description: Child theme full width e responsive per Twenty Eleven
Author: Stefano
Template: twentyeleven
Version: 1.2
*/

/* =========================
   RESET BASE
========================= */

html,
body {
    margin: 0 !important;
    padding: 0 !important;
    overflow-x: hidden !important;
    background: #ffffff !important;
}

/* Nasconde tutto nel box logged-in */
.swpm-logged-membership {
    display: none !important;
}

.swpm-logged-status {
    display: none !important;
}

.swpm-logged-expiry {
    display: none !important;
}


/* =========================
   CONTENITORE PRINCIPALE
========================= */

#page {
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 0 !important;
    background: #ffffff !important;
}

/* Rimuove qualsiasi limite di larghezza */
#branding,
#access,
#main,
#primary,
#content,
#colophon {
    width: 100% !important;
    max-width: none !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
}

/* =========================
   HEADER
========================= */

#branding {
    padding: 0 !important;
    margin: 0 !important;
}

#branding hgroup {
    width: 100% !important;
    margin: 0px 0px 0px 20px; 
        padding:0px !important;
    box-sizing: border-box !important;
    background: url("https://www.demac.it/resources/wp-content/uploads/2026/04/Logo-Demac-2020-background.png") no-repeat left center;
    background-size: 220px auto;
    min-height: 100px;
}
#site-title,
#site-description {
    margin-left: 0 !important;
    display:none;
}

#branding img,
#branding a img {
    display: none !important;
}
/* Campo ricerca header */
#branding #searchform {
    display:none;
}



.swpm-login-form-register-link,
.swpm-login-widget-form .register_link,
.swpm-login-widget-register-link,
.swpm-login-widget-form #forgot_pass,
#forgot_pass,
.swpm-forgot-pass-link,
.swpm-edit-profile-link,
.swpm-profile-edit-link,
.swpm-change-password-link {
    display: none !important;
}

/* =========================
   MENU
========================= */

#access {
    margin: 0 !important;
    width: 100% !important;
    max-width: none !important;
}

#access div,
#access ul {
    width: 100% !important;
    max-width: none !important;
}

#access ul {
    display: flex !important;
    flex-wrap: wrap !important;
    margin: 0 !important;
    padding: 0 40px !important;
    box-sizing: border-box !important;
}

#access li {
    float: none !important;
    list-style: none !important;
}

#access a {
    white-space: nowrap;
}

/* =========================
   STRUTTURA CONTENUTO
========================= */

#main {
    padding: 0 !important;
    margin: 0 !important;
}

#primary {
    float: none !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

#content {
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 30px 40px 40px 40px !important;
    box-sizing: border-box !important;
}

/* Sidebar nascosta */
#secondary {
    display: none !important;
}

/* =========================
   PAGINE E ARTICOLI FULL WIDTH
========================= */

.one-column #primary,
.page #primary,
.single #primary,
.singular #primary,
.singular.page #primary,
.left-sidebar #primary,
.right-sidebar #primary,
.left-sidebar.singular #primary,
.right-sidebar.singular #primary {
    width: 100% !important;
    float: none !important;
    margin: 0 !important;
    padding: 0 !important;
}

.page .hentry,
.single .hentry,
.singular .hentry,
.singular.page .hentry {
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 0 !important;
}

.page .entry-header,
.page .entry-content,
.page footer.entry-meta,
.single .entry-header,
.single .entry-content,
.single footer.entry-meta,
.singular .entry-header,
.singular .entry-content,
.singular footer.entry-meta,
.left-sidebar.singular .entry-header,
.left-sidebar.singular .entry-content,
.left-sidebar.singular footer.entry-meta {
    width: 100% !important;
    max-width: none !important;
    float: none !important;
    margin: 0 !important;
    padding: 0 !important;
}

.entry-content,
.entry-summary {
    width: 100% !important;
    max-width: none !important;
}

/* Titoli */
.entry-title,
.singular .entry-title {
    width: 100% !important;
    max-width: none !important;
    margin: 0 0 20px 0 !important;
    line-height: 1.2 !important;
}

/* Meta */
.entry-meta {
    margin-top: 15px !important;
}

/* =========================
   MEDIA E CONTENUTI
========================= */

img,
iframe,
embed,
object,
video {
    max-width: 100% !important;
    height: auto !important;
}

table {
    width: 100% !important;
    max-width: 100% !important;
}

textarea, input[type=text], input[type=email], input[type=password], select {
    max-width: 100% !important;
    box-sizing: border-box !important;
}

/* =========================
   FOOTER
========================= */

#colophon {
    margin: 0 !important;
    padding: 20px 40px !important;
    box-sizing: border-box !important;
}

/* =========================
   RESPONSIVE TABLET
========================= */

@media screen and (max-width: 1024px) {
    #branding hgroup {
      margin: 0px 0px 0px 20px; 
           padding: 25px 40px !important;
    }

    #access ul {
        padding: 0 25px !important;
    }

    #content {
        padding: 25px !important;
    }

    #colophon {
        padding: 20px 25px !important;
    }

    #branding #searchform {
        right: 25px !important;
        top: 25px !important;
    }
}

/* =========================
   RESPONSIVE MOBILE
========================= */

@media screen and (max-width: 768px) {
    #branding hgroup {
      margin: 0px;
        padding: 25px 40px !important;
    }

    #branding #searchform {
        position: static !important;
        float: none !important;
        margin: 10px 15px 15px 15px !important;
    }

    #access ul {
        display: block !important;
        padding: 0 !important;
    }

    #access li {
        width: 100% !important;
    }

    #access a {
        display: block !important;
        width: 100% !important;
        padding-left: 15px !important;
        padding-right: 15px !important;
        box-sizing: border-box !important;
        white-space: normal !important;
    }

    #content {
        padding: 20px 15px !important;
    }

    #colophon {
        padding: 20px 15px !important;
    }

    #site-title {
        font-size: 28px !important;
        line-height: 1.2 !important;
    }

    .entry-title,
    .singular .entry-title {
        font-size: 28px !important;
    }
}

@media screen and (max-width: 480px) {
    #site-title {
        font-size: 24px !important;
    }

    #site-description {
        font-size: 13px !important;
        line-height: 1.4 !important;
    }

    #content {
        padding: 15px 12px !important;
    }

    #colophon {
        padding: 15px 12px !important;
    }

    .entry-title,
    .singular .entry-title {
        font-size: 24px !important;
    }

    body,
    input,
    textarea {
        font-size: 15px !important;
        line-height: 1.5 !important;
    }
}