/*Theme Name: Szablon michal@niewiadomski.li Version: 1.0 Author: michal@niewiadomski.li1*/

@font-face{
	font-family:mont;
	src: url(fonts/mont.ttf);
	font-display: swap;
}

@font-face{
	font-family:ptserif;
	src: url(fonts/ptserif.ttf);
	font-display: swap;
}

html{
	width: 100%;
    height: 100%;
    margin: 0px;
    padding: 0px; 
}

body {
	font-family: 'Ptserif';
}

@media screen and (max-width: 860px){
	.fs-7{
		font-size:0.8rem;
	}
}

@media screen and (max-width: 767.5px){
	.fs-7{
		font-size:1rem;
	}
}


.container {
	max-width: 1200px;
}

.mont{
	font-family:mont !important;
}

.ptserif{
	font-family:ptserif !important;
}

.zawartosc p{
	line-height:1.6rem;
}
	

/* KONFIGURACJA */

.ram
{
	border:solid 0px black;
}

.comment-form-mailpoet{
	display:none !important;
}

/* WYSZUKIWANIE */

.search-form .screen-reader-text {
	display: none !important;
}

.search-form{
	width:100% !important;
}

.search-form label{
	width:90%;
}

.search-form label input{
	width:100%;
	border:solid 1px gray;
	font-size:0.9rem;
}

.search-field::placeholder {
	opacity: 1;
}

.search-submit {
	background:#dc261f;
	border:0;
	color:white;
	font-size:0.95rem;
	width:9.6% !important;
	height:100% !important;
}

.zamknij{
	z-index:2 !important;
}

.szukaj:nth-of-type(odd){
	background:#dc261f;
}

.szukaj:nth-of-type(even){
	background:#bbbbbb;
}

.zamknij .icon-search{
	color:white !important;
}

.szukaj a{
	color:white;
	text-decoration:none;
}

/* MENU */

#navmenu ul{
	display:inline-block;
	list-style-type:none;
	margin-bottom:0;
	margin-top:0;
}

#navmenu li{
	display:inline;
	margin-left:25px;
}

#navmenu li:first-child{
	margin-left:0px !important;
}

#navmenu li:last-child{
	margin-right:10px !important;
}

#navmenu li a{
	color:white;
	text-decoration:none;
}

#navmenumobile li a{
	font-size:0.9rem !important;
}

#navmenu li a:hover{
	color:#dc261f;
	text-decoration:underline;
	text-underline-offset:7px;
}

.current-menu-item a{
	color:#dc261f !important;
}

.menu2 ul{
	list-style-type:none;
	margin-bottom:0;
	margin-top:0;
	padding-left:0;
}

.menu2 li a{
	color:white;
	text-decoration:none;
}

.menu2 li{
	margin-bottom:10px;
}

/* IKONY */

.ikona_kolo{
	background:#dc261f;
	border-radius:60px;
	padding:0.7rem;
	color:white;
}

.ikona_kolo2{
	background:#dc261f;
	border-radius:60px;
	padding:0.7rem;
	color:white;
}

/* KOLOR TŁA */

.kolor_tla{
	background:#dc261f;
}

/* KARUZELA */

.carousel-caption{
	position:relative;
	display:none !important;
}

.carousel-indicators{
	position:inherit;
	margin:0 !important;
}

.carousel-indicators [data-bs-target]{
	opacity:1;
	display:block !important;
	width:auto !important;
	height:auto !important;
}

.carousel-indicators .active{
	color:black !important;
	background-color:rgba(221,51,51,0.2) !important;
}

.ramk{
	border:none !important;
	text-indent:0 !important;
}

.nakladka{
	background:rgba(0,0,0,0.5) !important;
	position: absolute;
	bottom:0;
	width:100%;
	color:white;
}

.nakladka a{
	color:#dc261f;
}

.nakladka2{
	color:white;
	padding:inherit;
	position:absolute;
	bottom:5%;
	width:100%;
}

.nakladka3 a:hover{
	color:#dc261f;
}

.nakladka2 a:hover{
	color:#dc261f;
}

.nakladka2_kolor{
	background:rgba(0,0,0,0.5) !important;
	padding: inherit !important;
}

.nakladka2_kolor a{
	color:white;
	text-decoration:none;
}

.nakladka3{
	color:white;
	padding:inherit;
	position:absolute;
	bottom:5%;
	width:100%;
}

/* TEKST IKONY */

.wyroznione a{
	text-decoration:none;
	color:black;
}

.wyroznione a:hover{
	color:#dc261f;
}

/* KATEGORIE POSTU */

