/*!
Theme Name:		Piotr Bytner Studio
Author: 		Piotr Bytner Studio
Author URI: 	https://bytner.studio
Description:	Dobra grafika, ładne życie. piotr@bytner.studio
Version: 		1.2
License:		GNU General Public License v3 or later
License URI:	https://www.gnu.org/licenses/gpl-3.0.html
Tags: 			
Template:		page-builder-framework
Text Domain:	page-builder-framework-child
*/

/* Colors Example
.has-black-color {
    color: #000000;
}

.has-black-background-color {
    background-color: #000000;
} 
*/

/* 
.current-menu-item {
	display: none;
}
*/

html, body {
	scroll-behavior: smooth;
	overflow-x: hidden;
}

.wpbf-remove-font-size h1 {
	display: none;
}

a:hover, a:hover span, a:focus span {
	text-decoration-line: underline;
}

.border-15 {
	border-radius: 15px;
}

.wpbf-navigation {
	z-index: 89;
}

#lightbox {
	position: fixed!important;
}

@-webkit-keyframes moveDown { from {transform: translateY(0px); } to { transform: translateY(100px); } }
@-moz-keyframes moveDown { from {transform: translateY(0px); } to { transform: translateY(100px); } }
@keyframes moveDown { from {transform: translateY(0px); } to { transform: translateY(100px); } }

.move-img img {
	-webkit-animation: moveDown 2.5s ease-in-out;;    
	-moz-animation: moveDown 2.5s ease-in-out;;
	animation: moveDown 2.5s ease-in-out;;
	animation-direction: alternate;
	animation-iteration-count: infinite;
	border-radius: 999px;
}

@-webkit-keyframes moveUp { from {transform: translateY(0px); } to { transform: translateY(-100px); } }
@-moz-keyframes moveUp { from {transform: translateY(0px); } to { transform: translateY(-100px); } }
@keyframes moveUp { from {transform: translateY(0px); } to { transform: translateY(-100px); } }

.move-img-2nd img {
	-webkit-animation: moveUp 2.5s ease-in-out;;    
	-moz-animation: moveUp 2.5s ease-in-out;;
	animation: moveUp 2.5s ease-in-out;;
	animation-direction: alternate;
	animation-iteration-count: infinite;
	border-radius: 999px;
}

.move-img ,
.move-img-2nd  {
	border-radius: 999px;
	background: #49369F;
}

#Zawody .wp-block-column {
	min-height: 265px;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}

#Zawody .wp-block-column .wp-block-image {
	align-self: end;
}

#Zawody .wp-block-column:hover {
	background-color: var(--wp--preset--color--wpbf-palette-color-3);
}

#Zawody .wp-block-column:hover h3 {
	color: #ffffff;
}

#Zawody .wp-block-column p {
	display: none;
}

#Zawody .wp-block-column:hover p {
	display: block;
}

#Zawody .wp-block-column:hover .wp-block-image {
	display: none;
}

