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





















/* - - - COLORS - - - */
:root {
  --a-theme-1: #600;
  --a-theme-2: #500;
  --a-theme-3: #900;
  --a-theme-4: #fa5;
  --a-theme-5: #040;
}












/* - - - HEADER - - - */

/* - TOP MENU - */
#secondary-header {
  background-color: var(--a-theme-2);
}









/* - - - FRONT EDIT - - - */

/* NEWS LIST - */

.view-a-soopstenija .grid__content .views-field-title .field-content:before{
	display:none;
}

.view-a-soopstenija .grid__content .views-field-title a{
	color:var(--a-theme-2) !important;
}

.view-a-soopstenija .grid__content:hover{
  border:1px solid var(--a-theme-2);
}





/* - - - PAGE EDITS - - -*/

/* - KOMISII - */
.page-node-1522 .view-a-staff .views-row {
  margin-bottom:2rem
}

.page-node-1522 .view-a-staff .views-row a{
  font-weight:500;
}










/* - NEWS - */
.page-title-full-width-container {
  background: none;
}

.a-topbar-links::after,
.page-title-full-width-container:after{
  content: '';
  position: absolute;
  inset: 0;
  background:none;
  background-image: url('/sites/default/files/alfa/img/pannel-centar.jpg');
  background-size: cover;
  background-position: -10vw -25vh;
  opacity: 0.05;
  z-index: -1;
}

#page-title-full-width-container #page-title h1.page-title{
  color: var(--a-theme-2);
}

.page-title-full-width-container .breadcrumb{
  background:var(--a-theme-2);
}




















 /* - FOOTER - */
 
.a-footer.a-bg-theme-1 {
  background-color: var(--a-theme-2);
}















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

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





}




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







}




/* - MONITOR/LAPTOP 1280-1366-1600 - */
@media only screen and (min-width: 1367px) and (max-width: 1599px){




}


/* - ALL LARGER THAN TABLET - */
@media only screen and (min-width: 1280px){

/* --- MEGA MENU 2025 --- */

/* 1. Reset and Base Setup */
/* ---------------------------------- */

/* Increase specificity to override theme styles. */
#navbar #block-dxpr-theme-main-menu .nav.navbar-nav > li.expanded.dropdown {
  position: static;
}

#navbar #block-dxpr-theme-main-menu .dropdown-toggle::after {
  display: none !important;
}

/* 2. The Main Dropdown Panel */
/* ---------------------------------- */

#navbar #block-dxpr-theme-main-menu .dropdown-menu {
  /* --- Core Panel Styling --- */
  position: fixed;
  top: 10vh;
  left: 5vw;
  width: 90vw;
  height: 90vh;
  margin: 0;
  padding: 4rem; /* Padding inside the overall panel */
  background-color: white;
  border: 1px solid #e0e0e0;
  border-radius: 12px;
  box-shadow: 0 10px 40px rgba(0, 0, 0, 0.15);
  box-sizing: border-box;
  overflow-y: auto; /* Add scroll if content overflows */
  z-index: 1; /* Ensure panel is above pseudo-element */

  /* --- Visibility and Animation --- */
  opacity: 0;
  visibility: hidden;
  transform: translateY(20px) scale(0.98);
  transition: all 0.3s ease-in-out;

  /* --- Grid for Column Layout --- */
  display: grid;
  grid-template-columns: repeat(3, 1fr); /* Creates 3 equal columns */
  grid-template-rows: repeat(2, auto); /* Rows adjust height automatically */
  gap: 4rem; /* Space between columns and rows */
  align-items: start; /* Align items to the top of their grid cell */

  /* --- Override Inline Styles --- */
  min-width: unset !important;
  left: 5vw !important;
}

/* Background Image Pseudo-element */
#navbar #block-dxpr-theme-main-menu .dropdown-menu::after {
  content: '';
  position: absolute;
  inset: 0;
  background-image: url('/sites/default/files/alfa/img/pannel-centar.jpg');
  background-size: cover;
  background-position: center;
  opacity: 0.05;
  z-index: -1; /* Place behind the content */
  border-radius: inherit; /* Match panel's border radius */
}


/* Show the panel on hover */
#navbar #block-dxpr-theme-main-menu .nav.navbar-nav > li.expanded.dropdown:hover > .dropdown-menu {
  opacity: 1;
  visibility: visible;
  transform: translateY(0) scale(1);
  transition-delay: 0s; /* Ensure transition starts immediately */
}

/* 3. Menu Columns (Grid Items) and Headings */
/* ---------------------------------- */

/* Target the direct child LI elements which are the grid items */
#navbar #block-dxpr-theme-main-menu .dropdown-menu > li.expanded.dropdown {
  width: auto !important; /* Let the grid control the width */
  min-width: 300px; /* Minimum width for each column */
  padding: 2rem;
  border: 1px solid #eee;
  border-radius: 1rem;
  background: #fff8;
  /* Ensure it doesn't break out of the grid cell */
  max-width: 100%;
  box-sizing: border-box;
  box-shadow: 1px 1px 15px #0001;
  backdrop-filter: blur(10px);
}

