/*
Theme Name: Inkographic - Kancelaria.
Author: Inkographic Studio
*/
html {
	scroll-behavior: smooth;
}
.home.page-id-8 {
	background-color: white;
	color: var(--wp--preset--color--contrast);
}
/* .is-style-justify {
	text-align: justify !important;
} */

/* Buttons */

.submit-button input {
	font-weight: 800;
	line-height: 1.5rem;
	letter-spacing: 3.2px;
	/* border: 2px solid var(--wp--preset--color--base); */
	font-size: var(--wp--preset--font--size--small);
	border-width: 2px;
	border-bottom-color: #fff !important;
	border-right-color: #fff !important;
}
/* secondary-outloine */
.wp-block-button.is-style-secondary-outline .wp-block-button__link,
.submit-button.is-style-secondary-outline {
	border-color: var(--wp--preset--color--secondary) !important;
	color: var(--wp--preset--color--secondary) !important;
	background-color: transparent !important;
}
.wp-block-button.is-style-secondary-outline:hover .wp-block-button__link,
.submit-button.is-style-secondary-outline:hover {
	border-color: var(--wp--preset--color--secondary) !important;
	background-color: var(--wp--preset--color--secondary) !important;
	color: var(--wp--preset--color--base) !important;
}
/* end */

/* light-outline */
.wp-block-button.is-style-light-outline .wp-block-button__link,
.submit-button.is-style-light-outline {
	border-color: var(--wp--preset--color--base) !important;
	color: var(--wp--preset--color--base) !important;
	background-color: transparent !important;
}
.wp-block-button.is-style-light-outline:hover .wp-block-button__link,
.submit-button.is-style-light-outline:hover {
	border-color: var(--wp--preset--color--secondary) !important;
	background-color: var(--wp--preset--color--secondary) !important;
	color: var(--wp--preset--color--base) !important;
}
/* end */

/* dark-outline */
.wp-block-button.is-style-dark-outline .wp-block-button__link,
.submit-button.is-style-dark-outline {
	border-color: var(--wp--preset--color--contrast) !important;
	color: var(--wp--preset--color--contrast) !important;
	background-color: transparent !important;
}
.wp-block-button.is-style-dark-outline:hover .wp-block-button__link,
.submit-button.is-style-dark-outline:hover {
	border-color: var(--wp--preset--color--contrast) !important;
	background-color: var(--wp--preset--color--contrast) !important;
	color: var(--wp--preset--color--base) !important;
}
/* end */

/* dark */
.wp-block-button.is-style-dark .wp-block-button__link {
	background-color: var(--wp--preset--color--contrast) !important;
	color: var(--wp--preset--color--base) !important;
}
.wp-block-button.is-style-dark:hover .wp-block-button__link {
	background-color: var(--wp--preset--color--base) !important;
	color: var(--wp--preset--color--contrast) !important;
}
/* end */

/* End Buttons */

/* Forms */

/* formularze start */
.form-field p,
.wpcf7-form-control .wpcf7-list-item {
	margin: 0;
	padding: 0;
}
.post-form-area {
	display: flex;
}
::-moz-placeholder {
	opacity: 1;
}
::placeholder {
	opacity: 1;
}

.wpcf7-spinner {
	display: none !important;
}

input.wpcf7-submit {
	text-transform: uppercase;
	width: 144px;
	height: 54px;
	letter-spacing: 2px;
}

.wpcf7-textarea,
.wpcf7-text {
	width: 94%;
	/* height: 46px; */
	color: var(--wp--preset--color--contrast);
	background: #f7f7f7;
	border: 1px solid #e5e5e5;
	margin-bottom: 1.5rem;
	padding: 4px 16px;
	font-weight: 300;
	font-size: 14px;
	font-family: "Lato";
	line-height: 30px;
}

.wpcf7-textarea {
	height: 152px;
}

.wpcf7-list-item {
	margin-left: 0;
}
.wpcf7-list-item .wpcf7-list-item-label {
	color: var(--wp--preset--color--contrast);
	font-size: 10px;
	line-height: 12px;
}
input[type="checkbox"]:checked {
	filter: hue-rotate(160deg);
}
/* End forms */

/* Maps */

.map-container iframe {
	width: 100%;
	height: 400px;
}

/* end maps */

/* Full view menu */
.wp-block-navigation__responsive-container-open,
.wp-block-navigation__responsive-container-close {
	color: #404040;
}
.wp-block-navigation__responsive-container-open::before,
.wp-block-navigation__responsive-container-close::before {
	color: #404040;
	font-family: Oswald;
	font-size: 16px;
	font-style: normal;
	font-weight: 300;
	line-height: 24px; /* 150% */
	letter-spacing: 3.2px;
}

.wp-block-navigation__responsive-container-open::before {
	content: "MENU";
}

.wp-block-navigation__responsive-container-close::before {
	content: "ZAMKNIJ";
	position: relative;
	top: 25px;
	right: 70px;
}

