.media--ratio .media__element, .media--ratio svg, .media--fx .b-blur {
  position: static;
  z-index: 0;
  inset: 0;
  width: auto;
  height: auto;
  min-height: 1px;
  object-fit: cover;
}
.media--blazy, .media--fx {
  position: static;
}
.media--ratio--11 {
  padding-bottom: 0;
}
.media.media--ratio {
  position: static;
  display: block;
  overflow: hidden;
  width: auto;
  max-width: unset;
  height: auto;
  min-height: 1px;
}
.media--ratio.is-b-loaded {
  transition: none;
}
.media-wrapper--blazy {
  position: relative;
  min-width: unset;
  max-width: 100%;
}
/* Handle alignment for Blazy-wrapped images */
.media-wrapper:has(img.align-left) {
    float: left;
    margin: 0 1rem 1rem 0;
}
.media-wrapper:has(img.align-right) {
    float: right;
    margin: 0 0 1rem 1rem;
}
.media-wrapper:has(img.align-center) {
    display: block;
    margin: 1rem auto;
    text-align: center;
}
/* Fallback for older browsers that don't support :has() */
.media-wrapper img.align-left {
    float: left;
    margin: 1rem 1rem 1rem 0;
}
.media-wrapper img.align-right {
    float: right;
    margin: 0 0 1rem 1rem;
}
.media-wrapper img.align-center {
    display: block;
    margin: 1rem auto;
}
/* Clear floats after aligned elements */
.media-wrapper::after {
    content: "";
    display: table;
    clear: both;
}
p:empty {
    display: none;
}

/* Also handle paragraphs with only whitespace */
p:blank {
    display: none;
}


/* KOLORY */



:root{
--darkgreen:    #1b3c32;     
--white:        #fff;
--leafgreen:	#75c740;
--lightgray:	#f2f2ef;
--beige:		#f0eee9;
--graygreen:	#5f756e;
--green:		#4b8d39;
--graphit:		#141615;
--red: 			#cb050e;
}

.hidden-region {
  display: none;
}

 .messages__wrapper {
    width: 80%;
    margin: 0 auto;
    padding: 20px;
}
.messages.messages--status{
    clear: both;
    border: 2px solid #8bc43f; /* zielony */
    padding: 8px 20px;
}

 @media (min-width: 1025px) {
   .messages__wrapper {
        width: 50%;
   }
}


.systemowe-messages {
	clear: both;
	border: 2px solid #8bc43f; /* zielony */
	padding: 20px;
	width: 50%;
	    margin: 0 auto;
}

#block-sas-theme-primary-local-tasks {
	padding: 20px 0;
}
#block-sas-theme-primary-local-tasks ul li {
	display: inline-block;
}
#block-sas-theme-primary-local-tasks ul li a {
	display: block;
	padding: 4px;
	margin: 4px;
	border: 1px solid #838383;
}




 
/* ---------------------------- KONTENERY   -----------------------------------*/ 


.kontener,
#block-sas-theme-centrumdanychwterenie .paragraph,
#block-sas-theme-aktualnosci > div,
#block-sas-theme-views-block-aktualnosci-centrum-danych-block-1 > div {
    width: 100%;
    padding: 0 20px;
}
@media (min-width: 768px){
    .kontener,
	#block-sas-theme-centrumdanychwterenie .paragraph,
#block-sas-theme-aktualnosci > div,
#block-sas-theme-views-block-aktualnosci-centrum-danych-block-1 > div	{  
        width: 720px;
        margin: 0 auto;
		padding: 0;
    }
}
@media (min-width: 1025px){
    .kontener,
	#block-sas-theme-centrumdanychwterenie .paragraph,
#block-sas-theme-aktualnosci > div,
#block-sas-theme-views-block-aktualnosci-centrum-danych-block-1 > div {  
        width: 980px;
        margin: 0 auto;
        padding: 0;
    }
}
@media (min-width: 1201px){
    .kontener,
	#block-sas-theme-centrumdanychwterenie .paragraph,
#block-sas-theme-aktualnosci > div,
#block-sas-theme-views-block-aktualnosci-centrum-danych-block-1 > div {  
        width: 1160px;
    }
}

@media (min-width: 1321px){
    .kontener,
	#block-sas-theme-centrumdanychwterenie .paragraph,
#block-sas-theme-aktualnosci > div,
#block-sas-theme-views-block-aktualnosci-centrum-danych-block-1 > div  {   
        width: 1280px;
    }
}
@media (min-width: 1601px){
    .kontener,
	#block-sas-theme-centrumdanychwterenie .paragraph,
#block-sas-theme-aktualnosci > div,
#block-sas-theme-views-block-aktualnosci-centrum-danych-block-1 > div {  
        width: 1400px;
    }
     
}






