/*
  Simple Grid
  Learn More - http://dallasbass.com/simple-grid-a-lightweight-responsive-css-grid/
  Project Page - http://thisisdallas.github.com/Simple-Grid/
  Author - Dallas Bass
  Site - dallasbass.com
*/

.grid {
  display: block;
  margin-left: -20px;
  list-style: none;
  letter-spacing: -0.31em;
}
/* Opera hack */
.opera:-o-prefocus, .grid{
    word-spacing: -0.43em;
}

.grid [class*='col-'] {
  display: inline-block;
  padding-left: 20px; /* column-space */
  vertical-align: top;
  letter-spacing: normal;
  word-spacing: normal;
}

/* Larger guttered grid */
.grid--medium{ margin-left: -30px; }
.grid--medium [class*='col-']{ padding-left: 30px; }

/* Larger guttered grid */
.grid--large{ margin-left: -40px; }
.grid--large [class*='col-']{ padding-left: 40px; }

/* Huge guttered grid */
.grid--huge{ margin-left: -80px; }
.grid--huge [class*='col-']{ padding-left: 80px; }

/* Gutterless grid */
.grid--flush{ margin-left: 0; }
.grid--flush [class*='col-']{ padding-left: 0; }

/* Middle aligned grid */
.grid--middle [class*='col-']{ vertical-align: middle; }

/* Center aligned grid */
.grid--center{ text-align: center; }
.grid--center [class*='col-']{ text-align: left; }



/* Column widths */
.col-1-1 {
  width: 100%;
}
.col-2-3, .col-8-12 {
  width: 66.66%;
}

.col-1-2, .col-6-12 {
  width: 50%;
}

.col-1-3, .col-4-12 {
  width: 33.33%;
}

.col-1-4, .col-3-12 {
  width: 25%;
}

.col-1-5 {
  width: 20%;
}

.col-1-6, .col-2-12 {
  width: 16.667%;
}

.col-1-7 {
  width: 14.28%;
}

.col-1-8 {
  width: 12.5%;
}

.col-1-9 {
  width: 11.1%;
}

.col-1-10 {
  width: 10%;
}

.col-1-11 {
  width: 9.09%;
}

.col-1-12 {
  width: 8.33%
}

/* Layout Columns */

.col-11-12 {
  width: 91.66%
}

.col-10-12 {
  width: 83.333%;
}

.col-9-12 {
  width: 75%;
}

.col-5-12 {
  width: 41.66%;
}

.col-3-8 {
  width: 37.5%;
}

.col-7-12 {
  width: 58.33%
}



/* Pushing blocks */

.push-2-3, .push-8-12 {
  margin-left: 66.66%;
}

.push-1-2, .push-6-12 {
  margin-left: 50%;
}

.push-1-3, .push-4-12 {
  margin-left: 33.33%;
}

.push-1-4, .push-3-12 {
  margin-left: 25%;
}

.push-1-5 {
  margin-left: 20%;
}

.push-1-6, .push-2-12 {
  margin-left: 16.667%;
}

.push-1-7 {
  margin-left: 14.28%;
}

.push-1-8 {
  margin-left: 12.5%;
}

.push-1-9 {
  margin-left: 11.1%;
}

.push-1-10 {
  margin-left: 10%;
}

.push-1-11 {
  margin-left: 9.09%;
}

.push-1-12 {
  margin-left: 8.33%
}


@media handheld, only screen and (max-width: 1024px) {
  
  .tablet-col-1-1 {
    width: 100%;
  }
  .tablet-col-2-3, .tablet-col-8-12 {
    width: 66.66%;
  }

  .tablet-col-1-2, .tablet-col-6-12 {
    width: 50%;
  }

  .tablet-col-1-3, .tablet-col-4-12 {
    width: 33.33%;
  }

  .tablet-col-1-4, .tablet-col-3-12 {
    width: 25%;
  }

  .tablet-col-1-5 {
    width: 20%;
  }

  .tablet-col-1-6, .tablet-col-2-12 {
    width: 16.667%;
  }

  .tablet-col-1-7 {
    width: 14.28%;
  }

  .tablet-col-1-8 {
    width: 12.5%;
  }

  .tablet-col-1-9 {
    width: 11.1%;
  }

  .tablet-col-1-10 {
    width: 10%;
  }

  .tablet-col-1-11 {
    width: 9.09%;
  }

  .tablet-col-1-12 {
    width: 8.33%
  }

  /* Layout Columns */

  .tablet-col-11-12 {
    width: 91.66%
  }

  .tablet-col-10-12 {
    width: 83.333%;
  }

  .tablet-col-9-12 {
    width: 75%;
  }

  .tablet-col-5-12 {
    width: 41.66%;
  }

  .tablet-col-7-12 {
    width: 58.33%
  }
  
  .hide-on-tablet {
    display: none !important;
    width: 0;
    height: 0;
  }
}


