@charset "UTF-8";
@import url(https://fonts.googleapis.com/css?family=Ubuntu:700,400,300);
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font: inherit;
  font-size: 100%;
  vertical-align: baseline;
}

html {
  line-height: 1;
}

ol, ul {
  list-style: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

caption, th, td {
  text-align: left;
  font-weight: normal;
  vertical-align: middle;
}

q, blockquote {
  quotes: none;
}
q:before, q:after, blockquote:before, blockquote:after {
  content: "";
  content: none;
}

a img {
  border: none;
}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary {
  display: block;
}

* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.clear {
  clear: both;
}

.clearleft {
  clear: left;
}

.clearright {
  clear: right;
}

.right {
  clear: right;
  float: right;
  margin: 0 0 0.692em 20px;
}

.left {
  clear: left;
  float: left;
  margin: 0 20px 0.692em 0;
}

.icon-left {
  clear: left;
  float: left;
  width: 2em;
  margin: 0 .8em .692em 0;
}

.icon-inline {
  height: 1em;
  max-width: 1.25em;
}

.gray {
  opacity: .5;
}

.aside {
  display: flex;
  flex-direction: column;
}

@media (min-width: 26.25em) {
  .aside-half {
    width: 48.3871%;
    float: right;
    margin-right: 0;
    *margin-left: -1.33333em;
  }
}
@media (max-width: 26.25em) {
  .aside-half {
    float: none;
    margin: 0;
  }
}
img.no-clear {
  clear: none;
}

.comment .confirm-button-form, .profile #drupalorg-add-confirm-button {
  margin-top: 0.69231em;
}
.comment .confirm-button-form .undo, .profile #drupalorg-add-confirm-button .undo {
  background-color: #ffe69f;
  margin-bottom: .5em;
  padding: .5em;
  text-align: center;
}
.comment .confirm-button-form input, .profile #drupalorg-add-confirm-button input {
  margin-right: 0;
  width: 140px;
}
.comment .confirm-button-form .throbber, .profile #drupalorg-add-confirm-button .throbber {
  margin-top: 0;
}

.button-link, .panel-layout.capricorn .pane-bundle-case-study .field-name-field-cta-link a,
.panel-layout.capricorn .pane-bundle-cta .field-name-field-cta-link a, .panel-layout.capricorn .pane-bundle-case-study a .field-name-field-cta-link .field-item,
.panel-layout.capricorn .pane-bundle-cta a .field-name-field-cta-link .field-item {
  border: 2px solid #0678be;
  color: #0678be;
  display: inline-block;
  font-size: 1.25em;
  padding: 0.5em 1.75em;
  text-decoration: none;
}
.button-link:hover, .panel-layout.capricorn .pane-bundle-case-study .field-name-field-cta-link a:hover,
.panel-layout.capricorn .pane-bundle-cta .field-name-field-cta-link a:hover, .panel-layout.capricorn .pane-bundle-case-study a .field-name-field-cta-link .field-item:hover,
.panel-layout.capricorn .pane-bundle-cta a .field-name-field-cta-link .field-item:hover, .button-link:focus, .panel-layout.capricorn .pane-bundle-case-study .field-name-field-cta-link a:focus,
.panel-layout.capricorn .pane-bundle-cta .field-name-field-cta-link a:focus, .panel-layout.capricorn .pane-bundle-case-study a .field-name-field-cta-link .field-item:focus,
.panel-layout.capricorn .pane-bundle-cta a .field-name-field-cta-link .field-item:focus, .active.button-link, .panel-layout.capricorn .pane-bundle-case-study .field-name-field-cta-link a.active,
.panel-layout.capricorn .pane-bundle-cta .field-name-field-cta-link a.active, .panel-layout.capricorn .pane-bundle-case-study a .field-name-field-cta-link .active.field-item,
.panel-layout.capricorn .pane-bundle-cta a .field-name-field-cta-link .active.field-item {
  background-color: #0678be;
  color: white;
  text-decoration: none;
}

.accordion-processed {
  margin-bottom: 1em;
}
.accordion-processed > h3 {
  margin: .5em 0 0 0;
}
.accordion-processed > h3 button {
  background: url(../images/icon-w-dropdown.svg) #0678be center right 1em/1.5em no-repeat;
  border: none;
  color: white;
  display: block;
  font-size: 1rem;
  font-weight: bold;
  padding: 1em 2.5em 1em 1em;
  text-align: left;
  width: 100%;
}
.accordion-processed > h3 button:hover, .accordion-processed > h3 button:focus {
  background-color: #064771;
}
.accordion-processed > .accordion-content {
  background: white;
  max-height: 250em;
  overflow: auto;
  padding: 1em;
  transition: max-height .3s, opacity .3s ease-in;
}
@media screen and (prefers-reduced-motion: reduce) {
  .accordion-processed > .accordion-content {
    transition: unset;
  }
}
.accordion-processed > .accordion-content[hidden] {
  display: block;
  max-height: 0;
  opacity: 0;
  overflow: hidden;
  padding: 0;
  visibility: hidden;
}

.drupalorg-site-api .ctools-collapsible-container {
  margin-bottom: 5px;
}
.drupalorg-site-api .block-api .description {
  float: right;
  padding-left: 10px;
}
.drupalorg-site-api .block-api input[type="submit"] {
  margin-top: .5em;
}
.drupalorg-site-api table.views-table:not(.mobile-table) .views-field-title {
  min-width: 20em;
}
.drupalorg-site-api #api-function-signature.mobile-table td:before {
  display: none;
}
.drupalorg-site-api #api-function-signature.mobile-table .branch {
  text-align: left;
  padding-bottom: 0;
}
.drupalorg-site-api #api-function-signature.mobile-table .signature {
  padding-top: 0;
}
@media (min-width: 65.625em) {
  .drupalorg-site-api .container-12, .drupalorg-site-api #footer .block-inner, #footer .drupalorg-site-api .block-inner {
    width: 90%;
    max-width: none;
  }
}
.drupalorg-site-api #content .item-list ul {
  padding-left: 0;
}
.drupalorg-site-api #content .item-list ul ul {
  padding-left: 1.5em;
}
.drupalorg-site-api #content .item-list ul .item-list li {
  list-style: disc;
}
.drupalorg-site-api #content table {
  position: relative;
  z-index: 1;
}

ol.code-lines,
ol.code-lines li {
  margin: 0 0 0 30px;
}

#api-function-signature td {
  border: 0;
  vertical-align: baseline;
}

#autocomplete {
  border: 1px solid gainsboro;
  border-top: 0;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.4);
}
#content #autocomplete ul {
  list-style-type: none;
  margin-bottom: 0;
  padding-left: 0;
}
#autocomplete li {
  padding: .25em .5em;
}
#autocomplete li.selected {
  background: #0678be;
}

.field-widget-entityreference-autocomplete .field-multiple-table .form-type-textfield {
  position: relative;
}

body {
  font-family: "Lucida Grande", "DejaVu Sans", "Bitstream Vera Sans", Verdana, Arial, sans-serif;
  color: #222222;
  background-color: white;
  display: flex;
  flex-direction: column;
  font-size: 0.8125em;
  line-height: 1.384615em;
  min-height: 100vh;
  word-wrap: break-word;
}

caption,
th,
td,
input,
textarea,
select,
option,
legend,
fieldset {
  font-family: inherit;
  line-height: 1.384615em;
}

[dir=rtl] th,
[dir=rtl] td {
  text-align: right;
}

input, textarea {
  font-size: 1em;
}

h1,
.h1,
.view-drupalorg-supporters h2 {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  color: black;
  font-size: 2em;
  font-weight: normal;
  line-height: 1.1em;
  margin: .825em 0;
}

h2, .h2 {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 1.538em;
  font-weight: normal;
  line-height: 1.35em;
  margin: 0.9em 0 0.45em;
}
h2:first-child, .h2:first-child {
  margin-top: 0;
}

h3,
.h3 {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: bold;
  font-size: 1.231em;
  line-height: 1.6875em;
  margin: 0 0 0.5625em;
}

h3.top {
  margin-top: 0;
}

h4,
.h4,
h5,
.h5,
h6,
.h6 {
  font-size: 1em;
  line-height: 1.385em;
  font-weight: bold;
  margin: 0.5em 0 0.166667em;
}

h5,
.h5,
h6,
.h6 {
  color: #4e4e4e;
}

p {
  margin-bottom: 1.385em;
}

a,
a:visited,
a:active,
details > summary {
  color: #0678be;
  text-decoration: none;
}

a:hover,
a:focus {
  color: #0678be;
  text-decoration: underline;
}

a.tabledrag-handle .handle {
  height: 2em;
  width: 2em;
}

code,
pre {
  font-family: Monaco, Consolas, 'Andale Mono', 'Ubuntu Mono', monospace;
  white-space: pre-wrap;
}

code {
  font-size: 0.84615em;
}

[dir=rtl] code,
[dir=rtl] pre {
  text-align: left;
}

strong,
b {
  font-weight: bold;
}

em,
i {
  font-style: italic;
}

img {
  max-width: 100%;
  height: auto;
}

iframe {
  max-width: 100%;
}

blockquote {
  margin: 1.384em 40px 1.384em 20px;
  padding-left: 30px;
}
blockquote:before {
  color: #0678be;
  content: '“';
  float: left;
  font-size: 3em;
  margin: .2em 0 0 -.6em;
}

q {
  quotes: "“" "”" "‘" "’";
}
q:before {
  content: open-quote;
}
q:after {
  content: close-quote;
}

acronym {
  border-bottom: 1px dotted #4e4e4e;
}

sup {
  font-size: 0.769em;
  line-height: 0;
  vertical-align: super;
}

sub {
  font-size: 0.923em;
  line-height: 0;
  vertical-align: sub;
}

small {
  font-size: 0.923em;
}

sup sup sup, sub sub sub, small small small {
  font-size: 9px;
  position: relative;
  top: 0;
  bottom: 0;
  vertical-align: baseline;
}

hr {
  border: 0;
  border-top: 1px solid gainsboro;
  margin: 1em 0;
}

dl {
  margin-bottom: 0.692em;
}

dt {
  font-weight: bold;
  margin: 0.692em 0 0;
}

dl.documentation dt {
  font-size: 1.23076em;
  margin-top: 0.563em;
}
dl.documentation dd {
  padding-left: 0;
}

fieldset {
  border: 1px solid gainsboro;
  padding: 0.692em;
  margin: 0 0 1.384em 0;
}
fieldset legend {
  padding: 0 0.25em;
}
html.js fieldset.collapsed {
  height: auto;
}
fieldset table:not(.sticky-headers) {
  width: 100%;
}
fieldset:not(.filter-wrapper):not(.vertical-tabs-pane) {
  background: whitesmoke;
  border: none;
}
fieldset:not(.filter-wrapper):not(.vertical-tabs-pane) legend {
  padding: 0;
  margin-bottom: .692em;
  float: left;
}
fieldset:not(.filter-wrapper):not(.vertical-tabs-pane) legend + * {
  clear: both;
}
html.js fieldset:not(.filter-wrapper):not(.vertical-tabs-pane).collapsible legend {
  width: 100%;
}
html.js fieldset:not(.filter-wrapper):not(.vertical-tabs-pane).collapsible .fieldset-legend {
  background-position: 10px 60%;
  margin: -0.692em;
  padding: 0;
}
html.js fieldset:not(.filter-wrapper):not(.vertical-tabs-pane).collapsible.collapsed {
  padding-bottom: 0;
}
html.js fieldset:not(.filter-wrapper):not(.vertical-tabs-pane).collapsible.collapsed .fieldset-legend {
  background-position: 10px 50%;
}
html.js fieldset:not(.filter-wrapper):not(.vertical-tabs-pane).collapsible .fieldset-title {
  display: inline-block;
  padding: .692em .692em .692em 1.75em;
  width: 100%;
}
fieldset:not(.filter-wrapper):not(.vertical-tabs-pane) .summary {
  display: none;
}
fieldset.filter-wrapper {
  border-color: whitesmoke;
  padding: 0.692em;
}
fieldset.filter-wrapper legend, fieldset.vertical-tabs-pane fieldset.filter-wrapper legend {
  display: none;
}
fieldset.filter-wrapper .fieldset-wrapper {
  display: block !important;
}
html.js fieldset.filter-wrapper.collapsed {
  border-width: 1px;
  border-top: 0;
}
fieldset.filter-wrapper .form-item {
  padding: 0;
}
fieldset .filter-guidelines {
  display: none;
}
fieldset .filter-help {
  margin: 0;
  padding: .1em 0;
}

.new-style {
  font-family: 'Ubuntu', sans-serif;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  font-size: 1em;
}
.new-style h1, .new-style h2, .new-style h3, .new-style h4, .new-style h5, .new-style h6 {
  font-family: 'Ubuntu', sans-serif;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
}
.new-style h1, .new-style h2 {
  color: #064771;
  font-weight: 300;
}
.new-style h1 {
  font-size: 2.5em;
}
.new-style h2 {
  font-size: 2em;
}
.new-style h3 {
  font-size: 1.5em;
  font-weight: normal;
  line-height: 1.2em;
}
.new-style code {
  font-size: 0.75em;
}
.new-style #nav-header {
  font-size: 0.95em;
}
.new-style #block-drupalorg-announcements,
.new-style .button-link {
  font-size: 1em;
}

#skip-link {
  text-align: center;
  position: absolute;
  left: 0;
  right: 0;
  z-index: 1500;
}
#skip-link a {
  background: #064771;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.4);
  color: white;
  padding: 3px 20px 8px;
  text-decoration: none;
  border-radius: 0px 0px 10px 10px;
}

#aside .block,
#sidebar-first .block {
  background: whitesmoke;
}
#aside .block-inner,
#sidebar-first .block-inner {
  padding: 1em;
}

.book-navigation {
  clear: both;
}
.book-navigation ul.menu, .block .book-navigation ul.menu {
  border-top: 1px solid gainsboro;
  display: block;
  padding: 1em 0 0 3em;
}
.book-navigation .page-links {
  border-top: 1px solid gainsboro;
  border-bottom: 1px solid gainsboro;
  margin-bottom: 20px;
}

#aside #block-drupalorg-handbook-meta-sidebar,
#aside #block-drupalorg-handbook-about-page,
#sidebar-first #block-drupalorg-handbook-meta-sidebar,
#sidebar-first #block-drupalorg-handbook-about-page {
  background: white;
}

input.action-button,
a.action-button {
  display: inline-block;
  color: white;
  background: #7cbc48;
  border: 2px solid #7cbc48;
  padding: .5em 2em;
  font-size: 1.077em;
}
input.action-button:focus, input.action-button:hover,
a.action-button:focus,
a.action-button:hover {
  text-decoration: none;
  background: #367d02;
  border: 2px solid #367d02;
}

#aside .block-message-follow {
  background: white;
}
#aside .block-message-follow .block-inner {
  padding: 0;
}

.flag-project-issue-follow {
  display: block;
}
.flag-project-issue-follow .flag {
  background: url(../images/icon-green-star.svg) transparent left center/1.5em no-repeat;
  display: inline-block;
  padding: 1em 0.5em 1em 2em;
}
.flag-project-issue-follow .flag:hover, .flag-project-issue-follow .flag:focus {
  background-image: url(../images/icon-green-star-fill.svg);
}
.flag-project-issue-follow .unflag-action {
  background: url(../images/icon-green-star-fill.svg) transparent left center/1.5em no-repeat;
  color: #4e4e4e;
}
.flag-project-issue-follow .unflag-action:hover, .flag-project-issue-follow .unflag-action:focus {
  background-image: url(../images/icon-green-star.svg);
}
.flag-project-issue-follow .flag-tracker-count {
  color: #4e4e4e;
}

.message-follow-following-context {
  background: url(../images/icon-dk-gray-star-fill.svg) transparent left center/1.5em no-repeat;
  color: #4e4e4e;
  display: block;
  padding: 1em 0 1em 2em;
}
.message-follow-following-context a {
  color: #4e4e4e;
}
.message-follow-following-context a:hover, .message-follow-following-context a:focus {
  color: #0678be;
}

a.primary-button, .panel-pane.pane-fieldable-panels-pane.d-dcon .field-name-field-cta-link a, .container .panel-pane.pane-fieldable-panels-pane.d-sponsor .fieldable-panels-pane .field-name-field-cta-link .field-item a {
  background: #064771;
  border: 2px solid #064771;
  color: white;
  display: inline-block;
  margin: 0 1.5em .5em 0;
  padding: .5em 2em;
}
a.primary-button:hover, .panel-pane.pane-fieldable-panels-pane.d-dcon .field-name-field-cta-link a:hover, .container .panel-pane.pane-fieldable-panels-pane.d-sponsor .fieldable-panels-pane .field-name-field-cta-link .field-item a:hover {
  background: #0678be;
  border-color: #0678be;
  text-decoration: none;
}

a.secondary-button, .pane-bundle-cta-multiple .fieldable-panels-pane > .field-name-field-link a {
  border: 2px solid #0678be;
  color: #0678be;
  display: inline-block;
  margin: 0 1.5em .5em 0;
  padding: .5em 2em;
}
a.secondary-button:hover, .pane-bundle-cta-multiple .fieldable-panels-pane > .field-name-field-link a:hover {
  background: #0678be;
  border-color: #0678be;
  color: white;
  text-decoration: none;
}

a.primary-button:last-of-type, .panel-pane.pane-fieldable-panels-pane.d-dcon .field-name-field-cta-link a:last-of-type, .container .panel-pane.pane-fieldable-panels-pane.d-sponsor .fieldable-panels-pane .field-name-field-cta-link .field-item a:last-of-type, a.secondary-button:last-of-type, .pane-bundle-cta-multiple .fieldable-panels-pane > .field-name-field-link a:last-of-type {
  margin-right: 0;
}

.drupalorg-copy-container {
  display: flex;
  flex-wrap: wrap;
}
.drupalorg-copy-container .drupalorg-copy {
  font-family: Monaco, Consolas, 'Andale Mono', 'Ubuntu Mono', monospace;
  width: calc(100% - 1.25rem);
}
.drupalorg-copy-container button {
  background: transparent;
  border: 0;
  margin: 0 0 0 .25rem;
  opacity: .87;
  padding: 0;
  width: 1rem;
}
.drupalorg-copy-container button:hover, .drupalorg-copy-container button:focus {
  background: transparent;
}

blockquote.big {
  padding-left: 8.51064%;
  padding-right: 8.51064%;
  background: #4e4e4e;
  color: white;
  font-size: 2em;
  font-style: italic;
  line-height: 1.5em;
  padding-top: 1em;
  padding-bottom: 1em;
  word-wrap: normal;
}
blockquote.big p:last-child {
  margin: 0;
}
blockquote.big cite {
  display: block;
  font-size: .75em;
  line-height: 2em;
}
blockquote.big cite::before {
  content: '— ';
}

.big-stats {
  align-content: flex-start;
  align-items: center;
  background: #4e4e4e;
  display: flex;
  flex-direction: row;
  margin: 1em 0;
  flex-wrap: wrap;
  justify-content: space-around;
  margin: 1rem 0;
  padding: 1rem;
}
.big-stats p {
  color: white;
  font-size: 3em;
  font-style: italic;
  line-height: 2.5rem;
  margin: 0;
  padding: 1rem 0;
  text-align: center;
  width: 16rem;
}
.big-stats p strong {
  display: block;
  font-size: 5rem;
  padding-bottom: 1rem;
}

.comment {
  margin-top: 0.692em;
  padding-top: 0.692em;
}
.comment:not(.system-message) + div.comment:not(.system-message) {
  border-top: 1px solid gainsboro;
}
.comment:first-of-type {
  padding-top: 0;
}
.comment.token {
  border: none;
  margin-top: 0;
  padding-top: 0;
}
.comment > h3 {
  margin-bottom: 0;
}
.comment .submitted {
  font-style: italic;
}
.comment .submitted a.username {
  font-style: normal;
  font-size: 1.2307em;
}
.comment .submitted .field {
  display: inline-block;
  font-style: normal;
  margin-left: .5em;
}
.comment .submitted .field-name-field-user-pronouns .field-item, .comment .submitted .field-name-field-user-location .field-item {
  display: inline-block;
  max-width: 10em;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  vertical-align: bottom;
}
.comment .submitted time {
  border-bottom: 1px dotted;
  cursor: pointer;
  white-space: nowrap;
}
.comment .permalink-wrapper {
  float: right;
  margin: -.2708em 0 0 0.5em;
}
.comment .permalink-wrapper .permalink {
  font-weight: normal;
  font-style: normal;
}
.comment .permalink-wrapper .permalink:hover, .comment .permalink-wrapper .permalink:focus {
  color: #0678be;
}
.comment .links {
  float: right;
}
.comment .new {
  float: right;
  color: white;
  background: #818181;
  padding: 3px 6px;
  margin: 0 0 0 0.5em;
  text-transform: uppercase;
  font-size: 0.8333em;
  line-height: 1em;
}
.comment p:last-child {
  margin-bottom: 0;
}
#content .comment ul:last-child {
  margin-bottom: 0;
}
.comment.system-message {
  padding-top: 0;
}
#content .comment.system-message .submitted {
  float: right;
  font-size: .7692em;
  margin: .6em .6em 0 0;
}
.comment.system-message .submitted time {
  display: none;
}
.comment.system-message:hover .submitted time, .comment.system-message:focus .submitted time {
  display: inline;
}
.comment.system-message .new {
  margin: 4px 4px 0 0;
}
.comment.system-message .content {
  background: whitesmoke;
  color: #4e4e4e;
  margin-left: 0;
  border-left: 10px solid gainsboro;
  font-size: .923em;
  padding: .5em 10px;
}
.comment.system-message.testing-failed .content {
  border-left-color: #ffdccd;
}
.comment.system-message.queued-retesting .content {
  border-left-color: #ffcf73;
}
.comment.system-message.closed .content {
  border-left-color: #fc8596;
}
.comment.system-message.committed .content {
  border-left-color: #7cbc48;
}
.comment.system-message.committed .content a {
  font-weight: bold;
}
#content .comment.system-message.committed .content ul {
  list-style-type: none;
  padding-left: 0;
}
.comment.system-message.committed .content li {
  margin-bottom: 0.5em;
}
.comment.system-message.committed .content li:last-child {
  margin-bottom: 0;
}
.comment .user-picture-with-button {
  float: left;
}
.comment .confirm-button-form {
  clear: left;
  float: left;
  width: 40px;
}
.comment .confirm-button-form input {
  border: 0;
  font-size: .692em;
  font-weight: normal;
  padding-left: 0;
  padding-right: 0;
}

.comment .picture, .merge-request-activity .picture {
  float: left;
  width: 40px;
}
.comment .picture img, .merge-request-activity .picture img {
  display: block;
  border-radius: 50%;
}
.comment .new-user, .merge-request-activity .new-user {
  background: #0678be;
  color: white;
  text-align: center;
  text-transform: uppercase;
  font-size: .7692em;
  line-height: 1.3;
  margin: .25em 0 0 0;
}
.comment > h3, .comment .submitted, .comment .content, .comment .merge-request-note, .comment .reply-to, .merge-request-activity > h3, .merge-request-activity .submitted, .merge-request-activity .content, .merge-request-activity .merge-request-note, .merge-request-activity .reply-to {
  margin-left: 50px;
}

.permalink, .permalink:visited {
  color: #4e4e4e;
}

.user-signature {
  margin: 1.5em 0 0 0;
  color: #4e4e4e;
  font-size: 0.92307em;
}

.indented {
  border-left: 2px solid gainsboro;
  margin-left: 1vw;
  padding-left: 1vw;
}
[dir=rtl] .indented {
  border-left: 0;
  border-right: 2px solid gainsboro;
  margin-left: 0;
  margin-right: 1vw;
  padding-left: 0;
  padding-right: 1vw;
}
.indented .indented .indented .indented {
  border-left: 0;
  margin-left: 0;
  padding-left: 0;
}
[dir=rtl] .indented .indented .indented .indented {
  border-right: 0;
  margin-right: 0;
  padding-right: 0;
}

.comment .submitted .attribution-label, .view-contributor-roles .attribution-label {
  background: whitesmoke;
  font-size: 0.83333em;
  font-style: normal;
  padding: 0.3em;
  border-radius: 5px;
  cursor: pointer;
  position: relative;
}
.comment .submitted .attribution, .view-contributor-roles .attribution {
  background: whitesmoke;
  font-size: 1.2em;
  font-style: normal;
  padding: 0.3em 0.5em;
  border: 1px solid gainsboro;
  border-radius: 0.25em;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.4);
  position: absolute;
  top: 1.7em;
  left: -4em;
  z-index: 1;
}
@media (max-width: 26.25em) {
  .comment .submitted .attribution, .view-contributor-roles .attribution {
    width: 15em;
  }
}
@media (min-width: 26.25em) {
  .comment .submitted .attribution, .view-contributor-roles .attribution {
    white-space: pre;
  }
}
.comment .submitted .attribution:after, .comment .submitted .attribution:before, .view-contributor-roles .attribution:after, .view-contributor-roles .attribution:before {
  bottom: 100%;
  left: 5.5em;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
}
.comment .submitted .attribution:after, .view-contributor-roles .attribution:after {
  border-bottom-color: whitesmoke;
  border-width: 5px;
  margin-left: -5px;
}
.comment .submitted .attribution:before, .view-contributor-roles .attribution:before {
  border-bottom-color: gainsboro;
  border-width: 7px;
  margin-left: -7px;
}

.node-teaser {
  margin-bottom: 1.385em;
}

#content .node-sticky {
  background-color: whitesmoke;
  padding: 10px;
}

#content .node-sticky h2.node-title {
  margin-top: 0;
}

#content .submitted,
#content .modified,
#aggregator .feed-item-meta,
#content .comment .links {
  color: #4e4e4e;
  font-size: 0.92307em;
  margin-bottom: 0.75em;
}

.submitted time {
  font-style: italic;
}

body.page-node #content .tabs ul.tabs li {
  float: left;
  display: block;
  font-size: 0.92307em;
  margin: 0 5px;
  padding: 1px 4px;
  text-decoration: none;
}

body.page-node #content .tabs ul.tabs li.active {
  display: none;
}

.feed-source,
#content .node-footer,
#aggregator .feed-item-categories,
.node .support,
.field-field-assoc-benefit-restrictions,
#block-drupalorg-handbook-license {
  color: #4e4e4e;
  font-size: 0.92307em;
}

.cke_editable {
  padding: 1em;
}

div.codeblock, pre.codeblock,
pre.literallayout, pre.screen, pre.programlisting,
pre[class*="language-"], pre.cke_widget_element {
  background: whitesmoke;
  border: none;
  border-radius: .25em;
  color: #4e4e4e;
  margin-bottom: 1em;
  padding: .25em .5em;
}

:not(pre) > code[class*="language-"] {
  background: whitesmoke;
  padding: .25em;
  border-radius: .25em;
}

.node-footer .links li + li:before {
  content: " ⋅ ";
}

.revision-log {
  -ms-word-break: break-all;
  word-break: break-all;
  word-break: break-word;
  -webkit-hyphens: auto;
  -moz-hyphens: auto;
  hyphens: auto;
}

#footer {
  font-family: 'Ubuntu', sans-serif;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  background-color: #064771;
}
#footer .block {
  padding: 2em 0;
}
#footer .block:last-child {
  padding: 1em 0;
}
#footer .block:last-child a {
  color: white;
  font-weight: bold;
}
#footer .block:last-child .block-inner {
  border-top: 1px solid #0965a1;
  color: white;
  padding-top: 1em;
  text-align: center;
}

#block-drupalorg-crosssite-drupalorg-footer {
  overflow: hidden;
  *zoom: 1;
  color: white;
}
#block-drupalorg-crosssite-drupalorg-footer a {
  color: white;
}
#block-drupalorg-crosssite-drupalorg-footer a:focus {
  outline: 0;
  background: rgba(0, 0, 0, 0.2);
  box-shadow: 0 0 0 5px rgba(0, 0, 0, 0.2);
}
#block-drupalorg-crosssite-drupalorg-footer li:first-child {
  margin-bottom: .5em;
}
#block-drupalorg-crosssite-drupalorg-footer li:first-child a {
  font-weight: bold;
}
#block-drupalorg-crosssite-drupalorg-footer ul {
  margin-top: 20px;
}
#block-drupalorg-crosssite-drupalorg-footer ul.drupal-news {
  margin-top: 0;
}
@media all and (min-width: 380px) and (max-width: 534px) {
  #block-drupalorg-crosssite-drupalorg-footer ul {
    width: 48.71795%;
    float: left;
    margin-right: 2.5641%;
  }
  #block-drupalorg-crosssite-drupalorg-footer ul.community, #block-drupalorg-crosssite-drupalorg-footer ul.download-extend {
    float: right;
    margin-right: 0;
    *margin-left: -1.33333em;
  }
  #block-drupalorg-crosssite-drupalorg-footer ul.community {
    margin-top: 0;
  }
  #block-drupalorg-crosssite-drupalorg-footer ul.about, #block-drupalorg-crosssite-drupalorg-footer ul.get-started {
    clear: left;
  }
}
@media all and (min-width: 535px) and (max-width: 699px) {
  #block-drupalorg-crosssite-drupalorg-footer ul {
    width: 31.91489%;
    float: left;
    margin-right: 2.12766%;
  }
  #block-drupalorg-crosssite-drupalorg-footer ul.get-started {
    float: right;
    margin-right: 0;
    *margin-left: -1.33333em;
    margin-top: 0;
  }
  #block-drupalorg-crosssite-drupalorg-footer ul.download-extend {
    clear: left;
  }
  #block-drupalorg-crosssite-drupalorg-footer ul.community {
    margin-top: 0;
  }
}
@media all and (min-width: 700px) and (max-width: 793px) {
  #block-drupalorg-crosssite-drupalorg-footer ul {
    width: 23.40426%;
    float: left;
    margin-right: 2.12766%;
  }
  #block-drupalorg-crosssite-drupalorg-footer ul.download-extend {
    float: right;
    margin-right: 0;
    *margin-left: -1.33333em;
  }
  #block-drupalorg-crosssite-drupalorg-footer ul.community {
    margin-top: 0;
  }
  #block-drupalorg-crosssite-drupalorg-footer ul.get-started {
    margin-top: 0;
  }
  #block-drupalorg-crosssite-drupalorg-footer ul.download-extend {
    margin-top: 0;
  }
  #block-drupalorg-crosssite-drupalorg-footer ul.about {
    clear: left;
  }
}
@media all and (min-width: 794px) {
  #block-drupalorg-crosssite-drupalorg-footer ul {
    width: 17.94872%;
    float: left;
    margin-right: 2.5641%;
    margin-top: 0;
  }
  #block-drupalorg-crosssite-drupalorg-footer ul.about {
    float: right;
    margin-right: 0;
    *margin-left: -1.33333em;
  }
}

#block-drupalorg-documentation-license {
  background: gainsboro;
  font-family: 'Ubuntu', sans-serif;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
}

input[type="checkbox"],
input[type="radio"] {
  margin: 0 0.5ex;
}

.form-item {
  margin-top: 0;
}

.form-item,
.form-wrapper,
.form-item-title,
.text-format-wrapper {
  margin-bottom: 0.69231em;
}
.form-item:last-child,
.form-wrapper:last-child,
.form-item-title:last-child,
.text-format-wrapper:last-child {
  margin-bottom: 0;
}

.filter-wrapper {
  margin-bottom: 0;
}

.text-format-wrapper .description {
  margin: 0;
}

.form-checkboxes .form-item,
.form-radios .form-item {
  margin: 0.25em 0;
}

.form-item label {
  font-weight: bold;
}
.form-item label.option {
  font-weight: normal;
}

.fieldset-description,
.description {
  color: #4e4e4e;
  font-size: 0.8125em;
}

