/* ============================================================

320 and Up by Andy Clarke
Version: 3.0
URL: http://stuffandnonsense.co.uk/projects/320andup/
Apache License: v2.0. http://www.apache.org/licenses/LICENSE-2.0

============================================================ */
/* Containers
----------------------------------------------------------------------------------------------------*/
.container_pdbe {
  width: 100%;
  margin-left: 0.000%;
  margin-right: 0.000%; }

/* Grid >> Global
----------------------------------------------------------------------------------------------------*/
.grid_1,
.grid_2,
.grid_3,
.grid_4,
.grid_5,
.grid_6,
.grid_7,
.grid_8,
.grid_9,
.grid_10,
.grid_11,
.grid_12,
.grid_13,
.grid_14,
.grid_15,
.grid_16,
.grid_17,
.grid_18,
.grid_19,
.grid_20,
.grid_21,
.grid_22,
.grid_23,
.grid_24 {
  display: inline;
  float: left;
  position: relative;
  margin-left: 1.000%;
  margin-right: 1.000%; }

/* Grid >> Children (Alpha ~ First, Omega ~ Last)
----------------------------------------------------------------------------------------------------*/
.alpha {
  margin-left: 0; }

.omega {
  margin-right: 0; }

/* Grid >> 24 Columns
----------------------------------------------------------------------------------------------------*/
.container_pdbe.alpha, .container_pdbe.omega {
  width: 100.000%; }
.container_pdbe.alpha.omega {
  width: 100.000%; }
.container_pdbe .grid_1 {
  width: 2.167%; }
  .container_pdbe .grid_1.alpha, .container_pdbe .grid_1.omega {
    width: 3.167%; }
  .container_pdbe .grid_1.alpha.omega {
    width: 4.167%; }
.container_pdbe.grid_1 {
  width: 2.167%; }
.container_pdbe .grid_2 {
  width: 6.333%; }
  .container_pdbe .grid_2.alpha, .container_pdbe .grid_2.omega {
    width: 7.333%; }
  .container_pdbe .grid_2.alpha.omega {
    width: 8.333%; }
.container_pdbe.grid_2 {
  width: 6.333%; }
.container_pdbe .grid_3 {
  width: 10.500%; }
  .container_pdbe .grid_3.alpha, .container_pdbe .grid_3.omega {
    width: 11.500%; }
  .container_pdbe .grid_3.alpha.omega {
    width: 12.500%; }
.container_pdbe.grid_3 {
  width: 10.500%; }
.container_pdbe .grid_4 {
  width: 14.667%; }
  .container_pdbe .grid_4.alpha, .container_pdbe .grid_4.omega {
    width: 15.667%; }
  .container_pdbe .grid_4.alpha.omega {
    width: 16.667%; }
.container_pdbe.grid_4 {
  width: 14.667%; }
.container_pdbe .grid_5 {
  width: 18.833%; }
  .container_pdbe .grid_5.alpha, .container_pdbe .grid_5.omega {
    width: 19.833%; }
  .container_pdbe .grid_5.alpha.omega {
    width: 20.833%; }
.container_pdbe.grid_5 {
  width: 18.833%; }
.container_pdbe .grid_6 {
  width: 23.000%; }
  .container_pdbe .grid_6.alpha, .container_pdbe .grid_6.omega {
    width: 24.000%; }
  .container_pdbe .grid_6.alpha.omega {
    width: 25.000%; }
.container_pdbe.grid_6 {
  width: 23.000%; }
.container_pdbe .grid_7 {
  width: 27.167%; }
  .container_pdbe .grid_7.alpha, .container_pdbe .grid_7.omega {
    width: 28.167%; }
  .container_pdbe .grid_7.alpha.omega {
    width: 29.167%; }
.container_pdbe.grid_7 {
  width: 27.167%; }
.container_pdbe .grid_8 {
  width: 31.333%; }
  .container_pdbe .grid_8.alpha, .container_pdbe .grid_8.omega {
    width: 32.333%; }
  .container_pdbe .grid_8.alpha.omega {
    width: 33.333%; }
.container_pdbe.grid_8 {
  width: 31.333%; }
.container_pdbe .grid_9 {
  width: 35.500%; }
  .container_pdbe .grid_9.alpha, .container_pdbe .grid_9.omega {
    width: 36.500%; }
  .container_pdbe .grid_9.alpha.omega {
    width: 37.500%; }
