/*
Theme Name: Aalto Media Factory
Author: Jon Fabritius based on Toolbox by Automattic
Author URI: http://webstudio.aalto.fi
Description: A semantic, HTML5, canvas for CSS artists and an ultra-minimal set of super-clean templates for your own WordPress theme development.
Version: 1.4
License: GNU General Public License
License URI: license.txt
Tags: custom-menu, sticky-post, microformats, rtl-language-support, translation-ready, full-width-template, post-formats

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/

/* =Structure
-------------------------------------------------------------- */

@font-face {
		font-family: 'lato';
		src: url('fonts/LatoOFL/Lato-Reg.ttf');
}

@font-face {
		font-family: 'latoBold';
		src: url('fonts/LatoOFL/Lato-Bol.ttf');

}

html {
	margin: 0;
	padding: 0;
	}

body {
	font-family: lato,'helvetica neue','lucida grande','segoe ui', tahoma, sans;
	font-size: 14px;
	margin: 0;
	padding: 0 1em;
	line-height: 1.4em;
	overflow: scroll;
	-webkit-tap-highlight-color: rgba(0,173,234,0.5);
}

b,
strong {
	font-family: latoBold;
	font-weight: normal;
}

p {
	margin-top: 0;
	}

#page {
	position: relative;
	display: block;
	margin: 24px auto;
	width: 1000px;
}

#branding {
	margin: 0 190px 0 0;
}

#main {
}

#primary {
	padding: 0;
	float: left;
	margin: 0 170px 0 0;
}

#content {
	width: 820px;
	margin: 0 0 4em 0;
}

#secondary {
	position: absolute;
	width: 180px;
	top: 0;
	right: 0;
	padding: 0;
}

#secondary .widget-area {
	overflow: hidden;
}

#tertiary {
}

#colophon {
	clear: both;
	display: block;
	width: 100%;
}

#site-generator {
	display:none;
}

/* Increase the size of the content area for templates without sidebars */
.full-width #content,
.image-attachment #content,
.error404 #content {
}

/* Text meant only for screen readers */
.screen-reader-text,
.assistive-text {
	position: absolute !important;
	clip: rect(1px 1px 1px 1px); /* IE6, IE7 */
	clip: rect(1px, 1px, 1px, 1px);
}

/* Alignment */
.alignleft {
	display: inline;
	float: left;
}
.alignright {
	display: inline;
	float: right;
}
.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
}

/* =Header
-------------------------------------------------------------- */

#site-title {
	width: 330px;
	height: 72px;
	background: url('img/aalto_media_factory.png');
	margin: 0 0 12px 0;
	color: transparent;
}

#site-description {
	display: none;
}


/* =Menu
-------------------------------------------------------------- */

#access {
	display: block;
	float: left;
	overflow: hidden;
	margin: 0 0 16px -12px;
	padding: 0 0 0 0;
	width: 700px;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	-o-user-select: none;
	user-select: none;
}
#access ul {
	list-style: none;
	margin: 0;
	padding-left: 0;
}
#access li {
	float: left;
	position: relative;
	padding: 0;
	margin: 0 0 0 0;
}
#access a {
	display: block;
	color: #333;
	font-size: 18px;
	line-height: 1.4em;
	padding: 0 2px 0 11px;
	text-decoration: none;
}
#access ul ul {
	box-shadow: 0 3px 3px rgba(0,0,0,0.2);
	-moz-box-shadow: 0 3px 3px rgba(0,0,0,0.2);
	-webkit-box-shadow: 0 3px 3px rgba(0,0,0,0.2);
	display: none;
	float: left;
	position: absolute;
	top: 2em;
	left: 0;
	z-index: 99999;
}

.responsiveSelectContainer {
}

.responsiveMenuSelect {
	font-size: 18px;
}

.nav_search {
	display: none;
	clear: both;
}

/* Hovers */

.menu_item a {
	white-space: nowrap;
}

/* Fablab */
.nonTouch .menu-item-2211:hover a {
	background: #f04950;
}

/* Electronics studio */
.nonTouch .menu-item-2218:hover a {
	background: #fef433;
}

/* Web studio */
.nonTouch .menu-item-2213:hover a {
	background: #a3d366;
}

/* AV production services */
.nonTouch .menu-item-2236:hover a {
	background: #82bee3;
}

/* Funding and projects */
.nonTouch .menu-item-2235:hover a {
	background: #e1497c;
}

/* AMF Gallery */
.nonTouch .menu-item-2500:hover a {
	background: #5ecacb;
}

/* Haplab */
.nonTouch .menu-item-7819:hover a {
	background: #e97f44;
}

/* Education */
.nonTouch .menu-item-2210:hover a {
	background: #a653a5;
}

/* Kitchen */
.nonTouch .menu-item-2234:hover a {
	background: #f8a74b;
}

/* Auditorium */
.nonTouch .menu-item-2209:hover a {
	background: #9c9c9c;
}

/* Meeting rooms */
.nonTouch .menu-item-2233:hover a {
	background: #868dbb;
}

/* AV edits*/
.nonTouch .menu-item-2232:hover a {
	background: #76b996;
}

/* AV production equipment */
.nonTouch .menu-item-6498:hover a {
	background: #cec3af;
}

/* Generic items */
.nonTouch .menu-item-2208:hover a,
.nonTouch .menu-item-2214:hover a,
.nonTouch .menu-item-2244:hover a,
.nonTouch .menu-item-2212:hover a  {
	background: #ddd;
}

/* Current page */

/* Fablab */
.page-id-2206 .current-menu-item a {
	background: #f04950;
	}

/* Electronics studio */
.page-id-2215 .current-menu-item a {
	background: #fef433;
	}

/* Web studio */
.page-id-175 .current-menu-item a {
	background: #a3d366;
	}

/* AV production services */
.page-id-2219 .current-menu-item a {
	background: #82bee3;
	}

/* Funding and projects */
.page-id-2222 .current-menu-item a {
	background: #e1497c;
	}

/* AMF Gallery */
.page-id-2497 .current-menu-item a {
	background: #5ecacb;
	}

