/*
Theme Name: Opendata.ch
Version: 2.0
Author: Opendata.ch
Template: infinitythemetrust
*/

/* /////////////////////////////////////////////////////////////////////
//  00 - Loading the necessary fonts
/////////////////////////////////////////////////////////////////////*/

@font-face {
    font-family: 'M3MonoRegular';
    src: url('/wp-content/themes/opendata/m3/m3monoregular-webfont.eot');
    src: url('/wp-content/themes/opendata/m3/m3monoregular-webfont.eot?#iefix') format('embedded-opentype'),
         url('/wp-content/themes/opendata/m3/m3monoregular-webfont.woff') format('woff'),
         url('/wp-content/themes/opendata/m3/m3monoregular-webfont.ttf') format('truetype'),
         url('/wp-content/themes/opendata/m3/m3monoregular-webfont.svg#M3MonoRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'M3MonoBold';
    src: url('/wp-content/themes/opendata/m3/m3monobold-webfont.eot');
    src: url('/wp-content/themes/opendata/m3/m3monobold-webfont.eot?#iefix') format('embedded-opentype'),
         url('/wp-content/themes/opendata/m3/m3monobold-webfont.woff') format('woff'),
         url('/wp-content/themes/opendata/m3/m3monobold-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

/* /////////////////////////////////////////////////////////////////////
//  02 - Global
/////////////////////////////////////////////////////////////////////*/

body {
	background-color: #fff;
	color: #444;
}

p {
	line-height: 1.8em;
	font-size: 0.91em;
}

table {
	border-collapse: collapse;
	border-spacing: 10px;
	color: #444;
	line-height: 1.72em;
	margin-top: 30px;
	margin-bottom: 30px;
	font-size: 0.81em !important;
}

h1 {
	line-height: 1.4em;
	margin: 0 0 8px 0;
}

.divPusher {
	display: block;
	height: 10px;
}

blockquote,
address {
	font-style: normal;
	letter-spacing: 0.04em;
	font-family: "M3MonoRegular", "Helvetica Neue", sans-serif;
}

blockquote {
	background-image: none;
}

blockquote strong {
	font-family: "M3MonoBold", "Helvetica Neue", sans-serif;
	font-style: normal;
	font-weight: normal;
}

h1,
h2,
#commentBox h3 {
	font-family: "M3MonoRegular", "Helvetica Neue", sans-serif;
	font-weight: normal;
}

/*////////////////////////////////////////////////////////////////////////
//  04 - Header
///////////////////////////////////////////////////////////////////////*/

#header {
	position: absolute;
}

#mainNav ul a{
	font-family: "M3MonoRegular", "Helvetica Neue", sans-serif;
	line-height: 30px;
	color: #444;
	font-size: 1.1em;
}

#languageSwitcher {
	font-family: "M3MonoRegular", "Helvetica Neue", sans-serif;
	line-height: 40px;
	color: #444;
	font-size: 0.8em;
}

/*////////////////////////////////////////////////////////////////////
//  05 - Content
////////////////////////////////////////////////////////////////////*/

#content .post {
	border-bottom: 1px dotted #444;
}

.post .meta,
.attachment .meta {
	margin-bottom: 10px;
}

#content table td {
    padding: 0px 10px 10px 0px;
}

/*Home Message------------------*/

#homeMessage {
	margin: -7px 0 35px 0;
	padding: 0 0 15px 0;
	border-bottom: 1px dotted #e3e2de !important;
}

#homeMessage p {
	font-size: 0.91em;
	font-family: inherit;
	line-height: 1.8em !important;
}

#homeMessage h1{
	font-size: 1.85em;
	font-weight: normal;
	line-height: 1.4em !important;
}

#homeMessage h2,
#homeMessage h2 a{
	font-size: 1.1em;
	font-weight: normal;
	color: #B0B0AD;
	text-decoration: none;
	line-height: 1.3em;
}

/*Projects------------------*/

#projects .thumbs {
	height: 100%;
}

#projects .masonry {
	height: 1000px;
	width: 720px;
}

#projects h2 {
	font-size: 0.83em;
}

#content .project.small {
	width: 220px !important;
	height: 180px !important;
	background-color: transparent;
}

#content .project.small img {
	margin: auto;
	min-width: 120px;
	min-height: 120px;
}

/*Images------------------*/

#content .alignleft,
#content img.alignleft {
	margin-top: 6px;
	margin-left: 0px;
}

#content .alignright,
#content img.alignright {
	margin-top: 6px;
}

/*Lists------------------*/

#content ul {
	list-style-type:square;
}

#content ul li {
	line-height: 1.8em;
	font-size: inherit;
}

#content ol li {
	line-height: 1.8em;
}

/*/////////////////////////////////////////////////////////////////////
//  07 - Widgets
////////////////////////////////////////////////////////////////////*/

#sideWidgets {
	margin-right: 30px;
}

/*Search------------------*/

#s {
	width: 170px;
	color: #444;
}

.search-in-place {
	width: 190px !important;
}

.search-in-place .item {
	background-color: #fff;
	padding: 4px 2px 4px 2px;
}

.search-in-place .label {
	color: #444;
	padding: 2px 0px 2px 2px;
	text-transform: capitalize !important;
	text-shadow: none !important;
}

.search-in-place .title a,
.search-in-place .label {
	font-family: "M3MonoRegular", "Helvetica Neue", sans-serif;
}

.search-in-place .label.more {
	display: none !important;
}

/*////////////////////////////////////////////////////////////////////
//  10 - Footer
////////////////////////////////////////////////////////////////////*/

#footer .secondary {
	border-top: 0 !important;
}

/*////////////////////////////////////////////////////////////////////
//  11 - Media Queries
////////////////////////////////////////////////////////////////////*/

/* iPad Portrait */

@media only screen and (max-width: 768px) {

	#header {
		position: relative;
	}

	#mainNav {
		max-width: 80%;
		top: 20px;
		margin-top: 0;
	}

	#mainNav ul {
		display: inline-block;
	}

	#languageSwitcher {
		display: block;
		position: absolute;
		top: 20px;
		right: 20px;
		line-height: 1;
		text-align: right !important;
	}
}

/*layouts smaller than 600px, iPhone and mobiles*/
@media only screen and (max-width: 480px), screen and (max-device-width: 480px), screen and (max-width: 600px)  {

	#header {
		padding-bottom: 0;
	}

	#header #logo {
		width: 160px;
	}

	#mainNav {
		margin-bottom: 120px;
		max-width: none;
	}

	#content .project.small {
		margin: 0 10px 10px 0;
		width: 135px;
		height: 103px;
	}

	.project.small {
		margin: 0 10px 10px 0 !important;
	}

	.textwidget p {
		width: 450px;
		max-width: 450px;
		overflow: hidden;
	}

	#languageSwitcher {
		position: static;
		text-align: center !important;
	}
}

/* Cleaned up for print outs (TODO: add "be kind & save paper" notice) -------- */

@media print {
	
	#disqus_thread,
	#mainNav, 
	#languageSwitcher, 
	#sideWidgets { display:none; }
	#header { position: relative; float: none; }
	#main { float: none;          width: 100%; }
	
}

/* Random Custom CSS Stuff ----------- */
.widget_kbrss ul li a img {
	float: left;
	width: 15px;
	height: 15px;
	margin: 0px 5px 10px 0px;
}

.widget_kbrss h3 a, .widget_text h3 a {
	color: #444;
}

/* Fix for Wordpress https://core.trac.wordpress.org/ticket/50909 */

.wp-block-image img,
.wp-block-media-text__media img,
.wp-block-media-text__media video {
  height: auto;
}