Begin work on Educational Programs page

style.css

+body.page-educational-programs #wdn_content_wrapper {
+  background-image: url(images/educational-programs-bg.jpg);
+  background-repeat: no-repeat;
+  background-position: top center;
+  background-size: cover;
+}
+body.page-educational-programs #pagetitle {
+  text-align: center;
+  margin: 0 auto 2em;
+}
+body.page-educational-programs #pagetitle h1 {
+  display: inline-block;
+  background-color: #c5001e;
+  padding-top: 10px;
+  color: #fefefd;
+  font-family: "Tungsten A", "Tungsten B", "HelveticaNeueCondensed", "HelveticaNeue-Condensed", "Helvetica Neue Condensed", "HelveticaNeueRomanCondensed", "HelveticaNeue-Roman-Condensed", "Helvetica Neue Roman Condensed", "Arial Narrow", "HelveticaNeue", "Helvetica Neue", "HelveticaNeueRoman", "HelveticaNeue-Roman", "Helvetica Neue Roman", "Helvetica", "Tahoma", "Geneva", "Arial", sans-serif;
+  font-weight: 400;
+  font-style: normal;
+  text-transform: uppercase;
+}
+body.page-educational-programs #pagetitle span {
+  display: block;
+  margin-top: 10px;
+  padding: 0 20px;
+  color: #554721;
+  background-color: #f4f3f0;
+  font-family: "Gotham SSm A", "Gotham SSm B", Verdana, "Verdana Ref", Geneva, Tahoma, "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", "Bitstream Vera Sans", "Liberation Sans", sans-serif;
+  font-weight: 400;
+  font-style: normal;
+  font-size: 0.3em;
+  line-height: 2.1em;
+}
+body.page-educational-programs .view-program-areas {
+  margin-bottom: 3em;
+}
+body.page-educational-programs .node-educational-program {
+  background-color: rgba(255, 255, 255, 0.88);
+  margin-bottom: 3em;
+  border-top: 14px solid #554721;
+  position: relative;
+}
+body.page-educational-programs .node-educational-program h2 {
+  color: #554721;
+}
+body.page-educational-programs .node-educational-program .field-name-field-icon {
+  border-radius: 40px;
+  left: 49%;
+  padding: 14px;
+  position: absolute;
+  right: 50%;
+  top: -35px;
+  width: 60px;
+}
+body.page-educational-programs .node-educational-program .field-name-field-icon .field-item {
+  margin: 0;
+}
+body.page-educational-programs .node-educational-program .field-name-field-icon .field-item img {
+  width: 100%;
+  display: block;
+}
+body.page-educational-programs .view-program-areas .views-row:nth-child(3n+2) .node-educational-program {
+  border-color: #137cbd;
+}
+body.page-educational-programs .view-program-areas .views-row:nth-child(3n+2) .node-educational-program h2 {
+  color: #137cbd;
+}
+body.page-educational-programs .view-program-areas .views-row:nth-child(3n+2) .node-educational-program .field-name-field-icon {
+  background-color: #137cbd;
+}
+body.page-educational-programs .view-program-areas .views-row:nth-child(3n+2) .node-educational-program .wdn-button {
+  background-color: #137cbd;
+}
+body.page-educational-programs .view-program-areas .views-row:nth-child(3n+3) .node-educational-program {
+  border-color: #008a2c;
+}
+body.page-educational-programs .view-program-areas .views-row:nth-child(3n+3) .node-educational-program h2 {
+  color: #008a2c;
+}
+body.page-educational-programs .view-program-areas .views-row:nth-child(3n+3) .node-educational-program .field-name-field-icon {
+  background-color: #008a2c;
+}
+body.page-educational-programs .view-program-areas .views-row:nth-child(3n+3) .node-educational-program .wdn-button {
+  background-color: #008a2c;
+}

style.less

+@import "../../workspace/wdntemplates/wdn/templates_4.0/less/_mixins/all";
+
+body.page-educational-programs {
+  #wdn_content_wrapper {
+    background-image: url(images/educational-programs-bg.jpg);
+    background-repeat: no-repeat;
+    background-position: top center;
+    background-size: cover;
+  }
+
+  #pagetitle {
+    text-align: center;
+    margin: 0 auto 2em;
+
+    h1 {
+      display: inline-block;
+      background-color: #c5001e;
+      padding-top: 10px;
+      color: #fefefd;
+      .brand-font();
+      text-transform: uppercase;
+    }
+    span {
+      display: block;
+      margin-top: 10px;
+      padding: 0 20px;
+      color: #554721;
+      background-color: #f4f3f0;
+      .sans-serif-font();
+      font-size: 0.3em;
+      line-height: 2.1em;
+    }
+  }
+
+  .view-program-areas {
+    margin-bottom: 3em;
+  }
+
+  .node-educational-program {
+    background-color: rgba(255, 255, 255, .88);
+    margin-bottom: 3em;
+    border-top: 14px solid #554721;
+    position: relative;
+
+    h2 {
+      color: #554721;
+    }
+    .field-name-field-icon {
+      border-radius: 40px;
+      left: 49%;
+      padding: 14px;
+      position: absolute;
+      right: 50%;
+      top: -35px;
+      width: 60px;
+
+      .field-item {
+        margin: 0;
+
+        img {
+          width: 100%;
+          display: block;
+        }
+      }
+    }
+  }
+
+  // Alternate colors
+  .view-program-areas .views-row:nth-child(3n+2) .node-educational-program {
+    border-color: #137cbd;
+
+    h2 {color: #137cbd;}
+    .field-name-field-icon {background-color: #137cbd;}
+    .wdn-button {background-color: #137cbd;}
+  }
+  .view-program-areas .views-row:nth-child(3n+3) .node-educational-program  {
+    border-color: #008a2c;
+
+    h2 {color: #008a2c;}
+    .field-name-field-icon {background-color: #008a2c;}
+    .wdn-button {background-color: #008a2c;}
+  }
+}