.form-type-radio span.description, .form-type-checkbox span.description {
  margin-left: 0;
}

input, textarea, select {
  margin: 0;
  max-width: 100%;
}

.form-text,
.form-textarea {
  border: 1px solid gainsboro;
  padding: 5px;
}

html.js input.form-autocomplete {
  background-position: 99% 6px;
}
html.js input.form-autocomplete.throbbing {
  background-position: 99% -14px;
}

#autocomplete + .form-autocomplete {
  position: relative;
  z-index: 100;
}

a.link-button,
input[type="submit"] {
  font-size: 1.38462em;
  font-weight: normal;
  color: white;
  background-color: #7cbc48;
  border: 2px solid #7cbc48;
  display: inline-block;
  padding: 0 1em;
  overflow: hidden;
  text-align: center;
}
a.link-button:hover, a.link-button:focus,
input[type="submit"]:hover,
input[type="submit"]:focus {
  background-color: #367d02;
  border-color: #367d02;
  cursor: pointer;
}

input[type="submit"] {
  margin-right: 0.615384em;
  -webkit-appearance: none;
}
input[type="submit"][disabled="disabled"], input[type="submit"][disabled="disabled"]:hover, input[type="submit"][disabled="disabled"]:focus {
  background: gainsboro;
  border-color: gainsboro;
  cursor: not-allowed;
}

input[type="submit"],
details.button > summary {
  font-size: 0.92307em;
  padding: 0 1em;
  line-height: 2.008em;
}

details > summary::-webkit-details-marker {
  display: none;
}
details > summary:hover, details > summary:focus {
  cursor: pointer;
}

details.button {
  display: inline-block;
}
details.button > summary {
  color: white;
  background: #7cbc48;
  border: 2px solid #7cbc48;
  display: inline-block;
}
details.button > summary::after {
  content: ' ▾';
}
details.button > summary:hover, details.button > summary:focus {
  background: #367d02;
  border-color: #367d02;
}
details.button > summary + * {
  margin-top: .5em;
}

.link-button {
  line-height: 36px;
  white-space: nowrap;
}
.link-button:hover {
  text-decoration: none;
}

button {
  background: #7cbc48;
  border: 2px solid #7cbc48;
  color: white;
  font: inherit;
  font-size: 1em;
  margin: .5em .5em 0 0;
  padding: .1em .5em;
}
button::-moz-focus-inner {
  border: none;
}
button:focus {
  outline: 2px solid #909090;
  outline-offset: 2px;
}
button:hover, button:focus {
  background: #367d02;
  border-color: #367d02;
  cursor: pointer;
}
button:last-of-type {
  margin-right: 0;
}

fieldset a.link-button,
fieldset input[type="submit"],
fieldset button, .field-widget-field-collection-embed a.link-button,
.field-widget-field-collection-embed input[type="submit"],
.field-widget-field-collection-embed button {
  background: #4e4e4e;
  border: 2px solid #4e4e4e;
}

.form-managed-file .form-file {
  margin-right: 1em;
}

tr.odd.drag-previous, tr.even.drag-previous {
  background: #fdfced;
}

form .field-multiple-table td.field-multiple-drag {
  width: 40px;
}

form .field-multiple-table td.field-multiple-drag a.tabledrag-handle {
  padding-right: 0;
}

tr.draggable span.warning {
  margin-left: 0;
}

.vertical-tabs fieldset.vertical-tabs-pane {
  padding: 0.692em 1em;
}

.views-exposed-form .views-exposed-widget .form-submit {
  margin-top: 1.4em;
}

@media (max-width: 26.25em) {
  input[type="submit"] + input[type="submit"] {
    margin-left: 0;
  }

  input.form-autocomplete,
  input.form-text,
  input.form-tel,
  input.form-email,
  input.form-url,
  input.form-search,
  input.form-number,
  input.form-color,
  input.form-file,
  textarea.form-textarea {
    width: 100%;
    font-size: 1.2em;
    line-height: 1em;
  }

  .form-select {
    width: 100%;
  }

  .form-actions input,
  .form-wrapper input[type="submit"],
  .views-exposed-form .views-exposed-widget .form-submit {
    float: none;
    margin-right: 0;
    margin-top: 10px;
    padding-bottom: 6px;
    padding-top: 6px;
    width: 100%;
    font-size: 1.2em;
  }

  .exposed-filters .filters,
  .exposed-filters .form-item label,
  .exposed-filters .form-select {
    float: none;
    margin-bottom: 2px;
    width: 100%;
  }

  fieldset .fieldset-legend {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%;
  }

  .views-exposed-form .views-exposed-widget {
    float: none;
  }
}
#user-profile-form .group-name {
  overflow: hidden;
  *zoom: 1;
}
#user-profile-form .group-name .field-name-field-first-name {
  float: left;
  margin-right: 1em;
}
#user-profile-form .group-name .form-type-textfield input,
#user-profile-form .field-name-field-organizations .form-type-textfield input {
  width: 20em;
}

.element-invisible.toggle + label {
  color: #0678be;
}

.element-invisible.toggle:checked + label {
  font-weight: bold;
}

.element-invisible.toggle-button + label {
  background: #7cbc48;
  border: 2px solid #7cbc48;
  color: white;
  display: inline-block;
  font-size: 1.077em;
  padding: .5em 2em;
}

.element-invisible.toggle-button:checked + label,
.element-invisible.toggle-button:focus + label,
.element-invisible.toggle-button:hover + label {
  text-decoration: none;
  background: #367d02;
  border: 2px solid #367d02;
}

.container-12, #footer .block-inner {
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  max-width: 960px;
  padding: 0 10px;
}

/* todo: remove all grid classes post upgrade */
.grid-1 {
  width: 6.38298%;
  float: left;
  margin-right: 2.12766%;
}

.grid-2 {
  width: 14.89362%;
  float: left;
  margin-right: 2.12766%;
}

.grid-3 {
  width: 23.40426%;
  float: left;
  margin-right: 2.12766%;
}

.grid-4 {
  width: 31.91489%;
  float: left;
  margin-right: 2.12766%;
}

.grid-5 {
  width: 40.42553%;
  float: left;
  margin-right: 2.12766%;
}

@media all and (min-width: 760px) {
  .grid-6 {
    width: 48.93617%;
    float: left;
    margin-right: 2.12766%;
  }
}

.grid-7 {
  width: 57.44681%;
  float: left;
  margin-right: 2.12766%;
}

.grid-8 {
  width: 65.95745%;
  float: left;
  margin-right: 2.12766%;
}

.grid-9 {
  width: 74.46809%;
  float: left;
  margin-right: 2.12766%;
}

.grid-10 {
  width: 82.97872%;
  float: left;
  margin-right: 2.12766%;
}

.grid-11 {
  width: 91.48936%;
  float: left;
  margin-right: 2.12766%;
}

.grid-12 {
  width: 100%;
  float: left;
  margin-right: 2.12766%;
}

.omega {
  float: right;
  margin-right: 0;
  *margin-left: -1.33333em;
}

#header {
  background: url("../images/redesign2018/bg-shapes.svg") #08447a no-repeat center center;
  background-size: cover;
  color: white;
}
#header p {
  color: #bce3fa;
  font-size: 1.1em;
  line-height: 1.5;
}
.drupalorg-site-security #header {
  background: #843916;
  background: linear-gradient(to bottom, #843916 0%, #c43d10 100%);
}

@media (min-width: 47.5em) {
  #header-inner {
    display: flex;
  }

  #header-left {
    width: 57.44681%;
    float: left;
    margin-right: 2.12766%;
  }

  #header-right {
    width: 40.42553%;
    float: right;
    margin-right: 0;
    *margin-left: -1.33333em;
    display: flex;
    flex-direction: column;
    justify-content: center;
  }
}
#site-name a {
  display: block;
  font-size: 3em;
  font-weight: 300;
  line-height: 1em;
  padding: .5rem 0 0 0;
}
#site-name a img {
  width: 181px;
}
.drupalorg-site-api #site-name a img, .drupalorg-site-localize #site-name a img, .drupalorg-site-security #site-name a img {
  width: auto;
}
#site-name a img.association, .drupalorg-site-association #site-name a img {
  width: 202px;
}
@media (min-width: 65.625em) {
  #site-name a {
    font-size: 3.5em;
  }
}
#site-name a:hover, #site-name a:focus {
  color: #bce3fa;
  text-decoration: none;
}

#header-left, #header-right {
  margin-top: 1em;
  margin-bottom: 1em;
}

#header-left h2 {
  color: white;
  font-size: 2.2em;
  font-weight: 200;
  margin: 12px 0 12px 0;
}
#header-left a {
  color: white;
}

.drupalorg-inline-collapsible .collapsed {
  overflow: hidden;
  *zoom: 1;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}
.drupalorg-inline-collapsible .see-more {
  background: transparent;
  border: none;
  color: #0678be;
  display: block;
  margin: .25em 0 0 0;
  padding: 0;
  text-align: right;
  width: 100%;
}

.merge-request-note > .collapsed {
  display: block;
  max-height: 4.15385em;
  position: relative;
}
.merge-request-note > .collapsed::after {
  background: linear-gradient(transparent, #ffffff);
  content: ' ';
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  bottom: 0;
}
.merge-request-note .see-more {
  text-align: left;
  padding-bottom: 1em;
}

ul.primary,
ul.primary li,
ul.primary li.active,
ul.secondary,
ul.secondary li,
ul.secondary li.active {
  display: inline;
}

ul.menu,
ul.menu li,
ul.primary,
ul.primary li,
ul.primary li a,
ul.primary li.active a,
ul.secondary,
ul.secondary li,
ul.secondary li a,
ul.secondary li.active,
ul.secondary li.active a {
  margin: 0;
  padding: 0;
  border: none;
  background: none;
}

.item-list ul li {
  margin: 0;
  padding: 0;
  list-style: none;
  list-style-image: none;
  list-style-position: inherit;
  list-style-type: none;
}

.block ul,
#content .view-related-project-releases ul,
#content .top-right-content ul,
#content .bottom-right-content ul,
[dir=rtl] #content .top-right-content ul,
[dir=rtl] #content .bottom-right-content ul {
  margin: 0;
  padding: 0;
}

.block-book ul.menu, .block-menu ul.menu {
  padding: 0 0 0.25em 1em;
}

#content ul, .cke_editable ul,
ol,
dd {
  margin-bottom: 0.692em;
  padding-left: 2em;
}

[dir=rtl] #content ul,
[dir=rtl] .cke_editable ul,
[dir=rtl] ol,
[dir=rtl] dd {
  padding-left: 0;
  padding-right: 2em;
}

ol {
  list-style: decimal outside;
}
ol.upper-alpha {
  list-style-type: upper-alpha;
}

#aside .block ol,
#sidebar-first .block ol {
  list-style: none;
  padding-left: 0;
}

.profile .item-list li,
#aside .block .item-list li,
#aside .block .links li,
#sidebar-first .block .item-list li,
#sidebar-first .block .links li,
#homebox .block .menu li,
#homebox .block .item-list li {
  line-height: 1.2em;
  margin: 0 0 0.6em 0;
  padding: 0;
  list-style: none;
}

#content .profile .item-list ul,
#homebox ul,
#homebox ol,
#content .vertical-tabs-list {
  margin-bottom: 0;
  padding-left: 0;
}

#content ul, .cke_editable ul {
  list-style-type: disc;
}

#content .item-list ul.flat,
#content .item-list ul.links,
#content .item-list ul.flat li,
#content .item-list ul.links li,
#content ul.flat,
#content ul.links,
#content ul.flat li,
#content ul.links li,
.vertical-tab-button {
  list-style-type: none;
  list-style-image: none;
  margin-left: 0;
  padding-left: 0;
}

.flat li {
  margin-bottom: .6em;
}

li:not(:first-child) > .codeblock:first-child {
  margin-top: 1.5em;
}

.help,
div.messages,
div.warning,
div.error,
#block-system-help,
.nudge {
  border: 0;
  color: #222222;
  min-height: 1em;
  padding: 1em 1em 1em 3.5em;
}
.help a,
div.messages a,
div.warning a,
div.error a,
#block-system-help a,
.nudge a {
  text-decoration: underline;
}

#content div.messages ul {
  margin: 0;
}

.help,
#block-system-help,
.messages.status,
div.warning,
div.error {
  overflow: hidden;
  position: relative;
}
.help::before,
#block-system-help::before,
.messages.status::before,
div.warning::before,
div.error::before {
  border-radius: 50%;
  color: white;
  height: 2em;
  left: .75em;
  line-height: 2em;
  position: absolute;
  text-align: center;
  top: .75em;
  width: 2em;
}

.help,
#block-system-help {
  background: #bce3fa;
  margin-bottom: 1em;
}
.help::before,
#block-system-help::before {
  background: #0678be;
  content: '?';
  font-weight: bold;
}

div.more-help-link {
  margin-bottom: .5em;
}

.messages.status {
  background: #d4efcc;
}
.messages.status::before {
  background: #367d02;
  content: '✔';
}

div.warning {
  background: #ffe69f;
}
div.warning::before {
  background: #ff7b3a;
  content: '!';
  font-weight: bold;
}

div.error {
  background: #ebcccc;
}
div.error::before {
  background: #d32101;
  content: '✘';
}

span.warning {
  color: #e3901b;
  margin-left: .5em;
}

div.warning span.warning {
  display: none;
}

.deprecated,
.incomplete,
.out-of-date {
  background: #fdfced;
  border: 2px solid #fbf03b;
  border-left-width: 1em;
  padding: .8em 1em;
}

.click-to-tweet-box {
  border: 2px dashed #7cbc48;
  padding: .8em 1em;
  margin-bottom: 1em;
}
.click-to-tweet-box p:last-child {
  text-align: right;
}
@media (min-width: 47.5em) {
  .click-to-tweet-box {
    margin-left: 12.90323%;
    margin-right: 12.90323%;
  }
}

.note, .node .field-name-field-replaced-by {
  background: whitesmoke;
  border-left: 0.5em solid gainsboro;
  margin-bottom: 1.38462em;
  padding: 1em;
}

.note-tip {
  background: whitesmoke;
  margin-bottom: 1.38462em;
  min-height: 4em;
  padding: 1em 1em 1em 4em;
  position: relative;
}
.note-tip:before {
  background: url(../images/icon-w-bulb.svg) no-repeat center center/2.25em #0678be;
  border-radius: 10em;
  content: ' ';
  position: absolute;
  top: .5em;
  left: .5em;
  width: 3em;
  height: 3em;
}

.note-warning {
  background: url(../images/bg-gray-blueprint.png) 3em 0 whitesmoke;
  border-right: 2px solid gainsboro;
  border-bottom: 2px solid gainsboro;
  margin-bottom: 1.38462em;
  padding: 1em 1em 1em 4em;
  position: relative;
}
.note-warning:before {
  content: ' ';
  background: #ff7b3a;
  background-image: repeating-linear-gradient(-25deg, #ff7b3a, #ff7b3a 1em, #fd935f 1em, #fd935f 2em);
  position: absolute;
  top: 0;
  left: 0;
  bottom: -2px;
  width: 3em;
}

.note-version {
  background: url(../images/bg-white-blueprint.png);
  border-right: 2px solid whitesmoke;
  margin-bottom: 1.38462em;
  padding: 1em 1em 1.5em 4em;
  position: relative;
}
.note-version > h4:first-child {
  background: #0678be;
  color: white;
  line-height: 2.5em;
  margin: -1em calc(-1em - 2px) 1em -4em;
  padding: 0 1em;
}
.note-version:after {
  content: ' ';
  background: #0678be;
  position: absolute;
  left: 0;
  right: -2px;
  bottom: 0;
  height: .5em;
}

.nudge {
  background: #d4efcc url(../images/icon-dk-blue-wave.svg) 0.5em 0.5em/2.5em no-repeat;
  margin-bottom: 1.38462em;
}
.nudge a, .nudge a:visited {
  color: #064771;
}

.click-to-tweet-box,
.help, #block-system-help,
.note,
.node .field-name-field-replaced-by,
.note-tip,
.note-warning,
.note-version {
  display: flex;
  flex-direction: column;
}

.click-to-tweet-box p:last-child,
.help p:last-child, #block-system-help p:last-child,
.messages p:last-child,
.note p:last-child,
.node .field-name-field-replaced-by p:last-child,
.note-tip p:last-child,
.note-warning p:last-child,
.note-version p:last-child {
  margin-bottom: 0;
}

#drupalorg-crosssite-gdpr {
  background: #064771;
  box-shadow: 0 2px 2px 1px rgba(0, 0, 0, 0.2);
  color: white;
  padding: 1em;
  text-align: center;
  z-index: 1000;
}
#drupalorg-crosssite-gdpr a, #drupalorg-crosssite-gdpr a:visited, #drupalorg-crosssite-gdpr a:active {
  color: #bce3fa;
}

#drupalorg-crosssite-gdpr-edit {
  background: whitesmoke;
  padding: 1em;
}

@media (min-width: 47.5em) {
  #nav-content li.active,
  #nav-content li.active-parent a {
    background-color: white;
    border: 1px solid gainsboro;
    border-bottom: 0;
    -webkit-border-radius: 7px 7px 0 0;
    -moz-border-radius: 7px 7px 0 0;
    -ms-border-radius: 7px 7px 0 0;
    -o-border-radius: 7px 7px 0 0;
    border-radius: 7px 7px 0 0;
  }
}

.region-navigation {
  display: flex;
}

#block-system-main-menu {
  flex-grow: 1;
}

#nav-header {
  background: #0678be;
  overflow: hidden;
  *zoom: 1;
  font-family: 'Ubuntu', sans-serif;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  font-size: 1.15385em;
  min-height: 1.2em;
  overflow: visible;
}
#nav-header ul {
  padding: 0;
}
#nav-header a {
  color: white;
  display: block;
  margin: 0.333333rem 0;
  padding: 1.2rem .75em;
}
#nav-header ul li {
  list-style-image: none;
  list-style-type: none;
}
#nav-header input {
  font-size: 1em;
}
#nav-header .block-search {
  float: right;
  line-height: 4.5em;
  position: relative;
  z-index: 1;
}
#nav-header .block-search .form-submit {
  margin: 0.333333em 0.75em;
  width: 32px;
  vertical-align: middle;
}
#nav-header .block-search ::placeholder {
  color: #4e4e4e;
  opacity: 1;
}
#nav-header .block-search :-ms-input-placeholder {
  color: #4e4e4e;
}
#nav-header .form-item-search-block-form {
  display: inline-block;
  width: 0;
  position: absolute;
  right: 100%;
}
#nav-header input[type="text"] {
  background: #bce3fa;
  border: none;
  border-radius: 3px;
  font-family: 'Ubuntu', sans-serif;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  display: none;
  outline: 0;
  padding: .5em .75em;
  width: 100%;
}
#nav-header.search-expanded #block-system-main-menu,
#nav-header.search-expanded .menu-nav {
  filter: blur(3px);
  opacity: .2;
  transition: all .3s;
}
#nav-header.search-expanded .form-item-search-block-form {
  width: 15em;
  transition: width .3s;
}
@media (min-width: 0) and (max-width: 26.25em) {
  #nav-header.search-expanded .form-item-search-block-form {
    max-width: 50vw;
  }
}
@media screen and (prefers-reduced-motion: reduce) {
  #nav-header.search-expanded #block-system-main-menu,
  #nav-header.search-expanded .menu-nav,
  #nav-header.search-expanded .form-item-search-block-form {
    transition: unset;
  }
}
#nav-header.search-expanded input[type="text"] {
  display: inline;
}
#nav-header a[title='Try Drupal'] {
  background: #7cbc48;
  display: inline-block;
}
@media (min-width: 65.625em) {
  #nav-header a:hover,
  #nav-header a:focus,
  #nav-header .active-trail a {
    color: #bce3fa;
    text-decoration: none;
  }
  #nav-header a:hover[title='Try Drupal'],
  #nav-header a:focus[title='Try Drupal'],
  #nav-header .active-trail a[title='Try Drupal'] {
    color: white;
  }
  #nav-header a[title='Try Drupal'] {
    margin: 1.033333rem .5rem;
    padding: .5rem .5em;
  }
}

@media (min-width: 65.625em) {
  #block-system-main-menu ul li {
    float: left;
    margin: 0;
    padding: 0;
  }
  #block-system-main-menu .first a[href*="home"] {
    background: url(../images/icon-w-drupal.svg) transparent no-repeat center center/contain;
    display: inline-block;
    margin-right: .5em;
    width: 38px;
    text-indent: -9999px;
  }
  #block-system-main-menu li > div.menu-block ul {
    display: none;
    position: absolute;
    z-index: 400;
    background: white;
  }
  #block-system-main-menu li > div.menu-block ul a {
    color: #0678be;
    margin: 0;
    width: 11em;
  }
  #block-system-main-menu li > div.menu-block ul a:hover, #block-system-main-menu li > div.menu-block ul a:focus {
    background: whitesmoke;
  }
  #block-system-main-menu .expanded:hover, #block-system-main-menu .expanded:focus, #block-system-main-menu .expanded.menu-expanded {
    background: white;
  }
  #block-system-main-menu .expanded:hover > a, #block-system-main-menu .expanded:focus > a, #block-system-main-menu .expanded.menu-expanded > a {
    background: white;
    color: black;
  }
  #block-system-main-menu .expanded:hover > div.menu-block ul, #block-system-main-menu .expanded:focus > div.menu-block ul, #block-system-main-menu .expanded.menu-expanded > div.menu-block ul {
    display: flex;
    flex-direction: column;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.4);
  }
}
#block-system-user-menu {
  position: relative;
  width: 60px;
}
#block-system-user-menu .button > a {
  align-items: center;
  display: flex;
  justify-content: center;
  height: 100%;
  margin: 0;
  padding: 0;
  position: absolute;
  width: 100%;
}
#block-system-user-menu .button img {
  max-width: 40px;
  max-height: 40px;
}
#block-system-user-menu .button ul {
  background-color: white;
  position: absolute;
  right: 0;
  top: 100%;
  z-index: 6;
  display: none;
}
#block-system-user-menu .button ul a {
  color: #0678be;
  margin: 0;
  width: 11em;
}
#block-system-user-menu .button ul a:hover, #block-system-user-menu .button ul a:focus {
  background-color: whitesmoke;
}
#block-system-user-menu .button:hover > a, #block-system-user-menu .button:focus > a, #block-system-user-menu .button.menu-expanded > a {
  background: white;
}
#block-system-user-menu .button:hover.default > a, #block-system-user-menu .button:focus.default > a, #block-system-user-menu .button.menu-expanded.default > a {
  background: url(../images/icon-blue-user.svg) white no-repeat center center/40px 40px;
}
#block-system-user-menu .button:hover.default img, #block-system-user-menu .button:focus.default img, #block-system-user-menu .button.menu-expanded.default img {
  width: 0;
}
#block-system-user-menu .button:hover ul, #block-system-user-menu .button:focus ul, #block-system-user-menu .button.menu-expanded ul {
  box-shadow: 0 4px 4px rgba(0, 0, 0, 0.4);
  display: block;
}
#block-system-user-menu .person img {
  border-radius: 20px;
  border: 2px solid white;
  background: white;
}

#nav-content ul {
  *zoom: 1;
  display: block;
  border: 0;
  border-bottom: 1px solid gainsboro;
  padding: 0;
  margin-left: 0;
  margin-bottom: 1.154em;
}
#nav-content ul:after {
  content: "";
  display: table;
  clear: both;
}

#nav-content ul li {
  float: left;
  margin-bottom: -1px;
}

#nav-content ul li a {
  color: #0678be;
  display: block;
  float: left;
  height: 32px;
  padding: 0;
  margin-right: 1.384614em;
}
@media (min-width: 47.5em) {
  #nav-content ul li a {
    padding: 5px 11px 0 11px;
    padding: 4px 12px 5px 12px;
    margin-right: 0;
  }
}

#nav-content li.active a.active,
#nav-content li.active-parent a {
  padding: 0;
  margin-right: 1.384614em;
}
@media (min-width: 47.5em) {
  #nav-content li.active a.active,
  #nav-content li.active-parent a {
    padding: 0.307692em 0.692307em 0.846153em 0.692307em;
    margin-right: 0;
  }
}

#nav-content li.active a.active,
#nav-content li.active-parent a,
#nav-content li a:hover,
#nav-content li a:focus,
#nav-content li.active-parent a {
  color: black;
}

#nav-content li a:hover,
#nav-content li a:focus {
  text-decoration: none;
}

.pane-og-menu-og-single-menu-block ul.menu li {
  margin-bottom: .5em;
}
.pane-og-menu-og-single-menu-block ul.menu li:last-child {
  margin-bottom: 0;
}

.pane-og-menu-og-single-menu-block,
.node-type-section .documentation-section-menu,
.node-type-page .documentation-section-menu,
#on-this-page {
  background: whitesmoke;
  margin-bottom: 1.38462em;
}

#content .pane-og-menu-og-single-menu-block .pane-content > .menu {
  padding-left: 0;
}
#content .pane-og-menu-og-single-menu-block .pane-content > .menu > li {
  list-style: none;
}

#block-system-main-menu .close-btn {
  display: none;
  background: url("../images/off-canvas/close-btn.svg") left center/30px 30px no-repeat #0678be;
  outline: none;
  overflow: hidden;
  text-indent: 30px;
  position: absolute;
  top: 0;
  left: 1em;
  width: 30px;
  height: 4em;
  white-space: nowrap;
}
#block-system-main-menu .close-btn:focus, #block-system-main-menu .close-btn:hover {
  opacity: 0.7;
}

@media (max-width: 65.625em) {
  #block-system-user-menu .button {
    height: 4.8em;
  }
  #block-system-user-menu .button > a {
    padding: 0;
  }
  #block-system-user-menu .menu-block {
    position: relative;
    z-index: 1;
  }

  .nav-btn {
    display: block;
    width: 4em;
    height: 4em;
    padding: .6em 1.4em 1em 0;
    outline: none;
    margin: 0;
    z-index: 10;
    opacity: 1;
  }
  .nav-btn:hover, .nav-btn:focus {
    opacity: 0.7;
  }

  #block-system-main-menu {
    background: #0678be;
    font-size: 1.2em;
    overflow: hidden;
    padding-top: 4em;
    z-index: 200;
  }
  #block-system-main-menu .menu-block {
    z-index: 2;
    padding: 0;
    position: relative;
  }
  #block-system-main-menu ul {
    overflow: hidden;
    *zoom: 1;
    display: block;
    margin: 0;
  }
  #block-system-main-menu li {
    border-top: 1px solid rgba(255, 255, 255, 0.1);
    display: block;
    padding: 0 1em;
    position: relative;
  }
  #block-system-main-menu li a {
    line-height: 1em;
    outline: none;
    padding: 1em;
  }
  #block-system-main-menu li a:hover {
    color: whitesmoke;
  }
  #block-system-main-menu li .menu {
    height: 100%;
    margin-left: 1em;
    position: absolute;
    transform: translate3d(100%, 0, 0);
    transition: all .3s ease-in-out;
  }
  #block-system-main-menu li.menu-expanded .menu {
    transform: translate3d(0, 0, 0);
    position: relative;
  }
  #block-system-main-menu:not(:target) {
    z-index: 1;
    height: 0;
  }
  #block-system-main-menu:target {
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.4);
    left: 0;
    position: absolute;
    right: 0;
  }
  #block-system-main-menu:target .close-btn {
    display: block;
  }
  #block-system-main-menu .expanded > a:first-child:after {
    content: '>';
    float: right;
    transition: all .3s ease-in-out;
  }
  #block-system-main-menu .menu-expanded > a:first-child:after {
    transform: rotate(90deg);
  }

  #nav-header {
    z-index: 100;
    position: relative;
  }
}
#nav-header .nav-btn {
  display: flex;
  left: 1em;
  padding: .75em;
  position: absolute;
}

@media (min-width: 65.625em) {
  #nav-header .nav-btn,
  #block-system-main-menu .close-btn {
    display: none;
  }
}
#page {
  flex: auto;
}

.page-inner > * {
  margin-bottom: 2em;
}

@media (min-width: 47.5em) {
  #main {
    width: 100%;
    float: right;
    margin-right: 0;
    *margin-left: -1.33333em;
    z-index: 1;
  }

  .one-sidebar #main,
  .two-sidebars #main,
  .node-type-forum #main {
    width: 65.95745%;
    float: left;
    margin-right: 2.12766%;
  }

  #aside,
  #sidebar-first {
    width: 31.91489%;
    float: right;
    margin-right: 0;
    *margin-left: -1.33333em;
  }

  #aside {
    clear: right;
  }

  .page-title-wrapper {
    width: 65.95745%;
    float: left;
    margin-right: 2.12766%;
  }

  #page-tools {
    width: 31.91489%;
    float: right;
    margin-right: 0;
    *margin-left: -1.33333em;
  }
}
.one-sidebar #main .grid-4,
.two-sidebars #main .grid-4 {
  width: 48.3871%;
  float: left;
  margin-right: 3.22581%;
}

.one-sidebar #main .grid-4.omega,
.two-sidebars #main .grid-4.omega {
  float: right;
  margin-right: 0;
  *margin-left: -1.33333em;
}

div#page-title {
  margin-top: 1em;
}

#page-subtitle {
  margin-top: 0;
}

.breadcrumb {
  padding-bottom: 0;
}
.breadcrumb span:not(:first-child):before {
  content: ' » ';
}

.new-style #page-subtitle {
  margin-top: .825em;
}
.new-style .breadbox {
  background: #045292;
}
.new-style .breadcrumb {
  font-size: 1.25em;
}
@media (min-width: 47.5em) {
  .new-style .breadcrumb {
    font-size: 1.5em;
  }
}
.new-style .breadcrumb span {
  display: inline-block;
  padding: 0.75em 0.625em 0.75em 1.25em;
  position: relative;
}
.new-style .breadcrumb span a {
  color: white;
  text-decoration: none;
}
.new-style .breadcrumb span:before {
  content: '';
}
.new-style .breadcrumb span:after {
  border-color: transparent transparent transparent #064771;
  border-style: solid;
  border-width: 1.2em 0 1.2em .625em;
  content: '';
  display: block;
  position: absolute;
  background-image: none;
  background-position: right center;
  background-repeat: no-repeat;
  background-size: contain;
  top: 0;
  right: -0.625em;
  z-index: 1;
}
.new-style .breadcrumb span:nth-child(1) {
  background-color: #066baa;
  margin-left: -1.25em;
}
.new-style .breadcrumb span:nth-child(1):before {
  border-color: transparent transparent transparent #045292;
  border-style: solid;
  border-width: 1.2em 0 1.2em .625em;
  content: '';
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
}
.new-style .breadcrumb span:nth-child(1):after {
  border-color: transparent transparent transparent #066baa;
}
.new-style .breadcrumb span:nth-child(1):hover {
  background-color: #0670b2;
}
.new-style .breadcrumb span:nth-child(1):hover:after {
  border-color: transparent transparent transparent #0670b2;
}
.new-style .breadcrumb span:nth-child(2) {
  background-color: #065f97;
}
.new-style .breadcrumb span:nth-child(2):after {
  border-color: transparent transparent transparent #065f97;
}
.new-style .breadcrumb span:nth-child(2):hover {
  background-color: #06649f;
}
.new-style .breadcrumb span:nth-child(2):hover:after {
  border-color: transparent transparent transparent #06649f;
}
.new-style .breadcrumb span:nth-child(3) {
  background-color: #065486;
}
.new-style .breadcrumb span:nth-child(3):after {
  border-color: transparent transparent transparent #065486;
}
.new-style .breadcrumb span:nth-child(3):hover {
  background-color: #06598e;
}
.new-style .breadcrumb span:nth-child(3):hover:after {
  border-color: transparent transparent transparent #06598e;
}

#page-tools {
  margin: 0.692em 0 0;
  text-align: right;
}
#page-tools a {
  color: #367d02;
}

