/* Materials
 * responsive.custom.css is for custom media queries that are not set via the
 * theme settings, such as cascading media queries.
 *
 * By default all the other responsive stylesheets used in Adaptivetheme use a
 * "stacking method", however cascading media queries use a waterfall method so
 * you can leverage the cascade and inheritance for all browsers that support
 * media queries.
 *
 * @SEE http://zomigi.com/blog/essential-considerations-for-crafting-quality-media-queries/#mq-overlap-stack
 *
 * NOTE: this file loads by default, to disable go to your theme settings and
 * look under the "CSS" settings tab.
 */

/*
 * Really small screens and up
 */
/* @media only screen and (min-width: 220px) {} */

/*
 * Smalltouch sizes and up
 */
/* @media only screen and (min-width: 320px) {} */

/*
 * Smalltouch sizes and down
 */
@media only screen and (max-width: 480px) {
  /* 
   * Float Region Blocks - custom media query CSS example:
   * 
   * Float regions blocks is an Extension you can enable in the appearance
   * settings for your theme. This feature allows you to automatically float
   * blocks in regions, you can switch it on and off depending on your
   * requirements. For design purposes you many want to remove the floats for
   * devices where the entire theme is just one column - for example small
   * mobile phones. The following CSS is inside the custom media query:
   *
   *   @media only screen and (max-width: 480px){}
   *
   * This will target devices with a maximum width of 480px - most small phones.
   * In these smaller screen sizes we can remove the float and widths so all
   * blocks stack instead of displaying horizonally. The selector used is an
   * "attribute selector" which will match on any float block class. Use your
   * inspector or Firebug to get the classes from the page output if you need
   * more granular control over block alignment and stacking.
   */
  .region[class*="float-blocks"] .block {
    float: none;
    width: 100%;
  }
  
.page-people-directory td.views-field-field-titles--departments,
  .page-people-directory th.views-field-field-titles--departments, 
  .page-people-directory td.views-field-field-people-office-1,
  .page-people-directory th.views-field-field-people-office-1 {
	  display: none;
  }
  
  /*.page-people .item-list ul {
	  margin: 0 25% 0.75em;
  }*/
  .page-people .view-people ul li {
	  width: auto;
	  margin: 0 0 25px 25%;
  }
    
}

/*
 * Tablet sizes and up
 */
/* @media only screen and (min-width: 768px) {} */

/*
 * Desktops/laptops and up
 */
/* @media only screen and (min-width: 1025px) {} */

/*
* Tablet Landscape and down
*/

@media only screen and (max-width:1024px) {
  body {
    font-size:70%;
  }
  .front #header-wrapper {
    top:50px;
  }

  .not-front #header-wrapper {
    height: 220px;
  }

/* oog changes 2017 */
  #logo img {
    width:100%;
    height:auto;
  }

  #branding {
    height:70px;
    top: 0;
  }
   #block-superfish-2 ul,
   #block-superfish-2 ul li {
    height:70px;
  }

  #block-superfish-2 ul li a:link,
  #block-superfish-2 ul li a:visited {
    line-height: 70px;

  }

  .view-people div.views-field-title,
  .view-people div.views-field-field-people-title1,
  .view-people div.views-field-field-people-email {
    float: left;
    width: 100%;
  }
  .form-item input[type="text"] {
      width: 120px;
  }
  .events-col-right {
    width:50%;
  }
  .view-events.view-display-id-page .views-field-field-event-date-1 {
    margin-right:22px;
  }
  .views-field-col-right {
    width: 40%;
  }
  .view-events.view-display-id-page .views-row {
    padding-bottom:44px;
  }
}

