/**
 * @file
 * Subtheme specific CSS..paragraph--type--projects-wrapper
 */

 @font-face {
    font-family: 'Century Gothic';
    src: url('../fonts/century-gothic-font/CenturyGothic.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}


@font-face {
    font-family: 'Georgia';
    src: url('../fonts/Georgia-Font/Georgia.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Tinos';
    src: url('../fonts/tinos/Tinos-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
}

body, .site-footer {
    font-family: 'Century Gothic', sans-serif !important;
  }

.toolbar .toolbar-bar .toolbar-item {
	color: #fff !important;
}

.toolbar .toolbar-bar .toolbar-tab > .toolbar-item.is-active {
	color: #000 !important;
}

.toolbar .toolbar-menu .toolbar-menu a {
	color: #434343 !important;
	&:hover {
		color: #434343 !important;
	}
} 

a {
    color: #007481;
	
	&:hover {
		color: #007481;
	}

	&:focus {
		color: #007481;
	}
}

h1,h2,h3,h4,h5,h6 {
  font-family: 'Tinos', sans-serif !important;
}
  p,h1,h2,h3,h4,h5,h6 {
    margin-bottom: 0 !important;
  }

  .views-field img {
    width: 100%;
    height: auto;
  }

  .custom-gradient {
    background: #093136;
  }

  .top-header {
    section {
      height: 46px;
      display: flex;
      flex-direction: row-reverse;
      align-items: center;
      .field--name-body {
        display: flex;
      }
    }
  }

  tr  {
    background-color: transparent;
    display: flex;
    padding: 0;
    align-items: center;
    td, th{
      border: none;
    }
  }

  #superfish-full-main-menu {
    display: flex;
    justify-content: end;
    a {
      text-decoration: none;
      color: #153135 !important;

      &:hover {
        color: #153135 !important;
      }
    }
  }
  .navbar-brand {
    z-index: 1;
	padding-left: 14px;
    .img-fluid {
	  @media (max-width: 1024px) {
	  	width: 200px;
	  }
      @media (max-width: 768px) {
	    width: 120px;
	  }
    }
  }
  .block-superfishfull-main-menu {
    display: flex;
    justify-content: end;
    .content {
      width: 100%;
      background-color: white;
      padding: 24px;
	  @media (max-width: 1024px) {
		justify-items: flex-end;
	  }
    }
    ul.sf-menu ul li {
      background: #f7f7f7;
    }
    ul.sf-menu .sf-sub-indicator:after {
	  font-size: 12px;
	}
    ul {
      &#superfish-main-accordion {

      }
    }
  }
  @media (max-width: 1024px) {
    .block-superfishfull-main-menu {
      text-align: right;
      position: absolute;
      top: 0px;
      right: 5px;
      .content {
        padding: 24px;
        ul {
          display: flex;
          padding-top: 30px;
          flex-direction: column;
          align-items: flex-end;
          background-color: white;
		  @media (max-width: 480px) {
		    padding-top: 0px;
		  }
          li {
			background-color: white !important;
            width: fit-content;
            a{
              color: black !important;
              text-decoration: none;
              padding-inline: 40px;
            }
          }

        }
      }
    }
  }
  button.navbar-toggler{

  }

  .site-footer {
	background: #093136 !important;
    .nav-link, a, .nav-link:hover, a:hover{
      color: #fff !important;
    }
	.region {
		padding: 0 2.65%;
	}
	.nav {
		margin-top: 6px;
		flex-direction: column;
		.nav-item a{
			padding-inline: 0;
		}
	}
    @media (max-width: 768px) {
	  padding: 20px 0 20px;
      .nav-link, a {
        padding-inline: 0;
      }
	  .region {
		margin-top:12px;
		padding:12px;
	  }
      
    }

    h2, p {
      color: #fff;
    }
    h2 {
      position: relative;
      display: inline-block;
      padding-bottom: 21px; /* Optional: Add some space between the text and the border */
	  border: none;
	  text-transform: unset;
	  font-size: 20px;
    }
	h2::after {
	content: "";
    display: block;
    width: 65px;
    height: 2px;
    background-color: #007481;
    position: absolute;
    bottom: 0;
    left: 32px;
    transform: translateX(-50%);
	}
    .block {
      margin-top: 0;
      border: none;
      padding: 0;
    }
	p {
	  font-size: 15px;
	}
  } 
  .site-footer td {
	padding: 4px 20px 4px 0;
  }

  /* component ggp section */
  .paragraph--type--ggp-section {
    border-top: 1px solid #bababa;
    background: #F8F7F7;

    .text-wrapper {
      .field__item {
        hr {
          width: 60px;
          height: 3px;
          background-color: #004851;
          margin: 20px 0;
          opacity: 1;
        }
      }
    }

    .image-wrapper {
      flex: 1;
	  padding-right: 0px;
      .field__item {
		justify-items: end;
		float: right;
        img {
          max-width: 450.15px;
          max-height: 417.58px;
          margin: 0 auto;
          object-fit: cover;
          display: block;
          
          /* Ensure responsiveness */
          width: 100%;
          height: auto;
        }
      }
    }

	@media (max-width: 1024px) {
		.container {
			display: flex;
			flex-direction: column;
			.row {
				display: block;
				.text-wrapper {
					width: 100%;
				}
				.image-wrapper {
					margin-top: 20px;
					width: 100%;
					.field__item {
						justify-items: center;
						float: none;
					}
				}
			}
		}
	}

    /* Responsive adjustments */
    @media (max-width: 768px) {
      .container {
        display: flex;
        flex-direction: column;
        gap: 40px; /* Add gap between columns */
      }

      .text-wrapper,
      .image-wrapper {
        width: 100%; /* Ensure both wrappers take full width */
      }
      
      .image-wrapper .field__item img {
        max-height: none;
      }
    }
  }
  /* component ggp section end */

  /* component projects */
  .paragraph--type--projects-wrapper {
	
    background: #093136;
    .field--name-field-project {
      display: grid;
      padding: 38px 20px;
      grid-template-columns: repeat(3, 1fr);
      color: #fff;
	  align-items: center;
      .field__item {
        text-align: center;
        border-right: 2px solid white;
        padding: 0 8px;
        &:last-child {
          border: unset;
        }
      }
    }
    /* Mobile styles: for screens smaller than 768px */
    @media (max-width: 768px) {
      .field--name-field-project {
        display: block;
        padding: 24px 0;
        color: #fff;
		align-items:center;
        .field__item {
          text-align: center;
          border-right: unset;
		  border-bottom: 2px solid white;
          padding: 10px 8px;
        }
      }
    }
	@media (min-width: 1400px) {
      .field--name-field-project{
          max-width: 1320px;
		  margin: auto;
      }
    }
  }
  /* components projects end */

    /* component ggp editing */
   .paragraph--type--ggp-edition-wrapper {
      .field--name-field-editions {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 85px;
        & > .field__item {
          background: #093136;
          &:first-child {
            background: #007481;
          }
        }
      }
      .paragraph--type--ggp-study {
        padding: 40px;
        color: #fff;
        height: 100%;
		display: flex;
		align-items: center;
		justify-content: center;
		p {
		  display: flex;
		  align-items: center;
		  justify-content: space-between;
		}
        img {
          background: white;
          border-radius: 50%;
          width: 90px;
          height: 90px;
          object-fit: contain;
        }
      }
	  @media (max-width: 1024px) {
		.field--name-field-editions {
		  grid-template-columns: 1fr;
		  gap: 20px;
		}
      }
      /* Mobile styles: for screens smaller than 768px */
      @media (max-width: 768px) {
        .field--name-field-editions {
          display: block;
          & > .field__item {
            margin-bottom: 24px;
          }
        }
      }
	  @media (max-width: 480px) {
		.paragraph--type--ggp-study {
		  padding: 25px;
		  .align-items-center {
			gap: 10px;
		  }
		}
	  }
   }
  /* components projects end */

  .blue-button {
    padding: 14px 30px;
    color: #fff !important;
    background: #007481;
    text-decoration: none;
    &:hover {
      background: #007481;
      color: #fff !important;
    }
	&:focus {
	  color: #fff !important;
	}
  }
  @media (max-width: 1400px) {
    .blue-button{
      padding: 14px 20px;
    }
    
  }

  .white-button {
    padding: 14px 30px;
    color: #093136 !important;
    background: #fff;
    text-decoration: none;
    &:hover {
      color: #093136 !important;
      background: #fff;
    }
	&:focus {
	  color: #093136 !important;
	}
  }
  @media (max-width: 768px) {
    .white-button {
      padding: 14px 20px;
    }
    
  }
  #main .main-content {
    --bs-gutter-y: 0;
    --bs-gutter-x: 0;
  }


  navbar>.container {
    position: relative;
  }

.dropbutton-widget {
  border:none !important;
  li:hover {
    background: #fff !important;
  }
}

  .dropbutton-wrapper.dropbutton-multiple.open {
    top: 14px;
  }
  


.collapse:not(.show) {
    display: block !important;
}

.paragraph--type--news-listing {
	background: #F8F7F7;
	.view-content {
		.views-view-responsive-grid {
			.views-view-responsive-grid__item {
				.views-view-responsive-grid__item-inner {
					.views-field-title {
						.text-primary {
							color: #093136 !important;
							font-size: 24px !important;
						}
					}
					.views-field-view-node {
						a {
							text-decoration: none;
						}
					}
				}
			}
		}
	}
	.view-footer {
		padding-top: 21px;
	}
}

h2.container.py-5.px-4 {
	position: relative;
	padding-bottom: 21px !important;
	border: none;
}

h2.container.py-5.px-4::after{
	content:"";
	display: block;
	width: 65px;
	height: 3px;
	background-color: #004851;
	position: absolute;
	bottom: 0;
	left: 32px;
	transform: translateX(-10%);
}

.field--name-field-button-green {
	display: inline-block;
		
	a {
		color: #fff !important;
		text-decoration: none;
		padding: 14px 30px;
		background-color: #007481;

		&:hover {
			color: #fff !important;
			text-decoration: none;
		}

		&:focus {
			color: #fff !important;
		}
	}
}


/* Header Section */
.paragraph--type--header-section {
  border-top: 1px solid #bababa;
  background-color: #F8F7F7;
  
  .field--name-field-headline-and-introductory {
    h1 {
      position: relative;
      display: inline-block;
      padding-bottom: 21px;
      z-index: 1;
    }
  }

  /* Responsiveness for tablets */
  @media (max-width: 768px) {
    .row.px-left-second {
      .col-md-6:nth-child(2) { /* Targets the second column (empty column) */
        display: none; /* Hide the empty column */
      }

      .col-md-6:nth-child(1) { /* Targets the first column */
        width: 100%; /* Make it take the full width */
        flex: 0 0 100%;
        max-width: 100%;
      }
    }
  }
}
/* Header Section end */

/* GGP section reverse */
.paragraph--type--ggp-section-reverse {
  .image-wrapper {
    .field__item {
      img {
        max-width: 420.14px;
        max-height: 452.04px;
        margin: 0 auto; /* Wyrównanie obrazka w trybie mobilnym */
        object-fit: contain; /* Dopasowanie obrazu w przypadku różnorodnych proporcji */
        display: block;
      }
    }
  }
  .content-column {
    .field__item {
      hr {
        width: 60px;
        height: 3px;
        background-color: #004851;
        margin: 20px 0;
        opacity: 1;
      }
	  p {
		margin-bottom: 46px !important;
	  }
    }
  }

  /* Układ domyślny (desktop) */
  .container {
    display: flex;
    flex-wrap: nowrap;
    align-items: center;

    .image-wrapper,
    .content-column {
      flex: 1; /* Dwie kolumny o równych szerokościach */
    }
  }

  /* Układ na laptopie */
  @media (max-width: 1024px) {
    .container {
      flex-direction: column; /* Kolumny jedna pod drugą */
    }
    .image-wrapper {
      order: 2; 
      margin-top: 20px; /* Odstęp między kolumnami */
    }
    .content-column {
      order: 1; 
      margin-bottom: 20px; 
    }
  }

  /* Układ na tablecie i telefonie */
  @media (max-width: 768px) {
    .container {
      flex-direction: column; /* Kolumny jedna pod drugą */
    }
    .image-wrapper {
      order: 2; 
      margin-top: 20px; /* Odstęp między kolumnami */
    }
    .content-column {
      order: 1; 
    }
  }

  /* Układ na telefonach (jeszcze mniejsze ekrany) */
  @media (max-width: 576px) {
    .container {
      padding: 0 15px; /* Dodanie wcięć po bokach dla zawartości */
    }
    .image-wrapper,
    .content-column {
      max-width: 100%; /* Zapewnienie, że kolumny nie wyjdą poza ekran */
    }
    .image-wrapper {
      margin-bottom: 30px; /* Większy odstęp między kolumnami */
    }
    img {
      max-width: 100% !important; /* Dopasowanie obrazka do szerokości ekranu */
      height: auto; /* Zachowanie proporcji */
    }
  }

  /* Układ na bardzo małych telefonach (np. 320px szerokości) */
  @media (max-width: 360px) {
    .container {
      padding: 0 10px; /* Mniejsze wcięcia dla najmniejszych ekranów */
    }
    .image-wrapper {
      margin-bottom: 40px; /* Dodatkowy odstęp między kolumnami */
    }
    .content-column {
      margin-bottom: 20px;
    }
    img {
      max-width: 100%; /* Dopasowanie obrazu */
      height: auto; /* Zachowanie proporcji */
    }
  }
}
/* GGP section reverse end */

/* breadcrumbs */
.paragraph--type--breadcrumb {
  min-height: 53px; /* Domyślna wysokość dla dużych ekranów */
  background-color: #093136;

  .breadcrumb-wrapper {
    .field {
      #block-bootstrap-barrio-breadcrumbs {
        .content {
          nav {
            padding: 5px 10px;

            .breadcrumb {
              margin: 0;

              .breadcrumb-item {
                --bs-breadcrumb-divider-color: white;

                a {
                  color: white !important;
                  text-decoration: none;

                  &:hover {
                    color: white;
                    text-decoration: underline;
                  }
                }

                &.active {
                  color: white;
                }
              }
            }
          }
        }
      }
    }
  }
  .field--name-field-okruszki {
	margin: 0;
 }

  /* Responsywne wysokości */
  @media (max-width: 1024px) {
    height: auto;
  }

  /* Responsywne wysokości */
  @media (max-width: 768px) {
    height: auto;
  }

  @media (max-width: 425px) {
	height: autopx;
  }
}
/* breadcrumbs end */