/* Style the column headings with higher specificity */
#navbar #block-dxpr-theme-main-menu .dxpr-theme-megamenu__heading {
  font-size: 1.8rem !important; /* 18px */
  font-weight: bold !important;
  color: #333 !important;
  text-align: left !important;
  text-transform: uppercase;
  margin-bottom: 0rem;
  padding: 0 !important;
  border-bottom: 1px solid var(--a-theme-1, #900);
  height: 40px;
}

/* 4. Submenu Links and Hover Effect */
/* ---------------------------------- */

#navbar #block-dxpr-theme-main-menu .dxpr-theme-megamenu {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  margin-top: 1rem;
}

#navbar #block-dxpr-theme-main-menu .dxpr-theme-megamenu li {
  min-width: unset !important;
}

/* Style the individual links */
#navbar #block-dxpr-theme-main-menu .dxpr-theme-megamenu a {
  display: block;
  position: relative;
  padding: 12px 15px !important;
  margin-bottom: 0;
  font-size: 1.5rem !important; /* 15px */
  color: #555 !important;
  text-transform: none !important;
  font-weight: normal !important;
  text-decoration: none !important;
  border-radius: 8px;
  height: auto !important;
  max-height: none !important;
  -webkit-line-clamp: unset !important;
  -webkit-box-orient: unset !important;
  overflow: visible !important;

  background-image: none;
  background-size: auto;
  background-position: initial;
  background-repeat: initial;

  transition: background-color 0.2s ease, color 0.2s ease, padding 0.2s ease;
}

/* When hovering over a link... */
#navbar #block-dxpr-theme-main-menu .dxpr-theme-megamenu a:hover {
  background-color: #f5f5f5 !important;
  color: var(--a-theme-1, #900) !important;
  padding: 12px 10px 12px 20px !important;
}

/* 5. Remove Top Level Hover Background */
/* ---------------------------------- */
.dxpr-theme-header--top.dxpr-theme-header--hover-border .nav > li > a::before {
  background: unset;
}




}






/* - 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){
/*
.view-a-oglasi article.oglas.teaser {
        flex-wrap: wrap;
        min-height: auto;
        padding: 2.4rem;
    }

    .view-a-oglasi article.oglas.teaser h2 {
        flex-basis: 70%;
        padding-right: 2rem;
    }
    .view-a-oglasi article.oglas.teaser h2 a {
        padding: 0;
        line-height: 1.4;
        white-space: normal;
        overflow: visible;
        text-overflow: clip;
    }
    
    .view-a-oglasi .field--name-field-oglas-sostojba {
        flex-basis: 30%;
        flex-shrink: 1;
        order: 2;
        justify-content: flex-end;
        align-items: flex-start;
        padding-right: 0;
    }

    .view-a-oglasi .field--name-field-oglas-broj,
    .view-a-oglasi .field--name-field-oglas-data,
    .view-a-oglasi .field--name-field-oglas-rok {
        flex-basis: 33.333%;
        order: 3;
        margin-top: 2rem;
        white-space: normal;
        overflow: visible;
    }

    .view-a-oglasi .a-oglas-full-data .field__label,
    .view-a-oglasi .a-oglas-full-data .field__item {
        white-space: normal;
        overflow: visible;
        text-overflow: clip;
    }
*/
	
	
	
	
	
	
	
	
	
	
	
	
}	
	
	
/* - - - - - - - - - - MOBY < 768 - - - - - - - - - - */
@media only screen and (max-width: 767.98px){

body, p, div {
  font-family:"Roboto", Arial, sans-serif;
  font-size:1.6rem;
  font-weight: 300;
}

.page-node-type-article .content .field--name-body,
.page-node-type-organizacija .content .field--name-body,
.page-node-type-article .content .field--name-field-body2,
.page-node-type-organizacija .field--name-field-body2 {
  font-size: 1.6rem;
}

h4, h4 strong {
  font-size:1.8rem;
  font-weight:400;
  color:#050;
}

h3, h3 strong {
  font-size:2rem;
}

h2, h2 strong {
  font-size:2.5rem;
}

/* - MOBY HEADER - */

.body--dxpr-theme-nav-mobile .dxpr-theme-header {
  position: absolute;
}

.navbar .dxpr-theme-fluid.navbar-container {
  padding:0;
}

#navbar .navbar-header .wrap-branding{
  width: 400px !important;
  max-width: 100%;
}

#secondary-header {
  border-radius:0
}
  
#secondary-header .region-secondary-header section {
  max-width: 100%;
  width: 75%;
}

#secondary-header .region-secondary-header section:nth-child(2) {
  width: 25%;
}

