html {
    font-size: 14px;
}

/* This file will hold styles that are loaded using the same media query as the narrow grid. */
/* If you are using the default media queries provided by Omega, these styles will also
 *  apply to the normal and widescreen layouts. You may override these styles in the normal 
 *  and widescreen CSS files as appropriate. */

/*********BRANDING ZONE********/

.tih-container {
  /*width: 70%;*/
}
/***** MAIN MENU *****/

#region-main-menu .sb-search {
  border: 0;
  border-radius: 5px 0 0 5px;
}

#region-main-menu #search_bar #edit-search-block-form--2 {
  box-shadow: 0 0 0 0;
  top: 0;
}

#region-main-menu span.sb-icon-search:hover {
  background-color: #3286AE;  
}

/**********TITLE ZONE************/

#breadcrumb {
  display: block;
  padding: 0.75rem 0 0;
}
#page-title, .utility #page-title {
  font-size: 2.75rem;
  line-height: 1em;
}

h2.title-date {
  font-size: 2.25em;
}

h1#page-title span {
  padding: 0.5rem 1.5rem;
}
h1#page-title .svg-arrow-full-next, h1#page-title .svg-arrow-full-prev {
  margin-top: 1rem;
}
.page-timeline h1#page-title {
  height: 3rem;
}
.page-timeline h1#page-title span {
  float: left;
  padding: 0.5rem 1.5rem;
  font-size: 2.75rem;
}
.context-war .fww_logo, .context-map .fww_logo, .media_gallery .fww_logo {
    width: 4.75rem;
}


/******* CONTENT SECTION ******/
@media all and (max-width: 880px) {
    .page-taxonomy-term #zone-content-wrapper {
      max-width: 58.75rem;
      margin: 0 auto;
      width: 90%;
    }
}
.page-timeline #block-system-main:after, .node-timeline .field-name-body:after {
  width: 70%;
}

.node-type-image #region-content .field-type-image {
  text-align: center;
}

/*******Sidebar region******/

#block-cck-blocks-taxonomy-tags, .keywords_pane,
.view-keywords-for-article-gallery .views-row {
  width: auto;
}


/*********CONTENT ZONE***********/

@media all and (min-width: 480px) and (max-width: 540px) {
  #map, .flowplayer {
    width: 378px;
    height: 320px;
  }
}

.page object {
  max-width: 760px;
}

/*****RELATED CONTENT SECTION*****/

@media all and (min-width: 400px) {
  #timeline a {
    width: 100%;
  }
  
  #region-related-content .view-display-id-block .item-list ul li, #region-related-content .view-display-id-block_1 .item-list ul li, #region-related-content .view-display-id-block_2 .item-list ul li {
    width: 32%;
    margin-bottom: 1rem;  
  }
  
  .related-classroom .thumb h5, .view-related-content .thumb h5 {
    width: 5.5rem;
  }
}

@media all and (min-width: 400px) and (max-width: 700px) {
  #timeline a {
    width: 42%;
  }
    
  #region-related-content .view-display-id-block .item-list ul li {
    width: 30%;
  }
  #region-related-content .view-display-id-block_1 .item-list ul li, #region-related-content .view-display-id-block_2 .item-list ul li {
    width: 35%;
  }
}

@media all and (min-width: 400px) and (max-width: 520px) {
  #timeline a {
    width: 46%;
  }
  #region-related-content .view-display-id-block_1 .item-list ul li, #region-related-content .view-display-id-block_2 .item-list ul li {
    width: 40%;
  }  
}


/**** SEACRH FORM ON SEARCH RESULTS PAGE ****/

.page-search #search_right_block {
  max-width: 50em;
}

.page-search .search-form { 
  max-width: 40em;
}





/********* FWW AND SITE HOME PAGES *******/
.home-slideshow-text h4 {
  display: none;
}
/*.page-taxonomy-term-215 h1#page-title {
  right: 1.5rem;
  top: 3.95rem;
  font-size: 1.25rem;
  line-height: 2em;
}*/
.page-taxonomy-term-215 .fww_logo {
    width: 4rem;
}
.views-slideshow-pager-field-item {
    font-size: 0.75rem;
}
.front .intro h2 {
    font-size: 1.75rem;
}
.view-facts h2 {
    font-size: 1.5rem;
    width: 100%;
}