.menu-kancelaria #modal-1-content,
.menu-kancelaria #modal-2-content {
	align-items: start;
	background-image: url(assets/img/image-21.png);
	background-position: right 60px;
	background-repeat: no-repeat;
	min-height: 600px;
}

.menu-kancelaria #modal-1-content ul li.last-menu-item,
.menu-kancelaria #modal-2-content ul li.last-menu-item {
	margin-top: 16px;
}

.menu-kancelaria #modal-1-content ul li.last-menu-item a span,
.menu-kancelaria #modal-2-content ul li.last-menu-item a span,
.last-footer-menu-item {
	color: #d0681e;
}

.menu-kancelaria #modal-1-content ul li a,
.menu-kancelaria #modal-2-content ul li a {
	color: #404040;
	font-family: Oswald;
	font-size: 18px;
	font-style: normal;
	font-weight: 300;
	line-height: 24px; /* 133.333% */
	letter-spacing: 3.6px;
	text-transform: uppercase;
}

.menu-kancelaria #modal-1-content > ul > li.wp-block-navigation-item,
.menu-kancelaria #modal-2-content > ul > li.wp-block-navigation-item {
	margin-bottom: 24px;
}

.menu-kancelaria button.wp-block-navigation-submenu__toggle {
	color: #404040 !important;
	font-family: Oswald;
	font-size: 18px;
	font-style: normal;
	font-weight: 600;
	line-height: 24px; /* 133.333% */
	letter-spacing: 3.6px;
	/* margin-bottom: 24px; */
	text-transform: uppercase;
}

.menu-kancelaria button.wp-block-navigation-submenu__toggle::after {
	content: "";
	background-image: url("assets/img/down.png");
	background-size: cover;
	display: inline-block;
	display: inline-block;
	height: 16px;
	width: 16px;
	position: relative;
	left: 4px;
	top: 1px;
}

.menu-kancelaria ul.wp-block-navigation__submenu-container li a span {
	color: #404040;
	font-family: Oswald;
	font-size: 14px;
	font-style: normal;
	font-weight: 300;
	line-height: 24px; /* 171.429% */
	letter-spacing: 2.8px;
	text-transform: uppercase;
	margin-bottom: 8px;
}

.menu-kancelaria
	.wp-block-navigation__responsive-container.is-menu-open
	.wp-block-navigation__responsive-container-content
	.has-child
	.wp-block-navigation__submenu-container {
	display: grid;
	grid-template-columns: 50% 50%;
	min-width: 720px;
}

@media (max-width: 762px) {
	.menu-kancelaria
		.wp-block-navigation__responsive-container.is-menu-open
		.wp-block-navigation__responsive-container-content
		.has-child
		.wp-block-navigation__submenu-container {
		display: flex;
		min-width: 200px;
	}
	.menu-kancelaria #modal-2-content {
		background: none;
	}
}

.menu-kancelaria
	.wp-block-navigation__responsive-container.is-menu-open
	.wp-block-navigation__responsive-container-content
	.has-child
	.wp-block-navigation__submenu-container
	li {
	flex-basis: 50%;
}

.menu-kancelaria
	.wp-block-navigation__responsive-container.is-menu-open
	.wp-block-navigation__responsive-container-content
	.wp-block-navigation__container,
.menu-kancelaria
	.wp-block-navigation__responsive-container.is-menu-open
	.wp-block-navigation__responsive-container-content
	.wp-block-navigation__container
	li {
	align-items: start;
}

.has-child {
	align-items: start;
}

.wp-block-navigation__submenu-container {
	align-items: start;
}

.wp-block-navigation a:where(:not(.wp-element-button)):hover,
.wp-block-navigation a:where(:not(.wp-element-button)):active,
.wp-block-navigation a:where(:not(.wp-element-button)):focus {
	text-decoration-color: var(--wp--preset--color--primary);
}

.wp-block-navigation__responsive-container.is-menu-open
	.wp-block-navigation__responsive-container-content
	.has-child
	.wp-block-navigation__submenu-container {
	opacity: 0;
	height: 0;
	padding-top: 0;
	padding-bottom: 0;
	overflow: hidden;
}

/* bottom menu */

footer .wp-block-navigation__container.is-vertical.wp-block-navigation ul li a span {
	line-height: 20px;
	letter-spacing: 1px;
	font-family: Oswald !important;
}

/* end menu */

nav[aria-label="Dane kontaktowe"] ul li {
	margin-right: 1.5rem;
}

nav[aria-label="Dane kontaktowe"] ul li:nth-child(1) a::before {
	content: "Tel.: ";
	font-weight: 700;
}

nav[aria-label="Dane kontaktowe"] ul li:nth-child(2) a::before {
	content: "E-mail: ";
	font-weight: 700;
}