#secondary-header .region-secondary-header div:nth-child(1) {
  width: 41%;
}
#secondary-header .region-secondary-header div:nth-child(2) {
  width: 56%;
}

#secondary-header .region-secondary-header .field--name-field-hd-top-cnt-adr{
  display:none;
}

#block-aheadercontactsmk > div {
  padding: 0 5px;
}

#secondary-header .block-language .menu li a {
  font-size: 1rem;
  width:25px;
}

.dxpr-theme-header .navbar-header .region-navigation{
  width:325px;
  max-width:100%;
  float:left;
}

#navbar .navbar-header #logo {
  height: 50px;
  padding-left: 10px;
}


.dxpr-theme-header .navbar-header .navbar-brand{
  font-size: 1.4rem;
  font-weight: 400;
  height: 40px;
  line-height: 40px;
  text-transform: uppercase;
  width: 200px;
  padding: 0 !important;
  margin: 0 !important;
  padding-left: 20px !important;
  border-bottom: 0;
  text-shadow: 1px 1px #0008;
}

.body--dxpr-theme-nav-mobile .dxpr-theme-header #dxpr-theme-menu-toggle {
  padding: 10px 30px 15px 0;
  float:left;
  right:5px;
}

.body--dxpr-theme-nav-mobile .dxpr-theme-header #dxpr-theme-menu-toggle span,
.body--dxpr-theme-nav-mobile .dxpr-theme-header #dxpr-theme-menu-toggle span:before,
.body--dxpr-theme-nav-mobile .dxpr-theme-header #dxpr-theme-menu-toggle span:after {
  background: var(--a-theme-1);
}

.dxpr-theme-header .region-navigation {
  float:left;
}





/* - MOBY MENU - */

.navbar nav .menu__breadcrumbs a {
  font-size:1rem;
  font-weight:400;
  color:#050;
}

.body--dxpr-theme-nav-mobile .dxpr-theme-header .block {
  padding: 0;
}

#navbar .navbar-nav > li > a,
.dxpr-theme-header--side #dxpr-theme-main-menu .menu__link{
  color: #555 !important;
  padding: 10px !important;
  font-size: 1.7rem !important;
  line-height:1.3 !important;
  text-shadow: none;
  max-width:100%;
}

.dropdown-menu,
.dropdown-menu li {
  min-width: 100%;
  max-width:100%;
}

#navbar .navbar-nav > li:first-child {
  text-align:center;
  margin:0 auto;
}



/* - MOBY FRONT Header block link - */

#block-abrzilinkovi .a-topbar-menu-links {
  min-height: 330px;
  padding-top: 50px;
}

#block-abrzilinkovi .a-topbar-menu-links>.field__item {
  width: 33%;
  display: block;
  margin: 20px 0 0;
  float:left;
}

.a-topbar-menu-links .a-sec-menu-block {
  padding: 0;
  margin: 50px 0px;
  box-shadow: 0px 0px 5px #0005;
  backdrop-filter: none;
}

.field--name-field-sec-menu-block-title {
  font-size: 1.3rem;
}

.a-topbar-menu-links .a-sec-menu-block a {
  font-size:1.0rem;
}

.field--name-field-sec-menu-block-title:after {
  width: 100px;
}

.a-sec-menu-block .field--name-field-sec-link-ico {
  width: 40px !important;
  height: 40px !important;
  margin-top: -25px;
}




/* - MOBY FRONT NEWS - */

.view-a-soopstenija {
  margin: -1rem auto 0rem;
}

#block-views-block-a-soopstenija-block-1,
#block-views-block-a-soopstenija-block-1-2,
#block-views-block-a-soopstenija-block-2-2,
#block-views-block-a-soopstenija-block-7,
.a-front-grid {
  max-width: 100%;
}

.path-frontpage #block-views-block-a-soopstenija-block-1 .grid,
.path-frontpage #block-views-block-a-soopstenija-block-1-2 .grid,
.path-frontpage #block-views-block-a-soopstenija-block-2-2 .grid,
.path-frontpage #block-views-block-a-soopstenija-block-7 .grid{
  padding: 0;
  margin:0
}

.blazy--view--a-soopstenija .views-field-field-image {
  max-width:100%;
}

.view-a-soopstenija .blazy.b-grid {
  margin:0;
}

.view-a-soopstenija .grid__content {
  margin: 0 auto 5rem !important;
}

.view-a-soopstenija .grid__content img {
  filter: none;
}

.view-a-soopstenija .grid .views-field-body .field-content,
.path-frontpage #block-views-block-a-soopstenija-block-1 .grid .views-field-body .field-content,
.path-frontpage #block-views-block-a-soopstenija-block-2-2 .grid .views-field-body .field-content {
  height: 105px;
  overflow: hidden;
}











/* - MOBY FRIONT CTA PERSON - */

