@import url('https://fonts.googleapis.com/css2?family=Neucha&family=Roboto:ital,wght@0,100..900;1,600&display=swap');

body{
	font-family:"Roboto",Arial, Helvetica, sans-serif;
  background:#fafafa;
}

.text-content, .cke_editable{
	font-family:"Roboto",Arial, Helvetica, sans-serif;
	font-size:1.1rem;
}

a:focus {
  outline: none !important;
}

.a-960{
	width:100%;
	max-width:960px;
	margin-left:auto;
  margin-right:auto;
}

.a-1265{
	width:100%;
	max-width:1265px;
	margin-left:auto;
  margin-right:auto;
}

/* - LOGIN - */

body.path-user:not(.user-logged-in) .main-content__container{
	max-width:100%;
}

.tabledrag-toggle-weight-wrapper,
body.path-user:not(.user-logged-in) .region--breadcrumb{
  display:none;
}
body.path-user:not(.user-logged-in) main {
  max-width:600px;
  border:1px solid #ccc;
  border-radius:20px;
  padding:5%;
  margin:5% auto 20%;
  box-shadow:0 0 15px #0001
}



.page-wrapper {
  width:100%;
  margin:0 auto;
  box-shadow:0 0 3px #0008;
  overflow:hidden;
}

.main-content {
  width:100%;
  background-color: #f5f5e7; /*Pantone 5785 C*/
  background-color: #fff;
}

.path-frontpage .main-content__container,
.layout-main .social-bar {
  display:none;
}


/* - - - COLORS - - - */
:root {
  --font-sans: "Roboto", Arial, sans-serif;
  --font-serif: "Lora", "georgia", serif;

/* - THEME COLORS - */

  --a-secondary-20: hsl(210, 50%, calc(1% * (40 - (0.48 * 40)))); /* Theme primary darkest color */
  --a-secondary-40: hsl(210, 50%, calc(1% * (40 - (0.24 * 40)))); /* Theme primary darker color */
  --a-secondary: hsl(210, 50%, calc(1% * (40 - (0 * 40)))); /* Theme primary color */
  --a-secondary-60: hsl(210, 50%, calc(1% * (40 + (0.24 * 60)))); /* Theme primary light color (60 = 100-40)*/
  --a-secondary-80: hsl(210, 50%, calc(1% * (40 + (0.48 * 60)))); /* Theme primary lighter color */
  --a-secondary-90: hsl(210, 50%, calc(1% * (40 + (0.93 * 60)))); /* Theme primary lightest color */

  --a-primary-30: hsl(212, 100%, calc(1% * (29 - (0.36 * 27)))); /* Theme primary darkest color */
  --a-primary-40: hsl(212, 100%, calc(1% * (29 - (0.24 * 27)))); /* Theme primary darker color */
  --a-primary:    hsl(212, 100%, calc(1% * (29 - (0.00 * 29)))); /* Theme primary color */
  --a-primary:#6550a3;
  --a-primary-60: hsl(212, 100%, calc(1% * (29 + (0.24 * 27)))); /* Theme primary light color */
  --a-primary-70: hsl(212, 100%, calc(1% * (29 + (0.48 * 27)))); /* Theme primary lighter color */
  --a-primary-80: hsl(212, 100%, calc(1% * (29 + (0.96 * 27)))); /* Theme primary more lighter color */
  --a-primary-90: hsl(212, 100%, calc(1% * (29 + (2.6 * 27)))); /* Theme primary lightest color */

  --a-accent-1: #0E6578;
  --a-accent-2: #EF6F23;

  --color--black: #000; /* Black */
  --color--white: #fff; /* White */
  --color--red: #e33f1e; /* Red */
  --color--gold: #fdca40; /* Gold */
  --color--green: #3fa21c; /* Green */

}

h1,h2{
	font-family:"Roboto",Arial, Helvetica, sans-serif;
	font-weight:500;
	line-height:1.1;
}

h3,h4{
	font-family:"Roboto",Arial, Helvetica, sans-serif;
	font-weight:400;
	line-height:1.3;
}


h1 b,
h2 b,
h3 b{
  color:var(--a-primary-40) !important;
  font-weight:bold;
  font-style:italic;
}

strong{
	font-weight:500;
}
b {
	font-weight:400;
}

/* - - - - - - - - - - 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%);
	}
}



/* - GDPR POPUP - */
.eu-cookie-compliance-message{
  margin-bottom:0;
}
.eu-cookie-compliance-message h2{
  font-size:1.5rem;
  line-height:1.3
}

.eu-cookie-compliance-categories-buttons button{
  margin:0;
}












/* - - - - - HEADER AND MENU - - - - - */

.site-header__inner {
  width:100%;
  background-color:#fff;
}

.site-header__inner .site-header__inner__container{
  width:100%;
  max-width:1265px;
  padding-right: 0;
  margin-right: 0;
}

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

/* - LOGO AND BRANDING - */

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

.site-branding__text{
  width:270px;
  height:50px;
  background:url(/sites/default/files/alfa/img/country-flags/eu-flag-black.jpg) no-repeat left top;
}

.site-branding__name a {
    display: block;
    padding: 5px 0 0 80px;
    line-height: 1.3;
    font-size: 1rem;
    font-weight: 400;
    color: #000;
}

.primary-nav__menu-item--level-1:not(:last-child) {
  margin-inline-end: 2rem;
  }

.header-nav .primary-nav {
  width:100%;
}

.header-nav .region--secondary-menu {
  width:80px;
}

.block-search-wide__button,
.block-search-wide__button svg{
  width: 1rem;
  height: 1rem;
  padding:0;
  margin:0;
}

.block-search-wide__button{
  padding-left:0;
  margin:5px 10px;
}

body:not(.is-always-mobile-nav) .primary-nav__menu--level-1{
  margin:0;
}

body:not(.is-always-mobile-nav) .primary-nav__button-toggle .icon--menu-toggle {
  background-color: transparent;
}



.primary-nav__menu-link-inner::after {
  border-top: solid 5px var(--a-accent-2);
}


/* - NAVMENU Home Icon - */
/*
.header-nav .primary-nav__menu-item--level-1:first-child {
  background:url(/sites/default/files/alfa/img/design/home30.png) no-repeat top center /cover;
  width: 30px;
  margin-top: 0px;
  height: 30px;
}

.header-nav .primary-nav__menu-item--level-1:first-child {
  margin-top: 15px;
}

.header-nav .primary-nav__menu-item--level-1:first-child > a {
  display:block;
  font-size:0 !important;
  width: 30px !important;
  height: 30px;
  padding: 0 !important;
  line-height:30px;
}
*/




/* - LANG MENU - */
.menu--language-interface{
  width: 32px;
  padding:0;
  margin:0;
  vertical-align:top;
  position:relative;
}

.menu--language-interface .links {
  position:absolute;
  inset:0;
  list-style-type:none;
  padding:0;
  margin:0;
  text-align:center;
  vertical-align:top;
  background-color:#fff;
  box-shadow:0 0 3px #0003;
  border:1px solid #bbb;
  visibility:hidden;
  transition:all 0.3s ease-in-out;
  z-index:0;
}

.menu--language-interface:hover .links {
	visibility:visible;
}

.menu--language-interface .links > li{
  background-color:#fff;
}

.menu--language-interface .links a{
  font-size:1rem;
  text-decoration:none;
}

.user-logged-in .site-header .contextual {
  display:none;
}

.menu--language-interface > span:hover,
.menu--language-interface > span {
  text-transform:uppercase;
  border:1px solid #333;
  padding:2px;
  color: var(--a-primary-40);
  background: var(--a-primary-90);
}

.menu--language-interface > .links {
  padding-top:25px;
}

.menu--language-interface .links li:hover {
  background-color: #eee;
  border: 1px solid #246;
}




/* - NAV MENU 25 - */
.site-header__initial {
  background-color: #fff;
}

body:not(.is-always-mobile-nav) .site-header__initial{
  align-items: center;
}

body:not(.is-always-mobile-nav) .site-branding__inner {
  height: 100px;
}

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

body:not(.is-always-mobile-nav) .primary-nav__menu--level-1 > li,
body:not(.is-always-mobile-nav) .primary-nav__menu--level-1 > li > a{
  line-height:100px;
  height:100px;
  display:block;
}

body:not(.is-always-mobile-nav) .primary-nav__menu-🥕 {
  top:90px;
}

body:not(.is-always-mobile-nav) .primary-nav__menu--level-2 {
  top: 100px;
}


body:not(.is-always-mobile-nav) .primary-nav__menu-link:focus::before {
  border:none;
}

















/* - - - - - FRONT PAGE - - - - - */

.path-frontpage .main-content__container .view-display-id-page_1{
  width:960px;
  max-width:100%;
  margin:0 auto;
}


.path-frontpage .teaser__meta,
.path-frontpage .view-frontpage,
.path-frontpage .region--breadcrumb{
  display:none;
}











/* - - - FRONT VIDEO BG HERO - - - */
.a-front-video{
  position:relative;
}

.a-front-video,
.a-front-video .block__content,
.a-front-video .a-block-video,
.a-front-video .a-bg-pr1,
.a-front-video .field--name-field-blok-vrska{
  width:100%;
  height:600px;
  max-height:100%;
}

.a-front-video .a-block-video {
  text-align:center;
  display:block;
}

.a-front-video .a-bg-pr1{
  position:absolute;
  inset:0;
  background-color:#6550a3aa;
  backdrop-filter: blur(3px);
  color:transparent;
  font-size:0;
  z-index:4;
}

.a-front-video .field--name-field-a-block-embed-field{
  display:block;
  position: relative;
  width:100%;
  height:600px;
  max-height:600px;
  overflow:hidden;
}

.a-front-video .field--name-field-a-block-embed-field p{
  position: relative;
  width: 100%;
  height: 0;
  padding-bottom: 56.25%;
  background-color:#000;
  display:block;
}
.a-front-video .field--name-field-a-block-embed-field iframe{
  position: absolute;
  inset:0;
  width:100%;
  height:100%;
  opacity:0.99;
  z-index:1;
}

.a-front-video .field--name-field-blk-bg-img{
  width:100%;
  height:600px;
  max-height:100%;
}

.a-front-video .field--name-field-blk-bg-img img{
  width:100%;
  height:600px;
  max-height:100%;
  object-fit:cover;
}

.a-front-video .field--name-field-blk-hdr{
  position: absolute;
  inset: 0;
  width:100%;
  height:600px;
  max-height:100%;
  font-size:5rem;
  font-weight:600;
  line-height: 600px;
  color:#fff;
  text-shadow:2px 2px 5px #0005;
  z-index:4;
}

.a-front-video .field--name-field-blok-vrska{
  position: absolute;
  width:100%;
  text-align: center;
  top:500px;
  z-index:4;
}

.a-front-video .field--name-field-blok-vrska a{
  font-size:3rem;
  text-decoration:none;
  color:#fff;
  text-shadow:0 0 5px #0008;
}







/* - - - FRONT ABOUT - - - */
#block-olivero-frontabout{
	scroll-behavior: smooth;
}






/* - - - FRONT FLIPCARD - - - */

.a-front-block-flipcard{
  width:33%;
  height:85vh;
  display:inline-block;
  margin: 0 0px 50px;
  vertical-align:top;
}

.a-front-block-flipcard:first-child{
  margin-left: 4px;
}

.a-front-block-flipcard:last-child{
  margin-right:0;
}

.a-front-block-flipcard:hover{
  cursor: pointer;
}

.a-front-block-flipcard .a-flip-card-front,
.a-front-block-flipcard .a-flip-card-back{
  width:100%;
  height:85vh;
  position:relative;
  inset:0;
  z-index:0;
}

.a-front-block-flipcard .a-flip-card-back{
  top:-85vh;
}