.container_pdbe.grid_9 {
  width: 35.500%; }
.container_pdbe .grid_10 {
  width: 39.667%; }
  .container_pdbe .grid_10.alpha, .container_pdbe .grid_10.omega {
    width: 40.667%; }
  .container_pdbe .grid_10.alpha.omega {
    width: 41.667%; }
.container_pdbe.grid_10 {
  width: 39.667%; }
.container_pdbe .grid_11 {
  width: 43.833%; }
  .container_pdbe .grid_11.alpha, .container_pdbe .grid_11.omega {
    width: 44.833%; }
  .container_pdbe .grid_11.alpha.omega {
    width: 45.833%; }
.container_pdbe.grid_11 {
  width: 43.833%; }
.container_pdbe .grid_12 {
  width: 48.000%; }
  .container_pdbe .grid_12.alpha, .container_pdbe .grid_12.omega {
    width: 49.000%; }
  .container_pdbe .grid_12.alpha.omega {
    width: 50.000%; }
.container_pdbe.grid_12 {
  width: 48.000%; }
.container_pdbe .grid_13 {
  width: 52.167%; }
  .container_pdbe .grid_13.alpha, .container_pdbe .grid_13.omega {
    width: 53.167%; }
  .container_pdbe .grid_13.alpha.omega {
    width: 54.167%; }
.container_pdbe.grid_13 {
  width: 52.167%; }
.container_pdbe .grid_14 {
  width: 56.333%; }
  .container_pdbe .grid_14.alpha, .container_pdbe .grid_14.omega {
    width: 57.333%; }
  .container_pdbe .grid_14.alpha.omega {
    width: 58.333%; }
.container_pdbe.grid_14 {
  width: 56.333%; }
.container_pdbe .grid_15 {
  width: 60.500%; }
  .container_pdbe .grid_15.alpha, .container_pdbe .grid_15.omega {
    width: 61.500%; }
  .container_pdbe .grid_15.alpha.omega {
    width: 62.500%; }
.container_pdbe.grid_15 {
  width: 60.500%; }
.container_pdbe .grid_16 {
  width: 64.667%; }
  .container_pdbe .grid_16.alpha, .container_pdbe .grid_16.omega {
    width: 65.667%; }
  .container_pdbe .grid_16.alpha.omega {
    width: 66.667%; }
.container_pdbe.grid_16 {
  width: 64.667%; }
.container_pdbe .grid_17 {
  width: 68.833%; }
  .container_pdbe .grid_17.alpha, .container_pdbe .grid_17.omega {
    width: 69.833%; }
  .container_pdbe .grid_17.alpha.omega {
    width: 70.833%; }
.container_pdbe.grid_17 {
  width: 68.833%; }
.container_pdbe .grid_18 {
  width: 73.000%; }
  .container_pdbe .grid_18.alpha, .container_pdbe .grid_18.omega {
    width: 74.000%; }
  .container_pdbe .grid_18.alpha.omega {
    width: 75.000%; }
.container_pdbe.grid_18 {
  width: 73.000%; }
.container_pdbe .grid_19 {
  width: 77.167%; }
  .container_pdbe .grid_19.alpha, .container_pdbe .grid_19.omega {
    width: 78.167%; }
  .container_pdbe .grid_19.alpha.omega {
    width: 79.167%; }
.container_pdbe.grid_19 {
  width: 77.167%; }
.container_pdbe .grid_20 {
  width: 81.333%; }
  .container_pdbe .grid_20.alpha, .container_pdbe .grid_20.omega {
    width: 82.333%; }
  .container_pdbe .grid_20.alpha.omega {
    width: 83.333%; }
.container_pdbe.grid_20 {
  width: 81.333%; }
.container_pdbe .grid_21 {
  width: 85.500%; }
  .container_pdbe .grid_21.alpha, .container_pdbe .grid_21.omega {
    width: 86.500%; }
  .container_pdbe .grid_21.alpha.omega {
    width: 87.500%; }
.container_pdbe.grid_21 {
  width: 85.500%; }
.container_pdbe .grid_22 {
  width: 89.667%; }
  .container_pdbe .grid_22.alpha, .container_pdbe .grid_22.omega {
    width: 90.667%; }
  .container_pdbe .grid_22.alpha.omega {
    width: 91.667%; }
.container_pdbe.grid_22 {
  width: 89.667%; }
