/*
 * 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) {} */


@media only screen and (max-width: 1151px) {
  .container {
    max-width: 1024px;
  }

  header #name-and-slogan #site-name a {
    padding: 0px 0px 0px 255px;
  }

  div#block-block-31 .block-content div {
    width: 34%;
    padding: 0 28px 25px;
  }

  div#block-block-31 .block-content div:nth-of-type(2),
  div#block-block-31 .block-content div:nth-of-type(4) {
    border-right: 0px solid #000;
  }

  div#block-block-31 .block-content div p:nth-of-type(1) a {
    width: auto;
  }

  .frontpage-social ul {
    margin: 20px 12px;
  }

  .region-content-aside {
    width: 42.5%;
  }

  section#block-block-22 .db-bookcover {
    margin-right: 10px;
  }

  #block-custom-search-blocks-2 .form-actions input[type='submit'] {
    right: -6px;
  }
}

@media only screen and (max-width: 1035px) and (min-width: 1026px) {
  div#block-block-31 .block-content div {
    width: 33.6%;
  }
}

@media only screen and (max-width: 1025px) {
  .container {
    /*max-width: 800px;*/
  }

  header #name-and-slogan #site-name a {
    padding: 0px 0px 0px 210px;
  }

  .region-leaderboard nav li, .region-leaderboard nav ul.menu li {
    padding: 0px 10px;
  }

  #block-block-23 {
    width: 98.8%;
  }

  #block-block-23 .current_issue {
      width: 30%;
    margin: 0 20px 0 0px;
}

  #block-block-23 .global-frontpage-feature,
    #block-block-23 .global-frontpage-hero-image {
    width: 47%;
  }

  .page-node-731 #block-block-24 {
    /*margin-top: -480px;*/
  }

  .region-content-aside {
    /*width: 35.8%;*/
  }

  .page-node-731 #main-content {
    /*width: 38.2%;*/
  }

  div#block-block-31 .block-content div {
    width: 78% !important;
    height: 120px;
    border-top: 0px solid transparent !important;
    border-bottom: 3px solid #e2e0df !important;
    border-right: 0px solid transparent !important;
  }

  div#block-block-31 .block-content div:nth-of-type(3) {
    border-bottom: 0px solid #fff;
  }

  .frontpage-social ul {
    margin: 20px 38px;
  }

  section#block-block-22 .db-bookcover {
    width: auto;
  }

  section#block-block-22 .db-book-info {
    width: 40%;
    margin: 0 0 20px 0;
  }

  .region-sidebar-first #block-views-ad-column-block .block-inner {
    margin: 0px 20px;
  }

  #block-custom-search-blocks-2 .form-actions input[type='submit'] {
    line-height: 26px;
    /*right: -11px;*/
  }

  .region-sidebar-first .view-id-ad_column {
    margin: 0px;
  }
}
@media only screen and (max-width: 960px) {
  .region-content-aside {
    width: 41%;
  }

  section#block-block-22 .db-bookcover {
    width: auto;
    display: block;
    margin: 0px auto;
  }

  section#block-block-22 .db-bookcover img {
    width: 60%;
    height: auto;
    margin: 0px auto;
    display: block;
  }

  section#block-block-22 .block-inner {
    padding: 10px 20px;
  }

  section#block-block-22 .db-book-info {
    width: 100%;
  }

  section#block-block-22 .db-book-info ul {
    margin: 10px 0 20px;
    text-align: center;
  }

}

@media only screen and (max-width: 816px) {
 .container {
    /*width: 100%;
    max-width: 720px;*/
  }

  header #name-and-slogan #site-name a {
    padding: 0px 0px 0px 180px;
  }

  .region-leaderboard nav {
    margin-left: 170px;
  }

  .region-leaderboard nav li, .region-leaderboard nav ul.menu li {
    padding: 0px;
  }

  div#block-block-31 .block-content div {
    width: 65.2%;
  }

  div#block-block-31 .block-content div p {
    margin: 25px 0px 10px !important;
  }