.white-background-on-mobile {
	margin-left: -40px;
	margin-right: -40px;
	padding-inline: 40px;
	padding-left: 40px !important;
	padding-right: 40px !important;
}

/* style.min.css | http://www.srv36373.seohost.com.pl/doradztwo/wp-includes/blocks/navigation/style.min.css?ver=6.3.1 */

.wp-block-navigation__responsive-container-close {
	/* right: 0; */
	/* top: 0; */
	right: -45px;
	top: 8px;
}

/* Responsive */
.wp-block-columns.are-vertically-aligned-top.inline-on-mobile.is-layout-flex.wp-container-15.wp-block-columns-is-layout-flex {
	flex-direction: row;
}

@media (max-width: 781px) {
	.hide-on-mobile,
	.hide-on-mobile img {
		display: none;
	}
	.wrap-on-mobile .wp-block-navigation:last-child ul {
		display: block;
	}
	.wrap-on-mobile .wp-block-navigation:last-child ul li {
		margin-top: 0.5rem;
	}
	.wrap-on-mobile h5.wp-block-heading {
		margin-bottom: 0.5rem !important;
	}

	.wp-block-columns.inline-on-mobile:not(.is-not-stacked-on-mobile) > .wp-block-column:nth-child(1) {
		flex-basis: 8% !important;
	}
	.wp-block-columns.inline-on-mobile:not(.is-not-stacked-on-mobile) > .wp-block-column:nth-child(2) {
		flex-basis: 85% !important;
	}
	.wp-block-columns.inline-on-mobile:not(.is-not-stacked-on-mobile) > .wp-block-column:last-child {
		margin-bottom: 1rem;
	}
	/* Gradients on mobile */
	body {
		--wp--preset--gradient--dark-0-100: linear-gradient(
			90deg,
			rgba(64, 64, 64, 0.8) 0%,
			rgba(64, 64, 64, 0.5) 100%
		) !important;
		--wp--preset--gradient--dark-39: linear-gradient(
			90deg,
			rgba(64, 64, 64, 0.8) 39.23%,
			rgba(64, 64, 64, 0.5) 100%
		) !important;
		--wp--preset--gradient--dark-50: linear-gradient(
			90deg,
			rgba(64, 64, 64, 0.8) 50%,
			rgba(64, 64, 64, 0.5) 100%
		) !important;
		--wp--preset--gradient--light-39: linear-gradient(
			-90deg,
			rgba(255, 255, 255, 0.8) 39.23%,
			rgba(255, 255, 255, 0.5) 100%
		) !important;
	}

	/* end */

	.mobile-resize-img-1 img {
		height: auto !important;
		width: 50% !important;
		margin-bottom: 2.5rem;
	}
	.wp-block-group {
		padding-left: 0 !important;
		padding-right: 0 !important;
	}

	/* covers backgrounds */
	.cover-background-move-on-mobile-1 img {
		object-position: 84%;
	}

	.cover-background-move-on-mobile-2 img {
		object-position: 65%;
	}
	.cover-background-move-on-mobile-3 img {
		object-position: 70%;
	}
	/* end */

	#priorytety .benefit-columns-on-mobile {
		flex-wrap: wrap !important;
	}

	.wp-block-columns.is-not-stacked-on-mobile > .wp-block-column {
		flex-basis: 50%;
	}
	.wp-block-columns.is-not-stacked-on-mobile > .wp-block-column:nth-child(n + 3),
	.margin-top-on-mobile {
		margin-top: 2.5rem !important;
	}

	/* style.css | http://www.srv36373.seohost.com.pl/doradztwo/wp-content/themes/doradztwo/style.css?ver=6.3.1 */

	.wp-block-navigation__responsive-container-close {
		/* right: -45px; */
		/* top: 8px; */
		right: -65px;
		top: -20px;
	}
}

@media (min-width: 782px) {
	/* Element | http://www.srv36373.seohost.com.pl/doradztwo/kontakt/ */
	/* 
	ul.is-responsive {
		align-items: baseline; */
	/* justify-content: center !important;
	} */

	br.hide-on-desktop,
	.hide-on-desktop {
		display: none;
	}
	.columns-on-mobile-margin .wp-block-columns .wp-block-column:nth-child(1) {
		margin-right: 1.5rem;
	}
}
@media (max-width: 1404px) {
	.mobile-resize-cover-1 {
		min-height: 431px !important;
	}
	.mobile-resize-cover-2 {
		min-height: 420px !important;
	}
	.front-page-button {
		width: min(100%, 436px);
	}
	.front-page-button a {
		width: 100%;
	}
	main.wp-container-15.wp-container-15 > .wrap-on-mobile.alignwide {
		margin-top: 2.5rem;
	}
}

@keyframes show_submenu {
	from {
		height: 0;
	}
	to {
		height: 300px !important;
	}
}

.is-submenu-open {
	animation-name: show_submenu;
	animation-duration: 10s;
}