/* - ODK COLORS - */
:root {

  --a-theme-1: #444; /*dark gray*/
  --a-theme-2: #fc4; /*yellow*/
  --a-theme-2t: #fc48; /*yellow*/
  --a-theme-3: #666; /*gray*/
  --a-theme-4: #ccc;/*dark red*/
  --a-theme-5: #eee;/*dark red*/
}

.a-bg-theme-2t{
	background-color:var(--a-theme-2t);
}

.a-bg-theme-5{
	background-color:var(--a-theme-5);
}

.page-node-type-strana_so_sekcii .field--name-field-sec-link-icons .field--name-field-sec-link-a a {
  color:#600 !important;
}







/* - ADMIN EDIT PRIMARY TABS - */
.user-logged-in .region-header .tabs {
  position: fixed;
  display: block;
  top: 30vh;
  left:0;
  max-width:100px;
  z-index: 5;
  background-color: unset;
}

.user-logged-in .region-header .tabs .nav-tabs{
  position:relative;
  left:-95%;
  background-color: #f5f5f5;
  box-shadow:0px 0px 10px #0008;
  transition: all 0.33s ease-in-out;
}

.user-logged-in .region-header .tabs:hover .nav-tabs{
  position:relative;
  left:0px;
}

.user-logged-in .region-header .tabs .nav-tabs li {
  width:100%;
  text-align:center;
  border-bottom:1px solid #ddd;
  border-right:3px solid #fa5;
  margin:0;
}

.user-logged-in .region-header .tabs .nav-tabs li a{
  font-size:1.2rem;
  line-height:20px;
  padding:5px;
  margin:0;
}

.a-head .region-header .tabs--primary a{
  color:#555;
}

.a-head .region-header .tabs--primary li.active a,
.a-head .region-header .tabs--primary li:hover a{
  background-color:#fff;
  color:#000;
}




/* - WEB 2.0 - TEMP - */
.path-personal .view-a-nastavnici .views-row:hover .views-field-body {
    opacity: 0 !important;
}

/* - STAFF - */

.page-node-type-staff article.staff.full {
  max-width:1265px;
  margin:0 auto;
}

.page-node-type-staff .region-content .page-header{
  margin:0 auto;
}

.page-node-type-staff article.staff.full > .content {
  max-width:845px;
  margin:0 auto;
}

.page-node-type-staff .field--name-field-dokumenti-vrska{
  margin-top:100px !important;
}

.page-node-type-staff .region-content .page-header {
  background-color: #000b;
  backdrop-filter: blur(5px);
}

.page-node-type-staff .region-content .a-title-bg {
    width: 845px;
    max-width: 100%;
    height: 300px;
    background: url(/sites/default/files/alfa/img/office/close-up-financial-instruments-with-glasses_0_0.jpg) top center no-repeat;
    background-size: cover;
    margin: 0 auto;
}

.path-frontpage #banner section {
    margin-bottom: 5rem;
}

/* - FRONT BLOB ALT 1 - */
#block-frontblob h2 a{
  font-family:arial,sans-serif;
  font-style:normal;
  font-weight:900 !important;
  font-size:50rem;
  color:#ccc3;
  letter-spacing: -0.2em;
  text-transform:none !important;
}

#block-frontblob .field--name-body h3 {
  font-size:5rem;
  color:var(--a-theme-1);
  font-weight:1;
  border-color:var(--a-theme-3);
}
#block-frontblob .field--name-body p {
  color:#555;
  font-weight:300;
  font-size:2rem;
}



/* - FRONT COUNTERS - */
#block-asekcijabrojaci {
  margin: -500px auto 0 0;
  padding-left: 0;
  height: 300px;
}
#block-asekcijabrojaci .a-comp-counter {
  width: 49%;
}
#block-asekcijabrojaci .field--name-field-comp-txt-hdr{
  font-size:2.8rem;
}


/* - - - FRONT 3 BLOCK NEWS - - - */

#block-alfakom-testtopbarmeni {
  clear:both;
}

.block-views-blocka-soopstenija-block-4,
.block-views-blocka-soopstenija-block-5,
.block-views-blocka-soopstenija-block-6{
  display:inline-block;
  width:33.3334%;
  vertical-align:top;
  margin:0;
  float:left;
  background-color: #389;
}

.block-views-blocka-soopstenija-block-4,
.block-views-blocka-soopstenija-block-6{
  background-color: #589;
}

.block-views-blocka-soopstenija-block-4 .views-row,
.block-views-blocka-soopstenija-block-5 .views-row,
.block-views-blocka-soopstenija-block-6 .views-row{
  border-bottom:1px solid #0001;
  height:70px;
  max-height:70px;
  
}