.post-category{

}

.post-category a{
	color:#dc261f;
	text-decoration:none;
}

/* STRONA GŁÓWNA TEKST */

.tytul a{
	text-decoration:none;
	color:black;
	font-weight:600;
}

.tytul2 a{
	text-decoration:none;
	color:black;
	font-weight:400;
}

.tytul3 a{
	text-decoration:none;
	color:black;
	font-weight:900;
}

.tytul{
	font-weight:600;
}

.tytul4{
	font-weight:700;
}

.tytul3{
	text-decoration:none;
	font-weight:900;
}

.tytul a:hover{
	text-decoration:underline;
	text-underline-offset:5px;
}

.tytul2 a:hover{
	text-decoration:underline;
	text-underline-offset:5px;
}

.tytul3 a:hover{
	text-decoration:underline;
	text-underline-offset:5px;
}

.kolor_wyrozniajacy{
	color:#dc261f !important;
}

.kolor_link a{
	color:black;
	text-decoration:none;
}

.kolor_link a:hover{
	color:#dc261f;
}

/* FILMY */

.embed-container iframe{
	width:100% !important;
	height:200px;
}

/* WPISY TEKST */

.naglowek_art::before {
	content:" ";
	width:20px;
	height:20px;
	bottom:0;
	top:0px;
	position:relative;
	background-color:#dc261f;
	display:inline-block;
	margin-right:5px;
}

.margines_tekst{
	text-align:left !important;
	text-indent:0px !important;
}

/* WPISY OBRAZ */

.zawartosc p img{
	width:100%;
	margin-bottom:2%;
	border-radius:7px;
}

.zawartosc .size-full{
	max-width: 100%;
	margin-bottom:2%;
	border-radius:7px;
	object-fit:contain !important;
	display: flex;
	height:auto !important;
}

.wp-caption{
	width:auto !important;
}

.zawartosc .wp-post-image{
	width:100%;
}

/* SIDEBAR */

.pasek_boczny::before {
	content:" ";
	width:20px;
	height:20px;
	bottom:0;
	top:0px;
	position:relative;
	background-color:#dc261f;
	display:inline-block;
	margin-right:2px;
	clip-path: polygon(100% 0, 0% 100%, 100% 100%);
}

.pasek_boczny{
	text-align:left !important;
	text-indent:0px !important;
}

/* STOPKA */

.kolor_stopka{
	background-color:black !important;
	color:white;
}

.margines_dol{
	margin-bottom:120px;
}

.space{
	min-height:100px;
}

.space-mini{
	min-height:30px;
}

.space-micro{
	min-height:15px;
}

.ikony a{
	text-decoration:none;
}

/* MENU MOBILNE */

.navbar-toggler-icon2 {
	color: #FFF;
	padding: 20px;
	position:absolute;
	top:10px;
	right:5px;
	z-index:999 !important;
}

.navbar-toggler-icon .fa {
	margin-top: 4px;
	color:white !important;
}

.navbar-toggler-icon .icon-menu{
	color:white !important;
}

.sticky-top {
	background: black !important;
	border-bottom:solid 1px #e7e7e7;
}

#navmenumobile ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
	list-style-image: none;
}

#navmenumobile ul li a {
	text-decoration: none;
	color: white;
}

#navmenumobile ul li {
	margin: 0px 0px 10px 0px !important;
}

#navmenumobile ul li a:hover {

}

/* KOMENTARZE */

.komentarze ul {
	list-style: none;
	padding-left: 0;
}

.komentarze ul .depth-2 {
	margin-left: 15px;
}

.komentarze ul .depth-3 {
	margin-left: 15px;
}

#respond h3 {
	font-size: 1.2rem;
	font-weight: bold;
}

.comment-notes {
	display: none;
}

.comment-form-comment label {
	width: 100%;
	font-weight: bold;
	margin-top: 10px;
}

.comment-form-comment textarea{
	width:100%;
	height:70px;
	border:solid 4px #dddddd;
    resize:none;
    outline:none;
}

.comment-form-author input{
	outline:none;
}

.comment-form-author label{
	width:100%;
	font-weight:bold;
	margin-top:0px;
}

.comment-form-author input {
	width:100%;
	height:30px;
	border:solid 4px #dddddd;
}

.form-submit input {
	width:100%;
	border:none;
	border-radius:5px;
	background-color:#dc261f;
	color:white;
}

.avatar {
	display: none;
}

.comment-body{
	list-style-type: none;
	background:#dddddd;
	border-radius:10px;
	padding:10px 10px 10px 10px;
	margin-bottom:0;
	margin-bottom:10px;
}

