/**
 * @file ie8.css
 *
 * IE8-specific CSS
 */

@import '../variables.less';
@import '../core-mixins.less';
@import '../site-mixins.less';
@import '../grid.less';


/*
 * $HEADER
 */
.site-header-top {
    /* IE8 does not support rgba
    border-bottom: 1px solid fadeout(@colorWhite, 90%); */
    border-bottom: none;
}
.oxweb-secondary-menu-block {
  /* top level link styles */
  h2.title,
  ul li,
  ul li.expanded {
    /* IE8 does not support rgba
    border-right: 1px solid fadeout(@colorWhite, 93%); */
    border-right: 1px solid #123053;
  }
}
.oxweb-primary-menu-block,
.oxweb-secondary-menu-block {
  ul li.expanded ul li.last a,
  ul li.expanded ul li a {
    /* IE8 does not support rgba
    border-bottom: 1px solid fadeout(@colorWhite, 90%); */
    border-bottom: 0;
    border-top: 1px solid #1a4d59;
    width: 100%;
    overflow: hidden;
  }
  ul li.expanded ul li.first a {
    border-top: 0;
  }
}

/* Sticky header */
#page-header-row.sticky-header-collapsed {
  .site-header-bottom .oxweb-secondary-menu-block {
    ul li,
    ul li.expanded {
      vertical-align: middle;
      a {
        height: 30px;
      }
    }
    ul li.expanded ul a {
      height: auto;
      padding-bottom: 0.75em;
    }
  }
}

/*
 * $HEADER & FOOTER
 */



header.page-header {
  max-width: 1600px;
  min-width: 1265px;
}

footer.page-footer {
  max-width: 1600px;
  min-width: 1265px;
  margin: 0 auto;
}

section.page-level.page-content {
  max-width: 1600px;
  min-width: 1265px;
  margin: 0 auto;
}

.logo {
  float: left;
  width: 111px;
  margin-right: -100%;
  position: relative;
  z-index: 2;
  a.square {
    width: 111px;
    height: 111px;
    display: block;
    // gif for IE8
    background: url('../../images/oxweb-logo.gif') no-repeat center center;
  }

}

.block-oxweb-search {
  width: 167px;
  min-width: none;
}
.site-header-top {
  a.main-menu-item:hover {
    background-color: @colorBlack;
  }
  a.main-menu-item.menu-open:hover {
    background-color: @colorTertiary;
  }
}

.site-header-top,
.site-header-bottom {
  ul li.expanded {
    ul {
      border: 1px solid @colorTertiary;
      li {
        a {
          display: block;
          border: none;
          margin: 0;
          padding-left: 0.62em;
          padding-right: 0.62em;
          overflow: hidden;
          .border-box();
        }
        &.last a {
          border-top: none;
        }
      }
    }
  }
}


.site-header-bottom ul li.last ul {
  width: 217px;
}


.oxweb-academic-divisions .flyout-menu {
  left: 152px;
}

/*
 * $FOOTER
 */

.page-footer a {
  color: #bfc7d0;
}

/*
 * $FORMS
 */

form input[type=text],
form select,
form textarea {
  border: 1px solid @colorLightGrey;
  background-color: @colorWhite;
}

/*
 * $HOME MAIN CAROUSEL
 */

body.node-type-oxweb-homepage .field-name-field-main-carousel,
body.node-type-oxweb-homepage .field-name-field-main-carousel .field-items {
  height: 420px;
  .clearfix();
}

body.node-type-oxweb-homepage .group-main-carousel .field-name-main-carousel-pagers .carousel-next-btn {
  width: 80px;
}

body.node-type-oxweb-homepage .group-discover-carousel .carousel-next-btn {
  width: 110px;
}



/*
 * $HOME DISCOVER CAROUSEL
 */
body.node-type-oxweb-homepage .group-discover-carousel .carousel-next-btn {
  background: url('../../images/discover-shadow.png') no-repeat 0px 0px;
}


body.node-type-oxweb-homepage .group-discover-carousel .field-item .node-video-highlight a .field-name-field-video,
body.node-type-oxweb-homepage .group-discover-carousel .field-item .discover-link-type-video a .field-name-field-image-highlight {
  background: url("../../images/play.png") no-repeat 52% 50%;
  position: relative;
  width: 100%;
  height: 100%;
  display: block;
}



/*
 * $SEARCH BOX & SEARCH AREA
 */
.block-oxweb-search input[type=text] {
  min-width: 0;
  line-height: 1.8em;
}

body.page-gsearch {
  #contactsearchcontainer .initial-container {
    input {
      width: 75px;
    }
  }
  .contact-search.block-block-47 {
    input[type=submit] {
      display: block;
    }
  }
}

/*
 * $PHOTO INFO
 */
.view-mode-ow_large_feature .group-description-wrapper,
.view-mode-ow_medium_feature .group-description-wrapper,
.media-image-wrapper .group-description-inline-wrapper {
  background: @colorBlack;
  max-width: none;
}

/*
 * $NEWS SIDEBAR LISTING
 */
.node.view-mode-ow_listing_item img {
  max-width: none;
  width: 90px;
}

/*
 * $LISTING SEARCHBARS
 */
.event-listing,
.view-oxweb-blog {
  .form-item-start-value-date,
  .form-item-end-value-date,
  .views-widget-filter-field_event_date_value2 {
    width: 195px;
  }
  select {
    padding-top: 0.4em;
    padding-bottom: 0.35em;
  }
}

.page-news-arts-blog .main-content .view-filters #edit-search,
.page-news-science-blog .main-content .view-filters #edit-search {
  width: 200px;
  input {
    width: 180px;
  }
}

/*
 * $REMOVE :BEFORE ICONS
 */

.node-video-highlight a .field-name-field-video,
.discover-link-type-video a .field-name-field-image-highlight,
.discover-link-type-audio a .field-name-field-image-highlight,
.discover-link-type-itunes a .field-name-field-image-highlight {
  &:before {
    background-image: none !important;
  }
}

/*
 *
 */

.block-finder-undergraduate-search-results {
  .clearfix();
  #finder-form-undergraduate-search-results {
    width: 60%;
    float: left;
    input[type=text] {
      padding: 12px;
    }
  }
}

/*
 * IE8 workaround for not supporting nth-child(3n+4)
 * Assuming that no more than 9 section indexes will be used
 */
.node-type-section-index {
  .field-name-field-section-highlights {
    & > .field-items {
      & > .field-item:first-child + .field-item + .field-item + .field-item,
      & > .field-item:first-child + .field-item + .field-item + .field-item + .field-item + .field-item + .field-item {
        clear: left;
      }
    }
  }
}

/*
 * IE8 tweak to position background image on PAD page due to no sticky header
 */
.node-type-gateway-pad {
  .page-content-level {
    background-position: center top;
  }
}

/*
 * RESEARCH STORIES WIDTH TWEAK (avoiding use of calc)
 */
.research-stories-item {
  width: 20%;
}