/*
Theme Name: Poikkeustila
Author: Jere Majava
Description: Theme for alert page of the University of Helsinki. Built on BlankSlate.
Version: 1.1
License: GNU General Public License
License URI: https://www.gnu.org/licenses/gpl.html
Text Domain: poikkeustila
*/

/* Reset */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{font-size:100%;font:inherit;padding:0;border:0;margin:0;vertical-align:baseline}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}table{border-collapse:collapse;border-spacing:0}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}.clear{clear:both}
.sticky{}.bypostauthor{}.wp-caption{}.wp-caption-text{}.gallery-caption{}.alignright{}.alignleft{}.aligncenter{}.screen-reader-text{clip:rect(1px, 1px, 1px, 1px);position:absolute !important}



/* Imports */

@import url("https://fonts.googleapis.com/css?family=Open+Sans:300,300i,400,400i,600,600i,700,700i,800,800i&subset=latin-ext");

/* Hidden elements */
#menu,
#footer {
    display: none;
}

/* Layout and elements*/

html * {
	box-sizing: border-box;
}

#site-title,
#site-description,
#content,
#primary {
    margin: 0 auto;
    max-width: 800px;
    padding: 0 16px;
}

/* Colors and basic typography */
body {
	background-color: #fff;
	color: #666;
	font-size: 16px;
	line-height: 1.6rem;
	font-family: 'Open Sans', Helvetica,Arial,sans-serif, Nimbus Sans L !important;
	min-width: 400px;
}
strong, b {
	font-weight: 700;
}
em, i {
	font-style: italic;;
}
article p,
article ul,
article ol {
    margin: 1.5rem 0;
	font-size: 1rem;
}

/* Lists */
article li ul,
article li ol {
	margin: 0;
}
article ul li {
	list-style-type: disc;
}
article ul,
article ol {
	margin-left: 1.5rem;
}
article ol li {
	list-style-type: decimal;
}
/* Links */
 a {
	 text-decoration: none;
	 color: #0098d0;
 }
 a:hover, a:focus, a:active {
  color: #005479;
 }

/* Headers */
h1, h2, h3, h4, h5, h6, h1 a, h2 a {
	font-weight: 700;
	letter-spacing: -0.05em;
	color: #424242 !important;
	padding-top: 2rem;
	padding-bottom: 0.75rem;
	line-height: 1.2em;
}
h1 {
	font-size: 3.125rem;
}
h2,
h1.entry-title {
	font-size: 1.875rem;
}
h3 {
	font-size: 1.25rem;
}

/* Intro texts */
#site-description,
.entry-content p:first-child {
	font-size: 1.25rem;
	font-weight: 400;
	color: #666;
}
/* Alert box */
em strong,
strong em {
	font-size: 0.75em;
	font-weight: 600;
	font-style: normal;
	text-transform: uppercase;
	color: #fff;
	background-color: #f00;
	padding: 4px 6px;
}

/* Logo bar */
#topbar {
	width: 100%;
	overflow: hidden;
	color: #fff;
	background-color: #222;
	line-height: 1.4em;
	font-size: 0.75rem;
	padding: 11px 16px;
}
#topbar a {
	color: #fff !important;
	text-transform: uppercase;
	font-weight: 700;
}
#topbar img.hy-logo {
	float: left;
	height: 52px;
	width: auto;
	padding-right: 12px;
}

/* Header */
header#header {
	padding-bottom: 32px;
	background-color: #eee;
}


/* Sidebars */
aside#sidebar {
	background-color: #222;
	font-size: 0.875rem;
	margin-top: 32px;
	padding-top: 16px;
	padding-bottom: 10px;
}
aside#sidebar * {
	color: #fff !important;
}
aside#sidebar a {
	color: #ccc !important;
}
aside#sidebar p,
aside#sidebar ul,
aside#sidebar h1,
aside#sidebar h2,
aside#sidebar h3 {
	padding: 0;
	margin: 0.5rem 0;
	line-height: 1.4em;
}
li.widget-container {
	padding: 16px 0px;
	border-bottom: 1px solid #333;
}

/* Social media buttons */
#someicons img {
	width: 53px;
	height: 53px;
}

#someicons img:hover {
	opacity: 0.75;
}



/* Desktop */
@media screen and (min-width: 640px) {
	body {
	}
	li.widget-container {
		width: 33.333%;
		float: left;
		border-bottom: none;

	}
	li.widget-container:nth-child(2) {
		padding: 16px 16px 0;
	}
	aside#sidebar {
		float: left;
		width: 100%;
		padding-top: 0;
	}
}