[SOLVED] How to hide line between top-a and top-b

I am using just the title in top-a on my home page. top-b will be used for a slider.

How does one hide the faint line or <hr> between the module rows top-a and top-b. I'm trying to tighten up the space, and can't find the code to modify. Also, I only want to do this between top-a and top-b, not the other module rows (top-c and top-d)

pmhs76.org (work in progress)

Update:

I found the following lines in the layouts/theme.php file (around line 99):

<!-- Top Module A B C D -->
<?php if ($this->count('top-a + top-b + top-c + top-d')) : ?>
<?php if ($this->count('top-a')) : ?>
<section class="<?php echo $grid_classes; ?>" data-uk-grid-match="{target:'> div > .uk-panel'}" data-uk-grid-margin><?php echo $this->render('top-a', array('layout'=>$this->get('grid.top-a.layout'))); ?></section>
<hr class="style-one">
<?php endif; ?>
<?php if ($this->count('top-b')) : ?>

So it looks like I can comment out the line with <hr class="style-one"> and the horizontal rule goes away.

My concern is if I do this, and the template is updated down the road, I assume I would loose the change and have to find it again.

Is there a way to make this change which would not be impacted down the road, similar to the custom.css files?

You can hide the "hr" if you insert this code into your css/custom.css

hr.style-one {
height: 0;
background:none !important
}

Won't that effect the <hr> lines between all the module rows, or any other place which calls out that class? I just want to remove the ruler between top-a and top-b. I do not want to remove the rulers between top-b and top-c or top-c and top-d, or any other instances.

Therefore you have to remove the "hr" code from layouts/theme.php
If you dont want to loose the customizing, please add you own theme.php to your default style folder:
Example:
template name/styles/blue/layouts/theme.php

Problem solved.