/* Haplab */
.page-id-7805 .current-menu-item a {
	background: #e97f44;
	}

/* Education */
.page-id-174 .current-menu-item a {
	background: #a653a5;
	}

/* Kitchen */
.page-id-2224 .current-menu-item a {
	background: #f8a74b;
	}

/* Auditorium */
.page-id-1018 .current-menu-item a {
	background: #9c9c9c;
	}

/* Meeting rooms */
.page-id-2226 .current-menu-item a {
	background: #868dbb;
}

/* AV edits */
.page-id-2228 .current-menu-item a {
	background: #76b996;
}

/* AV Production equipment */
.page-id-6479 .current-menu-item a {
	background: #cec3af;
}

/* About Media Factory */
.page-id-176 .current-menu-item a {
	background: #ddd;
}

/* Contact us */
.page-id-693 .current-menu-item a {
	background: #ddd;
}

/* News */
.page-id-2242 .current-menu-item a {
	background: #ddd;
}

body.news .menu-item-2244 a {
	background: #ddd;
}

/* Events */
.page-id-396 .current-menu-item a {
	background: #ddd;
}

/* =Content
-------------------------------------------------------------- */

.entry-content
{
	overflow: auto;
}

.entry-content table {
	border: 1px solid #eee;
	width: 100%;
	font-size: 13px;
	border-collapse:collapse;
}

.entry-content td,
.entry-content th {
	border: 1px solid #eee;
	text-align: left;
	padding: 4px 4px;
}

.sticky {
}
.entry-meta {
	clear: both;
	display: block;
	color: #aaa;
	font-size: 12px;
}
.entry-meta a {
	color: #aaa;
}

.singleContentLikeButton {
	margin: 24px 0 4px 0;
}

.singleContentLikeButton > iframe {
	width: 100px!important;
}

.nonTouch .entry-meta:hover a {
	color: #00adea;
}

.single-author .entry-meta .byline {
	display: none;
}
#content nav {
	display: block;
	overflow: hidden;
	text-align: right;
}
#content nav .nav-previous {
	display: inline;
	margin-right: 1em;
}
#content nav .nav-next {
	display: inline;
}

#content #nav-above {
	display: none;
}

#nav-below {

}

.paged #content #nav-below,
.single #content #nav-below {
	display: block;
	margin-bottom: 8px;
}

.paged #content #nav-below a,
.single #content #nav-below a {
	color: #999;
}

.page-link {
	clear: both;
	margin: 0 0 1em;
}
.page .edit-link {
	clear: both;
	display: block;
}

/* 404 page */

.error404 ul {
	list-style-type: none;
	padding: 0;
	margin: 8px 0 8px 0 ;
}

.error404 table,
.error404 td {
	border: 0 solid;
}

.error404 #gsc-iw-id2 {
	width: 100%!important;
}

/*.error404 .widget {
	float: left;
	width: 33%;
}
.error404 .widget .widgettitle,
.error404 .widget ul {
	margin-right: 1em;
}
.error404 .widget_tag_cloud {
	clear: both;
	float: none;
	width: 100%;
}*/

/* Notices */
.post .notice,
.error404 #searchform {
	background: #eee;
	display: block;
	padding: 1em;
}

/* Image Attachments */
.image-attachment div.entry-meta {
	float: left;
}
.image-attachment nav {
	float: right;
	margin: 0 0 1em 0;
}
.image-attachment .entry-content {
	clear: both;
}
.image-attachment .entry-content .entry-attachment {
	background: #eee;
	margin: 0 0 1em;
	padding: 1em;
	text-align: center;
}
.image-attachment .entry-content .attachment {
	display: block;
	margin: 0 auto;
	text-align: center;
}

/* Aside Posts */
.format-aside .entry-header {
	display: none;
}
.single .format-aside .entry-header {
	display: block;
}
.format-aside .entry-content,
.format-aside .entry-summary {
	padding-top: 1em;
}
.single .format-aside .entry-content,
.single .format-aside .entry-summary {
	padding-top: 0;
}

/* Gallery Posts */
.format-gallery .gallery-thumb {
	float: left;
	margin: 0 1em 0 0;
}

/* Image Posts */
.format-image .entry-header {
	display: none;
}
.single .format-image .entry-header {
	display: block;
}
.format-image .entry-content,
.format-image .entry-summary {
	padding-top: 1em;
}
.single .format-image .entry-content,
.single .format-image .entry-summary {
	padding-top: 0;
}

.postFooterHouseLike {
	margin-top: 32px;
	padding-top: 12px;
	border-top: 3px solid #000;
}

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

a img {
	border: none;
}
p img {
	margin-bottom: 0.5em; /* a small bottom margin prevents content floating under images */
}
/*
Resize images to fit the main content area.
- Applies only to images uploaded via WordPress by targeting size-* classes.
- Other images will be left alone. Use "size-auto" class to apply to other images.
*/
img.size-auto,
img.size-full,
img.size-large,
img.size-medium,
.attachment img,
.widget-area img,
.wp-caption {
	max-width: 100%; /* When images are too wide for containing element, force them to fit. */
	height: auto; /* Override height to match resized width for correct aspect ratio. */
}
img.alignleft {
	margin-right: 1em;
}
img.alignright {
	margin-left: 1em;
}
.wp-caption {
	padding: .5em;
	text-align: center;
}
.wp-caption img {
	margin: .25em;
}
.wp-caption .wp-caption-text {
	margin: .5em;
}
.gallery-caption {
}
.wp-smiley {
	margin: 0;
}


/* =Forms
-------------------------------------------------------------- */

#searchform label {
	display: none;
}
#searchform input#s {
	--width: 60%;
}
input[type=text],
input[type=search],
input#s {
	--margin: 0 1em 0 0;
	--width: 60%;
	background: transparent;
}
textarea {
	width: 80%;
}

/* Class for labelling required form items */
.required {
	color: #cc0033;
}


/* =Comments
-------------------------------------------------------------- */