.children .comment-body{
	background:#e7e7e7;
}

.comment p{
	margin:0;
	padding:0;
	font-weight:bold;
}


.fn{
	font-weight: bolder;
	color:#dc261f;
}

.says{
	color:#dc261f;
}

.comment-meta a {
	font-size: 0.8rem;
	color: black;
	text-decoration: none;
}

.comment-meta {

}

.comment-reply-title small {
	min-width: 100%;
	display: block;
	margin-top: 5px;
}

.comment-respond .comment-form-author{
	margin-bottom:1rem;
}

.comment-respond .form-submit{
	margin-bottom:1rem;
}

.comment-reply-link, #cancel-comment-reply-link{
	font-size:0.9rem;
	text-decoration:none;
}

/* BREADCRUMBS */

#breadcrumbs a {
	text-decoration: none;
	color: #c1322f;
}

#breadcrumbs {
	list-style: none;
	margin: 0px 0px 15px 0px !important;
	overflow: hidden;
	padding-left: 0 !important;
}

#breadcrumbs li {
	display: inline-block;
	vertical-align: middle;
	margin-right: 5px;
	font-size: 0.8rem;
}

#breadcrumbs .separator {
	font-size: 0.8rem;
	font-weight: 100;
	color: #ccc;
}

/* PAGINACJA */

.pagination {
	margin-top: 20px;
	margin-left: auto;
	margin-right: auto;
}

.pagination .page-numbers {
	padding: 2px 8px 0px 8px;
	background: rgb(255, 255, 255);
	text-decoration: none;
	font-size: 1rem;
	color: rgb(69, 69, 69);
	transition: background .4s, color .4s;
}

.pagination .page-numbers:hover {
	background: #e9e9e9;
	border-color: gray;
	color: #000;
}

.pagination .current,
.pagination .current:hover {
	background: #c1322f;
	color: #FFF;
}

.pagination .dots,
.pagination .dots:hover {
	background: rgb(245, 245, 245);
	border-color: rgb(190, 190, 190);
	color: rgb(69, 69, 69);
}

/* DOWOLNE POSTY */

.single-post p br {
	display: block;
	/* makes it have a width */
	content: "";
	/* clears default height */
	margin-top: 10px;
	/* change this to whatever height you want it */
}

.single-post br {
	display: block;
	/* makes it have a width */
	content: "";
	/* clears default height */
	margin-top: 10px;
	/* change this to whatever height you want it */
}

.wp-post-image img {
	width: 100%;
	height: auto;
	max-width: 100%;
}

/* Share buttons CSS code designed by www.jonakyblog.com */

.share-buttons {
	font-size: 0.5rem;
	font-weight: bold;
	line-height: 0.5rem;
	letter-spacing: 1px;
	text-transform: uppercase;
	margin: 0 0 30px;
	z-index: 2;
	position: relative;
	text-align: center;
	list-style-type: none;
	padding: 0;
	display: flex;
	flex-flow: row wrap;
	justify-content: space-between;
	align-content: flex-start;
}

.share-buttons li {
	height: auto;
	flex: 0 1 auto;
	width: calc(20.8% - 2px);
	margin-right: 2px;
}

.share-buttons li:last-child {
	width: 16.6%;
	margin-right: 0;
}

.share-buttons svg {
	fill: #fff;
	margin-right: 5px;
	width: 16px;
	height: 16px;
}

.share-buttons a {
	display: block;
	padding: 8px 8px 8px;
	text-align: center;
	text-decoration: none !important;
	color: #fff !important;
}

.share-buttons a:hover {
	opacity: 0.8;
}

.share-buttons li:first-child a {
	border-radius: 6px 0 0 6px;
}

.share-buttons li:last-child a {
	border-radius: 0 6px 6px 0;
}

.share-twitter {
	background: #1da1f2;
}

.share-facebook {
	background: #3b5998;
}

.share-whatsapp {
	background-color: #3fbb50;
}

.share-linkedin {
	background-color: #0077b5;
}

.share-email {
	background-color: #888;
}

.share-pinterest {
	background: #b5071a;
}

/* OBRAZY */

.size-large {
	width: 100% !important;
	height: auto;
}

.twarz img{
	object-fit:cover !important;
	height:150px;
	width:100%;
}	

/* KONTROLA KARUZELI */

#carouselExampleCaptions .carousel-control-prev{
	top:-50%;
}

#carouselExampleCaptions .carousel-control-next{
	top:-50%;
}

/* MOBILE */

@media screen and (max-width: 1175px){
	.menu-glowne-menu-container a{
		font-size:0.9rem;
	}
}

