/*
Theme Name: PRSites Template
Theme URI: https://wordpress.org/themes/twentytwentyone/
Author: the WordPress team
Author URI: https://wordpress.org/
Description: Twenty Twenty-One is a blank canvas for your ideas and it makes the block editor your best brush. With new block patterns, which allow you to create a beautiful layout in a matter of seconds, this theme’s soft colors and eye-catching — yet timeless — design will let your work shine. Take it for a spin! See how Twenty Twenty-One elevates your portfolio, business website, or personal blog.
Requires at least: 5.3
Tested up to: 5.8
Requires PHP: 5.6
Version: 1.4
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: twentytwentyone
Tags: one-column, accessibility-ready, custom-colors, custom-menu, custom-logo, editor-style, featured-images, footer-widgets, block-patterns, rtl-language-support, sticky-post, threaded-comments, translation-ready

Twenty Twenty-One WordPress Theme, (C) 2020 WordPress.org
Twenty Twenty-One is distributed under the terms of the GNU GPL.
*/

/* Variables */
:root {

	/* Font Family */
	--global--font-primary: var(--font-headings, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif);
	--global--font-secondary: var(--font-base, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif);

	/* Font Size */
	--global--font-size-base: 1.25rem;
	--global--font-size-xs: 1rem;
	--global--font-size-sm: 1.125rem;
	--global--font-size-md: 1.25rem;
	--global--font-size-lg: 1.5rem;
	--global--font-size-xl: 2.25rem;
	--global--font-size-xxl: 4rem;
	--global--font-size-xxxl: 5rem;
	--global--font-size-page-title: var(--global--font-size-xxl);
	--global--letter-spacing: normal;

	/* Line Height */
	--global--line-height-body: 1.7;
	--global--line-height-heading: 1.3;
	--global--line-height-page-title: 1.1;

	/* Headings */
	--heading--font-family: var(--global--font-primary);
	--heading--font-size-h6: var(--global--font-size-xs);
	--heading--font-size-h5: var(--global--font-size-sm);
	--heading--font-size-h4: var(--global--font-size-lg);
	--heading--font-size-h3: calc(1.25 * var(--global--font-size-lg));
	--heading--font-size-h2: var(--global--font-size-xl);
	--heading--font-size-h1: var(--global--font-size-page-title);
	--heading--letter-spacing-h6: 0.05em;
	--heading--letter-spacing-h5: 0.05em;
	--heading--letter-spacing-h4: var(--global--letter-spacing);
	--heading--letter-spacing-h3: var(--global--letter-spacing);
	--heading--letter-spacing-h2: var(--global--letter-spacing);
	--heading--letter-spacing-h1: var(--global--letter-spacing);
	--heading--line-height-h6: var(--global--line-height-heading);
	--heading--line-height-h5: var(--global--line-height-heading);
	--heading--line-height-h4: var(--global--line-height-heading);
	--heading--line-height-h3: var(--global--line-height-heading);
	--heading--line-height-h2: var(--global--line-height-heading);
	--heading--line-height-h1: var(--global--line-height-page-title);
	--heading--font-weight: normal;
	--heading--font-weight-page-title: 300;
	--heading--font-weight-strong: 600;

	/* Block: Latest posts */
	--latest-posts--title-font-family: var(--heading--font-family);
	--latest-posts--title-font-size: var(--heading--font-size-h3);
	--latest-posts--description-font-family: var(--global--font-secondary);
	--latest-posts--description-font-size: var(--global--font-size-sm);
	--list--font-family: var(--global--font-secondary);
	--definition-term--font-family: var(--global--font-primary);

	/* Colors */
	--global--color-black: #000;
	--global--color-dark-gray: #28303d;
	--global--color-gray: #39414d;
	--global--color-light-gray: #f0f0f0;
	--global--color-green: #d1e4dd;
	--global--color-blue: #d1dfe4;
	--global--color-purple: #d1d1e4;
	--global--color-red: #e4d1d1;
	--global--color-orange: #e4dad1;
	--global--color-yellow: #eeeadd;
	--global--color-white: #fff;
	--global--color-white-50: rgba(255, 255, 255, 0.5);
	--global--color-white-90: rgba(255, 255, 255, 0.9);
	--global--color-primary: var(--global--color-dark-gray);

	/* Body text color, site title, footer text color. */
	--global--color-secondary: var(--global--color-gray);

	/* Headings */

	--global--color-background: var(--global--color-green);

	/* Mint, default body background */
	--global--color-border: var(--global--color-primary);

	/* Used for borders (separators) */

	/* Spacing */
	--global--spacing-unit: 20px;
	--global--spacing-measure: unset;
	--global--spacing-horizontal: 25px;
	--global--spacing-vertical: 30px;

	/* Elevation */
	--global--elevation: 1px 1px 3px 0 rgba(0, 0, 0, 0.2);

	/* Forms */
	--form--font-family: var(--global--font-secondary);
	--form--font-size: var(--global--font-size-sm);
	--form--line-height: var(--global--line-height-body);
	--form--color-text: var(--global--color-dark-gray);
	--form--color-ranged: var(--global--color-secondary);
	--form--label-weight: 500;
	--form--border-color: var(--global--color-secondary);
	--form--border-width: 3px;
	--form--border-radius: 0;
	--form--spacing-unit: calc(0.5 * var(--global--spacing-unit));

	/* Cover block */
	--cover--height: calc(15 * var(--global--spacing-vertical));
	--cover--color-foreground: var(--global--color-white);
	--cover--color-background: var(--global--color-black);

	/* Buttons */
	--button--color-text: var(--global--color-background);

	--button--color-text-active: var(--global--color-secondary);
	--button--color-background: var(--global--color-secondary);
	--button--color-background-active: var(--global--color-background);
	--button--font-family: var(--global--font-primary);
	--button--font-size: var(--global--font-size-base);
	--button--font-weight: 500;
	--button--line-height: 1.5;
	--button--border-width: 3px;
	--button--border-radius: 0;
	--button--padding-vertical: 15px;
	--button--padding-horizontal: calc(2 * var(--button--padding-vertical));

	/* entry */
	--entry-header--color: var(--global--color-primary);
	--entry-header--color-link: currentColor;
	--entry-header--font-size: var(--heading--font-size-h2);
	--entry-content--font-family: var(--global--font-secondary);
	--entry-author-bio--font-family: var(--heading--font-family);
	--entry-author-bio--font-size: var(--heading--font-size-h4);

	/* Header */
	--branding--color-text: var(--global--color-primary);
	--branding--color-link: var(--global--color-primary);
	--branding--title--font-family: var(--global--font-primary);
	--branding--title--font-size: var(--global--font-size-lg);
	--branding--title--font-size-mobile: var(--heading--font-size-h4);
	--branding--title--font-weight: normal;
	--branding--title--text-transform: uppercase;
	--branding--description--font-family: var(--global--font-secondary);
	--branding--description--font-size: var(--global--font-size-sm);
	--branding--description--font-family: var(--global--font-secondary);
	--branding--logo--max-width: 300px;
	--branding--logo--max-height: 100px;
	--branding--logo--max-width-mobile: 96px;
	--branding--logo--max-height-mobile: 96px;

	/* Main navigation */
	--primary-nav--font-family: var(--global--font-secondary);
	--primary-nav--font-family-mobile: var(--global--font-primary);
	--primary-nav--font-size: var(--global--font-size-md);
	--primary-nav--font-size-sub-menu: var(--global--font-size-xs);
	--primary-nav--font-size-mobile: var(--global--font-size-sm);
	--primary-nav--font-size-sub-menu-mobile: var(--global--font-size-sm);
	--primary-nav--font-size-button: var(--global--font-size-xs);
	--primary-nav--font-style: normal;
	--primary-nav--font-style-sub-menu-mobile: normal;
	--primary-nav--font-weight: normal;
	--primary-nav--font-weight-button: 500;
	--primary-nav--color-link: var(--global--color-primary);

	--primary-nav--color-text: var(--global--color-primary);
	--primary-nav--padding: calc(0.66 * var(--global--spacing-unit));
	--primary-nav--border-color: var(--global--color-primary);

	/* Pagination */
	--pagination--color-text: var(--global--color-primary);

	--pagination--font-family: var(--global--font-secondary);
	--pagination--font-size: var(--global--font-size-lg);
	--pagination--font-weight: normal;
	--pagination--font-weight-strong: 600;

	/* Footer */
	--footer--color-text: var(--global--color-primary);
	--footer--color-link: var(--global--color-primary);

	--footer--font-family: var(--global--font-primary);
	--footer--font-size: var(--global--font-size-sm);

	/* Block: Pull quote */
	--pullquote--font-family: var(--global--font-primary);
	--pullquote--font-size: var(--heading--font-size-h3);
	--pullquote--font-style: normal;
	--pullquote--letter-spacing: var(--heading--letter-spacing-h4);
	--pullquote--line-height: var(--global--line-height-heading);
	--pullquote--border-width: 3px;
	--pullquote--border-color: var(--global--color-primary);
	--pullquote--color-foreground: var(--global--color-primary);
	--pullquote--color-background: var(--global--color-background);
	--quote--font-family: var(--global--font-secondary);
	--quote--font-size: var(--global--font-size-md);
	--quote--font-size-large: var(--global--font-size-xl);
	--quote--font-style: normal;
	--quote--font-weight: 700;
	--quote--font-weight-strong: bolder;
	--quote--font-style-large: normal;
	--quote--font-style-cite: normal;
	--quote--line-height: var(--global--line-height-body);
	--quote--line-height-large: 1.35;
	--separator--border-color: var(--global--color-border);
	--separator--height: 1px;

	/* Block: Table */
	--table--stripes-border-color: var(--global--color-light-gray);
	--table--stripes-background-color: var(--global--color-light-gray);
	--table--has-background-text-color: var(--global--color-dark-gray);

	/* Widgets */
	--widget--line-height-list: 1.9;
	--widget--line-height-title: 1.4;
	--widget--font-weight-title: 700;
	--widget--spacing-menu: calc(0.66 * var(--global--spacing-unit));

	/* Admin-bar height */
	--global--admin-bar--height: 0px;
}