.block-views-blocka-soopstenija-block-4 .views-row .views-field,
.block-views-blocka-soopstenija-block-5 .views-row .views-field,
.block-views-blocka-soopstenija-block-6 .views-row .views-field {
  display:inline-block;
  width:33%;
  vertical-align:top;
}

.block-views-blocka-soopstenija-block-4 .block-title,
.block-views-blocka-soopstenija-block-5 .block-title,
.block-views-blocka-soopstenija-block-6 .block-title{
  text-align:center;
  font-size:3rem;
  line-height:2;
  text-transform:uppercase;
  background-color:#0005;
  color:#fff;
  margin: 0 auto;
  padding:0;
  background-image:none;
  height:60px;
}
.block-views-blocka-soopstenija-block-4 .block-title:after,
.block-views-blocka-soopstenija-block-5 .block-title:after,
.block-views-blocka-soopstenija-block-6 .block-title:after{
  content: "\25BC";
  display: block;
  position: relative;
  top:-16px;
  left: 0;
  color:#0005;
  font-size:25px;
}  

.block-views-blocka-soopstenija-block-4 .views-row .views-field-published-at-1,
.block-views-blocka-soopstenija-block-5 .views-row .views-field-published-at-1,
.block-views-blocka-soopstenija-block-6 .views-row .views-field-published-at-1{
  font-size:1.1rem;
  width: 60px;
  text-align: right;
  color: var(--a-theme-3);
  padding-top:28px;
}

.block-views-blocka-soopstenija-block-4 .views-row .views-field-title,
.block-views-blocka-soopstenija-block-5 .views-row .views-field-title,
.block-views-blocka-soopstenija-block-6 .views-row .views-field-title{
  width: 83%;
  height: 50px;
  display: -webkit-inline-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  font-size: 1.35rem;
}

.block-views-blocka-soopstenija-block-4 .views-row .views-field-title a,
.block-views-blocka-soopstenija-block-5 .views-row .views-field-title a,
.block-views-blocka-soopstenija-block-6 .views-row .views-field-title a{
  height: 70px;
  display: table-cell;
  vertical-align: middle;
  padding: 5px;
  color:#fff;
  line-height: 1.1;
}

.block-views-blocka-soopstenija-block-4 .views-row:hover,
.block-views-blocka-soopstenija-block-5 .views-row:hover,
.block-views-blocka-soopstenija-block-6 .views-row:hover{
  background-color:#fff1
}

.block-views-blocka-soopstenija-block-4 .views-row .views-field-title a:hover,
.block-views-blocka-soopstenija-block-5 .views-row .views-field-title a:hover,
.block-views-blocka-soopstenija-block-6 .views-row .views-field-title a:hover{
  color:var(--a-theme-4);
  text-decoration:none;
}

.block-views-blocka-soopstenija-block-4 .more-link,
.block-views-blocka-soopstenija-block-5 .more-link,
.block-views-blocka-soopstenija-block-6 .more-link{
  display: block;
  width: 120px;
  float: none;
  margin: 2rem auto;

}

.block-views-blocka-soopstenija-block-4 .more-link a,
.block-views-blocka-soopstenija-block-5 .more-link a,
.block-views-blocka-soopstenija-block-6 .more-link a{
  border: 1px solid #fff;
  background-color:transparent !important;
  padding: 1rem 2rem 0.6rem;
  color: #fff !important;
  box-shadow: 0px 0px 5px #0002;
}

.block-views-blocka-soopstenija-block-4 .more-link a:hover,
.block-views-blocka-soopstenija-block-5 .more-link a:hover,
.block-views-blocka-soopstenija-block-6 .more-link a:hover{
  border: 1px solid var(--a-theme-3);
  background-color:#fff !important;
  color: var(--a-theme-3) !important;
}



.block-views-blocka-soopstenija-block-6:before {
    content: " ";
    display: table;
    float: none;
    clear: both;
    width:100%;
    height:0;
}

#block-alfakom-views-block-a-soopstenija-block-2{
	min-height:750px;
}

#block-alfakom-views-block-a-soopstenija-block-2:after {
  position:relative;
  width: 105%;
  height: 250px;
  auto: 0;
  background: url(/sites/default/files/alfa/img/graphics/wave-1920x200-w.png) no-repeat bottom center;
  background-size: 110vw 120px;
  left: -10px;
  top: -150px;
}

/* - BLOCK 3 SOOP - */

.block-views-blocka-soopstenija-block-5{
  background-color: var(--a-theme-2);
}