#block-aobrazovanie,
#block-aobrazovanie .a-sec-bg,
#block-aobrazovanie .a-sec-bg-clr-transp,
#block-aobrazovanie .a-cta-person-fields,
#block-aobrazovanie .a-gr-person{
  max-width:100% !important;
  margin:0;
  padding:0;
}

#block-aobrazovanie .col-md-6.a-gr-hdr-btn {
  float: none !important;
  clear: both;
}

#block-aobrazovanie {
  height: 500px;
}
#block-aobrazovanie .a-gr-person img {
  height: 350px;
}

#block-aobrazovanie .a-gr-person {
  top: -150px;
}

#block-aobrazovanie .left .a-gr-person .field--name-field-sec-cta-person-name {
  left: 75px;
}

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

#block-aobrazovanie .col-md-6.a-gr-hdr-btn {
  margin-top: -150px;
  padding: 0;
  background: #0008;
  height: 100px;
}
#block-aobrazovanie .field--name-field-sec-cta-header,
#block-aobrazovanie .field--name-field-a-cta-person{
  display:none;
}

#block-aobrazovanie .a-gr-btns .field__item {
  width: 150px;
  margin: 30px 10px;
}

#block-aobrazovanie .a-gr-btns .field--type-link a {
  width: 150px;
  font-size: 1.5rem;
  padding: 10px 0 8px;
}




/* - MOBY FRONT TRANSP - */
#block-fronttransparentnost{
  margin: -50px 0 150px;
}

#block-fronttransparentnost .a-topbar-block > .field__item {
  width: 33.33%;
  margin: 0;
  box-shadow: 0;
}

#block-fronttransparentnost .sec-html-ico-btn .field--name-body a {
  font-size: 1.4rem;
}





/* - MOBY FRONT LINK STRIPES - */
.a-front-link-stripes{
  width:100%;
  max-width:100%;
}
.a-front-link-stripes .views-row {
  margin: 1px;
  box-shadow: none;
}

.a-front-link-stripes .views-row,
.a-front-link-stripes .views-row img,
.a-front-link-stripes .views-field-field-front-stripe-link .field-content {
  width: 118px;
  height: 120px;
}

.a-front-link-stripes .views-field-field-front-stripe-link a {
  font-size: 2.2rem;
  font-weight: 400;
  text-shadow: 1px 1px 0 #000;
  color:#fff;
}

.block-views-block0-front-link-stripes-block-1 {
  margin-bottom: 70px;
}




/* - MOBY FRONT CTA LINE - */
.a-cta-line .container {
  width: 100%;
  padding:0;
}

.a-cta-line > .container > .row{
  margin:0;
}

.a-cta-line > .container > .row > div {
  display: block;
  vertical-align: unset;
  width:100%;
  padding:10px;
  max-height: 135px;
}

.a-cta-line .a-cta-line-txt{
  width:100%;
  text-align:center;
}

.a-cta-line .a-cta-line-btn {
  text-align: center;
}

#block-frontctaizvestai .a-cta-line{
  max-height:250px
}





/* - MOBY FRONT CAROUSEL - */

.slick--view--a-view-carousel {
  margin: 0;
}

.slick--view--a-view-carousel .slick__slide .views-field-field-comp-imglink-link a {
  width: 90px;
  font-size: 1.1rem;
  padding: 0px;
}




/* - MOBY FOOTER - */
.dxpr-theme-footer .footer-container {
  padding-top: 0;
  margin-top:-30px;
  height: 310px;
}

.a-footer{
	height:310px;
}

.a-footer .a-footer-vertical-first {
  display: block;
  float: none;;
  width: 100%;
  border-right: none;
  padding: 0;
  text-align:center;
}

.a-footer-copyright .field--name-field-footer-logo{
  display:none;
}

.a-footer-copyright .field--name-field-copyright-txt{
  font-size:1.2rem;
  line-height:1.3;
  text-align:center;
}

.a-footer .a-footer-menu{
  display:none;
}

#block-socijalniikoni-3{
  text-align:center;
  position:unset;
  right:auto;
  left:auto;
  margin:-50px auto 0;
  padding-right:unset;
}



/* - MOBY POST SINGLE - */
.page-node-type-article .content .field--name-field-article-lead-text {
  width: 100%;
  margin: 20px auto;
}

.page-node-type-article .main-container{
  padding:0;
}

.page-node-type-article .main-container > .row{
  margin:0;
}

.page-node-type-article .content .field--name-body p,
.page-node-type-article .content .field--name-field-body-2 p{
  padding:0 10px;
}

.page-node-type-article .content .field--name-body img,
.page-node-type-article .content .field--name-field-body-2 img{
  width:100%;
  height:auto;
  object-fit:cover;
}

.page-node-type-article .main-container{
  padding:0;
}