/* GGP Development */
.paragraph--type--ggp-development {
  background-color: #E2EEEF;
  .field__item {
    h2 {
      margin-top: 19px !important;
    }
    hr {
      width: 60px;
      height: 3px;
      background-color: #004851;
      margin: 20px auto;
      opacity: 1;
    }
    p{
      margin-bottom: 46px !important;
    }
  }
}
/* GGP Development end */

/* key element with cards - About US */
.paragraph--type--ggp-key-elements-section {
  .columns-wrapper {
    display: flex;
    justify-content: space-between;
    align-items: stretch;
    height: auto;

    .text-column {
      .field__item {
        hr {
          width: 60px;
          height: 3px;
          background-color: #004851;
          margin: 20px 0;
          opacity: 1;
        }
        p {
          margin-bottom: 46px !important;
        }
      }

      .field--name-field-ggp-body {
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        height: 100%;
      }
    }

    .cards-wrapper {
      max-width: 60%;

      .field--name-field-editions {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 53px;

        & > .field__item {
          background: #093136;

          &:first-child {
            background: #007481;
          }
        }

        .paragraph--type--ggp-study {
          padding: 30px;
          color: white;
          display: flex;
          flex-direction: column;
          justify-content: center;
          height: 100%;
          align-items: center;
        }
        img {
		  width: 133px;
		  height: 133px;
		  object-fit: contain;
		  margin-bottom: 20px;
		  display: block;
		  background-color: #F5F5F5;
		  border-radius: 50%;
		  padding: 20px;
		}

        h3 {
          margin: 20px 0;
          font-weight: bold;
        }

        p {
          line-height: 1.5;
          margin: 0;
        }
      }
    }
  }

  /* Media query for tablets and smaller devices */
  @media (max-width: 1024px) {
    .columns-wrapper {
      flex-direction: column;
      align-items: flex-start;

      .text-column {
        width: 100% !important;
      }

      .cards-wrapper {
        max-width: 100% !important;
        width: 100% !important;
      }
    }
  }

  /* Media query for smartfon */
  @media (max-width: 480px) {
    .cards-wrapper {
      .field--name-field-editions {
        grid-template-columns: 1fr !important; /* Jedna kolumna na małych ekranach */
        gap: 40px !important;
      }
    }
  }
}
/* key element with cards - About US end */