.container_pdbe .grid_23 {
  width: 93.833%; }
  .container_pdbe .grid_23.alpha, .container_pdbe .grid_23.omega {
    width: 94.833%; }
  .container_pdbe .grid_23.alpha.omega {
    width: 95.833%; }
.container_pdbe.grid_23 {
  width: 93.833%; }
.container_pdbe .grid_24 {
  width: 98.000%; }
  .container_pdbe .grid_24.alpha, .container_pdbe .grid_24.omega {
    width: 99.000%; }
  .container_pdbe .grid_24.alpha.omega {
    width: 100.000%; }
.container_pdbe.grid_24 {
  width: 98.000%; }
.container_pdbe .prefix_1 {
  padding-left: 4.167%; }
.container_pdbe .prefix_2 {
  padding-left: 8.333%; }
.container_pdbe .prefix_3 {
  padding-left: 12.500%; }
.container_pdbe .prefix_4 {
  padding-left: 16.667%; }
.container_pdbe .prefix_5 {
  padding-left: 20.833%; }
.container_pdbe .prefix_6 {
  padding-left: 25.000%; }
.container_pdbe .prefix_7 {
  padding-left: 29.167%; }
.container_pdbe .prefix_8 {
  padding-left: 33.333%; }
.container_pdbe .prefix_9 {
  padding-left: 37.500%; }
.container_pdbe .prefix_10 {
  padding-left: 41.667%; }
.container_pdbe .prefix_11 {
  padding-left: 45.833%; }
.container_pdbe .prefix_12 {
  padding-left: 50.000%; }
.container_pdbe .prefix_13 {
  padding-left: 54.167%; }
.container_pdbe .prefix_14 {
  padding-left: 58.333%; }
.container_pdbe .prefix_15 {
  padding-left: 62.500%; }
.container_pdbe .prefix_16 {
  padding-left: 66.667%; }
.container_pdbe .prefix_17 {
  padding-left: 70.833%; }
.container_pdbe .prefix_18 {
  padding-left: 75.000%; }
.container_pdbe .prefix_19 {
  padding-left: 79.167%; }
.container_pdbe .prefix_20 {
  padding-left: 83.333%; }
.container_pdbe .prefix_21 {
  padding-left: 87.500%; }
.container_pdbe .prefix_22 {
  padding-left: 91.667%; }
.container_pdbe .prefix_23 {
  padding-left: 95.833%; }
.container_pdbe .prefix_24 {
  padding-left: 100.000%; }
.container_pdbe .suffix_1 {
  padding-right: 4.167%; }
.container_pdbe .suffix_2 {
  padding-right: 8.333%; }
.container_pdbe .suffix_3 {
  padding-right: 12.500%; }
.container_pdbe .suffix_4 {
  padding-right: 16.667%; }
.container_pdbe .suffix_5 {
  padding-right: 20.833%; }
.container_pdbe .suffix_6 {
  padding-right: 25.000%; }
.container_pdbe .suffix_7 {
  padding-right: 29.167%; }
.container_pdbe .suffix_8 {
  padding-right: 33.333%; }
.container_pdbe .suffix_9 {
  padding-right: 37.500%; }
.container_pdbe .suffix_10 {
  padding-right: 41.667%; }
.container_pdbe .suffix_11 {
  padding-right: 45.833%; }
.container_pdbe .suffix_12 {
  padding-right: 50.000%; }
.container_pdbe .suffix_13 {
  padding-right: 54.167%; }
.container_pdbe .suffix_14 {
  padding-right: 58.333%; }
.container_pdbe .suffix_15 {
  padding-right: 62.500%; }
.container_pdbe .suffix_16 {
  padding-right: 66.667%; }
.container_pdbe .suffix_17 {
  padding-right: 70.833%; }
.container_pdbe .suffix_18 {
  padding-right: 75.000%; }
.container_pdbe .suffix_19 {
  padding-right: 79.167%; }
.container_pdbe .suffix_20 {
  padding-right: 83.333%; }
.container_pdbe .suffix_21 {
  padding-right: 87.500%; }
.container_pdbe .suffix_22 {
  padding-right: 91.667%; }
.container_pdbe .suffix_23 {
  padding-right: 95.833%; }
.container_pdbe .suffix_24 {
  padding-right: 100.000%; }
.container_pdbe .push_1 {
  left: 4.167%; }
.container_pdbe .push_2 {
  left: 8.333%; }
.container_pdbe .push_3 {
  left: 12.500%; }
.container_pdbe .push_4 {
  left: 16.667%; }
