home page - header top right

web/themes/custom/popsu/css/styles.css

@@ -1005,36 +1005,72 @@ table {
 .programme-2 .views-field {
   color: blue; }
 
+.programme-2 .views-field-title {
+  color: red; }
+  .programme-2 .views-field-title:hover {
+    background: red;
+    color: white; }
+
 .programme-3 .views-field-field-programme .field-content {
   background: blue; }
 
 .programme-3 .views-field {
   color: blue; }
 
+.programme-3 .views-field-title {
+  color: blue; }
+  .programme-3 .views-field-title:hover {
+    background: blue;
+    color: white; }
+
 .programme-4 .views-field-field-programme .field-content {
   background: wheat; }
 
 .programme-4 .views-field {
   color: wheat; }
 
+.programme-4 .views-field-title {
+  color: red; }
+  .programme-4 .views-field-title:hover {
+    background: red;
+    color: white; }
+
 .programme-5 .views-field-field-programme .field-content {
   background: wheat; }
 
 .programme-5 .views-field {
   color: wheat; }
 
+.programme-5 .views-field-title {
+  color: wheat; }
+  .programme-5 .views-field-title:hover {
+    background: wheat;
+    color: white; }
+
 .programme-7 .views-field-field-programme .field-content {
   background: red; }
 
 .programme-7 .views-field {
   color: red; }
 
+.programme-7 .views-field-title {
+  color: red; }
+  .programme-7 .views-field-title:hover {
+    background: red;
+    color: white; }
+
 .programme-6 .views-field-field-programme .field-content {
   background: red; }
 
 .programme-6 .views-field {
   color: red; }
 
+.programme-6 .views-field-title {
+  color: red; }
+  .programme-6 .views-field-title:hover {
+    background: red;
+    color: white; }
+
 @media (min-width: 48rem) {
   :root {
     font-size: calc(1rem + ((1vw - .48rem) * 1.389));
@@ -1254,21 +1290,6 @@ header {
       display: inline-block;
       width: auto;
       padding: .2rem .5rem; }
-  .header_top_middle_container .programme-3 .views-field-title {
-    color: blue; }
-    .header_top_middle_container .programme-3 .views-field-title:hover {
-      background: blue;
-      color: white; }
-  .header_top_middle_container .programme-5 .views-field-title {
-    color: wheat; }
-    .header_top_middle_container .programme-5 .views-field-title:hover {
-      background: wheat;
-      color: white; }
-  .header_top_middle_container .programme-7 .views-field-title {
-    color: red; }
-    .header_top_middle_container .programme-7 .views-field-title:hover {
-      background: red;
-      color: white; }
 
 .close-block, .open-block {
   cursor: pointer; }
@@ -1319,6 +1340,10 @@ header {
   #header-top-right .header_top_right_container h2 {
     font-weight: 100;
     margin-bottom: .3rem; }
+  #header-top-right .header_top_right_container .views-field-title {
+    color: black !important; }
+    #header-top-right .header_top_right_container .views-field-title:hover {
+      background: transparent; }
   #header-top-right .header_top_right_container .is-active {
     font-weight: 800; }
   #header-top-right .header_top_right_container #block-views-block-programmes-block-2 .views-row {

web/themes/custom/popsu/sass/pages/partials/_header_footer.scss

@@ -56,33 +56,33 @@ header{
         }
         
 	}
-    .programme-3{
-        .views-field-title{
-            color: $col-eur;
-            &:hover{
-                background: $col-eur;
-                color:white;
-            }
-        }
-    }
-    .programme-5{
-        .views-field-title{
-            color: $col-mond;
-            &:hover{
-                background: $col-mond;
-                color:white;
-            }
-        }
-    }
-    .programme-7{
-        .views-field-title{
-            color: $col-met;
-            &:hover{
-                background: $col-met;
-                color:white;
-            }
-        }
-    }
+    // .programme-3{
+    //     .views-field-title{
+    //         color: $col-eur;
+    //         &:hover{
+    //             background: $col-eur;
+    //             color:white;
+    //         }
+    //     }
+    // }
+    // .programme-5{
+    //     .views-field-title{
+    //         color: $col-mond;
+    //         &:hover{
+    //             background: $col-mond;
+    //             color:white;
+    //         }
+    //     }
+    // }
+    // .programme-7{
+    //     .views-field-title{
+    //         color: $col-met;
+    //         &:hover{
+    //             background: $col-met;
+    //             color:white;
+    //         }
+    //     }
+    // }
 }
 .close-block, .open-block{
 	// background: red;
@@ -147,6 +147,12 @@ header{
 			font-weight: 100;
 			margin-bottom: .3rem;
 		}
+        .views-field-title{
+            color: black !important;
+            &:hover{
+                background: transparent;
+            }
+        }   
 		.is-active{
 			font-weight: 800;
 		}

web/themes/custom/popsu/sass/setup/_variables.scss

@@ -24,6 +24,13 @@ $lightblue: #98d0d9;
 	.views-field{
 			color: $col-eur;
 	}
+	.views-field-title{
+		color: $col-met;
+		&:hover{
+			background: $col-met;
+			color:white;
+		}
+	}
 }
 
 .programme-3{
@@ -35,6 +42,13 @@ $lightblue: #98d0d9;
 	.views-field{
 		color: $col-eur;
 	}
+	.views-field-title{
+		color: $col-eur;
+		&:hover{
+			background: $col-eur;
+			color:white;
+		}
+	}
 }
 
 .programme-4{
@@ -46,6 +60,13 @@ $lightblue: #98d0d9;
 	.views-field{
 		color: $col-mond;
 	}
+	.views-field-title{
+		color: $col-met;
+		&:hover{
+			background: $col-met;
+			color:white;
+		}
+	}
 }
 
 .programme-5{
@@ -57,6 +78,13 @@ $lightblue: #98d0d9;
 	.views-field{
 		color: $col-mond;
 	}
+	.views-field-title{
+		color: $col-mond;
+		&:hover{
+			background: $col-mond;
+			color:white;
+		}
+	}
 }
 .programme-7{
 	.views-field-field-programme{
@@ -67,6 +95,13 @@ $lightblue: #98d0d9;
 	.views-field{
 		color: $col-met;
 	}
+	.views-field-title{
+		color: $col-met;
+		&:hover{
+			background: $col-met;
+			color:white;
+		}
+	}
 }
 .programme-6{
 	.views-field-field-programme{
@@ -77,6 +112,13 @@ $lightblue: #98d0d9;
 	.views-field{
 		color: $col-met;
 	}
+	.views-field-title{
+		color: $col-met;
+		&:hover{
+			background: $col-met;
+			color:white;
+		}
+	}
 }
 
 @media (min-width: 48rem) {