/* ggp edition wrapper reverse About US */
.paragraph--type--ggp-edition-wrapper-reverse {
  padding-top: 40px;
  .custom-grid-layout {
    justify-content: space-between;
    align-items: stretch;
    height: auto;

    .primary-item {
      max-width: 68.5%;
      .field--name-field-ggp-body {
        background: #093136;
        padding: 30px;
        color: white;
        box-sizing: border-box;
      }
    }

    .secondary-item {
      max-width: 28.6%;
      .field--name-field-ggp-body {
        background: #007481;
        padding: 30px 30px 56px 30px;
        color: white;
        box-sizing: border-box;
      }
    }
  }

  /* Media Queries */
  @media (max-width: 1200px) {
    .custom-grid-layout {
      margin-top: 20px;
      gap: 53px;
      .primary-item {
        max-width: 100%;
        .field--name-field-ggp-body {
          padding: 30px;
        }
      }
      .secondary-item {
        max-width: 100%;
        padding-left: 12px;
      }
    }
  }

  @media (max-width: 1024px) {
	.custom-grid-layout {
	  margin-top: 20px;
	  gap: 30px;
	}
  }

  /* Media query for smartphone */
  @media (max-width: 480px) {
    .custom-grid-layout {
      margin-top: 0px !important;
      .secondary-item {
        margin-top: 20px;
      }
    }
  }
}
/* ggp edition wrapper reverse About US end */

/* ggp section SGH */
.paragraph--type--ggp-section-sgh {
  .columns-wrapper {
    justify-content: space-between;
    align-items: stretch;
    padding-bottom: 20px;

    .left-column {
      max-width: 50%;
      flex: 1;
      padding-right: 20px;

      .field__item {
        hr {
          width: 60px;
          height: 3px;
          background-color: #004851;
          margin: 20px 0;
          opacity: 1;
        }
      }
    }

    .right-column {
      max-width: 50%;
      padding-left: 20px;
      display: flex;
      justify-content: center;
      align-items: center;

      .field--name-field-ggp-image-wrapper {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 64px;
        align-items: center;

        .field__item {
          img {
            width: 179px;
            height: auto;
            object-fit: contain;
          }
        }
      }
    }
  }

  /* Media query for laptop */
  @media (max-width: 1024px) {
    .columns-wrapper {
      flex-direction: column;
      align-items: flex-start;

      .left-column {
        max-width: 100%;
        width: 100%;
        padding-right: 0;
        margin-bottom: 20px;
      }

      .right-column {
        max-width: 100%;
        width: 100%;
        padding-left: 17px;
      }
    }
  }

  /* Media query for tablets */
  @media (max-width: 768px) {
    .columns-wrapper {
      flex-direction: column;
      align-items: flex-start;

      .left-column {
        max-width: 100%;
        padding-right: 0;
        margin-bottom: 20px;
      }

      .right-column {
        max-width: 100%;
        width: 100%;
        padding-left: 17px;
      }
    }
  }
  
  /* Media query for mobile */
  @media (max-width: 480px) {
    .columns-wrapper {
      .right-column {
        .field--name-field-ggp-image-wrapper {
          .field__item {
            img {
              width: 100%;
            }
          }
        }
      }
    }
  }
}
/* ggp section SGH end */

.paragraph--type--ggp-team {
    background-color: #F8F7F7;
    .field__item {
        h2 {
            margin-top: 19px !important;
        }

        hr {
            width: 60px;
            height: 3px;
            background-color: #004851;
            margin: 20px auto;
            opacity: 1;
        }

        p {
            margin-bottom: 46px !important;
        }
    }
}

/* ggp calendar section About US */
.paragraph--type--calendar-about-us {
  padding-bottom: 40px;
  .calendar-section {
    display: flex;
    gap: 11rem;
    flex-wrap: wrap;

    .calendar-left {
      flex: 1;
      max-width: 50%;
      .field__item {
        hr {
          width: 60px;
          height: 3px;
          background-color: #004851;
          margin: 20px 0;
          opacity: 1;
        }
        p {
            margin-bottom: 50px !important;
        }
      }
    }

    .calendar-right {
      flex: 1;
      max-width: 50%;
      
      .calendar-list {
        .view-content {
          gap: 17px;
          .calendar-list-row {
            padding: 26px 29px;
            background: #e2eeef;
            box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
            display: flex;
            flex-direction: row;
            align-items: center;
            gap: 23px;

			@media (max-width: 480px) {
				flex-direction: column;
				align-items: start;
				gap: 14px;
			}

			&:hover {
			  box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.2);
			  transform: translateY(-2px);
			}
			.views-field-title {
			  width: 370px;
			  @media(max-width: 1024px) {
			    width: 580px;
			  }
			  @media(max-width: 480px) {
				width: 300px;
			  }
			  @media(max-width: 360px) {
				width: 200px;
			  }
			}
          }
        }
      }
    }
  }

  /* Responsiveness for laptops */
  @media (max-width: 1024px) {
    .calendar-section {
      flex-direction: column;
      gap: 3rem;

      .calendar-left,
      .calendar-right {
        max-width: 100%;
        width: 100%;
        flex: none;
      }
    }
  }

  /* Responsiveness for smaller screens */
  @media (max-width: 768px) {
    .calendar-section {
      flex-direction: column;
      gap: 3rem;

      .calendar-left,
      .calendar-right {
        max-width: 100%;
        width: 100%;
        flex: none;
      }
    }
  }

  /* Additional responsiveness for very small screens */
  @media (max-width: 480px) {
    .calendar-section {
      gap: 4rem;

      .calendar-left {
      }

      .calendar-right .calendar-item {
        padding: 0.75rem;
      }
    }
  }
}
/* ggp calendar section About US end */

/* custom spacing */
.custom-spacing {
  margin-top: 88px;
}
/* custom spacing end */

/* custom padding */
.px-custom {
  padding-left: 2rem !important;
  padding-right: 2rem !important;
}

.py-custom {
  padding-top: 3rem !important;
}

.py-top {
  padding-top: 1.3rem !important;
}

.px-left {
  padding-left: 1.5rem !important;
}

.px-left-second {
    padding-left: 1.2rem !important;
}

.px-left-third {
    padding-left: 4px !important;
}
/* custom padding end */

/* GGP Accordion Team */
.paragraph--type--team-section{
	.ggp-accordion-team-wrapper{
		.accordion-team{
			.ggp-accordion {
				margin-bottom: 37px;
				/* Accordion Header */
				.accordion-header {
					position: relative;
					height: 81px;
					margin: 0 auto;
					background: #007481;
					display: flex;
					align-items: center;
					justify-content: space-between;
					padding: 0 20px;
					
					.ggp-accordion-title {
						position: relative;
						font-size: 17px;
						font-weight: 400;
						line-height: 25px;
						color: #FFFFFF;
						height: 25px;
						margin-left: 30px;
					}
				}
				.ggp-accordion-items {
					.accordion-item {
						/* Accordion content */
						.accordion-profile {
							display: flex;
							align-items: center; /* Center image and text vertically */
							gap: 63px; /* Spacing between image and text */
							margin-top: 20px;
							padding: 2rem;
							
							/* Accordion Image */
							.profile-image {
								width: 100%;
								max-width: 180px;
								height: 180px;
								aspect-ratio: 1 / 1;
								border-radius: 50%;
								overflow: hidden;
								display: flex;
								align-items: center;
								justify-content: center;
								position: relative;
								
								img {
									position: absolute;
									top: 50%;
									left: 50%;
									width: 100%;
									height: 100%;
									object-fit: cover;
									transform: translate(-50%, -50%);
								}
							}
							
							/* Accordion Text */
							.profile-text {
								flex: 1; /* Text occupies remaining space */
								h3 {
									position: relative;
									display: inline-block;
									padding-bottom: 24px;
									color: #007481;
									@media (max-width: 480px) {
										font-size: 22px;
									}
								}
							}
						}
					}
					/* Responsiveness */
					@media (max-width: 768px) {
						.accordion-profile {
							flex-direction: column; /* Change layout to column */
							align-items: center !important; /* Center all elements */
							text-align: center; /* Center text */
							gap: 30px !important;
							.profile-text {
								p {
									font-size: 14px;
								}
							}
						}
					}
					@media (max-width: 480px) {
						.accordion-profile {
							.profile-image {
								max-width: 140px !important;
								height: 140px !important;
							}
						}
					}
				}
			}
		}
	}
}
/* GGP Accordion Team end */

/* GGP Summary */
.paragraph--type--ggp-summary {
  background-color: #F5F5F5;
  .field__item {
    h2 {
      margin-top: 19px !important;
    }
    hr {
      width: 60px;
      height: 3px;
      background-color: #004851;
      margin: 20px auto;
      opacity: 1;
    }
    p {
      margin-bottom: 46px !important;
    }
  }
}
/* GGP Summary end */