.a-front-block-flipcard .a-flip-card-front .field--name-field-blk-bg-img,
.a-front-block-flipcard .a-flip-card-front .field--name-field-block-bg-clr,
.a-front-block-flipcard .a-flip-card-front .field--name-field-blk-hdr,
.a-front-block-flipcard .a-flip-card-back .field--name-field-blk-txt,
.a-front-block-flipcard .a-flip-card-back .field--name-field-blok-vrska{
  position:absolute;
  inset:0;
  width:100%;
  margin: 0;
  z-index:2;
}

.a-front-block-flipcard .a-flip-card-front img {
  width:100%;
  height:85vh;
  object-fit:cover;
  transition:all 0.3s ease-in-out;
}

.a-front-block-flipcard .a-flip-card-front .field--name-field-block-bg-clr{
  z-index:3;
  opacity:0.8;
  transition:all 0.3s ease-in-out;
}

.a-front-block-flipcard:hover .a-flip-card-front img {
  filter:none;
}
.a-front-block-flipcard:hover .a-flip-card-front .field--name-field-block-bg-clr{
  opacity:0.3;
}

.a-front-block-flipcard .a-flip-card-front .field--name-field-blk-hdr{
  z-index:3;
  text-align:left;
  text-transform:uppercase;
  font-size:2rem;
  font-weight:700;
  color:#000;
  line-height:1.3;
  text-shadow:1px 1px 2px #fff;
  top:auto;
  bottom: 100px;
  left: 20px;
}

.a-front-block-flipcard .a-flip-card-back{
  background-color:#000;
}

.a-front-block-flipcard .a-flip-card-back .field--name-field-blk-txt{
	display:none;
  inset:40px;
  padding:20px;
  width:80%;
  height:300px;
  font-size:1.5rem;
  font-weight:100;
  color:#fff;
  text-align:justify;
  text-shadow:1px 1px 1px #000;
}

.a-front-block-flipcard .a-flip-card-back .field--name-field-blok-vrska{
  position:absolute;
  text-align:center;
  bottom:90px;
  top:auto;
  z-index:4
}

.a-front-block-flipcard .a-flip-card-back .field--name-field-blok-vrska a{
  display:block;
  width:120px;
  height:55px;
  margin:0 auto;
  font-size:1.5rem;
  font-weight:300;
  text-align:center;
  text-decoration:none;
  line-height:50px;
  background-color:#0002;
  backdrop-filter:blur(5px);
  color:#fff;
  border:3px solid #fff;
  border-radius:5px;
  box-shadow: 0 4px 8px 0 #0002;
  transition:all 0.5s ease-in-out;
}

/* - STRELKA - */
.a-front-block-flipcard .a-flip-card-back .field--name-field-blok-vrska a{
  font-size:5rem;
  font-weight:600;
  line-height:50%;
  background-color:unset;
  backdrop-filter:unset;
  color:#000;
  border:unset;
  border-radius:unset;
  box-shadow: unset;
  text-shadow:1px 1px 5px #0003;
}

.a-front-block-flipcard .a-flip-card-back .field--name-field-blok-vrska:hover a{
  background-color: #fff;
  color:#000;
  box-shadow: 0 1px 2px 0 #0002;
}


/* - FLIP - */

.a-flip-card {
  pers-pective: 1000px;
}

.a-flip-card-inner {
  position: relative;
  width: 100%;
  height: 85vh;
  text-align: center;
  out-line:1px solid #80f5;
  box-shadow: 0 4px 8px 0 #0002;
  transition: transform 0.99s;
  transform-style: preserve-3d;
}

.a-flip-card:hover .a-flip-card-inner {
  transform: rotateY(180deg);
}

.a-flip-card-front, .a-flip-card-back {
  position: absolute;
  width: 100%;
  height: 100%;
  -webkit-backface-visibility: hidden; /* Safari */
  backface-visibility: hidden;
}

.a-flip-card-back {
  transform: rotateY(180deg);
}


.a-front-block-flipcard:nth-child(1) .a-flip-card-back{
  background:#000 url(/sites/default/files/alfa/img/triptih-1-back.jpg) no-repeat center /cover;
}

.a-front-block-flipcard:nth-child(2) .a-flip-card-back{
  background:#000 url(/sites/default/files/alfa/img/triptih-2-back.jpg) no-repeat center /cover;
}

.a-front-block-flipcard:nth-child(3) .a-flip-card-back{
  background:#000 url(/sites/default/files/alfa/img/triptih-3-back.jpg) no-repeat center /cover;
}

/* - COPYRIGHT IMG - */
.a-front-block-flipcard:nth-child(3) .field--name-field-blk-bg-img:before{
  content:"© Vanja Dimitrova";
  display:block;
  position:absolute;
  z-index:1;
  bottom:5px;
  right:10px;
  color:#000;
}



/* - - - FRONT HERO STRIPE - - - */

.a-front-hero-stripe{
  position:relative;
  width:100%;
  height:300px;
  max-height:33%;
}

.field--name-field-block-bg-clr{
  position:absolute;
  width:100%;
  height:100%;
  color:transparent;
  font-size:0;
  z-index:1;
}

.a-bg-sc1{
  background-color:#f5f5e7;
}

.a-bg-sc2{
  background-color:#ecf4e7;
}

.a-bg-sc3{
  background-color:#eaf6fe;
}

.a-front-hero-stripe .field--name-field-blk-txt{
  position:absolute;
  width:100%;
  height:300px;
  font-size:3rem;
  font-weight:400;
  font-style:italic;
  line-height:300px;
  text-align:center;
  z-index:2;
}






/* - - - FRONT NEWS 4 CAROUSEL - - - */

.block-views-block0-vesti-block-2{
  max-width:100%;
  margin:50px auto;
}

.block-views-block0-vesti-block-2 .a-news-cards4{
  width:100%;
  padding: 0 20px;
}

.block-views-block0-vesti-block-2 .a-news-cards4 .grid{
  height:430px;
  padding:15px
}

.block-views-block0-vesti-block-2 .a-news-cards4 .grid .teaser__meta {
  display:none;
}

.block-views-block0-vesti-block-2 .a-news-cards4 .grid .teaser {
  position:relative;
  width:100%;
  height:400px;
  inset:0;
  outline:1px solid #65a2;
  box-shadow:0 0 5px 0 #0002;
  transition:all 0.3s ease-in-out;
}

.block-views-block0-vesti-block-2 .a-news-cards4 .grid .teaser header,
.block-views-block0-vesti-block-2 .a-news-cards4 .grid .teaser .teaser__content {
  position:absolute;
  inset:0;
  width:100%
}

.block-views-block0-vesti-block-2 .a-news-cards4 .grid .teaser .teaser__content .field--name-field-art-category{
  position:absolute;
  height:400px;
  width:100%;
  text-align:center;
  text-transform:uppercase;
  line-height:40px;
  z-index:0;
}

.field--name-field-art-category.art_cat_01{
  background-color:var(--a-accent-2);
}

.field--name-field-art-category.art_cat_02{
  background-color:#CD4201;
}

.field--name-field-art-category.art_cat_03{
  background-color:#FFDA21;
}

.field--name-field-art-category.art_cat_04{
  background-color:#D1B8F0;
}

.block-views-block0-vesti-block-2 .a-news-cards4 .grid .teaser header .teaser__top .node__title{
  position:absolute;
  width:100%;
  height: 205px;
  top: 190px;
  border-top:1px solid #0001;
  padding:10px;
  background-color:#fff;
  z-index:1;
  transition:all 0.3s ease-in-out;
}

.block-views-block0-vesti-block-2 .a-news-cards4 .grid .teaser header .teaser__top .node__title a{
  display: block;
  max-width:100%;
  height:55px;
  font-size: 1.5rem;
  font-weight:400;
  line-height: 1.4;
  color: #333;
  background-image:none;
}

.block-views-block0-vesti-block-2 .a-news-cards4 .grid .node__title a span{
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
   -webkit-line-clamp: 4; /*broj na redovi*/
   -webkit-box-orient: vertical;
  max-width:100%;
  max-height:150px;
}

.block-views-block0-vesti-block-2 .a-news-cards4 .grid .teaser header .teaser__top .teaser__image {
  position:absolute;
  top: 40px;
  left:0;
  right:0;
  width:100%;
  height:150px;
  border-top: 5px solid #fff;
  z-index: 1;
}

.block-views-block0-vesti-block-2 .a-news-cards4 .grid .teaser header .teaser__top .teaser__image img{
  width:100%;
  height:150px;
  object-fit:cover;
  border-radius:0;
}

.block-views-block0-vesti-block-2 .a-news-cards4 .grid .teaser .teaser__content .field--name-field-body{
  display: none !important;
  position:absolute;
  top:116px;
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 6; /*broj na redovi*/
  -webkit-box-orient: vertical;
  width:100%;
  height:135px;
  padding:5px;
  background-color:#fff;
  border-top:1px solid #0002;
  font-size:1rem;
  line-height:1.3;
  color:#555;
  transition:all 0.3s ease-in-out;
}

.block-views-block0-vesti-block-2 .a-news-cards4 .grid .teaser .teaser__content .field--name-published-at{
  position:absolute;
  top: 360px;
  left:10px;
  display: block;
  z-index:1;
}

.block-views-block0-vesti-block-2 .a-news-cards4 .grid .teaser .teaser__content .field--name-published-at time{
  font-size: 1.2rem;
  font-weight:300;
  line-height:1;
  color: #777;
}

.block-views-block0-vesti-block-2 .a-news-cards4 .grid .teaser:after{
  display:none
}

.block-views-block0-vesti-block-2 .a-news-cards4 .grid:hover .teaser header .teaser__top .node__title,
.block-views-block0-vesti-block-2 .a-news-cards4 .grid:hover .teaser .teaser__content .field--name-field-body{
  background-color:transparent;
}

.a-news-cards4.view-id-0_vesti .slick-arrow{
    position:relative;
    font-size:2rem;
    line-height: 1;
    background:unset;
    border:none;
    display: inline-block;
    width:50%;
    height: 30px;
    text-align:right;
    top:-250px;
    right:-30px;
    left:unset;
}

.a-news-cards4.view-id-0_vesti .slick-arrow:first-child{
  text-align:left;
  left:-30px;
  right:unset;
}














/* - - - FRONT POVICI - - - */
#block-olivero-afrontpovici {
  margin:10rem auto 10rem;
}

.a-front-povici .field--name-field-povici-cat .field__item {
  width:100%;
  position:relative;
  border-bottom:1px solid #ddd;
  transition:all 0.3s ease-in-out;
  z-index:0;
}
.a-front-povici .field--name-field-povici-cat .field__item:first-child {
  border-top:1px solid #ddd;
}

.a-front-povici .field--name-field-povici-cat .field__item a {
  display:block;
  font-family:"Roboto", "Inter", Arial, sans-serif;
  font-size:2rem;
  font-weight:400;
  line-height:100px;
  color:#555;
  text-decoration:none;
  padding:0 20px;
  vertical-align:middle;
}

.a-front-povici .field--name-field-povici-cat .field__item:hover {
  background-color:var(--a-primary);
}

.a-front-povici .field--name-field-povici-cat .field__item:hover a {
  color:#fff !important;
}

.a-front-povici .field--name-field-povici-cat .field__item:before{
display:block;
position:absolute;
top:35px;
right:30px;
content:"→";
font-size:50px;
font-weight:900;
transition:all 0.3s ease-in-out;
z-index:1;
}

.a-front-povici .field--name-field-povici-cat .field__item:hover::before{
  right:5px;
  color:#fff;
}

#block-olivero-afrontpovici-2 {
width:960px;
max-width:100%;
margin:50px auto;
}



/* - - - FRONT BOX LINKS - - - */

.path-frontpage .block-block-groupa-box-link-group{
  width:1265px;
  max-width:100%;
  height:400px;
  margin:100px auto;
}

.path-frontpage .block-block-groupa-box-link-group > .block__content{
  display:grid;
  grid-template-columns: repeat(3, 1fr);
  gap:20px;
  grid-template-rows: max-content;
  margin-top:50px;
}

