Calling a Child Style Sheet Located in a Folder

I created a child theme for the inFocus theme named infocus_child. Inside the infocus_child folder I have the child style.css file (see below).

I am trying to call the child’s style sheet located at /wp-content/themes/infocus_child/styles/blue.css instead of the original style sheet at /wp-content/themes/infocus/styles/blue.css. I cannot get the child style sheet to be called.

Here is the style.css for the child theme. I may not be doing something right to import the blue.css style sheet I want.

/*
Theme Name: inFocus Child
Description: inFocus Child Theme
Template: infocus
Version: 3.2
*/

@import url(‘styles/blue.css’);
@import url(‘../infocus/style.css’);