/**
 * Main layout
 */

body {
  background-color: #002147;
  font-family: 'Source Sans Pro', Arial, sans-serif;
}

body.cke_show_borders {
  background-color: #fff;
}

.not-front .region-content,
.region-sidebar-first,
.region-sidebar-second {
  font-size: 17px;
}

.region-sidebar-second {
  padding: 20px;
  background: #fff;
  font-family: Arial, sans-serif;
  font-family: 'Source Sans Pro', Arial, sans-serif;
}

.region-sidebar-first {
  background: #FFF;
}

#page {
  overflow: hidden; /* Gets rid of extra blue space on the right of all pages */
}
#zone-header-wrapper {
  min-height:107px;
}
.not-front .region-content {
  background-color: white;
  margin: 0;
  padding: 10px 20px;
}

.not-front .region-content .region-content {
  padding-left: 0;
  padding-right: 0;
}

#admin-menu { /* Temporary fix for the admin menu module's horizontal scrollbar problem */
  padding: 0;
  margin: 0;
}

.front .zone-postscript .region {
  float: none;
}

.region-sidebar-second {
  margin-left:0;
  margin-right:0;
}
#zone-menu {
  width:100%;
}
#zone-pre .grid-12 {
  margin-left:auto;
  margin-right:auto;
}



@media screen and (min-width:740px){
  /**
 * Main layout
 */
  #zone-menu {
    width:calc(100% - 40px);
  }
  #zone-header {
    width:calc(100% - 40px);
    margin-left:auto;
    margin-right:auto;
  }
  #zone-header-wrapper,
  #zone-footer-wrapper {
    background: transparent url('../images/background-blue-tablet.png') repeat-y 50% top;
  }
  .region-sidebar-first {
    margin-left:0;
    margin-right:0;
  }

  body.front #region-content,
  #region-footer-first,
  #region-footer-second {
    width:100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin-left:auto;
    margin-right:auto;
  }

  body:not(.front) .container-12:not(#zone-header):not(#zone-menu):not(#zone-pre) {
    margin-left:20px;
    margin-right:20px;
    width:calc(100% - 40px);
  }
  body:not(.front) .container-12:not(#zone-header):not(#zone-menu)#zone-preface {
    width:100%;
    margin-left:auto;
    margin-right:auto;
    max-width:none;
  }


  body.context-database-search-results #region-content {
    width:calc(100% - 100px);
  }
  .container-12 .grid-9 {
    width:calc((100% - 90px) * .67) !important;
    margin:0 20px;
    padding:0;
  }
  .container-12 .grid-3 {
    width:calc((100% - 90px) * .31) !important;
    margin:0 20px;
    padding:0;
    float:right;
  }
  .page-node-7 .container-12 .grid-3.region-sidebar-second {
    padding-top:2.5em;
  }



  /**
   * Main layout
   */

  .not-front .zone-content {
    background-color: white;
    border-top: solid 1em white;
    border-bottom: solid 1em white;
  }

  .region-content {
    background-color: transparent;
    padding: 0;
  }
  #section-content {
    max-width:1280px;
    margin:0 auto;
    background-color:#FFF;
    display:block;
  }

  .region-sidebar-second {
    margin-left:10px;
    margin-right:10px;
  }

  .not-front .region-content-inner {
    padding: 0;
  }
}







@media screen and (min-width:960px){
  /**
 * Main layout
 */

  body {
    background-color: #dbdad8;
  }
  #zone-menu-wrapper,
  #zone-footer-wrapper,
  #zone-header-wrapper {
    background: transparent url('../images/background-blue-desktop.png') repeat-y 50% top;
    background-size:1280px 100%;
  }
  #zone-menu-wrapper {
    max-width: 1280px;
    margin: 0 auto;
  }
  .not-front.one-sidebar.sidebar-second .zone-content,
  .not-front.one-sidebar.sidebar-second .zone-content-bottom {
    padding:0 50px;
    max-width:1180px;
    background:#FFF;
  }
  .not-front .region-content .content ul {
    padding-left: 2em;
  }

  .not-front .region-content .content ol {
    padding-left: 2.2em;
  }
  .not-front .region-content .content ul.legend,
  .not-front .region-content .content ul.pager {
    padding-left: 0;
  }
  .column {
    float: left !important;
    width: 48% !important;
  }
  .container-12 {
    width: 100%;
    min-width: 960px;
    max-width: 1180px;
    margin-left:auto;
    margin-right:auto;
    display:block;
    float:none;
  }
  .zone.container-12 {
    width: 100%;
    max-width: 1280px;
    margin-left:auto;
    margin-right:auto;
    display:block;
    float:none;
  }
  .zone-header.container-12,
  body:not(.front) .zone.container-12:not(#zone-preface):not(#zone-header):not(#zone-menu):not(#zone-pre) {
    width: 100%;
    max-width: 1220px;
    padding-left:20px;
    padding-right:20px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin-left:auto;
    margin-right:auto;
    display:block;
    float:none;
  }
  .zone.container-12:after {
    display:table;
    content:'';
    clear:both;
  }
  body:not(.front) .zone.container-12 .grid-12 {
    width:100%;
    margin-left:auto;
    margin-right:auto;
    padding:0;
  }
  body:not(.front) .zone.container-12:not(#zone-header):not(#region-branding):not(#zone-pre) .grid-12:not(#region-menu) {

    max-width:1180px;
  }
  #zone-pre {
    margin-left:auto;
    margin-right:auto;
  }
  body.context-database-search-results #region-content {
    width:calc(100% - 40px);
  }
  .zone .grid-12.region-footer-first {
    padding-top:2em;
  }
  .zone .grid-12.region-footer-second {
    padding-bottom:2em;
  }

  .not-front.no-sidebars .zone-content {
    max-width:1180px;
    padding-left:50px;
    padding-right:50px;
  }



}


@media screen and (min-width:1200px){
  .zone-header.container-12 {
    max-width:1280px;
    padding-left:50px;
    padding-right:50px;
    background:#002147;
  }
}