hp/page-donate.php

<?php get_header();?>
<div id="content" class="site-content">
  <div class="container">
    <div class="row">
      <div class="col-md-3 ">
        <div class="hp-sidenav navbar-collapse sticky-lg-top pt-5-md" role="navigation">
            <ul class="nav flex-column list-group-flush">
              <?php echo hp_list_child_pages(); ?>
            </ul>
        </div>
      </div>
      <section id="primary" class="content-area col-sm-12 col-md-9">
         <div id="main" class="site-main" role="main">
         <?php if ( have_posts() ) while ( have_posts() ) : the_post(); ?>
            <article id="post-<?php the_ID(); ?>" <?php post_class(); ?>>
               <header class="entry-header">
                  <?php the_title( '<h1 class="entry-title">', '</h1>' ); ?>
               </header>
               <div class="entry-content">
                  <div id="scoped-content" class="form-group">
                      <style type="text/css" scoped>
                      #dgx-donate-container {margin:0;padding:10px;border:1px solid #d7d7d7;box-shadow: 2px 2px 2px 1px rgba(0, 0, 0, 0.2);}
                      select.specific-fund { width:400px !important;}
                      .dgx-donate-form-section { width:100% !important;box-shadow:none !important;border:none !important; }
                      .dgx-donate-form-section h2 { font-size:23px !important;letter-spacing: 0 !important; font-family: inherit !important; text-transform:none !important;}
                      .dgx-donate-form-section label {background-color:transparent !important;}
                      .dgx-donate-form-section input[type="submit"]{background-color:#50A7AD !important;}
                      .dgx-donate-form-section input[type="submit"]:hover{background-color:#343C70 !important;}
                      .dgx-donate-form-section input[type="text"]{background-color:transparent !important;border:1px solid #484848 !important;}
                      .dgx-donate-form-section select {padding:5px !important;}
                      </style>
                      <script type="text/javascript">
                         var d = document.getElementsByClassName("seamless-donations-col-25");
                         for(var i = 0; i < d.length; i++) {
                           d[i].classList.add(" form-group");;
                         }
                      </script>
                  </div>
                  <?php the_content(); ?>
               </div>
            </article>
         <?php endwhile; ?>
         </div>
      </section>
    </div>
  </div>
</div>
<?php get_footer();?>