/*---------------------------------------------------------
----------------------------MENU-------------------------
---------------------------------------------------------*/

.menu-button-container {
	display: none;
	justify-content: space-between;
	position: absolute;
	right: 0;
	padding-top: calc(0.5 * var(--global--spacing-vertical));
	padding-bottom: calc(0.25 * var(--global--spacing-vertical));
}

.primary-navigation {
	top: var(--global--admin-bar--height);
	right: 0;
	color: var(--primary-nav--color-text);
	font-size: var(--primary-nav--font-size);
	line-height: 1.15;
	margin-top: 0;
	margin-bottom: 0;
}

.menu-button-container #primary-mobile-menu {
	display: flex;
	margin-left: auto;
	padding: calc(var(--button--padding-vertical) - (0.25 * var(--global--spacing-unit))) calc(0.5 * var(--button--padding-horizontal));
	font-size: var(--primary-nav--font-size-button);
	font-weight: var(--primary-nav--font-weight-button);
	background-color: transparent;
	border: none;
	color: var(--primary-nav--color-link);
}

.menu-button-container #primary-mobile-menu .dropdown-icon {
	display: flex;
	align-items: center;
}

.menu-button-container #primary-mobile-menu .dropdown-icon .svg-icon {
	margin-left: calc(0.25 * var(--global--spacing-unit));
}

