Kadence Vertical Header Backup CSS

body {
    background: white !important;
}
body.footer-on-bottom #wrapper {
     display: flex !important;
     flex-direction: row !important;
     flex-wrap: wrap !important;
     max-width: 1660px !important;
     width: 100% !important;
     margin: 0 auto !important;
}
 header {
     width: 25% !important;
}
 #inner-wrap {
     width: 75% !important;
}
 footer {
     width: 100% !important;
}
 .site-main-header-inner-wrap {
     display: flex !important;
     flex-direction: column !important;
     gap: 24px !important;
     padding: 24px 0 !important;
}
 .header-navigation .menu {
     flex-wrap: nowrap !important;
     flex-direction: column !important;
     align-items: flex-start !important;
}
 .site-header-section-right {
     justify-content: flex-start !important;
}
 @media (max-width: 1024px) {
     .site-main-header-inner-wrap {
         display: flex !important;
         flex-direction: row !important;
         width: 100% !important;
         justify-content: space-between !important;
         padding: 16px !important;
    }
     header, #inner-wrap {
         width: 100% !important;
    }
     .header-navigation .menu {
         flex-wrap: nowrap !important;
         flex-direction: row !important;
         align-items: flex-start !important;
    }
     .site-header-section-right {
         justify-content: flex-end !important;
    }
}