/*
 * 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.
   */
  #header {padding:0 10px}
  .region[class*="float-blocks"] .block {
    float: none;
    width: 100%;
  }
  .workWrapper .ic,
  .workWrapper.Exp .ic {float: none !important; display:block; width: auto !important;}
  .workWrapper .dd,
  .workWrapper.Exp .dd {margin-left:0 !important;}
  #block-block-19 {display:block; clear:none;}
  #block-block-19 .block-inner {margin-left:0;}
  #branding {margin:0;} 
  #header #block-search-form {display:none; position: absolute; right: 0px; top: 56px; z-index: 10; width:100%;}
  #header #block-search-form .block-inner {background: #005675; margin:0; padding:10px;}
  #header #block-search-form .block-content {background:#fff; border:0; width:175px; margin:0 auto;}
  #aboutVideo {float:none !important; margin-left:10px !important;}
  #aboutVideo .block-inner {margin-right:30px;}
  #careersHeader .block-content, #block-block-15 {max-width: 92% !important;}
  #homeSlider .views-field-body .slideBody {display:none;}
  .expRegion > .inside.our-work .field-type-link-field {top:-2px; right:1px;}
  .group-pr-image .field-name-field-primary-image-desc {font-size:11px !important; padding:5px;}
  .flexslider .views-field-body .slideTitle {max-height: 123px !important;}
  body.node-type-news-item .field-name-field-image {display:block; float:none; margin-left:0; max-width:274px;}
}
@media only screen and (max-width: 527px) {
  #homeImproving ul li span.iWrap { padding-top:20px; height:51px !important;}
  #homeImproving ul li a span {line-height: 22px !important; font-size: 18px !important;}
}
@media only screen and (max-width: 543px) {
  .field-name-field-top-decorative-image,
  .field-name-field-middle-decorative-image,
  .field-name-field-bottom-decorative-image {display:none;}
  .expertise-work .panels-flexible-column-67-9,
  .expertise-work .panels-flexible-column-67-25,
  .expMain div.panels-flexible-region-67-r3_ {width:100%;}
  .expertise-work .expRegion > .inside {margin-right:10px;}
  .expColMiddle .expRegion > .inside {margin-left:0;}
}
@media only screen and (min-width: 481px) {
  #header #block-search-form {display:block !important;}
}
@media only screen and (min-width: 481px) and (max-width: 575px) {
  .group-pr-image .field-name-field-primary-image-desc {font-size:15px !important; padding-top:10px;}
}
@media only screen and (min-width: 576px) and (max-width: 860px) {
  .group-pr-image .field-name-field-primary-image-desc {font-size:17px !important; padding-top:10px;}
}
@media only screen and (min-width: 481px) and (max-width: 768px) {
  body {font-size: 100%;}
  #aboutVideo {float:none !important; margin-left:10px !important}
  .workWrapper .ic {float: left; width: 20% !important;}
  .workWrapper.Exp .ic {float: left; width: 13% !important;}
  .workWrapper .dd {margin-left:22% !important;}
  .workWrapper.Exp .dd {margin-left:16% !important;}
  #homeSlider .views-field-body .slideBody {font-size:13px;}
}
@media only screen and (max-width: 768px) {
  /*.view-westat-office-locations .views-row {width:auto; float:none; display:block; height:auto; margin-bottom:40px;}*/
  div#content-column, div.content-inner, .sidebar-first div.content-inner,
  .sidebar-second div.content-inner, .two-sidebars div.content-inner,
  div.sidebar, .sidebar-first div.sidebar, .sidebar-second div.sidebar,
  .two-sidebars div.sidebar, div.region .block {
    float: none;
    clear: both;
    display: block;
    width: 100%;
    margin-left: 0;
    margin-right: 0;
  }
  #careersHeader .block-content, #block-block-15 {max-width:95%;}
  body.mostPages #page-title {margin-left:0;}
  #mostPages .region-two-33-66-second, .expertise-work .customRightSide {width:100%;}
  #block-menu-block-1, #block-menu-menu-projects-menu, .expertise-work .customLeftNav {display:none;}
  #block-menu-block-2,
  #block-menu-menu-clone-projects-menu {display:block;}
  #mostPages .region-two-33-66-first .region-inner {min-height:100px !important;}
  #mostPages .region-two-33-66-first, body.sidebar-first .region-sidebar-first {margin-top:0; display:none;}
  .region-highlighted .region-inner {background:#f7f7f7;}
  body {padding-top:0;}
  #header {border-bottom: 4px solid #F19202;}
  #header .block {width:auto;}
  #block-system-user-menu, #block-block-7 {display:none;}
  #block-search-form {margin-top:10px; clear:none;}
  #block-search-form .at-menu-toggle-button {display:none;}
  #header #block-search-form .block-content .form-text {border:0; height:28px; line-height:28px;}
  #header #block-search-form .block-content .form-submit {margin:1px; width: 26px; height: 28px; text-indent: -9999px; border: 0; background-color:none; background:url(../images/searchMob.png) no-repeat;}
  #primary-menu-bar {display:none;}
  #block-menu-menu-toggle-menu {display:block; float:right; clear:none;}
  #block-menu-menu-toggle-menu .block-inner {margin:0;}
  #block-menu-menu-toggle-menu .at-menu-toggle-button {border:0;}
  #block-menu-menu-toggle-menu .at-menu-toggle-button a {margin-top:10px; display:block; width:43px; height:36px; text-indent:-9999px; background:url(../images/toggleButton.png) no-repeat;}
  #block-menu-menu-toggle-menu .menu-toggle {width: 100%; position: absolute; z-index: 100; left: 0px; top: 66px; background: #007B9A url(../images/leftNavBg.png) repeat-x; box-shadow: 0 2px 2px #005675;}
  #block-menu-menu-toggle-menu .menu-toggle a {color:#fff; height:30px; line-height:30px;}
  #block-menu-menu-toggle-menu .menu {text-align:center;}
  #block-menu-menu-toggle-menu .menu li {margin:0; padding:0;}
  #block-menu-menu-toggle-menu .menu a:hover, #block-menu-menu-toggle-menu .menu a.active, #block-menu-menu-toggle-menu .menu a.active-trail {background: #005675; text-decoration: none;}
  
  #breadcrumb {display:none;}
  #columns {top: 0;}
  
  #homeSlider .views-field-body {width: auto; float: none;}
  #homeSlider .views-field-field-featured-image {width: auto; float: none;}
  
  .flexslider .views-field-body .field-content {height:140px; padding: 20px 40px 20px 40px;}
  .flexslider .views-field-body .slideTitle {line-height:32px; max-height:100px; font-size:28px; font-weight:normal;}
  .flex-direction-nav a.flex-next,
  .flex-direction-nav a.flex-prev {top:80px;}
  .flex-control-nav {width: auto; top: -250px; bottom:0;}
  .flex-control-nav li a {background: #fff;}
  .flexslider {margin-bottom:20px;}
  
  .region-sidebar-first {width: 100% !important;}
  #mostPages #leftNav .block-inner, body.not-front .region-sidebar-first .block-inner {min-height:100px !important; padding-bottom:20px !important;}
  body.front .region-three-25-25-50-first .region-inner {padding-right:0; padding-left:0;}
  body.front .region-three-25-25-50-second .region-inner,
  body.front .region-three-25-25-50-third .region-inner {/*padding-left:10px; */padding-right:0;}
  body.front .region-three-25-25-50-second .region-inner .block-title,
  body.front .region-three-25-25-50-third .region-inner .block-title,
  body.front .region-three-25-25-50-second .region-inner .block-content,
  body.front .region-three-25-25-50-third .region-inner .block-content {padding:0 10px}
  #footer .footerIdLeft,
  #footer .footerIdRight {width:100%; float:none; display:block; text-align:left;}
  
  /*#homeImproving {margin-top:-50px;}*/
  #homeImproving .block-content {padding:0 15px 30px 10px; background: url(../images/slideContentShadow.png) left bottom repeat-x;}
  #homeImproving p {display:none;}
  #homeImproving .block-title {margin:0 10px 20px; line-height: 40px;}
  #homeImproving ul {margin:0;}
  #homeImproving ul li {position:relative; display:block; width:100%; margin:0; padding:5px 0; height:auto; clear:both; text-align:left;}
  #homeImproving ul li div {position: absolute; top:0; left: 100px; border-left: 2px solid #fff; padding-left: 10px;}
  #homeImproving ul:after, #homeImproving ul li:after, #homeImproving ul li a:after, #homeImproving ul li a:before {content: ""; display: table; clear: both;}
  #homeImproving ul li a {display:block; min-height:54px; padding:0; border-radius:0; margin:0; background-position: 10px 50% !important; position:relative;}
  #homeImproving ul li a span.iWrap {margin-left: 90px; display: block; height: 74px; border-left: 2px solid #fff; padding-left: 20px; line-height: 74px;}
  #homeImproving ul li a span span {/*display:inline-block; height:74px; line-height:74px;*/ font-size:21px;}
  #homeImproving ul li a > span.first {margin-left: 30px; border-left: 2px solid #fff; padding-left: 20px;}
  #homeImproving .dataCol a {margin-left:0;}
  #homeImproving .comSoc a {margin-right:0;}
  #homeImproving ul li img {float:left; display:block; padding:10px 0;}

    #homeImproving .dataCol a:hover {color:#3e3e3e; background:#e8e8e8 url(../images/HmSM_Icon1_Over.png) 10px 50% no-repeat; border-bottom:0;}
    #homeImproving .dataCol a {background:#f5f5f5 url(../images/HmSM_Icon1.png) 10px 50% no-repeat; border-bottom:0;}
    #homeImproving .clTrials a:hover {color:#3e3e3e; background:#e8e8e8 url(../images/HmSM_Icon2_Over.png) 10px 50% no-repeat; border-bottom:0;}
    #homeImproving .clTrials a {background:#f5f5f5 url(../images/HmSM_Icon2.png) 10px 50% no-repeat; border-bottom:0;}
    #homeImproving .statRes a:hover {color:#3e3e3e; background:#e8e8e8 url(../images/HmSM_Icon3_Over.png) 10px 50% no-repeat; border-bottom:0;}
    #homeImproving .statRes a {background:#f5f5f5 url(../images/HmSM_Icon3.png) 10px 50% no-repeat; border-bottom:0;}
    #homeImproving .eval a:hover {color:#3e3e3e; background:#e8e8e8 url(../images/HmSM_Icon4_Over.png) 10px 50% no-repeat; border-bottom:0;}
    #homeImproving .eval a {background:#f5f5f5 url(../images/HmSM_Icon4.png) 10px 50% no-repeat; border-bottom:0;}
    #homeImproving .comSoc a {color:#3e3e3e; background:#e8e8e8 url(../images/HmSM_Icon5.png) 10px 50% no-repeat; border-bottom:0;}
    #homeImproving .comSoc a:hover {background:#f5f5f5 url(../images/HmSM_Icon5_Over.png) 10px 50% no-repeat; border-bottom:0;}
    
    
    body.front .region-three-25-50-25-first .region-inner {padding-left: 0px;}
    body.front .region-three-25-50-25-third .region-inner {padding-right: 0;}
  
  .workWrapper .workMiddle {background:none;}
  .workWrapper .workMiddle .workSocial {display:block; width:auto; clear:both; float:none; height:auto !important; margin-bottom:20px;}
  /*.workWrapper .workMiddle .workSocial .inner {border:0; padding-left:150px;}
  .workWrapper.Exp .workMiddle .workSocial .inner {border:0; padding-left:116px;}*/
  .workWrapper .workMiddle .workSocial a.ic {position: relative; top: 0; left: 0; bottom: auto;}
  .workWrapper .workSocial a.ic,
  .workWrapper.Exp .workSocial a.ic {text-align:left;}
  .workWrapper .workSocial .ic img,
  .workWrapper.Exp .workSocial .ic img {width:auto;}
  
  .workWrapper .workMiddle .workMiddleRight {display:block; width:auto; clear:both; float:none; height:auto !important;}
  .workWrapper .workMiddle .workMiddleRight .inner {border:0;}
  .workWrapper.Exp .workTransp .inner {border-top: 3px solid #32943A; border-bottom: 5px solid #32943A;}
  .workWrapper .workMiddle .workMiddleRight .workEduc {margin-bottom:20px;}
  .workWrapper .workSocial .inner {position:relative; top:0; padding-top:20px; margin-right:0; padding-bottom:20px;}
  .workWrapper.Exp .workSocial .inner {position:relative; top:0; padding-top:20px; margin-right:0; padding-bottom:20px;}
  
  .workWrapper.Exp .workIt {padding:20px;}
  /*#westatCareers .block-title, #homeNews .block-title {margin-left: 15px;}*/
  .mAccordion {margin-bottom:10px;}
  #westatOffices.mAccordion {margin-bottom:20px;}
  .mAccordion .block-title {text-transform:none; font-weight:bold !important; cursor:pointer;}
  .mAccordion .block-inner {background: #0084A7 !important; color: #fff; border-radius: 6px; padding:0 !important;}
  .mAccordion .block-inner a {/*color:#fff !important; border:0 !important;*/}
  .mAccordion .block-inner .block-title {margin-left:10px !important; color:#fff !important; border:0 !important; background:url(../images/toggleArrow.png) 0 60% no-repeat; padding-left:15px !important;}
  .mAccordion .block-inner .block-title.titleExp {background:url(../images/toggleArrowDown.png) 0 60% no-repeat;}
  .mAccordion .block-content {background: rgb(86, 166, 187); padding:10px; border-radius:0 0 6px 6px;}
  .mAccordion#ourWork .block-content {padding:1px 0;}
  #homeNews .views-row:after, #homePubs .views-row:after {border-top: 1px solid #006f8a;}
  #homeNews .more-link {border: 0;}
  .mAccordion .more-link a, .mAccordion a.seeMore {/*color: #0C375D !important;*/}
  .mAccordion .block-content {display:none;}
  #footer .region-inner {background:#E5F5FB url(../images/footerBg.png) 0 60px repeat-x;}
  #block-block-6 {display:none;}
  #block-block-2 .block-content {padding-top:10px;}
  #footer ul.footerLinks {font-size:12px; padding-top: 20px;}
  ul.footerLinks li a {padding-right: 10px !important; margin-right: 10px !important;}
  #footer .socialMedia ul .facebookLink a {width: 43px; height: 41px; background: url(../images/iconFbFooterMob.png) 50% 0 no-repeat;}
  #footer .socialMedia ul .inLink a {width: 43px; height: 41px; background: url(../images/iconInFooterMob.png) 50% 0 no-repeat;}
  #footer .socialMedia ul .twLink a {width: 43px; height: 41px; background: url(../images/Social_TwitterLogoMobile.png) 50% 0 no-repeat;}
  #footer .footerId {font-size:10px;}
  
  .expCustom li {width: 100%; float: none; margin-left: 0; margin-right: 0; display: block; height: auto !important;}
  #blaiseSidebar {display:block; float:none; width:auto; max-width:none; margin:0;}
  /*.group-pr-image .field-name-field-primary-image-desc {font-size:15px; padding-top:20px;}*/
  .workWrapper .workHealth {padding:20px;}
  .workWrapper .workSocial {padding:0;}
  .workWrapper .workSocial .inner {background: #c9ecf9 url(../images/work-it-bg.png) repeat-x; padding: 10px;}
  .workWrapper .workEduc, .workWrapper .workTransp {height:auto !important;}
  
  #node_content_page_full_group_pr_work_left {width:auto; border-right:0;}
  #node_content_page_full_group_pr_work_right {width:auto; position:relative; top:inherit; right:inherit; bottom:inherit; padding:0; border-top: 20px solid #fff;}
  #node_content_page_full_group_pr_work_right .field-type-image {display:block; float:left;}
  #node_content_page_full_group_pr_work_right .field-type-text-long {margin-left: 160px;}
  
  #verifyMobile {display:block;}
  #homeSlider .views-field-field-featured-image .field-content {width:auto; height:auto;}
  #homeSlider .views-field-field-featured-image img {/*min-height:150px;*/}
  #homeSlider .views-field-field-featured-image {height:auto; padding-bottom:30px;}
  #homeSlider .flex-control-nav.flex-control-paging {display:none;}
}
@media only screen and (min-width: 769px) and (max-width: 873px) {
  #homeImproving ul {font-size:85%;}
}
@media only screen and (max-width: 940px) {
  #primary-menu-bar .menu a {margin: 0 15px;}
}
@media only screen and (min-width: 769px) and (max-width: 975px) {
  #homeImproving ul li a {margin-left:0;}
  #homeImproving ul li.first a {margin-left:20px;}
  .inside.expertise .field-name-field-top-decorative-image img,
  .inside.our-work .field-name-field-top-decorative-image img {max-width:120%;}
}
@media only screen and (min-width: 769px) {
  .two-66-33 > .region-two-66-33-second, .two-33-66 > .region-two-33-66-first,
  .three-inset-right > .inset-wrapper > div.region-three-inset-right-inset,
  .three-inset-left > .inset-wrapper > div.region-three-inset-left-inset,
  .three-3x33 > .region, .five-5x20 > .panel-row > .region {width: 27%;}
  
  .two-66-33 > .region-two-66-33-first, .two-33-66 > .region-two-33-66-second,
  .three-inset-right > .inset-wrapper > div.region-three-inset-right-middle,
  .three-inset-left > .inset-wrapper > div.region-three-inset-left-middle {width: 73%;}
  #homeImproving ul li a span {display: block;}
  .mAccordion .block-content {display:block !important;}
}
@media only screen and (min-width: 769px) and (max-width: 1024px) {
  body {font-size: 93.8%;}
}
@media only screen and (min-width: 1025px) and (max-width: 1039px) {
  #homeImproving ul {font-size: 93.8%;}
}
/*
 * Tablet sizes and up
 */
/* @media only screen and (min-width: 768px) {} */

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