/* GGP Cards Research results */
.paragraph--type--triple-ggp-card-wrapper {
  padding-top: 20px;
  padding-bottom: 40px;
  .ggp-card-grid-triple {
    .ggp-card-second {
      .field--name-field-container-block-thematic {
        display: grid;
        grid-template-columns: repeat(3, 1fr); /* Domyślnie 3 kolumny */
        gap: 50px;

        & > .field__item {
          background: #E2EEEF;
          padding: 30px;
          display: flex;
          flex-direction: column;
          justify-content: space-between; /* Zachowuje odstępy między elementami */
          align-items: center; /* Centruje elementy w poziomie */
          height: 100%;
		  position: relative;

          h2 {
            margin: 20px 0;
          }

          p {
			margin-top: 20px !important;
            margin-bottom: 20px !important;
			padding-bottom: 60px;
          }

		  img {
			width: 133px;
			height: 133px;
			object-fit: contain;
			margin-bottom: 20px;
			display: block;
			background-color: #F5F5F5;
			border-radius: 50%;
			padding: 20px;
		  }

		  .blue-button {
			position: absolute;
			bottom: 60px;
			left: 50%;
			transform: translateX(-50%);
		  }
        }
      }
    }
  }
}

/* Responsywność dla tabletów */
@media (max-width: 1024px) {
  .paragraph--type--triple-ggp-card-wrapper {
    .ggp-card-grid-triple {
      .ggp-card-second {
        .field--name-field-container-block-thematic {
          grid-template-columns: 1fr; /* Jedna kolumna na całą szerokość */

          & > .field__item {
            width: 100%; /* Każdy element zajmuje pełną szerokość */
            max-width: none; /* Usuwa wszelkie maksymalne szerokości */
          }
        }
      }
    }
  }
}
/* GGP Cards Research results end */


/* FAQ Section */
.paragraph--type--ggp-faq-section {
  .ggp-accordion-faq {
    .header-faq {
      padding-bottom: 21px;

      .faq-section-title {
        h2 {
          position: relative;
          display: inline-block;
          padding-bottom: 21px;
          border: none;
        }

        h2::after {
          content: "";
          display: block;
          width: 65px;
          height: 3px;
          background-color: #004851;
          position: absolute;
          bottom: 0;
          left: 32px;
          transform: translateX(-50%);
        }
      }
    }

    .ggp-accordion-faq-item {
      .field--name-field-accordion-content {
        .ckeditor-accordion-container {
          > dl {
            border: 0;

            dd {
              padding: 14px 50px 50px;

              /* Responsiveness for smaller screens */
              @media (max-width: 768px) {
                padding: 14px 15px 50px; /* Removes left and right padding */
              }
            }
          }

          dt {
            font-weight: 400;
            margin-bottom: 37px;
          }

          dt.active > a {
            background-color: #007481; /* Background for active accordion item */
          }

          dt > a,
          dt > a:not(.button) {
            background-color: #007481; /* Background for inactive accordion item */
            text-decoration: unset;
            padding: 22px 43px;
			color: white !important;
			&:hover {
				color: white !important;
			}
          }

          dt > a > .ckeditor-accordion-toggle {
            left: unset;
            right: 39px; /* Replace `left` with `right` */
            width: 42px;
            height: 42px;
			@media (max-width: 480px) {
				right: 20px;
			}
          }
        }
      }
    }
  }
}
/* FAQ Section end */

/* Information Rodo Section */
.paragraph--type--ggp-rodo-section {
  .ggp-information {
    .header-information {
      padding-bottom: 21px;

      .information-section-title {
        h2 {
          position: relative;
          display: inline-block;
          padding-bottom: 21px;
          border: none;
        }

        h2::after {
          content: "";
          display: block;
          width: 65px;
          height: 3px;
          background-color: #004851;
          position: absolute;
          bottom: 0;
          left: 32px;
          transform: translateX(-50%);
        }
      }
    }

    .ggp-information-item {
      .field--name-field-accordion-content {
        .ckeditor-accordion-container {
          > dl {
            border: 0;

            dd {
              padding: 14px 50px 50px;

              /* Responsiveness for smaller screens */
              @media (max-width: 768px) {
                padding: 14px 15px 50px; /* Removes left and right padding */
              }
            }
          }
			
          dt {
            font-weight: 400;
            margin-bottom: 37px;
          }

          dt.active > a {
            background-color: #093136; /* Background for active accordion item */
          }

          dt > a,
          dt > a:not(.button) {
            background-color: #093136; /* Background for inactive accordion item */
            text-decoration: unset;
            padding: 22px 43px;
          }

          dt > a > .ckeditor-accordion-toggle {
            left: unset;
            right: 39px; /* Replace `left` with `right` */
            width: 42px;
            height: 42px;
			@media (max-width: 480px) {
				right: 20px;
			}
          }
        }
      }
    }
  }
}
/* Information Rodo Section end */

/* News calendar and research results */
.paragraph--type--calendar-research-results {
	padding-bottom: 40px;
	.calendar-section {
		display: flex;
		gap: 2rem;
		flex-wrap: wrap;

		.calendar-left {
			flex: 1;
			max-width: 50%;
			
			h2 {
				position: relative;
				display: inline-block;
				padding-bottom: 21px;
				border: none;
			}

			h2::after {
				content: "";
				display: block;
				width: 65px;
				height: 3px;
				background-color: #004851;
				position: absolute;
				bottom: 0;
				left: 32px;
				transform: translateX(-50%);
			}
			.calendar-list {
				padding-top: 21px;
				.view-content {
					gap: 17px;
					.calendar-list-row {
						padding: 26px 29px;
						background: #e2eeef;
						box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
						display: flex;
						flex-direction: row;
						align-items: center;
						gap: 23px;
						
						@media (max-width: 480px) {
							flex-direction: column;
							align-items: start;
							gap: 14px;
						}
						&:hover {
							box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.2);
							transform: translateY(-2px);
						}
						.views-field-title {
							width: 378px;
							@media(max-width: 1024px) {
								width: 580px;
							}
							@media (max-width: 480px) {
								width: 300px;
							}
							@media (max-width: 360px) {
								width: 200px;
							}
						}
					}
				}
			}
		}
		.calendar-right-research-results {
			flex: 1;
			max-width: 50%;
			
			h2 {
				position: relative;
				display: inline-block;
				padding-bottom: 21px;
				border: none;
			}
			
			h2::after {
				content: "";
				display: block;
				width: 65px;
				height: 3px;
				background-color: #007481;
				position: absolute;
				bottom: 0;
				left: 32px;
				transform: translateX(-50%);
			}
			
			.show-card {
				padding-top: 21px;
				.field--name-field-ggp-body {
					padding: 40px;
					color: #fff;
					height: 100%;
					background: #007481;
					@media (max-width: 480px) {
						padding: 25px;
						.align-items-center {
							gap:10px;
						}
					}
				}
				p {
					display: flex;
					align-items: center;
					justify-content: space-between;
				}
				img {
					background: white;
					border-radius: 50%;
					width: 90px;
					height: 90px;
					object-fit: contain;
				}
			}
		}
		@media (max-width: 1024px) {
			.calendar-left,
			.calendar-right-research-results {
				max-width: 100%;
				width: 100%;
				flex: none;
			}
		}
		@media (max-width: 768px) {
			.calendar-left,
			.calendar-right-research-results {
				max-width: 100%;
				width: 100%;
				flex: none;
			}
		}
	}
}
/* News calendar and research results end */