@media handheld, only screen and (max-width: 680px) {
  
  .mobile-col-1-1 {
    width: 100%;
  }
  .mobile-col-2-3, .mobile-col-8-12 {
    width: 66.66%;
  }

  .mobile-col-1-2, .mobile-col-6-12 {
    width: 50%;
  }

  .mobile-col-1-3, .mobile-col-4-12 {
    width: 33.33%;
  }

  .mobile-col-1-4, .mobile-col-3-12 {
    width: 25%;
  }

  .mobile-col-1-5 {
    width: 20%;
  }

  .mobile-col-1-6, .mobile-col-2-12 {
    width: 16.667%;
  }

  .mobile-col-1-7 {
    width: 14.28%;
  }

  .mobile-col-1-8 {
    width: 12.5%;
  }

  .mobile-col-1-9 {
    width: 11.1%;
  }

  .mobile-col-1-10 {
    width: 10%;
  }

  .mobile-col-1-11 {
    width: 9.09%;
  }

  .mobile-col-1-12 {
    width: 8.33%
  }

  /* Layout Columns */

  .mobile-col-11-12 {
    width: 91.66%
  }

  .mobile-col-10-12 {
    width: 83.333%;
  }

  .mobile-col-9-12 {
    width: 75%;
  }

  .mobile-col-5-12 {
    width: 41.66%;
  }

  .mobile-col-7-12 {
    width: 58.33%
  }
  
  .hide-on-mobile {
    display: none !important;
    width: 0;
    height: 0;
  }
}


/* ==========================================================================
   Cards
   ========================================================================== */
.card{ background: #fff; box-shadow: 0 1px 5px rgba(0,0,0,0.1); margin-bottom: 40px; text-align: left; font-family: "Open Sans", sans-serif; }
.card a:hover {opacity: 0.6;}
.card__img{ display: block; width: 100%; }
.card__body{ padding: 15px; font-size: 15px; line-height: 22px; color: #403f3f; }
.card__body--highlight{ background: #1d90a2; color: #fff; }
.card__body h4{ margin-bottom: 5px; text-transform: none; }
.card__body a{ display: block; margin-bottom: 5px; font-size: 18px; font-weight: 600; color: #2EB1FF; }
.card__link, .cards--short .articleLink a { display: block; cursor: pointer; padding: 20px; border-top: 1px #e4e4e4 solid; font-size: 15px; color: #1c91a2; text-decoration: none; text-transform: uppercase; background: 94% center no-repeat }
.card__link:hover{ color: #403f3f; }

.cards--short .card__body{ height: 100px; }
.cards--tall .card__body{ height: 100px; }
.cards--tall .eventImage img {width: 100%;}

.cards--tall4 .card__body{ height: 100px; }
.cards--tall4 .eventImage img {width: 100%;}

.cards--summary .card__body{ height: 150px; }
.cards--summary .eventImage img {width: 100%;}

.card--muted{ background: #f7f7f7; box-shadow: none; }
.card--muted .card__body{ height: 296px; /* level with box shadow boxes */ }
.card--muted h4{ padding-top: 60px; text-align: center; text-transform: uppercase; color: #e2e2e2; }

.articleFeed .articleTitle,  .articleFeed .articleTitle a {
    font-size: 16px;
    color: #002337;
    font-weight: 600;
    line-height: 20px;
    margin-bottom: 5px;
    /*color: #403f3f;*/
}


/* ==========================================================================
   Events
   ========================================================================== */
.eventsFeed .eventTitle {
    min-height: 72px;
}
.eventsFeed .eventTitle,  .eventsFeed .eventTitle a {
    font-size: 14px;
    color: #002337;
    font-weight: 600;
    line-height: 18px;
    margin-bottom: 5px;
}
.featuredeventsFeed .featuredeventTitle,  .featuredeventsFeed .featuredeventTitle a {
    font-size: 16px;
    color: #002337;
    font-weight: 600;
    line-height: 20px;
    margin-bottom: 5px;
}
.eventsFeed .eventDate { display: block; margin-bottom: 5px; font-size: 18px; font-weight: 700; color: #2EB1FF;}
.eventsFeed .eventDesc {  font-size: 15px; line-height: 22px; color: #002337; }
.eventsFeed .eventLocation a {  font-size: 15px; line-height: 22px; color: #002337; font-weight: normal;}

.featuredeventsFeed .featuredeventDate { display: block; margin-bottom: 5px; font-size: 18px; font-weight: 700; color: #2EB1FF;}
.featuredeventsFeed .featuredeventDesc {  font-size: 15px; line-height: 22px; color: #002337; }
.featuredeventsFeed .featuredeventLocation a {  font-size: 15px; line-height: 22px; color: #fff; font-weight: normal;}
.grid {
  letter-spacing: 0em;
}