updates

style.css

@@ -21,49 +21,22 @@ h2.wdn-brand {
 .icon-band a:hover {
   background-color: #f3f3f3;
 }
-/*  Social ********************/
-.wdn-social-band h3 {
-  font-family: "Gotham SSm A", "Gotham SSm B", Helvetica, "Trebuchet MS", "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Tahoma, sans-serif;
-  font-size: 1rem;
-  font-style: normal;
-  font-weight: 400;
-  line-height: 1.333;
-  text-transform: uppercase;
-}
-@media (min-width: 768px) {
-  .wdn-social-band h3 {
-    font-size: 1rem;
-  }
-}
-.wdn-social-band a {
-  border-bottom: 0 none;
-  display: inline-block;
-  font-size: 4.15385rem;
-  margin: 0;
-  padding: 0;
-}
-@media (min-width: 768px) {
-  .wdn-social-band a {
-    font-size: 3.375rem;
-  }
-}
-.wdn-social-band ul {
-  padding: 0;
-}
-.wdn-social-band li {
-  display: inline;
-  list-style: outside none none;
-  padding-left: 1rem;
-}
-.wdn-social-band li:first-child {
-  padding: 0;
+/*  Social Icons ********************/
+#block-block-107 {
+  background-color: #333;
+  position: absolute;
+  right: 0;
+  z-index: 99;
+  padding: 10px 10px 2px;
+  border-bottom-left-radius: 8px;
 }
-.wdn-social-band [class^="wdn-icon-"]::before,
-.wdn-social-band [class*=" wdn-icon-"]::before {
-  margin-right: 0;
+#block-block-107 img {
+  max-width: 38px;
+  margin-right: 2px;
 }
-.wdn-social-band .cehs-social-hide-text {
-  display: none;
+#block-block-106 img {
+  max-width: 64px;
+  margin-right: 4px;
 }
 /* Factoids **********************/
 .view-factoids {
@@ -212,6 +185,7 @@ h2.wdn-brand {
   font-size: 16px;
   padding: 1.1em 2.2em;
   margin: 0 0 0 1em;
+  border-radius: .3em;
   -webkit-box-sizing: initial;
   -moz-box-sizing: initial;
   box-sizing: initial;
@@ -576,3 +550,13 @@ body.page-educational-programs #views-form-program-areas-block-sort .handle {
 .careers-band-corps img {
   max-width: 186px;
 }
+/* Educational Program Areas temporary invisible links over circular logo *****************/
+#node-485 .wdn-promo-band {
+  position: relative;
+}
+#node-485 a {
+  text-indent: -9999px;
+  height: 100px;
+  width: 200px;
+  position: absolute;
+}

style.less

@@ -31,50 +31,28 @@ h2.wdn-brand {
   }
 }
 
-/*  Social ********************/
-.wdn-social-band h3 {
-  font-family: "Gotham SSm A","Gotham SSm B",Helvetica,"Trebuchet MS","Lucida Grande","Lucida Sans Unicode","Lucida Sans",Tahoma,sans-serif;
-  font-size: 1rem;
-  font-style: normal;
-  font-weight: 400;
-  line-height: 1.333;
-  text-transform: uppercase;
-}
-@media (min-width: 768px) {
-  .wdn-social-band h3 {
-    font-size: 1rem;
-  }
-}
-.wdn-social-band a {
-  border-bottom: 0 none;
-  display: inline-block;
-  font-size: 4.15385rem;
-  margin: 0;
-  padding: 0;
-}
-@media (min-width: 768px) {
-  .wdn-social-band a {
-    font-size: 3.375rem;
-  }
-}
-.wdn-social-band ul {
-  padding: 0;
-}
-.wdn-social-band li {
-  display: inline;
-  list-style: outside none none;
-  padding-left: 1rem;
+/*  Social Icons ********************/
+#block-block-107 {
+  background-color: #333;
+  position: absolute;
+  right: 0;
+  z-index: 99;
+  padding: 10px 10px 2px;
+  border-bottom-left-radius: 8px;
+
+  img {
+    max-width: 38px;
+    margin-right: 2px;
   }
-.wdn-social-band li:first-child {
-  padding: 0;
 }
-.wdn-social-band [class^="wdn-icon-"]::before, .wdn-social-band [class*=" wdn-icon-"]::before {
-  margin-right: 0;
+#block-block-106 {
+  img {
+    max-width: 64px;
+    margin-right: 4px;
   }
-.wdn-social-band .cehs-social-hide-text {
-  display: none;
 }
 
+
 /* Factoids **********************/
 .view-factoids {
   background-color: #454545;
@@ -225,6 +203,7 @@ h2.wdn-brand {
         font-size: 16px;
         padding: 1.1em 2.2em;
         margin: 0 0 0 1em;
+        border-radius: .3em;
 
         -webkit-box-sizing: initial;
         -moz-box-sizing: initial;
@@ -624,3 +603,15 @@ body.page-educational-programs {
 
 
 
+/* Educational Program Areas temporary invisible links over circular logo *****************/
+#node-485 {
+  .wdn-promo-band {
+    position: relative;
+  }
+  a {
+    text-indent: -9999px;
+    height: 100px;
+    width: 200px;
+    position: absolute;
+  }
+}