.layout__teaser {
  flex: 1;
  max-width: 31.5%;
  margin-bottom: 30px;
  background: #f4f4f4; }
  @media screen and (max-width: 1063px) {
    .layout__teaser {
      flex: 0 1 48%;
      max-width: 100%; } }
  @media screen and (max-width: 767px) {
    .layout__teaser {
      flex: 1;
      max-width: 100%; } }
  .layout__teaser.layout__teaser--double {
    order: 0;
    flex: 1;
    max-width: 66%; }
    @media screen and (max-width: 1063px) {
      .layout__teaser.layout__teaser--double {
        flex: 0 1 100%;
        max-width: 100%;
        order: 1; } }
    @media screen and (max-width: 767px) {
      .layout__teaser.layout__teaser--double {
        order: 0; } }
  .layout__teaser.layout__teaser--last {
    max-width: 32%; }
    @media screen and (max-width: 1063px) {
      .layout__teaser.layout__teaser--last {
        order: 0;
        max-width: 48%; } }
    @media screen and (max-width: 767px) {
      .layout__teaser.layout__teaser--last {
        order: 1;
        max-width: 100%; } }

@media screen and (min-width: 768px) {
  .layout--two-row--70-30--30-70--section .layout__teaser:first-of-type,
  .layout--two-row--30-70--30-70--section .layout__teaser:first-of-type {
    margin-right: 30px; } }

@media screen and (max-width: 767px) {
  .layout--two-row--70-30--30-70--section .video--body,
  .layout--two-row--70-30--30-70--section .block-inline-blockteaser:only-child,
  .layout--two-row--70-30--30-70--section .block-views-blockarticles-block-recent-articles:only-child,
  .layout--two-row--70-30--30-70--section .block--double-teaser:only-child,
  .layout--two-row--30-70--30-70--section .video--body,
  .layout--two-row--30-70--30-70--section .block-inline-blockteaser:only-child,
  .layout--two-row--30-70--30-70--section .block-views-blockarticles-block-recent-articles:only-child,
  .layout--two-row--30-70--30-70--section .block--double-teaser:only-child {
    margin-bottom: 0; } }

@media screen and (min-width: 768px) and (max-width: 1063px) {
  .layout--two-row--70-30--30-70--section,
  .layout--two-row--30-70--30-70--section {
    justify-content: space-between; }
    .layout--two-row--70-30--30-70--section .layout__teaser:first-of-type,
    .layout--two-row--30-70--30-70--section .layout__teaser:first-of-type {
      margin-right: 0; }
    .layout--two-row--70-30--30-70--section .layout__teaser--double,
    .layout--two-row--30-70--30-70--section .layout__teaser--double {
      flex: 0 1 48%; } }

@media screen and (max-width: 1063px) {
  .layout--twocol-section--75-25 .layout__region--first .link-with-title {
    margin-bottom: 0; } }

.layout--twocol-section--75-25 .layout__region--second .teaser {
  height: auto; }

@media screen and (max-width: 1063px) {
  .layout--twocol-section--75-25 .layout__region--second .block-inline-blockteaser {
    margin-bottom: 0; } }

@media screen and (max-width: 767px) {
  .layout--twocol-50-50--section .layout__region--second .teaser {
    margin-bottom: 0; } }

.layout--fivecol-section {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between; }
  .layout--fivecol-section .layout__region {
    flex: 1; }
    @media screen and (max-width: 1063px) {
      .layout--fivecol-section .layout__region {
        flex: 0 1 48%;
        margin-bottom: 15px; }
        .layout--fivecol-section .layout__region:last-of-type {
          flex: 0 1 100%;
          margin: 0; } }
    @media screen and (max-width: 767px) {
      .layout--fivecol-section .layout__region {
        flex: 0 1 100%; } }

.layout--fourcol-section {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between; }
  .layout--fourcol-section .layout__region {
    flex: 1; }
    @media screen and (max-width: 1063px) {
      .layout--fourcol-section .layout__region {
        flex: 0 1 48%;
        margin-bottom: 15px; } }
    @media screen and (max-width: 767px) {
      .layout--fourcol-section .layout__region {
        flex: 0 1 100%; } }

.layout--onecol-section,
.layout--one--column,
.layout--onecol-section-with-title {
  margin-bottom: 20px; }

.layout--onecol-section.buttons--section .layout__region, .layout--onecol-section.pipeline--section .layout__region {
  display: flex;
  flex-wrap: wrap; }

.layout--onecol-section.buttons--section {
  margin-bottom: 0; }
  @media screen and (max-width: 1063px) {
    .layout--onecol-section.buttons--section {
      margin-bottom: 30px; } }
  @media screen and (max-width: 1063px) {
    .layout--onecol-section.buttons--section .layout__region {
      justify-content: space-between; } }
  .layout--onecol-section.buttons--section .layout__region > div {
    flex: 0 1 32%;
    margin: 0 0 30px 2%; }
    @media screen and (max-width: 1063px) {
      .layout--onecol-section.buttons--section .layout__region > div {
        flex: 0 1 48%;
        margin: 0 0 15px; } }
    @media screen and (max-width: 767px) {
      .layout--onecol-section.buttons--section .layout__region > div {
        flex: 0 1 100%; } }
    .layout--onecol-section.buttons--section .layout__region > div:nth-child(3n + 1) {
      margin-left: 0; }

.layout--onecol-section.pipeline--section .layout__region {
  justify-content: space-between; }
  @media screen and (max-width: 767px) {
    .layout--onecol-section.pipeline--section .layout__region {
      flex-direction: column; } }

.layout--twocol-section {
  display: flex;
  margin-bottom: 30px;
  flex-wrap: nowrap; }
  @media screen and (max-width: 1063px) {
    .layout--twocol-section {
      flex-direction: column;
      flex-wrap: wrap; }
      .layout--twocol-section .layout__region--first,
      .layout--twocol-section .layout__region--second {
        width: 100%; } }
  @media screen and (min-width: 768px) and (max-width: 1064px) {
    .layout--twocol-section.layout--twocol-section--33-67 {
      flex-direction: row;
      flex-wrap: nowrap; } }
  @media screen and (max-width: 1063px) {
    .layout--twocol-section.reversed-order .layout__region--first {
      order: 1; } }
  @media screen and (max-width: 1063px) {
    .layout--twocol-section.layout--twocol-section--25-75 .layout__region--first,
    .layout--twocol-section.layout--twocol-section--25-75 .layout__region--second, .layout--twocol-section.layout--twocol-section--75-25 .layout__region--first,
    .layout--twocol-section.layout--twocol-section--75-25 .layout__region--second {
      flex-basis: auto; } }

.layout--twocol-section--75-25 .layout__region--first {
  flex: 0 1 75%;
  margin-right: 30px; }
  @media screen and (max-width: 1063px) {
    .layout--twocol-section--75-25 .layout__region--first {
      margin-right: 0;
      margin-bottom: 30px; } }

.layout--twocol-section--75-25 .layout__region--second {
  flex: 0 1 25%; }
  @media screen and (max-width: 1063px) {
    .layout--twocol-section--75-25 .layout__region--second {
      margin-bottom: 0; } }

.layout--twocol-section--75-25 .columns {
  display: flex;
  flex-wrap: nowrap; }
  @media screen and (max-width: 1063px) {
    .layout--twocol-section--75-25 .columns {
      flex-direction: column;
      flex-wrap: wrap; }
      .layout--twocol-section--75-25 .columns .layout__region--first,
      .layout--twocol-section--75-25 .columns .layout__region--second {
        width: 100%; } }

.layout--twocol-section--25-75 .layout__region--first {
  flex: 0 1 25%;
  margin-right: 30px; }

.layout--twocol-section--25-75 .layout__region--second {
  flex: 0 1 75%; }

@media screen and (min-width: 1064px) {
  .layout--twocol-section--42-58 .layout__region--first,
  .layout--twocol-section--58-42 .layout__region--first {
    margin-right: 30px; } }

@media screen and (min-width: 768px) and (max-width: 1063px) {
  .layout--twocol-section--42-58 .layout__region--first,
  .layout--twocol-section--58-42 .layout__region--first {
    margin-bottom: 30px; } }

.layout--twocol-section--42-58 .layout__region--first {
  flex: 0 1 100%; }
  @media screen and (min-width: 1063px) {
    .layout--twocol-section--42-58 .layout__region--first {
      flex: 0 1 42%; } }

.layout--twocol-section--42-58 .layout__region--second {
  flex: 0 1 100%; }
  @media screen and (min-width: 1063px) {
    .layout--twocol-section--42-58 .layout__region--second {
      flex: 0 1 58%; } }

.layout--twocol-section--58-42 .layout__region--first {
  flex: 0 1 100%; }
  @media screen and (min-width: 1063px) {
    .layout--twocol-section--58-42 .layout__region--first {
      flex: 0 1 58%; } }

.layout--twocol-section--58-42 .layout__region--second {
  flex: 0 1 100%; }
  @media screen and (min-width: 1063px) {
    .layout--twocol-section--58-42 .layout__region--second {
      flex: 0 1 42%; } }

.layout--twocol-section--10-90 .layout__region--first {
  flex: 0 1 10%;
  margin-right: 30px; }

.layout--twocol-section--10-90 .layout__region--second {
  flex: 0 1 90%; }

.layout--threecol-section {
  display: flex; }
  @media screen and (max-width: 1063px) {
    .layout--threecol-section {
      flex-direction: column; } }
  @media screen and (min-width: 768px) {
    .layout--threecol-section {
      margin-bottom: 30px; } }
  .layout--threecol-section .layout__region {
    max-width: 33%;
    flex: 1;
    margin-right: 30px; }
    @media screen and (max-width: 1063px) {
      .layout--threecol-section .layout__region {
        max-width: 100%; } }
    .layout--threecol-section .layout__region:last-of-type {
      margin-right: 0; }
    @media screen and (max-width: 767px) {
      .layout--threecol-section .layout__region {
        margin: 0; }
        .layout--threecol-section .layout__region:last-of-type {
          margin-bottom: 0; } }

@media screen and (max-width: 1063px) {
  .layout--threecol-section .layout__region {
    -ms-flex: auto; } }

@media screen and (min-width: 768px) and (max-width: 1063px) {
  .layout--threecol-section .layout__region {
    margin: 0 0 30px; } }

@media screen and (min-width: 768px) and (max-width: 1063px) {
  .layout--threecol-section .layout__region {
    flex: 0 1 50%;
    max-width: 48%; } }

@media screen and (min-width: 1024px) and (max-width: 1064px) {
  .layout--threecol-section .layout__region {
    flex: 0 1 50%;
    max-width: 48.5%; } }

.layout--threecol-section .layout__region .layout__region--second {
  flex: 0 1 50%;
  max-width: 48%; }

.layout--threecol-section .layout__region .layout__region--third {
  flex: 0 1 50%;
  max-width: 48%; }

@media screen and (min-width: 768px) and (max-width: 1063px) {
  .layout--threecol-section {
    margin-bottom: 0; } }

.layout--three-col-section--33-34-33 {
  display: flex; }
  .layout--three-col-section--33-34-33 .layout-container-outer-wrapper {
    display: flex; }

.layout--twocol-50-50--section,
.layout--twocol-section--50-50 {
  margin-bottom: 30px; }
  @media screen and (max-width: 1063px) {
    .layout--twocol-50-50--section,
    .layout--twocol-section--50-50 {
      flex-direction: column-reverse; } }
  .layout--twocol-50-50--section .layout__region.layout__region--first, .layout--twocol-50-50--section .layout__region.layout__region--second,
  .layout--twocol-section--50-50 .layout__region.layout__region--first,
  .layout--twocol-section--50-50 .layout__region.layout__region--second {
    flex: 1; }
    @media screen and (max-width: 767px) {
      .layout--twocol-50-50--section .layout__region.layout__region--first, .layout--twocol-50-50--section .layout__region.layout__region--second,
      .layout--twocol-section--50-50 .layout__region.layout__region--first,
      .layout--twocol-section--50-50 .layout__region.layout__region--second {
        height: 100%; } }
    @media screen and (max-width: 1064px) {
      .layout--twocol-50-50--section .layout__region.layout__region--first.is-6, .layout--twocol-50-50--section .layout__region.layout__region--second.is-6,
      .layout--twocol-section--50-50 .layout__region.layout__region--first.is-6,
      .layout--twocol-section--50-50 .layout__region.layout__region--second.is-6 {
        margin-bottom: 0; } }
  .layout--twocol-50-50--section .layout__region--first,
  .layout--twocol-section--50-50 .layout__region--first {
    flex: 0 1 50%;
    margin-right: 30px; }
    @media screen and (max-width: 1063px) {
      .layout--twocol-50-50--section .layout__region--first,
      .layout--twocol-section--50-50 .layout__region--first {
        margin-right: 0; } }
    @media screen and (min-width: 768px) and (max-width: 1063px) {
      .layout--twocol-50-50--section .layout__region--first,
      .layout--twocol-section--50-50 .layout__region--first {
        margin-right: 30px; } }
  .layout--twocol-50-50--section .layout__region--second,
  .layout--twocol-section--50-50 .layout__region--second {
    flex: 0 1 50%; }
  .layout--twocol-50-50--section .columns,
  .layout--twocol-section--50-50 .columns {
    display: flex; }
    @media screen and (max-width: 767px) {
      .layout--twocol-50-50--section .columns,
      .layout--twocol-section--50-50 .columns {
        flex-direction: column; }
        .layout--twocol-50-50--section .columns .layout__region--second,
        .layout--twocol-section--50-50 .columns .layout__region--second {
          margin-top: 30px;
          margin-bottom: 0 !important; } }

.layout__region--first:only-child,
.layout__region--second:only-child {
  margin-right: 0 !important; }

@media screen and (max-width: 1063px) {
  .layout--twocol-section--70-30,
  .layout--twocol-section--30-70 {
    flex-direction: column; } }

.layout--twocol-section--70-30 .layout__region--first {
  flex: 0 0 70%;
  max-width: 70%;
  flex: 1;
  margin-right: 30px; }
  @media screen and (max-width: 1063px) {
    .layout--twocol-section--70-30 .layout__region--first {
      flex-basis: auto; } }

.layout--twocol-section--70-30 .layout__region--second {
  flex: 0 0 30%;
  max-width: 30%;
  flex: 1; }
  @media screen and (max-width: 1063px) {
    .layout--twocol-section--70-30 .layout__region--second {
      flex-basis: auto; } }

.layout--twocol-section--30-70 .layout__region--first {
  flex: 0 0 30%;
  margin-right: 30px; }
  @media screen and (max-width: 1063px) {
    .layout--twocol-section--30-70 .layout__region--first {
      flex-basis: auto; } }

.layout--twocol-section--30-70 .layout__region--second {
  flex: 0 0 70%;
  max-width: 68%; }
  @media screen and (max-width: 767px) {
    .layout--twocol-section--30-70 .layout__region--second {
      max-width: 100%; } }

.layout--two-row-section {
  display: flex;
  flex-wrap: wrap; }
  @media screen and (max-width: 767px) {
    .layout--two-row-section {
      flex-direction: column; } }
  @media screen and (max-width: 1063px) {
    .layout--two-row-section.layout--two-row--70-30--70-30--section .layout__teaser.layout__teaser--double:first-of-type {
      order: 0; } }
  @media screen and (max-width: 1063px) {
    .layout--two-row-section.layout--two-row--70-30--30-70--section .layout__teaser:first-of-type {
      order: 0; } }
  @media screen and (max-width: 1063px) {
    .layout--two-row-section.layout--two-row--30-70--70-30--section .layout__teaser {
      order: 0; }
      .layout--two-row-section.layout--two-row--30-70--70-30--section .layout__teaser.layout__teaser--double {
        flex: 0 1 100%; }
      .layout--two-row-section.layout--two-row--30-70--70-30--section .layout__teaser:first-of-type, .layout--two-row-section.layout--two-row--30-70--70-30--section .layout__teaser:last-of-type {
        order: 2; }
      .layout--two-row-section.layout--two-row--30-70--70-30--section .layout__teaser:nth-child(3) {
        order: 3; } }
  @media screen and (max-width: 767px) {
    .layout--two-row-section.layout--two-row--30-70--70-30--section .layout__teaser:first-of-type, .layout--two-row-section.layout--two-row--30-70--70-30--section .layout__teaser:last-of-type, .layout--two-row-section.layout--two-row--30-70--70-30--section .layout__teaser:nth-child(3) {
      order: 0; } }

@media screen and (max-width: 1063px) and (max-width: 1063px) {
  .layout--two-row-section.layout--two-row--30-70--30-70--section .layout__teaser.layout__teaser--double:last-of-type {
    order: 3; } }
  @media screen and (max-width: 1063px) and (max-width: 1063px) and (max-width: 767px) {
    .layout--two-row-section.layout--two-row--30-70--30-70--section .layout__teaser.layout__teaser--double:last-of-type {
      order: 0; } }
  @media screen and (max-width: 1063px) {
    .layout--two-row-section.layout--two-row--30-70--30-70--section .layout__teaser:nth-child(odd) {
      order: 3; } }
  @media screen and (max-width: 1063px) and (max-width: 767px) {
    .layout--two-row-section.layout--two-row--30-70--30-70--section .layout__teaser:nth-child(odd) {
      order: 0; } }

.layout--twocol-section.layout--twocol-section--33-67 .layout__region--first,
.layout--twocol-section.layout--twocol-section--33-67 .layout__region--second, .layout--twocol-section.layout--twocol-section--67-33 .layout__region--first,
.layout--twocol-section.layout--twocol-section--67-33 .layout__region--second {
  width: 100%; }

.layout--twocol-section.layout--twocol-section--33-67 .layout__region--first {
  flex: 1;
  max-width: 32%; }
  @media screen and (max-width: 767px) {
    .layout--twocol-section.layout--twocol-section--33-67 .layout__region--first {
      max-width: 100%;
      flex: 1 0 100%; } }
  @media screen and (min-width: 768px) and (max-width: 1064px) {
    .layout--twocol-section.layout--twocol-section--33-67 .layout__region--first {
      flex: 0 1 50%;
      max-width: 50%; } }

.layout--twocol-section.layout--twocol-section--33-67 .layout__region--second {
  flex: 1;
  max-width: 67%; }
  @media screen and (max-width: 767px) {
    .layout--twocol-section.layout--twocol-section--33-67 .layout__region--second {
      max-width: 100%; } }
  @media screen and (min-width: 768px) and (max-width: 1064px) {
    .layout--twocol-section.layout--twocol-section--33-67 .layout__region--second {
      flex: 0 1 50%;
      max-width: 50%; } }

.layout--twocol-section.layout--twocol-section--33-67 .layout__region:first-of-type {
  margin-right: 30px; }

.layout--twocol-section.layout--twocol-section--67-33 {
  margin-top: 30px; }
  .layout--twocol-section.layout--twocol-section--67-33 .layout__region--first {
    flex: 1;
    max-width: 67%;
    padding-right: 15px; }
    @media screen and (max-width: 767px) {
      .layout--twocol-section.layout--twocol-section--67-33 .layout__region--first {
        max-width: 100%; } }
  .layout--twocol-section.layout--twocol-section--67-33 .layout__region--second {
    flex: 1;
    max-width: 33%;
    padding-left: 15px; }
    @media screen and (max-width: 767px) {
      .layout--twocol-section.layout--twocol-section--67-33 .layout__region--second {
        max-width: 100%; } }

.ui-dialog.ui-dialog-off-canvas .ui-dialog-content {
  margin: 0; }

.layout-builder-block {
  padding: 0; }

.node-layout-builder-form,
.layout-builder-discard-changes,
.layout-builder-revert-overrides {
  margin: 20px; }
  .node-layout-builder-form .form-actions .button,
  .layout-builder-discard-changes .form-actions .button,
  .layout-builder-revert-overrides .form-actions .button {
    padding: 10px 20px;
    color: #fff;
    cursor: pointer;
    background-color: #727272;
    border: 0;
    transition: all .3s; }
    .node-layout-builder-form .form-actions .button:hover,
    .layout-builder-discard-changes .form-actions .button:hover,
    .layout-builder-revert-overrides .form-actions .button:hover {
      background-color: #865fa0; }
    .node-layout-builder-form .form-actions .button.button--primary,
    .layout-builder-discard-changes .form-actions .button.button--primary,
    .layout-builder-revert-overrides .form-actions .button.button--primary {
      color: #555;
      background-color: #8cc63f; }
      .node-layout-builder-form .form-actions .button.button--primary:hover,
      .layout-builder-discard-changes .form-actions .button.button--primary:hover,
      .layout-builder-revert-overrides .form-actions .button.button--primary:hover {
        opacity: .8; }

.block-local-tasks-block.ucb-local-tabs {
  margin: 20px; }

.block-local-tasks-block .tabs--primary {
  display: flex;
  flex-wrap: wrap;
  list-style: none; }
  .block-local-tasks-block .tabs--primary .tabs__tab {
    margin: 3px;
    cursor: pointer;
    background-color: #727272;
    transition: all 0.3s; }
    .block-local-tasks-block .tabs--primary .tabs__tab:hover {
      background-color: #865fa0; }
    .block-local-tasks-block .tabs--primary .tabs__tab:last-of-type {
      margin-right: 0; }
    .block-local-tasks-block .tabs--primary .tabs__tab a {
      display: block;
      padding: 10px 20px;
      color: #fff; }
    .block-local-tasks-block .tabs--primary .tabs__tab.is-active {
      background-color: #512c70; }
    .block-local-tasks-block .tabs--primary .tabs__tab.ucb-local-tabs {
      margin: 20px; }