/*
Theme Name: twentytwentyfive-child
Theme URI: 
Author: 
Author URI: 
Description: 
Requires at least: 6.9
Tested up to: 6.9
Requires PHP: 5.7
Version: 
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Template: twentytwentyfive
Text Domain: twentytwentyfive-child
Tags: 
*/
body {
	background-color: #ffffff !important;
}

footer {
	margin: 0 !important
}

.n2-ss-slider {
	background-color: #ffffff !important;
	position: relative !important;
	top: -20px !important
}

.slogan {
	background-color: #ffffff !important;
	margin: 0 !important;
	color: black !important;
	text-align: center !important;
	font-size: 3em !important;
	letter-spacing: 10px !important;
	font-weight: ;
	padding: 0 !important;
	position: relative;
	text-decoration: underline 1px;
	text-underline-offset: 20px;
	top: -70px;
}

footer {
	top: -40px;
}

.linia {
	position: relative;
	top: -30px;
	background-color: black;
}

.linia {
	position: relative;
	top: 10px;
}

section,
.p_justify {
	text-align: justify !important
}

.people {
	filter: grayscale(50%) !important;
	transition: filter 0.3s ease;

}

.people:hover {
	filter: grayscale(0%) !important
}

.wp-block-latest-posts__post-title {

	text-align: center !important;
	position: relative;

	color: white;



}

li:hover .wp-block-latest-posts__post-title {
	display: inline;
	color: black;
	transition: .5s
}

/*  to powyżej odpowiada za pojawiające się podpisy*/
.wp-block-latest-posts__featured-image {
	filter: saturate(30%) !important
}

.wp-block-latest-posts__featured-image:hover {
	filter: saturate(100%) !important
}

a:focus {
	outline: none;
}

.cent {
	color: !important;
	text-align: center !important;
	font-size: 18px !important;
}

/* tr:nth-child(odd) {background-color:#a0a0a0 !important;} */

@media only screen and (max-width: 1400px) {
	.footer_name {
		font-size: 20px !important;
		padding: 0 !important;
	}
}

.slogan {
	font-size: 2em !important;

}


.has-base-background-color {
	background-color: #ffffff !important;
}

a {
	color: back;
	text-decoration: none;
}

.img-item {
	height: 100% !important;
	width: auto;
}

.ul-item {
	list-style-type: none;
	display: flex;
	position: relative;
	width: 100%;
	padding: 0;
	height: 25px;
	/* 				border:solid; */
}

.li-item {
	display: inline-flex;
	font-size: 35px;
	align-items: center;

	height: 35px;
}

.menu-item {
	position: relative;
}

/*             .menu-item:before {
            content: "";
            position: absolute;
            display: block;
            width: 100%;
            height: 2px;
            bottom: -2px;
            left: 0;
            background-color: #000;
            transform: scaleX(0);
            transition: transform 0.8s ease;
            }
            .menu-item:hover::before {
            transform: scaleX(1);
            } */
hr {
	height: 5px;
	background-color: #C2A878;
	margin: 0px 0 0 0;
	padding: 0;
	border: 0;
}

.grid-wrapper {
	display: grid;
	grid-template-columns: 1fr 1fr 4fr;
	grid-template-rows: 10vh 10px;
	grid-template-areas:
		"logo item navigation"
		"line line line";
	width: 90%;
	position: relative;
	margin-left: auto;
	margin-right: auto;
	row-gap: 10px;
	background-color: #ffffff !important;
}

.logo {
	grid-area: logo;

	display: flex;
	align-items: center;
}

.item {
	grid-area: item;
	background-color: #ffffff;
	height: auto;
}

.name {
	border: 0;
	padding: 0 0 0 30px;
	width: 150px;
	font-size: 20px;
	text-align: left;
	font-weight: 700;
}

.navigation {
	grid-area: navigation;
	align-content: end;
	/* 				border:solid; */
	padding: 0;
}

.menu {
	height: auto;
	width: auto;
	width: 90%;
	position: relative;
	margin-right: 0;
	margin-left: auto;
	display: flex;

	align-content: end;
}

.wrap {
	width: 100%;
	display: flex;
	justify-content: space-around;
	align-content: end;
}

.social {
	grid-area: social;
	display: flex;
	width: 300px;
	height: 50px;
	position: relative;
	align-content: ;
	justify-content: space-between;


}

.social-item {
	height: 25px;
	color: grey !important;

}

.contact-social-item {
	height: 50px;
}

.contact-social-item-padding {
	padding-right: 50px;
}

.line {
	grid-area: line;
	position: relative;
	top: 40px;
}

@media only screen and (max-width: 1400px) {
	.grid-wrapper {
		display: grid;
		grid-template-columns: 1fr;
		grid-template-rows: 15vh 0px auto 5px;
		grid-template-areas:
			"logo"
			"item"
			"navigation"
			"line";
		width: 90%;
		position: relative;
		margin-left: auto;
		margin-right: auto;
		row-gap: 1px;
	}

	.item {
		display: none;

	}

	.line {
		display: block;
		margin-top: 30px;

	}

	.ul-item {
		align-items: center !important;
		justify-items: left !important;
		display: flex;
		flex-direction: column;
	}

	.li-item {
		font-size: 0.85em !important;
	}

	.menu {
		position: relative;
		top: -30px;
		padding-top: 15px;
		height: 40%;
		width: 100%;

	}

	.name {
		border: 0;
		padding: 0 0;
		text-align: center;
		width: 100%;
		font-size: 23px;
	}

	.social {
		display: flex;
		width: 100%;
		top: 10px;
		justify-content: space-around;
		justify-content: center;

	}

	.social-item {
		height: 25px;
		padding: 0 30px 0 30px;

	}

	.menu-item:before {
		bottom: -5px;
	}

	table {
		font-size: 10px;

	}

	.wp-block-table {
		padding: 0 !important;
	}

	#ul2,
	#li2 {
		display: none;
	}

	#ul3,
	#li2 {
		display: none;
	}
}

button {
	background: transparent;
	font-size: 20px;
	border: 0;
	cursor: pointer;
	outline-style: none;
}

#ul2 {
	width: auto;
	justify-content: space-between;
}

#li2 {
	width: auto;
	padding-right: 20px;
	padding-left: 20px;
	text-wrap: nowrap;
	font-size: 15px;
}

ul>div>li>#ul2 {
	display: none;

}


ul>div>li:focus-within>#ul2 {
	display: flex;
	position: absolute;
	bottom: -20px;
	width: auto;
	/*left: -145%;*/
}

ul>div>li>#ul3 {
	display: none;

}


ul>div>li:focus-within>#ul3 {
	display: flex;
	position: absolute;
	bottom: -20px;
	width: auto;
	/*left: -350%;*/
}

tbody,
tr,
td {
	background-color: #ffffff;
}

.en {
	font-size: 30px;
	float: left;
	text-align: center;
}

td:nth-child(odd) {
	color: #808080;
}

tr:nth-child(2) {
	display: none;
}

.wp-block-table {
	border-bottom: 0 !important;
}