/*#comments {
	margin-top: 2em;
}

article.comment {
	display: block;
}
#respond input[type=text] {
	display: block;
	width: 60%;
}
#respond textarea {
	display: block;
	margin: 0 0 1em;
	width: 80%;
}
#respond .form-allowed-tags {
	clear: both;
	width: 80%;
}
#respond .form-allowed-tags code {
	display: block;
}*/

#comments {
	display: none;
}

#disqus_thread {
	margin-top: 0;
	max-height: 2em;
	overflow: hidden;
	opacity: 0.5;
}

.showComments {
	display: none;
	font-size: 18px;
	font-weight: bold;
	color: #00adea;
	margin-bottom: 0.2em;
	cursor: pointer;
	opacity: 1;
	-webkit-transition: 0.2s all linear;
}

#disqus_thread.commentsVisible {
	max-height: 9999em;
	opacity: 1;
}

/* =Widgets
-------------------------------------------------------------- */

.widget div,
.widget p,
.widget li {
	color: #666;
}

#secondary .widget {
	display: block;
	border-bottom: 3px solid black;
	padding: 10px 0 16px 0;
}

#tertiary {
}

#tertiary .widget {
	display: block;
	margin-bottom: 16px;
	overflow: hidden;

}

#secondary .widget h2 {
	margin-bottom: 10px;
}

#tertiary  .widget h2 {
	margin-bottom: 14px;
}

.widget-area .widget_advertisement,
#secondary.widget-area .widget:first-child {
	padding-top: 0;
	//height: 95px;
	overflow: hidden;
	border-bottom-width: 0;
}

.widget-area .widget_advertisement h2,
#secondary.widget-area .widget:first-child h2 {
	display: none;
}

.widget-area .widget_search {
	height: 39px;
}

.widget-area .widget_about h2 {
	width: 7em;
}

.widget-area .widget_search input {
	margin: 20px 0 0 0;

}

.widget-area .widget_search input[type=text],
.widget-area .widget_search input[type=search] {
	width: 136px;
	margin-bottom: 0;
	padding-bottom: 0;
}

.widget-area .widget_text {
}

.fb_iframe_widget {
	margin-left: -10px;
}

.widget-reservations {
	height: 400px;
}

.houseFacebookWidget iframe {
	opacity: 0;
	-webkit-transition: 1s opacity ease-in-out;
	-moz-transition: 1s opacity ease-in-out;
	-ms-transition: 1s opacity ease-in-out;
	-o-transition: 1s opacity ease-in-out;
	transition: 1s opacity ease-in-out;
}

#content .houseFacebookWidget {
	border-top: 1px solid #eee;
	padding-top: 4px;
	padding-left: 104px;
}

#content .houseFacebookWidget h2 {
	margin-bottom: 8px;
	font-size: 16px;
	font-family: latoBold;
}

/* Flickr widget */

.flickr-gallery .figure {
/*	display: inline-block;
	text-align: left;
	vertical-align: top;
	width: 100px;
	height: 100px;*/
	min-height: 165px;
}

.flickr-gallery .figure img {

}

/* Vimeo widget */

.vmcplayerdiv {
	margin-bottom: 0!important;
}

ul.vmgallery {

}

ul.vmgallery li {
	margin: 0 5px 5px 0!important;
}

ul.vmgallery li:nth-child(3n + 3) {
	margin: 0 0 5px 0!important;
}

ul.vmgallery li a {
	border: 0 solid!important;
}

/*
Advanced recent post widget plug-in
Version 3.0.0
*/
.advanced_recent_posts_widget * {
	margin:0;
	padding:0;
}

.advanced_recent_posts_widget {
	font-size: 12px!important;
	line-height: 18px;
}
.advanced_recent_posts_widget .post-title{
	font-size: 13px!important;
	font-weight:normal!important;
}

.advanced_recent_posts_widget .post-date{
	font-style:normal!important;
	---color: #aaa;
	line-height: 1.3em;
}

.advanced_recent_posts_widget img{
	float:left;
	margin-right:10px;
	margin-top:5px;
}
.advanced_recent_posts_widget ul li{
	list-style: none;
	list-style-type: none;
	margin: 3px 0;
	padding: 3px 0;
	border-bottom: 0 solid!important;
}
.advanced_recent_posts_widget .more-link{
	display:inline;
}
.advanced_recent_posts_widget .post-entry{
   padding:0 0 5px 0;
   overflow:hidden;
}

/* Related posts */

.SimplyRelatedPosts li {
	margin: 0 8px 8px 0;
	font-size: 13px;
}

/* Errors */

.apiError {
	color: #ccc!important;
	font-style: oblique;
}

/* =Footer
-------------------------------------------------------------- */

.amfFooter {
	position: relative;
	margin-right: 28px;
	background: #000;
}

.amfFooter a {
	color: #fff;
	-webkit-font-smoothing: antialiased;
}

.nonTouch .amfFooter a:hover {
	color: #00adea;
}

.amfFooterBox {
	display: inline;
	display: inline-block;
	vertical-align: top;
	width: 246px;
	margin-top: 6px;
	margin-right: 18px;
	margin-bottom: 12px;
}

/* flag: retinize */
.amfFooter .aaltoLogo {
	margin-top: 5px;
	margin-left: 14px;
	background-image: url('img/aalto_logo%402x.png');
	background-size: 148px;
	background-repeat: no-repeat;
	height: 34px;
}

.amfFooter .factoryHug {
	margin-left: 4px;
}

.amfFooter .additionalLinks {
	width: 220px;
	margin-right: 0;
	margin-left: 6px;

}


#colophon {
	padding: 1em 0 0;
}


/* =Custom
-------------------------------------------------------------- */

h1,h2,h3 {
	font-size: 18px;
	font-weight: normal;
	margin: 0;
	line-height: 1.2em;
}

h1 {
	font-family: latoBold,'helvetica neue','lucida grande','segoe ui', tahoma, sans;
	font-size: 210%;
	line-height: 1em;
}

h3 {
	font-size: 15px;
}

h1 + p,
h2 + p,
h3 + p,
header + .entry-content{
	margin-top: 14px;
}