.container_pdbe .push_5 {
  left: 20.833%; }
.container_pdbe .push_6 {
  left: 25.000%; }
.container_pdbe .push_7 {
  left: 29.167%; }
.container_pdbe .push_8 {
  left: 33.333%; }
.container_pdbe .push_9 {
  left: 37.500%; }
.container_pdbe .push_10 {
  left: 41.667%; }
.container_pdbe .push_11 {
  left: 45.833%; }
.container_pdbe .push_12 {
  left: 50.000%; }
.container_pdbe .push_13 {
  left: 54.167%; }
.container_pdbe .push_14 {
  left: 58.333%; }
.container_pdbe .push_15 {
  left: 62.500%; }
.container_pdbe .push_16 {
  left: 66.667%; }
.container_pdbe .push_17 {
  left: 70.833%; }
.container_pdbe .push_18 {
  left: 75.000%; }
.container_pdbe .push_19 {
  left: 79.167%; }
.container_pdbe .push_20 {
  left: 83.333%; }
.container_pdbe .push_21 {
  left: 87.500%; }
.container_pdbe .push_22 {
  left: 91.667%; }
.container_pdbe .push_23 {
  left: 95.833%; }
.container_pdbe .push_24 {
  left: 100.000%; }
.container_pdbe .pull_1 {
  left: -4.167%; }
.container_pdbe .pull_2 {
  left: -8.333%; }
.container_pdbe .pull_3 {
  left: -12.500%; }
.container_pdbe .pull_4 {
  left: -16.667%; }
.container_pdbe .pull_5 {
  left: -20.833%; }
.container_pdbe .pull_6 {
  left: -25.000%; }
.container_pdbe .pull_7 {
  left: -29.167%; }
.container_pdbe .pull_8 {
  left: -33.333%; }
.container_pdbe .pull_9 {
  left: -37.500%; }
.container_pdbe .pull_10 {
  left: -41.667%; }
.container_pdbe .pull_11 {
  left: -45.833%; }
.container_pdbe .pull_12 {
  left: -50.000%; }
.container_pdbe .pull_13 {
  left: -54.167%; }
.container_pdbe .pull_14 {
  left: -58.333%; }
.container_pdbe .pull_15 {
  left: -62.500%; }
.container_pdbe .pull_16 {
  left: -66.667%; }
.container_pdbe .pull_17 {
  left: -70.833%; }
.container_pdbe .pull_18 {
  left: -75.000%; }
.container_pdbe .pull_19 {
  left: -79.167%; }
.container_pdbe .pull_20 {
  left: -83.333%; }
.container_pdbe .pull_21 {
  left: -87.500%; }
.container_pdbe .pull_22 {
  left: -91.667%; }
.container_pdbe .pull_23 {
  left: -95.833%; }
.container_pdbe .pull_24 {
  left: -100.000%; }

.nopad {
  padding: 0px; }

/* Variables =================================================== */
/* Palette color codes */
/* end */
/* Mixins =================================================== */
/* [_overrides] =================================================== */
/* overiding ES default styling for icon fonts */
.icon-conceptual:before,
.icon-functional:before,
.icon-generic:before,
.icon-species:before,
.icon-socialmedia:before {
  color: white; }

.pdbe-topic .icon-conceptual:before,
.pdbe-topic .icon-functional:before,
.pdbe-topic .icon-generic:before,
.pdbe-topic .icon-species:before,
.pdbe-topic .icon-socialmedia:before,
.shortcuts .icon-conceptual:before,
.shortcuts .icon-functional:before,
.shortcuts .icon-generic:before,
.shortcuts .icon-species:before,
.shortcuts .icon-socialmedia:before {
  color: #333333; }

.organism-scientific .icon-species:before {
  color: #333333; }

/* [_template-scss-file] =================================================== */
.entry-heading h2 {
  margin: 10px 0 0; }

#intro h3 {
  font-size: 161.6%;
  margin: 10px 0 0;
  border-bottom: none; }

.pdbe-topic h4 {
  border-bottom: 1px solid #b3b3b3; }

.pdbe-shortcuts h4 {
  border-bottom: 1px solid #b3b3b3;
  font-size: 138.5%;
  line-height: inherit;
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 5px;
  padding-bottom: 3px; }
.pdbe-shortcuts h5 {
  font-size: 123%;
  font-variant: small-caps; }

body.section-pdbe div#local-masthead {
  background: #d8e5d8 url(/pdbe/static/images/banners/PDBe-banner_mono.png) top right no-repeat; }

body.section-pdbe div#local-title h1, body.section-pdbe div#local-title p, body.section-pdbe div#local-title a {
  color: #666666;
  text-shadow: 1px 1px white; }
body.section-pdbe div#local-title img {
  margin-top: 0.4em; }

