Added new nav breadcrumbs

docsite/_themes/srtd/static/css/theme.css

@@ -4765,4 +4765,96 @@ table {
     #google_image_div {
         display: none !important;
     }
+}
 
+
+#sideBanner{
+    display: none;
+}
+
+.DocSite-globalNav {
+   display: none;
+}
+
+
+.DocSite-sideNav {
+   display: block;
+    margin-bottom: 40px;
+}
+
+.ansibleNav {
+   background: #000;
+   padding: 0px 20px;
+   width: auto;
+   border-bottom: 1px solid #444;
+   font-size: 14px;
+}
+
+.ansibleNav ul {
+    list-style: none;
+    padding-left: 0px;
+    margin-top: 0px;
+}
+
+    
+.ansibleNav ul li{
+    padding: 7px 0px;
+    border-bottom: 1px solid #444;
+}
+
+.ansibleNav ul li:last-child{
+    border: none;
+}
+
+.ansibleNav ul li a {
+    color: #fff;
+   text-decoration: none;
+   text-transform: uppercase;
+   padding: 6px 0px;
+}
+.ansibleNav ul li a:hover {
+    color: #5bbdbf ;
+    background: transparent;
+}
+ 
+@media screen and (min-width: 768px) {
+    
+    .DocSite-globalNav{
+        display: block
+    }
+    
+    #sideBanner{
+        display: block;
+    }
+    
+    .DocSite-sideNav{
+        display: none;
+    }
+    
+    .ansibleNav{
+        height: 45px;
+        width: 100%;
+        font-size: 13px;
+        padding: 0px 60px 0px 0px;
+    }
+
+    .ansibleNav ul {
+        float: right;
+        display: flex;
+        flex-wrap: nowrap;
+        margin-top: 13px;
+    }
+    
+        
+    .ansibleNav ul li{
+        padding: 0px;
+        border-bottom: none;
+    }
+    
+    .ansibleNav ul li a {
+        color: #fff;
+        text-decoration: none;
+        text-transform: uppercase;
+        padding: 8px 13px;
+    }
+}