/*
Theme Name: BlueSky Power
Author: BlueSky Power
Description: Exacte huisstijl van blueskypower.be - de pagina-inhoud bevat de volledige site-opmaak; dit thema levert lettertype, CSS en interactie.
Version: 2.0
Requires at least: 6.2
Tested up to: 6.8
Requires PHP: 7.4
Text Domain: blueskypower
*/

    html, body { margin: 0; padding: 0; background: #FFFFFF; }
    body { font-family: 'Archivo', Helvetica, Arial, sans-serif; }
    a { color: #0D4A7B; text-decoration: none; }
    a:hover { color: #3E8CC2; }
    @keyframes bspSpin { from { transform: rotate(0deg); } to { transform: rotate(360deg); } }
    @media (max-width: 760px) {
      [data-m-grid1] { grid-template-columns: 1fr !important; }
      [data-m-col] { flex-direction: column !important; align-items: flex-start !important; }
      [data-m-h1] { font-size: 31px !important; letter-spacing: -0.5px !important; }
      [data-m-navwrap] { flex-wrap: wrap !important; row-gap: 10px !important; }
      [data-m-navlinks] { flex-wrap: wrap !important; gap: 10px 16px !important; width: 100% !important; justify-content: flex-start !important; }
      [data-m-heropad] { padding: 36px 24px 40px 24px !important; }
      [data-m-video] { aspect-ratio: 16 / 9 !important; min-height: 0 !important; }
      [data-m-banner] { padding: 34px 28px !important; }
      [data-m-banner] a { align-self: stretch; text-align: center; }
      [data-m-h1] { white-space: normal !important; }
      [data-m-track] { display: none !important; }
      [data-m-steps] { flex-wrap: wrap !important; row-gap: 16px !important; }
      [data-m-steps] > a { flex: 1 1 30% !important; }
    }
  
body { margin: 0 !important; padding: 0 !important; }
.wp-site-blocks { padding: 0 !important; margin: 0 !important; }
.wp-site-blocks > * { margin-block-start: 0 !important; }
main.bsp-main, .entry-content { margin: 0 !important; padding: 0 !important; max-width: none !important; }
.entry-content > * { max-width: none !important; margin: 0 !important; }