.region-content > .block-system-main-block > .full > .content > .a-strana-sekcii-grupa > .field--name-field-image,
.region-content > .block-system-main-block > .full > .content > .field--name-field-image {
  position: absolute;
  top: 120px !important;
  right: 0;
  left:0;
  width:100%;
  height:auto;
  text-align:center;
}

.page-node-type-staff .region-content > .block-system-main-block > .full > .content > .field--name-field-image img {
  width: 185px;
  height: 280px;
}

.page-title-full-width-container .breadcrumb {
  min-width: 100%;
  top: 420px;
}

.page-node-type-article .main-container .field--name-published-at {
  left: 35%;
}












/* - MOBY POST GALLERY - */
.content .field--name-field-strana-galerija .field__items {
  padding: 5rem 0rem;
}

.content .field--name-field-strana-galerija .field__item {
  width: 32.5%;
  padding: 5px;
}





/* - MOBY ORGANIZACIJA - */
.page-node-type-staff .field--name-field-staff-telefon,
.page-node-type-staff .field--name-field-e-poshta {
  font-size:1.5rem;
}

.page-node-type-organizacija .main-container .a-org-desc-mang {
  max-width: 100%;
  position:relative;
}

.page-node-type-organizacija .main-container .a-org-rak-vreme {
  position: absolute;
  top: 0;
  width: 100%;
  margin:0;
  padding:0;
}







/* - - - MOBY STAFF SINGLE - - - */
.page-node-type-staff .staff.full .content {
        display: flex;
        flex-direction: column;
        gap: 2rem;
    }

    .field--name-field-image { order: 1; width: 100%; max-width: 30rem; margin: 0 auto; }
    .field--name-field-article-subtitle { order: 2; }
    .a-staff-info { order: 3; }
    .a-staff-rabota { order: 4; }
    .a-staff-biografija {order: 5;margin-top: 0;}

    /* Reset specific grid alignments */
    .page-node-type-staff .field--name-field-article-subtitle {
        border: none;
        padding-bottom: 0;
        margin-bottom: 0;
        text-align: center;
    }

    .page-node-type-staff .a-staff-rabota {
        padding-top: 0;
        margin-top: 0;
        border-top: none;
    }

.page-node-type-staff #block-dxpr-theme-content {
  padding:0;
  margin-top: 0;
}






/* - MOBY PAGE MIDSECTION - */

.content .a-midsection {
  margin: 5rem auto;
    padding: 2rem 0;
}

.content .a-midsection > .row{
  min-height: 200px !important;
  height:fit-content !important
}

.content .a-midsection .row,
.content .a-midsection .row .field__item {
  max-width: 100%;
}

.content .a-midsection-img {
  height:300px;
  padding:1px;
}

.content .a-midsection-txt{
  min-height:200px !important;
  padding-top:50px;
  display: block;
}

.content .a-midsection.a-section-text {
  margin: 0 auto 50px;
}

.content .a-midsection-txt .field--name-field-a-hd-pre {
  text-align: left;
  padding-right: unset;
  padding-left:50px;
  font-size:1.8rem;
}

.content .a-midsection-txt:before {
  top: 20px;
  right: unset;
  left:30px;
  width: 50px !important;
  height: 100px !important;
}

.content .a-midsection-txt .field--name-field-a-hd-pre:after {
  right: unset;
  left:0;
}

.content .a-midsection-txt .field--name-field-a-hd {
  font-size: 2.0rem;
  text-align:left;
  padding-bottom: 0;
}

.content .a-midsection-txt .field--name-field-a-hd-post {
  font-size: 2rem;
}

.content .a-midsection .field--name-field-midsection-btn {
  margin-top: 3rem;
}

.content .a-midsection .a-section-right .field--name-field-midsection-btn a {
  margin: 0 0 0 auto;
}

.content .a-midsection .field--name-field-midsection-btn a {
  width: 100px;
  height: 40px;
  padding: 11px 0;
  display: block;
  line-height: 1;
}

.content .a-midsection .a-section-left .a-midsection-txt {
  order: unset;
}













/* - MOBY ALFA PAGE - */

.field--name-field-dokumenti-vrska {
  margin: 5rem auto;
  padding: 20px 10px;
  max-width: 100%;
}



/* - MOBY PAGE DOKUMENTACIJA - */

.view-a-dokumentacija .views-row .dokumentacija .field--name-title {
  font-size: 2rem;
}

.region-content .view-a-dokumentacija .dokumentacija.full > .content .field--name-field-dokumenti a,
.page-node-type-dokumentacija .field--name-field-dokumenti a {
  font-size: 1.8rem;
}

.field--name-field-dokumenti .file {
  padding-left: 0px;
  background-image:none;
}

.region-content .view-a-dokumentacija .dokumentacija.full > .content .field--name-field-dokumenti-vrska,
.page-node-type-dokumentacija .field--name-field-dokumenti-vrska {
  padding: 0;
}

.field--name-field-dokumenti-vrska .field__item a:before {
  width: 15px;
  height: 15px;
  line-height:15px;
}