/*
  #block-block-24 {
    margin-right: 9px !important;
  }
*/

  .page-node-731 #block-block-24 {
    /*margin-top: -570px;*/
  }

  .region-content-aside section .block-inner {
    padding: 10px 30px 10px 20px;
  }

  .page-node-731 #main-content {
    /*padding: 0px 30px 0px 20px;*/
        width: 44%;
  }

  #block-block-23 .global-frontpage-feature,
  #block-block-23 .global-frontpage-hero-image {
    /*width: 360px;
    display: inline-block;*/
  }

  #block-block-23 h2.global-frontpage-heading,
  #block-block-23 .current_issue ul li a {
    /*font-size: 20px;
    line-height: inherit !important;*/
  }

  .frontpage-social ul {
    margin: 0px 17px;
  }

  .region-content-aside {
    width: 39.5%;
  }

  section#block-block-22 .db-bookcover {
    width: auto;
    display: block;
    margin: 0px auto;
  }

  section#block-block-22 .db-bookcover img {
    width: 60%;
    height: auto;
    margin: 0px auto;
    display: block;
  }

  section#block-block-22 .block-inner {
    padding: 10px 20px;
  }

  section#block-block-22 .db-book-info {
    width: 100%;
  }

  section#block-block-22 .db-book-info ul {
    margin: 10px 0 20px;
    text-align: center;
  }

  #block-custom-search-blocks-2 .form-actions input[type='submit'] {
    right: -8px;
  }

  div#block-block-31 .block-content div {
    width: 75% !important;
  }
}

@media only screen and (max-width: 768px) {
  .container {
    width: 100%;
    /*max-width: 640px;*/
  }

  header #name-and-slogan #site-name a {
    padding: 0px 0px 0px 160px;
    font-size: 1.2em;
  }

  .region-leaderboard nav {
    margin-left: 160px;
  }

  #block-block-23 {
    width: 90%;
    border-left: 0px solid #acacac;
    height: auto;
  }

  #block-block-23 .block-content {
    float: none;
    display: block;
  }

  #block-block-23 .current_issue {
    width: 100%;
    margin: 0px auto;
    text-align: center;
  }

  #block-block-23 .current_issue ul {
    margin: 0px auto 20px;
  }

  #block-block-23 .current_issue ul li,
  #block-block-23 h2.global-frontpage-heading, #block-block-23 .current_issue ul li a {
    text-align: center !important;
  }

  #block-block-23 .global-frontpage-feature,
  #block-block-23 .global-frontpage-hero-image {
    width: 100%;
  }

  #columns {
    border-left: 0px solid #fff;
    border-right: 0px solid #fff;
  }

  #content-column .content-inner,
  #content-column .content-inner section {
    margin: 0px !important;
  }

  .page-node-731 #content-column .content-inner section#main-content {
    /* QQQ more messing with stuff I shouldn't */
    width: 45%;
    border-left: 0;
  }
  div#block-block-31 div {
      padding: 5px 10%;
  }
  .region-content-aside {
    width: 45%;
    border-right: 0px solid #e2e0df;
  }

  div#block-block-31 .block-content div {
    width: 77% !important;
    border-right: 0px solid #fff;
  }

  div#block-block-31 .block-content div:nth-of-type(4) {
    border-bottom: 0px solid #fff !important;
  }

  .region-sidebar-first {
    /*
    margin: 0px auto !important;
    display: block;
    float: none;*/
        margin: -3px 0 0 0 !important;
    padding: 0 2%;
        border-top: 4px solid #e2e0df;
        width: 20% !important;
  }