.path-frontpage .block-block-groupa-box-link-group > .block__content .block-block-content {
  position:relative;
  width:100%;
  height:400px;
  border:1px solid #ccc;
  box-shadow:0 0 15px #0002 
}

.path-frontpage .block-block-groupa-box-link-group > .block__content .block-block-content .field--name-field-blk-bg-img {
  position: absolute;
  inset: 0;
  width:100%;
  height:400px;
  margin:0;
  z-index:0;
}

.path-frontpage .block-block-groupa-box-link-group > .block__content .block-block-content .field--name-field-blk-bg-img img{
  width:100%;
  height:400px;
  object-fit:cover;
  border-radius:0;
  filter: grayscale(1) contrast(2) opacity(0.2);
  transition: all 0.5s ease-in-out;
}

.path-frontpage .block-block-groupa-box-link-group > .block__content .block-block-content:hover .field--name-field-blk-bg-img img{
  filter:none;
}

.path-frontpage .block-block-groupa-box-link-group > .block__content .block-block-content .field--name-field-blok-vrska a {
  display:block;
  font-size:2.5rem;
  line-height:400px;
  height:400px;
  text-transform:uppercase;
  text-decoration:none;
  font-weight:700;
  color:#fff;
  text-shadow:1px 1px 3px #65a
}

.path-frontpage .block-block-groupa-box-link-group > .block__content .block-block-content .field--name-field-blok-vrska{
  position: absolute;
  width: 100%;
  text-align:center;
  inset: 0;
  z-index:1
}




/* - - - FRONT TESTIMONIALS - - - */

.block-views-blocka-testimonials-block-1 .field--name-field-tekst {
  background: #ecf4e7;
  padding: 20px 40px;
  position: relative;
  height:100px;
  border: none;
  border-radius: 8px;
  font-style: italic;
  box-shadow:0 0 5px #0002;
  margin: 5px 10px;
  text-align: left;
  color: #555;
}

.block-views-blocka-testimonials-block-1 .field--name-field-tekst:before,
.block-views-blocka-testimonials-block-1 .field--name-field-tekst:after {
  content: "\201C";
  position: absolute;
  font-size: 80px;
  line-height: 1;
  color: #757f9a;
  font-style: normal;
}

.block-views-blocka-testimonials-block-1 .field--name-field-tekst:before {
  top: 0;
  left: 5px;
}
.block-views-blocka-testimonials-block-1 .field--name-field-tekst:after {
  content: "\201D";
  right: 10px;
  bottom: -0.5em;
}

.block-views-blocka-testimonials-block-1 .field--name-field-naslov{
  text-align:right;
  color:#65a;
  font-size:0.8rem;
  font-weight:600;
  margin-top:-20px;
}

.block-views-blocka-testimonials-block-1{
  height:300px;
  background-color:#f5f5e7;
  position:relative;
  margin:100px auto;
  border:1px solid #0002;
  border-width:1px 0;
}
.path-frontpage .block-views-blocka-testimonials-block-1 .block__title {
  position:absolute;
  left:10%;
  top:-30px;
  width:20%;
  height:360px;
  padding-top:100px;
  font-size:2rem;
  line-height:1.5;
  color:#fff;
  text-transform:uppercase;
  background-color:#65a;
  box-shadow:0 0 5px #0005;
  z-index:1;
}

.block-views-blocka-testimonials-block-1 .block__content {
  width:70%;
  position:absolute;
  left:30%;
}

.block-views-blocka-testimonials-block-1 .block__content .view-a-testimonials {
  padding:10%;
}


.block-views-blocka-testimonials-block-1 .teaser header {
  display:none;
}

.block-views-blocka-testimonials-block-1 .teaser:after {
  display:none;
}











/* - - - FRONT SLIDE - - - */

.path-frontpage .splide{
  margin-top: -50px;
}

.path-frontpage .splide .media__element{
  filter:grayscale(1) contrast(2) opacity(0.5);
  transition:all 0.5s ease-in-out;
}

.path-frontpage .splide:hover .media__element{
  filter:none;
}




/* - - - FRONT HERO - - - */

.a-front-hero{
  position:relative;
  width:100%;
  padding:0;
  margin:0;
  min-height:150px;
  max-height:100%;
}

.a-front-hero .block__content {
  position:relative;
  top:0px;
  width:100%;
  min-height:150px;
  z-index:0;
}

.a-front-hero .block__content > div {
  position:absolute;
  inset:0;
  width:100%;
  height:150px;
  text-align:center;
  z-index:1;
}

.a-front-hero .a-group-txt {
  display:block;
  width: 100%;
  z-index:5;
  margin-top:100px;
}

.a-front-hero .field--name-field-blk-bg-img img{
  width:100%;
  height:150px;
  inset:0;
  border-bottom:1px solid var(--a-primary-80);
  object-fit:cover;
}

.a-front-hero .field--name-field-blk-img {
  margin: 2rem 0;
  width:100%;
}

.a-front-hero .field--name-field-blk-img img{
  height:50px;
  width:auto;
  margin:0 auto;
  border-radius:0;
  box-shadow:0 0 10px #0003;
}

.a-front-hero .field--name-field-blk-hdr{
	display: block;
	width: fit-content;
	margin: 0 auto 2rem;
	padding: 1rem 2rem;
	color:#000;
	font-size:3rem;
	font-weight:500;
	letter-spacing: 0.2em;
	text-transform:uppercase;
	text-shadow:1px 1px 5px #0003;
}

.a-front-hero .field--name-field-blk-txt{
  width:960px;
  max-width:100%;
  margin:0 auto;
  font-size:1.2rem;
  font-weight:300;
  color: #fff;
  text-shadow: 1px 1px 2px #000;
  display:none;
}

.a-front-hero .field--name-field-blok-vrska a {
  display:block;
  width:fit-content;
  text-decoration:none;
  padding: 12px 30px;
  margin:2rem auto 0;
  color:#fff;
  border:1px solid #555;
  border-radius:5px;
  background:var(--a-accent-1);
  box-shadow:1px 1px 3px #0003;
  font-weight: 300;
  display:none;
}











/* - - - FRONT BOX 4 LINKS - - - */

.block-views-blocka-view-box-block-1{
	background: url(/sites/default/files/alfa/img/design/graybg-1.jpg) no-repeat center/cover;
}

.a-view-box-1 > .view-content{
  width:1000px;
  height:600px;
  display:grid;
  grid-template-columns: 480px 480px;
  grid-row: auto;
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  margin: 100px auto;
}
.a-view-box-1 > .view-content > .views-row > .teaser {
  display: block;
  width:100%;
  height:270px;
  position:relative;
  margin:0;
  padding:0;
}

.a-view-box-1 > .view-content > .views-row > .teaser:after {
	display:none;
}

.a-view-box-1 > .view-content > .views-row > .teaser header {
  display:none;
}

.a-view-box-1 > .view-content > .views-row:nth-child(1) > .teaser .a-comp-box-1 > div,
.a-view-box-1 > .view-content > .views-row:nth-child(1) > .teaser .field--name-field-links a{
  border-radius: 0 0 100px 0;
  box-shadow:0 0 5px #0002;
}

.a-view-box-1 > .view-content > .views-row:nth-child(2) > .teaser * {
  border-radius: 0 0 0 100px;
  box-shadow:0 0 5px #0002;
}

.a-view-box-1 > .view-content > .views-row:nth-child(3) > .teaser * {
  border-radius: 0 100px 0 0;
  box-shadow:0 0 5px #0002;
}

.a-view-box-1 > .view-content > .views-row:nth-child(4) > .teaser * {
  border-radius: 100px 0 0 0;
  box-shadow:0 0 5px #0002;
}

.a-comp-box-1 > div {
  display:block;
  position:absolute;
  inset:0;
  width:100%;
  height:270px;
  margin:0;
  padding:0;
}

.a-comp-box-1 .field--name-field-links a {
  display:flex;
  align-items: center;
  justify-content: left;
  width:100%;
  height:270px;
  font-size:2rem;
  line-height:1.3;
  text-decoration:none;
  padding-left:2rem;
  overflow:hidden;
  color:#fff;
  text-shadow:1px 1px 2px #0008;
  transition:all 0.3s ease-in-out;
}

.a-comp-box-1 .field--name-field-links:hover a {
  background:#fffc;
  backdrop-filter:blur(2px);
  color:var(--a-primary);
}

.a-view-box-1 > .view-content > .views-row:nth-child(even) .field--name-field-links a{
  justify-content: right;
  padding:0 2rem 0 0;
}

.a-view-box-1 .views-row .field--name-field-image{
  position:relative;
  overflow:hidden;
} 

.a-view-box-1 .views-row img{
  position:absolute;
  width:640px;
  max-width:unset;
  border-radius:0 !important;
}

.a-view-box-1 .views-row:nth-child(1) img,
.a-view-box-1 .views-row:nth-child(3) img{
  right:-160px;
  top:-35px;
}

.a-view-box-1 .views-row:nth-child(2) img,
.a-view-box-1 .views-row:nth-child(4) img{
  transform: scaleX(-1);
  left:-160px;
  top:-35px;
}




























/* - - - FRONT CTA LINE - - - */

.a-cta-line {
  background-color:#fff;
}

.a-block-cta,
.a-block-cta .a-comp-img-link-img,
.a-block-cta .a-comp-img-link-img img{
  width:100%;
  height:400px;
  margin:0;
  padding:0;
  object-fit:cover;
}

.a-block-cta{
  position:relative;
}

.a-block-cta .a-comp-img-link-img{
  position:absolute;
  inset:0;
  z-index:0;
}

.a-block-cta .field--name-field-blk-hdr {
  padding-top: 125px;
  width:100%;
  font-size:4rem;
  font-family: "Roboto","Neucha",Georgia,serif;
  letter-spacing: 10px;
  line-height:50px;
  font-weight:500;
  color:#000;
  text-transform:uppercase;
  border-top: 5px solid #000;
}

.a-block-cta .field--name-field-blok-poraka{
  position:absolute;
  top:160px;
  margin:0;
  font-size:1.8rem;
  line-height:50px;
  color:#999;
  width:100%;
}

.a-cta-line.a-block-left .field--name-field-blk-hdr,
.a-cta-line.a-block-left .field--name-field-blok-poraka,
.a-cta-line.a-block-right .field--name-field-blok-vrska .field__item{
  text-align: center;
}

.a-cta-line.a-block-right .field--name-field-blk-hdr,
.a-cta-line.a-block-right .field--name-field-blok-poraka,
.a-cta-line.a-block-left .field--name-field-blok-vrska .field__item{
  width: 50%;
  float: left;
}

.a-cta-line.a-block-center .field--name-field-blk-hdr,
.a-cta-line.a-block-center .field--name-field-blok-poraka,
.a-cta-line.a-block-center .field--name-field-blok-vrska .field__item{
  text-align:center;
}

.a-block-cta .field--name-field-blok-vrska{
  margin-top: 80px;
  top:135px;
  width:100%;
  height:55px;
  text-align: center;
}

.a-cta-line.a-block-center .field--name-field-blk-hdr{
  top: 70px;
}

.a-cta-line.a-block-center .field--name-field-blok-poraka{
  top: 120px;
}

.a-cta-line.a-block-center .field--name-field-blok-vrska{
  position:relative;
  top:200px;
}

.a-block-cta .field--name-field-blok-vrska a{
  position:relative;
  font-size:1.2rem;
  text-transform:uppercase;
  text-decoration:none;
  color:#000;
  padding:15px 50px;
  border:5px solid var(--a-accent-2);
  border-radius:10px;
  box-shadow:0 0 5px #0003;
  transition:all 0.3s ease-in-out;
}

/*.a-block-cta .field--name-field-blok-vrska a:before{
display:block;
position:absolute;
top:12px;
right:20px;
content:"→";
font-size:20px;
font-weight:900;
transition:all 0.3s ease-in-out;
z-index:1;
} */

.a-block-cta .field--name-field-blok-vrska a:hover{
  color:#fff;
  background-color:var(--a-accent-2);
}