.menu-button-container #primary-mobile-menu .dropdown-icon.open .svg-icon {
	position: relative;
	top: -1px;
}



@media only screen and (min-width: 900px) {
    .admin-bar .primary-navigation > .primary-menu-container {
		top: initial;
	}

    .primary-navigation .primary-menu-container {
		margin-right: calc(0px - var(--primary-nav--padding));
		margin-left: calc(0px - var(--primary-nav--padding));
	}

    .primary-navigation > .primary-menu-container {
		visibility: visible;
		opacity: 1;
		position: relative;
		background-color: transparent;
		overflow: initial;
		transform: none;
	}

    .primary-navigation > div > .menu-wrapper li:last-child {
		margin-right: 0;
	}

    .primary-navigation .primary-menu-container > ul > .menu-item {
		display: flex;
	}

    .primary-navigation > div > .menu-wrapper li {
		width: inherit;
	}
}
@media only screen and (min-width: 900px) {

	.primary-navigation .sub-menu > .menu-item > .sub-menu {
		padding: 0;
	}
}


.primary-navigation .sub-menu .menu-item > a {
	padding: calc(1.25 * var(--primary-nav--padding)) var(--primary-nav--padding);
	display: block;
	font-size: var(--primary-nav--font-size-sub-menu-mobile);
	font-style: var(--primary-nav--font-style-sub-menu-mobile);
}
@media only screen and (min-width: 900px) {

	.primary-navigation .sub-menu .menu-item > a {
		font-size: var(--primary-nav--font-size-sub-menu);
		font-style: var(--primary-nav--font-style);
	}
}