.block-views-blocka-soopstenija-block-4,
.block-views-blocka-soopstenija-block-6{
  background-color: var(--a-theme-5);
}

.block-views-blocka-soopstenija-block-4 .views-row .views-field-title a, .block-views-blocka-soopstenija-block-5 .views-row .views-field-title a, .block-views-blocka-soopstenija-block-6 .views-row .views-field-title
a, .block-views-blocka-soopstenija-block-4 .views-row .views-field-title, .block-views-blocka-soopstenija-block-5 .views-row .views-field-title, .block-views-blocka-soopstenija-block-6 .views-row .views-field-title{
  color:#000;
  height:50px;
}

.block-views-blocka-soopstenija-block-4 .views-row .views-field-title a:hover, .block-views-blocka-soopstenija-block-5 .views-row .views-field-title a:hover, .block-views-blocka-soopstenija-block-6 .views-row .views-field-title a:hover,
.block-views-blocka-soopstenija-block-4 .views-row .views-field-published-at-1, .block-views-blocka-soopstenija-block-5 .views-row .views-field-published-at-1, .block-views-blocka-soopstenija-block-6 .views-row .views-field-published-at-1{
  color: #600;
}

.block-views-blocka-soopstenija-block-4 .block-title:after, .block-views-blocka-soopstenija-block-5 .block-title:after, .block-views-blocka-soopstenija-block-6 .block-title:after {
  top: -17px;
}





/* - - - FRONT CTA PERSON - - - */
#block-aobrazovanie .left .a-gr-person {
  float:right;
}

#block-aobrazovanie .left .a-gr-person img {
  margin-right:0;
  margin-left:auto;
}

#block-aobrazovanie .left .a-gr-person .field--name-field-sec-cta-person-name{
  left:unset;
  right:150px;
  background:#0005;
  backdrop-filter:blur(20px);
  padding:10px 20px;
  border:1px solid #333;
  border-radius:3px;
  box-shadow:0 0 20px #0005;
  color:#fff;
  font-size:2rem;
}


#block-aobrazovanie .a-sec-bg,
#block-aobrazovanie .a-sec-bg-clr-transp{
	height:360px;
}










/* - FRONT SLIDER ALARM - */

.region-banner .block-views-blocka-slider-block-3 {
  height:150px
}

.region-banner .block-views-blocka-slider-block-3 {
  text-align:center;
  background-color:#ef404a;
  color:#fff;
  border-bottom:1px solid #000;
  position:relative;
  margin-bottom:0 !important;
}

.region-banner .block-views-blocka-slider-block-3:after {
    content: "";
    position: absolute;
    top: 25px;
    left: 10px;
    display: block;
    width: 100px;
    height: 90px;
    background: url(/sites/default/files/alfa/img/alarm.png) top center no-repeat;
    background-size: cover;
    z-index: 1;
    opacity: 0.33;
 
}

.region-banner .block-views-blocka-slider-block-3 h2.block-title {
  color: #fff;
  font-weight: 600;
  font-size: 3rem;
  padding-top: 1rem;
  margin: 0;
  background:none;
}

.region-banner .block-views-blocka-slider-block-3 .slide__caption a {
  color:#fff;
  margin-right:20px;
  text-transform:uppercase;
}

.region-banner .block-views-blocka-slider-block-3 .views-field-published-at {
  color:#ff0;
  font-weight:normal;
}



/* - - - FRONT OVERLAYS - - - */

#block-afrontabout-2 .a-blob-wave-img .field--name-field-block-imgtxt-img:after{
  content:" P E R O ";
  display:block;
  position:absolute;
  top:0;
  left:0;
  height: 570px;
  background:#0005 url(/sites/default/files/alfa/img/graphics/overlaygrid-2.png) top left;
  z-index:0;
  width: 150%;
  max-width: 100vw;
  -webkit-mask-image: url(/sites/default/files/alfa/img/graphics/left-top-wave.svg);
  -webkit-mask-size: 105%;
  -webkit-mask-position: bottom right;
}







/* - - - TOP BAR BLOCKS - - - */

.path-frontpage #banner #block-testtopbarmeni-2 {
  margin-bottom: 0;
}

.a-topbar-block{
  width:100%;
  min-width:100%;
  max-width:100%;
  margin:0 auto;
}


.a-topbar-block.col-md-2>.field--item {
  width:16.43%;
  margin-right:0px
}

.a-topbar-block>.field--item {
  border: 1px solid #777;
}

.a-topbar-block .content>div {
  padding-bottom: 0;
}

.a-topbar-block .field--name-body {
  padding: 0;
  min-height: 40px;
}