@media screen and (max-width: 1100px){
	.menu-glowne-menu-container a{
		font-size:0.75rem;
	}
	.pasek_ikony{
		font-size:0.8rem !important;
	}
}

@media screen and (min-width: 992px){
	.sticky-top {
		background: #FFF;
		border-bottom:solid 0px #e7e7e7;
	}
}


@media screen and (max-width: 992px){
	.pasek_prawo .border-start{
		border-left:0px !important;
	}
	.margines_kontakt{
		margin-left:-20px;
	}
	.usuwanie_ramek .border-top{
		border-top:0px !important;
	}
	.usuwanie_ramek .border-bottom{
		border-bottom:0px !important;
	}
}

@media screen and (max-width: 820px){
	.margines_kontakt{
		margin-left:-15px;
	}
}

@media screen and (max-width: 480px){
	.ikona_kolo{
		font-size:0.6rem;
		padding:0.7rem;
	}
}

@media screen and (max-width: 340px){
	.ikona_kolo{
		font-size:0.6rem;
		padding:0.3rem;
	}
}

@media screen and (max-width: 330px){
	.pasek_ikony{
		font-size:0.6rem !important;
	}
}

@media screen and (max-width: 768px){
	.carousel-item img{
		height:250px;
		object-fit:cover !important;
	}
	.pasek_prawo2 .border-start{
		border-left:0px !important;
	}
	.margines_kontakt{
		margin-left:-25px;
	}
}

@media screen and (max-width: 630px){
	.margines_kontakt{
		margin-left:-15px;
	}
}

@media screen and (max-width: 530px){
	.margines_kontakt{
		margin-left:-10px;
	}
}

@media screen and (max-width: 460px){
	.margines_kontakt{
		margin-left:-5px;
	}
}

@media screen and (max-width: 420px){
	.margines_kontakt{
		margin-left:0px;
	}
}

@media screen and (max-width: 410px){
	.carousel-item img{
		height:200px;
		object-fit:cover !important;
	}
}

@media screen and (max-width: 768px){
	.pasek_pod_sliderem img{
		height:250px !important;
		width:100% !important;
		object-fit:cover !important;
	}	
	.pasek_pod_sliderem_gal img{
		height:250px !important;
		width:100% !important;
		object-fit:cover !important;
	}	
}

@media screen and (max-width: 576px){
	#carouselExampleCaptions .carousel-control-prev{
		top:0%;
	}
	#carouselExampleCaptions .carousel-control-next{
		top:0%;
	}
	.pasek_pod_sliderem img{
		height:200px !important;
		width:100% !important;
		object-fit:cover !important;
	}
	.pasek_pod_sliderem_gal img{
		height:150px !important;
		width:100% !important;
		object-fit:cover !important;
	}	
		
}

@media screen and (max-width: 430px){
	.pasek_pod_sliderem img{
		height:150px !important;
		width:100% !important;
		object-fit:cover !important;
	}
	.pasek_pod_sliderem_gal img{
		height:100px !important;
		width:100% !important;
		object-fit:cover !important;
	}	
		
}

@media screen and (max-width: 410px){
	#carouselExampleCaptions .carousel-control-prev{
		top:-60%;
	}
	#carouselExampleCaptions .carousel-control-next{
		top:-60%;
	}
}

@media screen and (max-width: 1066px){
	.search-form label{
		width:90%;
	}

	.search-submit {
		width:9.4% !important;
	}
}

@media screen and (max-width: 1180px){
	.menu-menu-glowne-container ul a{
		font-size:0.8rem;
	}
}

@media screen and (max-width: 1180px){
	.menu-menu-glowne-container ul a{
		font-size:0.75rem;
	}
	.search-form label{
		width:79.9%;
	}

	.search-submit {
		width:19.4% !important;
	}
}

@media screen and (max-width: 718px){
	.search-form label{
		width:79.9%;
	}

	.search-submit {
		width:19.3% !important;
	}
}

@media screen and (max-width: 620px){
	.search-form label{
		width:78.9%;
	}

	.search-submit {
		width:20.2% !important;
	}
}

@media screen and (max-width: 620px){
	.search-form label{
		width:70.7%;
	}

	.search-submit {
		width:28% !important;
	}
}

@media screen and (max-width: 372px){
	.search-form label{
		width:70.5%;
	}

	.search-submit {
		width:27.9% !important;
	}
}

@media screen and (max-width: 322px){
	.search-form label{
		width:68%;
	}

	.search-submit {
		width:30% !important;
	}
}