.a-block-cta .field--name-field-blok-vrska a:hover::before{
  right:5px;
}





































































/* - - - FRONT CAROUSEL - - - */

.node--type-a-comp-img-link header {
  display:none;
}

.a-comp-img-link {
  display:block;
  position:relative;
  width:100px;
  height:100px;
  text-align:center;
  margin:0 auto;
  box-shadow:0 0 20px #0003;
  border-radius:50px;
}

.a-comp-img-link div{
  display:block;
  position:absolute;
  inset:0;
  width:100px;
  height:100px;
  margin:0;
}

.a-comp-img-link div a{
  display: flex;
  align-items: center;
  justify-content: center;
  font-size:0.8rem;
  line-height:1.3;
  text-align:center;
  width:100px;
  height:100px;
  overflow:hidden;
  color:transparent;
  border-radius:50px;
  transition:all 0.3s ease-in-out;
}

.a-comp-img-link:hover div a{
  color:#900;
  font-weight:500;
  background-color:#fff8;
  backdrop-filter:blur(2px);
}

.a-comp-img-link div svg{
  display:none;
}

.a-comp-img-link div img{
  display:block;
  width:100px;
  height:100px;
  vertical-align:middle;
  border-radius:50px;
}















/* - - - FRONT PROJECTs - - - */

.path-frontpage .block__title {
  text-align:center;
  font-size:2.3rem;
  font-weight:400;
  line-height: 1.3;
  color:#333;
  text-transform: uppercase;
  padding: 0;
  margin: 50px auto 25px;
}

.path-frontpage .view-a-project{
  width:1265px;
  max-width:100%;
  height:400px;
  margin:100px auto;
}

.path-frontpage .view-a-project .view-content{
  grid-template-columns: repeat(3, 1fr);
  gap:20px
}

.path-frontpage .view-a-project .views-row {
  width:100%;
  height:400px;
  padding:20px;
  border:1px solid #ccc;
  box-shadow:0 0 30px #00000015 
}

.path-frontpage .view-a-project .teaser__top {
    display: block;
    flex-wrap: unset;
    align-items: unset;
    margin: 0;
    gap: unset;
    margin-block-end: unset;
}

.path-frontpage .view-a-project .teaser__image {
  position: absolute;
  inset: 0;
  width:100%;
  height:360px;
  z-index:0;
}

.path-frontpage .view-a-project .teaser__image img{
  width:100%;
  height:360px;
  border-radius:0;
  filter: grayscale(1) contrast(2) opacity(0.5);
  transition: all 0.5s ease-in-out;
}

.path-frontpage .view-a-project .views-row:hover img{
  filter:none;
}

.path-frontpage .view-a-project .views-row .node__title a {
    padding-block-end:unset;
    transition:unset;
    -webkit-text-decoration: none;
    text-decoration: none;
    color:unset;
    background-color:unset;
    background-image:unset;
    background-repeat:unset;
    background-position:unset;
    background-size:unset;
  font-size:1.4rem;
  line-height:1;
  text-transform:uppercase;
  font-weight:100;
  color:var(--a-primary);
}

.path-frontpage .view-a-project .views-row .node__title{
  font-size:1.4rem;
  line-height:1;
  text-transform:uppercase;
  font-weight:100;
  color:var(--a-primary);
  transform: rotate(-90deg);
  display:inline;
  position: absolute;
  height: 0;
  width: 360px;
  inset: 0;
  left: -180px;
  top: 180px;
  z-index:1
}



.path-frontpage .view-a-project .views-row .field--name-field-project-type,
.path-frontpage .view-a-project .views-row .field--name-field-project-category {
  font-size:1.5rem;
  font-weight:600;
  text-align:right;
  z-index:3;
}

.path-frontpage .view-a-project .views-row .field--name-field-project-type{
  text-transform:uppercase;
  color:var(--a-accent-2);
  font-weight:100;
}















































.page-node-type-page .social-bar,
.page-node-type-article .social-bar {
  display:none;
}


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

.page-node-type-project .main-content,
.page-node-type-page_w_blocks .main-content,
.page-node-type-page .main-content,
.page-node-type-article .main-content {
  width:100%;
  position:relative;
  margin-bottom: 200px;
}

.page-node-type-project .main-content__container,
.page-node-type-page_w_blocks .main-content__container,
.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-project .a-article-header,
.page-node-type-page_w_blocks .a-article-header,
.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%;
  border-bottom:1px solid var(--a-primary-40);
  padding: 0px 0px 10px;
  margin-bottom: 50px;
}

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

.page-node-type-project .region--breadcrumb,
.page-node-type-page_w_blocks .region--breadcrumb,
.page-node-type-page .region--breadcrumb,
.page-node-type-article .region--breadcrumb {
  position:absolute;
  top: 459px;
  right:0;
  width:50%;
  height: 40px;
  z-index:2;
}

.breadcrumb li{
  display:inline-block;
  max-width:350px;
  text-overflow:ellipsis;
  overflow: hidden;
  white-space: nowrap;
  font-weight:500;
}

.page-node-type-project .block-system-breadcrumb-block,
.page-node-type-project .breadcrumb,
.page-node-type-page_w_blocks .block-system-breadcrumb-block,
.page-node-type-page_w_blocks .breadcrumb,
.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-project .breadcrumb,
.page-node-type-page_w_blocks .breadcrumb,
.page-node-type-page .breadcrumb,
.page-node-type-article .breadcrumb{
  padding:0 15px;
  text-align:right;
  font-weight:500;
}

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

.breadcrumb__item{
	text-transform:unset;
}

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

.page-node-type-project article.node--view-mode-full > header,
.page-node-type-page_w_blocks article.node--view-mode-full > header,
.page-node-type-page article.node--view-mode-full > header,
.page-node-type-article article.node--view-mode-full > header {
  position:absolute;
  top: 480px;
  left: calc(50% - 75px);
  z-index:1;
}

.page-node-type-project article.node--view-mode-full > header .node__meta,
.page-node-type-page_w_blocks article.node--view-mode-full > header .node__meta,
.page-node-type-page article.node--view-mode-full > header .node__meta,
.page-node-type-article article.node--view-mode-full > header .node__meta {
  display:none;
}

.page-node-type-project .a-article-header .field.field--name-field-project-period,
.page-node-type-page_w_blocks .a-article-header .field.field--name-published-at,
.page-node-type-page .field.field--name-published-at{
  display:block;
  position:absolute;
  width: 100px;
  height: 100px;
  padding: 0;
  font-size:0.8rem;
  color: var(--a-primary-30);
  background: var(--a-primary-90);
  border:1px solid var(--a-primary-80);
  border-radius: 50px;
  margin: 0 auto 0;
  bottom: -50px;
  left: 45%;
  text-align: center;
  line-height: 100px;
  z-index:10;
}


.page-node-type-page_w_blocks .field.field--name-published-at time,
.page-node-type-page .field.field--name-published-at time{
	visibility:hidden;
}

.page-node-type-page_w_blocks .a-article-header .field.field--name-published-at,
.page-node-type-page .field.field--name-published-at{
	display:none;
}

.page-node-type-project .a-article-header-text,
.page-node-type-project .a-article-header-img,
.page-node-type-page_w_blocks .a-article-header-text,
.page-node-type-page_w_blocks .a-article-header-img,
.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-project .a-article-header-img,
.page-node-type-page_w_blocks .a-article-header-img,
.page-node-type-page .a-article-header-img,
.page-node-type-article .a-article-header-img {
  height:500px;
}

.page-node-type-project .a-article-header-img .field--name-field-image,
.page-node-type-page_w_blocks .a-article-header-img .field--name-field-image,
.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(--a-primary-40);
  box-shadow:0 0 15px #0005;
  overflow: hidden;
  border-radius: 0 0 100px 0;
}

.page-node-type-project .a-article-header-img img,
.page-node-type-page_w_blocks .a-article-header-img img,
.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-project .node--view-mode-full .field--name-field-project-type,
.page-node-type-page_w_blocks .node--view-mode-full .field--name-field-page-category,
.page-node-type-page .node--view-mode-full .field--name-field-page-category,
.page-node-type-article .node--view-mode-full .field--name-field-art-category{
  margin:200px 0 20px 50px;
  font-size:1.5rem;
  color:var(--a-primary-40);
  font-weight:500;
  text-transform:uppercase;
}

.page-node-type-article .node--view-mode-full .field--name-field-art-category{
	margin:unset;
}

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

.block-page-title-block .page-title {
  font-size:2rem;
  font-weight:500;
  line-height: 1.1;
  text-align:center;
  width: 40%;
}

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

.page-node-type-project .node--view-mode-full .field--name-field-subtitle,
.page-node-type-page_w_blocks .node--view-mode-full .field--name-field-subtitle,
.page-node-type-page .node--view-mode-full .field--name-field-subtitle,
.page-node-type-article .node--view-mode-full .field--name-field-subtitle{
  display: -webkit-box;
  margin: 280px 0 0 50px;
  border:1px solid #eee;
  padding:10px;
  height:100px;
  max-height:100px;
  background-color:#0001;
  backdrop-filter: blur(5px);
  box-shadow:0px 0px 3px #0005;
  overflow: hidden;
  text-overflow: ellipsis;
   -webkit-line-clamp: 3;
   -webkit-box-orient: vertical;
}

.page-node-type-project .node--view-mode-full .field--name-field-project-type+.field--name-field-subtitle,
.page-node-type-page_w_blocks .node--view-mode-full .field--name-field-page-category+.field--name-field-subtitle,
.page-node-type-page .node--view-mode-full .field--name-field-page-category+.field--name-field-subtitle{
  margin-top: 50px;
}











.page-node-type-project .a-article-header,
.page-node-type-page_w_blocks .a-article-header{
  min-height:550px;
}

.page-node-type-project .region--content .block-views,
.page-node-type-page_w_blocks .region--content .block-views,
article.node--view-mode-full{
  display:grid;
  position:relative;
  z-index: 1;
}

.page-node-type-project article.node--view-mode-full:before,
.page-node-type-page_w_blocks article.node--view-mode-full:before{
  display:none;
}

.page-node-type-page_w_blocks article.node--view-mode-full:after{
  display:none;
}

.page-node-type-project .region--content .block-views .block__content,
.page-node-type-page_w_blocks .region--content .block-views .block__content {
  position: relative;
  top: 400px;
  min-width: 80ch;
  width: 100%;
  max-width: 1140px;
  min-height: 1000px;
  height: fit-content;
  margin:100px auto 200px;
  padding: 3rem 0;
  background-color:#fff;
  z-index: 1;
}

.page-node-type-page_w_blocks article.node--view-mode-full .a-article-content{
  max-width: 1265px;
  min-height: unset;
  margin:0 auto;
  padding: 3rem 0 0;
  background-color: unset;
  border: unset;
  border-radius:unset;
  box-shadow: unset;
  z-index: 1;
}

.page-node-type-project .region--content .block-views .block__content,
.page-node-type-page_w_blocks .region--content .block-views .block__content{
  max-width: 1265px;
  padding-top: 5rem;
  top: 310px;
  z-index: 1;
}





.page-node-type-page_w_blocks .node--view-mode-full .a-article-content:before,
.page-node-type-page_w_blocks .node--view-mode-full .a-article-content:after{
  display:none;
} 


.node--view-mode-full .field--name-field-lead-text,
.node--view-mode-full .field--name-field-project-category {
  width:960px;
  max-width:100%;
  min-height:100px;
  display:block;
  position:relative;
  margin:1rem auto;
  font-size: 1.25rem;
  font-weight:500;
  line-height: 1.3;
  text-align:justify;
  padding: 2rem 2rem 1rem;
  z-index: 1;
}

