@charset "UTF-8";

/*
Theme Name: lownoise.photo
Theme URI: https://rawlab.pl
Author: Krzysztof Turek
Author URI: https://krzysztof-turek.com
*/
html, body {
    height: 100%;
}

html {
	margin-top: 0px !important;
}

* {
	margin: 0px;
	padding: 0px;
	font-family: 'Montserrat', sans-serif;
  	font-optical-sizing: auto;
	font-display: swap;
	font-weight: 100;
	font-style: normal;
}

.wrapper {
    display: flex;
    flex-direction: column;
    min-height: 100vh;
}

main {
    flex: 1;
}


img {
	max-width: 100%;
	height: auto;
}

a {
	color: #6B7887;
	text-decoration: none;
}

a:hover {
	color: #9FADBD;
}

h1.logo, p.logo {
	font-family: 'Montserrat', sans-serif;
	font-size: 28px;
	color: #1C2F40;
	margin-bottom: 0px;
	
}

h2 {
	/*font-weight: 600;*/
}

/* nawigacja */
.navbar {
	border-radius: 0;
	/*padding-left: 20px;*/
	padding-right: 20px;
	background: #fff;
	opacity: 0.9;
}
.navbar-brand {
	padding-top: 0px;
	padding-bottom: 0px;
}
.navbar-light .navbar-nav .nav-link {
	color: #1C2F40;
}

.navbar-light .navbar-brand {
	color: #1C2F40;
}

.btn-outline-dark {
	color: #1C2F40;
	border-color: #1C2F40;
}

.btn-outline-dark:hover {
	color: #fff;
	background-color: #1C2F40;
	border-color: #1C2F40;

}

@media all and (min-width: 992px) {
	.navbar .nav-item .dropdown-menu {
		display: none;
	}

	.navbar .nav-item:hover .dropdown-menu {
		display: block;
	}

	.navbar .nav-item .dropdown-menu {
		margin-top: 0;
		
	}
	.nav-item a {
		margin-right: 20px;
	}
}

	main {
		margin-top: 60px;
	}


.heading-meta {
	padding-top: 20px;
	padding-bottom: 20px;
	font-size: 12px;
}

.heading-meta-mb {
	padding-top: 3px;
	padding-bottom: 0px;
	font-size: 12px;
}

/* Stylizacja sekcji article */
article {
    font-family: 'Helvetica', Arial, sans-serif;
    font-size: 1rem;
    line-height: 1.8;
    color: #333;
    text-align: justify;
    margin: 20px auto;
    padding: 20px;
    max-width: 800px;
    background-color: #fff;
    border-radius: 8px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
}

/* Odstępy między akapitami */
article p {
    margin-bottom: 1.5rem;
}

/* Stylizacja linków */
article a {
    color: #1a73e8;
    text-decoration: none;
    border-bottom: 1px dotted #1a73e8;
    transition: color 0.3s ease, border-bottom-color 0.3s ease;
}

article a:hover {
    color: #0c47a1;
    border-bottom-color: transparent;
}

/* Wygląd dla wyróżnionych fragmentów */
article strong {
    font-weight: bold;
}

/* Stylizacja dla urządzeń mobilnych */
@media (max-width: 768px) {
    article {
        padding: 15px;
    }
}


figure.aligncenter {
	text-align: center;
}

.table {
	margin-bottom: 2px;
	
}
.has-text-align-center {
	text-align: center;
}

figcaption {
	font-style: italic;
	text-align: center;
}
/* imge overlay */
@media all and (min-width: 992px) {
	.overlay h2 {
		color: #fff;
		position: relative;
		text-align: center;
		margin-bottom: 20px;
		font-weight: 600;
	}

	.img-container {
		position: relative;

	}

	.wp-block-image {
		margin-top: 60px;
		margin-bottom: 60px;
	}

	.wp-block-table {
		margin-top: 60px;
		margin-bottom: 60px;
	}

	figure.image {
		display: block;
		width: 100%;
		height: auto;
	}

	.overlay {
		position: absolute;
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
		height: 100%;
		width: 100%;
		opacity: 0;
		transition: .5s ease;
		background-color: #1C2F40;
	}

	.img-container:hover .overlay {
		opacity: 0.9;
	}

	.text {
		color: white;
		font-size: 20px;
		position: relative;
		padding: 9px 9px 9px 9px;
		top: 50%;
		left: 50%;
		-webkit-transform: translate(-50%, -50%);
		-ms-transform: translate(-50%, -50%);
		transform: translate(-50%, -50%);
	}
}