.region-content .view-a-dokumentacija .dokumentacija.full > .content .field--name-field-dokumenti-vrska .field__item a, .page-node-type-dokumentacija .field--name-field-dokumenti-vrska .field__item a {
  padding-left: 20px;
  font-size:1.3rem;
}









/* - MOBY PAGE REPORT - */

.view-a-izvestai .view-content .views-row {
  width: 100%;
  height: 260px;
  margin: 0 0 5rem;
}

.view-a-izvestai .view-content .views-row .teaser img {
  height: 200px;
}

.view-a-izvestai .view-content .views-row .teaser a {
  padding: 205px 1rem 0;
  height: 260px;
}




/* - MOBY PAGE PROJECT - */

.view-a-proekti .views-row {
  padding: 0;
}

.view-a-proekti .views-row .project.teaser h2 a {
  font-size: 1.5rem;
}

.a-project-status-date > div {
  padding: 5px;
  font-size: 1.2rem;
  height:60px;
  vertical-align:top;
}





/* - MOBY TEMA SERVIS - */ 
.a-tema {
  padding: 20px 0;
  border:none;
}

.a-tema h3 {
  font-size:2rem;
}

.a-tema ul {
  margin:1rem 0 2rem;
  padding-left: 5px;
}

.a-hotlink {
  padding: 100px 0 0;
}







/* - MOBY PAGE OGLAS - */

.view-a-oglasi .form-item-field-oglas-godina-value {
  width:60px;
  height: 50px;
}

.view-a-oglasi .form-item-field-oglas-sostojba-value{
  width:200px;
  height: 50px;
}

.view-a-oglasi .view-filters .form-submit {
  font-size:1.5rem;
  width: 50px;
  height: 50px;
}

.view-a-oglasi table{
  max-width:100%;
}

.view-a-oglasi td{
  font-size:1.2rem;
  padding:5px;
  width:50px;
}

.page-node-type-oglas .oglas.full {
  max-width:100%;
}

.oglas.full .a-oglas-full-data {
  padding: 1rem 0;
}

.oglas.full .a-oglas-full-data div {
  font-size:1.2rem;
}

.oglas.full .a-oglas-full-data > div {
  height:60px;
  vertical-align:top;
  padding:5px;
}

.oglas.full .a-oglas-full-data .field--name-field-oglas-sostojba .field__item{
  font-size:1.0rem;
}





















/*        MOBY MENU 25
 * 1. GENERAL MENU CLEANUP
 * We continue to use !important because we are forced
 * to fight the theme's base styles. This is not ideal,
 * but necessary given the constraint.
*/
#navbar .navbar-nav > li > a,
.dxpr-theme-header--side #dxpr-theme-main-menu .menu__link {
    color: #333 !important; /* Darker, more readable text */
    padding: 16px 20px !important; /* Standardized, larger tap target */
    font-size: 1.5rem !important; /* Slightly reduced for a cleaner look */
    line-height: 1.4 !important;
    text-shadow: none;
    max-width: 100%;
    border-bottom: 1px solid #eee; /* Adds separators between items */
    box-sizing: border-box; /* Ensures padding doesn't break layout */
}

/* Remove the strange centering on the first item */
#navbar .navbar-nav > li:first-child {
    text-align: left;
    margin: 0;
}

/* * 2. IMPROVED BREADCRUMBS (THE "BACK" BUTTON)
 * Your theme already has breadcrumbs, let's make them
 * look like a clear 'back' navigation.
*/
.navbar nav .menu__breadcrumbs {
    padding: 12px 20px;
    background: #f1f1f1;
    border-bottom: 1px solid #ddd;
}

.navbar nav .menu__breadcrumbs a {
    font-size: 1rem;
    font-weight: 600; /* Bolder */
    color: #007bff; /* Standard, clear link color */
    text-decoration: none;
}

/* Add a 'back' chevron icon before the link */
.navbar nav .menu__breadcrumbs a::before {
    content: "‹ "; /* Left-pointing angle bracket */
    font-weight: 700;
    font-size: 1.2rem;
    margin-right: 6px;
}

/*
 * 3. DYNAMIC SUBMENU HEADER (THE BIGGEST IMPROVEMENT)
 * This creates a new header bar inside each submenu
 * using the 'data-menu' attribute from your HTML.
*/

/* Target all sub-panels (any menu inside a menu) */
.menu__level .menu__level {
    /* Push the list items down to make room for our new header.
       This MUST match the header height below (50px).
    */
    padding-top: 50px;
    background: #fff; /* Ensure a solid background */
}

