Lines in FAQ accordion

Site URL: https://www.flyingpigvacations.com

We are utilizing markdown to create an accordion style FAQ.  Currently we have a horizontal line that is only half the text AND only shows up after you do the drop down.  I want the line to be there prior to the drop down AND to be the full length of the text.

The markdown code I am using is 

<script>
$(document).ready(function(){
$('.markdown-block .sqs-block-content h4').css('cursor','pointer');
$(".markdown-block .sqs-block-content h4").nextUntil("h4").slideToggle();
$(".markdown-block .sqs-block-content h4").click(function() {$(this).nextUntil("h4").slideToggle();});
});
</script>

Then in the actual markdown after each Q&A - i go to the next line and type <hr>

the <hr> is what is creating the line.

Any suggestions? 

site is flyingpigvacations.com

password is goinglivesoon

Add to Design > Custom CSS

/* Accordion title border */
div#block-yui_3_17_2_1_1620182479289_3139 h4 {
    border-bottom: 1px solid black;
}