/* This file will hold styles for all layouts using the alpha grid (i.e. not the mobile layout). */
/* This file will hold styles for all layouts using the alpha grid (i.e. not the mobile layout). */
/* 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; }
.views-row {
  clear: initial; }

h1, h1.site-name, h1 a:link, h1 a:visited, a:link h1, a:visited h1 {
  font-size: 50px;
  line-height: 1.2; }

h2.block-title {
  font-size: 24px; }

.context-tours h1, .context-tours h1.site-name, .context-tours h1 a:link, .context-tours h1 a:visited, .context-tours a:link h1, .context-tours a:visited h1, .context-tours-landing-page h1, .context-tours-landing-page h1.site-name, .context-tours-landing-page h1 a:link, .context-tours-landing-page h1 a:visited, .context-tours-landing-page a:link h1, .context-tours-landing-page a:visited h1, .context-tour-stop h1, .context-tour-stop h1.site-name, .context-tour-stop h1 a:link, .context-tour-stop h1 a:visited, .context-tour-stop a:link h1, .context-tour-stop a:visited h1 {
  font-size: 55px; }
.context-tours .block-views h2.block-title, .context-tours-landing-page .block-views h2.block-title, .context-tour-stop .block-views h2.block-title {
  margin-bottom: 55px; }
.context-tours .view-b-reactor-tour-promotion, .context-tours-landing-page .view-b-reactor-tour-promotion, .context-tour-stop .view-b-reactor-tour-promotion {
  margin: 15px 2.5%; }
.context-tours .view-grouping-content > h2, .context-tours-landing-page .view-grouping-content > h2, .context-tour-stop .view-grouping-content > h2 {
  margin-bottom: 45px;
  font-size: 40px;
  padding-left: 2.5%; }
.context-tours h1#page-title, .context-tours .view-tours-landing-page > .view-header, .context-tours #zone-postscript h2.block-title, .context-tours .file-video-youtube, .context-tours-landing-page h1#page-title, .context-tours-landing-page .view-tours-landing-page > .view-header, .context-tours-landing-page #zone-postscript h2.block-title, .context-tours-landing-page .file-video-youtube, .context-tour-stop h1#page-title, .context-tour-stop .view-tours-landing-page > .view-header, .context-tour-stop #zone-postscript h2.block-title, .context-tour-stop .file-video-youtube {
  margin-left: 0;
  padding-left: 2.5%;
  padding-right: 2.5%; }
.context-tours .view-grouping-header.group-coming-soon, .context-tours-landing-page .view-grouping-header.group-coming-soon, .context-tour-stop .view-grouping-header.group-coming-soon {
  font-size: 50px;
  padding: 20px;
  height: 95px; }
.context-tours .view-grouping-header.group-coming-soon:before, .context-tours-landing-page .view-grouping-header.group-coming-soon:before, .context-tour-stop .view-grouping-header.group-coming-soon:before {
  content: "";
  display: block;
  border: 47px solid #f86f14;
  border-left: 30px solid transparent;
  left: -30px;
  top: 0;
  border-bottom: 48px solid #f86f14;
  border-right: 30px transparent solid;
  position: absolute;
  background: transparent; }
.context-tours .view-grouping-header.group-coming-soon:after, .context-tours-landing-page .view-grouping-header.group-coming-soon:after, .context-tour-stop .view-grouping-header.group-coming-soon:after {
  content: "";
  display: block;
  border: 47px solid #f86f14;
  border-left: 30px solid transparent;
  right: -30px;
  top: 0;
  border-bottom: 48px solid #f86f14;
  border-right: 30px transparent solid;
  position: absolute;
  background: transparent; }

.page-tours:not([class*="page-tours-"]) h1#page-title {
  height: 150px; }

.view-b-reactor-tour-promotion {
  margin: 15px 0; }

#block-nice-menus-2 h2.block-title, #block-nice-menus-1 h2.block-title {
  display: none; }

#block-nice-menus-2 .content, #block-nice-menus-1 .content {
  display: block !important; }

.region-user-first .block-social-media-block, .region-footer-first .block-social-media-block {
  margin: 0; }

ul.nice-menu ul {
  position: absolute;
  width: auto; }

ul.nice-menu {
  display: block;
  width: 100%; }
  ul.nice-menu li {
    display: block;
    float: left;
    width: 20%;
    text-align: center; }
    ul.nice-menu li a {
      display: block;
      float: none;
      text-transform: uppercase;
      width: 100%;
      -moz-box-sizing: border-box;
      -webkit-box-sizing: border-box;
      box-sizing: border-box; }
      ul.nice-menu li a:hover, ul.nice-menu li a:active {
        background: #cf8800; }

ul.nice-menu-right ul {
  top: 38px;
  left: 0;
  width: 100%; }

/* header */
/* header hero area homepage ------------------------------- */
.front .zone-header-wrapper {
  padding: 60px 0;
  min-height: 400px;
  position: relative; }

