html {
/*   font: normal normal normal 1em/1.6 Georgia, "Times New Roman", "Bitstream Charter", Times, serif; */
   font-family: "dejarip", sans-serif;
   font-size: 1.5em;
   line-height: 1.3em;
   color: #222;
   margin: 0;
   padding: 0;
   height: 100%;
/*
   background: #f6f7f7;
   -webkit-background-size: 100px 100px;
   -moz-background-size: 100px 100px;
   -o-background-size: 100px 100px;
   background-size: 100px 100px;
   */
}

@media screen and (max-width: 30em) {
   html {
      font-size: 0.875em;
   }
}

@media screen and (min-width: 85em) and (min-height: 40em) {
   html {
      font-size: 1.125em;
   }
}

@media screen and (min-width: 95em) and (min-height: 50em) {
   html {
      font-size: 1.25em;
   }
}

@media screen and (min-width: 110em) and (min-height: 60em) {
   html {
      font-size: 1.375em;
   }
}

@media screen and (min-width: 120em) and (min-height: 70em) {
   html {
      font-size: 1.5em;
   }
}

body {
   margin: 0;
   padding: 0em 0em 1em 0em;
   background: url("../img/graphpapersquare.png");
   background-repeat: repeat;
   background-attachment: fixed;
   background-size: 101px;
   background-clip: padding-box;
   min-height: 100%
}

.page {
   box-sizing: border-box;
   width: 63em;
   margin: 0 auto;
   padding: 0 1.5em;
}

@media screen and (min-width: 1px) {
   .page {
      width: 100%;
      max-width: 63em;
   }
}

@media screen and (max-width: 46em) {
   .page {
      padding-left: 1em;
      padding-right: 1em;
   }
}


h1,
h2,
h3,
h4,
h5,
h6 {
   line-height: 1.2;
}

p,
ol,
ul {
   margin: 0.8em 0 0;
}

   p:first-child,
   ol:first-child,
   ul:first-child {
      margin-top: 0;
   }

ul {
   list-style: square;
   padding: 0 0 0 1.6em;
}

a {
   transition: text-shadow 0.24s ease;
   color: #be3c0e;
   text-decoration: none;
   background: transparent;
}

   a:hover {
      color: #da430e;
      background: #4f9fd8;
   }

   a:focus {
      outline-color: #be3c0e;
   }

   a img {
      display: block;
   }

blockquote {
   font-size: 1.25em;
   font-style: italic;
   border-left: 3px solid #ddd;
   margin: 0.8em 0 0;
   padding: 0.65em 1.25em;
}

   blockquote:first-child {
      margin-top: 0;
   }

hr {
   border: none;
   border-top: 1px solid #ddd;
   margin: 1.25em 0 1.5em;
}


/**
 * Header
 */

.header h1 {
   font-weight: normal;
   letter-spacing: -1px;
   font-size: 3em;
   text-align: center;
   text-shadow: 0 0.05em 0.06em #000;
   margin: 0 0 0.5em;
   padding-top: 0.25em;
}

.header img {
   max-width: 100%;
   background-color: rgba(255,255,255,0.8);
   border-radius: 1.5em;
   margin-bottom: 1em;
   box-sizing: border-box;
   box-shadow: 0px 0px 10px 3px rgba(0,0,0,0.75);

}

@media screen and (max-width: 48em) {
   .header h1 {
      font-size: 2.6em;
   }
}

@media screen and (max-width: 42em) {
   .header h1 {
      font-size: 2.1em;
   }
}

@media screen and (max-width: 36em) {
   .header h1 {
      font-size: 1.8em;
   }
}

@media screen and (max-width: 30em) {
   .header h1 {
      font-size: 1.5em;
   }
}

   .header h1 a {
      transition: text-shadow 0.24s ease;
      color: #73b7e8;
      background-color: #fff;
      padding: 0px 0.3em 7px 0.3em;
      margin: 0 -0.25em;
      box-sizing: border-box;
      background-color: #f7f4f1;
      box-shadow: 0px 0px 8px 1px rgba(0,0,0,0.75);
   }

      .header h1 a:hover {
         text-shadow: 0 0.05em 0.03em #000;
/*         text-shadow: 0 0 1em #fff; */
      }


/**
 * Torso
 */

.torso {
   box-sizing: border-box;
   background-color: #f7f4f1;
   box-shadow: 0px 0px 20px 5px rgba(0,0,0,0.75);
}


/* reused styles */

.sorry {
   font-style: italic;
}

.figure {
   margin: 0.8em 0 1.2em;
}

   .figure:first-child {
      margin-top: 0;
   }

   .figure p {
      font-size: 0.875em;
      text-align: center;
      color: #737373;
      margin-top: 0.5em;
      font-style: italic;
   }


/* nav */