.mouse {
	background: url(https://tti.edu.pl/wp-content/uploads/2023/06/PIKTOGRAM-STRZAŁKA-34.svg);
	background-size: 25px;
	background-position: right 50px;
	background-repeat: no-repeat;
}

footer textarea {
	max-height: 140px;
}

.flex-columns .wp-block-column,
footer .wp-block-column {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}

footer .alignright {
	margin: 0;
}

footer .alignright img {
	float: right;
}

footer .wpcf7-submit {
	background-color: transparent;
    background-image: none;
	border: 2px solid var(--wp--preset--color--wpbf-palette-color-2);
    padding: 0.667em 1.333em;
	border-radius: 9999px;
	float: right;
	color: var(--wp--preset--color--wpbf-palette-color-2);
}

.wp-block-button .has-wpbf-palette-color-2-color:hover,
footer .wpcf7-submit:hover,
footer .wpcf7-submit:focus {
	background-color: var(--wp--preset--color--wpbf-palette-color-2);
	color: var(--wp--preset--color--wpbf-palette-color-3);
	text-decoration: underline;
}

.wp-block-getwid-post-carousel.has-slides-gap-small .slick-slide {
    margin: 0 5px;
    padding: 25px;
    border: 2px solid var(--wp--preset--color--wpbf-palette-color-3);
    border-radius: 15px;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}

.wp-block-getwid-post-carousel.has-slides-gap-small .slick-slide:hover {
	background-color: var(--wp--preset--color--wpbf-palette-color-3);
	color: var(--wp--preset--color--wpbf-palette-color-2);
}

.wp-block-getwid-post-carousel.has-slides-gap-small .slick-slide:hover h3 a {
	color: var(--wp--preset--color--wpbf-palette-color-2);
}

.wp-block-getwid-post-carousel.has-slides-gap-small .slick-slide:hover .wp-block-read-more  {
	color: var(--wp--preset--color--wpbf-palette-color-4) !important;
}

.slick-dots li button:before {
    font-size: 16px;
	color: var(--wp--preset--color--wpbf-palette-color-2);
}

.slick-dots li.slick-active button:before {
	color: var(--wp--preset--color--wpbf-palette-color-2);
}

.brackets .wp-block-getwid-content-slider-slide__wrapper:before {
	content: '{';
	color: #fff;
    font-size: 14rem;
}

.brackets .wp-block-getwid-content-slider-slide__wrapper:after {
	content: '}';
	color: #fff;
    font-size: 14rem;
	min-height: auto;
}

.brackets .wp-block-getwid-content-slider-slide__wrapper {
	display: flex;
    flex-direction: row;
    justify-content: space-evenly;
    align-items: center;
}

.wp-block-getwid-section .list li {
    list-style-type: none;
    position: relative;  
}

.wp-block-getwid-section .list li::before {
    content: '⬤';
    position: absolute;
    left: -1.8em;
    font-size: 1.1em;
}

.pikto-bg {
	background-image: 
	url(https://tti.edu.pl/wp-content/uploads/2023/06/IKONKI-3.svg),
	url(https://tti.edu.pl/wp-content/uploads/2023/06/IKONKI-2.svg),
    url(https://tti.edu.pl/wp-content/uploads/2023/06/IKONKI-1.svg),
    url(https://tti.edu.pl/wp-content/uploads/2023/06/IKONKI-4.svg);
	background-position:
    top left,
    top right,
	bottom left,
	bottom right;
	background-repeat:
    no-repeat; 
	background-size: 100px;
}

.wp-block-calendar {
	border: 2px solid var(--wp--preset--color--wpbf-palette-color-3);
	padding: 25px;
}

.wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper {
	border-width: 2px;
	border-radius: 9999px;
}

.wp-block-search .wp-block-search__input {
	border: none;
	background-color: transparent;
}

.wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper .wp-block-search__button {
	background-color: transparent;
	padding: 0;
}

.wp-block-search__button svg {
	-webkit-transform: scaleX(-1);
	transform: scaleX(-1);
	min-height: 2.5em;
    min-width: 2.5em;
	fill: var(--wp--preset--color--wpbf-palette-color-3);
}

.wp-block-search__button:hover svg {
	fill: var(--wp--preset--color--wpbf-palette-color-4);
}

.wp-block-calendar caption{
	color: var(--wp--preset--color--wpbf-palette-color-1);
	font-weight: 700;
	text-align: left;
	font-size: 1.5em;
}

.wp-block-calendar table {
	color: var(--wp--preset--color--wpbf-palette-color-1);	
}

.wp-block-calendar thead th {
	text-transform: lowercase;
	font-weight: 700;
}

.wp-block-calendar table, .wp-block-calendar th, .wp-block-calendar tr, .wp-block-calendar td {
	border: none;
	padding: 0;
}

.wp-block-calendar td:has(a)  {
	background-color: var(--wp--preset--color--wpbf-palette-color-4);
	border-radius: 9999px;
}

.wp-block-calendar td a:hover  {
	color: var(--wp--preset--color--wpbf-palette-color-2);
}

.wp-block-calendar #today {
	color: var(--wp--preset--color--wpbf-palette-color-4);
}

.entry-title {
	font-weight: 700;
}

.posted-on {
	display: none;
}

.wpbf-read-more {
	border-radius: 9999px;
}

@media (max-width:640px) {
	.wpbf-main-grid {
		flex-direction: column-reverse;
	}
}

.wpbf-menu .has-wpbf-palette-color-3-background-color {
	border-radius: 9999px;
}

.wpbf-menu .has-wpbf-palette-color-3-background-color a:focus,
.wpbf-menu .has-wpbf-palette-color-3-background-color a:hover,
.wpbf-menu .has-wpbf-palette-color-3-background-color a,
.wpbf-mobile-menu .has-wpbf-palette-color-3-background-color a:focus,
.wpbf-mobile-menu .has-wpbf-palette-color-3-background-color a:hover,
.wpbf-mobile-menu .has-wpbf-palette-color-3-background-color a{
	color: var(--wp--preset--color--wpbf-palette-color-2);
}

.wpbf-main .wpcf7-submit {
    padding: 0.667em 1.333em;
	border-radius: 9999px;
	color: var(--wp--preset--color--wpbf-palette-color-2);
}

.wpbf-main .wpcf7-submit:hover,
.wpbf-main .wpcf7-submit:focus {
	background-color: var(--wp--preset--color--wpbf-palette-color-4);
	color: var(--wp--preset--color--wpbf-palette-color-3);
	text-decoration: underline;
}