.page-node-731 .region-sidebar-first {
    width: 20% !important;
}
  .region-sidebar-second {
    /*
    margin: 0px auto !important;
    display: block;
    float: none;*/
    width: 65% !important;
        margin: -3px 0 0 0 !important;
    padding: 0 2%;
        border-top: 4px solid #e2e0df;
  }

  .region-sidebar-first {
    /*display: none;
    border: 4px solid #e2e0df;
    width: 96.4% !important;*/
  }

  .region-sidebar-first .views-row {
    float: left;
    margin: 0px;
  }

  .form-item label {
    bottom: 0px;
  }
  form.search-form {
    height: 50px;
  }

  #block-block-24 {
    margin: 20px auto !important;
    width: 100%;
    border: none !important;
  }

  #block-block-24 ul {
    width: 100% !important;
    margin: 0px auto;
  }

  #block-block-24 ul li {
    display: inline-block;
    margin: 3px 1px;
  }

  #block-block-24 ul li a {
    background-repeat: no-repeat;
    line-height: 100px !important;
    height: 100px !important;
    color: #fff !important;
    text-shadow: 1px 1px 1px #000;
  }

  a.db39 {background-image: url('/sites/default/files/issues/thumbs/db39.jpg');}
  a.db38 {background-image: url('/sites/default/files/issues/thumbs/db38.jpg');}
  a.db37 {background-image: url('/sites/default/files/issues/thumbs/db37.jpg');}
  a.db36 {background-image: url('/sites/default/files/issues/thumbs/db36.jpg');}
  a.db35 {background-image: url('/sites/default/files/issues/thumbs/db35.jpg');}
  a.db34 {background-image: url('/sites/default/files/issues/thumbs/db34.jpg');}
  a.db33 {background-image: url('/sites/default/files/issues/thumbs/db33.jpg');}
  a.db32 {background-image: url('/sites/default/files/issues/thumbs/db32.jpg');}
  a.db31 {background-image: url('/sites/default/files/issues/thumbs/db31.jpg');}
  a.db30 {background-image: url('/sites/default/files/issues/thumbs/db30.jpg');}
  a.db29 {background-image: url('/sites/default/files/issues/thumbs/db29.jpg');}
  a.db28 {background-image: url('/sites/default/files/issues/thumbs/db28.jpg');}
  a.db27 {background-image: url('/sites/default/files/issues/thumbs/db27.jpg');}
  a.db26 {background-image: url('/sites/default/files/issues/thumbs/db26.jpg');}
  a.db25 {background-image: url('/sites/default/files/issues/thumbs/db25.jpg');}
  a.db24 {background-image: url('/sites/default/files/issues/thumbs/db24.jpg');}
  a.db23 {background-image: url('/sites/default/files/issues/thumbs/db23.jpg');}
  a.db22 {background-image: url('/sites/default/files/issues/thumbs/db22.jpg');}
  a.db21 {background-image: url('/sites/default/files/issues/thumbs/db21.jpg');}
  a.db20 {background-image: url('/sites/default/files/issues/thumbs/db20.jpg');}
  a.db19 {background-image: url('/sites/default/files/issues/thumbs/db19.jpg');}
  a.db18 {background-image: url('/sites/default/files/issues/thumbs/db18.png');}
  a.db17 {background-image: url('/sites/default/files/issues/thumbs/db17.png');}
  a.db16 {background-image: url('/sites/default/files/issues/thumbs/db16.png');}
  a.db15 {background-image: url('/sites/default/files/issues/thumbs/db15.jpg');}
  a.db14 {background-image: url('/sites/default/files/issues/thumbs/a14.jpg');}
  a.db13 {background-image: url('/sites/default/files/issues/thumbs/a13.jpg');}
  a.db12 {background-image: url('/sites/default/files/issues/thumbs/a12.jpg');}
  a.db11 {background-image: url('/sites/default/files/issues/thumbs/a11.jpg');}
  a.db10 {background-image: url('/sites/default/files/issues/thumbs/a10.jpg');}
  a.db9 {background-image: url('/sites/default/files/issues/thumbs/a9.jpg');}
  a.db8 {background-image: url('/sites/default/files/issues/thumbs/a8.jpg');}
  a.db7 {background-image: url('/sites/default/files/issues/thumbs/a7.jpg');}
  a.db6 {background-image: url('/sites/default/files/issues/thumbs/a6.jpg');}
  a.db5 {background-image: url('/sites/default/files/issues/thumbs/a5.jpg');}
  a.db4 {background-image: url('/sites/default/files/issues/thumbs/a4.jpg');}
  a.db3 {background-image: url('/sites/default/files/issues/thumbs/a3.jpg');}
  a.db2 {background-image: url('/sites/default/files/issues/thumbs/a2.jpg');}
  a.db1 {background-image: url('/sites/default/files/issues/thumbs/a1.jpg');}

  #block-block-24 ul li a:hover {
        opacity: .8;
        padding: 0 20px !important;
  }

  #main-content {
    border-left: 4px solid #e2e0df;
  }

}