.nav {
   background-color: #73b7e8;
   text-align: center;
}

   .small-screen {
      display: none;
   }

   .small-screen-nav {
      background-color: #73b7e8;
      text-align: center;
      display: none;
   }

      .small-screen-nav h3 {
         margin: 0;
         font-size: 0.875em;
         letter-spacing: 4px;
         text-transform: uppercase;
         color: #a78b7d;
         line-height: 1.6;
         padding: 0.25em 0;
      }

      .small-screen-nav a {
         display: block;
         border-top: 1px solid #7b5e4f;
         background-color: #684c3f;
         color: #fff;
         padding: 0.25em 0 0.35em;
      }

      .small-screen-nav a:hover {
         background-color: #66423b;
      }

   .nav a {
      display: inline-block;
      padding: 0.5em 0.85em;
      text-decoration: none;
      color: #fff;
      white-space: nowrap;
      position: relative;
   }

   .nav a:hover {
      background-color: #80c7f9;
   }

   .nav a.on {
      background-color: #80c7f9;
   }

      .nav a.on:after {
         /*
         content: '';
         width: 0;
         height: 0;
         display: block;
         position: absolute;
         border-top: 8px solid #80c7f9;
         border-left: 8px solid transparent;
         border-right: 8px solid transparent;
         bottom: -8px;
         left: 50%;
         margin-left: -8px;
         */
      }

      .nav a.on:hover {
         background-color: #90c7f9;
      }

         .nav a.on:hover:after {
            border-top-color: #90c7f9;
         }

@media screen and (max-width: 43.125em) {
   .nav .large-screen {
      display: none;
   }

   .nav .small-screen {
      display: inline-block;
   }

   .small-screen-nav {
      display: block;
   }
}

.sub-nav {
   background-color: #fff;
   padding: 1em 1.5em;
   margin: -1em -3.15em 2.5em -0.6em;
   -webkit-transform: rotate(-3deg);
   transform: rotate(-3deg);
   box-shadow: -0.1em 0.1em 0.45em rgba(0, 0, 0, 0.2);
   position: relative;
}
   .sub-nav:after {
      content: '';
      position: absolute;
      display: block;
      width: 45px;
      height: 82px;
      top: -26px;
      right: -2px;
      background: transparent url("../img/paperclip.png") no-repeat scroll 50% 50%;
      -webkit-transform: rotate(-1deg);
      transform: rotate(-1deg);
   }

   .sub-nav ul {
      list-style: none;
      padding: 0;
      font-size: 1.125em;
      line-height: 1.3;
   }

   .sub-nav ul ul {
      padding: 0 0 0 1.5em;
      font-size: 0.83333em;
      margin: 0.4em 0 0;
   }

   .sub-nav li {
      margin: 0.5em 0 0;
   }

      .sub-nav li:first-child {
         margin-top: 0;
      }

   .sub-nav .on {
      color: #81352b;
   }

@media screen and (max-width: 46em) {
   .sub-nav {
      -webkit-transform: rotate(0deg);
      transform: rotate(0deg);
      margin: 0 -2em 1.5em;
   }
}

.breadcrumbs {
   font-size: 0.9375em;
}

   .breadcrumbs span {
      margin: 0 0.25em;
      color: #c3bea9;
   }

   .breadcrumbs a {
      margin-bottom: 0.3125em;
      display: inline-block;
   }


ol.tree > li {
   font-size: 1.125em;
}

ol.tree li {
   line-height: 1.25em;
   margin: 0.425em 0;
}

ol.tree ol {
   margin: 0 0 1.2em;
   padding: 0 0 0 2em;
   font-size: 0.83333em;
}

   ol.tree ol li {
      font-style: italic;
   }

   ol.tree ol li a {
      font-style: normal;
   }

ol.roman {
   list-style-type: upper-roman;
}

ol.roman ol {
   list-style-type: lower-roman;
}


.main {
   padding: 0.5em 36px 1em;
}

@media screen and (max-width: 46em) {
   .main {
      padding-left: 21px;
      padding-right: 21px;
   }

   .columns {
      width: 100% !important;
      float: none;
      margin: 1.5em 0 0;
   }

      .columns:first-child {
         margin-top: 0;
      }
}


/* pagination */
.pagination {
   border-top: 1px solid #ddd;
   margin-top: 1.5em;
   padding-top: 1em;
/*   *zoom: 1; */
}

   .pagination:before,
   .pagination:after {
      content: " ";
      display: table;
   }

   .pagination:after {
      clear: both;
   }

   .pagination a {
      box-sizing: border-box;
      width: 45%;
      position: relative;
      line-height: 1.4;
   }

      .pagination a:before,
      .pagination a:after {
         display: block;
         position: absolute;
         top: 0;
      }

   .pagination .older {
      float: left;
      padding-left: 0.85em;
   }

      .pagination .older:before {
         content: "«";
         left: 0;
         transition: left 0.24s ease;
      }

      .pagination .older:hover:before {
         left: -0.25em;
      }

   .pagination .newer {
      float: right;
      text-align: right;
      padding-right: 0.85em;
   }

      .pagination .newer:after {
         content: "»";
         right: 0;
         transition: right 0.24s ease;
      }

      .pagination .newer:hover:after {
         right: -0.25em;
      }

   .pagination small {
      font-size: 0.875em;
   }


