body{}



/* - - - - - - - - - - EFFECTS - - - - - - - - - - */

.kenburns-wrap {
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  overflow: hidden;
}
.kenburns-wrap img {
  top: -999px !important;
  bottom: -999px;
  left: -999px;
  right: -999px !important;
  min-width: 100%;
  min-height: 100%;
  width: auto;
  height: auto;
  overflow: hidden;
  margin: auto;
  animation: 30s alfa_kenburn linear infinite alternate;
}
@keyframes alfa_kenburn{
	0% {
		transform: scale(1.3) translate(-10%, 10%);
	}
	100% {
		transform: scale(1) translate(0%, 0%);
	}
}


/* - - - ADMIN EDIT BAR - - - */
.top-bar > .top-bar__content > .toolbar-button {
  display:none;
}
.top-bar > .top-bar__content > .toolbar-dropdown__menu {
  position: unset;
  z-index: 4;
  display: block;
  inline-size: 100%;
  padding: 0;
  border-radius: unset;
  background: white;
  box-shadow: unset;
}

.top-bar > .top-bar__content .toolbar-dropdown__item {
  display:inline-block;
  border:none !important;
  border-right:1px solid #eee !important;
}





/* - - - - HEADER AND MENU - - - - - */
.site-header {
  min-height: 50px;
}

.site-header .site-header__inner {
  background:transparent;
}

.site-header .is-fixed .site-header__inner{
  background:#fff;
}

.site-header .site-header__inner .header-nav:not(.is-active) {
  background:transparent;
}

.sticky-header-toggle {
  width: 50px;
  height: 50px;
  margin:0px;
}

.sticky-header-toggle__icon {
  width:25px;
  height:25px;
}

body:not(.is-always-mobile-nav) .site-header__fixable.is-fixed {
  inset-block-start: 0px;
  width: 100%;
}

.site-branding {
  min-height: 50px;
}

.site-branding__inner {
  height:50px;
}

.site-branding__logo img {
  max-height: 40px;
}

body:not(.is-always-mobile-nav) .header-nav {
  height:50px;
}

body:not(.is-always-mobile-nav) .primary-nav__menu-link-inner {
  padding-block: 0px;
}

body:not(.is-always-mobile-nav) .primary-nav__menu-link {
  line-height: 40px;
}
body:not(.is-always-mobile-nav) .primary-nav__menu-link-inner::after {
  border-top-width: 2px;
}







/* - - - - ARTICLE SINGLE FULL - - - - - */

.page-node-type-page .main-content,
.page-node-type-article .main-content {
  width:100%;
}

.page-node-type-page .main-content__container,
.page-node-type-article .main-content__container{
	width:100%;
	max-width:100%;
  padding-inline:0;
  padding-block-start:0;
}

.layout--content-narrow .layout--content-narrow,
  .layout--pass--content-narrow > * .layout--content-narrow,
  .layout--content-medium .layout--content-narrow,
  .layout--pass--content-medium > * .layout--content-narrow,
  .layout--content-narrow .layout--pass--content-narrow > *,
  .layout--pass--content-narrow > * .layout--pass--content-narrow > *,
  .layout--content-medium .layout--pass--content-narrow > *,
  .layout--pass--content-medium > * .layout--pass--content-narrow > *,
.layout--content-medium, .layout--pass--content-medium > * {
  grid-column: 1/-1;
}

.page-node-type-page .a-article-header,
.page-node-type-article .a-article-header {
  display:block;
  position:absolute;
  top:-50px;
  left:0;
  width:100%;
  height:550px;
  max-height:100%;
  background:#eee url(/sites/default/files/alfa/img/design/graybg-1.jpg) no-repeat top center / cover;
  border-bottom:1px solid var(--color--primary-30);
  padding: 0px 0px 10px;
  margin-bottom: 50px;
}

.page-node-type-page .a-page-content,
.page-node-type-article .a-article-content {
  position:unset;
  display:block;
  width:1265px;
  max-width:100%;
  margin:500px auto 20px;
}

.page-node-type-page .main-content,
.page-node-type-article .main-content {
  position:relative;
}

.page-node-type-page .region--breadcrumb,
.page-node-type-article .region--breadcrumb {
  position:absolute;
  top: 459px;
  right:0;
  height: 40px;
  z-index:1;
}
.page-node-type-page .block-system-breadcrumb-block,
.page-node-type-page .breadcrumb,
.page-node-type-article .block-system-breadcrumb-block,
.page-node-type-article .breadcrumb{
  line-height:40px;
}

.page-node-type-page .breadcrumb,
.page-node-type-article .breadcrumb{
  padding:0 15px;
  text-align:right;
}

.breadcrumb__list {
  text-align: right;
  width: 100%;
}

.page-node-type-page .region--content-above,
.page-node-type-article .region--content-above{
  position:absolute;
  z-index:1;
  top: 60px;
  left:50px;
  width: 50%;
}


.page-node-type-page header.layout--content-narrow,
.page-node-type-article header.layout--content-narrow {
  position:absolute;
  top: 480px;
  left: calc(50% - 75px);
  z-index:1;
}

.page-node-type-page header.layout--content-narrow .node__meta,
.page-node-type-article header.layout--content-narrow .node__meta {
  display:none;
}

.page-node-type-article .field.field--name-published-at{
  display:block;
  position:relative;
  width:fit-content;
  padding:5px 10px;
  background:#fff;
  border:1px solid var(--color--primary-30);
  margin:-20px auto 0;
  z-index:10;
}

.page-node-type-page .a-article-header-text,
.page-node-type-page .a-article-header-img,
.page-node-type-article .a-article-header-text,
.page-node-type-article .a-article-header-img {
  display:inline-block;
  width:49%;
  padding:0.5%;
  height: 500px;
  vertical-align: top;
}

.page-node-type-page .a-article-header-img,
.page-node-type-article .a-article-header-img {
  /* border:1px solid; */
  height:500px;
}

.page-node-type-page .a-article-header-img .field--name-field-image,
.page-node-type-article .a-article-header-img .field--name-field-image{
  position:relative;
  top: 110px;
  width: 482px;
  height: 270px;
  margin: 0 0 0 auto!important;
  border: 1px solid var(--color--primary-30);
  box-shadow:0 0 15px #0005;
  overflow: hidden;
}

.page-node-type-page .a-article-header-img img,
.page-node-type-article .a-article-header-img img{
  position:absolute;
  top: 0px;
  right:0px;
  width: 480px;
  height:270px;
  object-fit:cover;
}

.page-node-type-page .field--name-field-art-cat-list,
.page-node-type-article .node--view-mode-full .field--name-field-art-cat-list{
  margin:200px 0 20px 50px;
  font-size:1.5rem;
  color:var(--color--primary-30);
  font-weight:500;
  text-transform:uppercase;
}

.block-page-title-block{
  margin:0;
}

.block-page-title-block .page-title {
  font-size:2rem;
  font-weight:600;
  line-height: 1.3;
}

.block-page-title-block .page-title span{
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
   -webkit-line-clamp: 2;
   -webkit-box-orient: vertical;
  max-width:100%;
  max-height:100px;
}

.page-node-type-page .field--name-field-article-subtitle,
.page-node-type-article .node--view-mode-full .field--name-field-article-subtitle{
  margin-left:50px;
  border:1px solid #eee;
  padding:10px;
  height:100px;
  background-color:#0001;
  backdrop-filter: blur(5px);
  box-shadow:0px 0px 3px #0005;
}