@media only screen and (max-width: 651px) {
  .container {
    width: 100%;
    /*max-width: 480px;*/
  }

  header #name-and-slogan #site-name a {
    padding: 0px 0px 0px 210px;
  }

  header #name-and-slogan {
    display: none;
  }

  .region-leaderboard nav {
    position: absolute;
    margin: 60px 0px 60px 180px;
    width: 260px;
  }

  #logo {
    margin: 0px;
  }

  #block-block-23 .current_issue {
    width: 100%;
  }

  #block-block-23 h2 {
    text-align: left !important;
  }

  #block-block-23 .current_issue ul li {
    display: block;
    padding: 0px;
  }

  .page-node-731 #content-column .content-inner section#main-content {
    /* QQQ more messing with stuff I shouldn't */
    width: 45%;
  }

  #content-column .content-inner section#main-content {
    width: 100%;
    border-left: 0px solid #fff;
    padding-left: 0px;
  }

  .region-content-aside {
    width: 48%;
  }

  div#block-block-31 .block-content div {
    width: 70% !important;
    height: 130px;
  }

  .frontpage-social ul {
    margin: 0px 22px;
  }

  .region-sidebar-first .views-row {
    /*margin: 50px 5px;*/
  }

  #block-block-24 ul {
    margin: 0px 30px;
  }

  ul.pager {
    line-height: 50px;
  }
}

@media only screen and (max-width: 540px) {
  .container {
    width: 100%;
    /*max-width: 300px;*/
  }
  .region-leaderboard nav {
    width: 110px;
    margin: 15px 0px 60px 180px;
  }

  .region-leaderboard nav li, .region-leaderboard nav ul.menu li {
    display: block;
    float: none;
  }

  .region-leaderboard nav a {
    width: 60px;
    text-align: center;
  }

  #block-block-23 .global-frontpage-feature,
  #block-block-23 .global-frontpage-hero-image {
    width: 100%;
    display: inline-block;
  }

  .page-node-731 #content-column .content-inner section#main-content {
    width: 100%;
    padding-bottom: 0;
    border: 0;
  }

  #content-column .content-inner section#main-content {
    width: 100%;
    border-right: 0px solid #e2e0df;
  }

  .page-node-731 .region-content-aside,
  .region-content-aside {
    width: 100%;
    margin-left: 0px;
    border: 0;
  }

  div#block-block-31 .block-content div {
    width: 81% !important;
  }

  .frontpage-social ul {
    margin: 0px 31px;
  }

  .region-sidebar-first .views-row {
    margin: 0px;
    display: block;
    vertical-align: top;
    float: none;
  }

  .region-sidebar-first img {
    margin: 10px auto;
    display: block;
  }

  #block-block-24 ul {
    margin: 0px auto;
    text-align: center;
  }
  .page-node-731 .region-sidebar-first,
  .region-sidebar-first {
    width: 40% !important;
  }
  .region-sidebar-second {
    width: 50% !important;
  }
}
@media only screen and (max-width: 580px) and (min-width: 321px) {
  .page-node-731 .region-sidebar-second {
      width: 100% !important;
  }
}
/*
 * 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%;
  }
}

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

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