#content-bottom-region {
  clear: both;
}

.element-invisible {
  width: 1px;
  word-wrap: normal;
}

#content .item-list .pager {
  padding: 1em 0 0;
  text-align: left;
}

.item-list ul.pager li {
  margin: 0;
  padding: 0 5px;
}

.pager li.first {
  padding: 0;
}

.pager .pager-current {
  background: #0678be;
  color: white;
}

@media print {
  #nav-header,
  #block-drupalorg-search-documentation,
  .breadbox,
  .block-drupalorg-crosssite,
  .node-footer,
  #on-this-page,
  .toc-anchor {
    display: none;
  }

  .with-cover-photo.no-sidebars .region-content {
    width: 100%;
    margin-left: 0;
    margin-right: 0;
  }
}
#banner {
  background: whitesmoke;
  position: relative;
  display: none;
}
#banner .close {
  text-indent: -9999px;
  background: url(../images/icon-green-close.svg) no-repeat center center/contain white;
  border-radius: 10px;
  display: block;
  filter: drop-shadow(0 0 5px white);
  position: absolute;
  height: 20px;
  width: 20px;
  right: 1em;
  top: 1em;
}

#block-drupalorg-announcements {
  font-family: 'Ubuntu', sans-serif;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  font-size: 1.23077em;
  line-height: 1.45em;
}
#block-drupalorg-announcements img {
  display: none;
  margin: -.3em 20px 0 0;
}
#block-drupalorg-announcements img.icon {
  flex-shrink: 0;
  max-height: 60px;
  max-width: 60px;
}
#block-drupalorg-announcements img.photo {
  border: 2px solid gainsboro;
  border-radius: 50%;
  flex-shrink: 0;
  margin-bottom: -60px;
  max-height: 140px;
  max-width: 140px;
}
@media (min-width: 47.5em) {
  #block-drupalorg-announcements img {
    display: block;
  }
}
#block-drupalorg-announcements .announcement {
  display: flex;
  font-size: 1.25em;
  margin: 0 auto;
  min-height: 110px;
  width: 100%;
  max-width: 960px;
  padding: 1.5em 1em;
}
@media (min-width: 47.5em) {
  #block-drupalorg-announcements .announcement {
    padding: 32px 80px;
  }
}
#block-drupalorg-announcements blockquote {
  margin: 0;
}
#block-drupalorg-announcements blockquote::before {
  color: #b1d793;
  font-size: 6em;
  margin-left: -.4em;
}
#block-drupalorg-announcements cite {
  color: #4e4e4e;
  display: block;
  font-size: .75em;
  text-align: right;
}
#block-drupalorg-announcements cite::before {
  content: "—";
}
#block-drupalorg-announcements .cta {
  background: #7cbc48;
  text-align: center;
}
#block-drupalorg-announcements .cta a {
  background: #367d02;
  color: white;
  display: inline-block;
  font-size: 1.25em;
  padding: 0.5em 6vw;
}
#block-drupalorg-announcements .cta a:hover, #block-drupalorg-announcements .cta a:focus {
  background: #2b6402;
  text-decoration: none;
}

#block-drupalorg-site-curtain {
  font-family: 'Ubuntu', sans-serif;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  background: rgba(0, 0, 0, 0.9);
  bottom: 0;
  color: white;
  display: none;
  left: 0;
  overflow: scroll;
  padding: 5vw;
  position: fixed;
  right: 0;
  top: 0;
  z-index: 10000;
}
#block-drupalorg-site-curtain.visible {
  display: flex;
}
#block-drupalorg-site-curtain .block-inner {
  margin: auto;
  max-width: 35rem;
}
#block-drupalorg-site-curtain .close {
  text-align: right;
}
#block-drupalorg-site-curtain .close button {
  background: unset;
  border: unset;
  margin: 0;
  padding: 0;
  width: 1.5em;
}
#block-drupalorg-site-curtain .close button:hover, #block-drupalorg-site-curtain .close button:focus {
  filter: drop-shadow(0 0 5px white);
}
#block-drupalorg-site-curtain h2 {
  font-family: 'Ubuntu', sans-serif;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  font-weight: 300;
  margin-top: .25rem;
}
.new-style #block-drupalorg-site-curtain h2 {
  color: white;
  font-size: 1.6875rem;
  margin-top: .25rem;
}
#block-drupalorg-site-curtain h2:focus {
  color: #0678be;
  outline: none;
}
#block-drupalorg-site-curtain a.button-link {
  display: inline-block;
  font-size: 1.25rem;
}
@media (min-width: 26.25em) {
  #block-drupalorg-site-curtain {
    font-size: 1.1rem;
    line-height: 1.4rem;
  }
}

table.mobile-table {
  width: 100%;
  table-layout: fixed;
}
table.mobile-table th {
  display: none;
}
table.mobile-table td {
  display: block;
  border: none !important;
}
table.mobile-table td.views-field-title:before, table.mobile-table td.views-field-field-project:before {
  display: none;
}
table.mobile-table td:first-child {
  padding-top: 0.75em;
  font-weight: bold;
}
table.mobile-table td:last-child {
  padding-bottom: 0.75em;
}
table.mobile-table td:before {
  content: attr(data-th) " ";
  font-weight: bold;
  width: 8em;
  display: inline-block;
}
table.mobile-table.project-issue tr {
  background-color: #f9f9f9;
  border-bottom: 1px solid gainsboro;
  border-top: 2px solid #cccccc;
}
table.mobile-table.project-issue tr td.active {
  background-color: initial !important;
}
table.mobile-table.project-issue tr td.views-field-title {
  max-width: none;
}
table.mobile-table.project-issue tr.state-1 {
  background-color: #f9f9f9;
  border-top: 2px solid #cccccc;
}
table.mobile-table.project-issue tr.state-2 {
  background-color: #d7ffd8;
  border-top: 2px solid #a8ff98;
}
table.mobile-table.project-issue tr.state-3, table.mobile-table.project-issue tr.state-4, table.mobile-table.project-issue tr.state-5, table.mobile-table.project-issue tr.state-6, table.mobile-table.project-issue tr.state-16, table.mobile-table.project-issue tr.state-17 {
  background-color: #eff1fe;
  border-top: 2px solid #b5c4fe;
}
table.mobile-table.project-issue tr.state-7, table.mobile-table.project-issue tr.state-18 {
  background-color: #fddddd;
  border-top: 2px solid #fc8596;
}
table.mobile-table.project-issue tr.state-8 {
  background-color: #ffffdd;
  border-top: 2px solid #ffcf73;
}
table.mobile-table.project-issue tr.state-13 {
  background-color: #ffece8;
  border-top: 2px solid #ffdccd;
}
table.mobile-table.project-issue tr.state-14, table.mobile-table.project-issue tr.state-15 {
  background-color: #f1ffe8;
  border-top: 2px solid #bcffb3;
}

#drupalorg-search-sort-form .form-item > *,
#drupalorg-browse-projects-form .form-item > * {
  display: inline;
}
#drupalorg-search-sort-form label,
#drupalorg-browse-projects-form label {
  font-weight: normal;
  margin: 0 .5em 0 0;
}

.drupalorgSearch-processed input[type=submit] {
  display: none;
}

.page-project #drupalorg-browse-projects-form {
  background-color: whitesmoke;
  margin: 0 0 0.61538em 0;
  padding: 10px;
}
.page-project #drupalorg-browse-projects-form .results-count {
  border-bottom: 1px solid gainsboro;
  margin: 0 0 1em 0;
  padding-bottom: 0.5em;
}

.page-search #aside .block {
  background: none;
}
.page-search #aside ul {
  margin-left: -1em;
}
.page-search #aside li {
  margin: 0 0 .5em 0;
}
.page-search #aside a {
  padding: .25em .5em .25em 1em;
}
.page-search #aside a.selected, .page-search #aside a:hover, .page-search #aside a.facetapi-active {
  background: #4e4e4e;
  color: white;
  text-decoration: none;
}

#drupalorg-crosssite-search-form .form-text {
  width: 150px;
}

.page-search h1 {
  background: whitesmoke;
  color: #4e4e4e;
  font-size: 1.38461em;
  padding: 10px;
}

.page-search h1 em {
  font-style: normal;
  font-weight: bold;
}

.search-results {
  padding-left: 0;
}

.search-results .title {
  font-size: 1.231em;
  margin: 0;
}
.search-results .search-snippet-info {
  padding-left: 0;
}

.search-results .search-info {
  color: #4e4e4e;
  font-size: 0.92307em;
}

.search-results dd {
  padding-left: 0;
}

.search-results dt {
  font-size: 1em;
}

#drupalorg-site-status {
  background: #d32101;
  color: white;
  padding: .5em;
  text-align: center;
  position: relative;
  box-shadow: 0 2px 2px 1px rgba(68, 68, 68, 0.5);
  z-index: 1;
}

#drupalorg-site-status a {
  color: white;
  text-decoration: underline;
}

#content .node-footer a.comment_comments,
#content .node-footer .comment-add a,
#block-drupalorg_handbook-meta-sidebar .page-major-problem span,
.rss-feed-link,
.search-results .search-info .comments,
.portlet-header .portlet-settings,
.portlet-plus,
.portlet-close {
  background-image: url(../images/small-icons.png);
  background-repeat: no-repeat;
}

.search-results .search-info .comments,
#content .node-footer a.comment_comments,
#content .node-footer .comment-add a {
  background-position: 0 -415px;
  padding-left: 15px;
}

#block-drupalorg_handbook-meta-sidebar .page-major-problem span {
  background-position: 0 -223px;
  padding-left: 15px;
}

.rss-feed-link {
  background-position: 0 -30px;
  padding-left: 20px;
}

.portlet-header .portlet-settings {
  background-position: 2px -64px;
}

.portlet-plus {
  background-position: 2px -192px;
}

.portlet-close {
  background-position: 2px -128px;
}

.page-search #aside .item-list ul li a.selected,
.page-search #aside .item-list ul li a:hover,
.page-search #aside .item-list ul li a.facetapi-active,
#block-views-drupalorg-training-block-1 ul.views-summary li a.active,
#block-views-drupalorg-training-block-1 ul.views-summary li a:hover,
#block-views-drupalorg-training-block-1 ul.views-summary li a:focus {
  background-image: url(../images/pointer.png);
  background-repeat: no-repeat;
  background-position: 0 center;
}

#aboutwebbased a,
#aboutcontentmanagement a,
#aboutmodules a,
#aboutthemes a,
#aboutsearching a,
#aboutsocial a,
#aboutcommunity a,
#aboutpersonalisation a {
  background: white url(../images/large-icons.png) no-repeat;
}

#aboutwebbased a {
  background-position: 4px 0;
}

#aboutcontentmanagement a {
  background-position: 4px -96px;
}

#aboutmodules a {
  background-position: 4px -192px;
}

#aboutthemes a {
  background-position: 4px -288px;
}

#aboutsearching a {
  background-position: 4px -384px;
}

#aboutsocial a {
  background-position: 4px -480px;
}

#aboutcommunity a {
  background-position: 4px -576px;
}

#aboutpersonalisation a {
  background-position: 4px -1056px;
}

table {
  margin-bottom: 0.5em;
}

thead th {
  border-bottom: 0;
  padding: 0.25em 0.5em;
  vertical-align: bottom;
}

th,
td {
  padding: 0.25em 0.5em;
}
th.numeric,
td.numeric {
  text-align: right;
}

th {
  font-weight: bold;
  vertical-align: top;
}
th a,
th a:link,
th a:visited {
  color: #222222;
}
th.active {
  background: whitesmoke;
}
th.active a {
  display: block;
  padding-right: 13px;
}
th.active img {
  float: right;
  margin: 0 -13px 0 0;
}

td {
  border: 1px solid gainsboro;
  vertical-align: top;
}
td.active {
  background-color: initial;
}
.views-view-grid td {
  border: 0;
}

tr.even {
  background: whitesmoke;
}
tr.odd {
  background-color: white;
}
tr.even, tr.odd {
  border-bottom: 0;
  position: relative;
}
tr.even td, tr.odd td {
  border: 0;
  vertical-align: middle;
}

#tabs,
.drupalorg-site-api ul.tabs {
  margin-bottom: 1.385em;
}

#tabs ul.tabs,
.drupalorg-site-api ul.tabs {
  display: block;
  border: 0;
  padding: 0;
}

#tabs ul.tabs li,
.drupalorg-site-api ul.tabs li {
  float: left;
  margin-right: 0.5em;
}

#tabs ul.tabs li a,
.drupalorg-site-api ul.tabs li a {
  background-color: transparent;
  border: 0;
  color: #367d02;
  display: block;
  padding: 0.231em 0.615em;
  margin: 0;
}

#tabs ul.tabs li a:hover,
#tabs ul.tabs li a:focus,
#tabs ul.tabs li.active a,
#tabs ul.primary li.parent-active a:focus,
#tabs ul.primary li.parent-active a:hover,
.drupalorg-site-api ul.tabs li a:hover,
.drupalorg-site-api ul.tabs li a:focus,
.drupalorg-site-api ul.tabs li.active a {
  background: #367d02;
  color: white;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
}

#tabs ul.primary li.parent-active a {
  background: whitesmoke;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
  font-weight: bold;
}

#tabs ul.secondary {
  color: #367d02;
  background: whitesmoke;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
  font-size: 0.923em;
}

.drupalorg-site-api #content .tabs {
  padding-left: 0;
}

.terms a,
.terms a:link,
.terms a:visited {
  border-radius: 5px;
  color: #4e4e4e;
  display: inline-block;
  margin: 3px 0;
  padding: 3px 5px;
  text-decoration: none;
}

.terms a:hover,
.terms a:active,
.terms a:focus {
  background: #818181;
  color: white;
}

@media (max-width: 26.25em) {
  .login-text {
    margin-top: 1.5em;
  }
}
@media (min-width: 26.25em) {
  #user-login,
  .login-text {
    width: 48.93617%;
    float: left;
    margin-right: 2.12766%;
  }

  .login-text {
    float: right;
    margin-right: 0;
    *margin-left: -1.33333em;
  }
}
@media (max-width: 47.5em) {
  .password-strength, div.password-confirm {
    float: none;
  }
}
@media (min-width: 47.5em) {
  #user-register-form .form-item-mail input, #user-register-form .form-item-name input {
    display: inline;
    margin-right: 1em;
  }
  #user-register-form .form-item-mail .description, #user-register-form .form-item-name .description {
    display: inline;
    color: inherit;
    font-size: inherit;
  }
}
#user-login .form-text, #user-pass .form-text, #user-register-form .form-text {
  width: 25em;
}
#user-login .form-submit, #user-pass .form-submit, #user-register-form .form-submit {
  font-size: 1.38462em;
  font-weight: normal;
  color: white;
  background-color: #7cbc48;
  border: 2px solid #7cbc48;
}
#user-login .form-submit:hover, #user-login .form-submit:focus, #user-pass .form-submit:hover, #user-pass .form-submit:focus, #user-register-form .form-submit:hover, #user-register-form .form-submit:focus {
  background-color: #367d02;
  border-color: #367d02;
  cursor: pointer;
}

.confirm-parent, .password-parent {
  width: 44em;
  max-width: 100%;
}

div.form-item div.password-suggestions {
  max-width: 100%;
}

.profile h3 {
  border-bottom: none;
  clear: both;
}
.profile .da-membership-badge {
  width: 63.63636%;
  float: left;
  margin-right: 9.09091%;
}
.profile .da-membership-badge img {
  width: 100%;
}
.profile .user-picture-container {
  float: right;
  margin: 0 0 1em 0;
  width: 27.27273%;
}
.profile .user-picture {
  float: none;
  margin: 0;
}
.profile .user-picture img {
  border-radius: 500px;
  display: block;
}
.profile .new-user {
  background: #0678be;
  color: white;
  text-align: center;
  text-transform: uppercase;
  line-height: 2.4;
  width: 140px;
}

.git-link .icon-inline {
  height: 1.5em;
  margin-right: .25em;
  vertical-align: bottom;
}

@media (min-width: 26.25em) {
  .profile .da-membership-badge {
    width: 20.0%;
    float: left;
    margin-right: 6.66667%;
  }
  .profile .da-membership {
    width: 73.33333%;
    float: right;
    margin-right: 0;
    *margin-left: -1.33333em;
  }
}
@media (min-width: 47.5em) {
  .profile .main {
    width: 48.93617%;
    float: left;
    margin-right: 2.12766%;
  }
  .profile .contact {
    width: 23.40426%;
    float: left;
    margin-right: 2.12766%;
  }
  .profile .contact .user-picture-container {
    float: none;
    width: 63.63636%;
  }
  .profile .contact .field {
    margin-bottom: 1.3846em;
  }
  .profile .contact .field-name-field-organization-name, .profile .contact .field-name-field-job-title {
    margin-bottom: 0;
  }
  .profile .contact .field-name-field-organizations > .field-items > .field-item {
    margin-bottom: .6923em;
  }
  .profile .aside {
    width: 23.40426%;
    float: right;
    margin-right: 0;
    *margin-left: -1.33333em;
  }
  .profile .aside .da-membership-badge {
    width: 63.63636%;
    float: left;
    margin-right: 9.09091%;
  }
  .profile .aside .field-name-field-mentors {
    overflow: hidden;
    *zoom: 1;
  }
  .profile .aside .field-name-field-mentors .field-item {
    width: 27.27273%;
    float: left;
    margin-right: 9.09091%;
    margin-bottom: 9.09091%;
    line-height: 0;
  }
  .profile .aside .field-name-field-mentors .field-item:nth-child(3n) {
    float: right;
    margin-right: 0;
  }
}
.views-field-field-project-initiative-details {
  color: #4e4e4e;
  font-size: 0.92307em;
}

.field-name-field-role-start-date, .field-name-field-role-end-date {
  display: flex;
  max-width: 48%;
}

.field-name-field-role-start-date {
  float: left;
  margin-right: 1em;
}

#field-contribution-role-values th.field-label {
  display: none;
}

.view-display-id-contributor_role_profile {
  margin-top: 1em;
  margin-bottom: 1em;
}
.view-display-id-contributor_role_profile .views-field-field-con-role a:first-of-type {
  font-weight: 700;
}
.view-display-id-contributor_role_profile .item-list .views-row {
  margin-bottom: 1.5em;
}

.field-name-field-demographics {
  background: whitesmoke;
  padding: .692em;
}

.field-name-field-organization-reference input {
  width: 100% !important;
}

@media (min-width: 47.5em) {
  .view-starred-projects {
    width: 65.95745%;
    float: left;
    margin-right: 2.12766%;
  }
}
.view-starred-projects h3 {
  display: inline;
}
.view-starred-projects .stars {
  color: #4e4e4e;
  font-size: 0.92307em;
  background: url(../images/icon-dk-gray-star-fill.svg) transparent left center/1em no-repeat;
  display: inline-block;
  padding: .3em 0 .1em 1.25em;
  margin-left: .5em;
}

.view-individual-members img,
.view-user-mentees img,
.field-name-field-mentors img {
  border-radius: 500px;
}

.view-individual-members .form-text {
  width: 15em;
}
.view-individual-members .description {
  display: none;
}
.view-individual-members .views-exposed-widgets {
  margin-bottom: 1em;
}
.view-individual-members .views-row {
  margin-bottom: 1.5em;
}
@media (max-width: 26.25em) {
  .view-individual-members .views-row {
    width: 48.93617%;
    float: left;
    margin-right: 2.12766%;
  }
  .view-individual-members .views-row:nth-child(2n) {
    float: right;
    margin-right: 0;
  }
  .view-individual-members .views-row:nth-child(2n+1) {
    clear: both;
  }
}
@media (min-width: 26.25em) and (max-width: 47.5em) {
  .view-individual-members .views-row {
    width: 22.58065%;
    float: left;
    margin-right: 3.22581%;
  }
  .view-individual-members .views-row:nth-child(4n) {
    float: right;
    margin-right: 0;
  }
  .view-individual-members .views-row:nth-child(4n+1) {
    clear: both;
  }
}
@media (min-width: 47.5em) {
  .view-individual-members .views-row {
    width: 14.89362%;
    float: left;
    margin-right: 2.12766%;
  }
  .view-individual-members .views-row:nth-child(6n) {
    float: right;
    margin-right: 0;
  }
  .view-individual-members .views-row:nth-child(6n+1) {
    clear: both;
  }
}

#drupalorg-membership-form section {
  background: whitesmoke;
  margin: 0 0 1rem 0;
  padding: 1rem;
}
#drupalorg-membership-form section > :last-child {
  margin-bottom: 0;
}
#drupalorg-membership-form section fieldset {
  background: white;
}
#drupalorg-membership-form section h2 {
  background: #bce3fa;
  margin: -1rem -1rem 1rem;
  padding: 1rem;
}
@media (min-width: 26.25em) {
  #drupalorg-membership-form .memberships {
    width: 57.44681%;
    float: left;
    margin-right: 2.12766%;
  }
  #drupalorg-membership-form .other {
    padding: 1em 0 0 0;
    width: 40.42553%;
    float: right;
    margin-right: 0;
    *margin-left: -1.33333em;
  }
}

@media (min-width: 47.5em) {
  .about-grid-4 {
    width: 48.3871%;
    float: left;
    margin-right: 3.22581%;
  }
  .about-grid-4.omega {
    float: right;
    margin-right: 0;
    *margin-left: -1.33333em;
  }
}
.color-swatch {
  height: 6.923em;
}

.book-covers img {
  margin: 0 .5em .5em 0;
}

.ci-ad {
  color: #4e4e4e;
  font-size: 0.92307em;
  align-items: center;
  background: whitesmoke;
  display: flex;
  justify-content: space-around;
  margin: .5em 0 1em 0;
  padding: .5em;
}
.ci-ad, .ci-ad:visited, .ci-ad:active {
  color: #4e4e4e;
}
.ci-ad:hover, .ci-ad:focus {
  text-decoration: none;
}
.ci-ad:hover strong, .ci-ad:focus strong {
  text-decoration: underline;
}
.ci-ad img {
  margin: 0 .5em;
  max-height: 2em;
}
.ci-ad strong {
  color: #0678be;
  font-weight: normal;
}

#content .view-hosting ul {
  list-style-type: none;
  padding-left: 0;
  margin-bottom: 0;
}
.view-hosting li {
  background: whitesmoke;
  border: 1px solid gainsboro;
  margin: 0 0 1em 0;
}
.view-hosting .attachment li {
  background: white;
}
.view-hosting a {
  color: black;
  display: block;
  padding: 1em;
}
.view-hosting a:hover, .view-hosting a:focus {
  background: gainsboro;
  text-decoration: none;
}
.view-hosting strong {
  color: #0678be;
}
.view-hosting .featured {
  background: #064771;
  border-radius: 0 0 0 5px;
  color: white;
  float: right;
  margin: calc(-1em - 1px) calc(-1em - 1px) 0 0;
  padding: .25em .5em;
}
.view-hosting img {
  max-width: 50%;
  max-height: 3em;
  width: auto;
}
.view-hosting p:last-child {
  margin-bottom: 0;
}

#block-drupalorg-hosting-filter .filter a:before {
  content: ' ';
  display: inline-block;
  border: 2px solid gainsboro;
  border-radius: 4px;
  margin: 0 .25em 0 0;
  text-align: center;
  vertical-align: bottom;
  width: 1em;
  height: 1em;
}
#block-drupalorg-hosting-filter .filter a.active {
  color: #0678be;
}
#block-drupalorg-hosting-filter .filter a.disabled {
  color: gainsboro;
}
#block-drupalorg-hosting-filter .filter a.really-active {
  color: black;
}
#block-drupalorg-hosting-filter .filter a.really-active:before {
  content: '✓';
}

#block-drupalorg-crosssite-contrib-partners {
  background-color: whitesmoke;
  margin: 0 auto;
  font-size: 16px;
  min-height: 8em;
}
#block-drupalorg-crosssite-contrib-partners .contrib-partners {
  display: flex;
  flex-wrap: wrap;
}
#block-drupalorg-crosssite-contrib-partners .contrib-partner {
  height: 80px;
  width: 80px;
  padding: 5px;
  margin: 5px auto;
}
#block-drupalorg-crosssite-contrib-partners .contrib-partner img {
  position: relative;
  top: 50%;
  transform: translateY(-50%);
}

#block-drupalorg-crosssite-infra-partner {
  background: #4e4e4e;
  font-size: 1.5em;
  font-weight: 300;
  line-height: 1.25em;
}
#footer #block-drupalorg-crosssite-infra-partner {
  padding: 1em 0;
}
#block-drupalorg-crosssite-infra-partner a, #block-drupalorg-crosssite-infra-partner a:visited {
  color: whitesmoke;
}
#block-drupalorg-crosssite-infra-partner img {
  height: 1.25em;
  vertical-align: middle;
  width: auto;
}

#content .pane-donors ul {
  align-items: baseline;
  display: flex;
  flex-wrap: wrap;
  list-style-type: none;
  padding-left: 0;
}
.pane-donors li {
  padding: 0 .5em .5em 0;
  white-space: nowrap;
}
.pane-donors .picture {
  border-radius: 50%;
  height: 40px;
  object-fit: contain;
  width: 40px;
  vertical-align: middle;
}

#content .view-drupalcares ul {
  overflow: hidden;
  *zoom: 1;
  display: flex;
  flex-wrap: wrap;
  list-style: none;
  padding: 0;
  margin: 0 -0.66667em;
}
.view-drupalcares li {
  flex-basis: 33.3%;
  margin-bottom: .75rem;
  overflow: hidden;
  padding: 0 0.66667em;
  text-align: center;
}
@media (min-width: 26.25em) {
  .view-drupalcares li {
    flex-basis: 16.66%;
  }
}
.view-drupalcares img {
  max-height: 4rem;
  width: auto;
}

.panel-layout.capricorn .pane-drupalcares-panel-pane-2 {
  background: #222222;
}
.panel-layout.capricorn .pane-drupalcares-panel-pane-2 .pane-title {
  color: white;
  text-align: center;
}
.panel-layout.capricorn .pane-drupalcares-panel-pane-2 .pane-content {
  margin: auto;
  max-width: calc(960px + 8vw);
  padding: 2em 4vw;
}

.view-drupalcares.view-display-id-panel_pane_1 li {
  display: flex;
}
.view-drupalcares.view-display-id-panel_pane_1 a {
  margin: auto;
}

.view-drupalcares.view-display-id-panel_pane_2 a div {
  display: flex;
  height: 4rem;
}
.view-drupalcares.view-display-id-panel_pane_2 img {
  margin: auto;
}
.panel-layout.capricorn .view-drupalcares.view-display-id-panel_pane_2 li {
  flex-basis: 100%;
}
@media (min-width: 26.25em) {
  .panel-layout.capricorn .view-drupalcares.view-display-id-panel_pane_2 li {
    flex-basis: 50%;
  }
}
@media (min-width: 47.5em) {
  .panel-layout.capricorn .view-drupalcares.view-display-id-panel_pane_2 li {
    flex-basis: 33.3%;
  }
}
.panel-layout.capricorn .view-drupalcares.view-display-id-panel_pane_2 a {
  color: white;
}
.panel-layout.capricorn .view-drupalcares.view-display-id-panel_pane_2 a div {
  background: white;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.6);
  height: 8rem;
  margin: 0 0 .25rem 0;
  padding: 1rem;
}
.panel-layout.capricorn .view-drupalcares.view-display-id-panel_pane_2 img {
  max-height: 6rem;
}

.pane-steward-pricing {
  padding: 2em 4vw;
  text-align: center;
}
.pane-steward-pricing .form-type-textfield label, .pane-steward-pricing .form-type-textfield input {
  display: inline-block;
}
.pane-steward-pricing .form-type-textfield label {
  text-align: right;
  width: 10em;
}
.pane-steward-pricing .estimate {
  font-size: 1.1em;
  margin: .5em 0 0 0;
}

.election-candidate .field-label {
  margin: 1em 0 0.45em;
}

.field-name-field-election-picture img {
  position: relative;
  float: left;
  margin-right: 2%;
}

.election-candidate .replies-header {
  margin-top: 2em;
}

.election-candidate .reply {
  border: none;
  border-left: solid 1px gainsboro;
  margin-top: 1.5em;
  margin-bottom: 1.5em;
  padding-left: 1em;
}

.election-candidate .reply-body .field-label {
  display: none;
}

.election-candidate .reply-links {
  margin-top: 0.5em;
}
.election-candidate .reply-links a {
  margin-right: 0.5em;
}

ul.election-candidate li.views-row div.views-field-view-link {
  position: absolute;
  margin-top: auto;
  margin-bottom: 5%;
  bottom: 0px;
  right: 1px;
  left: auto;
}

.elec-list {
  float: left;
}

.election-candidate .views-field-view-link {
  clear: left;
  text-align: center;
  margin-bottom: 1%;
  margin-left: 0%;
  margin-right: auto;
  width: 100%;
}

.election-candidate .views-row {
  position: relative;
  background-color: #F6F6F2;
  margin: 0 4% 4% 0px;
  width: 48%;
  min-height: 18em;
  padding: 1em;
  overflow: hidden;
  *zoom: 1;
}
.election-candidate .views-row.views-row-even {
  margin-right: 0;
}

.candidate-picture,
.views-field-field-election-picture a {
  max-width: 100px;
  float: left;
  position: relative;
  padding-right: 10px;
  padding-bottom: 5px;
}

.views-row .views-field-field-twitter > div:before {
  content: url(../images/twitter-16x16.png);
  position: relative;
  top: 3px;
  padding-right: 5px;
}

.field-name-field-twitter {
  margin-top: 5px;
  margin-bottom: 5px;
}

.field-name-field-about-me {
  padding-bottom: 5px;
}

#content .view-nominations {
  padding-left: 0;
}

#content .view-nominations .views-row-odd {
  clear: left;
}

.view-nominations .election-candidate-name {
  font-size: 1.0em;
  line-height: 1.35em;
  margin-bottom: 0.5em;
  display: block;
}

.view-nominations .views-field {
  margin-bottom: 0.5em;
}

.view-nominations .views-label {
  display: none;
}

.field-name-field-candidate-comments {
  clear: both;
}

#aside {
  position: relative;
}

#aside .view-nominations .views-row {
  min-height: 0;
}

#block-views-nominations-block-1 .view {
  overflow: visible;
  padding: 0;
}
#block-views-nominations-block-1 .view li {
  width: 100%;
  z-index: 99;
}

#block-views-nominations-block-1 .views-field-nothing {
  text-align: center;
  padding-bottom: 1em;
}

.election-candidate .views-field-name h2.field-content {
  margin-top: -10px;
}

#aside #block-block-158 .block-inner {
  background: white;
  overflow: hidden;
  *zoom: 1;
}

#block-views-nominations-block-1 .views-field-field-election-picture {
  position: relative;
  float: left;
  margin-right: 5px;
}

.druprofilelink a:before {
  position: relative;
  top: 3px;
  padding-right: 5px;
  content: url(../images/druplicon-16x16.png);
}

.replies-wrapper .entity-reply {
  overflow: hidden;
  *zoom: 1;
  border-bottom: 1px solid #ccc;
  position: relative;
}
.replies-wrapper .user-picture {
  float: left;
  margin: 1em;
}
.replies-wrapper .user-picture img {
  height: auto;
  max-width: 70%;
}
.replies-wrapper .reply-body {
  margin-left: 6em;
  padding-top: 0.5em;
}
.replies-wrapper .reply-links {
  float: right;
  margin-left: 6em;
  padding-bottom: 10px;
}
.replies-wrapper .by-candidate {
  background-color: whitesmoke;
}
.replies-wrapper .depth-1 {
  margin-left: 2em;
}
.replies-wrapper .depth-2 {
  margin-left: 4em;
}

#edit-post-id, #election-candidate-form div.form-item.form-type-select.form-item-post-id.form-disabled > label {
  visibility: hidden;
}