/*
* Tablet Portrait and down
*/
@media only screen and (max-width:768px) {
  body {
    font-size: 80%;
  }
  .front #page-wrapper {
    margin: 0;
  }
  #full-width {
    width: 100%;
    max-height: 600px;
    min-height: 300px;
    position: relative;
  }
  #leaderboard-wrapper {
    background: none;
    position: fixed;
    z-index: 102;
    top:8px;
    right:50px;
    height:42px;
    width:180px;
  }
  #leaderboard-wrapper .container {
    background: none;
  }
  
 #leaderboard-wrapper .block-search {
    margin:14px 0;
  }
  
  
  .region-leaderboard .search-form input.form-text {
    width:120px;
	color: #0094d8;
  }
  
  .region-leaderboard .search-form input.form-text {
	  background: #fff;
  }
  
  .mean-container a.meanmenu-reveal span {
	  background: #f2d306;
  }
  
  .front #header-wrapper, #branding {
    display: none;
    
  }
  .not-front #header-wrapper, .front #header-wrapper  {
    height: 180px;
  }
  .front #content-wrapper {
    margin-bottom: 0;
  }
  .not-front #content-wrapper {
    padding-top:22px;
  }
  .front #tertiary-content-wrapper {
    margin-top: 0;
  }
  .front #tertiary-wrapper2,
  #footer-wrapper .at-panel {
    padding-top: 20px;
  }
  #footer-wrapper {
    height: auto;
    text-align: center;
  }
  
    #footer-wrapper .block-block{
   width: 100%;
  }
  
  /*#block-block-18 ul {/*social icons	  width: auto;
	  margin: auto;

  }

  
#block-block-18 ul li {
	float: left;
	margin: 0 10px;
}*/
  
  #footer-wrapper .at-panel {
    padding-bottom: 40px;
  }
  
  #block-block-2,
  #block-superfish-1 {
    display: none;
  }
  .mean-container .mean-bar {
    position: fixed;
    top: 0;
    border-top: 8px solid #f2d306;
    background: url("../images/transp-white-logo.png") repeat;
    z-index: 100;
    line-height: 28px;
  }
  .mean-nav .block-inner {
    margin: 0;
  }
  .mean-container .mean-nav ul li a.mean-expand,
  .mean-container .mean-nav ul li a.mean-expand:hover {
    background: none;
    border: none !important;
  }
  .mean-container .mean-nav ul li a.mean-expand:hover {
    color: #ffd200;
  }
  
  /*#leaderboard-wrapper .block {
	  margin: 0;
  }*/
  
  #block-block-15 /* Mobile Site Logo */ {
    position: fixed;
    top: 8px;
    left:0;
    z-index: 101;
    display: block;
    margin: 0;
    width: 30%;
    min-width: 163px;
    padding: 0;
    height: auto;
    background: none;
  }
  #block-superfish-2 {
    display: none;
  }
  .flexslider .flex-direction-nav a {
    display: block;
  }
  
  #block-views-homepage-slideshow-block .slide-title-wrapper {
	  width: 100%;
	  right: auto;
	  bottom: 30px;
  }
  
  #block-views-homepage-slideshow-block .flexslider .slides a {
    text-align: center;
    margin: 0 auto;
    float: none;
  }
  /*#block-block-13 ul {
    text-align: center;
  }*/
  .region-sidebar-first .block-menu-block ul.menu {
    margin: 0;
  }
  
  /* Slide Images */
  #block-views-homepage-slideshow-block .flexslider img {
    min-height: 303px;
    min-width: 750px;
  }
  .view-people div.views-field-title,
  .view-people div.views-field-field-people-title1,
  .view-people div.views-field-field-people-email {
    float: left;
    width: 100%;
  }
  #block-views-events-block {
    width: 100%;
    z-index: 1;
  }
  
  /* homepage announcements */
  #block-views-news-block-1,
  #block-block-12 {
    position: relative;
    margin-top: 15px;
  }
  #block-views-spotlights-block .view-content .views-row {
  }
  
  
  .block-spotlights-block .block-title {
    text-align: center;
  }
  .field-name-field-right-box .field-item {
    clear: both;
    float: left;
    margin: 0 auto 15px;
    padding: 20px;
    width: 90%;
  }
  .field-name-field-right-image {
    text-align: center;
    float: none;
    margin: 0 0 10px 0;
  }
  .field-name-field-right-button-s {
    clear: both;
    float: none;
    width: 320px;
    margin: 0 auto;
  }
  .form-item input[type="text"] {
    width: 160px;
  }
  .people-col-right,
  .people-col-left,
  .events-col-right,
  .events-col-left {
    float:left;
    width:100%;
    padding-left:0;
    margin:0;
  }

  .region-sidebar-first, .region-sidebar-second {
    margin-top:0;
  }
  .region-sidebar-first .block-menu-block ul.menu {
    border-right:none;
  }
  .article img,
  .view-events img,
  .view-news img {
    display: block;
    text-align: center;
    margin: 0 auto 22px;
  }
  .view-empty {
    padding:0;
  }
  
  .node-content .col-3 img {
	height:auto!important;
}

}
@media only screen and (max-width:769px) {
.not-front #block-block-16 {
  display:none;
}


} 
/*
* Smartphone Landscape and down
*/
@media only screen and (max-width:580px) {
  h1, h2 {
    text-align: center;
  }


.view-events.view-display-id-page .views-field-field-event-image {
    margin: 0;
    width: 100%;
    float: none;
    clear: both;
  }
  
  
#block-views-spotlights-block {
	width: 100%;
}

  #block-views-spotlights-block img{
	  width: 100%;
  }