a {
	border: 0 solid;
	text-decoration: none;
	color: #00adea;
	-webkit-transition: 0.2s cubic-bezier(.17,.67,.83,.67) all;
	}

.nonTouch a:hover {
	-webkit-transition: 0.1s linear all;
}

a h2 {
	color: #333;
	---text-shadow: 0 2px 2px rgba(0,0,0,0.2);

}

#secondary ul,
#tertiary ul {
	list-style-type: none;
	padding: 0;
	margin: 0;
}

.frontPageBox {
	position: relative;
	display: inline-block;
	vertical-align: top;
 	width: 250px;
 	height: 190px;
	margin: 0 18px 20px 0;
	overflow: hidden;
	}

.frontPageBoxOverlay {
	z-index: 2;
	position: absolute;
	background-repeat: no-repeat;
	top: 0;
	left: 0;
	width: 250px;
	height: 190px;
	-webkit-transition: 0.1s all ease-in-out;
	background-color: rgba(0,0,0,0);
	background-position: top right;
	opacity: 0.9;
	}

.nonTouch .frontPageBox:hover .frontPageBoxOverlay {
	background-position: -110px -110px;
	background-color: #f6f6f6;
	background-color: rgba(255,255,255,0.9);
}

.frontPageBox h2 {
	position: relative;
	display: inline-block;
	padding: 4px 14px;
	margin: 12px 0 0px 0;
	line-height: 1em;
	z-index: 3;
	background: #fff;
	-webkit-transition: 0.1s all ease-in-out;
}

.frontPageBox:hover h2 {
}

/* Frontpage Box Label Hovers */

.nonTouch .fablab-frontPageBox:hover h2 {
	background-color: #f04950;
}

.nonTouch .electronicsStudio-frontPageBox:hover h2 {
	background-color: #fef433;
}

.nonTouch .webStudio-frontPageBox:hover h2 {
	background-color: #a3d366;
}

.nonTouch .avProductionServices-frontPageBox:hover h2 {
	background-color: #82bee3;
}

.nonTouch .fundingAndProjects-frontPageBox:hover h2 {
	background-color: #e1497c;
}

.nonTouch .amfGallery-frontPageBox:hover h2 {
	background-color: #5ecacb;
}

.nonTouch .haplab-frontPageBox:hover h2 {
	background-color: #e97f44;
}

.nonTouch .education-frontPageBox:hover h2 {
	background-color: #a653a5;
}

.nonTouch .kitchen-frontPageBox:hover h2 {
	background-color: #f8a74b;
}

.nonTouch .auditorium-frontPageBox:hover h2 {
	background-color: #9c9c9c;
}

.nonTouch .meetingRooms-frontPageBox:hover h2 {
	background-color: #868dbb;
}

.nonTouch .avEdits-frontPageBox:hover h2 {
	background-color: #76b996;
}

.nonTouch .videocart-frontPageBox:hover h2 {
	background-color: #cec3af;
}

/* Frontpage Box Text Snippet */

.frontPageBoxSnippet {
	position: relative;
	font-size: 14px;
	padding: 14px 16px 0 14px;
	z-index: 3;
	color: #333;
	opacity: 0;
	---text-shadow: 0 0 4px #000;
	}

.nonTouch .frontPageBox:hover .frontPageBoxSnippet {
	opacity: 1;
	-webkit-transition: 0.2s all ease-in-out;
	-webkit-font-smoothing: antialiased;
}

/*

888       888d8b     888                888
888   o   888Y8P     888                888
888  d8b  888        888                888
888 d888b 888888 .d88888 .d88b.  .d88b. 888888.d8888b
888d88888b888888d88" 888d88P"88bd8P  Y8b888   88K
88888P Y88888888888  888888  88888888888888   "Y8888b.
8888P   Y8888888Y88b 888Y88b 888Y8b.    Y88b.      X88
888P     Y888888 "Y88888 "Y88888 "Y8888  "Y888 88888P'
                             888
                        Y8b d88P
                         "Y88P"

*/

/* Widgets */

::-webkit-input-placeholder {
        color: #aaa;
}

/* Frontpage Images */

.frontPageBox {
	background-size: 250px;
}

.fablab-frontPageBox {
	background-image: url('img/frontPagePhoto_Fablab%402x.jpg');
}

.electronicsStudio-frontPageBox {
	background-image: url('img/frontPagePhoto_ElectronicsStudio.jpg');
}

.webStudio-frontPageBox {
	background-image: url('img/frontPagePhoto_WebStudio.jpg');
}

.avProductionServices-frontPageBox {
	background-image: url('img/frontPagePhoto_AVProductionServices%402x.jpg');
}

.fundingAndProjects-frontPageBox {
	background-image: url('img/frontPagePhoto_FundingAndProjects%402x.jpg');
}

.amfGallery-frontPageBox {
	background-image: url('img/frontPagePhoto_amfGallery%402x.jpg');
}

.haplab-frontPageBox {
	background-image: url('img/frontPagePhoto_Haplab%402x.jpg');
}

.education-frontPageBox {
	background-image: url('img/frontPagePhoto_Education%402x.jpg');
}

.kitchen-frontPageBox {
	background-image: url('img/frontPagePhoto_Kitchen%402x.jpg');
}

.auditorium-frontPageBox {
	background-image: url('img/frontPagePhoto_Auditorium%402x.jpg');
}

.meetingRooms-frontPageBox {
	background-image: url('img/frontPagePhoto_MeetingRooms%402x.jpg');
}

.avEdits-frontPageBox {
	background-image: url('img/frontPagePhoto_AVEdits%402x.jpg');
}

.videocart-frontPageBox {
	background-image: url('img/frontPagePhoto_Videocart.jpg');
}


/* Frontpage color overlays */

.fablab-frontPageBox .frontPageBoxOverlay {
	background-image: url('img/frontPageBox_Overlay_Fablab.png');
	}

.electronicsStudio-frontPageBox .frontPageBoxOverlay {
	background-image: url('img/frontPageBox_Overlay_ElectronicsStudio.png');
	}