/* article */
.article {
   margin: 2em 0 0;
}

   .article:first-child {
      margin-top: 0;
   }

   .article h1 {
      margin: 0 0 0.5em;
      font-size: 2.2em;
      font-weight: normal;
   }

   .article h2 {
      font-size: 2em;
      font-weight: normal;
      margin: 0.25em 0 0.25em 0;
   }

   .article .time {
      margin-top: -1em;
      font-style: italic;
      color: #a49b8c;
      font-size: 0.875em;
   }

   .article h3 {
      line-height: 1.4;
      font-weight: normal;
      font-style: italic;
   }

      .article h3 em {
         font-style: normal;
      }

   .article h1 a {
      text-decoration: none;
   }

   .article img {
      display: block;
      max-width: 100%;
      margin: 0.8em 0 0;
   }

   .article p img:first-child {
      margin-top: 0;
   }

@media screen and (max-width: 30em) {
   .article h1 {
      font-size: 1.65em;
   }

   .article h2 {
      font-size: 1.5em;
   }
}


/* sidebar */
.sidebar {
   padding-top: 0em;
}


/* side block */
.side-block {
   margin: 2em 0 0;
}

   .side-block:first-child {
      margin-top: 0;
   }

   .side-block:last-child {
      margin-bottom: 0;
   }

   .side-block h2 {
      font-size: 1.4em;
      font-weight: normal;
      margin: 0 0 0.35em;
      padding-bottom: 0.3em;
      border-bottom: 1px dotted #ccc;
   }

   .side-block h2 a {
      text-decoration: none;
   }

   .side-block ul {
      margin-top: 0.4em;
      list-style: square;
      padding: 0 0 0 1.5em;
   }


@media screen and (max-width: 46em) {
   .side-block {
      margin: 0 0 1.5em 4%;
      width: 48% !important;
      float: left;
   }

   .side-block.odd {
      margin-left: 0;
   }
}

@media screen and (max-width: 32em) {
   .side-block {
      margin: 0 0 1.5em;
      width: 100% !important;
      float: none;
   }
}



/* calendar */
.calendar ul {
   list-style: none;
   padding: 0;
}

   .calendar li {
      margin: 0.75em 0 0;
   }

      .calendar li:first-child {
         margin-top: 0;
      }

   .calendar small {
      color: #503c33;
      font-size: 0.875em;
      font-style: italic;
   }

   .calendar h3 {
      font-weight: normal;
      margin: 0.125em 0 0;
      font-size: 1.2em;
   }


/* big-calendar */
.big-calendar {
}

   .big-calendar .divider {
      font-size: 0.9125em;
      overflow: hidden;
      width: 100%;
      margin-top: 1.5em;
      margin-bottom: -0.75em;
   }

      .big-calendar .divider span {
         display: inline-block;
         position: relative;
         padding: 0 0.65em;
         color: #b7b29d;
         font-size: 1.125em;
         margin-left: 4.35em;
      }

      .big-calendar .divider span:before,
      .big-calendar .divider span:after {
         content: '';
         position: absolute;
         display: block;
         height: 0;
         width: 800px;
         border-top: 3px double #cbc9c0;
         top: 50%;
         margin-top: -1px;
      }

      .big-calendar .divider span:before {
         left: -800px;
      }

      .big-calendar .divider span:after {
         right: -800px;
      }

   .big-calendar .date-blob {
      width: 3.2em;
      float: left;
      text-align: center;
      box-shadow: 0 0 0.6em rgba(0, 0, 0, 0.15);
      position: relative;
   }

      .big-calendar .date-blob strong {
         text-transform: uppercase;
         font-weight: bold;
         letter-spacing: 1px;
         padding: 0.1em 0 0;
         font-size: 0.8125em;
         background-color: #73b7e8;
         color: #fff;
         display: block;
      }

      .big-calendar .date-blob span {
         display: block;
         font-size: 1.5em;
         line-height: 1;
         background-color: #fff;
         padding: 0.125em 0 0.35em;
      }

   .big-calendar .event {
      margin: 1.5em 0 0;
   }

      .big-calendar .event:first-child {
         margin-top: 0;
      }

   .big-calendar .event h3 {
      line-height: 1.1;
      font-size: 1.65em;
      margin: 0 0 0.25em;
      font-style: normal;
   }

   .big-calendar .event p {
      margin-top: 0;

   }

   .big-calendar .event-description {
      margin-left: 5em;
   }

   @media screen and (max-width: 30em) {
      .big-calendar .date-blob {
         font-size: 0.825em;
      }

      .big-calendar .date-blob strong {
         letter-spacing: 0;
      }

      .big-calendar .event-description {
         margin-left: 3.8em;
      }
   }


