/*
Theme Name: PanIQ
Version: 1.1
Author: Rebit Software Kft.
*/

body:not(.global) main { padding-top:4rem; }

h1 { display:block; color:#D79632; font-size:1.5em; font-weight:800; padding:0; clear:both; }
h1:not(.img):before, h1:not(.img):after { content:none; }
h2,h3 { font-size:1.5em; text-transform:none; text-align:left; }

.button { background:#E0AA53; color:#FFF; padding:.375em 1em; margin:.5rem; min-width:8em; }
.button.button-inverse { padding:.25em 1em; background:none; border:.125em solid #FFF; }
.button:hover { color:#000; background:#FFF; }

.button:before, .button:after { transition:none; }

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

main .content-header:first-child h1 { padding-top:3rem; text-align:center; }

.aligncenter { margin:0 auto; display:block; }
.alignleft { float:left; margin-right:.5em; margin-bottom:.5em; }
.alignright { float:right; margin-left:.5em; margin-bottom:.5em; }

.static-page { padding-top:4rem; }
.static-page h1 { margin:0 0 1em; text-align:left; }
.static-page .h1.img { margin:0 auto; max-width:300px; display:block; }

.load-prev { float:left; }
.load-next { float:right; }
.content-body, main:after { content:''; display:block; clear:both; }

.post-date { text-transform:uppercase; }
.post-more { text-align:center; padding:.5em 0; border-top:2px solid #FFF; margin-top:1em; }
.post-more .button { min-width:0; }

.load-prev:before, .load-next:after,
.post-more .button:after { content:'\e90d'; font-family:icons; position:relative; right:-.125em; bottom:-1px; display:inline-block; line-height:1; }
.load-prev:before { content:'\e90c'; right:0; left:-.5em; }

.content-list > * { display:flex; flex-direction:column; flex:0 0; padding:.5rem; width:400px; max-width:100%; margin:0 auto; }
.content-list h2 { flex:1 1; width:100%; }
.content-list .post-image img { height:15em; object-fit:cover; }

.singular .content-area { margin-top:4rem; }
.singular .post-desc { font-weight:700; margin:-.25rem 0 2em 0; }
.singular main .post-image { margin-bottom:2em; }
.singular main { max-width:800px; margin:0 auto; }
.singular main, .singular aside { padding:.5em; }
.singular aside .item { max-width:300px; margin:1em auto 2em; }
.singular aside > h2 { min-width:100%; text-transform:uppercase; color:#FFF; font-weight:400; text-align:center; font-family:Roboto; }
.singular aside h3 { padding:.5rem 0 0; }

.h1-foot { padding:1rem .5rem 0; }

.static-page { background-image:url(assets/blog-bg.jpg); }

table { text-align:left; }
table th, table td { border:1px solid; padding:.25em .5em; }

@media (min-width:800px) {
	body.archive h1 { margin:0 1rem; }
	.content-list { display:flex; flex-wrap:wrap; justify-content:space-between; }
	.content-list > * { min-width:356px; margin:0; padding:3em 1rem; }
	.load-more { margin:.5rem; }

	.singular .content-area { margin-top:8rem; }
	.singular main h1 { font-size:2.5em; }
	.singular main h2 { font-size:2em; }
	.singular .post-desc { font-size:1.5em; }
}
@media (max-width:999px) {
	.static-page { background-position:80% 0; }
	.singular h1 { max-width:80%; }
	.singular aside { border-top:2px solid #FFF; margin-top:2em; padding-top:2em; display:flex; flex-wrap:wrap; justify-content:space-around; }
	.singular aside > .item { padding:3em 1rem; }
}

@media (min-width:1000px) {
	.singular .content-area { max-width:none; display:flex; }
	.singular main { flex:0 0 75%; }
	.singular aside { flex:0 0 25%; padding:8em 1em 0; }
	.h1-foot { text-align:left; }
}

@media (max-width:1199px) {
	.content-list { justify-content:space-around; }
	.singular aside h3 { font-size:1.2em; }
}