.webStudio-frontPageBox .frontPageBoxOverlay {
	background-image: url('img/frontPageBox_Overlay_WebStudio.png');
	}

.avProductionServices-frontPageBox .frontPageBoxOverlay {
	background-image: url('img/frontPageBox_Overlay_AVProductionServices.png');
	}

.fundingAndProjects-frontPageBox .frontPageBoxOverlay {
	background-image: url('img/frontPageBox_Overlay_FundingAndProjects.png');
	}

.amfGallery-frontPageBox .frontPageBoxOverlay {
	background-image: url('img/frontPageBox_Overlay_amfGallery.png');
	}

.haplab-frontPageBox .frontPageBoxOverlay {
	background-image: url('img/frontPageBox_Overlay_Haplab.png');
	}

.education-frontPageBox .frontPageBoxOverlay {
	background-image: url('img/frontPageBox_Overlay_Education.png');
	}

.kitchen-frontPageBox .frontPageBoxOverlay {
	background-image: url('img/frontPageBox_Overlay_Kitchen.png');
	}

.auditorium-frontPageBox .frontPageBoxOverlay {
	background-image: url('img/frontPageBox_Overlay_Auditorium.png');
	}

.meetingRooms-frontPageBox .frontPageBoxOverlay {
	background-image: url('img/frontPageBox_Overlay_MeetingRooms.png');
	}

.avEdits-frontPageBox .frontPageBoxOverlay {
	background-image: url('img/frontPageBox_Overlay_AVEdits.png');
	}

.videocart-frontPageBox .frontPageBoxOverlay {
	background-image: url('img/frontPageBox_Overlay_Videocart.png');
	}

/* Subpage boxes */

.subPageColumnWrapper {
	position: relative;
	min-height: 66em;
	margin-bottom: 1em;
}

.subPageColumnPrimary {
	margin: 0 40px 0 268px;
}

.subPageColumnSecondary {
	position: absolute;
	top: 0;
	left: 0;
	width: 250px;
}

.subPageBox,
.subPageBoxLarge {
	height: 190px;
	margin: 0 18px 20px 0;
	overflow: hidden;
}

.subPageBox {
	width: 250px;
	height: 190px;
}

.subPageBox img {
	width: 250px;
}

.subPageBoxLarge {
	width: 520px!important;
	height: 190px!important;
}

.subPageBoxLarge > img {
	width: 520px!important;
	height: 190px!important;
}

/* Person pages */

.personPageColumnWrapper .subPageBox {
	height: auto;
}

.personPageColumnWrapper .subPageBox img {
	width: 250px;
}

.mfPersonTitle,
.mfPersonEmail {
	margin: 2px 0;
}

.mfKeywords {
	margin-top: 16px;
}

.mfKeywords h2 {
	margin-bottom: 12px;
}

.mfKeyword {
	display: inline;
	display: inline-block;
	text-transform: lowercase;
	font-size: 11px;
	color: #333;
	border: 1px solid #eee;
	margin: 0 0.2em 0.2em 0;
	padding: 0.2em 0.5em;
	-webkit-transition: 0.2s all ease-in-out;
}

.nonTouch .keyword:hover {
	color: #00adea;
	background: #fff;
	-webkit-transition: 0 all ease-in-out;

}

.aaltoPeoplePromo {
	font-size: 12px;
	color: #666;
}

/* News and Event archives */

.archive h1.entry-title {
	font-family: "lato",'helvetica neue','lucida grande','segoe ui', tahoma, sans;;
	font-size: 20px;
	margin: 16px 0 0 0 ;
}

.archive .expanderTrigger,
.archive .expanderContent,
.archive .entry-content,
.archive footer.entry-meta  {
	display: none;
}

/* Automated project pages */

.display-posts-listing .listing-item {
	margin: 12px 0 12px 0;
}

.listing-item .date {
	display: block;
	color: #666;
}

.listing-item .title {
	display: block;
	margin-bottom: 2px;
}

.mfProjectItemLink {
	margin-bottom: 4px;
}

.mfProjectLinks .listing-item {
	margin: 0 0 0 0;
}

.listing-item h2 {
	font-size: 14px;
}


.single-projectpage h1 a {
	color: inherit;
}


.single-projectpage .projectMeta {
	margin: 8px 0 4px 0;
}

.single-projectpage .projectDate {
	margin: 8px 0;
	color: #666;
	}

/* Google CSE */

.widget_cse_search {
	height: 38px;
}

#gsc-iw-id2 {
	width: 139px!important;
	margin-right: 0!important;
	margin-bottom: 0!important;
}

td.gsc-input {
	padding-left: 0!important;
	padding-right: 0!important;
	margin-right: 0!important;
}

div.gsc-input-box {
	border-radius: 12px;
}

input.gsc-input {
	font-family: lato,'helvetica neue','lucida grande','segoe ui', tahoma, sans;!important;
	font-size: 12px!important;
}

input.gsc-search-button {
	background: #00adea!important;
	border: 1px solid #fff!important;
	padding: 6px 8px 6px 8px!important;
}

.gsc-control-cse,
.gsc-tabHeader,
.gsc-result-info {
	font-family: lato,'helvetica neue','lucida grande','segoe ui', tahoma, sans;!important;
	}

.gsc-control-cse a,
.gsc-control-cse a b {
	color: #00adea!important;
	}

.gs-title {
	text-decoration: none!important;

}

.gs-visibleUrl {
	color: #aaa!important;
}

.gsc-refinementsArea {
	display: none;
}

.gsc-result-info {
	margin-top: 8px!important;
	margin-left: 4px!important;
	color: #999!important;
}

.gcsc-branding {
	margin-top: 2px;
}

.gcsc-branding,
.gsc-thumbnail-inside,
.gsc-result-info,
.gsc-control-cse,
.gsc-url-top,
.gsc-table-result  {
	padding: 0!important;
}

.gsc-completion-container {
	margin-top: 24px!important;
}

/* Extra Classes */

.webStudio .menu-item-2213 {
	background: #a3d366;
}

/* Scale Down */