/*#block-views-spotlights-block-1 .view-content .views-row:first-child {
	margin-left: 2%;
}*/

#block-views-spotlights-block .view-content .views-row {
	  width: 100%;
	  padding: 0;
	  margin-bottom: 20px;
	  /*margin-left: 2%;*/
  }
  
    /*.views-field-col-right,
  .views-field-col-left {
    float:left;
    width:100%;
    padding-left:0;
    margin:0;
  }
  #block-views-spotlights-block .view-content .views-row {
    width:100%;
    float: none;
    overflow: hidden;
    margin: 0px auto 32px;
  }
  
    #block-views-spotlights-block-2 {
	  width: 100%;
  }
  
    #block-views-spotlights-block-2 img{
	  width: 100%;
  }

  
  #block-views-spotlights-block .view-content .views-row .field-content {
    position: relative;
    max-width:240px;
    margin: 0px auto;
  }
  #block-views-spotlights-block .view-content .views-row img,
  #block-views-spotlights-block .view-content .views-row a {
    display: block;
    text-align: center;
    margin:0 auto;
  }*/
  .col-2 {
    width: 100%;
    margin: 0;
    text-align: center;
  }
  .col-2 img {
    margin: 0 auto;
  }
  .views-field-news-list {
    padding:0;
  }
  .view-news .views-field {
    clear: both;
  }
  .view-news.view-display-id-page .views-field-field-news-date-2 {
    padding: 0 0 8px 12px;
    font-size: 1.3em;
    background-position: 0 -24px;
  }
  
  body.front .view-spotlights .more-link {
	  float: right;
	  margin-top: 10px;
  }
  
  a.views-more-link {
    display: block;
    float:right;
    margin-top:12px;
  }
  
  .front #three-33-tertiary-content-wrapper {
	  margin-top: -20px;
}

.front #three-33-tertiary-wrapper2 {
	padding-top: 30px;
}

.two-50 a.button-promo:link, a.button-promo:visited {
	margin: 0;
	width: auto;
}

.front .two-50 img {
	margin: 0 0 15px 0!important;
	width: 100%!important;
	height: auto!important;
}

.node-content .col-3 img {
	height:auto!important;
}


}

@media only screen and (min-width:769px) and (max-width:1024px) { /* oog add 3/6 */
  .not-front #header-wrapper header {
    position: fixed;
    width: 100%;
    top: 4.4em;
}
.region-header {
    width: 71.5%;
    min-width: 528px;
    float: right;
}
}
@media only screen and (min-width:2003px) {
.not-front #header-wrapper header {
    width: 76%;
}

}