Child theme for Pagelines makes no difference

Hi guys

I’m having a bit of trouble with my custom child theme. I’m new to wordpress and I’m using the free version of pagelines.

I was editing all my CSS in the custom CSS panel on the theme, but then decided I was really getting into it so I created a child theme. Everything ftp and installed fine. But non of the CSS in the child theme is showing in the site.

I’m a real noob so I’m sure it’s just user error, here’s the full child css below:

/*
Theme Name:     Pagelines Child
Template:       pagelines
*/

@import url(../pagelines/style.css");

/*MAIN TEXT BOX*/
div.mcolumn-pad
{
background: rgba(196,88,26,0.5);
-moz-border-radius: 15px;
border-radius: 15px;
}

/*NAV CONTAINER*/
div.main_nav_container
{
font-size:21px;
line-height:39px;
-webkit-transform:matrix(1, 0, 0, 1, 308, 0);
-moz-transform:matrix(1, 0, 0, 1, 308, 0);
-o-transform:matrix(1, 0, 0, 1, 308, 0);
-ms-transform:matrix(1, 0, 0, 1, 308, 0);
transform:matrix(1, 0, 0, 1, 308, 0);
width:972px;
height:54px;
opacity:1;
}

/* SEARCH FORM DELETE */
input.searchfield
{
display: none;
}

Also my site:

https://www.roryjackson.co.uk