/**
 * Theme Name:     Hello Elementor Child
 * Author:         Elementor Team
 * Template:       hello-elementor
 * Text Domain:	   hello-elementor-child
 * Description:    Hello Elementor is a lightweight and minimalist WordPress theme that was built specifically to work seamlessly with the Elementor site builder plugin. The theme is free, open-source, and designed for users who want a flexible, easy-to-use, and customizable website. The theme, which is optimized for performance, provides a solid foundation for users to build their own unique designs using the Elementor drag-and-drop site builder. Its simplicity and flexibility make it a great choice for both beginners and experienced Web Creators.
 */


.button-with-arrow-right .elementor-button-content-wrapper,
.button-with-arrow-left .elementor-button-content-wrapper {
    align-items: center;
}

.button-with-arrow-right .elementor-button-icon,
.button-with-arrow-left .elementor-button-icon  {
   width: 32px;
   height: 32px;
   background: #9A23FB;
   border-radius: 100px;
   text-align: center;
}

.button-with-arrow-right .elementor-button-icon svg,
.button-with-arrow-left .elementor-button-icon svg {
    width: 24px;
    height: 24px;
    margin: auto;
}

p {
    margin-block-end: 0px !important;
}

.wszystkie-wpisy-loop-grid .elementor-pagination {
    display: flex;
    justify-content: center;
}

.wszystkie-wpisy-loop-grid .elementor-pagination .page-numbers {
    display: inline-block;
    color: #292D33;
    text-align: center;
    font-family: Inter;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    align-content: center;
    width: 32px;
    height: 32px;
    border-radius: 12px;
    border: 1px solid #D9D9D9;
    background: #FFF;
}

.wszystkie-wpisy-loop-grid .elementor-pagination .page-numbers:hover {
    background: #FF21FC;
    color: #FFF;
}

.wszystkie-wpisy-loop-grid .elementor-pagination .page-numbers.current {
    background: #FF21FC;
    color: #FFF;
}

.wszystkie-wpisy-loop-grid .elementor-pagination .page-numbers.prev,
.wszystkie-wpisy-loop-grid .elementor-pagination .page-numbers.next {
  font-size: 0; /* ukrywa tekst */
  width: 32px;
  height: 32px;
  display: inline-block;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  padding: 0;
  border: none;
}

.wszystkie-wpisy-loop-grid .elementor-pagination .page-numbers.next {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 32 32' fill='none'%3E%3Crect x='31.5' y='31.5' width='31' height='31' rx='11.5' transform='rotate(180 31.5 31.5)' fill='none' stroke='%23D9D9D9'/%3E%3Cmask id='mask0' style='mask-type:alpha' maskUnits='userSpaceOnUse' x='4' y='4' width='24' height='24'%3E%3Crect x='4' y='28' width='24' height='24' transform='rotate(-90 4 28)' fill='%23D9D9D9'/%3E%3C/mask%3E%3Cg mask='url(%23mask0)'%3E%3Cpath d='M19.4 16L13.4 22L12 20.6L16.6 16L12 11.4L13.4 10L19.4 16Z' fill='%23535B66'/%3E%3C/g%3E%3C/svg%3E");
}

.wszystkie-wpisy-loop-grid .elementor-pagination .page-numbers.prev {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 32 32' fill='none'%3E%3Crect x='0.5' y='0.500244' width='31' height='31' rx='11.5' fill='none' stroke='%23D9D9D9'/%3E%3Cmask id='mask0' style='mask-type:alpha' maskUnits='userSpaceOnUse' x='4' y='4' width='24' height='25'%3E%3Crect x='28' y='4.00024' width='24' height='24' transform='rotate(90 28 4.00024)' fill='%23D9D9D9'/%3E%3C/mask%3E%3Cg mask='url(%23mask0)'%3E%3Cpath d='M12.6 16.0002L18.6 10.0002L20 11.4002L15.4 16.0002L20 20.6002L18.6 22.0002L12.6 16.0002Z' fill='%23535B66'/%3E%3C/g%3E%3C/svg%3E");
}

.wszystkie-wpisy-loop-grid .elementor-pagination .page-numbers.next:hover {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 32 32' fill='none'%3E%3Crect x='31.5' y='31.5' width='31' height='31' rx='11.5' transform='rotate(180 31.5 31.5)' fill='none' stroke='%23D9D9D9'/%3E%3Cmask id='mask0' style='mask-type:alpha' maskUnits='userSpaceOnUse' x='4' y='4' width='24' height='24'%3E%3Crect x='4' y='28' width='24' height='24' transform='rotate(-90 4 28)' fill='%23D9D9D9'/%3E%3C/mask%3E%3Cg mask='url(%23mask0)'%3E%3Cpath d='M19.4 16L13.4 22L12 20.6L16.6 16L12 11.4L13.4 10L19.4 16Z' fill='%23FFFFFF'/%3E%3C/g%3E%3C/svg%3E");
}

.wszystkie-wpisy-loop-grid .elementor-pagination .page-numbers.prev:hover {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 32 32' fill='none'%3E%3Crect x='0.5' y='0.500244' width='31' height='31' rx='11.5' fill='none' stroke='%23D9D9D9'/%3E%3Cmask id='mask0' style='mask-type:alpha' maskUnits='userSpaceOnUse' x='4' y='4' width='24' height='25'%3E%3Crect x='28' y='4.00024' width='24' height='24' transform='rotate(90 28 4.00024)' fill='%23D9D9D9'/%3E%3C/mask%3E%3Cg mask='url(%23mask0)'%3E%3Cpath d='M12.6 16.0002L18.6 10.0002L20 11.4002L15.4 16.0002L20 20.6002L18.6 22.0002L12.6 16.0002Z' fill='%23FFFFFF'/%3E%3C/g%3E%3C/svg%3E");
}

.custom-post-navigation .elementor-post-navigation__next a {
  margin-left: auto;
}

.custom-post-navigation .post-navigation__arrow-wrapper {
  border-radius: 39px;
  background: #9A23FB;
  padding: 5px;
}

.custom-post-navigation a {
  width: max-content;
  border-radius: 39px;
  background: #FF21FC;
  padding: 5px;
}

.custom-post-navigation .elementor-post-navigation__prev a{
  padding-right: 29px;
}

.custom-post-navigation .elementor-post-navigation__next a {
  padding-left: 29px;
}

.custom-table-of-content li {
  margin-bottom: 20px;
}

.custom-table-of-content li a.elementor-item-active {
  border-left: 3px solid #FF21FC;
  padding-left: 10px;
}

.mobile-open-popup svg {
  width: 32px !important;
}

@media only screen and (max-width: 767px) {
  .button-with-arrow-right .elementor-button-icon,
  .button-with-arrow-left .elementor-button-icon {
    width: 24px;
    height: 24px;
  }

  .button-with-arrow-right .elementor-button-icon svg
   {
    width: 17px;
    height: 17px;
  }

  .button-with-arrow-left .elementor-button-icon svg {
    width: 24px;
    height: 24px;
  }

  .mobile-menu-popup li {
    border-bottom: 1px solid #D9D9D9;
    border-width: 1px !important;
  }
}