/*
 * Theme Name: Wilki - motyw blokowy
 * Author: TomaszZ
 * Version: 0.1.0.1
 * Description: Prosty motyw obługujący Edytor FSE (Full Site Editing) - pozwalający na pełną edycję witryny przy pomocy bloków Gutenberga. Współpracuje z ACF (w.6.07).
*/

/*--------------------*/
/* Style motywu wilki */
/*--------------------*/

* {
  transition: all 0.3s ease-in;
}

@media screen and (min-width:1001px) {
	.menu_wilki {
	  position: fixed;
	  width: 100vw;
	  z-index: 1000;
	}
}

.p-fixed {
	position: fixed;
	z-index: 1000;
}

.effect-zoom:hover {
	transform: scaleX(1.08) scaleY(1.08);
	transition: transform 600ms ease 0ms,box-shadow 600ms ease 0ms;
}

.effect-box-shadow {
	box-shadow: 0px 2px 18px 0px rgba(0, 0, 0, 0.3);
}

.effect-box-shadow-hover:hover {
	box-shadow: 0px 2px 18px 0px rgba(0, 0, 0, 0.3);
	transition: transform 600ms ease 0ms,box-shadow 600ms ease 0ms;
}

.effect-image {
	box-shadow: 22px 22px 0px 0px var(--wp--preset--color--primary);
}

.effect-hover-link:hover {
	color: var(--wp--preset--color--primary);
}

.current-menu-item a {
	color: var(--wp--preset--color--primary) !important;
}

.wp-block-navigation-link a:hover, .wp-block-navigation-item a:hover{
	color: var(--wp--preset--color--primary) !important;
	opacity: 0.8;
}

.wp-block-button:hover {
    opacity: 0.6;
}

.link_color_secondary a {
	color: var(--wp--preset--color--secondary);
}
.link_white a {
	color: #fff;
}
.link_black a {
	color: #000;
}

.display-none {
		display: none;
	}
	
/* Lightobox WP ciemne tlo */

.scrim {
	background-color: rgba(0, 0, 0, 0.89) !important;
}
.wp-lightbox-overlay .close-button {
	fill: #fff !important;
}

/* Media queries */

@media screen and 
(max-width:780px) {
	.small-display-none {
		display: none;
	}
}

@media screen and (min-width:781px) and (max-width:1000px) {
	.medium-display-none {
		display: none;
	}
}

@media screen and (min-width:1001px) {
	.large-display-none{
		display: none;
	}
}

/* Style do Contact form7*/

.wpcf7 {
	padding: 0px 0px 6px 0px;
	max-width: 100%;
}

.wpcf7 p {
	margin-bottom: 0;
}

.wpcf7 label {
	color: var(--wp--preset--color--black);
	font-size: var(--wp--preset--font-size--medium);
	line-height: 2em;
}

.wpcf7 input, .wpcf7 textarea {
	background-color: var(--wp--preset--color--white);
	color: var(--wp--preset--color--black);
	width: 100%;
	box-sizing: border-box;
	padding: 14px;
	border: 0;
	font-family: roboto;
	font-size: var(--wp--preset--font-size--small);
	margin-bottom: 16px;
}

.wpcf7 input[type="radio"], .wpcf7 input[type="checkbox"] {
  width: auto;
}

.wpcf7 input[type="submit"] {
	width: 48.5%;
	float: right;
	background-color: var(--wp--preset--color--primary);
	font-size: var(--wp--preset--font-size--medium);
	color: var(--wp--preset--color--white);
	letter-spacing: 1px;
	cursor: pointer;
}

.wpcf7 input[type="submit"]:hover {
	background-color: var(--wp--preset--color--secondary);
}

.wpcf7-form-control:focus {
  outline: none;
}

/*---------------------*/
/*     Woocommerce     */
/*---------------------*/

.woocommerce .wp-element-button {
  background-color: var(--wp--preset--color--primary) !important;
}

/*---------------------*/
/* Ef.hover wilki-zoom */
/*    tylko do zdjec   */
/*---------------------*/

figure.wilki-zoom {
	background: var(--wp--preset--color--primary);
}

figure.wilki-zoom img {
	opacity: 0.95;
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
	-webkit-transform: scale3d(1,1,1);
	transform: scale3d(1,1,1);
}

figure.wilki-zoom:hover img {
	opacity: 0.3;
	-webkit-transform: scale3d(1.25,1.25,1);
	transform: scale3d(1.25,1.25,1);
}