@media (min-width: 47.5em) {
  .election-ballot-paper .election-candidate-ballot-item a,
  #election-vote-form.confirmation .candidate-name {
    line-height: 90px;
    vertical-align: middle;
    text-align: middle;
  }
}
#election-ballot-paper tr.candidate-divider {
  background-color: #fd935f;
  color: black;
}

#election-vote-form.confirmation table {
  width: 100%;
}

#edit-post-help {
  display: none;
}

.view-book-listings .views-row {
  margin-bottom: 2.077em;
}
@media all and (min-width: 540px) {
  .view-book-listings .views-field-field-cover-image {
    float: right;
  }
}
.view-book-listings .views-label,
.view-book-listings label {
  font-weight: bold;
}
.view-book-listings .views-label {
  float: left;
  padding-right: 5px;
}
.view-book-listings .views-field {
  clear: left;
}
.view-book-listings p {
  margin-bottom: 0em;
}
.view-book-listings .view-filters {
  margin-bottom: 2.077em;
}

.node-type-book-listing .content .field-name-field-cover-image {
  float: right;
}

.node-type-book-listing .content .field-name-field-book-listing-authors .field-label {
  float: left;
}

.node-type-book-listing .content .field-name-field-book-isbn-13,
.node-type-book-listing .content .field-name-field-official-website,
.node-type-book-listing .content .field-name-field-book-isbn-10,
.node-type-book-listing .content .field-name-field-book-description,
.view-book-listings .view-content .views-field-taxonomy-vocabulary-5,
.view-book-listings .view-content .views-field-nothing,
.view-book-listings .view-content .views-field-taxonomy-vocabulary-62 {
  padding-top: 8px;
}

#aside #block-drupalorg-book-listing-link {
  background: white;
}

#carbonads {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", Helvetica, Arial, sans-serif;
}

#carbonads {
  display: block;
  overflow: hidden;
  max-width: 728px;
  margin: auto;
  position: relative;
  background-color: #fcfcfc;
  border: solid 1px #eee;
  font-size: 12px;
  box-sizing: content-box;
}

.ad-explanation {
  text-align: center;
}

#carbonads > span {
  display: block;
}

#carbonads a {
  color: inherit;
  text-decoration: none;
}

#carbonads a:hover {
  color: inherit;
}

.carbon-wrap {
  display: flex;
  align-items: center;
}

.carbon-img {
  display: block;
  margin: 0;
  line-height: 1;
}

.carbon-img img {
  display: block;
  width: auto;
}

.carbon-text {
  display: block;
  padding: 0 1em;
  line-height: 1.35;
  text-align: left;
}

.carbon-poweredby {
  display: block;
  position: absolute;
  bottom: 0;
  right: 0;
  padding: 6px 10px;
  background: repeating-linear-gradient(-45deg, transparent, transparent 5px, rgba(0, 0, 0, 0.025) 5px, rgba(0, 0, 0, 0.025) 10px) rgba(241, 243, 244, 0.8);
  text-align: center;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  font-weight: 600;
  font-size: 8px;
  border-top-left-radius: 4px;
  line-height: 1;
}

@media only screen and (min-width: 320px) and (max-width: 759px) {
  .carbon-text {
    font-size: 14px;
  }
}
.page-case-studies .views-exposed-widget {
  float: none;
  margin-bottom: .5rem;
  padding: 0;
}
.page-case-studies .form-item:not(:last-child) .form-checkboxes {
  margin-bottom: .5rem;
}
@media (min-width: 26.25em) {
  .page-case-studies .form-checkboxes {
    column-count: 3;
  }
}

.case-studies-grid .views-row {
  margin-bottom: 1.38462em;
}
@media (min-width: 26.25em) {
  .case-studies-grid .views-row {
    width: 31.91489%;
    float: left;
    margin-right: 2.12766%;
  }
  .case-studies-grid .views-row:nth-child(3n) {
    float: right;
    margin-right: 0;
  }
  .case-studies-grid .views-row:nth-child(3n+1) {
    clear: both;
  }
}

.node-type-casestudy .node .field {
  margin-bottom: 1em;
}
.node-type-casestudy .node .content > .field .field-label {
  font-weight: normal;
  font-size: 1.5em;
  line-height: 1.2em;
  margin: 0 0 0.45em;
}

.comm-events {
  margin-top: 0 !important;
}
.comm-events .pane-community-events-local-meetups, .comm-events .pane-community-events-proposed-events, .comm-events .pane-community-events-call-for-papers, .comm-events .pane-community-events, .comm-events .pane-drupalcon-events {
  width: 100%;
  float: right;
}
@media (min-width: 47.5em) {
  .comm-events .pane-community-events-local-meetups, .comm-events .pane-community-events-proposed-events, .comm-events .pane-community-events-call-for-papers, .comm-events .pane-community-events, .comm-events .pane-drupalcon-events {
    margin-bottom: 1em;
    max-width: 50%;
    min-width: 50%;
    float: right;
  }
}
.comm-events .pane-community-events-upcoming-events, .comm-events .pane-community-events-upcoming-training {
  width: 100%;
  float: left;
}
@media (min-width: 47.5em) {
  .comm-events .pane-community-events-upcoming-events, .comm-events .pane-community-events-upcoming-training {
    margin-bottom: 1em;
    max-width: 50%;
    min-width: 50%;
    float: left;
  }
}
.comm-events .pane-title {
  margin: 0;
  padding-bottom: 0em !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}
.comm-events .view-footer {
  padding-top: .5em;
}

.events-list div.views-row {
  margin-top: .5em;
}
.events-list .views-row-even {
  background-color: whitesmoke;
}

.comm-events-main-view .views-row {
  float: left;
  height: 130px;
  margin-bottom: .5em;
  background-color: whitesmoke;
  padding: .25em;
  width: 100%;
}
.comm-events-main-view .views-field-field-event-logo {
  max-height: 120px !important;
  float: left;
  margin-right: .5em;
  overflow: hidden;
}
.comm-events-main-view .views-field-field-cover-photo {
  margin-top: 1em;
}
.comm-events-main-view .views-widget-filter-field_event_format_value {
  padding: 1em;
  background: whitesmoke;
}
.comm-events-main-view .views-widget-filter-field_event_format_value input {
  width: 15px;
}
.comm-events-main-view .views-widget-filter-field_event_format_value .bef-checkboxes {
  column-count: 2;
}
.comm-events-main-view .views-widget-filter-field_event_format_value .form-item {
  margin: 0;
}
.comm-events-main-view #edit-submit-community-events.form-submit {
  float: right;
  margin-left: 1em;
}
.comm-events-main-view .views-label {
  font-weight: 700;
  font-size: 1em;
  line-height: 1.2em;
}
.comm-events-main-view .view-field-field-event-address {
  overflow: auto;
}
.comm-events-main-view div.addressfield-container-inline::after {
  content: '';
  display: inline;
}
.comm-events-main-view .views-label-field-date-of-event {
  float: left;
  margin-right: .5em;
}
.comm-events-main-view .views-label-field-date-of-call-for-papers {
  float: left;
  margin-right: .5em;
}

.node.node-event .field {
  margin-bottom: 1em;
}
.node.node-event .field-name-field-event-status, .node.node-event .field-name-field-event-type, .node.node-event .field-name-field-event-format {
  overflow: hidden;
  *zoom: 1;
  background-color: whitesmoke;
  padding: 1em;
  min-width: 180px;
}
@media (min-width: 47.5em) {
  .node.node-event .field-name-field-event-status, .node.node-event .field-name-field-event-type, .node.node-event .field-name-field-event-format {
    max-width: 30%;
    margin-right: 1em;
  }
}
.node.node-event .field-name-field-event-status {
  clear: right;
}
@media (min-width: 47.5em) {
  .node.node-event .field-name-field-event-status {
    float: left;
  }
}
.node.node-event .field-name-field-event-status.field-event-status-cancelled {
  background: #e3901b;
  color: white;
}
.node.node-event .field-name-field-event-format {
  clear: right;
  padding-right: .5em !important;
}
.node.node-event .field-name-field-event-type {
  clear: right;
  min-width: 200px;
}
@media (min-width: 47.5em) {
  .node.node-event .field-name-field-event-type {
    min-width: 200px;
    float: left;
  }
}
.node.node-event #page-subtitle {
  font-weight: 500 !important;
}
.node.node-event .field-label {
  font-weight: normal;
  font-size: 1.5em;
  margin: 0 0 .25em;
}
@media (min-width: 47.5em) {
  .node.node-event div.field-name-field-event-logo {
    float: right;
    overflow: hidden;
    *zoom: 1;
  }
}
.node.node-event .field-name-field-organizers {
  overflow: hidden;
  *zoom: 1;
}
.node.node-event .field-name-field-organizers .field-item {
  margin-bottom: 1em;
}
@media (min-width: 26.25em) {
  .node.node-event .field-name-field-organizers .field-item {
    width: 22.58065%;
    float: left;
    margin-right: 3.22581%;
  }
  .node.node-event .field-name-field-organizers .field-item:nth-child(4n) {
    float: right;
    margin-right: 0;
  }
  .node.node-event .field-name-field-organizers .field-item:nth-child(4n+1) {
    clear: both;
  }
}
.node.node-event .field-name-field-event-sponsors {
  overflow: hidden;
  *zoom: 1;
}
.node.node-event .field-name-field-event-sponsors .field-item {
  margin-bottom: 1em;
}
@media (min-width: 26.25em) {
  .node.node-event .field-name-field-event-sponsors .field-item {
    width: 35.48387%;
    float: left;
    margin-right: 3.22581%;
  }
  .node.node-event .field-name-field-event-sponsors .field-item:nth-child(2n) {
    float: right;
    margin-right: 0;
  }
  .node.node-event .field-name-field-event-sponsors .field-item:nth-child(2n+1) {
    clear: both;
  }
}
.node.node-event div.field-name-field-event-speakers {
  overflow: hidden;
  *zoom: 1;
}
.node.node-event div.field-name-field-event-speakers .field-item {
  margin-bottom: 1em;
}
@media (min-width: 26.25em) {
  .node.node-event div.field-name-field-event-speakers .field-item {
    width: 22.58065%;
    float: left;
    margin-right: 3.22581%;
  }
  .node.node-event div.field-name-field-event-speakers .field-item:nth-child(4n) {
    float: right;
    margin-right: 0;
  }
  .node.node-event div.field-name-field-event-speakers .field-item:nth-child(4n+1) {
    clear: both;
  }
}
.node.node-event .field-name-field-event-volunteers {
  overflow: hidden;
  *zoom: 1;
}
.node.node-event .field-name-field-event-volunteers .field-item {
  margin-bottom: 1em;
}
@media (min-width: 26.25em) {
  .node.node-event .field-name-field-event-volunteers .field-item {
    width: 22.58065%;
    float: left;
    margin-right: 3.22581%;
  }
  .node.node-event .field-name-field-event-volunteers .field-item:nth-child(4n) {
    float: right;
    margin-right: 0;
  }
  .node.node-event .field-name-field-event-volunteers .field-item:nth-child(4n+1) {
    clear: both;
  }
}
.node.node-event .field-name-field-date-of-event span.date-display-start::after {
  content: '';
  display: block;
  white-space: pre-line;
}
.node.node-event .field-name-field-date-of-event span.date-display-end::before {
  content: '';
  display: inline;
  white-space: pre-line;
}
.node.node-event .field-name-field-event-sponsors {
  overflow: hidden;
  *zoom: 1;
}

.events-map .leaflet-popup .leaflet-popup-content > .node-event > .content > div.field-name-field-event-format,
.events-map .leaflet-popup .leaflet-popup-content > .node-event > .content > div.field-name-field-date-of-event,
.events-map .leaflet-popup .leaflet-popup-content > .node-event > .content > div.field-name-field-event-type {
  margin: 0em !important;
  margin-bottom: .5em !important;
  background-color: white !important;
  padding: 0em !important;
  clear: right !important;
}
.events-map .leaflet-popup .leaflet-popup-content > .node-event > .content > div.field-name-field-event-format > .field-items,
.events-map .leaflet-popup .leaflet-popup-content > .node-event > .content > div.field-name-field-date-of-event > .field-items,
.events-map .leaflet-popup .leaflet-popup-content > .node-event > .content > div.field-name-field-event-type > .field-items {
  font-weight: normal !important;
  margin: 0em !important;
  font-size: 1em !important;
  line-height: 1em !important;
}
.events-map .leaflet-popup .leaflet-popup-content > .node-event > .content > div.field-name-field-event-format > .field-label,
.events-map .leaflet-popup .leaflet-popup-content > .node-event > .content > div.field-name-field-date-of-event > .field-label,
.events-map .leaflet-popup .leaflet-popup-content > .node-event > .content > div.field-name-field-event-type > .field-label {
  font-weight: bold !important;
  margin: 0em !important;
  font-size: 1em !important;
  line-height: 1em !important;
  float: left;
}

/**
 * Community page
 */
@media all and (min-width: 760px) {
  .page-community .main {
    width: 65.95745%;
    float: left;
    margin-right: 2.12766%;
  }

  .page-community .sidebar {
    width: 31.91489%;
    float: right;
    margin-right: 0;
    *margin-left: -1.33333em;
  }
}
#recent-activity ul {
  list-style-type: none;
  margin-left: 0;
  padding-left: 0;
}

#recent-activity .item-list ul li {
  margin-left: 0;
}

.with-cover-photo #page {
  position: relative;
}
.with-cover-photo #page-subtitle {
  background: radial-gradient(circle, rgba(178, 178, 178, 0.3) 25%, rgba(0, 0, 0, 0.75) 100%);
  font-size: 3rem;
  margin: 0;
  max-width: 100%;
  padding: 8vw 5vw 16vw 5vw;
}
.with-cover-photo #page-subtitle,
.with-cover-photo #content .node .submitted {
  color: white;
  text-align: center;
  text-shadow: 0 0 0.5em #222222, 0 0 0.5em #222222;
}
.with-cover-photo #tabs {
  padding: .5rem;
  position: absolute;
  z-index: 1;
}
.with-cover-photo .page-inner {
  padding-top: 3rem;
}
.with-cover-photo .node .submitted {
  left: 5vw;
  right: 5vw;
  padding: 0 0 3.5rem 0;
  position: absolute;
  transform: translateY(-100%);
}
.with-cover-photo .node .submitted a {
  color: white;
  text-decoration: underline;
}
@media (min-width: 26.25em) {
  .with-cover-photo.no-sidebars .region-content {
    margin-left: 17.02128%;
    margin-right: 17.02128%;
  }
  .with-cover-photo.no-sidebars blockquote.big,
  .with-cover-photo.no-sidebars .big-stats,
  .with-cover-photo.no-sidebars .field-name-field-mainimage {
    margin-left: -8.51064%;
    padding-left: 8.51064%;
    margin-right: -8.51064%;
    padding-right: 8.51064%;
  }
  .with-cover-photo.no-sidebars .field-name-field-mainimage {
    padding: 0;
    text-align: center;
  }
}

#cover-photo {
  background-position: center;
  background-size: cover;
  box-shadow: 0px 3px 15px rgba(0, 0, 0, 0.2);
}

#homebox .homebox-column {
  background: none;
  margin: 0;
  padding: 0;
}

#homebox .homebox-portlet {
  border: 0;
  margin: 0 0 20px;
}
#homebox .homebox-portlet .portlet-content {
  padding: 10px;
}
#homebox .homebox-portlet[id^=homebox-block-drupalorg_security_issues] .portlet-content, #homebox .homebox-portlet[id^=homebox-block-views_1764f77afedbacb7539d78cc3f1d414f] .portlet-content {
  padding: 0;
}
#homebox .homebox-portlet[id^=homebox-block-drupalorg_security_issues] td, #homebox .homebox-portlet[id^=homebox-block-views_1764f77afedbacb7539d78cc3f1d414f] td {
  padding: 0.25em 10px;
}
#homebox .homebox-portlet[id^=homebox-block-drupalorg_security_issues] .views-field-field-project > a, #homebox .homebox-portlet[id^=homebox-block-views_1764f77afedbacb7539d78cc3f1d414f] .views-field-field-project > a {
  -ms-word-break: break-all;
  word-break: break-all;
  word-break: break-word;
  -webkit-hyphens: auto;
  -moz-hyphens: auto;
  hyphens: auto;
}
#homebox .homebox-portlet[id^=homebox-block-drupalorg_security_issues] .more-link, #homebox .homebox-portlet[id^=homebox-block-views_1764f77afedbacb7539d78cc3f1d414f] .more-link {
  padding: 0px 10px 10px 0px;
}

#homebox .homebox-placeholder {
  margin: 0 0 14px;
}

#homebox .homebox-portlet .homebox-portlet-inner {
  background-color: whitesmoke;
  border: 0;
}

#homebox .portlet-config {
  padding: 0 10px 10px;
}

#homebox .homebox-portlet .portlet-header {
  background: none;
  font-size: 1.38461em;
  font-weight: normal;
  padding: 10px 10px 8px;
}

#homebox .homebox-portlet .portlet-minus,
#homebox .homebox-portlet .portlet-maximize {
  display: none;
}

#homebox .homebox-portlet .portlet-icon {
  margin-top: 4px;
  margin-left: 4px;
}

#homebox-buttons,
#homebox-add {
  margin-bottom: 10px;
}

#homebox-add a.restore {
  display: inline;
  height: auto;
  padding: 0;
  width: auto;
}

html.js #drupalorg-set-home-wrapper label {
  color: #367d02;
  cursor: pointer;
}
html.js #drupalorg-set-home-wrapper input,
html.js #drupalorg-set-home-wrapper input[checked] + label {
  display: none;
}

@media all and (min-width: 760px) {
  #homebox .homebox-column-wrapper {
    width: 31.91489%;
    float: left;
    margin-right: 2.12766%;
  }

  #homebox .homebox-column-wrapper.homebox-column-wrapper-3 {
    width: 31.91489%;
    float: right;
    margin-right: 0;
    *margin-left: -1.33333em;
  }
}
@media all and (max-width: 760px) {
  #homebox .homebox-column-wrapper {
    width: 100%;
  }
}
#block-drupalorg-handbook-meta-sidebar .page-status {
  padding: 0.692em;
}
#block-drupalorg-handbook-meta-sidebar .page-ok {
  background-color: #d4efcc;
}
#block-drupalorg-handbook-meta-sidebar .page-needs-work {
  background-color: #ffe69f;
}
#block-drupalorg-handbook-meta-sidebar .page-major-problem {
  background-color: #ebcccc;
}

#block-drupalorg-handbook-about-page dd {
  padding-left: 0;
}

@media (min-width: 26.25em) {
  .developer-guides,
  .other-information {
    width: 48.3871%;
    float: left;
    margin-right: 3.22581%;
  }

  .other-information {
    float: right;
    margin-right: 0;
    *margin-left: -1.33333em;
  }
}
#block-drupalorg-documentation-survey .action-button {
  display: none;
}
@media (min-width: 47.5em) {
  #block-drupalorg-documentation-survey {
    position: fixed;
    bottom: 0;
    right: 0;
    border-top: 1px solid gainsboro;
    border-left: 1px solid gainsboro;
  }
  #block-drupalorg-documentation-survey iframe {
    width: 500px;
  }
}

.drupalorg-site-main.page-drupal-70 #header-right {
  height: 559px;
}

.drupal-8-feature-table td {
  width: 100%;
  float: left;
  margin-right: 2.12766%;
}
@media (min-width: 47.5em) {
  .drupal-8-feature-table td {
    width: 48.93617%;
    float: left;
    margin-right: 2.12766%;
  }
  .drupal-8-feature-table td:nth-child(2) {
    float: right;
    margin-right: 0;
    *margin-left: -1.33333em;
  }
}

/* Features page */
#about-features h3 {
  font: bold 1em "Lucida Grande", Helvetica, Arial, sans-serif;
  text-transform: uppercase;
}

#about-features h3 a {
  display: block;
  padding: 4px 0 0 70px;
  min-height: 50px;
}

#about-features .organize-and-find,
#about-features .administer,
#about-features .build,
#about-features .extend {
  width: 100%;
}
@media all and (min-width: 480px) {
  #about-features .organize-and-find,
  #about-features .administer,
  #about-features .build,
  #about-features .extend {
    width: 48.3871%;
    float: left;
    margin-right: 3.22581%;
  }
}
#about-features .creative-content,
#about-features .collaborate,
#about-features .design-and-display,
#about-features .connect {
  width: 100%;
}
@media all and (min-width: 480px) {
  #about-features .creative-content,
  #about-features .collaborate,
  #about-features .design-and-display,
  #about-features .connect {
    width: 48.3871%;
    float: right;
    margin-right: 0;
    *margin-left: -1.33333em;
  }
}

#forum ul {
  padding: 0;
}

#forum tr td.container {
  padding-left: 10px;
}

#forum td.forum .icon {
  background-image: none;
  width: auto;
  margin: 0;
}

#forum tr td.container .name {
  background: transparent url(../images/small-icons.png) no-repeat;
  background-position: 0 3px;
  padding: 0px 0 5px 20px;
  min-width: 20px;
}

#forum div.indent {
  margin-left: 30px;
}

#forum .title {
  -ms-word-break: break-all;
  word-break: break-all;
  word-break: break-word;
  -webkit-hyphens: auto;
  -moz-hyphens: auto;
  hyphens: auto;
}

#forum tr td.forum .name {
  background: transparent url(../images/small-icons.png) no-repeat;
  background-position: 0 -155px;
  min-width: 20px;
}

#forum tr td.forum .name,
#forum .description {
  padding: 0 0 0 20px;
}

#forum .description, #forum .topics, #forum .posts {
  color: #4e4e4e;
  font-size: 0.92307em;
}
#forum .last-reply {
  line-height: .9em;
}
#forum .submitted {
  font-size: .8em;
}
#forum .submitted a::after {
  content: ' ';
  display: block;
}

td.icon {
  margin: 5px 0 0 0;
}

.icon16 {
  width: 16px;
  height: 16px;
  display: block;
}

.forum-default,
.forum-hot {
  background: transparent url(../images/small-icons.png) no-repeat;
  background-position: 0 -155px;
}

.forum-hot-new,
.forum-new {
  background: transparent url(../images/small-icons.png) no-repeat;
  background-position: 0 -410px;
}

.forum-closed {
  background: transparent url(../images/small-icons.png) no-repeat;
  background-position: 0 -380px;
}

.forum-sticky {
  background: transparent url(../images/small-icons.png) no-repeat;
  background-position: 0 5px;
}

.page-forum #content ul.action-links {
  padding-left: .5em;
}
.page-forum #content ul.action-links li {
  list-style-type: none;
}
.page-forum #content ul.action-links li a {
  display: inline-block;
  padding-left: 1.4em;
  background: transparent url(../images/small-icons.png) no-repeat;
  background-position: 0 -415px;
}

/* My issues */
.view-project-issue-user-issues-searchapi .project-title {
  font-weight: bold;
}

/* My projects */
.view-project-issue-user-projects caption {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 1.538em;
  font-weight: normal;
  line-height: 1.35em;
  margin: 0.9em 0 0.45em;
}
.view-project-issue-user-projects caption:first-child {
  margin-top: 0;
}

#block-project-issue-issue-metadata .block-inner {
  padding: 0;
}
#block-project-issue-issue-metadata .field {
  margin: 0 1em;
  padding: 0.30769em;
}
#block-project-issue-issue-metadata .field + .field {
  border-top: 1px solid #e9e9e9;
}
#block-project-issue-issue-metadata .field-label {
  width: 36%;
}
#block-project-issue-issue-metadata .field-items {
  width: 64%;
}
#block-project-issue-issue-metadata .field-name-field-issue-status {
  margin: 0;
  padding: 1em 0 0.5em;
  text-align: center;
  font-weight: bold;
}
#block-project-issue-issue-metadata .field-name-field-issue-status .field-items {
  width: 100%;
}
#block-project-issue-issue-metadata .field-name-field-issue-status + .field {
  border-top: none;
}
#block-project-issue-issue-metadata .field-name-taxonomy-vocabulary-9 {
  position: relative;
}
#block-project-issue-issue-metadata .field-name-taxonomy-vocabulary-9 .field-items {
  width: 100%;
}
#block-project-issue-issue-metadata .field-name-taxonomy-vocabulary-9 .field-item {
  display: inline;
}
#block-project-issue-issue-metadata .field-name-taxonomy-vocabulary-9 .field-item + .field-item:before {
  content: ", ";
}
#block-project-issue-issue-metadata .field-name-taxonomy-vocabulary-9 .has-description {
  border-bottom: 1px dashed #4e4e4e;
}
@media (min-width: 47.5em) {
  #block-project-issue-issue-metadata .field-name-taxonomy-vocabulary-9 dl {
    background: white;
    border-radius: .5em;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.4);
    margin: 0 .7em 0 0;
    padding: .4em 1em;
    position: absolute;
    top: -.8em;
    left: -150%;
    right: 100%;
    z-index: 1;
  }
  #block-project-issue-issue-metadata .field-name-taxonomy-vocabulary-9 dl:after, #block-project-issue-issue-metadata .field-name-taxonomy-vocabulary-9 dl:before {
    right: 0;
    top: 1em;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
  }
  #block-project-issue-issue-metadata .field-name-taxonomy-vocabulary-9 dl:after {
    border-left-color: white;
    border-width: 10px;
    margin-right: -19px;
  }
  #block-project-issue-issue-metadata .field-name-taxonomy-vocabulary-9 dl:before {
    border-width: 10px;
    margin-right: -21px;
  }
  #block-project-issue-issue-metadata .field-name-taxonomy-vocabulary-9 dt {
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: bold;
    font-size: 1.231em;
    line-height: 1.6875em;
    margin: 0 0 0.5625em;
  }
}
#block-project-issue-issue-metadata .field-name-taxonomy-vocabulary-9 dd {
  padding-left: 0;
}
#block-project-issue-issue-metadata .field-name-taxonomy-vocabulary-9 dd:last-child p:last-child {
  margin-bottom: 0;
}
#block-project-issue-issue-metadata .new-user {
  background: #0678be;
  color: white;
  text-align: center;
  text-transform: uppercase;
  display: inline;
  font-size: 0.92308em;
  margin: 0 0 0 0.5em;
  padding: 0.125em 0.5em;
}
#block-project-issue-issue-metadata .flag-project-issue-follow {
  background: white;
  padding: 0 1em;
}
#block-project-issue-issue-metadata #project-issue-jumplinks {
  background: white;
}
#block-project-issue-issue-metadata #project-issue-jumplinks a {
  color: #0678be;
}
#block-project-issue-issue-metadata #project-issue-jumplinks .comment-form {
  font-weight: bold;
}
#block-project-issue-issue-metadata .field-issue-status-1 {
  background-color: #f9f9f9;
  border-bottom: 2px solid #cccccc;
}
#block-project-issue-issue-metadata .field-issue-status-2 {
  background-color: #d7ffd8;
  border-bottom: 2px solid #a8ff98;
}
#block-project-issue-issue-metadata .field-issue-status-3,
#block-project-issue-issue-metadata .field-issue-status-4,
#block-project-issue-issue-metadata .field-issue-status-5,
#block-project-issue-issue-metadata .field-issue-status-6,
#block-project-issue-issue-metadata .field-issue-status-16,
#block-project-issue-issue-metadata .field-issue-status-17 {
  background-color: #eff1fe;
  border-bottom: 2px solid #b5c4fe;
}
#block-project-issue-issue-metadata .field-issue-status-7,
#block-project-issue-issue-metadata .field-issue-status-18 {
  background-color: #fddddd;
  border-bottom: 2px solid #fc8596;
}
#block-project-issue-issue-metadata .field-issue-status-8 {
  background-color: #ffffdd;
  border-bottom: 2px solid #ffcf73;
}
#block-project-issue-issue-metadata .field-issue-status-13 {
  background-color: #ffece8;
  border-bottom: 2px solid #ffdccd;
}
#block-project-issue-issue-metadata .field-issue-status-14,
#block-project-issue-issue-metadata .field-issue-status-15 {
  background-color: #f1ffe8;
  border-bottom: 2px solid #bcffb3;
}

#about-tags-link {
  color: #4e4e4e;
}

.extended-file-field-table-filename,
.nodechanges-file-link {
  max-width: 28em;
  text-overflow: ellipsis;
  overflow: hidden;
}

.field-type-nodechanges-revision-diff table {
  font-size: 0.92308em;
}
.field-type-nodechanges-revision-diff table tr.even, .field-type-nodechanges-revision-diff table tr.odd {
  background: none;
  border: none;
}

#extended-file-field-table-field-issue-files {
  border: 1px solid gainsboro;
  border-collapse: separate;
  width: 100%;
}
#extended-file-field-table-field-issue-files .extended-file-field-table-row td {
  border-top: 1px solid gainsboro;
}
#extended-file-field-table-field-issue-files .extended-file-field-table-result-row td {
  border-top: 0;
}

.nodechanges-file-changes {
  border: 1px solid gainsboro;
}
.nodechanges-file-changes .nodechanges-file-changes td {
  border-top: 1px solid gainsboro;
}

.nodechanges-field-changes {
  background: whitesmoke;
}
.nodechanges-field-changes td {
  padding: .16666em 0.25em;
}
.system-message .nodechanges-field-changes td {
  padding: .16666em 0.5em .16666em 0;
}

.nodechanges-label {
  text-align: right;
  font-weight: bold;
}

.nodechanges-old, .nodechanges-new,
.field-name-field-issue-files .file,
.nodechanges-file-changes .file {
  -ms-word-break: break-all;
  word-break: break-all;
  word-break: break-word;
  -webkit-hyphens: auto;
  -moz-hyphens: auto;
  hyphens: auto;
}

.nodechanges-old {
  text-decoration: line-through;
}
.nodechanges-old, .nodechanges-old a {
  color: #4e4e4e;
}

.nodechanges-new {
  font-weight: bold;
}

.issue-settings .form-item {
  float: none;
}

.issue-settings-issue .form-wrapper {
  margin-bottom: 0;
}

@media (min-width: 47.5em) {
  .node-project_issue-form .form-item-title {
    width: 48.93617%;
    float: left;
    margin-right: 2.12766%;
  }
  .node-project_issue-form .issue-settings-project {
    width: 48.93617%;
    float: right;
    margin-right: 0;
    *margin-left: -1.33333em;
  }
  .node-project_issue-form .issue-settings-project .field-name-field-project {
    width: 65.21739%;
    float: left;
    margin-right: 4.34783%;
  }
  .node-project_issue-form .issue-settings-issue {
    width: 48.93617%;
    float: left;
    margin-right: 2.12766%;
  }
  .node-project_issue-form .issue-settings-issue + .description {
    clear: both;
  }

  .node-project_issue-form .field-name-field-issue-category {
    max-width: 25%;
  }
  .node-project_issue-form .field-name-field-issue-priority {
    max-width: 25%;
  }
  .node-project_issue-form .field-name-field-issue-status {
    max-width: 50%;
  }
  .node-project_issue-form .field-name-field-issue-version {
    max-width: 25%;
  }
  .node-project_issue-form .field-name-field-issue-component {
    max-width: 50%;
  }
  .node-project_issue-form .field-name-field-issue-assigned {
    max-width: 25%;
  }

  .field-name-field-issue-files .form-type-select {
    position: absolute;
    display: inline-block;
    margin: -1.30769em 0 0 1em;
  }
}
@media (min-width: 26.25em) {
  .nodechanges-field-changes {
    padding: 0.23077em;
  }

  .issue-settings .form-wrapper {
    float: left;
  }
}
.node-project_issue-form .issue-settings {
  clear: none;
}
.node-project_issue-form .issue-settings .form-type-textfield {
  padding-right: 0;
}
.node-project_issue-form .issue-settings-project .field-name-field-project {
  width: 100%;
}
.node-project_issue-form .issue-settings-project .field-widget-options-select {
  margin-bottom: 0;
}
.node-project_issue-form .field-name-taxonomy-vocabulary-9 {
  margin-top: .692em;
}
.node-project_issue-form .form-item-title input.form-text,
.node-project_issue-form .field-name-field-project input.form-text,
.node-project_issue-form .form-item-taxonomy-vocabulary-9-und input.form-text,
.node-project_issue-form .field-name-field-issue-parent input.form-text,
.node-project_issue-form .field-name-field-issue-related input.form-text {
  width: 100%;
}