/*
.node--view-mode-full .field--name-field-lead-text::after {
  content:"TL;DR";
  display: block;
  position: absolute;
  top: 1rem;
  left:2rem;
  font-size: 1.5rem;
  font-weight:600;
  color:#fff;
  text-shadow:1px 1px 2px #0005;
  z-index: 2;
}

.node--view-mode-full .field--name-field-lead-text::before,
.node--view-mode-full .field--name-field-project-category::before {
  content:"";
  display:block;
  position:absolute;
  bottom:-10px;
  right:-10px;
  width:20px;
  height:20px;
  border:1px solid var(--a-primary-40);
  border-width:0 3px 3px 0;
}
*/

.node--view-mode-full .a-article-content .field--type-text-with-summary,
.node--view-mode-full .a-article-content .field--name-field-body2{
  width:960px;
  max-width:100%;
  padding:1rem;
  margin:0 auto 150px;
  line-height:1.5;
  font-weight:300;
  text-align: justify;
}

.node--view-mode-full .a-article-content .field--type-text-with-summary p,
.node--view-mode-full .a-article-content .field--name-field-body2 p{
	margin-block-start:0;
}

.node--view-mode-full .a-article-content .field--type-text-with-summary h3,
.node--view-mode-full .a-article-content .field--name-field-body2 h3{
	line-height:40px;
	padding-left:10px;
  border-left: 4px solid var(--a-accent-2);
  margin-block-end: 1rem;
}


/* - BODY H2 TITLES - */

.path-node article.node--view-mode-full .a-article-content h2 {
  position:relative;
  width:100%;
  font-size:2rem;
  font-weight:500;
  color:var(--a-primary-30);
  text-align:center;
  text-transform:uppercase;
  margin:150px auto 20px;
  padding:10px 20px 20px;
  text-shadow:1px 1px 3px #0003;
  border-bottom:1px solid #ddd;
}



.path-node article.node--view-mode-full .a-article-content h2:after {
  content:"";
  position:absolute;
  display:block;
  left:0;
  right:0;
  top:-10px;
  margin-inline:auto;
  width: 600px;
  max-width: 100%;
  border: 10px solid;
  border-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 11 11' width='11' height='11'><g fill='%23000'><rect width='1' height='5'/><rect x='10' width='1' height='5'/><rect width='5' height='1'/><rect x='6' width='5' height='1'/></g></svg>") 5;
}

.path-node article.node--view-mode-full .a-article-content h2:first-child{
  margin-top:50px;
}


/* - BLOCKQUOTE - */
.text-content blockquote,
.cke_editable blockquote{
  font-size:1.3rem;
  font-style:italic;
  line-height:1.3;
}


/* - POST VIDEO - */
.a-post-video .field--name-field-media-oembed-video{
  width:960px;
  height:540px;
  position:relative;
  margin: 3rem auto;
  display: block;
  border:1px solid #777;
  box-shadow:0 0 30px #0005;
}

.a-post-video .field--name-field-media-oembed-video:before{
  display:block;
  position:absolute;
  top:-50px;
  left:-50px;
  width:300px;
  height:300px;
  content:"";
  background-color: var(--a-primary-90);
  z-index:-1;
}

.a-post-video .field--name-field-media-oembed-video:after{
  display:block;
  position:absolute;
  top:380px;
  right:-50px;
  width:200px;
  height:200px;
  content:"";
  border:5px solid var(--a-primary-40);
  z-index:-1;
}

.a-post-video .field--name-field-media-oembed-video iframe{
  width:100%;
  height:100%;
}

.page-node-type-page .a-post-video,
.node--type-article.node--view-mode-full .a-post-video{
  margin-bottom: 150px;
}





/* - - - POST PAGE GALLERY - - - */

.field--name-field-gallery{
  display: grid;
  grid-template-columns: auto auto auto;
  background: url(/sites/default/files/alfa/img/design/graybg-1.jpg) no-repeat top right / cover;
  padding:5rem 2rem;
  border:1px solid var(--a-primary);
  border-width:1px 0;
  margin:100px auto;
}

.field--name-field-gallery .field__item {
  width:100%;
  padding:2rem 1rem;
}

.field--name-field-gallery .field__item img{
  width:320px;
  height:180px;
  object-fit:cover;
  margin:0 auto;
  border:1px solid #999;
  border-radius:3px;
  box-shadow:0 0 5px #0003
}







/* - - - DOCUMENTS LINKS AND DOcument VIEWS - - - */

.page-node-type-page .block-views,
.a-article-docs {
  position: relative;
  width:960px;
  max-width:100%;
  padding: 3rem 1rem;
  margin: 100px auto 50px;
  background: #fff;
  border:1px solid var(--a-primary-80);
  border-bottom-right-radius:60px;
  box-shadow:0 0 5px #0003;
  z-index: 5;
}

.page-node-type-page .block-views{
  margin:300px auto 100px;
}

.page-node-type-page .block-views .block__title,
.page-node-type-page .node--view-mode-full .a-article-content .field--name-field-documents .field__label,
.page-node-type-article .node--view-mode-full .a-article-content .field--name-field-documents .field__label {
  position:relative;
  display:block;
  font-size:1.5rem;
  font-weight:400;
  text-transform:uppercase;
  line-height: var(--line-height-base);
  color: var(--color-text-neutral-medium);
  width:fit-content;
  padding:1rem;
  margin:1rem auto;
  z-index:9
}

.page-node-type-page .block-views .block__title::before,
.page-node-type-page .block-views .block__title::after,
.page-node-type-page .node--view-mode-full .a-article-content .field--name-field-documents .field__label:before,
.page-node-type-page .node--view-mode-full .a-article-content .field--name-field-documents .field__label:after,
.page-node-type-article .node--view-mode-full .a-article-content .field--name-field-documents .field__label:before,
.page-node-type-article .node--view-mode-full .a-article-content .field--name-field-documents .field__label:after{
  content:"";
  position:absolute;
  top:10px;
  left:0;
  display:block;
  width:15px;
  height:10px;
  border:2px solid var(--a-primary-40);
  border-width:2px 0 0 2px;
  z-index:-1
}

.page-node-type-page .block-views .block__title::after,
.page-node-type-page .node--view-mode-full .a-article-content .field--name-field-documents .field__label:after,
.page-node-type-article .node--view-mode-full .a-article-content .field--name-field-documents .field__label:after {
  top:unset;
  left:unset;
  bottom:10px;
  right:0;
  border-width:0 2px 2px 0;
}

.page-node-type-page .block-views .view,
.page-node-type-page .node--view-mode-full .a-article-content .field--name-field-documents .field__items,
.page-node-type-article .node--view-mode-full .a-article-content .field--name-field-documents .field__items {
  margin:2rem;
  padding-bottom:2rem;
  border-bottom:1px solid #ddd;
}

.page-node-type-page .block-views .views-field-field-links ul{
  list-style:none;
  margin:0;
  padding-top:1rem;
}

.page-node-type-page .block-views .views-field-field-links li,
.page-node-type-page .node--view-mode-full .a-article-content .field--name-field-links,
.page-node-type-article .node--view-mode-full .a-article-content .field--name-field-links{
  padding-left:2rem;
  max-width:100%;
}

.page-node-type-page .block-views .views-field-field-links li,
.page-node-type-page .node--view-mode-full .a-article-content .field--name-field-documents .field__item,
.page-node-type-page .node--view-mode-full .a-article-content .field--name-field-links .field__item,
.page-node-type-article .node--view-mode-full .a-article-content .field--name-field-documents .field__item,
.page-node-type-article .node--view-mode-full .a-article-content .field--name-field-links .field__item{
  margin-bottom:10px;
}

.page-node-type-page .block-views .views-field-field-links li a,
.text-content table a,
.cke_editable table a,
.text-content ul a,
.cke_editable ul a,
.page-node-type-page .node--view-mode-full .a-article-content .field--name-field-documents .field__item a,
.page-node-type-page .node--view-mode-full .a-article-content .field--name-field-links .field__item a,
.page-node-type-article .node--view-mode-full .a-article-content .field--name-field-documents .field__item a,
.page-node-type-article .node--view-mode-full .a-article-content .field--name-field-links .field__item a{
  font-size:1.2rem;
  font-weight:300;
  text-decoration:none;
  box-shadow: none;
  color:#555;
  transition: all 0.3s ease-in-out;
}

.page-node-type-page .block-views .views-field-field-links li a:hover,
.text-content table a:hover,
.cke_editable table a:hover,
.text-content ul a:hover,
.cke_editable ul a:hover,
.page-node-type-page .node--view-mode-full .a-article-content .field--name-field-documents .field__item a:hover,
.page-node-type-page .node--view-mode-full .a-article-content .field--name-field-links .field__item a:hover,
.page-node-type-article .node--view-mode-full .a-article-content .field--name-field-documents .field__item a:hover,
.page-node-type-article .node--view-mode-full .a-article-content .field--name-field-links .field__item a:hover{
  border-bottom:1px solid var(--a-primary-40);
  color:var(--a-primary-40);
  text-decoration:none;
  box-shadow: none;
  padding-left:2px;
}



.a-baranja-info .view-content .views-row .views-field-title a{
  font-size:1.2rem;
  font-weight:400;
  text-transform:uppercase;
  color:#555;
  text-decoration:none;
  pointer-events: none;
  cursor: default;
}










































/* - - - GRID VIEW BLOCK - - - */
.page-node-type-page_w_blocks .block-views .a-news-cards{
  gap: 0;
  padding:20px 20px 200px;
}

.path-frontpage .block-views .a-news-cards{
  gap: 0;
  padding:50px 20px;
}

.path-frontpage .block-views .a-news-cards .grid,
.page-node-type-page_w_blocks .block-views .a-news-cards .grid{
  padding: 0 3% 70px;
}

.path-frontpage .block-views .a-news-cards article.teaser::after,
.page-node-type-page_w_blocks .block-views .a-news-cards article.teaser::after{
  display:none;
}
.path-frontpage .block-views .a-news-cards article.teaser .teaser__top,
.page-node-type-page_w_blocks .block-views .a-news-cards article.teaser .teaser__top{
  display:block;
}

.path-frontpage .block-views .a-news-cards article.teaser .teaser__meta,
.page-node-type-page_w_blocks .block-views .a-news-cards article.teaser .teaser__meta {
  display:none;
}

.path-frontpage .block-views .a-news-cards article.teaser .teaser__image,
.page-node-type-page_w_blocks .block-views .a-news-cards article.teaser .teaser__image {
  position: unset;
  inset-block-start: unset;
  inset-inline-start: unset;
   margin: 0 0 10px;
}

.path-frontpage .block-views .a-news-cards article.teaser .teaser__image img,
.page-node-type-page_w_blocks .block-views .a-news-cards article.teaser .teaser__image img{
  width:100%;
  height:220px;
  object-fit:cover;
  border-radius: 50px 5px 0 0;
  border-bottom: 1px solid #0002;
}

.path-frontpage .block-views .a-news-cards .grid__content,
.page-node-type-page_w_blocks .block-views .a-news-cards .grid__content {
  border:1px solid #ccc;
  border-radius: 50px 5px 5px 5px;
  box-shadow:0 0 5px #0003;
  height: 460px;
}

.path-frontpage .block-views .a-news-cards .grid__content:hover,
.page-node-type-page_w_blocks .block-views .a-news-cards .grid__content:hover {
  background-color:#f8f8f8;
  box-shadow:0 0 1px #0003;
  cursor:pointer;
}

.path-frontpage .block-views .a-news-cards .teaser__title,
.path-frontpage .block-views .a-news-cards .teaser__content,
.page-node-type-page_w_blocks .block-views .a-news-cards .teaser__title,
.page-node-type-page_w_blocks .block-views .a-news-cards .teaser__content {
  padding:0 15px;
}

.path-frontpage .block-views .a-news-cards .teaser__title,
.page-node-type-page_w_blocks .block-views .a-news-cards .teaser__title {
  display: -webkit-box;
  background:unset;
  background-image:unset;
  font-size: 1.13rem;
  line-height:1.3;
  color:#555;
  overflow:hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  max-width:100%;
  height:54px;
}

.path-frontpage .block-views .a-news-cards .teaser__content,
.page-node-type-page_w_blocks .block-views .a-news-cards .teaser__content {
  gap:5px;
}