.primary-navigation .menu-item-has-children > .svg-icon {
	display: none;
}
@media only screen and (min-width: 900px) {

	.primary-navigation .menu-item-has-children > .svg-icon {
		display: inline-block;
		height: 100%;
	}

	.primary-navigation .menu-item-has-children .sub-menu .svg-icon {
		display: none;
	}
}

.primary-navigation .menu-item-description {
	display: block;
	clear: both;
	font-size: var(--global--font-size-xs);
	text-transform: none;
	line-height: 1.7;
}

.primary-navigation .menu-item-description > span {
	display: inline-block;
}

@media only screen and (max-width: 899px) {
    
	/*.lock-scrolling .site {*/
		/*position: fixed;*/
		/*max-width: 100%;*/
		/*width: 100%;*/
	/*}*/
}

.admin-bar {
	--global--admin-bar--height: 32px;
}
@media only screen and (max-width: 782px) {

	.admin-bar {
		--global--admin-bar--height: 46px;
	}
}

.site-header > .site-logo {
	width: 100%;
	padding-bottom: calc(var(--global--spacing-vertical) * 1.5);
	border-bottom: 1px solid;
	text-align: center;
}

.site-logo .custom-logo {
	margin-left: auto;
	margin-right: auto;
	max-width: var(--branding--logo--max-width-mobile);
	max-height: var(--branding--logo--max-height-mobile);
	height: auto;
	display: inline-block;
	width: auto;
}
@media only screen and (min-width: 900px) {

	.site-logo .custom-logo {
		max-width: var(--branding--logo--max-width);
		max-height: var(--branding--logo--max-height);
		height: auto;
		width: auto;
	}
}


.menu-button-container {
	display: none;
	justify-content: space-between;
	position: absolute;
	right: 0;
	padding-top: calc(0.5 * var(--global--spacing-vertical));
	padding-bottom: calc(0.25 * var(--global--spacing-vertical));
}
@media only screen and (max-width: 899px) {

	.menu-button-container {
		display: flex;
	}
}


.menu-button-container #primary-mobile-menu .dropdown-icon.close {
	display: none;
}

.menu-button-container #primary-mobile-menu[aria-expanded*=true] .dropdown-icon.open {
	display: none;
}

.menu-button-container #primary-mobile-menu[aria-expanded*=true] .dropdown-icon.close {
	display: flex;
}

.has-logo.has-title-and-tagline .menu-button-container #primary-mobile-menu[aria-expanded*=true] .dropdown-icon.close {
	animation-name: twentytwentyone-close-button-transition;
	animation-duration: 0.3s;
}

.primary-navigation-open .menu-button-container {
	width: 100%;
	z-index: 500;
}

/*.primary-navigation-open .menu-button-container #primary-mobile-menu {*/
	/*position: static;*/