fieldset.group-issue-attribution {
  padding: 0;
}
fieldset.group-issue-attribution:not(.filter-wrapper):not(.vertical-tabs-pane) {
  background: none;
}
html.js fieldset.group-issue-attribution legend {
  display: none;
}
html.js fieldset.group-issue-attribution .organization, html.js fieldset.group-issue-attribution .customer {
  background: whitesmoke;
  color: #222222;
  padding: 0.3em;
  border-radius: 5px;
}
html.js fieldset.group-issue-attribution .organization::after, html.js fieldset.group-issue-attribution .customer::after {
  content: " ▾";
}
html.js fieldset.group-issue-attribution .field-name-field-attribute-contribution-to,
html.js fieldset.group-issue-attribution .field-name-field-for-customer {
  background: whitesmoke;
  padding: .8em 1em;
  border: 1px solid gainsboro;
  border-radius: .5em;
  position: absolute;
  margin-top: .8em;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.4);
  outline: 0;
}
html.js fieldset.group-issue-attribution .field-name-field-attribute-contribution-to:after, html.js fieldset.group-issue-attribution .field-name-field-attribute-contribution-to:before,
html.js fieldset.group-issue-attribution .field-name-field-for-customer:after,
html.js fieldset.group-issue-attribution .field-name-field-for-customer:before {
  bottom: 100%;
  left: 50%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
}
html.js fieldset.group-issue-attribution .field-name-field-attribute-contribution-to:after,
html.js fieldset.group-issue-attribution .field-name-field-for-customer:after {
  border-bottom-color: whitesmoke;
  border-width: 10px;
  margin-left: -10px;
}
html.js fieldset.group-issue-attribution .field-name-field-attribute-contribution-to:before,
html.js fieldset.group-issue-attribution .field-name-field-for-customer:before {
  border-bottom-color: gainsboro;
  border-width: 11px;
  margin-left: -11px;
}
html.js fieldset.group-issue-attribution .field-name-field-attribute-contribution-to button,
html.js fieldset.group-issue-attribution .field-name-field-for-customer button {
  color: #4e4e4e;
  font-size: 0.92307em;
  background: none;
  border: none;
  padding: 0px;
  float: right;
}
html.js fieldset.group-issue-attribution .field-name-field-attribute-contribution-to button:focus, html.js fieldset.group-issue-attribution .field-name-field-attribute-contribution-to button:hover,
html.js fieldset.group-issue-attribution .field-name-field-for-customer button:focus,
html.js fieldset.group-issue-attribution .field-name-field-for-customer button:hover {
  border: none;
}
html.js fieldset.group-issue-attribution .fieldset-description {
  float: left;
}
html:not(.js) fieldset.group-issue-attribution .customer-suggestion {
  display: none;
}

#drupalorg-issue-credit-form .credit-summary {
  padding-bottom: 0.61538em;
}
#drupalorg-issue-credit-form.collapsed .description {
  margin-bottom: .5em;
}
#drupalorg-issue-credit-form .form-item-message input {
  width: 100%;
}
#drupalorg-issue-credit-form table {
  width: inherit;
  margin: 0.61538em 0;
}
#drupalorg-issue-credit-form th {
  white-space: nowrap;
}
#drupalorg-issue-credit-form tr.odd .form-item, #drupalorg-issue-credit-form tr.even .form-item {
  white-space: normal;
}
#drupalorg-issue-credit-form .author {
  text-align: center;
}
#drupalorg-issue-credit-form .number {
  text-align: right;
}
#drupalorg-issue-credit-form .bar {
  height: 1em;
  background-color: #7cbc48;
  border-radius: 3px;
}
#drupalorg-issue-credit-form .bar.overflow {
  background: none;
  background-image: -webkit-gradient(linear, 0% 50%, 100% 50%, color-stop(0%, #7cbc48), color-stop(95%, #7cbc48), color-stop(100%, rgba(124, 188, 72, 0)));
  background-image: -webkit-linear-gradient(left, #7cbc48 0%, #7cbc48 95%, rgba(124, 188, 72, 0) 100%);
  background-image: -moz-linear-gradient(left, #7cbc48 0%, #7cbc48 95%, rgba(124, 188, 72, 0) 100%);
  background-image: -o-linear-gradient(left, #7cbc48 0%, #7cbc48 95%, rgba(124, 188, 72, 0) 100%);
  background-image: linear-gradient(left, #7cbc48 0%, #7cbc48 95%, rgba(124, 188, 72, 0) 100%);
}

#project-issue-jumplinks a,
.view-project-issue-issue-relations .view-footer a {
  white-space: nowrap;
}

#drupalorg-issue-fork-block-form > div {
  display: flex;
  flex-direction: column;
}
@media (min-width: 26.25em) {
  #drupalorg-issue-fork-block-form > div {
    flex-direction: row;
  }
}
#drupalorg-issue-fork-block-form .create-new-branch {
  order: 2;
}
#drupalorg-issue-fork-block-form .create-new-branch .form-item {
  display: inline-block;
  margin: 0;
}
#drupalorg-issue-fork-block-form .create-new-branch #edit-branch-name {
  max-width: 30em;
}

.drupalorg-issue-fork {
  margin: 1em 0 .5em 0;
  position: relative;
}

#drupalorg-issue-forks {
  margin: 1em 0;
}
#drupalorg-issue-forks .header-and-access {
  max-width: calc(100% - 8.5rem);
}
#drupalorg-issue-forks h3 {
  display: inline;
  padding: 0 .5em 0 0;
}
#drupalorg-issue-forks h3, #drupalorg-issue-forks .help-commands summary {
  line-height: 1.5rem;
}
#drupalorg-issue-forks form {
  display: inline-block;
}
#drupalorg-issue-forks form input[type="checkbox"] {
  margin: 0;
}
#drupalorg-issue-forks .form-actions {
  margin: 0;
}
#drupalorg-issue-forks p {
  margin-bottom: .5em;
}
#drupalorg-issue-forks .help-commands summary {
  position: absolute;
  right: 0;
  top: 0;
}
#drupalorg-issue-forks .help-commands > *:not(summary) {
  color: #4e4e4e;
  font-size: 0.92307em;
}
#drupalorg-issue-forks .help-commands[open], #drupalorg-issue-forks .help-commands + .branches .drupalorg-copy-container, #drupalorg-issue-forks .help-commands ~ .new-branch .drupalorg-copy-container {
  background: whitesmoke;
  margin: .25em 0 0 0;
  padding: 1em;
}
#drupalorg-issue-forks .help-commands + .branches .drupalorg-copy-container, #drupalorg-issue-forks .help-commands ~ .new-branch .drupalorg-copy-container {
  color: #4e4e4e;
  font-size: 0.92307em;
  display: none;
}
#drupalorg-issue-forks .help-commands[open] + .branches .drupalorg-copy-container, #drupalorg-issue-forks .help-commands[open] ~ .new-branch .drupalorg-copy-container {
  display: block;
}
#drupalorg-issue-forks .drupalorg-copy {
  white-space: pre;
}
#drupalorg-issue-forks .in-progress .branches, #drupalorg-issue-forks .in-progress.have-push-access .new-branch {
  display: none;
}
#drupalorg-issue-forks .in-progress a, #drupalorg-issue-forks .in-progress a:visited {
  color: #4e4e4e;
  cursor: wait;
}
#content #drupalorg-issue-forks .branches {
  list-style-type: none;
  padding: 0;
}
#drupalorg-issue-forks .branches > li {
  border: 1px solid gainsboro;
  border-top: none;
  padding: .5em;
}
#drupalorg-issue-forks .branches > li:first-child {
  border-top: 1px solid gainsboro;
  margin-top: .5em;
}
#drupalorg-issue-forks .link {
  line-height: 1.75em;
}
#drupalorg-issue-forks .push-access, #drupalorg-issue-forks .compare {
  white-space: nowrap;
}
#drupalorg-issue-forks .compare img {
  height: 1.2em;
  opacity: .87;
  vertical-align: text-bottom;
}
#drupalorg-issue-forks .pift-ci-tests li {
  display: inline;
}
#drupalorg-issue-forks .new-branch {
  display: none;
}
#drupalorg-issue-forks .have-push-access .new-branch {
  display: inline;
}
#drupalorg-issue-forks .tugboat {
  align-items: baseline;
  display: flex;
  margin: .25em 0 0 0;
}
#drupalorg-issue-forks .tugboat > span {
  flex-grow: 1;
}
#drupalorg-issue-forks .tugboat > a {
  margin: 0 0 0 1em;
}
#drupalorg-issue-forks .tugboat img {
  vertical-align: bottom;
}

a.merge-request {
  background: gainsboro;
  border-radius: 4px;
  color: #222222;
  padding: 2px 4px;
  white-space: nowrap;
}
a.merge-request.merged {
  background: #d7ffd8;
  border: 1px solid #a8ff98;
  color: #4e4e4e;
}
a.merge-request.error {
  background: #ffece8;
  border: 1px solid #ffdccd;
}
a.merge-request.wip {
  background: #ffffdd;
  border: 1px solid #ffcf73;
}
a.merge-request.mergeable {
  background: #f1ffe8;
  border: 1px solid #bcffb3;
}
a.merge-request.closed {
  color: #4e4e4e;
}

#content .merge-request-activity {
  list-style-type: none;
  margin: 0;
  padding: 0;
}
.merge-request-activity p {
  margin: 0 0 .692em 0;
}
.merge-request-activity .submitted .unresolved {
  background: #ffcf73;
  border-radius: 4px;
  color: #222222;
  padding: 2px 4px;
}
.merge-request-activity .reply-to {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.merge-request-activity > li {
  clear: both;
  position: relative;
}
.merge-request-activity .highlighted::before {
  background: #0678be;
  bottom: 0;
  content: ' ';
  display: block;
  left: -.75em;
  position: absolute;
  top: 0;
  width: .25em;
}
.merge-request-activity .left, .merge-request-activity .right {
  float: none;
  margin: 0;
}
.merge-request-activity .deletion {
  background: #ffece8;
}
.merge-request-activity .addition {
  background: #d7ffd8;
}
.merge-request-activity .gfm-commit, .merge-request-activity .gfm-commit_range {
  font-family: Monaco, Consolas, 'Andale Mono', 'Ubuntu Mono', monospace;
  font-size: .9em;
}

#drupalorg-merge-mr {
  margin: 1em 0 0 0;
}

.form-item-merge-branch {
  display: inline-block;
}

body .project-issue tr.odd,
body .project-issue tr.even {
  background: none;
  border: none;
}

.project-issue {
  border-collapse: separate;
}
.project-issue tr td,
.project-issue tr td.active {
  background-color: #f9f9f9;
  border-top: 2px solid #cccccc;
}
.project-issue tr td.active {
  background-color: white;
  border-top: 2px solid #939393;
}
.project-issue tr.state-1 td {
  background-color: #f9f9f9;
  border-top: 2px solid #cccccc;
}
.project-issue tr.state-1 td.active {
  background-color: white;
  border-top: 2px solid #939393;
}
.project-issue tr.state-2 td {
  background-color: #d7ffd8;
  border-top: 2px solid #a8ff98;
}
.project-issue tr.state-2 td.active {
  background-color: #edffec;
  border-top: 2px solid #8cff86;
}
.project-issue tr.state-3 td,
.project-issue tr.state-4 td,
.project-issue tr.state-5 td,
.project-issue tr.state-6 td,
.project-issue tr.state-16 td,
.project-issue tr.state-17 td {
  background-color: #eff1fe;
  border-top: 2px solid #b5c4fe;
}
.project-issue tr.state-3 td.active,
.project-issue tr.state-4 td.active,
.project-issue tr.state-5 td.active,
.project-issue tr.state-6 td.active,
.project-issue tr.state-16 td.active,
.project-issue tr.state-17 td.active {
  background-color: #f2f4fe;
  border-top: 2px solid #4988fe;
}
.project-issue tr.state-7 td,
.project-issue tr.state-18 td {
  background-color: #fddddd;
  border-top: 2px solid #fc8596;
}
.project-issue tr.state-7 td.active,
.project-issue tr.state-18 td.active {
  background-color: #fdebed;
  border-top: 2px solid #fc2843;
}
.project-issue tr.state-8 td {
  background-color: #ffffdd;
  border-top: 2px solid #ffcf73;
}
.project-issue tr.state-8 td.active {
  background-color: #feffec;
  border-top: 2px solid #ffb404;
}
.project-issue tr.state-13 td {
  background-color: #ffece8;
  border-top: 2px solid #ffdccd;
}
.project-issue tr.state-13 td.active {
  background-color: #fff6f6;
  border-top: 2px solid #ffbca4;
}
.project-issue tr.state-14 td,
.project-issue tr.state-15 td {
  background-color: #f1ffe8;
  border-top: 2px solid #bcffb3;
}
.project-issue tr.state-14 td.active,
.project-issue tr.state-15 td.active {
  background-color: #f8fff1;
  border-top: 2px solid #93ff88;
}

.page-project-issues #content ul.links li {
  display: inline;
  padding-right: 0.5em;
}

.views-field-comment-count a {
  display: block;
}

@media all and (min-width: 540px) {
  .node-organization .intro {
    width: 31.91489%;
    float: left;
    margin-right: 2.12766%;
  }
  .node-organization .main {
    width: 65.95745%;
    float: right;
    margin-right: 0;
    *margin-left: -1.33333em;
  }
}
.node-organization.node-teaser {
  margin-top: 2.07692em;
}
.node-organization.node-teaser > h2 {
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden !important;
}
@media (max-width: 26.25em) {
  .node-organization.node-teaser .field-name-field-logo a {
    width: 66.66%;
    text-align: center;
    display: block;
  }
  .node-organization.node-teaser .field-name-field-logo img {
    max-height: 10.38462em;
    width: auto;
  }
  .node-organization.node-teaser .field-name-field-organization-support img {
    width: 33.33%;
  }
}
@media (min-width: 26.25em) {
  .node-organization.node-teaser .field-name-field-logo {
    width: 35.48387%;
    float: left;
    margin-right: 3.22581%;
  }
  .node-organization.node-teaser .field-name-field-logo a {
    width: 100%;
    text-align: center;
    display: block;
  }
  .node-organization.node-teaser .field-name-field-logo img {
    max-height: 10.38462em;
    width: auto;
  }
  .node-organization.node-teaser .contributions {
    width: 35.48387%;
    float: left;
    margin-right: 3.22581%;
  }
  .node-organization.node-teaser .field-name-field-organization-support {
    width: 22.58065%;
    float: right;
    margin-right: 0;
    *margin-left: -1.33333em;
  }
  .node-organization.node-teaser .field-name-field-organization-support img {
    width: 66.66%;
  }
}

@media all and (min-width: 540px) {
  .view-drupalorg-training .intro {
    width: 35.48387%;
    float: left;
    margin-right: 3.22581%;
  }
  .view-drupalorg-training .main {
    width: 61.29032%;
    float: right;
    margin-right: 0;
    *margin-left: -1.33333em;
  }
}

@media all and (min-width: 540px) {
  .view-drupalorg-supporting-technologies .intro {
    width: 22.58065%;
    float: left;
    margin-right: 3.22581%;
  }
  .view-drupalorg-supporting-technologies .main {
    width: 74.19355%;
    float: right;
    margin-right: 0;
    *margin-left: -1.33333em;
  }
}

.view-drupalorg-organizations .view-header {
  overflow: hidden;
  *zoom: 1;
}
@media all and (min-width: 540px) {
  .view-drupalorg-organizations .view-header .nav {
    width: 100%;
    float: left;
    margin-right: 9.09091%;
  }
  .view-drupalorg-organizations .view-header .nav-column {
    width: 27.27273%;
    float: left;
    margin-right: 9.09091%;
  }
  .view-drupalorg-organizations .view-header .nav-column:last-child {
    float: right;
    margin-right: 0;
    *margin-left: -1.33333em;
  }
}
.view-drupalorg-organizations .view-header h3 {
  margin-top: 0;
}

.views-widget-filter-field_office_locations_country {
  max-width: 100%;
}

#content .view-drupalorg-organizations .view-header ul {
  padding-left: 0;
  list-style-type: none;
}

.view-drupalorg-organizations .view-header .show-link,
.view-drupalorg-organizations .view-header .hide-link {
  display: none;
}

.node-organization .website img {
  display: block;
}

#content .node-organization dd {
  padding-left: 0;
}

.view-users-in-organization .views-field-picture {
  overflow: hidden;
  *zoom: 1;
}
.view-users-in-organization .views-field-picture img {
  width: 63.63636%;
  float: left;
  margin-right: 9.09091%;
  border-radius: 500px;
}
.view-users-in-organization .views-row {
  margin-bottom: 1.38462em;
}
@media (min-width: 26.25em) and (max-width: 47.5em) {
  .view-users-in-organization .views-row {
    width: 48.93617%;
    float: left;
    margin-right: 2.12766%;
  }
  .view-users-in-organization .views-row:nth-child(2n) {
    float: right;
    margin-right: 0;
  }
  .view-users-in-organization .views-row:nth-child(2n+1) {
    clear: both;
  }
}
@media (min-width: 47.5em) {
  .view-users-in-organization .views-row {
    width: 23.40426%;
    float: left;
    margin-right: 2.12766%;
  }
  .view-users-in-organization .views-row:nth-child(4n) {
    float: right;
    margin-right: 0;
  }
  .view-users-in-organization .views-row:nth-child(4n+1) {
    clear: both;
  }
}

.view-drupalorg-supporting-technologies .views-row,
.view-drupalorg-training .views-row {
  width: 100%;
  float: right;
  margin-right: 0;
  *margin-left: -1.33333em;
  margin-bottom: 1.385em;
}

#aside #block-block-40,
#aside #block-block-42,
#aside #block-block-46,
#aside #block-block-62,
#aside #block-menu-menu-hosting-types-menu,
#sidebar-first #block-block-40,
#sidebar-first #block-block-42,
#sidebar-first #block-block-46,
#sidebar-first #block-block-62,
#sidebar-first #block-menu-menu-hosting-types-menu {
  background-color: white;
}
#aside #block-block-60,
#sidebar-first #block-block-60 {
  background-color: white;
  border-bottom: 1px solid gainsboro;
}

#aside #block-views-drupalorg-training-block-1 {
  background: white;
}

#block-views-drupalorg-training-block-1 a {
  padding: .25em .5em .25em 1em;
}
#block-views-drupalorg-training-block-1 a.active, #block-views-drupalorg-training-block-1 a:hover, #block-views-drupalorg-training-block-1 a:focus {
  background: #4e4e4e;
  color: white;
  text-decoration: none;
}

.node-type-organization .button-link {
  font-size: 1em;
  left: 66%;
  position: relative;
  bottom: 1em;
}
.node-type-organization .badges {
  margin-top: 1em;
  width: 100%;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-around;
  align-items: center;
  align-content: center;
}
.node-type-organization .badges .badge {
  width: 46%;
}
.node-type-organization .top-badge {
  margin-top: 1em;
  position: relative;
  margin-left: auto;
  margin-right: auto;
  max-width: 65%;
}
.node-type-organization .org-logo, .node-type-organization .org-link {
  text-align: center;
}
.node-type-organization .people-on-drupalorg {
  position: relative;
  margin: auto;
  text-align: center;
}

.view-display-id-org_con_role_block {
  overflow: hidden;
  *zoom: 1;
  margin-bottom: 1em;
}
.view-display-id-org_con_role_block h3 {
  clear: both;
  font-size: revert;
  font-weight: normal;
  line-height: 1.1;
  margin: 0;
  padding: .5em 0 0 0;
}
.view-display-id-org_con_role_block h3 span {
  -ms-word-break: break-all;
  word-break: break-all;
  word-break: break-word;
  -webkit-hyphens: auto;
  -moz-hyphens: auto;
  hyphens: auto;
  float: left;
  max-width: 80px;
  overflow: visible;
  text-align: center;
}
.view-display-id-org_con_role_block .views-row {
  margin: 0 0 0.5em calc(80px + 1em);
}
.view-display-id-org_con_role_block .views-row .views-field-field-project-initiative-details {
  -ms-word-break: break-all;
  word-break: break-all;
  word-break: break-word;
  -webkit-hyphens: auto;
  -moz-hyphens: auto;
  hyphens: auto;
}
.view-display-id-org_con_role_block img {
  border-radius: 50%;
}

.view-id-organization_case_studies.view-display-id-block_1 .view-content {
  column-gap: 1.33333em;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  row-gap: 1em;
  text-align: center;
}
.view-id-organization_case_studies.view-display-id-block_1 .view-footer {
  margin-bottom: 1em;
}

.views-field-field-project-initiative-details {
  color: #4e4e4e;
  font-size: 0.92307em;
}

#projects-supported {
  margin: 0;
}

#org-page-issue-credit {
  clear: both;
  display: block;
  margin-top: 0em;
  position: relative;
}

#org-page-issue-credit-content, #org-page-sa-credit-content {
  margin-bottom: 0em;
}
#org-page-issue-credit-content .view-content, #org-page-sa-credit-content .view-content {
  margin-top: 1em;
}

#content .pift-ci-tests {
  list-style-type: none;
  padding-left: 0;
  margin-bottom: 0;
}
.pift-ci-tests .test {
  background: whitesmoke;
  border: 1px solid whitesmoke;
  border-radius: 4px;
  color: #222222;
  display: inline-block;
  margin: 0.15385em 0;
  padding: 0.07692em 0.25em;
}
.pift-ci-tests .pift-ci-fail .test {
  background: #ebcccc;
  border: 1px solid #ebcccc;
}
.pift-ci-tests .pift-ci-pass .test {
  background: #d4efcc;
  border: 1px solid #d4efcc;
}
.pift-ci-tests .pift-ci-issue .test {
  font-weight: bold;
  border: 1px solid #4e4e4e;
}
.pift-test-info .pift-ci-tests {
  overflow: hidden;
  *zoom: 1;
}
.pift-test-info .pift-ci-tests li {
  display: inline;
}

.pift-ci-results,
.pift-ci-checkstyle {
  width: 100%;
  table-layout: fixed;
}
.pift-ci-results td,
.pift-ci-checkstyle td {
  border: 0;
}

.pift-ci-results .pift-ci-result-column {
  width: 3em;
  text-align: right;
  vertical-align: top;
}
.pift-ci-results .pift-ci-no-output {
  width: 21px;
  float: left;
  text-align: center;
}
.pift-ci-results .ctools-collapsible-content {
  overflow: auto;
}
.pift-ci-results pre {
  width: 100%;
}
.pift-ci-results .pift-ci-suite {
  background: whitesmoke;
}
.pift-ci-results .pift-ci-suite td {
  font-weight: bold;
}

.pift-ci-icon {
  color: white;
  display: inline-block;
  width: 1.30769em;
  text-align: center;
  border-radius: 1em;
}

.pift-ci-fail .pift-ci-icon {
  background: #d32101;
}

.pift-ci-pass .pift-ci-icon {
  background: #367d02;
}

.pift-ci-toggle .active {
  font-weight: bold;
  color: #222222;
}

.pift-ci-hide-all-pass .pift-ci-all-pass {
  display: none;
}

.pift-ci-checkstyle thead th {
  padding: 0 inherit 0 inherit;
}
.pift-ci-checkstyle .pift-ci-line-column {
  width: 6em;
  text-align: right;
  vertical-align: top;
}
.pift-ci-checkstyle .pift-ci-file {
  background: whitesmoke;
}
.js .pift-ci-checkstyle {
  display: none;
}

.pift-history td {
  border: 0;
  vertical-align: middle;
}
.pift-history td.active {
  background-color: gainsboro;
}

#aggregator .feed-item-title {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 1.538em;
  font-weight: normal;
  line-height: 1.35em;
  margin: 0.9em 0 0.45em;
}
#aggregator .feed-item-title:first-child {
  margin-top: 0;
}
#aggregator .feed-item {
  overflow: hidden;
  *zoom: 1;
  margin-bottom: 2.077em;
}
#aggregator .feed-item-date {
  font-style: italic;
}

#aside #block-menu-menu-drupal-news {
  background: white;
}

#block-menu-menu-drupal-news ul.menu,
#content .pane-menu-menu-drupal-news ul.menu {
  margin-left: -1em;
  padding: 0;
}
#block-menu-menu-drupal-news ul.menu li,
#content .pane-menu-menu-drupal-news ul.menu li {
  list-style: none;
  margin: 0 0 .5em;
}
#block-menu-menu-drupal-news a,
#content .pane-menu-menu-drupal-news a {
  padding: .25em .5em .25em 1em;
}
#block-menu-menu-drupal-news a.active, #block-menu-menu-drupal-news a:hover, #block-menu-menu-drupal-news a:focus,
#content .pane-menu-menu-drupal-news a.active,
#content .pane-menu-menu-drupal-news a:hover,
#content .pane-menu-menu-drupal-news a:focus {
  background: url(../images/pointer.png) no-repeat 0 center #4e4e4e;
  color: white;
  text-decoration: none;
}

@media (min-width: 26.25em) {
  .node .field-name-field-project-images {
    width: 35.48387%;
    float: right;
    margin-right: 0;
    *margin-left: -1.33333em;
    margin: 0 0 .692em 20px;
  }
}
.node .field-name-field-replaced-by .field-name-field-project {
  font-weight: bold;
  margin-top: 1rem;
}
.node .field-name-field-supporting-organizations .field-collection-item-field-supporting-organizations {
  margin-bottom: .4615em;
}
.node .field-name-field-supporting-organizations .field-name-field-supporting-organization {
  float: left;
  padding-right: 0.5em;
}

#content .project-info {
  list-style-type: none;
  padding-left: 2.8em;
}
.project-info li {
  clear: left;
  margin: 0 0 .692em 0;
}
.project-info .icon-left {
  margin-left: -2.8em;
}
.project-info small {
  color: #4e4e4e;
}
.project-info p:last-child {
  margin-bottom: 0;
}

.view-project-release-download-table.view-display-id-recommended > .view-content .release {
  background: #fefbd1;
  margin: 0 0 1em 0;
  padding: 1em;
}
.view-project-release-download-table.view-display-id-recommended > .view-content .release .install {
  margin: -1.5em  -1em 1em -1em;
  padding: 0 0 1em 1em;
  background: #fefbd1;
}
.view-project-release-download-table.view-display-id-recommended > .view-content .release .install:last-child {
  margin-bottom: -1em;
}
.view-project-release-download-table.view-display-id-recommended > .view-content .release img {
  filter: opacity(0.5) drop-shadow(0 0 0 #fbf03b) brightness(2);
}
.view-project-release-download-table.view-display-id-recommended > .view-content .release.recommended-Yes.security-covered {
  background: #cce5b8;
}
.view-project-release-download-table.view-display-id-recommended > .view-content .release.recommended-Yes.security-covered .install {
  background: #cce5b8;
}
.view-project-release-download-table.view-display-id-recommended > .view-content .release.recommended-Yes.security-covered img {
  filter: opacity(0.5) drop-shadow(0 0 0 #7cbc48) brightness(2);
}
.view-project-release-download-table .view-display-id-security .release {
  background: #ffdbd4;
  margin: 0 0 1em 0;
  padding: 1em;
}
.view-project-release-download-table .view-display-id-security .release img {
  filter: opacity(0.5) drop-shadow(0 0 0 #d32101) brightness(2);
}
.view-project-release-download-table div.warning {
  margin: 0;
}
.view-project-release-download-table p {
  margin: .5em 0;
}
.view-project-release-download-table p:first-child {
  margin-top: 0;
}
.view-project-release-download-table p:last-child {
  margin-bottom: 0;
}
.view-project-release-download-table strong {
  font-size: 1.1em;
}
.view-project-release-download-table .security-covered img {
  height: 1.38462em;
  margin: -1em .25em -.3em .25em;
}
.view-project-release-download-table .release-info {
  background: rgba(255, 255, 255, 0.5);
  margin: 1em -1em -1em;
  padding: 1em;
}
.view-project-release-download-table .view-footer .release-info {
  background: whitesmoke;
  margin: 0 0 1em 0;
}

.view-id-project_downloads .views-row {
  clear: both;
  margin-bottom: 2em;
  overflow: auto;
}
.view-id-project_downloads .release-date {
  display: block;
  margin-top: 0.5em;
}
.view-id-project_downloads .views-field-field-release-short-description {
  width: 100%;
}
@media (min-width: 47.5em) {
  .view-id-project_downloads .views-field-field-release-short-description {
    float: right;
    width: 60%;
  }
}
.view-id-project_downloads.view-display-id-recommended > .view-content .views-field-field-release-version,
.view-id-project_downloads .view-display-id-prereleases .views-field-field-release-version {
  float: left;
  display: block;
  width: 100%;
  text-align: center;
}
@media (min-width: 47.5em) {
  .view-id-project_downloads.view-display-id-recommended > .view-content .views-field-field-release-version,
  .view-id-project_downloads .view-display-id-prereleases .views-field-field-release-version {
    width: 40%;
    padding-right: 2%;
  }
}
.view-id-project_downloads.view-display-id-recommended > .view-content .views-field-field-release-version h4,
.view-id-project_downloads .view-display-id-prereleases .views-field-field-release-version h4 {
  font-size: 1.2em;
  margin: 0;
}
.view-id-project_downloads.view-display-id-recommended > .view-content .views-field-field-release-version a,
.view-id-project_downloads .view-display-id-prereleases .views-field-field-release-version a {
  background: #0678be;
  color: white;
  margin-bottom: 1em;
  padding: 1.25em .5em;
  width: 100%;
  display: block;
}
.view-id-project_downloads.view-display-id-recommended > .view-content .views-field-field-release-version a:hover, .view-id-project_downloads.view-display-id-recommended > .view-content .views-field-field-release-version a:focus,
.view-id-project_downloads .view-display-id-prereleases .views-field-field-release-version a:hover,
.view-id-project_downloads .view-display-id-prereleases .views-field-field-release-version a:focus {
  background: #064771;
  text-decoration: none;
}
.view-id-project_downloads.view-display-id-recommended > .view-content .views-field-field-release-version .release-date,
.view-id-project_downloads .view-display-id-prereleases .views-field-field-release-version .release-date {
  color: whitesmoke;
  font-size: 0.95em;
}
.view-id-project_downloads .view-display-id-prereleases .views-field-field-release-version a {
  background: white;
  border: 2px solid #0678be;
  color: #222222;
}
.view-id-project_downloads .view-display-id-prereleases .views-field-field-release-version a:hover, .view-id-project_downloads .view-display-id-prereleases .views-field-field-release-version a:focus {
  border: 2px solid #064771;
  color: white;
}
.view-id-project_downloads .view-display-id-prereleases .views-field-field-release-version a:hover .release-date, .view-id-project_downloads .view-display-id-prereleases .views-field-field-release-version a:focus .release-date {
  color: whitesmoke;
}
.view-id-project_downloads .view-display-id-prereleases .views-field-field-release-version .release-date {
  color: #4e4e4e;
}
.view-id-project_downloads .release-date {
  color: #4e4e4e;
}
.view-id-project_downloads .panel-pane .views-field-field-release-version a:hover, .view-id-project_downloads .panel-pane .views-field-field-release-version a:focus {
  text-decoration: none;
}

#sidebar-first #block-drupalorg-project-follow {
  background: white;
}
#sidebar-first #block-drupalorg-project-follow .block-inner {
  padding: 0;
}

#block-drupalorg-project-follow {
  color: #4e4e4e;
  font-size: 0.92307em;
}
#block-drupalorg-project-follow .content > span {
  border: 1px solid gainsboro;
  border-radius: 4px;
  display: inline-block;
  padding: 0 0 0 .4em;
}
#block-drupalorg-project-follow .content > span a, #block-drupalorg-project-follow .content > span span {
  display: inline-block;
}
#block-drupalorg-project-follow .content > span a {
  color: #4e4e4e;
  padding: 4px .5em 4px 2em;
}
#block-drupalorg-project-follow .content > span .flag-link-toggle,
#block-drupalorg-project-follow .content > span .log-in-to-star {
  background: url(../images/icon-dk-gray-star-fill.svg) transparent left center/1.5em no-repeat;
}
#block-drupalorg-project-follow .content > span .flag-link-toggle.unflag-action,
#block-drupalorg-project-follow .content > span .log-in-to-star.unflag-action {
  background-image: url(../images/icon-green-star-fill.svg);
}
#block-drupalorg-project-follow .content > span .flag-throbber {
  width: 0;
}
#block-drupalorg-project-follow .content > span .count {
  background: whitesmoke;
  border-radius: 0 3px 3px 0;
  padding: 4px .5em;
}
#block-drupalorg-project-follow .content > span .mail {
  background: url(../images/icon-dk-gray-mail.svg) transparent -0.4em center/2.5em no-repeat;
}