.path-frontpage .field--name-published-at,
.page-node-type-page_w_blocks .field--name-published-at {
  position:absolute;
  display:block;
  width: unset;
  height:30px;
  color:#555;
  font-size:0.8rem;
  line-height:1;
  padding:9px 5px;
  right:0;
  top:0;
  border-bottom-left-radius:10px;
}

.path-frontpage .block-views .a-news-cards .teaser__top,
.page-node-type-page_w_blocks .block-views .a-news-cards .teaser__top {
  margin-bottom:5px;
}

.path-frontpage .block-views .a-news-cards .field.field--type-text-with-summary,
.page-node-type-page_w_blocks .block-views .a-news-cards .field.field--name-field-body{
  display: -webkit-box;
  font-size:1rem;
  font-weight:300;
  line-height:1.5;
  text-align:justify;
  overflow:hidden;
  text-overflow: ellipsis;
   -webkit-line-clamp: 5;
   -webkit-box-orient: vertical;
  max-width:100%;
  max-height:120px;
}





.page-node-type-page_w_blocks .block-views .pager__items{
  justify-content: center;
}

.path-frontpage .block-views .a-news-cards .pager {
  display:none;
}







/* - CONTACT FORMS - */

.contact-message-prijava-veshtaci-form .field--name-field-prijava-vestaci-druga-obl{
  transition:all 0.5s ease-in-out;
}




















/* - - - PAGE NEW CED - - - */

.layout-main-wrapper{
  min-height:800px;
}

.page-node-type-strana-ced{
  width:100%;
}

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

.page-node-type-strana-ced .main-content .main-content__container{
  width:100%;
  padding: 0;
  bo-rder:3px solid red
}

.page-node-type-strana-ced .main-content .main-content__container .sidebar-grid > .site-main {
  grid-column: 1 / -1;
}

.page-node-type-article .main-content .region--content-above,
.page-node-type-strana-ced .main-content .region--content-above,
.page-node-type-strana-ced .main-content .region--content{
  z-index:0;
}

.page-node-type-article .main-content .region--content-above,
.page-node-type-strana-ced .main-content .region--content-above{
  z-index: 2;
}


/* - PAGE CED HEADER - */
.page-node-type-strana-ced .a-article-header,
.page-node-type-article .a-article-header {
  display:block;
  position:relative;
  inset:0;
  width:100%;
  height:400px;
  max-height:100%;
  border-bottom:unset;
  padding: 0px;
  margin-bottom: 0;
  bo-rder:3px solid blue;
}

.page-node-type-strana-ced .a-article-header-img,
.page-node-type-article .a-article-header-img {
  display:block;
  width: 60%;
  padding:unset;
  height: 400px;
  vertical-align: unset;
  float: right;
  bo-rder:3px solid green;
}

.page-node-type-article .main-content .main-content__container .node--view-mode-full .a-article-header-img .field--name-field-image,
.page-node-type-strana-ced .main-content .main-content__container .node--view-mode-full .field--name-field-image{
  width:60%;
  height:400px;
  position:absolute;
  inset:0;
  left:auto;
  margin:0;
}

.page-node-type-article .main-content .main-content__container .node--view-mode-full .a-article-header-img .field--name-field-image img,
.page-node-type-strana-ced .main-content .main-content__container .node--view-mode-full .field--name-field-image img{
  width:93%;
  height:400px;
  position:absolute;
  inset:0;
  z-index:0;
}

.page-node-type-article .a-article-header-img .field--name-field-image{
  box-shadow:unset;
  border:unset;
  border-radius: unset;
}

.page-node-type-page .field.field--name-published-at{
  width: 40%;
  height: unset;
  color: #000;
  background: unset !important;
  border:unset;
  border-radius: unset;
  margin:unset;
  bottom: unset;
  top:360px;
  left: 0%;
  text-align: center;
  line-height: unset;
  z-index:10;
}

.page-node-type-strana-ced .a-article-header-text,
.page-node-type-article .a-article-header-text{
  display:block;
  width: 40%;
  padding: 0;
  height: 400px;
  vertical-align: unset;
  float: left;
}

.page-node-type-article .main-content .region--content-above .page-title,
.page-node-type-strana-ced .main-content .region--content-above .page-title{
  position:absolute;
  font-size: 2rem;
  text-align:center;
  width: 40%;
  color:#000;
  top: 10px;
  left: 0px;
  padding: 0px 7%;
}

.page-node-type-article .main-content .region--content-above .page-title{
  width: 60%;
  top: 0;
  left: 20px;
  margin: 0;
  font-size: 1.8rem;
  font-weight:400;
  padding:0 5px;
}

.page-node-type-strana-ced .main-content .region--content-above .page-title {
  text-transform:uppercase;
}

.page-node-type-strana-ced .node--view-mode-full .field--name-field-ced-page-desc{
  width:100%;
  font-weight:600;
  padding:100px 20px;
  text-align:center;
  margin-top: 50px;
}

.page-node-type-strana-ced .a-ced-hd-txt,
.page-node-type-article .a-article-header-text{
  display:block;
  position:absolute;
  width:30%;
  height:400px;
  inset:0;
  left:5%;
  border:3px solid var(--a-accent-2);
  background-color:#fff;
  z-index:1;
}


/* - PAGE CED BREADCRUMB - */
.page-node-type-article .main-content .region--breadcrumb,
.page-node-type-strana-ced .main-content .region--breadcrumb{
  position:absolute;
  z-index:1;
  width:50%;
  height:30px;
  top:370px;
  right:100px;
  color:#fff;
  text-shadow:1px 1px 0 #0003;
  di-splay:none;
}

.page-node-type-article .main-content .region--breadcrumb a,
.page-node-type-article .main-content .region--breadcrumb .breadcrumb__item:nth-child(n + 2)::before,
.page-node-type-strana-ced .main-content .region--breadcrumb a,
.page-node-type-strana-ced .main-content .region--breadcrumb .breadcrumb__item:nth-child(n + 2)::before{
  color:#fff;
  text-shadow:1px 1px 0 #0003;
  border-color:#fff
}





/* - PAGE CED SIDE MENU - */

.page-node-type-article .main-content .a-article-meta,
.page-node-type-article .main-content .region--sidebar,
.page-node-type-strana-ced .main-content .region--sidebar {
  position:absolute;
  z-index:1;
  top:500px;
  left:50px;
  display:block;
  grid-column:unset;
}

.page-node-type-article .main-content .a-article-meta{
  padding-left:25px;
}

.page-node-type-article .main-content .region--sidebar ul,
.page-node-type-strana-ced .main-content .region--sidebar ul{
  list-style:none;
}

.page-node-type-article .main-content .region--sidebar .menu__item a,
.page-node-type-strana-ced .main-content .region--sidebar .menu__item a{
  display:block;
  font-size:1.3rem;
  font-weight:300;
  text-decoration:none;
  color:#555;
  text-transform:uppercase;
  position:relative;
  padding-left:20px;
  padding-bottom:2rem;
  transition:all 0.3s ease-in-out;
}

.page-node-type-article .main-content .region--sidebar .menu__item a:before,
.page-node-type-strana-ced .main-content .region--sidebar .menu__item a:before{
  display:block;
  position:absolute;
  inset:0;
  width:20px;
  height:20px;
  content:"▸";
  font-size:20px;
  line-height:20px;
  color:var(--a-accent-2);
  vertical-align:middle;
}

.page-node-type-article .main-content .region--sidebar .menu__item a:hover,
.page-node-type-strana-ced .main-content .region--sidebar .menu__item a:hover{
  color:#65a;
  padding-left:30px;
}


/* - PAGE CED BODY - */

article.node--view-mode-full .a-article-content,
.page-node-type-strana-ced .main-content .field--name-field-body{
  position: relative;
  z-index:1;
  top: 100px;
  left: 35%;
  border-left:1px solid #777;
  padding-left: 75px;
  width: 60%;
}

.page-node-type-article .main-content .field--name-field-body h3:first-of-type,
.page-node-type-strana-ced .main-content .field--name-field-body h3:first-of-type{
  margin-top:0;
}

.page-node-type-article article.node--view-mode-full:before,
.page-node-type-article article.node--view-mode-full:after,
.page-node-type-strana-ced article.node--view-mode-full:before,
.page-node-type-strana-ced article.node--view-mode-full:after{
  display:none;
}

.page-node-type-article .main-content__container,
.page-node-type-strana-ced .main-content__container{
  max-width:unset;
}

.a-ced-page-content h3{
  position:relative;
  margin:4rem 0 1rem;
}

.a-ced-page-content h3:before{
  content:"";
  display:block;
  width:20px;
  height:20px;
  background-color:#fa2;
  position:absolute;
  left:-120px;
  top:5px;
  z-index:1;
}

.a-ced-page-content .text-content p,
.a-ced-page-content .cke_editable p {
  margin-block-start: 0;
}

.page-node-type-strana-ced .main-content .a-news-stripes{
  top: 0 !important;
  padding-left: 90px;
}

.page-node-type-article .node--view-mode-full .field--name-field-subtitle{
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
  margin: 200px 0 0 !important;
  border: unset;
  padding:unset;
  height:100px;
  max-height:100px;
  width: 100%;
  font-weight:400;
  line-height: 1.5;
  padding: 0 10%;
  text-align:center;
  background-color:unset;
  backdrop-filter: unset;
  box-shadow:unset;
}

.node--view-mode-full .a-article-content .field--type-text-with-summary,
.node--view-mode-full .a-article-content .field--name-field-body2{
  padding:0 ;
}

.node--view-mode-full .field--name-field-lead-text,
.node--view-mode-full .field--name-field-project-category {
  margin-top:0;
  padding-top: 0;
}





/* - - - PAGE CED POVICI - - -  */
.page-node-type-strana-ced .main-content .a-news-stripes{
  position: relative;
  z-index:1;
  top: 400px;
  left: 35%;
  border-left:1px solid #777;
  padding-left: 75px;
  width: 60%;
}

.page-node-type-strana-ced .main-content .a-news-stripes{
  display:block;
}

.page-node-type-strana-ced .a-news-stripes .view-content{
  display:block;
}

.page-node-type-strana-ced .a-news-stripes .view-content .views-row{
  border:1px solid #ccc;
  margin-bottom:50px;
}

.page-node-type-strana-ced .a-news-stripes .views-row .teaser .teaser__title a span{
  -webkit-line-clamp: 4;
  height:130px;
  max-height:130px;
}

.page-node-type-strana-ced .a-news-stripes.view-a-povici .views-row .teaser .field--name-field-kraen-rok{
  display:block;
  margin-left: 320px;
  padding: 20px;
}

.page-node-type-project .main-content,
.page-node-type-page_w_blocks .main-content,
.page-node-type-page .main-content,
.page-node-type-article .main-content {
  margin-bottom: 0px;
}









/* - - - PAGE CED POVICI - - -  */
.page-node-type-strana-ced .main-content .a-news-stripes{
  position: relative;
  z-index:1;
  top: 400px;
  left: 35%;
  border-left:1px solid #777;
  padding-left: 75px;
  width: 60%;
}

.page-node-type-strana-ced .main-content .a-news-stripes{
  display:block;
}

.page-node-type-strana-ced .a-news-stripes .view-content{
  display:block;
}

.page-node-type-strana-ced .a-news-stripes .view-content .views-row{
  border:1px solid #ccc;
  margin-bottom:50px;
}

.page-node-type-strana-ced .a-news-stripes .views-row .teaser .teaser__title a span{
  -webkit-line-clamp: 4;
  height:130px;
  max-height:130px;
}

.page-node-type-strana-ced .a-news-stripes.view-a-povici .views-row .teaser .field--name-field-kraen-rok{
  display:block;
  margin-left: 320px;
  padding: 20px;
}




















































/* - - - NEWS STRIPES CED - - - */
.page-node-type-strana-ced .a-page-ced-news{
  margin-top: 0px;
}