/*}*/

.primary-navigation {
	position: absolute;
	top: var(--global--admin-bar--height);
	right: 0;
	color: var(--primary-nav--color-text);
	font-size: var(--primary-nav--font-size);
	line-height: 1.15;
	margin-top: 0;
	margin-bottom: 0;
}

.primary-navigation > .primary-menu-container {
	position: fixed;
	visibility: hidden;
	opacity: 0;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background-color: #fff;
	transition: all 0.15s ease-in-out;
	transform: translateY(var(--global--spacing-vertical));
}
@media only screen and (max-width: 899px) {

	.primary-navigation > .primary-menu-container {
		height: 100vh;
		z-index: 499;
		overflow-x: hidden;
		overflow-y: auto;
		border: 2px solid transparent;
	}

	.has-logo.has-title-and-tagline .primary-navigation > .primary-menu-container {
		position: fixed;
		transform: translateY(0) translateX(100%);
	}

	.admin-bar .has-logo.has-title-and-tagline .primary-navigation > .primary-menu-container {
		top: var(--global--admin-bar--height);
	}

	.admin-bar .primary-navigation > .primary-menu-container {
		height: calc(100vh - var(--global--admin-bar--height));
	}

}
@media only screen and (max-width: 990px) {

	/*.primary-navigation-open .primary-navigation {*/
		/*width: 100%;*/
		/*position: fixed;*/
		/*z-index: 2;*/
	/*}*/
	.menu-button-container{
		position: absolute !important;
	}
	.primary-navigation-open .primary-menu-container{
		display: flex !important;
		position: relative;
		background-color:#fff;
		position: absolute;
		z-index: 9999;
		width: 100%;
		right: 0;
		left: 0;
		top: 95px;
		justify-content: center;
		align-items: center;
	}
	.primary-navigation-open .primary-menu-container ul{
		display: flex;
		flex-direction: column;
		text-align: center;

	}
}

/*.primary-navigation-open .primary-navigation > .primary-menu-container {*/
	/*position: absolute;*/
	/*visibility: visible;*/
	/*opacity: 1;*/
	/*transform: translateY(0);*/
	/*display: flex;*/
    /*flex-direction: column;*/
    /*align-items: center;*/
    /*justify-content: center;*/
/*}*/
/*@media only screen and (max-width: 899px) {*/

	/*.primary-navigation-open .has-logo.has-title-and-tagline .primary-navigation > .primary-menu-container {*/
		/*transform: translateX(0) translateY(0);*/
	/*}*/
/*}*/
@media only screen and (min-width: 900px) {

	.primary-navigation > .primary-menu-container {
		visibility: visible;
		opacity: 1;
		position: relative;
		background-color: transparent;
		overflow: initial;
		transform: none;
	}

	.primary-navigation #toggle-menu {
		display: none;
	}

	.primary-navigation > .primary-menu-container ul > li .sub-menu-toggle[aria-expanded=false] ~ ul {
		display: none;
	}

	.admin-bar .primary-navigation {
		top: initial;
	}

	.admin-bar .primary-navigation > .primary-menu-container {
		top: initial;
	}
}

.primary-navigation > div > .menu-wrapper {
	display: flex;
	justify-content: flex-start;
	flex-wrap: wrap;
	list-style: none;
	margin: 0;
	max-width: none;
	padding-left: 0;
	position: relative;
}

@media only screen and (max-width: 899px) {

	.primary-navigation > div > .menu-wrapper {
		padding-bottom: 100px;
		flex-direction: column;
	}

	.primary-navigation > div > .menu-wrapper ul {
		padding-left: 0;
	}
}

.primary-navigation > div > .menu-wrapper li {
	display: block;
	position: relative;
	width: 100%;
}




#masthead {
	background:#fff;
	z-index: 170;
	margin:0 auto;
	border-bottom:1px solid #dadada;
	min-width:100%;
	position: sticky;
	top:0;
	left:0;
	right:0;
	color: #fff;
	text-align: center;
}