#block-drupalorg-project-maintainers .maintainers {
  column-gap: 1.33333em;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  row-gap: .5em;
  text-align: center;
}
#block-drupalorg-project-maintainers .maintainers.collapsed > * {
  display: none;
}
#block-drupalorg-project-maintainers .maintainers.collapsed > :nth-child(1), #block-drupalorg-project-maintainers .maintainers.collapsed > :nth-child(2), #block-drupalorg-project-maintainers .maintainers.collapsed > :nth-child(3),
#block-drupalorg-project-maintainers .maintainers.collapsed > :nth-child(4), #block-drupalorg-project-maintainers .maintainers.collapsed > :nth-child(5), #block-drupalorg-project-maintainers .maintainers.collapsed > :nth-child(6) {
  display: initial;
}
#block-drupalorg-project-maintainers .user-picture img {
  border-radius: 50%;
}

.block-project-issue .form-item, #homebox .block-project_issue .form-item {
  display: inline;
  padding-right: 0.5em;
}
.block-project-issue form a, #homebox .block-project_issue form a {
  display: block;
}
.block-project-issue h3, #homebox .block-project_issue h3 {
  color: #4e4e4e;
  font-weight: normal;
  margin-bottom: 0;
}
.block-project-issue .metric-label, #homebox .block-project_issue .metric-label {
  display: inline-block;
  width: 7.6em;
  text-align: right;
}

.sparkarea .label-line {
  stroke: #4e4e4e;
}
.sparkarea .label-text {
  font-size: .8em;
  font-weight: bold;
  letter-spacing: -.025em;
}
.sparkarea .area.series-0 {
  fill: #4e79a7;
}
.sparkarea .area.series-1 {
  fill: #f28e2c;
}
.sparkarea .area.series-2 {
  fill: #e15759;
}
.sparkarea .area.series-3 {
  fill: #76b7b2;
}
.sparkarea .area.series-4 {
  fill: #59a14f;
}
.sparkarea .area.series-5 {
  fill: #edc949;
}
.sparkarea .area.series-6 {
  fill: #af7aa1;
}
.sparkarea .area.series-7 {
  fill: #ff9da7;
}
.sparkarea .area.series-8 {
  fill: #9c755f;
}
.sparkarea .area.series-9 {
  fill: #bab0ab;
}
.sparkarea .label-text.series-0 {
  fill: #3e6084;
}
.sparkarea .label-text.series-1 {
  fill: #dd740e;
}
.sparkarea .label-text.series-2 {
  fill: #d92c2e;
}
.sparkarea .label-text.series-3 {
  fill: #56a49e;
}
.sparkarea .label-text.series-4 {
  fill: #467f3e;
}
.sparkarea .label-text.series-5 {
  fill: #e8bb1b;
}
.sparkarea .label-text.series-6 {
  fill: #9a5c89;
}
.sparkarea .label-text.series-7 {
  fill: #ff6a79;
}
.sparkarea .label-text.series-8 {
  fill: #7c5d4c;
}
.sparkarea .label-text.series-9 {
  fill: #a3968f;
}

#versioncontrol-project-edit-tags li {
  margin: 0 0 .5em 0;
}
#versioncontrol-project-edit-tags a.delete {
  margin: 0 0 0 .5em;
}
#versioncontrol-project-edit-tags a.delete, #versioncontrol-project-edit-tags a.delete:visited, #versioncontrol-project-edit-tags a.delete:active {
  color: #4e4e4e;
  font-size: 0.92307em;
}
#versioncontrol-project-edit-tags a.delete::before {
  background: url(../images/icon-trash.svg) no-repeat;
  content: ' ';
  display: inline-block;
  filter: opacity(0.6);
  height: 1.25em;
  width: 1.4em;
  vertical-align: text-bottom;
}
#versioncontrol-project-edit-tags a.delete:hover, #versioncontrol-project-edit-tags a.delete:focus {
  color: #ff7b3a;
}
#versioncontrol-project-edit-tags a.delete:hover::before, #versioncontrol-project-edit-tags a.delete:focus::before {
  filter: opacity(0.5) drop-shadow(0 0 0 #ff7b3a) brightness(2);
}

.node-type-project-release .composer-command {
  display: inline-block;
  font-size: 1em;
  margin-top: .5em;
  margin-bottom: .5em;
}
@media (min-width: 26.25em) {
  .node-type-project-release .group-sidebar-top {
    width: 31.91489%;
    float: right;
    margin-right: 0;
    *margin-left: -1.33333em;
    display: block;
    float: right;
  }
}
.node-type-project-release .group-sidebar-top .try-drupal {
  text-align: center;
  margin-bottom: 1em;
}
.node-type-project-release .group-sidebar-top .try-drupal a {
  border: 2px solid #0678be;
  display: block;
  padding: 1.5em;
  width: 100%;
  color: #0678be;
}
.node-type-project-release .group-sidebar-top .try-drupal a:hover, .node-type-project-release .group-sidebar-top .try-drupal a:focus {
  background-color: #bce3fa;
  text-decoration: none;
}
@media (min-width: 26.25em) {
  .node-type-project-release .group-release-sidebar {
    width: 31.91489%;
    float: right;
    margin-right: 0;
    *margin-left: -1.33333em;
  }
}
.node-type-project-release .group-release-sidebar .release-info {
  margin: 1em 0;
}
.node-type-project-release .group-release-main .views-field-field-release-file-hash,
.node-type-project-release .group-release-main .views-field-field-release-file-sha1,
.node-type-project-release .group-release-main .views-field-field-release-file-sha256 {
  color: #4e4e4e;
  font-size: 0.92307em;
  display: none;
}
.node-type-project-release .group-release-main .show-views-field-field-release-file-hash .views-field-field-release-file-hash {
  display: block;
}
.node-type-project-release .group-release-main .show-views-field-field-release-file-sha1 .views-field-field-release-file-sha1 {
  display: block;
}
.node-type-project-release .group-release-main .show-views-field-field-release-file-sha256 .views-field-field-release-file-sha256 {
  display: block;
}
.node-type-project-release .group-release-main .release-hash-links {
  color: #4e4e4e;
  font-size: 0.92307em;
  margin-bottom: 1em;
}
@media (min-width: 26.25em) {
  .node-type-project-release .group-release-main {
    width: 65.95745%;
    float: left;
    margin-right: 2.12766%;
  }
  .node-type-project-release .group-release-main h2 {
    margin-bottom: auto;
  }
  .node-type-project-release .group-release-main .views-row .download {
    clear: right;
  }
  .node-type-project-release .group-release-main .views-row .extension {
    display: inline;
  }
  .node-type-project-release .group-release-main .views-row .filename {
    display: none;
  }
  .node-type-project-release .group-release-main .views-row > .field-content {
    color: #4e4e4e;
    font-size: 0.92307em;
  }
  .node-type-project-release .group-release-main .hash {
    font-family: Monaco, Consolas, 'Andale Mono', 'Ubuntu Mono', monospace;
  }
}

.node-project-release .content {
  overflow: hidden;
  *zoom: 1;
}
@media (min-width: 26.25em) {
  .node-project-release.node-teaser {
    position: relative;
  }
  .node-project-release.node-teaser > h2,
  .node-project-release.node-teaser .submitted, #content .node-project-release.node-teaser ul.links {
    margin-left: 25.53191%;
  }
  .node-project-release.node-teaser .group-release-meta {
    width: 23.40426%;
    float: left;
    margin-right: 2.12766%;
    position: absolute;
    text-align: right;
    top: 2.7em;
  }
  .node-project-release.node-teaser .group-release-meta .field-name-taxonomy-vocabulary-7 .field-item {
    margin: .25em 0 .25em .5em;
  }
  .node-project-release.node-teaser .field-name-body {
    width: 74.46809%;
    float: right;
    margin-right: 0;
    *margin-left: -1.33333em;
  }
}
@media (min-width: 47.5em) {
  .node-project-release.node-teaser > h2,
  .node-project-release.node-teaser .submitted, #content .node-project-release.node-teaser ul.links {
    margin-left: 17.02128%;
  }
  .node-project-release.node-teaser .group-release-meta {
    width: 14.89362%;
    float: left;
    margin-right: 2.12766%;
  }
  .node-project-release.node-teaser .field-name-body {
    width: 82.97872%;
    float: right;
    margin-right: 0;
    *margin-left: -1.33333em;
  }
}
.node-project-release .field-name-taxonomy-vocabulary-7 .field-item {
  display: inline-block;
  margin: .25em .5em .25em 0;
}
.node-project-release .field-name-taxonomy-vocabulary-7 strong {
  border-radius: 4px;
  font-size: 0.92307em;
  font-weight: normal;
  padding: 2px 4px;
  white-space: nowrap;
}
.node-project-release .field-name-taxonomy-vocabulary-7 strong.security-update {
  color: white;
  background: black;
}
.node-project-release .field-name-taxonomy-vocabulary-7 strong.insecure {
  color: white;
  background: #e3901b;
}
.node-project-release .field-name-taxonomy-vocabulary-7 strong.new-features {
  border: 1px solid #367d02;
  color: #367d02;
}
.node-project-release .field-name-taxonomy-vocabulary-7 strong.bug-fixes {
  border: 1px solid #064771;
  color: #064771;
}

.node-type-guide .messages, .node-type-documentation .messages {
  margin: 2em auto 0 auto;
  max-width: 960px;
}
@media (min-width: 47.5em) {
  .node-type-guide h1, .node-type-documentation h1 {
    padding-right: 166px;
  }
  [dir=rtl] .node-type-guide h1, [dir=rtl] .node-type-documentation h1 {
    padding-right: 0;
  }
}
.node-type-guide #tabs.js, .node-type-documentation #tabs.js {
  height: 2.25em;
  overflow: hidden;
  position: relative;
  z-index: 10;
}
.node-type-guide #tabs.js .toggle, .node-type-documentation #tabs.js .toggle {
  background: url(../images/icon-w-dropdown.svg) #367d02 center center/1.5em no-repeat;
  display: block;
  float: right;
  text-indent: -9999px;
  width: 36px;
  height: 2.25em;
}
.node-type-guide #tabs.js.clicked, .node-type-documentation #tabs.js.clicked {
  overflow: visible;
}
.node-type-guide #tabs.js ul, .node-type-documentation #tabs.js ul {
  box-shadow: 0 4px 4px rgba(0, 0, 0, 0.4);
  background-color: #7cbc48;
  color: white;
  position: absolute;
  width: 100%;
}
.node-type-guide #tabs.js li, .node-type-documentation #tabs.js li {
  float: none;
  margin: 0.5em 0;
}
.node-type-guide #tabs.js li a, .node-type-documentation #tabs.js li a {
  color: white;
  line-height: 2.25em;
  padding: 0 0 0 3em;
}
.node-type-guide #tabs.js li a[href$="/edit"], .node-type-documentation #tabs.js li a[href$="/edit"] {
  background: url(../images/icon-w-pencil.svg) transparent left 0.75em center/1.5em auto no-repeat;
}
.node-type-guide #tabs.js li a[href$="/discuss"], .node-type-documentation #tabs.js li a[href$="/discuss"] {
  background: url(../images/icon-w-discuss.svg) transparent left 0.75em center/1.5em auto no-repeat;
}
.node-type-guide #tabs.js li a[href$="/revisions"], .node-type-documentation #tabs.js li a[href$="/revisions"] {
  background: url(../images/icon-w-clock.svg) transparent left 0.75em center/1.5em auto no-repeat;
}
.node-type-guide #tabs.js li a[href$="/group"], .node-type-documentation #tabs.js li a[href$="/group"] {
  background: url(../images/icon-w-gear.svg) transparent left 0.75em center/1.5em auto no-repeat;
}
.node-type-guide #tabs.js li a[href^="/node/add"], .node-type-documentation #tabs.js li a[href^="/node/add"] {
  background: url(../images/icon-w-plus.svg) transparent left 0.75em center/1.5em auto no-repeat;
}
.node-type-guide #tabs.js li.active a, .node-type-guide #tabs.js li:hover a, .node-type-guide #tabs.js li:focus a, .node-type-documentation #tabs.js li.active a, .node-type-documentation #tabs.js li:hover a, .node-type-documentation #tabs.js li:focus a {
  background-color: transparent;
  border-radius: 0;
}
.node-type-guide #tabs.js li:hover a, .node-type-documentation #tabs.js li:hover a {
  background-color: #45a003;
}
@media (min-width: 47.5em) {
  .node-type-guide #tabs.js, .node-type-documentation #tabs.js {
    float: right;
    margin: -3.75em 0 0 0;
    width: 150px;
  }
}
.node-type-guide .field-name-field-tags a, .node-type-documentation .field-name-field-tags a {
  background-color: whitesmoke;
  color: #4e4e4e;
  padding: 0.25em 0.5em;
  margin-right: 0.5em;
  text-decoration: none;
  line-height: 2;
}
.node-type-guide .field-name-field-tags a:hover, .node-type-guide .field-name-field-tags a:focus, .node-type-documentation .field-name-field-tags a:hover, .node-type-documentation .field-name-field-tags a:focus {
  background-color: #e8e8e8;
}
.node-type-guide .field-name-field-tags .field-item, .node-type-documentation .field-name-field-tags .field-item {
  display: inline-block;
}
.node-type-guide .panel-layout, .node-type-documentation .panel-layout {
  max-width: 100%;
}
.node-type-guide .panel-layout .container.content, .node-type-documentation .panel-layout .container.content {
  padding: 2em 0px;
}
.node-type-guide .panel-layout .container-inner, .node-type-documentation .panel-layout .container-inner {
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  max-width: 960px;
  padding: 0px 10px;
}
.node-type-guide .panel-layout .panel-pane, .node-type-documentation .panel-layout .panel-pane {
  padding: 0;
}
.node-type-guide .pane-node-updated .pane-content, .node-type-documentation .pane-node-updated .pane-content {
  display: inline;
  padding: 0 .1em;
}
.node-type-guide .pane-node-updated .pane-content:after, .node-type-guide .pane-node-updated .pane-content:before, .node-type-documentation .pane-node-updated .pane-content:after, .node-type-documentation .pane-node-updated .pane-content:before {
  clear: none;
  content: '';
  display: inline;
}
@media (min-width: 47.5em) {
  .node-type-guide .top-right-content, .node-type-guide .bottom-right-content, .node-type-documentation .top-right-content, .node-type-documentation .bottom-right-content {
    width: 30%;
  }
}
.node-type-guide .top-right-content .pane-title, .node-type-guide .bottom-right-content .pane-title, .node-type-documentation .top-right-content .pane-title, .node-type-documentation .bottom-right-content .pane-title {
  border-bottom: 2px solid #0678be;
  margin-top: 0;
  padding-bottom: .25em;
}
.node-type-guide .top-right-content .panel-pane, .node-type-guide .bottom-right-content .panel-pane, .node-type-documentation .top-right-content .panel-pane, .node-type-documentation .bottom-right-content .panel-pane {
  margin-bottom: 2em;
}
.node-type-guide .pane-og-menu-og-single-menu-block, .node-type-documentation .pane-og-menu-og-single-menu-block {
  background: transparent;
}
.node-type-guide .pane-og-menu-og-single-menu-block li a:hover, .node-type-guide .pane-og-menu-og-single-menu-block li a:focus, .node-type-documentation .pane-og-menu-og-single-menu-block li a:hover, .node-type-documentation .pane-og-menu-og-single-menu-block li a:focus {
  color: #064771;
  text-decoration: none;
}
.node-type-guide .pane-og-menu-og-single-menu-block li.active-trail a, .node-type-documentation .pane-og-menu-og-single-menu-block li.active-trail a {
  background: gainsboro;
  color: #4e4e4e;
  padding: 0 2em 0 1.25em;
  margin-left: -1.25em;
  position: relative;
  display: inline-block;
}
.node-type-guide .pane-og-menu-og-single-menu-block li.active-trail a:after, .node-type-documentation .pane-og-menu-og-single-menu-block li.active-trail a:after {
  right: 100%;
  top: 50%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
  border-right-color: gainsboro;
  border-width: .7em;
  margin-top: -.7em;
}
.node-type-guide.page-node-edit #content, .node-type-guide.page-node-revisions #content, .node-type-guide.page-node-delete #content, .node-type-documentation.page-node-edit #content, .node-type-documentation.page-node-revisions #content, .node-type-documentation.page-node-delete #content {
  padding: 2em 0px;
}
.node-type-guide.page-node-edit #content #content-inner, .node-type-guide.page-node-revisions #content #content-inner, .node-type-guide.page-node-delete #content #content-inner, .node-type-documentation.page-node-edit #content #content-inner, .node-type-documentation.page-node-revisions #content #content-inner, .node-type-documentation.page-node-delete #content #content-inner {
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  max-width: 960px;
  padding: 0px 10px;
}
.node-type-guide.page-node-edit .page-title-wrapper, .node-type-guide.page-node-revisions .page-title-wrapper, .node-type-guide.page-node-delete .page-title-wrapper, .node-type-documentation.page-node-edit .page-title-wrapper, .node-type-documentation.page-node-revisions .page-title-wrapper, .node-type-documentation.page-node-delete .page-title-wrapper {
  float: none;
}
.node-type-guide .pane-documentation-related-content-related-content-pane, .node-type-documentation .pane-documentation-related-content-related-content-pane {
  padding-top: 2em;
}
.node-type-guide .pane-documentation-related-content-related-content-pane .pane-title, .node-type-documentation .pane-documentation-related-content-related-content-pane .pane-title {
  color: #4e4e4e;
  border-bottom: solid 2px #e8e8e8;
  padding-bottom: 0.25em;
  margin-bottom: 0.45em;
}
.node-type-guide .pane-documentation-related-content-related-content-pane .node, .node-type-documentation .pane-documentation-related-content-related-content-pane .node {
  padding-bottom: 2em;
}
.node-type-guide .pane-documentation-related-content-related-content-pane .node h2, .node-type-documentation .pane-documentation-related-content-related-content-pane .node h2 {
  font-size: 1.5em;
  padding-bottom: 0.25em;
}
.node-type-guide .pane-documentation-related-content-related-content-pane .node .field-name-field-tags, .node-type-documentation .pane-documentation-related-content-related-content-pane .node .field-name-field-tags {
  margin-top: 0.5em;
}
@media (min-width: 47.5em) {
  .node-type-guide .pane-documentation-related-content-related-content-pane .view-content > div, .node-type-documentation .pane-documentation-related-content-related-content-pane .view-content > div {
    width: 48.3871%;
    float: left;
    margin-right: 3.22581%;
  }
  .node-type-guide .pane-documentation-related-content-related-content-pane .view-content > div:nth-child(2n), .node-type-documentation .pane-documentation-related-content-related-content-pane .view-content > div:nth-child(2n) {
    float: right;
    margin-right: 0;
  }
  .node-type-guide .pane-documentation-related-content-related-content-pane .view-content > div:nth-child(odd), .node-type-documentation .pane-documentation-related-content-related-content-pane .view-content > div:nth-child(odd) {
    clear: both;
  }
}

.node-type-documentation h1 {
  margin: 0;
}
.node-type-documentation .pane-node-body {
  margin: 1em 0 2em 0;
}
.node-type-documentation .pane-node-updated {
  margin-bottom: 2.5em;
}
@media (min-width: 47.5em) {
  .node-type-documentation #tabs.js {
    margin-top: -2.5em;
  }
}

.node-type-guide h1 {
  margin: 0 0 .55em;
}
.node-type-guide .pane-section-contents {
  padding-top: 2em;
}
.node-type-guide .pane-section-contents section {
  margin-bottom: 1em;
  padding: 0.5em 1em;
  background-color: whitesmoke;
}
.node-type-guide .pane-section-contents section p:last-child {
  margin-bottom: 0;
}
.node-type-guide .pane-section-contents h2 {
  font-size: 1.5em;
}

.node .field-name-field-tasks,
.node .field-name-field-required-skills,
.node .field-name-field-related-content,
.node .field-name-field-detailed-steps,
.node .field-name-field-how-to-learn {
  padding-top: 1em;
}

.node-type-contributor-role.new-style #aside .block-views h2, .node-type-contributor-task.new-style #aside .block-views h2, .node-type-contributor-skill.new-style #aside .block-views h2 {
  color: #222222;
  font-size: 1.3em;
  font-weight: normal;
}
.node-type-contributor-role.new-style #aside .block-views h3, .node-type-contributor-task.new-style #aside .block-views h3, .node-type-contributor-skill.new-style #aside .block-views h3 {
  color: #222222;
  font-size: 1em;
  font-weight: normal;
}
.node-type-contributor-role #aside .block-views .block-inner, .node-type-contributor-task #aside .block-views .block-inner, .node-type-contributor-skill #aside .block-views .block-inner {
  padding-bottom: 0;
}

#content .view-getting-involved-reference-blocks .view-content ul {
  padding-left: 0;
}

.view-getting-involved-reference-blocks .views-row {
  padding-bottom: 1em;
}
.view-getting-involved-reference-blocks .views-field {
  padding-bottom: 1em;
}
.view-getting-involved-reference-blocks .views-field-type {
  padding-bottom: 0;
}
.view-getting-involved-reference-blocks .views-field-changed {
  font-size: .9em;
}
.view-getting-involved-reference-blocks .views-field-field-summary, .view-getting-involved-reference-blocks .views-field-title {
  padding-bottom: 0;
}
.view-getting-involved-reference-blocks .views-label {
  font-weight: bold;
}

.view-getting-involved-reference-blocks.view-display-id-panel_role_browser .views-field-field-duration .views-label,
.view-getting-involved-reference-blocks.view-display-id-panel_role_browser .views-field-field-average-time .views-label,
.view-getting-involved-reference-blocks.view-display-id-panel_task_browser .views-field-field-duration .views-label,
.view-getting-involved-reference-blocks.view-display-id-panel_task_browser .views-field-field-average-time .views-label,
.view-getting-involved-reference-blocks.view-display-id-block_roles_use_task .views-field-field-duration .views-label,
.view-getting-involved-reference-blocks.view-display-id-block_roles_use_task .views-field-field-average-time .views-label,
.view-getting-involved-reference-blocks.view-display-id-block_skill_improve .views-field-field-duration .views-label,
.view-getting-involved-reference-blocks.view-display-id-block_skill_improve .views-field-field-average-time .views-label,
.view-getting-involved-reference-blocks.view-display-id-block_skill_require .views-field-field-duration .views-label,
.view-getting-involved-reference-blocks.view-display-id-block_skill_require .views-field-field-average-time .views-label,
.view-getting-involved-reference-blocks.view-display-id-panel_in_area .views-field-field-duration .views-label,
.view-getting-involved-reference-blocks.view-display-id-panel_in_area .views-field-field-average-time .views-label {
  font-weight: normal;
}

.view-getting-involved-reference-blocks.view-display-id-panel_role_browser .views-field-field-summary,
.view-getting-involved-reference-blocks.view-display-id-panel_task_browser .views-field-field-summary {
  padding-bottom: 1em;
}

.view-contributor-guide-taxonomy-views .views-field-name {
  font-weight: bold;
  padding-bottom: 0;
}

.field-name-field-how-to-get-started p,
.views-field-field-commitment-description p {
  margin-bottom: .5em;
}
.field-name-field-how-to-get-started p:last-child,
.views-field-field-commitment-description p:last-child {
  margin-bottom: 0;
}

.view-group-maintainers .views-row {
  float: left;
  padding-right: 1em;
}
.view-group-maintainers img {
  border-radius: 40px;
}

@media (min-width: 47.5em) {
  .page-node-discuss .pane-message-follow-follow {
    float: right;
    margin: -3.5em 0 0 0;
  }
}
#block-drupalorg-search-documentation {
  background: #045292;
  padding: .5em;
}
#block-drupalorg-search-documentation .form-submit {
  margin-top: .5em;
  width: 1.5em;
}
@media (min-width: 47.5em) {
  #block-drupalorg-search-documentation .form-submit {
    width: 2em;
  }
}
#block-drupalorg-search-documentation ::placeholder {
  color: white;
  opacity: 1;
}
#block-drupalorg-search-documentation :-ms-input-placeholder {
  color: white;
}
#block-drupalorg-search-documentation input[type="text"] {
  background: transparent;
  border: none;
  color: white;
  float: left;
  font-size: 1.5em;
  font-weight: 300;
  line-height: 1.4em;
  margin: .2em 0 0 0;
  width: calc(100% - 1.5em);
}

#content ul.guide-contents {
  margin: -1em 0 0 0;
}

#content ul.guide-contents,
#content .left-content ul.menu {
  padding: 0;
}

.left-content .menu,
.guide-contents {
  color: #4e4e4e;
  font-size: 0.92307em;
  line-height: 1.5em;
}
@media (min-width: 26.25em) {
  .left-content .menu,
  .guide-contents {
    column-count: 2;
    column-gap: 20px;
  }
}
.left-content .menu li,
.guide-contents li {
  break-inside: avoid;
  list-style: none;
  padding-bottom: .5em;
}

.documentation-section-menu .pane-title {
  margin: 0;
}
.documentation-section-menu h4 a, .documentation-section-menu li {
  color: #4e4e4e;
}
.documentation-section-menu li {
  margin-left: 1.5em;
}

.toc-anchor {
  font-weight: normal;
}
.toc-anchor::before {
  content: "# ";
}
@media (min-width: 65.625em) {
  .field-item > * > .toc-anchor::before {
    margin: 0 0 0 -.8em;
    position: absolute;
  }
  [dir=rtl] .field-item > * > .toc-anchor::before {
    margin: 0 -.8em 0 0;
  }
}
.toc-anchor, .toc-anchor:visited {
  color: #4e4e4e;
  font-weight: lighter;
}
.toc-anchor:hover, .toc-anchor:focus {
  color: #0678be;
  font-weight: normal;
  text-decoration: none;
}

#on-this-page {
  padding: 1em;
}
@media (min-width: 47.5em) {
  #on-this-page {
    margin: 0 0 1em -1em;
  }
  [dir=rtl] #on-this-page {
    margin: 0 -1em 1em 0;
  }
}
#on-this-page .pane-title {
  border-bottom: 0;
  padding-bottom: 0;
}
#on-this-page li {
  color: #4e4e4e;
  list-style: disc;
  margin: 0 0 0 1.25em;
}
[dir=rtl] #on-this-page li {
  margin: 0 1.25em 0 0;
}
#on-this-page li.h3-tag {
  color: #4e4e4e;
  font-size: 0.92307em;
  list-style-type: circle;
  margin: 0 0 0 2.5em;
}
[dir=rtl] #on-this-page li.h3-tag {
  margin: 0 2.5em 0 0;
}
#on-this-page li.h4-tag {
  color: #4e4e4e;
  font-size: 0.92307em;
  list-style-type: square;
  margin: 0 0 0 3.75em;
}
[dir=rtl] #on-this-page li.h4-tag {
  margin: 0 3.75em 0 0;
}
#on-this-page a, #on-this-page a:visited, #on-this-page a:active {
  color: #4e4e4e;
}
#on-this-page a:hover, #on-this-page a:focus {
  color: #0678be;
}

