/*
Theme Name: ZABooks
Description: ZABooks theme
Version:0.1
Author: Lorand Szekely
Author URI: http://lorand.work
*/

/* Extra small devices (phones, up to 480px) */
@media screen and (max-width: 767px) {
	html { font-size:13px; }
}
/* Small devices (tablets, 768px and up) */
@media (min-width: 768px) and (max-width: 991px) {
	html { font-size:14px; }
}
/* tablets/desktops and up ----------- */
@media (min-width: 992px) and (max-width: 1199px) {
	html { font-size:16px; }
}
/* large desktops and up ----------- */
@media screen and (min-width: 1200px) {
	html { font-size:16px; }
}

a { color:#2C3E50; }
a:hover { color:#466380; }

.blog-masthead { background-color:#2c3e50; line-height:3em; }
.blog-nav-item { padding:10px; color:#F1F1F1; }
.blog-nav-item:hover { color:#FFFFFF; text-decoration:none; }

.blog-footer { text-align:center; color:#F1F1F1; } 
.blog-footer-1 { padding:10px 0px; background-color:#555555; }
.blog-footer-2 { padding:30px 0px; background-color:#454545; }
.blog-footer-3 { padding:15px 0px; background-color:#353535; }
.blog-footer a { color:#F1F1F1; }
.blog-footer a:hover { color:#FFFFFF; text-decoration:none; }

.autor_img { display:inline-block !important; width:60px !important; height:60px; border-radius:50%; background-color:#EEEEEE; line-height:60px; color:#000000; font-size:1.5em; }

.alink { text-decoration:none; }
.alink:hover { text-decoration:none; }

.list-group-item.active { background-color:#4b5b6d; border-color:#4b5b6d; color:#ffffff !important; }

.sa { color:#007bff; }
.sa:hover { color:#0056b3; }

.toggle-handle { background-color:#AAA; }

.zarow { background-color:#e9ecef; z-index:1; }

.body-dark-mode {
	background-color: #222;
	color: #EEE;
}

.body-dark-mode .alink { color:#AAA; }

.body-dark-mode .zarow { background-color:#444; z-index:1; }
.body-dark-mode .zarow a { color:#AAA; }
.body-dark-mode .card { background-color:#444; }
.body-dark-mode .card a { color:#AAA; }

.body-dark-mode .list-group-item { background-color:#555; }
.body-dark-mode .list-group-item:hover { background-color:#5A5A5A; }
.body-dark-mode .list-group-item a { color:#AAA; }

.body-dark-mode a.list-group-item { background-color:#555; color:#AAA; }
.body-dark-mode a.list-group-item:hover { background-color:#5A5A5A; }

.body-dark-mode a.list-group-item.active { background-color:#666; color:#FFF; }
.body-dark-mode a.list-group-item.active:hover { background-color:#666; color:#FFF; }

.body-dark-mode .list-group-item.active { background-color:#666; border-color:#666; }
.body-dark-mode .list-group-item.active:hover { background-color:#666; }