/* MENU MOBILNE MODAL */

.mobilne .modal .current-menu-item a {
	font-weight: bolder;
	color: #FFF !important;
}

.mobilne .modal {
	background-color: black !important;
}

.mobilne .modal-dialog {
	width: 100% !important;
	max-width: 100% !important;
}

.mobilne .modal-content {
	background-color: transparent !important;
	border: none;
}

/* ROZMIAR CZCIONKI GÓRNY PASEK */

.czcionka_gorny_pasek{
	font-size:0.9rem;
}

.czcionka_gorny_pasek2{
	font-size:0.9rem;
}

@media screen and (max-width: 1175px){
	.czcionka_gorny_pasek2{
		font-size:0.8rem;
	}
}

@media screen and (max-width: 577px){
	.czcionka_gorny_pasek2{
		font-size:0.8rem;
	}
}

@media screen and (max-width: 530px){
	.czcionka_gorny_pasek2{
		font-size:0.8rem;
	}
}

@media screen and (max-width: 330px){
	.czcionka_gorny_pasek2{
		font-size:0.65rem;
	}
}

@media screen and (max-width: 300px){
	.dnone{
		display:none !important;
	}
}

.czcionka_gorny_pasek3{
	font-size:1rem;
}

@media screen and (max-width: 577px){
	.czcionka_gorny_pasek3{
		font-size:0.9rem;
	}
}

@media screen and (max-width: 530px){
	.czcionka_gorny_pasek3{
		font-size:0.9rem;
	}
}

@media screen and (max-width: 330px){
	.czcionka_gorny_pasek3{
		font-size:0.9rem;
	}
}

/* FORMULARZE */

.acfe-form .acf-field input{
	width:100% !important;
}

.acfe-form .acf-field textarea{
	width:100% !important;
}

.acfe-form .acf-field{
	margin-bottom:30px !important;
}

.acf-fields > .acf-field{
	padding:0 !important;
}

.acf-form-submit .acf-button{
	width:100% !important;
	border:0 !important;
	padding:5px 0px 5px 0px !important;
	font-weight:bold;
	color:white;
	background:#dc261f;
}

.acf-form-submit .acf-spinner{
	display:none !important;
}

/* LOGOWANIE */

.wppb-form-field label, #wppb-login-wrap .login-username label, #wppb-login-wrap .login-password label, #wppb-login-wrap .login-auth label{
	width:100% !important;
	text-align:center !important;
	font-family:mont;
	margin-bottom:10px !important;
	font-weight:bolder !important;
}

.wppb-form-field input[type="text"], .wppb-form-field input[type="number"], .wppb-form-field input[type="email"], .wppb-form-field input[type="url"], .wppb-form-field input[type="password"], .wppb-form-field input[type="search"], .wppb-form-field select, .wppb-form-field textarea, .wppb-checkboxes, .wppb-radios, #wppb-login-wrap .login-username input, #wppb-login-wrap .login-password input, #wppb-login-wrap .login-auth input{
	width:100% !important;
	text-align:center !important;
	font-family:mont;
	border:solid 1px black !important;
	border-top-left-radius:0 !important;
	border-top-right-radius:0 !important;
	border-bottom-left-radius:0 !important;
	border-bottom-right-radius:0 !important;
}
	
.login-remember{
	display:none !important;
}

.login-submit input{
	width:100% !important;
	border:0 !important;
	padding:5px 0px 5px 0px !important;
	font-weight:bold;
	color:white;
	background:#dc261f;
}

.login-register-lost-password{
	text-align:center !important;
}

.wppb-error, .wppb-user-forms, .wppb-warning, .wppb-success{
	text-align:center !important;
}

.form-submit input{
	width:100% !important;
	border:0 !important;
	padding:5px 0px 5px 0px !important;
	font-weight:bold;
	color:white;
	background:#dc261f;
	border-top-left-radius:0 !important;
	border-top-right-radius:0 !important;
	border-bottom-left-radius:0 !important;
	border-bottom-right-radius:0 !important;
}

.wppb-warning strong{
	margin-right:3px !important;
}

.select2-container{
	width:auto !important;
}

.wppb-user-forms{
	width:100% !important;
}

.wppb-user-forms ul{
	max-width:100% !important;
}

.wppb-form-field > span{
	margin:15px 0px 0px 0px !important;
}

#passw1{
	margin-bottom:10px !important;
}

.meter .wppb-error, .wppb-warning, .wppb-notice, .wppb-success{
	position:static !important;
	width:100% !important;
	display:inline-block !important;
}

#pass-strength-result{
	width:100% !important;
}