/*
Theme Name: TwentyTwentyFour Child
Template: twentytwentyfour
*/
hr{
	margin-left:0;
}
.wp-block-separator:not(.is-style-dots), .wp-block-separator.has-background:not(.is-style-dots) {
  max-width: 50%;
  }
  .home main {
    padding-right: 0;
    padding-left: 0;
  }
  .post-th{
    position: relative;
    z-index: 1;
  }
  .post-th::after{
    position: absolute;
    right: 1rem;
   bottom: 1rem;
      width: 400px;
      height: 400px;
    transform: scale(1, 1) translate(0px, 0px);
    border-color: rgba(181, 158, 127, 1);
      border-width: 1px;
      background-color: rgba(32, 32, 32, 0);
      border-style: solid;
      border-radius: inherit;
    content: " ";
    z-index: -1;
  }
  .website, .kurs{
    background: linear-gradient(135deg,var(--wp--preset--color--base-2) 0%,var(--wp--preset--color--base-2) 70%,var(--wp--preset--color--base) 70%,var(--wp--preset--color--base) 100%);
  }
  .shop, .landing{
    background: linear-gradient(45deg,var(--wp--preset--color--accent-2) 0%,var(--wp--preset--color--accent-2) 30%,var(--wp--preset--color--contrast-2) 30%,var(--wp--preset--color--contrast-2) 100%);
  }
  
  .thumbnail-blog{
  position: relative;
    z-index: 1;
  }
  .thumbnail-blog:after{
 position: absolute;
  right: 5%;
  bottom: -5%;
  width: 90%;
  height: 110%;
  transform: scale(1, 1) translate(0px, 0px);
  border-color: rgba(181, 158, 127, 1);
  border-width: 1px;
  background-color: rgba(32, 32, 32, 0);
  border-style: solid;
  border-radius: inherit;
  content: " ";
  z-index: -1;
  }
  .blog .wp-block-post-template li:nth-child(odd){
    background:  var(--wp--preset--color--contrast);
  
  }
  .blog .wp-block-post-template li:nth-child(odd) .wp-block-columns{
      flex-direction: row-reverse;
  }
  .blog .wp-block-post-template li:nth-child(odd) .thumbnail-blog:after{
  position: absolute;
    right: 0;
    left: 5%;
    bottom: 0;
    width: 90%;
    height: 100%;
    transform: scale(1, 1) translate(0px, 0px);
    border-color:  var(--wp--preset--color--base);
    border-width: 1px;
    background-color: rgba(32, 32, 32, 0);
    border-style: solid;
    border-radius: inherit;
    content: " ";
    z-index: -1;
  }

  .loop3 ul li:nth-child(even) .wp-block-columns{
    flex-direction: row-reverse !important;
  }
  .loop3 ul li:nth-child(even) .post-th::after{
    right:0;
    left:1rem;
  }
  .post-title{
    position: relative;
  }
  .title{
    position: absolute;
    z-index: 1;
    width: 100%;
    height: 100%;
  }
  .title .box{
    position: absolute;
    left: 50%;
    top: 50%;
    transition: ;
    transform: translate(-50%, -50%);
  }
  .wp-block-search__button {
  background-color:  var(--wp--preset--color--base);
  color:  var(--wp--preset--color--base-2);
  }
  #wp-block-search__input-2 {
  background:  var(--wp--preset--color--contrast);
  border-radius: 0;
  border: 3px solid  var(--wp--preset--color--base);
  }
  .wp-block-post-excerpt__more-link{
    color:  var(--wp--preset--color--contrast);
  background-color:  var(--wp--preset--color--base-2);
  border-radius: 0;
  border-width: 0;
  color:  var(--wp--preset--color--contrast) !important;
  font-family: inherit;
  font-size: var(--wp--preset--font-size--small);
  font-weight: var(--wp--custom--font-weight--medium);
  line-height: inherit;
  padding-top: .5em;
  padding-right: 1em;
  padding-bottom: .5em;
  padding-left: 1em;
  }
  .wp-block-post-excerpt__more-link:hover{
    background-color:  var(--wp--preset--color--base);
  }
  .contact-image{
    position:relative;
    z-index:0;
  }
  .contact-image:after{
  right: 0;
    left: 2rem;
    bottom: 5%;
    width: 90%;
    height: 100%;
    transform: scale(1, 1) translate(0px, 0px);
    border-color:  var(--wp--preset--color--base);
    border-width: 1px;
    background-color: rgba(32, 32, 32, 0);
    border-style: solid;
    border-radius: inherit;
    content: " ";
    z-index: -1;
    position: absolute;
  }
  .is-style-secondary-button .wp-element-button, .wp-block.is-style-secondary-button .wp-element-button {
  background:  var(--wp--preset--color--base);
  color:  var(--wp--preset--color--base-2);
  }
  .blog-query{
    margin: 0;
  }