body {
	background-color: #fff;
}















/*---------------------------------------------------------------------------------------------------------------------------------------------------------------------------
-----------------------------------------------------------------------------------NASZ KOD----------------------------------------------------------------------------------
-----------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/

@import url('https://fonts.googleapis.com/css2?family=Poppins&display=swap');

body, a, h1, h2, h3, h4, h5, h6, p, span {
	font-family: 'Poppins', sans-serif;
	margin: 0;
}

a, a:link {
	text-decoration: none;
	color: #000;
}

.line-full-width {
	border-bottom: 1px solid #dadada;
	margin-top: 10px;
	margin-bottom: 10px;
	width: 100%;
}

.line-one-third-width {
	border-bottom: 1px solid #dadada;
	width: 33%;
	margin: 0 auto 10px auto;
}

textarea {
	resize: none;
  }


  /*---------------------------------------------------------
-----------------------ANIMACJE------------------------------
-----------------------------------------------------------*/







/*---------------------------------------------------------
----------------------NAGŁÓWEK-----------------------------
-----------------------------------------------------------*/
.site-header {
	display: flex;
	flex-direction: row;
}

.site-logo {
	width: auto;
	height: auto;
	margin-left: 50px;
	margin-top: 10px;
	margin-bottom: 10px;
}





/*---------------------------------------------------------
------------------------MENU-------------------------------
-----------------------------------------------------------*/

.primary-menu-container {
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: flex-end;
	padding-right: 50px;
	padding-top: 70px;
}

.primary-navigation > div > .menu-wrapper {
	flex-wrap: nowrap;
}

.primary-navigation > div > .menu-wrapper li {
	width: auto;
}

.menu-item {
	padding: 10px;
	margin: 1px;
}

.menu-item:hover {
	background-color: #F1A5E3;
	border-radius: 5px;
}

.menu-item:hover a{
	color: #fff;
}

.current_page_item, .current_page_item .menu-item:focus{
	background-color: #e177cc;
	border-radius: 2px;
}

.current_page_item:hover {
	background-color: #F1A5E3;
}

.primary-navigation .primary-menu-container {
	margin-right: 0;
	margin-left: 0;
}





/*---------------------------------------------------------
-----------------------STOPKA------------------------------
-----------------------------------------------------------*/

.stopka {
	max-width: 1500px;
	margin: 0 auto 0 auto;
}

.stopka aside {
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: space-between;
}



footer .site-logo {
	display: none;
}

.footer-logo img {
	max-width: 130px;
	height: auto;
}

.powered-by {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
}

.footer-info-group {
	padding: 10px;
}

.footer-title {
	font-weight: 600;
	font-size: 20px;
}

.footer-description {
	font-weight: 400;
	font-size: 16px;
}

.footer-description a:hover {
	color: #CD51B5;
	text-decoration: underline;
}


/*---------------------------------------------------------
--------------------STRONA GŁÓWNA--------------------------
-----------------------------------------------------------*/

.post-31 .entry-content {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	align-content: center;
}

.main-title {
	font-size: 28px;
	font-weight: 500;
	margin-top: 20px;
}

.main-description {
	font-size: 18px;
	font-weight: 400;
	line-height: 28px;
	padding-bottom: 20px;
}

.main-description a:active, .main-description a:link {
	text-decoration: underline;
	font-weight: 500;
}

.main-description > a:hover {
	color: #CD51B5;
	text-decoration: underline;
	font-weight: 500;
}

.wp-block-image figure img{
	height: auto;
	width: 600px;
}

ul.main-description {
	padding: 0;
}

ul.main-description li{
	padding-bottom: 10px;
	list-style: none;
}

ul.main-description li::before {
	content: "\2022";
	color: #CD51B5;
	font-weight: bold;
	display: inline-block;
	width: 1em;
	margin-left: -1em;
}

.wp-block-group {
	max-width: 1200px;
}

.line-main-page {
	margin-top: 150px;
    margin-bottom: 150px;
}