/* map */
.map {
   height: 20em;
   width: 100%;
   border: 1px solid #ccc;
}

.big-map .map {
   height: 24em;
}

   .map h2 {
      margin: 0;
      font-size: 1.4em;
   }

   .map h3 {
      margin: 0;
      font-style: normal;
      font-size: 1.125em;
   }

   .map p {
      margin: 0.4em 0 0;
   }

@media screen and (max-width: 46em) {
   .map {
      height: 20em;
   }
}


/* taxonomy results */

.taxonomy-results {
   border-top: 1px solid #ddd;
   padding-top: 1.5em;
}

   .taxonomy-results h1 {
      font-size: 1.9em;
   }

/* gallery */
.masonry .item {
   width: 286px;
   margin-bottom: 15px;
   overflow: hidden;
}
.masonry .item img {
   display: block;
   width: auto !important; /*override the width below*/
   width: 100%;
   max-width: 100%;
}

.masonry .item .caption {
   width: 100%;
   position: absolute;
   bottom: -5px;
   background: rgba(0,0,0,.3);
   padding: 25px 0;
   color: #fff;
   text-align: center;
   font-size: 21px;
   opacity: 0;
   -webkit-transition: ease-in-out all .2s;
}

.masonry .item:hover .caption {
   opacity: 1;
   bottom: 0px;
}


/**
 * Footer
 */
.footer {
   font-size: 1em;
   line-height: 1.4;
   text-align: center;
   background-color: #73b7e8;
   padding: 0.5em 0;
   color: #fff;
   margin-bottom: 2.5em;
   box-shadow: 0px 13px 20px 5px rgba(0,0,0,0.75);
}

   .footer small {
      font-style: italic;
   }

   .footer .delimiter {
      margin: 0 0.25em;
   }

   .footer a {
      color: #d17f72;
   }

      .footer a:hover {
         color: #de8779;
      }

/**
 * Gallery
 */
.gallery {
   border-top: 1px solid #ddd;
   margin-top: 1.5em;
   padding-top: 1.75em;
}

   .gallery img {
      display: block;
      width: 100%;
      margin: 0;
   }

   .gallery .row {
      margin-top: 1.5em;
   }

      .gallery .row:first-child {
         margin-top: 0;
      }

@media screen and (max-width: 400px) {
   .gallery .column {
      float: none;
      width: 100%;
      margin: 1.5em 0 0 !important;
   }

   .gallery {
      padding-top: 0.25em;
   }

   .gallery .row {
      margin-top: 0;
   }
}

/**
 * Contact Form
 */
.contact {
   border-top: 1px solid #ddd;
   margin-top: 1.5em;
   padding-top: 1.75em;
}

   .contact input[type="text"],
   .contact input[type="email"],
   .contact textarea {
      display: block;
      width: 100%;
      margin: 0;
      padding: .5em .25em;
      box-sizing: border-box;
   }

   .contact input[type="submit"] {
      border: none;
      text-transform: uppercase;
      font-weight: bold;
      letter-spacing: 1px;
      padding: .5em 1em;
      font-size: 0.8125em;
      background-color: #73b7e8;
      color: #fff;
      display: block;
      cursor: pointer;
   }

@media screen and (max-width: 400px) {

}

/*

 <420px Wide = 1 Column
 >=420px && <850px Wide = 2 Columns
 >=850px = 3 Columns
 */
.tenpixelline {
   height: 10px;
}

.podcastarray {
   margin: 1% 2% 3% 2%;
   max-width:29%;
   float: left;
   overflow: auto;
   overflow-y: hidden;
   overflow-x: hidden;
}

.podcastarraywrapper {  /* 3 Columns */
   overflow: auto;
   overflow-y: hidden;
   overflow-x: hidden;
}

.podcastarray img {
   border-radius:6px;
   margin:2px 0px 2px 0px;
   padding:1px;
   border:1px solid #73b7e8;
   background-color:#fff;
   max-width: 95%;
   box-shadow: 1px 1px 3px 1px rgba(0,0,0,0.75);
}

@media screen and (max-width: 420px) {  /* 1 Column */
   .podcastarray {
      max-width: 100%;
      float: none;
   }

   .podcastarraywrapper {
/*      max-width: 300px !important; */
   }
}

@media screen and (min-width: 420px) and (max-width: 850px) {  /* 2 Columns */
   .podcastarray {
      max-width: 46%;
      float: left;
   }

   .podcastarraywrapper {
/*      max-width: 600px !important; */
   }
}

/* Engineered Network Specific CSS ********/