/* News pagination */
.block-views-blockblog-block-1 {
	padding-top: 20px;
	.view-content {
		.views-view-responsive-grid {
			.views-view-responsive-grid__item {
				.views-view-responsive-grid__item-inner {
					.views-field-title {
						.text-primary {
							color: #093136 !important;
							font-size: 24px !important;
						}
					}
					.views-field-view-node {
						a {
							text-decoration: none;
							color: #007481;
						}
					}
				}
			}
		}
	}
	nav[aria-label="pagination-heading"] {
		ul.pagination {
			display: flex;
			justify-content: center; /* Centruje paginację */
			gap: 10px; /* Odstęp między elementami */
			margin-top: 62px; /* Dodanie odstępu od góry */
			
			.page-item {
				border: var(--bs-pagination-border-width, 0) none var(--bs-pagination-border-color, #fff); /* Brak obramowania */
				background-color: #fff; /* Ustawienie białego tła */
				
				&.active {
					background-color: #fff; /* Kolor aktywnej strony */
					.page-link {
						color: #004851; /* Kolor tekstu w aktywnej stronie */
					}
				}
				
				.page-link {
					padding: 8px 12px;
					color: #007481;
					text-decoration: none;
					border: var(--bs-pagination-border-width, 0) none var(--bs-pagination-border-color, #fff); /* Brak obramowania */
					background-color: #fff; /* Ustawienie białego tła */
					border-radius: 0; /* Usunięcie zaokrąglenia */
				}
			}
		}
	}
}
a:focus {
	-webkit-box-shadow: 0px 0px 0px 3px #000000; 
	box-shadow: 0px 0px 0px 3px #000000;
}

/* News pagination end */

.paragraph--type--ggp-study {
	.field__item {
		hr {
			width: 60px;
            height: 3px;
            background-color: #004851;
            margin: 20px auto;
            opacity: 1;
		}
	}
}

/* Policy field text */
.paragraph--type--ggp-policy {
  padding-top: 20px;
  padding-bottom: 40px;
  .field__item {
    hr {
      width: 60px;
      height: 3px;
      background-color: #004851;
      margin: 20px 0;
      opacity: 1;
    }

    h3 {
      position: relative;
      display: inline-block;
      padding-top: 21px;
      padding-bottom: 21px;
      border: none;
    }

    p {
      margin-bottom: 21px !important;
    }
  }
}
/* Policy field text end */

/* News Content Section */
.paragraph--type--zawartosc {
	padding-top: 20px;
	.px-left-third{
		padding-left: 9rem !important;
		
		.image-field {
			.field--name-field-ggp-images {
				padding-bottom: 31px;
				img {
					max-width: 937px;
					width: 937px;
					max-height: 656px;
					height: 656px;
					margin: 0 auto;
					object-fit: cover;
					display: block;
				}
			}
		}
		
		.post-meta {
			padding-bottom: 31px;
			.date-field {
				.field--name-field-data-postu {
					display: flex;
					align-items: center;
					flex-wrap: nowrap;
					gap: 0.5rem;
					
					.field__label {
						margin: 0;
						font-weight: bold;
						color: #007481;
						&::after {
							content: ":";
						}
					}
					
					
					time.datetime {
						font-style: normal;
					}
				}
			}
			
			.author-field {
				.field--name-field-autor-postu {
					display: flex;
					align-items: center;
					flex-wrap: nowrap;
					gap: 0.5rem;
					
					.field__label {
						margin: 0;
						
						&::after {
							content: ":";
						}
					}
					
					.field__item {
						margin: 0;
					}
				}
			}
		}
		
		.content-field {
			max-width: 1128px;
			
			.field--name-field-ggp-text {
				word-wrap: break-word;
				
				p{
					margin-bottom: 1rem !important;
				}
				
				h2 {
					position: relative;
					display: inline-block;
					padding-top: 21px;
					padding-bottom: 21px;
				}
			}
		}
	}
}
@media (max-width: 1024px) {
  .paragraph--type--zawartosc {
	
    .px-left-third {
      padding-left: 1.2rem !important; /* Zmniejszenie paddingu dla tabletów */
    }

    .content-field {
	  max-width: 950px;
      img {
        width: 100% !important; /* Obrazy zajmą pełną szerokość kontenera */
        height: auto !important; /* Zachowanie proporcji obrazu */
        padding-bottom: 15px; /* Zmniejszenie odstępu pod obrazem */
      }
    }

    .image-field {
      .field--name-field-ggp-images {
        img {
          max-width: 100% !important; /* Obrazy dostosowują się do szerokości kontenera */
          height: auto !important; /* Zachowanie proporcji obrazu */
          margin: 0 auto !important; /* Wyśrodkowanie obrazu */
        }
      }
    }
  }
}

.block-views-blockother-news-block-1 {
	.px-left-third{
		padding-left: 8rem !important;
	}
	.view-content {
		.views-view-responsive-grid {
			.views-view-responsive-grid__item {
				.views-view-responsive-grid__item-inner {
					.views-field-title {
						.text-primary {
							color: #093136 !important;
							font-size: 24px !important;
						}
					}
					.views-field-view-node {
						a {
							text-decoration: none;
						}
					}
				}
			}
		}
	}
}

@media (max-width: 1024px) {
	.block-views-blockother-news-block-1 {
		.px-left-third {
			padding-left: 0.6rem !important;
		}
	}
}
/* News Content Section end*/

/* Cookie Banner */
#sliding-popup {
    position: fixed;
    z-index: 9999;
    box-shadow: 0 -4px 6px rgba(0, 0, 0, 0.1);

    .eu-cookie-compliance-banner {
        padding: 20px;
        text-align: center;

        h2 {
            font-size: 18px;
        }

        p {
            font-size: 14px;
            color: #666;
        }
    }

    .eu-cookie-compliance-buttons {
        display: flex;
        justify-content: center;
        gap: 10px;

        .agree-button {
            background-color: #007381;
            color: #fff;
            border: none;
            padding: 10px 15px;
            font-size: 14px;
            cursor: pointer;
            transition: background-color 0.3s ease;

            &:hover {
                background-color: darken(#007381, 10%);
            }
        }

        .decline-button {
            border-radius: 0px;
            border: none;
            padding: 10px 15px;
            font-size: 14px;
            cursor: pointer;
            transition: background-color 0.3s ease;

        }
    }

    .find-more-button {
        background-color: #007381;
        color: #fff;
        border: none;
        padding: 8px 12px;
        font-size: 14px;
        cursor: pointer;
        transition: background-color 0.3s ease;

        &:hover {
            background-color: darken(#007381, 10%);
        }
    }
}
/* Cookie Banner End */

/* Promotional Materials content Section */
.paragraph--type--promotional-materials-content {
  padding-top: 20px;
  padding-bottom: 40px;
  .content-field {
    padding-bottom: 24px;

    p {
      padding-bottom: 21px;
    }
	
	h2 {
	  position: relative;
 	  display: inline-block;
	  padding-top: 21px;
	  padding-bottom: 21px;
	}
  }

  .materials-field {
    .field--name-field-materials-wrapper {
      .field__label {
        position: relative;
        display: inline-block;
        padding-bottom: 21px;
        border: none;
        font-size: 32px;
        font-weight: 500;
        font-family: 'Tinos', sans-serif;
      }

      .field__label::after {
        content: "";
        display: block;
        width: 65px;
        height: 3px;
        background-color: #007481;
        position: absolute;
        bottom: 0;
        left: 32px;
        transform: translateX(-50%);
      }

      .field__items {
        display: grid; 
        grid-template-columns: repeat(3, 1fr); 
        gap: 21px;
        

        @media (max-width: 1024px) {
          grid-template-columns: repeat(2, 1fr); 
          gap: 15px;
        }

        @media (max-width: 768px) {
          grid-template-columns: 1fr; 
          gap: 12px;
        }

        .field__item {
			padding-top: 21px;
        }
      }
    }
  }
}
@media (max-width: 1024px) {
	.paragraph--type--promotional-materials-content {
		.content-field {
			max-width: 950px;
			img {
				width: 100% !important; /* Obrazy zajmą pełną szerokość kontenera */
				height: auto !important; /* Zachowanie proporcji obrazu */
				padding-bottom: 15px; /* Zmniejszenie odstępu pod obrazem */
			}
		}
	}
}
/* Promotional Materials content Section end */

/* Materiały do pobrania - stylizacja */
.paragraph--type--materials-pdf {
	.container {
		padding-left: 0px;
		.field--name-field-ggp-title {
			padding-left: 54px;
			padding-right: 54px;
			padding-bottom: 10px;
		}
	}
}

.paragraph--type--materials-links {
	.container {
		padding-left: 0px;
		.field--name-field-ggp-title {
			padding-left: 28px;
			padding-right: 28px;
			padding-bottom: 10px;
		}
		.field--name-field-file-link {
			background-color: #007481;
			padding: 14px 30px;
			display: inline-block;
			a {
				color: #fff !important;
				text-decoration: none;

				&:hover {
					color: #fff !important;
				}

				&:focus {
					color: #fff !important;
				}
			}
		}
	}
}

/* Download button */
.download-button {
	background-color: #007481;
	color: #fff !important;
	padding: 14px 30px;
	text-decoration: none;
	display: inline-block;
}
.download-button:hover {
	background-color: #007481;
	color: #fff !important;
}
.download-button:focus {
	color: #fff !important;
}
/* Download button end */
/* Materiały do pobrania - stylizacja end */

/* Publications view Section */
.block-views-blockkatalog-publikacji-block-1{
	padding-top: 20px;
	padding-bottom: 40px;
	.views-view-responsive-grid {
		display: grid;
		.views-view-responsive-grid__item {
			background-color: #f8f7f7;
			padding: 39px 46px;
			transition: transform 0.3s ease;
			box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
			
			@media (max-width: 480px) {
				padding: 30px;
			}
			
			&:hover {
				transform: scale(1.05);
				box-shadow: 0 8px 16px rgba(0, 0, 0, 0.2);
			}

			.text-primary {
				color: #093136 !important;
				font-size: 22px;
				padding-bottom: 18px;
				
				&:hover {
					color: #093136 !important;
				}
			}
		}
	}
	.publication-item{
		nav[aria-label="pagination-heading"] {
			ul.pagination {
				display: flex;
				justify-content: center;
				gap: 10px;
				margin-top: 62px;
				
				@media (max-width: 480px) {
					gap: 5px;
					margin-top: 30px;
				}
				
				.page-item {
					&.active {
						.page-link {
							color: #004851;
						}
					}
					.page-link {
						padding: 8px 12px;
						color: #007481;
						text-decoration: none;
						border: none;
						background-color: #fff;
						border-radius: 0;
						
						@media (max-width: 480px) {
							padding: 5px 8px;
							font-size: 12px;
						}
					}
				}
			}
		}
	}
}
/* Publications view Section end */

/* Main conclusions - promotional materials view */
.block-views-blockkatalog-materialow-block-1 {
	padding-top: 20px;
	padding-bottom: 40px;
	.views-view-responsive-grid {
		display: grid;
		
		.views-view-responsive-grid__item {
			background-color: #f8f7f7;
			padding: 39px 46px;
			transition: transform 0.3s ease;
			box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);

			@media (max-width: 480px) {
				padding: 30px;
			}
			
			&:hover {
				transform: scale(1.05);
				box-shadow: 0 8px 16px rgba(0, 0, 0, 0.2);
			}
			
			.text-primary {
				color: #093136 !important;
				font-size: 22px;
				padding-bottom: 18px;
				
				&:hover {
					color: #093136 !important;
				}
			}
			
			.description-text {
				font-size: 17px;
				padding-bottom: 18px;
			}
		}
	}
	.promo-item {
		nav[aria-label="pagination-heading"] {
			ul.pagination {
				display: flex;
				justify-content: center;
				gap: 10px;
				margin-top: 62px;

				@media (max-width: 480px) {
					gap: 5px;
					margin-top: 30px;
				}
				
				.page-item {
					&.active {
						.page-link {
							color: #004851;
						}
					}
					.page-link {
						padding: 8px 12px;
						color: #007481;
						text-decoration: none;
						border: none;
						background-color: #fff;
						border-radius: 0;

						@media (max-width: 480px) {
							padding: 5px 8px;
							font-size: 12px;
						}
					}
				}
			}
		}
	}
}
/* Main conclusions - promotional materials view end */

/* STYLIZACJA WIDOKU WYDARZEŃ (2 ELEMENTY NA RZĘD) */
.block-views-blockwydarzenia-block-1 {
	padding-top: 20px;
	padding-bottom: 40px;
	
	.views-view-responsive-grid {
		.views-view-responsive-grid__item {
			border: 1px solid #ddd;
			padding: 30px;
			background: #f8f7f7;
			box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
			display: flex;
			flex-direction: column;
			gap: 10px;
			
			.views-field-field-event-date {
				display: flex;
			}
			
			.views-field-title-1 {
				.event-title {
					font-size: 1.5rem;
					margin: 10px 0;
				}
			}
			.views-field-field-event-time {
				.event-time {
					font-size: 15px;
					color: #093136;
					margin: 10px 0;
					
					strong {
						display: inline;
					}
				}
			}
			.views-field-field-event-location {
				.event-location {
					font-size: 15px;
					color: #093136;
					margin: 10px 0;
					
					strong {
						display: inline;
					}
				}
			}
			.views-field-body {
				.field-content {
					font-size: 17px;
					margin: 10px 0;

					.event-description {
						margin: 0;
					}
				}
			}
			.views-field-view-node {
				display: grid;
				justify-items: end;
				align-items: end;
				
				.event-program-link {
					a {
						font-size: 17px;
						color: #007481;
						text-decoration: none;
						
						&:hover {
							text-decoration: underline;
						}
					}
				}
			}
		}
	}
	.view-wydarzenia {
		nav[aria-label="pagination-heading"] {
			ul.pagination {
				display: flex;
				justify-content: center;
				gap: 10px;
				margin-top: 62px;
				
				@media (max-width: 480px) {
					gap: 5px;
					margin-top: 30px;
				}
				.page-item {
					&.active {
						.page-link {
							color: #004851;
						}
					}
					.page-link {
						padding: 8px 12px;
						color: #007481;
						text-decoration: none;
						border: none;
						background-color: #fff;
						border-radius: 0;
						
						@media (max-width: 480px) {
							padding: 5px 8px;
							font-size: 12px;
						}
					}
				}
			}
		}
	}
}
/* STYLIZACJA WIDOKU WYDARZEŃ (2 ELEMENTY NA RZĘD) END */

/* Publications content */
.paragraph--type--publications-content {
	padding-top: 20px;
	padding-bottom: 40px;
	.content-field{
		.field--name-field-ggp-text {
			h2 {
				position: relative;
				display: inline-block;
				padding-top: 21px;
				padding-bottom: 21px;
			}
		
			p {
				padding-bottom: 21px;
			}
		}	
	}
}
@media (max-width: 1024px) {
	.paragraph--type--publications-content {
		.content-field{
			max-width: 950px;
			img {
				width: 100% !important; /* Obrazy zajmą pełną szerokość kontenera */
				height: auto !important; /* Zachowanie proporcji obrazu */
				padding-bottom: 15px; /* Zmniejszenie odstępu pod obrazem */
			}
		}
	}
}
/* Publications content end */

/* Event content */
.paragraph--type--event-content {
	padding-top: 20px;
	padding-bottom: 40px;
	.post-meta {
		margin-bottom: 44px;
		.date-field {
			margin-bottom: 10px;
			.field--name-field-data-wydarzenia {
				display: flex;
				align-items: center;
				flex-wrap: nowrap;
				gap: 0.5rem;
				
				@media (max-width: 1024px) {
					display: block;
				}
				
				.field__label {
					margin: 0;
					font-weight: bold;
					color: #007481;
					
					&::after {
						content: ":";
					}
				}
			}
		}

		.time-field {
			margin-bottom: 10px;
			.field--name-field-godzina-wydarzenia {
				display: flex;
				align-items: center;
				flex-wrap: nowrap;
				gap: 0.5rem;
				
				@media (max-width: 1024px) {
					display: block;
				}

				.field__label {
					margin: 0;
					font-weight: bold;
					color: #007481;
					
					&::after {
						content: ":";
					}
				}
			}
		}

		.location-field {
			margin-bottom: 10px;
				.field--name-field-miejsce {
					display: flex;
					align-items: center;
					flex-wrap: nowrap;
					gap: 0.5rem;
					
					@media (max-width: 1024px) {
						display: block;
					}

					.field__label {
						margin: 0;
						font-weight: bold;
						color: #007481;

						&::after {
							content: ":";
						}
					}
				}
		}

		.organizer-field {
			.field--name-field-organizer {
				display: flex;
				align-items: center;
				flex-wrap: nowrap;
				gap: 0.5rem;

				@media (max-width: 1024px) {
					display: block;
				}

				.field__label {
					margin: 0;
					font-weight: bold;
					color: #007481;

					&::after {
						content: ":";
					}
				}
			}
		}
	}
	.content-field {
		.field--name-field-ggp-text {
			p {
				margin-bottom: 1rem !important;
			}

			h2 {
				position: relative;
				display: inline-block;
				padding-top: 21px;
				padding-bottom: 21px;
			}
		}
	}
	.file-link {
		.field--name-field-materials-wrapper {
			.field__label {
				position: relative;
				display: inline-block;
				padding-bottom: 21px;
				border: none;
				font-size: 32px;
				font-weight: 500;
				font-family: 'Tinos', sans-serif;
			}
			
			.field__label::after {
				content: "";
				display: block;
				width: 65px;
				height: 3px;
				background-color: #007481;
				position: absolute;
				bottom: 0;
				left: 32px;
				transform: translateX(-50%);
			}
			
			.field__items {
				display: grid;
				grid-template-columns: repeat(3, 1fr);
				gap: 21px;
				
				@media (max-width: 1024px) {
					grid-template-columns: repeat(2, 1fr);
					gap: 15px;
				}
				
				@media (max-width: 768px) {
					grid-template-columns: 1fr;
					gap: 12px;
				}

				.field__item {
					padding-top: 21px;
				}
			}
		}
	}
}
@media (max-width: 1024px) {
	.paragraph--type--event-content {
		.content-field {
			max-width: 950px;
			img {
				width: 100% !important; /* Obrazy zajmą pełną szerokość kontenera */
				height: auto !important; /* Zachowanie proporcji obrazu */
				padding-bottom: 15px; /* Zmniejszenie odstępu pod obrazem */
			}
		}
	}
}
/* Event content end */

/* calendar card date */
.calendarPage {
	background: #007481;
	color: #fff;
	text-align: center;
	padding: 10px;
	font-size: 1rem;

	.wrapper-date {
		display: flex;
		flex-direction: column;
		align-items: center;
		text-align: center;
		padding: 9px;
	
		.orangeNumber {
			font-size: 1.7rem;
			font-weight: bold;
			color: #fff;
		}
	}
}

/* calendar card date end */

/* pomniejsze ustawienia widoku dla kalendarium */
.calendarium-date {
	font-size: 20px;
	font-weight: bold;
	color: #093136;
	width: 113px;
	
  	@media (max-width: 1024px) {
		width: 200px;
	}
	@media (max-width: 480px) {
		width: 220px;
	}
}

.calendarium-title {
	.container {
		display: grid;
		grid-template-columns: repeat(2, 1fr);
		align-items: center;
		gap: 5px;
		@media (max-width: 480px) {
			gap: 5px;
			padding-left: 0px;
		}
		.title {
			width: 340px;
			@media (max-width: 1024px) {
				width: 580px;
			}
			@media (max-width: 991px) {
				width: 340px;
			}
			@media (max-width: 480px) {
				width: 220px;
			}
			@media (max-wdth: 350px) {
				width: 150px;
			}
			a {
				color: #153135 !important;
				text-decoration: none;
				font-size: 18px;
				position: relative;
				overflow-wrap: break-word;
				@media (max-width: 480px) {
					font-size: 15px;
				}
			}
		}
		.icon {
			font-size: 24px;
			color: #007381;
			justify-self: end;
		}
	}
}
/* pomniejsze ustawienia widoku dla kalendarium end */

/* Conferences view */
.block-views-blockkatalog-konferencji-block-1 {
	padding-top: 20px;
	padding-bottom: 40px;
	.views-view-responsive-grid {
		.views-view-responsive-grid__item {
			border: 1px solid #ddd;
			padding: 30px;
			background: #f8f7f7;
			box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
			display: flex;
			flex-direction: column;
			gap: 10px;
			
			.views-field-field-conference-date {
				display: flex;
			}
			.views-field-title {
				.calendar-title {
					font-size: 1.5rem;
					margin: 10px 0;
				}
			}
			.views-field-field-conference-time {
				.conferences-time {
					font-size: 15px;
					color: #093136;
					margin: 10px 0;
					
					strong {
						display: inline;
					}
				}
			}
			.views-field-field-conference-location {
				.conferences-location {
					font-size: 15px;
					color: #093136;
					margin: 10px 0;
					
					strong {
						display: inline;
					}
				}
			}
			.views-field-body {
				.field-content {
					font-size: 17px;
					margin: 10px 0;
					
					.calendar-description {
						margin: 0;
					}
				}
			}
			.views-field-view-node {
				display: grid;
				justify-items: end;
				align-items: end;
				
				.conference-link {
					a {
						font-size: 17px;
						color: #007481;
						text-decoration: none;
						
						&:hover {
							text-decoration: underline;
						}
					}
				}
			}
		}
	}
	.calendar-card {
		nav[aria-label="pagination-heading"] {
			ul.pagination {
				display: flex;
				justify-content: center;
				gap: 10px;
				margin-top: 62px;
				
				@media (max-width: 480px) {
					gap: 5px;
					margin-top: 30px;
				}
				.page-item {
					&.active {
						.page-link {
							color: #004851;
						}
					}
					.page-link {
						padding: 8px 12px;
						color: #007481;
						text-decoration: none;
						border: none;
						background-color: #fff;
						border-radius: 0;
						
						@media (max-width: 480px) {
							padding: 5px 8px;
							font-size: 12px;
						}
					}
				}
			}
		}
	}
}
/* Conferences view end */

/* Conferences content */
.paragraph--type--conferences-content {
	padding-top: 20px;
	padding-bottom: 40px;
	.post-meta {
		margin-bottom: 44px;
		.date-field-start{
			margin-bottom: 10px;
			.field--name-field-conference-start-date {
				display: flex;
				align-items: center;
				flex-wrap: nowrap;
				gap: 0.5rem;
				
				@media (max-width: 1024px) {
					display: block;
				}

				.field__label {
					margin: 0;
					font-weight: bold;
					color: #007481;
					
					&::after {
						content: ":";
					}
				}
			}
		}
		.date-field-end {
			margin-bottom: 10px;
			.field--name-field-conference-end-date {
				display: flex;
				align-items: center;
				flex-wrap: nowrap;
				gap: 0.5rem;

				@media (max-width: 1024px) {
					display: block;
				}

				.field__label {
					margin: 0;
					font-weight: bold;
					color: #007481;
					
					&::after {
						content: ":";
					}
				}
			}
		}
		.time-field {
			margin-bottom: 10px;
			.field--name-field-godzina-konferencji {
				display: flex;
				align-items: center;
				flex-wrap: nowrap;
				gap: 0.5rem;

				@media (max-width: 1024px) {
					display: block;
				}

				.field__label {
					margin: 0;
					font-weight: bold;
					color: #007481;
					
					&::after {
						content: ":";
					}
				}
			}
		}
		.location-field {
			margin-bottom: 10px;
			.field--name-field-miejsce {
				display: flex;
				align-items: center;
				flex-wrap: nowrap;
				gap: 0.5rem;

				@media (max-width: 1024px) {
					display: block;
				}

				.field__label {
					margin: 0;
					font-weight: bold;
					color: #007481;
					
					&::after {
						content: ":";
					}
				}
			}
		}
		.organizer-field {
			margin-bottom: 10px;
			.field--name-field-organizer {
				display: flex;
				align-items: center;
				flex-wrap: nowrap;
				gap: 0.5rem;

				@media (max-width: 1024px) {
					display: block;
				}

				.field__label {
					margin: 0;
					font-weight: bold;
					color: #007481;
					
					&::after {
						content: ":";
					}
				}
			}
		}
		.conferences-status-field {
			.field--name-field-status-konferencji {
				display: flex;
				align-items: center;
				flex-wrap: nowrap;
				gap: 0.5rem;

				@media (max-width: 1024px) {
					display: block;
				}

				.field__label {
					margin: 0;
					font-weight: bold;
					color: #007481;
					
					&::after {
						content: ":";
					}
				}
			}
		}
	}
	.content-field {
		.field--name-field-ggp-text {
			p {
				margin-bottom: 1rem !important;
			}

			h2 {
				position: relative;
				display: inline-block;
				padding-top: 21px;
				padding-bottom: 21px;
			}
		}
	}
	.file-link {
		.field--name-field-materials-wrapper {
			.field__label {
				position: relative;
				display: inline-block;
				padding-bottom: 21px;
				border: none;
				font-size: 32px;
				font-weight: 500;
				font-family: 'Tinos', sans-serif;
			}
			
			.field__label::after {
				content: "";
				display: block;
				width: 65px;
				height: 3px;
				background-color: #007481;
				position: absolute;
				bottom: 0;
				left: 32px;
				transform: translateX(-50%);
			}
			
			.field__items {
				display: grid;
				grid-template-columns: repeat(3, 1fr);
				gap: 21px;
				
				@media (max-width: 1024px) {
					grid-template-columns: repeat(2, 1fr); 
					gap: 15px;
				}
				
				@media (max-width: 768px) {
					grid-template-columns: 1fr;
					gap: 12px;
				}
				
				.field__item {
					padding-top: 21px;
				}
			}
		}
	}
}
@media (max-width: 1024px) {
	.paragraph--type--conferences-content {
		.content-field {
			max-width: 950px;
			img {
				width: 100% !important; /* Obrazy zajmą pełną szerokość kontenera */
				height: auto !important; /* Zachowanie proporcji obrazu */
				padding-bottom: 15px; /* Zmniejszenie odstępu pod obrazem */
			}
		}
	}
}
/* Conferences content end */

/* Calendarium view */
.block-views-blockcalendar-catalog-block-1 {
	padding-top: 20px;
	padding-bottom: 40px;
	
	.views-view-responsive-grid {
		.views-view-responsive-grid__item {
			border: 1px solid #ddd;
			padding: 26px 29px;
			background: #e2eeef;
			box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
			@media (max-width: 345px) {
				padding: 26px 2px;
			}
			.views-view-responsive-grid__item-inner {
				display: flex;
				flex-direction: row;
				align-items: center;
				gap: 23px;
				
				@media (max-width: 480px) {
					flex-direction: column;
					align-items: start;
					gap: 14px;
				}
				.views-field-title {
					width: 378px;
					@media (max-width: 1024px) {
						width: 580px;
					}
					@media (max-width: 480px) {
						width: 300px;
					}
					@media (max-width: 375px) {
						width: 200px;
					}
					@media (max-width: 345px) {
						width: 150px;
					}
				}
			}
			&:hover {
				box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.2);
				transform: translateY(-2px);
			}
		}
	}
	.calendarium-grid {
		nav[aria-label="pagination-heading"] {
			ul.pagination {
				display: flex;
				justify-content: center;
				gap: 10px;
				margin-top: 62px;
				
				@media (max-width: 480px) {
					gap: 5px;
					margin-top: 30px;
				}
				.page-item {
					&.active {
						.page-link {
							color: #004851;
						}
					}
					.page-link {
						padding: 8px 12px;
						color: #007481;
						text-decoration: none;
						border: none;
						background-color: #fff;
						border-radius: 0;
						
						@media (max-width: 480px) {
							padding: 5px 8px;
							font-size: 12px;
						}
					}
				}
			}
		}	
	}
}
/* Calendarium view end */

/* Informations section */
.paragraph--type--ggp-informations {
	padding-top: 20px;
	padding-bottom: 40px;
	.field__item {
		h2 {
			margin-top: 19px !important;
		}
		p {
			margin-bottom: 23px !important;
		}
	}
}
/* Informations section end */

.node__meta {
    display: none;
}

/* Site map view */
/* O Nas */
#block-custom-barrio-mapastronyonas {
	background-color: #f8f7f7;
	padding: 39px 640px;
	transition: transform 0.3s ease;
	box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);

	@media (max-width: 1920px) {
		padding: 39px 310px;
	}
	
	@media (max-width: 1440px) {
		padding: 39px 140px;
	}

	@media (max-width: 768px) {
		padding: 39px 60px;
	}

	@media (max-width: 480px) {
		padding: 39px 46px;
	}

	.nav {
		margin-top: 20px;
		display: flex;
		flex-direction: column;
		
		/* Stylizacja głównych elementów menu */
		.nav-item > .nav-link {
			margin-bottom: 1em;
			font-weight: bold;
			color: #333 !important;
			padding: 8px 12px;
			background-color: #ffffff;
			box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
			transition: all 0.3s ease;
			
			&:hover {
				background-color: #007381;
				color: #ffffff !important;
				box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
			}
		}
		ul {
			list-style: none;
			padding-left: 20px;

			.nav-item {
				.nav-link {
					background-color: #153135;
					color: #ffffff !important;
					&:hover {
						color: #ffffff !important;
					}
				}
			}
		}
	}
}
/* O Nas - End */
/* Wyniki Badań */
#block-custom-barrio-mapastronywynikibadan {
	background-color: #f8f7f7;
	padding: 39px 640px;
	transition: transform 0.3s ease;
	box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);

	@media (max-width: 1920px) {
		padding: 39px 310px;
	}
	
	@media (max-width: 1440px) {
		padding: 39px 140px;
	}

	@media (max-width: 768px) {
		padding: 39px 60px;
	}

	@media (max-width: 480px) {
		padding: 39px 46px;
	}

	.nav {
		margin-top: 20px;
		display: flex;
		flex-direction: column;
		
		/* Stylizacja głównych elementów menu */
		.nav-item > .nav-link {
			margin-bottom: 1em;
			font-weight: bold;
			color: #333 !important;
			padding: 8px 12px;
			background-color: #ffffff;
			box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
			transition: all 0.3s ease;
			
			&:hover {
				background-color: #007381;
				color: #ffffff !important;
				box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
			}
		}
		ul {
			list-style: none;
			padding-left: 20px;

			.nav-item {
				.nav-link {
					background-color: #153135;
					color: #ffffff !important;
					&:hover {
						color: #ffffff !important;
					}
				}
			}
		}
	}
}
/* Wyniki Badań - End */
/* Dla uczestników */
#block-custom-barrio-mapastronydlauczestnikow {
	background-color: #f8f7f7;
	padding: 39px 640px;
	transition: transform 0.3s ease;
	box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);

	@media (max-width: 1920px) {
		padding: 39px 310px;
	}

	@media (max-width: 1440px) {
		padding: 39px 140px;
	}

	@media (max-width: 768px) {
		padding: 39px 60px;
	}

	@media (max-width: 480px) {
		padding: 39px 46px;
	}

	.nav {
		margin-top: 20px;
		display: flex;
		flex-direction: column;
		
		/* Stylizacja głównych elementów menu */
		.nav-item > .nav-link {
			margin-bottom: 1em;
			font-weight: bold;
			color: #333 !important;
			padding: 8px 12px;
			background-color: #ffffff;
			box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
			transition: all 0.3s ease;
			
			&:hover {
				background-color: #007381;
				color: #ffffff !important;
				box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
			}
		}
		ul {
			list-style: none;
			padding-left: 20px;

			.nav-item {
				.nav-link {
					background-color: #153135;
					color: #ffffff !important;
					&:hover {
						color: #ffffff !important;
					}
				}
			}
		}
	}
}
/* Dla uczestników - End */
/* Aktualności */
#block-custom-barrio-mapastronyaktualnosci {
	background-color: #f8f7f7;
	padding: 39px 640px;
	transition: transform 0.3s ease;
	box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
	
	@media (max-width: 1920px) {
		padding: 39px 310px;
	}

	@media (max-width: 1440px) {
		padding: 39px 140px;
	}

	@media (max-width: 768px) {
		padding: 39px 60px;
	}

	@media (max-width: 480px) {
		padding: 39px 46px;
	}
	.nav {
		margin-top: 20px;
		display: flex;
		flex-direction: column;
		
		/* Stylizacja głównych elementów menu */
		.nav-item > .nav-link {
			margin-bottom: 1em;
			font-weight: bold;
			color: #333 !important;
			padding: 8px 12px;
			background-color: #ffffff;
			box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
			transition: all 0.3s ease;
			
			&:hover {
				background-color: #007381;
				color: #ffffff !important;
				box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
			}
		}
		ul {
			list-style: none;
			padding-left: 20px;

			.nav-item {
				.nav-link {
					background-color: #153135;
					color: #ffffff !important;
					&:hover {
						color: #ffffff !important;
					}
				}
			}
		}
	}
}
/* Aktualności - End */
/* Polityka Prywatności */
#block-custom-barrio-policyandguidelines {
	background-color: #f8f7f7;
	padding: 39px 640px;
	transition: transform 0.3s ease;
	box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);

	@media (max-width: 1920px) {
		padding: 39px 310px;
	}

	@media (max-width: 1440px) {
		padding: 39px 140px;
	}

	@media (max-width: 768px) {
		padding: 39px 60px;
	}

	@media (max-width: 480px) {
		padding: 39px 46px;
	}

	.nav {
		margin-top: 20px;
		display: flex;
		flex-direction: column;
	}
	
	ul.nav {
		list-style: none;
		padding: 0;
		margin: 0;
		.nav-item {
			margin-bottom: 1em;
			.nav-link {
				padding: 8px 12px;
				background-color: #ffffff !important;
				font-weight: bold;
				color: #333 !important;
				box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
				transition: all 0.3s ease;
				
				&:hover {
					background-color: #007381 !important;
					color: #ffffff !important;
					box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
				}
			}
		}
	}
}
/* Polityka Prywatności - End */
/* Site map view end */