/*---------------------------------------------------------
----------------STRONA GŁÓWNA - O NAS----------------------
-----------------------------------------------------------*/


.o-nas-group {
	display: flex;
	flex-direction: row;
}

.ds-menu-active{
	background: red !important;
}

.photo-main-left img{
	width: 100%;
	height: auto;
	padding-right: 25px;
	border-right: 1px solid #dadada;
}

.photo-main-right img{
	width: 100%;
	height: auto;
	padding-left: 25px;
	border-left: 1px solid #dadada;
}


/*---------------------------------------------------------
---------------STRONA GŁÓWNA - PROJEKTY--------------------
-----------------------------------------------------------*/

.projekty-title {
	font-size: 22px;
    font-weight: 500;
    margin-top: 20px;
	color: #CD51B5;
}

.projekty-description {
	font-size: 18px;
	font-weight: 400;
	line-height: 28px;
	padding-bottom: 20px;
}

.projekty-link a:hover{
	color: #CD51B5;
	text-decoration: underline;
}
/*---------------------------------------------------------
---------------STRONA GŁÓWNA - KONTAKT---------------------
-----------------------------------------------------------*/

.kontakt .wp-block-group__inner-container{
	display: flex;
	flex-direction: row-reverse;
	align-items: flex-start;
	align-content: flex-start;
	justify-content: center;
	max-width: 100%;
}

#wpcf7-f168-p31-o1 {
	max-width: 300px;
	margin: 0;
	padding: 0;
	margin-right: 25px;
}

#wpcf7-f168-p31-o1 p{
	color: #CD51B5;
	font-weight: 500;
	font-size: 18px;
	padding-top: 10px;
}

#wpcf7-f168-p31-o1 input[type=text], select, #wpcf7-f168-p31-o1 input[type=email], select, #wpcf7-f168-p31-o1 input[type=tel], select, #wpcf7-f168-p31-o1 textarea, select {
	width: 100%;
	padding: 10px 10px;
	display: inline-block;
	border: 1px solid #ccc;
	border-radius: 2px;
	box-sizing: border-box;
	font-size: 16px;
  }
  
  #wpcf7-f168-p31-o1  input[type=submit] {
	width: 50%;
	background-color: #CD51B5;
	color: white;
	padding: 10px 10px;
	border: none;
	border-radius: 4px;
	cursor: pointer;
  }
  
  #wpcf7-f168-p31-o1 input[type=submit]:hover {
	background-color: #e177cc;
  }

  .wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output, .wpcf7 form.payment-required .wpcf7-response-output {
	border: none;
    color: #e177cc;
    font-size: 16px;
    margin: 0;
    margin-top: 10px;
    padding: 0;
  }

  .wpcf7 form.sent .wpcf7-response-output {
	border: none;
    color: #e177cc;
    font-size: 16px;
    margin: 0;
    margin-top: 10px;
    padding: 0;
  }


  #wpcf7-f168-p31-o1 .form-warning {
	  color: red;
	  font-size: 12px;
  }


/*---------------------------------------------------------
-----------------------PROJEKTY----------------------------
-----------------------------------------------------------*/

.projekty-main-page {
	display: flex;
	flex-direction: row;
	align-items: flex-start;
	justify-content: center;
	flex-wrap: wrap;
}

.wpis-single-content-box {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
	border: 1px solid #dadada;
    width: 360px;
    padding: 20px;
	margin: 10px;
}

.wpis-single-content-box .hr-one-third-grey {
    margin-top: 5px;
    margin-bottom: 10px;
}

.wpis-single-content-box .hr-full-witdh {
    margin-top: 18px;
}

.wpis-date {
    font-size: 12px;
    font-weight: 300;
    margin-top: 15px;
}

.wpis-content {
    font-size: 14px;
}

.wpis-box > a:hover, .wpis-box > a:active, .wpis-box > a:link, .wpis-box > a {
    color: #ea1d23;
    border: none;
    background-color: none;
    text-decoration: none;
    text-decoration-line: none;
    background-color: none;
}

