/*
Theme Name: Blog

Theme URI: http://localhost/praktyki/wordpress/wp-admin/themes/blog
Author: Izabela Pąk
Author URI: https://wordpress.org/
Description: Strona testowa - tym razem dynamiczna
Tags: test
Version: 1.0
Requires at least: 5.0
Tested up to: 5.4
Requires PHP: 7.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: twentytwenty
This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/
* {
	box-sizing: border-box;
}

/*Miniaturki w Sidebar*/
.img-thumbnail {
	width: 25%;
	aspect-ratio: 1 / 1;
	object-fit: cover;
}

/* Sidebar, aby był "przyklejony" */
#sidebar-position {
    position: sticky;
    top: 3%;
    height: 100%; 
}

/*przycisk od trybu jasnego i ciemnego*/
#button-change-icons {
    position: fixed;
	bottom: 20px;
	right: 20px;
    z-index: 9999; 
}

/* home.php przesunięcie strzałki w prawo po nasunięciu kursora*/
.two-posts-cards:hover #read-more-hover {
    margin-left: 5px;
    transition: margin-left 0.3s ease; /* Dodanie płynnego przejścia */
}

/*Usunięcie podkreślenia linków w guzikach na dole strony (older, newer) 
i w tytułach postów w sidebarze */
.home-button a {
	text-decoration: none !important;
}

/* home.php szerokość postów, gdy jest widoczny sidebar*/
#home-post-sidebar-div {
	max-width: 65%;
}

/*aby posty były na całą szerokość, po ukryciu sidebara*/
@media only screen and (max-width: 768px) {
#home-post-sidebar-div {
	max-width: 100%;
	width: 100%;
}
} 

/* Single page */			
#single-page-article {
	text-align: justify;
	text-justify: inter-word;
}

/* Comments.php */ 
/*Odpowiada za ułożenie komentarzy pod sobą*/
#comment-list {
	display: block !important;
	margin: 3px 0;
	width: 100%;
}

/*tagi postu w single.php*/
.post-tags a{
	color: white;
	text-decoration: none;
}

/*Ekran jak na telefon*/
@media only screen and (max-width: 650px) {
/*Wyświetlanie komentarzy dla małego ekranu*/

.comment{
	white-space: pre-line;
}

#single-page-article,
.post-article,
.home-page,
.comment-text,
.home-button,
.dropdown-menu-header,
.archive-page {
	font-size: 10px !important;
}

}