Child theme CSS file removing contents

Hi all,

I have a child theme that is using the Origin template.

When viewing through the child style.css through FTP or the file editor, the contents are:

/*
Theme Name:     my theme
Description:    my theme
Author:         me
Template:       origin

(optional values you can add: Theme URI, Author URI, Version)
*/

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

.menu li {
	padding-right:20px; !important
}

When loading the site though, there are no css changes. The contents of the exact same file through HTTP is:

/*
Theme Name:     my theme
Description:    my theme
Author:         me
Template:       origin

(optional values you can add: Theme URI, Author URI, Version)
*/

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

Any help is appreciated!