@media all and (max-width: 850px) {

  	#branding {
  		margin: 0;
  	}

  	.home #access {
  		width: 700px;

  	}

	#access .nav_search {
		display: block;
		width: 560px;
		height: 30px;
		margin: 0px 8px 8px 12px;
		padding-top: 12px;
		}

	#primary {
  		margin-right: 20px;
  		}

	.amfFooter {
		margin-right: 24px;
	}

	.amfFooter .factoryHug {
		margin-left: 6px;
	}

}

@media all and (max-width: 560px) {

	#secondary {
  		display: none;
  		}

	header {
		margin: 0;
	}

	#page,
	#content {
		width: 560px;
	}

	#access .nav_search {
		width: 480px;
	}
	.responsiveSelectContainer {
		width: 480px;
	}

	.aaltoLogo {
		margin: 6px 0 0 6px!important;
		}

}

@media all and (max-width: 480px) {

	.responsiveSelectContainer {
		width: 318px!important;
		margin: 0!important;
		padding: 0!important;
	}

	.responsiveMenuSelect {
		width: 314px!important;
		margin: 0!important;
		padding: 0!important;
		--border: 1px solid #aaa;
	}

	body {
		padding: 16px 4px;
	}

	#site-title {
		width: 318px;
		background-size: 316px auto!important;
		background-repeat: no-repeat;

	}

	#page,
	#content {
		--width: 316px!important;
		width: 100%;
		margin: 0;
		padding: 0;
	}

	#access {
		margin: 0 0 6px 0;
		padding: 0;
		border: 0 solid;
		width: 316px!important;
		position: relative;
	}

	h2 {
		font-size: 20px;
	}

	#access .nav_search {
		margin: 8px 0 12px 0;
		width: 314px;
		padding-top: 4px!important;
	}

	.gsc-input-box {
		height: 32px!important;
		border-color: #a9a9a9!important;
		border-radius: 20px!important;
	}

	.gsib_a {
		padding: 8px 6px 0!important;
	}

	.cse .gsc-search-button input.gsc-search-button-v2,
	input.gsc-search-button-v2 {
		width: 20px!important;
		height: 20px!important;
	}

	.frontPageBox {
		height: auto;
		min-height: 72px;
		border-top: 1px solid #eee;
	}

	.frontPageBox,
	.frontPageBoxOverlay  {
		width: 314px;
		width: 100%;
		margin: 0 0 8px 0;
		padding: 8px 0 0 0;
		background-position: 0 8px;
		background-size: 100px;
		background-repeat: no-repeat;

		}

	.frontPageBoxOverlay  {
		background-position: 0 8px;
	}

	.frontPageBox h2 {
		display: block;
		font-size: 15px;
		font-family: 'latoBold';
		padding: 0!important;
		margin: -1px 0 3px 104px!important;
		}

	.frontPageBoxSnippet {
		opacity: 1;
		padding: 0;
		margin: 0 0 0 104px;
		}

	.frontPageBoxSnippet p {
		font-size: 14px;
		line-height: 16px;
		padding: 0;
		margin: 0 0 4px 0;
		}

.houseFacebookWidget {
	background-image: url(img/facebook_frontpage.png);
	background-size: 100px;
	background-repeat: no-repeat;
	background-position: 0 7px;
	}

		.subPageColumnSecondary {
			position: relative!important;
			overflow: hidden;
			margin: 24px 0 0 0;
			padding: 0;
			top: 0;
			left: 0;
			width: 316px;
		}

		.subPageColumnPrimary {
			position: relative!important;
			overflow: hidden;
			margin: 0;
			padding: 0;
			top: 0;
			left: 0;
			width: 316px;
		}

		.subPageBox,
		.subPageBox img {
			width: 314px!important;
			height: auto!important;
		}

		.subPageBoxLarge,
		.subPageBoxLarge img {
			width: 314px!important;
			height: 114px!important;
		}

		.amfFooter {
			padding: 8px 4px;
			margin: 24px 0 0 0!important;
			width: 310px;

		}

	.amfFooterBox {
		display: block;
		width: 310px;
		}

	.postFooterHouseLike {
		width: 300px;
		overflow: hidden;
	}

}


/* Equipment */

.page-template-AMF_Subpage_Equipment-php .subPageColumnPrimary {
	margin-left: 0;
}

.page-template-AMF_Subpage_Equipment-php .subPageBoxLarge {
	margin-left: 267px;
}

.equipmentSubPageBox {
	position: relative;
}

.equipmentSubPageBox img {
	position: absolute;
	top: 0;
	left: 0;
}

@-webkit-keyframes photoBlurDeBlur {

  0% {
	-webkit-filter: blur(10px);
  	-webkit-transform: translate(3px, -2px);
 	-moz-filter: blur(10px);
  	-moz-transform: translate(3px, -2px); 
	filter: blur(10px);
  	transform: translate(3px, -2px);
  }

  20% {
	-webkit-filter: blur(5px);
  	-webkit-transform: translate(-1px, 4px);
  	-moz-filter: blur(5px);
  	-moz-transform: translate(-1px, 4px);
  	filter: blur(5px);
  	transform: translate(-1px, 4px);		
  }

  100% {
	-webkit-filter: blur(0px);
  	-webkit-transform: translate(0, 0);
  	-moz-filter: blur(0px);
  	-moz-transform: translate(0, 0);
  	filter: blur(0px);
  	transform: translate(0, 0);		
  }

}

#equipmentBookerPhoto {
	display: block;
	width: 250px;
	height: 250px;
	margin-top: -40px;
}

.equipmentView {
	float: right;
	margin-right: -6px;
}

.page-template-AMF_Subpage_Equipment-php h2 {
	margin-bottom: 8px;
}

.bookingSteps {
	padding: 0 0 16px 0;
}

.bookingStep {
	margin: 12px 0 4px 0;
	}

p.bookingStep
{
	margin-top: -2px;
	margin-left: 12px;
	font-size: 12px;
}

.bookingStep1 span {
	color: #f3474b
}

.bookingStep2 span {
	color: #faa840
}

.bookingStep3,
.bookingStep4 {
	display: inline-block;
	width: 250px;
	}