.panel-layout.capricorn h2 {
  font-size: 1.75em;
  line-height: 1.1em;
}
.panel-layout.capricorn .pane-title {
  margin: auto;
  max-width: calc(960px + 8vw);
  padding: 2em 4vw 0 4vw;
}
.panel-layout.capricorn .tertiary-wrapper,
.panel-layout.capricorn .nonary-wrapper,
.panel-layout.capricorn .pane-community-stats .pane-content {
  overflow: hidden;
  *zoom: 1;
  color: #4e4e4e;
  margin: auto;
  max-width: calc(960px + 4em);
}
.panel-layout.capricorn .column-content-region {
  padding: 2em 4vw;
  position: relative;
}
@media (min-width: 47.5em) {
  .panel-layout.capricorn .tertiary-wrapper,
  .panel-layout.capricorn .nonary-wrapper,
  .panel-layout.capricorn .pane-community-stats .pane-content {
    display: flex;
  }
  .panel-layout.capricorn .column-content-region {
    padding: 2em;
    width: 33.33333%;
    float: left;
    margin-right: 0%;
  }
  .panel-layout.capricorn .column-content-region:nth-child(3n) {
    float: right;
    margin-right: 0;
  }
}
.panel-layout.capricorn .tertiary-second, .panel-layout.capricorn .nonary-second {
  background-color: whitesmoke;
}
.panel-layout.capricorn .tertiary-second .pane-bundle-case-study .pane-style-card .pane-content-inner,
.panel-layout.capricorn .tertiary-second .pane-bundle-cta .pane-style-card .pane-content-inner, .panel-layout.capricorn .nonary-second .pane-bundle-case-study .pane-style-card .pane-content-inner,
.panel-layout.capricorn .nonary-second .pane-bundle-cta .pane-style-card .pane-content-inner {
  background-color: whitesmoke;
}
.panel-layout.capricorn .tertiary-second .pane-bundle-case-study .pane-style-built-by .built-by,
.panel-layout.capricorn .tertiary-second .pane-bundle-cta .pane-style-built-by .built-by, .panel-layout.capricorn .nonary-second .pane-bundle-case-study .pane-style-built-by .built-by,
.panel-layout.capricorn .nonary-second .pane-bundle-cta .pane-style-built-by .built-by {
  background: gainsboro;
}
.panel-layout.capricorn .pane-bundle-case-study,
.panel-layout.capricorn .pane-bundle-cta {
  background-repeat: no-repeat;
}
.panel-layout.capricorn .pane-bundle-case-study h2,
.panel-layout.capricorn .pane-bundle-cta h2 {
  color: inherit;
}
.panel-layout.capricorn .pane-bundle-case-study .pane-style-dark,
.panel-layout.capricorn .pane-bundle-cta .pane-style-dark {
  background-color: #4e4e4e;
  color: whitesmoke;
}
.panel-layout.capricorn .pane-bundle-case-study .pane-style-dark a,
.panel-layout.capricorn .pane-bundle-case-study .pane-style-dark blockquote:before,
.panel-layout.capricorn .pane-bundle-cta .pane-style-dark a,
.panel-layout.capricorn .pane-bundle-cta .pane-style-dark blockquote:before {
  color: #8dcff6;
}
.panel-layout.capricorn .pane-bundle-case-study .pane-style-dark a.action-button,
.panel-layout.capricorn .pane-bundle-cta .pane-style-dark a.action-button {
  color: white;
}
.panel-layout.capricorn .pane-bundle-case-study .pane-style-dark .field-name-field-cta-link a,
.panel-layout.capricorn .pane-bundle-case-study .pane-style-dark input[type="submit"],
.panel-layout.capricorn .pane-bundle-cta .pane-style-dark .field-name-field-cta-link a,
.panel-layout.capricorn .pane-bundle-cta .pane-style-dark input[type="submit"] {
  border-color: whitesmoke;
  color: whitesmoke;
}
.panel-layout.capricorn .pane-bundle-case-study .pane-style-dark .field-name-field-cta-link a:hover, .panel-layout.capricorn .pane-bundle-case-study .pane-style-dark .field-name-field-cta-link a:focus,
.panel-layout.capricorn .pane-bundle-case-study .pane-style-dark input[type="submit"]:hover,
.panel-layout.capricorn .pane-bundle-case-study .pane-style-dark input[type="submit"]:focus,
.panel-layout.capricorn .pane-bundle-cta .pane-style-dark .field-name-field-cta-link a:hover,
.panel-layout.capricorn .pane-bundle-cta .pane-style-dark .field-name-field-cta-link a:focus,
.panel-layout.capricorn .pane-bundle-cta .pane-style-dark input[type="submit"]:hover,
.panel-layout.capricorn .pane-bundle-cta .pane-style-dark input[type="submit"]:focus {
  background-color: whitesmoke;
  border-color: whitesmoke;
  color: #4e4e4e;
}
.panel-layout.capricorn .pane-bundle-case-study .pane-style-dark .field-name-field-cta-link .field-item:not(:first-child) a,
.panel-layout.capricorn .pane-bundle-cta .pane-style-dark .field-name-field-cta-link .field-item:not(:first-child) a {
  border-color: transparent;
  background: transparent;
}
.panel-layout.capricorn .pane-bundle-case-study .pane-style-dark .field-name-field-cta-link .field-item:not(:first-child) a:hover, .panel-layout.capricorn .pane-bundle-case-study .pane-style-dark .field-name-field-cta-link .field-item:not(:first-child) a:focus,
.panel-layout.capricorn .pane-bundle-cta .pane-style-dark .field-name-field-cta-link .field-item:not(:first-child) a:hover,
.panel-layout.capricorn .pane-bundle-cta .pane-style-dark .field-name-field-cta-link .field-item:not(:first-child) a:focus {
  color: whitesmoke;
  text-decoration: underline;
}
.panel-layout.capricorn .pane-bundle-case-study .pane-style-dark.pane-style-ribbon,
.panel-layout.capricorn .pane-bundle-cta .pane-style-dark.pane-style-ribbon {
  background-color: #064771;
}
.panel-layout.capricorn .pane-bundle-case-study .pane-style-light,
.panel-layout.capricorn .pane-bundle-cta .pane-style-light {
  background-color: whitesmoke;
  color: #4e4e4e;
}
.panel-layout.capricorn .pane-bundle-case-study .pane-style-light.pane-style-ribbon,
.panel-layout.capricorn .pane-bundle-cta .pane-style-light.pane-style-ribbon {
  background-color: #bce3fa;
}
.panel-layout.capricorn .pane-bundle-case-study .pane-style-light.pane-style-ribbon .field-name-field-cta-link a,
.panel-layout.capricorn .pane-bundle-cta .pane-style-light.pane-style-ribbon .field-name-field-cta-link a {
  border-color: #4e4e4e;
  color: #4e4e4e;
}
.panel-layout.capricorn .pane-bundle-case-study .pane-style-light.pane-style-ribbon .field-name-field-cta-link a:hover, .panel-layout.capricorn .pane-bundle-case-study .pane-style-light.pane-style-ribbon .field-name-field-cta-link a:focus,
.panel-layout.capricorn .pane-bundle-cta .pane-style-light.pane-style-ribbon .field-name-field-cta-link a:hover,
.panel-layout.capricorn .pane-bundle-cta .pane-style-light.pane-style-ribbon .field-name-field-cta-link a:focus {
  background-color: #4e4e4e;
  border-color: #4e4e4e;
  color: whitesmoke;
}
.panel-layout.capricorn .pane-bundle-case-study .pane-style-full,
.panel-layout.capricorn .pane-bundle-cta .pane-style-full {
  background-size: cover;
  overflow: auto;
  padding: 2em 4vw;
}
.panel-layout.capricorn .pane-bundle-case-study .pane-style-full .pane-style-full-inner,
.panel-layout.capricorn .pane-bundle-cta .pane-style-full .pane-style-full-inner {
  margin: auto;
  max-width: 960px;
}
.panel-layout.capricorn .pane-bundle-case-study .pane-style-full .field-name-field-cta-graphic,
.panel-layout.capricorn .pane-bundle-cta .pane-style-full .field-name-field-cta-graphic {
  padding: 2em 0;
  text-align: center;
}
.panel-layout.capricorn .pane-bundle-case-study .pane-style-full.stack .field-name-field-cta-graphic,
.panel-layout.capricorn .pane-bundle-cta .pane-style-full.stack .field-name-field-cta-graphic {
  padding: 2em 0 0 0;
}
.panel-layout.capricorn .pane-bundle-case-study .pane-style-full.title .field-name-field-cta-graphic,
.panel-layout.capricorn .pane-bundle-cta .pane-style-full.title .field-name-field-cta-graphic {
  text-align: left;
}
.panel-layout.capricorn .pane-bundle-case-study .pane-style-full .field-name-field-cta-body,
.panel-layout.capricorn .pane-bundle-case-study .pane-style-full .field-name-field-cta-body-2,
.panel-layout.capricorn .pane-bundle-cta .pane-style-full .field-name-field-cta-body,
.panel-layout.capricorn .pane-bundle-cta .pane-style-full .field-name-field-cta-body-2 {
  padding: .5em 0;
}
.panel-layout.capricorn .pane-bundle-case-study .pane-style-full.center,
.panel-layout.capricorn .pane-bundle-cta .pane-style-full.center {
  text-align: center;
}
@media (min-width: 26.25em) {
  .panel-layout.capricorn .pane-bundle-case-study .pane-style-full.stack .field-name-field-cta-graphic, .panel-layout.capricorn .pane-bundle-case-study .pane-style-full.two-col .field-name-field-cta-graphic,
  .panel-layout.capricorn .pane-bundle-cta .pane-style-full.stack .field-name-field-cta-graphic,
  .panel-layout.capricorn .pane-bundle-cta .pane-style-full.two-col .field-name-field-cta-graphic {
    width: 60%;
  }
  .panel-layout.capricorn .pane-bundle-case-study .pane-style-full.title .field-name-field-cta-graphic img,
  .panel-layout.capricorn .pane-bundle-cta .pane-style-full.title .field-name-field-cta-graphic img {
    height: 2em;
    width: auto;
  }
}
@media (min-width: 47.5em) {
  .panel-layout.capricorn .pane-bundle-case-study .pane-style-full.original .field-name-field-cta-graphic,
  .panel-layout.capricorn .pane-bundle-cta .pane-style-full.original .field-name-field-cta-graphic {
    float: right;
    width: 40%;
  }
  .panel-layout.capricorn .pane-bundle-case-study .pane-style-full.original .cta-text,
  .panel-layout.capricorn .pane-bundle-cta .pane-style-full.original .cta-text {
    float: left;
    padding: 2em 0;
    width: 58%;
  }
  .panel-layout.capricorn .pane-bundle-case-study .pane-style-full.mirror .field-name-field-cta-graphic,
  .panel-layout.capricorn .pane-bundle-cta .pane-style-full.mirror .field-name-field-cta-graphic {
    float: left;
    width: 40%;
  }
  .panel-layout.capricorn .pane-bundle-case-study .pane-style-full.mirror .cta-text,
  .panel-layout.capricorn .pane-bundle-cta .pane-style-full.mirror .cta-text {
    float: right;
    padding: 2em 0;
    width: 58%;
  }
  .panel-layout.capricorn .pane-bundle-case-study .pane-style-full.fifty-fifty .field-name-field-cta-graphic,
  .panel-layout.capricorn .pane-bundle-cta .pane-style-full.fifty-fifty .field-name-field-cta-graphic {
    float: right;
    width: 48%;
    margin-top: 1em;
  }
  .panel-layout.capricorn .pane-bundle-case-study .pane-style-full.fifty-fifty .cta-text,
  .panel-layout.capricorn .pane-bundle-cta .pane-style-full.fifty-fifty .cta-text {
    float: left;
    padding: 1em 0 0 0;
    width: 48%;
  }
  .panel-layout.capricorn .pane-bundle-case-study .pane-style-full.center .cta-text,
  .panel-layout.capricorn .pane-bundle-cta .pane-style-full.center .cta-text {
    margin: 0 auto;
    width: 58%;
  }
  .panel-layout.capricorn .pane-bundle-case-study .pane-style-full.stack .field-name-field-cta-graphic,
  .panel-layout.capricorn .pane-bundle-cta .pane-style-full.stack .field-name-field-cta-graphic {
    width: 30%;
  }
  .panel-layout.capricorn .pane-bundle-case-study .pane-style-full.stack .cta-text,
  .panel-layout.capricorn .pane-bundle-cta .pane-style-full.stack .cta-text {
    width: 58%;
  }
  .panel-layout.capricorn .pane-bundle-case-study .pane-style-full.two-col .field-name-field-cta-graphic,
  .panel-layout.capricorn .pane-bundle-cta .pane-style-full.two-col .field-name-field-cta-graphic {
    width: 30%;
  }
  .panel-layout.capricorn .pane-bundle-case-study .pane-style-full.two-col .field-name-field-cta-body,
  .panel-layout.capricorn .pane-bundle-cta .pane-style-full.two-col .field-name-field-cta-body {
    width: 48.93617%;
    float: left;
    margin-right: 2.12766%;
  }
  .panel-layout.capricorn .pane-bundle-case-study .pane-style-full.two-col .field-name-field-cta-body-2,
  .panel-layout.capricorn .pane-bundle-cta .pane-style-full.two-col .field-name-field-cta-body-2 {
    width: 48.93617%;
    float: right;
    margin-right: 0;
    *margin-left: -1.33333em;
  }
  .panel-layout.capricorn .pane-bundle-case-study .pane-style-full.title .cta-text,
  .panel-layout.capricorn .pane-bundle-cta .pane-style-full.title .cta-text {
    width: 58%;
  }
  .panel-layout.capricorn .pane-bundle-case-study .pane-style-full.title .field-name-field-cta-graphic img,
  .panel-layout.capricorn .pane-bundle-cta .pane-style-full.title .field-name-field-cta-graphic img {
    height: 2.5em;
  }
}
.panel-layout.capricorn .pane-bundle-case-study .field-name-field-cta-link .field-item,
.panel-layout.capricorn .pane-bundle-cta .field-name-field-cta-link .field-item {
  display: inline-block;
}
.panel-layout.capricorn .pane-bundle-case-study .field-name-field-cta-link .field-item + .field-item,
.panel-layout.capricorn .pane-bundle-cta .field-name-field-cta-link .field-item + .field-item {
  margin-left: .5em;
}
.panel-layout.capricorn .pane-bundle-case-study .field-name-field-cta-link a,
.panel-layout.capricorn .pane-bundle-cta .field-name-field-cta-link a {
  font-size: inherit;
}
.panel-layout.capricorn .pane-bundle-case-study a .field-name-field-cta-link .field-item,
.panel-layout.capricorn .pane-bundle-cta a .field-name-field-cta-link .field-item {
  font-size: inherit;
}
.panel-layout.capricorn .pane-bundle-case-study .pane-style-card,
.panel-layout.capricorn .pane-bundle-cta .pane-style-card {
  background-size: contain;
  background-repeat: no-repeat;
  background-position: top;
  color: #4e4e4e;
  margin: -2em -4vw;
}
.panel-layout.capricorn .pane-bundle-case-study .pane-style-card.with-background,
.panel-layout.capricorn .pane-bundle-cta .pane-style-card.with-background {
  padding-top: 9em;
}
.panel-layout.capricorn .pane-bundle-case-study .pane-style-card .pane-content-inner,
.panel-layout.capricorn .pane-bundle-cta .pane-style-card .pane-content-inner {
  background-color: white;
  padding: 1em;
}
.panel-layout.capricorn .pane-bundle-case-study .pane-style-card .field-name-field-cta-graphic,
.panel-layout.capricorn .pane-bundle-cta .pane-style-card .field-name-field-cta-graphic {
  margin: 1em auto;
  width: 70%;
  text-align: center;
}
.panel-layout.capricorn .pane-bundle-case-study .pane-style-card .field-name-field-cta-graphic img,
.panel-layout.capricorn .pane-bundle-cta .pane-style-card .field-name-field-cta-graphic img {
  max-height: 5em;
  width: auto;
}
.panel-layout.capricorn .pane-bundle-case-study .pane-style-card p:last-child,
.panel-layout.capricorn .pane-bundle-cta .pane-style-card p:last-child {
  margin-bottom: 0;
}
.panel-layout.capricorn .pane-bundle-case-study a.card-link:hover, .panel-layout.capricorn .pane-bundle-case-study a.card-link:focus,
.panel-layout.capricorn .pane-bundle-cta a.card-link:hover,
.panel-layout.capricorn .pane-bundle-cta a.card-link:focus {
  text-decoration: none;
}
.panel-layout.capricorn .pane-bundle-case-study a.card-link:hover strong, .panel-layout.capricorn .pane-bundle-case-study a.card-link:focus strong,
.panel-layout.capricorn .pane-bundle-cta a.card-link:hover strong,
.panel-layout.capricorn .pane-bundle-cta a.card-link:focus strong {
  text-decoration: underline;
}
.panel-layout.capricorn .pane-bundle-case-study a.card-link strong,
.panel-layout.capricorn .pane-bundle-cta a.card-link strong {
  color: #0678be;
  font-weight: normal;
}
.panel-layout.capricorn .pane-bundle-case-study .pane-style-supporter,
.panel-layout.capricorn .pane-bundle-cta .pane-style-supporter {
  padding: 1em;
  text-align: center;
}
.panel-layout.capricorn .pane-bundle-case-study .pane-style-supporter h2,
.panel-layout.capricorn .pane-bundle-cta .pane-style-supporter h2 {
  font-size: 1.25em;
}
.panel-layout.capricorn .pane-bundle-case-study .pane-style-supporter .pane-content-inner,
.panel-layout.capricorn .pane-bundle-cta .pane-style-supporter .pane-content-inner {
  border: 2px solid gainsboro;
  margin: 0 0 .5em 0;
}
.panel-layout.capricorn .pane-bundle-case-study .pane-style-supporter .field-name-field-cta-link .field-item,
.panel-layout.capricorn .pane-bundle-cta .pane-style-supporter .field-name-field-cta-link .field-item {
  border: 2px solid #4e4e4e;
  color: #4e4e4e;
}
.panel-layout.capricorn .pane-bundle-case-study a.card-link:hover .pane-style-supporter .field-name-field-cta-link .field-item, .panel-layout.capricorn .pane-bundle-case-study a.card-link:focus .pane-style-supporter .field-name-field-cta-link .field-item,
.panel-layout.capricorn .pane-bundle-cta a.card-link:hover .pane-style-supporter .field-name-field-cta-link .field-item,
.panel-layout.capricorn .pane-bundle-cta a.card-link:focus .pane-style-supporter .field-name-field-cta-link .field-item {
  background: #4e4e4e;
  color: white;
}
.panel-layout.capricorn .pane-bundle-case-study .pane-style-built-by,
.panel-layout.capricorn .pane-bundle-cta .pane-style-built-by {
  padding-bottom: 4.5em;
}
.panel-layout.capricorn .pane-bundle-case-study .pane-style-built-by .built-by,
.panel-layout.capricorn .pane-bundle-cta .pane-style-built-by .built-by {
  background: whitesmoke;
  height: 4.5em;
  padding: 0.5em 0;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  text-align: center;
}
.panel-layout.capricorn .pane-bundle-case-study .pane-style-built-by .built-by .field-name-field-cta-graphic,
.panel-layout.capricorn .pane-bundle-cta .pane-style-built-by .built-by .field-name-field-cta-graphic {
  display: inline-block;
  vertical-align: middle;
  text-align: left;
}
.panel-layout.capricorn .pane-bundle-case-study .pane-style-built-by .built-by img,
.panel-layout.capricorn .pane-bundle-cta .pane-style-built-by .built-by img {
  max-height: 2em;
  width: auto;
}
.panel-layout.capricorn .pane-bundle-case-study .pane-style-built-by .built-by-label,
.panel-layout.capricorn .pane-bundle-cta .pane-style-built-by .built-by-label {
  display: inline-block;
  vertical-align: middle;
  margin-right: 0.5em;
}
@media (min-width: 47.5em) {
  .panel-layout.capricorn .pane-bundle-case-study .pane-style-card,
  .panel-layout.capricorn .pane-bundle-cta .pane-style-card {
    margin: -2em;
  }
}
.panel-layout.capricorn .pane-bundle-case-study .pane-style-ribbon,
.panel-layout.capricorn .pane-bundle-cta .pane-style-ribbon {
  background-size: cover;
  overflow: auto;
  padding: 1em 4vw;
}
.panel-layout.capricorn .pane-bundle-case-study .pane-style-ribbon .pane-style-ribbon-inner,
.panel-layout.capricorn .pane-bundle-cta .pane-style-ribbon .pane-style-ribbon-inner {
  margin: auto;
  max-width: 960px;
}
.panel-layout.capricorn .pane-bundle-case-study .pane-style-ribbon .field-name-field-cta-graphic,
.panel-layout.capricorn .pane-bundle-cta .pane-style-ribbon .field-name-field-cta-graphic {
  float: left;
  padding-right: 2em;
  text-align: center;
  width: 20%;
}
.panel-layout.capricorn .pane-bundle-case-study .pane-style-ribbon .field-name-field-cta-graphic img,
.panel-layout.capricorn .pane-bundle-cta .pane-style-ribbon .field-name-field-cta-graphic img {
  height: 60px;
  width: auto;
}
.panel-layout.capricorn .pane-bundle-case-study .pane-style-ribbon .cta-text,
.panel-layout.capricorn .pane-bundle-cta .pane-style-ribbon .cta-text {
  float: left;
  width: 85%;
}
.panel-layout.capricorn .pane-bundle-case-study .pane-style-ribbon h2,
.panel-layout.capricorn .pane-bundle-cta .pane-style-ribbon h2 {
  display: inline-block;
  padding: 0.5em 1em 0.5em 0;
  margin-bottom: 0;
  vertical-align: middle;
}
.panel-layout.capricorn .pane-bundle-case-study .pane-style-ribbon .field-name-field-cta-link,
.panel-layout.capricorn .pane-bundle-cta .pane-style-ribbon .field-name-field-cta-link {
  display: inline-block;
}
.panel-layout.capricorn .pane-node-links .pane-content,
.panel-layout.capricorn .pane-membership-signup .pane-content {
  padding: 2em 4vw;
  margin: auto;
  max-width: calc(960px + 8vw);
}

.field-name-field-cta-link a,
.pane-bundle-cta input[type="submit"] {
  background: rgba(255, 255, 255, 0.15);
}

.pane-community-stats {
  text-align: center;
}
.pane-community-stats strong {
  font-size: 1.25em;
}
@media (min-width: 47.5em) {
  .pane-community-stats {
    text-align: left;
  }
  .pane-community-stats .users, .pane-community-stats .commits, .pane-community-stats .comments {
    padding: 1.5em 0;
    position: relative;
  }
  .pane-community-stats .users::before, .pane-community-stats .commits::before, .pane-community-stats .comments::before {
    background-size: contain;
    background-position: center center;
    background-repeat: no-repeat;
    content: '';
    display: block;
    height: 4em;
    left: 0;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 20%;
  }
  .pane-community-stats .users {
    padding-left: 35%;
  }
  .pane-community-stats .users::before {
    background-image: url(../images/redesign2018/icon-community-dk-users.svg);
    width: 30%;
  }
  .pane-community-stats .commits {
    padding-left: 20%;
  }
  .pane-community-stats .commits::before {
    background-image: url(../images/redesign2018/icon-community-dk-commits.svg);
  }
  .pane-community-stats .comments {
    padding-left: 25%;
  }
  .pane-community-stats .comments::before {
    background-image: url(../images/redesign2018/icon-community-dk-comments.svg);
  }
}

#drupalorg-lead-capture-form .form-text, #drupalorg-lead-capture-form .form-select, #drupalorg-lead-capture-form .form-textarea {
  font-size: 1em;
  width: 80%;
}
#drupalorg-lead-capture-form .form-item-first-name, #drupalorg-lead-capture-form .form-item-last-name {
  float: left;
  margin-right: 2%;
  width: 39%;
}
#drupalorg-lead-capture-form .form-item-first-name .form-text, #drupalorg-lead-capture-form .form-item-last-name .form-text {
  width: 100%;
}

.capricorn img[src$=".svg"] {
  width: 100%;
  height: auto;
}
.capricorn .header {
  font-size: 1.5em;
  line-height: 1.2em;
}

.field-name-field-sa-criticality strong {
  border-radius: 4px;
  color: black;
  padding: 2px 4px;
}
.field-name-field-sa-criticality .highly-critical strong {
  background: #d32101;
  color: white;
}
.field-name-field-sa-criticality .critical strong {
  background: #e3901b;
}
.field-name-field-sa-criticality .moderately-critical strong {
  background: #fbf03b;
}
.field-name-field-sa-criticality .less-critical strong {
  background: #bce3fa;
}
.field-name-field-sa-criticality .not-critical strong {
  background: #7cbc48;
}

@media all and (min-width: 760px) {
  .support-wrapper .support-first, .support-wrapper .support-second {
    width: 48.93617%;
    float: left;
    margin-right: 2.12766%;
  }
  .support-wrapper .support-second {
    float: right;
    margin-right: 0;
    *margin-left: -1.33333em;
  }
}
.view-drupalorg-supporters ul.grid {
  overflow: hidden;
  *zoom: 1;
}
.view-drupalorg-supporters ul.grid.cols-2 li {
  display: inline-block;
  float: left;
  margin: 0 0 2em;
  padding: 0;
  position: relative;
  width: 300px;
}
.view-drupalorg-supporters ul.grid.cols-2 li .views-field-field-logo {
  height: 150px;
  position: relative;
}
.view-drupalorg-supporters ul.grid.cols-2 li img {
  bottom: 0;
  left: 0;
  margin: auto;
  position: absolute;
  right: 0;
  top: 0;
}
.view-drupalorg-supporters ul.grid.cols-2 li .views-field-field-short-description {
  padding-right: 1em;
}
.view-drupalorg-supporters ul.grid.cols-4 li {
  display: inline-block;
  float: left;
  margin: 0 0 2em;
  padding: 0;
  position: relative;
  width: 150px;
  min-height: 12em;
}
.view-drupalorg-supporters ul.grid.cols-4 li .views-field-field-logo {
  height: 100px;
  position: relative;
}
.view-drupalorg-supporters ul.grid.cols-4 li img {
  bottom: 0;
  left: 0;
  margin: auto;
  position: absolute;
  right: 0;
  top: 0;
}
.view-drupalorg-supporters ul.grid.cols-4 li .views-field-field-short-description {
  padding-right: 1em;
}
.view-drupalorg-supporters.view-display-id-attachment_2 ul.grid.cols-4 li {
  display: inline-block;
  float: left;
  margin: 0 0 2em;
  padding: 0;
  position: relative;
  width: 20%;
}
.view-drupalorg-supporters.view-display-id-attachment_2 ul.grid.cols-4 li .views-field-field-logo {
  height: 100px;
  position: relative;
}
.view-drupalorg-supporters.view-display-id-attachment_2 ul.grid.cols-4 li img {
  bottom: 0;
  left: 0;
  margin: auto;
  position: absolute;
  right: 0;
  top: 0;
}
.view-drupalorg-supporters.view-display-id-attachment_2 ul.grid.cols-4 li .views-field-field-short-description {
  padding-right: 1em;
}

#content ul.grid {
  padding-left: 0;
}

.try-grid-item {
  background: whitesmoke;
  border: 1px solid gainsboro;
  margin: .8em 0;
  padding: 2em;
  text-align: center;
  height: 23em;
}
.try-grid-item img {
  max-width: 74%;
  margin: 0 13% 1em 13%;
}

@media (min-width: 47.5em) {
  .try-grid-item {
    width: 48.93617%;
    float: left;
    margin-right: 2.12766%;
  }
  .try-grid-item:nth-child(2n) {
    float: right;
    margin-right: 0;
  }
}
.hilighted-box {
  background: whitesmoke;
  padding: .8em 1em;
}
.hilighted-box p:last-child {
  margin-bottom: 0;
}

#content .view-user-mentees .view-content .item-list ul {
  padding-left: 0;
}
#content .view-user-mentees .view-content .item-list li {
  overflow: hidden;
  *zoom: 1;
  float: left;
  margin: 0 1em 1em 0;
  padding: 0 .5em .5em .5em;
  text-align: center;
  width: auto;
}
#content .view-user-mentees .view-content .item-list img {
  height: auto;
  max-width: 60px;
}

html:not(.js) #drupalorg-add-confirm-button {
  display: none;
}

.profile #drupalorg-add-confirm-button {
  width: 140px;
}

.page-welcome .form-item-field-organizations-und-0--weight {
  display: none;
}
.page-welcome .user-picture {
  width: 13.04348%;
  float: left;
  margin-right: 4.34783%;
}
.page-welcome .form-item-files-picture-upload {
  width: 82.6087%;
  float: right;
  margin-right: 0;
  *margin-left: -1.33333em;
}
.page-welcome .form-item-timezone select {
  width: 100%;
}
.page-welcome .field-name-field-demographics {
  margin-bottom: 1em;
}
.page-welcome .form-submit {
  font-size: 1.38462em;
  font-weight: normal;
  color: white;
  background-color: #7cbc48;
  border: 2px solid #7cbc48;
  white-space: normal;
}
.page-welcome .form-submit:hover, .page-welcome .form-submit:focus {
  background-color: #367d02;
  border-color: #367d02;
  cursor: pointer;
}
@media (min-width: 26.25em) {
  .page-welcome .group-left, .page-welcome .group-right {
    width: 48.93617%;
    float: left;
    margin-right: 2.12766%;
  }
  .page-welcome .group-right {
    float: right;
    margin-right: 0;
    *margin-left: -1.33333em;
  }
  .page-welcome .form-actions {
    clear: both;
  }
}

.pane-bundle-cta-multiple.d-4col .field-name-field-infographics > .field-items {
  flex-wrap: wrap;
}
.pane-bundle-cta-multiple.d-4col .field-name-field-infographics > .field-items > .field-item {
  flex-basis: 50%;
}
@media (min-width: 65.625em) {
  .pane-bundle-cta-multiple.d-4col .field-name-field-infographics > .field-items > .field-item {
    flex-basis: 25%;
  }
}

.pane-bundle-cta-multiple {
  color: #4e4e4e;
  text-align: center;
}
@media (min-width: 47.5em) {
  .pane-bundle-cta-multiple .field-name-field-infographics > .field-items {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
  }
}
.pane-bundle-cta-multiple .field-name-field-infographics > .field-items > .field-item {
  flex: 0 1 50%;
  padding: 1em;
  position: relative;
}
@media (min-width: 65.625em) {
  .pane-bundle-cta-multiple .field-name-field-infographics > .field-items > .field-item {
    flex-basis: 33.3%;
  }
}
.pane-bundle-cta-multiple .field-collection-container,
.pane-bundle-cta-multiple .field-collection-view {
  border: 0;
  margin: 0;
  padding: 0;
}
.pane-bundle-cta-multiple .pane-title {
  color: #4e4e4e;
}
.pane-bundle-cta-multiple .pane-content {
  margin-left: auto;
  margin-right: auto;
  max-width: calc(960px + 8vw);
  padding: 1em 4vw 2em;
}
.pane-bundle-cta-multiple .field-name-field-title {
  font-weight: bold;
}
.pane-bundle-cta-multiple .field-name-field-title a {
  color: #4e4e4e;
}
.pane-bundle-cta-multiple .field-name-field-title a::before {
  bottom: 0;
  content: '';
  display: block;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
}
.pane-bundle-cta-multiple .field-name-field-title a:focus {
  outline: 0;
}
.pane-bundle-cta-multiple .field-name-field-title a:focus::before {
  outline: 1px dotted #4e4e4e;
}
.pane-bundle-cta-multiple .field-name-field-cta-graphic {
  margin: 0 auto;
  max-width: 15em;
  position: relative;
}
.pane-bundle-cta-multiple .field-name-field-cta-graphic .field-prefix-shape {
  left: 0;
  position: absolute;
  right: 0;
  top: -.5em;
}
@media (min-width: 65.625em) {
  .pane-bundle-cta-multiple .field-name-field-cta-graphic .field-prefix-shape {
    top: 0;
  }
}
.pane-bundle-cta-multiple .field-name-field-cta-graphic img {
  margin-bottom: 17%;
  margin-top: 17%;
  max-height: 5em;
  max-width: 40%;
  position: relative;
}
.pane-bundle-cta-multiple .fieldable-panels-pane > .field-name-field-link {
  margin-top: 1em;
}
.pane-bundle-cta-multiple svg {
  display: block;
  max-width: 100%;
}
.pane-bundle-cta-multiple svg .end {
  visibility: hidden;
}
.pane-bundle-cta-multiple .start {
  fill: #f2f2f2;
}

.panel-pane.pane-fieldable-panels-pane.d-dcon {
  background: url("../images/redesign2018/bg-diagonal-pattern.png") repeat #c5cdcf;
  padding-bottom: 1em;
  padding-top: 1em;
  position: relative;
}
@media (min-width: 47.5em) {
  .panel-pane.pane-fieldable-panels-pane.d-dcon::before {
    background: url("../images/redesign2018/bg-drupalcon.svg") no-repeat center top;
    background-size: cover;
    content: '';
    display: block;
    position: absolute;
    height: 50%;
    width: 100%;
    bottom: 1em;
  }
}
.panel-pane.pane-fieldable-panels-pane.d-dcon .field-name-field-cta-link a {
  border: 0;
  color: white;
}
.panel-pane.pane-fieldable-panels-pane.d-dcon .fieldable-panels-pane {
  background-position: center right;
}
@media (min-width: 47.5em) {
  .panel-pane.pane-fieldable-panels-pane.d-dcon .fieldable-panels-pane {
    background-position: initial;
  }
}
.panel-pane.pane-fieldable-panels-pane.d-dcon .pane-content-inner {
  position: relative;
}