td.podcastgrid {
   vertical-align:top;
   padding: 30px;
}

.podcastgrid img {
   border-radius:6px;
   margin:2px 0px 2px 0px;
   padding:1px;
   border:1px solid #73b7e8;
   background-color:#fff;
}

.podcastblock {
   min-height: 190px;
   padding: 0px 20px 30px 0px;
   margin: 0px 0px 20px 0px;
}
.mobilecontainer .podcastblock {padding:0px 4px 0px 4px;}

.podcastblock h2 {
   margin: 0;
}

.podcastblocktitle h2 {
   margin: 0;
}

.podcastblockshownotes {
/*   margin-left: 1em; */
}

.podcastblockepisodes {
   float: left;
   width: 100%;
}

.podcastrssblock td {
   text-align: center;
}

.podcastrssblock table {
    border-collapse: collapse;
}

.podcastrssblock table, .podcastrssblock th, .podcastrssblock td {
    border: 1px solid #e3dfd4;
}

div.peopletable {
   margin-top: 1em;
}

td.peopletable {
   vertical-align:top;
   padding: 30px;
}

.peopletable img {
   border-radius:6px;
   margin:2px 0px 2px 0px;
   padding:1px;
   border:1px solid #73b7e8;
   background-color:#fff;
   max-width: 100%
}

.podcastfeature {
   width: auto;
   margin: 0em 0em 2em 0em;
}

.podcastfeature img {
   border-radius:6px;
   margin:2px 0px 2px 0px;
   padding:1px;
   border:1px solid #73b7e8;
   background-color:#fff;
   max-width: 100%;
}


@media screen and (max-width: 46em) { /* 640-800px */
   .podcastfeature img {
      max-width: 95%;
   }
}

.podcastfeature p {
   float: left;
}

.podcastfeature h2 {
   text-align: center;
   margin-bottom: 0em;
}

.sitefeature {
   width: auto;
   margin: 0em 0em 2em 0em;
}

.sitefeature img {
   border-radius:6px;
   margin:2px 0px 2px 0px;
   padding:1px;
   border:1px solid #73b7e8;
   background-color:#fff;
   max-width: 100%;
}

.sitefeature p {
   float: left;
}

.sitefeature h2 {
   text-align: center;
   margin-bottom: 0em;
}

.sitetablelinks i.fab, .sitetablelinks i.far, .sitetablelinks i.fas, .sitetablelinks i.fal {
   font-size: 2.25em;
   padding: 0em 0.05em 0em 0.05em;
}

.sitetablelinks svg.simple-svg {
   font-size: 1.75em;
   padding: 0em 0.05em 0em 0.05em;    
}

table {
   max-width: 100%;
}

table th {
   word-break: break-all;
}

table.podcasttable td{padding:5px;vertical-align: top;}

.podcasttable h2.entry-title  {
   margin-top: 6px;
}

.podcasttablecenter {
  text-align: center;
}

.searchbox {
   padding:10px 0px 10px 0px;
}

.alignleft {
   margin-right: 10px;
}

.article img.alignleft {
   width: auto;   
   margin:0px 10px 0px 0px;
}
.alignright {
   float: right;
   margin-left: 10px;
   line-height: 2em;
}

code {
   word-wrap: break-word;
}

textarea {
   overflow: auto;
   vertical-align: top;
   width: 98%;
   height: 100px;
   border: 1px solid #e3dfd4;
   border-radius: 5px;
   margin: 1%;
   padding: 0;
}

input {
   display: block;
   border: 1px solid #e3dfd4;
   border-radius: 5px;
   width: 98%;
   margin: 1%;
   padding: 3px 1px 3px 1px;
}

input.text-field {
  width: 98%;
}

img.huffdufficon {
   display: inline;
   width: auto;
   margin: 0;
}

.peopleimage img {
   width: 50%;
   margin: 0 auto;
}

.peopletablelinks i.fab, .peopletablelinks i.far, .peopletablelinks i.fas, .peopletablelinks i.fal {
   font-size: 1.5em;
   padding: 0em 0.05em 0em 0.05em;
}

.peopletablelinks svg.simple-svg {
   font-size: 1.4em;
   padding: 0em 0.05em 0em 0.05em;    
}

.peopletablelinks {
   max-width: 304px;
}

a.socialpersonbox {
   display:inline-block;
   font-size:18px;
   box-sizing: border-box;
   border: 2px solid;
   padding-left: 3px;
   padding-right: 3px;
   margin: 3px;
}

a.socialpersonbox i.fab, .peopletablelinks i.far, .peopletablelinks i.fas, .peopletablelinks i.fal {
   font-size:18px;
}

.sitetablelinks i.far, .sitetablelinks i.fas, .sitetablelinks i.fal {
   font-size:18px;
}

.persontile {
   margin-bottom: 2em;
}