/* This creates the new pseudo-element header */
.menu__level .menu__level::before {
    /* This pulls the title ("Општина", "За општината")
       from your HTML's 'data-menu' attribute.
    */
    content: attr(data-menu);

    /* Positioning: Stick it to the top of its panel */
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 50px;
    line-height: 50px;
    padding: 0 20px;
    box-sizing: border-box;

    /* Styling: Make it look like an app header */
    font-size: 1.1rem;
    font-weight: 700;
    color: #fff;
    background-color: #444; /* Dark header bar */
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

/*
 * 4. VISUAL HIERARCHY (CATEGORIES vs. LINKS)
 * Make category titles look different from clickable links.
*/

/* Style for category headings (like "За општината") */
.dxpr-theme-megamenu__heading {
    font-size: 1rem !important;
    font-weight: 700 !important;
    color: #666 !important; /* Muted color */
    background: #f9f9f9;
    padding-top: 12px !important;
    padding-bottom: 12px !important;
    padding-left: 20px !important;
    text-transform: uppercase;
    border-bottom: 1px solid #eee;
}

/* Style for the final, clickable links (indented) */
.parent_link.menu__link {
    font-size: 1.3rem !important;
    font-weight: 400 !important;
    color: #333 !important;
    /* INDENT the final links so they look like children */
    padding-left: 35px !important;
    border-color: #f0f0f0; /* Lighter border */
}

.parent_link.menu__link:hover {
    background: #f5f5f5;
}

.body--dxpr-theme-nav-mobile #dxpr-theme-main-menu.menu--open .menu__level {
  top:170px !important
}
.body--dxpr-theme-nav-mobile .dxpr-theme-header .block{
  margin:25px
}
#block-dxpr-theme-main-menu > .navbar-nav > .menu__item:first-child {
  margin:0 auto;
}










/* - PAGE ORGANIZACIJA STAFF - */

.page-node-type-organizacija .main-container{
  padding:0;
}

.page-node-type-organizacija .main-container > .row{
	margin:0;
}

.page-node-type-organizacija .main-container .a-org-desc {
  width: 100%;
  float: none;
  padding: 500px 15px 0;
}

.page-node-type-organizacija .main-container .a-org-desc-mang {
  max-width: 100%;
  position:relative;
}

.page-node-type-organizacija .main-container .staff.teaser .field--name-field-image img {
  width: 240px;
  height: 200px;
}

.page-node-type-organizacija .main-container .a-org-rak-vreme {
  position: absolute;
  top: 0;
  width: 100%;
  margin:0;
  padding:0;
}

.page-node-type-organizacija .content .field--name-body li{
  margin-bottom:1rem;
}



/* - MOBY CONTACT - */
.a-contact-page {
  max-width:100%;
}

.a-contact-page .a-map img {
  width:100%;
  height:auto;
}










/* OGLASI 25 */
    .view-a-oglasi article.oglas.teaser {
        flex-wrap: wrap; /* Allow wrapping */
        min-height: auto;
        padding: 1.2rem; /* Halved card padding */
        box-shadow: rgba(0, 0, 0, 0.15) 0px 1px 5px; /* Darker shadow */
    }

    /* 2a. Title (100% on its own row) */
    .view-a-oglasi article.oglas.teaser h2 {
        flex-basis: 100%;
        order: 1; /* First row */
        padding: 0;
    }
    .view-a-oglasi article.oglas.teaser h2 a {
        font-size: 1.8rem;
        line-height: 1.4;
        padding: 0.8rem 1.2rem; /* Halved text padding */
        white-space: normal;
        overflow: visible;
        text-overflow: clip;
    }

    /* 2b. Data Fields (25% each on the second row) */
    .view-a-oglasi .field--name-field-oglas-broj,
    .view-a-oglasi .field--name-field-oglas-data,
    .view-a-oglasi .field--name-field-oglas-rok,
    .view-a-oglasi .field--name-field-oglas-sostojba {
        flex-basis: 25%;
        order: 2; /* Second row */
        margin-top: 1.2rem;
        padding: 0 0.5rem; /* Halved field padding */
        white-space: normal;
        overflow: visible;
    }
    
    .view-a-oglasi .field--name-field-oglas-sostojba {
        padding-right: 0.5rem;
        align-items: center;
        justify-content: center;
    }
    
    /* 2c. Smaller text for tight fit */
    .view-a-oglasi .a-data-full-data .field__label, /* Typo corrected */
    .view-a-oglasi .a-oglas-full-data .field__label {
        font-size: 0.9rem;
        white-space: normal;
        overflow: visible;
    }
    .view-a-oglasi .a-data-full-data .field__item, /* Typo corrected */
    .view-a-oglasi .a-oglas-full-data .field__item {
        font-size: 1.2rem;
        white-space: normal;
        overflow: visible;
    }
    .view-a-oglasi .field--name-field-oglas-sostojba .field__item {
        font-size: 0.9rem;
        padding: 0.3rem 0.5rem;
    }