@media (min-width: 65.625em) {
  .panel-pane.pane-fieldable-panels-pane.d-focus {
    float: left;
    width: 50%;
  }
}
.panel-pane.pane-fieldable-panels-pane.d-focus .fieldable-panels-pane {
  background-color: whitesmoke;
  padding: 2em;
}
@media (min-width: 65.625em) {
  .panel-pane.pane-fieldable-panels-pane.d-focus .fieldable-panels-pane {
    display: flex;
    min-height: 40vh;
  }
}
.panel-pane.pane-fieldable-panels-pane.d-focus .fieldable-panels-pane.pane-style-dark {
  background: #045292;
  background: radial-gradient(ellipse at center, #045292 0%, #01142d 100%);
  height: 100%;
}
.panel-pane.pane-fieldable-panels-pane.d-focus .pane-content {
  height: 100%;
}
.panel-pane.pane-fieldable-panels-pane.d-focus .pane-content-inner {
  width: 100%;
}
.panel-pane.pane-fieldable-panels-pane.d-focus h2 {
  font-size: 1.2em;
  font-weight: 600;
  margin-bottom: 0;
  margin-top: .5em;
}
.panel-pane.pane-fieldable-panels-pane.d-focus .field-name-field-cta-body, .panel-pane.pane-fieldable-panels-pane.d-focus p {
  margin: 0;
}
.panel-pane.pane-fieldable-panels-pane.d-focus .field.field-name-field-cta-graphic {
  max-height: 8em;
  max-width: 10em;
  margin: 0 auto;
  padding: 0;
}
.panel-pane.pane-fieldable-panels-pane.d-focus .field.field-name-field-cta-graphic img {
  max-height: 8em;
}

@media (min-width: 65.625em) {
  .h-focus-wrapper {
    display: flex;
  }
  .h-focus-wrapper .panel-pane {
    flex: 1;
  }
}

.panel-pane.pane-fieldable-panels-pane.d-goal .fieldable-panels-pane {
  background-color: white;
}
.panel-pane.pane-fieldable-panels-pane.d-goal h2 {
  color: #045292;
  font-size: 2.5em;
  margin: 0;
}
.panel-pane.pane-fieldable-panels-pane.d-goal p {
  margin-bottom: 0;
}
.panel-pane.pane-fieldable-panels-pane.d-goal p + p {
  margin-top: 1em;
}

.panel-pane.pane-fieldable-panels-pane.d-graphic-list h2 {
  text-align: center;
}
.panel-pane.pane-fieldable-panels-pane.d-graphic-list ul {
  margin: 0 !important;
  padding: 0 !important;
}
@media (min-width: 47.5em) {
  .panel-pane.pane-fieldable-panels-pane.d-graphic-list ul {
    display: flex;
    flex-wrap: wrap;
  }
}
.panel-pane.pane-fieldable-panels-pane.d-graphic-list ul li {
  list-style: none;
  margin-bottom: 1.5em;
  margin-top: 1.5em;
  padding-left: 2.5em;
  padding-right: 1em;
  min-height: 2em;
  position: relative;
}
@media (min-width: 47.5em) {
  .panel-pane.pane-fieldable-panels-pane.d-graphic-list ul li {
    width: 50%;
  }
}
@media (min-width: 65.625em) {
  .panel-pane.pane-fieldable-panels-pane.d-graphic-list ul li {
    width: 33.3%;
  }
}
.panel-pane.pane-fieldable-panels-pane.d-graphic-list ul li::before {
  background: url("../images/redesign2018/icon-list.svg") no-repeat center center;
  content: '';
  display: block;
  height: 2em;
  left: 0;
  position: absolute;
  top: -.25em;
  width: 2em;
}

.panel-pane.pane-fieldable-panels-pane.d-hero-persona {
  background-color: #08447a;
  overflow: hidden;
  position: relative;
}
.panel-pane.pane-fieldable-panels-pane.d-hero-persona .fieldable-panels-pane {
  background-color: transparent;
  background-position: center center;
  display: flex;
  overflow: hidden;
  padding: 2em;
  position: relative;
}
.panel-pane.pane-fieldable-panels-pane.d-hero-persona .fieldable-panels-pane::before, .panel-pane.pane-fieldable-panels-pane.d-hero-persona .fieldable-panels-pane::after {
  bottom: 0;
  content: '';
  display: block;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 0;
}
.panel-pane.pane-fieldable-panels-pane.d-hero-persona .fieldable-panels-pane::before {
  background: radial-gradient(ellipse at center, #045292 0%, #01142d 100%);
  opacity: .4;
}
.panel-pane.pane-fieldable-panels-pane.d-hero-persona .fieldable-panels-pane::after {
  background: url("../images/redesign2018/bg-hero-persona.png") no-repeat center center;
}
.panel-pane.pane-fieldable-panels-pane.d-hero-persona .fieldable-panels-pane .pane-content-inner {
  width: 100%;
  z-index: 1;
}
@media (min-width: 47.5em) {
  .panel-pane.pane-fieldable-panels-pane.d-hero-persona .fieldable-panels-pane .pane-content-inner::before {
    background-repeat: no-repeat;
    background-size: contain;
    content: '';
    display: block;
    height: 200%;
    left: -5em;
    opacity: .35;
    position: absolute;
    top: -50%;
    width: 25em;
  }
}
.panel-pane.pane-fieldable-panels-pane.d-hero-persona .field.field-name-field-cta-graphic {
  padding: 0;
  text-align: left;
  width: 100% !important;
}
.panel-pane.pane-fieldable-panels-pane.d-hero-persona .field.field-name-field-cta-graphic img {
  display: inline-block;
  width: auto;
}
.panel-pane.pane-fieldable-panels-pane.d-hero-persona .field-name-field-cta-link {
  float: right;
}
.panel-pane.pane-fieldable-panels-pane.d-hero-persona h2 {
  font-style: italic;
  margin-bottom: .15em;
}
.panel-pane.pane-fieldable-panels-pane.d-hero-persona p {
  margin: 0;
}
.panel-pane.pane-fieldable-panels-pane.d-hero-persona-developers .pane-content-inner::before {
  background-image: url("../images/personas/icon-persona-developers.svg");
}
.panel-pane.pane-fieldable-panels-pane.d-hero-persona-marketeers .pane-content-inner::before {
  background-image: url("../images/personas/icon-persona-marketing.svg");
}
.panel-pane.pane-fieldable-panels-pane.d-hero-persona-agencies .pane-content-inner::before {
  background-image: url("../images/personas/icon-persona-agencies.svg");
}

.panel-pane.pane-fieldable-panels-pane.d-hero {
  overflow: hidden;
  position: relative;
}
.panel-pane.pane-fieldable-panels-pane.d-hero .fieldable-panels-pane {
  background-color: transparent;
  display: flex;
  padding: 3em 2em 4em;
}
@media (min-width: 47.5em) {
  .panel-pane.pane-fieldable-panels-pane.d-hero .fieldable-panels-pane {
    padding-bottom: 3em;
  }
}
.panel-pane.pane-fieldable-panels-pane.d-hero .field.field-name-field-cta-graphic {
  padding: 0;
}
.panel-pane.pane-fieldable-panels-pane.d-hero .field.field-name-field-cta-graphic img {
  display: inline-block;
  max-width: 25em;
}
.panel-pane.pane-fieldable-panels-pane.d-hero .d-animations-settings {
  bottom: .5rem;
  position: absolute;
  right: 1rem;
  z-index: 15;
}
.panel-pane.pane-fieldable-panels-pane.d-hero .d-animations-settings .d-animations-checkbox {
  background: transparent;
  align-items: center;
  color: white;
  font-size: .875rem;
  display: flex;
  border: 0;
  margin: 0;
  padding: .25em;
}
.panel-pane.pane-fieldable-panels-pane.d-hero .d-animations-settings .d-animations-checkbox #d-animations-label {
  opacity: 0;
  padding-left: .5rem;
  padding-right: .5rem;
}
.panel-pane.pane-fieldable-panels-pane.d-hero .d-animations-settings .d-animations-checkbox:hover, .panel-pane.pane-fieldable-panels-pane.d-hero .d-animations-settings .d-animations-checkbox:focus {
  background-color: rgba(0, 0, 0, 0.35);
}
.panel-pane.pane-fieldable-panels-pane.d-hero .d-animations-settings .d-animations-checkbox:hover #d-animations-label, .panel-pane.pane-fieldable-panels-pane.d-hero .d-animations-settings .d-animations-checkbox:focus #d-animations-label {
  opacity: .85;
}
.panel-pane.pane-fieldable-panels-pane.d-hero .d-animations-settings .d-animations-checkbox::after {
  background-image: url("../images/redesign2018/icon-anim.svg");
  background-repeat: no-repeat;
  content: '';
  display: block;
  height: 30px;
  margin-top: 2px;
  width: 30px;
}
.panel-pane.pane-fieldable-panels-pane.d-hero .d-animations-settings .d-animations-checkbox[aria-checked="false"]::after {
  background-position: 0 -30px;
}
@media (min-width: 47.5em) {
  .panel-pane.pane-fieldable-panels-pane.d-hero:hover .d-animations-checkbox {
    background-color: rgba(0, 0, 0, 0.35);
  }
  .panel-pane.pane-fieldable-panels-pane.d-hero:hover .d-animations-checkbox #d-animations-label {
    opacity: .85;
  }
}
.panel-pane.pane-fieldable-panels-pane.d-hero .pane-content {
  position: relative;
  z-index: 5;
}
.panel-pane.pane-fieldable-panels-pane.d-hero .pane-graphic {
  background: url("../images/redesign2018/bg-shapes.svg") #064771 no-repeat center/cover;
  left: 0;
  bottom: 0;
  position: absolute;
  right: 0;
  top: 0;
}
.panel-pane.pane-fieldable-panels-pane.d-hero .pane-graphic #animation_container {
  width: 100% !important;
  height: auto !important;
}
.panel-pane.pane-fieldable-panels-pane.d-hero .pane-graphic canvas {
  bottom: 0;
  display: block;
  height: auto !important;
  left: 50%;
  min-width: 1440px;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 100% !important;
}
.panel-pane.pane-fieldable-panels-pane.d-hero .pane-graphic #dom_overlay_container {
  display: block;
  left: 0;
  overflow: hidden;
  pointer-events: none;
  position: absolute;
  right: 0;
  top: 0;
}

.panel-pane.d-highlights {
  background-color: whitesmoke;
  padding-top: 1em;
  text-align: left;
}
.panel-pane.d-highlights .pane-title {
  padding-top: 1em;
  text-align: center;
}
.panel-pane.d-highlights .field-name-field-title {
  font-size: 1.2em;
  margin-bottom: .5em;
  margin-top: .5em;
}

.panel-pane.pane-fieldable-panels-pane.d-opensource .fieldable-panels-pane {
  background-color: #064771;
}
.panel-pane.pane-fieldable-panels-pane.d-opensource .cta-text {
  width: 100% !important;
}

.panel-pane.pane-fieldable-panels-pane.d-persona {
  margin-bottom: 1em;
  margin-top: 1em;
}
.panel-pane.pane-fieldable-panels-pane.d-persona::before {
  background-color: white;
  bottom: 0;
  content: '';
  display: block;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  z-index: -1;
}
.panel-pane.pane-fieldable-panels-pane.d-persona .fieldable-panels-pane {
  background-color: transparent;
  overflow: initial;
  padding: 0;
}
.panel-pane.pane-fieldable-panels-pane.d-persona .cta-text {
  width: 100% !important;
}
.panel-pane.pane-fieldable-panels-pane.d-persona .field-name-field-cta-body {
  font-style: italic;
}
.panel-pane.pane-fieldable-panels-pane.d-persona h2 {
  margin-bottom: 0;
}
.panel-pane.pane-fieldable-panels-pane.d-persona h2 strong {
  display: block;
  font-size: 1.2em;
}
.panel-pane.pane-fieldable-panels-pane.d-persona h2 a {
  color: #4e4e4e;
}
.panel-pane.pane-fieldable-panels-pane.d-persona h2 a::before {
  bottom: 1rem;
  content: '';
  display: block;
  left: .5rem;
  position: absolute;
  right: .5rem;
  top: 1rem;
}
.panel-pane.pane-fieldable-panels-pane.d-persona h2 a:focus {
  outline: 0;
}
.panel-pane.pane-fieldable-panels-pane.d-persona h2 a:focus::before {
  border: 1px dotted #4e4e4e;
}
.panel-pane.pane-fieldable-panels-pane.d-persona p {
  margin-bottom: 0;
}
.panel-pane.pane-fieldable-panels-pane.d-persona p + p {
  margin-top: 1em;
}
.panel-pane.pane-fieldable-panels-pane.d-persona .field-name-field-cta-link {
  margin-top: 1em;
}
.panel-pane.pane-fieldable-panels-pane.d-persona .field.field-name-field-cta-graphic {
  left: 0;
  padding: 0;
  position: absolute;
  right: 0;
  transform: translateY(-100%);
}
@media (min-width: 47.5em) {
  .panel-pane.pane-fieldable-panels-pane.d-persona .field.field-name-field-cta-graphic {
    transform: translateY(-15vw);
  }
}
@media (min-width: 65.625em) {
  .panel-pane.pane-fieldable-panels-pane.d-persona .field.field-name-field-cta-graphic {
    transform: translateY(-95%);
  }
}
.panel-pane.pane-fieldable-panels-pane.d-persona .field.field-name-field-cta-graphic img {
  max-width: 12em;
}
@media (min-width: 47.5em) {
  .panel-pane.pane-fieldable-panels-pane.d-persona .field.field-name-field-cta-graphic img {
    max-width: 8em;
  }
}
@media (min-width: 65.625em) {
  .panel-pane.pane-fieldable-panels-pane.d-persona .field.field-name-field-cta-graphic img {
    max-width: 12em;
  }
}
.panel-pane.pane-fieldable-panels-pane.d-persona .field-name-field-cta-link a {
  align-items: center;
  border: 0;
  display: flex;
  font-weight: bold;
  padding: 0 .75em;
  text-transform: uppercase;
  transition: color .25s ease-in-out;
}
.panel-pane.pane-fieldable-panels-pane.d-persona .field-name-field-cta-link a:hover, .panel-pane.pane-fieldable-panels-pane.d-persona .field-name-field-cta-link a:focus {
  background-color: transparent;
  border: 1px dotted #064771;
  color: #064771;
  outline: none;
}
.panel-pane.pane-fieldable-panels-pane.d-persona .pane-graphic {
  max-width: 20em;
  margin: 0 auto;
}
.panel-pane.pane-fieldable-panels-pane.d-persona .pane-graphic svg {
  display: block;
  max-width: 100%;
}
.panel-pane.pane-fieldable-panels-pane.d-persona .pane-graphic svg.personas-morph .end {
  visibility: hidden;
}
.panel-pane.pane-fieldable-panels-pane.d-persona .pane-graphic .start {
  fill: #0464a5;
}

.panels-ipe-sort-container.ui-sortable .d-persona {
  position: relative;
}

.column-content-region {
  position: relative;
  z-index: 1;
}

.container .panel-pane.pane-fieldable-panels-pane.d-sponsor {
  background: url("../images/redesign2018/bg-diagonal-pattern.png") repeat #05629b;
  padding: 1em 2em;
}
.container .panel-pane.pane-fieldable-panels-pane.d-sponsor .fieldable-panels-pane {
  background-color: whitesmoke;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.4);
  margin: 0 auto;
  max-width: 960px;
  padding: 0;
  position: relative;
  text-align: left;
}
.container .panel-pane.pane-fieldable-panels-pane.d-sponsor .fieldable-panels-pane .pane-content-inner {
  border: 0;
  margin: 0;
}
@media (min-width: 47.5em) {
  .container .panel-pane.pane-fieldable-panels-pane.d-sponsor .fieldable-panels-pane .pane-content-inner {
    display: flex;
  }
}
.container .panel-pane.pane-fieldable-panels-pane.d-sponsor .fieldable-panels-pane .field-name-field-cta-graphic {
  align-items: center;
  background-color: white;
  display: flex;
  justify-content: center;
  padding: 2em 1em;
}
@media (min-width: 47.5em) {
  .container .panel-pane.pane-fieldable-panels-pane.d-sponsor .fieldable-panels-pane .field-name-field-cta-graphic {
    padding: 1em;
    width: 35%;
  }
}
.container .panel-pane.pane-fieldable-panels-pane.d-sponsor .fieldable-panels-pane .field-name-field-cta-graphic img {
  display: block;
  max-width: 15em;
  width: 100%;
}
.container .panel-pane.pane-fieldable-panels-pane.d-sponsor .fieldable-panels-pane .field-name-field-cta-link .field-item {
  border: 0;
}
.container .panel-pane.pane-fieldable-panels-pane.d-sponsor .fieldable-panels-pane .cta-text {
  padding: 2em;
}
.container .panel-pane.pane-fieldable-panels-pane.d-sponsor .fieldable-panels-pane .cta-text h2 {
  font-size: 1.5em;
  font-weight: 500;
  margin: 0;
  text-transform: uppercase;
}
.container .panel-pane.pane-fieldable-panels-pane.d-sponsor .fieldable-panels-pane .cta-text p {
  margin: 0;
  padding: 0;
}
.container .panel-pane.pane-fieldable-panels-pane.d-sponsor .fieldable-panels-pane small {
  font-size: .75em;
  line-height: 1;
  position: absolute;
  right: .5em;
  text-transform: uppercase;
  bottom: .5em;
}
@media (min-width: 47.5em) {
  .container .panel-pane.pane-fieldable-panels-pane.d-sponsor .fieldable-panels-pane small {
    bottom: auto;
    top: .5em;
  }
}

.panel-pane.pane-fieldable-panels-pane.d-text .fieldable-panels-pane {
  background-color: white;
}

.panel-pane.pane-fieldable-panels-pane.d-title .fieldable-panels-pane {
  background-color: white;
}

.pane-logos-3-per-row,
.pane-logos-4-per-row,
.pane-drupalorg-logos-panel-pane-1,
.pane-drupalorg-logos-panel-pane-2,
.pane-drupalorg-organizations-panel-pane-1,
.pane-drupalorg-organizations-panel-pane-2,
.pane-drupalorg-organizations-panel-pane-3,
.pane-drupalorg-organizations-panel-pane-4,
.pane-drupalorg-organizations-panel-pane-5 {
  text-align: center;
}
.pane-logos-3-per-row .pane-content,
.pane-logos-4-per-row .pane-content,
.pane-drupalorg-logos-panel-pane-1 .pane-content,
.pane-drupalorg-logos-panel-pane-2 .pane-content,
.pane-drupalorg-organizations-panel-pane-1 .pane-content,
.pane-drupalorg-organizations-panel-pane-2 .pane-content,
.pane-drupalorg-organizations-panel-pane-3 .pane-content,
.pane-drupalorg-organizations-panel-pane-4 .pane-content,
.pane-drupalorg-organizations-panel-pane-5 .pane-content {
  margin-left: auto;
  margin-right: auto;
  max-width: calc(960px + 8vw);
  padding: 2em 4vw;
}
.pane-logos-3-per-row .view-content,
.pane-logos-4-per-row .view-content,
.pane-drupalorg-logos-panel-pane-1 .view-content,
.pane-drupalorg-logos-panel-pane-2 .view-content,
.pane-drupalorg-organizations-panel-pane-1 .view-content,
.pane-drupalorg-organizations-panel-pane-2 .view-content,
.pane-drupalorg-organizations-panel-pane-3 .view-content,
.pane-drupalorg-organizations-panel-pane-4 .view-content,
.pane-drupalorg-organizations-panel-pane-5 .view-content {
  justify-content: center;
  display: flex;
  flex-wrap: wrap;
}
.pane-logos-3-per-row .view-content .views-row,
.pane-logos-4-per-row .view-content .views-row,
.pane-drupalorg-logos-panel-pane-1 .view-content .views-row,
.pane-drupalorg-logos-panel-pane-2 .view-content .views-row,
.pane-drupalorg-organizations-panel-pane-1 .view-content .views-row,
.pane-drupalorg-organizations-panel-pane-2 .view-content .views-row,
.pane-drupalorg-organizations-panel-pane-3 .view-content .views-row,
.pane-drupalorg-organizations-panel-pane-4 .view-content .views-row,
.pane-drupalorg-organizations-panel-pane-5 .view-content .views-row {
  padding: .5em;
  position: relative;
}
.pane-logos-3-per-row .views-field-field-logo,
.pane-logos-4-per-row .views-field-field-logo,
.pane-drupalorg-logos-panel-pane-1 .views-field-field-logo,
.pane-drupalorg-logos-panel-pane-2 .views-field-field-logo,
.pane-drupalorg-organizations-panel-pane-1 .views-field-field-logo,
.pane-drupalorg-organizations-panel-pane-2 .views-field-field-logo,
.pane-drupalorg-organizations-panel-pane-3 .views-field-field-logo,
.pane-drupalorg-organizations-panel-pane-4 .views-field-field-logo,
.pane-drupalorg-organizations-panel-pane-5 .views-field-field-logo {
  margin-bottom: .5em;
  padding-top: 45%;
  position: relative;
}
.pane-logos-3-per-row .views-field-field-logo .field-content,
.pane-logos-4-per-row .views-field-field-logo .field-content,
.pane-drupalorg-logos-panel-pane-1 .views-field-field-logo .field-content,
.pane-drupalorg-logos-panel-pane-2 .views-field-field-logo .field-content,
.pane-drupalorg-organizations-panel-pane-1 .views-field-field-logo .field-content,
.pane-drupalorg-organizations-panel-pane-2 .views-field-field-logo .field-content,
.pane-drupalorg-organizations-panel-pane-3 .views-field-field-logo .field-content,
.pane-drupalorg-organizations-panel-pane-4 .views-field-field-logo .field-content,
.pane-drupalorg-organizations-panel-pane-5 .views-field-field-logo .field-content {
  align-items: center;
  bottom: 1em;
  display: flex;
  justify-content: center;
  left: 1em;
  position: absolute;
  right: 1em;
  top: 1em;
}
.pane-logos-3-per-row .views-field-field-logo img,
.pane-logos-4-per-row .views-field-field-logo img,
.pane-drupalorg-logos-panel-pane-1 .views-field-field-logo img,
.pane-drupalorg-logos-panel-pane-2 .views-field-field-logo img,
.pane-drupalorg-organizations-panel-pane-1 .views-field-field-logo img,
.pane-drupalorg-organizations-panel-pane-2 .views-field-field-logo img,
.pane-drupalorg-organizations-panel-pane-3 .views-field-field-logo img,
.pane-drupalorg-organizations-panel-pane-4 .views-field-field-logo img,
.pane-drupalorg-organizations-panel-pane-5 .views-field-field-logo img {
  display: inline-block;
  max-height: 100%;
  max-width: 100%;
  width: auto;
}
.pane-logos-3-per-row a::before,
.pane-logos-4-per-row a::before,
.pane-drupalorg-logos-panel-pane-1 a::before,
.pane-drupalorg-logos-panel-pane-2 a::before,
.pane-drupalorg-organizations-panel-pane-1 a::before,
.pane-drupalorg-organizations-panel-pane-2 a::before,
.pane-drupalorg-organizations-panel-pane-3 a::before,
.pane-drupalorg-organizations-panel-pane-4 a::before,
.pane-drupalorg-organizations-panel-pane-5 a::before {
  bottom: 0;
  content: '';
  display: block;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
}
.pane-logos-3-per-row a:focus::before,
.pane-logos-4-per-row a:focus::before,
.pane-drupalorg-logos-panel-pane-1 a:focus::before,
.pane-drupalorg-logos-panel-pane-2 a:focus::before,
.pane-drupalorg-organizations-panel-pane-1 a:focus::before,
.pane-drupalorg-organizations-panel-pane-2 a:focus::before,
.pane-drupalorg-organizations-panel-pane-3 a:focus::before,
.pane-drupalorg-organizations-panel-pane-4 a:focus::before,
.pane-drupalorg-organizations-panel-pane-5 a:focus::before {
  outline: 1px dotted;
}

.pane-drupalorg-logos-panel-pane-2,
.pane-drupalorg-organizations-panel-pane-1,
.pane-drupalorg-organizations-panel-pane-2,
.pane-drupalorg-organizations-panel-pane-3,
.pane-drupalorg-organizations-panel-pane-4,
.pane-drupalorg-organizations-panel-pane-5 {
  background: #222222;
  color: white;
}
.pane-drupalorg-logos-panel-pane-2 .pane-title,
.pane-drupalorg-organizations-panel-pane-1 .pane-title,
.pane-drupalorg-organizations-panel-pane-2 .pane-title,
.pane-drupalorg-organizations-panel-pane-3 .pane-title,
.pane-drupalorg-organizations-panel-pane-4 .pane-title,
.pane-drupalorg-organizations-panel-pane-5 .pane-title {
  color: white;
}
.pane-drupalorg-logos-panel-pane-2 .views-row,
.pane-drupalorg-organizations-panel-pane-1 .views-row,
.pane-drupalorg-organizations-panel-pane-2 .views-row,
.pane-drupalorg-organizations-panel-pane-3 .views-row,
.pane-drupalorg-organizations-panel-pane-4 .views-row,
.pane-drupalorg-organizations-panel-pane-5 .views-row {
  flex-basis: 100%;
}
@media (min-width: 26.25em) {
  .pane-drupalorg-logos-panel-pane-2 .views-row,
  .pane-drupalorg-organizations-panel-pane-1 .views-row,
  .pane-drupalorg-organizations-panel-pane-2 .views-row,
  .pane-drupalorg-organizations-panel-pane-3 .views-row,
  .pane-drupalorg-organizations-panel-pane-4 .views-row,
  .pane-drupalorg-organizations-panel-pane-5 .views-row {
    flex-basis: 50%;
  }
}
@media (min-width: 47.5em) {
  .pane-drupalorg-logos-panel-pane-2 .views-row,
  .pane-drupalorg-organizations-panel-pane-1 .views-row,
  .pane-drupalorg-organizations-panel-pane-2 .views-row,
  .pane-drupalorg-organizations-panel-pane-3 .views-row,
  .pane-drupalorg-organizations-panel-pane-4 .views-row,
  .pane-drupalorg-organizations-panel-pane-5 .views-row {
    flex-basis: 33.3%;
  }
}
.pane-drupalorg-logos-panel-pane-2 .views-field-field-logo,
.pane-drupalorg-organizations-panel-pane-1 .views-field-field-logo,
.pane-drupalorg-organizations-panel-pane-2 .views-field-field-logo,
.pane-drupalorg-organizations-panel-pane-3 .views-field-field-logo,
.pane-drupalorg-organizations-panel-pane-4 .views-field-field-logo,
.pane-drupalorg-organizations-panel-pane-5 .views-field-field-logo {
  background-color: white;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.6);
}
.pane-drupalorg-logos-panel-pane-2 a,
.pane-drupalorg-organizations-panel-pane-1 a,
.pane-drupalorg-organizations-panel-pane-2 a,
.pane-drupalorg-organizations-panel-pane-3 a,
.pane-drupalorg-organizations-panel-pane-4 a,
.pane-drupalorg-organizations-panel-pane-5 a {
  color: white;
}

.pane-logos-3-per-row {
  color: #222222;
}
.pane-logos-3-per-row .pane-title {
  color: white;
}
.pane-logos-3-per-row .views-row {
  flex-basis: 100%;
}
@media (min-width: 26.25em) {
  .pane-logos-3-per-row .views-row {
    flex-basis: 50%;
  }
}
@media (min-width: 47.5em) {
  .pane-logos-3-per-row .views-row {
    flex-basis: 33.3%;
  }
}
.pane-logos-3-per-row .views-field-field-logo {
  background-color: whitesmoke;
}
.pane-logos-3-per-row a {
  color: #222222;
}

.pane-logos-4-per-row,
.pane-drupalorg-logos-panel-pane-1 {
  background-color: white;
}
.pane-logos-4-per-row .pane-title,
.pane-drupalorg-logos-panel-pane-1 .pane-title {
  color: #4e4e4e;
}
.pane-logos-4-per-row .views-row,
.pane-drupalorg-logos-panel-pane-1 .views-row {
  flex-basis: 100%;
}
@media (min-width: 26.25em) {
  .pane-logos-4-per-row .views-row,
  .pane-drupalorg-logos-panel-pane-1 .views-row {
    flex-basis: 50%;
  }
}
@media (min-width: 47.5em) {
  .pane-logos-4-per-row .views-row,
  .pane-drupalorg-logos-panel-pane-1 .views-row {
    flex-basis: 33.3%;
  }
}
@media (min-width: 65.625em) {
  .pane-logos-4-per-row .views-row,
  .pane-drupalorg-logos-panel-pane-1 .views-row {
    flex-basis: 25%;
  }
}
.pane-logos-4-per-row .views-field-field-logo,
.pane-drupalorg-logos-panel-pane-1 .views-field-field-logo {
  background-color: whitesmoke;
}
.pane-logos-4-per-row a,
.pane-drupalorg-logos-panel-pane-1 a {
  color: #222222;
}

.view-redesign-2018-case-studies {
  color: #4e4e4e;
  margin-left: auto;
  margin-right: auto;
  max-width: calc(960px + 8vw);
  padding: 2em;
  position: relative;
  text-align: center;
}
@media (min-width: 47.5em) {
  .view-redesign-2018-case-studies {
    padding: 2em 4vw;
  }
}
.view-redesign-2018-case-studies .view-content {
  justify-content: center;
  display: flex;
  flex-wrap: wrap;
}
.view-redesign-2018-case-studies .view-content > .views-row {
  max-width: 33.3%;
  padding: .5em;
}
.view-redesign-2018-case-studies .view-slideshow {
  display: block;
}
.view-redesign-2018-case-studies .view-slideshow .views-row {
  padding: .5em;
}
.view-redesign-2018-case-studies .btn-next,
.view-redesign-2018-case-studies .btn-prev {
  background: transparent;
  border: 0;
  display: block;
  font-size: 0;
  overflow: hidden;
  padding: .5rem;
  position: absolute;
  text-indent: -9999px;
  top: 25%;
  transform: translateY(-50%);
}
.view-redesign-2018-case-studies .btn-next::before,
.view-redesign-2018-case-studies .btn-prev::before {
  background-position: center center;
  content: '';
  display: block;
  height: 25px;
  transition: transform .25s ease-in-out;
  width: 15px;
}
.view-redesign-2018-case-studies .btn-next:focus,
.view-redesign-2018-case-studies .btn-prev:focus {
  outline: 0;
  background: rgba(0, 0, 0, 0.2);
}
.view-redesign-2018-case-studies .btn-prev {
  left: .25rem;
}
.view-redesign-2018-case-studies .btn-prev::before {
  background-image: url("../images/icon-arrow-left.svg");
}
.view-redesign-2018-case-studies .btn-prev:hover::before {
  transform: translateX(-0.25rem);
}
.view-redesign-2018-case-studies .btn-next {
  right: .25rem;
}
.view-redesign-2018-case-studies .btn-next::before {
  background-image: url("../images/icon-arrow-right.svg");
}
.view-redesign-2018-case-studies .btn-next:hover::before {
  transform: translateX(0.25rem);
}
.view-redesign-2018-case-studies .cs-header {
  margin-bottom: 1em;
  position: relative;
  pointer-events: none;
}
.view-redesign-2018-case-studies .cs-header::before {
  background: rgba(0, 0, 0, 0.65);
  bottom: 0;
  content: '';
  display: block;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  transition: background .25s ease-in-out;
  z-index: 1;
}
.view-redesign-2018-case-studies .cs-image {
  overflow: hidden;
}
.view-redesign-2018-case-studies .cs-image img {
  display: block;
  transition: transform .25s ease-in-out;
}
.view-redesign-2018-case-studies .cs-title {
  color: white;
  font-size: 1.2em;
  font-weight: 600;
  left: 0;
  padding: 1em;
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  z-index: 2;
}
.view-redesign-2018-case-studies .field-content > a:focus {
  outline: none;
}
.view-redesign-2018-case-studies .field-content > a:focus .cs-header::before {
  background: rgba(6, 71, 113, 0.85);
}
.view-redesign-2018-case-studies .field-content > a:focus .cs-header::after {
  border: 1px dotted white;
  bottom: .25rem;
  content: '';
  display: block;
  left: .25rem;
  position: absolute;
  right: .25rem;
  top: .25rem;
  z-index: 15;
}
.view-redesign-2018-case-studies .field-content > a:focus .cs-title {
  text-decoration: underline;
}
.view-redesign-2018-case-studies .field-content > a:hover .cs-header::before {
  background: rgba(6, 71, 113, 0.85);
}
.view-redesign-2018-case-studies .field-content > a:hover .cs-image img {
  transform: scale(1.1);
}
@media screen and (prefers-reduced-motion: reduce) {
  .view-redesign-2018-case-studies .field-content > a:hover .cs-image img {
    transform: none;
  }
}
.view-redesign-2018-case-studies .views-field-body {
  padding-left: 1em;
  padding-right: 1em;
}

.d-title + .panel-separator + .panel-pane .view-redesign-2018-case-studies {
  padding-top: 0;
}