/* This file will hold styles that are loaded using the same media query as the normal grid. */
/* If you are using the default media queries provided by Omega, these styles will also
 *  apply to the widescreen layout unless they are overridden by the widescreen styles. */
/* COLORS */
/* FONTS FOR THE THEME */
@font-face {
  font-family: 'robotobold';
  src: url("webfonts/Roboto-Bold-webfont.eot");
  src: url("webfonts/Roboto-Bold-webfont.eot?#iefix") format("embedded-opentype"), url("webfonts/Roboto-Bold-webfont.woff") format("woff"), url("webfonts/Roboto-Bold-webfont.ttf") format("truetype"), url("webfonts/Roboto-Bold-webfont.svg#robotobold") format("svg");
  font-weight: normal;
  font-style: normal; }
@font-face {
  font-family: 'robotoblack';
  src: url("webfonts/Roboto-Black-webfont.eot");
  src: url("webfonts/Roboto-Black-webfont.eot?#iefix") format("embedded-opentype"), url("webfonts/Roboto-Black-webfont.woff") format("woff"), url("webfonts/Roboto-Black-webfont.ttf") format("truetype"), url("webfonts/Roboto-Black-webfont.svg#robotoblack") format("svg");
  font-weight: normal;
  font-style: normal; }
@font-face {
  font-family: 'robotoregular';
  src: url("webfonts/Roboto-Regular-webfont.eot");
  src: url("webfonts/Roboto-Regular-webfont.eot?#iefix") format("embedded-opentype"), url("webfonts/Roboto-Regular-webfont.woff") format("woff"), url("webfonts/Roboto-Regular-webfont.ttf") format("truetype"), url("webfonts/Roboto-Regular-webfont.svg#robotoregular") format("svg");
  font-weight: normal;
  font-style: normal; }
@font-face {
  font-family: 'robotomedium';
  src: url("webfonts/Roboto-Medium-webfont.eot");
  src: url("webfonts/Roboto-Medium-webfont.eot?#iefix") format("embedded-opentype"), url("webfonts/Roboto-Medium-webfont.woff") format("woff"), url("webfonts/Roboto-Medium-webfont.ttf") format("truetype"), url("webfonts/Roboto-Medium-webfont.svg#robotomedium") format("svg");
  font-weight: normal;
  font-style: normal; }
.tour-stop img {
  margin: 26px 0 0 0;
  width: 100%; }

.playbutton {
  top: 60px; }

.block-search-form, .block-search, .block-menu-support-menu {
  clear: none; }

.project-site:hover h2.title {
  background: #1a5595;
  color: #fff; }

.context-tours .tsn-nav-item:hover h2.stoptitle, .context-tours-landing-page .tsn-nav-item:hover h2.stoptitle, .context-tour-stop .tsn-nav-item:hover h2.stoptitle {
  background: #f86f14;
  color: #fff; }
.context-tours .tour-stop:hover h2.stoptitle a, .context-tours-landing-page .tour-stop:hover h2.stoptitle a, .context-tour-stop .tour-stop:hover h2.stoptitle a {
  background: #fadc66;
  color: #212121; }
.context-tours .tsn-nav-item:hover .playbutton, .context-tours-landing-page .tsn-nav-item:hover .playbutton, .context-tour-stop .tsn-nav-item:hover .playbutton {
  background-position: center top; }
.context-tours .tsn-nav-item:hover .playbutton.video, .context-tours-landing-page .tsn-nav-item:hover .playbutton.video, .context-tour-stop .tsn-nav-item:hover .playbutton.video {
  background-position: center top; }
.context-tours .tsn-nav-item:hover .playbutton.audio, .context-tours-landing-page .tsn-nav-item:hover .playbutton.audio, .context-tour-stop .tsn-nav-item:hover .playbutton.audio {
  background-position: center -98px; }

.playbutton.video {
  background: url(../images/audiovideo.png) center -49px no-repeat; }
  .playbutton.video:hover {
    background-position: center top; }

.playbutton.audio {
  background: url(../images/audiovideo.png) center bottom no-repeat; }
  .playbutton.audio:hover {
    background-position: center -98px; }

/* header hero area homepage ------------------------------- */
.front .zone-header-wrapper {
  padding: 80px 0; }

/* newsletter signup */
.captcha input[type="text"] {
  width: 170px; }

/* news page */
#views-exposed-form-news-and-articles-page-hp-news {
  float: left;
  margin-left: 20px; }

.history-article {
  float: left;
  width: 30%;
  margin: 10px 0; }
  .history-article:nth-of-type(3n-1) {
    margin: 10px 3%; }
  .history-article:nth-of-type(3n+1) {
    clear: both; }

.educational-resource {
  float: left;
  width: 30%;
  margin-right: 0;
  clear: none; }
  .educational-resource:nth-of-type(2n+1) {
    clear: none; }
  .educational-resource:nth-of-type(3n-1) {
    margin: 25px 3% 0; }
  .educational-resource:nth-of-type(3n+1) {
    clear: both; }

.zone-postscript h2.block-title {
  font-size: 18px; }

/*          TIMELINE PAGE ---------------------------------
-----------------------------------------------------------
-----------------------------------------------------------*/
.timeline-era {
  height: 242px;
  padding: 40px; }
  .timeline-era h3 {
    font-size: 30px;
    bottom: 40px; }

.timeline-era-events {
  padding: 40px; }

/*# sourceMappingURL=foursitehub-alpha-default-normal.css.map */