.bookingStep5,
.bookingStep6 {
	}

.bookingStep6 {
	margin-top: 16px;
}

.bookingStep3 span {
	color: #a2d55f
}

.bookingStep4 span {
	color: #80bde5
}

.bookingStep5 span {
	color: #a750a7
}

.bookingStep6 span {
	color: #74ba95
}

.bookingSubmit {
	display: inline-block;
	color: #fff!important;
	background: #a2d55f;
	padding: 8px;
	border-radius: 2px;
	cursor: pointer;
}

.nonTouch .bookingSubmit:hover {
	background: #b3e66f;
}

.bookingSubmit:active {
	background: #80b33d!important;
}


.bookingUserAccount {
	width: 14em;
	margin-right: 4px;
	border: 1px solid #bbb;
	padding: 4px;
	box-shadow: 0 0 5px #00adea;
}

.bookingDescription {
	width: 752px;
	height: 6em;
	padding: 4px;
	border-color: #bbb;
}

.equipmentItems {
	margin-top: 4px;
	margin-bottom: 12px;
	opacity: 1;
	padding-bottom: 12px;
	border-bottom: 1px solid #ddd;
}

.unBookable input,
.unAvailable input {
	display: none;
	--opacity: 0.5;
}

.equipmentCapsule {
	display: inline-block;
	position: relative;
	vertical-align: top;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	border: 1px solid #ddd;
	width: 250px;
	min-height: 250px;
	margin: 0 10px 8px 0;
	box-shadow: rgba(0, 0, 0, 0.4) 0px 2px 5px -5px;
	background-image: url(../../../../projects.webstudio.aalto.fi/bookings/item_128.jpg);
	background-repeat: no-repeat;
	background-position: 0 0;
	background-size: 250px;
	font-size: 13px;
	padding: 7px;
	/*-webkit-transition: 1s all ease-in;*/
}

#ieWarning
{
	display: none;
}

#ie7 #mfEquipmentBooking,
#ie8 #mfEquipmentBooking {
	display: none: ;
}

#ie7 #ieWarning,
#ie8 #ieWarning
{
	display: block!important;
	color: #fff;
	background: rgb(237,75,84);
	padding: 8px 16px;
	font-size: 18px;
}

.equipmentCapsule:nth-child(3n+3) {
	margin-right: -0;
}

.equipmentName {
	margin: 256px 0 0 0;
	font-family: latoBold;
	line-height: 1em
}

.equipmentSpecifier {
	font-size: 12px;
}

.equipmentDescription {
	font-size: 12px;
	line-height: 140%;
	margin: 8px 0 0 0;

}

.equipmentExternalInfo {
	font-size: 12px;
	margin: 8px 0 0 0;
}

.equipmentDescription,
.equipmentManualLink,
.equipmentReviewLink {
}

.equipmentManualLink,
.equipmentReviewLink {
	display: inline;
}

.equipmentStatus {

}

.equipmentCallToAction {
	font-size: 12px;
	color: rgb(163,211,102);
	border-radius: 16px;
	line-height: 120%;
	margin: 8px 0;
	cursor: pointer;
}

.bookable .equipmentCallToAction
{
	display: none;
}

.bookable .available .equipmentAvailability {
	display: none;
}

.unBookable .equipmentIsIn {
	display: block;
	}

.categoryLinks {
	margin-top: 24px;
	margin-bottom: 12px;
	margin-left: 4px;
}

.categoryLink {
	padding-right: 24px;
	font-size: 12px;
	color: rgb(0, 173, 234);
	cursor: pointer;
}

.equipmentMiniCalendar
{
	position: relative;
	width: 240px;
	margin-top: 8px;
	line-height: 10px;

	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;	
}

.miniCalendarBlocker
{
	position: absolute;
	z-index: 1002;
	background: #fff;
	opacity: 0.5;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
}

.bookable .miniCalendarBlocker
{
	display: none;
}

.miniCalendarDayHeader
{
	width: 48px;
	height: 24px;
	display: inline-block;
	line-height: 22px;	
	text-align: center;
	font-size: 11px;
}

.equipmentMiniCalendarDay
{
	position: relative;
	width: 46px;
	height: 24px;
	display: inline-block;
	line-height: 22px;
	margin-right: 1px;
	margin-bottom: 1px;
	overflow: hidden;
	-moz-box-sizing: border-box;
	box-sizing: border-box;	
}

.equipmentMiniCalendarDayName
{
	position: relative;
	font-size: 12px;
	width: 45px;
	height: 24px;
	text-align: center;
	padding-top: 2px;	
	z-index: 999;
	overflow: hidden;	
}

.equipmentMiniCalendarMorning,
.equipmentMiniCalendarAfternoon,
.equipmentMiniCalendarDay .selectItem
{
	position: absolute;
	z-index: 9;
	top: 0;
	left: 0;
	width: 23px;
	height: 24px;
	text-align: center;
	background: rgba(237, 75, 84,0.6);
}

.equipmentMiniCalendarDay .selectItem
{
	z-index: 1001;
	background: transparent;
	cursor: pointer;
}

.equipmentMiniCalendarAfternoon,
.equipmentMiniCalendarDay .selectItem + .selectItem
{
	left: 23px;
}

.equipmentMiniCalendarMorning.TRUE,
.equipmentMiniCalendarAfternoon.TRUE
{
	background: rgba(164, 210, 108,0.8);	
}

.equipmentMiniCalendarMorning.NULL,
.equipmentMiniCalendarAfternoon.NULL
{
	background: rgba(212, 212, 212,1);	
}

/*.equipmentMiniCalendarMorning.FALSE,
.equipmentMiniCalendarAfternoon.FALSE
{
	background: rgba(237, 75, 84,0.6);
}*/

.miniCalendarToday
{
	box-shadow: 0 0 3px rgba(0,0,0,0.6) inset;
	color: #fff;
	text-shadow: 0 1px 0 rgba(0,0,0,0.1);
	border: 2px solid rgba(0,192,255,0.8);
	-webkit-text-smoothing: antialiased;
}

