Code changes to load CSS specific to the page

Childrens-Social-Care-CPD/Views/Content/Index.cshtml

@@ -33,7 +33,7 @@
 @section SideMenu {
     @if (Model.SideMenu != null)
     {
-        <partial name="_SideMenu" model="Model.SideMenu"/>
+        <partial name="_SideMenu" model="Model.SideMenu" />
     }
 }
 
@@ -50,4 +50,14 @@
             <script src=/javascript/mediaelement-configuration.js></script>
         }
     }
+}
+
+@section Head {
+    @if (ViewData.TryGetValue("StateModel", out var stateModel))
+    {
+        if (((StateModel)stateModel).IncludeMediaPlayer)
+        {
+            <link href="/css/mediaelement-player.min.css" rel="stylesheet" />
+        }
+    }
 }

Childrens-Social-Care-CPD/Views/Shared/_DefaultPageLayout.cshtml

@@ -11,6 +11,11 @@
     @await RenderSectionAsync("Scripts", required: false)
 }
 
+@section Head {
+    @await RenderSectionAsync("Head", required: false)
+}
+
+
 @await RenderSectionAsync("Hero", required: false)
 <div class="dfe-width-container">
     @RenderBody()

Childrens-Social-Care-CPD/Views/Shared/_SiteLayout.cshtml

@@ -10,6 +10,7 @@
     {
         <partial name="_GoogleAnalyticsPartial" />
     }
+    @await RenderSectionAsync("Head", required: false);
 
     <link rel="shortcut icon" sizes="16x16 32x32 48x48" href="~/assets/images/favicon.ico" type="image/x-icon">
 </head>

Childrens-Social-Care-CPD/Views/Shared/_SubPageLayout.cshtml

@@ -11,6 +11,10 @@
     @await RenderSectionAsync("Scripts", required: false)
 }
 
+@section Head {
+    @await RenderSectionAsync("Head", required: false)
+}
+
 <div class="govuk-width-container dfe-width-container">
     <div class="govuk-grid-row">
         <div class="govuk-grid-column-one-quarter">

Childrens-Social-Care-CPD/styles/scss/application.scss

@@ -9,5 +9,4 @@ $moj-images-path: "/assets/images/moj/";
 @import "overrides/dfe-overrides";
 @import "overrides/dfe-vertical-nav";
 @import "overrides/govuk-overrides";
-@import "overrides/site";
-@import "overrides/mediaelement-player";
+@import "overrides/site";

Childrens-Social-Care-CPD/styles/scss/overrides/_mediaelement-player.scss

@@ -227,7 +227,7 @@ Reference: http://blog.rrwd.nl/2015/04/04/the-screen-reader-text-class-why-and-h
 }
 
 .mejs__button > button {
-    background: transparent url('mejs-controls.svg');
+    background: transparent url('../assets/images/media-element/mejs-controls.svg');
     border: 0;
     cursor: pointer;
     display: block;