.pdbe_quick_links ul,
.pdbe-shortcuts ul {
  list-style: none;
  padding-left: 9px; }
  .pdbe_quick_links ul li.highlight,
  .pdbe-shortcuts ul li.highlight {
    background-color: #bfbfbf; }
    .pdbe_quick_links ul li.highlight *,
    .pdbe-shortcuts ul li.highlight * {
      font-weight: bold; }

.data-label {
  font-weight: bold; }

.citation-reference {
  text-align: center; }

.pdbe-fact {
  margin-bottom: 9px; }

.ligands-environ-ligand .data-label {
  text-align: center; }
.ligands-environ-ligand .ligand-image {
  border: 1px solid #666666;
  box-shadow: 1px 1px 1px #b3b3b3; }

.related-reviews .reference {
  font-size: 67%; }
.related-reviews ul {
  list-style: none;
  padding-left: 9px; }

.expand-related-reviews {
  float: right;
  margin-right: 9px;
  cursor: pointer; }

.slideToggle {
  cursor: pointer; }

.pdbe-shortcuts > div {
  background: white; }
  .pdbe-shortcuts > div ul li a {
    display: block;
    border-bottom-color: #cccccc; }

@media only screen and (max-width: 480px) {
  /* 480 =================================================== */
  body.section-pdbe div#local-masthead {
    max-height: 48px; }
    body.section-pdbe div#local-masthead nav {
      display: none; }
  body.section-pdbe div#local-title {
    width: 100%;
    margin: 0;
    display: block;
    background: #d8e5d8 url(#) top right no-repeat; }
    body.section-pdbe div#local-title a {
      width: 10%;
      margin: 0;
      display: block; }
    body.section-pdbe div#local-title span {
      width: 88%;
      margin: 0;
      display: block; }
    body.section-pdbe div#local-title img {
      margin: 1%;
      width: 100%;
      height: 100%; }
    body.section-pdbe div#local-title p {
      font-size: 100%;
      padding: 1%; }
    body.section-pdbe div#local-title.logo-title-strapline h1 {
      font-size: 200%;
      width: 100%;
      display: block;
      margin: 0.4em 0 0 0;
      padding: 0 0 0 1%;
      white-space: nowrap;
      line-height: 0.5; }
    body.section-pdbe div#local-title.logo-title-strapline br {
      display: none; }
  body.section-pdbe .pdbe-content,
  body.section-pdbe .pdbe-quick-info,
  body.section-pdbe .entry-content-left,
  body.section-pdbe .entry-content-right,
  body.section-pdbe .pdbe-intro-title,
  body.section-pdbe .pdbe-intro-relevant,
  body.section-pdbe .pdbe-intro-image,
  body.section-pdbe .pdbe-intro-method,
  body.section-pdbe .pdbe-intro-resolution,
  body.section-pdbe .entry-breadcrumb,
  body.section-pdbe .pdbe-ligand-interaction,
  body.section-pdbe .release-dates,
  body.section-pdbe .pdbe-intro-citation {
    width: 98%;
    margin-left: 1%;
    margin-right: 1%;
    left: 0%; }
  body.section-pdbe .pdbe-intro-citation .citation-doi {
    width: 98%;
    margin-left: 1%;
    margin-right: 1%;
    left: 0%; }
  body.section-pdbe .pdbe-intro-citation .citation-reference {
    width: 98%;
    text-align: left; }
  body.section-pdbe .pdbe-intro-image {
    text-align: center; }
    body.section-pdbe .pdbe-intro-image img {
      max-width: 50%; }
  body.section-pdbe .pdbe-intro-heading h3 {
    margin-top: 0; }
  body.section-pdbe .entry-breadcrumb {
    width: 38%;
    padding: 0; }
    body.section-pdbe .entry-breadcrumb h2 {
      padding: 0; }
  body.section-pdbe .release-dates {
    width: 58%;
    padding: 0; } }
@media only screen and (max-width: 1382px) {
  /* 1382 =================================================== */
  body {
    max-width: 1600px;
    margin: 0 auto; } }