hr.peopletable {
   border-top: 2px solid #ddd;
   margin: 0.5em 2em 0.5em 2em;
}

hr.episodelist {
   border-top: 2px solid #a2a2a2;
   margin: 1.5em 2em 1em 2em;
}

/* Calender CSS */

/*
body
{
  font-family: "Helvetica Neue Bold", arial, helvetica, sans-serif;
  font-size: 100%;
  margin: 10px;
  color: #333;
  background-color: #cecece;
}

h1
{
  margin: 0;
  font-weight: normal;
}
*/

.podcastgridentrycalendarwrapper {
   margin: 5% 0% 5% 0%;
   overflow: auto;
   overflow-y: hidden;
   overflow-x: hidden;
}

.calendariconwrapper {
   position: relative;
   width: 25%;    /* desired width */
   float: right;
   margin-bottom: 6%;
}

.calendariconwrapper:before{
   content: "";
   display: block;
   padding-top: 100%;   /* initial ratio of 1:1 */
}

.podcastgridentrytext {
   font-size: 0.875em;
   line-height: 1.3em;
   width: 70%;
   float: left;
}

a:hover .podcastgridentrytext {
   color: ;
}

.calendariconbox {
   position: absolute;
   width: 100%;
   background-color: #fff;
   margin: 0em 0em 0em 0em;
   border-radius: 15%;
   border:2px solid #000;
   overflow: hidden;
   -webkit-backface-visibility: hidden;
   top: 0;
   right: 0;  
   font-style: normal;
   font-weight: bold;
   text-align: center; 
}

.calendariconmonth {
   letter-spacing: -0.05em;
   color: #fff;
   background-color: #fd9f1b;
   font-size: 1em;
   line-height: 1em;
}

.calendaricondate {
   font-size: 1.7em;
   line-height: 1em;
   color: #000;
}

@media screen and (max-width: 21em) {
   .calendariconmonth {
      font-size: 1.511em;
      line-height: 1em;
   }
   .calendaricondate {
      font-size: 2.5em;
      line-height: 1em;
   }
   .podcastgridentrytext {
      font-size: 1.4em;
      line-height: 1.1em;
   }
}

@media screen and (min-width: 21em) and (max-width: 26em) { /* 352-496px */
   .calendariconmonth {
      font-size: 1.8em;
      line-height: 1em;
   }
   .calendaricondate {
      font-size: 3.5em;
      line-height: 1em;
   }
   .podcastgridentrytext {
      font-size: 1.8em;
      line-height: 1.2em;
   }
}

@media screen and (min-width: 26em) and (max-width: 31em) { /* 352-496px */
   .calendariconmonth {
      font-size: 1.2em;
      line-height: 1em;
   }
   .calendaricondate {
      font-size: 1.8em;
      line-height: 1em;
   }
   .podcastgridentrytext {
      font-size: 1.1em;
      line-height: 1.2em;
   }
}

@media screen and (min-width: 31em) and (max-width: 40em) { /* 496-640px */
   .calendariconmonth {
      font-size: 0.9em;
      line-height: 0.9em;
   }
   .calendaricondate {
      font-size: 1.2em;
      line-height: 1.1em;
   }
   .podcastgridentrytext {
      font-size: 0.8em;
      line-height: 1.2em;
   }
}

@media screen and (min-width: 40em) and (max-width: 50em) { /* 640-800px */
   .calendariconmonth {
      font-size: 1em;
      line-height: 1em;
   }
   .calendaricondate {
      font-size: 1.8em;
      line-height: 1em;
   }
   .podcastgridentrytext {
      font-size: 1em;
      line-height: 1em;
   }
}

@media screen and (min-width: 50em) and (max-width: 80em) {
   .calendariconmonth {
      font-size: 1.1em;
      line-height: 1em;
   }
   .calendaricondate {
      font-size: 1.6em;
      line-height: 1em;
   }
   .podcastgridentrytext {
      font-size: 1em;
      line-height: 1em;
   }
}

@media screen and (min-width: 80em) and (max-width: 110em) {
   .calendariconmonth {
      font-size: 1.4em;
      line-height: 1em;
   }
   .calendaricondate {
      font-size: 2.5em;
      line-height: 1.1em;
   }
   .podcastgridentrytext {
      font-size: 1em;
      line-height: 1em;
   }
}

@media screen and (min-width: 110em) {
   .calendariconmonth {
      font-size: 1em;
      line-height: 1em;
   }
   .calendaricondate {
      font-size: 2.5em;
      line-height: 1.1em;
   }
   .podcastgridentrytext {
      font-size: 1em;
      line-height: 1em;
   }
}