tr td, tr th {
padding:4px 9px;

  @media(max-width:450px){
  padding:2px 6px;
  }
}

.contextual-region .contextual .contextual-links a {
	color: #333 !important;
}

.contextual .trigger {
	top: 20px;
}

.calendar-list {
	.view-content {
		gap: 17px;
		.calendar-list-row {
			padding: 26px 29px;
			background: #e2eeef;
			box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
			display: flex;
			flex-direction: row;
			align-items: center;
			gap: 23px;
			
			@media (max-width: 480px) {
				flex-direction: column;
				align-items: start;
				gap: 14px;
			}
			
			&:hover {
				box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.2);
				transform: translateY(-2px);
			}
			.views-field-title {
				width: 370px;
				@media(max-width: 1024px) {
					width: 580px;
				}
				@media(max-width: 480px) {
					width: 300px;
				}
				@media(max-width: 360px) {
					width: 200px;
				}
			}
		}
	}
}
.block-language .nav {
    display: flex;
    flex-wrap: nowrap;
}
.block-language li:first-child {
    border-right: 1px solid #d0d0d0;
}
.block-language li {
	padding: 0;
}
.block-language li a {
    text-decoration: none;
	padding: 5px 10px;
    color: #153135;
}
.block-language li a:hover {
    color: #153135;
}
  .block-language {
    width: 86px;
    float: right;
    margin-right: 0px;

	@media (max-width: 1024px) {
	  margin-right: 40px;
	}

    @media (max-width: 768px) {
      margin-right: 130px;
    }
	@media (max-width: 480px) {
	  margin-right: 65px;
	}
  }

a.visually-hidden-focusable{
	color: #ffffff;
}
a.visually-hidden-focusable:focus{
	-webkit-box-shadow: 0px 0px 0px 3px #a2cdff;
    box-shadow: 0px 0px 0px 3px #a2cdff;
	color: #ffffff;
}