@media all and (max-width: 992px) {
	.overlay h2 {
		color: #fff;
		position: relative;
		text-align: center;
		margin-bottom: 20px;
		font-size: 18px;
		font-weight: 600;
	}

	.img-container {
		position: relative;

	}

	figure.image {
		display: block;
		width: 100%;
		height: auto;
	}

	.overlay {
		position: absolute;
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
		height: 100%;
		width: 100%;
		opacity: 0.8;

		background-color: #1C2F40;
	}

	.img-container:hover .overlay {
		opacity: 0.9;
	}

	.text {
		color: white;
		font-size: 12px;
		position: relative;
		padding: 7px 7px 7px 7px;
		top: 50%;
		left: 50%;
		-webkit-transform: translate(-50%, -50%);
		-ms-transform: translate(-50%, -50%);
		transform: translate(-50%, -50%);
	}
}

/* imge overlay */


.comments-area {
	margin-top: 60px;
}

/* searchform */
.searchform {
	margin-top: 30px;
	margin-bottom: 30px;
}

/* searchfrom */

/* newsletter */

.newsletter {
	padding: 60px 0;
	background: #e1faff;
}

.newsletter .content {
	max-width: 650px;
	margin: 0 auto;
	text-align: center;
	position: relative;
	z-index: 2;
}

.newsletter .content h2 {
	color: #1C2F40;
	margin-bottom: 40px;
}

.newsletter .content .form-control {
	height: 50px;
	border-color: #ffffff;
	border-radius: 0;
}

.newsletter .content.form-control:focus {
	box-shadow: none;
	border: 2px solid #1C2F40;
}

.newsletter .content .btn {
	min-height: 50px;
	border-radius: 0;
	background: #1C2F40;
	color: #fff;
	font-weight: 600;
}

/* newsletter */

footer {
	padding-top: 30px;
	padding-bottom: 30px;
}

.footer {
	background: #1C2F40;
	color: #fff;
}

footer a {
	color: #fff;
	text-decoration: none;
}

footer a:hover {
	color: #fff;
	text-decoration: underline;
}

@media all and (min-width: 992px) {
	.table-of-contents {
		
		background: #e1faff none repeat scroll 0 0;
		border: 1px solid #aaa;

		font-size: 85%;
		padding: 20px;
		margin: 5px;
		
		width: 100%;
    	overflow: hidden;
    	transition: width 2s;
		
	}
	.table-of-contents:hover {
    width: auto; /* Rozszerza się do potrzebnej szerokości */
}
}

@media all and (max-width: 992px) {
	.table-of-contents {
		background: #e1faff none repeat scroll 0 0;
		border: 1px solid #aaa;
		display: table;
		font-size: 95%;
		padding: 20px;
		width: 100%;
		margin-right: 20px;
		margin-bottom: 10px;
		width: 100%;
    	overflow: hidden;
    	transition: width 2s;
		
	}
	.table-of-contents:hover {
		width: auto; /* Rozszerza się do potrzebnej szerokości */
	}
	.btn-primary {
		min-height: 40px;
		border-radius: 4px;
		border-color: #1C2F40;
		background: #1C2F40;
		color: #fff;
	}

	.btn-primary:hover {
		border-color: #2E506D;
		background: #2E506D;
	}
}

/* css dla table of contents */

.card {
		margin-bottom:10px;
		border-radius: 10px 10px 10px 10px;
}
.custom-card-header	{
		background-color: #1C2F40;
		border-radius: 10px 10px 0px 0px;
}
.custom-card-title {
		color: #fff;
		padding-left: 10px;
		margin-top: 10px;
		font-weight: bold;
		margin-bottom: 10px;
	
}
.custom-card-body nav {
	margin-top: 5px;
	margin-left: 5px;
}