time.calendaricon
{
/*   font-size: 1em; /* change icon size */
/*   line-height: 1.8vmax; */
   display: block;
   float: left;
   position: absolute;
   width: 100%;
   background-color: #fff;
   margin: 0 0.5em 0 0;
   border-radius: 10%;
   border:1px solid #73b7e8;
   overflow: hidden;
   -webkit-backface-visibility: hidden;
   top: 0;
   left: 0;
   bottom: 0;
   right: 0;
}

time.calendaricon *
{
   display: block;
   width: 100%;
   /*  font-size: 1.3em; */
   font-weight: bold;
   font-style: normal;
   text-align: center;
}

time.calendaricon strong {
   padding: 0.1em 0 0.1em 0;
   color: #fff;
   background-color: #fd9f1b;
}

time.calendaricon em {
  position: absolute;
  bottom: 0.3em;
  color: #fd9f1b;
}

time.calendaricon span {
  width: 100%;
  letter-spacing: -0.05em;
  color: #2f2f2f;
}

.podcastgridentries {
   margin: 5% 0% 0% 0%;
   text-align: left;
}

.podcastepisodeinfo {
   margin-bottom: 0.5em 0em 2.5em 0em;
}

ul.podcastaudiobulletpoint {
   list-style: none;
}

ul.podcastaudiobulletpoint li::before {
   display: inline-block;
   width: 1em;
   height: 1em;
   margin-right: 0.5em;
   content: "";
   background: url("/assets/img/podcastbullet.png") no-repeat 0 0;
   background-size: 100%;
}

.podcastarticle {
   overflow: auto;
   border-top: 1px solid #e3dfd4;
   padding-top: 2em;
}

.podcastarticleheading {
   overflow: auto;
   padding-top: 0.5em;
   margin-bottom: -2em;
}

.pagination .podcastpage {
   border-top: 0px solid #ddd;
}

.acknowledgements {
   padding-top: 1em;
   border-top: 1px solid #ddd;
   border-bottom: 0px solid #ddd;   
}

.podcastpagetrunctext {
   padding-bottom: 1em;
}

h2.concise-entry-title {
   font-size: 1.3em;
   font-weight: normal;
   margin: 0;
}

.concise-entry {
   border-top: 0;
   padding-top: 0;
   margin-top: 0.5em;
}

.concise-entry .time {
   margin-right: 1em;
}



.contactform form {
   margin-bottom: 30px;
}

.contactform label {
   font-weight: bold;
   font-size: 16px;
   display: block;
   width: 100%;
   margin: 2% 0 1%;
   float: left;
}

.contactform .checkbox input {
   float: none;
}

.contactform label.small {
   font-weight: bold;
   font-size: 12px;
}

.contactform input {
   border: 1px solid #e3dfd4;
   border-radius: 5px;
   padding: 6px;
   float: left;
}

.contactform input.text-field {
   width: 95%;
}

.contactform .required {
   color: red;
}

.contactform .left {
   float: left;
}
 
.contactform .right {
   float: right;
}
 
.contactform .text-left {
   text-align: left;
}
 
.contactform .text-right {
   text-align: right;
}
 
.contactform .text-center {
   text-align: center;
}
 
.contactform .hide {
   display: none;
}
 
.contactform .button {
   background: #2ba6cb;
   border: 1px solid #1e728c;
   box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5) inset;
   color: white;
   cursor: pointer;
   display: inline-block;
   font-size: 14px;
   font-weight: normal;
   line-height: 1;
   margin: 0;
   padding: 10px 20px 11px;
   position: relative;
   text-align: center;
   text-decoration: none;
   transition: background-color 0.15s ease-in-out;
}
 
.contactform .button:hover, .contactform .button:focus {
   color: white;
   background-color: #2284a1;
}
 
.contactform .button:active {
   box-shadow: 0 1px 0 rgba(0, 0, 0, 0.2) inset;
}
 
.contactform .button.large {
   font-size: 17px;
   padding: 15px 30px 16px;
}
 
.contactform .button.medium {
   font-size: 14px;
}
 
.contactform .button.small {
   font-size: 11px;
   padding: 7px 14px 8px;
}
 
.contactform .button.tiny {
   font-size: 10px;
   padding: 5px 10px 6px;
}

.newsletterform form {
   margin-bottom: 30px;
}

.newsletterform label {
   font-weight: bold;
   font-size: 16px;
   display: block;
   width: 100%;
   margin: 2% 0 1%;
   float: left;
}

.newsletterform .checkbox input {
   float: none;
}

.newsletterform label.small {
   font-weight: bold;
   font-size: 12px;
}

.newsletterform input {
   border: 1px solid #e3dfd4;
   border-radius: 5px;
   padding: 0.6em;
   margin: 0;
   float: left;
}

.newsletterform input.text-field {
   max-width: 100%;
   margin-bottom: 2em;
}

.newsletterform .required {
   color: red;
}

.newsletterform .left {
   float: left;
}
 
.newsletterform .right {
   float: right;
}
 
.newsletterform .text-left {
   text-align: left;
}
 