.a-news-stripes .views-row{
  background-color:#fff;
  box-shadow: inset 0 2px 6px 0 rgba(0,0,0,.12);
  box-shadow: 0 2px 6px 0 rgba(0,0,0,.12);
  width:100%;
  height:250px;
  max-height:100%;
}

.a-news-stripes .views-row:hover{
  background-color:#f8f8f8;
}

.a-news-stripes .views-row .teaser{
  width:100%;
  height:250px;
  max-height:100%;
}

.a-news-stripes .views-row .teaser .teaser__meta {
  display:none;
}

.a-news-stripes .views-row .views-field-field-image,
.a-news-stripes .views-row .teaser .teaser__image {
  width:320px;
  max-width:100%;
  height:250px;
  inset-inline-start:0;

}

.a-news-stripes .views-row .views-field-field-image{
  margin-top:-137px
}

.a-news-stripes .views-row .views-field-field-image img,
.a-news-stripes .views-row .teaser .teaser__image img{
  width:100%;
  height:248px;
  border-radius:unset;
  object-fit:cover;
}
  
.a-news-stripes .views-row .views-field-field-links,
.a-news-stripes .views-row .teaser .teaser__title {
  position:relative;
  width:640px;
  margin-left:320px;
}

.a-news-stripes .views-row .views-field-field-links{
  margin-top:-250px;
}

.a-news-stripes .views-row .views-field-field-links a,
.a-news-stripes .views-row .teaser .teaser__title a{
  position:absolute;
  display:block;
  font-size:1.5rem;
  font-weight:400;
  line-height:1.1;
  height:100px;
  width:420px;
  color:#000 !important;
  z-index:5;
  text-decoration:none;
}

.a-news-stripes .views-row .views-field-field-links a,
.a-news-stripes .views-row .teaser .teaser__title a span{
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  height:100px;
  max-height:100px;
  padding:20px;
}

.a-news-stripes .views-row .teaser .teaser__top{
  margin:0;
}

.a-news-stripes .views-row .views-field-field-art-category,
.a-news-stripes .views-row .teaser .teaser__content{
  display:block;
  margin-top: 122px;
  gap:unset;
}

.a-news-stripes .views-row .views-field-field-art-category,
.a-news-stripes .views-row .teaser .field--name-field-art-category{
transform: rotate(-90deg);
width:250px;
margin:-10px 0 0 -140px;
text-align:center;
text-transform:uppercase;
}

.a-news-stripes .views-row .views-field-field-art-category{
  margin:110px 0px 0px -140px;
  background-color:#f5f5f5;
}

.a-news-stripes .views-row .teaser .field--name-published-at{
  display:block;
  margin: -20px 0 0 320px;
  padding: 0 20px;
}

.a-news-stripes .views-row .teaser::after{
  display:none;
}

.a-news-stripes .views-row .teaser .field--name-field-body{
  position: unset;
  width: 420px;
  margin: 10px 0 0 320px;
  border: unset;
  padding: 5px 20px;
  line-height:1.3;
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  height:80px;
  max-height:80px;
  color: #555;
}















a{
  transition:all 0.3s ease-in-out;
}
/* - - - FOOTER INFO - - - */

.site-footer {
  background: #fff;
  border-top: 1px solid #000;
}

body .page-wrapper .site-footer {
  border-inline-start:0;
}

.page-wrapper footer .site-footer__inner {
  max-width:1265px;
  padding:0!important;
  margin:0 auto;
}

.a-footer-info svg{
  display:none;
}

.a-footer-info{
	width:100%;
	max-width:400px;
}

.a-footer-info a{
  font-size:1rem;
  text-decoration:none;
  color:#555;
}

.a-footer-info .field--name-field-blk-img{
  margin:1rem 0!important;
}

.a-footer-info .field--name-field-blk-img img{
  height:100px;
  width:auto;
}
.a-footer-info .field--name-field-blk-txt{
  font-size:1.6rem;
  font-weight:400;
  color:#fff;
  margin-bottom:1rem;
}
.a-footer-info .field--name-field-blk-link a{
  font-size:1rem;
  text-decoration:none;
  color:#555;
}

.a-footer-info  a:hover{
  color:#65a;
}

.a-footer-info > .block__content > div{
  margin-bottom:5px;
}

.a-footcol-1 p{
  font-size:1rem;
  text-align:left;
}



/* - - - FOOTER MENUS - - - */
footer .toolbar-block{
  margin-top: 130px;
}

footer .toolbar-block__list a:before{
    display: none;
}

footer .toolbar-button--collapsible .toolbar-button__label{
  position:unset;
  width: 100%;
  height: 30px;
  clip-path: unset;
  opacity: unset;
  font-size: 1.5rem;
  font-variation-settings: normal;
  font-weight: 300;
  color: #555;
  margin-bottom: 10px;
}

footer .toolbar-button--collapsible:hover .toolbar-button__label{
  color:#65a
}



#block-olivero-afooter2 {
  padding-top:50px;
  color:#555;
}

#block-olivero-afooter1 {
  padding-top:50px;
}
#block-olivero-afooter1 img{
  margin:0;
}

#block-olivero-afooter1 p {
  margin-top: 10px;  
}

#block-olivero-afooter2 strong{
  font-weight:600;
  color:#000;
}
.site-footer .text-content *{
  color:#333;
}

.site-footer .text-content a{
  color:#000;
}


.a-footcol-3 a{
  display:inline-block;
  width:30%;
  margin-top: 50px;
}

.a-footcol-3 a img{
  width:50px;
  /*box-shadow:0 0 10px #0003;*/
  /*border-radius:50%;*/
  margin:0 auto;
  filter: saturate(0.0);
}















/* - ALFA CSS MEDIA QUERIES - */
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */





/* - MONITOR/LAPTOP 1280-1366-1600 - */
@media only screen and (min-width: 1280px) {
	
.a-front-block-flipcard:first-child{
  margin-left: 4px;
}

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

.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;
}

body .site-branding--bg-white{
  background-color:#fff;
}

.site-branding__inner {
  height:50px;
}

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

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

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;
}


/* - - - NAV MENU - - - */
body:not(.is-always-mobile-nav) .primary-nav__button-toggle .icon--menu-toggle::after,
.primary-nav__button-toggle .icon--menu-toggle {
  left: 50%;
  width: 5px;
  height: 5px;
}

body:not(.is-always-mobile-nav) .primary-nav__menu-link--level-1{
  font-size:1rem;
  font-weight:400;
  text-transform:uppercase;
}

body:not(.is-always-mobile-nav) .primary-nav__menu-🥕 {
  top:90px;
}

body:not(.is-always-mobile-nav) .primary-nav__menu--level-2 {
  top: 100px;
  min-width:300px;
  padding: 1rem;
  border:1px solid #6008;
  box-shadow:0 1px 5px #0003;
}

body:not(.is-always-mobile-nav) .primary-nav__menu--level-2:nth-child(4){
  min-width:350px;
}

body:not(.is-always-mobile-nav) .primary-nav__menu-item--level-2{
  margin:0;
  padding:0;
  border-bottom: 1px solid #0002;
}

body:not(.is-always-mobile-nav) .primary-nav__menu-item--level-2:last-child{
  border-bottom:none;
}

body:not(.is-always-mobile-nav) .primary-nav__menu-link--level-2 .primary-nav__menu-link-inner{
  display:block;
  width:100%;
  padding: 0;
  height:40px;
  overflow:hidden;
}

body:not(.is-always-mobile-nav) .primary-nav__menu-link .ext {
  display:none
}

.site-branding.site-branding--bg-white{
  background-color:#fff
}






} /* - - - - - / END MONITOR/LAPTOP  - - - - -  */



/* - MONITOR 1600-1920 - */
@media only screen and (min-width: 1600px) {

.a-front-block-flipcard:first-child{
  margin-left: 4px;
}






}











/* - MONITOR 2k/4k/5k - */

@media only screen and (min-width: 2560px) {






}















/* - Large Tablet 1024-1280 - */
@media only screen and (min-width: 1024px) and (max-width: 1279px){





}


/* - - - - - - - - - - MOBY landscape - TABLET 768 - 1024 - - - - - - - - - - */
@media only screen and (min-width: 768px) and (max-width: 1023px){
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
}	
	
	
/* - - - - - - - - - - MOBY < 768 - - - - - - - - - - */
@media only screen and (max-width: 767px){







body {
  color: #333;
  background-color: #fff;
  background-image:unset;
}


.mobile-nav-button{
  margin:0 !important;
}









/* - MOBY MENU - */

.primary-nav__menu--level-1 > .primary-nav__menu-item--level-1 > .primary-nav__menu-link{
  font-size:1.5rem;
  font-weight:400;
  line-height:1.3
}

.primary-nav__menu--level-1 .primary-nav__menu-item{
  padding-bottom:15px;
  border-bottom:1px solid #ddd;
}

.primary-nav__menu--level-1 .primary-nav__menu-item:last-child{
  border-bottom:none;
}

.primary-nav__menu--level-2.is-active-menu-parent {
  margin-block-start: 10px;
  margin-inline-start: 0;
  padding-inline-start: 10px;
}



.page-node-type-page .a-article-content,
.page-node-type-article .a-article-content,
article.node--view-mode-full,
article.node--view-mode-full .node__content,
article.node--view-mode-full .node__content .a-article-content{
  max-width:100% !important;
  height: 100%;
}

.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: block;
  position: absolute;
  width: 100%;
  padding: 0;
  height: 100%;
}

.page-node-type-page .a-article-header-img,
.page-node-type-article .a-article-header-img {
  height: 270px;
  top: 0px;
}

.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: 0px;
  width: 100%;
  height: 100%;
  box-shadow:0px 1px 5px #0005;
}

.page-node-type-page .a-article-header-img img,
.page-node-type-article .a-article-header-img img{
  position:absolute;
  width: 100%;
  height: 100%;
}

.page-node-type-page .a-article-header,
.page-node-type-article .a-article-header {
  top: 0px;
  width: 100%;
  height: 320px;
  max-height: unset;
  border: none;
}


.page-node-type-page .region--content-above,
.page-node-type-article .region--content-above{
  inset: 0px;
  top: 10px;
  width: 100%;
  text-align:center;
}

body #block-olivero-page-title {
  height: 130px;
}

body.path-frontpage .block-page-title-block{
  display:none;
}

.block-page-title-block .page-title {
  font-size:1.7rem;
  font-weight:400;
  line-height: 1.1;
  padding: 5px;
  text-shadow: 1px 1px 3px #fff;
}

.page-node-type-page .node--view-mode-full .field--name-field-page-category{
  display:none;
}

.page-node-type-page .node--view-mode-full .field--name-field-subtitle,
.page-node-type-article .node--view-mode-full .field--name-field-subtitle{
  margin: 0px;
  top:0;
  border:none;
  padding:5px;
  height: 100px;
  max-height: 100px;
  background-color:#0008;
  backdrop-filter: blur(5px);
  box-shadow:none;
  color:#fff;
  line-height:1.1;
}

.page-node-type-page .node--view-mode-full .field--name-field-page-category+.field--name-field-subtitle,
.page-node-type-article .node--view-mode-full .field--name-field-art-catcategory+.field--name-field-subtitle{
  margin-top: unset;
  position: absolute;
  top: 170px;
  z-index: 2;
  border-radius: 0 0 100px 0;
  padding: 5px 30px 5px 5px;
   -webkit-line-clamp: 5;
}


/* - Header Node Date - */
.page-node-type-page .field.field--name-published-at{
  position:absolute;
  width: 45px;
  height: unset;
  padding: 2px;
  background: unset;
  border:none;
  border-radius: unset;
  margin: 0 auto 0;
  top: 242px;
  bottom: unset;
  left: unset;
  right: -8px;
  line-height: 1;
  font-size: 14px;
  text-shadow: 1px 1px 1px #fff;
  text-align: center;
  color: var(--a-primary-40);
  z-index: 10;
}