@media (min-width: 1025px) {

     
}





@media (min-width: 768px){
    
}


@media (min-width: 1025px){
    
}



/* -------------------- EDYTOR  TEKSTOWY  --------------------------*/

.paragraph ul,
.paragraph ol {
	padding: 16px 0 6px 30px;
}



/* -- AKORDEON  -------------------------------------------------- */


article .ckeditor-accordion-container {
    padding: 30px 0 30px 0px;
    width: 100%;
}

.ckeditor-accordion-container > dl dt > a,
.ckeditor-accordion-container > dl dt > a:not(.button) {
    background-color: var(--creme);  
    border: 0;  
    height: auto;
  line-height: 1.4;
  padding: 0.5rem 1rem 1rem 3rem;
    margin-bottom: 5px; 
    margin-top: 5px; 
    color: var(--text);  
 
    transition:  300ms;
}
.ckeditor-accordion-container > dl dt.active > a {
    background-color: var(--creme);
    border: 0;  
    margin-bottom: 5px; 
    margin-top: 5px; 
    transition:  300ms;
}
.ckeditor-accordion-container > dl dt > a:hover,
.ckeditor-accordion-container > dl dt > a:not(.button):hover {
    background-color: var(--creme);
    box-shadow: none;
    color: var(--plum);  
    font-weight: 500;
    text-decoration: none;
    border: 0;  
    margin-bottom: 5px; 
    margin-top: 5px; 
    transition:  300ms;
}
.ckeditor-accordion-container > dl dd {
    display: none;
    padding: 20px 25px 25px 25px;
}
.ckeditor-accordion-container > dl {
    position: relative;
    border: 0;
}
.ckeditor-accordion-container > dl dd.active {
    max-height: unset;  
    transition: max-height 3s ease-in;
    border: 0; 
    transition:  300ms;
}
.ckeditor-accordion-container > dl dt > a > .ckeditor-accordion-toggle {
    display: block;
    position: absolute;
    padding: 0 ;
    width: 1.75rem;
    height: 1.75rem;
    z-index: 1;
    top: 0;
  
    left: 0;
    background-color: var(--plum);
    box-sizing: border-box;
}
 
.ckeditor-accordion-container > dl dt > a > .ckeditor-accordion-toggle::before,
.ckeditor-accordion-container > dl dt > a > .ckeditor-accordion-toggle::after {
  background: #fff;
    background-color: rgb(255, 255, 255);
  -webkit-transition: all 600ms cubic-bezier(0.4, 0, 0.2, 1);
  transition: all 600ms cubic-bezier(0.4, 0, 0.2, 1);
  content: "";
  display: block;
  height: 2px;
  position: absolute;
  width: 10px;
  z-index: -1;
  left: 0;
  top: 14px;
  -webkit-transform: rotate(-180deg);
  transform: rotate(-180deg);
  will-change: transform;
}
 
.ckeditor-accordion-container > dl dt > a > .ckeditor-accordion-toggle::after {
  left: 11px;
  -webkit-transform: rotate(135deg);
  transform: rotate(135deg);
}
 

.ckeditor-accordion-container > dl dt > a > .ckeditor-accordion-toggle::before{
  right: 12px;
  left: auto;
  -webkit-transform: rotate(-135deg);
  transform: rotate(-135deg);
}

 
.ckeditor-accordion-container > dl dt.active > a > .ckeditor-accordion-toggle::after {
  transform: rotate(45deg);
}
 
.ckeditor-accordion-container > dl dt.active > a > .ckeditor-accordion-toggle::before {
  transform: rotate(-45deg);
}
.ckeditor-accordion-container > dl dt > a > .ckeditor-accordion-toggle::before,
.ckeditor-accordion-container > dl dt > a > .ckeditor-accordion-toggle::after,
.ckeditor-accordion-container > dl dt.active  > a > .ckeditor-accordion-toggle::before,
.ckeditor-accordion-container > dl dt.active  > a > .ckeditor-accordion-toggle::after,
.ckeditor-accordion-container > dl dt > a:hover > .ckeditor-accordion-toggle::before,
.ckeditor-accordion-container > dl dt > a:hover > .ckeditor-accordion-toggle::after,
.ckeditor-accordion-container > dl dt.active  > a:hover > .ckeditor-accordion-toggle::before,
.ckeditor-accordion-container > dl dt.active  > a:hover > .ckeditor-accordion-toggle::after {
   background-color:  #fff;  
}

