/*
 * DO NOT EDIT THIS FILE.
 * See the following change record for more information,
 * https://www.drupal.org/node/3084859
 * @preserve
 */

/**
 * @file
 * Site header.
 */

/*
 * Media query breakpoints.
 * Processed by postcss/postcss-custom-media.
 */

/* Navigation related breakpoints */

/* Grid related breakpoints */

/* Grid shifts from 6 to 14 columns. */

/* Width of the entire grid maxes out. */

.site-header {
  /**
   * Ensure mobile site header is always above other elements including
   * contextual links, and Tour.
   */
  z-index: 101;
  top:0;
}

@media (min-width: 75rem) {

.site-header {
    /* Necessary to keep the content from jumping up when header transitions to fixed. */
    min-height: var(--site-header-height-wide);
    border-block-end: solid 1px transparent; /* Will show in Windows high contrast mode. */
  }
}

.site-header__initial {
  position: relative;
  z-index: 102;
  display: flex;
  align-items: flex-end;
  align-self: stretch;
  background-color: var(--color--primary-50);
}

.site-header__fixable {
  display: flex;
  align-items: flex-end;
  transition: all 0.5s;
  width:100%;
}

@media (min-width: 75rem) {
  .site-header__fixable.is-fixed:not(.is-expanded) {
    pointer-events: none;
  }
}

@media (min-width: 75rem) {
	.site-header__fixable{
		position:fixed;
	}
  body:not(.is-always-mobile-nav) .site-header__fixable.is-fixed {
    position: fixed;
	width:100%;
    z-index: 102; /* Appear above body content that is position: relative */
    /*inset-block-start: calc(var(--drupal-displace-offset-top, 0px) - var(--sp4));*/
    max-width: var(--max-bg-color);
  }
}

.site-header__inner {
  z-index: 1; /* Appear in front of Drupal's tabs. */
  flex-grow: 1;
  /*width: calc(100vw - var(--content-left) - var(--drupal-displace-offset-left, 0px) - var(--drupal-displace-offset-right, 0px));*/
  width:100%;
  background: var(--color--white);

}

/*
 * Only apply transition styles when JS is loaded. This
 * works around https://bugs.chromium.org/p/chromium/issues/detail?id=332189
 */

@media (min-width: 75rem) {

  html.js body:not(.is-always-mobile-nav) .site-header__inner {
    transition: opacity 0.3s, transform 0.3s, box-shadow 0.3s;
  }
}

@media (min-width: 75rem) {

  .site-header__fixable.is-expanded .site-header__inner {
    box-shadow: -36px 1px 36px rgba(0, 0, 0, 0.08); /* LTR */
  }
}

@media (min-width: 75rem) {

  [dir="rtl"] .site-header__fixable.is-expanded .site-header__inner {
    box-shadow: 36px 1px 36px rgba(0, 0, 0, 0.08);
  }
}

/* Hide the desktop nav when it's fixed and not active. */

@media (min-width: 75rem) {

  body:not(.is-always-mobile-nav) .site-header__fixable.is-fixed:not(.is-expanded) .site-header__inner {
  /*  transform: translateX(-101%);*/ /* LTR */
    /*opacity: 0;*/
  }
}

@media (min-width: 75rem) {

  [dir="rtl"] body:not(.is-always-mobile-nav) .site-header__fixable.is-fixed:not(.is-expanded) .site-header__inner {
    /* transform: translateX(101%); */
  }
}

.site-header__inner__container {
  display: grid;
  justify-content: space-between;
    padding:0;
}
#block-adres .text-content,#block-godzinyotwarcia .text-content{position:relative;padding-left:43px;}
.site-header__inner__container .text-content p{font-size:10pt;font-weight:500;line-height:1.2em;}
#block-adres .text-content::before, #block-godzinyotwarcia .text-content::before{
	left:0;top:0;
	content:'';
	position:absolute;
	float:left;
	width:35px;
	height:35px;
	font-family:bodybalance;
	font-size:35px;
	color:#eb93ad;
}
#block-godzinyotwarcia .text-content::before{content:'\0048';}
#block-adres .text-content::before{content:'\004c';font-size:30px;}
#block-umowwizyte .text-content .field__item{position:relative;margin-bottom:10px;}
#block-umowwizyte .text-content .field__item a{
	font-size:12pt;font-weight:600;line-height:28px;float:left;width:100%;display:inline-block;
	box-shadow:0 2px 2px #c9c9c9;border-radius:20px;padding:2px 16px 0px 42px;position:relative;
}
#block-umowwizyte .text-content .field__item:first-child a{
	margin-bottom:11px;
}
#block-umowwizyte .text-content .field__item a::before{
	left:-3px;top:-4px;
	content:'\0047';
	text-align:center;
	color:#eb93ad;
	font-family:bodybalance;
	position:absolute;
	float:left;
	width:39px;
	height:39px;
	background-color:#ffffff;
	border-radius:20px;
	border:5px solid #eb93ad;
	transition:0.3s;
	font-weight:400;
}
#block-umowwizyte .text-content .field__item a:hover{
	background-color:#eb93ad;
	color:#ffffff;
}
#block-umowwizyte .text-content .field__item a:hover::before{

}

#block-umowwizyte,#block-adres,#block-godzinyotwarcia,#block-views-block-media-naglowek-block-1{padding:11px 0 20px;}


.site-header__inner__container .field--name-field-tytul{
	font-size:10pt;font-weight:500;text-transform:uppercase;text-align:center; padding:0 30px;position:relative;margin:0 0 10px;
	
}

.site-header__inner__container div.field--name-field-tytul .field__item{
	display:inline-block;
	position:relative;
	background:#ffffff;
	padding:0 5px;
}

.site-header__inner__container div.field--name-field-tytul::before{
	content:'';
	display:flex;
	position:absolute;
	width:100%;
	float:left;
	top:10px;
	left:0;
	height:2px;background-color:#233a53;
}
@media (max-width: 75rem) {
	
	.site-header__inner__container > div {display:inline-block;grid-row-start:none;}
}