.newsletterform .text-right {
   text-align: right;
}
 
.newsletterform .text-center {
   text-align: center;
}
 
.newsletterform .hide {
   display: none;
}
 
.newsletterform .button {
   background: #2ba6cb;
   border: 1px solid #1e728c;
   box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5) inset;
   color: white;
   cursor: pointer;
   display: inline-block;
   font-size: 14px;
   font-weight: normal;
   line-height: 1;
   margin: 0;
   padding: 10px 20px 11px;
   position: relative;
   text-align: center;
   text-decoration: none;
   transition: background-color 0.15s ease-in-out;
   width: 100%;
}
 
.newsletterform .button:hover, .contactform .button:focus {
   color: white;
   background-color: #2284a1;
}
 
.newsletterform .button:active {
   box-shadow: 0 1px 0 rgba(0, 0, 0, 0.2) inset;
}
 
.newsletterform .button.large {
   font-size: 17px;
   padding: 15px 30px 16px;
}
 
.newsletterform .button.medium {
   font-size: 14px;
}
 
.newsletterform .button.small {
   font-size: 11px;
   padding: 7px 14px 8px;
}
 
.newsletterform .button.tiny {
   font-size: 10px;
   padding: 5px 10px 6px;
}

.peoplearray {
   margin: 1% 2% 3% 2%;
   max-width:29%;
   float: left;
   overflow: auto;
   overflow-y: hidden;
   overflow-x: hidden;
}

.peoplearraywrapper {  /* 3 Columns */
   overflow: auto;
   overflow-y: hidden;
   overflow-x: hidden;
}

.peoplearraywrapperwrapper {  /* 3 Columns */
   overflow: auto;
   overflow-y: hidden;
   overflow-x: hidden;
}

.peoplearray img {
   border-radius:6px;
   margin:2px 0px 2px 0px;
   padding:1px;
   border:1px solid #73b7e8;
   background-color:#fff;
   max-width: 95%;
   box-shadow: 1px 1px 3px 1px rgba(0,0,0,0.75);
}

@media screen and (max-width: 420px) {  /* 1 Column */
   .peoplearray {
      max-width: 100%;
      float: none;
   }

   .peoplearraywrapper {
/*      max-width: 300px !important; */
   }
}

@media screen and (min-width: 420px) and (max-width: 850px) {  /* 2 Columns */
   .peoplearray {
      max-width: 46%;
      float: left;
   }

   .peoplearraywrapper {
/*      max-width: 600px !important; */
   }
}

.taxonomylink {
   line-height: 1.2em;
}

.taxonomylink1 {
   font-size: 1em;
}

.taxonomylink2, .taxonomylink3, .taxonomylink4 {
   font-size: 1.3em;
}

.taxonomylink5, .taxonomylink6, .taxonomylink7 {
   font-size: 1.5em;
}

.taxonomylink8, .taxonomylink9, .taxonomylink10 {
   font-size: 1.8em;
}

.scheduletable table, .scheduletable th, .scheduletable td {
    border: 1px solid #e3dfd4;
}

.scheduletable td {
   vertical-align:top;
   padding: 30px;
}

video {
   max-width: 100%;
}

/* SWINGING IS DUMB
ul.podcastaudiobulletpoint {
   list-style-image: url( '/assets/img/podcastbullet.png' );
   list-style: 
}

ul.podcastaudiobulletpoint li:before {
   content: url( '/assets/img/podcastbullet.png' );
   font-size: 2em;
   padding-right: 0.5em;
}


time.calendaricon:hover, time.calendaricon:focus
{
  -webkit-animation: swing 0.6s ease-out;
  animation: swing 0.6s ease-out;
}

@-webkit-keyframes swing {
  0%   { -webkit-transform: rotate(0deg)  skewY(0deg); }
  20%  { -webkit-transform: rotate(12deg) skewY(4deg); }
  60%  { -webkit-transform: rotate(-9deg) skewY(-3deg); }
  80%  { -webkit-transform: rotate(6deg)  skewY(-2deg); }
  100% { -webkit-transform: rotate(0deg)  skewY(0deg); }
}

@keyframes swing {
  0%   { transform: rotate(0deg)  skewY(0deg); }
  20%  { transform: rotate(12deg) skewY(4deg); }
  60%  { transform: rotate(-9deg) skewY(-3deg); }
  80%  { transform: rotate(6deg)  skewY(-2deg); }
  100% { transform: rotate(0deg)  skewY(0deg); }
}
*/
/* End of Calendar Icon */

/*
ENGINEERED NETWORK THEME COLOURS

#73b7e8 - Dark Blue (Was 4f3b32 and 73b7e8)
#80c7f9 - Light Blue (Was 80c7f9)
#90c7f9 - Lighter Blue (Was 90c7f9)


#f6f7f7 - Near White
*/