/* Haagiserent.com — põhineb Foghorn teemal (GPL), puhastatud WP-ta versioon */

/* Reset */
html,body,div,span,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,a,em,strong,ul,ol,li,figure,header,footer,nav,main,aside,article,section{
	border:0;margin:0;padding:0;font-size:100%;font:inherit;vertical-align:baseline}
article,aside,footer,header,nav,main,section,figure{display:block}
*,*:before,*:after{box-sizing:border-box}

/* Global */
body{
	min-width:320px;background:#f2f2f2;color:#333;
	font:300 15px/1.4em Georgia,serif}
h1,h2,h3,h4{clear:both;font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-weight:bold;margin:0 0 .7em}
p{margin-bottom:1.4em}
ul,ol{margin:0 0 1.4em 2em}
ul{list-style:square}
strong,b{font-weight:bold}
em,i{font-style:italic}
a{color:#3f98db;text-decoration:none}
a:focus,a:active,a:hover{text-decoration:underline}
a:focus-visible{outline:2px solid #3f98db;outline-offset:2px}
img{max-width:100%;height:auto}

.screen-reader-text{position:absolute!important;clip:rect(1px,1px,1px,1px);width:1px;height:1px;overflow:hidden}
.skip-link:focus{clip:auto;width:auto;height:auto;background:#fff;padding:8px 12px;z-index:100;top:8px;left:8px}
.clearfix:before,.clearfix:after{content:"";display:table}
.clearfix:after{clear:both}

/* Layout */
#page{margin:0 auto;padding:0 2em;max-width:1110px}
#main{clear:both;padding:.7em 0;margin-right:320px}
#primary{float:left;width:100%}
#secondary{float:right;width:300px;margin-right:-320px}
#content{width:100%;float:right}
.page .hentry{width:86%}

/* Header */
#branding{
	margin:0 0 .7em;padding:2.1em 0 .7em;
	font-family:"Helvetica Neue",sans-serif;
	border-bottom:2px solid rgba(0,0,0,.08);
	position:relative;z-index:2}
#branding .brand{float:left}
#site-title{margin:0;font-size:30px;line-height:36px;font-weight:bold}
#site-title a{color:#333;text-shadow:0 1px rgba(255,255,255,.8);text-decoration:none;transition:color .3s ease}
#site-title a:hover{color:#3f98db}

/* Menu */
#access{float:right;margin:2px 0 auto}
#access ul{font-size:14px;list-style:none;margin:0}
#access li{float:left;position:relative;margin:0 0 0 3.2em}
#access a{color:#333;display:block;font-weight:bold;text-decoration:none;text-shadow:0 1px rgba(255,255,255,.8);padding:4px 0}
#access li:hover>a,#access [aria-current=page]{color:#3f98db}

/* Content */
.content-wrap{position:relative;background:rgba(0,0,0,.03);padding:1.5%;margin-bottom:15px;z-index:0}
.hentry{
	margin:0;padding:1.4em;position:relative;background:#fff;overflow:hidden;
	box-shadow:0 0 8px rgba(0,0,0,.1)}
.entry-title{clear:both;color:#222;font-size:20px;line-height:30px;font-weight:bold;margin-bottom:.35em}
.entry-content{padding:.7em 0 0}
.entry-content h2,.entry-content h3{font-size:18px}
.entry-content .img{float:left;padding-right:20px;max-width:300px;display:flex;flex-direction:column}
.entry-content .img a{display:block}
.entry-content img{padding-bottom:10px;max-width:100%;height:auto;display:block}
.entry-content iframe{max-width:100%}
.intro{margin:0 0 15px}
.intro h1{font-size:22px;line-height:1.3;color:#222;margin:0 0 .35em}
.intro p{margin:0;color:#555}

/* Widgets */
.widget-area{font-size:13px}
.widget{
	margin:0 0 2em;background:rgba(0,0,0,.03);
	border:1px solid rgba(0,0,0,.08);padding:4% 8%;color:#555;font-size:13px}
.widget-title{
	color:#999;font-size:14px;font-weight:bold;line-height:2.4em;margin:0;
	text-transform:uppercase;text-shadow:0 1px rgba(255,255,255,.8)}
.widget address{font-style:normal}

/* Footer */
#colophon{clear:both;font-family:"Helvetica Neue",Helvetica,Arial,sans-serif}
#site-generator{border-top:2px solid rgba(0,0,0,.08);color:#666;font-size:14px;padding:1.4em 0}

/* Lightbox */
.lb{position:fixed;inset:0;background:rgba(0,0,0,.85);display:flex;align-items:center;justify-content:center;z-index:1000;cursor:zoom-out;padding:2em}
.lb img{max-width:100%;max-height:100%;box-shadow:0 0 20px rgba(0,0,0,.5)}

/* Responsive */
@media (max-width:880px){
	#main{margin-right:0}
	#primary{width:100%}
	#secondary{float:none;width:auto;margin:1em 0 0;clear:both}
	#access{clear:both;float:left}
	#access li{margin-left:0;margin-right:2.8em}
	.page .hentry{width:auto}
}
@media (max-width:800px){
	.entry-content .img{float:none;padding-right:0;max-width:100%}
}
@media (max-width:480px){
	#page{padding:0 1em}
	#access li{margin-right:1.6em}
}
@media print{
	body{background:none!important;font-size:10pt}
	#page{max-width:100%}
}