/* Have fun adding your style here :) - PS: At all times this file should contain a comment or a rule, otherwise opera might act buggy :( */

/* General Custom CSS */

/* Enfold dynamic CSS sets #wrap_all{background:#454545} — fills viewport below short pages with footer-grey */
html, body {
  background-color: #ffffff !important;
}
#wrap_all {
  background-color: #ffffff !important;
}
#main {
  min-height: 0 !important;
  background-color: transparent !important;
}

/* Footer: full-bleed dark bar (outer #socket 100% wide like Cenovnik); inner .container matches content column */
#socket.container_wrap.socket_color {
  box-sizing: border-box !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  width: 100% !important;
  max-width: none !important;
}
@media only screen and (min-width: 990px) {
  .responsive #socket .container {
    max-width: 1310px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 989px) {
  .responsive #socket .container {
    max-width: 782px;
  }
}
@media only screen and (max-width: 767px) {
  .responsive #socket .container {
    width: 85%;
    max-width: 85%;
  }
}

/* Footer: compact vertical rhythm */
#socket .container {
  display: flex !important;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 10px 20px;
  padding-top: 10px !important;
  padding-bottom: 10px !important;
  overflow: hidden;
}
#socket .copyright {
  float: none !important;
  flex: 1 1 auto;
  min-width: 0;
}
#socket .copyright p {
  margin: 0 !important;
  padding: 0 !important;
  line-height: 1.45 !important;
}
#socket .social_bookmarks {
  float: none !important;
  margin: 0 !important;
  flex: 0 0 auto;
}
#socket .social_bookmarks li {
  top: 0 !important;
}

/* O nama (page 184): shorter hero + less empty space before footer */
body.page-id-184 #av_section_1 .container {
  height: 200px !important;
  min-height: 0 !important;
}
body.page-id-184 #av_section_1.av-minimum-height .container {
  display: block !important;
}
body.page-id-184 #av_section_1.av-minimum-height .container .content {
  display: block !important;
  height: auto !important;
  float: none !important;
}
body.page-id-184 #av_section_2.avia-section-default .container {
  padding-top: 28px !important;
  padding-bottom: 28px !important;
}

/* Short page: pin footer to bottom of viewport (no white band below dark bar) */
html:has(body.page-id-184) {
  margin: 0 !important;
  padding: 0 !important;
  height: 100%;
}
/* Fallback when :has is unsupported: body still drives layout */
body.page-id-184 {
  margin: 0 !important;
  padding: 0 !important;
  min-height: 100vh;
  min-height: 100dvh;
  display: flex;
  flex-direction: column;
}
body.page-id-184 #wrap_all {
  flex: 1 1 auto;
  display: flex;
  flex-direction: column;
  min-height: 100vh;
  min-height: 100dvh;
}
body.page-id-184 #wrap_all > header {
  flex-shrink: 0;
}
body.page-id-184 #main {
  flex: 1 1 auto !important;
  display: flex !important;
  flex-direction: column !important;
  min-height: 0 !important;
}
body.page-id-184 #socket {
  margin-top: auto !important;
  flex-shrink: 0 !important;
}
/* Empty FB placeholder can still affect document flow on some builds */
body.page-id-184 #fb-root {
  flex: 0 0 0 !important;
  height: 0 !important;
  min-height: 0 !important;
  overflow: hidden !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
}

/*
Desktop Styles
================================================== */
/* Note: Add new css to the media query below that you want to only effect the desktop view of your site */

@media only screen and (min-width: 768px) {
  /* Add your Desktop Styles here */

}



/*
Mobile Styles
================================================== */
/* Note: Add new css to the media query below that you want to only effect the Mobile and Tablet Portrait view */

@media only screen and (max-width: 767px) {
  /* Add your Mobile Styles here */

}