.wpis-box > a:focus {
    color: #ea1d23;
    border: none;
    background-color: none ;
    text-decoration: none;
    text-decoration-line: none;
    background-color: #fff;
}

.wpis-title > a:hover, .wpis-title > a:active, .wpis-title > a:link, .wpis-title > a {
    color: #000;
    font-size: 16px;
    font-weight: 700;
    border: none;
    background-color: none;
    text-decoration: none;
}

.wpis-title > a:hover {
	color: #e177cc;
    font-size: 16px;
    font-weight: 700;
    border: none;
    background-color: none;
}

.wpis-title > a:focus {
    color: #000;
    font-size: 16px;
    font-weight: 700;
    border: none;
    background-color: transparent;
    text-decoration: none;
    text-decoration-line: none;
    background-color: #fff;
}

.wpis-main-photo > a:hover, .wpis-main-photo > a:active, .wpis-main-photo > a:link, .wpis-main-photo > a {
    color: #000;
    font-size: 16px;
    font-weight: 700;
    border: none;
    background-color: none;
    text-decoration: none;
    text-decoration-line: none;
    background-color: none;
}
.wpis-title a:focus {
    background-color: #fff !important;
}

.wpis-main-photo > a:focus {
    color: #000;
    font-size: 16px;
    font-weight: 700;
    border: none;
    outline: none;
    background-color: none;
    text-decoration: none;
    text-decoration-line: none;
    background-color: #fff;
}



/*---------------------------------------------------------
---------------------PROJEKTY-WPIS-------------------------
-----------------------------------------------------------*/

.category-projekty .entry-footer, .post-navigation, .category-projekty .post-thumbnail, .category-projekty .entry-title {
	display: none;
}

.projekty-wpis-main-photo {

}

.projekty-wpis-title {
    font-size: 28px;
    font-weight: 500;
    margin-top: 20px;
}

.projekty-wpis-description {
	font-size: 18px;
    font-weight: 400;
    line-height: 28px;
    padding-bottom: 20px;
}

ul.projekty-wpis-description {
	padding: 0;
}

ul.projekty-wpis-description li{
	padding-bottom: 10px;
	list-style: none;
}

ul.projekty-wpis-description li::before {
	content: "\2022";
	color: #CD51B5;
	font-weight: bold;
	display: inline-block;
	width: 1em;
	margin-left: -1em;
}










/*---------------------------------------------------------
----------------------MEDIA-SCREEN-------------------------
-----------------------------------------------------------*/

@media only screen and (max-width: 1300px) {
	.wp-block-group {
		max-width: 1100px;
	}
}

@media only screen and (max-width: 1200px) {
	.photo-main-left img {
		padding-left: 10px;
	}

	.wp-block-image figure img {
		width: 500px;
	}

	.wp-block-group {
		max-width: 1000px;
	}
  }

@media only screen and (max-width: 1050px) {
	.wp-block-image figure img {
		width: 400px;
	}

	.wp-block-group {
		max-width: 900px;
	}
}

@media only screen and (max-width: 950px) {
	.wp-block-group {
		max-width: 800px;
	}
}

@media only screen and (max-width: 899px) {
	.menu-item:last-child {
		margin-left: 0;
	}
  }

  /*@media only screen and (max-width: 850px) {*/
	/*body {*/
		/*display: flex;*/
		/*flex-direction: column;*/
		/*align-items: center;*/
		/*justify-content: center;*/
	/*}*/

	/*.wp-container-62029c3ebe689, .wp-container-62029c6a09f12 {*/
		/*display: flex;*/
		/*flex-direction: column;*/
		/*align-items: center;*/
		/*justify-content: center;*/
	/*}*/

	/*.wp-block-image figure img {*/
		/*width: 100%;*/
	/*}*/

	/*.photo-main-left img {*/
		/*border: none;*/
		/*padding-right: 10px;*/
	/*}*/

	/*.photo-main-right img {*/
		/*border: none;*/
		/*padding-left: 10px;*/
	/*}*/
  /*}*/