.block-hp-hero {
  width: 450px; }

.front .zone-header:after {
  content: url("../images/bombstamp.png");
  width: 220px;
  height: 220px;
  right: 20px;
  position: absolute;
  bottom: 20px;
  visibility: visible; }

/* homepage newsletter signup ----------------------------- */
.block-constant-contact-1 {
  margin-top: 0; }

/* homepage news view -----------------------------------*/
.hp-news-wrapper a {
  display: block; }

/* homepage veterans view -------------------------------*/
.hp-profile-wrapper {
  width: 30%;
  margin: 0 3% 30px 0;
  float: left; }

/* ------------------------------History Page ------------------*/
.views-exposed-widget.views-submit-button {
  clear: none; }

/*          TIMELINE PAGE ---------------------------------
-----------------------------------------------------------
-----------------------------------------------------------*/
.timeline-era {
  height: 202px; }
  .timeline-era h3 {
    font-size: 24px; }

.timeline-event-text {
  margin-left: 240px !important;
  clear: none;
  background: url("../images/bluebar.gif") left 20px no-repeat; }

.timeline-event-image {
  border-left: 0 none transparent;
  border-right: 3px solid #1a5595;
  float: left;
  width: 240px;
  margin-left: 0;
  padding-left: 0;
  background: none transparent; }
  .timeline-event-image img {
    float: right; }

/* ---- Profiles --------------------------------------------------------------------------------*/
.node-type-profile .job_title, .node-type-profile .primary_location, .node-type-profile .dob {
  font-size: 24px; }
.node-type-profile .secondary_location {
  font-size: 18px; }

.related-profile-wrapper {
  width: 18%;
  margin-right: 2%; }

#views-exposed-form-profiles-landing-page-page-profiles {
  width: 650px;
  margin: 0 auto; }

.view-profiles-landing-page table td {
  padding: 0;
  vertical-align: top;
  width: 19%;
  display: inline-block;
  box-sizing: border-box; }

/* Tour stops ---------------------------------------------------------------*/
.stopvideo, .tour-stop, .project-site {
  float: left;
  clear: none;
  width: 50%;
  padding-right: 2.5%;
  padding-left: 2.5%;
  margin-right: 0;
  box-sizing: border-box;
  margin-bottom: 55px; }

.tour-stop {
  margin-bottom: 30px; }

.project-site:nth-of-type(2n+1) {
  clear: both; }

.view-b-reactor-tour .view-header h2 {
  padding-left: 2.5%; }

.tsn-nav-item {
  max-width: 20%;
  margin-right: 5%;
  padding-right: 0; }
  .tsn-nav-item h2.stoptitle {
    font-size: 18px; }
  .tsn-nav-item:nth-of-type(2n+1) {
    clear: none; }
  .tsn-nav-item:nth-of-type(4n+1) {
    clear: both; }

.playbutton {
  top: 40px; }

.block-contact-information {
  float: left; }

.block-social-media-block {
  float: right;
  clear: right; }

.zone-footer-wrapper .zone-footer > div {
  margin-left: auto;
  margin-right: auto; }

.slides div.jp-audio div.jp-type-single div.jp-progress {
  width: 70%;
  left: 15%; }
.slides div.jp-audio div.jp-volume-bar {
  top: 60px;
  left: 15%; }
.slides div.jp-audio a.jp-play, .slides div.jp-audio a.jp-pause {
  right: 87%; }

input[value="Read Transcript"], input[value="Read Transcript"]:hover {
  padding-right: 40px;
  float: right;
  margin-top: 0; }

.block-search-form, .block-search, .region-postscript-fourth .block-menu-support-menu, .block-search, .block-menu-support-menu {
  float: right; }

/* footer ---------------- */
.zone-postscript h2.block-title {
  font-size: 16px; }

.block-site-name {
  float: left; }

#zone-footer-menu, #region-footer-menu {
  width: 100%;
  margin: 0px auto 10px; }

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

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

/* Project Sites section ------------------------------------------------------------------------
-------------------------------------------------------------------------------------------------
-------------------------------------------------------------------------------------------------*/
.ps-wrapper .ps-media .file-video-youtube {
  padding: 0;
  margin: 10px 0 0 0; }

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