.ckeditor-accordion-container .ckeditor-accordion-container > dl dt > a > .ckeditor-accordion-toggle {
    background-color: var(--pigeon);
}
.ckeditor-accordion-container .ckeditor-accordion-container > dl dt > a,
.ckeditor-accordion-container .ckeditor-accordion-container > dl dt > a:not(.button) {
    background-color: var(--lightgrey3);
}

@media (min-width: 768px){ 
    article .ckeditor-accordion-container {
        padding: 30px 0 30px 0px;
        width: 100%;
    }
}

@media (min-width: 1025px){ 
    article .ckeditor-accordion-container {
        padding: 30px 0 30px 0px;
        width: 100%;
    }
}

@media (min-width: 1321px){ 
    article .ckeditor-accordion-container {
        padding: 30px 0 30px 0px;
        width: 100 %;
    }
}


/* BREADCRUMB */

#block-sas-theme-breadcrumbs nav ol li {
    display: inline-block;
    position: relative;
    padding-right: 20px;
}
#block-sas-theme-breadcrumbs nav ol li:after {
    content: "";
    display: block;
    width: 16px;
      height: 10px;
      background-image: url(../images/arrow-bread.svg);
      position: absolute;
      right: -3px;
      top: 3px;
      background-size: contain;
      background-repeat: no-repeat;
      opacity: 0.6;
}
#block-sas-theme-breadcrumbs nav ol li:last-child:after {
    display: none;
}


/* STRONICOWANIE */

nav.pager {
    text-align: left;
    width: 100%;
}
.pager > ul {
    display: inline-block;
    padding-left: 0;
    margin: 20px 0;
    border-radius: 0;
}
.pager li {
    display: inline-block;
    border: 2px solid var(--plum);
    padding: 4px 10px 2px 10px;
    margin: 0 2px 8px 2px;
}
.pager li > a  {
    display: block;
    margin-left: -1px;
    line-height: 1.5;
    color: #212121;
    padding: 3px 10px;
    text-decoration: none;
}
.pager li:hover {
    border: 2px solid var(--creme3);
}
.pager li.is-active  {
    background-color: transparent;
    border: 2px solid var(--creme3);
}
.pager li.is-active:hover   {
    background-color: var(--plum);
    border: 2px solid var(--plum);
}

  

/* COOKIE */


div#sliding-popup {
    background-color: rgba(128, 128, 128, 0.85);
}
 .eu-cookie-compliance-message p {
  font-weight: 500;
  line-height: 1.1;
  margin: 0 0 0px 0;
}
.eu-cookie-withdraw-tab,
.decline-button.eu-cookie-compliance-default-button {
    display: none;
}
.eu-cookie-compliance-content {
    margin: 0 auto;
    max-width: 90%;
    display: inline-block;
    text-align: left;
    width: 100%;
}
.eu-cookie-compliance-message {
    margin: 12px 30px 0px 0;
    max-width: 100%;
    width: 100%;
}
.eu-cookie-compliance-buttons {
    margin: 5px 0 5px 0;
    max-width: 100%;
    width: 100%;
}
.eu-cookie-compliance-secondary-button {
    position: relative;
      margin-top: 0;
      padding: 12px 8px 4px 35px;
      display: block;
      float: left;
}
.eu-cookie-compliance-secondary-button:before {
    content: "";
    display: block;
    background-image: url(../images/icon_check.png);
    width: 22px;
    height: 22px;
    left: 0;
    position: absolute;
    top: 8px;
    background-size: contain;
}
.eu-cookie-compliance-more-button {
    cursor: pointer;
    display: block;
    height: auto;
    margin: 0;
    padding: 12px 8px 4px 8px;
    border: none;
    text-decoration: underline;
    background: none;
    float: left;
}

@media (min-width: 768px) {
    .eu-cookie-compliance-message {
        float: left;
        margin: 12px 0px 0px 0;
        max-width: 62%;
        width: 62%;
    }
    .eu-cookie-compliance-buttons {
        float: right;
        margin: 0;
        max-width: 38%;
        width: 38%;
        padding: 10px 0 0 30px;
    }
}

@media (min-width: 1025px) {
    .eu-cookie-compliance-message {
        float: left;
        margin: 12px 30px 0px 0;
        max-width: 70%;
    }
    .eu-cookie-compliance-buttons {
        float: right;
        margin: 0 0 5px 0;
        max-width: 30%;
    }
}
@media (min-width: 1321px) {
     .eu-cookie-compliance-content {
        max-width: 75%;
    }
}