/*
 Theme Name:   PROVENDING
 Theme URI:    https://example.com/kadence-child/
 Description:  Kadence Child Theme
 Author:       Patryk Sech
 Author URI:   https://www.facebook.com/patryk.sech/
 Template:     kadence
 Version:      1.0.2
 Tags:         customizable, modern, responsive-layout, gutenberg, header builder, footer builder
 Text Domain:  kadencechild
*/

/* Theme customization starts here
-------------------------------------------------------------- */

.kb-splide .splide__pagination, .kb-splide ul.splide__pagination.splide__pagination {
	bottom: 25px !important;
	position: absolute;
}

/* .kb-advanced-slide-inner-wrap {
	padding: 0px !important;
} */

/** primary button **/
.button-grow {
  transition: all 0.3s ease-in-out;
}

.button-grow:hover {
  transform: scale(1.05);
}

.ghost-button-transition { 
	transition: background-color 0.2s ease-out, color 0.2s ease-out;
}

/** secondary button **/ 

.ghost-button-transition:hover, .ghost-button-transition:active { 
	transition: background-color 0.3s ease-in, color 0.3s ease-in;
}

.kt-title-text {
	margin-top: 20px;
}

/** cards **/


.cards {
	transition: all 0.3s ease-in-out;
}
.cards:hover {
	transform: scale(1.05);
}

/** custom shapes **/


.custom-section-shape-background {
    position: relative;
    overflow: hidden;
}

.custom-section-shape-background::before,
.custom-section-shape-background::after {
    content: '';
    position: absolute;
    top: 0;
    width: 50vw;
    height: 100%;
    background: #fff; /* Kolor pasków */
    z-index: 0;
}

.custom-section-shape-background::before {
    left: 47%;
    transform: skewX(21deg);
}

.custom-section-shape-background::after {
    left: 47.5%;
    transform: skewX(-21deg);
}

.custom-section-shape-background.custom-section-shape-background-reverse::before {
    left: auto;
    right: 47%;
    transform: skewX(21deg) rotate(180deg);
}

.custom-section-shape-background.custom-section-shape-background-reverse::after {
    left: auto;
    right: 47.5%;
    transform: skewX(-21deg) rotate(180deg);
}

@media only screen and (max-width: 600px) {
  .custom-section-shape-background::before,
.custom-section-shape-background::after {
    width: 100vw;
}
}

.woocommerce-tabs{
	display: none;
}

.section-divider {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100px;
  background: #c70000;
  clip-path: polygon(0 60%, 100% 20%, 100% 100%, 0% 100%);
  z-index: 10;
}

.bg-architect{
z-index: 1;
background-color: #f4f4f4;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='199' viewBox='0 0 100 199'%3E%3Cg fill='%23c7c7c7' fill-opacity='0.3'%3E%3Cpath d='M0 199V0h1v1.99L100 199h-1.12L1 4.22V199H0zM100 2h-.12l-1-2H100v2z'%3E%3C/path%3E%3C/g%3E%3C/svg%3E");
}