/**
 * If using a CSS pre-processor, tell it to overwrite this file. If not, place
 * your custom CSS modifications here.
 */

:root {
  --bs-font-sans-serif: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol",
  "Noto Color Emoji";
  --main-color: #006691;
  --gray-color: #333333;
  --white-color: #f3f3f3;
  --view-gutter: 15px;
}

html,
body,
body * {
  font-family: var(--bs-font-sans-serif);
  font-family: "Open Sans", sans-serif;
}

.main-container {
  margin-top: 30px;
}

.navbar-default {
  background-color: transparent;
  border-color: transparent;
}

.navbar .logo img {
  max-width: 100px;
  height: auto;
}

/* belka górna - rozłożenie elementów */

.navbar-header {
  width: 100%;
}
.region.region-navigation {
  display: flex;
  justify-content: space-between;
  flex-direction: row;
  align-items: center;
}
#block-przetargi-theme-search {
  margin-left: auto;
}
.navbar-text {
  margin-top: 0;
}

.navbar--brandname {
  display: flex;
  flex-direction: column;
}
.navbar-default .navbar-brand,
.navbar-default .navbar-text {
  color: var(--main-color);
  font-size: 1.8em;
  line-height: 1.2em;
  height: auto;
  padding-bottom: 15px;
}
.navbar-default navbar-text {
  font-weight: bold;
}

@media screen and (max-width: 768px) {
  .region.region-navigation {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
  }
  #block-przetargi-theme-search {
    margin: 15px auto 0px;
  }
  .navbar .logo {
    margin: auto;
  }
  .navbar--brandname {
    display: flex;
    flex-direction: column;
  }
  .navbar-default .navbar-brand,
  .navbar-default .navbar-text {
    color: var(--main-color);
    font-size: 1.8em;
    line-height: 1.2em;
    height: auto;
    padding-bottom: 15px;
    text-align: center;
  }
  .navbar-default navbar-text {
    font-weight: bold;
    margin-top: 0;
  }
}

.navbar-collapse {
  background-color: #f6f6f6;
}

.navbar-collapse .navbar-nav .li {
  text-align: center;
  text-transform: uppercase;
}

.navbar-collapse .navbar-nav a {
  color: var(--gray-color);
  text-align: center;
  text-transform: uppercase;
}

.banner-header .banner-item-img {
  height: auto;
  width: auto;
  min-width: 100%;
  max-width: unset;
  display: block;
  transform: translateX(-50%);
  position: relative;
  left: 50%;
  z-index: -1;
}
@media screen and (min-width: 768px) {
  .banner-header .banner-item-img {
    max-width: 100%;
  }
}

/* Wygląd przetargów */

article .field.field--label-above,
article .field.field--label-inline {
  margin: 0 0 10px 0;
}
article [class*="field--name-field-przetarg"] table td.field__label {
  width: max(150px, 12em);
  /*width: 15%;*/
}

.field.field--label-inline {
  display: flex;
  align-content: center;
}

/*ZAKOMENTOWANO OBYDWA - MS */
/*.field--label-inline .field--label {
  width: 20%;
  text-align: right;
}*/

/*.field--label-inline .field--item,
.field--label-inline .field--items {
  width: calc(80% - 15px);
}*/

.field--label-inline .field--items .field--item {
  width: 100%;
}

@media screen and (max-width: 768px) {
  .field.field--label-inline {
    display: flex;
    flex-direction: column;
    align-content: center;
  }
  .field--label-inline .field--label {
    width: 100%;
    text-align: left;
  }

  .field--label-inline .field--item,
  .field--label-inline .field--items {
    width: 100%;
  }
}

/* Nagłówek H1 */

h1.page-header {
  background-color: #f6f6f6;
  border-bottom: 1px solid #ced4da;
  color: var(--main-color);
  font-size: 1.8em;
  font-weight: 700;
  margin-bottom: 2em;
  padding: 19.5px 30px;
  text-transform: uppercase;
}

/* Tytuły nodów */

article h2 {
  background-color: #f6f6f6;
  font-size: 1.2rem;
  margin-bottom: var(--view-gutter);
  padding: 15px calc(var(--view-gutter) * 2);
  color: var(--main-color);
  font-size: calc(1rem + 0.9vw);
  font-weight: 700;
}

@media (min-width: 1200px) {
  .h2,
  h2 {
    font-size: 2rem;
  }
}


.layout--onecol {
  padding: 15px calc(var(--view-gutter) * 2);
}

/* Stopka */

footer {
  background: linear-gradient(0deg, #002c5a 12%, #004287 50%, #168ea6 100%);
  color: var(--white-color);
}

footer a {
  color: var(--main-color);
}


/* iFramed */

body.iframed header#navbar,
body.iframed .banner-header,
body.iframed .iframe-hidden-container,
body.iframed .navbar-collapse.collapse,
body.iframed footer,
body.iframed .block-extra-field-blocknodeogloszenialinks,
body.iframed div[role="heading"],
body.iframed .breadcrumb,
body.iframed #toolbar {
  display: none !important;
}

body.iframed .main-container {
  margin-top: 0;
}

/*DODANO MS*/

/*div .field.field--name-body.field--item > p {
  font-weight: bold!important;
  font-size:16px;
  margin-bottom:15px;
}*/

div .field.field--name-field-przetarg-pozycje.field--type-entity-reference-revisions.field--label-above > div.field--label{
  margin-top:30px;
}

div .field.field--name-field-przetarg-kryteria.field--type-entity-reference-revisions.field--label-above > div.field--label{
  margin-top:30px;
}

div .field.field--name-field-przetargi-komunikat.field--type-entity-reference-revisions.field--label-above > div.field--label{
  margin-top:30px;
}
div .field.field--name-field-przetarg-pytania.field--type-entity-reference-revisions.field--label-above > div.field--label{
  margin-top:30px;
}
div.content{
  padding:30px;
}
/*div.content  div.field.field--name-body.field--type-text-with-summary.field--label-hidden.field--item{

  font-size: 16px;
  font-weight: bold;
}*/


form#views-exposed-form-przetargi-uproszczone-page-1> div.form--inline.form-inline.clearfix > div.form-item.js-form-item.form-type-textfield.js-form-type-textfield.form-item-title.js-form-item-title.form-group> input#edit-title.form-text.form-control{
  width: 100%;
  margin-bottom: 5px;
}

input#edit-title--2.form-text.form-control{
  width: 100%;
  margin-bottom: 5px;
}




.block-title + .contextual + .layout--onecol{
  padding:0 !important;
}

#block-przetargi-theme-postepowania>div.layout.layout--onecol{
  padding:0 !important;
}

.layout--onecol:has(h3:contains("Organizacja procedur")){
  padding:0!important;
}