.wp-block-query-pagination-previous, .wp-block-query-pagination-next, .page-numbers{
  border-width: 0;
  font-style: normal;
  font-weight: 600;
  line-height: inherit;
  padding-top: 0.6rem;
  padding-right: 1rem;
  padding-bottom: 0.6rem;
  padding-left: 1rem;
  text-decoration: none;
  background-color: var(--wp--preset--color--base-2);
  color: var(--wp--preset--color--contrast) !important;
}
.wp-block-query-pagination-previous:hover, .wp-block-query-pagination-next:hover, .page-numbers:hover{
background-color: var(--wp--preset--color--base) !important;
  color: var(--wp--preset--color--base-2) !important;
}
.page-numbers.current{
  background-color: var(--wp--preset--color--base) !important;
  color: var(--wp--preset--color--base-2) !important;
}
.list-check li {
  list-style: none; /* Wyłącz domyślny styl listy */
  margin-bottom:var(--wp--preset--spacing--10);
	font-size: clamp(14px, 0.875rem + ((1vw - 3.2px) * 0.375), 20px);line-height: 1.6 !important;
}
.list-check li::before {
  content: ""; /* Dodaj pustą zawartość przed tekstem */
  display: inline-block;
  width: 28px; /* Dostosuj szerokość obrazka */
  height: 28px; /* Dostosuj wysokość obrazka */
  background-image: url(https://newwwb2.webmasterki.pl/wp-content/uploads/2024/04/check.svg); /* Ustaw obrazek maski */
  background-size: contain; /* Dopasuj obrazek do wymiarów */
  background-repeat: no-repeat;
  vertical-align: middle; /* Wyśrodkuj obrazek wzdłuż osi pionowej */
  margin-right: 10px; /* Dodaj odstęp między obrazkiem a tekstem */
}
  @media only screen and (min-width: 769px) {
.oferta-ikony div:not(:last-child) {
  border-right: 1px solid #b59e7f;
}
  @media only screen and (max-width: 768px) {
    h2{
  font-size: var(--wp--preset--font-size--large) !important;}
  .shop .wp-block-columns, .landing .wp-block-columns
  {flex-direction: column-reverse;}
  }
.wp-block-post-title a {
  font-family: var(--wp--preset--font-family--libre-baskerville);
}
.wp-block-post-excerpt__more-link {
  background-color: var(--wp--preset--color--base-2);
  color: var(--wp--preset--color--contrast) !important;
  border-width: 0;
  font-family: var(--wp--preset--font-family--arimo);
  font-size: var(--wp--preset--font-size--medium);
  font-style: normal;
  font-weight: 600;
  line-height: inherit;
  padding-top: 0.6rem;
  padding-right: 1rem;
  padding-bottom: 0.6rem;
  padding-left: 1rem;
  text-decoration: none;
}
.wp-block-post-excerpt__more-link:hover {
  background-color: var(--wp--preset--color--base) !important;
  color: var(--wp--preset--color--base-2) !important;
  border-width: 0;
  font-family: var(--wp--preset--font-family--arimo);
  font-size: var(--wp--preset--font-size--medium);
  font-style: normal;
  font-weight: 600;
  line-height: inherit;
  padding-top: 0.6rem;
  padding-right: 1rem;
  padding-bottom: 0.6rem;
  padding-left: 1rem;
  text-decoration: none;
}
.wp-element-button:hover, .wp-block-button__link:hover {
background-color: var(--wp--preset--color--base);
color: var(--wp--preset--color--base-2) !important;
border: none;
}
.on-dark .wp-block-button__link:hover{
  background-color: var(--wp--preset--color--contrast-2) !important;
}