.a-topbar-block .field--name-body a{
  display:block;
  width:100%;
  height:30px;
  font-size:2rem;
  font-weight:400;
  text-transform:uppercase;
  text-decoration:none !important;
  color:#fff;
  text-shadow:0px 0px 4px #0005
  
}

.a-topbar-block > .field--item:hover .content > div {
  background-color:#bbb !important;
  font-weight:bold !important;
  text-decoration:none !important;
}









/* - SEKCIJA GRAFIKON - */

.strana-so-sekcii .secp {
  display:table;
  min-height:400px
}

.strana-so-sekcii .secp .field--name-field-sekcija-progres-bar {
  display:table-cell;
  vertical-align:middle;
}




























































/* - BREADCRUMBS - */

.breadcrumb {
  padding: 15px 30px;
  margin-bottom: 0px;
  background-color: var(--a-theme-2);
  border-radius: unset;
  color:#000;
}

.breadcrumb > li + li:before,
.breadcrumb a{
  color:#600;
}

/* - PAGE WITH SECTIONS - */

.path-node .region-content .field--name-field-sekcija{
  position:relative;
  z-index:1;
}

.path-node .region-content .field--name-field-sekcija>.field--item:first-child>.sekcija-slika-tekst .row{
  margin-top:-200px;
  box-shadow:0 0 30px #0005;
}









/* - PATH VIEW FINANSII LEGISLATIVA HEDER - */

.path-finansii .a-main,
.path-legislativa .a-main {
  margin-top: 99px;
}

.path-finansii .a-title-bg,
.path-legislativa .a-title-bg{
  height: 300px;
  display:table;
  text-align: center;
  margin-bottom: 5rem;
  background: url(/sites/default/files/alfa/img/office/law1_0_0.jpg) center center no-repeat;
  background-size: cover;
  background-position-y: -100px;
  border-radius: 0 !important;
  position: relative;
}
.path-finansii .a-title-bg{
  background-image: url(/sites/default/files/alfa/img/office/stack-money-coin-with-trading-graph_0_0.jpg);
}
    
.path-finansii .a-title-bg .page-header,
.path-legislativa .a-title-bg .page-header {
  padding-bottom: 0;
  margin: 0;
  border-bottom: 0;
  display:table-cell;
  vertical-align:middle;
  text-shadow:1px 1px 5px #0008;
  text-transform:uppercase;
  font-size:5rem;
  height:300px;
  background:#0008;
  color:#fff;
}

.path-finansii .region-content .view-a-finansii .view-header{
  margin-bottom:5rem;
}










/* - - - SUBJEKT - - - */

.page-node-type-subjekt .main-container:before{
  height: 50vh;
  max-height:400px;
  width:100%;
  position:absolute;
  content:"";
}

.page-node-type-subjekt .a-title-bg {
  height:50vh;
  max-height:400px;
  width: 100%;
  text-align: center;
  display:table;
}

.page-node-type-subjekt .a-title-bg h1{
  display:table-cell;
  vertical-align:middle;
  width:100%;
  height:100px !important;
  color:#fff;
  box-shadow:0 0 5px #0008;
  background-color:#0008;
  margin:0;
}

.field--name-field-subjekt-logo{
  width:150px;
  position:relative;
  top:-75px;
}

.field--name-field-subjekt-logo img{
  width:150px;
  height:150px;
  border:10px solid #fff;
  border-radius:50%;
  box-shadow:0 0 10px #0008;
  object-fit:cover;
}



/* - OPSTINA MESTOPOLOZBA - */

.page-node-type-strana-so-sekcii .a-mestopolozba .row {
  margin:5rem auto;
}

.page-node-type-strana-so-sekcii .a-mestopolozba .col-md-6 img{
  width:unset;
  height:unset;
}

.page-node-type-strana-so-sekcii .a-mestopolozba .col-md-6 p{
  text-align:center;
}

.page-node-type-strana-so-sekcii .a-nadleznosti h2,
.page-node-type-strana-so-sekcii .a-demografija h2 {
  display:block !important;
  font-size:3rem;
  text-transform:uppercase;
  margin-bottom:5rem;
  color:var(--a-theme-2);
}

.page-node-type-strana-so-sekcii .a-nadleznosti h2{
	color:#fff;
}

.page-node-type-strana-so-sekcii .a-nadleznosti h4 {
  color:var(--a-theme-2);
  text-align:left;
}

.page-node-type-strana-so-sekcii .field--name-field-dokumenti-vrska a:hover{
  color:var(--a-theme-2);
}






/* - DELETES - */

.a-staff-biografija{
  display:none;
}