/* - - - MOBY KOMISII - - - */

			.page-node-type-komisija .content .a-komisija .field--label-inline {
				flex-direction: column;
				align-items: flex-start;
			}
			
			.page-node-type-komisija .content .a-komisija .field--label-inline .field__label {
				flex-basis: auto;
				margin-bottom: 5px;
			}
			
			.page-node-type-komisija .content .a-komisija .field--label-inline .field__item {
				flex-basis: auto;
				width: 100%;
			}
			
			.page-node-type-komisija .content .a-komisija .field--name-body,
			.page-node-type-komisija .content .a-komisija .field--type-entity-reference-revisions {
				padding: 15px;
			}








/* - - - MOBY KOMISII VIEW - - - */
    section#block-views-block-a-komisii-block-1 {
        margin: 2rem auto;
        padding: 0 1rem;
    }

    #block-views-block-a-komisii-block-1 .views-row article.komisija.teaser {
        min-height: auto;
    }

    #block-views-block-a-komisii-block-1 article.komisija.teaser h2 {
        padding: 1.2rem 1.5rem;
        font-size: 1.6rem;
    }

    #block-views-block-a-komisii-block-1 article.komisija.teaser .content {
        padding: 1.5rem;
        gap: 1.2rem;
    }

    #block-views-block-a-komisii-block-1 .field--name-field-komisija-pretsedatel,
    #block-views-block-a-komisii-block-1 .field--name-field-komisija-rakovoditel {
        flex-basis: 100%;
        min-width: 100%;
        flex-direction: column;
        align-items: flex-start;
        gap: 0.2rem;
        padding: 0.8rem 0;
    }

    #block-views-block-a-komisii-block-1 .field--label-inline .field__label {
        font-size: 1.2rem;
        margin-right: 0;
    }

    #block-views-block-a-komisii-block-1 .field--label-inline .field__item {
        font-size: 1.6rem;
        padding: 0.2rem 0;
    }

    #block-views-block-a-komisii-block-1 .field--name-field-komisija-clenovi .field__label {
        font-size: 1.1rem;
    }

    #block-views-block-a-komisii-block-1 .field--name-field-komisija-clenovi .field__item {
        font-size: 1.1rem;
        padding: 0.5rem 1rem;
    }




.path-frontpage .view-a-soopstenija .grid:first-child .grid__content img{
  height: 200px;
}






/* - SLUZBENI GLASNICI - */

    #block-dxpr-theme-content h2.block-title {
        font-size: 2.4rem;
    }
    
    #block-views-block-a-soopstenija-block-8 .views-field-field-dokumenti-vrska a {
        font-size: 1.5rem;
        padding: 1.4rem 0;
    }

    #block-views-block-a-soopstenija-block-8 .views-field-field-dokumenti-vrska a::before {
        margin-right: 2rem;
    }
    
    .page-item .page-link {
        min-width: 4rem;
        height: 4rem;
        font-size: 1.3rem;
    }










/* TABLE Tabeli body MOBY */

    .a-strana-sekcii-grupa table {
        border: none;
        box-shadow: none;
        background: transparent;
    }

    .a-strana-sekcii-grupa table tbody,
    .a-strana-sekcii-grupa table tr,
    .a-strana-sekcii-grupa table td {
        display: block;
        width: 100%;
    }

    .a-strana-sekcii-grupa table tr {
        margin-bottom: 2rem;
        background: #fff;
        border: 1px solid #e1e4e8;
        border-radius: 0.8rem;
        overflow: hidden;
        box-shadow: 0 0.2rem 0.5rem rgba(0,0,0,0.05);
    }

    .a-strana-sekcii-grupa table td {
        padding: 1.5rem;
        font-size: 1.4rem;
    }
    .table-striped > tbody > tr:nth-of-type(odd) > *,
    .a-strana-sekcii-grupa table td:first-child {
        border-right: none;
        border-bottom: 1px solid #eee;
        /* background-color: #fdfdfd; */
        padding: 1.2rem 1.5rem;
        width: 100%;
    }
    .table-striped > tbody > tr > td:nth-child(2) {
    --bs-table-color-type: #555;
    --bs-table-bg-type: #fff;
    }






























/* - - - STAFF VRABOTENI 25 - - - */
#block-views-block-a-staff-block-3 .view-content {
  grid-template-columns: 1fr;
  gap: 2rem;
}
    
#block-views-block-a-staff-block-3 .views-row:nth-of-type(1),
#block-views-block-a-staff-block-3 .views-row:nth-of-type(2) {
  max-width: 100%;
}







}



































/* 3. SMALL MOBILE (<= 480px)
 * Stacks data fields into 1 column.
*/
@media (max-width: 480px) {
/*
    .view-a-oglasi article.oglas.teaser {
        padding: 2rem;
    }
    
    .view-a-oglasi .field--name-field-oglas-broj,
    .view-a-oglasi .field--name-field-oglas-data,
    .view-a-oglasi .field--name-field-oglas-rok {
        flex-basis: 25%;
    }
*/
}