.miniCalendarToday .equipmentMiniCalendarDayName
{
	margin-top: -2px;
	margin-left:  -1px;
}

.miniCalendarDayGoneBy,
.miniCalendarDayGoneBy .equipmentMiniCalendarMorning,
.miniCalendarDayGoneBy .equipmentMiniCalendarAfternoon
{
	background: #eee!important;
	border-color: #fff!important;
	color: #aaa;
}

div[data-selected="true"]
{
	background: rgba(0,212,255,0.8)!important;
}

div[data-selected="false"]
{
	background: transparent!important;
}

div[data-selected="null"]
{
	background: transparent!important;
}

div[data-selected="unknown"]
{
	border-radius: 100%;
	background-color: #eeeeee!important;
	background-image: url(img/loader_16.gif)!important;
	background-repeat: no-repeat!important;
	background-position: center center!important;
}
.confirmStart,
.confirmEnd
{
	color: #666;
}

.confirmEnd
{
	margin-bottom: 8px;
}



/* Retina */

@media
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (   min--moz-device-pixel-ratio: 2),
only screen and (     -o-min-device-pixel-ratio: 2/1),
only screen and (        min-device-pixel-ratio: 2),
only screen and (                min-resolution: 192dpi),
only screen and (                min-resolution: 2dppx) {

	#site-title {
		background-image: url('img/aalto_media_factory%402x.png');
		background-size: 330px auto;

	}
}

/* IE */

#ie7 #page,
#ie8 #page {
	width: 1000px;
}

#ie7 #site-title span,
#ie8 #site-title span {
	visibility: hidden;
}


#ie7 .frontPageBoxSnippet,
#ie8 .frontPageBoxSnippet {
	display: none;
}

#ie7 .nonTouch .frontPageBox:hover .frontPageBoxSnippet,
#ie8 .nonTouch .frontPageBox:hover .frontPageBoxSnippet {
	display: block;
}

#ie7 .amfFooter .aaltoLogo,
#ie8 .amfFooter .aaltoLogo {
	background-image: url('img/aalto_logo.png');
}

#ie7 .amfFooterBox a,
#ie8 .amfFooterBox a {
	display: block;
}

#ie7 ul.vmgallery li,
#ie8 ul.vmgallery li {
	margin: 0 2px 5px 1px!important;
}

/* Touch */

/* TEMP */

.web-studio {
	background:pink;
}

.visible {
	opacity: 1!important;
}

.invisible {
	opacity: 0;
}

.block {
	display: block;
}

/* Expanding content */
.expanderTrigger {
	color: #00adea;
	cursor: pointer;
	--padding-left: 16px;
	--background-image: url("img/disclosure.png");
	background-repeat: no-repeat;
	background-position: 0 3px;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	-o-user-select: none;
	user-select: none;
}

.expanderTrigger p {
}

.expanderTrigger.expanded {
	background-position: 0 -47px;
}

.expanderContent {
	padding-left: 16px;
	padding-right: 12px;
	max-height: 0;
	overflow: hidden;
}

.expanderContent.expanded {
	max-height: 999em;
}

.expanderContent > *:first-child {
	margin-top: 0;
}

/* itemCard */

.itemCard {
	position: relative;
	padding: 4px 0;
	margin: 8px 8px 8px 0;
	width: 95%;
	border: 1px solid #eee;
	border-radius: 2px;
	min-height: 72px;
	font-size: 13px;
}

.itemCardIcon {
	position: absolute;
	top: 4px;
	left: 4px;
}

.itemCardIcon img {
	width: 48px;
}

.itemCardContent {
	margin-left: 56px;
}

.itemCardContent h4,
.itemCardContent p {
	margin: 0;
}

.div.view-container-border {
	background-color: #fff!important;
}

/* Incoming hacks */

.courseCalendar
{
	margin-right: 12px;
}

.courseCalendar td,
.courseCalendar th
{
	padding: 4px 8px;
	width: 20% !important;
}


.courseCalendar p 
{
	margin-bottom: 0;
}

.courseCalendar strong
{
	padding-top: 8px !important;
	display: inline-block !important;
}

#advanced-recent-posts-11
{
	padding: 8px !important;
	background-color: #00adea !important;
	background-image: url(img/feedback_bg.png) !important;
	background-repeat: none !important;
	border-radius: 8px !important;
	-webkit-box-shadow: 0 6px 4px -2px rgba(0,0,0,0.1);
	-moz-box-shadow: 0 6px 4px -2px rgba(0,0,0,0.1);
	box-shadow: 0 6px 4px -2px rgba(0,0,0,0.1);
	overflow: hidden;
	
}


#advanced-recent-posts-11 a
{
	color: #000 !important;
	display: block;
	margin: -48px;
	padding: 48px
}

#advanced-recent-posts-11:active
{
	-webkit-transform: translateY(2px) scale(0.95);
}

.postid-7298 #advanced-recent-posts-11
{
	-webkit-transition-delay: 2s;	
	-webkit-transition: 2s opacity ease;
	opacity: 0;
}

.home #content > a {
	display: inline;
	display: inline-block;

/* Hide H1 for Internet of Things */
.page-id-3484 h1.entry-title {
	display: none;
}
}

/* HOTFIX */

body.wp-admin div.widget.ui-draggable.ui-draggable-dragging
{
	height: auto !important;
}

body.wp-admin .pw-sidebars-customize .widget
{
	height: auto !important;
}

body.wp-admin .pw-sidebars-customize .widget-top
{
	height: auto !important;
}

#enhancedtextwidget-284 img
{
	border-radius: 4px;
}

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

	#relocateMessage
	{
	  width: 100% !important;
	  background-size: 100% !important;
	  background-color: #000 !important;
	  background-repeat: no-repeat !important;
          background-position: center center !important;
	}

}

.home #content > a
{
	filter: saturate(0.1);
	opacity: 0.9;
}

.widget a
{
	color: #333 !important;
}

#enhancedtextwidget-2 {
    border: 2px solid red !important;
    margin: 24px 0 !important;
    padding: 12px !important;
    border-radius: 4px !important;
}