lp and icons

css/base.css

@@ -101,7 +101,7 @@ h5,
 h6 {
   font-family: var(--heading-font);
   color: var(--color-heading);
-  font-weight: 700;
+  font-weight: 400;
   font-style: normal;
   line-height: 1.6;
 }

css/footer.css

@@ -1,11 +1,11 @@
 /**
  * footer
  */
- /* Footer */
+/* Footer */
- .footer {
+.footer {
   position: relative;
   background-color: var(--footer-bg-color);
- color: var(--footer-text-color); 
+  color: var(--footer-text-color);
   width: 100%;
   margin: 0;
   padding: 0;
@@ -37,14 +37,14 @@
   display: -ms-flexbox;
   display: flex;
   -ms-flex-wrap: wrap;
-      flex-wrap: wrap;
+  flex-wrap: wrap;
   padding: 2rem 0;
   gap: 1.5rem;
 }
 .footer-block {
   -webkit-box-flex: 1;
-      -ms-flex: 1 1 250px;
+  -ms-flex: 1 1 250px;
-          flex: 1 1 250px;
+  flex: 1 1 250px;
 }
 .footer-block li {
   border-bottom: 1px solid var(--border);
@@ -57,8 +57,8 @@
   display: flex;
   -webkit-box-orient: vertical;
   -webkit-box-direction: normal;
-      -ms-flex-direction: column;
+  -ms-flex-direction: column;
-          flex-direction: column;
+  flex-direction: column;
   padding: 1rem 0;
   gap: 2rem;
 }
@@ -72,10 +72,10 @@
   display: flex;
   -webkit-box-orient: vertical;
   -webkit-box-direction: normal;
-      -ms-flex-direction: column;
+  -ms-flex-direction: column;
-          flex-direction: column;
+  flex-direction: column;
   padding: 1rem 0;
-	gap: 2rem;
+  gap: 2rem;
 }
 .footer-bottom-container p:last-child {
   margin: 0;
@@ -89,3 +89,25 @@
   display: inline-block;
   padding-left: 1rem;
 }
+.upei-footer {
+  h2 {
+    color: #fff;
+    font-size: 20px;
+  }
+  a {
+    font-size: 13px;
+  }
+  li {
+    line-height: 48%;
+  }
+  #links-section {
+    display: flex;
+    border-bottom: 4px solid var(--upei-red);
+    margin-bottom:1rem;
+  }
+  .bottom-links {
+    margin: 0;
+    padding: 0;
+    margin-bottom:1rem;
+  }
+}

css/header.css

@@ -2,6 +2,13 @@
  * Header main
  */
 /* Header -> Header top */
+/*hide main menu in header*/
+/*.region-primary-menu */
+@media only screen and (min-width:991px) { 
+  nav#block-vre2024-main-menu {
+    display: none;
+  }
+}
 .header-top,
 .header {
   position: relative;
@@ -9,7 +16,7 @@
   margin: 0;
 }
 .header-top {
-  padding: 0.5rem 0;
+  /*padding: 0.5rem 0;*/
 }
 .header {
   padding: var(--header-padding) 0;
@@ -22,6 +29,13 @@
   background: var(--header-top-bg-color);
   color: var(--header-top-text-color);
   font-size: 0.8rem;
+  font-family: var(--font-family-condensed);
+  /*border-left: 1px solid #fff;*/
+  padding: 5px;
+}
+.header-top li {
+
+  border-left: 1px solid black;
 }
 .header {
   background: var(--header-bg-color);
@@ -131,7 +145,7 @@
   a {
     font-family: var(--heading-font);
     font-size: var(--site-name-font-size);
-    color: var(--site-name-font-color);
+    color: var(--upei-red);
   }
 }
 

css/homepage.css

@@ -1,11 +1,58 @@
 .region-content-home-top,
 .region-content-home-bottom {
   display: flex;
-  flex-direction: column;
+  flex-direction: row;
   width: 100%;
   margin: 0;
   padding: 0;
+  justify-content: space-between;
 }
 .region-content-home-top {
   margin-bottom: 2rem;
 }
+
+/*block menu*/
+nav#block-vre2024-mainnavigation-2 {
+  display: block;
+  /*width:25%;*/
+  width: 250px;
+}
+/*slideshow*/
+div#block-vre2024-views-block-frontpage-slideshow-block-1 {
+  /*width: 50%;*/
+  width: 550px;
+}
+/*info block*/
+div#block-vre2024-landingpageinfoblock {
+  /*width:25owi%;*/
+  width: 500px;
+}
+
+nav#block-vre2024-mainnavigation-2 {
+  .menu {
+    margin-bottom: 1.5em;
+    border: 5px solid #fff;
+    outline: 1px solid #ccc;
+    border-radius: 2px;
+    margin: 0;
+    padding: 0;
+    li {
+      padding: 0;
+      list-style-image: none;
+      list-style-type: none;
+    }
+    a {
+      background: #e7ede0;
+      color: #333;
+      display: block;
+      padding: 0.34em 0.75em;
+      border-bottom: 1px solid #ccc;
+      font-family: "Roboto Condensed", sans-serif;
+      font-size: 1.2em;
+      svg.svg-inline--fa {
+        width: 28px;
+        margin-right: 5px;
+      }
+    }
+  }
+}

css/search.css

@@ -28,16 +28,25 @@ ol.search-results li {
 }
 
 .region-search-box form#search-form {
-
   display: flex;
   justify-content: center;
   margin-top: 60px;
   margin-bottom: 40px;
 }
 .search-box-content input[type="submit"] {
-    display: block;
+  display: block;
-    margin: 0 auto;
+  margin: 0 auto;
-    padding: 0.5rem 1.5rem;
+  padding: 0.5rem 1.5rem;
-    border-radius: 0 5px 5px 0;
+  border-radius: 0 5px 5px 0;
-
+}
+#block-vre2024-search form#search-form {
+  margin:0;
+  display: flex;
+  input[type="text"] {
+    padding: 6px;
+    width:16rem;
+  }
+  .button {
+    /*padding: 10px 10px;*/
+  }
 }

css/site-variables.css

@@ -30,7 +30,7 @@
   /*
    *body
    */
-  --body-bg-color: #fff;
+  --body-bg-color: #fbfbfb;
   --page-container-width: 1440px;
   --body-font: var(--font-family-sans-serif);
   --heading-font: "Georgia", "Cambria", "Times New Roman", "Times", serif;
@@ -40,7 +40,7 @@
   /*--header-bg-color: #333;*/
   --header-top-bg-color: var(--dark);
   --header-top-text-color: #fff;
-  --header-bg-color: none;
+  --header-bg-color: #fff;
   --header-text-color: var(--color-text);
   --header-padding: 1rem;
   --header-bottom-border: 1px solid #ddd;
@@ -98,7 +98,7 @@
   /*
    *footer
    */
-  --footer-bg-color: #ccc;
+  --footer-bg-color: #333;
-  --footer-text-color: initial;
+  --footer-text-color: #fff;
-  --footer-link-color: var(--upei-red);
+  --footer-link-color: #ccc;
 }