/* - BREADCRUMB - */
.page-node-type-page .region--breadcrumb,
.page-node-type-article .region--breadcrumb {
  top: 270px;
  left:0;
  height: 40px;
  max-width: 100%;
  background-color:#eee;
}
.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:20px;
  overflow: hidden;
}

.page-node-type-page .breadcrumb,
.page-node-type-article .breadcrumb{
  padding: 2px;
  text-align:left;
  font-weight:400;
}

.breadcrumb__list {
  text-align: left;
  font-size: 0.6rem;
}

.breadcrumb__item:nth-child(n + 2)::before {
  width: 5px;
  height: 5px;
  margin-inline: 2px;
}






/* - MOBY NODE CONTENT - */
article.node--view-mode-full  .a-article-content {
  position: relative;
  top:320px;
  min-width: 100%;
  max-width: 100%;
  min-height: 300px;
  margin:30px auto 50px;
  padding: 20px 0;
  background-color:#fff;
  z-index: 1;
}


/* - NODE LEAD TEXT - */
.node--view-mode-full .field--name-field-lead-text,
.node--view-mode-full .field--name-field-project-category{
  width:calc(100% - 20px);
  min-height: 100px;
  margin:0px auto 15px;
  font-size: 1rem;
  font-weight:400;
  line-height: 1.2;
  padding: 25px 15px 15px;
  z-index: 1;
}

.node--view-mode-full .field--name-field-lead-text::after,
.node--view-mode-full .field--name-field-project-category::after {
  top: 5px;
  left:20px;
  font-size: 1.1rem;
  font-weight:500;
}


/* - NODE BODY - */
.node--view-mode-full .a-article-content .field--type-text-with-summary,
.node--view-mode-full .a-article-content .field--name-field-body2 {
  width: 100%;
  margin: 0 auto 50px;
}






/* - - - POST PAGE GALLERY - - - */

.field--name-field-gallery{
  padding:50px 5px;
  margin:50px auto;
}

.field--name-field-gallery .field__item {
  width:100%;
  padding:5px;
}

.field--name-field-gallery .field__item img{
  width:100px;
  height:100px;
}




/* - - - DOCUMENTS AND LINKS - - - */

.a-article-docs {
  width:100%;
  padding: 1rem;
  margin: 50px auto;
  border-bottom-right-radius:40px;
}

.page-node-type-page .node--view-mode-full .a-article-content .field--name-field-documents .field__label,
.page-node-type-article .node--view-mode-full .a-article-content .field--name-field-documents .field__label {
  font-size:1.2rem;
}

.page-node-type-page .node--view-mode-full .a-article-content .field--name-field-documents .field__items,
.page-node-type-article .node--view-mode-full .a-article-content .field--name-field-documents .field__items {
  margin:20px 0;
}

.page-node-type-page .node--view-mode-full .a-article-content .field--name-field-links,
.page-node-type-article .node--view-mode-full .a-article-content .field--name-field-links{
  padding-left:0;
}

.text-content table a,
.cke_editable table a,
.text-content ul a,
.cke_editable ul a,
.page-node-type-page .node--view-mode-full .a-article-content .field--name-field-documents .field__item a,
.page-node-type-page .node--view-mode-full .a-article-content .field--name-field-links .field__item a,
.page-node-type-article .node--view-mode-full .a-article-content .field--name-field-documents .field__item a,
.page-node-type-article .node--view-mode-full .a-article-content .field--name-field-links .field__item a{
  font-size:1rem;
  line-height:1.1;
}



 






/* - FRONT PAGE - */

body.path-frontpage .block-page-title-block{
  display:none;
}

.path-node .region--content{
  margin-block-end: 0px;
}

.path-frontpage .main-content__container{
  width:100%;
  max-width:100%;
  padding: 50px 10px !important;
}

.view-display-id-page_1 .teaser__title {
  font-size: 1.2rem;
  font-weight:500;
  line-height: 1.3;
}

.view-display-id-page_1 .teaser__content {
  gap: 0;
}

.view-display-id-page_1 .field--name-published-at{
  text-align:center;
  font-size:1rem;
  color:var(--a-primary-30);
}

.view-display-id-page_1 .teaser__content .field--name-field-body{
  font-size:1rem;
  line-height:1.5;
  text-align:justify;
}
















/* - MOBY V2 -*/

/* - MOBY - FRONT HERO - */
.a-front-hero .field--name-field-blk-hdr {
  font-size: 2rem;
  line-height:1.1;
  padding:10px;
  width:250px;
  margin-bottom:1rem;
}

.a-front-hero .field--name-field-blk-txt {
  width: 98%;
  font-size: 1.1rem;
  line-height:1.3;
  margin-bottom:1rem;
}

.a-front-hero .field--name-field-blok-vrska a {
  margin: 1rem auto 0;
}


/* - MOBY - FRONT CTA - */
.a-cta-line.a-block-right .field--name-field-blk-hdr, .a-cta-line.a-block-right .field--name-field-blok-poraka, .a-cta-line.a-block-left .field--name-field-blok-vrska .field__item,
.a-cta-line.a-block-left .field--name-field-blk-hdr, .a-cta-line.a-block-left .field--name-field-blok-poraka, .a-cta-line.a-block-right .field--name-field-blok-vrska .field__item {
  text-align: center;
  padding: unset;
}

.a-block-cta .field--name-field-blk-hdr {
  top: 1rem;
  left:unset;
  font-size: 2rem;
  text-align:center;
  width:100%;
}

.a-block-cta .field--name-field-blok-poraka {
  top: 70px;
  font-size: 1.5rem;
  line-height:1.3;
}

.a-block-cta .field--name-field-blok-vrska {
  position: absolute;
  top: 200px;
  width: 100%;
  height: 55px;
}


/* - MOBY - FOOTER - */
.a-footer-info{
  text-align:center;
}
.a-footer-info .field--name-field-blk-img img{
  margin:1rem auto;
}

/* - MOBY POST FULL - */
.block-page-title-block .page-title span {
  max-width: 95%;
}
.page-node-type-page .a-article-header-img,
.page-node-type-article .a-article-header-img {
  height: 200px;
}

.page-node-type-page .node--view-mode-full .field--name-field-page-category+.field--name-field-subtitle,
.page-node-type-article .node--view-mode-full .field--name-field-art-catcategory+.field--name-field-subtitle{
  top: 100px;
}

.page-node-type-article .a-article-header-text{
  display:none;
}

.page-node-type-page .field.field--name-published-at {
  width: 100%;
  top: 210px;
}

.page-node-type-page .region--breadcrumb,
.page-node-type-article .region--breadcrumb{
  display:none;
}

article.node--view-mode-full .a-article-content {
  top: 210px;
}









/* - - - - - CED MOBY - - - - - */

/* - MOBY CED FRONT SLIDER - */

.layout-main-wrapper {
  min-height: 300px;
}

.a-front-block-flipcard {
  width: 32.5%;
}

.a-front-block-flipcard,
.a-flip-card-inner,
.a-front-block-flipcard .a-flip-card-front,
.a-front-block-flipcard .a-flip-card-back,
.a-front-block-flipcard .a-flip-card-front img{
  height: 40vh;
}

.a-front-block-flipcard .a-flip-card-back{
  top:-40vh;
}

.a-front-block-flipcard:first-child {
  margin-left: 0px;
}


.a-front-block-flipcard .a-flip-card-front .field--name-field-blk-hdr {
  font-size: 0.8rem;
  font-weight: 400;
  bottom: unset;
  left: unset;
  top:18vh;
  text-align:center;
  text-shadow: 1px 1px 2px #eee;
}

.a-front-block-flipcard:nth-child(3) .field--name-field-blk-bg-img:before{
  font-size:0.6rem;
  line-height:1;
  bottom:5px;
  right:unset;
  left:30px;
}

.a-front-block-flipcard .a-flip-card-back .field--name-field-blok-vrska a{
  font-size:50px;
  font-weight:600;
  line-height:50px;
  width: 80px;
  height: 50px;
  vertical-align:middle;
  padding:0;
}



/* - MOBY CED FRONT ABOUT - */
.a-front-hero .a-group-txt {
  margin-top: 0px;
}

.a-front-hero .field--name-field-blk-hdr {
  font-size: 2rem;
  line-height: 1.3;
  width: 100%;
  margin-bottom: 0;
}

.block-views-block0-vesti-block-2 {
  margin: 0px
}

.path-frontpage .block__title {
  font-size: 1.8rem;
  margin: 0 auto 25px;
}













/* - MOBY CED FRONT CTA - */
.a-cta-line .a-block-cta .field--name-field-blk-hdr {
  font-size:2rem;
  letter-spacing: unset;
  line-height:1.3;
  padding-top:30px;
}

.a-block-cta,
.a-block-cta .a-comp-img-link-img,
.a-block-cta .a-comp-img-link-img img{
  height:250px;
}

.a-block-cta .field--name-field-blok-vrska{
  top:70px;
  width:100%;
  height:55px;
  text-align: center;
}

.a-block-cta .field--name-field-blok-vrska a{
  font-size:0.8rem;
  padding:10px 5px;
  border-width:2px;
  border-radius:5px;
}











/* - MOBY CED PAGE HEADER - */
.page-node-type-article .layout-main-wrapper,
.page-node-type-strana-ced .layout-main-wrapper{
  z-index: 0;
}
.page-node-type-article .main-content .region--content-above .page-title,
.page-node-type-strana-ced .main-content .region--content-above .page-title {
  width: 100%;
  padding: 0px 15px;
  z-index: 1;
}
body #block-olivero-page-title {
  height: 0px;
}

.block-page-title-block .page-title span {
  max-width: 100%;
}

.page-node-type-article .main-content .region--content-above,
.page-node-type-strana-ced .main-content .region--content-above {
  position:relative;
  z-index: 2;
}

.page-node-type-strana-ced .a-article-header-img, .page-node-type-article .a-article-header-img,
.page-node-type-article .main-content .main-content__container .node--view-mode-full .a-article-header-img .field--name-field-image,
.page-node-type-strana-ced .main-content .main-content__container .node--view-mode-full .field--name-field-image,
.page-node-type-article .main-content .main-content__container .node--view-mode-full .a-article-header-img .field--name-field-image img,
.page-node-type-strana-ced .main-content .main-content__container .node--view-mode-full .field--name-field-image img{
  width: 100%;
  height: 50vh;
  float: unset;
  inset:0;
  z-index:-1
}

.page-node-type-strana-ced .node--view-mode-full .field--name-field-ced-page-desc{
  width:100%;
  padding:100px 20px;
  margin-top: 50px;
}

.page-node-type-strana-ced .a-ced-hd-txt,
.page-node-type-article .a-article-header-text{
  width:90%;
  height:45vh;
  inset:0;
  left:5%;
  top:2.5vh;
  z-index:0;
  padding:20px
}

.page-node-type-article .main-content .a-article-meta,
.page-node-type-article .main-content .region--sidebar,
.page-node-type-strana-ced .main-content .region--sidebar,
.page-node-type-article .main-content .region--breadcrumb,
.page-node-type-strana-ced .main-content .region--breadcrumb{
  display:none;
}

article.node--view-mode-full .a-article-content,
.page-node-type-strana-ced .main-content .field--name-field-body {
  top: 50px;
  left: 5%;
  padding-left: 5%;
  width: 90%;
}

.a-ced-page-content h3:before {
  width: 10px;
  height: 10px;
  left: -11%;
  top: 7px;
  z-index: 1;
}

article.node--view-mode-full .node__content .a-article-content p{
  max-width: 90% !important;
}














/* - MOBY CED FOOTER - */
#block-olivero-afooter1 {
  margin-bottom: 20px;
}
#block-olivero-afooter1 img,
#block-olivero-afooter1 p{
  text-align:center;
  margin:1rem auto;
}

#block-olivero-afooter2 {
  padding: 0;
  margin:0
}

#block-olivero-afooter2 img{
  width:90%;
  max-width:400px;
  margin:0 auto;
}

}